/* 와이드 pc  */

/* sub5 공통 css  s */
.sub5_banner { background: url(/img/sub5_banner.jpg) no-repeat center; background-size: cover; height: 250px; }
.sub5_banner .banner_wrap { max-width: 1200px; margin: 0 auto;  } 
.sub5_banner .banner_wrap h2 { color: #fff; font-size: 48px; font-weight: 400; padding-top: 85px; }

#menu_wrap { max-width: 1200px; margin: 0 auto 80px auto; border-bottom: 1px solid #ccc; } 
#menu_wrap .menu { overflow: hidden;  }
#menu_wrap .menu li { float: left; background: url(/img/2depth_dot.png) no-repeat center right;  }
#menu_wrap .menu li:nth-child(2) { background: none; }
#menu_wrap .menu li a { font-size: 18px; color: #666; padding: 30px ; display: block; position: relative; line-height: 22px; letter-spacing: -1px; font-weight: 400;  }
#menu_wrap .menu li a.on { color:#0f573e; }

/* sub5_content1 css s */
#sub5_content1 { max-width: 1200px; margin: 0 auto 150px auto; }
#sub5_content1 .summary { background: url(/img/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px;  }
#sub5_content1 .summary p { font-size: 16px; }

#sub5_content1 .boxpop{ width: 100%; height: 100%; background: #000; opacity: 0.6; position: fixed; left: 0; top: 0; z-index: 10; display: none; }

#sub5_content1 .brand_popup { max-width: 500px; height: auto;  padding: 15px; z-index: 20; background: #fff; position:fixed; top:23%; left: 50%; margin-left: -250px; display: none; }
#sub5_content1 .brand_popup img.popup_b { padding-bottom: 20px; border-bottom: 1px solid #ccc;  }
#sub5_content1 .brand_popup p { margin: 10px 0; font-size: 16px; }

#sub5_content1 #content { }
#sub5_content1 #content ul { overflow:hidden; }
#sub5_content1 #content ul li { width: 32%; float: left; margin-right: 2%; margin-bottom: 40px; }
#sub5_content1 #content ul li h3 { text-align: center; margin-bottom: 5px; font-weight: 400; font-size: 18px; }
#sub5_content1 #content ul li:nth-child(3) { margin-right: 0; }
#sub5_content1 #content ul li:nth-child(6) { margin-right: 0; }
#sub5_content1 #content ul li:nth-child(9) { margin-right: 0; }
#sub5_content1 #content ul li p { text-align: center; }
#sub5_content1 #content img { cursor:pointer; }

/* sub5_content2 css s */
#sub5_content2 { max-width: 1200px; margin: 0 auto 150px auto; }
#sub5_content2 .summary { background: url(/img/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px;  }
#sub5_content2 .summary img { margin-bottom: 10px; }
#sub5_content2 .summary p { font-size: 16px; }

#sub5_content2 .grobal_map img { margin-bottom: 20px; }
#sub5_content2 .grobal_map .partnership { padding: 0 40px; margin-bottom: 120px; }
#sub5_content2 .grobal_map .partnership h3 { font-weight: 400; text-align: center; margin-bottom: 20px; font-size: 24px; }
#sub5_content2 .grobal_map .partnership .partnership_wrap { background: #01593b; padding: 10px 0; margin-bottom: 20px; }
#sub5_content2 .grobal_map .partnership .partnership_wrap p { text-align: center; color: #fff; font-size: 18px; }
#sub5_content2 .grobal_map .partnership .partnership_text { padding: 0 20px; }
#sub5_content2 .grobal_map .partnership .partnership_text1 { line-height: 1.8em; }

#sub5_content2 .overseas_business { overflow: hidden; padding: 0 40px; }
#sub5_content2 .overseas_business .overseas_business1 { float: left; width: 35%; margin-right: 5%; }
#sub5_content2 .overseas_business .overseas_business2 { float: left; width: 60%; }

/* 일반 pc */
@media screen and (max-width:1280px) {
	
	/* sub5 공통 css  s */
	.sub5_banner .banner_wrap h2 { padding-left: 4%; }

	/* sub5_content1 css s */
	#sub5_content1 { padding: 0 2%; }

	/* sub5_content2 css s */
	#sub5_content2 { padding: 0 2%; }
	#sub5_content2 .grobal_map .partnership { padding: 0; }

}


/* 테블릿 */
@media screen and (max-width:1024px) {
	
	/* sub5 공통 css  s */
	.sub5_banner { height: auto; }
	.sub5_banner .banner_wrap { max-width: 1024px; margin: 0 auto;  } 
	.sub5_banner .banner_wrap h2 { font-size: 30px; font-weight: 400; padding: 50px 0 50px 5%; }

	/* sub5_content2 css s */
	#sub5_content2 .grobal_map .partnership .partnership_wrap p { text-align: center; color: #fff; font-size: 18px; padding: 0 10px; }

}


/* 소형 테블릿 */
@media screen and (max-width:768px) {
	
	/* sub5 공통 css  s */
	#menu_wrap .menu li { background: none; width: 50%; }
	#menu_wrap .menu li a { font-size: 16px; padding: 20px 0; text-align: center; }
	#menu_wrap .menu li a.on { color: #333; }

	/* sub5_content1 css s */
	#sub5_content1 .summary p { font-size: 15px; }

	#sub5_content1 #content ul li { width: 48.5%; float: left; margin-right: 3%; margin-bottom: 30px; }
	#sub5_content1 #content ul li:nth-child(2) { margin-right: 0; }
	#sub5_content1 #content ul li:nth-child(3) { margin-right: 3%; }
	#sub5_content1 #content ul li:nth-child(4) { margin-right: 0; }
	#sub5_content1 #content ul li:nth-child(6) { margin-right: 0; }
	#sub5_content1 #content ul li:nth-child(8) { margin-right: 0; }
	#sub5_content1 #content ul li h3 { text-align: center; margin-bottom: 5px; font-weight: 400; font-size: 16px; }
	#sub5_content1 #content ul li p { text-align: center; font-size: 14px; }

	/* sub5_content2 css s */
	#sub5_content2 .summary p { font-size: 15px; }
	#sub5_content2 .grobal_map .partnership h3 { font-size: 20px; }
	#sub5_content2 .grobal_map .partnership .partnership_wrap p { font-size: 16px; }
	
}


/* 모바일 */
@media screen and (max-width:640px) {

	/* sub5 공통 css  s */
	#menu_wrap { max-width: 1200px; margin: 0 auto 40px ; border-bottom: 1px solid #ccc; } 

	/* sub5_content1 css s */
	#sub5_content1 { padding: 0 4%; margin-bottom: 60px; }
	#sub5_content1 #content ul li:nth-child(9) { margin-right: 3%; }
	#sub5_content1 #content ul li p { text-align: center; font-size: 14px; padding: 0 15px; }


	/* sub5_content2 css s */
	#sub5_content2 { padding: 0 4%; margin-bottom: 60px; }
	#sub5_content2 .summary { background: url(/img/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 40px; }

	#sub5_content2 .overseas_business { overflow: hidden; padding: 0 40px; }
	#sub5_content2 .overseas_business .overseas_business1 { float: none; width: 100%; margin-right: 0; margin-bottom: 60px;  }
	#sub5_content2 .overseas_business .overseas_business2 { float: none; width: 100%; }
}


/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {

	/* sub5 공통 css  s */
	#wrap { min-width:260px; }
	.sub5_banner { height: 80px; }
	.sub5_banner .banner_wrap h2 { font-size: 23px; padding: 25px; 0 0 0 }
	#menu_wrap .menu li a { font-size: 14px; padding: 15px 0; }

	/* sub5_content1 css s */
	#sub5_content1 { margin: 0 auto 60px auto; }
	#sub5_content1 .summary { background: url(/img/sub_bar_b.jpg) no-repeat left;  height: auto; padding: 0 0 0 20px; margin-bottom: 120px; }

}