/*怨듯넻*/
/*html{background:#333;}*/
body{background:transparent;}
#hd.scroll{background: #4D4D4F}
#wrapper{background-color: #000}
#com_w{margin:  auto}
.title{color: #ffffff;margin-top: 60px}
.sub_tit{color: #cccccc}
.img_w{display: none !important;}
.img_d{display: block !important;}
.img_sub{display:none !important;}
#gnb .gnb_menu_btn span{background: #ffffff !important;}

/*硫붾돱�몃━*/
#hd{border-bottom: 3px solid #000}
#hd.sub{background: #191919;border-bottom: 3px solid #000}
#gnb_all_bg {background-color: black; height: 75%;}
#gnb_all_wrapper{
    background:url('../img/logoshape-.png') bottom 0 right 0 no-repeat #4D4D4F;
}
#hd.sub .main_menu > li.gnb_1dli a{color:#fff !important;background:rgba(0,0,0,.6) !important;}
#gnb_all .gnb_al_li .gnb_al_a, #gnb_all .gnb_al_li li a{
    color: #ffffff;
}
.sub #gnb .gnb_menu_btn span, #hd_wrapper.active #gnb .gnb_menu_btn span{
    background: #ffffff;
}
.gnb_2da{background:#444;}
#hd.sub .main_menu > li.gnb_1dli .gnb_2dli{background:rgba(0,0,0,.6);border:none;}

/*index*/
#product{background:url('../img/index_bg_01a.jpg')center / cover no-repeat #2f2f2f;}
#particles-js{background-color: #4d4d4f}
#pd_slide .top_txt p, #pd_slide .top_txt h2{color: #ffffff}
#product .pd_wrap h2{color: #ffffff}
#product .pd_wrap span{color: #cccccc}
/*.spec_item > div .spec_txt h2, .spec_item > div .spec_txt p{color: #111}*/
/*#main_slide .item .text h2{font-family: "Noto Sans CJK KR Medium",Dotum,sans-serif;  text-shadow: 1px 1px 6px #666666;letter-spacing: -1px;line-height: 1.4}*/
.spec_item > div .spec_txt h2{font-family: "Noto Sans CJK KR Light",Dotum,sans-serif}
.spec_tit h2{color: #ffffff;font-family: "Noto Sans CJK KR Regular",Dotum,sans-serif}
.spec_tit p{color: #cccccc}
#video_marketing{background:url('../img/index_bg_02a.jpg')center / cover no-repeat #2f2f2f}
.title{}
.title_sub{color:#eee;}

.title_sub_page{color:#fff;}


/*�쒕툕�섏씠吏�*/
/*.intro_wrap .title{margin-top: 0}*/
.intro_wrap{position:relative;top:0;left:0;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding:100px 0;}
#com1{height:auto;}
/*#com1:before{content:"";position: absolute;top:0;left:0;width:100%;background:rgba(0,0,0,0.6);height:100%;z-index:1;}*/
/*#com1:after{content:"";background:rgba(0,0,0,.5) url("../img/com_back.jpg") center / cover no-repeat;width:100%;height:100%;position: absolute;top:0;left:0;z-index:0;}*/
#com1 > div{position: relative;}
#com1 .title{color: #fff;margin-top: 0}
#com1 h4{color:#fff;}
#com1 h2{color:#fff;}
#com1 h2 span{color:#5bcaf4;}
#com1 p{color:#fff;}
#com3 p{color: #eeeeee}
#left_back{z-index: 0}
#com2{background-color: #222; }
#com2 .title{margin-top:0;}
#com2 p{color:#bbb;}

#com2_2{background:#666;}

/*#right_con{margin-bottom:0;padding-bottom:100px;}*/

.certifi .no-list{color:#eee;}
#right_con:after{background:#5bcaf4;z-index:0;}

#frio>div{background:url("../img/specs_item_02-.png")no-repeat 50% 50%;background-size: contain}
#tech p, #nstb_w p, #nstb_w h2, #nstb2 h3, .title_, #com3, #com2,#right_con div p span:last-child, #right_con div p span:first-child, .title_28>.con_20l, .title_28, #tech h4, /*.frio_w p, .frio_w h1,*/ #frio p, /*#control_w p, #control_w h1,*/ #control p, #control span, #effect_w h1,#effect_w p, #effect p{color: #ffffff}
#right_con div p span.his_con{color:#fff;}
/*#tech p, .frio_w span, #control_w span{color: #cccccc}*/
/*.frio_w>div.sec>div{background: url("../img/frioa-.png") no-repeat 50% 50%;background-size: contain}
.frio_w>div.last>div{background: url("../img/friob-.png") no-repeat 50% 50%;background-size: contain}*/
#control>div{border: 0px solid red}
/*#control_w>div{background-color: #333333}*/
.frio_w>div.fst>div{background:url("../img/motor-.png") no-repeat 50% 50% ;background-size: contain}
#nstb{background:url("../img/nstb-.png") no-repeat 50% 50% }
#nstb_tit h3{color: #eeeeee;font-family: "Noto Sans CJK KR Light",Dotum,sans-serif}
#nstb1 section:last-child>div:first-child{background: url("../img/nstb4-.png") no-repeat 50% 50%;background-size: contain}
.nano_dpc{display: block}
.nano_wpc{display: none}
.nano_w{display: none !important;}
#ft .ft_wr{background-color: #000000;text-align: center;}
#ft_2 .ft_wr{background-color: #222627;}
#request_w label{color: #ffffff;font-size: 18px}
#request_w div:nth-child(3) a span:first-child{color: #5bcaf4 !important;}

/*湲곗닠*/
#dark_tech p,
#dark_tech .sub_tit {color: #fff;}
#dark_tech p.case_p{color:#000;}

/*寃뚯떆�먰삎*/
#data_w li{color: #ffffff}
#bo_list tbody .even td,.tbl_wrap table, .bo_sch .sch_input{background-color: #000000}
.bo_sch .sch_btn{background-color: #015AAA;border-radius: 50%;padding: 7px 10px}
.tbl_head01 td:first-child{border-top: 0px #000000  }
.tbl_head01 td{border-collapse: collapse}
.tbl_head01 td, .bo_tit a{color: #ffffff}
.tbl_head01 td{border-top:0px solid #015AAA;border-bottom: 1px solid  #015AAA}
#bo_list .td_datetime{border-bottom: 1px solid #015AAA !important;}
.tbl_wrap table{border-top: 3px solid #015AAA;border-bottom: 2px solid #015AAA;border-collapse: inherit; border-spacing: 0}
.tbl_head01 td{border-collapse: collapse}
.tbl_head01 tbody tr:hover td{background: #191919 !important;}
.tbl_head01{border: 0px solid #000000}
.bo_sch .sch_input{color: #ffffff}
.pg_page{background-color: #000000;border: 2px solid #bbbbbb;color: #dddddd}


/*寃뚯떆�먰삎 �곸꽭*/
#bo_v, #container_a{background-color: #000000}
.notice_subject, .notice_num, .notice_datetime, #bo_v_con p{color: #ffffff}
#bo_v_info{border-bottom: 1px solid #333333}
a.btn_b01.btn.list_1{background-color: #000000; color: #ffffff}


/*�ы쉶怨듯뿄*/
.btn_bo_user li{background-color: #000000}
#bo_gall .gall_img{border-bottom: 0px solid  red}
.sub_tit_social,.social_subtitle,#bo_gall .gall_text_href a{color: #ffffff}
.sub_tit_social span{color: #5bcaf4}


/*�숈쁺��*/
.main_video_text a, .main_video_text p, .main_video_text2 a{color: #ffffff}
.main_video_text2 a, .main_video_text a{background: url(../img/right-arrow-.png) right 0 center no-repeat;background-size: 16px 16px;padding-right: 30px }
.main_video_text2 a img:last-child, .main_video_text a img:last-child{display: none}
/*臾몄쓽�섍린 �먮즺�붿껌 蹂대룄�먮즺*/
#request_w input, #data_w input{background-color: #000000;color: #ffffff}
#request_w li, #data_w li{border-bottom: 2px solid #015aaa}
#request_w textarea, #data_w textarea{border: 5px solid #015AAA;background-color: #000000;color: #ffffff}
#request li:nth-child(5), #data li:nth-child(6){border-bottom: 0px solid red}
.latest_news, #request_w div:nth-child(3) a span:first-child, #data_w div:nth-child(3) a span:first-child{color: #5bcaf4}
#request_w div:nth-child(3) a, #request_w li, #data_w div:nth-child(3) a, .main_news_text{color: #ffffff}
#request_w>span, #request_w div:nth-child(3) span:last-child, #data_w div:nth-child(3) a span:last-child, #data_w>span, .sub_tit_1, .gall_date{color: #cccccc !important;}
#request_w div:nth-child(4) input:first-child, #data_w div:nth-child(4) input:first-child{background-color: #000;color: #ffffff}
#request li:nth-child(6) label:first-child{background-color: #015AAA ;}

/*湲고��섏씠吏�*/
#ctt_con p span, #ctt_con p, #ctt{background-color: #000 !important;color:#fff;}
#ctt_con p b span, #ctt_con p span{color: #ffffff !important;}

#com2_2 > div > div h4{color:#fff;}
#com2_2 > div > div h4{color:#fff;}
#com2_2 > div > div p{color:#fff;}

.contact_map > div h3{color:#fff;}
.contact_map > div h3 span{color:#eee;}

.sub_top div > div{color:#efefef ;background:#999}

.gray{background:#222 !important;}

#bearing_con1 .tit h3{color:#eee;}
#bearing_con1 .tit h3 span{color:#5bcaf4}
#bearing_con1 .nano_coating h4{color:#fff;}
#bearing_con1 .heating h4{color:#fff}
#bearing_con1 .heating p{color:#fff}
#bearing_con1 .nano_coating .triple{background:#ccc;}
#bearing_con1 .heating .triple{background:#ccc}

.bearing_con2 .content{text-align: center}
.bearing_con2 h2{color:#ccc;}
.bearing_con2 .big_img{padding:10px;background:#ccc;}


.airend_con h4{color:#fff;}
.airend_con#airend_sec .img{background:#ccc;}

.airend_con#airend_last .img{background:#ccc;padding:10px;}
.airend_con#airend_last .img p{color:#000;}

.airend_con img.light_mode{display:none}
.airend_con img.dark_mode{display:inline;}

.blower .img h4{color:#fff;}
.blower .blower_con{background:#ccc;}
.blower .blower_con2{background:transparent;}
.blower .blower_con2 .img{background:#ccc;padding:10px;border:none;
    -webkit-border-radius:10px 10px;
    -moz-border-radius:10px 10px;
    border-radius:10px 10px;}
.blower .blower_con2 .sub_p h4{color:#fff;}
.blower .blower_con2 .sub_p {color:#eee;}

.blower .img img.light_mode{display:none;}
.blower .img img.dark_mode{display:inline;}

#control .content h4{color:#fff;}
.sub_content .sub_p{color:#eee;}
#control .ctrl_imgs > div div{color:#eee;}

.ctrl_content{background:#222;}
.ctrl_content .text h3{color:#eee;}
.ctrl_content .text .sub_p ul li{color:#eee;}
#ds_con2 .img{background:#666;}

.case_study .study_con .sub_p h4{color:#eee;}

.case_item > div{background:#222;border:1px solid #000;}
.case_item > div .txt p{color:#fff;}

.content#carbon h4{color:#fff;}
.content#carbon2 h4{color:#fff;}
.content#carbon2 .right #chart{background:#666;}
.content#carbon2 .right #chart img.light_mode{display:none}
.content#carbon2 .right #chart img.dark_mode{display:inline}

.carbon_map > div > div:last-child div strong{color:#fff;}
.carbon_map > div > div:last-child div p{color:#ccc;}

#bearing_con .bearing_ani2{width:48%;float:left;display:inline;-webkit-border-radius:20px 20px;-moz-border-radius:20px 20px;border-radius:20px 20px;}
#bearing_con .bearing_ani{display:none;}

.ttss{border-bottom:1px dashed #ccc;}
.ttss:nth-child(2){border-top:1px dashed #ccc;}
.ttss img.dark_mode {display:inline-block;vertical-align: middle;width:15%;margin-right:20px;opacity: .6}
.ttss img.light_mode {display:none;}

.mode_btn > div{background:#484848 !important;}
.mode_btn.on > div:hover{color:#fff !important;}
.mode_btn.on > div:hover i{color:#fff !important;}
#top_btn{background:#484848;color:#fff;}

.carbon_map > div > div:first-child{background:#444;}
.carbon_map > div > div:first-child h2{color:#eee;}
.carbon_map > div > div:first-child img.light_mode{display:none}
.carbon_map > div > div:first-child img.dark_mode{display:inline;}

.carbon_title{color:#eee;}

#gnb_all .gnb_menu_btn span{background:#fff;}
#bearing_con{background: #000000;}
#bearing_con p span{color:#fff;}
#bearing_con1.white{background:#000;}
#bearing_con1 .bearing_nstb > div .img{background:#fff;}
#bearing_con1 .bearing_nstb > div .img p{color:#444;}
#bearing_con1 .bearing_nstb > div .triple{background:#fff;}
#bearing_con1 .bearing_nstb > div .text h4{color:#eee;}
#bearing_con1 .bearing_nstb > div .text h3{color:#eee;}
#bearing_con1 .bearing_nstb > div .text .sub_p{color:#fff;}
#bearing_con1 .bearing_nstb > div .text:after{background:#444;}
.bearing_con2 .content h2{color:#eee;}

.lang ul li span{background:#484848 !important;color:#fff !important;}
.lang ul li:hover .drop_lang li {background:#484848 !important;color:#fff !important;}

.case_study .study_con .sub_p table th{color:#000;}

@media (max-width:960px){
    #gnb_all .gnb_al_li ul{background: #555;padding: 10px 0}
    #gnb_all .gnb_al_li li:hover a{color: #5bcaf4}
    #gnb_all .gnb_al_li .gnb_al_a:after{background: url('../img/down-arrow-.png')center / contain no-repeat}
    #gnb_all .gnb_al_li .gnb_al_a.on:after{background: url('../img/down-arrow-.png')center / contain no-repeat}
    #gnb_all .gnb_al_li li{border-bottom: 0px solid red}
    #gnb_all .gnb_al_li:first-child{border-top: 1px solid #777}
    #gnb_all .gnb_al_li{border-bottom: 1px solid #777}

}/*end*/

@media (max-width:720px){
    #gnb_all_bg {height: 100%;}
    .intro_wrap{padding:20vw 2vw;}
    #hd_wrapper{background-color: #4D4D4F}
    .nstb2_, .nstb2{background-color: #ffffff}
    .nano_d{display:block !important;}
}/*end*/

.test .test_wrap > div:first-child img.dark_mode{display:block;}
.test .test_wrap > div:first-child img.light_mode{display:none;}
.test .test_wrap > div:last-child h3{color:#5bcaf4}
.test .test_wrap > div:last-child table tr th{color: #181818;}
.test .test_wrap > div:last-child table tr td{color:#fff;}