@charset "UTF-8";

@font-face {
	font-family: "NotoSans-Thin";
	src: url('/common/font/NotoSans-Thin.eot');
	src: url('/common/font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Thin.woff') format('woff'),
		url('/common/font/NotoSans-Thin.otf') format('opentype');
	url('/common/font/NotoSans-Thin.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Thin.woff') format('woff');
}

@font-face {
	font-family: "NotoSans-Light";
	src: url('/common/font/NotoSans-Light.eot');
	src: url('/common/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Light.woff') format('woff'),
		url('/common/font/NotoSans-Light.otf') format('opentype');
	url('/common/font/NotoSans-Light.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Light.woff') format('woff');
}

@font-face {
	font-family: "NotoSans-Regular";
	src: url('/common/font/NotoSans-Regular.eot');
	src: url('/common/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Regular.woff') format('woff'),
		url('/common/font/NotoSans-Regular.otf') format('opentype');
	url('/common/font/NotoSans-Regular.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Regular.woff') format('woff');
}

@font-face {
	font-family: "NotoSans-Medium";
	src: url('/common/font/NotoSans-Medium.eot');
	src: url('/common/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Medium.woff') format('woff'),
		url('/common/font/NotoSans-Medium.otf') format('opentype');
	url('/common/font/NotoSans-Medium.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Medium.woff') format('woff');
}

@font-face {
	font-family: "NotoSans-Bold";
	src: url('/common/font/NotoSans-Bold.eot');
	src: url('/common/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Bold.woff') format('woff'),
		url('/common/font/NotoSans-Bold.otf') format('opentype');
	url('/common/font/NotoSans-Bold.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Bold.woff') format('woff');
}

@font-face {
	font-family: "NotoSans-Black";
	src: url('/common/font/NotoSans-Black.eot');
	src: url('/common/font/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
		url('/common/font/NotoSans-Black.woff') format('woff'),
		url('/common/font/NotoSans-Black.otf') format('opentype');
	url('/common/font/NotoSans-Black.ttf') format('truetype');
	src: local('?'), url('/common/font/NotoSans-Black.woff') format('woff');
}


* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%
}

/* ie 용 스크롤 바 *********************************************/
html {}

body {
	position: relative;
	font-family: 'notokr-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 14px;
	color: #555;
	letter-spacing: -0.6px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
}

ul,
ol,
li {
	list-style: none
}

img,
fieldset {
	border: none;
	vertical-align: top
}

legend,
caption {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -1
}

textarea,
button {
	vertical-align: middle
}

input,
select {
	vertical-align: middle;
	background: #fff;
	border: 1px solid #e1e1e1;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	letter-spacing: -0.6px;
	border-radius: 0;
	font-size: 16px
}

input {
	padding: 3px 20px;
}

option {
	padding: 10px;
}

input[type="radio"],
input[type="checkbox"] {
	border: 0;
	padding: 0;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="password"] {
	height: 40px;
	border: 1px solid #e1e1e1;
	color: #999;
	background: #fff;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"] {
	width: 50%;
	height: 40px;
	background: #fff;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select {
	padding: 5px;
	height: 40px;
	border: 1px solid #e1e1e1;
	background: #fff;
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #e1e1e1;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	font-size: 16px;
	letter-spacing: -0.6px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0
}

a {
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	width: 100%;
}

button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
	font-size: 16px;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

button:active {
	outline: none
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

strong {
	font-weight: normal;
	font-family: 'NotoSans-Bold'
}

small {
	font-size: 12px;
}

th {
	font-weight: normal
}

::-webkit-input-placeholder {
	color: #b1b1b1;
}

:-moz-placeholder {
	color: #b1b1b1;
	opacity: 1;
}

::-moz-placeholder {
	color: #b1b1b1;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #b1b1b1;
}

:placeholder-shown {
	color: #b1b1b1;
}


/* 간격 */
.mt0 {
	margin-top: 0px !important
}

.mt5 {
	margin-top: 5px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt15 {
	margin-top: 15px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt25 {
	margin-top: 25px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt35 {
	margin-top: 35px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt45 {
	margin-top: 45px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt55 {
	margin-top: 55px !important
}

.mt60 {
	margin-top: 60px !important
}

.taL {
	text-align: left !important
}

.taC {
	text-align: center !important
}

.taR {
	text-align: right !important
}

/*본문 바로가기*/
.goCon {
	position: fixed;
	top: -50px;
	left: 0;
	z-index: 1;
	text-align: center;
	box-sizing: border-box;
	padding: 15px 0;
	width: 100%;
	height: 50px;
	color: #fff;
	line-height: 1;
	background: #272727;
}

.goCon:focus {
	top: 0;
}


#wrap {
	position: relative;
	width: 100%;
	height: 100%
}

/*
#wrap.main{overflow:hidden;}
*/
.blackBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1101
}

/* header 웹 */
#headerW {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 70px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 1000;
	background: rgba(0, 0, 0, 0.1)
}

#headerW h1 {
	position: absolute;
	top: 10px;
	left: 40px;
	z-index: 10;
	display: flex;/* 230219 변경 */
}

/*230219추가 */
#headerW h1 .sns{
	display: block;
	vertical-align: middle;
	margin-left:10px;
	}
	
	#headerW h1 .sns ul{
		display: flex;
		float: left;
		padding-top: 13px;
	}
	
	#headerW h1 .sns ul li{
		display: flex;
		float: left;
		margin-right:5px;
	}
	
	#headerW h1 .sns ul li:last-child{
		margin-right:0px;
	}
	
	
	#headerW h1 .sns ul li img{
		width:20px;
		height:20px;
	}

#headerW h1 .logo {
	display: block;
	width: 30px;
	height: 50px;
	background: url("/common/images/logo.png") no-repeat 50% 50%;
}

#headerW .utilDiv {
	position: absolute;
	top: 0;
	right: 71px;
	padding-top: 20px;
}

#headerW .utilDiv:after {
	display: block;
	content: "";
	clear: both;
}

#headerW .utilDiv .customerBt {
	color: #fff;
	display: block;
	float: left;
	position: relative;
	padding-right: 14px;
	font-size: 17px;
}

#headerW .utilDiv .customerBt:after {
	display: block;
	content: '';
	width: 1px;
	height: 12px;
	background: #dadada;
	opacity: 0.5;
	position: absolute;
	top: 2px;
	right: 0;
}

#headerW .utilDiv .langDiv {
	position: relative;
	float: left;
	padding: 0 30px 0 13px;
}

#headerW .utilDiv .langDiv>a {
	display: block;
	width: 78px;
	height: 28px;
	background: url("/common/images/kor_btn_on.png") no-repeat left center;
}

#headerW .utilDiv .langDiv>div {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 98px;
	padding: 15px 0;
	background: #fff;
}

#headerW .utilDiv .langDiv>div>a {
	display: block;
	font-size: 15px;
	color: #555;
	line-height: 24px;
	text-align: center;
}

#headerW .fmSitBt {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 70px;
	background: url("/common/images/btn/familysite_bt.png") no-repeat 50% 50%;
}

#headerW.subHeader .fmSitBt:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 70px;
	width: 1px;
	height: 70px;
	background: rgba(255, 255, 255, 0.2);
}

#headerW.type2 {
	border-bottom: 1px solid rgba(000, 000, 000, 0.1);
}

#headerW.type2 h1 a {
	display: block;
	width: 30px;
	height: 50px;
	background: url("/common/images/logo_on.png") no-repeat 50% 50%;
}

#headerW.type2 .utilDiv .langDiv>a {
	color: #555;
	background: url("/common/images/kor_btn_on.png") no-repeat left center;
}

#headerW.type2 .fmSitBt {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 70px;
	background: url("/common/images/btn/familysite_bt_on.png") no-repeat 50% 50%;
}

#headerW.type2 .gnbDiv li .oneD {
	color: #000;
}

#headerW.type2 .utilDiv .customerBt {
	color: #555;
}

#headerW.type3 {
	background: rgba(255, 255, 255, 0.1);
}

#headerW.type4 {
	border-bottom: 1px solid rgba(000, 000, 000, 0.1);
}

#headerW.type4 h1 a {
	display: block;
	width: 30px;
	height: 50px;
	background: url("/common/images/logo_on.png") no-repeat 50% 50%;
}

#headerW.type4 .utilDiv .langDiv>a {
	color: #555;
	background: url("/common/images/btn/kor_btn_on.png") no-repeat left center;
}

#headerW.type4 .fmSitBt {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 70px;
	background: url("/common/images/btn/familysite_bt_on.png") no-repeat 50% 50%;
}

#headerW.type4 .gnbDiv li .oneD {
	color: #000;
}

#headerW.type4 .utilDiv .customerBt {
	color: #555;
}

#headerW .gnbDiv {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#headerW .gnbDiv .inner {
	width: 1140px;
	margin: 0 auto;
	height: 70px;
	overflow: hidden;
}

#headerW .gnbDiv ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#headerW .gnbDiv li {
	float: left;
	width: 200px;
}

#headerW .gnbDiv li .oneD {
	position: relative;
	display: block;
	height: 70px;
	line-height: 70px;
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

#headerW .gnbDiv li .twoD {
	padding: 28px 15px 30px;
	text-align: left
}

#headerW .gnbDiv li:nth-child(2) .twoD {
	text-align: left;
}

#headerW .gnbDiv li:nth-child(3) .twoD {
	text-align: left;
	;
}

#headerW .gnbDiv li:nth-child(4) .twoD {
	text-align: left;
}

#headerW .gnbDiv li:nth-child(5) .twoD {
	text-align: left;
}

#headerW .gnbDiv li:nth-child(6) .twoD {
	text-align: left;
}

#headerW .gnbDiv li .twoD>a {
	display: block;
	width: 100%;
	font-size: 15px;
	color: #555;
	margin-top: 13px;
}

#headerW .gnbDiv li .twoD>a.link {
	padding-right: 22px;
	background: url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 5px
}

#headerW .gnbDiv li .twoD>a:first-child {
	margin-top: 0;
}

#headerW .gnbDiv li .twoD .thrD {
	padding-top: 15px;
	position: relative;
	overflow: hidden;
	display: none
}

#headerW .gnbDiv li .twoD .thrD:before {
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	width: 2px;
	height: 100%;
	background: #ddd
}

#headerW .gnbDiv li .twoD .thrD>a {
	display: block;
	font-size: 13px;
	margin-top: 10px;
	padding-left: 15px
}

#headerW .gnbDiv li .twoD .thrD>a:first-child {
	margin-top: 0
}

#headerW.on .gnbDiv li .twoD .thrD>a:hover,
#headerW .gnbDiv li .twoD .thrD>a:focus {
	color: #ff8d00;
}

#headerW.on h1 .logo {
	display: block;
	width: 30px;
	height: 50px;
	background: url("/common/images/logo_on.png") no-repeat 50% 50%;
}

#headerW.on .utilDiv .langDiv>a {
	background: url("/common/images/kor_btn.png") no-repeat left center;
}

#headerW.on .fmSitBt {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 70px;
	height: 70px;
	background: url("/common/images/btn/familysite_bt_on.png") no-repeat 50% 50%;
}

#headerW.on .gnbDiv {
	background: #fff;
}

#headerW.on .gnbDiv:after {
	content: '';
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
}

#headerW.on .gnbDiv li .oneD {
	color: #000;
}

#headerW.on .gnbDiv li:hover .oneD,
#header.on .gnbDiv li:focus .oneD {
	color: #ff8d00;
}

#headerW.on .gnbDiv li:hover .oneD:after,
#header.on .gnbDiv li:focus .oneD:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ff8d00;
	z-index: 10;
}

#headerW.on .gnbDiv li .twoD a:hover,
#header.on .gnbDiv li .twoD a:focus {
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00
}

#headerW.on .gnbDiv li .twoD a.on {
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00
}

#headerW.on .utilDiv .customerBt {
	color: #555;
}

#headerW.on .utilDiv .customerBt:after {
	opacity: 1;
}

#headerW.on .fmSitBt:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 70px;
	width: 1px;
	height: 70px;
	background: #ddd;
}

.allMenu {
	width: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/common/images/allMenu_bg.jpg') no-repeat center center;
	z-index: 1200;
	box-sizing: border-box;
	padding-top: 20px;
	display: none;
	opacity: 0
}

.allMenu .logo {
	position: absolute;
	top: 20px;
	left: 40px;
	display: block;
	width: 180px;
	height: 36px;
	background: url("/common/images/logo.png") no-repeat 50% 50%;
}

.allMenu ul {
	width: 1140px;
	margin: 0 auto;
	overflow: hidden
}

.allMenu ul li {
	width: 20%;
	float: left;
	margin-top: 0px;
	box-sizing: border-box;
	padding-left: 40px;
	text-align: left
}

.allMenu ul li a.oneD {
	font-size: 22px;
	color: #fff;
	font-family: 'notokr-Bold';
	cursor: default
}

.allMenu ul li .twoD {
	margin-top: 15px;
	display: block
}

.allMenu ul li .twoD a {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 36px
}

.allMenu ul li .twoD a:hover {
	color: #0062cb;
	text-decoration: none
}

.allMenu ul li .twoD a.typeA {
	cursor: default
}

.allMenu ul li .twoD a.typeA:hover {
	color: #fff;
	text-decoration: none
}

.allMenu ul li .thrD {
	padding-left: 10px;
	border-left: 2px solid #ddd;
	box-sizing: border-box;
	margin: 15px 0
}

.allMenu ul li .thrD a {
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	padding: 2px 0;
	color: rgba(255, 255, 255, 0.7)
}

.allMenu ul li .thrD a:first-child {
	padding-top: 0
}

.allMenu ul li .thrD a:last-child {
	padding-bottom: 0
}

.allMenu ul li .twoD>a.link {
	padding-right: 26px;
	background: url('/common/images/icon/allMenu_twoD_link.png') no-repeat left 75px center
}

.allMenu .closeBtn {
	position: absolute;
	top: 18px;
	right: 18px;
	display: block;
	padding: 5px;
	width: 24px;
	height: 24px;
	background: url('/common/images/btn/allMenu_close.png') no-repeat center center
}

.allMenu .lang {
	display: block;
	width: 78px;
	height: 28px;
	background: url("/common/images/kor_btn_on.png") no-repeat left center;
	position: absolute;
	top: 20px;
	right: 80px
}

/* language */
.total {
	display: table;
	margin-top: -55px;
	position: absolute;
	cursor: pointer;
	margin-right: 150px;
	right: 0
}

.select_d {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	width: 70px;
	line-height: 40px;
	height: 40px;
	padding: 0px 13px;
	position: relative;
	font-size: 14px;
	text-align: left;
	color: #fff;
	/*border:1px solid #ebebeb;border-radius:10px;*/
}

.select_d span {
	display: inline-block;
	float: right;
	width: 11px;
}

.select_d span img {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.select_op {
	width: 100%;
	margin-top: 0px;
	display: none;
	position: absolute;
	z-index: 3;
	background: #fff;
	font-size: 11px;
	top: 39px;
	padding: 10px 0;
	border: 1px solid #ccc;
	border-radius: 10px
}

.select_op li {
	line-height: 26px;
	height: 26px;
	border: 0px solid red;
	padding-left: 13px;
	text-align: left;
}

.select_op li a {
	cursor: pointer;
	width: 100%;
	height: 100%;
	display: inline-block;
	letter-spacing: 0;
	color: #000;
	font-size: 14px;
}

.select_op li:hover {
	/*background:#fff;*/
}

.select_op li a:hover {
	text-decoration: underline;
}

.select_op li a.a_focus {
	text-decoration: underline;
}

.header_t.f-nav .select_d {
	color: #000;
}

/* language */

/* body 웹*/
#wBody {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-height: 768px
}

.mainSection {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mainVisDiv {
	top: 0;
}

.mainVisDiv .visArea {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mainVisDiv .visArea .visual {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
}

.mainVisDiv .visArea .visual .videoDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.mainVisDiv .visArea .visual:nth-child(1) {
	background: url('/common/images/icon/mainVis1.jpg') no-repeat center center;
	background-size: contain;
	left: 0
}

.mainVisDiv .visArea .visual:nth-child(2) {
	background: url('/common/images/icon/mainVis2.jpg') no-repeat center center;
	background-size: contain
}

.mainVisDiv .visArea .visual:nth-child(3) {
	background: url('/common/images/icon/mainVis3.jpg') no-repeat center center;
	background-size: contain
}

.mainVisDiv .visArea .visual:nth-child(4) {
	background: url('/common/images/icon/mainVis4.jpg') no-repeat center center;
	background-size: contain
}

.mainVisDiv .visArea .visual:nth-child(5) {
	background: url('/common/images/icon/mainVis5.jpg') no-repeat center center;
	background-size: contain
}

.mainVisDiv .visArea .visual:nth-child(6) {
	background: url('/common/images/icon/mainVis6.jpg') no-repeat center center;
	background-size: contain
}

.mainVisDiv .visArea .visual .txtDiv {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	font-size: 25.56px;
	color: #fff;
}

.mainVisDiv .visArea .visual .txtDiv .inner {
	position: relative;
	width: 1180px;
	margin: 0 auto
}

.mainVisDiv .visArea .visual .txtDiv .txt1 {
	width: 100%;
	height: 102px;
	position: absolute;
	top: 300px;
	left: 0;
	overflow: hidden;
	text-align: center
}

.mainVisDiv .visArea .visual .txtDiv .txt1 img {
	position: relative;
	top: 102px;
}

.mainVisDiv .visArea .visual .txtDiv .txt2 {
	width: 100%;
	height: 89px;
	position: absolute;
	top: 237px;
	left: 0;
	overflow: hidden;
	text-align: left
}

.mainVisDiv .visArea .visual .txtDiv .txt2 img {
	position: absolute;
	top: 89px;
	right: 147px
}

.mainVisDiv .visArea .visual .txtDiv .txt3 {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 435px;
	opacity: 0
}

.mainVisDiv .visArea .visual .txtDiv .mTxt1 {
	width: 100%;
	display: none
}

.mainVisDiv .visArea .visual .txtDiv .mTxt2 {
	width: 100%;
	display: none
}

.mainVisDiv .visArea .scrollBt {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1
}

.mainVisDiv .visArea .scrollBt a img {
	width: 59px;
}

.mainVisDiv .visBtn {
	position: absolute;
	top: 85%;
	left: 0;
	width: 100%;
	text-align: center;
}

.mainVisDiv .visBtn .rollBt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin-left: 17px;
	background: rgba(255, 255, 255, 0.5)
}

.mainVisDiv .visBtn .rollBt .bar {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 0;
	height: 8px;
	background: #37cbff;
}

.mainVisDiv .visBtn .rollBt:first-child {
	margin-left: 0;
}

.mainVisDiv .visBtn .rollBt.on {
	width: 70px;
	background: rgba(255, 255, 255, 0.5)
}

.mainVisDiv .visBtn .playBt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-left: 17px;
	margin-top: -9px;
}

.mVisArea {
	display: none
}

.mainCon1 {
	background: url("/common/images/tech_bg0.jpg") no-repeat center center;
	background-size: cover
}

.mainCon1 .txtDiv {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 22.56px;
	color: #555;
}

.mainCon1 .txtDiv .txt1 {
	position: absolute;
	top: 231px;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 11
}

.mainCon1 .txtDiv .txt2 {
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 11
}

.mainCon1 .txtDiv .txt3 {
	position: absolute;
	top: 355px;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 11;
	font-size: 34.56px;
	font-weight: bold;
}

.mainCon1 .listDiv {
	width: 1200px;
	height: 410px;
	position: absolute;
	top: 343px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}

.mainCon1 .listDiv .list {
	position: absolute;
	top: 50px;
	width: 204px;
	height: 362px;
	text-align: center;
	opacity: 1;
}

.mainCon1 .listDiv .list1 {
	left: 0px;
}

.mainCon1 .listDiv .list2 {
	left: 230px;
}

.mainCon1 .listDiv .list3 {
	left: 460px;
}

.mainCon1 .listDiv .list4 {
	left: 690px;
}

.mainCon1 .listDiv .list5 {
	left: 850px;
}

.mainCon1 .listDiv a.list .off {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 204px;
	height: 362px;
}

.mainCon1 .listDiv a.list .off img:last-child {
	display: none
}

.mainCon1 .listDiv a.list .on {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 204px;
	height: 362px;
}

.mainCon1 .listDiv a.list .on span {
	display: block;
}

.mainCon1 .listDiv a.list .on .txt {
	margin-top: 23px;
	font-size: 15px;
	color: #fff;
	line-height: 26px;
	padding: 0 10px;
}

.mainCon1 .listDiv a.list .on .arrow {
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	height: 8px;
}

.mainCon1 .listDiv a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background: #fff;
	transition: all 0.5s ease
}

.mainCon1 .listDiv a:hover:before {
	height: 362px
}

.mainCon1 .listDiv a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: #fff;
	transition: all 0.5s ease
}

.mainCon1 .listDiv a:hover:after {
	height: 362px
}

.mainCon1 .listDiv a>div:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 1px;
	background: #fff;
	transition: all 0.5s ease
}

.mainCon1 .listDiv a>div:hover:before {
	width: 204px
}

.mainCon1 .listDiv a>div:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0px;
	height: 1px;
	background: #fff;
	transition: all 0.5s ease
}

.mainCon1 .listDiv a>div:hover:after {
	width: 204px
}

.mainCon1 .bgDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.mainCon1 .bgDiv>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mainCon1 .bgDiv .bg1 {
	background: url("/common/images/tech_bg1.jpg") no-repeat center center;
	background-size: cover;
	display: none;
	opacity: 0
}

.mainCon1 .bgDiv .bg2 {
	background: url("/common/images/tech_bg2.jpg") no-repeat center center;
	background-size: cover;
	display: none;
	opacity: 0
}

.mainCon1 .bgDiv .bg3 {
	background: url("/common/images/tech_bg3.jpg") no-repeat center center;
	background-size: cover;
	display: none;
	opacity: 0
}

.mainCon1 .bgDiv .bg4 {
	background: url("/common/images/tech_bg4.jpg") no-repeat center center;
	background-size: cover;
	display: none;
	opacity: 0
}

.mainCon1 .bgDiv .bg5 {
	background: url("/common/images/tech_bg5.jpg") no-repeat center center;
	background-size: cover;
	display: none;
	opacity: 0
}

.mainCon2 {
	background: url("/common/images/icon/manager_bg.jpg") no-repeat right 30% center;
	background-size: cover
}

.mainCon2 .txtDiv {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 22.56px;
	color: #777;
}

.mainCon2 .txtDiv .txt1 {
	position: absolute;
	top: 231px;
	left: 0;
	width: 100%;
	opacity: 0;
	font-size: 65px;
}

.mainCon2 .txtDiv .txt2 {
	position: absolute;
	top: 313px;
	left: 0;
	width: 100%;
	opacity: 0;
	color: #555;
}

.mainCon2 .swiper-container {
	width: 1200px;
	height: 565px;
	position: absolute;
	top: 300px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	padding: 0 0px;
}

/* .mainCon2 .swiper-container .swiper-slide{height:515px;display:flex} */


.mainCon2 .swiper-container .da-thumbs {
	width: 100%;
	list-style: none;
	position: relative;
	float: left;
}

.mainCon2 .swiper-container .da-thumbs .lat_title {
	display: block;
	margin-bottom: 20px;
	background: #fcfcfc;
	padding: 0 10px;
	line-height: 30px;
	font-size: 1.083em;
	text-align: center
}

.mainCon2 .swiper-container .da-thumbs .lat_title a {
	color: #253dbe;
	display: inline-block;
	position: relative
}

.mainCon2 .swiper-container .da-thumbs .lat_title a:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	background: #253dbe;
	content: ''
}

.mainCon2 .swiper-container .da-thumbs .lat_title .lt_more {
	position: absolute;
	top: 11px;
	right: 10px;
	display: block;
	width: 25px;
	line-height: 25px;
	color: #aaa;
	border-radius: 3px;
	text-align: center;
}

.mainCon2 .swiper-container .da-thumbs .lat_title .lt_more:hover {
	color: #777
}

.mainCon2 .swiper-container .da-thumbs .lat_title ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.mainCon2 .swiper-container .da-thumbs .lat_title ul {
	padding: 20px 0px
}

.mainCon2 .swiper-container .da-thumbs .lat_title li {
	float: left;
	width: 100%;
	padding: 0 0px !important
}

.mainCon2 .swiper-container .da-thumbs .lat_title li .lt_img {
	margin: 5px 0;
	display: block
}

.mainCon2 .swiper-container .da-thumbs .lat_title li .lt_img img {
	width: 100%;
	height: auto
}

.mainCon2 .swiper-container .da-thumbs .lat_title li a:hover {
	color: #a22121
}

#bo_cate h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#bo_cate ul {
	margin-bottom: 10px;
	padding-left: 1px;
	width: 100%;
	zoom: 1
}

#bo_cate ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#bo_cate li {
	float: left;
	margin: 3px 3px 3px 0
}

#bo_cate a {
	display: block;
	position: relative;
	margin-left: -1px;
	padding: 6px 0 5px;
	width: 90px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	color: #888;
	text-align: center;
	letter-spacing: -0.1em;
	line-height: 1.2em;
	cursor: pointer
}

#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
	text-decoration: none
}

#bo_cate #bo_cate_on {
	z-index: 2;
	border: 1px solid #565e60;
	background: #333;
	color: #fff;
	font-weight: bold
}

.mainCon2 {
	background: url("/common/images/icon/news_bg.jpg") no-repeat right 30% center;
	background-size: cover
}

.mainCon2 .txtDiv {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 22.56px;
	color: #777;
}

.mainCon2 .txtDiv .txt1 {
	position: absolute;
	top: 281px;
	left: 0;
	width: 100%;
	opacity: 0;
	font-size: 65px;
}

.mainCon2 .txtDiv .txt2 {
	position: absolute;
	top: 363px;
	left: 0;
	width: 100%;
	opacity: 0;
}

.mainCon2 .swiper-container {
	width: 1180px;
	height: 515px;
	position: absolute;
	top: 450px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	padding: 0 10px;
}

.mainCon2 .swiper-container .swiper-slide {
	width: 280px;
	height: 450px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.mainCon2 .swiper-container .swiper-slide .txtBox {
	width: 220px;
	height: 230px;
	background: #fff;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	padding: 24px 15px 15px;
	position: relative;
	box-sizing: border-box
}

.mainCon2 .swiper-container .swiper-slide .txtBox .tit {
	font-size: 20px;
	color: #222;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	display: block;
	line-height: 30px;
}

.mainCon2 .swiper-container .swiper-slide .txtBox .txt {
	font-size: 16px;
	color: #555;
	display: block;
	line-height: 26px;
	margin-top: 13px;
}

.mainCon2 .swiper-container .swiper-slide .txtBox .date {
	font-size: 16px;
	color: #777;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.mainCon2 .swiper-container-horizontal>.swiper-scrollbar {
	width: 150px;
	height: 3px;
	left: 0;
	right: 0;
	bottom: 7px;
	margin: auto;
	background: #b6b6b6;
}

.mainCon2 .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: #222222
}

.mainCon2 .swiper-button-prev {
	background-image: url("/common/images/icon/news_list_prev_on.png");
	left: 10px;
	right: auto
}

.mainCon2 .swiper-button-next {
	background-image: url("/common/images/icon/news_list_next_on.png");
	right: 10px;
	left: auto
}

.mainCon2 .swiper-button-next,
.mainCon2 .swiper-button-prev {
	position: absolute;
	top: auto;
	bottom: 7px;
	width: 30px;
	height: 8px;
	background-size: 30px 8px;
}

.mainCon2 .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url("/common/images/icon/news_list_next_off.png");
}

.mainCon2 .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url("/common/images/icon/news_list_prev_off.png");
}

.mainCon2 .swiper-pagination {
	display: none
}

.mainCon4 {
	background: url("/common/images/icon/hospital_bg.jpg") no-repeat right 30% center;
	background-size: cover
}

.mainCon4 .txtDiv {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 22.56px;
	color: #fff;
}

.mainCon4 .txtDiv .txt1 {
	position: absolute;
	top: 281px;
	left: 0;
	width: 100%;
	opacity: 0;
}

.mainCon4 .txtDiv .txt2 {
	position: absolute;
	top: 363px;
	left: 0;
	width: 100%;
	opacity: 0;
	color: #555;
}

.mainCon4 .swiper-container {
	width: 1180px;
	height: 515px;
	position: absolute;
	top: 450px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	padding: 0 10px;
}

.mainCon4 .swiper-container .swiper-slide {
	width: 259px;
	height: 438px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.mainCon4 .swiper-container .swiper-slide .txtBox {
	width: 220px;
	height: 50px;
	background: #333;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	padding: 24px 15px 15px;
	position: relative;
	box-sizing: border-box
}

.mainCon4 .swiper-container .swiper-slide .txtBox .tit {
	font-size: 20px;
	color: #222;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	display: block;
	line-height: 30px;
}

.mainCon4 .swiper-container .swiper-slide .txtBox .txt {
	font-size: 16px;
	color: #555;
	display: block;
	line-height: 26px;
	margin-top: 13px;
}

.mainCon4 .swiper-container .swiper-slide .txtBox .date {
	font-size: 16px;
	color: #777;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.mainCon4 .swiper-container-horizontal>.swiper-scrollbar {
	width: 150px;
	height: 3px;
	left: 0;
	right: 0;
	bottom: 7px;
	margin: auto;
	background: #b6b6b6;
}

.mainCon4 .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: #222222
}

.mainCon4 .swiper-button-prev {
	background-image: url("/common/images/icon/news_list_prev_on.png");
	left: 10px;
	right: auto
}

.mainCon4 .swiper-button-next {
	background-image: url("/common/images/icon/news_list_next_on.png");
	right: 10px;
	left: auto
}

.mainCon4 .swiper-button-next,
.mainCon4 .swiper-button-prev {
	position: absolute;
	top: auto;
	bottom: 7px;
	width: 30px;
	height: 8px;
	background-size: 30px 8px;
}

.mainCon4 .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url("/common/images/icon/news_list_next_off.png");
}

.mainCon4 .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url("/common/images/icon/news_list_prev_off.png");
}

.mainCon4 .swiper-pagination {
	display: none
}


.mainCon3 {
	background: url("/common/images/career_bg.jpg") no-repeat center center;
	background-size: cover;
}

.mainCon3 .txtDiv {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 22.56px;
	color: #fff;
}

.mainCon3 .txtDiv .txt1 {
	position: absolute;
	top: 281px;
	left: 0;
	width: 100%;
	opacity: 0;
	font-size: 65px;
}

.mainCon3 .txtDiv .txt2 {
	position: absolute;
	top: 363px;
	left: 0;
	width: 100%;
	letter-spacing: -1.5px;
	opacity: 0;
}

.mainCon3 .careerDiv {
	width: 1200px;
	height: 460px;
	margin: auto;
	position: absolute;
	top: 290px;
	left: 0;
	right: 0;
	opacity: 1;
}

.mainCon3 .careerDiv .top {
	display: block;
	text-align: center;
	margin: 40px 0;
}

.mainCon3 .careerDiv .top ul {
	display: inline-flex;
}

.mainCon3 .careerDiv .top ul li {
	position: relative;
	margin-right: 50px;
}

.mainCon3 .careerDiv .top ul li:first-child {
	position: relative;
	margin-right: 50px;
}

.mainCon3 .careerDiv .top ul li:last-child {
	position: relative;
	margin-right: 0px;
}

.mainCon3 .careerDiv .leftD {
	position: absolute;
	top: 100;
	left: 0;
	background: #ff8d00 url("/common/images/career_left_bg.jpg") no-repeat center 0;
	width: 540px;
	height: 150px;
	color: #fff;
	padding: 20px 30px
}

.mainCon3 .careerDiv .leftD .tit {
	font-size: 24px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	position: relative;
}

/* .mainCon3 .careerDiv .leftD .tit:after{content:""; display:block; width:50px; height:1px; position:absolute; bottom:-32px; left:0; background:#fff;} */
.mainCon3 .careerDiv .leftD .txt {
	font-size: 15px;
	line-height: 1.5;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin: 15px 0 15px;
	height: 65px
}

.mainCon3 .careerDiv .leftD .careerBt {
	display: block;
	width: 140px;
	height: 30px;
	border: 2px solid #fff;
	color: #fff;
	line-height: 28px;
	padding: 0 10px;
}

.mainCon3 .careerDiv .leftD .careerBt span {
	background: url("/common/images/career_left_arrow.png") no-repeat right center;
	display: block;
}

.mainCon3 .careerDiv .rightD {
	background: #fff url("/common/images/career_bg2.jpg") no-repeat center 0;
	position: absolute;
	top: 100;
	right: 0px;
	width: 540px;
	height: 150px;
	padding: 20px 30px;
}

.mainCon3 .careerDiv .rightD .list {
	display: block;
	width: 600px;
	height: 140px;
	margin: 0 20px 20px 0;
	float: left;
	position: relative;
}

.mainCon3 .careerDiv .rightD .list:nth-child(2) {
	background: #fff url("/common/images/icon/career_list_icon2.png") no-repeat right 35px bottom 35px;
}

.mainCon3 .careerDiv .rightD .list:nth-child(3) {
	background: #fff url("/common/images/icon/career_list_icon3.png") no-repeat right 35px bottom 35px;
}

.mainCon3 .careerDiv .rightD .list:nth-child(4) {
	background: #fff url("/common/images/icon/career_list_icon4.png") no-repeat right 35px bottom 35px;
}

.mainCon3 .careerDiv .rightD .tit {
	font-size: 24px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #333;
	display: block;
	margin-bottom: 15px;
}

.mainCon3 .careerDiv .rightD .txt {
	font-size: 15px;
	line-height: 1.5;
	color: #666;
	display: block;
	margin: 15px 0 15px;
	height: 65px
}

.mainCon3 .careerDiv .rightD .careerBt {
	display: block;
	width: 140px;
	height: 30px;
	border: 2px solid #999;
	color: #999;
	line-height: 28px;
	padding: 0 10px;
}

.mainCon3 .careerDiv .rightD .careerBt span {
	background: url("/common/images/career_left_arrow2.png") no-repeat right center;
	display: block;
}

.mainCon3 .careerDiv .rightD .goBt {
	display: block;
	position: absolute;
	bottom: 36px;
	left: 40px;
}


/* 메인 인디케이터 */
.mainIndi {
	position: absolute;
	top: 0;
	height: 100%;
	right: 61px;
	width: 19px;
	z-index: 1100;
	background: url("/common/images/mainIndi_bg.png") repeat-y 50% 50%
}

.mainIndi .indiDiv {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.mainIndi li {
	margin: 0 0 5px;
	text-align: center;
}

.mainIndi li:last-child {
	margin-bottom: 0;
}

.mainIndi li a {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: #ebebeb;
	position: relative;
	border-radius: 5px;
}

.mainIndi li a:before {
	content: '';
	display: none;
	position: absolute;
	right: 30px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%)
}

.mainIndi li:first-child a:before {
	width: 37px;
	background: url("/common/images/mainIndi_tit1.png") no-repeat center center
}

.mainIndi li:nth-child(2) a:before {
	width: 48px;
	background: url("/common/images/mainIndi_tit2.png") no-repeat center center
}

.mainIndi li:nth-child(3) a:before {
	width: 48px;
	background: url("/common/images/mainIndi_tit3.png") no-repeat center center
}

.mainIndi li:nth-child(4) a:before {
	width: 76px;
	background: url("/common/images/mainIndi_tit4.png") no-repeat center center
}

.mainIndi li:nth-child(5) a:before {
	width: 74px;
	background: url("/common/images/mainIndi_tit5.png") no-repeat center center
}

.mainIndi li:last-child a:before {
	width: 98px;
	background: url("/common/images/mainIndi_tit4.png") no-repeat center center
}

.mainIndi li.on {
	margin: 20px 0 15px;
}

.mainIndi li.on:first-child {
	margin: 0 0 15px;
}

.mainIndi li.on:last-child {
	margin: 20px 0 0;
}

.mainIndi li.on a {
	background: url("/common/images/main_indi_on.png") no-repeat 50% 50%;
	width: 19px;
	height: 19px
}

.mainIndi li.on a:before {
	display: block
}

.mainIndi.type2 {
	background: url("/common/images/icon/mainIndi_bg2.png") repeat-y 50% 50%
}

.mainIndi.type2 li a {
	background: #aaaaaa;
}

.mainIndi.type2 li.on a {
	background: url("/common/images/icon/main_indi_on.png") no-repeat 50% 50%;
	width: 37px;
	height: 19px
}

.mobileBtn {
	display: none
}

/* 메인 인디케이터 영문*/
.emainIndi {
	position: absolute;
	top: 0;
	height: 100%;
	right: 61px;
	width: 19px;
	z-index: 1100;
	background: url("/common/images/icon/mainIndi_bg.png") repeat-y 50% 50%
}

.emainIndi .indiDiv {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.emainIndi li {
	margin: 0 0 5px;
	text-align: center;
}

.emainIndi li:last-child {
	margin-bottom: 0;
}

.emainIndi li a {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: #fff;
	position: relative;
	border-radius: 5px;
}

.emainIndi li a:before {
	content: '';
	display: none;
	position: absolute;
	right: 30px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%)
}

.emainIndi li:first-child a:before {
	width: 32px;
	background: url("/common/images/tit/emainIndi_tit1.png") no-repeat center center
}

.emainIndi li:nth-child(2) a:before {
	width: 62px;
	background: url("/common/images/tit/emainIndi_tit2.png") no-repeat center center
}

.emainIndi li:nth-child(3) a:before {
	width: 90px;
	background: url("/common/images/tit/emainIndi_tit3.png") no-repeat center center
}

.emainIndi li:nth-child(4) a:before {
	width: 90px;
	background: url("/common/images/tit/emainIndi_tit4.png") no-repeat center center
}

.emainIndi li:nth-child(5) a:before {
	width: 74px;
	background: url("/common/images/tit/emainIndi_tit5.png") no-repeat center center
}

.emainIndi li:last-child a:before {
	width: 98px;
	background: url("/common/images/tit/emainIndi_tit4.png") no-repeat center center
}

.emainIndi li.on {
	margin: 20px 0 15px;
}

.emainIndi li.on:first-child {
	margin: 0 0 15px;
}

.emainIndi li.on:last-child {
	margin: 20px 0 0;
}

.emainIndi li.on a {
	background: url("/common/images/icon/main_indi_on.png") no-repeat 50% 50%;
	width: 19px;
	height: 19px
}

.emainIndi li.on a:before {
	display: block
}

.emainIndi.type2 {
	background: url("/common/images/icon/mainIndi_bg2.png") repeat-y 50% 50%
}

.emainIndi.type2 li a {
	background: #aaaaaa;
}

.emainIndi.type2 li.on a {
	background: url("/common/images/icon/main_indi_on.png") no-repeat 50% 50%;
	width: 37px;
	height: 19px
}

.emobileBtn {
	display: none
}

.mainLayerPop {
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 565px
}

.mainLayerPop .popBody {
	width: 600px;
	height: 515px;
	overflow: hidden;
	position: relative;
	background: #fff
}

.mainLayerPop .popBody .swiper-slide {
	height: 515px
}

.mainLayerPop .popBody .swiper-slide>a {
	display: block
}

.mainLayerPop .popBody .swiper-slide .text {
	height: 515px;
	font-size: 16px;
	line-height: 22px
}

.mainLayerPop .popBody .swiper-slide .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #989898
}

.mainLayerPop .popBody .swiper-slide .text .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff
}

.mainLayerPop .popBody .swiper-pagination {
	bottom: 30px
}

.mainLayerPop .popBody .swiper-button-prev,
.mainLayerPop .popBody .swiper-button-next {
	width: 16px;
	height: 32px
}

.mainLayerPop .popBody .swiper-button-prev {
	left: 30px;
	background: url('/autron/common/images/btn/mainLayerPop_prev.png') no-repeat 0 0
}

.mainLayerPop .popBody .swiper-button-next {
	right: 30px;
	background: url('/autron/common/images/btn/mainLayerPop_next.png') no-repeat 0 0
}

.mainLayerPop .popBottom {
	width: 600px;
	height: 50px;
	background: #232a31;
	position: relative;
	padding: 14px 70px 14px 0;
	box-sizing: border-box
}

.mainLayerPop .popBottom>div {
	text-align: right
}

.mainLayerPop .popBottom>div input {
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	margin-right: 10px
}

.mainLayerPop .popBottom>div label {
	font-size: 16px;
	line-height: 20px;
	color: #c8c8c8
}

.mainLayerPop .popBottom .xBt {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px
}

/* 서브페이지 */
#subBody {
	position: relative;
	width: 100%
}

#subBody .subVisual {
	width: 100%;
	height: 470px;
	position: relative;
	background: url('/common/images/subVisual1.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type2 {
	background: url('/common/images/subVisual21.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type3 {
	background: url('/common/images/subVisual3.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type4 {
	background: url('/common/images/subVisual4.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type5 {
	background: url('/common/images/subVisual5.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type6 {
	background: url('/common/images/subVisual6.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual.type7 {
	background: url('/common/images/subVisual7.jpg') no-repeat center center;
	background-size: cover;
}

#subBody .subVisual .visualTxt {
	width: 1140px;
	margin: 0 auto;
	padding-top: 172px;
	text-align: center;
}

#subBody .subVisual.type7 .visualTxt {
	padding-top: 220px
}

#subBody .subVisual .visualTxt p {
	color: #fff;
	font-size: 21px;
	word-break: keep-all
}

#subBody .subVisual .visualTxt p.img {
	margin-bottom: 40px;
}

#subBody .subVisual .visualTxt p.img img {
	height: 100%
}

#subBody .subVisual .navigator {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 100;
}

#subBody .subVisual .navigator ul {
	width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}

#subBody .subVisual .navigator ul li {
	float: left;
	position: relative;
	line-height: 50px;
}

#subBody .subVisual .navigator ul li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: rgba(255, 141, 0, 0.6);
	height: 50px
}

#subBody .subVisual .navigator ul li a:after {
	content: "";
	display: inline-block;
	background: #9fa2a5;
	width: 1px;
	height: 50px;
	position: absolute;
	right: -1px;
	top: 0px;
}

#subBody .subVisual .navigator ul li:hover a,
#subBody .subVisual .navigator ul li.on a {
	background: rgba(255, 141, 0, 1);
	color: #fff
}

#subBody .subVisual .navigator ul li:hover a:after,
#subBody .subVisual .navigator ul li.on a:after {
	display: none;
}

#subBody .subVisual .navigator ul li:hover:last-child a:after,
#subBody .subVisual .navigator ul li.on:last-child a:after {
	display: none;
}

#subBody .subVisual .navigator ul.type01 li {
	width: 14%
}

#subBody .subVisual .navigator ul.type02 li {
	width: 20%;
}

#subBody .subVisual .navigator ul.type03 li {
	width: 16.6666%;
}

#subBody .subVisual .navigator ul.type04 li {
	width: 50%;
}

#subBody .subVisual .navigator ul.type05 li {
	width: 25%;
}


#subBody .location {
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	height: 50px;
	border-bottom: 0px solid #d9d9d9;
	padding: 0;
	z-index: 100;
	position: relative;
	top: 156px;
}

#subBody .location .oneD {
	background: rgba(255, 141, 0, .6);
	position: relative;
	float: left;
	height: 49px;
	border-right: 1px solid #bd9462;
}

#subBody .location .oneD:last-child {
	position: relative;
	float: left;
	height: 49px;
	border-right: 0px solid #d9d9d9;
}

#subBody .location .oneD>a {
	display: block;
	box-sizing: border-box;
	height: 49px;
	padding: 18px 20px;
	font-size: 17px;
	color: #333;
}

#subBody .location .oneD>a span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: url("/common/images/location_arrow.png") no-repeat right center;
	display: block;
	color: #fff
}

#subBody .location .oneD>a.current {
	color: #00448d;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: rgba(255, 141, 0, .9);
}

#subBody .location .oneD .twoD {
	color: #fff;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	display: none;
	position: absolute;
	top: 49px;
	left: -1px;
	padding: 20px 0 25px;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 0;
	background: #f1a13e;
}

#subBody .location .oneD .twoD a {
	display: block;
	padding: 5px 20px;
	font-size: 14px;
	color: #fff;
	line-height: 1.4;
	margin-top: 10px;
}

#subBody .location .oneD .twoD a.link {
	background: url('/common/images/icon/twoD_link.gif') no-repeat left 100px top 50%
}

#subBody .location .oneD .twoD a:first-child {
	margin-top: 0;
}

#subBody .location .oneD .twoD a.current {
	color: #00448d;
}

#subBody .location2 {
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	height: 50px;
	border-bottom: 0px solid #d9d9d9;
	padding: 0;
	z-index: 100;
	position: relative;
	top: 156px;
}

#subBody .location2 .oneD {
	background: rgba(255, 141, 0, .6);
	position: relative;
	float: left;
	height: 49px;
	border-right: 1px solid #bd9462;
}

#subBody .location2 .oneD:last-child {
	position: relative;
	float: left;
	height: 49px;
	border-right: 0px solid #d9d9d9;
}

#subBody .location2 .oneD>a {
	display: block;
	box-sizing: border-box;
	height: 49px;
	padding: 18px 10px;
	font-size: 16px;
	color: #333;
	text-align: center
}

#subBody .location2 .oneD>a span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	display: block;
	color: #fff
}

#subBody .location2 .oneD>a.current {
	color: #00448d;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: rgba(255, 141, 0, .9);
}

#subBody .location2 .oneD .twoD {
	color: #fff;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	display: none;
	position: absolute;
	top: 49px;
	left: -1px;
	padding: 20px 0 25px;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-top: 0;
	background: #f1a13e;
}

#subBody .location2 .oneD .twoD a {
	display: block;
	padding-left: 30px;
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	margin-top: 10px;
}

#subBody .location2 .oneD .twoD a.link {
	background: url('/common/images/icon/twoD_link.gif') no-repeat left 100px top 50%
}

#subBody .location2 .oneD .twoD a:first-child {
	margin-top: 0;
}

#subBody .location2 .oneD .twoD a.current {
	color: #00448d;
}

#subBody .location2 .type01 {
	width: 14.14%
}

#subBody .location .type02 {
	width: 19.9%;
}

#subBody .location2 .type03 {
	width: 33%;
}

#subBody .location2 .type04 {
	width: 49%;
}

#subBody .location2 .type05 {
	width: 24%;
}

.subWrap {
	margin-top: 62px;
	padding-bottom: 150px;
	overflow-x: hidden
}

.subWrap.grayBg {
	background: #f7f8fa;
}

.content {
	margin-top: 80px;
}

/* title,textType */
h2 {
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 42px;
	color: #333;
	text-align: center;
	margin-top: 50px;
	padding: 30px 0;
	background: url("/common/images/h2_bg.png") no-repeat center center;
}

.subTit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 27px;
	color: #777;
	text-align: center;
	width: 1140px;
	margin: 80px auto 0;
	line-height: 1.4;
	word-break: keep-all;
}

.subTit2 {
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 19px;
	line-height: 1.4;
	color: #999;
	width: 1140px;
	text-align: center;
	margin: 30px auto 30px
}

.subTxt {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 30px;
	color: #000;
	margin-top: 80px;
}

.subTxt2 {
	font-size: 16px;
	color: #555;
	line-height: 26px
}

.subTxt2.tp {
	margin-top: 25px
}

.subTxt2.bt {
	margin-bottom: 25px
}

.subTxt3 {
	font-size: 15px;
	line-height: 26px;
	color: #777;
	margin-top: 25px
}

.topTxt {
	text-align: center;
	word-break: keep-all
}

.topTxt .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 30px;
	color: #000;
	line-height: 40px;
	margin-bottom: 20px
}

.topTxt .txt {
	font-size: 18px;
	color: #555;
	line-height: 28px
}

/* tabType */
.tabArea {
	width: 100%;
}

.tabBtn {
	display: table;
	table-layout: fixed;
	width: 1140px;
	height: 60px;
	overflow: hidden;
	margin: 60px auto 50px
}

.tabBtn a {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	box-sizing: border-box;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #d9d9d9;
	background: #fff;
	font-size: 17px;
	color: #000;
	text-align: center;
	position: relative;
	word-break: keep-all
}

.tabBtn a:last-child {
	border-right: none
}

.tabBtn a.on {
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	font-size: 17px;
	/*background: rgb(0, 68, 141); /* Old browsers */
	/*background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
	/*background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
	/*background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tabBtn a:hover {
	color: #ff8d00;
}

.tabBtn a.on:after {
	display: block;
	content: '';
	width: 2px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #ff8d00
}

.tabArea .tabCon {
	width: 100%;
	overflow: hidden;
	margin: 80px auto 0
}

.tabArea3 .tabCon {
	margin: 80px auto 0
}

.tabInner {
	padding: 0 30px 60px;
	margin: 0 auto;
	border-bottom: 1px solid #d9d9d9
}

.tabInner .subTit2 {
	margin-top: 60px
}

.tabInner .subTit2:first-child {
	margin-top: 0
}

.tabArea2 .tabBtn {
	margin: 130px auto 0
}

.tabArea2 .tabBtn a {
	color: #555;
	/*background:#eff0f2*/
	height: 56px;
	line-height: 52px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #d9d9d9;
}

.tabArea2 .tabBtn a:last-child {
	border-right: none;
}

.tabArea2 .tabBtn a br {
	display: none
}

.tabArea2 .tabBtn a.on {
	color: #ff8d00;
	font-size: 18px;
	/*background: rgb(0, 68, 141); /* Old browsers */
	/*background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
	/*background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
	/*background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* 공통 */
.dotList li {
	padding: 0px 0 5px 18px;
	background: url('/common/images/icon/dot4x4.gif') no-repeat left 13px;
	font-size: 16px;
	line-height: 28px;
	color: #555
}

.dotList2 li {
	padding-left: 18px;
	background: url('/common/images/icon/dot4x4_2.gif') no-repeat left 13px;
	font-size: 16px;
	line-height: 28px;
	color: #555
}

.pl {
	padding-left: 18px
}

.noDataDiv {
	width: 100%;
	height: 500px;
	box-sizing: border-box;
	padding: 305px 30px 0;
	background: url('/common/images/icon/noData_icon.png') no-repeat center 175px;
	border: 1px solid #d9d9d9;
	font-size: 18px;
	color: #777;
	text-align: center
}

.grayBg {
	background: #f7f8fa
}

/* srchType */
.srchType1 {
	text-align: center;
	position: relative;
	margin-top: 50px;
}

.srchType1>div {
	display: inline-block;
}

.srchType1>div:after {
	content: '';
	display: block;
	clear: both
}

.srchSel {
	position: relative;
	width: 138px;
	height: 52px;
	margin-right: 10px;
	z-index: 10;
	float: left;
}

.srchSel>a {
	display: block;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	line-height: 50px;
	font-size: 16px;
	color: #555;
	text-align: left;
	background: #fff url("/common/images/icon/location_arrow.png") no-repeat right 20px center
}

.srchSel>div {
	display: none;
	position: absolute;
	top: 51px;
	left: 0;
	padding: 15px 0 20px;
	width: calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	border: 1px solid #e1e1e1;
	background: #fff;
}

.srchSel>div a {
	display: block;
	padding-left: 20px;
	font-size: 16px;
	color: #555;
	text-align: left;
	line-height: 28px;
}

.srchType1 .input {
	float: left;
}

.srchType1 .input input {
	width: 544px;
	height: 52px;
	border-right: 0;
	box-sizing: border-box
}

.srchType1 .srchDiv {
	overflow: hidden;
	float: left
}

.srchType1 .srchBtn {
	float: left;
}

.srchType1 .calendarDiv {
	float: left;
	margin-right: 30px;
	width: 407px
}

.srchType1 .calendarDiv .calenInput {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.srchType1 .calendarDiv .calenInput input {
	width: 125px;
	height: 52px;
	float: left;
	background: #fff;
	border-right: 0;
	box-sizing: border-box
}

.srchType1 .calendarDiv .calenInput input::-webkit-input-placeholder {
	color: #555;
}

.srchType1 .calendarDiv .calenInput input:-moz-placeholder {
	color: #555;
	opacity: 1;
}

.srchType1 .calendarDiv .calenInput input::-moz-placeholder {
	color: #555;
	opacity: 1;
}

.srchType1 .calendarDiv .calenInput input:-ms-input-placeholder {
	color: #555;
}

.srchType1 .calendarDiv .calenInput input:placeholder-shown {
	color: #555;
}

.srchType1 .calendarDiv .calenInput .calenBt {
	width: 62px;
	height: 50px;
	float: left;
	display: block;
	border: 1px solid #e1e1e1;
	border-left: 0;
	background: #fff url("/common/images/btn/calen_btn.png") no-repeat center center;
}

.srchType1 .calendarDiv span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 7px;
	width: 10px;
	height: 2px;
	background: #858585;
}

/* viewType */
.viewType1 {
	border-top: 3px solid #000;
	width: 1140px;
	margin: 0 auto
}

.viewType1 .topDiv {
	padding: 30px;
	border-bottom: 1px solid #d9d9d9
}

.viewType1 .topDiv .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #000;
}

.viewType1 .topDiv .date {
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 16px;
	color: #777;
	margin-top: 15px
}

.viewType1 .viewCon {
	padding: 30px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	line-height: 26px;
	color: #555;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif
}

/*2018-07-11 고객사 요청 padding 30 -> 190 수정 */
.viewType1 .viewCon .img {
	text-align: center;
	margin-bottom: 60px
}

.viewType1 .viewCon .file {
	margin-top: 60px
}

.viewType1 .viewCon .file a {
	display: inline-block;
	padding: 12px 53px 12px 20px;
	background: url('/common/images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	color: #555;
	margin-right: 6px;
	margin-bottom: 5px;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.prevNext a {
	padding: 22px 30px;
	display: block;
	overflow: hidden
}

.prevNext a.prev {
	border-bottom: 1px solid #e8e8e8
}

.prevNext a.next {
	border-bottom: 1px solid #d9d9d9
}

.prevNext a .type {
	font-size: 15px;
	color: #000;
	float: left;
	padding-right: 26px;
	box-sizing: border-box;
	width: 100px
}

.prevNext a.prev .type {
	background: url('/common/images/prevNext_prev_icon.gif') no-repeat right center
}

.prevNext a.next .type {
	background: url('/common/images/prevNext_next_icon.gif') no-repeat right center
}

.prevNext a .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 17px;
	float: left;
	color: #555;
	margin-left: 50px;
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.listBtn {
	width: 200px;
	height: 56px;
	line-height: 56px;
	margin: 60px auto 0;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #333
}

/* tableType */
.tableType1 {
	border-top: 1px solid #000;
	margin-bottom: 20px;
	width: 100%
}

.tableType1 table thead {
	background: #f8f8f8;
}

.tableType1 table thead th {
	padding: 12px 0;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-size: 15px;
	color: #000;
	text-align: center;
}

.tableType1 table thead th:first-child {
	border-left: 0;
}

.tableType1 table tbody th {
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 15px 0;
	font-size: 18px;
	color: #000;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.tableType1 table tbody td {
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	padding: 10px 0px;
	font-size: 15px;
	line-height: 30px;
	color: #555;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.tableType1 table tbody td:first-child {
	border-left: 0;
}

.tableType1 table tbody th:first-child {
	border-left: 0;
}

.tableType2 {
	border-top: 2px solid #000
}

.tableType2 .line {
	display: table;
	width: 100%;
	border-bottom: 1px solid #d9d9d9
}

.tableType2 .line>div {
	display: table-cell;
	vertical-align: middle;
	padding: 25px 20px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 26px
}

.tableType2 .line .tit {
	display: table-cell;
	width: 150px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: #f7f8fa
}

.tableType2 .line>div:nth-child(4) {
	width: 440px
}

.tableType2 .line>div .addFile {
	position: relative
}

.tableType2 .line>div .addFile input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 395px;
	opacity: 0;
}

.tableType2 .line>div .addFile input[type="text"] {
	width: 280px
}

.tableType2 .line>div .addFile .find {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 52px;
	line-height: 52px;
	box-sizing: border-box;
	color: #fff;
	background: #888;
	text-align: center;
	margin-left: 4px;
}

.tableType2 .line>div.fileList {
	padding: 20px
}

.tableType2 .line>div.fileList a {
	display: inline-block;
	margin-right: 10px;
	padding: 8px 53px 8px 20px;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	color: #555;
	background: url('/common/images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa
}

.tableType3 {
	border-top: 2px solid #000;
	letter-spacing: -1px
}

.tableType3 table th {
	padding: 18px 28px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
	line-height: 28px;
	color: #000;
	background: #f7f8fa;
	vertical-align: middle;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: left;
	word-break: keep-all
}

.tableType3 table td {
	padding: 18px 50px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
	line-height: 28px;
	color: #555;
	vertical-align: middle;
	word-break: keep-all
}

.tableType4 table tbody {
	border-top: 1px solid #dcdcdc;
}

.tableType4 table tbody th {
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	background: #f7f8fa;
	padding: 20px 50px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 24px;
}

.tableType4 table tbody td {
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
	padding: 10px 18px;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	line-height: 18px;
	text-align: center;
}

.tableType4 table tbody th:first-child {
	border-left: 0;
}

.tableType4 table tbody td:first-child {
	border-left: 0;
}

.tableType5 {
	border-top: 2px solid #000;
	letter-spacing: -1px;
	margin-top: 55px
}

.tableType5 table {
	width: 100%;
}

.tableType5 table th {
	padding: 18px 28px;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #d9d9d9;
	font-size: 17px;
	line-height: 28px;
	color: #000;
	background: #f7f8fa;
	vertical-align: middle;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: center;
	word-break: break-all
}

.tableType5 table td {
	padding: 18px 15px 18px 25px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px;
	line-height: 28px;
	color: #555;
	vertical-align: middle;
	word-break: keep-all;
	text-align: left;
	border-right: 1px solid #d9d9d9;
}

.tableType5 table thead th:first-child {
	border-right: 1px solid #d9d9d9;
}

.tableType5 table tbody tr .bold {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.tableType5 table tbody tr .bold {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.tableType5 table tbody tr.bold th {
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.tableType5 table tbody th {
	text-align: center;
	background: none;
	color: #555;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	border-right: 1px solid #d9d9d9;
}

.tableType6 {
	border-top: 2px solid #000;
	letter-spacing: -1px
}

.tableType6 table {
	table-layout: fixed;
	width: 100%;
}

.tableType6 table tr th {
	padding: 8px 18px;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #d9d9d9;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
	background: #ff9e26;
	vertical-align: middle;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: center;
	word-break: break-all
}

.tableType6 table tr td {
	padding: 5px 5px 5px 28px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px;
	line-height: 28px;
	color: #555;
	vertical-align: top;
	word-break: keep-all;
	text-align: left;
	border-right: 1px solid #d9d9d9;
}

.tableType6 table thead th:last-child {
	border-right: 0px solid #d9d9d9;
}

.tableType6 table tbody tr td a {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
}

.tableType6 table tbody tr td div {
	display: block;
	margin-bottom: 30px;
}

.tableType6 table tbody tr td div li {
	background: url('/common/images/arrow2.png') no-repeat left center;
}

.tableType6 table tbody tr td div li a {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #333 !important;
	margin-left: 25px;
}

.tableType6 table tbody tr td div li a focus {
	color: #ff9e26 !important;
}

.tableType6 table tbody tr td {
	text-align: left;
	background: none;
	color: #555;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: left;
}

.tableType6 table tbody tr td:last-child {
	text-align: left;
	background: none;
	color: #555;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: left;
	border-right: 0px solid #d9d9d9;
}

.swiperArea .mCSB_container {
	width: 100% !important;
}


/* 회사소개 */
.summaryDiv {
	margin: 0 auto
}

.summaryDiv .summaryBanner {
	box-sizing: border-box;
	width: 1180px;
	margin: 0 auto;
	padding: 50px 100px 0;
	text-align: center;
	background: url('/common/images/icon/summary_banner.jpg') no-repeat center center;
	word-break: keep-all
}

.summaryDiv .summaryBanner .tit {}

.summaryDiv .summaryBanner .tit img:first-child {}

.summaryDiv .summaryBanner .tit img:last-child {
	display: none
}

.summaryDiv .summaryBanner .txt {
	font-size: 21px;
	line-height: 28px;
	color: #FFF;
	margin-top: 15px;
	font-weight: bold;
}

.summaryDiv .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	margin-top: 80px;
	text-align: center
}

.summaryDiv .companyInfo {
	width: 1180px;
	margin: 40px auto 0
}

.summaryDiv .companyInfo table td span {
	display: inline-block;
	width: 125px;
	text-align: center;
	padding-right: 10px;
}

.summaryDiv .companyInfo table td span img {
	margin-bottom: 15px;
	margin-top: 5px;
}

.summaryDiv .companyInfo table td span:last-child {
	margin-right: none
}

.summaryDiv .manageInfo {
	margin-top: 80px;
	padding: 0.5px 0px;
	background-color: #f1f1f1;
	< !--: url('/common/images/icon/summary_info_bg.jpg') no-repeat center center-->
}

.summaryDiv .manageInfo .infoList {
	width: 1180px;
	margin: 40px auto 0;
}

.summaryDiv .manageInfo .infoList:after {
	content: '';
	display: block;
	clear: both
}

.summaryDiv .manageInfo .infoList .list {
	width: 373px;
	height: 310px;
	float: left;
	margin-left: 30px;
	box-shadow: 13px 13px 32px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	box-sizing: border-box;
	padding: 50px 20px 0
}

.summaryDiv .manageInfo .infoList .list:nth-child(1) {
	background: url('/common/images/icon/summary_info_icon1.jpg') no-repeat #fff center 180px;
	margin-left: 0
}

.summaryDiv .manageInfo .infoList .list:nth-child(2) {
	background: url('/common/images/icon/summary_info_icon2.jpg') no-repeat #fff center 180px
}

.summaryDiv .manageInfo .infoList .list:nth-child(3) {
	background: url('/common/images/icon/summary_info_icon4.jpg') no-repeat #fff center 180px
}

.summaryDiv .manageInfo .infoList .list:nth-child(4) {
	background: url('/common/images/icon/summary_info_icon5.jpg') no-repeat #fff center 180px;
}

.summaryDiv .manageInfo .infoList .list:nth-child(5) {
	background: url('/common/images/icon/summary_info_icon6.jpg') no-repeat #fff center 180px;
	margin-top: 30px
}

.summaryDiv .manageInfo .infoList .list:nth-child(6) {
	background: url('/common/images/icon/summary_info_icon7.jpg') no-repeat #fff center 180px;
	margin-top: 30px
}

.summaryDiv .manageInfo .infoList .list .tit {
	font-size: 20px;
	color: #000;
	margin-bottom: 25px
}

.summaryDiv .manageInfo .infoList .list .num {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 50px;
	line-height: 60px;
	height: 60px
}

.summaryDiv .manageInfo .infoList .list .num img {
	vertical-align: sub
}

.summaryDiv .manageInfo .infoList .list .num span {
	margin: 0 5px;
	font-size: 20px;
	font-family: 'NotoSans-Light'
}

.summaryDiv .manageInfo .infoList .list .num2 {
	font-size: 30px;
	line-height: 30px
}

.summaryDiv .manageInfo .infoList .list .txt {
	font-size: 20px;
	line-height: 30px;
	font-family: 'NotoSans-Bold';
	color: #000;
}

.summaryDiv .manageInfo .infoList .list .txt span {
	display: block
}

.summaryDiv .manageInfo .infoList .list .noti {
	margin-top: 100px;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
}

.summaryDiv .techList {
	overflow: hidden;
	width: 1180px;
	margin: 40px auto 0
}

.summaryDiv .techList .list {
	float: left;
	width: 295px
}

.summaryDiv .techList .list:last-child {
	width: 294px
}

.summaryDiv .techList .list .txtArea {
	padding: 30px 0 0 20px;
	word-break: keep-all
}

.summaryDiv .techList .list .txtArea .tit {
	font-size: 20px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000
}

.summaryDiv .techList .list .txtArea .txt {
	font-size: 16px;
	line-height: 26px;
	color: #555;
	margin-top: 15px
}

.ceoDiv {
	width: 1140px;
	margin: 0 auto
}

.ceoDiv .ceoBanner {
	box-sizing: border-box;
	width: 100%;
	height: 490px;
	padding: 50px 0 0 50px;
	background: url('/common/images/ceo_banner.jpg') no-repeat center center
}

.ceoDiv .cfsiBanner {
	box-sizing: border-box;
	width: 100%;
	height: 316px;
	padding: 50px 0;
	background: url('/common/images/icon/cfsi_banner.jpg') no-repeat right center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.ceoDiv .cfsieBanner {
	box-sizing: border-box;
	width: 100%;
	height: 316px;
	padding: 50px 0;
	background: url('/common/images/icon/cfsi_ebanner.jpg') no-repeat right center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.ceoDiv .ceoBanner .txtArea {
	position: relative;
	display: inline-block;
	padding: 110px 25px 33px 0
}

.ceoDiv .ceoBanner .tit img:first-child {}

.ceoDiv .ceoBanner .tit img:last-child {
	display: none
}

.ceoDiv .ceoBanner .txt {
	font-size: 22px;
	line-height: 28px;
	color: #555555;
	margin-top: 15px;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.ceoDiv .ceoBanner .txtArea:before {
	content: '';
	display: block;
	position: absolute;
	width: 28px;
	height: 24px;
	background: url('/common/images/icon/ceo_tit_before.png') no-repeat center center;
	top: 0;
	left: 0
}

.ceoDiv .ceoBanner .txtArea:after {
	content: '';
	display: block;
	position: absolute;
	width: 28px;
	height: 24px;
	background: url('/common/images/icon/ceo_tit_after.png') no-repeat center center;
	bottom: 0;
	right: 0
}

.ceoDiv .ceoText {
	margin-top: 55px;
}

.ceoDiv .ceoText p {
	font-size: 17px;
	line-height: 28px;
	color: #555;
	margin-top: 20px;
	word-break: keep-all
}

.ceoDiv .ceoText span {
	font-weight: bold;
	color: #202020;
	font-size: 23px;
	line-height: 35px;
	color: #202020;
	word-break: keep-all
}

.ceoDiv .sign {
	font-size: 18px;
	color: #000;
	text-align: right;
	margin-top: 35px
}

.ceoDiv .sign span {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-left: 10px;
	display: inline-block
}

.ceoDiv .sign2 {
	font-size: 18px;
	color: #000;
	text-align: center;
	margin-top: 35px
}

.ceoDiv .sign2 span {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-left: 10px;
	display: inline-block
}

/* CI소개 */
.ciDiv {
	width: 1140px;
	margin: 0 auto
}

.ciDiv .ciBanner {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url('/common/images/ci_ex.jpg') no-repeat center center
}

.ciDiv .txtArea {
	position: relative;
	display: block;
	text-align: center
}

.ciDiv .txtArea .tit {
	display: inline-block;
	position: relative;
	margin-top: 34px;
	text-align: center
}

.ciDiv .txtArea .tit img:first-child {
	margin-right: 25px;
}

.ciDiv .txtArea .tit img:last-child {}

.ciDiv .ciText {
	width: 1140px;
	margin-top: 90px;
	display: inline-block
}

.ciDiv .ciText .left {
	display: block;
	width: 25%;
	float: left;
	margin-right: 2%;
}

.ciDiv .ciText .left .title {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
	position: absolute;
}

.ciDiv .ciText .left .title:after {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
	left: 0
}

.ciDiv .ciText .right {
	display: block;
	width: 73%;
	float: right;
}

.ciDiv .ciText .right .txtarea {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
}

.ciDiv .ciText .right .tit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 10px;
}

.ciDiv .ciText .right .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.5;
}

.ciDiv .ciText .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.ciDiv .ciText .right .txtarea2 .color {
	width: 200px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.ciDiv .ciText .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.ciDiv .ciText .right .txtarea2 .color2 .tit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 10px;
}

.ciDiv .ciText .right .txtarea2 .color2 .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.5;
}

/* PARTNER소개 */
.paDiv {
	width: 1140px;
	margin: 55px auto 0;
	border-top: 1px solid #d7d7d7;
	padding-top: 30px
}

/* .paDiv .ciBanner{display:block;position:relative;box-sizing:border-box; width:100%; height:220px; text-align:center;background:url('/common/images/ci_ex.jpg') no-repeat center center} */
.paDiv .txtArea {
	position: relative;
	display: block;
	text-align: center
}

.paDiv .txtArea .tit {
	display: inline-block;
	position: relative;
	margin-top: 34px;
	text-align: center
}

.paDiv .txtArea .tit img:first-child {
	margin-right: 25px;
}

.paDiv .txtArea .tit img:last-child {}

.paDiv .Text {
	width: 1140px;
	display: inline-block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}

.paDiv .Text .left {
	display: block;
	width: 160px;
	float: left;
	margin-right: 40px;
}

.paDiv .Text .left .title {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
	position: absolute;
}

.paDiv .Text .left .title:after {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
	left: 0
}

.paDiv .Text .right {
	display: block;
	width: 940px;
	float: right;
}

.paDiv .Text .right .txtarea {
	margin-bottom: 30px;
}

.paDiv .Text .right .txtarea ul {
	text-align: left;
	margin-bottom: 30px;
	display: flex
}

.paDiv .Text .right .txtarea ul li {
	width: 170px;
	margin-right: 20px;
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
}

.paDiv .Text .right .txtarea li:last-child {
	width: 200px;
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
}

.paDiv .Text .right .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

.paDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.paDiv .Text .right .txtarea2 .color {
	width: 200px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.paDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.paDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 10px;
}

.paDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

/* location */
.locaDiv {
	width: 1140px;
	margin: 0 auto
}

.locaDiv .txtArea {
	position: relative;
	display: block;
	text-align: center
}

.locaDiv .txtArea .tit {
	display: inline-block;
	position: relative;
	margin-top: 34px;
}

.locaDiv .txtArea .tit img:first-child {
	margin-right: 15px;
}

.locaDiv .txtArea .tit img:last-child {
	margin: 0
}

.locaDiv .locaText {
	width: 1140px;
	display: inline-block
}

.locaDiv .locaText .left {
	display: block;
	width: 15%;
	float: left;
	margin-right: 2%;
}

.locaDiv .locaText .left .title {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
	position: absolute;
}

.locaDiv .locaText .left .title:after {
	content: '';
	display: block;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
	left: 0
}

.locaDiv .locaText .right {
	display: block;
	width: 83%;
	float: right;
}

.locaDiv .locaText .right .txtarea {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
}

.locaDiv .locaText .right .tit {
	font-size: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	line-height: 22px;
	margin-right: 10px
}

.locaDiv .locaText .right .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

.locaDiv .locaText .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: block;
}

.locaDiv .locaText .right .txtarea2 .color {
	width: 100%;
	text-align: left;
	display: block
}

.locaDiv .locaText .right .txtarea2 .color .tit {
	margin-bottom: 10px;
	width: 120px;
	border: 1px solid #9e1c4e;
	padding: 5px 10px;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #9e1c4e;
}

.locaDiv .locaText .right .txtarea2 .color .txt {
	margin-bottom: 20px;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

.locaDiv .locaText .right .txtarea2 .color2 {
	width: 100%;
	text-align: left;
}

.locaDiv .locaText .right .txtarea2 .color2 .tit {
	margin-bottom: 10px;
	width: 120px;
	border: 1px solid #9e1c4e;
	padding: 5px 10px;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #9e1c4e;
	margin-bottom: 10px;
}

.locaDiv .locaText .right .txtarea2 .color2 .txt {
	margin-bottom: 20px;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

.visionDiv {
	min-height: 750px;
	padding: 0 0 20px;
	word-break: keep-all;
	background: url('/common/images/visionDiv_bg.png') no-repeat center center
}

.visionDiv .titleDiv {
	width: 600px;
	margin: 0 auto;
	background: #ebebeb;
	overflow: hidden;
	border-radius: 110px
}

.visionDiv .titleDiv .left {
	font-size: 20px;
	color: #fff;
	font-family: 'NotoSans-Medium';
	background: url('/common/images/vision_titleDiv_left.png') no-repeat;
	width: 150px;
	height: 150px;
	padding-top: 50px;
	box-sizing: border-box;
	float: left
}

.visionDiv .titleDiv .left .tit {
	position: relative;
	padding-top: 18px;
	text-align: center
}

.visionDiv .titleDiv .left .tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 2px;
	background: #fff
}

.visionDiv .titleDiv .right {
	font-size: 36px;
	line-height: 56px;
	color: #000;
	padding: 30px 77px 47px 0;
	font-family: 'NotoSans-Medium';
	float: right;
	text-align: center;
	width: 450px;
	height: 150px;
	box-sizing: border-box
}

.visionDiv .titleDiv .right span {
	color: #f78f20
}

.visionDiv .midDiv {
	width: 1140px;
	margin: 30px auto 0;
	box-sizing: border-box;
	padding: 10px 0 0px;
}

.visionDiv .midDiv .txtArea {
	width: 400px;
	margin: 100px auto 0
}

.visionDiv .midDiv .txtArea .left {
	float: left;
	font-size: 20px;
	color: #fff;
	background: url('/common/images/vision_midDiv_left.png') no-repeat;
	width: 150px;
	height: 150px;
	font-size: 18px;
	line-height: 28px;
	font-family: 'NotoSans-Bold';
	/*width:100px;*/
	padding-right: 14px;
	padding-top: 50px;
}

.visionDiv .midDiv .txtArea .left .tit {
	position: relative;
	padding-top: 18px;
	text-align: center
}

.visionDiv .midDiv .txtArea .left .tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 2px;
	background: #fff
}

.visionDiv .midDiv .txtArea .right {
	float: right;
	font-size: 20px;
	color: #fff;
	background: url('/common/images/vision_midDiv_right.png') no-repeat;
	width: 150px;
	height: 150px;
	line-height: 28px;
	font-family: 'NotoSans-Bold';
	/*width:100px;*/
	margin-left: 14px;
	padding-top: 50px;
}

.visionDiv .midDiv .txtArea .right .tit {
	position: relative;
	padding-top: 18px;
	text-align: center
}

.visionDiv .midDiv .txtArea .right .tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 2px;
	background: #fff
}

.visionDiv .goalDiv {
	margin: 400px auto 0;
	width: 1140px;
	text-align: center
}

.visionDiv .goalDiv .tit {
	font-family: 'NotoSans-Bold';
	font-size: 27px;
	color: #000;
	position: relative;
	padding-top: 13px
}

.visionDiv .goalDiv .tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #555;
	width: 16px;
	height: 2px
}

.visionDiv .goalDiv .txt {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	margin-top: 125px
}

.visionDiv .goalDiv .listDiv {
	margin: 125px auto 0;
	overflow: hidden
}

.visionDiv .goalDiv .listDiv .list {
	float: left;
	box-sizing: border-box;
	margin-left: 10px;
	text-align: center
}

.visionDiv .goalDiv .listDiv .list:nth-child(1) {
	margin-left: 4%;
	margin-right: 2%;
	width: 28%
}

.visionDiv .goalDiv .listDiv .list:nth-child(2n) {
	margin-right: 2%;
	width: 28%
}

.visionDiv .goalDiv .listDiv .list:nth-child(3n) {
	margin-right: 4%;
	width: 28%
}

.visionDiv .goalDiv .listDiv .list .title {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 30.56px;
	vertical-align: center;
	line-height: 38px;
	color: #999;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	padding: 60px 0;
	border-radius: 100%;
	position: relative;
	background: #fff;
	border: 1px solid #d0d0d0
}

.visionDiv .goalDiv .listDiv .list:nth-child(3) .title {
	padding: 60px 0
}

.visionDiv .goalDiv .listDiv .list .title:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -31px;
	left: 50%;
	transform: translateX(-50%);
	width: 21px;
	height: 31px;
	z-index: 1
}

.visionDiv .goalDiv .listDiv .list .title:after {
	background: url('/common/images/icon/vision_goalDiv_dot1.png') no-repeat center center
}

.visionDiv .goalDiv .listDiv .list .box {
	width: 100%;
	box-sizing: border-box;
	height: 100px;
	font-size: 25px;
	line-height: 25px;
	color: #555;
	border: 1px solid #f1af00;
	margin-top: 20px;
	background: #fff;
	position: relative
}

.visionDiv .goalDiv .listDiv .list .box p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	box-sizing: border-box;
	padding: 25px 10px
}

.visionDiv .goalDiv .listDiv .list:last-child .box {
	border-right: 1px solid #b9bdcf
}

.valueDiv {
	width: 1140px;
	margin: 80px auto 0;
	text-align: center
}

.valueDiv .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px
}

.valueDiv .listDiv {
	width: 1140px;
	margin: 140px auto 0;
	overflow: hidden
}

.valueDiv .list {
	float: left;
	width: 180px;
	margin: 0 28px;
	box-sizing: border-box
}

.valueDiv .list img {
	width: 100%
}

.valueDiv .list .tit {
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 20px;
	color: #000
}

.valueDiv .list .txt {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	margin-top: 15px
}

.conductDiv {
	width: 1180px;
	margin: 80px auto 0
}

.conductDiv .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	text-align: center
}

.conductDiv .listDiv {
	overflow: hidden;
	margin: 40px auto 0
}

.conductDiv .listDiv .list {
	float: left;
	width: 220px;
	margin-left: 20px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	text-align: center;
	font-family: 'NotoSans-Medium';
	color: #00448d;
	font-size: 16px;
	line-height: 26px;
	padding: 43px 10px;
	background: #fff;
	height: 140px
}

.conductDiv .listDiv .list span {
	display: block
}

.conductDiv .listDiv .list:nth-child(1) {
	margin-left: 0
}

.historyDiv {
	position: relative;
	background: url('/common/images/history_line.png') repeat-y center top;
	padding: 5px 0 35px
}

.historyDiv:before {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0;
	left: 50%;
	margin-left: -2.5px;
	background: url('/common/images/history_icon.png') no-repeat center center;
	background-size: cover
}

.historyDiv:after {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	bottom: 0;
	left: 50%;
	margin-left: -2.5px;
	background: url('/common/images/history_icon.png') no-repeat center center;
	background-size: cover
}

.historyDiv .line {
	position: relative;
	width: 1140px;
	padding: 80px 0;
	margin: 0 auto
}

.historyDiv .line:after {
	content: '';
	display: block;
	clear: both
}

.historyDiv .line:first-child {
	padding-top: 0
}

.historyDiv .line:last-child {
	padding-bottom: 0
}

.historyDiv .line .img {
	width: 50%
}

.historyDiv .line .img img {
	width: 100%
}

.historyDiv .line .txtArea {
	box-sizing: border-box;
	width: 50%;
	position: relative
}

.historyDiv .line .txtArea .info {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.historyDiv .line .txtArea .info .year {
	font-family: 'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 45px;
	line-height: 50px;
	color: #000;
	margin-bottom: 30px;
	position: relative
}

.historyDiv .line .txtArea .info .list>div {
	overflow: hidden;
	line-height: 30px;
	font-size: 15px;
	margin-top: 20px
}

.historyDiv .line .txtArea .info .list>div:first-child {
	margin-top: 0
}

.historyDiv .line .txtArea .info .list>div .month {
	width: 40px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000
}

.historyDiv .line .txtArea .info .list>div .txt {
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	color: #555;
	word-break: keep-all;
	letter-spacing: -1px
}

.historyDiv .line:nth-child(2n-1) .img {
	float: left
}

.historyDiv .line:nth-child(2n-1) .txtArea {
	float: right;
	text-align: left;
	padding-left: 30px
}

.historyDiv .line:nth-child(2n-1) .txtArea .info {
	left: 30px
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .year {
	text-align: left
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .year:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -40px;
	width: 21px;
	height: 21px;
	background: url('/common/images/history_line_arrow.png') no-repeat center center
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .year:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
	width: 20px;
	height: 1px;
	background: #d9d9d9
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .list {
	text-align: left
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .list>div .month {
	float: left
}

.historyDiv .line:nth-child(2n-1) .txtArea .info .list>div .txt {
	float: right
}

.historyDiv .line:nth-child(2n) .img {
	float: right;
	text-align: right
}

.historyDiv .line:nth-child(2n) .txtArea {
	float: left;
	padding-right: 30px
}

.historyDiv .line:nth-child(2n) .txtArea .info {
	right: 30px
}

.historyDiv .line:nth-child(2n) .txtArea .info .year {
	text-align: right
}

.historyDiv .line:nth-child(2n) .txtArea .info .year:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -40px;
	width: 21px;
	height: 21px;
	background: url('/common/images/history_line_arrow.png') no-repeat center center
}

.historyDiv .line:nth-child(2n) .txtArea .info .year:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
	width: 20px;
	height: 1px;
	background: #d9d9d9
}

.historyDiv .line:nth-child(2n) .txtArea .info .list {
	text-align: right
}

.historyDiv .line:nth-child(2n) .txtArea .info .list>div .month {
	float: right
}

.historyDiv .line:nth-child(2n) .txtArea .info .list>div .txt {
	float: left
}

/* 재무정보 */
.financialDiv {
	width: 1180px;
	margin: 0 auto;
}

.financialDiv .financialChart img {
	width: 100%;
}

/*.financialDiv .financialChart img:last-child{display:none;}*/
.financialDiv .financialTable .title {
	margin: 97px 0 73px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	text-align: center;
}

.financialDiv .financialTable .caption {
	margin-bottom: 19px;
	font-size: 13px;
	text-align: right;
}


/* 사업분야 */
.businessDD {
	width: 100%;
	display: block;
	padding: 100px 0;
	background: url('/common/images/business02_bg.jpg') no-repeat center center;
	background-size: contain
}

.businessDD .Banner {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.businessDD1 {
	width: 100%;
	min-height: 500px;
	display: block;
	padding: 100px 0
}

.businessDD1 .businessDiv {
	width: 1140px;
	margin: 0 auto;
}

.businessDD1 .businessDiv .tit {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin-left: 0px;
	margin-top: 70px;
	color: #333;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	letter-spacing: -1px
}

.businessDD1 .businessDiv .imgBox .floatTxt .tit br {
	display: none
}

.businessDD1 .businessDiv .imgBox .floatTxt .tit span {
	color: #00448d
}

.businessDD1 .businessDiv .imgBox {
	width: 100%;
	position: relative;
}

.businessDD1 .businessDiv .imgBox img {
	width: 65%;
	float: right
}

.businessDD1 .businessDiv .imgBox .floatTxt {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 50%;
	padding: 50px 35px 60px 30px;
	background: #fff;
	box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	word-break: keep-all
}

.businessDD1 .businessDiv .imgBox .floatTxt .txt {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	letter-spacing: -0.7px;
}

.businessDD1 .businessDiv .imgBox .floatTxt .btn {
	width: 100px;
	font-size: 15px;
	line-height: 28px;
	color: #333;
	margin-top: 15px;
	letter-spacing: -0.7px;
	background: #ebebeb;
	padding: 7px 15px;
	cursor: pointer
}

.businessDD2 {
	width: 100%;
	margin: 40px 0;
	min-height: 500px;
	display: block;
	background: #f2f2f2;
	padding: 100px 0
}

.businessDD2 .businessDiv {
	width: 1140px;
	margin: 0 auto;
}

.businessDD2 .businessDiv .tit {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin-left: 0px;
	margin-top: 70px;
	color: #333;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDD2 .businessDiv .imgBox .floatTxt .tit br {
	display: none
}

.businessDD2 .businessDiv .imgBox .floatTxt .tit span {
	color: #00448d
}

.businessDD2 .businessDiv .imgBox {
	width: 100%;
	position: relative;
}

.businessDD2 .businessDiv .imgBox img {
	width: 65%;
	float: right
}

.businessDD2 .businessDiv .imgBox .floatTxt {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 50%;
	padding: 50px 35px 60px 30px;
	background: #fff;
	box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	word-break: keep-all
}

.businessDD2 .businessDiv .imgBox .floatTxt .txt {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	letter-spacing: -0.7px;
}

.businessDD2 .businessDiv .imgBox .floatTxt .btn {
	width: 100px;
	font-size: 15px;
	line-height: 28px;
	color: #333;
	margin-top: 15px;
	letter-spacing: -0.7px;
	background: #ebebeb;
	padding: 7px 15px;
	cursor: pointer
}

.businessDD3 {
	width: 100%;
	margin-bottom: 40px;
	min-height: 400px;
	display: block;
	padding: 100px 0
}

.businessDD3 .businessDiv {
	width: 1140px;
	margin: 0 auto;
}

.businessDD3 .businessDiv .tit {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin-left: 0px;
	margin-top: 70px;
	color: #333;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDD3 .businessDiv .imgBox .floatTxt .tit br {
	display: none
}

.businessDD3 .businessDiv .imgBox .floatTxt .tit span {
	color: #00448d
}

.businessDD3 .businessDiv .imgBox {
	width: 100%;
	position: relative;
}

.businessDD3 .businessDiv .imgBox img {
	width: 65%;
	float: right
}

.businessDD3 .businessDiv .imgBox .floatTxt {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 50%;
	padding: 50px 35px 60px 30px;
	background: #fff;
	box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	word-break: keep-all
}

.businessDD3 .businessDiv .imgBox .floatTxt .txt {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	letter-spacing: -0.7px;
}

.businessDD3 .businessDiv .imgBox .floatTxt .btn {
	width: 100px;
	font-size: 15px;
	line-height: 28px;
	color: #333;
	margin-top: 15px;
	letter-spacing: -0.7px;
	background: #ebebeb;
	padding: 7px 15px;
	cursor: pointer
}

.businessDiv .overViewDiv {
	padding-bottom: 75px;
	border-bottom: 0px solid #d9d9d9
}

.businessDiv .overViewDiv:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.businessDiv .overViewDiv .overViewTxt {
	margin-top: 50px;
	text-align: center;
	word-break: keep-all
}

.businessDiv .overViewDiv .overViewTxt .tit {
	font-size: 26px;
	line-height: 46px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.businessDiv .overViewDiv .overViewTxt .tit span {
	color: #00448d
}

.businessDiv .overViewDiv .overViewTxt .txt {
	font-size: 18px;
	line-height: 30px;
	color: #555;
	margin-top: 25px
}

.businessDiv .overViewDiv .overViewTxt .txt span {
	color: #00448d
}

.businessDiv .overViewDiv .title {
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 33px;
	line-height: 34px;
	color: #333;
	text-align: center;
	display: block;
	width: 1140px;
	margin: 0 auto;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: none;
	vertical-align: top;
	animation: flipInY 1s both;
	letter-spacing: -.025em;
	line-height: .9;
}

.businessDiv .overViewDiv .title span {
	text-align: center;
	letter-spacing: .08em;
	box-shadow: inset 0 -10px 0 0 #ff9e26;
	line-height: 1;
	text-transform: none;
	vertical-align: top;
	animation: flipInY 1s both;
	letter-spacing: -.025em;
	line-height: .9;
}

.businessDiv .overViewDiv .tit33 {
	width: 1140px;
	margin: 55px auto 0;
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	display: block
}

.businessDiv .overViewDiv .title2 {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	display: flex
}

.businessDiv .overViewDiv .title2 .left {
	width: 35%;
	margin-right: 5%;
}

.businessDiv .overViewDiv .title2 .left img {
	width: 100%;
}

.businessDiv .overViewDiv .title2 .right {
	width: 60%;
	float: right;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
}

.businessDiv .overViewDiv .title2 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.businessDiv .overViewDiv .title3 {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	display: block
}

.businessDiv .overViewDiv .title3 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.businessDiv .overViewDiv2 {
	display: block;
	width: 1140px;
	margin: 70px auto 0;
	padding-top: 50px
}

.businessDiv .overViewDiv2 .tit2022 {
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: #333;
	text-align: center;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: none;
	vertical-align: top;
	animation: flipInY 1s both;
	letter-spacing: -.025em;
	line-height: .9;
}

.businessDiv .overViewDiv .tit33 {
	width: 1140px;
	margin: 55px auto 0;
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	display: block
}

.businessDiv .overViewDiv .title2 {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	display: flex
}

.businessDiv .overViewDiv .title2 .left {
	width: 35%;
	margin-right: 5%;
}

.businessDiv .overViewDiv .title2 .left img {
	width: 100%;
}

.businessDiv .overViewDiv .title2 .right {
	width: 60%;
	float: right;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
}

.businessDiv .overViewDiv .title2 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.businessDiv .overViewDiv .title3 {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	display: block
}

.businessDiv .overViewDiv .title3 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.businessDiv .overViewDiv .title4 {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: left;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	display: block
}

.businessDiv .overViewDiv .title4 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.businessDiv .overViewDiv22 {
	padding-bottom: 75px;
	border-bottom: 0px solid #d9d9d9
}

.businessDiv .overViewDiv22:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.businessDiv .overViewDiv22 .overViewTxt {
	margin-top: 50px;
	text-align: center;
	word-break: keep-all
}

.businessDiv .overViewDiv22 .overViewTxt .tit {
	font-size: 26px;
	line-height: 46px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.businessDiv .overViewDiv22 .overViewTxt .tit span {
	color: #00448d
}

.businessDiv .overViewDiv22 .overViewTxt .txt {
	font-size: 18px;
	line-height: 30px;
	color: #555;
	margin-top: 25px
}

.businessDiv .overViewDiv22 .overViewTxt .txt span {
	color: #00448d
}

.businessDiv .overViewDiv22 .title2 {
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 33px;
	line-height: 34px;
	color: #333;
	text-align: center;
	display: block;
	width: 1140px;
	margin: 0 auto;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: none;
	vertical-align: top;
	animation: flipInY 1s both;
	letter-spacing: -.025em;
	line-height: .9;
}

.businessDiv .overViewDiv22 .title2 span {
	text-align: center;
	letter-spacing: .08em;
	box-shadow: inset 0 -10px 0 0 #ff9e26;
	line-height: 1;
	text-transform: none;
	vertical-align: top;
	animation: flipInY 1s both;
	letter-spacing: -.025em;
	line-height: .9;
}

.businessDiv .overViewDiv .appDiv {
	width: 1140px;
	margin: 55px auto 0;
}

.businessDiv .overViewDiv .appDiv .appBanner {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: 970px;
	text-align: center;
	background: url('/common/images/v_business040401_pic.jpg') no-repeat center center
}

.businessDiv .overViewDiv .appDiv .appText {
	margin-top: 90px;
	position: relative;
	display: inline-block;
	width: 100%
}

.businessDiv .overViewDiv .appDiv .appText .appleft {
	display: block;
	width: 20%;
	float: left;
	margin-right: 2%;
}

.businessDiv .overViewDiv .appDiv .appText .appleft .apptitle {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
}

.businessDiv .overViewDiv .appDiv .appText .appleft .apptitle:after {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
	left: 0
}

.businessDiv .overViewDiv .appDiv .appText .appright {
	display: block;
	width: 77%;
	float: right;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea {
	text-align: left;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a:first-child {
	margin-right: 15px;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a {
	margin-right: 15px;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a:last-child {
	margin: 0
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 22px;
}

.businessDiv .overViewDiv .appDiv .appText .appright .apptxt span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #f89021;
}

.businessDiv .overViewDiv .appDiv .appText .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

/* design process */
.dproDiv {
	margin-top: 55px
}

.dproDiv .Banner {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	text-align: center;
}

.dproDiv .Banner img {
	box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
	border-radius: 20px;
}

.dproDiv .Text {
	margin-top: 50px;
}

.dproDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.dproDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.dproDiv .Text .right .txtarea2 .color {
	width: 25%;
	text-align: left;
	padding-right: 5%
}

.dproDiv .Text .right .txtarea2 .color2 {
	width: 65%;
	float: right;
	text-align: left;
}

.dproDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.dproDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 15px;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/common/images/dot4x4.gif) no-repeat left 13px;
}

.dproDiv .Text .right .txtarea2 .color2 .txt span {
	font-size: 15px;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #202020
}

/* design process */
.eproDiv {
	margin-top: 55px
}

.eproDiv .Banner {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 1140PX;
	margin: 0 auto;
	text-align: center;
}


.eproDiv .Banner img {
	box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
	border-radius: 20px;
}

.eproDiv .Text {
	margin-top: 50px;
}

.eproDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.eproDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.eproDiv .Text .right .txtarea2 .color {
	width: 40%;
	text-align: left;
	padding-right: 5%
}

.eproDiv .Text .right .txtarea2 .color2 {
	width: 55%;
	text-align: left;
	margin-bottom: 30px;
}

.eproDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-top: 20px;
}

.eproDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	padding-left: 0px;
	background: none
}

.eproDiv .Text .right .txtarea2 .color2 .txt span {
	font-size: 13px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

/* design style */
.dsDiv {
	margin-top: 55px
}

.dsDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	height: 608px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.dsDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 50px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.dsDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.dsDiv .Text .left .txtarea .color {
	width: 55%;
	text-align: left;
	padding-right: 5%
}

.dsDiv .Text .left .txtarea .color {
	float: right;
	text-align: left;
}

.dsDiv .Text .left .txtarea .con {
	width: 40%;
}

.dsDiv .Text .left .txtarea .con .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 10px;
}

.dsDiv .Text .left .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-bottom: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
}

.dsDiv .Text .right {
	display: block;
	width: 100%;
	margin-top: 90px;
	padding: 100px 0;
}

.dsDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.dsDiv .Text .right .txtarea .color {
	width: 55%;
}

.dsDiv .Text .right .txtarea .color {
	float: right;
	text-align: left;
}

.dsDiv .Text .right .txtarea .con {
	width: 40%;
	text-align: left;
	padding-right: 5%
}

.dsDiv .Text .right .txtarea .con .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 10px;
}

.dsDiv .Text .right .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-bottom: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
}

/* automotive */
.autoDiv {
	margin: 50px auto 0;
}

.autoDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url('/common/images/business02020201_pic.jpg') no-repeat center center;
	border-radius: 20px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	padding: 30px 15px;
	min-height: 700px
}

.autoDiv .Banner img {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.autoDiv .Text {
	width: 1140px;
	margin: 50px auto 0;
}

.autoDiv .Text .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.autoDiv .Text .con {
	display: flex;
}

.autoDiv .Text .con .left {
	display: block;
	width: 37%;
	margin-right: 3%;
}

.autoDiv .Text .con .left .txtarea {
	width: 100%;
	text-align: left;
}

.autoDiv .Text .con .left .txtarea .color {
	display: block;
	padding-right: 0px
}

.autoDiv .Text .con .left .txtarea .color .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.autoDiv .Text .con .left .txtarea .color .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.autoDiv .Text .con .left .txtarea .color .txt img {
	width: 400px;
	height: 400px
}

.autoDiv .Text .con .right {
	display: block;
	width: 60%;
	float: right
}

.autoDiv .Text .con .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: block;
}

.autoDiv .Text .con .right .txtarea2 .color {
	width: 100%;
	text-align: left;
}

.autoDiv .Text .con .right .txtarea2 .color2 {
	text-align: left;
}

.autoDiv .Text .con .right .txtarea2 .color2 .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	;
	margin-bottom: 20px;
}

.autoDiv .Text .con .right .txtarea2 .color2 .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-bottom: 10px;
}

.autoDiv .Text .con .right .txtarea2 .color3 {
	display: flex;
	margin-top: 30px;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:first-child {
	left: 0;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(1) {
	width: 23%;
	text-align: center;
	margin-right: 2%;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(1) span {
	margin-bottom: 10px;
	display: block
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(2) {
	width: 23%;
	text-align: center;
	margin-right: 2%;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(2) span {
	margin-bottom: 10px;
	display: block
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(3) {
	width: 23%;
	text-align: center;
	margin-right: 2%;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(3) span {
	margin-bottom: 10px;
	display: block
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(4) {
	width: 23%;
	text-align: center;
	margin-right: 0%;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
}

.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(4) span {
	margin-bottom: 10px;
	display: block
}


.autoDiv .Text .con2 {
	display: block;
	width: 1140px;
	margin: 50px auto 0;
}

.autoDiv .Text .con2 .mid {
	display: block;
	width: 100%;
	float: left
}

.autoDiv .Text .con2 .mid .txtarea {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: block;
}

.autoDiv .Text .con2 .mid .txtarea .color {
	width: 100%;
	text-align: left;
}

.autoDiv .Text .con2 .mid .txtarea .color .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.autoDiv .Text .con2 .mid .txtarea .color .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-bottom: 10px;
	word-break: keep-all;
}

/* Aviation */
.avDiv {
	margin-top: 55px;
}

.avDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	height: 608px;
	display: block;
	position: relative;
	box-sizing: border-box;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.avDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 50px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.avDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.avDiv .Text .left .txtarea .color {
	width: 400px;
	padding-right: 40px
}

.avDiv .Text .left .txtarea .color {
	float: right;
	text-align: left;
}

.avDiv .Text .left .txtarea .con {
	width: 700px;
}

.avDiv .Text .left .txtarea .con .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.avDiv .Text .left .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .left .txtarea .con .stit {
	font-size: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	margin-top: 30px;
	margin-bottom: 10px;
}

.avDiv .Text .left .txtarea .con .stxt {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle {
	display: block;
	width: 100%;
	padding: 100px 0;
}

.avDiv .Text .middle .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.avDiv .Text .middle .txtarea .con {
	width: 100%;
	text-align: left;
}

.avDiv .Text .middle .txtarea .con .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.avDiv .Text .middle .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle .txtarea .con .stit {
	font-size: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	margin-top: 30px;
	margin-bottom: 10px;
}

.avDiv .Text .middle .txtarea .con .stxt {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle2 {
	display: table;
	width: 100%;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center;
	background-size: cover;
}

.avDiv .Text .middle2 .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.avDiv .Text .middle2 .txtarea .con {
	width: 100%;
	text-align: left;
}

.avDiv .Text .middle2 .txtarea .con .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.avDiv .Text .middle2 .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle2 .txtarea .con .stit {
	font-size: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	margin-bottom: 10px;
	line-height: 1.6;
	padding-left: 10px;
	background: url(/common/images/dot4x4.gif) no-repeat left 10px;
}

.avDiv .Text .middle2 .txtarea .con .stxt {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle2 .txtarea .con .stxt2 {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .middle2 .txtarea .con .stxt3 {
	display: block;
	float: left;
	margin-top: 30px;
	width: 42%;
	text-align: center;
	margin-right: 3%;
}

.avDiv .Text .middle2 .txtarea .con .stxt3 span {
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
	padding: 10px 0
}

.avDiv .Text .middle2 .txtarea .con .stxt4 {
	display: block;
	float: left;
	margin-top: 30px;
	width: 55%;
	text-align: center;
	margin-right: 0;
}

.avDiv .Text .middle2 .txtarea .con .stxt4 span {
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	word-break: keep-all;
	padding: 10px 0
}

.avDiv .Text .right {
	display: block;
	width: 100%;
	margin-top: 90px;
	padding: 100px 0;
}

.avDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.avDiv .Text .right .txtarea .color {
	width: 400px;
}

.avDiv .Text .right .txtarea .color {
	float: right;
	text-align: left;
}

.avDiv .Text .right .txtarea .con {
	width: 700px;
	text-align: left;
	padding-right: 40px
}

.avDiv .Text .right .txtarea .con .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.avDiv .Text .right .txtarea .con .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
}

.avDiv .Text .right .txtarea .con .stit {
	font-size: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	margin-bottom: 10px;
	line-height: 1.6;
	margin-top: 20px;
}

.avDiv .Text .right .txtarea .con .stxt {
	font-size: 13px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	margin-top: 20px;
}

/* Plant */
.plDiv {
	margin-top: 55px
}

.plDiv .Banner {
	display: block;
	position: relative;
	margin-bottom: 90px;
	box-sizing: border-box;
	width: 100%;
	height: 1409px;
	text-align: center;
	background: url('/common/images/business020301_pic.jpg') no-repeat center center
}

.plDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.plDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.plDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.plDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.plDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 23px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 20px;
}

.plDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* Military */
.miDiv {
	margin-top: 55px
}

.miDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url('/common/images/v_business02020501_pic.jpg') no-repeat center center;
	border-radius: 20px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	padding: 30px 15px;
	min-height: 800px;
}

.miDiv .Banner img {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.miDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.miDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.miDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.miDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.miDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 23px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 20px;
}

.miDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* 3d */
.it3dDiv {
	margin-top: 55px;
}

.it3dDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url('/common/images/e_business020501_pic.png') no-repeat center center;
	border-radius: 20px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	padding: 30px 15px;
	min-height: 546px;
}

.it3dDiv .Banner img {
	width: 1140px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.it3dDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 0px;
	padding: 100px 0;
}

.it3dDiv .Banner2 {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url('/common/images/v_3dbanner02_pic.png') no-repeat center center;
	padding: 30px 15px;
	min-height: 334px;
}

.it3dDiv .Banner2 img {
	width: 1140px;
	display: block;
	position: relative;
	box-sizing: border-box;
}


.it3dDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.it3dDiv .Text .left .txtarea .color {
	width: 600px;
	height: 345px;
	text-align: left;
	padding-right: 40px
}

.it3dDiv .Text .left .txtarea .color {
	float: right;
	text-align: left;
}

.it3dDiv .Text .left .txtarea .con {
	width: 400px
}

.it3dDiv .Text .left .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	/*color:#ff8d00;*/
	margin-bottom: 20px;
	line-height: 60px;
	vertical-align: middle
}

.it3dDiv .Text .left .txtarea .con .tit span {
	line-height: 30px;
	margin-right: 20px;
}

.it3dDiv .Text .left .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
}

.it3dDiv .Text .right {
	display: block;
	width: 100%;
	margin-top: 0px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.it3dDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.it3dDiv .Text .right .txtarea .color {
	width: 700px;
	height: 450px;
}

.it3dDiv .Text .right .txtarea .color {
	float: right;
	text-align: left;
}

.it3dDiv .Text .right .txtarea .con {
	width: 400px;
	text-align: left;
	padding-right: 40px
}

.it3dDiv .Text .right .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	/*color:#ff8d00;*/
	margin-bottom: 20px;
	line-height: 60px;
	vertical-align: middle
}

.it3dDiv .Text .right .txtarea .con .tit span {
	line-height: 30px;
	margin-right: 20px;
}

.it3dDiv .Text .right .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
}

/* solutions */
.itsolDiv {
	margin-top: 55px;
}

.itsolDiv .Text .con {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.itsolDiv .Text .con .title {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: center;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	word-break: keep-all;
}

.itsolDiv .Text .con .title .img {
	display: block;
	width: 100%;
	min-height: 360px;
	background: url('/common/images/business02050401_pic.png') no-repeat center center;
	background-size: contain;
	box-shadow: none;
}

.itsolDiv .Text .con .miniTab {
	width: 1140px;
	margin: 50px auto 0;
	text-align: center
}

.itsolDiv .Text .con .miniTab a {
	width: 210px;
	height: 70px;
	line-height: 18px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 5px;
	font-size: 16px;
	color: #797878;
	border: 1px solid #d9d9d9
}

.itsolDiv .Text .con .miniTab a span {
	text-align: center;
	font-size: 13px;
	color: #797878;
}

.itsolDiv .Text .con .miniTab a.on {
	font-family: 'NotoSans-Medium';
	color: #ff8d00;
	border: 1px solid #ff8d00
}

.itsolDiv .Text .con .miniTabCon {
	width: 100%;
	margin: 40px auto 0;
}

.itsolDiv .Text .con .miniTabCon .txtarea {
	background: #ebebeb;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	display: block;
	padding: 60px 0
}

.itsolDiv .Text .con .miniTabCon .txtarea .textareacon {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
	position: relative;
}

.itsolDiv .Text .con .miniTabCon .txtarea .tit {
	font-size: 35px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 40px;
	text-align: center;
}

.itsolDiv .Text .con .miniTabCon .txtarea .stit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 23px;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color {
	margin-top: 10px;
	display: flex
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft {
	float: left;
	width: 520px;
	margin-right: 40px;
	padding: 15px
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 21px;
	padding: 10px 0;
	display: block;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit p {
	color: #555;
	line-height: 19px;
	padding: 10px 0;
	display: block;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 21px;
	padding: 10px 0;
	display: block;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt .btn {
	WIDTH: 200PX;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #FFF;
	line-height: 21px;
	padding: 10px;
	display: block;
	background: #333;
	border-radius: 15px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p {
	font-size: 15px;
	color: #555;
	line-height: 19px;
	display: block;
	margin: 10px 0;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p span {
	text-indent: 10px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright {
	float: right;
	width: 520px;
	text-align: left;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

/* 20221201추가 */
.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist {
	overflow: hidden;
	width: 1140px;
	margin: 40px auto 0
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list {
	float: left;
	width: 350px;
	margin-right: 45px;
	text-align: center
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list:last-child {
	width: 350px;
	margin-right: 0
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea {
	padding: 20px 5px 0 5px;
	word-break: keep-all
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 21px;
	text-align: center;
}

.blue {
	color: #102181 !important
}

.red {
	color: #e67500 !important
}

.yellow {
	color: #d0b906 !important
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .txt {
	font-size: 15px;
	line-height: 21px;
	color: #555;
	margin-top: 15px;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .img2 {
	display: block;
	text-align: center;
	margin-top: 15px;
}
/* aps */
.itapsDiv {
	margin-top: 55px;
}

.itapsDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	background: url('/common/images/v_business020502_pic.png') no-repeat center center;
	border-radius: 20px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	padding: 30px 15px;
	min-height: 500px
}

.itapsDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 0px;
	padding: 100px 0;
}

.itapsDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.itapsDiv .Text .left .txtarea .color {
	width: 600px;
	height: 345px;
	text-align: left;
	padding-right: 40px
}

.itapsDiv .Text .left .txtarea .color {
	float: right;
	text-align: left;
}

.itapsDiv .Text .left .txtarea .color img {
	border-radius: 20px;
	border: 1px solid #d7d7d7;
}

.itapsDiv .Text .left .txtarea .con {
	width: 400px
}

.itapsDiv .Text .left .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.6;
	vertical-align: middle
}

.itapsDiv .Text .left .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.6;
}

.itapsDiv .Text .right {
	display: block;
	width: 100%;
	margin-top: 0px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.itapsDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: flex;
}

.itapsDiv .Text .right .txtarea .color {
	width: 600px;
	height: 345px;
}

.itapsDiv .Text .right .txtarea .color {
	float: right;
	text-align: left;
}

.itapsDiv .Text .right .txtarea .color img {
	border-radius: 20px;
	border: 1px solid #d7d7d7;
}

.itapsDiv .Text .right .txtarea .con {
	width: 400px;
	text-align: left;
	padding-right: 40px
}

.itapsDiv .Text .right .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.6;
	vertical-align: middle
}

.itapsDiv .Text .right .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.6;
}

/* cloud */
.itcloudDiv {
	width: 1140px;
	margin: 55px auto 0;
}

.itcloudDiv .Text .con {
	display: block;
	width: 100%;
}

.itcloudDiv .Text .con .miniTab {
	text-align: center
}

.itcloudDiv .Text .con .miniTab a {
	width: 280px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 3px;
	font-size: 16px;
	color: #797878;
	border: 1px solid #d9d9d9
}

.itcloudDiv .Text .con .miniTab a.on {
	font-family: 'NotoSans-Medium';
	color: #ff8d00;
	border: 1px solid #ff8d00
}

.itcloudDiv .Text .con .miniTabCon {
	width: 1140px;
	margin: 50px auto 0
}

.itcloudDiv .Text .con .miniTabCon .txtarea {
	text-align: left;
	display: block;
}

.itcloudDiv .Text .con .miniTabCon .txtarea .tit {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
}

.itcloudDiv .Text .con .miniTabCon .txtarea .tit:after {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
}

.itcloudDiv .Text .con .miniTabCon .txtarea .img {
	margin-top: 30px;
	width: 100%;
	min-height: 1682px;
	display: block;
	position: relative;
	background: url('/common/images/v_business02050301_pic.jpg') no-repeat center center;
	background-size: contain;
}

.itcloudDiv .Text .con .miniTabCon .txtarea .img2 {
	margin-top: 30px;
	width: 100%;
	min-height: 1134px;
	display: block;
	position: relative;
	background: url('/common/images/v_business02050302_pic.jpg') no-repeat center center;
	background-size: contain;
}

.itcloudDiv .Text .con .miniTabCon .txtarea .img3 {
	margin-top: 30px;
	width: 100%;
	min-height: 1219px;
	display: block;
	position: relative;
	background: url('/common/images/v_business02050303_pic.jpg') no-repeat center center;
	background-size: contain;
}

/* infra */
.itinfraDiv {
	margin-top: 55px;
}

.itinfraDiv .Text .con {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.itinfraDiv .Text .con .title {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: center;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	word-break: keep-all;
}

.itinfraDiv .Text .con .title .img {
	display: block;
	width: 100%;
	min-height: 360px;
	background: url('/common/images/business02050401_pic.png') no-repeat center center;
	background-size: contain;
	box-shadow: none;
}

.itinfraDiv .Text .con .miniTab {
	width: 1140px;
	margin: 50px auto 0;
	text-align: center
}

.itinfraDiv .Text .con .miniTab a {
	width: 280px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 3px;
	font-size: 16px;
	color: #797878;
	border: 1px solid #d9d9d9
}

.itinfraDiv .Text .con .miniTab a.on {
	font-family: 'NotoSans-Medium';
	color: #ff8d00;
	border: 1px solid #ff8d00
}

.itinfraDiv .Text .con .miniTabCon {
	width: 1140px;
	margin: 80px auto 0
}

.itinfraDiv .Text .con .miniTabCon .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.itinfraDiv .Text .con .miniTabCon .txtarea .tit {
	font-size: 26px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 24px;
}

.itinfraDiv .Text .con .miniTabCon .txtarea .tit:after {
	content: '';
	display: block;
	position: absolute;
	width: 37px;
	height: 3px;
	background: #333;
	margin-top: 10px;
}

.itinfraDiv .Text .con .miniTabCon .txtarea .img {
	margin-top: 30px;
	width: 100%;
	min-height: 792px;
	display: block;
	position: relative;
	background: url('/common/images/business02050402_pic.jpg') no-repeat center center;
	background-size: contain;
}

.itinfraDiv .Text .con .miniTabCon .txtarea .img2 {
	margin-top: 30px;
	width: 100%;
	min-height: 360px;
	display: block;
	position: relative;
	background: url('/common/images/business02050403_pic.jpg') no-repeat center center;
	background-size: contain;
}

.itinfraDiv .Text .con .miniTabCon .txtarea .img3 {
	margin-top: 30px;
	width: 100%;
	min-height: 790px;
	display: block;
	position: relative;
	background: url('/common/images/v_business02050404_pic.jpg') no-repeat center center;
	background-size: contain;
}

/* ccar */
.ccarDiv {
	margin-top: 55px;
}

.ccarDiv .Banner {
	width: 100%;
	display: block;
	position: relative;
	background: url('/common/images/business020501_bg.jpg') no-repeat center center
}

.ccarDiv .Banner img {
	width: 1140px;
	margin: 0 auto;
	height: 546px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.ccarDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 50px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.ccarDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.ccarDiv .Text .left .txtarea .color {
	width: 100%;
	height: 340px;
	background: url('/common/images/business02030100_pic.jpg') no-repeat center center;
	background-size: contain;
	text-align: left;
	margin-top: 30px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.ccarDiv .Text .left .txtarea .con {
	width: 100%
}

.ccarDiv .Text .left .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.4;
	vertical-align: middle
}

.ccarDiv .Text .left .txtarea .con .tit span {
	line-height: 30px;
	margin-right: 20px;
}

.ccarDiv .Text .left .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	padding-left: 10px;
	line-height: 30px;
	background: url(/common/images/dot4x4.gif) no-repeat left 15px;
	display: inline-block;
}

.ccarDiv .Text .right {
	display: block;
	width: 100%;
	padding: 100px 0;
}

.ccarDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.ccarDiv .Text .right .txtarea .con {
	width: 1140px;
	text-align: left;
	margin-top: 30px;
}

.ccarDiv .Text .right .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.5;
	vertical-align: middle
}

.ccarDiv .Text .right .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
}

.ccarDiv .Text .right .txtarea .con .txt span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.ccarDiv .Text .right .txtarea .color {
	margin-top: 10px;
	display: flex
}

.ccarDiv .Text .right .txtarea .color .cleft {
	width: 520px;
	margin-right: 40px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.ccarDiv .Text .right .txtarea .color .cleft .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.ccarDiv .Text .right .txtarea .color .cleft img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.ccarDiv .Text .right .txtarea .color .cright {
	float: right;
	width: 520px;
	text-align: left;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.ccarDiv .Text .right .txtarea .color .cright .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.ccarDiv .Text .right .txtarea .color .cright img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

/* ccar */
.csysDiv {
	margin-top: 55px;
}

.csysDiv .Banner {
	width: 100%;
	display: block;
	position: relative;
	background: url('/common/images/business020501_bg.jpg') no-repeat center center
}

.csysDiv .Banner img {
	width: 1140px;
	margin: 0 auto;
	height: 546px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.csysDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 50px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.csysDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.csysDiv .Text .left .txtarea .color {
	width: 100%;
	height: 340px;
	background: url('/common/images/business02030200_pic.jpg') no-repeat center center;
	background-size: contain;
	width: 100%;
	text-align: left;
	margin-top: 30px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.csysDiv .Text .left .txtarea .con {
	width: 100%
}

.csysDiv .Text .left .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.4;
	vertical-align: middle
}

.csysDiv .Text .left .txtarea .con .tit span {
	line-height: 30px;
	margin-right: 20px;
}

.csysDiv .Text .left .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	padding-left: 10px;
	line-height: 30px;
	background: url(/common/images/dot4x4.gif) no-repeat left 15px;
	display: inline-block;
}

.csysDiv .Text .right {
	display: block;
	width: 100%;
	padding: 100px 0;
}

.csysDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.csysDiv .Text .right .txtarea .con {
	width: 1140px;
	text-align: left;
	margin-top: 30px;
}

.csysDiv .Text .right .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.5;
	vertical-align: middle
}

.csysDiv .Text .right .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
}

.csysDiv .Text .right .txtarea .con .txt span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.csysDiv .Text .right .txtarea .color {
	margin-top: 10px;
	display: flex
}

.csysDiv .Text .right .txtarea .color .cleft {
	width: 520px;
	margin-right: 40px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.csysDiv .Text .right .txtarea .color .cleft .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cleft img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.csysDiv .Text .right .txtarea .color .cright {
	float: right;
	width: 520px;
	text-align: left;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.csysDiv .Text .right .txtarea .color .cright .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cright img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.csysDiv .Text .right .txtarea .color .cleft2 {
	width: 320px;
	margin-right: 40px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.csysDiv .Text .right .txtarea .color .cleft2 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.5;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cleft2 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.csysDiv .Text .right .txtarea .color .cleft3 {
	width: 1140px;
	border: 2px solid #ebebeb;
	padding: 10px 20px;
	border-radius: 20px;
}

.csysDiv .Text .right .txtarea .color .cleft3 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.5;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cleft3 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.csysDiv .Text .right .txtarea .color .cleft4 {
	width: 330px;
	border: 2px solid #ebebeb;
	padding: 10px;
	margin-right: 30px;
	border-radius: 20px;
}

.csysDiv .Text .right .txtarea .color .cleft4 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.5;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cleft4 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.csysDiv .Text .right .txtarea .color .ccenter4 {
	width: 330px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.csysDiv .Text .right .txtarea .color .ccenter4 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.5;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cright2 {
	float: right;
	width: 720px;
	text-align: center;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.csysDiv .Text .right .txtarea .color .cright2 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 1.5;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.csysDiv .Text .right .txtarea .color .cright2 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}


/* cin */
.cinDiv {
	margin-top: 55px;
}

.cinDiv .Banner {
	width: 100%;
	display: block;
	position: relative;
	background: url('/common/images/business020501_bg.jpg') no-repeat center center
}

.cinDiv .Banner img {
	width: 1140px;
	margin: 0 auto;
	height: 546px;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.cinDiv .Text .left {
	display: block;
	width: 100%;
	margin-top: 55px;
	padding: 100px 0;
	background: url('/common/images/business010201_bg.jpg') no-repeat center center
}

.cinDiv .Text .left .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.cinDiv .Text .left .txtarea .color {
	width: 100%;
	height: 340px;
	background: url('/common/images/business02030300_pic.jpg') no-repeat center center;
	background-size: contain;
	text-align: left;
	margin-top: 30px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.cinDiv .Text .left .txtarea .color2 {
	width: 100%;
	height: 340px;
	background: url('/common/images/business02030400_pic.jpg') no-repeat center center;
	background-size: contain;
	text-align: left;
	margin-top: 30px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.cinDiv .Text .left .txtarea .color3 {
	width: 100%;
	height: 340px;
	background: url('/common/images/business02030500_pic.jpg') no-repeat center center;
	background-size: contain;
	text-align: left;
	margin-top: 30px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.cinDiv .Text .left .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.5;
	vertical-align: middle
}

.cinDiv .Text .left .txtarea .con .tit span {
	line-height: 30px;
	margin-right: 20px;
}

.cinDiv .Text .left .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	padding-left: 10px;
	line-height: 30px;
	background: url(/common/images/dot4x4.gif) no-repeat left 15px;
	display: inline-block;
}

.cinDiv .Text .right {
	display: block;
	width: 100%;
	padding: 100px 0;
}

.cinDiv .Text .right .txtarea {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
}

.cinDiv .Text .right .txtarea .con {
	width: 1140px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px
}

.cinDiv .Text .right .txtarea .con .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
	line-height: 1.5;
	vertical-align: middle
}

.cinDiv .Text .right .txtarea .con .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
}

.cinDiv .Text .right .txtarea .con .txt span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.cinDiv .Text .right .txtarea .mtit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin: 0 auto;
	text-align: center;
	display: block;
	padding: 10px 0;
	width: 300px;
	border: 1px solid #ee9b54
}

.cinDiv .Text .right .txtarea .color {
	margin-top: 10px;
	margin-bottom: 30px;
	display: flex;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cmid {
	float: left;
	width: 1140px;
	text-align: left;
	border: 2px solid #ebebeb;
	padding: 10px
}

.cinDiv .Text .right .txtarea .color .cleft {
	width: 520px;
	margin-right: 40px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cleft .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cleft img {
	width: 100%;
	text-align: center;
	padding: 10px;
	border-radius: 20px;
}

.cinDiv .Text .right .txtarea .color .cleft2 {
	width: 320px;
	margin-right: 40px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cleft2 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cleft2 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .cleft3 {
	width: 1140px;
	border: 2px solid #ebebeb;
	padding: 10px 20px;
	border-radius: 20px;
}

.cinDiv .Text .right .txtarea .color .cleft3 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cleft3 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .cleft4 {
	width: 350px;
	border: 2px solid #ebebeb;
	padding: 10px;
	margin-right: 30px;
	border-radius: 20px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cleft4 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cleft4 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .ccenter4 {
	width: 350px;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .ccenter4 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .ccenter4 img {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

.cinDiv .Text .right .txtarea .color .cright4 {
	width: 350px;
	border: 2px solid #ebebeb;
	padding: 10px;
	margin-left: 30px;
	border-radius: 20px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cright4 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cright4 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .cleft5 {
	width: 720px;
	border: 2px solid #ebebeb;
	padding: 10px;
	margin-right: 20px;
	border-radius: 20px;
}

.cinDiv .Text .right .txtarea .color .cleft5 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cleft5 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .cright5 {
	width: 400px;
	border: 2px solid #ebebeb;
	padding: 10px;
	margin-left: 30px;
	border-radius: 20px;
}

.cinDiv .Text .right .txtarea .color .cright5 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cright5 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

.cinDiv .Text .right .txtarea .color .cright {
	float: right;
	width: 520px;
	text-align: center;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 15px;
	text-align: center
}

.cinDiv .Text .right .txtarea .color .cright .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cright img {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	border-radius: 15px;
}

.cinDiv .Text .right .txtarea .color .cright2 {
	float: right;
	width: 720px;
	text-align: center;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.cinDiv .Text .right .txtarea .color .cright2 .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.cinDiv .Text .right .txtarea .color .cright2 img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

/* moricess */
.proDiv {
	width: 1140px;
	margin: 55px auto 0;
}

.proDiv .Banner {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 724px;
	text-align: center;
	background: url('/common/images/business040201_pic.jpg') no-repeat center center;
	border-radius: 20px;
	box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
}

.proDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 90px auto 0;
}

.proDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.proDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.proDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.proDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 22px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.proDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 1.6;
	padding-left: 15px;
	background: url(/common/images/dot4x4.gif) no-repeat left 13px;
}

.businessDiv .overViewDiv .researchDiv {
	margin: 60px auto 0;
	overflow: hidden
}

.businessDiv .overViewDiv .researchDiv .list {
	margin-bottom: 10px;
	float: left;
	width: 270px;
	min-height: 300px;
	margin-left: 20px;
	background: #ededed;
	box-sizing: border-box;
	position: relative;
	padding: 40px 20px 20px;
	text-align: center
}

.businessDiv .overViewDiv .researchDiv .list:first-child {
	margin-bottom: 10px;
	margin-left: 2
}

.businessDiv .overViewDiv .researchDiv .list:first-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv .overViewDiv .researchDiv .list:last-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	left: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv .overViewDiv .researchDiv .list .num {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px
}

.businessDiv .overViewDiv .researchDiv .list .num img {
	width: 100%
}

.businessDiv .overViewDiv .researchDiv .list .tit {
	font-size: 20.56px;
	line-height: 1.4;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.businessDiv .overViewDiv .researchDiv .list .txt {
	font-size: 15px;
	color: #555;
	margin-top: 20px;
	line-height: 1.4;
	text-align: left;
	list-style-type: disc
}

.businessDiv .overViewDiv .researchDiv .list .img {
	margin-top: 30px
}

.businessDiv .overViewDiv .researchDiv .list .img img {
	width: 100%
}

.businessDiv .overViewDiv .researchDiv {
	margin: 60px auto 0;
	overflow: hidden
}

.businessDiv .overViewDiv .researchDiv .list2 {
	margin-bottom: 10px;
	float: left;
	width: 580px;
	min-height: 240px;
	background: #ededed;
	box-sizing: border-box;
	position: relative;
	padding: 40px 20px 20px;
	text-align: center
}

.businessDiv .overViewDiv .researchDiv .list2:first-child {
	margin-bottom: 10px;
	margin-left: 2;
	margin-right: 20px;
}

.businessDiv .overViewDiv .researchDiv .list2:first-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv .overViewDiv .researchDiv .list2:last-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	left: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv .overViewDiv .researchDiv .list2 .num {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px
}

.businessDiv .overViewDiv .researchDiv .list2 .num img {
	width: 100%
}

.businessDiv .overViewDiv .researchDiv .list2 .tit {
	font-size: 20.56px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.businessDiv .overViewDiv .researchDiv .list2 .txt {
	font-size: 15px;
	color: #555;
	margin-top: 20px;
	line-height: 1.4;
	text-align: left
}

.businessDiv .overViewDiv .researchDiv .list2 .img {
	margin-top: 30px
}

.businessDiv .overViewDiv .researchDiv .list2 .img img {
	width: 100%
}

.businessDiv .overViewDiv .semiconDiv {
	margin: 55px auto 0;
	background: #fafafa;
}

.businessDiv .overViewDiv .semiconDiv .Banner {
	width: 1140px;
	margin: 0 auto;
	padding: 50px 0;
	min-height: 924px;
	display: block;
	position: relative;
	background: url('/common/images/v_business020401_pic.jpg') no-repeat center center;
}

.businessDiv .overViewDiv .semiconDiv .Banner2 {
	width: 1140px;
	margin: 0 auto;
	min-height: 924px;
	display: block;
	position: relative;
	background: url('/common/images/business020402_pic.jpg') no-repeat center center;
}

.businessDiv .overViewDiv .semiconDiv .Banner3 {
	width: 1140px;
	margin: 0 auto;
	min-height: 924px;
	display: block;
	position: relative;
	background: url('/common/images/v_business040301_pic.png') no-repeat center center;
}

.businessDiv .overViewDiv .semiconDiv .Banner4 {
	width: 1140px;
	margin: 0 auto;
	height: 924px;
	display: block;
	position: relative;
	background: url('/common/images/business020404_pic.jpg') no-repeat center center;
}

.businessDiv .overViewDiv .semiconDiv .Banner5 {
	width: 1140px;
	margin: 50px auto 0;
	height: 450px;
	display: block;
	position: relative;
	background: url('/common/images/mda.gif') no-repeat center center;
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	padding: 30px 0
}

.businessDiv .overViewDiv .semiconDiv .conD {
	/*border:1px solid #3c7ad7; */
	border-top: none;
	box-sizing: border-box;
	padding: 50px 30px;
	text-align: center
}

.businessDiv .overViewDiv .semiconDiv .conD .tit {
	font-size: 22px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-top: 50px
}

.businessDiv .overViewDiv .semiconDiv .conD .tit:first-child {
	margin-top: 0
}

.businessDiv .overViewDiv .semiconDiv .conD .listDiv {
	text-align: center;
	margin: 40px auto 0
}

.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list {
	display: inline-block;
	text-align: center;
	margin: 0 9px;
	width: 220px;
	height: 220px;
	box-sizing: border-box;
	border-radius: 100%;
	border: 1px solid #dadada;
	padding: 67px 10px
}

.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .tit2 {
	font-size: 18px;
	color: #00448d;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .txt {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	margin-top: 20px
}

.businessDiv .overViewDiv .semiconDiv2 {
	margin-top: 90px
}

.businessDiv .overViewDiv .semiconDiv2 .tit {
	font-size: 22px;
	line-height: 34px;
	color: #000;
	text-align: center;
}

.businessDiv .overViewDiv .semiconDiv2 .tit span {
	color: #00448d;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .overViewDiv .semiconDiv2 .img {
	margin-top: 70px
}

.businessDiv .overViewDiv .semiconDiv2 .img img:first-child {
	width: 100%
}

.businessDiv .overViewDiv .semiconDiv2 .img img:last-child {
	width: 100%;
	display: none
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv {
	margin: 40px auto 0;
	overflow: hidden;
	text-align: center
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list {
	width: 580px;
	font-size: 16px
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .title2 {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF {
	overflow: hidden;
	margin: 30px 30px 0;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	box-sizing: border-box
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path {
	width: 173px;
	height: 140px;
	float: left;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 24px 20px;
	text-align: center;
	position: relative
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .step {
	font-size: 15px;
	color: #00448d;
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt {
	font-size: 16px;
	line-height: 24px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	margin-top: 10px
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList {
	width: 100%;
	padding: 30px 30px 0;
	overflow: hidden;
	box-sizing: border-box
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li {
	width: 175px;
	text-align: left
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li:nth-child(2n-1) {
	float: left
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li:nth-child(2n) {
	float: right
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .left {
	float: left
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right {
	float: right
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .title2 {
	background: #3c7ad7
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .title2 {
	background: #3cc7d7
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4) {
	float: right
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(5) {
	float: right
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(1):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon1.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(2):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon1.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(1):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon2.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(2):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon2.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(3):after {
	content: '';
	display: block;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -12px;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	background: url('/common/images/icon/semicon_icon4.gif') no-repeat 0 0;
	z-index: 1
}

.businessDiv .tabCon .miniTab {
	width: 100%;
	text-align: center
}

.businessDiv .tabCon .miniTab a {
	width: 280px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 3px;
	font-size: 16px;
	color: #797878;
	border: 1px solid #d9d9d9
}

.businessDiv .tabCon .miniTab a.on {
	font-family: 'NotoSans-Medium';
	color: #000;
	border: 1px solid #000
}

.businessDiv .tabCon .miniTabCon {
	margin: 80px auto 0
}

.businessDiv .busiTit {
	font-size: 30px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	text-align: center;
	line-height: 30px;
	padding-top: 80px;
}

.businessDiv .busiTit2 img {
	width: 100%;
	text-align: center;
	line-height: 30px;
	padding-top: 30px;
	padding-bottom: 100px;
}

.businessDiv .busiTit span {
	color: #00448d
}

.businessDiv .busiTable {
	margin: 80px auto 0;
	width: 100%;
	overflow: hidden;
	border-top: 0px solid #d9d9d9
}

.businessDiv .busiTable .list {
	float: left;
	width: 50%;
	background-color: #f1f1f1;
	border: 1px solid #d9d9d9;
	border-top: none;
	box-sizing: border-box;
	padding: 33px 30px 0 30px
}

.businessDiv .busiTable .list:nth-child(2n) {
	border-left: none
}

.businessDiv .busiTable .list .table {
	display: table;
	width: 100%
}

.businessDiv .busiTable .list .table .left {
	display: table-cell;
	vertical-align: top;
	width: 140px;
	height: 138px
}

.businessDiv .busiTable .list .table .right {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px
}

.businessDiv .busiTable .list .table .right .tit {
	font-size: 20.56px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	line-height: 26px
}

.businessDiv .busiTable .list .table .right2 {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px;
	padding-top: 25px;
}

.businessDiv .busiTable .list .table .right2 .tit {
	font-size: 20.56px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	line-height: 26px
}

.businessDiv .busiTable .list .table .right .txt {
	margin-top: 25px
}

.businessDiv .busiTable .list .table .right .txt li {
	font-size: 15px;
	line-height: 28px;
	color: #555;
	padding-left: 16px;
	background: url('/common/images/icon/dot4x4.gif') no-repeat left 12px;
	letter-spacing: -0.8px
}

.businessDiv .busiTable .list .table .right .txt li span {
	display: block
}

.businessDiv .busiTable .list .table .right .txt2 {
	margin-top: 25px
}

.businessDiv .busiTable .list .table .right .txt2 li {
	font-size: 15px;
	line-height: 28px;
	color: #555;
	/*padding-left:16px; background:url('/common/images/icon/dot4x4.gif') no-repeat left 12px; */
	letter-spacing: -0.8px
}

.businessDiv .busiTable .list .table .right .txt2 li span {
	display: block
}

.businessDiv .viewBtn {
	width: 200px;
	height: 56px;
	line-height: 56px;
	margin: 60px auto 0;
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 0 78px 0 10px;
	background: url('/common/images/icon/viewBtn_icon.gif') no-repeat right 30px top 50% #00448d
}

.businessDiv .layerPop {
	position: absolute;
	z-index: 1112;
	top: 1350px;
	left: 50%;
	transform: translateX(-50%);
	width: 978px;
	display: none
}

.businessDiv .layerPop .top {
	position: relative;
	height: 70px;
	line-height: 70px;
	padding-left: 30px;
	font-size: 22px;
	color: #fff;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: #00448d
}

.businessDiv .layerPop .closeBtn {
	position: absolute;
	top: 24px;
	right: 30px
}

.businessDiv .layerPop .bodyWrap {
	height: 780px;
	box-sizing: border-box;
	padding: 50px 15px 50px 30px;
	background: #fff
}

.businessDiv .layerPop .bodyWrap .mCustomScrollBox>.mCSB_scrollTools {
	opacity: 1;
	width: 6px
}

.businessDiv .layerPop .bodyWrap .mCSB_scrollTools .mCSB_draggerRail {
	display: none
}

.businessDiv .layerPop .bodyWrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background: #bbbbbb
}

.businessDiv .layerPop .body {
	text-align: center;
	background: #fff;
	padding-right: 15px
}

.businessDiv .layerPop .body .noti {
	display: none
}

.businessDiv .layerPop .body .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 20px;
	color: #000
}

.businessDiv .layerPop .body .tit.left {
	text-align: left;
	margin: 60px 0 30px;
}

.businessDiv .layerPop .body .img {
	margin-top: 25px
}

.businessDiv .layerPop .body .img:first-child {
	margin-top: 0
}

.businessDiv .layerPop .body .img img {
	width: 100%
}

.businessDiv .layerPop .body .img2 {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 2px solid #e9e9e9
}

.businessDiv .layerPop .viewList {
	margin-top: 30px;
	text-align: left
}

.businessDiv .layerPop .viewList .line {
	padding: 40px 0;
	overflow: hidden;
	border-top: 1px solid #e7e7e7;
	word-break: keep-all
}

.businessDiv .layerPop .viewList .line:first-child {
	border-top: none
}

.businessDiv .layerPop .viewList .line:last-child {
	padding-bottom: 0
}

.businessDiv .layerPop .viewList .line .tit {
	float: left;
	width: 200px;
	margin-right: 25px;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .layerPop .viewList .line .txt {
	float: left;
	width: calc(100% - 225px);
	width: -webkit-calc(100% - 225px);
	font-size: 16px;
	line-height: 26px;
	color: #555
}

.businessDiv .busiAccorDiv {
	margin: 60px auto 0;
	border-bottom: 1px solid #d9d9d9
}

.businessDiv .busiAccorDiv .list {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 200px 40px 40px;
	position: relative;
	border: 1px solid #d9d9d9;
	border-bottom: none
}

.businessDiv .busiAccorDiv .list .img {
	width: 220px;
	height: 170px;
	display: table-cell;
	vertical-align: middle
}

.businessDiv .busiAccorDiv .list .txtArea {
	display: table-cell;
	padding: 0 40px;
	vertical-align: middle
}

.businessDiv .busiAccorDiv .list .txtArea .tit {
	font-size: 22px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000
}

.businessDiv .busiAccorDiv .list .txtArea .dotList2 {
	margin-top: 20px;
	word-break: keep-all
}

.businessDiv .busiAccorDiv .list .btn {
	width: 156px;
	height: 50px;
	display: block;
	line-height: 48px;
	box-sizing: border-box;
	border-radius: 30px;
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
	background: url('/common/images/icon/controller_accor_open.gif') no-repeat right 30px top 50%;
	font-size: 16px;
	color: #000;
	padding-left: 32px
}

.businessDiv .busiAccorDiv .list.on {
	border: 1px solid #00448d;
	border-bottom: 1px solid #00448d
}

.businessDiv .busiAccorDiv .list.on .txtArea .tit {
	color: #00448d
}

.businessDiv .busiAccorDiv .list.on .txtArea .dotList2 li {
	color: #00448d
}

.businessDiv .busiAccorDiv .list.on .btn {
	border: 1px solid #00448d;
	color: #fff;
	background: url('/common/images/icon/controller_accor_close.gif') no-repeat right 30px top 50% #00448d
}

.businessDiv .busiAccorDiv .view {
	padding: 80px 40px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	display: none
}

.businessDiv .busiAccorDiv .view .noti {
	display: none
}

.businessDiv .busiAccorDiv .view .img {
	text-align: center
}

.businessDiv .busiAccorDiv .view .img img {
	width: 100%
}

.businessDiv .busiAccorDiv .view .viewList {
	margin-top: 30px
}

.businessDiv .busiAccorDiv .view .viewList .line {
	padding: 40px 0;
	overflow: hidden;
	border-top: 1px solid #e7e7e7;
	word-break: keep-all
}

.businessDiv .busiAccorDiv .view .viewList .line:first-child {
	border-top: none
}

.businessDiv .busiAccorDiv .view .viewList .line:last-child {
	padding-bottom: 0
}

.businessDiv .busiAccorDiv .view .viewList .line .tit {
	float: left;
	width: 200px;
	margin-right: 25px;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.businessDiv .busiAccorDiv .view .viewList .line .txt {
	float: left;
	width: calc(100% - 225px);
	width: -webkit-calc(100% - 225px);
	font-size: 16px;
	line-height: 26px;
	color: #555
}


/* recruit process */
.recproDiv {
	margin-top: 55px
}

.recproDiv .Banner {
	display: block;
	position: relative;
	min-height: 700px;
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	background: url('/common/images/v_recruit0201_pic.jpg') no-repeat center center;
	box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
	border-radius: 20px;
}

.recproDiv .Text {
	margin-top: 90px;
}

.recproDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.recproDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.recproDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.recproDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.recproDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 21px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.recproDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* recruit process */
.rwelDiv {
	margin-top: 55px
}

.rwelDiv .Banner {
	display: block;
	position: relative;
	height: 600px;
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	background: url('/common/images/v_recruit0301_pic.jpg') no-repeat center center;
}

.rwelDiv .Text {
	margin-top: 90px;
}

.rwelDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.rwelDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.rwelDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.rwelDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.rwelDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 26px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	margin-bottom: 20px;
}

.rwelDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* 인재채용 */
.introListDiv {}

.introListDiv .Banner {
	height: 650px
}

.introListDiv .list {
	position: relative;
	width: 1140px;
	overflow: hidden;
	margin: 90px auto 0
}

.introListDiv .list:first-child {
	margin-top: 0
}

.introListDiv .list .img {
	width: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.introListDiv .list .img img {
	width: 100%
}

.introListDiv .list .txtArea {
	width: calc(50% + 60px);
	width: -webkit-calc(50% + 60px);
	padding: 0 60px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #dfdfdf
}

.introListDiv .list .txtArea .area {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 70px;
	word-break: keep-all
}

.introListDiv .list .txtArea .icon {
	display: block;
	margin-bottom: 10px;
}

.introListDiv .list .txtArea .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	font-size: 21px
}

.introListDiv .list .txtArea .txt {
	font-size: 15px;
	color: #555;
	margin-top: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	line-height: 1.5;
}

.introListDiv .list .txtArea .txt2 {
	font-size: 15px;
	color: #555;
	margin-top: 15px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	line-height: 1.5;
}

.introListDiv .list .txtArea .txt2 span {
	padding-left: 10px;
	font-size: 15px;
	color: #767676;
	font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif !important;
	line-height: 1.5;
	background: url(/common/images/dot4x4.gif) no-repeat left 8px;
	display: inline-block
}

.introListDiv .list .txtArea .txt2 span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.introListDiv .list:nth-child(2n-1) .img {
	float: left;
	border-radius: 15px;
}

.introListDiv .list:nth-child(2n-1) .txtArea {
	float: right;
	margin-left: -60px;
	margin-top: 50px;
	padding: 0 60px 0 100px;
	min-height: 500px;
	border-radius: 15px;
}

.introListDiv .list:nth-child(2n-1) .txtArea .area {
	left: 100px
}

.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: #d0d0d0;
	color: #777;
	border: none;
	position: relative;
	height: 40px;
	font-size: 13px;
	padding: 0 2em;
	cursor: pointer;
	transition: 800ms ease all;
	outline: none;
	line-height: 38px;
	margin-top: 50px;
	display: block;
	width: 150px
}

.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:hover {
	background: #fff;
	color: #ff8d00;
	height: 40px;
	line-height: 38px;
	display: block;
}

.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:before,
.btn a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 0;
	background: #ff8d00;
	transition: 400ms ease all;
}

.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
	line-height: 38px;
}

.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:hover:before,
.btn a:hover:after {
	width: 100%;
	transition: 800ms ease all;
}

.wantTalent {
	width: 100%;
	padding-top: 20px
}

.introListDiv .list:nth-child(2n) .img {
	float: right;
	border-radius: 15px;
}

.introListDiv .list:nth-child(2n) .txtArea {
	float: left;
	margin-right: -60px;
	margin-top: 50px;
	padding: 0 100px 0 60px;
	min-height: 500px;
	border-radius: 15px;
}

.introListDiv .list:nth-child(2n) .txtArea .area {
	left: 60px
}

.introListDiv .list:nth-child(2n) .txtArea .area .btn a {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: #d0d0d0;
	color: #777;
	border: none;
	position: relative;
	height: 40px;
	font-size: 13px;
	padding: 0 2em;
	cursor: pointer;
	transition: 800ms ease all;
	outline: none;
	line-height: 38px;
	margin-top: 50px;
	display: block;
	width: 150px
}

.introListDiv .list:nth-child(2n) .txtArea .area .btn a:hover {
	background: #fff;
	color: #ff8d00;
	height: 40px;
	line-height: 38px;
	display: block;
}

.introListDiv .list:nth-child(2n) .txtArea .area .btn a:before,
.btn a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 0;
	background: #ff8d00;
	transition: 400ms ease all;
}

.introListDiv .list:nth-child(2n) .txtArea .area .btn a:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

.introListDiv .list:nth-child(2n) .txtArea .area .btn a:hover:before,
.btn a:hover:after {
	width: 100%;
	transition: 800ms ease all;
}

.wantTalent {
	width: 100%;
	padding-top: 20px
}

.wantTalent .tit {
	font-size: 26px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align: center
}

.wantTalent .tit span {
	color: #00448d
}

.wantTalent .img {
	width: 100%;
	margin-top: 80px
}

.wantTalent .img img {
	width: 100%
}

.wantTalent .txtArea {
	overflow: hidden;
	margin-top: 30px
}

.wantTalent .txtArea p {
	float: left;
	width: 32%;
	margin-left: 2%;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: #555
}

.wantTalent .txtArea p:first-child {
	margin-left: 0
}

.promoteDiv {
	width: 1140px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box
}

.promoteDiv .img {
	text-align: center;
	margin-top: 80px
}

.promoteDiv .infoD {
	margin-top: 50px;
	border: 1px solid #d9d9d9;
	padding: 35px 30px;
	font-size: 16px;
	line-height: 28px;
	color: #555
}

.promoteDiv .infoD span {
	display: block
}

.promoteDiv .listDiv {}

.promoteDiv .listDiv .list {
	padding: 40px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #d9d9d9;
	display: table;
	width: 100%
}

.promoteDiv .listDiv .list .icon {
	display: table-cell;
	padding-right: 50px;
	vertical-align: middle;
	width: 140px
}

.promoteDiv .listDiv .list .txtArea {
	display: table-cell;
	vertical-align: middle;
	word-break: keep-all
}

.promoteDiv .listDiv .list .tit {
	font-size: 22px;
	color: #ff8d00;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.promoteDiv .listDiv .list .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 20px
}

.promoteDiv .listDiv .list .txt span {
	display: block;
	font-size: 18px;
	margin: 25px 0 5px;
	color: #555;
	font-family: 'NotoSans-Bold'
}

.promoteDiv .listDiv .list .txt span:first-child {
	margin-top: 0
}

.environDiv {
	width: 1180px;
	margin: 80px auto 0
}

.environDiv .rollArea {
	width: 100%;
	position: relative
}

.environDiv .rollArea .rollDiv {
	width: 100%;
	height: 580px;
	position: relative;
	overflow: hidden
}

.environDiv .rollArea .rollDiv .roll {
	position: absolute;
	width: 100%;
	height: 580px;
	top: 0;
	left: 100%
}

.environDiv .rollArea .rollDiv .roll:first-child {
	left: 0
}

.environDiv .rollArea .rollDiv .roll:nth-child(1) {
	background: url('/autron/common/images/icon/environment_roll_img1.jpg') no-repeat center center;
	background-size: cover
}

.environDiv .rollArea .rollDiv .roll:nth-child(2) {
	background: url('/autron/common/images/icon/environment_roll_img2.jpg') no-repeat center center;
	background-size: cover
}

.environDiv .rollArea .rollDiv .roll:nth-child(3) {
	background: url('/autron/common/images/icon/environment_roll_img3.jpg') no-repeat center center;
	background-size: cover
}

.environDiv .rollArea .rollDiv .roll:nth-child(4) {
	background: url('/autron/common/images/icon/environment_roll_img4.jpg') no-repeat center center;
	background-size: cover
}

.environDiv .rollArea .rollDiv .roll:nth-child(5) {
	background: url('/autron/common/images/icon/environment_roll_img5.jpg') no-repeat center center;
	background-size: cover
}

.environDiv .rollArea .rollBtn {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.environDiv .rollArea .rollBtn a {
	position: absolute;
	top: 265px
}

.environDiv .rollArea .rollBtn .prev {
	left: 0
}

.environDiv .rollArea .rollBtn .next {
	right: 0
}

.environDiv .rollArea .indiBtn {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center
}

.environDiv .rollArea .indiBtn a {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 8px
}

.environDiv .rollArea .indiBtn a.on {
	background: rgba(255, 255, 255, 1)
}

.environDiv .txtArea {
	padding: 0 30px
}

.environDiv .txtArea .list {
	padding: 60px 0;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden
}

.environDiv .txtArea .list .tit {
	float: left;
	width: 250px;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.environDiv .txtArea .list .tit span {
	color: #00448d
}

.environDiv .txtArea .list .txt {
	float: left;
	width: calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	font-size: 16px;
	line-height: 28px;
	color: #555;
	word-break: keep-all
}

.environDiv .txtArea .list .txt span {
	display: block
}

.faqList {
	margin: 60px auto 0;
	width: 1180px;
	border-top: 3px solid #666
}

.faqList .list {
	width: 100%;
	border-bottom: 1px solid #e8e8e8
}

.faqList .list .question {
	display: table;
	width: 100%;
	padding: 31px 50px 31px 90px;
	background: url('/common/images/icon/faq_question.png') no-repeat left 20px center;
	box-sizing: border-box;
	position: relative
}

.faqList .list .question.on .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #00448d
}

.faqList .list .question .tit {
	font-size: 20px;
	color: #000;
	line-height: 1.3
}

.faqList .list .question .btn {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%)
}

.faqList .list .answer {
	padding: 35px 30px 40px 160px;
	background: url('/common/images/icon/faq_answer.png') no-repeat 90px 40px #f7f8fa;
	font-size: 16px;
	line-height: 28px;
	color: #555;
	border-top: 1px solid #d9d9d9;
	display: none;
}

.faqList .list .answer .file {
	margin-top: 20px
}

.faqList .list .answer .file a {
	display: inline-block;
	margin-top: 5px;
	margin-right: 8px;
	padding: 12px 53px 12px 20px;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	line-height: 1;
	color: #555;
	background: url('/common/images/icon/addFile_icon2.gif') no-repeat right 20px top 50% #fff
}

.faqList.numList .question {
	padding: 31px 50px 31px 90px;
	background: none
}

.faqList.numList .question .num {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #00448d;
	color: #fff;
	border-radius: 100%;
	font-size: 18px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.faqList.numList .list .question .tit {
	display: table;
	width: 100%;
	box-sizing: border-box
}

.faqList.numList .answer {
	background: #f7f8fa;
	padding: 35px 30px 40px 90px
}

.faqList.numList2 {
	margin: 0
}

.faqList.numList2 .question {
	padding: 31px 50px 31px 30px;
	background: none;
	display: block
}

.faqList.numList2 .list .question .tit {
	width: 100%;
	box-sizing: border-box;
}

.faqList.numList2 .list .question .tit span {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	padding-right: 20px
}

.faqList.numList2 .answer {
	background: #f7f8fa;
	padding: 35px 30px 40px 90px
}

.faqList.numList2 .answer p {
	color: #000;
	margin-bottom: 20px
}

/* 회사소식 */
.newsList {
	width: 1180px;
	margin: 50px auto 0
}

.newsList:after {
	content: '';
	display: block;
	clear: both
}

.newsList .list {
	float: left;
	width: 280px;
	height: 450px;
	margin-left: 20px;
	margin-bottom: 20px;
	display: block;
	box-shadow: 13px 13px 32px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.newsList .list:nth-child(4n-3) {
	margin-left: 0
}

.newsList .list .img {
	width: 280px;
	height: 220px;
	overflow: hidden
}

.newsList .list .img img {
	width: 100%;
	height: 100%;
	transition: all 0.8s
}

.newsList .list .txtArea {
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
}

.newsList .list .txtArea .titBox {
	height: 60px
}

.newsList .list .txtArea .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 20px;
	line-height: 30px;
	display: inline
}

.newsList .list:hover .txtArea .tit {
	border-bottom: 1px solid #000
}

.newsList .list:hover .img img {
	transform: scale(1.15)
}

.newsList .list .txtArea .txt {
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #555;
	height: 52px;
	margin-top: 10px
}

.newsList .list .txtArea .date {
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 16px;
	line-height: 16px;
	margin-top: 40px
}

.paging {
	position: relative;
	width: 1180px;
	margin: 60px auto 0;
	text-align: center;
}

.paging>a {
	display: inline-block;
	width: 48px;
	height: 48px;
	font-size: 16px;
	color: #555;
	line-height: 45px;
	text-align: center;
	vertical-align: middle
}

.paging>a img {
	vertical-align: middle
}

.paging>a.on {
	color: #00448d;
	border: 1px solid #00448d;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.newsList2 {
	width: 1180px;
	margin: 40px auto 0
}

.newsList2:after {
	content: '';
	display: block;
	clear: both
}

.newsList2 .list {
	float: left;
	width: 210px;
	height: 125px;
	margin-left: 20px;
	margin-bottom: 40px;
	display: block;
	box-shadow: 13px 13px 32px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.newsList2 .list:nth-child(5n-4) {
	margin-left: 0
}

.newsList2 .list .img {
	width: 210px;
	height: 75px;
	overflow: hidden
}

.newsList2 .list .img img {
	width: 100%;
	height: 100%;
	transition: all 0.8s
}

.newsList2 .list .txtArea {
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	text-align: center
}

.newsList2 .list .txtArea .titBox {
	height: 60px
}

.newsList2 .list .txtArea .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 17px;
	line-height: 30px;
	display: inline
}

.newsList2 .list:hover .txtArea .tit {
	border-bottom: 1px solid #000
}

.newsList2 .list:hover .img img {
	transform: scale(1.15)
}

.newsList3 {
	width: 1180px;
	margin: 40px auto 0
}

.newsList3:after {
	content: '';
	display: block;
	clear: both
}

.newsList3 .list {
	float: left;
	width: 210px;
	height: 80px;
	margin-left: 20px;
	margin-bottom: 40px;
	display: block;
	box-shadow: 13px 13px 32px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.newsList3 .list:nth-child(5n-4) {
	margin-left: 0
}

.newsList3 .list .img {
	width: 210px;
	height: 75px;
	overflow: hidden
}

.newsList3 .list .img img {
	width: 100%;
	height: 100%;
	transition: all 0.8s
}

.newsList3 .list .txtArea {
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	text-align: center
}

.newsList3 .list .txtArea .titBox {
	height: 60px
}

.newsList3 .list .txtArea .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 17px;
	line-height: 30px;
	display: inline
}

.newsList3 .list:hover .txtArea .tit {
	border-bottom: 1px solid #000
}

/* 지속가능경영 */
.midCon {
	width: 1180px;
	margin: 0 auto
}

.midCon .midBanner {
	border-top: 1px solid #202020;
	border-bottom: 2px solid #202020;
	padding: 60px 50px 70px 50px;
	height: 355px;
	box-sizing: border-box
}

.midCon .midBanner .tit {
	width: 400px;
	font-size: 26px;
	line-height: 1.2;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	padding-bottom: 20px;
	position: relative
}

.midCon .midBanner .tit:after {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background: #fff;
	bottom: 0;
	left: 0
}

.midCon .midBanner .txt {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	/*margin-top:35px;*/
	word-break: keep-all
}

.midCon .midBanner.sus0 {
	background: url('/common/images/icon/mid_banner_bg0.jpg') no-repeat left center
}

.midCon .midBanner.sus1 {
	background: url('/common/images/icon/mid_banner_bg1.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.midCon .midBanner.sus2 {
	background: url('/common/images/icon/mid_banner_bg2.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.midCon .midBanner.sus3 {
	background: url('/common/images/icon/mid_banner_bg3.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.midCon .midBanner.sus4 {
	background: url('/common/images/icon/mid_banner_bg4.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.midCon .midBanner.sus5 {
	background: url('/common/images/icon/mid_banner_bg5.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.midCon .midBanner.sus6 {
	background: url('/common/images/icon/mid_banner_bg6.jpg') no-repeat left center;
	padding-top: 120px;
	padding-right: 180px
}

.susList {
	width: 1180px;
	margin: 0 auto
}

.susList .ban {
	padding: 40px 40px 40px 350px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	margin-bottom: 20px;
}

.susList .ban.type1 {
	background: url('/common/images/icon/susList_ban_type1.jpg') no-repeat 25px center
}

.susList .ban.type2 {
	background: url('/common/images/icon/susList_ban_type2.jpg') no-repeat 25px center
}

.susList .ban.type3 {
	background: url('/common/images/icon/susList_ban_type3.jpg') no-repeat 25px center
}

.susList .ban.type4 {
	background: url('/common/images/icon/susList_ban_type4.jpg') no-repeat 25px center
}

.susList .ban.type5 {
	background: url('/common/images/icon/susList_ban_type5.jpg') no-repeat 25px center
}

.susList .ban.type6 {
	background: url('/common/images/icon/susList_ban_type6.jpg') no-repeat 25px center
}

.susList .ban.type7 {
	background: url('/common/images/icon/susList_ban_type7.jpg') no-repeat 25px center
}

.susList .ban.type8 {
	background: url('/common/images/icon/susList_ban_type8.jpg') no-repeat 25px center
}

.susList .ban.type9 {
	background: url('/common/images/icon/susList_ban_type9.jpg') no-repeat 25px center
}

.susList .ban .tit {
	font-size: 22px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.susList .ban .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 25px
}

.susList .ban .txt span {
	display: block
}

.susList .listDiv {
	padding: 0 30px;
	margin-top: 60px
}

.susList .listDiv .list {
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
	padding: 35px 0
}

.susList .listDiv .list.boB {
	border-bottom: 1px solid #d9d9d9
}

.susList .listDiv .list:first-child {
	padding-top: 0;
	border-top: none
}

.susList .listDiv .list:last-child {
	overflow: hidden;
	border-bottom: 1px solid #333;
	padding: 35px 0
}

.susList .listDiv .list .tit {
	float: left;
	width: 400px;
	margin-right: 20px;
	font-size: 18px;
	line-height: 28px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.susList .listDiv .list .tit span {
	display: table-cell;
	padding-right: 20px;
	color: #00448d
}

.susList .listDiv .list .tit p {
	display: table-cell;
	vertical-align: middle;
}

.susList .listDiv .list .txt {
	float: left;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	font-size: 16px;
	line-height: 28px;
	color: #555;
	word-break: keep-all
}

.susList .listDiv .list .txt span {
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000
}

.susList .listDiv2 .list .tit {
	width: 60px;
	padding-right: 30px;
	margin-right: 0;
	line-height: 28px
}

.susList .listDiv2 .list .txt {
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
}

.susList .listDiv2 .list .txt b {
	font-weight: normal
}

.faqTabs {
	width: 100%;
	text-align: center
}

.faqTabs a {
	display: inline-block;
	width: 280px;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	text-align: center;
	font-size: 16px;
	color: #797878;
	margin: 0 3px
}

.faqTabs a.on {
	color: #000;
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	border: 1px solid #000
}

.faqCon .faqList {
	margin: 80px auto 0
}

.ruleBtn {
	width: 214px;
	height: 56px;
	line-height: 56px;
	margin: 60px auto 0;
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 0 48px 0 10px;
	background: url('/common/images/icon/ruleBtn_icon.gif') no-repeat right 30px top 50% #00448d
}

.susList2 {
	width: 1120px;
	margin: -20px auto 0
}

.susList2 .list {
	padding: 20px 0 0 198px
}

.susList2 .list:nth-child(1) {
	background: url('/common/images/icon/susList2_img1.jpg') no-repeat left center
}

.susList2 .list:nth-child(2) {
	background: url('/common/images/icon/susList2_img2.jpg') no-repeat left center
}

.susList2 .list:nth-child(3) {
	background: url('/common/images/icon/susList2_img3.jpg') no-repeat left center
}

.susList2 .list:nth-child(4) {
	background: url('/common/images/icon/susList2_img4.jpg') no-repeat left center
}

.susList2 .list .txtArea {
	padding: 30px 0 50px;
	border-bottom: 1px solid #d9d9d9
}

.susList2 .list:last-child .txtArea {
	border-bottom: none
}

.susList2 .list .txtArea .num {
	font-size: 30px;
	color: #00448d;
	position: relative;
	padding-bottom: 20px
}

.susList2 .list .txtArea .num:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 15px;
	height: 2px;
	background: #000
}

.susList2 .list .txtArea .txt {
	margin-top: 15px;
	font-size: 16px;
	line-height: 28px;
	color: #555;
	word-break: keep-all
}

.cp7Div {
	width: 1120px;
	margin: 0 auto
}

.cp7Div .title {
	padding-top: 80px;
	text-align: center;
	font-size: 30px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	background: url('/common/images/icon/cp_tit_bg.jpg') no-repeat center top
}

.cp7Div .img {
	margin: 60px auto;
	width: 100%
}

.cp7Div .img img {
	width: 100%
}

.cp7Div .infoBox {}

.cp7Div .infoBox .line {
	padding: 35px 0;
	border-top: 1px solid #e3e3e3;
	word-break: keep-all
}

.cp7Div .infoBox .line:first-child {
	padding-top: 0;
	border-top: 0;
}

.cp7Div .infoBox .line .tit {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.cp7Div .infoBox .line .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 10px
}

.socialConDiv {
	width: 1180px;
	margin: 60px auto 0
}

.socialConDiv p {
	text-align: center;
	width: 100%;
	font-size: 21px;
	line-height: 32px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.socialConDiv .txtArea {
	padding: 0 30px
}

.socialConDiv .txtArea .list {
	padding: 60px 0;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden
}

.socialConDiv .txtArea .list:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.socialConDiv .txtArea .list .tit {
	float: left;
	width: 250px;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.socialConDiv .txtArea .list .tit span {
	color: #00448d
}

.socialConDiv .txtArea .list .txt {
	float: left;
	width: calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	font-size: 16px;
	line-height: 28px;
	color: #555;
	word-break: keep-all
}

.socialConDiv .txtArea .list .txt .noti {
	font-size: 15px;
	color: #777;
	line-height: 18px;
	margin-top: 15px
}

.socialConDiv .txtArea .list .txt .noti span {
	color: #000
}

/* 고객지원 */
.locationDiv {
	width: 1180px;
	margin: 0 auto
}

.locationDiv .mapArea {
	border-top: 2px solid #000
}

.locationDiv .mapArea #map {
	width: 100%;
	height: 440px;
	background: url('/common/images/icon/map.jpg') no-repeat center center
}

.locationDiv .mapArea #map2 {
	width: 100%;
	height: 440px;
	background: url('/common/images/icon/map2.jpg') no-repeat center center
}

.locationDiv .mapArea #map3 {
	width: 100%;
	height: 440px;
	background: url('/common/images/icon/map3.jpg') no-repeat center center
}

.locationDiv .mapArea #sustain {
	width: 100%;
	min-height: 1300px;
	background: url('/common/images/icon/sustain01.jpg') no-repeat center center;
	vertical-align: top
}

.locationDiv .mapArea #sustain2 {
	width: 100%;
	min-height: 2187px;
	background: url('/common/images/icon/sustain02.jpg') no-repeat center center;
	vertical-align: top
}

.locationDiv .mapArea #sustain3 {
	width: 100%;
	min-height: 1145px;
	background: url('/common/images/icon/sustain03.jpg') no-repeat center center;
	vertical-align: top
}

.locationDiv .mapArea #quotation {
	width: 100%;
	min-height: 10px;
	/*background:url('/common/images/icon/sustain01.jpg') no-repeat center center;vertical-align:top*/
}

.locationDiv .mapArea #quotation2 {
	width: 100%;
	min-height: 10px;
	/*background:url('/common/images/icon/sustain02.jpg') no-repeat center center;vertical-align:top*/
}

.locationDiv .locaInfo {
	background: #f7f8fa;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	height: 202px;
	box-sizing: border-box;
	padding: 50px 0;
	text-align: center
}

.locationDiv .locaInfo .icon {
	margin: 0 15px;
	padding: 10px 0 0 110px;
	display: inline-block;
	text-align: left;
	height: 100px;
	box-sizing: border-box;
	vertical-align: top
}

.locationDiv .locaInfo .icon:nth-child(1) {
	background: url('/common/images/icon/locaDiv_icon1.png') no-repeat left center
}

.locationDiv .locaInfo .icon:nth-child(2) {
	background: url('/common/images/icon/locaDiv_icon2.png') no-repeat left center
}

.locationDiv .locaInfo .icon:nth-child(3) {
	background: url('/common/images/icon/locaDiv_icon3.png') no-repeat left center
}

.locationDiv .locaInfo .icon .txt {
	font-size: 16px;
	color: #555;
	margin-top: 15px
}

.locationDiv .useInfo {
	margin-top: 10px
}

.locationDiv .useInfo .useDiv {
	padding: 50px 0;
	display: table
}

.locationDiv .useInfo .useDiv:first-child {
	border-bottom: 1px solid #d9d9d9
}

.locationDiv .useInfo .useDiv .tit {
	display: table-cell;
	width: 300px;
	vertical-align: top;
	font-size: 22px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.locationDiv .useInfo .useDiv .info {
	display: table-cell;
	width: 880px;
	vertical-align: top
}

.locationDiv .useInfo .useDiv .info>p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #555
}

.locationDiv .useInfo .useDiv .info>p span {
	padding-right: 10px
}

.locationDiv .useInfo .useDiv .info>p:first-child {
	margin-top: 0
}

.locationDiv .useInfo .useDiv .info .add {
	color: #777;
	font-size: 15px;
	margin-top: 20px
}

.inquiryDiv {
	width: 1140px;
	margin: 0 auto;
}

.inquiryDiv .subTit2 {
	margin-top: 55px
}

.inquiryDiv .agreeDiv {
	border: 1px solid #d9d9d9;
	border-top: 2px solid #000;
	height: 210px;
	box-sizing: border-box
}

.inquiryDiv .agreeDiv .txtArea {
	padding: 40px;
	font-size: 16px;
	line-height: 34px;
	color: #555
}

.inquiryDiv .agreeDiv .txtArea span {
	display: block
}

/*
.inquiryDiv .agreeDiv .txtArea p{padding-left:12px; background:url('/common/images/icon/dot4x4.gif') no-repeat left 16px}
*/
.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_draggerRail {
	background: none
}

.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_dragger {
	height: 50px !important
}

.inquiryDiv .agreeDiv .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #c1c1c1;
	width: 4px;
	height: 50px
}

.inquiryDiv .checkDiv {
	text-align: center;
	padding: 16px 0;
	box-sizing: border-box;
	background: #f7f8fa;
	border: 1px solid #d9d9d9;
	border-top: none
}

.inquiryDiv .checkDiv>div {
	display: inline-block;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 16px
}

.inquiryDiv .checkDiv>div input {
	width: 26px;
	height: 26px;
	padding: 0;
	margin-left: 10px
}

.inquiryDiv .writeDiv .subTit2 span {
	float: right;
	font-size: 15px;
	color: #888;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.inquiryDiv .writeDiv .subTit2 span img {
	vertical-align: middle;
	margin-right: 5px
}

.inquiryDiv .answerDiv {}

.inquiryDiv .answerDiv .answer {
	margin-top: 30px
}

.inquiryDiv .answerDiv .answer:first-child {
	margin-top: 0
}

.inquiryDiv .answerDiv .answer>div {
	overflow: hidden
}

.inquiryDiv .answerDiv .answer .title {
	width: 100px;
	height: 90px;
	float: left;
	text-align: center;
	line-height: 90px;
	color: #fff;
	background: #333;
	font-size: 18px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.inquiryDiv .answerDiv .answer .date {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	height: 90px;
	line-height: 90px;
	float: left;
	box-sizing: border-box;
	padding-left: 40px;
	border: 1px solid #d9d9d9;
	border-left: none;
	background: #f7f8fa;
	text-align: left;
	font-size: 16px;
	color: #888
}

.inquiryDiv .answerDiv .answer .cont {
	box-sizing: border-box;
	min-height: 200px;
	border: 1px solid #d9d9d9;
	border-top: none;
	font-size: 16px;
	line-height: 26px;
	color: #555;
	padding: 35px 40px
}

/* writeType */
.writeType1 {
	border-top: 2px solid #000
}

.writeType1 .line {
	display: table;
	width: 100%;
	border-bottom: 1px solid #d9d9d9
}

.writeType1 .line>div {
	display: table-cell;
	vertical-align: middle;
	padding: 14px 20px;
	box-sizing: border-box;
	font-size: 16px
}

.writeType1 .line>div:nth-child(3) {
	border-left: 1px solid #d9d9d9
}

.writeType1 .line .tit {
	display: table-cell;
	width: 160px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
}

.writeType1 .line .tit img {
	vertical-align: middle;
	margin-left: 5px
}

.writeType1 .line>div input,
.writeType1 .line>div select {
	box-sizing: border-box;
	width: 100%;
	height: 52px;
	line-height: 52px;
	padding-left: 20px;
	color: #555
}

.writeType1 .line textarea {
	box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 200px;
	padding: 20px;
	font-size: 16px;
	line-height: 26px;
	color: #555
}

.writeType1 .line>div .addFile {
	position: relative
}

.writeType1 .line>div .addFile input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 395px;
	opacity: 0;
}

.writeType1 .line>div .addFile input[type="text"] {
	width: 280px
}

.writeType1 .line>div .addFile .find {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 52px;
	line-height: 52px;
	box-sizing: border-box;
	color: #fff;
	background: #888;
	text-align: center;
	margin-left: 4px;
}

.writeType1 .line>div .fileList {}

.writeType1 .line>div .fileList a {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 13px 53px 13px 20px;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	color: #555;
	background: url('/common/images/icon/file_del_icon.png') no-repeat right 20px top 50% #f7f8fa
}

.writeType1 .line>div.captcha p {
	display: inline-block;
	vertical-align: bottom
}

.writeType1 .line>div.captcha a {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 2px
}

.writeType1 .line>div.captcha input {
	vertical-align: bottom;
	margin-left: 18px
}

.submitBtn {
	width: 200px;
	height: 56px;
	line-height: 56px;
	margin: 60px auto 0;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #00448d
}

.infoDiv {
	width: 1180px;
	margin: 80px auto 0;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-top: 2px solid #000;
	background: url('/common/images/icon/infoDiv_icon.png') no-repeat center 80px #f7f8fa;
	padding: 300px 0 80px;
	text-align: center
}

.infoDiv .tit {
	font-size: 26px;
	color: #000;
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-bottom: 25px
}

.infoDiv .txt {
	font-size: 16px;
	line-height: 26px;
	color: #555
}

.infoDiv .codeBox {
	margin: 35px auto 0;
	width: 900px;
	padding: 40px 0 50px;
	background: #fff
}

.infoDiv .codeBox .title {
	font-size: 16px;
	color: #000
}

.infoDiv .codeBox .codeView {
	margin: 20px auto 0;
	width: 270px;
	height: 52px;
	box-sizing: border-box;
	background: #e2e6eb;
	font-size: 16px;
	color: #00448d;
	text-align: center;
	padding: 20px 10px
}

.infoDiv .codeBox .codeInput {
	margin: 20px auto 0;
	width: 370px;
	height: 52px;
	overflow: hidden
}

.infoDiv .codeBox .codeInput input {
	box-sizing: border-box;
	width: 270px;
	height: 52px;
	line-height: 52px;
	float: left;
	text-align: center;
	background: #e2e6eb;
	color: #555
}

.infoDiv .codeBox .codeInput a {
	width: 100px;
	height: 52px;
	display: block;
	float: left;
	color: #fff;
	background: #333;
	font-size: 16px;
	line-height: 52px
}

.infoDiv .codeBox .noti {
	margin-top: 20px;
	font-size: 16px;
	line-height: 26px;
	color: #888
}

.infoDiv .btnArea {
	margin-top: 60px;
	text-align: center
}

.infoDiv .btnArea a {
	display: inline-block;
	width: 200px;
	height: 56px;
	text-align: center;
	margin: 0 3px;
	font-size: 18px;
	line-height: 54px;
	box-sizing: border-box
}

.infoDiv .btnArea a.typeA {
	color: #fff;
	border: 1px solid #00448d;
	background: #00448d
}

.infoDiv .btnArea a.typeB {
	border: 1px solid #00448d;
	color: #00448d
}

/* 유틸리티 */
.privacyDiv {
	width: 1180px;
	margin: 0 auto
}

.privacyDiv .privacyBox {
	width: 100%;
	border: 1px solid #e1e1e1;
	border-top: 3px solid #000;
	background: #f7f8fa;
	padding: 35px 30px;
	word-break: keep-all;
	box-sizing: border-box
}

.privacyDiv .privacyBox .tit {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 30px
}

.privacyDiv .privacyBox .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 15px
}

.privacyDiv .privacyBox .txt span {
	display: block
}

.privacyDiv .privacyText {
	padding: 60px 30px 45px;
	word-break: keep-all;
	border-top: 3px solid #000
}

.privacyDiv .privacyText .tit {
	margin-top: 35px;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.privacyDiv .privacyText .tit:first-child {
	margin-top: 0
}

.privacyDiv .privacyText .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 20px
}

.privacyDiv .privacyText .txt span {
	display: block
}

.privacyDiv .privacyText2 {
	border-top: 1px solid #d9d9d9;
	padding: 50px 30px 0
}

.privacyDiv .privacyText2 .tit {
	margin-top: 35px;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.privacyDiv .privacyText2 .tit:first-child {
	margin-top: 0
}

.privacyDiv .privacyText2 .txt {
	font-size: 16px;
	line-height: 28px;
	color: #555;
	margin-top: 20px
}

.privacyDiv .privacyText2 .txt span {
	display: block
}

.privacyDiv .mailNoti {
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	background: url('/common/images/icon/mail_noti_icon.gif') no-repeat center 100px #f7f8fa;
	padding: 280px 30px 105px;
	font-size: 20px;
	line-height: 32px;
	color: #222;
	text-align: center;
	word-break: keep-all
}

.privacyDiv .mailNoti span {
	font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000
}

.siteMap {
	overflow: hidden;
	width: 1180px;
	margin: 0 auto
}

.siteMap .list {
	width: 300px;
	float: left;
	margin-left: 140px
}

.siteMap .list:nth-child(3n-2) {
	margin-left: 0
}

.siteMap .list:nth-child(4),
.siteMap .list:nth-child(5),
.siteMap .list:nth-child(6) {
	margin-top: 80px
}

.siteMap .list .oneD {
	padding-left: 10px;
	font-size: 22px;
	color: #222;
	font-family: 'NotoSans-Bold'
}

.siteMap .list .twoD {
	padding-top: 10px;
	border-top: 3px solid #000;
	margin-top: 30px
}

.siteMap .list .twoD li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0 20px 10px;
	box-sizing: border-box
}

.siteMap .list .twoD li>a {
	display: block;
	font-size: 16px;
	color: #555;
	font-family: 'NotoSans-Medium'
}

.siteMap .list .twoD li>a.typeA {
	cursor: default
}

.siteMap .list .twoD li .thrD {
	margin: 20px 0 0
}

.siteMap .list .twoD li .thrD>a {
	padding-left: 10px;
	font-size: 15px;
	display: block;
	line-height: 28px;
	color: #555;
	font-family: 'NotoSans-Light'
}

.errorDiv {
	background: #f0f0f0;
	padding-top: 160px;
	height: 100vh;
	box-sizing: border-box;
	text-align: center
}

.errorDiv .errorBox {
	margin: 60px auto 0;
	width: 800px;
	border: 2px solid #e1e1e1;
	padding: 175px 60px 60px;
	background: url('/common/images/icon/errorDiv_icon.png') no-repeat center 60px #fff
}

.errorDiv .errorBox .tit {
	font-family: 'NotoSans-Bold';
	font-size: 35px;
	line-height: 30px;
	color: #000
}

.errorDiv .errorBox .txt {
	font-size: 18px;
	line-height: 28px;
	margin-top: 25px;
	color: #555
}

.errorDiv .errorBox .txt span {
	display: block
}

.errorDiv .errorBox .btn {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	margin: 60px auto 0;
	background: #00448d;
	font-size: 18px;
	color: #fff;
	font-family: 'NotoSans-Medium'
}

/* footer */
#footer {
	width: 100%;
	height: 203px;
	background: #fff;
	z-index: 10;
	background: #828282;
	overflow: initial
}

#footer.main {
	position: absolute;
	width: 100%;
	height: 203px;
	bottom: -203px;
	left: 0;
}

#footer .flogo {
	position: absolute;
	width: 200px;
	height: 203px;
	bottom: -203px;
	right: 0;
}

#footer .top {
	width: 1140px;
	margin: auto;
	height: 16px;
	border-bottom: 1px solid #999;
	overflow: hidden;
	padding: 32px 0;
}

#footer .top .left {
	float: left;
}

#footer .top .left>a {
	display: inline-block;
	font-size: 16px;
	color: #ebebeb;
	position: relative;
	margin-right: 42px;
}

#footer .top .left>a:after {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	top: 50%;
	right: -26px;
	background: #bdbdbd;
	margin-top: -1.5px;
}

#footer .top .left>a:last-child {
	margin-right: 0;
}

#footer .top .left>a:last-child:after {
	display: none;
}

#footer .top .right {
	float: right;
}

#footer .top .right>span {
	display: inline-block;
	font-size: 15px;
	color: #555;
	position: relative;
	margin-right: 17px
}

#footer .top .right>span:after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	position: absolute;
	top: 1px;
	right: -10px;
	background: #ddd;
}

#footer .top .right>span:last-child {
	margin-right: 0;
}

#footer .top .right>span:last-child:after {
	display: none;
}

#footer .top .right>span strong {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	margin-right: 3px;
}

#footer .bot {
	width: 1140px;
	height: 90px;
	margin: auto;
	padding: 20px 0;
	position: relative;
	color: #ebebeb;
}

#footer .bot .copyTxt {
	font-size: 13px;
	color: #d0d0d0;
	line-height: 24px;
	margin-bottom: 10px;
}

#footer .bot .fmSel>a {
	padding-left: 20px;
	border: 1px solid #686868;
	line-height: 42px;
	font-size: 14px;
	color: #ebebeb;
}

#footer .bot .fmSel {
	position: absolute;
	top: -60px;
	right: 0;
	width: 220px;
	height: 44px;
}

#footer .bot .fmSel>a {
	display: block;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #fff;
	background: #767475 url("/common/images/footer_fambg2.jpg") no-repeat right 0;
}

#footer .bot .fmSel>a.on {
	background: #767475 url("/common/images/footer_fambg2_on.jpg") no-repeat right 0
}

#footer .bot .fmSel>div {
	display: none;
	position: absolute;
	bottom: 43px;
	left: 0;
	padding: 20px 0;
	width: calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	border: 1px solid #d8d8d8;
	background: #fff;
	border: 0px solid #161616;
	background: #686868
}

#footer .bot .fmSel>div a {
	display: block;
	padding-left: 30px;
	font-size: 16px;
	color: #555;
	line-height: 30px;
	color: #fff;
}

.gotoTop {
	display: none;
	position: fixed;
	right: 100px;
	width: 60px;
	height: 60px;
	z-index: 1
}

.gotoTop img {
	width: 100%;
}

/* 20200827 */
.ceoDiv .amainBanner {
	box-sizing: border-box;
	width: 100%;
	height: 490px;
	padding: 50px 0 0 50px;
	background: url('/common/images/amain_banner.jpg') no-repeat center center
}

.ceoDiv .amainBanner .txtArea {
	position: relative;
	display: inline-block;
	padding: 110px 25px 33px 0
}

.ceoDiv .amainBanner .tit img:first-child {}

.ceoDiv .amainBanner .tit img:last-child {
	display: none
}

.ceoDiv .amainBanner .txt {
	width: 550px;
	font-size: 19px;
	line-height: 28px;
	color: #555555;
	margin-top: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: keep-all
}

.ceoDiv .amainBanner .txtArea:before {
	content: '';
	display: block;
	position: absolute;
	width: 28px;
	height: 24px;
	background: url('/common/images/icon/ceo_tit_before.png') no-repeat center center;
	top: 0;
	left: 0
}

.ceoDiv .amainBanner .txtArea:after {
	content: '';
	display: block;
	position: absolute;
	width: 28px;
	height: 24px;
	background: url('/common/images/icon/ceo_tit_after.png') no-repeat center center;
	bottom: 0;
	right: 0
}

/* end */

/* 20200827 */
.businessDiv2 {
	width: 1180px;
	margin: 0 auto;
}

.businessDiv2 .title {
	margin: 97px 0 30px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	text-align: center;
}

.businessDiv2 .overViewDiv .img {
	width: 100%;
	text-align: center;
}

.businessDiv2 .overViewDiv .tit+.img {
	margin-top: 57px;
}

.businessDiv2 .overViewDiv .blueTxt+.img {
	margin-top: 42px;
}

.businessDiv2 .overViewDiv .blueTxt {
	margin-top: 25px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 22px;
	line-height: 34px;
	color: #00448d;
}

.businessDiv2 .overViewDiv .img img {
	max-width: 100%;
}

.businessDiv2 .overViewDiv .img+.img {
	margin-top: 100px;
}

.businessDiv2 .overViewDiv .img img.webImg {
	display: inline-block;
}

.businessDiv2 .overViewDiv .img img.mobImg {
	display: none;
}

.businessDiv2 .overViewDiv .researchDiv {
	margin: 60px auto 0;
	overflow: hidden
}

.businessDiv2 .overViewDiv .researchDiv .list {
	margin-bottom: 10px;
	float: left;
	width: 210px;
	min-height: 500px;
	margin-left: 20px;
	background: #ededed;
	box-sizing: border-box;
	position: relative;
	padding: 40px 20px 0px;
	text-align: center
}

.businessDiv2 .overViewDiv .researchDiv .list:first-child {
	margin-bottom: 10px;
	margin-left: 2
}

.businessDiv2 .overViewDiv .researchDiv .list:first-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv2 .overViewDiv .researchDiv .list:last-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	left: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv2 .overViewDiv .researchDiv .list .num {
	font-size: 23px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #1f80a1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	padding: 30px 0;
}

.businessDiv2 .overViewDiv .researchDiv .list .tit {
	font-size: 20.56px;
	line-height: 1.4;
	color: #000;
}

.businessDiv2 .overViewDiv .researchDiv .list .txt {
	font-size: 15px;
	color: #555;
	margin-top: 20px;
	line-height: 1.4;
	text-align: center;
	list-style-type: disc
}

.businessDiv2 .overViewDiv .researchDiv .list .img {
	margin-top: 30px
}

.businessDiv2 .overViewDiv .researchDiv .list .img img {
	width: 100%
}

.businessDiv2 .overViewDiv .researchDiv {
	margin: 60px auto 0;
	overflow: hidden
}

.businessDiv2 .overViewDiv .researchDiv .list2 {
	margin-bottom: 10px;
	float: left;
	width: 210px;
	min-height: 500px;
	margin-left: 20px;
	background: #f7f7f7;
	box-sizing: border-box;
	position: relative;
	padding: 40px 20px 0px;
	text-align: center
}

.businessDiv2 .overViewDiv .researchDiv .list2:first-child {
	margin-bottom: 10px;
	margin-left: 2
}

.businessDiv2 .overViewDiv .researchDiv .list2:first-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv2 .overViewDiv .researchDiv .list2:last-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	left: -15px;
	width: 16px;
	height: 14px;
	background: url('/common/images/icon/research_list_add.png') no-repeat center center
}

.businessDiv2 .overViewDiv .researchDiv .list2 .num {
	font-size: 23px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #1f80a1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	padding: 30px 0;
}

.businessDiv2 .overViewDiv .researchDiv .list2 .tit {
	font-size: 20.56px;
	line-height: 1.4;
	color: #000;
}

.businessDiv2 .overViewDiv .researchDiv .list2 .txt {
	font-size: 15px;
	color: #555;
	margin-top: 20px;
	line-height: 1.4;
	text-align: center;
	list-style-type: disc
}

.businessDiv2 .overViewDiv .researchDiv .list2 .img {
	margin-top: 30px
}

.businessDiv2 .overViewDiv .researchDiv .list2 .img img {
	width: 100%
}

/* 재무정보 */
.financialDiv {
	width: 1180px;
	margin: 0 auto;
}

.financialDiv .title {
	margin: 97px 0 30px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	text-align: center;
}

.financialDiv .caption {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-bottom: 19px;
	text-align: right;
}

.financialDiv .financialChart img {
	width: 100%;
}

.financialDiv .financialChart img:last-child {
	display: none;
}

.financialDiv .financialTable .title {
	margin: 97px 0 30px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	text-align: center;
}

.financialDiv .financialTable .caption {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	margin-bottom: 19px;
	text-align: right;
}

/* 회사소개 */
.summaryDiv {
	margin: 0 auto
}

.summaryDiv .summaryBanner {
	box-sizing: border-box;
	width: 1180px;
	margin: 0 auto;
	padding: 50px 100px 0;
	text-align: center;
	background: url('/common/images/summary_banner.jpg') no-repeat center center;
	word-break: keep-all
}

.summaryDiv .summaryBanner .tit {}

.summaryDiv .summaryBanner .tit img:first-child {}

.summaryDiv .summaryBanner .tit img:last-child {
	display: none
}

.summaryDiv .summaryBanner .txt {
	font-size: 21px;
	line-height: 28px;
	color: #FFF;
	margin-top: 15px;
	font-weight: bold;
	padding-bottom: 30px
}

.summaryDiv .title {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 28px;
	margin-top: 80px;
	text-align: center
}

.summaryDiv .companyInfo {
	width: 1180px;
	margin: 40px auto 0
}

.summaryDiv .companyInfo table td span {
	display: inline-block;
	width: 125px;
	text-align: center;
	padding-right: 10px;
}

.summaryDiv .companyInfo table td span img {
	margin-bottom: 15px;
	margin-top: 5px;
}

.summaryDiv .companyInfo table td span:last-child {
	margin-right: none
}

.summaryDiv .manageInfo {
	margin-top: 80px;
	padding: 30PX 0px 80px;
	background-color: #f1f1f1;
	< !--: url('/common/images/icon/summary_info_bg.jpg') no-repeat center center-->
}

.summaryDiv .manageInfo .infoList {
	width: 1180px;
	margin: 40px auto 0;
}

.summaryDiv .manageInfo .infoList:after {
	content: '';
	display: block;
	clear: both
}

.summaryDiv .manageInfo .infoList .list {
	width: 270px;
	height: 310px;
	float: left;
	margin-left: 30px;
	box-shadow: 13px 13px 32px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	box-sizing: border-box;
	padding: 50px 20px 0
}

.summaryDiv .manageInfo .infoList .list:nth-child(1) {
	background: url('/common/images/summary_info_icon1.jpg') no-repeat #fff center 180px;
	margin-left: 0
}

.summaryDiv .manageInfo .infoList .list:nth-child(2) {
	background: url('/common/images/summary_info_icon2.jpg') no-repeat #fff center 180px
}

.summaryDiv .manageInfo .infoList .list:nth-child(3) {
	background: url('/common/images/summary_info_icon3.jpg') no-repeat #fff center 180px
}

.summaryDiv .manageInfo .infoList .list:nth-child(4) {
	background: url('/common/images/summary_info_icon4.jpg') no-repeat #fff center 180px;
}

.summaryDiv .manageInfo .infoList .list:nth-child(5) {
	background: url('/common/images/icon/summary_info_icon6.jpg') no-repeat #fff center 180px;
	margin-top: 30px
}

.summaryDiv .manageInfo .infoList .list:nth-child(6) {
	background: url('/common/images/icon/summary_info_icon7.jpg') no-repeat #fff center 180px;
	margin-top: 30px
}

.summaryDiv .manageInfo .infoList .list .tit {
	font-size: 20px;
	color: #000;
	margin-bottom: 25px
}

.summaryDiv .manageInfo .infoList .list .num {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	font-size: 25px;
	line-height: 20px;
	height: 60px
}

.summaryDiv .manageInfo .infoList .list .num img {
	vertical-align: sub
}

.summaryDiv .manageInfo .infoList .list .num span {
	margin: 0 5px;
	font-size: 20px;
	font-family: 'NotoSans-Light'
}

.summaryDiv .manageInfo .infoList .list .num2 {
	font-size: 30px;
	line-height: 30px
}

.summaryDiv .manageInfo .infoList .list .txt {
	font-size: 20px;
	line-height: 30px;
	font-family: 'NotoSans-Bold';
	color: #000;
}

.summaryDiv .manageInfo .infoList .list .txt span {
	display: block
}

.summaryDiv .manageInfo .infoList .list .noti {
	margin-top: 100px;
	font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
}

.summaryDiv .techList {
	overflow: hidden;
	width: 1180px;
	margin: 40px auto 0
}

.summaryDiv .techList .list {
	float: left;
	width: 220px;
	margin-right: 20px
}

.summaryDiv .techList .list:last-child {
	width: 220px;
	margin-right: 0px
}

.summaryDiv .techList .list .txtArea {
	padding: 20px 5px 0 5px;
	word-break: keep-all
}

.summaryDiv .techList .list .txtArea .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 21px;
	text-align: center;
}

.summaryDiv .techList .list .txtArea .txt {
	font-size: 16px;
	line-height: 26px;
	color: #555;
	margin-top: 15px
}

.summaryDiv2 {
	margin: 0 auto
}

.summaryDiv2 .title {
	width: 1180px;
	margin: 70px auto 0;
	text-align: center;
	font-size: 28px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #464646;
	line-height: 31px;
}

.summaryDiv2 .techList {
	overflow: hidden;
	width: 1180px;
	margin: 40px auto 0
}

.summaryDiv2 .techList .list {
	float: left;
	width: 280px;
	margin-right: 20px
}

.summaryDiv2 .techList .list:last-child {
	width: 280px;
	margin-right: 0
}

.summaryDiv2 .techList .list .txtArea {
	padding: 20px 5px 0 5px;
	word-break: keep-all
}

.summaryDiv2 .techList .list .txtArea .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 21px;
	text-align: center;
}

.summaryDiv2 .techList .list .txtArea .txt {
	font-size: 13px;
	line-height: 26px;
	color: #555;
	margin-top: 15px
}

/* memeber */
.memDiv {
	margin-top: 55px
}

.memDiv .Banner {
	display: block;
	position: relative;
	min-height: 800px;
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	background: url('/common/images/v_member_map.jpg') no-repeat center center;
}

.memDiv .Text {
	margin-top: 90px;
}

.memDiv .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.memDiv .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.memDiv .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.memDiv .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.memDiv .Text .right .txtarea2 .color2 .tit {
	font-size: 22px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.memDiv .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* memeber2 */
.memDiv2 {
	margin-top: 55px
}

.memDiv2 .Banner {
	display: block;
	position: relative;
	min-height: 800px;
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	background: url('/common/images/v_member_map2.jpg') no-repeat center center;
}

.memDiv2 .Text {
	margin-top: 90px;
}

.memDiv2 .Text .right {
	display: block;
	width: 1140px;
	margin: 0 auto;
}

.memDiv2 .Text .right .txtarea2 {
	text-align: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 30px;
	display: flex;
}

.memDiv2 .Text .right .txtarea2 .color {
	width: 300px;
	text-align: left;
	padding: 0px 60px 0px 0
}

.memDiv2 .Text .right .txtarea2 .color2 {
	float: right;
	text-align: left;
}

.memDiv2 .Text .right .txtarea2 .color2 .tit {
	font-size: 22px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #ff8d00;
	margin-bottom: 20px;
}

.memDiv2 .Text .right .txtarea2 .color2 .txt {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #767676;
	line-height: 30px;
}

/* 미디어쿼리 시작 */
@media all and (max-width:1240px) {
	#headerW .gnbDiv {
		display: none
	}

	#headerW .utilDiv {
		display: none
	}

	#subBody .subVisual {
		background-size: cover
	}

	#subBody .subVisual .visualTxt {
		width: 100%
	}

	.subWrap {
		padding: 0 3% 150px
	}

	.tabArea {
		width: 100%
	}

	.tabBtn {
		width: 100%
	}

	.tabArea .tabCon {
		width: 100%
	}

	.allMenu ul {
		width: 900px
	}

	.allMenu ul li {
		padding-left: 90px
	}

	.mainSection {
		position: relative;
		top: auto !important
	}

	#footer.main {
		position: relative;
		bottom: auto;
		left: auto
	}

	#wBody {
		overflow: visible
	}

	.mobileBtn {
		display: none
	}

	.mainIndi {
		display: none
	}

	.emainIndi {
		display: none
	}

	.mainVisDiv .visArea {
		display: none
	}

	.mainVisDiv .mVisArea {
		display: block;
		position: relative;
		height: 100%
	}

	.mainVisDiv .mVisArea .visual {
		height: 100%;
		position: relative
	}

	.mainVisDiv .mVisArea .visual:nth-child(1) {
		background: url('/common/images/icon/mainVis1.jpg') no-repeat center center;
		background-size: contain;
		left: 0
	}

	.mainVisDiv .mVisArea .visual:nth-child(2) {
		background: url('/common/images/icon/mainVis2.jpg') no-repeat center center;
		background-size: contain
	}

	.mainVisDiv .mVisArea .visual:nth-child(3) {
		background: url('/common/images/icon/mainVis3.jpg') no-repeat center center;
		background-size: contain
	}

	.mainVisDiv .mVisArea .visual:nth-child(4) {
		background: url('/common/images/icon/mainVis4.jpg') no-repeat center center;
		background-size: contain
	}

	.mainVisDiv .mVisArea .visual:nth-child(5) {
		background: url('/common/images/icon/mainVis5.jpg') no-repeat center center;
		background-size: contain
	}

	.mainVisDiv .mVisArea .visual:nth-child(6) {
		background: url('/common/images/icon/mainVis6.jpg') no-repeat center center;
		background-size: contain
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 {
		width: 100%;
		display: block;
		text-align: center;
		position: absolute;
		top: 150px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img {
		width: 330px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 {
		width: 100%;
		display: block;
		text-align: center;
		position: absolute;
		top: 264px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img {
		width: 255px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .txt3 {
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 15px;
		color: #fff;
		top: 360px;
		line-height: 1.4;
		word-break: keep-all;
	}

	.mainVisDiv .mVisArea .scrollBt {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1
	}

	.mainVisDiv .mVisArea .scrollBt a img {
		width: 59px
	}

	.mainVisDiv .mVisArea .swiper-pagination {
		bottom: auto;
		top: 430px
	}

	.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.5);
		opacity: 1
	}

	.mainVisDiv .mVisArea .swiper-pagination .swiper-pagination-bullet-active {
		background: #d60014
	}

	.mainVisDiv .visBtn {
		top: 295px;
		display: none
	}

	.mainCon1 .txtDiv .txt1 {
		opacity: 1;
		top: 84px;
	}

	.mainCon1 .txtDiv .txt1 img {
		width: 307px
	}

	.mainCon1 .txtDiv .txt2 {
		opacity: 1;
		top: 128px;
		font-size: 15px;
		line-height: 1.4;
		word-break: keep-all;
	}

	.mainCon1 .txtDiv .txt3 {
		opacity: 1;
		top: 178px;
		font-size: 25px
	}

	.mainCon1 .listDiv {
		top: 230px;
		width: auto;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box
	}

	.mainCon1 .listDiv .list {
		opacity: 1;
		width: 200px;
		height: 150px
	}

	.mainCon1 .listDiv a.list .off {
		width: 200px;
		height: 150px
	}

	.mainCon1 .listDiv a.list .off img:first-child {
		display: none
	}

	.mainCon1 .listDiv a.list .off img:last-child {
		display: block;
		width: 100%
	}

	.mainCon1 .listDiv a.list .on {
		display: none
	}

	.mainCon1 .listDiv .list1 {
		right: 50%;
		top: 0;
		left: auto
	}

	.mainCon1 .listDiv .list2 {
		left: 50%;
		top: 0;
	}

	.mainCon1 .listDiv .list3 {
		right: 50%;
		top: 230px;
		left: auto
	}

	.mainCon1 .listDiv .list4 {
		left: 50%;
		top: 230px
	}

	.mainCon1 .listDiv .list5 {
		right: 50%;
		top: 340px;
		left: auto
	}

	.mainCon1 .listDiv a:before {
		display: none
	}

	.mainCon1 .listDiv a:after {
		display: none
	}

	.mainCon1 .listDiv a>div:before {
		display: none
	}

	.mainCon1 .listDiv a>div:after {
		display: none
	}

	.mainCon2 .txtDiv .txt1 {
		top: 87px;
		opacity: 1
	}

	.mainCon2 .txtDiv .txt1 img {
		width: 187px;
	}

	.mainCon2 .txtDiv .txt2 {
		opacity: 1;
		top: 131px;
		font-size: 15px
	}

	.mainCon2 .swiper-container {
		opacity: 1;
		width: 100%;
		padding: 0 0 40px 0;
		box-sizing: border-box;
		top: 270px;
		height: auto;
		padding-bottom: 35px
	}

	.mainCon2 .swiper-container .swiper-wrapper {
		height: auto;
		width: 100%;
		margin: 0 auto
	}

	.mainCon2 .swiper-pagination {
		bottom: 0;
		display: block
	}

	.mainCon2 .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background: #b6b6b6;
		opacity: 1
	}

	.mainCon2 .swiper-pagination .swiper-pagination-bullet-active {
		background: #d60014
	}

	.mainCon2 .swiper-container .swiper-slide {
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		width: 40%;
		height: auto;
		max-width: 350px
	}

	.mainCon2 .swiper-container .swiper-slide .img {
		width: 100%
	}

	.mainCon2 .swiper-container .swiper-slide .img img {
		width: 100%
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox {
		padding: 20px;
		width: 100%;
		height: 130px;
		box-sizing: border-box
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .tit {
		font-size: 15px;
		line-height: 21px
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .txt {
		display: none
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .date {
		left: 20px;
		bottom: 20px;
		font-size: 13px
	}

	.mainCon2 .swiper-button-next,
	.mainCon2 .swiper-button-prev {
		display: none
	}

	.mainCon2 .swiper-scrollbar {
		display: none
	}

	.mainCon3 .txtDiv .txt1 {
		top: 87px;
		opacity: 1
	}

	.mainCon3 .txtDiv .txt1 img {
		width: 187px
	}

	.mainCon3 .txtDiv .txt2 {
		top: 131px;
		opacity: 1;
		font-size: 15px;
		line-height: 1.4;
		word-break: keep-all;
	}

	.mainCon3 .careerDiv {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		opacity: 1;
		top: 190px;
		height: 550px
	}

	.mainCon3 .careerDiv .leftD {
		width: 100%;
		box-sizing: border-box;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 200px;
		padding: 20px;
		background: url('/common/images/icon/career_left_bg_m.jpg') no-repeat right bottom #4f535d;
		background-size: contain;
		position: relative
	}

	.mainCon3 .careerDiv .leftD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon3 .careerDiv .leftD .tit:after {
		display: none
	}

	.mainCon3 .careerDiv .leftD .txt {
		font-size: 13px;
		line-height: 18px;
		margin: 20px 0 0 0;
		word-break: keep-all;
		width: 260px
	}

	.mainCon3 .careerDiv .leftD .txt span {}

	.mainCon3 .careerDiv .leftD .txt br {
		display: none
	}

	.mainCon3 .careerDiv .leftD .careerBt {
		display: block;
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box
	}

	.mainCon3 .careerDiv .rightD {
		right: 50%;
		transform: translateX(50%);
		width: 100%;
		box-sizing: border-box;
		top: 210px;
		height: auto;
		padding: 0 15px
	}

	.mainCon3 .careerDiv .rightD .list {
		width: 49%;
		height: 160px;
		box-sizing: border-box;
		padding: 20px;
		background-position: right 20px bottom 20px !important;
		background-size: 27px auto !important;
		box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1)
	}

	.mainCon3 .careerDiv .rightD .list:nth-child(2n-1) {
		margin: 0 2% 15px 0
	}

	.mainCon3 .careerDiv .rightD .list:nth-child(2n) {
		margin: 0 0 15px 0
	}

	.mainCon3 .careerDiv .rightD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon3 .careerDiv .rightD .txt {
		display: none
	}

	.mainCon3 .careerDiv .rightD .goBt {
		left: 20px;
		bottom: 20px
	}

	.mobileBtn {
		position: fixed;
		bottom: 15px;
		right: 15px;
		width: 47px;
		height: 104px;
		z-index: 999
	}

	.mobileBtn a {
		position: relative;
		display: block;
		width: 47px;
		height: 47px
	}

	.mobileBtn a img {
		width: 100%
	}

	.mobileBtn a.prev {
		margin-bottom: 10px
	}

	.mainCon4 .txtDiv .txt1 {
		top: 87px;
		opacity: 1
	}

	.mainCon4 .txtDiv .txt1 img {
		width: 187px;
	}

	.mainCon4 .txtDiv .txt2 {
		opacity: 1;
		top: 131px;
		font-size: 15px
	}

	.mainCon4 .swiper-container {
		opacity: 1;
		width: 100%;
		padding: 0 0 40px 0;
		box-sizing: border-box;
		top: 270px;
		height: auto;
		padding-bottom: 35px;
		display: block;
		position: relative
	}

	.mainCon4 .swiper-container .swiper-wrapper {
		height: auto;
		width: 100%;
		margin: 0 auto
	}

	.mainCon4 .swiper-pagination {
		bottom: 0;
		display: block
	}

	.mainCon4 .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		border-radius: 0;
		background: #b6b6b6;
		opacity: 1
	}

	.mainCon4 .swiper-pagination .swiper-pagination-bullet-active {
		background: #d60014
	}

	.mainCon4 .swiper-container .swiper-slide {
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		width: 40%;
		height: auto;
		max-width: 350px
	}

	.mainCon4 .swiper-container .swiper-slide .img {
		width: 100%
	}

	.mainCon4 .swiper-container .swiper-slide .img img {
		width: 100%
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox {
		padding: 20px;
		width: 100%;
		height: 130px;
		box-sizing: border-box
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .tit {
		font-size: 15px;
		line-height: 21px
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .txt {
		display: none
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .date {
		left: 20px;
		bottom: 20px;
		font-size: 13px
	}

	.mainCon4 .swiper-button-next,
	.mainCon2 .swiper-button-prev {
		display: none
	}

	.mainCon4 .swiper-scrollbar {
		display: none
	}

	.mainCon5 .txtDiv .txt1 {
		top: 87px;
		opacity: 1
	}

	.mainCon5 .txtDiv .txt1 img {
		width: 187px
	}

	.mainCon5 .txtDiv .txt2 {
		top: 131px;
		opacity: 1;
		font-size: 15px;
		line-height: 1.4;
	}

	.mainCon5 .careerDiv {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		opacity: 1;
		top: 190px;
		height: 550px
	}

	.mainCon5 .careerDiv .leftD {
		width: 100%;
		box-sizing: border-box;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 200px;
		padding: 20px;
		background: url('/common/images/icon/career_left_bg_m.jpg') no-repeat right bottom #4f535d;
		background-size: contain;
		position: relative
	}

	.mainCon5 .careerDiv .leftD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon5 .careerDiv .leftD .tit:after {
		display: none
	}

	.mainCon5 .careerDiv .leftD .txt {
		font-size: 13px;
		line-height: 18px;
		margin: 20px 0 0 0;
		word-break: keep-all;
		width: 260px
	}

	.mainCon5 .careerDiv .leftD .txt span {}

	/*.mainCon5 .careerDiv .leftD .txt br{display:none}*/
	.mainCon5 .careerDiv .leftD .careerBt {
		display: block;
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box
	}

	.mainCon5 .careerDiv .rightD {
		right: 50%;
		transform: translateX(50%);
		width: 100%;
		box-sizing: border-box;
		top: 210px;
		height: auto;
		padding: 0 15px
	}

	.mainCon5 .careerDiv .rightD .list {
		width: 49%;
		height: 160px;
		box-sizing: border-box;
		padding: 20px;
		background-position: right 20px bottom 20px !important;
		background-size: 27px auto !important;
		box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1)
	}

	.mainCon5 .careerDiv .rightD .list:nth-child(2n-1) {
		margin: 0 2% 15px 0
	}

	.mainCon5 .careerDiv .rightD .list:nth-child(2n) {
		margin: 0 0 15px 0
	}

	.mainCon5 .careerDiv .rightD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon5 .careerDiv .rightD .txt {
		display: none
	}

	.mainCon5 .careerDiv .rightD .goBt {
		left: 20px;
		bottom: 20px
	}

	.mobileBtn {
		position: fixed;
		bottom: 15px;
		right: 15px;
		width: 47px;
		height: 104px;
		z-index: 999
	}

	.mobileBtn a {
		position: relative;
		display: block;
		width: 47px;
		height: 47px
	}

	.mobileBtn a img {
		width: 100%
	}

	.mobileBtn a.prev {
		margin-bottom: 10px
	}

	.mainLayerPop {
		width: 300px;
		height: 287px
	}

	.mainLayerPop .popBody {
		width: 300px;
		height: 257px
	}

	.mainLayerPop .popBody .swiper-slide {
		height: 257px
	}

	.mainLayerPop .popBody .swiper-slide .text {
		height: 257px;
		font-size: 14px;
		line-height: 20px
	}

	.mainLayerPop .popBody .swiper-slide img {
		width: 100%
	}

	.mainLayerPop .popBody .swiper-pagination {
		bottom: 15px
	}

	.mainLayerPop .popBody .swiper-button-prev {
		left: 10px
	}

	.mainLayerPop .popBody .swiper-button-next {
		right: 10px
	}

	.mainLayerPop .popBody .swiper-button-prev,
	.mainLayerPop .popBody .swiper-button-next {
		margin-top: -12px;
		width: 12px;
		height: 24px;
		background-size: cover
	}

	.mainLayerPop .popBottom {
		width: 300px;
		height: 30px;
		padding: 6px 40px 6px 0
	}

	.mainLayerPop .popBottom>div input {
		width: 14px;
		height: 14px
	}

	.mainLayerPop .popBottom>div label {
		font-size: 13px;
		line-height: 14px
	}

	.mainLayerPop .popBottom .xBt {
		width: 30px;
		height: 30px
	}

	.mainLayerPop .popBottom .xBt img {
		width: 100%
	}

	/* srchType */
	.srchType1 {
		margin-top: 50px;
		display: block;
		position: relative
	}

	.srchType1>div {
		width: 100%
	}

	.srchType1 .srchDiv {
		width: calc(100% - 637px);
		width: -webkit-calc(100% - 637px)
	}

	.srchType1 .input {
		width: 100%
	}

	.srchType1 .input input {
		width: 100%
	}

	/* viewType */
	.viewType1 {
		width: 100%
	}

	/* 회사소개 */
	.visionDiv {
		background-size: 100% 100%;
		padding: 60px 0 0;
	}

	.visionDiv .midDiv {
		width: 880px;
		border-radius: 220px;
		padding: 40px 0 60px;
		margin: 35px auto 0
	}

	.visionDiv .midDiv .txtArea {
		width: 600px
	}

	.visionDiv .midDiv .txtArea .line .left {
		width: 100%;
		float: none
	}

	.visionDiv .midDiv .txtArea .line .right {
		width: 585px;
		float: none;
		border-left: none;
		margin-top: 15px;
		padding-left: 15px
	}

	.visionDiv .midDiv .txtArea br {
		display: none
	}

	.visionDiv .goalDiv {
		width: 100%
	}

	.visionDiv .goalDiv .listDiv .list {
		width: 24% !important;
		margin-left: 1.33%
	}

	.visionDiv .goalDiv .listDiv .list:first-child {
		margin-left: 0
	}

	.visionDiv .goalDiv .listDiv .list .box {
		padding: 25px 10px;
		word-break: keep-all;
		height: 170px
	}

	.visionDiv .goalDiv .listDiv .list .box br {
		display: none
	}

	.valueDiv {
		width: 100%
	}

	.valueDiv .listDiv {
		width: 880px
	}

	.valueDiv .listDiv .list {
		width: 160px;
		margin: 0 10px
	}

	.valueDiv .listDiv .list:nth-child(1) {
		margin-left: 0
	}

	.valueDiv .listDiv .list:nth-child(5) {
		margin-right: 0
	}

	.conductDiv {
		width: 880px
	}

	.conductDiv .listDiv .list {
		width: 164px;
		margin-left: 15px
	}

	.historyDiv .line {
		width: 100%
	}

	.financialDiv {
		width: 100%;
	}

	/* 사업소개 */
	.businessDiv {
		width: 100%
	}

	.businessDiv .overViewDiv .researchDiv .list {
		width: 48%;
		margin-left: 1%
	}

	.businessDiv .imgBox .floatTxt {
		top: 40px;
		padding: 45px 20px 45px 50px;
		width: 500px;
		right: 40px
	}

	.businessDiv .busiTable .list {
		float: none;
		width: 100%;
		padding: 50px 60px
	}

	.businessDiv .busiTable .list:nth-child(2n) {
		border-left: 1px solid #d9d9d9
	}

	.businessDiv .busiTable .list .table .right {
		padding-left: 70px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list {
		width: 100%
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path {
		width: 33.33%
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right {
		margin-top: 30px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList li {
		width: 34%
	}

	.businessDiv .busiTable .list .table .right .txt li span {
		display: inline
	}

		/* 사업소개 */
		.businessDiv .overViewDiv {
			padding-bottom: 35px;
			word-break: keep-all
		}
	
		.businessDiv .overViewDiv .overViewTxt {
			margin-top: 25px;
			padding: 0 3%
		}
	
		.businessDiv .overViewDiv .overViewTxt .tit {
			font-size: 22px;
			line-height: 32px
		}
	
		.businessDiv .overViewDiv .overViewTxt .tit br {
			display: none
		}
	
		.businessDiv .overViewDiv .overViewTxt .txt {
			margin-top: 12px;
			font-size: 14px;
			line-height: 22px
		}
	
		.businessDiv .overViewDiv .overViewTxt .txt br {
			display: none
		}
	
		.businessDiv .overViewDiv .title {
			margin-top: 35px;
			font-size: 18px;
			line-height: 26px;
			padding: 0 3%;
			word-break: keep-all
		}
	
		.businessDiv .overViewDiv .title2 {
			margin-top: 10px
		}
	
		.businessDiv .overViewDiv .title br {
			display: none
		}
	
		.businessDiv .overViewDiv .researchDiv {
			width: 98%;
			margin: 30px auto 0
		}
	
		.businessDiv .overViewDiv .researchDiv .list {
			padding: 40px 10px 10px
		}
	
		.businessDiv .overViewDiv .researchDiv .list .num {
			width: 25px;
			height: 25px
		}
	
		.businessDiv .overViewDiv .researchDiv .list .tit {
			font-size: 17px
		}
	
		.businessDiv .overViewDiv .researchDiv .list .txt {
			font-size: 13px;
			margin-top: 10px
		}
	
		.businessDiv .overViewDiv .researchDiv .list .img {
			margin-top: 15px
		}
	
		.businessDiv .overViewDiv .researchDiv .list2 {
			width: 98%;
			padding: 40px 10px 10px;
			text-align: center
		}
	
		.businessDiv .overViewDiv .researchDiv .list2 .num {
			width: 25px;
			height: 25px
		}
	
		.businessDiv .overViewDiv .researchDiv .list2 .tit {
			font-size: 17px
		}
	
		.businessDiv .overViewDiv .researchDiv .list2 .txt {
			font-size: 13px;
			margin-top: 10px
		}
	
		.businessDiv .overViewDiv .researchDiv .list2 .img {
			margin-top: 15px
		}
	
		.businessDiv .overViewDiv .semiconDiv {
			width: 100%;
		}
	
		.businessDiv .overViewDiv .semiconDiv .Banner {
			width: 100%;
			min-height: 230px;
			height: 100%;
			display: block;
			position: relative;
			background: url('/common/images/business020401_pic_m.jpg') no-repeat center center;
			background-size: contain
		}
	
		.businessDiv .overViewDiv .semiconDiv .Banner2 {
			width: 100%;
			height: 300px;
			display: block;
			position: relative;
			background: url('/common/images/business020301_pic.jpg') no-repeat center center;
			background-size: cover
		}
	
		.businessDiv .overViewDiv .semiconDiv .Banner3 {
			width: 100%;
			min-height: 300px;
			height: 100%;
			display: block;
			position: relative;
			background: url('/common/images/business040301_pic_m.png') no-repeat center center;
			background-size: contain
		}
	
		.businessDiv .overViewDiv .semiconDiv .Banner5 {
			width: 100%;
			height: 150px;
			display: block;
			position: relative;
			background-size: cover
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD {
			padding: 25px 15px
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD .tit {
			font-size: 16px;
			margin-top: 25px
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD .listDiv {
			margin: 20px auto 0
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list {
			width: 170px;
			height: 170px;
			margin: 0 6px;
			padding: 50px 10px
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .tit2 {
			font-size: 15px
		}
	
		.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .txt {
			font-size: 13px;
			line-height: 20px;
			margin-top: 10px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 {
			margin-top: 45px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .tit {
			font-size: 16px;
			line-height: 24px;
			word-break: keep-all;
			padding: 0 3%
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .tit br {
			display: none
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .img {
			margin-top: 35px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .title2 {
			height: 35px;
			line-height: 35px;
			font-size: 14px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF {
			margin: 15px 3% 0
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path {
			width: 100%;
			height: 80px;
			padding: 20px 3%;
			float: none
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(1):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(2):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(1):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(2):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(3):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4):after {
			right: auto;
			left: 50%;
			transform: translateX(-50%) translateY(0);
			top: auto;
			bottom: -7px;
			width: 15px;
			height: 15px;
			background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
			background-size: 100% !important
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .step {
			font-size: 13px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt {
			font-size: 14px;
			line-height: 22px;
			margin-top: 5px
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt br {
			display: none
		}
	
		.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList {
			padding: 15px 3% 0
		}
	
		.businessDiv .imgBox .floatTxt {
			position: relative;
			top: auto;
			right: auto;
			width: 100%;
			padding: 20px 0 0 0;
			box-shadow: none
		}
	
		.businessDiv .imgBox .floatTxt .tit {
			font-size: 17px;
			line-height: 24px
		}
	
		.businessDiv .imgBox .floatTxt .tit br {
			display: none
		}
	
		.businessDiv .imgBox .floatTxt .txt {
			font-size: 13px;
			line-height: 20px;
			margin-top: 13px;
			word-break: keep-all
		}
	
		.businessDiv .imgBox .floatTxt .txt br {
			display: none
		}
	
		.businessDiv .tabCon .miniTab a {
			width: 30%;
			font-size: 12px;
			height: 40px;
			line-height: 40px
		}
	
		.businessDiv .tabCon .miniTabCon {
			margin: 30px auto 0
		}
	
		.businessDiv .busiTit {
			font-size: 21px;
			line-height: 26px;
			/* padding:5% 0 1% 0;*/
			word-break: keep-all;
			padding-top: 30px
		}
	
		.businessDiv .busiTit2 img {
			width: 100%;
			font-size: 15px;
			line-height: 26px;
			/* padding:5% 0 1% 0;*/
			word-break: keep-all
		}
	
		.businessDiv .busiTit br {
			display: none
		}
	
		.businessDiv .busiTable {
			margin: 30px auto 0
		}
	
		.businessDiv .busiTable .list {
			padding: 25px 30px
		}
	
		.businessDiv .busiTable .list .table .left {
			width: 100px
		}
	
		.businessDiv .busiTable .list .table .left img {
			width: 100%
		}
	
		.businessDiv .busiTable .list .table .right {
			padding-left: 30px
		}
	
		.businessDiv .busiTable .list .table .right .tit {
			font-size: 16px;
			line-height: 20px
		}
	
		.businessDiv .busiTable .list .table .right .txt {
			margin-top: 15px
		}
	
		.businessDiv .busiTable .list .table .right .txt li {
			font-size: 13px;
			line-height: 20px;
			padding-left: 12px;
			background-position: left 7px
		}
	
		.businessDiv .viewBtn {
			width: 140px;
			height: 40px;
			line-height: 40px;
			margin: 30px auto 0;
			font-size: 14px;
			padding: 0 40px 0 5px;
			background: url('/common/images/icon/viewBtn_icon.gif') no-repeat right 15px top 50% #00448d;
			background-size: 12px auto
		}
	
		.businessDiv .layerPop {
			width: 90%
		}
	
		.businessDiv .layerPop .top {
			height: 40px;
			line-height: 40px;
			font-size: 15px;
			padding-left: 15px
		}
	
		.businessDiv .layerPop .bodyWrap {
			padding: 25px 8px 25px 15px;
			height: 350px
		}
	
		.businessDiv .layerPop .bodyWrap .mCustomScrollBox>.mCSB_scrollTools {
			width: 4px
		}
	
		.businessDiv .layerPop .body {
			padding-right: 7px
		}
	
		.businessDiv .layerPop .body .noti {
			display: block;
			width: 176px;
			margin-top: 15px
		}
	
		.businessDiv .layerPop .body .noti img {
			width: 100%
		}
	
		.businessDiv .layerPop .body .tit {
			font-size: 14px;
			line-height: 20px;
			word-break: keep-all
		}
	
		.businessDiv .layerPop .body .tit.left {
			margin: 30px 0 15px;
		}
	
		.businessDiv .layerPop .body .img {
			margin-top: 15px
		}
	
		.businessDiv .layerPop .body .img2 {
			margin-top: 20px;
			padding-top: 20px
		}
	
		.businessDiv .layerPop .closeBtn {
			top: 13px;
			right: 15px;
			width: 14px
		}
	
		.businessDiv .layerPop .closeBtn img {
			width: 100%
		}
	
		.businessDiv .layerPop .viewList {
			margin-top: 15px
		}
	
		.businessDiv .layerPop .viewList .line {
			padding: 20px 0 20px 10px
		}
	
		.businessDiv .layerPop .viewList .line .tit {
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 10px;
			width: 100%;
			float: none;
			margin-right: 0
		}
	
		.businessDiv .layerPop .viewList .line .tit br {
			display: none
		}
	
		.businessDiv .layerPop .viewList .line .txt {
			font-size: 13px;
			line-height: 20px;
			width: 100%;
			float: none
		}
	
		.businessDiv .busiAccorDiv {
			margin: 30px auto 0
		}
	
		.businessDiv .busiAccorDiv .list {
			padding: 20px 130px 20px 20px
		}
	
		.businessDiv .busiAccorDiv .list .img {
			width: 120px;
			height: auto
		}
	
		.businessDiv .busiAccorDiv .list .img img {
			width: 100%
		}
	
		.businessDiv .busiAccorDiv .list .txtArea {
			padding: 0 20px
		}
	
		.businessDiv .busiAccorDiv .list .txtArea .tit {
			font-size: 16px
		}
	
		.businessDiv .busiAccorDiv .list .txtArea .dotList2 {
			margin-top: 10px
		}
	
		.businessDiv .busiAccorDiv .list .btn {
			width: 110px;
			height: 40px;
			line-height: 38px;
			font-size: 13px;
			background-position: right 20px top 50%;
			background-size: 12px auto;
			padding-left: 20px;
			right: 20px
		}
	
		.businessDiv .busiAccorDiv .list.on .btn {
			background-position: right 20px top 50%;
			background-size: 12px auto
		}
	
		.businessDiv .busiAccorDiv .view {
			padding: 40px 10px
		}
	
		.businessDiv .busiAccorDiv .view .noti {
			display: block;
			width: 176px;
			margin-top: 20px
		}
	
		.businessDiv .busiAccorDiv .view .noti img {
			width: 100%
		}
	
		.businessDiv .busiAccorDiv .view .viewList {
			margin-top: 15px
		}
	
		.businessDiv .busiAccorDiv .view .viewList .line {
			padding: 20px 0 20px 10px
		}
	
		.businessDiv .busiAccorDiv .view .viewList .line .tit {
			font-size: 15px;
			line-height: 24px;
			margin-bottom: 10px;
			width: 100%;
			float: none;
			margin-right: 0
		}
	
		.businessDiv .busiAccorDiv .view .viewList .line .tit br {
			display: none
		}
	
		.businessDiv .busiAccorDiv .view .viewList .line .txt {
			font-size: 13px;
			line-height: 20px;
			width: 100%;
			float: none
		}
	/* 인재채용 */
	.introListDiv .list .txtArea .icon {
		margin-bottom: 25px
	}

	.environDiv {
		width: 100%
	}

	.socialConDiv {
		width: 100%
	}

	.faqList {
		width: 100%
	}

	.promoteDiv .infoD span {
		display: inline
	}

	/* 회사소식 */
	.summaryDiv .summaryBanner {
		width: 100%;
		padding: 30px 50px 0
	}

	.summaryDiv .summaryBanner .txt {
		word-break: keep-all
	}

	.summaryDiv .summaryBanner .txt br {
		display: none
	}

	.summaryDiv .companyInfo {
		width: 100%
	}

	.summaryDiv .manageInfo {
		background: url('/common/images/icon/summary_info_bg_m.jpg') no-repeat center top;
		background-size: cover;
		margin: 80px -4% 0
	}

	.summaryDiv .manageInfo .infoList {
		width: 880px
	}

	.summaryDiv .manageInfo .infoList .list {
		width: 350px;
		height: 350px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(1) {
		margin: 0 20px 0 70px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(2) {
		margin: 0 70px 0 20px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(3) {
		margin: 30px 20px 0 70px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(4) {
		margin: 30px 70px 0 20px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(5) {
		margin: 30px 20px 0 70px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(6) {
		margin: 30px 70px 0 20px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(7) {
		margin: 30px 20px 0 70px
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(8) {
		margin: 30px 70px 0 20px
	}

	.summaryDiv .manageInfo .infoList .list .noti {
		margin-top: 120px
	}

	.summaryDiv .techList {
		width: 100%
	}

	.summaryDiv .techList .list {
		width: 33.33%
	}

	.summaryDiv .techList .list:last-child {
		width: 33.33%
	}

	.summaryDiv .techList .list span {
		display: block
	}

	.summaryDiv .techList .list .img img {
		width: 100%
	}

	.valueDiv .list .tit {
		font-size: 18px
	}

	.ceoDiv {
		width: 100%
	}

	.newsList {
		width: 100%;
	}

	.newsList .list {
		width: 24%;
		margin-left: 1.33%;
		min-width: 215px
	}

	.newsList .list:nth-child(4n-3) {
		margin-left: 0
	}

	.newsList .list .txtArea {
		padding: 30px 20px
	}

	.newsList .list .txtArea .titBox {
		height: 54px
	}

	.newsList .list .txtArea .tit {
		font-size: 17px;
		line-height: 27px
	}

	.newsList .list .txtArea .txt {
		font-size: 15px;
		line-height: 25px;
		height: 75px
	}

	.newsList .list .txtArea .date {
		margin-top: 20px
	}

	.newsList2 {
		width: 100%;
		margin-top: 30px
	}

	.newsList2 .list {
		width: 100%;
		margin-left: 0;
		height: auto;
		min-width: auto;
		margin-bottom: 10px
	}

	.newsList2 .list:nth-child(3n-2) {
		margin-left: 0
	}

	.newsList2 .list:nth-child(2n-1) {
		margin-left: 0
	}

	.newsList2 .list .img {
		width: 100%;
		height: auto
	}

	.newsList2 .list .txtArea {
		padding: 18px 20px
	}

	.newsList2 .list .txtArea .titBox {
		height: auto
	}

	.newsList2 .list .txtArea .tit {
		font-size: 15px;
		line-height: 22px
	}

	.newsList2 .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px
	}

	.newsList2 .list .txtArea .date {
		font-size: 13px;
		margin-top: 15px
	}

	.newsList3 {
		width: 100%;
		margin-top: 30px
	}

	.newsList3 .list {
		width: 100%;
		margin-left: 0;
		height: auto;
		min-width: auto;
		margin-bottom: 10px
	}

	.newsList3 .list:nth-child(3n-2) {
		margin-left: 0
	}

	.newsList3 .list:nth-child(2n-1) {
		margin-left: 0
	}

	.newsList3 .list .img {
		width: 100%;
		height: auto
	}

	.newsList3 .list .txtArea {
		padding: 18px 20px
	}

	.newsList3 .list .txtArea .titBox {
		height: auto
	}

	.newsList3 .list .txtArea .tit {
		font-size: 15px;
		line-height: 22px
	}

	.newsList3 .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px
	}

	.newsList3 .list .txtArea .date {
		font-size: 13px;
		margin-top: 15px
	}

	.videoList {
		width: 100%;
		padding: 0 3%;
		box-sizing: border-box
	}

	.videoList .topArea .video {
		width: 100%;
		float: none
	}

	.videoList .topArea .txtBox {
		width: 100%;
		float: none
	}

	.videoList .topArea .txtArea {
		width: 100%
	}

	.videoList .listArea .list {
		width: 24%;
		margin-left: 1.33%;
		height: auto;
		padding-bottom: 40px
	}

	.paging {
		width: 100%
	}

	/* 지속가능경영 */
	.midCon {
		width: 100%
	}

	.midCon .midBanner {
		padding: 85px 50px 50px 45%
	}

	.susList {
		padding: 0 30px;
		width: auto
	}

	.susList .ban .txt {
		word-break: keep-all
	}

	.susList .ban .txt span {
		display: inline
	}

	.susList2 {
		padding: 0 30px;
		width: auto;
		margin: 0 auto
	}

	.midCon .midBanner.sus2 {
		padding-right: 50px
	}

	.cp7Div {
		padding: 0 30px;
		width: auto
	}

	/* 고객지원 */
	.locationDiv {
		width: 880px
	}

	.locationDiv .locaInfo .icon {
		margin: 0 15px;
		padding: 30px 0 0 115px
	}

	.infoDiv {
		width: 880px
	}

	.infoDiv .codeBox {
		width: 600px
	}

	/* writeType */
	.writeType1 .line {
		display: block;
		overflow: hidden
	}

	.writeType1 .line>div {
		display: block;
		float: left;
		width: calc(100% - 160px);
		width: -webkit-calc(100% - 160px)
	}

	.writeType1 .line .tit {
		display: block;
		float: left;
		height: 80px;
		line-height: 52px
	}

	.writeType1 .line>div:nth-child(3) {
		border-left: none;
		border-top: 1px solid #d9d9d9
	}

	.writeType1 .line>div:nth-child(4) {
		border-top: 1px solid #d9d9d9
	}

	/* tableType */
	.tableType2 .line {
		display: block;
		overflow: hidden;
		border-bottom: none
	}

	.tableType2 .line>div {
		display: block;
		float: none;
		width: 100%;
		padding: 16px 20px;
		line-height: 27px;
		border-bottom: 1px solid #d9d9d9;
		border-top: none !important
	}

	.tableType2 .line .tit {
		display: block;
		float: none;
		width: 100%;
		height: 60px;
		line-height: 30px;
		border-bottom: 1px solid #d9d9d9;
		border-top: none !important
	}

	.tableType2 .line>div:nth-child(3) {
		border-left: none;
		border-top: 1px solid #d9d9d9
	}

	.tableType2 .line>div:nth-child(4) {
		border-top: 1px solid #d9d9d9;
		width: 100%;
		padding: 16px 20px;
		line-height: 27px
	}

	.tableType2 .line .tit.area {
		height: 60px !important
	}

	/* 유틸리티 */
	.privacyDiv {
		width: 100%
	}

	.privacyDiv .privacyText .txt span {
		display: inline
	}

	.privacyDiv .privacyText2 .txt span {
		display: inline
	}

	.errorDiv .errorBox {
		width: 600px
	}

	.siteMap {
		width: 900px
	}

	.siteMap .list {
		width: 240px;
		margin-left: 90px
	}

	/* footer */
	#footer {
		height: auto;
		padding: 0 30px;
		box-sizing: border-box
	}

	#footer .top {
		border-bottom: none
	}

	#footer .top {
		padding: 0;
		overflow: visible;
		height: auto;
		width: 100%
	}

	#footer .top .left {
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		padding: 20px 0;
	}

	#footer .top .right {
		float: none;
		margin-top: 15px
	}

	#footer .bot {
		padding: 20px 0 30px;
		width: 100%
	}

	#footer .bot .fmSel {
		top: 0
	}


}

@media all and (max-width:981px) {

	input,
	select {
		font-size: 13px
	}

	h2 {
		font-size: 25px;
		padding-top: 50px
	}

	.content {
		margin-top: 35px
	}

	.subWrap {
		font-size: 13px;
		margin-top: 40px;
		padding: 0 3% 80px;
		overflow-x: hidden
	}

	.subTit2 {
		margin-bottom: 15px;
		font-size: 15px
	}

	.subTxt2 {
		font-size: 13px;
		line-height: 20px
	}

	.subTxt2.tp {
		margin-top: 10px
	}

	.subTxt2.bt {
		margin-bottom: 10px
	}

	.subTxt3 {
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px
	}

	#wBody {
		min-height: auto
	}

	/*	#wrap.main{overflow:visible}
	.mainSection{position:relative; top:auto; left:auto}*/


	#headerW {
		height: 45px
	}

	#headerW h1 {
		top: 10px;
		left: 15px
	}

		/*230219추가 */
#headerW h1 .sns{
	display: block;
	vertical-align: middle;
	margin-left:5px;
	margin-right:5px;
	}
	
	#headerW h1 .sns ul{
		display: flex;
		float: left;
		padding-top: 7px;
	}
	
	#headerW h1 .sns ul li{
		display: flex;
		float: left;
		margin-right:5px;
	}
	
	#headerW h1 .sns ul li:last-child{
		margin-right:0px;
	}
	
	
	#headerW h1 .sns ul li img{
		width:15px;
		height:15px;
	}

	#headerW h1 .logo {
		width: 20px;
		height: 30px;
		background-size: 100%;
		background: url(/common/images/logo_m.png) no-repeat 50% 50%;
	}

	#headerW.type2 h1 a {
		width: 70px;
		height: 17px;
		background-size: 100%
	}

	#headerW .fmSitBt {
		width: 45px;
		height: 45px;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		background: url('/common/images/btn/familysite_bt_m.png') no-repeat center center;
		background-size: 20px 13px
	}

	#headerW.type2 .fmSitBt {
		width: 45px;
		height: 45px;
		background-size: 100%;
		border-left: none;
		background: url('/common/images/btn/familysite_bt_on_m.png') no-repeat center center;
		background-size: 20px 13px;
		border-left: 1px solid rgba(000, 000, 000, 0.1)
	}

	#headerW .gnbDiv ul {
		display: none
	}

	#headerW .utilDiv {
		display: none
	}

	#subBody .subVisual {
		height: 200px
	}

	#subBody .subVisual .visualTxt {
		padding: 85px 3% 0;
		box-sizing: border-box
	}

	#subBody .subVisual.type7 .visualTxt {
		padding: 100px 3% 0
	}

	#subBody .subVisual .visualTxt p {
		font-size: 13px;
		line-height: 22px
	}

	#subBody .subVisual .visualTxt p.img {
		height: 27px;
		margin-bottom: 20px
	}

	#subBody .location {
		width: 100%;
		padding: 0;
		height: 40px;
		top: 200px
	}

	#subBody .location:after {
		content: '';
		display: block;
		clear: both
	}

	#subBody .location .home {
		display: none
	}

	#subBody .location .one {
		display: none
	}

	#subBody .location .two {
		display: block;
		float: left;
		width: auto;
		height: 40px
	}

	#subBody .location .thr {
		display: block;
		float: left;
		width: auto;
		height: 40px
	}

	#subBody .location .oneD {
		box-sizing: border-box
	}

	#subBody .location .oneD>a {
		width: auto;
		height: 40px;
		padding: 13px 15px;
		font-size: 13px
	}

	#subBody .location .oneD>a span {
		background: url('/common/images/icon/location_arrow2.png') no-repeat right center;
		background-size: 7px 6px
	}

	#subBody .location .oneD .twoD {
		top: 41px;
		padding: 10px 0
	}

	#subBody .location .oneD .twoD a {
		font-size: 13px;
		line-height: 22px;
		padding-left: 15px
	}

	#subBody .location .oneD .twoD a.link {
		background: url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 50%
	}

	.allMenu {
		width: 0;
		background: #fff;
		padding-top: 45px
	}

	.allMenu .logo {
		top: 10px;
		left: 15px;
		width: 20px;
		height: 34px;
		background: url(/common/images/logo_on_m.png) no-repeat 50% 50%;
		background-size: 100%;
		}
		

	.allMenu .closeBtn {
		width: 15px;
		height: 15px;
		top: 0;
		right: 0;
		padding: 15px;
		border-left: 1px solid #e5e5e5;
		background: url('/common/images/btn/allMenu_close2.png') no-repeat center center;
		background-size: 15px
	}

	.allMenu .lang {
		width: 19px;
		height: 10px;
		padding: 3px;
		top: 15px;
		right: 60px;
		background: url('/common/images/btn/allMenu_eng_btn2.png') no-repeat center center;
		background-size: 19px 10px;
	}

	.allMenu ul {
		margin-top: 0;
		padding: 25px 15px 0;
		border-top: 1px solid #e5e5e5;
		width: 100%;
		box-sizing: border-box
	}

	.allMenu ul li {
		margin-top: 0;
		float: none;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding: 17px 10px 17px 15px
	}

	.allMenu ul li a.oneD {
		color: #000;
		font-size: 17px;
		line-height: 1;
		padding: 0;
		display: block;
		font-family: 'NotoSans-Medium';
		background: url('/common/images/btn/allMenu_twoD_open.png') no-repeat right center;
		background-size: contain;
		cursor: pointer
	}

	.allMenu ul li a.oneD:hover {
		color: #0062cb
	}

	.allMenu ul li.on a.oneD {
		font-family: 'NotoSans-Bold';
		color: #00448d;
		background: url('/common/images/btn/allMenu_twoD_close.png') no-repeat right center;
		background-size: contain
	}

	.allMenu ul li .twoD {
		margin-top: 25px;
		display: none
	}

	.allMenu ul li .twoD a.typeA {
		cursor: pointer
	}

	.allMenu ul li .twoD a.typeA:hover {
		color: #0062cb
	}

	.allMenu ul li .twoD>a {
		color: #000;
		font-size: 15px;
		font-family: 'NotoSans-Medium';
		line-height: 1;
		margin-top: 20px
	}

	.allMenu ul li .twoD>a:first-child {
		margin-top: 0
	}

	.allMenu ul li .thrD {
		display: none
	}

	.allMenu ul li .thrD a {
		color: #555;
		font-size: 13px;
		padding: 5px 0
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 {
		top: 105px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt1 img {
		width: 300px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 {
		top: 160px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .mTxt2 img {
		width: 200px
	}

	.mainVisDiv .mVisArea .visual .txtDiv .txt3 {
		top: 170px
	}

	.mainVisDiv .mVisArea .swiper-pagination {
		top: 330px
	}

	.mainCon1 .listDiv {
		top: 270px;
		width: auto;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box
	}

	.topTxt .tit {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 10px
	}

	.topTxt .txt {
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.8px
	}

	.tabBtn {
		margin: 30px auto 0;
		height: 60px
	}

	.tabBtn a {
		font-size: 12px;
		padding: 7px;
		line-height: 15px
	}

	.tabBtn a.on:after {
		height: 6px
	}

	.tabArea .tabCon {
		margin: 40px auto 0
	}

	.tabArea3 .tabCon {
		margin: 25px auto 0
	}

	.tabArea .tabInner {
		padding: 0 3% 30px;
	}

	.tabInner .subTit2 {
		margin-top: 30px
	}

	.tabArea2 .tabBtn {
		margin: 50px auto 0
	}

	/* 공통 */
	.dotList li {
		padding-left: 9px;
		background-size: 3px;
		font-size: 13px;
		line-height: 22px;
		background-position: left 9px
	}

	.dotList2 li {
		padding-left: 9px;
		background-size: 3px;
		font-size: 13px;
		line-height: 22px;
		background-position: left 9px
	}

	.pl {
		padding-left: 9px
	}

	.noDataDiv {
		height: 200px;
		padding: 117px 3% 0;
		background-position: center 47px;
		background-size: 50px;
		font-size: 14px
	}

	/* 회사소개 */
	.summaryDiv .summaryBanner {
		background: url('/common/images/summary_banner_m.jpg') no-repeat center top;
		background-size: cover;
		padding: 10px 10px 50px;
		height: auto
	}

	.summaryDiv .summaryBanner .tit {
		text-align: center;
		width: 215px;
		margin: 0 auto
	}

	.summaryDiv .summaryBanner .tit img:first-child {
		display: none
	}

	.summaryDiv .summaryBanner .tit img:last-child {
		display: block;
		width: 100%
	}

	.summaryDiv .summaryBanner .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px
	}

	.summaryDiv .title {
		margin-top: 40px;
		font-size: 20px
	}

	.summaryDiv .companyInfo {
		margin: 20px auto 0
	}

	.summaryDiv .companyInfo table td span {
		margin: 5px 0 10px;
		display: inline-block;
		height: 24px;
		width: 120px
	}

	.summaryDiv .companyInfo table td span img {
		height: 100%
	}

	.summaryDiv .manageInfo {
		margin: 40px -4% 0;
		padding: 10px 0 50px
	}

	.summaryDiv .manageInfo .infoList {
		width: 100%;
		padding: 0 3%;
		box-sizing: border-box
	}

	.summaryDiv .manageInfo .infoList .list {
		width: 49%;
		height: 230px;
		padding: 25px 3% 20px;
		box-sizing: border-box;
		background-size: 40px auto !important;
		background-position: center 120px !important
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(1) {
		margin: 0
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(2) {
		margin: 0 0 0 2%
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(3) {
		margin: 10px 0 0 0
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(4) {
		margin: 10px 0 0 2%
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(5) {
		margin: 10px 0 0 0
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(6) {
		margin: 10px 0 0 2%
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(7) {
		margin: 10px 0 0 0
	}

	.summaryDiv .manageInfo .infoList .list:nth-child(8) {
		margin: 10px 0 0 2%
	}

	.summaryDiv .manageInfo .infoList .list .tit {
		font-size: 15px;
		margin-bottom: 20px
	}

	.summaryDiv .manageInfo .infoList .list .num {
		font-size: 15px;
		line-height: 1.2;
		height: 44px
	}

	.summaryDiv .manageInfo .infoList .list .num span {
		font-size: 16px
	}

	.summaryDiv .manageInfo .infoList .list .num2 {
		font-size: 22px;
		line-height: 22px
	}

	.summaryDiv .manageInfo .infoList .list .txt {
		font-size: 14px;
		line-height: 22px;
	}

	.summaryDiv .manageInfo .infoList .list .txt span {
		display: inline
	}

	.summaryDiv .manageInfo .infoList .list .noti {
		margin-top: 70px
	}

	.summaryDiv .techList {
		margin: 20px auto 0
	}

	.summaryDiv .techList .list {
		width: 100%;
		float: none
	}

	.summaryDiv .techList .list:last-child {
		width: 100%
	}

	.summaryDiv .techList .list .txtArea {
		padding: 10px 0px 35px 0;
		text-align: center
	}

	.summaryDiv .techList .list .txtArea .tit {
		font-size: 15px
	}

	.summaryDiv .techList .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px
	}

	.summaryDiv .techList .list .txtArea .txt span {
		display: inline
	}

		/* 2022 추가 */
		.summaryDiv2 {
			width: 100%;
			margin: 330px auto 0;
			display: block;
			position: relative;
		}
	
		.summaryDiv2 .title {
			margin: 0px auto 0;
			width: 100%;
			text-align: center;
			font-size: 17px;
			font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
			color: #464646;
			line-height: 31px;
		}
	
		.summaryDiv2 .techList {
			overflow: hidden;
			width: 100%;
			margin: 40px auto 0
		}
	
		.summaryDiv2 .techList .list {
			float: left;
			width: 100%;
			margin-right: 20px
		}
	
		.summaryDiv2 .techList .list:last-child {
			width: 100%;
			margin-right: 0
		}
	
		.summaryDiv2 .techList .list span {
			display: block
		}
	
		.summaryDiv2 .techList .list .img img {
			width: 100%
		}
	
		.summaryDiv2 .techList .list .txtArea {
			padding: 20px 5px 0 5px;
			word-break: keep-all
		}
	
		.summaryDiv2 .techList .list .txtArea .tit {
			font-size: 17px;
			font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
			color: #000;
			line-height: 21px;
			text-align: center;
		}
	
		.summaryDiv2 .techList .list .txtArea .txt {
			font-size: 13px;
			line-height: 26px;
			color: #555;
			margin-top: 15px
		}
	.ceoDiv .ceoBanner {
		padding: 120px 0 0 0;
		text-align: center
	}

	.ceoDiv .ceoBanner .txtArea {
		padding: 22px 20px 16px 0;
		margin-left: 20px
	}

	.ceoDiv .ceoBanner .txtArea:before,
	.ceoDiv .ceoBanner .txtArea:after {
		width: 18px;
		height: 16px;
		background-size: cover
	}

	.ceoDiv .ceoBanner .tit {
		width: 450px
	}

	.ceoDiv .ceoBanner .tit img {
		width: 100%
	}

	.ceoDiv .ceoBanner .txt {
		font-size: 14px;
		line-height: 30px;
		margin-top: 10px;
		text-align: left
	}

	.ceoDiv .ceoText {
		font-size: 13px;
		line-height: 20px;
		margin-top: 25px
	}

	.ceoDiv .ceoText span {
		font-size: 15px;
		line-height: 24px
	}

	.ceoDiv .ceoText span br {
		display: none
	}

	.ceoDiv .sign {
		margin-top: 15px;
		font-size: 15px
	}

	.ceoDiv .sign span {
		font-size: 20px;
		margin-left: 5px
	}

	.visionDiv {
		padding: 0 0 30px 0;
		background: none
	}

	.visionDiv .titleDiv {
		width: 300px
	}

	.visionDiv .titleDiv .left {
		width: 100px;
		height: 100px;
		padding-top: 35px;
		background-size: 100%;
		font-size: 16px
	}

	.visionDiv .titleDiv .left .tit {
		padding-top: 10px
	}

	.visionDiv .titleDiv .left .tit:before {
		width: 10px;
		height: 1px
	}

	.visionDiv .titleDiv .right {
		width: 200px;
		height: 100px;
		font-size: 13px;
		line-height: 18px;
		padding: 23px 15px 23px 0
	}

	.visionDiv .midDiv {
		width: 100%;
		padding: 35px 0 40px;
		border-radius: 40px
	}

	.visionDiv .midDiv .tit {
		font-size: 21px;
		padding-top: 7px
	}

	.visionDiv .midDiv .tit:before {
		width: 8px;
		height: 1px
	}

	.visionDiv .midDiv .title {
		width: 270px;
		margin: 10px auto 0
	}

	.visionDiv .midDiv .title img {
		width: 100%
	}

	.visionDiv .midDiv .txtArea {
		width: auto;
		padding: 0 25px
	}

	.visionDiv .midDiv .txtArea .line {
		margin-top: 20px
	}

	.visionDiv .midDiv .txtArea .line .left {
		font-size: 14px;
		line-height: 1.3;
		padding-right: 0
	}

	.visionDiv .midDiv .txtArea .line .right {
		padding-left: 0;
		font-size: 13px;
		line-height: 18px;
		margin-top: 10px;
		width: 100%
	}

	.visionDiv .goalDiv {
		margin-top: 35px
	}

	.visionDiv .goalDiv .tit {
		font-size: 21px;
		padding-top: 7px
	}

	.visionDiv .goalDiv .tit:before {
		width: 8px;
		height: 1px
	}

	.visionDiv .goalDiv .txt {
		font-size: 13px;
		line-height: 18px;
		padding: 0 15px
	}

	.visionDiv .goalDiv .txt br {
		display: none
	}

	.visionDiv .goalDiv .listDiv {
		margin: 25px auto 0
	}

	.visionDiv .goalDiv .listDiv .list .title {
		width: 110px;
		height: 110px;
		font-size: 13px;
		/*line-height:18px;*/
		padding: 37px 0
	}

	.visionDiv .goalDiv .listDiv .list .title:after {
		width: 15px;
		height: 23px;
		background-size: cover !important;
		bottom: -23px
	}

	.visionDiv .goalDiv .listDiv .list:nth-child(3) .title {
		padding: 28px 0
	}

	.visionDiv .goalDiv .listDiv .list .box {
		font-size: 12px;
		line-height: 17px;
		padding: 15px 10px;
		height: 115px;
		margin-top: 15px
	}

	.visionDiv .goalDiv .listDiv .list .box br {
		display: none
	}

	.financialDiv .financialTable .title {
		margin: 40px 0 20px;
		font-size: 20px;
	}

	.valueDiv {
		margin: 30px auto 0;
		padding: 0 3%;
		width: auto
	}

	.valueDiv .title {
		font-size: 20px
	}

	.valueDiv .listDiv {
		width: 100%;
		margin: 20px auto 0
	}

	.valueDiv .listDiv .list {
		background-size: 100%;
		width: 31%;
		margin: 10px 0 0 3.5%
	}

	.valueDiv .listDiv .list:nth-child(1) {
		margin-left: 0
	}

	.valueDiv .listDiv .list:nth-child(4) {
		margin: 15px 2% 0 17%
	}

	.valueDiv .listDiv .list:nth-child(5) {
		margin: 15px 17% 0 2%
	}

	.valueDiv .list .tit {
		font-size: 15px
	}

	.valueDiv .list .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 6px;
		word-break: keep-all
	}

	.conductDiv {
		padding: 0 3%;
		width: auto;
		margin: 30px auto 0
	}

	.conductDiv .title {
		font-size: 20px
	}

	.conductDiv .listDiv {
		margin: 20px auto 0
	}

	.conductDiv .listDiv .list {
		width: 31%;
		margin: 10px 0 0 3.5%;
		height: auto;
		font-size: 14px;
		line-height: 22px;
		padding: 30px 5px
	}

	.conductDiv .listDiv .list:nth-child(1) {
		margin-left: 0
	}

	.conductDiv .listDiv .list:nth-child(4) {
		margin: 15px 2% 0 17%
	}

	.conductDiv .listDiv .list:nth-child(5) {
		margin: 15px 17% 0 2%
	}

	.historyDiv .line {
		padding: 30px 0
	}

	.historyDiv .line:nth-child(2n-1) .txtArea {
		padding-left: 50px
	}

	.historyDiv .line:nth-child(2n-1) .txtArea .info {
		left: 50px
	}

	.historyDiv .line:nth-child(2n-1) .txtArea .info .year:before {
		width: 11px;
		height: 11px;
		left: -56px;
		background-size: cover;
		margin-top: -5px
	}

	.historyDiv .line:nth-child(2n-1) .txtArea .info .year:after {
		width: 30px;
		left: -45px
	}

	.historyDiv .line:nth-child(2n) .txtArea {
		padding-right: 50px
	}

	.historyDiv .line:nth-child(2n) .txtArea .info {
		right: 50px
	}

	.historyDiv .line:nth-child(2n) .txtArea .info .year:before {
		width: 11px;
		height: 11px;
		right: -55px;
		background-size: cover;
		margin-top: -5px
	}

	.historyDiv .line:nth-child(2n) .txtArea .info .year:after {
		width: 30px;
		right: -45px
	}

	.historyDiv .line .txtArea .info .year {
		font-size: 28px;
		line-height: 20px;
		margin-bottom: 25px
	}

	.historyDiv .line .txtArea .info .list>div {
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px
	}

	.historyDiv .line .txtArea .info .list>div .month {
		width: 30px
	}

	.historyDiv .line .txtArea .info .list>div .txt {
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 30px)
	}

	/* 사업소개 */
	.businessDiv .overViewDiv {
		padding-bottom: 35px;
		word-break: keep-all
	}

	.businessDiv .overViewDiv .overViewTxt {
		margin-top: 25px;
		padding: 0 3%
	}

	.businessDiv .overViewDiv .overViewTxt .tit {
		font-size: 22px;
		line-height: 32px
	}

	.businessDiv .overViewDiv .overViewTxt .tit br {
		display: none
	}

	.businessDiv .overViewDiv .overViewTxt .txt {
		margin-top: 12px;
		font-size: 14px;
		line-height: 22px
	}

	.businessDiv .overViewDiv .overViewTxt .txt br {
		display: none
	}

	.businessDiv .overViewDiv .title {
		margin-top: 35px;
		font-size: 18px;
		line-height: 26px;
		padding: 0 3%;
		word-break: keep-all
	}

	.businessDiv .overViewDiv .title2 {
		margin-top: 10px
	}

	.businessDiv .overViewDiv .title br {
		display: none
	}

	.businessDiv .overViewDiv2 {
		display: block;
		width: 1140px;
		margin: 70px auto 0;
		padding-top: 50px
	}

	.businessDiv .overViewDiv2 .tit2022 {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 28px;
		line-height: 34px;
		color: #333;
		text-align: center;
		letter-spacing: .08em;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
	}

	.businessDiv .overViewDiv .researchDiv {
		width: 98%;
		margin: 30px auto 0
	}

	.businessDiv .overViewDiv .researchDiv .list {
		padding: 40px 10px 10px
	}

	.businessDiv .overViewDiv .researchDiv .list .num {
		width: 25px;
		height: 25px
	}

	.businessDiv .overViewDiv .researchDiv .list .tit {
		font-size: 17px
	}

	.businessDiv .overViewDiv .researchDiv .list .txt {
		font-size: 13px;
		margin-top: 10px
	}

	.businessDiv .overViewDiv .researchDiv .list .img {
		margin-top: 15px
	}

	.businessDiv .overViewDiv .researchDiv .list2 {
		width: 98%;
		padding: 40px 10px 10px;
		text-align: center
	}

	.businessDiv .overViewDiv .researchDiv .list2 .num {
		width: 25px;
		height: 25px
	}

	.businessDiv .overViewDiv .researchDiv .list2 .tit {
		font-size: 17px
	}

	.businessDiv .overViewDiv .researchDiv .list2 .txt {
		font-size: 13px;
		margin-top: 10px
	}

	.businessDiv .overViewDiv .researchDiv .list2 .img {
		margin-top: 15px
	}

	.businessDiv .overViewDiv .semiconDiv {
		width: 100%;
	}

	.businessDiv .overViewDiv .semiconDiv .Banner {
		width: 100%;
		min-height: 250px;
		height: 100%;
		display: block;
		position: relative;
		background: url('/common/images/v_business020401_pic_m.jpg') no-repeat center center;
		background-size: contain
	}

	.businessDiv .overViewDiv .semiconDiv .Banner2 {
		width: 100%;
		height: 300px;
		display: block;
		position: relative;
		background: url('/common/images/business020301_pic.jpg') no-repeat center center;
		background-size: cover
	}

	.businessDiv .overViewDiv .semiconDiv .Banner3 {
		width: 100%;
		min-height: 250px;
		display: block;
		position: relative;
		background: url('/common/images/v_business040301_pic_m.png') no-repeat center center;
		background-size: contain
	}

	.businessDiv .overViewDiv .semiconDiv .Banner5 {
		width: 100%;
		height: 150px;
		display: block;
		position: relative;
		background-size: cover
	}

	.businessDiv .overViewDiv .semiconDiv .conD {
		padding: 25px 15px
	}

	.businessDiv .overViewDiv .semiconDiv .conD .tit {
		font-size: 16px;
		margin-top: 25px
	}

	.businessDiv .overViewDiv .semiconDiv .conD .listDiv {
		margin: 20px auto 0
	}

	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list {
		width: 170px;
		height: 170px;
		margin: 0 6px;
		padding: 50px 10px
	}

	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .tit2 {
		font-size: 15px
	}

	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px
	}

	.businessDiv .overViewDiv .semiconDiv2 {
		margin-top: 45px
	}

	.businessDiv .overViewDiv .semiconDiv2 .tit {
		font-size: 16px;
		line-height: 24px;
		word-break: keep-all;
		padding: 0 3%
	}

	.businessDiv .overViewDiv .semiconDiv2 .tit br {
		display: none
	}

	.businessDiv .overViewDiv .semiconDiv2 .img {
		margin-top: 35px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .title2 {
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF {
		margin: 15px 3% 0
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path {
		width: 100%;
		height: 80px;
		padding: 20px 3%;
		float: none
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(1):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .left .ovF .path:nth-child(2):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon5.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(1):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(2):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(3):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .right .ovF .path:nth-child(4):after {
		right: auto;
		left: 50%;
		transform: translateX(-50%) translateY(0);
		top: auto;
		bottom: -7px;
		width: 15px;
		height: 15px;
		background: url('/common/images/icon/semicon_icon3.gif') no-repeat 0 0 !important;
		background-size: 100% !important
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .step {
		font-size: 13px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt {
		font-size: 14px;
		line-height: 22px;
		margin-top: 5px
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .ovF .path .txt br {
		display: none
	}

	.businessDiv .overViewDiv .semiconDiv2 .listDiv .list .dotList {
		padding: 15px 3% 0
	}

	.businessDiv .imgBox .floatTxt {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		padding: 20px 0 0 0;
		box-shadow: none
	}

	.businessDiv .imgBox .floatTxt .tit {
		font-size: 17px;
		line-height: 24px
	}

	.businessDiv .imgBox .floatTxt .tit br {
		display: none
	}

	.businessDiv .imgBox .floatTxt .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 13px;
		word-break: keep-all
	}

	.businessDiv .imgBox .floatTxt .txt br {
		display: none
	}

	.businessDiv .tabCon .miniTab a {
		width: 30%;
		font-size: 12px;
		height: 40px;
		line-height: 40px
	}

	.businessDiv .tabCon .miniTabCon {
		margin: 30px auto 0
	}

	.businessDiv .busiTit {
		font-size: 21px;
		line-height: 26px;
		/* padding:5% 0 1% 0;*/
		word-break: keep-all;
		padding-top: 30px
	}

	.businessDiv .busiTit2 img {
		width: 100%;
		font-size: 15px;
		line-height: 26px;
		/* padding:5% 0 1% 0;*/
		word-break: keep-all
	}

	.businessDiv .busiTit br {
		display: none
	}

	.businessDiv .busiTable {
		margin: 30px auto 0
	}

	.businessDiv .busiTable .list {
		padding: 25px 30px
	}

	.businessDiv .busiTable .list .table .left {
		width: 100px
	}

	.businessDiv .busiTable .list .table .left img {
		width: 100%
	}

	.businessDiv .busiTable .list .table .right {
		padding-left: 30px
	}

	.businessDiv .busiTable .list .table .right .tit {
		font-size: 16px;
		line-height: 20px
	}

	.businessDiv .busiTable .list .table .right .txt {
		margin-top: 15px
	}

	.businessDiv .busiTable .list .table .right .txt li {
		font-size: 13px;
		line-height: 20px;
		padding-left: 12px;
		background-position: left 7px
	}

	.businessDiv .viewBtn {
		width: 140px;
		height: 40px;
		line-height: 40px;
		margin: 30px auto 0;
		font-size: 14px;
		padding: 0 40px 0 5px;
		background: url('/common/images/icon/viewBtn_icon.gif') no-repeat right 15px top 50% #00448d;
		background-size: 12px auto
	}

	.businessDiv .layerPop {
		width: 90%
	}

	.businessDiv .layerPop .top {
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		padding-left: 15px
	}

	.businessDiv .layerPop .bodyWrap {
		padding: 25px 8px 25px 15px;
		height: 350px
	}

	.businessDiv .layerPop .bodyWrap .mCustomScrollBox>.mCSB_scrollTools {
		width: 4px
	}

	.businessDiv .layerPop .body {
		padding-right: 7px
	}

	.businessDiv .layerPop .body .noti {
		display: block;
		width: 176px;
		margin-top: 15px
	}

	.businessDiv .layerPop .body .noti img {
		width: 100%
	}

	.businessDiv .layerPop .body .tit {
		font-size: 14px;
		line-height: 20px;
		word-break: keep-all
	}

	.businessDiv .layerPop .body .tit.left {
		margin: 30px 0 15px;
	}

	.businessDiv .layerPop .body .img {
		margin-top: 15px
	}

	.businessDiv .layerPop .body .img2 {
		margin-top: 20px;
		padding-top: 20px
	}

	.businessDiv .layerPop .closeBtn {
		top: 13px;
		right: 15px;
		width: 14px
	}

	.businessDiv .layerPop .closeBtn img {
		width: 100%
	}

	.businessDiv .layerPop .viewList {
		margin-top: 15px
	}

	.businessDiv .layerPop .viewList .line {
		padding: 20px 0 20px 10px
	}

	.businessDiv .layerPop .viewList .line .tit {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
		width: 100%;
		float: none;
		margin-right: 0
	}

	.businessDiv .layerPop .viewList .line .tit br {
		display: none
	}

	.businessDiv .layerPop .viewList .line .txt {
		font-size: 13px;
		line-height: 20px;
		width: 100%;
		float: none
	}

	.businessDiv .busiAccorDiv {
		margin: 30px auto 0
	}

	.businessDiv .busiAccorDiv .list {
		padding: 20px 130px 20px 20px
	}

	.businessDiv .busiAccorDiv .list .img {
		width: 120px;
		height: auto
	}

	.businessDiv .busiAccorDiv .list .img img {
		width: 100%
	}

	.businessDiv .busiAccorDiv .list .txtArea {
		padding: 0 20px
	}

	.businessDiv .busiAccorDiv .list .txtArea .tit {
		font-size: 16px
	}

	.businessDiv .busiAccorDiv .list .txtArea .dotList2 {
		margin-top: 10px
	}

	.businessDiv .busiAccorDiv .list .btn {
		width: 110px;
		height: 40px;
		line-height: 38px;
		font-size: 13px;
		background-position: right 20px top 50%;
		background-size: 12px auto;
		padding-left: 20px;
		right: 20px
	}

	.businessDiv .busiAccorDiv .list.on .btn {
		background-position: right 20px top 50%;
		background-size: 12px auto
	}

	.businessDiv .busiAccorDiv .view {
		padding: 40px 10px
	}

	.businessDiv .busiAccorDiv .view .noti {
		display: block;
		width: 176px;
		margin-top: 20px
	}

	.businessDiv .busiAccorDiv .view .noti img {
		width: 100%
	}

	.businessDiv .busiAccorDiv .view .viewList {
		margin-top: 15px
	}

	.businessDiv .busiAccorDiv .view .viewList .line {
		padding: 20px 0 20px 10px
	}

	.businessDiv .busiAccorDiv .view .viewList .line .tit {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 10px;
		width: 100%;
		float: none;
		margin-right: 0
	}

	.businessDiv .busiAccorDiv .view .viewList .line .tit br {
		display: none
	}

	.businessDiv .busiAccorDiv .view .viewList .line .txt {
		font-size: 13px;
		line-height: 20px;
		width: 100%;
		float: none
	}

	/* 인재채용 */

	.introListDiv .list .txtArea .area {
		margin-top: 15px
	}

	.introListDiv .list .txtArea .icon {
		margin-bottom: 20px;
		width: 90px
	}

	.introListDiv .list .txtArea .icon img {
		width: 60px
	}

	.introListDiv .list .txtArea .tit {
		font-size: 17px
	}

	.introListDiv .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px
	}

	.introListDiv .list .txtArea .txt2 {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px
	}

	.promoteDiv {
		padding: 0 3%
	}

	.promoteDiv .img {
		margin-top: 40px
	}

	.promoteDiv .img img {
		width: 100%
	}

	.promoteDiv .infoD {
		padding: 17px 15px;
		font-size: 13px;
		line-height: 22px;
		margin-top: 25px
	}

	.promoteDiv .listDiv {}

	.promoteDiv .listDiv .list {
		padding: 20px 0
	}

	.promoteDiv .listDiv .list .icon {
		width: 120px;
		display: block;
		padding-right: 0
	}

	.promoteDiv .listDiv .list .icon img {
		width: 100%
	}

	.promoteDiv .listDiv .list .txtArea {
		display: block;
		margin-top: 20px
	}

	.promoteDiv .listDiv .list .tit {
		font-size: 17px
	}

	.promoteDiv .listDiv .list .txt {
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px
	}

	.promoteDiv .listDiv .list .txt span {
		font-size: 15px;
		margin: 13px 0 8px
	}

	/* srchType */
	.srchType1 {
		width: 100%;
		margin: 0 auto;
		padding: 35px 0 3%;
		box-sizing: border-box
	}

	.srchType1>div {
		width: 100%
	}

	.srchType1 .calendarDiv {
		overflow: hidden;
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px
	}

	.srchType1 .calendarDiv .calenInput {
		float: left;
		display: block;
		width: calc(50% - 20px);
		width: -webkit-calc(50% - 20px)
	}

	.srchType1 .calendarDiv .calenInput input {
		height: 35px;
		width: calc(100% - 35px);
		width: -webkit-calc(100% - 35px);
		padding: 3px 0 3px 10px
	}

	.srchType1 .calendarDiv .calenInput .calenBt {
		width: 34px;
		height: 33px;
		background: #fff url("/common/images/btn/calen_btn.png") no-repeat center center;
		background-size: 22px 21px
	}

	.srchType1 .calendarDiv span {
		float: left;
		display: block;
		margin: 16px 15px
	}

	.srchSel {
		width: 75px;
		height: 35px;
		margin-right: 5px
	}

	.srchSel>a {
		padding-left: 10px;
		line-height: 33px;
		font-size: 13px
	}

	.srchType1 .srchDiv {
		width: calc(100% - 115px);
		width: -webkit-calc(100% - 115px);
		height: 35px
	}

	.srchType1 .input input {
		height: 35px;
		line-height: 35px
	}

	.srchType1 .srchBtn {
		width: 35px;
		height: 35px
	}

	.srchType1 .srchBtn img {
		width: 100%
	}

	.viewType1 .topDiv {
		padding: 20px 15px
	}

	.viewType1 .topDiv .title {
		font-size: 16px;
		line-height: 24px
	}

	.viewType1 .topDiv .date {
		font-size: 13px;
		margin-top: 10px
	}

	.viewType1 .viewCon {
		padding: 25px 15px;
		font-size: 13px;
		line-height: 20px
	}

	/*2018-07-11 고객사 요청 padding 0 -> 30 수정 */
	.viewType1 .viewCon .img {
		margin-bottom: 25px
	}

	.viewType1 .viewCon .file {
		margin-top: 30px
	}

	.viewType1 .viewCon .file a {
		padding: 8px 50px 8px 10px;
		font-size: 12px;
		line-height: 18px
	}

	.prevNext a {
		padding: 14px 15px
	}

	.prevNext a .type {
		font-size: 13px;
		width: 55px;
		padding-right: 10px
	}

	.prevNext a .title {
		margin-left: 15px;
		font-size: 13px;
		width: calc(100% - 70px);
		width: -webkit-calc(100% - 70px)
	}

	.listBtn {
		width: 120px;
		height: 40px;
		line-height: 40px;
		margin: 30px auto 0;
		font-size: 15px
	}

	/* writeType */
	.writeType1 .line .tit {
		height: 45px;
		line-height: 35px;
		width: 80px
	}

	.writeType1 .line .tit img {
		margin-left: 3px
	}

	.writeType1 .line>div {
		font-size: 13px;
		padding: 5px 10px
	}

	.writeType1 .line>div input,
	.writeType1 .line>div select {
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
		width: 200px
	}

	.writeType1 .line>div {
		display: block;
		float: left;
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px)
	}

	.writeType1 .line textarea {
		height: 80px;
		padding: 10px;
		font-size: 13px;
		line-height: 20px
	}

	.writeType1 .line>div .addFile .find {
		height: 35px;
		line-height: 35px
	}

	.writeType1 .line>div .addFile input[type="text"] {
		width: 130px
	}

	.writeType1 .line>div .addFile input[type="file"] {
		width: 100%
	}

	.writeType1 .line>div .addFile .find {
		width: 70px;
		margin-left: 0
	}

	.writeType1 .line>div .fileList a {
		padding: 8px 50px 8px 10px;
		font-size: 12px;
		line-height: 18px;
		margin: 5px 5px 0 0
	}

	.writeType1 .line>div.captcha p img {
		width: 130px
	}

	.writeType1 .line>div.captcha a {
		width: 30px;
		height: 30px;
		margin-left: 1px
	}

	.writeType1 .line>div.captcha a img {
		width: 100%
	}

	.writeType1 .line>div.captcha input {
		display: block;
		margin-left: 0;
		margin-top: 5px
	}

	.submitBtn {
		width: 120px;
		height: 40px;
		line-height: 40px;
		margin: 30px auto 0;
		font-size: 15px
	}

	/* tableType */
	.tableType1 table {
		width: 100%;
	}

	.tableType1 table tbody th {
		padding: 10px 20px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		font-size: 13px;
		line-height: 18px;
		background: #f7f8fa;
	}

	.tableType1 table tbody td {
		font-size: 13px;
		padding: 10px 13px;
		font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
		line-height: 18px;
		text-align: center;
	}

	.tableType2 .line {
		border-bottom: none
	}

	.tableType2 .line .tit {
		height: 45px;
		line-height: 45px;
		width: 100%;
		padding: 0 10px;
		border-bottom: 1px solid #d9d9d9;
		border-top: none !important;
		box-sizing: border-box
	}

	.tableType2 .line .tit.area {
		height: auto !important
	}

	.tableType2 .line .tit img {
		margin-left: 3px
	}

	.tableType2 .line>div {
		font-size: 13px;
		padding: 10px;
		height: auto;
		line-height: 20px;
		border-bottom: 1px solid #d9d9d9;
		border-top: none !important;
		box-sizing: border-box;
		vertical-align: middle
	}

	.tableType2 .line>div {
		display: block;
		float: none;
		width: 100%
	}

	.tableType2 .line>div:nth-child(4) {
		width: 100%;
		padding: 10px
	}

	.tableType2 .line textarea {
		height: 80px;
		padding: 10px;
		font-size: 13px;
		line-height: 20px
	}

	.tableType2 .line>div p {
		line-height: 20px;
		margin: 5px 0
	}

	.tableType2 .line>div .addFile .find {
		height: 35px;
		line-height: 35px
	}

	.tableType2 .line>div .addFile input[type="text"] {
		width: 130px
	}

	.tableType2 .line>div .addFile input[type="file"] {
		width: 100%
	}

	.tableType2 .line>div .addFile .find {
		width: 70px;
		margin-left: 0
	}

	.tableType2 .line>div.fileList {
		padding: 10px 0 10px 10px
	}

	.tableType2 .line>div.fileList a {
		padding: 8px 50px 8px 10px;
		font-size: 12px;
		line-height: 18px;
		margin: 0 5px 0 0
	}

	.tableType2 .line>div.captcha p img {
		width: 130px
	}

	.tableType2 .line>div.captcha a {
		width: 30px;
		height: 30px;
		margin-left: 1px
	}

	.tableType2 .line>div.captcha a img {
		width: 100%
	}

	.tableType2 .line>div.captcha input {
		display: block;
		margin-left: 0;
		margin-top: 5px
	}

	.tableType3 table th {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 20px;
		display: block;
		width: 100%;
		box-sizing: border-box
	}

	.tableType3 table td {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 20px;
		display: block;
		width: 100%;
		box-sizing: border-box
	}

	.tableType4 table tbody th,
	.tableType4 table tbody td {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 18px;
	}

	.tableType5 table th {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 20px;
	}

	.tableType5 table td {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 20px;
	}

	.tableType5 table tbody th {
		padding-left: 20px;
	}


	/* 인재채용 */
	.introListDiv {
		overflow: hidden
	}

	.introListDiv .list {
		width: 100%;
		float: left;
		margin-top: 25px
	}

	.introListDiv .list:nth-child(2) {
		margin-top: 45px
	}

	.introListDiv .list:nth-child(2n-1) {
		margin-left: 0
	}

	.introListDiv .list .img {
		width: 100%
	}

	.introListDiv .list:nth-child(2n) .img {
		float: none
	}

	.introListDiv .list:nth-child(2n) .txtArea {
		float: none;
		margin: 0;
		padding: 10px;
		min-height: 330px
	}

	.introListDiv .list:nth-child(2n) .txtArea .area {
		left: auto
	}

	.introListDiv .list:nth-child(2n) .txtArea .area .btn a {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		background: #d0d0d0;
		color: #777;
		border: none;
		position: relative;
		height: 40px;
		font-size: 13px;
		padding: 0 2em;
		cursor: pointer;
		transition: 800ms ease all;
		outline: none;
		line-height: 38px;
		margin-top: 30px;
		display: block;
		width: 100px
	}

	.introListDiv .list:nth-child(2n) .txtArea .area .btn a:hover {
		background: #fff;
		color: #ff8d00;
		height: 40px;
		line-height: 38px;
		display: block;
	}

	.introListDiv .list:nth-child(2n) .txtArea .area .btn a:before,
	.btn a:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 2px;
		width: 0;
		background: #ff8d00;
		transition: 400ms ease all;
	}

	.introListDiv .list:nth-child(2n) .txtArea .area .btn a:after {
		right: inherit;
		top: inherit;
		left: 0;
		bottom: 0;
	}

	.introListDiv .list:nth-child(2n) .txtArea .area .btn a:hover:before,
	.btn a:hover:after {
		width: 100%;
		transition: 800ms ease all;
	}

	.introListDiv .list:nth-child(2n-1) .img {
		float: none
	}

	.introListDiv .list:nth-child(2n-1) .txtArea {
		float: none;
		margin: 0;
		padding: 10px;
		min-height: 330px
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area {
		left: auto
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		background: #d0d0d0;
		color: #777;
		border: none;
		position: relative;
		height: 40px;
		font-size: 13px;
		padding: 0 2em;
		cursor: pointer;
		transition: 800ms ease all;
		outline: none;
		line-height: 38px;
		margin-top: 30px;
		display: block;
		width: 100px
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:hover {
		background: #fff;
		color: #ff8d00;
		height: 40px;
		line-height: 38px;
		display: block;
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:before,
	.btn a:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 2px;
		width: 0;
		background: #ff8d00;
		transition: 400ms ease all;
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:after {
		right: inherit;
		top: inherit;
		left: 0;
		bottom: 0;
		line-height: 38px;
	}

	.introListDiv .list:nth-child(2n-1) .txtArea .area .btn a:hover:before,
	.btn a:hover:after {
		width: 100%;
		transition: 800ms ease all;
	}

	.introListDiv .list .txtArea {
		width: 100%;
		padding: 15px 20px
	}

	.introListDiv .list .txtArea .area {
		padding-right: 0px;
		margin-top: 0;
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
		border-top: none
	}

	.introListDiv .list .txtArea .area br {
		display: none
	}

	.wantTalent {
		padding-top: 0
	}

	.wantTalent .tit {
		font-size: 18px;
		line-height: 26px;
		word-break: keep-all
	}

	.wantTalent .img {
		margin-top: 15px
	}

	.wantTalent .txtArea {
		margin-top: 15px
	}

	.wantTalent .txtArea p {
		font-size: 13px;
		line-height: 20px;
		word-break: keep-all
	}

	.wantTalent .txtArea p br {
		display: none
	}

	.environDiv {
		margin: 40px auto 0
	}

	.environDiv .rollArea .rollDiv {
		height: 260px
	}

	.environDiv .rollArea .rollDiv .roll {
		height: 260px
	}

	.environDiv .rollArea .rollBtn a {
		top: 120px;
		width: 30px
	}

	.environDiv .rollArea .rollBtn a img {
		width: 100%
	}

	.environDiv .rollArea .indiBtn {
		bottom: 15px
	}

	.environDiv .rollArea .indiBtn a {
		width: 5px;
		height: 5px;
		margin: 0 4px
	}

	.environDiv .txtArea {
		padding: 0 3%
	}

	.environDiv .txtArea .list {
		padding: 30px 0
	}

	.environDiv .txtArea .list .tit {
		font-size: 16px;
		line-height: 24px;
		float: none;
		width: 100%
	}

	.environDiv .txtArea .list .tit br {
		display: none
	}

	.environDiv .txtArea .list .txt {
		float: none;
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
		width: 100%
	}

	.susList .list .tit {
		font-size: 16px;
		line-height: 15px;
		float: none;
		width: 100%
	}

	.susList .list .txt {
		float: none;
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
		width: 100%
	}

	.faqList .list .question {
		padding: 15px 40px 15px 45px;
		background-size: 25px;
		background-position: left 10px center
	}

	.faqList .list .question .tit {
		font-size: 15px
	}

	.faqList .list .question .btn {
		width: 9px;
		right: 15px;
		height: 5px
	}

	.faqList .list .question .btn img {
		width: 100%
	}

	.faqList .list .answer {
		padding: 17px 15px 20px 80px;
		background-size: 21px;
		background-position: 45px 20px;
		font-size: 13px;
		line-height: 20px
	}

	.faqList .list .answer .file {
		margin-top: 10px
	}

	.faqList .list .answer .file a {
		margin-right: 4px;
		padding: 6px 27px 6px 10px;
		font-size: 13px;
		background-position: right 10px top 50%;
		background-size: 12px auto
	}

	.faqList.numList .question {
		padding: 15px 40px 15px 45px;
		position: relative
	}

	.faqList.numList .question .num {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%)
	}

	.faqList.numList .list .question .tit {
		width: 100%;
		display: table;
		padding: 0
	}

	.faqList.numList2 .question {
		padding: 15px 40px 15px 15px
	}

	.faqList.numList2 .list .question .tit span {
		padding-right: 10px
	}

	.faqList.numList2 .answer p {
		margin-bottom: 10px
	}

	/* 회사소식 */
	.newsList {
		width: 100%;
		margin-top: 30px
	}

	.newsList .list {
		width: 100%;
		margin-left: 0;
		height: auto;
		min-width: auto;
		margin-bottom: 10px
	}

	.newsList .list:nth-child(3n-2) {
		margin-left: 0
	}

	.newsList .list:nth-child(2n-1) {
		margin-left: 0
	}

	.newsList .list .img {
		width: 100%;
		height: auto
	}

	.newsList .list .txtArea {
		padding: 18px 20px
	}

	.newsList .list .txtArea .titBox {
		height: auto
	}

	.newsList .list .txtArea .tit {
		font-size: 15px;
		line-height: 22px
	}

	.newsList .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px
	}

	.newsList .list .txtArea .date {
		font-size: 13px;
		margin-top: 15px
	}

	.newsList2 {
		width: 100%;
		margin-top: 30px
	}

	.newsList2 .list {
		width: 100%;
		margin-left: 0;
		height: auto;
		min-width: auto;
		margin-bottom: 10px
	}

	.newsList2 .list:nth-child(3n-2) {
		margin-left: 0
	}

	.newsList2 .list:nth-child(2n-1) {
		margin-left: 0
	}

	.newsList2 .list .img {
		width: 100%;
		height: auto
	}

	.newsList2 .list .txtArea {
		padding: 18px 20px
	}

	.newsList2 .list .txtArea .titBox {
		height: auto
	}

	.newsList2 .list .txtArea .tit {
		font-size: 15px;
		line-height: 22px
	}

	.newsList2 .list .txtArea .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px
	}

	.newsList2 .list .txtArea .date {
		font-size: 13px;
		margin-top: 15px
	}

	.newsList3 {
		width: 100%;
	}

	.newsList3 .list {
		width: 100%;
		margin-left: 1.33%;
		min-width: 215px
	}

	.newsList3 .list:nth-child(4n-3) {
		margin-left: 0
	}

	.newsList3 .list .txtArea {
		padding: 30px 20px
	}

	.newsList3 .list .txtArea .titBox {
		height: 54px
	}

	.newsList3 .list .txtArea .tit {
		font-size: 17px;
		line-height: 27px
	}

	.newsList3 .list .txtArea .txt {
		font-size: 15px;
		line-height: 25px;
		height: 75px
	}

	.newsList3 .list .txtArea .date {
		margin-top: 20px
	}
	
	.videoList .topArea .txtBox {
		height: 200px
	}

	.videoList .topArea .txtArea {
		padding: 25px 20px
	}

	.videoList .topArea .txtArea .tit {
		font-size: 15px;
		line-height: 24px
	}

	.videoList .topArea .txtArea .date {
		font-size: 13px;
		line-height: 13px;
		margin-top: 10px
	}

	.videoList .topArea .txtArea .txt {
		margin-top: 15px;
		padding-top: 15px;
		font-size: 13px;
		line-height: 20px
	}

	.videoList .topArea .txtBox .mCustomScrollBox>.mCSB_scrollTools {
		height: 170px
	}

	.videoList .listArea {
		margin-top: 25px
	}

	.videoList .listArea .list {
		width: 100%;
		margin-left: 0;
		padding-bottom: 20px
	}

	.videoList .listArea .list:nth-child(2n-1) {
		margin-left: 0
	}

	.videoList .listArea .list .thumb {
		margin-bottom: 10px
	}

	.videoList .listArea .list .tit {
		font-size: 15px;
		line-height: 22px
	}

	.videoList .listArea .list .date {
		font-size: 13px;
		line-height: 13px;
		margin-top: 10px
	}

	.paging {
		margin: 30px auto 0
	}

	.paging>a {
		width: 33px;
		height: 33px;
		line-height: 29px
	}

	.paging>a.first {
		width: 16px
	}

	.paging>a.last {
		width: 16px
	}

	/* 지속가능경영 */
	.midCon .midBanner {
		width: 100%;
		box-sizing: border-box;
		height: auto;
		padding: 55px 50px 50px 45%
	}

	.midCon .midBanner.sus1 {
		background: url('/common/images/icon/mid_banner_bg1.jpg') no-repeat center top;
		background-size: 100% auto
	}

	.midCon .midBanner.sus2 {
		background: url('/common/images/icon/mid_banner_bg2.jpg') no-repeat center top;
		background-size: 100% auto;
		padding-top: 55px
	}

	.midCon .midBanner .tit {
		font-size: 20px;
		padding-bottom: 22px
	}

	.midCon .midBanner .tit:after {
		width: 25px;
		height: 2px;
	}

	.midCon .midBanner .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px
	}

	.susList {
		padding: 0 3%;
		width: auto
	}

	.susList .ban {
		padding: 20px 20px 20px 125px;
		background-size: 65px !important;
		background-position: 30px center !important
	}

	.susList .ban .tit {
		font-size: 16px
	}

	.susList .ban .txt {
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px
	}

	.susList .listDiv {
		margin-top: 30px;
		padding: 0 3%
	}

	.susList .listDiv .list {
		padding: 15px 0
	}

	.susList .listDiv .list .tit {
		font-size: 16px;
		line-height: 15px;
		float: none;
		width: 100%;
		display: block
	}

	.susList .listDiv .list .tit span {
		display: inline;
		padding-right: 10px
	}

	.susList .listDiv .list .tit p {
		/*display:inline-block;*/
		padding-top: 10px;
	}

	.susList .listDiv .list .txt {
		float: none;
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
		width: 100%
	}

	.faqTabs a {
		font-size: 13px;
		margin: 0 1px;
		line-height: 38px;
		height: 40px;
		width: 180px
	}

	.faqCon .faqList {
		margin: 40px auto 0
	}

	.susList2 {
		padding: 0 3%
	}

	.susList2 .list {
		padding: 10px 0 0 99px;
		background-size: 69px !important
	}

	.susList2 .list .txtArea {
		padding: 10px 0 20px
	}

	.susList2 .list .txtArea .num {
		font-size: 20px;
		padding-bottom: 12px
	}

	.susList2 .list .txtArea .num:after {
		width: 10px
	}

	.susList2 .list .txtArea .txt {
		font-size: 13px;
		margin-top: 8px;
		line-height: 20px
	}

	.cp7Div {
		padding: 0 3%;
	}

	.cp7Div .title {
		padding-top: 40px;
		font-size: 20px;
		background-size: 33px auto
	}

	.cp7Div .img {
		margin: 30px auto
	}

	.cp7Div .infoBox .line {
		padding: 15px 0
	}

	.cp7Div .infoBox .line .tit {
		font-size: 15px;
		line-height: 22px
	}

	.cp7Div .infoBox .line .txt {
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px
	}

	.ruleBtn {
		width: 140px;
		height: 40px;
		line-height: 40px;
		margin: 30px auto 0;
		font-size: 14px;
		padding: 0 24px 0 5px;
		background: url('/common/images/icon/ruleBtn_icon.gif') no-repeat right 15px top 50% #00448d;
		background-size: 12px auto
	}

	.socialConDiv {
		margin: 30px auto 0
	}

	.socialConDiv .rollArea .rollDiv {
		height: 210px
	}

	.socialConDiv .rollArea .rollDiv .roll {
		height: 210px
	}

	.socialConDiv .rollArea .rollBtn a {
		top: 93px;
		width: 30px
	}

	.socialConDiv .rollArea .rollBtn a img {
		width: 100%
	}

	.socialConDiv .rollArea .indiBtn {
		bottom: 15px
	}

	.socialConDiv .rollArea .indiBtn a {
		width: 5px;
		height: 5px;
		margin: 0 4px
	}

	.socialConDiv .txtArea {
		padding: 0 3%
	}

	.socialConDiv .txtArea .list {
		padding: 30px 0
	}

	.socialConDiv .txtArea .list .tit {
		font-size: 16px;
		line-height: 24px;
		float: none;
		width: 100%
	}

	.socialConDiv .txtArea .list .tit br {
		display: none
	}

	.socialConDiv .txtArea .list .txt {
		float: none;
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
		width: 100%
	}

	.socialConDiv .txtArea .list .txt .noti {
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px
	}

	/* 고객지원 */
	.locationDiv {
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.locationDiv .mapArea #map {
		width: 100%;
		min-height: 300px;
		background: url('/common/images/icon/map.jpg') no-repeat center center
	}

	.locationDiv .locaInfo {
		height: auto;
		padding: 30px 0
	}

	.locationDiv .locaInfo .icon {
		padding: 30px 0 0 75px;
		height: 80px
	}

	.locationDiv .locaInfo .icon:nth-child(1) {
		background-size: 60px 60px
	}

	.locationDiv .locaInfo .icon:nth-child(2) {
		background-size: 60px 60px
	}

	.locationDiv .locaInfo .icon:nth-child(3) {
		background-size: 60px 60px
	}

	.locationDiv .locaInfo .icon .tit {
		height: 10px
	}

	.locationDiv .locaInfo .icon .tit img {
		height: 100%
	}

	.locationDiv .locaInfo .icon .txt {
		font-size: 13px;
		margin-top: 8px
	}

	.locationDiv .useInfo .useDiv {
		display: block;
		padding: 25px 0
	}

	.locationDiv .useInfo .useDiv .tit {
		display: block;
		margin-bottom: 20px;
		width: 100%;
		font-size: 15px;
		margin-bottom: 10px
	}

	.locationDiv .useInfo .useDiv .info {
		display: block;
		width: 100%
	}

	.locationDiv .useInfo .useDiv .info>p {
		font-size: 13px;
		line-height: 18px;
		margin-top: 5px
	}

	.locationDiv .useInfo .useDiv .info>p span {
		height: 18px;
		display: inline-block
	}

	.locationDiv .useInfo .useDiv .info>p span img {
		height: 100%
	}

	.locationDiv .useInfo .useDiv .info .add {
		color: #777;
		font-size: 13px;
		margin-top: 10px
	}

	.inquiryDiv .subTit2 {
		margin-top: 30px
	}

	.inquiryDiv .agreeDiv {
		height: 100px
	}

	.inquiryDiv .agreeDiv .txtArea {
		padding: 20px;
		font-size: 13px;
		line-height: 20px
	}

	.inquiryDiv .agreeDiv .txtArea span {
		display: inline
	}

	/*
	.inquiryDiv .agreeDiv .txtArea p{padding-left:8px; background-size:2px 2px; background-position:left 9px}
	*/
	.inquiryDiv .checkDiv {
		padding: 10px 0
	}

	.inquiryDiv .checkDiv>div {
		font-size: 13px
	}

	.inquiryDiv .checkDiv>div input {
		width: 13px;
		height: 13px
	}

	.inquiryDiv .writeDiv .subTit2 span {
		font-size: 13px
	}

	.inquiryDiv .writeDiv .subTit2 span img {
		margin-right: 3px
	}

	.infoDiv {
		width: 100%;
		background-size: 120px 105px;
		background-position: center 30px;
		padding: 150px 0 40px
	}

	.infoDiv .tit {
		font-size: 16px;
		margin-bottom: 12px
	}

	.infoDiv .txt {
		font-size: 13px;
		line-height: 20px;
		padding: 0 15px;
		word-break: keep-all
	}

	.infoDiv .codeBox {
		padding: 20px 10px 25px;
		box-sizing: border-box;
		width: 90%
	}

	.infoDiv .codeBox .title {
		font-size: 13px
	}

	.infoDiv .codeBox .codeView {
		margin: 10px auto 0;
		width: 160px;
		height: 40px;
		font-size: 13px;
		padding: 14px 5px
	}

	.infoDiv .codeBox .noti {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
		word-break: keep-all
	}

	.infoDiv .btnArea {
		margin-top: 30px
	}

	.infoDiv .btnArea a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 15px
	}

	.infoDiv .codeBox .codeInput {
		margin: 10px auto 0;
		width: 200px;
		height: 35px
	}

	.infoDiv .codeBox .codeInput input {
		width: 140px;
		height: 35px;
		line-height: 35px;
		font-size: 13px;
		padding: 3px 10px
	}

	.infoDiv .codeBox .codeInput a {
		width: 60px;
		height: 35px;
		line-height: 35px;
		font-size: 12px
	}

	.inquiryDiv .answerDiv .answer {
		margin-top: 15px
	}

	.inquiryDiv .answerDiv .answer .title {
		width: 80px;
		height: 45px;
		line-height: 45px;
		font-size: 14px
	}

	.inquiryDiv .answerDiv .answer .date {
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		height: 45px;
		line-height: 45px;
		font-size: 13px;
		padding-left: 20px
	}

	.inquiryDiv .answerDiv .answer .cont {
		padding: 10px 20px;
		font-size: 13px;
		line-height: 20px;
		min-height: auto
	}

	/* 유틸리티 */
	.privacyDiv .privacyBox {
		padding: 18px 15px
	}

	.privacyDiv .privacyBox .tit {
		font-size: 15px;
		line-height: 24px
	}

	.privacyDiv .privacyBox .tit br {
		display: none
	}

	.privacyDiv .privacyBox .txt {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px
	}

	.privacyDiv .privacyBox .txt span {
		display: inline
	}

	.privacyDiv .privacyText {
		padding: 30px 15px 20px
	}

	.privacyDiv .privacyText .tit {
		font-size: 16px;
		margin-top: 20px;
		line-height: 24px
	}

	.privacyDiv .privacyText .txt {
		font-size: 14px;
		line-height: 22px;
		margin-top: 12px
	}

	.privacyDiv .privacyText2 {
		padding: 25px 15px 0
	}

	.privacyDiv .privacyText2 .tit {
		font-size: 16px;
		margin-top: 20px;
		line-height: 24px
	}

	.privacyDiv .privacyText2 .txt {
		font-size: 14px;
		line-height: 22px;
		margin-top: 12px
	}

	.privacyDiv .mailNoti {
		padding: 140px 3% 50px;
		background: url('/common/images/icon/mail_noti_icon.gif') no-repeat center 50px #f7f8fa;
		background-size: 70px;
		font-size: 15px;
		line-height: 24px
	}

	.privacyDiv .mailNoti br {
		display: none
	}

	.siteMap {
		width: 94%;
		position: relative
	}

	.siteMap .list {
		width: 47%;
		margin-left: 6%
	}

	.siteMap .list:nth-child(3),
	.siteMap .list:nth-child(4),
	.siteMap .list:nth-child(5),
	.siteMap .list:nth-child(6) {
		margin-top: 40px
	}

	.siteMap .list:nth-child(3n-2) {
		margin-left: 6%
	}

	.siteMap .list:nth-child(2n-1) {
		margin-left: 0
	}

	.siteMap .list:nth-child(1),
	.siteMap .list:nth-child(2) {
		height: 175px
	}

	.siteMap .list:nth-child(3),
	.siteMap .list:nth-child(4) {
		height: 280px
	}

	.siteMap .list:nth-child(5),
	.siteMap .list:nth-child(6) {
		height: 135px
	}

	.siteMap .list .oneD {
		font-size: 17px;
		padding-left: 5px
	}

	.siteMap .list .twoD {
		padding-top: 5px;
		margin-top: 15px;
		border-top: 2px solid #000
	}

	.siteMap .list .twoD li {
		padding: 9px 0 9px 5px
	}

	.siteMap .list .twoD li>a {
		font-size: 14px
	}

	.siteMap .list .twoD li .thrD {
		margin: 11px 0 0
	}

	.siteMap .list .twoD li .thrD>a {
		padding-left: 5px;
		font-size: 13px;
		line-height: 22px
	}

	.errorDiv {
		padding-top: 60px;
		height: 100%
	}

	.errorDiv h1 img {
		width: 110px
	}

	.errorDiv .errorBox {
		width: 90%;
		box-sizing: border-box;
		margin: 20px auto 0;
		border: 1px solid #e1e1e1;
		padding: 70px 30px 30px;
		background-size: 40px auto;
		background-position: center 20px
	}

	.errorDiv .errorBox .tit {
		font-size: 20px;
		line-height: 26px;
		word-break: keep-all
	}

	.errorDiv .errorBox .txt {
		font-size: 14px;
		line-height: 22px;
		word-break: keep-all;
		margin-top: 12px
	}

	.errorDiv .errorBox .txt span {
		display: inline
	}

	.errorDiv .errorBox .btn {
		width: 120px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		margin: 30px auto 0
	}

	/* footer */
	#footer {
		/*height:255px;*/
		padding: 0 15px
	}

	#footer.main {
		height: 235px;
	}

	#footer .top .left {
		padding: 3px 0 12px
	}

	#footer .top .left>a {
		margin-right: 20px;
		margin-top: 12px;
		font-size: 12px
	}

	#footer .top .left>a:after {
		display: none
	}

	#footer .top .right>span {
		font-size: 13px;
		margin-right: 12px
	}

	#footer .bot {
		padding: 15px 0 15px;
		font-size: 12px;
		height: auto
	}

	#footer .bot .copyTxt {
		font-size: 12px;
		line-height: 18px
	}

	#footer .bot .fmSel {
		position: relative;
		margin-top: 15px;
		width: 100%;
		height: 35px
	}

	#footer .bot .fmSel>a {
		font-size: 13px;
		line-height: 33px;
		padding-left: 15px;
		background-position: right center
	}

	#footer .bot .fmSel>a.on {
		background-position: right center
	}

	#footer .bot .fmSel>div {
		bottom: 35px;
		padding: 7px 0
	}

	#footer .bot .fmSel>div a {
		padding-left: 15px;
		line-height: 24px;
		font-size: 13px
	}

	.gotoTop {
		width: 40px;
		height: 40px;
		right: 3%
	}
}

@media all and (max-width:760px) {

	/* tabType */
	.tabArea {
		width: 100%;
	}

	.tabBtn {
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 60px;
		overflow: hidden;
		margin: 60px auto 50px
	}

	.tabBtn a {
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		box-sizing: border-box;
		border-top: 2px solid #333333;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #d9d9d9;
		background: #fff;
		font-size: 12px;
		color: #000;
		text-align: center;
		position: relative;
		word-break: break-all;
	}

	.tabBtn a:last-child {
		border-right: none
	}

	.tabBtn a.on {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		font-size: 13px;
		/*background: rgb(0, 68, 141); /* Old browsers */
		/*background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
		/*background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
		/*background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
		/*background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.tabBtn a:hover {
		color: #ff8d00;
	}

	.tabBtn a.on:after {
		display: block;
		content: '';
		width: 2px;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #ff8d00
	}

	.tabArea .tabCon {
		width: 100%;
		overflow: hidden;
		margin: 80px auto 0
	}

	.tabArea3 .tabCon {
		margin: 80px auto 0
	}

	.tabInner {
		padding: 0 30px 60px;
		margin: 0 auto;
		border-bottom: 1px solid #d9d9d9
	}

	.tabInner .subTit2 {
		margin-top: 60px
	}

	.tabInner .subTit2:first-child {
		margin-top: 0
	}

	.tabArea2 .tabBtn {
		margin: 130px auto 0
	}

	.tabArea2 .tabBtn a {
		color: #555;
		/*background:#eff0f2*/
		height: 56px;
		line-height: 52px;
		border-top: 2px solid #333333;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #d9d9d9;
	}

	.tabArea2 .tabBtn a:last-child {
		border-right: none;
	}

	.tabArea2 .tabBtn a br {
		display: none
	}

	.tabArea2 .tabBtn a.on {
		color: #ff8d00;
		font-size: 15px;
		/*background: rgb(0, 68, 141); /* Old browsers */
		/*background: -ms-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* ie */
		/*background: -o-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* opera */
		/*background: -moz-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* FF3.6-15 */
		/*background: -webkit-linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to bottom right,  rgba(0, 68, 141,1) 0%, rgba(0, 68, 141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.tableType5 table th {
		padding: 3px;
		font-size: 13px;
		line-height: 20px;
	}

	.tableType5 table td {
		padding: 3px;
		font-size: 13px;
		line-height: 20px;
	}

	.tableType5 table tbody th {
		padding-left: 5px;
	}

	.tableType5.swiperArea .mCSB_container {
		width: 200% !important;
		margin-bottom: 0
	}

	.tableType5.swiperArea .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
		height: 2px;
	}

	.tableType5.swiperArea .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		margin: 0 auto;
	}

	.tableType5.swiperArea .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
		margin: 0
	}

	.mainCon1 .listDiv {
		top: 20%
	}

	.mainCon1 .listDiv .list {
		opacity: 1;
		width: 147px;
		height: 114px
	}

	.mainCon1 .listDiv a.list .off {
		width: 145px;
		height: 112px
	}

	.mainCon1 .listDiv a.list .off img:first-child {
		display: none
	}

	.mainCon1 .listDiv a.list .off img:last-child {
		display: block;
		width: 100%
	}

	.mainCon1 .listDiv a.list .on {
		display: none
	}

	.mainCon1 .listDiv .list1 {
		right: 50%;
		top: 0;
		left: auto
	}

	.mainCon1 .listDiv .list2 {
		left: 50%;
		top: 0;
	}

	.mainCon1 .listDiv .list3 {
		right: 50%;
		top: 122px;
		left: auto
	}

	.mainCon1 .listDiv .list4 {
		left: 50%;
		top: 122px
	}

	.mainCon1 .listDiv .list5 {
		right: 50%;
		top: 244px;
		left: auto
	}

	.mainCon2 .swiper-container {
		opacity: 1;
		width: 100%;
		padding: 0 0 35px 0;
		box-sizing: border-box;
		top: 30%;
		height: auto
	}

	.mainCon2 .swiper-container .swiper-wrapper {
		height: auto;
		width: 100%
	}

	.mainCon2 .swiper-container .swiper-slide {
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		height: auto;
		width: 220px
	}

	.mainCon2 .swiper-container .swiper-slide .img {
		width: 100%
	}

	.mainCon2 .swiper-container .swiper-slide .img img {
		width: 100%
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox {
		padding: 20px;
		width: 280px;
		height: 170px
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .tit {
		font-size: 16px;
		line-height: 20px
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .txt {
		display: block;
		color: #333;
		font-size: 14px;
		line-height: 1.3
	}

	.mainCon2 .swiper-container .swiper-slide .txtBox .date {
		left: 20px;
		bottom: 20px;
		font-size: 11px
	}

	.mainCon2 .swiper-button-next,
	.mainCon2 .swiper-button-prev {
		display: none
	}

	.mainCon2 .swiper-scrollbar {
		display: none
	}

	.mainCon3 {
		background: url("/common/images/career_bg.jpg") no-repeat center center;
		background-size: cover;
	}

	.mainCon3 .careerDiv {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		opacity: 1;
		top: 160px;
		height: 440px
	}

	.mainCon3 .careerDiv .top {
		display: block;
		text-align: center;
		margin: 40px 0;
	}

	.mainCon3 .careerDiv .top ul {
		display: inline-flex;
	}

	.mainCon3 .careerDiv .top ul li {
		position: relative;
		margin-right: 15px;
	}

	.mainCon3 .careerDiv .top ul li img {
		width: 60px;
	}

	.mainCon3 .careerDiv .top ul li:first-child {
		position: relative;
		margin-right: 15px;
	}

	.mainCon3 .careerDiv .top ul li:last-child {
		position: relative;
		margin-right: 0px;
	}

	.mainCon3 .careerDiv .leftD {
		width: 100%;
		box-sizing: border-box;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 130px;
		padding: 10px 20px;
		background: url('/common/images/career_left_bg_m.jpg') no-repeat right center #ff8d00;
		background-size: contain;
		position: relative
	}

	.mainCon3 .careerDiv .leftD .tit {
		font-size: 17px;
		line-height: 1
	}

	.mainCon3 .careerDiv .leftD .tit:after {
		display: block
	}

	.mainCon3 .careerDiv .leftD .txt {
		font-size: 13px;
		line-height: 18px;
		margin: 20px 0 0 0;
		word-break: keep-all;
		width: 200px;
		height: 40px;
	}

	.mainCon3 .careerDiv .leftD .txt span {
		display: block
	}

	.mainCon3 .careerDiv .leftD .careerBt {
		font-size: 13px;
		display: block;
		width: 130px;
		height: 30px;
		border: 2px solid #fff;
		color: #fff;
		line-height: 1.4;
		padding: 5px 10px;
		position: relative;
		opacity: 1;
		margin-top: 20px;
	}

	.mainCon3 .careerDiv .leftD .careerBt span {
		background: url("/common/images/career_left_arrow.png") no-repeat right center;
		display: block;
	}

	.mainCon3 .careerDiv .rightD {
		background: #fff url("/common/images/career_bg2_m.jpg") no-repeat right center;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		box-sizing: border-box;
		top: 340px;
		height: auto;
		padding: 10px 20px;
		position: relative;
		background-size: contain;
	}

	.mainCon3 .careerDiv .rightD .list {
		width: 49%;
		height: 130px;
		box-sizing: border-box;
		padding: 20px;
		background-position: right 20px bottom 20px !important;
		background-size: 27px auto !important;
		box-shadow: none
	}

	.mainCon3 .careerDiv .rightD .list:nth-child(2n-1) {
		margin: 0 2% 10px 0
	}

	.mainCon3 .careerDiv .rightD .list:nth-child(2n) {
		margin: 0 0 10px 0
	}

	.mainCon3 .careerDiv .rightD .tit {
		font-size: 17px;
		line-height: 1
	}

	.mainCon3 .careerDiv .rightD .txt {
		font-size: 13px;
		line-height: 18px;
		margin: 20px 0 0 0;
		word-break: keep-all;
		width: 200px;
		height: 60px;
		display: block
	}

	.mainCon3 .careerDiv .rightD .txt span {
		display: block
	}

	.mainCon3 .careerDiv .rightD .careerBt {
		font-size: 13px;
		display: block;
		width: 100px;
		height: 18px;
		border: 2px solid #555;
		color: #555;
		line-height: 1.4;
		padding: 5px 10px;
		position: relative;
		opacity: 1;
		margin-top: 20px;
	}

	.mainCon3 .careerDiv .rightD .careerBt span {
		background: url("/common/images/career_left_arrow2.png") no-repeat right center;
		display: block;
	}

	.mainCon3 .careerDiv .rightD .goBt {
		left: 20px;
		bottom: 20px
	}


	.mainCon4 .swiper-container {
		opacity: 1;
		width: 100%;
		padding: 0 0 35px 0;
		box-sizing: border-box;
		top: 20%;
		height: auto
	}

	.mainCon4 .swiper-container .swiper-wrapper {
		height: auto;
		width: 100%
	}

	.mainCon4 .swiper-container .swiper-slide {
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		height: auto;
		width: 220px
	}

	.mainCon4 .swiper-container .swiper-slide .img {
		width: 100%
	}

	.mainCon4 .swiper-container .swiper-slide .img img {
		width: 100%
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox {
		padding: 20px;
		width: 280px;
		height: 110px
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .tit {
		font-size: 14px;
		line-height: 20px
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .txt {
		display: none
	}

	.mainCon4 .swiper-container .swiper-slide .txtBox .date {
		left: 20px;
		bottom: 20px;
		font-size: 13px
	}

	.mainCon4 .swiper-button-next,
	.mainCon4 .swiper-button-prev {
		display: none
	}

	.mainCon4 .swiper-scrollbar {
		display: none
	}

	.mainCon5 .careerDiv {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		opacity: 1;
		top: 210px;
		height: 440px
	}

	.mainCon5 .careerDiv .leftD {
		width: 100%;
		box-sizing: border-box;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 100px;
		padding: 20px;
		background: url('/common/images/icon/career_left_bg_m.jpg') no-repeat right bottom #837470;
		background-size: contain;
		position: relative
	}

	.mainCon5 .careerDiv .leftD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon5 .careerDiv .leftD .tit:after {
		display: none
	}

	.mainCon5 .careerDiv .leftD .txt {
		font-size: 13px;
		line-height: 18px;
		margin: 20px 0 0 0;
		word-break: keep-all;
		width: 170px
	}

	.mainCon5 .careerDiv .leftD .txt span {
		display: none
	}

	/*.mainCon5 .careerDiv .leftD .txt br{display:none}*/
	.mainCon5 .careerDiv .leftD .careerBt {
		display: block;
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box
	}

	.mainCon5 .careerDiv .rightD {
		right: 50%;
		transform: translateX(50%);
		width: 100%;
		box-sizing: border-box;
		top: 110px;
		height: auto;
		padding: 0 15px
	}

	.mainCon5 .careerDiv .rightD .list {
		width: 49%;
		height: 100px;
		box-sizing: border-box;
		padding: 20px;
		background-position: right 20px bottom 20px !important;
		background-size: 27px auto !important;
		box-shadow: none
	}

	.mainCon5 .careerDiv .rightD .list:nth-child(2n-1) {
		margin: 0 2% 10px 0
	}

	.mainCon5 .careerDiv .rightD .list:nth-child(2n) {
		margin: 0 0 10px 0
	}

	.mainCon5 .careerDiv .rightD .tit {
		font-size: 15px;
		line-height: 1
	}

	.mainCon5 .careerDiv .rightD .txt {
		display: none
	}

	.mainCon5 .careerDiv .rightD .goBt {
		left: 20px;
		bottom: 20px
	}

	#subBody {
		width: 100%;
		padding-bottom: 100px;
	}

	#subBody .subVisual {
		height: 250px
	}

	#subBody .subVisual .visualTxt {
		padding: 125px 3% 0;
		box-sizing: border-box
	}

	#subBody .subVisual.type7 .visualTxt {
		padding: 100px 3% 0
	}

	#subBody .subVisual .visualTxt p {
		font-size: 13px;
		line-height: 22px
	}

	#subBody .subVisual .visualTxt p.img {
		height: 27px;
		margin-bottom: 20px
	}

	#subBody .location {
		width: 100%;
		padding: 0;
		height: 40px;
		top: 100px;
		display: none
	}

	#subBody .location2 {
		width: 100%;
		padding: 0;
		height: 40px;
		top: 100px;
		display: none
	}

	#subBody .location:after {
		content: '';
		display: block;
		clear: both
	}

	#subBody .location .home {
		display: none
	}

	#subBody .location .one {
		display: block
	}

	#subBody .location .two {
		display: block;
		float: left;
		width: auto;
		height: 40px
	}

	#subBody .location .thr {
		display: block;
		float: left;
		width: auto;
		height: 40px
	}

	#subBody .location .oneD {
		box-sizing: border-box
	}

	#subBody .location .oneD>a {
		width: auto;
		height: 40px;
		padding: 13px 15px;
		font-size: 13px
	}

	#subBody .location .oneD>a span {
		background: url('/common/images/icon/location_arrow2.png') no-repeat right center;
		background-size: 7px 6px
	}

	#subBody .location .oneD .twoD {
		top: 41px;
		padding: 10px 0
	}

	#subBody .location .oneD .twoD a {
		font-size: 13px;
		line-height: 22px;
		padding-left: 15px
	}

	#subBody .location .oneD .twoD a.link {
		background: url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 50%
	}


	.subWrap {
		width: 100%;
		padding: 0 3% 80px;
		display: contents;
	}

	.content {
		margin: 35px 15px 0 15px
	}

	/* title,textType */
	h2 {
		font-family: 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 28px;
		color: #333;
		text-align: center;
		margin-top: 50px;
		padding: 50px 0;
		background: url("/common/images/h2_bg.png") no-repeat center center;
	}

	.subTit {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 21px;
		color: #777;
		text-align: center;
		width: 100%;
		margin: 80px auto 0;
		line-height: 1.4;
		word-break: break-all;
	}

	.subTit2 {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 15px;
		line-height: 1.4;
		color: #999;
		margin-bottom: 80px;
		text-align: center;
		word-break: keep-all;
		width: 96%;
		margin: 30px auto 0;
	}

	.subTxt {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 30px;
		color: #000;
		margin-top: 80px;
	}

	.subTxt2 {
		font-size: 16px;
		color: #555;
		line-height: 26px
	}

	.subTxt2.tp {
		margin-top: 25px
	}

	.subTxt2.bt {
		margin-bottom: 25px
	}

	.subTxt3 {
		font-size: 15px;
		line-height: 26px;
		color: #777;
		margin-top: 25px
	}

	.topTxt {
		text-align: center;
		word-break: keep-all
	}

	.topTxt .tit {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 30px;
		color: #000;
		line-height: 40px;
		margin-bottom: 20px
	}

	.topTxt .txt {
		font-size: 18px;
		color: #555;
		line-height: 28px
	}

	.introListDiv .Banner {
		height: 170px;
	}

	.promoteDiv {
		padding: 0;
		width: 100%;
	}

	.promoteDiv .img {
		margin-top: 40px
	}

	.promoteDiv .img img {
		width: 100%
	}

	.promoteDiv .infoD {
		padding: 17px 15px;
		font-size: 13px;
		line-height: 22px;
		margin-top: 25px
	}

	.promoteDiv .listDiv {}

	.promoteDiv .listDiv .list {
		padding: 20px 0
	}

	.promoteDiv .listDiv .list .icon {
		width: 120px;
		display: block;
		padding-right: 0;
		text-align: center
	}

	.promoteDiv .listDiv .list .icon img {
		width: 100%
	}

	.promoteDiv .listDiv .list .txtArea {
		display: block;
		margin-top: 20px
	}

	.promoteDiv .listDiv .list .textArea .tit {
		font-size: 17px
	}

	.promoteDiv .listDiv .list .textArea .txt {
		width: 100%;
		font-size: 13px;
		line-height: 22px;
		margin-top: 10px;
		display: block
	}

	.promoteDiv .listDiv .list .textArea .txt span {
		font-size: 15px;
		margin: 13px 0 8px
	}

	.ceoDiv {
		width: 100%;
		margin: 0 auto
	}

	.ceoDiv .ceoBanner {
		background: url('/common/images/ceo_banner_m.jpg') no-repeat center bottom;
		height: 280px;
		background-size: cover;
		padding: 35px 33px 0 25px;
		text-align: center
	}

	.ceoDiv .cfsiBanner {
		background: url('/common/images/cfsi_banner_m.jpg') no-repeat center bottom;
		height: 370px;
		background-size: cover;
		padding: 35px 33px 0 25px;
		text-align: center
	}

	.ceoDiv .cfsieBanner {
		background: url('/common/images/cfsi_ebanner_m.jpg') no-repeat center bottom;
		height: 370px;
		background-size: cover;
		padding: 35px 33px 0 25px;
		text-align: center
	}

	.ceoDiv .ceoBanner .txtArea {
		padding: 5px 15px 25px 0;
		margin-left: 0;
		width: auto
	}

	.ceoDiv .ceoBanner .tit {
		width: 250px
	}

	.ceoDiv .ceoBanner .tit img:first-child {
		display: none
	}

	.ceoDiv .ceoBanner .tit img:last-child {
		display: block
	}

	.ceoDiv .ceoBanner .txt span {
		display: block
	}

	.ceoDiv .ceoBanner .txt {
		font-size: 22px;
		line-height: 28px;
		color: #555555;
		margin-top: 15px;
		font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
		word-break: keep-all
	}

	.ceoDiv .ceoBanner .txtArea:before {
		content: '';
		display: block;
		position: absolute;
		width: 28px;
		height: 24px;
		background: url('/common/images/icon/ceo_tit_before.png') no-repeat center center;
		top: 0;
		left: 0
	}

	.ceoDiv .ceoBanner .txtArea:after {
		content: '';
		display: block;
		position: absolute;
		width: 28px;
		height: 24px;
		background: url('/common/images/icon/ceo_tit_after.png') no-repeat center center;
		bottom: 0;
		right: 0
	}

	.ceoDiv .ceoText {
		margin-top: 55px;
	}

	.ceoDiv .ceoText p {
		font-size: 13px;
		line-height: 1.5;
		color: #555;
		margin-top: 20px;
		word-break: keep-all
	}

	.ceoDiv .ceoText span {
		font-weight: bold;
		color: #202020;
		font-size: 17px;
		line-height: 1.4;
		color: #202020;
		word-break: keep-all
	}

	/* CI소개 */
	.ciDiv {
		width: 100%;
		margin: 0 auto
	}

	.ciDiv .ciBanner {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 220px;
		text-align: center;
		background: url('/common/images/ci_ex_m.jpg') no-repeat center center;
		background-size: cover
	}

	.ciDiv .txtArea {
		position: relative;
		display: block;
		text-align: center
	}

	.ciDiv .txtArea .tit {
		display: inline-block;
		position: relative;
		margin-top: 34px;
		text-align: center
	}

	.ciDiv .txtArea .tit img:first-child {
		margin-right: 25px;
	}

	.ciDiv .txtArea .tit img:last-child {}

	.ciDiv .ciText {
		width: 100%;
		margin-top: 90px;
		display: inline-block
	}

	.ciDiv .ciText .left {
		display: block;
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 50px
	}

	.ciDiv .ciText .left .title {
		font-size: 26px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 24px;
		position: absolute;
	}

	.ciDiv .ciText .left .title:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
		left: 0
	}

	.ciDiv .ciText .right {
		display: block;
		width: 100%;
		float: left;
	}

	.ciDiv .ciText .right .txtarea {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.ciDiv .ciText .right .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		;
		margin-bottom: 10px;
	}

	.ciDiv .ciText .right .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.ciDiv .ciText .right .txtarea2 {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: flex;
	}

	.ciDiv .ciText .right .txtarea2 .color {
		width: 200px;
		text-align: left;
		padding: 0px 20px 0px 0
	}

	.ciDiv .ciText .right .txtarea2 .color2 {
		float: right;
		text-align: left;
	}

	.ciDiv .ciText .right .txtarea2 .color2 .tit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 10px;
	}

	.ciDiv .ciText .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	/* PARTNER소개 */
	.paDiv {
		width: 100%;
		margin: 55px auto 0;
		border-top: 1px solid #d7d7d7;
		padding-top: 30px
	}

	/* .paDiv .ciBanner{display:block;position:relative;box-sizing:border-box; width:100%; height:220px; text-align:center;background:url('/common/images/ci_ex.jpg') no-repeat center center} */
	.paDiv .txtArea {
		position: relative;
		display: block;
		text-align: center
	}

	.paDiv .txtArea .tit {
		display: inline-block;
		position: relative;
		margin-top: 34px;
		text-align: center
	}

	.paDiv .txtArea .tit img:first-child {
		margin-right: 25px;
	}

	.paDiv .txtArea .tit img:last-child {}

	.paDiv .Text {
		width: 100%;
		display: inline-block;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ebebeb;
	}

	.paDiv .Text .left {
		display: block;
		width: 100%;
		float: left;
		margin-right: 0px;
	}

	.paDiv .Text .left .title {
		font-size: 26px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 1.4;
		position: relative;
		margin-bottom: 50px;
	}

	.paDiv .Text .left .title:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
		left: 0
	}

	.paDiv .Text .right {
		display: block;
		width: 100%;
		float: left;
	}

	.paDiv .Text .right .txtrea {
		display: block;
		float: left;
		margin-bottom: 30px;
	}

	.paDiv .Text .right .txtarea ul {
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
		display: block
	}

	.paDiv .Text .right .txtarea ul li {
		width: 100%;
		display: block;
		position: relative;
		margin-right: 0;
		font-size: 19px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 30px;
		height: auto;
	}

	.paDiv .Text .right .txtarea ul li img {
		width: 100%
	}

	.paDiv .Text .right .txtarea li:last-child {
		width: 100%;
	}

	.paDiv .Text .right .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.paDiv .Text .right .txtarea2 {
		text-align: left;
		padding-bottom: 30px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: block;
	}

	.paDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.paDiv .Text .right .txtarea2 .color2 {
		float: right;
		text-align: left;
	}

	.paDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 19px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 10px;
	}

	.paDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.visionDiv {
		min-height: 350px;
		padding: 0 0 20px;
		word-break: keep-all;
		background: url('/common/images/visionDiv_bg_m.png') no-repeat center center;
		background-size: contain
	}

	.visionDiv .goalDiv .listDiv .list {
		width: 48% !important;
		margin-left: 0
	}

	.visionDiv .goalDiv .listDiv .list:nth-child(2n) .box {
		margin-left: 4%
	}

	.visionDiv .goalDiv .listDiv .list:nth-child(3) {
		margin-top: 15px
	}

	.visionDiv .goalDiv .listDiv .list:nth-child(4) {
		margin-top: 15px
	}

	.visionDiv .goalDiv .listDiv .list .box {
		height: 100px
	}

	.visionDiv .goalDiv .listDiv .list .title {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		box-sizing: border-box;
		font-size: 15px;
		vertical-align: center;
		line-height: 1.4;
		color: #999;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		padding: 30px 0;
		border-radius: 100%;
		position: relative;
		background: #fff;
		border: 1px solid #d0d0d0
	}

	.visionDiv .goalDiv {
		margin: 50px auto 0;
		width: 100%;
		text-align: center
	}

	.visionDiv .goalDiv .tit {
		font-family: 'NotoSans-Bold';
		font-size: 27px;
		color: #000;
		position: relative;
		padding-top: 13px
	}

	.visionDiv .goalDiv .tit:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #555;
		width: 16px;
		height: 2px
	}

	.visionDiv .goalDiv .txt {
		font-size: 18px;
		line-height: 28px;
		color: #333;
		margin-top: 0px
	}

	.visionDiv .goalDiv .txt img {
		width: 200px
	}

	.visionDiv .titleDiv {
		width: 300px
	}

	.visionDiv .titleDiv .left {
		width: 100px;
		height: 100px;
		padding-top: 35px;
		background-size: 100%;
		font-size: 16px
	}

	.visionDiv .titleDiv .left .tit {
		padding-top: 10px
	}

	.visionDiv .titleDiv .left .tit:before {
		width: 10px;
		height: 1px
	}

	.visionDiv .titleDiv .right {
		width: 200px;
		height: 100px;
		font-size: 33px;
		line-height: 30px;
		padding: 33px 15px 23px 0
	}

	.visionDiv .midDiv {
		width: 100%;
		padding: 0px;
		border-radius: 40px
	}

	.visionDiv .midDiv .tit {
		font-size: 21px;
		padding-top: 7px
	}

	.visionDiv .midDiv .txt {
		width: 100%;
		display: block;
		position: relative
	}

	.visionDiv .midDiv .txt img {
		width: 100%;
		display: block
	}

	.visionDiv .midDiv .tit:before {
		width: 8px;
		height: 1px
	}

	.visionDiv .midDiv .title {
		width: 270px;
		margin: 10px auto 0
	}

	.visionDiv .midDiv .title img {
		width: 100%
	}

	.visionDiv .midDiv .txtArea {
		width: auto;
		padding: 0 25px;
		margin: 0
	}

	.visionDiv .midDiv .txtArea .left {
		float: left;
		font-size: 20px;
		color: #fff;
		background: url('/common/images/vision_midDiv_left.png') no-repeat center center;
		background-size: contain;
		width: 100px;
		height: 100px;
		font-size: 18px;
		line-height: 28px;
		font-family: 'NotoSans-Bold';
		/*width:100px;*/
		padding-right: 0px;
		padding-top: 50px;
	}

	.visionDiv .midDiv .txtArea .left .tit {
		position: relative;
		padding-top: 18px;
		text-align: center
	}

	.visionDiv .midDiv .txtArea .left .tit:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 16px;
		height: 2px;
		background: #fff
	}

	.visionDiv .midDiv .txtArea .right {
		float: right;
		font-size: 20px;
		color: #fff;
		background: url('/common/images/vision_midDiv_right.png') no-repeat center center;
		background-size: contain;
		width: 100px;
		height: 100px;
		line-height: 28px;
		font-family: 'NotoSans-Bold';
		/*width:100px;*/
		margin-left: 14px;
		padding-top: 50px;
	}

	.visionDiv .midDiv .txtArea .right .tit {
		position: relative;
		padding-top: 18px;
		text-align: center
	}

	.visionDiv .midDiv .txtArea .right .tit:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 16px;
		height: 2px;
		background: #fff
	}

	.visionDiv .midDiv .txtArea .line {
		margin-top: 20px
	}

	.visionDiv .midDiv .txtArea .line .left {
		font-size: 14px;
		line-height: 1.3;
		padding-right: 0
	}

	.visionDiv .midDiv .txtArea .line .right {
		padding-left: 0;
		font-size: 13px;
		line-height: 18px;
		margin-top: 10px;
		width: 100%
	}

	.historyDiv {
		background-position: 2px top;
		margin-left: 10px
	}

	.historyDiv:before,
	.historyDiv:after {
		left: 0;
		margin-left: 0
	}

	.historyDiv .line {
		padding: 35px 0
	}

	.historyDiv .line .img {
		float: none !important;
		width: 100%;
		!important;
		margin-bottom: 15px;
		padding-left: 10px;
		box-sizing: border-box
	}

	.historyDiv .line .txtArea {
		float: none !important;
		width: 100%;
		!important
	}

	.historyDiv .line .txtArea .info {
		left: auto !important;
		right: auto !important;
		top: auto !important;
		transform: translateY(0);
		position: relative
	}

	.historyDiv .line .txtArea .info .year {
		text-align: left !important
	}

	.historyDiv .line .txtArea {
		padding: 0 0 0 50px ! important
	}

	.historyDiv .line .txtArea .info .list>div .month {
		text-align: left !important;
		float: left !important
	}

	.historyDiv .line .txtArea .info .list>div .txt {
		text-align: left !important
	}

	.historyDiv .line .txtArea .info .year:before {
		left: -53px !important;
		right: auto !important
	}

	.historyDiv .line .txtArea .info .year:after {
		left: -42px !important;
		right: auto !important
	}

	/* location */
	.locaDiv {
		width: 100%;
		margin: 0 auto
	}

	.locaDiv .txtArea {
		position: relative;
		display: block;
		text-align: center
	}

	.locaDiv .txtArea .tit {
		display: inline-block;
		position: relative;
		margin-top: 34px;
	}

	.locaDiv .txtArea .tit img:first-child {
		margin-right: 15px;
	}

	.locaDiv .txtArea .tit img:last-child {
		margin: 0
	}

	.locaDiv .locaText {
		width: 100%;
		display: block
	}

	.locaDiv .locaText .left {
		display: block;
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 50px
	}

	.locaDiv .locaText .left .title {
		font-size: 26px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 24px;
		position: relative;
	}

	.locaDiv .locaText .left .title:after {
		content: '';
		display: block;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
		left: 0
	}

	.locaDiv .locaText .right {
		display: block;
		width: 100%;
		float: left;
	}

	.locaDiv .locaText .right .txtarea {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
	}

	.locaDiv .locaText .right .tit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		line-height: 22px;
		margin-right: 10px
	}

	.locaDiv .locaText .right .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.locaDiv .locaText .right .txtarea2 {
		float: left;
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 20px;
		display: block;
	}

	.locaDiv .locaText .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		display: block
	}

	.locaDiv .locaText .right .txtarea2 .color p {
		width: 100%;
		margin-bottom: 30px
	}

	.locaDiv .locaText .right .txtarea2 .color .tit {
		border: 1px solid #9e1c4e;
		padding: 5px 10px;
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #9e1c4e;
		margin-bottom: 10px;
	}

	.locaDiv .locaText .right .txtarea2 .color .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.locaDiv .locaText .right .txtarea2 .color2 {
		width: 100%;
		float: right;
		text-align: left;
	}

	.locaDiv .locaText .right .txtarea2 .color2 .tit {
		width: 70px;
		border: 1px solid #9e1c4e;
		padding: 5px 10px;
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #9e1c4e;
		margin-bottom: 10px;
	}

	.locaDiv .locaText .right .txtarea2 .color2 .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 22px;
	}

	.tabArea2 .tabBtn a br {
		display: block
	}

	.midCon .midBanner {
		padding: 6px 0 60px 0;
		word-break: keep-all
	}

	.midCon .midBanner.sus0 {
		background: url('/common/images/icon/mid_banner_bg0.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus1 {
		background: url('/common/images/icon/mid_banner_bg1.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus2 {
		background: url('/common/images/icon/mid_banner_bg2.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus3 {
		background: url('/common/images/icon/mid_banner_bg3.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus4 {
		background: url('/common/images/icon/mid_banner_bg4.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus5 {
		background: url('/common/images/icon/mid_banner_bg5.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner.sus6 {
		background: url('/common/images/icon/mid_banner_bg6.jpg') no-repeat center top;
		background-size: cover;
	}

	.midCon .midBanner .tit {
		color: #000
	}

	.midCon .midBanner .tit:after {
		background: #000
	}

	.midCon .midBanner .txt {
		color: #555;
	}

	.environDiv .txtArea .list .txt span {}

	.faqTabs a {
		width: 100%;
		margin: 2px 0
	}


	.businessDD {
		width: 100%;
		display: block;
		padding: 50px 0;
		background: url('/common/images/business02_bg_m.jpg') no-repeat center center;
		background-size: cover
	}

	.businessDD .Banner {
		width: 100%;
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}

	.businessDD .Banner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.businessDD1 {
		width: 100%;
		min-height: 250px;
		display: block;
		padding: 100px 0
	}

	.businessDD1 .businessDiv {
		width: 100%;
		margin: 0 auto;
	}

	.businessDD1 .businessDiv .tit {
		float: left;
		font-size: 21px;
		line-height: 1.4;
		margin-left: 0px;
		margin-top: 0px;
		color: #333;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		letter-spacing: -1px
	}

	.businessDD1 .businessDiv .imgBox .floatTxt .tit br {
		display: none
	}

	.businessDD1 .businessDiv .imgBox .floatTxt .tit span {
		color: #00448d
	}

	.businessDD1 .businessDiv .imgBox {
		width: 100%;
		position: relative;
	}

	.businessDD1 .businessDiv .imgBox img {
		width: 80%;
		float: right
	}

	.businessDD1 .businessDiv .imgBox .floatTxt {
		position: absolute;
		top: 100px;
		left: 0px;
		width: 90%;
		padding: 15px;
		background: #fff;
		box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
		word-break: keep-all
	}

	.businessDD1 .businessDiv .imgBox .floatTxt .txt {
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		letter-spacing: -0.7px;
	}

	.businessDD1 .businessDiv .imgBox .floatTxt .btn {
		font-size: 13px;
		line-height: 28px;
		color: #333;
		margin-top: 15px;
		letter-spacing: -0.7px;
		background: #ebebeb;
		padding: 4px 8px;
		cursor: pointer
	}

	.businessDD2 {
		width: 100%;
		margin: 40px 0;
		min-height: 250px;
		display: block;
		background: #f2f2f2;
		padding: 50px 0
	}

	.businessDD2 .businessDiv {
		width: 100%;
		margin: 0 auto;
	}

	.businessDD2 .businessDiv .tit {
		float: left;
		font-size: 21px;
		line-height: 1.4;
		margin-left: 0px;
		margin-top: 0px;
		color: #333;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
	}

	.businessDD2 .businessDiv .imgBox .floatTxt .tit br {
		display: none
	}

	.businessDD2 .businessDiv .imgBox .floatTxt .tit span {
		color: #00448d
	}

	.businessDD2 .businessDiv .imgBox {
		width: 100%;
		position: relative;
	}

	.businessDD2 .businessDiv .imgBox img {
		width: 80%;
		float: right
	}

	.businessDD2 .businessDiv .imgBox .floatTxt {
		position: absolute;
		top: 100px;
		left: 0px;
		width: 90%;
		padding: 15px;
		background: #fff;
		box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
		word-break: keep-all
	}

	.businessDD2 .businessDiv .imgBox .floatTxt .txt {
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		letter-spacing: -0.7px;
	}

	.businessDD2 .businessDiv .imgBox .floatTxt .btn {
		font-size: 13px;
		line-height: 28px;
		color: #333;
		margin-top: 15px;
		letter-spacing: -0.7px;
		background: #ebebeb;
		padding: 4px 8px;
		cursor: pointer
	}

	.businessDD3 {
		width: 100%;
		margin-bottom: 40px;
		display: block;
		padding: 50px 0
	}

	.businessDD3 .businessDiv {
		width: 100%;
		margin: 0 auto;
	}

	.businessDD3 .businessDiv .tit {
		float: left;
		font-size: 21px;
		line-height: 1.4;
		margin-left: 0px;
		margin-top: 0px;
		color: #333;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif
	}

	.businessDD3 .businessDiv .imgBox .floatTxt .tit br {
		display: none
	}

	.businessDD3 .businessDiv .imgBox .floatTxt .tit span {
		color: #00448d
	}

	.businessDD3 .businessDiv .imgBox {
		width: 100%;
		position: relative;
	}

	.businessDD3 .businessDiv .imgBox img {
		width: 80%;
		float: right
	}

	.businessDD3 .businessDiv .imgBox .floatTxt {
		position: absolute;
		top: 100px;
		left: 0px;
		width: 90%;
		padding: 15px;
		background: #fff;
		box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
		word-break: keep-all
	}

	.businessDD3 .businessDiv .imgBox .floatTxt .txt {
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		letter-spacing: -0.7px;
	}

	.businessDD3 .businessDiv .imgBox .floatTxt .btn {
		font-size: 13px;
		line-height: 28px;
		color: #333;
		margin-top: 15px;
		letter-spacing: -0.7px;
		background: #ebebeb;
		padding: 4px 8px;
		cursor: pointer
	}

	.businessDiv .busiAccorDiv .list {
		padding: 20px 10px 70px
	}

	.businessDiv .busiAccorDiv .list .img {
		width: 70px
	}

	.businessDiv .busiAccorDiv .list .btn {
		transform: translateX(50%) translateY(0);
		top: auto;
		bottom: 20px;
		right: 50%;
		width: 100px;
		height: 35px;
		line-height: 33px
	}

	.businessDiv .overViewDiv .semiconDiv .conD .listDiv .list {
		width: 200px;
		height: 200px;
		display: block;
		margin: 0 auto 10px;
		padding: 60px 5px
	}

	.businessDiv .overViewDiv .semiconDiv2 .img img:first-child {
		display: none
	}

	.businessDiv .overViewDiv .semiconDiv2 .img img:last-child {
		display: block
	}

	.businessDiv .overViewDiv {
		padding-bottom: 75px;
		border-bottom: 0px solid #d9d9d9
	}

	.businessDiv .overViewDiv:last-child {
		border-bottom: 0;
		padding-bottom: 0
	}

	.businessDiv .overViewDiv .overViewTxt {
		margin-top: 50px;
		text-align: center;
		word-break: keep-all
	}

	.businessDiv .overViewDiv .overViewTxt .tit {
		font-size: 26px;
		line-height: 46px;
		color: #000;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	}

	.businessDiv .overViewDiv .overViewTxt .tit span {
		color: #00448d
	}

	.businessDiv .overViewDiv .overViewTxt .txt {
		font-size: 18px;
		line-height: 30px;
		color: #555;
		margin-top: 25px
	}

	.businessDiv .overViewDiv .overViewTxt .txt span {
		color: #00448d
	}

	.businessDiv .overViewDiv .title {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 23px;
		line-height: 1.4;
		color: #333;
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 auto;
		letter-spacing: .08em;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
		padding: 0
	}
	.businessDiv .overViewDiv2 {
		display: block;
		width: 100%;
		margin: 70px auto 0;
		padding-top: 50px
	}
	
	.businessDiv .overViewDiv2 .tit2022 {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 28px;
		line-height: 34px;
		color: #333;
		text-align: center;
		letter-spacing: .08em;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
	}
	.businessDiv .overViewDiv .title span {
		text-align: center;
		letter-spacing: .08em;
		box-shadow: inset 0 -10px 0 0 #ff9e26;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
	}

	.businessDiv .overViewDiv .title2 {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		display: block;
		min-height: 720px;
	}

	.businessDiv .overViewDiv .title3 {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		display: block;
	}

	.businessDiv .overViewDiv .title2 .left {
		width: 100%;
		margin-right: 0;
	}

	.businessDiv .overViewDiv .title2 .left img {
		width: 100%;
	}

	.businessDiv .overViewDiv .title2 .right {
		margin-top: 30px;
		width: 100%;
		float: left;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		text-align: left;
	}

	.businessDiv .overViewDiv .title2 span {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #00448d
	}

	.businessDiv .overViewDiv .title3 {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		text-align: left;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		display: block;
	}

	.businessDiv .overViewDiv .title4 {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 13px;
		line-height: 1.4;
		color: #333;
		text-align: left;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 10px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		display: block;
	}

	.businessDiv .overViewDiv .appDiv {
		width: 100%;
		margin: 0px auto 0;
	}

	.businessDiv .overViewDiv .appDiv .appBanner {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		min-height: 774px;
		text-align: center;
		background: url('/common/images/v_business040401_pic_m.jpg') no-repeat center center;
		background-size: contain
	}

	.businessDiv .overViewDiv .appDiv .appText {
		margin-top: 30px;
		position: relative;
		display: inline-block;
	}

	.businessDiv .overViewDiv .appDiv .appText .appleft {
		display: block;
		width: 100%;
		float: left;
		margin-right: 0;
		margin-bottom: 50px;
	}

	.businessDiv .overViewDiv .appDiv .appText .appleft .apptitle {
		font-size: 26px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 1.4;
	}

	.businessDiv .overViewDiv .appDiv .appText .appleft .apptitle:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
		left: 0
	}

	.businessDiv .overViewDiv .appDiv .appText .appright {
		display: block;
		width: 100%;
		float: left;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea {
		text-align: left;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit {
		width: 100%;
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 10px;
		display: block;
		position: relative;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a:first-child img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxtArea .apptit a:last-child {
		margin: 0
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxt span {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #f89021;
	}

	.businessDiv .overViewDiv .appDiv .appText .appright .apptxt img {
		width: 100%
	}

	.businessDiv .overViewDiv .appDiv .appText .right .txtarea2 {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: block;
	}

	.businessDiv .overViewDiv22 {
		padding-bottom: 75px;
		border-bottom: 0px solid #d9d9d9
	}

	.businessDiv .overViewDiv22:last-child {
		border-bottom: 0;
		padding-bottom: 0
	}

	.businessDiv .overViewDiv22 .overViewTxt {
		margin-top: 50px;
		text-align: center;
		word-break: keep-all
	}

	.businessDiv .overViewDiv22 .overViewTxt .tit {
		font-size: 26px;
		line-height: 46px;
		color: #000;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	}

	.businessDiv .overViewDiv22 .overViewTxt .tit span {
		color: #00448d
	}

	.businessDiv .overViewDiv22 .overViewTxt .txt {
		font-size: 18px;
		line-height: 30px;
		color: #555;
		margin-top: 25px
	}

	.businessDiv .overViewDiv22 .overViewTxt .txt span {
		color: #00448d
	}

	.businessDiv .overViewDiv22 .title2 {
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 23px;
		line-height: 34px;
		color: #333;
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 auto;
		letter-spacing: .08em;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
	}

	.businessDiv .overViewDiv22 .title2 span {
		text-align: center;
		letter-spacing: .08em;
		box-shadow: inset 0 -10px 0 0 #ff9e26;
		line-height: 1;
		text-transform: none;
		vertical-align: top;
		animation: flipInY 1s both;
		letter-spacing: -.025em;
		line-height: .9;
	}

	/* design process */
	.dproDiv {
		margin-top: 55px
	}

	.dproDiv .Banner {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}

	.dproDiv .Banner img {
		width: 100%;
		box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
		border-radius: 20px;
	}

	.dproDiv .Text {
		margin-top: 50px;
	}

	.dproDiv .Text .right {
		width: 100%;
		display: block;
	}

	.dproDiv .Text .right .txtarea2 {
		display: block;
		text-align: left;
		padding-bottom: 30px;
		border-bottom: 0px solid #ebebeb;
		margin-bottom: 30px;
	}

	.dproDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
	}

	.dproDiv .Text .right .txtarea2 .color img {
		width: 100%;
		text-align: left;
	}

	.dproDiv .Text .right .txtarea2 .color2 {
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
		display: contents;
	}

	.dproDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-top: 20px;
	}

	.dproDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		padding-left: 0px;
		background: none
	}

	.dproDiv .Text .right .txtarea2 .color2 .txt span {
		font-size: 13px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
	}

	/* design style */
	.dsDiv {
		margin-top: 55px
	}

	.dsDiv .Text .left {
		display: block;
		width: 100%;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center;
		background-size: cover;
	}

	.dsDiv .Text .left .txtarea {
		width: 100%;
		margin: 0;
		text-align: left;
		display: block;
	}

	.dsDiv .Text .left .txtarea .color {
		width: 100%;
		padding-right: 0;
	}

	.dsDiv .Text .left .txtarea .con {
		width: 100%;
		text-align: left;
	}

	.dsDiv .Text .left .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
	}

	.dsDiv .Text .left .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	.dsDiv .Text .right {
		display: block;
		width: 100%;
		padding: 50px 0;
		margin-top: 0px;
	}

	.dsDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.dsDiv .Text .right .txtarea .color {
		width: 100%;
		text-align: left;
	}

	.dsDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
	}

	.dsDiv .Text .right .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
	}

	.dsDiv .Text .right .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 30px;
	}

	/* automotive */
	.autoDiv {
		margin: 55px auto 0;
	}

	.autoDiv .Banner {
		width: 90%;
		margin: 0 auto;
		display: block;
		position: relative;
		background: url('/common/images/business02020201_pic_m.jpg') no-repeat center center;
		background-size: contain;
		border-radius: 20px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
		padding: 30px 15px;
		min-height: 670px
	}

	.autoDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		display: block;
		position: relative;
		box-sizing: border-box;
	}
	.it3dDiv .Banner2 {
		width: 1140px;
		margin: 0 auto;
		display: block;
		position: relative;
		background: url('/common/images/3dbanner02_pic.png') no-repeat center center;
		padding: 30px 15px;
		min-height: 334px;
	}
	
	.it3dDiv .Banner2 img {
		width: 1140px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}
	.autoDiv .Text {
		margin-top: 50px;
		width: 100%;
	}

	.autoDiv .Text .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
	}

	.autoDiv .Text .con {
		display: block;
	}

	.autoDiv .Text .con .left {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.autoDiv .Text .con .left .txtarea {
		width: 100%;
		text-align: left;
	}

	.autoDiv .Text .con .left .txtarea .color {
		display: block;
		padding-right: 0px
	}

	.autoDiv .Text .con .left .txtarea .color .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
	}

	.autoDiv .Text .con .left .txtarea .color .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
	}

	.autoDiv .Text .con .left .txtarea .color .txt img {
		width: 100%;
		height: auto
	}

	.autoDiv .Text .con .right {
		width: 100%;
		margin-right: 0
	}

	.autoDiv .Text .con .right .txtarea2 .color2 {
		text-align: left;
	}

	.autoDiv .Text .con .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		;
		margin-bottom: 20px;
	}

	.autoDiv .Text .con .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		margin-bottom: 10px;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 {
		display: flex;
		margin-top: 30px;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2: {
		width: 45%;
		left: 0;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(1) {
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-right: 3%;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(1) span {
		margin-bottom: 10px;
		display: block
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(1) img {
		width: 100%
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(2) {
		width: 100%;
		text-align: center;
		margin-right: 3%;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(2) span {
		margin-bottom: 10px;
		display: block
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(2) img {
		width: 100%
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(3) {
		width: 100%;
		text-align: center;
		margin-right: 3%;
		margin-left: 0;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(3) span {
		margin-bottom: 10px;
		display: block
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(3) img {
		width: 100%
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(4) {
		width: 100%;
		text-align: center;
		margin-right: 0%;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(4) span {
		margin-bottom: 10px;
		display: block
	}

	.autoDiv .Text .con .right .txtarea2 .color3 .txt2:nth-child(4) img {
		width: 100%
	}

	.autoDiv .Text .con2 {
		display: block;
		width: 100%;
		margin: 50px auto 0;
	}

	.autoDiv .Text .con2 .mid {
		display: block;
		width: 100%;
		float: none
	}

	.autoDiv .Text .con2 .mid .txtarea {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: block;
	}

	.autoDiv .Text .con2 .mid .txtarea .color {
		width: 100%;
		text-align: left;
	}

	.autoDiv .Text .con2 .mid .txtarea .color .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		width: 100%;
		display: table;
	}

	.autoDiv .Text .con2 .mid .txtarea .color .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		margin-bottom: 10px;
		word-break: keep-all;
	}

	/* Aviation */
	.avDiv {
		margin-top: 55px;
	}

	.avDiv .Banner {
		width: 100%;
		margin: 0 auto;
		height: 608px;
		display: block;
		position: relative;
		box-sizing: border-box;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.avDiv .Text .left {
		display: block;
		width: 100%;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center;
		background-size: cover;
	}

	.avDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.avDiv .Text .left .txtarea .color {
		width: 100%;
		text-align: left;
		padding-right: 0
	}

	.avDiv .Text .left .txtarea .con {
		width: 100%;
	}

	.avDiv .Text .left .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 1.5;
	}

	.avDiv .Text .left .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.5;
	}

	.avDiv .Text .left .txtarea .con .stit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.avDiv .Text .left .txtarea .con .stxt img {
		width: 100%
	}

	.avDiv .Text .middle {
		display: block;
		width: 100%;
		padding: 50px 0;
	}

	.avDiv .Text .middle .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.avDiv .Text .middle .txtarea .con {
		width: 100%;
		text-align: left;
	}

	.avDiv .Text .middle .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.4;
	}

	.avDiv .Text .middle .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.5;
	}

	.avDiv .Text .middle .txtarea .con .stit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.avDiv .Text .middle .txtarea .con .stxt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.5;
	}

	.avDiv .Text .middle .txtarea .con .stxt img {
		width: 100%
	}


	.avDiv .Text .middle2 {
		display: block;
		width: 100%;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.avDiv .Text .middle2 .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.avDiv .Text .middle2 .txtarea .con {
		width: 100%;
		text-align: left;
		padding: 50px 0;
	}

	.avDiv .Text .middle2 .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.4;
	}

	.avDiv .Text .middle2 .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	.avDiv .Text .middle2 .txtarea .con .stit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		margin-top: 30px;
		margin-bottom: 10px;
		line-height: 1.4;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt3 {
		display: block;
		float: left;
		margin-top: 30px;
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt3 img {
		display: block;
		width: 100%;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt3 span {
		margin-bottom: 10px;
		display: block;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
		padding: 10px 0
	}

	.avDiv .Text .middle2 .txtarea .con .stxt4 {
		display: block;
		float: left;
		margin-top: 30px;
		width: 100%;
		text-align: center;
		margin-right: 0;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt4 img {
		display: block;
		width: 100%;
	}

	.avDiv .Text .middle2 .txtarea .con .stxt4 span {
		margin-bottom: 10px;
		display: block;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
		word-break: keep-all;
		padding: 10px 0
	}

	.avDiv .Text .right {
		display: block;
		width: 100%;
		margin-top: 0px;
		padding: 50px 0;
	}

	.avDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.avDiv .Text .right .txtarea .color {
		width: 100%;
	}

	.avDiv .Text .right .txtarea .color {
		float: right;
		text-align: left;
	}

	.avDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		padding-right: 0px
	}

	.avDiv .Text .right .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
	}

	.avDiv .Text .right .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
	}

	.avDiv .Text .right .txtarea .con .stit {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		margin-bottom: 10px;
		line-height: 1.6;
	}

	.avDiv .Text .right .txtarea .con .stxt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.6;
	}

	/* Plant */
	.plDiv {
		margin-top: 55px
	}

	.plDiv .Banner {
		display: block;
		position: relative;
		margin-bottom: 0px;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		background: none;
		height: auto
	}

	.plDiv .Banner img {
		width: 100%;
	}

	.plDiv .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.plDiv .Text .right .txtarea2 {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: flex;
	}

	.plDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.plDiv .Text .right .txtarea2 .color2 {
		float: right;
		text-align: left;
	}

	.plDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 23px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 20px;
	}

	.plDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 30px;
	}

	/* Military */
	.miDiv {
		margin-top: 55px
	}

	.miDiv .Banner {
		width: 90%;
		display: block;
		position: relative;
		background: url('/common/images/e_business02020501_pic_m.jpg') no-repeat center center;
		background-size: contain;
		border-radius: 20px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
		padding: 10px;
		min-height: 900px
	}

	.miDiv .Banner img {
		width: 100%;
	}

	.miDiv .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.miDiv .Text .right .txtarea2 {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: flex;
	}

	.miDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.miDiv .Text .right .txtarea2 .color2 {
		float: right;
		text-align: left;
	}

	.miDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 23px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 20px;
	}

	.miDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 30px;
	}

	/* ccar */
	.ccarDiv {
		margin-top: 55px;
	}

	.ccarDiv .Banner {
		width: 100%;
		display: block;
		position: relative;
		background: url('/common/images/business020501_bg.jpg') no-repeat center center
	}

	.ccarDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		height: 546px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.ccarDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 50px;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.ccarDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.ccarDiv .Text .left .txtarea .color {
		width: 100%;
		min-height: 500px;
		background: url('/common/images/business02030100_pic_m.jpg') no-repeat center center;
		background-size: contain;
		text-align: left;
		margin-top: 30px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	}

	.ccarDiv .Text .left .txtarea .con {
		width: 100%
	}

	.ccarDiv .Text .left .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.4;
		vertical-align: middle
	}

	.ccarDiv .Text .left .txtarea .con .tit span {
		line-height: 1.4;
		margin-right: 20px;
	}

	.ccarDiv .Text .left .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.ccarDiv .Text .right {
		display: block;
		width: 100%;
		padding: 50px 0;
	}

	.ccarDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.ccarDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}

	.ccarDiv .Text .right .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.5;
		vertical-align: middle
	}

	.ccarDiv .Text .right .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.ccarDiv .Text .right .txtarea .con .txt span {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		line-height: 1.4;
	}

	.ccarDiv .Text .right .txtarea .color {
		margin-top: 10px;
		display: flex
	}

	.ccarDiv .Text .right .txtarea .color .cleft {
		width: 100%;
		margin-right: 10px;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.ccarDiv .Text .right .txtarea .color .cleft .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.ccarDiv .Text .right .txtarea .color .cleft img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.ccarDiv .Text .right .txtarea .color .cright {
		float: right;
		width: 100%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.ccarDiv .Text .right .txtarea .color .cright .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.ccarDiv .Text .right .txtarea .color .cright img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	/* csystem */
	.csysDiv {
		margin-top: 55px;
	}

	.csysDiv .Banner {
		width: 100%;
		display: block;
		position: relative;
		background: url('/common/images/business020501_bg.jpg') no-repeat center center
	}

	.csysDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		height: 546px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.csysDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 50px;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.csysDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.csysDiv .Text .left .txtarea .color {
		width: 100%;
		min-height: 500px;
		background: url('/common/images/business02030200_pic_m.jpg') no-repeat center center;
		background-size: contain;
		text-align: left;
		margin-top: 30px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	}

	.csysDiv .Text .left .txtarea .con {
		width: 100%
	}

	.csysDiv .Text .left .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.4;
		vertical-align: middle
	}

	.csysDiv .Text .left .txtarea .con .tit span {
		line-height: 1.4;
		margin-right: 20px;
	}

	.csysDiv .Text .left .txtarea .con .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.csysDiv .Text .right {
		display: block;
		width: 100%;
		padding: 50px 0;
	}

	.csysDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.csysDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}

	.csysDiv .Text .right .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.5;
		vertical-align: middle
	}

	.csysDiv .Text .right .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.csysDiv .Text .right .txtarea .con .txt span {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		line-height: 1.4;
	}

	.csysDiv .Text .right .txtarea .color {
		margin-top: 10px;
		display: flex
	}

	.csysDiv .Text .right .txtarea .color .cleft {
		width: 100%;
		margin-right: 10px;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cleft .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.csysDiv .Text .right .txtarea .color .cleft img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.csysDiv .Text .right .txtarea .color .cright {
		float: right;
		width: 100%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cright .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.csysDiv .Text .right .txtarea .color .cright img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.csysDiv .Text .right .txtarea .color .cleft2 {
		width: 35%;
		margin-right: 3%;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cleft2 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.csysDiv .Text .right .txtarea .color .cleft2 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.csysDiv .Text .right .txtarea .color .cleft3 {
		width: 100%;
		border: 2px solid #ebebeb;
		padding: 10px 20px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cleft3 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.csysDiv .Text .right .txtarea .color .cleft3 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.csysDiv .Text .right .txtarea .color .cleft4 {
		width: 32%;
		border: 2px solid #ebebeb;
		padding: 10px;
		margin-right: 30px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cleft4 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.csysDiv .Text .right .txtarea .color .cleft4 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.csysDiv .Text .right .txtarea .color .ccenter4 {
		width: 32%;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .ccenter4 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.csysDiv .Text .right .txtarea .color .cright2 {
		float: right;
		width: 62%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.csysDiv .Text .right .txtarea .color .cright2 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.csysDiv .Text .right .txtarea .color .cright2 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	/* cin */
	.cinDiv {
		margin-top: 55px;
	}

	.cinDiv .Banner {
		width: 100%;
		display: block;
		position: relative;
		background: url('/common/images/business020501_bg.jpg') no-repeat center center
	}

	.cinDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		height: 546px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.cinDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 50px;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.cinDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.cinDiv .Text .left .txtarea .color {
		width: 100%;
		min-height: 500px;
		background: url('/common/images/business02030300_pic_m.jpg') no-repeat center center;
		background-size: contain;
		text-align: left;
		margin-top: 30px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	}

	.cinDiv .Text .left .txtarea .color2 {
		width: 100%;
		min-height: 500px;
		background: url('/common/images/business02030400_pic_m.jpg') no-repeat center center;
		background-size: contain;
		text-align: left;
		margin-top: 30px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	}

	.cinDiv .Text .left .txtarea .color3 {
		width: 100%;
		min-height: 500px;
		background: url('/common/images/business02030500_pic_m.jpg') no-repeat center center;
		background-size: contain;
		text-align: left;
		margin-top: 30px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
	}

	.cinDiv .Text .left .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.5;
		vertical-align: middle
	}

	.cinDiv .Text .left .txtarea .con .tit span {
		line-height: 1.4;
		margin-right: 0px;
	}

	.cinDiv .Text .left .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.cinDiv .Text .right {
		display: block;
		width: 100%;
		padding: 50px 0;
	}

	.cinDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.cinDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		margin-top: 30px;
		margin-bottom: 30px
	}

	.cinDiv .Text .right .txtarea .con .tit {
		font-size: 21px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.5;
		vertical-align: middle
	}

	.cinDiv .Text .right .txtarea .con .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.cinDiv .Text .right .txtarea .con .txt span {
		font-size: 15px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	}

	.cinDiv .Text .right .txtarea .mtit {
		font-size: 13px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		margin: 0 auto;
		text-align: center;
		display: block;
		padding: 10px 0;
		width: 300px;
		border: 1px solid #ee9b54
	}

	.cinDiv .Text .right .txtarea .color {
		margin-top: 10px;
		margin-bottom: 30px;
		display: flex
	}

	.cinDiv .Text .right .txtarea .color .cmid {
		float: left;
		width: 100%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px
	}

	.cinDiv .Text .right .txtarea .color .cleft {
		width: 100%;
		margin-right: 10px;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cleft .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cleft img {
		width: 100%;
		text-align: center;
		padding: 10px 0;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cleft2 {
		width: 100%;
		margin-right: 10px;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cleft2 .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cleft2 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.cinDiv .Text .right .txtarea .color .cleft3 {
		width: 100%;
		border: 2px solid #ebebeb;
		padding: 10px 20px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cleft3 .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cleft3 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.cinDiv .Text .right .txtarea .color .cleft4 {
		width: 100%;
		border: 2px solid #ebebeb;
		padding: 10px;
		margin-right: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cleft4 .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cleft4 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.cinDiv .Text .right .txtarea .color .ccenter4 {
		width: 100%;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .ccenter4 .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .ccenter4 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.cinDiv .Text .right .txtarea .color .cright4 {
		width: 100%;
		border: 2px solid #ebebeb;
		padding: 10px;
		margin-left: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cright4 .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cright4 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	.cinDiv .Text .right .txtarea .color .cright {
		float: right;
		width: 100%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 15px;
	}

	.cinDiv .Text .right .txtarea .color .cright .title {
		font-size: 13px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px 0;
		border-radius: 15px;
		display: block;
	}

	.cinDiv .Text .right .txtarea .color .cright img {
		width: 100%;
		text-align: center;
		padding: 10px 0;
		border-radius: 15px;
	}

	.cinDiv .Text .right .txtarea .color .cright2 {
		float: right;
		width: 100%;
		text-align: left;
		border: 2px solid #ebebeb;
		padding: 10px;
		border-radius: 20px;
	}

	.cinDiv .Text .right .txtarea .color .cright2 .title {
		font-size: 12px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.2;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.cinDiv .Text .right .txtarea .color .cright2 img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	/* mprocess */
	.proDiv {
		margin-top: 55px;
		width: 100%
	}

	.proDiv .Banner {
		display: block;
		position: relative;
		text-align: center;
		box-sizing: border-box;
		width: 90%;
		min-height: auto;
		text-align: center;
		background: url('/common/images/business040201_pic_m.jpg') no-repeat center center;
		border-radius: 10px;
		box-shadow: 2px 2px 22px -2px rgba(51, 51, 51, 0.17);
		background-size: contain;
		margin: 0 auto;
	}

	.proDiv .Banner img {
		text-align: center;
		box-sizing: border-box;
		width: 100%;
	}

	.proDiv .Text .right {
		display: block;
		width: 90%;
		margin: 90px auto 0;
	}

	.proDiv .Text .right img {
		display: block;
		width: 100%;
	}

	.proDiv .Text .right .txtarea2 {
		text-align: left;
		padding-bottom: 30px;
		border-bottom: 0px solid #ebebeb;
		margin-bottom: 160px;
		display: block;
	}

	.proDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
	}

	.proDiv .Text .right .txtarea2 .color2 {
		width: 100%;
		text-align: left;
	}

	.proDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.proDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

		/* 230101 모바일 */
	/* solutions */
	.itsolDiv {
		margin-top: 55px;
	}

	.itsolDiv .Text .con {
		display: block;
		width: 100%;
		margin-top: 50px;
	}

	.itsolDiv .Text .con .title {
		width: 1140px;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 15px;
		line-height: 25px;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 30px 15px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		word-break: keep-all;
	}

	.itsolDiv .Text .con .title .img {
		display: block;
		width: 100%;
		min-height: 360px;
		background: url('/common/images/business02050401_pic.png') no-repeat center center;
		background-size: contain;
		box-shadow: none;
	}

	.itsolDiv .Text .con .miniTab {
		width: 100%;
		margin: 50px auto 0;
		text-align: center
	}

	.itsolDiv .Text .con .miniTab a {
		width: 210px;
		height: 70px;
		line-height: 30px;
		box-sizing: border-box;
		display: inline-block;
		margin: 0 5px;
		font-size: 16px;
		color: #797878;
		border: 1px solid #d9d9d9
	}

	.itsolDiv .Text .con .miniTab a span {
		text-align: center;
		font-size: 13px;
		color: #797878;
	}

	.itsolDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00
	}

	.itsolDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 40px auto 0;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea {
		background: #fff;
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
		padding: 60px 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .textareacon {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
		position: relative;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 35px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 40px;
		text-align: center;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .stit {
		font-size: 16px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 19px;
		margin-top: 10px;
		padding: 10px 0;
		text-align: center;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color {
		margin-top: 10px;
		display: block
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft {
		float: left;
		width: 100%;
		margin-right: 0px;
		padding: 0px
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit {
		font-size: 14px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 21px;
		padding: 10px 0;
		display: block;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit p {
		color: #555;
		line-height: 19px;
		padding: 10px 0;
		display: block;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 19px;
		padding: 10px 0;
		display: block;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt .btn {
		WIDTH: 200PX;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #FFF;
		line-height: 19px;
		padding: 10px;
		display: block;
		background: #333;
		border-radius: 15px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p {
		font-size: 15px;
		color: #555;
		line-height: 19px;
		display: block;
		margin: 10px 0;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p span {
		text-indent: 10px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright {
		float: left;
		width: 100%;
		text-align: left;
		border: 0px solid #ebebeb;
		padding: 0px;
		border-radius: 0px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright .title {
		font-size: 17px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	/* 20221201추가 */
	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist {
		overflow: hidden;
		width: 100%;
		margin: 40px auto 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist p img{
		width: 100%;
		margin-top: 40px;
        display:block
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list {
		float: left;
		width: 100%;
		margin-right: 45px;
		text-align: center
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list:last-child {
		width: 100%;
		margin-right: 0;
		margin-top: 30px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .img img {
		width: 100%;
		margin-right: 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea {
		padding: 20px 5px 0 5px;
		word-break: keep-all
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 21px;
		text-align: center;
	}

	.blue {
		color: #102181 !important
	}

	.red {
		color: #e67500 !important
	}

	.yellow {
		color: #d0b906 !important
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .txt {
		font-size: 15px;
		line-height: 21px;
		color: #555;
		margin-top: 15px;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .img2 {
		display: block;
		text-align: center;
		margin-top: 15px;
	}

	/* 3d */
	.it3dDiv {
		margin-top: 55px;
	}

	.it3dDiv .Banner {
		display: block;
		position: relative;
		min-height: 480px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/v_business020501_pic_m.png') no-repeat center center;
		box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
		border-radius: 20px;
		background-size: contain
	}

	.it3dDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		min-height: 546px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.it3dDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 0px;
		padding: 50px 0;
	}

	.it3dDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.it3dDiv .Text .left .txtarea .color {
		width: 100%;
		text-align: left;
		padding-right: 0px;
		height: 170px;
		margin-bottom: 30px;
		float: right
	}

	.it3dDiv .Text .left .txtarea .color .img img{
		width: 100%;
	}

	.it3dDiv .Text .left .txtarea .con {
		width: 100%;
		margin-top: 50px;
	}

	.it3dDiv .Text .left .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 30px;
		vertical-align: middle;
	}

	.it3dDiv .Text .left .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		margin-right: 0px;
	}

	.it3dDiv .Text .left .txtarea .con .txt {
		margin-left: 20px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.it3dDiv .Text .right {
		display: block;
		width: 100%;
		margin-top: 0px;
		padding: 50px 0;
		background: #ebebeb
	}

	.it3dDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.it3dDiv .Text .right .txtarea .color {
		text-align: left;
		width: 100%;
		height: 170px;
	}

	.it3dDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		padding-right: 0px;
	}

	.it3dDiv .Text .right .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 30px;
		vertical-align: middle;
	}

	.it3dDiv .Text .right .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.it3dDiv .Text .right .txtarea .con .txt {
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	/* solutions */
.itsolDiv {
	margin-top: 55px;
}

.itsolDiv .Text .con {
	display: block;
	width: 100%;
	margin-top: 50px;
}

.itsolDiv .Text .con .title {
	width: 1140px;
	margin: 55px auto 0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	text-align: center;
	background: #fbf9f6;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 15px;
	box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
	word-break: keep-all;
}

.itsolDiv .Text .con .title .img {
	display: block;
	width: 100%;
	min-height: 360px;
	background: url('/common/images/business02050401_pic.png') no-repeat center center;
	background-size: contain;
	box-shadow: none;
}

.itsolDiv .Text .con .miniTab {
	width: 1140px;
	margin: 50px auto 0;
	text-align: center
}

.itsolDiv .Text .con .miniTab a {
	width: 210px;
	height: 70px;
	line-height: 18px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 5px;
	font-size: 16px;
	color: #797878;
	border: 1px solid #d9d9d9
}

.itsolDiv .Text .con .miniTab a span {
	text-align: center;
	font-size: 13px;
	color: #797878;
}

.itsolDiv .Text .con .miniTab a.on {
	font-family: 'NotoSans-Medium';
	color: #ff8d00;
	border: 1px solid #ff8d00
}

.itsolDiv .Text .con .miniTabCon {
	width: 100%;
	margin: 40px auto 0;
}

.itsolDiv .Text .con .miniTabCon .txtarea {
	background: #ebebeb;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	display: block;
	padding: 60px 0
}

.itsolDiv .Text .con .miniTabCon .txtarea .textareacon {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	display: block;
	position: relative;
}

.itsolDiv .Text .con .miniTabCon .txtarea .tit {
	font-size: 35px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 40px;
	text-align: center;
}

.itsolDiv .Text .con .miniTabCon .txtarea .stit {
	font-size: 19px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 23px;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color {
	margin-top: 10px;
	display: flex
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft {
	float: left;
	width: 520px;
	margin-right: 40px;
	padding: 15px
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit {
	font-size: 17px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 21px;
	padding: 10px 0;
	display: block;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit p {
	color: #555;
	line-height: 19px;
	padding: 10px 0;
	display: block;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt {
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 21px;
	padding: 10px 0;
	display: block;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt .btn {
	WIDTH: 200PX;
	font-size: 15px;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #FFF;
	line-height: 21px;
	padding: 10px;
	display: block;
	background: #333;
	border-radius: 15px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p {
	font-size: 15px;
	color: #555;
	line-height: 19px;
	display: block;
	margin: 10px 0;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p span {
	text-indent: 10px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright {
	float: right;
	width: 520px;
	text-align: left;
	border: 2px solid #ebebeb;
	padding: 10px;
	border-radius: 20px;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright .title {
	font-size: 17px;
	background: #fdf6f0;
	font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #555;
	line-height: 30px;
	border: 1px solid #e5e4e0;
	padding: 10px;
	border-radius: 15px;
	display: table-cell;
}

.itsolDiv .Text .con .miniTabCon .txtarea .color .cright img {
	width: 100%;
	text-align: center;
	padding: 10px 0
}

/* 20221201추가 */
.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist {
	overflow: hidden;
	width: 1140px;
	margin: 40px auto 0
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list {
	float: left;
	width: 350px;
	margin-right: 45px;
	text-align: center
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list:last-child {
	width: 350px;
	margin-right: 0
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea {
	padding: 20px 5px 0 5px;
	word-break: keep-all
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .tit {
	font-size: 17px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	line-height: 21px;
	text-align: center;
}

.blue {
	color: #102181 !important
}

.red {
	color: #e67500 !important
}

.yellow {
	color: #d0b906 !important
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .txt {
	font-size: 15px;
	line-height: 21px;
	color: #555;
	margin-top: 15px;
	text-align: left;
}

.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .img2 {
	display: block;
	text-align: center;
	margin-top: 15px;
}
	/* aps */
	.itapsDiv {
		margin-top: 55px;
	}

	.itapsDiv .Banner {
		width: 100%;
		min-height: 210px;
		display: block;
		position: relative;
		background: url('/common/images/v_business020502_pic_m.png') no-repeat center center;
		background-size: contain;
		padding: 0
	}

	.itapsDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 90px;
	}

	.itapsDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itapsDiv .Text .left .txtarea .color {
		text-align: left;
		width: 100%;
		height: 270px;
		padding-right: 0;
		margin-bottom: 0px
	}

	.itapsDiv .Text .left .txtarea .color img {
		text-align: left;
		width: 100%;
	}

	.itapsDiv .Text .left .txtarea .con {
		width: 100%;
		margin-top: 0px;
	}

	.itapsDiv .Text .left .txtarea .con .tit {
		margin-left: 0px;
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 0px;
		line-height: 1.6;
		vertical-align: middle;
	}

	.itapsDiv .Text .left .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.itapsDiv .Text .left .txtarea .con .txt {
		margin-left: 0px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
	}

	.itapsDiv .Text .right {
		display: block;
		width: 100%;
		margin-top: 50px;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.itapsDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itapsDiv .Text .right .txtarea .color {
		text-align: left;
		width: 100%;
		height: 170px;
	}

	.itapsDiv .Text .right .txtarea .color img {
		width: 100%;
	}

	.itapsDiv .Text .right .txtarea .con {
		width: 100%;
		width: 100%;
	}

	.itapsDiv .Text .right .txtarea .con .tit {
		margin-left: 20px;
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.6;
		vertical-align: middle
	}

	.itapsDiv .Text .right .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.itapsDiv .Text .right .txtarea .con .txt {
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
	}

	/* cloud */
	.itcloudDiv {
		width: 100%;
		margin: 55px auto 0;
	}

	.itcloudDiv .Text .con {
		display: block;
		width: 100%;
	}

	.itcloudDiv .Text .con .miniTab {
		text-align: center
	}

	.itcloudDiv .Text .con .miniTab a {
		width: 90%;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
		display: inline-block;
		margin: 0 3px;
		font-size: 13px;
		color: #797878;
		border: 1px solid #d9d9d9;
		margin: 5px 0
	}

	.itcloudDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00
	}

	.itcloudDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 50px auto 0
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea {
		text-align: left;
		display: block;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea img {
		width: 100%;
		;
		display: block;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #333;
		line-height: 24px;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .tit:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
	}

	/* .itcloudDiv .Text .con .miniTabCon .txtarea img{margin-top: 30px;} */
	.itcloudDiv .Text .con .miniTabCon .txtarea .img {
		margin-top: 30px;
		width: 100%;
		min-height: 430px;
		display: block;
		position: relative;
		background: url('/common/images/v_business02050301_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .img2 {
		margin-top: 30px;
		width: 100%;
		min-height: 320px;
		display: block;
		position: relative;
		background: url('/common/images/v_business02050302_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .img3 {
		margin-top: 30px;
		width: 100%;
		min-height: 340px;
		display: block;
		position: relative;
		background: url('/common/images/v_business02050303_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	/* infra */
	.itinfraDiv {
		margin-top: 55px;
	}

	.itinfraDiv .Text .con {
		display: block;
		width: 100%;
		margin-top: 50px;
	}

	.itinfraDiv .Text .con .title {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 15px;
		line-height: 25px;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 30px 15px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		word-break: keep-all;
	}

	.itinfraDiv .Text .con .title .img {
		display: block;
		width: 100%;
		min-height: 360px;
		background: url('/common/images/business02050401_pic_m.png') no-repeat center center;
		background-size: contain;
		box-shadow: none;
	}

	.itinfraDiv .Text .con .miniTab {
		width: 100%;
		margin: 50px auto 0;
		text-align: center
	}

	.itinfraDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00;
		margin: 5px 0;
	}

	.itinfraDiv .Text .con .miniTab a {
		font-family: 'NotoSans-Medium';
		color: #797878;
		border: 1px solid #d9d9d9;
		margin: 5px 0;
	}

	.itinfraDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 80px auto 0
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 24px;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .tit:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
	}


	.itinfraDiv .Text .con .miniTabCon .txtarea .img2 {
		margin-top: 30px;
		width: 100%;
		min-height: 545px;
		display: block;
		position: relative;
		background: url('/common/images/business02050403_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .img3 {
		margin-top: 30px;
		width: 100%;
		min-height: 850px;
		display: block;
		position: relative;
		background: url('/common/images/v_business02050404_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

		/* 230101 모바일 */
	/* solutions */
	.itsolDiv {
		margin-top: 55px;
	}

	.itsolDiv .Text .con {
		display: block;
		width: 100%;
		margin-top: 50px;
	}

	.itsolDiv .Text .con .title {
		width: 1140px;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 15px;
		line-height: 25px;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 30px 15px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		word-break: keep-all;
	}

	.itsolDiv .Text .con .title .img {
		display: block;
		width: 100%;
		min-height: 360px;
		background: url('/common/images/business02050401_pic.png') no-repeat center center;
		background-size: contain;
		box-shadow: none;
	}

	.itsolDiv .Text .con .miniTab {
		width: 100%;
		margin: 50px auto 0;
		text-align: center
	}

	.itsolDiv .Text .con .miniTab a {
		width: 210px;
		height: 70px;
		line-height: 19px;
		box-sizing: border-box;
		display: inline-block;
		margin: 0 5px;
		font-size: 16px;
		color: #797878;
		border: 1px solid #d9d9d9
	}

	.itsolDiv .Text .con .miniTab a span {
		text-align: center;
		font-size: 13px;
		color: #797878;
	}

	.itsolDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00
	}

	.itsolDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 40px auto 0;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea {
		background: #fff;
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
		padding: 60px 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .textareacon {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
		position: relative;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 35px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 40px;
		text-align: center;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .stit {
		font-size: 16px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 19px;
		margin-top: 10px;
		padding: 10px 0;
		text-align: center;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color {
		margin-top: 10px;
		display: block
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft {
		float: left;
		width: 100%;
		margin-right: 0px;
		padding: 0px
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit {
		font-size: 14px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 21px;
		padding: 10px 0;
		display: block;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .tit p {
		color: #555;
		line-height: 25px;
		padding: 10px 0;
		display: block;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt {
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 21px;
		padding: 10px 0;
		display: block;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt .btn {
		WIDTH: 200PX;
		font-size: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #FFF;
		line-height: 21px;
		padding: 10px;
		display: block;
		background: #333;
		border-radius: 15px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p {
		font-size: 15px;
		color: #555;
		line-height: 19px;
		display: block;
		margin: 10px 0;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cleft .txt p span {
		text-indent: 10px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright {
		float: left;
		width: 100%;
		text-align: left;
		border: 0px solid #ebebeb;
		padding: 0px;
		border-radius: 0px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright .title {
		font-size: 17px;
		background: #fdf6f0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
		border: 1px solid #e5e4e0;
		padding: 10px;
		border-radius: 15px;
		display: table-cell;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea .color .cright img {
		width: 100%;
		text-align: center;
		padding: 10px 0
	}

	/* 20221201추가 */
	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist {
		overflow: hidden;
		width: 100%;
		margin: 40px auto 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist p img{
		width: 100%;
		margin-top: 20px;
        display:block
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list {
		float: left;
		width: 100%;
		margin-right: 45px;
		text-align: center
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list:last-child {
		width: 100%;
		margin-right: 0;
		margin-top: 30px;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .img img {
		width: 100%;
		margin-right: 0
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea {
		padding: 20px 5px 0 5px;
		word-break: keep-all
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 21px;
		text-align: center;
	}

	.blue {
		color: #102181 !important
	}

	.red {
		color: #e67500 !important
	}

	.yellow {
		color: #d0b906 !important
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .txt {
		font-size: 15px;
		line-height: 21px;
		color: #555;
		margin-top: 15px;
		text-align: left;
	}

	.itsolDiv .Text .con .miniTabCon .txtarea2 .imglist .list .txtArea .img2 {
		display: block;
		text-align: center;
		margin-top: 15px;
	}

	/* 3d */
	.it3dDiv {
		margin-top: 15px;
	}

	.it3dDiv .Banner {
		display: block;
		position: relative;
		min-height: 220px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/business020501_pic_m.png') no-repeat center center;
		box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
		border-radius: 20px;
		background-size: contain
	}

	.it3dDiv .Banner img {
		width: 100%;
		margin: 0 auto;
		min-height: 546px;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.it3dDiv .Banner2 {
		width: 100%;
		margin: 0 auto;
		display: block;
		position: relative;
		background: url('/common/images/v_3dbanner02_pic_m.png') no-repeat center center;
		padding: 30px 15px;
		min-height: 200px;
		background-size: contain;
		box-sizing: border-box;
	}

	.it3dDiv .Banner2 img {
		width: 100%;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	.it3dDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 0px;
		padding: 50px 0;
	}

	.it3dDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.it3dDiv .Text .left .txtarea .color {
		width: 100%;
		text-align: left;
		padding-right: 0px;
		height: 170px;
		margin-bottom: 30px;
		float: right
	}

	.it3dDiv .Text .left .txtarea .con {
		width: 100%;
		margin-top: 50px;
	}

	.it3dDiv .Text .left .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 30px;
		vertical-align: middle;
		margin-left: 20px
	}

	.it3dDiv .Text .left .txtarea .con .tit span {
		line-height: 30px;
		margin-right: 20px;
	}

	.it3dDiv .Text .left .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		margin-right: 0px;
	}

	.it3dDiv .Text .left .txtarea .con .txt {
		margin-left: 20px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}

	.it3dDiv .Text .right {
		display: block;
		width: 100%;
		margin-top: 0px;
		padding: 100px 0;
		background: #ebebeb;
	}

	.it3dDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.it3dDiv .Text .right .txtarea .color {
		text-align: left;
		width: 100%;
		height: 170px;
	}

	.it3dDiv .Text .right .txtarea .color .img img{
		width: 100%;
	}

	.it3dDiv .Text .right .txtarea .con {
		width: 100%;
		text-align: left;
		padding-right: 0px;
	}

	.it3dDiv .Text .right .txtarea .con .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 30px;
		vertical-align: middle;
		margin-left: 20px
	}

	.it3dDiv .Text .right .txtarea .con .tit span {
		line-height: 30px;
		margin-right: 20px;
	}

	.it3dDiv .Text .right .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.it3dDiv .Text .right .txtarea .con .txt {
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 1.4;
	}


	/* aps */
	.itapsDiv {
		margin-top: 55px;
	}

	.itapsDiv .Banner {
		width: 100%;
		min-height: 277px;
		display: block;
		position: relative;
		background: url('/common/images/business020502_pic_m.png') no-repeat center center;
		background-size: contain;
		padding: 0
	}

	.itapsDiv .Text .left {
		display: block;
		width: 100%;
		margin-top: 90px;
		padding: 50px 0;
	}

	.itapsDiv .Text .left .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itapsDiv .Text .left .txtarea .color {
		text-align: left;
		width: 100%;
		height: 170px;
		padding-right: 0;
		margin-bottom: 70px
	}

	.itapsDiv .Text .left .txtarea .color img {
		text-align: left;
		width: 100%;
	}

	.itapsDiv .Text .left .txtarea .con {
		width: 100%;
		margin-top: 50px;
	}

	.itapsDiv .Text .left .txtarea .con .tit {
		margin-left: 20px;
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.6;
		vertical-align: middle
	}

	.itapsDiv .Text .left .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.itapsDiv .Text .left .txtarea .con .txt {
		margin-left: 20px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
	}

	.itapsDiv .Text .right {
		display: block;
		width: 100%;
		margin-top: 50px;
		padding: 50px 0;
		background: url('/common/images/business010201_bg.jpg') no-repeat center center
	}

	.itapsDiv .Text .right .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itapsDiv .Text .right .txtarea .color {
		text-align: left;
		width: 100%;
		height: 170px;
	}

	.itapsDiv .Text .right .txtarea .color img {
		width: 100%;
	}

	.itapsDiv .Text .right .txtarea .con {
		width: 100%;
		width: 100%;
	}

	.itapsDiv .Text .right .txtarea .con .tit {
		margin-left: 20px;
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		line-height: 1.6;
		vertical-align: middle
	}

	.itapsDiv .Text .right .txtarea .con .tit span img {
		margin-left: 20px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 0px;
	}

	.itapsDiv .Text .right .txtarea .con .txt {
		margin-left: 20px;
		margin-bottom: 30px;
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #555;
		line-height: 30px;
	}

	/* cloud */
	.itcloudDiv {
		width: 100%;
		margin: 55px auto 0;
	}

	.itcloudDiv .Text .con {
		display: block;
		width: 100%;
	}

	.itcloudDiv .Text .con .miniTab {
		text-align: center
	}

	.itcloudDiv .Text .con .miniTab a {
		width: 90%;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
		display: inline-block;
		margin: 0 3px;
		font-size: 13px;
		color: #797878;
		border: 1px solid #d9d9d9;
		margin: 5px 0
	}

	.itcloudDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00
	}

	.itcloudDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 50px auto 0
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea {
		text-align: left;
		display: block;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea img {
		width: 100%;
		;
		display: block;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #333;
		line-height: 24px;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .tit:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
	}

	/* .itcloudDiv .Text .con .miniTabCon .txtarea img{margin-top: 30px;} */
	.itcloudDiv .Text .con .miniTabCon .txtarea .img {
		margin-top: 30px;
		width: 100%;
		min-height: 3200px;
		display: block;
		position: relative;
		background: url('/common/images/business02050301_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .img2 {
		margin-top: 30px;
		width: 100%;
		min-height: 1300px;
		display: block;
		position: relative;
		background: url('/common/images/business02050302_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itcloudDiv .Text .con .miniTabCon .txtarea .img3 {
		margin-top: 30px;
		width: 100%;
		min-height: 649px;
		display: block;
		position: relative;
		background: url('/common/images/business02050303_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	/* infra */
	.itinfraDiv {
		margin-top: 55px;
	}

	.itinfraDiv .Text .con {
		display: block;
		width: 100%;
		margin-top: 50px;
	}

	.itinfraDiv .Text .con .title {
		width: 90%;
		margin: 55px auto 0;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 15px;
		line-height: 25px;
		color: #333;
		text-align: center;
		background: #fbf9f6;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 30px 15px;
		box-shadow: 2px 2px 12px -2px rgba(51, 51, 51, 0.17);
		word-break: keep-all;
	}

	.itinfraDiv .Text .con .title .img {
		display: block;
		width: 100%;
		min-height: 360px;
		background: url('/common/images/business02050401_pic_m.png') no-repeat center center;
		background-size: contain;
		box-shadow: none;
	}

	.itinfraDiv .Text .con .miniTab {
		width: 100%;
		margin: 50px auto 0;
		text-align: center
	}

	.itinfraDiv .Text .con .miniTab a.on {
		font-family: 'NotoSans-Medium';
		color: #ff8d00;
		border: 1px solid #ff8d00
	}

	.itinfraDiv .Text .con .miniTabCon {
		width: 100%;
		margin: 80px auto 0
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		display: block;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .tit {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		line-height: 24px;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .tit:after {
		content: '';
		display: block;
		position: absolute;
		width: 37px;
		height: 3px;
		background: #333;
		margin-top: 10px;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .img {
		margin-top: 30px;
		width: 100%;
		min-height: 1200px;
		display: block;
		position: relative;
		background: url('/common/images/business02050402_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .img2 {
		margin-top: 30px;
		width: 100%;
		min-height: 545px;
		display: block;
		position: relative;
		background: url('/common/images/business02050403_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	.itinfraDiv .Text .con .miniTabCon .txtarea .img3 {
		margin-top: 30px;
		width: 100%;
		min-height: 850px;
		display: block;
		position: relative;
		background: url('/common/images/business02050404_pic_m.jpg') no-repeat center center;
		background-size: contain;
	}

	/* recruit process */
	.recproDiv {
		margin-top: 55px
	}

	.recproDiv .Banner {
		display: block;
		position: relative;
		min-height: 600px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/v_recruit0201_pic_m.jpg') no-repeat center center;
		box-shadow: rgba(51, 51, 51, 0.17) 2px 2px 22px -2px;
		border-radius: 20px;
		background-size: contain
	}

	.recproDiv .Text {
		margin-top: 90px;
	}

	.recproDiv .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.recproDiv .Text .right .txtarea2 {
		text-align: left;
		/* padding-bottom:20px;*/
		border-bottom: 0px solid #ebebeb;
		margin-bottom: 50px;
		display: block;
	}

	.recproDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.recproDiv .Text .right .txtarea2 .color2 {
		float: none;
		text-align: left;
	}

	.recproDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.recproDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	/* recruit process */
	.rwelDiv {
		margin-top: 55px
	}

	.rwelDiv .Banner {
		display: block;
		position: relative;
		min-height: 600px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/v_recruit0301_pic_m.jpg') no-repeat center center;
		background-size: contain
	}

	.rwelDiv .Text {
		margin-top: 90px;
	}

	.rwelDiv .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.rwelDiv .Text .right .txtarea2 {
		text-align: left;
		padding-bottom: 20px;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 30px;
		display: flex;
	}

	.rwelDiv .Text .right .txtarea2 .color {
		width: 300px;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.rwelDiv .Text .right .txtarea2 .color2 {
		float: right;
		text-align: left;
	}

	.rwelDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 26px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #464646;
		margin-bottom: 20px;
	}

	.rwelDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 17px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 30px;
	}

	.financialDiv .financialChart img:first-child {
		display: none;
	}

	.financialDiv .financialChart img:last-child {
		display: block;
	}

	#footer .top .right>span:after {
		display: none
	}

	.card_news .post-subject {
		overflow: hidden;
		letter-spacing: -1px;
		padding-right: 1px;
		text-align: center;
		font-size: 11px !important;
		font-weight: bold;
	}

	/*20200817 */
	.businessDiv2 {
		width: 96%;
		margin: 0 auto;
	}

	.businessDiv2 .title {
		margin: 50px 0 30px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		font-size: 19px;
		text-align: center;
	}

	.businessDiv2 .overViewDiv .img {
		width: 100%;
		text-align: center;
	}

	.businessDiv2 .overViewDiv .tit+.img {
		margin-top: 57px;
	}

	.businessDiv2 .overViewDiv .blueTxt+.img {
		margin-top: 42px;
	}

	.businessDiv2 .overViewDiv .blueTxt {
		margin-top: 25px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		font-size: 22px;
		line-height: 34px;
		color: #00448d;
	}

	.businessDiv2 .overViewDiv .img img {
		max-width: 100%;
	}

	.businessDiv2 .overViewDiv .img+.img {
		margin-top: 100px;
	}

	.businessDiv2 .overViewDiv .img img.webImg {
		display: inline-block;
	}

	.businessDiv2 .overViewDiv .img img.mobImg {
		display: none;
	}

	.businessDiv2 .overViewDiv .researchDiv {
		margin: 60px auto 0;
		overflow: hidden
	}

	.businessDiv2 .overViewDiv .researchDiv .list {
		margin-bottom: 10px;
		float: left;
		width: 48%;
		min-height: 400px;
		margin-left: 0px;
		background: #ededed;
		box-sizing: border-box;
		position: relative;
		padding: 40px 10px 0px;
		text-align: center;
		margin-right: 4%
	}

	.businessDiv2 .overViewDiv .researchDiv .list:first-child {
		margin-bottom: 10px;
		margin-left: 2
	}

	.businessDiv2 .overViewDiv .researchDiv .list:first-child:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -15px;
		width: 16px;
		height: 14px;
		background: url('/common/images/icon/research_list_add.png') no-repeat center center
	}

	.businessDiv2 .overViewDiv .researchDiv .list:last-child:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(180deg);
		left: -15px;
		width: 16px;
		height: 14px;
		background: url('/common/images/icon/research_list_add.png') no-repeat center center
	}

	.businessDiv2 .overViewDiv .researchDiv .list .num {
		font-size: 23px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #1f80a1;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 50px;
		height: 50px;
		padding: 30px 0;
	}

	.businessDiv2 .overViewDiv .researchDiv .list .tit {
		font-size: 16.56px;
		line-height: 1.4;
		color: #000;
	}

	.businessDiv2 .overViewDiv .researchDiv .list .txt {
		font-size: 13px;
		color: #555;
		margin-top: 20px;
		line-height: 1.4;
		text-align: center;
		list-style-type: disc
	}

	.businessDiv2 .overViewDiv .researchDiv .list .img {
		margin-top: 30px
	}

	.businessDiv2 .overViewDiv .researchDiv .list .img img {
		width: 100%
	}

	.businessDiv2 .overViewDiv .researchDiv {
		margin: 60px auto 0;
		overflow: hidden
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 {
		margin-bottom: 10px;
		float: left;
		width: 48%;
		min-height: 400px;
		margin-left: 0px;
		background: #f7f7f7;
		box-sizing: border-box;
		position: relative;
		padding: 40px 10px 0px;
		text-align: center;
		margin-right: 0
	}

	.businessDiv2 .overViewDiv .researchDiv .list2:first-child {
		margin-bottom: 10px;
		margin-left: 2
	}

	.businessDiv2 .overViewDiv .researchDiv .list2:first-child:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -15px;
		width: 16px;
		height: 14px;
		background: url('/common/images/icon/research_list_add.png') no-repeat center center
	}

	.businessDiv2 .overViewDiv .researchDiv .list2:last-child:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(180deg);
		left: -15px;
		width: 16px;
		height: 14px;
		background: url('/common/images/icon/research_list_add.png') no-repeat center center
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 .num {
		font-size: 23px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #1f80a1;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 50px;
		height: 50px;
		padding: 30px 0;
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 .tit {
		font-size: 16.56px;
		line-height: 1.4;
		color: #000;
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 .txt {
		font-size: 13px;
		color: #555;
		margin-top: 20px;
		line-height: 1.4;
		text-align: center;
		list-style-type: disc
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 .img {
		margin-top: 30px
	}

	.businessDiv2 .overViewDiv .researchDiv .list2 .img img {
		width: 100%
	}

	/* 재무정보 */
	.financialDiv {
		width: 100%;
		margin: 0 auto;
	}

	.financialDiv .title {
		margin: 50px 0 30px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		font-size: 19px;
		text-align: center;
	}

	.financialDiv .caption {
		font-size: 13px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		margin-bottom: 19px;
		text-align: right;
	}

	.financialDiv .financialChart img {
		width: 100%;
	}

	.financialDiv .financialChart img:last-child {
		display: none;
	}

	.financialDiv .financialTable .title {
		margin: 50px 0 30px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #000;
		font-size: 19px;
		text-align: center;
	}

	.financialDiv .financialTable .caption {
		font-size: 13px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		margin-bottom: 0px;
		text-align: right;
	}

	.financialDiv .financialChart img:first-child {
		display: none;
	}

	.financialDiv .financialChart img:last-child {
		display: block;
	}

	/* member map */
	.memDiv {
		margin-top: 55px
	}

	.memDiv .Banner {
		display: block;
		position: relative;
		min-height: 250px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/v_member_map_m.jpg') no-repeat center center;
		background-size: contain
	}

	.memDiv .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.memDiv .Text .right .txtarea2 {
		text-align: left;
		/* padding-bottom:20px;*/
		border-bottom: 0px solid #ebebeb;
		margin-bottom: 50px;
		display: block;
	}

	.memDiv .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.memDiv .Text .right .txtarea2 .color2 {
		float: none;
		text-align: left;
	}

	.memDiv .Text .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.memDiv .Text .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	/* member map */
	.memDiv2 {
		margin-top: 55px
	}

	.memDiv2 .Banner {
		display: block;
		position: relative;
		min-height: 250px;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		background: url('/common/images/v_member_map2_m.jpg') no-repeat center center;
		background-size: contain
	}

	.memDiv2 .Text .right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.memDiv2 .Text .right .txtarea2 {
		text-align: left;
		/* padding-bottom:20px;*/
		border-bottom: 0px solid #ebebeb;
		margin-bottom: 50px;
		display: block;
	}

	.memDiv2 .Text .right .txtarea2 .color {
		width: 100%;
		text-align: left;
		padding: 0px 60px 0px 0
	}

	.memDiv2 .Text .right .txtarea2 .color2 {
		float: none;
		text-align: left;
	}

	.memDiv2 .Text .right .txtarea2 .color2 .tit {
		font-size: 17px;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #ff8d00;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.memDiv2 .Text .right .txtarea2 .color2 .txt {
		font-size: 13px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		color: #767676;
		line-height: 1.4;
	}

	#headerW .gnbDiv {
		display: block
	}

	#headerW .utilDiv {
		display: none
	}

	/* language */
	.total {
		display: block;
		margin-top: -65px;
		position: absolute;
		cursor: pointer;
		margin-right: 50px;
		right: 0
	}

	.select_d {
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		height: 40px;
		padding: 0px 13px;
		position: relative;
		font-size: 13px;
		text-align: left;
		color: #fff;
		/*border:1px solid #ebebeb;border-radius:10px;*/
	}

	.select_d span {
		display: inline-block;
		float: right;
		width: 11px;
	}

	.select_d span img {
		max-width: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.select_op {
		margin-top: 0px;
		display: none;
		position: absolute;
		z-index: 3;
		background: #fff;
		font-size: 11px;
		top: 39px;
		padding: 10px 0;
		/*border:1px solid #ccc;*/
		border-radius: 10px
	}

	.select_op li {
		line-height: 26px;
		height: 26px;
		border: 0px solid red;
		padding-left: 13px;
		text-align: left;
	}

	.select_op li a {
		cursor: pointer;
		width: 100%;
		height: 100%;
		display: inline-block;
		letter-spacing: 0;
		color: #000;
		font-size: 14px;
	}

	.select_op li:hover {
		/*background:#fff;*/
	}

	.select_op li a:hover {
		text-decoration: underline;
	}

	.select_op li a.a_focus {
		text-decoration: underline;
	}

	.header_t.f-nav .select_d {
		color: #000;
	}

	/* language */
	#headerW .gnbDiv {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	#headerW .gnbDiv li {
		width: 70px;
		float: left
	}

	#headerW .gnbDiv .inner {
		width: 100%;
		height: 70px;
		overflow: hidden;
	}

	/* 20200817 */
	.ceoDiv .amainBanner {
		background: url('/common/images/amain_banner_m.jpg') no-repeat center bottom;
		height: 280px;
		background-size: cover;
		padding: 35px 13px 0 15px;
		text-align: center
	}

	.ceoDiv .amainBanner .txtArea {
		padding: 5px 15px 25px 0;
		margin-left: 0;
		width: auto;
		display: block
	}

	.ceoDiv .amainBanner .tit {
		width: 250px
	}

	.ceoDiv .amainBanner .tit img:first-child {
		display: none
	}

	.ceoDiv .amainBanner .tit img:last-child {
		display: block
	}

	.ceoDiv .amainBanner .txt span {
		display: block;
	}

	.ceoDiv .amainBanner .txt {
		width: 200px;
		font-size: 12px;
		line-height: 17px;
		color: #555555;
		margin-top: 15px;
		font-family: 'NotoSans-Midium', '맑은 고딕', 'Malgun Gothic', sans-serif;
		word-break: keep-all;
		text-align: left
	}

	/* 20200817 */
}