@charset "utf-8";

#content {position:relative; width:100%; height:100%; margin:0 auto;}
	#mainCont1 {overflow:hidden;}
	#mainCont2 {background:url(/images/sec2_bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;/*min-height:768px;*/}
	#mainCont3 {overflow:hidden;}

	@media all and (max-width:1240px) {
		#mainCont2 {padding:0 3%;}
	}
	/*@media all and (max-width:1199px) {
		#mainCont2 {padding:100px 3% 150px;}
	}*/
	@media all and (max-width:1024px) {
	}
	@media all and (max-width:768px) {
		#mainCont2 {padding:0 3%;min-height:600px;}
	}

.visual-area {position:relative; overflow:hidden; width:100%; height:100%; min-height:768px;}
	.visualBox {position:relative; width:100%;}
	.slogan {margin-bottom:60px;}
	.slogan p {font-family:'Hyundai'; font-size:35px; font-weight:500; color:#fff; letter-spacing:2px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-align:center;}
	.slogan p strong {display:block; margin-bottom:30px; font-family:'Hyundai'; font-size:65px; line-height:1.25em; font-weight:700;}
	
	.m_ban {width:650px; margin:0 auto;}
	.m_ban > div {float:left; position:relative; padding-top:70px; width:33.3%; text-align:center;}
	.m_ban > div:before {position:absolute; top:0; left:0; content:""; display:block; width:100%; height:2px; background:#fff;}
	.m_ban > div a {position:relative;display:block;top:0;width:100%;color:#fff;-webkit-transition:0.3s; transition:0.3s;}
	.m_ban > div a span {display:block;}
	.m_ban > div a .txt {font-size:22px;font-weight:700;margin-top:40px;}
	.m_ban > div a .circle {position:absolute;top:-20px;left:50%;margin-left:-75px;content:"";display:block;width:150px;height:150px;background:rgba(0,0,0,0.7);border-radius:50%;opacity:0;transition:0.3s;}
	.m_ban > div a .bar {position:absolute;top:-70px;left:0;content:"";display:block;width:0;height:2px;background:#222;opacity:0;transition:0.3s}
	.m_ban > div a:hover .circle, .m_ban > div a:focus .circle {opacity:1; -webkit-transition:0.3s; transition:0.3s;z-index:-1}
	.m_ban > div a:hover .bar, .m_ban > div a:focus .bar{opacity:1; width:100%;-webkit-transition:0.3s; transition:0.3s}
	
	.scroll {position:absolute;bottom:3%;left:50%;margin-left:-39px;z-index:100;width:78px;height:70px}
	.scroll img {position:absolute;width:100%;height:100%-webkit-animation:scrDown 1s infinite linear;animation:scrDown 1s infinite linear}
	@-webkit-keyframes scrDown {0% {top:0}25% {top:10%}50% {top:20%}75% {top:10%}100% {top:0}}
	@keyframes scrDown {0% {top:0}25% {top:10%}50% {top:20%}75% {top:10%}100% {top:0}}

	@media all and (max-width:1024px) {
		.slogan p {font-size:30px;}
		.slogan p strong {font-size:55px;}
		.m_ban {width:550px;}
		.m_ban > div {padding-top:50px;}
		.m_ban > div a img {height:90px;}
		.m_ban > div a .bar {top:-50px;}
		.m_ban > div a .circle {margin-left:-75px;width:150px;height:150px;}	
		.scroll img {width:80%;}
	}
	@media screen and (max-width:900px) {
		.slogan p {font-size:28px;}
		.slogan p strong {font-size:45px;}
		.m_ban {width:500px;}
		.m_ban > div a img {height:80px;}
		.m_ban > div a .circle {top:-22px;margin-left:-65px;width:130px;height:130px;}		
	}
	@media screen and (max-width:768px) {
		.slogan p {font-size:25px;}
		.slogan p strong {font-size:40px;}		
	}
	@media screen and (max-width:600px) {
		.scroll img {display : none;}
	}
	@media all and (max-width:480px) {
		.visual-area {height:auto;}
		.m_ban > div:before {height:2px;}
		.visual-area {min-height:667px;}
		.slogan {margin-bottom:40px;}
		.slogan p {font-size:20px; letter-spacing:0;}
		.slogan p strong {margin-bottom:30px; font-size:30px;}
		.m_ban {width:80%;}
		.m_ban > div a .txt {font-size:20px;margin-top:40px;}
		.m_ban > div a img {height:60px;}
		.m_ban > div a .circle {top:-18px;margin-left:-50px;width:100px;height:100px;}
		.m_ban > div a .bar {height:2px;}	
	}

#mainCont2 .titbox {width:100%; margin-bottom:70px;}
#mainCont2 .titbox .tit{margin-bottom:50px; font-size:56px; font-weight:400; color:#fff; text-align:center;}
#mainCont2 .titbox .txt{font-size:21px; font-weight:300; color:#d9e1ef; line-height:1.5; text-align:center;}
	.part_wrap {position:relative; height:480px;}
	.part-navi {position:absolute; top:0; left:0; width:300px; z-index:200;}
	.part-navi li a {display:block; line-height:96px; background-color:rgba(0,0,0,0.6); color:#fff; padding-left:35px; font-size:24px; font-weight:500;}
	.part-navi li a:hover {color:#fff; background:rgba(0,0,0,0.9) url("/images/part_arrow.png") no-repeat 92% center;}
	.part-navi li.on a {color:#1d1d1d; background:rgba(255,255,255,0.7) url("/images/part_arrow.png") no-repeat 92% center;}
	#part-slide{}
	#part-slide li {position:relative;height:480px;}
	#part-slide li.part1 {background:url("/images/part_img1.jpg") no-repeat center center;background-size:cover;}
	#part-slide li.part2 {background:url("/images/part_img2.jpg") no-repeat center center;background-size:cover;}
	#part-slide li.part3 {background:url("/images/part_img3.jpg") no-repeat center center;background-size:cover;}
	#part-slide li.part4 {background:url("/images/part_img4.jpg") no-repeat center center;background-size:cover;}
	#part-slide li.part5 {background:url("/images/part_img5.jpg") no-repeat center center;background-size:cover;}
	/*#part-slide li.part6 {background:url("/images/part_img6.jpg") no-repeat center center;background-size:cover;}*/
	#part-slide li a .typo {position:absolute; bottom:13%; right:5%; width:380px; color:#fff;}
	#part-slide li a .typo .part-tit {padding-bottom:15px; font-size:21px; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.4); color:#fff;}
	#part-slide li a .typo .part-tit strong {display:block; font-size:40px; font-weight:700; line-height:1.35em;}
	#part-slide li a .typo .txt {position:relative; padding-top:20px; font-size:21px; line-height:1.25em; text-shadow:1px 1px 1px rgba(0,0,0,0.4); color:#fff; }
	#part-slide li a .typo .txt:before {position:absolute; top:0; left:0; content:""; display:block; width:100%; height:1px; background: rgba(255,255,255,0.3);}
	#part-slide li a .typo img {position:absolute; top:30px; right:10px; transition:0.3s;}
	#part-slide li a:hover .typo img {right:0;}

	@media all and (max-width:1199px) {
		#mainCont2 .titbox > .tit {margin-bottom:30px; font-size:45px;}
		#mainCont2 .titbox > .txt {font-size:18px;}
	}
	@media screen and (max-width:900px) {
		#mainCont2 .titbox {margin-bottom:40px;}
		#mainCont2 .titbox > .tit{font-size:40px;}
		#mainCont2 .titbox > .txt{font-size:18px;}	
		.part_wrap{margin:0 auto;width:94%;/*overflow:auto;*/}
		.part-navi{position:relative;top:atuo;left:atuo;width:100%;}
		.part-navi li{float:left;width:49.5%;margin:0 1% 1% 0;}
		.part-navi li:nth-child(2n) {margin-right:0;}
		.part-navi li a{line-height:40px;font-size:16px;}	
		#part-slide li{height:300px;}
		#part-slide li a .typo {width:40%; left:5%;}
		#part-slide li a .typo .part-tit {width:100%; font-size:16px;}
		#part-slide li a .typo .part-tit strong {font-size:30px;}
		#part-slide li a .typo .txt {font-size:16px;}
		#part-slide li a .typo img {display:none;}
	}
	@media screen and (max-width:768px) {
		.part_wrap {height:auto;}		
	}
	@media screen and (max-width:480px) {
		#mainCont2 .titbox > .tit{font-size:35px;}
		#mainCont2 .titbox > .txt{font-size:14px;}
		.part-navi li a{padding-left:20px; line-height:30px; font-size:15px;}	
		#part-slide li{height:180px;}
		#part-slide li a .typo {width:100%; bottom:5%;}
		#part-slide li a .typo .part-tit {font-size:16px;}
		#part-slide li a .typo .part-tit strong {font-size:25px;}
		#part-slide li a .typo .txt,
		#part-slide li a .typo img {display:none;}
	}	

.mainCont3-wrap1 {position:relative; padding:100px 0; min-height:568px; background:url(/images/sec3_bg.jpg) center center no-repeat; background-size:cover;}
.mainCont3-wrap1:after{display:block;clear:both;content:''}
	.mainCont3-wrap1 .titbox {padding:0 0 50px 15px;}
	.mainCont3-wrap1 .titbox .tit{margin-bottom:30px; font-size:50px; font-weight:700; color:#014085;}
	.mainCont3-wrap1 .titbox .txt{font-size:25px; font-weight:300; color:#2a2929; }
	/*#news div {position:relative; width:99.5%; height:100%; margin:0 0.25% 0;}
	#news div a{display:block;}
	#news div a .img {background:#000;}
	#news div a img{opacity:.8; width:100%;}
	#news div a:hover img{opacity:1;}
	#news div a .label1,
	#news div a .label2 {position:absolute; top:10px; left:10px; display:inline-block; padding:0 15px; font-size:14px; font-weight:500; line-height:35px; color:#fff;}
	#news div a .label1 {background-color:#1f90df;}
	#news div a .label2 {background-color:#0655ac;}
	#news div a .subject{position:absolute; top:220px; left:50%; margin-left:-40%; width:80%; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:24px; font-weight:300; line-height:1.25; color:#fff; z-index:2;}
	#news div a .arrow{position:absolute; display:block; bottom:30px; right:30px; padding:0 10px; font-family:'Roboto'; font-weight:700; font-size:11px; line-height:2em; color:#fff; border:2px solid rgba(255,255,255,0.7);}*/
	
	#news {position:relative;}
	#news li.newsBox {position:relative; margin:0 15px; }
	#news li.newsBox a{display:block;}
	#news li.newsBox a .img {background:#000;}
	#news li.newsBox a img{opacity:.8; max-width:100%; height:350px;}
	#news li.newsBox a:hover img{opacity:1;}
	#news li.newsBox a .label1,
	#news li.newsBox a .label2 {position:absolute; top:10px; left:10px; display:inline-block; padding:0 15px; font-size:14px; font-weight:500; line-height:35px; color:#fff;}
	#news li.newsBox a .label1 {background-color:#1f90df;}
	#news li.newsBox a .label2 {background-color:#0655ac;}
	#news li.newsBox a .subject{position:absolute; top:220px; left:50%; margin-left:-40%; width:80%; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:24px; font-weight:300; line-height:1.25; color:#fff; z-index:2;}
	#news li.newsBox a .arrow{position:absolute; display:block; bottom:30px; right:30px; padding:0 10px; font-family:'Roboto'; font-weight:700; font-size:11px; line-height:2em; color:#fff; border:2px solid rgba(255,255,255,0.7);}
	
	
	/* 슬라이드 버튼 사이즈 이미지 */
	#news > .slick-prev, #news > .slick-next{width: 30px; height: 55px;}
	#news > .slick-prev {background-image:url("/images/news_prev.png"); left:-50px;}
	#news > .slick-next {background-image:url("/images/news_next.png"); right:-50px;}
	#news > .slick-dots {position: absolute; bottom: -80px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}

	@media all and (max-width:1240px) {
		.mainCont3-wrap1 {padding:80px 3%;min-height:400px;}
		.mainCont3-wrap1 .titbox {padding:0 0 30px 0;}
		.mainCont3-wrap1 .titbox .tit{margin-bottom:20px; font-size:40px;}
		.mainCont3-wrap1 .titbox .txt{font-size:22px;}
		/* 슬라이드 버튼 사이즈 이미지 */
		#news > .slick-prev, #news > .slick-next{width: 14px; height: 40px;}
		#news > .slick-prev {background-image:url("/images/news_prev2.png"); left:-20px;}
		#news > .slick-next {background-image:url("/images/news_next2.png"); right:-20px;}
	}
	@media all and (max-width:1024px) {
		.mainCont3-wrap1 .titbox {padding-left:20px;}
		#news li.newsBox {position:relative; height:300px;}
		#news li.newsBox a .label1,
		#news li.newsBox a .label2 {padding:0 10px; font-size:13px; line-height:25px;}
		#news li.newsBox a .subject {bottom:55px; font-size:20px;}
		#news li.newsBox a .arrow {bottom:20px; padding:0 6px; line-height:1.75em;}
		#news .slick-dots {bottom: -40px; }	
	}
	@media screen and (max-width:768px) {
		.mainCont3-wrap1 .titbox {text-align:center;}
		.mainCont3-wrap1 .titbox .tit{font-size:35px;}
		.mainCont3-wrap1 .titbox .txt{font-size:18px;}
		/* 슬라이드 버튼 사이즈 이미지 */
		#news > .slick-prev,
		#news > .slick-next {display:none !important;}	
		.slick-dots li, .slick-dots li button, .slick-dots li button:before {width: 10px !important; margin-right:3px;}
	}
	@media all and (max-width:480px) {
		.mainCont3-wrap1 {min-height:300px;}
		#news li.newsBox {margin:0 20px; }		
	}

.mainCont3-wrap2 {padding:5% 0; background:url(/images/sec4_bg.jpg) center center no-repeat; background-size:cover;}
.mainCont3-wrap2:after{display:block;clear:both;content:''}
	#m_link{height:240px;}	
	#m_link .linkBox {float:left; margin-right:2%; width:23.5%; box-shadow:0 5px 30px 0 rgba(0,0,0,0.2);background:#fff url("/images/link_icon1.png") no-repeat right 35px bottom 35px;}	
	#m_link .linkBox a{display:block; padding:40px; height:160px; }
	#m_link .linkBox:nth-child(2) {background:#fff url("/images/link_icon2.png") no-repeat right 35px bottom 35px;}
	#m_link .linkBox:nth-child(3) {background:#fff url("/images/link_icon3.png") no-repeat right 35px bottom 35px;}
	#m_link .linkBox:nth-child(4) {margin-right:0; background:#fff url("/images/link_icon4.png") no-repeat right 35px bottom 35px;}
	#m_link .linkBox h3{margin-bottom:15px; font-size:24px;font-weight:700;color: #444;line-height: 30px;}
	#m_link .linkBox p{font-size:16px;color: #666; line-height:1.25em;}
	
	@media all and (max-width:1240px) {
		.mainCont3-wrap2 {padding:10% 3%;}
	}
	@media screen and (max-width:1024px) {
		#m_link .linkBox {margin:0 2% 2% 0; width:49%;}	
		#m_link .linkBox:nth-child(2) {margin-right:0;}
	}
	@media all and (max-width:480px) {
		#m_link .linkBox, 
		#m_link .linkBox:nth-child(2), 
		#m_link .linkBox:nth-child(3),
		#m_link .linkBox:nth-child(4) {margin:0 0 2%; width:100%; background-position:right 25px center;}
		#m_link .linkBox a{padding:25px; height:80px;}
		#m_link .linkBox h3{margin-bottom:10px; font-size:20px;line-height: 30px;}
		#m_link .linkBox p{width:60%; font-size:14px;}
	}

/*슬라이드 재생 버튼*/
.controlBox{position:relative;text-align:right;padding-top:25px;font-size:0;}
a.btn_play{display:inline-block;width:30px;height:30px;font-size:0;border:1px solid rgba(255,255,255,0.5);background:url(/images/business/btn_play_stop.png);background-position:0 -30px; text-indent:-9000px;overflow:hidden;z-index:9999;margin-right:3px;}
a.btn_stop{display:inline-block;width:30px;height:30px;font-size:0;border:1px solid rgba(255,255,255,0.5);background:url(/images/business/btn_play_stop.png);background-position:0 0; text-indent:-9000px;overflow:hidden;z-index:9999;}