@charset "utf-8";
body{font-family:'Noto Sans KR',sans-serif;font-size:13px;background-color:#fff;  height:100%; letter-spacing:0px;word-break:keep-all;}

.morebutton a{color:#fff;}
 a.morelink{display:block; text-align:center;width:55px;margin:0 auto;padding:1px 6px;font-size:12px;color:#fff;letter-spacing:0px;}
 a.morelink img{display:inline;vertical-align:top;margin-left:10px;padding-top:5px;}
/* 
@media all and  (max-width:920px){
.mainTopPop{height:0;display:none;}
}
*/

#mainSliderContainer{position:relative;padding-top:70px;}

/* 메인 슬라이드이미지  */
#mainSlider{position:relative; width:100%; overflow:hidden;height:100%;max-height:930px;}
#mainSlider .mainSlider_box{}
#mainSlider .mainSlider_box_content{}
#mainSlider .mainSlider_box_content .probgimg{position:relative; width:100%; overflow:hidden;margin: 0 auto;z-index:1}
 
#mainSlider .mainSlider_box_content .probgimg > img.bgimg{
	width:100%;
  	z-index:1;
	/*-ms-transform: scale(1.2,1.2); 
    -o-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2); 
     transform: scale(1.2,1.2);
	-webkit-transition:transform 3000ms  ease-in-out ; 
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ; 
	-ms-transition:transform 3000ms ease-in-out;
    transition:transform 3000ms ease-in-out ;*/
}
 
 
 
#mainSlider .mainSlider_box_content:focus{outline:none;}
#mainSlider .mainSlider_box_txt{position:absolute; top:30%; left:50%;z-index:3;}
#mainSlider .slidA .mainSlider_box_txt{margin-left:-250px;}
#mainSlider .slidB .mainSlider_box_txt{margin-left:-370px;}
#mainSlider .slidC .mainSlider_box_txt{margin-left:-250px;}


#mainSlider .blankpatten{position:absolute;width:100%;top:0;background:url(../image/dotpatten.png);z-index:2;height:100%;}
#mainSlider .mainSlider_box_txt_in{color:#fff;text-align:center;z-index:4;position:relative;}
#mainSlider .mainSlider_box_txt_in .infotxt,#mainSlider .mainSlider_box_txt_in .stext,#mainSlider .mainSlider_box_txt_in strong,#mainSlider .mainSlider_box_txt_in  p,#mainSlider .mainSlider_box_txt_in .simg{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateY(10%);  
	-ms-transform:translateY(10%);  
	transform:translateY(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
#mainSlider .mainSlider_box_txt_in strong{/*text-shadow: 0px 0px 3px  #000;*/padding:0px 0 0px 0; margin-bottom:0px;font-size:65px;font-weight:700;line-height:68px;letter-spacing:-5px;text-shadow: 0px 0px 5px  #000;}
#mainSlider .mainSlider_box_txt_in .stext{ padding:10px 0 0px 0; font-size:30px; text-align:center;margin-top:10px;font-weight:500; transition-delay:0.3s; line-height:28px;color:#fff;text-shadow: 0px 0px 15px  #000;}
#mainSlider .mainSlider_box_txt_in .infotxt{padding:3px 0 0px 0;font-size:30px;text-align:center; font-weight:500;transition-delay:0.3s; line-height:35px;color:#fff;text-shadow: 0px 0px 15px  #000;}
 #mainSlider .mainSlider_box_txt a{ color:#fff; padding:0 2px 5px 0; 
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.8s; letter-spacing:0px;
}


/* active */
#mainSlider .mainSlider_box_content.active .probgimg > img{
opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	-moz-transform:translateY(0);  
	-ms-transform:translateY(0);  
	transform:translateY(0);  
}
 

#mainSlider .active .mainSlider_box_txt_in .infotxt,
#mainSlider .active .mainSlider_box_txt_in .stext,
#mainSlider .active .mainSlider_box_txt_in span,
#mainSlider .active .mainSlider_box_txt_in .simg,
#mainSlider .active .mainSlider_box_txt_in strong{
	-moz-transform:translateY(0);  
	-ms-transform:translateY(0);  
	transform:translateY(0);  
}

#mainSlider .active .mainSlider_box_txt_in .infotxt,
#mainSlider .active .mainSlider_box_txt_in .stext,
#mainSlider .active .mainSlider_box_txt_in strong,
#mainSlider .active .mainSlider_box_txt_in .simg,
#mainSlider .active .mainSlider_box_txt a{
	opacity:1.0;filter:Alpha(opacity=100);
}
#mainSlider .active .mainSlider_box_txt_in  p{
	opacity:0.54;filter:Alpha(opacity=54);
}

#mainSlider .mainSlider_box_txt a.morelink{display:block;background:url(../image/blue.png);width:70px;margin:0 auto;padding:5px 18px;border: 1px solid #787878;}
#mainSlider .mainSlider_box_txt a.morelink img{display:inline;vertical-align:top;margin-left:10px;padding-top:5px;}
#mainSlider .slick-arrow{
	position:absolute; top:50%; margin-bottom:0px;width:54px; height:109px;  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
}
#mainSlider .slick-arrow.slick-prev{left:3%;background:url(../image/prev.png) no-repeat}
#mainSlider .slick-arrow.slick-next{right:3%; background:url(../image/next.png) no-repeat}
  
/*about*/
.aboutarea{background:url(../image/about_back.jpg) no-repeat center 0;min-height:350px;}
.aboutarea_in{position:relative;margin: 0 auto;width:500px;padding-top:50px;}
.aboutarea_in a.boxlink{color:#fff;}
.aboutarea_in .aboutbox{font-size:30px;text-align:center;border: 5px solid #a2b3d9;padding:50px;background: url(../image/txt_box.png) no-repeat center center;}
.aboutarea_in .aboutbox strong{display:block;font-weight:500;font-size:50px;line-height:55px;}
.aboutarea_in a.aboutlink{display:block;color:#ffc19c;text-align:center;margin-top:30px;letter-spacing:-1px;font-size:15px;}
.aboutarea_in a.aboutlink strong{font-size:25px;margin-right:20px;}

/*business*/
#business{position:relative;margin:0px auto 0 auto;z-index:11;  background:#f1f1f1;width:100%;}
#business_in{margin:0 auto 0px auto;max-width:1200px;padding-top:3%;padding-bottom:50px;background: url(../image/back_business.png) no-repeat 0 0}
#business h3{font-weight:300;font-size:50px;text-align:center;padding-top:10px;padding-bottom:5px;color:#000000;letter-spacing:-3px;background: url(../image/line.png) no-repeat center bottom}
#business h3 strong{font-weight:500;}
#business h4{font-weight:300;font-size:20px;line-height:24px;text-align:center;padding-top:10px;padding-bottom:5px;color:#000000;letter-spacing:-1px;width:450px;word-break:keep-all;margin: 0 auto;}

.businesslist{clear:both;}
.businesslist ul{margin:0px auto;width:100%;position:relative; padding-top:30px;}
.businesslist ul li{float:left; margin-left:1%;width:24%;background:#fff;min-height:450px;}
.businesslist ul li .businessimg{padding-right:0px;overflow:hidden;}
.businesslist ul li .businessimg img{width:100%;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.businesslist ul li .businessimg a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

#businessarea_in .businessarea_info a .businessImg img{opacity:0.5;filter:Alpha(opacity=0.5);	max-width: 347px; width: 100%; }

.businesslist ul li h5{text-align:center;font-size:23px;font-weight:500;margin-top:0px;letter-spacing:0px; color:#000;padding-top:10px;padding-bottom:3px;}
.businesslist ul li .businessinfo{text-align:center;font-size:15px; padding:10px 30px;color:#636363;}
.businesslist ul li a.morelink{color:#ff7613;text-align:center;display:block;width:80%;}
.businesslist ul li span.moreicon{border-bottom: 1px solid #ff7613;}

.businesslist ul li:hover{background:#004a8d;}
.businesslist ul li:hover h5,
.businesslist ul li:hover .businessinfo,
.businesslist ul li:hover a.morelink
{color:#fff;}



/*바로가기*/
.quickarea{background:#fff;margin: 50px auto;padding:20px 0;}
.quickarea_in{max-width:1200px;margin: 0 auto;position:relative;}
.consulting{float:left;background:#0d377a;width:49%;}
.consulting .imgarea{float:left;background: url(../image/back_consulting.jpg) no-repeat 0 0;width:50%;min-height:329px;}
.consulting .txtarea{float:left; height:289px;background:#0d377a;width:44%;padding:0px 3%;}
.consulting .txtarea span{margin-top:30px;color:#fff;display:block;margin-bottom:20px;letter-spacing:0px;}
.consulting .txtarea h3{color:#fff;font-size:25px;font-weight:500;}
.consulting .txtarea .txtinfo{letter-spacing:-1px;color:#fff;font-size:16px;margin-top:30px;margin-bottom:30px;font-weight:300}

.inquiry {margin-left:1%;float:left;width:20%;padding:0 2%;background:#1ca9e4;min-height:329px;}
.inquiry .inquiry_in{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;min-height:290px;background: url(../image/icon_inquiry.png) no-repeat right bottom}
.inquiry span{padding-top:0;margin-top:30px;color:#fff;display:block;margin-bottom:20px;letter-spacing:0px;}
.inquiry h3 a{color:#fff;font-size:25px;font-weight:500;}
.inquiry .txtinfo{letter-spacing:-1px;color:#fff;font-size:16px;margin-top:30px;margin-bottom:0px;font-weight:300}


.project {margin-left:1%;float:left;width:24%;padding:0;background:#fff;}
.project .project_in{position:relative;display:block;border:1px solid #ccc; min-height:327px;padding:0 20px}
.project span{padding-top:0;margin-top:30px;color:#888888;display:block;margin-bottom:20px;letter-spacing:0px;}
.project h3 a{color:#000;font-size:25px;font-weight:500;display:block;background: url(../image/icon_plus.png) no-repeat right 0;}
.project h3 img{vertical-align:middle}
.project .txtinfo{color:#000;font-size:14px;margin-top:30px;margin-bottom:0px;font-weight:300}
.project .txtinfo ul li{border-bottom: 1px solid #ccc;padding:5px;background: url(../image/icon.png) no-repeat 0 center;padding-left:20px;}