@charset "utf-8";
html, body{width:100%;height:100%;overflow:hidden;font-weight:300;letter-spacing:1px;}
body{overflow:hidden;}
b{font-weight:bold;}
h1{font-size:48px;font-weight:bold;}
body{font-family:'NanumSquare', sans-serif;}
    .normal{font-weight:400;}
    .bold{font-weight:700;}
    .bolder{font-weight:800;}
    .light{font-weight:300;}
/* 헤더 영역 시작 */
header{position:fixed;z-index:1;top:0px;width:100%;height:100px;}
header .logo{position:absolute;top:0;left:0;width:10%;height:100px;}
header .logo a img{transform:translate(50%, 25%);}
header nav{z-index:1;width:80%;height:100%;margin:0 auto;}
header nav ul{position:relative;height:100%;margin:0 auto;overflow:hidden;}
header nav ul li{float:left;width:15%;margin:0 auto;text-align:center;line-height:100px;}
header nav ul li:nth-child(1){margin-left:20%;}
header nav ul li a{color:#fff;font-size:18px;}
header nav ul li ul{z-index:99;width:100%;height:30px;background-color:red;}
/* 헤더 영역 끝 */
/* 서브 네비 영역 시작 */
.sub-nav{display:none;position:fixed;z-index:2;top:100px;width:100%;height:300px;border-top:1px solid #b9b9b9;background-color:#fff;box-sizing:border-box;}
.sub-nav .sub-nav-wrap{position:relative;width:80%;height:100%;margin:0 auto;}
.sub-nav .sub-nav-wrap ul{display:block;float:left;width:15%;height:100%;margin:0 auto;}
.sub-nav .sub-nav-wrap ul:nth-child(1){margin-left:20%;}
.sub-nav .sub-nav-wrap ul li{height:50px;font-size:14px;text-align:center;line-height:50px;}
.sub-nav .sub-nav-wrap ul li:hover{font-weight:bold;text-decoration:underline;}
/* 서브 네비 영역 끝 */
   /* 최상단 우측 햄버거 시작 */
.top-right{position:fixed;z-index:5;top:0;right:0;width:10%;height:100px;}
.top-right .btn-box{position:relative;width:33px;height:25px;margin:37.5px auto;margin-left:50%;background-color:transparent;cursor:pointer;transition:all 0.5s;}
.top-right .btn-box span{display:block;position:absolute;top:50%;width:33px;height:3px;border-radius:50px;background-color:#fff;transform:translateY(-50%);transition:all 0.5s;}
.top-right .btn-box span::before,
.top-right .btn-box span::after{position:absolute;z-index:55;top:0;left:0;width:33px;height:3px;border-radius:50px;background-color:#fff;content:"";transition:all 0.5s;}
.top-right .btn-box span::before{top:10px;}
.top-right .btn-box span::after{top:-10px;}
.top-right .btn-box.on > span{background-color:#fff;}
.top-right .btn-box.on > span::before{top:0;background-color:#000;transform:rotate(-45deg);}
.top-right .btn-box.on > span::after{top:0;background-color:#000;transform:rotate(45deg);}
.top-right .btn-box.color > span,
.top-right .btn-box.color > span::before,
.top-right .btn-box.color > span::after{background:#000;}
/* 최상단 우측 햄버거 끝 */
/* 햄버거 메뉴 클릭 시 나오는 사이드 네비 시작 */
.side-nav{position:fixed;z-index:2;top:50%;right:-100%;width:72%;min-width:1000px;height:100%;background-color:#fff;transform:translateY(-50%);transition:all 0.5s;}
.side-nav.active{right:0;}
.side-nav .side-nav-box{position:relative;top:50%;width:100%;height:60%;transform:translateY(-50%);}
.side-nav .side-nav-box > ul{position:absolute;top:50%;left:50%;width:90%;height:80%;transform:translate(-50%, -50%);}
.side-nav .side-nav-box > ul > li{position:relative;width:100%;height:calc(100% / 4);}
.side-nav .side-nav-box > ul > li > a{font-size:2.60vw;line-height:120px;}
.side-nav .side-nav-box > ul > li > ul{position:absolute;z-index:1;top:0;right:0;width:70%;height:100%;}
.side-nav .side-nav-box > ul > li > ul > li{float:left;margin-right:2vw;font-size:1.5vw;line-height:120px;}
/* 햄버거 메뉴 클릭 시 나오는 사이드 네비 끝 */
/* 우측 인디케이터 시작    */
.indicator{position:fixed;z-index:1;top:50%;right:1%;width:120px;height:150px;transform:translateY(-50%);}
.indicator ul li{position:relative;height:37.5px;font-size:14px;line-height:37.5px;}
.indicator ul li a{opacity:0.5;color:#fff;}
.indicator ul li a::after{position:absolute;top:50%;right:13px;width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";transform:translateY(-50%);}
.indicator ul li a span.active{position:absolute;top:50%;right:0;width:30px;height:30px;border:2px solid #fff;border-radius:100%;line-height:37.5px;transform:translateY(-50%);box-sizing:border-box;}
.indicator ul li a.active{opacity:1;font-size:16px;font-weight:bold;transition:all 0.3s;}
/* 우측 인디케이터 끝    */
/* 각 섹션 기본정리 시작     */
.section{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.section:nth-child(2){background-image:url("../images/hwasung/main_bg/section1_bg.png");}
.section:nth-child(3){background-color:#000000;}
.section:nth-child(4){overflow:hidden;background-image:url("../images/hwasung/main_bg/section3_bg.png");}
/* 각 섹션 기본정리 끝     */
/* 1번째 섹션 = nth-child(2) = 화성산업 시작 */
.section:nth-child(2) .text-wrap{position:relative;top:50%;width:80%;height:176px;margin:0 auto;transform:translateY(-50%);}
.section:nth-child(2) .text-wrap .t-text{width:100%;height:26px;margin:0 auto;margin-bottom:30px;overflow:hidden;text-align:center;}
.section:nth-child(2) .text-wrap .t-text h3{overflow:hidden;opacity:0;color:#fff;font-size:24px;}
.section:nth-child(2) .text-wrap .t-text h3.active{opacity:1;transition:0.5s;transition-delay:0.6s;}
.section:nth-child(2) .text-wrap .b-text{width:80%;height:120px;margin:0 auto;overflow:hidden;text-align:center;}
.section:nth-child(2) .text-wrap .b-text p{opacity:0;color:#fff;font-size:45px;line-height:60px;transform:translateY(-100%);}
.section:nth-child(2) .text-wrap .b-text p.active{opacity:1;transform:translateY(0%);transition:1s;transition-delay:1s;}
.section:nth-child(2)>img.mousemove{position:absolute;left:50%;bottom:20px;width:40px;transform:translateX(-50%);animation:scroll 2s infinite;}
/* 1번째 섹션 = nth-child(2) = 화성산업 끝 */
/* 2번째 섹션 = nth-child(3) = 주요사업 시작  */
.section:nth-child(3) .section-slider{position:relative;width:100%;height:100%;overflow:hidden;}
.section:nth-child(3) .section-slider .slider-bg{width:100%;height:100%;background-color:#000;}
.section:nth-child(3) .section-slider .slider-bg ul{height:100%;overflow:hidden;}
.section:nth-child(3) .section-slider .slider-bg ul li{display:none;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child{display:block;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .t-text{overflow:hidden;/* background-color:#aaa;*/}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .t-text h3{opacity:0;transition:0.5s;transition-delay:0.6s;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .t-text h3.active{opacity:1;transition:0.5s;transition-delay:0.6s;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .b-text{overflow:hidden;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .b-text p{opacity:0;transform:translateY(-100%);transition:1s;transition-delay:1s;}
.section:nth-child(3) .section-slider .slider-bg ul li:first-child .text-wrap .b-text p.active{opacity:1;transform:translateY(0%);transition:1s;transition-delay:1s;}
.section:nth-child(3) .section-slider .slider-bg ul li img{position:absolute;width:100%;height:100%;overflow:hidden;object-fit:cover;transition:all 20s;transform:scale(1);}
.section:nth-child(3) .section-slider .slider-bg ul li img.scale{transform:scale(1.2);}
.section:nth-child(3) > .section-slider .slider-bg ul li .text-wrap{position:absolute;top:40%;left:50%;width:80%;height:176px;margin:0 auto;/* background-color:#acc;*/transform:translate(-50%, -50%);}
.section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .t-text{width:100%;height:26px;margin:0 auto;margin-bottom:30px;text-align:center;}
.section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .t-text h3{color:#fff;font-size:24px;}
.section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text{width:1448px;width:80%;height:240px;margin:0 auto;text-align:center;/* background-color:pink;*/}
.section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p:nth-child(1){margin-bottom:20px;color:#fff;font-size:45px;line-height:60px;}
.section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p.descript{color:#fff;font-size:24px;line-height:60px;}
.section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide{position:absolute;top:60%;left:50%;width:190px;height:54px;margin:0 auto;border:3px solid #fff;font-size:20px;text-align:center;line-height:48px;transform:translateX(-50%);box-sizing:border-box;}
.section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide > a{display:inline-block;width:100%;height:100%;color:#fff;}
.section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide > a::after{display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.33);content:"";transition:all 0.3s ease-out;}
.section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide > a:hover::after{left:0;width:100%;}
.section:nth-child(3) .section-slider .slider-tab{position:absolute;bottom:0;width:100%;height:80px;}
.section:nth-child(3) .section-slider .slider-tab ul{width:100%;height:100%;margin:0 auto;overflow:hidden;}
.section:nth-child(3) .section-slider .slider-tab ul li{position:relative;float:left;width:20%;height:100%;overflow:hidden;border-top:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #fff;cursor:pointer;box-sizing:border-box;}
.section:nth-child(3) .section-slider .slider-tab ul li:last-child{border-right:2px solid #fff;}
.section:nth-child(3) .section-slider .slider-tab ul li::before{position:absolute;z-index:5;top:0;left:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.3);content:"";}
.section:nth-child(3) .section-slider .slider-tab ul li.width::before{width:100%;transition:all 6s linear;}
.section:nth-child(3) .section-slider .slider-tab ul li::after{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;content:"";transition:all 0.5s;}
.section:nth-child(3) .section-slider .slider-tab ul li:hover::after,
.section:nth-child(3) .section-slider .slider-tab ul li.opacity::after{opacity:0.2;}
.section:nth-child(3) .section-slider .slider-tab ul li a{display:block;width:50%;height:76px;margin:0 auto;color:#fff;}
.section:nth-child(3) .section-slider .slider-tab ul li:last-child a{width:78%;}
.section:nth-child(3) .section-slider .slider-tab ul li:last-child a .icons-box{width:28%;}
.section:nth-child(3) .section-slider .slider-tab ul li a .icons-box{float:left;width:76px;width:38%;height:76px;opacity:0.5;}
.section:nth-child(3) .section-slider .slider-tab ul li a .icons-box img{position:relative;z-index:9;top:50%;left:50%;width:60%;transform:translate(-50%, -50%);}
.section:nth-child(3) .section-slider .slider-tab ul li a > span{z-index:9;float:left;margin-left:10px;opacity:0.5;font-size:0.8vw;line-height:76px;}
.section:nth-child(3) .section-slider .slider-tab ul li:hover a .icons-box,
.section:nth-child(3) .section-slider .slider-tab ul li:hover a span,
.section:nth-child(3) .section-slider .slider-tab ul li a span.desc.active,
.section:nth-child(3) .section-slider .slider-tab ul li a .icons-box.active{opacity:1;font-weight:bold;}
.section:nth-child(3)>img.mousemove{position:absolute;left:50%;bottom:100px;width:40px;transform:translateX(-50%);animation:scroll 2s infinite;}
/* 2번째 섹션 = nth-child(3) = 주요사업 끝  */
/* 3번째 섹션 = nth-child(4) = 사회공헌 시작 */
.section:nth-child(4) .text-wrap{position:relative;top:20%;width:80%;height:176px;margin:0 auto;}
.section:nth-child(4) .text-wrap .t-text{width:100%;height:26px;margin:0 auto;margin-bottom:30px;overflow:hidden;text-align:center;}
.section:nth-child(4) .text-wrap .t-text h3{opacity:0;color:#fff;font-size:24px;transition:0.5s;transition-delay:0.6s;}
.section:nth-child(4) .text-wrap .t-text h3.active{opacity:1;transition:0.5s;transition-delay:0.6s;}
.section:nth-child(4) .text-wrap .b-text{width:80%;height:120px;margin:0 auto;overflow:hidden;text-align:center;}
.section:nth-child(4) .text-wrap .b-text p{opacity:0;color:#fff;font-size:45px;line-height:60px;transform:translateY(-100%);transition:1s;transition-delay:1s;}
.section:nth-child(4) .text-wrap .b-text p.active{opacity:1;transform:translateY(0%);transition:1s;transition-delay:1s;}
.section:nth-child(4) .content-wrap{display:flex;position:relative;top:25%;width:1348px;height:320px;margin:0 auto;justify-content:space-between;}
.section:nth-child(4) .content-wrap .content-box{width:422px;height:100%;overflow:hidden;}
.section:nth-child(4) .content-wrap .content-box .top-img-box{position:relative;width:100%;height:236px;overflow:hidden;background-color:rgba(245, 245, 220, 0.4);transition:all 2s;}
.section:nth-child(4) .content-wrap .content-box .top-img-box:hover>.box-title{bottom:0;}
.section:nth-child(4) .content-wrap .content-box .top-img-box .box-title{position:absolute;bottom:-100%;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);color:#fff;font-size:2vw;text-align:center;box-sizing:border-box;transition:all 0.5s;}
.section:nth-child(4) .content-wrap .content-box .top-img-box .box-title a{display:inline-block;position:relative;top:50%;color:#fff;transform:translateY(-50%);}
.section:nth-child(4) .content-wrap .content-box .top-img-box .box-title a i{width:100%;}
.section:nth-child(4) .content-wrap .content-box .top-img-box .box-title a span{display:inline-block;margin-top:10px;text-align:center;}
.section:nth-child(4) .content-wrap .content-box .bottom-text-box{width:100%;height:84px;padding:10px;text-align:center;box-sizing:border-box;}
.section:nth-child(4) .content-wrap .content-box .bottom-text-box span{color:#fff;font-size:22px;line-height:30px;}
.section:nth-child(4) .detail-btn{position:relative;top:30%;width:190px;height:54px;margin:0 auto;border:3px solid #fff;font-size:20px;text-align:center;line-height:48px;box-sizing:border-box;}
.section:nth-child(4) .detail-btn a{display:inline-block;width:100%;height:100%;color:#fff;}
.section:nth-child(4) .detail-btn a::after{display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.33);content:"";transition:all 0.3s ease-out;}
.section:nth-child(4) .detail-btn a:hover::after{left:0;width:100%;}
.section:nth-child(4) > img.mousemove{position:absolute;left:50%;bottom:10px;width:40px;transform:translateX(-50%);animation:scroll 2s infinite;}
.section:nth-child(4) .window{display:none;position:fixed;z-index:1;top:0;width:100%;height:100%;background-color:#000;}
.section:nth-child(4) .window-content{display:none;position:absolute;z-index:3;top:50%;left:50%;width:64%;height:80%;padding:2%;overflow:hidden;border-radius:10px;background-color:#fff;transform:translate(-50%, -50%);box-sizing:border-box;}
.section:nth-child(4) .window-content iframe{display:block;width:80%;height:58.3%;margin:0 auto;margin-bottom:2%;border-radius:10px;}
.section:nth-child(4) .window-content h3{margin-bottom:2%;color:#000;font-size:1.7vw;font-weight:bold;text-align:center;letter-spacing:0px;}
.section:nth-child(4) .window-content ul{width:40%;min-width:420px;margin:0 auto;padding:0 3%;overflow:hidden;box-sizing:border-box;}
.section:nth-child(4) .window-content ul li{border-bottom:1px solid #000;list-style:disc;font-size:1rem;font-weight:500;line-height:30px;box-sizing:border-box;}
.section:nth-child(4) .window-content span.close{position:absolute;left:50%;bottom:20px;width:150px;height:40px;border:1px solid #000;border-radius:5px;font-size:1rem;font-weight:bold;text-align:center;line-height:40px;cursor:pointer;transform:translateX(-50%);box-sizing:border-box;transition:all 0.3s;}
.section:nth-child(4) .window-content span.close:hover{background-color:#000000;color:#fff;}
/* 3번째 섹션 = nth-child(4) = 사회공헌 끝 */
/* 4번째 섹션 = nth-child(5) = 정보광장 시작 */
.section:nth-child(5){display:flex;justify-content:space-between;}
.section:nth-child(5) .sub-sec-box{position:relative;width:calc(100% / 3);height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:filter 1s;}
.section:nth-child(5) .sub-sec-box:nth-child(1){position:relative;background-color:rgba(255, 127, 80, 0.3);background-image:url("../images/hwasung/main_bg/section4_sub1.png");}
.section:nth-child(5) .sub-sec-box:nth-child(2){background-color:rgba(0, 191, 255, 0.3);background-image:url("../images/hwasung/main_bg/section4_sub2.png");}
.section:nth-child(5) .sub-sec-box:nth-child(3){background-color:rgba(139, 0, 0, 0.3);background-image:url("../images/hwasung/main_bg/section4_sub3.png");}
.section:nth-child(5) .sub-sec-box .content-box{position:relative;top:30%;left:50%;width:300px;height:500px;transform:translateX(-50%);}
.section:nth-child(5) .sub-sec-box .content-box .top-img-box{position:relative;width:300px;height:220px;}
.section:nth-child(5) .sub-sec-box .content-box .top-img-box img{position:relative;top:25%;left:25%;width:50%;height:50%;}
.section:nth-child(5) .sub-sec-box .content-box .mid-title-box{width:300px;height:100px;}
.section:nth-child(5) .sub-sec-box .content-box .mid-title-box>p{color:#fff;font-size:37px;text-align:center;line-height:100px;}
.section:nth-child(5) .sub-sec-box .content-box .mid-title-box>p a{color:#fff;}
.section:nth-child(5) .sub-sec-box .content-box .bottom-desc-box{width:300px;height:180px;padding:30px 0;box-sizing:border-box;}
.section:nth-child(5) .sub-sec-box .content-box .bottom-desc-box>p{color:#fff;font-size:16px;text-align:center;line-height:32px;}
.section:nth-child(5)>img.mousemove{position:absolute;left:50%;bottom:20px;width:40px;transform:translateX(-50%);animation:scroll 2s infinite;}
/* 4번째 섹션 = nth-child(5) = 정보광장 끝 */
/* 최하단 풋터영역 시작 */
.section.footer{position:relative;width:100%;height:200px;overflow:hidden;background-color:#333333;color:#a3a3a3;}
.section.footer .footer-wrap{width:65%;height:100%;margin:0 auto;}
.section.footer .footer-wrap .footer-top{position:relative;width:100%;height:60px;margin:0 auto;padding:0 2%;line-height:60px;box-sizing:border-box;}
.section.footer .footer-wrap .footer-top::after{position:absolute;left:50%;bottom:0px;width:100vw;height:1px;background-color:#a3a3a3;content:"";transform:translateX(-50%);}
.section.footer .footer-wrap .footer-top ul{position:relative;overflow:hidden;}
.section.footer .footer-wrap .footer-top ul li{position:relative;float:left;margin:0 10px;}
.section.footer .footer-wrap .footer-top ul li:nth-child(1){margin-left:0;}
.section.footer .footer-wrap .footer-top ul li a{color:#a3a3a3;}
.section.footer .footer-wrap .footer-top ul li:not(:nth-of-type(3))::after{position:absolute;top:50%;right:-10px;width:1px;height:13px;background-color:#a3a3a3;content:"";transform:translateY(-50%);}
.section.footer .footer-wrap .footer-top .footer-logo{position:absolute;top:0px;right:10px;width:210px;height:60px;}
.section.footer .footer-wrap .footer-top .footer-logo img{position:absolute;top:50%;right:0;width:50%;height:50%;transform:translateY(-50%);}
.section.footer .footer-wrap .footer-bottom{position:relative;width:100%;margin:0 auto;padding:20px 2% -0px 2%;box-sizing:border-box;}
.section.footer .footer-wrap .footer-bottom p,
.section.footer .footer-wrap .footer-bottom span{width:60%;font-size:13px;line-height:25px;}
.section.footer .footer-wrap .footer-bottom .footer-selector{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.section.footer .footer-wrap .footer-bottom .footer-selector select{width:100px;padding:3px 7px;background-color:#fff;font-size:13px;letter-spacing:-0.5px;}
.section.footer .footer-wrap .footer-bottom .footer-selector a{display:inline-block;position:relative;margin:2px;padding:3px 7px;border:1px solid #000;background-color:#bfbfbf;font-size:12px;line-height:17px;letter-spacing:-0.5px;}
/* 최하단 풋터영역 끝 */
/* 마우스 상하이동 애니메이션 키프레임 시작    */
@keyframes scroll{
    0%{transform:translate(-50%, 0);}
    5%{transform:translate(-50%, -1px);}
    10%{transform:translate(-50%, -2px);}
    15%{transform:translate(-50%, -3px);}
    20%{transform:translate(-50%, -4px);}
    25%{transform:translate(-50%, -5px);}
    30%{transform:translate(-50%, -6px);}
    35%{transform:translate(-50%, -7px);}
    40%{transform:translate(-50%, -8px);}
    45%{transform:translate(-50%, -9px);}
    50%{transform:translate(-50%, -10px);}
    55%{transform:translate(-50%, -9px);}
    60%{transform:translate(-50%, -8px);}
    65%{transform:translate(-50%, -7px);}
    70%{transform:translate(-50%, -6px);}
    75%{transform:translate(-50%, -5px);}
    80%{transform:translate(-50%, -4px);}
    85%{transform:translate(-50%, -3px);}
    90%{transform:translate(-50%, -2px);}
    95%{transform:translate(-50%, -1px);}
    100%{transform:translate(-50%, 0px);}
}
/* 마우스 상하이동 애니메이션 키프레임 끝    */
@media screen and (max-width:1080px){
    .side-nav{width:100%;min-width:0;}
    .side-nav .side-nav-box{width:100%;height:80%;}
    .side-nav .side-nav-box > ul{height:80%;box-sizing:border-box;}
    .side-nav .side-nav-box > ul > li{width:100%;height:25%;box-sizing:border-box;}
    .side-nav .side-nav-box > ul > li > a{font-size:4vw;}
    .side-nav .side-nav-box > ul > li > ul{display:inline-block;width:75%;padding:50px -0px;}
    .side-nav .side-nav-box > ul > li > ul > li{height:auto;font-size:0.6rem;line-height:20px;}
    .section:nth-child(3) .section-slider .slider-tab ul li a .icons-box{display:none;}
    .section:nth-child(3) .section-slider .slider-tab ul li a > span{width:100%;font-size:1.4vw;}
}
@media screen and (max-width:1500px){
    .section:nth-child(2) .text-wrap .b-text p,
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p:nth-child(1),
    .section:nth-child(4) .text-wrap .b-text p{font-size:3vw;line-height:4vw;}
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p:nth-child(2){font-size:2.2vw;line-height:4vw;}
    .section:nth-child(4) .content-wrap{width:60%;}
    .section:nth-child(4) .content-wrap .content-box .bottom-text-box span{color:#fff;font-size:1.8vw;line-height:2.2vw;}
    .section:nth-child(5) .sub-sec-box .content-box{top:20%;width:36%;}
    .section:nth-child(5) .sub-sec-box .content-box .top-img-box,
    .section:nth-child(5) .sub-sec-box .content-box .mid-title-box,
    .section:nth-child(5) .sub-sec-box .content-box .bottom-desc-box{width:100%;height:auto;}
    .section:nth-child(5) .sub-sec-box .content-box .mid-title-box>p{font-size:3vw;}
    .section:nth-child(5) .sub-sec-box .content-box .bottom-desc-box>p{font-size:1.2vw;line-height:18px;}
}
@media screen and (max-width:767px){
    .indicator{display:none;}
    header{width:100%;height:50px;}
    header nav{display:none;}
    header .logo{left:3%;width:32%;height:100%;}
    header .logo a{display:inline-block;position:relative;width:100%;height:100%;}
    header .logo a img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
    .top-right{top:0;right:0;width:50px;height:50px;}
    .top-right .btn-box{width:100%;height:100%;margin:0;}
    .top-right .btn-box span{left:50%;width:25px;transform:translateX(-50%);}
    .top-right .btn-box span::before,
    .top-right .btn-box span::after{width:25px;}
    .top-right .btn-box span::before{top:8px;}
    .top-right .btn-box span::after{top:-8px;}
/*    섹션 nth-child 2번 4번 공통 시작 */
    .section:nth-child(2) .text-wrap,
    .section:nth-child(4) .text-wrap{width:100%;}
    .section:nth-child(2) .text-wrap .t-text,
    .section:nth-child(4) .text-wrap .t-text{height:auto;}
    .section:nth-child(2) .text-wrap .t-text h3,
    .section:nth-child(4) .text-wrap .t-text h3{font-size:1.2rem;}
    .section:nth-child(2) .text-wrap .t-text h3,
    .section:nth-child(4) .text-wrap .t-text h3{font-size:1.2rem;line-height:1.2rem;}
    .section:nth-child(2) .text-wrap .b-text,
    .section:nth-child(4) .text-wrap .b-text{width:100%;}
    .section:nth-child(2) .text-wrap .b-text p,
    .section:nth-child(4) .text-wrap .b-text p{font-size:0.8rem;line-height:1rem;}
/*    섹션 nth-child 2번 4번 공통 끝 */
    .section:nth-child(2) img.mousemove,
    .section:nth-child(3) img.mousemove,
    .section:nth-child(4) img.mousemove,
    .section:nth-child(5) img.mousemove{width:30px;}
    .section:nth-child(3) > .section-slider .slider-bg ul li .text-wrap{width:100%;}
    .section:nth-child(3) .section-slider .slider-bg ul li img.scale{transform:scale(1);}
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .t-text h3{font-size:1.2rem;}
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text{overflow:hidden;}
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p:nth-child(1){padding:0 40px;font-size:1rem;line-height:1.4rem;}
    .section:nth-child(3) .section-slider .slider-bg ul li .text-wrap .b-text p.descript{font-size:0.8rem;line-height:1rem;}
    .section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide{position:absolute;width:30%;height:40px;border:1px solid #fff;}
    .section:nth-child(3) .section-slider .slider-bg ul li .btn-for-slide a{font-size:1rem;line-height:1.7rem;vertical-align:middle;}
    .section:nth-child(3) .section-slider .slider-tab{height:50px;overflow:hidden;}
    .section:nth-child(3) .section-slider .slider-tab ul li{border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;}
    .section:nth-child(3) .section-slider .slider-tab ul li a{width:100%;height:100%;}
    .section:nth-child(3) .section-slider .slider-tab ul li a .icons-box{display:none;}
    .section:nth-child(3) .section-slider .slider-tab ul li a span{display:block;width:100%;height:100%;margin:0;overflow:hidden;font-size:0.8rem;text-align:center;text-overflow:ellipsis;line-height:50px;white-space:nowrap;}
    .section:nth-child(4) .content-wrap{top:10%;width:90%;height:17%;overflow:hidden;}
    .section:nth-child(4) .content-wrap .content-box{border:1px solid #fff;background-color:#acc;box-sizing:border-box;}
    .section:nth-child(4) .content-wrap .content-box .top-img-box{height:100%;overflow:hidden;}
    .section:nth-child(4) .content-wrap .content-box .top-img-box .box-title{font-size:3vw;}
    .section:nth-child(4) .content-wrap .content-box .top-img-box img{width:100%;height:100%;object-fit:cover;}
    .section:nth-child(4) .content-wrap .content-box .bottom-text-box{display:none;}
    .section:nth-child(4) .detail-btn{top:20%;width:30%;height:40px;border:1px solid #fff;}
    .section:nth-child(4) .detail-btn a{font-size:1rem;line-height:1.7rem;vertical-align:middle;}
    .section:nth-child(4) .window-content{width:90%;height:70%;}
    .section:nth-child(4) .window-content iframe{width:90%;height:70%;}
    .section:nth-child(4) .window-content h3{margin-top:1rem;font-size:1rem;}
    .section:nth-child(4) .window-content ul{width:80%;min-width:0px;}
    .section:nth-child(4) .window-content ul li{display:none;}
    .section:nth-child(4) .window-content span.close{width:30vw;height:2rem;font-size:0.8rem;line-height:2rem;}
    .section:nth-child(5){display:block;overflow:hidden;}
    .section:nth-child(5) .sub-sec-box{width:100%;height:calc(100% / 3);}
    .section:nth-child(5) .sub-sec-box.num1{width:100%;}
    .section:nth-child(5) .sub-sec-box .content-box{top:50%;left:50%;height:50%;transform:translate(-50%, -50%);}
    .section:nth-child(5) .sub-sec-box .content-box .top-img-box img{height:100%;}
    .section:nth-child(5) .sub-sec-box .content-box .mid-title-box{height:50%;}
    .section:nth-child(5) .sub-sec-box .content-box .mid-title-box p{line-height:3rem;}
    .section:nth-child(5) .sub-sec-box .content-box .mid-title-box p a{font-size:1rem;}
    .section:nth-child(5) .sub-sec-box .content-box .bottom-desc-box{display:none;}
    .section.footer{width:100%;height:120px;}
    .section.footer .footer-wrap{width:100%;height:100%;}
    .section.footer .footer-wrap .footer-top{width:100%;height:40px;padding:0;line-height:40px;}
    .section.footer .footer-wrap .footer-top::after{display:none;}
    .section.footer .footer-wrap .footer-top ul{width:100%;margin:0 auto;padding:0;text-align:center;}
    .section.footer .footer-wrap .footer-top ul li{width:33%;margin:0;font-size:0.6rem;text-align:center;}
    .section.footer .footer-wrap .footer-top ul li::after{display:none;}
    .section.footer .footer-wrap .footer-top ul li a{font-size:0.8rem;line-height:40px;}
    .section.footer .footer-wrap .footer-top .footer-logo{display:none;}
    .section.footer .footer-wrap .footer-bottom{height:80px;padding:1% 3%;}
    .section.footer .footer-wrap .footer-bottom p,
    .section.footer .footer-wrap .footer-bottom span{width:100%;font-size:0.7rem;}
    .section.footer .footer-wrap .footer-bottom .footer-selector{display:none;}
}