@media screen and (max-width:1400px){
	.inner { padding:0 15px;}

	/********************************* header ********************************/
    header nav .gnb > li > a { padding:31px;}
    

    .benefit .box_content ul li:first-child div {margin-right: 0;}
    .benefit .box_content ul li:last-child div {margin-left: 0;}
    .benefit .box_content ul li div {width: 100%;}
}

@media screen and (max-width:1200px){
    /********************************* common ********************************/
    .none1200 {display: none;}
	.inner2 { padding:0 15px;}

    /********************************* header ********************************/
    
	header .lang { display:none; }
	header { height:85px; border-bottom:1px solid rgba(255,255,255,0.15);}
	header .logo { left:10px; top:30px;}
	header nav { position:fixed; width:90%; max-width:426px; background:#fff; height:100%; right:0; top:0; z-index:300; padding:30px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  right:-426px;}
	header nav .gnb { display:block; }
	header nav .gnb > li { float:none; text-align:left; border-bottom:1px solid #e1e1e1;}
	header nav .gnb > li > a { padding:0 40px; height:56px; line-height:56px; }
	header nav .gnb > li.on > a { background:#acacac; color:#fff;}
	header nav .gnb > li > .depth2 { position:static; display:block; padding-top:0; background:#f5f5f5; padding:26px 60px; border-top:1px solid #e1e1e1; display:none;}
	header nav .gnb > li > a:after { display:none; }
	header .lang ul li a, 
	header nav .gnb > li > a {
		color: #222;
	}
	header nav .gnb > li > .depth2 > li > a {position:relative; color:#666;}
	header nav .gnb > li > .depth2 > li > a:focus,
	header nav .gnb > li > .depth2 > li > a:hover { font-weight:500;}
	header nav .gnb > li > .depth2 > li > a:hover:before { content:""; width:6px; height:6px; background:#c61821; display:block; position:absolute; left:-18px; top:8px; }
	header { }
	.gnbBg { height:100%; left:0; top:0;}
	header nav .top { display:block; position:relative;}
	header nav .top .nav_logo { text-align:left;}
	header nav .top .nav_logo img {}
	header nav .top .close_btn { position:absolute; right:0; top:-10px;}
	header nav .top .close_btn button { width:48px; height:48px; background:url("/img/common/close_btn.png") no-repeat center #444; border:none;}
	header nav .lang { position:static; margin:30px 0 7px;}
	header nav .lang ul {}
	header nav .lang ul li { margin:0; width:25%; text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	header nav .lang ul li:last-child { border:none; }
	header nav .lang ul li a { background:#acacac; color:#fff; height:40px; line-height:40px; display:block;}
	header nav .lang ul li.on a { background:#c61821; color:#fff;}
	#all_menu { display:none !important;}

	/********************************** main **********************************/
	#mainVisual .visu article { height:780px;}
	#mainVisual .visu .txt dl dt { font-size:60px;	}
	#mainVisual .slick_dots { bottom:40px;}
	#mainContents .busi_wrap .slider .txt { padding:150px 0 0 0;}
	#mainContents .busi_wrap .slider .txt, 
	#mainContents .busi_wrap .slider .img { display:block; width:100% !important; }
	#mainContents .busi_wrap .slider .img { margin:30px 0; }
	#mainContents .busi_wrap .slider .num { left:0; font-size:200px; top:0;}
	#mainContents .busi_wrap .slider .more_s1 { position:static; text-align:center;}
	#mainContents .busi_wrap .slick-arrow { top:72%;}
	#mainContents .about_wrap .img, 
	#mainContents .about_wrap .txt { display:block; width:100% !important; }

	#mainContents .about_wrap .img { }
	#mainContents .about_wrap .img img{ width:100%; }
	#mainContents .about_wrap .txt dl { width:100%;}
	#mainContents .about_wrap .txt { padding:55px 3%;}
	#mainContents .about_wrap .txt dl dt br,
	#mainContents .about_wrap .txt dl dd br { display:none; }
	.board_wrap .list > div { width:100%; height:auto; margin-bottom:20px;}
	.board_wrap .list > div.news { width:49%; margin-right:2%;}
    .board_wrap .list > div.news:last-child { margin:0;}  

    #mainContents .busi_wrap .busi_dots {top: -1px;}
    #mainContents .busi_wrap .busi_dots ul li {width: 33.333%;}
    #mainContents .busi_wrap .busi_dots ul li button {width: 100%;}
    
    /*********************************** sub **********************************/
    /************************** company *************************/
    
    #sv { height:550px;}
	#sv .txt p { font-size:140px;}
	#sv .txt p span { font-size:100px;} 
	#sv .txt { padding:0 15px; bottom:-8px;}
	#lnb { display:none; } 

    /************ vision ***********/
    .management .list ul li {width: 260px; height: 260px;}
    .management .list ul li .img {margin: 40px auto 20px;}
    .vision_area .symbol_list {margin-left: 0;}
    .vision_area .symbol_list .circle {padding-bottom: 50px;}
    .vision_area .symbol_list ul li {position: relative;margin-bottom: 40px; }
    .vision_area .symbol_list ul li:nth-child(1) {top: 0; left: 0;}
    .vision_area .symbol_list ul li:nth-child(2) {top: 0; left: 0; transform: translateY(0);}
    .vision_area .symbol_list ul li:nth-child(3) {bottom: 0; left: 0;}

    .vision_area .symbol_list .circle {margin: 0 auto;}

    /************ partner ***********/
    .partner .list {width: 100%; max-width: 1000px;}

    /************ 공장소개 ***********/    
    .factory .img_inside .content {right: 15px;}

    /************ 찾아오시는 길 ***********/    
    .map .list ul li .info {padding: 75px 30px 0 30px;}
    .map .list ul li .info .info_list dl.address {padding-bottom: 30px;}

    /************************** product *************************/
    .tab {width: 400px;}
    .tab_list {position: absolute; top: 49px; left: 50%; transform: translateX(-50%); width: 100%; max-height: 400px; overflow-y: auto; z-index: 1;}
    .tab.on .tab_list {top: 59px; width: 400px;}
    .tab_list ul {border: 1px solid #c72127;}
    .tab_list ul li {display: block; width: 100%;}
    .tab_list ul li.on a::before {display: none;}
    .m_tab {display: block;}
    .tab_list {display: none;}
    .tab_list ul li a {padding: 15px 0;}
    
    .product_common .inner4 {width: 950px;}
    .product_common .product_list .list {width: 100%;}

    /************************** recruit *************************/
    /************** 인재상 **************/
    .person .list ul li .text {padding: 80px 0 0 35px;}
    .person .list ul li:nth-child(even) .text {padding: 80px 35px 0 0;}

    /************** 채용정보 **************/
    .hire .list {height: 600px;}
    .hire .list ul {width: 930px; margin: 0 auto;}
    .hire .list ul li {width: 241px; height: 241px;}
    .hire .list ul li .step {padding: 40px 0 20px;}
    .hire .list ul li .img {margin: 0 auto 15px;}
    .hire .list ul li::after {right: -30%;}
    
    .benefit .list ul li {height: 150px;}
    .benefit .list ul li:nth-child(even) {width: 50%; padding-left: 100px;}
    .benefit .list ul li:nth-child(even) img {left: 0;}

	/* footer*/
	footer #ft_top .ft_logo, 
	footer #ft_top address { float:none; text-align:center; width:100%;}
	footer #ft_top address { margin-top:25px;}
	footer #ft_bot .ft_menu { position:static; text-align:center; margin-top:20px;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);	
	}
	footer #ft_bot .ft_menu ul { display:inline-block; }
}

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

	/*********************************** sub **********************************/
	#sv { height:500px;}
	#sv .txt p { font-size:120px;}
	#sv .txt p span { font-size:90px;}

	#subContents { padding: 70px 0 0 0;}
	.pageTit h3 { font-size:40px;}
	.pageTit:after { margin:44px auto 0;}

	/* 인사말 */
	#greeting .top dl dt { font-size:50px;}
	#greeting .txt { padding: 120px 0; margin-top:0; }
	#greeting .txt dl dt { font-size:40px;}
	#greeting .txt dl dt br { display:none;}

	/********************************** main **********************************/
	#mainVisual .visu article { height:580px;}
	#mainVisual .visu .txt dl dt { font-size:50px;	}
	#mainVisual .visu .txt dl dd { font-size:26px;}
	#mainContents .busi_wrap { padding: 82px 0;}
	#mainContents .about_wrap .txt dl dt p { font-size:22px;}
	#mainContents .product_wrap .list ul li { width:49%; margin-right:2%; margin-bottom:30px;}
	#mainContents .product_wrap .list ul li:nth-child(3n) { margin-right:2%;}
	#mainContents .product_wrap .list ul li:nth-child(2n) { margin-right:0;}
    #mainContents .busi_wrap .busi_dots ul li button p span {display: block; margin-right: 0;  margin-bottom: 10px;}
    .tit_s1 h2 { font-size:36px;}

    
	/********************************** sub **********************************/
    /************************** company *************************/
    /************ history ***********/
    .history .inner2 > .title {height: 400px;}

    /************ vision ***********/
    .management .list ul li {display: inline-block; float: none; position: static; margin: 0 20px; }
    .management .list ul li .img {margin: 40px auto 20px;}

    /************ vision ***********/
    .factory .process .pc_view {display: none;}
    .factory .process .list {display: block;}

    /************ 공장소개 ***********/
    .factory .product .list ul li {height: 340px; margin-bottom: 20px;}

	/* footer */
    footer #ft_top address p span { width:30px;}

    /************ 찾아오시는 길 ***********/
    .map .tab_remote {width: 90%;}
    .map .list ul li .map_area, .map .list ul li .info {float: none; width: 100%;}
    .map .list ul li .map_area, .map_area .root_daum_roughmap .wrap_map {height: 350px;} 
    .map .list ul li .info {height: auto;}
    .map .list ul li .info {padding: 45px 30px 0 30px;}
    .map .list ul li .info .info_list dl dt {width: 125px;}

    /************************** product *************************/
    .product_common .inner4 {width: auto; padding: 0 15px;}
    .product_list .only_img ul li .img {margin-bottom: 10px;}
    .product_common .product_list ul li .head {height: 40px;}
    .gray .product_list .list ul {width: auto;}

    /************************** recruit *************************/
    /************** 인재상 **************/
    .person .list ul li:nth-child(even) .img, .person .list ul li:nth-child(even) .text {float: none;}
    .person .list ul li:nth-child(even) .text {padding: 30px 30px 0 30px;}
    .person .list ul li .img {float: none; position: static; width: 100%; height: auto;}
    .person .list ul li .img {width: auto;}
    .person .list ul li .img img {position: static; width: 100%;}
    .person .list ul li .text {float: none; width: 100%; padding: 30px 30px 0 30px;}
    .person .list ul li:nth-child(1) .text dl,
    .person .list ul li:nth-child(3) .text dl {background-position: 100% 60%;}

    /************** 채용정보 **************/ 
    .hire .list {height: auto; padding-bottom: 80px; background-size: cover;}
    .hire .list ul {width: auto;}
    .hire .list ul::before {top: 0; left: 50%; width: 1px; height: 100%;}
    .hire .list ul li {float: none; margin: 0 auto 100px;}
    .hire .list ul li::after {top: inherit; bottom: -30%; right: 50%; transform: translateX(50%) rotate(90deg);}
    .hire .list ul li .step {padding: 40px 0 20px;}
    .hire .list ul li .img {margin: 0 auto 15px;}
    .hire .list ul li:last-child {margin-right: auto; margin-bottom: 0;}

    /************************** 분쟁광물 *************************/
    .minerals .img_text .inner2 > div {float: none; width: 100%;}
    .minerals .img_text .text {padding-left: 0;}
    .minerals .img_text .inner2 > .img {margin-bottom: 40px;}


}

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

	/*********************************** sub **********************************/
	#sv { height:450px;}
	#sv .txt p { font-size:80px;}
	#sv .txt p span { font-size:60px;}
	#sv .txt span { font-size:18px;}

	/* 인사말 */
	#greeting .top dl dt { font-size:40px;}
	#greeting .txt dl dt { font-size:32px;}
	#greeting .txt { padding:60px 0;}
	#greeting .txt dl dd { margin-top: 45px;}
	#greeting .txt dl dd p { font-size:16px;}
	#greeting .txt .ceo { margin-top:60px;}

	/* footer */
	.br_767 { display:block !important;  font-size:0 !important; width:0 !important}

	/********************************** main **********************************/
	#mainVisual .visu .txt dl dt { font-size:40px;	}
	#mainVisual .visu .txt dl dd { font-size:24px;}
	#mainVisual .slick_dots .btns ul li { width:80px;}
	#mainContents .busi_wrap .slider .num { font-size:180px;}
	#mainContents .busi_wrap .slider .txt dl dt p { font-size:50px;}
		.tit_s1 h2 { font-size:32px;} 

	.shopping_btn{width:80px; height:80px;}

}

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

	/*********************************** sub **********************************/
    /************************** common *************************/
    
    
    #sv { height:350px;}
	#sv .txt p { font-size:60px;}
	#sv .txt p span { font-size:40px;}

	/* 인사말 */
	#greeting .top dl dt { font-size:30px;}
	#greeting .top dl dd { font-size:16px;}
	#greeting .top .img { margin-top: 30px;}
	#greeting .txt dl dt { font-size:28px;}


	/* footer */
	.br_640 { display:block !important;  font-size:0 !important; width:0 !important}
	footer #ft_top { padding:30px 0;}

	/********************************** main **********************************/
	#mainVisual .visu article { height:480px;}
	#mainVisual .slick_dots .btns ul li { width:70px;}
	#mainContents .busi_wrap .slider .num { font-size:160px;}
	#mainContents .busi_wrap .slider .txt dl dt p { font-size:40px;}
	#mainContents .about_wrap .txt dl dd,
	#mainContents .busi_wrap .slider .txt dl dd { font-size:14px;}
	#mainContents .busi_wrap .slider .txt dl dt p span { display:block; margin:15px 0 0 0; border-left:none; padding:0;}
	#mainContents .busi_wrap .slider .txt dl dt p span:before { content:""; width:15px; height:3px; background:#cbcbcb; display:block; margin:0 0 15px 0;}
    #mainContents .world .img .mobile {display: inline-block;} 
    #mainContents .world .img .pc {display: none;} 
    
    /********************************** sub **********************************/
    .sentence {padding-bottom: 40px; line-height: 30px; font-size: 22px;}
    .sentence i, .sentence b {font-size: 26px;}
    .pageTit {margin-bottom: 40px;}
    .title1 {padding-bottom: 40px;}

    /************************** company *************************/
    /************ history ***********/
    .history .inner2 > .title .text h4 {font-size: 42px;}
    .timeline .head {width: 160px; height: 160px;}
    .timeline > ul > li dl dd > div p {word-break: break-all;}

    /************ vision ***********/
    .management .list ul li {margin-bottom: 20px;}

    .bg_text_center {height: 400px;}
    .bg_text_center .title h4 {font-size: 38px;}
    .bg_text_center .title p {font-size: 20px;}

    .vision_area .symbol_list ul li {padding-left: 110px;}
    .vision_area .symbol_list ul li span {top: -5px;}
    .vision_area .symbol_list ul li span::before {width: 60px;}
    .vision_area .symbol_list ul li dl dt {font-size: 25px;}
    .vision_area .symbol_list ul li dl dd {font-size: 18px;}

    /************ partner ***********/
    .partner .list ul li {width: 49.5%; margin-right: 1%;}
    .partner .list ul li:nth-child(3n) {margin-right: 1%;}
    .partner .list ul li:nth-child(even) {margin-right: 0;}

    /************ 공장소개 ***********/
    .factory .img_inside {margin-bottom: 50px; text-align: center;}
    .factory .img_inside .inner2 > .img {margin-bottom: 30px;} 
    .factory .img_inside .content {display: inline-block; position: static;}
    .factory .img_inside .content .text {color: #333;}
    .factory .product {padding-bottom: 100px;}
    .factory .product .title {margin: 0 auto 45px;}
    .factory .process .list > ul > li {height: 320px;}
    .factory .product .list ul li {width: 49.5%; height: auto; margin-right: 1%; margin-bottom: 20px;}
    .factory .product .list ul li:nth-child(3n) {margin-right: 1%;}
    .factory .product .list ul li:nth-child(even) {margin-right: 0;}

    /************ 오시는 길 ***********/
    .map .list ul li .map_area, .map_area .root_daum_roughmap .wrap_map {height: 280px;}
    .map .list ul li .info .info_list dl dd {font-size: 18px;}
    .map .tab_remote > div, .text_content dd strong {font-size: 18px;}
    .text_content dt {font-size: 20px;}

    /************************** product *************************/
    .tab {margin-bottom: 40px;}
    .desc_content {margin-bottom: 60px;}
    .product_common h4 {font-size: 32px;}
    .product_common h4 span {font-size: 26px;}
    .product_common .product_list ul li {width: 49.5%;}
    .product_common .product_list ul li:nth-child(3n) {margin-right: 1%;}
    .product_common .product_list ul li:nth-child(even) {margin-right: 0;}
    .product_list .only_img ul li .img {margin-bottom: 5px;}
    .product_common .product_list ul li .head {font-size: 18px;}
    .product_common .product_list ul li .head {height: auto;}
    .product_common .one_list ul li {width: 100%;}
    .product_common .double_img_list ul li:nth-child(4n) {width: 49.5%;}
    .product_common .double_img_list ul li:last-child {width: 100%; margin-right: 0;}
    .product_common .double_img_list ul li:last-child .img_area .img {width: 49.5%;}
    .product_common .double_img_list ul li:last-child .img_area .img:first-child {margin-right: 1%;}
    .double_content .desc_content {float: none; width: 100%;}
    .double_content .desc_content:first-child {margin-bottom: 80px;}

    .pest .product_list .custom_list ul li:first-child,
    .pest .product_list .custom_list ul li:nth-child(even),
    .gray .product_list .list ul .half .img_area .img {float: none; width: 100%;}
    .pest .product_list .custom_list ul li:first-child {margin-bottom: 100px;}
    .tpi .desc_content .inner4,
    .pom .desc_content:first-child .inner4,
    .silicon .desc_content .inner4 {padding-bottom: 60px;}

    

    /************************** recruit *************************/
    /************** 인재상 **************/
    .person .list ul li .text dl dt span {font-size: 120px;}

    /************** 복리후생 **************/
    .benefit .box_content {margin-bottom: 50px;}
    .benefit .box_content ul li dl dt {line-height: 26px; font-size: 22px;}
    .benefit .box_content ul li dl dd {line-height: 22px; font-size: 16px;}

    .benefit .list ul li {padding: 100px 0 150px 0; text-align: center;}
    .benefit .list ul li img, .benefit .list ul li:nth-child(even) img {left: 50%; transform: translateX(-50%);}
    .benefit .list ul li:nth-child(even) {padding-left: 0;}


    /************************** publicize *************************/
    /************** 분쟁광물 **************/
    .minerals {padding-bottom: 400px; background-size: 100%;}
    


}

@media screen and (max-width:480px){
	/* 인사말 */
	#greeting .txt dl dt { font-size:26px;}

	/* footer */
	.br_480 { display:block !important;  font-size:0 !important; width:0 !important}

	/********************************** main **********************************/
	#mainContents .product_wrap .list ul li { width:100%; margin-right:0 !important; margin-bottom:30px;}
	.tit_s1 p  { font-size:16px;}
    .board_wrap .list > div.news { width: 100%;		margin-right: 0;	}
    

    /********************************** sub **********************************/
    /************************** company *************************/
    /************ history ***********/
    .timeline > ul > li dl dt {font-size: 60px;}
    .timeline > ul > li:nth-child(odd) dl dt {left: -160px;}
    .timeline > ul > li:nth-child(even) dl dt {right: -160px;}

    /************ vision ***********/
    .bg_text_center {height: 400px;}
    .vision_area .symbol_list .circle {width: 320px; height: 320px;}

    /************ 공장소개 ***********/    
    .factory .product .title {width: 90%;}

    /************************** product *************************/
    .tab {width: 85%;}
    .m_tab {width: 100%;}

    .tab.on .m_tab {width: 85%;}
    .tab.on .tab_list {width: 85%;}
    .product_common .product_list .title {width: 85%;}

    /************************** recruit *************************/
    /************** 인재상 **************/
    .person .list ul li .text,
    .person .list ul li:nth-child(even) .text {padding: 30px 10px 0 10px;}
    .person .list ul li .text dl dt {font-size: 32px;}
    .person .list ul li .text dl dt span {font-size: 80px;}
    .person .list ul li .text dl dd {font-size: 18px; line-height: 26px;}


    /************************** publicize *************************/
    /************** 분쟁광물 **************/
    .minerals {padding-bottom: 300px; background-size: 100%;}


}