/********** 반응형 **********/
@media screen and (min-width:2000px){
    #main-visual {height: 90rem;}
}


@media screen and (max-width:1680px){
    html,body {font-size:50% !important;}
}


@media screen and (max-width:1300px){
    #section_02 {background-size:60%;}


}

@media screen and (max-width:1200px){

    /*인트로*/
 
    #intro-wrap .intro-page {max-width: 60rem;}
    #intro-wrap .intro-page>h3 {font-size:3rem;}
    /*헤더*/

    header.mini>div {height:11rem;}
    header>.bound::before {width: 20rem;}
    header>.bound>.boundary {padding-left:4rem;}
    header>.bound>.boundary>.etc-wrap {padding-right:2rem;}
    header>.bound>.boundary>.menu-wrap>ul>li:last-child>.sub-menu>li {font-size:1.4rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.contact-us>a {font-size:1.2rem; padding:0.5rem 1.4rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang {font-size:1.2rem; padding:0.5rem 1.4rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang.on>ul {top:3rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang>p {font-size:1.3rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang>p>img:first-child {max-width: 1.4rem;}
    header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu>li>a {font-size:1.4rem;}
    header>.bound>.boundary>.menu-wrap>ul>li {font-size:1.6rem;}

    .white-bg.on {height: 28.1rem;}
    

    /*메인배너*/
    .m-pd {padding-left:1.6rem; padding-right:1.6rem;}
    #main-visual {height: 80rem;}
    #main-visual>.swiper-wrapper>.swiper-slide.swiper-slide-active .boundary .text-wrap .logo-wrap>li>p>br {display: none;}
    .section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap img {max-width: 2rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:7rem;}


    /*섹션2*/
    #section_02 {background-size:contain; transition: all 0.4s;}
    .section#section_02 .boundary .about-wrap .inner-boundary {padding-left:1.6rem; padding-right:1.6rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .img-wrap {right:1.6rem;}
    /*섹션3*/
    .section#section_03 .boundary>.inner_boundary>.item_container>.title.fixed {top:12rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2 {font-size:8rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item {height: 40rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a>h3 {font-size:2.4rem;}

    /*섹션4*/
    .section#section_04 .title>div>h2 {font-size:6rem;}

    /*공통*/
    .inner_boundary {padding-left:1.6rem; padding-right:1.6rem;}

    /*회사소개*/
    .title-banner-wrap {margin-top:0;}
    .title-banner-wrap .image-banner>.inner_boundary {width:95%;}
    

    .slogan-container {justify-content: space-between;}
    .slogan-wrap {flex-basis: 49%; max-width: 49%;}
    .slogan-wrap .content .title {width: 12%; font-size:5rem;}
    .slogan-wrap .content .img-wrap {width: 88%;}
    .slogan-wrap .content .text-wrap {padding-left:12%; padding-right:0;}
    

}

@media screen and (max-width:1024px){
    #section_02 {padding-top:12rem; padding-bottom:12rem;}
    header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu>li>a {font-size:1.3rem;}
    .white-bg.on {height: 27.6rem;}
    .product-detail-wrap {margin-top:5rem;}

    #main-visual {height: 70rem;}
    #main-visual .swiper-slide .banner-image {top:0%;}
    #main-visual .swiper-slide.swiper-slide .banner-image {height: 50%; transform: translate(-50%,100%);}
    #main-visual .swiper-slide.swiper-slide-active .banner-image {height: 50%; transform: translate(-50%,100%);}

    /* #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>img {max-width: 100%; opacity: 0;  transition: all 4s cubic-bezier(.23,1,.32,1); visibility: hidden; transform: translateX(50px);} */

    @-webkit-keyframes zoomin {
        0% {transform: translate(-50%,100%) scale(1.0);}
        100% {transform: translate(-50%,100%) scale(1.0);}
      } 
      @keyframes zoomin {
        0% {transform: translate(-50%,100%) scale(1.0);}
        100% {transform: translate(-50%,100%) scale(1.0);}
      }
       @-moz-keyframes zoomin {
        0% {transform: translate(-50%,100%) scale(1.0);}
        100% {transform: translate(-50%,100%) scale(1.0);}
      }

}

@media screen and (max-width:968px){
    header>.bound>.boundary>.menu-wrap {display: none;}
    header>.bound>.boundary>.logo-wrap {flex-basis: 15%; max-width: 15%;}
    #section_02 .flex_2ea .content p>br {display: none;}
    #overview-text .content>h3>br {display: none;}

    .search-wrap .text-wrap>li:last-child {margin-bottom:1rem;}
    .search-wrap#sub-search-wrap .boundary-1280 {flex-wrap: wrap; padding:3rem 2rem;}
    .search-wrap#sub-search-wrap .text-wrap {flex-basis: 100%; max-width: 100%;}
    .search-wrap#sub-search-wrap .search-container {flex-basis: 100%; max-width: 100%;}
    .search-wrap#sub-search-wrap .boundary-1280 .search-container .select-container {flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;}
    .search-wrap#sub-search-wrap .boundary-1280 .search-container .select-container .search-btn {margin-left:0; width: 100%; height: auto; flex-basis: 100%; max-width: 100%; margin-top:1rem;}
    .search-wrap#sub-search-wrap .boundary-1280 .search-container .select-container .search-btn>img {padding:1rem;}
    .search-wrap#sub-search-wrap .boundary-1280 .search-container .select-container .search-btn>img {max-width: 5rem;}
    .search-wrap#sub-search-wrap .boundary-1280 .search-container .select-container>ul>li.input-search-box {flex-basis: 100%; max-width: 100%;}

    header>.bound>.boundary>.etc-wrap>ul>li.lang {padding:1rem 1.6rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.contact-us>a {padding:1rem 1.6rem;}

    .facility-wrap .boundary-1280 .name {flex-basis: 100%; max-width: 100%; position: relative; top:0; left:0;}
    .facility-wrap .boundary-1280 .content {flex-basis: 100%; max-width: 100%;}




}

@media screen and (max-width:967px){
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap {flex-basis: 100%; max-width: 100%;}
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li {display: flex; justify-content: flex-start; align-items: center;}
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .progress {flex-basis: 100%; max-width: 100%;}
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap .logo-wrap>li>h2 {font-size:2.4rem;}
    

    #main-visual .swiper-slide.swiper-slide-active .banner-image {opacity: 0.3;}
    
    .search-wrap .search-container .select-container {flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;}
    .search-wrap .search-container .select-container .search-btn {margin-left:0; width: 100%; height: auto; flex-basis: 100%; max-width: 100%; margin-top:1.6rem;}
    .search-wrap .search-container .select-container .search-btn>img {padding:1rem;}
    .search-wrap .search-container .select-container .search-btn>img {max-width: 5rem;}
    .search-wrap .search-container .select-container>ul>li.input-search-box {flex-basis: 100%; max-width: 100%;}

    /* jsVectorMap 파트너십 태블릿 */
    #partnership-map-wrap .jvm-map-wrap #jvm-world-map {height: 400px !important;}
    #partnership-map-wrap .jvm-agency-list>li {flex-basis: calc(33.333% - 0.7rem); max-width: calc(33.333% - 0.7rem);}

}


@media screen and (max-width:768px){


    header>.bound>.boundary>.logo-wrap {max-width: 30%; flex-basis: 30%;}

    .flex_2ea .content  {flex-basis: 100%; max-width: 100%;}

    #main-visual>.swiper-wrapper>.swiper-slide.swiper-slide .boundary .text-wrap .logo-wrap>li>img {width: 20rem;}
    .title-banner-wrap .boundary-1280>ul>li:first-child>h3 {font-size: 4rem;}

    .search-wrap {padding:4rem 2rem; padding-top:3rem;}
    .search-wrap .text-wrap {flex-basis: 100%; max-width: 100%; display: flex; justify-content: flex-start; align-items: center; padding-bottom:1rem;}
    .search-wrap .text-wrap>li:first-child {padding-right:3rem;}
    .search-wrap .text-wrap>li:last-child br {display: none;}
    .search-wrap .search-container {flex-basis: 100%; max-width: 100%;}

    #section_02 {padding-top:10rem; padding-bottom:40rem; background-size:100%; background-position: center bottom;}
    /* #section_02 .flex_2ea .content h3 {font-size:2.4rem; word-break: keep-all;} */
    /* #section_03 .flex_2ea .content h3 {font-size:2.4rem; word-break: keep-all;} */
    #section_02 .flex_2ea .content h3 br {display: none;}

    #section_03 {padding-top:10rem; padding-bottom:10rem;}
    #section_03 .flex-2ea {margin-top:3rem; margin-bottom:3rem;}
    #section_03 .flex-2ea .content {flex-basis: 50%; max-width: 50%; }

    #section_04 {height: auto;}
    #section_04 .flex-2ea {flex-wrap: wrap;}
    #section_04 .flex-2ea .content:first-child {flex-basis: 100%; max-width: 100%; position: relative; top:0;} 
    #section_04 .flex-2ea .content:first-child>div {width: 100%; padding-left:1.6rem; padding-right:1.6rem;}
    #section_04 .flex-2ea .content.rnd-bg {flex-basis: 100%; max-width: 100%; width: 100%; position: relative; background-size:cover; background-repeat: no-repeat; background-position: center;} 
    #section_04 .flex-2ea .content.rnd-bg>img {width: 90%;}

    .partners-wrap ul li {max-width: 14rem;}

    footer .contact {position: relative; top:0; left:0; transform: none; padding-left:0; padding-right:0;}
    footer .contact .content {flex-basis: 100%; max-width: 100%;}
    footer>ul {padding-top:10rem;}

    .slogan-wrap .content .title {width: 12%; font-size:4rem;}

    /*공통*/
    .search-result>p {margin-top:2rem;}
    .title-banner-wrap .boundary-1280>ul {flex-wrap: wrap;}
    .paging {flex-basis: 100%; max-width: 100%; margin-top:3rem;}
    

    /*사이트맵*/
    /* .site-map-wraps {height: calc(100vh - 6rem); margin-top:6rem;} */
    .site-map-wraps>ul { width: 100%; background-color: #fff; overflow-y: auto;}
    .site-map-wraps.on {background-color:transparent; z-index: 999; border-top:1px solid #ddd;}
    .site-map-wraps>ul>li {padding:1rem 2rem;}
    .site-map-wraps>ul>li>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .site-map-wraps>ul>li>ul>.menu-name {padding-right:2rem;}

    .site-map-wraps>ul>li>ul>li>a {font-weight: 400;}

    /*메인배너*/
    /* .section #main-slide .swiper-wrapper .swiper-slide>.boundary {justify-content: center;} */
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment {padding:1rem; text-align: center;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:8rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p {font-size:1.6rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container {justify-content: center;}

    /*섹션2*/


    /*섹션4*/
    .section#section_04 .title>div>p {font-size:1.8rem;}
    .section#section_04 .title>div>h2 {font-size:4rem;}
    .section#section_04 .news-container .pagenation .button-wrap .button {width: 8rem; height: 8rem;}



    /*회사소개*/
    #sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap {padding:0; padding-top:2rem; }
    /*사이트맵*/
    .site-map-wraps>.img-wrap {display: none;}
    .site-map-wraps>ul {flex-basis: 100%; max-width: 100%;}
    .site-map-wraps>ul>li {flex-basis: 100%; max-width: 100%; height:25%; background-color: #fff;}
    .site-map-wraps>ul>li::before {display: none;}
    .site-map-wraps>ul>li:nth-child(1) {border-bottom:1px none;}
    .site-map-wraps>ul>li:nth-child(2) {border-bottom:1px none;}
    .site-map-wraps>ul>li:nth-child(3) {border-bottom:1px none;}
    .site-map-wraps>ul>li:nth-child(4) {border-bottom:1px none;}
    .site-map-wraps>ul>li:nth-child(5) {flex-basis: 100%; max-width: 100%;}
    .site-map-wraps>ul>li>ul {padding-top:0;}
    .site-map-wraps .close-btn {width:8rem; height:8rem;}

    .site-map-wraps>ul>li>ul>.menu-name {font-size:2rem; padding:0.5rem;}
    .site-map-wraps>ul>li>ul>li>a {font-size:1.6rem; padding:2rem 1rem;}
    .site-map-wraps>ul>li>ul>li>a>span {display: none;}

    /*공통 서브*/
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {margin-right:2rem;}
    #product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:2.4rem;}
    #product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {font-size:1.8rem;}
    /* #contact-title {padding-bottom:25%;} */
    #product-banner-wrap {padding-bottom:0; padding-left:1.6rem; padding-right: 1.6rem;}
    .title-banner-wrap .boundary .inner_boundary {padding-left:0; padding-right:0;}
    .title-banner-wrap .boundary .inner_boundary>ul {flex-wrap: wrap;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child {flex-basis: 100%; max-width: 100%;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:2.4rem;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {margin-left:0; font-size:1.6rem;}
    .title-banner-wrap .boundary .inner_boundary>ul>.paging {flex-basis: 100%; max-width: 100%; border-top:1px solid rgba(255,255,255,0.1); padding-top:1rem; margin-top:1rem; font-size:1.4rem; justify-content: flex-start; padding-bottom:1rem;}


    .title-banner-wrap .image-banner>.inner_boundary {padding:2rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li {flex-basis: 100%; max-width: 100%;}
    .title-banner-wrap .image-banner>.inner_boundary>li:first-child {border-right:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:2rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li:last-child {text-align: center;}


    /* #sub-section-02 .flex_2ea {flex-wrap: wrap;} */
    #sub-section-02 .flex_2ea.sub_inner_boundary {flex-wrap: wrap;}
    #sub-section-02 .flex_2ea.sub_inner_boundary .content {flex-basis: 100%; max-width: 100%;}


    /*제품 공통*/
    .search-wrap .text-wrap>li:last-child {font-size:1.4rem;}
    #product-wraps .flex_3ea .content {flex-basis: 49%; max-width: 49%; margin:0.5%;}

    .filter-wrap>.content>li:first-child {flex-basis: 100% !important; max-width: 100%  !important; margin-right:0 !important; border-bottom:1px solid #ddd !important; border-right:0  !important; margin-bottom:1rem !important;}
    .filter-wrap>.content>li:first-child>h3 {text-align: left !important; padding-bottom:1rem  !important;}
    .filter-wrap>.content>li:last-child {flex-basis: 100%  !important; max-width: 100%  !important; margin-right:0 !important;}

    .search-wrap>input {flex-basis: 65%; width: 65%;}
    .search-wrap>.search-btn {flex-basis: 35%; width: 35%;}
    .search-wrap>.search-btn>img {max-width: 3rem;}

    /*제품 디테일*/
    .product-detail-wrap>.content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%; position: relative; top:0;}
    .product-detail-wrap>.content.text-wraps {flex-basis: 100%; max-width: 100%; margin-bottom:2%;}
    .product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}

    /*홍보*/
    .sns-container>ul {justify-content: center; width: 100%; margin-top:1rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div:last-child {display: flex; justify-content: center; align-items: center;}

    /*컨택*/
    .title-banner-wrap .image-banner>.inner_boundary {position: relative;}
    .title-banner-wrap .image-banner {margin-bottom:0;}

    .section#section_03 .boundary>.inner_boundary>.item_container>.title {padding-bottom:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container:last-child {position: relative; top:0; padding-bottom:0;}


    /*rnd*/
    #rnd-banner .banner-wrap .flex-2ea>.text-wrap {font-size:3vw; padding-left:1.6rem;}
    #rnd-banner .banner-wrap .flex-2ea>.text-wrap>br {display: none;}
    /* #rnd-banner .banner-wrap .flex-2ea>.content {flex-basis: 100%; max-width: 100%;} */


    .contents {flex-wrap: wrap;}
    .contents>.item:first-child {flex-basis: 20rem; max-width: 20rem;}
    .contents>.item:last-child {flex-basis: 100%; max-width: 100%;}

    #rnd-facility .boundary-1280 .rnd-02 {flex-basis: 20rem; max-width: 20rem;}
    #rnd-facility h3>br {display: none;}
    #rnd-facility .white-box>li>div {flex-basis: 100%; max-width: 100%;}
    #rnd-facility .white-box>li>div>h4 {padding-bottom:1.6rem;}
    #rnd-facility .white-box>li>ul {flex-basis: 50%; max-width: 50%;}
    #rnd-facility .white-box>li>ul>li {font-size:1.4rem;}
    #rnd-facility .white-box>li>ul>li::before {width:3px; height: 3px;}


    /*고객사*/
    #partenrship-wrap .title>h3 {font-size:3rem;}
    #partners-wrap>li.client-wrap>.item {flex-basis: 32.333%; max-width: 32.333%; padding:1rem 2rem; border-radius: 0.5rem;}
    .partners-wrap ul li {border-radius: 0.5rem;}
    

    .agency-map-wrap {flex-wrap: nowrap;}
    .agency-map-wrap .map-wrap {max-width: 65%; flex-basis: 65%; padding-right:1%;}
    .agency-map-wrap .agency {flex-basis: 35%; max-width: 35%;}
    .map-wrap>ul>li>div {font-size:1.4rem;}


    /*문의하기*/
    #support-wrap .inquiry-wraps {flex-wrap: wrap; padding:2rem;}
    #support-wrap .inquiry-wraps>ul {flex-basis: 100%; max-width: 100%; border-right:0; border-bottom:1px solid #ddd;}
    #support-wrap .inquiry-wraps>ul:last-child {border-bottom:0;}

    #address-add {margin-bottom: 2rem;}
    footer ul .contact-wraps .flex_start{margin-bottom:1rem;}


    #history-container .history-box>.img-wrap {flex-basis: 100%; max-width: 100%; order:0;}
    #history-container .history-box .img-wrap .img>img {width: 100%;}
    #history-container .history-box:nth-child(odd)>.img-wrap {padding-bottom:0; padding-right:0;}
    #history-container .history-box:nth-child(odd) .img-wrap::after {display: none;}
    #history-container .history-box:nth-child(even)>.cont-wrap>li>div>p {text-align: left;}
    #history-container .history-box>.cont-wrap {flex-basis: 100%; max-width: 100%; order:1;}
    #history-container .history-box .img-wrap .img {justify-content: flex-start;}
    #history-container .history-box .img-wrap .title {text-align: left;}
    #history-container .history-box:nth-child(even)>.cont-wrap>li {justify-content: flex-start;}
    #history-container .history-box:nth-child(even)>.cont-wrap>li>b {order:0; padding-right:2rem; padding-left:0;}
    #history-container .history-box:nth-child(even)>.cont-wrap {left:0;}

    #history-container .history-box:nth-child(even)>.img-wrap {order:0; padding-left:0;}
    #history-container .history-box:nth-child(even)>.cont-wrap>li>div>p::before {right:''; left:-1rem;}

    #history-container .history-box:nth-child(even)>.cont-wrap::after {display: none;}
    #history-container .history-box:nth-child(odd) .cont-wrap::after {display: none;}

    #history-container .history-box:nth-child(odd)>.cont-wrap {padding-bottom:10rem;}
    #history-container .history-box:nth-child(even)>.cont-wrap {padding-bottom:10rem;}

    .site-map-wraps>ul>li>ul>li {flex-basis: 50%; max-width: 50%;}
    #ability .flex-2ea {flex-wrap: wrap;}
    #ability .content {flex-basis: 100%; max-width: 100%;}
    #ability .content:last-child {position: relative; top:0;}
    .intro-wrap .flex-3ea .content .img {max-width: 32rem;}
   
    
}


@media screen and (max-width:667px){


    /*헤더*/
    header {height:8rem;}
    header>.bound {height: 8rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang.on>ul {top:4rem;}
    header>.bound>.boundary>.logo-wrap {max-width: 35%; flex-basis: 35%;}
    header>.bound>.boundary>.logo-wrap>a {padding-bottom:0rem; padding-top:0rem; max-width: 20rem;}

    header.mini {height: 8rem;}
    header.mini>div {height: 8rem;}
    header.mini>div>.boundary>.logo-wrap>a{padding-top:0rem;}

    header>.bound>.boundary>.logo-wrap>.lang-wrap>li:first-child {padding-left:0;}
    header>.bound>.boundary>.logo-wrap>.lang-wrap>li {padding-bottom:0.25rem;}


    .section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap {width: 8rem; height: 8rem; transform: translate(-50%,-20%);}

    /*메인1*/
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size: 4rem;}

    #section_05 .partners-wrap ul li {max-width: 13rem; padding: 1rem 2rem;}
    #partners-02-wrap {margin-top:1.5rem !important;}

    /*지식재산권*/
    .certificate-grid .content>.text-wrap {padding:1rem;}


    .search-wrap .search-container .select-container>ul>li.menu {flex-basis: 49%; max-width: 49%; margin-bottom:1rem;}
    .search-wrap .search-container .select-container>ul>li.menu.on>.sub-menu {z-index: 9; }


    
    /*회사소개*/
    .title-banner-wrap .boundary-1280>ul.menu-list>li {flex-basis: 25%; max-width: 25%;}
    .title-banner-wrap .boundary-1280>ul.menu-list>li>a {padding:2rem; text-align: center; width: 100%;}
    #overview-text .content {flex-basis: 100%; max-width: 100%;}
    #number-contents .content {flex-basis: 50%; max-width: 50%;}
    .slogan-container {flex-wrap: wrap;}
    .slogan-wrap {flex-basis: 100%; max-width: 100%;}
    

    /*회사비전*/
    #management-wrap .content {flex-basis: 100%; max-width: 100%;}

    #management-wrap .content:nth-child(1) {order:0;}
    #management-wrap .content:nth-child(2) {order:1;}
    #management-wrap .content:nth-child(3) {order:3;}
    #management-wrap .content:nth-child(4) {order:2;}
    #management-wrap .content:nth-child(5) {order:4;}
    #management-wrap .content:nth-child(6) {order:5;}
    #management-wrap .content.text-wrap>.text-div {padding-bottom:10rem;}
    /* #management-wrap .content:nth-child(1) {order:0;}
    #management-wrap .content:nth-child(2) {order:1;}
    #management-wrap .content:nth-child(3) {order:2;}
    #management-wrap .content:nth-child(4) {order:3;} */

    .agency-map-wrap {flex-wrap: wrap;}
    .agency-map-wrap .map-wrap {max-width: 100%; flex-basis: 100%; position: relative; top:0; margin-right:0;}
    .agency-map-wrap .agency {flex-basis: 100%; max-width: 100%;}

    .map-wrap>ul>li {padding:0; border:0;}
    .map-wrap>ul>li.on {border:0;}
    .map-wrap>ul>li>div {font-size:1.2rem; display: none !important; }
    .map-wrap>ul>li>div>img {max-width: 10px;}

    /* jsVectorMap 파트너십 모바일 */
    #partnership-map-wrap {padding:4rem 0;}
    #partnership-map-wrap .title>h3 {font-size:2.6rem;}
    #partnership-map-wrap .jvm-map-wrap {padding:0; margin-bottom:2rem;}
    #partnership-map-wrap .jvm-map-wrap #jvm-world-map {height: 280px !important;}
    #partnership-map-wrap .jvm-agency-list {gap:0.8rem;}
    #partnership-map-wrap .jvm-agency-list>li {flex-basis: calc(50% - 0.4rem); max-width: calc(50% - 0.4rem); min-width: 0; padding:1rem;}
    #partnership-map-wrap .jvm-agency-list>li>.nation {font-size:1.2rem;}
    #partnership-map-wrap .jvm-agency-list>li>.nation>span {display:none;}
    #partnership-map-wrap .jvm-agency-list>li>.address {font-size:1.1rem;}

    .top-btn {width: 50px; height: 50px; right:1.6rem; bottom:1.6rem;}


    /*문의*/
    .inquiry .i-wrap .i-info .i-form .check-box .title {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .check-box .c-list {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
    .inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list {height:4rem;}

    .inquiry .i-wrap .i-info .i-form .form-box li .i-tit {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .form-box li .i-box {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
    .inquiry .i-wrap .i-info .i-form .form-box li .i-box input {height:4rem;}
    .inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {height:4rem;}
    .inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {height:4rem; line-height: 4rem;}

    .title-banner-wrap .boundary-1280 {padding-left:0; padding-right:0;}
    .title-banner-wrap .boundary-1280>ul.menu-list>li {flex-basis: 50%; max-width: 50%;}
    .scroller>.scroller__inner>img {max-width: 15rem;}

    .location-wrap {flex-direction: column; padding-bottom: 5rem;}
    .location-wrap>li {flex-basis: 100%; max-width: 100%; width: 100%;}
    .location-wrap>li:nth-child(odd) {position: static; flex-basis: 100%; max-width: 100%; margin-bottom: 1rem;}
    .location-wrap>li:nth-child(odd)>h3 {text-align: left; margin-bottom: 0;}
    .location-wrap>li:nth-child(even) {width: 100%;flex-basis: 100%; max-width: 100%;}

    .title-banner-wrap .boundary-1280>ul>li {flex: none;}
    .title-banner-wrap .boundary-1280>ul>.paging {width: 100%;}
    .title-banner-wrap .boundary-1280>ul>.paging>u {justify-content: flex-end;}


    /* .intro-wrap {background-image: none !important; background:  rgb(0,46,98); background: linear-gradient(0deg, rgba(0,46,98,1) 12%, rgba(255,255,255,1) 100%); -webkit-linear-gradient(0deg, rgba(0,46,98,1) 12%, rgba(255,255,255,1) 100%);} */
 

  


}

@media screen and (max-width:500px){

    #section_03 .business-area-wrap .swiper-slide {width: 100%;}

    /*헤더*/
    header {height: 6rem;}
    .title-banner-wrap {padding-top:6rem;}
    header>.bound {height: 6rem;}
    header>.bound>.boundary>.logo-wrap>a>img {width: 80%;}
    header>.bound>.boundary>.logo-wrap>.lang-wrap>li {font-size: 1.2rem;}

    .site-map-wraps .close-btn {width: 6rem; height: 6rem;}
    .site-map-wraps .close-btn>img {width: 4rem; height: 4rem;}

    /*인트로*/
    #intro-wrap .intro-page .intro-logo-type {max-width: 30rem;}
    #intro-wrap .intro-page h3 {font-size:1.6rem;}

    /* jsVectorMap 파트너십 소형모바일 */
    #partnership-map-wrap .jvm-agency-list>li {flex-basis: 100%; max-width: 100%;}

    .section#section_04 .title {position: relative; top:10rem;}

    footer>ul {padding-bottom:10rem;}

    header>.bound>.boundary {padding-left:1.6rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang {padding:1rem 1.3rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.contact-us>a {padding:1rem 1.3rem;}
    .site-map-wraps>ul>li>ul>.menu-name {flex-basis: 100%; max-width: 100%;}
    .site-map-wraps>ul>li>ul>.menu-name>h3 {border-bottom:1px solid #ddd;}

    .partners-wrap ul li {max-width: 9rem;}

    #section_04 .flex-2ea .content:first-child>div>h3 {font-size:2.4rem;}
    footer .contact .content .text-wrap>h3 {font-size:2.4rem;}
    #section_05 .title-wrap>h3 {font-size:3.6rem;}




    


    /*메인1*/

    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box {width: 5rem; height: 5rem;}
    #section_05 {padding-bottom: 10rem;}


    /*섹션2*/
    .section#section_02 .boundary .about-wrap {background-position: right bottom; padding-top:15rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h3 {font-size:2rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h1 {font-size:5rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container {margin-bottom:3rem;}

    #sub-section-03 .sub_inner_boundary>.flex_2ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}
    #sub-section-03 .sub_inner_boundary>.flex_2ea .content:nth-child(2n)  {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}

    /*섹션3*/
    .section#section_03 .boundary>.inner_boundary {padding:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2  {font-size:6rem;}

    /*섹션4*/
    .section#section_04 .news-container .pagenation {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem; padding-top:0;}
    .section#section_04 .news-container #news-wrap {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem;}
    .section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body>li>h3 {font-size:2rem;}


    
    /*회사소개*/
    .title-banner-wrap .image-banner>.inner_boundary {width: 100%;}
    #sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h4>br {display: none;}

    /*제품*/
    .title-banner-wrap .boundary .inner_boundary>ul>.paging {font-size:1.2rem;}
    #product-search .search-wrap>input {font-size:1.6rem; padding:1.5rem 3rem;}
    #product-search .filter-wrap>.content>li:last-child>.item {padding:0.8rem 2rem;}
    #product-wraps .flex_3ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}
    .pr-grid .content {width: 100%; max-width: 100%; margin-bottom:2%;}
    
    .certificate-grid .content {width:32.333%; max-width: 32.333%; flex-basis: 32.333%; margin:0.5%;}
    .product-detail-wrap>.content.text-wraps {padding:0;}



    /*푸터*/
    footer>ul {padding-left:1.6rem; padding-right:1.6rem;}
    footer ul .menu-wraps>.content>div>a {font-size:1.4rem; padding:0.4rem 1rem;}

    /*사이트맵*/
    .site-map-wraps>ul>li {padding:1rem 2rem;}
    .site-map-wraps>ul>li>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .site-map-wraps>ul>li>ul>.menu-name {padding-right:2rem;}
    .site-map-wraps>ul>li>ul>li>a {font-weight: 400;}


    /*회사소개*/
    
    #overview-text .content {margin-top:2rem;}

    #overview-text .content ul {margin-top:4rem;}
    #overview-text .content ul>li {flex-basis: 100%; max-width: 100%;}
    .line-button {margin-top:0.5rem;}

    #number-contents {align-items: stretch;}


    /*회사소식*/
    .pr-grid.news-wrap .content .text-wrap> .category {flex-basis: 100%; max-width: 100%; justify-content: flex-start;}
    .pr-grid.news-wrap .content>.text-wrap .cont>p {padding-left:0;}


    /*기술연혁*/
    .technical-history .year {font-size:2.4rem;}

    #rnd-facility .white-box {padding:4rem 3rem;}

    #partners-wrap>li.client-wrap>.item {flex-basis: 49%; max-width: 49%;}

    #history-container>.title {font-size: 3rem;}
    footer .family-wrap {max-width: 100%;}
    
    
    

}


@media screen and (max-width:415px){

    
    header>.bound>.boundary {padding-right:6rem;}
    header>.bound>.boundary>.etc-wrap {padding-right:1rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang {margin-right:0.6rem;}
    header>.bound>.boundary>.etc-wrap>ul>li.lang.on>ul {top:4rem;}


    #main-visual {height: 60rem;}
    .site-map {width: 6rem;}
    .site-map-wraps>ul>li>ul>li>a {padding:1rem 0.5rem;}

    #section_02 {padding-bottom:35rem;}
    #section_03 .boundary-1280 {padding-left:0; padding-right:0;}
    .technical-history .img-wrap>h3>br {display: none;}

    .title-banner-wrap .boundary-1280>ul>li:first-child>h4 {margin-top:1rem;}
    .title-banner-wrap .boundary-1280>ul.menu-list>li>a {padding:1.6rem;}

    .technical-history .img-wrap {padding:1rem;}
    .technical-history .img-wrap>h3 {font-size:2.4rem;}
    .technical-history .list>li {padding-left:1.6rem;}

    .search-wrap .boundary-1280 {padding-left:0; padding-right:0;}
    footer ul .menu-wraps>.content {width: 100%; margin-bottom:1rem;}
    footer ul .menu-wraps .family-menu {width: 100%; background-position: 95%;}
    footer ul .menu-wraps .family-menu * {max-width: 100%;}
    footer ul .menu-wraps>.content>div {flex-basis: 25%; max-width: 25%; text-align: center;}


    /*인증현황*/
    .certificate-grid .content {width: 49%; max-width: 49%; flex-basis: 49%;}

}

@media screen and (max-width:375px){

    /* #section_03 .business-area-wrap .swiper-slide {width: 38rem;} */
    #section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap {max-width: 20rem;}
    #section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap p {font-size:1.3rem;}

    #section_03 .business-area-wrap .swiper-slide .text-wrap {padding:1.6rem 2rem;}
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap {padding-left:1.6rem; padding-right:1.6rem;}

}



@media screen and (max-height:400px){



        /*헤더*/
        header {height: 6rem;}
        .title-banner-wrap {padding-top:6rem;}
        header>.bound {height: 6rem;}
        header>.bound>.boundary>.logo-wrap>.lang-wrap>li {font-size: 1.2rem;}
    
        .site-map-wraps .close-btn {width: 6rem; height: 6rem;}
        .site-map-wraps .close-btn>img {width: 4rem; height: 4rem;}
    
        /*인트로*/
        #intro-wrap .intro-page .intro-logo-type {max-width: 30rem;}
        #intro-wrap .intro-page h3 {font-size:1.6rem;}
    
        .section#section_04 .title {position: relative; top:10rem;}
    
        footer>ul {padding-bottom:10rem;}
    
        header>.bound>.boundary {padding-left:1.6rem;}
        header>.bound>.boundary>.etc-wrap>ul>li.lang {padding:1rem 1.3rem;}
        header>.bound>.boundary>.etc-wrap>ul>li.contact-us>a {padding:1rem 1.3rem;}
        .site-map-wraps>ul>li>ul>.menu-name {flex-basis: 100%; max-width: 100%;}
        .site-map-wraps>ul>li>ul>.menu-name>h3 {border-bottom:1px solid #ddd;}
    
        .partners-wrap ul li {max-width: 9rem;}
    
        #section_04 .flex-2ea .content:first-child>div>h3 {font-size:2.4rem;}
        footer .contact .content .text-wrap>h3 {font-size:2.4rem;}
        #section_05 .title-wrap>h3 {font-size:3.6rem;}
    
    
    
    
        
    
    
        /*메인1*/
    
        .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box {width: 5rem; height: 5rem;}
    
    
        /*섹션2*/
        .section#section_02 .boundary .about-wrap {background-position: right bottom; padding-top:15rem;}
        .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h3 {font-size:2rem;}
        .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h1 {font-size:5rem;}
        .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container {margin-bottom:3rem;}
    
        #sub-section-03 .sub_inner_boundary>.flex_2ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}
        #sub-section-03 .sub_inner_boundary>.flex_2ea .content:nth-child(2n)  {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}
    
        /*섹션3*/
        .section#section_03 .boundary>.inner_boundary {padding:0;}
        .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2  {font-size:6rem;}
    
        /*섹션4*/
        .section#section_04 .news-container .pagenation {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem; padding-top:0;}
        .section#section_04 .news-container #news-wrap {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem;}
        .section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body>li>h3 {font-size:2rem;}
    
    
        
        /*회사소개*/
        .title-banner-wrap .image-banner>.inner_boundary {width: 100%;}
        #sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h4>br {display: none;}
    
        /*제품*/
        .title-banner-wrap .boundary .inner_boundary>ul>.paging {font-size:1.2rem;}
        #product-search .search-wrap>input {font-size:1.6rem; padding:1.5rem 3rem;}
        #product-search .filter-wrap>.content>li:last-child>.item {padding:0.8rem 2rem;}
        #product-wraps .flex_3ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}
        .pr-grid .content {width: 100%; max-width: 100%; margin-bottom:2%;}
        
        .certificate-grid .content {width:32.333%; max-width: 32.333%; flex-basis: 32.333%; margin:0.5%;}
        .product-detail-wrap>.content.text-wraps {padding:0;}
    
        /*문의*/
        .inquiry .i-wrap .i-info .i-form .check-box .title {flex-basis: 100%; max-width: 100%;}
        .inquiry .i-wrap .i-info .i-form .check-box .c-list {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
        .inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list {height:4rem;}
    
        .inquiry .i-wrap .i-info .i-form .form-box li .i-tit {flex-basis: 100%; max-width: 100%;}
        .inquiry .i-wrap .i-info .i-form .form-box li .i-box {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
        .inquiry .i-wrap .i-info .i-form .form-box li .i-box input {height:4rem;}
        .inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {height:4rem;}
        .inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {height:4rem; line-height: 4rem;}
    
        /*푸터*/
        footer>ul {padding-left:1.6rem; padding-right:1.6rem;}
        footer ul .menu-wraps>.content>div>a {font-size:1.4rem; padding:0.4rem 1rem;}
    
        /*사이트맵*/
        .site-map-wraps>ul {padding-top:5rem; padding-bottom: 5rem;}
        .site-map-wraps>ul>li {padding:1rem 2rem;}
        .site-map-wraps>ul>li>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
        .site-map-wraps>ul>li>ul>.menu-name {padding-right:2rem;}
        .site-map-wraps>ul>li>ul>li>a {font-weight: 400;}
    
    
        /*회사소개*/
        
        #overview-text .content {margin-top:2rem;}
    
        #overview-text .content ul {margin-top:4rem;}
        #overview-text .content ul>li {flex-basis: 100%; max-width: 100%;}
        .line-button {margin-top:0.5rem;}
    
        #number-contents {align-items: stretch;}
    

    
        /*기술연혁*/
        .technical-history .year {font-size:2.4rem;}
    
        #rnd-facility .white-box {padding:4rem 3rem;}

        
        header>.bound>.boundary {padding-right:6rem;}
        header>.bound>.boundary>.etc-wrap {padding-right:1rem;}
        header>.bound>.boundary>.etc-wrap>ul>li.lang {margin-right:0.6rem;}
        header>.bound>.boundary>.etc-wrap>ul>li.lang.on>ul {top:4rem;}


        #main-visual {height: 60rem;}
        .site-map {width: 6rem;}
        .site-map-wraps>ul>li {overflow: visible;}
        .site-map-wraps>ul>li>ul>li>a {padding:1rem; font-size: 1.4rem;}

        #section_02 {padding-bottom:35rem;}
        #section_03 .boundary-1280 {padding-left:0; padding-right:0;}
        /* #section_03 .business-area-wrap .swiper-slide {width: 42rem;} */
        .technical-history .img-wrap>h3>br {display: none;}

        .title-banner-wrap .boundary-1280>ul>li:first-child>h4 {margin-top:1rem;}
        .title-banner-wrap .boundary-1280>ul.menu-list>li>a {padding:1.6rem;}

        .technical-history .img-wrap {padding:1rem;}
        .technical-history .img-wrap>h3 {font-size:2.4rem;}
        .technical-history .list>li {padding-left:1.6rem;}

        .search-wrap .boundary-1280 {padding-left:0; padding-right:0;}
        footer ul .menu-wraps>.content {width: 100%; margin-bottom:1rem;}
        footer ul .menu-wraps .family-menu {width: 100%; background-position: 95%;}
        footer ul .menu-wraps .family-menu * {max-width: 100%;}
        footer ul .menu-wraps>.content>div {flex-basis: 25%; max-width: 25%; text-align: center;}


    /*인증현황*/
    .certificate-grid .content {width: 49%; max-width: 49%; flex-basis: 49%;}

    /* #section_03 .business-area-wrap .swiper-slide {width: 38rem;} */
    #section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap {max-width: 20rem;}
    #section_03 .business-area-wrap .swiper-slide .text-wrap .img-wrap p {font-size:1.3rem;}

    #section_03 .business-area-wrap .swiper-slide .text-wrap {padding:1.6rem 2rem;}
    #main-visual>.swiper-wrapper>.swiper-slide .boundary .text-wrap {padding-left:1.6rem; padding-right:1.6rem;}



}