@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
/*font-family: 'Noto Sans KR', sans-serif;*/

*{margin:0; padding:0}
li{list-style:none;margin:0;padding:0;}
img{border: none;}
a{text-decoration:none}
address{font-style:normal;}
iframe{margin:0;padding:0;border:none;}
table{border-spacing: 0;border-collapse: collapse;}
button, input, select, textarea {
    background: transparent;
    font-size: 13px;
    position: relative;
    zoom: 1;
    font-family: 'Lato','NotoSansKR','Noto Sans KR','Apple SD Gothic Neo',sans-serif; border:none
}

h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li, button, em{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#333;  font-style:normal;word-break:keep-all !important; letter-spacing:-1px; }

.mob{display:none !important}
.pc{display:block !important}

.img-box img{max-width:100%}

/*#header{position:fixed; width:100%; box-sizing:border-box; z-index:9}
#header .logo{padding-left:30px; z-index: 99; position: relative; width: 250px;}
#header .logo img{max-width:100%}
.header_wrap{padding:10px; box-sizing: border-box; border-bottom: 1px solid #EEE;}
.gnb{position:absolute; z-index:9; width: 100%; top: 30px; left:0}
.gnb>ul{display:table; margin:0 auto}
.gnb>ul>li{display:table-cell; position:relative}
.gnb>ul>li>a{font-size:26px; font-weight:500; padding:0 40px 10px; display:block; color:#FFF}
.gnb>ul>li:hover>a{color: #df242b}
.depth-wrap{height:70px; display:none; background-color:#FFF;}
.gnb>ul>li.active .depth{display:flex}
.depth{ overflow:hidden; position:absolute; display:none; left: 50%; top:60px; transform: translateX(-50%);  align-items:center}
.depth>li{height:70px; line-height: 60px;}
.depth>li>a{display:block; padding:7px 10px; font-size:16px; transition:0.5s}
.depth>li:hover>a{color:#e60214;}*/

.right-menu{position:absolute; right: 40px; top: 40px; z-index: 99;}
.right-menu>ul{overflow:hidden}
.right-menu>ul>li{float:left; background-color:#AAA; line-height: 33px; margin-left:10px; width:30px; height: 30px; border-radius: 30px; text-align: center;}
.right-menu>ul>li a{display:block}
.right-menu>ul>li i{color:#FFF; font-size: 20px;}
.right-menu>ul>li:first-child{margin-left:0}
.right-menu>ul>li img{display:block; margin-top:5px; margin-left: 6px;}
#header{position:absolute; width:100%;  z-index:9999;}
.header_top_wrap{position:relative; width:100%; margin:0 auto;}
.header_top{position:absolute; right:20px; top:30px; text-align:right;  margin:0 auto; padding:10px 0 0}
.header_top>ul{overflow:hidden; float:right}
.header_top>ul>li{float:left; margin-right:10px}
.header_top>ul>li a{color:#FFF; font-size:12px;}
.header_wrap{position:relative; width:100%; margin:0 auto; padding: 10px 0; }
.logo{ box-sizing:border-box; width: 280px; /*background-image: url(../image/logo１.png); background-position:top; background-repeat: no-repeat; height: 70px;*/}
.logo>a{display:block; height:100%;}
.logo img{ display:block; margin:0 auto; max-width:100%; height: 80px;}
.gnb{position:absolute; left: 50%;transform: translateX(-50%); top: 0; height: 100%;}
.gnb>ul{display:table; margin:0 auto; height:100%;}
.gnb>ul>li{display:table-cell; padding:0 30px; position:relative; height: 100%;}
.gnb>ul>li::after{position:absolute; transition: 0.5s; height:1px;content: ""; left: 50%; transform: translateX(-50%); width: 0; background-color: #014099; bottom:-1px}
.gnb>ul>li:hover::after{width:100%; }
.gnb>ul>li>a{font-size:26px; display:block; line-height: 100px; align-items:center; font-weight: bold;}
.depth-wrap{height:60px; background-color:#FFF; display: none;}
.gnb>ul>li.active .depth{display:none}
.depth{ overflow:hidden; position:absolute; display:none; left: 50%; top:95px; transform: translateX(-50%);  align-items:center}
.gnb>ul>li:nth-child(2) .depth{transform: translateX(-15%);}
.depth>li{height:70px; line-height: 60px;}
.depth>li>a{display:block; padding:5px 10px; font-size:16px; transition:0.5s; white-space: nowrap}
.depth>li:hover>a{color:#014099;}
.header_right{display:table; position:absolute; right:20px; top:20px}
.header_right div{display:table-cell; vertical-align:middle}

.banner{position:relative}
.banner_txt{position:absolute; width:95%; top:50%; transform:translateY(-100%); left:2.5%}
.banner_txt h2{text-align:center; font-size:45px; font-weight:bold;}
.banner_txt h2 span{color:#014099}
.banner_txt p{text-align:center; margin-top:10px; font-size:24px; font-weight:bold;}
.slick-active .banner_txt h2{ animation-name:zoom; animation-duration:1s; transform:perspective(500px) rotate(.001deg);animation-fill-mode:forwards; opacity:0;animation-timing-function:linear; animation-delay:0.5s}
.slick-active .banner_txt p{animation-name:main; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-delay:1s; animation-fill-mode:forwards; opacity:0;animation-timing-function:linear;}
.slick-slide img{width:100%}

.banner .slick-slide:first-child figure{background-image: url(../image/banner1.jpg);}

.slider-list{position:relative}
.slider-div{position:relative; height:900px}
.slide-text{position:absolute; top:50%; transform:translateY(-100%); width:95%; left: 2.5%;}
.slide-text img{width:auto !important; margin-bottom:15px}
.slide-text h2{font-size:45px; text-align:center; font-weight: bold;}
.slide-text span{color:#ff0000;}
.slide-text p{ font-size:24px; font-weight:500; letter-spacing:-1px; width:100%; text-align: center; font-weight: 500;}
.slide-text p span{color:#ff9900}
.slide-more{position:absolute; left:600px; bottom:-50px}
.slide-more a{position:relative; width:100px; color:#39a1ff; display:block; background-color:#140035; text-align:center; height:40px; line-height:40px;  font-size:20px;  }
.slide-more a::after{position:absolute; width:100px; height:40px; border:2px solid #FFF; left:10px; top:10px; content:""; z-index:-9; box-sizing:border-box; transition:0.5s}
.slide-more a:hover::after{left:0; top:0px;}
.slide-more a:hover{background-color:#FFF;}
.slick-active .slide-text h2{animation-name:mainh2; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear;animation-delay:0.1s}
.slick-active .slide-text p{animation-name:mainp; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear; animation-delay:0.2s}
.slick-active .slide-text .slide-more{animation-name:more; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; animation-timing-function:linear; animation-delay:0.6s;opacity:0;}


.wrap{position:relative; max-width:1250px; margin:-100px auto 0}


.car_list{padding:100px 0}
.car_list figure, .car_list .com-txt{display:table-cell; vertical-align: middle; padding:0 30px; box-sizing: border-box;}
.car_list figure{width:50%}
.car_list>h2{text-align:center; font-weight:900; font-size:40px;}
.car_list>p{text-align:center; font-size:22px; margin-top:5px; font-weight:500}
.slick-slide{padding:0 7px}
.slider_list{ overflow:hidden; position: relative;}
.slider_list img{width:100%}
.com_banner{position:relative; max-width: 1250px; margin:60px auto 0}
.com_banner .slick-slide img{margin:0 auto}
.com_banner p{ margin-top:35px; font-size:20px; font-weight:500}
.com_banner p br{display:none}
.com-txt h2{font-size:36px; font-weight: 900;}
.dec-num{position:absolute; right: 0; top: -30px; font-size: 90px; font-weight: 900; color:#f4f4f4;}

.bot-ban1{position:relative; width: 100%; background-image: url(../image/bot-ban1.jpg); background-size: cover; height: 700px; background-position: center; background-attachment: fixed;}
.bot-ban2{position:relative; width:100%; background-image:url(../image/bot-ban2.jpg); background-size: cover; background-position:center; height:900px;}
.bot-ban1 .bot-txt{position:absolute; width: 95%; left: 2.5%; top: 50%; transform: translateY(-50%); text-align: center;}
.bot-ban2 .bot-txt{position:absolute; width: 95%; left: 2.5%; top: 50%; transform: translateY(-50%); text-align: center;}
.bot-ban1 .bot-txt h3{color:#FFF; font-weight: 900; font-size: 30px;}
.bot-txt p{color:#FFF; font-size: 26px; font-weight: 500; margin:20px 0}
.bot-txt a{ color:#FFF; border:2px solid #CCC; font-size: 22px;  display:block; margin:40px auto 0; width:200px; padding: 10px 0; box-sizing: border-box; text-align: center; transition:0.5s;}
.bot-txt a:hover{background-color:#FFF; color:#000}

.banner_bot>ul{overflow:hidden}
.banner_bot>ul>li{float:left; margin-left:2%; width:32%; position:relative; overflow:hidden}
.banner_bot>ul>li:first-child{margin-left:0}
.banner_bot>ul>li figure{overflow:hidden}
.banner_bot>ul>li figure img{width:100%; transition:0.5s; display: block;}
.banner_bot>ul>li p{position:absolute; bottom:10px; left:10px; color:#FFF; font-weight:bold; font-size:24px}
.banner_bot>ul>li p::after{position:absolute; content:""; width:50px; height:3px;background-color:#FFF; left:0; top:-5px}
.banner_bot>ul>li:hover img{transform: scale(1.1,1.1);}

.company{padding:80px 0; background-color:#f4f4f4}
.company-title{text-align:center; margin-bottom: 50px;}
.company-title span{color:#333; display:block; font-size: 36px; font-weight: 900;}
.company>ul{max-width:1250px; margin:0 auto; overflow:hidden; width: 95%;}
.company>ul>li{float:left; margin-left:2%; width: 32%; position:relative}
.company>ul>li:first-child{margin-left: 0;}
.cp-img img{width:100%}
.cp-txt{background-color:#FFF; padding:10px; box-sizing: border-box;}
.cp-txt p{text-align: center; font-size: 24px;}

.award-wrap{position:relative; border-bottom: 1px solid #CCC; padding-bottom: 50px;}
.award-wrap h3{font-weight: bold; font-size: 24px; margin:50px auto}
.award-wrap>ul{padding:0 20px; box-sizing: border-box;}
.award-wrap>ul>li{display:table; margin-top:25px}
.award-wrap>ul>li:first-child{margin-top:0}
.award-wrap>ul>li>div{display:table-cell; vertical-align: top;}
.date{font-size: 20px; font-weight: bold; padding-right: 50px;}
.award-txt p{font-size:20px}
.award-txt>ul{margin-top:5px; padding-left: 30px;}
.award-txt>ul>li{font-size:18px}


.product-wrap h2{font-weight: bold; font-size:28px;}
.pro-img{text-align:center; margin-top: 20px;}
.pro-img img{max-width:100%}
.pro-table{margin-top:50px}
.pro-table h2{font-weight:bold; font-size: 28px; text-align: center; margin-bottom: 20px;}
.pro-table table{position:relative; width: 100%; border-left: 1px solid #333; border-right: 1px solid #333;}
.pro-table table th{background-color:#333; font-weight:bold; font-size: 18px; color:#FFF; padding: 10px; box-sizing: border-box;}
.pro-table table td{font-size:16px; text-align:center; border-bottom:1px solid #333; padding:10px; box-sizing: border-box; font-size: 18px;}
.pro-table table td + td{border-left:1px solid #333}
.pro-table table td:first-child{width:10%}
.pro-table table td:nth-child(3){width:15%}
.pro-table table td:nth-child(4){width:40%}
.pro-txt{position:relative; margin-top: 50px;}
.pro-txt>ul>li{font-size:20px; margin-top: 10px;}
 
#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 500px;
    margin-top: -250px;
    margin-left: -300px;
    padding-top: 46px;
    z-index: 301;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    display:none;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
#popup .pop-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #f7f7f7;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
#popup .pop-tit h3 {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 45px;
}
#popup .pop-tit .close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #eee;
    border-left: 1px solid #ddd; cursor:pointer
}
#popup .pop-wrap {
    height: 100%;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
}
.policybox {
    color: #666;
    font-size: 13px;
    line-height: 20px;
}

.online_wrap{position:relative;  margin:0 auto; max-width:650px;}
.online_wrap p{margin-bottom:5px; font-size:16px; color:#333;}
.online_wrap ul{position:relative;  margin:0 auto; border-top:1px solid #CCC; overflow:hidden}
.online_wrap ul>li{display:table;border-bottom:1px solid #CCC; float:left; width:100%}
.online_wrap ul>li>div{display:table-cell; vertical-align:middle}
.online_wrap ul>li .form_title{width:120px; padding-left:15px; box-sizing:border-box}
.online_wrap ul>li .form_title p{ font-size:16px; font-weight:500}
.online_wrap ul>li .input{padding:10px; box-sizing:border-box}
.online_wrap ul>li .input input[type="text"]{width:100%; padding:10px; border:1px solid #CCC; box-sizing:border-box; background-color:#FFF}
.online_wrap ul>li .input textarea{width:100%; height:150px; border:1px solid #CCC; background-color:#FFF}
.input_agree{padding:15px; box-sizing:border-box; background-color:#DDD; margin-top:10px; position:relative}
.input_agree input{vertical-align:middle; margin-right:5px}
.pop_open{color:#FFF; background-color:#333; position:absolute; bottom:12px; font-size:12px; cursor:pointer; right:10px; display:block; padding:5px 7px;}
.online_wrap .more{position:relative; width:150px; margin:30px auto 0; transition: 0.5s; border-radius: 5px; padding: 10px 0; background-color:#df242b; }
.online_wrap .more a{color:#FFF; display:block; text-align: center; font-size:18px }
.online_wrap .more:hover{background-color:#000}

.sub-info{background-color:#f4f4f4}
.info_wrap{position:relative; width: 98%; margin:0 auto; padding:120px 0}
.info{position:relative; max-width:1250px; margin:0 auto}
.info>ul{display:table}
.info>ul>li{display:table-cell; box-sizing:border-box; overflow: hidden; vertical-align: middle;}
.info>ul>li img{max-width:100%}
.info>ul>li:first-child{width:50%;}
.info>ul>li:last-child{width:50%; padding-left:50px; box-sizing: border-box;}
.info>ul>li .info_text a{display:block; font-size:26px; font-weight: bold;}
.info>ul>li>div{vertical-align:middle;float:left; width:50%; display: table; padding-top:30px}
.info>ul>li>div>div{display:table-cell; vertical-align: middle;}
.info>ul>li>div:first-child{width:100%; padding-top:0}
.info>ul>li>div:first-child span{font-weight: bold; font-size: 30px; display:block}
.info>ul>li>div:first-child p{font-size:16px}
.info>ul>li>div:last-child{padding-top:60px}
.info>ul>li>div:nth-child(2){width:50%} 
.info>ul>li>img{width:100%}
.info_icon{text-align:center; padding-right: 5px;}
.info_icon img{width:60px}
.info>ul>li h2{font-size:26px;}
.info>ul>li:nth-child(2) p{font-size:18px; font-weight: 500;}
.info>ul>li.notice{border:1px solid #CCC; box-sizing: border-box; padding:30px;}
.info>ul>li.notice h2{border-bottom: 2px solid #333; padding:0 15px 10px 15px; margin-bottom:5px;}
.info>ul>li.notice li{padding:5px 15px; box-sizing: border-box; position: relative;}

.online-wrap{position:relative; width:100%; background-color:#f8f8f8; padding: 100px 0;}
.online-txt h2{font-weight: bold; text-align:center; font-size: 34px;}
.online-txt p{text-align:center; font-size: 24px; margin-top: 10px;}
.online-input{position:relative; max-width: 1250px; margin:50px auto 0; padding: 0 50px; box-sizing: border-box;}
.online-input>ul{overflow:hidden}
.online-input>ul>li{float:left; width: 33.33%;}
.online-input>ul>li:last-child{width:100%}
.online-input>ul>li label{font-size: 20px; font-weight: 500; vertical-align: middle; display: inline-block; width: 155px; text-align: right; padding-right: 10px; box-sizing: border-box;}
.online-input>ul>li input[type="text"]{border:1px solid #CCC; background-color:#FFF; padding:10px 5px; box-sizing: border-box;  width: 58%; vertical-align: middle;}
.online-input>ul>li:last-child{margin-top: 20px;}
.online-input>ul>li:last-child label{width:155px; text-align: center;}
.online-input>ul>li:last-child textarea{border:1px solid #CCC; background-color:#FFF; width: 86%; vertical-align: middle; height: 100px;}
.online-agree{text-align:right; margin-top: 10px;}
.online-agree span{background-color:#000; color: #FFF; display: inline-block; margin-left: 10px; padding: 0 5px; box-sizing: border-box; cursor: pointer;}
.online-btn{position:relative; margin-top: 30px;}
.online-btn button{display:block; background-color:#003366; color:#FFF; font-size: 26px; text-align: center; width: 200px; padding: 10px 0; margin:0 auto; transition:0.5s}
.online-btn button:hover{background-color:#000}

#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 500px;
    margin-top: -250px;
    margin-left: -300px;
    padding-top: 46px;
    z-index: 301;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    display:none;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
#popup .pop-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #f7f7f7;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
#popup .pop-tit h3 {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 45px;
}
#popup .pop-tit .pop-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #eee;
    border-left: 1px solid #ddd; cursor:pointer
}
#popup .pop-wrap {
    height: 100%;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
}

#footer{position:relative; width:100%; padding:30px 0;}
.footer_wrap{position:relative; max-width:1100px; margin:0 auto; display:block}
.copy{display:table; width: 100%;}
.copy>span{display:table-cell; vertical-align: middle;}
.copy p{font-size:16px;}
.copy p span{position:relative; box-sizing: border-box;}
.copy p span::after{position:absolute; content:""; width:1px; height: 15px; top: 50%; right: -5px; margin-top: -6px; background-color:#FFF}
.copy p span:last-child::after{display:none}

/*more btn*/
.view-more>span {overflow: hidden; z-index:9; margin-top: 20px;}
.view-more>span { border:1px solid #CCC; display: block;font-size: 17px; margin: 30px 0 0 auto; padding: 7px 20px;position: relative; text-transform: uppercase;width: 150px; text-align: center; cursor:pointer}
.view-more>span, .view-more>span::after {-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.view-more>span::before, .view-more>span::after {background: #333;content: '';position: absolute;z-index: -1;}
.view-more>span::after {height: 100%;left: -35%;top: 0;transform: skew(50deg);transition-duration: 0.7s;transform-origin: top left;width: 0;}
.com_list:hover .view-more>span::after{width:200%; color:#000 }
.com_list:hover .view-more>span{color:#FFF;}

.sub_banner{position:relative;background-position:center; overflow: hidden; height: 500px;}
.sub_banner>p{transition: 1s;background-position:center}
.sub_banner0>p{background-image:url(../image/sub_banner0.jpg);}
.sub_banner1>p{background-image:url(../image/sub_banner1.jpg);}
.sub_banner2>p{background-image:url(../image/sub_banner2.jpg);}
.sub_banner3>p{background-image:url(../image/sub_banner3.jpg);}
.sub_banner4>p{background-image:url(../image/sub_banner4.jpg);}
.sub_banner5>p{background-image:url(../image/sub_banner5.jpg);}
.sub_banner6>p{background-image:url(../image/sub_banner6.jpg);}

.ani .banner_bg {
    opacity: 1;
    transition: 3s cubic-bezier(0.38, 0.07, 0.51, 0.96);
    transform: scale(1) rotate(0.0001deg);
}

.banner_bg {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: scale(1.1) rotate(0.0001deg);
    background-position: center;
}

.sub_banner h2{position:absolute; top:50%; transform:translateY(-10%); width:100%; text-align:center; font-size:30px; color:#FFF; font-weight: bold;}
.sub_banner h2 span{display:block}
.sub_tab{position:absolute; bottom: 0;  left: 50%; transform: translateX(-50%); width: 100%; }
.sub_tab h3{text-align:center; font-size:30px; color:#333; font-weight:bold}
.sub_tab>ul{display:flex; flex-wrap:wrap; margin: 0 auto; background-color: rgba(0,0,0,0.8); justify-content:center}
.sub_tab>ul>li:first-child{background-color:#014099}
.sub_tab>ul>li:first-child>a{padding:15px 20px}
.sub_tab>ul>li>a{font-size:16px; font-weight:bold; display:block; padding:15px 30px; box-sizing:border-box; text-align:center; color: #FFF; } 
   
.sub_tab>ul>li.select a{ color:#0467f2}


.sub_con{position:relative; margin:0 auto; padding:100px 0; max-width:1250px }
.ceo_wrap{max-width:1100px; margin:0 auto}
.ceo_wrap h2{font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 50px;}
.ceo_wrap h2 span{font-size:22px}
.ceo_img{position:relative; margin-bottom: 30px;}
.ceo_img img{width:100%}
.ceo_img::after{position:absolute; right:0; top:0; background-color:#FFF; width:100%; height:100%; content:""; animation-name: company; animation-iteration-count: 1; animation-duration: 1.5s;animation-fill-mode: forwards;}
.ceo_text{ box-sizing:border-box}
.ceo_text h3{font-size:28px; font-weight:bold}
.ceo_text p{font-size:20px; margin-bottom: 30px;}
.ceo_text p span{font-weight:bold; font-size:22px; }
.ceo_text h3{font-size:45px; font-weight:900; position:relative; color:#CCC; letter-spacing: -6px;}
/*.ceo_text h3::after{position:absolute; content: ""; left: -25px; width:2px; height: 250%; background-color:#e60214; bottom: 50px;}*/
.on .ceo_text h3 span:first-child{animation: text-glow 0.5s 0.1s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(2){animation: text-glow 0.5s 0.2s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(3){animation: text-glow 0.5s 0.3s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(4){animation: text-glow 0.5s 0.4s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(5){animation: text-glow 0.5s 0.5s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(6){animation: text-glow 0.5s 0.6s; animation-fill-mode: both;}
.on .ceo_text h3 span:nth-child(7){animation: text-glow 0.5s 0.7s; animation-fill-mode: both;}

.award_wrap{position:relative; margin:0 auto; max-width:1250px; width: 95%;}
.award{position:relative; display:table; margin-top:50px; width:100%}
.award>div{display:table-cell; vertical-align:middle}
.award_img{width:350px; position:relative}
.award_img img{width:100%; display:block}
.award_con{margin-top:50px; padding:0 0 0 50px; box-sizing:border-box}
.award_con>ul>li{ padding:20px 0; display:table; width:100%; border-bottom:1px solid #CCC}
.award_con>ul>li>div{display:table-cell}
.award_con>ul>li>div span{display:block; color:#FC191D}
.line{position:absolute; width:100%; height:100%; left:10px;top:10px; border:1px solid #CCC}
.date{font-size:20px; font-weight:bold; width:180px; padding-left:30px; box-sizing:border-box; position:relative}
.award_text{font-size:18px}

.sub_con>h2{font-weight:bold; font-size:30px; text-align:center}
.pro-con{position:relative; width:100%}
.pro-title{border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 20px;}
.pro-title h2{font-weight: bold; font-size: 24px; position:relative}
.pro-title h2 span{font-weight: 300; font-size: 12px; color: #979797; position:absolute; right: 0; bottom: 0;}
.pro-top{position:relative; border:2px solid #CCC; display:table; width: 100%; padding: 20px 30px; box-sizing: border-box;}
.pro-top>div{display:table-cell; vertical-align: middle;}
.top-txt h2{font-weight: bold; color:#253c87; font-size: 20px;}
.top-txt p{font-size: 18px;}
.pro-list{position:relative; width:100%; margin-top: 50px;}
.title{font-weight: bold; font-size: 1.6em; position:relative; border-left: 4px #df242b solid; line-height: 1em; padding-left: 10px;}
.pro-list>ul>li{margin-top:30px; display:table; border-bottom: 1px solid #DDD; padding: 0 20px 30px 20px; box-sizing: border-box;}
.pro-list>ul>li>div{display:table-cell; vertical-align: middle;}

.pro{position:relative; width:100%; margin-top:40px}
.pro>p{font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.pro .title{margin-bottom:10px}
.pro>ul{display:flex; flex-wrap:wrap; margin-top: 20px;}
.pro>ul>li{width:49%; border:1px solid #CCC; margin-left:2%; box-sizing: border-box;}
.pro>ul>li:nth-child(2n+1){margin-left:0}
.pro>ul>li:nth-child(n+3){margin-top:30px}
.pro>ul>li h3{background-color:#AAA; color:#FFF; font-size: 20px; text-align: center; padding: 10px 0;}
.pro>ul>li .con{padding:30px; box-sizing: border-box;}
.pro>ul>li .con figure{text-align:center}
.pro>ul>li .con p{font-size: 18px; width: 300px; margin:20px auto 0;}
.pro .img img{max-width:100%}


.la-pro{ box-sizing: border-box; border-top: 2px solid #CCC; border-bottom:1px solid #DDD;  margin-top: 0;}
.la-txt{position:relative}
.la-txt h2{font-weight: bold; font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #DDD; padding: 10px 10px 10px 10px;}
.la-txt p{font-size:18px; padding:40px 10px; box-sizing: border-box;}
.la-img{text-align:center; margin-top: 30px; padding-bottom:20px}
.la-img img{max-width:100%}
.la-list{position:relative; width:100%; margin-top: 20px;}
.la-list>ul{display:flex; flex-wrap:wrap}
.la-list>ul>li{margin-left:2%; width:47%}
.la-list>ul>li:nth-child(n+3){margin-top:2%}
.la-list>ul>li img{max-width:100%}

.la-table{display:table; width: 100%; margin-top: 20px;}
.la-table>div{display:table-cell; vertical-align: middle; width: 50%; text-align: left;}
.la-table .la-img{width:35%; border:1px solid #DDD; box-sizing: border-box; padding-bottom:0}
.la-table .la-img img{width:100%; display:block}
.la-table .la-txt{padding-left:30px; box-sizing: border-box;}
.la-table .tbl th{font-size:16px; font-weight: 500;}
.la-table .tbl td{font-size:14px}

.laser .img img{width:96%; margin-left:2%; box-sizing: border-box;}
.tbl{border-top:2px solid #CCC; margin-top: 20px; width: 100%;}
.tbl thead {
    background-color: #f6fcff;
    font-weight: 800;
}
.tbl thead td{font-weight:bold}
.tbl td {
    border: 1px #d2d2d2 solid;
    padding: 10px;
    font-size: 0.9em;
}
.tbl th {
    border: 1px #d2d2d2 solid;
    padding: 10px;
    font-size: 0.9em;
    background: #fafafa;
}

.quick_menu{position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:99}
.quick_menu>ul>li{width:60px; height:60px; background-color:#FFF; border-radius:60px; text-align:center; vertical-align:middle; line-height:60px; box-shadow:0 5px 15px -10px; margin:10px auto 0}
.quick_menu>ul>li img{vertical-align:middle}
.quick_menu>ul>li:first-child img{width:40px}
.quick_menu>ul>li i{font-size:20px; font-weight:bold}
.quick_menu>ul>li:first-child{width:90px; background-color:#014099; height:90px; border-radius:90px}
.quick_menu>ul>li figure{padding-top:10px}
.quick_menu>ul>li p{color:#FFF; font-size:14px; line-height:1px}
.quick_menu>ul>li:last-child{cursor:pointer; margin-bottom:15px}

.list{position:relative; margin-top:50px}
.list h3{font-size:26px; font-weight:bold; margin-bottom:10px}
.list>ul{overflow:hidden}
.list>ul>li{float:left; width:19.2%; margin-left:1%}
.list>ul>li:nth-child(5n+1){margin-left:0}
.list>ul>li:nth-child(n+6){margin-top:1%}
.list>ul>li img{width:100%}

.work-wrap h2{font-weight: bold; font-size: 30px; text-align: center;}
.work-wrap h2 br{display:none}
.work-wrap p{margin-top: 50px; font-size: 20px;}
.work-wrap>ul{overflow:hidden; margin-top: 50px;}
.work-wrap>ul>li{float:left; width: 32%; margin-left:2%;}
.work-wrap>ul>li:first-child{margin-left:0}
.work-wrap>ul>li img{width:100%}

.map-wrap>div{border-bottom:1px solid #CCC}
.map-wrap>div:last-child{border-bottom:none}
.map-box{padding:50px 20px; box-sizing: border-box;}
.map-wrap>div:first-child{padding-top:0}
.map-title{font-weight: bold; font-size: 26px; margin-bottom: 10px;}
.map li{margin-top:10px}
.map h3{font-weight:bold; font-size: 20px;}
.map p{font-size: 18px;}
.map span{font-weight: bold;}

/*board*/
.board-list{position:relative; width:100%; margin:0 auto;}
th, td, button, td a, th a, .borad_view p, input[type="radio"], label{letter-spacing:0;}
.search_area{position:relative; width:100%;  padding:10px 0; text-align:right}
.search_area select{background-color:#FFF; padding:5px 0; margin-right:5px; border:1px solid #EEE}
.search_area input[type="text"]{background-color:#FFF; padding:5px 0; border:1px solid #EEE}
.search_area button{background-color:#333; color:#FFF; padding:5px 20px; margin-left:5px; border-radius:5px}
.board-list table{width:100%; border-left:none; border-right:none; border-bottom: 1px solid #CCC;}
.board-list table th{ padding:10px 0; background-color:#EEE; font-weight:bold; font-size:16px; color:#000; border-top:1px solid #555 }
.board-list table td{text-align:center; padding:10px; letter-spacing:-1px; font-size:16px}
.board-list table td + td{border-left:1px solid #EEE}
/*.board-list table td a{ letter-spacing:-1px}*/
.board-list table td a{font-size:16px}
.board-list table td a:hover{font-weight:bold}
.board-list table td a:hover i{font-weight:bold}
.board-list table td.left{text-align:left; padding:0 20px; box-sizing:border-box}
.file{margin-left:5px}
.file_wrap{position:relative; border-bottom:1px solid #CCC; padding:10px; box-sizing:border-box}
.file_wrap a{color:#333}
.file_wrap a span{margin-right:5px; vertical-align:middle}
.file_wrap a span i{font-size:18px}

.borad_view{position:relative; width:100%; margin:0 auto}
.view_title{border-top:2px solid #000; border-bottom:1px solid #000; border-left:none; border-right:none; padding:20px; box-sizing:border-box  }
.view_title p{font-weight:bold; font-size:18px}
.view_title p span{position:absolute; right:20px}
.view_contents{padding:30px; box-sizing:border-box; border-bottom:1px solid #CCC}
.view_contents img{max-width:100%}

.board_write{position:relative; width:100%; margin:0 auto; }
.board_write table{width:100%;border-top:2px solid #000}
.board_write th {
    border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 20px;
    text-align: left;
    font-size: 15px;
    background-color: #efefef;
    box-sizing: border-box; font-weight:bold
}
.board_write td {
    border-bottom: 1px solid #dbdbdb; padding: 10px 20px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}
.board_write td label{margin-right:5px}
.board_write td checkbox{vertical-align:middle}
.board_write input[type="text"]{border:1px solid #CCC; padding:10px; box-sizing:border-box}
.board_write textarea{width:100%; border:1px solid #CCC}

#bo_v_file{padding:10px; border-bottom:1px solid #000}
#bo_v_file h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#bo_v_file ul {
    margin: 0;
    list-style: none;
}
#bo_v_file li {
    padding: 15px;
    position: relative;
    margin: 10px 0;
}
#bo_v_file li i {
    float: left;
    color: #b2b2b2;
    font-size: 2.35em;
    margin-right: 20px;
}
#bo_v_file a {
    float: left;
    display: block;
    text-decoration: none;
    word-wrap: break-word;
    color: #000;
}
#bo_v_file .bo_v_file_cnt {
    color: #b2b2b2;
    font-size: 0.92em;
}
.board_btn{position:relative; text-align:right;margin-top:20px}
.grey{background-color:#333; color:#FFF}
.btn{padding:5px 20px; margin-left:5px; border-radius:5px}

.port_wrap{position:relative; max-width:1250px; margin:0 auto; width: 95%;}
.port_wrap>div{position:relative; width:100%;}
.port_wrap>div.port>ul{overflow:hidden}
.port_wrap>div.port>ul>li{float:left; width:23.5%; margin-left:2%; overflow:hidden}
.port_wrap>div.port>ul>li:nth-child(4n+1){margin-left:0}
.port_wrap>div.port>ul>li:nth-child(n+5){margin-top:30px}
.port_wrap>div.port>ul>li p{text-align:center; font-size:18px; padding:5px 0}
.port_wrap>div.port>ul>li figure{overflow:hidden; border:1px solid #CCC}
.port_wrap>div.port>ul>li:hover p{font-weight:bold}
.port_wrap>div.port>ul>li:hover img{transform: scale(1.1,1.1)}
.port_wrap>div.port>ul>li img{max-width:100%; transition:0.5s; display:block}
.port_wrap>div.btn_box{position:relative; text-align:right; overflow:hidden; display:block; margin-top:50px}
.btn_box{position:relative; text-align:right; overflow:hidden; display:block; margin-top:10px}
.port_wrap>div.paging{display:block}
.btn_box>a{color:#FFF; background-color:#333; padding:5px 10px; float:right}
.btn_box>a:last-child{margin-right:5px}
.port-tab{position:relative; width:100%}
.port-tab>ul{display:table; margin:0 auto 30px}
.port-tab>ul>li{display:table-cell; border:1px solid #CCC; border-left: none;}
.port-tab>ul>li:first-child{border-left:1px solid #CCC}
.port-tab>ul>li>a{display:block; width:150px; text-align: center; padding: 10px 0;}
.port-tab>ul>li.select>a{background-color:#014099; color:#FFF}

/*paging*/
.paging {clear: both;text-align: center; padding: 30px 0; font-weight: 600;}
.paging .prev { background:url(../image/page_prev.png) center center no-repeat;margin-right: 30px;}
.paging .next { background: url(../image/page_next.png) center center no-repeat; margin-left: 30px;}
.paging .page {text-align: left;text-indent: -9999px;}
.paging a { display: inline-block;width: 31px;height: 31px; vertical-align: top; text-align: center; line-height: 31px;}
.paging .current {background-color: #000;color: #fff; border-radius:5px}

@media all and (max-width:1600px){
    .gnb>ul>li>a{font-size:20px;}
    
}
@media all and (max-width:1400px) {
.all_menu{right:10px}	
.gnb>ul>li>a{line-height:97px}
}

@media all and (max-width:1300px) {
.wrap, .car_list>ul, .com_banner{width:95%;}	
 .banner2{width:95%; margin:0 auto}
 .sub_con{width:95%}

 .logo{width:180px; background-size: 100%; height: 49px;}

 .gnb>ul>li>a{line-height: 70px;}
 .depth{top:65px}
}
@media all and (max-width:1260px){
    .slick-slider{width:100%}
    .com_banner h2{font-size:30px}
    .com_banner p{font-size:18px; margin-top:10px}
    .dec-num{font-size:60px; top:0}

    .cp-txt p{font-size:20px}

    .online-input{padding:0; max-width: 750px;}
.online-input>ul>li{float:none; width: 100%;}
.online-input>ul>li:nth-child(n+2){margin-top: 15px;}
.online-input>ul>li label{text-align:left; font-size: 16px; width: 15%;}
.online-input>ul>li:last-child label{text-align:left; width: 15%;}
.online-input>ul>li input[type="text"]{width:84.5%}
.online-input>ul>li:last-child textarea{width:84.3%}
.online-btn button{font-size:20px}
}
@media all and (max-width:1200px) {
    .logo{width:180px}
    .gnb>ul>li{padding:0 15px}
    .gnb>ul>li>a{line-height: 70px;}
    .right-menu{top:28px}
    #header .logo{padding-left:0}
    .gnb>ul>li .depth a{font-size:14px}
    .gnb>ul>li>a{font-size:18px}

    .slide-text h2{font-size:35px}
    .slide-text p{font-size:20px}

.ban_text{padding-left:0}	
.slider-div2 .slick-slide img{max-width:100%}

.banner2{width:700px}
.banner2>div.ban_text{width:40%}
.banner2>div.ban_img{width:60%}
.ban100{width:95%; margin-top: 50px;}

.info>ul>li:first-child{width:50%}
.info>ul>li:last-child{padding:20px 0 20px 20px}
.info>ul>li>div:nth-child(2){padding-top:10px}

.foot_logo img{width:200px}

.ceo_wrap{width:100%; overflow: hidden;}


.quick_menu>ul>li p{display:none}
.quick_menu>ul>li:first-child{width:60px; height:60px}
.quick_menu>ul>li figure{padding-top:0}
.quick_menu>ul>li figure img{width:35px}

.info>ul>li>div:last-child{padding-top:40px}

.sub_tab>ul>li>a{padding:15px; font-size: 14px;}

}
@media all and (max-width:1100px){
   
}
@media all and (max-width:1050px){
    .sub_banner{height:400px}
    .sub_banner h2{font-size:24px}

    .info>ul>li:nth-child(2){padding-left:20px}

    .la-table .la-img{width:50%}
    .la-table .tbl th{font-size:14px}

    .company-title{margin-bottom:20px}
    .company-title span{font-size:30px; }
    .company-title h2{font-size:35px}
    .com-title p{font-size:18px}

    .bot-ban2{height:700px}
    .bot-ban2 .bot-txt h3{font-size:35px; margin-bottom: 50px;}
    .bot-txt a{margin:20px auto 0}

    .ceo_wrap h2{font-size:28px; margin-bottom: 20px;}
    .ceo_wrap h2 span{font-size:18px}


    .dec-num{font-size:40px}
    .car_list h2{font-size:26px}
    .car_list figure{width:60%}
    .car_list .com-txt{padding:0 30px 0 0}

    .bot-ban1 .bot-txt h3{font-size:28px}
    .bot-txt p{font-size:20px}

    .copy>span{display: block; text-align: center;}
}
@media all and (max-width:1000px) {
    .header_wrap{padding:10px 0}
.all_menu{display:none}
.all_menu_wrap{display:none}	
.gnb>ul>li>a{font-size:14px; line-height:69px}
.depth{top:55px}
.gnb>ul>li .depth{padding:0 5px;}
.gnb>ul>li .depth a{font-size:12px}
.depth-wrap{height:60px}
.right-menu{top:17px}

.slick-active .banner_txt h2{font-size:35px}
.slick-active .banner_txt p br{display:none}

.info>ul>li>div:first-child span{font-size:24px}
.info>ul>li h2{font-size:24px}
.info>ul>li:nth-child(2) p{font-size:18px}
.info>ul>li .info_text a{font-size:18px}
.info>ul>li>div:last-child span{font-size:20px}
.info>ul>li>div{padding-top:10px}

.copy p{font-size:14px}

.ceo_text h3{font-size:24px}
.ceo_text p{font-size:16px}
.ceo_text p span{font-size:18px}

.product-wrap h2{font-size:22px}

.info>ul>li>div:last-child{padding-top:10px}

.award_con{padding:0 0 0 30px}
.date{font-size:16px; width:140px; padding-left:10px}
.award_text{font-size:16px}

}
@media all and (max-width:950px){

.gnb>ul>li>a{font-size: 14px;}
.gnb>ul>li .depth a{font-size:12px}

.work-wrap h2{font-size:26px}
.work-wrap p{font-size:16px; margin-top:20px}
.work-wrap>ul{margin-top:20px}

}
@media all and (max-width:900px){
    .logo{width:150px; height: 41px;}
    .gnb>ul>li>a{line-height: 61px;}

.pro>p{font-size:16px}
.pro>ul>li{width:49.5%; margin-left:1%}
.pro>ul>li h3{font-size:16px}
.pro>ul>li .con p{font-size:16px; width:100%}
.pro>ul>li .con figure img{max-width:100%}


.com-over{width:70%; height: 70%;}
.com-title figure img{width:35px}

.car_list h2{font-size:24px}
.com_banner p{font-size:16px}
.com_banner{margin:20px auto 0}
.car_list figure, .car_list .com-txt{display:block; width: 100%; padding:0;}
.car_list .com-txt{margin-top:30px}
.dec-num{display:none}


}
@media all and (max-width:850px) {
    .right-menu{display:none}
    .mob{display:block !important}
    .pc{display:none !important}	
    .gnb{position:fixed; left:-300px; top:0; height:100%; width:300px; background-color:#FFF; z-index:999; transform:translateX(0);}
    .gnb>ul{display:block; width:90%}
    .gnb>ul>li{display:block; border-bottom:1px solid #CCC}
    .gnb>ul>li>a{padding:15px; color:#000}
    .gnb>ul>li>p{font-weight:500; padding:15px}
    .gnb>ul>li .depth{position:relative; background-color:#f4f4f4}
    .gnb>ul>li .depth a{text-align:left; padding:5px 15px; box-sizing:border-box; color:#000; border-bottom:1px solid #CCC; border-radius:0}
    .mob_btn{position:absolute; right:10px; top:15px; width:35px}
    .mob_btn span{width:100%; display:block; background-color:#014099; height:5px; transition:0.5s}
    .mob_btn span:nth-child(2){margin-top:5px; width:25px}
    .mob_btn span:last-child{margin-top:5px; width:30px}
    .mob_btn:hover span{width:100%}
    .mob_close{cursor:pointer; position:absolute; right:10px; top:10px}
    .mob_close i{font-size:18px; }
    .mob-menu{position:fixed; width: 300px; left: -300px; top: 0; height:100%; background-color:#FFF; overflow-y: scroll;}
    .gnb-m>ul{padding:0 20px; box-sizing: border-box;}
    .gnb-m>ul>li{border-bottom: 1px solid #CCC;}
    .gnb-m>ul>li.select p{color:#FFF;background-color:#333;}
    .gnb-m>ul>li p{padding:10px; box-sizing: border-box;}
    .depth{position:relative; top:0; background-color:#f4f4f4}
    .depth>li{height:auto; line-height: 40px ;}
    .depth>li>a{font-size:14px; padding: 0 10px;}

    .right-menu{top:15px; right: auto; left: 20px; ;}
    .mob-top>ul {
        padding: 60px 20px 20px;
        box-sizing: border-box;
    }
    .mob-top>ul>li {
        width: 100%;
        border-radius: 5px;
    }
    .mob-top>ul>li a {
        display: block;
        text-align: center;
        padding: 10px 0;
        font-size: 18px;
    }
    .mob-top>ul>li:last-child a {
        background-color: #014099;
        color: #FFF;
    }

.foot_logo img{width:150px}
.copy p{font-size:12px}	

.com-txt h3{font-size:20px}
.com-txt span{width:130px; font-size:14px}

.company-title span{font-size:24px}
.cp-txt p{font-size:18px}

.award_wrap .mob{display:block !important}
.award_wrap .pc{display:none !important}
.award>div{display:block; width:100%}
.award_con{padding:0; margin-top:30px}

.sub_tab>ul>li:first-child{display:none}

.bot-ban1 .bot-txt h3 br{display:none}
.bot-ban1 .bot-txt p br{display:none}
}
@media all and (max-width:800px) {
    .banner_bot>ul>li p{font-size:18px}
.banner_bot>ul>li p::after{width:30px}	

.car_list{padding:50px 0}

.banner2>div p{font-size:20px}

.sub_con{padding:50px 0}
.car_list>ul>li p{font-size:15px}
.car_list>p{font-size:18px}

.info{width:100%}
.info>ul>li{float:none; width:100%; padding-bottom:20px}
.info>ul>li:first-child{width:100%;}
.info>ul>li:nth-child(n+2){margin-top:0}
.info>ul>li:last-child{padding:0; width: 100%; margin-top: 20px;}
.info>ul>li>div{width:50%}

.patent-wrap h2{font-size:20px}
.pa-txt{padding: 20px;}
.pa-txt h3{font-size:18px}
.pa-txt p{font-size:16px}

.pro_text>ul>li{font-size:20px}
.product>ul>li{padding:30px}
.product>ul>li p{font-size:20px}
.pro_img p{font-size:20px; margin-top: 10px;}

.quick_menu{top:auto; transform:translateY(0); bottom:10px}

.list h3{font-size:20px}
.list>ul>li{margin-left:2%; width:49%}
.list>ul>li:nth-child(5n+1){margin-left:2%}
.list>ul>li:nth-child(2n+1){margin-left:0}
.list>ul>li:nth-child(n+3){margin-top:2%}

.pro-list>ul>li{padding:0 0 30px 0}
.pro-list>ul>li>div{display:block}
.pro-img{text-align:center}
.pro-txt{padding:0;}
.pro-txt h3{font-size:18px}
.pro-txt h3 span{display:block; font-size:14px}
.pro-txt p{margin-top:10px}

.pro-title h2 span{position:relative; display:block}
.la-txt h2{font-size:20px}
.la-txt p{font-size:16px}

.sub_banner h2{font-size:24px; transform:translateY(-20%)}
#header .logo{padding-left:10px}



.info>ul>li:nth-child(2){padding-left:10px}

.la-table{display:block}
.la-table>div{display:block; width:100%}
.la-table .la-img{width:500px; margin:0 auto}
.la-table .la-txt{padding-left:0}

.patent-wrap{margin-top:50px}
.product-wrap h2{font-size:20px}
.pro-txt{margin-top:30px}
.pro-txt>ul>li{font-size:16px; margin-top:5px}

.online_wrap ul>li .form_title{width:100px; }
.online_wrap ul>li .form_title p{font8ize:14px}

.bot-ban1{height:500px}
.bot-ban1 .bot-txt h3{font-size:24px}
.bot-txt p{font-size:18px; margin:10px 0}

.info>ul{display:block}
.info>ul>li{display:block}
.info>ul>li>div:first-child{width:33.33%}
.info>ul>li>div:nth-child(2){width:33.33%}
.info>ul>li>div{width:33.33%}

.online-input{width:95%; margin:30px auto 0}
.online-input>ul>li label{width:100%}
.online-input>ul>li:last-child label{width:100%}
.online-input>ul>li input[type="text"]{width:100%}
.online-input>ul>li:last-child textarea{width:100%; box-sizing: border-box;}

.sub_tab>ul>li>a{font-size:13px; padding:13px 5px}

.paging a.num{display:none}

}


@media all and (max-width:750px) {
.banner2{width:95%; display:block;}
.banner2>div{display:block;}
.banner2>div h3{font-size:25px}
.banner2>div p{font-size:18px}
.banner2>div.ban_text{width:100%}
.banner2>div.ban_img{width:100%}

.footer_wrap{display:block}
.footer_wrap>div{display:block;}
.foot_logo{text-align:center; margin-bottom:10px}

.slider-div2 .slick-slide img{margin:0 auto}
.copy p{text-align:center}	

.ban_img{margin-top: 20px;}

.company{padding:50px 0}
.company-title h2{font-size:28px}
.company-title span{font-size:20px}
.company>ul>li{width:100%; margin-left:0}
.company>ul>li:nth-child(n+2){margin-top:4%}
.company>ul>li>a>img{width:100%}

.sub_tab>ul{width:100%}

.info_wrap{padding:50px 0 }

.online-wrap{padding:50px 0}
.online-txt h2{font-size:24px}
.online-txt p{font-size:16px; margin-top:0}

.work-wrap h2{font-size:20px}
.work-wrap h2 br{display:block}

.port_wrap>div.port>ul>li{width:49%}
.port_wrap>div.port>ul>li:nth-child(4n+1){margin-left:2%}
.port_wrap>div.port>ul>li:nth-child(n+5){margin-top:0}
.port_wrap>div.port>ul>li:nth-child(2n+1){margin-left:0}
.port_wrap>div.port>ul>li:nth-child(n+3){margin-top:15px}
.port_wrap>div.port>ul>li p{font-size:14px}

.port-tab>ul>li>a{width:100px; font-size: 12px;}
.view_title{padding:10px}
.view_title p{font-size:14px}
.board_write th{font-size: 12px; width:150px; padding: 10px;}
}
@media all and (max-width:700px){
.top-txt p{font-size:16px}
.top-txt h2{font-size:18px}
.pro-title h2{font-size:20px}

.bot-ban1 .bot-txt h3 span{display:block}

.sub_tab>ul>li{width:25%}


.sub_tab2>ul>li{width:25%}
.sub_tab2>ul>li a{font-size:10px !important}
.sub_tab>ul>li{position:relative;}
.sub_tab>ul>li::after{position:absolute; width: 1px; height: 40%; top:30%; content: ""; background-color:#555; left: 0;}
}

@media all and (max-width:650px){
    .sub_banner{height:300px}
    .sub_banner h2{font-size:18px}

.pro>ul>li{width:100%; margin-left:0}
.pro>ul>li:nth-child(n+3){margin-top:0}
.pro>ul>li:nth-child(n+2){margin-top:20px}
.title{font-size:1.4em}

.la-list>ul>li iframe{height:250px}


.scroll{position:relative; overflow-x:scroll}
.scroll table{width:650px}

.bot-ban2 .bot-txt h3{font-size:30px}



#popup{width:95%; margin-left:0; left: 2.5%;}

.copy>span img{width:280px}

}
@media all and (max-width:600px) {
    .banner_bot>ul>li{width:100%; margin-left:0}
    .banner_bot>ul>li:nth-child(n+2){margin-top:2%}

.slide-text h2{font-size:25px}
.slide-text p{font-size:18px}
.slide-text p br{display:none}

.cp-txt p{font-size:12px}

.wrap{margin:-30px auto 0}
.bot-ban{height:550px}
.bot-ban1 .bot-txt h3{font-size:18px}
.bot-ban1 .bot-txt h3 br{display:none}
.bot-txt p{font-size:14px}

.com_banner p{font-size:14px}
.com_banner p br{display:block}

.sub_banner{animation:ani_back2 20s linear; animation-iteration-count:infinite}
.banner_txt{width:90%; margin:0 auto; left:5%}
.banner_txt h2{font-size:25px}
.banner_txt p{font-size:18px}
.banner_txt p br{display:none}

.car_list h2{font-size:20px}
.car_list .com-txt{margin-top:10px}
.view-more>span{margin:20px auto 0}
.car_list>ul{margin:30px auto 0}
.car_list>ul>li{width:48%; margin-left:4%}
.car_list>ul>li:nth-child(2n+1){margin-left:0}
.car_list>ul>li:nth-child(n+3){margin-top:20px}

.sub_tab>ul>li>a{font-size:14px}

.ceo_text{padding:0}
.ceo_text h3{font-size:20px}
.ceo_text p{font-size:14px; margin-bottom:15px}
.ceo_text p br{display:none}
.ceo_text p span{font-size:14px}
.ceo_text p span br{display:block}

.pro-top{display:block}
.pro-top>div{display:block}
.top-txt{padding-top:120px}
.top-img{position:absolute; top:10px; left:50%; transform:translateX(-50%)}

.sub_con>h2{font-size:25px}
.pro_text{padding:30px}
.pro_text>ul>li{font-size:14px}
.product{margin-top:50px}
.product h2{font-size:25px}
.product>ul>li:first-child{width:100%}
.product>ul>li:nth-child(2){margin-left:0; width:100%; margin-top:4%}
.product>ul>li:last-child figure, .product>ul>li:last-child p{display:block; width: 100%;}

.quick_menu>ul>li{width:40px; height:40px; border-radius:40px; line-height:40px}
.quick_menu>ul>li:first-child{width:40px; height:40px; border-radius:40px}
.quick_menu>ul>li figure img{width:25px}
.quick_menu>ul>li:first-child img {width:25px}
.quick_menu>ul>li img{width:25px}

.board-list table td a{font-size:14px}
.board-list table td{font-size:14px}


.bot-txt a{font-size:14px}

.product-wrap h2{font-size:20px}
.pro-table table th{font-size:14px}
.pro-table table td{font-size:14px}
.pro-table table td:first-child{width:5%}
.pro-table table td:nth-child(3){width:10%}
.pro-table table td:nth-child(4){width:30%}

.pa-txt p br{display:none}
.pa-txt p span{display:block}


.info>ul>li>div:first-child{width:100%}
.info>ul>li>div:nth-child(2){width: 100%}
.info>ul>li>div{width:100%}

.info>ul>li.notice{padding:20px}
.info>ul>li h2{font-size:20px}

.award{margin-top:0}
.date{font-size:14px; width:100px; padding-left:0}
.award_text{font-size:14px}
}

@media all and (max-width:550px){
    .la-table .la-img{width:100%}

    .bot-ban2 .bot-txt h3{font-size:22px; margin-bottom: 30px;}
}

@media all and (max-width:500px){
    .info>ul>li>div{width:100%}
    .info_icon{padding-right:0}
    .info_icon img{display:none}
}
@keyframes zoom {
	0%{opacity:0; transform:scale(1.2)}
	100%{opacity:1; tranform:scale(1)}
 }
 @keyframes main {
	0%{opacity:0; transform:translateY(-40px)}
	100%{opacity:1; transform:translateY(0)}
 }
 @keyframes ani_back{
0% {
    background-position: 85% 0;
}
50% {
    background-position: 85% 100%;
}
100% {
    background-position: 85% 0.1%;
}	
 }
 @keyframes ani_back2{
0% {
    background-position: 49% 0;
}
50% {
    background-position: 49% 100%;
}
100% {
    background-position: 49% 0.1%;
}	
 }
 @keyframes company {
	0%{width:100%}
	100%{width:0}
 }
 @keyframes mainh2 {
	0%{opacity:0; transform:translateY(50%)}
	100%{opacity:1; transform:translateY(10%)}
 }
 @keyframes mainp {
	0%{opacity:0; transform:translateY(50%)}
	100%{opacity:1; transform:translateY(10%)}
 }
 @keyframes text-glow {
	0%{color:#CCC}
	100%{color:#000}
 }