/* ==================================================
	공통이미지 조절
================================================== */
.img100 {
	width: 100%;
}

/* ==================================================
	공통사항
================================================== */
.two_content:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.twocon_left {
	float: left;
	width: 20%;
}

.twocon_right {
	float: left;
	width: 80%;
	position: relative;
}

.twon_lwidth01 {
	width: 12%;
}

.twon_lwidth02 {
	width: 25%;
	padding-right: 15px;
}

.twon_lwidth03 {
	width: 35%;
}

.twon_lwidth04 {
	width: 30%;
}

.twon_rwidth01 {
	width: 88%;
}

.twon_rwidth02 {
	width: 75%;
}

.twon_rwidth03 {
	width: 65%;
}

.twon_rwidth04 {
	width: 70%;
}

.twocon_right_border {
	border-left: 1px #ccc dashed;
	padding-left: 35px;
}

.twocon_right_border02 {
	border-left: 1px #ccc dashed;
	padding-left: 55px;
}

.twocon_background {
	background: #f8f8f8;
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 40px 30px;
}

.l-line {
	height: 5px;
	background: url('../images/common/line_bg.png') repeat-x 0 0;
	margin: 35px auto;
}

.hr_line {
	width: 100%;
	height: 5px;
	background: url('../images/common/hr_line.gif') repeat-x 0 bottom;
	margin: 35px auto;
}

.hr_line02 {
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	margin: 35px auto;
}

hr {
	margin: 20px 0;
	height: 1px;
	border: 0px solid #e7e7e7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0 0 1px 0;
}

.blank {
	height: 20px;
	clear: both;
	display: block;
}

.b_noto_kor {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
}

.b_noto_kor02 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
}

@media all and (max-width:1023px) {
	.twocon_left {
		float: none;
		width: 100%;
	}

	.twon_lwidth02 {
		padding-right: 0;
	}

	.twocon_right {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.twocon_right_border {
		border-left: 0;
		padding-left: 0;
	}

	.twocon_right_border02 {
		border-left: 0;
		padding-left: 0;
	}
}

@media all and (max-width:640px) {
	.l-line {
		margin: 25px auto;
	}

	.hr_line {
		margin: 25px auto;
	}

	.hr_line02 {
		margin: 25px auto;
	}
}


/* ==================================================
	아이콘
================================================== */
.red_title {
	overflow: hidden;
	display: block;
	padding-left: 40px;
	font-size: 2.6rem;
	color: #000;
	background: url('../images/icon/red_title.png') no-repeat 0 12px;
}

.a-tit01 {
	font-size: 2rem;
	font-weight: 700;
	color: #333;
	background: url('../images/icon/arrow_icon.png') no-repeat 0 2px;
	padding-left: 26px;
	margin-bottom: 10px;
	line-height: 1;
}

.stick_title {
	position: relative;
	font-size: 2.5rem;
	padding-left: 15px;
	padding-bottom: 15px;
}

.stick_title:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 20px;
	background: #e6002d;
}

.l-list01 {
	line-height: 1.5;
	font-size: 1.7rem;
	letter-spacing: -0.3px;
}

.l-list01>li {
	position: relative;
	padding-left: 15px;
	margin-top: 10px;
	color: #666;
}

.l-list01>li:first-child {
	/*margin-top: 8px;*/
	margin-top: 0;
}

.l-list01>li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #b8b8b8;
}

.l-list01>li span {
	font-weight: 700;
}

.con_title {
	display: inline-block;
	position: relative;
	font-size: 2.3rem;
	font-weight: 700;
	color: #000;
	padding: 0 5px;
	z-index: 2;
}

.con_title:after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 15px;
	left: 0;
	bottom: -1px;
	background: rgba(16, 98, 185, 0.15);
	z-index: -1;
}

.width_line_list {
	margin-top: 5px;
	font-size: 1.6rem;
}

.width_line_list>li:before {
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	display: block;
	width: 6px;
	height: 1px;
	background: #a0a0a0;
}

.width_line_list>li {
	position: relative;
	padding-left: 14px;
	margin-bottom: 8px;
}

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

.width_line_list2 {
	margin-top: 5px;
	font-size: 1.8rem;
}

.width_line_list2>li:before {
	position: absolute;
	top: 13px;
	left: 0;
	content: "";
	display: block;
	width: 6px;
	height: 1px;
	background: #a0a0a0;
}

.width_line_list2>li {
	position: relative;
	padding-left: 14px;
	margin-bottom: 3px;
}

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

.notice h3 {
	display: block;
	transform: skew(-0.03deg);
	padding-left: 30px;
	color: #333;
	font-size: 1.8rem;
	font-weight: 500;
	background: url('../images/icon/notice.gif') no-repeat 0 2px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.red_title {
		padding-left: 35px;
		font-size: 2.2rem;
		background: url('../images/icon/red_title.png') no-repeat 0 9px;
	}

	.a-tit01 {
		font-size: 12pt;
		background: url('../images/icon/arrow_icon.png') no-repeat 0;
		padding-left: 22px;
	}

	.stick_title {
		font-size: 2rem;
	}

	.stick_title:before {
		top: 7px;
		height: 15px;
	}

	.l-list01 {
		font-size: 1.6rem;
	}

	.l-list01>li:before {
		top: 10px;
	}

	.con_title {
		font-size: 1.9rem;
	}

	.width_line_list {
		font-size: 1.5rem;
	}

	.width_line_list>li:before {
		top: 11px;
	}

	.width_line_list2 {
		font-size: 1.7rem;
	}

	.width_line_list2>li:before {
		top: 12px;
	}

	.notice h3 {
		font-size: 1.7rem;
		background: url('../images/icon/notice.gif') no-repeat 0 0;
	}
}

@media all and (max-width:640px) {
	.stick_title {
		font-size: 1.8rem;
		padding-left: 12px;
	}

	.stick_title:before {
		top: 5px;
	}

	.l-list01 {
		font-size: 1.5rem;
	}

	.l-list01>li:before {
		top: 8px;
	}

	.width_line_list {
		font-size: 1.4rem;
	}

	.width_line_list>li:before {
		top: 10px;
	}

	.width_line_list2 {
		font-size: 1.6rem;
	}

	.width_line_list2>li:before {
		top: 11px;
	}
}

@media all and (max-width:450px) {
	.red_title {
		font-size: 1.8rem;
		background: url('../images/icon/red_title.png') no-repeat 0 4px;
	}
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #dbdbdb;
}

.over-cover img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.over-cover:hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

/* ==================================================
	반응형 테이블 스크롤
================================================== */
.msg_touch_help {
	display: none;
}

/* 모바일CSS */
@media only screen and (max-width:640px) {
	.con_table_wrap {
		overflow-x: auto;
	}

	.con_table_wrap {
		position: relative;
	}

	.table_scroll {
		width: 200%;
	}

	.msg_touch_help {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px;
		display: block;
	}

	.msg_touch_help img {
		width: 100px;
		height: 100px;
	}
}

/* ==================================================
	버튼
================================================== */
.con-btn {
	position: relative;
	display: inline-block;
	font-size: 1.7rem;
	vertical-align: middle;
	transition: all .25s ease;
	line-height: 1.1;
}

.con-btn,
a.con-btn {
	background: #e6002d;
	border: 1px solid #e6002d;
	color: #fff;
	border-radius: 8px;
}

.con-btn:hover,
.con-btn:focus {
	background: #ba0024;
	border: 1px solid #ba0024;
	color: #fff;
}

a.con-btn span {
	display: block;
	padding: 12px 45px 13px 25px;
	line-height: 1;
}

.con-btn .cicon {
	position: absolute;
	right: 25px;
	top: 50%;
	padding: 0;
	-webkit-transition: right .25s ease;
	transition: right .25s ease-out
}

.con-btn:hover .cicon {
	right: 20px;
}

.clink {
	width: 16px;
	height: 16px;
	margin-top: -7px;
	background: url('../images/icon/link.png') no-repeat 0 0;
}

.cdownload {
	width: 10px;
	height: 15px;
	margin-top: -7px;
	background: url('../images/icon/download.png') no-repeat 0 0;
}

/* 모바일CSS */
@media all and (max-width:640px) {
	.con-btn {
		font-size: 1.6rem;
	}
}

@media all and (max-width:450px) {
	.con-btn {
		font-size: 1.5rem;
	}
}

/* ==================================================
	유튜브 영상
================================================== */
.youtubeWrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden
}

.youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.youtubeWrap .btn_prev,
.youtubeWrap .btn_next {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	color: #fff
}

.youtubeWrap .btn_prev {
	left: 0
}

.youtubeWrap .btn_next {
	right: 0
}

.youtubeWrap .btn_prev>img {
	float: left
}

.youtubeWrap .btn_next>img {
	float: right
}

.youtubeWrap .btn_prev>span,
.youtubeWrap .btn_next>span {
	display: inline-block;
	float: left;
	height: 90px;
	padding: 0 15px;
	margin: 20px 0;
	max-height: 50px;
	max-width: 180px;
	font-size: 16px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}

.youtubeWrap .btn_prev:hover>span,
.youtubeWrap .btn_prev:focus>span,
.youtubeWrap .btn_next:hover>span,
.youtubeWrap .btn_next:focus>span {
	display: inline-block
}

/* ==================================================
	상단이미지
================================================== */
.content_topcon {
	position: relative;
	margin-bottom: 58px;
}

.talent_bg {
	background: url('../images/about/talent_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.benefits_bg {
	background: url('../images/about/benefits_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.tieup_bg {
	background: url('../images/rnd/tieup_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.philosophy_bg {
	background: url('../images/sustainability/philosophy_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 40px;
}

.ethics_bg {
	background: url('../images/sustainability/ethics_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 40px;
}

.env_bg {
	background: url('../images/sustainability/env_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 40px;
}

.csr_bg {
	background: url('../images/sustainability/csr_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	margin-bottom: 40px;
}

.content_topcon:before,
.content_topcon:after {
	position: absolute;
	top: 50%;
	width: 35px;
	height: 258px;
	margin-top: -129px;
	content: "";
}

.content_topcon:before {
	left: 50px;
	background: url('../images/common/cont_tleft.png') no-repeat
}

.content_topcon:after {
	right: 50px;
	background: url('../images/common/cont_tright.png') no-repeat
}

.content_topcon p {
	color: #fff;
	text-align: center;
	font-size: 2.8rem;
	letter-spacing: -0.3px;
	font-weight: 400;
	line-height: 1.5;
	padding: 125px 0;
}

.content_topcon.tieup_bg p,
.content_topcon.env_bg p {
	font-size: 2.3rem;
}

.content_topcon.env_bg p {
	font-size: 2.8rem;
}

.content_topcon p b {
	font-weight: 700;
}

.ct_dl {
	display: block;
}

/* 애니메이션 효과 */
.content_topcon p {
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition: all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
}

.content_topcon.active p {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.content_topcon {
		margin-bottom: 40px;
	}

	.ethics_bg {
		margin-bottom: 30px;
	}

	.content_topcon:before,
	.content_topcon:after {
		display: none
	}

	.content_topcon p {
		font-size: 2.3rem;
	}

	.content_topcon.tieup_bg p,
	.content_topcon.env_bg p {
		font-size: 2rem;
	}

	.content_topcon.env_bg p .ct_dl {
		display: inline;
	}
}

@media all and (max-width:800px) {
	.content_topcon p {
		font-size: 2rem;
	}

	.ct_dl {
		display: inline;
	}
}

@media all and (max-width:640px) {
	.content_topcon {
		margin-bottom: 25px;
	}

	.ethics_bg {
		margin-bottom: 20px;
	}

	.content_topcon:before,
	.content_topcon:after {
		display: none
	}

	.content_topcon p {
		font-size: 1.8rem;
		padding: 15% 15px
	}

	.content_topcon.tieup_bg p,
	.content_topcon.env_bg p {
		font-size: 1.6rem;
	}
}

@media all and (max-width:450px) {
	.content_topcon p {
		font-size: 1.6rem;
	}

	.content_topcon.tieup_bg p,
	.content_topcon.env_bg p {
		font-size: 1.5rem;
	}
}

/* ==================================================
	인사말
================================================== */
.ceo_content {
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.ceo_content.active {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.ceot_banner .ceos_banner {
	position: relative;
	float: left;
	width: 47%;
	height: 370px;
}

.ceot_banner .ceobanner_img {
	position: relative;
	float: left;
	width: 53%;
	height: 370px;
}

.ceot_banner .ceos_banner {
	background: #0048ab;
}

.ceot_banner .ceos_banner:before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 1px;
	height: 0;
	padding-top: 17%;
	background: #fff;
	opacity: 0.3;
	left: 0;
	top: 0;
	margin-left: 10%
}

.ceot_banner .ceos_banner:after {
	background: #0048ab;
	content: "";
	position: absolute;
	width: 12%;
	height: 100%;
	top: 0;
	right: -6%;
	z-index: 5;
	transform: skewX(-12deg);
}

.ceos_banner strong {
	display: block;
	font-weight: 400;
	font-size: 1.7rem;
	color: #fff;
	opacity: 0.5;
	word-break: keep-all
}

.ceos_banner p {
	display: inline-block;
	font-size: 2.2rem;
	letter-spacing: -0.5px;
	line-height: 1.375;
	color: #fff;
	padding-top: 5%
}

.ceoct_dl {
	display: block;
}

.ceot_banner .ceobanner_img {
	background: url('../images/about/ceo_img.jpg') no-repeat 50% 0;
	background-size: cover
}

.ceotxt_con {
	background: url('../images/about/ceo_txt_con_bg.png') no-repeat 100% -54px;
	background-color: #f5f5f5
}

.ceotxt_con .ceotxt_con_inner {
	padding: 4.2% 4% 2.4%
}

.ceotxt_con .ceo_txt {
	font-weight: 400;
	font-size: 2.0rem;
	letter-spacing: -0.5px;
	color: #585858;
	line-height: 1.8;
	padding-bottom: 55px
}

.ceo_signcon {
	border-top: 1px solid #cbcbca;
	text-align: right;
	padding-top: 45px;
}

.ceo_signcon p {
	display: inline-block;
	font-weight: 500;
	font-size: 2rem;
	letter-spacing: -0.5px;
	color: #353535;
}

.ceo_btext {
	font-size: 2rem;
}

.ceo_btext strong {
	color: #3161b9;
	font-weight: 700;
}

.ceo_signcon p strong {
	font-size: 2.3rem;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px 0 8px;
	margin-top: -10px;
}

/* 모바일CSS  */
@media screen and (max-width:1400px) {
	.ceot_banner .ceos_banner:after {
		display: none;
	}

	.ceoct_dl {
		display: inline;
	}
}

@media screen and (min-width:801px) {
	.ceos_txt {
		position: absolute;
		top: 0;
		left: 0;
		margin: 20% 5% 0 8%;
	}
}

@media screen and (max-width:800px) {
	.ceot_banner .ceos_banner {
		float: none;
		width: 100%;
		padding: 30px 30px;
		height: auto;
	}

	.ceot_banner .ceobanner_img {
		float: none;
		width: 100%;
		height: 240px;
	}

	.ceot_banner .ceos_banner:before {
		display: none;
	}

	.ceot_banner .ceos_banner:after {
		padding-top: 8%;
		margin-left: 8%
	}

	.ceos_banner strong {
		font-size: 1.5rem;
	}

	.ceos_banner p {
		font-size: 1.9rem
	}

	.ceotxt_con {
		background: #f5f5f5
	}

	.ceotxt_con .ceo_txt {
		font-size: 1.6rem;
		padding-bottom: 27px;
		padding-right: 0;
	}

	.ceo_signcon {
		padding: 15px 0;
	}

	.ceo_signcon p {
		font-size: 1.8rem;
		padding-top: 5px;
	}

	.ceo_btext {
		font-size: 1.8rem;
	}

	.ceo_signcon p strong {
		font-size: 2rem;
		padding: 0 14px 0 6px;
		margin-top: 0;
	}
}

@media screen and (max-width:640px) {
	.ceos_banner p {
		font-size: 1.7rem
	}

	.ceo_btext {
		font-size: 1.7rem;
	}

	.ceo_signcon p strong {
		font-size: 1.9rem;
		padding: 0 10px 0 0;
	}
}

@media screen and (max-width:480px) {
	.ceot_banner .ceobanner_img {
		height: 210px
	}
}

/* ==================================================
	경영진소개
================================================== */
.management_con ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.management_con ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	float: left;
	width: 32%;
	margin-left: 2%;
	border: 1px solid #f0f0f0;
	padding: 22px 27px;
	margin-top: 20px;
}

.management_con ul li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.manag_img {
	float: left;
	width: 42%;
}

.manag_img img {
	width: 100%;
}

.manag_txt {
	float: left;
	width: 52%;
	margin-left: 6%;
}

.manag_txt h3 {
	position: relative;
	font-size: 2.1rem;
	font-weight: 700;
	color: #4b4b4e;
	padding-left: 27px;
}

.manag_txt h3:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 0;
	width: 20px;
	height: 11px;
	background: url('../images/about/manag_arrow.png');
	background-repeat: no-repeat;
}

.manag_txt h3 span {
	display: block;
	margin-top: 5px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #a6a6a7;
}

.manag_txt p {
	margin-top: 15px;
	margin-left: 25px;
	font-size: 1.6rem;
	color: #555555;
}

/* 모바일CSS  */
@media screen and (max-width:1200px) {
	.manag_txt h3 {
		font-size: 2rem;
	}

	.manag_txt h3:before {
		top: 11px;
	}
}

@media screen and (min-width:1024px) {
	.management_con ul li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}

	.management_con ul li:nth-child(1),
	.management_con ul li:nth-child(2),
	.management_con ul li:nth-child(3) {
		margin-top: 0;
	}
}

@media screen and (max-width:1023px) {
	.management_con ul li {
		width: 49%;
		padding: 15px 17px;
	}

	.management_con ul li:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

	.management_con ul li:nth-child(1),
	.management_con ul li:nth-child(2) {
		margin-top: 0;
	}
}

@media screen and (max-width:1023px) {
	.management_con ul li {
		float: left;
		width: 100%;
		margin-left: 0;
	}

	.management_con ul li:nth-child(1),
	.management_con ul li:nth-child(2) {
		margin-top: 20px;
	}
}

@media screen and (max-width:640px) {
	.manag_txt h3 {
		font-size: 1.8rem;
	}

	.manag_txt h3:before {
		top: 9px;
	}

	.manag_txt h3 span {
		font-size: 1.5rem;
	}

	.manag_txt p {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:450px) {
	.manag_txt h3 {
		font-size: 1.7rem;
	}

	.manag_txt h3 span {
		font-size: 1.4rem;
	}

	.manag_txt p {
		font-size: 1.4rem;
	}
}

/* ==================================================
	회사연혁
================================================== */
.section01::before {
	content: '';
	position: absolute;
	top: 475px;
	left: 50%;
	bottom: 0;
	width: 1px;
	background: #ebebeb;
}

/* 탭메뉴 */
.tab_nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.tab_nav ul li {
	position: relative;
	float: left;
	line-height: 1.1;
	margin: 0 4px;
	transform: skew(-0.03deg);
}

.tab_nav ul li.on a {
	font-weight: 700;
	color: #002C6A;
}

.tab_nav ul li a {
	position: relative;
	flex: 0 0 auto;
	display: block;
	width: 100%;
	min-width: 200px;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	padding: 20px 5px;
	text-align: center;
	color: #6d6f72;
}

.tab_nav ul li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #c6cbcd;
}

.tab_nav ul li.on:after {
	background: #002C6A;
	height: 4px;
}

/*.tab_nav ul li a span {
	display: block;
	font-size: 1.8rem;
	line-height: 1;
	margin-top: 10px
}*/

/* 연혁 컨텐츠 */
.con {
	margin-top: 60px;
	position: relative;
}

#con2:before {
	left: 0;
	right: 50%
}

#con4:before {
	left: 0;
	right: 50%
}

#con6:before {
	left: 0;
	right: 50%
}

.con_g .img>ul {
	margin-top: 25px;
}

.con_g .img>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.con_g .img>ul>li {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.con_g .img>ul>li {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.con_g .img>ul>li:first-child {
	margin-left: 0%;
}

.con_g .img>ul>li img {
	width: 100%;
}

.his_text {
	text-align: left;
	margin-top: 20px;
	padding: 0 30px 0 0;
}

#con6 .his_text,
#con2 .his_text,
#con4 .his_text {
	padding: 0 0 0 30PX;
}

.his_text>h3 {
	font-size: 1.7rem;
	font-weight: 400;
}

.his_text>h2 {
	font-size: 2.4rem;
	font-weight: 800;
	color: #002C6A;
	padding: 5px 0;
}

.his_text>h2 .b_noto_kor {
	font-weight: 700;
}

.his_text>p {
	font-size: 1.7rem;
	font-weight: 400;
}

.year .y_l {
	width: 100px;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 2.7rem;
	line-height: 1.1;
	color: #032666;
	letter-spacing: .8px
}

.year+.year {
	margin-top: 35px
}

.year dt {
	width: 34px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	margin-top: -1px
}

.year dd {
	width: calc(100% - 34px);
}

/* 애니메이션 효과 */
.a_left {
	transform: translateX(-15px);
	transition: .8s;
	opacity: 0
}

.a_left.active {
	transform: translateX(0px);
	opacity: 1
}

.a_right {
	transform: translateX(15px);
	transition: .8s;
	opacity: 0
}

.a_right.active {
	transform: translateX(0px);
	opacity: 1
}

.a_:nth-child(1) {
	transition-delay: .1s
}

.a_:nth-child(2) {
	transition-delay: .2s
}

.a_:nth-child(3) {
	transition-delay: .3s
}

.a_:nth-child(4) {
	transition-delay: .4s
}

.a_:nth-child(5) {
	transition-delay: .5s
}

.a_:nth-child(6) {
	transition-delay: .6s
}

.a_:nth-child(7) {
	transition-delay: .7s
}

.a_:nth-child(8) {
	transition-delay: .8s
}

.a_:nth-child(9) {
	transition-delay: .9s
}

.a_:nth-child(10) {
	transition-delay: 1s
}

.a_:nth-child(11) {
	transition-delay: 1.1s
}

.a_:nth-child(12) {
	transition-delay: 1.2s
}

/* 모바일CSS */
@media all and (min-width:1024px) {
	.con:before {
		content: '';
		position: absolute;
		top: 118px;
		left: 50%;
		right: 0;
		height: 1px;
		background: #ebebeb
	}

	.con_g {
		display: flex;
		justify-content: center;
		max-width: 1400px;
		margin: 0 auto;
		width: 95%;
	}

	.con_g .img {
		width: 50%;
		text-align: right
	}

	.con_g .img img {
		width: 100%;
	}

	#con6 .img,
	#con2 .img {
		text-align: left
	}

	.con_g .text {
		width: 50%;
		padding-top: 180px;
		background: url('../images/about/history01_tit.jpg') no-repeat left top 45px;
		padding-left: 78px;
		box-sizing: border-box
	}

	#con2 .text {
		background-image: url('../images/about/history02_tit.jpg');
		background-position: right top 45px;
		padding-left: 0;
		padding-right: 78px
	}

	#con3 .text {
		background-image: url('../images/about/history03_tit.jpg')
	}

	#con4 .text {
		background-image: url('../images/about/history04_tit.jpg');
		background-position: right top 45px;
		padding-left: 0;
		padding-right: 78px
	}

	#con5 .text {
		background-image: url('../images/about/history05_tit.jpg')
	}

	/* 2020년대 */
	#con6 .text {
		background-image: url('../images/about/history06_tit.jpg?v=260908');
		background-position: right top 45px;
		padding-left: 0;
		padding-right: 78px
	}

	#con2 .con_g {
		flex-direction: row-reverse;
		text-align: right
	}

	#con4 .con_g {
		flex-direction: row-reverse;
		text-align: right
	}

	#con6 .con_g {
		flex-direction: row-reverse;
		text-align: right
	}


	.con .year {
		display: flex
	}

	#con2 .year {
		flex-direction: row-reverse
	}

	#con4 .year {
		flex-direction: row-reverse
	}

	#con6 .year {
		flex-direction: row-reverse
	}

	.year .y_r {
		width: calc(100% - 140px);
		margin-top: -8px
	}

	.year dl {
		display: flex;
		margin-top: 6px;
		font-size: 1.6rem;
		line-height: 1.7;
		letter-spacing: -.5px;
		color: #000;
	}

	#con2 .year dl {
		flex-direction: row-reverse
	}

	#con4 .year dl {
		flex-direction: row-reverse
	}

	#con6 .year dl {
		flex-direction: row-reverse
	}

}

@media all and (max-width:1023px) {
	.section01:before {
		content: '';
		position: absolute;
		top: 300px;
		left: 3.5%;
		bottom: 0;
		width: 1px;
		background: #ebebeb
	}

	/* 탭메뉴 */
	.tab_nav ul li a {
		min-width: 160px;
		font-size: 1.8rem;
	}

	.tab_nav ul li a span {
		font-size: 1.7rem;
		margin-top: 5px;
	}

	/* 연혁 컨텐츠 */
	.con {
		margin-top: 30px;
		position: relative
	}

	#con2:before {
		left: 0;
		right: 50%
	}

	#con4:before {
		left: 0;
		right: 50%
	}

	#con6 :before {
		left: 0;
		right: 50%
	}

	.con_g {
		margin: 0 auto;
		width: 93%
	}

	.con_g .img {
		padding-bottom: 82px;
		border-bottom: 1px solid #ebebeb;
		background: url('../images/about/history01_tit.jpg') no-repeat left -20px bottom 0 /auto 37px;
		margin-left: 1px
	}

	#con2 .con_g .img {
		background-image: url('../images/about/history02_tit.jpg');
		background-position-x: 20px
	}

	#con3 .con_g .img {
		background-image: url('../images/about/history03_tit.jpg')
	}

	#con4 .con_g .img {
		background-image: url('../images/about/history03_tit.jpg')
	}

	#con6 .con_g .img {
		background-image: url('../images/about/history06_tit.jpg?v=260908');
		background-position-x: 20px
	}

	.con_g .img img {
		width: 100%
	}

	.con_g .text {
		padding-top: 40px;
	}

	.con .year {
		padding-left: 20px;
	}

	.his_text {
		padding: 0 0 0 20px;
	}


	#con6 .his_text,
	#con2 .his_text,
	#con4 .his_text {
		padding: 0 0 0 20PX;
	}

	.his_text>h3 {
		font-size: 1.6rem;
	}

	.his_text>h2 {
		font-size: 2.2rem;
	}

	.his_text>p {
		font-size: 1.6rem;
	}

	.year .y_l {
		font-size: 3rem;
		margin-bottom: 20px
	}

	.year .y_r {
		margin-top: -8px
	}

	.year dl {
		display: flex;
		font-size: 1.6rem;
		letter-spacing: -.5px;
		transform: skew(-0.03deg);
		color: #000
	}

	.year+.year {
		margin-top: 20px
	}

	.year dt {
		width: 30px;
	}

	.year dd {
		width: calc(100% - 27px);
	}
}

@media all and (max-width:900px) {

	/* 탭메뉴 */
	.tab_nav ul li a {
		min-width: 150px;
	}
}

@media all and (max-width:640px) {

	/* 탭메뉴 */
	.tab_nav ul li a {
		min-width: 130px;
		font-family: 'Inter';
		font-style: normal;
		font-size: 1.7rem;
		padding: 15px 5px;
	}

	.tab_nav ul li a span {
		font-size: 1.5rem;
	}

	/* 연혁 컨텐츠 */
	.his_text>h3 {
		font-size: 1.5rem;
	}

	.his_text>h2 {
		font-size: 2rem;
	}

	.his_text>p {
		font-size: 1.5rem;
	}

	.year dl {
		font-family: 'Inter';
		font-style: normal;
		font-size: 1.5rem;
	}
}

@media all and (max-width:450px) {

	/* 탭메뉴 */
	.tab_nav ul li a {
		min-width: 100px;
		font-size: 1.5rem;
	}

	.tab_nav ul li a span {
		font-size: 1.4rem;
	}

	/* 연혁 컨텐츠 */
	.year .y_l {
		font-size: 2.6rem;
	}

	.year dl {
		font-size: 1.4rem;
	}
}

/* ==================================================
	수상현황 - 단체 수상현황
================================================== */
.awardWr {
	padding-top: 35px;
	padding-bottom: 35px;
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
}

.awardWr:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.awardNum {
	float: left;
	width: 12%;
	margin-right: 2%;
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1;
	color: #002c6a;
}

.awardWr .awardCon {
	float: left;
	width: 86%;
}

.awardWr .awardCon:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.awardWr .awardCon .awardList {
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.awardWr .awardCon .awardList:first-child {
	padding-top: 0;
}

.awardWr .awardCon .awardList:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.awardWr .awardCon .awardList .award_img {
	float: left;
	width: 40%;
}

.awardWr .award_heightimg.awardList .award_img {
	/* width: 22%;*/
	text-align: center;
}

.awardWr .awardCon .awardList .award_img img {
	width: 100%;
	max-width: 450px;
	border: 5px solid #d6d6d6;
}

.awardWr .award_heightimg.awardList .award_img img {
	max-width: 230px !important;
}

.awardWr .awardCon .awardList dl {
	float: left;
	width: 58%;
	margin-left: 2%;
	color: #4c4948;
}

/*.awardWr .award_heightimg .awardList dl {
	width: 75%;
}*/

.awardWr .awardCon .awardList dl:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.awardWr .awardCon .awardList dl dt {
	font-size: 2rem;
	font-weight: 700;
}

.awardWr .awardCon .awardListdl dd {
	margin-top: 15px;
	line-height: 1.6;
}

.awardWr .awardCon .awardList dl dd h3 {
	font-size: 2rem;
	font-weight: 700;
	color: #3161b9;
}

.awardWr .awardCon .awardList dl dd p {
	font-size: 1.7rem;
	color: #333;
	margin-top: 10px;
}

/* 모바일CSS */
@media screen and (max-width:900px) {
	.awardWr {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.awardWr:first-child {
		padding-top: 0;
	}

	.awardNum {
		float: none;
		width: 40%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
		padding: 8px 5px;
		text-align: center;
		background-color: #002C6A;
		color: #fff;
		border-radius: 50px;
		font-size: 2rem;
		line-height: 1;
	}

	.awardWr .awardCon {
		float: none;
		width: 100%;
		display: block;
		margin-top: 20px;
	}

	.awardWr .awardCon .awardList dl dt {
		font-size: 1.7rem;
	}

	.awardWr .awardCon .awardList dl dd h3 {
		font-size: 1.7rem;
	}

	.awardWr .awardCon .awardList dl dd p {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:640px) {
	.awardWr .awardCon .awardList .award_img {
		float: none;
		width: 100%;
		text-align: center;
	}

	.awardWr .awardCon .awardList dl {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.awardNum {
		font-size: 1.8rem;
	}

	.awardWr .awardCon .awardList dl dt {
		font-size: 1.6rem;
	}

	.awardWr .awardCon .awardList dl dd h3 {
		font-size: 1.6rem;
	}

	.awardWr .awardCon .awardList dl dd p {
		font-size: 1.4rem;
	}
}

/* ==================================================
	수상현황 - 개인 수상현황
================================================== */
.awardWr02 {
	padding-top: 35px;
	padding-bottom: 35px;
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
}

.awardWr02:first-child {
	padding-top: 0;
}

.awardTit {
	width: 100%;
	font-size: 2.8rem;
	font-weight: 800;
	text-align: center;
	line-height: 1;
	background: #3665B3;
	border-bottom: 4px solid #002C6A;
	padding: 25px 20px;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

.award02_con {
	width: 96%;
	margin: 0 auto;
}

.award02_con>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.award02_con>ul>li {
	float: left;
	width: 31.3333333333333333333%;
	margin-left: 3%;
	margin-top: 35px;
}

.award02_con>ul>li:first-child {
	margin-left: 0;
}

.award02_con>ul>li img {
	width: 100%;
	border: 5px solid #d6d6d6;
}

.award02_ctext {
	margin-top: 20px;
}

.award02_ctext>p {
	font-size: 1.7rem;
}

.award02_ctext>h3 {
	padding: 10px 0;
	font-size: 2.3rem;
	font-weight: 700;
	color: #3161b9;
}

/* 모바일CSS */
@media screen and (min-width:1024px) {
	.award02_con>ul>li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media screen and (max-width:1023px) {
	.award02_con>ul>li {
		width: 48.5%;
	}

	.award02_con>ul>li:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media screen and (max-width:900px) {
	.awardWr02 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.award02_con {
		width: 100%;
	}

	.awardTit {
		font-size: 2.3rem;
		padding: 20px 15px;
	}

	.award02_ctext>p {
		font-size: 1.6rem;
	}

	.award02_ctext>h3 {
		font-size: 2rem;
	}
}

@media screen and (max-width:640px) {
	.awardTit {
		font-size: 2rem;
		padding: 15px 12px;
	}

	.award02_con>ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}

	.award02_ctext>p {
		font-size: 1.5rem;
	}

	.award02_ctext>h3 {
		font-size: 1.8rem;
	}
}

@media screen and (max-width:450px) {
	.awardTit {
		font-size: 1.8rem;
	}

	.award02_ctext>p {
		font-size: 1.4rem;
	}

	.award02_ctext>h3 {
		font-size: 1.7rem;
	}
}

/* ==================================================
	CI자료실
================================================== */
.c-ctit01 {
	font-size: 3rem;
	font-weight: 700;
	color: #231815;
	display: block;
	margin-bottom: 60px;
	line-height: 1
}

.c-ctit01:after {
	content: "";
	display: block;
	vertical-align: top;
	width: 233px;
	height: 5px;
	background: #231815;
	margin-top: 15px;
	box-shadow: 0 15px 7px -1px rgba(0, 0, 0, 0.21)
}

.c-ctit01 .e-tit {
	display: block;
	font-size: 2.5rem;
	color: #c6c6c6;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	margin-top: 10px;
}

.ui-box {
	border: 1px solid #dedede;
	text-align: center;
	padding: 35px 25px;
	margin-bottom: 20px;
}

.ui-box img {
	width: 100%;
}

.ui-list-wr .ui-list {
	position: relative;
	padding-left: 300px;
	margin-bottom: 50px;
	transform: skew(-0.03deg);
}

.ui-list-wr .ui-list:last-child {
	margin-bottom: 0;
}

.ui-list-wr .ui-list .c-ctit01 {
	position: absolute;
	top: 0;
	left: 0;
}

.ui-list-wr .ui-list:nth-child(2) .c-ctit01 {
	top: 20px;
}

.sig_text {
	position: relative;
}

.ci_float:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ci_float>li {
	position: relative;
	float: left;
	width: 48%;
}

.ci_float>li:last-child {
	margin-left: 4%;
}

.ci_btn01 {
	text-align: right;
}

.color-list {
	padding: 35px 35px;
	margin-bottom: 25px;
	background: #f7f7f7;
}

.color-list>ul:after {
	display: block;
	content: '';
	clear: both;
}

.color-list>ul>li {
	display: table;
	table-layout: fixed;
	float: left;
	width: 49%;
	margin-left: 2%;
	box-shadow: 14px 14px 20px 0px rgba(0, 0, 0, 0.1);
}

.color-list>ul>li:first-child {
	margin-left: 0;
}

.color-list>ul>li:first-child {
	margin: 0;
}

.color-list>ul>li .info-box {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 20px 20px;
	background: #ffffff;
}

.color-list>ul>li .info-box_pd {
	padding: 30px 20px;
}

.color-list>ul>li .info-box .code {
	font-weight: 700;
	font-size: 1.7rem;
	color: #000;
}

.color-list>ul>li .info-box .detail-info ul {
	margin: 10px 0 0;
}

.color-list>ul>li .info-box .detail-info ul li {
	font-size: 1.5rem;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #777777;
}

.color-list>ul>li .color-view {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.color-list>ul>li .color-view.blue {
	background: #002554;
}

.color-list>ul>li .color-view.red {
	background: #fc0019;
}

.color-list>ul>li .color-view.gray {
	background: #c9caca;
}

.color-list>ul>li .color-view.black {
	background: #231815;
}

.color-list>ul>li .color-view .title {
	display: inline-block;
	position: absolute;
	top: 45px;
	right: 0;
	font-size: 1.7rem;
	line-height: 1.3;
	color: #ffffff;
	transform: rotate(90deg);
}

.cl_dl {
	display: block;
}

/* 애니메이션 효과 */
.ui-list-wr {
	width: 100%;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition: all 1.5s cubic-bezier(0.42, 0.0, 0.58, 1.0);
}

.ui-list-wr.active {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.c-ctit01 {
		font-size: 2.5rem;
	}

	.c-ctit01 .e-tit {
		display: inline;
		padding-left: 6px;
		font-size: 2rem;
	}

	.ui-list-wr .ui-list {
		padding-left: 0;
		margin-bottom: 40px
	}

	.ui-list-wr .ui-list .c-ctit01,
	.ui-list-wr .ui-list:nth-child(2) .c-ctit01 {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 15px
	}

	.ui-list-wr .ui-list p {
		font-size: 1.7rem;
	}

	.ci_btn01 {
		margin-top: 10px;
		text-align: right;
	}

	.ci_float>li {
		float: none;
		width: 100%;
	}

	.ci_float>li:last-child {
		margin-left: 0;
		margin-top: 15px;
	}

	.color-list {
		padding: 25px 25px;
	}

	.color-list>ul>li {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.color-list>ul>li:first-child {
		margin-top: 0;
	}

	.color-list>ul>li .color-view .title {
		font-size: 1.8rem;
	}

	.cl_dl {
		display: inline;
	}
}

@media all and (max-width:640px) {
	.ui-list-wr .ui-list {
		margin-bottom: 30px;
	}

	.ui-list-wr .ui-list p {
		font-size: 1.6rem;
	}

	.c-ctit01 {
		font-size: 1.8rem;
	}

	.c-ctit01 .e-tit {
		font-size: 1.7rem;
	}

	.color-list {
		padding: 20px 20px;
	}

	.color-list>ul>li .info-box {
		padding: 15px 15px;
	}

	.color-list>ul>li .info-box .code {
		font-size: 1.7rem;
	}
}

/* ==================================================
	사업장소개
================================================== */
.place-list {
	position: relative;
	margin-top: 50px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ededed;
}

.place-list .place-txt {
	margin: 0 0 0 500px;
	height: 250px;
	padding: 30px 60px 30px 0;
}

.place-list .place-txt .map-listV {
	overflow: hidden;
	font-size: 0
}

.place-list .place-txt .map-listV li {
	font-size: 1.8rem;
	font-weight: 400;
	color: #555;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0;
	word-wrap: break-word;
	white-space: normal;
	width: 50%
}

.place-list .place-txt .map-listV li.full {
	width: 100%
}

.place-list .place-txt .map-listV li dl:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.place-list .place-txt .map-listV li dl dt {
	float: left;
	width: 24%;
	font-size: 1.8rem;
	font-weight: 700;
	color: #777;
}

.place-list .place-txt .map-listV li dl dd {
	float: left;
	width: 76%;
}

.place-list .place-txt .map-listV li.full dl dt {
	float: left;
	width: 12%;
}

.place-list .place-txt .map-listV li.full dl dd {
	float: left;
	width: 88%;
}

.place-list .place-txt .map-listV li.ffax dl dt {
	float: left;
	width: 15%;
}

.place-list .place-txt .map-listV li.ffax dl dd {
	float: left;
	width: 85%;
}

.place-list .place-txt .map-listV.es li .ef {
	font-weight: 400;
	line-height: 1
}

.place-list .pimg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 410px;
	height: 250px;
}

.place-list .pimg img {
	max-width: 100%;
	border: 1px solid #ededed;
}

.map_tit01 {
	position: relative;
	font-size: 3rem;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	margin: 0 0 20px 0;
}

.map_content {
	position: relative;
	margin-top: 35px;
}

.map_content iframe {
	width: 100%;
	height: 520px;
}

.map_size {
	width: 100%;
}

.map_con {
	position: relative;
	width: 100%;
	height: 520px;
}

.radius_border {
	border: 1px solid #919191;
	border-radius: 5px;
}

.custom_zoomcontrol {
	position: absolute;
	top: 20px;
	right: 10px;
	overflow: hidden;
	z-index: 1;
	background-color: #f5f5f5;
}

.custom_zoomcontrol span {
	display: block;
	text-align: center;
	cursor: pointer;
	padding: 10px 10px 5px 10px;
}

.custom_zoomcontrol span img {
	width: 15px;
	height: 15px;
	border: none;
}

.custom_zoomcontrol span:first-child {
	border-bottom: 1px solid #bfbfbf;
}

/* 모바일CSS */
@media all and (max-width:1399px) {
	.place-list .place-txt .map-listV li {
		width: 50%
	}

	.place-list .place-txt .map-listV li dl dt {
		width: 35%;
	}

	.place-list .place-txt .map-listV li dl dd {
		width: 65%;
	}

	.place-list .place-txt .map-listV li.full dl dt {
		width: 18%;
	}

	.place-list .place-txt .map-listV li.full dl dd {
		width: 82%;
	}
}

@media all and (max-width:1200px) {
	.place-list .place-txt {
		margin: 0 0 0 460px
	}
}

@media all and (max-width:1023px) {
	.place-list {
		margin-top: 30px
	}

	.map_tit01 {
		font-size: 2.5rem;
	}

	.place-list .place-txt {
		margin: 0 0 0 380px;
		padding: 0 50px 20px 0;
		height: 200px
	}

	.place-list.gnet03 .place-txt {
		height: 235px
	}

	.place-list .pimg {
		width: 328px;
		height: 200px
	}

	.place-list .place-txt .map-listV li {
		font-size: 1.7rem;
	}

	.place-list .place-txt .map-listV li dl dt {
		font-size: 1.7rem;
	}
}

@media all and (max-width:899px) {
	.place-list .place-txt {
		margin: 0 0 0 280px;
		height: 210px
	}

	.place-list.knet01 .place-txt {
		height: 220px
	}

	.place-list.gnet02 .place-txt {
		height: 235px
	}

	.place-list.gnet03 .place-txt {
		height: 265px
	}

	.place-list .pimg {
		width: 246px;
		height: 150px
	}

	.place-list .place-txt .map_tit01 {
		font-size: 2rem;
		margin: 0 0 5px
	}

	.place-list .place-txt .map-listV li {
		font-family: 'Inter';
		font-size: 1.5rem;
		line-height: 1.5
	}

	.place-list .place-txt .map-listV li dl dt {
		font-size: 1.6rem;
		font-weight: 500;
	}
}

@media all and (max-width:760px) {
	.place-list {
		margin-top: 20px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.place-list .place-txt .map-listV li {
		width: 100%;
		padding: 2px 0
	}

	.place-list .place-txt .map-listV li dl dt {
		width: 11%;
	}

	.place-list .place-txt .map-listV li dl dd {
		width: 89%;
	}

	.place-list .place-txt .map-listV li.full dl dt {
		float: none;
		width: 100%;
	}

	.place-list .place-txt .map-listV li.full dl dd {
		float: none;
		width: 100%;
	}

	.place-list .place-txt .map-listV li.ffax dl dt {
		width: 11%;
	}

	.place-list .place-txt .map-listV li.ffax dl dd {
		width: 89%;
	}

	.map_content {
		margin-top: 0;
	}
}

@media all and (max-width:699px) {
	.place-list .place-txt {
		margin: 0;
		height: auto;
		padding: 0 0 5px
	}

	.place-list .place-txt .map-listV {
		margin-bottom: 15px;
	}

	.place-list .place-txt .map-listV li {
		margin: 0 0 5px
	}

	.place-list .place-txt .map-listV li dl dt {
		width: 11%;
	}

	.place-list .place-txt .map-listV li dl dd {
		width: 89%;
	}

	.place-list .place-txt .map-listV li.ffax dl dt {
		width: 11%;
	}

	.place-list .place-txt .map-listV li.ffax dl dd {
		width: 89%;
	}

	.place-list .pimg {
		position: relative;
		margin-bottom: 20px;
		width: 100%;
		height: 0;
		padding: 0 0 48.71%
	}

	.place-list .pimg img {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%
	}
}

@media all and (max-width:640px) {
	.map_content iframe {
		height: 400px;
	}

	.map_con {
		height: 400px;
	}
}

@media all and (max-width:599px) {
	.place-list .place-txt .map-listV li {
		font-size: 1.4rem;
	}

	.place-list .place-txt .map-listV li dl dt {
		font-size: 1.5rem;
	}
}

/* ==================================================
	그룹계열사
================================================== */
.group {
	position: relative;
	width: 100%;
	max-width: 1100px;
	height: 0;
	padding-bottom: 72%;
	padding-bottom: 88%;
	margin: 0 auto;
}

.group_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 모바일CSS */
@media all and (max-width:1100px) {
	.group {
		padding-bottom: 92%;
	}
}

/* ==================================================
	인재상
================================================== */
.talent_txt {
	margin-top: 30px;
	font-size: 1.8rem;
}

.talent_cont {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.tlistW {
	margin-top: 70px;
	background: url('../images/about/icon_bg_talent.png') center center no-repeat;
}

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

.tlistW .tlist {
	float: left;
	width: 25%;
	text-align: center;
}

.tlistW .tlist:nth-child(1) {
	background: url('../images/about/icon_talent_01.png') center top no-repeat;
}

.tlistW .tlist:nth-child(2) {
	background: url('../images/about/icon_talent_02.png') center bottom no-repeat;
}

.tlistW .tlist:nth-child(3) {
	background: url('../images/about/icon_talent_03.png') center top no-repeat;
}

.tlistW .tlist:nth-child(4) {
	background: url('../images/about/icon_talent_04.png') center bottom no-repeat;
}

.tlistW .tlist:nth-child(odd) {
	padding-top: 195px;
}

.tlistW .tlist:nth-child(even) {
	padding: 16px 0 200px;
}

.tlistW .tlist .t_tit {
	font-weight: 800;
	color: #222;
	font-size: 2.8rem;
}

.tlistW .tlist .t_txt {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.tlistW .tlist .t_txt>span {
	display: block;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.talent_txt {
		margin-top: 20px;
		font-size: 1.7rem;
	}

	.tlistW {
		margin-top: 20px;
		background: none;
	}

	.tlistW .tlist {
		width: 50%;
		min-height: 100px;
		text-align: left;
	}

	.tlistW .tlist:nth-child(n+3) {
		margin-top: 35px;
	}

	.tlistW .tlist:nth-child(odd) {
		padding: 0 0 0 120px;
		background-size: auto 100px;
		background-position: left center;
	}

	.tlistW .tlist:nth-child(even) {
		padding: 0 0 0 120px;
		background-size: auto 100px;
		background-position: left center;
	}

	.tlistW .tlist .t_tit {
		font-size: 2.2rem;
	}

	.tlistW .tlist .t_txt {
		margin-top: 10px;
		font-size: 1.7rem;
		line-height: 1.5;
	}
}

@media all and (max-width:758px) {
	.talent_txt {
		margin-top: 26px;
		font-size: 1.6rem;
	}

	.tlistW {
		margin-top: 0;
	}

	.tlistW .tlist {
		margin-top: 25px !important;
		width: 100%;
	}

	.tlistW .tlist:nth-child(odd) {
		padding: 0 0 0 110px;
		background-size: auto 80px;
		background-position: left top;
	}

	.tlistW .tlist:nth-child(even) {
		padding-left: 110px;
		background-size: auto 80px;
		background-position: left top;
	}

	.tlistW .tlist .t_txt>span {
		display: inline;
	}
}

@media all and (max-width:640px) {
	.talent_txt {
		font-size: 1.5rem;
	}

	.tlistW .tlist .t_tit {
		font-size: 2rem;
	}

	.tlistW .tlist .t_txt {
		font-size: 1.6rem;
	}
}

/* ==================================================
	복리후생
================================================== */
.border-area {
	position: relative;
	margin-top: -1px;
}

.border-area::before {
	content: '';
	display: inline-block;
	width: 18.66%;
	height: 1px;
	background: #002C6A;
}

.border-area::after {
	content: '';
	display: inline-block;
	width: calc(100% - 18.66%);
	height: 1px;
	background: #dadada;
}

.division {
	display: flex;
	justify-content: flex-start;
}

.division>div {
	padding: 55px 0 50px 0;
}

.division .left {
	width: 280px;
}

.division .right {
	width: calc(100% - 280px);
}

.border-right {
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #dadada;
}

.division .title span {
	display: block;
	color: #002C6A;
	font-size: 2rem;
	font-weight: 700;
}

.division .title {
	color: #111;
	font-size: 3rem;
	font-weight: 700;
}

.division .list {
	font-size: 0;
}

.division .list ul {
	vertical-align: top;
}

.division.bcon02 .list ul {
	display: block;
	width: 100%;
}

.division .list ul li {
	position: relative;
	padding-left: 10px;
	color: #555;
	font-size: 1.8rem;
	line-height: 2;
}

.division .list ul li::before {
	content: "-";
	display: inline-block;
	position: absolute;
	left: 0;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.border-area::before {
		width: 33.33%;
	}

	.border-area::after {
		width: calc(100% - 33.33%);
	}

	.division {
		display: block;
	}

	.division .left,
	.division .right {
		width: 100%
	}

	.division>div {
		padding: 25px 0;
	}

	.division .right {
		padding-top: 0;
		border: 0;
	}

	.division .title span {
		font-size: 1.8rem;
	}

	.division .title {
		font-size: 2.5rem;
	}
}

@media all and (max-width:640px) {
	.border-area::before {
		width: 44.33%
	}

	.border-area::after {
		width: calc(100% - 44.33%)
	}

	.division .left {
		width: 100%;
		padding: 15px 0;
	}

	.division .right {
		width: 100%;
	}

	.division .title span {
		font-size: 1.8rem;
	}

	.division .title {
		font-size: 2.2rem;
	}

	.division .list ul li {
		font-size: 1.7rem;
	}
}

@media all and (max-width:450px) {
	.division .title span {
		font-size: 1.7rem;
	}

	.division .title {
		font-size: 2.1rem;
	}

	.division .list ul li {
		font-size: 1.6rem;
	}
}

/* ==================================================
	사업분야
================================================== */
.biz_title {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.biz_title>h3 {
	font-size: 3.2rem;
	font-weight: 800;
}

.biz_title>h3 span {
	font-size: 2.5rem;
}

.biz_title>a {
	position: absolute;
	right: 0;
	top: 0;
	background: #002c6a;
	padding: 10px 25px;
	border-radius: 12px;
	font-family: 'Play';
	font-style: normal;
	font-weight: 500;
	font-size: 1.6rem;
	color: #fff;
}

.biz_title>a>span {
	padding-right: 6px;
}

.biz_title2 {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.biz_title2>h3 {
	font-size: 3.5rem;
	font-weight: 800;
}

.biz_title2>h3 span {
	font-size: 2.5rem;
}

.biz_title2>a {
	background: #002c6a;
	padding: 10px 25px;
	border-radius: 12px;
	font-family: 'Play';
	font-style: normal;
	font-weight: 500;
	font-size: 1.6rem;
	color: #fff;
}

.biz_title2>a>span {
	padding-right: 6px;
}

.biz_con:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.biz_con+.biz_con {
	margin-top: 45px;
}

.biz_slider {
	float: left;
	width: 50%;
}

.bizsd_wd {
	width: 43.65%;
}

.biz_slider:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.moneImg {
	width: 100%;
	padding: 0 0 1px 0;
	border: 1px solid #d9d9d9;
}

.mainImg {
	float: left;
	width: 73%;
	padding: 0 0 1px 0;
	border: 1px solid #d9d9d9;
}

.biz_thum_box {
	position: relative;
	padding-top: 67.85%;
	overflow: hidden;
}

.biz_thum_box .biz-thum {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.biz_thum_box .biz-thum img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
	object-position: 50% 0;
}

.biz_thum_box:hover .biz-thum img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

.biz_thumbs {
	float: left;
	width: 25%;
	margin-left: 2%;
	background: #dfdfdf;
	padding: 13px 15px;
}

.biz_thumbs a {
	display: block;
	margin-bottom: 10px;
}

.biz_thumbs a:last-child {
	margin-bottom: 0;
}

.biz_thumbs img {
	width: 100%;
}

.biz_list {
	float: left;
	width: 50%;
	padding-left: 50px;
}

.bizls_wd {
	width: 56.35%;
}

.biz_list>ul>li {
	padding-bottom: 12px;
}

.biz_list.fire_list>ul>li {
	padding-bottom: 12px;
}

.biz_list>ul>li:last-child {
	padding-bottom: 0;
}

.biz_list>ul.biz_mctlist>li {
	position: relative;
	color: #1a1a1a;
	font-size: 1.7rem;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	padding-left: 14px;
	padding-bottom: 12px;
}

.biz_list>ul.biz_mctlist>li:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #7f7f7f;
}

.biz_list>ul>li>dl {
	position: relative;
	color: #1a1a1a;
	font-size: 1.7rem;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
}

.biz_list>ul>li>dl:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.biz_list>ul>li>dl>dt {
	float: left;
	width: 35%;
	padding-left: 20px;
	padding-right: 10px;
	font-weight: 500;
}

.biz_list.fire_list>ul>li>dl>dt {
	width: 42%;
}

.biz_list.launching_list>ul>li>dl>dt {
	width: 35%;
}

.biz_list.launching_list2>ul>li>dl>dt {
	width: 40%;
}

.biz_list.launching_list2>ul>li>dl>dt {
	width: 40%;
}

.biz_list.domestic_list>ul>li>dl>dt {
	width: 30%;
}

.biz_list>ul>li>dl.gd_dl>dt {
	width: 20%;
}

.biz_list>ul>li>dl>dt:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #7f7f7f;
}

.biz_list>ul>li>dl>dd {
	float: left;
	width: 65%;
}

.biz_list.fire_list>ul>li>dl>dd {
	width: 58%;
}

.biz_list.launching_list>ul>li>dl>dd {
	width: 65%;
}

.biz_list.launching_list2>ul>li>dl>dd {
	width: 60%;
}

.biz_list.domestic_list>ul>li>dl>dd {
	width: 70%;
}

.biz_list>ul>li>dl.gd_dl>dd {
	width: 80%;
}

/* 모바일CSS */
@media all and (max-width:1300px) {
	.biz_list>ul>li>dl {
		font-size: 1.8rem;
	}

	.biz_list>ul>li>dl>dt:before {
		top: 12px;
	}
}

@media all and (max-width:1200px) {
	.biz_title>h3 {
		font-size: 3.2rem;
	}

	.biz_title>h3 span {
		font-size: 2.4rem;
	}

	.biz_title>a {
		padding: 10px 22px;
		font-size: 1.5rem;
	}

	.biz_title2>h3 {
		font-size: 2.8rem;
	}

	.biz_title2>h3 span {
		font-size: 2.4rem;
	}

	.biz_title2>a {
		padding: 10px 22px;
		font-size: 1.5rem;
	}

	.biz_con+.biz_con {
		margin-top: 35px;
	}

	.biz_list {
		padding-left: 35px;
	}

	.biz_list>ul.biz_mctlist>li {
		font-size: 1.7rem;
	}

	.biz_list>ul.biz_mctlist>li:before {
		top: 11px;
	}

	.biz_list>ul>li>dl {
		font-size: 1.7rem;
	}

	.biz_list>ul>li>dl>dt:before {
		top: 11px;
	}
}

@media all and (max-width:1023px) {
	.biz_title>h3 {
		font-size: 2.8rem;
	}

	.biz_title>h3 span {
		font-size: 2rem;
	}

	.biz_title2>h3 {
		font-size: 2.4rem;
	}

	.biz_title2>h3 span {
		font-size: 2rem;
	}

	.biz_slider {
		float: none;
		width: 100%;
	}

	.biz_list {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 25px;
	}

	.biz_list>ul.biz_mctlist>li {
		font-size: 1.6rem;
	}

	.biz_list>ul.biz_mctlist>li:before {
		top: 10px;
	}

	.biz_list>ul>li>dl {
		font-size: 1.6rem;
	}

	.biz_list>ul>li>dl>dt:before {
		top: 10px;
	}
}

@media all and (max-width:640px) {
	.biz_title {
		margin-bottom: 20px;
	}

	.biz_title>h3 {
		font-size: 2.5rem;
	}

	.biz_title>h3 span {
		font-size: 1.7rem;
	}

	.biz_title>a {
		padding: 7px 18px;
		font-size: 1.4rem;
	}

	.biz_title>a>span img {
		width: 100%;
		max-width: 20px;
	}

	.biz_title2 {
		margin-bottom: 20px;
	}

	.biz_title2>h3 {
		font-size: 2.2rem;
	}

	.biz_title2>h3 span {
		font-size: 1.7rem;
	}

	.biz_title2>a {
		padding: 7px 18px;
		font-size: 1.4rem;
	}

	.biz_title2>a>span img {
		width: 100%;
		max-width: 20px;
	}

	.biz_con+.biz_con {
		margin-top: 25px;
	}

	.biz_list>ul.biz_mctlist>li {
		font-size: 1.5rem;
	}

	.biz_list>ul.biz_mctlist>li:before {
		top: 8px;
	}

	.biz_list>ul>li>dl {
		font-size: 1.5rem;
	}

	.biz_list>ul>li>dl>dt:before {
		top: 8px;
	}

	.biz_list>ul>li>dl>dt {
		width: 35%;
	}

	.biz_list.fire_list>ul>li>dl>dt {
		width: 40%;
	}

	.biz_list.launching_list>ul>li>dl>dt {
		width: 55%;
	}

	.biz_list>ul>li>dl.gd_dl>dt {
		width: 22%;
	}

	.biz_list>ul>li>dl>dd {
		width: 65%;
	}

	.biz_list.fire_list>ul>li>dl>dd {
		width: 60%;
	}

	.biz_list.launching_list>ul>li>dl>dd {
		width: 45%;
	}

	.biz_list>ul>li>dl.gd_dl>dd {
		width: 78%;
	}
}

@media all and (min-width:501px) {
	.biz_title2>a {
		position: absolute;
		right: 0;
		top: 0;
	}
}

@media all and (max-width:500px) {
	.biz_title>h3 {
		font-size: 2.2rem;
	}

	.biz_title>h3 span {
		font-size: 1.7rem;
	}

	.biz_title2>h3 {
		font-size: 2rem;
	}

	.biz_title2>h3 span {
		font-size: 1.6rem;
	}

	.biz_title2>a {
		position: relative;
		display: inline-block;
		margin-top: 5px;
	}

	.mainImg {
		float: none;
		width: 100%;
	}

	.biz_thumbs {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 12px 12px;
	}

	.biz_thumbs:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.biz_thumbs a {
		float: left;
		width: 32%;
		margin-left: 2%;
		margin-bottom: 0;
	}

	.biz_thumbs a:first-child {
		margin-left: 0;
	}

	.biz_list>ul>li>dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list.fire_list>ul>li>dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list.launching_list>ul>li>dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list.launching_list2>ul>li>dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list.domestic_list>ul>li>dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list>ul>li>dl.gd_dl>dt {
		float: none;
		width: 100%;
	}

	.biz_list>ul>li>dl>dd {
		float: none;
		width: 100%;
		padding-left: 20px;
		margin-top: 5px;
	}

	.biz_list.fire_list>ul>li>dl>dd {
		float: none;
		width: 100%;
	}

	.biz_list.launching_list>ul>li>dl>dd {
		float: none;
		width: 100%;
	}

	.biz_list.launching_list2>ul>li>dl>dd {
		float: none;
		width: 100%;
	}

	.biz_list.domestic_list>ul>li>dl>dd {
		float: none;
		width: 100%;
	}

	.biz_list>ul>li>dl.gd_dl>dd {
		float: none;
		width: 100%;
	}

}

/* ==================================================
	사업분야 - 공작기계
================================================== */
.mct_contact {
	position: relative;
	padding: 12px 25px 10px 25px;
	margin-bottom: 20px;
	border: 1px solid #ece8e5;
	box-shadow: 4px 4px #e8e8e8;
	font-size: 1.8rem;
}

.mct_contact:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.mct_conleft {
	float: left;
	width: calc(100% - 450px);
}

.mct_conleft h3 {
	display: block;
	transform: skew(-0.03deg);
	padding-left: 30px;
	color: #333;
	font-size: 1.8rem;
	font-weight: 500;
	background: url('../images/icon/notice.gif') no-repeat 0 2px;
}

.mct_conright {
	float: right;
	width: 450px;
	text-align: right;
	color: #002C6A;
	font-weight: 700;
}

.mctcleft_con a {
	margin-left: 20px;
	color: #333;
}

.mctcleft_con a:hover {
	color: #002C6A;
}

.mctcleft_con a img {
	width: 100%;
	max-width: 23px;
	margin-right: 10px;
}

.biz_mcttit {
	position: relative;
	text-align: left;
	padding-left: 15px;
	font-size: 2rem;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 20px;
}

.biz_mcttit_mb {
	margin-bottom: 10px;
}

.biz_mcttit:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	vertical-align: middle;
	background: #cf2229;
	padding: 8px 0;
	width: 4px;
}

/* 모바일CSS */
@media all and (max-width:1200px) {
	.biz_mcttit {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}

	.biz_mcttit:before {
		top: 4px;
		padding: 10px 0;
	}
}

@media all and (max-width:1023px) {
	.mct_contact {
		padding: 12px 20px 10px 20px;
		font-size: 1.7rem;
	}

	.mct_conleft {
		float: none;
		width: 100%;
	}

	.mct_conleft h3 {
		font-size: 1.7rem;
		background: url('../images/icon/notice.gif') no-repeat 0 0;
	}

	.mct_conright {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}

	.biz_mcttit {
		font-size: 1.9rem;
	}
}

@media all and (max-width:640px) {
	.biz_mcttit {
		font-size: 1.7rem;
	}

	.biz_mcttit:before {
		padding: 8px 0;
	}
}

@media all and (max-width:500px) {
	.mct_contact {
		padding: 10px 20px;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.mctcleft_con a img {
		max-width: 20px;
	}

	.mct_conleft {
		display: none;
	}

	.mctcleft_con a {
		margin-left: 10px;
	}

	.mct_conright {
		margin-top: 0;
	}
}

/* ==================================================
	사업분야 - 자동차부품 - 해외수출 - 기타고객
================================================== */
.etc_cuscon {
	margin-top: 40px;
	padding: 50px 50px;
	background: #c6d6e5;
	border-radius: 25px;
}

.etc_cuscon img {
	width: 100%;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.etc_cuscon {
		margin-top: 30px;
		padding: 40px 40px;
		border-radius: 20px;
	}
}

@media all and (max-width:640px) {
	.etc_cuscon {
		margin-top: 25px;
		padding: 20px 20px;
		border-radius: 15px;
	}
}

/* ==================================================
	연구개발 - R&D센터
================================================== */
.rndc_banner:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rndc_banner .rnds_banner {
	position: relative;
	float: left;
	width: 47%;
	height: 370px;
}

.rndc_banner .rndbanner_img {
	position: relative;
	float: left;
	width: 53%;
	height: 370px;
}

.rndc_banner .rnds_banner {
	background: #0048ab;
}

.rndc_banner .rnds_banner:before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 1px;
	height: 0;
	padding-top: 17%;
	background: #fff;
	opacity: 0.3;
	left: 0;
	top: 0;
	margin-left: 8%
}

.rndc_banner .rnds_banner:after {
	background: #0048ab;
	content: "";
	position: absolute;
	width: 12%;
	height: 100%;
	top: 0;
	right: -6%;
	z-index: 5;
	transform: skewX(-12deg);
}

.rnds_banner strong {
	display: block;
	font-weight: 400;
	font-size: 1.7rem;
	color: #fff;
	opacity: 0.5;
	word-break: keep-all
}

.rnds_banner .rnds_text {
	display: inline-block;
	font-size: 2.5rem;
	letter-spacing: -0.5px;
	line-height: 1.375;
	color: #fff;
	padding-top: 5%
}

.rndc_p {
	font-size: 1.8rem;
	margin-top: 10px;
}

.rndc_dl {
	display: block;
}

.rndc_banner .rndbanner_img {
	background: url('../images/rnd/rndcenter_timg.jpg') no-repeat 50% 0;
	background-size: cover
}

/* 상단텍스트 */
.rndc_btext {
	margin-top: 30px;
	font-size: 1.8rem;
	line-height: 1.7;
}

.rndc_btext p {
	padding-top: 15px;
}

.rndc_btext p:first-child {
	padding-top: 0;
}

/* 연구소활동 */
.rndc_box {
	background: #f7f7f7;
	padding: 45px 45px;
	margin-top: 45px;
}

.rndc_box .rnd_rtitsub {
	display: inline;
	font-size: 2rem;
	font-weight: 500;
	padding-left: 15px;
}

.rndc_bcon {
	margin-top: 32px;
	border-top: 1px solid #e5e5e5;
}

.rndc_bcon>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rndc_bcon>ul>li {
	float: left;
	width: 48%;
	margin-left: 4%;
	padding-top: 32px;
}

.rndc_bcon>ul>li:first-child {
	margin-left: 0;
}

.rndc_bcon>ul>li:nth-child(2n+1) {
	clear: both;
	margin-left: 0;

}

.rndin_tit {
	font-size: 2.5rem;
	font-weight: 700;
	color: #222222;
}

.rndin_tit span.num {
	display: inline-block;
	position: relative;
	width: 38px;
	height: 38px;
	background-color: #00287a;
	color: #fff;
	border-radius: 38px;
	line-height: 38px;
	font-family: 'Poppins';
	font-size: 1.6rem;
	text-align: center;
	vertical-align: bottom;
}

.rndin_txt {
	height: 58px;
	font-size: 1.7rem;
	line-height: 1.7;
	margin-top: 20px;
	color: #222222;
}

.rndin_img {
	margin-top: 25px;
}

.rndin_img>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rndin_img>ul>li {
	float: left;
	width: 48%;
	margin-left: 4%;
}

.rndin_img>ul>li:first-child {
	margin-left: 0;
}

.rndin_img>ul>li img {
	width: 100%;
	border: 1px solid #dcdcdc;
}

/* 모바일CSS  */
@media screen and (max-width:1400px) {
	.rndc_banner .rnds_banner:after {
		display: none;
	}
}

@media screen and (min-width:1024px) {
	.rndc_box .red_title {
		display: inline;
		background: url('../images/icon/red_title.png') no-repeat 0 12px;
	}
}

@media screen and (max-width:1023px) {

	/* 연구소활동 */
	.rndc_box {
		padding: 35px 35px;
		margin-top: 35px;
	}

	.rndc_box .rnd_rtitsub {
		display: block;
		font-size: 1.8rem;
		padding-left: 0;
		padding-top: 5px;
	}

	.rndc_bcon {
		margin-top: 25px;
	}

	.rndc_bcon>ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-top: 25px;
	}

	.rndin_tit {
		font-size: 2.3rem;
	}

	.rndin_tit span.num {
		width: 34px;
		height: 34px;
		border-radius: 34px;
		line-height: 34px;
		font-size: 1.4rem;
	}

	.rndin_txt {
		height: auto;
	}
}

@media screen and (min-width:801px) {
	.rnds_txt {
		position: absolute;
		top: 0;
		left: 0;
		margin: 20% 6% 0 6%;
	}
}

@media screen and (max-width:800px) {
	.rndc_banner .rnds_banner {
		float: none;
		width: 100%;
		padding: 30px 30px;
		height: auto;
	}

	.rndc_banner .rndbanner_img {
		float: none;
		width: 100%;
		height: 350px;
	}

	.rndc_banner .rnds_banner:before {
		display: none;
	}

	.rndc_banner .rnds_banner:after {
		padding-top: 8%;
		margin-left: 8%
	}

	.rnds_banner strong {
		font-size: 1.5rem;
	}

	.rnds_banner .rnds_text {
		font-size: 2rem;
		padding-top: 3%;
	}

	.rndc_p {
		font-size: 1.7rem;
		margin-top: 7px;
	}

	/* 상단텍스트 */
	.rndc_btext {
		margin-top: 25px;
		font-size: 1.7rem;
		text-align: left;
	}

	.rndc_btext p {
		padding-top: 10px;
	}

	/* 연구소활동 */
	.rndc_box {
		padding: 25px 25px;
		margin-top: 25px;
	}

	.rndc_box .rnd_rtitsub {
		font-size: 1.7rem;
		padding-top: 5px;
	}

	.rndin_tit {
		font-size: 2rem;
	}
}

@media screen and (max-width:640px) {
	.rnds_banner .rnds_text {
		font-size: 1.8rem
	}

	.rndc_p {
		font-size: 1.6rem;
		margin-top: 5px;
	}

	/* 상단텍스트 */
	.rndc_btext {
		font-size: 1.6rem;
	}

	/* 연구소활동 */
	.rndin_txt {
		margin-top: 15px;
	}
}

@media screen and (max-width:480px) {
	.rndc_banner .rndbanner_img {
		height: 200px
	}
}

@media screen and (max-width:450px) {

	/* 연구소활동 */
	.rndc_box .rnd_rtitsub {
		font-size: 1.6rem;
	}

	.rndin_txt {
		font-size: 1.6rem;
		letter-spacing: -0.03em;
	}
}

/* ==================================================
	연구개발 - 연구분야 / 시험장비소개
================================================== */
.rfield_stit {
	font-size: 2rem;
	font-weight: 700;
	margin-top: 10px;
	color: #333;
}

.rndw_line_list {
	margin-top: 10px;
}

/* 이미지슬라이더01 - 좌우정렬 */
.rnd_slider {
	background: #dfdfdf;
	padding: 35px 35px;
	border-radius: 25px;
}

.rnd_slider:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rmainImg {
	float: left;
	width: 79.5%;
	padding: 0 0 1px 0;
	border: 1px solid #d9d9d9;
}

.rnd_thum_box {
	position: relative;
	padding-top: 67.85%;
	overflow: hidden;
}

.rnd_thum_box .rnd-thum {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.rnd_thum_box .rnd-thum img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
	object-position: 50% 0;
}

.rnd_thum_box:hover .rnd-thum img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

.rnd_thumbs {
	float: left;
	width: 17.5%;
	margin-left: 3%;
}

.rnd_thumbs a {
	display: block;
	margin-bottom: 20px;
}

.rnd_thumbs a:last-child {
	margin-bottom: 0;
}

.rnd_thumbs img {
	width: 100%;
}

/* 이미지슬라이더02 - 좌우정렬 (리스트3개짜리) */
.rnd_slider02 {
	background: #dfdfdf;
	padding: 35px 35px;
	border-radius: 25px;
}

.rnd_slider02:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rmainImg02 {
	float: left;
	width: 74.4%;
	padding: 0 0 1px 0;
	border: 1px solid #d9d9d9;
}

.rnd_thum_box02 {
	position: relative;
	padding-top: 67.85%;
	overflow: hidden;
}

.rnd_thum_box02 .rnd-thum02 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.rnd_thum_box02 .rnd-thum02 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
	object-position: 50% 0;
}

.rnd_thum_box02:hover .rnd-thum02 img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

.rnd_thumbs02 {
	float: left;
	width: 22.6%;
	margin-left: 3%;
}

.rnd_thumbs02 a {
	display: block;
	margin-bottom: 20px;
}

.rnd_thumbs02 a:last-child {
	margin-bottom: 0;
}

.rnd_thumbs02 img {
	width: 100%;
}

/* 이미지슬라이더03 - 상하정렬 */
.rnd_slider03 {
	background: #e9e9e9;
	padding: 30px 30px;
	border-radius: 15px;
}

.rnd_slider03:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rmainImg03 {
	width: 100%;
	padding: 0 0 1px 0;
	border: 1px solid #d9d9d9;
}

.rnd_thum_box03 {
	position: relative;
	padding-top: 67.85%;
	overflow: hidden;
}

.rnd_thum_box03 .rnd-thum03 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.rnd_thum_box03 .rnd-thum03 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
	object-position: 50% 0;
}

.rnd_thum_box03:hover .rnd-thum03 img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

.rnd_thumbs03 {
	width: 100%;
	margin-top: 20px;
}

.rnd_thumbs03 a {
	display: block;
	float: left;
	width: 31.33333333333333%;
	margin-left: 3%;
}

.rnd_thumbs03 a:first-child {
	margin-left: 0;
}

.rnd_thumbs03 img {
	width: 100%;
}

/* 컨텐츠 좌우정렬형태 */
.rfield_box {}

.rfield_text {
	font-size: 1.8rem;
	margin-top: 15px;
}

.rfield_float>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rfield_float>ul>li {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-top: 35px;
}

.rfield_float>ul>li:first-child {
	margin-left: 9;
}

.rfield_float>ul>li .rnd_slider02 {
	margin-top: 30px;
}

/* 시험장비소개 */
.rtest_text {
	font-size: 1.8rem;
	margin-bottom: 25px;
}

.testr_list {
	margin-bottom: 25px;
}

/* 모바일CSS */
@media all and (max-width:1200px) {

	/* 이미지슬라이더01 - 좌우정렬 */
	.rnd_slider {
		padding: 35px 35px;
		border-radius: 20px;
	}

	/* 이미지슬라이더02 - 좌우정렬 (리스트3개짜리) */
	.rnd_slider02 {
		padding: 35px 35px;
		border-radius: 20px;
	}

}

@media all and (min-width:1024px) {

	/* 컨텐츠 좌우정렬형태 */
	.rfield_float>ul>li:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media all and (max-width:1023px) {
	.rfield_stit {
		display: inline-block;
		font-size: 1.8rem;
	}

	/* 이미지슬라이더01 - 좌우정렬 */
	.rnd_slider {
		padding: 25px 25px;
		border-radius: 15px;
	}

	/* 이미지슬라이더02 - 좌우정렬 (리스트3개짜리) */
	.rnd_slider02 {
		padding: 25px 25px;
		border-radius: 15px;
	}

	/* 컨텐츠 좌우정렬형태 */
	.rfield_text {
		font-size: 1.7rem;
		margin-top: 10px;
	}

	.rfield_float>ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.rfield_float>ul>li .rnd_slider02 {
		margin-top: 25px;
	}

	/* 시험장비소개 */
	.rtest_text {
		font-size: 1.7rem;
		margin-bottom: 20px;
	}
}

@media all and (max-width:640px) {

	/* 이미지슬라이더01 - 좌우정렬 */
	.rmainImg {
		float: none;
		width: 100%;
	}

	.rnd_thumbs {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 12px;
	}

	.rnd_thumbs:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.rnd_thumbs a {
		float: left;
		width: 23.5%;
		margin-left: 2%;
		margin-bottom: 0;
	}

	.rnd_thumbs a:first-child {
		margin-left: 0;
	}

	/* 이미지슬라이더02 - 좌우정렬 (리스트3개짜리) */
	.rmainImg02 {
		float: none;
		width: 100%;
	}

	.rnd_thumbs02 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 12px;
	}

	.rnd_thumbs02:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.rnd_thumbs02 a {
		float: left;
		width: 31.33333333333333%;
		margin-left: 3%;
		margin-bottom: 0;
	}

	.rnd_thumbs02 a:first-child {
		margin-left: 0;
	}

	/* 이미지슬라이더03 - 상하정렬 */
	.rnd_slider03 {
		padding: 20px 20px;
	}

	.rnd_thumbs03 {
		margin-top: 10px;
	}

	/* 컨텐츠 좌우정렬형태 */
	.rfield_text {
		font-size: 1.6rem;
	}
}

@media all and (max-width:450px) {

	/* 컨텐츠 좌우정렬형태 */
	.rfield_text {
		font-size: 1.5rem;
	}
}

/* ==================================================
	연구개발 - 연구분야 - 방위산업
================================================== */
.rdef_mt01 {
	margin-top: 30px;
}

.rdef-list {
	line-height: 1.5;
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.rdef-list>li {
	position: relative;
	padding-left: 15px;
	margin-top: 10px;
	color: #002C6A;
}

.rdef-list>li:first-child {
	margin-top: 0;
}

.rdef-list>li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 16px;
	background: #002C6A;
}

.rdef-list .width_line_list {
	color: #333;
	font-weight: 500;
}

/* 이미지3개 */
.rdef_ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rdef_ul>li {
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-top: 30px;
}

.rdef_ul>li:first-child {
	margin-left: 0;
}

.rdef_ul>li:nth-child(1),
.rdef_ul>li:nth-child(2),
.rdef_ul>li:nth-child(3) {
	margin-top: 0;
}

.rdef_ul>li img {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 10px 10px 0 0;
}

.rdef_ul>li p {
	background-color: #dde7f7;
	border-radius: 0 0 10px 10px;
	padding: 10px 2px;
	text-align: center;
	font-size: 1.5rem;
}

/* 시험절차 */
.r_process05 {
	margin-top: 20px;
	text-align: center;
}

.r_process05 .r_process-list05>li {
	display: inline-block;
	position: relative;
	width: 17%;
	margin-right: 3%;
	padding: 20px 9px;
	min-height: 110px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: top;
}

.r_process05 .r_process-list05>li:after {
	position: absolute;
	display: block;
	content: "";
	width: 19px;
	height: 9px;
	right: -27px;
	top: 65px;
	background: url('../images/icon/c_arr01.png') no-repeat;
}

.r_process05 .r_process-list05>li:nth-child(5n) {
	margin-right: 0;
}

.r_process05 .r_process-list05>li:nth-child(5n):after {
	display: none;
}

.r_process05 .r_process-list05>li:last-child:after {
	display: none;
}

.r_process05 .r_process-list05>li .tit {
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 24px;
	font-size: 1.8rem;
}

.r_process05 .r_process-list05>li .txt {
	display: block;
	min-height: 95px;
	font-size: 1.7rem;
}

.r_process05 .r_process-list05>li .txt span {
	font-size: 1.5rem;
}

.r_process05 .r_process-list05>li .txt strong {
	font-weight: 700;
	font-size: 1.5rem;
}

.r_process05 .r_process-list05>li:nth-child(odd) {
	background: #005aab;
	border: 0;
	color: #fff;
}

.r_process05 .r_process-list05>li:nth-child(even) {
	background: #f0f0f0;
	color: #646464;
}

.r_process05 .r_process-list05>li:first-child .tit,
.r_process05 .r_process-list05>li:last-child .tit {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* 박스내용 */
.rdf_box {
	margin-top: 20px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 20px 30px;
}

.rdf_box>ul {
	font-size: 1.7rem;
}

.rdf_box>ul>li {
	margin-bottom: 6px;
}

.rdf_box>ul>li:last-child {
	margin-bottom: 0;
}

.rdf_box>ul>li strong {
	font-weight: 700;
}

/* 이미지 */
.rdef_img {
	margin-top: 20px;
	text-align: center;
}

.rdef_img img {
	width: 100%;
	max-width: 693px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.rdef-list {
		font-size: 1.8rem;
	}

	.rdef-list>li {
		padding-left: 12px;
	}

	.rdef-list>li:before {
		top: 6px;
		width: 4px;
		height: 14px;
	}

	/* 이미지3개 */
	.rdef_ul>li p {
		padding: 8px 2px;
		font-size: 1.6rem;
	}

	/* 박스내용 */
	.rdf_box {
		padding: 15px 25px;
	}

	.rdf_box>ul {
		font-size: 1.6rem;
	}
}

@media all and (max-width:910px) {
	.r_process05 .r_process-list05>li {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 35px;
		padding: 15px 10px;
		min-height: auto;
	}

	.r_process05 .r_process-list05>li:after {
		width: 11px;
		height: 23px;
		right: auto;
		top: auto;
		left: 50%;
		bottom: -30px;
		margin-left: -6px;
		background: url('../images/icon/c_arr02.png') no-repeat;
	}

	.r_process05 .r_process-list05>li:nth-child(5n):after {
		display: block;
	}

	.r_process05 .r_process-list05>li:last-child:after {
		display: none;
	}

	.r_process05 .r_process-list05>li:last-child {
		margin-bottom: 0;
	}

	.r_process05 .r_process-list05>li .txt {
		width: 80%;
		min-height: auto;
		margin: 0 auto;
		font-size: 1.6rem;
	}

	.r_process07 .r_process-list05>li .txt strong {
		font-size: 1.7rem;
	}

	.r_process05 .r_process-list05>li .tit {
		margin-bottom: 15px;
		font-size: 1.6rem;
	}
}

@media all and (min-width:641px) {

	/* 이미지3개 */
	.rdef_ul>li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media all and (max-width:640px) {

	/* 이미지3개 */
	.rdef_ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.rdef_ul>li:nth-child(2) {
		margin-top: 30px;
	}
}

/* ==================================================
	연구개발 - 연구분야 - 자동차부품
================================================== */
.rcar_ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rcar_ul>li {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-top: 30px;
}

.rcar_ul>li:first-child {
	margin-left: 0;
}

.rcar_ul>li:nth-child(1),
.rcar_ul>li:nth-child(2) {
	margin-top: 0;
}

.rcar_ul>li img {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 10px 10px 0 0;
}

.rcar_ul>li p {
	background-color: #dde7f7;
	border-radius: 0 0 10px 10px;
	padding: 10px 2px;
	text-align: center;
	font-size: 1.5rem;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.rcar_ul>li p {
		padding: 8px 2px;
		font-size: 1.5rem;
	}
}

@media all and (min-width:641px) {
	.rcar_ul>li:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media all and (max-width:640px) {
	.rcar_ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.rcar_ul>li:nth-child(2) {
		margin-top: 30px;
	}
}

/* ==================================================
	연구개발 - 기술제휴
================================================== */
.tieup_table table {
	width: 100%;
	margin-top: 50px;
	border-top: 2px solid #014181;
	border-bottom: 2px solid #014181;
	font-size: 1.7rem;
	transform: skew(-0.03deg);
	text-align: center;
}

.tieup_table table tr th {
	padding: 13px 5px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	background: #EAE9F7;
	color: #333;
	font-weight: 700;
}

.tieup_table table tr th:first-child {
	border-left: 0;
}

.tieup_table table tr td {
	padding: 13px 5px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	color: #333;
}

.tieup_table table tr td:first-child {
	border-left: 0;
}

.tieutb_bl {
	border-left: 1px solid #ddd !important;
}

.tieutb_bg {
	background: #f5f5f5;
}

.tieutb_bold {
	font-weight: 700;
}

/* 테이블사이즈 */
.tieutb_width01 {
	width: 25%;
}

.tieutb_width02 {
	width: 50%;
}

.tieutb_width03 {
	width: 25%;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.tieup_table table {
		margin-top: 20px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width:640px) {
	.tieup_table table {
		font-size: 1.4rem;
	}

	.tieup_table table tr td {
		padding: 10px 5px;
	}
}

/* ==================================================
	지속가능경영
================================================== */
/* 상단  텍스트 */
.sustainability_box {
	background: #f7f7f7;
	padding: 35px 35px;
}

.sustainability_txt {
	margin-top: 20px;
	font-size: 1.9rem;
	line-height: 1.8;
}

/* 다이어그램 */
.sus_diagram {
	/* font-size: 0; */
	letter-spacing: 0;
	word-spacing: 0;
	margin: 120px 0 0;
}

.sus_diagram:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.sus_diagram>li {
	position: relative;
	float: left;
	width: 31.33333333333333%;
	height: 420px;
	margin-right: 3%;
	padding: 0 25px;
	box-shadow: 0 0px 24px -6px rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #fff;
	border-radius: 30px;
}

.csr_diagram>li {
	height: 320px;
}

.sus_diagram>li:nth-child(1) {
	background: #3f9cde;
}

.sus_diagram>li:nth-child(2) {
	background: #5fceca;
}

.sus_diagram>li:nth-child(3) {
	background: #a3c422;
}

.sus_diagram>li:last-child {
	margin-right: 0;
}

.sus_diagram>li .susdia_img {
	margin-top: -89px;
}

.sus_diagram>li .susdia_img img {
	max-width: 150px;
}

.sus_diagram>li:nth-child(1) .susdia_img img {
	border: 15px solid #3f9cde;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.sus_diagram>li:nth-child(2) .susdia_img img {
	border: 15px solid #5fceca;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.sus_diagram>li:nth-child(3) .susdia_img img {
	border: 15px solid #a3c422;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.sus_diagram>li .susdia {
	font-size: 2.5rem;
	font-weight: 700;
	padding: 12px 0;
	border-bottom: 1px solid #fff;
}

.sus_diagram>li .susdia_desc {
	padding-top: 10px;
	text-align: center;
	letter-spacing: -0.05rem;
}

.sus_diagram>li .susdia_desc .l-list01 {
	display: inline-block;
	text-align: left;
}

.sus_diagram>li .susdia_desc .l-list01>li {
	color: #fff;
}

.sus_diagram>li .susdia_desc .l-list01>li:before {
	background: #fff;
}

/* 모바일CSS */
@media all and (max-width:1200px) {

	/* 다이어그램 */
	.sus_diagram>li {
		height: 400px;
	}

	.csr_diagram>li {
		height: 350px;
	}

	.sus_diagram>li .susdia_img img {
		max-width: 120px;
	}

	.sus_diagram>li .susdia {
		font-size: 2.3rem;
	}
}

@media all and (max-width:1023px) {

	/* 상단  텍스트 */
	.sustainability_box {
		padding: 30px 30px;
	}

	.sustainability_txt {
		font-size: 1.8rem;
	}


	/* 다이어그램 */
	.sus_diagram {
		margin: 0;
		padding-top: 15px;
	}

	.sus_diagram>li {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 25px;
	}

	.sus_diagram>li .susdia_img {
		margin-top: 0;
		padding-top: 15px;
	}

	.sus_diagram>li:nth-child(1) .susdia_img img {
		border: 0;
	}

	.sus_diagram>li:nth-child(2) .susdia_img img {
		border: 0;
	}

	.sus_diagram>li:nth-child(3) .susdia_img img {
		border: 0;
	}


	.sus_diagram>li .susdia_desc {
		padding: 10px 0 20px 0;
	}
}

@media all and (max-width:640px) {

	/* 상단  텍스트 */
	.sustainability_box {
		padding: 25px 25px;
	}

	.sustainability_txt {
		font-size: 1.7rem;
		text-align: left;
	}

	/* 다이어그램 */
	.sus_diagram>li .susdia {
		font-size: 2rem;
		padding: 15px 0 15px;
	}

	.sus_diagram>li .susdia_img img {
		max-width: 100px;
	}
}

@media all and (max-width:450px) {

	/* 다이어그램 */
	s .sus_diagram>li .susdia {
		font-size: 1.8rem;
	}

	.sus_diagram>li .susdia_img img {
		max-width: 80px;
	}
}

/* ==================================================
	경영이념
================================================== */
.ph_top {
	margin-top: 20px;
}

.ph_top>h3 {
	font-size: 2.2rem;
	line-height: 1.7;
}

.ph_top>h3 .ph_tbtxt {
	display: block;
	font-size: 1.8rem;
	font-weight: 400;
	padding-top: 10px;
}

.gray_box_wrap {
	margin-top: 30px;
	padding: 40px;
	background: #f6f6f6;
}

.ph_radius_tit {
	width: 310px;
	padding: 8px 5px;
	margin: 0 auto;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	background-color: #002C6A;
	border-radius: 60px;
}

.ph_radius_tit+h6 {
	margin-top: 30px;
	font-size: 2.2rem;
	font-weight: 500;
	color: #222;
	text-align: center;
}

/* 핵심전략 */
.phlist_total {
	width: 100%;
	margin-top: 50px;
}

.phlist_total:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.phlist_total li {
	float: left;
	width: 25%;
	text-align: center
}

.phlist_total li .circle {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 260px;
	height: 260px;
	border-radius: 100%;
}

.phlist_total li:last-child .circle:after {
	display: none
}

.phlist_total li:nth-child(even) .circle {
	background: #696969
}

.phlist_total li:nth-child(odd) .circle {
	background: #1F57B6
}

.phlist_total li .circle>div {
	display: table;
	width: 100%;
	height: 100%;
}

.phlist_total li .circle p {
	display: table-cell;
	font-size: 1.7rem;
	color: #fff;
	vertical-align: middle;
	padding: 0 10px;
}

.phlist_total li .circle p span {
	display: block;
	font-size: 3rem;
	font-weight: 700;
}

/* 기업정신 */
.entrep_con>ul {
	margin-top: 45px;
}

.entrep_con>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.entrep_con>ul>li {
	float: left;
	width: 31.33333333333333%;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e1e1e1;
	margin-left: 3%;
	padding: 25px 25px;
	text-align: center;
}

.entrep_con>ul>li:first-child {
	margin-left: 0;
}

.entrep_con>ul>li img {
	width: 100%;
	max-width: 100px;
}

.entrep_con>ul>li h3 {
	font-size: 2.3rem;
	line-height: 1.1;
	color: #d71826;
	margin-top: 30px;
}

.entrep_con>ul>li p {
	font-size: 1.8rem;
	line-height: 1.1;
	color: #333;
	margin-top: 10px;
}

/* 애니메이션 효과 */
.gray_box_wrap {
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition: all 1s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	transition: .8s;
}

.gray_box_wrap.active {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.gray_box_wrap.gbox_01 {
	transition-delay: .3s
}

.gray_box_wrap.gbox_02 {
	transition-delay: .4s
}

.gray_box_wrap.gbox_03 {
	transition-delay: .5s
}

.gray_box_wrap.gbox_04 {
	transition-delay: .6s
}

.gray_box_wrap.gbox_05 {
	transition-delay: .7s
}

.gray_box_wrap.gbox_06 {
	transition-delay: .8s
}

/* 모바일CSS */
@media all and (max-width:1200px) {

	/* 핵심전략 */
	.phlist_total li .circle {
		width: 220px;
		height: 220px;
	}

	.phlist_total li .circle p {
		font-size: 1.6rem;
	}

	.phlist_total li .circle p span {
		font-size: 2.5rem;
	}

}

@media all and (max-width:1100px) {
	.ph_top>h3 {
		font-size: 1.8rem;
	}

	.ph_top>h3 .ph_tbtxt {
		display: inline;
		font-size: 1.7rem;
		padding-top: 0;
	}

	.ph_radius_tit {
		font-size: 2.2rem;
	}

	.ph_radius_tit+h6 {
		margin-top: 25px;
		font-size: 2rem;
	}

	/* 핵심전략 */
	.phlist_total li .circle {
		width: 200px;
		height: 200px;
	}

	.phlist_total li .circle p {
		font-size: 1.5rem;
	}

	.phlist_total li .circle p span {
		font-size: 2.3rem;
	}
}

@media all and (max-width:1023px) {
	.ph_top>h3 {
		font-size: 1.7rem;
	}

	.ph_top>h3 .ph_tbtxt {
		font-size: 1.6rem;
	}

	.ph_radius_tit {
		font-size: 2rem;
	}

	.ph_radius_tit+h6 {
		font-size: 1.9rem;
	}

	/* 핵심전략 */
	.phlist_total {
		margin-top: 30px;
	}

	.phlist_total li {
		float: left;
		width: 50%;
	}

	.phlist_total li:nth-child(3),
	.phlist_total li:nth-child(4) {
		margin-top: 30px;
	}

	/* 기업정신 */
	.entrep_con>ul {
		margin-top: 35px;
	}

	.entrep_con>ul>li {
		padding: 20px 20px;
	}

	.entrep_con>ul>li img {
		max-width: 80px;
	}

	.entrep_con>ul>li h3 {
		font-size: 2rem;
		margin-top: 25px;
	}

	.entrep_con>ul>li p {
		font-size: 1.7rem;
		margin-top: 8px;
	}
}

@media all and (max-width:870px) {
	.entrep_con>ul>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}
}

@media all and (max-width:640px) {
	.ph_top>h3 {
		font-size: 1.6rem;
		text-align: left;
	}

	.ph_top>h3 .ph_tbtxt {
		font-size: 1.5rem;
	}

	.ph_radius_tit {
		width: 100%;
		font-size: 1.9rem;
	}

	.ph_radius_tit+h6 {
		font-size: 1.8rem;
	}

	.phlist_total li {
		float: none;
		width: 100%;
	}

	.phlist_total li:nth-child(2),
	.phlist_total li:nth-child(3),
	.phlist_total li:nth-child(4) {
		margin-top: 15px;
	}

	.entrep_con>ul>li h3 {
		font-size: 1.9rem;
		margin-top: 20px;
	}

	.entrep_con>ul>li p {
		font-size: 1.6rem;
	}
}

/* ==================================================
	윤리경영 -  윤리행동지침
================================================== */
.ethics_float:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ethics_float {
	padding: 45px 0;
	border-bottom: 1px solid #e5e5e5;
}

.ethfl_first {
	border-top: 1px solid #e5e5e5;
	margin-top: 35px;
}

.ethics_left {
	color: #1b1b1b;
	font-weight: 700;
	font-size: 2.4rem;
}

.ethics_left .eleft_point {
	display: inline-block;
	background: #002C6A;
	color: #fff;
	font-size: 1.8rem;
	margin-right: 12px;
	padding: 8px 20px;
	border-radius: 50px;
}

.ethics_left .eleft_txt {
	display: block;
	padding-top: 10px;
}

.ethics_right {
	margin-top: 15px;
}

.ethics_right .l-list01>li {
	color: #333;
}

.ethics_addtxt {
	margin-top: 20px;
}

.ethics_addtxt>h3 {
	font-size: 2rem;
	font-weight: 700;
	color: #265fb8;
}

.ethics_addtxt>ul {
	margin-top: 10px;
}

.ethics_addtxt>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ethics_addtxt>ul>li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 1.7rem;
	line-height: 1.5;
	color: #333;
}

.ethics_addtxt>ul>li:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	display: inline-block;
	background: url('../images/icon/check.png') no-repeat;
	width: 10px;
	height: 10px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.ethics_float {
		padding: 35px 0;
	}

	.ethfl_first {
		margin-top: 25px;
	}

	.ethics_left {
		font-size: 2rem;
	}

	.ethics_left .eleft_point {
		font-size: 1.7rem;
		padding: 5px 15px;
	}

	.ethics_addtxt>h3 {
		font-size: 1.8rem;
	}
}

@media all and (max-width:640px) {
	.ethics_float {
		padding: 20px 0;
	}

	.ethics_addtxt>h3 {
		font-size: 1.7rem;
	}

	.ethics_addtxt>ul>li {
		padding-left: 18px;
		font-size: 1.6rem;
	}

	.ethics_addtxt>ul>li:before {
		top: 8px;
	}
}

/* ==================================================
	품질경영 - 품질방침
================================================== */
.princ_mt01 {
	margin-top: 40px;
}

.princ_box {
	margin-top: 40px;
	padding: 50px 55px;
}

.princ_text>p {
	padding-bottom: 18px;
	line-height: 1.8;
}

.princ_text>p:last-child {
	padding-bottom: 0;
}

.princ_nametxt {
	margin-top: 25px;
}

.princ_nametxt:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.princ_nametxt>p {
	float: right;
	font-size: 1.8rem;
	line-height: 1.6;
}

.princ_nametxt>p span {
	padding-left: 5px;
	font-size: 2.6rem;
	font-weight: 700;
}

/* 제품안전방침 & 품질방침 */
.princ_diagram {
	margin-top: 45px;
}

.princ_diagram:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.princ_float {
	float: left;
	width: 48%;
	margin-left: 4%;
}

.princ_float.princ_left {
	margin-left: 0;
}

.princ_float .prinf_top {
	position: relative;
	padding: 14px 10px;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 800;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

.princ_float .prinf_top:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -14px;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.princ_float.princ_left .prinf_top:before {
	border-top: 15px solid #204d90;
}

.princ_float.princ_right .prinf_top:before {
	border-top: 15px solid #4db385;
}

.princ_float.princ_left .prinf_top {
	background: #204d90;
}

.princ_float.princ_right .prinf_top {
	background: #4db385;
}

.princ_float .prinf_bot {
	padding: 35px 35px;
	font-size: 2.1rem;
	line-height: 1.7;
	font-weight: 700;
	color: #000;
	text-align: center;
	border-radius: 0 0 20px 20px;
}

.princ_float .prinf_bot>span {
	display: block;
}

.princ_float.princ_left .prinf_bot {
	background: #dee6ee;
}

.princ_float.princ_right .prinf_bot {
	background: #e1f1e8;
}

/* GQMS */
.gqms_con {
	background-color: #f5f6fc;
	border-bottom: solid 2px #a3aedc;
	border-top: solid 2px #a3aedc;
	padding: 45px 45px;
	margin-top: 30px;
	text-align: center;
}

.gqms_con img {
	width: 100%;
	max-width: 1200px;
}

/* 품질방침 */
.princ_title {
	font-size: 2.5rem;
	font-weight: 700;
}

.princ_ctext {
	font-size: 1.8rem;
	line-height: 1.8;
}

.quality_point {
	font-weight: 700;
	background-color: #d3dbe7;
	color: #013481;
}

.princ_list {
	margin-top: 20px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.princ_box {
		margin-top: 30px;
		padding: 40px 45px;
	}

	.princ_text {
		font-size: 1.7rem;
	}

	.princ_nametxt>p {
		font-size: 1.7rem;
	}

	.princ_nametxt>p span {
		font-size: 2.3rem;
	}

	/* 제품안전방침 & 품질방침 */
	.princ_diagram {
		margin-top: 35px;
	}

	.princ_float .prinf_top {
		padding: 12px 8px;
		font-size: 2rem;
	}

	.princ_float .prinf_bot {
		padding: 30px 10px;
		font-size: 1.8rem;
		line-height: 1.6;
		border-radius: 0 0 15px 15px;
	}

	/* 품질방침 */
	.princ_title {
		font-size: 2.2rem;
	}
}

@media all and (max-width:910px) {
	.princ_mt01 {
		margin-top: 30px;
	}

	/* 제품안전방침 & 품질방침 */
	.princ_float {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.princ_float.princ_right {
		margin-top: 25px;
	}

	.princ_float .prinf_top {
		font-size: 1.9rem;
	}

	.princ_float .prinf_bot {
		padding: 25px 10px;
		font-size: 1.7rem;
	}

	.princ_float .prinf_bot>span {
		display: inline;
	}

	/* GQMS */
	.gqms_con {
		padding: 25px 25px;
		margin-top: 25px;
	}

	/* 품질방침 */
	.princ_title {
		font-size: 2rem;
	}

	.princ_ctext {
		font-size: 1.7rem;
		line-height: 1.7;
	}
}

@media all and (max-width:640px) {
	.princ_box {
		margin-top: 25px;
		padding: 30px 35px;
	}

	.princ_text {
		font-size: 1.6rem;
	}

	.princ_text {
		font-size: 1.6rem;
	}

	.princ_nametxt>p {
		font-size: 1.6rem;
	}

	.princ_nametxt>p span {
		font-size: 2rem;
	}


	/* 제품안전방침 & 품질방침 */
	.princ_float .prinf_top:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: -11px;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
	}

	.princ_float.princ_left .prinf_top:before {
		border-top: 12px solid #204d90;
	}

	.princ_float.princ_right .prinf_top:before {
		border-top: 12px solid #4db385;
	}

	/* GQMS */
	.gqms_con {
		padding: 20px 20px;
		margin-top: 20px;
	}

	/* 품질방침 */
	.princ_title {
		font-size: 1.8rem;
	}

	.princ_ctext {
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: left;
	}
}

@media all and (max-width:450px) {
	.princ_box {
		margin-top: 20px;
		padding: 20px 25px;
	}

	/* 제품안전방침 & 품질방침 */
	.princ_float .prinf_top {
		font-size: 1.8rem;
	}

	.princ_float .prinf_bot {
		padding: 20px 5px;
		font-size: 1.6rem;
	}
}

/* ==================================================
	환경경영
================================================== */
.envir_list {
	margin-top: 40px;
	background: url('../images/sustainability/su_bg3.png') no-repeat 7.1% 32px / 2px 600px;
}

.envir_list:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.envir_list .list_box {
	padding: 10px 0;
}

.envir_list .list_box:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.envir_list .list_box1 {
	padding-top: 0;
}

.envir_list .list_box p {
	float: left;
	width: 14%;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	background: url('../images/sustainability/su_bg2.png') no-repeat center center;
	padding: 37px 0;
}

.envir_list .list_box dl:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.envir_list .list_box dl dd {
	float: left;
	width: 84%;
	margin: 20px 0 20px 2%;
	color: #666;
	font-size: 1.8rem;
	letter-spacing: -0.05rem;
	line-height: 1.9;
}

.envir_list .list_box dl dd {
	text-align: left;
}

/* 하단내용 */
.evir_cer {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.evir_cer:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.evircer_img {
	float: left;
	width: 33%;
}

.evircer_float>ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.evircer_float>ul>li {
	float: left;
	width: 47%;
	margin-left: 6%;
}

.evircer_float>ul>li:first-child {
	margin-left: 0;
}

.evircer_float>ul>li img {
	width: 100%;
	border: 1px solid #bebebe;
}

.evircer_float>h3 {
	transform: skew(-0.03deg);
	padding-left: 30px;
	margin-top: 20px;
	color: #333;
	font-size: 1.7rem;
	font-weight: 500;
	background: url('../images/icon/notice.gif') no-repeat 0 2px;
}

.evircer_txt {
	float: left;
	width: 67%;
	padding-left: 50px;
}

.evircer_txt>p {
	font-size: 1.9rem;
	line-height: 1.7;
}

.evircer_txt>h3 {
	font-size: 1.8rem;
	line-height: 1.6;
	margin-top: 30px;
}

.evircer_txt>h3 span {
	padding-left: 5px;
	font-size: 2.5rem;
	font-weight: 700;
}

/* 모바일CSS */
@media all and (max-width:1200px) {
	.envir_list {
		margin-top: 25px;
	}

	.envir_list .list_box p {
		font-size: 2rem;
		padding: 30px 0;
		background-size: 90px;
	}

	.envir_list .list_box1 p {
		margin-top: 0;
	}

	.envir_list .list_box dl dd {
		margin: 15px 0 15px 2%;
		font-size: 1.7rem;
		line-height: 1.8;
	}
}

@media all and (max-width:1100px) {

	/* 하단내용 */
	.evircer_img {
		width: 40%;
	}

	.evircer_txt {
		width: 60%;
	}

	.evircer_txt>p {
		font-size: 1.8rem;
		line-height: 1.6;
	}

	.evircer_txt>h3 {
		font-size: 1.7rem;
		line-height: 1.5;
		margin-top: 20px;
	}

	.evircer_txt>h3 span {
		font-size: 2.2rem;
	}
}

@media all and (max-width:900px) {

	/* 하단내용 */
	.evir_cer {
		margin-top: 35px;
	}

	.evircer_img {
		float: none;
		width: 100%;
	}

	.evircer_txt {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 25px;
	}
}


@media all and (max-width:700px) {
	.envir_list {
		background: url('../images/sustainability/su_bg3.png') no-repeat 9.7% 32px / 2px 550px;
	}

	.envir_list .list_box p {
		float: left;
		width: 19%;
		font-size: 1.8rem;
		padding: 20px 0;
		background-size: 65px;
		margin-top: 5px;
	}

	.envir_list .list_box dl {
		float: left;
		width: 79%;
	}

	.envir_list .list_box dl dd {
		width: 100%;
		font-size: 1.5rem;
		margin-top: 10px;
	}

	.envir_list .list_box4 dl dd {
		margin-top: 25px;
	}
}

@media all and (max-width:640px) {

	/* 하단내용 */
	.evir_cer {
		margin-top: 25px;
	}

	.evircer_float>h3 {
		margin-top: 15px;
		color: #333;
		font-size: 1.6rem;
	}

	.evircer_txt>p {
		font-size: 1.7rem;
		line-height: 1.5;
	}

	.evircer_txt>h3 {
		font-size: 1.6rem;
		line-height: 1.4;
		margin-top: 15px;
	}

	.evircer_txt>h3 span {
		font-size: 2rem;
	}
}

@media all and (max-width:550px) {
	.envir_list {
		background: none;
		margin-top: 15px;
	}

	.envir_list .list_box {
		padding: 0;
	}
}

@media all and (max-width:450px) {
	.envir_list .list_box p {
		width: 22%;
		background-size: 60px;
	}

	.envir_list .list_box dl {
		width: 76%;
	}
}

/* ==================================================
	품질경영 - 품질인증
================================================== */
.cer_link {
	text-align: right;
	margin-bottom: 30px;
	padding-right: 30px;
}

/* 모바일CSS */
@media all and (max-width:900px) {
	.cer_link {
		margin-bottom: 25px;
		padding-right: 0;
	}
}

/* ==================================================
	사회공헌 - 사회공헌 소개
================================================== */
.csr_dl {
	display: block;
}

.csr_bg a {
	margin-top: 15px;
}

/* 사회공헌 절차 */
.csr_process {
	margin-top: 30px;
}

.csr_process:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.csr_con {
	float: left;
}

.csr_circle {
	position: relative;
	height: 280px;
	width: 280px;
}

.csr_circle_con {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: rgba(10, 42, 102, 1);
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	border: 15px solid rgba(0, 44, 106, 0.2);
	text-align: center;
}

.csr_circle_con img {
	width: 100%;
	max-width: 90px;
}

.csr_circle_con h3 {
	padding: 15px 0 10px 0;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.3;
	color: #333;
}

.csr_circle_con h3 span {
	display: block;
}

.csr_desc {
	padding-top: 10px;
	text-align: center;
	letter-spacing: -0.05rem;
}

.csr_desc .l-list01 {
	display: inline-block;
	text-align: left;
}

.csr_desc .l-list01 li {
	font-size: 1.6rem;
}

.csr_arrow {
	float: left;
	position: relative;
	height: 300px;
	padding: 0 30px;
}

.arrow_con {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/* 사회공헌 활동분야 */
.csr_con02 {
	position: relative;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

.csr_text {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 2rem;
}

/* 모바일CSS */
@media all and (min-width:1024px) {

	/* 사회공헌 절차 */
	.csr_process {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: top;
	}
}

@media all and (max-width:1023px) {

	/* 사회공헌 절차 */
	.csr_con {
		float: none;
	}

	.csr_circle {
		margin: 0 auto;
	}

	.csr_arrow {
		float: none;
		position: relative;
		height: 27px;
		padding: 30px 0;
	}

	.csr_arrow {
		transform: rotate(90deg);
	}

	/* 사회공헌 활동분야 */
	.csr_con02 {
		margin-top: 30px;
		padding-top: 30px;
	}

	.csr_text {
		font-size: 1.8rem;
	}
}


@media all and (max-width:640px) {
	.csr_dl {
		display: inline;
	}

	/* 사회공헌 절차 */
	.csr_circle {
		height: 220px;
		width: 220px;
	}

	.csr_circle_con img {
		max-width: 70px;
	}

	.csr_circle_con h3 {
		font-size: 1.6rem;
		line-height: 1.2;
	}

	/* 사회공헌 활동분야 */
	.csr_con02 {
		margin-top: 25px;
		padding-top: 25px;
	}

	.csr_text {
		font-size: 1.7rem;
	}
}

/* ==================================================
	사회공헌 - 활동분야
================================================== */
.act_con {
	margin-top: 60px;
}

.inner-item {
	position: relative;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	padding: 40px 0;
	margin-top: 30px;
}

.inner-item:first-child {
	margin-top: 0;
}

.inner-item .num-item {
	position: absolute;
	top: -25px;
	left: 0;
	width: 50px;
	height: 50px;
	background-color: #E6002D;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	line-height: 50px;
	text-align: center;
}

.inner-item .txtBox {
	padding: 0 0 0 60px;
}

.inner-item .txtBox h3 {
	display: block;
	margin-bottom: 20px;
	font-size: 2.2rem;
	color: #002C6A;
}

.inner-item .txtBox p {
	font-size: 1.7rem;
	line-height: 1.6;
	color: #000000;
	padding-bottom: 10px;
}

.inner-item .txtBox p:last-child {
	padding-bottom: 0;
}

/* 하단사진 */
.act_imglist {
	padding: 0 0 0 60px;
}

.act_imglist:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.act_imglist>li {
	float: left;
	width: 31.33333333333333%;
	margin-left: 3%;
	margin-top: 30px;
}

.act_imglist>li:first-child {
	margin-left: 0;
}

.act_imglist>li .over-cover {
	display: block;
	border: 1px solid #dedede;
	border-radius: 50px 20px 0 0;
}

.act_imglist>li img {
	width: 100%;
	height: auto;
}

.act_imglist>li p {
	background-color: #dde7f7;
	border-radius: 0 0 10px 10px;
	padding: 10px 2px;
	text-align: center;
	font-size: 1.7rem;
}

/* 모바일CSS */
@media all and (max-width: 1200px) {
	.inner-item .txtBox {
		padding: 0 10px 0 50px;
	}
}

@media all and (min-width:1024px) {

	/* 하단사진 */
	.act_imglist>li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
}

@media all and (max-width: 1023px) {
	.inner-item .txtBox {
		padding: 0 0 0 40px;
	}

	.inner-item .txtBox h3 {
		font-size: 2rem;
	}

	.inner-item .txtBox p {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	/* 하단사진 */
	.act_imglist {
		padding: 0 0 0 40px;
	}
}

@media all and (max-width: 767px) {
	.inner-item {
		padding: 0;
		margin-top: 50px;
	}

	.inner-item .num-item {
		top: -20px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 40px;
		height: 40px;
		font-size: 1.8rem;
		line-height: 40px;
	}

	.inner-item .txtBox {
		display: block;
		width: 100%;
		padding: 0 10px;
		margin-top: 40px;
	}

	.inner-item .txtBox h3 {
		text-align: center;
		font-size: 1.8rem;
	}

	.inner-item .txtBox p {
		font-size: 1.5rem;
	}

	/* 하단사진 */
	.act_imglist {
		padding: 0;
	}

	.act_imglist>li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
	}

	.act_imglist>li .over-cover {
		border-radius: 30px 15px 0 0;
	}

	.act_imglist>li p {
		font-size: 1.6rem;
	}

}

@media all and (max-width:640px) {

	/* 하단사진 */
	.act_imglist>li {
		margin-top: 20px;
	}

	.act_imglist>li p {
		margin-top: 0;
		font-size: 1.5rem;
	}

}

@media all and (max-width: 450px) {
	.inner-item .txtBox {
		padding: 0;
	}
}

/* ==================================================
	재무정보
================================================== */
.ir_detail {
	margin-top: 30px;
}

.ir_mt40 {
	margin-top: 40px;
}

.ir_mt65 {
	margin-top: 65px;
}

.irbt_txt1 {
	font-size: 1.6rem;
	margin-top: 20px;
}

/* IR정보 상단 */
.ir_contact {
	position: relative;
	padding: 12px 25px 10px 25px;
	margin-bottom: 45px;
	border: 1px solid #ece8e5;
	box-shadow: 4px 4px #e8e8e8;
}

.ir_contactcon {
	transform: skew(-0.03deg);
	padding-left: 35px;
	color: #333;
	font-size: 1.9rem;
	font-weight: 700;
	background: url('../images/icon/notice.gif') no-repeat 0 3px;
}

.ir_contactcon strong {
	color: #002C6A;
}

.ir_contactcon a {
	margin-left: 30px;
	color: #333;
}

.ir_contactcon a:hover {
	color: #002C6A;
}

.ir_contactcon a img {
	width: 100%;
	max-width: 23px;
	margin-right: 10px;
}

/* 테이블01 */
.ir_tb01 table {
	width: 100%;
	margin-top: 20px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 1.9rem;
	transform: skew(-0.03deg);
}

.ir_tb01 table tr th {
	padding: 15px 12px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	background: #f5f5f5;
	color: #333;
	font-weight: 700;
	text-align: center;
}

.ir_tb01 table tr th:first-child {
	border-left: 0;
}

.ir_tb01 table tr td {
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	color: #333;
}

.ir_tbright table tr td {
	text-align: right;
}

.ir_tbleft table tr td {
	text-align: left;
}

.ir_tbtac table tr td {
	text-align: center;
}

.ir_tb01 table tr td:first-child {
	border-left: 0;
}

.ir_tb_bl {
	border-left: 1px solid #ddd !important;
}

.irtb_last {
	background: #f4f3fb;
}

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

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

.irtb_last td:nth-child(2),
.irtb_last td:nth-child(3) {
	font-size: 2rem;
	font-weight: 700;
	color: #e6002d;
}

/* 재무제표 테이블사이즈 */
.irtb01_width01 {
	width: 12%;
}

.irtb01_width02 {
	width: 25%;
}

.irtb01_width03 {
	width: 15.75%;
}

/* 신용등급 테이블사이즈 */
.irtb02_width01 {
	width: 20%;
}

.irtb02_width02 {
	width: 60%;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.ir_mt40 {
		margin-top: 30px;
	}

	.ir_mt65 {
		margin-top: 45px;
	}

	/* IR정보 상단 */
	.ir_contact {
		margin-bottom: 30px;
	}

	.ir_contactcon {
		padding-left: 30px;
		font-size: 1.8rem;
		background: url('../images/icon/notice.gif') no-repeat 0 2px;
	}

	.ir_contactcon a {
		margin-left: 25px;
	}

	/* 테이블01 */
	.ir_tb01 table {
		margin-top: 20px;
		font-size: 1.7rem;
	}

	.ir_tb01 table tr th {
		padding: 12px 10px;
		line-height: 170%;
	}

	.ir_tb01 table tr td {
		padding: 12px 10px;
		line-height: 170%;
	}

	.irtb_last td:nth-child(2),
	.irtb_last td:nth-child(3) {
		font-size: 1.9rem;
	}
}

@media screen and (max-width:640px) {
	.ir_detail {
		margin-top: 25px;
	}

	/* IR정보 상단 */
	.ir_contact {
		margin-bottom: 25px;
	}

	.ir_contactcon {
		padding-left: 0;
		font-size: 1.7rem;
		background: 0;
	}

	.ir_contactcon strong {
		display: block;
	}

	.ir_contactcon a {
		display: block;
		margin-left: 0;
		margin-top: 8px;
	}

	.ir_contactcon a img {
		width: 100%;
		max-width: 20px;
	}

	.ir_contactcon a:first-child {
		margin-left: 0;
	}

	/* 테이블01 */
	.ir_tb01 table {
		margin-top: 15px;
		font-size: 1.6rem;
	}

	.ir_tb01 table tr th {
		padding: 10px 6px;
	}

	.ir_tb01 table tr td {
		padding: 10px 6px;
		text-align: center;
	}

	.irtb_last td:nth-child(2),
	.irtb_last td:nth-child(3) {
		font-size: 1.7rem;
	}
}

@media screen and (max-width:450px) {

	/* 테이블01 */
	.ir_tb01 table {
		font-size: 1.5rem;
	}

	.irtb_last td:nth-child(2),
	.irtb_last td:nth-child(3) {
		font-size: 1.6rem;
	}
}

/* ==================================================
	신용평가/모범납세자 
================================================== */
.payment_con {
	position: relative;
	max-width: 850px;
	margin: 0 auto;
}

.payment_con>.paycon {
	display: block;
	margin-top: 20px;
	padding: 35px;
	background-color: #f5f5f5;
	border: 5px solid #eeeeee;
}

.payment_con>.paycon img {
	width: 100%;
}

.payment_link {
	text-align: center;
	margin-top: 20px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.payment_con>.paycon {
		padding: 25px;
	}
}

@media all and (max-width:640px) {
	.payment_con>.paycon {
		padding: 20px;
	}
}

/* ==================================================
	홍보영상
================================================== */
.prmovie_con {
	margin-top: 20px;
	border: 1px solid #d7d7d7;
}

.prmovie_con video {
	width: 100%;
	max-width: 1400px;
}

/* ==================================================
	교정시험서비스 
================================================== */
.testarea_mt01 {
	margin-top: 70px;
}

/* 테이블CSS */
.testarea_tb table {
	width: 100%;
	margin-top: 30px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 1.6rem;
	transform: skew(-0.03deg);
	text-align: center;
}

.testarea_tb table tr th {
	padding: 13px 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	background: #f5f5f5;
	color: #333;
	font-weight: 700;
}

.testarea_tb table tr th:first-child {
	border-left: 0;
}

.testarea_tb table tr td {
	padding: 13px 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	color: #333;
}

.testarea_tb table tr td:first-child {
	border-left: 0;
}

.testarea_tb02 table {
	width: 100%;
	margin-top: 30px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 1.6rem;
	transform: skew(-0.03deg);
}

.testarea_tb02 table tr th {
	padding: 13px 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	background: #f5f5f5;
	color: #333;
	font-weight: 700;
	text-align: center;
}

.testarea_tb02 table tr th:first-child {
	border-left: 0;
}

.testarea_tb02 table tr td {
	padding: 13px 5px 13px 20px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 180%;
	color: #333;
	text-align: left;
}

.testarea_tb02 table tr td:first-child {
	border-left: 0;
}

.testtb_bl {
	border-left: 1px solid #ddd !important;
}

.testtb_center {
	text-align: center !important;
	padding: 13px 5px !important;
}

.testtb_pl01 {
	padding-left: 35px;
}

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

/* 테이블사이즈 - 교정범위 */
.testtb01_width01 {
	width: 24%;
}

.testtb01_width02 {
	width: 12%;
}

.testtb01_width03 {
	width: 16%;
}

.testtb01_width04 {
	width: 23%;
}

/* 테이블사이즈 - 시험범위 */
.testtb02_width01 {
	width: 24%;
}

.testtb02_width02 {
	width: 13%;
}

.testtb02_width03 {
	width: 27.5%;
}

.testtb02_width04 {
	width: 8%;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.testarea_mt01 {
		margin-top: 60px;
	}

	/* 테이블CSS */
	.testarea_tb table {
		margin-top: 20px;
		font-size: 1.5rem;
	}

	.testarea_tb table tr td {
		padding: 11px 8px;
		line-height: 170%;
	}

	.testarea_tb02 table {
		margin-top: 20px;
		font-size: 1.5rem;
	}

	.testarea_tb02 table tr td {
		padding: 11px 8px;
		line-height: 170%;
	}
}

@media screen and (max-width:640px) {
	.testarea_mt01 {
		margin-top: 50px;
	}

	/* 테이블CSS */
	.testarea_tb table {
		margin-top: 15px;
		font-size: 1.4rem;
	}

	.testarea_tb table tr td {
		padding: 10px 6px;
	}

	.testarea_tb02 table {
		margin-top: 15px;
		font-size: 1.4rem;
	}

	.testarea_tb02 table tr td img {
		width: 100%;
		min-width: 150px;
	}

	.testarea_tb02 table tr td {
		padding: 10px 6px;
	}

	/* 테이블사이즈 - 교정범위 */
	.testtb01_width01 {
		width: 27%;
	}

	.testtb01_width02 {
		width: 10%;
	}

	.testtb01_width03 {
		width: 17%;
	}

	.testtb01_width04 {
		width: 22%;
	}

	/* 테이블사이즈 - 시험범위 */
	.testtb02_width01 {
		width: 22%;
	}

	.testtb02_width02 {
		width: 15%;
	}

	.testtb02_width03 {
		width: 26.5%;
	}

	.testtb02_width04 {
		width: 10%;
	}
}

@media screen and (max-width:640px) {

	/* 테이블CSS */
	.testarea_tb table {
		font-size: 1.3rem;
	}

	.testtb_pl01 {
		padding-left: 0;
	}
}

/* ==================================================
	글로벌네트워크
================================================== */
.martMain-wr p {
	min-height: 0
}

.martMain-wr .pkg-wr {
	position: relative
}

.martMain-wr .pkg-wr-m {
	display: none;
	position: relative
}

.martMain-wr .pkg-wr-m>button {
	display: block;
	position: absolute;
	width: 50px;
	height: 40px;
	top: 5px;
	z-index: 2;
	border-radius: 3px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, .8);
	transition: all .3s ease;
	z-index: 2
}

.martMain-wr .pkg-wr-m>button.over {
	background: #9a0c38
}

.martMain-wr .pkg-wr-m>button.over span:before,
.martMain-wr .pkg-wr-m>button.over span:after {
	background: #fff
}

.martMain-wr .pkg-wr-m>button.zoomP {
	right: 60px
}

.martMain-wr .pkg-wr-m>button.zoomM {
	right: 5px
}

.martMain-wr .pkg-wr-m>button span {
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	font-size: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.martMain-wr .pkg-wr-m>button span:before,
.martMain-wr .pkg-wr-m>button span:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 1px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #777;
	transition: all .3s ease
}

.martMain-wr .pkg-wr-m>button span:before {
	transform: rotate(90deg)
}

.martMain-wr .pkg-wr-m>button.zoomM span:before {
	display: none
}

.martMain-wr .mart-body {
	height: 900px;
	position: relative;
	box-sizing: border-box;
	background: #cadaea;
	z-index: 1
}

.martMain-wr .mart-body:after {
	content: "";
	display: block;
	position: absolute;
	width: 2000px;
	height: 900px;
	left: 50%;
	margin-left: -1000px;
	top: 0;
	background: url('../images/support/map_bg.png') no-repeat;
	z-index: 1;
	display: none
}

.martMain-wr .mart-body .lenz {
	display: block;
	position: absolute;
	width: 2000px;
	height: 900px;
	left: 50%;
	margin: 0 0 0 -1000px;
	top: 0;
	z-index: 1;
	overflow: hidden
}

.martMain-wr .mart-body .lenz .stdPoint {
	position: absolute;
	width: 0;
	height: 0;
	left: 50%
}

.martMain-wr .mart-body .lenz .stdPoint .circle {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000;
	border-radius: 50%;
	transition: all .3s ease
}

.martMain-wr #foreign .mart-body .lenz .stdPoint {
	top: 430px;
	margin: 0 0 0 -168px;
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle1 {
	width: 132px;
	height: 132px;
	opacity: .05;
	top: -66px;
	left: -66px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle2 {
	width: 288px;
	height: 288px;
	opacity: .02;
	top: -144px;
	left: -144px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle3 {
	width: 464px;
	height: 464px;
	opacity: .02;
	top: -232px;
	left: -232px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle4 {
	width: 672px;
	height: 672px;
	opacity: .02;
	top: -336px;
	left: -336px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle5 {
	width: 882px;
	height: 882px;
	opacity: .02;
	top: -441px;
	left: -441px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle6 {
	width: 1201px;
	height: 1201px;
	opacity: .02;
	top: -600px;
	left: -600px
}

.martMain-wr #foreign .mart-body .lenz .stdPoint .circle7 {
	width: 1989px;
	height: 1989px;
	opacity: .02;
	top: -995px;
	left: -995px
}

.martMain-wr .mart-body:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	width: 2000px;
	height: 100%;
	background: #cadaea
}

.martMain-wr .mart-body .markers {
	display: block;
	position: absolute;
	width: 1400px;
	height: 100%;
	left: 50%;
	top: 30px;
	margin: 0 0 0 -700px;
	z-index: 3
}

.martMain-wr .mart-body .markers a {
	display: block;
	position: absolute;
	line-height: 1;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 0 0 0 22px;
	transition: all .3s ease
}

.martMain-wr .mart-body .markers a.hide {
	width: 10px;
	height: 10px;
	padding: 0 !important;
	overflow: hidden;
	border: 0
}

.martMain-wr .mart-body .markers a.hide:before {
	display: none
}

.martMain-wr .mart-body .markers a:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 28px;
	background: url('../images/support/mart_spr.png') no-repeat 0px 0px;
	top: 0;
	margin: 0 0 0 0;
	transition: all .3s ease
}

.martMain-wr .mart-body .markers a.makerHasL {
	padding: 8px 10px 8px 25px
}

.martMain-wr .mart-body .markers a.makerHasL:before {
	left: 0
}

.martMain-wr .mart-body .markers a.makerHasL p {
	text-align: left;
	padding: 0 0 0 50px
}

.martMain-wr .mart-body .markers a.makerHasL .city {
	left: 0;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0
}

.martMain-wr .mart-body .markers a.makerHasL .city:before {
	right: 0
}

.martMain-wr .mart-body .markers a.makerHasR {
	padding: 8px 25px 8px 10px
}

.martMain-wr .mart-body .markers a.makerHasR:before {
	right: 0
}

.martMain-wr .mart-body .markers a.makerHasR p {
	text-align: right;
	padding: 0 55px 0 0
}

.martMain-wr .mart-body .markers a.makerHasR .city {
	right: 0;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px
}

.martMain-wr .mart-body .markers a.makerHasR .city:before {
	left: 0
}

.martMain-wr .mart-body .markers a p {
	position: relative;
	line-height: 1
}

.martMain-wr .mart-body .markers a span {
	display: inline-block;
	font-size: 1em;
	vertical-align: top;
	line-height: 1;
	letter-spacing: -.05em
}

.martMain-wr .mart-body .markers a .city {
	position: absolute;
	color: #333
}

.martMain-wr .mart-body .markers a .city:before {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 15px;
	background: rgba(0, 0, 0, .2);
	top: 50%;
	margin: -7px 0 0
}

.martMain-wr .mart-body .markers a .name {
	position: relative;
	color: #555;
	font-size: 1.7rem;
}

.martMain-wr .mart-body .markers a p .name:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: -3px;
	background: #00a7e9;
	transition: all .3s ease
}

.martMain-wr .mart-body .markers a:focus:before,
.martMain-wr .mart-body .markers a:hover:before {
	background-position: 0px -30px
}

.martMain-wr #foreign .pkgBox {
	position: absolute
}

.martMain-wr #foreign .pkgBox div {
	margin: 0 0 10px;
	line-height: 1
}

.martMain-wr #foreign .pkgBox div:last-child {
	margin: 0
}

.martMain-wr #foreign .pkgBox div a {
	display: inline-block;
	position: relative;
	padding: 0;
	left: auto;
	top: auto;
	box-sizing: border-box
}

.martMain-wr #foreign .pkgBox div a:before {
	display: block
}

.martMain-wr #foreign .pkgBox.over:after {
	background-position: 0px -30px
}

.martMain-wr .mart-body .markers .maker2-1 {
	left: 578px;
	top: 350px;
}

.martMain-wr .mart-body .markers .maker2-1.makerHasL p {
	padding: 0 0 0 65px
}

.martMain-wr .mart-body .markers .maker2-2 {
	left: 448px;
	top: 476px;
}

.martMain-wr .mart-body .markers .maker2-2.makerHasL p {
	padding: 0 0 0 80px
}

.martMain-wr .mart-body .markers .maker2-3 {
	left: 75px;
	top: 320px;
}

.martMain-wr .mart-body .markers .maker2-3.makerHasL p {
	padding: 0 0 0 70px
}

.martMain-wr .mart-body .markers .maker2-4 {
	left: 370px;
	top: 250px;
}

.martMain-wr .mart-body .markers .maker2-4.makerHasL p {
	padding: 0 0 0 67px
}

.martMain-wr .mart-body .markers .maker2-5 {
	left: 165px;
	top: 370px;
}

.martMain-wr .mart-body .markers .maker2-5.makerHasL p {
	padding: 0 0 0 67px
}

.martMain-wr .mart-body .markers .maker2-6 {
	left: 840px;
	top: 360px;
}

.martMain-wr .mart-body .markers .maker2-7 {
	left: 920px;
	top: 550px;
}

.martMain-wr .mart-body .markers .maker2-7.makerHasR p {
	padding: 0 60px 0 0;
}

.martMain-wr .mart-body .markers .maker2-8 {
	left: 1140px;
	top: 575px;
}

.martMain-wr .mart-body .markers .maker2-8.makerHasR p {
	padding: 0 60px 0 0;
}

.martMain-wr .mart-body .base {
	display: block;
	position: absolute;
	width: 1400px;
	height: auto;
	left: 50%;
	top: 30px;
	margin: 0 0 0 -700px;
	z-index: 1
}

.martMain-wr .pkg-wr-m .mart-body {
	height: auto;
	margin: 15px 0 0;
	background-size: cover
}

.martMain-wr .pkg-wr-m .mart-body .base {
	display: block;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 100%;
	height: auto;
	z-index: 1
}

/* 모바일CSS */
@media all and (min-width:1025px) {
	.martMain-wr .mart-body .lenz .stdPoint .circle.over {
		transform: scale(1.1)
	}
}

@media all and (max-width:1400px) {
	.martMain-wr #foreign .mart-body {
		height: 500px;
		overflow: auto
	}

	.martMain-wr #foreign .mart-body:before {
		width: 1400px;
		margin-left: -700px
	}

	.martMain-wr #foreign .mart-body .lenz {
		width: 1400px;
		left: 0;
		margin: 0;
		height: 930px
	}

	.martMain-wr #foreign .mart-body .markers {
		left: 0;
		margin: 0
	}

	.martMain-wr #foreign .mart-body .base {
		left: 0;
		margin: 0
	}
}

@media all and (min-width:1025px) {
	.martMain-wr .pkg-wr>button {
		display: none
	}

	.martMain-wr .mart-body .markers a:focus p .name,
	.martMain-wr .mart-body .markers a:hover p .name {
		color: #00a7e9
	}

	.martMain-wr .mart-body .markers a:focus p .name:after,
	.martMain-wr .mart-body .markers a:hover p .name:after {
		width: 100%
	}
}

@media all and (max-width:999px) {
	.martMain-wr .mart-body {
		height: 500px;
		overflow: auto;
		border: 1px solid #ddd
	}

	.martMain-wr .mart-body:before {
		width: 1400px;
		margin-left: -700px
	}

	.martMain-wr .mart-body .lenz {
		width: 1400px;
		left: 0;
		margin: 0
	}

	.martMain-wr .mart-body .markers {
		left: 0;
		margin: 0
	}

	.martMain-wr .mart-body .markers a .name {
		color: #000
	}

	.martMain-wr .mart-body .base {
		left: 0;
		margin: 0
	}
}

@media all and (max-width:699px) {
	.martMain-wr .mart-body {
		height: 350px
	}

	.martMain-wr #foreign .mart-body {
		height: 350px
	}
}

/* 해외 */
.onetwork-wr .network-list-wr {
	border-top: 2px solid #004665;
	margin-top: 60px
}

.network-list {
	position: relative;
	margin-top: 70px
}

.gl_tit {
	overflow: hidden;
	padding-bottom: 30px
}

.gl_tit .flag {
	float: left;
	width: 44px;
	margin-right: 15px
}

.gl_tit .type {
	float: left;
	width: 30px;
	padding-top: 6px
}

.gl_tit .tit {
	float: left;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.6;
	color: #222;
	word-break: keep-all
}

.gl_line {
	border-top: 2px solid #222
}

.gl_line .gl_con {
	position: relative;
	padding: 35px 0 35px 35px;
	border-bottom: 1px solid #ddd;
	letter-spacing: -1.2px
}

.gl_line .gl_con:after {
	content: '';
	display: block;
	clear: both
}

.gl_line .gl_con .gl_info {
	width: 100%;
}

.gl_line .gl_con .gl_info>div:nth-child(n+2) {
	margin-top: 15px
}

.gl_line .gl_con .gl_info dl {
	width: 100%
}

.gl_line .gl_con .gl_info dl:after {
	content: '';
	display: block;
	clear: both
}

.gl_line .gl_con .gl_info dl dt {
	float: left;
	margin-right: 20px;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.2;
	color: #222
}

.gl_line .gl_con .gl_info dl dd {
	float: left;
	width: calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	font-size: 2rem;
	line-height: 1.2;
	color: #555;
	word-break: keep-all
}

.gl_line .gl_con .gl_info .tel {
	overflow: hidden
}

.gl_line .gl_con .gl_info .tel .typeT {
	float: left;
	width: 130px;
	color: #54a922;
	font-weight: 700;
	font-size: 2rem;
	line-height: 26px;
	clear: both
}

.gl_line .gl_con .gl_info .tel dl {
	position: relative;
	float: left;
	padding-right: 25px;
	margin-right: 26px;
	width: auto
}

.gl_line .gl_con .gl_info .tel dl:after {
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	width: 1px;
	height: 16px;
	background: rgba(0, 0, 0, 0.2)
}

.gl_line .gl_con .gl_info .tel dl:last-child {
	padding-right: 0;
	margin-right: 0
}

.gl_line .gl_con .gl_info .tel dl:last-child:after {
	display: none
}

.gl_line .gl_con .gl_info .tel dl dd {
	width: auto
}

.network-list .btn-map {
	position: absolute;
	top: 120px;
	right: 0;
	width: 50px;
	height: 50px;
	background: #e5e5e5;
	border: 0;
	font-size: 0 !important;
	border-radius: 50%
}

.network-list .btn-map:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: url('../images/support/mart_list_btn.png') no-repeat 0 0
}

.network-list .btn-map.is-open:after {
	background-position: -52px 0;
	transition: all .3s ease
}

.network-list .network-gmap {
	display: none
}

.network-list .network-gmap .gmap-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.network-list .network-gmap .gmap-box iframe {
	display: block;
	position: relative;
	width: 100%;
	height: 400px
}

/* 애니메이션 */
.network-list-wr .network-list {
	opacity: 0;
	transform: translateY(50px);
	transition: .8s;
}

.network-list-wr.active .network-list {
	opacity: 1;
	transform: translateY(0)
}

.network-list-wr.active .network-list:nth-child(1) {
	transition-delay: .1s
}

.network-list-wr.active .network-list:nth-child(2) {
	transition-delay: .3s
}

.network-list-wr.active .network-list:nth-child(3) {
	transition-delay: .6s
}

.network-list-wr.active .network-list:nth-child(4) {
	transition-delay: .8s
}

.network-list-wr.active .network-list:nth-child(5) {
	transition-delay: 1s
}

.network-list-wr.active .network-list:nth-child(6) {
	transition-delay: 1.2s
}

.network-list-wr.active .network-list:nth-child(7) {
	transition-delay: 1.4s
}

.network-list-wr.active .network-list:nth-child(8) {
	transition-delay: 1.6s
}

/* 모바일CSS */
@media all and (max-width:1200px) {
	.network-list .network-gmap .gmap-box {
		padding: 0 0 0 460px
	}
}

@media all and (max-width:1023px) {
	.network-list {
		margin-top: 30px
	}

	.network-list .btn-map {
		width: 40px;
		height: 40px
	}

	.network-list .btn-map:after {
		width: 40px;
		height: 40px;
		background-size: 82px auto
	}

	.network-list .btn-map.is-open:after {
		background-position: -42px 0
	}
}

@media all and (max-width:899px) {
	.network-list .network-gmap .gmap-box {
		padding: 0 0 0 280px
	}

	.network-list .btn-map {
		top: 0
	}

	.network-list .network-gmap .gmap-box iframe {
		height: 300px
	}
}

@media all and (max-width:760px) {
	.network-list {
		margin-top: 20px
	}

	.gl_tit .type {
		padding-top: 4px;
		margin-right: 10px;
		width: 15px
	}

	.gl_tit .type img {
		width: 100%
	}

	.gl_tit .flag {
		width: 30px;
		margin-right: 10px
	}

	.gl_tit .flag img {
		width: 100%
	}

	.gl_tit {
		overflow: hidden;
		padding-bottom: 20px;
	}

	.gl_tit .tit {
		font-size: 1.7rem;
		line-height: 30px
	}

	.gl_tit .tit span {
		display: none;
	}

	.gl_line .gl_con {
		padding: 15px 0 15px 15px
	}

	.gl_line .gl_con .subTit {
		font-size: 1.7rem;
		letter-spacing: -0.6px
	}

	.gl_line .gl_con .subTit.type1 {
		padding-left: 40px;
		line-height: 30px;
		background-size: 30px
	}

	.gl_line .gl_con .subTit.type2 {
		padding-left: 40px;
		line-height: 30px;
		background-size: 30px
	}

	.gl_line .gl_con .subTit.type3 {
		padding-left: 40px;
		line-height: 30px;
		background-size: 30px
	}

	.gl_line .gl_con .subTit.type4 {
		padding-left: 40px;
		line-height: 30px;
		background-size: 30px
	}

	.gl_line .gl_con .subTit.type5 {
		padding-left: 40px;
		line-height: 30px;
		background-size: 30px
	}

	.gl_line .gl_con .gl_info {
		padding-right: 175px;
		width: 100%
	}

	.gl_line .gl_con.area .gl_info {
		padding-right: 25px
	}

	.gl_line .gl_con .gl_info>div:nth-child(n+2) {
		margin-top: 7px
	}

	.gl_line .gl_con .gl_info dl dt {
		margin-right: 10px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.gl_line .gl_con .gl_info dl dd {
		width: calc(100% - 34px);
		width: -webkit-calc(100% - 37px);
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.gl_line .gl_con .gl_info dl.type2 dd {
		width: calc(100% - 57px);
		width: -webkit-calc(100% - 61px);
	}

	.gl_line .gl_con .gl_info .tel dl {
		padding-right: 11px;
		margin-right: 10px
	}

	.gl_line .gl_con .gl_info .tel dl:after {
		top: 3px;
		height: 14px;
	}

	.gl_line .gl_con .gl_info .tel .typeT {
		width: 90px;
		font-size: 1.5rem;
		line-height: 20px
	}
}

@media all and (max-width:699px) {
	.network-list .network-gmap .gmap-box {
		padding: 0
	}

	.network-list .btn-map {
		top: auto;
		bottom: 20px;
		right: 10px
	}
}

/* ==================================================
	사이트맵
================================================== */
.sitemap {
	width: 100%;
	height: auto;
}

.sitemap:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.sitemap .depth01 {
	float: left;
	width: 12.28571428571429%;
	margin: 0 1%;
	padding-top: 10px;
	border-top: 2px solid #002C6A;
	transform: skew(-0.03deg);
}

.sitemap div.depth01 {
	font-size: 1.7rem;
	color: #002C6A;
	font-weight: bold;
}

.sitemap .sub {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 25px;
}

.sitemap ul.sub2 {
	padding-left: 14px;
}

.sitemap li.depth02 {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

.sitemap li.depth02 a {
	font-size: 1.5rem;
	color: #222;
}

.sitemap .sub_m {
	padding-top: 4px;
}

.sitemap .sub_m li {
	background: url('../images/icon/ico_grayDot.png') no-repeat 0 12px;
	background-size: 2.5px;
	padding-left: 7px;
}
.sitemap .sub_m li+li {
	margin-top: 10px;
}

.sitemap .sub_m li a {
	font-size: 1.4rem;
	font-weight: normal;
	color: #949494;
	line-height: 150%;
	letter-spacing: -0.25px;
	word-break: break-word;
}

.sitemap .sub_m .model {
	padding-left: 13px;
}

/* 모바일CSS */
@media all and (max-width:1023px) {
	.sitemap .depth01 {
		width: 96%;
		margin: 5px 0 0 0;
	}

	.sitemap div.m01 {
		margin-top: 0 !important;
	}
}

/* ==================================================
	이메일무단수집거부
================================================== */
.util_box {
	padding: 30px;
	border: 1px solid #dcdcdc;
	border-top-color: rgb(220, 220, 220);
	border-top-color: #323232;
	background: #fff;
}

/* 모바일CSS */
@media all and (max-width:640px) {
	.util_box {
		padding: 20px;
		font-size: 1.7rem;
	}
}