/*공통 링크*/
body .com_link{ display:inline-block; height:48px; line-height:48px; font-size:1.4rem; color:#fff; padding:0 13.5rem 0 4rem;  
    background:url('/html/_img/main/com_link_bak.png') no-repeat center / 100%; 
}

body .com_link02{ position:relative; display:block; margin:5.5rem auto 0; width:100%;   max-width:32rem; height:10rem; line-height:10rem; font-size:2.8rem; font-weight:600;  color:#fff; text-align:center; background:#0486ea;   }
body .com_link02:after{ content:""; position:absolute; top:5px; bottom:5px; left:5px; right:5px;  border:1px solid rgba(255,255,255,0.4);}

@media all and (max-width:1199.98px) {
    body .com_link02{ width:25rem; height:7rem; line-height:7rem; font-size:2rem;  }
}
    


/*공통 여백*/
body .main_sec{ padding:11rem 0;}

@media all and (max-width:1199.98px) {
    body .main_sec{ padding:9rem 0;}
}
@media all and (max-width:767.98px) {
    body .main_sec{ padding:7rem 0;}
}
    

/*공통 색상*/
body .color_red{ color:#0090ff !important; }

/*메인 슬라이더*/
#main_slider{ position:relative; height:100vh; }
#main_slider:after{ z-index:1;  content:""; position:absolute; bottom:50px; right:50px; width:14px; height:116px; background:url('/html/_img/main/main_scroll_t.png') no-repeat center;   }
#main_slider .swiper-container,
#main_slider .swiper-wrapper,
#main_slider .swiper-slide{ height:100%; }
#main_slider .img_box{ position:absolute; top:50%; left:50%; width:100%; height:100%; 
    transform:translate(-50%,-50%) scale(1.1); -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);
    transition:transform 5s; -webkit-transition:transform 5s; -moz-transition:transform 5s;
}
#main_slider .swiper-slide:nth-child(1) .img_box{ background:url('/html/_img/main/main_slider01.jpg') center / cover;}
#main_slider .swiper-slide:nth-child(2) .img_box{ background:url('/html/_img/main/main_slider02.jpg') center / cover;}
#main_slider .swiper-slide-active .img_box{ transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); }
#main_slider .txt_box{ position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_slider .txt_box h2{ opacity:0; font-size:5.7rem;  color:#fff; line-height:1.3; word-break: keep-all;
    transform:translateY(5rem); -webkit-transform:translateY(5rem); -moz-transform:translateY(5rem);
    transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;
}
#main_slider .txt_box p{ opacity:0; color:#fff; margin:2rem 0 5rem; word-break: keep-all;  
    transform:translateY(5rem); -webkit-transform:translateY(5rem); -moz-transform:translateY(5rem);
    transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;
    transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s;
}
#main_slider .txt_box .com_link{ opacity:0;
    transform:translateY(5rem); -webkit-transform:translateY(5rem); -moz-transform:translateY(5rem);
    transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;
    transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s;
}
#main_slider .swiper-slide-active .txt_box h2,
#main_slider .swiper-slide-active .txt_box p,
#main_slider .swiper-slide-active .txt_box .com_link{ opacity:1;  transform:translateY(0rem); -webkit-transform:translateY(0rem); -moz-transform:translateY(0rem); }
#main_slider .control_box{ z-index: 11; position:absolute; bottom:30px; left:30px; display:flex; align-items:center;  }
#main_slider .control_box .main_slide_btn{ border:none; background:none; color:#fff; font-size:4rem; padding:0; height:auto; margin-right:1rem; }
#main_slider .control_box #main_paging{ font-size:0; }
#main_slider .control_box #main_paging .swiper-pagination-bullet{ position:relative; width:1rem; height:1rem; background:#fff; opacity:1; margin:0 1.5rem;
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active{ background:#00b1ff;}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active:after{ content:""; position:absolute; top:50%; left:50%; width:3rem; height:3rem; border:2px solid rgba(255,255,255,0.2); border-radius:100%; 
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active .circle{ z-index:11; position:absolute; top:50%; left:50%; width:3rem; height:3rem;
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active .circle .bar1{ position:absolute; top:0; right:0; width:50%; height:100%; overflow:hidden;
    transform-origin: left center;
    animation: cliprotate 7s steps(2) infinite;
}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active .circle .bar1 .ratate_bar{ position:absolute; top:0; bottom:0;  right:0; width:200%; border-radius:100%; 
    border:2px solid transparent; border-top-color:rgba(255,255,255,0.5); border-left-color:rgba(255,255,255,0.5); 
    animation: rotate 3.5s linear infinite;
}
#main_slider .control_box #main_paging .swiper-pagination-bullet-active .circle .bar2{ position:absolute; top:0; bottom:0; right:0; width:100%;  border-radius:100%; 
    border:2px solid transparent; border-top-color:rgba(255,255,255,0.5); border-left-color:rgba(255,255,255,0.5); 
    transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);
    animation: showfixed 7s linear infinite;
}

@keyframes cliprotate {
    0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
    100% {transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}
}
@-webkit-keyframes showfixed {
    0% {opacity: 0;}
    49.9% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 1;}
}

@media all and (max-width:1199.98px) {
    #main_slider .txt_box h2{ font-size:4.5rem; }
}
@media all and (max-width:767.98px) {
    #main_slider:after{ right:20px; bottom:20px; }

    #main_slider .swiper-slide:nth-child(1) .img_box{ background:url('/html/_img/main/main_slider01_m.jpg') center / cover;}
    #main_slider .swiper-slide:nth-child(2) .img_box{ background:url('/html/_img/main/main_slider02_m.jpg') center / cover;}

    #main_slider .txt_box{ text-align: center; top:70%; }
    #main_slider .txt_box h2{ font-size:3.5rem; }
    #main_slider .txt_box p{ margin:2rem 4.5rem; }

    #main_slider .control_box{ left:10px; bottom:10px; }
}
    



/*메인 sec01*/
#main_sec01{ position:relative; height:100vh; overflow:hidden;  }
#main_sec01 .video_box{ position:absolute; top:50%; left:50%; width:120%; height:120%;
    transform:translate(-50%,-50%); -weblot-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_sec01 .video_box:after{ z-index:11; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}
#main_sec01 .video_box iframe{width:100%; height:100%; }

#main_sec01 .txt_box{ z-index:111;  position:absolute; top:50%; left:50%; text-align:center; 
    transform:translate(-50%,-50%); -weblot-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_sec01 .txt_box h2{ font-size:5rem; color:#fff; line-height:1.5; word-break: keep-all;  }
#main_sec01 .txt_box h2:after{ content:""; display:block; width:60px; height:3px; background:#fff; margin:4rem auto; }
#main_sec01 .txt_box p{ font-size:2.4rem; color:#fff; word-break: keep-all;  }

@media all and (max-width:1199.98px) {
    #main_sec01 .txt_box h2{ font-size:4rem; }
}
@media all and (max-width:991.98px) {
    #main_sec01 .txt_box h2:after{ width:40px; margin:2rem auto; }
    #main_sec01 .txt_box p{ font-size:2rem; }
    #main_sec01 .txt_box p br{ display:none; }
}
@media all and (max-width:767.98px) {
    #main_sec01 .txt_box h2{ font-size:3rem; }
}
@media all and (max-width:575.98px) {
    #main_sec01 .txt_box p{ font-size:1.8rem; }
}
    
    


/*메인 sec02*/
#main_sec02{ position:relative;  /*background:url('/html/_img/main/main_sec02_bak.jpg') no-repeat center / cover;*/ background:#181d21;  }
#main_sec02:after,
#main_sec02:before{ content:"";   position:absolute; bottom:-10%; left:0; width:100%; height:100%; background:url('/html/_img/main/main_sec02_bak.png') no-repeat center bottom / 100%; opacity:0.08; 
    transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); 
}
#main_sec02:before{ left:100%; }
#main_sec02:after{ animation:barRotate1 10s linear infinite;}
#main_sec02:before{ animation:barRotate2 10s linear infinite;}
@keyframes barRotate1{
    0%{ left:0;}
    100%{left:-100%;}
}
@keyframes barRotate2{
    0%{ left:100;}
    100%{left:0%;}
}
#main_sec02 .container{ position:relative; z-index:1; }
#main_sec02 h2{ font-size:5rem; color:#fff; line-height:1.4; margin-bottom:6rem; }
#main_sec02 h2 span{ display:block; font-size:3.2rem; margin-bottom:1rem;}
#main_sec02 .content_box{ display:flex; flex-wrap:wrap; margin-bottom: 5rem;}
#main_sec02 .content_box .list_box{ width:30%;  }
#main_sec02 .content_box .list_box .tit_box{ height:120px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#353d46; 
    font-size:2.8rem; color:#fff; border-radius:20px 20px 0 0; text-align:center; 
}
#main_sec02 .content_box .list_box .tit_box img{ margin-right:1rem; margin-top:-1rem;  }
#main_sec02 .content_box .list_box .txt_box{ background:#fff;  border-radius:0 0 20px 20px; padding:1rem 0 3rem; }
#main_sec02 .content_box .list_box02 .txt_box ul{ opacity:0; }
#main_sec02 .content_box .list_box02 .txt_box ul.on{ opacity: 1;
    transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s;
    transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
#main_sec02 .content_box .list_box .txt_box li{ display:flex;  padding:0 5rem; height:50px; line-height:50px; font-weight:600; }
#main_sec02 .content_box .list_box .txt_box li:nth-child(even){ background:#f5f5f6; }
#main_sec02 .content_box .list_box .txt_box li span{ margin-left:auto; font-size:2.4rem; }
#main_sec02 .content_box .list_box .txt_box .total_box{ margin-top:4rem; padding:0 5rem; display:flex; align-items:end; font-size:2.2rem; font-weight:600;  }
#main_sec02 .content_box .list_box .txt_box .total_box span{ margin-left:auto; font-size:3.2rem; line-height:1; }
#main_sec02 .content_box .list_box .txt_box .total_box span strong{ font-size:3.2rem; font-weight: 300; }
#main_sec02 .content_box .list_box .txt_box .total_box span strong b{ font-weight: 700; font-size:5rem;}
#main_sec02 .content_box .strong_box{ width:40%; padding:0 5rem;}

#main_sec02 .content_box .list_box02 .tit_box{ background:#006fc6; }

#main_sec02 .content_box .strong_box{ display:flex; align-items:center; }
#main_sec02 .content_box .strong_box .inner1{ position:relative; width:100%; padding-top:100%; border-radius:100%; border:1px dashed rgba(192,192,192,0.6);  }
#main_sec02 .content_box .strong_box .circle{ position:absolute; top:15%; bottom:15%; left:15%; right:15%; border-radius:100%; border:15px solid rgba(0,144,255,0.15); }
#main_sec02 .content_box .strong_box .circle > span{ display:flex; align-items:center; height:100%; width:100%; border:1px dashed rgba(0,144,255,0.7); border-radius:100%; }
#main_sec02 .content_box .strong_box .txt_box{ position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:2.6rem; color:#fff;
    transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);
    animation:strongT .8s linear infinite;
}
#main_sec02 .content_box .strong_box .txt_box strong{ display:block; color:#00b1ff;  }
#main_sec02 .content_box .strong_box .txt_box strong > b{ display:block; font-size:4.4rem; font-weight:600;  }
#main_sec02 .content_box .strong_box .txt_box strong > b b{ font-size:5.5rem; line-height:1; font-weight:700; }
#main_sec02 .content_box .strong_box .txt_box strong > b span{ font-size:3.5rem; font-weight:300;  }
@keyframes strongT{
    0%{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
    50%{ transform:translateY(-50%) scale(1.1); -webkit-transform:translateY(-50%) scale(1.1); -moz-transform:translateY(-50%) scale(1.1); }
    0%{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
}

#main_sec02 > div > strong{ display:block; font-size: 2.8rem; color:#fff; font-weight:500; margin-bottom: 1rem;  }
#main_sec02 > div > p{ font-size:2rem; color:#d0d0d0; }
#main_sec02 > div > p b{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.75);  }

@media all and (max-width:1430px) {
    #main_sec02 .content_box .list_box .txt_box li{ padding:0 2rem; }
    #main_sec02 .content_box .list_box .txt_box .total_box{ padding:0 2rem; }
}
@media all and (max-width:1199.98px) {
    #main_sec02 h2{ font-size:4rem; }

    #main_sec02 .content_box .list_box .txt_box li{ font-size:1.8rem; }    
    #main_sec02 .content_box .list_box .txt_box li span{ font-size:2.3rem; }
    #main_sec02 .content_box .list_box .txt_box .total_box{ font-size:2rem; }
    #main_sec02 .content_box .list_box .txt_box .total_box span{ font-size:2.5rem; }
    #main_sec02 .content_box .list_box .txt_box .total_box span strong{ font-size:2.7rem; }
    #main_sec02 .content_box .list_box .txt_box .total_box span strong b{ font-size:4rem; }

    #main_sec02 .content_box .strong_box{ padding:0 3rem; }
    #main_sec02 .content_box .strong_box .txt_box{ font-size:2rem; }
    #main_sec02 .content_box .strong_box .txt_box strong > b{ font-size:3rem; }
    #main_sec02 .content_box .strong_box .txt_box strong > b span{ font-size:2.5rem; }
    #main_sec02 .content_box .strong_box .txt_box strong > b b{ font-size:5rem; }
}
@media all and (max-width:991.98px) {
    #main_sec02 h2 span{ margin-bottom:.5rem; }
    #main_sec02 h2 br{ display:none;}
    
    #main_sec02 .content_box .list_box{ width:100%; }
    #main_sec02 .content_box .list_box02{ transition-delay: 0s !important;}
    #main_sec02 .content_box .list_box .tit_box{ height:80px; font-size:2.2rem;  }
    #main_sec02 .content_box .list_box02 .txt_box ul.on{  transition-delay: .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; }
    #main_sec02 .content_box .list_box .tit_box img{ width:70px;}
    #main_sec02 .content_box .list_box .txt_box li{ height:40px; line-height:40px; }
    #main_sec02 .content_box .list_box .txt_box .total_box{ margin-top:3rem; }

    #main_sec02 .content_box .strong_box{ width:100%; max-width:300px; padding:0; margin:3rem auto; transition-delay: 0s !important; }

}
@media all and (max-width:767.98px) {
    #main_sec02 h2{ font-size:3rem; }
    #main_sec02 > div > strong{  font-size:2.3rem;}
    #main_sec02 > div > p{ font-size:1.8rem; }
}    


/*메인 sec03*/
#main_sec03{ position:relative; overflow:hidden; }
#main_sec03:after{ content:""; position:absolute; top:30%; left:0; width:100%; height:100%; background:url('/html/_img/main/main_sec03_bak.jpg') no-repeat center bottom / cover;  }
#main_sec03 > div{ position:relative; z-index:1; }
#main_sec03 h2{ display:flex; align-items:center; justify-content:center; flex-wrap: wrap; font-size:6.4rem; font-weight:700; margin-bottom:6rem; }
#main_sec03 h2 img{ display:inline-block;  margin-right:2rem; width:20%; max-width:254px; min-width:100px; margin-top:-2rem;  }
#main_sec03 .car_list{ display:flex; flex-wrap:wrap; margin-bottom:15rem; }
#main_sec03 .car_list > li{ width:33.33%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
#main_sec03 .car_list .img_box img{ width:100% }
#main_sec03 .car_list .txt_box{ padding:5rem;}
#main_sec03 .car_list .txt_box h3{ font-size:2.6rem; font-weight:700;  margin-bottom:3rem; }
#main_sec03 .car_list .txt_box h3 span{ font-size:2rem; font-weight:500; }
#main_sec03 .car_list .txt_box ul li{ display:flex;  font-size:2.2rem; font-weight:500; margin-bottom:1rem;}
#main_sec03 .car_list .txt_box ul li:last-child{ margin-bottom:0; }
#main_sec03 .car_list .txt_box ul li span{ margin-left:auto; }


#main_sec03 .car_list > li:nth-child(2){ background:#3a3e40; }
#main_sec03 .car_list > li:nth-child(2) .txt_box h3,
#main_sec03 .car_list > li:nth-child(2) .txt_box ul li{ color:#fff;}

#main_sec03 .contact_box h3{ font-size:5rem; color:#fff; line-height: 1.4; background:url('/html/_img/main/main_sec03_logo02.png') no-repeat right top; font-weight:300; margin-bottom:8rem;   }
#main_sec03 .contact_box h3 b{ font-weight:700; }
#main_sec03 .contact_box ul{ display:flex; flex-wrap:wrap; }
#main_sec03 .contact_box ul li{ display:flex; flex-wrap:wrap; width:calc(50% - 4rem); margin-right:8rem; margin-top:4rem; }
#main_sec03 .contact_box ul li:nth-child(-n+2){ margin-top:0;}
#main_sec03 .contact_box ul li label{ width:30%; margin-right:2rem; font-size:2.6rem; border-top:1px solid rgba(255,255,255,0.25); color:#fff; font-weight:500; padding-top:1.5rem; }
#main_sec03 .contact_box ul li label span{ margin-left:.5rem;  font-size:1.2rem; }
#main_sec03 .contact_box ul li .input_box{ position:relative; width:calc(70% - 2rem);}
#main_sec03 .contact_box ul li .input_box input{ width:100%;  height:70px; padding:0 60px 0 15px; font-size:3.2rem; text-align:right; font-weight:700; }
#main_sec03 .contact_box ul li .input_box02 input{ padding-right:70px;}
#main_sec03 .contact_box ul li .input_box span{ position:absolute; top:50%; right:15px; font-size:2.6rem; 
    transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);
}

#main_sec03 .contact_box ul li:nth-child(2n+2){ margin-right:0; }

@media all and (max-width:1199.98px) {
    #main_sec03 h2{ font-size:5rem; margin-bottom:4rem;  }

    #main_sec03 .car_list{ margin-bottom:7rem; }
    #main_sec03 .car_list .txt_box{ padding:3rem; }
    #main_sec03 .car_list .txt_box h3{  font-size:2.3rem; margin-bottom:2rem;  }
    #main_sec03 .car_list .txt_box h3 span{ display:block; }
    #main_sec03 .car_list .txt_box ul li{ font-size:2rem; }

    #main_sec03 .contact_box h3{ font-size:4rem; margin-bottom:5rem; padding-top:8rem; background-position:left top; background-size:10rem;}
    #main_sec03 .contact_box ul li{ width:calc(50% - 1rem);  margin-right:2rem;}
    #main_sec03 .contact_box ul li label{ font-size:2.2rem; }
    #main_sec03 .contact_box ul li .input_box input{ height:50px; padding:0 40px 0 15px; font-size:2.5rem; }
    #main_sec03 .contact_box ul li .input_box02 input{ padding-right:55px; }
    #main_sec03 .contact_box ul li .input_box span{ font-size:1.8rem; }
}
@media all and (max-width:991.98px) {
    #main_sec03 .contact_box ul li label{ width: 100%; margin-right: 0; border-top:0; padding-top:0; margin-bottom:1rem; font-size:1.8rem;   }
    #main_sec03 .contact_box ul li .input_box{ width:100%;}
}
@media all and (max-width:767.98px) {
    #main_sec03 h2{ font-size:4rem; }
    #main_sec03 .car_list{ justify-content: center;}
    #main_sec03 .car_list > li{ width:100%; }
    #main_sec03 .car_list > li .img_box{ width:50%; margin:0 auto; }

    #main_sec03 .contact_box h3{ font-size:3rem; margin-bottom:3rem;  }
    #main_sec03 .contact_box ul li{ width:100%; margin-right:0; margin-top:2rem;  }
    #main_sec03 .contact_box ul li:nth-child(-n+2){ margin-top:2rem;}
    #main_sec03 .contact_box ul li:nth-child(-n+1){ margin-top:0rem;}
}

@media all and (max-width:575.98px) {
    #main_sec03 h2 img{ margin-right:0; }
    #main_sec03 h2 span{ display:block;  width:100%; margin-top:1rem; text-align: center; }
}




/*메인 sec04*/
#main_sec04{ background:url('/html/_img/main/main_sec04_bak.jpg') no-repeat center / cover; }
#main_sec04 > div{ display:flex; flex-wrap:wrap; }
#main_sec04 > div > div{ width:50%; }
#main_sec04 > div > div.tit_box{ padding-right:1.5rem;}
#main_sec04 > div > div.tit_box h2{ color:#fff; font-size:5rem; line-height:1.4; margin-bottom:2rem;  }
#main_sec04 > div > div.tit_box p{ font-size:2.2rem; color:#fff; }
#main_sec04 > div > div.contact_box .fileBox{ display:block;  position:relative; padding-right:180px; margin-bottom:1.5rem; }
#main_sec04 > div > div.contact_box input[type="text"]{ height:80px; width:100%; padding:0 1.5rem; font-size:2rem;  }
#main_sec04 > div > div.contact_box input[type="file"]{ z-index:1;  position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;  }
#main_sec04 > div > div.contact_box label{ position:absolute; top:0; right:0; width:180px;  height:80px; line-height:80px;  background:#000; color:#fff; text-align:center; font-size:2rem;  }
#main_sec04 > div > div.contact_box .com_link02{ height:70px; line-height:70px; font-size:2.2rem; max-width:180px;  margin:3rem 0 0 0; }


@media all and (max-width:1199.98px) {
    #main_sec04 > div > div.tit_box h2{ font-size:4rem; }
    #main_sec04 > div > div.tit_box p{ font-size:1.8rem; }

    #main_sec04 > div > div.contact_box .fileBox{ padding-right:130px; }
    #main_sec04 > div > div.contact_box input[type="text"]{ height:50px; font-size:1.8rem;  }
    #main_sec04 > div > div.contact_box label{ width:130px; height:50px; line-height: 50px; font-size:1.8rem; }

    #main_sec04 > div > div.contact_box .com_link02{ height:48px; line-height:48px; max-width:130px;  font-size:1.8rem;   }
}

@media all and (max-width:991.98px) {
    #main_sec04 > div > div{ width:100%; }
    #main_sec04 > div > div.tit_box{ margin-bottom:3rem; }
    #main_sec04 > div > div.tit_box br{ display:none; }
}

@media all and (max-width:767.98px) {
    #main_sec04 > div > div.tit_box h2{ font-size:3rem; }
}

@media all and (max-width:575.98px) {
}


/*메인 sec05*/
#main_sec05{ background:url('/html/_img/main/main_sec05_bak.jpg') no-repeat center / cover; }
#main_sec05 .tit_box{ text-align:center; margin-bottom:4rem;  }
#main_sec05 .tit_box h2{ display:flex; align-items:center; justify-content:center; flex-wrap: wrap; font-size:6.9rem; font-weight:700; margin-bottom:3rem; }
#main_sec05 .tit_box h2 img{ margin-right:2rem; width:20%; max-width:254px; min-width: 100px; margin-top:-2rem;  }
#main_sec05 .tit_box strong{ display:block; font-size:2.8rem; margin-bottom:1rem;  }
#main_sec05 .contact_box{ max-width:760px; margin:0 auto; }
#main_sec05 .contact_box .input_box{ display:flex; margin-bottom:2rem;}
#main_sec05 .contact_box .input_box label{ width:140px; height:80px; line-height:80px; color:#fff; background-color:#222020; padding-left:3rem; font-size:2.4rem;  }
#main_sec05 .contact_box .input_box input,
#main_sec05 .contact_box .input_box select{ width:100%; height:80px; color:#fff; background-color:#222020; border:0; outline:none; font-size:2.4rem; padding:0 2rem;   }
#main_sec05 .contact_box .input_box input::placeholder{ color:#fff;}
#main_sec05 .contact_box .input_box input::-moz-placeholder{ color:#fff;}
#main_sec05 .contact_box .input_box input::-webkit-input-placeholder{ color:#fff; }
#main_sec05 .contact_box .input_box select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image:url('/html/_img/main/main_sec05_select.png'); background-repeat:no-repeat; background-position:right 3rem center; 
}
#main_sec05 .contact_box .input_box select::-ms-expand{ display: none; }
#main_sec05 .contact_box .agree_box{ text-align:center; position:relative; overflow:hidden; }
#main_sec05 .contact_box .agree_box input{ position:absolute; top:-99px; left:-99px; opacity:0; width:0; height:0; overflow:hidden;}
#main_sec05 .contact_box .agree_box label{ position:relative; padding-left:40px; cursor:pointer;  }
#main_sec05 .contact_box .agree_box label:before{ content:""; position:absolute; top:0; left:0; width:28px; height:28px; 
    border:1px solid #ddd; background:#fff url('/html/_img/main/main_sec05_ck.png') no-repeat center / 80%;
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_sec05 .contact_box .agree_box input:checked + label:before{ background-color:#222020; border-color:#222020;  }
#main_sec05 .contact_box .agree_box a{ font-size:1.6rem; border-bottom:1px solid #222020; color:#222020; font-weight:700;   }

@media all and (max-width:1199.98px) {
    #main_sec05 .tit_box h2{ font-size:5rem; margin-bottom:4rem;  }
    #main_sec05 .tit_box strong{  font-size:2.5rem; }

    #main_sec05 .contact_box .input_box label{ height:65px; line-height: 65px; font-size:2rem; }
    #main_sec05 .contact_box .input_box input, 
    #main_sec05 .contact_box .input_box select{ height:65px; font-size:2rem; }
}

@media all and (max-width:767.98px) {
    #main_sec05 .tit_box h2{ font-size:4rem; }
    #main_sec05 .tit_box strong{  font-size:2.2rem; }
    #main_sec05 .tit_box p{ word-break: keep-all;}
    #main_sec05 .tit_box p br{ display:none;  }

    #main_sec05 .contact_box .input_box label{ height:55px; line-height: 55px; font-size:1.8rem; }
    #main_sec05 .contact_box .input_box input, 
    #main_sec05 .contact_box .input_box select{ height:55px; font-size:1.8rem; background-size:18px;  }

    #main_sec05 .contact_box .agree_box label{ padding-left:30px;}
    #main_sec05 .contact_box .agree_box label::before{ width:20px; height:20px; }
}

@media all and (max-width:575.98px) {
    #main_sec05 .tit_box h2 img{ margin-right:0;}
    #main_sec05 .tit_box h2 span{ display:block;  width:100%; margin-top:1rem; text-align: center; }
}


/*팝업 공통*/
.modal-open{ padding-right:0 !important; overflow:unset; overflow-x: hidden;   }


/*메인 팝업1*/
#popup.modal{ padding:0px 15px !important;}
#popup .modal-dialog .close_btn{ display:block;  position:absolute; left:100%; bottom:calc(100% + 70px);  font-size:0; width:50px; height:50px;  background:none; border:none; outline:none;  }
#popup .modal-dialog .close_btn:after,
#popup .modal-dialog .close_btn:before{ content:""; position:absolute; top:50%; left:50%; width:100%; height:3px; background:#fff;
    transform:translate(-50%,-50%) rotate(45deg); -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg);
}
#popup .modal-dialog .close_btn:before{ transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); -moz-transform:translate(-50%,-50%) rotate(-45deg); }
#popup .modal-content{ padding:5.5rem; text-align:center;  }
#popup .modal-content img{ margin:0 auto 3rem;  width:14.8rem; }
#popup .modal-content p{ padding:5rem; background:#f8f8f8; font-size:3.6rem; }
#popup .modal-content .com_link02{ height:65px; line-height:65px; max-width:220px; font-size:2rem; border:none; margin-top:3rem;  }

#popup .modal-content .row{ padding:4rem; background:#f8f8f8; }
#popup .modal-content .row > span{ display:flex; flex-wrap:wrap; padding:1rem;  font-size:2.2rem; font-weight:600; }
#popup .modal-content .row > span span{ margin-left:auto; font-weight: 500; }

#popup .com_link02{ animation:popup_link .5s infinite;}

@keyframes popup_link{
    0%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
    50%{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
    100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
}

@media all and (max-width:1199.98px) {
    #popup .modal-dialog .close_btn{ width:30px; height:30px; bottom:calc(100% - 40px);  }
    #popup .modal-content{ padding:3rem;}
    #popup .modal-content img{ width:10rem;}
    #popup .modal-content p{ padding:2rem; font-size:2.5rem; }

    #popup .modal-content .row{ padding:3rem; }
    #popup .modal-content .row > span{ font-size:1.8rem;}
}

@media all and (max-width:575.98px) {
    #popup .modal-content p{ padding:2rem; font-size:2rem; }
    #popup .modal-content .row > span{ padding:.5rem 0; }
    #popup .modal-content .row > span span{ width:100%; text-align: left; margin-top:.5rem; }
}

/*메인 팝업2*/
#popup2.modal{ padding:0px 15px !important;}
#popup2{ margin-right:0; }
#popup2 .modal-header{ position:relative; background:#006fc6; text-align: left; height:70px; line-height:70px; padding:0 2rem;   }
#popup2 .modal-header strong{ display:block; font-size:2.3rem; color:#fff; font-weight: 700;}
#popup2 .modal-header button{ position:absolute; top:0; right:0; width:70px; height:70px; }
#popup2 .modal-header button i{ color:#fff; font-size:2.3rem; }
#popup2 .modal-body{ padding:3rem; font-size:1.6rem;  }