.wrap{width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
/*visual*/
.visual{position: relative; z-index: 5; width: 100%;}
.slider li{ position: relative; z-index: 1}
.visual_text{position: absolute; top: 36%; left: 0; right:0; text-align: center;}

.visual_text h2{ font-size:35px; color: #ebebea; /* font-weight:bold; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=5); text-shadow: 0 0 5px #000;*/ }
.visual_text h2 span{ font-family:'Noto Sans KR'; font-size:35px; color: #ebebea;}

.visual_text strong{display: inline-block; font-size:30px; padding: 25px 0 28px; color: #ebebea;}
.visual_text span{ font-family:'Noto Sans KR'; font-size:25px; color: #ebebea; /* #fff; */}
.visual_text p{font-size: 17px; line-height: 28px; color: #ebebea;}
.visual_text p.type1{ padding: 25px 0 28px; font-size: 25px; line-height: 45px; color: #ebebea;}

.visual_text h2, .visual_text strong, .visual_text p, .visual_text .more{color: #ebebea; /* #fff; */}



.visual_text .more:hover{background: #fff; color: #698dcc;}
.slide01 .visual_text{ top:40%; }
.slide01 .visual_text strong{padding: 25px 0 0px; }
.slide01 .visual_text p.type1{padding: 25px 0 28px; }
.slide02 .visual_text{ top:45%; }
.slide03 .visual_text{ top:45%; }
.slide04 .visual_text{ top:45%; }
.slide05 .visual_text{ top:40%; }

/*.visual_text .more{display: inline-block; padding: 14px 21px 16px 23px; margin-top: 42px; border: 1px solid #ada4a0; border-radius: 30px;}0806ΌφΑ€*/

/*slide_btn*/
.slide_btn{position: absolute;}
.prev_btn{float: left; cursor: pointer;}
.next_btn{float: right; cursor: pointer;}
.slide_btn{top: 50%; left: 50%; z-index: 10; width: 60%; margin-left: -30%;}

/*section01*/
.section01{width: 100%;}
.section01 .field_title{padding: 96px 0 26px; text-align: center;}
.section01 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section01 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section01 .field_title p{font-size: 15px; line-height: 26px;}
.section01 .part1{width: 1200px; margin: 0px auto 98px;}
.part1 .part1_list{clear: both; overflow: hidden;}
.part1 .part1_list li{float: left; width: 277.5px; margin-right: 30px;}
.part1 .part1_list .p_li04{margin-right: 0;}
.part1 .part1_list .part1_img{display: block; width: 100%; height: 221px; background: no-repeat center top; background-size: cover;}
.part1 .part1_list li dl dt{padding: 30px 0 17px; min-height: 47px;  font-size: 18px; font-weight: bold; color: #565656;}
.part1 .part1_list li dl dt span{  color: #565656; font-family:'Noto Sans KR'}
.part1 .part1_list li dl dd{padding-bottom: 27px; min-height:80px; font-size: 14px; line-height: 20px; color: #666666;}
.part1 .part1_list li .more{font-size: 14px; font-weight: 800; color: #517dc6;}
.part1 .part1_list li .more:hover{color: #666666;}
/*.part2.video{position:relative; margin:0 auto 99px; width:640px; height:360px;}*/
.part2.video{margin:0 auto 99px; font-size:0; text-align:center;}
.part2.video .left{position:relative; display:inline-block; width:640px; height:360px;}
.part2.video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.part2.video .right{display:inline-block; margin-left: 130px; }
.part2, 
.section02 .part1{ margin-top:99px; background: no-repeat center top; background-size: cover; text-align: center;}
.part2 p, 
 .section02 .part1 p{padding: 23px 0 180px; font-size: 28px; line-height: 42px; color: #fff; font-weight:bold; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=5); text-shadow: 0 0 5px #000; zoom:1; }
.part2 .more, 
.section02 .part1 .more{display: inline-block; padding: 17px 28px; margin-bottom: 79px; border: 1px solid #fff; font-size: 13px; color: #fff;}
.part2 .more:hover, 
.section02 .part1 .more:hover{background-color: #517dc6; color: #fff; border: 1px solid #517dc6;}

/*section02*/
.section02 .part1 p.border { margin: 0 auto; padding: 25px 50px; width: 53%; border: 2px solid #fff;}
.section02 .part1 { padding-top: 110px;}

/*section03*/
.section03{margin: 99px 0 98px;}
.section03 .field_title{padding: 96px 0 66px; text-align: center;}
.section03 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section03 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section03 .field_title p{font-size: 15px; line-height: 26px;}
.section03 .con_list{clear: both; overflow: hidden; margin: 0 auto; text-align:center; font-size:0;}
.section03 .con_list li{display:inline-block; overflow:hidden;}

/*section03 slide*/
.section03 .slide_wrap{position: relative; z-index: 5; width: 1200px; margin:0 auto;}
.section03 .section03_slider li{ position: relative; z-index: 1}

/*slide_btn*/
.slide_btn2{position: absolute;}
.slide_btn2 .prev_btn{float: left; cursor: pointer;}
.slide_btn2 .next_btn{float: right; cursor: pointer;}
.slide_btn2{top: 50%; left: 50%; z-index: 10; width: 60%; margin-left: -30%;}



/*section04*/
.section4_wrap{width: 1156px; margin: 0 auto;}
.section4_wrap{overflow: hidden; clear: both; padding: 122px 0 124px;}
.section4_wrap .fisrt_dl, .section4_wrap .second_dl,.section4_wrap .third_dl,.section4_wrap .fourth_dl{height: 64px; float: left; padding-left: 62px; margin-left: 80px; background: no-repeat left top;}
.section4_wrap .fisrt_dl{margin-left: 0;}
.section4_wrap .fisrt_dl dt, .section4_wrap .second_dl dt,.section4_wrap .third_dl dt,.section4_wrap .fourth_dl dt{padding: 15px 0 9px; font-weight: bold; font-size: 22px;}
.section4_wrap dl a:hover{color: #517dc6;}

.section04 .field_title{padding: 96px 0 66px; text-align: center;}
.section04 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section04 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section04 .field_title p{font-size: 15px; line-height: 26px;}
.section04 .con_list{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.section04 .con_list li{width: 33.333%; float: left;}
.section04 .con_list li dl{padding: 21px 0 0 81px; background: no-repeat left top;}
.section04 .con_list li dl dt{padding-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 30px; color: #424242;}
.section04 .con_list li dl dd{padding: 0 0 0 13px; font-size: 16px; line-height: 26px; background: no-repeat left 11px;}
.section04 .btn_wrap{padding: 104px 0 90px; text-align: center;}
.section04 .btn_wrap .more{display: inline-block; padding: 12px 17px; border-radius: 30px; font-size: 14px; color: #fff; background-color: #517dc6; border: 1px solid #517dc6;}
.section04 .btn_wrap .more:hover{color: #517dc6; background-color: #fff;}

/*section05*/
.section05 .product{clear: both; overflow: hidden;}
.section05 .product .pro_right, .section05 .product .pro_left{width: 50%; height: 600px; background-color: #f2f2f2;}
.section05 .product .pro_bg{height: 600px; background: no-repeat center top; background-size: cover;}
.section05 .product .pro_right{float: right;}
.section05 .product .pro_left{float: left;}
.pro_list{width: 400px;}
.pro_list .part{padding-top: 53px; font-size: 17px; color: #888;}
.pro_list .title{ padding: 42px 0 47px; font-size: 45px; font-weight: 700; line-height: 50px; color: #444444;  word-break: keep-all;}
.pro_list .arti{font-size: 16px; color: #888; line-height: 27px;}
.pro_list .more{padding-top: 64px;}
.pro_list .more a{display: inline-block; padding: 15px 41px; border: 1px solid #517dc6; font-size: 13px; color: #517dc6;}
.pro_list .more a:hover{background-color: #517dc6; color: #fff;}
.pro_right .pro_list{padding-left: 135px;}
.pro_left .pro_list{float: right; padding-right: 135px; text-align: right;}

/*section07*/
.section07 { margin-bottom: 64px; text-align: center;}
.section07 .field_title{padding: 96px 0 26px; text-align: center;}
.section07 .field_title h3{font-size: 34px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
.section07 .field_title .line_butn{display:block; width: 30px; height: 3px; margin: 24px auto 22px; background-color: #bbbbbb;}
.section07 .network_imglist { font-size: 0;}
.section07 .network_imglist li span { display: block; margin-top: 10px; font-size: 16px;}
.section07 .network_imglist li { display: inline-block; margin: 0 20px 20px;}
.section07 .network_imglist li img { height: 30px;}

@media screen and (max-width: 1600px){
    /*slide_btn*/
    .slide_btn2{width: 78%; margin-left: -39%;}
}
@media screen and (max-width: 1280px){
    /*visual*/
    .slide01 .visual_text h2 br{ display:none; }
    .slide02 .visual_text,
    .slide03 .visual_text,
    .slide04 .visual_text{ top:34%; }

    /*slide_btn*/
    .slide_btn {width: 80%; margin-left: -40%;}
    .slide_btn2{width: 95%; margin-left: -47.5%;}
    /*section01*/
    .section01 .part1 {width: 95%;}
    .part1 .part1_list li{width: 22.75%; margin-right: 3%;}
    /*section04*/
    .section04 .con_list{width: 95%;}
    /*section05*/
    .pro_left .pro_list{padding-right: 10%;}
    .pro_right .pro_list{padding-left: 10%;}
    /*section4*/
    .section4_wrap {width: 95%; margin: 0 auto;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 17%; padding-left: 8%; margin-left: 0;}
    .section4_wrap .fisrt_dl {margin-left: 0;}
}
@media screen and (max-width: 1080px){
    .section4_wrap dl dd{display: none;}
}
/*mobile start*/
@media screen and (max-width: 1023px){


     /*visual*/
    .slide_btn, .visual_text .more {display: none;}
    .visual_text h2, .visual_text h2 span{font-size:35px;}
    .visual_text strong {padding: 17px 0 13px;}

    /* section03 */
    .section03 .slide_wrap{width:90%;}

    /*section04*/
    .section04 .field_title p{width: 95%; margin: 0 auto;}
    .section04 .con_list li{width: 33.333%;}
    .section04 .con_list li dl {padding: 80px 0 0 0; background: no-repeat center top;}
    .section04 .con_list li dl dt{text-align: center;}
    .section04 .btn_wrap {padding: 59px 0 90px;}
    /*section05*/
    .pro_list{width: 95%;}
    .pro_right .pro_list{padding-left: 5%;}
    .pro_left .pro_list {padding-right: 5%;}

    /*section04*/
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl{background-size: 50px;}
    .section4_wrap {padding: 74px 0 72px;}
}
@media screen and (max-width: 768px){
    /*visual*/
    .visual_text h2, .visual_text h2 span{font-size: 35px;}
    .visual_text p.type1{font-size:23px; line-height:25px;}
    .slide01 .visual_text p.type1{ padding-top:15px; }
    .slide01 .visual_text p br{ display:none;}
    .slide01 .visual_text strong{font-size:23px;}
    .slider li{height: 380px !important;}
    .owl-carousel .owl-item img {width: auto !important; height: 100% !important;}

    /*section01*/
    .part1 .part1_list li{width:48.5%; margin-bottom:20px;}
    .part1 .part1_list li.p_li02{margin-right:0;}
    .part1 .part1_list li dl dt,
    .part1 .part1_list li dl dd{min-height:auto;}
    .part2 p, 
    .section02 .part1 p{font-size: 25px;}
    .section02 .part1 p.border {width:69%; padding: 30px 5% 30px;}

    /*section03*/
    .section03_slider.owl-carousel .owl-item img { width: 100% !important; height: auto !important;}

    /*section05*/
    .section05 .product .pro_right, .section05 .product .pro_left{width: 100%; height: auto;}
    .section05 .product .pro_bg{height: 300px; }
    .pro_list .title {padding: 25px 0 34px;}
    .pro_list{width: 90%; margin: 0 auto;}
    .pro_right .pro_list, .pro_left .pro_list{padding: 35px 5% 97px;}
    .pro_list .more {padding-top: 34px;}
    /*.section4*/
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 33%; padding-left: 12%; margin-left: 5%;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl{margin-bottom: 60px;}
}
@media screen and (max-width: 680px){

      /*section01*/
    .section01 .field_title h3{font-size: 25px; font-weight: 700; line-height: 28px; letter-spacing: 3px; color: #222222;}
    .section01 .field_title p{font-size: 15px; line-height: 26px;}
    .part2.video .left{padding-bottom: 56.25%; padding-top:25px; width:100%; height:0;}
    .part2.video .right{ padding-top:130px; margin-left:0;}
    .part2.video .right img{width:80%; }
        
}
@media screen and (max-width: 530px){
    .slide01 img {max-width:100%; width:100%; height:auto;}
    .slide02 img {max-width:100%; width:100%; height:auto;}
    .slide03 img {max-width:100%; width:100%; height:auto;}
    .slide04 img {max-width:100%; width:100%; height:auto;}
    .slide05 img {max-width:100%; width:100%; height:auto;}

    .visual_text h2, .visual_text h2 span{font-size: 1.200em; }
    .visual_text strong, .visual_text span {font-size:1.133em; }
    .visual_text p.type1{font-size:0.933em; line-height:1.067em; }
    
    .visual_text p, .visual_text p.type1{ margin:0 auto; max-width:300px; line-height:23px; font-size:0.933em;}
    


}
@media screen and (max-width: 480px){
 
    .slide01 img {max-width:100%; width:100%; height:auto;}
    .slide02 img {max-width:100%; width:100%; height:auto;}
    .slide03 img {max-width:100%; width:100%; height:auto;}
    .slide04 img {max-width:100%; width:100%; height:auto;}
    .slide05 img {max-width:100%; width:100%; height:auto;}

    /*section01*/
    .section01 .part1 {
        margin: 0px auto 30px;
    }
    .part1 .part1_list li{width: 100%; margin: 0 0 50px 0; }
    
    .section02 .part1 p{font-size: 20px;line-height: 33px;}

    /*section04*/
    .section04 .field_title {padding: 96px 0 50px;}
    .section04 .con_list{width: 320px; margin: 0 auto;}
    .section04 .con_list li{width: 100%;}
    .section04 .con_list li dl{padding: 21px 0 40px 70px; background: no-repeat left top;}
    .section04 .con_list li dl dt {text-align: left;}
    .section04 .con_list li dl dd{padding: 0 0 0 11px;}
    .section04 .btn_wrap {padding: 0 0 90px;}
    /*section05*/
    .section05 .product .pro_bg {height: 210px;}

    /*.section4
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 28%; padding-left: 16%; margin-left: 6%; background-size: 45px;}*/
        /*.section4*/
    .section4_wrap {width: 200px;}
    .section4_wrap .fisrt_dl, .section4_wrap .second_dl, .section4_wrap .third_dl, .section4_wrap .fourth_dl {width: 55%; padding-left: 45%; margin-left: 0;}
    .section4_wrap .third_dl, .section4_wrap .fourth_dl {margin-bottom: 60px;}
}