.image .mob {
	display: none;
}

.modal .modalIn {
	width: 680px;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 8px;
	box-sizing: border-box;
}
.wrap .modal30 input[type="checkbox"] + label:before{
	left: -42px;
    top: -6px;
}
.wrap .modal30 input[type="checkbox"] + label:after{
	left: -42px !important;;
    top: -6px !important;;
}
.wrap .modal input[type="checkbox"] + label{
	font-size: 20px;
}
.wrap .modal30 .modalIn .check{
	justify-content:flex-start !important;
	padding-left: 44px !important;
}
.wrap .modal30 .modalIn .check .text{
	margin-left: 0;
}
.wrap .modal31 input[type="checkbox"] + label:before{
	left: -42px;
    top: 0px;
}
.wrap .modal31 input[type="checkbox"] + label:after{
	left: -42px !important;
    top: -6px !important;;
}
.wrap .modal31 .modalIn .check{
	justify-content:flex-start !important;
	padding-left: 44px !important;
}
.wrap .modal31 .modalIn .signform{
	position: relative;
    width: 100%;
    padding-bottom: 122.25%;
    overflow: hidden;
}
.wrap .modal31 .modalIn .signform iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal .modalIn button {
	margin-left: auto;
	display: flex;
}
.modal38.layer_popup .layer_inner{
	width: 588px;
}
.modal39 .layer_popup .layer_inner{
	width: 588px;
}
.modal38 .foot_btn_set{
	display: flex;
	justify-content:space-between;
}
#stakeholder_popup{
	background-color: transparent;
}
.modal38 .foot_btn_set button{
	width: calc(50% - 10px);
	display: block;
	margin-top: 20px;
	line-height: 4.2rem;
	height: 4.2rem;
}
.modal39 .foot_btn_set{
	display: flex;
	justify-content:space-between;
}
.modal39 .modalIn .scrollForm p{
	text-align: left;
}
.modal39 .foot_btn_set button{
	width: calc(50% - 10px);
	display: block;
	margin-top: 20px;
	line-height: 4.2rem;
	height: 4.2rem;
}
.modal .modalIn .btn.c_line.c_pink{
	background-color: #fff;
	border: #c40352 1px solid;
	color: #c40352;
}
.modal .modalIn h2 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 900;
	word-break:keep-all;
}
.modal .modalIn strong{
	font-size: 36px;
	line-height: 44px;
	font-weight: 900;
	word-break:keep-all;
}
.modal .modalIn p {
	margin-top: 20px;
	font-size: 20px;
	line-height: 28px;
}
.modal .modalIn .text{
	margin-top: 20px;
	font-size: 20px;
	line-height: 28px;
}
.modal .c_pink{
	width: 100%;
	max-width: 560px;
	margin:0 auto;
	font-size: 28px;
	color: #fff;
}
.modal .modalIn .signform {
	/*margin-top: 40px;*/
}
.modal .modalIn .signform iframe{
	height: 677px;
	border: 0;
}
.modal .modalIn .signform iframe.newsLetterSubscribe{
	/*height: 830px;*/
	height: 630px;
	border: 0;
}
.modal .modalIn .signform .image {
	width: 180px;
	margin: 0 auto;
}

.modal .modalIn .signform .image img {
	width: 100%;
}

.modal .modalIn .signform h5 {
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
}

.modal .modalIn .signform h3 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}

.modal .modalIn .signform .inputWrap {
	margin-top: 16px;
	padding: 22px 24px;
	border: 1px solid #666;
}

.modal .modalIn .signform .inputWrap input {
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	border: 0;
	outline: none;
}

.modal .modalIn .signform .inputWrap input::placeholder {
	color: #bbb;
	font-size: 18px;
}

.modal .modalIn .signform .flexWrap {
	display: flex;
	justify-content: space-between;
	gap: 16px
}

.modal .modalIn .signform .flexWrap>.inputWrap {
	width: calc(50% - 8px);
}

.modal .modalIn .signform .agreeForm {
	margin-top: 16px;
	padding: 24px;
	border: 1px solid #666;
	overflow-y: auto;
	height: 179px;
}

.modal .modalIn .signform .agreeForm h4 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 900;
}

.modal .modalIn .signform .agreeForm ol {
	margin-top: 10px;
}

.modal .modalIn .signform .agreeForm ol li {
	font-size: 18px;
	line-height: 32px;
}

.modal .modalIn .signform .check {
	margin-top: 40px;
	display: flex;
	align-items: center;
	padding: 0;
	background-color: #fff;
}

.modal .modalIn .signform .check .image {
	width: 24px;
}

.modal .modalIn .signform .check .image img {
	width: 100%;
}

.modal .modalIn .signform .check .image .focus {
	display: none;
}

.modal .modalIn .signform .check.on .image .default {
	display: none;
}

.modal .modalIn .signform .check.on .image .focus {
	display: block;
}

.modal .modalIn .signform .check .text {
	font-size: 20px;
	line-height: 20px;
	color: #888;
	margin-left: 16px;
}

.modal .modalIn .signform .btn {
	width: 100%;
	background-color: #a50034;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	margin-top: 40px;
	border-radius: 8px;
}

.modal .modalIn .signform .btn a {
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	border-radius: 16px;
	font-weight: 900;
}

.modal .modalIn .scrollForm {
	height: 436px;
	overflow: auto;
	margin-top: 40px;
}

.modal .modalIn .scrollForm::-webkit-scrollbar {
	width: 5px !important;
	height: 4px !important;
}

.modal .modalIn .scrollForm::-webkit-scrollbar-thumb {
	background-color: #a50034 !important;
	background-clip: padding-box !important;
}

.modal .modalIn .scrollForm::-webkit-scrollbar-track {
	background-clip: #ddd !important;
	background-color: #ddd !important;
}

.modal .modalIn .scrollForm h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	margin-top: 40px;
}

.modal .modalIn .scrollForm h4:first-of-type {
	margin-top: 0;
}

.modal .modalIn .scrollForm p {
	font-size: 20px;
	line-height: 28px;
	color: #444;
	word-break: keep-all;
}

.modal .modalIn .check {
	width: 100%;
	background-color: #a50034;
	padding: 25px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	margin-top: 40px;
}

.modal .modalIn .check a {
	width: 100%;
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.modal.cookieModal .modalIn {
	padding:40px;
}
.modal.cookieModal .modalIn .scrollForm {
	padding-right: 35px;
}
.modal.cookieModal .modalIn .info {
	font-size:20px;
	line-height :28px;
	color: #444;
}
.modal.cookieModal .modalIn .grayBox {
	border: solid 1px #ddd;
	background-color: #f1efef;
	padding: 40px;
	margin-top: 40px;
}

.modal.cookieModal .modalIn .grayBox .sec {

}
.modal.cookieModal .modalIn .grayBox .sec + .sec {
	margin-top: 30px;
}
.modal.cookieModal .modalIn .grayBox .sec .tit {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	line-height :28px;
	color: #444;
	font-weight: bold;
	margin-bottom: 10px;
}

.modal.cookieModal .modalIn .grayBox .sec .desc {
	font-size: 18px;
	line-height :32px;
	 color: #888;
}
.modal.cookieModal .modalIn .cookieSave {
	display: block;
	width: 100%;
	padding: 25px 0;
	background-color: #a50034;
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 16px;
	margin-top: 40px;
}

.modal.cookieModal .modalIn .toggle-control {
	display: inline-block;
	position: relative;
	width: 52px;
	height: 28px;
}

.modal.cookieModal .modalIn .toggle-control input {
	opacity: 0;
	width: 0;
	height: 0;
}

.modal.cookieModal .modalIn .toggle-control .control {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	transition: 0.4s;
	border-radius: 28px;
	border: 1px solid #ddd;
}

.modal.cookieModal .modalIn .toggle-control .control:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 3px;
	top: 2px;
	background-color: #ddd;
	transition: 0.4s;
	border-radius: 50%;
}

.modal.cookieModal .modalIn .toggle-control input:checked + .control {
	background-color: #fff;
	border: 1px solid #a50034;
}

.modal.cookieModal .modalIn .toggle-control input:checked + .control:before {
	transform: translateX(24px);
	background-color: #a50034;
}


.insightBanner{
	background-image: url(../img/img-bn-newsletter.png);
}
/*consult*/
.wrap .consultTitle {
	/*width: 176px !important;*/
	width: auto !important;
}

.wrap .consultWrap {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	padding-bottom: 200px;
}

.wrap .consultWrap .consultSubTitle {
	margin-top: 100px;
	padding: 40px 0;
	border-bottom: 2px solid #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap .consultWrap .consultSubTitle span {
	color: #a50034;
}

.wrap .consultWrap .consultSubTitle:nth-of-type(1) {
	margin-top: 120px;
}

.wrap .consultWrap .consultSubTitle h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .consultWrap .consultSubTitle h3 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}

.wrap .consultWrap .consultSubTitle .important {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	color: #444;
}

.wrap .consultWrap .consultSubTitle .important span {
	color: #a50034;
}

.wrap .consultWrap .consultSubTitle.agreeTitle {
	border-bottom: none;
}

.wrap .consultWrap .consultContent {
	margin-top: 40px;
}

 .click {
	display: flex;
	justify-content: space-between;
	width: 1080px;
	margin: 0 auto;
}

 .click .checkBox {
	display: block;
	align-items: center;
	cursor: pointer;
}

.click .checkBox .imgWrap {
	width: 180px;
	height: 180px;
	border: 3px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-sizing: border-box;
	margin: 0 auto;
}

 .click .checkBox .imgWrap .fill {
	display: none;
}

.click .checkBox .text {
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
	color: #000;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}

.click.is_active .checkBox .imgWrap {
	border: solid 3px #a50034;
	background-color: #fff;
}
.tab_wrap.typ3 .tab_head ul li.is_active button span.text{color: #000 !important;}
/*
 .click.is_active .checkBox .imgWrap .fill {
	display: block;
}

.click.is_active .checkBox .imgWrap .none {
	display: none;
} */

.click.is_active .checkBox .text {
	color: #000;
}

.tab_wrap.typ3 > .tab_head ul li.is_active:nth-child(odd) button{
	background-color: #fff !important;
	border-color: #fff !important;
}
.tab_wrap.typ3 > .tab_head ul li.is_active button{
	background:#fff !important;
}
.tab_wrap.typ3 > .tab_head ul li button{
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
}
.tab_wrap.typ3 > .tab_head ul li.is_active button span, .tab_wrap.typ3 > .tab_head ul li.is_active button [data-cont-body^=management] [data-con-section^=contribution] [data-con-section-body^=report] > section > div > dl > dt > strong, [data-cont-body^=management] [data-con-section^=contribution] .tab_wrap.typ3 > .tab_head ul li.is_active button [data-con-section-body^=report] > section > div > dl > dt > strong{
	color: #000 !important;
}

.wrap .consultWrap .consultContent .inputSection {
	display: flex;
	justify-content: space-between;
}

.wrap .consultWrap .consultContent .inputSection .side {
	width: calc(50% - 8px);
}

.wrap .consultWrap .consultContent .inputSection .side .box {
	margin-top: 40px;
}

.wrap .consultWrap .consultContent .inputSection .side .box h2 {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #444;
}

.wrap .consultWrap .consultContent .inputSection .side .box h2 span {
	color: #a50034;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap {
	border: 1px solid #666;
	height: 64px;
	padding: 0 24px;
	margin-top: 20px;
	box-sizing: border-box;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input
	{
	width: 100%;
	border: 0;
	outline: 0;
	height: 100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::-moz-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input:-ms-input-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.wrap .consultWrap .consultContent .inputSection .side .box .inputWrap.focus
	{
	border: 2px solid #a50034;
}

.wrap .consultWrap .consultContent .inputSection .side .box:nth-of-type(1)
	{
	margin-top: 0;
}

.wrap .consultWrap .consultContent .areaClick {
	display: flex;
}

.wrap .consultWrap .consultContent .areaClick .checkBox {
	display: flex;
	align-items: center;
	margin-right: 50px;
	cursor: pointer;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap {
	margin-right: 16px;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap .fill {
	display: none;
}

.wrap .consultWrap .consultContent .areaClick .checkBox .text {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #888;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .imgWrap .fill
	{
	display: block;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .imgWrap .none
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaClick .checkBox.on .text {
	color: #000;
}

.wrap .consultWrap .consultContent .areaBox .custom {
	width: 672px;
	display: block;
	margin-top: 40px;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput {
	border: 1px solid #666;
	line-height: 64px;
	padding: 0 24px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .left {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .left.text
	{
	color: #000;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .right .gr
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInput .right .up
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent
	{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 24px;
	border: 1px solid #666;
	margin-top: 10px;
	display: none;
	opacity: 0;
	height: 155px;
	background-color: #fff;
	overflow: auto;
	transition: all 0.2s;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent .contentComponent
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	line-height: 36px;
}

.wrap .consultWrap .consultContent .areaBox .custom .selectInputContent .contentComponent:hover
	{
	color: #a50034;
}

.wrap .consultWrap .consultContent .areaBox .custom.on {
	height: 64px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput {
	border: 2px solid #a50034;
	padding: 15px 24px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput .right .up
	{
	display: block;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInput .right .down
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent
	{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 24px;
	border: 1px solid #666;
	margin-top: 10px;
	display: block;
	opacity: 1;
	height: 155px;
	background-color: #fff;
	overflow: auto;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent .contentComponent
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	line-height: 36px;
}

.wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent .contentComponent:hover
	{
	color: #a50034;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput
	{
	background-color: #f5f5f5;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .up
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .down
	{
	display: none;
}

.wrap .consultWrap .consultContent .areaBox .custom.noneOn .selectInput .right .gr
	{
	display: block;
}

.wrap .consultWrap .consultContent .customSelectBox2 {
	width: 1376px;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom {
	width: calc(33.33% - 8px);
	position: relative;
	cursor: pointer;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput
	{
	border: 1px solid #666;
	line-height: 64px;
	padding: 0 24px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .left
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .left.text
	{
	color: #000;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .right .gr
	{
	display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput .right .up
	{
	display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent
	{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 24px;
	border: 1px solid #666;
	margin-top: 10px;
	display: none;
	opacity: 0;
	height: 155px;
	background-color: #fff;
	overflow: auto;
	transition: all 0.2s;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent .contentComponent
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	line-height: 36px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInputContent .contentComponent:hover
	{
	color: #a50034;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on {
	height: 64px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput
	{
	border: 2px solid #a50034;
	padding: 15px 24px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput .right .up
	{
	display: block;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput .right .down
	{
	display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent
	{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 24px;
	border: 1px solid #666;
	margin-top: 10px;
	display: block;
	opacity: 1;
	height: 155px;
	background-color: #fff;
	overflow: auto;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent .contentComponent
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	line-height: 36px;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent .contentComponent:hover
	{
	color: #a50034;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput
	{
	background-color: #f5f5f5;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .up
	{
	display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .down
	{
	display: none;
}

.wrap .consultWrap .consultContent .customSelectBox2 .custom.noneOn .selectInput .right .gr
	{
	display: block;
}

.wrap .consultWrap .consultContent .conceptClick {
	display: flex;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox {
	display: flex;
	align-items: center;
	margin-right: 50px;
	cursor: pointer;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap {
	margin-right: 16px;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap .fill
	{
	display: none;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox .text {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #888;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .imgWrap .fill
	{
	display: block;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .imgWrap .none
	{
	display: none;
}

.wrap .consultWrap .consultContent .conceptClick .checkBox.on .text {
	color: #000;
}

.wrap .consultWrap .consultContent .textArea {
	width: 100%;
	outline: 0;
	border: 1px solid #666;
	height: 280px;
}

.wrap .consultWrap .consultContent .textArea textarea {
	width: 100%;
	resize: none;
	height: 100%;
	outline: 0;
	border: 0;
	padding: 24px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	color: #000;
}

.wrap .consultWrap .consultContent .textArea textarea::-moz-placeholder
	{
	color: #bbb;
}

.wrap .consultWrap .consultContent .textArea textarea:-ms-input-placeholder
	{
	color: #bbb;
}

.wrap .consultWrap .consultContent .textArea textarea::placeholder {
	color: #bbb;
}

.wrap .consultWrap .consultContent .textArea.on {
	border: 2px solid #a50034;
}

.wrap .consultWrap .consultContent .accept .acceptBox {
	padding: 24px;
	box-sizing: border-box;
	border: 1px solid #666;
}

.wrap .consultWrap .consultContent .accept .acceptBox h2 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 700;
	color: #000;
}

.wrap .consultWrap .consultContent .accept .acceptBox h2:nth-of-type(2)
	{
	margin-top: 20px;
}

.wrap .consultWrap .consultContent .accept .acceptBox ul {
	margin-top: 10px;
}

.wrap .consultWrap .consultContent .accept .acceptBox ul li {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	color: #666;
}

.wrap .consultWrap .consultContent .accept .acceptCheck {
	display: flex;
	margin-top: 40px;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox {
	display: flex;
	align-items: center;
	margin-right: 50px;
	cursor: pointer;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .imgWrap
	{
	margin-right: 16px;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .imgWrap .fill
	{
	display: none;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox .text
	{
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #888;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .imgWrap .fill
	{
	display: block;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .imgWrap .none
	{
	display: none;
}

.wrap .consultWrap .consultContent .accept .acceptCheck .checkBox.on .text
	{
	color: #000;
}

.agreeContent .checkBoxWrap {
	margin-top: 40px;
}
.support_qna .qna_agree input[type="checkbox"]:checked + label{
	color: #000;
}
.support_qna .qna_agree input[type="checkbox"]:checked + label a{
	color: #000 !important;
}
.support_qna .qna_agree input[type="checkbox"]:checked + label a u{
	color: #000 !important;
}
.support_qna .qna_agree input[type="checkbox"]:checked + label span{
	color: #000 !important;
}
.agreeContent .checkBoxWrap.first
	{
	margin-top: 60px;
	padding-bottom: 40px;
	border-bottom: 1px solid #bbb;
}

.agreeContent .checkBoxWrap .checkBox
	{
	display: flex;
	align-items: center;
}

.agreeContent .checkBoxWrap .checkBox .imgWrap
	{
	cursor: pointer;
}

.agreeContent .checkBoxWrap .checkBox .imgWrap .fill
	{
	display: none;
}

.agreeContent .checkBoxWrap .checkBox .text
	{
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #888;
	margin-left: 16px;
	text-align: left;
	/*display: block;*/
}

.agreeContent .checkBoxWrap .checkBox .text u
	{
	cursor: pointer;
}
.support_qna .subText{
	display: block;
	margin-left: 16px;
	font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    color: #888;
    margin-top: 22px;
}
.wrap .consultWrap .consultContent .accept 	{
	display: none;
}

.agreeContent .checkBoxWrap .checkBox.on .imgWrap .fill
	{
	display: block;
}

.agreeContent .checkBoxWrap h4
	{
	font-size: 18px !important;
	line-height: 32px !important;
	font-weight: normal;
	color: #888 !important;
	margin-top: 22px !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom:0 !important;
}
.agreeContent .checkBoxWrap .checkBox .text u{
	color: #888 !important;
}
.support_qna .qna_agree .agree_check{
	padding-left: 28px !important;
}
.support_qna input[type=checkbox] + label:before{
	border-color: #bbb !important;
	width: 32px !important;
    height: 32px !important;
}
.wrap .consultWrap .consultContent .hireTypeContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.support_qna .idea_noti h4{
	border-bottom: 0 !important;
	font-size: 24px !important;
	line-height: 28px !important;
}
.support_qna .idea_noti{
	border: 1px solid #ddd;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox {
	display: flex;
	align-items: center;
	width: 113px;
	cursor: pointer;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .fill
	{
	display: none;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .text
	{
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	margin-left: 16px;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox.on .fill
	{
	display: block;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .checkBox.on .none
	{
	display: none;
}

.wrap .consultWrap .consultContent .hireTypeContent .left .gr {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #888;
	margin-top: 22px;
}

.wrap .consultWrap .consultContent .hireTypeContent .right {
	width: 205px;
	height: 44px;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .consultWrap .consultContent .hireTypeContent .right a {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
}

.wrap .consultWrap .consultContent .hireTypeContent .right a img {
	margin-left: 10px;
}

.wrap .consultWrap .policyBox {
	padding: 40px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background-color: #fafafa;
	margin-top: 100px;
}

.wrap .consultWrap .policyBox h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
}

.wrap .consultWrap .policyBox p {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	color: #888;
	margin-top: 17px;
}

.wrap .consultWrap.btn {
	margin: 0 auto;
	background-color: #a50034;
	width: 532px;
	height: 100px;
	text-align: center;
	padding: 30px 0;
	box-sizing: border-box;
	border-radius: 16px;
	margin-top: 100px;

	font-size: 36px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
	color: #fff;
}

.wrap .consultWrap .btn a {

}

/*social*/
.wrap .socialTitle {
	width: 159px !important;
}

.wrap .socialWrap .mediaBtn {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding: 100px 0 120px;
	width: 1100px;
}

.wrap .socialWrap .mediaBtn .media {
	padding: 20px 0;
	box-sizing: border-box;
}

.wrap .socialWrap .mediaBtn .media .text {
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
	margin-top: 30px;
	text-align: center;
}

.wrap .socialWrap .new {
	padding: 120px 0;
}

.wrap .socialWrap .new .mobBtnAll {
	display: block;
	width: 532px;
	height: 80px;
	background-color: #a50034;
	display: flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
}
.wrap .socialWrap .new .mobBtnAll a{
	font-size: 24px;
	color: #fff;
	cursor:pointer;
}
.wrap .socialWrap .new .mobBtnAll a img{
	margin-left: 5px;
}

.wrap .socialWrap .new.newVideo {
	background-color: #f5f6f8;
}

.wrap .socialWrap .new .titleWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1628px;
	margin: 0 auto;
}
.wrap .socialWrap .new .gallery_type{
	max-width: 1628px;
	margin: 0 auto;
	margin-top: 40px;
}
.wrap .socialWrap .new .gallery_type .thumb_list{
	display: flex;
	flex-wrap:wrap;
	gap:16px;
}
.wrap .socialWrap .new .gallery_type .thumb_list li{
	width: 532px;
	margin-bottom: 80px;
}


.wrap .socialWrap .new .gallery_type .thumb_list li.js-load{
	display:none;
}


.wrap .socialWrap .new .gallery_type .thumb_list li .thumb{
	height: 316px;
}
.wrap .socialWrap .new .titleWrap h2 {
	font-size: 36px;
	line-height: 1.11;
	font-weight: 700;
	color: #000;
}

.wrap .socialWrap .new .titleWrap .btnAll {
	border: solid 1px #ddd;
	padding: 14px 38px 13px;
	box-sizing: border-box;
	width: 145px;
	height: 46px;
}

.wrap .socialWrap .new .titleWrap .btnAll a {
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	color: #666;
}

.wrap .socialWrap .new .videoWrap {
	display: flex;
	gap: 16px;
	margin-top: 40px;
	flex-wrap: wrap;
}

.wrap .socialWrap .new .videoWrap::-webkit-scrollbar {
	display: none;
}
.wrap .socialWrap .new .gallery_type{

}
.wrap .socialWrap .new .thumb {


	cursor:pointer;
}

.wrap .socialWrap .new .videoWrap .videoMain .video {
	width: 100%;
}

.wrap .socialWrap .new .videoWrap .videoMain .video img {
	width: 100%;
}

.wrap .socialWrap .new .videoWrap .videoMain .text {
	margin-top: 20px;
}

.wrap .socialWrap .new .tle{
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	color: #000;
	margin-top: 20px;
	word-break:keep-all;
	height: 68px;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wrap .socialWrap .new .date {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #666;
	margin-top: 16px;
	display: inline-block;
}
.wrap .socialWrap .new .btn{
	width: 532px;
	height: 80px;
	background-color: #a50034;
	font-size: 24px;
	color: #fff;
	margin:0 auto;
	display: block;
	line-height: 1;
}
.wrap .talentRecruit {
	margin-top: 100px;
}

.wrap .talentRecruit .subTitleRecruit {
	text-align: center;
}

.wrap .talentRecruit .subTitleRecruit h2 {
	font-size: 48px;
	line-height: 64px;
	font-weight: 700;
}

.wrap .talentRecruit .subTitleRecruit p {
	font-size: 24px;
	line-height: 40px;
	color: #666;
	margin-top: 40px;
}

.wrap .talentRecruit .talentArea {
	margin-top: 120px;
	display: flex;
	flex-wrap: wrap;
}

.wrap .talentRecruit .talentArea .media {
	width: 50%;
	display: flex;
	align-items: center;
}

.wrap .talentRecruit .talentArea .media .text {
	width: calc(100% - 260px);
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
}

.wrap .talentRecruit .talentArea .media .text span {
	font-weight: 900;
}

.wrap .talentRecruit .talentArea .media.mt40 {
	margin-top: 40px;
}

.wrap .recruitBanner {
	margin-top: 160px !important;
	background-image: url('../img/img-bn-recruit (2).png') !important;
}

.wrap .recruitBanner .banner .btnArea {
	display: flex;
	justify-content: space-between;
	width: 503px;
	margin: 0 auto;
	color: #fff;
}

.wrap .recruitBanner .banner .btnArea a {
	width: 239px;
}

.wrap .workTitleWrap.titleSub {
	/* width: 320px !important; */
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.wrap .workTitleWrap.titleSub .left {
	font-family: "LGSmHa";
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #bbb;
}

.wrap .workTitleWrap.titleSub .center {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
	margin: 0 20px;
}

.wrap .workTitleWrap.titleSub .centerGr {
	background-color: #bbb !important;
}

.titleSub .centerGr {
	background-color: #bbb !important;
}

.wrap .workLifeWrap .textBox {
	/* display: flex; */
	/* border-top: 1px solid #ddd; */
}

.wrap .workLifeWrap .textBox:nth-of-type(1) {
	margin-top: 40px;
}

.wrap .workLifeWrap .textBox .left {
	background-color: #ccc;
	width: 100%;
}

.wrap .workLifeWrap .textBox .left img {
	width: 100%;
}

.wrap .workLifeWrap .textBox .right {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.wrap .workLifeWrap .textBox .right .article {
	width: 50%;
	height: 360px;
	position: relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.wrap .workLifeWrap .textBox .right .article.bdr0{
	border-right: 0;
}
.wrap .workLifeWrap .textBox .right .article .image {
	width: 130px;
	margin: 0 auto;
}

.wrap .workLifeWrap .textBox .right .article .image img {
	width: 100%;
}

.wrap .workLifeWrap .textBox .right .article .textForm {
	text-align: center;
}

.wrap .workLifeWrap .textBox .right .article .text {
	/*position: absolute;
	top: 40px;
	left: 40px;
	padding-right: 40px;
	box-sizing: border-box;*/
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.wrap .workLifeWrap .textBox .right .article .text h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
	margin-top: 20px;
}

.wrap .workLifeWrap .textBox .right .article .text p {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
	word-break: keep-all;
}

.wrap .workLifeWrap .textBox .right .article.articleAll {
	width: 100%;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox {
	flex-direction: row-reverse;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .left {

}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article {
	height: 334px;
	border-right: 0;
	border-left: 1px solid #ddd;
}

.wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article.h360
	{
	height: 349px;
}

.wrap .workTitleWrap.titleSub .right {
	font-family: "LGSmHa";
	font-size: 18px;
	line-height: 18px;
	font-weight: 900;
	color: #a50034;
}

.wrap .workLifeWrap .subTitleRecruit {

}

.wrap .workLifeWrap .subTitleRecruit h2 {
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	font-weight: 700;
}

.wrap .workLifeWrap .subTitleRecruit p {
	text-align: center;
	font-size: 24px;
	line-height: 40px;
	color: #666;
	margin-top: 40px;
}

.wrap .workLifeWrap .articleLifeWrap {
	padding: 120px 0;
}

.wrap .workLifeWrap .articleLifeWrap h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife {
	display: flex;
	flex-wrap: wrap;
	width: 1360px;
	margin: 0 auto;
	padding: 80px 0;
}

.mt120 {
	margin-top: 120px;
}

/* .name {
	font-size: 36px;
	line-height: 40px;
	padding-bottom: 40px;
	font-weight: 700;
}
 */
.wrap .workLifeWrap .articleLifeWrap .articleLife .content {
	width: 50%;
	display: flex;
	margin-top: 40px;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text {
	width: calc(100% - 260px);
	padding: 40px;
	box-sizing: border-box;
	height: 240px;
	overflow: hidden;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .content .text p {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .workLifeWrap .articleLifeWrap .articleLife .mt0 {
	margin-top: 0;
}

.wrap .workLifeWrap .articleLifeWrap.art2 {
	background-color: #fafafa;
}

.wrap .workLifeWrap .articleLifeWrap.art1 .articleLife {
	margin-top: 40px;
}

.wrap .center1360 {
	margin: 0 auto;
	width: 1360px;
}

.wrap .articleTitleWrap .ruleTitleWrap {
	width: 286px !important;
}

.wrap .ruleWrap {
	margin-top: 100px;
}

.wrap .ruleWrap .ruleArticle .ruleArtTitle h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtTitle p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg {


	margin-top: 40px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280{
	margin-top: 40px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280 img{
	width: 100%;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap {
	display: flex;
	width: calc(50% - 20px);
	border: 1px solid #ddd;
	border-radius: 32px;
	height: 460px;
	justify-content: center;
	align-items: center;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .image
	{
	margin: 0 auto;
	width: 160px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text
	{
	text-align: center;
	margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text h3
	{
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text p
	{
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 27px;
	word-break: keep-all;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation {
	width: 880px;
	margin: 0 auto;
	margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent {
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	margin-top: 40px;
	gap: 20px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore{
	width: 33.33%;
	position: relative;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:nth-of-type(2) h5 {
    position: absolute;
    top: -53px;
    right: -43px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .wrapMore:nth-of-type(2) h5 {
    right: -138px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 30px;
	position:relative;
	text-align: center;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap
	{
	display: flex;
	/* width: calc(50% - 12px); */
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 32px;
	height: 460px;
	justify-content: center;
	align-items: center;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap{
	padding: 40px;
    box-sizing: border-box;
    height: auto;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap.en.textDifferent{
	padding-bottom: 130px;
}
.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .image
	{
	margin: 0 auto;
	width: 160px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text
	{
	text-align: center;
	margin-top: 40px;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text h3
	{
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text p
	{
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 27px;
	word-break: keep-all;
}

.wrap .ruleWrap .ruleArticle.position {
	padding: 100px 0;
}

.wrap .ruleWrap .ruleArticle.evaluationPride {
	background-color: #f5f6f8;
	padding: 100px 0;
}

.wrap .ruleWrap .ruleArticle.evaluationPride .ruleArtTitle {
	text-align: center;
}

.wrap .ruleWrap .ruleArticle.reward {
	/* padding: 100px 0; */
	padding-top: 100px;
}

.wrap .programArticle {
	padding: 100px 0;
}

.wrap .programArticle .image {
	margin-top: 40px;
}
.wrap .programArticle .image.imgBlue{
	background-color: #f5f6f8;
}
.wrap .programArticle .image.mt60{
	margin-top: 60px;
}
.wrap .programArticle .articleTitle h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .programArticle .articleTitle p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
}
.wrap .programArticle  p.mobP{
	display: none;
}
.wrap .programArticle .articleContent .intern {
	width: 1060px;
	margin: 0 auto;
	margin-top: 80px;
}

.wrap .programArticle .articleContent .intern .title {
	display: flex;
}

.wrap .programArticle .articleContent .intern .title .left {
	width: 240px;
	height: 60px;
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.wrap .programArticle .articleContent .intern .title .left::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../img/internBn1.png);
	width: 20px;
	height: 60px;
	right: -20px;
	z-index: 3;
}

.wrap .programArticle .articleContent .intern .title .left .text {
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
}

.wrap .programArticle .articleContent .intern .title .right {
	width: 820px;
	height: 60px;
	background-color: #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.wrap .programArticle .articleContent .intern .title .right::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../img/internBn2.png);
	width: 20px;
	height: 60px;
	right: -20px;
	z-index: 3;
}

.wrap .programArticle .articleContent .intern .title .right .text {
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
}

.wrap .programArticle .articleContent .intern .internMedia {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.wrap .programArticle .articleContent .intern .internMedia .article {
	width: 200px;
}

.wrap .programArticle .articleContent .intern .internMedia .article .image
	{
	width: 200px;
	height: 200px;
	border: 4px solid #ddd;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .programArticle .articleContent .intern .internMedia .article h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	text-align: center;
	margin-top: 40px;
}

.wrap .programArticle .articleContent .upgrade {
	width: 780px;
	margin: 0 auto;
	margin-top: 112px;
}

.wrap .programArticle .articleContent .upgrade .title {
	color: #fff;
	background-color: #a50034;
	height: 60px;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}

.wrap .programArticle .articleContent .upgrade .title::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../img/internBn3.png);
	width: 20px;
	height: 60px;
	right: -20px;
	z-index: 3;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article {
	width: 200px;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article .image
	{
	width: 200px;
	height: 200px;
	border: 4px solid #ddd;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .programArticle .articleContent .upgrade .upgradeMedia .article h3
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	text-align: center;
	margin-top: 40px;
}

.wrap .programArticle .articleContent .education {
	/* display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap; */

}

.wrap .programArticle .articleContent .education .image img {
	width: 100%;
}

.wrap .programArticle .articleContent .education .side .text {
	margin-top: 40px;
}

.wrap .programArticle .articleContent .education .side .text h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.wrap .programArticle .articleContent .education .side .text p {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
}

.wrap .programArticle .articleContent .education.leadership .side {
	width: 440px;
}

.wrap .programArticle .articleContent .proPolicy {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap {
	width: calc(50% - 10px);
}

.wrap .programArticle .articleContent .proPolicy .articleWrap {
	/* width: 440px; */
	width: calc(33.33% - 20px);
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	/* align-items: center; */
	border-radius: 32px;
	/* padding-top: 70px; */
	padding: 70px 0;
	box-sizing: border-box;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .image
	{
	margin: 0 auto;
	width: 160px;
	height: 160px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text
	{
	/* text-align: center; */
	margin-top: 40px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text h2
	{
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul
{
	margin-top: 27px;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li
{
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	display: flex;
}

.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li .textContent
{
    display: inline-block;
    padding-left: 0.375em;
}

.wrap .programArticle .articleContent .proEdu .articleWrap .article .text ul li
{
    text-align: center;
}

.wrap .programArticle.leadershipArt {
	padding-top: 20px;
}
.programInfo{
	border-top: 1px solid #bbb;
}
.wrap .programInfo .title {
	padding: 25px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: none;
}

.wrap .programInfo .title .text {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	text-align: center;
}

.wrap .programInfo .information .line {
	display: flex;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #bbb;
}

.wrap .programInfo .information .line .left {
	font-size: 18px;
	line-height: 1.56;
	font-weight: 700;
	color: #a50034;
	width: 275px;
	padding-left: 40px;
	box-sizing: border-box;
}

.wrap .programInfo .information .line .right {
	font-size: 18px;
	line-height: 1.56;
	font-weight: 700;
	color: #000;
	width: calc(100% - 275px);
}

.wrap .ko .only_ko.none {
	display: block !important;
}

.wrap .ko .none_ko {
	display: none !important;
}

.wrap .cn .only_cn.none {
	display: block !important;
}

.wrap .cn .none_cn {
	display: none !important;
}

.wrap .en .only_en.none {
	display: block !important;
}

.wrap .en .none_en {
	display: none !important;
}

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

.wrap .padding-100 {
	padding-bottom: 0;
}

.wrap .mt100 {
	margin-top: 100px !important;
}

.wrap .workLifeWrap {
	/* margin-top: 100px; */
	padding-top: 100px;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content {
	/* background-color: #f5f5f5; */
	/* padding: 50px 125px; */
	height: auto;
    width: auto;

}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .image
	{
	/* width: ; */
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .image iframe
	{
	position: absolute;
	width: 100%; /* 占싸몌옙 占승곤옙 占쏙옙 채占쏙옙占�. */
	height: 100%;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content h2
	{
	font-size: 24px;
	line-height: 1.33;
	font-weight: 700;
	text-align: center;
	margin-top: 30px;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea
	{
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	width: 169px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 20px;
	height: auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left
	{
	width: 100%;
	height: 44px;
	display: block;
	background-color: #a50034;
	color: #fff;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left span
	{
	margin-right: 10px;
	color: #fff;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left .btnWrap
	{
	display: flex;
	align-items: center;
	width:auto;
	height:auto;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right
	{
	width: 110px;
	height: 44px;
	border-radius: 8px;
	background-color: #444;
	color: #fff;
	display: none;
	justify-content: center;
	align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right span
	{
	margin-right: 10px;
	color: #fff;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .right .btnWrap
	{
	display: flex;
	align-items: center;
}

.wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .arrow
	{
	width: 20px;
	height: auto;
}

.wrap .jobintroWrap .slideArea.slideColorChange {
	background-color: #f5f5f5;
}

.wrap .jobintroWrap .slideArea.slideColorChange .introSlide .slideContents li .content
	{
	/* background-color: #fff; */

}

.wrap .jobintroWrap .slideArticle .slideContents .slick-arrow {
	top: 35%;
}

.wrap .articleTitleWrap .talentTitle {
	width: 157px;
}

/*20220330*/
.wrap .introDetailWrap {
	padding: 100px 0 200px;
	border-top: 1px solid #ddd;
	margin-top: 40px;
}

.wrap .introDetailWrap .intro .imageWrap {
	position: relative;
}

.wrap .introDetailWrap .intro .image {
	width: 1360px;
	background-color: #ccc;
}

.articleTitleWrap h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

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

.wrap .introDetailWrap .intro .imageWrap .textSticker {
	font-size: 48px;
	font-weight: 900;
	position: absolute;
	left: 60px;
	bottom: 60px;
	vertical-align: center;
}

.wrap .introDetailWrap .intro .imageWrap .textSticker span {
	font-size: 700px;
	color: #a50034;
	font-size: 28px;
	margin-left: 10px;
}

.wrap .introDetailWrap .intro .image .mob {
	display: none
}

.wrap .introDetailWrap .intro .text h2 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .introDetailWrap .intro .text p {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #666;
}

.wrap .introDetailWrap .intro .mt70 {
	margin-top: 70px;
}

.wrap .introDetailWrap .intro .mt40 {
	margin-top: 40px;
}

.wrap .introDetailWrap .intro .mt20 {
	margin-top: 20px;
}

.wrap .introDetailWrap .intro .mt80 {
	margin-top: 80px;
}

.wrap .introDetailWrap .intro .mt100 {
	margin-top: 100px;
}

.wrap .introDetailWrap .intro .youtubeArea {
	margin-top: 100px;
}

.wrap .introDetailWrap .intro .youtubeArea iframe {
	width: 1360px;
	height: 765px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content {
	padding: 0;
}

.wrap .introDetailWrap .introSlide .slideContents li div{
	height:auto !important;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .image {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height:0;
	padding-bottom: 56.25%;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .image iframe
	{
	position: absolute;
	width: 100%; /* 占싸몌옙 占승곤옙 占쏙옙 채占쏙옙占�. */
	height: 100%;
}

.wrap .introDetailWrap .slideArticle .slideContents .slick-arrow {
	top: 35%;
}

.wrap .introDetailWrap .introSlide .slideContents li .content h2 {
	font-size: 24px;
	line-height: 1.33;
	font-weight: 700;
	text-align: center;
	margin-top: 30px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	width: 169px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 20px;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left
	{
	width: 100%;
	height: 44px;
	display: block;
	background-color: #a50034;
	color: #fff;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left span
	{
	margin-right: 10px;
	color: #fff;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left .btnWrap
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right
	{
	display: block;
	width: 110px;
	height: 44px;
	border-radius: 8px;
	background-color: #444;
	color: #fff;
	display: none;
	justify-content: center;
	align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right span
	{
	margin-right: 10px;
	color: #fff;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .right .btnWrap
	{
	display: flex;
	align-items: center;
}

.wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .arrow
	{
	width: 20px;
}

.wrap .introDetailWrap .detailBtn {
	width: 113px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	margin-top: -20px;
}

.wrap .introDetailWrap .detailBtn a {
	color: #666;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
}

.wrap .josSection .promotionBanner {
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding: 30px 180px 30px 200px;
	box-sizing: border-box;
	margin-top: 100px;
}

.wrap .josSection .promotionBanner .flexWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap .josSection .promotionBanner .flexWrap .textWrap {
	display: flex;
}

.wrap .josSection .promotionBanner .flexWrap .text h3 {
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
}

.wrap .josSection .promotionBanner .flexWrap .text p {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
}

.wrap .josSection .promotionBanner .flexWrap .btn {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 146px;
	height: 44px;
	border: 1px solid #000;
	margin-left: 86px;
}

.wrap .josSection .promotionBanner .flexWrap .btn span {
	display: flex;
	align-items: center;
}

.wrap .josSection .promotionBanner .flexWrap .btn span i {
	margin-left: 10px;
}

.wrap .josSection .tabMenuWrap .menuLine {
	margin-top: 60px;
	border-bottom: 1px solid #d9d9d9;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu {
	display: flex;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li {
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
	padding: 25px 0;
	width: 25%;
	text-align: center;
	cursor: pointer;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .josSection .tabMenuWrap .menuLine .tabMenu li.on {
	font-weight: 700;
	border-bottom: 4px solid #a50034;
	color: #a50034;
}

.wrap .josSection .tabMenuWrap .content {
	display: none;
}

.wrap .josSection .tabMenuWrap .content.on {
	display: inherit;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .paging
	{
	margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap
	{
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .jobsContentTitle
	{
	font-size: 36px;
	line-height: 40px;
	font-weight: 7300;
	margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article
	{
	margin-top: 60px;
	background-color: #fff;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li:last-of-type
	{
	border-bottom: 1px solid #ccc;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap
	{
	height: 80px;
	padding: 0 40px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
	cursor: pointer;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span
	{
	display: block;
	float: left;
	line-height: 80px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum
	{
	width: 275px;
	color: #a50034;
	font-size: 18px;
	line-height: 80px;
	font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .grey
	{
	color: #666;
	margin-right: 6px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum .greyA
	{
	color: #bbb;
	margin-right: 6px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle
	{
	width: calc(100% - 557px);
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon
	{
	padding: 23px 0;
	text-align: right;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon .up
	{
	display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .down
	{
	display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap.on .crossIcon .up
	{
	display: block;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap
	{
	padding: 30px 314px;
	background-color: #fafafa;
	display: none;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .answerWrap p
	{
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #444;
	word-break: keep-all;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering
	{
	display: flex;
	justify-content: center;
	margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering .btn
	{
	width: 32px;
	height: 32px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul
	{
	display: flex;
	justify-content: center;
	padding: 0 24px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li
	{
	width: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li a
	{
	color: #666;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active
	{
	background-color: #a50034;
	border-radius: 8px;
}

.wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .numbering ul li.active a
	{
	color: #fff;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab {
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	margin-top: 100px;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #888;
	cursor: pointer;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li.act {
	font-weight: 700;
	color: #000;
	position: relative;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringTab li.act::after
	{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -8px;
	height: 2px;
	width: 100%;
	background: #a50034;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent {
	display: none;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent.act {
	display: block;
}

.wrap .josSection .tabMenuWrap .content.content4 .hiringContent.tabArticleWrap
	{
	margin-top: -30px;
}

.wrap .courseWrap .courseMenu .menuLine .tabMenu li {
	width: 33.33%;
}

.wrap .courseWrap .courseMenu .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .courseWrap .courseMenu .content .colorOriginal {
	padding-bottom: 100px;
}

.wrap .courseWrap .courseMenu .content .colorChange {
	background-color: #f5f5f5;
	padding: 100px 0;
	margin-top: 0;
}

.wrap .courseWrap .courseMenu .content .colorChange .title {
	margin-top: 0;
}

.wrap .courseWrap .courseMenu .content .title {
	margin-top: 100px;
	text-align: center;
}

.wrap .courseWrap .courseMenu .content .title h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	font-family: LGSmHaSB, sans-serif !important;
}

.wrap .courseWrap .courseMenu .content .title p {
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic {
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.wrap .courseWrap .courseMenu .content .titleGraphic::after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #d6d6d6;
	z-index: -1;
	bottom: 164px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li {
	width: 200px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 200px;
	height: 200px;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image .im1 {
	position: absolute;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image .im2 {
	position: absolute;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li .image.red {
	background-color: #a50034;
	border-radius: 50%;
}

.wrap .courseWrap .courseMenu .content .titleGraphic li h3 {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	margin-top: 40px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap {
	margin-top: 100px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph {
	border-top: 1px solid #bbb;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li {
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #bbb;
	display: flex;
	align-items: center;
	height: 109px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .left
	{
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	color: #a50034;
	width: 275px;
}

.wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .right
	{
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
	width: calc(100% - 231px);
}

.wrap .courseWrap .courseMenu .content.content2 .colorOriginal {
	padding-bottom: 0;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject {

}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap
	{
	width: calc(50% - 10px);
	border: 1px solid #ddd;
	padding: 70px 80px;
	border-radius: 32px;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media
	{

}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image
	{
	width: 160px;
	margin: 0 auto;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image img
	{
	width: 100%;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text
	{
	margin-top: 40px;
	text-align: center;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text h3
	{
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text p
	{
	margin-top: 27px;
	font-size: 22px;
	line-height: 30px;
	word-break: keep-all;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .media .text
	{
	margin-top: 40px;
}

.wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .media .text h3
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.wrap .tipsSection .tabMenuWrap .menuLine {
	border: 0;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu {
	width: 222px;
	justify-content: space-between;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu li {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	padding: 8px 0;
	color: #888;
}

.wrap .tipsSection .tabMenuWrap .menuLine .tabMenu li.on {
	color: #000;
	font-weight: 700;
}

.wrap .tipsSection .content {
	margin-top: 60px;
}

.wrap .tipsSection .content .newsListWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.wrap .tipsSection .content .newsListWrap li {
	width: 536px;
	min-height: 459px;
	margin-bottom: 80px;
	/* margin-right: 16px; */
}

.wrap .tipsSection .content .newsListWrap li a img {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.wrap .tipsSection .content .newsListWrap li a .category {
	width: auto;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #a50034;
	background-color: #fff;

	margin-top: 20px;
	display: inline-block;
	min-width: 70px;
	box-sizing: border-box;
}

.wrap .tipsSection .content .newsListWrap li a strong {
	margin-top: 18px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: visible;
	-webkit-line-clamp: 2;
}

.wrap .tipsSection .content .newsListWrap li a .textBox {
	margin-top: 16px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #666;
}

.wrap .tipsSection .content .newsListWrap li:nth-of-type(3n) {
	margin-right: 0;
}

.wrap .tipsSection .content .viewMore {
	font-size: 28px;
	line-height: 1;
	font-weight: 500;
	border: 1px solid #ddd;
	width: 300px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #888;
	margin: 0 auto;
	border-radius: 96px;
}

.wrap .tipsSection .content .viewMore a {
	color: #888;
}

.wrap .tipsSection .content .viewMore a i {
	margin-left: 10px;
}

.wrap .webinarDetailWrap .postUp {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 40px;
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postUp .left {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #666;
}

.wrap .webinarDetailWrap .postUp .right {
	width: 186px;
	display: flex;
	justify-content: space-between;
}

.wrap .webinarDetailWrap .postContent {
	padding: 100px 0;
}

.wrap .webinarDetailWrap .postContent .image img {
	width: 100%;
}

.wrap .webinarDetailWrap .postContent .flexWrap {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media {
	/*width: calc(50% - 10px);*/
	width: 100%;
	height: 108px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	color: #666;
	text-align: center;
}

.wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent .strong
	{
	color: #444;
	font-weight: 700;
	margin-right: 20px;
}

.wrap .webinarDetailWrap .postContent .graph {
	margin-top: 80px;
}

.wrap .webinarDetailWrap .postContent .graph ul {
	display: flex;
}

.wrap .webinarDetailWrap .postContent .graph ul li {
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #444;
	width: 340px;
}

.wrap .webinarDetailWrap .postContent .graph ul li.left {
	border-right: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul li.right {
	border-left: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul li.center {
	width: calc(100% - 680px);
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle {
	border-bottom: 1px solid #ddd;
	background-color: #f5f6f8;
	border-top: 2px solid #000;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle li {
	padding: 22px 0;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center {
	/* border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; */

}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent {
	align-items: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li {
	padding: 18px 0;
	line-height: 224px;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li.center {
	/* border-left: 1px solid #ddd;
	border-right: 1px solid #ddd; */

}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #444;
}

.wrap .webinarDetailWrap .postContent .graph ul.graphContent li p.mt10 {
	margin-top: 10px;
}

.wrap .webinarDetailWrap .postContent .postBtn {
	width: 806px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}

.wrap .webinarDetailWrap .postContent .postBtn div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50% - 10px);
	height: 80px;
	border-radius: 16px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}

.wrap .webinarDetailWrap .postContent .postBtn div.left {
	background-color: #a50034;
	color: #fff;
}

.wrap .webinarDetailWrap .postContent .postBtn div.left a {
	color: #fff;
}

.wrap .webinarDetailWrap .postContent .postBtn div.right {
	color: #666;
	background-color: #f5f5f5;
}

.wrap .webinarDetailWrap .postContent .postBtn div.right a {
	color: #666;
}

.wrap .webinarDetailWrap .postListBtn {
	width: 391px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 200px;
}

.wrap .webinarDetailWrap .postListBtn .btn {
	width: 129px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
}

.wrap .webinarDetailWrap .postListBtn .btn a {
	font-size: 18px;
	line-height: 19px;
	font-weight: 500;
	color: #666;
	cursor: pointer;
}

.wrap .webinarDetailWrap .postListBtn .btn.w113 {
	width: 113px;
}

.wrap .webinarTitle {
	width: 142px !important;
}

.wrap .webinarPastWrap .postContent .image {
	width: 100%;
}

.wrap .webinarPastWrap .postContent .image iframe {
	width: 1360px;
	height: 765px;
}

.wrap .webinarDisplayWrap .pageBanner {
	/* margin-top: 80px; */
	height: 480px;
	/* padding: 40px 0 100px; */
	padding-top: 40px;
	padding-bottom: 100px;
	box-sizing: border-box;
}

.wrap .webinarDisplayWrap .pageBanner .text h3 {
	font-size: 36px;
	line-height: 32px;
	font-weight: 500;
	color: #fff;
}

.wrap .webinarDisplayWrap .pageBanner .text h2 {
	font-size: 52px;
	line-height: 64px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 146px;
	height: 44px;
	border-radius: 8px;
	margin-top: 36px;
	color: #fff;
	background-color: #a50034;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn a {
	font-size: 20px;
	line-height: -6;
	font-weight: normal;
	color: #fff;
}

.wrap .webinarDisplayWrap .pageBanner .text .btn a img {
	width: 20px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0 70px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #888;
	padding-bottom: 8px;
	border-bottom: 2px solid #fff;
	margin-right: 32px;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a.active {
	border-color: #a50034;
	color: #000;
	font-weight: 700;
}

.wrap .webinarDisplayWrap .customSelectBox2Wrap a:last-of-type {
	margin-right: 0;
}

.wrap .webinarDisplayWrap .newsListWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.wrap .webinarDisplayWrap .newsListWrap li {
	width: 536px;
	min-height: 459px;
	margin-bottom: 80px;
}

.wrap .webinarDisplayWrap .newsListWrap li a img {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	object-fit: fill;
}

.wrap .webinarDisplayWrap .newsListWrap li a .category {
	width: auto;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
	background-color: #a50034;
	padding: 0 19px !important;
	margin-top: 20px;
	display: inline-block;
	min-width: 70px;
	box-sizing: border-box;
	font-weight: 700;
}

.wrap .webinarDisplayWrap .newsListWrap li a .online {
	margin-top: 20px;
	font-size: 18px;
	color: #a50034;
	background-color: #fff;
	width: 90px;
	line-height: 28px;
	display: inline-block;
	text-align: left;
}

.wrap .webinarDisplayWrap .newsListWrap li a strong {
	margin-top: 14px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.wrap .webinarDisplayWrap .newsListWrap li a .textBox {
	margin-top: 16px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	color: #666;
}

.wrap .webinarDisplayWrap .newsListWrap li:nth-of-type(3n+2) {
    margin-left: 16px;
    margin-right: 16px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a {
	position: relative;
	display: block;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category {
	position: absolute;
	top: 0;
	right: 20px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #888;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category.past
	{
	background-color: #4c4c4c;
	color: #fff;
	border: 0;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category.ing
	{
	border: 2px solid #a50034;
	color: #a50034;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date {
	display: flex;
	margin-top: 16px;
	align-items:center;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left
	{
	width: 56px;
	height: 56px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left img
	{
	width: 100%;
	border: none;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right
	{
	margin-left: 16px;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right p
	{
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #666;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li.afterWebinar a .image
	{
	position: relative;
}

.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li.afterWebinar a .image::after
	{
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background-color: rgba(0, 0, 0, 0.43);
	position: absolute;
	top: 0;
}

.wrap .webinarDisplayWrap .viewMoreBtn a {
	width: 300px;
	height: 100px;
	border: 2px solid #ddd;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.wrap .webinarDisplayWrap .viewMoreBtn a span {
	font-size: 28px;
	line-height: 32px;
	font-weight: 500;
	color: #888;
}

.wrap .webinarDisplayWrap .viewMoreBtn a img {
	margin-left: 15px;
	color: #fff;
}

.wrap .webBannerWrap .banner {
	color: #fff;
}

.wrap .webBannerWrap .banner a {
	width: 284px;
	color: #fff;
}

.wrap .displayDetailWrap .postContent .image {
	background-image: url(../img/exhibit-dummy.png);
	height: auto;
	/* position: relative; */
}

.wrap .displayDetailWrap .postContent .image .text {
	position: absolute;
	/* bottom: 80px;
  left: 80px; */
}

.wrap .displayDetailWrap .postContent .image .text h3 {
	font-size: 36px;
	line-height: 32px;
	font-weight: 500;
	color: #fff;
}

.wrap .displayDetailWrap .postContent .image .text h2 {
	font-size: 52px;
	line-height: 64px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
}

.wrap .displayDetailWrap .postContent .textLine {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #666;
	margin-top: 40px;
	word-break:keep-all;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage {
	width: 700px;
	margin: 0 auto;
}
.wrap .articleTitleWrap .trendTitle {
	margin-top:20px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide {
	position:relative;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide img{
	width: 100%;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots {
	bottom: -50px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li.slick-active button:before {
	background: #a50034;
	opacity: 1;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li {
	width:12px;
	height:12px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button {
	width: 12px;
	height: 12px;
	background: #ddd;
	border-radius: 50%;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button:before {
	content:'';
	display:block;
	background:#ddd;
	border-radius:50%;
	width:12px;
	height:12px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow {
	position: absolute;
	display: block;
	height: 48px;
	width: 48px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.7);
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
	border-radius: 48px;
	z-index: 99999;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow.custom-prev {
	left: -78px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow.custom-next {
	right: -78px;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-arrow img {
	width:initial;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .text {
	margin-top: 110px;
	font-size: 16px;
	line-height: 30px;
	color: #444;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle {
	width: 532px;
	height: 80px;
	background-color: #a50034;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	margin: 80px auto 0;
}
.wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle a {
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	font-weight: 900;
}
.wrap .displayDetailWrap.trendDetailWrap .slideArticle {
	padding-top:0;
}
/* 2022-0331 */
.wrap .companyIntro .pageBannerWrap {
	margin-top: 100px;
	display: flex;
}

.wrap .companyIntro .pageBannerWrap .pageBanner {
	background-image: url("../img/img-bn-top-company (1).png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 532px;
	height: 640px;
}

.wrap .companyIntro .pageBannerWrap .textWrap {
	width: calc(100% - 532px);
	padding: 80px 60px;
	box-sizing: border-box;
	background-color: #f5f6f8;
	height: 640px;
}

.wrap .en.companyIntro .pageBannerWrap .textWrap {
	padding: 60px;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
	font-size: 40px;
	line-height: 1;
	font-weight: 900;
	padding-bottom : 10px;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 span {
	color: #a50034;
}

.wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: #666;
	word-break: keep-all;
	margin-top: 30px;
}

.rightGrMob {
	display: none;
}

.wrap .companyIntro .companyInfo {
	margin-top: 40px;
}

.wrap .companyIntro .companyInfo .infoTitle {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.wrap .companyIntro .companyInfo .infoTitle .side.left {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .companyIntro .companyInfo .infoTitle .side.right {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #888;
}

.wrap .companyIntro .companyInfo .infoContent {
	display: flex;
	gap: 60px;
	flex-wrap: wrap;
	margin-top: 40px;
}

.wrap .companyIntro .companyInfo .infoContent .media {
	border-radius: 32px;
	align-items: center;
	justify-content: center;
	width: calc(33.33% - 40px);
}

.wrap .companyIntro .companyInfo .infoContent .media .mediaContent {
	align-items: center;
	display: flex;
}

.wrap .companyIntro .companyInfo .infoContent .media .image {
	width: 130px;
}

.wrap .companyIntro .companyInfo .infoContent .media .image img {
	width: 100%;
}

.wrap .companyIntro .companyInfo .infoContent .media .text {
	width: calc(100% - 130px);
}

.wrap .companyIntro .companyInfo .infoContent .media .text h3 {
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
}

.wrap .companyIntro .companyInfo .infoContent .media .text p {
	font-size: 28px;
	line-height: 34px;
	font-weight: 900;
	margin-top: 10px;
}

.wrap .companyIntro .companyInfo .infoContent .media .text .plusInfo {
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
	color: #888;
}

.wrap .companyIntro .businessArea {
	margin-top: 100px;
}

.wrap .companyIntro .businessArea h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .companyIntro .businessArea .flexArea {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}

.wrap .companyIntro .businessArea .flexArea .article {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 800px;
	position: relative;
}

.wrap .companyIntro .businessArea .flexArea .article.art1 {
	background-image: url("../img/img-company-business-01.png");
	width: 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art2 {
	background-image: url("../img/img-company-business-02.png");
	width: 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art3 {
	background-image: url("../img/img-company-business-03.png");
	width: 100%;
    background-size: 100% 100%;
}

.wrap .companyIntro .businessArea .flexArea .article.art4 {
	background-image: url("../img/img-company-business-04.png");
	width: calc(50% - 10px);
}

.wrap .companyIntro .businessArea .flexArea .article .text {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: calc(100% - 60px);
}

.wrap .companyIntro .businessArea .flexArea .article .text h2 {
	font-size: 28px;
	color: #fff;
	line-height: 30px;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}

.wrap .companyIntro .businessArea .flexArea .article .text h2::after {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 2px;
	bottom: -16px;
	background-color: #fff;
}

.wrap .companyIntro .businessArea .flexArea .article .text p {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-top: 30px;
}
.wrap .companyIntro .businessArea .flexArea .article .text p.mob{
	display: none;
}
.wrap .companyIntro h2.companyAv{
  	font-size: 36px;
  	line-height: 40px;
  	font-weight: 700;
  	margin-top: 120px;
  }
.wrap .companyIntro .tabMenuWrap .menuLine {
	margin-top: 60px;
	border-bottom: 0;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu {
	display: flex;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li {
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
	padding: 25px 0;
	width: 33.3333333333%;
	text-align: center;
	cursor: pointer;
	/* border-top: 2px solid #a50034; */
	/* border-left: 1px solid #ddd; */
	border-bottom: 1px solid #ddd;
}
.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:first-of-type{
	border-left: 0;
}
.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:last-of-type {
	border-right: 0;
}

.wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li.on {
	font-weight: 700;
	border-bottom: 4px solid #a50034;
	/* border-left: 2px solid #a50034;
	border-right: 2px solid #a50034; */
	color: #a50034;
	border-top: 0;
}

.wrap .companyIntro .tabMenuWrap .content {
	padding: 120px 0 200px;
}

.wrap .companyIntro .tabMenuWrap .content .image {
	margin: 0 auto;
	width: 1360px;
}

.wrap .companyIntro .tabMenuWrap .content .image iframe {
	width: 1360px;
	height: 765px;
}

.wrap .ceoWrap .pageBannerWrap {
	position: relative;
	margin-top: 100px;
	height: 996px;
}

.wrap .ceoWrap .pageBannerWrap .mt30 {
	margin-top: 30px;
}

.wrap .ceoWrap .pageBannerWrap .pageBanner {
	/* background-image: url("../img/2cb88bf4-1fe6-4dbe-b1e3-ee08ec71c7fd.png"); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 532px;
	height: 640px;
	margin-bottom: 0;
}
.webNone{
	display: none;
}
.wrap .ceoWrap .pageBannerWrap .textIntro {
	width: 1494px;
	height: auto;
	background-color: #f5f6f8;
	padding-top: 80px;
	padding-left: 458px;
	padding-right: 60px;
	padding-bottom: 90px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.wrap .ceoWrap .pageBannerWrap .textIntro h2 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 900;
}

.wrap .ceoWrap .pageBannerWrap .textIntro h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ceoWrap .pageBannerWrap .textIntro p {
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: #666;
	width: 976px;
	word-break: keep-all;
	margin-top: 30px;
}
.wrap .ceoWrap .pageBannerWrap .textIntro cn p{
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
	color: #666;
	width: 976px;
	word-break: keep-all;
	margin-top: 30px;
}
.wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
	padding: 100px 0 200px;
	border-top: 1px solid #d9d9d9;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
	margin-top: 40px;
	width: 682px;
	margin-left: auto;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
	margin-left: 40px;
}

.wrap .ceoWrap .history {
	display: flex;
	flex-wrap: wrap;
	margin-top: 328px;
	padding-bottom: 200px;
}

.wrap .ceoWrap .history h4 {
	font-size: 24px;
	line-height: 50px;
	font-weight: 900;
	margin-bottom: 10px;
}
.wrap .ceoWrap .history h4.award {
	margin-top:100px;
}
.wrap .ceoWrap .history .line {
	width: 100%;
	display: flex;
}

.wrap .ceoWrap .history .line span {
	display: inline-block;
	font-size: 24px;
	line-height: 50px;
	font-weight: 700;
}
.wrap .ceoWrap .history .line span.date.small {
	width: 74px;
}

.wrap .ceoWrap .history .line span.date {
	color: #a50034;
	width: 164px;
}
.wrap .ceoWrap .history.en .line span.date{
	width: 195px;
}
.wrap .ceoWrap .history .line span.title {
	margin-left: 20px;
	width:calc(100% - 160px);
}
.wrap .ceoWrap .history .line span.title .num {
	position:relative;
}
.wrap .ceoWrap .history .line span.title .num:after {
	content:"th";
	display: inline-block;
	font-size: 16px;
	font-weight: 800;
	position: absolute;
	top: -10px;
	right: -2px;
}
.wrap .ceoWrap .history .line span.desc {
	display:inline-block;
	font-size:20px;
	line-height:30px;
	font-weight:700;
	margin-top:10px;
}
.wrap .ceoWrap .history .line span.desc:before {
	content: "*";
	color: #a50034;
	display: inline-block;
	margin-right: 4px;
}
.wrap .ceoWrap .textIntro h2 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
}

.wrap .ceoWrap .textIntro h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ceoWrap .textIntro p {
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
	color: #666;
}

.wrap .ceoWrap .textIntro.textPadding {
	padding: 100px 0 150px;
	border-top: 1px solid #d9d9d9;
}
.wrap .ceoWrap .textIntro{

}
.wrap .ceoWrap .textIntro .btnSign {
	margin-top: 40px;
	width: 682px;
	margin-left: auto;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap {
	display: flex;
	align-items: center;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
	margin-left: 40px;
}

.wrap .visionWrap .pageBanner {
	background-image: url("../img/img-bn-top-vision.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 480px;
	margin-top: 60px;
}

.wrap .visionWrap .textIntro {
	margin-top: 100px;
}

.wrap .visionWrap .textIntro .flexWrap {
	display: flex;
	align-items: center;
}

.wrap .visionWrap .textIntro .flexWrap .left {
	width: 610px;
}

.wrap .visionWrap .textIntro .flexWrap .left img {
	width: 100%;
}

.wrap .visionWrap .textIntro .flexWrap .right {
	margin-left: 70px;
	width: calc(100% - 680px);
}
.wrap .visionWrap2 .pretendard {font-family: 'Pretendard'}
.wrap .visionWrap2 .content.on {display:block;}
.wrap .visionWrap2 .content {display:none;}
.wrap .visionWrap2 .tabMenuWrap.visionTabMenu {margin-bottom:140px;}
/*.wrap .visionWrap2 img {width: 100%;}*/
.wrap .visionWrap2 .tabMenuWrap .menuLine .tabMenu li a {color: inherit !important}
.wrap .visionWrap2 .visionTabWrap,
.wrap .visionWrap2 .brandTabWrap,
.wrap .visionWrap2 .viTabWrap{
	margin-bottom:200px;
}
.wrap .visionWrap2 .visionTabWrap img,
.wrap .visionWrap2 .brandTabWrap img,
.wrap .visionWrap2 .viTabWrap img{
	width: 100%;
}
.wrap .visionWrap2 .content {
	text-align:center;
}
.wrap .visionWrap2 .content .titleWrap .sub {
	display: block;
	font-size: 28px;
	line-height: 44px;
}
.wrap .visionWrap2 .content .titleWrap .desc {
	font-size:24px;
	line-height: 38px;
}
.wrap .visionWrap2 .content .contentWrap {
	margin-top: 180px;
	width: 100%;
}
.wrap .visionWrap2 .content .contentWrap + .contentWrap {
	margin-top: 180px;
}
.wrap .visionWrap2 .content .contentWrap .titleChip {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
	line-height: 32px;
	padding: 14px 50px;
	border-radius: 28px;
	background: #000;
	color: #fff;
	margin-bottom: 40px;
	font-weight: 700
}
.wrap .visionWrap2 .content .contentWrap .subTitle {
	display: block;
	font-size: 24px;
	line-height :38px;
}
.wrap .visionWrap2 .content .contentWrap .subTitle.fs-up {
	font-size: 32px;
	line-height :50px;
}
.wrap .visionWrap2 .content .contentWrap .subTitle .bold {
	font-weight: bold;
}
.wrap .visionWrap2 .content .contentWrap .subTitle + .subTitle {
	margin-top: 20px;
}
.wrap .visionWrap2 .content .contentWrap .visionVideo {
	width: 100%;
	margin: 60px auto 0;
}
.wrap .visionWrap2 .content .contentWrap .visionVideo iframe {
	width: 100%;
	height: 765px;
}
.wrap .visionWrap2 .content .contentWrap .contentBox {
	display:flex;
	width:100%;
	border-radius: 32px;
}
.wrap .visionWrap2 .content .contentWrap .contentBox + .contentBox {
	margin-top:40px;
}
.wrap .visionWrap2 .content .contentWrap .contentBox > div {
	flex:1 1 50%;
	width: 50%;
}
.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap {
	background: linear-gradient(to bottom, #f99, #f00);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.wrap .visionWrap2 .content .contentWrap .contentBox.even .textWrap {
	border-radius: 32px 0 0 32px;
}
.wrap .visionWrap2 .content .contentWrap .contentBox.odd .textWrap {
	border-radius: 0 32px 32px 0;
}
.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxTitle {
	font-size: 54px;
	line-height: 60px;
	font-weight: bold;
}
.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxSubTitle {
	margin-top: 30px;
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
}
.wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxDesc {
	font-size: 24px;
	margin-top: 30px;
	line-height: 38px;
}
.wrap .visionWrap2 .content .contentWrap .contentBox .image {}
.wrap .visionWrap2 .content .contentWrap .contentBox .image img {
	width:100%;
}
.wrap .visionWrap2 .content .contentWrap .behaviorWrap {
	margin-top: 80px;
}
.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList {
	display:flex;
	flex-direction: column;
	gap: 50px;
}
.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li {
	display: flex;
	align-items: center;
	gap: 60px;
	text-align: left;
}
.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .image {
	min-width: 370px;
	max-width: 370px;
}
.wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .text {
	font-size:22px;
	line-height:32px;
}
.wrap .visionWrap2 .content .brandTabWrap .image {
	margin-top: 60px;
}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap {
	display:flex;
	gap:20px;
	margin-top:20px;
}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont {
	display:flex;
	flex-direction: column;
	align-items: center;
	width:100%;
}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont {

}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .title {
	font-size:28px;
	line-height: 28px;
	font-weight: 600;
	margin-top:40px;

}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .desc {
	margin-top:20px;
	font-size: 20px;
	line-height: 30px;
	color: #444;
}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont {
	position: relative;
	height: 140px;
	width: 100%;
	border-radius: 32px;
}
.wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont .desc{
	position: absolute;
	right: 30px;
	bottom: 20px;
	font-size: 20px;
	line-height: 28px;
	text-align: right;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap {
	width: 100%;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list {

}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list .slick-track .slick-slide{
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-prev {
	left:-24px;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-next {
	right:-24px;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-arrow {
	position: absolute;
	display: block;
	height: 48px;
	width: 48px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.7);
	top: 46%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
	border-radius: 48px;
	z-index: 999;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-slide {
	margin: 0 10px !important;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .image {
	width: 100%;
}
.wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wrap .visionWrap .textIntro h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .visionWrap .textIntro h4 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 900;
}

.wrap .visionWrap .textIntro h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .visionWrap .textIntro p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #666;
	word-break: keep-all;
	margin-top: 60px;
}

.wrap .visionWrap .textIntro.textPadding {
	padding: 100px 0 200px;
	border-top: 1px solid #d9d9d9;
}

.wrap .visionWrap .textIntro .btnSign {
	margin-top: 40px;
	width: 682px;
	margin-left: auto;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap {
	display: flex;
	align-items: center;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap .left {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .visionWrap .textIntro .btnSign .flexWrap .right {
	margin-left: 40px;
}

.wrap .visionWrap .textIntro.culture {
	margin-top: 100px;
}

.wrap .visionWrap .flexAreaWrap {
	margin-top: 100px;
}

.wrap .visionWrap .flexAreaWrap .flexArea {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content:space-around;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap {
	width: calc(25% - 14px);
	/* border: 1px solid #ddd; */
	/* padding: 70px 0 104px; */
	border-radius: 32px;
}
.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap:hover{
	border: 0;
}
.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap:first-of-type {
	/* padding: 70px 0 61px; */

}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media {
	display: flex;
	align-items: center;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image {
	width: 130px;
	margin: 0 auto;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image img {
	width: 100%;
}

.wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media h3 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 900;
	width: 160px;
}

.wrap .visionWrap .prideWrap {
	padding: 100px 0 200px;
}

.wrap .visionWrap .prideWrap .image {
	width: 100%;
	max-width: 1360px;
}

.wrap .visionWrap .prideWrap .image img {
	width: 100%;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea {

}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap {
	width: calc(50% - 10px);
	border: 1px solid #ddd;
	border-radius: 32px;
	padding: 40px 60px;
	box-sizing: border-box;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap .media .image {
	width: 160px;
	margin: inherit;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap .media h3 {
	margin-left: 40px;
}

.wrap .mt80 {
	margin-top: 80px;
}

.wrap .ciWrap {
	padding-bottom: 200px;
}

.wrap .ciWrap article {
	margin-top: 100px;
}

.wrap .ciWrap article:nth-of-type(4) {
	margin-bottom: 100px;
}

.wrap .ciWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ciWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	margin-top: 0;
	word-break: keep-all;
	color: #000;
}

.wrap .ciWrap article .logoMarkBtn {
	border: 1px solid #ddd;
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
}
.wrap .ciWrap article .logoMarkBtn1{

}
.wrap .ciWrap article .logoMarkBtn1 .flexWrap{
	max-width: 1036px;
	width: 100%;
	align-items:center;
}
.wrap .ciWrap article .logoMarkBtn1 .flexWrap p{
	margin-top: 0;
	text-align: left;
}
.wrap .ciWrap article .logoMarkBtn .flexWrap {
	display: flex;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left {
	margin-right: 40px;
}
.wrap .ciWrap article .logoMarkBtn .flexWrap .right{
	width: 100%;
	max-width:756px;
}
.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image {
	width: 240px;
	height: 240px;
	border: 2px solid #a50034;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle {
	width: 200px;
	height: 200px;
	background-color: #a50034;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle
	{
	color: #fff;
	text-align: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle h3
	{
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle p
	{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 10px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right h2 {
	font-size: 48px;
	line-height: 1;
	font-weight: 900;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .btnArea {
	width: 200px;
	box-sizing: border-box;
	padding: 0 24px;
	border: 1px solid #ddd;
	margin-top: 30px;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .btnArea a {
	color: #666;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image {
	width: 240px;
	height: 240px;
	border: 2px solid #6b6b6b;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle {
	width: 200px;
	height: 200px;
	background-color: #6b6b6b;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle
	{
	color: #fff;
	text-align: center;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle h3
	{
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
}

.wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle p
	{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 10px;
}

.wrap .ciWrap article .logoMarkBtn.logoType {
	display: block;
	padding: 80px 0;
	box-sizing: border-box;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap {
	display: flex;
	height: 160px;
	align-items: center;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left {
	height: 160px;
	border-right: 1px solid #ddd;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left .logo {
	width: 242px;
	margin: 0 auto;
	height: 160px;
	margin-top: 50px;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo {
	width: 326px;
	margin: 0 auto;
}

.wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .side {
	width: 50%;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 {
	padding: 24px 0;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap {
	height: 272px;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left {
	height: 272px;
	padding-top: 50px;
	box-sizing: border-box;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo
	{
	width: 334px;
}

.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo
	{
	width: 422px;
}

.wrap .ciWrap .precautions {
	padding: 60px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text-align: left;
	border-radius: 32px;
}

.wrap .ciWrap .precautions .textBox {
	margin-top: 100px;
}

.wrap .ciWrap .precautions .textBox:nth-of-type(1) {
	margin-top: 0;
}

.wrap .ciWrap .precautions .textBox h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .ciWrap .precautions .textBox h4 {
	font-size: 48px;
	font-weight: 900;
	line-height: 52px;
}

.preSub {
	margin-top: 40px;
}

.preSub li {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.wrap .ciWrap .precautions .textBox p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #666;
	margin-top: 40px;
}

.wrap .ciWrap .precautions .textBox p.bold {
	font-weight: 700;
}

/* 20220401 */
.wrap .awardsWrap .tabMenuWrap .menuLine {
	margin-top: 60px;
	border-bottom: 1px solid #d9d9d9;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu {
	display: flex;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li {
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
	padding: 25px 0;
	width: 50%;
	text-align: center;
	cursor: pointer;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on {
	font-weight: 700;
	border-bottom: 4px solid #a50034;
	color: #a50034;
}

.wrap .awardsWrap .tabMenuWrap .content {
	padding: 110px 0 200px;
}

.wrap .awardsWrap .tabMenuWrap .content .line {
	border-bottom: 1px solid #a50034;
	padding-bottom: 30px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab {
	display: flex;
	justify-content: space-between;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li {
	font-size: 32px;
	line-height: 1;
	font-weight: 900;
	color: #bbb;
	width: 246px;
	text-align: center;
	cursor: pointer;
}

.wrap .awardsWrap .tabMenuWrap .content2 .historyTab li {
	width: 50%;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li a {
	color: inherit;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li.act {
	color: #a50034;
	position: relative;
}

.wrap .awardsWrap .tabMenuWrap .content .historyTab li.act::after {
	display: block;
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background-color: #a50034;
	bottom: -38px;
	left: 0;
	right: 0;
	margin: auto;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent {
	display: none;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent.act {
	display: block;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent {
	display: none;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent.act {
	display: block;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea {
	margin-top: 110px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent h2 {
	font-size: 46px;
	color: #444;
	font-weight: 900;
	margin-top: 75px;
	line-height: 1;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent h2:first-of-type
	{
	margin-top: 113px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph {
	margin-top: 45px;
	display: flex;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year {
	font-size: 26px;
	line-height: 28px;
	font-weight: 900;
	color: #444;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #666;
	position: relative;
	margin:0;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year::before
	{
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 3px solid #a50034;
	position: absolute;
	top: -20px;
	right: -11px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side {
	/* width: calc(100% - 341px); */
	width: 100%;
}
/* .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:first-of-type{
	margin-top: 0;
} */
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub
	{
	display: flex;
	margin-top: 40px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left
	{
	font-size: 28px;
	/* line-height: 72px; */
	line-height: 40px;
	font-weight: 700;
	color: #a50034;
	padding-left: 111px;
	text-align: center;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right
	{
	font-size: 28px;
	line-height: 40px;
	/* line-height: 72px; */
	font-weight: 700;
	color: #444;
	padding-left: 33px;
}

.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:last-of-type
	{
	border-bottom: none;
}
/* .wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea {
  margin-top: 110px;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph {
  display: flex;
  border-top: 1px solid #000;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph:nth-of-type(1) {
  border-top: 2px solid #000;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph:last-of-type {
  border-bottom: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year {
  font-size: 26px;
  line-height: 28px;
  font-weight: 900;
  color: #444;
  width: 341px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side {
  width: calc(100% - 341px);
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left {
  font-size: 18px;
  line-height: 65px;
  font-weight: 700;
  color: #a50034;
  width: 203px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right {
  font-size: 18px;
  line-height: 65px;
  font-weight: 700;
  color: #444;
  padding-left: 40px;
}
.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:last-of-type {
  border-bottom: none;
  border-top: 1px solid #ddd;
} */
.wrap .workplaceWrap .mapArea {
	margin-top: 100px;
}

.wrap .workplaceWrap .tabMenuWrap {
	margin-top: 160px;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine {
	margin-top: 60px;
	border-bottom: 1px solid #d9d9d9;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu {
	display: flex;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li {
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
	padding: 25px 0;
	width: 33.3333333333%;
	text-align: center;
	cursor: pointer;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .workplaceWrap .tabMenuWrap .menuLine .tabMenu li.on {
	font-weight: 700;
	border-bottom: 4px solid #a50034;
	color: #a50034;
}

.wrap .workplaceWrap .tabMenuWrap .content {
	padding-bottom: 200px;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap {
	margin-top: 100px;
	border-top: 2px solid #000;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .left {
	color: #444;
	font-size: 18px;
	line-height: 103px;
	font-weight: 700;
	width: 340px;
	border-right: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .left.act {
	color: #d80546;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .right {
	width: calc(100% - 340px);
	padding-left: 41px;
	padding-top: 22px;
	padding-bottom: 24px;
}

.wrap .workplaceWrap .tabMenuWrap .content .graphWrap .graph .right p {
	font-size: 18px;
	line-height: 23px;
	font-weight: normal;
	color: #444;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left,
	.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left
	{
	padding: 24px 0;
	box-sizing: border-box;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left.padding38,
	.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left.padding38
	{
	padding: 38px 0;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap,
	.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap
	{
	text-align: center;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap h2,
	.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap h2
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
}

.wrap .workplaceWrap .tabMenuWrap .content.content2 .graphWrap .graph .left .textWrap h3,
	.wrap .workplaceWrap .tabMenuWrap .content.content3 .graphWrap .graph .left .textWrap h3
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #888;
}

.wrap .center1414 {
	margin: 0 auto;
	width: 1414px;
}

/* 2022.04.04 */
.wrap .informationWrap .tabMenuWrap {
	margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .menuLine {
	margin-top: 60px;
	border-bottom: 1px solid #d9d9d9;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu {
	display: flex;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li {
	font-size: 28px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
	padding: 25px 0;
	width: 33.3333333333%;
	text-align: center;
	cursor: pointer;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li.on {
	font-weight: 700;
	border-bottom: 4px solid #a50034;
	color: #a50034;
}

.wrap .informationWrap .tabMenuWrap .content {
	padding-bottom: 200px;
}
.wrap .informationWrap .tabMenuWrap .content.content1 .explain {
	padding: 100px 0;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap
	{
	display: flex;
	justify-content: space-between;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left
	{
	font-size: 36px;
	line-height: 60px;
	font-weight: 700;
	word-break: keep-all;
	width: calc(100% - 919px);
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right
	{
	width: 816px;
	word-break: keep-all;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .explain.colorChange
	{
	background-color: #f5f6f8;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea h2 {
	font-size: 32px;
	line-height: 44px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap
	{
	border-top: 2px solid #000;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph
	{
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #444;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	color: #444;
	display: flex;
	text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span
	{
	/* text-align: center; */
	display: block;
	padding: 23px 0;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1
	{
	width: 340px;
	border-right: 1px solid #ddd;
	/* background-color: #f5f6f8; */
	display: flex;
	align-items:center;
	justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list2
	{
	width: 203px;
	border-right: 1px solid #ddd;
	text-align: center;

	display: flex;
	align-items:center;
	justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.lh48
	{
	/* line-height: 40px; */
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li span.list3
	{
	text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3
	{
	width: calc(100% - 558px);
	padding-left: 40px;
	box-sizing: border-box;
	text-align: left;
}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3.black
	{
	opacity: 1;
	display: flex;
	align-items:center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 {
	padding-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardTitle h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap {
	margin-top: 40px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media
	{
	padding: 64px 60px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	width: calc(50% - 130px);
	display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image
	{
	width: 140px;
	height: 140px;
	margin-right: 50px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image img
	{
	width: inherit;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h2
	{
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h3
	{
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol
	{
	margin-top: 20px;

}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li
	{
	font-size: 18px;
	line-height: 1.89;
	font-weight: normal;
	font-stretch: normal;
	position: relative;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li::after
	{
	display: block;
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #ddd;
	left: -11px;
	top: 14px;
	border-radius: 50%;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media.padding47
	{
	padding: 47px 60px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap {
	margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h2
	{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h3
	{
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol
	{
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	display: flex;
	word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li span
	{
	margin-right: 3px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn
	{
	background-color: #a50034;
	margin: 0 auto;
	margin-top: 40px;
	width: 532px;
	display: block;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a
	{
	width: 100%;
	padding: 27px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 37px;
	font-weight: 700;
	color: #fff;
	height: 80px;
	box-sizing:border-box;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a img
	{
	margin-left: 4px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn.btnOpen.none
	{
	display: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap {
	display: none;
	margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap.on
	{
	display: block;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h2
	{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h3
	{
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap
	{
	border: 1px solid #ddd;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter
	{
	padding: 80px 60px;
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter:last-of-type
	{
	border: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter h2
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap
	{
	display: flex;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	flex: 1;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li>.sub>li
	{
	/* display: flex; */
	word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li>.sub>li span
	{
	margin-right: 5px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li.left
	{
	margin-right: 60px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap {
	margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap
	{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap h2
	{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide
	{
	width: 468px;
	display: flex;
	justify-content: end;
	gap: 28px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li
	{
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	color: #888;
	cursor: pointer;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li a
	{
	color: #888;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act
	{
	color: #000;
	position: relative;
	font-weight: 700;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act a
	{
	color: #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act::after
	{
	position: absolute;
	display: block;
	content: "";
	bottom: -1px;
	background-color: #a50034;
	width: 100%;
	height: 2px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent
	{
	display: none;
	margin-top: 40px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap
	{
	border-top: 2px solid #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph
	{
	display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li
	{
	line-height: 65px;
	text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent
	{
	border-bottom: solid 1px #000;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list1
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list2 .story li
	{
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list2 .story li:last-of-type
	{
	border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list3 .whether li
	{
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list3 .whether li:last-of-type
	{
	border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list4
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li
	{
	box-sizing: border-box;
	text-align: center;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list1
	{
	width: 340px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list2
	{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 65px;
	width: 583px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list2 .story li
	{
	line-height: 65px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list3
	{
	border-right: 1px solid #ddd;
	line-height: 65px;
	width: 201px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list3 .whether li
	{
	line-height: 65px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph li.list4
	{
	width: 223px;
}

.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent.act
	{
	display: block;
}


/* 그래프 수정 */
.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line4{
	padding: 15px 0 !important;
	line-height: 23px !important;
	height: 132px !important;
	display: flex;
    align-items: center;
    justify-content: center;
}
.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line5{
	padding: 15px 0 !important;
	line-height: 23px !important;
	height: 185px !important;
	display: flex;
    align-items: center;
    justify-content: center;
}


.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap {
	border-top: 2px solid #000;
	margin-top: 100px;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph
	{
	display: flex;
	border-bottom: 1px solid #000;
}
.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph:last-of-type{
	border-bottom: 1px solid #ddd;
}
.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #444;
	box-sizing: border-box;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list1
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
	border-right: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2
	{
	width: calc(100% - 340px);
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .sub li
	{
	display: flex;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .sub li span
	{
	margin-right: 5px;
	line-height: 28px;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea
	{
	display: flex;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea:last-of-type
	{
	border-bottom: none;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .left
	{
	width: 203px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right
	{
	width: calc(100% - 169px);
	padding: 22px 0;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	word-break: break-all;
}

.wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right span
	{
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	color: #444;
}

.wrap .financialWrap .financialTitle {
	width: 238px !important;
}

.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 33.33%;
}

.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .financialWrap .tabMenuWrap .content {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .financialWrap .tabMenuWrap .content .title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.wrap .financialWrap .tabMenuWrap .content .title h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .title p {
	font-size: 18px;
	line-height: 19px;
	font-weight: 500;
	color: #888;
}

.wrap .financialWrap .tabMenuWrap .content .title ul .open {
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #666;
	display: none;
	cursor: pointer;
}

.wrap .financialWrap .tabMenuWrap .content .title ul .close {
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #666;
	cursor: pointer;
}

.wrap .financialWrap .tabMenuWrap .content .title ul.on .open {
	display: block;
}

.wrap .financialWrap .tabMenuWrap .content .title ul.on .close {
	display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap {
	border-top: 2px solid #000;
	margin-top: 40px;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company .graph {
	display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company .gr {
	display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company.on .graph
	{
	display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.company.on .gr {
	display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec .graph {
	display: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec .gr {
	display: none;
	word-break: keep-all;
}
.wrap .financialWrap .tabMenuWrap .content .graphWrap .gr.mt0{
	margin-top: 0;
}
.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec.on .graph {
	display: flex;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap.elec.on .gr {
	display: flex;
	word-break: keep-all;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph.graphTitle .w1019
	{
	text-align: center;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li {
	padding: 22px 0;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li.bgp {
	background-color: #fbe6ec;
	font-weight: 900;
	color: #000;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue {
	background-color: #f5f6f8;
	width: 340px;
	text-align: center;
	border-right: 1px solid #ddd;
	font-weight: 700;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203 {
	width: 203px;
	text-align: center;
	border-right: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203:last-of-type
	{
	border-right: none;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510 {
	width: 510px;
	text-align: center;
	border-right: 1px solid #ddd;
}

.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510:last-of-type {
	border-right: none;
}


.wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w1019 {
	width: 1019px;
	padding-left: 30px;
}

.wrap .financialWrap .tabMenuWrap .content .gr {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #888;
	margin-top: 40px;
	display: flex;
}
.wrap .financialWrap .tabMenuWrap .content .gr span{
	margin-right: 5px;
}
.wrap .financialWrap .tabMenuWrap .content .btnArea {
	width: 532px;
	margin: 0 auto;
	margin-top: 100px;
	color: #fff;
}

.wrap .financialWrap .tabMenuWrap .content .btnArea a {
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #a50034;
	border-radius: 16px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
}

.wrap .center1414 {
	margin: 0 auto;
	width: 1414px;
}

/* 2022-04-05 */
.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 33.33%;
}

.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .stockWrap .tabMenuWrap .content {
	padding-bottom: 200px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide {
	width: 571px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en {
	width: 1010px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li {
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	color: #888;
	cursor: pointer;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li a {
	color: #888;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act {
	color: #000;
	position: relative;
	font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act a {
	color: #000;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act::after
	{
	position: absolute;
	display: block;
	content: "";
	bottom: -1px;
	background-color: #a50034;
	width: 100%;
	height: 2px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent {
	display: none;
	margin-top: 70px;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent.act {
	display: block;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea iframe
	{
	width: 100%;
	height: calc(100vw * 0.339);
}

.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea .image img
	{
	width: 100%;
}

.wrap .stockWrap .tabMenuWrap .content.content2 {
	margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle
	{
	background-color: #f5f6f8;
	display: flex;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #000;
	margin-top: 40px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #444;
	box-sizing: border-box;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list1
	{
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2
	{
	width: calc(100% - 545px);
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 h3
	{
	text-align: center;
	padding-top: 21px;
	padding-bottom: 23px;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub
	{
	display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li
	{
	width: 33.33%;
	text-align: center;
	padding-top: 19px;
	padding-bottom: 25px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li.left
	{
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li.right
	{
	border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list3
	{
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph
	{
	display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1
	{
	width: 340px;
	background-color: #f5f6f8;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1 .subList
	{
	text-align: center;
	font-size: 18px;
	line-height: 65px;
	font-weight: 500;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2
	{
	width: calc(( 100% - 545px)/3);
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2 .subList
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 500;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3
	{
	width: 200px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3 .subList
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 500;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy {
	margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .policy p,
.wrap .stockWrap .tabMenuWrap .content.content3 .policy p {
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend {
	margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap {
	margin-top: 40px;
	border-top: 2px solid #000;
	display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1
	{
	width: 340px;
	background-color: #f5f6f8;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap
	{
	display: flex;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap li:last-of-type
	{
	border-bottom: none;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1
	{
	width: 204px;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2
	{
	width: 135px;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap h2
	{
	width: 204px;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap ol
	{
	width: 135px;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2
	{
	width: 203px;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 .title
	{
	background-color: #f5f6f8;
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	border-left: 1px solid #ddd;
	color: #444;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #444;
}

.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .gr {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #888;
	margin-top: 40px;
}



.wrap .stockWrap .tabMenuWrap .content.content3 h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 100px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .gr {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #888;
	margin-top: 40px;
	display: flex;
}
.wrap .stockWrap .tabMenuWrap .content.content3 .gr span{
	margin-right: 5px;
}
.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap {
	display: flex;
	border-top: 2px solid #000;
	margin-top: 40px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 {
	width: 340px;
	background-color: #f5f6f8;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li {
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 {
	width: 203px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li {
	text-align: center;
	font-size: 18px;
	line-height: 65px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	color: #444;
	text-align: center;
	background-color: #f5f6f8;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap {
	margin-top: 40px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph {
	display: flex;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph1
	{
	width: 190px;
	background-color: #f5f6f8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph2
	{
	width: 190px;
	background-color: #f5f6f8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph3
	{
	width: 162px;
	background-color: #f5f6f8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444;
	border-right: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4
	{
	width: 815px;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media
{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	padding-left: 40px;
	padding-top: 23px;
	padding-bottom: 22px;
	color: #444;
	border-bottom: 1px solid #ddd;
}
.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media.bt000{
	border-bottom: 1px solid #000;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media:last-of-type
	{
	border-bottom: none;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	display: flex;
	height: 132px;
	border-bottom: 1px solid #ddd;
}

.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle li
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .center1414 {
	margin: 0 auto;
	width: 1414px;
}
/* .wrap a {
  color: inherit !important;
} */
.wrap .financialTitle {
	width: 238px !important;
}
/* 2022 04 06 */
.wrap .referenceWrap {
	padding-bottom: 200px;
}

.wrap .referenceWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 50%;
}

.wrap .referenceWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .referenceWrap .tabMenuWrap .content {
	margin-top: 100px;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #000;
}
#performance_list{
	width: 100%;
}
#performance_IndexFrame{
	margin-top: 50px;
}
.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph .list1
	{
	font-weight: 700;
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph .list2
	{
	width: 510px;
	border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}
.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li.c666 a{
	/* display: block; */

	background-color: #a50034;
	padding: 10px 24px;
	color: #fff;
	border-radius: 8px;
}
.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li.c666 a{
	/* display: block; */

	background-color: #a50034;
	padding: 10px 24px;
	color: #fff;
	border-radius: 8px;
}
.mobBtn{
	display: none;
}
.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666 img
	{

}

.wrap .referenceWrap .tabMenuWrap .content.content2 h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap {
	margin-top: 40px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #000;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1
	{
	font-weight: 700;
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2
	{
	width: 337px;
	border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2.list2-2
	{
	width: 255px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3
	{
	border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 h3
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle
	{
	display: flex;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	width: 253px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .flexWrap
	{
	display: flex;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .flexWrap .sub
	{
	width: 253px;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .bdl
	{
	border-left: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 img
	{

}

.wrap .referenceWrap .tabMenuWrap .faqSearchWrap {
	margin-top: 100px;
}

.wrap .referenceWrap .irBnWrap {
	background-image: url("../img/img-bn-irinquiries.png");
	padding: 60px 0;
	margin-top: 120px;
}

.wrap .referenceWrap .irBnWrap h2 {
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.wrap .referenceWrap .irBnWrap .flexBtn {
	display: flex;
	margin: 0 auto;
	margin-top: 30px;
	width: 404px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn {
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 0 !important ;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1 {
	width: 214px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1 a {
	color: inherit;
	display: flex;
	align-items:center;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2 {
	width: 174px;
	margin-left: 7px;
}

.wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2 a {
	color: inherit;
}

.wrap .noticeDataWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 50%;
}

.wrap .noticeDataWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .noticeDataWrap .tabMenuWrap .content {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg {
	width: 732px;
	margin: 0 auto;
}

.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe {
	width: 732px;
	/* height: calc(100vw * 0.48); */
	height: 960px;
	border:none;
	overflow-y:hidden;
}
.wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe body{overflow-Y: hidden;}
.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap {
	margin-top: 40px;
}
#sales_list{
	width: 100%;
	border-top: 2px solid #000;
}
table{
	border-collapse : collapse;
}
#pagingIrForm{
	/*border-top: 2px solid #000;*/
}
#pagingIrForm{} td,th{
	border: 1px solid #ddd;
}
#pagingIrForm thead th:first-of-type{
	border-left: 0;
}
#pagingIrForm thead th:last-of-type{
	border-right: 0;
}
#pagingIrForm thead tr th{
	text-align: center;
	padding: 22px 0;
	background-color: #f5f6f8;
}
#pagingIrForm thead tr th{
	width: 40%;
	font-size: 18px;
}
#pagingIrForm thead tr th:nth-of-type(1){
	width: 20%;
}
#pagingIrForm tbody tr th{
	width: 20%;
	background-color: #f5f6f8;
	border-left: 0;
	font-size: 18px;
}
#pagingIrForm tbody tr td{
	text-align: center;
	padding: 18px 0;
	width: 40%;
	font-size: 18px;
}
#pagingIrForm tbody tr td:last-of-type{
	border-right: 0;
}
#pagingIrForm tbody tr td button{
	min-width: 146px;
	height: 44px;
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
	margin:0 auto;
	font-size: 20px;
	box-sizing:border-box;
	padding: 13px 20px 13px 24px;
	line-height:100%;
	display:inline-flex !important;
	justify-content: center;
	align-items: center;
	gap:10px;

}
#pagingIrForm tbody tr td button span{
	color: #000;
	font-size: 20px;
}
/*#pagingIrForm tbody tr td button img{*/
/*	margin-left: 10px;*/
/*}*/
#pagingIrForm #corporate_list {width:100%;}
#pagingIrForm #corporate_list thead tr th:first-child {
	width: 10%;
}
#pagingIrForm #corporate_list thead tr th:nth-child(2) {
	width: 50%;
}
#pagingIrForm #corporate_list thead tr th:nth-child(3),
#pagingIrForm #corporate_list thead tr th:nth-child(4){
	width: 20%;
}
#pagingIrForm #corporate_list tbody tr td:first-child {
	width: 10%;
}
#pagingIrForm #corporate_list tbody tr td:nth-child(2) {
	width: 50%;
	word-break:break-word;
	padding: 18px;
}
#pagingIrForm #corporate_list tbody tr td:nth-child(3),
#pagingIrForm #corporate_list tbody tr td:nth-child(4){
	width: 20%;
}
#sales_IndexFrame{
	margin-top: 50px;
}
.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #000;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1
	{
	font-weight: 700;
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh130
	{
	line-height: 130px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh195
	{
	line-height: 195px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2
	{
	width: 510px;
	border-left: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 img
	{
	margin-left: 10px;
}
.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 a{
	background-color: #a50034;
	padding: 10px 24px;
	color: #fff;
	border-radius: 8px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn {
	width: 532px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 100px;
	background-color: #a50034;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	border-radius: 16px;
}

.wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn a {
	color: inherit;
}

.wrap .ceoMsgWrap {
	padding-bottom: 200px;
}

.wrap .ceoMsgWrap.en {
	padding-bottom: 300px;
}

.wrap .ceoMsgWrap.cn {
	padding-bottom: 400px;
}

.wrap .ceoMsgWrap .positionWrap {
	position: relative;
	margin-top: 100px;
	height: 1870px;
}

.wrap .ceoMsgWrap .positionWrap .left {
	width: 532px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.wrap .ceoMsgWrap .positionWrap .right {
	width: 1494px;
	height: 100%;
	background-color: #f5f6f8;
	position: absolute;
	right: 0;
	top: 0;
}

.wrap .ceoMsgWrap .positionWrap .right .text {
	position: absolute;
	top: 80px;
	right: 134px;
	width: 902px;
}

.wrap .ceoMsgWrap .positionWrap .right .text p {
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	color: #666;
	margin-top: 10px;
	word-break: keep-all;
}

.wrap .ceoMsgWrap .positionWrap .right .text p:nth-of-type(1) {
	margin-top: 0;
}

.wrap .ceoMsgWrap .positionWrap .right .text h2 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 900;
	color: #a50034;
	margin-top: 30px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap {
	width: 722px;
	margin-top: 20px;
	margin-left: auto;
	 /*margin-right: -74px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side
	{
	font-size: 32px;
	line-height: 34px;
	font-weight: 700;
	/*margin-right: 40px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image{
	margin-top: 40px;
    /*margin-right: 70px;*/
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image img {
	width: 349px;
	height: 93px;
}

.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h3 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	margin-top: 20px;
	text-align: right;
	/*margin-right: 42px;*/
}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en h3{
	margin-right: 0;

}

.wrap .esgVisionWrap .articleBox {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .esgVisionWrap .articleBox h2 {
	font-size: 48px;
	line-height: 52px;
	font-weight: 700;
}

.wrap .esgVisionWrap .articleBox p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	/* word-break: keep-all; */
	word-break: break-all;
}

.wrap .esgVisionWrap .articleBox .image {
	margin: 0 auto;
	margin-top: 80px;
}

.wrap .esgVisionWrap .articleBox h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 100px;
}

.wrap .esgVisionWrap .articleBox h4 {
	margin-top: 100px;
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgVisionWrap .articleBox h4:nth-of-type(1) {
	margin-top: 40px;
}

.wrap .esgCarbonWrap {
	padding-bottom: 200px;
}

.wrap .esgCarbonWrap .carbonSection .image {
	margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection h4 {
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	margin-top: 60px;
}

.wrap .esgCarbonWrap .carbonSection .image img {
	width: 100%;
}

.wrap .esgCarbonWrap .carbonSection .text {
	margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection .text h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .text p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap {
	margin-top: 40px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle {
	background-color: #f5f6f8;
	border-top: 2px solid #000;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li {
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	color: #444;
	text-align: center;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li.list1
	{
	width: 340px;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph.graphTitle li.list2
	{
	width: 203px;
	border-left: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	color: #444;
	text-align: center;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li.list1 {
	width: 340px;
	font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .graphWrap .graph li.list2 {
	width: 203px;
	border-left: 1px solid #ddd;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap {
	margin-top: 100px;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgCarbonWrap .carbonSection .emissionWrap .listWrap {
	width: 100%;
	height: 400px;
	background-color: #ccc;
	margin-top: 40px;
}

.wrap .esgPrideWrap {
	padding-bottom: 200px;
}

.wrap .esgPrideWrap .prideWrap {
	margin-top: 100px;
}

.wrap .esgPrideWrap .prideWrap h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
}

.wrap .esgPrideWrap .prideWrap .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgTitle {
	width: 278px !important;
}

.numbering {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}

.numbering .btn {
	width: 32px;
	height: 32px;
}

.numbering ul {
	display: flex;
	justify-content: center;
	padding: 0 24px;
}

.numbering ul li {
	width: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	font-weight: 700;
}

.numbering ul li a {
	color: #666;
}

.numbering ul li.active {
	background-color: #a50034;
	border-radius: 8px;
	color: #fff;
}

.numbering ul li.active a {
	color: #fff;
}

/* 2022 04 07 */
.wrap .esgPrideWrap {
	padding-bottom: 200px;
}

.wrap .esgPrideWrap .prideWrap {
	margin-top: 100px;
}

.wrap .esgPrideWrap .prideWrap h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .esgPrideWrap .prideWrap .pride {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.wrap .esgPrideWrap .prideWrap .pride .side {
	width: 50%;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap {
	display: flex;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left {
	font-size: 26px;
	position: relative;
	width: 46px;
	height: 46px;
	border: 1px solid #a50034;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #a50034;
	font-weight: 900;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right {
	margin-top: 9px;
	margin-left: 14px;
	width: calc(100% - 50px);
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right h3 {
	font-size: 26px;
	line-height: 28px;
	font-weight: 700;
}

.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right .text {
	font-size: 18px;
	line-height: 28px;
	margin-top: 20px;
}

.wrap .esgPrideWrap .prideWrap .image img {
	width: 100%;
}

.wrap .esgSupplyWrap {
	padding-bottom: 200px;
}

.wrap .esgSupplyWrap .supplyWrap h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 100px;
}
.wrap .esgSupplyWrap .supplyWrap h3 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 100px;
}

.wrap .esgSupplyWrap .supplyWrap p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	margin-top: 40px;
	color: #666;
	/*word-break: keep-all;*/
}

.wrap .esgSupplyWrap .supplyWrap .supplyArtSubHeader h2{
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 100px;
}

.wrap .esgSupplyWrap .supplyWrap .downloadBtn {
	width: auto;
	height: 50px;
	border: 1px solid #bbb;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 38px;
	min-width: 356px;
	max-width: 620px;
	padding: 0 20px;
}

.wrap .esgSupplyWrap .supplyWrap .downloadBtn a {
	color: inherit !important;
}

.wrap .esgSupplyWrap .supplyWrap .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgSupplyWrap .supplyWrap .image img {
	width: 100%;
}

.artHeader {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.gr {
	font-size: 18px;
	color: #888;
	font-weight: 500;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap {
	border-top: 2px solid #000;
	margin-top: 40px;
	margin-bottom: 20px;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph.graphTitle {
	background-color: #f5f6f8;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph.graphTitle li {
	color: #444;
	font-weight: 700;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li {
	font-size: 18px;
	width: 25%;
	text-align: center;
	padding: 22px 20px;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	margin:auto;
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.text-right {
	text-align: right;
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap2 .graph li {
	width: 33.33%;
	margin:auto
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li.list1{
	height: 62px;
	/*padding: 16px 0;*/
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list1 {
	background-color: #f5f6f8;
	color: #444;
	font-weight: 700;
	border-left: 0;
	/* height: 64px; */
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_1 {
	background-color: #f5f6f8;
	color: #444;
	font-weight: 700;
	border-left: 0;
	height: 90px;
	padding: 36px 0;
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li.list_1{
	height: 88px;
	/*padding: 24px 0;*/
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_2 {
	/* background-color: #f5f6f8; */
	color: #444;
	font-weight: 700;
	/* height: 96px; */
	line-height: 46px;
	text-align: right;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_3 {
	/* background-color: #f5f6f8; */
	color: #444;
	font-weight: 700;
	line-height: 46px;
	text-align: right;
}
.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list1 span br{
	 display:none !important;
}

.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list_1 span br{
	 display:none !important;
}

.wrap .esgContributionWrap {
	padding-bottom: 200px;
}

.wrap .esgContributionWrap .contributionWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 100px;
}

.wrap .esgContributionWrap .contributionWrap article h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
	margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article h3.mt80 {
	margin-top: 80px;
}

.wrap .esgContributionWrap .contributionWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .esgContributionWrap .contributionWrap article p.mt20 {
	margin-top: 20px;
}

.wrap .esgContributionWrap .contributionWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article .image img {
	width: 100%;
}

.wrap .esgContributionWrap .contributionWrap article .vod {
	width: 100%;
	margin-top: 40px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.wrap .esgContributionWrap .contributionWrap article .vod iframe {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media
	{
	display: flex;
	margin-top: 40px;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture
	{
	width: 260px;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture img
	{
	width: 100%;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text
	{
	box-sizing: border-box;
	padding: 45px 40px;
	width: calc(100% - 260px);
}

.mobSegment {
	display: none;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text h4
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text .segment
	{
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 40px;
	word-break: keep-all;
	/*width: 1060px;*/
	width:100%;
}

.wrap .esgShareholderWrap {
	padding-bottom: 200px;
}

.wrap .esgShareholderWrap .shareholderWrap article {
	margin-top: 100px;
	/*width: 1369px;*/
}

.wrap .esgShareholderWrap .shareholderWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgShareholderWrap .shareholderWrap article p {
	color: #666;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	margin-top: 40px;
	/*word-break: keep-all;*/
	width: 100%;
	letter-spacing: -0.04em;
}

.wrap .esgShareholderWrap .shareholderWrap article .image {
	width: 100%;
	margin-top: 40px;
}
.wrap .esgShareholderWrap .shareholderWrap article .gr{
	text-align: right;
	margin: 40px 0;
}
.wrap .esgShareholderWrap .shareholderWrap .graphWrap {
	display: flex;
	border-top: 2px solid #000;
	margin-top: 20px;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph {
	/* width: 203px; */
	width: calc((100% - 340px) / 5);
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle
	{
	min-width: 63px;
	width: 340px;
	background-color: #f5f6f8;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li br{
	display: none !important;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list1 {
	background-color: #f5f6f8;
	font-weight: 700;
	border-left: 1px solid #ddd;
}

.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2 {
	border-left: 1px solid #ddd;
}

.wrap .riskManagementWrap {
	padding-bottom: 200px;
}

.wrap .riskManagementWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 50%;
}

.wrap .riskManagementWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit !important;
}

.wrap .riskManagementWrap .content {
	display: none;
}

.wrap .riskManagementWrap .content.on {
	display: block;
}

.wrap .riskManagementWrap .articleTitleWrap .riskTitle {
	width: 400px !important;
}

.wrap .riskManagementWrap .managementWrap article {
	margin-top: 100px;
}
.wrap .riskManagementWrap .managementWrap article.mt60{
	margin-top: 60px;
}
.wrap .riskManagementWrap .managementWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .riskManagementWrap .managementWrap article h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 80px;
	font-weight: 900;
	width: 1360px;
}
.wrap .riskManagementWrap .managementWrap article h4 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 40px;
	font-weight: 700;
}

.wrap .riskManagementWrap .managementWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .riskManagementWrap .managementWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .riskManagementWrap .managementWrap article .image img {
	width: 100%;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .segment {
	color: #666;
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 86px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media {
	width: 417px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .image {
	height: 248px;
	background-color: #ccc;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text {
	margin-top: 24px;
	text-align: center;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text h3 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 900;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap .flexWrap .media .text p {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
	word-break: keep-all;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .image {
	width: 100%;
	height: 400px;
	background-color: #ccc;
	margin-top: 40px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side {
	width: 620px;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgTaxPolicyWrap .taxPolicyWrap article .flexWrap .side .picture
	{
	height: 400px;
	background-color: #ccc;
	margin-top: 40px;
}

.wrap .esgResourceWrap {
	padding-bottom: 200px;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit !important;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 50%;
}

.wrap .esgResourceWrap .tabMenuWrap .menuLine .tabMenu li.on {

}

.wrap .esgResourceWrap .content {
	display: none;
}

.wrap .esgResourceWrap .content.on {
	display: block;
}

.wrap .esgResourceWrap .resourceWrap article {
	margin-top: 100px;
}

.wrap .esgResourceWrap .resourceWrap article .articleHeader {
	/*display: flex;*/
	justify-content: space-between;
	align-items: flex-end;
}

.wrap .esgResourceWrap .resourceWrap article h2 {
	font-size: 36px;
	line-height: 100px;
	font-weight: 700;
}
.wrap .esgResourceWrap .resourceWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	max-width: 1360px;
	word-break: keep-all;
}

.wrap .esgResourceWrap .resourceWrap article .gr {
	font-size: 18px;
	font-weight: 500;
	color: #888;
	margin-top: 40px;
	line-height: 28px;
	display: flex;
}
.wrap .esgResourceWrap .resourceWrap article .gr span{
	margin-right: 5px;
}
.wrap .esgResourceWrap .resourceWrap article .articleHeader .gr {
	margin-top: 0;
	float: right;
}

.wrap .esgResourceWrap .resourceWrap article h3 {
	margin-top: 0px;
	font-size: 28px;
	font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap {
	display: flex;
	border-top: 2px solid #000;
	margin-top: 40px;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph {
	width: 25%;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph.graphTitle
	{
	width: 25%;
	background-color: #f5f6f8;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list1
	{
	background-color: #f5f6f8;
	font-weight: 700;
	border-left: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list2
	{
	border-left: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap .plan {
	margin-top: 80px;
}

.wrap .esgResourceWrap .resourceWrap .plan h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap {
	display: flex;
	border-top: 2px solid #000;
	margin-top: 40px;
	border-bottom: 1px solid #000;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap:nth-of-type(2){
	border-bottom:0px solid #ddd;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graphTitle
	{
	width: 340px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph1 {
	width: 415px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 {
	width: 655px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li
	{
	text-align: left;
	padding-left: 48px;
	padding-top: 18.7px;
	padding-bottom: 18px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1
	{
	line-height: 28px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2
	{
	line-height: 28px;
	/* border-bottom: none; */
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li3
{
	line-height: 28px;
	border-bottom: none;
	height: 57px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.cn .sub li.li3 {
    height: 82px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.en .sub li.li3
{
	line-height: 28px;
	height: 112px !important;
	margin-top: 0px !important;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.en .list2 .sub li.li3{
	height: 122px !important;
	margin-top: 0px !important;
	line-height: 1.56;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.ko .sub li.li3
{
	line-height: 28px;
	border-bottom: none;
	height: 58px;
    margin-top: 0px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph.graph2 .list2.ko .sub li.li3
{
	height: 82px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1 {
	background-color: #f5f6f8;
	font-weight: 700;
	border-left: 1px solid #ddd;
	background-color: #f5f6f8;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1.bdl0{
	border-left: 0;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0{
	border-left: 0;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 {
	border-left: 1px solid #ddd;
	line-height: 309px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.cn{
	line-height: 334px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1
	{
	line-height: 93px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2
	{
	line-height: 120.2px;
	/* border-bottom: none; */
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph li.list2 .sub li.li2 {
    line-height: 120px;
    border-bottom: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3
{
	line-height: 94px;
	border-bottom: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3.cn {
	line-height: 118px;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3.en {
    line-height: 158px;
}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 {
	margin-top: 0;
	border-top: none;
}

.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 .graphTitle .list2
	{
	line-height: 28px;
	height: 121px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .esgSafeWrap {
	padding-bottom: 200px;
}

.wrap .esgSafeWrap .safeWrap article .row{
	display: flex;
	padding-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox{

	float: left;
 	padding: 30px;
 	height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.en{
    float: left;
    padding: 10px;
    height: 10%;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.en {
	float: left;
    padding: 10px;
    height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX{
	float: left;
 	padding: 45px 30px 30px 30px;
 	height: 170px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.left {
 	width: 29%;
  	height: 170px;
  	padding: 18px 85px 18px 85px;
 	border: solid 1px #ddd;
  	text-align: center;
  	box-sizing: border-box;
  	background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.left.en {
	width: 29%;
    height: 170px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en {
	width: 29%;
    height: 207px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ddd;
    text-align: center;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.right {
 	width: 74%;
 	margin-left: 25px;
  	border-top: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;
  	box-sizing: border-box;
  	background-color: #fff;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox h3.title-txt{
  	font-size: 24px;
	font-weight: 900;
  	width: 70%;
    line-height: 1.67;
	word-break: keep-all;
	margin: 10% 10% 10% 15%;
    letter-spacing: 2px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.en h3.title-txt{
 	font-size: 24px;
    font-weight: 900;
    width: 100%;
    line-height: 1.67;
    word-break: keep-all;
    margin: 10% 10% 10% 0%;
    letter-spacing: normal;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en h3.title-txt{
 	font-size: 24px;
    font-weight: 900;
    width: 100%;
    line-height: 1.67;
    word-break: keep-all;
    margin: 15% 10% 10% 0%;
    letter-spacing: 2px;
}

.wrap .esgSafeWrap .safeWrap article .row .txtBox .flexWrap span{
	font-size: 24px;
	line-height: 37px;
  	letter-spacing: -0.2px;
  	color: #666;
}



.wrap .esgSafeWrap .safeWrap article {
	margin-top: 100px;
}

.wrap .esgSafeWrap .safeWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .image img {
	width: 100%;
}

.wrap .esgSafeWrap .safeWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article p.center {
	text-align: center;
}

.wrap .esgSafeWrap .safeWrap article .tag {
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding: 60px 0;
	margin-top: 60px;
}

.wrap .esgSafeWrap .safeWrap article .tag h3 {
	font-size: 28px;
	line-height: 44px;
}

.wrap .esgSafeWrap .safeWrap article .tag p {
	font-size: 24px;
	line-height: 26px;
	margin-top: 20px;
	color: #666;
	word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article .textBox {
	margin-top: 40px;
	padding: 80px 60px;
	border: 1px solid #ddd;
}

.wrap .esgSafeWrap .safeWrap article .textBox.bdbtX {
	margin-top: 0;
	border-top: 0;
}

.wrap .esgSafeWrap .safeWrap article .textBox h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.wrap .esgSafeWrap .safeWrap article .textBox h3:nth-of-type(1) {
	margin-top: 10px;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box {
	/* display: flex; */
	flex-wrap: wrap;
	margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box .flexWrap {
	display: flex;
	font-size: 24px;
	line-height: 40px;
	color: #666;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box span {
	display: inline-block;
	word-break: keep-all;
}

.wrap .esgSafeWrap .safeWrap article .textBox .box span.red {
	color: #a50034;
	font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap .media {
	margin-top: 60px;
}

.wrap .esgSafeWrap .safeWrap .media:nth-of-type(2) {
	margin-top: 80px;
}

.wrap .esgSafeWrap .safeWrap .media h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box {
	width: 260px;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image {
	width: 287px;
	height: 88px;
	border-radius: 14px;
	position: relative;
	border: 2px solid #888;
	color: #666;
	font-weight: 900;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image.red {
	border: solid 2px #99273e;
	color: #a50034;
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image span {
	font-size: 26px;
	line-height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wrap .esgSafeWrap .safeWrap .media .flexWrap .box p {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #666;
	text-align: center;
	margin-top: 40px;
	width: 287px;
}

.wrap .safeTitle {
	width: 240px !important;
}

.wrap .esgTitle {
	width: 278px !important;
}

/* 2022 04 08 */
.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine .tabMenu li {
	width: 33.33%;
}

.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit;
}

.wrap .esgManagementPolicyWrap .content {
	display: none;
}

.wrap .esgManagementPolicyWrap .content.on {
	display: block;
	overflow:hidden;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .esgManagementPolicyWrap .tabMenuWrap {
	margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .textHeader {
	display: flex;
	align-items: center;
	margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .textHeader .image {
	width: 160px;
	margin-right: 78px;
}

.wrap .esgManagementPolicyWrap .textHeader .image img {
	width: 100%;
}

.wrap .esgManagementPolicyWrap .textHeader .text {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	word-break: keep-all;
	width: calc(100% - 160px);
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay {
	margin-top: 189px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up {
	margin-top: 40px;
	/* padding-top: 40px; */
	/* padding-bottom: 40px;
  padding-left: 148px; */
	border: 1px solid #ddd;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .upContent
	{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1080px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image
	{
	width: 180px;
	border-radius: 50%;
	margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .text {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #444;
	width: calc(100% - 180px);
	/* word-break: keep-all; */
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media
	{
	width: calc(33.33% - 20px);
	height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 32px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image
	{
	width: 160px;
	border-radius: 50%;
	margin-right: 40px;
	margin: 0 auto;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text
	{
	text-align: center;
	margin-top: 22px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h3
	{
	font-size: 20px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h2
	{
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	color: #a50034;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p
	{
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 30px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic {
	margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab
	{
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle
	{
	width: 785px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li a
	{
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #888;
	word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li.on a
	{
	font-weight: 700;
	color: #000;
	position: relative;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li.on a::after
	{
	position: absolute;
	display: block;
	content: "";
	bottom: -8px;
	width: 100%;
	height: 2px;
	background-color: #a50034;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area
	{
	margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h2
	{
	font-size: 28px;
	line-height: 30px;
	font-weight: 900;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h3
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 40px;
	word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox
	{
	margin-top: 20px;
	color: #666;
	/* word-break: keep-all; */
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox h4
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area.area1
	{
	margin-top: 70px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal {
	margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap
	{
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 520px;
	border: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in
	{
	display: flex;
	align-items: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image
	{
	width: 180px;
	border-radius: 50%;
	margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap
	{
	border-top: 2px solid #000;
	margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph
	{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li
	{
	padding: 18px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1
	{
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	background-color: #f5f6f8;
	width: 340px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd32
	{
	padding: 32px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36
	{
	padding: 36px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60
	{
	padding: 60px 0;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list2
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #444;
	width: calc(100% - 340px);
	padding-left: 25px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg {
	margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader
	{
	border: 1px solid #ddd;
	padding: 40px 0;
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image
	{
	width: 180px;
	border-radius: 50%;
	margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in h3
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap
	{
	display: block;
	margin-top: 60px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media
	{
	width: 100%;
	display: flex;
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image
	{
	width: 50%;
	background-color: #f5f5f5;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange
	{
	width: 50%;
	padding: 42px 60px;
	box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text
	{
	padding: 74px 60px;
	background-color: #fafafa;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text h3
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text p
	{
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	margin-top: 20px;
	word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn {
	width: 423px;
	height: 44px;
	background-color: #a50034;
	padding: 11px 24px;
	border-radius: 8px;
	box-sizing: border-box;
	margin-top: 20px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a
	{
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany {
	margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	margin-top: 40px;
	color: #666;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox
	{
	display: flex;
	margin-top: 57px;
	border-top: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left
	{
	background-color: #ccc;
	width: 502px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right
	{
	width: calc(100% - 502px);
	display: flex;
	flex-wrap: wrap;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article
	{
	width: 50%;
	height: 360px;
	position: relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image
	{
	width: 130px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text
	{
	position: absolute;
	top: 40px;
	left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
	margin-top: 20px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p
	{
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
	word-break: keep-all;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article.articleAll
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement {
	margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement h2
	{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader
	{
	border: 1px solid #ddd;
	padding: 40px 0;
	margin-top: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in
	{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
    max-width: 1160px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image
	{
	width: 200px;
	border-radius: 50%;
	margin-right: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3
	{
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #444;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy {
	margin-top: 80px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h3 {
	margin-top: 40px;
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul {
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	display: flex;
	width: 1300px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li span
	{
	margin-right: 5px;
	letter-spacing: -0.1px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim {
	margin-top: 120px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap
	{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media
	{
	width: 32%;
	height: 520px;
	padding-top: 70px;
	border: 1px solid #ddd;
	border-radius: 32px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image
	{
	width: 160px;
	border-radius: 50%;
	margin: 0 auto;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text
	{
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text h3
	{
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text p
	{
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	margin-top: 27px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround {
	width: 100%;
	padding: 50px 0;
	background-color: #fafafa;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia
	{

}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image
	{
	width: 160px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image img
	{
	width: 100%;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-top: 10px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system {
	margin-top: 80px;
	width: 1360px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .system p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #666;
	margin-top: 40px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem {
	margin-top: 100px;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap
	{
	border-top: 2px solid #000;
	margin-top: 40px;
	border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph
	{
	display: flex;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graph2
	{
	border-bottom: 1px solid #000;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li
	{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 256px;
	text-align: center;
	color: #444;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	border-left: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1
	{
	width: 332px;
	background-color: #f5f6f8;
	border-left: none;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	color: #444;
	border-left: none;
	border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li:last-of-type
	{
	border-bottom: none;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-bottom: 1px solid #ddd;
}

.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph.graphTitle li
	{
	height: 91px;
}

.wrap .esgEnvironmentWrap .environmentWrap {
	margin-top: 100px;
	padding-bottom: 200px;
}

.wrap .esgEnvironmentWrap .environmentWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.wrap .esgEnvironmentWrap .environmentWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: 500;
	color: #666;
	margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .image img {
	width: 100%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn
	{
	width: 530px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li a
	{
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #888;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li.on a
	{
	font-weight: 700;
	color: #000;
	position: relative;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li.on a::after
	{
	position: absolute;
	display: block;
	content: "";
	bottom: -8px;
	width: 100%;
	height: 2px;
	background-color: #a50034;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content
	{
	display: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .gr
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #888;
	margin-top: 35px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .red
	{
	width: 12px;
	height: 12px;
	background-color: #a50034;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .blank
	{
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #888;
	display: inline-block;
	box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap
	{
	border-top: 2px solid #000;
	margin-top: 40px;
	width: 1360px !important;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph
	{
	display: flex;
	border-bottom: 1px solid #000;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	height: 130px;
	border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li h3
	{
	line-height: 64px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub
	{
	line-height: 65px;
	display: flex;
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list
	{
	text-align: center;
	width: 87px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en .graph.graphTitle li .sub .list {
	line-height: 20px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list:nth-of-type(1)
	{
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li
	{
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con1
	{
	width: 250px;
	border-right: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f6f8;
}

.wrap .esgEnvironmentWrap .environment212Wrap article .graphWrapAll .content .graphWrap .graph li.con2
	{
	width: 176px;
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub
	{
	display: flex;
	height: 100%;
	border-right: 1px solid #ddd;;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list
	{
	width: 87px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list:nth-of-type(1)
	{
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot
	{
	width: 12px;
	height: 12px;
	background-color: #a50034;
	border-radius: 50%;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot.blank
	{
	border: 1px solid #888;
	background-color: #fff;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2.con2Spot .sub .list .spot.line
	{
	width: 10px;
	height: 2px;
	background-color: #888;
	border-radius: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3
	{
	width: 211px;
	border-right: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3
	{
	font-size: 18px;
	line-height: 60px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh120
	{
	line-height: 120px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh92
	{
	line-height: 92px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh64
	{
	line-height: 64px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh56
	{
	line-height: 56px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4
	{
	width: 211px;
	border-right: 1px solid #ddd;
	position: relative;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3
	{
	font-size: 18px;
	line-height: 60px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3:last-of-type
	{
	border-bottom: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3:last-of-type
	{
	border-bottom: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh120
	{
	line-height: 120px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh92
	{
	line-height: 92px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh64
	{
	line-height: 64px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh56
	{
	line-height: 56px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .sticker
	{
	position: absolute;
	top: -93px;
	background-color: #fff;
	width: 210px;
	height: 185px;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	padding-top: 50px;
	box-sizing: border-box;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5
	{
	width: 510px;
	display: flex;
	align-items: center;
	padding-left: 22px;
	text-align: left;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line
	{
	display: block;
	padding-left: 0;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4
	{
	font-size: 18px;
	line-height: 64px;
	font-weight: normal;
	color: #444;
	border-bottom: 1px solid #ddd;
	padding-left: 22px;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4:last-of-type
	{
	border-bottom: none;
}

.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content.on
	{
	display: block;
}

.wrap .articleTitleWrap .riskTitle {
	width: auto !important;
}

.wrap .safeTitle {
	width: 240px !important;
}

.wrap .esgTitle {
	width: auto !important;
}

.wrap .center1414 {
	margin: 0 auto;
	width: 1414px;
}

.esgGovernanceWrap {
	padding-bottom: 200px;
}

.wrap .esgGovernanceWrap .tabMenuWrap .menuLine .tabMenu li a {
	color: inherit !important;
}

.wrap .esgGovernanceWrap .content {
	display: none;
}

.wrap .esgGovernanceWrap .content.on {
	display: block;
}

.esgGovernanceWrap article {
	margin-top: 100px;
}

.esgGovernanceWrap article .gr {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #888;
	margin-top: 20px;
}

.esgGovernanceWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.esgGovernanceWrap article h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 40px;
}
.esgGovernanceWrap article p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	word-break: keep-all;
	margin-top: 40px;
}
.esgGovernanceWrap article p.desc {
	margin-top: 20px;
}

.esgGovernanceWrap .downloadWrap {
	display:flex;
	justify-content: end;
}
.esgGovernanceWrap .downloadWrap .pdfDownload {
	display:flex;
	gap: 10px;
	align-items: center;
	border:1px solid #000;
	padding: 9px 24px;
	margin-top: 30px;
}
.esgGovernanceWrap .downloadWrap .pdfDownload span {
	font-size: 20px;
	line-height:1.5;
}
.esgGovernanceWrap .downloadWrap .pdfDownload img {
	width: 20px;
	height: 20px;
}
.esgGovernanceWrap article .ceoSignWrap{display: flex;align-items:center;justify-content:flex-end;margin-top: 50px;}
.esgGovernanceWrap article .ceoSignWrap .left{font-size: 32px;font-weight: 700;margin-right: 40px;}
.esgGovernanceWrap article .ceoSignWrap .right{width: 230px;}
.esgGovernanceWrap article .ceoSignWrap .right img{width: 100%;}
.esgGovernanceWrap article .image.blue{
	padding: 40px;
	border: 1px solid #ddd;
	background-color: #fafafa;
	box-sizing:border-box;
}
.esgGovernanceWrap article .image {
	margin-top: 40px;
	width: 100%;
}

.esgGovernanceWrap article .image.blueScreen {
	padding: 20px;
	border: 1px solid #ddd;
	background-color: #fafafa;
	box-sizing: border-box;
}

.esgGovernanceWrap article .image img {
	width: 100%;
}

.esgGovernanceWrap article .text {
	display: flex;
	margin-top: 40px;
}

.esgGovernanceWrap article .text .left {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
	color: #a50034;
	/*width: 83px;*/
	/*min-width: 48px;*/
	min-width: unset;
	margin-right: 20px;
}

.esgGovernanceWrap article .text .left.w228 {
	/*width: 228px;*/
	min-width: 116px;
}

.esgGovernanceWrap article .text .left.w128 {
	/*width: 128px;*/
	min-width: 91px;
}

.esgGovernanceWrap article .text .left.w136 {
	/*width: 136px;*/
	min-width: 71px;
}

.esgGovernanceWrap article .text .center {
	width: 2px;
	height: 18px;
	margin-right: 20px;
	background-color: #a50034;
	margin-top: 9px;
}

.esgGovernanceWrap article .text .right {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	word-break: break-all;
	width: 100%;
}

.esgGovernanceWrap article .imgArea {
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}

.esgGovernanceWrap article .imgArea .center {
	width: 426px;
}

.esgGovernanceWrap article .imgArea .center .picture {
	height: 413px;
	background-color: #ccc;
}

.esgGovernanceWrap article .imgArea .center h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.esgGovernanceWrap article .imgArea .center p {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
}

.esgGovernanceWrap article .imgArea .side {
	width: 397px;
}

.esgGovernanceWrap article .imgArea .side h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.esgGovernanceWrap article .textBox {
	display: flex;
	margin-top: 57px;
	border-top: 1px solid #ddd;
}

.esgGovernanceWrap article .textBox .left {
	background-color: #ccc;
	width: 502px;
	margin-top: 0;
}

.esgGovernanceWrap article .textBox .left img {
	width: 100%;
}

.esgGovernanceWrap article .textBox .right {
	width: calc(100% - 502px);
	display: flex;
	flex-wrap: wrap;
}

.esgGovernanceWrap article .textBox .right .article {
	width: 50%;
	height: 269px;
	position: relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}

.esgGovernanceWrap article .textBox .right .article .image {
	width: 130px;
}

.esgGovernanceWrap article .textBox .right .article .image img {
	width: 100%;
}

.esgGovernanceWrap article .textBox .right .article .text {
	position: absolute;
	top: 40px;
	left: 40px;
	padding-right: 39px;
	box-sizing: border-box;
}

.esgGovernanceWrap article .textBox .right .article .text h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 900;
}

.esgGovernanceWrap article .textBox .right .article .text p {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
	word-break: keep-all;
}

.esgGovernanceWrap article .textBox .right .article.articleAll {
	width: 100%;
}

.grFlex {
	display: flex;
}

.mt0 {
	margin-top: 0 !important;
}

.esgGovernanceWrap article .consultSubTitle {
	margin-top: 100px;
	padding-bottom: 40px;
	border-bottom: 2px solid #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.esgGovernanceWrap article .consultSubTitle span {
	color: #a50034;
}

.esgGovernanceWrap article .consultSubTitle h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.esgGovernanceWrap article .consultSubTitle .important {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	color: #444;
}

.esgGovernanceWrap article .consultSubTitle .important span {
	color: #a50034;
}

.esgGovernanceWrap article .inputSection h2 {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #444;
}

.esgGovernanceWrap article .inputSection h2 span {
	color: #a50034;
}

.esgGovernanceWrap article .inputSection .inputWrap {
	border: 1px solid #666;
	height: 64px;
	padding: 0 24px;
	margin-top: 20px;
}

.esgGovernanceWrap article .inputSection .inputWrap input {
	width: 100%;
	border: 0;
	outline: 0;
	height: 100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

.esgGovernanceWrap article .inputSection .inputWrap input::-moz-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap input:-ms-input-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap input::placeholder {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .inputSection .inputWrap.focus {
	border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent {
	margin-top: 40px;
}

.esgGovernanceWrap article .consultContent .areaClick {
	display: flex;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox {
	display: flex;
	align-items: center;
	margin-right: 50px;
	cursor: pointer;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .imgWrap
	{
	margin-right: 16px;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .imgWrap .fill
	{
	display: none;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox .text {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #888;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .imgWrap .fill
	{
	display: block;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .imgWrap .none
	{
	display: none;
}

.esgGovernanceWrap article .consultContent .areaClick .checkBox.on .text
	{
	color: #000;
}

.esgGovernanceWrap article .consultContent .inputWrap {
	border: 1px solid #666;
	height: 64px;
	padding: 0 24px;
	margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .inputWrap input {
	width: 100%;
	border: 0;
	outline: 0;
	height: 100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

.esgGovernanceWrap article .consultContent .inputWrap input::-moz-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap input:-ms-input-placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap input::placeholder
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .inputWrap.focus {
	border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent .textArea {
	width: 100%;
	outline: 0;
	border: 1px solid #666;
	height: 280px;
	margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .textArea textarea {
	width: 100%;
	resize: none;
	height: 100%;
	outline: 0;
	border: 0;
	padding: 24px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
}

.esgGovernanceWrap article .consultContent .textArea textarea::-moz-placeholder
	{
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea textarea:-ms-input-placeholder
	{
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea textarea::placeholder
	{
	color: #bbb;
}

.esgGovernanceWrap article .consultContent .textArea.on {
	border: 2px solid #a50034;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox {
	padding: 24px;
	box-sizing: border-box;
	border: 1px solid #666;
	overflow: auto;
	height: 280px;
}
.esgGovernanceWrap article .consultContent .accept .acceptBox .sub {
	display:block;
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	color: #444;
	word-break: keep-all;
	margin-bottom: 40px;
}
.esgGovernanceWrap article .consultContent .accept .acceptBox h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	margin-top: 40px !important;
}
.esgGovernanceWrap article .consultContent .accept .acceptBox h2:nth-of-type(1){
	margin-top: 0 !important;
}
.esgGovernanceWrap article .consultContent .accept .acceptBox h2:nth-of-type(2)
	{
	margin-top: 20px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox ul {
	margin-top: 10px;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox ul li {
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	color: #444;
	word-break: keep-all;
}

.esgGovernanceWrap article .consultContent .accept .acceptBox p {
	font-size: 20px;
	line-height: 28px;
	margin-top: 0;
}
.esgGovernanceWrap article .consultContent .accept .acceptBox p + h2 {

}
.esgGovernanceWrap article .consultContent .accept .acceptBox p:first-child + h2 {
	margin-top: 40px !important;
}
.esgGovernanceWrap article .consultContent .accept .acceptCheck {
	display: flex;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox
	{
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-top: 40px;
}
.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree[type="checkbox"]{
	position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    font-size: 24px;
}
.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree[type="checkbox"] + label{
	display:inline-block;
    position:relative;
    padding-left:48px;
    cursor:pointer;
    font-size: 24px;
    line-height: 1;
    padding-top: 0 !important;
    padding-left: 40px!important;
}
.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree2[type="checkbox"] + label {
	display:inline-block;
	position:relative;
	padding-left:48px;
	cursor:pointer;
	font-size: 24px;
	line-height: 1;
	padding-top: 0 !important;
	padding-left: 40px!important;
}

.wrap .esgGovernanceWrap input[type="checkbox"] + label:before{
	content:'';
    position:absolute;
    left:1px;
    top:13px;
    width:32px;
    height:32px;
    text-align:center;
    background:#fff;
    box-sizing:border-box;
    background-image: url("../img/ic-32-checkbox-default.png");
    background-size: cover;
}
.wrap .esgGovernanceWrap input[type="checkbox"]:checked + label:after{
	left:1px;
    top:-1px;
}
#company_agree[type="checkbox"]{
	position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    font-size: 24px;
}
.wrap input[type="checkbox"] + label{
	display:inline-block;
    position:relative;
    padding-left:48px;
    cursor:pointer;
    font-size: 24px;
    line-height: 1;
    padding-top: 0 !important;
    padding-left: 0!important;
}
.wrap input[type="checkbox"] + label:before{
	content:'';
    position:absolute;
    left:-40px;
    top:14px;
    width:32px;
    height:32px;
    text-align:center;
    background:#fff;
    box-sizing:border-box;
    background-image: url("../img/ic-32-checkbox-default.png");
    background-size: cover;
}


/* 占쏙옙占쏙옙占쏙옙 占싸븝옙占쏙옙 占쏙옙타占쏙옙占쏙옙 占쌩곤옙占싹몌옙 占싫댐옙. */
.wrap input[type="checkbox"]:checked + label:after{
	content: '';
    position:absolute;
    top: 0px;
    left: -42px;
    width:32px;
    height:32px;
    background-image: url("../img/ic-32-checkbox-focus.png");
    background-size: cover;
}
input[type=checkbox] + label:before{
	/* transition-duration: none !important;
	transform: none !important; */
}
input[type=checkbox] + label:after{
	transition-duration: unset !important;
	transform: none !important;
}
.esgBtnWrap{
	width: 532px;
	border-radius: 16px;
	margin: 0 auto;
	margin-top: 100px;
	background-color: #a50034;
}
.submitEsg{
	font-size: 36px;
	color: #fff;
	height: 100px;
	width: 100%;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap
	{
	margin-right: 16px;
	width: 32px;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap img
	{
	width: 100%;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap .fill
	{
	display: none;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox
	{
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #888;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox.grX
	{
	margin-top: 0;
	border-top: 0;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .imgWrap .fill
	{
	display: block;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .imgWrap .none
	{
	display: none;
}

.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox.on .textBox
	{
	color: #000;
}

.esgGovernanceWrap article .subBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 532px;
	height: 100px;
	background-color: #a50034;
	margin: 0 auto;
	border-radius: 16px;
	margin-top: 102px;
}

.esgGovernanceWrap article .subBtn a {
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	font-weight: 900;
}

.esgFactBookWrap {
	padding-bottom: 200px;
}

.esgFactBookWrap .factBookWrap .flexWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 165px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left {
	width: 800px;
	margin-bottom: 60px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left .image {
	background-color: #ccc;
}

.esgFactBookWrap .factBookWrap .flexWrap .right h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.esgFactBookWrap .factBookWrap .flexWrap .right p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea {
	width: 402px;
	display: flex;
	margin-top: 180px;
	justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn {
	background-color: #a50034;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 187px;
	height: 44px;
	border-radius: 8px;
	color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a {
	font-size: 20px;
	line-height: 42px;
	font-weight: normal;
	color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img {
	margin-left: 10px;
}

.esgFactBookWrap .factBookWrap .slideWrap {
	margin-top: 100px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up h3 {
	font-size: 24px;
	line-height: 27px;
	font-weight: 900;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow {
	margin-right: 50px;
}

.esgFactBookWrap .factBookWrap .slideWrap .down {
	display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 27px 40px;
	border-bottom: 1px solid #ddd;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left {
	font-size: 24px;
	line-height: 27px;
	font-weight: normal;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea
	{
	width: 576px;
	display: flex;
	justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn
	{
	width: 268px;
	height: 50px;
	border: 1px solid #bbb;
	padding: 9px 24px;
	box-sizing: border-box;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.esgEvaluationWrap .evaluationWrap {
	margin-top: 100px;
	padding-bottom: 200px;
}

.esgEvaluationWrap .evaluationWrap article {
	margin-top: 100px;
}

.esgEvaluationWrap .evaluationWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap {
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list1
	{
	width: 340px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1 {
	font-weight: 700;
	width: 341px;
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
	line-height: 64px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2 {
	width: 255px;
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2.list2-2
	{
	width: 255px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 {
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 h3 {
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap .sub
	{
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .bdl
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 img
	{
	margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap {
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1
	{
	font-weight: 700;
	width: 340px;
	line-height: 64px;
	background-color: #f5f6f8;
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2
	{
	width: 337px;
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2.list2-2
	{
	width: 255px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 h3
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap .sub
	{
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .bdl
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 img
	{
	margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92
	{
	line-height: 28px;
	padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh65
	{
	line-height: 56px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap {
	border-top: 2px solid #000;
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table {
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle
	{
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle li
	{
	font-weight: 700;
	padding: 16px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	width: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 {
	width: 340px;
	border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li
	{
	width: 170px;
	display: block;
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left
	{
	background-color: #f5f6f8;
	height: 100%;
	border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left h3
	{
	font-size: 18px;
	line-height: 185px;
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item
	{
	border-bottom: 1px solid #ddd;
	padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .itemWrap
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .item
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgFactBookWrap {
	padding-bottom: 200px;
}

.esgFactBookWrap .factBookWrap .flexWrap {
	display: flex;
	align-items: center;
	margin-top: 165px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left {
	width: 800px;
	margin-bottom: 60px;
}

.esgFactBookWrap .factBookWrap .flexWrap .left .image {
	width: 800px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right {
	width: calc(100% - 560px);
}

.esgFactBookWrap .factBookWrap .flexWrap .right h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 900;
}

.esgFactBookWrap .factBookWrap .flexWrap .right p {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #666;
	word-break: keep-all;
	margin-top: 20px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea {
	width: 402px;
	display: flex;
	margin-top: 60px;
	justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn {
	background-color: #a50034;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 187px;
	height: 44px;
	border-radius: 8px;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a {
	font-size: 20px;
	line-height: 42px;
	font-weight: normal;
	color: #fff;
}

.esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img {
	margin-left: 10px;
}

.esgFactBookWrap .factBookWrap .slideWrap {
	margin-top: 100px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up {
	/*  padding: 40px 0; */
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #000;
	cursor: pointer;
}

.esgFactBookWrap .factBookWrap .slideWrap .up h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow {
	margin-right: 50px;
	width: 32px;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow img {
	width: 100%;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow .downImg {
	display: block;
}

.esgFactBookWrap .factBookWrap .slideWrap .up .arrow .upImg {
	display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .up.on .arrow .downImg {
	display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .up.on .arrow .upImg {
	display: block;
}

.esgFactBookWrap .factBookWrap .slideWrap .down {
	display: none;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 27px 40px;
	border-bottom: 1px solid #ddd;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left {
	font-size: 24px;
	line-height: 27px;
	font-weight: normal;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea
	{
	width: 576px;
	display: flex;
	justify-content: space-between;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn
	{
	width: 268px;
	height: 50px;
	border: 1px solid #bbb;
	padding: 9px 24px;
	box-sizing: border-box;
}

.esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a
	{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.esgEvaluationWrap .evaluationWrap {
	margin-top: 100px;
	padding-bottom: 200px;
}

.esgEvaluationWrap .evaluationWrap article {
	margin-top: 100px;
}

.esgEvaluationWrap .evaluationWrap article h3 {
	font-size: 24px;
	line-height: 40px;
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article h3.mt60 {
	margin-top: 60px;
}

.esgEvaluationWrap .evaluationWrap article .image {
	width: 100%;
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .image.bdImg {
	border: 1px solid #ddd;
	padding: 65px 0;
}

.esgEvaluationWrap .evaluationWrap article .image.bdImg .imgWrap {
	width: 772px;
	margin: 0 auto;
}

.esgEvaluationWrap .evaluationWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

.mt105 {
	margin-top: 105px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap {
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list1
	{
	width: 340px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1 {
	font-weight: 700;
	width: 341px;
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
	line-height: 64px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2 {
	width: 255px;
	border-left: 1px solid #ddd;
	word-break:break-all;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list2.list2-2
	{
	width: 255px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 {
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 h3 {
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .subTitle li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .flexWrap .sub
	{
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph .list3 .bdl
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li {
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li.c666 img
	{
	margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article .graphWrap .graph li .sub li:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap {
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle
	{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph.graphTitle li.list2-2
	{
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1
	{
	font-weight: 700;
	width: 340px;
	line-height: 64px;
	background-color: #f5f6f8;
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2
	{
	display: block;
	text-align: center;
	line-height: 65px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1.list1-2 ol.sub li
	{
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2
	{
	width: 337px;
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list2.list2-2
	{
	width: 255px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 h3
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .subTitle li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: 700;
	text-align: center;
	color: #444;
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .flexWrap .sub
	{
	width: 253px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list3 .bdl
	{
	border-left: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li
	{
	font-size: 18px;
	line-height: 65px;
	font-weight: normal;
	text-align: center;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666
	{
	color: #666;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.c666 img
	{
	margin-left: 10px;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92
	{
	line-height: 28px;
	padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh65
	{
	line-height: 56px;
}

.esgEvaluationWrap .evaluationWrap article table {
	border-top: 2px solid #000;
	border-collapse: collapse;
}

.esgEvaluationWrap .evaluationWrap article table thead {
	background-color: #f5f6f8;
	height: 118px;
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article table thead tr th {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #444;
	width: 126px;
	border-left: 1px solid #ddd;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.esgEvaluationWrap .evaluationWrap article table thead tr th.list1 {
	width: 340px;
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article table tbody {
	border-top: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td {
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #444;
	text-align: center;
	padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td .spot {
	width: 20px;
	height: 20px;
	border: 1px solid #979797;
	border-radius: 50%;
	margin: 0 auto;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td .spot.line
	{
	background-color: #888;
	width: 10px;
	height: 2px;
	border-radius: 0;
	border: none;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td.line000 {
	border-bottom: 1px solid #000;
}

.esgEvaluationWrap .evaluationWrap article table tbody tr td.list1 {
	width: 170px;
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap {
	border-top: 2px solid #000;
	margin-top: 40px;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table {
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle
	{
	background-color: #f5f6f8;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table.tableTitle li
	{
	font-weight: 700;
	padding: 16px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li {
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	width: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #444;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 {
	width: 340px;
	border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub
	{
	display: flex;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li
	{
	width: 170px;
	display: block;
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left
	{
	background-color: #f5f6f8;
	height: 100%;
	border-left: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li.left h3
	{
	font-size: 18px;
	line-height: 185px;
	font-weight: 700;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item
	{
	border-bottom: 1px solid #ddd;
	padding: 18px 0;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li.list1 .sub li .item:last-of-type
	{
	border-bottom: none;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .itemWrap
	{
	border-bottom: 1px solid #ddd;
}

.esgEvaluationWrap .evaluationWrap article .tableWrap .table li .menu .item
	{
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.esgEvaluationWrap .evaluationWrap .gr {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #888;
	margin-top: 40px;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine {
	border: 0;
	margin-top: 100px;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu {
	width: 382px;
	justify-content: space-between;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	padding: 8px 0;
	color: #888;
}

.esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on {
	color: #000;
	font-weight: 700;
}

.esgAwardsWrap .awardsWrap .content {
	/* margin-top: 60px; */

}
/* .esgAwardsWrap .awardsWrap .content .newsListWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start ;
}
.esgAwardsWrap .awardsWrap .content .newsListWrap li {
  width: 536px;
  min-height: 459px;
  margin-bottom: 80px;
  margin-right: 16px;
} */
.esgAwardsWrap .awardsWrap .content .newsListWrap li a img {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.esgAwardsWrap .awardsWrap .content .newsListWrap li:nth-of-type(3n) {
	margin-right: 0;
}

.esgAwardsWrap .awardsWrap .content .viewMore {
	font-size: 28px;
	line-height: 1;
	font-weight: 500;
	border: 1px solid #ddd;
	width: 300px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #888;
	margin: 0 auto;
	border-radius: 96px;
}

.esgAwardsWrap .awardsWrap .content .viewMore a {
	color: #888;
}

.esgAwardsWrap .awardsWrap .content .viewMore a i {
	margin-left: 10px;
}

.insightWrap .articleTitleWrap .insightTitle {
	width: 235px !important;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine {
	border: 0;
	margin-top: 100px;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu {
	width: 552px;
	/*width: 467px;*/
	/*width:382px;*/
	justify-content: space-between;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li {
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	padding: 8px 0;
	color: #888;
	width: initial;
	margin: 0 16px;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1)
	{
	margin-left:0;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(2)
	{
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:last-child
	{
	margin-right:0;
}

.insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li.on {
	color: #000;
	font-weight: 700;
}

.insightWrap .innoWrap .content {
	/* margin-top: 60px; */

}

.insightWrap .innoWrap .hoverImg {
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	width: 100%;
	max-width: 1628px;
	margin-top: 100px;
}

.insightWrap .innoWrap .hoverImg li {
	width: 536px;
	height: 321px;
	box-sizing: border-box;
	margin-right: 16px;
	box-shadow: 0;
}

.insightWrap .innoWrap .hoverImg li a {
	position: relative;
	overflow: hidden;
    display: block;
    width:100%;
	height:100%;
}

.insightWrap .innoWrap .hoverImg li a img {
	width: 100%;
}

.insightWrap .innoWrap .hoverImg li a .text {
	position: absolute;
	bottom: 22px;
	padding: 40px 30px;
}
.insightWrap .innoWrap .hoverImg li:hover  a .text{
	bottom: 43px;
}

.insightWrap .innoWrap .hoverImg li a .text .category {
	width: auto;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #a50034;
	background-color: #fff;
	border: 2px solid #a50034;
	padding: 0 19px;
	margin-top: 20px;
	display: inline-block;
	min-width: 70px;
	box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg li a .text strong {
	margin-top: 20px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 900;
	width: 100%;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.insightWrap .innoWrap .hoverImg li a .text .textBox {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	opacity: 0;
	height: 0px;
	transition: all 0.3s;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.insightWrap .innoWrap .hoverImg .left li:hover {
	border: 4px solid #a50034;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
	overflow: hidden;
}

.insightWrap .innoWrap .hoverImg .left li:hover a img {
	transform: scale(1.1);
}

.insightWrap .innoWrap .hoverImg li:hover a .textBox {
	margin-top: 20px;
	height: 52px !important;
	opacity: 1;
  	width:746px;
  	line-height: 1.63;
  	font-size: 16px;

  	max-width: calc(100% - 38px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

/* 더미 이미지 쓰기는 하는 것인지? */
/*
.insightWrap .innoWrap .hoverImg .left li {
	width: 806px;
	height: 454px;
	background-image: url("../img/insights-dummy-01.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}
*/
.insightWrap .innoWrap .hoverImg .left li {
	width: 806px;
	height: 454px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}

.insightWrap .innoWrap .hoverImg .right ul {
	display: flex;
	height: 219px;
}

.insightWrap .innoWrap .hoverImg .right ul:nth-of-type(2) {
	margin-top: 16px;
}

.insightWrap .innoWrap .hoverImg .right ul li {
	/* width: 390px; */
	width: 50%;
	height: 219px;
	margin: 0;
}

.insightWrap .innoWrap .hoverImg .right ul li a .text {
	bottom: -99px;
	padding: 30px 20px;
	display: none;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
	border: none;
	padding: 40px 30px;
	background-color: #f5f6f8;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category
	{
	width: auto;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #a50034;
	background-color: #fff;
	border: 2px solid #a50034;
	padding: 0 19px;
	margin-top: 0;
	display: inline-block;
	min-width: 70px;
	box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong
	{
	margin-top: 20px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	width: 100%;
	color: #444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.insightWrap .innoWrap .hoverImg .right ul:hover {
	border: 4px solid #a50034;
	/* box-shadow: none; */
	overflow: hidden;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap:hover a img {
	transform: none;
}

.insightWrap .innoWrap .hoverImg .right ul .textSideWrap:hover a .textBox
	{
	margin-top: 20px;
	height: 52px;
	opacity: 1;
}

.insightWrap .innoWrap .content .newsListWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

}
/*.insightWrap .innoWrap .content .pastListWrap {*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	justify-content: flex-start;*/

/*}*/

.insightWrap .innoWrap .content .newsListWrap li {
	width: 532px;
	height: 321px;
	margin-top: 40px;
	box-sizing: border-box;
	box-shadow: 0;
	min-height: auto;
	margin-bottom: 0;
	overflow: hidden;
}
/*.insightWrap .innoWrap .content .pastListWrap li {*/
/*	width: 532px;*/
/*	height: 321px;*/
/*	margin-top: 40px;*/
/*	box-sizing: border-box;*/
/*	box-shadow: 0;*/
/*	min-height: auto;*/
/*	margin-bottom: 0;*/
/*	overflow: hidden;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a {
	position: relative;
	display: block;
}
/*.insightWrap .innoWrap .content .pastListWrap li a {*/
/*	position: relative;*/
/*	display: block;*/
/*}*/
.insightWrap .innoWrap .content .newsListWrap li a img {
	width: 100%;
}
.insightWrap .innoWrap .content .pastListWrap li a img {
	width: 100%;
}

.insightWrap .innoWrap .content .newsListWrap li a .text {
	position: absolute;
	/* bottom: -152px; */
	bottom: 0;
	padding: 40px 30px;
}
/*.insightWrap .innoWrap .content .pastListWrap li a .text {*/
/*	position: absolute;*/
/*	!* bottom: -152px; *!*/
/*	bottom: 0;*/
/*	padding: 40px 30px;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text .category {
	width: auto;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	color: #a50034;
	background-color: #fff;
	border: 2px solid #a50034;
	padding: 0 19px;
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	min-width: 70px;
	box-sizing: border-box;
}
/*.insightWrap .innoWrap .content .pastListWrap li a .text .category {*/
/*	width: auto;*/
/*	height: 28px;*/
/*	font-size: 18px;*/
/*	line-height: 28px;*/
/*	font-weight: 700;*/
/*	color: #a50034;*/
/*	background-color: #fff;*/
/*	border: 2px solid #a50034;*/
/*	padding: 0 19px;*/
/*	text-align: center;*/
/*	margin-top: 20px;*/
/*	display: inline-block;*/
/*	min-width: 70px;*/
/*	box-sizing: border-box;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text strong {
	margin-top: 20px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 900;
	width: 100%;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
/*.insightWrap .innoWrap .content .pastListWrap li a .text strong {*/
/*	margin-top: 20px;*/
/*	font-size: 24px;*/
/*	line-height: 34px;*/
/*	font-weight: 900;*/
/*	width: 100%;*/
/*	color: #fff;*/
/*	display: -webkit-box;*/
/*	-webkit-box-orient: vertical;*/
/*	word-wrap: break-word;*/
/*	text-overflow: ellipsis;*/
/*	overflow: hidden;*/
/*	-webkit-line-clamp: 2;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	color: #fff;
	margin-top: 0;
	opacity: 0;
	height: 0;
	transition: all 0.3s;
	overflow:hidden;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
}
/*.insightWrap .innoWrap .content .pastListWrap li a .text .textBox {*/
/*	font-size: 16px;*/
/*	line-height: 26px;*/
/*	font-weight: 700;*/
/*	color: #fff;*/
/*	margin-top: 0;*/
/*	opacity: 0;*/
/*	height: 0;*/
/*	transition: all 0.3s;*/
/*	overflow:hidden;*/
/*	word-wrap:break-word;*/
/*	-webkit-line-clamp:2;*/
/*	-webkit-box-orient:vertical;*/
/*	text-overflow:ellipsis;*/
/*}*/

.insightWrap .innoWrap .content .newsListWrap li:not(.no-style):hover {
	border: 4px solid #a50034;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
	overflow: hidden;
}
.insightWrap .innoWrap .content .pastListWrap a:not(.icon2):hover {
	border: 4px solid #a50034;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.6);
	overflow: hidden;
}


.insightWrap .innoWrap .content .newsListWrap li:not(.no-style):hover a img {
	transform: scale(1.1);
}
/*.insightWrap .innoWrap .content .pastListWrap li:hover a img {*/
/*	transform: scale(1.1);*/
/*}*/
/*.insightWrap .innoWrap .content .newsListWrap li:hover a .textBox {*/
/*	margin-top: 20px;*/
/*	height: 52px;*/
/*	opacity: 1;*/

/*}*/
/*.insightWrap .innoWrap .content .pastListWrap li:hover a .textBox {*/
/*	margin-top: 20px;*/
/*	height: 52px;*/
/*	opacity: 1;*/

/*}*/

.insightWrap .innoWrap .content .newsListWrap li:nth-of-type(3n) {
	margin-right: 0;
}
.insightWrap .innoWrap .content .pastListWrap li:nth-of-type(3n) {
	margin-right: 0;
}

.insightWrap .innoWrap .content .viewMore {
	font-size: 28px;
	line-height: 1;
	font-weight: 500;
	border: 1px solid #ddd;
	width: 300px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #888;
	margin: 0 auto;
	border-radius: 96px;
}

.insightWrap .innoWrap .content .viewMore a {
	color: #888;
}

.insightWrap .innoWrap .content .viewMore a i {
	margin-left: 10px;
}

.insightWrap .paging {
	margin-top: 100px;
}

.pressDetail .pressContents h3 {
	font-size: 26px;
	line-height: 1;
	font-weight: 900;
}

.pressDetail .pressContents h4 {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	margin-top: 17px;
	color: #444;
}
.pressDetail .pressContents .pressFlexWrap{
	display: flex;
	justify-content:space-between;
	align-items:center;
}
.pressDetail .pressContents .pressFlexWrap p{
	width:calc(100% - 663px);
}
.pressDetail .pressContents .image {
	width: 543px;
	margin-top: 60px;
}
.pressDetail .pressContents .image img{
	width: 100%;
	margin:0;
}

.pressDetail .pressContents p {
	margin: 0 0 10px;
}

.pressDetail .pressContents .btn {
	width: 532px;
	height: 80px;
	background-color: #a50034;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	margin: 0 auto;
	margin-top: 80px;
}

.pressDetail .pressContents .btn a {
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	font-weight: 900;
}

.pressDetail .postListBtn {
    width: 391px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 200px;
}

.pressDetail .postListBtn .btn {
    width: 129px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
}

.pressDetail .postListBtn .btn a {
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
}

.pressDetail .postListBtn .btn.w113 {
	position: relative;
	bottom: -190px;
    width: 113px;
}
/* 뉴스레터 */
.newsLetterWrap {}
.newsLetterWrap .banner {width: 100%; height: 480px;background-size: cover;background-position: center;background-repeat: no-repeat;box-sizing: border-box;position:relative; margin-top:100px;}
.newsLetterWrap .banner .newsLetterBanner {background: url('../img/img-newsletter-topbn.png') no-repeat center center/contain; width:100%; height:100%; background-size:100% 100%; display:flex; justify-content: center; align-items: center;}
.newsLetterWrap .banner .newsLetterBanner .text {color: #fff; text-align: center; display:flex; flex-direction: column;}
.newsLetterWrap .banner .newsLetterBanner .text h3 {font-size:64px; line-height:64px; display:block; position:relative; }
.newsLetterWrap .banner .newsLetterBanner .text .desc  {font-size:24px; line-height:24px;position:relative; margin:45px auto 0 ;}
.newsLetterWrap .newsLetter {}
.newsLetterWrap .newsLetter .flexArea {margin-top:100px; display:flex; justify-content: space-between;}
.newsLetterWrap .newsLetter .flexArea .newsLetterLeft {width:40%; padding-bottom:300px;}
.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent {height:calc(100% + 200px);}
.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box {background:#f5f5f5; padding: 60px;}
.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text {display:block; font-size:16px; line-height:26px; color:#666;}
.newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text + .text{margin-top:30px;}
.newsLetterWrap .newsLetter .flexArea .newsLetterRight { display:flex; width: 50%; }
.newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent {flex:1; width:100%;}
.newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent iframe {width:100%; height:100%;}

/* solution */
.solutionWrap article .segment .imgArea .mob {
	display: none;
}

.solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap {

}
/* lighting */
.lightingWrap {
	padding-top: 148px;
}
.lightingWrap .lightingContent {
	display: block;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.lightingWrap .lightingContent .lightingImgContent {
	position:relative;
	text-align: center;
}
.lightingWrap .lightingContent .lightingImgContent img {
	width: 100%;
}
.lightingWrap .lightingContent .lightingImgContent .parts {
	border-radius: 100%;
	box-sizing: border-box;
	background:url('../img/img-solution-lighting-search.png') center no-repeat;
	background-size: 100% 100%;
	padding: 0;
	width: 36px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	z-index: 1;
}
.lightingWrap .lightingContent .lightingImgContent .parts:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border: 1px solid #A50034;
	border-radius: 50%;
	opacity: 0.2;
	transform: translate(-50%, -50%);
	animation: expand01 2s ease infinite;
}
@keyframes expand01 {
	0% {
		width: 36px;
		height: 36px;
		opacity: 1;
	}
	100% {
		width: 120px;
		height: 120px;
		opacity: 0;
	}
}
.lightingWrap .lightingContent .lightingImgContent .parts.active:after {
	opacity:0 !important;
}
.lightingWrap .lightingContent .lightingImgContent .parts.active {
	padding: 60px 20px;
	width: 296px;
	height: 296px;
	z-index: 2;
	background:#fff;
	border:2px solid #a50034;
	overflow: hidden;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
	z-index: 3;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon.active {
	opacity: 1;
	display:flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 28px);
	margin-top: 24px;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title {
	display:block;
	font-size: 28px;
	line-height:28px;
	font-weight:bold;
	color:#a50034;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title .sm {
	font-size:20px;
	line-height: 20px;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc {
	margin-top:16px;
	font-size: 23px;
	line-height: 28px;
	color:#000;
	font-weight:bold;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc2 {
	margin-top: 4px;
	font-size: 17px;
	line-height: 22px;
	color:#666;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .line {
	margin-top: 16px;
	margin-bottom:0;
}
.lightingWrap .lightingContent .lightingImgContent .parts .partsCon .img {
	max-width: 184px;
	max-height: 120px;
}
.lightingWrap .lightingContent .lightingImgContent .web {display:block;}
.lightingWrap .lightingContent .lightingImgContent .mob {display:none;}

.lightingWrap .lightingContent .lightingImgContent .parts.parts01 {top:41%; left: 8%;}
.lightingWrap .lightingContent .lightingImgContent .parts.parts02 {top:39%; left: 19%;}
.lightingWrap .lightingContent .lightingImgContent .parts.parts03 {top:45%; left: 34%;}
.lightingWrap .lightingContent .lightingImgContent .parts.parts04 {top:31%; left: 39%;}
.lightingWrap .lightingContent .lightingImgContent .parts.parts05 {top:41%; left: 43%;}
.lightingWrap .lightingContent .lightingImgContent .parts.parts06 {top:46%; left: 75%;}


.lightingWrap .lightingContent .lightingImgContent .parts.active.parts01 {top:17%; left:0;}
.lightingWrap .lightingContent .lightingImgContent .parts.active.parts02 {top:15%; left: 12%;}
.lightingWrap .lightingContent .lightingImgContent .parts.active.parts03 {top:24%; left: 27%; }
.lightingWrap .lightingContent .lightingImgContent .parts.active.parts04 {top:15%; left: 31%;}
.lightingWrap .lightingContent .lightingImgContent .parts.active.parts05 {top:24%; left: 34%;}
.lightingWrap .lightingContent .lightingImgContent .parts.active.parts06 {top:24%; left: initial; right:15%;}

/* esgEcoManagement */
.ecoManagementWrap {
	padding: 100px 0 200px;
}

.esgEcoManagementWrap .numbering {
	margin-top: 0;
}
/* esgCyber */
.esgCyberWrap {
	width: 100% !important;
}

.esgCyberWrap article {
	margin-top: 100px;
}

.esgCyberWrap article h2 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.esgCyberWrap article h3{
	font-size: 24px;
	line-height: 40px;
	margin-top: 40px;
}
.esgCyberWrap article p {
	font-size: 24px;
	line-height: 40px;
	color: #666;
	margin-top: 40px;
	word-break: keep-all;
}

.esgCyberWrap article .graphWrap {
	display: flex;
	border-top: 2px solid #000;
	margin-top: 20px;
}

.esgCyberWrap article .graphWrap .graphTitle {
	width: 340px;
	background-color: #f5f6f8;
	border-right: 1px solid #ddd;
}

.esgCyberWrap article .graphWrap .graphTitle li {
	font-size: 18px;
	line-height: 20px;
	color: #444;
	font-weight: 700;
	padding: 22px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.esgCyberWrap article .graphWrap .graph {
	width: calc(100% - 340px);
}

.esgCyberWrap article .graphWrap .graph li {
	font-size: 18px;
	line-height: 20px;
	color: #444;
	font-weight: 500;
	padding: 22px 0;
	padding-left: 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.esgCyberWrap article .graphWrap.en.table{}
.esgCyberWrap article .graphWrap.en.table .graphTitle{}
.esgCyberWrap article .graphWrap.en.table .graphTitle li{}
.esgCyberWrap article .graphWrap.en.table .graph li{
	position:relative;
	height: 85px;
}
.esgCyberWrap article .graphWrap.en.table .graph li span{
	position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.esgCyberWrap article .graphWrap.en.table .graph li.height1{
	height: 65px;
}
.esgCyberWrap article .graphWrap.en.table .graph li.height1 span{}

/* esgCyber.jsp */
.informationBanner {
	height: auto;
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding: 50px 0;
	box-sizing: border-box;
	margin-top: 100px;
}

.informationBanner .flexWrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.informationBanner .flexWrap .left {

}

.informationBanner .flexWrap .left .image {
	width: 140px;
}

.informationBanner .flexWrap .left .image img {
	width: 100%;
}

.informationBanner .flexWrap .right {
	margin-left: 63px;
	display: flex;
	align-items: center;
}

.informationBanner .flexWrap .right .text {

}

.informationBanner .flexWrap .right .text h3 {
	font-size: 28px;
	line-height: 40px;
	font-weight: 700;
}

.informationBanner .flexWrap .right .text p {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #666;
	margin-top: 18px;
	letter-spacing: -1px;
}

.informationBanner .flexWrap .right .text p span {
	font-weight: 700;
}

.informationBanner .flexWrap .right .btn {
	width: 187px;
	height: 44px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 130px;
}

.informationBanner .flexWrap .right .btn a {
	font-size: 20px;
}

.informationBanner .flexWrap .right .btn a img {
	margin-left: 10px;
}

.scrollImgWrap {
	overflow-x: auto !important;
	padding-bottom: 20px;
}

.scrollImgWrap::-webkit-scrollbar {
	width: 10px !important;
	height: 4px !important;
}

.scrollImgWrap::-webkit-scrollbar-thumb {
	background-color: #a50034 !important;
	background-clip: padding-box !important;
}

.scrollImgWrap::-webkit-scrollbar-track {
	background-clip: #ddd !important;
	background-color: #ddd !important;
}
.esgEnvironmentWrap .scrollImgWrap{
	overflow-y:hidden;
}
.webinar .pageBanner.image {
	position: relative;
}

.webinar .pageBanner .text {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.webinar .pageBanner .text h3 {
	font-size: 36px;
	line-height: 32px;
	text-shadow: 0px 2px 10px rgb(0 0 0 / 30%);
}

.webinar .pageBanner .text h2 {
	font-size: 52px;
	line-height: 64px;
	margin-top: 20px;
	text-shadow: 0px 2px 10px rgb(0 0 0 / 30%);
}

.webinar .pageBanner .text .btn {
	width: 146px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 36px;
	border-radius: 8px;
	background-color: #a50034;
}

.webinar .pageBanner .text .btn a {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
}

.webinar .pageBanner .text .btn a .imoWrap {
	width: 20px;
	margin-left: 10px;
}

.category {
	width: 87px;
	line-height: 1;
	height: 20px;
	font-size: 18px;
	text-align: left;
	color: #a50034;
	margin-top: 40px;
}

.navFlex {
	display: flex;
	padding-bottom: 40px;
}
.navFlex.cn {
	padding-bottom: 60px;
}
.navFlex li {
	width: 50%;
	text-align: center;
	padding: 45px 0;
	font-size: 28px;
	line-height: 30px;
	color: #666;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.navFlex li:hover{
	background-color: #a50034;
	color: #fff;
	border:0 !important;
}
.navFlex li.active {
	background-color: #a50034;
	color: #fff;
	border:0 !important;
}
.navFlex li a {
	color: inherit;
	display: block;
}
.navFlex li:first-of-type {
	border-left: 1px solid #ddd;
}
.navItem {
	display:flex;
	padding-bottom: 40px;
	gap:30px;
	align-items:center;
}
.navItem li.line {
	font-size: 28px;
	color:#ddd;
	line-height:1;
}
.navItem li a {
	display:block;
	font-size: 28px;
	color:#666;
	font-weight:300;
	line-height:1;
}
.navItem li a.active {
	color: #a50034;
	font-weight: 700;
}

.legalNoticeWrap{
	padding-bottom: 200px;
}
.legalNoticeWrap article{
	margin-top: 100px;
}
.legalNoticeWrap article h2{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.legalNoticeWrap article p{
	color: #666;
	font-size: 24px;
	line-height: 40px;
	margin-top: 40px;
	word-break:keep-all;
}
.legalNoticeWrap .blueBox2{
	padding: 40px;
	box-sizing:border-box;
	background-color: #fafafa;
	border: 1px solid #ddd;
	margin-top: 120px;
}
.legalNoticeWrap .blueBox2 p{
	font-size: 24px;
	line-height: 40px;
	color: #444;
	word-break:keep-all;
}
.legalNoticeWrap .blueBox2 p span{
	color: #a50034;
}
.wrap .privacyWrap{
	/* margin-top: 100px; */
	/* padding-bottom: 200px; */
}
.privacyWrap .customSelectBox{
	width: 340px;
	margin-left: auto;
}
.privacyWrap .customSelectBox .selected{
	display: flex;
	justify-content:space-between;
	padding: 16px 20px;
	border: 1px solid #666;
	align-items:center;
	font-size: 18px;
	line-height: 20px;
}
.privacyWrap .customSelectBox .optionList{
	display: none;
}
.privacyWrap article{
	margin-top: 100px;
}
.privacyWrap article:first-of-type{
	margin-top: 0;
}
.privacyWrap article h2{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.privacyWrap article p{
	font-size: 24px;
	line-height: 40px;
	color: #666;
	display: flex;
	word-break:keep-all;
	margin-top: 40px;
}
.privacyWrap article ul{
	margin-top: 40px;
}
.privacyWrap article .w-30{
	width: calc(100% - 60px);
	margin:0 auto;
	margin-top: 20px;
}
.privacyWrap article ul li{
	font-size: 24px;
	line-height: 40px;
	color: #666;
	display: flex;
	word-break:keep-all;
}
.privacyWrap article ul li .num{
	margin-right: 10px;
}
.privacyWrap .red{
	color: #a50034;
}
.privacyWrap .black {
	color: #000;
}
.privacyWrap .graphWrap{
	margin-top: 40px;
}
.privacyWrap .graphWrap .graphTitle{
	display: flex;
	background-color: #f5f6f8;
	border-top: 2px solid #000;
}
.privacyWrap .graphWrap .graphTitle li{
	font-size: 18px !important;
	line-height: 18px !important;
	font-weight: 700;
	color: #444;
	text-align: center;
	padding: 18px 0;
	display: block;
	border-bottom:1px solid #ddd;
}
.privacyWrap .graphWrap .graphTitle li span{
	text-align: center;
}
.privacyWrap .graphWrap .graphTitle li:first-of-type{
	border-left: 0;
}
.privacyWrap .graphWrap .graphTitle .list1{
	max-width: 340px;
	width: 100%;
}
.privacyWrap .graphWrap .graphTitle .list2{
	max-width: 377px;
	width: 100%;
}
.privacyWrap .graphWrap .graphTitle .list3{
	max-width: 460px;
	width: 100%;
}
.privacyWrap .graphWrap .graphTitle .list4{
	max-width: 180px;
	width: 100%;
}
.privacyWrap .graphWrap .graph{
	margin-top: 0;
	display: flex;
}
.privacyWrap .graphWrap .graph li{
	display:block;
	font-size: 18px !important;
	line-height: 28px !important;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.privacyWrap .graphWrap .graph .list1{
	display: flex;
	max-width: 340px;
	width: 100%;
	justify-content:center;
}
.privacyWrap .graphWrap .graph .list1 .sub1{
	width: 100%;
	max-width: 246px;
	position:relative;
	border-right: 1px solid #ddd;
}
.privacyWrap .graphWrap .graph .list1 .sub1 span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.privacyWrap .graphWrap .graph .list1 .sub2{
	width: 100%;
	max-width: 93px;
}
.privacyWrap .graphWrap .graph .list1 .sub2.type2 {
	position:relative;
}
.privacyWrap .graphWrap .graph .list1 .sub2.type2 .list {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.privacyWrap .graphWrap .graph .list1 .sub2 .list{
	padding: 25px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.privacyWrap .graphWrap .graph .list1 .sub2 .list:last-of-type{
	border-bottom: 0;
}
.privacyWrap .graphWrap .graph .list1 .sub2 .list2 span{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 45%);
}
.privacyWrap .graphWrap .graph .list1 .subPosition{
	position:relative;
}
.privacyWrap .graphWrap .graph .list1 .subPosition .list{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.privacyWrap .graphWrap .graph .list2{
	max-width: 377px;
	width: 100%;
	padding: 25px 0;
	text-align: center;
	position: relative;
}
.privacyWrap .graphWrap .graph .list2.listNo25{
	padding: 0;
}
.privacyWrap .graphWrap .graph .list2 span{

}
.privacyWrap .graphWrap .graph .list2 .sub3{}
.privacyWrap .graphWrap .graph .list2 .sub3 .list{
	padding: 25px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.privacyWrap .graphWrap .graph .list2 .sub3 .list:last-of-type{
	border-bottom: 0;
}
.privacyWrap .graphWrap .graph .list3{
	position:relative;
	max-width: 460px;
	width: 100%;
}
.privacyWrap .graphWrap .graph .list3 span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
.privacyWrap .graphWrap .graph .list4{
	position:relative;
	max-width: 180px;
	width: 100%;
	text-align: center;
	border-right: 0;
}
.privacyWrap .graphWrap .graph .list4 span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
}
.privacyWrap .graphWrap1{
	margin-top: 40px;
}
.privacyWrap .graphWrap1 .graph{
	margin-top: 0;
	display: flex;
}
.privacyWrap .graphWrap1 .graphTitle{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
	display: flex;
}
.privacyWrap .graphWrap1 .graphTitle li{
	font-weight: 700;
	height: 93px;
	box-sizing:border-box;
}
.privacyWrap .graphWrap1 .graphTitle li span {
	font-size:18px;
	line-height:28px;
}
.privacyWrap .graphWrap1 .graph li .sub{}
.privacyWrap .graphWrap1 .graph li .sub .list{
	padding: 18px 0;
	border-bottom: 1px solid #ddd;
	font-size:18px;
	line-height:28px;
}
.privacyWrap .graphWrap1 .graph li .sub .list:last-of-type{
	border-bottom:0;
}
.privacyWrap .graphWrap1 .graph li{
	width: 25%;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	display: block;
	position:relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.privacyWrap .graphWrap1 .graph li:last-of-type{
	border-right:0;
}
.privacyWrap .graphWrap1 .graph li span {
	font-size:18px;
	line-height:28px;
}
.privacyWrap .graphWrap1 .graph120{

}
.privacyWrap .graphWrap1 .graph120 li{
	height: 120px;
}
.privacyWrap .graphWrap1 .graph li span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	text-align: center;

}
.privacyWrap .graphWrap3{
	margin-top: 40px;
}
.privacyWrap .graphWrap3 .graphTitle{
	background-color: #f5f6f8;
	border-top: 2px solid #000;
}
.privacyWrap .graphWrap3 .graphTitle li{
	font-size:18px;
	line-height:20px;
}
.privacyWrap .graphWrap3 .graph{
	margin-top: 0;
	display: flex;
	border-bottom:1px solid #ddd;

}
.privacyWrap .graphWrap3 .graph li{
	font-size: 18px !important;
	line-height: 28px !important;
	width: 50%;
	padding: 23px 0;
	text-align: center;
	display: flex;
	border-right: 1px solid #ddd;
	justify-content: center;
	align-items: center;
}
.privacyWrap .graphWrap3 .graph li:last-of-type{
	border-right: 0;
}
.privacyWrap .graphWrap4{
	border-top: 2px solid #000;
	margin-top: 40px;
}
.privacyWrap .graphWrap4 .graphTitle{
	background-color: #f5f6f8;
}
.privacyWrap .graphWrap4 .graph{
	display: flex;
	margin-top: 0;
}
.privacyWrap .graphWrap4 .graph li{
	width: calc(100% - 340px / 2);
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
	line-height: 64px;
	justify-content:center;
}
.privacyWrap .graphWrap4 .graph li:first-of-type{
	border-left: 0;
}
.privacyWrap .graphWrap4 .graph li a{
	color: #a50034;
}
.privacyWrap .graphWrap4 .graph li.list1{
	max-width: 340px;
	width: 100%;
}
.privacyWrap.newsLetterPrivacy .tit {
	display: block;
	color: #000 !important;
	font-size: 28px !important;
	font-weight: bold;
}
.privacyWrap.newsLetterPrivacy .sub {
	display: block;
	color: #000 !important;
	font-size: 24px !important;
}
.privacyWrap.newsLetterPrivacy ul {
	margin-top:20px;
}
.privacyWrap.newsLetterPrivacy ul + .w-30 {
	margin-top: 10px;
}
.privacyWrap.newsLetterPrivacy ul li .desc {
	margin-top: 10px;
}
.privacyWrap.newsLetterPrivacy .desc {
	margin-top: 35px;
	font-size: 18px;
	color: #888;
	line-height: 28px;
}
.errorWrap{
	display: flex;
	align-items:center;
	justify-content:center;
	margin-top: 160px;
	padding-bottom: 200px;
}
.errorWrap .errorBox{
	max-width: 416px;
	width: 100%;

}
.errorWrap .errorBox .image{
	width: 180px;
	margin:0 auto;
}
.errorWrap .errorBox .image img{
	width: 100%;
}
.errorWrap .errorBox h2{
	font-size: 28px;
	line-height: 44px;
	font-weight: 700;
	text-align: center;
	margin-top: 30px;
	word-break:break-all;
}
.errorWrap2 .errorBox h2 a{
	font-size: 28px;
	line-height: 44px;
	font-weight: 700;
	color: #a50034;
}
.errorWrap2 .errorBox{
	max-width:1120px;
}
.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap{
	margin-top: 20px;
}
.webinar .webinarListWrap li a .category{
	width: 70px;
	height: 36px;
	text-align: center;
	display: flex;
	align-items:center;
	justify-content:center;
}
.mb40{
	margin-bottom: 40px;
	font-size: 36px;
	line-height: 40px;
}
#business_IndexFrame{
	margin-top: 100px;
}
#audit_IndexFrame{
	margin-top: 100px;
}
#business_list{
	width: 100%;

}
#business_list thead tr th{
	width: 28.3%;
}
#business_list thead tr th:nth-of-type(1){
	width: 15%;
}
#pagingIrForm tbody tr td{
	width: 28.3%;
}
#pagingIrForm tbody tr th{
	width: 15%;
}
.redBtn{
	min-width: 146px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000 !important;
    margin:0 auto;
    font-size: 20px;
    box-sizing:border-box;
    padding: 13px 20px 13px 24px;
	line-height:100%;
	display:inline-flex !important;
	justify-content: center;
	align-items: center;
	gap:10px;
}
#pagingAuditForm{
	width: 100%;
}
#audit_list{
	width: 100%;
}
table{
	border-collapse : collapse;
}
#audit_list{
	border-top: 2px solid #000;
}
#audit_list td,th{
	border: 1px solid #ddd;
}
#audit_list thead th:first-of-type{
	border-left: 0;
}
#audit_list thead th:last-of-type{
	border-right: 0;
}
#audit_list thead tr th{
	text-align: center;
	padding: 22px 0;
	background-color: #f5f6f8;
}
#audit_list thead tr th{

	font-size: 18px;
}
#audit_list thead tr th:nth-of-type(1){

}
#audit_list tbody tr th{
	width: 20%;
	background-color: #f5f6f8;
	border-left: 0;
	font-size: 18px;
}
#audit_list tbody tr td{
	text-align: center;
	padding: 18px 0;

	font-size: 18px;
}
#audit_list tbody tr td:last-of-type{
	border-right: 0;
}
#audit_list tbody tr td button{
	width: 146px;
	height: 44px;
	background-color: #fff;
	border: 1px solid #000;
}
#audit_list tbody tr td button span{
	color: #000;
	font-size: 20px;
}
#audit_list tbody tr td button img{
	margin-left: 10px;
}
.promotion .content.promotionVideo{
	display: none;
}
.promotion .content.promotionVideo.active{
	display: block;
}
#container .contents .cont_body .con_section.privacy_policy .con_section_body{
	max-width:1360px;
	width: 100%;
}
#container .contents .cont_body .con_section .con_section_body{
	width: 120rem;
    margin: 0 auto;
    padding-bottom: 11rem;
}
.con_footer{
	position: relative;
    padding: 5rem 6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f5f6f8;
}
.con_footer.notice > .txt{
	padding-left: 0;
}
.con_footer .btn.c_pink{
	position: absolute;
    right: 8rem;
    width: 20rem;
    height: 4.4rem;
    font-size: 1.6rem;
    line-height: 4.4rem;
}
.btn.c_pink {
    display: block;
    margin: 0 auto;
    width: 40rem;
    height: 6.2rem;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    line-height: 6.2rem;
    background: #c40352;
}
.btn {
    display: inline-block;
    vertical-align: middle;
}
a {
    vertical-align: top;
    color: #555555;
    text-decoration: none;
}
.con_footer h3{
	font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
}
.con_footer p {
    color: #777;
    font-size: 1.6rem;
    line-height: 3.2rem;
}
.cont_body p {
    font-size: 1.6rem;
    line-height: 3.2rem;
   /*  word-break: keep-all; */
}
.wrap .faqTab .menuLine .tabMenu li{
	padding: 0;
}
.paging{
	margin-top: 100px;
}
.wrap .faqTab .menuLine .tabMenu li button{
	font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding: 25px 0;
    width: 25%;
    text-align: center;
    cursor: pointer;
}
.wrap .faqTab .menuLine .tabMenu li.is_active button{
	font-weight: 700;
    border-bottom: 4px solid #a50034;
    color: #a50034;
    width: 100%;
}
.wrap .accordion_wrap{
	margin: 0 auto;
	margin-top: 100px;
}
.tab_wrap.typ3 > .tab_head ul li button{
	border-bottom: transform;
}
/* 占쏙옙크占쏙옙 占쏙옙占쏙옙占쏙옙 */
/* .tab_head{
	border-bottom: 1px solid #ddd;
	width: 450px;
}
.padding100{
	padding: 100px 0;
}
.printAdsSlideWrap{
	padding:100px 0 200px;
}
.scroll{
	overflow-x:auto;
} */
/* new header */
header.newHeader .gr{display: none;}
header.newHeader .flexHeaderWrap{ padding:0 140px;display: flex;justify-content:space-between;align-items:center;}
header.newHeader nav{max-width:900px;width: 100%;display: flex;justify-content:space-between;}
header.newHeader nav .media{padding:30px 28px;}
header.newHeader nav .media a{font-size: 20px;line-height: 20px;color: #fff;}
header.newHeader .subContent{    max-width: 250px;
    gap: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;}
header.newHeader .subContent .icon{line-height:16px;}
header.newHeader .subContent .icon a{font-size: 18px;color: #fff;font-family: "Segoe UI";}
header.newHeader .subContent .icon a .right .menuWrap span{color: #fff;font-size: 18px;padding: 30px 0;font-family: "Segoe UI";}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu {
    position: absolute;
    top: 60px;
    /* left: 40px; */
    width: auto;
    background-color: #fff;
    color: #000;
    z-index: 1;
    border: 1px solid #666;
    display: none;
    right: 7.775em;
    padding: 0 24px;
    width:88px;
    box-sizing: border-box;
}
.wrap .headerWrap header.newHeader .icon.sns{
    padding: 32px 0;
}
.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu {
    position: absolute;
    top: 60px;
    /* left: 40px; */
    width: auto;
    background-color: #fff;
    color: #000;
    z-index: 1;
    border: 1px solid #666;
    display: none;
    right: 10.7em;
    width: 110px;
    box-sizing: border-box;
    color: #000;
}
.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li{
	text-align: center;
    padding: 10px 0;
    cursor: pointer;
}
.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li:hover button{
	color: #a50034;
}
.wrap .headerWrap header.newHeader .icon.sns > .hoverMenu li button{
	font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}
.wrap .headerWrap header.newHeader .icon.sns:hover > .hoverMenu{
	display: block;
}
.wrap .headerWrap header.newHeader .icon.sns {
	min-width: 2.5em;
    text-align: center;
}

.wrap .headerWrap header.newHeader .icon.lang {
    min-width: 2.5em;
    text-align: center;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li > button {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li > .hoverMenu > li:hover button {
    color: #a50034;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li:hover > .hoverMenu {
    display: block;
}

.wrap .headerWrap header.newHeader .right .menuWrap > li:last-of-type {
    margin-right: 0;
}
/* header */
header.newHeader:hover{background-color: #fff;}
header.newHeader:hover .gr{display: block;}
header.newHeader:hover .wt{display: none;}
header.newHeader:hover nav .media > a{color: #000;}
header.newHeader:hover nav .media:hover > a{color: #a50034; font-weight:700;}
header.newHeader:hover .subContent .icon a{color: #000;}
header.newHeader:hover .subContent .icon a .right .menuWrap span{color: #000;}

.headerWrap.on header.newHeader {background-color: #fff;border-bottom:1px solid #ddd}
.headerWrap.on  header.newHeader .gr{display: block;}
.headerWrap.on  header.newHeader .wt{display: none;}
.headerWrap.on header.newHeader nav .media a{color: #000;}
.headerWrap.on header.newHeader nav .media:hover > a{color: #a50034; font-weight:700;}
.headerWrap.on header.newHeader .subContent .icon a{color: #000;}
.headerWrap.on header.newHeader .subContent .icon a .right .menuWrap span{color: #000;}

header.newHeader .bottomNavWrap{box-shadow: 0 30px 30px -50px rgb(0 0 0 / 20%); transition:height 4s;opacity:0;display: none; height: 0;border-top: 1px solid #d8d8d8; padding-top: 51px;box-sizing:border-box;background-color: #fff;position:absolute;top: 93px;left:0;right: 0;}
header.newHeader .media:hover .bottomNavWrap{height: 300px;opacity:1;display: block;position:absolute;top: 80px;left:0;right: 0;}
header.newHeader .media:hover>a{color: #a50034;position:relative;}
header.newHeader .media:hover>a:after{content:'';display:block;width: 100%;height: 3px;background-color: #a50034;position:absolute;bottom: -30px;}
/*
header.newHeader .media.product:hover .bottomNavWrap2{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.product:hover>a{color: #a50034;position:relative;}
header.newHeader .media.product:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.ino:hover .bottomNavWrap3{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.ino:hover>a{color: #a50034;position:relative;}
header.newHeader .media.ino:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.recruit:hover .bottomNavWrap4{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.recruit:hover>a{color: #a50034;position:relative;}
header.newHeader .media.recruit:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.esg:hover .bottomNavWrap5{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.esg:hover>a{color: #a50034;position:relative;}
header.newHeader .media.esg:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.event:hover .bottomNavWrap6{height: 346px;opacity:1;display: block;position:absolute;top: 78px;left:0;right: 0;}
header.newHeader .media.event:hover>a{color: #a50034;position:relative;}
header.newHeader .media.event:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
header.newHeader .media.customer:hover .bottomNavWrap7{height: 346px;opacity:1;display: block;position:absolute;top:78px;left:0;right: 0;}
header.newHeader .media.customer:hover>a{color: #a50034;position:relative;}
header.newHeader .media.customer:hover>a:after{content:'';display:block;width: 100%;height: 2px;background-color: #a50034;position:absolute;bottom: -30px;}
*/
header.newHeader .flexWrap{background-color: #fff;width: 1140px;margin:0 auto; display: flex;padding-left: 156px;}
header.newHeader .flexWrap .left{font-size: 20px;line-height: 20px;color: #a50034;padding-right: 5px;width: 121px;}
header.newHeader .flexWrap .right{padding-left: 40px;border-left: 1px solid #ddd;flex: 1;}
header.newHeader .flexWrap .right .categorize{display: flex;margin-bottom: 20px;}
header.newHeader .flexWrap .right .categorize .title{width: 180px;}
header.newHeader .flexWrap .right .categorize .title a{font-size: 18px;line-height: 18px;color: #444;}
header.newHeader .flexWrap .right .categorize1:hover .title a{font-weight: 700;}
header.newHeader .flexWrap .right .categorize2:hover .title a{font-weight: 700;}
header.newHeader .flexWrap .right .categorize3:hover .title a{font-weight: 700;}
header.newHeader .flexWrap .right .categorize4:hover .title a{font-weight: 700;}
header.newHeader .flexWrap .right .categorize5:hover .title a{font-weight: 700;}
header.newHeader .flexWrap .right .categorize .sub{margin-left: 25px;display: flex;flex: 1;}
header.newHeader .flexWrap .right .categorize .sub li{margin-right: 30px;}
header.newHeader .flexWrap .right .categorize .sub li a{font-size: 16px;line-height: 16px;color: #666;position:relative;}
header.newHeader .flexWrap .right .categorize .sub li a:after{content:'';display: none;position:absolute;bottom: -2px;width: 100%;height: 1px;background-color: #a50034;}
header.newHeader .flexWrap .right .categorize .sub li:hover a:after{display: block;}

.wrap .padding0.topFix{padding-top:0px !important;}

.headerWrap .topHeader{display: none;}
.headerWrap .bottomHeader{display: none;}

.cont_body h2{
	font-size: 36px !important;
	line-height: 40px !important;
}
.cont_body h2::after{
	width: 100% !important;
	bottom: -10px !important;
	background-color: #000 !important;
	height: 2px !important;
}
.support_qna h3{
	display: none;
}
.support_qna h4{
	font-size: 36px !important;
	line-height: 40px !important;
	font-weight: 700;
	border-bottom: 2px solid #000 !important;
}
.support_qna input[type=radio]:checked + label::before{
	background-color: #fff !important;

}
.support_qna input[type=radio] + label::before{
	border: 1px solid #bbb !important;
}
.support_qna input[type=radio]:checked + label::before{
	background: #a50034 !important;
}
.support_qna input[type=radio]:checked + label::after{
	background-color: #fff !important;
}

.name {
	padding-bottom: 40px;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign.en{
	width: 100%;
}
.tab_wrap.typ3 .tab_head ul li.is_active{

	border-bottom: 4px solid #a50034;
}
.tab_wrap.typ3 .tab_head ul li.is_active button span{
	color: #a50034 !important;
}
.tab_body.en .campus_sub{
	display: none !important;
}
.tab_body.cn .campus_sub{
	display: none !important;
}

.printAdsSlide2.pop img{width: 95%;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3.en{max-width:740px;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36.en{padding: 49px 0;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd32.en{padding: 56px 0;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.en{padding: 49px 0;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle.en{width:100%;max-width: 1360px;}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap{width: 729px;}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en {width: 561px;}
.wrap .ceoMsgWrap .positionWrap.en{height: 2541px;}
.wrap .ceoMsgWrap .positionWrap.en .right{height: 2650px;}
.gr span.cn{font-family: "LGSmHa", "Segoe UI", "Noto Sans SC", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";}
.gr span.en {display: none;}
.wrap .recruitBanner .banner .btnArea a.en{display: none;}
.wrap .recruitBanner .banner .btnArea a.cn{display: none;}
.wrap .programInfo .title.en{padding: 0; border-top: 0; border-bottom: 1px solid #ddd;}
.wrap .programInfo .title.cn{padding: 0; border-top: 0; border-bottom: 1px solid #ddd;}
.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text.en ul{text-align: left;}
.wrap .programArticle .articleContent .proPolicy .articleWrap .article .text.cn ul{text-align: left;}
.wrap .programArticle .articleContent .proPolicy .articleWrap.en{padding: 0 40px;padding-top: 70px;height: 660px;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap.en{height: 670px;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap.en .in{align-items: flex-start;}
.wrap .esgResourceWrap .esgresourceGraph{width: 100%;border-top:2px solid #000;margin-top:42px;word-break: keep-all;}
.wrap .esgResourceWrap .esgresourceGraph th{width: 293px;height: 64px;padding:0;line-height: 14px;line-height: clamp(14px, 3.889vw, 28px);}
.wrap .esgResourceWrap .esgresourceGraph thead th{background-color: #f5f6f8;}
.wrap .esgResourceWrap .esgresourceGraph thead th:first-child{width: 478px;}
.wrap .esgResourceWrap .esgresourceGraph td:first-child{width: 208px;padding:0;}
.wrap .esgResourceWrap.en .esgresourceGraph td:first-child{padding: 12px 14px;}
.wrap .esgResourceWrap .esgresourceGraph td:last-child{border-right: 0;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en{line-height: 20px;height: 270px;position:relative;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en{height: 121px;position:relative;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en{height: 148px;position:relative;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2.bdl0{height: 243px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1{height: 149px;line-height: 20px;position:relative;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1 span{position: absolute;top: 50%;left: 52%;transform: translate(-50%,-50%); width: 90%; line-height:1.56;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2{height: 122px;position:relative;line-height: 20px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 span{position: absolute;top: 50%;left: 57%;transform: translate(-50%,-50%); width: 100%; line-height:1.56;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 100%; line-height:1.56;}
.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub.en .list{line-height: 20px;}
.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.en{width: 712px;}

/* cn */
.wrap .ceoWrap .pageBannerWrap .textIntro .btnSign{width: 754px;}
.wrap .ceoWrap .pageBannerWrap.cn {height: 806px; font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";}
.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left.cn{word-break:break-all; width: 473px;}

.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap.cn .graph li span.list1{word-break:break-all !important;}
.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in.cn{max-width:960px;margin:0 auto;}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.ko{width: 627px;}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h4 { font-size: 24px;line-height: 1.5; text-align: right;}
.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.cn h4 { margin-left:0; text-align: right;}
.qnaWrap .tab_wrap.typ3 .tab_head ul li.is_active{border-bottom: 0 !important; }
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en{height: 505px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en{height: 186px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en{height: 159px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.en .graph li.list2.bdl0{height: 159px;}
.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph.en li.list2 .sub li.li1.en{height: 187px;}
.solutiontable1{width: 100%;border-top: 2px solid #000;margin-top: 20px;}
.solutiontable1 td{text-align: center;}
.solutiontable1 th{font-weight: 700;background-color: #f5f6f8;}
.solutiontable1 td,th{text-align: center;padding: 22px 0;width: 25%;font-size: 18px;color: #444;}
.solutiontable1 td:first-of-type{border-left: none;}
.solutiontable1 td:last-of-type{border-right: none;}
.solutiontable1 th:first-of-type{border-left: none;}
.solutiontable1 th:last-of-type{border-right: none;}
.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1{padding-bottom: 80px;border-bottom:1px solid #ddd;}
.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody.mt160{margin-top: 80px !important;padding-bottom: 0;border-bottom: none;}
.safeTable{width: 100%;border-top: 2px solid #000; margin-top: 40px;}
.safeTable thead{background-color: #f5f6f8;}
.safeTable .bgc{background-color: #f5f6f8;}
.safeTable td, th{width: 20%;text-align: center;text-align: center;padding: 22px 0;font-size: 18px;}
.none{display: none !important;}

.slick-track{
    margin-left: 0 !important;
	margin-right: 0 !important;
}
.opticalSolution .categorySelectWrap{max-width:1650px;}
.articleLifeWrap.imageNone .textBox .left{display: none;}
.articleLifeWrap.imageNone .textBox .right{border-top: 1px solid #ddd;}
.support_qna .qna_customer .txt_box
{
	display: flex !important;
    justify-content: center  !important;
    flex-wrap: wrap  !important;
    gap: 17px  !important;
}
.support_qna .qna_customer .txt_box p{
	width: calc(50% - 20px)  !important;
	margin:0 !important;
	float:unset  !important;
}
.support_qna input[type=text]{
	width:calc(100% - 40px)  !important;
}
.cont_body .cl:after{
	display: none !important;
}
.mt20{
	margin-top: 20px !important;
}
.press2.pressDetail .pressContents .pressFlexWrap{display: block;}

.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts{
	position:relative;
}
.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before{
	display: block;
	content:'+';
	position:absolute;
	font-size: 30px;
	color: #a50034;
	font-weight: 500;
	top: 4px;
    left: 3.5px;
}
.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active before{
	display: none;
}
.support_faq .article {
  margin-top: 100px;
  background-color: #fff;
}
.support_faq .article li:last-of-type {
  border-bottom: 1px solid #ccc;
}
.support_faq .questionWrap {
  height: 80px;
  padding: 0 40px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  cursor: pointer;
}
.support_faq .questionWrap span {
  display: block;
  float: left;
  line-height: 80px;
}
.support_faq .questionWrap span.listNum {
  width: 275px;
  color: #a50034;
  font-size: 18px;
  line-height: 80px;
  font-weight: 700;
  display: flex;
}
.support_faq .questionWrap span.listNum .grey {
  color: #666;
  margin-right: 6px;
}
.support_faq .questionWrap span.listNum .greyA {
  color: #bbb;
  margin-right: 6px;
}
.support_faq .questionWrap .grSpan{
	color: #bbb !important;
}
.support_faq .questionWrap span.listTitle {
  width: calc(100% - 307px);
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.support_faq .questionWrap .crossIcon {
  padding: 23px 0;
}
.support_faq .questionWrap .crossIcon .up {
  display: none;
}
.support_faq li .crossIcon .up {
  display: none;
}
.support_faq li.on .crossIcon .up {
  display: block;
}
.support_faq li.on .crossIcon .down{
	display: none;
}
.support_faq .articleWrap li.on .answerWrap{
	display: block;
}
.support_faq .answerWrap {
  padding: 30px 314px;
  background-color: #fafafa;
  display: none;
}
.support_faq .answerWrap p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #444;
  /* word-break: keep-all; */
}
.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media{

}
.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media .text{
	width: calc(100% - 140px);
}
.esgGovernanceWrap article.en .text .right{
	width: calc(100% - 140px);
	word-break: break-word;
}

.esgGovernanceWrap article.ko .text .left.title1{width: 50px !important;}
.esgGovernanceWrap article.ko .text .left.title2{width: 50px !important;}
.esgGovernanceWrap article.ko .text .left.title3{width: 137px !important;}
.esgGovernanceWrap article.ko .text .left.title4{width: 100px !important;}
.esgGovernanceWrap article.ko .text .left.title5{width: 75px !important;}

.esgGovernanceWrap article.en .text .left.title1{width: 90px !important;}
.esgGovernanceWrap article.en .text .left.title2{width: 120px !important;}
.esgGovernanceWrap article.en .text .left.title3{width: 430px !important;}
.esgGovernanceWrap article.en .text .left.title4{width: 134px !important;}
.esgGovernanceWrap article.en .text .left.title5{width: 175px !important;}

.esgGovernanceWrap article.cn{font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";}
.esgGovernanceWrap article.cn .text .left.title1{width: 58px;}
.esgGovernanceWrap article.cn .text .left.title2{width: 58px;}
.esgGovernanceWrap article.cn .text .left.title3{width: 133px;}
.esgGovernanceWrap article.cn .text .left.title4{width: 58px;}
.esgGovernanceWrap article.cn .text .left.title5{min-width: 106px;}
.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.cn{
	width: 512px;
}
.mobNaviWrap .optionList.en{}
.mobNaviWrap .optionList.cn{font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";}
.mobNaviWrap .optionList.en h5 a.navNone{display: none;}
.mobNaviWrap .optionList.cn h5 a.navNone{display: none;}
.bottomBtns{
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff;
}
.wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1{
	background-color: #f5f6f8;
}
.autoDrive .imgBox{
	width: 100%;
    position: relative;
}
.autoDrive .imgBox:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.solutionWrap article .segment .tabSlideWrap .productSlide1 li .imgBox img{
	position: absolute;
    object-fit: fill;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.referenceWrap #pagingIrForm{
	border-top: 2px solid #000;
}
.wrap .companyIntro .businessArea.en .flexArea .article.art3 .text{
	/*top:170px;*/
}
.mt10{
	margin-top: 40px;
}
.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media.padding47{
		padding: 64px 60px;
	}
.btn.c_pink{background: #a50034 !important;border-radius: 5px;}
.color_pink{color: #a50034 !important;}
.esgCyberWrap.en{}
.cyberGraph{width: 100%;border-top: 2px solid #000; margin-top:20px;}
.cyberGraph .tg-0lax.left{text-align: center;background-color: #f5f6f8;font-weight: 700;font-size: 18px;line-height: 28px;border-right: 1px solid #ddd;width: 340px;}
.cyberGraph .tg-0lax.right{padding:18px 0;font-weight: 500;font-size: 18px;line-height: 28px;padding-left: 20px; text-align: left;}
.cyberGraph td, th:first-of-type{border-left: 0;}
.cyberGraph td, th:last-of-type{border-right: 0;}
#container .contents.privacy .cont_body#footer_con{padding: 0 !important;}
.center1628{max-width: 1628px;width: 100%;margin:0 auto;margin-top: 100px;}
.privacy_policy .con_section_body.selectBox select{margin-left:auto; width: 34rem !important; height: 6.4rem !important;color: #000 !important;border: 1px solid #666 !important; padding: 0 2rem!important;background-image: url("../img/ico_select.png");}

.managementGraph{border-top: 2px solid #000;}
.managementGraph th,td{text-align: center;padding: 22px 10px;font-size: 18px;line-height: 28px;}
.managementGraph th,td.text-right{text-align: right;}
.managementGraph th{background-color: #f5f6f8;}
.managementGraph td:first-of-type{border-left: 0;}
.managementGraph td:last-of-type{border-right: 0;}
.managementGraph td:nth-of-type(1){width: 25%;}
.managementGraph td:nth-of-type(2){width: 15%;}
.managementGraph td:nth-of-type(3){width: 60%;}
.en.no{display: none !important;}
.cn.no{display: none !important; font-family: "Noto Sans SC", "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif, Dotum, Tahoma, "Malgun Gothic";}
.activityTable{border-top: 2px solid #000;width: 100%;}
.activityTable th{background-color:#f5f6f8;}
.activityTable th:nth-of-type(2){width: 45%;}
.activityTable td:first-of-type{border-left: 0;}
.activityTable td:last-of-type{border-right: 0;}
.wrap .courseWrap .courseMenu .content .title.en p{font-weight: 700;color: #000;font-size: 24px;line-height: 34px;}
.wrap .courseWrap .courseMenu .content .title.cn p{font-weight: 700;color: #000;font-size: 24px;line-height: 34px;font-family: 'Noto Sans SC', sans-serif;}
.qna_agree h5{font-size: 28px;line-height: 1;}
.wrap .informationWrap .tabMenuWrap .content.content1.cn .explain .flexWrap .right{
	word-break:break-all;
}
.tableTitle{
	font-size: 32px;
	line-height: 44px;
	padding-bottom: 40px;
	font-weight: 700;
}
.overflow{
	overflow: auto;
	height: 100%;
}



.tab_wrap.typ3{
	box-sizing:border-box;
}
.cont_body p{
	word-break:break-all !important;
}
.campus_list li .campus_wrap .campus_info .campus_address {letter-spacing:-0.04rem; word-break: keep-all !important;}
.support_qna .tab_recruit .radio_box p.txt{
	padding-bottom: 100px;
}
.forMobPadding0 .categorySelectWrap{
	padding: 0;
}
.wrap .ceoMsgWrap .positionWrap.cn{height:1546px; font-family: "Noto Sans SC",  "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif;}
.wrap .ceoMsgWrap .positionWrap.cn .right{height:1723px;}
br.mt10{margin-top: 10px;}
.wrap .headerWrap .downMenuWrap{
	display: none;
}
.wrap .headerWrap .downMenuWrap .downMenuUnit{
	display: none;
}
.twinSmart h5{
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px;
}
.twinSmart h4{
	font-size: 40px;
	font-weight: 700;
	margin-top: 100px;
}
.w1597{
	max-width:1598px;
	width: 100%;
	margin:0 auto;
}
.w1598{
	max-width:1598px;
	width: 100%;
	margin:0 auto;
}
.twinSmart .flexArea{
	margin-top: 60px;
}
.twinSmart .flexArea .num{
	font-size: 1.2rem;
	line-height: 40px;
	color: #666;
	display: flex;
}
.twinSmart .flexArea .num .left{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	font-weight: 500;
	background-color:#a50034;
	width: 34px;
	height: 34px;
	display: flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	margin-right: 15px;
	margin-top:8px;
}
.twinSmart .flexArea .num .right{
	width:calc(100% - 50px);
}
.twinSmart .subtitle{
	font-size: 36px;
	line-height: 1;
	font-weight: 700;
}
.solutionWrap article .segment .imgArea.mt60{
	margin-top: 60px;
}
.center{
	text-align: center;
}
.solutionWrap article.bannerArticle{
	padding: 0;
}
.solutionWrap article.bannerArticle .bottomBanner{
	padding: 120px 0 200px;
}
.segment.ml0{
	position:relative;
}
.segment.ml0 .webImg{
	position:absolute;
	bottom: -16%;
	right: 20%;
}
.imgArea.w30{
	margin-top: 40px !important;
}

.bgCount1{
	position:relative;
	z-index: 787878;;
}
.bgCount1::after{
	display: block;
	content:'1';
	position:absolute;
	/* width: 69px;
	height: 110px; */
	font-size: 110px;
	font-weight: 900;
	color: #fff;
	bottom: 0;
	z-index:-5;
	left: -34px;
	bottom: -5px;
}
.bgCount2{
	position:relative;
	z-index: 787878;;
}
.bgCount2::after{
	display: block;
	content:'2';
	position:absolute;
	/* width: 31px;
	height: 50px; */
	font-size: 110px;
	font-weight: 900;
	color: #fff;
	bottom: 0;
	z-index:-5;
	left: -34px;
	bottom: -4px;
}
.bgCount3{
	position:relative;
	z-index: 787878;;
}
.bgCount3::after{
	display: block;
	content:'3';
	position:absolute;
	/* width: 31px;
	height: 50px; */
	font-size: 110px;
	font-weight: 900;
	color: #fff;
	z-index:-5;
	left: -35px;
	bottom: 40px;
}
.safeTable tr td:first-of-type{border-left: 0;}
.safeTable tr td:last-of-type{border-right: 0;}
.managementGraph td:nth-of-type(1){background-color: #f5f6f8;}
.spanLine{
	display: flex;
}
p.draw_thumbnail{width: 100%;height:316px;}
.modal .modalIn .signform .check .text{width: calc(100% - 40px);}
.acceptCheck  .LV_invalid_field, input.LV_invalid_field:active, input.LV_invalid_field:hover, textarea.LV_invalid_field:active, textarea.LV_invalid_field:hover{outline:none}


.twinSmart h4{line-height: 1;}
.cn .bgCount1::after{bottom: 3px;}
.cn .bgCount2::after{bottom: -13px;}
.cn .bgCount3::after{bottom: 31px;}
.en .bgCount1::after{}
.en .bgCount2::after{bottom: 4px;}
.en .bgCount3::after{bottom: 104px;}
.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo img{width: 100%;}
.wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo img{width: 100%;}
header.newHeader .en .flexWrap .right .categorize .title{width: 215px;}
header.newHeader .en .flexWrap{width: 1178px;}

/*중국어 체크*/
.cn{font-family: "Noto Sans SC",  "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif;}
.cn button{font-family: "Noto Sans SC",  "Segoe UI", "LGSmHa", Helvetica, Apple-Gothic, Droid Sans, sans-serif !important; font-weight: 500 !important;}
.cn h2, .cn h3, .cn h4, .cn h5{font-weight: 500 !important;}
.cn p, .cn span, .cn .text {font-weight: 300 !important;}
.wrap .ceoMsgWrap .positionWrap.cn .right .text p, .wrap .ceoMsgWrap .positionWrap.cn .right .text h3 span,
.wrap .esgVisionWrap .articleBox.cn p,
.wrap .esgManagementPolicyWrap.cn .textHeader .text,
.esgEvaluationWrap.cn .evaluationWrap article .graphWrap .graph li .sub li,
.cn .safeTable td,
.wrap .esgManagementPolicyWrap.cn .managementPoliicyWrap .lgEthic .scrollTab .area .textBox{
	font-weight: 300;
}
.wrap .ceoMsgWrap .positionWrap.cn .right .text h2,
.wrap .esgVisionWrap .articleBox.cn h2,
.wrap .esgVisionWrap .articleBox.cn h3,
.wrap .esgVisionWrap .articleBox.cn h4,
.wrap .cn .tabMenuWrap .menuLine .tabMenu li.on,
.wrap .esgManagementPolicyWrap.cn .managementPoliicyWrap .lgWay .up .text,
.wrap .esgShareholderWrap.cn .shareholderWrap .graphWrap .graph.graphTitle li,
.esgEvaluationWrap.cn .evaluationWrap article .graphWrap .graph.graphTitle li,
.cn .safeTable th{
	font-weight: 500;
}

.wrap .esgSafeWrap.cn .safeWrap article .row .txtBox.left{
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap .esgSafeWrap.cn .safeWrap article .row .txtBox h3.title-txt{
	width:100%;
	margin: 0;
}


.esgCyberWrap.cn .cyberGraph .tg-0lax.left, .wrap .esgCarbonWrap.cn .carbonSection h4{font-weight: 500; color:#444;}
.esgCyberWrap.cn .cyberGraph .tg-0lax.right{font-weight: 300; color:#444;}

/*2022.10.05 운영 추가건*/
.esgGovernanceWrap .circleInfo{margin-top: 40px;}
.esgGovernanceWrap .circleInfo .list{display: flex; justify-content: space-around; width:100%; padding: 20px 98px 0 99px; box-sizing: border-box;}
.esgGovernanceWrap .circleInfo .list .item{display:flex; flex-direction: column; align-items: center; max-width:335px; text-align: center; word-break: keep-all;}
.esgGovernanceWrap .circleInfo .list .item + .item{position:relative; padding-left: 79px;}
.esgGovernanceWrap .circleInfo .list .item + .item:before{content: ''; position: absolute; top:100px; left:10px; width:52px; height: 52px; background: url('../img/img-esg-allow.png') center no-repeat;}
.esgGovernanceWrap .circleInfo .list .item .circle{display:flex; justify-content: center; align-items: center; width:240px; height: 240px; border-radius: 100%; border: 1px solid #a50034; box-sizing: border-box;}
.esgGovernanceWrap .circleInfo .list .item .circle .inner{display:flex; justify-content: center; align-items: center; width:180px; height: 180px; border-radius: 100%; background-color: #f5f5f5; border:1px dotted #dddddd; font-size: 24px; line-height:1.2; font-weight: 700 !important; color:#000; text-align: center; box-sizing: border-box;}
.esgGovernanceWrap .circleInfo .list .item .textList{margin-top: 40px;}
.esgGovernanceWrap .circleInfo .list .item .textList li{min-height: 90px;}
.esgGovernanceWrap .circleInfo .list .item .textList li + li{margin-top: 40px;}
.esgGovernanceWrap .circleInfo .list .item .textList li .sub{display: block; position: relative; font-size: 22px; line-height:30px; color:#000000; font-weight: 700;}
.esgGovernanceWrap .circleInfo .list .item .textList li .sub a .image{display: inline-block; width:auto; margin: 0; vertical-align: middle;}
.esgGovernanceWrap .circleInfo .list .item .textList li .sub a .image .web{width:22px; height: 22px; margin-top: -8px;}
.esgGovernanceWrap .circleInfo .list .item .textList li .desc{margin:0; font-size: 22px; line-height:30px; color:#000000;}
.esgGovernanceWrap .circleInfo .list .item .textList li .etc{font-size: 18px; line-height:30px; color:#666666;}
.esgGovernanceWrap .circleInfo .list .item .textList li .etc .mobile{display: none;}
.esgGovernanceWrap.cn .circleInfo .list .item .textList li .sub a .image .web{margin-top: -14px;}
.esgGovernanceWrap.en .circleInfo .list .item .textList li .en{margin-top: 0; font-size: 18px; line-height:30px; color:#666666;}

/*퍼블리싱 추가 ceo 방침*/
.esgCeoPolicy{width:1200px; margin: 100px auto 0;}
.esgCeoPolicy.center1360{width:1360px; margin: 100px auto 0;}
.esgCeoPolicy .pcStyle{display: inline-block;}
.esgCeoPolicy h2{font-size: 36px; line-height: 40px;}
.esgCeoPolicy h3{font-size: 24px; line-height: 40px;}
.esgCeoPolicy h2 + h3, .esgCeoPolicy h3 + p{margin-top: 40px;}
.esgCeoPolicy p .spanTitle {display:block; font-size: 24px; line-height: 40px; color:#666666; font-weight:bold; margin-top:40px;}
.esgCeoPolicy p .spanLine{display:block; font-size: 24px; line-height: 40px; color:#666666;}
.esgCeoPolicy p .spanLine .color_green {color:#10c33e; font-weight:bold !important;}
.esgCeoPolicy p .spanLine .color_yellow {color:#dba107; font-weight:bold !important;}
.esgCeoPolicy p .spanLine .color_blue {color:#1497cf; font-weight:bold !important;}
.esgCeoPolicy .ceoSignWrap{display: flex; align-items: center; justify-content: flex-end; margin-top: 60px;}
.esgCeoPolicy .ceoSignWrap.ty2 {align-items: center; flex-direction: row;}
.esgCeoPolicy .ceoSignWrap .ceoTop {}
.esgCeoPolicy .ceoSignWrap .ceoTop .date {display:block; font-size:24px; line-height: 36px; font-weight:bold;}
.esgCeoPolicy .ceoSignWrap .ceoBottom {display:flex; align-items:center;}
.esgCeoPolicy .ceoSignWrap .left{font-size: 32px; margin-right: 40px;}
.ceoSignWrap.esgCeo{display: flex;align-items: center;justify-content: flex-end;margin-top: 20px;}
.ceoSignWrap.esgCeo .left{font-size: 32px;margin-right: 40px;}
.ceoSignWrap.esgCeo .right{}
.managementPoliicyWrap .energy .ceoUpdate {display:flex; justify-content: flex-end; margin-top:20px; font-size:24px; line-height:36px; font-weight:700;}

/*table style add*/
.tblWrap{margin-top:42px; border:none; border-top:2px solid #000000; border-bottom: 1px solid #ddd;}
.tblWrap table{width:100%;}
.tblWrap th, .tblWrap td{padding:20px 50px; font-size: 18px; line-height: 28px;}
.tblWrap th{background-color: #f5f6f8; text-align: center; border-top:none;}
.tblWrap td{border:none; border-left:1px solid #ddd; border-top: 1px solid #ddd; color: #444;}
.tblWrap td.first{border-left:none;}
.tblWrap .border td{border-top:1px solid #000;}
.tblWrap .dot-list li{position:relative; padding-left:10px; text-align: left; font-size: 18px; line-height: 28px; color:#444;}
.tblWrap .dot-list li:before{content: ''; display:block; position: absolute; top:10px; left:0; width:4px; height: 4px; border-radius: 100%; background-color: #444;}
.tblWrap .dot-list li .dash-list{margin-left: -10px;}
.tblWrap .dot-list li .dash-list li{text-align: left; font-size: 18px; line-height: 28px; color:#444;}
.tblWrap .dot-list li .dash-list li:before{content: ''; display:block; position: absolute; top:12px; left:0; width:5px; height: 1px; background-color: #444;}
.cn .tblWrap .dot-list li:before{top:12px;}

/*2022.12.01 핵심기반기술 페이지 추가*/
.cherry{color:#a50034 !important;}
.solutionWrap.technology .banner{width:100%; height: 480px; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.solutionWrap.technology .banner img{max-width: 100%;}
.solutionWrap.technology .banner .mob{display: none;}
.solutionWrap.technology .accordionTab{height:560px; margin-top: 80px; background: url("../img/img-techbanner-01.jpg") no-repeat center; background-size: cover; box-sizing: border-box;}
.solutionWrap.technology .accordionTab .tabs{display: flex; flex-wrap: wrap;}
.solutionWrap.technology .accordionTab .tabs li{flex: 0 0 14.28%; width:14.28%; height: 280px; padding:150px 20px 30px; border-left:1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; cursor: pointer;}
.solutionWrap.technology .accordionTab .tabs li a{width:100%; height:100%; display: flex; align-items: flex-start; font-size: 22px; line-height: 35px; color:#fff;}
.solutionWrap.technology .accordionTab .tabs li.active, .solutionWrap.technology .accordionTab .tabs li:hover{background-image: linear-gradient(to top, #bf0d3f, #ff608c);}
.solutionWrap.technology .tabsWrap{padding:30px 40px 50px; margin-top: 90px; background: #fff; border-top: 2px solid #a50034; box-sizing: border-box;}

.solutionWrap.technology .tabContainer .headBtn{position:relative; width:100%; padding:40px 50px 40px; margin-top: 20px; border:1px solid #444; border-radius:30px; box-sizing: border-box; cursor: pointer;}
.solutionWrap.technology .tabContainer .headBtn:after{content:''; position: absolute; display: block; width:32px; height: 32px; top:40px; right: 50px; background: url("../img/ic-32-down-wt.png") no-repeat center; transition: all 0.3s;}
.solutionWrap.technology .tabContainer .headBtn h4{text-align:left; font-size: 24px; color:#000;}
.solutionWrap.technology .tabContainer .headBtn p{margin-top:20px; text-align:left; font-size: 22px; line-height: 36px; color:#666; padding-right: 40px; box-sizing: border-box;}

.solutionWrap.technology .tabContainer .headBtn.c_active{border-radius: 30px 30px 0 0; border-bottom: none;}
.solutionWrap.technology .tabContainer .headBtn .closeTab{display: none;}
.solutionWrap.technology .tabContainer .headBtn.c_active .closeTab{display: inline-block;}
.solutionWrap.technology .tabContainer .headBtn.c_active:after{transform: rotate(-180deg);}
.solutionWrap.technology .tabContainer .tabContent{display: none;}
.solutionWrap.technology .tabContainer .tabContent .inner{position:relative; display: flex; border-radius:0 0 30px 30px; border:1px solid #444; border-top:none; padding:40px 50px; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner:before{content: ''; position: absolute; display: block; width:calc(100% - 100px); height: 1px; top:0; left:50px; background: #444;}
.solutionWrap.technology .tabContainer .tabContent .inner .left{flex: 0 0 360px; width:360px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .images{width:360px; height: 300px; margin-bottom: 50px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .images img{max-width: 100%;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .images .mob{display: none;}
.solutionWrap.technology .tabContainer .tabContent .inner h5{font-size: 24px; line-height: 24px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList{margin-top: 20px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li{position:relative; display: inline-flex; align-items:center; width:100%; height: 60px; border-radius: 30px; border:1px solid #ddd; padding:10px 10px; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li + li{margin-top: 5px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li a{display: flex; align-items: center; position:absolute; top:0; left:0; right:0;bottom:0; padding-left: 10px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .icon{display:inline-block; width:40px; height:40px;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .icon img{max-width: 100%;}
.solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .text{display:inline-block; margin-left: 8px; font-size: 20px; line-height: 24px; color:#000;}

.solutionWrap.technology .tabContainer .tabContent .inner .right{flex: 1 1 auto; width:calc(100% - 410px); padding-left: 50px; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .desc{min-height: 300px; font-size: 22px; line-height: 36px; color:#666;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .desc + h5, .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList + h5{margin-top: 50px;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList{display: flex; flex-wrap: wrap; margin-top: 20px; border:1px solid #ddd; padding:20px 40px; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li{position:relative; width: 50%; flex:0 0 50%; padding-left:19px; font-size: 20px; line-height: 34px; color:#444; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList.w100 li{width: 100%; flex:0 0 100%;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li:before{content: ''; display: block; position: absolute; width:4px; height:4px; border-radius:100%; top:15px; left:0; background: #444; }
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList{margin-top: 20px; border:1px solid #ddd; padding:40px; box-sizing: border-box;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li{display: inline-flex;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li a{display: flex; flex-direction: column;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li + li {margin-left: 30px;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .img{width:96px; height: 96px;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .img img{max-width: 100%;}
.solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .title{margin-top:10px; font-size: 20px; line-height: 24px; text-align: center;}

/*2023.11.23 협력사훈련센터 페이지 추가 */
.trainingWrap .trainingContent {padding-top:100px;}
.trainingWrap .trainingContent:last-child {padding-bottom:200px;}
.trainingWrap .trainingContent .image {margin-top:40px;}
.trainingWrap .trainingContent .image img {width:100%;}
.trainingWrap .trainingContent h2 {font-size: 36px; line-height: 40px; font-weight: 700;}
.trainingWrap .trainingContent p {font-size: 24px; line-height: 40px; font-weight: normal; color: #666; word-break: keep-all; margin-top: 40px;}
.trainingWrap .trainingContent .information {margin-top:100px;}
.trainingWrap .trainingContent .information + p {margin-top:60px;}
.trainingWrap .trainingContent .information .line {display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid #bbb;}
.trainingWrap .trainingContent .information .line:first-child {border-top:1px solid #bbb;}
.trainingWrap .trainingContent .information .line .left {font-size: 18px; line-height: 1.56; font-weight: 700; color: #a50034; width: 275px; padding-left: 40px; box-sizing: border-box;}
.trainingWrap .trainingContent .information .line .right {font-size: 18px; line-height: 1.56; font-weight: 700;color: #000; width: calc(100% - 275px);}
.trainingWrap .trainingContent .information .line .right .btnWrap {display:flex; margin-top:10px;}
.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down {display:flex;gap:4px; padding: 5px 10px; border:1px solid #bbb;align-items: center;}
.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down + .btn_down {margin-left:10px;}
.trainingWrap .trainingContent .information .line .right .btnWrap .btn_down span {font-size:18px; color:#666; font-weight:400;}
.trainingWrap .trainingContent .educationTable {width:100%; overflow-x:scroll; border-top: 2px solid #000; margin-top:40px;}
.trainingWrap .trainingContent .education_list {min-width:2400px;}
.trainingWrap .trainingContent .education_list th {background:#f5f6f8; width:auto; padding:22px; line-height:1.11;}
.trainingWrap .trainingContent .education_list th:first-child {border-left:0}
.trainingWrap .trainingContent .education_list th:last-child {border-right:0;}
.trainingWrap .trainingContent .education_list td {width:auto; padding:22px;}
.trainingWrap .trainingContent .education_list td:first-child {border-left:0}
.trainingWrap .trainingContent .education_list td:last-child {border-right:0;}
.trainingWrap .trainingContent .enrolment_list {width:100%; border-top: 2px solid #000; margin-top: 60px;}
.trainingWrap .trainingContent .enrolment_list thead tr th {width:20%; font-size:18px; padding:22px 0; text-align: center; background: #f5f6f8; color:#444; line-height:1.4}
.trainingWrap .trainingContent .enrolment_list thead tr th:first-child {border-left:0}
.trainingWrap .trainingContent .enrolment_list tbody tr td {font-size:18px; padding:22px 0; text-align: center; color: #444; line-height:1.4;}
.trainingWrap .trainingContent .enrolment_list tbody tr td:first-child {border-left:0; background: #f5f6f8; font-weight:500;}
.trainingWrap .trainingContent .enrolment_list tbody tr td:last-child {border-right: 0;}
.trainingWrap .trainingContent .trainingAddress ul li {display:flex; align-items: center; padding:60px 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.trainingWrap .trainingContent .trainingAddress ul li:first-child {border-top:none;}
.trainingWrap .trainingContent .trainingAddress ul li:last-child {border-bottom:none;margin-bottom:20px;}
.trainingWrap .trainingContent .trainingAddress ul li .left {width: 250px; color:#444; font-size:24px; font-weight:500;}
.trainingWrap .trainingContent .trainingAddress ul li .right {flex:1; color: #444; font-size:24px; line-height:1.4;}
.modal40 .modalIn {width: 928px; padding: 40px 40px 60px 60px;}
.modal.modal40 .modalIn h2 {margin-top:-20px;}
.modal40 .trainingModalCont h2 {font-size:40px;}
.modal40 .trainingModalCont {margin:40px 14px 0;}
.modal40 .trainingModalCont .list {display: flex; flex-direction: column; gap: 40px;}
.modal40 .trainingModalCont .list li {display: flex; flex-direction: column; gap: 20px;}
.modal40 .trainingModalCont .list li .tit {position:relative; font-size: 28px; font-weight: bold; line-height: 1.43;}
.modal40 .trainingModalCont .list li .tit:before {content:"";position:absolute;top:15px;left:-14px; width:5px; height:5px; border-radius: 100%; background-color:#000;}
.modal40 .trainingModalCont .list li .desc {font-size: 20px; color: #666; line-height: 1;}

/* 2023.11.27 ces부스 */
.cesBoothWrap .banner img {max-width:100%;}
.cesBoothWrap .cesBoothCont {padding:100px 0 200px;}
.cesBoothWrap .cesBoothCont .cesInfo {display:block;font-size:16px;padding-bottom:60px; line-height:1;}
.cesBoothWrap .cesBoothCont .item + .item {padding-top:100px;}
.cesBoothWrap .cesBoothCont .item .titWrap {display:flex;justify-content: space-between; align-items: baseline; padding-bottom:40px;}
.cesBoothWrap .cesBoothCont .item .titWrap.borderBottom {border-bottom:2px solid #000;}
.cesBoothWrap .cesBoothCont .item .titWrap .tit { font-size:36px;line-height:1.11;}
.cesBoothWrap .cesBoothCont .item .titWrap .tit.req:after {content:"*"; color:#a50034;margin-left:6px;display:inline-block;}
.cesBoothWrap .cesBoothCont .item .titWrap .requiredBox .desc {font-size:20px; color:#444;}
.cesBoothWrap .cesBoothCont .item .titWrap .requiredBox .desc.req:before {content:"*"; color:#a50034;display:inline-block;margin-right:4px;}
.cesBoothWrap .cesBoothCont .item .contWrap {display:flex;flex-wrap: wrap; gap:40px 16px; margin-top:40px;}
.cesBoothWrap .cesBoothCont .item .contWrap div {flex:1 1 40%; display:flex; flex-direction: column;gap:20px;}
.cesBoothWrap .cesBoothCont .item .contWrap div label {font-size:24px;line-height:1; color:#444;}
.cesBoothWrap .cesBoothCont .item .contWrap div label.req:after {content:"*"; color:#a50034;margin-left:4px; display:inline-block;}
.cesBoothWrap .cesBoothCont .item .contWrap div input {border:1px solid #666; height:64px; line-height:20px; box-sizing:border-box;vertical-align:middle; border-radius:0;font-size:18px; padding:22px 24px; color:#000;}
.cesBoothWrap .cesBoothCont .item .contWrap .dateBtn {flex:1; border:1px solid #666; color:#888; font-size:24px; padding:18px;}
.cesBoothWrap .cesBoothCont .item .contWrap .dateBtn.active {color:#a50034; border:1px solid #a50034;}
.cesBoothWrap .cesBoothCont .item .contWrap select {border:1px solid #666; height:initial !important; line-height:20px; box-sizing:border-box;vertical-align:middle; border-radius:0; font-size:18px; padding:22px 24px; color:#000; background: url(../ko/images/contents/ico_select.png) calc(100% - 1.8rem) 50% no-repeat;}
.cesBoothWrap .cesBoothCont .item .contWrap.selectWrap select {flex:1;}
.cesBoothWrap .cesBoothCont .item .contWrap .meetingText {padding:24px;font-size:18px; line-height:32px; color:#000; border:1px solid #666; border-radius:0;height:280px;}
.cesBoothWrap .cesBoothCont .item h5 {font-size:28px; line-height:1;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap.first {margin-top:60px; padding-bottom:40px; border-bottom:1px solid #bbb;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox {display:flex; align-items: center;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check {position: relative;display: block;float: right;padding-left: 32px;color: #777;font-size: 1.8rem;text-align: right;line-height:32px;word-break: break-all !important;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .text,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .subText,
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label .text u {color:#000 !important;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label {color:#000;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .text {display:block;margin-left:8px;}
.cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .subText {font-size:18px;line-height:32px;margin-left:8px;margin-top:22px;}
.cesBoothWrap .cesBoothCont .item .submitWrap {display:flex;justify-content:center; margin-top:120px;}
.cesBoothWrap .cesBoothCont .item .submitWrap .submitBtn {font-size:36px; padding:30px 0; background:#a50034; width:532px;border-radius:16px; font-weight:700; color:#fff;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox {position:relative; flex-direction: row; align-items: center; height: 32px;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox .visitRadioWrap {display:flex; align-items: center;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox .visitRadioWrap .visitInput {display:none; width:120px; height:32px; padding:5px 10px; border:1px solid #bbb; font-size:20px;margin-left:10px;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] {display:block; width:0;height:0;opacity:0.001;overflow:hidden; border:0; line-height:0; padding:0;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] + label:before {content:""; position:absolute;left:0; top:50%; width:2rem; height:2rem; border:1px solid #bbb; border-radius:50%; box-sizing: border-box;transform:translateY(-50%);}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label:after {content:""; position:absolute; left:0.6rem; top:50%; width:0.8rem; height:0.8rem; border-radius:50%; background:#c40452;box-sizing:border-box; transform:translateY(-50%);background-color:#fff;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label {color:#000;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio]:checked + label:before {background-color:#a50034;}
.cesBoothWrap .cesBoothCont .item .contWrap .radioBox input[type=radio] + label {position:relative; padding-left:2.8rem;color:#777;}

.modal .modalIn .modalCont {padding:52px;position:relative;}
.modal .modalIn .modalCont h2 {margin-top:-15px; padding-right:30px;}
.modal .modalIn .modalCont .popupClose {margin-top:-20px; margin-right:-20px;}
.modal .modalIn .modalCont .scrollForm ul li {font-size:24px;line-height:28px; font-weight:500; color:#444;}
.modal .modalIn .modalCont .scrollForm ul li ul {margin:20px 0 40px;}
.modal .modalIn .modalCont .scrollForm ul li ul li {font-size:20px; line-height:28px;font-weight:400;}
.modal .modalIn .modalCont .scrollForm ul li ul li.mt10 {margin-top:10px;}
.modal .modalIn .modalCont .btnWrap {margin-top:40px;}
.modal .modalIn .modalCont .btnWrap .popupBtn {display:flex; justify-content: center; align-items: center; width:100%; padding:25px; background:#a50034; color:#fff; font-weight:600;font-size:28px; line-height:30px; border-radius:16px;}
.modal .modalIn .modalCont .receptionCont {display: flex; flex-direction: column; align-items: center; margin-top:-10px; font-weight:500;}
.modal .modalIn .modalCont .receptionCont .tit {margin: 20px 0 10px; font-size: 28px; line-height: 36px;}
.modal .modalIn .modalCont .receptionCont .subTit {font-size: 20px; line-height: 36px;}
.modal .modalIn .modalCont .receptionCont .desc {font-size: 20px; line-height: 36px; text-align: center; margin-top: 20px;}

/*핵심기반기술 피씨 네비바 스타일 커스텀*/
.flexHeaderWrap.ko #pcNav .media:nth-child(3) .bottomNavWrap .right .categorize:nth-child(4){position: relative;}
.flexHeaderWrap.ko #pcNav .media:nth-child(3) .bottomNavWrap .right .categorize:nth-child(4):before{
	content: '테크놀로지';
	position: absolute;
	top: 0;
	left: -166px;
	font-size: 20px;
	line-height: 20px;
	color: #a50034;
}

.jobIntroTitle{display: flex; justify-content: space-between; align-items: center;}
.jobIntroTitle a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 276px;
	height: 44px;
	border-radius: 8px;
	font-size: 20px;
	background-color: #a50034;
	color: #fff;
	margin-right: 20px;
}

.imageLink{position: relative;}
.imageLink a{ position:absolute; top:50%; left:50%; display: flex; justify-content: center; align-items: center; color:#ffffff; padding:10px 20px 10px 24px; width:auto; max-width: 246px; box-sizing: border-box; text-align: center; background-image: linear-gradient(to top, #bf0d3f, #ff608c); border-radius: 8px; transform: translate(-50%, 60px);}
.imageLink.image a img{ display: inline-block;  width:16px !important; height: 16px; margin-left: 10px;}

.campus_name .tex_link{display: block; margin: 10px auto 0; padding: 11px 22px; border:1px solid #000000; width:187px; box-sizing: border-box;}
.texStrategy{padding: 60px 0 200px;}
.texStrategy .pageTitle h2{font-size: 36px;line-height: 40px;}
.texStrategy .pageTitle p{margin-top:40px; font-size: 24px; line-height: 40px; color: #666;}
.texStrategy .tableArea tbody tr.line{position: relative;}
.texStrategy .tableArea tbody tr.line:after{content: ''; display: block; position: absolute; width:100%; height: 1px; top:0; left: 0; background: #000000;}
.texStrategy .tableArea tbody td .download{width:163px; height: 44px; border:1px solid #000000; font-size: 20px;}
.texStrategy .tableArea tbody td .download .downloadImg{width:20px; height: 20px; margin-top:-4px; margin-left: 10px;}
.texStrategy .tableArea tbody td .download .web{display: inline-block;}
.texStrategy .tableArea tbody td .download .mob{display: none;}

.companyVisionWrap{display: flex; gap:20px; margin: 100px auto 0 !important;}
.companyVisionWrap .visionArea{flex:0 1 33.33%; width:33.33%; border:1px solid #dddddd; border-radius: 32px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding:70px 20px 82px; box-sizing: border-box; }
.companyVisionWrap .visionArea img{width:160px; height: 160px; margin: 0 auto;}
.companyVisionWrap .visionArea h3{margin-top:24px; text-align: center; font-size: 30px; line-height: 34px; color: #a50034;}
.companyVisionWrap .visionArea p{text-align: center; font-size: 22px; line-height: 30px; margin-top: 30px;}

.middleParagraph{margin: 40px 0 100px 0; text-align: center; font-size: 28px; line-height: 42px; color:#000000; font-weight: 900;}

.esgEvaluationWrap .evaluationWrap article table.propel-table thead{height: auto;}
.esgEvaluationWrap .evaluationWrap article table.propel-table thead tr th:first-of-type, .esgEvaluationWrap .evaluationWrap article table.propel-table tbody tr td:first-of-type{border-left:none;}
.esgEvaluationWrap .evaluationWrap article table.propel-table thead tr th:last-of-type, .esgEvaluationWrap .evaluationWrap article table.propel-table tbody tr td:last-of-type{border-right:none;}

.esgGovernanceWrap.esgCompliance.cn article p{word-break: break-all;}

.ceoWrap.cn .history .line span{font-weight: 500 !important;}

/*개인정보방침 테이블*/
.privacy .privacy_policy .privacyWrap .tbl.privacyTable table tbody td{padding:10px 20px; box-sizing: border-box; word-break: break-all;}
.privacy .privacy_policy .privacyWrap .tbl.privacyTable table tbody td.option{width: 93px;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list1{display: flex; justify-content: center; align-items: center;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3{display: flex;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1{width:100%; max-width: 93px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 .list{width:100%; padding: 25px 0; text-align: center; border-bottom: 1px solid #ddd;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2 .list{width:100%; padding: 25px 0; text-align: center; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 .list.listbt, .privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2 .list.listbt{border-bottom: none;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub2{width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 span{position: relative; top:auto; left:auto; transform: initial;}
.privacy .privacy_policy .privacyWrap .privacyTableCustom .graph li{display: flex; justify-content: center; align-items: center;}
.privacy .privacy_policy .privacyWrap .privacyLink{text-decoration: underline !important; font-weight: 700;text-underline-position : under;}

.privacy_policy .privacyWrap .scrollImgWrap .privacy10 .graph li:last-child{border-right: none;}
.privacy_policy .privacyWrap .scrollImgWrap .privacy10 .graph li{width:25% !important; max-width: none !important; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding:20px; word-break: break-all !important;}

#lgInnotek101 .imageDownText{display:block; margin-top: 16px; color:#666; font-size: 16px; line-height: 28px;}

.esgGovernanceWrap #consultSubTitleMove h2 .mo{display: none;}
.esgGovernanceWrap .esgGovernanceTab{display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.esgGovernanceWrap .esgGovernanceTab li{padding:0 50px; box-sizing:border-box;}
.esgGovernanceWrap .esgGovernanceTab li button{display: flex; flex-direction: column; align-items: center;}
.esgGovernanceWrap .esgGovernanceTab li button .imgWrap{display:flex; justify-content: center; align-items: center; width:180px; height:180px; border:3px solid #ddd; border-radius: 50%;}
.esgGovernanceWrap .esgGovernanceTab li button .imgWrap img{width:160px; height: 160px;}
.esgGovernanceWrap .esgGovernanceTab li button .text{font-size: 28px; color:#000;}
.esgGovernanceWrap .esgGovernanceTab li button .text .mo{display: none;}
.esgGovernanceWrap .esgGovernanceTab li.active button .imgWrap{border-color:#a50034;}
.esgGovernanceWrap #fairTrade{display: none;}
.esgGovernanceWrap #fairTrade.active{display: block;}
.esgGovernanceWrap #subcontract{display: none;}
.esgGovernanceWrap #subcontract.active{display: block;}

.esgGovernanceWrap #subcontract .consultSubTitle.ty2{border:none;}
.esgGovernanceWrap #subcontract .consultSubTitle.ty3{border-width: 1px;}
.esgGovernanceWrap #subcontract .consultContent{margin-top: 0;}
.esgGovernanceWrap #subcontract .consultContent .consultList{}
.esgGovernanceWrap #subcontract .consultContent .consultList li{position:relative; font-size: 24px; line-height: 40px; color:#666; padding-left: 28px;}
.esgGovernanceWrap #subcontract .consultContent .consultList li + li{margin-top: 20px;}
.esgGovernanceWrap #subcontract .consultContent .consultList li:before{content: ''; position: absolute; display: block; width:8px; height: 8px; top:15px; left: 0; border-radius: 100%; background: #444;}
.esgGovernanceWrap #subcontract .consultContent .consultText{margin-top:20px; font-size: 18px; line-height: 28px; color:#666;}
.esgGovernanceWrap #subcontract .consultContent .consultSub{margin-top: 0; font-size: 24px; line-height: 40px; color:#666;}
.esgGovernanceWrap #subcontract .consultContent .consultSubTxt{margin-top: 40px; font-size: 24px; line-height: 40px; color:#000;}
.esgGovernanceWrap #subcontract .consultContent .btnWrap{margin-top: 20px;}
.esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down{width:426px; height: 80px; border-radius: 16px; background: #a50034; font-size: 28px; line-height: 30px; color:#ffffff;}
.esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down + .btn_down{margin-left: 40px;}

.esgGovernanceWrap #subcontract .fileList{margin-top: 20px;}
.esgGovernanceWrap #subcontract .fileList li {position: relative;display: flex;align-items: center;}
.esgGovernanceWrap #subcontract .fileList li + li{margin-top: 10px;}
.esgGovernanceWrap #subcontract .fileList li .file{display: inline-flex;}
.esgGovernanceWrap #subcontract .fileList li input[type=file] {opacity: 0;width: 0;height: 0;position: absolute;}
.esgGovernanceWrap #subcontract .fileList li label {display: flex;justify-content: center;align-items: center;width:145px;height: 64px;border:1px solid #ddd;margin-left: 10px;cursor: pointer;font-size: 18px;color:#666;box-sizing: border-box;}
.esgGovernanceWrap #subcontract .fileList li .input-file-message{display: flex;align-items: center;width:474px;height: 64px;padding:10px 20px;border:1px solid #666;box-sizing: border-box;}

.esgGovernanceWrap #subcontract .fileList li .fileBtn{position:relative; margin-left: 10px; width:64px; height:64px;border:1px solid #ddd; cursor: pointer;}
.esgGovernanceWrap #subcontract .fileList li .fileAddBtn:before{content: ''; position: absolute; display: block; width:24px; height: 3px; border-radius: 1px; background: #979797; top:50%; left:50%; transform: translate(-50%, -50%);}
.esgGovernanceWrap #subcontract .fileList li .fileAddBtn:after{content: ''; position: absolute; display: block; width:3px; height: 24px; border-radius: 1px; background: #979797; top:50%; left:50%; transform: translate(-50%, -50%);}
.esgGovernanceWrap #subcontract .fileList li .fileRemoveBtn:before{content: ''; position: absolute; display: block; width:24px; height: 3px; border-radius: 1px; background: #979797; top:50%; left:50%; transform: translate(-50%, -50%);}

/* 공정거래 페이지 */
.esgGovernanceWrap.type01 .inquiryTypeSelect .select select {height:100% !important;}
.esgGovernanceWrap.type01 article .inputSection .inputWrap input {padding:0;}
.esgGovernanceWrap.type01 article .consultContent .inputWrap input {padding:0;}

.wrap .esgShareholderWrap .shareholderGraph{width:100%;border-top: 2px solid #000;margin-top: 20px;}
.wrap .esgShareholderWrap .shareholderGraph th{background-color: #f5f6f8; width:auto; height:61px;}
.wrap .esgShareholderWrap .shareholderGraph thead th:first-child, .wrap .esgShareholderWrap .shareholderGraph tbody th{width:300px; word-break: keep-all;}
.wrap .esgShareholderWrap .shareholderGraph td:last-child{border-right:none;}
.wrap .esgShareholderWrap .shareholderGraph td{width:180px;}
.wrap .esgShareholderWrap .shareholderGraph td.text-right {text-align:right; padding-right: 20px;}

.inquiryTypeSelect{margin-top: 60px;}
.inquiryTypeSelect .selectTitle{font-size: 24px; line-height: 40px; color:#000000; font-weight: 700; margin-bottom: 20px;}
.inquiryTypeSelect .select{position:relative; width:442px; height: 64px; padding:20px 56px 20px 24px; border:1px solid #666; box-sizing: border-box;}
.inquiryTypeSelect .select:after{content: ''; display: block; position: absolute; width:32px; height: 32px; top:50%; right: 24px; background: url("../img/ic-32-down-bk2.png") no-repeat center; transform: translateY(-50%);}
.inquiryTypeSelect .select select{z-index:10; width:100%; height:100%; padding-left:24px; position: absolute; top:0; left: 0; -webkit-appearance: none;-moz-appearance: none;  background: transparent; font-size: 18px; outline: none; border:none;}