/* ********************************************* *
    메인 공통 부분
* ********************************************* */
html {
    scroll-behavior: smooth;
  }
.main_title h2{font-size: 50px; line-height: 1; font-weight: 700; font-family: 'Raleway',sans-serif; padding-top:110px;}
.main_title p{font-size: 18px; font-weight: 300; padding-top:10px}


/* ********************************************* *
    section 01 (sh)
* ********************************************* */
.main_section01{position: relative; z-index: 0; width: 100%; /* height: 940px; */ overflow: hidden; 
    /* background:url(../img/main/top_banner_img.jpg)no-repeat;  */background-size: cover; background-position: center;}
/* .main_section01::after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5!important; content: ""; z-index: -1; background-color:#111;}  */
.main_section01 .boundary{position: relative;}
.main_sec_text_wrap{position: absolute; z-index: 10; width: 100%; top: 330px; display: none; }
.main_sec_text_wrap h1{font-size:70px; font-weight: 700; }
.main_sec_text_wrap p{font-size: 20px;}

/* 스크롤버튼 */
.down{width:31px; height:auto; z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; animation: scroll 0.4s infinite alternate;}
@keyframes scroll{

    from{
        bottom: 45px;
    }to{
        bottom: 30px;
    }

    
}
.embed-video{position: relative; width: 100%; height:100%; padding-bottom: 56.25%;}

/* .embed-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
#iframe_kot{position: absolute;
    z-index: 0;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 1;
    user-select: none;
    transition-property: opacity;
    transition-duration: 1000ms} */


.embed-video #videobcg{position: absolute; top: 0; left: 0; /* min-height: 100%; */ width: 100%; height: 100%; z-index: -100; overflow: hidden;}



/* ********************************************* *
    section 02 (sh)
* ********************************************* */

.main_section02{margin-bottom: 100px;}

/* 아이콘 버튼 */
.main_product_btn_box{width: 70%; height:98px; margin: 0 auto; margin-top: 60px;}
.main_product_btn_box ul{width: 100%; height: 100%;display: flex;}
.main_product_btn_box ul li{float: left; width: 16.666%; text-align: center; cursor: pointer;}
.main_product_btn_box .main_icon_wrap{ width: 60px; height: 60px; border-radius: 30px; background-color:#c2c2c2; margin: 0 auto;}

.main_product_btn_box i.main_icon{display: inline-block !important; width: 47px; height: 40px; margin: 0 auto; margin-top:12px;}
.main_product_btn_box p{color:#c2c2c2; font-weight: 500}
.main_product_btn_box ul li:hover p{color:#00a9d7;}
.main_product_btn_box ul li:hover .main_icon_wrap{background-color:#00a9d7;}

.main_icon01{background: url(../img/main/pro_01.png)no-repeat; background-position: center; background-size: cover;}
.main_icon02{background: url(../img/main/pro_03.png)no-repeat; background-position: center; background-size: cover;}
.main_icon03{background: url(../img/main/pro_02.png)no-repeat; background-position: center; background-size: cover;}
.main_icon04{background: url(../img/main/pro_04.png)no-repeat; background-position: center; background-size: cover;}
.main_icon05{background: url(../img/main/pro_05.png)no-repeat; background-position: center; background-size: cover;}
.main_icon06{background: url(../img/main/pro_06.png)no-repeat; background-position: center; background-size: cover;}


/* 슬라이드 박스 */
.main_product_slide{width: 100%; overflow: hidden; margin-top: 40px;}
.main_product_slide ul.main_slide_wrap{width: 100%; height: 432px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.main_slide_content{width: 100%; height: 432px;}
.main_slide_content ul{width: 100%; height: 100%;}
.main_slide_content ul li{float: left;}
.main_slide_content ul li.main_slide_left{width: 40%; padding:0 3%;}
.main_slide_content ul li.main_slide_right{width: 60%; background-color: #fff;}
.main_slide_text{width: 100%; margin-top: 95px; }
.main_slide_text .main_slide_title{font-size: 28px; line-height: 1; font-weight: 700; text-transform: uppercase; padding-bottom: 35px; }
.main_slide_text .main_slide_sub_text{font-size: 18px; line-height: 1.4; width: 100%; position: relative; padding:1px 0 1px 20px; margin-bottom: 80px; font-weight: 500; font-size: 18px;}
.main_slide_text .main_slide_sub_text::before{width: 3px; height: 100%; background-color: #00a9d7; position: absolute; content: ""; top: 0; left:0;}

.main_slide_img{ height: 302px; margin: 64px 40px; background-position: center center; background-size: cover;}
.main_sl_pic01{background:url(../img/main/pro_pic01.png)no-repeat; background-size: cover; background-position: center;}
.main_sl_pic02{background:url(../img/main/wpp07.jpg)no-repeat; background-size: cover; background-position: center;}
.main_sl_pic03{background:url(../img/main/image\ 8.jpg)no-repeat; background-size: cover; background-position: center;}
.main_sl_pic04{background:url(../img/main/dosa.jpg)no-repeat; background-size: cover; background-position: center;}
/* .main_sl_pic04{background:url(../img/main/pro_pic04.png)no-repeat; background-size: cover; background-position: center;} */

.main_sl_pic05{background:url(../img/main/led01.jpg)no-repeat; background-size: cover; background-position: center;}
.main_sl_pic06{background:url(../img/main/fillter.jpg)no-repeat; background-size: cover; background-position: center;}


/* ********************************************* *
    section 03(sh)
* ********************************************* */
.main_section03{width: 100%; z-index: -1; height: 390px; background: url(../img/main/fix_banner.jpg) no-repeat; background-attachment: fixed; background-position: center; background-size: cover; }
.main_section03::after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7!important; content: ""; z-index: -1; background-color:#111;}
.main_section03_wrap{width: 100%; overflow: hidden;position: relative;}
.main_section03 .btn_con{text-align: center; margin-top: 60px;}


/* ********************************************* *
    section 04 (sh)
* ********************************************* */
.main_news_wrap{width: 100%; margin-top:50px;}
.main_news_wrap .main_news_box{width: 100%; height: 367px;}
.main_news_wrap .main_news_box li{position:relative; float: left; border: 1px solid #888; height: 367px; padding:3%;cursor: pointer; width: 32%; margin-right: 2%;}
.main_news_wrap .main_news_box li:last-child{margin-right: 0;}
.main_news_wrap .main_news_box li a{width: 100%; height: 100%; display: block;}

.main_line::after{top:0; left:0; height:100%; height:100%; content: ""; position: absolute;
    transition:  .5s ease; background-color: #23c6f3; width: 1px; height: 0; }
.main_line::before{top:0; left:0; height:100%; height:100%; content: ""; position: absolute; 
    transition:  .5s ease; background-color: #23c6f3; width: 0; height: 1px; }

.main_line:hover::after{height:100%; }
.main_line:hover::before{width: 100%; }
.line_hover{position: absolute; transition:  .5s ease; background-color: #23c6f3; bottom: 0; right:0;}
.main_line:hover .main_line01{height: 100%;}
.main_line:hover .main_line02{width: 100%;}
.main_line01{height: 0; width: 1px;}
.main_line02{width: 0; height: 1px; float: right}



.main_news_wrap .main_news_box li p{font-size: 16px; line-height: 1; font-weight: 500; padding:20px 5px 0 5px}
.main_news_img{width: 100%;  height: 230px;}
.temp_img{background: url(../img/main/temp01.jpg)no-repeat; background-position: center; background-size: cover;}

/* 비디오 */
.main_video{width: 100%; overflow: hidden; margin: 100px 0 120px 0;}
.main_video ul{width: 100%; height: 428px;}
.main_video ul li{float: left; height: 100%;}

.main_video_left{width: 35%; padding:2%;}
.main_video_right{width: 65%;}
.main_video_right .video{width: 100%; height: 100%;}
.main_v_text{ overflow:hidden; margin-bottom: 100px;}
.main_v_text h2{font-size: 33px; font-family:'Raleway',sans-serif; margin-bottom:50px; font-weight: 700;}
.main_v_text p{font-size:18px; color:#888; }

/* owl버튼 */
button.owl-dot:hover span{background:#00a9d7!important;}
button.active span{background:#00a9d7!important}

/* act tab */
.pro_icon_act .main_icon_wrap {background-color: #00a9d7;}
.pro_icon_act p {color: #00a9d7;}

/* 아랫쪽 배너 */
.bottom_banner{text-align: center; padding:12px 0; opacity: 0.9; box-shadow: 0 0 14px -6px rgba(0, 0, 0, 0.3);}
.bottom_banner>li{display: inline-block; margin: 0 20px;}