@charset "utf-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

.subCon {
	letter-spacing: -1px;
}

.sub1100 {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 30px;
}

.program_con {
	max-width: 1100px;
	margin: 0 auto 100px;
	padding: 0 50px;
	letter-spacing: 0;
}

.show770 {
	display: none;
}

.pc_img {
	display: inline;
}

.ta_mo_img {
	display: none;
}

.subCon_tit {
	margin-bottom: 30px
}

.subCon_tit span {
	display: inline-block;
	font-size: 24px;
	color: #1e1e1e;
	letter-spacing: -1px;
	line-height: 1;
	vertical-align: middle;
}

.subCon_tit img {
	margin: 2px 10px 0 0;
	vertical-align: middle;
}


/* 회사개요 */
.intro01 {
	overflow: hidden;
}

.intro01 li {
	float: left;
	width: 50%;
	position: relative;
}

.intro01 li img {
	width: 100%;
}

.intro01 li.intro01_last p {
	width: 100%;
	padding: 0 50px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.7;
	box-sizing: border-box;
	position: absolute;
	top: 38%;
	left: 0;
}

.intro02 {
	margin: 40px 0;
	text-align: center;
}

.intro02 p {
	font-size: 17px;
	color: #222;
	line-height: 1.7;
}

.intro02 p span {
	display: block;
}

.intro02 .bar {
	width: 1px;
	height: 24px;
	background: #b62c2c;
	margin: 22px auto 17px;
}

.intro02>span {
	display: block;
	font-size: 15px;
	/*/*color:#6a6a6a;*/
	color: #000;
	*/ color: #000;
	line-height: 1.7;
	font-weight: 300;
}

.intro02>span:first-of-type {
	margin-bottom: 30px;
}

.intro02>span span {
	display: block;
}

.intro03 {
	margin-bottom: 70px;
	padding-bottom: 50px;
	border-bottom: 1px solid #dbdbdb;
	background: url("/img/intro03_bg.png") right 50px bottom 50px no-repeat;
}

.intro03 dl {
	overflow: hidden;
	margin-bottom: 20px;
}

.intro03 dl:last-of-type {
	margin-bottom: 0;
}

.intro03 dl dt {
	float: left;
	width: 267px;
	font-size: 15px;
	color: #222;
	font-weight: 500;
	text-indent: 80px;
	box-sizing: border-box;
	line-height: 1.1;
}

.intro03 dl dt span {
	display: inline-block;
	padding-left: 12px;
	border-left: 3px solid #3d3d3d;
	text-indent: 0;
}

.intro03 dl dd {
	float: left;
	width: calc(100% - 267px);
	font-size: 15px;
	/*/*color:#6a6a6a;*/
	color: #000;
	*/ color: #000;
	font-weight: 300;
	box-sizing: border-box;
	padding: 0 40px;
	line-height: 1.3;
}

.intro03 .intro03_01 dt {
	padding-top: 50px;
	border-top: 3px solid #3d3d3d;
}

.intro03 .intro03_01 dd {
	padding-top: 50px;
	border-top: 1px solid #dbdbdb;
}


/* CEO인사말 */
.ceogreeting01 {
	font-size: 0;
	padding-bottom: 55px;
	border-bottom: 1px solid #b8b8b8;
	margin-bottom: 100px;
}

.ceogreeting01 dt {
	display: inline-block;
	width: 52.637%;
	margin-right: 2.455%;
	vertical-align: top;
}

.ceogreeting01 dt img {
	width: 100%;
}

.ceogreeting01 dd {
	display: inline-block;
	width: 44.908%;
	margin-top: 67px;
}

.ceogreeting01 dd .ceogreeting_tit {
	font-size: 40px;
	font-weight: 200;
	color: #222;
	line-height: 1.25;
	margin-bottom: 65px;
}

.ceogreeting01 dd .ceogreeting_tit span {
	display: block;
}

.ceogreeting01 dd>span {
	display: block;
	font-size: 15px;
	/*/*color:#6a6a6a;*/
	color: #000;
	*/ color: #000;
	font-weight: 300;
	margin-bottom: 20px;
	line-height: 1.8;
	letter-spacing: 0;
	word-break: break-all;
}

.ceogreeting01 dd>span:last-of-type {
	margin-bottom: 40px;
}

.ceogreeting01 dd .ceogreeting_ceo {
	font-size: 15px;
	color: #222;
	font-weight: 300;
}

.ceogreeting01 dd .ceogreeting_ceo strong {
	font-size: 22px;
	margin-left: 10px;
}


/* 경영이념 */
.ideology01 {
	height: 300px;
	background: url("/img/ideology01_bg.jpg") center top no-repeat;
	margin-bottom: 75px;
	text-align: center;
	color: #fff;
	font-weight: 300;
	overflow: hidden;
}

.ideology01 p {
	font-size: 25px;
	margin: 125px 0 13px;
}

.ideology01>span {
	font-size: 16px;
	letter-spacing: 0;
}

.ideology02 {
	margin-bottom: 70px;
}

.ideology02 ul {}

.ideology02 ul li {
	display: table;
}

.ideology02 ul li>div {
	display: table-cell;
	vertical-align: middle;
}

.ideology02 ul li img {
	margin-right: 46px;
}

.ideology02 ul li .tit {
	margin-top: 0;
	font-size: 20px;
	color: #222;
	line-height: 1.4em;
	font-weight: 400;
}

.ideology02 ul li .tit br {
	display: none;
}

.ideology02 ul li p {
	margin-top: 10px;
	font-size: 15px;
	font-weight: 300;
	/*color:#6a6a6a;*/
	color: #000;
	line-height: 1.4em;
}

.ideology02 ul li.bar {
	width: 1px;
	height: 24px;
	margin: 13px 77px;
	background: #d9d9d9;
}


/* 기업윤리 */
.ethics01 {
	height: 300px;
	background: url("/img/ethics01_bg.jpg") center top no-repeat;
	margin-bottom: 55px;
	text-align: center;
	color: #fff;
	font-weight: 300;
	overflow: hidden;
}

.ethics01 p {
	font-size: 25px;
	margin: 125px 0 13px;
}

.ethics01>span {
	font-size: 16px;
	letter-spacing: 0;
}

.ethics02 {
	overflow: hidden;
	margin-bottom: 70px;
}

.ethics02 li {
	float: left;
	width: calc(50% - 10px);
	margin: 0 10px 50px 0;
	overflow: hidden;
}

.ethics02 li:nth-of-type(2n) {
	margin-right: 0;
}

.ethics02 li>div {
	float: left;
	width: 49.6%;
}

.ethics02 li>div.img_type {
	margin-right: 0.8%;
}

.ethics02 li img {
	width: 100%;
}

.ethics02 li>div.text_type {
	padding: 35px 20px;
	box-sizing: border-box;
}

.ethics02 li p {
	font-size: 20px;
	color: #222;
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
}

.ethics02 li p span {
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.ethics02 li>div>span {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.6em;
}

.ethics02 li>span span {
	display: block;
}

.ethics02_02 {
	overflow: hidden;
	margin-bottom: 70px;
}

.ethics02_02 li {
	float: left;
	width: calc(25% - 7.5px);
	margin-right: 10px;
	text-align: center;
}

.ethics02_02 li:last-of-type {
	margin-right: 0;
}

.ethics02_02 li img {
	width: 100%;
}

.ethics02_02 li p {
	font-size: 20px;
	color: #222;
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
}

.ethics02_02 li p>span {
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
}

.ethics02_02 li>span {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.5;
}

.ethics02_02 li>span span {
	display: block;
}

.ethics02.type02 li {
	float: unset;
	width: 100%;
	display: flex;
	margin: 0 0 20px 0;
}

.ethics02.type02 li>div {
	float: unset;
	width: 267px;
}

.ethics02.type02 li>div.img_type {
	margin-right: 10px;
}

.ethics02.type02 li>div.text_type {
	width: calc(100% - 277px);
}

/* 기업윤리 */
.ethics01.vision01_01 {
	background: url("/img/vision01_01_bg.jpg") center top no-repeat;
}

.ethics01.vision01_01>span {
	margin-top: 128px;
}





/* 20221228_작업 */
.ethics03 {
	padding: 30px 0 70px;
}

.ethics03 li {
	padding-top: 50px;
}

.ethics03 li:first-child {
	padding-top: 0;
}

.ethics03 li .tit {
	font-size: 20px;
	font-weight: 400;
	width: 225px;
	letter-spacing: -0.025em;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}

.ethics03 li .tit::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 2px;
	background-color: #b1281e;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.ethics03 li .txt_list {
	padding-top: 20px;
}

.ethics03 li .tit p {
	margin-left: 15px;
	font-size: 14px;
	font-weight: 200;
	position: absolute;
	right: 0;
	top: 10%;
}

.ethics03 li .tit p::before {
	content: '*';
	color: #b1281e;
}

.ethics03 li .txt_list p {
	font-size: 15px;
	color: #6a6a6a;
	font-weight: 300;
	padding-bottom: 12px;
	line-height: 1.73em;
	padding-left: 15px;
	position: relative;
}

.ethics03 li .txt_list p:last-child {
	padding-bottom: 0;
}

.ethics03 li .txt_list p::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 20%;
	left: 0;
	background-color: #b1281e;
}

.ethics03 li .txt_list .txt {
	padding: 8px 0 0 15px;
}

.ethics03 li .txt_list .txt::before {
	content: none;
}

.ethics03 li .join {
	padding: 0;
	margin-top: 25px;
}

.ethics03 li .join .joinTop {
	width: inherit;
	margin: 0;
}

.ethics03 li .join .joinTop .ScrollLy {
	margin: 0;
	width: inherit;
	border: none;
	height: 180px;
}

.ethics03 li .join .joinTop .jcheck {
	padding: 15px 0;
	margin-right: 15px;
	border-top: 1px solid #e7e7e7;
}

.ethics03 li .join .joinTop .jcheck .agree02 {
	background-color: red;
}

.ethics03 li .join .joinTop .jcheck label {
	font-size: 14px;
	font-weight: 200;
}


.ethics03.num_type li .txt_list p.txt {
	padding-left: 30px;
	position: relative;
}

.ethics03.num_type li .txt_list i {
	font-style: normal;
	position: absolute;
	top: 8px;
	left: 15px;
}

/* 회원가입 폼 */
.writeForm {
	overflow-x: auto;
}

.writeForm form {
	margin-top: 60px;
	text-align: left;
}

.writeForm form>table {
	width: 100%;
	border-top: 1px solid #e1e3e4;
}

.writeForm form table .writeForm_col01 {
	width: 150px;
}

.writeForm form table .writeForm_col02 {
	width: 15%;
}

.writeForm form table .writeForm_col03 {
	width: 35%;
}

/*.writeForm table tr{border-bottom:1px solid #e1e3e4; font-size:0;}*/
.writeForm form>table>tbody>tr {
	border-bottom: 1px solid #e1e3e4;
	position: relative;
}

.writeForm form>table>tbody>tr>th {
	padding: 10px;
	font-size: 14px;
	color: #222;
	background: #f9f8f8;
}

.writeForm form>table>tbody>tr>td {
	padding: 15px 5px 15px 15px;
	color: #444;
	text-align: left;
	align-items: center;
}

.writeForm form table tr td input[type="text"] {
	height: 37px;
	border: 1px solid #dedede;
	font-size: 14px;
	padding: 0 20px;
	vertical-align: middle;
	box-sizing: border-box;
}

.writeForm form table tr td input[type="password"] {
	height: 37px;
	border: 1px solid #dedede;
	font-size: 14px;
	padding: 0 20px;
	vertical-align: middle;
	box-sizing: border-box;
}

.writeForm form table tr td input[type="file"] {
	width: 60%;
	height: 42px;
	border: 1px solid #dedede;
	font-size: 14px;
	padding: 7px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}

.writeForm form table tr td .inputTxt {
	width: 248px;
}

.writeForm form table tr td .inputPass {
	width: 248px;
}

/* .writeForm table .flex_tr  */
/*.writeForm table tr td .inputTxt{width:calc(30% - 40px);}*/
.writeForm form table tr td .inputPass.size02 {
	width: calc(40% - 40px);
	max-width: 248px;
}

.writeForm form table tr td .inputNum {
	width: 100px;
	text-align: center;
}

.writeForm form table tr td .inputNum:first-of-type {
	margin-right: 10px;
}

.writeForm form table tr td .inputEmail {
	width: 248px;
}

.writeForm form table tr td input[type="text"].inputEmail02 {
	vertical-align: top;
}

.writeForm form table tr td .inputTit {
	width: 80%;
}

.writeForm form table tr td select {
	width: 140px;
	height: 37px;
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #666;
	margin-right: 10px;
	text-align: left;
	text-align-last: left;
	border-color: #dedede;
	vertical-align: top;
}

.writeForm_top table tr td select {
	width: 70%;
}

.writeForm form table tr td select.selecEmail {
	width: 245px;
}

.writeForm form table tr td select option {
	text-align: center;
}

.writeForm form table tr td>span {
	margin: 0 10px;
	font-size: 18px;
	color: #444;
	vertical-align: middle;
}

.writeForm form table tr td span.label {
	font-size: 14px;
}

.writeForm form table tr td.step span {
	color: #333;
	font-weight: 500;
}

.writeForm form table tr td span a {
	font-size: 18px;
}

.writeForm form table tr td textarea {
	width: 100%;
	height: 268px;
	padding: 15px;
	margin: 13px 0;
	resize: none;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #dedede;
}

.writeForm_btn {
	text-align: center;
	margin-top: 60px;
	font-size: 0;
}

.writeForm_btn a {
	display: inline-block;
	width: 126px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
}

.writeForm_btn a:last-of-type {
	background: #b62c2c;
	margin-left: 10px;
}

.writeForm form table tr td .label_wrap {
	margin: 0;
}

.writeForm form table tr td a.id_ch {
	display: inline-block;
	width: 140px;
	height: 37px;
	line-height: 35px;
	font-size: 14px;
	color: #222;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #222;
}

.writeForm form table tr td a.zip_ch {
	display: inline-block;
	width: 140px;
	height: 37px;
	line-height: 35px;
	font-size: 14px;
	color: #222;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #222;
}

.writeForm form table tr td span.password_ch {
	font-size: 14px;
	color: #666;
	margin: 0 60px 0 40px;
}

.writeForm form table tr td.editor {
	padding: 13px 0;
}

.writeForm form table tr td .addr {
	width: calc(50% - 40px);
}

.writeForm form table tr td {
	overflow: hidden;
	font-size: 15px;
}

.writeForm form table tr td select.selectNum {
	width: 100px;
}

.writeForm form table tr td label {
	font-size: 14px;
	margin-right: 30px;
	vertical-align: middle;
}

.writeForm form table tr td label:last-of-type {
	margin-right: 0;
}

.writeForm form table tr td input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0 10px 0 20px;
	vertical-align: middle;
}

.writeForm form table tr td input[type="radio"] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	vertical-align: middle;
}

.writeForm form table tr td i {
	font-style: normal;
}

.writeForm form table tr td .modal-content input[type="checkbox"] {
	margin: 4px 0 0 -20px;
}

.writeForm form table tr .spam_td {
	font-size: 14px;
}

.writeForm form table tr .spam_td img {
	margin: 0 10px;
	vertical-align: middle;
}

.writeForm form span.col01 {
	color: #ea1c5b;
	display: inline-block;
	margin-right: 3px;
}

.writeForm form th span.col01 {
	margin-left: -9px;
}

.writeForm form td p.he_txt {
	margin-bottom: 5px;
}

#useFile a.btns {
	display: inline-block;
	height: 29px;
	padding: 0 10px;
	line-height: 29px;
	color: #fff !important;
	font-size: 15px;
	background: #87888a;
	text-align: center;
	font-weight: 300;
	vertical-align: top;
	box-sizing: border-box;
}

.writeForm form table tr td a {
	display: inline-block;
	font-size: 15px;
	text-align: center;
	border: 1px solid #e7ebee;
	margin-left: 20px;
}

.writeForm form table tr td a img {
	width: 35%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.writeForm form table tr td .f_btn {
	width: 100px;
	height: 37px;
	line-height: 37px;
	background-color: #a0a0a0;
	color: #fff;
}

.writeForm form table tr td .btn_box {
	display: flex;
	position: absolute;
	right: 20%;
	top: 21%;
}

.writeForm form table tr td .p_btn,
.writeForm form table tr td .minus {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 20px;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
}

.writeForm form table tr td .phone_btn {
	width: 130px;
	height: 37px;
	line-height: 37px;
	background-color: #a0a0a0;
	color: #fff;
}

.writeForm form table tr td input[name='password'] {
	margin-left: 40px;
}

.writeForm form table tr td input[name='note'] {
	width: 100%;
	box-sizing: border-box;
	height: 200px;
}

.writeForm form table tr td input[type='radio']:checked+label {
	appearance: none;
	color: #ea1c5b;
}

/* .writeForm table tr td input[type='radio']:checked {appearance: none; margin: px; border: 1px solid red;  width: 0.9rem; height: 0.9rem; border-radius: 100%; margin-right: 0.1rem; background-color:red;}
 */

@media all and (max-width:1000px) {
	.writeForm form table tr td .btn_box {
		position: relative;
		right: 0;
		margin-top: 10px;
	}

	.writeForm form table tr td .p_btn,
	.writeForm form table tr td .minus {
		position: relative;
	}

	.writeForm form table tr td .minus {
		right: 0;
	}

	.writeForm form table tr td .f_btn {
		margin: 0;
	}
}

@media all and (max-width:800px) {
	.writeForm form table tr td a {
		display: block;
		margin: 10px 0 10px;
	}

	.writeForm form table tr td input[name='password'] {
		margin-left: 0;
	}
}



.vision01 {
	overflow: hidden;
	margin-bottom: 100px;
}

.vision01 li {
	float: left;
	width: calc(33.33% - 22px);
	margin-right: 33px;
	text-align: center;
}

.vision01 li:last-of-type {
	margin-right: 0;
}

.vision01 li>img {
	width: 100%;
}

.vision01 li>.vision_icon {
	width: 29.6%;
	margin: -15% 0 0;
}

.vision01 li p {
	font-size: 20px;
	color: #222;
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
}

.vision01 li p span {
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
}

.vision01 li>span {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.6em;
}

.vision01 li>span span {
	display: block;
}


/* 연혁 */
.history_tab {
	font-size: 0;
	text-align: center;
	margin: -10px auto 80px;
}

.history_tab li {
	display: inline-block;
	font-size: 18px;
	/*color:#777;*/
	color: #000;
	font-weight: 300;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 0;
}

.history_tab li.on {
	font-weight: 500;
	color: #b62c2c;
}

.history_tab span {
	font-size: 18px;
	padding: 0 20px;
	color: #8d8f93;
	font-weight: 300;
	vertical-align: middle;
}

.historyCon {
	display: none;
}

.historyCon.on {
	display: block;
}

.history01 {
	text-align: center;
	position: relative;
}

.history01_img {
	position: relative;
	z-index: 1;
	margin-top: 33px;
}

.history01 .bar {
	width: 1px;
	height: 38px;
	background: #b62c2c;
	margin: 40px auto;
}

.history01 .history01_pic {
	position: absolute;
	top: 0;
	right: -117px;
}

.history01_02 .history01_pic {
	position: absolute;
	top: 0;
	left: -55px;
	right: inherit;
}

.history02 {
	padding: 70px 0 30px;
	background: #f5f4f1;
	border-top: 1px solid #dfddd9;
}

.history02 dl {
	overflow: hidden;
	padding-bottom: 200px;
	background: url("/img/history02_dlBg.png") right 24% bottom no-repeat;
}

.history02 dl dt {
	float: left;
	width: 266px;
	height: 322px;
	margin-left: 46px;
	background: url("/img/history02_dtBg02.png") right top no-repeat;
}

.history02 dl dt div {
	width: 228px;
	height: 228px;
	background: url("/img/history02_dtBg.png") left top no-repeat;
	background-size: 100% 100%;
	text-align: center;
}

.history02 dl dt div img {
	margin-top: 62px;
}

.history02 dl dt div p {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-top: 23px;
}

.history02 dl dd {
	float: left;
	width: calc(100% - 312px);
	padding-left: 96px;
	box-sizing: border-box;
}

.history02 dl dd p {
	font-size: 17px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	margin-bottom: 25px;
	letter-spacing: 0;
}

.history02 dl dd p:last-of-type {
	margin-bottom: 0;
}

.history02 dl dd p strong {
	display: inline-block;
	width: 65px;
	color: #222;
	margin-right: 50px;
	box-sizing: border-box;
	vertical-align: top;
}

.history02 dl dd p span {
	display: inline-block;
	width: calc(100% - 115px);
}

.history02 dl dd p:first-of-type strong {
	padding-top: 47px;
	border-top: 4px solid #b62c2c;
}

.history02 dl dd p:first-of-type span {
	padding-top: 51px;
}

.history02_02 dl {
	background: url("/img/history02_dlBg.png") right 47% bottom no-repeat;
}

.history02_02 dl dt {
	float: right;
}

.history02_02 dl dd {
	float: right;
	padding-left: 165px;
}


/* 가족회사소개 */
.family01 {
	padding: 70px 0;
	background: #f5f4f1;
	display: none;
}

.family01.on {
	display: block;
}

.family01 ul {
	font-size: 0;
}

.family01 ul li {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.family01 ul li.show770 {
	display: none;
}

.family01 ul li:last-of-type {
	text-align: right;
}

.family01 ul li img {
	width: 86.546%;
}

.family01 ul li .bar {
	width: 20px;
	height: 2px;
	margin-bottom: 20px;
	background: #b62c2c;
}

.family01 ul li .tit {
	font-size: 25px;
	color: #222;
	font-weight: 500;
}

.family01 ul li>span {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.6;
	margin: 20px 0 50px;
}

.family01 ul li span span {
	display: block;
}

.family01 ul li a {
	display: block;
	width: 160px;
	height: 45px;
	line-height: 43px;
	font-size: 14px;
	color: #222;
	font-weight: 300;
	box-sizing: border-box;
	border: 1px solid #222;
	text-align: center;
}

.family01_01 ul li {
	width: 100%;
	text-align: left;
}

.family01_01 ul li:last-of-type {
	text-align: left;
}

.family02 {
	overflow: hidden;
	margin-bottom: 100px;
}

.family02 li {
	float: left;
	width: calc(25% - 26.75px);
	border: 1px solid #c8c8c8;
	margin: 33px 33px 0 0;
	position: relative;
	cursor: pointer;
	text-align: center
}

.family02 li:nth-of-type(4n) {
	margin-right: 0;
}

.family02 li img {
	width: 100%;
}

.family02 li .family02_over {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	box-sizing: border-box;
	border: 6px solid #5a6894;
}

.family02 li .family02_over p {
	display: none;
	font-size: 0;
	color: #fff;
	font-weight: 300;
	margin-top: 25%;
}

.family02 li.on .family02_over {
	display: block;
}


/* 오시는길 */
.location_tab {
	font-size: 0;
	text-align: center;
	margin: -10px 0 26px;
}

.location_tab li {
	display: inline-block;
	font-size: 18px;
	/*color:#777;*/
	color: #000;
	font-weight: 300;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 0;
}

.location_tab li.on {
	font-weight: 500;
	color: #b62c2c;
}

.location_tab span {
	font-size: 18px;
	padding: 0 20px;
	color: #8d8f93;
	font-weight: 300;
	vertical-align: middle;
}

.location01 {
	height: 0;
	overflow: hidden;
}

.location01.on {
	height: auto;
}

.location01>img {
	width: 100%;
}

.location01 .map_wrap .yuMap {
	width: 100% !important;
}

.root_daum_roughmap .wrap_map {
	height: 600px !important;
}

/* .location01 .map_wrap iframe{width:100%; height:600px;} */
.location01 .location01_addr {
	font-size: 0;
	padding: 20px 0;
	margin-bottom: 75px;
	text-align: center;
	color: #fff;
	background: #9f9f9f;
	letter-spacing: 0;
}

.location01 .location01_addr a:link {
	color: #fff;
}

.location01 .location01_addr a:visited {
	color: #fff;
}

.location01 .location01_addr a:hover {
	color: #fff;
}

.location01 .location01_addr strong {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
}

.location01 .location01_addr span {
	display: inline-block;
	font-size: 10px;
	font-weight: 100;
	padding: 0 12px;
	vertical-align: middle;
}

.location01 .location01_tit {
	text-align: center;
}

.location01 .location01_tit strong {
	display: inline-block;
	font-size: 20px;
	color: #222;
	padding-top: 16px;
	border-top: 4px solid #b62c2c;
}

.location01 .location01_tit .bar {
	width: 1px;
	height: 25px;
	background: #b62c2c;
	margin: 30px auto;
}

.location01 .location01_01 {
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid #dbdbdb;
}

.location01 .location01_01:last-of-type {
	border-bottom: 0;
}

.location01 .location01_01 .location01_tit01 {
	font-size: 18px;
	color: #b62c2c;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}

.location01 .location01_01 dl {
	overflow: hidden;
	padding: 0 90px;
}

.location01 .location01_01 dl dt {
	float: left;
	width: 98px;
	margin-right: 52px;
}

.location01 .location01_01 dl dd {
	float: left;
	width: calc(100% - 150px);
	margin-top: 10px;
}

.location01 .location01_01 dl dd p {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	padding-left: 14px;
	background: url("/img/location01_pDot.png") left top 7px no-repeat;
	margin-bottom: 15px;
	line-height: 1.3;
}

.location01 .location01_01 dl dd p:last-of-type {
	margin-bottom: 0;
}

.location01 .location01_01 dl dd p span {
	display: block;
	color: #222;
	font-weight: 500;
	margin-bottom: 10px;
}

.location01 .location01_01_01 dl {
	font-size: 0;
}

.location01 .location01_01_01 dl dt {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.location01 .location01_01_01 dl dd {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
}


/* 유한소식 */
.intro_table table {
	width: 100%;
	/*text-align:center;*/
	border-top: 1px solid #494949;
}

.intro_table table tr {
	border-bottom: 1px solid #e1e1e1;
}

.intro_table table tr th {
	height: 50px;
	font-size: 15px;
	color: #222;
	border-right: 1px solid #e1e1e1;
	padding: 0 10px;
	background: #f7f8f9;
	font-weight: normal;
	line-height: 1.3;
}

.intro_table table tr th:last-of-type {
	border-right: 0;
}

.intro_table table tr td {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	border-right: 1px solid #e1e1e1;
	padding: 10px;
	font-weight: 300;
}

.intro_table table tr td:last-of-type {
	border-right: 0;
}

.intro_table table tr td.tit {
	text-align: left;
	padding: 18px;
}

.intro_table table tr .intro_table table tr td div:not(.write_textarea) p {
	font-size: 18px;
	color: #1e1e1e;
	font-weight: 500;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.intro_table table tr td .write_textarea p {
	white-space: inherit;
}

.intro_table table tr td>span {
	line-height: 1.5;
}

.intro_table table tr td.img img {
	width: 100%;
}

.intro_table table .col01 {
	width: 8%;
}

.intro_table table .col02 {
	width: 19.65%;
}

.intro_table table .col03 {
	width: 115px;
}

.intro_table table .col04 {
	width: 11%;
}

.intro_table table .col05 {
	width: 16%;
}

.intro_table_read {
	word-break: break-all;
}

.intro_table_read table tr th:last-of-type {
	border-right: 1px solid #e1e1e1;
}

.intro_table_read td {
	color: #222;
}

.readCon {
	margin-top: 13px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	word-break: break-all;
}

.readCon .read_img img {
	width: 100%;
}

.read_txt {
	margin-top: 35px;
}

.read_txt p {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	margin-bottom: 25px;
	line-height: 1.5;
}

.read_txt p:last-of-type {
	margin-bottom: 0;
}

.readCon .urlFile {
	margin: 15px 0 -15px;
}

.readCon .urlFile dl {
	overflow: hidden;
	margin-bottom: 10px;
}

.readCon .urlFile dl:last-of-type {
	margin-bottom: 0;
}

.readCon .urlFile dl dt {
	float: left;
	width: 12px;
	margin: 3.5px 15px 0 0;
}

.readCon .urlFile dl dd {
	float: left;
	width: calc(100% - 27px);
}

.readCon .urlFile dl dd a {
	font-size: 13px;
	/*color:#6a6a6a;*/
	color: #000;
	line-height: normal;
}

.program_btn {
	overflow: hidden;
	min-height: 48px;
	text-align: center;
	position: relative;
}

.program_btn dd {
	position: absolute;
	top: 0;
	right: 0;
	width: 124px;
	height: 48px;
	line-height: 48px;
	background: #b62c2c;
}

.program_btn dd a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 15px;
}

.program_pager {
	margin: 50px 0 25px;
	text-align: center;
	font-size: 0;
}

.program_pager a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	background: #fff;
	color: #807e7e;
	vertical-align: middle;
	border: 1px solid #dadada;
	border-left: 0;
	box-sizing: border-box;
}

.program_pager a img {
	margin-top: 13.5px;
}

.program_pager a.page_first {
	border-left: 1px solid #dadada;
}

.program_pager a.page_prev {
	border: 0;
	width: 43px;
	margin-right: 24px;
}

.program_pager a.page_next {
	border: 0;
	width: 43px;
	margin-left: 24px;
}

.program_pager a:hover {
	background: #b62c2c;
	color: #fff;
}

.program_pager a.active {
	background: #b62c2c;
	color: #fff;
}

.program_pager a.page_prev:hover,
.program_pager a.page_next:hover {
	background: inherit;
}

.program_search {
	text-align: center;
	font-size: 0;
}

.program_search form {
	font-size: 0;
}

.program_search select {
	width: 160px;
	margin-right: 5px;
}

.program_search input[type="text"] {
	width: 200px;
}


/* CMO사업 */
.business01 {
	background: url("/img/business01_bg.jpg") center top no-repeat;
}

.business01 p strong {
	font-weight: 300;
}

.business02 {
	font-size: 0;
	margin: 40px 0 70px;
	text-align: center;
}

.business02 li {
	display: inline-block;
	width: 19.728%;
	position: relative;
	margin-right: -3.728%;
}

.business02 li:last-of-type {
	margin-right: 0;
}

.business02 li img {
	width: 100%;
}

.business02 li .business02_txt {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -33.5px;
	text-align: center;
}

.business02 li .business02_txt>span {
	font-size: 15px;
	color: #526875;
	font-weight: bold;
}

.business02 li .business02_txt p {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	line-height: 1.4;
	margin-top: 10px;
}

.business02 li .business02_txt p span {
	display: block;
}

.business02 li:nth-of-type(2n) .business02_txt p {
	color: #2f3237;
}

.business05 {
	margin-bottom: 55px;
}

.business05 .b5_tit {
	width: 345px;
	padding: 20px 0;
	background: #526875;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
}

.business05 .line img {
	width: 100%;
}

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

.business05 ul li {
	float: left;
	width: 31.36%;
	margin-right: 2.9090909091%;
}

.business05 ul li:last-child {
	margin-right: 0;
}

.business05 ul li .bbar {
	width: 1px;
	height: 17px;
	margin: 0 auto 20px;
	background: #d9d9d9;
}

.business05 ul li .img_box {
	margin-bottom: 18px;
	padding: 40px 0;
	border: 1px solid #d9d9d9;
	text-align: center;
	background: #fafafa;
}

.business05 ul li .img_box .tit {
	font-size: 20px;
	color: #222;
}

.business05 ul li .list_type li {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	background: url('/img/cmo_listb.png') no-repeat left 50%;
	padding-left: 17px;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
}

.business06 {
	margin-bottom: 55px;
}

.business06 table {
	width: 100%;
	border-top: 1px solid #dcdcdc;
}

.business06 table tr {
	border-bottom: 1px solid #dcdcdc;
}

.business06 table td {
	width: 50%;
	padding: 45px 50px;
	text-align: left;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.5em;
	vertical-align: top;
}

.business06 table td i {
	display: block;
	width: 14px;
	height: 2px;
	margin-bottom: 10px;
	background: #b62c2c;
}

.business06 table td p {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 400;
	color: #222;
	left: -0.05em;
}

.business06 table td:first-of-type {
	border-right: 1px solid #dcdcdc;
}

.business07 {
	margin-bottom: 55px;
	border-top: 1px solid #dcdcdc;
	font-size: 0;
}

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

.business07 li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	border-bottom: 1px solid #dcdcdc;
	font-size: 0;
	border-left: 1px solid #dcdcdc;
}

.business07 li:nth-of-type(5n) {
	border-right: 1px solid #dcdcdc;
}

.business07 li img {
	width: 100%;
	height: 70px;
}

.business07 li.vh img {
	visibility: hidden;
}

.business08 {
	margin-bottom: 55px;
	padding-left: 27px;
}

.business08 li {
	padding-left: 12px;
	font-size: 15px;
	font-weight: 300;
	/*color:#6a6a6a;*/
	color: #000;
	margin-bottom: 10px;
	background: url('/img/cont_lib.png') no-repeat left 6px;
	line-height: 1.2em;
}

.business08 li a {
	font-size: 15px;
	font-weight: 300;
	/*color:#6a6a6a;*/
	color: #000;
}

.business08.mbg_in {
	background: url('/img/mana_bg01.png') no-repeat right bottom;
	height: 539px;
}

.business03 .cmo_img {
	width: 100%;
	margin-bottom: 30px;
}

.business03 .bus03_table {
	width: 100%;
	table-layout: fixed;
	margin: 50px 0 80px;
}

.business03 .bus03_table td {
	vertical-align: top;
	padding: 0 15px;
	border-right: 1px dashed #cfcecd;
}

.business03 .bus03_table td:last-of-type {
	border-right: 0;
}

.business03 .bus03_table td .num {
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-indent: -2px;
	font-size: 19px;
	color: #fff;
	font-weight: 200;
	background: #526875;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
}

.business03 .bus03_table td p {
	font-size: 16px;
	margin: 30px 0;
	color: #526875;
	font-weight: 500;
}

.business03 .bus03_table td>span {
	font-size: 15px;
	color: #222;
	font-weight: 300;
	line-height: 1.5;
}

.business04 {
	margin: 20px 0 60px;
	padding-bottom: 65px;
	background: url("/img/business04_img.jpg") right bottom no-repeat;
}

.business04 dt {
	height: 285px;
	position: relative;
}

.business04 dt .txt {
	width: calc(100% - 275px);
	height: 285px;
	padding-right: 20px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.business04 dt .txt p {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 14%;
	line-height: 1.3;
}

.business04 dt .txt span {
	font-size: 15px;
	font-weight: 300;
}

.business04 dt .business04_back {
	width: 300%;
	height: 100%;
	background: #677d8a;
	position: absolute;
	top: 0;
	right: 305px;
}

.business04 dd {
	display: none;
}

.business_table {
	margin-bottom: 75px;
}

.business_table table tr td {
	padding: 20px 10px;
	text-align: center;
}

.business_table table tr td.border_r {
	border-right: 1px solid #e1e1e1;
}





/* Process Development */

.process01 {
	background: url("/img/process01_bg01.jpg") center top no-repeat;
}

.process02 {
	overflow: hidden;
}

.process02_img {
	position: relative;
	z-index: 2;
}

.process02_img img {
	position: absolute;
	top: 0;
	left: 0;
}

.process02_01 {
	margin-bottom: -180px;
	padding-top: 45px;
	position: relative;
}

.process02_01 dt {
	height: 479px;
	position: relative;
}

.process02_01 dt .txt {
	width: calc(100% - 470px);
	height: 479px;
	color: #000;
	position: relative;
	float: right;
	z-index: 1;
	overflow: hidden;
}

.process02_01 dt .txt p {
	float: right;
	width: 270px;
	padding-top: 91px;
}

.process02_01 dt .txt p>span {
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 30px;
	letter-spacing: 0;
}

.process02_01 dt .txt p>span:last-of-type {
	margin-bottom: 0;
}

.process02_01 dt .txt p>span i {
	display: inline-block;
	margin-right: 9px;
	font-size: 23px;
	font-weight: 200;
}

.process02_01 dt .process01_back {
	width: 300%;
	height: 100%;
	background: url("/img/process01_bg.jpg") left top no-repeat;
	position: absolute;
	top: 0;
	left: 500px;
}

.process02_02 {
	margin: 0 0 100px;
}

.process02_02 dt {
	height: 303px;
	position: relative;
}

.process02_02 dt .txt {
	width: calc(100% - 348px);
	height: 303px;
	padding-right: 20px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.process02_02 dt .txt span {
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	padding-top: 155px;
}

.process02_02 dt .txt p {
	font-size: 28px;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1.3;
}

.process02_02 dt .process02_back {
	width: 300%;
	height: 100%;
	background: #9dadb6 url("/img/process01_bg02.jpg") right top no-repeat;
	position: absolute;
	top: 0;
	right: 378px;
}


.process03 {
	margin-bottom: 55px;
}

.process03 .part_img {
	text-align: center;
	margin-bottom: 40px;
}

.process03 .part_text ul:after {
	content: '';
	clear: both;
	display: block;
}

.process03 .part_text ul li {
	float: left;
	width: 50%;
	padding: 0 25px;
	box-sizing: border-box;
}

.process03 .part_text ul li i {
	display: block;
	width: 14px;
	height: 2px;
	margin-bottom: 10px;
	background: #b62c2c;
}

.process03 .part_text ul li dl dt {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 400;
	color: #222;
	left: -0.05em;
}

.process03 .part_text ul li dl dd {
	margin-bottom: 10px;
	background: url('/img/cmo_listb.png') no-repeat left 15%;
	padding-left: 17px;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
}

.process04 {
	margin-bottom: 55px;
}

.process04 dl {
	overflow: hidden;
	margin-bottom: 10px;
}

.process04 dl dt {
	float: left;
	position: relative;
	width: 300px;
	border: 1px solid #a1acb2;
	text-align: center;
	font-size: 20px;
	color: #222;
	padding: 75px 0;
	margin-right: 10px;
	box-sizing: border-box;
}

.process04 dl dt i {
	position: absolute;
	display: block;
	right: -45px;
	top: 50%;
	width: 45px;
	height: 1px;
	background: #313b40;
}

.process04 dl dd {
	float: left;
	width: calc(100% - 310px);
	background: #a1acb2;
	box-sizing: border-box;
	padding: 50px 55px;
}

.process04 dl dd ul li {
	background: url('/img/proc_lib.png') no-repeat left 9px;
	padding-left: 17px;
	color: #fff;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: 300;
}

.process04 dl:last-of-type dt {
	padding: 99px 0;
}


/* Contract Analytical Testing Service */
.contract01 {
	background: url("/img/contract01_bg.jpg") center top no-repeat;
}

.contract02 .process02_img img {
	top: 45px;
	left: inherit;
	right: 0;
}

.contract02 .process02_01 {
	margin-bottom: -65px;
	padding-top: 0;
}

.contract02 .process02_01 dt {
	height: 439px;
}

.contract02 .process02_01 dt .txt {
	float: none;
	width: calc(100% - 494px);
	height: 439px;
}

.contract02 .process02_01 dt .txt p {
	float: none;
	width: 60%;
	padding-top: 80px;
}

.contract02 .process02_01 dt .txt p>span>span {
	display: inline-block;
	width: calc(100% - 39px);
	line-height: 1.5;
	margin-top: 2px;
}

.contract02 .process02_01 dt .txt p>span>span span {
	display: block;
}

.contract02 .process02_01 dt .txt p>span i {
	vertical-align: top;
}

.contract02 .process02_01 dt .process01_back {
	background: url("/img/contract02_bg.jpg") right top no-repeat;
	left: inherit;
	right: 524px;
}

.contract02 .process02_02 dt {
	height: 333px;
}

.contract02 .process02_02 dt .txt {
	width: calc(100% - 349px);
	height: 333px;
	float: right;
	padding-left: 84px;
}

.contract02 .process02_02 dt .txt p {
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 145px;
}

.contract02 .process02_02 dt .txt span {
	padding-top: 0;
	line-height: 1.7;
}

.contract02 .process02_02 dt .txt span span {
	display: block;
}

.contract02 .process02_02 dt .txt span .br {
	display: inline;
}

.contract02 .process02_02 dt .process02_back {
	background: #9dadb6 url("/img/contract02_bg02.jpg") left top no-repeat;
	right: inherit;
	left: 379px;
}


/* Hydrogenation Service */
.hydrogen01 {
	background: url("/img/hydrogen01_bg.jpg") center top no-repeat;
}

.hydrogen01 p {
	font-size: 25px;
	line-height: 1.3em
}

.hydrogen01 p>span {
	font-size: 16px
}

.hydrogen02 {}

.hydrogen02 ul {
	font-size: 0;
	letter-spacing: -4px;
}

.hydrogen02 ul li {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333333% - 21.333333px);
	margin-right: 32px;
}

.hydrogen02 ul li:last-of-type {
	margin-right: 0;
}

.hydrogen02 ul li img {
	width: 100%;
}

.hydrogen02_table {
	margin: 60px auto;
}

.hydrogen02_table table {
	border-top: 1px solid #bba786;
}

.hydrogen02_table table tr {
	border-bottom: 1px solid #cacaca;
}

.hydrogen02_table table tr th {
	background: rgba(177, 189, 200, 0.3);
	border-right: 1px solid #cacaca;
}

.hydrogen02_table table tr th:first-of-type {
	border-left: 1px solid #cacaca;
}

.hydrogen02_table table tr th:last-of-type {
	border-right: 1px solid #cacaca;
}

.hydrogen02_table table tr td {
	padding: 20px 10px;
	border-right: 1px solid #cacaca;
}

.hydrogen02_table table tr td:first-of-type {
	border-left: 1px solid #cacaca;
}

.hydrogen02_table table tr td:last-of-type {
	border-right: 1px solid #cacaca;
}

.hydrogen06 {
	margin-bottom: 55px;
}

.hydrogen06 table {
	width: 100%;
	border-top: 1px solid #dcdcdc;
}

.hydrogen06 table tr {
	border-bottom: 1px solid #dcdcdc;
}

.hydrogen06 table td {
	width: 50%;
	padding: 45px 50px;
	text-align: left;
	font-size: 15px;
	color: #6a6a6a;
	font-weight: 300;
	line-height: 1.5em;
	vertical-align: top;
}

.hydrogen06 table td i {
	display: block;
	width: 14px;
	height: 2px;
	margin-bottom: 10px;
	background: #b62c2c;
}

.hydrogen06 table td b {
	font-weight: 400;
	color: #222;
}

.hydrogen06 table td:first-of-type {
	border-right: 1px solid #dcdcdc;
}

.hydrogen06 table tr:last-of-type td:first-of-type {
	border-right: none;
}

@media (max-width: 1099px) {
	.hydrogen01 p {
		margin: 100px 0 13px;
	}

	.hydrogen01 p br.pc_only {
		display: none;
	}

	.hydrogen06 table td br {
		display: none;
	}
}

@media (max-width: 770px) {
	.hydrogen02 ul li {
		width: calc(33.333333% - 8px);
		margin-right: 12px;
	}

	.hydrogen02_table {
		margin: 9.3% auto;
	}

	.hydrogen02_table table tr th {
		font-size: 12px;
	}

	.hydrogen02_table.intro_table table tr td {
		font-size: 12px;
		padding: 10px 0;
		border-right: 1px solid #cacaca;
		line-height: 1.3;
	}

	.hydrogen06 {
		margin-bottom: 10.5%;
	}

	.hydrogen06 table {
		width: 100%;
	}

	.hydrogen06 table tr {
		border-bottom: 0;
	}

	.hydrogen06 table td {
		display: block;
		width: 100%;
		padding: 5%;
		text-align: left;
		font-size: 2.5vw;
		box-sizing: border-box;
		word-break: keep-all;
		border-bottom: 1px solid #dcdcdc;
	}

	.hydrogen06 table td i {
		display: block;
		width: 14px;
		height: 2px;
		margin-bottom: 2%;
	}

	.hydrogen06 table td p {
		margin-bottom: 5%;
		font-size: 3.4vw;
		line-height: 1.4em;
	}

	.hydrogen06 table td:first-of-type {
		border-right: 0;
	}
}

/* 안전환경경영 - 개요 */
.safety_tab {
	margin: -10px auto 10px;
	/* border-bottom:1px solid #dbdbdb; */
	padding: 0 0 26px;
}

.safety_tab li a {
	font-size: 18px;
	/*color:#777;*/
	color: #000;
}

.safety_tab li.on {
	color: #b89f76;
}

.safe01 {
	text-align: center;
	margin-bottom: 65px;
}

.safe01 .subCon_tit {
	text-align: left;
}

.safe01>img {
	margin-bottom: 50px;
}

.safe01 .safe01_txt01 {
	font-size: 17px;
	color: #000;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-top: 20px;
}

.safe01 .safe01_txt02 {
	font-size: 32px;
	color: #000;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: -1.5px;
}

.safe01 .safe01_txt02 span {
	display: block;
}

.safe01 .safe01_txt02 strong {
	font-weight: inherit;
	color: #bba786;
}

.safe01 .bar {
	width: 50px;
	height: 1px;
	background: #bba786;
	margin: 32px auto 20px;
}

.safe01 .safe01_txt03 {
	margin-top: 10px;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.6;
}

.safe01 .safe01_txt03 span {
	display: block;
}

.safe02 {
	padding: 65px 0;
}

.safe02 ul {
	font-size: 0;
	text-align: center;
}

.safe02 ul li {
	position: relative;
	display: inline-block;
}

.safe02 ul li:nth-of-type(2) {
	margin: 0 100px;
}

.safe02 ul li img {
	margin-top: 15px;
}

.safe02 ul li p {
	font-size: 16px;
	color: #222;
	font-weight: 500;
	margin: 28px 0 16px;
}

.safe02 ul li span {
	font-size: 15px;
	color: #222;
	font-weight: 300;
	line-height: 1.5;
}

.safe02 ul li span span {
	display: block;
}

.safe02 ul li .plus {
	position: absolute;
	top: 130px;
	right: -73px;
}

.safe03 {
	text-align: center;
}

.safe03_img {
	display: inline-block;
	margin-bottom: 60px;
	position: relative;
}

.safe03_img .safe03_txt {
	position: absolute;
	color: #222;
	font-weight: 500;
	z-index: 1;
}

.safe03_img .safe03_txt01 {
	width: 100%;
	left: 0;
	top: 134px;
}

.safe03_img .safe03_txt02 {
	left: 128px;
	bottom: 120px;
}

.safe03_img .safe03_txt03 {
	right: 123px;
	bottom: 120px;
}

.safe03_img .safe03_txt p {
	font-size: 16px;
	margin-bottom: 6px;
}

.safe03_img .safe03_txt span {
	font-size: 12px;
}

.safe03_01 {
	margin-bottom: 100px;
}

.safe03_01>img {
	margin-bottom: 45px;
}

.safe03_01>p {
	font-size: 30px;
	color: #222;
	font-weight: bold;
	margin-bottom: 25px;
}

.safe03_01 ul {
	font-size: 0;
}

.safe03_01 ul li {
	display: inline-block;
	width: 277px;
	height: 56px;
	line-height: 56px;
	font-size: 15px;
	font-weight: 300;
	color: #717274;
	background: url("/img/safe03_01Bg.png") left top no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}

.safe03_01 ul .safe03_01_02 {
	color: #a88953;
}

.safe03_01 ul .safe03_01_03 {
	color: #222;
}

.safe03_01 ul span {
	display: inline-block;
	font-size: 15px;
	color: #222;
	margin: 0 10px;
	vertical-align: middle;
}

/*  안전환경경영 - 안전관리 */
.safe_tab {
	margin-bottom: 0 !important;
}

.safe001 {
	background: url("/img/safe01_bg.jpg") center top no-repeat;
}

.safe002 {
	overflow: hidden;
}

.safe002 ul {
	font-size: 0;
	text-align: center;
	margin: 80px 0 0;
}

.safe002 ul li {
	display: inline-block;
	width: 25%;
	height: 385px;
	margin-bottom: 60px;
	border-bottom: 1px dashed #b8b8b8;
	border-right: 1px dashed #b8b8b8;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}

.safe002 ul li.bb0_mb0 {
	margin-bottom: 0;
	border-bottom: 0;
}

.safe002 ul li:nth-of-type(4n) {
	border-right: 0;
}

.safe002 ul li p {
	font-size: 18px;
	color: #937847;
	font-weight: 500;
	margin: 24px 0 9px;
}

.safe002 ul li>span {
	font-size: 15px;
	color: #1e1e1e;
	font-weight: ;
	line-height: 1.4;
}

.safe002 ul li>span span {
	display: block;
}

.safe002 ul li .white_box {
	width: 60px;
	height: 110px;
	position: absolute;
	bottom: -55px;
	right: -30px;
	background: #fff;
	z-index: 1;
}

.safe002 ul li .txt_boxWrap {
	width: calc(100% - 50px);
	margin: 15px 0 0 25px;
}

.safe002 ul li .txt_box {
	display: table;
	width: 100%;
	height: 165px;
	padding: 0 10px;
	background: #beae91;
	box-sizing: border-box;
}

.safe002 ul li .txt_box p {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	margin: 0;
	line-height: 1.5;
}

.safe003 {
	padding: 65px 0;
	background: #f5f3ef;
}

.safe003_01 {
	text-align: center;
	position: relative;
}

.safe003_01 img {
	margin-right: -62px;
}

.safe003_01 ul {
	width: 520px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -195px;
}

.safe003_01 ul li {
	font-size: 0;
	margin-top: 128.5px;
	text-align: left;
}

.safe003_01 ul li:first-of-type {
	margin-top: 63.5px;
}

.safe003_01 ul li p {
	display: inline-block;
	vertical-align: middle;
	width: 145px;
	margin-right: 150px;
	font-size: 22px;
	color: #222;
	font-weight: bold;
	text-align: right;
}

.safe003_01 ul li span {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 295px);
	font-size: 16px;
	color: #222;
	font-weight: 300;
}

.safe04 {
	padding: 50px 0 150px;
}

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

.safe04 ul li {
	float: left;
}

.safe04 ul li.p_img {
	width: 25%;
}

.safe04 ul li.p_img img {
	width: 100%;
}

.safe04 ul li.p_text {
	width: calc(75% - 110px);
	box-sizing: border-box;
	margin: 0 50px 20px 60px;
	padding: 40px 0 0;
}

.safe04 ul li.p_text h5 {
	font-size: 30px;
	color: #1e1e1e;
	margin-bottom: 55px;
}

.safe04 ul li.p_text h5 span {
	display: inline-block;
	padding-bottom: 12px;
	margin-right: 25px;
	border-bottom: 1px solid #c2b193;
	vertical-align: top;
}

.safe04 ul li.p_text dl dt {
	font-size: 20px;
	color: #222;
	letter-spacing: -0.05em;
	background: url('/img/safe_lib.png') no-repeat left 50%;
	padding-left: 12px;
	margin-bottom: 15px;
}

.safe04 ul li.p_text dl dd {
	font-size: 15px;
	font-weight: 300;
	/*color:#6a6a6a;*/
	color: #000;
	line-height: 1.5em;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dbdbdb;
}

.safe04 .img_box {
	width: 85%;
	margin: 0 auto;
}

.safe04 .img_box img {
	width: 100%;
}

.safe04 .safe01_txt01 {
	text-align: center;
	padding-bottom: 50px;
	font-size: 17px;
	color: #000;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-top: 20px;
}

/* 안전환경 인증 */
.certified_con01 {
	padding: 45px 0 150px;
}

.certified_con01 .safe01_txt01 {
	text-align: center;
	padding-bottom: 50px;
	font-size: 17px;
	color: #000;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-top: 20px;
}

.certified_con01 .wrap {
	display: flex;
	justify-content: space-between;
}

.certified_con01 .wrap li {
	width: 45%;
}

.certified_con01 .wrap li .tit_box {
	text-align: left;
	letter-spacing: -0.050em;
}

.certified_con01 .wrap li .tit_box .tit {
	font-size: 24px;
	font-weight: 500;
	position: relative;
	padding-top: 10px;
}

.certified_con01 .wrap li .tit_box .tit::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 3px;
	background-color: #bba786;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.certified_con01 .wrap li .tit_box .txt {
	font-size: 15px;
	padding: 0 0 30px;
	font-weight: 300;
	color: #717274;
	text-align: left;
}

.certified_con01 .wrap li .in_wrap {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.certified_con01 .wrap li .in_wrap div {
	width: 45%;
}

.certified_con01 .wrap li .in_wrap div p {
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 15px;
}

.certified_con01 .wrap li .in_wrap div img {
	width: 100%;
}

@media all and (max-width:1000px) {
	.certified_con01 .wrap {
		flex-direction: column;
	}

	.certified_con01 .wrap li:first-child {
		margin-top: 0;
	}

	.certified_con01 .wrap li {
		width: 85%;
		margin: 0 auto;
		margin-top: 80px;
	}
}

.certified_con01 .wrap li .txt_bar {
	position: relative;
}

.certified_con01 .wrap li .txt_bar::before {
	content: '';
	display: inline-block;
	width: 38px;
	height: 3px;
	background-color: #bba786;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
}


/*  안전환경경영 - 환경관리 */
.environment01 {
	background: url("/img/environment01_bg.jpg") center top no-repeat;
	margin-bottom: 0 !important;
}

.environment01 img {
	margin-top: 125.5px;
}

.environment02 dl {
	padding: 95px 80px;
	position: relative;
	overflow: hidden;
}

.environment02 dl dt {
	width: 564px;
}

.environment02 dl dt p {
	font-size: 18px;
	color: #946b26;
	font-weight: 500;
	margin-bottom: 24px;
}

.environment02 dl dt>span {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.7;
}

.environment02 dl dt>span span {
	display: block;
}

.environment02 dl dd {
	position: absolute;
	bottom: 0;
	right: 80px;
}

.environment02 dl:nth-of-type(2n) {
	background: #faf9f6;
}

.environment02 dl:nth-of-type(2n) dt {
	float: right;
}

.environment02 dl:nth-of-type(2n) dd {
	right: inherit;
	left: 80px;
}

.environment02 dl:last-of-type {
	margin-bottom: 100px;
}


/*  안전환경경영 - 보건관리 */
.health01 {
	background: url("/img/health01_bg.jpg") center top no-repeat;
}


/* GMP Manufacturing */
.gmp_tab {
	border-bottom: 0;
	margin-bottom: 0 !important;
}

.gmp01 {
	padding: 70px 0;
	background: #faf9f6;
	text-align: center;
	letter-spacing: 0;
}

.gmp01 .gmp01_txt01 {
	font-size: 17px;
	color: #222;
	line-height: 1.8;
}

.gmp01 .gmp01_txt01 strong {
	color: #ab9770;
	font-weight: 500;
}

.gmp01 .gmp01_txt01 span {
	display: block;
}

.gmp01 .bar {
	width: 1px;
	height: 24px;
	background: #bba786;
	margin: 20px auto;
}

.gmp01 .gmp01_txt02 {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 2;
	margin-bottom: 65px;
	margin-top: 10px;
}

.gmp01 .gmp01_txt02 span {
	display: block;
}

.gmp01 .subCon_tit {
	text-align: left;
}

.gmp01 .gmp_img {
	width: 100%;
	margin-bottom: 30px;
}

.gmp01 .gmp01_table {
	width: 100%;
	table-layout: fixed;
	margin-top: 40px;
}

.gmp01 .gmp01_table td {
	vertical-align: top;
	padding: 0 15px;
	border-right: 1px dashed #cfcecd;
}

.gmp01 .gmp01_table td:last-of-type {
	border-right: 0;
}

.gmp01 .gmp01_table td .num {
	display: inline-block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-indent: -2px;
	font-size: 19px;
	color: #fff;
	font-weight: 200;
	background: #b8a073;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
}

.gmp01 .gmp01_table td p {
	font-size: 16px;
	margin: 30px 0;
	color: #ab9770;
	font-weight: 500;
}

.gmp01 .gmp01_table td>span {
	font-size: 15px;
	color: #222;
	font-weight: 300;
	line-height: 1.5;
}

.gmp02_table {
	margin: 70px auto;
}

.gmp02_table table {
	border-top: 1px solid #bba786;
}

.gmp02_table table tr {
	border-bottom: 1px solid #cacaca;
}

.gmp02_table table tr th {
	background: #eae2d5;
	border-right: 1px solid #cacaca;
}

.gmp02_table table tr th:first-of-type {
	border-left: 1px solid #cacaca;
}

.gmp02_table table tr th:last-of-type {
	border-right: 1px solid #cacaca;
}

.gmp02_table table tr td {
	padding: 20px 10px;
	border-right: 1px solid #cacaca;
}

.gmp02_table table tr td:first-of-type {
	border-left: 1px solid #cacaca;
}

.gmp02_table table tr td:last-of-type {
	border-right: 1px solid #cacaca;
}


/* 품질역량 - 품질보증 */
.quality01 {
	background: url("/img/quality01_bg.jpg") center top no-repeat;
}

.quality01>span {
	display: inline-block;
	line-height: 1.8;
	margin-top: 105px;
}

.quality01>span strong {
	font-weight: inherit;
	display: block;
}

.quality01 p {
	margin: 3px 0 0;
	line-height: 1.3;
}

.quality02 {
	font-size: 0;
	text-align: center;
	margin-bottom: 100px;
}

.quality02 .subCon_tit {
	text-align: left;
}

.quality02 dt {
	display: inline-block;
	position: relative;
	padding-right: 33px;
	vertical-align: middle;
}

.quality02 dt p {
	width: 470px;
	height: 75px;
	line-height: 75px;
	font-size: 15px;
	color: #222;
	margin-bottom: 10px;
	background: url("/img/quality02_dt_pBg.png") no-repeat;
	background-size: 100% 100%;
}

.quality02 dt p:nth-of-type(2n) {
	background: url("/img/quality02_dt_pBg02.png") no-repeat;
	background-size: 100% 100%;
}

.quality02 dt p:last-of-type {
	margin-bottom: 0;
}

.quality02 dt img {
	position: absolute;
	top: 50%;
	margin-top: -177px;
	right: 0;
}

.quality02>img {
	vertical-align: middle;
	margin: 0 30px 0 60px;
}

.quality02 dd {
	display: inline-block;
	vertical-align: middle;
}

.quality02 dd p {
	font-size: 20px;
	color: #222;
	font-weight: 500;
	margin: 10px 0;
	line-height: 1.35;
}

.quality02 dd p span {
	display: block;
}

.quality02 dd>span {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.5;
}

.quality02 dd>span span {
	display: block;
}

.quality02_01 {
	margin-bottom: 70px;
}

.quality02_01 img {
	margin-top: 40px;
	max-width: 100%;
}

.quality03 {
	padding-top: 65px;
	background: #faf9f6;
	overflow: hidden;
}

.quality03 dl {
	padding: 70px;
	overflow: hidden;
}

.quality03 dl:nth-of-type(2) {
	background: url("/img/quality03_dlBg01.jpg") center center no-repeat;
	background-size: cover;
}

.quality03 dl:nth-of-type(4) {
	background: url("/img/quality03_dlBg02.jpg") center center no-repeat;
	background-size: cover;
}

.quality03 dl dt {
	float: left;
	width: 122px;
	height: 110px;
	font-size: 72px;
	color: #dbd2c2;
	font-weight: 500;
	box-sizing: border-box;
	border-right: 1px solid #ded6c8;
}

.quality03 dl dd {
	float: left;
	width: calc(100% - 122px);
	padding-left: 50px;
	box-sizing: border-box;
}

.quality03 dl dd p {
	font-size: 18px;
	color: #946b26;
	font-weight: 500;
	margin-bottom: 25px;
}

.quality03 dl dd>span {
	font-size: 15px;
	color: #222;
	font-weight: 300;
	line-height: 1.5;
}

.quality03 dl dd strong {
	display: block;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 15px;
}

.quality03 dl:nth-of-type(2n) {
	text-align: right;
}

.quality03 dl:nth-of-type(2n) dt {
	float: right;
	border-right: 0;
	border-left: 1px solid #ded6c8;
}

.quality03 dl:nth-of-type(2n) dd {
	float: right;
	padding-left: 0;
	padding-right: 50px;
}


/* 품질역량 - 품질관리 */
.management01 {
	background: url("/img/management01_bg.jpg") center top no-repeat;
}

.management02>img {
	width: 100%;
	margin-bottom: 50px;
}

.management02_img {
	margin: 60px 0 50px;
	font-size: 0;
	text-align: center;
}

.management02_img li {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
}

.management02_img li:nth-of-type(2) {
	width: 25.455%;
}

.management02_img span {
	display: inline-block;
	width: 14.455%;
	vertical-align: middle;
}

.management02_img img {
	width: 100%;
}

.management02 table {
	width: 100%;
	margin: 0 0 100px;
	border-top: 1px solid #bba786;
	border-bottom: 1px solid #bba786;
}

.management02 table .col01 {
	width: 230px;
}

.management02 table tr {
	border-bottom: 1px dashed #b3b3b3;
}

.management02 table tr th {
	font-size: 15px;
	color: #b28f5c;
	font-weight: 400;
	border-right: 1px solid #dbdbdb;
}

.management02 table tr td {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	padding: 25px 0 25px 50px;
}

.management02 table tr td p {
	display: inline-block;
	width: 300px;
	line-height: 1.5;
	vertical-align: top;
}

.management02 table tr td p.mt8 {
	margin-bottom: 8px;
}

.management02 table tr td p strong {
	font-weight: 800;
	color: #222;
}

.management02 table tr td p span {
	display: block;
	font-size: 14px;
	font-weight: 300;
}

.management02 table tr td p span strong {
	color: #fff;
}

.management02 table tr td:last-of-type {
	letter-spacing: 0;
	text-align: left;
}

.management02 table tr td p .manage_txt {
	font-size: 15px;
	font-weight: 400;
	margin-top: 6px;
}

.management02_in {
	text-align: center;
	margin-bottom: 100px;
}

.management02_in img {
	max-width: 100%;
}

.management .toggle_con .txt_box .txt+.txt {
	margin-top: 15px;
}

.management .toggle_con .txt_box p {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	letter-spacing: -0.045em;
	line-height: 1.5;
}

.management .toggle_con .txt_box p+p {
	padding-top: 5px;
}

.management .toggle_con .txt_box p b {
	color: #000;
	font-weight: 400;
}

/* R&D - 공정개발 */
.rnd01 {
	background: url("/img/rnd01_bg.jpg") center top no-repeat;
}

.rnd01 p span {
	display: block;
	line-height: 1.5;
}

.rnd01 p .br {
	display: inline;
}

.rnd02 ul {
	display: table;
	width: 100%;
	margin: 70px 0;
}

.rnd02 ul li {
	display: table-cell;
	width: 33.33%;
	padding: 0 10px;
	border-right: 1px dashed #d2d2d2;
	vertical-align: top;
	overflow: hidden;
}

.rnd02 ul li:last-of-type {
	border-right: 0;
}

.rnd02 ul li>div {
	float: left;
}

.rnd02 ul li .text_part {
	width: calc(100% - 57px);
	box-sizing: border-box;
	padding-left: 20px;
}

.rnd02 ul li .img_part span {
	display: inline-block;
	width: 57px;
	height: 57px;
	margin-top: 41px;
	line-height: 57px;
	color: #fff;
	font-size: 19px;
	font-weight: 200;
	background: #b8a073;
	border-radius: 28.5px;
	-moz-border-radius: 28.5px;
	-webkit-border-radius: 28.5px;
	-o-border-radius: 28.5px;
	text-align: center;
}

.rnd02 ul li>span i {
	margin-left: -5px;
}

.rnd02 ul li p span {
	display: block;
}

.rnd02 ul li .rnd02_txt01 {
	font-size: 16px;
	color: #ab9770;
	font-weight: 500;
	margin: 0 0 25px;
	line-height: 1.5;
}

.rnd02 ul li .rnd02_txt02 {
	font-size: 15px;
	color: #222;
	font-weight: 300;
	line-height: 1.5;
}

.rnd03 {
	padding: 75px 0;
	background: #faf9f6;
	color: #222;
	text-align: center;
}

.rnd03 .rnd03_tit {
	font-size: 25px;
	font-weight: bold;
}

.rnd03 .rnd03_txt {
	font-size: 15px;
	font-weight: 300;
	margin: 10px 0 35px;
}

.rnd03 table {
	width: 100%;
	border-top: 1px solid #bba786;
	border-bottom: 1px solid #bba786;
	letter-spacing: 0;
}

.rnd03 table tr {
	border-bottom: 1px dashed #b3b3b3;
}

.rnd03 table tr th {
	font-size: 15px;
	color: #b28f5c;
	font-weight: 400;
	border-bottom: 1px solid #bba786;
	padding: 20px 0;
}

.rnd03 table tr td {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	padding: 25px 0;
	line-height: 1.7;
	border-right: 1px solid #d7d6d3;
}

.rnd03 table tr td:last-of-type {
	border-right: 0;
}


/* R&D - 중앙연구소 */
.lab01 {
	background: url("/img/lab01_bg.jpg") center top no-repeat;
}

.lab02 {
	text-align: center;
	margin-bottom: -80px;
}

.lab03 {
	background: #f6f6f6;
	padding: 180px 0 100px;
	text-align: center;
}

.lab03 ul {
	font-size: 0;
	padding: 0;
	display: inline-block;
}

.lab03 ul li {
	display: inline-block;
	vertical-align: top;
}

.lab03 ul li p {
	width: 25px;
	height: 2px;
	background: #bba786;
	margin: 35px auto 20px;
}

.lab03 ul li:last-of-type p {
	margin: 40px auto 20px;
}

.lab03 ul li span {
	display: block;
	font-size: 15px;
	color: #444;
	font-weight: 300;
	line-height: 1.5;
}

.lab03 ul>span {
	display: inline-block;
	width: 100px;
	border-top: 1px dashed #aaa;
	margin: 65px 15px 0;
}


/* 인재상 */
.hr01 {
	background: url("/img/hr01_bg.jpg") center top no-repeat;
}

.hr01 span span {
	display: block;
	line-height: 2;
}

.hr01 span .br {
	display: inline;
}

.hr02 {
	text-align: center;
	margin-bottom: 80px;
}

.hr02 .subCon_tit {
	text-align: left;
}

.hr02_txtWrap {
	display: inline-block;
	position: relative;
	padding: 55px 65px 0;
}

.hr02_txt {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.hr02_txt_box {
	display: inline-block;
	width: 228px;
	height: 228px;
}

.hr02_txt01 {
	background: url("/img/hr02_txt01_bg.png") no-repeat;
	background-size: 100% 100%;
}

.hr02_txt02 {
	background: url("/img/hr02_txt02_bg.png") no-repeat;
	background-size: 100% 100%;
}

.hr02_txt03 {
	background: url("/img/hr02_txt03_bg.png") no-repeat;
	background-size: 100% 100%;
}

.hr02_txt_box .bar {
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #fff;
	margin: 60px 0 25px;
}

.hr02_txt_box p {
	font-size: 18px;
	color: #fff;
	line-height: 1.4;
}

.hr02_txt_box p span {
	display: block;
}

.hr02_txt_boxWrap {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.hr02_txt_boxWrap .hr02_txt02 {
	float: left;
}

.hr02_txt_boxWrap .hr02_txt03 {
	float: right;
}

.hr02_subTxt {
	margin-top: 80px;
	padding: 50px;
	background: #f6f4ee;
	text-align: left;
}

.hr02_subTxt li {
	padding: 15px 40px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}

.hr02_subTxt li:last-of-type {
	margin-bottom: 0;
}

.hr02_subTxt li img {
	float: left;
	margin-right: 15px;
}

.hr02_subTxt li p {
	float: left;
	width: calc(100% - 35px);
	font-size: 16px;
	color: #222;
	font-weight: 300;
	line-height: 1.3;
}

.hr03 li {
	width: calc(33.33% - 20px);
	margin-right: 30px;
}

.hr03 li:last-of-type {
	margin-right: 0;
}

.hr03 li span {
	text-align: left;
	padding: 0 20px;
}

.hr03 li p>span {
	padding: 0;
}


/* 복리후생 */
.benefits01 {
	background: url("/img/benefits01_bg.jpg") center top no-repeat;
}

.benefits02 {
	text-align: center;
	margin-bottom: 75px;
}

.benefits02 .benefits02_tit {
	height: 253px;
	color: #fff;
	overflow: hidden;
}

.benefits02 .benefits02_tit p {
	font-size: 12px;
	font-weight: 200;
	margin-bottom: 16px;
	letter-spacing: 2px;
	text-indent: 2px;
	margin-top: 100px;
}

.benefits02 .benefits02_tit span {
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
}

.benefits02_01 .benefits02_tit {
	background: url("/img/benefits02_img01.jpg") center top no-repeat;
}

.benefits02_02 .benefits02_tit {
	background: url("/img/benefits02_img02.jpg") center top no-repeat;
}

.benefits02_03 .benefits02_tit {
	background: url("/img/benefits02_img03.jpg") center top no-repeat;
}

.benefits02 .benefits02_bar {
	width: 1px;
	height: 45px;
	background: #b62c2c;
	margin: -22.5px auto 0;
}

.benefits02 .benefits02_txt {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	line-height: 1.5;
	margin: 25px 0;
}

.benefits02 .benefits02_txt span {
	display: block;
}

.benefits02 .benefits02_txt .br {
	display: inline;
}

.benefits02 ul {
	font-size: 0;
	display: inline-block;
}

.benefits02 ul li {
	display: inline-block;
	vertical-align: top;
}

.benefits02 ul li p {
	font-size: 17px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 500;
	margin-top: 13px;
}

.benefits02 ul li>span {
	display: inline-block;
	margin-top: 18px;
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	text-align: left;
	line-height: 1.5;
	box-sizing: border-box;
}

.benefits02 ul>p {
	display: inline-block;
	vertical-align: top;
	margin: 90.5px 18px 0;
}

.benefits02 ul>p span {
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #b62c2c;
	margin-right: 13px;
}

.benefits02 ul>p span:last-of-type {
	margin-right: 0;
}


/* 채용공고 */
select {
	height: 36px;
	font-size: 14px;
	color: #929292;
	padding: 5px 10px;
	border: 1px solid #dadada;
	vertical-align: middle;
	background: url("/img/select_bg.png") right 10px center no-repeat;
	appearance: none;
	-webkit-appearance: none;
}

select:focus {
	outline: 0;
}

select option {
	font-size: 13px;
}

input[type="text"] {
	height: 36px;
	font-size: 14px;
	color: #929292;
	padding: 5px 10px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	vertical-align: middle;
}

input[type="text"]:focus {
	outline: 0;
}

input[type="password"] {
	height: 36px;
	font-size: 14px;
	color: #929292;
	padding: 5px 10px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	vertical-align: middle;
}

input[type="password"]:focus {
	outline: 0;
}

input[type="number"] {
	height: 36px;
	font-size: 14px;
	color: #929292;
	padding: 5px 10px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	vertical-align: middle;
}

input[type="number"]:focus {
	outline: 0;
}

input[type="button"] {
	width: 64px;
	height: 36px;
	font-size: 14px;
	color: #fefefe;
	background: #c4c2c2;
	padding: 0;
	border: 1px solid #dadada;
	border-left: 0;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

input[type="submit"] {
	width: 64px;
	height: 36px;
	font-size: 14px;
	color: #fefefe;
	background: #c4c2c2;
	padding: 0;
	border: 1px solid #dadada;
	border-left: 0;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

input[type="button"]:focus {
	outline: 0;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
	margin-right: 7px;
	vertical-align: middle;
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 7px;
	vertical-align: middle;
}

label {
	font-size: 15px;
	font-weight: 300;
	/*color:#6a6a6a;*/
	color: #000;
	vertical-align: middle;
}

textarea {
	width: calc(100% - 10px);
	font-size: 14px;
	color: #929292;
	resize: none;
	border: 1px solid #c2c2c2;
}

textarea:focus {
	outline: 0;
}

input[type="file"] {
	height: 36px;
	font-size: 14px;
	color: #929292;
	padding: 5px 10px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	vertical-align: middle;
}

input[type="file"]:focus {
	outline: 0;
}

.career_table table tr td {
	padding: 8px;
}

.career_table table tr td.tit {
	padding: 8px 18px;
}

.career_table table tr td.tit p {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	margin-bottom: 0;
	font-weight: 300;
	text-overflow: inherit;
	white-space: inherit;
	line-height: 1.3;
}

.career_table table tr td.tit p span.notice {
	display: none;
}

.career_table table tr td.tit p span.txt {
	display: block;
}

.career_table table tr td.career_only {
	color: #151f2a;
	font-weight: normal;
}

.career_table table tr td .career_ing {
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0;
}

.career_table table tr td .career_ing01 {
	background: #9b9b9b;
}

.career_table table tr td .career_ing02 {
	background: #444;
}

.career_table table tr td .career_ing03 {
	background: #b62c2c;
}

.career_search select {
	width: 130px;
}

.career_table_read table tr td.day_left {
	text-align: left;
	padding: 10px 18px;
}

.career_table_read table tr td.td_last {
	color: #b62c2c;
	font-weight: 500;
}

.program_btn .career_readBtn {
	display: inline-block;
	width: 192px;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	color: #1f2a36;
	background: url("/img/career_readBtn_bg.png") right 20px center no-repeat;
	border: 1px solid #1f2a36;
	border-right: 3px solid #1f2a36;
	border-bottom: 3px solid #1f2a36;
	text-align: left;
	text-indent: 20px;
}


/* 채용공고 - 개인정보동의 */
.career_agree {
	text-align: center;
}

.agree_tit {
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #222;
	margin-bottom: 20px;
	background: #ccd0d4;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #e1e1e1;
}

.agree_con {
	height: 410px;
	font-family: 'Noto Sans KR', sans-serif;
	/*overflow-y:auto;*/
	-webkit-overflow-scrolling: touch;
}

.agree_con iframe {
	width: 100%;
	height: 410px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
}

.agree_con.height300 {
	height: 290px
}

.agree_con.height300 iframe {
	height: 290px
}

.agree_con.height130 {
	height: 130px
}

.agree_con.height130 iframe {
	height: 130px
}

.agree_con.height150 {
	height: 160px
}

.agree_con.height150 iframe {
	height: 160px
}

.agree_con.mb20 {
	margin-bottom: 20px;
}

.agree_radio {
	margin: 30px 0 40px;
}

.agree_radio label:first-of-type {
	margin-right: 35px;
}

.agree_btn {
	font-size: 0;
	text-align: center;
}

.agree_btn a {
	display: inline-block;
	width: 124px;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	font-weight: 300;
	color: #151f2a;
	background: #eaecee;
}

.agree_btn a:first-of-type {
	color: #fefefe;
	background: #151f2a;
	margin-right: 10px;
}

.agree_p {
	font-size: 15px;
	color: #222;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.3;
}

.agree_p.mb50 {
	margin-bottom: 50px;
}

.dark_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 101;
}

.failure_wrap {
	display: none;
}

.failure {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 570px;
	height: 570px;
	padding: 30px;
	box-sizing: border-box;
	box-shadow: 2px 2px 20px #333;
	background: url("/img/failure_bg.jpg") no-repeat 0 0;
	background-size: 100% 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 102;
}

.failure .posBox {
	position: relative;
	text-align: center;
}

.failure .img {
	margin-bottom: 40px;
}

.failure .txt p {
	font-size: 16px;
	color: #000;
	line-height: 1.5;
}

.failure .close {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}


/* 채용공고 - 지원정보입력 */
.career_info .agree_tit {
	border-bottom: 1px solid #b2b5b8;
	margin-bottom: 0;
}

.careerWrite_table input[type="text"] {
	background: #fcfcfc;
}

.careerWrite_table input[type="password"] {
	background: #fcfcfc;
}

.careerWrite_table .input100 {
	width: 100%;
}

.careerWrite_table table tr th:last-of-type {
	border-right: 1px solid #e1e1e1;
}

.careerWrite_table table tr th.careerWrite_bl {
	border-left: 1px solid #e1e1e1;
}

.careerWrite_table table tr td {
	text-align: left;
}

.careerWrite_table table tr td.day select {
	width: 60px;
}

.careerWrite_table table tr td.day select:first-of-type {
	width: 80px;
}

.careerWrite_table table tr td.day span {
	line-height: 1;
	padding: 0 15px 0 5px;
	vertical-align: bottom;
}

.careerWrite_table table tr td.day span:last-of-type {
	padding-right: 0;
}

.careerWrite_table table tr td label:first-of-type {
	margin-right: 20px;
}

.career_info_txt {
	margin: 30px 0 50px;
	text-align: left;
}

.career_info_txt p {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url("/img/career_info_txtDot.png") left top 5px no-repeat;
}

.career_info_txt p:last-of-type {
	margin-bottom: 0;
}


/* 채용공고 - 이력서정보 */
.info_resume .info_resume_txt {
	margin-bottom: 30px;
}

.info_resume .info_resume_txt p {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	margin-bottom: 10px;
}

.info_resume .info_resume_txt p:last-of-type {
	margin-bottom: 0;
}

.info_resume_form {
	padding: 30px;
	background: #fafafa;
	font-size: 0;
	display: none;
}

.info_resume_form.on {
	display: block;
}

/* 이력서 o */
.info_resume_form .info_resumePic {
	display: inline-block;
	width: 138px;
	height: auto;
	padding: 10px;
	margin-right: 18px;
	background: #fff;
	overflow: hidden;
	vertical-align: middle;
}

.info_resume_form .info_resumePic img {
	width: 100%;
}

.info_resume_form .info_resumeTxt {
	display: inline-block;
	width: calc(100% - 340px);
	vertical-align: middle;
	position: relative;
}

.info_resume_form .info_resumeTxt .info_resume_tit {
	font-size: 18px;
	color: #151f2a;
	margin-bottom: 35px;
}

.info_resume_form .info_resumeTxt .info_resume_txt01 {
	font-size: 15px;
	/*color:#6a6a6a;*/
	color: #000;
	font-weight: 300;
	margin-bottom: 10px;
}

.info_resume_form .info_resumeTxt .info_resume_txt01:last-of-type {
	margin-bottom: 0;
}

.info_resume_form .info_resumeTxt_btn {
	display: inline-block;
	width: 134px;
	margin-left: 30px;
	vertical-align: middle;
}

.info_resume_form .info_resumeTxt_btn a {
	display: block;
	height: 38px;
	line-height: 38px;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 5px;
	text-align: center;
}

.info_resume_form .info_resumeTxt_btn .info_resumeTxt_btn01 {
	background: #b62c2c;
}

.info_resume_form .info_resumeTxt_btn .info_resumeTxt_btn02 {
	background: #ababab;
}

.info_resume_form .info_resumeTxt_btn .info_resumeTxt_btn03 {
	background: #4e5053;
	margin-bottom: 0;
}

/* 이력서 x */
.info_resume_no {
	font-size: 0;
	text-align: center;
	padding-top: 38px;
}

.info_resume_form .info_resume_no img {
	vertical-align: middle;
}

.info_resume_form .info_resume_no p {
	display: inline-block;
	font-size: 15px;
	color: #8f9194;
	font-weight: 300;
	line-height: 1.6;
	margin-left: 18px;
	vertical-align: middle;
	text-align: left;
}

.info_resume_form .info_resume_no p span {
	display: block;
}

.info_resume_form .info_resume_noBtn {
	margin-top: 13px;
	overflow: hidden;
}

.info_resume_form .info_resume_noBtn a {
	float: right;
	display: block;
	width: 134px;
	height: 38px;
	line-height: 38px;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	text-align: left;
	background: #151f2a url("/img/info_resume_noBtn_bg.png") right 16px center no-repeat;
	text-indent: 16px;
}


/* 채용공고 - 이력서작성 step01 */
.pc_table {
	display: table;
}

.m_table {
	display: none;
}

.write_step {
	font-size: 0;
	margin-bottom: 60px;
}

.write_step li {
	display: inline-block;
	width: calc(20% - 28px);
	height: 50px;
	line-height: 48px;
	font-size: 15px;
	color: #868a8e;
	background: #f7f8f9;
	border: 1px solid #b8bbc0;
	box-sizing: border-box;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	vertical-align: middle;
	text-align: center;
}

.write_step li span {
	font-weight: 300;
	padding-right: 5px;
}

.write_step li.on {
	width: 20%;
	background: #282e34;
	color: #fff;
	font-weight: 500;
	border-color: #282e34;
}

.write_step img {
	margin: 0 10px;
	vertical-align: middle;
}

.m_write_step {
	display: none;
}

.write_form {
	overflow: hidden;
	margin-bottom: 60px;
	position: relative;
}

.write_pic {
	float: left;
	width: 138px;
	text-align: center;
	overflow: hidden;
}

.write_pic img {
	width: 136px;
	border: 1px solid #dbdbdb;
}

.write_pic a {
	display: inline-block;
	width: 118px;
	height: 29px;
	line-height: 29px;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	background: #81858a;
	margin-top: 8px;
}

.write_table02 {
	float: left;
	width: calc(100% - 158px);
	margin-left: 20px;
}

.write_table table {
	text-align: left;
}

.write_table table tr th {
	text-align: center;
}

.write_table .row_table tr th:last-of-type {
	border-right: 1px solid #e1e1e1;
}

/ .write_table table tr td {
	text-align: left;
	font-size: 0;
}

.write_table table tr td.font0 {
	font-size: 0;
}

.write_table table tr td.txt_read {
	font-size: 15px;
	font-weight: 500;
	color: #222;
}

.write_table table tr td input[type="text"],
.write_table table tr td input[type="number"] {
	background: #fcfcfc;
}

.write_table table tr td input[type="number"] {
	width: 94px;
}

.write_table table tr td span {
	line-height: 1;
	vertical-align: middle;
}

.write_table table tr td .bar {
	display: inline-block;
	width: 11px;
	height: 1px;
	line-height: 1;
	background: #494949;
	margin: 0 13px;
}

.write_table table tr td.addr_search {
	font-size: 0;
}

.write_table table tr td.addr_search a {
	display: inline-block;
	width: 167px;
	height: 36px;
	line-height: 34px;
	font-size: 12px;
	color: #fff;
	font-weight: 300;
	background: #afb5ba;
	border: 1px solid #d4d5d6;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.write_table table tr td.addr_search input[type="text"] {
	width: 187px;
	margin-right: 10px;
}

.write_table table tr td.addr_search input[type="text"]:last-of-type {
	width: 100%;
	margin: 10px 0 0 0;
}

.write_table table tr td.email {
	font-size: 0;
}

.write_table table tr td.email input[type="text"] {
	width: 177px;
}

.write_table table tr td.email span {
	font-size: 15px;
	color: #222;
	padding: 0 8px;
	font-weight: normal;
}

.write_table table tr td.email select {
	width: 167px;
	margin-left: 10px;
}

.write_table table tr td.homepage input[type="text"] {
	width: 100%;
}

.write_table table.vhm {
	display: none;
}

.write_table .row_table.two {
	border: 0;
}

.write_table .row_table.two .inner {
	border: 0;
}

.write_table .row_table.two .inner_td {
	padding: 0
}


.write_form .write_tit {
	font-size: 18px;
	color: #222;
	font-weight: 300;
	margin-bottom: 20px;
}

.write_form .write_tit .bar {
	display: block;
	width: 34px;
	height: 3px;
	background: #1f2a36;
	margin-bottom: 10px;
}

.write_tableBtn {
	position: absolute;
	top: 0;
	right: 0;
}

.write_tableBtn a {
	display: inline-block;
	width: 60px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	font-weight: 300;
	text-indent: 12px
}

.write_tableBtn a span {
	padding-left: 10px;
}

.write_tableBtn a.btn_delete {
	color: #3b3e41;
	background: #d4d5d7;
	margin-right: 4px;
}

.write_tableBtn a.btn_plus {
	color: #fefefe;
	background: #6c737b;
}

.write_col01 {
	width: 10.5%;
}

.write_col02 {
	width: 12.5%;
}

.write_col03 {
	width: 28.5%;
}

.write_col04 {
	width: 170px;
}

.write_col05 {
	width: 90px;
}

.write_col06 {
	width: 17%;
}

.write_col07 {
	width: 23%;
}

.write_col08 {
	width: 20%;
}

.write_col09 {
	width: 15%;
}

.write_col10 {
	width: 13.5%;
}

.write_col11 {
	width: 26%;
}

.write_table table tr td .width100 {
	width: 100%;
}

.write_table table tr td.day_td {
	font-size: 0;
}

.write_table table tr td.day_td select {
	width: 28%;
	margin-left: 5px;
}

.write_table table tr td.day_td select:first-of-type {
	width: calc(44% - 10px);
	margin-left: 0;
}

.write_table table tr td.eyesight {
	font-size: 14px;
	color: #171717;
	text-align: center;
}

.write_table table tr td.eyesight input {
	width: 35%;
	margin-left: 10px;
}

.write_table table tr td.eyesight input:first-of-type {
	margin-right: 20px;
}

.etc_table table tr td label {
	margin-right: 40px;
}

.etc_table table tr td label:last-of-type {
	margin-right: 0;
}

.write_table table tr td.etc02 select {
	width: 180px;
	margin: 0 10px 0 40px;
}

.write_table table tr td.etc02 input[type="text"] {
	width: 180px;
}

.write_table table tr td .etc03_more {
	margin-top: 10px;
}

.write_table table tr td .etc03_more .etc03_01 {
	width: 85px;
	margin-right: 5px;
}

.write_table table tr td .etc03_more .etc03_02 {
	width: 65px;
}

.write_table table tr td.etc03 span {
	font-size: 15px;
	padding: 0 8px;
}

.write_table table tr td .etc03_more .etc03_03 {
	width: 70px;
	margin-left: 10px;
}

.write_btn {
	font-size: 0;
	text-align: center;
}

.write_btn a {
	display: inline-block;
	width: 124px;
	height: 48px;
	line-height: 48px;
	font-size: 15px;
	font-weight: 300;
	color: #151f2a;
	background: #eaecee;
	margin-right: 10px;
}

.write_btn a:last-of-type {
	margin-right: 0;
}

.write_btn a.write_btn01 {
	color: #fefefe;
	background: #151f2a;
}

.write_btn a.write_btn02 {
	color: #fefefe;
	background: #6c737b;
}

.write_btn a.write_btn03 {
	color: #fefefe;
	background: #b62c2c;
}


/* 채용공고 - 이력서작성 step02 */
.write_table table tr td.last_level select {
	width: 160px;
}

.write_table table tr td.step02_year {
	font-size: 0;
}

.write_table table tr td.step02_year select {
	width: calc(50% - 28px);
}

.write_table table tr td.step02_year input {
	width: calc(50% - 28px);
}

.write_table table tr td.step02_year span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	margin: 0 20px 0 10px;
}

.write_form .write_form {
	margin: 40px 0 0;
}

.write_table table tr td.step02_day {
	font-size: 0;
}

.write_table table tr td.step02_day span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	margin: 0 7px;
}

.write_table table tr td.step02_day select {
	width: calc(23% - 10.38px);
	margin-left: 10px;
}

.write_table table tr td.step02_day select.select01 {
	width: calc(36% - 10.38px);
	margin-left: 0;
}

.write_table table tr td.department input {
	width: calc(100% - 36px);
}

.write_table table tr td.department span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	margin-left: 10px;
}

.write_table table tr td.careerAll_td {
	font-size: 0;
}

.write_table table tr td.careerAll_td select {
	width: 155px;
}

.write_table table tr td.careerAll_td select:last-of-type {
	margin-left: 30px;
}

.write_table table tr td.careerAll_td span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	margin-left: 10px;
}

.write_table table tr td.careerAll_td input[type="checkbox"] {
	margin-left: 20px;
}

.write_table table tr td .br770 {
	display: none;
	margin: 0;
}

.write_table table tr td.step02_day .br770 {
	display: none;
	margin: 0;
}

.write_table table tr td.careerAll_td .br {
	display: none;
	margin: 0;
}

.write_table table tr td.career_td {
	font-size: 0;
}

.write_table table tr td.career_td .br {
	display: none;
	margin: 0;
}

.write_table table tr td.career_td .select01 {
	width: 155px;
}

.write_table table tr td.career_td .select02 {
	width: 125px;
}

.write_table table tr td.career_td span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	margin: 0 10px;
}

.write_table table tr td.career_td span.career_span02 {
	margin-left: 0;
}

.write_table table tr td input.common_input {
	width: 430px;
}

.write_table table tr td select.common_select {
	width: 430px;
}

.write_table textarea.write_textarea {
	height: 300px;
}

.write_table div.write_textarea {
	height: auto;
}


/* 채용공고 - 이력서작성 step03 */
.write_table .radio_table tr td label {
	margin-right: 30px;
}

.write_table .radio_table tr td label:last-of-type {
	margin-right: 0;
}

.write_table table tr td.step03_day_td {
	font-size: 0;
}

.write_table table tr td.step03_day_td select {
	width: calc(31.33% - 6.66px);
	margin-left: 10px;
}

.write_table table tr td.step03_day_td select.select01 {
	width: calc(37.33% - 6.66px);
	margin-left: 0;
}

.write_table table tr td select.common_select02 {
	width: 300px;
}

.write_table table tr td.step03_fore input[type="radio"] {
	margin-left: 30px;
}

.write_table table tr td.step03_test input {
	width: 100px;
	margin: 0 10px 0 20px;
}

.write_table table tr td.step03_test span {
	display: inline-block;
	font-size: 14px;
	color: #171717;
	font-weight: 300;
	vertical-align: middle;
}

.write_table table tr td.step03_test .select_level {
	width: 100px;
	margin-left: 20px;
}

.write_table table tr td.step03_day02_td select {
	width: 155px;
	margin-left: 10px;
}

.write_table table tr td.step03_day02_td select.select01 {
	margin-left: 0;
}


/* 채용공고 - 이력서작성 step04 */
.write_form .tit20 {
	margin-top: 40px;
}

.write_form .write_tit strong {
	font-size: 15px;
	font-weight: 300;
	color: #7e7e7e;
}

.write_tit_txt {
	font-size: 16px;
	color: #cb3131;
	font-weight: 300;
	margin-bottom: 10px;
}


/* 채용공고 - 이력서작성 step05 */
.writeComplet_con {
	margin: 0 auto;
	padding-bottom: 100px;
	background: url("/img/write_complet_bg.png") left 20% top -7% no-repeat;
}

.write_complet {
	text-align: center;
}

.write_complet p {
	font-size: 25px;
	color: #222;
	font-weight: 300;
	margin: 20px 0 17px;
}

.write_complet span {
	font-size: 15px;
	color: #151f2a;
	font-weight: 300;
	margin-bottom: 40px;
	line-height: 1.6;
}

.write_complet span span {
	display: block;
}

.private_con {
	padding: 30px;
}

/* 회원 - 개인정보 */
.memberCon {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Noto Sans KR', sans-serif;
}

.text_bold {
	font-weight: 500;
}

.common_p {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	color: #333333;
	line-height: 1.5;
}

.common_p02 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px auto;
	color: #333333;
	line-height: 1.5;
}

.common_p02:last-child {
	margin-bottom: 0;
}

.common_p03 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px auto;
	color: #666666;
	line-height: 1.5;
}

.common_p04 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px auto;
	color: #666666;
	line-height: 1.5;
}

.common_p05 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 30px auto 30px auto;
	color: #666666;
	line-height: 1.5;
}

.member_table01 {
	position: relative;
	width: 100%;
	margin: 36px 0 40px 0;
	border-top: 1px solid #333333;
}

.member_table01 caption {
	display: none;
}

.member_table01 th {
	padding: 13px 0 12px;
	font-size: 15px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #333333;
}

.member_table01 th.last {
	border-right: none;
	border-bottom: 1px solid #e9e9e9;
}

.member_table01 th.dim_th {
	background: #fdfdfd;
}

.member_table01 td {
	padding: 13px 0 12px;
	font-size: 15px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666666;
	line-height: 1.5;
}

.member_table01 td.last {
	border-right: none;
	border-bottom: 1px solid #e9e9e9;
}

.member_table01 td.dim_td {
	background: #fdfdfd;
}

.b770 {
	display: none;
}

@media all and (max-width:1199px) {
	.etc_table table tr td label {
		margin-right: 7%;
	}

	.rnd02 ul li .rnd02_txt01 span {
		display: inline;
	}
}

@media all and (max-width:1099px) {
	.safe04 ul li.p_text dl dd br {
		display: none;
	}

	.ethics02 li>div.text_type {
		padding: 4%;
		box-sizing: border-box;
	}

	.ethics02 li>div>span {
		display: inline;
	}
}

@media all and (max-width:999px) {
	.pc_table {
		display: none;
	}

	.m_table {
		display: table;
	}

	.pc_img {
		display: none;
	}

	.ta_mo_img {
		display: inline;
	}

	.introCon {
		background: url("/img/intro_bg.png") right top 53% no-repeat;
	}

	.intro01 li {
		float: none;
		width: 550px;
		margin: 0 auto;
	}

	.intro01 .intro01_last img {
		display: none;
	}

	.intro01 li.intro01_last p {
		margin-top: 70px;
		padding: 0 50px;
		font-weight: 500;
		color: #b62c2c;
		position: relative;
		text-align: center;
	}

	.intro03 {
		background: url("/img/intro03_bg.png") right 15px bottom 15px no-repeat;
	}

	.intro03 dl dt {
		width: 200px;
		text-indent: 53px;
	}

	.intro03 dl dd {
		width: calc(100% - 200px);
	}

	.ceogreeting01 {
		text-align: center;
	}

	.ceogreeting01 dt {
		width: 50%;
		margin-right: 0;
	}

	.ceogreeting01 dd {
		text-align: left;
		width: 100%;
		margin-top: 50px;
	}

	.ceogreeting01 dd .ceogreeting_ceo {
		text-align: right;
	}

	.ethics01.vision01_01 {
		height: auto;
		background-size: auto 100%;
		padding: 118.5px 0;
	}

	.ethics01.vision01_01>span {
		margin-top: 0;
	}

	.vision01 li .vision01_txt01 {
		min-height: 75px;
		font-size: 17px;
	}

	.vision01 li .none770 {
		display: none;
	}


	.ethics02 {
		margin-bottom: 8%;
	}

	.ethics02 li {
		width: 100%;
		margin: 0 0 5%;
	}

	.ethics02 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.ethics02 li p {
		font-size: 22px;
	}

	.ethics02 li>div>span {
		display: block;
	}

	.ethics02 li div>span {
		font-size: 18px;
	}

	.history_tab {
		margin: -16px 0 26px;
	}

	.history01 .history01_pic {
		right: -150px;
	}

	.history01_02 .history01_pic {
		left: -95px;
		right: inherit;
	}

	.history02 dl {
		background: url("/img/history02_dlBg.png") right bottom no-repeat;
	}

	.history02 dl dt {
		width: 28.852%;
		height: auto;
		margin-left: 0;
		padding-bottom: 10.2%;
		background-size: 100% 100%;
	}

	.history02 dl dt div {
		width: 85.72%;
		height: auto;
		padding: 25.38% 0;
	}

	.history02 dl dt div img {
		width: 11%;
		margin-top: 0;
	}

	.history02 dl dt div p {
		font-size: 3.1vw;
		margin-top: 10.09%;
	}

	.history02 dl dd {
		width: 71.148%;
		padding-left: 10.413%;
	}

	.history02 dl dd p {
		margin-bottom: 18px;
	}

	.history02 dl dd p strong {
		line-height: 1.3;
	}

	.history02 dl dd p span {
		line-height: 1.3;
	}

	.history02 dl dd p:first-of-type strong {
		padding-top: 8.394%;
	}

	.history02 dl dd p:first-of-type span {
		padding-top: calc(8.394% + 4px);
	}

	.history02_02 dl dd {
		padding-left: 0;
		padding-right: 10.413%;
	}

	.family02 li {
		width: calc(25% - 20.75px);
		margin: 33px 25px 0 0;
	}

	.family02 li .family02_over p {
		font-size: 18px;
	}

	.location_tab {
		margin: -16px 0 26px;
	}

	/* .location01 .map_wrap iframe{height:400px;} */
	.root_daum_roughmap .wrap_map {
		height: 400px !important;
	}

	.location01 .location01_01 dl {
		padding: 0 40px;
	}

	.business01 p {
		line-height: 1.3;
		margin: 90px 0 13px;
	}

	.business01 p strong {
		display: block;
	}

	.business02 {
		font-size: 0;
		margin: 40px 0 calc(6% + 70px);
	}

	.business02 li {
		width: 29%;
		margin: 0 -6% -6% 0;
	}

	.business02 li .business02_txt>span {
		font-size: 25px;
	}

	.business02 li .business02_txt p {
		font-size: 19px;
		margin-top: 15px;
	}


	.business05 .b5_tit {
		width: 30%;
		font-size: 20px;
	}

	.business05 ul li .img_box img {
		width: 40%;
	}

	.business05 ul li .img_box .tit {
		font-size: 22px;
	}

	.business05 ul li .list_type li {
		font-size: 17px;
	}

	.business06 table td {
		font-size: 17px;
	}

	.business06 table td p {
		font-size: 22px;
	}

	.business07 li {
		width: 25%;
	}

	.business07 li:nth-of-type(5n) {
		border-right: 0;
	}

	.business07 li:nth-of-type(4n) {
		border-right: 1px solid #dcdcdc;
	}

	.business08 li {
		font-size: 17px;
	}

	.business08 li a {
		font-size: 17px;
	}

	.business08.mbg_in {
		background-size: 50% auto;
	}

	.business04 {
		margin: 20px 0 50px;
		padding-bottom: 0;
		background: none;
	}

	.business04 dt {
		height: auto;
		margin: 0;
	}

	.business04 dt .txt {
		width: 100%;
		height: auto;
		padding: 60px 0;
	}

	.business04 dt .txt p {
		padding-top: 0;
		line-height: 1.3;
	}

	.business04 dt .business04_back {
		width: 100%;
		right: 0;
	}

	.business04 dd {
		display: block;
	}

	.business04 dd img {
		width: 100%;
		height: auto;
	}

	.business06 table td {
		word-break: keep-all;
	}

	.business06 table td br {
		display: none;
	}

	.business07 li img {
		width: 100%;
		height: 6.3636363636vw;
	}

	.process02_img {
		text-align: center;
		margin-top: 20px;
	}

	.process02_img img {
		width: 80%;
		position: relative;
		margin-bottom: 7%;
	}

	.process02_01 {
		margin-bottom: 0;
		padding-top: 0;
		position: relative;
	}

	.process02_01 dt {
		height: 370px;
	}

	.process02_01 dt .txt {
		width: 100%;
		height: 370px;
	}

	.process02_01 dt .txt p {
		float: none;
		padding-top: 40px;
		margin: 0 auto;
	}

	.process02_01 dt .process01_back {
		background-size: auto 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.process02_02 dt {
		height: auto;
	}

	.process02_02 dt .txt {
		width: 100%;
		height: auto;
		padding: 80px 0;
	}

	.process02_02 dt .txt span {
		padding-top: 0;
	}

	.process02_02 dt .process02_back {
		right: 0;
		background-size: auto 100%;
	}

	.process03 .part_text ul li {
		padding: 0 3%;
		box-sizing: border-box;
	}

	.process03 .part_text ul li dl dt {
		font-size: 22px;
	}

	.process03 .part_text ul li dl dd {
		font-size: 17px;
		word-break: keep-all;
	}

	.process03 .part_text ul li dl dd br {
		display: none;
	}


	.process04 {
		margin-bottom: 10.5%;
	}

	.process04 dl {
		margin-bottom: 10px;
	}

	.process04 dl dt {
		float: none;
		width: 100%;
		border: 1px solid #a1acb2;
		text-align: center;
		font-size: 22px;
		color: #222;
		padding: 2% 0;
		margin-right: 0;
		box-sizing: border-box;
		margin-bottom: 1%;
	}

	.process04 dl dd {
		float: none;
		font-size: 17px;
		width: 100%;
		padding: 5% 10%;
	}

	.process04 dl:last-of-type dt {
		padding: 2% 0;
	}

	.contract02 .process02_img img {
		top: 0;
	}

	.contract02 .process02_01 {
		margin-bottom: 0;
	}

	.contract02 .process02_01 dt {
		height: auto;
	}

	.contract02 .process02_01 dt .txt {
		width: 100%;
		height: auto;
	}

	.contract02 .process02_01 dt .txt p {
		width: 360px;
		padding: 80px 0;
	}

	.contract02 .process02_01 dt .process01_back {
		right: 0;
		background-size: auto 100%;
	}

	.contract02 .process02_02 dt {
		height: auto;
	}

	.contract02 .process02_02 dt .txt {
		width: 100%;
		height: auto;
		float: none;
		padding-left: 0;
	}

	.contract02 .process02_02 dt .txt p {
		padding-top: 0;
	}

	.contract02 .process02_02 dt .process02_back {
		left: 0;
		background-size: auto 100%;
	}

	.safe02 ul li:nth-of-type(2) {
		margin: 0 4%;
	}

	.safe02 ul li .plus {
		right: -19%;
	}

	.safe03_01 ul li {
		width: 210px;
	}

	.safe002 ul li {
		width: 33.33%;
	}

	.safe002 ul li:nth-of-type(4n) {
		border-right: 1px dashed #b8b8b8;
	}

	.safe002 ul li:nth-of-type(3n) {
		border-right: 0;
	}

	.safe002 ul .bb0_mb0:nth-of-type(9) {
		border-bottom: 1px dashed #b8b8b8;
	}


	.safe04 ul li.p_img {
		width: 25%;
	}

	.safe04 ul li.p_img img {
		width: 100%;
	}

	.safe04 ul li.p_text {
		width: calc(75% - 40px);
		margin: 0 0 20px 40px;
		padding: 40px 0 0;
	}

	.safe04 ul li.p_text dl dt {
		font-size: 22px;
	}

	.safe04 ul li.p_text dl dd {
		font-size: 17px;
	}

	.environment02 dl {
		padding: 50px 50px 0;
	}

	.environment02 dl dt {
		width: 100%;
	}

	.environment02 dl dd {
		position: relative;
		right: 0;
		margin-top: 20px;
		text-align: right;
	}

	.environment02 dl:nth-of-type(2n) dt {
		float: none;
	}

	.environment02 dl:nth-of-type(2n) dd {
		left: 0;
	}

	.gmp01 .gmp01_txt01 span {
		display: inline;
	}

	.gmp01 .gmp01_txt02 span {
		display: inline;
	}

	.quality01 {
		height: auto;
		background-size: auto 100%;
		padding: 104px 0;
	}

	.quality01>span {
		margin-top: 0;
	}

	.quality01 p {
		margin: 3px 0 0;
		line-height: 1.3;
	}

	.quality02 dt {
		display: block;
		width: 470px;
		margin: 0 auto;
	}

	.quality02>img {
		margin: 50px 0;
	}

	.quality02 dd {
		display: block;
	}

	.management02_img li {
		display: block;
		width: 40%;
		margin-left: 30%;
	}

	.management02_img li:nth-of-type(2) {
		width: 50.91%;
		margin-left: 24.545%;
	}

	.management02_img span {
		display: block;
		width: 2%;
		margin-left: 49%;
	}

	.management02 table .col01 {
		width: 150px;
	}

	.management02 table tr th {
		font-size: 14px;
	}

	.management02 table tr td {
		font-size: 14px;
		padding: 25px;
	}

	.management02 table tr td p {
		width: 280px;
	}

	.management02 table tr td p span {
		font-size: 13px;
	}

	.management02 table tr td p .manage_txt {
		font-size: 14px;
	}

	.management02_in {
		margin-bottom: 10%;
	}

	.write_step {
		font-size: 0;
		margin-bottom: 0;
	}

	.write_step li {
		display: none;
	}

	.write_step li.on {
		display: block;
		width: 93%;
		margin-left: 3.5%;
	}

	.write_step img {
		display: none;
	}

	.m_write_step {
		display: block;
		width: 77%;
		max-width: 460px;
		margin: 15px auto 40px;
		font-size: 0;
	}

	.m_write_step li {
		display: inline-block;
		width: 35px;
		height: 35px;
		line-height: 33px;
		font-size: 13px;
		color: #727578;
		background: #f7f8f9;
		border: 1px solid #e7e8ea;
		box-sizing: border-box;
		border-radius: 16.5px;
		-moz-border-radius: 16.5px;
		-webkit-border-radius: 16.5px;
		-o-border-radius: 16.5px;
		vertical-align: middle;
		text-align: center;
	}

	.m_write_step li.on {
		width: 43px;
		height: 43px;
		line-height: 41px;
		color: #fff;
		background: #fff;
		border: 1px dashed #b62c2c;
		border-radius: 20.5px;
		-moz-border-radius: 20.5px;
		-webkit-border-radius: 20.5px;
		-o-border-radius: 20.5px;
	}

	.m_write_step li.on span {
		display: inline-block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-top: 3px;
		background: #282e34;
		border-radius: 17.5px;
		-moz-border-radius: 17.5px;
		-webkit-border-radius: 17.5px;
		-o-border-radius: 17.5px;
	}

	.m_write_step .bar {
		display: inline-block;
		width: calc(25% - 45.75px);
		border-top: 1px dashed #b7bbbf;
		vertical-align: middle;
	}

	.write_table table tr td input[type="number"] {
		width: calc(33.33% - 24.67px);
	}

	.write_table table tr td.addr_search a {
		width: calc(33.33% - 6.66px);
	}

	.write_table table tr td.addr_search input[type="text"] {
		width: calc(33.33% - 6.66px);
	}

	.write_table table tr td.email input[type="text"] {
		width: calc(33.33% - 13.66px);
	}

	.write_table table tr td.email select {
		width: calc(33.33% - 13.66px);
	}

	.write_table table tr td.homepage input[type="text"] {
		width: 100%;
	}

	.write_table table tr td.eyesight {
		text-align: left;
	}

	.write_table table tr td.eyesight input {
		width: calc(50% - 33px);
	}

	.etc_table table tr td label {
		margin-right: 30px;
	}

	.write_table table tr td .lbl_etc {
		width: 100%;
		display: block;
	}

	.write_table table tr td.etc02 select {
		width: calc(50% - 5px);
		margin: 10px 10px 0 0;
	}

	.write_table table tr td.etc02 input[type="text"] {
		width: calc(50% - 5px);
		margin-top: 10px
	}

	.write_table table tr td .br {
		display: block;
	}

	.write_table table tr td .etc03_more {
		margin-top: 0;
	}

	.write_table table tr td .etc03_more .etc03_01 {
		width: calc(60% - 28px);
		margin-top: 10px;
	}

	.write_table table tr td .etc03_more .etc03_02 {
		width: calc(40% - 28px);
		margin-top: 10px;
	}

	.write_table table tr td.etc03 span {
		display: inline-block;
		margin-top: 10px;
		padding-right: 0;
	}

	.write_table table tr td.etc03 .br {
		display: block;
		margin: 0;
	}

	.write_table table tr td .etc03_more .etc03_03 {
		width: calc(50% - 7px);
		margin: 10px 10px 0 0;
	}

	.write_table table tr td .etc03_more .etc03_03:last-of-type {
		margin-right: 0;
	}

	.write_table table tr {
		overflow: hidden;
	}

	.write_table table tr.step02_w17 th {
		float: left;
		width: 17%;
		height: 56px;
		line-height: 56px;
		box-sizing: border-box;
	}

	.write_table table tr.step02_w17 td {
		float: left;
		width: 83%;
		box-sizing: border-box;
	}

	.write_table table tr.step02_w50 td {
		float: left;
		width: 50%;
		box-sizing: border-box;
	}

	.write_table table tr.step02_w50 td:first-of-type {
		border-right: 1px solid #e1e1e1;
	}

	.write_table table tr.step02_w50th th {
		float: left;
		width: 50%;
		height: 56px;
		line-height: 56px;
		box-sizing: border-box;
	}

	.write_table table tr.step02_w50th td:first-of-type {
		border-right: 0;
	}

	.write_table table tr.step02_def td {
		float: left;
		box-sizing: border-box;
	}

	.write_table table tr.step02_def td:first-of-type {
		width: 30%;
	}

	.write_table table tr.step02_def td:nth-of-type(2) {
		width: 30%;
	}

	.write_table table tr.step02_def td:last-of-type {
		width: 40%;
	}

	.write_table table tr td.ch_hight {
		height: 56px;
		line-height: 38px;
	}

	.write_table table tr td.careerAll_td .br {
		display: block;
	}

	.write_table table tr td.careerAll_td input[type="checkbox"] {
		margin-left: 0;
		margin-top: 10px;
	}

	.write_table table tr td.careerAll_td label {
		display: inline-block;
		margin-top: 10px;
	}

	.write_table table tr td.career_td .br {
		display: block;
		margin-top: 10px;
	}

	.write_table table tr td.career_td .select01 {
		width: calc(52% - 36.75px);
	}

	.write_table table tr td.career_td .select02 {
		width: calc(48% - 36.75px);
	}

	.write_table table tr td.career_td span.career_span02 {
		margin-right: 0;
	}

	.write_table table tr td.step03_fore input[type="radio"] {
		margin-left: 0;
		margin-top: 10px;
	}

	.write_table table tr td.step03_fore label {
		display: inline-block;
		margin: 10px 30px 0 0;
	}

	.write_table table tr td.step03_fore label:last-of-type {
		margin-right: 0;
	}

	.write_table table tr td.step03_test span.br {
		display: block;
		margin-top: 10px;
	}

	.write_table table tr td.step03_test input {
		margin: 0 10px 0 0;
	}

	.writeComplet_con {
		background: url("/img/write_complet_bg.png") left 0 top -20% no-repeat;
	}

	.ideology02 ul li img {
		margin-right: 20px;
	}

	.ideology02 ul li .tit {
		font-size: 22px;
	}

	.ideology02 ul li p {
		font-size: 17px;
		word-break: keep-all;
	}

	.ideology02 ul li p br {
		display: none;
	}
}



@media all and (max-width:770px) {
	textarea {
		width: calc(100% - 20px);
		padding: 10px;
	}

	.sub1100 {
		width: 93.75%;
		padding: 0;
	}

	.program_con {
		width: 93.75%;
		margin: 0 auto 16%;
		padding: 0;
		letter-spacing: 0;
	}

	.none770 {
		display: none;
	}

	.show770 {
		display: block;
	}

	.subCon_tit {
		margin-bottom: 5%
	}

	.subCon_tit span {
		font-size: 4vw;
	}

	.subCon_tit img {
		width: 3.2%;
		margin: 0.3% 2% 0 0;
	}

	select {
		height: 34px;
		font-size: 13px;
		padding: 5px 8px;
	}

	select option {
		font-size: 12px;
	}

	input[type="text"] {
		height: 34px;
		font-size: 13px;
		padding: 0 8px;
	}

	input[type="password"] {
		height: 34px;
		font-size: 13px;
		padding: 0 8px;
	}

	input[type="button"] {
		width: 54px;
		height: 34px;
		font-size: 13px;
	}

	input[type="submit"] {
		width: 54px;
		height: 34px;
		font-size: 13px;
	}

	label {
		font-size: 14px;
	}

	.intro01 li {
		width: 100%;
	}

	.intro01 li img {
		width: 100%;
	}

	.intro01 li.intro01_last p {
		padding: 0 2%;
		font-size: 3.9vw;
		margin-top: 12%;
	}

	.intro02 {
		margin: 8% 0;
	}

	.intro02 p {
		font-size: 3.5vw;
	}

	.intro02 p span {
		display: inline;
	}

	.br {
		display: block;
	}

	.intro02>span {
		font-size: 3.2vw;
	}

	.intro02>span:first-of-type {
		margin-bottom: 4.2%;
	}

	.intro02>span span {
		display: inline;
	}

	.intro03 {
		margin-bottom: 9.7%;
		padding-bottom: 7%;
		background: none;
	}

	.intro03 dl {
		margin-bottom: 3.5%;
	}

	.intro03 dl dt {
		width: 40%;
		font-size: 3.2vw;
		text-indent: 8%;
	}

	/* .intro03 dl dt span{margin-top:2%;} */
	.intro03 dl dd {
		width: 60%;
		font-size: 3.2vw;
		padding: 0 7%;
		line-height: 1.4;
	}

	.intro03 .intro03_01 dt {
		padding-top: 7%;
	}

	.intro03 .intro03_01 dd {
		padding-top: 7%;
	}

	.ceogreeting01 {
		padding-bottom: 8%;
		margin-bottom: 14%;
	}

	.ceogreeting01 dd {
		margin-top: 9%;
	}

	.ceogreeting01 dd .ceogreeting_tit {
		font-size: 5.2vw;
		margin-bottom: 9%;
	}

	.ceogreeting01 dd>span {
		font-size: 3vw;
		margin-bottom: 2.9%;
	}

	.ceogreeting01 dd>span:last-of-type {
		margin-bottom: 5.7%;
	}

	.ceogreeting01 dd .ceogreeting_ceo {
		font-size: 2.4vw;
	}

	.ceogreeting01 dd .ceogreeting_ceo strong {
		font-size: 3.1vw;
		margin-left: 10px;
	}


	.ideology01 {
		height: auto;
		margin-bottom: 10.1%;
		padding: 8.18% 0;
		background-size: auto 100%;
	}

	.ideology01 p {
		font-size: 4.5vw;
		margin: 0 0 2.5%;
		line-height: 1.3;
	}

	.ideology01 p span {
		display: block;
	}

	.ideology01>span {
		font-size: 3.2vw;
		line-height: 1.4;
	}

	.ideology01>span span {
		display: block;
	}


	.ideology02 {
		max-width: 100%;
		margin: 0 auto 14.2%;
	}

	.ideology02 ul li>div {
		display: block;
		text-align: center;
	}

	.ideology02 ul li>div:first-of-type {
		margin-bottom: 3%;
	}

	.ideology02 ul li p {
		word-break: keep-all;
	}

	.ideology02 ul li img {
		margin-bottom: 5%;
		width: 35%;
		margin-right: 0;
	}

	.ideology02 ul li .tit {
		font-size: 5.5vw;
	}

	.ideology02 ul li .tit br {
		display: block;
	}

	.ideology02 ul li p {
		font-size: 3.5vw;
	}

	.ideology02 ul li.bar {
		margin: 4% auto;
		height: 17px;
	}

	.ethics01 {
		height: auto;
		margin-bottom: 8%;
		padding: 8.18% 0;
		background-size: auto 100%;
	}

	.ethics01 p {
		font-size: 4.5vw;
		margin: 0 0 2.5%;
		line-height: 1.3;
	}

	.ethics01 p span {
		display: block;
	}

	.ethics01>span {
		font-size: 3.2vw;
		line-height: 1.4;
	}

	.ethics01>span span {
		display: block;
	}

	.ethics02 li p {
		font-size: 4vw;
		padding: 0 0 8%;
		margin-bottom: 6%;
	}

	.ethics02 li div>span {
		font-size: 3vw;
	}

	.ethics02 li>div>span {
		display: inline;
	}

	.ethics02 li>div.text_type {
		padding: 3% 3% 0 3%;
	}

	.ethics02_02 {
		margin-bottom: 8%;
	}

	.ethics02_02 li {
		width: 48.5%;
		margin: 0 3% 5% 0;
	}

	.ethics02_02 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.ethics02_02 li p {
		font-size: 4vw;
		padding: 8% 0;
		margin-bottom: 6%;
	}

	.ethics02_02 li>span {
		font-size: 3.2vw;
	}


	.ethics01.vision01_01 {
		padding: 10.92% 0;
	}

	.vision01 {
		margin-bottom: 5%;
	}

	.vision01 li {
		float: none;
		width: 60%;
		margin-right: 0;
		margin-left: 20%;
		margin-bottom: 8%;
	}

	.vision01 li .vision01_tit {
		font-size: 5.5vw;
	}

	.vision01 li .bar {
		margin: 7% 0 5.8%;
	}

	.vision01 li p {
		font-size: 4.5vw;
		margin: 0 0 2.5%;
		line-height: 1.3;
	}

	.vision01 li p span {
		display: block;
	}

	.vision01 li>span {
		font-size: 3.2vw;
	}

	.vision01 li>span span {
		display: block;
	}


	.history_tab {
		margin: -16px 0 26px;
		padding: 0 0 20px;
	}

	.history_tab li {
		font-size: 3.5vw;
	}

	.history_tab span {
		font-size: 3.5vw;
		padding: 0 2.8%;
	}

	.history01_img {
		width: 65%;
		margin-top: 0;
	}

	.history01 .bar {
		height: 30px;
		margin: 25px auto;
	}

	.history01 .history01_pic {
		width: 90%;
		right: -40%;
	}

	.history01_02 .history01_pic {
		width: 94%;
		left: -33%;
		right: inherit;
	}

	.history02 {
		padding: 9.3% 0 4%;
	}

	.history02 dl {
		padding-bottom: 24%;
		background-size: 60% auto;
	}

	.history02 dl dt {
		float: none;
		width: 60%;
		height: auto;
		margin: 0 0 10% 23.5%;
		padding-bottom: 10.2%;
	}

	.history02 dl dt div p {
		font-size: 6.2vw;
	}

	.history02 dl dd {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.history02 dl dd p {
		font-size: 3.2vw;
		margin-bottom: 3%;
	}

	.history02 dl dd p strong {
		width: 14.5%;
		margin-right: 5%;
	}

	.history02 dl dd p span {
		width: 80.5%;
	}

	.family01 {
		padding: 8% 0;
	}

	.family01 ul li {
		width: 100%;
	}

	.family01 ul li.none770 {
		display: none;
	}

	.family01 ul li.show770 {
		display: block;
		text-align: center;
		margin-bottom: 6%;
	}

	.family01 ul li .bar {
		margin-bottom: 20px;
	}

	.family01 ul li .tit {
		font-size: 5vw;
	}

	.family01 ul li>span {
		font-size: 3.2vw;
		margin: 4% 0 7%;
	}

	.family01 ul li span span {
		display: inline;
	}

	.family01 ul li span .br {
		display: block;
	}

	.family01 ul li a {
		display: inline-block;
		width: auto;
		height: auto;
		line-height: 1;
		font-size: 3vw;
		padding: 3% 5%;
	}

	.family02 {
		margin-bottom: 14%;
	}

	.family02 li {
		width: calc(48.5% - 2px);
		margin: 4.5% 2.5% 0 0;
		padding-bottom: 1px;
	}

	.family02 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.family02 li .family02_over p {
		font-size: 5vw;
		margin-top: 24%;
	}

	.location_tab {
		margin: -16px 0 26px;
	}

	.location_tab li {
		font-size: 15px;
	}

	.location_tab span {
		font-size: 15px;
		padding: 0 15px;
	}

	.location01>img {
		display: none;
	}

	.root_daum_roughmap .wrap_map {
		height: 300px !important;
	}

	/* .location01 .map_wrap iframe{height:300px;} */
	.location01 .location01_addr {
		padding: 4% 0;
		margin-bottom: 10.5%;
	}

	.location01 .location01_addr strong {
		font-size: 3.2vw;
	}

	.location01 .location01_addr span {
		font-size: 2.5vw;
		padding: 0 3%;
	}

	.location01 .location01_addr span:first-of-type {
		display: block;
		font-size: 0;
		padding: 0;
		margin-top: 2%;
	}

	.location01 .location01_tit strong {
		font-size: 5vw;
		padding-top: 12px;
		border-top: 3px solid #b62c2c;
	}

	.location01 .location01_tit .bar {
		height: 20px;
		margin: 20px auto;
	}

	.location01 .location01_01 {
		padding-bottom: 10%;
		margin-bottom: 10%;
	}

	.location01 .location01_01 .location01_tit01 {
		font-size: 4vw;
		margin-bottom: 7%;
	}

	.location01 .location01_01 dl {
		padding: 0 5%;
	}

	.location01 .location01_01 dl dt {
		float: none;
		width: 35%;
		margin: 0 0 6% 32.5%;
	}

	.location01 .location01_01 dl dt img {
		width: 100%;
	}

	.location01 .location01_01 dl dd {
		float: none;
		width: 100%;
		margin-top: 0;
	}

	.location01 .location01_01 dl dd p {
		font-size: 14px;
		padding-left: 12px;
		margin-bottom: 13px;
		line-height: 1.4;
	}

	.business01 {
		padding: 5.2% 0;
	}

	.business01 p {
		margin-top: 0;
	}

	.business01 p strong {
		display: inline;
	}

	.business02 {
		margin: 7% 0 15%;
	}

	.business02 li .business02_txt>span {
		font-size: 3.4vw;
	}

	.business02 li .business02_txt p {
		font-size: 2.4vw;
		margin-top: 6.5%;
	}

	.business05 {
		margin-bottom: 10.5%;
	}

	.business05 .line {
		display: none;
	}

	.business05 .b5_tit {
		padding: 3% 0;
		background: #526875;
		color: #fff;
		font-size: 2.7vw;
		text-align: center;
		margin: 0 auto 4%;
	}

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

	.business05 ul li {
		float: none;
		width: 90%;
		margin: 0 auto 5%;
	}

	.business05 ul li:last-child {
		margin: 0 auto 5%;
	}

	.business05 ul li .bbar {
		display: none;
	}

	.business05 ul li .img_box {
		padding: 7% 0;
		margin-bottom: 3%;
	}

	.business05 ul li .img_box .tit {
		font-size: 3.4vw;
	}

	.business05 ul li .list_type li {
		margin-bottom: 10px;
		padding-left: 5%;
		font-size: 3vw;
	}

	.business06 {
		margin-bottom: 10.5%;
	}

	.business06 table {
		width: 100%;
	}

	.business06 table tr {
		border-bottom: 0;
	}

	.business06 table td {
		display: block;
		width: 100%;
		padding: 5%;
		text-align: left;
		font-size: 2.5vw;
		box-sizing: border-box;
		word-break: keep-all;
		border-bottom: 1px solid #dcdcdc;
	}

	.business06 table td i {
		display: block;
		width: 14px;
		height: 2px;
		margin-bottom: 2%;
	}

	.business06 table td p {
		margin-bottom: 5%;
		font-size: 3.4vw;
		line-height: 1.4em;
	}

	.business06 table td:first-of-type {
		border-right: 0;
	}

	.business07 {
		margin-bottom: 10.5%;
	}

	.business08 {
		margin-bottom: 10.5%;
		padding-left: 5%;
	}

	.business08 li {
		padding-left: 12px;
		font-size: 3vw;
	}

	.business08 li a {
		font-size: 2.5vw;
		font-weight: 300;
		/*color:#6a6a6a;*/
		color: #000;
	}

	.business08.mbg_in {
		background: none;
	}

	.business_table {
		margin-bottom: 10.5%;
	}

	.business_table table tr td {
		font-size: 14px;
		line-height: 1.3;
		padding: 15px 10px !important;
		border-right: 1px solid #e1e1e1 !important;
	}

	.business_table table tr td:last-of-type {
		border-right: 0 !important;
	}


	.business03 .bus03_table {
		table-layout: fixed;
		margin: 10% 0 13%;
	}

	.business03 .bus03_table td {
		display: block;
		width: 90%;
		margin: 0 0 5% 5%;
		padding: 0 0 5%;
		border-right: 0;
		border-bottom: 1px dashed #cfcecd;
	}

	.business03 .bus03_table td:last-of-type {
		border-bottom: 0;
		padding: 0;
	}

	.business03 .bus03_table td .num {
		width: auto;
		height: auto;
		line-height: 1;
		font-size: 4vw;
		padding: 5% 5.348%;
		text-indent: -1%;
	}

	.business03 .bus03_table td p {
		font-size: 3.4vw;
		margin: 6% 0;
	}

	.business03 .bus03_table td>span {
		font-size: 3.2vw;
	}

	.business04 {
		margin: 2.67% 0 8%;
	}

	.business04 dt {
		width: 100%;
		padding: 0 3.125%;
		box-sizing: border-box;
	}

	.business04 dt .txt {
		padding: 8% 0;
	}

	.business04 dt .txt p {
		font-size: 4vw;
		margin-bottom: 3%;
	}

	.business04 dt .txt span {
		font-size: 3vw;
	}


	.process03 {
		margin-bottom: 10.5%;
	}

	.process03 .part_img {
		width: 90%;
		margin: 0 auto 6%;
	}

	.process03 .part_img img {
		width: 100%;
	}

	.process03 .part_text ul li {
		float: none;
		width: 100%;
	}

	.process03 .part_text ul li dl {
		margin-bottom: 8%;
	}

	.process03 .part_text ul li dl dt {
		margin-bottom: 30px;
		font-size: 3.4vw;
		font-weight: 400;
		color: #222;
		left: -0.05em;
	}

	.process03 .part_text ul li dl dd {
		margin-bottom: 10px;
		background: url('/img/cmo_listb.png') no-repeat left 15%;
		padding-left: 17px;
		font-size: 2.5vw;
		/*color:#6a6a6a;*/
		color: #000;
		font-weight: 300;
	}

	.contract01 {
		padding: 10.44% 0;
	}

	.process04 dl dt {
		font-size: 3.5vw;
	}

	.process04 dl dd ul li {
		font-size: 2.5vw;
		background: url(/img/proc_lib.png) no-repeat left 2.25vw;
		background-size: 1.25vw auto;
	}

	.process04 dl:last-of-type dt {
		padding: 2% 0;
	}

	.contract02 .process02_01 dt .txt p {
		width: 64%;
		padding: 8.5% 0;
	}

	.contract02 .process02_01 dt .txt p>span {
		margin-bottom: 6%;
	}

	.contract02 .process02_01 dt .txt p>span:last-of-type {
		margin-bottom: 0;
	}

	.contract02 .process02_01 dt .txt p>span>span {
		width: 90%;
		margin-top: 0;
	}

	.contract02 .process02_01 dt .txt p>span i {
		width: 5.5%;
		margin-right: 4.5%;
	}

	.contract02 .process02_02 dt {
		padding: 0 3.125%;
	}

	.contract02 .process02_02 dt .txt {
		padding: 8.5% 0;
	}

	.contract02 .process02_02 dt .txt p {
		margin-bottom: 2.5%;
	}

	.contract02 .process02_02 dt .txt p strong {
		display: block;
	}

	.contract02 .process02_02 dt .txt span .br {
		display: block;
	}

	.safety_tab {
		margin: -16px auto 30px;
		padding: 0 0 20px;
	}

	.safety_tab li a {
		font-size: 15px;
	}

	.safe01 {
		margin-bottom: 9%;
	}

	.safe01>img {
		width: 30%;
		margin-bottom: 8%;
	}

	.safe01 .safe01_txt01 {
		font-size: 3.5vw;
		margin-bottom: 1.5%;
	}

	.safe01 .safe01_txt02 {
		font-size: 6.5vw;
	}

	.safe01 .safe01_txt02 strong {
		font-weight: inherit;
		color: #bba786;
	}

	.safe01 .bar {
		width: 40px;
		margin: 25px auto 15px;
	}

	.safe01 .safe01_txt03 {
		font-size: 3.2vw;
	}

	.b770 {
		display: block;
	}

	.safe02 {
		padding: 9% 0;
	}

	.safe02 ul li {
		width: 28.7%;
		vertical-align: top;
	}

	.safe02 ul li:nth-of-type(2) {
		margin: 0 5%;
	}

	.safe02 ul li img {
		width: 90%;
		margin-top: 15px;
	}

	.safe02 ul li p {
		font-size: 3.5vw;
		color: #222;
		font-weight: 500;
		margin: 15% 0 9%;
	}

	.safe02 ul li span {
		font-size: 3.2vw;
	}

	.safe02 ul li .plus {
		top: 45%;
		right: -20%;
	}

	.safe02 ul li .plus img {
		width: 6.875vw;
		height: auto;
	}

	.safe03_img {
		width: 90%;
		margin-bottom: 9%;
	}

	.safe03_img img {
		width: 100%;
	}

	.safe03_img .safe03_txt01 {
		width: auto;
		left: 38%;
		top: 24%;
	}

	.safe03_img .safe03_txt02 {
		left: 17%;
		bottom: 24%;
	}

	.safe03_img .safe03_txt03 {
		right: 16.5%;
		bottom: 24%;
	}

	.safe03_img .safe03_txt p {
		font-size: 3.5vw;
		margin-bottom: 6%;
	}

	.safe03_img .safe03_txt span {
		display: inline-block;
		font-size: 3vw;
	}

	.safe03_01 {
		margin-bottom: 14%;
	}

	.safe03_01>img {
		width: 11%;
		margin-bottom: 6.5%;
	}

	.safe03_01>p {
		font-size: 5vw;
		margin-bottom: 6%;
	}

	.safe03_01 ul li {
		width: auto;
		height: auto;
		line-height: 1;
		font-size: 3.2vw;
		padding: 2% 5%;
	}

	.safe03_01 ul span {
		font-size: 3.2vw;
		margin: 0 2%;
	}

	.safe002 ul {
		margin: 11.5% 0 0;
	}

	.safe002 ul li {
		width: 50%;
		height: auto;
		padding-bottom: 8%;
		margin-bottom: 8%;
	}

	.safe002 ul li img {
		width: 40%;
	}

	.safe002 ul li p {
		font-size: 3.5vw;
		margin: 9% 0 4%;
	}

	.safe002 ul li>span {
		font-size: 3vw;
	}

	.safe002 ul li .white_box {
		width: 32%;
		height: auto;
		padding-bottom: 32%;
		bottom: -12%;
		right: -16%;
	}

	.safe002 ul li .txt_boxWrap {
		width: calc(100% - 30px);
		margin: 15px 0 0 15px;
	}

	.safe002 ul li:nth-of-type(3n) {
		border-right: 1px dashed #b8b8b8;
		;
	}

	.safe002 ul li:nth-of-type(2n) {
		border-right: 0;
	}

	.safe002 ul .bb0_mb0:nth-of-type(9) {
		margin-bottom: 8%;
	}

	.safe002 ul .bb0_mb0:nth-of-type(10) {
		margin-bottom: 8%;
		border-bottom: 1px dashed #b8b8b8;
	}

	.safe003 {
		padding: 30px 0;
	}

	.safe003_01 img {
		width: 75px;
		margin-right: -46px;
	}

	.safe003_01 ul {
		width: 280px;
		margin-left: -120px;
	}

	.safe003_01 ul li {
		height: 13px;
		margin-top: 98px;
	}

	.safe003_01 ul li:first-of-type {
		margin-top: 48px;
	}

	.safe003_01 ul li p {
		width: 85px;
		margin-right: 110px;
		font-size: 13px;
		vertical-align: top;
	}

	.safe003_01 ul li span {
		width: calc(100% - 195px);
		font-size: 11px;
		line-height: 1.3;
		vertical-align: top;
	}


	.safe04 ul li.p_text h5 {
		font-size: 4.5vw;
		margin-bottom: 8%;
	}

	.safe04 ul li.p_text h5 span {
		width: 9.46%;
		padding-bottom: 2%;
		margin-right: 4%;
	}

	.safe04 ul li.p_text h5 span img {
		width: 100%;
	}

	.safe04 ul li.p_text dl dt {
		font-size: 3.5vw;
		background-size: 0.625vw auto;
		padding-left: 2%;
		margin-bottom: 5%;
	}

	.safe04 ul li.p_text dl dd {
		font-size: 2.8vw;
		padding-bottom: 10%;
		margin-bottom: 10%;
	}

	.safe04 ul li {
		float: none;
	}

	.safe04 ul li.p_img {
		width: 100%;
	}

	.safe04 ul li.p_img img {
		width: 100%;
	}

	.safe04 ul li.p_text {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 8% 3%;
	}

	.environment01 {
		padding: 16% 0;
	}

	.environment01 img {
		width: 80%;
		margin-top: 0;
	}

	.environment02 dl {
		padding: 5% 5% 0;
	}

	.environment02 dl dt {
		width: 100%;
	}

	.environment02 dl dt p {
		font-size: 3.5vw;
		margin-bottom: 4%;
	}

	.environment02 dl dt>span {
		font-size: 3vw;
	}

	.environment02 dl dt>span span {
		display: inline;
	}

	.environment02 dl dd {
		margin-top: 2%;
	}

	.environment02 dl:nth-of-type(1) dd img {
		width: 19%;
	}

	.environment02 dl:nth-of-type(2) dd img {
		width: 24%;
	}

	.environment02 dl:nth-of-type(3) dd img {
		width: 17%;
	}

	.environment02 dl:nth-of-type(4) dd img {
		width: 23%;
	}

	.environment02 dl:last-of-type {
		margin-bottom: 14%;
	}

	.environment02 dl:first-of-type {
		padding-top: 8%;
	}

	.health01 img {
		width: 45%;
	}

	.health02 dl:nth-of-type(2) dd img {
		width: 23%;
	}

	.gmp01 {
		padding: 9.3% 0;
	}

	.gmp01 .gmp01_txt01 {
		font-size: 3.7vw;
	}

	.gmp01 .gmp01_txt02 {
		font-size: 3.2vw;
		margin-bottom: 9%;
	}

	.gmp01 .gmp_img {
		margin-bottom: 4%;
	}

	.gmp01 .gmp01_table {
		table-layout: fixed;
		margin-top: 6%;
	}

	.gmp01 .gmp01_table td {
		display: block;
		width: 90%;
		margin: 0 0 5% 5%;
		padding: 0 0 5%;
		border-right: 0;
		border-bottom: 1px dashed #cfcecd;
	}

	.gmp01 .gmp01_table td:last-of-type {
		border-bottom: 0;
		padding: 0;
	}

	.gmp01 .gmp01_table td .num {
		width: auto;
		height: auto;
		line-height: 1;
		font-size: 4vw;
		padding: 5% 5.348%;
		text-indent: -1%;
	}

	.gmp01 .gmp01_table td p {
		font-size: 3.4vw;
		margin: 6% 0;
	}

	.gmp01 .gmp01_table td>span {
		font-size: 3.2vw;
	}

	.gmp02_table {
		margin: 9.3% auto;
	}

	.quality01>span strong {
		display: inline;
	}

	.quality01 p {
		margin: 3% 0 0;
	}

	.quality02 {
		margin-bottom: 14%;
	}

	.quality02 dt {
		width: 66.58%;
		padding-right: 4.675%;
	}

	.quality02 dt p {
		width: auto;
		height: auto;
		line-height: 1;
		font-size: 3.2vw;
		margin-bottom: 2.13%;
		padding: 5.426% 0;
	}

	.quality02 dt img {
		width: 8.152%;
		top: 7.35%;
		margin-top: 0;
	}

	.quality02>img {
		width: 10%;
		margin: 8% 0;
	}

	.quality02 dd img {
		width: 17%;
	}

	.quality02 dd p {
		font-size: 4vw;
		margin: 2.5% 0;
	}

	.quality02 dd>span {
		font-size: 3.2vw;
	}

	.quality03 {
		padding-top: 10%;
	}

	.quality03 dl {
		padding: 7%;
	}

	.quality03 dl:nth-of-type(2) {
		background: url("/img/quality03_dlBg01.jpg") center center no-repeat;
		background-size: cover;
	}

	.quality03 dl:nth-of-type(4) {
		background: url("/img/quality03_dlBg02.jpg") center center no-repeat;
		background-size: cover;
	}

	.quality03 dl dt {
		float: none;
		display: inline-block;
		width: auto;
		height: auto;
		font-size: 9.5vw;
		border-right: 0;
		border-bottom: 1px solid #ded6c8;
		padding: 0 10% 5% 0;
		margin-bottom: 5%;
	}

	.quality03 dl dd {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.quality03 dl dd p {
		font-size: 4vw;
		margin-bottom: 4.5%;
	}

	.quality03 dl dd>span {
		font-size: 3.5vw;
	}

	.quality03 dl dd strong {
		font-size: 3.5vw;
		margin-top: 3%;
	}

	.quality03 dl:nth-of-type(2n) {
		text-align: left;
	}

	.quality03 dl:nth-of-type(2n) dt {
		float: none;
		border-left: 0;
	}

	.quality03 dl:nth-of-type(2n) dd {
		float: none;
		padding-right: 0;
	}

	.management02_img {
		margin: 8% 0 6%;
	}

	.management02_img li {
		width: 60%;
		margin-left: 20%;
	}

	.management02_img li:nth-of-type(2) {
		width: 76.365%;
		margin-left: 11.8175%;
	}

	.management02_img span {
		width: 2%;
		margin-left: 49%;
	}

	.management02>img {
		margin-bottom: 7%;
	}

	.management02 table {
		margin-bottom: 14%;
	}

	.management02 table .col01 {
		width: 80px;
	}

	.management02 table tr th {
		font-size: 12px;
	}

	.management02 table tr td {
		font-size: 12px;
		padding: 15px;
	}

	.management02 table tr td p {
		width: 100%;
		margin-bottom: 8px;
	}

	.management02 table tr td p:last-of-type {
		margin-bottom: 0;
	}

	.management02 table tr td p span {
		font-size: 11px;
	}

	.management02 table tr td p .manage_txt {
		font-size: 12px;
	}

	.rnd01 {
		padding: 10.16% 0;
	}

	.rnd01 p {
		margin-bottom: 0;
	}

	.rnd01 p .br {
		display: block;
	}

	.rnd02 ul {
		display: block;
		width: 90%;
		margin: 10% 5%;
	}

	.rnd02 ul li {
		display: block;
		width: 100%;
		padding: 0 0 7%;
		margin-bottom: 7%;
		border-right: 0;
		border-bottom: 1px dashed #d2d2d2;
	}

	.rnd02 ul li:last-of-type {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.rnd02 ul li .img_part span {
		display: block;
		width: 8.90625vw;
		height: 8.90625vw;
		line-height: 8.90625vw;
		font-size: 4vw;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.rnd02 ul li .img_part span i {
		display: inline-block;
		margin-left: -9%;
	}

	.rnd02 ul li .text_part {
		width: calc(100% - 8.90625vw);
		padding-left: 7%
	}

	.rnd02 ul li .rnd02_txt01 {
		font-size: 3.4vw;
		margin: 6% 0 4%;
	}

	.rnd02 ul li .rnd02_txt01 span {
		display: block;
	}

	.rnd02 ul li .rnd02_txt02 {
		font-size: 3.2vw;
	}

	.rnd03 {
		padding: 11% 0;
	}

	.rnd03 .rnd03_tit {
		font-size: 5vw;
	}

	.rnd03 .rnd03_txt {
		font-size: 3vw;
		margin: 3% 0 5%;
	}

	.rnd03 table tr th {
		font-size: 12px;
		padding: 15px 0;
	}

	.rnd03 table tr td {
		font-size: 12px;
		padding: 20px 0;
	}

	.lab01 {
		padding: 11.2% 0;
	}

	.lab02 {
		margin-bottom: -10.7%;
	}

	.lab02 img {
		width: 95%;
	}

	.lab03 {
		padding: 23% 0 13%;
	}

	.lab03 ul {
		display: block;
	}

	.lab03 ul li {
		display: block;
	}

	.lab03 ul li>img {
		width: 30%;
	}

	.lab03 ul li p {
		margin: 25px auto 15px;
	}

	.lab03 ul li:last-of-type p {
		margin: 25px auto 15px;
	}

	.lab03 ul li span {
		font-size: 3.2vw;
	}

	.lab03 ul>span {
		display: block;
		width: 1px;
		height: 40px;
		border-top: 0;
		border-right: 1px dashed #aaa;
		margin: 20px auto 25px;
	}

	.hr01 span span {
		display: inline;
		line-height: 1.6;
	}

	.hr01 span .br {
		display: block;
	}

	.hr02 {
		margin-bottom: 11%;
	}

	.hr02_txtWrap {
		display: block;
		padding: 0;
	}

	.hr02_txtWrap>img {
		display: none;
	}

	.hr02_txt {
		height: auto;
		position: relative;
	}

	.hr02_txt_box {
		display: inline-block;
		width: auto;
		height: auto;
	}

	.hr02_txt01 {
		padding: 11.6% 7%;
	}

	.hr02_txt02 {
		padding: 11.6% 7%;
		margin-right: 6.5%;
	}

	.hr02_txt03 {
		padding: 11.88% 8.84%;
	}

	.hr02_txt_box .bar {
		width: 10%;
		margin: 0 0 12%;
	}

	.hr02_txt_box p {
		font-size: 3.8vw;
	}

	.hr02_txt_box p span {
		display: block;
	}

	.hr02_txt_boxWrap {
		position: relative;
	}

	.hr02_txt_boxWrap .hr02_txt02 {
		float: none;
	}

	.hr02_txt_boxWrap .hr02_txt03 {
		float: none;
	}

	.hr02_subTxt {
		margin-top: 11%;
		padding: 5%;
	}

	.hr02_subTxt li {
		padding: 2.5% 5%;
		margin-bottom: 1.6%;
	}

	.hr02_subTxt li img {
		width: 4%;
		margin: 1% 3% 0 0;
	}

	.hr02_subTxt li p {
		width: 93%;
		font-size: 3.6vw;
	}

	.hr03 {
		margin-top: 10%;
	}

	.hr03 li {
		width: 75%;
		margin-left: 13%;
		margin-right: 0;
	}

	.hr03 li:last-of-type {
		margin-right: 0;
	}

	.hr03 li>span {
		padding: 0;
	}

	.benefits02 {
		margin-bottom: 10.5%;
	}

	.benefits02 .benefits02_tit {
		height: auto;
		padding: 11.54% 0;
	}

	.benefits02 .benefits02_tit p {
		font-size: 3vw;
		margin-bottom: 3%;
		margin-top: 0;
	}

	.benefits02 .benefits02_tit span {
		display: inline-block;
		font-size: 6vw;
	}

	.benefits02_01 .benefits02_tit {
		background-size: auto 100%;
	}

	.benefits02_02 .benefits02_tit {
		background-size: auto 100%;
	}

	.benefits02_03 .benefits02_tit {
		background-size: auto 100%;
	}

	.benefits02 .benefits02_bar {
		height: 30px;
		margin: -15px auto 0;
	}

	.benefits02 .benefits02_txt {
		font-size: 3.2vw;
		margin: 5% 0;
	}

	.benefits02 .benefits02_txt .br {
		display: block;
	}

	.benefits02 ul {
		font-size: 0;
		display: block;
	}

	.benefits02 ul li {
		width: 33.33%;
	}

	.benefits02 ul li>img {
		width: 80%;
	}

	.benefits02 ul li p {
		font-size: 3.7vw;
		margin-top: 10%;
	}

	.benefits02 ul li>span {
		margin-top: 9%;
		font-size: 3vw;
	}

	.benefits02 ul>p {
		display: none;
	}

	/* .benefits02 ul > p{display:inline-block; width:2px; margin:7% 0;}
	.benefits02 ul > p span{width:2px; height:2px; margin-right:0; margin-bottom:10px;}
	.benefits02 ul > p span:last-of-type{margin-bottom:0;} */

	.intro_table table tr th {
		height: 40px;
		font-size: 14px;
	}

	.intro_table table tr td {
		border-right: 0;
		padding: 10px 0;
	}

	.intro_table table tr td p {
		font-size: 3.7vw;
		margin-bottom: 5.435%;
	}

	.intro_table table tr td>span {
		font-size: 3vw;
		line-height: 1;
	}

	.intro_table table tr td>span span {
		padding: 0 3%;
	}

	.gmp02_table table tr th {
		font-size: 12px;
	}

	.gmp02_table table tr td {
		font-size: 12px;
		padding: 15px 5px;
		border-right: 1px solid #cacaca;
		line-height: 1.3;
	}

	.intro_table table .col02 {
		width: 32.6%;
	}

	.intro_table_read table tr td {
		height: 43px;
		font-size: 14px;
		border-right: 1px solid #e1e1e1;
		padding: 0 10px;
		font-weight: normal;
	}

	.intro_table_read table tr td.tit {
		padding: 0 10px;
	}

	.intro_table_read table tr .gray770 {
		background: #f7f8f9;
	}

	.program_btn {
		min-height: 40px;
	}

	.program_btn dd {
		width: 105px;
		height: 40px;
		line-height: 40px;
	}

	.program_btn dd a {
		font-size: 14px;
	}

	.program_more {
		height: 45px;
		line-height: 45px;
		text-align: center;
		background: #e7e7e7;
		margin: 20px 0;
	}

	.program_more a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 14px;
		color: #222;
	}

	.program_more a span {
		display: inline-block;
		font-size: 18px;
		padding-left: 20px;
		font-weight: 200;
	}

	.program_search select {
		width: 100px;
		margin-right: 5px;
	}

	.program_search input[type="text"] {
		width: 130px;
	}

	.career_table table tr {
		overflow: hidden;
		width: 100%;
	}

	.career_table table tr th {
		float: left;
		line-height: 40px;
		box-sizing: border-box;
	}

	.career_table table tr th.tit {
		width: calc(100% - 105px);
	}

	.career_table table tr th.only770 {
		width: 105px;
		border-right: 0;
	}

	.career_table table tr td {
		float: left;
		font-size: 13px;
		padding: 6px 10px;
		box-sizing: border-box;
		border-right: 1px solid #e1e1e1;
	}

	.career_table table tr td.only770 {
		float: right;
		width: 105px;
		border-right: 0;
		margin-top: -12.5px;
	}

	.career_table table tr td.tit {
		width: calc(100% - 105px);
		padding: 8.5px 10px;
		border-bottom: 1px solid #e1e1e1;
	}

	.career_table table tr td.career_only {
		width: calc(100% - 105px);
		text-align: left;
		line-height: 28px;
	}

	.career_table table tr td.tit p {
		font-size: 13px;
	}

	.career_table table tr td.tit p span.txt {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.5;
	}

	.career_table table tr td .career_ing {
		display: inline-block;
		width: 80px;
		height: 28px;
		line-height: 28px;
		font-size: 13px;
		text-align: center;
		vertical-align: middle;
		margin-right: 7px;
	}

	.career_search select {
		width: calc(33.33% - 6.66px);
	}

	.career_search select:last-of-type {
		margin-right: 0;
	}

	.career_search input[type="text"] {
		width: calc(100% - 63px);
		margin-top: 5px;
	}

	.career_search input[type="button"] {
		margin-top: 5px;
	}

	.career_search input[type="submit"] {
		margin-top: 5px;
	}

	.career_table_read table tr {
		overflow: hidden;
	}

	.career_table_read table tr th {
		float: left;
		width: 100px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.career_table_read table tr td {
		float: left;
		width: calc(100% - 100px);
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.career_table_read table tr td.tit {
		text-align: center;
		height: auto;
		line-height: 1;
		padding: 11px 0;
		line-height: 1.3;
	}

	.career_table_read table tr td.wHalf770 {
		width: calc(50% - 100px);
	}

	.career_table_read table tr td.day_left {
		text-align: center;
		border-right: 0;
		border-bottom: 1px solid #e1e1e1;
		padding: 0 10px;
	}

	.career_table_read table tr .bb770 {
		border-bottom: 1px solid #e1e1e1;
	}

	.program_btn .career_readBtn {
		display: inline-block;
		width: 152px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.agree_tit {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.agree_con {
		height: 300px;
	}

	.agree_con iframe {
		height: 300px;
	}

	.agree_radio {
		margin: 25px 0 35px;
	}

	.agree_radio label {
		font-size: 14px;
	}

	.agree_radio label:first-of-type {
		margin-right: 30px;
	}

	.agree_radio label span {
		display: none;
	}

	.agree_btn a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.careerWrite_table table tr {
		overflow: hidden;
	}

	.careerWrite_table table tr th {
		float: left;
		width: 105px;
		height: 54px;
		line-height: 54px;
		box-sizing: border-box;
	}

	.careerWrite_table table tr.pass_tr th:first-of-type {
		border-bottom: 1px solid #e1e1e1;
	}

	.careerWrite_table table tr.pass_tr td:first-of-type {
		border-bottom: 1px solid #e1e1e1;
	}

	.careerWrite_table table tr th.careerWrite_bl {
		border-left: 0;
	}

	.careerWrite_table table tr td {
		float: left;
		width: calc(100% - 105px);
		padding: 10px;
		box-sizing: border-box;
	}

	.careerWrite_table table tr td.day select {
		width: 55px;
	}

	.careerWrite_table table tr td.day select:first-of-type {
		width: 75px;
	}

	.careerWrite_table table tr td.day span {
		font-size: 14px;
	}

	.careerWrite_table table tr td.gender {
		padding: 19px 10px;
	}

	.careerWrite_table table tr td label {
		font-size: 14px;
		vertical-align: top;
	}

	.career_info_txt {
		margin: 25px 0 40px;
	}

	.career_info_txt p {
		font-size: 14px;
		margin-bottom: 8px;
		line-height: 1.3;
	}

	.failure {
		width: 80%;
		height: auto;
		padding: 5%;
	}

	.failure .img {
		margin-bottom: 10%;
	}

	.failure .img img {
		width: 40%;
	}

	.failure .txt p {
		font-size: 2.337vw;
	}

	.failure .close {
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}

	.failure .close img {
		width: 30px;
		height: 30px;
	}

	.info_resume .info_resume_txt p {
		font-size: 14px;
	}

	.info_resume_form {
		padding: 25px;
	}

	.info_resume_form .info_resumePic {
		display: block;
		width: 50%;
		height: auto;
		margin: 0 0 25px 25%;
	}

	.info_resume_form .info_resumeTxt {
		display: block;
		width: 100%;
	}

	.info_resume_form .info_resumeTxt .info_resume_tit {
		font-size: 17px;
		margin-bottom: 25px;
	}

	.info_resume_form .info_resumeTxt .info_resume_txt01 {
		font-size: 14px;
	}

	.info_resume_form .info_resumeTxt_btn {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
		text-align: center;
	}

	.info_resume_form .info_resumeTxt_btn a {
		display: inline-block;
		width: calc(33.33% - 3.33px);
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		/*margin:0 5px 0 0;*/
	}

	.info_resume_form .info_resumeTxt_btn .info_resumeTxt_btn03 {
		margin: 0;
	}

	.info_resume_no {
		padding-top: 20px;
	}

	.info_resume_form .info_resume_no p {
		font-size: 14px;
	}

	.info_resume_form .info_resume_noBtn {
		margin: 25px 0 20px;
	}

	.info_resume_form .info_resume_noBtn a {
		float: none;
		display: block;
		width: 130px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		margin: 0 auto;
	}

	.write_form {
		margin-bottom: 35px;
	}

	.write_pic {
		float: none;
		width: 50%;
		margin: 0 0 30px 25%;
	}

	.write_pic img {
		width: calc(100% - 2px);
	}

	.write_table02 {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.write_table table tr td {
		padding: 10px;
	}

	.write_table table tr td.txt_read {
		font-size: 14px;
	}

	.write_table table tr td .bar {
		margin: 0 8px;
	}

	.write_table table tr td input[type="number"] {
		width: calc(33.33% - 18px);
	}

	.write_table table tr td.addr_search a {
		width: 100%;
		margin-top: 10px;
	}

	.write_table table tr td.addr_search input[type="text"] {
		width: calc(50% - 5px);
	}

	.write_table table tr td.addr_search input[type="text"]:nth-of-type(2) {
		margin-right: 0;
	}

	.write_table table tr td.email input[type="text"] {
		width: calc(50% - 15px);
	}

	.write_table table tr td.email select {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.write_table table tr td.email span {
		font-size: 14px;
	}

	.write_table table tr td.homepage input[type="text"] {
		width: 100%;
	}

	.write_form .write_tit {
		font-size: 16px;
	}

	.write_form .write_tit .bar {
		width: 30px;
	}

	.etc_table table tr td label {
		font-size: 14px;
		margin-right: 6.5%;
	}

	.write_table table tr td.etc03 span {
		font-size: 13px;
	}

	.write_table table tr td .etc03_more .etc03_01 {
		width: calc(58% - 25px);
	}

	.write_table table tr td .etc03_more .etc03_02 {
		width: calc(42% - 25px);
	}

	.write_btn a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.write_form .write_form {
		margin-top: 30px;
	}

	.write_table table tr.step02_w17 th {
		width: 72px;
		height: 54px;
		line-height: 54px;
	}

	.write_table table tr.step02_w17 td {
		width: calc(100% - 72px);
	}

	.write_table table tr td.step02_year select {
		width: calc(50% - 24.5px);
	}

	.write_table table tr td.step02_year input {
		width: calc(50% - 24.5px);
	}

	.write_table table tr td.step02_year span {
		font-size: 13px;
		margin: 0 15px 0 10px;
	}

	.write_table table tr.step02_w50th th {
		height: 54px;
		line-height: 54px;
	}

	.write_table table tr td .br770 {
		display: block;
	}

	.write_table table tr td.step02_day .br770 {
		display: block;
	}

	.write_table table tr.step02_w17_day th {
		height: 98px;
		line-height: 98px;
	}

	.write_table table tr td.step02_day span {
		font-size: 13px;
	}

	.write_table table tr td.step02_day select {
		width: calc(25% - 5px);
		margin: 10px 10px 0 0;
	}

	.write_table table tr td.step02_day select.select01 {
		width: calc(50% - 5px);
	}

	.write_table table tr td.step02_day select:last-of-type {
		margin-right: 0;
	}

	/* .write_table table tr td.step02_day select.select01{width:calc(50% - 10.5px); margin:0;} */

	.write_table table tr.step02_def td:first-of-type {
		width: 100%;
		border-bottom: 1px solid #e1e1e1
	}

	.write_table table tr.step02_def td:nth-of-type(2) {
		width: 100%;
		border-bottom: 1px solid #e1e1e1
	}

	.write_table table tr.step02_def td:last-of-type {
		width: 100%;
	}

	.write_table table tr td.ch_hight {
		height: auto;
		line-height: 1;
	}

	.write_table table tr td.careerAll_td select {
		width: calc(50% - 38px);
	}

	.write_table table tr td.careerAll_td select:last-of-type {
		margin-left: 20px;
	}

	.write_table table tr td.careerAll_td span {
		font-size: 13px;
	}

	.write_table table tr td.careerAll_td label {
		font-size: 14px;
	}

	.write_table table tr td.career_td .select01 {
		width: calc(54% - 35.5px);
	}

	.write_table table tr td.career_td .select02 {
		width: calc(46% - 35.5px);
	}

	.write_table table tr td.career_td span {
		font-size: 13px;
	}

	.write_table table tr td input.common_input {
		width: 100%;
	}

	.write_table table tr td select.common_select {
		width: 100%;
	}

	.write_table .write_textarea {
		height: 200px;
	}

	.write_btn_3 a {
		width: 88px;
		font-size: 13px;
	}

	.write_table table.vhm {
		display: table;
	}

	.write_table table.vhm .thbr0 {
		border-right: 0 !important;
	}

	.write_table table.pc_type {
		display: none;
	}



	.write_form .step03_fore_tit span {
		display: block;
		margin-top: 5px;
	}

	.step03_fore_tableBtn {
		margin-top: 20px;
	}

	.write_table .radio_table tr td label {
		margin-right: 5%;
	}

	.write_table table tr td select.common_select02 {
		width: 100%;
	}

	.write_table table tr td.step03_fore label {
		margin-right: 5%;
	}

	.write_table table tr td.step03_test input {
		width: calc(50% - 21.5px);
	}

	.write_table table tr td.step03_test span {
		font-size: 13px;
	}

	.write_table table tr td.step03_test .select_level {
		width: calc(50% - 21.5px);
	}

	.write_table table tr td.step03_day02_td select {
		width: calc(31.33% - 6.66px);
	}

	.write_form .tit20 {
		margin-top: 35px;
	}

	.write_form .write_tit strong {
		display: block;
		font-size: 13px;
		margin-top: 7px;
	}

	.write_tit_txt {
		font-size: 14px;
	}

	.writeComplet_con {
		padding-bottom: 0;
		background: none;
	}

	.write_complet>img {
		width: 20%;
	}

	.write_complet p {
		font-size: 20px;
		margin: 20px 0 17px;
	}

	.write_complet span {
		font-size: 13px;
		margin-bottom: 30px;
	}

	.memberCon {
		font-size: 14px;
	}

	.member_table01 th {
		font-size: 14px;
	}

	.member_table01 td {
		font-size: 14px;
	}

	/*	.intro_table th{font-size:10px;}*/
	.intro_table table tr th {
		padding: 0;
	}
}


@media all and (max-width:430px) {
	.career_table_read table tr th {
		float: left;
		width: 70px;
		font-size: 13px;
	}

	.career_table_read table tr td {
		float: left;
		width: calc(100% - 70px);
		font-size: 13px;
	}

	.career_table_read table tr td.wHalf770 {
		width: calc(50% - 70px);
	}

	.career_btn {
		text-align: left;
	}

	.career_btn dd {
		text-align: center;
	}

	.careerWrite_table table tr.day_tr th {
		height: 93px;
		line-height: 93px;
	}

	.careerWrite_table table tr td.day select {
		width: calc(50% - 27.5px);
	}

	.careerWrite_table table tr td.day select:first-of-type {
		width: calc(100% - 18px);
		margin-bottom: 5px;
	}

	.careerWrite_table table tr td.day span {
		display: inline-block;
	}

	.careerWrite_table table tr td.day span:first-of-type {
		padding-right: 0;
		padding-bottom: 5px;
	}

	.failure .close img {
		width: 20px;
		height: 20px;
	}

	.failure .txt p {
		word-break: keep-all;
	}

	.failure .txt p br {
		display: none;
	}

	.safe002 ul li .white_box {
		bottom: -9.5%;
	}

	.safe002 ul li .txt_box p {
		font-size: 11px;
	}
}


@media all and (max-width:350px) {
	.career_table table tr th {
		font-size: 13px;
		height: 38px;
		line-height: 38px;
	}

	.career_table table tr td {
		font-size: 12px;
	}

	.career_table table tr td.only770 {
		margin-top: -12px;
	}

	.career_table table tr td.career_only {
		line-height: 28px;
	}

	.career_table table tr td.tit p {
		font-size: 12px;
	}

	.career_table table tr td .career_ing {
		width: 70px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}

	.footer .foot_top span {
		font-size: 2.5vw;
		padding: 0 1%;
	}
}

@media all and (max-width:320px) {
	.career_table table tr th {
		font-size: 12px;
	}

	.career_table table tr td {
		font-size: 11px;
	}

	.career_table table tr td.career_only {
		line-height: 20px;
	}

	.career_table table tr td.tit p {
		font-size: 11px;
	}

	.career_table table tr td .career_ing {
		width: 60px;
		font-size: 11px;
	}


}


p.step01_desc {
	padding: 5px;
	color: #ec2100;
	font-size: 14px;
}





/* 사업분야 - 20210408 수정 */
.contract01 {
	background: url("/img/contract01_bg02.jpg") center top no-repeat;
	margin-bottom: 20px;
}

@media all and (max-width:770px) {
	.contract01 {
		margin-bottom: 6%;
	}
}

.contract03 {
	margin-bottom: 60px;
	font-size: 0;
	letter-spacing: -4px;
}

.contract03 dl {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	margin: 10px 0;
	margin-right: 20px;
	padding: 10px 20px 10px 30px;
	border: 1px solid #d9d9d9;
	background: #fafafa;
	box-sizing: border-box;
}

.contract03 dl:nth-of-type(2n) {
	margin-right: 0;
}

.contract03 dl dt {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}

.contract03 dl dt img {
	max-width: 100%;
}

.contract03 dl dd {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 30px);
	padding-left: 20px;
	box-sizing: border-box;
}

.contract03 dl dd p {
	display: table;
	width: 100%;
	height: 70px;
	font-size: 17px;
	color: #6a6a6a;
	letter-spacing: -0.05em;
	font-weight: 300;
	line-height: 1.6;
}

.contract03 dl dd p span {
	display: table-cell;
	vertical-align: middle;
}

@media all and (max-width:1200px) {
	.contract03 dl dd p br {
		display: none;
	}
}

@media all and (max-width:1000px) {
	.contract03 dl {
		width: 100%;
		margin-right: 0;
	}
}

@media all and (max-width:770px) {
	.contract03 {
		margin-bottom: 12%;
	}

	.contract03 dl {
		margin: 1.3vw 0;
		padding: 1.3vw 2.6vw 1.3vw 3.9vw;
	}

	.contract03 dl dd {
		padding-left: 2.6vw;
	}

	.contract03 dl dd p {
		height: 16vw;
		font-size: 3.75vw;
	}
}

.contract04 {
	margin-bottom: 60px;
	font-size: 0;
	letter-spacing: -4px;
}

.contract04 .img_box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	overflow: hidden;
}

.contract04 .img_box img {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.contract04 .txt_box {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	height: 383px;
	padding: 50px 40px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	box-sizing: border-box;
}

.contract04 .txt_box h5 {
	position: relative;
	font-size: 20px;
	color: #222222;
	letter-spacing: -0.05em;
	font-weight: 400;
	margin: 0;
	margin-bottom: 20px;
	padding-top: 10px;
}

.contract04 .txt_box h5:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
}

.contract04 .txt_box p {
	font-size: 15px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-height: 1.6;
}

@media all and (max-width:1000px) {
	.contract04 .img_box {
		width: 100%;
	}

	.contract04 .img_box img {
		width: 100%;
	}

	.contract04 .txt_box {
		width: 100%;
		height: auto;
		padding: 40px;
	}
}

@media all and (max-width:770px) {
	.contract04 {
		margin-bottom: 12%;
	}

	.contract04 .txt_box {
		padding: 6.25vw;
	}

	.contract04 .txt_box h5 {
		font-size: 3.75vw;
		margin-bottom: 3.9vw;
		padding-top: 2.6vw;
	}

	.contract04 .txt_box p {
		font-size: 2.8125vw;
	}
}

.contract05 {
	margin-bottom: 60px;
}

.contract05 .graph_box h5 {
	position: relative;
	display: block;
	width: 70%;
	max-width: 345px;
	margin: 0 auto 30px;
	padding: 20px 0;
	background: #526875;
	font-size: 17px;
	color: #fff;
	letter-spacing: -0.025em;
	font-weight: 500;
	text-align: center;
}

.contract05 .graph_box h5:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	width: 1px;
	height: 30px;
	background: #d9d9d9;
}

.contract05 .graph_box ul {
	font-size: 0;
	letter-spacing: -4px;
}

.contract05 .graph_box ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 16.666666%;
	text-align: center;
	padding: 30px 5px 0;
	box-sizing: border-box;
}

.contract05 .graph_box ul li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: 30px;
	background: #d9d9d9;
}

.contract05 .graph_box ul li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #d9d9d9;
}

.contract05 .graph_box ul li:first-of-type:after {
	left: auto;
	right: 0;
	width: 50%;
}

.contract05 .graph_box ul li:last-of-type:after {
	width: 50%;
}

.contract05 .graph_box ul li>div {
	min-height: 145px;
	padding: 30px 5px 0;
	border: 1px solid #a1acb2;
	background: #fafafa;
	box-sizing: border-box;
}

.contract05 .graph_box ul li h6 {
	font-size: 15px;
	color: #526875;
	letter-spacing: -0.05em;
	font-weight: 700;
	margin: 0;
	margin-bottom: 15px;
}

.contract05 .graph_box ul li p {
	font-size: 16px;
	color: #6a6a6a;
	letter-spacing: -0.05em;
	font-weight: 300;
}

.contract05 .hr {
	display: block;
	width: 100%;
	height: 1px;
	background: #d9d9d9;
	margin: 40px 0;
}

.contract05 .img_box {
	display: block;
	width: 100%;
	max-width: 640px;
	font-size: 0;
	margin: 0 auto;
	background: url('/img/contract05_img01.png') no-repeat center center;
}

.contract05 .img_box ul li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	margin: 50px 0;
}

.contract05 .img_box ul li p {
	display: inline-block;
	font-size: 18px;
	color: #444444;
	letter-spacing: -0.05em;
	font-weight: 500;
}

.contract05 .img_box ul li:nth-of-type(1) {
	width: 100%;
	margin: 0;
	margin-bottom: 100px;
}

.contract05 .img_box ul li:nth-of-type(2) {
	text-align: left;
}

.contract05 .img_box ul li:nth-of-type(2) p {
	text-align: right;
}

.contract05 .img_box ul li:nth-of-type(3) {
	text-align: right;
}

.contract05 .img_box ul li:nth-of-type(3) p {
	text-align: left;
}

.contract05 .img_box ul li:nth-of-type(4) {
	margin: 0;
	margin-top: 100px;
}

.contract05 .img_box ul li:nth-of-type(5) {
	margin: 0;
	margin-top: 100px;
}

@media all and (max-width:1000px) {
	.contract05 .graph_box ul li {
		width: 33.333333%;
	}

	.contract05 .graph_box ul li:nth-of-type(3n):after {
		width: 50%;
	}

	.contract05 .graph_box ul li:nth-of-type(n+4):after {
		display: none;
	}
}

@media all and (max-width:770px) {
	.contract05 {
		margin-bottom: 12%;
	}

	.contract05 .graph_box h5 {
		font-size: 3.125vw;
		margin: 0 auto 3.125vw;
		padding: 3.125vw 0;
	}

	.contract05 .graph_box h5:before {
		height: 3.125vw;
	}

	.contract05 .graph_box ul li {
		padding: 3.125vw 0.78125vw 0;
	}

	.contract05 .graph_box ul li:before {
		height: 3.125vw;
	}

	.contract05 .graph_box ul li>div {
		min-height: 22.65625vw;
		padding: 4.6875vw 0.78125vw 0;
	}

	.contract05 .graph_box ul li h6 {
		font-size: 2.8125vw;
		margin-bottom: 1vw;
	}

	.contract05 .graph_box ul li p {
		font-size: 2.96875vw;
	}

	.contract05 .hr {
		margin: 6.25vw 0;
	}

	.contract05 .img_box ul li {
		margin: 8% 0;
	}

	.contract05 .img_box ul li p {
		font-size: 2.5vw;
	}

	.contract05 .img_box ul li:nth-of-type(1) {
		margin-bottom: 14%;
	}

	.contract05 .img_box ul li:nth-of-type(4) {
		margin-top: 14%;
	}

	.contract05 .img_box ul li:nth-of-type(5) {
		margin-top: 14%;
	}
}

@media all and (max-width:640px) {
	.contract05 .img_box {
		background-size: 50%;
	}
}

.contract06 {
	margin-bottom: 40px;
}

.contract06 ul {
	font-size: 0;
}

.contract06 ul li {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333333% - 13.4px);
	margin-right: 20px;
	margin-bottom: 20px;
}

.contract06 ul li:last-of-type {
	margin-right: 0;
}

.contract06 ul li .img_box {
	margin-bottom: 10px;
}

.contract06 ul li .img_box img {
	width: 100%;
}

.contract06 ul li h5 {
	position: relative;
	font-size: 18px;
	color: #222222;
	letter-spacing: 0em;
	font-weight: 400;
	padding-left: 10px;
}

.contract06 ul li h5:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 2px;
	height: 14px;
	background: #275d8b;
}

@media all and (max-width:1000px) {
	.contract06 ul li {
		width: calc(50% - 10px);
	}

	.contract06 ul li:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media all and (max-width:770px) {
	.contract06 {
		margin-bottom: 7%;
	}

	.contract06 ul li {
		width: 100%;
		margin-right: 0;
	}

	.contract06 ul li h5 {
		font-size: 3.28125vw;
	}

	.contract06 ul li h5:before {
		top: 0.6vw;
		height: 2.65625vw;
	}
}

.contract07 {
	margin-bottom: 60px;
}

.contract07 .cont_box {
	position: relative;
	font-size: 0;
	letter-spacing: -4px;
	padding: 20px 20px 100px;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
}

.contract07 .cont_box h3 {
	font-size: 20px;
	color: #fff;
	letter-spacing: 0em;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 20px;
	padding: 15px 0;
	background: #4a555b;
}

.contract07 .cont_box h4 {
	position: absolute;
	top: -25px;
	left: 50%;
	width: 90%;
	max-width: 310px;
	font-size: 17px;
	color: #fff;
	letter-spacing: 0em;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 15px 0;
	background: #a8b6c2;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.contract07 .cont_box ul li {
	display: inline-block;
	vertical-align: top;
	min-height: 370px;
	margin: 5px;
	padding: 20px 13px 10px;
	border: 1px solid #e4e4e4;
	background: #fff;
	box-sizing: border-box;
}

.contract07 .cont_box ul li .img_box {
	margin-bottom: 10px;
	text-align: center;
}

.contract07 .cont_box ul li .img_box img {
	max-width: 100%;
}

.contract07 .cont_box ul li i {
	display: block;
	width: 14px;
	height: 2px;
	background: #275d8b;
	margin-bottom: 10px;
}

.contract07 .cont_box ul li h5 {
	position: relative;
	font-size: 18px;
	color: #222222;
	letter-spacing: -0.05em;
	font-weight: 400;
	margin: 0;
	margin-bottom: 20px;
}

.contract07 .cont_box ul li h6 {
	font-size: 16px;
	color: #aaaaaa;
	letter-spacing: 0em;
	font-weight: 300;
	margin: 0;
	margin-bottom: 10px;
}

.contract07 .cont_box ul li p {
	position: relative;
	font-size: 16px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-height: 1.6;
	padding-left: 15px;
	word-break: break-all;
}

.contract07 .cont_box ul li p:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	border: 2px solid #336691;
	border-radius: 50%;
	box-sizing: border-box;
}

.contract07 .cont_box .left_box {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(80% - 10px);
	margin-right: 20px;
	margin-top: 25px;
	padding: 40px 15px 25px;
	border: 1px solid #e4e4e4;
	background: #fafafa;
	box-sizing: border-box;
}

.contract07 .cont_box .left_box ul li {
	width: calc(20% - 10px);
}

.contract07 .cont_box .right_box {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(20% - 10px);
	margin-top: 25px;
	padding: 40px 15px 25px;
	border: 1px solid #e4e4e4;
	background: #fafafa;
	box-sizing: border-box;
}

.contract07 .cont_box .right_box h4 {
	max-width: 150px;
	background: #c98f8f;
}

.contract07 .cont_box .right_box ul li {
	width: calc(100% - 10px);
}

.contract07 .cont_box .right_box ul li i {
	background: #b62c2c;
}

.contract07 .cont_box .right_box ul li p:before {
	border-color: #b62c2c;
}

.contract07 .cont_box .text {
	position: absolute;
	right: 10%;
	width: 90%;
	max-width: 555px;
	text-align: center;
}

.contract07 .cont_box .text .line {
	position: relative;
	width: 100%;
	height: 35px;
	border: 1px solid #e4e4e4;
	border-top: 0;
	box-sizing: border-box;
}

.contract07 .cont_box .text .line i {
	position: absolute;
	top: 0;
	left: -4.5px;
	display: block;
	border-top: 3px solid none;
	border-bottom: 3px solid #e4e4e4;
	border-left: 4.5px solid transparent;
	border-right: 4.5px solid transparent;
}

.contract07 .cont_box .text p {
	font-size: 16px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-heighT: 1.6;
}

@media all and (max-width:1200px) {
	.contract07 .cont_box ul li {
		min-height: 435px;
		padding: 10px;
	}
}

@media all and (max-width:1000px) {
	.contract07 .cont_box {
		padding: 20px;
	}

	.contract07 .cont_box ul li {
		min-height: 360px;
	}

	.contract07 .cont_box .left_box {
		width: 100%;
		margin-right: 0;
	}

	.contract07 .cont_box .left_box ul li {
		width: calc(33.333333% - 10px);
	}

	.contract07 .cont_box .right_box {
		width: 100%;
	}

	.contract07 .cont_box .right_box h4 {
		max-width: 310px;
	}

	.contract07 .cont_box .right_box ul li {
		width: calc(33.333333% - 10px);
	}

	.contract07 .cont_box .text {
		position: static;
		right: auto;
		width: 100%;
		max-width: 100%;
	}

	.contract07 .cont_box .text .line {
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: 100px;
		border: 0;
		border-right: 1px solid #e4e4e4;
	}

	.contract07 .cont_box .text p {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		margin-left: 20px;
	}
}

@media all and (max-width:770px) {
	.contract07 {
		margin-bottom: 8%;
	}

	.contract07 .cont_box {
		padding: 3.125vw;
	}

	.contract07 .cont_box h3 {
		font-size: 3.59375vw;
		padding: 2.34375vw 0;
	}

	.contract07 .cont_box h4 {
		width: 70%;
		top: -5.46875vw;
		font-size: 3.125vw;
		padding: 2.34375vw 0;
	}

	.contract07 .cont_box ul li {
		min-height: 68vw;
		margin: 0.78125vw;
		padding: 1.5625vw;
	}

	.contract07 .cont_box ul li i {
		margin-bottom: 1.3vw;
	}

	.contract07 .cont_box ul li h5 {
		font-size: 3.28125vw;
		margin-bottom: 2.6vw;
	}

	.contract07 .cont_box ul li h6 {
		font-size: 2.8125vw;
		margin-bottom: 2.6vw;
	}

	.contract07 .cont_box ul li p {
		font-size: 2.8125vw;
		padding-left: 2.34375vw;
	}

	.contract07 .cont_box ul li p:before {
		top: 1.5625vw;
		width: 1.25vw;
		height: 1.25vw;
	}

	.contract07 .cont_box .left_box {
		margin-top: 5.46875vw;
		padding: 6.25vw 2.34375vw 3.90625vw;
	}

	.contract07 .cont_box .left_box ul li {
		width: calc(50% - 1.5625vw);
	}

	.contract07 .cont_box .right_box {
		margin-top: 5.46875vw;
		padding: 6.25vw 2.34375vw 3.90625vw;
	}

	.contract07 .cont_box .right_box ul li {
		width: calc(50% - 1.5625vw);
	}

	.contract07 .cont_box .text .line {
		height: 15.625vw;
	}

	.contract07 .cont_box .text p {
		font-size: 2.8125vw;
	}
}

.contract08 {
	margin-bottom: 60px;
	font-size: 0;
	letter-spacing: -4px;
}

.contract08 .left_box {
	display: inline-block;
	vertical-align: top;
	width: calc(56% - 20px);
	margin-right: 40px;
}

.contract08 .left_box h6 {
	position: relative;
	font-size: 18px;
	color: #1e1e1e;
	letter-spacing: -0.05em;
	font-weight: 500;
	margin: 0;
	margin-bottom: 10px;
	padding-left: 10px;
}

.contract08 .left_box h6:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 2px;
	height: 80%;
	background: #b62c2c;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.contract08 .left_box table {
	width: 100%
}

.contract08 .left_box table thead th {
	font-size: 16px;
	color: #222222;
	letter-spacing: -0.05em;
	font-weight: 300;
	line-height: 1.5;
	padding: 15px 5px;
	border: 1px solid #cacaca;
	border-top: 1px solid #8ba9bf;
	background: #e7ebee;
}

.contract08 .left_box table tbody tr {
	cursor: pointer;
}

.contract08 .left_box table tbody td {
	font-size: 15px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-height: 1.5;
	text-align: center;
	padding: 15px 5px;
	border: 1px solid #cacaca;
}

.contract08 .left_box table tbody tr.on td {
	color: #4a555b;
	font-weight: 500;
	border-top: 2px solid #4a555b;
	border-bottom: 2px solid #4a555b;
}

.contract08 .left_box table tbody tr.on td:first-of-type {
	border-left: 2px solid #4a555b;
}

.contract08 .left_box table tbody tr.on td:last-of-type {
	border-right: 2px solid #4a555b;
}

.contract08 .right_box {
	display: inline-block;
	vertical-align: top;
	width: calc(44% - 20px);
}

.contract08 .right_box h5 {
	position: relative;
	font-size: 20px;
	color: #222222;
	letter-spacing: 0em;
	font-weight: 400;
	margin: 0;
	margin-bottom: 20px;
	padding-top: 5px;
}

.contract08 .right_box h5:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
}

.contract08 .right_box .img_box img {
	width: 100%;
}

@media all and (max-width:1000px) {
	.contract08 .left_box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.contract08 .right_box {
		width: 100%;
	}
}

@media all and (max-width:770px) {
	.contract08 {
		margin-bottom: 8%;
	}

	.contract08 .left_box {
		margin-bottom: 6.25vw;
	}

	.contract08 .left_box h6 {
		font-size: 3.28125vw;
		margin-bottom: 1.3vw;
		padding-left: 1.3vw;
	}

	.contract08 .left_box table thead th {
		font-size: 2.96875vw;
		padding: 2.34375vw 0.78125vw;
	}

	.contract08 .left_box table tbody td {
		font-size: 2.8125vw;
		padding: 2.34375vw 0.78125vw;
	}

	.contract08 .right_box h5 {
		font-size: 3.59375vw;
		margin-bottom: 3.9vw;
		padding-top: 2.6vw;
	}
}

.contract09 {
	margin-bottom: 60px;
}

.contract09 ul {
	font-size: 0;
	letter-spacing: -4px;
	text-align: center;
}

.contract09 ul li {
	display: inline-block;
	vertical-align: top;
	width: 210px;
	height: 210px;
	margin-left: -20px;
	padding-top: 50px;
	border: 1px solid #acb5bd;
	border-radius: 50%;
	background: rgba(168, 182, 194, 0.9);
	box-sizing: border-box;
}

.contract09 ul li h6 {
	font-size: 15px;
	color: #526875;
	letter-spacing: -0.05em;
	font-weight: 700;
	margin: 0;
}

.contract09 ul li p {
	font-size: 16px;
	color: #fff;
	letter-spacing: 0em;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 10px;
}

.contract09 ul li:nth-of-type(1) {
	margin-left: 0;
}

.contract09 ul li:nth-of-type(2n) {
	border: 1px solid #d9dde0;
	background: rgba(233, 236, 239, 0.9);
}

.contract09 ul li:nth-of-type(2n) h6 {
	color: #526875;
}

.contract09 ul li:nth-of-type(2n) p {
	color: #2f3237;
}

@media all and (max-width:1000px) {
	.contract09 ul li {
		width: 180px;
		height: 180px;
		margin-left: -10px;
		padding-top: 30px;
	}
}

@media all and (max-width:770px) {
	.contract09 {
		margin-bottom: 8%;
	}

	.contract09 ul {
		max-width: 70vw;
		margin: 0 auto;
	}

	.contract09 ul li {
		width: 35vw;
		height: 35vw;
		margin-left: -2.6vw;
		padding-top: 3.75vw;
	}

	.contract09 ul li:nth-of-type(n+3) {
		margin-top: -2.6vw;
	}

	.contract09 ul li h6 {
		font-size: 2.8125vw;
	}

	.contract09 ul li p {
		font-size: 2.96875vw;
	}
}

.contract10 {
	margin-bottom: 60px;
}

.contract10 ul {
	font-size: 0;
	letter-spacing: -4px;
}

.contract10 ul li {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
	margin-right: 40px;
}

.contract10 ul li:nth-of-type(2n) {
	margin-right: 0;
}

.contract10 ul li .img_box img {
	max-width: 100%;
}

@media all and (max-width:770px) {
	.contract10 {
		margin-bottom: 8%;
	}

	.contract10 ul li {
		width: calc(50% - 2vw);
		margin-right: 4vw;
	}
}

.contract11 {
	margin-bottom: 60px;
}

.contract11 ul {
	font-size: 0;
	letter-spacing: -4px;
	text-align: center;
}

.contract11 ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 30px);
	min-height: 190px;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #a1acb2;
	background: #fafafa;
	box-sizing: border-box;
}

.contract11 ul li:nth-of-type(4n) {
	margin-right: 0;
}

.contract11 ul li:last-of-type {
	margin-right: 0;
}

.contract11 ul li:before {
	content: '';
	position: absolute;
	top: 50%;
	right: -28px;
	display: block;
	width: 13px;
	height: 14px;
	background: url('/img/contract11_arrow.png') no-repeat center center / contain;
}

.contract11 ul li:nth-of-type(4n):before {
	display: none;
}

.contract11 ul li:last-of-type:before {
	display: none;
}

.contract11 ul li h5 {
	font-size: 15px;
	color: #b1bdc8;
	letter-spacing: -0.05em;
	font-weight: 700;
	margin: 0;
	text-align: left;
}

.contract11 ul li .img_box {
	margin: 5px 0 20px;
}

.contract11 ul li .img_box img {
	max-width: 100%;
}

.contract11 ul li p {
	font-size: 16px;
	color: #6a6a6a;
	letter-spacing: -0.05em;
	font-weight: 300;
	line-height: 1.6;
}

@media all and (max-width:1000px) {
	.contract11 {
		margin-bottom: 8%;
	}

	.contract11 ul li {
		width: calc(33.333333% - 13.4px);
		margin-right: 20px;
	}

	.contract11 ul li:nth-of-type(4n) {
		margin-right: 20px;
	}

	.contract11 ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	.contract11 ul li:before {
		right: -18px;
	}

	.contract11 ul li:nth-of-type(4n):before {
		display: block;
	}

	.contract11 ul li:nth-of-type(3n):before {
		display: none;
	}
}

@media all and (max-width:770px) {
	.contract11 ul li {
		width: calc(50% - 1.5625vw);
		min-height: 38vw;
		margin-right: 3.125vw;
		margin-bottom: 3.125vw;
		padding: 1.3vw;
	}

	.contract11 ul li:nth-of-type(4n) {
		margin-right: 3.125vw;
	}

	.contract11 ul li:nth-of-type(3n) {
		margin-right: 3.125vw;
	}

	.contract11 ul li:nth-of-type(2n) {
		margin-right: 0;
	}

	.contract11 ul li:before {
		right: -6%;
		width: 2.03125vw;
		height: 2.1875vw;
	}

	.contract11 ul li:nth-of-type(4n):before {
		display: block;
	}

	.contract11 ul li:nth-of-type(3n):before {
		display: block;
	}

	.contract11 ul li:nth-of-type(2n):before {
		display: none;
	}

	.contract11 ul li h6 {
		font-size: 2.8125vw;
	}

	.contract11 ul li .img_box {
		margin: 0.15vw 0 2.6vw;
	}

	.contract11 ul li .img_box img {
		max-width: 40%;
	}

	.contract11 ul li p {
		font-size: 2.96875vw;
	}
}

.contract12 {
	margin-bottom: 60px;
}

.contract12 ul {
	font-size: 0;
	letter-spacing: -4px;
}

.contract12 ul li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	min-height: 215px;
	padding: 40px 30px 0;
	border: 1px solid #e4e4e4;
	border-right: 0;
	box-sizing: border-box;
}

.contract12 ul li:nth-of-type(1) {
	border-left: 0;
}

.contract12 ul li h5 {
	position: relative;
	font-size: 16px;
	color: #b62c2c;
	letter-spacing: -0.05em;
	font-weight: 700;
	padding-top: 10px;
	margin: 0;
	margin-bottom: 10px;
}

.contract12 ul li h5:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 2px;
	background: #b62c2c;
}

.contract12 ul li p {
	font-size: 20px;
	color: #222222;
	letter-spacing: -0.05em;
	font-weight: 400;
	line-height: 1.6;
}

.contract12 h6 {
	font-size: 15px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-height: 1.6;
	margin: 0;
	margin-top: 20px;
}

@media all and (max-width:1000px) {
	.contract12 ul li {
		width: 50%;
		padding: 30px;
	}

	.contract12 ul li:nth-of-type(n+3) {
		border-top: 0;
	}

	.contract12 ul li:nth-of-type(2n+1) {
		border-left: 0;
	}
}

@media all and (max-width:770px) {
	.contract12 {
		margin-bottom: 8%;
	}

	.contract12 ul li {
		width: 100%;
		min-height: 0;
		padding: 4.6875vw;
		border-left: 0;
	}

	.contract12 ul li:nth-of-type(n+2) {
		border-top: 0;
	}

	.contract12 ul li h5 {
		font-size: 3.59375vw;
	}

	.contract12 ul li p {
		font-size: 2.96875vw;
	}

	.contract12 h6 {
		font-size: 2.8125vw;
		margin-top: 3.125vw;
	}
}

.contract13 {
	margin-bottom: 100px;
	font-size: 0;
	letter-spacing: -4px;
}

.contract13 .map_box {
	height: 400px;
}

.contract13 .map_box iframe {
	width: 100%;
	height: 100%;
}

.contract13 .map_desc {
	margin-bottom: 30px;
	padding: 10px 40px;
	background: #9f9f9f;
	box-sizing: border-box;
}

.contract13 .map_desc dl dt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 140px;
	padding-right: 10px;
	box-sizing: border-box;
}

.contract13 .map_desc dl dt:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 1px;
	height: 8px;
	background: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.contract13 .map_desc dl dt img {
	max-width: 100%;
}

.contract13 .map_desc dl dd {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0em;
	font-weight: 500;
	line-height: 1.2;
	padding-left: 20px;
	box-sizing: border-box;
}

.contract13 .txt_box {
	text-align: center;
}

.contract13 .txt_box dl {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333333% - 13.4px);
	margin-right: 20px;
}

.contract13 .txt_box dl:last-of-type {
	margin-right: 0;
}

.contract13 .txt_box dl dt {
	display: table;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	background: #b1281e;
}

.contract13 .txt_box dl dt h5 {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	color: #fff;
	letter-spacing: -0.05em;
	font-weight: 500;
}

.contract13 .txt_box dl dd {
	text-align: left;
	min-height: 182px;
	padding: 40px 30px 0;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
}

.contract13 .txt_box dl dd h6 {
	font-size: 16px;
	color: #222222;
	letter-spacing: -0.045em;
	font-weight: 500;
	margin: 0;
	margin-bottom: 20px;
}

.contract13 .txt_box dl dd p {
	font-size: 16px;
	color: #6a6a6a;
	letter-spacing: 0em;
	font-weight: 300;
	line-height: 1.4;
}

.contract13 .txt_box dl dd p+p {
	margin-top: 20px;
}

.contract13 .txt_box dl dd p img {
	display: inline-block;
	vertical-align: top;
	margin-top: 2%;
}

.contract13 .txt_box dl dd p span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 26px);
	padding-left: 10px;
	box-sizing: border-box;
}

.contract13 .txt_box dl:nth-of-type(2) dt {
	background: #b1bdc8;
}

.contract13 .txt_box dl:nth-of-type(3) dt {
	background: #4a555b;
}

@media all and (max-width:1000px) {
	.contract13 .txt_box dl {
		width: calc(50% - 10px);
	}

	.contract13 .txt_box dl:nth-of-type(2n) {
		margin-right: 0;
	}

	.contract13 .txt_box dl:nth-of-type(n+3) {
		margin-top: 20px;
	}
}

@media all and (max-width:770px) {
	.contract13 {
		margin-bottom: 10%;
	}

	.contract13 .map_box {
		height: 62.5vw;
	}

	.contract13 .map_desc {
		padding: 1.5625vw 3.125vw;
	}

	.contract13 .map_desc dl dt {
		width: 21.875vw;
	}

	.contract13 .map_desc dl dd {
		width: calc(100% - 21.875vw);
		font-size: 3.59375vw;
	}

	.contract13 .txt_box dl {
		width: 100%;
		margin-right: 0;
	}

	.contract13 .txt_box dl:nth-of-type(n+2) {
		margin-top: 2.6vw;
	}

	.contract13 .txt_box dl dt {
		height: 9.375vw;
	}

	.contract13 .txt_box dl dt h5 {
		font-size: 2.96875vw;
	}

	.contract13 .txt_box dl dd {
		min-height: 0;
		padding: 3vw;
	}

	.contract13 .txt_box dl dd p {
		font-size: 2.96875vw;
	}

	.contract13 .txt_box dl dd p+p {
		margin-top: 1.3vw;
	}

	.contract13 .txt_box dl dd p img {
		margin-top: 1%;
	}

	.contract13 .txt_box dl dd p span {
		padding-left: 1.3vw;
	}
}


.contract_con01 {
	padding: 0 0 150px;
}

.contract_con01 .sub1100 {
	padding-top: 60px;
	border-top: 1px solid #d9d9d9;
	font-size: 0;
	letter-spacing: -4px;
}

.contract_con01 .left_tab {
	display: inline-block;
	vertical-align: top;
	width: 260px;
	background-color: #526875;
}

.contract_con01 .left_tab h3 {
	width: 100%;
	height: 100px;
	padding-top: 25px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0;
	box-sizing: border-box;
}

.contract_con01 .left_tab h3 span {
	display: block;
	padding-top: 10px;
	font-size: 11px;
	font-weight: 200;
	color: #909da5;
	letter-spacing: 0.57em;
}

.contract_con01 .left_tab ul li {
	width: 100%;
	height: 70px;
	border-top: 1px solid #6a7d88;
}

.contract_con01 .left_tab ul li.hide {
	display: none !important;
}

.contract_con01 .left_tab ul li a {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.contract_con01 .left_tab ul li span {
	display: table-cell;
	vertical-align: middle;
	font-size: 17px;
	color: #c1cbd0;
	letter-spacing: -0.025em;
	font-weight: 300;
	line-height: 1.4;
}

.contract_con01 .left_tab ul li.on {
	position: relative;
	background-color: #8f9da5;
}

.contract_con01 .left_tab ul li.on:before {
	content: '';
	position: absolute;
	right: 20px;
	top: calc(50% - 5px);
	width: 5px;
	height: 11px;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	box-sizing: border-box;
}

.contract_con01 .left_tab ul li.on span {
	color: #fff;
	font-weight: 500;
}

.contract_con01 .right_content {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 270px);
	height: 668px;
	margin-left: 10px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
}

.contract_con01 .right_content>div {
	display: none;
}

.contract_con01 .right_content>div.on {
	display: block;
}

.contract_con01 .right_content .tit_box {
	display: table;
	width: 100%;
	height: 100px;
	background-color: #fafafa;
	padding: 0 65px;
	box-sizing: border-box;
}

.contract_con01 .right_content .tit_box h4 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	color: #1e1e1e;
	letter-spacing: -0.05em;
	font-weight: normal;
}

.contract_con01 .right_content .tit_box h4 span {
	font-size: 16px;
	color: #444444;
}

.contract_con01 .right_content .tit_box h4:before {
	content: '';
	position: absolute;
	left: -24px;
	top: calc(50% - 7px);
	width: 15px;
	height: 15px;
	border: 4px solid #b1281e;
	box-sizing: border-box;
}

.contract_con01 .right_content .inline_type {
	font-size: 0;
	letter-spacing: -4px;
}

.contract_con01 .right_content .inline_type .tab_con01_txt_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-left: 0;
	margin-top: 50px;
}

.contract_con01 .right_content .inline_type .tab_con01_img_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 20px;
}

.contract_con01 .right_content .inline_type .tab_con01_img_box .two_img_box {
	overflow: hidden;
}

.contract_con01 .right_content .inline_type .tab_con01_img_box .two_img_box img {
	height: auto;
	width: 350px;
	object-fit: cover;
}

.contract_con01 .right_content .tab_con01_txt_box {
	padding: 40px;
	box-sizing: border-box;
	box-sizing: border-box;
}

.contract_con01 .right_content .tab_con01_txt_box h5 {
	position: relative;
	padding: 20px 0 35px;
	font-size: 32px;
	font-weight: 300;
	color: #444444;
	letter-spacing: -0.05em;
	word-break: keep-all;
	line-height: 1.4;
}

.contract_con01 .right_content .tab_con01_txt_box h5:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 2px;
	background-color: #b62c2c;
}

.contract_con01 .right_content .tab_con01_txt_box h5 strong.red {
	color: #b1281e;
}

.contract_con01 .right_content .tab_con01_txt_box p {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
	color: #444444;
	letter-spacing: -0.025em;
	line-height: 1.4;
}

.contract_con01 .right_content .tab_con01_txt_box p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 8px;
	height: 8px;
	border: 2px solid #275d8b;
	border-radius: 50%;
	box-sizing: border-box;
}

.contract_con01 .right_content .tab_con01_txt_box p i {
	font-style: normal;
	font-size: 16px;
}

.contract_con01 .right_content .tab_con01_txt_box span {
	display: block;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
	color: #666666;
	letter-spacing: -0.025em;
	box-sizing: border-box;
	line-height: 1.5;
}

.contract_con01 .right_content .tab_con01_img_box {
	padding: 40px 40px 0;
	font-size: 0;
	letter-spacing: -4px;
	box-sizing: border-box;
}

.contract_con01 .right_content .tab_con01_img_box.grid2 p {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
	margin-right: 40px;
}

.contract_con01 .right_content .tab_con01_img_box.grid2 p:nth-of-type(2n) {
	margin-right: 0;
}

.contract_con01 .right_content .tab_con01_img_box.grid3 p {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 13.3333333333px);
	margin-right: 20px;
}

.contract_con01 .right_content .tab_con01_img_box.grid3 p:nth-of-type(3n) {
	margin-right: 0;
}

.contract_con01 .right_content .tab_con01_img_box.grid4 p {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	margin-right: 20px;
}

.contract_con01 .right_content .tab_con01_img_box.grid4 p:nth-of-type(4n) {
	margin-right: 0;
}

.contract_con01 .right_content .tab_con01_img_box.grid_type {
	font-size: 0;
	letter-spacing: -4px;
}

.contract_con01 .right_content .tab_con01_img_box.grid_type p {
	display: inline-block;
	vertical-align: top;
	width: calc(34% - 20px);
	margin-right: 20px;
}

.contract_con01 .right_content .tab_con01_img_box.grid_type p.type02 {
	width: calc(46% - 20px);
	margin-right: 20px;
}

.contract_con01 .right_content .tab_con01_img_box.grid_type p.type03 {
	width: 20%;
	margin-right: 0;
}


.contract_con01 .right_content .tab_con01_img_box p {}

.contract_con01 .right_content .tab_con01_img_box p span {
	position: relative;
	display: block;
	padding: 10px 0 20px;
	font-size: 20px;
	font-weight: normal;
	color: #222222;
	letter-spacing: 0;
}

.contract_con01 .right_content .tab_con01_img_box p span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 2px;
	background-color: #b62c2c;
}

.contract_con01 .right_content .tab_con01_img_box p img {
	max-width: 100%;
	width: 100%;
}

.contract_con01 .right_content .tab_con01_box {
	padding: 35px 40px;
	box-sizing: Border-box;
}

.contract_con01 .right_content .tab_con01_box dl {
	margin-bottom: 20px;
}

.contract_con01 .right_content .tab_con01_box dl dt {
	width: 100%;
	height: 46px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: -0.05em;
	text-align: center;
	line-height: 46px;
}

.contract_con01 .right_content .tab_con01_box dl dt.red {
	background-color: #b1281e;
}

.contract_con01 .right_content .tab_con01_box dl dt.gray {
	background-color: #b1bdc8;
}

.contract_con01 .right_content .tab_con01_box dl dt.darkgray {
	background-color: #4a555b;
}

.contract_con01 .right_content .tab_con01_box dl dd {
	border: 1px solid #e4e4e4;
	padding: 25px 10px;
	text-align: center;
	box-sizing: border-box;
}

.contract_con01 .right_content .tab_con01_box dl dd b {
	font-size: 16px;
	color: #222222;
	letter-spacing: -0.045em;
	font-weight: 500;
}

.contract_con01 .right_content .tab_con01_box dl dd span {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 300;
	color: #6a6a6a;
	letter-spacing: 0;
	box-sizing: border-box;
}

.contract_con01 .right_content .tab_con01_box dl dd span:first-of-type {
	position: relative;
}

.contract_con01 .right_content .tab_con01_box dl dd span:first-of-type:before {
	content: '';
	position: absolute;
	right: -2px;
	top: calc(50% - 6px);
	width: 1px;
	height: 12px;
	background-color: #e4e4e4;
}

.contract_con01 .right_content .tab_con01_box dl dd span i {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
	margin-top: -3px;
}

.contract_con01 .right_content .tab_con01_box dl dd span i.phone {
	background: url('/img/contranct_tab_con01_phone.png') no-repeat center center;
}

.contract_con01 .right_content .tab_con01_box dl dd span i.mail {
	background: url('/img/contranct_tab_con01_mail.png') no-repeat center center;
}

@media all and (max-width:1000px) {
	.contract_con01 .left_tab {
		width: 100%;
	}

	.contract_con01 .left_tab ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.contract_con01 .left_tab ul li.on:before {
		right: 10px;
	}

	.contract_con01 .right_content {
		width: 100%;
		height: auto;
		padding-bottom: 40px;
		margin-left: 0;
		margin-top: 10px;
	}

	.contract_con01 .right_content .tit_box {
		padding: 0 10px 0 40px;
	}

	.contract_con01 .right_content .tit_box h4 {
		font-size: 20px;
	}

	.contract_con01 .right_content .tab_con01_txt_box {
		padding: 20px;
	}

	.contract_con01 .right_content .tab_con01_img_box {
		padding: 20px 20px 0;
	}

	.contract_con01 .right_content .tab_con01_box {
		padding: 20px;
	}
}

@media all and (max-width:480px) {
	.contract_con01 .left_tab h3 {
		height: auto;
		padding: 15px 0;
		font-size: 20px;
	}

	.contract_con01 .left_tab ul li {
		height: 50px;
	}

	.contract_con01 .left_tab ul li span {
		font-size: 14px;
	}

	.contract_con01 .right_content .tit_box {
		height: 80px;
	}

	.contract_con01 .right_content .tit_box h4 {
		font-size: 16px;
	}

	.contract_con01 .right_content .tab_con01_txt_box h5 {
		font-size: 24px;
	}

	.contract_con01 .right_content .tab_con01_txt_box p {
		font-size: 14px;
	}

	.contract_con01 .right_content .tab_con01_txt_box span {
		font-size: 12px;
	}

	.contract_con01 .right_content .tab_con01_img_box.grid2 p {
		width: calc(50% - 10px);
		margin-right: 20px;
	}

	.contract_con01 .right_content .tab_con01_img_box p span {
		font-size: 16px;
	}

	.contract_con01 .right_content .tab_con01_box dl dt {
		font-size: 16px;
	}

	.contract_con01 .right_content .tab_con01_box dl dd {
		padding: 10px 5px;
	}

	.contract_con01 .right_content .tab_con01_box dl dd span {
		font-size: 14px;
	}

	.contract_con01 .right_content .tab_con01_box dl dd b {
		font-size: 14px;
	}

	.contract_con01 .right_content .tab_con01_box dl dd span:first-of-type:before {
		display: none;
	}
}

/* 20221226_추가 */
.contract_con02 .sub1100 {
	padding: 60px 0;
	border-top: 1px solid #d9d9d9;
}

.contract_con02 ul {
	margin-top: 50px;
}

.contract_con02 .list_wrap {
	width: 100%;
}

.contract_con02 .list_wrap li {
	border: 1px solid #d9d9d9;
	width: 100%;
	text-align: center;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 500;
	margin-bottom: 45px;
	position: relative;
}

.contract_con02 .list_wrap li::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 21px;
	background-image: url(/img/contract_con02_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
}

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

.contract_con02 .list_wrap li:last-child::after {
	content: none;
}

.contract_con02 .tit_box h4 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	color: #1e1e1e;
	letter-spacing: -0.05em;
	font-weight: normal;
}

.contract_con02 .tit_box h4 span {
	font-size: 16px;
	color: #444444;
}

.contract_con02 .tit_box h4:before {
	content: '';
	position: absolute;
	left: -24px;
	top: calc(50% - 7px);
	width: 15px;
	height: 15px;
	border: 4px solid #b1281e;
	box-sizing: border-box;
}

.he400 {
	height: 400px;
}

li.bg_red {
	background-color: #f7eaea;
}

li.bg_pink {
	background-color: #fbf4f4;
}

li.bg_green {
	background-color: #f1ece4;
}

li.bg_yellow {
	background-color: #f8f5f1;
}

li.bg_blue {
	background-color: #e2e6e8;
}

li.bg_light_g {
	background-color: #f0f2f3;
}

li.bg_gray {
	background-color: #e3e3e3;
}

li.bg_white {
	background-color: #f0f0f0;
}

@media all and (max-width:800px) {
	.he400 {
		height: 38%;
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 사회책임경영 공통사항 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.management .tab_con a.on {
	color: #27ae60;
}

/* deco box */
.management .deco_box {
	font-size: 15px;
	line-height: 1.7em;
}

.management .deco_box.ta-center {
	text-align: center;
}

.management .deco_box.type01::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 1px;
	background-color: #27ae60;
	margin-bottom: 20px;
}

.management .deco_box.type02::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 24px;
	background-color: #b62c2c;
	margin-top: 30px;
}

.management .deco_box.type02.none::after {
	content: none;
}

.management .deco_box p {
	margin: auto;
	max-width: 850px;
}

/* gray box */
.management .gray_box {
	background-color: #fafafa;
	padding: 40px;
	box-sizing: border-box;
}

.management .gray_box ol {
	list-style: decimal;
	padding-left: 1.25em;
	box-sizing: border-box;
}

.management .gray_box ul li {
	width: 49%;
	display: inline-block;
}

.management .gray_box li {
	font-weight: 300;
	font-size: 15px;
	line-height: 1.7em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
}

.management .gray_box li+li {
	margin-top: 1.7em;
}

.management .gray_box li::marker {
	font-weight: 700;
}

/* table */
.management table {
	width: 100%;
}

.management table.type01 {
	table-layout: fixed;
}

.management table.type01 tr {
	border-bottom: 1px solid #cacaca;
}

/* .management table.type01 tr * + * {border-left: 1px solid #cacaca;} */
.management table.type01 tr td {
	border-right: 1px solid #cacaca;
}

.management table.type01 tr td:last-child {
	border-right: none;
}

.management table.type01 th,
.management table.type01 td {
	height: 50px;
	font-size: 15px;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}

.management table.type01 thead {
	background-color: #e9f7ef;
	border-top: 1px solid #27ae60;
}

/* txt */
.management .table_txt {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
	letter-spacing: -0.025em;
	color: #6a6a6a;
}

.management .table_txt.right {
	text-align: right;
}

/* txt_box */
.management .txt_box p {
	max-width: 850px;
}

/* note */
.management .note {
	text-align: right;
	font-size: 15px;
	color: #777;
}

/* --- visual --- */
.management .con_visual {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	background: no-repeat center center / cover;
	background-attachment: fixed;
	position: relative;
}

.management .con_visual::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.management .con_visual .sub1100 {
	position: relative;
	text-align: center;
}

.management .con_visual .txt_box {
	margin: auto;
}

.management .con_visual h5 {
	font-weight: 300;
	font-size: 25px;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	color: #fff;
}

.management .con_visual p {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.875em;
	color: #fff;
}

/* org_chart */
.management .org_chart .box_wrap {
	position: relative;
	--p: 30px
}

.management .org_chart .line {
	width: calc(66.6666% + 20px);
	height: 1px;
	background-color: #d9d9d9;
	margin: auto;
}

.management .org_chart .bot {
	padding-bottom: var(--p);
}

.management .org_chart .bot::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: var(--p);
	background-color: #d9d9d9;
}

.management .org_chart .top {
	padding-top: var(--p);
}

.management .org_chart .top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: var(--p);
	background-color: #d9d9d9;
}

/* box 1 */
.management .org_chart .box01 {
	width: 100%;
	max-width: 345px;
	margin: auto;
	text-align: center;
	background-color: #27ae60;
	border: 4px solid #93d6af;
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
	padding: 20px;
}

/* box 2 */
.management .org_chart .flex_wrap {
	display: flex;
	gap: 30px;
}

.management .org_chart .box02 {
	background-color: #f8fdfa;
	border: 1px solid #27ae60;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.35em;
	letter-spacing: -0.05em;
	color: #27ae60;
	text-align: center;
	padding: 40px;
}

/* txt_box */
.management .org_chart .txt_box {
	margin-top: 15px;
}

.management .org_chart .txt_box p {
	position: relative;
	padding-left: 1em;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.9em;
	color: #6a6a6a;
}

.management .org_chart .txt_box p::before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #27ae60;
	box-sizing: border-box;
	left: 0;
	top: calc(0.93em - 4px);
}

@media all and (max-width: 767px) {
	.management .org_chart .line {
		display: none;
	}

	.management .org_chart .flex_wrap {
		flex-wrap: wrap;
	}

	.management .org_chart .flex_wrap .box_wrap::before {
		display: none
	}

	.management .gray_box ul li {
		width: 100%;
	}
}

/* arrow_list */
.management .arrow_list {
	display: flex;
	gap: 30px;
}

.management .arrow_list>li {
	width: calc(33.3333% - 20px);
}

/* title */
.management .title {
	position: relative;
	display: flex;
	height: 70px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.management .title h5 {
	font-weight: 700;
	font-size: 30px;
	letter-spacing: -0.025em;
	color: #27ae60;
	line-height: 1em;
}

.management .title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/img/arrow.svg) no-repeat center center / 100% 100%;
}

/* tag */
.management .tag {
	text-align: center;
	background: linear-gradient(to right, #27ae60 90%, #fff);
	margin-top: 10px;
	font-weight: 700;
	font-size: 17px;
	color: #fff;
	padding: 10px 0;
	box-sizing: border-box;
}

/* circle */
.management .circle {
	display: flex;
	width: 75%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 20px solid #000;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 20px auto;
}

.management .circle h6 {
	font-weight: 700;
	font-size: 17px;
	line-height: 1.58em;
	color: #27ae60;
}

/* txt_box */
.management .txt_box ul {
	list-style: square;
	padding-left: 1.8em;
	box-sizing: border-box;
}

.management .txt_box ul li {
	font-weight: 300;
	font-size: 17px;
	line-height: 1.5;
	color: #6a6a6a;
}

.management .txt_box ul li+li {
	margin-top: 20px;
}

.management .txt_box ul li::marker {
	color: #27ae60;
}

/* color */
.management .arrow_list>li:nth-child(1) .title::before {
	filter: brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(406%) hue-rotate(90deg) brightness(97%) contrast(97%);
}

.management .arrow_list>li:nth-child(1) .circle {
	border-color: #d8f1e2;
}

.management .arrow_list>li:nth-child(2) .title::before {
	filter: brightness(0) saturate(100%) invert(93%) sepia(17%) saturate(373%) hue-rotate(81deg) brightness(98%) contrast(84%);
}

.management .arrow_list>li:nth-child(2) .circle {
	border-color: #bee7cf;
}

.management .arrow_list>li:nth-child(3) .circle {
	border-color: #93d6af;
}



.management .arrow_list.type02 .title::before {
	background: unset;
	border-top: 4px solid;
}

.management .arrow_list.type02>li:nth-child(1) {
	border-color: #d8f1e2;
}

.management .arrow_list.type02>li:nth-child(2) {
	border-color: #bee7cf;
}

.management .arrow_list.type02>li:last-child .title::before {
	border: none;
	border-top: 4px solid #93d6af;
}

.management .arrow_list.type02 .tag {
	background: #27ae60;
}


/* last-child */
.management .arrow_list>li:last-child .tag {
	background: #27ae60;
}

.management .arrow_list>li:last-child .title::before {
	background: unset;
	border: 4px solid #93d6af;
	box-sizing: border-box;
}

@media all and (max-width: 1024px) {
	.management .circle {
		border-width: 10px;
	}
}

@media all and (max-width: 767px) {
	.management .arrow_list {
		flex-wrap: wrap;
		justify-content: center;
	}

	.management .arrow_list>li {
		width: 100%;
		max-width: 350px;
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > ESG경영 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.esg .con_visual {
	background-image: url(/img/esg_con_visual.jpg);
}

/* --- con01 --- */
.esg .con01 .flex_row {
	display: flex;
	align-items: center;
	--w: 200px;
}

.esg .con01 .flex_row+.flex_row {
	margin-top: 20px;
}

.esg .con01 .flex_row .left {
	width: var(--w);
}

.esg .con01 .flex_row .right {
	width: calc(100% - var(--w));
	background-color: #fafafa;
	border-radius: 20px;
	padding: 50px;
	box-sizing: border-box;
}

.esg .con01 .flex_row h5 {
	font-weight: 700;
	font-size: 22px;
	color: #27ae60;
	position: relative;
}

.esg .con01 .flex_row h5::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 100%;
	width: 90px;
	height: 1px;
	background-color: #27ae60;
}

/* txt_box */
.esg .con01 .txt_box {
	font-weight: 300;
	font-size: 15px;
	line-height: 1.66em;
	color: #6a6a6a;
}

.esg .con01 .txt_box.ta-center p {
	margin: auto;
}

/* box */
.esg .con01 .box_wrap {
	display: flex;
	gap: 20px;
}

.esg .con01 .box_wrap [class^="box"] {
	width: calc(33.3333% - 14px);
}

.esg .con01 .box-1 {
	background-color: #fff;
	border: 2px solid #93d6af;
	padding: 30px 20px;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.66em;
	color: #6a6a6a;
}

.esg .con01 .box-1.ta-left {
	text-align: left;
}

.esg .con01 .bg-green {
	background: #f8fdfa;
}

.esg .con01 .box-1 b {
	font-weight: 500;
	color: #222;
}

.esg .con01 .box-1 ul {
	list-style: square;
	padding-left: 1.2em;
	box-sizing: border-box;
}

.esg .con01 .box-1 ul li::marker {
	color: #27ae60;
}

.esg .con01 .box-1 ul li+li {
	margin-top: 15px;
}

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

	/* right pb-0 */
	.esg .con01 .pb-0 .left {
		margin-top: 50px;
	}

	.esg .con01 .pb-0 .right {
		padding-bottom: 20px;
		border-radius: 20px 20px 0 0;
	}

	/* right pt-0 */
	.esg .con01 .pt-0 {
		margin-top: 0 !important;
	}

	.esg .con01 .pt-0 .left {
		margin-bottom: 50px;
	}

	.esg .con01 .pt-0 .right {
		padding-top: 0;
		border-radius: 0 0 20px 20px;
	}
}

@media all and (max-width: 1024px) {
	.esg .con01 .flex_row {
		flex-wrap: wrap;
		gap: 20px;
	}

	.esg .con01 .flex_row .left,
	.esg .con01 .flex_row .right {
		width: 100%;
	}

	.esg .con01 .flex_row .left {
		text-align: center;
	}

	.esg .con01 .flex_row h5::before {
		display: none;
	}
}

@media all and (max-width: 767px) {
	.esg .con01 .box_wrap {
		flex-wrap: wrap;
	}

	.esg .con01 .box_wrap [class^="box"] {
		width: 100%;
	}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 환경경영 > 환경경영비전 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.vision .con_visual {
	background-image: url(/img/vision_con_visual.jpg);
}

.vision .con_visual .txt_box {
	max-width: 665px;
}

.vision .org_chart .line {
	width: calc(75% + 23px);
}

.vision .org_chart .flex_wrap .box_wrap {
	width: calc(25% - 23px);
}

.vision .org_chart .box02 {
	padding: 20px;
}

.vision .org_chart .box02 p {
	height: 4.05em;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media all and (max-width: 767px) {
	.vision .org_chart .flex_wrap .box_wrap {
		width: 100%;
		padding-top: 0;
	}

	.vision .org_chart .box02 p {
		height: 2.7em;
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 환경경영 > 안전환경보건관리 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.en_safety .note {
	margin-bottom: 20px;
}

.en_safety .icon_box {
	display: flex;
	gap: 40px;
	align-items: center;
}

.en_safety .icon_box .icon {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	border: 15px solid #d4efdf;
	box-sizing: border-box;
	background-color: #27ae60;
	display: flex;
	align-items: center;
	justify-content: center;
}

.en_safety .icon_box .txt_box {
	width: calc(100% - 185px);
	font-weight: 300;
	font-size: 15px;
	line-height: 1.73em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
}

.en_safety .icon_box .txt_box p+p {
	margin-top: 1.73em;
}

.en_safety .graph_box h5 {
	font-size: 22px;
	font-weight: bold;
	color: #27ae60;
	text-align: center;
	margin: 30px 0 15px;
	line-height: 1.8;
}

.en_safety .graph_box img {
	width: 100%;
	object-fit: cover;
}

.en_safety .table_wrap .txt {
	padding-top: 20px;
}

.en_safety .table_wrap .txt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.55em;
	margin-bottom: 10px;
	color: #222;
}

.en_safety .table_wrap .txt.red p {
	color: rgba(255, 37, 27, 1);
}

.en_safety .table_wrap td.red {
	color: rgba(255, 37, 27, 1);
}

.en_safety p.txt {
	font-size: 15px;
	line-height: 1.7em;
	color: #6a6a6a;
	margin-top: 20px;
	padding-left: 1em;
	box-sizing: border-box;
	position: relative;
}

.en_safety p.txt::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #b1281e;
	position: absolute;
	top: 0.85em;
	left: 0;
}

.en_safety .flex_wrap {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	padding-top: 50px;
}

.en_safety .flex_wrap>div {
	width: calc(50% - 20px);
}

@media all and (max-width: 767px) {
	.en_safety .icon_box {
		flex-direction: column;
	}

	.en_safety .icon_box .txt_box {
		width: 100%;
	}

	.en_safety .flex_wrap>div {
		width: calc(100%);
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 사회책임경영 > 윤리경영 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.safety .con01 .green_box {
	display: flex;
	gap: 30px;
}

.safety .con01 .green_box li {
	width: calc(33.3333% - 20px);
	background-color: #f8fdfa;
	border-top: 2px solid #27ae60;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 45px;
}

.safety .con01 .green_box li p {
	font-size: 15px;
	line-height: 1.66em;
}

.safety .con01 .gray_box {
	margin-top: 30px;
}

@media all and (max-width: 1024px) {
	.safety .con01 .green_box li {
		padding: 20px;
	}
}

@media all and (max-width: 767px) {
	.safety .con01 .green_box {
		flex-wrap: wrap;
	}

	.safety .con01 .green_box li {
		width: 100%;
	}
}

.safety .con02 .deco_box p {
	max-width: 850px;
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 사회책임경영 > 윤리경영 *
 * 20231108 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.custom_ment {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6em;
	text-align: center;
}

@media all and (max-width: 767px) {
	.custom.ethics02.type02 li>div {
		width: 50%;
	}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 사회책임경영 > 사회공헌 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contribute .org_chart .flex_wrap .box_wrap {
	width: calc(33.3333% - 20px);
}

.contribute .flex_wrap {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	/* margin-top: 30px; */
}

.contribute .flex_wrap>* {
	width: calc(50% - 10px);
}

.contribute .img_list {
	gap: 20px;
	margin-top: 30px;
}

/* .contribute .img_list li {width: calc(50% - 10px);} */

@media all and (max-width: 1024px) {
	.contribute .flex_wrap>* {
		width: calc(100%);
	}
}

@media all and (max-width: 767px) {
	.contribute .org_chart .flex_wrap .box_wrap {
		padding-top: 0;
		width: 100%;
	}

	/* .contribute .img_list li {width: 100%; max-width: 540px;} */
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 사회책임경영 > 상생경영 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.winwin .con01 .flex_wrap {
	display: flex;
	gap: 20px;
}

.winwin .con01 .flex_wrap>* {
	width: calc(50% - 10px);
}

.winwin .con01 .flex_wrap h3 {
	font-size: 17px;
	line-height: 1.76em;
	font-weight: normal;
	text-align: center;
	color: #27ae60;
	margin-bottom: 10px;
}

.winwin .con01 .flex_wrap .txt_box+.txt_box {
	margin-top: 30px;
}

.winwin .con01 .flex_wrap .txt_box h5 {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.44em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
}

.winwin .con01 .flex_wrap .txt_box h6 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.44em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
}

.winwin .con01 .flex_wrap .txt_box p {
	font-weight: 300;
	font-size: 15px;
	line-height: 1.73em;
	letter-spacing: -0.05em;
	color: #6a6a6a;
	position: relative;
}

.winwin .con01 .flex_wrap .txt_box p b {
	display: block;
}

.winwin .con01 .flex_wrap .txt_box p span {
	display: inline-block;
	padding-left: 25px;
	box-sizing: border-box;
}

.winwin .con01 .flex_wrap .txt_box p i {
	font-size: inherit;
	font-style: normal;
	position: absolute;
	top: 2px;
	left: 0;
}

.winwin .con01 .flex_wrap .txt_box p+p {
	margin-top: 10px;
}

.winwin .con01 .img_list {
	gap: 20px;
}

.winwin .con01 .img_list li {
	width: calc(50% - 10px);
}

.winwin .con01 .img_list li .img_box {
	aspect-ratio: 1/0.52;
}


.winwin .con01 .flex_wrap.full {
	gap: 0;
}

.winwin .con01 .flex_wrap.full>* {
	width: calc(100%);
}

@media all and (max-width: 767px) {
	.winwin .con01 .flex_wrap {
		flex-wrap: wrap;
	}

	.winwin .con01 .flex_wrap>* {
		width: 100%;
	}

	.winwin .con01 .img_list {
		flex-wrap: wrap;
	}

	.winwin .con01 .img_list li {
		width: 100%;
		max-width: 540px;
	}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 투명경영 > 이사회 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.council .profile {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.council .profile>li {
	display: flex;
	width: calc(50% - 25px);
}

.council .profile>li .img_box {
	width: 230px;
	height: 300px;
}

.council .profile>li .img_box:empty {
	background: url(/img/council_no_img.jpg) no-repeat center center / contain;
}

.council .profile>li .txt_box {
	width: calc(100% - 230px);
	padding: 20px;
	box-sizing: border-box;
}

.council .profile>li .txt_box h5 {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.2em;
}

.council .profile>li .txt_box p {
	font-size: 18px;
	line-height: 2em;
	color: #444;
}

.council .profile>li .txt_box .line {
	width: 100%;
	height: 1px;
	background-color: #b1281e;
	margin: 15px 0;
}

.council .profile>li .txt_box ul {
	list-style: square;
	padding-left: 1.5em;
	box-sizing: border-box;
}

.council .profile>li .txt_box ul li .txt_wrap {
	display: flex;
	gap: 10px;
	font-size: 15px;
	line-height: 1.86em;
	color: #6a6a6a;
}

.council .profile>li .txt_box ul li::marker {
	color: #b1281e;
}

.council .profile>li .txt_box ul li b {
	display: block;
	width: 5em;
	text-align: justify;
	text-align-last: justify;
	color: #222;
	flex-shrink: 0;
}

@media all and (max-width: 1024px) {
	.council .profile>li {
		width: 100%;
	}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 투명경영 > 관련규정 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.rule .tab_btn {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.rule .tab_btn .btn {
	width: calc(33.3333% - 7px);
	max-width: 155px;
	border: 1px solid #dcdcdc;
	background-color: #fafafa;
	text-align: center;
	font-size: 16px;
	line-height: 1.2em;
	color: #666;
	padding: 15px;
	box-sizing: border-box;
	transition: 0.25s;
}

.rule .tab_btn .btn.on,
.rule .tab_btn .btn:hover {
	background-color: #27ae60;
	border-color: transparent;
	color: #fff;
}

.rule .tab_wrap {
	text-align: left;
}

.rule .tab_wrap .tab {
	display: none;
}

.rule .tab_wrap .tab.on {
	display: block;
}

/* 20231018 신규 추가  */
.rule .tit h5 {
	font-weight: 500;
	margin-bottom: 35px;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
	font-size: 16px;
	line-height: 1.75em;
	color: #222;
	display: inline-block;
}

.rule .tit h5::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 7px;
	background-color: #27ae60;
	margin-right: 10px;
}

.rule .down_list {
	margin: 0px 20px;
}

.rule .down_list li {
	width: 100%;
	height: 50px;
	padding: 15px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f5f5f5;
}

.rule .down_list li+li {
	margin-top: 10px;
}

.rule .down_list li p {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #222222;
	display: inline-block;
}

.rule .down_list li a p {
	color: #fff;
}

.rule .down_list li a {
	display: inline-block;
	width: 105px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	background-color: #27ae60;
}

.rule .down_list li a::before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	width: 14px;
	height: 11px;
	background: url(/img/download_icon01.png);
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 자료실 > ESG Data *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.esg .note {
	margin-bottom: 20px;
}

.esg .toggle+.toggle {
	margin-top: 20px;
}

.esg .toggle_header {
	padding: 20px 30px;
	background-color: #fafafa;
	box-sizing: border-box;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
	cursor: pointer;
}

.esg .toggle_header::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	aspect-ratio: 1/1;
	background: #bfbfbf url(/img/plus.png) no-repeat center center / 20px auto;
}

.esg .toggle_header.on::after {
	background-image: url(/img/minus.png);
}

.esg .toggle_header h5 {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.75em;
	letter-spacing: -0.05em;
}

.esg .toggle_header.black {
	padding: 15px 20px;
}

.esg .toggle_header.black::after {
	width: 11px;
	height: 11px;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #fafafa url(/img/plus_black.png) no-repeat center center
}

.esg .toggle_header.black.on::after {
	background-image: url(/img/minus_black.png);
}

.esg .toggle_header.black h5 {
	font-size: 16px;
}

.esg .toggle_con {
	padding: 30px 0;
	box-sizing: border-box;
	display: none;
}

.esg .table_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.esg .table_wrap .table {
	width: calc(50% - 15px);
}

.esg .table_wrap .table.full {
	width: calc(100%);
}

.esg .table_wrap .table h5 {
	padding-left: 1em;
	position: relative;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.55em;
	margin-bottom: 20px;
}

.esg .table_wrap .table h5::before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #27ae60;
	box-sizing: border-box;
	left: 0;
	top: calc(0.77em - 4px);
}

.esg .table_wrap .table p {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.55em;
	margin-bottom: 10px;
	color: #27ae60;
}

.esg .table_wrap .txt {
	padding-top: 20px;
}

.esg .table_wrap .txt.mt_minus {
	margin-top: -30px;
}

.esg .table_wrap .txt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.55em;
	margin-bottom: 10px;
	color: #222;
}

.esg .table_wrap .table p.pt_48 {
	padding-top: 48px;
}



.esg .toggle_con .txt_wrap {
	padding: 0 15px;
	box-sizing: border-box;
}

.esg .toggle_con .txt_wrap li {
	display: flex;
	width: 100%;
}

.esg .toggle_con .txt_wrap p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: -0.025em;
	color: #6a6a6a;
}

.esg .toggle_con .txt_wrap p:last-child {
	width: calc(100% - 50px);
}

.esg .toggle_con .txt_wrap li+li {
	margin-top: 20px;
}

@media all and (max-width: 767px) {
	.esg .table_wrap .table {
		width: 100%;
	}

	.esg .table_wrap .table p.pt_48 {
		padding-top: 0;
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 자료실 > 보고서 및 정책 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* --- common --- */
.report .btn_wrap {
	display: flex;
}

.report .btn_wrap .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.report .btn_wrap .download {
	background-color: #f0f0f0;
	color: #808080;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.77em;
	height: 50px;
	border-radius: 50px;
}

.report .btn_wrap .download::before {
	content: '';
	width: 20px;
	height: 20px;
	background: url(/img/download.png) no-repeat center center / contain;
}

/* --- con01 --- */
/* layout */
.report .con01 .flex_wrap {
	display: flex;
	gap: 40px 90px;
}

.report .con01 .img_box {
	width: calc(50% - 90px);
}

.report .con01 .txt_box {
	width: 50%;
}

/* img_box */
.report .con01 .img_box img {
	width: 100%;
	box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

/* txt_box */
.report .con01 .txt_box h5 {
	background-color: #27ae60;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.7em;
	letter-spacing: -0.05em;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.report .con01 .txt_box p {
	font-size: 15px;
	line-height: 1.73em;
	margin-bottom: 0.66em;
}

.report .con01 .txt_box p:last-child {
	margin-bottom: 0;
}

/* btn */
.report .con01 .btn_wrap {
	justify-content: center;
	gap: 20px;
	margin-top: 60px;
}

.report .con01 .btn {
	width: calc(50% - 10px);
	max-width: 235px;
}

@media all and (max-width: 1024px) {
	.report .con01 .flex_wrap {
		column-gap: 30px;
	}

	.report .con01 .img_box {
		width: calc(50% - 30px);
	}
}

@media all and (max-width: 767px) {
	.report .con01 .flex_wrap {
		flex-wrap: wrap;
	}

	.report .con01 .txt_box,
	.report .con01 .img_box {
		width: 100%;
	}

	.report .con01 .img_box {
		text-align: center;
	}

	.report .con01 .img_box img {
		max-width: fit-content;
	}
}

/* --- con02 --- */
/* list */
.report .con02 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 40px;
}

.report .con02 ul li {
	width: calc(50% - 20px);
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

/* btn */
.report .con02 .btn_wrap {
	align-items: center;
	gap: 10px;
}

.report .con02 .btn_wrap h6 {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.56em;
}

.report .con02 .btn_wrap .btn {
	margin-left: auto;
	padding: 0 30px;
	box-sizing: border-box;
}

@media all and (min-width: 768px) {
	.report .con02 ul li:nth-child(-n+2) {
		border-top: 1px solid #ddd;
	}
}

@media all and (max-width: 767px) {
	.report .con02 ul li {
		width: 100%;
	}

	.report .con02 ul li:first-child {
		border-top: 1px solid #ddd;
	}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 지속가능경영 > 자료실 > 인증 *
 * 20231004 신규 추가

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.certi .certi_list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.certi .certi_list li {
	width: calc(25% - 38px);
}

.certi .certi_list li .txt_box {
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.33em;
	letter-spacing: -0.05em;
	padding: 15px 0;
	box-sizing: border-box;
}

.certi .certi_list li .txt_box br {
	display: none;
}

.certi .certi_list li .img_box {
	aspect-ratio: 1/1.4;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}

.certi .certi_list li .img_box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

@media all and (max-width: 1024px) {
	.certi .certi_list {
		gap: 25px;
	}

	.certi .certi_list li {
		width: calc(25% - 19px);
	}

	.certi .certi_list li .txt_box br {
		display: block;
	}
}

@media all and (max-width: 767px) {
	.certi .certi_list {
		justify-content: center;
	}

	.certi .certi_list li {
		width: calc(50% - 13px);
		max-width: 240px;
	}

}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 *지속가능경영 > 사회책임경영 > 윤리경영  *
 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.green .tab_bar li.active {
	background-color: #27ae60;
}

.green .ethics02 li p span {
	background-color: #27ae60;
}

.green .ethics03 li .txt_list p::before {
	background-color: #27ae60;
}

.green .ethics03 li .tit::before {
	background-color: #27ae60;
}

.green .writeForm_btn a:last-of-type {
	background-color: #27ae60;
}

.green .writeForm form table tr td input[type='radio']:checked+label {
	color: #27ae60;
}


.management .con_visual h5 {
	color: #FFF;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 25px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	/* 120% */
}


/* ========================================== */
/* NEW01_ ESG 페이지 신규 섹션 스타일 */
/* 기존 스타일과 독립적으로 작동 (충돌 방지) */
/* ========================================== */

/* 공통 섹션 스타일 */
.new01_section {
	padding: 48px 0;
	background-color: #fff;
}

.new01_container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

/* 섹션 타이틀 */
.new01_section_title {
	color: #1E1E1E;
	font-family: "Noto Sans KR";
	font-size: 24px;
	font-style: normal;
	font-weight: 350;
	line-height: 24px;
	letter-spacing: -1px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.new01_section_title img {
	width: 15px;
	height: 15px;
}

.new01_section_title span {
	color: #1E1E1E;
	font-family: "Noto Sans KR";
	font-size: 24px;
	font-style: normal;
	font-weight: 350;
	line-height: 24px;
	/* 100% */
	letter-spacing: -1px;
}

/* ========================================== */
/* 섹션 1: 지속가능경영 비전 및 전략체계 */
/* ========================================== */
.new01_vision_strategy {
	padding-top: 89px;
}

.new01_strategy_wrap {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* 행 스타일 */
.new01_row {
	display: flex;
	align-items: stretch;
	margin-bottom: 20px;
}

.new01_row:last-child {
	margin-bottom: 0;
}

/* 레이블 영역 */
.new01_label {
	width: 200px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	position: relative;
}

.new01_label_text {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #27ae60;
	line-height: 22px;
	white-space: nowrap;
}

.new01_label_text.new01_label_multiline {
	line-height: 32px;
}

.new01_label_line {
	position: absolute;
	left: 155px;
	right: -45px;
	height: 0.5px;
	background-color: #27ae60;
	top: 50%;
	transform: translateY(-50%);
}

/* 더블 레이블 (경영전략 & 경영목표) */
.new01_label_double {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 79px;
	gap: 112px;
}

.new01_label_item {
	position: relative;
	display: flex;
	align-items: center;
}

.new01_label_item .new01_label_line {
	position: absolute;
	left: unset;
	height: 0.5px;
	background-color: #27ae60;
	top: 50%;
	transform: translate(130%, -50%);
	left: 35px;
}

/* 컨텐츠 영역 */
.new01_content {
	flex: 1;
}

/* 박스 스타일 */
.new01_box {
	border-radius: 20px;
	box-sizing: border-box;
}

.new01_box_gray {
	background-color: #fafafa;
	padding: 50px;
}

.new01_box_gray>p {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #6a6a6a;
	text-align: center;
	line-height: 24.9px;
	margin: 0;
}

/* 경영전략 박스 */
.new01_box_strategy,
.new01_box_policy {
	padding: 50px;
}

.new01_strategy_top,
.new01_policy_top {
	margin-bottom: 0;
}

.new01_strategy_main,
.new01_policy_main {
	background-color: #f8fdfa;
	border: 2px solid #93d6af;
	border-radius: 20px;
	padding: 30px 50px;
	text-align: center;
}

.new01_strategy_main p,
.new01_policy_main p {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #27ae60;
	line-height: 24.9px;
	margin: 0;
}

.new01_strategy_divider,
.new01_policy_divider {
	display: flex;
	justify-content: center;
	margin: 0;
}

.new01_strategy_divider svg,
.new01_policy_divider svg {
	max-width: 100%;
	height: auto;
}

.new01_strategy_buttons,
.new01_policy_buttons {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

/* 버튼 스타일 */
.new01_btn {
	flex: 1;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 500;
	border-radius: 20px;
	box-sizing: border-box;
}

.new01_btn_outline {
	background-color: #fff;
	border: 2px solid #93d6af;
	color: #27ae60;
}

/* ========================================== */
/* 섹션 2: ESG 중기 로드맵 */
/* ========================================== */
.new01_roadmap {
	padding-bottom: 48px;
}

.new01_roadmap_wrap {
	display: flex;
	gap: 30px;
}

/* Phase 아이템 */
.new01_phase_item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

/* 연도 */
.new01_phase_year {
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.new01_phase_year span {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #27ae60;
	letter-spacing: -0.75px;
	line-height: 30px;
}

.new01_phase_year_border {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background-color: #d4d4d4;
}

.new01_phase_2 .new01_phase_year_border {
	background-color: #d0d0d0;
}

.new01_phase_3 .new01_phase_year_border {
	background-color: #93d6af;
}

/* Phase 뱃지 */
.new01_phase_badge {
	width: 100%;
	padding: 10px 0;
	background-color: #27ae60;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 17px;
}

/* Phase 원형 */
.new01_phase_circle {
	width: 220px;
	height: 230px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.new01_phase_1 .new01_phase_circle {
	border: 20px solid #d8f1e2;
}

.new01_phase_2 .new01_phase_circle {
	border: 20px solid #bee7cf;
}

.new01_phase_3 .new01_phase_circle {
	border: 20px solid #93d6af;
}

.new01_phase_circle span {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #27ae60;
	text-align: center;
	line-height: 26.86px;
}

/* Phase 리스트 */
.new01_phase_list {
	width: 100%;
	padding: 9px 0 0 22px;
	margin: 0;
	list-style: disc;
	box-sizing: border-box;
}

.new01_phase_list li {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
	font-weight: 300;
	color: #6a6a6a;
	line-height: 25.5px;
	margin-bottom: 19px;
}

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

/* ========================================== */
/* NEW01_ 반응형 스타일 */
/* ========================================== */
@media screen and (max-width: 1200px) {
	.new01_container {
		max-width: 100%;
	}

	.new01_label {
		width: 160px;
	}

	.new01_label_line {
		left: 120px;
		right: -35px;
	}

	.new01_label_item .new01_label_line {
		left: 120px;
		right: -35px;
	}
}

@media screen and (max-width: 960px) {
	.new01_row {
		flex-direction: column;
		gap: 15px;
	}

	.new01_label {
		width: 100%;
		margin-bottom: 10px;
	}

	.new01_label_line {
		display: none;
	}

	.new01_label_item .new01_label_line {
		display: none;
	}

	.new01_label_double {
		flex-direction: row;
		gap: 30px;
		padding-top: 0;
	}

	.new01_label_text.new01_label_multiline {
		line-height: 22px;
	}

	.new01_label_text.new01_label_multiline br {
		display: none;
	}

	.new01_roadmap_wrap {
		flex-direction: column;
		gap: 40px;
	}

	.new01_phase_item {
		max-width: 400px;
		margin: 0 auto;
	}

	.new01_strategy_buttons,
	.new01_policy_buttons {
		flex-direction: column;
		gap: 10px;
	}

	.new01_btn {
		height: 60px;
		padding: 10px 0;
	}

	.new01_strategy_divider,
	.new01_policy_divider {
		display: none;
	}

	.new01_strategy_top,
	.new01_policy_top {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 600px) {
	.new01_section {
		padding: 30px 0;
	}

	.new01_vision_strategy {
		padding-top: 50px;
	}

	.new01_container {
		padding: 0 20px;
	}

	.new01_section_title span {
		font-size: 20px;
	}

	.new01_label_text {
		font-size: 18px;
	}

	.new01_box_gray {
		padding: 30px 20px;
	}

	.new01_box_strategy,
	.new01_box_policy {
		padding: 30px 20px;
	}

	.new01_strategy_main,
	.new01_policy_main {
		padding: 20px;
	}

	.new01_phase_year span {
		font-size: 24px;
	}

	.new01_phase_circle {
		width: 180px;
		height: 190px;
		border-width: 15px !important;
	}

	.new01_phase_circle span {
		font-size: 15px;
	}

	.new01_phase_list li {
		font-size: 15px;
	}
}


/* ========================================== */
/* NEW01_ 환경·안전 페이지 신규 섹션 스타일 */
/* safety.jsp 전용 - 기존 스타일과 독립적 */
/* ========================================== */

/* 전체 감싸개 */
.new01_safety_wrap {
	background-color: #fff;
}

/* 상단 소개 섹션 */
.new01_intro_section {
	padding-bottom: 0;
}

.new01_divider {
	width: 24px;
	height: 1px;
	background-color: #27ae60;
	margin: 0 auto 20px;
}

.new01_intro_text {
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
}

.new01_intro_text p {
	color: #222;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	font-weight: 350;
	line-height: 25.5px;
	margin: 0;
}

/* 섹션 헤더 (타이틀) */
.new01_section_header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 13px;
	margin-bottom: 30px;
	height: 75px;
}

.new01_section_header span:nth-child(2) {
	color: #777;
	text-align: right;
	font-family: "Noto Sans KR";
	font-size: 15px;
	font-style: normal;
	font-weight: 350;
	line-height: 15px;
	/* 100% */
	align-self: flex-end;
}

.new01_tit_icon {
	width: 15px;
	height: 15px;
}

/* 로드맵 우측 노트 */
.new01_roadmap_note {
	text-align: right;
	margin-bottom: 20px;
}

.new01_roadmap_note span {
	color: #777;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	font-weight: 350;
	line-height: 15px;
}

/* 타임라인 가로선 */
.new01_timeline_line,
.new01_timeline_line_bottom {
	width: 100%;
	height: 2px;
	background-color: #d4d4d4;
}

.new01_timeline_line {
	margin-bottom: 0;
}

.new01_timeline_line_bottom {
	margin-top: 0;
}

/* 그래프 플레이스홀더 영역 */
.new01_graph_placeholder {
	position: relative;
	height: 440px;
	margin: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.new01_graph_placeholder img {
	max-width: 100%;
	height: auto;
}

/* 그래프 바 영역 (플레이스홀더용) */
.new01_graph_bars {
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
	width: 100%;
	padding: 0 100px;
	box-sizing: border-box;
}

.new01_bar_group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.new01_bar {
	width: 40px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(180deg, #93d6af 0%, #a9dfbf 100%);
}

.new01_bar_2023 {
	height: 340px;
}

.new01_bar_2032 {
	height: 225px;
}

.new01_bar_group_2050 {
	flex-direction: column;
	align-items: center;
}

.new01_circle_netzero {
	width: 200px;
	height: 208px;
	border: 20px solid #27ae60;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	box-sizing: border-box;
}

.new01_circle_netzero span {
	color: #27ae60;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 26.86px;
}

.new01_year {
	color: #d4d4d4;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.75px;
}

.new01_year_highlight {
	color: #27ae60;
	font-weight: 700;
}

/* 하단 목표 박스 영역 */
.new01_target_boxes {
	display: flex;
	gap: 150px;
	background-color: #fafafa;
	border-radius: 20px;
	padding: 20px 30px 30px;
	margin-top: 20px;
}

.new01_target_box {
	width: 220px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.new01_target_label {
	color: #666;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.75px;
}

.new01_target_box_middle {
	gap: 6px;
}

.new01_scope_row {
	display: flex;
	gap: 32px;
	justify-content: space-between;
	width: 100%;
}

.new01_scope_name {
	color: #666;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 350;
	line-height: 30px;
	letter-spacing: -0.75px;
}

.new01_scope_value {
	color: #666;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.75px;
}

.new01_target_box_highlight {
	width: 230px;
	background-color: #fff;
	border: 2px solid #27ae60;
	border-radius: 20px;
	gap: 6px;
}

.new01_target_box_highlight .new01_scope_name,
.new01_target_box_highlight .new01_scope_value {
	color: #27ae60;
}

/* 테이블 스타일 */
.new01_table_wrap {
	width: 100%;
	overflow-x: auto;
}

.new01_table {
	width: 100%;
	max-width: 1100px;
	border-collapse: collapse;
	border-spacing: 0;
}

.new01_table thead th {
	background-color: #e9f7ef;
	border-top: 1px solid #27ae60;
	color: #222;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -0.75px;
	text-align: center;
	padding: 16px 10px;
	vertical-align: middle;
}

.new01_table thead .new01_th_category {
	width: 194px;
}

.new01_table thead .new01_th_baseline {
	width: 194px;
}

.new01_table thead .new01_th_target {
	width: auto;
}

.new01_table thead .new01_th_year {
	width: 356px;
}

.new01_table thead .new01_unit {
	font-weight: 400;
}

.new01_table tbody td {
	background-color: #fff;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	color: #222;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.75px;
	text-align: center;
	padding: 16px 10px;
	height: 50px;
	box-sizing: border-box;
}

.new01_td_netzero {
	color: #27ae60 !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	vertical-align: middle;
}

/* 테이블 노트 */
.new01_table_note {
	margin-top: 20px;
}

.new01_table_note p {
	color: #222;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 21.7px;
	margin: 0;
}

/* 활동 목표 타임라인 */
.new01_goal_timeline {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.new01_goal_step {
	display: flex;
	align-items: center;
	flex: 1;
}

.new01_goal_step_last {
	flex: 0 0 auto;
}

.new01_goal_badge {
	width: 333px;
	height: 60px;
	background-color: #e9f7ef;
	border: 2px solid #93d6af;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #27ae60;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 24.9px;
	box-sizing: border-box;
}

.new01_goal_arrow {
	flex: 1;
	height: 2px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='2' viewBox='0 0 54 2' fill='none'%3E%3Cpath d='M0 1H54' stroke='%2393d6af' stroke-width='2'/%3E%3C/svg%3E") repeat-x center;
	min-width: 50px;
	position: relative;
}

/* .new01_goal_arrow::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 0 50% 50% 0;
    background: linear-gradient(to right, transparent 0 50%, #93d6af 50% 100%);
    transform: translateY(-50%) rotate(180deg);
} */

/* 활동 목표 리스트 */
.new01_goal_lists {
	display: flex;
	gap: 118px;
}

.new01_goal_list {
	padding: 10px 20px;
}

.new01_goal_list ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 0 30px;
}

.new01_goal_list li {
	color: #222;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.75px;
	margin-bottom: 6px;
}

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

/* 반응형: 태블릿 */
@media screen and (max-width: 1200px) {
	.new01_target_boxes {
		gap: 60px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.new01_graph_bars {
		padding: 0 50px;
	}

	.new01_goal_lists {
		gap: 40px;
		flex-wrap: wrap;
	}

	.new01_goal_badge {
		width: 250px;
	}
}

/* 반응형: 모바일 */
@media screen and (max-width: 768px) {
	.new01_intro_section {
		padding-top: 50px;
	}

	.new01_intro_text p {
		font-size: 14px;
		line-height: 22px;
	}

	.new01_roadmap_note {
		text-align: center;
	}

	.new01_graph_placeholder {
		height: 300px;
	}

	.new01_graph_bars {
		padding: 0 20px;
	}

	.new01_bar_2023 {
		height: 200px;
	}

	.new01_bar_2032 {
		height: 130px;
	}

	.new01_circle_netzero {
		width: 140px;
		height: 145px;
		border-width: 14px;
	}

	.new01_circle_netzero span {
		font-size: 18px;
	}

	.new01_year {
		font-size: 20px;
	}

	.new01_target_boxes {
		flex-direction: column;
		gap: 20px;
		padding: 20px;
	}

	.new01_target_box,
	.new01_target_box_highlight {
		width: 100%;
	}

	.new01_table {
		font-size: 13px;
	}

	.new01_table thead th,
	.new01_table tbody td {
		padding: 10px 5px;
		font-size: 13px;
	}

	.new01_td_netzero {
		font-size: 18px !important;
	}

	.new01_goal_timeline {
		flex-direction: column;
		gap: 10px;
	}

	.new01_goal_step {
		flex-direction: column;
		width: 100%;
	}

	.new01_goal_badge {
		width: 100%;
	}

	.new01_goal_arrow {
		width: 2px;
		height: 30px;
		min-width: auto;
		background: #93d6af;
	}

	.new01_goal_arrow::after {
		right: 50%;
		top: auto;
		bottom: 0;
		transform: translateX(50%);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 10px solid #93d6af;
	}

	.new01_goal_lists {
		flex-direction: column;
		gap: 20px;
	}

	.new01_goal_list li {
		font-size: 16px;
		line-height: 26px;
	}
}

/* 반응형: 소형 모바일 */
@media screen and (max-width: 480px) {
	.new01_container {
		padding: 0 15px;
	}

	.new01_section_header .new01_section_title {
		font-size: 18px;
	}

	.new01_bar {
		width: 30px;
	}

	.new01_circle_netzero {
		width: 110px;
		height: 115px;
		border-width: 10px;
	}

	.new01_circle_netzero span {
		font-size: 14px;
	}

	.new01_scope_name,
	.new01_scope_value,
	.new01_target_label {
		font-size: 16px;
	}
}