@charset "utf-8";

.pages h5{font-size: 35px; font-weight: 600; margin-bottom: 35px;}

#page_6{word-break:keep-all; overflow:hidden;}
#page_6 .txt1{}
#page_6 .txt1 h4{font-size:42px; line-height:1.3; padding:0 0 75px 0;}
#page_6 .section{position:relative; margin-top:165px; text-align:center;}
#page_6 .section .page6_bg{background:#f6f6f6; width:87%; height:100%; position:absolute;}
#page_6 .section .wrap{position:relative;}
#page_6 .section img.imgs01{margin-top:-165px; max-width:100%;}
#page_6 .section img.imgs02{position:absolute; bottom:-22%; left:0; z-index:1;}
#page_6 .section .grayTx{position:absolute; top:-374px; right:0; font-size:200px; color:#f6f6f6; font-weight:bold; z-index:-1;}
#page_6 .txt2{text-align:left; padding:80px 0 100px 0; z-index:2;}
#page_6 .txt2 h5{font-size:25px; line-height:1.6; padding-bottom:60px;}
#page_6 .txt2 p{line-height:1.6;}
#page_6 .txt2 p > strong{padding-left:2px; font-weight: 500;}


#page_7 .history{margin-bottom: 100px;}
#page_7 .history .list {border-bottom: 2px solid #ddd; width:100%;padding-bottom: 35px; margin-bottom: 10px;}
#page_7 .history .list .list01 {}
#page_7 .history .list .list01 .years {float: left; width: 25%; color: #006dbb; font-weight: 700; font-size: 70px;}
#page_7 .history .list .list01 ul {float: left; width: 75%;line-height: 1.9; margin-top: 25px;}
#page_7 .history .list .list01 ul .story {line-height: 1.47;}
#page_7 .history .list .list01 ul .story .year {float: left; width: 12%; font-weight: 600; font-size: 20px; }
#page_7 .history .list .list01 ul .story .inner {float: left; width: 88%;}
#page_7 .history .list .list01 ul .story .inner p {margin-top:5px;}

#page_8{}
#page_8 .inner{background: url(/images/contents/menu/vision_bg.jpg) center top no-repeat; height: 1072px; width: 100%; text-align: center; background-size: cover;}

#page_8 p{font-size: 19px;}


#page_9{}
#page_9{background: #f6f6f6 url(/images/contents/menu/rnd_bg.jpg) center center no-repeat;padding: 100px 0;}
#page_9 .boxWh{height:474px; margin-top:10px; text-align: center;}
#page_9 .boxWh ul{}
#page_9 .boxWh ul li{ background:#fff; width:23%; height:464px; float:left; margin-left:2.6%;}
#page_9 .boxWh ul li:first-child{margin-left:0;}
#page_9 .boxWh ul li p{ margin:0 10%; padding:1rem 0; }
#page_9 .boxWh ul li div{ margin:0 10%; color: #1d4ca1; line-height: 1.2;}
#page_9 .boxWh ul li p:first-child{position:relative; padding-top:6rem; letter-spacing:-0.1em !important;}
#page_9 .boxWh ul li p:first-child:before{content:''; position:absolute; top:0; left:calc(100% - 110px); border-left:1px solid #000; height: 80px;}
#page_9 .boxWh ul li p.mont{font-weight: 300;}
#page_9 .boxWh ul li p.fs-24{font-weight: 500; padding-bottom: 15px;}



#page_10 .certificate{background: #f6f6f6; padding-bottom: 65px;}
#page_10 .certificate .wrap{}
#page_10 .certificate .wrap .tit{text-align: center;padding-top: 100px; margin-bottom: 10px;}
#page_10 .certificate .wrap .tit p{font-size: 20px;}
#page_10 .certificate .wrap ul.list{margin-top: 35px;}
#page_10 .certificate .wrap ul.list li{float: left; margin-bottom: 30px; margin-right: 30px; }
#page_10 .certificate .wrap ul.list li .inner {position: relative;  background: #fff; width: 380px; height: 390px; margin-bottom: 20px;}
#page_10 .certificate .wrap ul.list li p{text-align: center; font-weight: 500;}
#page_10 .certificate .wrap ul.list li:nth-child(3n){margin-right: 0;}
#page_10 .certificate .wrap ul.list li .inner img{width: 185px; height: 250px; box-shadow: 5px 5px 7px rgba(0,0,0,0.2); margin: auto; position: absolute; left:0; top:0; right:0; bottom:0;}

#page_10 .table{font-size: 17px; border-top: 2px solid #000; text-align: center; margin: 100px 0;}
#page_10 .table thead{background: #006dbb; color:#fff; }
#page_10 .table thead th{min-width: 200px;}
#page_10 .table tbody{color:#111;}
#page_10 .table tbody th{background: #f8f8f8;}
#page_10 .table th,
#page_10 .table td{padding:0.5rem 0.2rem; border-top:none; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle; }
#page_10 .table th:last-child,
#page_10 .table td:last-child{border-right: none;}
#page_10 .table thead th{font-weight: 500;}
#page_10 .table tbody th{font-weight: 400;}
#page_10 .table p{font-size: 14px; font-weight: 400;}


/*제품*/
#page_14{text-align: center;padding-bottom: 100px;}
#page_14 .tit_box{background: #2b3f62; width: 100%; height: 260px; color: #fff; position: relative;}
#page_14 .tit_box2{background: #304e94;}
#page_14 .tit_box3{background: #343d65;}
#page_14 .tit_box:after{position: absolute; left: 50%; top: 12px; width: 98%; height: 100%; border: 3px solid #ddd; content: '';  transform: translate(-50%,0);}
#page_14 .tit{font-size: 35px;line-height: 1.2;}
#page_14 .tit_box .tit{font-weight: 300;padding: 75px 0 20px 0;}
#page_14 .tit_box p{font-weight: 300; color: rgba(255,255,255,0.8);}
#page_14 .txt_box{padding: 80px 0 60px 0;}
#page_14 .txt_box .tit{font-weight: 600; color: #aaa;}
#page_14 .txt_box p{padding-top: 25px;}
#page_14 .img_box{margin-bottom: 80px; position: relative; display: inline-block; border: 10px solid #112a54; line-height: 0; font-size: 0;}
/*#page_14 .img_box2{border: 10px solid #304e94;}*/
#page_14 .img_box3{border: 10px solid #343d65;}
#page_14 .img_box:after{position: absolute; right: 50%; bottom: 50px; margin-right: -540px; content:'PVC FILM'; transform: rotate( 90deg ); font-size: 30px; color: #aaa;}
#page_14 .img_box2:after{content:'PP&PET'; margin-right: -530px; bottom: 40px; }
#page_14 .img_box3:after{content:'Acryl&PVC'; margin-right: -550px; bottom: 57px; }
#page_14 .img_box img{display: inline-block; background: #ddd; max-width: 100%;}
#page_14 .img_box p{}
#page_14 .cont{display: block; border-top: 1px solid #112a54; border-bottom: 1px solid #112a54; padding: 35px 0 30px 0; color:#1d4ca1; font-size: 20px; letter-spacing: 2px;}


@media screen and (max-width:1260px){
    #page_14 .img_box:after{display: none;}
}

@media screen and (max-width:1200px){
    #page_14 .tit_box{height: auto;  padding: 10% 5% 7% 5%;}
    #page_14 .tit_box:after{width: 97.4%;}
    #page_14 .tit_box .tit{padding: 0 0 25px 0;}
    #page_14 .tit{font-size: 30px;}
    #page_14 .txt_box{padding: 60px 0 50px 0;}
    #page_14 .img_box{margin-bottom: 60px;}
    #page_14 .tit_box p,
    #page_14 .txt_box p{line-height: 1.6;}
}


@media screen and (max-width:600px){
    #page_14 .tit_box{padding: 20% 10% 17% 10%;}
    #page_14 .tit_box:after{width: 94.6%;}
    #page_14 .tit{font-size: 27px;}

}






/*인사말*/
@media screen and (max-width:1650px){
    #page_6 .section .page6_bg{background: none;}
    
    
    #page_14 p{font-size: 14px; }
}



@media screen and (max-width:1200px){
    
    #page_6 .txt1 h4{padding-bottom: 40px; line-height: 1.2;}
    #page_6 .section .grayTx{display: none;}
    #page_6 .txt2{padding: 40px 0 60px 0;}
    
   
    
}

@media screen and (max-width:800px){
    #page_6 .txt1 h4{font-size: 25px;margin-top: 20px; font-weight: 500;}
    #page_6 .section{margin-top: 135px;}
}
/*연혁*/
@media screen and (max-width:1199px){
	#page_7 .history .list{margin-bottom: 40px; padding-bottom: 50px;}
	#page_7 .history .list .list01 .years{float:none;width: 100%; font-size: 60px; margin-top: 20px;}
	#page_7 .history .list .list01 ul{ margin-top: 10px;}
	#page_7 .history .list .list01 .years{float:none;}
}
@media screen and (max-width:1000px){
	#page_7 .history .list .list01 ul{width: 100%;}
}
@media screen and (max-width:800px){
	#page_7 .history .list .list01 ul .story .year{width: 15%;}
	#page_7 .history .list .list01 ul .story .inner{width: 80%;}
}
@media screen and (max-width:600px){
	#page_7 .history .list .list01 ul .story{font-size: 14px;}
	#page_7 .history .list .list01 ul .story .year{width: 20%;}
}
@media screen and (max-width:450px){
	#page_7 .history .list .list01 ul .story .year{width: 25%;}
	#page_7 .history .list .list01 ul .story .inner{width: 75%;}
}
@media screen and (max-width:360px){
	#page_7 .history .list .list01 ul .story .year{width: 30%;}
	#page_7 .history .list .list01 ul .story .inner{width: 70%;}
}
/*비전*/
@media screen and (max-width:1199px){
    
    .pages h5{font-size: 25px;}
    #page_8 .inner{background: url(/images/contents/menu/vision_bg_m.jpg) center top no-repeat; height: 640px;}
    #page_8 p{ font-size: 14px;}
}
/*경영윤리*/
@media screen and (max-width:1100px) {
    #page_9{background: url(/images/contents/rnd_bg.jpg) top center no-repeat #F2F2F4; height:auto; background-size:contain;}
    #page_9 .boxWh{height:auto;}
    #page_9 .boxWh ul li{width:48%; height:auto; min-height: 330px; margin-bottom:20px;}
    #page_9 .boxWh ul li:nth-child(3){margin-left:0;}
    #page_9 .boxWh ul li p:first-child{padding-top:4rem;}
    #page_9 .boxWh ul li p:last-child{margin-bottom:0; font-size: 14px;}
    #page_9 .boxWh ul li p:first-child:before{display: none;}
}
@media screen and (max-width:600px) {
    #page_9 .fs-25{font-size:20px;}
    #page_9 .boxWh ul li{width:88%; float: none; margin:0 auto 20px auto; min-height: auto;}
    #page_9 .boxWh ul li:nth-child(3){margin-left:auto;}
    #page_9 .boxWh ul li:first-child {margin-left:auto;}
    #page_9 .boxWh ul li p:first-child{padding-top:4rem;}
    #page_9 .boxWh ul li p:first-child:before{content:''; height:50px;}
    #page_9 .boxWh ul li p:last-child{margin-bottom:2rem; padding-bottom:4rem;}
}
/*rnd*/ 
@media screen and (max-width:1200px) {
    #page_10 .certificate .wrap ul.list{text-align: center;}
    #page_10 .certificate .wrap ul.list li{float: none; margin:10px; display: inline-block;}
    #page_10 .table{font-size: 14px !important;}
    #page_10 .table thead th{min-width: auto;}
}
@media screen and (max-width:800px) {
    #page_10 .certificate .wrap .tit p{font-size: 14px;}
    
    #page_10 .table_wrap{overflow-x: scroll; white-space:nowrap; width: 92%;}
    #page_10 .table_wrap .table{ width: auto;}
    
}
@media screen and (max-width:450px) {
    #page_10 .certificate .wrap ul.list li .inner{width: 290px; height: 310px;}
    #page_10 .certificate .wrap ul.list li .inner img{width: 150px; height: auto;}
    
}