@charset "utf-8";

/*********************************메인 네비게이션바*& 공통********************************** /
/* 메인 :: 라이트바 */
#rightBar{position:fixed; top:50%; right:3%; z-index:99; width:42px; padding:10px 0; margin-top:-132px;  text-align:center; }
#rightBar a{color:#fff;}
#rightBar > ul {padding:0 13px; }
#rightBar > ul > li{position:relative; padding:15px 0;}
#rightBar > ul > li .bullet{display:block; width:10px; height:10px; margin:0px auto; background-color:#1157b6; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;border-radius:10px;}
#rightBar > ul > li p{border:1px solid #1157b6; overflow:hidden; position:absolute; top:10px; right:-2px; width:18px; height:18px; border-radius:15px; opacity:0;filter:Alpha(opacity=0);  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#rightBar > ul > li a:hover p,#rightBar > ul > li.on a p{opacity:1.0;filter:Alpha(opacity=100); transform:translateX(0); -webkit-transform:translateX(0px);}
#rightBar > ul > li p strong, #rightBar > ul > li p span{float:left; width:100%; height:26px; line-height:26px; color:#fff; font-weight:300; text-align:center;}
#rightBar > ul > li p strong{background-color:rgba(0,0,0,0.5); font-size:13px;}
#rightBar > ul > li p span{  font-size:0px;}
.i-font{color:#fff; font-size:25px;}
.to-top-btn{font-size:10px;}


/* 메인 컨텐츠 공통 */
.content-tit{color:#1c1a1a; padding-bottom:40px; letter-spacing:-0.5px; font-size:3.8em; line-height:1.5em; font-family: 'NotoKrB'; }
.content-tit strong{font-weight:700;}




/********************************* section01 메인 비쥬얼**********************************/

/* 메인 :: 비주얼 */
#mainVisual{position:fixed; 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:35%; left:0%;  width:100%;  text-align:Center;  }
#mainVisual .visual-inner-txt{ 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{position:Relative;  transition-delay:0.2s; font-size:6em; font-family: 'NotoKrB'; padding-bottom:20px;}
#mainVisual .visual-inner-txt h2 span { transition-delay:0.2s; font-size:24px; font-family: 'NotoKrDL'; font-weight:400; line-height:2.5em; display:block; padding-bottom:20px; }
#mainVisual .visual-inner-txt h2:after {position:absolute; bottom:-30px; left:50%; margin-left:-150px; content:""; display:inline-block; width:50%; max-width:300px; height:1px; background-color:#fff; opacity:0.5; }
#mainVisual .visual-inner-txt strong{padding:90px 0 15px; font-size:20px; font-weight:300; transition-delay:0.4s; line-height:25px}
#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:0.73;filter:Alpha(opacity=73); }
#mainVisual .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}
#mainVisual .slick-arrow{position:absolute; bottom:5%; width:63px; height:59px; left:6%; background:none; border:0; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainVisual .slick-arrow.slick-prev{background:url(../images/button/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:70px; background:url(../images/button/main_visual_next_btn.png) no-repeat}
#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;}




/********************************* * section02  제품소개 **********************************/

/* 메인 :: 제품 소개 */
#mainProductCon {overflow:hidden; position:relative; width:100%; height:100vh; padding-top:100vh; z-index:1; }
#mainProductCon .in {position:relative; width:100%; height:100vh;  background-color:rgba(0,0,0,0.6); min-height:800px; }
#mainProductCon h3.content-tit {padding-top:calc(45vh - 340px); letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:4.8em; color:#fff;  text-align:Center; padding-bottom:50px; font-family: 'NotoKrB'; }

/* 메인 :: 제품 소개 슬라이즈 */
#mainProductCon{position:relative; width:100%; overflow:hidden; }
#mainProductCon .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 30px; background-color:#fff; height:500px; padding-bottom:40px;}
#mainProductCon .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 ;}
#mainProductCon .visual-item:focus{outline:none;}
#mainProductCon .visual-txt{position:absolute;  top:0px; right:0px; width:50%; height:100%; background-color:#fff;  }
#mainProductCon .visual-inner-txt h2{position:Relative; padding:30px;  font-size:36px;  line-height:1.2em; color:#012b5d;  transition-delay:0.2s; font-weight:400; }
#mainProductCon .visual-txt h2:after {content:""; position:Absolute; bottom:-10px;  left:-100px; width:200px; height:3px; background-color:#3185b0; z-index:100;  }
#mainProductCon .visual-inner-txt strong {position:Relative; display:block;  font-weight:300; transition-delay:0.4s; line-height:25px;  height:50px; margin-top:50px; margin-bottom:60px;  overflow:hidden; padding:0px 30px;  font-family: 'NotoKrDL';}
#mainProductCon .visual-txt a { padding:6px 7px 5px 15px; width:120px; margin-top:10px;   opacity:0.9;filter:Alpha(opacity=0.9);	 display:block; border:1px solid #bdbdbd; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainProductCon .visual-txt a:hover { background-color:#021760; color:#fff;  border:1px solid #041243;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

/* active */
#mainProductCon .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);}
#mainProductCon .active .visual-inner-txt h2,
#mainProductCon .active .visual-inner-txt strong,
#mainProductCon .active .visual-inner-txt span,
#mainProductCon .active .visual-inner-txt  p{-moz-transform:translateX(0);  	-ms-transform:translateX(0);  	transform:translateX(0);  }
#mainProductCon .active .visual-inner-txt h2, #mainProductCon .active .visual-inner-txt strong, #mainProductCon .active .visual-txt a{	opacity:1.0;filter:Alpha(opacity=100);}
#mainProductCon .active .visual-inner-txt span{	opacity:0.73;filter:Alpha(opacity=73); }
#mainProductCon .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}
#mainProductCon .slick-arrow{ width:38px; height:38px;  background:none; border:0; cursor:pointer; z-index:99; font-size:0; border-radius:50%; overflow:hidden;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainProductCon .slick-arrow.slick-prev{ position:Absolute; bottom:30px;  right:50%; margin-right:-70px; margin-top:-30px; background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px;}
#mainProductCon .slick-arrow.slick-next{ position:Absolute; bottom:30px;  right:50%; margin-right:-110px;  margin-top:-30px;  background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px; transform:rotate(180deg); }
#mainProductCon .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainProductCon .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}




/********************************** section03  WOOLIM **********************************/

/* 메인 ::  배너 */
#mainBoardCon{position:relative; height:100vh; min-height:800px;  padding:0px 0 ;   background:#00285f url(../images/main/main_business_bg2.jpg) no-repeat 50% 50%;  background-size:cover;}
#mainInvestCon .content-tit{padding-bottom:20px; color:#fff; }
#mainInvestCon .main-invest-news-inner-con {position:relative; width:320px; padding-right:28px; height:100vh; /*background:#00285f;  */}
#mainInvestCon .main-invest-news-inner-con:before {position:Absolute; top:0px; left:-300%; content:""; width:300%; height:100%; display:block; background-color:#00285f;  transform:skew(-30deg, 0deg); opacity:0.9}
#mainInvestCon .main-invest-news-inner-con:after {position:Absolute; top:0px; left:-300%; content:""; width:300%; height:100%; display:block; background-color:#00285f;  transform:skew(30deg, 0deg); opacity:0.9}
#mainInvestCon .main-invest-news-inner-con h2 {padding-top:40vh; }
#mainInvestCon .main-invest-con{position:relative; z-index:10; padding-bottom:65px; color:#fff; }
#mainInvestCon .main-invest-news-inner-con i {font-size:280px; position:Absolute; bottom:30%; left:-50px;   color:#fff; opacity:0.05; z-index:1; }
#mainInvestCon.content-sub-tit{font-size:18px;  opacity:0.8;filter:Alpha(opacity=80); line-height:1.4em; }
#mainInvestCon .main-invest-list{padding:30px 0;}
#mainInvestCon .main-invest-list .invest-more-btn{display:block; height:40px; border:1px solid #fff; background-color:#fff; line-height:40px ; text-align:center; color:#222; opacity:1;filter:Alpha(opacity=100); font-size:14px; max-width:150px;}
#mainInvestCon .main-invest-list .invest-more-btn:hover{ opacity:0.8;filter:Alpha(opacity=80);}

#mainPressCon {position:absolute; top:30%; left:50%; width:90%; max-width:900px; margin-left:-252px; height:500px;  }
#mainPressCon ul li a {float:left;  color:#fff; width:calc(50% - 32px); height:250px;  text-align:Center; display:table; border:1px solid rgba(256,256,256,0.5); margin:15px; }
#mainPressCon ul li a:hover {color:#fff;  background-color:#00285f;  -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms;  border:1px solid rgba(256,256,256,0.2);}
#mainPressCon ul li a span.table-cell {display:table-cell; vertical-align:middle; }
#mainPressCon ul li a  i {font-size:40px; line-height:50px; padding-bottom:20px; border-bottom:1px solid #fff; }
#mainPressCon ul li a:hover  i { border-bottom:1px solid #fff; }
#mainPressCon ul li a h3 {margin:25px 0 10px 0; font-weight:400; }
#mainPressCon ul li a p {color:#fff; opacity:0.7; }
#mainPressCon ul li a:hover p {color:#fff; opacity:0.7; }
/*
#mainPressCon {position:absolute; top:30%; left:50%; width:90%; max-width:900px; margin-left:-252px; height:500px; background-color:#fff; }
#mainPressCon ul li a {float:left;  color:#00285f; width:50%; height:250px;  text-align:Center; display:table; }
#mainPressCon ul li a:hover {color:#fff;  background-color:#00285f;  moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainPressCon ul li a span.table-cell {display:table-cell; vertical-align:middle; }
#mainPressCon ul li a  i {font-size:40px; line-height:50px; padding-bottom:20px; border-bottom:1px solid #00285f; }
#mainPressCon ul li a:hover  i { border-bottom:1px solid #fff; }
#mainPressCon ul li a h3 {margin:25px 0 10px 0; font-weight:400; }
#mainPressCon ul li a p {color:#222; opacity:0.7; }
#mainPressCon ul li a:hover p {color:#fff; opacity:0.7; }
*/


/********************************** section04 ISSUE **********************************/

/* 메인 :: 이슈 */
#mainBusinessCon {position:relative; height:100vh; min-height:800px;  padding:80px 0 ;  background:#222 url(../images/main/main_service_bg.jpg) no-repeat 0% 0%;  background-size:cover;}
#mainBusinessCon .area {position:relative; background-color:#fff;  height:500px; }
#mainBusinessCon .area:after {position:Absolute; top:0px; right:-100%; content:""; width:100%; height:100%; display:block; background-color:#fff; }
#mainBusinessCon .content-tit{text-align:center;  font-size:3em;  color:#fff;}
#mainBusinessCon h3.content-tit {padding-top:calc(45vh - 400px); letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:4.8em; color:#fff;  text-align:Center; padding-bottom:50px;}

#businessList ul li {float:left; width:27%; padding:50px  3%; margin:50px 0;}
#businessList ul li.noContents {float:left; width:100%; padding:50px  0%; margin:50px 0; display:Table;  text-align:Center; height:300px !important;}
#businessList ul li.noContents div {display:table-cell; vertical-align:middle;  }

#businessList ul li+li {border-left:1px solid #ededed; }
#businessList ul li a .press-cate {position:relative;  font-size:20px;  line-height:1.5em; color:#0085db;  transition-delay:0.2s; display:block; padding-bottom:15px; } 
#businessList ul li a .press-cate:after {position:Absolute; left:0px; bottom:0px; content:" "; width:30px;  border-bottom:2px solid #0085db; display:inline-block; height:2px; }
#businessList ul li a .press-tit {margin:35px 0 20px 0;  font-size:24px;  line-height:1.5em; color:#222;  display:block; font-weight:400;   letter-spacing:-0.05em;} 
#businessList ul li a:hover .press-tit {color:#0085db;} 
#businessList ul li a .press-content { height:150px; font-family: 'NotoKrDL';} 
#businessList ul li a .press-date {opacity:0.5;} 



@media all and (max-width:1220px){
	#mainContainer{padding-top:0px;}

	/* 메인 :: 오른쪽바 */
	#rightBar{display:none;}


	/********************************* * section02  제품소개 **********************************/

	/* 메인 :: 제품 소개 */
	#mainProductCon {overflow:hidden; position:relative; width:100%; height:100vh; padding-top:100vh; z-index:1; }
	#mainProductCon .in {position:relative; width:100%; height:100vh;  background-color:rgba(0,0,0,0.6); min-height:800px; }
	#mainProductCon h3.content-tit {padding-top:calc(45vh - 340px); letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:3em; color:#fff;  text-align:Center; padding-bottom:50px;}



	/********************************** section03  WOOLIM **********************************/

	/* 메인 ::  배너 */
	#mainBoardCon{position:relative; height:100%; min-height:400px;  padding:80px 0 ;   background:#00285f url(../images/main/main_business_bg2.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainInvestCon .content-tit{padding-bottom:20px; color:#fff; }
	#mainInvestCon .main-invest-news-inner-con {position:relative; width:100%; padding-right:0; height:auto; background:none; text-align:Center;}	
	#mainInvestCon .main-invest-news-inner-con:before {display:none;}
	#mainInvestCon .main-invest-news-inner-con:after {display:none;}
	#mainInvestCon .main-invest-news-inner-con h2 {padding-top:30px; }
	#mainInvestCon .main-invest-con{position:relative; z-index:10; padding-bottom:0; color:#fff; }

	#mainInvestCon .main-invest-news-inner-con i {font-size:280px; position:Absolute; top:30%; left:-50px;   color:#fff; opacity:0.05; z-index:1; display:none; }
	#mainInvestCon.content-sub-tit {font-size:15px;  opacity:0.8;filter:Alpha(opacity=80); line-height:1.4em; }
	#mainInvestCon .content-sub-tit br {display:none;}
	#mainInvestCon .main-invest-list{padding:30px 0; }
	#mainInvestCon .main-invest-list .invest-more-btn{display:block; height:40px; border:1px solid #fff; background-color:#fff; line-height:40px ; text-align:center; color:#222; opacity:1;filter:Alpha(opacity=100); font-size:14px; max-width:150px; margin:0 auto;}
	#mainInvestCon .main-invest-list .invest-more-btn:hover{ opacity:0.8;filter:Alpha(opacity=80);}

	#mainPressCon {position:relative; top:auto; left:auto; width:90%; max-width:900px; margin:30px auto; height:auto; background:none; }

	#mainPressCon ul li a {float:left;  color:#fff; width:calc(25% - 22px); margin:10px; height:250px;  text-align:Center; display:table; border:1px solid rgba(256,256,256,0.5); }
	#mainPressCon ul li a:hover {color:#fff;  background-color:#00285f; border:1px solid #00285f;   -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainPressCon ul li a span.table-cell {display:table-cell; vertical-align:middle; }
	#mainPressCon ul li a  i {font-size:30px; line-height:0px; border-bottom:1px solid #fff; }
	#mainPressCon ul li a:hover  i { border-bottom:1px solid #fff; }
	#mainPressCon ul li a h3 {margin:15px 0 10px 0; font-weight:400; }
	#mainPressCon ul li a p {color:#fff; opacity:0.7; padding:0 15px;}
	

	/********************************** section04 ISSUE **********************************/

	/* 메인 :: 이슈 */
	#mainBusinessCon {position:relative; height:100%; min-height:600px;  padding:80px 0 ;  background:#222 url(../images/main/main_service_bg.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainBusinessCon .area {position:relative; background-color:#fff;  height:auto;  width:96%; margin:0  2%;  }
	#mainBusinessCon .area:after {display:none; }
	#mainBusinessCon .content-tit{text-align:center;  font-size:3em;  color:#fff;}
	#mainBusinessCon h3.content-tit {padding-top:0; letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:3em; color:#fff;  text-align:Center; padding-bottom:50px;}
}




@media all and (max-width:1003px){



	/********************************** section03  WOOLIM **********************************/

	/* 메인 ::  배너 */
	#mainBoardCon{position:relative; height:100%; min-height:400px;  padding:80px 0 ;   background:#00285f url(../images/main/main_business_bg2.jpg) no-repeat 70% 0%;  background-size:cover;}
	#mainInvestCon .content-tit{padding-bottom:20px; color:#fff; }
	#mainInvestCon .main-invest-news-inner-con {position:relative; width:100%; padding-right:0; height:auto; background:none; text-align:Center;}
	#mainInvestCon .main-invest-news-inner-con:before {display:none;}
	#mainInvestCon .main-invest-news-inner-con:after {display:none;}
	#mainInvestCon .main-invest-news-inner-con h2 {padding-top:30px; }
	#mainInvestCon .main-invest-con{position:relative; z-index:10; padding-bottom:0; color:#fff; }

	#mainInvestCon .main-invest-news-inner-con i {font-size:280px; position:Absolute; top:30%; left:-50px;   color:#fff; opacity:0.05; z-index:1; }
	#mainInvestCon.content-sub-tit {font-size:15px;  opacity:0.8;filter:Alpha(opacity=80); line-height:1.4em; }
	#mainInvestCon .content-sub-tit br {display:none;}
	#mainInvestCon .main-invest-list{padding:30px 0; }
	#mainInvestCon .main-invest-list .invest-more-btn{display:block; height:40px; border:1px solid #fff; background-color:#fff; line-height:40px ; text-align:center; color:#222; opacity:1;filter:Alpha(opacity=100); font-size:14px; max-width:150px; margin:0 auto;}
	#mainInvestCon .main-invest-list .invest-more-btn:hover{ opacity:0.8;filter:Alpha(opacity=80);}

	#mainPressCon {position:relative; top:auto; left:auto; width:90%; max-width:900px; margin:30px auto; height:auto; background:none; }
	#mainPressCon ul li a {float:left;  color:#fff; width:calc(50% - 22px); margin:10px; height:200px;  text-align:Center; display:table; border:1px solid rgba(256,256,256,0.5); }
	#mainPressCon ul li a:hover {color:#fff;  background-color:#00285f; border:1px solid #00285f;  -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainPressCon ul li a span.table-cell {display:table-cell; vertical-align:middle; }
	#mainPressCon ul li a  i {font-size:30px; line-height:40px; border-bottom:1px solid #fff; }
	#mainPressCon ul li a:hover  i { border-bottom:1px solid #fff; }
	#mainPressCon ul li a h3 {margin:15px 0 10px 0; font-weight:400; }
	


	/********************************* * section02  제품소개 **********************************/

	/* 메인 :: 제품 소개 */
	#mainProductCon {overflow:hidden; position:relative; width:100%; height:100%; padding-top:0px; z-index:1; background:#222 url(../images/main/main_visual_01.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainProductCon .in {position:relative; width:100%; height:100%;  padding:80px 0; background-color:rgba(0,0,0,0.1); min-height:500px; }
	#mainProductCon h3.content-tit {padding-top:0; letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:3em; color:#fff;  text-align:Center; padding-bottom:50px;}

	/* 메인 :: 제품 소개 슬라이즈 */
	#mainProductCon{position:relative; width:100%; overflow:hidden; }
	#mainProductCon .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 10px; background-color:#fff; height:320px; padding-bottom:40px;}
	#mainProductCon .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 ;}
	#mainProductCon .visual-item:focus{outline:none;}
	#mainProductCon .visual-txt{position:absolute;  top:0px; right:0px; width:50%; height:100%; background-color:#fff;  }
	#mainProductCon .visual-inner-txt strong {position:Relative; display:block;  font-weight:300; transition-delay:0.4s; line-height:25px;  height:50px; margin-top:20px; margin-bottom:30px;  overflow:hidden; padding:0px 30px;  }
	#mainProductCon .visual-txt a { padding:6px 7px 5px 15px; width:100px; margin-top:10px;   opacity:0.9;filter:Alpha(opacity=0.9);	 display:block; border:1px solid #bdbdbd; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainProductCon .visual-txt a:hover { background-color:#021760; color:#fff;  border:1px solid #041243;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainProductCon .visual-inner-txt h2{position:Relative;  padding:30px 20px 10px 30px;  font-size:24px;  line-height:1.2em; color:#012b5d;  transition-delay:0.2s; font-weight:400; }
	#mainProductCon .visual-txt h2:after {content:""; position:Absolute; bottom:-10px;  left:-50px; width:100px; height:3px; background-color:#3185b0; z-index:100;  }

	/* active */
	#mainProductCon .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);}
	#mainProductCon .active .visual-inner-txt h2,
	#mainProductCon .active .visual-inner-txt strong,
	#mainProductCon .active .visual-inner-txt span,
	#mainProductCon .active .visual-inner-txt  p{-moz-transform:translateX(0);  	-ms-transform:translateX(0);  	transform:translateX(0);  }
	#mainProductCon .active .visual-inner-txt h2, #mainProductCon .active .visual-inner-txt strong, #mainProductCon .active .visual-txt a{	opacity:1.0;filter:Alpha(opacity=100);}
	#mainProductCon .active .visual-inner-txt span{	opacity:0.73;filter:Alpha(opacity=73); }
	#mainProductCon .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}
	#mainProductCon .slick-arrow{ width:38px; height:38px;  background:none; border:0; cursor:pointer; z-index:99; font-size:0; border-radius:50%; overflow:hidden;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainProductCon .slick-arrow.slick-prev{ position:Absolute; bottom:30px;  right:50%; margin-right:-70px; margin-top:-30px; background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px;}
	#mainProductCon .slick-arrow.slick-next{ position:Absolute; bottom:30px;  right:50%; margin-right:-110px;  margin-top:-30px;  background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px; transform:rotate(180deg); }
	#mainProductCon .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
	#mainProductCon .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}


	/********************************** section04 ISSUE **********************************/

	/* 메인 :: 이슈 */
	#mainBusinessCon {position:relative; height:100%; min-height:600px;  padding:80px 0 ;  background:#222 url(../images/main/main_service_bg.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainBusinessCon .area {position:relative; background:none; height:auto;  width:96%; margin:0  2%;  }
	#mainBusinessCon .area:after {display:none; }
	#mainBusinessCon .content-tit{text-align:center;  font-size:3em;  color:#fff;}
	#mainBusinessCon h3.content-tit {padding-top:0; letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:3em; color:#fff;  text-align:Center; padding-bottom:50px;}

	#businessList ul li {float:left; width:96%; padding:30px  2%; margin:0 0 10px 0; background-color:#fff;}
	#businessList ul li+li {border-left:1px solid #ededed; }
	#businessList ul li a .press-cate {position:relative;  font-size:16px;  line-height:1.4em; color:#0085db;  transition-delay:0.2s; display:block; padding-bottom:15px; } 
	#businessList ul li a .press-cate:after {position:Absolute; left:0px; bottom:0px; content:" "; width:30px;  border-bottom:2px solid #0085db; display:inline-block; height:2px; }
	#businessList ul li a .press-tit {margin:25px 0 10px 0;  font-size:18px;  line-height:1.5em; color:#222;  display:block; font-weight:400;} 
	#businessList ul li a:hover .press-tit {color:#0085db;} 
	#businessList ul li a .press-content { height:auto; padding-bottom:15px;} 
	#businessList ul li a .press-date {opacity:0.5;} 

}


@media all and (max-width:768px){


	/********************************* section01 메인 비쥬얼**********************************/

	/* 메인 :: 비주얼 */
	#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:40%; left:0%;  width:100%;  text-align:Center;  }
	#mainVisual .visual-inner-txt{ 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{position:Relative;  transition-delay:0.2s; font-size:2.3em; f}
	#mainVisual .visual-inner-txt h2 span { transition-delay:0.2s; font-size:16px; line-height:1.1em; font-weight:400; line-height:1.2em; padding-bottom:0;}
	#mainVisual .visual-inner-txt h2:after {position:absolute; bottom:-20px; left:50%; margin-left:-100px; content:""; display:inline-block; width:50%; max-width:200px; height:1px; background-color:#fff; opacity:0.5; }
	#mainVisual .visual-inner-txt strong{padding:40px 0 15px; font-size:16px; font-weight:300; transition-delay:0.4s; line-height:25px}
	#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:0.73;filter:Alpha(opacity=73); }
	#mainVisual .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}
	#mainVisual .slick-arrow{position:absolute; bottom:5%; width:63px; height:59px; left:6%; background:none; border:0; cursor:pointer; z-index:99; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainVisual .slick-arrow.slick-prev{background:url(../images/button/main_visual_prev_btn.png) no-repeat}
	#mainVisual .slick-arrow.slick-next{margin-left:70px; background:url(../images/button/main_visual_next_btn.png) no-repeat}
	#mainVisual .scroll-icon{display:none;}


}



@media all and (max-width:640px){
	/********************************* * section02  제품소개 **********************************/

	/* 메인 :: 제품 소개 */
	#mainProductCon {overflow:hidden; position:relative; width:100%; height:100%; padding-top:0px; z-index:1; background:#222 url(../images/main/main_visual_01.jpg) no-repeat 0% 0%;  background-size:cover;}
	#mainProductCon .in {position:relative; width:100%; height:100%;  padding:80px 0; background-color:rgba(0,0,0,0.1); min-height:500px; }
	#mainProductCon h3.content-tit {padding-top:0; letter-spacing:-0.75px; line-height:1.4em;  font-weight:700; font-size:3em; color:#fff;  text-align:Center; padding-bottom:50px;}

	/* 메인 :: 제품 소개 슬라이즈 */
	#mainProductCon{position:relative; width:100%; overflow:hidden; }
	#mainProductCon .visual-item {position:relative; width:100%; overflow:hidden;  margin:0 10px; background-color:#fff; height:auto; padding-bottom:40px;}
	#mainProductCon .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 ;}
	#mainProductCon .visual-item:focus{outline:none;}
	#mainProductCon .visual-txt{position:relative;  top:0px; right:0px; width:100%; height:100%; background-color:#fff;  }
	#mainProductCon .visual-inner-txt h2{ padding:30px 20px 10px 30px;  font-size:24px;  line-height:1.5em; color:#012b5d;  transition-delay:0.2s; font-weight:400; height:60px; }
	#mainProductCon .visual-inner-txt strong {position:Relative; display:block;  font-weight:300; transition-delay:0.4s; line-height:25px;  height:auto; margin-bottom:0;  overflow:hidden; padding:30px 30px;  margin-top:0px; height:75px; overflow:hidden;}
	#mainProductCon .visual-inner-txt ul {display:none;}
	#mainProductCon .visual-txt a { padding:6px 7px 5px 15px; width:100px; margin-top:10px;   opacity:0.9;filter:Alpha(opacity=0.9);	 display:block; border:1px solid #bdbdbd; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainProductCon .visual-txt a:hover { background-color:#021760; color:#fff;  border:1px solid #041243;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}

	/* active */
	#mainProductCon .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);}
	#mainProductCon .active .visual-inner-txt h2,
	#mainProductCon .active .visual-inner-txt strong,
	#mainProductCon .active .visual-inner-txt span,
	#mainProductCon .active .visual-inner-txt  p{-moz-transform:translateX(0);  	-ms-transform:translateX(0);  	transform:translateX(0);  }
	#mainProductCon .active .visual-inner-txt h2, #mainProductCon .active .visual-inner-txt strong, #mainProductCon .active .visual-txt a{	opacity:1.0;filter:Alpha(opacity=100);}
	#mainProductCon .active .visual-inner-txt span{	opacity:0.73;filter:Alpha(opacity=73); }
	#mainProductCon .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}
	#mainProductCon .slick-arrow{ width:38px; height:38px;  background:none; border:0; cursor:pointer; z-index:99; font-size:0; border-radius:50%; overflow:hidden;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
	#mainProductCon .slick-arrow.slick-prev{ position:Absolute; bottom:30px;  right:50%; margin-right:-70px; margin-top:-30px; background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px;}
	#mainProductCon .slick-arrow.slick-next{ position:Absolute; bottom:30px;  right:50%; margin-right:-110px;  margin-top:-30px;  background:#061f65 url(../images/icon/main.png) no-repeat 0px -333px; transform:rotate(180deg); }
	#mainProductCon .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
	#mainProductCon .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}
}