@import "aos.css";

.modal {position:fixed;opacity: 0;z-index:-1;width:100%;height:100%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;background:rgba(0,0,0,0.8);}
.modal.active{opacity: 1;z-index:9999999999999;}
.modal > div{position:absolute;top:50%;left:50%;background:#fff;padding:40px;width:800px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-height:100%;}
.modal > div .modal_tit{padding-bottom:20px;border-bottom:2px solid #ddd;position: relative;}
.modal > div .modal_tit h2{font-size:24px;position:relative;}
.modal > div .modal_tit .close{position:absolute;right:0;top:50%;width:30px;height:30px;cursor:pointer;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.modal > div .modal_tit .close:after{content:"";position:absolute;top:50%;left:50%;width:110%;height:4px;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);background:#000;}
.modal > div .modal_tit .close:before{content:"";position:absolute;top:50%;left:50%;width:110%;height:4px;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);background:#000;}
.modal > div .modal_con{text-align: center;max-height:80vh;overflow-y: auto}
.modal > div .modal_con img{width:100%;}

.none{display: none}
.width-fixed{width:1200px;margin:0 auto;}
p{word-break: keep-all;}
.gray{background:#eee;}
.sub_top {margin-top: -30px;text-align:center;padding:10px;z-index:2;position:relative;}
.sub_top div {display:flex;justify-content: center}
.sub_top div > div{font-size:16px;color:#444;background:#eee;padding:10px;width:150px;display:flex;justify-content: center;align-items: center;cursor: pointer;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;position:relative;overflow: hidden;font-family: 'Gmarket Sans Medium',dotum,sans-serif;font-weight:normal;}
.sub_top.product_top div > div{width:220px;}
.sub_top.other div > div{width:220px;}
/*.sub_top div > div:first-child{width:44px;margin-right:10px;
    -webkit-border-radius:50% 50%;
    -moz-border-radius:50% 50%;
    border-radius:50% 50%;}*/
.sub_top div > div i{font-size:20px;}
.sub_top div > div.mobile_active{display:none;}
.sub_top div > div.div{font-size:14px;font-weight:normal;display:none;}
.sub_top div > div:hover,
.sub_top div > div.active{color:#fff;background:#5bcaf4;}
.sub_top .mobile_drop{display:none;}

/* index */
#gnb_all_wrapper{width:1024px;height:100%;margin:0 auto;position: absolute;right: 0;top: 0;padding-top: 0;padding-left: 110px;background:#fff url('../img/logoshape.png') bottom right / 80% no-repeat;z-index:10;}

.top {position: relative;}
.top .index_top_bg{width:100%;position: absolute;bottom:0;left:0;background:url('../img/index_top_bg.png')center repeat-x;background-size:contain;z-index: 10;height:50px;}

#section0 .play_bar{position:absolute;bottom:150px;width:220px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index:100;}
#section0 .play_bar .bar{height:2px;width:0;background:#5bcaf4;position:absolute;top:0;left:0;z-index:2}
#section0 .play_bar .bg{height:2px;width:100%;background:#444;position:relative;z-index:-1;}
#main_slide{width:100%;height:100vh;}
#main_slide .item-video{overflow-y: hidden;margin-left:-60px;}
#main_slide .item-video.last{overflow-y: hidden;margin-left:-80px;}
#main_slide .item-video .img{width:100%;height:100vh;}
#main_slide .item-video .text{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;padding: 0 50px;z-index: 3}
#main_slide .item-video .text h2, #main_slide .item-video .text1 h2{font-size:32px;font-family: "Gmarket Sans Medium",Dotum,sans-serif;  text-shadow: 1px 1px 6px #666666;letter-spacing: -1px;line-height: 1.4;color:#fff;}
#main_slide .item-video .text h2 span{font-family: "Gmarket Sans Bold",dotum,sans-serif;color: #2aace2}
#main_slide .item-video .text h2 span img{width:340px;display:inline-block;vertical-align: middle;}
#main_slide .item-video .bg {background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;width:100%;height:100%;z-index: 2}

#main_slide .owl-dots {position:absolute;bottom:40px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
#main_slide .owl-dots .owl-dot span{display:inline-block;width:40px;height:2px;background:#fff;margin:0 6px;}
#main_slide .owl-dots .owl-dot.active span{background:#2aace2}
.main_video{width:100%;height:100vh;background:#eee;position: relative;top:0;left:0;background:rgba(0,0,0,.6);overflow: hidden;}
#main_slide video{position: absolute;top:50%;left:0;z-index: 1;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);object-fit: cover;min-width: 100%;min-height: 100%;width: auto;height: auto;}

#product{height:890px;background:url('../img/index_bg_01.jpg')center no-repeat;background-size: cover;width:100%;display:flex;position: relative;}
#product .width-fixed{position: absolute;top:55%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#product:after{content:"";clear:both;display:block;}
#product .left{width:50%;float:left;position: absolute;left:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding-right:50px;}
#product .pd_wrap h2{font-size:48px;word-break: keep-all;text-transform: uppercase;line-height: 66px;color:#191919}
#product .pd_wrap h2 > span{color:#289fcd;font-family:"Gmarket Sans Light",dotum,sans-serif;letter-spacing:-3px;}
#product .pd_wrap p{font-size:26px;margin-top:20px;display:block;color:#767676}
#product .pd_wrap .pd_btns{margin-top:100px;}
#product .pd_wrap .pd_btns:after{content:"";clear:both;display:block;}
#product .pd_wrap .pd_btns div{display:inline-block;vertical-align: middle;padding:8px 0;text-align: center;cursor: pointer;width:calc(50% - 6.66px);margin-right:10px;float:left;font-size:16px;border:1px solid #ddd;background:#fff;color:#000;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
/* width:calc(33.33% - 6.66px); */
#product .pd_wrap .pd_btns div:last-child{margin-right:0;}
#product .pd_wrap .pd_btns div:hover,
#product .pd_wrap .pd_btns div.active{background:#2aace2;border:1px solid #2aace2;color:#fff;}

#product .right{width:50%;float:left;position: absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#pd_slide {height:600px;text-align: center;}
#pd_slide .img {height:570px;text-align: center;}
#pd_slide .img img{height:100%;width: auto;margin:0 auto;}
#pd_slide .top_txt{margin-bottom:15px;}
#pd_slide .top_txt h2{font-size:36px;color:#000}
#pd_slide .top_txt p{font-size:18px;color:#000;}
#pd_slide .owl-dots {position:relative;margin:10px auto;}.right .owl-dots{display: none}
#pd_slide .owl-dots .owl-dot span{display:inline-block;width:40px;height:2px;background:#C9C9C9;margin:0 6px;}
#pd_slide .owl-dots .owl-dot.active span{background:#2aace2}

#specs{padding:100px 0;position: relative;background: #707070}
#specs .width-fixed{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index:10;height:auto;padding-top:0;}
.spec_tit{margin-bottom:40px;text-align: center;}
.br, .spec_tit h2 br{display: none}
.spec_tit h2{/*font-family: 'Gmarket Sans Medium',dotum, sans-serif;color: #fff;*/}
.spec_tit h2 img{display:inline-block;vertical-align:middle;width:320px;margin-top: -6px;margin-right: 20px;}
.spec_tit h2 span{display:inline-block;vertical-align: middle;font-size:40px;font-family: 'Gmarket Sans Medium',dotum, sans-serif;color: #fff;}
.spec_tit p{font-size:16px;color: #fff;margin-top:20px;font-family: 'Gmarket Sans Light',dotum, sans-serif;}

.spec_item:after{content:"";clear:both;display:block;}
.spec_item > div{float:left;width:calc(19.5% - 13px);margin-right:20px;height:280px;cursor: pointer;position: relative;background:#fff;}
.spec_item > div:first-child{background:#fff url('../img/main_tech_01.jpg')center no-repeat;background-size:cover;}
.spec_item > div:nth-child(2){background:#fff url('../img/main_tech_02.png')center no-repeat;background-size:cover;}
.spec_item > div:nth-child(3){background:#fff url('../img/main_tech_03.jpg')center no-repeat;background-size:cover;}
.spec_item > div:nth-child(4){background:#fff url('../img/main_tech_04.jpg')center no-repeat;background-size:cover;}
.spec_item > div:last-child{margin-right:0;background:#fff url('../img/main_tech_05.jpg')center no-repeat;background-size:cover;}
.spec_item > div .spec_txt{text-align: center;position: absolute;left:0;bottom:0;width: 100%;height:80px;background:rgba(0,0,0,0.4);}
.spec_item > div .spec_txt > div{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding:10px 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all 35s;-o-transition: all .3s;transition: all .3s;width:100%;}
.spec_item > div .spec_txt h2{font-size:22px;color:#fff;text-shadow: 1px 1px 2px #666666;font-family:"Gmarket Sans Medium",dotum,sans-serif;font-weight:normal;}
.spec_item > div .spec_txt p{font-size:16px;color:#fff;font-family: 'Gmarket Sans Light',dotum, sans-serif;text-shadow: 0px 0px 2px #444444}


#particles-js{
    width: 100%;
    height: 100vh;
    background-color: #dddddd;
    /*background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;*/
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
}

#contact {height:890px;background:url('../img/index_bg_02.jpg')center no-repeat;background-size: cover;width:100%;}
#contact > div{position: relative;}
#contact .contact_wr{position: absolute;top:50%;left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:100%;}
#contact .contact_wr .left{width:35%;display: inline-block;vertical-align: middle}
#contact .contact_wr .left img{width:100%;}
#contact .contact_wr .right{width:63%;display: inline-block;vertical-align: middle;padding-left:80px;}
#contact .contact_wr .right .contact_txt h2{font-size:40px;font-family: "Gmarket Sans Bold",dotum, sans-serif;}
#contact .contact_wr .right .contact_txt h2 span{font-family: 'Gmarket Sans Light',dotum, sans-serif;}
#contact .contact_wr .right .contact_txt p{font-size:24px;margin-top:10px;font-family: 'Gmarket Sans Light',dotum, sans-serif;}
#contact .contact_wr .right .contact_txt h3{font-size:34px;font-family: 'Gmarket Sans Light',dotum, sans-serif;margin:100px 0 50px;border-bottom:1px solid #000;padding-bottom:8px;width:auto;display: inline-block;}
#contact .contact_wr .right .contact_txt div > div{display:inline-block;vertical-align: middle;width:calc(50% - 2px);padding-right:10px;}
#contact .contact_wr .right .contact_txt div > h4{font-size:24px;font-family: "Gmarket Sans Medium",dotum,sans-serif;font-weight: lighter;}
#contact .contact_wr .right .contact_txt div > p{font-size:16px;}

#inquiry{background:url('../img/index_bg_03.jpg')center / cover no-repeat;width:100%;position: relative;padding:50px 0;text-align: center;background-attachment: fixed;}
#inquiry #container_wr{height:auto;position:absolute;left:50%;top:40%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#inquiry.tail #container_wr{position:relative;top:initial;left:initial;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding:0;}
#inquiry .inquiry_wr{width:500px;border:3px solid rgba(255,255,255,0.5);padding:50px 10px;margin:0 auto;}
#inquiry .inquiry_wr h2{font-size:26px;color:#fff; text-shadow: 0 0 10px #111111}
#inquiry .inquiry_wr p{font-size:18px;color:#fff;padding:5px 0 20px;text-shadow: 0 0 10px #111111}
#inquiry .inquiry_wr input[type=button]{background:#00AEEF;color:#fff;border:none;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;padding:7px 20px;font-size:16px;cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
box-shadow: 0 0 15px #666666}
#inquiry .inquiry_wr input[type=button]:hover{background:#000;}
#inquiry::before{content: "";opacity: 0.3;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;}
.mode_btn{position: fixed;bottom:37px;right:110px;width:110px;z-index: 10000;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.mode_btn > div{padding:8px 0 8px;width:100%;text-align: center;-webkit-box-shadow:  0 3px 6px rgba(0,0,0,0.3);-moz-box-shadow:  0 3px 6px rgba(0,0,0,0.3);box-shadow:  0 3px 6px rgba(0,0,0,0.3);background: #fff;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;color:#000;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;height:34px;display:flex;align-items: center;justify-content: center}
.mode_btn > div i {margin-right:10px;font-size:14px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.mode_btn > div:hover{color:#fff;background: #1e1e1e;}
.mode_btn > div:hover i {color: #ffad1a;}
.mode_btn.on > div{color:#fff;background: #1e1e1e;}
.mode_btn.on > div i{color:#ffad1a}
.mode_btn.on > div:hover {background:#fff;color:#000;}
.mode_btn.on > div:hover i{color:#000;}

.lang{position:fixed;bottom:36px;right:246px;text-align: center;width:110px;height:34px;z-index:10000;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.lang ul li span{padding:9px 20px;width:100%;text-align: center;-webkit-box-shadow:  0 3px 6px rgba(0,0,0,0.3);-moz-box-shadow:  0 3px 6px rgba(0,0,0,0.3);box-shadow:  0 3px 6px rgba(0,0,0,0.3);background: #fff;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;color:#000;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;font-size:14px;display:inline-block;vertical-align: middle;height:34px;line-height:20px;}
.lang ul li span i {display:inline-block;vertical-align: middle;margin-right:10px;font-size:14px;}

.lang ul li .drop_lang{display:none;}
.lang ul li:hover .drop_lang{display:block;position:absolute;top:-112px;}
.lang ul li:hover .drop_lang li{padding:9px 20px;width:100%;text-align: center;-webkit-box-shadow:  0 3px 6px rgba(0,0,0,0.3);-moz-box-shadow:  0 3px 6px rgba(0,0,0,0.3);box-shadow:  0 3px 6px rgba(0,0,0,0.3);background: #fff;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;color:#000;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;font-size:12px;display:inline-block;vertical-align: middle;margin-bottom:5px;}
.lang ul li:hover .drop_lang li i{display:inline-block;vertical-align: middle;margin-right:10px;font-size:12px;}

#inquiry footer{position:absolute;bottom:0;left:0;width:100%;}
#specs footer{position:absolute;bottom:0;left:0;width:100%;}
#video_marketing footer{position:absolute;bottom:0;left:0;width:100%;}

#video_marketing{background:url('../img/index_bg_02.jpg')center / cover no-repeat;width:100%;position:relative;}
#video_marketing .width-fixed{position: absolute;top:40%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index:10;height:auto;padding-top:0;}
#video_marketing .width-fixed .spec_tit{text-align:center;padding-bottom:20px;}
#video_marketing .width-fixed .spec_tit h2{}
#video_marketing .width-fixed .spec_tit h2 img{display:inline-block;vertical-align: middle;width:320px;margin-top: -6px;margin-right: 20px;}
#video_marketing .width-fixed .spec_tit h2 span{display:inline-block;vertical-align: middle;color:#000;font-size:40px;line-height:40px;font-style: italic;font-family:"Gmarket Sans Bold",dotum,sans-serif;}

.video_container {margin-top:50px;}
.video_container #video_slide .item{}
.video_container #video_slide .item .img{width:100%;height:240px;}
.video_container #video_slide .item .title{position:absolute;bottom:10px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);font-size:18px;color:#fff;width:100%;opacity: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;z-index:11;}
.video_container #video_slide .item > .text{position:absolute;bottom:10px;left:50%;width:100%;text-align: center;font-size:18px;color:#fff;font-weight:bold;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;z-index:3;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.video_container #video_slide .item > .play_btn{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:50px;height:50px;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:2;background:url('../img/play_btn.png')center / contain no-repeat;cursor: pointer;}
.video_container #video_slide .item > .bg{background:rgba(0,0,0,.1);-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;position:absolute;left:50%;top:50%;width:100%;height:100%;z-index:1;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.video_container #video_slide .item:hover > .play_btn{opacity: 1;}
.video_container #video_slide .item:hover > .bg{background:rgba(0,0,0,.6);}
.video_container #video_slide .item:hover > .title{opacity: 1;}
/* index */

/* footer */
.ft_wr .ft_top ul{margin-bottom:10px;}
.ft_wr .ft_top ul li{color:#dddddd;cursor: pointer;display:inline-block;margin-right:20px;font-size:1.2em;}
.ft_wr .ft_top p{color: #767676;font-size:1em;font-family:"Gmarket Sans Medium",dotum,sans-serif;}
.ft_wr .ft_top p br{display:none;}
.ft_wr .ft_top p br.pc{display:block;}
/* footer */

.com_w{max-width: 1400px;width: 100%;margin:0 auto;position: relative;padding-top:80px;}
#com_w {margin:100px 0;}
.blind{display: none}
.title{font-size: 48px;font-weight: bold;text-align:  center;color:#191919;font-family:'Gmarket Sans Medium', dotum, sans-serif; }
.sub_tit{font-size: 16px; font-weight: bold; text-align: center;margin-top: 10px; color: #767676;line-height: 20px}
.title_sub{font-size: 25px; font-weight: bold; text-align: center;color: #767676;margin-top:20px;}
.title_sub_page{text-align: center;font-size:26px;padding:50px 0 20px 0;position: relative;color:#333;}
.title_sub_page div{position:absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.title_sub_page button{font-size:16px;background:#000;border:none;color:#fff;padding:5px 10px;}

.sub_content{padding:50px 0;}
.sub_content .content{padding:50px 0;}
.sub_content .sub_p {font-size:14px;text-align: left;word-break:keep-all;line-height:20px;color:#3e3e3e}
.sub_content .sub_p.center {text-align: center;}
.sub_content .sub_p span {font-weight:bold;color: #5bcaf4}
.sub_content .sub_p2 {font-size:14px;text-align: center;word-break:keep-all;clear:both;color:#3e3e3e}

.title_28{
    font-size: 28px;
    font-family:'Gmarket Sans Medium', dotum, sans-serif;
    font-weight: 400;
    color: #191919;
}
.con_20l{
    font-size: 20px;
    color: #191919;
    font-family:'Gmarket Sans Light', dotum, sans-serif;
}
.con_36{
    font-size: 36px;
    color: #191919;
    font-family:'Gmarket Sans Medium', dotum, sans-serif;
}
/*map*/
.title_28>.con_20l{margin-left:80px }
.contact_map{margin-top: 50px;}
.case_item .contact_map{padding: 0 20px;}
.contact_map > div{margin:60px 0;}
.contact_map > div h3{font-size:24px;color:#5bcaf4;}
.contact_map > div h3 span{display:block;font-size:18px;color:#000;font-weight:normal}
.contact_map > div h3 span:nth-child(1){margin-top:20px;}
.contact_map > div h3 span:nth-child(2){margin-top:5px;}
.contact_map #map{margin-top:30px;width: 100%;height: 450px;}
.contact_map #map2{margin-top:30px;width: 100%;height: 450px;}

/*history*/
#left_back{position: fixed;left: 0;  top:0;width: 36.5%;max-width: 700px;height:100vh;background: url("../img/technology.png") no-repeat 50% 50% ;background-size: 55vw;z-index: -100;
}
#left_back::before{
    content: "";
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}

#right_line{
    background: url("../img/his_line.png") no-repeat 50% 50% ;
    background-size: cover;
    width: 20%;
    height: 2px;
    display: block;
    position: fixed;
    right: 0px;top: 490px;
}
#right_con{
    padding: 100px 0;
    width: 100%;
    position:relative;
}

#right_con:after{content:"";width:1px;height:calc(100% - 300px);background:#ddd;display:block;position:absolute;top:120px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index:-1;}

#right_con>div{
    position: relative;
    margin-bottom:80px;
    width:50%;
    padding-right:40px;
}

#right_con>div:nth-child(even){
    width:50%;
    margin-left:50%;
    text-align:left;
    padding-left:40px;
}

#right_con>div:last-child{margin-bottom:0;}

.d_k{
}
#right_con>div>aside{
    background:#5bcaf4;
    -webkit-border-radius:50% 50%;
    -moz-border-radius:50% 50%;
    border-radius:50% 50%;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 15px;
    right: -12.5px;
    z-index: 10;
}

#right_con>div:nth-child(even)>aside{
    left:-12.5px;
    right:0;
}

#right_con>div>h3{
    color: #5bcaf4;
    font-size: 52px;
    position: relative;
    margin-bottom:20px;
}

#right_con>div:nth-child(odd)>h3{text-align:right;}

#right_con  div p {
    margin-bottom:10px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    word-break: keep-all;
}
#right_con  div:nth-child(even) p {
    text-align:left;
    display: flex;
    justify-content: flex-start;
}
#right_con div p span.mobile_mon{display:none;
    font-size: 18px;
    color: #191919;
    font-family:'Gmarket Sans Bold', dotum, sans-serif;
    position: relative;
    vertical-align: middle;
    margin-right:30px;
}
#right_con  div p span.his_con{
    /*border: 1px solid#5bcaf4;*/
    font-size: 18px;
    color: #191919;
    font-family:'Gmarket Sans Medium', dotum, sans-serif;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#right_con  div p span.his_mon_right{
    font-size: 18px;
    width:30px;
    font-family:'Gmarket Sans Bold', dotum, sans-serif;
}

.his_chn div p span{word-break: break-all}

#right_con div p span.his_mon{
    display: inline-block;
    vertical-align: middle;
    width:30px;
    /*border: 1px solid #333;*/
    margin-left: 30px;
    font-size: 18px;
    color: #191919;
    font-family:'Gmarket Sans Bold', dotum, sans-serif;
}
#right_con div p span.his_con_right{
    font-size: 18px;
    margin-left: 30px;
    width:auto;
    font-family:'Gmarket Sans Medium', dotum, sans-serif;
}

.d_e>p:last-child>span{
     position: absolute;
     top:55px;
 }

.d_f>p>span{
    position: absolute;
    top:55px;
}
.d_l>p>strong{
    position: absolute;
    top:0;
    font-size: 36px;
    left: 70px;
}
.d_l>div{
    background-color: #ffffff;
    width: 100%;
    position: absolute;
    top: 50px;
}

#log{
    position:fixed;
    top:0;
    left:0;
    width:100px;
    height:50px;
    background-color:rgba(0,0,0,0.7);
    color:white;
    text-align:center;
    line-height:50px;
    z-index: 2000;
}

#year{
    color: #5bcaf4;
    font-size: 60px;
    width: 240px;
    height: 240px;
    background-color: #fff;
    position: fixed;
    top:360px;
    left: 29.5%;
    border-radius: 50%;
    line-height: 240px;
    text-align: center;
    z-index: 10;
}

#year>span{
    opacity: 0;
}


#promo{
    margin-top: 90px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#promo a{
    background: url("../img/download.png") no-repeat 50% 50% ;background-size: cover;
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    left: 50%;
    top:75%;
    transform: translate(-50% , 0);
    border-radius: 50%;
    border: 1px solid #fff;
}

#promo p{
    text-align: center;
    position: absolute;
    bottom:0;
    width: 100%;
    font-size: 24px;
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
}

#promo>div{
    height: 520px;
    flex-basis: 23%;
    position: relative;
    margin-bottom: 130px;
}
.promo>div{
    height: 460px;
    position: relative;
    border: 1px solid #efefef;
}

.promo:first-child>div{
    background: url("../img/promo1.png") no-repeat 50% 50% ;
    background-size: cover;
}


.promo:nth-child(2)>div{
    background: url("../img/promo2.png") no-repeat 50% 50% ;
    background-size: cover;
}


.promo:nth-child(3)>div{
    background: url("../img/promo3.png") no-repeat 50% 50% ;
    background-size: cover;
}


.promo:nth-child(4)>div{
    background: url("../img/promo4.png") no-repeat 50% 50% ;
    background-size: cover;
}

#effect{
    width: 1190px;
    height: 410px;
    margin: 110px auto 0;
    position: relative;
    color: #191919;
}

#effect>div{
    width: 300px;
    height: 410px;
    background: url("../img/effect.png") no-repeat 50% 50% ;
    background-size: cover;
    display: inline-block;

}

#effect>aside{
    width: 820px;
    height: 270px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin-top: 130px;
}

#effect p{
    font-size: 28px;
    font-family: "Gmarket Sans Light", dotum, sans-serif;
    margin-bottom: 32px;
    line-height: 32px;
    letter-spacing: -2px;
}
#effect span{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
}

#effect_w{
    margin-top: 120px;
    width: 100%;
    height: 1190px;
    background-color: rgba(0, 0, 0, 0.03);
    position: relative;
    color: #191919;
}

#effect_w>div{
    width:1280px;
    padding-top: 140px;
    margin: 0 auto;
}

#effect_w>div>div{
    width:100% ;
    height:300px;
    display: block;
    border: 1px solid rgba(170, 170, 170, 0);
    position: relative;
}

#effect_w h1{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
    font-size: 32px;
    margin-top: 60px;
    width: 500px;
}

#effect_w p{
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
    font-size: 18px;
    text-align: justify;
    margin-top: 10px;
    width:500px ;
}
#effect_w>div>div>div{
    width: 700px;
    height: 300px;
    position: absolute;
    right: 0;
    top:0;
}
#effect_w>div>div:first-child>div{
    background: url("../img/ecn.png") no-repeat 50% 50% ;
    background-size: cover;
}
#effect_w>div>div:nth-child(2)>div{
    background: url("../img/env.png") no-repeat 50% 50% ;
    background-size: cover;
}
#effect_w>div>div:last-child>div{
    background: url("../img/tec.png") no-repeat 50% 50% ;
    background-size: cover;
}

#frio{
    width: 100%;
    max-width: 1460px;
    margin: 110px auto 60px;
    position: relative;
}

#frio>div{
    width:52%;
    max-width: 680px;
    height: 500px;
    background: url("../img/specs_item_02.jpg") no-repeat 50% 50% ;
    background-size: contain;
    display: inline-block;
}

#arrow{
    width: 48px;
    height: 36px;
    margin: 0 auto;
    background: url("../img/down-arrow.png") no-repeat 50% 50% ;
    background-size: cover;
    opacity: .7;
    z-index: 100;
}
.top>#arrow1{position: absolute;width: 60px;height: 60px;bottom: 30px;left: 50%;transform:translate(-50%, 0);background: url("../img/down-arrow-.png") no-repeat 50% 50% ;
    background-size: contain;opacity: 1;z-index: 100;}

#frio>aside{
    width: 50%;
    max-width: 710px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin-top: 110px;
}
#frio p{
    font-size: 28px;
    font-family: "Gmarket Sans Light", dotum, sans-serif;
    margin-bottom: 32px;
    line-height: 32px;
    color: #191919;
}
#frio span{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
}
.frio_w{
    margin: 120px auto 110px;
    width: 100%;
    max-width: 1400px;
    position: relative;
    display: block;
}
.frio_w:after{
    content: "";
    clear: both;
}
.frio_w h1{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
    font-size: 32px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    color: #191919;
}

.frio_w p{
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
    font-size: 16px;
    text-align: justify;
    margin: 20px auto 0;
    width:400px ;
    color: #191919;
}

.frio_w span{
    color: #767676;
    padding-right: 15px;

}

.frio_w:after{content:"";clear:both;display:block;}

.frio_w>div{
   width: calc(33.33% - 20px);
    background-color: #f7f7f7;
    height: 660px;
    display: inline-block;
    float: left;
    position: relative;
    margin-right:30px;
}
.frio_w>div:last-child{margin-right:0;}
/*.frio_w>div:nth-child(2){
    margin: 0 3%;
}*/
.frio_w>div>div:first-child{
    margin: 50px auto 0;
    width: 300px;
    height: 320px;
}

.frio_w>div.fst>div:first-child{
    background: url("../img/motor.png") no-repeat 50% 50% ;
    background-color:  #f7f7f7;
    background-size: cover;
}

.frio_w>div.sec>div:first-child{
    background: url("../img/frioa.png") no-repeat 50% 50% ;
    background-color:  #f7f7f7;
    background-size: cover;
}
/*.frio_w>div.last{float: right}*/
.frio_w>div.last>div:first-child{
    background: url("../img/friob.png") no-repeat 50% 50% ;
    background-color:  #f7f7f7;
    background-size: cover;
}
.frio_c{display: none ! important}

.frio_c .item .img{margin: 0 auto ;width: 100%;height:40vw;}
.control_w .item .img{margin: 0 auto ;width: 100%;height:40vw;}

/*#control{
    max-width: 1460px;
    height: 500px;
    margin: 110px auto 0;
    position: relative;
    width: 100%;
}
#control_w>div:nth-child(2){
    margin: 0 3%;
}
#control>div{
    width: 650px;
    height: 450px;
    background: url("../img/technology_img12.png") no-repeat 50% 50% ;
    background-size: contain;
    display: inline-block;
    border: 0.5px solid #ccc;
    border-radius: 15px;
}
#control>aside{
    width: 55%px;
    height: 330px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin-top: 110px;
}
#control p{
    font-size: 28px;
    font-family: "Gmarket Sans Light", dotum, sans-serif;
    margin-bottom: 32px;
    line-height: 40px;
    color: #191919;
}
#control span{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
}*/
#control_w{
    margin: 140px auto 110px;
    width: 100%;
    height: 580px;
    max-width: 1400px;
}
#control_w h1{
    font-family: "Gmarket Sans Bold", dotum, sans-serif;
    font-size: 32px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    color: #191919;
}
#control_w p{
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
    font-size: 16px;
    text-align: justify;
    margin: 20px auto 0;
    width:400px ;
    color: #191919;
    line-height: 24px;
}
#control_w span{
    color: #767676;
    padding-right: 15px;
    font-size: 12px;
    line-height: 17px;
}
#control_w>div{
    width: 31%;
    background-color: #f7f7f7;
    height: 100%;
    display: inline-block;
    float: left;
}
#control_w>div>div{
    margin: 15% auto 0;
    width: 360px;
    height: 220px;
}
#control_w>div:first-child>div{
    background: url("../img/technology_img14.png") no-repeat 50% 50% ;
    background-size: cover;
}
#control_w>div:nth-child(2)>div{
    background: url("../img/technology_img17.png") no-repeat 50% 50% ;
    background-size: cover;
}
#control_w>div:last-child>div{
    background: url("../img/Group 115.png") no-repeat 50% 50% ;
    background-size: cover;
    }
.control_w{display: none !important;}
/*nstb plus*/
#nstb{
    background: url("../img/nstb.png") no-repeat 50% 50% ;
    background-size: contain;
    margin: 130px auto 0;
    width: 200px;
    height: 52px;
}
#nstb_tit{
    margin: 150px auto 0;
    width: 860px;
    height: 250px;
    border-left: 2px solid #015aaa;
    padding-left: 50px;
}
#nstb_tit h3{
    font-size: 28px;
    color: #191919;
    line-height:1.4;
    letter-spacing: -1px;
    font-family: "Gmarket Sans Light",dotum, sans-serif;
}
#nstb_tit h3:first-child{
    margin-bottom: 20px;
}
#nstb_tit h3 span{
    font-family: "Gmarket Sans Bold",dotum, sans-serif; color: #015AAA;
}

#nstb_w h2{
    font-size: 32px;
    font-family: "Gmarket Sans Bold",dotum, sans-serif;;
    color: #191919;
}
#nstb_w p{
    font-size: 18px;
    line-height: 25px;
    color: #767676;
    margin-top: 10px;
    text-align: justify;
    word-break: keep-all;
}
#nstb1{
    margin-top: 160px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0 10px 0;
}
#nstb1 section{
    /*height: 50%;*/
}
#nstb1 section:first-child{
    width: 1400px;
    margin: 0 auto;
    padding:100px 0;
    border-bottom: 0.5px solid #999;
}
#nstb1 section:first-child h2{
    margin: 84px auto 0;
    max-width: 1200px;
}
#nstb1 section:first-child p{
    margin: 10px auto 0;
    max-width: 1200px;
}
#nstb1 section:last-child{
    margin: 0 auto;
    padding:80px 0;
    max-width: 1400px;
}

#nstb1 section:last-child:after{content:"";clear:both;display:block;}

#nstb1 section:last-child>div:first-child{
    background: url("../img/nstb4.png") no-repeat 50% 50% ;
    background-size: contain;
     max-width: 600px;
    max-height: 500px;
    height: 460px;
    width: 43%;
    float: left;
    /*border: 1px solid #aaaaaa;*/
}
#nstb1 section:last-child>div:last-child{
    width: 56%;
    max-width: 690px;
    padding-left: 20px;
    padding-top: 150px;
    float: right;
}
.nano_dpc, .nano{
    max-width: 1340px;
    height: 200px;
}
.nano1{display: none !important;}
.nano_dpc>div, .nano>div{height: 200px}
.nano>div:first-child{
    width: 38.3%;
    float: left;
    display: inline-block;
    background: url("../img/nstb1.png") no-repeat 50% 50% ;
    background-size: contain;}
.nano>div:nth-child(2){
    width:  35.8%;
    float: left;
    display: inline-block;
    background: url("../img/nstb2.png") no-repeat 50% 50% ;
    background-size: contain;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}
.nano>div:last-child{
    float: right;
    display: inline-block;
    width:  22.3%;
    background: url("../img/nstb3.png") no-repeat 50% 50% ;
    background-size: contain;}

.nano_dpc{display: none}
.nano_dpc>div:first-child{
    width: 38.3%;
    float: left;
    display: inline-block;
    background: url("../img/nstb1-.png") no-repeat 50% 50% ;
    background-size: contain;}
.nano_dpc>div:nth-child(2){
    width:  35.8%;
    float: left;
    display: inline-block;
    background: url("../img/nstb2-.png") no-repeat 50% 50% ;
    background-size: contain;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;}

.nano_dpc>div:last-child{
    float: right;
    display: inline-block;
    width:  22.3%;
    background: url("../img/nstb3-.png") no-repeat 50% 50% ;
    background-size: contain;}

#nstb2{
    margin: 120px auto ;
    width: 1350px;
}
#nstb2 h3{
    color: #191919;
    font-size: 36px;
    text-align: center;
    margin-bottom:90px ;
}
#nstb2>div{
    width: 100%;
    padding: 0 20px;
    height: 190px;
}
#nstb2>div:last-child{
    width: 100%;
    padding: 0 25px;
    height: 310px;
}
#nstb2>div>div:first-child{
    width:  49%;
    max-width: 650px;
    max-height: 185px;
    height: 100%;
    float: left;
}
#nstb2>div>div:last-child{
    width:  49%;
    max-width: 650px;
    height: 100%;
    float: right;
}
#nstb2>div:last-child{
    margin-top: 65px;
    margin-bottom: 200px;
}
.nstb2{
    background: url("../img/nstb5.png") no-repeat 50% 50% ;
    background-size: contain;
}
.nstb2_{
    background: url("../img/nstb6.png") no-repeat 50% 50% ;
    background-size: contain;
}
#nstb2>div:last-child>div>h2{
    margin-top: 40px;
}



#tech{
    width: 100%;
}

#tech:after{
    content: "";
    display: block;
    clear: both;
}

.tech{
    text-align: center;
    background-color: #2aaada;
    height: 200px;
    color: #fff;
    font-size: 28px;
    padding-top: 60px;
    font-family: "Gmarket Sans Light", dotum, sans-serif;
    margin-top: 36px;
}
.tech>span{
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
}
#tech>div{
    float: left;
    width: 50%;
    height: 32.5vw;
    max-height: 600px;
    position: relative;
}

#tech>div.tech3{height:40vw;}
#tech>div.tech_c{
    height:40vw;
}

#tech p{
    font-size: 18px;
    font-family: "Gmarket Sans Light", dotum, sans-serif;
    color: #767676;
    width: 80%;
    text-align: justify;
    margin-top: 14px;
    word-break: keep-all;;
}
#tech h4{
    font-size: 32px;
    font-family: "Gmarket Sans Medium", dotum, sans-serif;
    color: #191919;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
}
.tech1{background: url("../img/t1.png") no-repeat 50% 50% #f7f7f7;
    background-size: contain;}
.tech2{background: url("../img/t2.png") no-repeat 50% 50% #f7f7f7;background-size: contain;}
.tech3{background: url("../img/t3.png") no-repeat 50% 50% #f7f7f7;background-size: contain;}
.tech4{background: url("../img/t4.png") no-repeat 50% 50% #f7f7f7;
    background-size: contain;}
.tech5{ background: url("../img/") no-repeat 50% 50% #f7f7f7;
    background-size: contain;}
.tech_l>h4{
    padding-left: 12.5%;
}
.tech_r>h4{
    padding-left: 11.1%;
}

#bearing_con {padding-top:0;background: #fefcfe}
#bearing_con > div > div:after {content:"";clear:both;display:block;}
#bearing_con .sub_tit {font-size: 16px; color: black; margin: 0 0 15px 0;line-height:normal;text-align:left;font-family: 'Gmarket Sans Bold',dotum,sans-serif;color:#3e3e3e}
#bearing_con .sub_p {width:48%;float:right;font-family:'Gmarket Sans Medium',dotum,sans-serif;color:#3e3e3e}
#bearing_con p span {font-family: 'Gmarket Sans Bold',dotum,sans-serif;color:#3e3e3e}
#bearing_con .bearing_ani{width:48%;float:left;}
#bearing_con .bearing_ani2{display:none;margin-top:0;}

#bearing_con1 {background:#eee;}
#bearing_con1.white {background:#fff;}
#bearing_con1 .tit {padding-bottom: 55px;width:100%;}
#bearing_con1 .tit h3 { font-size: 35px; text-align: left;margin-bottom:30px;font-family:"Gmarket Sans Bold",dotum,sans-serif;text-shadow: 2px 2px 0px rgba(0,0,0,.3);color: #333333;}
#bearing_con1 .tit h3 br { display:none;}
#bearing_con1 .tit h3 span{color:#144b97;}
/*#bearing_con1 .sub_tit {font-size: 30px; color: black; margin: 55px auto 25px;}*/
#bearing_con1 .bearing_nstb{display:flex;flex-direction: column;}
#bearing_con1 .bearing_nstb > div{width:100%;display:flex;justify-content: center;align-items: center;padding:20px 0;border-bottom:1px dashed #a5a5a5}
#bearing_con1.white .bearing_nstb > div{border-bottom:1px dashed #cbcbcb}
#bearing_con1 .bearing_nstb > div:last-child{border-bottom:none}

#bearing_con1 .bearing_nstb > div .img{width:250px;padding:20px;background:#fff;height:180px;display:flex;justify-content: center;align-items: center;position:relative;margin-right:30px;flex-direction: column;cursor:pointer;}
#bearing_con1.white .bearing_nstb > div .img{width:250px;padding:20px;background:#eee;height:180px;display:flex;justify-content: center;align-items: center;position:relative;margin-right:30px;flex-direction: column}
#bearing_con1 .bearing_nstb > div .img p{width:100%;display:block;margin-top:5px;text-align: center;}
#bearing_con1 .bearing_nstb > div .img img{width:80%;}
#bearing_con1 .bearing_nstb > div .img.large img{width:100%;}
#bearing_con1 .bearing_nstb > div .img.fit img{height:100%;width:auto;}
#bearing_con1 .bearing_nstb > div .triple{width:250px;padding:20px;background:#fff;height:180px;display:flex;justify-content: center;align-items: center;position:relative;margin-right:30px;cursor: pointer;}
#bearing_con1 .bearing_nstb > div .triple img{width:100%}
#bearing_con1 .bearing_nstb > div .text{text-align: left;width:75%;position: relative;padding-left:30px;height:100%;}
#bearing_con1 .bearing_nstb > div .text h3{font-size:20px;margin-bottom:10px;color:#3e3e3e}
#bearing_con1 .bearing_nstb > div .text h3 br{display:none;}
#bearing_con1 .bearing_nstb > div .text h4{font-size:20px;margin-bottom:10px;color:#3e3e3e}
#bearing_con1 .bearing_nstb > div .text .sub_p{color:#3e3e3e;font-size:14px;}
#bearing_con1 .bearing_nstb > div .text:after{content:"";width:1px;height:100%;background:#fff;display:block;position:absolute;left:0;top:0;}
#bearing_con1.white .bearing_nstb > div .text:after{content:"";width:1px;height:100%;background:#eee;display:block;position:absolute;left:0;top:0;}

#silver .owl-dots{text-align: center;margin-top:5px;}
#silver .owl-dots .owl-dot{display:inline-block;vertical-align: middle;margin:0 3px;width:8px;height:8px;background:#eee;border-radius: 50% 50%;}
#silver .owl-dots .owl-dot.active{background:#5bcaf4;}

.bearing_con2 {}
.bearing_con2 .width-fixed:after {content:"";clear:both;display:block;}
.bearing_con2.bg {}
.bearing_con2.gray {background:#eee;}
/*#bearing_con2 .sub_tit {font-size: 30px; color: black; margin: 0 auto 20px; }*/
/*#bearing_con2.bg .sub_tit{color:#fff;}*/
.bearing_con2 .bearing_img_left {width: 50%;float:left;margin-bottom:15px;}
.bearing_con2 .bearing_img_right {width: 50%;float:left;margin-bottom:15px;}
.bearing_con2 .content h2{margin-top:15px;text-align: center;font-size:16px;color:#3e3e3e;font-weight:normal;}
.bearing_con2 img {width: 100%;}
.bearing_con2 img.bearing_img01 {width: 100%;margin-bottom:15px;}
.bearing_con2 img.bearing_img02 {}
.bearing_con2 img.bearing_img03 {}
.bearing_con2 .content {padding:50px 0;text-align: center}
.bearing_con2 .content button{padding:10px 30px;border:none;background: #bfbfbf;color:#fff;font-size:16px;-webkit-border-radius:5px 5px;-moz-border-radius:5px 5px;border-radius:5px 5px;margin:30px auto 0 auto;}
.bearing_con2 .content button img {display:inline-block;vertical-align: middle;width:80px;}
.bearing_con2 .content button span {display:inline-block;vertical-align: middle;font-size:16px;color:#000;margin-top:2px;}
.bearing_con2.bg img {width: 80%;}
.bearing_con2 .big_img {margin-top: 30px; width: 60%;float:none;cursor: pointer;}
.bearing_con2 .big_img img {width:100%;}
/*#bearing_con2 p {margin: auto; text-align: center; font-size: 18px; width: 1000px; word-break: keep-all; color: #4d4d4d; padding-top: 30px;}*/
.bearing_con2.bg p {color:#fff;width:auto;}
.bearing_con2 span {color: #5bcaf4; font-weight: bold;}
.bearing_con2 .sub_p{text-align: center;}
.bearing_con2:last-child .big_img{width:40%;display:inline-block;vertical-align:middle;margin-right:20px;}
.bearing_con2:last-child .sub_p{width:45%;display:inline-block;vertical-align:middle;text-align: left;}


#dark_tech{padding-top:0;}
#dark_tech.gray{background:#eee;}
/*#dark_tech .sub_p{text-align: center;}*/
#impeller_con { margin: 100px auto 80px; text-align: center}
/*#impeller_con .sub_tit {font-size: 30px; color: black; margin: 55px auto 25px;}*/
#impeller_con p {margin: auto; text-align: center; font-size: 18px; width: 960px; word-break: keep-all; color: #4d4d4d;}
#impeller_con p span {color: #5bcaf4; font-weight: bold;}

.impeller_tab ul:after{content:"";clear:both;display:block;}
.impeller_tab li{float:left;width:50%;border:1px solid #ddd;padding:15px 0;text-align: center;font-size:20px;cursor: pointer}
.impeller_tab li.on{background:#5bcaf4;color:#fff;font-weight:bold;}
.impeller_tab li:hover{background:#5bcaf4;color:#fff;font-weight:bold;}

#impeller_con1 {padding-bottom: 100px;}
#impeller_con1 .content {text-align: center; margin: 30px auto 80px;}
#impeller_con1 .content.tab01 {display:none;}
#impeller_con1 .content.tab01.on {display:block;}
#impeller_con1 .content.tab02 {display:none;}
#impeller_con1 .content.tab02.on {display:block;}
#impeller_con1 .sub_tit {font-size: 30px; color: black; margin: 55px auto 25px;}
#impeller_con1 p {margin: auto; text-align: center; font-size: 18px; width: 960px; word-break: keep-all; color: #4d4d4d;}
#impeller_con1 p span {color: #5bcaf4; font-weight: bold;}
#dark_tech .img_container {width: 100%; text-align: center; margin: 0 auto 20px auto;}
#dark_tech .img_container:after {content:"";clear:both;display:block;}
#dark_tech .img_container .impeller_img01{width:calc(50% - 50px);float:left;margin-right:100px;}
#dark_tech .img_container .impeller_img02{width:calc(50% - 50px);float:left;}
#impeller_con1 img {margin-top: 3vw; width: 49.5%;}

.airend_con { margin: 0; text-align: center}
.airend_con .content:nth-child(2),
/*.airend_con .content:nth-child(4) {padding: 5vw 0; background-color: rgba(0, 0, 0, 0.03);}*/
.airend_con .content {padding: 50px 0;display:flex;flex-wrap: wrap;align-items: center;}
.airend_con .sub_tit {font-size: 30px; color: black; margin: 25px auto 25px;line-height:normal;}
.airend_con .sub_p{text-align: center !important;}
.airend_con h4 {margin-bottom:10px;text-align: center;font-size:22px;width:100%}
.airend_con p {margin: auto; text-align: center; font-size: 16px; width: 100%; word-break: keep-all; color: #4d4d4d;}
.airend_con p span {color: #5bcaf4; font-weight: bold;}
.airend_con img {margin-top: 30px; width: 70%;}
.airend_con img.dark_mode {display:none;}
.airend_con#airend_sec {/*background:url('../img/nstb_bg.png')center / cover no-repeat;*/text-align: left}
.airend_con#airend_sec .title_sub_page {color:#fff;}
.airend_con#airend_sec h4{color:#fff}
.airend_con#airend_sec p {width: 45%;display:inline-block;vertical-align: middle;text-align:left;padding-left:50px;color:#fff}
.airend_con#airend_sec p span{font-size:26px;color:#fff;margin-bottom:10px;display:block;width:100%;}
.airend_con#airend_sec .img {margin-top:0;width:55%;display:inline-block;vertical-align: middle;padding:20px;background:#fff;}
.airend_con#airend_sec img {margin-top:0;width:100%;}
.airend_con#airend_last {text-align: right;}
.airend_con#airend_last p {width: 55%;display:inline-block;vertical-align: middle;text-align: left;padding-right:50px;font-size:16px;}
.airend_con#airend_last p span{font-size:26px;color:#000;margin-bottom:10px;display:block;width:100%;}
.airend_con#airend_last .img {width: 45%;display:inline-block;vertical-align: middle;text-align: center;}
.airend_con#airend_last .img p{text-align: center;padding:10px 0 0;}
.airend_con#airend_last img {margin-top:0;width:100%;}

.airend_con .airend_positive {text-align: left;}
.airend_con .airend_positive p{display:inline-block;vertical-align: middle;width:55%;padding-right:50px;}
.airend_con .airend_positive p span{font-size:26px;color:#000;margin-bottom:10px;display:block;width:100%;}
.airend_con .airend_positive img{display:inline-block;vertical-align: middle;width:45%;}

.airend_tab {margin-top:100px;}
.airend_tab ul:after{content:"";clear:both;display:block;}
.airend_tab li{float:left;width:33.33%;border:1px solid #ddd;padding:15px 0;text-align: center;font-size:20px;cursor: pointer}
.airend_tab li.on{background:#5bcaf4;color:#fff;font-weight:bold;}
.airend_tab li:hover{background:#5bcaf4;color:#fff;font-weight:bold;}

.airend_tab01{display:none;}
.airend_tab02{display:none;}
.airend_tab03{display:none;}

.airend_tab01.on{display:block;}
.airend_tab02.on{display:block;}
.airend_tab03.on{display:block;}

/* blower */
.blower .img h4{font-size:26px;text-align: center;padding:30px 0;font-family: "Gmarket Sans Bold",dotum,sans-serif;font-weight:bold;letter-spacing: -1px;}
.blower .img img{width:100%;}
.blower .img img.dark_mode{display:none;}
/* blower */



.title_{
    font-size: 48px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    text-align: center;
}

.intro_wrap{position:relative;width:1200px;margin:0 auto;padding:260px 0;}

#com1{
    width: 100%;
    background: url("../img/com_back.jpg") center / cover no-repeat;
    position: relative;
    color: #191919;
}
#com1 .title{font-family:"Gmarket Sans Bold",dotum,sans-serif;font-size:40px;color:#fff;}

#com1 h2{
    font-size: 57px;
    color: #fff;
    font-weight:lighter;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    letter-spacing: -1px;
    line-height: 68px;
    text-align: center;
    margin: 150px auto 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
    width:100%;
}
#com1 h2 span {
    font-family: "Gmarket Sans Medium", Dotum, sans-serif;
}
#com1 h4 {
    margin-top: 40px;
    font-size: 28px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 1.5px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}
#com1 p span{
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    color:#5bcaf4;
}

#com1 p{
    color:#fff;
    margin: 10px auto;
    font-size: 28px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    text-align: center;
}
#com2{
    background-color: #fff;
    padding:100px 0 100px;
    color: #191919;
}

#com2 > div {}
#com2 > div > div{width:100%;margin-top:50px;}
#com2 > div > div:after{content:"";clear:both;display:block;}
#com2 > div > div > div{width:calc(33.33% - 13.33px);margin-right:20px;float:left;padding:20px 30px;}
#com2 > div > div > div:after{content:"";display:block;position:absolute;left:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:30px;height:100%;background:url('../img/nav_bg.png')left / cover no-repeat;}
#com2 > div > div > div:first-child:after{display:none;}
#com2 > div > div > div:last-child{margin-right:0;}
#com2 .vision_txt{}

#com2 h5{
    font-size: 36px;
    color: #58cbf5;
    font-family: "Gmarket Sans Bold",Dotum,sans-serif;
    text-align:center;
    height:100px;
    display:flex;
    align-items:center;
    justify-content: center;
    padding-bottom:20px;
    border-bottom:1px solid #767676;
}

#com2 h4{
    font-size: 26px;
    padding-top:20px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 1.5px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}
#com2 p{
    width:calc(100% - 20%);
    margin:0 auto;
    word-break: keep-all;
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
}

#com2 p span{
    color: #58cbf5;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}

#com2_2{
    padding:100px 0;
    color: #191919;
    background:#eee;
}
#com2_2 .title{margin:0 0 50px 0;}
#com2_2 > div:after{
    content:"";
    clear:both;
    display:block;
}
#com2_2 > div > div{
    width: calc(33.33% - 40px) !important;
    margin-right:60px;
    float: left;
    text-align: center;
    padding:30px;
}
#com2_2 > div > div:last-child{
    margin-right:0;
}
#com2_2 > div > div h4{
    font-size: 28px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;

}
#com2_2 > div > div p{
    border-bottom: 1px solid #767676;
    padding-bottom: 14px;
    margin-top: 40px;
    font-size: 25px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
    word-break: keep-all;
}
#com2_2 > div > div p span{
    color: #5bcaf4;
}
#comi{width:220px;height:220px;background: url("../img/comi.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}
#comj{width:220px;height:220px;background: url("../img/comj.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}
#com2_2 > div > div:last-child div:first-child{width:220px;height:220px;background: url("../img/comk.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}

#com3{
    color: #191919;
    width: 100%;
    padding: 100px 0;
}
#com3 .title{margin:0 0 50px 0;}
#com3 > div:after{
    content:"";
    clear:both;
    display:block;
}

#com3 > div > div{
    width: calc(33.33% - 40px) !important;
    margin-right:60px;
    float: left;
    text-align: center;
    padding:30px;
}
#com3 > div > div:last-child{
    margin-right:0;
}
#com3 > div > div h4{
    font-size: 28px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    text-align: center;
    margin-top: 40px;
    border-bottom: 1px solid #767676;
    padding-bottom: 14px;
}
#com3 > div > div p{
    font-size: 16px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    padding-top: 14px;
    margin-top: 14px;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center;
    word-break: keep-all;
}
#coma{width:220px;height:220px;background: url("../img/coma.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}
#comb{width:220px;height:220px;background: url("../img/comb.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}
#com3 > div > div:last-child div:first-child{width:220px;height:220px;background: url("../img/comc.svg") no-repeat 50% 50% ;background-size: contain;margin:0 auto;}
#com4 .title_{width: 50%;margin: 0 auto}
#com4w{
    color: #191919;
    max-width: 1400px;
    margin:70px auto ;
}

.certi_tab {width:800px;margin:0 auto 30px auto;}
.certi_tab ul:after {content:"";clear:both;display:block;}
.certi_tab ul li{width:calc(33.33% - 6.66px);float:left;text-align: center;font-size:16px;padding:10px;background:#ddd;border-radius: 30px 30px;margin-right:10px;cursor: pointer;}
.certi_tab ul li:last-child{margin-right:0;}
.certi_tab ul li:hover,.certi_tab ul li.active{background:#5bcaf4;color:#fff;}

#certi_slide .item{border: 1px solid #dddddd;}
#certi_slide .item > div{position: absolute;width:100%;bottom:0;left:0;padding:5px 0;opacity:0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#certi_slide .item:hover > div{opacity:1;}
#certi_slide .item.mobile > div{opacity:1;}
#certi_slide .item > div:after{content:"";clear:both;display:block;}
#certi_slide .item > div button{width:calc(50% - 10px);margin:0 5px;border:none;background:#000;color:#fff;font-size:15px;padding:7px;float:left;-webkit-border-radius:5px 5px;-moz-border-radius:5px 5px;border-radius:5px 5px;}
#certi_slide .item > div button:hover{background:#5bcaf4}
#certi_slide .item > div button i{margin-right:8px;}
#certi_slide .owl-dots{position:relative;margin-top:50px;text-align: center}
#certi_slide .owl-dots .owl-dot{width:15px;height:15px;display:inline-block;margin:0 6px;-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;background:#ddd;}
#certi_slide .owl-dots .owl-dot.active{background: #5bcaf4;}

/*max series*/
/*#max_back{position: fixed;background: url("../img/s_back.jpg") center / cover  no-repeat ;  width: 100%;height: 100%; top: 0;z-index: -2;}*/
#max_back{position: fixed;background:#000 ;  width: 100%;height: 100%; top: 0;z-index: -2;}

#maxs{
    color: #fff;
    position: relative;
}

/*title*/

#max_Back1{position: absolute;}
#maxs>h1.title{
    z-index: 100;
    color: #fff;
    margin-top: 100px;
}
#max_con{
    margin-top: 140px;
    margin-bottom: 46px;
    text-align: center;
    z-index: 10;
}
.max_con{
    z-index: 10;
    width: 100%;
    max-width: 1080px;
    margin: 176px auto 0;
    border-left: 2px solid #fff;
    padding: 12px 0 12px 30px;
}
.max_con:after{
    content: "";
    display: block;
    clear: both;
}
.max_con h3{
    font-size: 68px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    color: #5bcaf4;
    margin-top: -20px;

}
#max_con div{
    margin: 50px auto 0;
}

.div_img{background:url('../img/product_top_bg.jpg') center / contain no-repeat fixed;width:1100px;}

#max_con img {width: 100%;}

#max_con p {
    font-size: 16px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    text-align: center;
    padding-left: 40px;
    line-height:26px;
    word-break: keep-all;
}
#max_con p img {
    width: auto;
    height: 14px;
    transform: translate(-2px,-2px);
}
.max_con p{
    font-size: 24px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    letter-spacing: -1.8px;
}
.max_con h2{
    font-size: 42px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    line-height: 50px;
}
.max_con h2 strong{
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}
.max_con span{
    font-size: 60px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}
#maxs .title_product{color:#fff;padding-bottom:20px;text-align:center;font-size:33px;}

/*section2*/



.pc1{
}
.pc1:after{
    content: "";
    display: block;
    clear: both;
}
.pc1>div{
    float: left;
    width: 31.37%;
}
.pc1>div>div:first-child{
    height: 280px;
    position: relative;
}
.pc1>div:first-child>div:first-child{
    background: url("../img/max1.png") no-repeat 50% 50% ;background-size: cover;
}
.pc1>div:nth-child(2){
    margin: 0 2.939%;}
.pc1>div:nth-child(2)>div:first-child{
    background: url("../img/max2.png") no-repeat 50% 50% ;background-size: cover;
}
.pc1>div:last-child>div:first-child{
    background: url("../img/max3.png") no-repeat 50% 50% ;background-size: cover;
}
.pc1 h1{
    color: #ffffff;
    font-size:25px;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pc1>div>div:last-child{
    background-color: #1a1a1a;
    padding:20px;
}
.pc1 p{
    font-size: 14px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    line-height: 24px;
    background: url("../img/check.png") left center / 15px 12px  no-repeat ;
    padding-left: 40px;
}
/*
#max_con1{
}
#max_con1:after{
    content: "";
    display: block;
    clear: both;
}
#max_con1>div{
    float: left;
    width: 31.37%;
}
#max_con1>div>div:first-child{
    height: 280px;
    position: relative;
}
#max_con1>div:first-child>div:first-child{
    background: url("../img/max1.png") no-repeat 50% 50% ;background-size: cover;
}
#max_con1>div:nth-child(2){
    margin: 0 2.939%;}
#max_con1>div:nth-child(2)>div:first-child{
   background: url("../img/max2.png") no-repeat 50% 50% ;background-size: cover;
}
#max_con1>div:last-child>div:first-child{
    background: url("../img/max3.png") no-repeat 50% 50% ;background-size: cover;
}
#max_con1 h1{
    color: #ffffff;
    font-size:25px;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#max_con1>div>div:last-child{
    background-color: #1a1a1a;
    padding:20px;
}
#max_con1 p{
    font-size: 14px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    line-height: 24px;
    background: url("../img/check.png") left center / 15px 12px  no-repeat ;
    padding-left: 40px;
}*/
.max_con1{display: none !important;}

#maxs1>h1, #maxs2>h1{
    font-size: 48px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    text-align: center;
}
#maxs1{

    width: 100%;
}
#maxs1 .img{
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

#maxs1 .img img{width:100%}
#maxs1 .img div{width:33.33%;padding:0 20px;}
#maxs1 .img div:last-child{width:41.8%;}
#maxs1 .img h2{font-size:22px;text-align: center;margin-top:30px;}

#maxs2{
    margin: 50px auto;
    max-width: 1400px;
}

#maxs2 .series_tab{text-align: center;margin-bottom:50px;}
#maxs2 .series_tab li{display:inline-block;width:300px;padding:10px;border-radius: 40px 40px;font-size:18px;color:#fff;border:1px solid #fff;background: transparent;cursor: pointer}
#maxs2 .series_tab li:first-child{margin-right:20px;}
#maxs2 .series_tab li:hover,
#maxs2 .series_tab li.active{background:#fff;color:#000;}

#maxs2 table{width:100%;border-spacing:0;margin-top:100px;}
#maxs2 table th{background:#fff;color:#000;padding:10px;font-size:14px;border-bottom:1px solid #000;border-right:1px solid #000;}
#maxs2 table td{color:#fff;border-bottom:1px solid #fff;font-size:14px;text-align: center;border-right:1px solid #fff;}
#maxs2 table td:last-child{border-right:none;}

#maxs2 h1{
    margin-bottom: 30px;
}

#ds {
    color: #fff;
    position: relative;
}
#ds_back {position: absolute;background: url("../img/s_back.png") no-repeat 0 50% ;background-size: cover;  width: 100%;height: 1624px; top: 0;z-index: -1;}

#ds_con {
    margin-top: 100px;
    margin-bottom: 46px;
    text-align: center;
    z-index: 10;
}

#ds_con img{width:50%;margin:0 auto;}

#ds .title {z-index: 100; color: #fff; margin-top: 60px;}

#ds_con1 p{
    font-size: 14px;
    font-family: "Gmarket Sans Light",Dotum,sans-serif;
    line-height: 22px;
    text-align: center;
    margin:  10px 10% 50px;
    word-break: keep-all;
}

#ds_con1 img{width:100%}

#ds_con2 { margin-top: 100px;margin-bottom: 100px;text-align: center;}
#ds_con2 .img {padding:20px;background: #fff;margin-top:30px;}
#ds_con2 img {width: 100%;}

#request_w{
   width: 500px;
    margin: 30px auto auto;
}

#request_w>span{
    font-size: 12px;
    color: #767676;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}

#request_w li{
    font-size: 18px;
    color: #191919;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    width: 100%;
    border-bottom: 2px solid #333;
    /*padding-bottom: 8px;*/
    padding-top: 10px;
}

#request_w li:first-child{
/*    padding-top: 20px;*/
}

#request_w input{
    margin-left: 20px;
    width: 300px;
    padding: 5px;
    border-radius: 12px;
    border: 0px solid rgba(170, 170, 170, 0);
    display: inline-block;
}

#request_w textarea{
    margin-top: 7px;
    width: 100%;
    height: 150px;
    border: 5px solid #333333;
    border-radius: 12px;
    padding: 10px;
    resize: none;
}
#request li:nth-child(5){
    border-bottom: 1px solid #ffffff;
}

#request li:nth-child(6){
    height: 40px;
    padding: 0;
    display: inline-block;
    position: relative;
    width: 350px;
    margin-left: 130px;
}
#request li:nth-child(6) input:first-child{
    color: #767676;
    font-size: 14px;
    position: absolute;
    left: 20px;
    padding: 5px ;
}
#request li:nth-child(6)>input:last-child{
    color: #191919;
    font-size: 16px;
    position: absolute;
    right:10px;
    width:45px;
    padding: 10px 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0);
    margin-top: -5px;
}
#request_w div:nth-child(3){
    margin-top: 5px;
}
#request_w div:nth-child(3) input[type="checkbox"]{
    width: 24px;
    height: 24px;
    margin: 0 10px  0 0;
    padding: 0;
    /*border: 2px solid #015AAA;*/
}
#request_w div:nth-child(3) a{
    font-size: 18px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}
#request_w div:nth-child(3) a span:first-child{
    color: #015AAA;
}
#request_w div:nth-child(3) a span:last-child{
    color: #767676;
}

#request_w div:nth-child(4){
    width: 260px;
    height: 50px;
    position: relative;
    margin: 30px auto 150px;
}
#request_w div:nth-child(4) input{
    width: 120px;
    height: 45px;
    float: left;
    padding: 0;
    margin: 0;
    border-radius: 22px;
}
#request_w div:nth-child(4) input:first-child{
    margin-right: 20px;
    border: 3px solid #c1c1c1;
    color: #191919;
    font-size: 18px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    background-color: #fff;
}

#request_w div:nth-child(4) input:last-child{
    color: #fff;
    font-size: 18px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    background-color: #015aaa;
}

#request_w input[type="button"]:hover{
    cursor: pointer;
}
#file:hover{cursor: pointer;}
#request li:nth-child(6):hover{
    cursor: pointer;
}
#request li:nth-child(6) label:first-child{
    cursor: pointer;
    width: 120px;
    height: 35px;
    border-radius: 17px;
    padding: 0;
    color: #fff !important;
    background-color: #333333;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    position: absolute;
    left: -130px;
}
#file{display: none !important;}
.close{ -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    transition: 1s;}
.open{
    z-index: 100;
    margin: 0 auto;
    width: 80px;
    height: 48px;
    display: block;
    background: url("../img/down-arrow-.png") no-repeat 0 50%;
    background-size: cover;
    border: 0px solid #000;
    transition: 1s;
}
.opened{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    transition: 1s;
}
#spec_container{
    background: url("../img/spec.png") no-repeat 0 50%;
    background-size: contain;
    display: none;
    width: 100%;
    height: 2080px;
    margin-top:100px ;
}

#data_w{
    width: 500px;
    margin: 30px auto auto;

}

#data_w>span{
    font-size: 12px;
    color: #767676;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
}

#data_w li{
    font-size: 18px;
    color: #191919;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    width: 100%;
    border-bottom: 2px solid #333;
    padding:6px 0;
    margin-bottom:10px;
}

#data_w li:first-child{
    padding-top: 10px;
}

#data_w li > label{width:100px;display:inline-block;vertical-align: middle;}
#data_w li > label span{color:orangered}

#data_w input{
    width: calc(100% - 100px);
    padding: 5px;
    border-radius: 12px;
    border: 1px solid rgba(170, 170, 170, 0);
}

#data{margin-top:20px;}

#data li:nth-child(6){
    border-bottom: 1px solid #ffffff;
}
#data_w textarea{
    margin-top: 7px;
    width: 100%;
    height: 100px;
    font-size:15px;
    background:#eee;
    border:none;
    border-bottom:2px solid #000;
    padding: 10px;
    resize: none;
}
#data_w div:nth-child(3){
    /*margin-top: 10px;*/
}
#data_w div.agree_chk input[type="checkbox"]{
    display:none;
    /*border: 2px solid #015AAA;*/
}

#data_w div.agree_chk input[type="checkbox"] + label{
    font-size: 16px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    position: relative;
    cursor: pointer;
}

#data_w div.agree_chk input[type="checkbox"] + label:before{
    content:"";
    width:20px;
    height:20px;
    border:2px solid #ddd;
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
}

#data_w div.agree_chk input[type="checkbox"]:checked + label:after{
    content:"";
    width:8px;
    height:8px;
    background:#015AAA;
    position: absolute;
    top:11px;
    left:6px;
}

#data_w div.agree_chk a{
    display: inline-block;
    vertical-align: middle;
    color:#015AAA;
}
#data_w div.agree_chk a span,
#data_w div.agree_chk span{
    display:inline-block;
    vertical-align: middle;
}


#data_w div.btn_group{
    width:260px;
    height: 50px;
    position: relative;
    margin: 30px auto 100px;
}
#data_w div.btn_group input{
    width: 120px;
    height: 45px;
    float: left;
    padding: 0;
    margin: 0;
    border-radius: 22px;
}
#data_w div.btn_group input:first-child{
    margin-right:20px;
    border: 3px solid #c1c1c1;
    color: #191919;
    font-size: 18px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    background-color: #fff;
}

#data_w div.btn_group input:last-child{
    color: #fff;
    font-size: 18px;
    font-family: "Gmarket Sans Medium",Dotum,sans-serif;
    background-color: #015aaa;
}

#data_w input[type="button"]:hover{
    cursor: pointer;
}
#data li:nth-child(6) input:hover{
    cursor: pointer;
}


#pd_rotate{position: relative;text-align: center;}
#pd_rotate img.loading_img{width:100%;}
#pd_rotate:before{content:"";position: absolute;font-size:14px;color:#eee;top:50%;left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#pd_rotate:after{content:"";position: absolute;font-size:14px;color:#eee;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.cd-product-viewer-wrapper {
    text-align: center;
    padding:  0;
}
.cd-product-viewer-wrapper > div {
    display: inline-block;
}
.cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    margin:0;
}
.cd-product-viewer-wrapper img {
    /* this is the image visible before the image sprite is loaded */
    display: block;
    position: relative;
    z-index: 1;
}
.cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    /* our image sprite is composed by 16 frames */
    width: 3700%;
    /*background: url(../img/alfa.png) no-repeat center center;*/
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.cd-product-viewer-wrapper.loaded .product-sprite {
    /* image sprite has been loaded */
    opacity: 1;
    cursor: pointer;
}

.cd-product-viewer-handle {
    position: relative;
    z-index: 2;
    width: 60%;
    max-width: 300px;
    border-radius: 50em;
    margin: 10px auto ;
    height: 4px;
    background: #4d4d4d;
}
.cd-product-viewer-handle h2{padding-top:40px;font-size:16px;color:#999;}

.cd-product-viewer-handle .fill {
    /* this is used to create the loading fill effect */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #5bcaf4;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.no-csstransitions .cd-product-viewer-handle .fill {
    display: none;
}
.loaded .cd-product-viewer-handle .fill {
    /* image sprite has been loaded */
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.3s;
}
.cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 22px;
    width: 22px;
    left: 0;
    top: -10px;
    background: #5bcaf4 /*url(../img/cd-arrows.svg) no-repeat center center*/;
    border-radius: 50%;
    /* replace text with image */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.loaded .cd-product-viewer-handle .handle {
    /* image sprite has been loaded */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce 0.3s 0.3s;
    -moz-animation: cd-bounce 0.3s 0.3s;
    animation: cd-bounce 0.3s 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: pointer;
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
    }
}
@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: translateX(-50%) scale(0);
    }
    60% {
        -moz-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}
@keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}


.ttest {}
.ttss {border-bottom: 1px dashed #3e3e3e; /*padding-bottom: 50px;*/ margin-bottom: 10px; width:100%; padding:20px 10px;float:left;}
.ttss:nth-child(2) {margin-top:30px;border-top: 1px dashed #3e3e3e;}
.ttss:last-child {margin-bottom:0;}
.ttss img {display:inline-block;vertical-align: middle;width:12%;margin-right:20px;opacity: .4;}
.ttss img.dark_mode {display:none;}
.ttss > div {display:inline-block;vertical-align: middle;text-align: left;width:80%;}
.ttss > div h4 {margin-bottom:6px !important;}
.ttss .p1 {font-size: 14px; text-align: left;color: #3e3e3e; width:auto !important;word-break: keep-all;font-family: "Gmarket Sans Medium",dotum,sans-serif;}
.leftt {border:1px solid red;}
.img_container2 {/*display: inline-block;*/}


.blower .blower_con {display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: center;padding:20px;border-radius: 20px 20px;overflow: hidden;background:#fff;}
.blower .blower_con:nth-child(2) {margin-top:40px;margin-bottom:10px;}
.blower .blower_con:last-child {margin-bottom:40px;}
.blower .blower_con .img{width:20%;overflow: hidden;height:240px;}
.blower .blower_con .sub_p{width:80%;word-break: keep-all;}
.blower .blower_con .sub_p:last-child{padding-left:30px;}
.blower .blower_con .sub_p:first-child{padding-right:30px;text-align: right}
.blower .blower_con .sub_p h4{font-size:24px;line-height: normal;}

.blower .blower_con2 {display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: center;overflow: hidden;background:#fff;}
.blower .blower_con2:nth-child(2) {margin-top:40px;margin-bottom:0;}
.blower .blower_con2:last-child {margin-bottom:40px;padding-top:0;padding-bottom:0;}
.blower .blower_con2 .img{width:30%;overflow: hidden;border:2px solid #ddd;}
.blower .blower_con2 .sub_p{width:70%;word-break: keep-all;}
.blower .blower_con2 .sub_p:last-child{padding-left:30px;}
.blower .blower_con2 .sub_p:first-child{padding-right:30px;text-align: right}
.blower .blower_con2 .sub_p h4{font-size:24px;line-height: normal;}

#case{padding-top:0;}
.case_item{display:flex;justify-content: space-around;}
.case_item > div{margin-right:10px;border:1px solid #ddd;flex:1 auto;width:calc(20% - 8px);}
.case_item > div:last-child{margin-right:0;}
.case_item > div .img{width:100%;height:160px;overflow: hidden;position:relative;}
.case_item > div .img > img{width:auto;opacity: 0;height:100%;}
.case_item > div .img h2{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color:#fff;text-align: center;width:100%;z-index: 3;font-size:20px;}
.case_item > div .img .case_bg{position: absolute;width:100%;height:100%;background:rgba(0,0,0,.3);left:0;top:0;z-index: 2}
.case_item > div .txt{padding:10px;}
.case_item > div .txt p{font-size:15px;display:flex;align-items: center;}
.case_item > div #case_slide{background:rgba(0,0,0,.3)}
.case_item > div #case_slide .item{height:160px;}
.case_item > div #case_slide .item img{opacity: 0;}

.case_study{padding:50px 0;}
.case_study .title_sub_page span{font-family: 'Gmarket Sans Light',dotum,sans-serif;}
.case_study.gray{background:#eee;}
.case_study .study_con {display:flex;align-items: center;}
.case_study .study_con .sub_p{width:60%;padding-left:40px;}
.case_study .study_con .sub_p h4{font-size:22px;line-height: normal;margin-bottom:10px;color:#3e3e3e;word-break: keep-all}
.case_study .study_con .sub_p table{width:100%;margin-top:30px;}
.case_study .study_con .sub_p table th{padding:5px;background:#eee;font-weight:bold;font-size:12px;text-align: center;}
.case_study .study_con .sub_p table td{padding:5px;font-size:12px;text-align: center;border-bottom:1px solid #eee;border-right:1px solid #eee;}
.case_study .study_con .sub_p table td:last-child{border-right:none;}
.case_study .study_con .imgs{width:40%;display:flex;justify-content: center;}
.case_study .study_con .imgs #study1{width:80%;}
.case_study .study_con .imgs #study1 .item{border:1px solid #ddd;}
.case_study .study_con .imgs .hashs01{display:flex;flex-direction: column;width:20%;margin-right:15px;}
.case_study .study_con .imgs .hashs01:after{content:"";clear:both;display:block;}
.case_study .study_con .imgs .hashs01 > a{float:left;width:100%;height:85px;overflow: hidden;margin-bottom:8px;border:3px solid #ddd;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.case_study .study_con .imgs .hashs01 > a.active,
.case_study .study_con .imgs .hashs01 > a:hover{border:3px solid #5bcaf4}
.case_study .study_con .imgs .hashs01 > a:last-child{margin-right:0;}
.case_study .study_con .imgs .hashs01 > a img{width:100%;opacity: 0;}

.case_study .study_con .imgs #study2{width:80%}
.case_study .study_con .imgs #study2 .item{border:1px solid #ddd;}
.case_study .study_con .imgs .hashs02{display:flex;flex-direction: column;width:20%;margin-right:15px;}
.case_study .study_con .imgs .hashs02:after{content:"";clear:both;display:block;}
.case_study .study_con .imgs .hashs02 > a{float:left;width:100%;height:85px;overflow: hidden;margin-bottom:8px;border:3px solid #ddd;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.case_study .study_con .imgs .hashs02 > a.active,
.case_study .study_con .imgs .hashs02 > a:hover{border:3px solid #5bcaf4}
.case_study .study_con .imgs .hashs02 > a:last-child{margin-right:0;}
.case_study .study_con .imgs .hashs02 > a img{width:100%;opacity: 0;}

.case_study .study_con .imgs #study3{width:80%}
.case_study .study_con .imgs #study3 .item{border:1px solid #ddd;}
.case_study .study_con .imgs .hashs03{display:flex;flex-direction: column;width:20%;margin-right:15px;}
.case_study .study_con .imgs .hashs03:after{content:"";clear:both;display:block;}
.case_study .study_con .imgs .hashs03 > a{float:left;width:100%;height:85px;overflow: hidden;margin-bottom:8px;border:3px solid #ddd;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.case_study .study_con .imgs .hashs03 > a.active,
.case_study .study_con .imgs .hashs03 > a:hover{border:3px solid #5bcaf4}
.case_study .study_con .imgs .hashs03 > a:last-child{margin-right:0;}
.case_study .study_con .imgs .hashs03 > a img{width:100%;opacity: 0;}


.certifi .no-list{padding:100px 0;text-align: center;font-size:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

#control {padding-top:0;}
#control .content h4{margin-bottom:10px;text-align: center;font-size:20px;color:#3e3e3e;font-family: 'Gmarket Sans Bold',dotum,sans-serif;}
#control .ctrl_imgs{display:flex;margin-top:50px;}
#control .ctrl_imgs > div{float:left;width:calc(33.33% - 30px);margin-right:45px;}
#control .ctrl_imgs > div img{width:100%;border:1px solid #ddd;}
#control .ctrl_imgs > div  div{font-size:16px;margin-top:10px;text-align: center;}
#control .ctrl_imgs > div:last-child{margin-right:0;}

.ctrl_content {display:flex;align-items: center;margin: 0;padding: 20px 0 !important;}
.ctrl_content .text{width:65%;padding-left:30px;position:relative;}
.ctrl_content .text:after{content:"";width:1px;height:100%;background:#fff;display:block;position:absolute;left:0;top:0;}
.ctrl_content .text h3{font-size: 20px;font-family: 'Gmarket Sans Bold',dotum,sans-serif;margin-bottom: 10px;color: #3e3e3e;}
.ctrl_content .text .sub_p ul li{font-size:14px;color:#3e3e3e}
.ctrl_content .img{width:35%;padding:20px;background:#fff;display:flex;justify-content: center;align-items: center;position:relative;margin-right:30px;flex-direction: column}
.ctrl_content .img img{width:100%;}


.sub_content#carbons {padding-top:0;}
.content#carbon h4{margin-bottom:10px;text-align: center;font-size:22px;font-family: 'Gmarket Sans Bold',dotum,sans-serif;}
.content#carbon h4 span{color:#6fc5d2}
.content#carbon2 {display:flex;justify-items: center;flex-direction: column}
.content#carbon2 h4{margin-bottom:10px;text-align: center;font-size:22px;font-family: 'Gmarket Sans Bold',dotum,sans-serif;}
.content#carbon2 .left{width:100%;}
.content#carbon2 .left .sub_p{text-align: center;/*letter-spacing: -1px;*/}
.content#carbon2 .right{width:100%;margin-bottom:20px;}
.content#carbon2 .right .img{width:100%;border:1px solid red;}
.content#carbon2 .right #chart{background:#fff;padding:20px 0;text-align: center;width:750px;position:relative;margin:0 auto 50px auto;}
.content#carbon2 .right #chart img{width:90%;margin:20px 0;}
.content#carbon2 .right #chart img.dark_mode{display:none}
.carbon_title{font-family: 'Gmarket Sans Light',dotum,sans-serif;font-size:40px;text-align: center;padding-bottom:80px;font-weight:normal;color:#3e3e3e;}
.carbon_title span{font-family: 'Gmarket Sans bold',dotum,sans-serif;}

.carbon_map{display:flex;justify-content: space-between}
.carbon_map > div{width:25%;margin-right:20px;}
.carbon_map > div > div:first-child{/*border:1px solid #888;*/padding:20px;text-align: center;position: relative;width:250px;height:250px;background:#eee;border-radius:50% 50%;display:flex;justify-content: center;align-items: center;margin:0 auto;flex-direction: column;border:15px solid #00aced}
.carbon_map > div:nth-child(2) > div:first-child{border:15px solid #dd7832;}
.carbon_map > div:nth-child(3) > div:first-child{border:15px solid #b55cdd;}
.carbon_map > div:nth-child(4) > div:first-child{border:15px solid #8fdd42;}
/*.carbon_map > div > div:first-child:after{content:"";width:6px;height:70px;right:-6px;bottom:-50px;display:block;position:absolute;background:#5bcaf4}*/
.carbon_map > div > div:first-child img{width:60%;}
.carbon_map > div > div:first-child img.dark_mode{display:none;}
.carbon_map > div > div:last-child {margin-top:20px;overflow: hidden}
.carbon_map > div > div:first-child h2{font-size:20px;width:100%;color:#3e3e3e;padding:8px 10px;text-align: center;font-family: "Gmarket Sans Bold",dotum,sans-serif;}
.carbon_map > div > div:last-child div{padding:10px;min-height:130px;}
.carbon_map > div > div:last-child div strong{font-size:16px;margin-bottom:10px;display:block;color:#3e3e3e;font-family: 'Gmarket Sans Bold',dotum,sans-serif;text-align: center;}
.carbon_map > div > div:last-child div p{font-size:14px;color:#3e3e3e;text-align: center;}
.carbon_map > div > div:first-child:after{content:"";border-left:25px solid #00aced;border-bottom:25px solid transparent;border-top:25px solid transparent;display:block;width:50px;height:50px;position:absolute;right:-28%;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.carbon_map > div:nth-child(2) > div:first-child:after{content:"";border-left:25px solid #dd7832;}
.carbon_map > div:nth-child(3) > div:first-child:after{content:"";border-left:25px solid #b55cdd;}
.carbon_map > div:nth-child(4) > div:first-child:after{content:"";border-left:25px solid #8fdd42;}
.carbon_map > div:last-child{margin-right:0;}
.carbon_map > div:last-child > div:first-child:after{content:"";display:none;}


.sub_nav_top{height:400px;width:100%;background:#eee;position:relative;z-index:0;}
.sub_nav_top.tech_bg{background:url('../img/technology_top_bg.jpg') center top / 100% auto no-repeat fixed;}
.sub_nav_top.com_bg{background:url('../img/company_top_bg.jpg')center top / 100% auto no-repeat fixed;}
.sub_nav_top.case_bg{background:url('../img/case_top_bg.jpg')center top / 100% auto no-repeat fixed;}
.sub_nav_top.product_bg{background:url('../img/product_top_bg.jpg')center top / 100% auto no-repeat fixed;border-bottom:2px solid #eee;}
.sub_nav_top.other_bg{background:url('../img/other_top_bg.jpg')center top / 100% auto no-repeat fixed;border-bottom:2px solid #eee;}
.sub_nav_top .text{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;margin-top:40px;}
.sub_nav_top .text h1{font-size:45px;margin-bottom:5px;color:#fff;line-height:45px;font-family: "Gmarket Sans Bold",dotum, sans-serif;}
.sub_nav_top .text h3{font-size:26px;color:#aaa;font-family: "Gmarket Sans Light",dotum,sans-serif;}


.img_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background:rgba(0,0,0,.8)}

.img_modal.active{opacity: 1;z-index:99999;}
.img_modal.active > div{width:500px;padding:0;background:#fff;-webkit-box-shadow:  0 2px 5px rgba(0,0,0,0.3);-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.3);box-shadow:  0 2px 5px rgba(0,0,0,0.3);position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.img_modal > div .modal_tit{border-bottom:2px solid #ddd;position: relative;text-align: right;display:flex;justify-content: flex-end;align-items: center;}
.img_modal > div .modal_tit .close{position:relative;width:30px;height:30px;cursor:pointer;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.img_modal > div .modal_tit .close:after{content:"";position:absolute;top:50%;left:50%;width:110%;height:4px;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);background:#000;}
.img_modal > div .modal_tit .close:before{content:"";position:absolute;top:50%;left:50%;width:110%;height:4px;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);background:#000;}
.img_modal > div .modal_con{text-align: center;padding:10px;max-height:80vh;overflow-y: auto;}
.img_modal > div .modal_con img{width:100%;}

.modal > div .modal_con .form_ul{padding:0 ;}
.modal > div .modal_con .form_ul li{display:flex;justify-content: space-between;align-items: center;padding:10px 0;border-bottom:1px solid #eee;}
.modal > div .modal_con .form_ul li:last-child{border-bottom:0}
.modal > div .modal_con .form_ul li span{width:150px;font-size:16px;}
.modal > div .modal_con .form_ul li div{width:calc(100% - 150px);display:flex;justify-content: space-between;align-items: center}
.modal > div .modal_con .form_ul li div input{padding:10px;font-size:15px;border-radius:0;border:2px solid #ededed;width:100%;flex:1}
.modal > div .modal_con .form_ul li div select{padding:9px;font-size:15px;border-radius:0;border:2px solid #ededed;flex:1}
.modal > div .modal_con .form_ul li div.addr{display:block;}
.modal > div .modal_con .form_ul li div.addr input{flex:auto}
.modal > div .modal_con .form_ul li div.addr input:first-child{width:calc(100% - 200px);flex:auto}
.modal > div .modal_con .form_ul li div.addr input[type=button]{width:200px;background:#000;color:#fff;border:none;padding:10px 0;text-align: center;flex:auto}
.modal > div .modal_con .form_ul li.agree {display:block;font-size:16px;text-align: left;padding:20px 0;}
.modal > div .modal_con .form_ul li.agree input {margin-right:10px;display:inline-block;vertical-align: middle;width:20px;height:20px;}
.modal > div .modal_con .form_ul li.agree input + label{display:inline-block;vertical-align: middle;}
.modal > div .modal_con .form_ul li.agree input + label a{color:#00aced}
.modal > div .modal_btn {border-top:1px solid #eee;text-align:center;padding-top:20px;}
.modal > div .modal_btn input{padding:10px;font-size:20px;background:#000;color:#fff;border:none;}

.test .test_wrap{/*display:flex;justify-content: center;align-items: center*/;width:100%;}
.test .test_wrap > div:first-child{width:100%;}
.test .test_wrap > div:first-child img{width:100%;}
.test .test_wrap > div:first-child img.light_mode{display:block;}
.test .test_wrap > div:first-child img.dark_mode{display:none;}
.test .test_wrap > div:last-child{width:100%;margin-top:100px;overflow-x:auto;}
.test .test_wrap > div:last-child h3{font-size:18px;color:#00aced;margin-bottom:50px;text-align: center;}
.test .test_wrap > div:last-child table{width:100%;border-spacing:0;}
.test .test_wrap > div:last-child table tr th{background:#eee;border-bottom:1px solid #ddd;font-size:12px;border-right:1px solid #ddd;padding:6px;}
.test .test_wrap > div:last-child table tr th.right{border-right:none;}
.test .test_wrap > div:last-child table tr td{font-size:12px;text-align: center;border-bottom:1px solid #eee;padding:6px;}
footer  {background: #000;}
footer #ft {width: 1200px; margin: 0 auto;}
footer .ft_wr .ft_top p br {display: block;}
footer .ft_wr .ft_top p {font-weight: bold;color: #ddd;line-height:1.6em;font-size: 16px;}
footer .ft_wr .ft_top p a span {font-weight: bold;color: #5bcaf4;}
footer .pd_btns a{display:inline-block;vertical-align: middle;padding:2px 0;margin-top: 20px;text-align: center;cursor: pointer;width:calc(50% - 6.66px);margin-right:10px;font-size:16px;border:1px solid #ddd;background:#fff;color:#000;-webkit-border-radius:30px 30px;-moz-border-radius:30px 30px;border-radius:30px 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
/* width:calc(33.33% - 6.66px); */
footer .pd_btns a:hover, footer .pd_btns a.active{background:#2aace2;border:1px solid #2aace2;color:#fff;}
.owl-item {width: 285px;margin-right: 20px;margin-bottom: 20px;}