/*메인 공통*/
body .main_mt{ margin-top:7rem;}

@media all and (max-width:991.98px) {
    body .main_mt{ margin-top:5rem;}
}


/*메인 타이틀*/
.main_tit{ margin-bottom:4rem;  }
.main_tit h2{ font-size:4.2rem; font-weight:700;}
.main_tit h2 button{ font-size:inherit; font-weight: inherit; outline:none; }
.main_tit p{ margin-top:2rem; font-size:1.8rem;}

@media all and (max-width:1199.98px) {
    .main_tit h2{ font-size:3.5rem;}
}

@media all and (max-width:991.98px) {
    .main_tit{ margin-bottom:3rem;  }
    .main_tit h2{ font-size:3rem;}
    .main_tit p{ font-size:1.8rem;}
}

@media all and (max-width:767.98px) {
    .main_tit h2{ font-size:2.5rem;}
}



/*메인 슬라이더*/
#main_slider{ position:relative;}
#main_slider .swiper-slide{ position:relative;  height:960px; max-height:90vh; overflow:hidden;}
#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('../_img/main/main_slider01.jpg') center / cover;}
#main_slider .swiper-slide:nth-child(2) .img_box{ background:url('../_img/main/main_slider01.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{ width:100%; position:absolute; top:50%; left:50%; text-align:center; 
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_slider .txt_box h2{ font-size:4.8rem; color:#fff; line-height:1.4;
    transform:translateY(5rem); -webkit-transform:translateY(5rem); -moz-transform:translateY(5rem);
    transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;
}
#main_slider .swiper-slide-active .txt_box h2{ opacity:1;  transform:translateY(0rem); -webkit-transform:translateY(0rem); -moz-transform:translateY(0rem); }
#main_slider .txt_box h2 b{ color:#8cc7f0;}
#main_slider .txt_box span{ display:block; width:20%; max-width:6.2rem; min-width:2rem; margin:0 auto; }
#main_slider .txt_box span:after{ content:""; display:block; width:1px; height:40px; background:#fff; margin:3rem auto;}
#main_slider .txt_box span img{ width:100%;}
#main_slider .control_box{ z-index: 11; position:absolute; bottom:50px; left:0; width:100%; text-align:center; }
#main_slider .control_box #main_paging{ display:inline-block; 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:#fff;}
#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;
}
#main_slider #main_scroll{ z-index:11; position:absolute; bottom:50px; left:50%; width:15px; height:151px; margin-left:-700px; font-size:0; outline:none; 
    background:url('../_img/main/main_scroll_ico.png') no-repeat center / 100%; 
}

@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);}
}
@keyframes showfixed {
    0% {opacity: 0;}
    49.9% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 1;}
}

@media all and (max-width:1199.98px) {
    #main_slider .swiper-slide{ height:800px;}
    #main_slider .txt_box h2{ font-size:3.5rem;}
}

@media all and (max-width:991.98px) {
    #main_slider .swiper-slide{ height:700px;}
}

@media all and (max-width:767.98px) {
    #main_slider .swiper-slide{ height:600px;}
    #main_slider .txt_box h2{ font-size:3rem;}
}

@media all and (max-width:575.98px) {
    #main_slider .txt_box h2{ font-size:2.5rem;}
    #main_slider .txt_box h2 br{ display:none; }
}


/*main_sec01*/
#main_sec01{ position:relative;}
#main_sec01 .notice_list{ display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd;}
#main_sec01 .notice_list li{ width:25%; }
#main_sec01 .notice_list li a{ display:block; width:100%; padding:4rem 3rem; background:#fff;}
#main_sec01 .notice_list li:nth-child(odd) a{ background:#f9f9f9;}
#main_sec01 .notice_list li .subj{ display: block; display: -webkit-box; font-size: 1.8rem; color:#000; height: 5.5rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5rem;  }
#main_sec01 .notice_list li .date{ display:block; font-size:1.4rem; color:#538399; text-align: right;}
#main_sec01 .com_link01{ position:absolute; top:0; right:15px; width:100%;  }

@media all and (max-width:1199.98px) {
    #main_sec01 .notice_list li a{ padding:2.5rem;}
}

@media all and (max-width:991.98px) {
    #main_sec01 .notice_list li .subj{ font-size:1.6rem; margin-bottom:3rem; }
    #main_sec01 .notice_list li .date{ font-size:1.3rem;}
}

@media all and (max-width:767.98px) {
    #main_sec01 .notice_list li{ width:50%; }
    #main_sec01 .notice_list li a{ padding:2rem;}
    #main_sec01 .notice_list li:nth-child(odd) a{ background:#fff;}
    #main_sec01 .notice_list li:nth-child(1) a,
    #main_sec01 .notice_list li:nth-child(4) a{ background:#f9f9f9;}
}

@media all and (max-width:575.98px) {
    #main_sec01 .com_link01{ position:static; display:block; margin:3rem auto 0; }
}


/*main_sec02*/
#main_sec02{ display: flex; flex-wrap: wrap;}
#main_sec02 div.tit_box{ width:45%;}
#main_sec02 div.txt_box{ width:55%; padding-top:8rem;}
#main_sec02 div.tit_box h2{ font-size:4.8rem; line-height:1.4; font-weight:700;}
#main_sec02 div.tit_box h2 span{display:block;}
#main_sec02 div.tit_box h2 span:after{ content:""; display: inline-block; margin-left:3rem; width:6rem; height:.4rem; background:#000; }
#main_sec02 div.txt_box p{ font-size:1.8rem; margin-bottom:3rem; font-weight: 300;}

@media all and (max-width:1199.98px) {
    #main_sec02 div.tit_box{ width:100%; }
    #main_sec02 div.tit_box h2{ font-size:3.8rem; }
    #main_sec02 div.txt_box{ width:100%; padding-top:0; margin-top:3rem; }
}

@media all and (max-width:991.98px) {
    #main_sec02 div.tit_box h2{ font-size:3rem; }
    #main_sec02 div.tit_box h2 span:after{ width:3rem; height:.3rem; margin-left:1rem;  }
}

@media all and (max-width:767.98px) {
    #main_sec02 div.tit_box h2{ font-size:2.8rem; }
    #main_sec02 div.txt_box p br{ display:none; }
}

/*main_sec03*/
#main_sec03{ padding:7rem 0; background:#102135;}
#main_sec03 *{ color:#fff; text-align: center;}
#main_sec03 .service_list{ display:flex; flex-wrap: wrap; justify-content:space-between; margin-top:8rem; }
#main_sec03 .service_list li{ width:20rem; max-width:20%;}
#main_sec03 .service_list li .ico_box{ padding-top:100%; margin-bottom:2rem; border-radius: 100%; border:2px solid #ddd; background-position:center; background-repeat: no-repeat; background-size:100%; 
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; 
}
#main_sec03 .service_list li:nth-child(1) .ico_box{ background-image: url(../_img/main/main_sec03_ico01.png);}
#main_sec03 .service_list li:nth-child(2) .ico_box{ background-image: url(../_img/main/main_sec03_ico02.png);}
#main_sec03 .service_list li:nth-child(3) .ico_box{ background-image: url(../_img/main/main_sec03_ico03.png);}
#main_sec03 .service_list li:nth-child(4) .ico_box{ background-image: url(../_img/main/main_sec03_ico04.png);}
#main_sec03 .service_list li:nth-child(5) .ico_box{ background-image: url(../_img/main/main_sec03_ico05.png);}
/*
#main_sec03 .service_list li:hover .ico_box{ border-color:#fff; background-color:#fff;}
#main_sec03 .service_list li:hover:nth-child(1) .ico_box{ background-image: url(../_img/main/main_sec03_ico01_on.png);}
#main_sec03 .service_list li:hover:nth-child(2) .ico_box{ background-image: url(../_img/main/main_sec03_ico02_on.png);}
#main_sec03 .service_list li:hover:nth-child(3) .ico_box{ background-image: url(../_img/main/main_sec03_ico03_on.png);}
#main_sec03 .service_list li:hover:nth-child(4) .ico_box{ background-image: url(../_img/main/main_sec03_ico04_on.png);}
#main_sec03 .service_list li:hover:nth-child(5) .ico_box{ background-image: url(../_img/main/main_sec03_ico05_on.png);}
*/
#main_sec03 .service_list li strong{ display:block; font-weight:300; font-size:1.8rem; }

@media all and (max-width:1199.98px) {
    #main_sec03 .service_list{ margin-top:5rem; }
    #main_sec03 .service_list li{ width:15rem; } 
}
@media all and (max-width:991.98px) {
    #main_sec03{ padding:5rem 0;}
    #main_sec03 .service_list{ max-width:45rem; justify-content: center; margin:0 auto;  }
    #main_sec03 .service_list li{ max-width:calc(33.33% - 1rem); margin-top:2rem; margin-right:1.5rem;   }
    #main_sec03 .service_list li:nth-child(3n+3){ margin-right:0;}
    #main_sec03 .service_list li strong{ font-size:1.6rem; }
}
@media all and (max-width:575.98px) {
    #main_sec03 .service_list li strong br{ display:none; }
}
    
/*main_sec04*/
#main_sec04{ padding:7rem 0; background:#f7f7f7;}
#main_sec04 > div{ position:relative;}
#main_sec04 > div h2{ padding-right:28rem; font-size:3.8rem; line-height:1.4; font-weight:700; }
#main_sec04 > div h2 span{ display:block;}
#main_sec04 > div h2 span:after{ content:""; display: inline-block; margin-left:3rem; width:6rem; height:.4rem; background:#000; }
#main_sec04 > div .com_link03{ position:absolute; bottom:0; right:15px; width:100%; }

@media all and (max-width:1430px) {
    #main_sec04 > div h2{ padding-right:0;}
    #main_sec04 > div .com_link03{ position:relative; bottom:unset; right:unset; display:block; margin-top:3rem; }
}    
@media all and (max-width:1199.98px) {
    #main_sec04 > div h2{ font-size:3.5rem; }
}
@media all and (max-width:991.98px) {
    #main_sec04{ padding:5rem 0;}
    #main_sec04 > div h2{ font-size:3rem;}
    #main_sec04 > div h2 span:after{ width:3rem; height:.3rem; margin-left:1rem;  }
}
@media all and (max-width:767.98px) { 
    #main_sec04 > div h2{ font-size:2.5rem;}
}
    

/*main_sec05*/
#main_sec05{ position:relative; padding:2rem 75px; }
#main_sec05 .swiper-slide img{ width:100%; }
#main_sec05 .main_sec05_btns{ position:absolute; top:50%; display:flex; align-items: center; justify-content: center; width:4rem; height:4rem; border:1px solid #ccc; border-radius: 100%; font-size:0; outline:none;
    transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); 
}
#main_sec05 .main_sec05_btns i{ font-size:1.4rem;}
#main_sec05 #main_sec05_prev{ left:15px;}
#main_sec05 #main_sec05_next{ right:15px;}