@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* Index_onepage
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#wrapper { height: 100%; position: relative; }

#info-trigger .info-block { visibility: hidden; }

a.spy-anchor { display: block; position: relative; top: -80px; visibility: hidden; }

.contetns-list { display: block; position: relative; }

/*
* 메뉴별 섹션
*/
.onepage-section { padding-top: 6rem; height: 100%; }
.onepage-section .one-title-wrap { margin-bottom: 3rem; }
.onepage-section .one-title-wrap .onepage-title { font-family: 'Noto Sans KR',sans-serif; font-size: 2.5rem; text-align: center; margin: 1.5rem 0; color: #6c757d; font-weight: 900; display: block; border-bottom: 2px solid #e9ecef;}
.onepage-section .one-title-wrap .onepage-title span { font-size: 3.2rem; color: #000; }
.onepage-section .one-title-wrap .onepage-title span.light { font-size: 3.2rem; color: #e9ecef; }

#one-service .service-right .onepage-subtitle-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-bottom: 20px; margin-top: 45px; }
@media (min-width: 768px) { #one-service .service-right .onepage-subtitle-wrap { margin-bottom: 20px; margin-top: 45px; } }
@media (min-width: 992px) { #one-service .service-right .onepage-subtitle-wrap { margin-bottom: 5px; margin-top: 0; } }
@media (min-width: 1200px) { #one-service .service-right .onepage-subtitle-wrap { margin-bottom: 31px; margin-top: 0; } }
#one-service .service-right .onepage-subtitle-wrap .os-title-left { text-align: center; width: 100%; margin: 30px auto 0; font-size: 1.5rem;  padding-right: .75rem; font-family: 'Noto Sans KR',sans-serif; font-weight: 600; line-height: 1.5; letter-spacing: 0px; font-style: normal; }
#one-service .service-right .onepage-subtitle-wrap .title-bar-container { position: relative; height: 6px; -ms-flex-grow: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
#one-service .service-right .onepage-subtitle-wrap .title-bar-container .title-bar { text-align: center; border-bottom: 0px dotted #ced4da; }
#one-service .service-right p { font-size: .9rem;  }
@media (min-width: 768px) { #one-service .service-right p { font-size: 1em; } }
@media (min-width: 992px) { #one-service .service-right p { font-size: .9rem; } }
@media (min-width: 1200px) { #one-service .service-right p { font-size: 1em; } }
#one-service .service-left .one-service-img { width: 100%; height: auto; }
#one-service .one-service-card .flip-cards { text-align: center; }
#one-service .one-service-card .front-card { background-color: #e9ecef; padding: 1.2rem; }
#one-service .one-service-card .reverse-card { background-color: #acacac; padding: 1.2rem; color: #fff; }
#one-service .one-service-card .reverse-card .fa { color: #acacac !important; }
#one-service .one-service-card .reverse-card .round-icon-bg { background-color: #fff !important; }
#one-service .one-service-card .flip-card-header { text-align: center; border-bottom: none; padding: .5rem; }
#one-service .one-service-card .flip-card-header .fa { color: #f8f9fa; }
#one-service .one-service-card .flip-card-header .round-icon-bg { width: 66px; height: 66px; }
#one-service .one-service-card .flip-card-body { font-size: .75rem; padding-top: 0; padding: .5rem; }
#one-service .one-service-card .flip-card-body .flip-card-title { text-align: center; font-family: "Noto Sans KR",sans-serif; font-weight: 400; font-size: 1rem; }


@media (max-width: 750px) {
    
    
    #one-service .service-right .onepage-subtitle-wrap .os-title-left { display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-text {display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-title { margin-left: -25%; width: 150%;  font-size: 13px;
    font-weight: 600;}
/*    #one-service .one-service-card .flip-card-header { }*/
   
    #one-service .one-service-card { display: block; margin-bottom: 30px; height: 100%;}
    #one-service .one-service-card .flip-cards  { float: left; margin: 0 1% 30px 1%; width: 48%;}
    #one-service .one-service-card .flip-cards hr { float: left; }
    .mobile3333 {height: 360px;}
    .mobile2222 {display: none;}
    .line-hr{margin: 10px 0 25px 0;}
    .one-service {padding-top: 30px;}
    .head-title {margin-top: 50px;}
    .service-right p{margin-top: -40px;}
/*    #one-service .one-service-card .reverse-card {float: left;}*/
  

    
    
    
    
    
}


@media (min-width: 801px) {#one-service ._page-title-wrap .head-title #main-text-h1  { color:#16327b; font-size:35px; padding-bottom:-10px;}
    
    #one-service ._page-title-wrap .head-title #main-text-h2{
        font-size:28px;
        
        
        
    }
    
}



@media (max-width: 800px) {#one-service ._page-title-wrap .head-title #main-text-h1  { color:#16327b; font-size:35px; padding-bottom:-10px;}
    
    #one-service ._page-title-wrap .head-title #main-text-h2{
        font-size:28px;
        
        
        
    }
    
}


#one-service ._page-title-wrap .head-title  {color:#16327b; font-size:20px; padding-bottom:-10px;}


@media (max-width: 309px) {
    #one-service ._page-title-wrap .head-title #main-text-h1  { color:#16327b; font-size:25px; padding-bottom:-10px;}
    ._page-title-wrap .head-title #main-text-h11  { color:#16327b; font-size:25px; padding-bottom:-10px;}
    #one-service ._page-title-wrap .head-title #main-text-h2  {  font-size:20px; }
    
    #one-service .service-right .onepage-subtitle-wrap .os-title-left { display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-text {display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-title { margin-left: -25%; width: 150%;  font-size: 10px;
    font-weight: 600;}
/*    #one-service .one-service-card .flip-card-header { }*/
   
    #one-service .one-service-card { display: block; margin-bottom: 30px; height: 100%;}
    #one-service .one-service-card .flip-cards  { float: left; margin: 0 1% 30px 1%; width: 48%;}
    #one-service .one-service-card .flip-cards hr { float: left; }
    .mobile3333 {height: 360px;}
    .mobile2222 {display: none;}
    .line-hr{margin: 10px 0 25px 0;}
    .one-service {padding-top: 30px;}
    .head-title {margin-top: 50px;}
    .service-right p{margin-top: -40px;}
/*    #one-service .one-service-card .reverse-card {float: left;}*/
    
    
}

    @media (max-width: 270px) {
    #one-service ._page-title-wrap .head-title #main-text-h1  { color:#16327b; font-size:25px; padding-bottom:-10px;}
        .container ._page-title-wrap .head-title #main-text-h1  { color:#16327b; font-size:25px; padding-bottom:-10px;}
    #one-service ._page-title-wrap .head-title #main-text-h2  {  font-size:20px; }
    
    #one-service .service-right .onepage-subtitle-wrap .os-title-left { display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-text {display: none;}
    #one-service .one-service-card .flip-card-body .flip-card-title { margin-left: -35%; width: 180%;  font-size: 10px;
    font-weight: 600;}
/*    #one-service .one-service-card .flip-card-header { }*/
   
    #one-service .one-service-card { display: block; margin-bottom: 30px; height: 100%;}
    #one-service .one-service-card .flip-cards  { float: left; margin: 0 1% 30px 1%; width: 48%;}
    #one-service .one-service-card .flip-cards hr { float: left; }
    .mobile3333 {height: 360px;}
    .mobile2222 {display: none;}
    .line-hr{margin: 10px 0 25px 0;}
    .one-service {padding-top: 30px;}
    .head-title {margin-top: 50px;}
    .service-right p{margin-top: -40px;}
/*    #one-service .one-service-card .reverse-card {float: left;}*/
  

    
}



/*
회사소개 부분 
*/
.intro-wrap { overflow: hidden; width: 100%; }
.intro-wrap::after { display: block; clear: both; content: ""; }
@media (min-width: 992px) { .intro-wrap { margin-left: auto; margin-right: auto; } }
.intro-wrap .intro-text-wrap { position: relative; overflow: hidden; }
.intro-wrap .intro-text-wrap .intro-text { font-family: 'Noto Sans KR',sans-serif; padding: 4rem 0; }
@media (min-width: 768px) { .intro-wrap .intro-text-wrap .intro-text { padding: 4rem 0 8rem 0; } }
.intro-wrap .intro-text-wrap .intro-text h3.header-text { font-size: 1.5rem; font-weight: 600; color: #495057; text-align: center; }
@media (min-width: 768px) { .intro-wrap .intro-text-wrap .intro-text h3.header-text { text-align: left; } }
.intro-wrap .intro-text-wrap .intro-text h3.header-number { font-size: 1.8rem; font-weight: 400; color: #dee2e6; text-align: center; }
@media (min-width: 768px) { .intro-wrap .intro-text-wrap .intro-text h3.header-number { font-size: 3rem; text-align: right; padding-right: 1rem; } }
.intro-wrap .intro-text-wrap .intro-text h4 { font-size: 1.1rem; font-weight: 400; color: #6c757d; text-align: left; }
@media (min-width: 768px) { .intro-wrap .intro-text-wrap .intro-text h4 { text-align: left; font-size: 1.3rem; } }
.intro-wrap .intro-text-wrap .intro-text p { font-size: 1rem; font-weight: 400; color: #adb5bd; text-align: left; }
@media (min-width: 768px) { .intro-wrap .intro-text-wrap .intro-text p { text-align: left; } }
.intro-wrap .intro-text-wrap .intro-text .text1, .intro-wrap .intro-text-wrap .intro-text .text2, .intro-wrap .intro-text-wrap .intro-text .text3 { margin-bottom: 1rem; visibility: hidden; }
@media (min-width: 992px) { .intro-wrap .intro-text-wrap .intro-text .text1, .intro-wrap .intro-text-wrap .intro-text .text2, .intro-wrap .intro-text-wrap .intro-text .text3 { margin-bottom: 0; } }
.intro-wrap .ceo-wrap { position: relative; overflow: hidden; }
.intro-wrap .ceo-wrap .ceo-block { visibility: hidden; }
.intro-wrap .ceo-wrap .ceo-pic { padding-bottom: .75rem; }
.intro-wrap .ceo-wrap .ceo-pic img { width: 100%; height: auto; }
.intro-wrap .ceo-wrap .ceo-con .ceo-text p { font-size: 1rem; text-align: justify; color: #495057; line-height: 2rem; }
@media (min-width: 768px) { .intro-wrap .ceo-wrap .ceo-con .ceo-text p { font-size: 1rem; } }
.intro-wrap .ceo-wrap .ceo-con .ceo-text .ceo-sign { font-size: 1.15rem; font-weight: 600; text-align: right; }
.intro-wrap .ceo-wrap .ceo-con .ceo-text .title-text { font-size: 1.25rem; font-weight: 600; font-family: "Noto Sans KR",sans-serif; margin-bottom: 1rem; }

.about-wrap #company-stats { padding: 3rem 0; }

.ceo-bottom-wrap { position: relative; margin: 2rem auto; background-color: #f8f9fa; overflow: hidden; visibility: hidden; margin-bottom: 5rem; }
@media (min-width: 768px) { .ceo-bottom-wrap { margin-bottom: 5rem; } }
.ceo-bottom-wrap .ceo-bottom-contents { visibility: hidden; }
@media (min-width: 992px) { .ceo-bottom-wrap { margin: 5rem auto; } }
.ceo-bottom-wrap div.bg-about { background-image: url("../img/bg-introduce2.jpg"); min-height: 400px; }
.ceo-bottom-wrap .header-number { font-size: 2rem; font-weight: 600; color: #ced4da; text-align: center; padding-right: 0; margin-top: 2rem; }
@media (min-width: 768px) { .ceo-bottom-wrap .header-number { margin-top: 1rem; } }
@media (min-width: 992px) { .ceo-bottom-wrap .header-number { font-size: 4rem; font-weight: 600; color: #ced4da; text-align: right; padding-right: .3rem; margin-top: 0; } }
.ceo-bottom-wrap h4 { font-size: 1rem; color: #adb5bd; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { .ceo-bottom-wrap h4 { font-size: 1.2rem; } }
@media (min-width: 1200px) { .ceo-bottom-wrap h4 { font-size: 1.4rem; } 






}
.ceo-bottom-wrap p { font-size: .8rem; line-height: 170%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { .ceo-bottom-wrap p { font-size: .9rem; line-height: 180%; padding-right: .5rem; } }
@media (min-width: 1200px) { .ceo-bottom-wrap p { font-size: 1rem; line-height: 190%; padding-right: .75rem; } }

.company-stats { visibility: hidden; overflow: hidden; }
.company-stats .about-items { overflow: hidden; position: relative; margin-bottom: 1rem; }
@media (min-width: 768px) { .company-stats .about-items { margin-bottom: 0; } }
.company-stats .fa { color: #6c757d; }
.company-stats p { padding: .5rem 0 0 0; font-weight: 900; font-size: .95rem; color: #343a40; font-family: "Noto Sans KR",sans-serif; }

.about-company { position: relative; padding-bottom: 3%;  /*  회사소개 parallax 배경이미지 처리 */ }
@media (min-width: 768px) { .about-company {  } }
/*.about-company .about-company-parallax { background-image: url(../img/main_img1111-3.png); padding-top: 3rem; padding-bottom: 3rem; overflow: hidden; min-height: 800px; }*/







/*@media (min-width: 769px) { .about-company .about-company-parallax { background-image: url(../img/main_img1111-3.png); } }*/







/*@media (min-width: 768px).about-company .about-company-parallax { background-color:#fff;  }*/
/*@media (min-width: 992px) { .about-company .about-company-parallax { padding-top: 8rem; padding-bottom: 8rem; } }*/
.about-company .about-company-parallax .section-header { padding-bottom: 5rem; visibility: hidden; }
.about-company .about-company-parallax .section-header h2 { color: #fff; text-align: center; font-family: "Noto Sans KR",sans-serif; font-weight: 900; font-size: 2.5rem; padding-bottom: 2rem; }
.about-company .about-company-parallax .section-header h2 span { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.about-company .about-company-parallax .section-header p { color: #2a2a2a; font-size: 1rem; text-align: justify; }
.about-company .about-company-parallax .section-header p span { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.about-company .about-company-parallax .about-card { overflow: hidden; padding-left: 0; padding-right: 0; }
.about-company .about-company-parallax .about-card .card { margin-bottom: 1rem; }
@media (min-width: 768px) { .about-company .about-company-parallax .about-card .card { margin-bottom: 0; } }
@media (min-width: 992px) {.about-company .about-company-parallax .about-card .card .card-img-top { margin: 30px auto 10px; width:380px;}
    
}
.about-company .about-company-parallax .about-card .card .card-img-top { height: auto; min-height: auto; max-height: 261px; }
@media (min-width: 992px) { .about-company .about-company-parallax .about-card .card .card-img-top { max-height: auto; } }
.about-company .about-company-parallax .about-card .card .card-title { font-family: "Noto Sans KR",sans-serif; font-weight: 600; font-size: 1.2rem; text-align: center; color: #495057; }
.about-company .about-company-parallax .about-card .card .card-text { font-size: .85rem; color: #6c757d; }

.client-info { background-color: #fff; overflow: hidden; padding: 1.5rem 0; margin-bottom: 4rem; }
.client-info .client-info-item { margin-bottom: 6rem; }
.client-info .title-wrap { margin-top: 0; }
.client-info .client-items { visibility: hidden; overflow: hidden; }
.client-info .counter { background-color: #fff; margin: .5rem; -webkit-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -khtml-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); padding: 1rem; }
.client-info .count-title { font-size: 2rem; font-weight: normal; margin-top: .85rem; margin-bottom: 0; text-align: center; }
.client-info .count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.client-info .fa-2x { margin: 0 auto; float: none; display: table; color: #17a2b8; font-size: 4rem; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

#portfolio-shuffle { margin-top: 2rem; }
#portfolio-shuffle .portfolio-parallax { background-image: url(../img/bg-portfolio.jpg); padding-top: 3rem; padding-bottom: 6rem; overflow: hidden; }







/*            에드업 소식              */




.banner-wrap23{
         clear: both;
        width: 100%;
    }   
.News01{
    clear: both;
    width: 100%;
   
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{clear: both;
        display: block;
    position: relative;
    z-index: 15;
    }
.News03{
    width:100%;
    margin: 0; 
}
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
    width: 100%;
    list-style: none;
    margin: 0 auto;
}
.news1 li a img{
    width: 100%;
    margin: 0 auto;
}
    .news1 li p a{
        width: 100%;
        font-size: 12px; 
        
    }
@media (max-width: 1300px) {    
.news1 li p span{
     display: none;
    }
    .news3>li>span{
        display: none;
    }
}
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
        
        margin: 0 0 5% 15%;
    }
     .title-snsuu h3{
         font-size: 26px;
    }
.news3{ 
    list-style: none;
    font-size: 12px; 
    width: 80%;
    margin-top: 55px; /*요거*/
    line-height: 20px;
    padding: 0;
    
}
    
.news3 a{
    margin-left: 10px;
    width: 80%;
}

    
    
    
    
    
    .News04{
        width: 100%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 10% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
    }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
.tour_video{
    width: 100%;
    

}
iframe{
    width: 100%;
        height: 550px;
    border-radius: 20px;
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 10% 0 0 5%;
        
    }
#SNS005 h3{
   
    
}
    
#SNS005 h2 a img{
    width: 20px;
   
    
}

#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{
    width: 100%;
    margin-left: -10%;
}
    
   .sec_title .en{display: block; font-size: 20px; font-weight: 700; color: #184ea1; letter-spacing: -.5px; margin-bottom: 10px;}
   .sec_title {font-size:30px; font-weight:600; text-align:center; padding:110px 0 70px;}  



@media (min-width: 0px) {
    
    #instagram_img{
        width: 90%;
        border-radius: 20px;
        margin: 0 auto 5%;
    }   
     #instagram_img img{

     border-radius: 20px;
    }
}
    
@media (min-width: 700px) {
    
    #instagram_img{
        width: 80%;
    } 
    
}

@media (min-width: 1200px) {
    
    #instagram_img{
    width: 62%;
    } 
     #instagram_img swiper-slide{
    width: 250px;
    height: 250px;
    }   
    
    .news3{
        padding: 0 5%;
    }
    
}










    @media (min-width: 250px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
.News01{
    clear: both;
    width: 100%;
    height:100%;
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{
        display: block;
   
    }
.News03{
    width:100%;
    margin: 0; 
}
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
    width: 100%;
    list-style: none;
    margin: 0 auto;
}
.news1 li a img{
    width: 100%;
    margin: 0 auto;
}
    .news1 li p a{
        margin-top: 5%;
        margin-bottom: -5%;
        display: block;
        width: 100%;
        font-size: 12px;   
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        
        
    }
    .news1 li p span{
       
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 30px;
        margin: 0 0 5% 38%;
    }
     .title-snsuu h3{
         font-size: 26px;
    }
.news3{
    list-style: none;
    font-size: 12px; 
    width: 100%;
    margin-top: 30px;
    line-height: 20px;
}
    .news3>li>span{
        
        
    }
.news3 li a{
     display: block;
    padding-bottom: 5%;
    margin-bottom: 5%;

    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  height: 20px;
/*    white-space: nowrap;*/
    
    
}
        
        
       
    
    
    
    
    
    .News04{
        width: 100%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-bottom: 8%;
    }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 180px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 0 5%;
        
    }

    
#SNS005 h2 a img{
    width: 20px;
   
    
}

#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{
    border: 1px solid #ccc;
    width: 100%;
    margin-left: -10%;
}


}











  @media (min-width: 300px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
.News01{
    clear: both;
    width: 100%;
    height:100%;
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{
        display: block;


    }
.News03{
    width:100%;
    margin: 0; 
}
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
    width: 100%;
    list-style: none;
    margin: 0 auto;
}
.news1 li a img{
    width: 100%;
    margin: 0 auto;
}
    .news1 li p a{
        margin-top: 5%;
        margin-bottom: -5%;
        display: block;
        width: 100%;
        font-size: 15px;   
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        
        
    }
    .news1 li p span{
        
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 30px;
        margin: 0 0 5% 40%;
    }
     .title-snsuu h3{
         font-size: 26px;
    }
.news3{
    list-style: none;
    font-size: 15px; 
    width: 100%;
    margin-top: -90px;
    line-height: 20px;
}
    .news3>li>span{
        
    }
.news3 li a{
     display: block;
    padding-bottom: 5%;
    margin-bottom: 5%;

    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  height: 20px;
/*    white-space: nowrap;*/
    
    
}
        
        
       
    
    
    
    
    
    .News04{
        width: 100%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-bottom: 8%;
    }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 180px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 0 5%;
        
    }

    
#SNS005 h2 a img{
    width: 20px;
   
    
}

#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{
    border: 1px solid #ccc;
    width: 100%;
    margin-left: -10%;
}


}








  @media (min-width: 500px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
.News01{
    clear: both;
    width: 100%;
    height:100%;
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{
        display: block;
   
    }
.News03{
    width:100%;
    margin: 0;
}
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
    width: 100%;
    list-style: none;
    margin: 0 auto;
}
.news1 li a img{
    width: 100%;
    margin: 0 auto;
}
    .news1 li p a{
        margin-top: 3%;
        margin-bottom: -5%;
        display: block;
        width: 100%;
        font-size: 19px;   
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        
        
    }
    .news1 li p span{
        
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 40px;
        margin: 0 0 5% 42%;
    }
     .title-snsuu h3{
         font-size: 35px;
    }
.news3{
    list-style: none;
    font-size: 18px; 
    width: 100%;
    margin-top: -72px;
    line-height: 20px;
}
    .news3>li>span{

    }
.news3 li a{
     display: block;
    padding-bottom: 5%;
    margin-bottom: 5%;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  height: 20px;
/*    white-space: nowrap;*/
    
    
}
        
        
       
    
    
    
    
    
    .News04{
        width: 100%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-bottom: 8%;
        
    }
      .title-snsu h3 {
          font-size: 35px;
      }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 300px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 0 9%;
        
    }

    
#SNS005 h2 a img{
    width: 20px;
   
    
}

#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{
    border: 1px solid #ccc;
    width: 100%;
    margin-left: -10%;
}


}










  @media (min-width: 700px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
.News01{
    clear: both;
    width: 90%;
    height:100%;
    margin: 0 auto;
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{
        display: block;
   
    }
      
      NEWS01{
          display: inline;

      }
  
.News03{
    width:100%;
    margin: 0; 
}
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
   margin: 2% -1% 3% 3%;
    float: left;
    width: 47%;
    list-style: none;
    
}
.news1 li a img{
    width: 100%;
   
}
    .news1 li p a{
        margin-top: 3%;
        margin-bottom: -5%;
        display: block;
        width: 100%;
        font-size: 19px;   
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        
        
    }
    .news1 li p span{
      
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 40px;
        margin: 0 0 5% 45%;
    }
     .title-snsuu h3{
         font-size: 35px;
    }
      
      .news3{
        list-style: none;
        font-size: 15px; 
        width: 85%;
        margin: 0 auto;
        margin-top: -52px;
        line-height: 20px;
     }
     
    .news3 li a{
        display: block;
        padding-bottom: 3%;
        margin-bottom: 1%;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        height: 20px;
    }
        
        
       
    
    
    
    
    
    .News04{
        width: 100%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-right: 50%;
        margin-bottom: 8%;
        
    }
      .title-snsu h3 {
          font-size: 35px;
      }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 400px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 10% 9%;
        
    }

    
#SNS005 h2 a img{
    width: 20px;
   
    
}
      #SNS_cc{
          clear: both;
          display: inline;
          width: 100%;
         height: 100%;
      }
      
      #SNS_cc ul{
          width: 50%;
          
      } 
      
#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{

    border: 1px solid #ccc;
    width: 90%;
    margin-left: -15%;
}
      
      .SNS12{
          float: left;
      }
      
      .SNS13{
      float: left;
          margin-bottom: 20%;
         
      }
      
}



@media (min-width: 768px){
    
    .news3{
        list-style: none;
        font-size: 15px; 
        width: 85%;
        margin: 0 auto;
        margin-top: -52px;
        line-height: 20px;
     }
     
    .news3 li a{
        display: block;
        padding-bottom: 3%;
        margin-bottom: 1%;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        height: 20px;
    }
    
}



 @media (min-width: 900px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
     
    .News01{
        clear: both;
        width: 80%;
        height:100%;
        margin: 0 auto;
        background-color:#fff;
        list-style: none;
        padding-bottom: 30px;
    }
     
     .news3{
        list-style: none;
        font-size: 15px; 
        width: 85%;
        margin: 0 auto;
        margin-top: -52px;
        line-height: 20px;
     }
     
    .news3 li a{
        display: block;
        padding-bottom: 3%;
        margin-bottom: 1%;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        height: 20px;
    }
      
}











@media (min-width: 1000px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
.News01{
    clear: both;
    width: 90%;
    height:100%;
    margin: 0 auto;
    background-color:#fff;
    list-style: none;
    padding-bottom: 30px;
}
.News02{
        display: inline;
   
    }
      
      NEWS01{
          display: inline;

      }
  
.News03{
    width:50%;
    float: left;
    margin: 0; 
}
  
.News03 h3{
    width: 260px;
    font-weight: 600;
    }
.news1{
   margin: 0 auto;
    float: left;
    width: 50%;
    list-style: none;
    
}
.news1 li a img{
    width: 100%;
   
}
    .news1 li p a{
        margin-top: 3%;
        margin-bottom: -5%;
        display: block;
        width: 100%;
        font-size: 12px;   
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
        
        
    }
    .news1 li p span{
       
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 40px;
        margin: 0 0 5% 42%;
    }
     .title-snsuu h3{
         font-size: 25px;
    }
    
.news3{
    list-style: none;
    font-size: 15px; 
    width: 85%;
    margin: 0 auto;
    margin-top: -52px;
    line-height: 20px;
}
    .news3>li>span{
        
    }
.news3 li a{
     display: block;
    padding-bottom: 3%;
    margin-bottom: 1%;

    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 20px;
/*    white-space: nowrap;*/
    
    
}
        
        
       
    
    
    
    
    
    .News04{
        width: 50%;
        float: left;
        margin-top: -8%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-right: 50%;
        margin-bottom: 8%;
        
    }
      .title-snsu h3 {
          font-size: 25px;
      }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 200px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 10% 9%;
        
    }

   
    #SNS005{margin-top: -7%;}
    
    
#SNS005 h2 a img{
    width: 20px;
   
    
}
      #SNS_cc{
          clear: both;
          display: inline;
          width: 100%;
         height: 100%;
      }
      
      #SNS_cc ul{
          width: 50%;
          
      } 
      
#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{

    border: 1px solid #ccc;
    width: 100%;
    margin-left: -20%;
}
      
      .SNS12{
          float: left;
      }
      
      .SNS13{
      float: left;
          margin-bottom: 20%;
         
      }
      
}








@media (min-width: 1300px) {

     .banner-wrap23{
         clear: both;
        width: 100%;
         
    }   
    .News01{
        clear: both;
        width: 1200px;
        height:100%;
        margin: 0 auto;
        background-color:#fff;
        list-style: none;
        padding-bottom: 30px;
    }
    .News02{
            clear: both;

        }

          NEWS01{
              display: inline;

          }

    .News03{
        width:50%;
        float: left;
        margin: 0; 
    }
  
    .News03 h3{
        width: 260px;
        font-weight: 600;
        }
    
    .news1{
       margin: 0 auto;
        float: left;
        width: 50%;
        list-style: none;
        margin-bottom: 5%;

    }
    
    .news1 li a img{
        width: 100%;

    }
    
        .news1 li p a{
            margin-top: 3%;
            margin-bottom: -5%;
            display: block;
            width: 100%;
            font-size: 12px;   
     overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;


        }
    
    .news1 li p span{
       
    }
    
    
    
/*    공지사항     */
    
    
    
    .title-snsuu{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  height: 40px;
        margin: 0 0 5% 46%;
    }
     .title-snsuu h3{
         font-size: 25px;
    }
    
    .news3{
        clear: both;
        list-style: none;
        font-size: 15px; 
        width: 90%;
      margin: 0 auto;
        margin-top: 55px;
        line-height: 20px;
    }
    
    .news3>li>span{
        display: none;
    }
    
.news3 li a{
     clear: both;
    padding-bottom: 1%;
    margin-bottom: 2%;

  width: 80%;
  
/*    white-space: nowrap;*/
    
    
}
        
    
    
    
    
    
    .News04{
        width: 50%;
        float: left;
        margin-top: -8%;
    }
    
/*     유튜브     */
    
    .video01{
        margin: 15% 0 0 5%;
        
    }
    .title-sns{
        display: block;
        width: 90%;
    }
    .title-snsu{
        float: left;
        margin-left: 5%;
        margin-right: 50%;
        margin-bottom: 8%;
        
    }
      .title-snsu h3 {
          font-size: 25px;
      }
    .title-snsu2{
        float: right;
    }
#video005 h3{
   margin: 0 auto;
}
#video005 h2 a img{
    width: 20px;
}
#video006 iframe{
    margin-left: -2px;
    width: 95%;
    height: 200px;
    
}
    
    
    
    
    
    
    
/*      인스타      */
    
     .insta{
        margin: 15% 0 10% 9%;
        
    }

   
    #SNS005{margin-top: -7%;}
    
    
#SNS005 h2 a img{
    width: 20px;
   
    
}
      #SNS_cc{
          clear: both;
          display: inline;
          width: 100%;
         height: 100%;
      }
      
      #SNS_cc ul{
          width: 50%;
          
      } 
      
#SNS_cc li{
    list-style: none;
    
}
#SNS_cc li a img{

    border: 1px solid #ccc;
    width: 100%;
    margin-left: -20%;
}
      
      .SNS12{
          float: left;
      }
      
      .SNS13{
      float: left;
          margin-bottom: 20%;
         
      }
      
}




/*
.news3{ 
    margin-top: 55px;
}
*/




















/*                     끝                         */
        
        
        



/*

#NEWS{
    
    width: 800px;
    height: 2100px;
    background-color: #fff;
    
}
#NEW{
    width: 800px;
    height: 2160px;
}
       #NEW>h1{
            width: 300px;
            font-size: 25px;
            color: #16327b;
            padding: 110px 0 5px 0;
            font-weight: 700;
            border-bottom: 2px solid #ccc;
        }
        #NEW>h2{
           font-size: 15px;
            color: dimgrey;
            line-height: 30px;
        }
    
.news1>li>a>img{
    width: 380px;
    height: 280px;
    border: 1px solid #ccc;
}
.news1{
 
    width: 250px;
}
.news2{
    float: right;
}
.news2>li>a>img{
    width: 380px;
    height: 280px;
    border: 1px solid #ccc;
}

.news-list{
    width: 800px;
    margin: 0 auto;
    margin-top: 50px;
}
.news-list li{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 30px;
}
.news-list li:hover{
    transform: scale(1.02, 1.02); transition-duration: .3s;
    color: darkgray;
    
}

.p1{
    width: 380px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    font-weight:900;
    margin-top: 20px;
    margin-bottom: 0;
}
    .p1:hover{
    transform: scale(1.01, 1.01); transition-duration: .3s;
    color: darkgray;
    
}
.p2{
    width: 360px;
    font-size: 12px;
    padding-top: 10px;
   
}
.p2>span>a{
    font-size: 10px;
    margin-top: 10px;
    color:16327b;
}
.p2>span>a:hover{
    transform: scale(1.01, 1.01); transition-duration: .3s;
    color: dodgerblue;
}

#NEW22{
    width: 800px;
    margin-top: 10px;
   
}








.col-sm-12 col-md-12 col-lg-6 #SNS1{
    width: 600px;
}









#SNS1{
    widows: 120px;
}
#SNS22{
    width: 600px;
    margin: 80px 0 0 0;
    
}
#SNS22 h1{
    color: dimgrey;
    margin: 20px 200px 20px 0px;
}
#SNS22 h2{
    float: right;
    margin: 20px 0 0 0;
}
#SNS22 h2>a>img{ 
    width: 25px;
    text-align: center;
    
}
#SNS22 h2>a>img:hover{
    transform: scale(1.1, 1.1); transition-duration: .3s;
}

#SNS_c{
    width: 800px;
    height: auto;
    margin: 0;
}
.insta02{
    width: 300px;
    float: right;
    padding-right: 50px;
}
.insta01{
    width: 300px;
    padding-left: 50px;
}
    .SNS img{
        width: 300px;
        margin: 20px 30px 0 0;
    }
.SNS>li>a>img:hover{
    transform: scale(1.03, 1.03); transition-duration: .3s;
}

    #video{
        width: 400px;
        
    }
    
    #video iframe{
        
        width: 400px;
        height: 500px;
    }
#video2{
    float: left;
    margin: 100px 0 0 0;
}
#video2 h1{
    color: dimgrey;
    float: left;
    margin: 0 0 20px 0px;
}
#video2 h2{
    float: right;
    margin: 0 20px; 0 0;
}
#video2 h2>a>img{ 
    width: 25px;
    text-align: center; 
}
#video2 h2>a>img:hover{
    transform: scale(1.1, 1.1); transition-duration: .3s;
}


*/











.onepage-section{
    clear: both; 
}
    
   #background-img02{
height: 100%; background:url(/images/main/background-img02.jpg) no-repeat center / cover;
}
       #background-img03{
height: 100%; ; background:url(/images/main/background-img03.jpg) no-repeat center / cover;
}
       #background-img04{
height: 100%; padding-top:5%; padding-bottom: 2%; background:url(/images/main/background-img04.jpg) no-repeat center / cover;
}
           #background-img05{
height: 100%; padding-top:5%; padding-bottom: 5%; background:url(/images/main/background-img05.jpg) no-repeat center / cover;
}
           #background-img06{
height: 100%; background:url(/images/main/background-img05.jpg) no-repeat center / cover;
}


#customer-section { /* 오시는길 */ }
#customer-section td, #customer-section tr, #customer-section th { color: #e9ecef; }
#customer-section .top-title { color: #ced4da; }
#customer-section .form-footer { border-color: rgba(255, 255, 255, 0.3); }
#customer-section .contact-parallax { background-image: url(../img/bg-contactus.jpg); padding-top: 3rem; padding-bottom: 8rem; overflow: hidden; }
#customer-section .map-wrap { margin-top: 3rem; }
#customer-section .map-wrap .section-header { text-align: center; }
#customer-section .map-wrap .section-header h2 { color: #495057; text-align: center; font-family: "Noto Sans KR",sans-serif; font-weight: 900; font-size: 2rem; padding-bottom: 1rem; }
#customer-section .map-wrap .section-header p { font-size: .85rem; color: #6c757d; }
#customer-section .map-wrap .waytocom th { text-align: right; }
#customer-section .map-wrap .waytocom td { text-align: left; }
#customer-section .map-wrap .daum-map { text-align: center; margin: 3rem auto; }
#customer-section .map-wrap .daum-map .root_daum_roughmap { width: 100%; margin: 0 auto; }
#customer-section .map-wrap .daum-map .root_daum_roughmap .wrap_map { height: 400px; }
@media (min-width: 768px) { #customer-section .map-wrap .daum-map .root_daum_roughmap .wrap_map { height: 600px; } }
#customer-section .mail-form-wrap input, #customer-section .mail-form-wrap textarea { background-color: rgba(0, 0, 0, 0.8); color: #f8f9fa; border: 1px solid rgba(255, 255, 255, 0.4); }
#customer-section .mail-form-wrap input::placeholder, #customer-section .mail-form-wrap textarea::placeholder { color: #dee2e6; }
@media (min-width: 992px) { #customer-section .mail-form-wrap input, #customer-section .mail-form-wrap textarea { background-color: rgba(0, 0, 0, 0.6); color: #f8f9fa; border: 1px solid rgba(255, 255, 255, 0.1); } }
#customer-section .mail-form-wrap .ask-captcha img { height: 38px; width: auto; margin-right: 5px; }
#customer-section #captcha_info { background-color: transparent; }

/* 협력업체 배너 */
section.banner-wrap { overflow: hidden;   }
/*@media (max-width: 768px) { #client003 a img {width: 45%;} }*/
section.banner-wrap .banner-swiper-container { width: 96%;  height: auto; overflow: hidden; position: relative; margin: 0 auto; background-color: #fff; border-radius: 30px;}
section.banner-wrap .banner-swiper-container .client003 { width: 96%;  height: auto; overflow: hidden; position: relative; margin:2% 2%; }
section.banner-wrap .banner-swiper-container::after { display: block; clear: both; content: ""; }
/*section.banner-wrap .banner-swiper-container a {  text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }*/
  #clients__list .sec_title .en{display: block; font-size: 20px; font-weight: 700; color: #184ea1; letter-spacing: -.5px; margin-bottom: 10px;}
            #clients__list .sec_title {font-size:30px; font-weight:600; text-align:center; padding:110px 0 70px;}
    
    
    section.banner-wrap .banner-swiper-container a img {width: 13.9%; margin: 0.5% auto;}
    
/*    section.banner-wrap .banner-swiper-container a {width: 23.5%; padding: 0.5% auto; }*/
       
    
    
    


@media (max-width: 1200px){
        section.banner-wrap .banner-swiper-container a img {width: 16.092%; margin: 0.5% auto;}
    
    
}
    @media (max-width: 1025px) {
          section.banner-wrap .banner-swiper-container a img {width: 16.2%; margin: 0.5% auto;}

}
        @media (max-width: 991px) {
          section.banner-wrap .banner-swiper-container a img {width: 16%; margin: 0.5% auto;}

}
    @media (max-width: 767px) {
    section.banner-wrap .banner-swiper-container a img {width: 32.7%; margin: 0.5% auto; }
}
        @media (max-width: 527px) {
    section.banner-wrap .banner-swiper-container a img {width: 32.6%; margin: 0.5% auto; }
}
            @media (max-width: 460px) {
    section.banner-wrap .banner-swiper-container a img {width: 32.5%; margin: 0.5% auto; }
}
                @media (max-width: 408px) {
    section.banner-wrap .banner-swiper-container a img {width: 32.4%; margin: 0.5% auto; }
}
                    @media (max-width: 369px) {
    section.banner-wrap .banner-swiper-container a img {width: 30%; margin: 0.5% auto; }
}
        

    



section.banner-wrap .banner-swiper-container .swiper-slide-bg-black { text-align: center; font-size: 18px; background: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
section.banner-wrap .banner-swiper-container .swiper-button-next, section.banner-wrap .banner-swiper-container .swiper-button-prev { width: 20px; height: 20px; top: 55%; }
section.banner-wrap .banner-swiper-container .swiper-pagination { bottom: -5px !important; }

/*# sourceMappingURL=index_onepage.css.map */












/*에드업 연혁*/




.home section.section-02 {
    padding-top: 20px;
    background-color: #fff;
    height: 750px;
}

.home section.section-02 .title {
    text-align: center
}

.home section.section-02 .title .en {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #184ea1;
    letter-spacing: -.5px;
    margin-bottom: 10px
}

.home section.section-02 .title h2 {
    font-size: 30px;
    font-weight: 600;
    color: #222;
    line-height: 1.43;
    letter-spacing: -1.4px
}
.section02 .sec_title {
    font-size: 30px;}

  @media screen and (min-width: 990px){
.home section.section-02 .title h2 {
    font-size: 45px;
    font-weight: 600;
    color: #222;
    line-height: 1.43;
    letter-spacing: -1.4px
}
      .section02 .sec_title {
          font-size: 45px;
      }
      #clients__list .sec_title{
          font-size: 45px;
      }
      .sec_title{font-size: 45px;}
}


.home section.section-02 .title h2 em {
    font-size: inherit;
    line-height: inherit
}

.home section.section-02 .main-functions {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px auto 0;
    height: 850px;
    padding-bottom: 80px
}

.home section.section-02 .main-functions .function-list {
    flex: 0 0 480px;
    padding:0;
}

.home section.section-02 .main-functions .function-list .item {
    padding: 10px 0 10px 16px;
    border-bottom: 1px solid #dddddd
}

.home section.section-02 .main-functions .function-list .item .toggle {
    position: relative;
    
    font-size: 20px;
    color: #222;
    cursor: pointer
}

.home section.section-02 .main-functions .function-list .item .toggle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url(/assets/images/home-img/icon-plus.png);
    background-repeat: no-repeat;
    z-index: 99;
}

.home section.section-02 .main-functions .function-list .item .desc {
    height: 0;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
    letter-spacing: -.4px;
    transition: all .2s ease-out;
    padding: 0
}

.home section.section-02 .main-functions .function-list .item.on .toggle {
    font-weight: 700;
    color: #007aff
}

.home section.section-02 .main-functions .function-list .item.on .toggle:after {
    background-image: url(/assets/images/home-img/icon-minus.png)
}

.home section.section-02 .main-functions .function-list .item.on .desc {
    padding-top: 16px;
    height:100%;
}






.home section.section-02 .main-functions .img-area {
    position: relative;
    width: 100%;
}




.home section.section-02 .main-functions .img-area .img-slot {
    position: absolute;
    height: 580px;
    width: 100%
}

.home section.section-02 .main-functions .img-area .img-slot.acc01 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc01 img.sq01 {
    top: 0;
    left: -48px;
    z-index: 1;
}

.home section.section-02 .main-functions .img-area .img-slot.acc01 img.sq02 {

    left: 55px;
    z-index: 2;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc01 img.sq03 {
    top: 50px;
    left: 50px;
    z-index: 2;
    transition-delay: .2s
}

.home section.section-02 .main-functions .img-area .img-slot.acc01 .circle {
    position: absolute;
    top: 0;
    right: -31px;
    display: inline-block;
    width: 50%;
    height: 55%;
    border-radius: 20%;
    background-color: #89c1f5;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc01.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc01.on .circle {
    opacity: .2
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 img.sq01 {
    top: 0;
    left: -48px;
    z-index: 2
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 img.sq02 {
    top:10px;
    left:45px;
    z-index: 1;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 .circle.lg {
    top: 16px;
    left: 77px;
    width: 490px;
    height: 490px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc02 .circle.sm {
    bottom: 0;
    right: -50px;
    width: 291px;
    height: 291px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc02.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc02.on .circle.lg {
    opacity: .12
}

.home section.section-02 .main-functions .img-area .img-slot.acc02.on .circle.sm {
    opacity: .08
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 img.sq01 {
    top: 0;
    left: -48px;
    z-index: 2
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 img.sq02 {
    top: 0px;
    left: 0px;
    z-index: 1;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 .circle.lg {
    top: 0;
    right: 0;
    width: 459px;
    height: 459px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc03 .circle.sm {
    bottom: 90px;
    left: -30px;
    width: 191px;
    height: 191px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc03.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc03.on .circle.lg {
    opacity: .12
}

.home section.section-02 .main-functions .img-area .img-slot.acc03.on .circle.sm {
    opacity: .08
}




.home section.section-02 .main-functions .img-area .img-slot.acc04 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc04 img.sq01 {
    top: 70px;
    left: 0;
    z-index: 1
}

.home section.section-02 .main-functions .img-area .img-slot.acc04 img.sq02 {
    top: 10px;
    left: 60px;
    z-index: 1;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc04 img.sq03 {
    top: 280px;
    left: 280px;
    z-index: 1;
    transition-delay: .2s
}

.home section.section-02 .main-functions .img-area .img-slot.acc04 img.sq04 {
    top: 355px;
    left: 0;
    z-index: 1;
    transition-delay: .2s
}

.home section.section-02 .main-functions .img-area .img-slot.acc04 .circle {
    position: absolute;
    display: inline-block;
    z-index: 0;
    top: 10px;
    right: 300px;
    width: 300px;
    height: 300px;
    border-radius: 20%;
    background-color: #89c1f5;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc04.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc04.on .circle {
    opacity: .2
}




.home section.section-02 .main-functions .img-area .img-slot.acc05 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 img.sq01 {
    top: 0;
    left: -48px;
    z-index: 1
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 img.sq02 {
    top: 40px;
    width: 100%;
    left: 9%;
    z-index: 2;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 img.cl01 {
    top: 202px;
    right: 90px;
    z-index: 3;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 .circle.lg {
    top: 11px;
    right: -6%;
    width: 503px;
    height: 503px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc05 .circle.sm {
    bottom: 69px;
    left: 40px;
    width: 275px;
    height: 275px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc05.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc05.on .circle.lg {
    opacity: .2
}

.home section.section-02 .main-functions .img-area .img-slot.acc05.on .circle.sm {
    opacity: .2
}




.home section.section-02 .main-functions .img-area .img-slot.acc06 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc06 img.sq01 {
    top: 0;
    right: 48px;
    z-index: 1
}

.home section.section-02 .main-functions .img-area .img-slot.acc06 img.sq02 {
    top: 80px;
    left: 47px;
    z-index: 2;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc06 .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc06 .circle.lg {
    top: 50px;
    left: 38px;
    width: 400px;
    height: 400px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc06 .circle.sm {
    bottom: 0;
    right: -60px;
    width: 265px;
    height: 265px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc06.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc06.on .circle.lg {
    opacity: .12
}

.home section.section-02 .main-functions .img-area .img-slot.acc06.on .circle.sm {
    opacity: .2
}




.home section.section-02 .main-functions .img-area .img-slot.acc07 img {
    position: absolute;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc07 img.sq01 {
    top: 0;
    right: 48px;
    z-index: 1
}

.home section.section-02 .main-functions .img-area .img-slot.acc07 img.sq02 {
    top: 30px;
    left: 73px;
    z-index: 2;
    transition-delay: .1s
}

.home section.section-02 .main-functions .img-area .img-slot.acc07 .circle {
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0
}

.home section.section-02 .main-functions .img-area .img-slot.acc07 .circle.lg {
    top: 20px;
    left: 51px;
    width: 400px;
    height: 400px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc07 .circle.sm {
    bottom: 54px;
    right: -73px;
    width: 265px;
    height: 265px;
    border-radius: 20%;
    background-color: #89c1f5;
}

.home section.section-02 .main-functions .img-area .img-slot.acc07.on img {
    opacity: 1;
    transform: translateY(5px)
}

.home section.section-02 .main-functions .img-area .img-slot.acc07.on .circle.lg {
    opacity: .12
}

.home section.section-02 .main-functions .img-area .img-slot.acc07.on .circle.sm {
    opacity: .2
}




    
    
    /* --------------------------------------------------------------------  1199  -------------------------------------------------------------------- */
        @media screen and (max-width: 1199px){
            .home section.section-02 .main-functions .img-area .img-slot{
                width: 100%;
                height: 100%;
            }
                .home section.section-02 .main-functions .img-area .img-slot img{
                width: 100%;

            }
            .home section.section-02 .main-functions .img-area .img-slot.acc01 .circle{
                width: 50%;
                height: 30%;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc02 .circle.sm{
                width: 40%;
                height: 25%;
                bottom: 30%;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc02 .circle.lg{
                top: 5%;
                left: 10%;
                width: 80%;
                height: 50%;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc03 .circle.lg{
                left: 10%;
                top: 35px;
                width: 48%;
                height: 30%;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc03 .circle.sm{
                bottom: 47%;
                left: 49%;
                width: 60%;
                height: 39%;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc04 .circle.lg{
                top: 58px;
                width: 250px;
                left: 30px;
                height: 250px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc04 .circle.sm{
                top: 173px;
                width: 300px;
                right: -58px;
                height: 300px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc05 .circle.lg{
                width: 150px;
                height: 150px;
                top: 91px;
                right: -54px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc05 .circle.sm {
                bottom: 302px;
                left: 24px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc06 .circle.lg{
                top: 115px;
                width: 250px;
                height: 250px;
                left: 30px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc06 .circle.sm{
                top: 225px;
                right: -70px;
                width: 300px;
                height: 300px;
            }
            
            
            ///////////////////
            .home section.section-02 .main-functions .img-area .img-slot.acc07 .circle.lg{
                top: 115px;
                width: 250px;
                height: 250px;
                left: 30px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc07 .circle.sm{
                top: 225px;
                right: -70px;
                width: 300px;
                height: 300px;
            }
            ////////////////////////
            
            .home section.section-02 .main-functions .img-area .img-slot.acc04 img.sq02{
                top: 81px;
                left: 47px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc05 img.sq02{
                top: 118px;
                left: 50px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc06 img.sq02{
                
                top: 140px; 
                left: 40px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc01.on img{
                right: -53px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc02 img.sq02{
                top: 40px;
                left: 51px;
            }
            .home section.section-02 .main-functions .img-area .img-slot.acc03 img.sq02{
                top: 26px;
                left: 20px;
            }
    
    }
    
    
/* --------------------------------------------------------------------  991  -------------------------------------------------------------------- */

    @media screen and (min-width: 991px){

.home section.section-02 .main-functions .function-list .item .desc img {
        display: none;}    
    }
    
/* --------------------------------------------------------------------  768  -------------------------------------------------------------------- */
@media screen and (max-width: 991px){
   .home section.section-02 .main-functions .img-area {
    display: none;
    width: 0;
    flex: 0 0 660px
} 
    .home section.section-02 .main-functions{
        display: block;
    }
    .onepage-section{
        height: 1315px;
    }
    }


@media screen and (max-width: 768px){


    
    .home section.section-02 .main-functions {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 40px auto 0;
    padding-bottom: 80px
}

    .home section.section-02 .main-functions .function-list {
    flex:100%;
    padding: 40px 0
}
    
    
    .home section.section-02 .main-functions .function-list .item.on .desc {
    padding-top: 16px;
    height: 100%;
}
    
    
    .home section.section-02 .main-functions .function-list .item {
    padding: 10px 0 24px 5px;
    border-bottom: 1px solid #dddddd
}
    
    
    .home section.section-02 .main-functions .function-list .item .desc{
        font-size:12px;
        line-height: 2em;
        
    }
    
    
}




/*에드업 연혁 끝*/











.business_section .swiper-slide ul{display:flex; flex-wrap:wrap;}
.business_section .swiper-slide ul li{width:calc(100% / 6); text-align:center;}
.business_section .swiper-slide ul li img{display:inline-block;}
.business_section .swiper-btnBox{position:absolute; top:-116px; right:0; width:120px;}
.business_section .swiper-btnBox .swiper-button-prev, .business_section .swiper-btnBox .swiper-button-next{width:55px; height:55px; border:1px solid #156fe1; border-radius:50%;}
.business_section .swiper-btnBox .swiper-button-prev{left:0;}
.business_section .swiper-btnBox .swiper-button-next{right:0;}
.business_section .swiper-btnBox .swiper-button-prev::after{content:''; width:10px; height:17px; background:url(/images/main/swiper_prev.png) no-repeat; background-color:#fff;}
.business_section .swiper-btnBox .swiper-button-next::after{content:''; width:10px; height:17px; background:url(/images/main/swiper_next.png) no-repeat; background-color:#fff;}




@media screen and (max-width: 768px){

    .business_section .swiper-slide ul li{width:calc(100% / 3);}

    .business_section .swiper-btnBox{display:none;}
}


    #background-img02{width: 100%; height: 100%; background:url(/images/main/background-img02.jpg) no-repeat center / cover;}

.section02{padding:120px 0 0;}
.section02 .sec_title{ font-weight:600; text-align:center; padding:300px 0 70px;}
.section02 .sec_title .en{ display: block;
    font-size: 20px;
    font-weight: 700;
    color: #184ea1;
    letter-spacing: -.5px;
    margin-bottom: 10px}
.section02 .sec02_cont{height:550px; background:url(/images/main/sec02_bg01.jpg) no-repeat center / cover; transition:all .8s; border-radius: 20px;}
.section02 .sec02_cont ul{display:flex; flex-wrap:wrap; height:100%;}
.section02 .sec02_cont ul li{width:calc(100% / 3); list-style: none; border-right:1px solid rgb(255, 255, 255 , .1);}
.section02 .sec02_cont ul li a{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; position:relative;}
.section02 .sec02_cont ul li .txt_box{transition:all .3s; position:relative;}
.section02 .sec02_cont ul li .txt_box::after{content:''; width:1px; height:20px; background-color:rgb(255, 255, 255 , .3); position: absolute; top: calc(100% + 20px); left:50%; transform:scale(0,1) translateX(-50%); transition:all .3s;}
.section02 .sec02_cont ul li .txt_box h4{color:#fff; margin-bottom: 10%; font-weight: 600; font-size:50px; font-family: 'Inter', sans-serif; text-align:center; transition:all .3s;}
.section02 .sec02_cont ul li .txt_box p{color:rgb(255 , 255 , 255 , .6); font-size:20px; margin-bottom: -3%; text-align:center;}
.section02 .sec02_cont ul li .sub_txt{text-align:left; color:rgb(255, 255 ,255 , .8); margin: 0 10%; font-size:13.5px; position:absolute; top:50%; opacity:0; visibility:hidden; transition:all .3s;}
.section02 .sec02_cont ul li .view_btn{background-color:#156fe1; color:#fff; padding:12px 20px; border-radius:10px; position:absolute; bottom:10%; opacity:0; visibility:hidden; transition:all .3s;}


@media screen and (min-width: 992px){
    .section02 .sec02_cont ul li .txt_box .sub_text {display: none;}
    .section02 .sec02_cont ul li:hover .txt_box{transform:translateY(-120px);}
    .section02 .sec02_cont ul li:hover .txt_box h4{font-size:30px;  margin-bottom: 4%;}
    .section02 .sec02_cont ul li:hover .txt_box::after{transform:scale(1,1);}
    .section02 .sec02_cont ul li:hover .sub_txt{top:46%; opacity:1; visibility:visible;}
    .section02 .sec02_cont ul li:hover .view_btn{opacity:1; visibility:visible;}
    .section02 .sec02_cont ul li:hover .view_btn:hover{background-color:#0e54ae;}
}

    .main_section .section02{
        height: 941px;
        background: url("/images/main/sec02_bg01.jpg") center center / cover no-repeat;
    }


@media screen and (max-width: 991px) {
    
    .main_section section02{
        height: 1200px;
        background:none;
    }
    
    .section02 .sec02_cont{
        height:1200px;
        background:none;
        transition:all .8s;
        border-radius: 20px;
    }
    .section02_background_img{
        display: none;
    }
    
    .section02 .sec02_cont ul {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
    
        flex-direction: column;
        align-items: center;
    }
    .section02 .sec02_cont ul li {
        width: 100%;
        height: 33.33%;
        list-style: none;
            border-radius: 30px;
        border-right: none;
        border-bottom: 1px solid rgb(255, 255, 255, .1);
    }
    .section02 .sec02_cont ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 90%;
    
        position: relative;
    }
    .section02 .sec02_cont ul li .txt_box {
        transition: all .3s;
        position: relative;
        width: 100%;
        
    }
    .section02 .sec02_cont ul li .txt_box::after {
        content: '';
        width: 1px;
        height: 20px;
        background-color: rgb(255, 255, 255, .3);
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        transform: scale(0, 1) translateX(-50%);
        transition: all .3s;
    }
    .section02 .sec02_cont ul li .txt_box h4 {
        color: #fff;
        margin-bottom: 4%;
        font-weight: 600;
        font-size: 35px;
        font-family: 'Inter', sans-serif;
        text-align: center;
        transition: all .3s;
    }
    .section02 .sec02_cont ul li .txt_box p {
        color: rgb(255, 255, 255, .6);
        font-size: 15px;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .section02 .sec02_cont ul li .txt_box .sub_text{
        color: white;
        font-size: 13.5px;
        margin: 15px 8% 5% 8%;
    }
    .section02 .sec02_cont ul li .sub_txt {
        text-align: left;
        color: rgb(255, 255, 255, .8);
        font-size: 18px;
        position: absolute;
        top: 50%;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }
    .section02 .sec02_cont ul li .view_btn {
        background-color: #156fe1;
        color: #fff;
        padding: 12px 20px;
        border-radius: 10px;
        position: absolute;
        bottom: -4%;
        opacity: 1;
        visibility: visible;
        transition: all .3s;
    }





    .section02 .sec02_cont ul li:nth-child(1) {
        background: url(/images/main/sec02_bg00.jpg) no-repeat center / cover;
        background-size : cover;
    }
    .section02 .sec02_cont ul li:nth-child(2) {
        background: url(/images/main/sec02_bg02.jpg) no-repeat center / cover;
        background-size : cover;
    }
    .section02 .sec02_cont ul li:nth-child(3) {
        background: url(/images/main/sec02_bg03.jpg) no-repeat center / cover;
        background-size : cover;
    } 


    
}




.section03{padding:120px 0 0; background-color:#f4f7fc;}
.section03 .sec03_cont{padding:100px 0 0;}
.section03 .sec03_cont .flex{display:flex; flex-wrap:wrap;}
.section03 .sec03_cont .left{width:32%;}
.section03 .sec03_cont .left .txt_box{padding-left:90px; margin-bottom:100px;}
.section03 .sec03_cont .left h3{font-size:46px; line-height:1.2; font-weight:800;}
.section03 .sec03_cont .left h3 em{display:block; font-size:52px; font-weight:800; color:#156fe1; font-family: 'Inter', sans-serif;}
.section03 .sec03_cont .left p{font-size:20px; color:#666; font-family: 'Inter', sans-serif;}
.section03 .sec03_cont .right{width:calc(100% - 480px); padding-left:9%}
.section03 .sec03_cont .right h3{text-align:center; font-size:34px; font-weight:800; margin-bottom:34px;}










.section04 {
  position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.section04 .inner {
    position: relative;
    height: 310px;
    z-index: 3;
/*    padding: 20px 47px;*/
}

.section04:after {
display: none;
    /*
  content: "";
  position: absolute;
  right: 0;
  top: 73px;
  width: 50.416%;
  height: 300px;
    border-radius: 30px;
  background-color: #f5f5f5;
*/
}

.section04 .inner:after {
    content: "";
    position: absolute;
    top: -14px;
    width: 1000px;
    border-radius: 5%;
    height: 730px;
    background-color: #f5f5f5;
    left: 50%;
    transform: translate(-50%, 0%);
}
    

.section04 h2 {
  position: absolute;
  left: 546px;
  top: 21px;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
  z-index: 10;
}

.section04 h2 span {
  color: #0069ff;
}

.section04 .slider {
  max-width: 1200px;
  position: relative;
  padding: 20px 40px;
}

.section04 .thumb_list {
    position: absolute;
/*
    left: 0;
    top: 0;
*/
    width: 450px;
    height: 300px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
}
    

    
    

.section04 ul {
  padding-left: 480px;
  position: relative;
    border-radius: 30px;
  z-index: 10;
}

.section04 ul li {
  display: none;
}

.section04 ul li.active {
  display: block;
}

.section04 ul li a {
  display: block;
}

.section04 ul li > a > span {
  display: block;
  padding-top: 120px;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #184ea1;
}

.section04 ul li a > strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
  padding-top: 10px;
}

.section04 ul li a > p {
  font-size: 16px;
  line-height: 23px;
  color: #373737;
  padding-top: 10px;
  height: 94px;
  overflow: hidden;
}

.section04 .btn_more {
  position: absolute;
  left: 480px;
  top: 250px;
  z-index: 10;
}

.section04 .btn_more span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  padding-top: 0;
  color: #156fe1;
  padding-right: 24px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    right 7px / 12px auto no-repeat;
}

.section04 .btn_perv {
  position: absolute;
  left: 775px;
  top: 220px;
  width: 55px;
    border: 0px;
  height: 55px;
    margin-top: 2%;
  background: #184ea1
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_01.png")
    center / 25px auto no-repeat;
  overflow: hidden;
    border-radius: 50px;
  text-indent: -999px;
  display: block;
  z-index: 11;
}

.section04 .btn_next {
  position: absolute;
  left: 839px;
  top: 220px;
  width: 55px;
    border: 0px;
  height: 55px;
    margin-top: 2%;
  background: #184ea1
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_01.png")
    center / 25px auto no-repeat;
  overflow: hidden;
      border-radius: 50px;
  text-indent: -999px;
  display: block;
  z-index: 11;
}

.section04 .btn_perv:hover,
.section04 .btn_next:hover {
  background-color: #0a3981;
}

.section04 .inner .swiper-pagination {
    display: none;
  right: auto;
  left: 15px;
  z-index: 10;
  top: 318px;
  width: auto;
}

.section04 .inner .swiper-pagination span {
  border-radius: 0;
  background-color: #fff;
  opacity: 1;
}

.section04 .inner .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0069ff;
}
      .section04 .detail {

    padding-bottom: 30px;
      border-radius: 30px;
  }



@media screen and (max-width: 1300px) {
    .section04 .inner {
        top: -40px;  /*추가*/
    max-width: none;
    height: auto;
    margin-bottom: 30px;
  }

  .section04 h2 {
    position: relative;
    left: 0;
    text-align: center;
    top: 0;
    margin-bottom: 40px;
  }

  .section04 .slider {
    max-width: none;
    position: relative;
    padding: 0px 0px;
  }

  .section04 .thumb_list {
    position: relative;
    width: auto;
    margin: 0 30px;
    height: auto;
    z-index: 11;
  }

  .section04 .thumb_list .swiper-slide {
    width: 100%;
  }

  .section04 .thumb_list .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .section04 .inner .swiper-pagination span {
    background-color: #bebebe;
  }

  .section04 .btn_perv,
  .section04 .btn_next {
    left: -999px;
    right: auto;
  }

  .section04:after {
    top: 388px;
    width: 100%;
    z-index: 2;
    height: 50%;
  }

  .section04 .inner:after {
    display: none;
  }

  .section04 ul {
    padding-left: 0;
    margin: 0 10px;
  }

  .section04 ul li a > span {
    padding-top: 20px;
    font-size: 20px;
    line-height: 29px;
  }

  .section04 ul li a > strong {
    font-size: 24px;
    line-height: 35px;
    padding-top: 10px;
  }

  .section04 ul li a > p {
    padding-top: 10px;
    font-size: 20px;
    line-height: 29px;
    height: auto;
    margin-bottom: 30px;
  }

  .section04 ul li a > p br {
    display: none;
  }

  .section04 .btn_more {
    max-width: 543px;
    position: static;
  }

  .section04 .btn_more a {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
      border-radius: 500px;
    color: #0069ff;
    padding-right: 30px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
      right 8px / 18px 15px no-repeat;
  }

  .section04 .detail {
    background-color: #f5f5f5;
    border-radius: 30px;
    padding: 20px 40px 35px 40px;
  }

  .section04 .inner .swiper-pagination {
    right: auto;
    left: 0;
    width: 100%;
    bottom: 50px;
    top: auto;
  }


}

@media screen and (max-width: 768px) {

    .section04 .inner {
    margin-bottom: 70px;
    z-index: 3;
        padding: 0px, 0px !important;
  }

  .section04:after {
    display: none;
  }

  .section04 h2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 29px;
  }

  .section04 .detail {
    background-color: #f5f5f5;
    padding: 0 20px 30px;
  }

  .section04 .btn_more,
  .section04 ul {
    margin: 0;
  }

  .section04 ul li a > span {
    padding-top: 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .section04 ul li a > strong {
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
  }

  .section04 ul li a > p {
    padding-top: 10px;
    font-size: 16px;
    line-height: 23px;
    height: auto;
    margin-bottom: 20px;
  }

  .section04 ul li a > p br {
    display: none;
  }

  .section04 .thumb_list {
    margin: 0;
  }

  .section04 .btn_more a {
    font-size: 16px;
    line-height: 23px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
      right 4px / 18px 15px no-repeat;
  }

  .section04 .inner .swiper-pagination {
    bottom: 30px;
  }
  
}





/*
.swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25%;
}

.swiper-slide img {
  width: 100%;
  height: auto;
}

.swiper-slide h2 {
  margin-top: 10px;
}

.butten_perv {
  position: absolute;
  left: 365px;
  top: 348px;
  width: 60px;
  height: 60px;
  background: #0069ff
    url("")
    center / 18px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 4;
}

.butten_next {
  position: absolute;
  left: 426px;
  top: 348px;
  width: 60px;
  height: 60px;
  background: #0069ff
    url("")
    center / 18px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 4;
}


.butten_perv:hover,
.butten_next:hover {
  background-color: #2346a0;
}



@media screen and (max-width: 1300px) {
    .butten_perv,
    .butten_next {
        left: -999px;
        right: auto;
    }
}
*/

    
.layer_pc {
    position: relative;
    z-index: 1100;
    width: 438px;
    border: 1px solid #393d46;
    background-color: #fff;
}
.layer_pc .l_tit {
    position: relative;
    height: 55px;
    background-color: rgba(62,86,158, 1);
    line-height: 55px;

}
.layer_pc .l_tit .title {
    padding: 13px 23px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -.06em;
}
.layer_pc .l_cont {
    display: table;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.layer_pc .l_cont .lc_inner.center {
    text-align: center;
}
.layer_pc .l_cont .lc_inner {
    padding: 44px 15px 45px;
}
.layer_pc .l_cont .lc_tt {
    margin-top: 2px;
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 16px;
    color: #111;
    line-height: 24px;
    letter-spacing: -.5px;
}
.layer_pc .l_cont .lc_tt+.lc_tt {
    margin-top: 0;
}
.layer_pc .l_cont .point_text {
    font-size: 22px;
    color: #00c73c;
}
strong {
    font-weight: bold;
}
.layer_pc .l_cont .lc_ts {
    font-size: 14px;
    color: #45484f;
    line-height: 24px;
    letter-spacing: -.5px;
}
.layer_pc .l_btns {
    padding: 20px 0;
    border-top: 1px solid #dedede;
    text-align: center;
    font-size: 0;
}

.layer_pc .l_btns .btn {
    display: inline-block;
    height: 35px;
    padding: 0 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d8dbde;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    color: #5c6676;
    letter-spacing: -.06em;
    vertical-align: top;
}
.layer_pc .l_btns .btn_theme {
    border: 0;
    background-color: #222;
    color: #fff;
}


.tab_btn{margin-bottom:30px;}
.tab_btn ul{display:flex; justify-content:center; gap:10px;}
.tab_btn ul li button{border:0; outline:none; width:200px; background-color: #fff; border-bottom: 1px solid #ccc;  color:#7f8c9f; padding:5px 0; font-size: 35px; font-weight: 700;}
.tab_btn ul li.active button{ color:#000;}
.tab_visual .tab_cont{height:362px; overflow-y:auto; display:none;}
.tab_visual .tab_cont.on{display:block;}
.tab_visual .tab_cont h4{font-weight:500; padding-bottom:12px; font-size: 13px; border-bottom:2px solid #888;}
.tab_visual .tab_cont h4 em{color:#e42222; margin-right:4px;}
.tab_visual .tab_cont .tab_box{padding:20px 0 0;}
.tab_visual .tab_cont .tab_box h5{padding:20px 0 10px; color:#156fe1; border-bottom:2px solid #156fe1; display:inline-block; margin-bottom:10px;}
.tab_visual .tab_cont .tab_box dl dt em{color:#e42222; margin-left:2px;}
.tab_visual .tab_cont .tab_box ul{display:flex; flex-wrap:wrap; padding: 0 3%; column-gap:20px;}
.tab_visual .tab_cont .tab_box ul li{width:calc(50% - 20px);}
.tab_visual .tab_cont .tab_box ul li dl{display:flex; align-items:center; padding:3% 0;}
.tab_visual .tab_cont .tab_box ul li dl dt{width:124px; font-weight:bold;}
.tab_visual .tab_cont .tab_box ul li dl dd{width:calc(95%);}
.tab_visual .tab_cont .tab_box ul li dl dd .input_box input{ border:0; outline:none; background-color:transparent; padding-bottom:2%;}
.tab_visual .tab_cont .tab_box ul li dl dd .input_box .id_pw{ width: 25%; }
.tab_visual .tab_cont .tab_box ul li dl dd .input_box{ border-bottom:1px solid #d9dee4;}

.tab_visual .tab_cont .tab_box ul li dl dd .input_box input::placeholder{font-size:12px; color:#8b8b8b;}
.tab_visual .tab_cont .tab_box .check_input{padding:14px 0;}
.tab_visual .tab_cont .tab_box .check_input dl{display:flex;}
.tab_visual .tab_cont .tab_box .check_input dl dt{width:124px; font-weight:500;}
.tab_visual .tab_cont .tab_box .check_input dl dd{width:calc(100% - 124px); display:flex; align-items:center; column-gap:28px;}
.tab_visual .tab_cont .tab_box .check_input dl dd .check_input{padding:14px 0;}
.check_box{display:flex; align-items:center; position:relative;}
.check_box .check_btn{position:relative;width:18px;height:18px;background-color:#fff;border:1px solid #b3b8bf;border-radius:50%;margin-right:10px; margin-bottom: 6px;}
.check_box .check_btn::after{content:''; width:100%; height:100%; position:absolute; background:url(../img/main_check.png) no-repeat center; display:none;}
.check_box input{z-index: 2;position:absolute; top:2px; left:0; opacity:0;width: 18px;height: 18px;cursor: pointer;}
.check_box input:checked ~ .check_btn{background-color:#156fe1;border-color:#156fe1;}
.check_box input:checked ~ .check_btn::after{display:block;}
.check_box label{cursor: pointer; font-weight:500;}
.tab_visual .tab_cont .tab_box .inquiry_input{padding:2% 3%;}
.tab_visual .tab_cont .tab_box .inquiry_input dl{display:flex; align-items:center;}
.tab_visual .tab_cont .tab_box .inquiry_input dl dt{width:124px; }
.tab_visual .tab_cont .tab_box .inquiry_input dl dd{width:calc(100% - 124px);}
.tab_visual .tab_cont .tab_box .inquiry_input dl dd input{font-size: 16px; border: 0; outline: none; background-color: transparent; border-bottom: 1px solid #d9dee4; padding-bottom:14px;}
.privacy_check{display:flex; justify-content:space-between; align-items:center; margin-top:40px;}
.privacy_check label em{font-size:14px; color:#156fe1; margin-left:6px; font-style: normal; font-weight: bold;}
.privacy_check .submit input{background-color:#156fe1; color:#fff; border:0; padding:13px 54px; border-radius:25px; font-size:16px; font-weight:500;}
.main_footer{height:auto !important;}

.count_section{background:url(/images/main/count_section.jpg) no-repeat center / cover; padding:120px 0 0;}
.count_section .count_wrap{height:100%; border-top:1px solid rgb(255, 255, 255, .1); position:relative;}
.count_section .count_wrap .inner{height:100%;}
.count_section .count_wrap h2{position:absolute; top:120px; left:50%; transform:translateX(-50%); text-align:center; font-size:40px; color:#fff; font-weight:600;}
.count_section .count_wrap ul{display:flex; flex-wrap:wrap; height:100%;}
.count_section .count_wrap ul li{width:calc(100% / 4); border-left:1px solid rgb(255, 255, 255, .1); text-align:center; padding:400px 0 0;}
.count_section .count_wrap ul li:last-child{border-right:1px solid rgb(255, 255, 255, .1);}
.count_section .count_wrap ul li .count_number{font-size:50px; color:#fff; display:flex; align-items:center; justify-content:center;}
.count_section .count_wrap ul li .count_number em{font-size:60px; font-weight:700;}
.count_section .count_wrap ul li .count_item p{font-size:20px; color:rgb(255, 255, 255, .8); margin-top:50px;}
.count_section .count_wrap ul li .count_item img{margin:0 auto;}

.business_section{padding:120px 0 0;}
.business_section h2{font-size:54px; font-weight:800; text-align:center; padding: 110px 0 70px;}
.business_section h2 em{color:#156fe1;}
.business_section .business_swiper{ position:relative;}
.business_section .business_swiper .swiper{overflow:hidden;}
.business_section .swiper-slide ul{display:flex; flex-wrap:wrap;}
.business_section .swiper-slide ul li{width:calc(100% / 6); text-align:center;}
.business_section .swiper-slide ul li img{display:inline-block;}
.business_section .swiper-btnBox{position:absolute; top:-116px; right:0; width:120px;}
.business_section .swiper-btnBox .swiper-button-prev, .business_section .swiper-btnBox .swiper-button-next{width:55px; height:55px; border:1px solid #156fe1; border-radius:50%;}
.business_section .swiper-btnBox .swiper-button-prev{left:0;}
.business_section .swiper-btnBox .swiper-button-next{right:0;}
.business_section .swiper-btnBox .swiper-button-prev::after{content:''; width:10px; height:17px; background:url(/images/main/swiper_prev.png) no-repeat; background-color:#fff;}
.business_section .swiper-btnBox .swiper-button-next::after{content:''; width:10px; height:17px; background:url(/images/main/swiper_next.png) no-repeat; background-color:#fff;}



    /* quick */
.quick_menu{position:fixed;bottom:30px;right:60px;z-index: 20;}
.quick_menu ul li{width:70px; height:70px; border-radius:10px; position:relative; display:flex; transition:all .3s; margin-bottom:10px; cursor: pointer;}
.quick_menu ul li .img_box{width:70px; height:70px; border-radius:10px; position:absolute; display:flex; align-items:center; right:0; transition:all .3s;}
    .quick_menu ul li a .img_box{width:70px; height:70px; border-radius:10px; position:absolute; display:flex; align-items:center; right:0; transition:all .3s;}
.quick_menu ul li p{text-align:right; line-height:70px; width:100px; font-size:12px; opacity:0; visibility:hidden; padding-right:20px; transition:all .3s; font-weight:600; position:relative; z-index: 10;}
    .quick_menu ul li a p{text-align:left; line-height:70px; width:100px; font-size:12px; opacity:0; visibility:hidden; padding-right:20px; transition:all .3s; font-weight:600; position:relative; z-index: 10;}
.quick_menu ul li:nth-child(1){background-color:#156fe1;}
.quick_menu ul li:nth-child(1) p{color:#fff;}
.quick_menu ul li:nth-child(1) .img_box{background-color:#156fe1;}
.quick_menu ul li:nth-child(1) .img_box img{position:absolute; left:20px;}
.quick_menu ul li:nth-child(2) .img_box img{position:absolute; left:20px;}
.quick_menu ul li:nth-child(2) .img_box{background-color:#32b44a;}
.quick_menu ul li:nth-child(2) p{color:#fff;}
.quick_menu ul li:nth-child(3) .img_box img{position:absolute; left:24px;}
.quick_menu ul li:nth-child(3) .img_box{background-color:#156fe1;}
.quick_menu ul li:nth-child(3) p{color:#fff;}
.quick_menu ul li:nth-child(4) .img_box{background-color:#156fe1; justify-content:center;}
.quick_menu ul li:nth-child(5){justify-content:center; align-items:center;}
.quick_menu ul li:nth-child(5) span{color:#111; position:relative; font-weight:600; transition:all .3s;}
.quick_menu ul li:nth-child(5) span::after{content:''; border: 5px solid transparent; border-bottom: 5px solid #111; position:absolute; top:-15px; left:50%; transform:translateX(-50%); transition:all .3s;}
.quick_menu.white ul li:nth-child(5) span{color:#fff;}
.quick_menu.white ul li:nth-child(5) span::after{border-bottom: 5px solid #fff;}

@media screen and (min-width: 768px){
    .quick_menu ul li:hover .img_box{width:150px;}
    .quick_menu ul li:hover a .img_box{width:150px;}
    .quick_menu ul li:hover p{opacity:1; visibility:visible;}
    .quick_menu ul li:hover a p{opacity:1; visibility:visible;}
    .quick_menu ul li:nth-child(4):hover .img_box{width:70px;}
    .quick_menu ul li.call{display:none;}
    .br_style{float: right;}
}

@media screen and (max-width: 768px){
    .quick_menu ul li a .img_box{width:40px; height:40px; border-radius:10px; position:absolute; display:flex; align-items:center; right:0; transition:all .3s;}
    .quick_menu ul li .img_box{width:40px; height:40px; border-radius:10px; position:absolute; display:flex; align-items:center; right:0; transition:all .3s;}
    .quick_menu{right:20px; bottom:20px;}
    .quick_menu ul li{width:30px; height:30px; margin-bottom: 30%;}
    .quick_menu ul li .img_box img{position:relative; left:auto !important; transform: scale(.8);}
/*    .quick_menu ul li.inquiry_popBtn{display:none;}*/
    .quick_menu ul li span{margin-right: 0%; margin-top: 70%;}
    .quick_menu ul #callopendiv{display:none;}
}


@media screen and (max-width: 1500px){
    .main_footer{display:none;}
    .main_section{height:auto !important;}
    .section01{height:100vh !important;}

}

@media screen and (max-width: 1300px){
    .section03 .sec03_cont .left{width:100%; display:flex; align-items: center;}
    .section03 .sec03_cont .left .txt_box{margin-bottom:0;}
    .section03 .sec03_cont .left h3{font-size:34px;}
    .section03 .sec03_cont .left h3 em{font-size:34px;}
    .section03 .sec03_cont .left .img_box{transform: scale(.8);}
    .section03 .sec03_cont .right{width:100%; padding-left:0;}
}

@media screen and (max-width: 1024px){
    .section01 .main_tit h2{font-size:54px;}
    .section01 .main_tit p{font-size:20px;}
    .section02 .sec_title{font-size:34px;}
}

@media screen and (max-width: 768px){
    .section01 .main_tit h2{font-size:26px;}
    .section01 .main_tit p{font-size:13px;}
    .section01 .scroll_iconAnimation p{font-size:12px;}
    .section02{padding:30px 0 0;}
    .section02 .sec_title{font-size:22px; padding:30px 0; padding-top: 280px;}
    .section02 .sec02_cont{height:auto;}
    .section02 .sec02_cont ul li{width:100%;}
    .section02 .sec02_cont ul li a{padding:30px 0; border-bottom:1px solid rgb(255, 255 ,255 , .1);}
    .section02 .sec02_cont ul li .txt_box{transform: translateY(0);}
    .section02 .sec02_cont ul li .sub_txt{opacity: 1; visibility: visible; font-size:14px; position:unset;}
    .section02 .sec02_cont ul li .view_btn{opacity: 1; visibility: visible; position:relative; bottom:auto;}
    .section02 .sec02_cont ul li .txt_box::after{display:none;}
    .section02 .sec02_cont ul li .txt_box h4{font-size:20px;}
    .section02 .sec02_cont ul li .txt_box p{font-size:16px; margin-bottom:10px;}
    .section02 .sec02_cont ul li .view_btn{font-size:14px; padding:8px 14px; margin-top:15px;}
    .section03{padding:60px 0 0;}
    .section03 .sec03_cont{padding:0;}
    .section03 .sec03_cont .flex{row-gap: 30px;}
    .section03 .sec03_cont .left{justify-content: center;}
    .section03 .sec03_cont .left .txt_box{padding-left:0; text-align: center;}
    .section03 .sec03_cont .left .txt_box h3{font-size:22px;}
    .section03 .sec03_cont .left .txt_box h3 em{font-size:22px;}
    .section03 .sec03_cont .left p{font-sizE:16px;}
    .section03 .sec03_cont .left .img_box{display:none;}
    .section03 .sec03_cont .right h3{font-size:22px;}
    .tab_visual .tab_cont h4{font-size:14px;}
    .tab_visual .tab_cont .tab_box ul li{width:100%;}
    .tab_visual .tab_cont .tab_box ul li dl{padding:10px 0;}
    .tab_visual .tab_cont .tab_box ul li dl dt{font-size:14px; width:100px;}
    .tab_visual .tab_cont .tab_box ul li dl dd{width:calc(100% - 100px);}
    .tab_visual .tab_cont .tab_box ul li dl dd .input_box input::placeholder{font-size:12px;}
    .tab_visual .tab_cont .tab_box .check_input dl dt{width:100px; font-size:14px;}
    .tab_visual .tab_cont .tab_box .check_input dl dd{width:calc(100% - 100px); column-gap: 10px;}
    .tab_visual .tab_cont .tab_box .inquiry_input dl dt{font-weight: 800; font-size: 13px; width: 25%; }
    .tab_visual .tab_cont .tab_box .inquiry_input dl dd{width:calc(100% - 100px); font-size:12px;}
    .tab_visual .tab_cont .tab_box .inquiry_input dl dd input::placeholder{font-size:12px;}
    .privacy_check{display:block; margin-top:30px; padding-bottom:30px;}
    .privacy_check .submit input{padding:8px 24px; font-size:12px;}
    .check_box{margin-bottom:10px; justify-content: center;}
    .check_box .check_btn{width:14px; height:14px;}
    .check_box label{font-size:12px;}
    .privacy_check label em{font-size:12px;}
    .privacy_check .submit{text-align:center;}
    .tab_btn{margin-bottom:30px;}
    .tab_btn ul{}
    .tab_btn ul li button{width:110px; font-size:22px; font-weight: 600; padding:10px 0;}
    .quick_menu{right:20px; bottom:20px;}
    .quick_menu ul li{width:40px; height:40px;}
    .quick_menu ul li .img_box{width:40px; height:40px; justify-content: center;}
    .quick_menu ul li .img_box img{position:relative; left:auto !important; transform: scale(.8);}

}




    /* 팝업레이어 */
    #hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%; max-width:970px;height:0}
    #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
    .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
    .hd_pops_con {}
    .hd_pops_con p{word-break: break-all;}
    .hd_pops_con p{word-break: break-all;}
    .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right; overflow:hidden;}
    .hd_pops_footer button {margin-right:5px;padding:2px 10px;border:0;background:#000; font-size:12px;color:#fff; float:left;}
    .hd_pops_footer button:last-child{float:right;}
	img{max-width:100%;}
	@media screen and (max-width:970px){
		#hd_pop div.hd_pops{left:0 !important; width:50%;}
		#hd_pop div.hd_pops:nth-child(2n){left:50% !important;}
		.hd_pops_con{width:100% !important; height:auto !important;}
		.hd_pops_con img{width:100%;}
	}
	@media screen and (max-width:500px){
		#hd_pop div.hd_pops{ width:96%; top:10px !important; left:2% !important;}
		#hd_pop div.hd_pops:nth-child(2n){left:2% !important;}
	}






    
    .inquiry_popup {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 200;
    }

    .inquiry_popup .pop_container {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        max-width: 1500px;
        height: 100%;
        max-height: 680px;
        background: #fff;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        padding: 3% 3%;
    }

    .inquiry_popup .pop_container .pop_close {
        position: absolute;
        top: 10px;
        right: 19px;
        font-size: 31px;
        color: #ccc;
        cursor: pointer;
    }




    /* 메인팝업 */
.fullpage-wrapper .layer_popup .pop_wrap{top:90%;}
.layer_popup input,
.layer_popup textarea{ font-size:12px;}
.layer_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200;}
.layer_popup .pop_wrap{position:absolute; top:50%; left:50%; width:90%; max-width:1500px; height:100%; max-height:680px; background:#fff;   transform:translate(-50%,-50%); padding:60px 80px;}
.layer_popup .pop_wrap .pop_head{border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:30px; display:flex; align-items:flex-end; justify-content:space-between; }
.layer_popup .pop_wrap .pop_head h3{font-size:40px; font-weight:800; margin-bottom:10px; color:#000;}
.layer_popup .pop_wrap .pop_head p{font-size:16px; color:#666;}
.layer_popup .pop_wrap .pop_cont { overflow-y:auto;  height: calc(100% - 140px);font-size:15px;}
.layer_popup .pop_wrap .pop_cont .pop_flex{display:flex; justify-content:space-between; }
.layer_popup .pop_wrap .pop_cont .pop_flex > div{width:49%;}
.layer_popup .pop_wrap .pop_cont .pop_flex .left{display:flex; flex-wrap:wrap; justify-content:space-between;}
.layer_popup .pop_wrap .pop_cont .pop_flex .left input{width:100%; background:#f4f4f4; border:0; padding:15px 20px; margin-bottom:10px; }
.layer_popup .pop_wrap .pop_cont .pop_flex .left input:nth-child(2),
.layer_popup .pop_wrap .pop_cont .pop_flex .left input:nth-child(3){width:49%;}
.layer_popup .pop_wrap .pop_cont .pop_flex .left textarea{width:100%; background:#f4f4f4; border:0; padding:15px 20px; border-radius:0; height:200px;}
.layer_popup .pop_wrap .pop_cont .textarea h3{font-size:16px; margin:20px 0 10px; font-weight:600;}
.layer_popup .pop_wrap .pop_cont .textarea h3:first-child{margin-top:0;}
.layer_popup .pop_wrap .pop_cont .textarea p{margin:5px 0;}
.layer_popup .pop_wrap .pop_cont .textarea ul li{text-indent:-10px; padding-left:10px; margin:5px 0;}
.layer_popup .pop_wrap .pop_cont .textarea table {margin:10px 0; border-spacing: 0; border-collapse: collapse; width:80%;}
.layer_popup .pop_wrap .pop_cont .textarea table th{border:1px solid #ddd; padding:20px; width:30%;}
.layer_popup .pop_wrap .pop_cont .textarea table td{border:1px solid #ddd; padding:20px;}
.layer_popup .pop_wrap .pop_cont .textarea a{text-decoration:underline;}
.layer_popup .pop_wrap .pop_cont .pop_flex .right .textarea{width:100%; background:#f4f4f4; border:0; padding: 30px  ; color:#111; border-radius:0; height:280px; overflow-y:auto;}
/* .layer_popup .pop_wrap .pop_cont .full_textarea{height:100%; } */
.layer_popup .pop_wrap .pop_cont .full_textarea .textarea{width:100%; background:#fff;  border:0; border-bottom:1px solid #ddd; padding: 0  ; color:#111; border-radius:0; height:100%; overflow-y:auto;}
.layer_popup .checkbox{position:relative; margin-top:20px;}
.layer_popup .checkbox input[type=checkbox]{ width: 21px; cursor: pointer; height: 21px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
.layer_popup .checkbox input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 35px; display:block; height:21px;}
.layer_popup .checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width:21px; height:21px; background:url('/images/main/check-off.jpg')no-repeat 50% 50%; position:absolute; top:0; left:0;}
.layer_popup .checkbox input[type=checkbox]:checked + label:before {content: ""; background:url('/images/main/check-on.jpg')no-repeat 50% 50%; width:21px; height:21px;}
.layer_popup .pop_wrap .pop_btn{text-align:center; margin:30px 0 0;}
.layer_popup .pop_wrap .pop_btn button{font-size:16px; color:#111; border:2px solid #ddd; padding:15px 80px; border-radius:60px; display:inline-block; transition:all ease .3s;}
.layer_popup .pop_wrap .pop_btn button:hover{background:#001eff; color:#fff; border-color:#001eff;}
.layer_popup .pop_wrap .pop_close{position:absolute; top:-50px; right:0; font-size:40px;  color:#fff; cursor:pointer;}
.layer_popup .pop_download a{font-size:16px; border:1px solid #000; padding:10px 20px;}
@media screen and (max-width: 768px){
    .layer_popup .pop_wrap{padding:30px 20px; height:72%;}
    .layer_popup .pop_wrap .pop_head{padding-bottom:10px; margin-bottom:20px;}
    .layer_popup .pop_wrap .pop_head h3{font-size:20px;}
    .layer_popup .pop_wrap .pop_cont .textarea p{font-size:14px;}
    .layer_popup .pop_wrap .pop_cont{height: calc(100% - 80px);}
}











@media screen and (max-width: 1500px){
    .count_section{margin:120px 0 0;}
    .count_section .count_wrap{border:0;}
    .count_section .count_wrap h2{transform:translate(0); position:unset;}
    .count_section .count_wrap ul{padding:90px 0; row-gap:60px;}
    .count_section .count_wrap ul li{width:50%; padding:0; border:0;}
}
@media screen and (max-width: 768px){
    .count_section{margin:60px 0 0; padding:60px 0 0;}
    .count_section .count_wrap h2{font-size:22px;}
    .count_section .count_wrap ul {padding:30px 0;}
    .count_section .count_wrap ul li .count_number{gap:5px; font-size:18px;}
    .count_section .count_wrap ul li .count_number em{font-size:20px;}
    .count_section .count_wrap ul li .count_item p{font-size:18px;}

    .business_section{padding:0;}
    .business_section .swiper-slide ul li{width:calc(100% / 3);}
    .business_section h2{padding:30px 0; font-size:22px;}
    .business_section .swiper-btnBox{display:none;}
    
    
        .inquiry_popup .pop_container {
            padding:0px;
            height: 80%;
        }
        .inquiry_popup .tab_wrap{
            margin: 30px;
            
        }
        .inquiry_popup .tab_wrap .tab_btn .tab_ul{
            padding: 10px 0 0;
            
        }
        .tab_input{
            padding: 0 0 0 0px;
            
        }
        .tab_input li dl dt{
            width: 25%;
        }
    .tab_visual .tab_cont .tab_box ul{
        display: block
    }
        .tab_visual .tab_cont .tab_box ul li {
            width: 90%;
            padding: 0px 0;
        }
            .tab_visual .tab_cont .tab_box ul li dl {
            width: 100%;
            padding: 10px 0;
        }
    .tab_visual .tab_cont .tab_box .check_input{
        padding: 5px;
    }
        .tab_visual .tab_cont .tab_box ul li dl dt{width:22%;  font-size:13px;  font-weight:800;}
        .tab_visual .tab_cont .tab_box ul li dl dd{width:88%; font-weight:500;}

    .input_box textarea{
        width: 100%;
        padding: 10px;
        resize: none;
        
    }
    .inquiry_input dl dt{
        width: 30%;
        font-size: 15px; font-weight: 800;
    }
    .tab_visual .tab_cont .tab_box ul li dl dd .input_box{
        border-bottom:1px solid #d9dee4;
    }



    .tab_visual .tab_cont .tab_box ul li dl dd .input_box input::placeholder{font-size:12px; color:#8b8b8b;}
    .input_box input{ width: 100%;}

    .input_box .form_w200 {
        width: 30%;
    }
    .select {
        width: 27%;
    }

    .tab_visual .tab_cont{height:350px; overflow-y:auto; display:none;}
    .tab_visual .tab_cont .tab_box .inquiry_input{padding:14px 0px;}
    .sub_txt{display: none;}


    .tab_cont h4 {font-size: 1rem;}
}

    @media screen and (max-width: 400px){
        .tab_visual .tab_cont .tab_box ul li dl{display: block;}
        .tab_visual .tab_cont .tab_box ul li{width: 100%;}
        .tab_visual .tab_cont .tab_box ul li dl dd {width: 100%;}

        
        .tab_visual .tab_cont .tab_box ul li dl dd .input_box input{font-size: 12px;}
    .tab_visual .tab_cont .tab_box ul li dl dd .input_box .id_pw{ width:  30%;}
}

li {
    list-style: none;
}

    .input_box textarea{
        resize: none;
    }

  textarea {
    width: 50%;
    height: 6.25em;
    border: 1px solid gray;
    resize: none;
  }