@charset "utf-8";
@import url('reset.css');
@import url('main_layout.css');
@import url('contacts.css');
@import url('https://use.fontawesome.com/releases/v5.0.13/css/all.css');

body, html							{min-width:320px;}

#content							{position: relative; margin-left:90px;}
#side								{position:fixed; left:-450px; top:0; width:540px; height:100%; z-index:100; background:#fff; text-align:center; border-right:1px solid #e3e3e3; overflow:hidden;}
#side .floatR						{position:absolute; right:0; top:0; width:89px; height:100%; text-align:center; border-left:1px solid #e3e3e3;}
#side .logo							{padding:25px 0}
#side .logo img						{width:72px;}
#side .sns							{position:absolute; left:50%; bottom:30px; margin-left:-25px;}
#side .sns li						{padding:8px 0; text-align:center; width:50px;}
#side .sns li i						{color:#000; font-size:22px;}
#side .controlBtn					{margin:0 auto; width:18px; height:14px;}
#side .controlBtn img				{width:100%;}
#side .floatL						{text-align:left; padding:150px 0 0 65px;}
#side .floatL img					{width:95px;}

#d-schedule							{display: block; width:100%; min-width:320px; margin-top:25%;}
#d-schedule > li > a				{display:block; color:#000; padding:10px 0; font:14px/150% 'NanumSquare'; border-bottom:1px solid #ddd;}
#d-schedule > li > a.open			{color:#000; font-weight:600;}
#d-schedule > li > ul				{display: none; padding:15px 5px;}
#d-schedule > li > ul > li > a		{display:block; color:#bcbcbc; padding:3px 0; font:13px/130% 'NanumSquare'; cursor:pointer;}
#d-schedule > li > ul > li > a:hover{color:#000;}
#d-schedule > li > ul > li > a i	{color:#bcbcbc; font-size:12px;}
.drawermenu-overlay					{position:fixed;top:0;height:100%}
.drawermenu-overlay					{display:none;cursor:pointer;z-index:80;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.8)}

/* mobile */
#mySidenav #d-schedule				{margin:8% 10% 0; width:80%;}
#mySidenav #d-schedule a			{text-align:left;}
#mySidenav #d-schedule > li > a		{padding:13px 0; font:18px/150% 'NanumSquare';}
#mySidenav #d-schedule > li > ul > li > a{padding:5px 0; font:15px/130% 'NanumSquare';}

#navigation-menu ul					{position:absolute; top:50%; left:30px; margin-top:-217px; list-style: none; width:12px;}
#navigation-menu ul.about			{margin-top:-140px;}
#navigation-menu ul.contact			{margin-top:-60px;}
#navigation-menu li					{margin:10px 0; text-align:center;}
#navigation-menu a					{display: block; color:#aaa; padding:10px 0; white-space:nowrap; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg);} 
#navigation-menu a:hover			{color:#000;}
#navigation-menu a.mPS2id-highlight{background: #e50000; color:#fff;}
#navigation-menu a i				{color:#aaa; font-size:13px; line-height:13px; vertical-align:bottom;}

@media all and (-ms-high-contrast:none) {/* ie hack */

     *::-ms-backdrop, #navigation-menu ul			{top:0; margin-top:175px;} /* IE11 */
     *::-ms-backdrop, #navigation-menu li			{height:100px;} /* IE11 */
	 
	 *::-ms-backdrop, #navigation-menu ul.about		{margin-top:250px;} /* IE11 */
	 *::-ms-backdrop, #navigation-menu ul.about li	{height:65px;} /* IE11 */

	 *::-ms-backdrop, #navigation-menu ul.business li{height:110px;} /* IE11 */
	 
	 *::-ms-backdrop, #navigation-menu ul.portfolio li{height:115px;} /* IE11 */

	 *::-ms-backdrop, #navigation-menu ul.contact	{margin-top:370px;} /* IE11 */
}


#mobileHead							{display:none;}
.sidenav h3							{text-align:left; padding-left:10%;}
.sidenav h3 img						{width:95px;}
.sidenav							{height: 100%; width: 0; position: fixed; z-index:100000; top: 0; left: 0; background-color:#fff; overflow-x: hidden; transition: 0.5s; padding-top:70px; text-align:center; }
.sidenav a							{padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover					{color: #f1f1f1;}


/* Business */
.mBusinessWrap						{position:absolute; left:0; bottom:0; width:100%;}
.mBusiness							{position:relative; }
.mBusiness li						{position:relative; float:left; height:600px; width:20%; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin-left:-1px; overflow:hidden; cursor:pointer;}
.mBusiness li .num					{font:105px/100% 'Georgia'; color:#e8e8e8; padding:260px 0 0 30px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}
.mBusiness li h4					{font:35px/100% 'NanumSquare'; color:#111; padding:60px 0 0 30px; font-weight:600; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.mBusiness li h4 span				{font:16px/150% 'NanumSquare'; color:#bcbcbc; font-weight:500; display:block; -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.mBusiness li a						{position:absolute; left:30px; bottom:60px;  font-size:15px; color:#fff; opacity:0; -webkit-transition: .3s ease-in-out .2s; transition: .3s ease .2s;}
.mBusiness li a	img					{padding-right:5px;}
.mBusiness li .overlay				{position:absolute; width:100%; height:100%; opacity:0; background:#fff; z-index:-1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.mBusiness li:nth-child(1) .overlay{background:url('/images/bg_business1.jpg') no-repeat center top; }
.mBusiness li:nth-child(2) .overlay{background:url('/images/bg_business2.jpg') no-repeat center top;}
.mBusiness li:nth-child(3) .overlay{background:url('/images/bg_business3.jpg') no-repeat center top;}
.mBusiness li:nth-child(4) .overlay{background:url('/images/bg_business4.jpg') no-repeat center top;}
.mBusiness li:nth-child(5) .overlay{background:url('/images/bg_business5.jpg') no-repeat center top;}
.mBusiness li:hover .overlay		{opacity:1;}

.mBusiness li .icon					{opacity:0.1; position:absolute;}
.mBusiness li:nth-child(1) .icon	{left:45%; bottom:18%;}
.mBusiness li:nth-child(2) .icon	{left:-8%; top:8%;}
.mBusiness li:nth-child(3) .icon	{left:45%; top:23%;}
.mBusiness li:nth-child(4) .icon	{left:40%; bottom:5%;}
.mBusiness li:nth-child(5) .icon	{left:60%; bottom:40%;}

.mBusiness li:hover .num			{padding:230px 0 0 30px;}
.mBusiness li:hover h4, .mBusiness li:hover span{color:#fff;}
.mBusiness li:hover a				{opacity:1; bottom:80px;}

/* Portfolio */
.container							{position:relative; width:95%; height:500px; max-width:1600px; margin: 0 auto;}
#slides								{display: none;}
.slidesjs-pagination				{display:none;}
.slidesjs-pagination .active		{color:red;}
.slidesBox .sliderImg				{float:left; width:50% !important; height:auto;}
.slidesBox .sliderImg img			{width:100%}
.slidesjs-navigation				{text-indent:-10000px; width:50px; height:29px; position:absolute; z-index:100;}
.slidesjs-previous 					{background:url('/images/ico_arw_left.png') no-repeat; bottom:20px; right:15%; background-size:50px 29px;}
.slidesjs-next						{background:url('/images/ico_arw_right.png') no-repeat; bottom:20px; right:10%; background-size:50px 29px;}

.captionBox							{position:absolute; width:60%; max-width:500px; right:22%; top:100px; z-index:100;}
.captionBox	h4						{font:50px/100% 'NanumSquare'; color:#e50000; text-transform:uppercase;} 
.captionBox .pro_title				{font:60px/100% 'NanumSquare'; color:#fff; font-weight:bold; background:#e50000; padding:10px 20px; margin-top:-10px;}
.captionBox .pro_con				{position:relative; margin:50px 0 0 25%;}
.captionBox .pro_con li				{font:20px/100% 'NanumSquare'; color:#000; padding-bottom:8px;}
.captionBox a.btn_pro				{display:block; margin:40px 0 0 30%; font-size:15px; color:#000;}
.captionBox a.btn_pro img			{display:inline-block; margin:10px 5px 0 0;}
.btn_pfmore a						{border-bottom:1px solid #e50000; color:#e50000; padding:3px; }

/* G2inet */
.g2Txt								{margin-top:-30px; color:#000;}
.slogan30							{font-size:30px;}
.countBox							{text-align:center; margin-top:120px;}
.countBox > div						{display:inline-block; margin:1.5%; ; background-color: #e50000; width:240px; border-radius: 50%; height:240px; vertical-align: middle;}
.countBox > div	p					{font-size:20px; color:#fff; font-weight:600;}
.countBox .counter					{font-size:62px; color:#fff; font-weight:600; padding-top:55px;}

/* 견적문의 */
#section-5 .content					{padding:0 20px;}
#section-5 .content					{margin:0 auto; max-width:1600px;}
#section-5 .content h4				{font:30px/100% 'NanumSquare'; color:#fff; font-weight:normal;}
.req_quick							{float:left; width:42%; background:rgba(17, 17, 17, 0.5); padding:90px 0;}
.req_quick form						{width:75%; margin:0 auto; padding-top:50px;}
.req_quick form label				{display:none;}
.req_quick form > div				{margin-bottom:8px;}
.req_quick form input				{width:100%; box-sizing:border-box; background:#333; padding:15px 20px; color:#919191; font-size:18px; line-height:100%; border-radius:60px; border:none;}
.req_quick .btn_request				{width:100%; box-sizing:border-box; background:#e50000; padding:15px 20px; color:#fff; font-size:20px; line-height:100%; border-radius:60px; border:none; text-align:center; margin-top:20px;}
.req_quick .btn_detail				{text-align:center; margin-top:10px;}
.req_quick .btn_detail a			{border-bottom:1px solid #e50000; color:#e50000; padding:3px; font-size:14px}
.req_customer						{float:left; width:42%; margin-left:8.75%;}
.req_customer .cc_tel a				{font-size:50px; font-weight:bold; color:#fff; margin-top:5px; }
.req_customer .cc_info				{margin-top:10px;}
.req_customer .cc_info span			{display:inline-block; font-size:16px; color:#e50000; margin-bottom:3px; margin-right:5px;}
.req_customer .cc_info div,
.req_customer .cc_info div a		{font-size:16px; color:#fff; margin-bottom:3px; }
.req_customer h4:nth-of-type(1)		{margin-top:70px;}
.req_customer h4:nth-of-type(2)		{margin-top:40px;}
.req_customer .cc_btnBox			{width:90%; margin-top:40px;}
.req_customer .cc_btnBox a			{display:inline-block; width:200px; border:1px solid #888; color:#fff; font-size:14px; text-align:center; font-weight:500; padding:5px 0; ; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.req_customer .cc_btnBox a:hover	{border:1px solid #e50000; color:#e50000;}
.req_customer .cc_btnBox a:nth-child(1), .req_customer .cc_btnBox a:nth-child(2) {margin:0 0 5px;}

a.cursor_mobile						{cursor:default;}


/* 견적문의 */
#section-6 .content					{width:96%; padding:0 2%; margin:100px auto 0; max-width:1600px;}
#section-6 .content:after			{content:''; display:block; clear:both;}
#section-6 .content h4				{font:30px/100% 'NanumSquare'; color:#fff; font-weight:normal;}
#section-6 .req_quick							{float:left; width:42%; background:rgba(17, 17, 17, 0.5); padding:90px 0;}
#section-6 .req_quick form						{width:75%; margin:0 auto; padding-top:50px;}
#section-6 .req_quick form label				{display:none;}
#section-6 .req_quick form > div				{margin-bottom:8px;}
#section-6 .req_quick form input				{width:100%; box-sizing:border-box; background:#333; padding:15px 20px; color:#919191; font-size:18px; line-height:100%; border-radius:60px; border:none;}
#section-6 .req_quick .btn_request				{width:100%; box-sizing:border-box; background:#e50000; padding:15px 20px; color:#fff; font-size:20px; line-height:100%; border-radius:60px; border:none; text-align:center; margin-top:20px;}
#section-6 .req_quick .btn_detail				{text-align:center; margin-top:10px;}
#section-6 .req_quick .btn_detail a			{border-bottom:1px solid #e50000; color:#e50000; padding:3px; font-size:14px}
#section-6 .req_customer						{float:left; width:42%; margin-left:8.75%;}
#section-6 .req_customer .cc_tel a				{font-size:50px; font-weight:bold; color:#fff; margin-top:5px; }
#section-6 .req_customer .cc_info				{margin-top:10px;}
#section-6 .req_customer .cc_info span			{display:inline-block; font-size:16px; color:#e50000; margin-bottom:3px; margin-right:5px;}
#section-6 .req_customer .cc_info div,
#section-6 .req_customer .cc_info div a		{font-size:16px; color:#fff; margin-bottom:3px; }
#section-6 .req_customer h4:nth-of-type(1)		{margin-top:70px;}
#section-6 .req_customer h4:nth-of-type(2)		{margin-top:40px;}
#section-6 .req_customer .cc_btnBox			{margin-top:15px;}
#section-6 .req_customer .cc_btnBox a			{display:inline-block; width:200px; border:1px solid #888; color:#fff; font-size:14px; text-align:center; font-weight:500; padding:5px 0; ; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
#section-6 .req_customer .cc_btnBox a:hover	{border:1px solid #e50000; color:#e50000;}
a.cursor_mobile						{cursor:default;}



#footer								{background:#111; padding:15px 0; text-align:center;}
#footer .footInfo span,
#footer .footInfo span a			{display:inline-block; color:#fff; font-size:15px; padding:0 3px;}
#footer p							{color:#888; font-size:13px; margin-top:4px;}



/*==========================================================================*/

@media (max-width: 1600px){ 
	.req_customer .cc_btnBox				{width:100%;}
	.req_customer .cc_btnBox a			{width:35%;}

	.captionBox .pro_con				{position:relative; margin:30px 0 0 35%;}
}

@media (max-width: 1400px){
	/* Portfolio */
	.container							{height:400px;}
	.slidesBox .sliderImg				{float:left; width:55% !important; height:auto;}
	.slidesjs-previous 					{bottom:10%; right:18%;}
	.slidesjs-next 						{bottom:10%;}
	.captionBox							{position:absolute; width:300px; min-width:53%; right:0 !important; top:4.5vw;}
	.captionBox	h4						{font:40px/100% 'NanumSquare'; }
	.captionBox .pro_title				{font:50px/100% 'NanumSquare';padding:10px 15px; margin-top:-8px; font-weight:bold;}
	.captionBox .pro_con				{position:relative; margin:30px 0 0 20%;}
	.captionBox .pro_con li				{font:18px/100% 'NanumSquare';}
	.captionBox a.btn_pro				{display:block; margin:20px 0 0 20%; font-size:15px;}
}


@media (max-width: 1250px){ 
/*body {border-top:2px solid red;}*/
	/* Business */
	.mBusiness li						{height:550px; width:20%;}
	.mBusiness li .num					{font:80px/100% 'Georgia'; padding:220px 0 0 25px; }
	.mBusiness li h4					{font:26px/100% 'NanumSquare'; padding:50px 0 0 25px; font-weight:600; }
	.mBusiness li h4 span				{font:15px/150% 'NanumSquare'; font-weight:500; display:block; }
	.mBusiness li a						{position:absolute; left:25px; bottom:60px;  font-size:15px; }
	.mBusiness li a	img					{padding-right:5px;}

	.mBusiness li:nth-child(1) .icon img{width:120px; height:auto;}
	.mBusiness li:nth-child(2) .icon img{width:130px; height:auto;}
	.mBusiness li:nth-child(3) .icon img{width:100px; height:auto;}
	.mBusiness li:nth-child(4) .icon img{width:110px; height:auto;}
	.mBusiness li:nth-child(5) .icon img{width:120px; height:auto;}
	.mBusiness li:hover .num			{padding:180px 0 0 25px;}

	/* Portfolio */
	.container							{margin: 3% auto 0;}
	.slidesjs-previous 					{right:18%;}
	.captionBox	h4						{font:32px/100% 'NanumSquare'; }
	.captionBox .pro_title				{font:40px/100% 'NanumSquare';padding:8px 10px; margin-top:-6px;}
	.captionBox .pro_con				{margin:30px 0 0 23%;}
	.captionBox .pro_con li				{font:16px/100% 'NanumSquare';}
	.captionBox a.btn_pro				{margin:20px 0 0 23%;}

	/* G2inet */
	.slogan30							{font-size:26px;}
	.countBox							{text-align:center; margin-top:120px;}
	.countBox > div						{margin:1.5%; width:200px; height:200px;}
	.countBox > div	p					{font-size:18px; font-weight:600;}
	.countBox .counter					{font-size:52px; font-weight:600; padding-top:45px;}

	/* 견적문의 */
	#section-5 .content h4				{font:26px/100% 'NanumSquare'; color:#fff; font-weight:normal;}
	.req_quick form						{width:85%; margin:0 auto; padding-top:30px;}
	.req_quick form input				{padding:12px 18px; font-size:18px; line-height:100%; border-radius:60px; }
	.req_quick .btn_request				{padding:12px 18px; font-size:18px; line-height:100%; border-radius:60px; margin-top:15px;}
	.req_customer						{float:left; margin-left:10%;}
	.req_customer .cc_tel				{font-size:40px; font-weight:bold; margin-top:5px;}

	.req_customer h4:nth-of-type(1)		{margin-top:40px;}
	.req_customer h4:nth-of-type(2)		{margin-top:40px;}
	.req_customer .cc_btnBox			{margin:30px 0 0;}



}




@media (max-width: 1100px){
/*body {border-top:2px solid blue;}*/

	/* Business */
	.mBusiness li						{height:450px; width:20%;}
	.mBusiness li .num					{font:65px/100% 'Georgia'; padding:190px 0 0 20px;}
	.mBusiness li h4					{font:20px/100% 'NanumSquare'; padding:40px 0 0 20px; font-weight:600; }
	.mBusiness li h4 span				{font:14px/150% 'NanumSquare'; font-weight:500; display:block; }
	.mBusiness li a						{left:20px; bottom:50px;  font-size:15px; }
	.mBusiness li a	img					{padding-right:3px;}

	.mBusiness li:nth-child(1) .icon img{width:90px; height:auto;}
	.mBusiness li:nth-child(2) .icon img{width:110px; height:auto;}
	.mBusiness li:nth-child(3) .icon img{width:80px; height:auto;}
	.mBusiness li:nth-child(4) .icon img{width:80px; height:auto;}
	.mBusiness li:nth-child(5) .icon img{width:100px; height:auto;}		
	.mBusiness li:hover .num			{padding:160px 0 0 20px;}

	/* Portfolio */
	.container							{margin:4% auto 0; height:auto;}
	.slidesjs-navigation				{width:40px; height:23px;}
	.slidesjs-previous 					{bottom:12%; right:10%; background-size:40px 23px;}
	.slidesjs-next						{bottom:12%; right:4%; background-size:40px 23px;}


	/* G2inet */
	.g2Txt								{margin-top:0;}
	.slogan30							{font-size:20px;}
	.countBox							{text-align:center; margin:60px 0;}
	.countBox > div						{margin:1%; width:170px; height:170px;}
	.countBox > div	p					{font-size:14px; }
	.countBox .counter					{font-size:40px; font-weight:600; padding-top:40px;}

	/* 견적문의 */
	#section-5 .content h4				{font:23px/100% 'NanumSquare';}
	.req_quick							{width:40%; padding:90px 0;}
	.req_quick form input				{padding:10px 15px; font-size:18px; }
	.req_quick .btn_request				{padding:10px 15px; font-size:18px;}
	.req_customer						{margin-left:6%; width:52%}
	.req_customer .cc_tel				{font-size:34px;}

	.req_customer h4:nth-of-type(1)		{margin-top:30px;}
	.req_customer .cc_btnBox a			{width:auto; padding:5px 5%;}


	/* 바우처 */
	#section-6 .content h4				{font:23px/100% 'NanumSquare';}
	#section-6 .req_quick							{width:40%; padding:90px 0;}
	#section-6 .req_quick form input				{padding:10px 15px; font-size:18px; }
	#section-6 .req_quick .btn_request				{padding:10px 15px; font-size:18px;}
	#section-6 .req_customer						{margin-left:6%; width:52%}
	#section-6 .req_customer .cc_tel				{font-size:34px;}
	#section-6 .req_customer h4:nth-of-type(1)		{margin-top:30px;}
	#section-6 .req_customer .cc_btnBox a			{width:auto; padding:5px 5%;}
}






@media (max-width: 850px){
/*body {border-top:2px solid yellow;}*/
	
	#content							{margin-left:0;}
	#side								{display:none;}
	#mobileHead							{position:relative; display:block; width:100%; background:#fff; height:55px; border-bottom:1px solid #ddd;}
	#mobileHead .logo					{text-align:center; padding-top:10px;}
	#mobileHead .logo img				{width:100px;}
	#mobileHead .mobileMenu				{position:absolute;; width:18px; height:14px; left:15px; top:20px;}
	#mobileHead .mobileMenu	img			{width:100%;}


	/* Business */
	.mBusinessWrap						{position:relative; width:100%;}
	.mBusiness li						{float:none; height:120px; width:100%;}
	.mBusiness li .num					{font:65px/100% 'Georgia'; padding:20px 0 0 8%;}
	.mBusiness li h4					{position:absolute; left:20%; top:35px; font:30px/100% 'NanumSquare'; padding:0; font-weight:600; }
	.mBusiness li h4 span				{font:14px/150% 'NanumSquare'; font-weight:500; display:block; }
	.mBusiness li a						{left:60% ; bottom:40px; font-size:15px;}
	.mBusiness li a	img					{padding-right:3px;}
	.mBusiness li .overlay				{background-size:cover !important;}

	.mBusiness li:nth-child(1) .icon img{width:90px; height:auto;}
	.mBusiness li:nth-child(2) .icon img{width:110px; height:auto;}
	.mBusiness li:nth-child(3) .icon img{width:80px; height:auto;}
	.mBusiness li:nth-child(4) .icon img{width:80px; height:auto;}
	.mBusiness li:nth-child(5) .icon img{width:100px; height:auto;}

	.mBusiness li:nth-child(1) .icon	{left:80%; bottom:25%;}
	.mBusiness li:nth-child(2) .icon	{left:70%; top:8%;}
	.mBusiness li:nth-child(3) .icon	{left:65%; top:18%;}
	.mBusiness li:nth-child(4) .icon	{left:88%; bottom:10%;}
	.mBusiness li:nth-child(5) .icon	{left:75%; bottom:30%;}
	
	.mBusiness li:hover .num			{padding:20px 0 0 12%;}
	.mBusiness li:hover h4, .mBusiness li:hover span{color:#fff; left:25%;}
	.mBusiness li:hover a				{bottom:40px; left:65%;}

	/* Portfolio */
	.container							{height:90vw; min-height:300px; overflow:auto;}
	#slides,
	.slidesjs-container					{overflow: visible !important; height:100%;}
	.slidesBox							{height:100%;}
	.slidesBox .sliderImg				{float:none; width:100% !important; height:auto;}
	.slidesjs-previous 					{right:18%;}

	.captionBox							{position:relative !important; width:90%; left:10%; top:-35px; z-index:100;}
	.captionBox	h4						{font:28px/100% 'NanumSquare'; }
	.captionBox .pro_title				{font:36px/100% 'NanumSquare';padding:6px 8px;}
	.captionBox .pro_con				{margin:20px 0 0 20%;}
	.captionBox a.btn_pro				{margin:15px 0 0 20%;}

	/* G2inet */
	.slogan30							{font-size:18px;}
	.countBox							{text-align:center; margin:40px 0;}
	.countBox > div						{display:block; margin:2% auto 0; width:200px; height:200px;}
	.countBox > div	p					{font-size:14px; }
	.countBox .counter					{font-size:45px; font-weight:600; padding-top:50px;}

	/* 견적문의 */
	#section-5 .content h4				{font:20px/100% 'NanumSquare';}
	.req_quick							{float:none; width:100%; padding:30px 0;}
	.req_customer						{float:none; margin-left:0; margin-top:20px; width:100%; text-align:center; padding-bottom:40px;}
	
	.req_customer .cc_btnBox a	{padding:5px 3%;}

	/* 바우처 */
	#section-6 .content h4				{font:20px/100% 'NanumSquare';}
	#section-6 .req_quick							{float:none; width:100%; padding:30px 0;}
	#section-6 .req_customer						{float:none; margin-left:0; margin-top:20px; width:100%; text-align:center; padding-bottom:40px;}

	#footer								{padding:12px 15px;}
	#footer .footInfo span,
	#footer .footInfo span a			{display:inline-block; color:#fff; font-size:14px; padding:0 2px;}

}






@media (max-width: 580px){
/*body {border-top:2px solid green;}*/

	/* Business */
	.mBusiness li						{height:100px;}
	.mBusiness li .num					{font:45px/100% 'Georgia'; padding:20px 0 0 8%;}
	.mBusiness li h4					{position:absolute; left:20%; top:35px; font:23px/100% 'NanumSquare'; padding:0; font-weight:600; }
	.mBusiness li a						{display:none;}

	.mBusiness li:nth-child(1) .icon img{width:70px; height:auto;}
	.mBusiness li:nth-child(2) .icon img{width:75px; height:auto;}
	.mBusiness li:nth-child(3) .icon img{width:62px; height:auto;}
	.mBusiness li:nth-child(4) .icon img{width:70px; height:auto;}
	.mBusiness li:nth-child(5) .icon img{width:80px; height:auto;}
	.mBusiness li:nth-child(4) .icon	{left:82%; bottom:15%;}

	/* Portfolio */	
	.slidesjs-navigation				{width:30px; height:17px;}
	.slidesjs-previous 					{bottom:10%; right:10%; background-size:30px 17px;}
	.slidesjs-next						{bottom:10%; right:0%; background-size:30px 17px;}
	.captionBox .pro_title				{font:26px/100% 'NanumSquare';}
	.captionBox .pro_con				{margin:20px 0 0 10%;}
	.captionBox a.btn_pro				{display:none;}
	.btn_pfmore 						{margin-top:10px;}
	.btn_pfmore a						{font-size:15px;}

	/* G2inet */
	.g2Txt								{margin:0 15px;}	
	.g2Txt br							{display:none;}

	/* 견적문의 */
	.req_quick form						{width:88%; padding-top:20px;}
	.req_quick form input				{padding:8px 10px; font-size:16px; }
	.req_quick .btn_request				{padding:8px 10px; font-size:16px;  margin-top:8px;}

	.req_customer .cc_tel				{font-size:30px;}
	.req_customer .cc_info span			{font-size:15px; margin-bottom:2px;}
	.req_customer .cc_info div,
	.req_customer .cc_info div a		{font-size:15px; margin-bottom:2px;}
	.req_customer .cc_btnBox a			{width:100%; max-width:300px; padding:5px 0; margin-bottom:5px;}
}


@media (max-width: 480px){
	.slidesjs-navigation				{display:none;}
	
}