@charset "utf-8";

/* MAIN */
.mainWrap {
	overflow: hidden;
	position: relative;
}

.mainCon {
	padding: 67px 20px 114px;
}

.mainCon .txtWrap:before {
	content: '';
	position: absolute;
	left: 0;
	top: 122px;
	width: 12px;
	height: 12px;
	background: #ef3b24;
	border-radius: 50%;
	animation: mainMotion1 2.4s forwards 0.2s;
}

.mainCon .txtWrap:after {
	content: '';
	position: absolute;
	left: 0;
	top: 127px;
	width: 0;
	height: 2px;
	background: #ef3b24;
	animation: mainMotion2 2.4s forwards 0.2s;
}

.mainCon .txtWrap .tit {
	font-size: 47px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: -0.02em;
}

.mainCon .txtWrap .tit span {
	display: block;
}

.mainCon .txtWrap .tit span:nth-child(2) {
	margin: 6px 0 0 6px;
	font-size: 50px;
}

.mainCon .txtWrap .txt {
	margin-top: 20px;
	font-size: 16px;
	line-height: 22px;
	color: #888;
}

.mainCon .txtWrap a {
	position: relative;
	display: block;
	width: 170px;
	margin-top: 30px;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	background: #ef3b24;
	border-radius: 20px;
}

.mainCon .txtWrap a:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	width: 22px;
	height: 7px;
	background: url(../images/mo/icoArr7.png) no-repeat center bottom / auto 7px;
	transform: translateY(-50%);
}

.mainCon .numWrap {
	position: relative;
	margin: 40px 19px 0 0;
	padding: 25px 0 16px 40px;
}

.mainCon .numWrap:before {
	content: '';
	position: absolute;
	left: 19px;
	top: 14px;
	width: 100%;
	height: 100%;
	background: #ef3b24;
	box-sizing: border-box;
	border-radius: 10px;
}

.mainCon .numWrap:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #ef3b24;
	box-sizing: border-box;
	border-radius: 10px;
}

.mainCon .numWrap ul {
	position: relative;
	z-index: 2;
}

.mainCon .numWrap .motion {
	animation: mainMotion3 1s forwards;
	transform: translateY(50px);
	opacity: 0;
}

.mainCon .numWrap li:nth-child(2) {
	animation-delay: 0.3s;
}

.mainCon .numWrap li:nth-child(3) {
	animation-delay: 0.6s;
}

.mainCon .numWrap li:nth-child(4) {
	animation-delay: 0.9s;
}

.mainCon .numWrap li+li {
	margin-top: 20px;
}

.mainCon .numWrap a {
	display: inline-block;
	vertical-align: top;
}

.mainCon .numWrap dt {
	font-size: 12px;
	font-weight: 700;
	color: #ef3b24;
}

.mainCon .numWrap dd {
	margin-top: 5px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #222;
	letter-spacing: -0.04em;
}

.mainCon .numWrap dd span {
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 0 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}

.mainCon .numWrap dd em {
	display: inline-block;
	vertical-align: top;
	margin: 6px 8px 0;
	font-size: 20px;
	line-height: 1;
}

.mainCon .numWrap p {
	position: relative;
	z-index: 2;
	margin-top: 13px;
	font-size: 12px;
	color: #888;
	animation-delay: 1.2s !important;
}

html[lang="en"] .mainCon .txtWrap a {
	width: 210px;
}

/* 접근성 a태그안에 dl dt dd를 사용시 접근이 안되어 다른 태그로 변경 */
.defy_box .defy_tit {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #ef3b24;
}

.defy_box .defy_txt {
	display: block;
	margin-top: 5px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #222;
	letter-spacing: -0.04em;
}

.defy_box .defy_txt .unit {
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 0 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}

.defy_box .defy_txt em {
	display: inline-block;
	vertical-align: top;
	margin: 6px 8px 0;
	font-size: 20px;
	line-height: 1;
}

@keyframes mainMotion1 {
	from {
		left: 0;
	}

	to {
		left: 160px;
	}
}

@keyframes mainMotion2 {
	from {
		width: 0;
	}

	to {
		width: 165px;
	}
}

@keyframes mainMotion3 {
	from {
		transform: translateY(50px);
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* mainPop */
.mainPop {
	display: none;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	padding: 256px 20px 20px;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-overflow-scrolling: touch;
}

.mainPop .mainPopWrap {
	position: relative;
	max-width: 335px;
	margin: 0 auto;
	padding-top: 60px;
	text-align: center;
	background: #fff url('../images/mo/logoHeader.svg') no-repeat center 20px;
	;
	border: 1px solid #d6d6d6;
	border-top: none;
}

.mainPop .mainPopWrap:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	width: calc(100% + 2px);
	height: 4px;
	background: #ef3b24;
}

.mainPop .txt {
	margin-top: 15px;
	font-size: 24px;
	font-weight: 700;
	line-height: 50px;
	color: #313131;
}

.mainPop .txt+.txt {
	margin-top: 6px;
}

.mainPop .date {
	font-size: 15px;
	font-weight: 500;
	line-height: 14px;
	color: #313131;
}

.mainPop .link {
	display: block;
	width: 242px;
	margin: 30px auto 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 42px;
	color: #fff;
	background: #141414;
	border-radius: 21px;
}

.mainPop .popBtn {
	display: flex;
	margin-top: 34px;
	border-top: 1px solid #d6d6d6;
}

.mainPop .popBtn a {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	color: #313131;
	background: #ebebeb;
}

.mainPop .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

/* floatingTab */
.floatingTab {
	height: 55px;
}

.floatingTab .tabBox {
	position: fixed;
	left: 0;
	top: 80px;
	z-index: 100;
	width: 100%;
	text-align: center;
	background: #fff;
	transition: top 0.3s;
}

.floatingTab .tabBox:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e4e4e4;
}

.floatingTab ul {
	overflow-x: auto;
	padding: 0 10px;
	white-space: nowrap;
	text-align: center;
	font-size: 0;
	line-height: 0;
	-webkit-overflow-scrolling: touch;
}

.floatingTab li {
	display: inline-block;
}

.floatingTab li+li {
	margin-left: 10px;
}

.floatingTab a {
	position: relative;
	display: block;
	height: 55px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 500;
	color: #141414;
}

.floatingTab a span {
	display: flex;
	width: 100%;
	height: 55px;
	align-items: center;
	line-height: 1.2;
}

.floatingTab .active a {
	color: #ef3b24;
	font-weight: 700;
}

.floatingTab .active a:after {
	content: '';
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 2;
	width: calc(100% - 20px);
	height: 2px;
	background: #ef3b24;
}

.headerHide .floatingTab .tabBox {
	top: 0;
}


/* tit */
.conTit {
	font-size: 34px;
	font-weight: 700;
	padding-bottom: 50px;
}

.conTit span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #888;
}

.bgType .conTit {
	text-align: center;
	color: #fff;
}

.bgType .conTit span {
	margin: 10px 0 0;
	font-size: 22px;
	font-weight: 700;
	color: #aaa;
}

.bgType .conTit em {
	display: block;
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}


/* infoBox */
.infoBox {
	position: relative;
	border: 1px solid #e4e4e4;
	background: #fff;
	padding: 30px 20px;
}

.infoBox+.infoBox {
	margin-top: 20px;
}

.infoBox .tit {
	font-size: 20px;
	font-weight: 700;
}

.infoBox .tit+.dot {
	margin-top: 20px;
}

.infoBox .txt {
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
}

.infoBox .dot li {
	position: relative;
	padding-left: 12px;
	font-size: 16px;
}

.infoBox .dot li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #ef3b24;
}

.infoBox .dot li+li {
	margin-top: 20px;
}

.infoBox .dot li span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #888;
}

.infoBox .dot.noSpaceType li+li {
	margin-top: 0;
}

.infoBox .dot.rowType {
	display: flex;
	flex-wrap: wrap;
}

.infoBox .dot.rowType li {
	width: 47%;
}

.infoBox .button {
	margin-top: 20px;
}

.infoBox .button a {
	position: relative;
	display: block;
	padding: 0 20px;
	font-size: 18px;
	line-height: 58px;
	color: #ef3b24;
	border: 1px solid #ef3b24;
}

.infoBox .button a:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url('../images/mo/icoArr5.png') no-repeat center center / 24px;
	transform: translateY(-50%);
}

.infoBox .button a+a {
	margin-top: 20px;
}

.infoBox .btnArr {
	position: absolute;
	right: 50px;
	top: 50%;
	width: 240px;
	height: 52px;
	font-size: 20px;
	font-weight: 700;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
	transform: translateY(-50%);
}

.infoBox .btnArr span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-right: 37px;
}

.infoBox .btnArr span:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	height: 8px;
	background: url(../images/mo/icoArr3.png) no-repeat center top;
	transform: translateY(-50%);
}

.infoBox a.btnArr {
	position: relative;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	min-height: 40px;
	margin-top: 40px;
	padding: 0 40px;
	font-size: 16px;
	font-weight: 700;
	color: #141414;
	transform: translateY(0);
	border-radius: 50px;
}

.infoBox a.btnArr:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	width: 22px;
	height: 7px;
	background: url(../images/mo/icoArr6.png) no-repeat center bottom / auto 7px;
	transform: translateY(-50%);
}

.infoBox a.btnArr span {
	position: static;
	display: inline;
	padding-right: 0;
}

.infoBox a.btnArr span:after {
	display: none;
}

html[lang="en"] .infoBox a.btnArr {
	padding: 10px 55px 10px 40px;
}


/* dotTxt */
.dotTxt {
	position: relative;
	padding-left: 12px;
	font-size: 14px;
	line-height: 20px;
}

.dotTxt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 2px;
	height: 2px;
	background: #888;
}

.dotTxt.fcRed:before {
	background: #ef3b24;
}


/* tblScrollInfo */
.tblScrollInfo {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.49);
}

.tblScrollInfo p {
	position: absolute;
	left: 50%;
	bottom: 50px;
	padding: 18px 32px 18px 73px;
	font-size: 14px;
	color: #141414;
	white-space: nowrap;
	background: #fff url('../images/mo/icoFinger.png') no-repeat 27px center / 36px;
	border-radius: 100px;
	transform: translateX(-50%);
}

.tblScrollInfo button {
	position: absolute;
	left: 50%;
	bottom: 130px;
	width: 44px;
	height: 44px;
	background: #fff url('../images/mo/btnClose.png') no-repeat center center / 20px;
	border-radius: 22px;
	transform: translateX(-50%);
}


/* tblScrollType */
.tblScrollType {
	overflow-x: auto;
}

.tblScrollType table {
	min-width: 600px;
}

.tblScrollType.tblW800 table {
	min-width: 600px;
}

.tblScrollType.tblW400 table {
	min-width: 400px;
}


/* tblStyle */
.tblInfo {
	margin-bottom: 12px;
	text-align: right;
	font-size: 12px;
}

.tblInfo .unit {
	display: inline-block;
	margin-left: 30px;
	color: #888;
}

.tblStyle1 {
	position: relative;
}

.tblStyle1 table {
	width: 100%;
	border-top: 2px solid #141414;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle1 thead th {
	height: 64px;
	padding: 0 5px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #f8f8f8;
}

.tblStyle1 thead tr:nth-child(2n) th {
	border-top: 1px solid #e4e4e4;
}

.tblStyle1 tbody th,
.tblStyle1 tbody td {
	height: 74px;
	padding: 0 5px;
	text-align: center;
	border-top: 1px solid #e4e4e4;
	font-size: 16px;
	background: #fff;
}

.tblStyle1 thead th.tal,
.tblStyle1 tbody th.tal,
.tblStyle1 tbody td.tal {
	padding: 0 15px;
}

.tblStyle1 tbody th {
	font-weight: 700;
}

.tblStyle1 .bgRed {
	background: rgba(255, 170, 91, 0.13);
}

.tblStyle1 .bgWhite {
	background: #fff;
}

.tblStyle1 .bgGray {
	background: #f2f2f2;
}

.tblStyle1.moreType tbody tr:nth-child(n + 4) {
	display: none;
}

.tblStyle1.moreType.leng1 tbody tr:nth-child(n + 2) {
	display: none;
}

.tblStyle1.creditType tbody tr:nth-child(3) th,
.tblStyle1.creditType tbody tr:nth-child(3) td {
	border-color: #888;
}

.tblStyle1 .brNo {
	border: none !important;
}

.tblStyle1 .brLeft {
	border-left: 1px solid #e4e4e4;
}

.tblStyle1.moreType .moreBtn {
	display: block;
}

.tblStyle1 .moreBtn {
	display: none;
	margin: 40px 20px 0;
	width: calc(100% - 40px);
	height: 50px;
	font-size: 16px;
	border: 1px solid #d6d6d6;
}

.tblStyle2 {
	position: relative;
}

.tblStyle2 .tblInfo {
	position: absolute;
	right: 0;
	top: -26px;
}

.tblStyle2 .detail {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #141414;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle2 .detail:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	background: #d2d2d2;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.tblStyle2 .detail:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 3px;
	background: #141414;
	transform: translateX(-50%) translateY(-50%);
}

html[lang="en"] .tblStyle2 .detail:before {
	left: 20px;
	transform: translateY(-50%);
}

html[lang="en"] .tblStyle2 .detail:after {
	left: 31px;
	transform: translateY(-50%);
}

.tblStyle2.noRound .detail:before,
.tblStyle2.noRound .detail:after {
	display: none;
}

.tblStyle2 .detail dl {
	flex: 1;
	padding: 20px 20px 30px;
	background: #f2f2f2;
}

.tblStyle2 .detail dl.tac {
	padding: 20px 10px 30px;
}

.tblStyle2 .detail dl.tac dt,
.tblStyle2 .detail dl.tac dd {
	margin-left: 0;
	padding-left: 0;
}

.tblStyle2 .detail dl.tac dd {
	font-size: 22px;
}

.tblStyle2 .detail dt {
	font-size: 16px;
}

.tblStyle2 .detail dd {
	margin: 15px 0 0 -3px;
	font-size: 18px;
	font-weight: 700;
	color: #888;
}

.tblStyle2 .detail .conL dt,
.tblStyle2 .detail .conL dd {
	margin-left: -10px;
}

.tblStyle2.noRound .detail .conL dt,
.tblStyle2.noRound .detail .conL dd {
	margin-left: 0;
}

.tblStyle2 .detail .conR {
	background: #fafafa;
}

.tblStyle2 .detail .conR dt,
.tblStyle2 .detail .conR dd {
	padding-left: 10px;
}

.tblStyle2 .detail dl:last-of-type dd {
	color: #141414;
}

.tblStyle2 .detail .countWrap {
	color: #ef3b24 !important;
}

.tblStyle2 .detail .countWrap .countBox {
	display: inline-block;
	width: 12px;
	vertical-align: top;
	text-align: center;
}

.tblStyle2 .detail .tac .countWrap .countBox {
	width: 15px;
}

.tblStyle2 .detail dd .fw400 {
	font-size: 16px;
}

html[lang="en"] .tblStyle2 .detail dd .fw400 {
	margin-left: 5px;
}

html[lang="en"] .tblStyle2 .detail dd br+.fw400 {
	margin-left: 0;
}

html[lang="en"] .tblStyle2 .detail {
	display: block;
}

html[lang="en"] .tblStyle2 .detail.leng3 {
	display: flex;
}

html[lang="en"] .tblStyle2 .detail dl {
	padding: 20px 14px 30px
}

html[lang="en"] .tblStyle2 .detail dt,
html[lang="en"] .tblStyle2 .detail dd {
	margin-left: 0;
	padding-left: 0;
}

.tblStyle2 .total {
	border-bottom: 2px solid #e4e4e4;
	background: #fff;
}

.tblStyle2 .total .totalBox {
	position: relative;
	padding: 20px 0 24px 70px;
}

.tblStyle2 .total .totalBox:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 50%;
	width: 30px;
	height: 30px;
	background: #141414;
	border-radius: 50%;
	transform: translateY(-50%);
}

.tblStyle2 .total .totalBox:after {
	content: '';
	position: absolute;
	left: 29px;
	top: 50%;
	width: 12px;
	height: 3px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%);
}

.tblStyle2 .total dl {}

.tblStyle2 .total dt {
	font-size: 16px;
}

.tblStyle2 .total dd {
	margin-top: 10px;
	font-size: 29px;
	font-weight: 700;
	color: #ef3b24;
}

.tblStyle2 .total dd .countBox {
	display: inline-block;
	width: 19px;
	vertical-align: top;
	text-align: center;
}

.tblStyle2 .total dd .fw400 {
	font-size: 16px;
	font-weight: 400;
}

html[lang="en"] .tblStyle2 .total dd .fw400 {
	margin-left: 5px;
}

.tblStyle3 {
	position: relative;
}

.tblStyle3 table {
	width: 100%;
	border-top: 2px solid #ef3b24;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle3 thead th {
	height: 68px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	background: rgba(248, 248, 248, 0.9);
}

.tblStyle3 thead tr:nth-child(2n) th {
	border-top: 1px solid #cfcfcf;
}

.tblStyle3 tbody th,
.tblStyle3 tbody td {
	height: 62px;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	font-size: 16px;
	background: rgba(255, 255, 255, 0.9);
}

.tblStyle3 tbody th {
	font-size: 18px;
	font-weight: 700;
}

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

.tblStyle4 th,
.tblStyle4 td {
	padding: 15px;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle4 th {
	font-size: 14px;
	background: #f2f2f2;
}

.tblStyle4 .placeholder {
	margin-top: 10px;
	font-size: 14px;
}

.tblStyle4 .reporterType {
	padding: 5px 0;
	font-size: 0;
}

.tblStyle4 .reporterType .inpRadio {
	vertical-align: middle;
}

.tblStyle4 .reporterType .inpRadio+.inpRadio {
	margin-left: 15px;
}

.tblStyle4 .reporterType .inpTxt {
	margin-top: 20px;
}

.tblStyle5 {
	position: relative;
}

.tblStyle5 table {
	width: 100%;
	border-top: 2px solid #141414;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle5 thead th {
	height: 36px;
	padding: 0 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	background: #f8f8f8;
}

.tblStyle5 thead tr:nth-child(2n) th {
	border-top: 1px solid #e4e4e4;
}

.tblStyle5 tbody th,
.tblStyle5 tbody td {
	height: 36px;
	padding: 0 5px;
	text-align: center;
	border-top: 1px solid #e4e4e4;
	font-size: 14px;
	background: #fff;
}

.tblStyle6 .info {
	position: relative;
	padding: 40px 20px 30px;
	border: 1px solid #e4e4e4;
	border-top: 2px solid #141414;
	background: #f4f5f7;
}

.tblStyle6 .info p {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #ef3b24;
}

.tblStyle6 .info p span {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #313131;
}

.tblStyle6 .info ul {
	display: flex;
	margin-top: 20px;
}

.tblStyle6 .info li a {
	display: block;
	position: relative;
	padding-right: 56px;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	color: #141414;
}

.tblStyle6 .info li a:after {
	content: 'XLS다운';
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-indent: -500000px;
	background: #fafafa url('../images/mo/icoXls.png') no-repeat center center / 30px;
	border-radius: 50%;
}

.tblStyle6 .info .pdf {
	margin-right: 10px;
}

.tblStyle6 .info .pdf a:after {
	content: 'PDF다운';
	background-image: url('../images/mo/icoPdf.png');
}

.tblStyle6 .solting {
	margin-top: 30px;
	text-align: right;
}

.tblStyle6 .solting+.toggleList1 {
	margin-top: 20px;
}

.tblStyle6 .inpSlt {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	text-align: left;
}

.tblStyle6 table {
	width: 100%;
	margin-top: 20px;
	border-top: 2px solid #141414;
}

.tblStyle6.moreType table tbody tr:nth-child(n + 3) {
	display: none;
}

.tblStyle6 table thead th {
	height: 63px;
	text-align: right;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid #e4e4e4;
	background: #f8f8f8;
}

.tblStyle6 table thead th:first-child {
	text-align: left;
	padding: 0 0 0 20px;
	text-align: left;
}

.tblStyle6 table tbody th,
.tblStyle6 table tbody td {
	height: 75px;
	text-align: right;
	padding-right: 20px;
	font-size: 16px;
	border-bottom: 1px solid #e4e4e4;
}

.tblStyle6 table tbody td:first-child {
	text-align: left;
	padding: 0 0 0 20px;
}

.tblStyle6 table tbody td:last-child {
	font-size: 0;
}

.tblStyle6 table .docDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoDoc.png') no-repeat center center / 30px;
}

.tblStyle6 table .hwpDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoHwp.png') no-repeat center center / 30px;
}

.tblStyle6 table .pdfDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoPdf.png') no-repeat center center / 30px;
}

.tblStyle6 table .pptDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoPpt.png') no-repeat center center / 30px;
}

.tblStyle6 table .soundDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoSound.png') no-repeat center center / 30px;
}

.tblStyle6 table .xlsDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoXls.png') no-repeat center center / 30px;
}

.tblStyle6 table .zipDown {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoZip.png') no-repeat center center / 30px;
}

.tblStyle6 table a+a {
	margin-left: 10px;
}

.tblStyle6 table a span {
	display: inline-block;
	height: 100%;
	font-size: 10px;
	line-height: 0;
	/*text-indent:5000px;*/
	color: transparent;
}

/* 접근성 초점위치수정 */
.tblStyle6 .moreBtn {
	display: none;
}

.tblStyle6 .moreBtn.show {
	display: block !important;
}

.tblStyle6.moreType .moreBtn {
	display: block;
}

.tblStyle6 .noList {
	display: table-cell;
	height: 440px;
	padding: 0 !important;
}


/* moreBtn */
.moreBtn {
	margin: 40px 20px 0;
	width: calc(100% - 40px);
	height: 50px;
	font-size: 16px;
	border: 1px solid #d6d6d6;
}

.moreBtn:disabled {
	background: #f2f2f2;
	border-color: #ebebeb;
	color: #d6d6d6;
}


/* noList */
.noList {
	display: flex;
	align-items: center;
	height: 440px;
	border-bottom: 1px solid #141414;
	background: #edeff3;
}

.noList p {
	position: relative;
	width: 100%;
	margin-top: 90px;
	text-align: center;
	font-size: 29px;
	font-weight: 500;
	color: #313131;
}

.noList p:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -90px;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoNolist.png') no-repeat center center / 40px;
	transform: translateX(-50%);
}


/* toggleList */
.toggleList1 {
	border-top: 1px solid #141414;
}

.toggleList1 .toggleBox {
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
}

.toggleList1 .toggleBtn {
	position: relative;
	display: block;
	width: 100%;
	min-height: 92px;
	padding: 30px 50px 30px 20px;
	text-align: left;
}

.toggleList1 .toggleBtn:after {
	content: '열기';
	position: absolute;
	right: 20px;
	top: 50%;
	width: 24px;
	height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: -500000px;
	background: url('../images/mo/icoArr1.png') no-repeat center center / 24px;
	transform: translateY(-50%) rotate(180deg);
	transition: Transform 0.2s;
}

.toggleList1 .active .toggleBtn:after {
	content: '닫기';
	transform: translateY(-50%);
}

.toggleList1 .toggleBtn .new {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	background: #ef3b24;
}

.toggleList1 .toggleBtn .date {
	font-size: 14px;
}

.toggleList1 .toggleBtn .subj {
	font-size: 18px;
	font-weight: 700;
}

.toggleList1 .toggleBtn .date+.subj {
	margin-top: 10px;
}

.toggleList1 .toggleCon {
	display: none;
}

.toggleList1 .toggleCon .con {
	padding: 17px 20px;
	font-size: 16px;
	color: #888;
	line-height: 24px;
	background: #edeff3;
}

.toggleList1 .docDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoDoc.png') no-repeat left center / 30px;
}

.toggleList1 .hwpDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoHwp.png') no-repeat left center / 30px;
}

.toggleList1 .pdfDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoPdf.png') no-repeat left center / 30px;
}

.toggleList1 .pptDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoPpt.png') no-repeat left center / 30px;
}

.toggleList1 .soundDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoSound.png') no-repeat left center / 30px;
}

.toggleList1 .xlsDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoXls.png') no-repeat left center / 30px;
}

.toggleList1 .zipDown {
	display: inline-block;
	vertical-align: top;
	padding-left: 45px;
	font-size: 16px;
	line-height: 30px;
	color: #888;
	background: url('../images/mo/icoZip.png') no-repeat left center / 30px;
}

.toggleList1 .toggleBoxHead {
	padding: 23px 20px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #e4e4e4;
	font-size: 16px;
	font-weight: bold;
}

/* boxList */
.boxList1 {
	display: flex;
	flex-wrap: wrap;
}

.boxList1 .list {
	position: relative;
	width: calc(50% - 10px);
	min-height: 180px;
	background: #fff;
}

.boxList1 .list:nth-child(even) {
	margin-left: 20px;
}

.boxList1 .list:nth-child(n + 3) {
	margin-top: 20px;
}

.boxList1 .link {
	position: relative;
	display: block;
	height: 100%;
	padding: 36px 16px;
	color: #141414;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}

.boxList1 .new {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	background: #ef3b24;
}

.boxList1 .tit {
	overflow: hidden;
	max-height: 2em;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.boxList1 .go {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}

.boxList1 .go:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 14px;
	height: 4px;
	background: url('../images/mo/icoArr3.png') no-repeat center top / auto 4px;
	transform: translateY(-50%);
}

.boxList1 .down {
	position: absolute;
	right: 15px;
	bottom: 15px;
	white-space: nowrap;
}

.boxList1 .down a {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
}

.boxList1 .down a+a {
	margin-left: 5px;
}

.boxList1 .down a span {
	display: block;
	font-size: 10px;
	line-height: 0;
	text-indent: -5000000px;
}

.boxList1 .down .doc {
	background: url('../images/mo/icoDoc.png') no-repeat center center / cover;
}

.boxList1 .down .hwp {
	background: url('../images/mo/icoHwp.png') no-repeat center center / cover;
}

.boxList1 .down .pdf {
	background: url('../images/mo/icoPdf.png') no-repeat center center / cover;
}

.boxList1 .down .ppt {
	background: url('../images/mo/icoPpt.png') no-repeat center center / cover;
}

.boxList1 .down .sound {
	background: url('../images/mo/icoSound.png') no-repeat center center / cover;
}

.boxList1 .down .xls {
	background: url('../images/mo/icoXls.png') no-repeat center center / cover;
}

.boxList1 .down .zip {
	background: url('../images/mo/icoZip.png') no-repeat center center / cover;
}

.boxList1.titMode .year {
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}

.boxList1.titMode .titBox+.year {
	margin-top: 50px;
}

.boxList1.titMode .titBox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.boxList1 .noList {
	width: 100%;
}

.boxList2 {
	border-top: 1px solid #141414;
}

.boxList2 .list {
	border-bottom: 1px solid #e4e4e4;
}

.boxList2 .link {
	position: relative;
	display: block;
	width: 100%;
	min-height: 92px;
	padding: 40px 20px;
	text-align: left;
	color: #141414;
}

.boxList2 .new {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	background: #ef3b24;
}

.boxList2 .tit {
	margin-top: 20px;
	font-size: 18px;
	line-height: 24px;
}

.boxList2 .date {
	text-align: right;
	font-size: 14px;
	line-height: 17px;
	color: #888;
}

.boxList2 .press {
	position: absolute;
	left: 20px;
	top: 40px;
	font-size: 16px;
	line-height: 17px;
	color: #888;
}


/* videoList */
.videoList1 .list+.list {
	margin-top: 30px;
}

.videoList1 .videoViewBox {
	position: relative;
	padding-bottom: 56.25%;
}

.videoList1 .videoViewBox iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.videoList1 .tit {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.videoList1 .date {
	margin-top: 10px;
	text-align: right;
	font-size: 14px;
	line-height: 17px;
	color: #888;
}


/* paging */
.paging {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.paging .btnNext,
.paging .btnPrev {
	width: 53px;
	height: 36px;
	border: 1px solid #e1dfdf;
	background: #fff url('../images/mo/icoArr2.png') no-repeat center top / 8px auto;
	border-radius: 3px;
}

.paging .btnPrev {
	transform: rotate(180deg);
}

.paging .btnNext:hover,
.paging .btnPrev:hover {
	border-color: #ef3b24;
	background-position: center center;
}

.paging .btnNext:disabled,
.paging .btnPrev:disabled {
	border-color: #d7d7d7;
	background-color: #e4e4e4;
	background-position: center bottom;
}

.paging .numPaging {
	width: 106px;
	font-size: 0;
}

.paging .numPaging em {
	display: inline-block;
	margin: 0 21px;
	vertical-align: top;
	font-size: 16px;
}

.paging .numPaging span {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

.paging .numPaging .now {
	font-weight: 700;
	color: #ef3b24;
}

.paging>.paging {
	margin-top: 0;
}


/* viewPop */
.viewPop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	padding-top: 80px;
	align-items: flex-end;
}

.viewPop .dim {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.49);
	opacity: 0;
	transition: opacity 0.2s;
}

.viewPop.active .dim {
	opacity: 1;
}

.viewPop .viewPopWrap {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	background: #fff;
	border-radius: 24px 24px 0 0;
	transform: translateY(100%);
	transition: Transform 0.2s;
}

.viewPop.active .viewPopWrap {
	transform: translateY(0);
}

.viewPop .viewPopTit {
	padding: 40px 20px;
	font-size: 30px;
	font-weight: 700;
	border-bottom: 1px solid #d6d6d6;
}

.viewPop .viewPopCon {
	overflow-y: auto;
	padding: 20px;
	-webkit-overflow-scrolling: touch;
}

.viewPop .viewPopCon .tit {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}

.viewPop .viewPopCon .date {
	margin-top: 30px;
	text-align: right;
	font-size: 14px;
	line-height: 17px;
	color: #888;
}

.viewPop .viewPopCon .con {
	margin-top: 30px;
}

.viewPop .btnClose {
	position: absolute;
	right: 16px;
	top: 38px;
	width: 40px;
	height: 40px;
	background: url('../images/mo/icoClose2.png') no-repeat center center / cover;
}


/* 차트 */
.chartWrap {
	position: relative;
}

.chartWrap .labels {
	display: flex;
	justify-content: flex-end;
}

.chartWrap .labels li {
	position: relative;
	margin-left: 20px;
	padding-left: 15px;
	font-size: 14px;
	color: #888;
}

.chartWrap .labels li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	background: #ef3b24;
	transform: translateY(-50%);
}

.chartWrap .labels li:nth-child(2):before {
	background: #f87419;
}

.chartWrap .labels li:nth-child(3):before {
	background: #ffac73;
}

.chartWrap .chart {
	display: flex;
	position: relative;
	height: 200px;
	margin-top: 106px;
	padding: 0 20px;
}

.chartWrap .chart .chartBox {
	width: 100%;
	position: relative;
}

.chartWrap .chart .line {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #888;
}

.chartWrap .chart ul {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
	padding: 0 11%;
}

.chartWrap .chart ul li {
	position: relative;
	flex: 1;
	width: 50px;
	height: 0;
	background: #ef3b24;
	border-radius: 5px 5px 0 0;
	transition: height 0.5s;
}

.chartWrap .chart ul li:nth-child(2) {
	background: #f87419;
}

.chartWrap .chart ul li:nth-child(3) {
	background: #ffac73;
}

.chartWrap .chart ul li+li {
	margin-left: 11%;
}

.chartWrap .chart ul li span {
	display: none;
	position: absolute;
	left: 50%;
	top: -10px;
	font-size: 14px;
	color: #313131;
	transform: translateX(-50%) translateY(-100%);
}

.chartWrap .chart .minus {
	border-radius: 0 0 5px 5px;
	transform: translateY(calc(100% - 1px));
}

.chartWrap .chart .minus span {
	top: auto;
	bottom: 0;
	transform: translateX(-50%) translateY(100%);
}

.chartWrap .chart .tit {
	position: absolute;
	left: 0;
	top: -38px;
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	transform: translateY(-100%);
}

.chartWrap .swiperDot {
	margin-top: 40px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.chartWrap .swiperDot .swiper-pagination-bullet {
	margin: 0 5px;
	background: #aaa;
}

.chartWrap .swiperDot .swiper-pagination-bullet-active {
	background: #ef3b24;
}


/* 배당 */
.dividend {
	/*background:url('../images/mo/bgDividend.jpg') no-repeat center top / auto 100%;*/
	background-color: #0f242f;
}

.dividend .info {
	font-size: 14px;
	color: #aaa;
}

.dividend .summary {
	margin-top: 10px;
	padding: 38px 0 16px;
	background: rgba(20, 20, 20, 0.42);
	border-top: 2px solid #ef3b24;
}

.dividend .summary dl {
	text-align: center;
}

.dividend .summary dl+dl {
	margin-top: 40px;
}

.dividend .summary dt {
	font-size: 22px;
	font-weight: 500;
	color: #ef3b24;
}

.dividend .summary dd {
	margin-top: 1px;
	font-size: 56px;
	font-weight: 700;
	color: #fff;
}

.dividend .summary dd .unit {
	font-size: 23px;
	font-weight: 400;
}

.dividend .summary .countBox {
	display: inline-block;
	width: 37px;
	text-align: center;
}

.dividend .txt {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
}

.dividend .txt dt {
	white-space: nowrap;
}

html[lang="en"] .dividend .summary dd .unit {
	margin-left: 5px;
}


/* 실적발표 */
.result .conTit {
	text-align: left;
	font-size: 34px;
}

.result .resultTab {
	margin-top: -20px;
}

.result .resultTab ul {
	overflow-x: auto;
	font-size: 0;
	line-height: 0;
	margin: 0 -20px;
	padding: 0 20px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.result .resultTab li {
	display: inline-block;
}

.result .resultTab li+li {
	margin-left: 20px;
}

.result .resultTab a {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #fff;
}

.result .resultTab .active a {
	font-weight: 700;
	color: #ef3b24;
}

.result .resultCon {
	display: none;
	margin-top: 40px;
}

.result #resultCon1 {
	display: block;
}


/* CEO LETTER */
.ceoLetter .ceoImg {
	text-align: center;
}

.ceoLetter .ceoInfo {
	margin-top: 40px;
	font-size: 16px;
}

.ceoLetter .ceoInfo .tit {
	margin-top: 40px;
	font-weight: 700;
	line-height: 22px;
}

.ceoLetter .ceoInfo .txt {
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
}


/* 수시공시 */
.publicCon {
	padding: 0 20px;
}

.publicCon li {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	line-height: 22px;
}

.publicCon li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 4px;
	height: 4px;
	background: #141414;
}

.publicCon li+li {
	margin-top: 20px;
}

.publicCon li a {
	color: #141414;
}

.publicCon .btnArr {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 40px;
	padding: 0 40px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #141414;
	background: #f4f5f7;
	border: 1px solid #d6d6d6;
	border-radius: 20px;
}

.publicCon .btnArr:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	width: 22px;
	height: 7px;
	background: url(../images/mo/icoArr6.png) no-repeat center bottom / auto 7px;
	transform: translateY(-50%);
}


/* 재무정보 */
.finance {
	/*background:url('../images/mo/bgFinance.jpg') no-repeat center top / auto 100%;*/
	background-color: #0f242f;
}

.financeCon {
	margin: 10px 20px 0;
	color: #fff;
}

.financeCon>div {
	flex: 1;
}

.financeCon .info {
	font-size: 14px;
	color: #aaa;
}

.financeCon .assets {
	margin-top: 10px;
	padding: 38px 0 30px;
	text-align: center;
	border-top: 2px solid #ef3b24;
	background: rgba(20, 20, 20, 0.65);
}

.financeCon .assets dt {
	font-size: 26px;
	color: #ebebeb;
}

.financeCon .assets dd {
	margin-top: 20px;
	font-size: 38px;
	font-weight: 700;
}

.financeCon .assets dd .countBox {
	display: inline-block;
	width: 25px;
	vertical-align: top;
	text-align: center;
}

.financeCon .assets dd .unit {
	font-size: 20px;
	font-weight: 400;
}

.financeCon .rowType {
	position: relative;
	padding: 30px 0;
	text-align: center;
	border-top: 2px solid #141414;
	background: rgba(255, 255, 255, 0.1);
}

.financeCon .rowType:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 125px;
	width: 18px;
	height: 1px;
	background: #e4e4e4;
	transform: translateX(-50%);
}

.financeCon .rowType dl+dl {
	margin-top: 60px;
}

.financeCon .rowType dt {
	font-size: 20px;
	color: #ebebeb;
}

.financeCon .rowType dd {
	margin-top: 10px;
	font-size: 30px;
	font-weight: 700;
}

.financeCon .rowType dd .countBox {
	display: inline-block;
	width: 20px;
	vertical-align: top;
	text-align: center;
}

.financeCon .rowType dd .unit {
	font-size: 18px;
	font-weight: 400;
}

.financeCon .conR {
	margin-top: 60px;
}

.financeCon .colType {
	margin-top: 10px;
	text-align: center;
	border-top: 2px solid #ef3b24;
}

.financeCon .colType dl {
	padding: 20px 0;
	background: rgba(20, 20, 20, 0.42);
}

.financeCon .colType dl+dl {
	border-top: 1px solid #868686;
}

.financeCon .colType dt {
	font-size: 20px;
	color: #ebebeb;
}

.financeCon .colType dd {
	margin-top: 14px;
	font-size: 20px;
	font-weight: 700;
}

.financeCon .colType dd .unit {
	font-size: 14px;
	font-weight: 400;
}

.financeCon.type2 .colType dl:nth-child(3) {
	margin-top: 10px;
	border-top: 2px solid #ef3b24;
}

html[lang="en"] .financeCon dd .unit {
	margin-left: 5px;
}


/* 신용등급 */
.credit {
	min-height: 700px;
	background: url('../images/mo/bgCredit.jpg') no-repeat center top / auto 1247px;
}

.creditCon {
	margin: 10px 20px 0;
}

.creditCon .creditBox {
	position: relative;
}

.creditCon .creditBox+.creditBox {
	margin-top: 60px;
}

.creditCon .info {
	font-size: 14px;
	color: #aaa;
}

.creditCon .rating {
	position: relative;
	display: flex;
	margin-top: 10px;
	border-top: 2px solid #ef3b24;
	background: rgba(20, 20, 20, 0.29);
}

.creditCon .rating:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 54px;
	width: 1px;
	height: 20px;
	background: #aaa;
}

.creditCon .ratingBox {
	flex: 1;
	padding: 30px 0 20px;
	text-align: center;
}

.creditCon .ratingBox .txt1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 66px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.creditCon .ratingBox .txt1 em {
	display: block;
	margin-top: 1px;
	font-size: 24px;
	line-height: 1;
}

.creditCon .ratingBox .txt2 {
	margin-top: 24px;
	font-size: 16px;
	color: #888;
}

.creditCon .infoList {
	padding: 20px 10px;
}

.creditCon .infoList:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 248px);
	background: rgba(255, 255, 255, 0.04);
}

.creditCon .infoList li {
	position: relative;
	z-index: 2;
	padding-left: 16px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.creditCon .infoList li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 4px;
	height: 4px;
	background: #ef3b24;
}

.creditCon .infoList li+li {
	margin-top: 14px;
}


/* CI */
.ci {
	background: url('../images/mo/bgCi.jpg') no-repeat center top / auto 206px;
}

.ci .conTit {
	margin-top: -18px;
	padding-bottom: 55px;
	text-align: center;
	font-size: 34px;
	color: #fff;
}

.ci .conTit span {
	margin: 10px 0 0 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
}

.ci .ciCon {
	max-width: 1080px;
	margin: 42px auto 0;
}

.ci .ciTxt {
	margin-top: 30px;
}

.ci .ciTxt li {
	position: relative;
	padding-top: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.ci .ciTxt li:nth-child(1) {
	background: url('../images/mo/icoCi1.png') no-repeat center top / 50px;
}

.ci .ciTxt li:nth-child(2) {
	background: url('../images/mo/icoCi2.png') no-repeat center top / 50px;
}

.ci .ciTxt li:nth-child(3) {
	background: url('../images/mo/icoCi3.png') no-repeat center top / 50px;
}

.ci .ciTxt li+li {
	margin-top: 40px;
}

.ci .ciTxt li span {
	color: #ef3b24;
}

.ci .ciDesign {
	margin-top: 90px;
}

.ci .ciDesign .tit {
	font-size: 28px;
	font-weight: 700;
}

.ci .ciDesign .txt {
	position: relative;
	margin-top: 50px;
	padding-top: 230px;
	font-size: 16px;
	line-height: 25px;
}

.ci .ciDesign .txt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 200px;
	border: 1px solid #aaa;
	background: url('../images/mo/imgCi.png') no-repeat center 40% / 270px auto;
}

.ci .ciGrid {
	margin-top: 100px;
}

.ci .ciGrid .tit {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #888;
}

.ci .ciGrid .img {
	margin-top: 20px;
}

.ci .ciGrid .grid {
	margin-top: 75px;
}

.ci .ciPalette {
	margin-top: 170px;
}

.ci .ciPalette .tit {
	font-size: 28px;
	font-weight: 700;
}

.ci .ciPalette .txt {
	margin-top: 50px;
	font-size: 16px;
	line-height: 25px;
}

.ci .ciPalette .colorImg {
	margin-top: 50px;
	text-align: center;
}

.ci .ciPalette .colorTit {
	margin-top: 70px;
	font-size: 22px;
	font-weight: 500;
}

.ci .ciPalette .colorBox {
	margin-top: 20px;
}

.ci .ciPalette .colorBox .color {
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 60px;
	color: #fff;
}

.ci .ciPalette .colorBox .red {
	background: #ef3b24;
}

.ci .ciPalette .colorBox .gray {
	background: #6d6e71;
}

.ci .ciPalette .colorBox .black {
	background: #000;
}

.ci .ciPalette .colorBox .gold {
	background: #867040;
}

.ci .ciPalette .colorBox .sliver {
	background: #898c8e;
}

.ci .ciPalette .colorBox ul {
	padding: 2px 0 0 20px;
}

.ci .ciPalette .colorBox li {
	font-size: 14px;
	line-height: 20px;
	color: #888;
	margin-top: 8px;
}

.ci .ciPalette .colorBox .info1 li {
	width: 50%;
}

html[lang="en"] .ci .conTit {
	margin-top: 13px;
	padding-bottom: 83px;
	text-align: center;
	font-size: 34px;
	color: #fff;
}


/* 걱정인형 */
.merryDollCon h2 {
	font-size: 19px;
	line-height: 1;
}

.merryDollCon .topImg {
	background: #9bdc88;
	margin: 0 -20px;
}

.merryDollCon .topImg img {
	max-width: none;
	height: 270px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.merryDollCon .topImg.mondi {
	text-align: center;
	background: none;
}

.merryDollCon .topImg.mondi img {
	height: 115px;
}

.merryDollCon .merryIntro {
	margin-top: 96px;
}

.merryDollCon .merryIntro dt {
	font-size: 28px;
	font-weight: 700;
}

.merryDollCon .merryIntro dt span {
	color: #ef3b24;
}

.merryDollCon .merryIntro dd {
	margin-top: 20px;
	font-size: 16px;
	line-height: 25px;
	color: #888;
}

.merryDollCon .dollTit {
	margin-top: 100px;
	font-size: 28px;
	font-weight: 700;
}

.merryDollCon .merrydollList {
	margin-top: 50px;
}

.merryDollCon .merrydollList .dollBox+.dollBox {
	margin-top: 100px;
}

.merryDollCon .merrydollList .dollBox.merry dt {
	color: #f5692e;
}

.merryDollCon .merrydollList .dollBox.rara dt {
	color: #c3a275;
}

.merryDollCon .merrydollList .dollBox.eco dt {
	color: #439b2a;
}

.merryDollCon .merrydollList .dollBox.indi dt {
	color: #ec4088;
}

.merryDollCon .merrydollList .dollBox.tata dt {
	color: #08a8e6;
}

.merryDollCon .merrydollList .dollBox.ziziry dt {
	color: #ffcc33;
}

.merryDollCon .merrydollList .dollBox.mondi dt {
	color: #e01b22;
}

.merryDollCon .merrydollList .dollBox dt {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.merryDollCon .merrydollList .dollBox dd {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #888;
}

.merryDollCon .merrydollList .dollBox dd span {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: #141414;
}

.merryDollCon .merrydollList .dollBox ul {
	overflow-y: auto;
	margin: 50px -20px 0;
	padding: 0 20px;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.merryDollCon .merrydollList .dollBox li {
	position: relative;
	display: inline-block;
	width: 230px;
}

.merryDollCon .merrydollList .dollBox li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
}

.merryDollCon .merrydollList .dollBox li+li {
	margin-left: 10px;
}

.merryDollCon .merrydollList .dollBox p {
	position: absolute;
	left: 68px;
	top: 34px;
}

.merryDollCon .mondiIntro {
	margin: 100px -20px -60px;
	padding: 70px 20px 60px;
	padding-top: 90px;
	background: #f4f5f7;
}

.merryDollCon .mondiIntro .introTit {
	position: relative;
}

.merryDollCon .mondiIntro .introTit:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 0;
	width: 49%;
	max-width: 180px;
	height: 100%;
	background: url('../images/mo/bg_doll_mondi.png') no-repeat center top / 100% auto;
}

.merryDollCon .mondiIntro .introTit dt {
	padding-top: 44px;
	font-size: 28px;
	font-weight: 700;
}

.merryDollCon .mondiIntro .introTit dt strong {
	color: #ef3b24;
}

.merryDollCon .mondiIntro .introTit dd {
	position: relative;
	margin-top: 127px;
	font-size: 16px;
	line-height: 25px;
	color: #888;
}

.merryDollCon .mondiIntro .introList {
	margin-top: 40px;
}

.merryDollCon .mondiIntro .introList li {
	position: relative;
	margin-top: 30px;
	padding-left: 120px;
	font-size: 16px;
	color: #888;
}

.merryDollCon .mondiIntro .introList li:first-child {
	margin-top: 0px;
}

.merryDollCon .mondiIntro .introList li span {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: #141414;
}

.merryDollCon .mondiIntro .introList li.intro01:before {
	content: '';
	position: absolute;
	left: 0;
	top: 31px;
	width: 100px;
	height: 100px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	box-sizing: border-box;
	background: #fff url('../images/mo/bg_mondi_intro01.png') no-repeat center center / 100px;
}

.merryDollCon .mondiIntro .introList li.intro02:before {
	content: '';
	position: absolute;
	left: 0;
	top: 31px;
	width: 100px;
	height: 100px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	box-sizing: border-box;
	background: #fff url('../images/mo/bg_mondi_intro02.png') no-repeat center center / 100px;
}

.merryDollCon .mondiIntro .introList li.intro03:before {
	content: '';
	position: absolute;
	left: 0;
	top: 31px;
	width: 100px;
	height: 100px;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	box-sizing: border-box;
	background: #fff url('../images/mo/bg_mondi_intro03.png') no-repeat center center / 100px;
}


/* policy */
.policyCon {
	padding: 0;
}

.policyCon .rowType {
	display: flex;
	flex-wrap: wrap;
}

.policyCon .rowType+.rowType {
	padding-top: 60px;
}

.policyCon .rowType>div {
	width: 60%;
}

.policyCon .rowType>div:first-child {
	width: 40%;
}

.policyCon .policyTit {
	position: relative;
	margin-top: 70px;
	font-size: 22px;
	font-weight: 700;
	line-height: 22px;
}

.policyCon .policyTit:after {
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	width: 20px;
	height: 2px;
	background: #ef3b24;
}

.policyCon .policyTit:first-child {
	margin-top: 10px;
}

.policyCon .addendom {
	margin-top: 60px;
}

.policyCon .addendom .policyTit {
	margin-top: 30px;
}

.policyCon .addendom .policyTit:after {
	display: none;
}

.policyCon .addendom p {
	margin: 16px 0 0 30px;
	font-size: 14px;
	line-height: 20px;
	color: #888;
}

.policyCon .policySTit {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

.policyCon dl {
	margin-top: 20px;
}

.policyCon dt {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.policyCon dd {
	margin: 5px 0 0 20px;
	font-size: 14px;
	line-height: 22px;
	color: #888;
}

.policyCon dd li {
	margin-top: 4px;
}

.policyCon dd li ol {
	margin-left: 10px;
}

.policyCon dd a {
	color: #888;
}

.policyCon .txt {
	font-size: 14px;
	line-height: 22px;
	color: #888;
}


/* 이사회 */
.councilCon .councilTit {
	position: relative;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.councilCon .councilTit:after {
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	width: 20px;
	height: 2px;
	background: #ef3b24;
}

.councilCon .tblBox+.councilTit {
	margin-top: 60px;
}

.councilCon .tblBox .tblStyle1 {
	margin-top: 10px;
}

.councilCon .tblBox .tblStyle1+.tblStyle1 {
	margin-top: 30px;
}

.councilCon .tblBox .tblStyle1 th,
.councilCon .tblBox .tblStyle1 td {
	padding: 24px 0;
	vertical-align: middle;
	text-align: left;
}

.councilCon .tblBox .tblStyle1 th {
	padding: 24px 20px;
}

.councilCon .tblBox .tblStyle1 table {
	border-bottom: none;
}

.councilCon .tblBox .tblStyle1 {
	border-bottom: 1px solid #e4e4e4;
}

.councilCon .tblBox .tblStyle1 li {
	position: relative;
	padding-left: 12px;
}

.councilCon .tblBox .tblStyle1 li:before {
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	text-align: center;
}

.councilCon .tblBox .tblStyle1 li+li {
	margin-top: 6px;
}


/* 평가등급 */
.assessTxt {
	margin: 10px 0 0 10px;
	font-size: 14px;
	color: #888;
}


/* CEO인사말 */
/* .ceo{background:url('../images/mo/bgCeo.jpg') no-repeat center 161px / auto 794px;} */
.ceoCon .ceoTit {
	clear: both;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.ceoCon .ceoImg {
	position: relative;
	margin: 34px auto 60px;
	width: 270px;
}

.ceoCon .ceoImg:after {
	content: '';
	position: absolute;
	left: -5px;
	top: 10px;
	width: 100%;
	height: 100%;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}

.ceoCon .ceoImg img {
	position: relative;
	z-index: 2;
	margin-left: 5px;
}

.ceoCon .txt {
	margin-top: 20px;
	clear: both;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
}

.ceoCon .ceoInfo {
	margin-top: -10px;
}

.ceoCon .ceoInfo .tit {
	margin-top: 30px;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

.ceoCon .ceoInfo .txt {
	margin-top: 10px;
}

.ceoCon .ceoSign {
	margin-top: 60px;
	text-align: right;
	font-size: 18px;
}

html[lang="en"] .ceoCon .ceoImg {
	margin-bottom: 50px;
}


/* 메리츠금융그룹 */
.organizationCon {
	position: relative;
	padding: 50px 0 30px;
	text-align: center;
}

.organizationCon:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	height: 100%;
	background: #f4f5f7;
	transform: translateX(-50%);
}

.organizationCon .tit {
	position: relative;
	z-index: 2;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.organizationCon .txt {
	position: relative;
	z-index: 2;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #888;
	letter-spacing: -0.02em;
}

.organization1 {
	text-align: center;
}

.organization1 .dep1 {
	position: relative;
	padding-bottom: 20px;
}

.organization1 .dep1:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 50%;
	background: #d6d6d6;
}

.organization1 .dep1:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: calc(50% - 10px);
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

.organization1 .dep1 p {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 220px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
}

.organization1 .dep1 p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 190px;
	height: 190px;
	background: #fff;
	box-shadow: 3px 7px 8px -2px rgba(0, 0, 0, 0.13);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
}

.organization1 .dep1 p img {
	position: relative;
	width: 90px;
}

.organization1 .dep2 {
	position: relative;
	padding: 10px 20px 110px;
}

.organization1 .dep2:before {
	content: '';
	position: absolute;
	left: calc(25% + 5px);
	top: 0;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
}

.organization1 .dep2:after {
	content: '';
	position: absolute;
	right: calc(25% + 5px);
	top: 0;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
}

.organization1 .dep2>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.organization1 .dep2>ul:before {
	content: '';
	position: absolute;
	left: 0;
	top: 56px;
	width: 20px;
	height: calc(100% - 92px);
	border: 1px dashed #d6d6d6;
	border-right: none;
}

.organization1 .dep2>ul:after {
	content: '';
	position: absolute;
	right: 0;
	top: 56px;
	width: 20px;
	height: calc(100% - 92px);
	border: 1px dashed #d6d6d6;
	border-left: none;
}

.organization1 .dep2>ul>li {
	width: calc(50% - 7.5px);
	margin-top: 10px;
}

.organization1 .dep2>ul>li:nth-child(even) {
	margin-left: 15px;
}

/* .organization1 .dep2 > ul > li:nth-child(3){margin-left:calc(50% + 7.5px)} */
.organization1 .dep2>ul>li li {
	position: absolute;
	bottom: 0;
	width: calc(50% - 27.5px);
}

.organization1 .dep2 a,
.organization1 .dep2 p {
	overflow: hidden;
	position: relative;
	display: block;
	height: 72px;
	padding-top: 15px;
	border: 1px solid #d6d6d6;
	background: #fff;
}

.organization1 .dep2 a+a,
.organization1 .dep2 p+p {}

.organization1 .dep2 img {
	height: 40px;
}

html[lang="en"] .organization1 .dep2 li:nth-child(4) img {
	height: 48px;
}

.organization2 {
	position: relative;
	padding: 10px 0 110px;
	text-align: center;
}

.organization2:after {
	content: '';
	position: absolute;
	right: 0;
	top: 260px;
	width: 10px;
	height: calc(100% - 302px);
	border: 1px dashed #d6d6d6;
	border-left: none;
}

.organization2 .dep1 {
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 10px;
	background: rgba(239, 59, 36, 0.2);
	border-radius: 50%;
}

.organization2 .dep1:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 356px;
	width: 10px;
	height: 1px;
	background: #d6d6d6;
}

.organization2 .dep1:after {
	content: '';
	position: absolute;
	left: calc(50% + 10px);
	top: 250px;
	width: 1px;
	height: 331px;
	background: #d6d6d6;
}

.organization2 .dep1 p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
}

.organization2 .dep2_1 {
	padding-top: 380px;
}

.organization2 .dep2_1:before {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	top: 40%;
	width: 50%;
	height: 1px;
	background: #d6d6d6
}

.organization2 .dep2_1:after {
	content: '';
	position: absolute;
	left: 0;
	top: 650px;
	width: 1px;
	height: 23.0%;
	background: #d6d6d6
}

.organization2 .dep2 {
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 10px;
	/*background:rgba(194,123,70,0.2);*/
	background: #f3e5da;
	border-radius: 50%;
}

.organization2 .dep2:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 1px;
	height: 380px;
	background: #d6d6d6;
}

.organization2 .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	width: 1px;
	height: 104px;
	background: #d6d6d6;
}

.organization2 .dep2 p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #c27b46;
	border-radius: 50%;
}

.organization2 .dep3 {
	position: relative;
	margin-top: 104px;
}

.organization2 .dep3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 130px;
	width: 50%;
	height: 1px;
	background: #d6d6d6
}

.organization2 .dep3>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
	padding-top: 150px;
	margin: 0 11px;
}

.organization2 .dep3>ul:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 21%;
	width: 1px;
	height: 20px;
	background: #d6d6d6
}

.organization2 .dep3>ul:after {
	content: '';
	position: absolute;
	left: calc(50% + 1px);
	transform: translate(-50%, 0);
	top: 150px;
	width: 75%;
	height: 1.2rem;
	background: transparent;
	border: 1px solid #d6d6d6;
	border-bottom: 0
}

.organization2 .dep3>ul>li {
	position: relative;
	flex: 1;
	padding-top: 20px;
	width: calc(100% / 5)
}

.organization2 .dep3>ul>li:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
}

.organization2 .dep3>ul>li>p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	color: #ef3b24;
	word-break: keep-all;
	border: 1px solid #d6d6d6;
	padding: 0 2.5px;
}

.organization2 .dep3>ul>li>p+p {
	position: relative;
	margin-top: 10px;
}

.organization2 .dep3>ul>li>p+p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -11px;
	width: 1px;
	height: 10px;
	background: #d6d6d6;
}

.organization2 .dep3>ul>li:nth-child(1) {
	position: absolute;
	right: 10px;
	top: -84px;
	width: calc(50% - 30px);
	padding-top: 0;
	margin-left: 0;
}

.organization2 .dep3>ul>li:nth-child(1):before {
	left: auto;
	right: 100%;
	top: 50%;
	width: 20px;
	height: 1px;
}

.organization2 .dep3>ul>li:nth-child(1)>p {
	height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #141414;
}

.organization2 .dep3>ul>li:nth-child(2) {
	position: absolute;
	top: 0;
	width: calc(50% - 18px);
}

.organization2 .dep3>ul>li:nth-child(3) {
	position: absolute;
	top: 0;
	right: 10px;
	width: calc(50% - 18px);
}

/* .organization2 .dep3 > ul > li:nth-child(2){margin-left:10px;} */
.organization2 .dep3>ul>li:nth-child(2):after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: calc(100% + 15px);
	height: 1px;
	background: #d6d6d6;
}

/* .organization2 .dep3 > ul > li:nth-child(2) p,
.organization2 .dep3 > ul > li:nth-child(3) p{background:rgba(239,59,36,0.05)} */

.organization2 .dep3>ul>li:nth-child(4):before,
.organization2 .dep3>ul>li:nth-child(7):before {
	display: none;
}

/* .organization2 .dep3 > ul > li:nth-child(5){margin-right:10px;} */

.organization2 .dep3>ul>li:nth-child(7):after {
	content: '';
	position: absolute;
	left: -8px;
	top: 0;
	width: 1px;
	height: 156px;
	background: #d6d6d6;
}

.organization2 .dep3>ul>li:nth-child(8) {
	position: absolute;
	right: 10px;
	top: 360px;
	width: calc((100% - 65px) / 4);
	padding-top: 0;
	margin-left: 0;
}

.organization2 .dep3>ul>li:nth-child(8):before {
	top: -55px;
	left: -.5rem;
	height: 55px;
	width: 55%;
	background: transparent;
	border: 1px solid #d6d6d6;
	border-left: 0;
	border-bottom: 0
}

/* .organization2 .dep3 > ul > li:nth-child(8):after{content:'';position:absolute;right:50%;top:-55px;width:calc(50% + 9px);height:1px;background:#d6d6d6;} */
.organization2 .dep3>ul>li:nth-child(8) p {
	height: 80px;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #141414;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
}

.organization2 .dep4 {
	position: relative;
	margin: 0 auto;
	padding-top: 110px;
}

.organization2 .dep4:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 110px;
	background: #d6d6d6;
}

/* .organization2 li:nth-child(5) .dep4{padding-top:20px;} */
/* .organization2 li:nth-child(5) .dep4:before{height:20px;} */
.organization2 .dep4 li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
	word-break: break-word;
	padding: 0 0.5px;
}

.organization2 .dep4 li+li {
	margin-top: 10px;
}

.organization2 .dep2_2 p {
	position: absolute;
	left: calc(50% + 20px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50% - 30px);
	height: 60px;
	font-size: 14px;
	border: 1px solid #d6d6d6;
}

.organization2 .dep2_2 p:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 50%;
	width: 10px;
	height: 1px;
	background: #d6d6d6;
}

.organization2 .dep2_2 li:nth-child(1) p {
	top: 230px;
}

.organization2 .dep2_2 li:nth-child(2) p {
	top: 300px;
}

.organization2 .dep2_2 li:nth-child(3) p {
	top: 370px;
}

.organization2 .dep2_2 li:nth-child(4) p {
	top: 440px;
}

.organization2 .dep2_2 li:nth-child(5) p {
	top: 510px;
}

.organization2 .dep2_2 .dep2_2_1 {
	left: auto !important;
	top: auto !important;
	right: 10px;
	bottom: 0;
	width: calc((100% - 65px) / 4);
	height: 80px;
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
}

.organization2 .dep2_2 .dep2_2_1:before {
	display: none;
}

.organization2 .dep2_2 .dep2_2_1:after {
	display: none;
}

html[lang="en"] .organization2 .dep3>ul>li>p {
	word-break: break-word;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(2)>p,
html[lang="en"] .organization2 .dep3>ul>li:nth-child(5)>p {
	/*font-size:11px; line-height:14px;*/
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(5)>p {
	letter-spacing: -0.06em;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(3)>p,
html[lang="en"] .organization2 .dep3>ul>li:nth-child(4)>p {
	/*font-size:13px;*/
}

/* html[lang="en"] .organization2 .dep4 li{font-size:11px;letter-spacing:-0.06em;} */

/* 20260324 조직도 수정(pc 구조도 참고) */
.conWrap {
	padding: 70px 1% 60px;
}

.organization2:after {
	width: 23px;
}

.organization2 .dep1:before {
	top: 390px;
}

.organization2 .dep1:after {
	height: 281px;
}

.organization2 .dep2_1:before {
	display: none;
}

.organization2 .dep2_1:after {
	display: none;
}

.organization2 .dep2_2 li:nth-child(1) p {
	right: 23px;
	background-color: #fff;
	z-index: 1;
}

.organization2 .dep3:before {
	display: none;
}

.organization2 .dep3>ul:before {
	display: none;
}

.organization2 .dep3>ul {
	padding-top: 0;
	gap: 2%;
	margin: 0 1%;
}

.organization2 .dep3>ul:after {
	top: 0;
	width: 84%;
	left: 50%;
}

.organization2 .dep3>ul>li {
	width: calc(100% / 6);
}

.organization2 .dep3>ul>li>p {
	font-weight: 400;
	padding: 0 1px;
}

.organization2 .dep3>ul>li:before {
	height: 20px;
}

.organization2 .dep3>ul>li:nth-child(2) {
	position: relative;
	flex: 1;
	padding-top: 20px;
	width: calc(100% / 5);
}

.organization2 .dep3>ul>li:nth-child(2):before {
	display: none;
}

.organization2 .dep3>ul>li:nth-child(2):after {
	display: none;
}

.organization2 .dep3>ul>li:nth-child(3) {
	position: relative;
	flex: 1;
	padding-top: 20px;
	width: calc(100% / 5);
	right: 0;
}

.organization2 .dep3>ul>li:nth-child(4):before {
	display: block;
}

.organization2 .dep3>ul>li:nth-child(7):before {
	display: none;
}

.organization2 .dep3>ul>li:nth-child(7):after {
	height: 322px;
	left: -4px;
}

.organization2 .dep3>ul>li:nth-child(8) {
	top: 266px;
	right: 23px;
}

.organization2 .dep3>ul>li:nth-child(8):before {
	display: none;
}

.organization2 .dep4 {
	padding-top: 60px;
}

.organization2 .dep4:before {
	height: 60px;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(1)>p {
	height: 60px;
}

html[lang="en"] .organization2 .dep3>ul>li>p {
	height: 95px;
	font-size: 12px;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(5)>p {
	letter-spacing: 0;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(7):after {
	height: 390px;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(8) {
	top: 282px;
}

html[lang="en"] .organization2 .dep3>ul>li:nth-child(8)>p {
	height: 80px;
}



/* 연혁 */
.historyTit {
	padding: 70px 0 50px;
	text-align: center;
}

.historyTop {
	padding: 50px 0 146px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	background: url('../images/mo/bgHistory.jpg') no-repeat center top / auto 100%;
}

.historyTab {
	position: relative;
	height: 55px;
}

.historyTab ul {
	overflow-x: auto;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	background: #fff;
	transition: top 0.3s;
	-webkit-overflow-scrolling: touch;
}

.historyTab li {
	display: inline-block;
}

.historyTab a {
	position: relative;
	display: block;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 55px;
	color: #141414;
}

/* 접근성 - 명도대비 */
.historyTab a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e4e4e4;
}

.historyTab .active a {
	color: #ef3b24;
	font-weight: 700;
}

/* 접근성 - 명도대비 */
.historyTab .active a:after {
	content: '';
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 2;
	width: calc(100% - 40px);
	height: 2px;
	background: #ef3b24;
}

.historyTab.fixed ul {
	position: fixed;
	left: 0;
	top: 80px;
	z-index: 10;
}

.headerHide .historyTab.fixed ul {
	top: 0px;
}

.historyCon {
	background: #fff !important;
}

.historyCon+.historyCon {
	padding-top: 50px;
}

.historyCon h3 {
	position: relative;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
}

.historyCon h3 span {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
}

.historyList {
	margin-top: 50px;
}

.historyList>li {
	position: relative;
	opacity: 0;
	transform: translateY(100px);
	transition: all 0.5s;
}

.historyList>li.active {
	opacity: 1;
	transform: translateY(0);
}

.historyList>li+li {
	margin-top: 40px;
}

.historyList .year {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.historyList .month li {
	margin-top: 20px;
}

.historyList .month dl {
	line-height: 20px;
}

.historyList .month dt {
	font-size: 0;
	white-space: nowrap;
}

.historyList .month dt span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: 700;
}

.historyList .month dt span:first-child {
	width: 30px;
	font-size: 16px;
	color: #ef3b24;
}

.historyList .month dd {
	margin: 5px 0 0 30px;
	font-size: 16px;
	color: #888;
}


/* esg */
.esgTit {
	padding: 0 20px;
}

.esgTit.type1 {
	background: url('../images/mo/bgEsg1.jpg') no-repeat center top / auto 100%;
}

.esgTit.type2 {
	background: url('../images/mo/bgEsg2.jpg') no-repeat center top / auto 100%;
}

.esgTit.type3 {
	background: url('../images/mo/bgEsg3.jpg') no-repeat center top / auto 100%;
}

.esgTit.type4 {
	background: url('../images/mo/bgEsg4.jpg') no-repeat center top / auto 100%;
}

.esgTit .conTit {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
	height: 206px;
	text-align: center;
	padding-bottom: 0;
	font-size: 34px;
	color: #fff;
}

.esgTit.type1 .conTit,
.esgTit.type2 .conTit {
	justify-content: flex-start;
	padding-top: 50px;
}

.esgTit .conTit em {
	display: block;
	margin: 10px 0 0;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.03em;
}

.esgTit .conTit {
	justify-content: center !important;
	padding-top: 0 !important;
}

.esgTxt {
	padding: 70px 20px;
	text-align: center;
}

.esgTxt .conTit {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	padding-bottom: 0;
}

.esgTxt .conTit.quotationType {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.esgTxt .conTit.quotationType:before {
	content: '';
	position: absolute;
	left: -35px;
	top: 0;
	width: 30px;
	height: 23px;
	background: url('../images/mo/icoQuotation1.png') no-repeat center center / 30px auto;
}

.esgTxt .conTit.quotationType:after {
	content: '';
	position: absolute;
	right: -35px;
	top: 0;
	width: 30px;
	height: 23px;
	background: url('../images/mo/icoQuotation2.png') no-repeat center center / 30px auto;
}

.esgTxt p+.conTit {
	margin-top: 70px;
}

.esgTxt .txt {
	margin-top: 20px;
	font-size: 16px;
	line-height: 25px;
	color: #888;
}

.esgTxt .conType1 {
	display: flex;
	width: 940px;
	margin: 100px auto 0;
}

.esgTxt .conType1 li {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 256px;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
}

.esgTxt .conType1 li:nth-child(even) {
	position: relative;
	background: rgba(255, 170, 91, 0.5);
	color: #141414;
}

.esgTxt .conType1 li+li {
	margin-left: -28px;
}

.esgTxt .conType1 strong {
	font-size: 30px;
}

.esgTxt .conType1 span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
}

.esgTxt .conType2 {
	display: flex;
	flex-wrap: wrap;
}

.esgTxt .conType2>li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: calc(50% - 4px);
	padding: 30px 5px;
	border: 1px solid #d6d6d6;
	border-top-width: 2px;
}

.esgTxt .conType2>li:after {
	content: '';
	position: absolute;
	left: -1px;
	top: -2px;
	width: calc(100% + 2px);
	height: 2px;
	background: #ef3b24;
}

.esgTxt .conType2>li:nth-child(even) {
	margin-left: 8px;
}

.esgTxt .conType2>li:nth-child(n + 3) {
	margin-top: 20px;
}

.esgTxt .conType2>li:nth-child(n + 3):after {
	background: #5ec32e;
}

.esgTxt .conType2 strong {
	font-size: 20px;
	line-height: 25px;
}

.esgTxt .conType2 span {
	display: block;
	margin-top: 20px;
	font-size: 16px;
}

.esgTxt .conType2 .dot {
	width: 100%;
	margin-top: 20px;
	padding: 0 8px 0 15px;
}

.esgTxt .conType2 .dot li {
	position: relative;
	padding-left: 12px;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.02em;
	word-break: keep-all;
}

.esgTxt .conType2 .dot li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #ef3b24;
}

.esgTxt .conType2 .dot li+li {
	margin-top: 10px;
}

.esgTxt .conType2 .dot a {
	position: relative;
	color: #ef3b24;
}

.esgTxt .conType2 .dot a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ef3b24;
}

html[lang="en"] .esgTxt .conType2 {
	display: flex;
	flex-wrap: wrap;
}

html[lang="en"] .esgTxt .conType2>li {
	width: 100%;
	margin: 20px 0 0;
}

html[lang="en"] .esgTxt .conType2>li:first-child {
	margin-top: 0;
}

@media screen and (max-width:320px) {
	html[lang="en"] .organization2 .dep3>ul>li>p {
		height: 150px;
	}

	html[lang="en"] .organization2 .dep3>ul>li:nth-child(8) {
		top: 390px;
	}
}

/* 나눔경영 */
.split {
	padding-top: 0;
}

.split .conTit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 206px;
	margin: 0 -20px;
	text-align: center;
	padding-bottom: 0;
	color: #fff;
	background: url('../images/mo/bgSplit.jpg') no-repeat center top / auto 100%;
}

.splitCon {
	margin: 0 -20px;
}

.splitCon ol li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 2;
	padding: 30px 20px;
	color: #fff;
	background: #363541;
}

.splitCon ol li:nth-child(1) {
	background: #ef3b24;
}

.splitCon ol li:nth-child(2) {
	background: #fff;
	color: #141414;
	border-bottom: 1px solid #d6d6d6;
}

.splitCon ol .tit {
	width: 93px;
	font-size: 20px;
	font-weight: 700;
}

.splitCon ol .txt {
	width: calc(100% - 93px);
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
}

.splitCon .splitTit {
	margin-top: 70px;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
}

.splitCon ul li {
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}

.splitCon ul .img {
	position: relative;
}

.splitCon ul .img img {
	max-width: none;
	height: 304px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.splitCon ul .tit {
	margin: 30px 20px 0;
	font-size: 20px;
	font-weight: 700;
}

.splitCon ul .txt {
	margin: 10px 20px 0;
	font-size: 16px;
	line-height: 25px;
	color: #888;
}


/* 윤리경영추진체계 */
.esgTxtBg {
	padding: 120px 20px;
	color: #fff;
	background: url('../images/mo/bgEsgTxt.jpg') no-repeat center top / auto 100% !important;
}

.esgTxtBg .txt {
	margin-top: 20px;
	line-height: 23px;
	color: #fff;
}

.circleCon {
	position: relative;
	margin: -10px auto 0;
	padding: 100px 0 78px;
}

.circleCon+.circleCon {
	margin-top: 60px;
}

.circleCon p {
	position: relative;
	width: 108px;
	height: 108px;
	margin: 57px auto 0;
}

.circleCon p span {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 108px;
	height: 108px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
}

.circleCon p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	background: rgba(239, 59, 36, 0.1);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.circleCon p:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 18px);
	height: calc(100% + 18px);
	background: rgba(239, 59, 36, 0.2);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.circleCon ul {
	position: relative;
	width: 222px;
	height: 222px;
	margin: -165px auto 0;
	border: 1px dashed #e3e3e3;
	border-radius: 50%;
}

.circleCon li {
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 50%;
}

.circleCon li:nth-child(1) {
	left: 50%;
	top: -46px;
	transform: translateX(-50%);
}

.circleCon li:nth-child(2) {
	right: -37px;
	top: 118px;
}

.circleCon li:nth-child(3) {
	left: -37px;
	top: 118px;
}

.circleCon li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 5px solid #ef3b24;
	border-left-width: 10px;
	border-right-width: 10px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.circleCon li:nth-child(1):after {
	transform: rotate(-120deg);
	left: 133px;
	top: 100px;
}

.circleCon li:nth-child(2):after {
	left: -72px;
	top: 96px;
}

.circleCon li:nth-child(3):after {
	transform: rotate(120deg);
	left: 44px;
	top: -76px;
}

.circleCon li span {
	position: absolute;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: #313131;
	white-space: nowrap;
}

.circleCon li:nth-child(1) span {
	top: -54px;
}

.circleCon li:nth-child(2) span,
.circleCon li:nth-child(3) span {
	top: calc(100% + 18px);
}

.circleCon.blueType p span {
	background: #6484d6;
}

.circleCon.blueType p:before {
	background: rgba(100, 132, 214, 0.1);
}

.circleCon.blueType p:after {
	background: rgba(100, 132, 214, 0.2);
}

.circleCon.blueType li:after {
	border-right-color: #6484d6;
}

html[lang="en"] .circleCon li em {
	display: block;
}

html[lang="en"] .circleCon li em+em {
	margin-top: 6px;
}


/* 윤리경영 추진조직 */
.esgOrganization {
	margin: 10px 20px 0;
}

.esgOrganization .dep1 {
	position: relative;
	width: 180px;
	margin: 0 auto;
}

.esgOrganization .dep1:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -30px;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
}

.esgOrganization .dep1:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background: rgba(239, 59, 36, 0.2);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.esgOrganization .dep1 p {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 180px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
}

.esgOrganization .dep1 span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.esgOrganization .dep2 {
	position: relative;
	display: flex;
	margin-top: 30px;
	padding-bottom: 105px;
}

.esgOrganization .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 20px;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	transform: translateX(-50%);
	box-sizing: border-box;
}

.esgOrganization .dep2:after {
	content: '';
	position: absolute;
	right: -12px;
	bottom: 38px;
	width: 12px;
	height: calc(100% - 155px);
	border: 1px solid #d6d6d6;
	border-left: none;
	box-sizing: border-box;
}

.esgOrganization .dep2 li {
	position: relative;
	flex: 1;
}

.esgOrganization .dep2>li {
	padding-top: 20px;
}

.esgOrganization .dep2>li:first-child:before {
	height: 20%;
}

.esgOrganization .dep2>li+li {
	margin-left: 8px;
}

.esgOrganization .dep2 p {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 195px;
	padding-top: 38px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	border: 1px solid #d6d6d6;
	background: #fff;
}

.esgOrganization .dep2 p+p {
	position: absolute;
	right: 0;
	top: 100%;
	width: calc(200% + 8px);
	height: auto;
	margin-top: 30px;
	padding: 24px 0;
}

.esgOrganization .dep2 span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #141414;
}

.esgOrganization .dep3 {
	position: relative;
	margin: 18px 0 0 calc(-50vw + 36px);
	background: #fff;
}

.esgOrganization .dep3 p {
	display: block;
	height: auto;
	padding: 24px 0;
}

.esgOrganization .dep3 span {
	margin-top: 5px;
}

.esgOrganization .dep3 li+li {
	margin-top: 10px;
}

html[lang="en"] .esgOrganization .dep2 p {
	height: 325px;
	padding-left: 5px;
	padding-right: 5px;
}

html[lang="en"] .esgOrganization .dep2 p+p {
	height: auto;
	margin-top: 30px;
	padding: 24px 0;
}

html[lang="en"] .esgOrganization .dep2 span {
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
}

html[lang="en"] .esgOrganization .dep2 em {
	display: block;
}

html[lang="en"] .esgOrganization .dep2 em+em {
	margin-top: 6px;
}

html[lang="en"] .esgOrganization .dep3 p {
	height: auto;
	padding: 24px 0;
}


/* 윤리강령 */
.ethicsCharter {
	margin: 0 auto;
	background: #f4f5f7;
}

.ethicsCharter li {
	padding: 30px 20px;
	font-size: 18px;
	font-weight: 500;
	border-top: 1px solid #141414;
}

.ethicsCharter li+li {
	border-color: #e4e4e4;
}

.ethicsCharter li span {
	display: block;
	color: #ef3b24;
}

.ethicsCharter li em {
	display: block;
	margin-top: 8px;
	line-height: 25px;
}


/* 행동규범 */
.esgToggle {}

.esgToggle.toggleList1 .toggleBtn {
	height: 84px;
	padding: 17px 60px 17px 20px;
}

.esgToggle.toggleList1 .toggleBtn .date {
	display: none;
}

.esgToggle.toggleList1 .toggleBtn .subj {
	margin-top: 0;
}

.esgToggle .toggleCon .con li {
	position: relative;
}

.esgToggle .toggleCon .con>ul>li {
	padding-left: 24px;
}

.esgToggle .toggleCon .con>ul>li span {
	position: absolute;
	left: 0;
	top: 0;
}

.esgToggle .toggleCon .con li li {
	padding-left: 18px;
	font-size: 14px;
}


/* 부정부패신고센터 */
.reportWay {
	padding: 70px 40px 66px;
	text-align: center;
	color: #fff;
	background: url('../images/mo/bgReportWay.jpg') no-repeat center top / auto 100%;
}

.reportWay .conTit {
	font-size: 28px;
}

.reportWay .txtCon {
	margin-top: -30px;
}

.reportWay .txtCon .txt1 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.02em;
}

.reportWay .txtCon .txt2 {
	margin-top: 40px;
	font-size: 18px;
	line-height: 22px;
	color: #aaa;
}

.reportWay .txtCon .txt2 dl {
	margin-top: 20px;
	font-size: 16px;
	line-height: 20px;
}

.reportWay .txtCon .txt2 dl+dl {
	margin-top: 30px;
}

.reportWay .txtCon .txt2 dd {
	margin-top: 5px;
}

.reportWay .txtCon a {
	color: #aaa;
}

.reportWay .txtCon .link {
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 58px;
	color: #fff;
	border: 1px solid #fff;
}

.reportPop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	padding: 50px 20px;
	align-items: flex-end;
}

.reportPop .dim {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.49);
	opacity: 0;
	transition: opacity 0.2s;
}

.reportPop.active .dim {
	opacity: 1;
}

.reportPop .reportPopWrap {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	background: #fff;
	opacity: 0;
	transition: opacity 0.2s;
}

.reportPop.active .reportPopWrap {
	opacity: 1;
}

.reportPop .reportPopTit {
	position: relative;
	z-index: 10;
	padding: 40px 20px;
	font-size: 30px;
	font-weight: 700;
	border-bottom: 1px solid #141414;
}

.reportPop .reportPopCon {
	overflow-y: auto;
	margin-top: -1px;
	padding: 20px 20px 44px;
	-webkit-overflow-scrolling: touch;
}

.reportPop .reportPopCon .tblStyle4:first-child {
	margin: -20px -20px 0;
}

.reportPop .btnReport {
	margin-top: 20px;
}

.reportPop .btnReport a {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	background: #141414;
}

.reportPop .btnClose {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 105;
	width: 24px;
	height: 24px;
	background: url('../images/mo/icoClose.png') no-repeat center center / cover;
}


/* 비전 */
.visionCon .txt {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #313131;
}

.visionCon .txt span {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 400;
	color: #888;
}

.visionCon .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 200px;
	height: 200px;
	margin: 76px auto 0;
	font-size: 24px;
	font-weight: 700;
	border: 3px dashed #e3e3e3;
	border-left: 3px solid #ef3b24;
	border-right: 3px solid #ef3b24;
	border-radius: 50%;
}

.visionCon .tit:before {
	content: '';
	position: absolute;
	left: 14px;
	top: 25px;
	width: 16px;
	height: 16px;
	border: 3px solid #ef3b24;
	border-bottom-color: transparent;
	border-left-color: transparent;
	box-sizing: border-box;
	border-radius: 4px;
}

.visionCon .tit:after {
	content: '';
	position: absolute;
	right: 14px;
	bottom: 25px;
	width: 16px;
	height: 16px;
	border: 3px solid #ef3b24;
	border-top-color: transparent;
	border-right-color: transparent;
	box-sizing: border-box;
	border-radius: 4px;
}

.visionCon .circle {
	position: relative;
	width: 200px;
	height: 200px;
	margin: -200px auto 76px;
}

.visionCon .circle li:nth-child(odd) {
	position: absolute;
	left: 50%;
	top: -56px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 90px;
	height: 90px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
	transform: translateX(-50%);
}

.visionCon .circle li:nth-child(3) {
	top: 166px;
}

.visionCon .circle li:nth-child(even) {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 68px;
	padding: 5px 0;
	font-size: 15px;
	font-weight: 400;
	color: #888;
	white-space: nowrap;
	transform: translateY(-50%);
	background: #fff;
}

.visionCon .circle li:nth-child(4) {
	left: auto;
	right: 50%;
	margin: 0 68px 0 0;
	text-align: right;
}

html[lang="en"] .visionCon .circle li:nth-child(even) {
	margin-left: 80px;
}

html[lang="en"] .visionCon .circle li:nth-child(4) {
	margin: 0 80px 0 0;
}


/* 거버넌스 */
.governanceCon {
	padding: 56px 0 30px;
}

.governanceCon .tit {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 94px;
	height: 94px;
	margin: 73px auto 0;
	font-size: 18px;
	font-weight: 700;
	color: #141414;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 50%;
}

.governanceCon .tit em {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	font-weight: 500;
	color: #888;
}

.governanceCon .circle {
	position: relative;
	width: 240px;
	height: 240px;
	margin: -167px auto 0;
	border: 2px dashed #e3e3e3;
	border-radius: 50%;
}

.governanceCon .circle li {
	width: 94px;
}

.governanceCon .circle li:nth-child(1) {
	margin: -56px auto 0;
}

.governanceCon .circle li:nth-child(2) {
	margin: -6px 0 0 191px;
}

.governanceCon .circle li:nth-child(3) {
	margin: 48px 0 0 151px;
}

.governanceCon .circle li:nth-child(4) {
	margin: -94px 0 0 -9px;
}

.governanceCon .circle li:nth-child(5) {
	margin: -236px 0 0 -49px;
}

.governanceCon .circle li:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 1px;
	height: 50%;
	background: #e3e3e3;
	transform: translateX(-50%);
	transform-origin: center bottom;
}

.governanceCon .circle li:nth-child(2):after {
	transform: translateX(-50%) rotate(75deg);
}

.governanceCon .circle li:nth-child(3):after {
	transform: translateX(-50%) rotate(145deg);
}

.governanceCon .circle li:nth-child(4):after {
	transform: translateX(-50%) rotate(-75deg);
}

.governanceCon .circle li:nth-child(5):after {
	transform: translateX(-50%) rotate(-145deg);
}

.governanceCon .circle li span {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 94px;
	height: 94px;
	text-align: center;
	background: #fff;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.governanceCon .circle img {
	height: 34px;
}

html[lang="en"] .governanceCon .circle li img {
	height: 42px;
}


/* 주요활동 */
.activityCon {
	margin: 0 20px;
}

.activityCon>li {
	position: relative;
	padding: 20px 20px 30px;
	border: 1px solid #e4e4e4;
}

.activityCon>li:after {
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% + 2px);
	height: 1px;
	background: #ef3b24;
}

.activityCon>li+li {
	margin-top: 20px;
}

.activityCon p {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.activityCon dl {
	margin-top: 10px;
}

.activityCon dl+dl {
	margin-top: 30px;
}

.activityCon dt {
	display: inline-block;
	vertical-align: top;
	min-width: 46px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	background: rgba(255, 170, 91, 0.13);
}

.activityCon ul li {
	position: relative;
	margin-top: 10px;
	padding-left: 12px;
	font-size: 16px;
	word-break: keep-all;
}

.activityCon ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #ef3b24;
}


/* 지배구조 */
.ruleTxt {
	min-height: auto;
	font-size: 22px;
	line-height: 36px;
}

.ruleCon {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}

.ruleCon .conTit {
	padding-bottom: 0;
}

.ruleCon .persent {
	position: absolute;
	left: 50%;
	padding: 0 8px;
	font-size: 0;
	line-height: 28px;
	white-space: nowrap;
	border: 1px solid #141414;
	background: #fff;
	transform: translateX(-50%);
}

.ruleCon .persent em {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 700;
}

.ruleCon .persent em+em {
	position: relative;
	padding-left: 25px;
	color: #ef3b24;
}

.ruleCon .persent em+em:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	width: 15px;
	height: 1px;
	background: #141414;
	transform: translateY(-50%);
}

.ruleCon .persent em+em:after {
	content: '';
	position: absolute;
	left: 14px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-top: 1px solid #141414;
	border-right: 1px solid #141414;
	transform: translateY(-50%) rotate(45deg);
}

.ruleCon .persent i {
	display: inline-block;
	margin-top: 9px;
	font-style: normal;
	vertical-align: top;
	font-size: 12px;
	line-height: 1;
}

.ruleCon .dep1 {
	position: relative;
	margin-top: 20px;
	padding: 74px 0 58px;
}

.ruleCon .dep1:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: #d6d6d6;
}

.ruleCon .dep1 p {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
}

.ruleCon .dep1 p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	width: 1px;
	height: 13px;
	background: #fff;
}

.ruleCon .dep1 p:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	width: 0;
	height: 0;
	margin-left: -3px;
	border-top: 5px solid #d6d6d6;
	border-right: 3.5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 3.5px solid transparent;
}

.ruleCon .dep1 p img {
	position: relative;
	height: 46px;
}

.ruleCon .dep1 .persent {
	top: -58px;
}

.ruleCon .dep2 {
	position: relative;
}

.ruleCon .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: calc(50% + 8px);
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

.ruleCon .dep2>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*.ruleCon .dep2 > ul:before{content:'';position:absolute;left:-20px;top:0;width:calc(25% + 17px);height:calc(100% - 146px);border:1px solid #d6d6d6;border-right:0;box-sizing:border-box;}*/
.ruleCon .dep2>ul:after {
	content: '';
	position: absolute;
	right: -20px;
	top: 0;
	width: calc(25% + 16px);
	height: calc(100% - 146px);
	border: 1px solid #d6d6d6;
	border-left: 0;
	box-sizing: border-box;
}

.ruleCon .dep2>ul>li {
	width: calc(50% - 8px);
}

.ruleCon .dep2>ul>li:nth-child(3) {
	margin-left: calc(50% + 8px);
}

.ruleCon .dep2 li li {
	margin-top: 70px;
}

.ruleCon .dep2 div {
	position: relative;
	padding-top: 70px;
}

.ruleCon .dep2 li:nth-child(n + 3) div {
	padding-top: 94px;
}

.ruleCon .dep2 div:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #d6d6d6;
}

.ruleCon .dep2 li:nth-child(n + 3) div:before {
	top: 20px;
	height: calc(100% - 20px);
}

.ruleCon .dep2 p {
	position: relative;
	display: block;
	padding: 15px 0;
	border: 1px solid #d6d6d6;
	background: #fff;
}

.ruleCon .dep2 p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	width: 1px;
	height: 13px;
	background: #fff;
}

.ruleCon .dep2 p:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	width: 0;
	height: 0;
	margin-left: -3px;
	border-top: 5px solid #d6d6d6;
	border-right: 3.5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 3.5px solid transparent;
}

.ruleCon .dep2 p+p {
	margin-top: 70px;
}

.ruleCon .dep2 img {
	height: 40px;
}

.ruleCon .dep2 .persent {
	top: -54px;
}

.ruleCon .txt {
	position: relative;
	margin: 20px -20px 0 -20px;
	padding-left: 17px;
	text-align: left;
	font-size: 14px;
}

.ruleCon .txt span {
	position: absolute;
	left: 0;
	top: 0;
}

.ruleCon .txt+.txt {
	margin-top: 7px;
}

/* 주요ESG성과 */
.resultCon {
	position: relative;
	padding: 30px 20px;
	border: 1px solid #d6d6d6;
	border-top-width: 2px;
	background: #fff;
}

.resultCon:after {
	content: '';
	position: absolute;
	left: -1px;
	top: -2px;
	width: calc(100% + 2px);
	height: 2px;
	background: #ef3b24;
}

.resultCon dl+dl {
	margin-top: 30px;
}

.resultCon dt {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

.resultCon ul {
	margin-top: 20px;
}

.resultCon li {
	position: relative;
	padding-left: 12px;
	font-size: 16px;
	line-height: 20px;
}

.resultCon li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #ef3b24;
}

.resultCon li+li {
	margin-top: 10px;
}

/* 사회 */
.communityPop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	padding: 50px 20px;
	align-items: flex-end;
}

.communityPop .dim {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.49);
	opacity: 0;
	transition: opacity 0.2s;
}

.communityPop.active .dim {
	opacity: 1;
}

.communityPop .communityPopWrap {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	background: #fff;
	opacity: 0;
	transition: opacity 0.2s;
}

.communityPop.active .communityPopWrap {
	opacity: 1;
}

.communityPop .communityPopTit {
	position: relative;
	z-index: 10;
	padding: 40px 20px;
	font-size: 30px;
	font-weight: 700;
}

.communityPop .communityPopCon {
	overflow-y: auto;
	margin-top: -1px;
	padding: 0 20px 44px;
	-webkit-overflow-scrolling: touch;
}

.communityPop .communityPopCon .tblStyle4:first-child {
	margin: -20px -20px 0;
}

.communityPop .btnReport {
	margin-top: 20px;
}

.communityPop .btnReport a {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	background: #141414;
}

.communityPop .btnClose {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 105;
	width: 24px;
	height: 24px;
	background: url('../images/mo/icoClose.png') no-repeat center center / cover;
}

/* sortBtn */
.sortBtn {
	display: flex;
	padding-bottom: 50px;
}

.sortBtn button {
	padding: 0 4px;
	font-size: 15px;
	font-weight: 700;
	line-height: 45px;
	color: #141414;
}

.sortBtn button+button {
	margin-left: 20px;
}

.sortBtn button.active {
	position: relative;
	color: #ef3b24;
}

.sortBtn button.active:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ef3b24;
}


/* 20240412 주주질문함 */
.mainPop .mainPopHeader {
	display: flex;
	align-items: center;
	text-align: left;
	padding: 33px 20px;
}

.mainPop .mainPopHeader .tit_h {
	font-size: 24px;
	font-weight: 700;
}

.mainPop .mainPopInner {
	/*display:flex;*/
	padding: 30px 0 60px;
	/*align-items:center;justify-content:center;flex-direction:column;*/
}

.mainPop .mainPopHeader .close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.298246 1.70175C0.105263 1.52632 1.19209e-07 1.2807 1.19209e-07 1C1.19209e-07 0.456141 0.456141 4.76837e-07 1 4.76837e-07C1.2807 4.76837e-07 1.52632 0.105263 1.70175 0.298245L15.7018 14.2982C15.8947 14.4737 16 14.7193 16 15C16 15.5439 15.5439 16 15 16C14.7193 16 14.4737 15.8947 14.2982 15.7018L0.298246 1.70175ZM14.2982 0.298245C14.4737 0.105263 14.7193 4.76837e-07 15 4.76837e-07C15.5439 4.76837e-07 16 0.456141 16 1C16 1.2807 15.8947 1.52632 15.7018 1.70175L1.70175 15.7018C1.52632 15.8947 1.2807 16 1 16C0.456141 16 1.19209e-07 15.5439 1.19209e-07 15C1.19209e-07 14.7193 0.105263 14.4737 0.298246 14.2982L14.2982 0.298245Z" fill="%23141414"/%3E%3C/svg%3E');
}

.mainPop .mainPopHeader.isLogo::after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 30px;
	width: 80px;
	height: 23px;
	background: url('../images/mo/icopopLogo.png') no-repeat 0 0;
	background-size: 100%;
}

.mainPop.type2 {
	padding: 60px 20px 20px;
}

.mainPop.type2 .mainPopWrap {
	padding-top: 0;
}

.mainPop.type2 .txt {
	font-size: 21px;
}

.mainPop.type2 .mtxt {
	margin: 30px 0 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #888;
}

.mainPop.type2 .stxt {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #313131;
}

.mainPop.type2 .date {
	margin-top: 0;
	font-size: 16px;
	line-height: 25px;
}

.mainPop.type2 .link {
	border-radius: 0;
}

.mainPop.type2 .popBtn {
	margin-top: 0;
}

.mainPop.type2 .popBtn a {
	line-height: 50px;
	font-size: 13px;
}

.mainPop.type2 .popBtn.evt a {
	line-height: 40px;
}

.mainPop.type3 .mainPopWrap {
	padding-top: 0;
}

.mainPop.type3 .txt {
	position: relative;
	font-size: 24px;
	line-height: 32px;
}

.mainPop.type3 .popBtn {
	margin-top: 0;
}

.mainPop.type3 .mainPopInner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 281px;
	padding: 0;
}

html[lang="en"] .mainPop.type2 .txt {
	font-size: 26px;
	line-height: normal;
}

html[lang="en"] .mainPop.type3 .mainPopWrap {
	padding-top: 0;
}

html[lang="en"] .mainPop.type3 .popBtn {
	margin-top: 0;
}

html[lang="en"] .mainPop.type2 .mtxt {
	margin: 30px 0 10px;
}

.mainPop.type4 {
	padding: 60px 20px 20px;
}

.mainPop.type4 .mainPopHeader {
	padding: 44px 20px 14px;
}

.mainPop.type4 .mainPopWrap {
	padding-top: 0;
}

.mainPop.type4 .mainPopInner {
	display: block;
	padding: 70px 0 30px;
}

.conBtn {
	margin-top: 50px;
	text-align: center;
}

.conBtn .btn {
	display: block;
	background: #141414;
	line-height: 50px;
}

.conBtn .btn>span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
}

.inpTextarea.type2 {
	margin-top: 50px;
}

.inpTextarea.type2 textarea {
	height: 194px;
	padding: 20px;
	border-color: #c8c8c8;
	font-size: 18px;
	color: #313131;
	line-height: 25px;
}

.inpTextarea.type2 textarea::placeholder {
	color: #313131;
	-webkit-text-fill-color: #313131;
	opacity: 1 !important;
}

.inpTextarea.type2 textarea::-webkit-input-placeholder {
	color: #313131;
	-webkit-text-fill-color: #313131;
	opacity: 1 !important;
}

.inpTextarea.type2 textarea:-ms-input-placeholder {
	color: #313131;
	-webkit-text-fill-color: #313131;
	opacity: 1 !important;
}

.inpTextarea.type2 .bold {
	font-size: 20px;
	line-height: 25px;
}

html[lang="en"] .inpTextarea.type2 textarea {
	height: 220px;
}

.questions_box {
	margin: 70px auto 0;
}

.questions_box .tit {
	font-size: 34px;
	font-weight: 700;
}

.questions_box .stit {
	display: block;
	margin: 15px 0 50px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #313131;
}

.inpTextCheck {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	text-align: right;
	color: #888;
	font-weight: 700;
}

.questions_form {
	margin: 50px 0;
}

.questions_form .tit {
	margin: 20px 0 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.questions_form .inpTxt input::placeholder {
	color: #a3a3a3;
	-webkit-text-fill-color: #a3a3a3;
	opacity: 1 !important;
}

.questions_form .inpTxt input::-webkit-input-placeholder {
	color: #a3a3a3;
	-webkit-text-fill-color: #a3a3a3;
	opacity: 1 !important;
}

.questions_form .inplbl {
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.forms_radio {
	padding: 12px 0;
	font-size: 0;
}

.forms_radio .inpRadio {
	margin-left: 10px;
}

.forms_radio .inpRadio:first-child {
	margin-left: 0;
}

.forms_radio .inpRadio label {
	font-size: 16px;
	color: #141414;
}

.questions_list {
	margin-bottom: 30px;
}

.questions_list li {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #e4e4e4;
	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
}

.questions_list li:first-child {
	margin-top: 50px;
}

.questions_list .questions_q {
	display: flex;
}

.questions_list .digit {
	display: block;
	margin-right: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
}

.questions_list .txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}

.questions_a {
	display: flex;
	margin-top: 21px;
	align-items: center;
	justify-content: space-between;
}

.questions_a .bar {
	display: block;
	position: relative;
	width: calc(100% - 46px);
	height: 16px;
	background: #edeff3;
	border-radius: 8px;
}

.questions_a .bar>i {
	position: absolute;
	left: 0;
	width: 0;
	height: 16px;
	border-radius: 8px;
	transition: width 0.3s 0.5s ease-in;
}

.questions_a .people {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}

.questions_list>li .bar>i {
	background: #ef3b24;
}

/* 접근성 영문처리 */
html[lang="en"] .tblStyle6 .info li a:after {
	content: 'XLS down';
}

html[lang="en"] .tblStyle6 .info .pdf a:after {
	content: 'PDF down';
}

html[lang="en"] .toggleList1 .toggleBtn:after {
	content: 'open';
}

html[lang="en"] .toggleList1 .active .toggleBtn:after {
	content: 'close';
}

/* 20240625 메인 팝업추가 */
.mainPopReport {
	display: none;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	padding: 130px 20px 20px;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-overflow-scrolling: touch;
}

.mainPopReportWrap {
	position: relative;
	max-width: 335px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
}

.mainPopReportWrap:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	width: calc(100% + 2px);
	height: 4px;
	background: #ef3b24;
}

.mainPopReportWrap .logo {
	display: block;
	width: 67px;
	margin: 6px 0 20px 28px;
	position: relative;
	padding-left: 68px;
	font-size: 11px;
	color: #141414;
}

.mainPopReportWrap .logo::before {
	content: '';
	display: inline-block;
	width: 62px;
	height: 18px;
	background-image: url('data:image/svg+xml,%3Csvg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.136 5.86328C11.6418 5.86328 10.5713 6.35227 9.7015 7.59696C9.14394 6.50785 8.00652 5.86328 6.42306 5.86328C5.21874 5.86328 3.79139 6.48563 3.23383 7.4636V6.19668H0V17.2433H3.38995V10.8865C3.38995 9.8863 4.03671 8.97501 5.21874 8.97501C6.40076 8.97501 7.00292 9.79739 7.00292 10.842V17.2433H10.3483V10.8643C10.3483 9.8863 10.995 8.97501 12.1994 8.97501C13.4037 8.97501 13.9612 9.79739 13.9612 10.842V17.2433H17.2397V10.0863C17.2397 7.08575 15.2325 5.86328 13.136 5.86328Z" fill="%23EF3B24"/%3E%3Cpath d="M33.9973 7.68625V6.19707H30.7189V17.2437H34.1088V12.4205C34.1088 10.2201 35.3354 9.41993 36.6959 9.41993C37.0304 9.41993 37.3873 9.44216 37.7664 9.53106V6.19707C37.5434 6.13039 37.2088 6.08594 36.8743 6.08594C35.9822 6.08594 34.5772 6.44156 33.9973 7.68625Z" fill="%23EF3B24"/%3E%3Cpath d="M42.3185 6.19531H38.9286V17.2419H42.3185V6.19531Z" fill="%23EF3B24"/%3E%3Cpath d="M48.4515 2.97266H45.4184V4.39516C45.4184 5.41759 44.8608 6.19552 43.7011 6.19552H43.1436V9.15166H45.1062V13.8859C45.1062 16.0864 46.5112 17.4422 48.8083 17.4422C49.8789 17.4422 50.4364 17.1977 50.5702 17.131V14.3305C50.3695 14.3749 50.035 14.4416 49.6781 14.4416C48.9422 14.4416 48.4515 14.1971 48.4515 13.2858V9.15166H50.6148V6.19552H48.4515V2.97266Z" fill="%23EF3B24"/%3E%3Cpath d="M40.5974 0C39.4186 0 38.4357 0.979559 38.4357 2.1798C38.4357 3.38003 39.4186 4.35801 40.5974 4.35801C41.7762 4.35801 42.8085 3.37845 42.8085 2.1798C42.8085 0.981147 41.8256 0 40.5974 0Z" fill="%23EF3B24"/%3E%3Cpath d="M23.9383 5.79492C21.0279 5.79492 18.3452 8.08744 18.3452 11.685C18.3452 15.2825 21.0964 17.6417 24.1868 17.6417C26.7277 17.6417 28.4195 16.3478 29.1363 14.6919L26.3326 13.6314C25.9662 14.3109 25.3003 14.7427 24.233 14.7427C22.9028 14.7427 21.7511 13.8441 21.6842 12.5852H29.4884C29.5107 12.5185 29.5569 12.0009 29.5569 11.5294C29.5569 7.93344 27.4143 5.79651 23.9399 5.79651M21.7527 10.3831C21.8212 9.55122 22.5428 8.49387 23.9861 8.49387C25.611 8.49387 26.1972 9.52741 26.2418 10.3831H21.7527Z" fill="%23EF3B24"/%3E%3Cpath d="M56.0327 14.2858L61.0985 8.97364V6.19531H52.0199V9.08477V9.15145H56.7082L51.8861 14.2636V17.2419H61.1862V14.3303V14.2858H56.0327Z" fill="%23EF3B24"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 13px);
}

.mainPopReportWrap .txt {
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	color: #313131;
}

.mainPopReportWrap .txt+.txt {
	margin-top: 6px;
}

.mainPopReportWrap .img_frame {
	padding: 0 42px;
	margin: 20px 0;
}

.mainPopReportWrap .desc {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 14px;
	color: #aaa;
	line-height: 18px;
}

/* .mainPopReportWrap .desc::before {content:'*';position:absolute;left:0;top:calc(50% - 7px);} */
.mainPopReportWrap .link {
	display: block;
	width: 250px;
	margin: 30px auto 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 36px;
	color: #fff;
	background: #141414;
	border-radius: 18px;
}

.mainPopReportWrap .popBtn {
	display: flex;
	margin-top: 35px;
	border-top: 1px solid #d6d6d6;
}

.mainPopReportWrap .popBtn a {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	color: #313131;
	background: #ebebeb;
}

.mainPopReportWrap .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

.mainPopReportWrap .logo_right {
	font-size: 0;
	width: 114px;
	height: 28px;
	position: absolute;
	right: 23px;
	top: 19px;
	display: block;
	background: url(../images/web/imgLogoKsd.png) no-repeat;
	background-size: 100% auto;
}

.reportBox {
	margin: 20px 42px 0;
	background: rgba(255, 170, 91, 0.13);
	padding: 24px 0;
	border-radius: 8px;
}

.reportBox_head {
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
}

.reportBox_head>strong {
	display: block;
}

.reportBox_con {
	margin: 16px;
	background: #fff;
	border-radius: 8px;
	padding: 16px 16px;
	word-break: keep-all;
}

.reportBox_con>strong {
	font-size: 14px;
	color: #141414;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
	margin-bottom: 10px;
}

.reportBox_con>p {
	font-size: 14px;
	line-height: 18px;
	color: #313131;
}

.reportBox_time {
	font-size: 16px;
	font-weight: bold;
	color: #313131;
}

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

.txt_noti .desc {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 12px;
	color: #141414;
	line-height: normal;
}

.txt_noti .desc::before {
	content: '*';
	position: absolute;
	left: 0;
	top: calc(50% - 5px);
}

.txt_noti~* {
	margin-top: 30px;
}


/* 20240718 접근성 보완처리 */
.hide {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.tblStyle6 table a span {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.tblStyle6 .info li a {
	overflow: hidden;
}

.tblStyle6 .info li a:after {
	text-indent: inherit;
	color: transparent;
}

.inpSlt li input {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	left: 0;
	opacity: 0;
}

.tblScrollInfo button {
	overflow: hidden;
}

/* 2024-12-06 내용추가(강석희) */
.btnBox {
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 8px;
	font-size: 16px;
	display: block;
	padding: 8px 20px;
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btnBox+.btnBox {
	margin-top: 8px;
}

.btnBox>div {
	display: flex;
	gap: 10px;
}

.icoSound {
	display: block;
	width: 44px;
	height: 44px;
	background: url('../images/mo/icoSound1.png');
	background-size: 100% auto;
}

.icoDown {
	display: block;
	width: 44px;
	height: 44px;
	background: url('../images/mo/icoDown1.png');
	background-size: 100% auto;
}

.tblStyle6 .info li a.download,
.tblStyle6 .info li a.sound {
	height: 44px;
	padding-right: 0;
	width: 44px;
}

.tblStyle6 .info li a.download:after {
	content: '다운로드';
	background-image: url('../images/mo/icoDown1.png');
	height: 44px;
	width: 44px;
	background-size: 100% auto;
}

.tblStyle6 .info li a.sound:after {
	content: '음성';
	background-image: url(' ../images/mo/icoSound1.png');
	height: 44px;
	width: 44px;
	background-size: 100% auto;
}

.tblStyle6 .info ul {
	flex-direction: column;
	gap: 10px;
}

.tblStyle6 .info ul>li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.tblStyle6 .info ul>li>*:first-child {
	width: 95px;
}


/* 20250220 서비스 점검 안내 (20260106 일부수정) */
.mainServiceInfo {
	display: none;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-overflow-scrolling: touch;
}

.mainServiceInfoWrap {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

.mainServiceInfoInner {
	position: relative;
	max-width: 335px;
	width: 100%;
	text-align: center;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
}

.mainServiceInfoInner:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	width: calc(100% + 2px);
	height: 4px;
	background: #ef3b24;
}

.mainServiceInfo_tit {
	text-align: left;
	padding: 24px 24px 23px;
}

.mainServiceInfoInner .logo {
	display: block;
	position: relative;
}

.mainServiceInfoInner .logo::before {
	content: '';
	display: inline-block;
	width: 80px;
	height: 22px;
	background-image: url('data:image/svg+xml,%3Csvg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.136 5.86328C11.6418 5.86328 10.5713 6.35227 9.7015 7.59696C9.14394 6.50785 8.00652 5.86328 6.42306 5.86328C5.21874 5.86328 3.79139 6.48563 3.23383 7.4636V6.19668H0V17.2433H3.38995V10.8865C3.38995 9.8863 4.03671 8.97501 5.21874 8.97501C6.40076 8.97501 7.00292 9.79739 7.00292 10.842V17.2433H10.3483V10.8643C10.3483 9.8863 10.995 8.97501 12.1994 8.97501C13.4037 8.97501 13.9612 9.79739 13.9612 10.842V17.2433H17.2397V10.0863C17.2397 7.08575 15.2325 5.86328 13.136 5.86328Z" fill="%23EF3B24"/%3E%3Cpath d="M33.9973 7.68625V6.19707H30.7189V17.2437H34.1088V12.4205C34.1088 10.2201 35.3354 9.41993 36.6959 9.41993C37.0304 9.41993 37.3873 9.44216 37.7664 9.53106V6.19707C37.5434 6.13039 37.2088 6.08594 36.8743 6.08594C35.9822 6.08594 34.5772 6.44156 33.9973 7.68625Z" fill="%23EF3B24"/%3E%3Cpath d="M42.3185 6.19531H38.9286V17.2419H42.3185V6.19531Z" fill="%23EF3B24"/%3E%3Cpath d="M48.4515 2.97266H45.4184V4.39516C45.4184 5.41759 44.8608 6.19552 43.7011 6.19552H43.1436V9.15166H45.1062V13.8859C45.1062 16.0864 46.5112 17.4422 48.8083 17.4422C49.8789 17.4422 50.4364 17.1977 50.5702 17.131V14.3305C50.3695 14.3749 50.035 14.4416 49.6781 14.4416C48.9422 14.4416 48.4515 14.1971 48.4515 13.2858V9.15166H50.6148V6.19552H48.4515V2.97266Z" fill="%23EF3B24"/%3E%3Cpath d="M40.5974 0C39.4186 0 38.4357 0.979559 38.4357 2.1798C38.4357 3.38003 39.4186 4.35801 40.5974 4.35801C41.7762 4.35801 42.8085 3.37845 42.8085 2.1798C42.8085 0.981147 41.8256 0 40.5974 0Z" fill="%23EF3B24"/%3E%3Cpath d="M23.9383 5.79492C21.0279 5.79492 18.3452 8.08744 18.3452 11.685C18.3452 15.2825 21.0964 17.6417 24.1868 17.6417C26.7277 17.6417 28.4195 16.3478 29.1363 14.6919L26.3326 13.6314C25.9662 14.3109 25.3003 14.7427 24.233 14.7427C22.9028 14.7427 21.7511 13.8441 21.6842 12.5852H29.4884C29.5107 12.5185 29.5569 12.0009 29.5569 11.5294C29.5569 7.93344 27.4143 5.79651 23.9399 5.79651M21.7527 10.3831C21.8212 9.55122 22.5428 8.49387 23.9861 8.49387C25.611 8.49387 26.1972 9.52741 26.2418 10.3831H21.7527Z" fill="%23EF3B24"/%3E%3Cpath d="M56.0327 14.2858L61.0985 8.97364V6.19531H52.0199V9.08477V9.15145H56.7082L51.8861 14.2636V17.2419H61.1862V14.3303V14.2858H56.0327Z" fill="%23EF3B24"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.mainServiceInfoInner .txt {
	margin: 40px 0 24px;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: #141414;
}

.mainServiceInfoInner .time {
	display: block;
	margin: 24px 36px;
	padding: 16px;
	color: #ef3b24;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border-radius: 40px;
	background: rgba(239, 59, 36, 0.06);
}

.mainServiceInfoInner .desc {
	display: inline-block;
	font-size: 14px;
	color: #888;
	line-height: 20px;
}

.mainServiceInfoInner .popBtn {
	display: flex;
	margin-top: 64px;
}

.mainServiceInfoWrap .popBtn a {
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	line-height: 40px;
	color: #313131;
	background: #ebebeb;
}

.mainServiceInfoInner .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

/* 20250220 서비스 점검중 */
.no_service {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 279px;
	transform: translate(-50%, -50%);
}

.no_service .inner {
	text-align: center;
}

.ico_sad {
	display: inline-block;
	width: 160px;
	height: 173px;
	background: url(../images/mo/img_doll_crying.png) no-repeat 0 0;
	background-size: 100%;
}

.no_service .tit {
	margin: 32px 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: #141414;
}

.no_service .tit>em {
	color: #ef3b24;
}

.no_service .time {
	margin: 32px 0 24px;
	padding: 16px 0;
	border-radius: 40px;
	background: rgba(239, 59, 36, 0.06);
	color: #ef3b24;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.no_service .txt {
	color: #888;
	line-height: 20px;
	font-size: 14px;
}

.popOpen1 .mainServiceInfo {
	display: block;
}


.popBtn6 {
	display: flex;
	margin-top: 34px;
	border-top: 1px solid #d6d6d6;
	margin-top: 0;
	line-height: 50px;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
}

.popBtn6 a {
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	line-height: 50px;
	color: #313131;
	background: #ebebeb;
}

.popBtn6 a+a {
	border-left: 1px solid #d6d6d6;
}

.popisLogo {
	height: 26px;
	margin: 28px 0 20px;
	background: url('../images/mo/logoHeader.svg') no-repeat center / auto 26px;
}

/* 20250611 추진조직 */
.esgOrganization.v2 {
	margin: 0;
}

.esgOrganization.v2 .dep2 {
	padding-bottom: 0;
}

.esgOrganization .dep2 p {
	height: 180px;
	padding-top: 25px;
}

.esgOrganization .dep2 span {
	margin-top: 5px;
	letter-spacing: -0.7px;
}

.esgOrganization .dep2:after {
	display: none;
}

.esgOrganization .dep2 p.dep2_01::after {
	content: '';
	position: absolute;
	left: -12px;
	top: 90px;
	width: 12px;
	height: calc(200% + 311px);
	border: 1px solid #d6d6d6;
	border-right: none;
	box-sizing: border-box;
}

.esgOrganization .dep2_child01 {
	padding-bottom: 647px;
}

.esgOrganization .dep32 {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.esgOrganization .dep32 p {
	height: 140px;
}

.esgOrganization .dep31 {
	position: relative;
	padding-top: 20px;
}

.esgOrganization .dep31 p {
	height: 140px;
	padding-top: 15px;
}

.esgOrganization .dep31::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
}

.esgOrganization .dep41 {
	position: absolute;
	left: calc(-100% - 8px);
	top: 0;
	width: 100%;
}

.esgOrganization .dep41::before {
	content: '';
	position: absolute;
	right: -8px;
	top: 50%;
	width: 8px;
	height: 1px;
	background: #d6d6d6;
}

.esgOrganization .dep42 {
	position: relative;
	padding-top: 18px;
}

.esgOrganization .dep42::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 18px;
	background: #d6d6d6;
}

.esgOrganization .dep51 {
	position: absolute;
	left: calc(-100% - 8px);
	top: 0;
	width: 100%;
}

.esgOrganization .dep51::before {
	content: '';
	position: absolute;
	right: -8px;
	top: 50%;
	width: 8px;
	height: 1px;
	background: #d6d6d6;
}

.esgOrganization .dep52 {
	position: relative;
	padding-top: 31px;
	width: 100%;
	left: calc(-100% - 8px);
}

.esgOrganization .dep52::before {
	content: '';
	position: absolute;
	left: 100%;
	top: 11px;
	width: 100%;
	height: 20px;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	border-right: 0;
	transform: translateX(-50%);
	box-sizing: border-box;
}

.esgOrganization .dep52::after {
	content: '';
	position: absolute;
	left: calc(150% - 1px);
	top: 0;
	width: 1px;
	height: 31px;
	background: #d6d6d6;
}

.esgOrganization .dep2 .dep52_01 {
	position: absolute;
	right: calc(-100% - 8px);
	width: 100%;
	top: 31px;
}

html[lang="en"] .esgOrganization .dep1 {
	width: 208px;
	margin-top: 10px;
}

html[lang="en"] .esgOrganization .dep1:after {
	width: calc(100% + 22px);
	height: calc(100% + 22px);
}

html[lang="en"] .esgOrganization .dep1 p {
	width: 208px;
	height: 208px;
}

html[lang="en"] .esgOrganization .dep1 span {
	margin-top: 5px;
}

html[lang="en"] .esgOrganization .dep2 p {
	height: 340px;
	line-height: 25px;
	padding-top: 20px;
}

html[lang="en"] .esgOrganization .dep2 span {
	line-height: 20px;
}

html[lang="en"] .esgOrganization .dep2 p.dep32_child01 {
	height: 174px;
}

html[lang="en"] .esgOrganization .dep2 p.dep31_child01,
html[lang="en"] .esgOrganization .dep2 p.dep41_child01 {
	height: 260px;
}

html[lang="en"] .esgOrganization .dep2 p.dep42_child01,
html[lang="en"] .esgOrganization .dep2 p.dep51_child01 {
	height: 240px;
}

html[lang="en"] .esgOrganization .dep2 p.dep52_child01,
html[lang="en"] .esgOrganization .dep2 p.dep52_child02 {
	height: 220px;
}

html[lang="en"] .esgOrganization .dep2_child01 {
	padding-bottom: 981px;
}

html[lang="en"] .esgOrganization .dep2 p.dep2_01::after {
	height: calc(200% + 481px);
}

/* 20250707 자막텍스트 */
.videoScript {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
}

.videoScript .btn {
	text-align: right;
}

.videoScript .btn button {
	height: 36px;
	padding: 0 8px 0 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.videoScript .btn button>span {
	position: relative;
	padding-right: 24px;
	color: #888;
	font-size: 16px;
	font-weight: 500;
}

.videoScript .btn button>span::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3 5.5L8 10.5L13 5.5" stroke="%23666666" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat 0 0;
	background-size: 100%;
	transform-origin: 50% 50%;
	transition: transform .3s ease;
	position: absolute;
	right: 0;
	top: calc(50% - 8px);
}

.videoScript .btn button.on>span::after {
	transform: rotate(-180deg);
}

.videoScript .inner {
	background: #f9f9f9;
	margin-top: 20px;
	padding: 16px 5px 16px 16px;
	border-radius: 8px;
}

.videoScript .scrollable {
	padding-right: 5px;
	min-height: 168px;
	max-height: 368px;
	overflow-y: auto;
	font-size: 16px;
	line-height: 22px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.videoScript .scrollable::-webkit-scrollbar {
	width: 6px;
}

.videoScript .scrollable::-webkit-scrollbar-track {
	border-radius: 8px;
}

.videoScript .scrollable::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #ddd;
}

/* 20250717 layer */
.mainPodcastInfo {
	display: none;
	/*overflow-y:auto;*/
	position: fixed;
	left: 0;
	top: 0;
	z-index: 110;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/*-webkit-overflow-scrolling:touch;*/
}

.mainPodcastInfoWrap {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	padding: 0 20px;
}

.mainPodcastInfoInner {
	position: relative;
	max-width: 335px;
	width: 100%;
	text-align: center;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
}

.mainPodcastInfoInner:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	width: calc(100% + 2px);
	height: 4px;
	background: #ef3b24;
}

.mainPodcastInfo_tit {
	text-align: left;
	padding: 28px 20px 23px;
	text-align: center;
}

.mainPodcastInfoInner .logo {
	display: inline-block;
	position: relative;
	text-align: center;
	padding-left: 94px;
	font-size: 15px;
}

.mainPodcastInfoInner .logo::before {
	content: 'meritz';
	display: block;
	width: 87px;
	height: 25px;
	background-image: url('data:image/svg+xml,%3Csvg width="87" height="25" viewBox="0 0 87 25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.0432 8.20761C16.9513 8.20761 15.4526 8.89217 14.235 10.6347C13.4544 9.10998 11.8621 8.20761 9.6453 8.20761C7.95931 8.20761 5.96109 9.07887 5.18053 10.448V8.67435H0.65332V24.1391H5.39909V15.2399C5.39909 13.8397 6.30453 12.5639 7.95931 12.5639C9.61408 12.5639 10.4571 13.7152 10.4571 15.1777V24.1391H15.1404V15.2088C15.1404 13.8397 16.0458 12.5639 17.7318 12.5639C19.4178 12.5639 20.1984 13.7152 20.1984 15.1777V24.1391H24.7881V14.1197C24.7881 9.919 21.9781 8.20761 19.0432 8.20761Z" fill="%23EF3B24"/%3E%3Cpath d="M48.2479 10.7607V8.67587H43.6582V24.1406H48.404V17.3884C48.404 14.3079 50.1212 13.1877 52.0257 13.1877C52.4941 13.1877 52.9936 13.2188 53.5244 13.3433V8.67587C53.2122 8.58253 52.7439 8.52029 52.2755 8.52029C51.0266 8.52029 49.0596 9.01815 48.2479 10.7607Z" fill="%23EF3B24"/%3E%3Cpath d="M59.8971 8.67361H55.1514V24.1384H59.8971V8.67361Z" fill="%23EF3B24"/%3E%3Cpath d="M68.4836 4.1629H64.2374V6.15434C64.2374 7.58569 63.4568 8.67476 61.8333 8.67476H61.0527V12.8132H63.8003V19.441C63.8003 22.5215 65.7673 24.4196 68.9832 24.4196C70.4818 24.4196 71.2624 24.0773 71.4497 23.984V20.0633C71.1687 20.1255 70.7004 20.2189 70.2008 20.2189C69.1705 20.2189 68.4836 19.8766 68.4836 18.6008V12.8132H71.5122V8.67476H68.4836V4.1629Z" fill="%23EF3B24"/%3E%3Cpath d="M57.4882 0.000457764C55.8379 0.000457764 54.4619 1.37179 54.4619 3.05207C54.4619 4.73235 55.8379 6.10146 57.4882 6.10146C59.1386 6.10146 60.5837 4.73013 60.5837 3.05207C60.5837 1.37402 59.2077 0.000457764 57.4882 0.000457764Z" fill="%23EF3B24"/%3E%3Cpath d="M34.166 8.11316C30.0915 8.11316 26.3359 11.3226 26.3359 16.359C26.3359 21.3954 30.1874 24.6981 34.5139 24.6981C38.071 24.6981 40.4394 22.8867 41.443 20.5685L37.5179 19.0839C37.005 20.0351 36.0728 20.6397 34.5786 20.6397C32.7164 20.6397 31.104 19.3817 31.0103 17.6192H41.9359C41.9671 17.5258 42.0318 16.8013 42.0318 16.1411C42.0318 11.107 39.0322 8.11538 34.1682 8.11538M31.1062 14.5364C31.2021 13.3718 32.2124 11.8916 34.2329 11.8916C36.5077 11.8916 37.3284 13.3385 37.3908 14.5364H31.1062Z" fill="%23EF3B24"/%3E%3Cpath d="M79.0971 19.9999L86.189 12.5631V8.67361H73.4793V12.7187V12.8121H80.0427L73.292 19.9688V24.1384H86.3116V20.0622V19.9999H79.0971Z" fill="%23EF3B24"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	position: absolute;
	top: calc(50% - 19px);
	left: 0;
	color: transparent;
}

.mainPodcastInfoInner .ico_podcast {
	display: inline-block;
	margin-top: 21px;
	width: 64px;
	height: 64px;
	background: #fef2f2;
	border-radius: 50%;
	position: relative;
}

.mainPodcastInfoInner .ico_podcast::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/mo/ico_mic.png) no-repeat 0 0;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
}

.mainPodcastInfoInner .tit {
	margin-top: 32px;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}

.mainPodcastInfoInner .tit em {
	color: #ef3b24;
}

.mainPodcastInfoInner .desc {
	margin: 24px 0 49px;
}

.mainPodcastInfoInner .popBtn {
	display: flex;
	border-top: 1px solid #d6d6d6;
	margin-top: 27px;
}

.mainPodcastInfoWrap .popBtn a {
	flex: 1;
	font-weight: 500;
	line-height: 50px;
	color: #888;
}

.mainPodcastInfoInner .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

.podcast_btn {
	display: inline-block;
	width: 52px;
	height: 52px;
	background: #fff url(../images/mo/ico_mic_s.png) no-repeat 50% 50%;
	border-radius: 50%;
	margin-left: 16px;
}

.mainPodcastInfo_close {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/mo/ico_layer_close.png) no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	right: 16px;
	top: 20px;
}

.mainPodcastInfo.sub {
	background: transparent;
	position: absolute;
	height: auto;
	z-index: 104;
}

.mainPodcastInfo.sub .player_wrap {
	padding: 0 8px;
}

.mainPodcastInfo.sub .ico_podcast {
	margin-top: 24px;
	width: 60px;
	height: 60px;
}

.mainPodcastInfo.sub .ico_podcast::before {
	width: 30px;
	height: 30px;
}

.mainPodcastInfo.sub .mainPodcastInfoWrap {
	margin-top: 0;
}

.mainPodcastInfo.sub .mainPodcastInfoInner {
	padding-bottom: 24px;
	max-width: 311px;
}

.mainPodcastInfo.sub .mainPodcastInfoInner .tit {
	margin-top: 28px;
	font-size: 20px;
	line-height: 26px;
	color: #141414;
}

.mainPodcastInfo.sub .mainPodcastInfoInner .desc {
	margin: 16px 0 24px;
	color: #141414;
	font-weight: normal;
	font-size: 16px;
}

html.lyOpen {
	overflow: hidden;
}

/* 20250717 custom audio */
.player_wrap {
	padding: 0 22px;
}

.custom-player {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #f1f3f4;
	padding: 24px 16px 24px;
	border-radius: 39px;
	width: 100%;
	box-sizing: border-box;
}

.play-btn {
	cursor: pointer;
	background: none;
	border: none;
	user-select: none;
	width: 24px;
	height: 22px;
	background: url(../images/mo/ico_play.png) no-repeat 0 0;
	background-size: 100%;
	margin-top: -2px;
}

.play-btn.pause {
	background-image: url(../images/mo/ico_pause.png);
}

.time-display {
	font-size: 14px;
	font-weight: 700;
	color: #a8aaaa;
	user-select: none;
	width: 83px;
	white-space: nowrap;
}

.seek-container {
	flex: 1;
	display: flex;
	align-items: center;
}

input[type="range"] {
	-webkit-appearance: none;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	background: linear-gradient(to right,
			#141414 0%,
			#141414 var(--progress, 0%),
			#c1c2c3 var(--progress, 0%),
			#c1c2c3 100%);
	cursor: pointer;
	margin: 0;
	padding: 0;
}

input[type="range"]:focus-visible {
	outline: auto;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(71, 69, 68, 0.50);
}

input[type="range"]:hover::-webkit-slider-thumb {
	opacity: 1;
}

input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(71, 69, 68, 0.50);
}

input[type="range"]:hover::-moz-range-thumb {
	opacity: 1;
}

/* 20251107 주주환원 정책 */
.dim.only {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.49);
	opacity: 0;
	transition: opacity 0.2s ease-in;
}

.dim.only.active {
	opacity: 1;
	display: flex;
	z-index: 999;
}

.lypop .lypop_head.type2 {
	padding-left: 0;
}

.lypop .lypop_head.type2 .tit {
	width: 152.5px;
	height: 21.5px;
	background: url(../images/mo/img_meritslogo.png) no-repeat 0 0;
	background-size: 100%;
	margin: 0 auto;
}

.lypop.lypopup001 .lypop_con {
	padding-top: 40px;
}

.lypop.lypopup002 .lypop_con .tit_h {
	font-size: 24px;
	text-align: center;
}

.lypop.lypopup002 .lypop_con .period {
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	margin: 32px 0 40px;
}

.lypop.lypopup002 .lypop_con .link {
	display: block;
	width: 234px;
	margin: 40px auto 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 46px;
	color: #fff;
	background: #141414;
	border-radius: 30px;
	text-align: center;
}

.lypop.lypopup002 .popBtn {
	display: flex;
	margin-top: 40px;
}

.lypop.lypopup002 .popBtn a {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	color: #313131;
	background: #ebebeb;
	text-align: center;
}

.lypop.lypopup002 .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

.lypop.lypopup002 .lypop_head.type2 {
	height: auto;
	padding: 30x 0;
}

.lypop.lypopup002 .lypop_con {
	padding-top: 0;
	padding-bottom: 0;
}

.lypop.juju {
	align-items: center;
}

.lypop.juju .lypop_head {
	padding: 30px 0;
	height: 82px;
}

.lypop.juju .lypop_head .tit {
	width: 152.5px;
	height: 21.5px;
	background: url(../images/mo/img_meritslogo.png) no-repeat 0 0;
	background-size: 100%;
	margin: 0 auto;
}

.lypop.juju .lypop_con {
	padding: 0 42px;
}

.lypop.juju .lypop_con .tit_h {
	font-size: 24px;
	text-align: center;
}

.lypop.juju .lypop_con .juju_data {
	margin-top: 24px;
}

.lypop.juju .lypop_con .juju_data img {
	width: 100%;
}

.lypop.juju .lypop_con .period {
	margin-top: 32px;
	font-size: 20px;
	text-align: center;
}

.lypop.juju .textarea {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}

.lypop.juju .textarea .inner {
	display: flex;
	border: 1px solid #c8c8c8;
	padding: 20px;
}

.lypop.juju .textarea textarea {
	border: 0;
	width: 100%;
	height: 123px;
	font-size: 20px;
}

.lypop.juju .textarea textarea::placeholder {
	font-size: 18px;
	color: #313131;
	line-height: 25px;
}

.lypop.juju .textarea .desc {
	display: flex;
	margin-top: 10px;
}

.lypop.juju .textarea .desc .txt {
	color: #888;
	font-size: 14px;
	line-height: 18px;
	position: relative;
	padding-left: 16px;
	flex: 0 0 72%;
}

.lypop.juju .textarea .desc .txt::before {
	content: '*';
	position: absolute;
	left: 0;
	top: 2px;
}

.lypop.juju .textarea .desc .cnt {
	margin-left: auto;
	font-size: 16px;
	font-weight: 700;
	color: #888;
	line-height: normal;
}

.lypop.juju .lypop_con .link {
	display: block;
	width: 234px;
	margin: 40px auto 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 46px;
	color: #fff;
	background: #141414;
	border-radius: 30px;
	text-align: center;
}

.lypop.juju .lypop_con .link_wrap {
	display: flex;
	gap: 11px;
	margin: 40px -20px 0;
	justify-content: center;
}

.lypop.juju .lypop_con .link_wrap .link {
	margin: 0;
}

.lypop.juju .popBtn {
	display: flex;
	margin-top: 34px;
	border-top: 1px solid #d6d6d6;
}

.lypop.juju .popBtn a {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	color: #313131;
	background: #ebebeb;
	text-align: center;
}

.lypop.juju .popBtn a+a {
	border-left: 1px solid #d6d6d6;
}

.lypop.juju .lypop_close {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.29825 5.70175C4.10526 5.52632 4 5.2807 4 5C4 4.45614 4.45614 4 5 4C5.2807 4 5.52632 4.10526 5.70175 4.29824L19.7018 18.2982C19.8947 18.4737 20 18.7193 20 19C20 19.5439 19.5439 20 19 20C18.7193 20 18.4737 19.8947 18.2982 19.7018L4.29825 5.70175ZM18.2982 4.29824C18.4737 4.10526 18.7193 4 19 4C19.5439 4 20 4.45614 20 5C20 5.2807 19.8947 5.52632 19.7018 5.70175L5.70175 19.7018C5.52632 19.8947 5.2807 20 5 20C4.45614 20 4 19.5439 4 19C4 18.7193 4.10526 18.4737 4.29825 18.2982L18.2982 4.29824Z' fill='%23141414'/%3e%3c/svg%3e ");
	right: 20px;
	top: 23px;
}

.pop003.lypop.juju .lypop_head {
	height: 70px;
	padding: 25px 0 24px 30px;
}

.pop003.lypop.juju .lypop_head .tit {
	margin: 0;
}

.pop003.lypop.juju .lypop_con .tit_h {
	padding-top: 40px;
	font-size: 34px;
	text-align: left;
}

.pop003.lypop.juju .lypop_con {
	padding: 0 20px;
}

.pop003.lypop.juju .textarea .desc {
	margin-bottom: 0;
}

.pop003.lypop.juju .lypop_con .link {
	margin-bottom: 40px;
}

.pop004.lypop.juju .lypop_con .tit_h {
	letter-spacing: -0.5px;
}

.pop004.lypop.juju .lypop_con .juju_data {
	margin-top: 24px;
}

.pop004.lypop.juju .popBtn {
	margin-top: 40px;
	border-top: 0;
}

.pop005.lypop.juju .lypop_con {
	padding: 0 27px;
}

html[lang="en"] .lypop.juju .lypop_head .tit {
	width: 170px;
	background-image: url(../images/mo/img_meritslogo_en.png);
}

html[lang="en"] .lypop.juju .lypop_con .tit_h {
	margin: 0 -15px
}

html[lang="en"] .lypop.juju .lypop_con .juju_data {
	margin-top: 24px;
}

html[lang="en"] .lypop.juju .popBtn a {
	letter-spacing: -0.3px;
}

html[lang="en"] .pop001.lypop .lypop_con .tit_h {
	font-size: 24px;
	line-height: 26px;
	margin: 0 -22px;
}

html[lang="en"] .pop003.lypop .lypop_con .tit_h {
	font-size: 34px;
	line-height: normal;
	margin: 0;
}

html[lang="en"] .pop004.lypop .lypop_con .tit_h {
	font-size: 24px;
}

html[lang="en"] .lypop .lypop_head.type2 .tit {
	width: 170px;
	height: 22px;
	background-image: url(../images/mo/img_meritslogo_en.png)
}

/* 20260331 추가 */
.conWrap .conBox.no_detail .detail {
	display: none;
}

.conWrap .conBox.no_detail .tblStyle1 {
	margin-top: 0 !important;
}

html[lang="en"] .conWrap .conBox.no_detail .detail {
	display: none;
}

html[lang="en"] .conWrap .conBox.no_detail .tblStyle1 {
	margin-top: 0 !important;
}