@charset "utf-8";


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






@media (max-width: 500px) and (orientation:portrait) {

	#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:65px; padding:10px 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:45px; padding:0 25px; font-family:"MSB"; font-size:15px; color:#f5641e; letter-spacing:2px; line-height:45px; 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:25px; left:25px; width:47px; height:22px; background:url('/images/logo.png') 0 0 no-repeat; background-size:100% 100%; }

		/* menu icon */
		header .wrap .menu { position: absolute; top:25px; right:25px; width:20px; height:21px; background:url('/images/menu.png') 0 0 no-repeat; background-size:100% 100%; }
	
		/* close icon */
		header .wrap .close { display:none; position: absolute; top:25px; right:25px; width:21px; height:21px; 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% - 410px)/2 - 20px); padding:0 25px; width:100%; color:#fff; font-family:"MSB"; font-size:30px; 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:50px; font-family:"MSM"; font-size:14px; color:#5f370a; text-align:left; line-height:30px; letter-spacing:0; }

			
			@media (max-width: 360px) {
				section.home .wrap article { position:absolute; top:calc((100% - 360px)/2 - 10px); padding:0 25px; width:100%; color:#fff; font-family:"MSB"; font-size:27px; 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:30px; font-family:"MSM"; font-size:12px; color:#5f370a; text-align:left; line-height:25px; letter-spacing:0; }
			}
			@media (max-width: 320px) {
				section.home .wrap article { position:absolute; top:calc((100% - 330px)/2 - 10px); padding:0 25px; width:100%; color:#fff; font-family:"MSB"; font-size:25px; 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:30px; font-family:"MSM"; font-size:12px; color:#5f370a; text-align:left; line-height:25px; letter-spacing:0; }
			}


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

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

			/* aboutus visual */
			section.aboutus .wrap .visual { position:relative; width:100%; height:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:30px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

			section.aboutus article .c_wrap { width:100%; padding:25px; box-sizing:border-box; }
			section.aboutus article .c_wrap .title { width:100%; padding-top:20px; font-family:"MSEBI"; font-size:25px; color:#f5641e; text-align:left; }
			section.aboutus article .c_wrap .summary { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#5f370a; text-align:left; line-height:30px; }
			section.aboutus article .c_wrap .sub_title { width:100%; padding-top:40px; font-family:"NBG"; font-size:15px; font-weight:bold; color:#5f370a; text-align:left; }
			section.aboutus article .c_wrap .content { width:100%; padding-top:20px; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; line-height:30px; }
		
			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:20px; font-family:"MSEBI"; font-size:25px; color:#f5641e; text-align:left; }
			section.aboutus article .c_wrap .summary2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:20px; color:#fff; text-align:left; line-height:30px; }
			section.aboutus article .c_wrap .sub_title2 { width:100%; padding-top:40px; font-family:"NBG"; font-size:15px; font-weight:bold; color:#fff; text-align:left; }
			section.aboutus article .c_wrap .content2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:14px; color:#fff; text-align:left; line-height:30px; }
			section.aboutus article .c_wrap .au_link { width:100%; padding-top:70px; padding-bottom:20px; font-family:"MSB"; font-size:18px; 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 25px 50px; box-sizing:border-box; }
			section.aboutus .au04 .client ul { width:100%; }
			section.aboutus .au04 .client li { float:left; width:33%; height:50px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
			section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 20px;*/ }
			@media (max-width:414px) {
				section.aboutus .au04 .client li { float:left; width:33%; height:50px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
				section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 25px;*/ }
			}
			@media (max-width:375px) {
				section.aboutus .au04 .client li { float:left; width:33%; height:50px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
				section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 20px;*/ }
			}
			@media (max-width:360px) {
				section.aboutus .au04 .client li { float:left; width:33%; height:40px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
				section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 25px;*/ }
			}
			@media (max-width:320px) {
				section.aboutus .au04 .client li { float:left; width:33%; height:40px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
				section.aboutus .au04 .client li:nth-child(3n + 2) { /*padding-left: 15px;*/ }
			}

			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; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client02 { background:url('/Images/c_02.jpg') left	  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client03 { background:url('/Images/c_03.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client04 { background:url('/Images/c_04.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client05 { background:url('/Images/c_05.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client06 { background:url('/Images/c_06.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client07 { background:url('/Images/c_07.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client08 { background:url('/Images/c_08.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client09 { background:url('/Images/c_09.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client10 { background:url('/Images/c_10.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client11 { background:url('/Images/c_11.jpg') left   no-repeat; background-size:auto 100%; }




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

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

			/* aboutus visual */
			section.business .wrap .visual { position:relative; width:100%; height:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:30px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

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

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

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

			section.business .ba05 { padding-top:0; }
			.prequest_wrap { position:relative; width:100%; height:100px; padding:20px 25px; box-sizing:border-box; margin:0 auto; text-align:right; }
			.prequest_wrap .btn_pr { display:inline-block; height:40px; padding-right:30px; font-family:"NBG"; font-size:15px; font-weight:bold; color:#f5641e; background:url('/Images/arrow.jpg') right 12px no-repeat; cursor:pointer; line-height:40px; 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:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:30px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

			section.portfolio article .c_wrap { padding:30px 25px; 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:0 0 5px 0; box-sizing:border-box; }
			section.portfolio article .c_wrap li .p_image img { width:100%; border:1px solid #ddd; box-sizing:border-box; }
			section.portfolio article .c_wrap li .p_title { display:inline-block; width:100%; padding-bottom:40px; font-family:"MSB"; font-size:15px; 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:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:30px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }
		
			section.contact .wrap article .c_wrap { padding:30px 25px 0; box-sizing:border-box; }

			section.contact .wrap article .c_wrap div.c_title { width:100%; height:30px; padding-bottom:20px; font-family:"MSEBI"; font-size:25px; color:#f5641e; text-align:left; vertical-align:top; }
			section.contact .wrap article .c_wrap div.sub_title { width:100%; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; padding-bottom:20px; }
			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:60px; font-family:"NBG"; font-size:14px; 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:10px; font-family:"NBG"; font-size:14px; 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% - 70px); padding-bottom:20px; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; }
				
			section.contact .wrap article .c_wrap div.item_wrap > form > div { height:62px; 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:40px; font-size:14px; line-height:40px; 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:14px; line-height:30px; 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-size:auto 12px; 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-size:auto 12px; 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-size:auto 12px; 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-size:auto 12px; 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 > .btn_area { width:100%; height:60px; padding-top:0; text-align:center; box-sizing:border-box; }
			section.contact .wrap article .c_wrap > .btn_area > a > .btn { display:inline-block; width:100px; height:40px; box-sizing:border-box; font-family:"NBG"; font-size:14px; color:#f5641e; background:#fff; border:2px solid #f5641e; margin:0 auto; line-height:40px; cursor:pointer; }
		
			section.contact .wrap article .map { width:100%; height:376px; margin-bottom:50px; box-sizing:border-box; }
			section.contact .wrap article .map img { width:100%; }



	/* 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; line-height:50px; box-sizing:border-box; }



	#wrapper.pop { position:relative; width:100%; text-align:center; }
	#wrapper.pop .back { position:fixed; top:25px; left:25px; width:22.5px; height:20px; 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:80px 25px 0; font-family:"MSB"; font-size:30px; font-weight:bold; color:#fff; text-align:left; box-sizing:border-box; }
	#wrapper.pop .pf_detail .visual .summary { width:100%; padding:10px 25px; font-family:"NBG"; font-size:20px; color:#fff; text-align:left; line-height:40px; box-sizing:border-box; }
	#wrapper.pop .pf_detail .visual .period { position:absolute; bottom:0; width:100%; padding:25px; font-family:"NBG"; font-size:14px; 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; }
}


@media (max-width: 812px) and  (orientation:landscape) {

	#wrapper.main { position:relative; width:100%; height:750px; 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:65px; padding:10px 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:45px; padding:0 25px; font-family:"MSB"; font-size:15px; color:#f5641e; letter-spacing:2px; line-height:45px; 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:25px; left:25px; width:47px; height:22px; background:url('/images/logo.png') 0 0 no-repeat; background-size:100% 100%; }

		/* menu icon */
		header .wrap .menu { position: absolute; top:25px; right:25px; width:20px; height:21px; background:url('/images/menu.png') 0 0 no-repeat; background-size:100% 100%; }
	
		/* close icon */
		header .wrap .close { display:none; position: absolute; top:25px; right:25px; width:21px; height:21px; 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% - 410px)/2 - 30px); padding:0 25px; width:100%; color:#fff; font-family:"MSB"; font-size:30px; 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:50px; font-family:"MSM"; font-size:14px; color:#5f370a; text-align:left; line-height:30px; letter-spacing:0; }



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

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

			/* aboutus visual */
			section.aboutus .wrap .visual { position:relative; width:100%; height:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:32px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

			section.aboutus article .c_wrap { width:100%; padding:25px; box-sizing:border-box; }
			section.aboutus article .c_wrap .title { width:100%; padding-top:20px; font-family:"MSEBI"; font-size:27px; color:#f5641e; text-align:left; }
			section.aboutus article .c_wrap .summary { width:100%; padding-top:20px; font-family:"NBG"; font-size:22px; color:#5f370a; text-align:left; line-height:35px; }
			section.aboutus article .c_wrap .sub_title { width:100%; padding-top:40px; font-family:"NBG"; font-size:17px; font-weight:bold; color:#5f370a; text-align:left; }
			section.aboutus article .c_wrap .content { width:100%; padding-top:20px; font-family:"NBG"; font-size:16px; color:#5f370a; text-align:left; line-height:35px; }
		
			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:20px; font-family:"MSEBI"; font-size:27px; color:#f5641e; text-align:left; }
			section.aboutus article .c_wrap .summary2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:22px; color:#fff; text-align:left; line-height:35px; }
			section.aboutus article .c_wrap .sub_title2 { width:100%; padding-top:40px; font-family:"NBG"; font-size:17px; font-weight:bold; color:#fff; text-align:left; }
			section.aboutus article .c_wrap .content2 { width:100%; padding-top:20px; font-family:"NBG"; font-size:16px; color:#fff; text-align:left; line-height:35px; }
			section.aboutus article .c_wrap .au_link { width:100%; padding-top:70px; padding-bottom:20px; font-family:"MSB"; font-size:18px; 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 25px 50px; box-sizing:border-box; }
			section.aboutus .au04 .client ul { width:100%; }
			section.aboutus .au04 .client li { float:left; width:33%; height:55px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; }
			section.aboutus .au04 .client li:nth-child(3n + 2) { padding-left: 12%; }

			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; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client02 { background:url('/Images/c_02.jpg') left	  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client03 { background:url('/Images/c_03.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client04 { background:url('/Images/c_04.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client05 { background:url('/Images/c_05.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client06 { background:url('/Images/c_06.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client07 { background:url('/Images/c_07.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client08 { background:url('/Images/c_08.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client09 { background:url('/Images/c_09.jpg') right  no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client10 { background:url('/Images/c_10.jpg') left   no-repeat; background-size:auto 100%; }
			section.aboutus .au04 .client li div.client11 { background:url('/Images/c_11.jpg') left   no-repeat; background-size:auto 100%; }




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

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

			/* aboutus visual */
			section.business .wrap .visual { position:relative; width:100%; height:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:32px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }
			
			section.business .ba01 .visual { float:right; width:40%; height:220px; background:url('/Images/business_bg_01.jpg') right bottom no-repeat; background-size:auto 100%; }
			section.business .ba02 .visual { float:left;  width:40%; height:220px; background:url('/Images/business_bg_02.jpg') left  bottom no-repeat; background-size:auto 100%; }
			section.business .ba03 .visual { float:right; width:40%; height:220px; background:url('/Images/business_bg_03.jpg') right bottom no-repeat; background-size:auto 100%; }
			section.business .ba04 .visual { float:left;  width:40%; height:220px; background:url('/Images/business_bg_04.jpg') left  bottom no-repeat; background-size:auto 100%; }

			section.business article { clear:both; width:100%; padding-top:40px; box-sizing:border-box; }
			section.business article .c_wrap { width:60%; padding:0 25px; box-sizing:border-box; }
			section.business article .c_wrap .title { width:100%; padding-top:30px; font-family:"MSEBI"; font-size:25px; color:#f5641e; text-align:left; }
			section.business article .c_wrap .content { width:100%; padding-top:15px; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; line-height:30px; }

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

			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; }



			section.business .ba05 { padding-top:0; }
			.prequest_wrap { position:relative; width:100%; height:100px; padding:20px 25px; box-sizing:border-box; margin:0 auto; text-align:right; }
			.prequest_wrap .btn_pr { display:inline-block; height:40px; padding-right:30px; font-family:"NBG"; font-size:15px; font-weight:bold; color:#f5641e; background:url('/Images/arrow.jpg') right 12px no-repeat; cursor:pointer; line-height:40px; 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:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:32px; color:#fff; text-align:left; letter-spacing:2px; box-sizing:border-box; }

			section.portfolio article .c_wrap { padding:30px 25px; 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:0 0 5px 0; box-sizing:border-box; }
			section.portfolio article .c_wrap li .p_image img { width:100%; border:1px solid #ddd; box-sizing:border-box; }
			section.portfolio article .c_wrap li .p_title { display:inline-block; width:100%; padding-bottom:40px; font-family:"MSB"; font-size:15px; font-weight:bold; color:#f5641e; text-align:left; box-sizing:border-box; }

			@media (max-width: 812px) {
				section.portfolio article .c_wrap li { float:left; display:inline-block; width:50%; padding-right:10px; text-align:center; box-sizing:border-box; }
				section.portfolio article .c_wrap li:nth-child(2n) { padding-right:0; padding-left:10px; }
				section.portfolio article .c_wrap li .p_image { width:100%; padding:0 0 5px 0; box-sizing:border-box; }
				section.portfolio article .c_wrap li .p_image img { width:100%; border:1px solid #ddd; box-sizing:border-box; }
				section.portfolio article .c_wrap li .p_title { display:inline-block; width:100%; padding-bottom:40px; font-family:"MSB"; font-size:15px; 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:200px; 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:25px; bottom:0; padding-bottom:20px; font-family:"MSB"; font-size:32px; 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:30px 25px 0; box-sizing:border-box; }
			section.contact .wrap article .c_wrap div.c_title { width:100%; height:30px; padding-bottom:20px; font-family:"MSEBI"; font-size:25px; color:#f5641e; text-align:left; vertical-align:top; }
			section.contact .wrap article .c_wrap div.sub_title { width:100%; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; padding-bottom:20px; }
			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:60px; font-family:"NBG"; font-size:14px; 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:10px; font-family:"NBG"; font-size:14px; 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% - 70px); padding-bottom:20px; font-family:"NBG"; font-size:14px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; }
				
			section.contact .wrap article .c_wrap div.item_wrap > form > div { height:62px; 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:40px; font-size:14px; line-height:40px; 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:14px; line-height:30px; 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-size:auto 12px; 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-size:auto 12px; 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-size:auto 12px; 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-size:auto 12px; 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 > .btn_area { width:100%; height:60px; padding-top:0; text-align:center; box-sizing:border-box; }
			section.contact .wrap article .c_wrap > .btn_area > a > .btn { display:inline-block; width:100px; height:40px; box-sizing:border-box; font-family:"NBG"; font-size:14px; color:#f5641e; background:#fff; border:2px solid #f5641e; margin:0 auto; line-height:40px; cursor:pointer; }
		
			section.contact .wrap article .map { width:100%; height:376px; margin-bottom:50px; box-sizing:border-box; }
			section.contact .wrap article .map img { width:100%; }
			


	/* 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; line-height:50px; box-sizing:border-box; }



	#wrapper.pop { position:relative; width:100%; text-align:center; }
	#wrapper.pop .back { position:fixed; top:25px; left:25px; width:22.5px; height:20px; 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:80px 25px 0; font-family:"MSB"; font-size:30px; font-weight:bold; color:#fff; text-align:left; box-sizing:border-box; }
	#wrapper.pop .pf_detail .visual .summary { width:100%; padding:10px 25px; font-family:"NBG"; font-size:20px; color:#fff; text-align:left; line-height:40px; box-sizing:border-box; }
	#wrapper.pop .pf_detail .visual .period { position:absolute; bottom:0; width:100%; padding:25px; font-family:"NBG"; font-size:14px; 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; }
}



/* 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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 25px; text-align:left; font-family:"MSB"; color:#5f370a; font-size:12px; 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; }




/* 프로젝트 의뢰 
.request_project_wrap { width:100%; height:100%; padding:25px; box-sizing:border-box; }
.request_project_wrap > .rp_header { position:relative; }
.request_project_wrap > .rp_header > .title { font-family:"MSB"; font-size:25px; text-align:left; color:#f5641e; padding-bottom:25px; }
.request_project_wrap > .rp_header > .close { position:absolute; top:5px; right:0; }
.request_project_wrap > .rp_header > .close img { width:20px; height:20px; }

.request_project_wrap > .sub_title { font-family:"MSB"; font-size:14px; color:#5f370a; text-align:left; vertical-align:top; box-sizing:border-box; padding-bottom:10px; }
.request_project_wrap > .content > form > div { height:56px; border-bottom:1px solid #af9b84; vertical-align:bottom; box-sizing:border-box; padding-top:15px; }
.request_project_wrap > .content > form > div.conts { height:163px; }
.request_project_wrap > .content > form > div > input { width:100%; height:40px; line-height:40px; padding:0 15px; border:1px solid #fff; box-sizing:border-box; }
.request_project_wrap > .content > form > div > textarea { width:100%; height:140px; line-height:25px; padding:15px; border:1px solid #fff; box-sizing:border-box; }

.request_project_wrap > .content > form > div > input.company { background:url('/Images/company.jpg') center no-repeat; background-size:auto 12px; background-position-x:15px; }
.request_project_wrap > .content > form > div > input.name { background:url('/Images/name.jpg') center no-repeat; background-size:auto 12px; background-position-x:15px; }
.request_project_wrap > .content > form > div > input.email { background:url('/Images/email.jpg') center no-repeat; background-size:auto 12px; background-position-x:15px; }
.request_project_wrap > .content > form > div > textarea.contents { background:url('/Images/contents.jpg') center no-repeat; background-size:auto 12px; background-position:15px 19px; }


.request_project_wrap > .content > form > div > input.company.on { background:#f1f1f1; }
.request_project_wrap > .content > form > div > input.name.on { background:#f1f1f1; }
.request_project_wrap > .content > form > div > input.email.on { background:#f1f1f1; }
.request_project_wrap > .content > form > div > textarea.contents.on { background:#f1f1f1; }


.request_project_wrap > .btn_area { width:100%; height:100px; padding-top:40px; text-align:center; box-sizing:border-box; }
.request_project_wrap > .btn_area > a > .btn { display:inline-block; width:100%; height:60px; box-sizing:border-box; font-family:"NBG"; font-size:17px; color:#fff; background:#f5641e; margin:0 auto; line-height:60px; cursor:pointer; }
*/



/* 포트폴리오 상세 
.pf_wrap { width:100%; height:100%; padding:25px; box-sizing:border-box; background:#fff; }
.pf_wrap > .header { position:relative; }
.pf_wrap > .header > .title { font-family:"MSB"; font-size:25px; text-align:left; color:#f5641e; padding-bottom:25px; }
.pf_wrap > .header > .close { position:absolute; top:5px; right:0; }
.pf_wrap > .header > .close img { width:20px; height:20px; }
.pf_wrap > .header > .summary { float:left; font-family:"NBG"; font-size:14px; font-weight:bold; text-align:left; color:#5f370a; padding-bottom:10px; }
.pf_wrap > .header > .period { float:none; font-family:"NBG"; font-size:12px; text-align:left; color:#5f370a; padding-bottom:31px; text-align:right; }
.pf_wrap > .header > .period > span { font-weight:bold;  }
.pf_wrap > .content_wrap { clear:both; width:100%; text-align:center; }
.pf_wrap > .content_wrap > .content { height:100%; text-align:center; }
.pf_wrap > .content_wrap > .content img { padding-bottom: 20px; }
*/

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