@import url("common.css");

/*Visual 시작*/

#visual{ position:relative; width:100%; height:100%; overflow:hidden; z-index:1;}
	#visual .visual_in {position:relative; width:100%; height:100%; overflow:hidden;}
		#visual .visual_in .roll{position:Relative; width:100%; height:100%; overflow:hidden;}
		#visual .visual_in .img {height:100vh; height:100vh; background-repeat: no-repeat; background-position: center; background-color:#000;
	background-size: cover; background-position: 50% 0;  border:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1); }
		#visual .visual_in .action .img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
		#visual .visual_in .visual_01 .img{ background-image:url("/en/images/main/v01.jpg"); }
		#visual .visual_in .visual_02 .img{ background-image:url("/en/images/main/v03.jpg"); }
		#visual .visual_in .visual_03 .img{ background-image:url("/en/images/main/v04.jpg"); }
		#visual .visual_in .visual_04 .img{ background-image:url("/en/images/main/v04.jpg"); }

		.visual_in .slick-dots{position:absolute; top:30px; left:50%; margin:190px 0 0 -588px; text-align:center; font-size:0; z-index:10; }
			.visual_in .slick-dots li{display:inline-block; width:12px; height:12px; border-radius:50%;  margin:0 3px; cursor:pointer; background-color:rgba(255,255,255,0.5);}
			.visual_in .slick-dots li.slick-active{ background-color:#fff;}
			.visual_in .slick-dots li button{border:none; background:none; cursor:pointer; text-indent:-99999999px; margin:0; padding:0;}

		#visual .visual_in>div .visual_tit{ position:absolute; width:1000px; text-align:left; color:#fff; left:50%; margin-left:-640px; top:37%;-moz-transform:translateY(-37%);-ms-transform:translateY(-37%);-webkit-transform:translateY(-37%);transform:translateY(-37%);z-index:1}
 				#visual .visual_in>div .visual_tit .vis_text_bg {position:absolute; top:0; left:0;}
 				#visual .visual_in>div .visual_tit h2{-webkit-text-size-adjust:100%; font-family:'Play', 'Noto Sans KR', sans-serif; font-weight:800; font-size:65px; letter-spacing:-1px; line-height:100%; color:#fff; margin: 80px 0 30px 50px;}
 				#visual .visual_in>div .visual_tit p{-webkit-text-size-adjust:100%; color:rgba(255,255,255,0.8); font-size:20px; line-height:30px; letter-spacing:-0.5px; margin:0 0 30px 50px;}
 				#visual .visual_in>div .visual_tit p.visual_stxt {-webkit-text-size-adjust:100%; font-family:'Play', 'Noto Sans KR', sans-serif; font-weight:800; font-size:20px; line-height:100%; color:#fff; margin:0 0 0 50px; letter-spacing:0; }


/* Start-슬릭기본 */
.slick-slider{    min-height: 1px;position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
			touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin:0;padding: 0; }
.slick-slide{display: none;float: left; }
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */


#visual .scroll_down{position:absolute; bottom:20px; left:50%; transform: translate(-50%, 0);box-sizing:border-box; text-align:center; z-index:9999;}
#visual .scroll_down p {color:#fff; font-size:10px; font-weight:700; line-height:100%; font-family: 'Montserrat', sans-serif; letter-spacing:1pt}

#visual .scroll-circle-box{    display: block; position: relative;width: 9px;  height: 20px; border: 2px solid #fff;margin: 10px auto 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
#visual .scroll-circle-box:before{
	position:absolute; content:""; left:3px; top:5px; width:3px; height:3px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;;
	animation:mouseScroll 1.5s infinite;
}
@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}


/*Visual 끝*/


h3.main_title{-webkit-text-size-adjust: 100%; font-family:'Play', 'Noto Sans KR', sans-serif; font-size:45px; color:#333; font-weight:700; line-height:100%; letter-spacing:-1px; margin-bottom:20px}
p.main_txt{-webkit-text-size-adjust: 100%; font-size:17px; font-weight:300; color:#777; line-height:26px; letter-spacing: -0.5pt; font-weight:400;}
p.main_txt2{-webkit-text-size-adjust: 100%; font-size:18px; font-weight:300; color:#777; line-height:26px; letter-spacing: -0.5pt;}
a.main_btn{position: relative; font-family:'Montserrat', sans-serif; font-size:14px; color:#333; font-weight:500; line-height:100%; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
a.main_btn:hover{color:#42cddd}
a.main_btn:after{background:url('/en/images/main/var.png') center no-repeat; margin-left:15px; vertical-align: middle; width:45px; height:45px; content:''; display:inline-block; border:1px solid #ddd; box-sizing:border-box; border-radius:100%;
transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
a.main_btn:hover:after{background:url('/en/images/main/var_w.png') center no-repeat, #42cddd; border-color:#42cddd;}



/* 제품소개 */
#main_pro{position:relative; overflow: hidden; background:url('/en/images/main/pro_bg.jpg') bottom center no-repeat; background-size:cover; padding:150px 0;}
#main_pro:after{ content: ""; display: block; clear: both;}
#main_pro .in{position:relative; margin:0 auto;  max-width:1280px; }
#main_pro .in:after{ content: ""; display: block; clear: both;}
#main_pro .btn_wp{margin-top:65px;}

#main_pro .contentsbox{position:relative; width:1790px;  margin-left:38% }
#main_pro .contentsbox:after{ content: ""; display: block; clear: both;}
#main_pro .tbox{float:left; margin-top:60px;}
#main_pro .prot{position: absolute; width:86%; margin:0 7%; bottom:40px;}
#main_pro .prot .tit{-webkit-text-size-adjust: 100%;color:#fff; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:700; line-height:100%}
#main_pro .prot span{background: url('/en/images/main/var_w.png') center no-repeat; position: absolute; right:0; top:-8px; width: 45px; height: 45px;
border: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; border-radius: 100%; display:block;
transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#main_pro .slick-slide:hover .prot span{background: url('/en/images/main/var.png') center no-repeat, #fff; }



/* Dots */
#main_pro .slick-dotted.slick-slider{}
#main_pro .slick-dots{position: absolute; bottom:-30px;;  display: block;  padding: 0; margin: 0; list-style: none ;text-align: center; }
#main_pro .slick-dots li{position: relative; text-align: center; border:none;display: inline-block; width:8px; height: 8px;margin: 0 7px;padding: 0;cursor: pointer;}
#main_pro .slick-dots li button{width:8px; padding:0; height:8px; border:0; font-size:0; display:block; background-color:#ddd; cursor:pointer; border-radius:8px;}
#main_pro .slick-dots li.slick-active button{background-color:#ed1c25; width:12px; height:12px;}
#main_pro .slick-dots li.slick-active{width:12px; height:12px;}


/* the slides */
#main_pro .slick-slide {position: relative; margin: 0 40px 0 0}

/* the parent */
#main_pro .slick-list {margin: 0 -40px 0 0;}





/* 사업소개 */
#business_wrap{position:relative; overflow:hidden; text-align:center; padding:120px 0; background:url('/en/images/main/business_wrap_bg.png') bottom right no-repeat;}
#business_wrap h3.main_title{color:#222;}
#business_wrap p.main_txt{color:rgba(0,0,0,0.7);}
#business_wrap .in{position:relative; max-width:1280px; margin:0 auto; z-index:2}

#business_wrap .business_con {display:inline-flex; margin-top:80px;}
#business_wrap .business_con dl {width:calc((100% - 40px) / 4); margin-left:40px; border:1px solid #e6e6e6; background-color:#f1f1f1; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
#business_wrap .business_con dl:first-child { margin-left:0;}
#business_wrap .business_con dl dt {position:relative; overflow:hidden;}
#business_wrap dt img{width: 100%; height: auto; background-size: cover !important; background-position: no-repeat; background-position:center; transform: rotate(0.01deg) scale3d(1, 1, 1); transition: transform 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

#business_wrap dl:hover dt{border-top: 1px solid #e6e6e6;}
#business_wrap dl:hover dt img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}

#business_wrap .business_con dl dd {padding:40px 30px; box-sizing:border-box; transition:all 0.3s;}
#business_wrap .business_con dl dd h4 {font-size:22px; color:#333; letter-spacing:-0.5pt; line-height:100%; font-weight:400; transition:all 0.3s;}
#business_wrap .business_con dl dd h4 span {letter-spacing:-0.5pt; font-weight:600; color:#3059a5;}
#business_wrap .business_con dl dd p {font-size:15px; line-height:22px; color:#777; margin-top:20px; font-weight:400; letter-spacing:-0.5px; transition:all 0.3s; }

#business_wrap .business_con dl:hover {background-color:#3059a5; transition:all 0.3s; border-top:0;}
#business_wrap .business_con dl:hover dd h4 {color:#fff; transition:all 0.3s;}
#business_wrap .business_con dl:hover dd h4 span {color:#fff; transition:all 0.3s;}
#business_wrap .business_con dl:hover dd p {color:rgba(255,255,255,0.7); transition:all 0.3s;}




/* 회사소개 */
#company_wrap{position:relative; overflow:hidden; text-align:center; padding:120px 0;
	background: #184c88; /* 그라데이션 지원하지 않는 브라우저 */
	background: -webkit-linear-gradient(left right, #184c88, #acd20c);
	background: -moz-linear-gradient(left right, #184c88, #acd20c);
	background: -o-linear-gradient(left right, #184c88, #acd20c);
	background: linear-gradient(to right, #184c88, #acd20c); /*표준 */}
#company_wrap h3.main_title{color:#fff;}
#company_wrap p.main_txt{color:rgba(255,255,255,0.7);}
#company_wrap .in{position:relative; max-width:1280px; margin:0 auto; z-index:2}
#company_wrap ul{position:relative; overflow:hidden; margin-top:60px; }
#company_wrap li{width:25%; position:relative; overflow:hidden; float:left; text-align:center; margin-top:30px; transition: all 0.3s ease;}
#company_wrap li p{color:#fff}
#company_wrap li .icon{border:1px solid rgba(255,255,255,0.2); background-size:60px !important; width:130px; height:130px; margin:0 auto 30px auto; box-sizing:border-box; border-radius: 100%;}
#company_wrap li.one .icon{background:url('/en/images/main/haein_img01.png') center no-repeat;}
#company_wrap li.two .icon{background:url('/en/images/main/haein_img02.png') center no-repeat;}
#company_wrap li.three .icon{background:url('/en/images/main/haein_img03.png') center no-repeat;}
#company_wrap li.four .icon{background:url('/en/images/main/haein_img04.png') center no-repeat;}

#company_wrap a:hover li{margin-top:20px; transition: all 0.3s ease;}

.grid { box-sizing: border-box;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  width:100%;
  max-width:1280px;
  z-index:1;
  border-left: 1px solid rgba(255,255,255,0.1);
  border-right: 1px solid rgba(255,255,255,0.1);
}
.grid:before { position:relative; width:100px; height:100px; top:0; left:0; z-index:10; border-right: 1px solid rgba(0,0,0,1);}


.grid-inner1 {
  position: absolute;
	box-sizing: border-box;
  margin: 0 0;
  border-left: 1px solid rgba(255,255,255,0.1);
  border-right: 1px solid rgba(255,255,255,0.1);
  height: 100%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  width:50%;
}

.grid-inner2 {
  position: absolute;
	box-sizing: border-box;
  margin: 0 50%;
  border-right: 1px solid rgba(255,255,255,0.1);
  height: 100%;
}


/* 사업실적 */
#result_wrap{position: relative; max-width:1280px; margin:110px auto}
#result_wrap h3.main_title{text-align:center;}
#result_wrap p.main_txt{text-align:center; margin-bottom:40px;}

#result_wrap .result_roll{position: relative; margin: 0 -10px; width: calc(100% + 20px);}
#result_wrap .result_roll:after{content:''; display: block; clear:both;}
#result_wrap .result_roll dl{float: left; width:33.333%; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; margin:0 15px;}
#result_wrap .result_roll dl a{display: block;}
#result_wrap .result_roll dl a dt{position: relative; overflow: hidden;}
#result_wrap .result_roll dl dt .cate1{display:block; width:250px; height:40px; position:absolute; top:0; left:0; background:#043b99; text-align:center; line-height:40px; color:#fff; font-size:14px; letter-spacing:-0.5pt; font-weight:400; z-index:999;}
#result_wrap .result_roll dl dt .cate2{display:block; width:250px; height:40px; position:absolute; top:0; left:0; background:#279823; text-align:center; line-height:40px; color:#fff; font-size:14px; letter-spacing:-0.5pt; font-weight:400; z-index:999;}
#result_wrap .result_roll dl dt .cate3{display:block; width:250px; height:40px; position:absolute; top:0; left:0; background:#13939e; text-align:center; line-height:40px; color:#fff; font-size:14px; letter-spacing:-0.5pt; font-weight:400; z-index:999;}
#result_wrap .result_roll dl dt .cate4{display:block; width:250px; height:40px; position:absolute; top:0; left:0; background:#441e92; text-align:center; line-height:40px; color:#fff; font-size:14px; letter-spacing:-0.5pt; font-weight:400; z-index:999;}
#result_wrap .result_roll dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all .3s linear;}
#result_wrap .result_roll dl a:hover dt img{transform:scale(1.1);}
#result_wrap .result_roll dl a dd{padding: 30px 30px; box-sizing:border-box; background:#fff;}
#result_wrap .result_roll dl a dd h4{padding: 0 0 15px; font-size:20px; font-weight:600; letter-spacing:-0.5px; color: #222; box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}

#result_wrap .result_roll dl a dd ul{}
#result_wrap .result_roll dl a dd ul li{padding:0 0 8px 90px; box-sizing:border-box; position:relative;}
#result_wrap .result_roll dl a dd ul li:last-child{padding-bottom: 0;}
#result_wrap .result_roll dl a dd ul li p{font-size:15px; line-height:100%; letter-spacing:-0.25pt; color:rgba(102,102,102,.8); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
#result_wrap .result_roll dl a dd ul li span{display:block; font-size:15px; font-weight:500; line-height:100%; color:#222; position: absolute; left: 0; top:0; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}



#result_wrap .slick-arrow{padding: 0; margin: 0; cursor:pointer; outline:none; background:none; border:0; font-size:0; width: 34px; height: 28px; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; top:-110px; opacity: .2; transition:all .3s linear;}
#result_wrap .slick-arrow:hover{opacity: 1;}
#result_wrap .slick-prev{background-image:url('/en/images/main/arrow_p.png'); left: 10px;}
#result_wrap .slick-next{background-image:url('/en/images/main/arrow_n.png'); right: 10px;}





/* 하단배너 */
#black_con {position:relative; overflow:hidden; display:table; width:100%; text-align:center}
h3.mTit{position:relative; font-family:'Play', sans-serif; display:inline-block; font-size:2.666rem; letter-spacing:0; color:#333; font-weight:700; transition:all .3s linear;}
p.mTxt{ letter-spacing: -0.5pt; font-weight: 300; font-size:1.0625rem; transition:all .3s linear;}

	#black_con > div {display:table-cell; vertical-align:middle; width:50%}
	#black_con > div.rnd a {background-image:url('/en/images/main/rnd_bg.jpg')}
	#black_con div a {position:relative; display:block; transition: all 0.3s ease-out; padding:80px 3% 80px 3%; background:url('/en/images/main/recruit_bg.jpg') center center/cover no-repeat;}
	#black_con div a:after {display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; opacity:0; transition: all 0.3s ease-out;}
	#black_con .mTit {color:#fff; z-index:10;}
	#black_con .mTxt {color:#fff; z-index:10; display: block;}
	#black_con .moreBtn {position:relative; z-index:10; width:60px; height:60px; border-radius:60px; background:url('/en/images/main/moreBtn.png') center center no-repeat; border:2px solid #fff; display:block; margin:40px auto 0 auto; transition: all 0.3s ease-out;}

	#black_con div a:hover {transition: all 0.3s ease-out;}
	#black_con div a:hover:after {opacity:1; transition: all 0.3s ease-out;}
	#black_con div a:hover .moreBtn {background-color:#fff; background-image:url('/en/images/main/moreBtn_up.png'); transition: all 0.3s ease-out;}





/*News*/
#news_wrap {width:100%; padding:120px 0 100px; overflow:hidden;}
.news_in {position:relative;margin:0 auto; width:1280px; padding:0 0 0; }
.news_in h3.main_title {position:absolute; left:0; top:19px; z-index:2;}
.news_in p.main_txt {position:absolute; left:0; top:76px; color:#666;}

#news_wrap .slick-list{height:380px; padding-right:50%;}
.news_roll{width:990px; margin:0 0 0 290px;  }
.news_roll dl{width:300px; margin:0 15px;}
.news_roll dt{width:300px; height:240px; overflow:hidden; }
.news_roll dt span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.news_roll dl:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_roll dd{padding:11px 0 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#888; line-height:22px; }
.news_roll dd h6{font-size:18px; font-weight:600; color:#222; letter-spacing:-0.55pt; line-height:25px; padding:0 0  14px}
.news_roll dd p.date{font-size:14px; font-weight:400; font-family:'Play', sans-serif; letter-spacing:0; color:#999; padding:0 0 14px;}

.news_roll .slick-slide{opacity:0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);}
.news_roll .slick-slide.slick-active{opacity:1; -moz-opacity: 1; -khtml-opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

			.slick-slider{position: relative;display: block;box-sizing: border-box; 
				   -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
					touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
			.slick-list{position: relative; display: block;overflow: hidden;margin: 0 ; padding: 0;  width:100%;}
			.slick-slide{display: none; float: left; width:100%; }
			.slick-initialized .slick-slide{display: block;}


/* Arrows */
.news_in .slick-prev, .news_in .slick-next{position: absolute; left:-285px; top:219px; display:block; width:50px; height:50px; box-sizing:border-box; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent; }
.news_in .slick-prev{border:1px solid #9d9ea1; background:url('/en/images/main/arrow_left.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.news_in .slick-next{margin-left:50px; border:1px solid #9d9ea1; background:url('/en/images/main/arrow_right.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.news_in .slick-next {border-left:none;}
.news_in .slick-prev:hover {background:url('/en/images/main/arrow_left02.png') center no-repeat #acd20c;  border:1px solid #9d9ea1;}
.news_in .slick-next:hover {background:url('/en/images/main/arrow_right02.png')center no-repeat #acd20c;  border:1px solid #9d9ea1;}



.news_roll_overflow{width: 100%; overflow-x:auto; position:relative;}
.news_roll_overflow div.overflow{width:940px;margin:0 auto;}
.news_roll_overflow dl{display:inline-block; width:150px; margin:0 15px;}
.news_roll_overflow dt{width:150px; height:240px; overflow:hidden; }
.news_roll_overflow dt span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.news_roll_overflow dl:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_roll_overflow dd{padding:11px 0 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#888; line-height:22px; }
.news_roll_overflow dd h6{font-size:18px; font-weight:600; color:#222; letter-spacing:-0.55pt; line-height:25px; padding:0 0  14px}
.news_roll_overflow dd p.date{font-size:14px; font-weight:400; font-family:'Play', sans-serif; letter-spacing:0; color:#999; padding:0 0 14px;}







/*******************************************************************************
	@media 981px~1200px
*******************************************************************************/
@media all and (max-width:1280px){

/* 비주얼 */
#visual .visual_in>div .visual_tit{margin:0 3%; width:94%; left:3%; margin-left:0;}


/* 사업소개 */
#business_wrap .in{width:94%; }


/* 회사소개 */
#company_wrap .in{width:94%;}


/* 사업실적 */
#result_wrap{width:94%;}


/* 뉴스&공지 */
#news_wrap .news_in{width:94%;}



}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:1024px){

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:54px;}


h3.main_title{font-size:36px; letter-spacing:-1pt;}


/* 사업소개 */
#business_wrap .business_con {display:inline-flex; margin-top:60px;}
#business_wrap .business_con dl {width:calc((100% - 20px) / 4); margin-left:20px;}

#business_wrap .business_con dl dd {padding:20px 10px;}
#business_wrap .business_con dl dd h4 {font-size:20px;}
#business_wrap .business_con dl dd p {font-size:14px; line-height:20px; margin-top:20px;}


/* 회사소개 */
#company_wrap .in{width:94%;}

.grid-inner1 {
  position: absolute;
	box-sizing: border-box;
  margin: 0 0;
  border-left:none;
  border-right:none;
  height: 100%;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  width:50%;
}

.grid-inner2 {
  position: absolute;
	box-sizing: border-box;
  margin: 0 50%;
  border-right:none;
  height: 100%;
}




}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:48px; margin-bottom:30px}
#visual .visual_in>div .visual_tit p{font-size:17px; line-height:28px;}


h3.main_title{font-size:32px; letter-spacing:-0.5pt;}
p.main_txt{font-size:15px; line-height:22px; letter-spacing:-0.3pt;}
p.main_txt2{font-size:16px; letter-spacing:-0.3pt;}


/* 제품소개 */
#main_pro{padding:8rem 0 10rem 0}
#main_pro h3.main_title{text-align:center;}
#main_pro .tbox{float:none; margin-top:0}
#main_pro .tbox p.main_txt br{display:none;}
#main_pro .tbox p.main_txt{text-align:center;}
#main_pro .btn_wp{text-align:center; margin-top:20px; margin-bottom:30px;}
#main_pro .contentsbox{width:100%; margin-left:0}
#main_pro .slick-dots{width:100%; bottom:-40px;}
#main_pro .pic img{width:100%}
#main_pro .slick-slide { margin: 0 10px}
#main_pro .slick-list {margin: 0 -10px}
#main_pro .prot .tit{font-size:18px;}
#main_pro .prot{bottom:25px}
#main_pro .prot span{top:2px; width:6px; height:10px; border:none;}




/* 사업실적 */
#result_wrap .result_roll dl a dd h4{padding: 0 0 15px; font-size:18px;}
#result_wrap .result_roll dl a dd ul li{padding:0 0 8px 90px;}
#result_wrap .result_roll dl a dd ul li p{font-size:14px;}
#result_wrap .result_roll dl a dd ul li span{font-size:14px;}





/* 하단배너 */
h3.mTit{font-size:30px;}
p.mTxt{ font-size:15px;}

	#black_con div a {padding:60px 3% 60px 3%;}
	#black_con .moreBtn {position:relative; z-index:10; width:60px; height:60px; border-radius:60px; background:url('/en/images/main/moreBtn.png') center center no-repeat; border:2px solid #fff; display:block; margin:40px auto 0 auto; transition: all 0.3s ease-out;}





/* 뉴스&공지 */
#news_wrap .slick-arrow{top:160px; left:-240px;}
.news_roll{width:990px; margin:0 0 0 240px;  }
.news_roll dd h6{font-size:17px; line-height:22px; padding:0 0 10px}
.news_roll dd p.date{padding:0 0 10px;}
}


/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:780px){

h3.main_title{font-size:28px; letter-spacing:-0.5pt;}
p.main_txt{font-size:15px; line-height:22px;}
p.main_txt2{font-size:14px; line-height:20px;}

a.main_btn:after{width:40px; height:40px;}


/* 사업소개 */
#business_wrap{padding:80px 0;}
#business_wrap .business_con {display:inline-block; margin-top:40px;}
#business_wrap .business_con dl {float:left; width:calc(50% - 20px); margin-left:20px; margin-bottom:20px;}
#business_wrap .business_con dl:nth-child(3) {margin-left:0;}
#business_wrap .business_con dl dd {padding:20px 10px;}
#business_wrap .business_con dl dd h4 {font-size:20px;}
#business_wrap .business_con dl dd p {font-size:14px; line-height:20px; margin-top:20px;}




/* 회사소개 */
#company_wrap{padding:80px 0;}




/* 사업실적 */
#result_wrap{margin:80px auto}
#result_wrap .slick-arrow{width:34px; height:28px; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; top:-130px;}

#result_wrap p.main_txt br{display:none;}




/* 하단배너 */
h3.mTit{font-size:28px;}
p.mTxt{ font-size:14px;}

	#black_con div a {padding:60px 3% 60px 3%;}
	#black_con .moreBtn {width:40px; height:40px; border-radius:40px; margin:30px auto 0 auto;}





/* 뉴스&공지 */
#news_wrap {padding:80px 0 10px;}



}




/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){


/*News*/

#news_wrap {padding:80px 0 10px;}
#news_wrap .slick-arrow{display:none; top:160px; left:-240px;}


.news_in h3.main_title {position:relative; left:0; top:0; z-index:2; text-align:center;}
.news_in p.main_txt {position:relative; left:0; top:0; color:#666; text-align:center;}
.news_in p.main_txt br{display:none;}

#news_wrap .slick-list{height:300px; padding-right:0;}
.news_roll{width:100%; margin:30px 0 0 0;}
.news_roll dl{width:94%; margin:0 3%;}
.news_roll dt{width:100%; height:180px; overflow:hidden; }
.news_roll dt span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.news_roll dl:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_roll dd{padding:11px 0 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#888; line-height:22px; }
.news_roll dd h6{font-size:16px; line-height:22px; padding:0 0 10px}
.news_roll dd p.date{padding:0 0 0;}





}




/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){


/* 비주얼 */
#visual .visual_in>div .visual_tit .vis_text_bg {display:none;}
#visual .visual_in>div .visual_tit h2{font-size:38px; margin-bottom:25px; text-align:center; margin: 80px 0 30px 0;}
#visual .visual_in>div .visual_tit p{font-size:16px; line-height:26px; text-align:center; margin: 0px 0 30px 0;}
#visual .visual_in>div .visual_tit p.visual_stxt {text-align:center; margin:0 0 0 0;}
h3.main_title{font-size:24px;}
p.main_txt{font-size:14px; line-height:21px;}
p.main_txt2{font-size:13px;}
a.main_btn{font-size:13px;}
a.main_btn:after{width:35px; height:35px;}



/* 제품소개 */
#main_pro{padding:5rem 0 6rem 0}
#main_pro .slick-dots{bottom:-30px;}
#main_pro .prot .tit{font-size:15px;}
#main_pro .btn_wp{margin:15px 0 25px 0}
#main_pro .slick-dots li{margin:0 5px}




/* 회사소개 */
#company_wrap ul{position:relative; overflow:hidden; margin-top:30px; }
#company_wrap li .icon{border:1px solid rgba(255,255,255,0.2); background-size:40px !important; width:80px; height:80px; margin:0 auto 10px auto; box-sizing:border-box; border-radius: 100%;}





/* 하단배너 */
h3.mTit{font-size:22px;}
p.mTxt{ font-size:13px;}

	#black_con > div {display:block; vertical-align:middle; width:100%}
	#black_con div a {padding:30px 3% 30px 3%;}
	#black_con .moreBtn {margin:20px auto 0 auto;}





}


/*******************************************************************************
	@media ~520px
*******************************************************************************/
@media all and (max-width:520px){

#business_wrap .business_con dl {height:350px;}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:32px; margin-bottom:20px;}
#visual .visual_in>div .visual_tit p{font-size:15px;  line-height:24px;}

#visual .visual_in .visual_03 .img{}



/* 사업소개 */
#business_wrap{padding:70px 0;}
#business_wrap .business_con {display:inline-block; margin-top:30px;}
#business_wrap .business_con dl {height:320px;}
#business_wrap .business_con dl dd h4 {font-size:18px;}
#business_wrap .business_con dl dd p {font-size:13px; line-height:18px; margin-top:10px;}





/* 사업실적 */
#result_wrap .slick-arrow{width:34px; height:28px; background-repeat:no-repeat; background-size:100%; background-position:center; position: absolute; top:-150px;}

#result_wrap .result_roll dl a dd h4{padding: 0 0 10px; font-size:16px;}
#result_wrap .result_roll dl a dd ul li{padding:0 0 8px 60px;}
#result_wrap .result_roll dl a dd ul li p{font-size:13px;}
#result_wrap .result_roll dl a dd ul li span{font-size:13px;}




#news_wrap .slick-list{height:280px; padding-right:0;}
.news_roll dt{width:100%; height:160px; overflow:hidden; }
.news_roll dd h6{font-size:15px; line-height:20px;}




}



/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:420px){


/* 사업소개 */
#business_wrap .business_con dl {height:320px;}
#business_wrap .business_con dl dd h4 {font-size:17px; line-height:22px;}


}




/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:375px){


/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:28px; }
#visual .visual_in>div .visual_tit p{font-size:14px; line-height:22px;}





h3.main_title{font-size:20px; letter-spacing:-0.5pt; margin-bottom:15px}
p.main_txt{font-size:13px; line-height:20px;}



/* 제품소개 */
#main_pro{padding:4rem 0 5rem 0}
#main_pro .prot .tit{font-size:14px; text-align:center;}
#main_pro .prot span{display:none;}






/* 연구개발 */
#rnd_wrap{padding:4rem 0}
#rnd_wrap ul{margin-top:25px;}
#rnd_wrap li .icon{width:70px; height:70px;}
#rnd_wrap .btn_wr{margin-top:40px;}




}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){


/* 비주얼 */
#visual .visual_in>div .visual_tit h2{font-size:20px; margin-bottom:15px; }
#visual .visual_in>div .visual_tit p{font-size:13px; line-height:20px;}


/* 제품소개 */
#main_pro .prot .tit{font-size:13px;}
#main_pro .prot{margin:0 2%; width:96%; bottom:10px;}
}

/*******************************************************************************
	@media ~280px
*******************************************************************************/
@media all and (max-width:280px){

p.main_txt{font-size:12px;}
p.main_txt2{font-size:12px;}
a.main_btn{font-size:12px;}



}