﻿@charset "utf-8";


#contents {
	_padding-top: 180px;
}

.wrap {
	_min-width: 1280px;
	height: auto;
	position: relative;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
}

.top_btn_fiexd {}

header {
	position: fixed;
	overflow: hidden;
	top: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 10;
}

.header_in {
	width: 100%;
}

.header_in_wrap {
	display: flex;
	margin: 0 auto;
	height: 100px;
	align-items: center;
	padding: 0 0 0 20px;
}

.header_in_wrap a.logo {
	width: 209px;
	height: 50px;
	background: url('../../images/logo_w_new.png') no-repeat;
	float: left;
	display: block;
	background-size: 209px 50px;
}

.header_in_wrap>.gnb {
	text-align: right;
	width: calc(100% - 270px);
}

.header_in_wrap>.gnb>ul:after {
	display: block;
	clear: both;
	content: '';
}

.header_in_wrap>.gnb>ul {
	display: inline-block;
	margin: 10px 20px 0 0;
}

.header_in_wrap>.gnb>ul>li {
	float: left;
	position: relative;
	padding: 0 20px;
}

.header_in_wrap>.gnb>ul>li>a {
	font-family: 'GmarketSansMedium';
	line-height: 100px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	letter-spacing: 0;
	_position: relative;
}

.header_in_wrap>.gnb>ul>li>a:hover,
.header_in_wrap>.gnb>ul>li.on>a {
	color: #fff;
}

/*.header_in_wrap > .gnb > ul > li.on a:after {content:''; display:inline-blockclass; width:40px; height:2px; background:#ddd; position:absolute; bottom:-10px; left:50%;}*/
.header_in_wrap>.menu-right {
	width: 80px;
	height: 100px;
}

.header_in_wrap>.menu-right a {
	display: inline-block;
	background: url(../../images/gnb_menu.png) center center no-repeat;
	width: 80px;
	height: 100px;
}

.header_in_wrap>.menu-right a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	transition: background .5s;
}

.header_in_wrap>.gnb>ul>li:hover>ul {
	display: block;
}

/* hover 시 보여지는 원 */
.header_in_wrap>.gnb>ul>li>a:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	transition: all ease .3s;
	position: absolute;
	top: 50px;
	left: 10px;
}

.header_in_wrap>.gnb>ul>li:hover>a:after {
	opacity: 1;
	top: 30px;
}

/* 2depth */
.header_in_wrap .gnb>ul>li>ul {
	display: none;
	text-align: center;
	position: absolute;
	width: 150px;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 0;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}

.header_in_wrap .gnb>ul>li>ul>li {
	line-height: 26px;
}

.header_in_wrap .gnb>ul>li>ul>li>a {
	color: #999;
	display: block;
	font-size: 15px;
}

.header_in_wrap .gnb>ul>li>ul>li>a:hover {
	color: #184682;
}

/*.header_in_wrap .gnb > ul > li > ul > li > a:hover:before {content:''; display:inline-block; width:6px; height:3px; background:#184682; margin:0 5px 3px 0;}*/

/* header에 언어변경버튼 */
.lang-btn {
	display: inline-block;
	width: 60px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.6);
	text-align: center;
	line-height: 34px;
	border-radius: 4px;
}

.change-btn {
	font-family: 'GmarketSansMedium';
	font-size: 15px;
	letter-spacing: 0;
	color: #191d2b;
}

/* header에 언어변경버튼 hover */
.lang-btn:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

/* 스크롤시 header 변경 */
.header {
	position: fixed;
	width: 100%;
	z-index: 99;
	transition: background .8s;
}

header>.active {
	background-color: rgba(255, 255, 255, 0.8);
	transition: background .8s;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

header>.active a.logo {
	background: url('../../images/logo.png') no-repeat;
	background-size: 209px 50px;
}

header>.active .gnb>ul>li>a,
.active .gnb>ul>li.on>a {
	line-height: 100px;
	color: rgba(0, 0, 0, 0.8);
}

header>.active .gnb>ul>li:hover>a,
.active .gnb>ul>li.on:hover>a {
	color: #24548b;
}

header>.active .menu-right a {
	background: url(../../images/gnb_menu_b.png) center center no-repeat;
	width: 80px;
	height: 100px;
}

header>.active .gnb>ul>li>a:after {
	background: #184682;
}

/* sitemap */
#allMenu {
	width: 100%;
	position: fixed;
	display: none;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(19, 21, 25, 1);
	overflow-x: hidden;
	z-index: 30;
	transition: background .5s;
}

#allMenu .btn-close {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.1) url('../../images/lnb_close.png') center no-repeat;
	background-size: 40%;
	z-index: 10;
}

.menu-wrap {
	overflow-y: auto;
	height: 100%;
	position: relative;
}

.menu-wrap .menu_con {
	width: 1100px;
	margin: 0 auto;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sitemap {
	width: 1100px;
	margin-top: 20%;
	display: flex;
	flex-wrap: wrap;
}

.sitemap:after {
	content: '';
	display: block;
	clear: both;
}

.sitemap>li {
	flex: 1;
	font-size: 48px;
	font-family: 'gmarketsansBold';
	letter-spacing: 0;
}

.sitemap>li:first-child {
	flex: 0.5;
}

.sitemap .sitemap_2depth {
	margin-top: 40px;
	font-family: 'gmarketsansMedium';
}

.sitemap .sitemap_2depth>li {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 15px;
	width: calc(100% - 14px);
}

.sitemap .sitemap_2depth>li a {
	color: #fff;
	display: inline-block;
}

.sitemap .sitemap_2depth>li a:hover {
	color: #999;
}

.sitemap .sitemap_2depth>li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 8px;
	background: #fff;
	margin: 0 10px 7px 0;
}

.sitemap .sitemap_3depth {
	margin: 10px 0 0 15px;
}

.sitemap .sitemap_3depth li {
	font-size: 24px;
	color: rgba(255, 252, 255, 0.6);
	line-height: 36px;
	margin-left: 10px;
}


/* 탑버튼 */
.topBtn {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 100px;
	z-index: 2;
	width: 60px;
	height: 60px;
}

.topBtn .topClr {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.8);
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0px 30px 60px 0px rgba(2, 31, 147, 0.25);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.25s;
}

.topBtn .topClr .topArr {
	display: block;
	width: 2px;
	height: 35px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: 0.25s;
}

.topBtn .topClr .topArr:before {
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	transform: rotate(-45deg);
	position: absolute;
	right: calc(100% - 1px);
	top: 0px;
	background: #fff;
	transition: 0.25s;
	transform-origin: 100%;
}

.topBtn .topClr .topArr:after {
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	transform: rotate(45deg);
	position: absolute;
	left: calc(100% - 1px);
	top: 0;
	background: #fff;
	transition: 0.25s;
	transform-origin: 0;
}

/* 메인 스크롤 애니메이션 */
.main_scroll_icon {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	animation: upDown 1.5s ease-in-out infinite;
}

@keyframes upDown {
	0% {
		opacity: 0.5;
		transform: translate(-50%, -5px);
	}

	50% {
		opacity: 1;
		transform: translate(-50%, 5px);
	}

	100% {
		opacity: 0.5;
		transform: translate(-50%, -5px);
	}
}

/* 메인 > 배너 */
.slide_wrapper {
	height: 900px;
	overflow: hidden;
	position: relative;
}

.slide {
	left: 0;
	top: 0;
	width: calc(100% * 3);
	display: flex;
	position: absolute;
}

.slide.animated {
	transition: 0.5s ease-out;
}

.slide>li {
	width: calc(100% / 3);
	height: 900px;
	text-align: center;
	background-size: cover;
}

.slide.animated li {
	background-size: cover;
}

.slide_wrapper input {
	display: none;
}

.slide_wrapper .bullet {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.slide_wrapper .bullet label {
	display: inline-block;
	width: 60px;
	height: 4px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.7);
	font-size: 0;
	cursor: pointer;
}

.slide_wrapper>button {
	position: absolute;
	top: 360px;
	_background-color: rgba(255, 255, 255, 0);
	width: 60px;
	height: 140px;
	cursor: pointer;
	z-index: 10;
}

.slide_wrapper>button:hover {
	background-color: rgba(255, 255, 255, 0.1);
	transition: background-color .5s;
}

.m_slide_pre {
	left: 1%;
	background: url('../../images/btn_pre.png') center no-repeat;
	border-radius: 0px 20px 20px 0px;
}

.m_slide_next {
	right: 1%;
	background: url('../../images/btn_next.png') center no-repeat;
	border-radius: 20px 0 0px 20px;
}

.slide_page {
	width: 85%;
	margin: 0 auto;
	position: relative;
	background: #ddd;
	z-index: 2;
}

.slide_page ul {
	position: absolute;
	top: 400px;
	right: 0;
	width: 20px;
}

.slide_page ul li {
	margin-bottom: 8px;
}

.slide_page ul li a {
	background: rgba(255, 255, 255, 0.1);
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 30px;
}

.slide_page ul li.active a,
.slide_page ul li a:hover {
	background: rgba(255, 255, 255, 1);
	transition: background .2s;
}

.mb_more {
	color: #fff;
	display: inline-block;
	padding: 15px 30px;
	border: 1px solid #fff;
	border-radius: 30px;
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 40px;
}

.mb_more:hover {
	background: #fff;
	color: #222;
	transition: background .5s, color .5s;
}

.slide .m_bn01 {
	width: 100%;
	background: url('../../images/m_bn01.png') center no-repeat;
}

.slide .m_bn02 {
	width: 100%;
	background: url('../../images/m_bn02.png') center no-repeat;
}

.slide .m_bn03 {
	width: 100%;
	background: url('../../images/m_bn03.png') center no-repeat;
}

.slide .m_bn04 {
	width: 100%;
	background: url('../../images/m_bn04.png') center no-repeat;
}

.main_wrap {
	position: relative;
	width: 100%;
}

.m_bn_txt {
	width: 100%;
	top: 0;
	left: 0;
}

.m_bn_txt .m_icon {
	text-align: center;
	padding-top: 230px;
}

.m_bn_txt .m_bn_txt_in {
	width: 1280px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	padding-top: 30px;
}

.m_bn_txt .m_bn_txt_in li {
	color: #fff;
	letter-spacing: -1px;
}

.m_bn_txt .m_bn_txt_in li.headcopy {
	font-size: 65px;
	line-height: 73px;
	font-family: 'GmarketSansBold';
	letter-spacing: -2.5px;
}

.m_bn_txt .m_bn_txt_in li.subcopy {
	font-size: 35px;
	line-height: 40px;
	margin-top: 10px;
}

.m_bn_txt .m_bn_txt_in li.copy {
	font-size: 24px;
	margin-top: 20px;
	font-family: 'GmarketSansLight';
}

.m_t30 {
	margin-top: 0px;
}

/* 메인 > 컨텐츠 */
.m_con_box_mobile {
	display: none;
}

.m_con_wrap {
	width: 100%;
	position: relative;
}

.m_con_in {
	width: 1280px;
	margin: 0 auto;
	padding: 140px 0 0px;
}

.m_con_in .m_tit {
	position: relative;
}

.m_con_in .m_tit p {
	font-size: 20px;
	margin-bottom: 20px;
	font-family: 'GmarketSansMedium';
	color: #999;
}

.m_con_in .m_tit h2 {
	font-size: 44px;
	letter-spacing: -2px;
	line-height: 40px;
	font-family: 'GmarketSansBold';
	color: #222;
	text-align: center;
}

.m_con_bg {
	background: rgba(28, 122, 30, 0.5);
	width: calc(50% - 640px);
	height: 286px;
	position: absolute;
	bottom: -40px;
	right: 0;
}

.m_con_box {
	margin-top: 80px;
	position: relative;
}

.m_con_box:after {
	content: '';
	display: block;
	clear: both;
}

.m_con_box .video_wrap {
	float: left;
	width: 880px;
	height: 530px;
	overflow: hidden;
}

.m_con_box .video_wrap video {
	width: 100%;
}

.m_con_box .m_con_txt {
	float: left;
	margin: 40px 0 0 50px;
}

.m_con_box .m_con_txt>ul,
.m_con_box .m_con_txt2>ul {
	font-size: 16px;
}

.m_con_box .m_con_txt>ul a,
.m_con_box .m_con_txt2>ul a {
	color: #999;
}

.m_con_box .m_con_txt>ul a:hover,
.m_con_box .m_con_txt2>ul a:hover {
	color: #222;
}

.m_con_box .m_con_txt>ul a:after,
.m_con_box .m_con_txt2>ul a:after {
	content: '>';
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	color: #ddd;
}

.m_con_box .m_con_txt>ul a:hover:after,
.m_con_box .m_con_txt2>ul a:hover:after {
	color: #222;
}

.m_con_box .m_con_txt2>ul {
	margin-left: 40px;
}

.m_con_box .m_con_txt h3 {
	font-size: 36px;
	margin-top: 20px;
	color: #222;
	font-family: 'GmarketSansBold';
}

.m_con_box .m_con_txt h3 span,
.m_con_box .m_con_txt2 h3 span {
	font-family: 'GmarketSansMedium';
	padding-left: 5px;
	font-size: 18px;
	letter-spacing: 0;
}

.m_con_box .m_con_sub_slide_wrap {
	width: 60%;
	height: 226px;
	padding: 30px;
	overflow: hidden;
	position: absolute;
	bottom: -40px;
	right: 0;
	background: rgba(28, 122, 30, 0.5);
	z-index: 1;
}

.m_con_box .m_con_sub_slide_wrap .m_slide_btn {
	position: relative;
}

.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev {
	position: absolute;
	left: -30px;
	display: inline-block;
	width: 30px;
	height: 227px;
	cursor: pointer;
	background: rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat;
	background-size: 10px;
}

.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev:hover {
	background-color: rgba(44, 144, 45, 0.6);
	transition: background .3s;
}

.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next:hover {
	background-color: #53a154;
	transition: background .3s;
}

.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next {
	position: absolute;
	right: -30px;
	display: inline-block;
	width: 30px;
	height: 227px;
	cursor: pointer;
	background: #8dbc8e url(../../images/arr_next.png) center no-repeat;
	background-size: 10px;
	;
}

.m_con_box .m_con_sub_slide_wrap ul {
	white-space: nowrap;
	overflow-x: auto;
}

.m_con_box .m_con_sub_slide_wrap ul li {
	display: inline-block;
}

/* 스크롤바 스타일 */
.m_con_sub_slide_wrap ul::-webkit-scrollbar {
	height: 10px;
}

.m_con_sub_slide_wrap ul::-webkit-scrollbar-thumb {
	background-color: #145c15;
	border-radius: 10px;
	background-clip: padding-box;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.m_con_sub_slide_wrap ul::-webkit-scrollbar-track {
	background-color: rgba(44, 144, 45, 0.0);
	_box-shadow: inset 0px 0px 5px white;
}


.m_con_box .m_con_txt2 {
	float: left;
	margin: 40px 0 0 50px;
}

.m_con_box .m_con_txt2 p {
	float: left;
	height: 150px;
}

.m_con_box .m_con_txt2 h3 {
	float: left;
	margin-top: 30px;
	font-size: 36px;
	color: #222;
	font-family: 'GmarketSansBold';
}

.m_con_box .m_con_txt2>ul {
	margin-top: 20px;
}

.m_con_box .m_con_txt3 {}

.m_con_box .m_con_txt3 p {
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}

.m_con_box .m_con_txt3 h3 {
	float: left;
	font-size: 36px;
	color: #222;
	font-family: 'GmarketSansBold';
	padding-top: 12px;
}

.m_system_img {
	float: right;
	position: relative;
}

.box_yellow {
	position: absolute;
	top: 180px;
	left: -65px;
	background: rgba(230, 205, 34, 0.7);
	width: 240px;
	height: 160px;
	z-index: 2;
	animation: yellow 2s ease-in-out infinite;
}

@keyframes yellow {
	0% {
		opacity: 0.5;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.5;
	}
}

/* 서브배너 */
.s_bn_wrap {
	position: relative;
	width: 100%;
}

.s_bn_wrap .bn_tit {
	position: absolute;
	top: 210px;
	left: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: 'GmarketSansBold';
	font-size: 36px;
	z-index: 10;
}

.s_bn_wrap .bn_tit .location {
	font-size: 13px;
	letter-spacing: 0;
	font-family: 'GmarketSansMedium';
	color: rgba(255, 255, 255, 0.6);
}

.s_bn_wrap .bn_tit .location span:before {
	content: '';
	background: url('../../images/i_location.png') center no-repeat;
	width: 8px;
	height: 8px;
	opacity: 0.5;
	display: inline-block;
	margin: 0 10px;
}

.s_bn_wrap .bn_tit .location span:last-child {
	font-family: 'gmarketsansBold';
	color: #ddd;
}

.s_bn_wrap .s_bn_img {
	overflow: hidden;
	height: 460px;
}

.s_bn_wrap .s_bn_img .s_bn01 {
	background: url(../../images/bn_about.png) center no-repeat;
	padding-top: 100px;
	height: 360px;
	background-size: cover;
}

.s_bn_wrap .s_bn_img .s_bn02 {
	background: url(../../images/new_bg01.png) center no-repeat;
	padding-top: 100px;
	height: 360px;
	background-size: cover;
}

.s_bn_wrap .s_bn_img .s_bn03 {
	background: url(../../images/new_bg02.png) center no-repeat;
	padding-top: 100px;
	height: 360px;
	background-size: cover;
}

.s_bn_wrap .s_bn_img .s_bn04 {
	background: url(../../images/new_bg03.png) center no-repeat;
	padding-top: 100px;
	height: 360px;
	background-size: cover;
}

.s_bn_wrap .s_bn_img .s_bn05 {
	background: url(../../images/new_bg04.png) center no-repeat;
	padding-top: 100px;
	height: 360px;
	background-size: cover;
}


.content {
	width: 1280px;
	margin: 0 auto;
	padding: 30px 0;
}

.content h3 {
	position: relative;
	font-size: 36px;
	color: #222;
	font-family: 'GmarketsansBold';
	margin-top: 80px;
	letter-spacing: -2px;
}

.content h3:before {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #2f3c5f;
	margin-bottom: 20px;
}

.content_in {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	padding: 30px 0px;
}

.h3_txt {
	margin-top: 5px;
	font-size: 17px;
	line-height: 24px;
	color: #555;
	font-family: 'GmarketsansLight';
	font-weight: bold;
}


.sub_top_box {
	margin-top: 30px;
	background: #f2f5fd;
	line-height: 18px;
	_border: 1px solid #d5d8df;
	padding: 50px 50px 50px 230px;
	color: #555;
	border-radius: 20px;
	letter-spacing: -0.3px;
}

.sub_top_box.s01 {
	background: #f2f5fd url(../../images/s_icon01.png) 60px center no-repeat;
}

.sub_top_box.s02 {
	background: #f2f5fd url(../../images/s_icon02.png) 60px center no-repeat;
}

.sub_top_box.s03 {
	background: #f2f5fd url(../../images/s_icon03.png) 60px center no-repeat;
}

.sub_top_box.s04 {
	background: #f2f5fd url(../../images/s_icon04.png) 60px center no-repeat;
}

/* 05, 06은 앞에 로고 추가건으로 인해 클래스명 변경 및 css 추가 */
.sub_top_box.s05 {
	background: #f2f5fd url(../../images/korail_logo.png) 35px center no-repeat;
	background-size: 170px;
}

.sub_top_box.s06 {
	background: #f2f5fd url(../../images/gas_logo.png) 35px center no-repeat;
	background-size: 170px;
}

.sub_top_box.s07 {
	background: #f2f5fd url(../../images/incheon_logo.png) 35px center no-repeat;
	background-size: 170px;
}

.sub_top_box.s08 {
	background: #f2f5fd url(../../images/s_icon05.png) 60px center no-repeat;
}

.sub_top_box>.tit {
	font-size: 20px;
	color: #2f3c5f;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

.sub_top_box>.tit em {
	font-family: 'GmarketsansBold';
}

.sub_top_box>ul {
	margin: 10px 0 0 7px;
}

.sub_top_box>ul>li {
	text-indent: -7px;
	padding-left: 7px;
	margin-bottom: 5px;
	font-size: 15px;
}

.sub_top_box>ul>li:last-child {
	margin-bottom: 0;
}

.sub_top_box>ul>li:before {
	content: '-';
	display: inline-block;
	margin-right: 5px;
}

.sub_top_box>span {
	display: inline-block;
	margin-top: 20px;
	background: #848a90;
	padding: 5px 8px;
	color: #fff;
}

.m_erp_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.m_erp_list>li {
	flex: 1;
	position: relative;
}

.m_erp_list>li a {
	display: block;
	color: #fff;
	padding: 100px 70px;
	position: relative;
}

.m_erp_list>li a:after {
	content: '>';
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	line-height: 100px;
	font-family: 'GmarketSansbold';
	display: none;
	width: 50px;
	height: 100px;
	position: absolute;
	top: 40%;
	right: 2px;
	background: rgba(0, 0, 0, 0.5);
}

.m_erp_list>li a:hover:after {
	display: block;
	transition: background-color .5s;
}

.m_erp_list>li:nth-child(1) {
	margin-right: 10px;
	background: url(../../images/m_img03.png) no-repeat;
	background-size: cover;
}

.m_erp_list>li:nth-child(2) {
	background: url(../../images/m_img04.png) no-repeat;
	background-size: cover;
}

.m_erp_list>li:before {
	display: inline-block;
	font-family: 'GmarketSansbold';
	color: rgba(255, 255, 255, 0.1);
	font-size: 100px;
	position: absolute;
	top: -15px;
	right: -20px;
}

.m_erp_list>li:nth-child(1):before {
	content: 'ERP';
}

.m_erp_list>li:nth-child(2):before {
	content: 'MES';
}

.m_erp_list>li>a>ul {
	display: flex;
	flex-wrap: wrap;
}

.m_erp_list>li>a>ul>li {
	flex: 1 40%;
	font-size: 24px;
	line-height: 50px;
}

.m_erp_list>li>a>ul>li:before {
	content: '-';
	display: inline-block;
	margin-right: 5px;
}


/* 회사소개 */
.m_about_wrap {
	width: 100%;
	height: 800px;
	background: url(../../images/m_about.png) no-repeat;
	background-size: cover;
	position: relative;
}

.m_about_in {
	max-width: 1280px;
	margin: 0 auto;
	color: #fff;
	position: relative;
}

.m_about_in .m_about_tit {
	width: 100%;
	padding: 80px 0 0 0;
	font-size: 30px;
	font-family: 'GmarketSansbold';
}

.m_about_in .m_about_box {
	background: rgba(20, 21, 26, 0.9);
	width: calc(100% - 140px);
	padding: 70px;
	height: 400px;
	position: absolute;
	top: 170px;
	right: 0;
	font-size: 22px;
	line-height: 26px;
}

.m_about_in .m_about_box .m_about_tit_s {
	font-size: 30px;
	line-height: 40px;
	position: relative;
	margin-top: 30px;
}

.m_about_in .m_about_box .m_about_tit_s:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: -30px;
	left: 0;
}

.m_about_in .m_about_box .m_about_tit_s span {
	color: #397dda;
}

.about_list {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: between-content;
}

.about_list li {
	flex: 1;
	text-align: center;
	position: relative;
}

.about_list li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	top: 0;
	right: 0;
}

.about_list li:last-child:after {
	display: none;
}

.about_list li:hover {
	background-color: rgba(57, 125, 218, 0.1) !important;
	transition: background .5s;
}

.about_list li:hover a {
	color: #397dda;
	transition: color .3s;
}

.about_list li a {
	display: block;
	padding: 120px 20px 40px;
	color: #fff;
}

.about_list li a p {
	color: rgba(255, 255, 255, 0.5);
	font-size: 18px;
	margin-top: 10px;
}

.about_list li.a1 {
	background: url(../../images/icon_a1.png) center 30px no-repeat;
}

.about_list li.a2 {
	background: url(../../images/icon_a2.png) center 30px no-repeat;
}

.about_list li.a3 {
	background: url(../../images/icon_a3.png) center 30px no-repeat;
}

.about_list li.a4 {
	background: url(../../images/icon_a4.png) center 30px no-repeat;
}

.m_about_bg {
	background: rgba(20, 21, 26, 0.9);
	width: calc(50% - 640px);
	height: 540px;
	position: absolute;
	top: 170px;
	right: 0;
}

.tab_wrap {
	width: 100%;
	background: #232f4e;
	z-index: 10;
}

.tab {
	text-align: center;
	width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.tab li {
	flex: 1;
	font-size: 20px;
	line-height: 65px;
	margin-left: 1px;
}

.tab li:first-child {
	margin-left: 0;
}

.tab li a {
	display: block;
	color: rgba(255, 255, 255, 0.2);
	position: relative;
}

.tab li.on a:before {
	content: '';
	display: block;
	width: 100%;
	height: 6px;
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: 4px 4px 0 0;
}

.tab li.on a,
.tab02 li a:hover {
	color: rgba(255, 255, 255, 1);
	transition: background 0.5s;
}

.tab02 {
	text-align: center;
	width: 1280px;
	display: flex;
	justify-content: space-between;
}

.tab02 li {
	flex: 1;
	font-size: 20px;
	line-height: 65px;
	margin-left: 1px;
}

.tab02 li:first-child {
	margin-left: 0;
}

.tab02 li a {
	display: block;
	color: #d1d1d1;
	background: #e8e8e8;
	height: 65px;
}

.tab02 li.on a,
.tab02 li a:hover {
	color: #fff;
	background: #191d2b;
	transition: background 0.5s;
}

.tab02 li.on,
.tab02 li:hover {
	box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
	z-index: 2;
}

/* 특허 및 인증 */
.patent_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.patent_list li {
	flex: 20%;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 30px;
}

/* .patent_list li:last-child, .patent_list li:nth-child(4) {margin-right:0;} */
.patent_list li p {
	line-height: 20px;
}

.patent_list li p span {
	display: block;
	color: #999;
	margin-bottom: 5px;
}

.patent_list li img {
	width: 100%;
	border: 2px solid #ddd;
	margin-bottom: 5px;
	margin-bottom: 20px;
	cursor: pointer;
}

/* 연혁 */
.history_wrap {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	padding-top: 30px;
}

.history_wrap .history_list {}

.history_wrap .history_list li {
	display: flex;
}

.history_wrap .history_list li .history_text {
	flex: 1;
	width: calc(50% - 150px);
	padding: 70px 0 70px 70px;
	margin-left: 80px;
	font-size: 20px;
	border-left: 1px solid #ddd;
}

.history_wrap .history_list li .history_photo {
	flex: 1;
	width: 50%;
	margin-top: 50px;
}

.history_wrap .history_list li .history_photo img {
	width: 100%;
	margin-bottom: 5px;
}

.history_wrap .history_list li .history_photo img:nth-child(2) {
	width: 80%;
}

.history_wrap .history_list li:last-child {
	margin-bottom: 0px;
}

.history_wrap .history_list li .year {
	font-size: 40px;
	font-family: 'GmarketsansBold';
	color: #222;
	position: relative;
}

.history_wrap .history_list li .year:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ddd;
	border-radius: 30px;
	position: absolute;
	top: 15px;
	left: -77px;
}

.history_wrap .history_list li .month_list {
	margin-top: 40px;
	font-size: 17px;
}

.history_wrap .history_list li .month_list li {
	margin-bottom: 10px;
	display: flex;
	line-height: 24px;
	color: #222;
}

.history_wrap .history_list li .month_list li em {
	display: inline-block;
	/* width:50px; */
}

.history_wrap .history_list li .month_list li p {
	font-family: 'GmarketsansLight';
	font-weight: bold;
}

.history_wrap .history_list li .month_list li p span {
	display: block;
	color: #999;
	letter-spacing: 0;
	font-size: 14px;
}

/* 오시는길 */
.location_wrap {
	position: relative;
	width: 100%;
	max-height: 700px;
	margin-top: 20px;
}

.location_wrap .map {
	max-height: 700px;
	overflow: hidden;
	text-align: center;
	background: #f2f2f2;
}

.location_wrap .map img {
	width: auto;
	height: 700px;
}

.location_wrap .map iframe {
	width: 100%;
	height: 700px;
}

.address_wrap {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.address_wrap .address_in {
	width: 1280px;
	margin: 140px auto;
}

.address_box {
	width: 270px;
	height: 270px;
	text-align: center;
	float: right;
	background: rgba(29, 29, 25, 0.9);
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	padding: 65px;
	box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.5);
}

.address_box .l_logo:after {
	content: '';
	display: block;
	width: 20px;
	margin: 40px auto 40px;
	height: 2px;
	background: #fff;
}

.sub_top {
	margin-top: 30px;
}

.sub_top p {
	font-size: 18px;
	line-height: 26px;
	margin: 0px 0 15px;
	color: #444;
	position: relative;
}

.s_tit {
	font-size: 18px;
	color: #222;
	letter-spacing: -1.5px;
	position: relative;
}

.s_txt,
.s_list {
	margin: 10px 0 0 0px;
	color: #777;
	font-size: 15px;
	line-height: 20px;
	font-family: 'gmarketsansLight';
	font-weight: bold;
}

.s_list li:before {
	content: '-';
	display: inline-block;
	margin-right: 10px;
}

.s_list li {
	margin-bottom: 5px;
}

.s_tit:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 60px;
	background: #2b66b1;
	position: absolute;
	top: -2px;
	left: -10px;
}

.s_img {
	margin-top: 15px;
}

.s_img img {
	width: 100%;
}

.about_wrap {
	width: 1010px;
	margin: 30px auto;
	position: relative;
}

.about_wrap:after {
	content: '';
	display: inline-block;
	width: 133px;
	height: 85px;
	position: absolute;
	top: -18px;
	right: -40px;
	background: url(../../images/about_img1.png) no-repeat;
}

.about_wrap .about_tit {
	background: url(../../images/about_img.png) no-repeat;
	width: calc(100% - 80px);
	margin: 0 auto;
	padding: 60px 0 0 80px;
	height: 260px;
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.5);
}

.about_tit:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 3px;
	background: #fff;
	margin-bottom: 30px;
}

.about_wrap .about_tit span {
	font-family: 'gmarketsansBold';
	color: #96f4ff;
}

.about_wrap .about_txt {
	font-family: 'gmarketsansLight';
	font-weight: bold;
	margin-top: 50px;
	font-size: 18px;
	line-height: 26px;
	color: #222;
}

.about_wrap .about_txt em {
	font-family: 'gmarketsansMedium';
	color: #12265d;
}

/* 작물생육 자동측정 신단 시스템 이미지 */
.solution02_img {
	border-bottom: 1px solid #978d5e;
	text-align: center;
	margin-top: 20px;
}

.solution02_img img {
	width: 100%;
}

.kiosk_wrap {
	background: url(../../images/kiosk_bg.png) repeat-x;
	margin: 18px 0 80px;
	height: 442px;
}

.kiosk_in {
	width: 1030px;
	margin: 0 auto;
	padding-left: 250px;
	background: url(../../images/kiosk_01.png) no-repeat;
	height: 500px;
}

/* solution */
.smart_list {
	overflow: hidden;
	margin-top: 15px;
}

.smart_list li {
	float: left;
	width: calc(25% - 5px);
	margin: 0 2.5px;
	padding-bottom: 10px;
}

.smart_list li p {
	text-align: center;
	margin-top: 10px;
}

.smart_list li img {
	width: 100%;
}

.erp_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

.erp_list>li {
	flex: 1 1 40%;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	margin: 0 5px 5px 0;
}

.erp_list>li:nth-child(even) {
	margin-right: 0px;
}

.erp_list>li p {
	font-size: 16px;
	background: #f2f2f2;
	padding: 12px 0 12px;
	text-align: center;
	color: #222;
}

.erp_list>li>ul {
	margin-top: 15px;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
	justify-content: space-between;
}

.erp_list>li>ul>li {
	margin: 0 0 5px 0;
	flex: 1 1 30%;
}

.erp_list>li {
	background: url(../../images/erp_ico01.png) no-repeat;
}

.erp_wrap {
	background: #ddd url(../../images/erp_bg.png) 90% no-repeat;
	width: 100%;
	padding: 60px 0;
	_height: 350px;
	margin-bottom: 40px;
}

.erp_in {
	max-width: 1280px;
	margin: 0 auto;
	padding: 10px 0 10px;
}

.erp_in>.s_tit:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 60px;
	background: #fff;
	position: absolute;
	top: -4px;
	left: -10px;
}

.erp_list2 {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
}

.erp_list2>li {
	flex: 1 40%;
	margin-right: 5px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.1);
	padding: 20px;
	border-radius: 5px;
}

.erp_list2>li:nth-child(even) {
	margin-left: 5px;
	margin-right: 0;
}

.erp_list2>li p {
	font-size: 26px;
	padding: 15px 0 10px;
	text-align: center;
	color: #fff;
}

.erp_list03 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.erp_list03 li {
	display: flex;
	flex: 1 1 30%;
	margin: 0 5px 5px 0;
	position: relative;
	_height: 245px;
	border: 1px solid #ddd;
}

.erp_list03 li:nth-child(3),
.erp_list03 li:nth-child(6) {
	margin-right: 0;
}

.erp_list03 li img {
	width: 100%;
	_height: 245px;
}

.erp_list03 li p {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px 10px;
	width: calc(100% - 20px);
}

.erp_list03_1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.erp_list03_1 li {
	display: flex;
	flex: 1 1 30%;
	margin: 0 5px 5px 0;
	position: relative;
	border: 1px solid #ddd;
}

.erp_list03_1 li:nth-child(3),
.erp_list03 li:nth-child(6) {
	margin-right: 0;
}

.erp_list03_1 li img {
	width: 100%;
}

.erp_list03_1 li>span {
	display: block;
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 90px;
	height: 90px;
	line-height: 95px;
	position: absolute;
	top: -4px;
	left: -4px;
	border: 4px solid #fff;
}

.erp_list03_1 li:nth-child(1)>span {
	background: rgba(40, 121, 12, 0.8);
}

.erp_list03_1 li:nth-child(2)>span {
	background: rgba(8, 86, 86, 0.8);
}

.erp_list03_1 li:nth-child(3)>span {
	background: rgba(13, 53, 87, 0.8);
}

.erp_list04 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.erp_list04 li {
	display: flex;
	flex: 1 1 20%;
	margin-right: 5px;
	position: relative;
	border: 1px solid #ddd;
}

.erp_list04 li:nth-child(4n) {
	margin-right: 0;
}

.erp_list04 li img {
	width: 100%;
}

.list_01 {
	display: flex;
	flex-wrap: wrap;
}

.list_01 div:first-child {
	margin-right: 20px;
}

.list_01 div {
	flex: 1 30%;
}

.mes_list {
	margin-top: 10px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.mes_list>li {
	flex: 1 1 20%;
	_padding: 10px 0 0;
	margin: 0 5px 5px 0;
	border: 1px solid #ddd;
}

.mes_list>li:nth-child(4n) {
	margin-right: 0;
}

.mes_list .tit {
	background: #ddd;
	color: #222;
	font-family: 'gmarketsansBold';
	font-size: 16px;
	padding: 20px 15px 15px;
}

.mes_list>li>ul {}

.mes_list>li>ul>li {
	margin-bottom: 5px;
}

.mes_list>li>ul>li>p {
	background: #f6f6f6;
	padding: 10px;
}

.mes_list>li>ul>li>p:before {
	content: '-';
	display: inlie-block;
	padding-right: 5px;
}

.mes_list>li>ul>li>ul {
	padding: 10px 20px;
}

.mes_list>li>ul>li>ul>li {
	margin-bottom: 5px;
	font-family: 'gmarketsansLight';
	font-weight: bold;
}

.mes_list>li>ul>li>ul>li:before {
	content: '·';
	display: inlie-block;
	padding-right: 5px;
}

/* .mes_list .mes_list_2depth {margin:-17px 0 0 0px; padding:25px 10px 10px; border:1px solid #ddd; background:#fff; border-radius:0 10px 10px; min-height:210px;}
.mes_list .mes_list_2depth > li {padding:10px; _margin-bottom:10px; }
.mes_list .mes_list_2depth > li > p {font-weight:bold; color:#222;}
.mes_list .mes_list_3depth {margin-top:5px; overflow:hidden;}
.mes_list .mes_list_3depth > li {float:left; margin-right:20px;}
.mes_list .mes_list_3depth > li:before {content:'-'; display:inline-block; margin-right:5px;} */

/*  kiosk */
.kiosk_list {
	margin-top: 15px;
	display: flex;
}

.kiosk_list li {
	flex: 1;
	color: #222;
	border: 1px solid #ddd;
	margin-right: 5px;
	padding: 160px 20px 30px 20px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
}

.kiosk_list li:last-child {
	margin-right: 0;
}

.kiosk_list li p {
	font-family: 'gmarketsansLight';
	font-weight: bold;
	font-size: 16px;
	color: #666;
}

.kiosk_list li.kiosk_ico01 {
	background: url(../../images/kiosk_ico01.png) center 30px no-repeat;
}

.kiosk_list li.kiosk_ico02 {
	background: url(../../images/kiosk_ico02.png) center 30px no-repeat;
}

.kiosk_list li.kiosk_ico03 {
	background: url(../../images/kiosk_ico03.png) center 30px no-repeat;
}

.tabs {
	padding-top: 17px;
}

.tabs>ul {
	width: 300px;
	overflow: hidden;
}

.tabs>ul>li {
	float: left;
	width: calc(33.33% - 1px);
	margin-right: 1px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	background: #eaeaea;
}

.tabs>ul>li.on,
.tabs>ul>li:hover {
	background: #b41a1e;
	color: #fff;
	transition: background .5s, color .5;
}

.kiosk_list02 {
	width: 100%;
	margin-top: 18px;
}

.kiosk_list02>li {
	position: relative;
	float: left;
	width: calc(20% - 5px);
	margin-right: 5px;
	_height: 348px;
	overflow: hidden;
}

.kiosk_list02>li img {
	width: 100%;
}

.kiosk_list02>li p {
	font-size: 11px;
	letter-spacing: 0;
	text-align: right;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 5px 10px;
	bottom: 0;
	right: 0;
}

.kiosk_list03 {
	width: 100%;
	margin-top: 18px;
}

.kiosk_list03>li {
	position: relative;
	_height: 170px;
	float: left;
	width: calc(33.3% - 5px);
	margin: 0 5px 8px 0;
}

.kiosk_list03>li img {
	width: 100%;
}

.kiosk_list03>li p {
	font-size: 11px;
	letter-spacing: 0;
	text-align: right;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 5px 10px;
	bottom: 0;
	right: 0;
}

.conbox {
	display: none;
	margin-top: 15px;
}

.conbox.on {
	display: block;
}

/* button */
.btn_gray_b {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	padding: 14px 34px;
	font-size: 18px;
}

.btn_black_b {
	background: #191919;
	color: #fff;
	border: 1px solid #191919;
	padding: 14px 34px;
	font-size: 18px;
}

.btn_black_line_b {
	background: #fff;
	color: #191919;
	border: 1px solid #191919;
	padding: 14px 34px;
	font-size: 18px;
}

.btn_black {
	background: #191919;
	color: #fff;
	border: 1px solid #191919;
	padding: 10px 25px;
	font-size: 16px;
}

.btn_black_line {
	background: #fff;
	color: #191919;
	border: 1px solid #191919;
	padding: 10px 25px;
	font-size: 16px;
}

.btn_gray {
	background: #999;
	color: #fff;
	border: 1px solid #999;
	padding: 10px 25px;
	font-size: 16px;
}

.btn_black_s {
	background: #191919;
	color: #fff;
	border: 1px solid #191919;
	padding: 10px 15px;
	font-size: 13px;
}

.btn_black_ss {
	background: #191919;
	color: #fff;
	border: 1px solid #191919;
	padding: 3px 10px;
	font-size: 13px;
}

.btn_black_line_ss {
	background: #fff;
	color: #191919;
	border: 1px solid #191919;
	padding: 3px 10px;
	font-size: 13px;
}

.btn_black_b:hover,
.btn_black_line_ss:hover,
.btn_black_s:hover,
.btn_brown_line_b:hover,
.btn_gray_b:hover,
.btn_black_line_b:hover,
.btn_black:hover,
.btn_black_line:hover,
.btn_gray:hover,
.tb_total button:hover,
.btn_black_ss:hover {
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
	transition: box-shadow .3s;
}

/*footer*/
footer {
	width: 100%;
	display: block;
	background: #191919;
}

footer .footer {
	max-width: 1280px;
	margin: 0px auto;
	padding: 50px 0;
	overflow: hidden;
}

footer .footer>a {
	display: inline-block;
	width: 250px;
	float: left;
}

footer .footer .footer_text {
	margin-top: 15px;
	width: calc(100% - 250px);
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

footer .footer .footer_text p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
}

footer .footer .footer_text p span {
	display: inline-block;
	margin-left: 20px;
}

footer .footer .footer_text p:nth-child(4) {
	margin-top: 10px;
	font-size: 10px;
}

footer .footer .footer_text p.chrome_link {
	font-siez: 14px;
	color: #668fa3;
	letter-spacing: -1px;
	margin-top: 20px;
}


/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1280px)*/
@media all and (min-width:768px) and (max-width:1280px) {

	.wrap {
		min-width: 100%;
	}

	/* sitemap */
	.menu-wrap .menu_con {
		width: calc(100% - 60px);
		padding: 0 30px;
		justify-content: center;
	}

	.sitemap {
		width: auto;
		margin-top: 140px;
		flex-direction: column;
	}

	.sitemap>li {
		flex: 1;
		font-size: 40px;
		margin-bottom: 25px;
	}

	.sitemap .sitemap_2depth {
		margin-top: 20px;
	}

	.sitemap .sitemap_2depth>li {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.sitemap .sitemap_2depth>li:before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 8px;
		background: #fff;
		margin: 0 10px 5px 0;
	}

	.sitemap .sitemap_3depth {
		margin: 5px 0 15px 15px;
	}

	.sitemap .sitemap_3depth li {
		font-size: 22px;
		color: rgba(255, 252, 255, 0.6);
		line-height: 26px;
		margin: 0 0 5px 7px;
	}

	header {
		width: 100%;
		display: none;
	}

	.header_in {
		width: 100%;
	}

	.header_in_wrap {
		height: 70px;
		width: calc(100% - 15px);
	}

	.header_in_wrap a.logo {
		width: 190px;
		background-size: 90%;
		float: left;
		display: block;
	}

	.header_in_wrap>.menu_right {
		width: 70px;
		height: 70px;
	}

	.header_in_wrap>.menu_right a {
		width: 70px;
		height: 70px;
	}

	/* 메인 > 배너 */
	.slide_wrapper {
		height: 900px;
		overflow: hidden;
		position: relative;
	}

	.slide {
		left: 0;
		top: 0;
		width: calc(100% * 3);
		display: flex;
		position: absolute;
	}

	.m_slide_pre {
		left: 0%;
	}

	.m_slide_next {
		right: 0%;
	}

	.mb_more {
		color: #fff;
		display: inline-block;
		padding: 15px 30px;
		border: 1px solid #fff;
		border-radius: 30px;
		font-size: 12px;
		letter-spacing: 0;
		margin-top: 40px;
	}

	.mb_more:hover {
		background: #fff;
		color: #222;
		transition: background .5s, color .5s;
	}

	.main_wrap {
		position: relative;
		width: 100%;
	}

	.m_bn_txt {
		width: 100%;
		top: 0;
		left: 0;
	}

	.m_bn_txt .m_bn_txt_in {
		width: 100%;
		padding-top: 30px;
	}

	.m_bn_txt .m_bn_txt_in li {
		color: #fff;
		letter-spacing: -1px;
	}

	.m_bn_txt .m_bn_txt_in li.headcopy {
		font-size: 55px;
		line-height: 55px;
	}

	.m_bn_txt .m_bn_txt_in li.subcopy {
		font-size: 30px;
		line-height: 34px;
		margin-top: 10px;
	}

	.m_bn_txt .m_bn_txt_in li.copy {
		font-size: 24px;
		margin-top: 20px;
	}

	.m_t30 {
		margin-top: 0px;
	}

	.slide_page ul {
		top: 400px;
	}


	/* 메인 > 컨텐츠 */
	.m_con_bg {
		display: none;
	}

	.m_con_box.m_none {
		display: none;
	}

	.m_con_box {
		margin-top: 60px;
	}

	.m_con_box_mobile {
		display: block;
		position: relative;
	}

	.m_con_box_mobile .m_con_txt h3 {
		font-size: 36px;
		margin-top: 10px;
		color: #222;
		font-family: 'GmarketSansBold';
	}

	.m_con_box_mobile .m_con_txt h3 span {
		font-family: 'GmarketSansMedium';
		padding-left: 5px;
		font-size: 18px;
		letter-spacing: 0;
	}

	.m_con_box_mobile {
		margin-top: 50px;
	}

	.m_con_box_mobile video {
		width: 100%;
	}

	.m_con_sub_slide_wrap {
		width: calc(100% - 40px);
		height: 200px;
		padding: 20px;
		overflow: hidden;
		position: absolute;
		bottom: -214px;
		right: 0;
		background: rgba(28, 122, 30, 0.5);
		z-index: 1;
	}

	.m_con_sub_slide_wrap .m_slide_btn {
		position: relative;
	}

	.m_con_sub_slide_wrap .m_slide_btn .prev {
		position: absolute;
		left: -20px;
		display: inline-block;
		width: 20px;
		height: 200px;
		cursor: pointer;
		background: rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat;
		background-size: 10px;
	}

	.m_con_sub_slide_wrap .m_slide_btn .prev:hover {
		background-color: rgba(44, 144, 45, 0.6);
		transition: background .3s;
	}

	.m_con_sub_slide_wrap .m_slide_btn .next:hover {
		background-color: #53a154;
		transition: background .3s;
	}

	.m_con_sub_slide_wrap .m_slide_btn .next {
		position: absolute;
		right: -20px;
		display: inline-block;
		width: 20px;
		height: 200px;
		cursor: pointer;
		background: #8dbc8e url(../../images/arr_next.png) center no-repeat;
		background-size: 10px;
		;
	}

	.m_con_sub_slide_wrap ul {
		display: flex;
	}

	.m_con_sub_slide_wrap ul li {
		margin-right: 5px;
	}

	.m_con_sub_slide_wrap ul li img {
		height: 200px;
	}

	.m_con_box_mobile .m_con_txt ul {
		margin: 10px 0 20px;
	}

	.m_con_box_mobile .m_con_txt a {
		color: #666;
		font-size: 18px;
	}

	.m_con_box_mobile .m_con_txt>ul a:after {
		content: '>';
		font-size: 12px;
		display: inline-block;
		margin-left: 10px;
		color: #999;
	}

	.m_con_box_mobile .m_system_img {
		float: none;
	}

	.m_con_box_mobile .m_system_img img {
		width: 100%;
	}

	.m_con_wrap {
		width: calc(100% - 60px);
		margin: 0 30px;
		position: relative;
	}

	.m_con_wrap>.m_con_in {
		width: 100%;
		margin: 0;
		padding: 80px 0 0px;
	}

	.m_con_in {
		width: calc(100% - 60px);
		margin: 0 30px;
		margin: 0 auto;
		padding: 40px 0 0px;
	}

	.m_con_in .m_tit {
		position: relative;
	}

	.m_con_in .m_tit p {
		font-size: 20px;
		margin-bottom: 15px;
		font-family: 'GmarketSansMedium';
	}

	.m_con_in .m_tit h2 {
		font-size: 35px;
		letter-spacing: -1px;
		line-height: 35px;
		font-family: 'GmarketSansBold';
		color: #222;
		text-align: center;
	}

	.m_con_bg {
		display: none;
	}

	.m_con_box {
		margin-top: 80px;
		position: relative;
	}

	.m_con_box:after {
		content: '';
		display: block;
		clear: both;
	}

	.m_con_box .video_wrap {
		float: left;
		width: 700px;
		height: 530px;
		overflow: hidden;
	}

	.m_con_box .video_wrap video {
		width: 100%;
	}

	.m_con_box .m_con_txt {
		float: left;
		margin: 40px 0 0 50px;
	}

	.m_con_box .m_con_txt>ul,
	.m_con_box .m_con_txt2>ul {
		font-size: 16px;
	}

	.m_con_box .m_con_txt>ul a,
	.m_con_box .m_con_txt2>ul a {
		color: #999;
	}

	.m_con_box .m_con_txt>ul a:hover,
	.m_con_box .m_con_txt2>ul a:hover {
		color: #222;
	}

	.m_con_box .m_con_txt>ul a:after,
	.m_con_box .m_con_txt2>ul a:after {
		content: '>';
		font-size: 12px;
		display: inline-block;
		margin-left: 10px;
		color: #ddd;
	}

	.m_con_box .m_con_txt>ul a:hover:after,
	.m_con_box .m_con_txt2>ul a:hover:after {
		color: #222;
	}

	.m_con_box .m_con_txt h3 {
		font-size: 36px;
		margin-top: 20px;
		color: #222;
		font-family: 'GmarketSansBold';
	}

	.m_con_box .m_con_txt h3 span,
	.m_con_box .m_con_txt2 h3 span {
		font-family: 'GmarketSansMedium';
		padding-left: 5px;
		font-size: 18px;
		letter-spacing: 0;
	}

	.m_con_box .m_con_sub_slide_wrap {
		width: 60%;
		height: 226px;
		padding: 30px;
		overflow: hidden;
		position: absolute;
		bottom: -40px;
		right: 0;
		background: rgba(28, 122, 30, 0.5);
		z-index: 1;
	}

	.m_con_box .m_con_sub_slide_wrap .m_slide_btn {
		position: relative;
	}

	.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev {
		position: absolute;
		left: -30px;
		display: inline-block;
		width: 30px;
		height: 227px;
		cursor: pointer;
		background: rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat;
		background-size: 10px;
	}

	.m_con_box .m_con_sub_slide_wrap .m_slide_btn .prev:hover {
		background-color: rgba(44, 144, 45, 0.6);
		transition: background .3s;
	}

	.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next:hover {
		background-color: #53a154;
		transition: background .3s;
	}

	.m_con_box .m_con_sub_slide_wrap .m_slide_btn .next {
		position: absolute;
		right: -30px;
		display: inline-block;
		width: 30px;
		height: 227px;
		cursor: pointer;
		background: #8dbc8e url(../../images/arr_next.png) center no-repeat;
		background-size: 10px;
		;
	}

	.m_con_sub_slide_wrap ul {
		white-space: nowrap;
		overflow-x: auto;
	}

	.m_con_sub_slide_wrap ul li {
		display: inline-block;
	}

	.m_con_sub_slide_wrap ul li img {
		height: 200px;
	}


	.m_erp_list {
		display: flex;
		flex-direction: column;
		margin-top: 10px;
	}

	.m_erp_list>li:nth-child(1) {
		margin: 0 0 10px 0px;
		background: url(../../images/m_img03.png) no-repeat;
		background-size: cover;
	}

	.m_erp_list>li:nth-child(2) {
		background: url(../../images/m_img04.png) no-repeat;
		background-size: cover;
	}

	.m_erp_list>li>a>ul>li {
		flex: 1 40%;
	}


	/* 회사소개 */
	.m_about_wrap {
		width: 100%;
		height: auto;
		background: url(../../images/m_about.png) no-repeat;
		background-size: cover;
		position: relative;
	}

	.m_about_in {
		width: 100%;
		margin: 0 auto;
		color: #fff;
		position: relative;
		padding-bottom: 30px;
	}

	.m_about_in .m_about_tit {
		width: calc(100% - 30px);
		padding: 80px 0 0 30px;
		font-size: 26px;
		font-family: 'GmarketSansbold';
	}

	.m_about_in .m_about_box {
		background: rgba(20, 21, 26, 0.9);
		width: calc(100% - 200px);
		padding: 70px;
		margin: 20px auto 0;
		height: auto;
		position: initial;
		font-size: 22px;
		line-height: 26px;
	}

	.m_about_in .m_about_box .m_about_tit_s {
		font-size: 30px;
		line-height: 40px;
		position: relative;
		margin-top: 30px;
	}

	.m_about_in .m_about_box .m_about_tit_s:before {
		content: '';
		display: inline-block;
		width: 50px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: -30px;
		left: 0;
	}

	.m_about_in .m_about_box .m_about_tit_s span {
		color: #397dda;
	}

	.about_list {
		margin-top: 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: between-content;
	}

	.about_list li {
		flex: 1;
		text-align: center;
		position: relative;
	}

	.about_list li:after {
		content: '';
		display: inline-block;
		width: 1px;
		height: 100%;
		background: rgba(255, 255, 255, 0.1);
		position: absolute;
		top: 0;
		right: 0;
	}

	.about_list li:last-child:after {
		display: none;
	}

	.about_list li:hover {
		background-color: rgba(57, 125, 218, 0.1) !important;
		transition: background .5s;
	}

	.about_list li:hover a {
		color: #397dda;
		transition: color .3s;
	}

	.about_list li a {
		display: block;
		padding: 120px 20px 40px;
		color: #fff;
	}

	.about_list li a p {
		color: rgba(255, 255, 255, 0.5);
		font-size: 18px;
		margin-top: 10px;
	}

	.about_list li.a1 {
		background: url(../../images/icon_a1.png) center 30px no-repeat;
	}

	.about_list li.a2 {
		background: url(../../images/icon_a2.png) center 30px no-repeat;
	}

	.about_list li.a3 {
		background: url(../../images/icon_a3.png) center 30px no-repeat;
	}

	.about_list li.a4 {
		background: url(../../images/icon_a4.png) center 30px no-repeat;
	}

	.m_about_bg {
		background: rgba(20, 21, 26, 0.9);
		width: calc(50% - 640px);
		height: 540px;
		position: absolute;
		top: 170px;
		right: 0;
	}


	.tab {
		width: 100%;
	}

	.tab li {
		flex: 1;
		font-size: 16px;
		line-height: 55px;
		margin-left: 1px;
	}

	.tab li:first-child {
		margin-left: 0;
	}

	.tab02 {
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.tab02 li {
		flex: 1;
		font-size: 15px;
		margin-left: 1px;
		vertical-align: center;
	}

	.tab02 li:first-child {
		margin-left: 0;
	}

	.tab02 li a {
		display: block;
		color: #d1d1d1;
		background: #e8e8e8;
		padding: 10px 0;
		position: relative;
	}

	.tab02 li a p {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.tab02 li.on a,
	.tab02 li a:hover {
		color: #fff;
		background: #191d2b;
		transition: background 0.5s;
	}

	.tab02 li.on,
	.tab02 li:hover {
		box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
		z-index: 2;
	}


	.content {
		width: calc(100% - 60px);
		margin: 0 auto;
		_padding: 80px 30px;
	}

	.content h3 {
		font-size: 26px;
		color: #222;
		font-family: 'GmarketsansBold';
		margin-top: 50px;
	}

	/* 인사말 */
	.about_wrap {
		width: 85%;
		margin: 15px auto;
		position: relative;
	}

	.about_wrap .about_tit {
		background-size: cover;
		width: calc(100% - 80px);
		height: auto;
		padding: 50px 30px 50px 50px;
		font-size: 28px;
		line-height: 36px;
	}

	.about_tit:before {
		content: '';
		display: inline-block;
		width: 40px;
		height: 3px;
		background: #fff;
		margin-bottom: 30px;
	}

	.about_wrap .about_tit span {
		font-family: 'gmarketsansBold';
		color: #96f4ff;
	}

	.about_wrap .about_txt {
		margin-top: 40px;
		font-size: 18px;
		line-height: 24px;
		color: #222;
	}

	/* 연혁 */
	.history_wrap .history_list li .history_text {
		width: calc(70% - 70px);
		padding: 50px 0 70px 50px;
		margin-left: 50px;
	}

	.history_wrap .history_list li .history_photo {
		width: 30%;
	}

	.history_wrap .history_list li .year:before {
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		background: #ddd;
		border-radius: 30px;
		position: absolute;
		top: 15px;
		left: -57px;
	}

	.erp_wrap {
		padding: 30px 0;
		margin-bottom: 20px;
	}

	.erp_in {
		max-width: 100%;
		margin: 0 auto;
		padding: 10px 0 10px;
	}

	.erp_in>.s_tit {
		margin: 0 30px;
	}

	.erp_in>.s_tit:before {
		content: '';
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 60px;
		background: #fff;
		position: absolute;
		top: -4px;
		left: -10px;
	}

	.erp_list2 {
		margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
		padding: 0 30px;
	}

	.erp_list2>li {
		flex: 1 40%;
		margin-right: 5px;
		margin-bottom: 10px;
		background: rgba(255, 255, 255, 0.1);
		padding: 10px;
		border-radius: 5px;
	}

	.erp_list2>li:nth-child(even) {
		margin-left: 5px;
		margin-right: 0;
	}

	.erp_list2>li p {
		font-size: 20px;
		padding: 5px 0;
		text-align: center;
		color: #fff;
	}

	.erp_list03 {
		display: flex;
		flex-wrap: wrap;
	}

	.erp_list03 li {
		flex: 1 1 40%;
		margin: 0 5px 5px 0;
	}

	.erp_list03 li:nth-child(even) {
		margin-right: 0;
	}

	.erp_list03 li:nth-child(3) {
		margin: 0 5px 5px 0;
	}

	/*  kiosk */
	.kiosk_wrap {
		background: #eee;
		margin: 0;
		height: 100%;
		padding: 0 30px 30px;
		overflow: hidden;
	}

	.kiosk_in {
		width: 100%;
		margin: 0 auto;
		padding-left: 0px;
		background: none;
		height: auto;
	}


	/* 오시는길 */
	.location_wrap {
		position: relative;
		width: 100%;
		height: 500px;
		margin-top: 20px;
	}

	.location_wrap .map {
		height: 500px;
		overflow: hidden;
	}

	.location_wrap .map img {
		width: auto;
		height: 500px;
	}

	.location_wrap .map>iframe {
		width: 100%;
		height: 500px;
	}

	.address_wrap {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.address_wrap .address_in {
		width: 100%;
		margin: 70px auto;
	}

	.address_box {
		width: 200px;
		height: 200px;
		font-size: 18px;
		line-height: 24px;
		padding: 40px 65px 70px;
		margin-right: 40px;
	}

	.address_box .l_logo:after {
		content: '';
		display: block;
		width: 20px;
		margin: 20px auto 20px;
		height: 2px;
		background: #fff;
	}

	/*footer*/
	footer .footer {
		width: 100%;
		padding: 30px 0;
	}

	footer .footer>a {
		margin-left: 20px;
	}

	footer .footer .footer_text {
		width: calc(100% - 270px);
	}

	.sub_top_box.s05 {
		background: #f2f5fd url(../../images/korail_logo.png) no-repeat;
		background-size: 150px;
		background-position: 24px 50px;
	}

	.sub_top_box.s06 {
		background: #f2f5fd url(../../images/gas_logo.png) no-repeat;
		background-size: 160px;
		background-position: 24px 50px;
	}

}



/* 모바일 가로, 모바일 세로 (해상도 360px ~ 787px)*/
@media all and (max-width:787px) {
	.wrap {
		min-width: 100%;
	}

	.popup img {
		width: 300px;
	}

	header {
		width: 100%;
	}

	.header_in {
		width: 100%;
	}

	.header_in_wrap {
		height: 60px;
	}

	.header_in_wrap a.logo {
		width: 190px;
		margin-top: 10px;
		background-size: 75%;
		float: left;
		display: block;
	}

	.header_in_wrap>.gnb {
		visibility: hidden;
	}

	.header_in_wrap>.menu-right {
		text-align: right;
		flex: 1;
		height: 60px;
	}

	.header_in_wrap>.menu-right a {
		width: 60px;
		height: 60px;
	}

	/* 스크롤시 header 변경 */
	header>.active a.logo {
		background-size: 75%;
	}

	header>.active .menu-right a {
		width: 60px;
		height: 60px;
	}

	/* sitemap */
	#allMenu .btn-close {
		top: 0px;
		right: 0px;
		width: 60px;
		height: 60px;
	}

	.menu-wrap {
		display: flex;
		justify-content: center;
	}

	.menu-wrap .menu_con {
		width: calc(100% - 60px);
		padding: 0 30px;
		justify-content: center;
	}

	.sitemap {
		width: auto;
		margin-top: 80px;
		display: flex;
		flex-direction: column;
	}

	.sitemap:after {
		content: '';
		display: block;
		clear: both;
	}

	.sitemap>li {
		flex: 1;
		font-size: 22px;
		margin-bottom: 20px;
	}

	.sitemap>li:first-child {
		flex: 0.5;
	}

	.sitemap .sitemap_2depth {
		margin-top: 10px;
	}

	.sitemap .sitemap_2depth>li {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 5px;
	}

	.sitemap .sitemap_2depth>li:before {
		margin: 0 10px 2px 0;
	}

	.sitemap .sitemap_3depth {
		margin: 5px 0 10px 15px;
	}

	.sitemap .sitemap_3depth li {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 0px 7px;
	}

	/* 메인 > 배너 */
	.slide_wrapper {
		height: 600px;
	}

	.slide {
		height: 600px;
	}

	.slide>li {
		width: calc(100% / 3);
		height: 600px;
	}

	.slide_wrapper input {
		display: none;
	}

	.slide_wrapper .bullet {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 10;
	}

	.slide_wrapper .bullet label {
		display: inline-block;
		width: 60px;
		height: 4px;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.7);
		font-size: 0;
		cursor: pointer;
	}

	.slide_wrapper>button {
		position: absolute;
		top: 220px;
		_background-color: rgba(255, 255, 255, 0);
		width: 30px;
		height: 140px;
		cursor: pointer;
		z-index: 10;
	}

	.slide_wrapper>button:hover {
		background-color: rgba(255, 255, 255, 0.1);
		transition: background-color .5s;
	}

	.m_slide_pre {
		left: 0;
		background: url('../../images/btn_pre.png') center no-repeat;
		border-radius: 0px 20px 20px 0px;
		background-size: 50%;
	}

	.m_slide_next {
		right: 0;
		background: url('../../images/btn_next.png') center no-repeat;
		border-radius: 20px 0 0px 20px;
		background-size: 50%;
	}

	.slide_page {
		display: none;
	}

	.mb_more {
		color: #fff;
		display: inline-block;
		padding: 15px 30px;
		border: 1px solid #fff;
		border-radius: 30px;
		font-size: 12px;
		letter-spacing: 0;
		margin-top: 40px;
	}

	.mb_more:hover {
		background: #fff;
		color: #222;
		transition: background .5s, color .5s;
	}

	.m_bn_txt .m_icon {
		padding-top: 80px;
	}

	.m_bn_txt .m_icon img {
		width: 36%;
	}

	.m_bn_txt .m_bn_txt_in {
		clear: both;
		text-align: center;
		color: #fff;
		width: 80%;
		margin: 0 auto;
		padding-top: 20px;
	}

	.m_bn_txt .m_bn_txt_in li {
		color: #fff;
		letter-spacing: -1px;
	}

	.m_bn_txt .m_bn_txt_in li.headcopy {
		font-size: 38px;
		line-height: 38px;
		font-family: 'GmarketSansBold';
	}

	.m_bn_txt .m_bn_txt_in li.headcopy span,
	.m_bn_txt .m_bn_txt_in li.subcopy span,
	.m_bn_txt .m_bn_txt_in li.copy span {
		display: block;
	}

	.m_bn_txt .m_bn_txt_in li.subcopy {
		font-size: 20px;
		line-height: 26px;
		margin-top: 20px;
	}

	.m_bn_txt .m_bn_txt_in li.copy {
		font-size: 16px;
		margin-top: 10px;
		font-family: 'GmarketSansLight';
	}

	.mb_more {
		margin-top: 25px;
		padding: 10px 15px;
		font-size: 11px;
	}

	.slide .m_bn01 {
		width: 100%;
		background: url('../../images/m_bn01_m.png') center no-repeat;
	}

	.slide .m_bn02 {
		width: 100%;
		background: url('../../images/m_bn02_m.png') center no-repeat;
	}

	.slide .m_bn03 {
		width: 100%;
		background: url('../../images/m_bn03_m.png') center no-repeat;
	}

	.slide .m_bn04 {
		width: 100%;
		background: url('../../images/m_bn04_m.png') center no-repeat;
	}

	.m_t30 {
		margin-top: 30px;
	}

	/* 메인 > 컨텐츠 */
	.m_con_wrap {
		width: 100%;
		position: relative;
	}

	.m_con_in {
		width: calc(100% - 40px);
		margin: 0 20px;
		margin: 0 auto;
		padding: 40px 0 0px;
	}

	.m_con_in .m_system_img>img {
		width: 100%;
	}

	.m_con_in .m_tit {
		position: relative;
		margin-top: 40px;
	}

	.m_con_in .m_tit h2 {
		font-size: 38px;
		letter-spacing: -2px;
		line-height: 42px;
		font-family: 'GmarketSansBold';
		color: #222;
		text-align: center;
	}

	.m_con_in .m_tit h2 span {
		display: block;
	}

	.m_con_bg {
		display: none;
	}

	.m_con_box.m_none {
		display: none;
	}

	.m_con_box {
		margin-top: 60px;
	}

	.m_con_box_mobile {
		display: block;
		position: relative;
	}

	.m_con_box_mobile .m_con_txt h3 {
		font-size: 36px;
		margin-top: 10px;
		color: #222;
		font-family: 'GmarketSansBold';
	}

	.m_con_box_mobile .m_con_txt h3 span {
		font-family: 'GmarketSansMedium';
		padding-left: 5px;
		font-size: 18px;
		letter-spacing: 0;
	}

	.m_con_box_mobile {
		margin-top: 50px;
	}

	.m_con_box_mobile video {
		width: 100%;
	}

	.m_con_sub_slide_wrap {
		width: calc(100% - 40px);
		height: 200px;
		padding: 20px;
		overflow: hidden;
		position: absolute;
		bottom: -214px;
		right: 0;
		background: rgba(28, 122, 30, 0.5);
		z-index: 1;
	}

	.m_con_sub_slide_wrap .m_slide_btn {
		position: relative;
	}

	.m_con_sub_slide_wrap .m_slide_btn .prev {
		position: absolute;
		left: -20px;
		display: inline-block;
		width: 20px;
		height: 200px;
		cursor: pointer;
		background: rgba(44, 144, 45, 0.0) url(../../images/arr_pre.png) center no-repeat;
		background-size: 10px;
	}

	.m_con_sub_slide_wrap .m_slide_btn .prev:hover {
		background-color: rgba(44, 144, 45, 0.6);
		transition: background .3s;
	}

	.m_con_sub_slide_wrap .m_slide_btn .next:hover {
		background-color: #53a154;
		transition: background .3s;
	}

	.m_con_sub_slide_wrap .m_slide_btn .next {
		position: absolute;
		right: -20px;
		display: inline-block;
		width: 20px;
		height: 200px;
		cursor: pointer;
		background: #8dbc8e url(../../images/arr_next.png) center no-repeat;
		background-size: 10px;
		;
	}

	.m_con_sub_slide_wrap ul {
		white-space: nowrap;
		overflow-x: auto;
	}

	.m_con_sub_slide_wrap ul li {
		display: inline-block;
	}

	.m_con_sub_slide_wrap ul li img {
		height: 200px;
	}

	.m_con_box_mobile .m_con_txt ul {
		margin: 10px 0 20px;
	}

	.m_con_box_mobile .m_con_txt a {
		color: #666;
		font-size: 18px;
	}

	.m_con_box_mobile .m_con_txt>ul a:after {
		content: '>';
		font-size: 12px;
		display: inline-block;
		margin-left: 10px;
		color: #999;
	}

	.m_con_box_mobile .m_system_img {
		float: none;
	}

	.box_yellow {
		display: none;
	}


	.m_erp_list {
		display: flex;
		flex-direction: column;
		margin: 10px 0 0;
	}

	.m_erp_list>li {
		flex: 1;
		position: relative;
		margin-top: 5px;
	}

	.m_erp_list>li a {
		padding: 40px 30px;
	}

	.m_erp_list>li:nth-child(1) {
		margin: 0px;
	}

	.m_erp_list>li>a>ul>li {
		flex: 1 40%;
		font-size: 18px;
		line-height: 50px;
	}

	.m_erp_list>li a:after {
		top: 35%;
	}

	/* 회사소개 */
	.m_about_wrap {
		width: 100%;
		height: auto;
		background: url(../../images/m_about.png) no-repeat;
		background-size: cover;
		position: relative;
	}

	.m_about_in {
		width: 100%;
		margin: 0 auto;
		color: #fff;
		position: relative;
		padding-bottom: 20px;
	}

	.m_about_in .m_about_tit {
		width: calc(100% - 30px);
		padding: 60px 15px 0 15px;
		font-size: 20px;
		font-family: 'GmarketSansbold';
	}

	.m_about_in .m_about_box {
		background: rgba(20, 21, 26, 0.9);
		width: calc(100% - 120px);
		padding: 40px;
		height: auto;
		position: initial;
		margin: 20px auto 0;
	}

	.m_about_in .m_about_box .m_about_tit_s {
		font-size: 20px;
		line-height: 24px;
		position: relative;
		margin-top: 30px;
	}

	.m_about_in .m_about_box .m_about_tit_s:before {
		content: '';
		display: inline-block;
		width: 50px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: -30px;
		left: 0;
	}

	.m_about_in .m_about_box .m_about_tit_s span {
		color: #397dda;
	}

	.about_list {
		margin: 20px 20px 0 0;
	}

	.about_list li {
		flex: 1 40%;
	}

	.about_list li:after {
		content: '';
		display: none;
	}

	.about_list li:last-child:after {
		display: none;
	}

	.about_list li:hover {
		background-color: rgba(57, 125, 218, 0.1) !important;
		transition: background .5s;
	}

	.about_list li:hover a {
		color: #397dda;
		transition: color .3s;
	}

	.about_list li a {
		display: block;
		padding: 100px 20px 20px;
		color: #fff;
	}

	.about_list li a p {
		color: rgba(255, 255, 255, 0.5);
		font-size: 14px;
		margin-top: 10px;
	}

	.about_list li.a1 {
		background: url(../../images/icon_a1.png) center 20px no-repeat;
	}

	.about_list li.a2 {
		background: url(../../images/icon_a2.png) center 20px no-repeat;
	}

	.about_list li.a3 {
		background: url(../../images/icon_a3.png) center 20px no-repeat;
	}

	.about_list li.a4 {
		background: url(../../images/icon_a4.png) center 20px no-repeat;
	}

	.m_about_bg {
		display: none;
	}

	/* 서브배너 */
	.s_bn_wrap .bn_tit {
		top: 130px;
		font-size: 26px;
	}

	.s_bn_wrap .bn_tit .location {
		display: none;
	}

	.s_bn_wrap .s_bn_img {
		overflow: hidden;
		height: 260px;
	}

	.tab {
		width: 100%;
	}

	.tab li {
		flex: 1;
		font-size: 16px;
		line-height: 55px;
		margin-left: 1px;
	}

	.tab li:first-child {
		margin-left: 0;
	}

	.tab02 {
		text-align: center;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.tab02 li {
		flex: 1;
		font-size: 13px;
		letter-spacing: -1px;
		line-height: 18px;
		margin-left: 1px;
		vertical-align: center;
	}

	.tab02 li:first-child {
		margin-left: 0;
	}

	.tab02 li a {
		display: block;
		color: #d1d1d1;
		background: #e8e8e8;
		padding: 10px 0;
		position: relative;
	}

	.tab02 li a p {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}

	.tab02 li a span {
		display: block;
	}

	.tab02 li.on a,
	.tab02 li a:hover {
		color: #fff;
		background: #191d2b;
		transition: background 0.5s;
	}

	.tab02 li.on,
	.tab02 li:hover {
		box-shadow: 2px 2px 10px rgb(0 0 0 / 50%);
		z-index: 2;
	}


	.history_img_list {
		display: none;
	}

	.content {
		width: calc(100% - 60px);
		margin: 0 auto;
	}

	.content h3 {
		font-size: 26px;
		color: #222;
		font-family: 'GmarketsansBold';
		margin-top: 50px;
	}

	/* 인사말 */
	.about_wrap {
		width: 100%;
		margin: 15px auto;
		position: relative;
	}

	.about_wrap:after {
		content: '';
		display: inline-block;
		width: 133px;
		height: 85px;
		position: absolute;
		top: -18px;
		right: -20px;
		background: url(../../images/about_img1.png) no-repeat;
	}

	.about_wrap .about_tit {
		background: url(../../images/about_img.png) no-repeat;
		width: calc(100% - 60px);
		margin: 0 auto;
		height: auto;
		color: #fff;
		padding: 50px 30px 30px 30px;
		font-size: 18px;
		line-height: 28px;
		box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.5);
	}

	.about_tit:before {
		content: '';
		display: inline-block;
		width: 40px;
		height: 3px;
		background: #fff;
		margin-bottom: 30px;
	}

	.about_wrap .about_tit span {
		font-family: 'gmarketsansBold';
		color: #96f4ff;
	}

	.about_wrap .about_txt {
		margin-top: 30px;
		font-size: 16px;
		line-height: 24px;
		color: #222;
	}

	/* 연혁 */
	.history_wrap {
		border-top: 1px solid #ddd;
		margin-top: 30px;
		padding-top: 30px;
	}

	.history_wrap .history_list>ul>li {
		display: flex;
		flex-direction: column;
	}

	.history_wrap .history_list li .history_text {
		flex: 1;
		width: calc(100% - 0px);
		padding: 40px 0 100px 0px;
		margin-left: 0px;
		font-size: 20px;
		border-left: 0;
	}

	.history_wrap .history_list li .history_photo {
		flex: 1;
		width: calc(100% - 0px);
		margin: 0 0 0 0px;
		padding-left: 0px;
		border-left: 0;
	}

	.history_wrap .history_list li .year:before {
		display: none;
	}

	.history_wrap .history_list li .month_list {
		margin-top: 10px;
	}


	/* 특허 및 인증 */
	.patent_list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.patent_list li {
		flex: 1 1 40%;
		text-align: center;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	.patent_list li:nth-child(even) {
		margin-right: 0;
	}

	.patent_list li p {
		line-height: 20px;
	}

	.patent_list li p span {
		display: block;
		color: #999;
		margin-bottom: 5px;
	}

	.patent_list li img {
		width: 100%;
		border: 2px solid #ddd;
		margin-bottom: 5px;
		margin-bottom: 20px;
	}


	.sub_top_box {
		margin-top: 30px;
		background: #f2f5fd;
		font-size: 16px;
		line-height: 22px;
		line-height: 18px;
		padding: 120px 20px 20px 20px;
		color: #555;
		border-radius: 20px;
		letter-spacing: -0.3px;
	}

	.sub_top_box.s01 {
		background: #f2f5fd url(../../images/s_icon01.png) center 0px no-repeat;
	}

	.sub_top_box.s02 {
		background: #f2f5fd url(../../images/s_icon02.png) center 0px no-repeat;
	}

	.sub_top_box.s03 {
		background: #f2f5fd url(../../images/s_icon03.png) center 0px no-repeat;
	}

	.sub_top_box.s04 {
		background: #f2f5fd url(../../images/s_icon04.png) center 0px no-repeat;
	}

	.sub_top_box>.tit {
		font-size: 20px;
		color: #2f3c5f;
		letter-spacing: -1px;
		margin: 10px 0;
	}


	/* 오시는길 */
	.location_wrap {
		position: relative;
		width: 100%;
		height: 500px;
		margin-top: 20px;
	}

	.location_wrap .map {
		height: 500px;
		overflow: hidden;
	}

	.location_wrap .map img {
		width: auto;
		height: 500px;
	}

	.location_wrap .map>iframe {
		width: 100%;
		height: 500px;
	}

	.address_wrap {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.address_wrap .address_in {
		width: 100%;
		margin-top: 30px;
	}

	.address_box {
		height: auto;
		text-align: center;
		float: right;
		background: rgba(29, 29, 25, 0.9);
		color: #fff;
		font-size: 14px;
		line-height: 18px;
		padding: 30px 30px 30px;
		box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.5);
	}

	.address_box .l_logo {
		display: none;
	}


	/*  kiosk */
	.kiosk_wrap {
		background: #eee;
		margin: 0;
		height: 100%;
		padding: 0 30px 30px;
	}

	.kiosk_in {
		width: 100%;
		margin: 0 auto;
		padding-left: 0px;
		background: none;
		height: auto;
	}

	.tabs {
		padding-top: 17px;
	}

	.tabs>ul {
		width: 300px;
		overflow: hidden;
	}

	.tabs>ul>li {
		float: left;
		width: calc(33.33% - 1px);
		margin-right: 1px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		background: #eaeaea;
	}

	.tabs>ul>li.on,
	.tabs>ul>li:hover {
		background: #b41a1e;
		color: #fff;
		transition: background .5s, color .5;
	}

	.kiosk_list02 {
		width: 100%;
		margin-top: 18px;
		overflow: hidden;
	}

	.kiosk_list02>li {
		position: relative;
		float: left;
		width: calc(50% - 5px);
		margin: 0 5px 5px 0;
		height: auto;
		overflow: hidden;
	}

	.kiosk_list02>li:nth-child(even) {
		margin-right: 0;
	}

	.kiosk_list02>li img {
		width: 100%;
	}

	.kiosk_list02>li p {
		font-size: 11px;
		letter-spacing: 0;
		text-align: right;
		position: absolute;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		padding: 5px 10px;
		bottom: 0;
		right: 0;
	}

	.kiosk_list03 {
		width: 100%;
		margin-top: 18px;
		overflow: hidden;
	}

	.kiosk_list03>li {
		position: relative;
		height: auto;
		float: left;
		width: calc(50% - 5px);
		margin: 0 0px 8px 0;
	}

	.kiosk_list03>li img {
		width: 100%;
	}

	.kiosk_list03>li p {
		font-size: 11px;
		letter-spacing: 0;
		text-align: right;
		position: absolute;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		padding: 5px 10px;
		bottom: 0;
		right: 0;
	}


	.kiosk_list {
		margin-top: 15px;
		display: flex;
		flex-direction: column;
	}

	.kiosk_list li {
		margin: 0 0 8px 0;
		padding: 160px 20px 30px 20px;
		text-align: center;
		font-size: 18px;
		line-height: 22px;
	}

	.kiosk_list li:last-child {
		margin-right: 0;
	}

	.kiosk_list li p {
		font-family: 'gmarketsansLight';
		font-weight: bold;
		font-size: 16px;
		color: #666;
	}

	.kiosk_list li.kiosk_ico01 {
		background: url(../../images/kiosk_ico01.png) center 30px no-repeat;
	}

	.kiosk_list li.kiosk_ico02 {
		background: url(../../images/kiosk_ico02.png) center 30px no-repeat;
	}

	.kiosk_list li.kiosk_ico03 {
		background: url(../../images/kiosk_ico03.png) center 30px no-repeat;
	}


	/* erp */
	.erp_wrap {
		padding: 30px 0;
		margin-bottom: 20px;
	}

	.erp_in {
		max-width: 100%;
		margin: 0 auto;
		padding: 10px 0 10px;
	}

	.erp_in>.s_tit {
		margin: 0 30px;
	}

	.erp_in>.s_tit:before {
		content: '';
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 60px;
		background: #fff;
		position: absolute;
		top: -4px;
		left: -10px;
	}

	.erp_list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 15px;
	}

	.erp_list>li {
		flex: 1 40%;
	}

	.erp_list>li>ul>li {
		margin: 0 0 5px 0;
		flex: 60%;
	}

	.erp_list>li {
		background: url(../../images/erp_ico01.png) no-repeat;
	}

	.erp_list2 {
		margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
		padding: 0 30px;
	}

	.erp_list2>li {
		flex: 1 60%;
		margin-right: 0px;
		margin-bottom: 10px;
		padding: 10px;
	}

	.erp_list2>li:nth-child(even) {
		margin-left: 0px;
		margin-right: 0;
	}

	.erp_list2>li p {
		font-size: 22px;
		text-align: center;
		color: #fff;
	}

	.erp_list03 {
		width: 100%;
		display: block;
		flex-wrap: wrap;
	}

	.erp_list03 li {
		flex: 1;
		margin: 0 0 5px 0;
	}

	.erp_list03_1 {
		width: 100%;
		display: block;
		flex-wrap: wrap;
	}

	.erp_list03_1 li {
		flex: 1;
		margin: 0 0 5px 0;
	}

	.erp_list04 {
		display: flex;
		flex-wrap: wrap;
	}

	.erp_list04 li {
		flex: 1 40%;
		margin: 0 5px 5px 0;
	}

	.erp_list04 li:nth-child(even) {
		margin-right: 0;
	}

	.list_01 {
		width: 100%;
		display: block;
		flex-wrap: wrap;
	}

	.list_01 div {
		flex: 1;
		margin: 0 0 20px 0;
	}


	.mes_list {
		margin-top: 10px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.mes_list>li {
		flex: 1 40%;
		margin: 0 5px 5px 0;
		border: 1px solid #ddd;
	}

	.mes_list>li:nth-child(2) {
		padding-bottom: 110px;
	}

	.mes_list>li:nth-child(4n) {
		margin-right: 5px;
	}

	.mes_list .tit {
		background: #ddd;
		color: #222;
		font-family: 'gmarketsansBold';
		font-size: 16px;
		padding: 20px 15px 15px;
	}

	.mes_list>li>ul {}

	.mes_list>li>ul>li {
		margin-bottom: 5px;
	}

	.mes_list>li>ul>li>p {
		background: #f6f6f6;
		padding: 10px;
	}

	.mes_list>li>ul>li>p:before {
		content: '-';
		display: inlie-block;
		padding-right: 5px;
	}

	.mes_list>li>ul>li>ul {
		padding: 10px 20px;
	}

	.mes_list>li>ul>li>ul>li {
		margin-bottom: 5px;
		font-family: 'gmarketsansLight';
		font-weight: bold;
	}

	.mes_list>li>ul>li>ul>li:before {
		content: '·';
		display: inlie-block;
		padding-right: 5px;
	}

	/*footer*/
	footer .footer {
		width: 100%;
		padding: 30px 0;
		text-align: center;
	}

	footer .footer>a {
		width: 190px;
		margin: 0 auto;
		float: none;
	}

	footer .footer .footer_text {
		width: 100%;
	}

	footer .footer .footer_text p span {
		display: block;
	}

	footer .footer .footer_text p:first-child {
		margin-top: 10px;
		/* font-size:10px; */
	}

	footer .footer .footer_text p.chrome_link {
		font-size: 14px;
		color: #668fa3;
		font-weight: bold;
		letter-spacing: -1px;
	}

	footer .footer .footer_text p.chrome_link a.chrome {
		display: inline-block;
		background: #668fa3;
		color: #fff;
		font-size: 12px;
		border-radius: 2px;
		margin-left: 10px;
		padding: 0 10px;
	}

	footer .footer .footer_text p.chrome_link a.chrome:hover {
		background: #4b7487;
	}

	.m_con_wrap {
		_display: none;
	}

	.sub_top_box.s05 {
		background: #f2f5fd url(../../images/korail_logo.png) no-repeat;
		background-size: 150px;
		background-position: 24px 30px;
	}

	.sub_top_box.s06 {
		background: #f2f5fd url(../../images/gas_logo.png) no-repeat;
		background-size: 160px;
		background-position: 24px 30px;
	}

	.sub_top_box.s07 {
		background: #f2f5fd url(../../images/incheon_logo.png) no-repeat;
		background-size: 110px;
		background-position: 24px 30px;
	}

	.sub_top_box.s08 {
		background: #f2f5fd url(../../images/s_icon05.png) no-repeat;
		background-size: 110px;
		background-position: 20px 30px;
	}

	/* 탑버튼 */
	.topBtn {
		bottom: 100px;
		right: 10px;
	}
}