@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){	

}


@media screen and (max-width:1450px){	


#header .gnb_wrap .gnb > li .dp1{ font-size:1.063em; padding:0 1.5em;}



}

@media screen and (max-width:1320px){
#left_quick{ display:none;}	

}





@media screen and (max-width:1300px){	

#header .gnb_wrap .gnb > li .dp1{ font-size:1.063em; padding:0 1em;}
#header .logo .tt{ display:none;}
#header .logo{ left:60px;}



/*1-2*/
.sub1_2 .tx_1:after{ display:none;}
.sub1_2 .tx_1:before{ display:none;}
.sub1_2 .tx_1{ font-size:1em;}


/*1-2*/
.sub1_5 .tx_1:after{ display:none;}
.sub1_5 .tx_1:before{ display:none;}



}


@media screen and (max-width:1240px){	


.maincon_wrap1 .pro_catalog .pro_box .pro_txt{ font-size:0.875em;}
.sub1_5 .content_2 li .con_b3 .tx_box{ margin-left:9%;}
.sub1_5 .tx_box_r p{font-size:.85em;}


.prod_view_wrap{ position:relative; padding-bottom:5em;}

.prod_view_wrap .tit_wrap{ float:none; width:100%;}
.prod_view_wrap .img_wrap{ float:none; width:100%;}
.prod_view_wrap .img_wrap .inner{margin-left:0;}

.prod_view_wrap .tit_wrap .btn{ margin-top:0; position:absolute; bottom:0px; right:0;}
.prod_view_wrap .tit_wrap .btn.bn11{right:170px;}



}





@media screen and (max-device-width:1024px){
}

@media screen and (max-width:1024px){
body{ font-size:15px; letter-spacing:-1px;}
.di_wrap > *{ font-size:15px; font-size:.938rem;}





}



@media screen and (max-width:1100px){



}


@media screen and (max-width:1000px){


#header .logo{ left:10px;}
#header .siteMap_wrap .gnb > li .dp2 > li{ padding:.4em 1em;}
}


@media screen and (max-width:980px){

#header .gnb_wrap .gnb > li .dp1{ display:none;}
#header .gnb_wrap{ height:70px;}


.sub1_1 .con_box{ margin-top:0;}
.sub1_1 .tx_b{ width:100%; margin-top:0;}
.sub1_1 .img img{ display:none;}

.sub1_2 .tx_1{font-size:0.875em;}
.sub1_2 .tx_s{padding-top:8%;}
.sub1_4 .patent_form .patent_box{width:33.33%;}
.sub1_5 .tx_s{padding-top:8%;}

.prod_wrap .prod{ width:33.33%;}

.maincon_wrap3 .con3_wrap .con3_left .con3_swrap{ width:98%;}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap{ width:98%;}

}



@media screen and (max-width:900px){
#footer .sitemap_wrap{ display:none;}
}

@media screen and (max-width:820px){

.sub2_1 .cont_box .cont_sbox_01 ul li{ font-size:0.875em;}
.sub2_1 .graph_wrap .gr_box{ height:inherit; border:none;}
.maincon_wrap1 .main_con1_box li .li_wrap .con_img{ height:180px;}
.maincon_wrap1 .main_con1_box li .li_wrap .con_tbox{ font-size:1em;}
.maincon_wrap1 .main_con1_sbox li .li_swrap p{ font-size:0.875em;}

.maincon_wrap2 .con2_ulbox li{ width:100%;}



}





@media screen and (max-device-width:768px){
} 

@media screen and (max-width:768px){
body{ font-family:sans-serif; font-size:13px;}
.di_wrap > *{ font-size:13px; font-size:.813rem;}

#header .etc_wrap li:nth-child(1){ display:none;}
#header .logo{ left:50%; margin-left:-73px;}
/*html.on #header .siteMap_wrap{ width:70%; background:#fff; box-shadow:-1px -1px 8px rgba(0,0,0,0.3);}
#header .siteMap_wrap .inner{padding-left:0em; padding-top:8em;}
#header .siteMap_wrap .gnb > li:nth-child(1){border-top:1px solid #ddd;}
#header .siteMap_wrap .gnb > li { position: relative; width:100%; border-bottom:1px solid #ddd; padding:0 1em; box-sizing:border-box; margin-top:-1px;}
#header .siteMap_wrap .gnb > li:hover{border-bottom:1px solid #003f87; border-top:1px solid #003f87;}
#header .siteMap_wrap .gnb > li:before, #header .siteMap_wrap .gnb > li:after{ display:none;}
#header .siteMap_wrap .gnb > li:before{ display:none;}
#header .siteMap_wrap .gnb > li .dp1{ text-align:left; position:relative;}
#header .siteMap_wrap .gnb > li .dp2 .vm_tt{margin-left:1em;}
#header .siteMap_wrap .gnb > li .dp1 .vm_tt:after{font-size:1.5em; color:#003f87; position:absolute; right:5px; top:20px; content:'+'; font-weight:bold;}
#header .siteMap_wrap .gnb > li .dp2{ background:inherit; border:none; box-shadow:none; height:inherit !important; padding:0; display:none; margin:0;}
#header .siteMap_wrap .gnb > li .dp2 > li{ border-bottom:1px solid #ddd;}
#header .siteMap_wrap .gnb > li .dp2 > li > a:after{top:1.5em;}
#header .siteMap_wrap .gnb > li .dp2 > li:last-child{border-bottom:none;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ font-size:1em;  padding:1em 0;}
#header .siteMap_wrap .gnb li:hover .dp2{ background-color:inherit;}
*/
.inc_a { display: block; width: 100%; height:70px; position: absolute; top: 0; left: 0; z-index: 99;}

.mainVisual .flex-control-paging{top:40em;}
#contents .submenu_wrap{ display:none;}


.sub1_4 .patent_form .patent_box{width:50%;}
.prod_wrap .prod{ width:50%;}
#contents .pageCon_wrap{padding:3em 0 14em;}

.maincon_wrap1 .prod_search{ width:100%;}
.maincon_wrap1 .prod_search .search{ width:100%;}
.maincon_wrap1 .prod_search .search .tit_wrap{ width:130px;}
.maincon_wrap1 .prod_search .search .inp_wrap{ width:100%; padding:0 1em;}
.maincon_wrap2 .con2_ulbox li:nth-child(2){ padding-bottom:40px;}


.maincon_wrap3 .con3_wrap .con3_left{float:none; width:100%; margin-bottom:30px;}
.maincon_wrap3 .con3_wrap .con3_left .con3_swrap{ width:100%;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top .cb1{width:49%; float:left;}
.maincon_wrap3 .con3_wrap .con3_left .cont3_top .cb2{ width:49%; float:right;}

.maincon_wrap3 .con3_wrap .con3_right{ float:none; width:100%;}
.maincon_wrap3 .con3_wrap .con3_right .con3_swrap{ width:100%;}

.PC{ display:none !important}
.PHONE{ display:block !important}

}




@media screen and (max-width:720px){


}



@media screen and (max-width:650px){

.sub1_5 .content_2{padding-bottom:0;}
.sub1_5 .content_2 li{width:100%; float:none;}
.sub1_5 .content_2 li>div{width:100%; margin-bottom:20px;}

.sub1_5 .content_2 li .con_b1{ height:200px;}
.sub1_5 .content_2 li .con_b2{ height:300px;}
.sub1_5 .content_2 li .con_b3{ height:280px;}
.sub1_5 .content_2 li .con_b1 .tx_box >p{ margin-bottom:10px !important;}
.sub1_5 .content_2 li .con_b2 .tx_box >p{ margin-bottom:10px !important;}
.sub1_5 .content_2 li .tx_box>div{ margin-right:40px;}

.sub1_5 .content_2 li .con_b1 .tx_box{ margin-left:30%}
.sub1_5 .content_2 li .con_b2 .tx_box{ margin-left:30%}
.sub2_1 .cont_box .cont_sbox_01 ul{float:none; width:100%;}
.sub2_1 .cont_box .cont_sbox_01 ul li{ font-size:1em;}

.maincon_bg1{ height:1200px;}
.maincon_wrap1 .main_con1_box li{ width:50%; margin-bottom:10px;}
.maincon_wrap1 .main_con1_box li .li_wrap .con_tbox{ height:70px; padding-top:20px;}

.maincon_wrap1 .main_con1_sbox li{ width:50%; margin-bottom:10px;}
.maincon_wrap1 .main_con1_sbox li .li_swrap p{ padding:20px 0 15px;}

.maincon_wrap1 .pro_catalog .pro_box{ padding:10px 30px;}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn{ width:180px; height:50px;}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn p{ line-height:50px;}
.mainNav .nav{ display: none;}


.maincon_wrap1 .prod_search .search .vm_wrap{height: 40px;}

.prod_search{ width:100%;}
.prod_search .search{ width:100%;}
.prod_search .search .tit_wrap{ width:130px;}
.prod_search .search .inp_wrap{ width:100%; padding:0 1em;}

}


@media screen and (max-width:650px){
	
	
.sub1_5 .content_2 li .con_b3{ height:400px;}	
.sub1_5 .content_2 li .con_b3 .tx_box{ margin-left:30%}	
	
}


@media screen and (max-width:450px){
	
.sub1_4 .img_resize_pat.pat_img{ height:250px !important;}
.sub1_4 .img_resize_pat.pat_img img{ min-height:250px !important;}
.sub1_6 .map iframe { height:300px;}
.tx_b .tx_b_01 .eg_tx{ letter-spacing:12px;}	

#header .logo{margin-left: 0; left: 0; }
#header .logo .vm_wrap{width: 70%;}
#header .etc_wrap li.def{font-size: 1.2rem;}
#header .etc_wrap > li.def > a .tt .xi{font-size: 1rem;}
#header .etc_wrap > li.def > a{padding: 0;}



}




@media screen and (max-width:360px){
	
body{ font-size:11px;}
.di_wrap > *{ font-size:11px; font-size:.688rem;}
.mainNav .nav{ display: none;}
    
#header .logo{margin-left: 0; left: 0; }
#header .logo .vm_wrap{width: 70%;}
#header .etc_wrap li.def{font-size: 1.2rem;}
#header .etc_wrap > li.def > a .tt .xi{font-size: 1rem;}
#header .etc_wrap > li.def > a{padding: 0;}
.maincon_bg1{height: 1100px;}

.maincon_wrap1 .main_con1_box li .li_wrap .con_img{height: 140px;}
.maincon_wrap1 .main_con1_box li .li_wrap .con_tbox{ height: 60px;}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn{ width: 100%; margin-top: 20px;}
.maincon_wrap1 .pro_catalog .pro_box .pro_btn p{ margin-right: 10px;}
#footer .menu_wrap .menu li:nth-child(2){ display: none;}
#footer .menu_wrap .menu li:last-child{ display: none;}
#footer .info_wrap .info > li{margin-bottom: 10px;}
#footer .info_wrap .info > li .t1{ display: block; margin-bottom: 5px;}
#footer .logo{display: none;}

.sub1_1 .tx_b .tx_b_01 .eg_tx{letter-spacing: 8px;}
.sub1_2 .tx_s{letter-spacing: 6px; padding-top: 11%;}
.sub1_2 .tx_1_box{ height: 190px;}
.sub1_2 .back_img{ height: 190px;}
.sub1_2 .con_tx p{display: block; line-height: 1.5; margin-top: 15px;}
.sub1_3 .page_sec{margin-top: 2em !important;}
.sub1_3 .history_area .history_lst{ margin-left: 110px;}
.sub1_5 .tx_1_box{ height: 190px;}
.sub1_5 .back_img{ height: 190px;}
.sub1_5 .tx_s{padding-top: 11%;}
.sub2_1 .cont_box .cont_sbox_01 ul li{margin-left: 10%;}
.sub2_1 .tt_st{line-height: 1.5;}
.sub2_1 .tt_st .co_07{margin-bottom: 10px; display: block;}
.sub2_2 .txt_box li{line-height: 1.5;}
.sub2_2 .txt_box li .dc_22{ display: block; margin-bottom: 5px;}
/*.prod_search .search{ width: 100%;}
.prod_search .search .tit_wrap{width: 33%;}
.prod_search .search .inp_wrap{margin-left: -20px;}*/
.w_view_m{ width: 100px;}
.w_view_m a{ width: 55px;}

.sub1_4 .img_resize_pat.pat_img{ height:200px !important;}
.sub1_4 .img_resize_pat.pat_img img{ min-height:200px !important;}

.sub1_5 .content_2 li .con_b1 .tx_box>p
.prod_view_wrap .tit_wrap .btn.bn11{right:125px;}

}

@media screen and (max-width:320px){

.label_select select{padding-left:1em;}
.maincon_wrap1 .prod_search .search .tit_wrap{ width:110px;}
.maincon_wrap1 .prod_search .search .inp_wrap{ width:140px !important;}
.tx_b .tx_b_01{ font-size:22px;}
.tx_b .tx_b_01 .tt_s{ font-size:28px;}
.sub1_1 .tx_b .tx_b_01 .eg_tx{letter-spacing:6px;}
.sub1_3 .TAB_WRAP .tab_ul li > a{padding: 10px 15px;}
.sub1_3 .history_area .history_lst .list dt .year{ font-size:2.4em;}
.sub1_3 .history_area .history_lst .list dd.first{ margin-left:-20px;}
.sub1_5 .content_2 li .con_b1 .tx_box{ margin-left:15%;}
.sub1_5 .content_2 li .con_b2 .tx_box{ margin-left:15%;}
.sub1_5 .content_2 li .con_b3 .tx_box{ margin-left:15%;}



}



@media (min-width: 480px) and (max-width:768px) and (orientation: landscape){

}