@charset "utf-8";


@import url('reset.css');
@import url('font.css'); /* www.font2web.com */



#wrapper.main { position:relative; width:100%; height:100%; padding-bottom:50px; text-align:center; background:url('/Images/main_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
#wrapper.sub { position:relative; width:100%; height:100%; padding-bottom:50px; text-align:center; box-sizing:border-box; }


/* header */
header { position:absolute; top:0; left:0; width:100%; padding: 0; text-align:center; vertical-align:top; box-sizing:border-box; z-index:2; }
	
	/* wrap */
	header .wrap { position:relative; width:100%; }

	/* menu */
	header .wrap nav { display:none; position:absolute; width:100%; top:120px; padding:20px 0; background:#fff; border-bottom:1px solid #fe9620; z-index:1000; box-sizing:border-box; }
	header .wrap nav ul { width:100%; margin-top:0; margin-left:0; z-index:1000; }
	header .wrap nav ul li { clear:both; width:100%; height:70px; padding:0 50px; font-family:"MSB"; font-size:25px; color:#f5641e; letter-spacing:2px; line-height:70px; list-style-type:none; text-align:left; box-sizing:border-box; }
	header .wrap nav ul li a { font-weight:normal; cursor: pointer; color: #f5641e; text-decoration: none; }
	
	header .wrap nav ul li.on { border-bottom:none; background:#f2f2f2; }
	header .wrap nav ul li.on:hover { border-bottom:none; background:#f2f2f2; }

	/* logo */
	header .wrap .logo { position:absolute; top:50px; left:50px; width:95px; height:45px; background:url('/images/logo.png') 0 0 no-repeat; background-size:100% 100%; }

	/* menu icon */
	header .wrap .menu { position: absolute; top:50px; right:50px; width:40px; height:44px; background:url('/images/menu.png') 0 0 no-repeat; background-size:100% 100%; }
	
	/* close icon */
	header .wrap .close { display:none; position: absolute; top:50px; right:50px; width:42px; height:42px; background:url('/images/close.png') 0 0 no-repeat; background-size:100% 100%; }

	

section { clear:both; width:100%; }

	/* HOME */
	section.home { width:100%; }

		/* wrap */
		section.home .wrap { width:100%; }

		section.home .wrap article { position:absolute; top:calc((100% - 648px)/2 - 10px); padding:0 50px; width:100%; color:#fff; font-family:"MSB"; font-size:65px; text-align:left; white-space: normal; letter-spacing:2px; box-sizing:border-box; }
		section.home .wrap article span { color:#5f370a; }
		section.home .wrap article p { padding-top:48px; font-family:"MSM"; font-size:20px; color:#5f370a; text-align:left; line-height:35px; letter-spacing:1.2px; }


		@media screen and (min-width: 1024px) and (orientation:portrait) {
			section.home .wrap article { position:absolute; top:calc((100% - 930px)/2 - 20px); padding:0 50px; width:100%; color:#fff; font-family:"MSB"; font-size:85px; text-align:left; white-space: normal; letter-spacing:2px; box-sizing:border-box; }
			section.home .wrap article span { color:#5f370a; }
			section.home .wrap article p { padding-top:60px; font-family:"MSM"; font-size:30px; color:#5f370a; text-align:left; line-height:60px; letter-spacing:1.2px; }
		}


	/* ABOUT US */
	section.aboutus { width:100%; }

		/* wrap */
		section.aboutus .wrap { width:100%; }

		/* aboutus visual */
		section.aboutus .wrap .visual { position:relative; width:100%; height:389px; text-align:center; background:url('/Images/aboutus_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
		section.aboutus .wrap .visual .visual_title { position:absolute; left:50px; bottom:0; padding-bottom:50px; font-family:"MSB"; font-size:55px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

		section.aboutus article .c_wrap { width:100%; padding:50px; box-sizing:border-box; }
		section.aboutus article .c_wrap .title { width:100%; padding-top:40px; font-family:"MSEBI"; font-size:40px; color:#f5641e; text-align:left; }
		section.aboutus article .c_wrap .summary { width:100%; padding-top:20px; font-family:"NBG"; font-size:30px; color:#5f370a; text-align:left; line-height:60px; }
		section.aboutus article .c_wrap .sub_title { width:100%; padding-top:70px; font-family:"NBG"; font-size:25px; font-weight:bold; color:#5f370a; text-align:left; }
		section.aboutus article .c_wrap .content { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:left; line-height:50px; }
		
		section.aboutus .au02 { width:100%; background:url('/Images/aboutus_bg_02.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }

		section.aboutus article .c_wrap .title2 { width:100%; padding-top:40px; font-family:"MSEBI"; font-size:40px; color:#f5641e; text-align:left; }
		section.aboutus article .c_wrap .summary2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:30px; color:#fff; text-align:left; line-height:60px; }
		section.aboutus article .c_wrap .sub_title2 { width:100%; padding-top:70px; font-family:"NBG"; font-size:25px; font-weight:bold; color:#fff; text-align:left; }
		section.aboutus article .c_wrap .content2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#fff; text-align:left; line-height:50px; }
		section.aboutus article .c_wrap .au_link { width:100%; padding-top:150px; padding-bottom:40px; font-family:"MSB"; font-size:25px; color:#f5641e; text-align:left; letter-spacing:2px; }

		section.aboutus .au03 { width:100%; background:url('/Images/aboutus_bg_03.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }

		section.aboutus .au04 .client { width:100%; padding:0 50px 50px; box-sizing:border-box; }
		section.aboutus .au04 .client ul { width:100%; }
		section.aboutus .au04 .client li { float:left; width:33%; height:90px; margin-bottom:20px; background-size:auto 100%; box-sizing:border-box; overflow:hidden; }
		section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 30px;*/ }

		@media screen and (max-width: 1024px) and (orientation:portrait) {
			section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 40px;*/ }
		}

		section.aboutus .au04 .client li div { width:100%; height:100%;}
		section.aboutus .au04 .client li div.client01 { background:url('/Images/c_01.jpg') left   no-repeat; }
		section.aboutus .au04 .client li div.client02 { background:url('/Images/c_02.jpg') center no-repeat; }
		section.aboutus .au04 .client li div.client03 { background:url('/Images/c_03.jpg') right  no-repeat; }
		section.aboutus .au04 .client li div.client04 { background:url('/Images/c_04.jpg') left   no-repeat; }
		section.aboutus .au04 .client li div.client05 { background:url('/Images/c_05.jpg') center no-repeat; }
		section.aboutus .au04 .client li div.client06 { background:url('/Images/c_06.jpg') right  no-repeat; }
		section.aboutus .au04 .client li div.client07 { background:url('/Images/c_07.jpg') left   no-repeat; }
		section.aboutus .au04 .client li div.client08 { background:url('/Images/c_08.jpg') center no-repeat; }
		section.aboutus .au04 .client li div.client09 { background:url('/Images/c_09.jpg') right  no-repeat; }
		section.aboutus .au04 .client li div.client10 { background:url('/Images/c_10.jpg') left   no-repeat; }
		section.aboutus .au04 .client li div.client11 { background:url('/Images/c_11.jpg') center no-repeat; }




	/* BUSINESS AREA */
	section.business { width:100%; }

		/* wrap */
		section.business .wrap { width:100%; }

		/* aboutus visual */
		section.business .wrap .visual { position:relative; width:100%; height:389px; text-align:center; background:url('/Images/business_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
		section.business .wrap .visual .visual_title { position:absolute; left:50px; bottom:0; padding-bottom:50px; font-family:"MSB"; font-size:55px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

		section.business .ba01 .visual { width:100%; height:640px; background:url('/Images/business_bg_01.jpg') right bottom no-repeat; }
		section.business .ba02 .visual { width:100%; height:640px; background:url('/Images/business_bg_02.jpg') left bottom no-repeat; }
		section.business .ba03 .visual { width:100%; height:640px; background:url('/Images/business_bg_03.jpg') right bottom no-repeat; }
		section.business .ba04 .visual { width:100%; height:640px; background:url('/Images/business_bg_04.jpg') left bottom no-repeat; }

		section.business article { width:100%; padding-top:80px; box-sizing:border-box; }
		section.business article .c_wrap { width:100%; padding:0 50px; box-sizing:border-box; }
		section.business article .c_wrap .title { width:100%; padding-top:40px; font-family:"MSEBI"; font-size:40px; color:#f5641e; text-align:left; }
		section.business article .c_wrap .content { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:left; line-height:50px; }

		section.business article .c_wrap .title2 { width:100%; padding-top:40px; font-family:"MSEBI"; font-size:40px; color:#f5641e; text-align:right; }
		section.business article .c_wrap .content2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:right; line-height:50px; }

		section.business .ba05 { padding-top:0; }
		.prequest_wrap { position:relative; width:100%; height:150px; padding:20px 50px; box-sizing:border-box; margin:0 auto; text-align:right; }
		.prequest_wrap .btn_pr { display:inline-block; height:60px; padding-right:30px; font-family:"NBG"; font-size:20px; font-weight:bold; color:#f5641e; background:url('/Images/arrow.jpg') right 20px no-repeat; cursor:pointer; line-height:60px; box-sizing:border-box; cursor:pointer; }




	/* PORTFOLIO */
	section.portfolio { width:100%; }

		/* wrap */
		section.portfolio .wrap { width:100%; }

		/* portfolio visual */
		section.portfolio .wrap .visual { position:relative; width:100%; height:389px; text-align:center; background:url('/Images/portfolio_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
		section.portfolio .wrap .visual .visual_title { position:absolute; left:50px; bottom:0; padding-bottom:50px; font-family:"MSB"; font-size:55px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

		section.portfolio article .c_wrap { padding:80px 50px; box-sizing:border-box; }

		section.portfolio article .c_wrap li { display:inline-block; text-align:center; }
		section.portfolio article .c_wrap li .p_image { width:100%; padding:20px 0; box-sizing:border-box; }
		section.portfolio article .c_wrap li .p_image img { border:1px solid #ddd; }
		section.portfolio article .c_wrap li .p_title { display:inline-block; width:100%; padding-bottom:40px; font-family:"MSB"; font-size:22px; font-weight:bold; color:#f5641e; text-align:left; box-sizing:border-box; }




	/* CONTACT */
	section.contact { width:100%; }

		/* wrap */
		section.contact .wrap { width:100%; }

		/* contact visual */
		section.contact .wrap .visual { position:relative; width:100%; height:389px; text-align:center; background:url('/Images/contact_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
		section.contact .wrap .visual .visual_title { position:absolute; left:50px; bottom:0; padding-bottom:50px; font-family:"MSB"; font-size:55px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }
		
		section.contact .wrap article { display:inline-block; width:100%; }

		section.contact .wrap article .c_wrap { padding:80px 50px 0; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.c_title { width:100%; height:60px; padding-bottom:40px; font-family:"MSEBI"; font-size:40px; color:#f5641e; text-align:left; vertical-align:top; }
		section.contact .wrap article .c_wrap div.sub_title { width:100%; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; padding-bottom:50px; }
		section.contact .wrap article .c_wrap div.item_wrap { padding-bottom:20px; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.item_wrap div.item_title { float:left; width:80px; font-family:"NBG"; font-size:20px; font-weight:bold; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.item_wrap div.space { float:left; width:20px; font-family:"NBG"; font-size:20px; font-weight:bold; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.item_wrap div.content { float:left; width:calc(100% - 100px); padding-bottom:20px; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; }

		section.contact .wrap article .c_wrap div.item_wrap > form > div { height:75px; border-bottom:1px solid #af9b84; vertical-align:bottom; box-sizing:border-box; padding-top:21px; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div.conts { height:163px; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input { width:100%; height:50px; font-size:20px; line-height:50px; padding:0 15px; border:1px solid #fff; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > textarea { width:100%; height:140px; font-size:20px; line-height:25px; padding:15px; border:1px solid #fff; box-sizing:border-box; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.company { background:url('/Images/company.jpg') center no-repeat; background-position-x:15px; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.name { background:url('/Images/name.jpg') center no-repeat; background-position-x:15px; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.email { background:url('/Images/email.jpg') center no-repeat; background-position-x:15px; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > textarea.contents { background:url('/Images/contents.jpg') center no-repeat; background-position:15px 19px; }
		
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.company.on { background:#f1f1f1; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.name.on { background:#f1f1f1; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > input.email.on { background:#f1f1f1; }
		section.contact .wrap article .c_wrap div.item_wrap > form > div > textarea.contents.on { background:#f1f1f1; }

		
		section.contact .wrap article .c_wrap .prequest_wrap { clear:both; position:relative; width:100%; height:130px; padding:20px 0 50px; box-sizing:border-box; margin:0 auto; text-align:left; }
		section.contact .wrap article .c_wrap .prequest_wrap .btn_pr { display:inline-block; height:60px; padding-right:30px; font-family:"NBG"; font-size:20px; font-weight:bold; color:#f5641e; background:url('/Images/arrow.jpg') right 21px no-repeat; background-size:16px 14px; cursor:pointer; line-height:60px; box-sizing:border-box; cursor:pointer; }

		section.contact .wrap article .map { width:100%; height:376px; margin-bottom:50px; box-sizing:border-box; }

		section.contact .wrap article .c_wrap > .btn_area { width:100%; height:100px; padding-top:20px; text-align:center; box-sizing:border-box; }
		section.contact .wrap article .c_wrap > .btn_area > a > .btn { display:inline-block; width:200px; height:60px; box-sizing:border-box; font-family:"NBG"; font-size:17px; color:#f5641e; background:#fff; border:2px solid #f5641e; margin:0 auto; line-height:60px; cursor:pointer; }
		


@media screen and (min-width: 768px) and (orientation:portrait), screen and (min-width: 1024px) and (orientation:landscape) {
	/* FOOTER */
	#wrapper.main footer { clear:both; width:100%; height:50px; box-sizing:border-box; }
		#wrapper.main footer > div { position:absolute; bottom:0; width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }

	#wrapper.sub footer { clear:both; width:100%; height:50px; box-sizing:border-box; }
		#wrapper.sub footer > div { width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }
		
	#wrapper.pop footer { clear:both; width:100%; height:50px; background:#fff; box-sizing:border-box; }
		#wrapper.pop footer > div { width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }
}
/*
@media screen and (min-width: 1024px) and (orientation:landscape) {
	#wrapper.main footer { clear:both; width:100%; height:50px; box-sizing:border-box; }
		#wrapper.main footer > div { position:absolute; bottom:0; width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }

	#wrapper.sub footer { clear:both; width:100%; height:50px; box-sizing:border-box; }
		#wrapper.sub footer > div { width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }
		
	#wrapper.pop footer { clear:both; width:100%; height:50px; background:#fff; box-sizing:border-box; }
		#wrapper.pop footer > div { width:100%; padding:0 50px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:17px; line-height:50px; box-sizing:border-box; }
}
*/

/* layer */
#dim {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #111; opacity: 0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); z-index: 101; display:none; }
#popup {position: fixed; background:#fff; z-index:102; }


/* 포트폴리오 상세 */
#wrapper.pop { position:relative; width:100%; text-align:center; }
#wrapper.pop .back { position:fixed; top:50px; left:50px; width:45px; height:40px; background:url('/Images/back.png') center no-repeat; background-size:cover; background-size:100% 100%; z-index:10; }
#wrapper.pop .pf_detail { position:fixed; top:0; left:0; width:100%; z-index:-1; }
#wrapper.pop .pf_detail .visual { position:relative; width:100%; height:100%; }
#wrapper.pop .pf_detail .visual .title { width:100%; padding:180px 50px 0; font-family:"MSB"; font-size:71px; font-weight:bold; color:#fff; text-align:left; box-sizing:border-box; }
#wrapper.pop .pf_detail .visual .summary { width:100%; padding:10px 50px; font-family:"NBG"; font-size:42px; color:#fff; text-align:left; line-height:84px; box-sizing:border-box; }
#wrapper.pop .pf_detail .visual .period { position:absolute; bottom:0; width:100%; padding:50px; font-family:"NBG"; font-size:25px; color:#fff; text-align:left; box-sizing:border-box; }
#wrapper.pop .pf_detail .visual .period span { font-weight:bold; }

#wrapper.pop .pf_content { width:100%; box-sizing:border-box; }
#wrapper.pop .pf_content .content_wrap { width:100%; background:#fff; }


.mCSB_inside > .mCSB_container { margin-right: 10px !important; }
.mCSB_scrollTools { width: 8px !important; right: -2px !important; }



/* IPAD PRO 가로 */
@media screen and (max-width: 1366px) and (orientation:landscape) {
	#wrapper.main { position:relative; width:100%; height:1024px; padding-bottom:50px; text-align:center; background:url('/Images/main_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
	
		section.business .ba01 .visual { float:right; width:30%; height:320px; background:url('/Images/business_bg_01.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba02 .visual { float:left;  width:30%; height:320px; background:url('/Images/business_bg_02.jpg') left  bottom no-repeat; background-size:auto 100%; }
		section.business .ba03 .visual { float:right; width:30%; height:320px; background:url('/Images/business_bg_03.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba04 .visual { float:left;  width:30%; height:320px; background:url('/Images/business_bg_04.jpg') left  bottom no-repeat; background-size:auto 100%; }

		section.business article { clear:both; padding-bottom:30px; box-sizing:border-box; }

		section.business article .c_wrap { width:70%; padding:0 50px; box-sizing:border-box; }

		section.business .ba01 .c_wrap { float:left; }
		section.business .ba02 .c_wrap { float:right; }
		section.business .ba03 .c_wrap { float:left; }
		section.business .ba04 .c_wrap { float:right; }


	/* PORTFOLIO AREA */
		section.portfolio article .c_wrap li { display:inline-block; float: left; width:50%; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) { float: left; width:50%; text-align:right; }
		section.portfolio article .c_wrap li .p_image { display:inline-block; width:100%; padding:20px 0; box-sizing:border-box; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) .p_image { text-align:right; }
		section.portfolio article .c_wrap li .p_image img { width:95%; border:1px solid #ddd; }
		section.portfolio article .c_wrap li .p_title { display:inline-block; width:95%; padding-bottom:40px; font-family:"MSB"; font-size:22px; font-weight:bold; color:#f5641e; text-align:left; box-sizing:border-box; }
}




/* GALAXY TAB S 가로 */
@media screen and (max-width: 1280px) and (orientation:landscape) {
	#wrapper.main { position:relative; width:100%; height:1024px; padding-bottom:50px; text-align:center; background:url('/Images/main_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }
	
		section.business .ba01 .visual { float:right; width:40%; height:320px; background:url('/Images/business_bg_01.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba02 .visual { float:left; width:40%; height:320px; background:url('/Images/business_bg_02.jpg') left bottom no-repeat; background-size:auto 100%; }
		section.business .ba03 .visual { float:right; width:40%; height:320px; background:url('/Images/business_bg_03.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba04 .visual { float:left; width:40%; height:320px; background:url('/Images/business_bg_04.jpg') left bottom no-repeat; background-size:auto 100%; }

		section.business article { clear:both; padding-bottom:30px; box-sizing:border-box; }

		section.business article .c_wrap { width:60%; padding:0 50px; box-sizing:border-box; }

		section.business .ba01 .c_wrap { float:left; }
		section.business .ba02 .c_wrap { float:right; }
		section.business .ba03 .c_wrap { float:left; }
		section.business .ba04 .c_wrap { float:right; }


	/* PORTFOLIO AREA */
		section.portfolio article .c_wrap li { display:inline-block; float: left; width:50%; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) { float: left; width:50%; text-align:right; }
		section.portfolio article .c_wrap li .p_image { display:inline-block; width:100%; padding:20px 0; box-sizing:border-box; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) .p_image { text-align:right; }
		section.portfolio article .c_wrap li .p_image img { width:95%; border:1px solid #ddd; }
		section.portfolio article .c_wrap li .p_title { display:inline-block; width:95%; padding-bottom:40px; font-family:"MSB"; font-size:22px; font-weight:bold; color:#f5641e; text-align:left; box-sizing:border-box; }
}


/* IPAD 가로 */
@media screen and (max-width: 1024px) and (orientation:landscape) {
	#wrapper.main { position:relative; width:100%; height:1024px; padding-bottom:50px; text-align:center; background:url('/Images/main_bg.jpg') center no-repeat; background-size:cover; box-sizing:border-box; }


	/* BUSINESS AREA */
		section.business .ba01 .visual { float:right; width:40%; height:320px; background:url('/Images/business_bg_01.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba02 .visual { float:left; width:40%; height:320px; background:url('/Images/business_bg_02.jpg') left bottom no-repeat; background-size:auto 100%; }
		section.business .ba03 .visual { float:right; width:40%; height:320px; background:url('/Images/business_bg_03.jpg') right bottom no-repeat; background-size:auto 100%; }
		section.business .ba04 .visual { float:left; width:40%; height:320px; background:url('/Images/business_bg_04.jpg') left bottom no-repeat; background-size:auto 100%; }

		section.business article { clear:both; padding-bottom:30px; box-sizing:border-box; }

		section.business article .c_wrap { width:60%; padding:0 50px; box-sizing:border-box; }

		section.business .ba01 .c_wrap { float:left; }
		section.business .ba02 .c_wrap { float:right; }
		section.business .ba03 .c_wrap { float:left; }
		section.business .ba04 .c_wrap { float:right; }


	/* PORTFOLIO AREA */
		section.portfolio article .c_wrap li { display:inline-block; float: left; width:50%; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) { float: left; width:50%; text-align:right; }
		section.portfolio article .c_wrap li .p_image { display:inline-block; width:100%; padding:20px 0; box-sizing:border-box; text-align:left; }
		section.portfolio article .c_wrap li:nth-child(2n) .p_image { text-align:right; }
		section.portfolio article .c_wrap li .p_image img { width:95%; border:1px solid #ddd; }
		section.portfolio article .c_wrap li .p_title { display:inline-block; width:95%; padding-bottom:40px; font-family:"MSB"; font-size:22px; font-weight:bold; color:#f5641e; text-align:left; box-sizing:border-box; }
}