@import "style.css";

body{
    margin:0;
	padding:0;
	/*OVERFLOW-X:scroll;*/
	OVERFLOW:auto;
	 background:#f5f5f5;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}



/* 메인 :: 비주얼 */
#mainVisual{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:30%; left:10%;  }
#mainVisual .visual-inner-txt{border-left:1px solid rgba(255,255,255,0.8); padding-left:40px; color:#fff; padding-bottom:30px;}
#mainVisual .visual-inner-txt h2,#mainVisual .visual-inner-txt strong,#mainVisual .visual-inner-txt span,#mainVisual .visual-inner-txt  p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
#mainVisual .visual-inner-txt h2 {font-size:30px; font-weight:300;transition-delay:0.8s;line-height:40px; color:#fff; margin:20px 0 0 0}
#mainVisual .visual-inner-txt h2 span { display:inline-block;font-size:30px;font-weight:500; color:#00c0ff;}
#mainVisual .visual-inner-txt strong{padding:20px 0 0px; font-size:70px; font-weight:500; transition-delay:0.4s; line-height:80px; color:#00c0ff;}
/*#mainVisual .visual-inner-txt span{font-size:13px; font-weight:300; transition-delay:0.4s}*/
#mainVisual .visual-inner-txt p{padding-top:20px; line-height:24px;  transition-delay:0.6s; color:#f7f7f7; font-size:22px;font-weight:500;}
#mainVisual .visual-txt a{margin-left:23px; color:#fff; padding:0 42px 5px 0; background:url(/images/icon/more_btn_bg.png) no-repeat 0 100%; 
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.8s;
}
/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}
#mainVisual .active .visual-inner-txt span{
	opacity:1.0;filter:Alpha(opacity=100);/*opacity:0.73;filter:Alpha(opacity=73); */ 
}
#mainVisual .active .visual-inner-txt  p{
	opacity:0.84;filter:Alpha(opacity=84);
}


#mainVisual .slick-arrow{
	position:absolute;top:50%; margin-bottom:0px;width:63px; height:59px; left:0%; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{left:2%; background:url(image/main_visual_prev_btn.png) no-repeat; border:1px solid rgba(255,255,255,0.2);}
#mainVisual .slick-arrow.slick-next{left:95%;margin-left:0%; background:url(image/main_visual_next_btn.png) no-repeat;border:1px solid rgba(255,255,255,0.2);}

#mainVisual .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

/* ======================== //END 메인비주얼 ======================== */



/* 사업소개 */
#m_preci:after {content:""; display:block; clear:both}
#m_preci {
 	POSITION:relative;
	WIDTH:100%;height:100%; overflow:hidden;
	text-align:left;
	top:0px;
	margin:0 0 0px 0; background:url(image/bt_pt07.gif) repeat;
	
}

#m_preci_lay {
 	POSITION:relative;
	 width:100%; max-width:1400px;height:100%; overflow:hidden;
	text-align:left;
	top:0px;
	margin:40px auto;background:#fff;box-shadow: 3px 3px 10px 0px #adadad;
	
}
#m_preci_txt { display:inline-block; top:0px; margin-left:40px; width:180px; background:#0075be; border-bottom-right-radius:10px;border-bottom-left-radius:10px; color:#fff; font-size:19px; font-weight:500; text-align:center; line-height:50px; border:1px solid #0075be; }

#m_preci_box:after {content:""; display:block; clear:both}
#m_preci_box { width:50%; height:100%; overflow:hidden; float:left;
	text-align:left;
	left:0px;
	top:0px;
	margin:0px 0 0px 0px;box-sizing:border-box; }


#m_preci_box .imgbox { text-align:center;padding:30px 20px;}
#m_preci_box .imgbox p {margin:0px 0 20px 0;box-sizing:border-box;}

#m_preci_box .moviebox { float:right; height:350px; margin:137px 40px 0px 0px; }

.mmore {clear:both; width:180px; margin:0 auto 0px auto; }
.mmore a { display:block; border:1px solid #0075be; border-radius:10px; color:#222; font-size:15px; text-align:center; line-height:40px; font-weight:500;}
.mmore a:hover {background:#0075be; color:#fff;}


#m_preci_box2:after {content:""; display:block; clear:both}
#m_preci_box2 {width:50%; height:100%; overflow:hidden; float:left; 
	text-align:left; 
	left:0px;
	top:0px;
	margin:0 0px 0 0 ;box-sizing:border-box; padding:0px 0px 0px 0px; border-left:1px solid #d9d9d9; }
	
#m_preci_box2 .imgbox2 { padding:30px 20px; text-align:center; margin:0px 0px 0 0px;box-sizing:border-box;}
#m_preci_box2 .imgbox2 p {margin:0px 0 20px 0;box-sizing:border-box;}
#m_preci_box2 .imgbox2 p.sd {padding:0 0 0px 0;}
#m_preci_box2 .imgbox2 p.sd img {max-width:450px;}	
	






/* 컨텐츠 */

#content {
    Z-INDEX: 3;
	POSITION:relative;
	WIDTH:100%; height:100%; overflow:hidden;
	TOP:0px;
	text-align:center; background:#fff url(image/m_con_bg01.jpg) no-repeat center top;
}

#content_lay {width:1400px;height:100%; overflow:hidden; margin:40px auto;}
 
/* 신소재 사업부 */
#m_sinso{
 	POSITION:relative;
	WIDTH:450px; min-height:260px; height:100%; overflow:hidden;
	text-align:left;
	left:0px; float:left;
	top:0px;
	margin:0px auto 0px auto; padding:0px 0 0px 0; background:url(image/m_con_bg02.png) no-repeat center;background-size:cover
}
#m_sinso h1 {  color:#fff; text-align:center; font-size:28px; margin:0px auto 0px auto;font-weight:500; line-height:208px;}
#m_sinso .mmore {margin:-70px  auto 0px  auto; text-align:center; }
#m_sinso .mmore a {display: inline-block; width:40px; height:40px;color:#f8f8f8; padding:0px 0px; font-size:35px; font-weight:300; border:1px solid #f8f8f8; text-align:center; line-height:38px;}
#m_sinso .mmore a:hover { border:1px solid #fff; color:#fff; background:#0075be;}




/* 공지사항 */
#m_notice:after {content:""; display:block; clear:both}
#m_notice {
	POSITION:relative;
	WIDTH:450px;min-height:260px;  height:100%; overflow:hidden;
	text-align:left;
	left:0px; float:left;
	top:0px;
	margin:0px 25px; padding:0px 0 0px 0; background:url(image/m_con_bg03.png) no-repeat center; background-size:cover}
#m_notice h1 {  color:#fff; text-align:center; font-size:25px; margin:0px auto 0px auto;font-weight:500; line-height:208px;}
#m_notice .mmore {margin:-70px  auto 0px  auto; text-align:center; }
#m_notice .mmore a {display: inline-block; width:40px; height:40px;color:#f8f8f8; padding:0px 0px; font-size:35px; font-weight:300; border:1px solid #f8f8f8; text-align:center; line-height:40px;}
#m_notice .mmore a:hover { border:1px solid #fff; color:#fff; background:#0075be;}



/* 고객센터 */
#m_tel:after {content:""; display:block; clear:both}
#m_tel {
	POSITION:relative;
	WIDTH:450px;min-height:260px; height:100%; overflow:hidden;
	text-align:left;
	left:0px; float:right;
	top:0px;
	margin:0px auto 0px auto; padding:0px 0 0px 0;background:url(image/m_con_bg04.png) no-repeat center 0; background-size:cover; }


#m_tel h1 { color:#fff; text-align:center; font-size:25px; margin:50px auto 0px auto;font-weight:500; line-height:50px;}


#m_tel .box_con {margin:0px 30px 0 30px;}
#m_tel .box_con p {font-size:27px; color:#292929; font-weight:700; line-height:35px; text-align:center;}
#m_tel .box_con p strong { color:#292929;;font-weight:700;}
#m_tel .box_con p span { font-size:20px;}
#m_tel_img {float:left; margin:0 10px 15px 15px;}

#m_tel_line {clear:both; background:url(image/bt_line1.png) repeat-x; height:1px; margin:0 0 17px 0}

#m_tel_box {background:url(image/bt_pt05.gif) repeat; border:1px solid #d9d9d9; padding:19px 22px; text-align:center; letter-spacing:1px; font-weight:500; color:#c4c4c4;}