body{overflow: hidden}
.required, textarea.required{background-position: right 1px !important;}
.img_d{display: none}
.img_sub{display: none}
.mode_btn{right:24px;}

#hd.sub {background:rgba(0,0,0,0.3);}
#hd.sub .img_w {display:block}
#hd.sub .img_sub {display:none;}
#hd.sub .img_d {display:none}
#hd.sub .hd_login a{color:#fff;}
#hd.sub .hd_login li{border-left:1px solid #000;}
#hd.sub .hd_login li:first-child{border-left:0;}
.sub #gnb .gnb_menu_btn span{background:#fff;}
.sub #gnb .gnb_menu_btn:after{color:#000;display:none;}
#gnb .gnb_menu_btn:after{color:#fff;display:none;}

#hd.sub .main_menu > li.gnb_1dli .gnb_2dli{}
#hd.sub .main_menu .gnb_1dli_over .gnb_2dul a{background:rgba(0,0,0,0.7);color:#fff;border:none;}
#hd.sub .main_menu > li.gnb_1dli a{color:#fff;}

#main_slide .item-video .text{width:100%;}
#gnb_all{top:0;right:-100%;left:auto;padding:0;}
#gnb_all.active{right:0;}
#container section {width:100%;}
#container section #container_wr{width:1400px;}
#container section.index{margin-top:-30px;}

#mb_login{margin:140px auto;}
.mb_log_cate h2{margin-top:0;}

.register{height:auto;min-height:inherit;margin:140px auto;}
.register textarea{padding:10px;font-size:1.2em;}
#fregister_private{height:auto;}
#fregister_chkall{position: relative;top:0;left:0;transform:none;width:50%;margin:40px auto;padding-bottom:10px;text-align: center;}
#fregister_chkall input{display:inline-block;vertical-align: middle;}
#fregister_chkall label{display:inline-block;vertical-align: middle;margin-left:10px;}
#fregister_term h4{top:2px;right:35px;}
#fregister_private h4{top:2px;right:35px; }
.fregister_agree{position: absolute;top:2px;right:0;}
.fregister_agree label{font-size:1.3em;font-weight:normal;vertical-align: middle;margin-right:10px;}
#agree11{position: relative;top: auto;left: auto;}
.fregister_agree input[type=checkbox]{width: 18px;height: 18px;}
#reg_title{margin-top:0;}
.btn_confirm{position: relative;top:0;left:0;text-align: center;transform:none;width:100%;}
.btn_submit{position: relative;top:0;left:0;transform:none;}
.btn_close, .btn_submit{display:inline-block;vertical-align: middle;}

#register_form{width:450px;}
#register_form > div {border-top:1px solid #000;}
#register_form > div:first-child {border-top:none;}
#register_form > div:last-child {border-top:none;}
.register_form_inner input{width:100%;}

.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close{float:none;}

.com4:after{content:"";clear:both;display:block;}
.ft_top br{display: none}

#social_br{display: none;}
#bo_v_con p{font-size: 16px;color: #333333}
#bo_v_con{font-size: 16px;color: #333333;padding:50px;margin:0;}
#bo_v_img img {max-width:100%;height:auto;display: block;margin: 0 auto 50px;width: 640px}

@media all and (max-width: 1700px){
    .history_p{text-align: left; margin-left: 40%}
    #right_line{display: none}
    .com_w{
        padding: 0 50px;
    }
    #container_a{/*padding: 0 50px !important;*/}
    .bo_notice{padding-right: 50px}

    #frio>aside {
        width: 51%;}

    /*#control>div{width: 42%}*/
    #frio>div{width:48%;}

    .social_img img{width: 150%;max-width: 1700px;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0%);}
    .social_img{position: relative;height: 33vw}

    .mar .bo_sch_wrap{}



}/*end*/
@media all and (max-width: 1600px){
    #product .left{padding-left: 50px}
    #gnb .gnb_menu_btn{right:15px;}
    #hd_wrapper{width:100%;}
    #hd_wrapper nav{text-align: center;}
    .main_menu > li.gnb_1dli{display:inline-block;float:none;}
    .main_menu{width:1000px;}
    #container section #container_wr{padding: 0 20px}
    /*#max_con1>div>div:last-child{padding-left: 20px}*/
    /*#max_con1{padding: 0 30px}
    #max_con1 p{font-size: 18px}*/
    #maxs1>div{margin-top: 0}
    #maxs2{margin: 100px auto 150px}
    #spec_container{padding: 0 20px;margin: 60px auto 0;width: 90%;height: 140vw;}
    .ft_wr{padding: 30px 20px}



}/*end*/
@media all and (max-width: 1520px) {
    /*.main_menu > li.gnb_1dli {width: 138px;}*/
}
@media all and (max-width: 1400px){
    /*.width-fixed{width:100%;padding:0 15px;}*/

    #logo{left:15px;}
    .hd_login{right:80px;}
    #bo_gall{padding:0 30px;}

    /*.main_menu > li.gnb_1dli {width: 126px;}*/

    /*#main_slide{height:700px;}*/
    #main_slide .item-video .text h2{font-size:32px;}
    #main_slide .item-video .text h2 span img{width:220px;}
    /*#main_slide .item .img{height:700px;}*/

    #product {width:100%;display:block;}
    #container section #container_wr{width:calc(100% - 40px);}
    #product #container_wr{width:calc(100% - 40px);}


    #product .pd_wrap h2{font-size:55px;line-height: 55px;}
    #product .pd_wrap .pd_btns{margin-top:80px;}
    /*.title{margin-top: 80px}*/
    .sub_tit_1{margin-bottom: 70px}

    /*.intro_wrap{padding:0 0 40vh 0;}*/




    /*tech*/
    #tech h4{
        font-size: 2em;}
    #tech p{
        width: 90%;
        font-size: 1.3vw;
        margin-top: 10px;
    }

    /*nstb+*/
    #nstb2{width: 100%}


    #bo_list{padding: 0 50px}

    .frio_w{width:calc(100% - 30px) !important;}
    #frio>aside, #control>aside{margin-top: 5%}
    #frio p, #control p{line-height: 1.2;letter-spacing: -1px}
    #frio, #control {margin-top: 60px}
    .frio_w>div>div, #control_w>div>div{width: 100%; background-size: contain !important;margin: 20px auto 0}
    .frio_w h1, #control_w h1{font-size: 28px}
    .frio_w p, #control_w p{width: 90%;margin:10px auto 0}
    /*#control>div{height: 350px;}*/

    /*max series*/
    .max_con{width: 100%}
    /*#max_con1 .img {width: 100%}
    #max_con1 p{font-size: 16px;padding-left: 30px}*/
    /*#max_con1>div>div:last-child{height: auto;padding-bottom: 30px}*/
    /*#max_con1 h1{font-size: 30px}*/


    .sub_tit_social{margin-top: 100px;margin-bottom: 80px}

    .mar{margin: 0}
    .mar .sch_bar{}
    .mar .bo_sch_wrap{}
    #nstb1 section:first-child{width:100%;padding:60px 0;}
    #nstb1 section:last-child{padding:60px 0;}

    .main_news_text{width:100%;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;}
    .first .main_news_text{width:100%;word-break: keep-all;white-space: normal;text-overflow:clip;overflow-x: auto}

    .main_video iframe{height:34vw;}
}/*end*/

@media all and (max-width: 1280px){/* media 1280 */

    .carbon_map{flex-wrap: wrap}
    .carbon_map > div{width:calc(50% - 10px);}
    .carbon_map > div:nth-child(even){margin-right:0;}
    .carbon_map > div:nth-child(2) > div:first-child:after{top:50%;left:50%;
        -webkit-transform: translate(-257%,157%) rotate(135deg);
        -moz-transform: translate(-257%,157%) rotate(135deg);
        -ms-transform: translate(-257%,157%) rotate(135deg);
        -o-transform: translate(-257%,157%) rotate(135deg);
        transform: translate(-257%,157%) rotate(135deg)}

    #silver{width:100%;}
    #bearing_con1 .bearing_nstb > div .triple{width:25vw;height:18vw;min-width:25vw;}
    #bearing_con1 .bearing_nstb > div .img{width:25vw;height:18vw;min-width:25vw;}
    #bearing_con1 .bearing_nstb > div .text{width:75vw}

    .sub_nav_top{height:32vw;}

    #gnb_all_wrapper{width:100%;padding-left: 15vw}
    .main_menu {width:700px;left:55%;}
    .main_menu > li.gnb_1dli {padding:30px 27px;}
    #product{/*height:70vw;*/}
    #pd_slide{height:56vw;}
    #pd_slide .img{height:40vw;margin:0 auto;}
    #product .pd_wrap h2{font-size:40px;line-height: 40px;}
    #product .pd_wrap span{font-size:20px;}
    #product .pd_wrap .pd_btns div{width:60%;margin: 0 0 10px 10%}
    .spec_tit h2 br{display: block}
    .spec_tit h2{font-size:40px;line-height: 1.2;padding-bottom: 15px}

    .title{font-size: 48px}

    #com1{height:auto;}
    .intro_wrap{width:100%;position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding:200px 0;}

    #com1 h2{margin:  70px auto 0;}
    #com2{}
    #com2_2 section{float: none;position: relative;width: 80% !important;margin: 70px auto;height: auto !important;text-align: left}
    #com2_2 section div:first-child{width: 200px;height: 200px;display:inline-block;vertical-align: middle}
    #com2_2 section:last-child div:first-child{width:200px;height:200px;display: inline-block;vertical-align: middle;}
    #com2_2 section:last-child{margin-right:auto;}
    #com2_2 section div:last-child{width:calc(100% - 204px);display: inline-block;vertical-align: middle;text-align: left;padding-left:50px;}
    #com2_2 section h4{margin-top:0;text-align: left}
    #com2_2 section p{margin-top:20px;padding-top:0;text-align: left}

    #com3 section{float: none;position: relative;width: 80% !important;margin: 70px auto;height: auto !important;text-align: left}
    #com3 section div:first-child{width: 200px;height: 200px;display:inline-block;vertical-align: middle}
    #com3 section:last-child div:first-child{width:200px;height:200px;display: inline-block;vertical-align: middle;}
    #com3 section:last-child{margin-right:auto;}
    #com3 section div:last-child{width:calc(100% - 204px);display: inline-block;vertical-align: middle;text-align: left;padding-left:50px;}
    #com3 section h4{margin-top:0;text-align: left}
    #com3 section p{margin-top:20px;padding-top:0;text-align: left}
    #com4{padding-top: 100px;width: 80%;margin: 0 auto}

    /*history*/
    .history_p{text-align: left; margin-left: 40%}
    #right_con div h1{font-size:48px;font-family: "Noto Sans CJK KR Bold",Dotum,sans-serif;position: relative;margin-top:0;}
    #right_con div p{font-size: 24px;}
    #right_con div p span{font-size: 18px}
    #right_con div p span:first-child{font-size: 18px;margin-left:15px;}
    #right_con div p span:last-child{font-size: 18px;margin-left:30px;}
    .d_l>p>strong{font-size: 24px}
    #left_back{background-size: 80vw}

    /*map*/
    .title_28>.con_20l{margin-left:0;display: block;margin-top: 40px ;font-size: 20px;font-weight: bold}
    .map{
        margin-top: 20px;color: #191919;
    }
    .tel{
        display: block;
        padding-left: 0;
        font-size: 18px;
        font-weight: 100;
    }
    #map{margin-top: 0}
    #map_b{margin-bottom: 100px}
    #map>h3{margin-top: 100px}

    /*tech*/
    #tech p{
        font-size: 16px;}
    .tech_c, .tech3{
        height: 500px !important;
    }

    /*nstb*/
    #nstb_tit{width: 750px;margin: 80px auto 0;height: 215px}
    #nstb_tit h3{font-size: 24px}
    #nstb1{margin-top: 80px;padding: 0 30px 0 }


    #control_w>div:nth-child(2){margin: 0 2%}
    /*.frio_w>div:nth-child(2){margin: 0 2%}*/
    #frio>aside, #control>aside{margin-top: 5%}
    #frio p, #control p{font-size: 24px;line-height: 1.2;letter-spacing: -1px}
    #frio, #control{margin-top: 60px}
    #frio>div{width: 46%;height: 400px}
    #frio>aside, #control>aside{width: 53%}
    .frio_w>div>div{height: 300px}
    .frio_w>div, #control_w>div{height: auto}
    .frio_w p{font-size: 14px; margin-bottom: 40px}
    #control_w p{font-size: 14px; }
    .frio_w p span, #control_w p span{font-size: 14px}
    /*#control{height: 400px}*/
    .frio_w, #control_w{margin:  80px auto 110px;}
    #control_w>div{padding-bottom: 30px}
    #control p br{display: none}

    #effect{width: 100%;}
    #effect>div{width: 27%;background-size: contain}
    #effect>aside{width: 70%;margin-top:10%}
    #effect p{font-size: 24px;}
    #effect_w>div{width: 100%;padding-left: 20px}
    #effect_w p{width: 45%;}
    #effect_w>div>div>div{width: 52% }
    #effect_w h1{margin-top: 3vw}


    #bearing_con p {width: 75%;}
    #bearing_con1 p {width: 85%;}
    .bearing_con2 p {width: 83%;}

    #impeller_con p {width: 85%;}
    #impeller_con1 p {width: 70%;}

    #airend_con p {width: 85%;}


    /*max series*/
    /*#max_con1>div{width: 100%;float: none;margin: 0 auto;min-width: 500px}
    #max_con1>div:first-child>div{
        display: block;
    }
    #max_con1 h1{position: relative;top: 0;left: 0;transform: translate(0, 0);padding: 50px 0;width: 100%;margin-bottom: 30px}
    #max_con1>div>div:first-child{background: none !important;}
    #max_con p { font-size: 12px;}
    .max_con p{font-size: 19px;}
    .max_con h2{font-size: 32px;line-height: 40px}
    .max_con span{font-size: 47px}
    .max_con h3{font-size: 53px}
    .max_con{padding: 5px 0 5px ;width: 250px;margin: 80px auto 0 ;border-left: 0 solid #000}
    #maxs1>h1, #maxs2>h1{font-size: 32px}
    #maxs1{margin:  0 auto}
    #maxs2{margin: 100px auto 80px}
    #max_con1>div>div:last-child{}
    #max_con1 p{width:100%; margin: 10px 10%}*/

    .sub_tit_social{
        margin-top: 100px;
        margin-bottom: 60px;
    }
    #social_w .gall_row .col-gn-3.first{
        margin-bottom: 0 !important;
    }

    #social_w .gall_row .col-gn-3.first .gall_img{
        height: auto !important;
    }

    .main_video_text{width: 37%;text-align: right}

    .latest_main{top: 0}
    .gall_row .col-gn-3.first .main_news{font-size: 20px}
    .main_news_text{font-size: 16px}
    .gall_row .col-gn-3.first{margin-bottom: 50px;}
    .gall_row .col-gn-3.first .gall_img{}
    .mar .gall_img img{
        position: absolute;
        top: 0;
        left: 0;
    }
    .mar .gall_img{height: 20vw}

    #nstb{margin-top:80px;}

    .mar .bo_sch_wrap{}

    .main_video iframe{width:60%;height:32vw;}
    .main_video_text{width: 40%;}

    #max_con{margin:10vw 0;}
    .div_img{width:100%;}

    #max_con p{font-size:15px;}
}/*end*/

@media all and (max-width: 1024px){ /* media 1024*/
    .main_menu{display:none;}

    #main_slide{height:50vw;}
    .main_video{height:50vw;}
    #main_slide video{height:50vw;}

    #container #section0{height:50vw !important;}
    .fp-tableCell{height:auto !important;}

    #product{height:auto !important;padding:70px 0;}
    #product .width-fixed{position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    #product .pd_wrap h2{text-align: center;}
    #product .pd_wrap span{text-align: center;}
    #product .left{width:100%;float:none;position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    #product .right{width:100%;float:none;position:relative;top:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;left:0;padding:0;}
    #product .pd_wrap .pd_btns{text-align: center;margin:50px 0; padding:0;}
    #product .pd_wrap .pd_btns div{width:calc(50% - 5px);margin:0;margin-right:10px;}
    #product .pd_wrap .pd_btns div:last-child{margin-right:0;}
    #pd_slide{height:auto;}

    #specs{height:auto !important;padding:70px 0;}
    #specs .width-fixed{position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .spec_item > div{height:23vw;}

    #video_marketing {height:auto !important;padding:70px 0 0 0;}
    #video_marketing .width-fixed{position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}

    #video_marketing footer{position:relative;margin-top:70px;}

    #section0 .play_bar{bottom:5vw;}

    #com2 h5{font-size:35px;}
    #com2 h4{font-size:20px;}

    #com2_2 > div > div{margin-right:5vw;width:calc(33.33% - 3.33vw) !important;padding:10px;}
    /*#comi{width:20vw;}*/
    #com2_2 > div > div > div:first-child{width:20vw;height:20vw;}
    #com2_2 > div > div:last-child div:first-child{width:20vw;height:20vw;}
    #com2 .title{margin-top:0;}

    #com3 > div > div{margin-right:5vw;width:calc(33.33% - 3.33vw) !important;padding:10px;}
    #com3 > div > div > div:first-child{width:20vw;height:20vw;}
    #com3 > div > div:last-child div:first-child{width:20vw;height:20vw;}

    #bearing_con .content{text-align: center;}
    #bearing_con .sub_p{width:100%;float:none;}
    #bearing_con .bearing_ani{margin:0 auto;float:none;padding-bottom:50px;padding-top:0;}
    #bearing_con .bearing_ani2{margin:0 auto !important;float:none !important;padding-bottom:50px !important;padding: 0 !important;}
    #bearing_con p{width:100%;}

    #bearing_con1 p{margin:0;width:100%;}
    #bearing_con1 .heating,
    #bearing_con1 .nano_coating{height:auto;}

    .bearing_con2 p{width:100%;}

    .pc1>div>div:last-child{padding:12px;}
    .pc1>div>div:first-child{height:26vw;}
    .pc1 h1{font-size:22px;}
    .pc1 p{padding-left:25px;letter-spacing: -1px;}
}

@media all and (max-width: 960px){ /* media 960 */
    .pc1 h1{font-size:20px;}
    .pc1 p{font-size:12px;line-height:16px;margin-bottom:1vw;}
    #maxs2 table{table-layout: auto;display:none;}

    .sub_nav_top{height:42vw;}
    .sub_nav_top .text{margin-top:20px;}
    .sub_nav_top.tech_bg{background:url('../img/technology_top_bg.jpg')center / cover no-repeat fixed;}
    .sub_nav_top.com_bg{background:url('../img/company_top_bg.jpg')center / cover no-repeat fixed;}
    .sub_nav_top.case_bg{background:url('../img/case_top_bg.jpg')center / cover no-repeat fixed;}
    .sub_nav_top.product_bg{background:url('../img/product_top_bg.jpg')center / cover no-repeat fixed;}
    .sub_nav_top.other_bg{background:url('../img/other_top_bg.jpg')center / cover no-repeat fixed;}

    .title_, .title{font-size: 36px}
    .com_w{margin:  auto}
    #hd.active{position: fixed;top:0;left:0;}

    #com2_2 section h4{font-size: 28px}
    #com3 section h4{font-size: 28px}

    #product{height:auto;padding:80px 0;}
    /*#product .left{width:100%;float:none;margin-bottom:20px;position: relative;top:auto;left:auto;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding:80px 0 0 0;}
    #product .right{width:100%;float:none;position: relative;top:auto;right:auto;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding: 50px 0 150px 0;}*/
    #product .pd_wrap {text-align: center;}
    #product .pd_wrap h2{font-size:28px;line-height: 1.2;font-family: 'Noto Sans CJK KR Medium',dotum, sans-serif}
    #product .pd_wrap span{font-size:16px;margin-top: 7px;letter-spacing: -1px !important;}
    #product .pd_wrap .pd_btns{/*margin-top:0;width: 100%;position: absolute; top:90vw;padding: 0 10%*/}
    /*#product .pd_wrap .pd_btns div{width: calc(33.33% - 6.66px);margin: 0 10px 0  0;font-size:16px;}*/
    /*#product .pd_wrap .pd_btns div:last-child{margin-right:0;}*/
    /*#pd_slide{height:65vw;}*/
    #specs>#container_wr{padding: 0 10% !important;}
    #specs #container_wr{-webkit-transform: translate(-50%,-46%);-moz-transform: translate(-50%,-46%);-ms-transform: translate(-50%,-46%);-o-transform: translate(-50%,-46%);transform: translate(-50%,-46%);}

    .spec_tit h2{font-size:28px;padding: 0 7% 7px}
    .spec_tit p{font-size:16px;word-break: keep-all;}
     .spec_tit p br{display:none;}

    #specs{padding:80px 0}

    .spec_item > div{height:30vw;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;} /* height: 50vw; */
    .spec_item > div:nth-child(even){margin-right:0;}
    .spec_item > div:last-child{margin:0;width:100%;}
    .spec_item > div .spec_txt{height:100% !important;}
    .spec_item > div .spec_txt h2{font-size:22px;font-family: "Noto Sans CJK KR Light",Dotum,sans-serif}

    #video_marketing{padding:80px 0 0 }
    #video_marketing footer{margin-top:80px;}

    #inquiry{padding:60px 0;}
    #inquiry #container_wr {-webkit-transform: translate(-50%,-37%);-moz-transform: translate(-50%,-37%);-ms-transform: translate(-50%,-37%);-o-transform: translate(-50%,-37%);transform: translate(-50%,-37%);}
    #inquiry .inquiry_wr{padding:20px 0;}

    /*menu bar*/
    .main_menu {display: none;}

    #gnb_all .gnb_al_li ul.on{
        display:block;
    }
    #gnb_all_wrapper{
        width:100%;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 0;
        padding: 100px 50px;
        background-size: contain;
    }

    #gnb_all .gnb_al_ul{
        position: absolute;
        text-align: center;
        width: 300px;
        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%);

    }
    #gnb_all .gnb_al_li .gnb_al_a{
        font-size: 24px;
        cursor: pointer;
        display:block;
        width:100%;
        position: relative;
        padding:15px;
    }

    #gnb_all .gnb_al_li .gnb_al_a:after{
        content:"";
        width:20px;
        height:20px;
        display:block;
        position: absolute;
        top:50%;
        right:15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background:url('../img/down-arrow.png')center / contain no-repeat;
    }

    #gnb_all .gnb_al_li .gnb_al_a.on:after{
        content:"";
        width:20px;
        height:20px;
        display:block;
        position: absolute;
        top:50%;
        right:15px;
        background:url('../img/down-arrow.png')center / contain no-repeat;
        -webkit-transform: translateY(-50%) rotate(-180deg);
        -moz-transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
        -o-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg);
    }
    
    #gnb_all .gnb_al_li:first-child{
        border-top:1px solid #ddd;
    }
    #gnb_all .gnb_al_li{
        margin:0 auto;
        width: 300px;
        height:auto;
        line-height: normal;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    #gnb_all .gnb_al_li ul{
        /*border: 1px solid salmon;*/
        position: relative;
        left: 0;
        display: none;
        background:#f7f7f7;
        width: 100%;
        margin: 0 auto;
    }

    #gnb_all .gnb_al_li li{
        text-align: left;
        padding:10px 0 10px 30px;
        height: auto;
        line-height: normal;
        margin:0;
        width:100%;
        border-bottom:1px dashed #ddd;
    }
    #gnb_all .gnb_al_li li a{
        padding:0;
        font-size: 20px;
        font-family: "Noto Sans CJK KR Light",Dotum,sans-serif;
        color: #000;
    }
    #gnb_all .gnb_al_li li:hover a {color:#015AAA;font-weight: bold;border-bottom:none;}
    #gnb_all .gnb_al_li li:last-child{
        border:none;
    }


    /*tech*/
    #tech{margin-bottom:60px;}
    #tech>div{
        border-bottom: 1px solid #015aaa;
        height: 400px;
        max-height: initial;
        top:0;
    }
    .tech1, .tech2, .tech3, .tech4, .tech5{
        width: 30% !important;
    }
    .tech_r, .tech_l{
        width: 70% !important;
    }
    #tech h4{
        font-size: 22px;}
    #tech p{
        text-align: left;
        width: 95%;
        font-size: 16px;
        margin-top: 10px;
    }
    .tech_l>h4, .tech_r>h4{
        padding-left: 20px;
    }
    /*.tech3, .tech_c{
        height: 500px !important;
    }*/

    /*nstb*/
    .nstb2{height: 200px !important;}
    .nstb2_{margin-top: 50px}
    #nstb2{height: auto}
    #nstb2>div:last-child{height: 200px;margin-top: 0}
    #nstb_tit{width: 600px;padding-left: 25px; height: 180px}
    #nstb_tit h3{font-size: 20px}
    #nstb1{}
    #nstb1 section:first-child h2{margin: 40px auto 0}
    #nstb1 section:last-child>div:last-child{padding-top: 60px}
    #nstb1 section:last-child>div:first-child{height: 340px}
    #nstb_w{height: 2700px}
    #nstb_w h2{font-size: 28px}
    .open{width: 50px; height: 25px}
    #nstb2>div>div:first-child{width: 100%;max-height: 160px; float: none}
    #nstb2>div>div:last-child{width: 100%;clear: both;float: none;height: 300px}
    #nstb2>div{width: 90% !important; margin: 0 auto;height: 430px}
    #nstb2>div div{max-width: none !important;}


    /*#control p, #frio p{word-break: break-all; font-size: 22px; line-height: 1.4}
    #control p br, #frio p br{display: none}*/
    #control_w h1, .frio_w h1{margin-top: 15px;font-size: 24px}
    #arrow{display: none !important;}
    #control_w{margin:  50px auto 80px}
    .frio_w{margin-bottom:60px;}
    .frio_w>div{width:100%;margin:0 0 30px 0;padding:20px;float:none;}
    .frio_w>div:last-child{margin-bottom:0;}
    .frio_w>div>div:first-child{width:30%;display:inline-block;vertical-align: middle;margin:0;height:250px;}
    .frio_w>div>div:last-child{display:inline-block;vertical-align: middle;width:calc(100% - (30% + 10px));margin:0;text-align: left;padding:0 20px 0 60px;height:auto;}
    .frio_w h1{text-align: left;margin:0;}
    .frio_w p{text-align: left;margin:0;margin-top:15px;}
    /*#control>div{border: 0 solid red; height: 300px}
    #control>aside{height: 300px}*/
    /*#control{height: auto}*/
    /*max series*/
    #maxs>h1.title{margin-top: 60px}

    #effect{width: 100%;margin: 50px auto 0;height: auto !important;  }
    #effect p{font-size: 20px;padding: 0 5%;width: 100%;max-width:670px;line-height: 1.3;margin: 0 auto 32px ;letter-spacing: -1px}
    #effect>aside{position: relative;margin-top: 50px;width: 100%;height: auto !important;}
    #effect_w{height: auto !important; margin-top: 80px}
    #effect>div{width: 50%;margin: 0 auto;background-size: contain !important;display: block;height: 40vw}
    #effect_w h1{width: 98%;margin-top: 160px;font-size:24px }
    #effect_w p{width: 98%;margin-top: 5px;}
    #effect_w>div>div>div{width: 100% ;left: 0;height: 150px}
    #effect_w>div>div{height: auto !important;padding-bottom: 80px}
    #effect_w>div{padding-top: 40px;position: relative;overflow-y: hidden}
    #effect_w>div{padding: 0 20px}

    #impeller_con .img_container {width: 80%;}
    #impeller_con img {width: 60%;}

    #airend_con img {width: 95%;}


    /* MaxSeries*/
    #max_con {margin: 80px 0}
    #max_con div {width: 100%;margin:5vw 0 0  ;}
    #max_con p {padding-left: 10px; font-size: 13px;}
    #max_con p img {height: 10px; transform: translate(-1px);}

    /* DigitalSolution */
    #ds_con2 img {width: 70%;}

    .sub_tit_social{
        font-size: 28px;
    }

    .main_video_text {width: 40%}
    .main_video_text p{font-size: 18px;}
    .main_video_text a{font-size: 14px;float: right;margin-top: 20px}
    .main_video iframe{width: 58%;height:30vw;min-height:inherit;}
    .main_video_text2 a{font-size: 14px}
    #com1 h2{font-size:32px;margin-top:50px;}
    /*.intro_wrap{padding:5vw 0 28vw 0;}*/
    .gall_row .col-gn-4{width: calc(50% - 15px);margin-right:30px !important;padding:0;}
    .gall_row .col-gn-4 .gall_img{height:25vw !important;}
    .gall_row .col-gn-4:nth-child(2n){margin-right:0 !important;}

    .latest_main .main_news_text{height:98px;overflow: hidden}
    .latest_main{}
    .main_news{font-size: 18px}
    .latest_main .main_news_text{font-size: 14px}
    .col-gn-3:first-child .news_box img{width: 40%}
    .gall_row .col-gn-3.first{margin-bottom: 30px;height:auto;padding:60px 0 30px;}
    #bo_gall .gall_box{margin-bottom:0;}
    .mar .bo_sch_wrap{}
    .gall_date{margin-top:5px !important;}
    .gall_row li.first .gall_img{width:40%;}
    .gall_row li.first .gall_text_href{width:calc(100% - (40% + 5px))}

    .news_main{font-size:16px;}
    .main_news_text{font-size:14px;}

    .pg_wrap{margin:40px 0;}

    .video_container #video_slide .item .img{height:27vw;}

    #com1 h2{font-size:30px;line-height:normal;}
    #com1 h2 span img{width:200px;}
    #com1 p{font-size:22px;margin-top:20px;}

    #com2_2 > div > div h4{font-size:25px;}
    #com2_2 > div > div p{font-size:22px;margin-top:0;}

    #com3 > div > div h4{font-size:22px}
    #com3 > div > div p{font-size:14px}

    #right_con{padding-left:0;}
    #right_con:after{left:0;}
    #right_con>div{padding:0  40px;width:100%;}
    #right_con>div:nth-child(even){margin-left:0;text-align: left;width:100%;}
    #right_con>div:nth-child(odd)>h3{text-align: left}
    #right_con>div>h3{text-align: left;}
    #right_con div p{text-align: left;justify-content: flex-start}
    #right_con>div>aside{left:-12.5px;}
    #right_con div p span.mobile_mon{display:inline-block;width:10vw;}
    #right_con div p span.his_mon{display:none;}

    .certi_tab{width:100%;}
    .certi_tab ul{width:100%;display:flex;justify-content: space-between}
    .certi_tab ul li{width:25%;}

    .modal > div{width:calc(100% - 10px);padding:15px;}
    .modal > div .modal_tit .close{width:20px;height:20px;}
    .modal > div .modal_tit{padding-bottom:15px;}

    .case_item{flex-direction: column;}
    .case_item > div {width:100%;margin:0 0 10px;}
    .case_item > div .img{height:40vw;}
    .case_item > div #case_slide .item{height:40vw;}
    #case{padding-bottom:0;}

    .sub_content#carbons{padding-top:50px;}
    /*.content#carbon2{padding:0;}*/
    .content#carbon2 .right #chart{width:100%;margin-bottom:5vw;padding:5vw}
    .content#carbon2 .right #chart img{width:100%;}

    #com2 h5{font-size:30px;}
    #com2 h4{font-size:18px;}
    #com2 p{font-size:14px;}

}/*end*/

@media all and (max-width: 720px){ /* media 720 */
    .carbon_title{font-size:28px;}
    .pc1{display: none}

    .max_con1{display: block !important;}
    #max_con1{padding:0;}
    #max_con1 .img{height:40vw;display:flex;align-items: center;justify-content: center;}
    #max_con1 .img h1{font-size:5vw;text-align: center;}

    /*#max_con1 p{padding-left:0;margin:0;}*/
    #max_con1 .text {padding:5vw 0 0 ;}
    #max_con1 .text p{font-size: 14px;font-family: "Gmarket Sans Light",Dotum,sans-serif;line-height: 18px;background: url("../img/check.png") left center / 15px 12px  no-repeat ;padding-left: 40px;}

    #hd{background:#fff;position: relative;height:60px;}
    #hd.sub{background:#fff;}
    .sub #gnb .gnb_menu_btn span{background:#000;}
    #hd.scroll #gnb .gnb_menu_btn span{background:#000;}
    #logo{width:140px;}
    .img_w{display:none;}
    .img_sub{display:block}
    #hd.sub .img_w{display:none;}
    #hd.sub .img_sub{display:block;}
    .hd_login{display:none;}
    /*.hd_login a{color:#000;}
    .hd_login li{border-left:1px solid #000;}*/
    #gnb .gnb_menu_btn{width:40px;right:0;}
    #gnb .gnb_menu_btn span{background:#000;}
    #gnb .gnb_menu_btn:after{color:#000;text-align: center;width:100%;}
    .ft_top br{display: block}

    #gnb_all .gnb_al_ul{width:70%;}
    #gnb_all .gnb_al_li .gnb_al_a{font-size:4.2vw;}
    #gnb_all .gnb_al_li li a{font-size:3.5vw;}

    /* index */
    #container section #container_wr{padding: 0; height: 100%}
    .top>#arrow1{bottom: 15%;width: 40px;height: 40px}
    /*#main_slide{height:50vh;}
    #main_slide .item .img{height:50vh;}*/
    #main_slide .item-video .text{top: 50%;text-align: center;}
    #main_slide .item-video .text h2{letter-spacing: -1px; text-align: center;font-size:24px;}
    #main_slide .item-video .text h2 .br{display:none;}

    #main_slide video{width:100%;height:100%;}

    .br{display: block}
    .index .br{display: none}
    #pd_slide .top_txt h2{font-size:24px;}
    #pd_slide .top_txt p{font-size:18px;}
    #product{padding:10vw 0;}
    #product #container_wr {-webkit-transform: translate(-50%,-60%);-moz-transform: translate(-50%,-60%);-ms-transform: translate(-50%,-60%);-o-transform: translate(-50%,-60%);transform: translate(-50%,-60%);}
    #product .right{/*padding: 20px 0 100px 0*/}
    /*#product .pd_wrap .pd_btns{top: 95vw;padding: 0 20px}*/

    #specs{padding:10vw 0;}
    .spec_item > div{height:22vw;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;} /* height: 50vw; */
    .spec_item > div:nth-child(even){margin-right:0;}
    .spec_item > div:last-child{margin:0;width:100%;}
    .spec_item > div .spec_txt{height:100% !important;}
    .spec_item > div .spec_txt h2{font-size:22px;font-family: "Noto Sans CJK KR Light",Dotum,sans-serif}
    /*.spec_item > div .spec_txt p{font-size:16px;}*/

    #video_marketing{padding:10vw 0 0 ;}
    #video_marketing footer{margin:10vw 0 0 0;}

    /*common*/

    .title{font-size:8vw;font-family: "Noto Sans CJK KR Bold",Dotum,sans-serif}
    .sub_tit{text-align: center; font-size: 2.7vw;line-height: 2.7vw;margin-left: 0;word-break: keep-all;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
    .sub_tit br{display: none}
    #com_w{margin: 0 0 100px}
    .com_w{
        padding: 0 3px;
    }
    #container_a{}
    .sub_tit_1 br{display: none}
    .notice_datetime{font-size: 12px;width: 20%}
    .notice_subject{width: 70%;font-size: 14px;text-align: left;padding-left: 15px}
    .notice_num{width: 7%}
    #bo_v_con{padding: 0}
    .tbl_wrap{position: relative}
    .bo_notice{padding-right: 0}
    /*menu bar*/
    #gnb_all .gnb_al_li{
        width: 100%;
        height: auto;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }


    #gnb_all .gnb_al_li li{
        width:100%;
    }

    .intro_wrap{padding:20vw 2vw;}
    #com1 h2 span{font-family: "Noto Sans CJK KR Bold",Dotum,sans-serif}
    #com1 h2{margin: 50px auto 0 ;font-size: 24px ;line-height: 1.2;padding-bottom: 20px;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif;width:auto;letter-spacing: 0}
    #com1 p{margin: 20px auto  ;font-size: 16px ;line-height: 1.6;word-break: keep-all;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif;width:100%}
    #com1 p br{display: none}
    #com1 p span{font-family: "Noto Sans CJK KR Bold",Dotum,sans-serif}
    /*history-fin*/
    #left_back{display:none }
    #right_con{width: 100%}
    #right_con>div{margin-bottom:10vw;}
    #right_con div h1{font-size:42px;font-family: "Noto Sans CJK KR Bold",Dotum,sans-serif;text-align: left;left:20px;margin-bottom:10px;}
    /*#right_con div aside{display:none;}*/
    /*#right_con div p{margin-left:15px;margin-bottom: 5px;font-weight: 600;letter-spacing: -1px}*/
    #right_con>div>aside{width:4vw;height:4vw;left:-2vw;top:2vw;}
    #right_con div p span{font-size:5vw;}
    #right_con div p span.mobile_mon{margin-left:0;margin-right:2vw;}
    #right_con div p span.his_mon_right{margin-left:0;margin-right:2vw;}
    /*#right_con div p span:last-child{font-size: 5vw;}*/

    .title_{font-size: 32px;text-align: center}
    #com2{padding:10vw 0;}
    #com2 h5{font-size: 6vw;padding-bottom:4vw;}
    #com2 h4{font-size: 5.2vw;letter-spacing: -1px;padding-top:4vw;}
    #com2 p{font-size: 14px;padding: 0 20px;word-break: keep-all;margin: 35px auto 0;width:80%;line-height: normal}

    #com2_2{
        padding:10vw 0;
        max-height: none;
    }

    #com2 > div > div > div{width:100%;margin-right:0;margin-bottom:5vw;padding:6vw;}
    #com2 > div > div > div:after{display:none;}

    #com2 h5{height:auto;font-size:25px;}

    #com2_2 > div > div h4{margin-top:0;text-align: left;font-size:6vw;padding-bottom:1vw;}
    #com2_2 > div > div p{text-align: left;font-size:5vw;padding-bottom:1vw;}
    #com2_2 > div > div{width:100% !important;display:flex;align-items: center;margin:0 0 5vw 0;float:none;}
    #com2_2 > div > div:last-child{margin:0;}
    #com2_2 > div > div:last-child div:first-child,
    #com2_2 > div > div > div:first-child{width:35%;margin-right:0;background-position: left center;height:25vw;}
    #com2_2 > div > div > div:last-child{width:65%;}

    #com2_2 section{
        margin: 70px auto 20px auto;
        padding: 30px;
        width: 100% !important;
        float: none;
        height: auto !important;
        border: 1px solid #c1c1c1;
        text-align: center;
    }
    #com2_2 section div:first-child{display:block;margin:0 auto;}
    #com2_2 section div:last-child{display:block;margin:0 auto;width:100%;text-align: center;padding:0;}
    #com2_2 section h4{text-align: center;font-size:4vw;margin-top:20px;border-bottom: 0 solid red; padding-bottom: 0}
    #com2_2 section p{text-align: center;font-size:2.7vw;line-height: normal;}

    #com3{
        padding:10vw 0;
        max-height: none;
    }

    #com3 > div > div h4{margin-top:0;text-align: left}
    #com3 > div > div p{text-align: left}
    #com3 > div > div{width:100% !important;display:flex;align-items: center;margin:0 0 5vw 0;float:none;}
    #com3 > div > div:last-child{margin:0;}
    #com3 > div > div:last-child div:first-child,
    #com3 > div > div > div:first-child{width:35%;margin-right:0;background-position: left center;height:25vw;}
    #com3 > div > div > div:last-child{width:65%}

    #com3 section{
        margin: 70px auto 20px auto;
        padding: 30px;
        width: 100% !important;
        float: none;
        height: auto !important;
        border: 1px solid #c1c1c1;
        text-align: center;
    }
    #com3 section div:first-child{display:block;margin:0 auto;}
    #com3 section div:last-child{display:block;margin:0 auto;width:100%;text-align: center;padding:0;}
    #com3 section h4{text-align: center;font-size:4vw;margin-top:20px;border-bottom: 0 solid red; padding-bottom: 0}
    #com3 section p{text-align: center;font-size:2.7vw;line-height: normal;}
    #com4w{
        width: 100%;
        margin: 40px auto ;
    }
    #com4{padding:0;width:100%;}


    /*map*/
    .contact_map {margin:0 ;}
    .contact_map > div{margin:50px 0 0 0 ;}
    .contact_map #map2,
    .contact_map #map{
        height:50vw;
    }
    .map{height: 300px}
    #map>h3{
        margin-top:100px;
    }
    .title_28{
        font-size: 24px;
    }
    .title_28>span{
        display: block;
        margin-left: 0;
    }
    .title_28>.con_20l{
        font-size: 16px;
        margin-top: 10px;
    }
    .tel{
        font-size: 16px;
    }

    .title_sub_page{padding:10vw 0 4vw 0;}

    /*tech*/
    .tech, #tech{margin: 0  50px }
    #tech{
        position: relative;
        width: auto;
        margin-bottom:50px;
    }
    #tech h4{transform: translate(0%,0%) !important;font-size: 20px;top: 0;position:relative;}
    #tech>div{
        box-sizing: border-box;
        position: relative;
        width: 100% !important;
        border-bottom: 0 solid #000;
        height:auto;
        float:none;
    }
    .tech{
        font-size: 20px;
        word-break: keep-all;
        height: auto;
        line-height:1.2;
        padding: 40px 5px;
    }

    .tech1, .tech2, .tech3, .tech4, .tech5{
        height: 250px !important;
    }
    .tech_a, .tech_b, .tech_d, .tech_e{
        /*height: 400px !important;*/
    }
    .tech_l, .tech_r{
        border-bottom: 3px solid #2aaada !important
    }

    #tech p{
        width: 98%;
        font-size: 14px;
        margin-top: 10px;
    }
    .tech_l>h4, .tech_r>h4{
        padding: 40px 10px  ! important;
    }
    .tech_c{height: auto !important;}
    /*nstb*/
    #nstb{margin: 80px auto 0;}
    #nstb_tit{width: 100%;padding:0 15px; height: auto;border-left: 0 solid #000}
    #nstb_tit h3{word-break: keep-all; width: 380px;margin: 0 auto}
    #nstb_tit h3 br{display: none}
    #nstb1{position: relative}
    #nstb1 section:first-child h2{margin-top: 0;font-size: 24px}
    #nstb_w p{font-size: 16px;line-height: 1.6;padding: 10px 0 30px}
    #nstb1 section:first-child{width:100%;padding:40px 0;}
    #nstb1 section:last-child{padding:40px 0;}
    #nstb1 section{height: auto !important;}
    .nano1{display: block !important;height: 200px}
    .nano_d{display: none !important;}
    .nano>div{background: none !important; width: 95% !important; margin: 0 2.5% !important;position: relative;float: none;}
    .nano1 .img{
        height: 200px;
        margin: 0 auto;
        width: 90%;
    }

    #nstb2>div{width: 95% !important;}
    #nstb1 section:last-child{margin: 30px auto 0}
    #nstb1 section:last-child>div:first-child{height: 240px;width: 100%}
    #nstb1 section:last-child>div:last-child{width: 100%;padding-left: 0;padding-top: 30px}
    #nstb_w{height: auto}
    #nstb_w h2{font-size: 24px}
    #nstb_w p{margin-top: 0}
    #nstb2{margin: 80px auto;height: auto !important;}
    #nstb2 h3{font-size: 28px;margin-bottom: 50px}
    #nstb2>div{height: auto !important;}
    .nstb2, .nstb2_{height: 150px !important;}
    #nstb2>div:last-child{margin-bottom: 0}
    .nstb2_{height: 300px !important;margin-top: 0}

    #control .ctrl_imgs{flex-direction: column;}
    #control .ctrl_imgs > div{float:none;width:100%;margin:0 0 20px 0;}
    #control .ctrl_imgs > div:last-child{margin:0;}
    #control .ctrl_imgs > div div{font-size:14px;}
    #control .content h4{font-size:22px ;margin-bottom:10px;}

    .ctrl_content{flex-direction: column;}
    .ctrl_content .sub_p{width:100%;padding:0 0 20px 0;}
    .ctrl_content .img{width:100%;margin:0 0 5vw 0;padding:5vw;}
    .ctrl_content .text{width:100%;padding:0;}
    .ctrl_content .text:after{display:none;}


    #frio>div{width: 100%;height: 200px}
    /*#control>div{width: 90%;height: 250px;margin: 0 auto;display: block}*/
    #control>aside, #frio>aside{width: 100%;max-width:550px;position: static;height: auto !important;margin: 40px auto 50px;padding: 0 20px}
    #control, #frio{height: auto !important;}
    #control p, #frio p{font-size: 20px;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif;line-height: 1.5}
    .pc{display: none ! important;}
    #control_w, .frio_w{width: 90% !important;margin: 0 auto;}
    #control_w>div, .frio_w>div{width: 100%}
    /*.frio_w>div:first-child>div{background-size: 10%;background-position: top 0 left 33%;height: 50%;}*/
    .frio_w h1{margin-top: 20px}
    #control_w h1{margin-top: 20px}
    .frio_w>div>div{margin-top: 20px}
    #control_w>div>div{margin: 20px auto 0}
    #control_w p, .frio_w p{width: 90%}
    .control_w, .frio_c{display: block ! important}
    #control_w>div:first-child>div{
        background: none ;
        background-size: cover;
    }
    .owl-carousel .owl-nav.disabled{display: none !important;}
    #control_w span{padding-left: 5% !important;}

    /*#max_con img {width: 100%;}
    #max_con1>div {min-width: 400px;}
    #max_con1 h1 {font-size: 20px;}
    #max_con1 p {width: 100%; margin: 10px 0; font-size: 12px;}*/

    /* DigitalSolution */
    #ds_con1 p {font-size: 10px;}
    #ds_con2 img {width: 90%;}

    #effect>div{width: 55%;margin: 0 auto;background-size: contain !important;display: block;height: 50vw}
    #effect p{width:100%;word-break : keep-all;font-size: 20px;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
    #effect br{display: none}


    #bearing_con .bearing_ani{width:70%;}
    #bearing_con .bearing_ani2{width:70% !important;}
    .sub_content .sub_p{font-size:14px;line-height:20px;}
    .sub_content .sub_p2{font-size:14px;line-height:20px;}
    #bearing_con2 p,
    #bearing_con1 p,
    #bearing_con p{font-size:14px;line-height: 20px;}
    #bearing_con1 .nano_coating{width:100%;padding:20px 0 0 ;border:none;}
    #bearing_con1 .nano_coating .triple{margin-top:30px;}
    #bearing_con1 .heating{width:100%;padding:50px 0 20px 0;}
    .bearing_con2:last-child .big_img{margin:0;width:100%;}
    .bearing_con2:last-child .sub_p{width:100%;font-size:14px;line-height: 20px;margin-top:20px;}
    #bearing_con1 .tit h3{font-size:26px;}
    #bearing_con1 .nano_coating h4{font-size:22px;}
    #bearing_con1 .heating h4{font-size:22px;}
    #bearing_con1 .bearing_nstb > div {flex-direction: column}
    #bearing_con1 .bearing_nstb > div .img{width:100%;min-width:inherit;height:auto;margin:0 0 5vw 0;padding:5vw;}
    #bearing_con1 .bearing_nstb > div .img.fit img{width:60%;height:auto;}
    #bearing_con1 .bearing_nstb > div .img.large img{width:60%;height:auto;}
    #bearing_con1.white .bearing_nstb > div .img{width:100%;min-width:inherit;height:auto;margin:0 0 5vw 0;padding:5vw;}
    #bearing_con1 .bearing_nstb > div .img img{max-width:100%;width:auto;}
    #bearing_con1.white .bearing_nstb > div .img img{max-width:100%;width:auto;}
    #bearing_con1 .bearing_nstb > div .triple{width:100%;min-width:inherit;height:auto;margin:0 0 5vw 0;padding:5vw;}
    #bearing_con1.white .bearing_nstb > div .triple{width:100%;min-width:inherit;height:auto;margin:0 0 5vw 0;padding:5vw;}
    #bearing_con1 .bearing_nstb > div .triple img{max-width:100%;width:auto}
    #bearing_con1.white .bearing_nstb > div .triple img{max-width:100%;width:auto}
    #bearing_con1 .bearing_nstb > div .text{width:100%;min-width:inherit;padding: 0;}
    #bearing_con1.white .bearing_nstb > div .text{width:100%;min-width:inherit;padding: 0;}
    #bearing_con1 .bearing_nstb > div .text h3{font-size:18px;}
    #bearing_con1.white .bearing_nstb > div .text h3{font-size:18px;}
    #bearing_con1 .bearing_nstb > div .text:after{display:none;}
    #bearing_con1.white .bearing_nstb > div .text:after{display:none;}
   /* #bearing_con {margin:50px auto 40px;}
    #bearing_con1 .tit h3 {font-size: 22px; padding-top: 50px;}*/
/*    #bearing_con .sub_tit,
    #bearing_con1 .sub_tit,
    .bearing_con2 .sub_tit {font-size: 18px; margin: 30px auto 0;}*/
/*    #bearing_con p,
    #bearing_con1 p,
    .bearing_con2 p {font-size: 10px; padding-top: 17px;}*/
   /* #bearing_con img,
    #bearing_con1 img,
    .bearing_con2 img {width: 100%;}*/
    /*.bearing_con2 .big_img {width: 80%;}*/
    /*.bearing_con2 .content {margin: 40px auto;}*/

    .content#carbon h4{font-size:20px;}

    #impeller_con {margin:50px auto 40px;}
    #impeller_con1 .content {margin: 50px auto 40px;}
    #impeller_con1 .sub_tit,
    #impeller_con1 .sub_tit {font-size: 18px; margin: 30px auto 0;}
    #impeller_con1 .img_container {width: 100%;}
    #impeller_con1 img {width: 100%;}
    #impeller_con p,
    #impeller_con1 p {font-size: 10px; padding-top: 17px;}
    #dark_tech .img_container .impeller_img01{width:calc(50% - 2.5vw);margin-right:5vw}
    #dark_tech .img_container .impeller_img02{width:calc(50% - 2.5vw);margin-right:0}

    #airend_con {margin:30px auto 40px;}
    #airend_con .sub_tit {font-size: 18px; margin: 30px auto 0;}
    #airend_con p {font-size: 10px; padding-top: 17px;}
    .airend_con h4{font-size:22px;}
    .airend_con img{width:100%;}
    .airend_con#airend_sec .img{width:100%;}
    .airend_con#airend_sec p{width:100%;padding:20px 0 0 0;font-size:14px;line-height:20px;}

    .airend_con#airend_last p{width:100%;padding:0 0 20px 0;font-size:14px;line-height:20px;}
    .airend_con#airend_last p br{display:none;}
    .airend_con#airend_last .img{width:100%;}
    .airend_con#airend_last .img p{font-size:14px;}

    .blower .img h4{font-size:20px;}
    .blower .blower_con{flex-direction: column}
    .blower .blower_con .img {width:100%;}
    .blower .blower_con .sub_p{width:100%;padding:20px 0 0;text-align: left;}
    .blower .blower_con .sub_p h4{font-size:22px;margin-bottom:10px;}
    .blower .blower_con .sub_p:last-child{padding-left:0;}
    .blower .blower_con .sub_p:first-child{padding:0 0 20px 0;text-align: left;}

    .blower .blower_con2 {flex-direction: column}
    .blower .blower_con2:nth-child(2){margin-top:0;}
    .blower .blower_con2 .img{width:100%;}
    .blower .blower_con2 .sub_p{width:100%;padding:20px 0 0 0;text-align:left;}
    .blower .blower_con2 .sub_p:last-child{padding-left:0;}
    .blower .blower_con2 .sub_p h4{font-size:22px;margin-bottom:10px;}
    /*contact*/
    /*#request{overflow-x: hidden}*/
    #request_w{
        width: 90%;
        margin: 84px auto auto;
    }

    #request_w input{
        margin-left: 0;
        width: 180px;
        padding: 0;
        border-radius: 12px;
        border: 1px solid rgba(170, 170, 170, 0);
    }

    #request_w div:nth-child(3){
        margin-top: 20px;
    }
    #request_w div:nth-child(3) a{
        font-size: 16px;
        font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif;
    }

    #request_w div:nth-child(4) input:first-child{
        margin-right: 10px;}

    #request_w div:nth-child(4){
        width: 310px;
        margin: 80px auto;
    }
    #request li:nth-child(6) label:first-child{
        width: 100px;
        left: -110px;
    }

    #request li:nth-child(6){
        width: 65%;
        margin-left: 110px;
    }

    #request li:nth-child(6)>input:last-child{
        right: 5px;
    }

    /*data*/
    #data_w{
        width: 90%;
        margin: 84px auto auto;
    }

    #data_w input{
        margin-left: 0;
        width: auto;
        padding: 0;
        border-radius: 12px;
        border: 1px solid rgba(170, 170, 170, 0);
    }
    #data_w div:nth-child(3){
        margin-top: 10px;
    }
    #data_w div:nth-child(3) a{
        font-size: 16px;
        font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif;
    }

    #data_w div:nth-child(4) input:first-child{
        margin-right: 10px;}

    #data_w div:nth-child(4){
        width: 310px;
        margin: 80px auto;
    }

    .bo_sch{width: 100% ;}
    #bo_list .bo_sch{width: 100% ;}
    #bo_list{margin-bottom: 0}
    .bo_notice{margin-top: -59px}
    .bo_sch_wrap{top: -60px}
    .title2{margin-bottom: 0 }
    #bo_list{padding: 0 10px}

    .sub_tit_social{
        font-size: 22px;
    }
    #social_br{display: block}
    #social_br1{display: none}
    .sub_tit_social{
        margin-top: 60px;
        margin-bottom: 40px;
    }
    .social_img{position: relative;height: 150px}
    .social_img img{width: 220%;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0%);max-width: 800px}
    .social_subtitle{margin-bottom: 50px}
    .gall_row .col-gn-3{width: calc(50% - 15px);margin-right:30px !important;padding:0;}
    .gall_row .col-gn-3:nth-child(2n + 1){margin-right:0 !important;}
    .gall_row .box_clear{clear: none}
    #bo_gall .gall_text_href a{font-size: 16px}
    .pg_wrap{margin-top: 50px}
    #social_w .gall_row .col-gn-3.first{
        margin-bottom: 0 !important;
    }
    /*#social_w .gall_row .col-gn-3.first .gall_img{
        height: auto !important;
    }*/

    .main_video{padding:30px 0;}
    .main_video iframe{width: 100%;height:52vw;}
    .main_video_text{position: relative;width: 100%;top: 0;transform: translate(0%,0%);text-align: left}
    .main_video_text p{margin-top: 30px;font-weight: 700}
    .main_video_text a{margin-top: 15px;float: none;display:block;}
    .video{top: 0 !important;}
    .video .bo_sch{width: 100% !important;}
    #bo_gall .bo_cnt{font-size: 16px}

    .col-gn-3:first-child .news_box img{width: 100%}
    .mar .bo_sch_wrap{top:inherit;margin-bottom:30px;}
    .no_image{width: 100%}


    .latest_main{
        background-color:  #f7f7f7;
        width: 100%;
        padding: 20px;
    }
    .latest_main .main_news_text{height: 50px}
    .gall_row .col-gn-3.first{padding:10px;background:#eee;}
    /*.mar .gall_row .col-gn-3.first{margin-bottom: 180px}*/
    .gall_row .col-gn-3.first .gall_img{}
    .gall_row .col-gn-3.first .main_news{font-size: 18px;}
    .main_news{font-size: 16px;}
    .mar .gall_img{height: auto !important;}
    .mar .gall_img img{
        position: static;
    }
    .gall_date{font-size: 14px !important;margin-top:5px;}
    #bo_gall .gall_li{height: auto !important;margin-bottom:20px;}
    #bo_gall .gall_img a{line-height: normal}

    .sub_tit{font-size:2.7vw;line-height: normal;}
    #ft_2 .copy{margin-top: 10px}

    .gall_row li.first .gall_img{width:100%;}
    #bo_gall li.first .gall_img img{width:100%;}
    .gall_row li.first .gall_text_href{width:100%;padding:0;margin-top:20px;}

    .mode_btn{bottom:2vw;right:2vw;}
    #top_btn{bottom:2vw;right:130px;}
    .lang{bottom:2vw;right:220px;}

    .mode_btn.hide{bottom:-15vw;}
    #top_btn.hide{bottom:-15vw;}
    .lang.hide{bottom:-15vw;}

    .sub_nav_top{height:50vw;}
    .sub_nav_top .text h1{font-size:8vw}
    .sub_nav_top .text h3{font-size:4vw}


    .sub_top div > div{font-size:15px;}

    .case_study .study_con{flex-direction: column;padding:30px 0 ;}
    .case_study .study_con .sub_p h4{font-size:22px;margin-bottom:10px;}
    .case_study .study_con .sub_p{width:100%;padding:30px 0 0 0;}
    .case_study .study_con .imgs{width:100%;}
    .case_study .study_con .imgs .hashs03 > a{height:14vw;}

    #maxs2 .series_tab li{width:calc(50% - 2vw);margin-right:4vw !important;padding:2vw 0;float:left;}
    #maxs2 .series_tab li:last-child{margin-right:0 !important;}
    #maxs2 .series_tab:after{content:"";clear:both;display:block;}

    #maxs1 .img{flex-direction: column;}
    #maxs1 .img div{width:80%;padding:30px 0;margin:0 auto;}
    #maxs1 .img div:last-child{width:80%;}
    #maxs1 .img h2{font-size:22px;text-align: center;margin-top:30px;}

    .hd_pops{top:0 !important;left:0 !important;width:100% !important;}
    .hd_pops_con{width:100% !important;height:auto !important;}
    .hd_pops img{width:100%;max-width: inherit}
}/*end*/

@media all and (max-width: 560px){ /* media 560 */

    .carbon_title{padding-bottom:10vw;font-size:7.5vw;}
    .carbon_map{flex-direction: column;flex-wrap: inherit}
    .carbon_map > div{width:100%;margin-bottom:5vw;}
    .carbon_map > div:last-child{margin-bottom:0;}
    .carbon_map > div > div:first-child{width:55vw;height:55vw;}
    .carbon_map > div > div:last-child div{min-height: inherit}
    .carbon_map > div > div:first-child h2{font-size:18px;}
    .carbon_map > div > div:first-child:after{top:0 !important;left:50% !important;-webkit-transform: translate(-50%,0) rotate(90deg) !important;-moz-transform: translate(-50%,0) rotate(90deg) !important;-ms-transform: translate(-50%,0) rotate(90deg) !important;-o-transform: translate(-50%,0) rotate(90deg) !important;transform: translate(-50%,0) rotate(90deg) !important;}
    .carbon_map > div:last-child > div:first-child:after{content:"";display:block;}


    .sub_top{padding:0;}
    .sub_top div {padding:0;}
    .sub_top div > div{font-size:3vw;padding:2vw 0;display:none;width:100% !important;float:none;}
    .sub_top div > div:hover{background:#eee;color:#000;}
    .sub_top div > div.mobile_active{display:block;width:50% !important;}
    .sub_top div > div.active{display:block;width:50% !important;}
    .sub_top div > div.active:hover{background:#5bcaf4;color:#fff;}
    .sub_top div > div.active:after{content:"��";position:absolute;right:2vw;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .sub_top.product_top div > div{width:100%;}

    .sub_top .mobile_drop.active{display:block;border-top:1px solid #ddd;}
    .sub_top .mobile_drop.active > div{display:block;font-size:3vw;text-align: center;border-bottom:1px solid #ddd;}

    #container section.index{margin-top:-4vw;}

    .spec_tit h2{padding:  0 0 7px;font-size: 6vw;}
    #main_slide .item-video .text{top: 46%}
    /*#product .pd_wrap .pd_btns{top: 127vw;padding: 0 10px}*/
    /*#pd_slide{height:75vw;}*/
    #product .pd_wrap .pd_btns div{font-size:3vw;/* float:none;display:inline-block;*/}
    #specs>#container_wr{padding: 0 !important;}
    #main_slide .item-video .text h2 span img{width: 35vw;}
    #main_slide .item-video .text h2{font-size: 4.5vw;}
    /*.spec_item > div{height:20vw;width:50%;}*/
    .spec_item > div .spec_txt{}
    #inquiry .inquiry_wr{width:calc(100% - 40px);}
    #inquiry .inquiry_wr h2{font-size:16px;}
    #inquiry .inquiry_wr p{font-size:16px;}

    #product .left{padding-top:0;}
    #product .right{padding-bottom:0;padding-top:0;}
    #product .pd_wrap .pd_btns{/*top:0;position:relative;margin-top:5vw;text-align: center;*/}
    #product .pd_wrap h2{font-size:7vw;line-height:1}
    #product .pd_wrap span{font-size:7vw;letter-spacing: -3px !important;}
    #product .pd_wrap p{font-size:4vw;}

    #pd_slide .top_txt{margin-bottom:5vw;}
    #pd_slide .img{height:54vw;}

    .spec_tit h2{font-size:4vw;}
    .spec_tit h2 img{width:36vw;}
    .spec_tit h2 span{font-size:5vw;}
    #video_marketing .width-fixed .spec_tit h2 img{width:38vw}
    #video_marketing .width-fixed .spec_tit h2 span{font-size:5vw;}
    .spec_tit p{font-size:3vw;}

    .spec_item > div{height:30vw;}

    #video_marketing .width-fixed .spec_tit{margin-bottom:0;}
    .video_container{margin-top:4vw;}

    /*媛쒖슂*/
    .index .br{display: block;}
    #com1 .title{font-size:8vw;}
    #com1 p, #com1 h2{}
    #com1 h2{font-size: 4.4vw}
    #com1 h2 span img{width: 28vw;margin-top: -1vw;}
    #com1 p{margin: 5vw auto 0 auto; font-size: 14px}
    #com2 p br{display: none}
    /**/
    .com_w{padding:0;}
    #tech{margin: 0 20px 40px 20px}
    .tech{margin: 36px 20px 0 20px}
    .tech br{display: none;}
    .tech_l>h4, .tech_r>h4{padding:  20px !important;}

    .sub_nav_top{height:50vw;}

        /*nstb*/
    #nstb_tit h3{width: auto;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
    #nstb1{}
    #nstb2{margin: 60px auto}
    #nstb2>div>div:first-child{height: auto !important;max-height: none}
    #nstb_w p{padding: 10px 0 20px}
    .nstb2_{height: 200px !important;}

    /*max Series*/
    .max_con{width: 247px}
    .max_con p{font-size: 17.5px}
    .max_con h2{font-size: 29.5px;text-align: justify}
    .max_con span{font-size: 43px}
    .max_con h3{font-size: 48px;text-align: justify}
    #max_con1>div {min-width: 0px;}
    #max_con1 p {font-size: 10px;}
    #maxs1>div{margin-top: 30px}
    #maxs2 h1{font-size:7vw;}
    #maxs2{margin: 10vw 0;}

    #maxs .title_product{font-size:7vw;}

    #com2 h1{margin-top:20px;}
    /*#com2 h4{font-size:28px;padding: 0 20px;line-height: 1.4;margin-top: 80px}
    #com2 p{font-size:14px;letter-spacing: 0.5px;line-height: 18px;}*/
    #com2_2 section {margin-top:30px;}
    #com2_2 section div:first-child{width:40vw;height:40vw;}
    #com2_2 section:last-child div:first-child{width:40vw;height:40vw;}
    #com2_2 section h4{font-size:24px;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
    #com2_2 section p{font-size:16px}
    #com3 section {margin-top:30px;}
    #com3 section div:first-child{width:40vw;height:40vw;}
    #com3 section:last-child div:first-child{width:40vw;height:40vw;}
    #com3 section h4{font-size:24px;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
    #com3 section p{font-size:16px}

    .sub_tit{font-size:3.4vw;}

    #right_con div h1{font-size:9vw;left:12px;}
    /*#right_con div p {margin:0 15px;}*/
    /*#right_con div p span:first-child{font-size:5.6vw;margin-left:0;}
    #right_con div p span:last-child{font-size:4.2vw;margin-left:4vw;}*/
    .ft_wr .ft_top ul li{margin-right: 10px;font-size:12px;}
    .ft_wr .ft_top p{font-size:10px;}
    .ft_wr .ft_top p span{display: none}
    #ft_2 .copy{font-size: .8em}

    #effect_w h1, #effect p{font-size: 18px}
    #effect_w p{font-size: 16px}


    .mar .bo_sch_wrap{}
    .mar .gall_date{margin-top: 0 !important;}

    .gall_row .col-gn-4{width:100%;margin-right:0 !important;}
    .gall_row .col-gn-4 .gall_img{height:50vw !important;}
    .gall_row .col-gn-3{width:100%;margin-right:0 !important;}

    #bo_gall{padding:0 15px;}
    .latest_main{padding:10px;}
    #bo_gall .gall_img img{max-width:auto;width:100%;}


    .pg_page{height:33px;line-height:30px;min-width:33px;}
    .pg_current{height:33px;line-height:30px;min-width:33px;}


    .title_sub{font-size:5vw;}
    #right_con>div>h3{font-size:8vw !important;margin-bottom:2vw !important;}
    #right_con>div{padding:0 5vw !important;}

    .title_sub_page{font-size:6vw;letter-spacing: -1px;}
    .title_sub_page img{width:30vw;}
    #bearing_con1 .nano_coating h4{font-size:18px;}
    #bearing_con1 .heating h4{font-size:18px;}
    .bearing_con2 .bearing_img_left{width:100%;}
    .bearing_con2 .bearing_img_right{width:100%;}
    .bearing_con2 .content h2{font-size:14px;}

    #dark_tech .img_container .impeller_img01{width:100%;margin:0 0 5vw 0;}
    #dark_tech .img_container .impeller_img02{width:100%;margin:0;}

    #bearing_con1 .tit h3{font-size:8vw;word-break: keep-all}
    #bearing_con1 .tit h3 br{display:block;}

    #bearing_con .bearing_ani{width:80%;}
    #bearing_con .bearing_ani2{width:80% !important;}

    .contact_map > div h3{font-size:4.5vw;}
    .contact_map > div h3 span{font-size:3.4vw;}
    #ctt_con {zoom:0.7}
    #bearing_con1 .bearing_nstb > div .img img{width:100%;height:auto;}
    #bearing_con1 .bearing_nstb > div:first-child .img img{width:50%;height:auto;}
    #bearing_con1 .bearing_nstb > div .img.fit img{width:100%;height:auto;}
    #bearing_con1 .bearing_nstb > div .img.large img{width:100%;height:auto;}


    .case_study .study_con .imgs .hashs01 > a{height:15vw;}

    #bearing_con1 .bearing_nstb > div .text h4{text-align: center}
    #bearing_con1 .bearing_nstb > div .text h3{text-align: center;}
    #bearing_con1 .bearing_nstb > div .text .sub_p{text-align: center}
    .sub_content .sub_p br{display:none !important;}

    .img_modal.active > div{width:calc(100% - 20px);}

    .test .test_wrap > div:last-child table{width:150%;}



}/*end*/

@media all and (max-width: 480px){
    #right_con div p span.his_mon_right,
    #right_con div p span.his_con,
    #right_con div p span.his_con_right,
    #right_con div p span.mobile_mon{width:100% !important;margin:0 !important;display:block; }
    #right_con div p span.his_mon_right,
    #right_con div p span.mobile_mon{margin-bottom:2vw !important;}
    #right_con div p span.his_con,
    #right_con div p span.his_con_right{margin-bottom:3vw !important;}

    .sub_nav_top .text h1{font-size:6vw;line-height:7vw;}
    .sub_nav_top .text h3{font-size:4vw;}

    .certi_tab ul li{font-size:3vw;}

    #max_con1 .img{height:50vw;}

    #max_con{margin:7vw 0;}

    #case{padding:20px 0;}
    .case_study{padding:20px 0;}
    .case_study .study_con .sub_p h4{font-size:18px;}
    .case_study .study_con .sub_p{font-size:12px;line-height: 16px;}


    .sub_nav_top{height:55vw;}
    .sub_nav_top .text{margin-top:15px;}
    #hd{height:50px;}
    #gnb .gnb_menu_btn{width:30px;}

    .ttss {text-align: center;}
    .ttss > img{width:40% !important;float:none;margin:0 0 5vw 0;}
    .ttss img.dark_mode{width:40% !important;float:none;margin:0 0 5vw 0 !important;}
    .ttss > div{width:100%;float:none;}
    #bearing_con .sub_tit{text-align: center;}
    .ttss .p1 {text-align: center;}

    #bearing_con1 .bearing_nstb > div .text .sub_p br{display:none;}

}

@media all and (max-width: 400px){
    #product .pd_wrap .pd_btns{top: 145vw}
    .mar .bo_sch_wrap{}

    #main_slide .item-video .text h2{font-size:5vw;}

    .sub_top{margin-top:-20px}


    #com3 > div > div{flex-direction: column;text-align:center;justify-content: center;}
    #com3 > div > div:last-child div:first-child, #com3 > div > div > div:first-child{background-position:center;    width: 100%;height: 40vw;}
    #com3 > div > div > div:last-child{width:100%;text-align: center;margin-top:6vw;}
    #com3 > div > div h4{text-align:center;}
    #com3 > div > div p{text-align:center;}
}