@charset "utf-8";
::-moz-selection {
   background-color: #A9A9A9;
   color: #fff;
}
::selection {
    background-color: #A9A9A9;
    color: #fff;
}
.bodytext img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.autoimg {display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:16px;margin: 0;padding: 0;color: #222;line-height: 1.6em;font-weight: 400;background: #fff}
.mo {display: none}

header {width:100%;z-index: 10;background: transparent;position: fixed;left: 0;top:0;height: 100px;}
header .header {position: absolute;left: 0;top:0;width: 100%;height: 100px;}
header .header .logo {padding: 30px 0px}
header .header .logo img {height: 40px;cursor: pointer;}
header .header .gnb {position: absolute;right: 0px;top:0;}
header .header .gnb .gnb_ul {display: table;height: 100px}
header .header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 18px;cursor: pointer;position: relative;}
header .header .gnb .gnb_ul li a {color: #fff}
header .header .gnb .gnb_ul li a span {padding: 0 33px;font-weight: 500}


header .sub_header {width: 100%;background: #2e5719;height: 90px;color: #fff}
header .sub_header .logo {padding: 25px 0px}
header .sub_header .logo img {height: 40px;cursor: pointer;}
header .sub_header .gnb {position: absolute;right: 0px;top:0}
header .sub_header .gnb .gnb_ul {display: table;height: 90px}
header .sub_header .gnb .gnb_ul li {display: table-cell;vertical-align: middle;text-align: center;font-size: 19px;cursor: pointer;padding: 0 33px;position: relative;}
header .sub_header .gnb .gnb_ul li a {color: #fff}
header .sub_header .gnb .gnb_ul li.on a span {border-bottom: 2px solid #fff;padding-bottom: 10px}

.depth01 {z-index: 9;display: none;width: 100%;position: absolute;left: 0;top:110px}
.depth01 ul {width: 100%;display: inherit}
.depth01 ul li {padding: 3px 0 !important;width: 100%;text-align: center !important;margin: 0 !important;display: inherit !important}
.depth01 ul li a {font-size: 15px}
.depth01_back {position: absolute;top:100px;width: 100%;height: 300px;z-index: 8;display: none}

.gnb_btn {display: none}
.mgnb {display: none}
#contents {margin-top:0;overflow: hidden}

.wrap {width: 1200px;margin: 0 auto;position: relative}

/* 메인비주얼 */
.main_ba {height: 820px;position: relative}
.main_ba .mask {height: 820px;position: absolute;top:0;left: 0;width: 100%;z-index: 9;display: table}
.main_ba .img {height: 820px;position: absolute;top:0;left: 0;width: 100%;z-index: -1}
/* .main_ba .mask .ba_text {display: table-cell;vertical-align: middle;color: #fff;text-align: center;font-size: 40px;line-height: 1.8em;font-weight: 100} */
.main_ba .mask .ba_text {display: table-cell;vertical-align: middle;color: #fff;text-align: center;font-size: 40px;line-height: 1.8em;text-shadow: 3px 3px 3px rgb(57 57 64 / 70%);}
.main_ba .mask .ba_text b {font-size: 58px}
.main_ba .mask .ba_text b span {color: #d2241a}

.quick_nav {margin: -69px auto 0;z-index: 99;}
.quick_nav ul {overflow: hidden;height: 128px;margin: 0 auto;display: table;background: #f9f9f9;
	-webkit-box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
}
.quick_nav ul li {width: 150px;float: left;text-align: center;padding: 20px 0;background: #f9f9f9}


/*
.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:0 0;margin: 0 auto}
.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-40px 0;margin: 0 auto}
.quick_nav ul li .icon3 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-75px 0;margin: 0 auto}
.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-114px 0;margin: 0 auto}
.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-154px 0;margin: 0 auto}
.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-177px 0;margin: 0 auto}
.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-217px 0;margin: 0 auto}
.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
.quick_nav ul li:hover .icon2 {background-position:-40px -40px;}
.quick_nav ul li:hover .icon3 {background-position:-75px -40px;}
.quick_nav ul li:hover .icon4 {background-position:-114px -40px;}
.quick_nav ul li:hover .icon5 {background-position:-154px -40px;}
.quick_nav ul li:hover .icon6 {background-position:-177px -40px;}
.quick_nav ul li:hover .icon7 {background-position:-217px -40px;}
*/


.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:0 0;margin: 0 auto}
.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-41px 0;margin: 0 auto}	
.quick_nav ul li .icon3 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-76px 0;margin: 0 auto}
.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-115.8px 0;margin: 0 auto}
.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-156.7px 0;margin: 0 auto}
.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-180.5px 0;margin: 0 auto}
.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-221px 0;margin: 0 auto}
.quick_nav ul li .icon8 {height: 40px;width:35px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-255px 0;margin: 0 auto}	
.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
.quick_nav ul li:hover .icon2 {background-position:-41px -40px;}			
.quick_nav ul li:hover .icon3 {background-position:-76px -40px;}
.quick_nav ul li:hover .icon4 {background-position:-115.8px -40px;}
.quick_nav ul li:hover .icon5 {background-position:-156.7px -40px;}
.quick_nav ul li:hover .icon6 {background-position:-180.5px -40px;}
.quick_nav ul li:hover .icon7 {background-position:-221px -40px;}
.quick_nav ul li:hover .icon8 {background-position:-255px -40px;}	



.quick_nav ul li .text {line-height: 1.5em;font-size: 13px;margin-top: 10px}

.miain_box_wrap {overflow: hidden;margin:80px auto;width: 1200px}
.main_box_a {width:410px;margin-right: 20px;float: left;min-height: 570px;background: url('/images/main/main_01.jpg') no-repeat;background-position: center;background-size: cover;position: relative;cursor: pointer;}
.main_box_a .inner {padding: 45px 27px;color: #fff;min-height: 570px;}
.main_box_a:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
.main_box_a .inner .text {color: #ff475c;font-size: 15px}
.main_box_a .inner .title {margin-top:20px;font-size: 30px;line-height: 1.4em}
.main_box_a .inner .go {position: absolute;bottom: 20px;left: 27px;font-size: 13px}
.main_box_b {width:770px;float: right;overflow: hidden;margin-top:-20px}
.main_box_b .inner_box {width: 375px;height: 275px;background: #f4f4f4;float: left;margin-top: 20px;position: relative;cursor: pointer;}
.main_box_b .inner_box:first-child {margin-right: 20px;}
.main_box_b .inner_box:last-child {margin-left: 20px;}
.main_box_b .inner_box .inner {padding: 45px 27px;color: #444;height: 275px}
.main_box_b .inner_box .inner .title {font-size: 25px}
.main_box_b .inner_box .inner .text {font-size: 15px;margin-top:20px}
.main_box_b .inner_box .inner .go {color:#c30d23;position: absolute;bottom: 20px;left: 27px;font-size: 13px}
.main_box_b .inner_box .img {position: absolute;right: 20px;bottom: 0} 
.main_box_b .inner_box:hover {background: #c30d23;transition: all .6s ease;}
.main_box_b .inner_box:hover .inner, .main_box_b .inner_box:hover .inner .go  {color: #fff}
.main_box_b .inner_box:hover .img {opacity: .2} 
.main_box_c {float: left;background: url('/images/main/main_02.jpg') no-repeat;background-position: center;background-size: cover}
.main_box_d {float: right;background: url('/images/main/main_03.jpg') no-repeat;background-position: center;background-size: cover}
.main_box_bottom {width:590px;margin-right: 10px;margin-top:20px;min-height: 270px;position: relative;cursor: pointer;}
.main_box_bottom .inner {padding: 45px 27px;color: #fff;min-height: 270px;}
.main_box_bottom:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
.main_box_bottom .inner .title {font-size: 25px}
.main_box_bottom .inner .text {font-size: 15px;margin-top:20px;line-height: 1.8em}
.main_box_bottom .inner .go {color:#fff;position: absolute;bottom: 20px;left: 27px;font-size: 13px}

.inner .go svg {margin-left: 5px;transition: all .2s ease;}
.inner:hover .go svg {margin-left: 15px;transition: all .2s ease;}


.main_wrap {overflow: hidden}



footer {background: #343434;color: #888;}
footer .footer_wrap {height: 200px;display: table;width: 1200px;margin: 0 auto;display: table; letter-spacing: 0em;}
footer .footer_wrap .text {margin-top:30px;font-size: 13px;line-height: 1.8em;display: table-cell;vertical-align: middle;line-height: 2em}
footer .copy {font-size: 12px;background: #2c2c2c;line-height: 2em;padding: 15px 0}

@media screen and (max-width:1199px) {
	body {font-size:15px;margin: 0;padding: 0;color: #222;line-height: 1.6em;font-weight: 400;background: #fff}
	
	#contents {margin-top:0;overflow: hidden}

	.wrap {width: 96%;margin: 0 auto;position: relative}
	
	/* 메인비주얼 */
	.main_ba {height: 640px;}
	
	.quick_nav {margin: -69px auto 0;z-index: 99;}
	.quick_nav ul {overflow: hidden;height: 138px;margin: 0 auto;display: table;width: 100%}
	.quick_nav ul li {width: 14.28%;float: left;text-align: center;padding: 20px 0;background: #f9f9f9}

	/*
	.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:0 0;margin: 0 auto}
	.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-40px 0;margin: 0 auto}
	.quick_nav ul li .icon3 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-75px 0;margin: 0 auto}
	.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-114px 0;margin: 0 auto}
	.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-154px 0;margin: 0 auto}
	.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-177px 0;margin: 0 auto}
	.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-217px 0;margin: 0 auto}
	.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
	.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
	.quick_nav ul li:hover .icon2 {background-position:-40px -40px;}
	.quick_nav ul li:hover .icon3 {background-position:-75px -40px;}
	.quick_nav ul li:hover .icon4 {background-position:-114px -40px;}
	.quick_nav ul li:hover .icon5 {background-position:-154px -40px;}
	.quick_nav ul li:hover .icon6 {background-position:-177px -40px;}
	.quick_nav ul li:hover .icon7 {background-position:-217px -40px;}
	*/
	
	.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:0 0;margin: 0 auto}
	.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-41px 0;margin: 0 auto}	
	.quick_nav ul li .icon3 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-76px 0;margin: 0 auto}
	.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-115.8px 0;margin: 0 auto}
	.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-156.7px 0;margin: 0 auto}
	.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-180.5px 0;margin: 0 auto}
	.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-221px 0;margin: 0 auto}
	.quick_nav ul li .icon8 {height: 40px;width:35px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-255px 0;margin: 0 auto}	
	.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
	.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
	.quick_nav ul li:hover .icon2 {background-position:-41px -40px;}			
	.quick_nav ul li:hover .icon3 {background-position:-76px -40px;}
	.quick_nav ul li:hover .icon4 {background-position:-115.8px -40px;}
	.quick_nav ul li:hover .icon5 {background-position:-156.7px -40px;}
	.quick_nav ul li:hover .icon6 {background-position:-180.5px -40px;}
	.quick_nav ul li:hover .icon7 {background-position:-221px -40px;}
	.quick_nav ul li:hover .icon8 {background-position:-255px -40px;}	



	.quick_nav ul li .text {line-height: 1.5em;font-size: 13px;margin-top: 10px}
	
	.miain_box_wrap {overflow: hidden;margin:80px auto;width: 96%}
	.main_box_a {width:50%;margin-right: 2%;float: left;min-height: 570px;background: url('/images/main/main_01.jpg') no-repeat;background-position: center;background-size: cover;position: relative;cursor: pointer;}
	.main_box_a .inner {padding: 45px 27px;color: #fff;min-height: 570px;}
	.main_box_a:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
	.main_box_a .inner .text {color: #ff475c;font-size: 15px}
	.main_box_a .inner .title {margin-top:20px;font-size: 30px;line-height: 1.4em}
	.main_box_a .inner .go {position: absolute;bottom: 20px;left: 27px;font-size: 13px}
	.main_box_b {width:48%;float: right;overflow: hidden;margin-top:-20px}
	.main_box_b .inner_box {width: 100%;height: 275px;background: #f4f4f4;float: none;margin-top: 20px;position: relative;cursor: pointer;}
	.main_box_b .inner_box:first-child {margin-right: 20px;}
	.main_box_b .inner_box:last-child {margin-left: 0;}
	.main_box_b .inner_box .inner {padding: 45px 27px;color: #444;}
	.main_box_b .inner_box .inner .title {font-size: 25px}
	.main_box_b .inner_box .inner .text {font-size: 15px;margin-top:20px}
	.main_box_b .inner_box .inner .go {color:#c30d23;position: absolute;bottom: 20px;left: 27px;font-size: 13px}
	.main_box_b .inner_box .img {position: absolute;right: 20px;bottom: 0} 
	.main_box_b .inner_box:hover {background: #c30d23;transition: all .6s ease;}
	.main_box_b .inner_box:hover .inner, .main_box_b .inner_box:hover .inner .go  {color: #fff}
	.main_box_b .inner_box:hover .img {opacity: .2} 
	
	.main_box_c {float: left;background: url('/images/main/main_02.jpg') no-repeat;background-position: center;background-size: cover}
	.main_box_d {float: left;background: url('/images/main/main_03.jpg') no-repeat;background-position: center;background-size: cover}
	.main_box_bottom {width:50%;margin-right: 0;margin-top:20px;min-height: 275px;position: relative;cursor: pointer;}
	.main_box_bottom .inner {padding: 45px 27px;color: #fff;min-height: 275px;}
	.main_box_bottom:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
	.main_box_bottom .inner .title {font-size: 25px}
	.main_box_bottom .inner .text {font-size: 15px;margin-top:20px;line-height: 1.8em}
	.main_box_bottom .inner .go {color:#fff;position: absolute;bottom: 20px;left: 27px;font-size: 13px}

}


@media screen and (max-width: 916px){
	body {font-size:14px;margin: 0;padding: 0;color: #222;line-height: 1.6em;font-weight: 400;background: #fff}
	.pc {display: none !important}
	.mo {display: block}
	
	header {width:100%;z-index: 50;background: transparent;position: relative;position: fixed;left: 0;top:0;height: 60px;border-bottom: 0;}
	header .header {text-align: center;border-bottom: 0;height: 60px;}
	header .header .logo {padding: 15px 0}
	header .header .logo img {height: 30px;cursor: pointer;}
	header .header .gnb {display: none}
	header .sub_header {text-align: center;height: 60px;border-bottom: 0;}
	header .sub_header .logo {padding: 15px 0}
	header .sub_header .logo img {height: 30px;cursor: pointer;}
	header .sub_header .gnb {display: none}
	.gnb_btn {display: block;position: fixed;top:5px;right: 20px;z-index: 99;}
	
	.mgnb {position: fixed;top:0;z-index: 90;width:270px;right:-100%;background:#fff;color: #333;display:block}
	.mgnb .nav_logo {padding: 20px;}
	.mgnb .nav_logo img {width: 140px;cursor: pointer}
	.m_gnb_ul {display: table;width: 100%;text-align: left;}
	.m_gnb_ul li {font-size: 1.3em;line-height: 1.1em;padding: 15px 20px;font-weight: 300;border-bottom: 1px solid #e0e0e0;cursor: pointer}
	.m_gnb_ul li a {color: #333}
	.m_gnb_ul li .depth0{font-family: 'NanumSquare-B';}
	.m_gnb_ul li.on .depth0{font-family: 'NanumSquare-EB';color: #0173ce}
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 20px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: .8em;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 a {color: #666}
	.m_gnb_ul li .m_gnb_sub_nav .depth2 {font-size: .8em;margin-top:10px;margin-left: 10px}
	.m_gnb_ul li.on .m_gnb_sub_nav .depth1.active {font-weight: bold;text-decoration: underline;}
	.m_gnb_ul li.on .m_gnb_sub_nav .depth1.active a {color: #0173ce}
	
	
	#contents {margin-top:0;overflow: hidden}

	.wrap {width: 92%;margin: 0 auto;position: relative}
	
	/* 메인비주얼 */
	.main_ba {height: 520px;position: relative}
	.main_ba .mask {height: 520px;position: absolute;top:0;left: 0;width: 100%;z-index: 9;display: table}
	.main_ba .img {height: 520px;position: absolute;top:0;left: 0;width: 100%;z-index: -1}
	.main_ba .mask .ba_text {display: table-cell;vertical-align: middle;color: #fff;text-align: center;font-size: 16px;line-height: 2.5em;font-weight: 100}
	.main_ba .mask .ba_text b {font-size: 32px}
	.main_ba .mask .ba_text b span {color: #d2241a}
	
	.quick_nav {margin: -69px auto 0;z-index: 99;}
	.quick_nav ul {overflow: hidden;height: 128px;margin: 0 auto;display: table;background: #f9f9f9;
		-webkit-box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 14px -8px rgba(0,0,0,0.5);
	}
	.quick_nav ul li {width: 25%;float: left;text-align: center;padding: 20px 0;background: #f9f9f9}

	/*
	.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:0 0;margin: 0 auto}
	.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-40px 0;margin: 0 auto}
	.quick_nav ul li .icon3 {height: 40px;width:39px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-75px 0;margin: 0 auto}
	.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-114px 0;margin: 0 auto}
	.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-154px 0;margin: 0 auto}
	.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-177px 0;margin: 0 auto}
	.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon.png') no-repeat;background-size: 255px 80px;background-position:-217px 0;margin: 0 auto}
	.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
	.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
	.quick_nav ul li:hover .icon2 {background-position:-40px -40px;}
	.quick_nav ul li:hover .icon3 {background-position:-75px -40px;}
	.quick_nav ul li:hover .icon4 {background-position:-114px -40px;}
	.quick_nav ul li:hover .icon5 {background-position:-154px -40px;}
	.quick_nav ul li:hover .icon6 {background-position:-177px -40px;}
	.quick_nav ul li:hover .icon7 {background-position:-217px -40px;}
	*/

	.quick_nav ul li .icon1 {height: 40px;width:39px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:0 0;margin: 0 auto}
	.quick_nav ul li .icon2 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-41px 0;margin: 0 auto}	
	.quick_nav ul li .icon3 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-76px 0;margin: 0 auto}
	.quick_nav ul li .icon4 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-115.8px 0;margin: 0 auto}
	.quick_nav ul li .icon5 {height: 40px;width:23px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-156.7px 0;margin: 0 auto}
	.quick_nav ul li .icon6 {height: 40px;width:40px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-180.5px 0;margin: 0 auto}
	.quick_nav ul li .icon7 {height: 40px;width:34px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-221px 0;margin: 0 auto}
	.quick_nav ul li .icon8 {height: 40px;width:35px;background: url('/images/main/main_icon2.png') no-repeat;background-size: 290px 80px;background-position:-255px 0;margin: 0 auto}	
	.quick_nav ul li:hover {background: #c52622;color: #fff;cursor: pointer;transition: all .4s ease;}
	.quick_nav ul li:hover .icon1 {background-position:0 -40px;}
	.quick_nav ul li:hover .icon2 {background-position:-41px -40px;}			
	.quick_nav ul li:hover .icon3 {background-position:-76px -40px;}
	.quick_nav ul li:hover .icon4 {background-position:-115.8px -40px;}
	.quick_nav ul li:hover .icon5 {background-position:-156.7px -40px;}
	.quick_nav ul li:hover .icon6 {background-position:-180.5px -40px;}
	.quick_nav ul li:hover .icon7 {background-position:-221px -40px;}
	.quick_nav ul li:hover .icon8 {background-position:-255px -40px;}	


	.quick_nav ul li .text {line-height: 1.5em;font-size: 13px;margin-top: 10px}
	
	
	.miain_box_wrap {overflow: hidden;margin:80px auto;width: 96%}
	.main_box_a {width:100%;margin-right: 0;float: none;min-height: 370px;background: url('/images/main/main_01.jpg') no-repeat;background-position: center;background-size: cover;position: relative;cursor: pointer;}
	.main_box_a .inner {padding: 45px 27px;color: #fff;min-height: 370px;}
	.main_box_a:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
	.main_box_a .inner .text {color: #ff475c;font-size: 15px}
	.main_box_a .inner .title {margin-top:20px;font-size: 30px;line-height: 1.4em}
	.main_box_a .inner .go {position: absolute;bottom: 20px;left: 27px;font-size: 13px}
	.main_box_b {width:100%;float: none;overflow: hidden;margin-top:0px}
	.main_box_b .inner_box {width: 100%;height: 275px;background: #f4f4f4;float: none;margin-top: 20px;position: relative;cursor: pointer;}
	.main_box_b .inner_box:first-child {margin-right: 20px;}
	.main_box_b .inner_box:last-child {margin-left: 0;}
	.main_box_b .inner_box .inner {padding: 45px 27px;color: #444;}
	.main_box_b .inner_box .inner .title {font-size: 25px}
	.main_box_b .inner_box .inner .text {font-size: 15px;margin-top:20px}
	.main_box_b .inner_box .inner .go {color:#c30d23;position: absolute;bottom: 20px;left: 27px;font-size: 13px}
	.main_box_b .inner_box .img {position: absolute;right: 20px;bottom: 0} 
	.main_box_b .inner_box:hover {background: #c30d23;transition: all .6s ease;}
	.main_box_b .inner_box:hover .inner, .main_box_b .inner_box:hover .inner .go  {color: #fff}
	.main_box_b .inner_box:hover .img {opacity: .2} 
	
	.main_box_c {float: none;background: url('/images/main/main_02.jpg') no-repeat;background-position: center;background-size: cover}
	.main_box_d {float: none;background: url('/images/main/main_03.jpg') no-repeat;background-position: center;background-size: cover}
	.main_box_bottom {width:100%;margin-right: 0;margin-top:20px;min-height: 275px;position: relative;cursor: pointer;}
	.main_box_bottom .inner {padding: 45px 27px;color: #fff;min-height: 275px;}
	.main_box_bottom:hover .inner {background: rgb(0,0,0,.3);transition: all .6s ease;}
	.main_box_bottom .inner .title {font-size: 25px}
	.main_box_bottom .inner .text {font-size: 15px;margin-top:20px;line-height: 1.8em}
	.main_box_bottom .inner .go {color:#fff;position: absolute;bottom: 20px;left: 27px;font-size: 13px}
	
	
	footer {background: #343434;color: #888;}
	footer .footer_wrap {height: 200px;display: table;width: 92%;margin: 0 auto;display: table}
	footer .footer_wrap .text {margin-top:30px;font-size: 12px;line-height: 1.8em;display: table-cell;vertical-align: middle;line-height: 2em}
	footer .footer_wrap .text b {font-size: 1.2em}
	footer .footer_wrap .text .ob {display: block}
	footer .copy {font-size: 12px;background: #2c2c2c;line-height: 2em;padding: 15px 0}
}