/*header*/

@media screen and (max-width:1280px){
   nav h1 a > img {margin-left:30px;}
   header{width:95%;}
}

@media screen and (max-width:1199px){
   .inner{width:100%;}
}

@media screen and (max-width:1256px){ 
nav h1 a > img {margin-left:20px;}
}

@media screen and (max-width:1230px){ 
header{width:100%;}
.top_section{ left:-1.5%;}
#smenu_bar { min-width:auto;}
}

@media screen and (max-width:1199px){ 
	header{width:85%;}
	#smenu_bar {min-width:1000px;}
	.nav-list > li > a {text-align:center; }
}


@media screen and (max-width:1100px){ 
    .inner{width:96%;}
	 header{height:98px;   margin:0 auto !important; }
	.header_wrap{top:0px; z-index:9999;}
	.nav { height:80px; line-height:80px; background:#fff; margin:0 auto;  margin-top:0px;}
	.nav-list > li { padding:0 25px; }
	.nav-list{ top:0; left:200px;}
	.nav-list > li > ul > li > a{margin:0 0 5px -20px;}
    #smenu_bar {top:80px; min-width:auto;}
    nav h1 a > img {width:8%;}
	.top_section{left:-2%;}
}


@media screen and (max-width:1024px){
  #menu {display:none;}
  .top_section{display:none;}
   .nav{display:none;}
   .slicknav_menu {display:block; width:89.5%; top:25px;}
	.pn-ProductNav_Wrapper {display:block; }
	#mobile_menu h1{display:block; margin-left:20px;}
	#mobile_menu h1 img{width:8%;}
	.header_wrap{position:absolute;top:30px; }
	/* .main_vis ul li:nth-child(3) img{position:relative;}*/
	 header{width:89.5%; height:75px; background:#fff; }
	 #mobile_menu img{width:9%;}
	 .slicknav_nav{top:27px;}
	 .nav .inner > span{display:none;}
}


@media screen and (max-width:800px){ 
    .header_wrap{top:20px;}
	#mobile_menu img{width:11%; margin-top:10px;}
}


@media screen and (max-width:680px){ 
 #mobile_menu h1 img {width:9%;} 	
}

@media screen and (max-width:580px){ 
	.header_wrap{top:20px;}
	#mobile_menu h1 img{width:11%;}
}

@media screen and (max-width:480px){ 
	 #mobile_menu h1 img{width:10%;}
	 header{height:60px;}
	 .slicknav_menu{top:20px;}
	 .slicknav_nav{top:17px;}
}

@media screen and (max-width:420px){
    .header_wrap{top:15px;}
	 #mobile_menu h1 img{width:11%;}
}

@media screen and (max-width:385px){
    .header_wrap{top:10px;}
	 header{width:93%; height:55px;} 
	 .slicknav_menu{top:17px; width:93%; }
	 .slicknav_nav{top:15px;}
	 #mobile_menu h1{margin-left:15px;}
	 .slicknav_menu .slicknav_icon-bar{width:30px; height:3px; }
}

@media screen and (max-width:320px){
    .header_wrap{top:0px;}
	 header{width:100%; height:50px;} 
	 .slicknav_menu {width:100%; top:15px;}
	 .slicknav_nav{top:10px;}	
}



/*main_vis*/
@media screen and (max-width:1440px){
    .main_vis .inner .slider_wrap{top:400px;}
}

@media screen and (max-width:1366px){
    .main_vis .inner .slider_wrap{top:380px;}
}

@media screen and (max-width:1280px){
    .main_vis .inner .slider_wrap .tit1{font-size:40px;}
	.main_vis .slider_wrap p{font-size:20px;}
    .main_vis .inner .slider_wrap{top:360px;}
}


@media screen and (max-width:1100px){
    .main_vis .inner .slider_wrap{top:300px; left:50px;}
	.main_vis .inner .slider_wrap .tit1{font-size:38px;}
    .main_vis .slider_wrap p{font-size:22px; margin-top:20px;}
}

@media screen and (max-width:1024px){
   	.main_vis .inner .slider_wrap .tit1{font-size:36px;}
	.main_vis .slider_wrap p{font-size:18px;}
    .main_vis .inner .slider_wrap{top:220px;}
}

@media screen and (max-width:800px){
	.main_vis ul li img:nth-child(2){display:none;}
	.main_vis .m_vis{display:block;}
	.main_vis .inner .slider_wrap{top:500px;}
	.main_vis .inner .slider_wrap .tit1{font-size:34px; }
    .main_vis .slider_wrap p{font-size:20px;}
}

@media screen and (max-width:680px){
	.main_vis .inner .slider_wrap{top:440px;}
	.main_vis .inner .slider_wrap .tit1{font-size:32px; }
}

@media screen and (max-width:640px){
	.main_vis .inner .slider_wrap{top:300px;}
	.main_vis .inner .slider_wrap .tit1{font-size:30px; }
	.main_vis .bx-wrapper .bx-pager.bx-default-pager a{width:50px; height:4px;}
}

@media screen and (max-width:580px){
	.main_vis .inner .slider_wrap{top:350px;}
	.main_vis .inner .slider_wrap .tit1{font-size:27px; }
	.main_vis .slider_wrap p{font-size:17px;}
}

@media screen and (max-width:480px){
	.main_vis .inner .slider_wrap{top:300px; left:25px;}
	.main_vis .inner .slider_wrap .tit1{font-size:27px;}
	.main_vis .inner .slider_wrap .txt1{display:none;}
	.main_vis .bx-wrapper .bx-pager{bottom:20px;}
}

@media screen and (max-width:420px){
	.main_vis .inner .slider_wrap{top:280px;}
	.main_vis .inner .slider_wrap .tit1{font-size:23px;}
}

@media screen and (max-width:385px){
	.main_vis .inner .slider_wrap{top:250px;}
	.main_vis .inner .slider_wrap .tit1{font-size:20px;}
	 .main_vis .bx-wrapper .bx-pager{display:none;}
}

@media screen and (max-width:320px){
	.main_vis .inner .slider_wrap{top:220px;}
	.main_vis .inner .slider_wrap .tit1{font-size:17px;}
}

/*businiss*/
@media screen and (max-width:1100px){
.businiss ul li br{display:none;}
.businiss ul li:last-child{margin-right:0;}
}

@media screen and (max-width:800px){
.businiss > div img{width:6%;}
.businiss > div p:nth-child(2){font-size:30px;}
.businiss ul li a p:nth-child(2){font-size:18px;}
.businiss > div a {width:200px; height:45px; line-height:45px;}
}

@media screen and (max-width:768px){
.businiss ul li a p:nth-child(2){font-size:17px;}
.businiss ul{margin-bottom:55px;}
}

@media screen and (max-width:680px){ 
.businiss > div p:nth-child(2){font-size:28px;}
.businiss ul li{width:48%; margin-right:3.6%;}
.businiss ul li:nth-child(2){margin-right:0;}
.businiss ul li:nth-child(2) p{margin-bottom:32px;}
}

@media screen and (max-width:385px){ 
.businiss > div img{width:8%;}
.businiss > div p:nth-child(2){font-size:26px;}
.businiss > div p:nth-child(3){font-size:18px; margin-bottom:50px;}
.businiss ul li a p:nth-child(4){font-size:16px;}
.businiss > div a {width:180px; height:45px; line-height:45px;}
}

@media screen and (max-width:360px){ 
.businiss > div img{width:8%;}
.businiss > div p:nth-child(2){font-size:24px;}
.businiss > div p:nth-child(3){font-size:17px;}
.businiss > div a {width:160px; height:45px; line-height:45px;}
}

@media screen and (max-width:320px){ 
.businiss > div img{width:9%;}
.businiss > div p:nth-child(2){font-size:22px;}
.businiss > div p:nth-child(3){font-size:16px;}
.businiss ul li a p:nth-child(2){font-size:15px;margin:20px 0 14px 0;}
.businiss ul li a  span{margin:top:0;}
.businiss ul li a p:nth-child(4){display:none;}
.businiss ul li:nth-child(3){margin-top:15px;}
.businiss ul li:nth-child(4){margin-top:15px;}
.businiss > div a {font-size:15px; width:130px; height:40px; line-height:40px;}
}

/*ceo message*/
@media screen and (max-width:1100px){ 
.ceo_bg{padding:80px 0;}
.ceo_bg .ceo .message img{width:49%; top:85px;}
}

@media screen and (max-width:1024px){
.ceo_bg{padding:60px 0;}
.ceo_bg .ceo .message img{ top:150px;}
}

@media screen and (max-width:800px){
.ceo_bg{background:#f3f3f3 url(../image/main/logodeco2.png) no-repeat top left;}
.ceo_bg .ceo h1{font-size:40px;}
.ceo_bg .ceo .message div p:nth-child(1){font-size:25px;}
.ceo_bg .ceo .message div p:nth-child(1) br{display:none;}
.ceo_bg .ceo .message div p:nth-child(2),
.ceo_bg .ceo .message div p:nth-child(3){display:none;}
.ceo_bg .ceo .message img{width:47%; top:-5px;}
.ceo_bg .ceo .message div a{width:200px; height:45px; line-height:45px;}
}

@media screen and (max-width:680px){
.ceo_bg{margin-top:80px; padding:60px 0;}
.ceo_bg .ceo h1{font-size:35px;}
.ceo_bg .ceo > p{font-size:18px;}
.ceo_bg .ceo p > strong{font-size:24px;}
.ceo_bg .ceo .message div{width:50%;}
.ceo_bg .ceo .message div p:nth-child(1){font-size:20px;}
.ceo_bg .ceo .message div a{width:180px; height:45px; line-height:45px;}
.ceo_bg .ceo .message img{top:10px;}
}

@media screen and (max-width:580px){
.ceo_bg .ceo .message img{top:25px;}
}

@media screen and (max-width:480px){
.ceo_bg{background:#f3f3f3 url(../image/main/logodeco3.png) no-repeat top left; text-align:center;}
.ceo_bg .ceo span{display:inline-block;}
.ceo_bg .ceo .message div{width:100%;}
.ceo_bg .ceo .message img{position:relative; width:70%; top:70px;}
.ceo_bg .ceo .message div p:nth-child(1){font-size:20px; padding-top:100px; }
.ceo_bg .ceo .message div a {display:inline-block;} 
}

@media screen and (max-width:385px){ 
.ceo_bg .ceo h1{font-size:28px;}
.ceo_bg .ceo > p{font-size:18px;}
.ceo_bg .ceo p > strong{font-size:23px;}
.ceo_bg .ceo span{width:177px; height:1px;}
.ceo_bg .ceo .message div p:nth-child(1){font-size:18px;}
.ceo_bg .ceo .message div a{width:180px; height:45px; line-height:45px;}
}

@media screen and (max-width:320px){ 
.ceo_bg .ceo h1{font-size:26px;}
.ceo_bg .ceo .message div p:nth-child(1){font-size:17px;}
.ceo_bg .ceo .message div a{font-size:15px; width:130px; height:40px; line-height:40px;}
}

/*cj story*/

@media screen and (max-width:1100px){ 
 .cj_story .news ul li a p{font-size:16px;}
}

@media screen and (max-width:800px){ 
 .cj_story .news ul li a p{font-size:13px;}
 .cj_story div > p:nth-child(2){font-size:34px;}
}

@media screen and (max-width:680px){ 
.cj_story div > p:nth-child(2){font-size:28px;}
.cj_story .news{margin-top:6px;}
.cj_story .news ul li{width:100%; margin-bottom:1%;}
.cj_story .news ul li a p{font-size:20px;}
}

@media screen and (max-width:480px){ 
.cj_story .news{margin-top:5px;}
.cj_story .news ul li a p{font-size:18px;}
}

@media screen and (max-width:420px){ 
.cj_story .news{margin-top:4px;}
}

@media screen and (max-width:360px){ 
.cj_story div > p:nth-child(2){font-size:24px;}
.cj_story div > p:nth-child(3){font-size:17px; margin-bottom:55px;}
.cj_story .news{margin-top:3px;}
.cj_story .news ul li a p{font-size:16px;}
}

@media screen and (max-width:320px){ 
.cj_story div > p:nth-child(2){font-size:22px;}
.cj_story div > p:nth-child(3){font-size:16px;}
.cj_story .news ul li a p{font-size:15px;}
}

/*csv*/

@media screen and (max-width:1100px){
.csv{background:url(../image/main/m_csvimg.jpg) no-repeat top center;}
.csv .csv_text p:nth-child(3){padding:20px 0 50px 0;}
}

@media screen and (max-width:1024px){
.csv .csv_text p:nth-child(4){font-size:18px;}
}

@media screen and (max-width:800px){ 
.csv .csv_text p:nth-child(1){font-size:17px; padding:0;}
.csv .csv_text p:nth-child(2){font-size:30px;}
.csv .csv_text p:nth-child(3){font-size:18px;}
.csv .csv_text p:nth-child(4){font-size:17px;}
}

@media screen and (max-width:768px){
.csv .csv_text p:nth-child(4){margin-bottom:35px;}
}


@media screen and (max-width:640px){
.csv .csv_text p:nth-child(4){font-size:16px;} 
}

@media screen and (max-width:580px){
.csv{padding:70px 0;}
.csv .csv_text p:nth-child(2){font-size:25px;}
.csv .csv_text p:nth-child(3){font-size:17px;}
.csv .csv_text p:nth-child(4){font-size:15px;}
.csv .csv_text a{font-size:15px; height:40px;line-height:40px;} 
}

@media screen and (max-width:385px){
.csv{padding:50px 0;}
.csv .csv_text p:nth-child(3){padding:20px 0 40px 0;}
.csv .csv_text p:nth-child(4){display:none;}
.csv .csv_text a{width:136px;} 
}

@media screen and (max-width:320px){
.csv .csv_text p:nth-child(3){padding:20px 0 30px 0;}
.csv .csv_text a{font-size:14px; width:126px; height:35px;line-height:35px;} 
}

/*best brand*/



@media screen and (max-width:1100px){
.best_brand .br_tabs li.active:after{width:90px; left:10%;}
}

@media screen and (max-width:1024px){
.best_brand{padding-bottom:30px; background:#f3f3f3 url(../image/main/bestlogodeco3.png) no-repeat bottom right;}
.best_brand .br_tabs li.active:after{left:8%;}

}

@media screen and (max-width:800px){
.brand > p:nth-child(2){font-size:34px;}
}

@media screen and (max-width:890px){
.best_brand .br_tabs li{width:15%;}
.best_brand .brtab_container .br_content ul li img{width:100%;}
.best_brand .brtab_container .br_content ul li{width:31.1%; margin:0 1.1% 3%;}
.best_brand .br_tabs li.active:after{left:18%;}
}

@media screen and (max-width:800px){
.best_brand .br_tabs li.active:after{left:12%;}
}

@media screen and (max-width:680px){
.best_brand{min-height:500px;}
.brand > p:nth-child(2){font-size:28px;}
.best_brand .br_tabs li{width:15%;}
.best_brand .br_tabs li.active:after{left:8%;}
}

@media screen and (max-width:630px){
.best_brand .brtab_container .br_content ul li{display:inline-block; text-align:center; width:45%; margin:0 2.5% 3%;}
}

@media screen and (max-width:580px){
.best_brand{padding-bottom:30px; background:#f3f3f3;}
.best_brand{min-height:470px;}
.best_brand .br_tabs li{width:20%;}
.best_brand .br_tabs li.active:after{left:11%;}
}

@media screen and (max-width:480px){
.best_brand{padding-bottom:30px;}
.best_brand .br_tabs li{width:25%;}
.best_brand .br_tabs li.active:after{left:14%;}
}

@media screen and (max-width:414px){
.best_brand{background:#f3f3f3;}
.best_brand .br_tabs li{width:29%;}
}

@media screen and (max-width:360px){
.best_brand{padding-bottom:15px;}
.brand > p:nth-child(2){font-size:24px;}
.brand > p:nth-child(3){font-size:17px;}
.best_brand .br_tabs li.active:after{left:10%;}
}

@media screen and (max-width:320px){
.best_brand{padding-bottom:0;}
.brand > p:nth-child(2){font-size:22px;}
.brand > p:nth-child(3){font-size:16px;}
.best_brand .br_tabs li.active:after{left:2%;}
}

/*ä¿ëÁ¤º¸&È«º¸ÀÚ·á*/
@media screen and (max-width:2560px){
.data div .bg{overflow:hidden;}
.data div .bg img{width:100%;}
}

@media screen and (max-width:1440px){
.data div .bg{overflow:hidden;}
.data ul li .bg img{position:relative; right:20%; width:960px;}

}

@media screen and (max-width:1024px){
.data ul .recruitment .bg img,
.data ul .promotion .bg img{right:45%;}
}

@media screen and (max-width:800px){
.data ul .recruitment .bg img{right:70%;}
.data ul .promotion .bg img{right:80%;}
.data div div p:nth-child(1){font-size:17px;}
.data div div p:nth-child(2){font-size:30px;}
}


@media screen and (max-width:680px){
.data ul .recruitment .bg img{right:88%;}
.data ul .promotion .bg img{right:95%;}
.data div div p:nth-child(2){font-size:28px;}
.data div div a{width:136px; height:45px; line-height:45px;}
}

@media screen and (max-width:580px){
.data ul li{float:none; width:100%;}
.data ul .recruitment .bg img,
.data ul .promotion .bg img{right:35%;}
.data div div a{font-size:15px; height:40px;line-height:40px;} 
}

@media screen and (max-width:480px){
.data ul .recruitment .bg img{right:50%;}
.data ul .promotion .bg img{right:53%;}

}

@media screen and (max-width:420px){
.data ul .recruitment .bg img,
.data ul .promotion .bg img{right:70%;}
}

@media screen and (max-width:385px){
.data ul .recruitment .bg img,
.data ul .promotion .bg img{right:80%;}
}



@media screen and (max-width:360px){
.data ul .recruitment .bg img,
.data ul .promotion .bg img{right:88%;}
}

@media screen and (max-width:320px){
.data ul .recruitment .bg img{right:100%;}
.data ul .promotion .bg img{right:110%;}
}

/*footer*/
@media screen and (max-width:800px){
.footer .footer_cj ul li a{padding-right:20px;}
.footer .footer_cj ul li a,
.footer .footer_cj  > a,
.footer_bottom p{font-size:14px;}
.footer_bottom img{width:8%;}
}

@media screen and (max-width:680px){
.footer .footer_cj ul li{width:128px; padding:15px;}
.footer .footer_cj ul li a{padding-right:10px;}
.footer .footer_cj  > a{margin-top:0px; margin-bottom:10px;}
}

@media screen and (max-width:667px){
.footer_bottom img{width:12%; margin:20px 0px 0 0;}
.footer_bottom p{font-size:16px; padding:20px 0 20px 0;}
}

@media screen and (max-width:580px){
.footer .newsletter .inner{text-align:center;}
.footer .newsletter input[type="text"]{width:400px; padding-left:10px;}
.footer .newsletter .btn_style{left:452px;}
.footer .footer_cj ul li a{padding-right:0px;}
.footer .footer_cj ul li{ padding:30px 0px 10px 55px;}
.footer .footer_cj  > a{margin-top:10px;}
.footer_bottom img{display:none;}
.footer_bottom p{font-size:14px; text-align:center; padding-left:30px;}
}

@media screen and (max-width:480px){
.footer .footer_cj ul li{font-size:0; padding:30px 0px 10px 40px; width:110px;}
.footer .newsletter input[type="text"]{width:300px; padding-left:15px;}
.footer .newsletter .btn_style{left:357px;}
.footer_bottom p{padding-left:10px;}
}

@media screen and (max-width:420px){
.footer .footer_cj ul{float:none; text-align:center;}
.footer .footer_cj ul li{padding:0; margin:30px 0 0 0;}
.footer_bottom p{word-break:keep-all;}
.footer .newsletter input[type="text"]{width:240px; font-size:16px;}
.footer .newsletter .btn_style{width:60px; left:313px; font-size:16px;}
}

@media screen and (max-width:385px){
.footer .newsletter{padding:10px 0;}
.footer .newsletter p{font-size:16px;}
.footer .newsletter input[type="text"]{width:220px;}
.footer .newsletter .btn_style{width:50px; left:292px;}
}

@media screen and (max-width:360px){
.footer .newsletter p{font-size:14px;}
.footer .newsletter input[type="text"]{font-size:14px; width:200px; }
.footer .newsletter .btn_style{font-size:14px; width:50px; left:266px;}
}



@media screen and (max-width:320px){
.footer .footer_cj ul li,
.footer .footer_cj a{display:none;}
.footer_bottom {border-top:0;}
.footer_bottom p{padding:20px 0 0 0;}
.footer .newsletter input[type="text"]{width:200px; padding-left:5px; font-size:15px;}
.footer .newsletter .btn_style{width:45px; left:248px;}

}