/********** 컨텐츠 타이틀 **********/

.h1 { font-size:52px; font-weight:600; color:#222; }
h2 { font-size:44px; font-weight:600; color:#333; }
h3 { font-size:34px; font-weight:500; color:#333; }
h4 { font-size:27px; font-weight:500; color:#444; }
h5 { font-size:19px; font-weight:400; color:#333; }

h2, h3, h4, h5 { line-height:140%; }

.h1 i { display:block; font-style:normal; height:74px; line-height:100px; overflow:hidden; margin-bottom:20px; font-size:100px; color:#eee; }

@media (max-width:1200px) {
	.h1 { font-size:44px; }
	h2 { font-size:38px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:16px; }
}
@media (max-width:1000px) {
	.h1 { font-size:38px; }
	.h1 i { height:60px; line-height:80px; margin-bottom:15px; font-size:80px; }
	h2 { font-size:33px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:15px; }
}
@media (max-width:768px) {
	.h1 { font-size:33px; }
	.h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:19px; }
	h5 { font-size:14.5px; }
}
@media (max-width:540px) {
	.h1 { font-size:28px; }
	.h1 i { height:40px; line-height:54px; margin-bottom:10px; font-size:54px; }
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:16.5px; }
	h5 { font-size:14px; }
}


/* 바꾼 인사말 */

#intro { background:url('/images/intro_bg.gif') center 60px no-repeat; background-size:contain; text-align:center; }
#intro .slogn1 { font-size:26px; font-weight:500; color:#222}
#intro .slogn2 { font-size:48px; font-family:Audiowide; }


@media (max-width:1000px) {
	#intro { background:none; text-align:left; }
	#intro .slogn1 { font-size:20px; }
	#intro .slogn2 { font-size:38px; }
}

@media (max-width:768px) {
	#intro .slogn1 { font-size:18px; }
	#intro .slogn2 { font-size:34px; }
}

@media (max-width:440px) {
	#intro .slogn1 { font-size:16px; }
	#intro .slogn2 { font-size:28px; }
}




/* 예전 인사말 */

#ceo ul:after { clear:both; visibility:hidden; display:block; content:''; }
#ceo ul li { float:left; }
#ceo ul li:first-child { padding-right:40px; width:45%; }
#ceo ul li:last-child { padding-right:200px; padding-left:40px; width:55%; }
#ceo ul li .col_box { position:relative; height:500px; background:url('/images/company.jpg') center no-repeat; background-size:cover; }
#ceo .slogn1 { font-size:26px; font-weight:500; color:#222}
#ceo .slogn2 { font-size:48px; font-family:Audiowide; }

@media (max-width:1500px) {
	#ceo ul li:last-child { padding-right:40px; }
}

@media (max-width:1200px) {
	#ceo ul li { float:none;  }
	#ceo ul li:first-child { padding-right:0; width:100%; }
	#ceo ul li .col_box { margin:0 40px; height:300px; }
	#ceo ul li:last-child { padding:0 40px; width:100%; margin-top:50px; }

}

@media (max-width:1000px) {
	#ceo ul li .col_box { height:250px; }
	#ceo .slogn1 { font-size:20px; }
	#ceo .slogn2 { font-size:38px; }
}

@media (max-width:768px) {
	#ceo ul li .col_box { margin:0 24px; height:220px; }
	#ceo ul li:last-child { padding:0 24px; margin-top:40px; }
	#ceo .slogn1 { font-size:18px; }
	#ceo .slogn2 { font-size:34px; }
}

@media (max-width:440px) {
	#ceo ul li .col_box { height:160px; }
	#ceo ul li:last-child { width:100%; margin-top:30px; }
	#ceo .slogn1 { font-size:16px; }
	#ceo .slogn2 { font-size:28px; }
}









/* 사업분야 */

.biz_box { margin-top:100px; background:#f3f3f3; padding-bottom:40px; }
.biz_box ul { margin:0 -15px; }
.biz_box li { padding:0 15px; margin-top:-40px; }
.biz_box li img { width:100%; }



@media (max-width:1200px) {
	.biz_box { margin-top:80px; padding-bottom:30px; }
	.biz_box ul { margin:0 -10px; }
	.biz_box li { padding:0 10px; margin-top:-30px; }
}

@media (max-width:800px) {
	.biz_box { margin-top:40px; padding-top:20px; padding-bottom:40px; }
	.biz_box li { width:50%; margin-top:20px; }

}
@media (max-width:520px) {
	.biz_box { margin-top:20px; padding-top:10px; padding-bottom:20px; }
	.biz_box ul { margin:0 -5px; }
	.biz_box li { padding:0 5px; margin-top:10px; }
}




/* 파트너 */

#partner ul { margin:-10px; }
#partner li div { height:168px; margin:10px; background-repeat:no-repeat; background-position:center; border:1px solid #ddd; }

@media (max-width:1500px) {
	#partner li div { height:130px; background-size:207px 110px; }
}

@media (max-width:1100px) {
	#partner ul { margin:-5px; }
	#partner li div { margin:5px; height:100px; background-size:150px 80px; }
}

@media (max-width:760px) {
	#partner li { width:33.33%; }
	#partner li div { height:100px; background-size:150px 80px; }
}

@media (max-width:520px) {
	#partner ul { margin:-2px; }
	#partner li div { margin:2px; height:70px; background-size:105px 56px; }
}
@media (max-width:400px) {
	#partner li div { height:60px; }
}