@charset "utf-8";
/* CSS Document */

#container{margin-top:-1px;}
#contents .sub_content{width:100%; margin:0; padding:0; margin-top:200px; }/* 메인 */
.main_visual{overflow:hidden; width:100%; heighy:auto; margin:0 0 0px 0;}
.slider-banner-511517418{width:3000px; height:auto;}
.main_content{}
.main_slide_ban{overflow:hidden; width:1200px; margin:0 auto;}
.main_slide{float:left; width:612px;}
.main_banner{float:left; width:400px;}
.main_ban_img01,
.main_ban_img02,
.main_ban_img03{display:inline-block; float:left;}
.main_ban_img06 img{margin:30px 0 0 0;}
.sub_1{overflow: hidden; margin:30px auto; text-align: center}
.main_cont_slide{text-align:center;}

.scroll_wrap{top:891px;}


.main_title  {width:1200px; margin:0 auto; text-align:center; padding:100px 0 10px 0; font-size:40px; font-family:"Poppins", sans-serif; font-weight:800; letter-spacing:2px; color:#000; }


.main_subtxt_h2 {font-weight:bold; font-size:20px; padding: 10px 0 3px;}
.main_subtxt_p {font-size:15px; padding: 0 0 50px;}

.main_cate_banner_wrap {width:1200px; overflow:hidden; margin:50px auto 10px;}
.main_cate_banner1 {float:left; width:390px; margin:0 15px 0 0;}
.main_cate_ban_box {float:left; width:795px;}
.main_cate_banner2 {display:inline-block; float:left;margin:0 15px 0 0;}
.main_cate_banner2_2 {display:inline-block; float:left;}
.main_cate_banner3 {display:inline-block;width:795px; height:393px;margin:15px 0 0 0;}

#header .gnb .depth0 > li > a{color: #fff;}
#header .h1_logo .blogo{}
#header .h1_logo .wlogo{display:none !important;}
.body-main .header_warp {position:absolute; top:0; left:0; width:100%; z-index:102; background-color:#000;}
.bicon{display:none;}
.wicon{display:block;}
.top_mypage_cont .top_mypage_tit >a {color: #000;}

.top_member_box > li > a { color: #000; }
#margintop3{margin-top:3px;}
}

/**************매인영상라인************************/

.vid{
    position: relative;
width: 100%;
  
}

video {
    width: 100%;
  
z-index: -5
}

.video_main{

   
    z-index : -1;
    height: 100%;
    overflow: hidden;
}
        .video_main .vid_text{
          position: absolute;

    top: 81%;
    left: 50%;
transform: translate(-50%, -50%);
    color: #fff;
text-align: center;
    font-size: 22px;
        }
        .video_main .vid_text h2{
        font-size: 44px;
        margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
        }
        .video_main .vid_text button{
     margin-top: 20px;
    background: #f47921;
    border: none;
    padding: 10px 17px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;

    padding-top: 6px;
        }
/**************1번배너라인************************/
     
.one_menu {
    position: relative;
    text-align: center;
    width: 1300px;
    margin: 0 auto;
}

.one_menu h3 {

    text-align: center;
    font-size: 3em;
    margin-bottom: 5%;
}

.one_menu ul {
    display: flex;
    flex-wrap: wrap;
    display: block;
}

.one_menu ul li {
    overflow: hidden;
    transform: scale(1);
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 8px;
    
}
.one_menu ul li a{
        display: block;

    height: 0;
    padding-bottom: 65%;
}

.one_menu ul li a {
    display: block;
    width: 100%;
}

.one_menu ul li img {
    width: 100%;
    transition: all 0.5s;
    transform: scale(1);
        vertical-align: top;
}
.one_menu ul li:hover .img_box img{
   
    transform: scale(1.1);
}
 .one_menu ul li:hover .one_text {
        -webkit-transition: all 0.5s ease;
   top: 5%;
}
        .one_menu ul li .one_text{
    width: 100%;
    transition: all 0.5s;
    transform: scale(1);
        vertical-align: top;
}
       
.one_menu ul li a .one_text {
    text-align: center;
    position: absolute;
    top: 7%;
    left: -15%;
    width: 100%;
}

        .one_menu ul li .img_box{
             overflow: hidden;

        }
        .one_menu ul li p img{
    width: 50%;
        }
        .one_menu ul li span{
    color: #fff;
        font-size: 20px;
            font-weight: 500;

    position: absolute;
            left: 25%;
          
        }
.one_menu ul li:nth-child(3) span{
            left: 24%;
    width: 470px;
}
        .one_menu ul li:nth-child(2) span{
            
        color: #000;
        }
/**************1번배너라인************************/
 /**************2번배너라인************************/
     
        .banner2{
            min-width: 1200px;
            height:597px;
            background: #000;
            overflow: hidden;
            position: relative;
            
        }
        .banner2 .banner_in a > div{
            width: 1200px;
    margin: 0 auto;
        }
        .banner2 .banner_in ul{
            display: flex;
justify-content: space-around;
            margin: 0
            
        }
       
        
        .banner2 .banner_in a img{
            width: 700px;
            display: inline-block;
    vertical-align: top;
      
        }
        .banner2 .banner_in .text_2{ display: inline-block;  vertical-align: top; min-width: 600px;
     padding: 149px 11px 0 90px;
    box-sizing: border-box;
            
        }
       
        .banner2 .banner_in .text_2 span { font-size: 18px; color: #fff; font-weight: 600; text-transform:uppercase; letter-spacing:2px; font-family:"poppins", sans-serif; }
 .banner2 .banner_in .text_2 h2 { font-size: 50px; color: #fff; font-weight: 800; margin-bottom: 45px; letter-spacing: -0.5px; line-height:30px;  margin-top: 0; font-family:"pretendard",sans-serif;}
        .banner2 .banner_in .text_2 p { font-size: 14pt;
    line-height: 30px;
    font-weight: 200;
    color: #fff;
    display: block;
    font-family: "pretendard variable", sans-serif; }

.banner2 .banner_in .text_2 h5{ font-weight: 800; font-size: 50px; margin: 0; color: #fff; margin-bottom:10px; font-family:"pretendard", sans-serif; }
        /*banner2*/
        .banner3{ min-width: 1200px; height: 850px; position: relative; margin-top:200px; }
             .banner3 .banner_in a > div{
            width: 1200px;
    margin: 0 auto;
        }
        .banner3 .banner_in ul{
            display: flex;
justify-content: space-around;
            margin: 0
            
        }
       
        
        .banner3 .banner_in a img{
            width: 700px;
            display: inline-block;
    vertical-align: top;
        }
        .banner3 .banner_in .text_2{
                              display: inline-block;
    vertical-align: top;
    min-width: 550px;
     padding: 150px 50px 0 0;
    box-sizing: border-box;
            
        }
       
        .banner3 .banner_in .text_2 span { font-size: 18px; color: #000; font-weight: 600; text-transform:uppercase; font-family:"poppis", sans-serif; }
        .banner3 .banner_in .text_2 h2 { font-size: 50px; color: #000; font-weight: 800; margin-bottom: 45px; line-height: 65px; font-family:"pretendard", sans-serif;  }
.banner3 .banner_in .text_2 h2 img{
            
            width: 60px;
            
            margin-right: 20px;
            vertical-align:middle;
        }
        .banner3 .banner_in .text_2 p { font-size: 20px; line-height: 30px; font-weight: 200; color: #000;  display: block;  font-family:"pretendard", sans-serif; }
        .banner3 .banner_in .img_3{
           margin-top: -30px;
            vertical-align: top;
             display: inline-block;
        }
        .banner3 .banner_in .img_3 img{
            vertical-align: top;
        }
.banner3 .banner_in .text_2 h5{ font-weight: 800; font-size: 50px;  margin: 0; font-family:"pretendard", sans-serif; }





/**************2번배너라인************************/
/* 최상단CSS*/
  .top_banner{
            margin: 0 auto;
            min-width: 1200px;
             width: 100%;
            margin-top: 40px;
            display: flex;

            
        }
        .top_banner .top_1 img{
            width: 99%;
        }
        .top_banner .top_right{
    
     display: flex;
    flex-direction: column;
    justify-content: space-between;
            
        }
        .top_banner img{
            width: 100%;
        }
/* 하단css */
 
        .down_banner{
            margin: 0 auto;
            width: 1200px;
            margin-top: 40px;
            display: flex;
            justify-content:center;
            
        }
        .down_banner > div{
            margin: 0 auto;
            width: 290px;
            height: 390px;
            text-align: center;
                        overflow: hidden;
            position: relative;
            
        }
        .down_banner > div.down_1 img{
            
            width: 100%;
        
        }
        .down_banner > div p{
                        font-size: 24px;
                        font-weight: bold;
            position: absolute;
            top: 0;
            left:50%;
            transform:translate(-50%,0);
            z-index: 1
            
        }
        .down_banner > div.down_2 img{
            width: 100%;
        }
          .down_banner > div.down_3 img{
              width: 100%;
              

                                
        }
        .down_banner > div.down_4 img{
            display: block;
            width: 100%;
            
            
        
        }
        .down_banner > div:hover p{
            text-decoration: underline;
            color: #fff;
            font-weight: bold;
  }
        .down_banner > div:hover{
            background: #f47f2b;
        }
        .main_icon{
            width: 190px;
        }
        .main_icon ul{
            display: flex;
        justify-content:space-around;
        }