@font-face {
	font-family: 'Nanum';
	font-style: normal;
	font-weight: 300;
	src: url('/share/css/font/NanumGothicLight.eot');
	src: url('/share/css/font/NanumGothicLight.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumGothicLight.woff') format('woff'), url('/share/css/font/NanumGothicLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum';
	font-style: normal;
	font-weight: 400;
	src: url('/share/css/font/NanumGothic.eot');
	src: url('/share/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumGothic.woff') format('woff'), url('/share/css/font/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum';
	font-style: normal;
	font-weight: 500;
	src: url('/share/css/font/NanumGothicBold.eot');
	src: url('/share/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumGothicBold.woff') format('woff'), url('/share/css/font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum';
	font-style: normal;
	font-weight: 800;
	src: url('/share/css/font/NanumGothicExtraBold.eot');
	src: url('/share/css/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumGothicExtraBold.woff') format('woff'), url('/share/css/font/NanumGothicExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumPen';
	font-style: normal;
	src: url('/share/css/font/NanumPen.eot');
	src: url('/share/css/font/NanumPen.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumPen.woff') format('woff'), url('/share/css/font/NanumPen.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumMyeongjo';
	font-style: normal;
	src: url('/share/css/font/NanumMyeongjo.eot');
	src: url('/share/css/font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'), url('/share/css/font/NanumMyeongjo.woff') format('woff'), url('/share/css/font/NanumMyeongjo.ttf') format('truetype');
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "Nanum", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.25;
}
a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: none;
	color: inherit;
}

button {
	outline: none;
	cursor: pointer;
}
th {
	font-weight: 800;
}

p {
	margin: 0;
	padding: 0;
	line-height: 160%;
}

strong {
	font-weight: 800;
}

em {
	color: #f75;
}

em em {
	color: #c09;
}

sup, sub {
	font-size: 0.85em;
	vertical-align: baseline;
}

pre/* 형식 유지 컨텐츠 자동개행 */ {
	white-space: pre-wrap;
	/* css3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since1999 */
	white-space: -pre-wrap;
	/* Op4-6 */
	white-space: -o-pre-wrap;
	/* Op7 */
	word-wrap: break-word;
	/* IE 5.5+ */
	margin: 0;
	font-family: 'Nanum';
	font-weight: 400;
}

button, input[type="button"], input[type="submit"], input[type="image"] {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	outline: 0;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	font-family: inherit;
	overflow: visible;
	/* for IE7 */
	font-size: 1em;
}

/* 사파리에서 버튼 라운드 금지 */
input[type='submit'], input[type='button'], input[type='text'], button, input[type='image'], input[type='number'] {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*border-radius IE8*/
.beh {
	behavior: url(/stylesheets/PIE.htc);
}

:focus {
	outline-style: none;
	-moz-outline-style: none;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #c2c2c2;
	font-size: 0.9em;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #c2c2c2;
	font-size: 0.9em;
	opacity: 1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 7 and olders */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #c2c2c2;
	font-size: 0.9em;
	opacity: 1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 7 and olders */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #c2c2c2;
	font-size: 0.9em;
}

ul, ol, ul li, ol li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

ol:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

dl, dt, dd {
	padding: 0;
	margin: 0;
}

img, fieldset, iframe {
	border: 0 none;
	vertical-align: middle;
}

.mobile_view {
	display: none;
}
.web_view {
	display: block;
}
.inner_wrap {
	position: relative;
	width: 95%;
	max-width: 1280px;
	margin: auto;
}
.inner_wrap:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}
.right {
	text-align: right;
}

/* common.css */
.ul3 > li {
	float: left;
	width: 33.33%;
}

.ul3 > li:nth-child(2) {
	width: 33.34%;
}

.ul4 > li {
	float: left;
	width: 25%;
}

.ul5 > li {
	float: left;
	width: 20%;
}

.ul6 > li {
	float: left;
	width: 16.6%;
}

.ul6 > li:first-child, .ul6 > li:last-child {
	width: 16.8%;
}

.ul7 > li {
	float: left;
	width: 14.28%;
}

.ul7 > li:first-child, .ul7 > li:last-child {
	width: 14.3%;
}

.ul8 > li {
	float: left;
	width: 12.5%;
}

.clear_div {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

.hide {
	display: none !important;
}

.red {
	color: #ca0a26 !important;
	vertical-align: middle;
	margin-left: 4px;
}

.redbrown {
	color: #790307 !important;
}

.blue {
	color: #3bb7d9 !important;
}

.darkblue {
	color: #005b98 !important;
}

.yellow {
	color: #faad4d !important;
}

.green {
	color: #91c846 !important;
}

.white {
	color: #fff !important;
}

.black {
	color: #000 !important;
}

.black2 {
	color: #191919 !important;
}

.gold {
	color: #b19f7c !important;
}

.orange {
	color: #e8641b !important;
}

.orange2 {
	color: #ff6000 !important;
}

.gray {
	color: #666 !important;
}

.darkgray {
	color: #333 !important;
}

.lightgray {
	color: #999 !important;
}

.lightgray2 {
	color: #ebebeb !important;
}

.lightgray3 {
	color: #f7f7f7 !important;
}

.bg_white {
	background-color: #fff !important;
}

.bg_red {
	background-color: #da0101 !important;
}

.bg_redbrown {
	background-color: #790307 !important;
}

.bg_gray {
	background-color: #666 !important;
}

.bg_lightgray {
	background-color: #999 !important;
}

.bg_lightgray2 {
	background-color: #ebebeb !important;
}

.bg_lightgray3 {
	background-color: #f7f7f7 !important;
}

.bg_mint {
	background-color: #00bbd6 !important;
}

.bg_blue {
	background-color: #0e76bc !important;
}

.bg_darkblue {
	background-color: #005b98 !important;
}

.bg_lightblue {
	background-color: #809db2 !important;
}

.bg_gold {
	background-color: #b19f7c !important;
}

.bg_skyblue {
	background-color: #1ea4c9 !important;
}

.bg_orange {
	background-color: #ff6000 !important;
	color: #fff !important;
}

.dp_block {
	display: block;
}

.dp_inblock {
	display: inline-block;
}

.dp_table {
	display: table;
}

.dp_tcell {
	display: table-cell;
}

.w_auto {
	width: auto;
}

.w_inh {
	width: inherit !important;
}

.h_inh {
	height: inherit !important;
}

.cursor {
	cursor: pointer;
}

.border0 {
	border: 0 !important;
}

.border1 {
	border: 1px solid #a9a9a9;
}

.border1w {
	border: 1px solid #fff;
}

.btn {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
}

.board_btn {
	height: 39px;
	line-height: 39px !important;
}

.board_btn .btn {
	padding: 0 20px;
	height: inherit;
	line-height: inherit;
}

.small_btn {
	margin-top: 1%;
}

.small_btn .btn {
	padding: 3px 10px;
	height: inherit;
	line-height: inherit;
}

.d_tc {
	display: table-cell;
}

.va_t {
	vertical-align: top !important;
}

.va_m {
	vertical-align: middle !important;
}

.ta_c {
	text-align: center !important;
}

.ta_r {
	text-align: right !important;
}

.ta_l {
	text-align: left !important;
}

.ta_j {
	text-align: justify !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.keep_all {
	word-break: keep-all;
}

.f_left {
	float: left !important;
}

.f_right {
	float: right !important;
}

.strong {
	font-weight: bold;
}

.f08em {
	font-size: 0.8em !important;
}

.f09em {
	font-size: 0.9em !important;
}

.f11em {
	font-size: 1.1em !important;
}

.f12em {
	font-size: 1.2em !important;
}

.f13em {
	font-size: 1.3em !important;
}

.f14em {
	font-size: 1.4em !important;
}

.pad0 {
	padding: 0 !important;
}

.pad5 {
	padding: 5px !important;
}

.pad10 {
	padding: 10px !important;
}

.pad15 {
	padding: 15px !important;
}

.pad20 {
	padding: 20px !important;
}

.pad25 {
	padding: 25px !important;
}

.pad30 {
	padding: 30px !important;
}

.pad40 {
	padding: 40px !important;
}

.pad50 {
	padding: 50px !important;
}

.pt_0 {
	padding-top: 0 !important;
}

.pt_5 {
	padding-top: 5px !important;
}

.pt_10 {
	padding-top: 10px !important;
}

.pt_15 {
	padding-top: 15px !important;
}

.pt_20 {
	padding-top: 20px !important;
}

.pt_25 {
	padding-top: 25px !important;
}

.pt_30 {
	padding-top: 30px !important;
}

.pt_40 {
	padding-top: 40px !important;
}

.pt_50 {
	padding-top: 50px !important;
}

.pt_60 {
	padding-top: 60px !important;
}

.pt_150 {
	padding-top: 150px !important;
}

.pt30p {
	padding-top: 30% !important;
}

.pb_0 {
	padding-bottom: 0 !important;
}

.pb_5 {
	padding-bottom: 5px !important;
}

.pb_10 {
	padding-bottom: 10px !important;
}

.pb_15 {
	padding-bottom: 15px !important;
}

.pb_20 {
	padding-bottom: 20px !important;
}

.pb_25 {
	padding-bottom: 25px !important;
}

.pb_30 {
	padding-bottom: 30px !important;
}

.pb_40 {
	padding-bottom: 40px !important;
}

.pb_50 {
	padding-bottom: 50px !important;
}

.pb_60 {
	padding-bottom: 60px !important;
}

.pb-20 {
	padding-bottom: -20px !important;
}

.pl_0 {
	padding-left: 0 !important;
}

.pl_5 {
	padding-left: 5px !important;
}

.pl_10 {
	padding-left: 10px !important;
}

.pl_15 {
	padding-left: 15px !important;
}

.pl_20 {
	padding-left: 20px !important;
}

.pl_25 {
	padding-left: 25px !important;
}

.pl_30 {
	padding-left: 30px !important;
}

.pl_40 {
	padding-left: 40px !important;
}

.pl_50 {
	padding-left: 50px !important;
}

.pl_60 {
	padding-left: 60px !important;
}

.pl_2p {
	padding-left: 2% !important;
}

.pl_50p {
	padding-left: 50% !important;
}

.pl_20p {
	padding-left: 20% !important;
}

.pr_0 {
	padding-right: 0 !important;
}

.pr_5 {
	padding-right: 5px !important;
}

.pr_10 {
	padding-right: 10px !important;
}

.pr_15 {
	padding-right: 15px !important;
}

.pr_20 {
	padding-right: 20px !important;
}

.pr_25 {
	padding-right: 25px !important;
}

.pr_30 {
	padding-right: 30px !important;
}

.pr_40 {
	padding-right: 40px !important;
}

.pr_50 {
	padding-right: 50px !important;
}

.pr_60 {
	padding-right: 60px !important;
}

.pr_2p {
	padding-right: 2%;
}

.mt_0 {
	margin-top: 0px !important;
}

.mt_5 {
	margin-top: 5px !important;
}

.mt_10 {
	margin-top: 10px !important;
}

.mt_15 {
	margin-top: 15px !important;
}

.mt_20 {
	margin-top: 20px !important;
}

.mt_25 {
	margin-top: 25px !important;
}

.mt_30 {
	margin-top: 30px !important;
}

.mt_40 {
	margin-top: 40px !important;
}

.mt_50 {
	margin-top: 50px !important;
}

.mt_60 {
	margin-top: 60px !important;
}

.mt-10 {
	margin-top: -10px !important;
}

.mt-15 {
	margin-top: -15px !important;
}

.mt-20 {
	margin-top: -20px !important;
}

.mt-25 {
	margin-top: -25px !important;
}

.mt-30 {
	margin-top: -30px !important;
}

.mt-40 {
	margin-top: -40px !important;
}

.mt-50 {
	margin-top: -50px !important;
}

.mt-60 {
	margin-top: -60px !important;
}

.mb_0 {
	margin-bottom: 0 !important;
}

.mb_5 {
	margin-bottom: 5px !important;
}

.mb_10 {
	margin-bottom: 10px !important;
}

.mb_15 {
	margin-bottom: 15px !important;
}

.mb_20 {
	margin-bottom: 20px !important;
}

.mb_25 {
	margin-bottom: 25px !important;
}

.mb_30 {
	margin-bottom: 30px !important;
}

.mb_40 {
	margin-bottom: 40px !important;
}

.mb_50 {
	margin-bottom: 50px !important;
}

.mb_60 {
	margin-bottom: 60px !important;
}

.mb-20 {
	margin-bottom: -20px !important;
}

.ml_4p {
	margin-left: 4%;
}

.ml_0 {
	margin-left: 0 !important;
}

.ml_5 {
	margin-left: 5px !important;
}

.ml_10 {
	margin-left: 10px !important;
}

.ml_15 {
	margin-left: 15px !important;
}

.ml_20 {
	margin-left: 20px !important;
}

.ml_25 {
	margin-left: 25px !important;
}

.ml_30 {
	margin-left: 30px !important;
}

.ml_40 {
	margin-left: 40px !important;
}

.ml_50 {
	margin-left: 50px !important;
}

.ml_60 {
	margin-left: 60px !important;
}

.mr_5 {
	margin-right: 5px !important;
}

.mr_10 {
	margin-right: 10px !important;
}

.mr_15 {
	margin-right: 15px !important;
}

.mr_20 {
	margin-right: 20px !important;
}

.mr_25 {
	margin-right: 25px !important;
}

.mr_30 {
	margin-right: 30px !important;
}

.mr_40 {
	margin-right: 40px !important;
}

.mr_50 {
	margin-right: 50px !important;
}

.mr_60 {
	margin-right: 60px !important;
}

.w40 {
	width: 40px !important;
}

.w50 {
	width: 50px !important;
}

.w100 {
	width: 100px !important;
}

.w150 {
	width: 150px !important;
}

.w170 {
	width: 170px !important;
}

.w20p {
	width: 20%
}

.w25p {
	width: 25%
}

.w30p {
	width: 30%
}

.w50p {
	width: 50%
}

.w60p {
	width: 60%;
}

.w70p {
	width: 70%;
}

.w100p {
	width: 100% !important;
}

.lh_180 {
	line-height: 180%;
}

.clear_b {
	clear: both;
}

.tof {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.rotate90 {
	-webkit-transform: rotate(90deg);
	/* Chrome and other webkit browsers */
	-moz-transform: rotate(90deg);
	/* FF */
	-o-transform: rotate(90deg);
	/* Opera */
	-ms-transform: rotate(90deg);
	/* IE9 */
	transform: rotate(90deg);
	/* W3C compliant browsers */
}

.rotate180 {
	-webkit-transform: rotate(180deg);
	/* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg);
	/* FF */
	-o-transform: rotate(180deg);
	/* Opera */
	-ms-transform: rotate(180deg);
	/* IE9 */
	transform: rotate(180deg);
	/* W3C compliant browsers */
}

.rotate270 {
	-webkit-transform: rotate(270deg);
	/* Chrome and other webkit browsers */
	-moz-transform: rotate(270deg);
	/* FF */
	-o-transform: rotate(270deg);
	/* Opera */
	-ms-transform: rotate(270deg);
	/* IE9 */
	transform: rotate(270deg);
	/* W3C compliant browsers */
}

.mt_3p {
	margin-top: 3%;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
 ===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	/*	display: block; */
	margin: 0 auto;
}

/** THEME
 ===================================*/

.bx-wrapper .bx-viewport {
	left: 0px;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	top: 10px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/images/common/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-pager-item {
	float: left;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 5px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ee6a0c;
}

.bx-wrapper .bx-prev {
	left: 7%;
	background: url(/images/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 7%;
	background: url(/images/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 1;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/images/common/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/images/common/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#main_vis_wrap .bx-wrapper .bx-pager, #main_vis_wrap .bx-wrapper .bx-controls-auto {
	top: 90%;
}

#main_vis_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}

#main_vis_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, #main_vis_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #9c1f24;
}

.main_banner .bx-wrapper .bx-pager, .main_banner .bx-wrapper .bx-controls-auto {
	top: 90%;
}

.main_banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}

.main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #9c1f24;
}
.bg-img {
	background: no-repeat center center;
	background-size: cover;
}
h1 {
	overflow: hidden;
	font-size: 1.8em;
	text-align: left;
	color: #333;
	background: url('/images/layout/h2_bg.png') repeat-x 0;}
	
h1 span {
	padding: 0 1% 0 0;
	letter-spacing: -0.5px;
	line-height: 150%;
	background: #fff;
}
/*
 //b {
 //  background: url('/images/icon/h2_icon.png') no-repeat 0 center;
 //  background-size: contain;
 //  padding: 0 0 0 40px;
 //}
 */
}
h2 {
	overflow: hidden;
	font-size: 1.8em;
	text-align: center;
	color: #333;
	background: url('/images/layout/h2_bg.png') repeat-x 0;b {
	padding: 0 2%;
	background: #fff;
}
}

.wh100 {
	width: 100% !important;
	height: 100% !important;
}

.h100 {
	height: 100% !important;
}

.main_tap {
	position: absolute;
	top: -35px;
	width: 100%;
	overflow: hidden;
}

.main_tap ul {
	overflow: hidden;
	display: block;
}
.no-gutter {
	margin-left: 0;
	margin-right: 0;
}
.main_tap li {
	float: left;
	width: 25%;
	height: 70px;
	line-height: 70px;
	font-size: 1.2em;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: url('/images/main/main_tap_bg02.jpg') no-repeat 75%;
	background-size: cover;
}

.main_tap li img {
	width: 12%;
	margin: 0 10px 0 0;
}

.main_tap li:nth-child(1) {
	background: url('/images/main/main_tap_bg01.jpg') no-repeat 50%;
	background-size: cover;
}

@media all and (max-width: 1280px) {
	body {
		font-size: 15px;
	}
}

@media all and (max-width: 1024px) {
	body {
		font-size: 14px;
	}
}
@media all and (max-width: 960px) {
	body {
		font-size: 13px;
	}
	.mobile_view {
		display: block;
	}
	.web_view {
		display: none;
	}

	.main_tap {
		position: relative;
		top: 0;
		width: 100%;
		overflow: hidden;
	}

	.main_tap ul {
		overflow: hidden;
		display: block;
	}

	.main_tap li {
		float: left;
		width: 25%;
		height: 100%;
		padding: 5% 0;
		line-height: 100%;
		font-size: 1.2em;
		text-align: center;
		font-weight: 500;
		color: #fff;
	}

	.main_tap li span {
		display: block;
	}

	.main_tap li img {
		width: 30%;
		margin: 0 0 10px 0;
	}
}

@media all and (max-width: 640px) {
	body {
		font-size: 12px;
	}
}