/*메인 visual*/
#main_visual{ position:relative; background:#1e1e1e; }
#main_visual .swiper-slide{ height:100vh; }
#main_visual .swiper-slide .bak_box{position:relative;overflow:hidden;  height:100%; background:url('/html/_img/main/main_visual01.jpg') no-repeat center / cover; }
#main_visual .swiper-slide .bak_box .video_box,
#main_visual .swiper-slide .bak_box .back_img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#main_visual .swiper-slide .bak_box .back_img{
    transition:all 8s;
}
#main_visual .swiper-slide.swiper-slide-active .bak_box .back_img{
    transform:scale(1.1);
}
#main_visual .swiper-slide .bak_box .video_box > video {
	width:100%;
    height: 100%;
    object-fit: cover;
}
#main_visual .swiper-slide .txt_box{ position:absolute; top:50%; left:50%; text-align:center; 
    -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
#main_visual .swiper-slide .txt_box h2{ font-size:7.5rem; color:#fff; font-weight:700; line-height:1.7;  }
 #main_visual .swiper-slide .txt_box h2:not(.tit1){display: flex; align-items: center;justify-content: center;}
 #main_visual .swiper-slide .txt_box h2.tit3{
    font-size: 3.5rem;
    font-weight: normal;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease;
 } 
#main_visual .swiper-slide .txt_box h2.tit3.on{
    opacity: 1;
    transform: translateY(5px);
}
#main_visual .swiper-slide .txt_box h2:not(.tit1) span{
    display: inline-block;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease;
    transition-delay: 0.2s;
    font-size: 3.5rem;
    font-weight: normal;
}
#main_visual .swiper-slide .txt_box h2:not(.tit1) span.on{
    opacity: 1;
    transform: translateY(0);
}
#main_visual #main_visual_paging{ z-index:11; position:absolute; left:3rem; top:50%; bottom:unset; width:auto; 
    -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
#main_visual #main_visual_paging .swiper-pagination-bullet{ opacity:.5; display:block; width:.6rem; height:.6rem; margin:1rem 0; border-radius:1rem; background:#fff; 
    -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;
}
#main_visual #main_visual_paging .swiper-pagination-bullet-active{ opacity:1; height:2.6rem; }

#main_visual .control_area{ z-index:11;  position:absolute; bottom:0; left:0; width:100%; padding:0 3rem 4rem; text-align:center;  }
#main_visual .control_area #main_sound_btn{ position:absolute; left:3rem; bottom:4rem; outline:none;  }
#main_visual .control_area #main_sound_btn i{ font-size:3.6rem; color:#666; }
#main_visual .control_area .main_ai_box{  margin:0 auto 2rem; }
#main_visual .control_area strong{ font-size:1.6rem; color:#fff; font-weight:300; letter-spacing:.4rem; }

@media all and (max-width: 1690px){
    #main_visual .control_area{ padding:0 15px 3rem; }
    #main_visual .control_area #main_sound_btn{ bottom:3rem; left:15px; }
}

@media all and (max-width:1199.98px) {
    #main_visual .swiper-slide .txt_box h2{ font-size:6rem; }
    #main_visual .swiper-slide .txt_box h2:not(.tit1){font-size: 3.5rem;}
    #main_visual .swiper-slide .txt_box h2:not(.tit1) span{font-size: 3.5rem;}
}

@media all and (max-width:991.98px) {
	#main_visual .swiper-slide{ width:100%; height:48rem; }
	#main_visual .swiper-slide .bak_box{width:100%; height:100%;}
    #main_visual .swiper-slide .txt_box h2{ font-size:5rem; }
    #main_visual .swiper-slide .txt_box h2:not(.tit1){font-size: 2.5rem;}
    #main_visual .swiper-slide .txt_box h2:not(.tit1) span{font-size: 2.5rem;}
    #main_visual .control_area #main_sound_btn i{ font-size:3rem; }
    #main_visual .control_area .main_ai_box{ margin-bottom:.5rem; }
    #main_visual .control_area strong{ font-size:1.3rem; }
}

@media all and (max-width:767.98px) {
    #main_visual .swiper-slide .txt_box h2{ font-size:3.5rem; }
    #main_visual .swiper-slide .txt_box h2:not(.tit1){font-size: 2rem;}
    #main_visual .swiper-slide .txt_box h2:not(.tit1) span{font-size: 2rem;}
}
@media (max-width: 575.98px) {
	#main_visual .swiper-slide{ height:30rem; }
    #main_visual .swiper-slide .txt_box h2:not(.tit1){font-size: 1.8rem;}
    #main_visual .swiper-slide .txt_box h2:not(.tit1) span{font-size: 1.8rem;}
}


/*메인 ai_box*/
.main_ai_box{ position:relative;  width:10rem; height:5.5rem; margin:0 auto; font-size:0; }
.main_ai_box .bar{ position:absolute; top:50%; left:50%; width:3px;  background:#fff; border-radius:4px; 
    -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.main_ai_box .bar1{ margin-left:-3.5rem;  height:1.8rem; animation:aiBar1 .6s infinite linear; }
.main_ai_box .bar2{ margin-left:-2.5rem; height:3.5rem; animation:aiBar2 .6s infinite linear; }
.main_ai_box .bar3{ margin-left:-1.5rem; height:5.5rem; animation:aiBar3 .6s infinite linear;}
.main_ai_box .bar4{ margin-left:-.5rem; height:2.5rem; animation:aiBar4 .6s infinite linear;}
.main_ai_box .bar5{ margin-left:.5rem; height:3rem; animation:aiBar5 .6s infinite linear;}
.main_ai_box .bar6{ margin-left:1.5rem; height:4.5rem; animation:aiBar6 .6s infinite linear;}
.main_ai_box .bar7{ margin-left:2.5rem; height:2.5rem;  animation:aiBar7 .6s infinite linear;}
.main_ai_box .bar8{ margin-left:3.5rem; height:1.5rem; animation:aiBar8 .6s infinite linear;}

@keyframes aiBar1{
    0%{ height:1.8rem;}
    50%{ height:2.5rem;}
    100%{ height:1.8rem;}
}
@keyframes aiBar2{
    0%{ height:3.5rem;}
    25%{ height:3rem;}
    50%{ height:4rem;}
    100%{ height:3.5rem;}
}
@keyframes aiBar3{
    0%{ height:5.5rem;}
    50%{ height:4rem;}
    75%{ height:5rem;}
    100%{ height:5.5rem;}
}
@keyframes aiBar4{
    0%{ height:2.5rem;}
    50%{ height:3.5rem;}
    100%{ height:2.5rem;}
}
@keyframes aiBar5{
    0%{ height:3rem;}
    50%{ height:2.5rem;}
    100%{ height:3rem;}
}
@keyframes aiBar6{
    0%{ height:4.5rem;}
    50%{ height:5.5rem;}
    100%{ height:4.5rem;}
}
@keyframes aiBar7{
    0%{ height:2.5rem;}
    33.33%{ height:2rem;}
    66.66%{ height:3rem;}
    100%{ height:2.5rem;}
}
@keyframes aiBar8{
    0%{ height:1.5rem;}
    50%{ height:2rem;}
    100%{ height:1.5rem;}
}

@media all and (max-width:991.98px) {
    .main_ai_box{ 
        -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8);
    }
}



/*메인 title*/
.main_tit{ margin-bottom:8rem; text-align:center;}
.main_tit .tit{font-size:7rem; font-weight:600; line-height:1.1;}
.main_tit .desc{ margin-top:3rem;font-size:2rem; color:#777; line-height:1.9; }
.main_tit .desc .line{ padding:.5rem; background-image:linear-gradient(to top, #2f6161 40%, transparent 40%);  background-size: 0% 100%; background-repeat: no-repeat;  }

.main_tit .desc.aos-animate .line{ background-size: 100% 100%;
    -webkit-transition: background-size 1.3s ease-in-out; -moz-transition: background-size 1.3s ease-in-out; transition: background-size 1.3s ease-in-out;
    -webkit-transition-delay:1s; -moz-transition-delay:1s; transition-delay:1s; 
}

@media all and (max-width:1199.98px) {
    .main_tit{ margin-bottom:6rem;}
    .main_tit .tit{ font-size:6rem; }
    .main_tit .desc{ margin-top:1.5rem; font-size:1.8rem;}
    .main_tit .desc br{ display:none; }
}

@media all and (max-width:991.98px) {
    .main_tit{ margin-bottom:4rem;}
    .main_tit .tit{ font-size:5rem; }
}

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



/*메인 who*/
#main_who > div{ display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
#main_who > div > div{ position:relative; width:50%; padding-top:10rem; }
#main_who > div > div.img_box {
    padding-left:10rem; height: fit-content;
    --next-bg-image: url(''); /* CSS 변수로 동적 배경 이미지 관리 */
}
/* #main_who > div > div.img_box:after{ content:"";  position:absolute; top:0; left:35%; width:100vw; height:85%; background:#8961a4;} */
#main_who > div > div.img_box .back_img{
    position: absolute;
    top: -20%;
    left: 35%;
    width: 100vw;
    height: 100%;
}
#main_who > div > div.img_box .back_img img{
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
}
/* #main_who > div > div.img_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 35%;
    width: 100vw;
    height: 85%;
    background: var(--next-bg-image) no-repeat center center / cover, #8961a4;
    transition: background-image 0.3s ease; 
} */
#main_who > div > div.img_box span{ z-index:1; position:relative; display:block; height:42.4rem; background:url('/html/_img/main/main_who_img01.jpg') no-repeat center / cover; 
   -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.2); -moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.2); box-shadow:0 .5rem 1rem rgba(0,0,0,.2);
}
#main_who > div > div.txt_box{ padding-right:4rem; }
#main_who > div > div.txt_box .main_tit{ text-align:left; }

#main_who > div > div.img_box .swbx{ 
    z-index:1; 
    position:relative; 
    display:block; 
    height:47.4rem; 
    padding-bottom: 5rem;
}
#main_who > div > div.img_box .swbx .inner{height: 100%;}
#main_who > div > div.img_box .swbx .btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 3rem;
    z-index: 2;
}
#main_who > div > div.img_box .swbx .mySwiper{
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.2); 
   -moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.2); 
   box-shadow:0 .5rem 1rem rgba(0,0,0,.2);
}
#main_who > div > div.img_box .swbx iframe{
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
}

@media all and (max-width: 1690px){
    #main_who > div > div.img_box{ padding-left:15px; }
    #main_who > div > div.txt_box{ padding-right:15px; }
}

@media all and (max-width:1199.98px) {
    #main_who > div > div{ padding-top:8rem;}
    #main_who > div > div.img_box .back_img{
        top: -15%;
        height: 70%;
    }
}

@media all and (max-width:991.98px) {
    #main_who > div > div{ padding-top:6rem;}
    #main_who > div > div.img_box .back_img{
        height: 55%;
    }
}

@media all and (max-width:767.98px) {
    #main_who > div > div{ width:100%; padding-top:4rem; }
    #main_who > div > div.img_box{ padding-left:0px; }
    #main_who > div > div.txt_box{ padding-right:0px; }
    #main_who > div > div.img_box span{ height:0; padding-top:55%;  }
    
    #main_who > div > div.img_box .swbx{ height:0; padding-top:55%;  }
    #main_who > div > div.img_box .swbx .inner{
        position: absolute;
        top: 0; left: 0;
        width: 100%;
    }
    #main_who > div > div.img_box .swbx .btns{
        bottom: unset; top: -5rem;
    }
    #main_who > div > div.img_box .back_img{
        left: 15%;
        height: 100%;
    }
}


/*메인 prd*/
#main_prd{ background-image:url('/html/_img/main/main_product_bak.png'); background-position:center; background-repeat:no-repeat; background-size:cover; }
#main_prd .our_list{ display:flex; flex-wrap:wrap; margin-right:-4px;  
    -webkit-box-shadow:0 0 1rem rgba(0,0,0,.2);  -moz-box-shadow:0 0 1rem rgba(0,0,0,.2); box-shadow:0 0 1rem rgba(0,0,0,.2); 
}
#main_prd .our_list > li{ position:relative; width:calc(100%/6); margin-left:-1px;  border:1px solid rgba(119,119,119,1); 
    -webkit-box-shadow:-1rem 0 1rem rgba(0,0,0,.2); -moz-box-shadow:-1rem 0 1rem rgba(0,0,0,.2); box-shadow:-1rem 0 1rem rgba(0,0,0,.2);
    -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;
}
#main_prd .our_list > li:after{ content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;  background-repeat:no-repeat; background-position:center; background-size:cover; 
    -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;
}
#main_prd .our_list > li:nth-child(1):after{ background-image:url('/html/_img/main/main_product_li_bak01.jpg');}
#main_prd .our_list > li:nth-child(2):after{ background-image:url('/html/_img/main/main_product_li_bak02.jpg');}
#main_prd .our_list > li:nth-child(3):after{ background-image:url('/html/_img/main/main_product_li_bak03.jpg');}
#main_prd .our_list > li:nth-child(4):after{ background-image:url('/html/_img/main/main_product_li_bak04.jpg');}
#main_prd .our_list > li:nth-child(5):after{ background-image:url('/html/_img/main/main_product_li_bak05.jpg');}
#main_prd .our_list > li:nth-child(6):after{ background-image:url('/html/_img/main/main_product_li_bak07.jpg');}
#main_prd .our_list > li a{ z-index:1;  position:relative; display:flex; align-items:center; height:36rem; text-align:center; padding:0 15px;   }
#main_prd .our_list > li a:after,
#main_prd .our_list > li a:before{ content:""; position:absolute; top:50%; right:0; width:4.8rem; height:2px; background:rgba(255,255,255,.8);
    -webkit-transform:translate(50%,-50%); -moz-transform:translate(50%,-50%); transform:translate(50%,-50%);
}
#main_prd .our_list > li a:before{
    -webkit-transform:translate(50%,-50%) rotate(90deg); -moz-transform:translate(50%,-50%) rotate(90deg); transform:translate(50%,-50%) rotate(90deg);
}
#main_prd .our_list > li:last-child a:after,
#main_prd .our_list > li:last-child a:before{ content:none; }
#main_prd .our_list > li div{ width:100%; }
#main_prd .our_list > li .ico_box{ display:block; width:10.4rem; height:9.4rem; margin:0 auto 1.5rem; background-position:center; background-repeat:no-repeat; background-size:auto 100%; 
    -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;
}
#main_prd .our_list > li:nth-child(1) .ico_box{ background-image:url('/html/_img/main/main_product_ico07.png'); }
#main_prd .our_list > li:nth-child(2) .ico_box{ background-image:url('/html/_img/main/main_product_ico08.png'); }
#main_prd .our_list > li:nth-child(3) .ico_box{ background-image:url('/html/_img/main/main_product_ico09.png'); }
#main_prd .our_list > li:nth-child(4) .ico_box{ background-image:url('/html/_img/main/main_product_ico10.png'); }
#main_prd .our_list > li:nth-child(5) .ico_box{ background-image:url('/html/_img/main/main_product_ico11.png'); }
#main_prd .our_list > li:nth-child(6) .ico_box{ background-image:url('/html/_img/main/main_product_ico12.png'); }
#main_prd .our_list > li:nth-child(1):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico07_on.png'); }
#main_prd .our_list > li:nth-child(2):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico08_on.png'); }
#main_prd .our_list > li:nth-child(3):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico09_on.png'); }
#main_prd .our_list > li:nth-child(4):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico10_on.png'); }
#main_prd .our_list > li:nth-child(5):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico11_on.png'); }
#main_prd .our_list > li:nth-child(6):hover .ico_box{ background-image:url('/html/_img/main/main_product_ico12_on.png'); }
#main_prd .our_list > li strong{ font-size:2.4rem; color:#fff; font-weight:600;}
#main_prd .our_list > li b{ display:block; margin-top:1rem;  font-size:2rem; color:#aaa; font-weight:500;  
    -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;
}
#main_prd .our_list > li p{ display:none; margin-top:1rem; font-size:1.6rem; color:rgba(255,255,255,.5); line-height:1.9; }

#main_prd .our_list > li:hover{ border-color:rgba(119,119,119,0); background-position:center; background-repeat:no-repeat; background-size:100%; }
#main_prd .our_list > li:hover:after{ opacity:1;}
#main_prd .our_list > li:hover b{ color:#fff; }

@media all and (max-width:1199.98px) {
    #main_prd .our_list > li{  width:calc(100%/3); 
    }
    #main_prd .our_list > li a{ height:35rem; }
    #main_prd .our_list > li .ico_box{ height:7.4rem;}
    #main_prd .our_list > li strong{ font-size:2rem; }
    #main_prd .our_list > li b{ font-size:1.8rem}
    #main_prd .our_list > li p br{ display:none; }
    #main_prd .our_list > li:nth-child(3) a:after,
    #main_prd .our_list > li:nth-child(3) a:before{
        display:none;
    }
    
}

@media all and (max-width:991.98px) {
    #main_prd .our_list > li a:after,
    #main_prd .our_list > li a:before{ width:3rem; }
    #main_prd .our_list > li:nth-child(3) a:after,
    #main_prd .our_list > li:nth-child(3) a:before{
        display:block;
    }
}

@media all and (max-width:767.98px) {
    #main_prd .our_list > li{ width:50%; }
    #main_prd .our_list > li a{ height:30rem;}
    #main_prd .our_list > li:nth-child(2n+2) a:after,
    #main_prd .our_list > li:nth-child(2n+2) a:before{ content:none; }
    #main_prd .our_list > li b,
    #main_prd .our_list > li p{ margin-top:.5rem; }
}

@media all and (max-width:575.98px) {
    #main_prd .our_list > li .ico_box{ height:6.4rem;}
}


/*메인 our*/
#main_our{ z-index:1; position:relative; }
#main_our .chat_area{ position:relative; max-width:92rem; margin:0 auto; text-align:center; }
#main_our .mobile_box{ position:relative; display:inline-block; width:35%; max-width:291px; min-width:200px;  }
#main_our .mobile_box > div{ position:absolute; top:50%; left:50%; width:100%;  padding:15%; 
    -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
#main_our .mobile_box *{ color:#fff;}
#main_our .mobile_box div img{ width:40%; max-width:78px; }
#main_our .mobile_box strong{ display:block; margin:1rem 0; font-size:2.6rem; letter-spacing:.3rem; font-weight:300;}
#main_our .mobile_box b{ display:block; margin-bottom:4rem; font-size:1.8rem; font-weight:600;}
#main_our .chat_area .chat_img{ position:absolute; top:50%; width:40.66%;  max-width:374px; min-width:160px; 
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);
}
#main_our .chat_area .chat_img01{ margin-top:-7rem; left:0;}
#main_our .chat_area .chat_img02{ margin-top:7rem; left:0;}
#main_our .chat_area .chat_img03{ right:0;}
#main_our .infinite_area{ z-index:-1; position:absolute; left:0; bottom:8rem; display:flex; width:100%;  }
#main_our .infinite_area p{  display:inline-block; margin-right:3rem; font-size:12rem; color:#eee; line-height:1; font-weight:700;  white-space: nowrap;
    animation:infiniteP 20s infinite linear;
}
#main_our .infinite_area p:last-child{ margin-right:0;}

@keyframes infiniteP{
    0%{ transform:translateX(0);}
    100%{ transform:translateX(-100%); }
}

@media all and (max-width:1199.98px) {
    #main_our .mobile_box strong{ font-size:2.3rem; }
    #main_our .mobile_box b{ margin-bottom:3rem; font-size:1.6rem;}
}

@media all and (max-width:991.98px) {
    #main_our .mobile_box strong{ font-size:2rem; }
    #main_our .mobile_box b{ margin-bottom:2rem; }
}

@media all and (max-width:575.98px) {
    #main_our .chat_area .chat_img{
        -webkit-transform:translateY(0%); -moz-transform:translateY(0%); transform:translateY(0%);
    }
    #main_our .chat_area .chat_img01{ top:12%;  margin-top:0; }
    #main_our .chat_area .chat_img02{ display:none;}
    #main_our .chat_area .chat_img03{ top:unset; bottom:12%;}
}

/*메인 notice*/
#main_notice{ position:relative; padding-top:24.5rem; margin-top:-9.5rem; }
#main_notice:after{ z-index:-1; content:""; position:absolute; top:0; left:0; width:100%; height:93%; background:#1e1e1e url("/html/_img/main/main_notice_bak.png") no-repeat center / 100%; }
#main_notice > div{ display:flex; flex-wrap:wrap;}
#main_notice .tit_box{ width:45%;}
#main_notice .tit_box .main_tit{ text-align:left; }
#main_notice .list_box{ position:relative; width:55%; background:#8961a4; padding:2rem 0 2rem 5rem; min-height:45rem;}
#main_notice .list_box:after{ content:""; position:absolute; top:0; left:0; width:100vw; height:100%; background:#8961a4; }
#main_notice .list_box ul{ z-index:1; position:relative;}
#main_notice .list_box li{ border-bottom:1px solid rgba(255,255,255,.2); }
#main_notice .list_box li a{ position:relative; display:block; padding:3rem 7rem 3rem 0;}
#main_notice .list_box li:last-child{ border-bottom:0;}
#main_notice .list_box li a i{ position:absolute; top:50%; right:1.5rem; font-size:2.4rem; color:#ccc;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);
    -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;
}
#main_notice .list_box li a .date{ display:block; margin-bottom:.5rem; font-size:1.6rem; color:#bbb; font-weight:600; }
#main_notice .list_box li a .subj{ font-size:2.4rem; color:#fff; }

#main_notice .list_box li a:hover i{ right:2.5rem;}


@media all and (max-width:1199.98px) {
    #main_notice{  padding-top:22.5rem;}
    #main_notice .list_box{ padding:1rem 0 1rem 4rem; }
    #main_notice .list_box li a{ padding:2rem 7rem 2rem 0}
    #main_notice .list_box li a .subj{ font-size:2rem;}
}

@media all and (max-width:991.98px) {
    #main_notice{  padding-top:20.5rem;}
    #main_notice .tit_box{ width:100%; text-align: center; }
    #main_notice .tit_box .main_tit{ text-align: center;}
    #main_notice .list_box{ width:100%; margin-top:3rem; padding:1rem 3rem;  }
    #main_notice .list_box:after{ content:none; }
    #main_notice .list_box li a .subj{ font-size:1.8rem;}
}

@media all and (max-width:767.98px) {
    #main_notice{  padding-top:18.5rem;}
}

@media all and (max-width:575.98px) {
    #main_notice{  padding-top:16.5rem;}
}


/*메인 partner*/
#main_partner .partner_list{ display:flex; }
#main_partner .partner_list ul{ display:flex; align-items:center; flex-shrink: 0;  }
#main_partner .partner_list li{ width:auto; margin-right:12rem; }
#main_partner .partner_list li img{
    height:9rem;
}

#main_partner .partner_list01 ul{animation:partnerMoveTop 40s infinite linear;}
#main_partner .partner_list02{ flex-direction:row-reverse; margin-top:6rem;  }
#main_partner .partner_list02 ul{animation:partnerMoveBtm 50s infinite linear;}

@keyframes partnerMoveTop{
    0%{ -webkit-transform:translateX(0%); -moz-transform:translateX(0%); transform:translateX(0%);}
    100%{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%);}
}
@keyframes partnerMoveBtm{
    0%{ -webkit-transform:translateX(0%); -moz-transform:translateX(0%); transform:translateX(0%);}
    100%{ -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%);}
}

@media all and (max-width:1199.98px) {
    #main_partner .partner_list li{ margin-right:8rem; }
}

@media all and (max-width:991.98px) {
    #main_partner .partner_list li{ margin-right:5rem; }
    #main_partner .partner_list02{ margin-top:3rem; }
    #main_partner .partner_list li img{
        height:6rem;
    }
}

/*메인 join*/
#main_join{ background:#f7f7f7; text-align:center; }
#main_join .join_list{ display:flex; flex-wrap:wrap; max-width:1400px; margin:0 auto 8rem;}
#main_join .join_list li{  width:25%;}
#main_join .join_list .img_box{ position:relative;}
#main_join .join_list .img_box:after,
#main_join .join_list .img_box:before{ content:""; z-index:11; position:absolute; top:50%; right:0; width:4.5rem; height:1px; background:#dadada; 
    -webkit-transform:translate(50%,-50%) rotate(45deg); -moz-transform:translate(50%,-50%) rotate(45deg); transform:translate(50%,-50%) rotate(45deg);
}
#main_join .join_list .img_box:before{
    -webkit-transform:translate(50%,-50%) rotate(-45deg); -moz-transform:translate(50%,-50%) rotate(-45deg); transform:translate(50%,-50%) rotate(-45deg);
}
#main_join .join_list li:last-child .img_box:after,
#main_join .join_list li:last-child .img_box:before{ content:none; }
#main_join .join_list .img_box img{ background:#fff; border-radius:100%; max-width:90%;  }
#main_join .join_list .txt_box{ z-index:1; position:relative; margin-top:-4.5rem; padding:0 15px; }
#main_join .join_list .txt_box strong{ font-size:3rem; font-weight:600;}
#main_join .join_list .txt_box b{ display:block; margin:1.5rem 0 .75rem; font-size:2.2rem;}
#main_join .join_list .txt_box p{ font-size:1.8rem; color:#666; }

@media all and (max-width:1199.98px) {
    #main_join .join_list{ margin:0 auto 6rem;}
    #main_join .join_list .txt_box strong{ font-size:2.5rem; }
    #main_join .join_list .txt_box b{ font-size:2rem; }
    #main_join .join_list .txt_box p{ font-size:1.6rem; }
    #main_join .join_list .txt_box p br{ display:none; }
}

@media all and (max-width:991.98px) {
    #main_join .join_list{ margin:-3rem auto 5rem;}
    #main_join .join_list li{  width:50%; margin-top:3rem;}
    #main_join .join_list li:nth-child(2n+2) .img_box:after,
    #main_join .join_list li:nth-child(2n+2) .img_box:before{ content:none; }
}
@media all and (max-width:575.98px) {
    #main_join .join_list li{ width:100%; }
    #main_join .join_list .img_box:after,
    #main_join .join_list .img_box:before{ content:none; }
    #main_join .join_list .img_box img{ width:50%; max-width:170px; min-width:140px;}
}

/*메인 contact*/
#main_contact{ position:relative; overflow: hidden; background:url('/html/_img/main/main_contact_bak.jpg') no-repeat center / cover;  }
#main_contact .img_box{ position:absolute; top:50%; left:50%; width:100%; height:100%; background:url('/html/_img/main/main_contact_bak.jpg') no-repeat center / cover; 
    -webkit-transform:translate(-50%,-50%) scale(1.2); -moz-transform:translate(-50%,-50%) scale(1.2); transform:translate(-50%,-50%) scale(1.2);
    -webkit-transition:all 4s; -moz-transition:all 4s; transition:all 4s;
}
#main_contact h2{ font-size:5.2rem; color:#fff; font-weight:400; line-height:1.4; margin-bottom:7rem;   }

#main_contact.aos-animate .img_box{ -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1); }

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

@media all and (max-width:991.98px) {
    #main_contact h2{ margin-bottom:4rem; font-size:3rem;}
}

@media all and (max-width:767.98px) {
    #main_contact h2{ margin-bottom:3rem; font-size:2.5rem;}
}