@media(min-width: 2501px){		/* PCver2 */
    .sub3 .list_01 li { width: 11.5%; }
}
@media(min-width: 1921px) and (max-width: 2500px){		/* PCver2 */
    .sub3 .list_01 li { width: 15.5%; }
}
@media(max-width: 1200px){		/* 태블릿B */
    .idx .inner { padding: 15% 2%;}
    .inner { padding: 0 2%; }
    .sub1 .sec3 .cont .scroll { overflow: auto; padding-left: 20px; }
    .sub1 .sec3 .mb { display: block; text-align: left; margin-bottom: 30px; }
    .sub1 .sec2 .group { border: 2px solid #005dab; padding: 10px 0; background-color: #fff;}
    .sub1 .sec2 .group::before { display: none; }
    .sub1 .sec2 .group li .box { border: 0; width: 100%; }
    
    .sub5 .content > .cd > div { padding: 0 1%; }
    .sub5 .content .top li { width: 50%; margin-bottom: 3%; }
    .sub5 .content .top li:nth-child(2) { border-right: 0; }

    .sub3 .imgwrap { width: 100%; }
    .textwrap { width: 100%; margin-top: 30px; }
}
@media(max-width: 960px){		/* 태블릿S */
    .sub1 .sec2 .line1::after { height: 140px; }
    header { padding: 0; }
    header .logo { padding: 0 3%; }
    header .gnb { width: 100%; height: 100vh; background-color: rgba(255,255,255,0.8); position: absolute; top: 80px; margin-left: 100%; transition: 0.3s; }
    header .gnb.on { margin-left: 0; }
    header .gnb li { width: 100%; border-bottom: 1px solid #ccc; margin: 0; padding: 0 3%; line-height: 60px; }
    header .gnb_bt { padding: 0 3%; }
    .mb { display: block; }
    footer dt { position: static; margin-bottom: 10px; }
    footer .mb { display: none; }
    footer .logo { padding-right: 30px; margin-right: 30px; } 

    .idx .visual .slide .text { bottom: 85%; text-align: left; width: 100%; right: 0; padding-left: 3%; }
    .idx .visual .slide .text h5 { font-size: 1rem; }
    .idx .visual .slide .text h6 { font-size: 1rem; }
    .idx .visual .line { display: none; }
    .idx .visual .slide .tit h2 { margin-bottom: 2.5%; }
    .idx .visual .paging { zoom: 1.2; bottom: 30%; }
    .idx .visual .left { left: 30px; }
    .idx .visual .right { right: 30px; }


    .business li { width: 48%; margin: 1%; margin-bottom: 3%; }

    .idx .sec2 .tit { color: #fff; }
    .idx .sec2 { background-color: #333; }
    .idx .sec2 .cont { position: relative; width: 500px; height: 500px; margin: auto; }
    .idx .sec2 .one { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
    .idx .sec2 .one::after { content: ""; display: block; position: absolute; width: 300%; height: 300%; border: 2px solid #ccc; border-radius: 500px; top: -100%; left: -100%; background-color: transparent; }
    .idx .sec2 .group { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin-top: 0; border: 0; background-color: transparent; }
    .idx .sec2 .group::before { display: none; }
    .idx .sec2 .group li { position: absolute; width: 150px !important; border-right: 0; }
    .idx .sec2 .group li .box { border-radius: 100px; width: 150px!important; height: 150px!important; padding: 55px 0; border: 4px solid #ddd; background-color: #fff;}
    .idx .sec2 .group h4 { font-size: 20px; font-weight: 500; }
    .idx .sec2 .group p { font-size: 20px; font-weight: 500; display: none; }
    .idx .sec2 .group span { color: #005dab; font-weight: 600; }
    .idx .sec2 .group li:nth-child(1) { top: 0; left: 17%; }
    .idx .sec2 .group li:nth-child(2) { top: 35%; left: 0; }
    .idx .sec2 .group li:nth-child(3) { top: 70%; left: 17%;  }
    .idx .sec2 .group li:nth-child(4) { top: 0; right: 15%; }
    .idx .sec2 .group li:nth-child(5) { top: 35%; right: 0; }
    .idx .sec2 .group li:nth-child(6) { top: 70%; right: 15%; }

    .idx .sec2 .group li:nth-child(1) .box { padding: 30px 0; }
    .idx .sec2 .group li:nth-child(6) .box { padding: 40px 0; }
    .idx .sec2 .group li::before { display: none; }

    .idx .sec3 .cont  { text-align: center; }
    .idx .sec3 .cont .cd { background: url(); text-align: left; width: 50%; }
    .idx .sec3 .cont .cd li { padding: 3% 0; }
    .idx .sec3 .cont .float1 { width: 100%; }
    .idx .sec3 .cont .float2 { float: left;  width: 100%; }
    .idx .sec3 .cont .float2:nth-child(5) { margin-right: 0; } 
    .idx .sec3 .cont .imgbox { display: inline-block; vertical-align: middle; margin-bottom: 0; zoom: 0.8; }
    .idx .sec3 .cont .imgbox::after { content: ""; width: 2px; height: 30px; background-color: #ddd; display: block; margin: auto; }
    .idx .sec3 .cont p { display: inline-block; vertical-align: middle; padding-left: 3%; font-size: 1.25rem; font-weight: 500; color: #666; }
    .idx .sec3 .cont li:nth-child(7) .imgbox::after { display: none; }


    .sub1 .sec1 .img { width: 100%; text-align: center; margin-bottom: 4%; }
    .sub1 .sec1 .img img { width: 50%; }
    .sub1 .sec1 .text { max-width: 100%; padding: 3%; }

    .sub1 .sec2 p { display: none; }
    .sub1 .sec2 .company li .box { width: 100%; }
    .sub1 .sec2 .company li .box h4 { border-right: 1px solid #78bdf7;  }
    .sub1 .sec2 .company li:last-child .box h4 { border-right: 0;  }
    .sub1 .sec2 .line1::before { height: 275px; }
}
@media(max-width: 767px){		/* 모바일 */
    .sub1 .sec2 .line1::after { height: 125px; }
    .mb1 { display: block; }
    header { height: 60px; }
    header .logo { line-height: 50px; width: 130px; }
    header .gnb { top: 60px; }
    header .gnb_bt { float: right; margin-top: 12px; } 
    footer { padding: 0; padding-top: 5%; }
    footer .logo { width: 100px; margin-left: 5%; margin-right: 0; }
    footer .inner > .mb { font-weight: 500; color: #999; font-size: 2rem; float: right; display: block; width: 60%; text-align: left; padding-left: 5%; }
    footer .fnb { width: 100%; padding: 3% 5%; margin-top: 5%; border-top: 1px solid #666; }
    footer .fnb li { display: inline-block; }
    footer .fnb li span { display: none; }
    footer .fnb li .mb { display: inline-block; font-size: 14px; width: auto; margin-right: 5px; font-weight: 400; }
    footer .fnb li:nth-child(1) { display: none; }
    footer .fnb li:nth-child(2) { width: 100%; }
    footer .fnb li:nth-child(3) { margin-right: 10px; }
    footer dl  {width: 100%; text-align: left; border-top: 1px solid #666; padding: 3% 5%; }
    footer dd { display: inline-block; width: 32%; }
    .idx .visual .slide .tit h2 { font-size: 1.8rem; }
    .idx .visual .slide .tit h3 { font-size: 1.2rem; }
    .idx .cont { zoom: 0.75; }
    .idx .sec3 .cont .cd { width: 70%; }
    .idx .visual {  height: 105vh; }
    .idx .visual .slide li { height: 105vh; }
    .idx .visual .left { left: 30px; zoom: 0.6;}
    .idx .visual .right { right: 30px; zoom: 0.6; }
    .idx .visual .slide .text { bottom: 3%; }
    .idx .visual .slide .text h5 { font-size: 0.875rem; }
    .idx .visual .slide .text h6 { font-size: 0.875rem; }
    .idx .visual .paging { zoom: 1; }
    .idx .tit { font-size: 1.8rem; margin-bottom: 10%; }

    .idx .sec2 .group li:nth-child(1) .box { padding: 25px 0; }

    .sub1 .tit { font-size: 1.6rem; margin-bottom: 10%; font-weight: 600; }
    .sub1 .sec1 .text p { word-break: keep-all; }
    .sub1 .sec2 .box h4 { font-size: 0.875rem; }
    .sub1 .cont { zoom: 0.8; }
    .sub1 .sec2 .box { padding: 10px 0; }
    .sub1 .sec2 .group { padding:  0; }
    .sub1 .sec2 .company::before { display: none; }
    .sub1 .sec2 .company li::before { display: none; }
    .sub1 .sec2 .company { margin-top: 0; }
    .sub1 .sec2 .line1::before { height: 210px; }
    .sub1 .sec2 .group li { width: 33.3333%; height: 60px; border-right: 1px solid #ccc; padding: 0; line-height: 60px; }
    /* .sub1 .sec2 .group li h4 { padding: 12px 0;} */
    .sub1 .sec2 .group li:first-child { line-height: 1.5; padding-top: 5px; }
    .sub1 .sec2 .group li:last-child {line-height: 1.5; padding-top: 5px; }
    .sub1 .sec2 .group li:nth-child(-n+3) { border-bottom: 1px solid #ccc; }
    .sub1 .sec2 .group li:nth-child(3n) { border-right: 0; }
    .sub1 .sec3 .cont { zoom: 0.7; }
    .sub1 .sec1 .text img { width: 120px; }

    .sub2 .business h4 { font-size: 18px; margin-top: 3%; }
    .sub2 .business p { font-size: 12px; }
    .inquiry li { width: 100%; }
    .popup_wrap .popup { width: 90%; height: 80%; zoom: 0.8; }
    .sub2 .popup_on { zoom: 0.75; }

    .sub3 .content .tab { width: 100%; height: auto; border: 0; }
    .sub3 .content .tab li { font-size: 0.75rem;width: 48%; margin: 1%; border: 1px solid #ddd; padding: 5px 0;}
    .sub3 .content .tab li:nth-child(1) { width: 98%; }
    .sub3 .content .tab li:nth-child(3) { border-right: 1px solid #ddd; }
    .sub3 .content .tab li:nth-child(5) { border-right: 1px solid #ddd; }
    .sub3 .content .list_01 li { width: 48%; margin: 1%; }
    .sub3 .content .btn { zoom: 0.8; }

    .sub4 .content .list_02 .imgbox { max-width: 100%; width: 100%; }
    .sub4 .content .list_02 .textbox { max-width: 100%; width: 100%; padding-top: 3%; }
    .sub4 .content .list_02 .textbox h3 { font-size: 1rem; }
    .sub4 .content .list_02 .textbox p { font-size: 0.875rem; }
    .page_box { zoom: 0.8; }

    .sub5 .content .top h3 { font-size: 0.875rem; }
    .sub5 .content .top h3 > span { font-size: 1rem; }
    .sub5 .content .top li { width: 100%; border-right: 0; }
    .sub5 .content > .cd > div { width: 100%; }
    .sub5 .content .map { height: 350px; margin-top: 20px; }

    .sub5 .content .top li .en { font-size: 1rem; } 
    .sub5 .content .top li p { font-size: 0.875rem; } 
    .sub5 .content .top li br { display: block; }

    .sub3 .imgwrap .gallery-thumbs { display: none; }
    .sub3 .imgwrap .gallery-top { height: 350px; }
    .textwrap { padding-bottom: 60px; }

    .view_nav li .cd h6 { display: none; }

    .view_nav li > a > span > span { display: none; }
    .view_nav li .cd { width: 85%; }

}
@media(max-width: 400px){		/* 모바일 */
    footer .logo { width: 100px; margin-left: 5%; margin-right: 0; }
    footer .inner > .mb { font-size: 1.5rem; }
    footer dl { padding: 3% 4%; font-size: 0.8rem; }
    .idx .cont { zoom: 0.6; }
    .idx .sec1 .business h4 { font-size: 22px; }
    .idx .tit { font-size: 1.2rem; margin-bottom: 10%; }
    .idx .visual { zoom: 0.9; }
    .idx .visual .tit { zoom: 0.9; }
    .idx .visual .left { display: none; }
    .idx .visual .right { display: none; } 
    .sub2 .business { zoom: 0.8; }
    .sub2 .business p { font-size: 13px; } 
    .sub5 .content .top br { display: none; }
    .sub5 .content .map { height: 300px; }
    .sub3 .imgwrap .gallery-top { height: 300px; }
    .sub1 .sec2 .group li h4 { font-size: 0.75rem; }
    .sub1 .sec2 .one .box { min-width: 180px; }
}