@charset "utf-8";

/* MAIN */
.mainWrap {
	overflow: hidden;
	position: relative;
	min-height: calc(100vh - 132px);
}

/* 20240411 수정 */
.mainCon {
	display: flex;
	justify-content: space-between;
	max-width: 1240px;
	margin: 0 auto;
	padding: 113px 20px 116px;
}

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

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

.mainCon .txtWrap .tit {
	font-size: 80px;
	font-weight: 700;
	line-height: 57px;
}

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

.mainCon .txtWrap .tit span:nth-child(2) {
	margin-left: 12px;
	line-height: 90px;
}

.mainCon .txtWrap .txt {
	margin-top: 30px;
	font-size: 18px;
	line-height: 24px;
	color: #888;
}

.mainCon .txtWrap .txt+.txt {
	margin-top: 12px;
}

.mainCon .txtWrap a {
	position: relative;
	display: block;
	width: 296px;
	margin-top: 76px;
	padding: 0 40px;
	font-size: 18px;
	font-weight: 700;
	line-height: 46px;
	color: #fff;
	background: #ef3b24;
	border-radius: 23px;
}

.mainCon .txtWrap a:after {
	content: '';
	position: absolute;
	right: 40px;
	top: 50%;
	width: 30px;
	height: 8px;
	background: url(../images/web/icoArr3.png) no-repeat center bottom;
	transform: translateY(-50%);
}

.mainCon .numWrap {
	position: relative;
	width: 354px;
	margin-right: 16px;
	padding: 35px 0 35px 49px;
}

.mainCon .numWrap:before {
	content: '';
	position: absolute;
	left: 16px;
	top: 16px;
	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: 37px;
}

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

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

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

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

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

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

@keyframes mainMotion1 {
	from {
		left: 0;
	}

	to {
		left: calc(50% - 344px);
	}
}

@keyframes mainMotion2 {
	from {
		width: 0;
	}

	to {
		width: calc(50% - 334px);
	}
}

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

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


/* mainPop */
.mainPop {
	display: none;
	position: fixed;
	left: 50%;
	top: 25%;
	width: 380px;
	padding-top: 115px;
	text-align: center;
	background: #fff url('../images/web/logoHeader.svg') no-repeat center 40px;
	border: 1px solid #d6d6d6;
	border-top: none;
	z-index: 9999;
}

/* 20240509 z-index 수정 */
.mainPop:before {
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	width: 380px;
	height: 4px;
	background: #ef3b24;
}

.mainPop .txt {
	font-size: 21px;
	font-weight: 700;
	line-height: 26px;
	color: #313131;
}

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

.mainPop .date {
	margin-top: 16px;
	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: 13px;
	font-weight: 500;
	line-height: 40px;
	color: #313131;
	background: #ebebeb;
}

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

/* 20251107 추가 */
.mainPop.active {
	display: flex;
	flex-direction: column;
}

.mainPop .logo_ex {
	position: absolute;
	left: 30px;
	top: 27px;
	padding-left: 95px;
	width: 195px;
	font-weight: 700;
}

.mainPop .logo_ex::before {
	content: '';
	display: block;
	width: 86px;
	height: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='86' height='25' viewBox='0 0 86 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4633 8.20215C16.3631 8.20215 14.8584 8.88624 13.6359 10.6276C12.8522 9.1039 11.2535 8.20215 9.0279 8.20215C7.33517 8.20215 5.32897 9.07281 4.5453 10.441V8.66857H0V24.1228H4.76472V15.2296C4.76472 13.8303 5.67378 12.5554 7.33517 12.5554C8.99655 12.5554 9.84292 13.706 9.84292 15.1674V24.1228H14.5449V15.1985C14.5449 13.8303 15.454 12.5554 17.1467 12.5554C18.8395 12.5554 19.6231 13.706 19.6231 15.1674V24.1228H24.2311V14.1102C24.2311 9.91237 21.4099 8.20215 18.4633 8.20215Z' fill='%23EF3B24'/%3e%3cpath d='M47.785 10.752V8.66866H43.177V24.1229H47.9417V17.3752C47.9417 14.2968 49.6658 13.1774 51.578 13.1774C52.0482 13.1774 52.5497 13.2085 53.0826 13.3329V8.66866C52.7691 8.57537 52.2989 8.51318 51.8287 8.51318C50.5749 8.51318 48.6 9.0107 47.785 10.752Z' fill='%23EF3B24'/%3e%3cpath d='M59.4807 8.6687H54.716V24.1229H59.4807V8.6687Z' fill='%23EF3B24'/%3e%3cpath d='M68.101 4.1604H63.8379V6.15048C63.8379 7.58085 63.0542 8.66917 61.4241 8.66917H60.6405V12.8048H63.399V19.428C63.399 22.5064 65.3739 24.4032 68.6026 24.4032C70.1072 24.4032 70.8909 24.0612 71.079 23.9679V20.0499C70.7969 20.1121 70.3267 20.2054 69.8251 20.2054C68.7907 20.2054 68.101 19.8634 68.101 18.5885V12.8048H71.1417V8.66917H68.101V4.1604Z' fill='%23EF3B24'/%3e%3cpath d='M57.0615 0C55.4045 0 54.023 1.3704 54.023 3.04953C54.023 4.72866 55.4045 6.09683 57.0615 6.09683C58.7184 6.09683 60.1693 4.72643 60.1693 3.04953C60.1693 1.37262 58.7878 0 57.0615 0Z' fill='%23EF3B24'/%3e%3cpath d='M33.6466 8.10938C29.5558 8.10938 25.7852 11.3166 25.7852 16.3495C25.7852 21.3825 29.6521 24.683 33.9959 24.683C37.5672 24.683 39.9451 22.8728 40.9527 20.5562L37.0119 19.0726C36.4969 20.0232 35.561 20.6273 34.0608 20.6273C32.1912 20.6273 30.5724 19.3702 30.4783 17.6089H41.4475C41.4788 17.5156 41.5438 16.7915 41.5438 16.1319C41.5438 11.1012 38.5322 8.1116 33.6488 8.1116M30.5746 14.5283C30.6709 13.3644 31.6852 11.8852 33.7138 11.8852C35.9976 11.8852 36.8216 13.3311 36.8843 14.5283H30.5746Z' fill='%23EF3B24'/%3e%3cpath d='M78.7567 19.9873L85.877 12.5556V8.6687H73.1165V12.711V12.8043H79.7061L72.9285 19.9562V24.1229H86.0001V20.0495V19.9873H78.7567Z' fill='%23EF3B24'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 18px);
}

.mainPop.juju2lypop .txt {
	font-size: 28px;
}

.mainPop.juju2lypop .date {
	font-size: 20px;
	line-height: 25px;
	margin-top: 24px;
}

.mainPop.juju2lypop .link {
	width: 250px;
	height: 54px;
	border-radius: 30px;
	line-height: 54px;
	margin-top: 40px;
}

.mainPop.juju2lypop .popBtn {
	margin-top: 24px;
}

.mainPop.juju2lypop .popBtn a {
	position: relative;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-weight: 700;
}

.mainPop.juju2lypop .popBtn a+a {
	border-left: 0;
}

.mainPop.juju2lypop .popBtn a+a:before {
	content: '';
	width: 1px;
	height: 24px;
	background: #b9b9b9;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%)
}

/* //20251107 추가 */

/* popup */
.winPopup .popTit {
	position: relative;
	padding: 20px 120px 21px 30px;
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
	border-top: 5px solid #ef3b24;
}

.winPopup .popTit:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 0;
	width: 68px;
	height: 100%;
	background: url('../images/web/logoPop.svg') no-repeat center 27px;
}

.winPopup .popTit span {
	display: block;
	margin: 7px -90px -13px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #888;
}

.winPopup .popCon {
	border-top: 1px solid #d6d6d6;
	padding: 24px 30px 50px;
}

.winPopup .popBtn {
	padding-bottom: 100px;
	text-align: center;
}

.winPopup .popBtn a {
	display: inline-block;
	width: 250px;
	vertical-align: top;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 80px;
	background: #121212;
}


/* conNav */
.conNav {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 5;
	margin-left: 710px;
	transform: translateY(-50%);
}

.conNav.ir {
	top: 200px;
	transform: none;
}

.conNav ul {
	width: 220px;
}

.conNav li+li {
	margin-top: 30px;
}

.conNav a {
	position: relative;
	font-size: 16px;
	color: #141414;
	transition: color 0.2s;
}

.conNav.white a {
	color: #fff;
}

.conNav a:hover,
.conNav .active a {
	font-weight: 700;
	color: #ef3b24;
}

.conNav a:hover:before,
.conNav .active a:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 9px;
	width: 10px;
	height: 1px;
	background: #ef3b24;
}


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

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

.floatingTab .tabBox:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	transform: translateX(-50%);
	transform-origin: center center;
	transition: width 0.2s;
}

.floatingTab ul {
	position: relative;
	display: inline-block;
	width: 1200px;
	margin: 0 auto;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}

/*.floatingTab ul:before{content:'';position:absolute;left:50%;top:0;width:100%;height:1px;background:#d2d2d2;transform:translateX(-50%);transform-origin:center center;transition:width 0.2s;}
.floatingTab ul:after{content:'';position:absolute;left:50%;bottom:0;width:100vw;height:1px;background:#d2d2d2;transform:translateX(-50%);transform-origin:center center;transition:width 0.2s;}*/
.floatingTab ul li {
	display: inline-block;
	padding: 12px 0;
	font-size: 20px;
	font-weight: 500;
	vertical-align: top;
}

.floatingTab ul.type1 li+li {
	margin-left: 61px;
}

.floatingTab ul.type2 li+li {
	margin-left: 65px;
}

.floatingTab ul.type3 li+li {
	margin-left: 57px;
}

.floatingTab ul.type4 li+li {
	margin-left: 111px;
}

.floatingTab ul.type5 li+li {
	margin-left: 126px;
}

.floatingTab ul.type6 li+li {
	margin-left: 110px;
}

.floatingTab ul.type7 li+li {
	margin-left: 160px;
}

.floatingTab ul a {
	display: inline-block;
	padding: 11px 10px;
	color: #141414;
	line-height: 1;
}

.floatingTab ul li a:hover,
.floatingTab ul li.active a {
	color: #ef3b24;
	font-weight: 700;
}

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

.headerHide .floatingTab ul:before {
	width: 0;
}

html[lang="en"] .floatingTab ul li a:hover {
	font-weight: 500;
}

html[lang="en"] .floatingTab ul li.active a {
	color: #ef3b24;
	font-weight: 700;
}

html[lang="en"] .floatingTab ul.type1 li,
html[lang="en"] .floatingTab ul.type2 li {
	padding: 2px 0;
}

html[lang="en"] .floatingTab ul.type1 li+li {
	margin-left: 46px;
}

html[lang="en"] .floatingTab ul.type2 li+li {
	margin-left: 78px;
}


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

.conTit.dot {
	position: relative;
}

.conTit.dot:before {
	content: '';
	position: absolute;
	left: -7px;
	top: 4px;
	width: 7px;
	height: 7px;
	background: #ef3b24;
	border-radius: 50%;
}

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

.bgType .conTit {
	font-size: 56px;
	text-align: center;
	color: #fff;
}

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

/*.bgType .conTit em{display:block;margin:20px 0 0;font-size:18px;font-weight:500;line-height:1.3;}*/


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

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

.infoBox .tit {
	font-size: 24px;
	font-weight: 700;
	line-height: 35px;
}

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

.infoBox .txt {
	font-size: 18px;
	line-height: 30px;
}

.infoBox .dot li {
	position: relative;
	padding-left: 27px;
	font-size: 18px;
	line-height: 30px;
}

.infoBox .dot li:before {
	content: '';
	position: absolute;
	left: 11px;
	top: 12px;
	width: 4px;
	height: 4px;
	background: #141414;
}

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

.infoBox .dot li span {
	display: block;
	margin-top: 4px;
	font-size: 16px;
	line-height: 19px;
	color: #888;
}

.infoBox .dot li a {
	color: #141414;
}

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

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

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

.infoBox .button {
	display: flex;
	margin-top: 30px;
}

.infoBox .button a {
	position: relative;
	flex: 1;
	padding-left: 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/web/icoArr5.png') no-repeat center center;
	transform: translateY(-50%);
}

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

.infoBox .btnArr {
	position: absolute;
	right: 50px;
	top: 50%;
	width: 296px;
	height: 46px;
	padding: 0 40px;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
	transform: translateY(-50%);
	border-radius: 23px;
}

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

.infoBox a.btnArr {
	position: relative;
	right: 0;
	top: 0;
	display: block;
	width: 265px;
	margin: 30px 0 0 27px;
	line-height: 46px;
	color: #141414;
	transform: translateY(0);
}

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

html[lang="en"] .infoBox a.btnArr {
	width: 450px;
}


/* dotTxt */
.dotTxt {
	position: relative;
	padding-left: 16px;
	font-size: 18px;
	line-height: 26px;
}

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

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


/* tblStyle */
.moreBtn {
	display: block;
	margin: 40px auto 0;
	width: 260px;
	height: 50px;
	font-size: 18px;
	border: 1px solid #aaa;
}

.tblInfo {
	position: absolute;
	right: 0;
	top: -42px;
	font-size: 18px;
}

.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: 20px;
	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: 18px;
	background: #fff;
}

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

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

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

.tblStyle1 .bgWhite {
	background: #fff;
}

.tblStyle1 .bgGray {
	background: #f2f2f2;
}

.tblStyle1 .moreBtn {
	display: none;
	margin: 40px auto 0;
	width: 260px;
	height: 50px;
	font-size: 18px;
	border: 1px solid #aaa;
}

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

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

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

.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 sup {
	display: inline-block;
	margin-left: 2px;
}

.tblStyle2 {
	position: relative;
}

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

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

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

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

.tblStyle2 .detail dl {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 98px;
	padding: 20px;
	background: #fafafa;
}

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

.tblStyle2 .detail dd {
	margin-left: 50px;
	font-size: 40px;
	font-weight: 700;
	color: #888;
}

.tblStyle2 .detail .conL {
	background: #f2f2f2;
}

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

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

.tblStyle2 .detail dd.countWrap .countBox {
	display: inline-block;
	width: 27px;
	text-align: center;
}

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

html[lang="en"] .tblStyle2 .detail dt {
	font-size: 22px;
}

html[lang="en"] .tblStyle2 .detail dd {
	margin-left: 24px;
	font-size: 34px;
}

html[lang="en"] .tblStyle2 .detail dd.countWrap .countBox {
	width: 23px;
}

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

.tblStyle2 .total {
	border-bottom: 2px solid #e4e4e4;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	background: #fff;
}

.tblStyle2 .total .totalBox {
	position: relative;
	display: inline-block;
	padding-left: 112px;
}

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

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

.tblStyle2 .total dl {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.tblStyle2 .total dd {
	margin-left: 40px;
	font-size: 60px;
	font-weight: 700;
	color: #ef3b24;
}

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

.tblStyle2 .total dd .fw400 {
	font-size: 30px;
	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 {
	margin-top: 6px;
}

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

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

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

.tblStyle4 .reporterType {
	font-size: 0;
}

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

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

.tblStyle4 .reporterType .inpTxt {
	display: inline-block;
	width: calc(100% - 192px);
	margin-left: 31px;
}

.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 480px 80px 60px;
	border-top: 2px solid #141414;
	background: #f4f5f7;
}

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

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

.tblStyle6 .info ul {
	position: absolute;
	right: 60px;
	top: 55px;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	display: flex;
	gap: 30px;
}

.tblStyle6 .info li {
	display: inline-block;
	font-size: 20px;
	display: flex;
	align-items: center;
	height: 51px;
	font-weight: bold;
}

.tblStyle6 .info li a {
	position: relative;
	display: inline-block;
	padding-right: 56px;
	font-size: 20px;
	font-weight: 700;
	line-height: 51px;
	color: #222;
	cursor: pointer;
	height: 51px;
}

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

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

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

.tblStyle6 .info li a.download:after {
	content: '다운로드';
	background-image: url('../images/web/icoDown1.png');
}

.tblStyle6 .info li a.sound:after {
	content: '음성';
	background-image: url('../images/web/icoSound1.png');
}

.icoSound {
	display: inline-block;
	width: 51px;
	height: 51px;
	background: url('../images/web/icoSound1.png');
}

.icoDown {
	display: inline-block;
	width: 51px;
	height: 51px;
	background: url('../images/web/icoDown1.png');
}

/* 20240716 영문처리 [s] */
html[lang="en"] .tblStyle6 .info .xls a:after {
	content: 'XLS down';
}

html[lang="en"] .tblStyle6 .info .pdf a:after {
	content: 'PDF down';
}

/* //20240716 영문처리 [e] */
.tblStyle6 .solting {
	margin-top: 60px;
	text-align: right;
}

.tblStyle6 .inpSlt {
	display: inline-block;
	vertical-align: top;
	width: 280px;
	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: 90px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	border-bottom: 2px solid #141414;
}

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

.tblStyle6 table tbody td:last-child,
.tblStyle6 table thead th:last-child {
	padding-right: 30px;
}

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

.tblStyle6 table tbody td:first-child {
	text-align: left;
	padding-left: 60px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}

.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/web/icoDoc.png') no-repeat center center;
}

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

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

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

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

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

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

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

.tblStyle6 table .docDown span,
.tblStyle6 table .hwpDown span,
.tblStyle6 table .pdfDown span,
.tblStyle6 table .pptDown span,
.tblStyle6 table .soundDown span,
.tblStyle6 table .xlsDown span,
.tblStyle6 table .zipDown span {
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
}

.tblStyle6 .moreBtn {
	display: none;
	margin: 40px auto 0;
	width: 260px;
	height: 50px;
	font-size: 18px;
	border: 1px solid #aaa;
}

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

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


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

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

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


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

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

.toggleList1 .toggleBtn {
	position: relative;
	display: table;
	width: 100%;
	min-height: 92px;
	padding: 16px 0;
	text-align: left;
	font-size: 20px;
}

.toggleList1 .toggleBtn:after {
	content: '열기';
	position: absolute;
	right: 60px;
	top: 50%;
	width: 24px;
	height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: -500000px;
	background: url('../images/web/icoArr1.png') no-repeat center center;
	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 {
	display: table-cell;
	vertical-align: middle;
	width: 240px;
	padding: 0 10px 0 60px;
}

.toggleList1 .toggleBtn .subj {
	display: table-cell;
	vertical-align: middle;
	padding-right: 200px;
	font-size: 20px;
	font-weight: 700;
}

.toggleList1 .toggleCon {
	display: none;
}

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

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

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

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

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

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

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

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


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

.boxList1 .list {
	position: relative;
	width: 22%;
	min-height: 220px;
	margin-left: 4%;
	background: #fff;
}

.boxList1 .list:nth-child(4n + 1) {
	margin-left: 0;
}

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

.boxList1 .link {
	position: relative;
	display: block;
	height: 100%;
	padding: 40px 24px;
	color: #141414;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	transition: all 0.2s;
}

.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;
	transition: all 0.2s;
}

.boxList1 .tit {
	overflow: hidden;
	max-height: 2.4em;
	font-size: 20px;
	font-weight: 700;
	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: 20px;
	font-size: 16px;
}

.boxList1 .go:after {
	content: '';
	position: absolute;
	right: -37px;
	top: 50%;
	width: 30px;
	height: 8px;
	background: url('../images/web/icoArr3.png') no-repeat center top;
	transform: translateY(-50%);
}

.boxList1 .link:hover {
	color: #fff;
	background: #ef3b24;
	border-color: #ef3b24;
}

.boxList1 .link:hover .new {
	background: #fff;
	color: #ef3b24;
}

.boxList1 .link:hover .go:after {
	background-position: center bottom;
}

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

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

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

.boxList1 .down a span {
	font-size: 0;
	line-height: 0;
	text-indent: -50000px;
}

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

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

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

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

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

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

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

.boxList1.titMode .year {
	width: 100%;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 22px;
}

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

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

.boxList1 .noList {
	width: 100%;
}

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

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

.boxList2 .link {
	position: relative;
	display: table;
	width: 100%;
	min-height: 100px;
	padding: 28px 0;
	font-size: 18px;
	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 .num {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	text-align: center;
}

.boxList2 .tit {
	display: table-cell;
	vertical-align: middle;
	padding-left: 70px;
}

.boxList2 .press {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	padding-left: 30px;
	text-align: right;
	font-size: 14px;
	color: #888;
}

.boxList2 .date {
	display: table-cell;
	vertical-align: middle;
	width: 148px;
	padding-left: 30px;
	font-size: 14px;
	color: #888;
}


/* videoView */
.videoView {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 58px;
}

.videoView:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100vw;
	height: 10px;
	background: #f3f3f3;
	transform: translateX(-50%);
}

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

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

.videoView .videoInfo {
	position: relative;
	margin-top: 50px;
}

.videoView .videoInfo .tit {
	margin-right: 140px;
	font-size: 30px;
	font-weight: 700;
}

.videoView .videoInfo .date {
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 16px;
	color: #888;
}


/* videoList */
.videoList1 {
	display: flex;
	flex-wrap: wrap;
}

.videoList1 .list {
	width: calc(25% - 42px)
}

.videoList1 .list+.list {
	margin-left: 56px;
}

.videoList1 .link {
	border: 1px solid #d6d6d6;
}

.videoList1 .img {
	position: relative;
	height: 192px;
}

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

.videoList1 .img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/web/icoYoutube.png') no-repeat center center;
}

.videoList1 .active .img:after {
	display: none;
}

.videoList1 .tit {
	height: 74px;
	padding: 14px;
}

.videoList1 .tit p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	max-height: 2.6em;
	text-align: left;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}


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

.paging .btnNext,
.paging .btnPrev {
	width: 53px;
	height: 36px;
	border: 1px solid #e1dfdf;
	background: #fff url('../images/web/icoArr2.png') no-repeat center top;
	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;
}


/* popView */
.popView .viewTit {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 28px 0 27px 0;
	font-size: 18px;
	color: #141414;
	border-top: 5px solid #ef3b24;
}

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

.popView .num {
	width: 130px;
	text-align: center;
	font-weight: 700;
}

.popView .tit {
	width: calc(100% - 268px);
	margin-left: 70px;
	font-size: 20px;
	font-weight: 700;
}

.popView .date {
	width: 138px;
	padding-left: 20px;
	font-size: 14px;
	color: #888;
}

.popView .viewCon {
	padding: 40px 60px;
	border-top: 2px solid #d6d6d6;
	color: black;
}


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

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

.chartWrap .labels li {
	position: relative;
	margin-left: 20px;
	padding-left: 15px;
	font-size: 16px;
	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;
	justify-content: space-around;
	position: relative;
	height: 250px;
	margin-top: 100px;
	padding: 0 60px;
}

.chartWrap .chart .chartBox {
	position: relative;
	flex: 1;
	max-width: 340px;
}

.chartWrap .chart .chartBox+.chartBox {
	margin-left: 30px;
}

.chartWrap .chart .line {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #aaa;
}

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

.chartWrap .chart ul li {
	position: relative;
	flex: 1;
	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: 45px;
}

.chartWrap .chart ul li span {
	position: absolute;
	left: 50%;
	top: -5px;
	font-size: 16px;
	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 {
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}


/* 배당 */
.dividend {
	padding-bottom: 131px;
	/*background:url('../images/web/bgDividend.jpg') no-repeat center top;*/
	background-color: #0f242f;
}

.dividend .info {
	margin-top: 40px;
	font-size: 18px;
	color: #f2f2f2;
}

.dividend .summary {
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
	padding: 20px 0;
	background: rgba(20, 20, 20, 0.42);
	border-top: 2px solid #ef3b24;
}

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

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

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

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

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

.dividend .txt {
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
}

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


/* 실적발표 */
.result {
	background: url('../images/web/bgResult.jpg') no-repeat center top;
}

.result .conTit {
	text-align: left;
	font-size: 48px;
}

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

.result .resultTab ul {
	display: flex;
	justify-content: flex-end;
}

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

.result .resultTab a {
	position: relative;
	display: inline-block;
	padding: 7px 0;
	vertical-align: top;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	transition: all 0.2s;
}

.result .resultTab a:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #ef3b24;
	transform: translateX(-50%);
	transition: width 0.2s;
}

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

.result .resultTab a:hover:after,
.result .resultTab .active a:after {
	width: 100%;
}

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

.result #resultCon1 {
	display: block;
}

html[lang="en"] .result .resultTab a:hover {
	font-weight: 500;
}


/* CEO LETTER */
.ceoLetter {
	height: 700px;
	margin-bottom: -100px;
	background: url('../images/web/bgCeoLetter.jpg') no-repeat right top;
}

.ceoLetter .ceoInfo {
	margin: -30px 450px 0 0;
}

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

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

.ceoLetter .btn {
	position: relative;
	display: block;
	width: 296px;
	margin-top: 60px;
	padding: 0 40px;
	font-size: 18px;
	font-weight: 700;
	line-height: 46px;
	color: #fff;
	background: #ef3b24;
	border-radius: 23px;
}

/*.ceoLetter .btn:before{content:'';position:absolute;left:34px;top:12px;width:4px;height:4px;background:#fff;border-radius:50%;}*/
.ceoLetter .btn:after {
	content: '';
	position: absolute;
	right: 40px;
	top: 50%;
	width: 30px;
	height: 8px;
	background: url(../images/web/icoArr3.png) no-repeat center bottom;
	transform: translateY(-50%);
}


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

.financeCon {
	display: flex;
	margin-top: 40px;
	color: #fff;
}

.financeCon>div {
	flex: 1;
}

.financeCon .info {
	font-size: 18px;
	color: #f2f2f2;
}

.financeCon .assets {
	height: 214px;
	margin-top: 20px;
	padding-top: 38px;
	text-align: center;
	border-top: 2px solid #ef3b24;
	background: rgba(20, 20, 20, 0.42);
}

.financeCon .assets dt {
	font-size: 28px;
	font-weight: 700;
	color: #ebebeb;
}

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

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

.financeCon .rowType {
	position: relative;
	display: flex;
	height: 172px;
	padding-top: 40px;
	text-align: center;
	border-top: 2px solid #141414;
	background: rgba(255, 255, 255, 0.22);
}

.financeCon .rowType:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 94px;
	width: 1px;
	height: 20px;
	background: #e4e4e4;
}

.financeCon .rowType dl {
	flex: 1;
}

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

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

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

.financeCon .conR {
	margin-left: 80px;
}

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

.financeCon .colType dl {
	height: 128px;
	padding-top: 22px;
	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: 10px;
	font-size: 42px;
	font-weight: 700;
}

.financeCon .colType dd .countBox {
	display: inline-block;
	width: 27px;
}

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

.financeCon.type2 .rowType {
	height: 192px;
	padding-top: 55px;
}

.financeCon.type2 .rowType:after {
	top: 108px;
}

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

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


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

.creditCon {
	display: flex;
	width: 1080px;
	margin: 40px auto 0;
}

.creditCon .creditBox {
	position: relative;
	flex: 1;
}

.creditCon .creditBox+.creditBox {
	margin-left: 40px;
}

.creditCon .info {
	font-size: 18px;
	color: #f2f2f2;
}

.creditCon .rating {
	position: relative;
	display: flex;
	margin-top: 20px;
	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: 46px;
	background: #aaa;
}

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

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

.creditCon .ratingBox .txt1 em {
	display: block;
	margin-top: 2px;
	font-size: 26px;
}

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

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

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

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

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

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


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

.ci .conTit {
	font-size: 48px;
	color: #fff;
}

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

.ci .ciTxt ul {
	position: relative;
	display: flex;
}

.ci .ciTxt ul:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 5px;
	background: #ef3b24
}

.ci .ciTxt li {
	position: relative;
	flex: 1;
	padding: 66px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top-width: 5px;
	border-bottom-width: 2px;
}

.ci .ciTxt li:first-child {
	border-left-width: 2px;
}

.ci .ciTxt li:last-child {
	border-right-width: 2px;
}

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

html[lang="en"] .ci .ciTxt li {
	display: flex;
	align-items: center;
	padding: 45px 0;
}

html[lang="en"] .ci .ciTxt li p {
	width: 100%;
	font-size: 20px;
	line-height: 25px;
}

.ci .ciDesign {
	position: relative;
	margin-top: 100px;
	min-height: 316px;
}

.ci .ciDesign:before {
	content: '';
	position: absolute;
	left: 0;
	top: 78px;
	width: 448px;
	height: 236px;
	border: 1px solid #141414;
	background: url('../images/web/imgCi.png') no-repeat center 40%;
}

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

.ci .ciDesign .txt {
	margin: 30px 0 0 478px;
	font-size: 18px;
}

.ci .ciGrid {
	display: flex;
	margin-top: 60px;
	padding-left: 104px;
}

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

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

.ci .ciGrid .grid {
	margin-left: 90px;
}

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

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

.ci .ciPalette .txt {
	margin-top: 30px;
	font-size: 18px;
}

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

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

.ci .ciPalette .colorWrap {
	display: flex;
	margin-top: 20px;
}

.ci .ciPalette .colorBox {
	flex: 1;
}

.ci .ciPalette .colorBox+.colorBox {
	margin-left: 40px;
}

.ci .ciPalette .colorBox .color {
	padding: 0 30px;
	font-size: 22px;
	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 {
	display: flex;
	flex-wrap: wrap;
	padding: 6px 30px 0 30px;
}

.ci .ciPalette .colorBox li {
	font-size: 18px;
	color: #888;
	margin-top: 14px;
}

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

.ci .ciPalette .colorBox .info2 li+li {
	margin-left: 30px;
}

.ci .ciPalette .leng3 .colorBox+.colorBox {
	margin-left: 27px;
}

.ci .ciPalette .leng3 .colorBox .color {
	padding: 0 20px;
}

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


/* 걱정인형 */
.merryDoll .imgCon {
	position: relative;
	text-align: center;
	padding-top: 20px;
}

.merryDoll .imgCon:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	height: 100%;
	background: #9bdc88;
	transform: translateX(-50%);
}

.merryDoll .imgCon img {
	position: relative;
}

.merryDoll .txtCon {
	min-height: 330px;
	margin: 60px 60px 0;
	background: url('../images/web/imgMerrydollTxt.jpg') no-repeat right top;
}

.merryDoll .txtCon dt {
	font-size: 36px;
	font-weight: 500;
}

.merryDoll .txtCon dd {
	margin-top: 30px;
	font-size: 16px;
	line-height: 20px;
}

.merryDoll .merrydollList {
	margin: 100px 60px 0;
}

.merryDoll .dollListTIt {
	font-size: 36px;
	font-weight: 500;
}

.merryDoll .dollBox {
	margin-top: 60px;
}

.merryDoll .dollBox dl {
	padding: 18px 0 0 80px;
}

.merryDoll .dollBox.merry dl {
	background: url('../images/web/imgMerrydoll1.png') no-repeat left top;
}

.merryDoll .dollBox.eco dl {
	background: url('../images/web/imgMerrydoll2.png') no-repeat left top;
}

.merryDoll .dollBox.rara dl {
	background: url('../images/web/imgMerrydoll3.png') no-repeat left top;
}

.merryDoll .dollBox.indi dl {
	background: url('../images/web/imgMerrydoll4.png') no-repeat left top;
}

.merryDoll .dollBox.tata dl {
	background: url('../images/web/imgMerrydoll5.png') no-repeat left top;
}

.merryDoll .dollBox.ziziry dl {
	background: url('../images/web/imgMerrydoll6.png') no-repeat left top;
}

.merryDoll .dollBox dd {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
}

.merryDoll .dollBox dd span {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.merryDoll .dollBox ul {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.merryDoll .dollBox.mondi {
	margin-top: -40px;
}

.merryDoll .dollBox.mondi dl {
	padding: 0;
}

.merryDoll .dollBox.mondi dt {
	font-size: 36px;
	font-weight: 500;
}

.merryDoll .dollBox.mondi dd {
	margin-top: 30px;
}

.merryDoll .mondiTxt {
	position: relative;
	margin-top: -20px;
}

.merryDoll .mondiTxt:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 100vw;
	height: 100%;
	background: #fef2aa;
	transform: translateX(-50%);
}

.merryDoll .mondiTxt dl {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 94px 0 164px 76px;
	background: url('../images/web/imgMondi.png') no-repeat right center;
}

.merryDoll .mondiTxt dt {
	font-size: 30px;
	line-height: 36px;
}

.merryDoll .mondiTxt dd {
	padding-top: 118px;
	font-size: 26px;
	font-weight: 500;
	line-height: 31px;
	background: url('../images/web/imgMondiTxt.png') no-repeat left 5px;
}

.merryDoll .mondiIntro {
	margin: 100px 60px 0;
	background: url('../images/web/imgMondi2.png') no-repeat right top;
}

.merryDoll .mondiIntro .tit {
	font-size: 79px;
	font-weight: 700;
}

.merryDoll .mondiIntro .tit span {
	display: inline-block;
	vertical-align: top;
	margin: 25px 0 0 30px;
	font-size: 36px;
	font-weight: 500;
}

.merryDoll .mondiIntro .txt {
	margin-top: 30px;
	font-size: 16px;
	line-height: 20px;
}

.merryDoll .mondiIntro .introList {
	margin-top: 60px;
}

.merryDoll .mondiIntro .introList li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 200px;
	padding-left: 240px;
	font-size: 16px;
	line-height: 20px;
}

.merryDoll .mondiIntro .introList li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	background: #f2f2f2 url('../images/web/imgMondi2_1.png') no-repeat center center;
	border-radius: 50%;
}

.merryDoll .mondiIntro .introList li:nth-child(2):before {
	background-image: url('../images/web/imgMondi2_2.png');
}

.merryDoll .mondiIntro .introList li:nth-child(3):before {
	background-image: url('../images/web/imgMondi2_3.png');
}

.merryDoll .mondiIntro .introList li+li {
	margin-top: 30px;
}

.merryDoll .mondiIntro .introList span {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}


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

.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: 20px;
	font-weight: 700;
}

.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: 34px 0 0 20px;
	font-size: 16px;
}

.policyCon dl {
	margin: 24px 0 0 20px;
}

.policyCon dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

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

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

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

.policyCon dd a {
	color: #888;
}

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


/* 이사회 */
.councilCon .councilTit {
	position: relative;
	margin-top: 10px;
	font-size: 26px;
	font-weight: 500;
}

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

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

.councilCon .tblBox {
	display: flex;
	flex-wrap: wrap;
}

.councilCon .tblBox .tblStyle1 {
	width: calc(50% - 20px);
	margin-top: 22px;
}

.councilCon .tblBox .tblStyle1:nth-child(n + 3) {
	margin-top: 50px;
}

.councilCon .tblBox .tblStyle1:nth-child(even) {
	margin-left: 40px;
}

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

.councilCon .tblBox .tblStyle1 th {
	padding-left: 60px;
}

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

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

.councilCon .tblBox .tblStyle1 li {
	position: relative;
	padding-left: 18px;
	line-height: 20px;
}

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

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


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


/* CEO인사말 */
.ceo {}

.ceoCon {
	position: relative;
	margin-top: 50px;
	padding-top: 30px;
}

.ceoCon .ceoTit {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
}

.ceoCon .ceoImg {
	position: absolute;
	left: 50%;
	top: -60px;
	margin-left: 165px;
}

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

.ceoCon .ceoImg img {
	position: relative;
	z-index: 2;
}

.ceoCon .txt {
	margin-top: 30px;
	font-size: 16px;
	line-height: 22px;
}

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

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

.ceoCon .ceoSign {
	margin-top: 100px;
	text-align: right;
	font-size: 20px;
	line-height: 30px;
}


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

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

.organizationCon .tit {
	display: inline-block;
	position: relative;
	z-index: 2;
	vertical-align: top;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
}

.organizationCon .tit:before {
	content: '';
	position: absolute;
	left: -130px;
	top: -6px;
	width: 50px;
	height: 38px;
	background: url('../images/web/icoQuotation1.png') no-repeat center center;
}

.organizationCon .tit:after {
	content: '';
	position: absolute;
	right: -130px;
	top: -6px;
	width: 50px;
	height: 38px;
	background: url('../images/web/icoQuotation2.png') no-repeat center center;
}

.organizationCon .txt {
	position: relative;
	z-index: 2;
	margin-top: 36px;
	font-size: 16px;
	color: #888;
}

.organization1 {
	text-align: center;
	/*padding:0 60px*/
}

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

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

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

.organization1 .dep1 p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 220px;
	height: 220px;
	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;
}

.organization1 .dep2 {
	position: relative;
}

.organization1 .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 80%;
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

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

.organization1 .dep2>ul>li {
	width: 240px;
}

.organization1 .dep2 div {
	position: relative;
	padding-top: 60px;
}

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

.organization1 .dep2 div li {
	margin-top: 40px;
}

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

.organization1 .dep2 div>a:first-child:before,
.organization1 .dep2 div>p:first-child:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -18px;
	width: 1px;
	height: 18px;
	background: #fff;
}

.organization1 .dep2 div>a:first-child:after,
.organization1 .dep2 div>p:first-child:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -22px;
	width: 5px;
	height: 5px;
	margin-left: -2px;
	background: #d9d9d9;
	border-radius: 50%;
}

.organization2 {
	position: relative;
	margin-top: 30px;
	padding: 60px 0 20px;
	text-align: center;
}

.organization2:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 30px;
	width: 1px;
	height: calc(100% - 94px);
	background: #d6d6d6;
}

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

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

.organization2 .dep1:after {
	content: '';
	position: absolute;
	left: calc(100% + 42px);
	top: -30px;
	width: 1px;
	height: 376px;
	background: #d6d6d6;
}

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

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

.organization2 .dep2 {
	position: relative;
	width: 256px;
	margin: 0 auto;
	padding: 23px;
	background: rgba(194, 123, 70, 0.2);
	border-radius: 50%;
}

.organization2 .dep2:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 1px;
	height: 60px;
	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: 210px;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	background: #c27b46;
	border-radius: 50%;
}

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

.organization2 .dep3:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 84.5%;
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

.organization2 .dep3:after {
	content: '';
	position: absolute;
	left: 83.8%;
	top: 0;
	width: 1px;
	height: 197.4px;
	background: #d6d6d6;
}

.organization2 .dep3>ul {
	display: flex;
	gap: 17px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.organization2 .dep3>ul>li {
	position: relative;
	/*flex:1;*/
	padding-top: 62px;
	width: 183px;
}

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

.organization2 .dep3>ul>li p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	font-size: 20px;
	font-weight: 700;
	color: #ef3b24;
	border: 1px solid #d6d6d6;
}

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

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

.organization2 .dep3>ul>li:nth-child(1) {
	position: absolute;
	left: calc(50% + 195px);
	top: -104px;
	width: 25%;
	padding-top: 0;
	margin-left: 0;
}

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

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

.organization2 .dep3>ul>li:nth-child(2) {
	/*margin-left:60px;*/
}

/* .organization2 .dep3 > ul > li:nth-child(3):after{content:'';position:absolute;left:-20px;top:0;width:1px;height:155px;background:#d6d6d6;} */
/* .organization2 .dep3 > ul > li:nth-child(5){margin-right:60px;} */
/* .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(8) {
	position: absolute;
	right: 0px;
	top: 364.5px;
	/*width:200px;*/
	padding-top: 0;
	margin-left: 0;
}

.organization2 .dep3>ul>li:nth-child(8):before {
	top: -168px;
	height: 168px;
}

.organization2 .dep3>ul>li:nth-child(8):after {
	content: '';
	position: absolute;
	right: 50%;
	top: -168px;
	width: 100px;
	height: 1px;
	background: #d6d6d6;
}

.organization2 .dep3>ul>li:nth-child(8) p {
	height: 90px;
	font-size: 20px;
	color: #141414;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
}

.organization2 .dep4 {
	position: relative;
	/*width:200px;*/
	margin: 0 auto;
	padding-top: 213px;
}

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

.organization2 .dep4:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 194px;
	width: 5px;
	height: 5px;
	margin-left: -2px;
	background: #d9d9d9;
	border-radius: 50%;
}

/* .organization2 li:nth-child(5) .dep4{padding-top:70px;}
.organization2 li:nth-child(5) .dep4:before{height:52px;}
.organization2 li:nth-child(5) .dep4:after{top:52px;} */
.organization2 .dep4 li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	height: 90px;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
}

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

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

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

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

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

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

.organization2 .dep2_2 li:nth-child(1) p:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	width: 106px;
	height: 1px;
	background: #d6d6d6;
}

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

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

.organization2 .dep2_2 .dep2_2_1 {
	left: auto !important;
	top: auto !important;
	right: 17px;
	bottom: 20px;
	width: 183px;
	height: 90px;
	font-size: 20px;
	font-weight: 500;
	border: 1px solid #d6d6d6;
	background: #f4f5f7;
}

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

.organization2 .dep2_2 .dep2_2_1:after {
	width: 17px !important;
}

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

html[lang="en"] .organization2 .dep4 li,
html[lang="en"] .organization2 .dep3>ul>li:nth-child(6) p,
html[lang="en"] .organization2 .dep2_2 .dep2_2_1 {
	font-size: 20px;
}


/* 연혁 */
.historyTit {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.historyTop {
	padding: 93px 0 172px !important;
	;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	background: url('../images/web/bgHistory.jpg') no-repeat center top;
}

.historyCon {
	background: #fff !important;
}

.historyCon h3 {
	position: relative;
	padding-top: 70px;
	text-align: center;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
}

.historyCon h3:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 50px;
	background: #ef3b24;
	transform: translateX(-50%);
}

.historyCon h3 span {
	display: block;
	font-size: 30px;
}

.historyList {
	margin: 100px 0 0 240px;
}

.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: 30px;
}

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

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

.historyList .month dl {
	display: flex;
	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: 500;
}

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

.historyList .month dd {
	position: relative;
	padding-left: 28px;
	font-size: 16px;
	color: #888;
}

.historyList .month dd:before {
	content: '';
	position: absolute;
	left: 9px;
	top: 11px;
	width: 10px;
	height: 1px;
	background: #ef3b24;
	transform: rotate(-45deg);
}

.historyList .img {
	position: absolute;
}

.historyList .img1956 {
	left: 844px;
	top: 34px;
}

.historyList .img1973 {
	left: 643px;
	top: -20px;
}

.historyList .img1977 {
	left: 763px;
	top: 49px;
}

.historyList .img1979 {
	left: 689px;
	top: 0;
}

.historyList .img1988 {
	left: 755px;
	top: 24px;
}

.historyList .img1990 {
	left: 749px;
	top: 4px;
}

.historyList .img1992 {
	left: 791px;
	top: 40px;
}

.historyList .img1996 {
	left: 756px;
	top: 0;
}

.historyList .img1997 {
	left: 652px;
	top: 25px;
}

.historyList .img1999 {
	left: 814px;
	top: 38px;
}

.historyList .img2000 {
	left: 769px;
	top: -12px;
}

.historyList .img2001 {
	left: 716px;
	top: -12px;
}

.historyList .img2003 {
	left: 756px;
	top: -60px;
}

.historyList .img2004 {
	left: 701px;
	top: 45px;
}

.historyList .img2006 {
	left: 738px;
	top: 219px;
}

.historyList .img2007 {
	left: 768px;
	top: 213px;
}

.historyList .img2008 {
	left: 683px;
	top: 144px;
	width: 220px;
}

.historyList .img2008 img {
	width: 100%;
}

.historyList .img2009 {
	left: 768px;
	top: 80px;
}

.historyList .img2022 {
	left: 680px;
	top: 26px;
}

.historyList .zTop {
	z-index: 2;
}

html[lang="en"] .historyList .img {
	display: none;
}


/* esg */
.esgTit {
	min-height: 400px;
}

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

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

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

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

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

.esgTit .conTit em {
	display: block;
	margin: 20px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}

.esgTxt {
	min-height: auto;
	text-align: center;
}

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

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

.esgTxt .conTit.quotationType:before {
	content: '';
	position: absolute;
	left: -56px;
	top: 17px;
	width: 50px;
	height: 38px;
	background: url('../images/web/icoQuotation1.png') no-repeat center center;
}

.esgTxt .conTit.quotationType:after {
	content: '';
	position: absolute;
	right: -56px;
	top: 17px;
	width: 50px;
	height: 38px;
	background: url('../images/web/icoQuotation2.png') no-repeat center center;
}

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

.esgTxt .txt {
	margin-top: 40px;
	font-size: 18px;
	line-height: 26px;
	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;
	width: 1080px;
	margin: 0 auto;
}

.esgTxt .conType2>li {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
	padding: 60px 0 50px;
	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(n + 3):after {
	background: #5ec32e;
}

.esgTxt .conType2>li+li {
	margin-left: 20px;
}

.esgTxt .conType2 strong {
	font-size: 24px;
}

.esgTxt .conType2 span {
	display: block;
	margin-top: 40px;
	font-size: 18px;
	line-height: 26px;
}

.esgTxt .conType2 .dot {
	display: inline-block;
	vertical-align: top;
	margin: 40px 10px 0;
}

.esgTxt .conType2 .dot li {
	position: relative;
	padding-left: 12px;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
}

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

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

.esgTxt .conType2 .dot a {
	position: relative;
	display: inline-block;
	padding-right: 22px;
	vertical-align: top;
	color: #ef3b24;
}

.esgTxt .conType2 .dot a:before {
	content: '';
	position: absolute;
	right: 7px;
	top: 7px;
	width: 12px;
	height: 10px;
	border: 1px solid #313131;
	background: #fff;
	border-radius: 1px;
	box-sizing: border-box;
}

.esgTxt .conType2 .dot a:after {
	content: '';
	position: absolute;
	right: 2px;
	top: 2px;
	width: 12px;
	height: 10px;
	border: 1px solid #313131;
	background: #fff;
	border-radius: 1px;
	box-sizing: border-box;
}

.esgTxt .conType2 .dot a em:before {
	content: '';
	position: absolute;
	right: 4px;
	top: 4px;
	width: 12px;
	height: 10px;
	background: #fff;
	border-radius: 1px;
	box-sizing: border-box;
}

html[lang="en"] .esgTxt .conType2 strong {
	letter-spacing: -0.02em;
}


/* 나눔경영 */
.split {
	background: url('../images/web/bgSplit.jpg') no-repeat center top;
}

.splitCon {
	margin-top: 50px;
}

.splitCon ol {
	position: relative;
	display: flex;
	width: 1080px;
	margin: 0 auto;
}

.splitCon ol li {
	flex: 1;
	position: relative;
	z-index: 2;
	padding: 60px 0 60px 60px;
	color: #fff;
}

.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 li:nth-child(3) {
	background: #363541;
}

.splitCon ol .tit {
	font-size: 16px;
	font-weight: 500;
}

.splitCon ol .num {
	margin-top: 80px;
	font-size: 48px;
	font-weight: 700;
}

.splitCon ol .txt {
	margin-top: 20px;
	font-size: 24px;
	font-weight: 700;
}

.splitCon .splitTit {
	margin-top: 246px;
	font-size: 48px;
	font-weight: 700;
}

.splitCon ul {
	margin-top: 40px;
}

.splitCon ul li {
	overflow: hidden;
	margin-top: -202px;
}

.splitCon ul li:nth-child(odd) .con {
	float: right;
}

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

.splitCon ul .txt {
	margin-top: 20px;
	font-size: 18px;
	color: #888;
}


/* 윤리경영추진체계 */
.esgTxtBg {
	color: #fff;
	background: url('../images/web/bgEsgTxt.jpg') no-repeat center top !important;
}

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

.circleCon {
	position: relative;
	margin: 20px auto 0;
	padding: 202px 0 48px;
}

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

.circleCon p {
	position: relative;
	width: 240px;
	height: 240px;
	margin: 127px auto 0;
}

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

.circleCon p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 88px);
	height: calc(100% + 88px);
	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% + 38px);
	height: calc(100% + 38px);
	background: rgba(239, 59, 36, 0.2);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.circleCon ul {
	position: relative;
	width: 494px;
	height: 494px;
	margin: -367px auto 0;
	border: 3px dashed #e3e3e3;
	border-radius: 50%;
}

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

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

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

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

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

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

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

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

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

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

.circleCon li:nth-child(2) span {
	left: 230px;
}

.circleCon li:nth-child(3) span {
	right: 230px;
}

.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:nth-child(2) span {
	text-align: left;
}

html[lang="en"] .circleCon li:nth-child(3) span {
	text-align: right;
}

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

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


/* 윤리경영 추진조직 */
.esgOrganization {
	width: 1080px;
	margin: 40px auto 0;
}

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

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

.esgOrganization .dep1:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 38px);
	height: calc(100% + 38px);
	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: 240px;
	height: 240px;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	background: #ef3b24;
	border-radius: 50%;
}

.esgOrganization .dep1 span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500;
}

.esgOrganization .dep2 {
	position: relative;
	display: flex;
	margin-top: 72px;
}

.esgOrganization .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 620px;
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

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

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

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

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

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

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

.esgOrganization .dep2 p+p {
	position: absolute;
	right: 0;
	top: -272px;
	width: 300px;
}

.esgOrganization .dep2 p+p:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	width: 1px;
	height: 150px;
	background: #d6d6d6;
}

.esgOrganization .dep2 span {
	display: block;
	margin-top: 18px;
	font-size: 18px;
	font-weight: 500;
	color: #141414;
}

.esgOrganization .dep3 {
	position: relative;
	display: flex;
	width: 1080px;
	margin: 52px 0 0 -620px;
	background: #fff;
}

.esgOrganization .dep3:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 734px;
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

.esgOrganization .dep3 li {
	padding-top: 52px;
}

.esgOrganization .dep3 li+li {
	margin-left: 21px;
}

html[lang="en"] .esgOrganization .dep1 p {
	line-height: 1;
}

html[lang="en"] .esgOrganization .dep1 span {
	margin-top: 20px;
	font-size: 16px;
}

html[lang="en"] .esgOrganization .dep2 p {
	justify-content: flex-start;
	padding-top: 44px;
}

html[lang="en"] .esgOrganization .dep2 p+p {
	justify-content: center;
	padding-top: 0;
}

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

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

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

/* 20250611 윤리경영 */
.esgOrganization_v2 {
	position: relative;
	width: 1200px;
	height: 1185px;
	background: url(../images/web/bg_organization_ko.png) no-repeat 0 0;
}

.esgOrganization_v2 p {
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
}

.esgOrganization_v2 p>span {
	display: block;
	margin-top: 10px;
	font-weight: 500;
	font-size: 18px;
}

.esgOrganization_v2 .dep1 p {
	color: #fff;
	font-size: 32px;
	line-height: normal;
	font-weight: 700;
}

.esgOrganization_v2 .dep1 p>span {
	margin-top: 9px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.esgOrganization_v2 .dep1 {
	position: absolute;
	width: 277px;
	text-align: center;
	top: 93px;
	left: 462px;
}

.esgOrganization_v2 [class^="dep2_"],
.esgOrganization_v2 [class^="dep3_"],
.esgOrganization_v2 [class^="dep4_"],
.esgOrganization_v2 [class^="dep5_"] {
	position: absolute;
	text-align: center;
}

.esgOrganization_v2 .dep2_01 {
	width: 400px;
	left: 190px;
	top: 402px;
}

.esgOrganization_v2 .dep2_02 {
	width: 400px;
	left: 620px;
	top: 402px
}

.esgOrganization_v2 .dep3_01 {
	width: 245px;
	left: 250px;
	top: 1060px;
}

.esgOrganization_v2 .dep3_02 {
	width: 245px;
	left: 700px;
	top: 606px;
}

.esgOrganization_v2 .dep4_01 {
	width: 245px;
	left: 954px;
	top: 606px;
}

.esgOrganization_v2 .dep4_02 {
	width: 245px;
	left: 698px;
	top: 806px;
}

.esgOrganization_v2 .dep5_01 {
	width: 245px;
	left: 955px;
	top: 806px;
}

.esgOrganization_v2 .dep5_02 {
	width: 245px;
	left: 571px;
	top: 1060px;
}

.esgOrganization_v2 .dep5_03 {
	width: 245px;
	left: 827px;
	top: 1060px;
}

html[lang="en"] .esgOrganization_v2 {
	height: 1392px;
	background: url(../images/web/bg_organization_en.png) no-repeat 0 0;
}

html[lang="en"] .esgOrganization_v2 .dep1 {
	top: 71px;
}

html[lang="en"] .esgOrganization_v2 .dep2_01 {
	top: 432px;
}

html[lang="en"] .esgOrganization_v2 .dep2_02 {
	top: 432px;
	padding: 0 10px;
}

html[lang="en"] .esgOrganization_v2 .dep3_01 {
	top: 1230px;
	padding: 0 10px;
}

html[lang="en"] .esgOrganization_v2 .dep3_02 {
	width: 245px;
	left: 699px;
	top: 667px;
	padding: 0 10px;
}

html[lang="en"] .esgOrganization_v2 .dep4_01 {
	top: 667px;
}

html[lang="en"] .esgOrganization_v2 .dep4_02 {
	top: 932px;
}

html[lang="en"] .esgOrganization_v2 .dep5_01 {
	top: 932px;
}

html[lang="en"] .esgOrganization_v2 .dep5_02 {
	top: 1216px;
	padding: 0 10px;
}

html[lang="en"] .esgOrganization_v2 .dep5_03 {
	top: 1216px;
}

/* 윤리강령 */
.ethicsCharter {
	width: 1080px;
	margin: 0 auto;
	border-top: 1px solid #141414;
	letter-spacing: -0.02em;
}

.ethicsCharter li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 92px;
	border-bottom: 1px solid #d6d6d6;
	padding: 20px 0;
}

.ethicsCharter li span {
	width: 120px;
	padding-left: 20px;
	font-size: 20px;
	color: #ef3b24;
	box-sizing: border-box;
}

.ethicsCharter li em {
	flex: 1;
	font-size: 20px;
}


/* 행동규범 */
.esgToggle {
	min-height: auto;
}

.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 {
	min-height: auto;
	padding: 146px 0;
	color: #fff;
	background: url('../images/web/bgReportWay.jpg') no-repeat center top;
}

.reportWay .txtCon {
	width: 670px;
	margin: -20px auto 0;
}

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

.reportWay .txtCon .txt2 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #aaa;
}

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

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


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

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

.visionCon .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 270px;
	height: 270px;
	margin: 150px auto 0;
	font-size: 40px;
	font-weight: 500;
	border: 4px dashed #e3e3e3;
	border-left: 4px solid #ef3b24;
	border-right: 4px solid #ef3b24;
	border-radius: 50%;
}

.visionCon .tit:before {
	content: '';
	position: absolute;
	left: 18px;
	top: 34px;
	width: 22px;
	height: 22px;
	border: 4px solid #ef3b24;
	border-bottom-color: transparent;
	border-left-color: transparent;
	box-sizing: border-box;
	border-radius: 5px;
}

.visionCon .tit:after {
	content: '';
	position: absolute;
	right: 18px;
	bottom: 34px;
	width: 22px;
	height: 22px;
	border: 4px solid #ef3b24;
	border-top-color: transparent;
	border-right-color: transparent;
	box-sizing: border-box;
	border-radius: 5px;
}

.visionCon .circle {
	position: relative;
	width: 270px;
	height: 270px;
	margin: -270px auto 150px;
}

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

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

.visionCon .circle li:nth-child(even) {
	position: absolute;
	left: 100%;
	top: 50%;
	margin-left: 32px;
	font-size: 26px;
	font-weight: 500;
	color: #888;
	white-space: nowrap;
	transform: translateY(-50%);
}

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

html[lang="en"] .visionCon .circle li:nth-child(3) {
	font-size: 24px;
	letter-spacing: -0.02em;
}


/* 거버넌스 */
.governanceCon {
	padding: 60px 0 48px;
}

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

.governanceCon .tit em {
	display: block;
	margin-top: 7px;
	font-size: 16px;
	font-weight: 400;
	color: #888;
}

.governanceCon .circle {
	position: relative;
	width: 500px;
	height: 500px;
	margin: -325px auto 0;
	border: 4px dashed #e3e3e3;
	border-radius: 50%;
}

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

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

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

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

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

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

.governanceCon .circle li:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 2px;
	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: 150px;
	height: 150px;
	text-align: center;
	background: #fff;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
}


/* 주요활동 */
.activityCon {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 60px;
}

.activityCon>li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 520px;
	width: calc(50% - 20px);
	padding: 20px 18px;
	border: 1px solid #e4e4e4;
	border-top-width: 2px;
}

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

.activityCon>li:nth-child(n + 2) {
	margin-top: 60px;
}

.activityCon>li:nth-child(1) {
	width: 100%;
}

.activityCon p {
	position: relative;
	width: 198px;
	font-size: 18px;
	font-weight: 700;
}

.activityCon dl {
	width: calc(100% - 198px);
}

.activityCon>li:nth-child(1) dl {
	width: 395px;
}

.activityCon>li dl+dl {
	width: 384px;
	margin-left: 198px;
	margin-top: 20px;
}

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

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

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

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

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


/* 지배구조 */
.ruleTxt {
	padding: 50px 0;
	min-height: auto;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

.ruleCon {
	text-align: center;
}

.ruleCon .conBox {
	padding: 0 60px;
}

.ruleCon .conTit {
	font-size: 32px;
	line-height: 48px;
	padding-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.ruleCon .dep1 p:before {
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	top: -13px;
	width: 1px;
	height: 13px;
	background: #fff;
}

.ruleCon .dep1 p:after {
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	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;
}

.ruleCon .dep1 .persent {
	top: -88px;
}

.ruleCon .dep2 {
	position: relative;
}

.ruleCon .dep2:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 77%;
	height: 1px;
	background: #d6d6d6;
	transform: translateX(-50%);
}

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

.ruleCon .dep2>ul>li {
	width: 23%;
}

.ruleCon .dep2 li li {
	margin-top: 88px;
}

.ruleCon .dep2 div {
	position: relative;
	padding-top: 88px;
}

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

.ruleCon .dep2 p {
	position: relative;
	display: block;
	height: 100px;
	padding-top: 23px;
	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 .persent {
	top: -69px;
}

.ruleCon .txt {
	margin-top: 40px;
	text-align: right;
	font-size: 14px;
	line-height: 18px;
}

.ruleCon .txt+.txt {
	margin-top: 10px;
}

/* 주요ESG성과 */
.resultCon {
	position: relative;
	padding: 36px 88px 60px;
	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: 24px;
	font-weight: 700;
	line-height: 35px;
}

.resultCon li {
	position: relative;
	margin-top: 10px;
	padding-left: 12px;
	font-size: 18px;
	line-height: 26px;
}

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


/* sortBtn */
.sortBtn {
	display: flex;
	padding: 50px 0 100px;
}

.sortBtn button {
	padding: 0 2px;
	font-size: 22px;
	font-weight: 700;
	line-height: 60px;
	color: #141414;
}

.sortBtn button:hover {
	color: #ef3b24;
}

.sortBtn button+button {
	margin-left: 70px;
}

.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 추가 */
.questions_noti {
	margin: 40px 0 30px;
	font-size: 23px;
	line-height: 30px;
	color: #888;
}

.questions_list li {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	padding: 16px;
	border: 1px solid #e4e4e4;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}

.questions_list li:first-child {
	margin-top: 30px;
}

.questions_q {
	display: flex;
	align-items: flex-start;
}

.questions_list .digit {
	margin-right: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}

.questions_list .quest {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}

.questions_a {
	display: flex;
	margin-top: 13px;
	align-items: center;
	justify-content: space-between;
}

.questions_a .bar {
	display: block;
	position: relative;
	width: calc(100% - 56px);
	height: 24px;
	background: #edeff3;
	border-radius: 12px;
}

.questions_a .bar>i {
	position: absolute;
	left: 0;
	width: 0;
	height: 24px;
	border-radius: 12px;
	transition: width 0.3s 0.5s ease-in;
}

.questions_a .people {
	font-size: 13px;
	font-weight: 700;
}

.questions_list>li .bar>i {
	background: #ef3b24;
}

.txt_cnt {
	margin-right: 2px;
	min-width: 100px;
}

.inpTextCheck {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	text-align: right;
	color: #888;
	font-size: 16px;
	font-weight: 700;
}

.questions_form {
	margin: 30px 0 60px;
}

.questions_form .tit {
	margin: 30px 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.forms_radio {
	margin: 16px 0;
	font-size: 0;
}

.forms_radio .inpRadio {
	margin-left: 30px;
}

.forms_radio .inpRadio:first-child {
	margin-left: 0;
}

/* 접근성 영문처리 */
html[lang="en"] .toggleList1 .toggleBtn:after {
	content: 'open';
}

html[lang="en"] .toggleList1 .active .toggleBtn:after {
	content: 'close';
}

/* 20240625 메인 팝업추가 */
.mainPopReport {
	position: fixed;
	width: 448px;
	border: 1px solid #777;
	border-top: 0;
	background: #fff;
	z-index: 101;
	box-shadow: 4px 4px 2px 0 rgb(0, 0, 0, .09);
	left: 50%;
	transform: translate(-50%, 0)
}

.mainPopReport::before {
	content: '';
	position: absolute;
	top: -1px;
	width: 100%;
	height: 6px;
	background: #ef3b24;
}

.mainPopReport_con {
	padding: 28px 30px 26px;
}

.mainPopReport_con .tit {
	display: block;
	font-size: 17px;
	color: #141414;
	font-weight: 700;
	line-height: normal;
	position: relative;
	padding-left: 95.3px;
	position: relative;
}

.mainPopReport_con .tit::before {
	content: '';
	display: block;
	width: 86px;
	height: 29px;
	background-image: url('data:image/svg+xml,%3Csvg width="100" height="29" viewBox="0 0 100 29" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21.4689 9.58203C19.0268 9.58203 17.2772 10.3812 15.8556 12.4155C14.9444 10.6355 13.0855 9.58203 10.4975 9.58203C8.52925 9.58203 6.19646 10.5992 5.28522 12.1975V10.1269H0V28.181H5.54036V17.7917C5.54036 16.1571 6.59741 14.6677 8.52924 14.6677C10.4611 14.6677 11.4452 16.0118 11.4452 17.7191V28.181H16.9127V17.7554C16.9127 16.1571 17.9697 14.6677 19.938 14.6677C21.9063 14.6677 22.8176 16.0118 22.8176 17.7191V28.181H28.1757V16.484C28.1757 11.58 24.8952 9.58203 21.4689 9.58203Z" fill="%23EF3B24"/%3E%3Cpath d="M55.5632 12.5608V10.1269H50.2051V28.181H55.7454V20.2983C55.7454 16.702 57.7502 15.3942 59.9736 15.3942C60.5204 15.3942 61.1036 15.4306 61.7232 15.5759V10.1269C61.3587 10.018 60.812 9.94531 60.2652 9.94531C58.8072 9.94531 56.5109 10.5265 55.5632 12.5608Z" fill="%23EF3B24"/%3E%3Cpath d="M69.1634 10.127H63.623V28.181H69.1634V10.127Z" fill="%23EF3B24"/%3E%3Cpath d="M79.1868 4.85938H74.2296V7.18425C74.2296 8.85525 73.3184 10.1267 71.423 10.1267H70.5117V14.958H73.7193V22.6955C73.7193 26.2918 76.0156 28.5077 79.77 28.5077C81.5196 28.5077 82.4308 28.1081 82.6495 27.9991V23.422C82.3215 23.4947 81.7747 23.6036 81.1915 23.6036C79.9887 23.6036 79.1868 23.2041 79.1868 21.7147V14.958H82.7224V10.1267H79.1868V4.85938Z" fill="%23EF3B24"/%3E%3Cpath d="M66.3494 0C64.4228 0 62.8164 1.60094 62.8164 3.56255C62.8164 5.52416 64.4228 7.12251 66.3494 7.12251C68.2761 7.12251 69.9632 5.52157 69.9632 3.56255C69.9632 1.60354 68.3568 0 66.3494 0Z" fill="%23EF3B24"/%3E%3Cpath d="M39.1235 9.47266C34.3668 9.47266 29.9824 13.2194 29.9824 19.0991C29.9824 24.9787 34.4788 28.8345 39.5297 28.8345C43.6823 28.8345 46.4473 26.7198 47.6189 24.0135L43.0366 22.2802C42.4378 23.3907 41.3495 24.0965 39.6052 24.0965C37.4312 24.0965 35.5488 22.6279 35.4395 20.5703H48.1943C48.2307 20.4613 48.3062 19.6154 48.3062 18.8448C48.3062 12.9677 44.8045 9.47525 39.1261 9.47525M35.5514 16.9714C35.6634 15.6118 36.8428 13.8837 39.2016 13.8837C41.8572 13.8837 42.8153 15.5728 42.8882 16.9714H35.5514Z" fill="%23EF3B24"/%3E%3Cpath d="M91.5778 23.3497L99.8571 14.6677V10.127H85.0195V14.8493V14.9583H92.6817L84.8008 23.3133V28.181H100V23.4223V23.3497H91.5778Z" fill="%23EF3B24"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 20px);
}

.mainPopReport_con .tit .logo_right {
	font-size: 0;
	width: 123px;
	height: 30px;
	position: absolute;
	right: 0;
	top: -13px;
	display: block;
	background: url(../images/web/imgLogoKsd.png) no-repeat;
	background-size: 100% auto;
}

.report_con {
	padding-top: 30px;
	text-align: center;
}

.report_con .heading {
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
	color: #141414;
}

.report_img {
	margin: 17px 0 12px;
}

.report_img img {
	width: 260px;
}

.report_con .txt {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 13px;
	color: #aaa;
	line-height: 14px;
}

/* .report_con .txt::before {content:'*';position:absolute;left:0;top:calc(50% - 7px);} */
.report_con .btn_wrap {
	margin: 17px 0 0;
}

.report_con .btn_go {
	display: block;
	background: #141414;
	width: calc(100% - 98px);
	height: 34px;
	color: #fff;
	font-size: 15px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: -0.32px;
	margin: 0 49px;
}

.mainPopReport_btn {
	display: flex;
	background: #ebebeb;
}

.mainPopReport_btn>button {
	flex: 1;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	color: #313131;
	line-height: 13px;
	position: relative;
}

.mainPopReport_btn>button+button:before {
	content: '';
	width: 1px;
	height: 24px;
	background: #d6d6d6;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%)
}

.reportBox {
	margin: 17px 49px 0;
	background: rgba(255, 170, 91, 0.13);
	padding: 24px 0;
	border-radius: 10px;
}

.reportBox_head {
	font-size: 20px;
	line-height: 24px;
}

.reportBox_head>strong {
	display: block;
}

.reportBox_con {
	margin: 16px 20px;
	background: #fff;
	border-radius: 8px;
	padding: 16px 0;
}

.reportBox_con>strong {
	font-size: 13px;
	color: #141414;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
	margin-bottom: 10px;
}

.reportBox_con>p {
	font-size: 13px;
	line-height: 14px;
	color: #313131;
}

.reportBox_time {
	font-size: 15px;
	font-weight: bold;
	color: #313131;
}


html[lang="en"] .floatingTab ul.type7 li+li {
	margin-left: 130px;
}

.txt_noti {
	margin-top: 20px;
	text-align: right;
}

.txt_noti .desc {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 14px;
	color: #141414;
	line-height: 18px;
}

.txt_noti .desc::before {
	content: '*';
	position: absolute;
	left: 0;
	top: calc(50% - 7px);
}

.txt_noti~.paging {
	margin-top: 22px;
}


/* 20250220 서비스점검안내 (20260106 일부수정) */
.mainServiceInfo_dim {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 105;
}

.mainServiceInfo {
	display: none;
	position: fixed;
	width: 530px;
	border: 1px solid #e6e6e6;
	background: #fff;
	z-index: 101;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 106;
}

.mainServiceInfo::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	height: 6px;
	background: #ef3b24;
}

.mainServiceInfo_con {
	padding: 24px 24px 64px;
}

.mainServiceInfo_con .service_tit {
	height: 45px;
}

.mainServiceInfo_con .tit {
	display: block;
	height: 22px;
	position: relative;
}

.mainServiceInfo_con .tit::before {
	content: '';
	display: block;
	width: 80px;
	height: 22px;
	background-image: url('data:image/svg+xml,%3Csvg width="100" height="29" viewBox="0 0 100 29" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21.4689 9.58203C19.0268 9.58203 17.2772 10.3812 15.8556 12.4155C14.9444 10.6355 13.0855 9.58203 10.4975 9.58203C8.52925 9.58203 6.19646 10.5992 5.28522 12.1975V10.1269H0V28.181H5.54036V17.7917C5.54036 16.1571 6.59741 14.6677 8.52924 14.6677C10.4611 14.6677 11.4452 16.0118 11.4452 17.7191V28.181H16.9127V17.7554C16.9127 16.1571 17.9697 14.6677 19.938 14.6677C21.9063 14.6677 22.8176 16.0118 22.8176 17.7191V28.181H28.1757V16.484C28.1757 11.58 24.8952 9.58203 21.4689 9.58203Z" fill="%23EF3B24"/%3E%3Cpath d="M55.5632 12.5608V10.1269H50.2051V28.181H55.7454V20.2983C55.7454 16.702 57.7502 15.3942 59.9736 15.3942C60.5204 15.3942 61.1036 15.4306 61.7232 15.5759V10.1269C61.3587 10.018 60.812 9.94531 60.2652 9.94531C58.8072 9.94531 56.5109 10.5265 55.5632 12.5608Z" fill="%23EF3B24"/%3E%3Cpath d="M69.1634 10.127H63.623V28.181H69.1634V10.127Z" fill="%23EF3B24"/%3E%3Cpath d="M79.1868 4.85938H74.2296V7.18425C74.2296 8.85525 73.3184 10.1267 71.423 10.1267H70.5117V14.958H73.7193V22.6955C73.7193 26.2918 76.0156 28.5077 79.77 28.5077C81.5196 28.5077 82.4308 28.1081 82.6495 27.9991V23.422C82.3215 23.4947 81.7747 23.6036 81.1915 23.6036C79.9887 23.6036 79.1868 23.2041 79.1868 21.7147V14.958H82.7224V10.1267H79.1868V4.85938Z" fill="%23EF3B24"/%3E%3Cpath d="M66.3494 0C64.4228 0 62.8164 1.60094 62.8164 3.56255C62.8164 5.52416 64.4228 7.12251 66.3494 7.12251C68.2761 7.12251 69.9632 5.52157 69.9632 3.56255C69.9632 1.60354 68.3568 0 66.3494 0Z" fill="%23EF3B24"/%3E%3Cpath d="M39.1235 9.47266C34.3668 9.47266 29.9824 13.2194 29.9824 19.0991C29.9824 24.9787 34.4788 28.8345 39.5297 28.8345C43.6823 28.8345 46.4473 26.7198 47.6189 24.0135L43.0366 22.2802C42.4378 23.3907 41.3495 24.0965 39.6052 24.0965C37.4312 24.0965 35.5488 22.6279 35.4395 20.5703H48.1943C48.2307 20.4613 48.3062 19.6154 48.3062 18.8448C48.3062 12.9677 44.8045 9.47525 39.1261 9.47525M35.5514 16.9714C35.6634 15.6118 36.8428 13.8837 39.2016 13.8837C41.8572 13.8837 42.8153 15.5728 42.8882 16.9714H35.5514Z" fill="%23EF3B24"/%3E%3Cpath d="M91.5778 23.3497L99.8571 14.6677V10.127H85.0195V14.8493V14.9583H92.6817L84.8008 23.3133V28.181H100V23.4223V23.3497H91.5778Z" fill="%23EF3B24"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 11px);
}

.serive_desc {
	display: flex;
	padding-top: 40px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.serive_desc dt {
	color: #141414;
	font-size: 34px;
	font-weight: 700;
	line-height: 48px;
}

.serive_desc .time {
	display: flex;
	margin: 24px 0 20px;
	padding: 16px 32px;
	align-items: center;
	justify-content: center;
	background: rgba(239, 59, 36, 0.06);
	color: #eb3b24;
	font-weight: 700;
	line-height: 100%;
	border-radius: 32px;
}

.serive_desc .desc {
	color: #888;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.mainServiceInfo_btn {
	display: flex;
	background: #ebebeb;
	border-top: 1px solid #d6d6d6;
}

.mainServiceInfo_btn>button {
	flex: 1;
	height: 69px;
	font-size: 18px;
	font-weight: 700;
	color: #313131;
	line-height: 18px;
	position: relative;
}

.mainServiceInfo_btn>button+button:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #d6d6d6;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%)
}

.popOpen1 .mainServiceInfo_dim,
.popOpen1 .mainServiceInfo {
	display: block;
}

/* 20250220 서비스 점검중 */
.no_service {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 533px;
	transform: translate(-50%, -50%);
}

.no_service .inner {
	text-align: center;
}

.ico_sad {
	display: inline-block;
	width: 241px;
	height: 261px;
	background: url(../images/web/img_doll_crying.png) no-repeat 0 0;
	background-size: 100%;
}

.no_service .tit {
	margin: 56px 0 48px;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	color: #141414;
}

.no_service .tit>em {
	color: #ef3b24;
}

.no_service .time {
	margin: 48px 0 32px;
	padding: 20px 32px;
	border-radius: 32px;
	background: rgba(239, 59, 36, 0.06);
	color: #ef3b24;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
}

.no_service .txt {
	color: #888;
	line-height: 30px;
	font-size: 18px;
}

/* 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: 7px;
	padding: 30px 12px 30px 30px;
	border-radius: 8px;
}

.videoScript .scrollable {
	padding-right: 12px;
	min-height: 140px;
	max-height: 340px;
	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 podcast 수정 */
.tblStyle6 .info.is_podcast {
	display: flex;
	padding-top: 47px;
	padding-bottom: 48px;
	height: 186px;
}

.tblStyle6 .info.is_podcast p {
	flex: 0 0 525px;
}

.tblStyle6 .info.is_podcast ul {
	top: 45px;
	right: 80px;
	line-height: inherit;
	gap: 50px;
}

.tblStyle6 .info.is_podcast li {
	display: flex;
	flex-direction: column;
	padding-bottom: 90px;
	position: relative;
}

.tblStyle6 .info.is_podcast li a {
	display: block;
	position: absolute;
	bottom: 0;
	width: 51px;
	height: 51px;
	background-color: #fff;
	border-radius: 50%;
	padding-right: 0;
}

.is_podcast .icoPodcast {
	display: inline-block;
	width: 51px;
	height: 51px;
	background-color: #fafafa;
	border-radius: 50%;
	position: relative;
}

.is_podcast .icoPodcast::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('../images/web/ico_podcast.png');
	background-size: 100%;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
}

/* 20250717 layer */
.layerPop {
	display: none;
	width: 448px;
	height: 550px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 105;
}

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

.layerPop_inner {
	position: absolute;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #c8c8c8;
	border-top: 6px solid #ef3b24;
}

.layerPop_head {
	display: flex;
	align-items: center;
	padding: 31px 0 19px 30px;
	position: relative;
	padding-left: 114px;
	font-size: 14px;
}

.layerPop_head::before {
	content: '';
	display: block;
	width: 76px;
	height: 24px;
	background: url(../images/web/ico_meritz.png) no-repeat 0 0;
	position: absolute;
	top: calc(50% - 11px);
	left: 30px;
}

.layerPop_body {
	padding: 16px 22px 39px;
	text-align: center;
}

.layerPop_body .ico_podcast {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: #fef2f2;
	border-radius: 50%;
	position: relative;
}

.layerPop_body .ico_podcast::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/web/ico_mic.png) no-repeat 0 0;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
}

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

.layerPop_body .txt {
	margin: 24px 0 43px;
}

.layerPop_foot {
	display: flex;
	border-top: 1px solid #c8c8c8;
}

.layerPop_foot>button {
	height: 49px;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	color: #888;
}

.layerPop_foot>button:not(:first-child) {
	border-left: 1px solid #c8c8c8;
}

.layerPop_close {
	content: '';
	width: 16px;
	height: 16px;
	background: url(../images/web/ico_layerPop_close.png) no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	right: 20px;
	top: 20px;
}

.layerPop.active {
	display: flex;
}

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

.layerPop.sub {
	position: absolute;
	width: 448px;
	height: 360px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}

.layerPop.sub .dim {
	display: none;
}

.layerPop.sub .layerPop_body {
	padding: 24px 22px 46px;
}

.layerPop.sub .layerPop_body .tit {
	font-size: 20px;
	color: #141414;
	line-height: 30px;
}

.layerPop.sub .layerPop_body .txt {
	margin-bottom: 24px;
	font-size: 16px;
	font-weight: 500;
	color: #141414;
}

.podcast_btn {
	display: inline-block;
	width: 51px;
	height: 51px;
	background: #fff url(../images/web/ico_mic_s.png) no-repeat 50% 50%;
	border-radius: 50%;
	margin-left: 16px;
	font-weight: normal;
}

html.lyOpen {
	overflow: hidden;
}

/* 20250717 custom audio */
.custom-player {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #f1f3f4;
	padding: 22px 18px 22px;
	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/web/ico_play.png) no-repeat 0 0;
	background-size: 100%;
	margin-top: -1px;
}

.play-btn.pause {
	background-image: url(../images/web/ico_pause.png);
}

.time-display {
	font-size: 14px;
	color: #a8aaaa;
	font-weight: 700;
	user-select: none;
	width: 83px;
	position: relative;
	top: 1px;
	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;
}

.volume {
	gap: 6px;
	width: 20%;
	padding-left: 28px;
	user-select: none;
	position: relative;
}

.volume .mute {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/web/ico_volume.png) no-repeat 0 50%;
	background-size: 100%;
	border: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: calc(50% - 11px);
}

.volume .mute.off {
	background: url(../images/web/ico_mute.png) no-repeat 0 0;
	background-size: 100%;
}

.volume-bar {
	width: 100px;
	-webkit-appearance: none;
	height: 4px;
	border-radius: 3px;
	background: linear-gradient(to right,
			#141414 0%,
			#141414 var(--progress, 100%),
			#c1c2c3 var(--progress, 100%),
			#c1c2c3 100%);
	cursor: pointer;
}

.volume-bar::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	margin-top: 0;
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(71, 69, 68, 0.50);
}

.volume-bar:hover::-webkit-slider-thumb {
	opacity: 1;
}

.volume-bar::-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);
}

.volume-bar:hover::-moz-range-thumb {
	opacity: 1;
}

/* 20251107 주주환원 정책 */
.dim.juju {
	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.juju.active {
	opacity: 1;
	display: flex;
	z-index: 999;
}

/* new layer popup */
/* .newLayerDim {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;z-index:1100;}
.newLayerDim.active {display:block;opacity:1;}
.newLayerPopup {display:none;position:fixed;left:0;top:0;width:420px;height:260px;background:#fff;border:1px solid #c8c8c8;border-top:6px solid #ef3b24;box-shadow:4px 4px 2px 0 rgba(0,0,0,.09);z-index:1101;}
#newLayerPopup01 {z-index:1102;}
.newLayerPopup.active {display:flex;flex-direction:column;}
.newLayerPopup_head {display:flex;align-items:center;min-height:64px;padding:0 58px 0 30px;border-bottom:1px solid #e6e6e6;}
.newLayerPopup_head .tit {font-size:20px;font-weight:700;color:#141414;line-height:26px;}
.newLayerPopup_close {position:absolute;right:20px;top:20px;width:24px;height:24px;background:url('../images/web/icoClose.png') no-repeat 50% 50%;background-size:100%;font-size:0;line-height:0;}
.newLayerPopup_body {display:flex;flex:1;flex-direction:column;min-height:0;padding:10px;}
.newLayerPopup_scroll {flex:1;min-height:0;overflow:auto;}
.newLayerPopup_scroll img {display:block;max-width:none;width:100%;}
.newLayerPopup_btns {display:flex;justify-content:center;gap:10px;margin-top:20px;}
.newLayerPopup_btns button,
.newLayerPopup_btns a {display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:42px;padding:0 18px;background:#141414;color:#fff;font-size:15px;font-weight:700;}
.newLayerPopup_foot {display:flex;border-top:1px solid #d6d6d6;background:#ebebeb;}
.newLayerPopup_foot button {flex:1;height:54px;font-size:16px;font-weight:700;color:#313131;} */

/* 기존 화면 재작업 */
.jujuPopReport.type2 {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.jujuPopReport.type2::before {
	display: none;
}

.jujuPopReport.type2 .lypop_wrap {
	position: absolute;
	width: 688px;
	display: flex;
	flex-direction: column;
	background: #fff;
	opacity: 0;
	transition: opacity 0.2s ease-in;
	border-top: 5px solid #ef3b24;
}

.jujuPopReport.type2 .lypop_wrap.wType4 {
	width: 810px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_head {
	padding-left: 44px;
	height: 69px;
	padding-top: 27px;
	align-items: flex-start;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_head::after {
	display: none;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_head .tit_ex {
	display: block;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	padding-left: 95px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_head .tit_ex::after {
	content: '';
	display: block;
	width: 86px;
	height: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='86' height='25' viewBox='0 0 86 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4633 8.20215C16.3631 8.20215 14.8584 8.88624 13.6359 10.6276C12.8522 9.1039 11.2535 8.20215 9.0279 8.20215C7.33517 8.20215 5.32897 9.07281 4.5453 10.441V8.66857H0V24.1228H4.76472V15.2296C4.76472 13.8303 5.67378 12.5554 7.33517 12.5554C8.99655 12.5554 9.84292 13.706 9.84292 15.1674V24.1228H14.5449V15.1985C14.5449 13.8303 15.454 12.5554 17.1467 12.5554C18.8395 12.5554 19.6231 13.706 19.6231 15.1674V24.1228H24.2311V14.1102C24.2311 9.91237 21.4099 8.20215 18.4633 8.20215Z' fill='%23EF3B24'/%3e%3cpath d='M47.785 10.752V8.66866H43.177V24.1229H47.9417V17.3752C47.9417 14.2968 49.6658 13.1774 51.578 13.1774C52.0482 13.1774 52.5497 13.2085 53.0826 13.3329V8.66866C52.7691 8.57537 52.2989 8.51318 51.8287 8.51318C50.5749 8.51318 48.6 9.0107 47.785 10.752Z' fill='%23EF3B24'/%3e%3cpath d='M59.4807 8.6687H54.716V24.1229H59.4807V8.6687Z' fill='%23EF3B24'/%3e%3cpath d='M68.101 4.1604H63.8379V6.15048C63.8379 7.58085 63.0542 8.66917 61.4241 8.66917H60.6405V12.8048H63.399V19.428C63.399 22.5064 65.3739 24.4032 68.6026 24.4032C70.1072 24.4032 70.8909 24.0612 71.079 23.9679V20.0499C70.7969 20.1121 70.3267 20.2054 69.8251 20.2054C68.7907 20.2054 68.101 19.8634 68.101 18.5885V12.8048H71.1417V8.66917H68.101V4.1604Z' fill='%23EF3B24'/%3e%3cpath d='M57.0615 0C55.4045 0 54.023 1.3704 54.023 3.04953C54.023 4.72866 55.4045 6.09683 57.0615 6.09683C58.7184 6.09683 60.1693 4.72643 60.1693 3.04953C60.1693 1.37262 58.7878 0 57.0615 0Z' fill='%23EF3B24'/%3e%3cpath d='M33.6466 8.10938C29.5558 8.10938 25.7852 11.3166 25.7852 16.3495C25.7852 21.3825 29.6521 24.683 33.9959 24.683C37.5672 24.683 39.9451 22.8728 40.9527 20.5562L37.0119 19.0726C36.4969 20.0232 35.561 20.6273 34.0608 20.6273C32.1912 20.6273 30.5724 19.3702 30.4783 17.6089H41.4475C41.4788 17.5156 41.5438 16.7915 41.5438 16.1319C41.5438 11.1012 38.5322 8.1116 33.6488 8.1116M30.5746 14.5283C30.6709 13.3644 31.6852 11.8852 33.7138 11.8852C35.9976 11.8852 36.8216 13.3311 36.8843 14.5283H30.5746Z' fill='%23EF3B24'/%3e%3cpath d='M78.7567 19.9873L85.877 12.5556V8.6687H73.1165V12.711V12.8043H79.7061L72.9285 19.9562V24.1229H86.0001V20.0495V19.9873H78.7567Z' fill='%23EF3B24'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 17px);
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_head .close {
	top: 28px;
	right: 22px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .lypop_body {
	display: block;
	padding: 30px 44px 50px;
	align-items: flex-start;
	text-align: left;
}

.type2 .lypop_wrap.wType4 .desc {
	margin: 20px 0;
	font-size: 18px;
	line-height: 22px;
	color: #888;
}

.type2 .lypop_wrap.wType4 .desc.msize {
	margin: 50px 0 30px;
	font-size: 22px;
	line-height: 30px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .list_desc {
	margin: 50px 0 30px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .list_desc .desc {
	margin: 0;
	color: #141414;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .list_desc li {
	margin-top: 10px;
}

.jujuPopReport.type2 .lypop_wrap.wType4 .list_desc li:first-child {
	margin: 0;
}

.jujuPopReport.type2 .lypop_head {
	display: flex;
	align-items: center;
	position: relative;
	height: 96px;
	padding: 0 70px 0 30px;
}

.jujuPopReport.type2 .lypop_head .tit {
	flex: 1;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 34px;
	font-weight: 700;
	line-height: 42px;
	padding: 6px 0;
}

.jujuPopReport.type2 .lypop_head .close {
	position: absolute;
	right: 20px;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background: url('../images/web/icoClose.png') no-repeat 0 0;
	background-size: 100%;
}

.jujuPopReport.type2 .lypop_head::after {
	content: '';
	display: inline-block;
	width: 68px;
	height: 20px;
	background: url('../images/web/logoPop.png') no-repeat 0 0;
	background-size: 100%;
	position: absolute;
	left: 20px;
	top: calc(50% - 10px);
}

.jujuPopReport.type2 .lypop_body {
	padding: 30px 0 50px;
	justify-content: center;
	flex-direction: column;
	overflow-y: auto;
	max-height: 711px;
	-webkit-overflow-scrolling: touch;
	text-align: center;
}

.jujuPopReport.type2 .lypop_body .txt {
	position: relative;
	font-size: 48px;
	line-height: 42px;
	font-weight: 700;
}

.jujuPopReport.type2 .lypop_body .txt.complete {
	font-size: 30px;
	line-height: normal;
}

.jujuPopReport.type2 .lypop_body .mtxt {
	margin: 70px 0 24px;
	font-size: 30px;
	line-height: normal;
	font-weight: 700;
	color: #888;
}

.jujuPopReport.type2 .lypop_body .stxt {
	margin: 24px 0 50px;
	font-size: 18px;
	line-height: 22px;
	color: #313131;
}

.jujuPopReport.type2 .lypop_body .btn {
	text-align: center;
	margin-top: 60px;
}

.jujuPopReport.type2 .lypop_body .btn button {
	display: inline-block;
	width: 250px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	height: 54px;
	background: #141414;
}

.jujuPopReport.type2 .lypop_body .tit_h {
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}

.jujuPopReport.type2 .lypop_body .tit_h>span {
	font-size: 24px;
}

.jujuPopReport.type2 .lypop_body .inpTextarea {
	margin-top: 50px;
}

.jujuPopReport.type2 .lypop_foot {
	display: flex;
	border-top: 1px solid #d6d6d6;
}

.jujuPopReport.type2 .lypop_foot .btn {
	color: #313131;
	font-size: 16px;
	font-weight: 700;
	height: 60px;
	background: #ebebeb;
	flex: 1;
}

.jujuPopReport.type2 .lypop_foot .btn+.btn {
	border-left: 1px solid #d6d6d6;
}

.jujuPopReport.type2 {
	display: flex;
	flex-direction: column;
}

.jujuPopReport.type2 .lypop_wrap {
	opacity: 1;
}

.jujuPopReport.type3 {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	padding-top: 79px;
	border: 0;
}

.jujuPopReport.type3::before {
	content: '';
	position: absolute;
	top: 0;
	width: 448px;
	height: 6px;
	background: #ef3b24;
}

.jujuPopReport.type3 .logo_ex {
	position: absolute;
	left: 30px;
	top: 27px;
	padding-left: 95px;
	width: 195px;
	font-weight: 700;
}

.jujuPopReport.type3 .logo_ex::before {
	content: '';
	display: block;
	width: 86px;
	height: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='86' height='25' viewBox='0 0 86 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4633 8.20215C16.3631 8.20215 14.8584 8.88624 13.6359 10.6276C12.8522 9.1039 11.2535 8.20215 9.0279 8.20215C7.33517 8.20215 5.32897 9.07281 4.5453 10.441V8.66857H0V24.1228H4.76472V15.2296C4.76472 13.8303 5.67378 12.5554 7.33517 12.5554C8.99655 12.5554 9.84292 13.706 9.84292 15.1674V24.1228H14.5449V15.1985C14.5449 13.8303 15.454 12.5554 17.1467 12.5554C18.8395 12.5554 19.6231 13.706 19.6231 15.1674V24.1228H24.2311V14.1102C24.2311 9.91237 21.4099 8.20215 18.4633 8.20215Z' fill='%23EF3B24'/%3e%3cpath d='M47.785 10.752V8.66866H43.177V24.1229H47.9417V17.3752C47.9417 14.2968 49.6658 13.1774 51.578 13.1774C52.0482 13.1774 52.5497 13.2085 53.0826 13.3329V8.66866C52.7691 8.57537 52.2989 8.51318 51.8287 8.51318C50.5749 8.51318 48.6 9.0107 47.785 10.752Z' fill='%23EF3B24'/%3e%3cpath d='M59.4807 8.6687H54.716V24.1229H59.4807V8.6687Z' fill='%23EF3B24'/%3e%3cpath d='M68.101 4.1604H63.8379V6.15048C63.8379 7.58085 63.0542 8.66917 61.4241 8.66917H60.6405V12.8048H63.399V19.428C63.399 22.5064 65.3739 24.4032 68.6026 24.4032C70.1072 24.4032 70.8909 24.0612 71.079 23.9679V20.0499C70.7969 20.1121 70.3267 20.2054 69.8251 20.2054C68.7907 20.2054 68.101 19.8634 68.101 18.5885V12.8048H71.1417V8.66917H68.101V4.1604Z' fill='%23EF3B24'/%3e%3cpath d='M57.0615 0C55.4045 0 54.023 1.3704 54.023 3.04953C54.023 4.72866 55.4045 6.09683 57.0615 6.09683C58.7184 6.09683 60.1693 4.72643 60.1693 3.04953C60.1693 1.37262 58.7878 0 57.0615 0Z' fill='%23EF3B24'/%3e%3cpath d='M33.6466 8.10938C29.5558 8.10938 25.7852 11.3166 25.7852 16.3495C25.7852 21.3825 29.6521 24.683 33.9959 24.683C37.5672 24.683 39.9451 22.8728 40.9527 20.5562L37.0119 19.0726C36.4969 20.0232 35.561 20.6273 34.0608 20.6273C32.1912 20.6273 30.5724 19.3702 30.4783 17.6089H41.4475C41.4788 17.5156 41.5438 16.7915 41.5438 16.1319C41.5438 11.1012 38.5322 8.1116 33.6488 8.1116M30.5746 14.5283C30.6709 13.3644 31.6852 11.8852 33.7138 11.8852C35.9976 11.8852 36.8216 13.3311 36.8843 14.5283H30.5746Z' fill='%23EF3B24'/%3e%3cpath d='M78.7567 19.9873L85.877 12.5556V8.6687H73.1165V12.711V12.8043H79.7061L72.9285 19.9562V24.1229H86.0001V20.0495V19.9873H78.7567Z' fill='%23EF3B24'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 18px);
}

.jujuPopReport.type3 .txt {
	font-size: 28px;
	text-align: center;
	font-weight: 700;
}

.jujuPopReport.type3 .date {
	font-size: 20px;
	line-height: 25px;
	margin: 24px 0 40px;
	text-align: center;
}

.jujuPopReport.type3 .link {
	display: block;
	width: 242px;
	margin: 40px auto 24px;
	font-size: 20px;
	font-weight: 700;
	line-height: 54px;
	color: #fff;
	background: #141414;
	border-radius: 30px;
	text-align: center;
}

.jujuPopReport.type3 .popBtn {
	display: flex;
}

.jujuPopReport.type3 .popBtn a {
	flex: 1;
	font-size: 16px;
	font-weight: 700;
	line-height: 52px;
	color: #313131;
	background: #ebebeb;
	text-align: center;
	position: relative;
}

.jujuPopReport.type3 .popBtn a+a:before {
	content: '';
	width: 1px;
	height: 24px;
	background: #b9b9b9;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%)
}

/* //기존 화면 재작업 */


.jujuPopReport {
	position: fixed;
	width: 448px;
	border: 1px solid #777;
	border-top: 0;
	background: #fff;
	z-index: 1000;
	box-shadow: 4px 4px 2px 0 rgb(0, 0, 0, .09);
}

.jujuPopReport::before {
	content: '';
	position: absolute;
	top: -1px;
	width: 100%;
	height: 6px;
	background: #ef3b24;
}

.jujuPopReport_con {
	padding: 28px 30px 24px;
}

.jujuPopReport_con .tit {
	display: block;
	font-size: 18px;
	color: #141414;
	font-weight: 700;
	line-height: normal;
	position: relative;
	padding-left: 95.3px;
	position: relative;
}

.jujuPopReport_con .tit::before {
	content: '';
	display: block;
	width: 86px;
	height: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='86' height='25' viewBox='0 0 86 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.4633 8.20215C16.3631 8.20215 14.8584 8.88624 13.6359 10.6276C12.8522 9.1039 11.2535 8.20215 9.0279 8.20215C7.33517 8.20215 5.32897 9.07281 4.5453 10.441V8.66857H0V24.1228H4.76472V15.2296C4.76472 13.8303 5.67378 12.5554 7.33517 12.5554C8.99655 12.5554 9.84292 13.706 9.84292 15.1674V24.1228H14.5449V15.1985C14.5449 13.8303 15.454 12.5554 17.1467 12.5554C18.8395 12.5554 19.6231 13.706 19.6231 15.1674V24.1228H24.2311V14.1102C24.2311 9.91237 21.4099 8.20215 18.4633 8.20215Z' fill='%23EF3B24'/%3e%3cpath d='M47.785 10.752V8.66866H43.177V24.1229H47.9417V17.3752C47.9417 14.2968 49.6658 13.1774 51.578 13.1774C52.0482 13.1774 52.5497 13.2085 53.0826 13.3329V8.66866C52.7691 8.57537 52.2989 8.51318 51.8287 8.51318C50.5749 8.51318 48.6 9.0107 47.785 10.752Z' fill='%23EF3B24'/%3e%3cpath d='M59.4807 8.6687H54.716V24.1229H59.4807V8.6687Z' fill='%23EF3B24'/%3e%3cpath d='M68.101 4.1604H63.8379V6.15048C63.8379 7.58085 63.0542 8.66917 61.4241 8.66917H60.6405V12.8048H63.399V19.428C63.399 22.5064 65.3739 24.4032 68.6026 24.4032C70.1072 24.4032 70.8909 24.0612 71.079 23.9679V20.0499C70.7969 20.1121 70.3267 20.2054 69.8251 20.2054C68.7907 20.2054 68.101 19.8634 68.101 18.5885V12.8048H71.1417V8.66917H68.101V4.1604Z' fill='%23EF3B24'/%3e%3cpath d='M57.0615 0C55.4045 0 54.023 1.3704 54.023 3.04953C54.023 4.72866 55.4045 6.09683 57.0615 6.09683C58.7184 6.09683 60.1693 4.72643 60.1693 3.04953C60.1693 1.37262 58.7878 0 57.0615 0Z' fill='%23EF3B24'/%3e%3cpath d='M33.6466 8.10938C29.5558 8.10938 25.7852 11.3166 25.7852 16.3495C25.7852 21.3825 29.6521 24.683 33.9959 24.683C37.5672 24.683 39.9451 22.8728 40.9527 20.5562L37.0119 19.0726C36.4969 20.0232 35.561 20.6273 34.0608 20.6273C32.1912 20.6273 30.5724 19.3702 30.4783 17.6089H41.4475C41.4788 17.5156 41.5438 16.7915 41.5438 16.1319C41.5438 11.1012 38.5322 8.1116 33.6488 8.1116M30.5746 14.5283C30.6709 13.3644 31.6852 11.8852 33.7138 11.8852C35.9976 11.8852 36.8216 13.3311 36.8843 14.5283H30.5746Z' fill='%23EF3B24'/%3e%3cpath d='M78.7567 19.9873L85.877 12.5556V8.6687H73.1165V12.711V12.8043H79.7061L72.9285 19.9562V24.1229H86.0001V20.0495V19.9873H78.7567Z' fill='%23EF3B24'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 0;
	top: calc(50% - 17px);
}

.jujureport_con {
	padding-top: 37px;
	text-align: center;
}

.jujureport_con .heading {
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
	color: #141414;
	margin-bottom: 24px;
}

.jujureport_con .period {
	color: #313131;
	font-size: 20px;
	line-height: 25px;
}

.jujureport_con .textarea {
	display: flex;
	width: 722px;
	flex-direction: column;
}

.jujureport_con .textarea .inner {
	display: flex;
	border: 1px solid #c8c8c8;
	padding: 20px;
}

.jujureport_con .textarea textarea {
	border: 0;
	width: 100%;
	height: 123px;
	font-size: 20px;
}

.jujureport_con .textarea textarea::placeholder {
	font-size: 20px;
	color: #888;
	line-height: 20px;
}

.jujureport_con .textarea .desc {
	display: flex;
	margin-top: 10px;
}

.jujureport_con .textarea .desc .txt {
	color: #888;
	font-size: 18px;
	line-height: 22px;
	position: relative;
	padding-left: 16px;
}

.jujureport_con .textarea .desc .txt::before {
	content: '*';
	position: absolute;
	left: 0;
	top: 2px;
}

.jujureport_con .textarea .desc .cnt {
	margin-left: auto;
	font-size: 16px;
	font-weight: 700;
	color: #888;
	line-height: normal;
}

.jujureport_con .txt {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 13px;
	color: #aaa;
	line-height: 14px;
}

.jujureport_con .btn_wrap {
	margin: 24px 0 0;
}

.jujureport_con .btn_wrap.half {
	display: flex;
	max-width: 300px;
	margin: 24px auto 0;
	gap: 24px;
}

.jujureport_con .btn_go {
	display: block;
	background: #141414;
	width: 250px;
	height: 54px;
	color: #fff;
	font-size: 20px;
	line-height: 54px;
	font-weight: 700;
	letter-spacing: -0.32px;
	margin: 0 auto;
	border-radius: 30px;
}

.jujuPopReport_btn {
	display: flex;
	background: #ebebeb;
}

.jujuPopReport_btn>button {
	flex: 1;
	height: 52px;
	font-size: 16px;
	font-weight: 700;
	color: #313131;
	line-height: 34px;
	position: relative;
}

.jujuPopReport_btn>button+button:before {
	content: '';
	width: 1px;
	height: 24px;
	background: #b9b9b9;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%)
}

.pop002 .jujureport_con .heading {
	line-height: 40px;
}

.pop002 .jujureport_con .btn_wrap .btn_go {
	width: 250px;
	height: 54px;
	font-size: 20px;
	line-height: 54px;
	letter-spacing: -0.4px;
}

.pop003 {
	width: 810px;
}

.pop003 .jujuPopReport_con {
	padding-top: 40px;
}

.pop003 .jujureport_con {
	padding-bottom: 24px;
	padding-top: 65px;
}

.pop003 .jujureport_con .heading {
	font-size: 34px;
	margin-bottom: 50px;
}

.pop003 .jujureport_con .btn_wrap .btn_go {
	width: 250px;
	height: 54px;
	font-size: 20px;
	line-height: 54px;
	letter-spacing: -0.4px;
}

.pop003 .btn_popclose {
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.16374 9.50292C6.84211 9.21053 6.66667 8.80117 6.66667 8.33333C6.66667 7.4269 7.4269 6.66667 8.33333 6.66667C8.80117 6.66667 9.21053 6.84211 9.50292 7.16374L32.8363 30.4971C33.1579 30.7895 33.3333 31.1988 33.3333 31.6667C33.3333 32.5731 32.5731 33.3333 31.6667 33.3333C31.1988 33.3333 30.7895 33.1579 30.4971 32.8363L7.16374 9.50292ZM30.4971 7.16374C30.7895 6.84211 31.1988 6.66667 31.6667 6.66667C32.5731 6.66667 33.3333 7.4269 33.3333 8.33333C33.3333 8.80117 33.1579 9.21053 32.8363 9.50292L9.50292 32.8363C9.21053 33.1579 8.80117 33.3333 8.33333 33.3333C7.4269 33.3333 6.66667 32.5731 6.66667 31.6667C6.66667 31.1988 6.84211 30.7895 7.16374 30.4971L30.4971 7.16374Z' fill='%23141414'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	right: 20px;
	top: 28px;
}

.pop004 .jujureport_con .btn_go {
	height: 34px;
	line-height: 34px;
	border-radius: 500px;
	font-size: 16px;
}

html[lang="en"] .jujureport_con .heading {
	font-size: 28px;
	line-height: 40px;
}

html[lang="en"] .pop002 .jujuPopReport_con {
	padding-bottom: 24px;
}

html[lang="en"] .pop002 .jujureport_con .heading {
	font-size: 28px;
	line-height: 40px;
}

html[lang="en"] .pop003 .jujureport_con .heading {
	font-size: 34px;
	line-height: 34px;
}

html[lang="en"] .pop004 .jujureport_con .heading {
	font-size: 28px;
	line-height: 30px;
	letter-spacing: -0.5px;
}