/* ij���� css �߰� ���� 20231110 */
#chaImg01>picture>img,#chaImg02>picture>img{
    display:block;
    margin:60px auto;
    width:640px;
}
#chaImg03>picture>img{
    display:block;
    margin:60px auto;
    width:802px;
}
#cha02_Img01>picture>img{
    display:block;
    margin:60px auto;
    width:640px;
}
#cha02_Img02>picture>img{
    display:block;
    margin:60px auto;
    width:820px;
}
#cha03_Img01>picture>img{
    display:block;
    margin:60px auto;
    width:720px;
}
#cha03_Img02>picture>img{
    display:block;
    margin:60px auto;
    width:820px;
}
#cha04_Img01>picture>img,#cha05_Img01>picture>img,#cha06_Img01>picture>img,#cha07_Img01>picture>img,#cha08_Img01>picture>img,#cha09_Img01>picture>img{
    display:block;
    margin:60px auto;
    width:720px;
}   
#cha04_Img02>picture>img,#cha05_Img02>picture>img,#cha06_Img02>picture>img,#cha07_Img02>picture>img,#cha08_Img02>picture>img,#cha09_Img02>picture>img{
    display:block;
    margin:60px auto;
    width:820px;
}
/* ij���� css �߰� �� */

.accordion.history {
	margin-top: 60px;
	padding-bottom: 120px
}

.accordion.history .accordion-controls>li {
	font-size: 0
}

.accordion.history .accordion-controls>li+li {
	margin-top: 160px
}

.accordion.history .accordion-controls>li .accordion-btn {
	cursor: default;
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
	padding-right: 32px;
	pointer-events: none;
	position: -webkit-sticky;
	position: sticky;
	text-align: left;
	top: 164px;
	vertical-align: top;
	width: 322px;
	word-break: keep-all
}

.accordion.history .accordion-controls>li .accordion-cont {
	display: inline-block;
	scroll-margin: 164px;
	vertical-align: top;
	width: calc(100% - 322px)
}

.accordion.history .accordion-controls>li .accordion-cont .txt {
	color: #666;
	font-size: 24px
}

.accordion.history .accordion-controls>li .accordion-cont .txt>em {
	color: #222;
	font-weight: 600
}

.event-list-wrap {
	margin-top: 120px;
	padding-left: 64px;
	position: relative
}

.event-list-wrap>.rail-wrap {
	background-color: #eee;
	height: calc(100% - 18px);
	left: 15px;
	position: absolute;
	top: 18px;
	width: 2px
}

.event-list-wrap>.rail-wrap>.rail {
	background-color: #009178;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: height .5s ease;
	-o-transition: height .5s ease;
	transition: height .5s ease;
	width: 100%
}

.event-list-wrap .event-list>li {
	position: relative
}

.event-list-wrap .event-list>li>span {
	background-color: #aaa;
	border-radius: 50%;
	height: 10px;
	left: -53px;
	position: absolute;
	top: 16px;
	width: 10px
}

.event-list-wrap .event-list>li.active>span {
	background-color: #009178;
	height: 8px;
	left: -52px;
	width: 8px
}

.event-list-wrap .event-list>li.active:after {
	background-color: rgba(0, 132, 88, .2);
	border-radius: 50%;
	content: "";
	display: block;
	height: 20px;
	left: -58px;
	position: absolute;
	top: 10px;
	width: 20px
}

.event-list-wrap .event-list>li.active:before {
	background-color: rgba(0, 132, 88, .05);
	border-radius: 50%;
	content: "";
	display: block;
	height: 32px;
	left: -65px;
	position: absolute;
	top: 4px;
	width: 32px
}

.event-list-wrap .event-list>li>.month {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 16px
}

.event-list-wrap .event-list>li .set {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.event-list-wrap .event-list>li .set+.set {
	margin-top: 48px
}

.event-list-wrap .event-list>li .set p {
	padding-top: 4px
}

.event-list-wrap .event-list>li .set p.event {
	color: #666;
	font-size: 24px;
	line-height: 1.4;
	word-break: keep-all
}

.event-list-wrap .event-list>li .set p.event+img, .event-list-wrap .event-list>li .set>div+img
	{
	margin-left: 50px
}

.event-list-wrap .event-list>li .set>img {
	-webkit-box-flex: 0;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	width: 360px
}

.event-list-wrap .event-list>li .set .btn-wrap {
	margin-top: 24px
}

.event-list-wrap .event-list>li .set .btn-wrap button, .event-list-wrap .event-list>li .set .btn-wrap>a
	{
	min-width: 128px
}

.event-list-wrap .event-list>li .set .btn-wrap button button,
	.event-list-wrap .event-list>li .set .btn-wrap button+a,
	.event-list-wrap .event-list>li .set .btn-wrap>a button,
	.event-list-wrap .event-list>li .set .btn-wrap>a+a {
	margin-left: 8px
}

.event-list-wrap .event-list>li+li {
	margin-top: 120px
}

.event-list-wrap .event-list.esg>li .set>img {
	border: 1px solid #ddd
}

.year-list-wrap {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, .7);
	bottom: 0;
	display: none;
	height: 120px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 10
}

.year-list-wrap.absolute {
	position: absolute
}

.year-list-wrap .inner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	height: 100%;
	justify-content: center
}

.year-list-wrap .inner, .year-list-wrap .year-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.year-list-wrap .year-list {
	width: 85%
}

.year-list-wrap .year-list>.year-list-block {
	-webkit-box-flex: 1;
	border-top: 1px solid hsla(0, 0%, 100%, .3);
	-ms-flex: 1;
	flex: 1;
	height: 58px;
	position: relative
}

.year-list-wrap .year-list>.year-list-block:after {
	background-color: #b7b7b7;
	border-radius: 50%;
	content: "";
	display: block;
	height: 5px;
	left: -3px;
	position: absolute;
	top: -3px;
	width: 5px
}

.year-list-wrap .year-list>.year-list-block.active:after {
	background-color: #fff;
	height: 9px;
	left: -5px;
	top: -5px;
	width: 9px
}

.year-list-wrap .year-list>.year-list-block.active:before {
	background-color: hsla(0, 0%, 100%, .3);
	border-radius: 50%;
	content: "";
	display: block;
	height: 23px;
	left: -12px;
	position: absolute;
	top: -12px;
	width: 23px
}

.year-list-wrap .year-list>.year-list-block.active>a {
	opacity: 1
}

.year-list-wrap .year-list>.year-list-block>a {
	bottom: 0;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	left: 0;
	opacity: .6;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.year-list-wrap .year-list>.year-list-block>a>strong {
	font-size: 18px;
	font-weight: 700
}

.year-list-wrap .year-list>.year-list-block>span {
	background-color: #fff;
	height: 1px;
	left: 0;
	position: absolute;
	top: -1px;
	width: 0
}

.year-list-wrap .year-list>.year-list-block:last-child>p {
	bottom: 20px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	opacity: .6;
	position: absolute;
	right: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}

.year-list-wrap .year-list>.year-list-block:last-child .point {
	background-color: hsla(0, 0%, 100%, .6);
	border-radius: 50%;
	height: 5px;
	position: absolute;
	right: 0;
	top: -3px;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	width: 5px
}

.recruit-list {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	-ms-grid-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 80px
}

.recruit-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.recruit-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.recruit-list>li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: 1px solid #ddd;
	border-radius: 10px;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 280px;
	padding: 30px;
	-webkit-transition: border .4s ease, -webkit-box-shadow .4s ease;
	transition: border .4s ease, -webkit-box-shadow .4s ease;
	-o-transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease, -webkit-box-shadow .4s
		ease
}

.recruit-list>li, .recruit-list>li .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.recruit-list>li .title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px
}

.recruit-list>li .title>img {
	height: 34px
}

.recruit-list>li .title>a {
	background: #f2f2f2 url(../../img/ko/ico-home-g.svg) 50% no-repeat;
	background-size: 16px 16px;
	border-radius: 50%;
	height: 40px;
	width: 40px
}

.recruit-list>li>p {
	color: #666;
	font-size: 16px;
	line-height: 1.5;
	margin-top: auto
}

.global-map-wrap {
	margin-bottom: 80px;
	padding-top: 40px
}

.global-map-wrap, .global-map-wrap .global-map {
	position: relative
}

.global-map-wrap .global-map .map-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.global-map-wrap .global-map .map-wrap .map {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
	position: absolute;
	z-index: 2
}

.global-map-wrap .global-map .map-wrap .map.on {
	display: block
}

.global-map-wrap .global-map .map-wrap .map.asia {
	background-image: url(../../img/ko/info/asia.png);
	height: 60.61%;
	left: 20.73%;
	top: 32.31%;
	width: 34.5%
}

.global-map-wrap .global-map .map-wrap .map.america {
	background-image: url(../../img/ko/info/america.png);
	height: 100%;
	right: 0;
	top: .16%;
	width: 43.16%
}

.global-map-wrap .global-map .map-wrap .map.europe {
	background-image: url(../../img/ko/info/europe.png);
	height: 56.27%;
	left: 3.87%;
	top: 3.37%;
	width: 54.33%
}

.global-map-wrap .global-map .hover-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.global-map-wrap .global-map .hover-wrap .hover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
	position: absolute;
	z-index: 1
}

.global-map-wrap .global-map .hover-wrap .hover.on {
	display: block
}

.global-map-wrap .global-map .hover-wrap .hover.asia {
	background-image: url(../../img/ko/info/asia-hover.png);
	height: 60.61%;
	left: 20.73%;
	top: 32.31%;
	width: 34.5%
}

.global-map-wrap .global-map .hover-wrap .hover.america {
	background-image: url(../../img/ko/info/america-hover.png);
	height: 100%;
	right: 0;
	top: .16%;
	width: 43.16%
}

.global-map-wrap .global-map .hover-wrap .hover.europe {
	background-image: url(../../img/ko/info/europe-hover.png);
	height: 56.27%;
	left: 3.87%;
	top: 3.37%;
	width: 54.33%
}

.global-map-wrap .global-map .pin-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.global-map-wrap .global-map .pin-wrap .pin {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 3
}

.global-map-wrap .global-map .pin-wrap .pin.asia {
	background-image: url(../../img/ko/info/asia-pin.png);
	height: 47.26%;
	left: 26.45%;
	top: 37.28%;
	width: 21%
}

.global-map-wrap .global-map .pin-wrap .pin.america {
	background-image: url(../../img/ko/info/america-pin.png);
	height: 50.8%;
	right: 7.74%;
	top: 26.31%;
	width: 17.83%
}

.global-map-wrap .global-map .pin-wrap .pin.europe {
	background-image: url(../../img/ko/info/europe-pin.png);
	height: 31.83%;
	left: 5.55%;
	top: 23.23%;
	width: 20.75%
}

.global-map-wrap .global-map .pin-wrap .pin.on.asia {
	background-image: url(../../img/ko/info/asia-pin-on.png)
}

.global-map-wrap .global-map .pin-wrap .pin.on.america {
	background-image: url(../../img/ko/info/america-pin-on.png)
}

.global-map-wrap .global-map .pin-wrap .pin.on.europe {
	background-image: url(../../img/ko/info/europe-pin-on.png)
}

.global-map-wrap .global-map .btn-map-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.global-map-wrap .global-map .btn-map-wrap .btn-map {
	position: absolute;
	z-index: 4
}

.global-map-wrap .global-map .btn-map-wrap .btn-map#asia {
	height: 47.26%;
	left: 26.45%;
	top: 37.28%;
	width: 21%
}

.global-map-wrap .global-map .btn-map-wrap .btn-map#america {
	height: 80%;
	right: 0;
	top: .16%;
	width: 36.16%
}

.global-map-wrap .global-map .btn-map-wrap .btn-map#europe {
	height: 46%;
	left: 2%;
	top: 12%;
	width: 24.5%
}

.global-map-wrap .label {
	left: 50%;
	position: absolute;
	top: 80px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	z-index: 4
}

.global-map-wrap .label>div {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-evenly
}

.global-map-wrap .label>div>dl {
	text-align: center;
	width: 180px
}

.global-map-wrap .label>div>dl>dt {
	color: #a2a2a2;
	font-size: 18px;
	font-weight: 600
}

.global-map-wrap .label>div>dl>dd {
	color: #a2a2a2;
	font-size: 66px;
	font-weight: 600
}

.global-map-wrap .label>div>dl.on>dd, .global-map-wrap .label>div>dl.on>dt
	{
	color: #009178
}

.global-map-wrap .label>p {
	color: #666;
	font-size: 14px;
	margin-top: 6px;
	text-align: right
}

.global-map-wrap .label.year {
	left: auto;
	right: 0;
	top: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.global-filter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 70px
}

.global-filter .nation {
	padding-left: 52px;
	position: relative
}

.global-filter .nation>img {
	border-radius: 50%;
	height: 32px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 32px
}

.global-filter .nation>p {
	font-size: 30px;
	font-weight: 600
}

.global-filter .nation>p>span {
	font-size: 20px;
	font-weight: 400;
	vertical-align: baseline
}

.global-filter .sort {
	margin-bottom: 0
}

.global-network-list {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	-ms-grid-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 30px
}

.global-network-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.global-network-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.global-network-list>li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 280px;
	padding: 30px;
	position: relative;
	-webkit-transition: border .4s ease, -webkit-box-shadow .4s ease;
	transition: border .4s ease, -webkit-box-shadow .4s ease;
	-o-transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease, -webkit-box-shadow .4s
		ease
}

.global-network-list>li .badge {
	font-size: 0;
	margin-bottom: 20px
}

.global-network-list>li .badge span {
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 8px;
	vertical-align: top
}

.global-network-list>li .badge span+span {
	margin-left: 8px
}

.global-network-list>li .badge span.corporation {
	background-color: #fff;
	border: 1px solid #009178;
	color: #009178;
	font-weight: 700
}

.global-network-list>li .badge span.place {
	background-color: #fce4e3;
	color: #ce1d16
}

.global-network-list>li .badge span.office {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #666;
	font-weight: 600
}

.global-network-list>li .badge span.local {
	background-color: #fff5d6;
	color: #c66700
}

.global-network-list>li .tit {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 24px;
	padding-right: 112px
}

.global-network-list>li>div.info {
	margin-top: auto
}

.global-network-list>li>div.info>p {
	background-position: left top 3px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	color: #666;
	font-size: 16px;
	line-height: 1.5;
	padding-left: 24px
}

.global-network-list>li>div.info>p.address {
	background-image: url(../../img/ko/ico-address.svg)
}

.global-network-list>li>div.info>p.call {
	background-image: url(../../img/ko/ico-call.svg)
}

.global-network-list>li>div.info>p+p {
	margin-top: 16px
}

.global-network-list>li>div.button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 30px;
	top: 30px
}

.global-network-list>li>div.button>a {
	background-color: #f2f2f2;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border-radius: 50%;
	height: 40px;
	width: 40px
}

.global-network-list>li>div.button>a+a {
	margin-left: 16px
}

.global-network-list>li>div.button>a.homepage {
	background-image: url(../../img/ko/ico-home.svg)
}

.global-network-list>li>div.button>a.map {
	background-image: url(../../img/ko/ico-address.svg)
}

.global-network-list+.btn-wrap {
	margin-top: 60px
}

.organ-chart {
	margin-top: -28px
}

.organ-chart .refer {
	color: #888;
	font-size: 14px
}

.organ-chart>picture>img {
	display: block;
	margin: 96px auto 0;
	max-width: 100%
}

.organ-chart .etc {
	color: #666;
	font-size: 16px;
	margin-top: 40px
}

.talent-wrap {
	margin-top: 120px
}

.talent-wrap>picture>img {
	display: block;
	margin: 0 auto
}

.talent-wrap .left-tit {
	margin-top: 120px
}

.education-wrap #educationImg>img {
	display: block;
	margin: 120px auto
}

.education-wrap .editor .explain {
	color: #666;
	font-size: 24px;
	margin-bottom: 40px
}

.education-wrap .editor .edu-list {
	grid-column-gap: 60px;
	grid-row-gap: 80px;
	-ms-grid-columns: 1fr 60px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto
}

.education-wrap .editor .edu-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.education-wrap .editor .edu-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.education-wrap .editor .edu-list .img-wrap {
	border-radius: 10px;
	margin-bottom: 40px;
	margin-top: 0;
	overflow: hidden
}

.education-wrap .editor .edu-list .etc {
	color: #888;
	font-size: 16px;
	margin-top: 16px
}

.education-wrap .editor .edu-list .title {
	margin-bottom: 0
}

.education-wrap .editor .edu-list .title+.txt {
	margin-top: 24px
}

#subBanner>img {
	border-radius: 10px;
	display: block;
	margin: 40px auto 60px;
	overflow: hidden
}

#subBanner+.left-tit {
	margin-top: 120px
}

#banner {
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	overflow: hidden
}

.ethics .ethics-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 80px
}

.ethics .ethics-list>li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ethics .ethics-list>li+li {
	margin-left: 80px
}

.ethics .ethics-list>li .img-wrap {
	border-radius: 10px;
	margin-bottom: 41px;
	overflow: hidden
}

.ethics .ethics-list>li .img-wrap>img {
	width: 100%
}

.ethics .ethics-list>li .tit {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 24px
}

.ethics .ethics-list>li .tit>span {
	padding-right: 16px
}

.ethics .ethics-list>li .txt {
	color: #666;
	font-size: 24px;
	line-height: 1.33
}

.ethics .editor .icon-wrap {
	grid-row-gap: 80px;
	margin-top: 0
}

#ethicsImg>img {
	display: block;
	margin: 120px auto;
	width: 1063px
}

#humanRightsImg01>img {
	display: block;
	margin: 0 auto 80px;
	width: 878px
}

#humanRightsImg02>img {
	display: block;
	margin: 0 auto 60px;
	width: 515px
}

.human-rights-list {
	grid-column-gap: 30px;
	grid-row-gap: 80px;
	-ms-grid-columns: 1fr 30px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto
}

.human-rights-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.human-rights-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.human-rights-list.ethics {
	grid-column-gap: 100px
}

.human-rights-list.ethics>li .tit {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px
}

.human-rights-list.ethics+.btn-wrap {
	margin-top: 40px
}

.greeting-wrap>div+div {
	margin-top: 65px
}

.greeting-wrap>div.introduction {
	-ms-grid-columns: 1fr 478px;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 478px;
	grid-template-rows: auto;
	padding-top: 40px
}

.greeting-wrap>div.introduction>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.greeting-wrap>div.introduction>:nth-child(2) {
	-ms-grid-column: 2;
	-ms-grid-row: 1
}

.greeting-wrap>div.introduction .main-txt {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.greeting-wrap>div.introduction>img {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	height: 400px;
	-o-object-fit: contain;
	object-fit: contain;
	order: 2;
	width: auto
}

.greeting-wrap>div.introduction .intro-tit {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px
}

.greeting-wrap>div.introduction .sign {
	display: inline-block;
	font-size: 20px;
	font-weight: 600
}

.greeting-wrap>div.introduction .sign>img {
	display: inline-block;
	height: 54px;
	margin-left: 20px;
	vertical-align: middle;
	width: 100px
}

.greeting-wrap>div .txt-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px
}

.greeting-wrap>div .txt-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.greeting-wrap>div .txt-wrap .txt-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.greeting-wrap>div .txt-wrap .txt-box+.txt-box {
	margin-left: 40px
}

.greeting-wrap>div .txt-wrap .txt-box .txt {
	color: #666;
	font-size: 18px;
	line-height: 1.55
}

.greeting-wrap>div .txt-wrap .txt-box .txt+.txt {
	margin-top: 24px
}

.ciBanner {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 20px;
	overflow: hidden
}

.ciBanner img {
	display: block;
	margin: 0 auto;
	-o-object-fit: contain;
	object-fit: contain
}

.ciBanner+.txt {
	margin-top: 40px
}

#hanaCiMain {
	padding: 62px 24px
}

#hanaCiSymbol {
	padding: 40px 24px
}

#hanaCiLogoEn, #hanaCiLogoKor {
	padding: 50px 24px
}

#hanaCiBasic {
	padding: 40px 24px
}

#hanaCiStone {
	padding: 80px 24px
}

#hanaCi>colgroup col:first-of-type {
	width: 150px
}

#hanaCi>tbody>tr>th {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap
}

#visionMainImg>img {
	display: block;
	margin: 0 auto 100px
}

/* #visionImg00>img{width:706px
}

#visionImg01>img {
	width: 828px
}

#visionImg00>img{display:block; margin:40px auto -40px
}

#visionImg01>img, #visionImg02>img {
	display: block;
	margin: 40px auto 60px
}

#visionImg02>img {
	width: 706px
}

#visionImg03>img {
	display: block;
	margin: 40px auto 0;
	width: 464px
}

#visionImg04>img {
	display: block;
	margin: 40px auto 0;
	width: 802px
} */

/* 20230822 ���� ���� */
#visionImg00>img{
    display:block;
    margin:0px auto 0px;
	width:878px
}
#visionImg01>img{
	display:block;
    margin:80px auto 60px;
	width:878px
}
#visionImg02>img{
    display:block;
    margin:40px auto 60px;
	width:827px
}
#visionImg03>img{
    display:block;
    margin:40px auto 0;
    width:705px
}
#visionImg04>img{
    display:block;
    margin:40px auto 60px;
    width:463px
}
#visionImg05>img{
    display:block;
    margin:40px auto 0;
    width:878px
}
/* 20230822 ���� �� */

#hanaHonestyList > img {
  display: block;
  margin: 120px auto;
  width: 995px
}
#hanaValue > img {
  display: block;
  margin: 120px auto 80px;
  width: 1160px
}

.happy-bg-wrap {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 40px 0 120px
}

.happy-bg-wrap .txt, .happy-bg-wrap ul {
	color: #666;
	font-size: 24px
}

.happy-bg-wrap ul {
	margin-bottom: 40px
}

.happy-bg-wrap ul li+li {
	margin-top: 10px
}

.happy-bg-wrap .txt {
	line-height: 1.5
}

.happy-bg-wrap .txt>em {
	color: #009178;
	font-weight: 700
}

.happy-bg-wrap>img {
	height: 220px;
	width: 300px
}

.happy-rule-list {
	font-size: 0;
	margin-top: 80px
}

.happy-rule-list li {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33333% - 53.33333px)
}

.happy-rule-list li+li {
	margin-left: 80px
}

.happy-rule-list li .tit {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 24px
}

.happy-rule-list li .tit>span {
	font-weight: 600;
	margin-right: 16px
}

.happy-rule-list li .txt {
	color: #666;
	font-size: 24px
}

.happy-rule-list.small-txt {
	margin-top: 0
}

.happy-rule-list.small-txt li .tit {
	font-size: 20px;
	font-weight: 600
}

/* ����� css �߰� */
.talent-wrap p.title {
  font-size: 36px;
  font-weight: 700;
  /* margin-bottom: 30px; */
  text-align: center;
}
.Integrity-list {
  font-size: 0;
  margin-top: 40px
}
.Integrity-list li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33333% - 30.33333px)
}
.Integrity-list li + li {
  margin-left: 40px
}
.Integrity-list li .tit {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px
}
.Integrity-list li .tit > span.warmth {
  /* color: #cedc58; */
  color: #899900;
  font-weight: 700;
  margin-right: 16px
}
.Integrity-list li .tit > span.courage {
  color: #009178;
  font-weight: 700;
  margin-right: 16px
}
.Integrity-list li .tit > span.motive {
  /* color: #a7d8b7; */
  color: #689f7a;
  font-weight: 700;
  margin-right: 16px
}
.tbl-integrity {
  /*border-top: 2px solid #222;*/
  width: 100%
}
.tbl-integrity > thead > tr > th {
  background-color: #fff;
  font-weight: 700
}
.tbl-integrity > tbody > tr > th.motive, .tbl-integrity > thead > tr > th.motive {
  /* background-color: #a7d8b7 */
  background-color: #689f7a
}
.tbl-integrity > tbody > tr > th.courage, .tbl-integrity > thead > tr > th.courage {
  background-color: #009178
}
.tbl-integrity > tbody > tr > th, .tbl-integrity > thead > tr > th {
  font-size: 20px;
  height: 52px;
  /* background-color: #cedc58; */
  background-color: #899900;
  text-align: center !important;
  border-right: 1px solid #fff;
  color: #fff;
}
.tbl-integrity > tbody > tr > th {
  background-color: #f9fcfb;
  border-right: 1px solid #ddd;
  font-weight: 400;
  padding: 24px 40px;
  /*text-align: left*/
}

.tbl-integrity > tbody > tr > th.center {
  text-align: center !important
}
.tbl-integrity > tbody > tr > td.motive {
  border-bottom: 1px solid #a7d8b7
}
.tbl-integrity > tbody > tr > td.courage {
  border-bottom: 1px solid #009178
}
.tbl-integrity > tbody > tr > td {
  border-bottom: 1px solid #cedc58;
  /* border-right: 1px solid #ddd; */
  font-size: 16px;
  font-weight: 400;
  height: 75px;
  padding: 24px 10px;
  text-align: center;
}
.tbl-integrity > tbody > tr > td:last-child {
  border-right: 0
}
.tbl-integrity > tbody > tr > td.center {
  text-align: center !important
}
.tbl-integrity > tbody > tr.bold > td, .tbl-integrity > tbody > tr.bold > th {
  font-weight: 700
}
.tbl-integrity.left > tbody > tr > td {
  text-align: left
}
.tbl-integrity.center > tbody > tr > td, .tbl-integrity.center > tbody > tr > th {
  text-align: center
}
/* ����� css �߰� �� */

.happy-tab-wrap .txt-box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 60px
}

.happy-tab-wrap .txt-box>p {
	-webkit-box-flex: 1;
	color: #666;
	-ms-flex: 1;
	flex: 1;
	font-size: 18px;
	line-height: 1.2;
	padding-right: 40px
}

.happy-tab-wrap .txt-box>p>b {
	color: #222;
	display: block;
	font-size: 24px;
	line-height: 1.4;
	margin: 16px 0 60px;
	padding-left: 24px;
	position: relative
}

.happy-tab-wrap .txt-box>p>b.green {
	color: #009178
}

.happy-tab-wrap .txt-box>p>b:last-of-type {
	margin-bottom: 0
}

.happy-tab-wrap .txt-box>p>b:after, .happy-tab-wrap .txt-box>p>b:before
	{
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: inline-block;
	height: 16px;
	vertical-align: top;
	width: 16px
}

.happy-tab-wrap .txt-box>p>b:before {
	background-image: url(../../img/ko/ico-marks-left.svg);
	left: 0;
	position: absolute;
	top: 2px
}

.happy-tab-wrap .txt-box>p>b:after {
	background-image: url(../../img/ko/ico-marks-right.svg);
	margin: 2px 0 0 8px
}

.happy-tab-wrap .txt-box>img {
	border-radius: 10px;
	height: 212px;
	width: 361px
}

.network-company .company-info-wrap {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
		color-stop(83%, #f2f7fb), to(#f2f7fb));
	background-image: -o-linear-gradient(top, #fff, #f2f7fb 83%, #f2f7fb);
	background-image: linear-gradient(180deg, #fff, #f2f7fb 83%, #f2f7fb);
	margin-bottom: 160px
}

.network-company .company-info-wrap.bg-none {
	background-image: none
}

.network-company .company-info-wrap .company-info .logo-btn {
	margin-bottom: 40px
}

.network-company .company-info-wrap .company-info .logo-btn>img {
	height: 40px
}

.network-company .company-info-wrap .company-info .logo-btn .btn-circle
	{
	background-color: #f2f2f2;
	background-image: url(../../img/ko/ico-home.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	height: 40px;
	margin-left: 30px;
	width: 40px
}

.network-company .company-info-wrap .company-info .txt-box {
	margin-bottom: 120px
}

.network-company .company-info-wrap .company-info .txt-box .txt {
	color: #666;
	font-size: 24px
}

.network-company .company-info-wrap .company-info .txt-box .txt+.txt {
	margin-top: 40px
}

.network-company .company-info-wrap .company-info .txt-box .dl-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 60px
}

.network-company .company-info-wrap .company-info .txt-box .dl-list dl {
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1
}

.network-company .company-info-wrap .company-info .txt-box .dl-list dl dt
	{
	color: #666;
	font-size: 18px;
	margin-right: 16px;
	white-space: nowrap
}

.network-company .company-info-wrap .company-info .txt-box .dl-list dl dd
	{
	font-size: 18px;
	font-weight: 700
}

.network-company .company-info-wrap .company-info .person-box-wrap {
	background-image: url(../../img/ko/info/bg-hananetwork-info.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: auto 100%
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box
	{
	height: 400px;
	position: relative
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box .motto
	{
	font-size: 36px;
	font-weight: 700;
	line-height: 1.28;
	margin-bottom: 60px;
	width: 62.5%;
	word-break: keep-all
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box .motto>em
	{
	color: #009178;
	font-weight: 700
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box .name
	{
	color: #444;
	font-size: 24px
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box .name>b
	{
	color: #222;
	font-weight: 700;
	margin-left: 8px
}

.network-company .company-info-wrap .company-info .person-box-wrap .person-box>img
	{
	bottom: 0;
	position: absolute;
	right: 60px;
	width: 340px
}

.network-company .network-vision {
	margin-bottom: 120px
}

.network-company .network-vision .sub-tit {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 40px
}

.network-company>.inner+.inner {
	margin-top: 160px
}

.hanatown-wrap {
	margin-top: 60px;
	position: relative;
	width: 100%
}

.hanatown-wrap>.youtube-wrap {
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.hanatown-wrap>.youtube-wrap .btn-play {
	background: url(../../img/ko/btn-movie-play.svg) 50% no-repeat;
	border-radius: 50%;
	bottom: 60px;
	height: 100px;
	position: absolute;
	right: 60px;
	text-indent: -9999px;
	width: 100px
}

.hanatown-wrap .txt-box {
	bottom: 53px;
	display: inline-block;
	left: 60px;
	position: absolute;
	text-align: left;
	width: 640px
}

.hanatown-wrap .txt-box p {
	color: #fff;
	font-size: 24px;
	line-height: 1.5
}

.aboutus-wrap p.part {
	color: #009178;
	font-size: 20px;
	margin-bottom: 16px
}

.aboutus-wrap p.tit {
	font-size: 40px;
	font-weight: 700
}

.aboutus-wrap p.tit.right {
	text-align: right
}

.aboutus-wrap p.sub-tit {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 40px
}

.aboutus-wrap p.txt {
	color: #444;
	font-size: 24px
}

.aboutus-wrap p.txt b {
	color: #222
}

.aboutus-wrap .aboutus-top {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 777px
}

.aboutus-wrap .aboutus-top .tit.line {
	background-color: #fff;
	padding-right: 26px;
	position: relative
}

.aboutus-wrap .aboutus-top .tit.line:after {
	background-color: #222;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 26px;
	width: calc(100% + 397px);
	z-index: -1
}

.aboutus-wrap .aboutus-list {
	margin-bottom: 163px
}

.aboutus-wrap .aboutus-list>li {
	padding-left: 560px
}

.aboutus-wrap .aboutus-list>li+li:nth-of-type(2) {
	margin-top: 199px
}

.aboutus-wrap .aboutus-list>li+li:nth-of-type(3) {
	margin-top: 160px
}

.aboutus-wrap .aboutus-list>li.circle {
	background: url(../../img/ko/info/bg-circle.png) left 21px center
		no-repeat;
	background-size: 268px
}

.aboutus-wrap .aboutus-list>li.square {
	background: url(../../img/ko/info/bg-square.png) 0 no-repeat;
	background-size: 310px 210px
}

.aboutus-wrap .aboutus-list>li.triangle {
	background: url(../../img/ko/info/bg-triangle.png) left 35px center
		no-repeat;
	background-size: 240px 252px
}

.aboutus-banner {
	margin: 120px 0 167px;
	padding-right: 40px
}

.aboutus-banner #aboutusBanner {
	border-radius: 0 20px 20px 0;
	overflow: hidden;
	width: calc(50% + 615px)
}

.hanatown-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 120px
}

.hanatown-tab>li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 72px
}

.hanatown-tab>li>button {
	background-color: #fff;
	border: 1px solid #ddd;
	border-right: 0;
	color: #666;
	font-size: 20px;
	height: 100%;
	padding: 24px;
	text-align: center;
	width: 100%;
	word-break: keep-all
}

.hanatown-tab>li>button>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.hanatown-tab>li>button>div>div>p {
	color: #888;
	font-size: 20px
}

.hanatown-tab>li>button>div>div>p.year {
	font-size: 16px;
	margin-bottom: 2px
}

.hanatown-tab>li:first-child>button {
	border-radius: 10px 0 0 10px
}

.hanatown-tab>li:last-child>button {
	border-radius: 0 10px 10px 0;
	border-right: 1px solid #ddd
}

.hanatown-tab>li+li>button {
	border-left: 1px solid #ddd
}

.hanatown-tab>li.active>button {
	background-color: #f2f9f8;
	border-color: #009178;
	border-width: 2px;
	color: #009178;
	font-weight: 700
}

.hanatown-tab>li.active>button>div>div>p {
	color: #009178;
	font-weight: 700
}

.hanatown-tab>li.active+li>button {
	border-left-color: #009178;
	border-left-width: 2px
}

.hanatown-tab+.left-tit {
	margin-top: 120px
}

.growth-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 160px
}

.growth-wrap>div+div {
	margin-left: 10.5%
}

.growth-wrap>div.left-group {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.growth-wrap>div.left-group>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 40px
}

.growth-wrap>div.left-group>div>dl {
	width: 38.63%
}

.growth-wrap>div.left-group>div>dl:last-child {
	width: 22.74%
}

.growth-wrap>div.right {
	width: 23.5%
}

.growth-wrap>div.right>dl {
	padding-bottom: 40px
}

.growth-wrap>div dl dt {
	background-size: 40px 40px;
	font-size: 24px;
	font-weight: 700
}

.growth-wrap>div dl dd>p {
	color: #009178;
	font-size: 36px;
	font-weight: 700;
	margin-top: 14px
}

.growth-wrap>div dl dd>p:first-child {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.growth-wrap>div dl dd>p>span {
	font-size: 14px;
	font-weight: 400;
	margin-left: 4px
}

.growth-wrap>div dl dd>p.year {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	margin-top: 8px
}

.growth-wrap>div>p {
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	padding-top: 16px
}

#governOrganChart>img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

#activities>colgroup col:first-of-type {
	width: 149px
}

#activities>colgroup col:nth-of-type(2) {
	width: 200px
}

#activities>colgroup col:nth-of-type(3) {
	width: auto
}

#activities>colgroup col:nth-of-type(4) {
	width: 200px
}

#activities>thead>tr>th {
	background-color: #fff
}

#activities>tbody>tr>td, #activities>tbody>tr>th {
	text-align: center
}

#activities>tbody>tr>td:nth-last-child(2) {
	text-align: left !important
}

#activities>tbody>tr>td:last-child {
	color: #009178
}

.objective {
	margin-bottom: 120px
}

.objective+.ethics, .objective+.left-tit {
	margin-top: 120px
}

.objective>p {
	color: #666;
	font-size: 24px;
	line-height: 1.42
}

.objective>p>b {
	color: #222;
	font-weight: 700
}

.objective>p+p {
	margin-top: 24px
}

.director-rule .objective .revision-area {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	height: 240px;
	margin-top: 60px;
	overflow-y: auto;
	padding: 24px 6px 24px 24px
}

.director-rule .accordion .accordion-controls>li .accordion-btn {
	font-size: 24px
}

.director-rule .accordion .accordion-cont {
	border-top: 1px solid #ddd;
	padding: 40px
}

.director-rule .directory-wrap>div+div {
	margin-top: 60px
}

.director-rule .directory-wrap .tit {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.director-rule .directory-wrap .txt {
	color: #666;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5
}

.director-rule .directory-wrap .txt+.dot-list {
	margin-top: 24px
}

.director-rule .dot-list li {
	color: #666;
	font-size: 18px;
	padding-left: 11px;
	position: relative
}

.director-rule .dot-list li+li {
	margin-top: 16px
}

.director-rule .dot-list li:before {
	background-color: #888;
	border-radius: 50%;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 3px
}

#holderMeeting>colgroup col:first-of-type {
	width: auto
}

#holderMeeting>colgroup col:nth-of-type(2), #holderMeeting>colgroup col:nth-of-type(3)
	{
	width: 25%
}

#holderMeetingResult>colgroup col:first-of-type {
	width: 200px
}

#holderMeetingResult>colgroup col:nth-of-type(2) {
	width: auto
}

#holderMeetingResult>colgroup col:nth-of-type(3) {
	width: 200px
}

.holder-meeting .etc {
	margin-top: 16px
}

.holder-meeting .etc>p {
	color: #666;
	font-size: 16px
}

.executive-wrap .executive-box.management+.executive-box {
	margin-top: 40px
}

.executive-wrap .executive-box.management .executive-list>li {
	padding-bottom: 100px
}

.executive-wrap .executive-box.management .executive-list>li .executive-info
	{
	margin-top: 60px
}

.executive-wrap .executive-box+.executive-box {
	margin-top: 100px
}

.executive-wrap .executive-box>p {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.executive-wrap .executive-box .executive-list {
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto
}

.executive-wrap .executive-box .executive-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.executive-wrap .executive-box .executive-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.executive-wrap .executive-box .executive-list>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.executive-wrap .executive-box .executive-list>li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 40px
}

.executive-wrap .executive-box .executive-list>li .img-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.executive-wrap .executive-box .executive-list>li .img-wrap>img {
	-webkit-box-flex: 0;
	border-radius: 50%;
	-ms-flex: none;
	flex: none;
	-o-object-fit: contain;
	object-fit: contain;
	overflow: hidden;
	width: 51.36%
}

.executive-wrap .executive-box .executive-list>li .img-wrap>div p {
	white-space: nowrap
}

.executive-wrap .executive-box .executive-list>li .img-wrap>div p.name {
	font-size: 24px;
	font-weight: 700
}

.executive-wrap .executive-box .executive-list>li .img-wrap>div p.rank {
	color: #009178;
	font-size: 16px;
	font-weight: 600;
	margin-top: 8px
}

.executive-wrap .executive-box .executive-list>li .executive-info {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 40px
}

.executive-wrap .executive-box .executive-list>li .executive-info ul+ul
	{
	margin-top: 24px
}

.executive-wrap .executive-box .executive-list>li .executive-info ul li
	{
	color: #666;
	font-size: 16px;
	word-break: keep-all
}

.executive-wrap .executive-box .executive-list>li .executive-info ul li+li
	{
	margin-top: 10px
}

.executive-wrap .executive-box .executive-list>li .executive-info .data
	{
	color: #888;
	display: block;
	font-size: 14px;
	margin-top: auto;
	padding-top: 40px
}

.executive-wrap .executive-box .executive-list>li .executive-info .insurance
	{
	color: #666;
	font-size: 16px;
	margin-top: 24px
}

.executive-wrap .executive-box .tbl-top {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f9fcfb;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	padding: 24px 0
}

.executive-wrap .executive-box .tbl-top li {
	color: #666;
	font-size: 16px;
	padding-left: 24px;
	position: relative
}

.executive-wrap .executive-box .tbl-top li+li {
	margin-left: 24px
}

.executive-wrap .executive-box .tbl-top li:before {
	/* background-color: #009178; */
	background: linear-gradient(135deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), #009178;
    background-size: 4px 4px;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 3px;
	width: 16px
}

.executive-wrap .executive-box .tbl-top li.gray:before {
	/* background-color: #909090 */
	background: linear-gradient(90deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), linear-gradient(0deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), #909090;
    background-size: 6px 6px;
}
}

.executive-wrap .executive-box .etc {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin-top: 16px
}

.executive-wrap .executive-box .executive-mo {
	display: none
}

#executive>colgroup col:first-of-type {
	width: 143px
}

#executive>thead>tr:first-child>th:not(:first-child, :nth-of-type(2)) {
	padding-top: 28px;
	vertical-align: top
}

#executive>thead>tr:last-child {
	padding-bottom: 28px
}

#executive>thead>tr>th {
	border-bottom: 0;
	padding: 0 12px;
	word-break: keep-all;
}

#executive>tbody>tr:first-child {
	border-top: 1px solid #ddd
}

#executive>tbody>tr>th {
	padding: 0 8px;
	white-space: nowrap
}

#executive>tbody>tr>th.bold {
	font-weight: 600;
	padding: 0 40px
}

#executive>tbody>tr>td {
	position: relative
}

#executive>tbody>tr>td.pin:after {
	/* background-color: #009178; */
	background: linear-gradient(135deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), #009178;
    background-size: 4px 4px;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 16px
}

#executive>tbody>tr>td.pin.gray:after {
	/* background-color: #909090 */
	background: linear-gradient(90deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), linear-gradient(0deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent), #909090;
    background-size: 6px 6px;
}

.sub-right-img {
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	overflow: hidden
}

.esg-evaluation-wrap>.tit {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.esg-evaluation-wrap .evaluation-list {
	-ms-grid-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto
}

.esg-evaluation-wrap .evaluation-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.esg-evaluation-wrap .evaluation-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.esg-evaluation-wrap .evaluation-list>li {
	border: 1px solid #ddd;
	border-radius: 10px;
	height: 312px;
	padding: 40px
}

.esg-evaluation-wrap .evaluation-list>li>img {
	height: 60px;
	margin-bottom: 40px
}

.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li {
	color: #666;
	font-size: 18px;
	padding-left: 11px;
	position: relative
}

.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li+li {
	margin-top: 10px
}

.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li:before {
	background-color: #888;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 3px
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li {
	-webkit-box-flex: 1;
	color: #666;
	-ms-flex: 1;
	flex: 1;
	font-size: 18px;
	padding-top: 76px;
	text-align: center;
	white-space: nowrap
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs01 {
	background: url(../../img/ko/esg/bg-a-kcgs01.png) top no-repeat;
	background-size: 51px 60px
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs02 {
	background: url(../../img/ko/esg/bg-a-kcgs02.png) top no-repeat;
	background-size: 51px 60px
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs03 {
	background: url(../../img/ko/esg/bg-a-kcgs03.png) top no-repeat;
	background-size: 51px 60px
}

.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs04 {
	background: url(../../img/ko/esg/bg-a-kcgs04.png) top no-repeat;
	background-size: 51px 60px
}

.reference-wrap+.reference-wrap {
	margin-top: 80px
}

.reference-wrap>.sub-tit {
	font-size: 36px;
	font-weight: 700
}

.reference-wrap .reference-list {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 40px
}

.reference-wrap .reference-list>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.reference-wrap .reference-list>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.reference-wrap .reference-list>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.reference-wrap .reference-list>:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1
}

.reference-wrap .reference-list li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 250px;
	padding: 30px;
	-webkit-transition: border .4s ease, -webkit-box-shadow .4s ease;
	transition: border .4s ease, -webkit-box-shadow .4s ease;
	-o-transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease;
	transition: border .4s ease, box-shadow .4s ease, -webkit-box-shadow .4s
		ease
}

.reference-wrap .reference-list li p {
	font-size: 20px;
	font-weight: 700
}

.reference-wrap .reference-list li>.btn-link {
	margin-top: auto
}

.news-sns {
	margin-bottom: 40px;
	text-align: right
}

.news-sns>a {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 32px;
	width: 32px
}

.news-sns>a.tiktok {
	background-image: url(../../img/ko/esg/ico-tiktok.svg)
}

.news-sns>a.instagram {
	background-image: url(../../img/ko/esg/ico-instagram.svg)
}

.news-sns>a.youtube {
	background-image: url(../../img/ko/esg/ico-youtube.svg)
}

.news-sns>a.facebook {
	background-image: url(../../img/ko/esg/ico-facebook.svg)
}

.news-sns>a+a {
	margin-left: 16px
}

.esg-activity-wrap h2.mini-tit, .esg-activity-wrap h3.mini-tit,
	.esg-activity-wrap p.mini-tit {
	color: #009178;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 16px
}

.esg-activity-wrap h2.txt, .esg-activity-wrap h3.txt, .esg-activity-wrap p.txt
	{
	color: #666;
	font-size: 18px;
	line-height: 1.56
}

.esg-activity-wrap h2.txt+.tab, .esg-activity-wrap h3.txt+.tab,
	.esg-activity-wrap p.txt+.tab {
	margin-top: 100px
}

.esg-activity-wrap h2.txt+.tbl-wrap, .esg-activity-wrap h2.txt+.txt,
	.esg-activity-wrap h3.txt+.tbl-wrap, .esg-activity-wrap h3.txt+.txt,
	.esg-activity-wrap p.txt+.tbl-wrap, .esg-activity-wrap p.txt+.txt {
	margin-top: 24px
}

.esg-activity-wrap h2.txt>b, .esg-activity-wrap h3.txt>b,
	.esg-activity-wrap p.txt>b {
	color: #222
}

.esg-activity-wrap h2.sub-tit, .esg-activity-wrap h3.sub-tit,
	.esg-activity-wrap p.sub-tit {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 24px
}

.esg-activity-wrap h2.sub-tit.small, .esg-activity-wrap h3.sub-tit.small,
	.esg-activity-wrap p.sub-tit.small {
	font-size: 24px
}

.esg-activity-wrap h2.sub-txt, .esg-activity-wrap h3.sub-txt,
	.esg-activity-wrap p.sub-txt {
	color: #666;
	font-size: 24px
}

.esg-activity-wrap h2.sub-txt>b, .esg-activity-wrap h3.sub-txt>b,
	.esg-activity-wrap p.sub-txt>b {
	color: #222;
	font-weight: 700
}

.esg-activity-wrap h2.list-tit, .esg-activity-wrap h3.list-tit,
	.esg-activity-wrap p.list-tit {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.esg-activity-wrap h2.name, .esg-activity-wrap h3.name,
	.esg-activity-wrap p.name {
	color: #888;
	font-size: 16px;
	margin: 24px 0 60px
}

.esg-activity-wrap h2.name>b, .esg-activity-wrap h3.name>b,
	.esg-activity-wrap p.name>b {
	color: #222;
	font-weight: 600;
	margin-right: 10px
}

.esg-activity-wrap h2.title.question, .esg-activity-wrap h2.title.question-love,
	.esg-activity-wrap h3.title.question, .esg-activity-wrap h3.title.question-love,
	.esg-activity-wrap p.title.question, .esg-activity-wrap p.title.question-love
	{
	padding-left: 32px
}

.esg-activity-wrap h2.title.question, .esg-activity-wrap h3.title.question,
	.esg-activity-wrap p.title.question {
	background: url(../../img/ko/esg/ico-question.svg) 0 no-repeat
}

.esg-activity-wrap h2.title.question-love, .esg-activity-wrap h3.title.question-love,
	.esg-activity-wrap p.title.question-love {
	background: url(../../img/ko/esg/ico-question-love.svg) 0 no-repeat
}

.esg-activity-wrap #subBanner>img {
	margin-bottom: 24px;
	margin-top: 60px
}

.esg-activity-wrap .tit-btn-box {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.esg-activity-wrap .tit-btn-box .cont-title {
	margin-bottom: 0
}

.esg-activity-wrap .tit-btn-box>a {
	width: 180px
}

.esg-activity-wrap .activity-list-wrap {
	margin-top: 80px
}

.esg-activity-wrap .activity-list-wrap .activity-list {
	margin-top: 120px
}

.esg-activity-wrap .activity-list-wrap .activity-list li {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.esg-activity-wrap .activity-list-wrap .activity-list li+li {
	margin-top: 120px
}

.esg-activity-wrap .activity-list-wrap .activity-list li>img {
	-webkit-box-flex: 0;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	height: 323px;
	margin-right: 60px;
	overflow: hidden
}

.esg-activity-wrap .activity-list-wrap .activity-list li>div {
	margin-top: 10px
}

.esg-activity-wrap .top-wrap {
	border-radius: 10px;
	height: 420px;
	margin-bottom: 120px;
	overflow: hidden;
	padding: 60px
}

.esg-activity-wrap .top-wrap.daycare {
	background: url(../../img/ko/esg/bg-daycare-center.png) 50% no-repeat;
	background-size: cover
}

.esg-activity-wrap .top-wrap.daycare .txt-box .cont-title {
	margin-bottom: 30px
}

.esg-activity-wrap .top-wrap.activity {
	background: url(../../img/ko/esg/bg-activity.png) 50% no-repeat;
	background-size: cover
}

.esg-activity-wrap .top-wrap.foundation {
	background: url(../../img/ko/esg/bg-foundation.png) 50% no-repeat;
	background-size: cover
}

.esg-activity-wrap .top-wrap.volunteer {
	background: url(../../img/ko/esg/bg-volunteer.png) 50% no-repeat;
	background-size: cover
}

.esg-activity-wrap .top-wrap.power {
	background: url(../../img/ko/esg/bg-power.png) 50% no-repeat;
	background-size: cover
}

.esg-activity-wrap .top-wrap.power .txt-box .btn-round {
	width: 198px
}

.esg-activity-wrap .top-wrap .txt-box .cont-title {
	margin-bottom: 40px
}

.esg-activity-wrap .top-wrap .txt-box .cont-title+a {
	margin-top: 36px
}

.esg-activity-wrap .top-wrap .txt-box .txt {
	margin-top: 24px
}

.esg-activity-wrap .top-wrap .txt-box .txt+img {
	margin-top: 74px
}

.esg-activity-wrap .top-wrap .txt-box>img {
	height: 30px
}

.esg-activity-wrap .left-tit .editor .tbl-basic>tbody>tr>th {
	font-weight: 600
}

.esg-activity-wrap .left-tit .editor .human-rights-list {
	grid-column-gap: 60px
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li>img {
	border-radius: 10px;
	display: block;
	margin-bottom: 40px;
	overflow: hidden
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	border-top: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	padding-top: 20px
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>p {
	font-size: 16px;
	font-weight: 600
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div {
	-webkit-box-flex: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: none;
	flex: none
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	height: 32px;
	width: 32px
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a+a
	{
	margin-left: 16px
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a.youtube
	{
	background-image: url(../../img/ko/esg/ico-youtube.svg)
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a.instagram
	{
	background-image: url(../../img/ko/esg/ico-instagram.svg)
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a.tiktok
	{
	background-image: url(../../img/ko/esg/ico-tiktok.svg)
}

.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a.facebook
	{
	background-image: url(../../img/ko/esg/ico-facebook.svg)
}

.esg-activity-wrap .left-tit .editor .three-box>li {
	padding: 40px 0
}

.esg-activity-wrap .interview-wrap {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px
}

.esg-activity-wrap .interview-wrap .txt-left>.tit {
	color: #666;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px
}

.esg-activity-wrap .interview-wrap .txt-left>.text {
	color: #009178;
	font-size: 30px;
	font-weight: 700
}

.esg-activity-wrap .interview-wrap .img-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center
}

.esg-activity-wrap .interview-wrap .img-right img {
	height: 160px
}

.esg-activity-wrap .interview-wrap .img-right .person {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	margin-top: 20px
}

.esg-activity-wrap .interview-wrap .img-right .person>span {
	color: #888;
	font-weight: 400
}

.esg-activity-wrap .interview-wrap .img-right>div:first-child {
	margin-right: -45px;
	z-index: 2
}

.esg-activity-wrap .interview-wrap .img-right>div:nth-of-type(2) {
	margin-right: -45px;
	z-index: 1
}

.esg-activity-wrap .interview-wrap .img-right>div:last-child {
	z-index: -1
}

.esg-activity-wrap .interview-wrap .img-right>div.one {
	margin-right: 0
}

.esg-activity-wrap .power-txt-wrap {
	margin-bottom: 120px
}

.esg-activity-wrap .power-txt-wrap img {
	margin-bottom: 40px
}

.sub-right-center-img {
	border-radius: 10px;
	display: block;
	margin: 40px 0;
	overflow: hidden
}

#esgSubTopHalf {
	border-radius: 20px;
	display: block;
	margin: 0 auto;
	overflow: hidden
}

#daycareMap {
	margin-top: 40px
}

.esg-top {
	border-radius: 10px;
	height: 420px;
	margin-bottom: 120px;
	padding: 60px
}

.esg-top.env {
	background: #ebf6e4 url(../../img/ko/esg/bg-esg-enviroment.png)
		calc(100% - 120px) no-repeat;
	background-size: 279px 272px
}

.esg-top.env>em {
	color: #56b809
}

.esg-top.social {
	background: #fef7e7 url(../../img/ko/esg/bg-esg-social.png)
		calc(100% - 120px) no-repeat;
	background-size: 284px 188px
}

.esg-top.social>em {
	color: #f18d00
}

.esg-top.gov {
	background: #e5f2f9 url(../../img/ko/esg/bg-esg-gov.png)
		calc(100% - 120px) no-repeat;
	background-size: 292px 237px
}

.esg-top.gov>em {
	color: #1092d4
}

.esg-top>em {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 16px
}

.esg-top>h2 {
	font-size: 40px;
	margin-bottom: 30px
}

.esg-top>h2>br {
	display: none
}

.esg-top>p {
	color: #666;
	font-size: 18px;
	line-height: 28px;
	max-width: 58%;
	word-break: keep-all
}

.esg-top+.left-tit picture {
	display: block;
	text-align: center
}

.esg-box {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 40px;
	padding: 30px;
	text-align: center
}

.esg-box .tit {
	font-size: 20px;
	font-weight: 700;
	text-align: left
}

.esg-box picture {
	margin: 24px 0
}

.esg-box picture>img {
	max-width: 670px;
	width: 100%
}

.esg-box .bg-gray-txt {
	background: #f8f8f8;
	border-radius: 10px;
	color: #666;
	font-size: 18px;
	margin-bottom: 60px;
	padding: 27px 16px
}

.esg-box .bg-gray-txt:last-child {
	margin-bottom: 0
}

#carbonTb {
	margin-top: 40px
}

#carbonTb colgroup col:first-of-type {
	width: 193px
}

#carbonTb colgroup col:last-of-type {
	width: auto
}

#carbonTb td, #carbonTb th {
	font-size: 16px
}

#carbonTb th {
	border-right: 0;
	font-weight: 600;
	word-break: keep-all
}

#carbonTb td {
	color: #666;
	line-height: 1.6;
	word-break: keep-all
}

#carbonTb ul>li {
	padding-left: 11px;
	position: relative
}

#carbonTb ul>li:before {
	background: #666;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 11px;
	vertical-align: middle;
	width: 3px
}

#carbonTb ul>li+li {
	margin-top: 8px
}

#carbonTb ul>li>strong {
	color: #222
}

#envSystem {
	margin-top: 40px
}

#esgRiskManage {
	margin: 0 auto 40px;
	max-width: 805px;
	padding-top: 16px;
	width: 100%
}

#esgOrganization>img {
	display: block;
	margin: 0 auto
}

#compareOrganization col {
	width: auto
}

#compareOrganization col:first-of-type {
	width: 107px
}

#compareOrganization td, #compareOrganization th {
	word-break: keep-all
}

#compareOrganization th:first-of-type {
	padding: 24px 16px
}

#compareOrganization tbody th {
	font-weight: 600
}

.strategy-wrap picture {
	display: block;
	text-align: center
}

.statue-list, .strategy-img {
	margin-top: 120px
}

.statue-list .tooltip-wrap {
	display: inline-block;
	position: relative;
	vertical-align: top
}

.statue-list .tooltip-wrap button {
	color: transparent;
	font-size: 1px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px
}

.statue-list .tooltip-wrap .btn-tooltip {
	background: url(../../img/ko/ico-tooltip-round.png) 50% no-repeat;
	background-size: 100% auto
}

.statue-list .tooltip-wrap>span {
	background: #fff;
	border: 1px solid #009178;
	border-radius: 10px;
	bottom: 30px;
	color: #009178;
	display: none;
	font-size: 14px;
	letter-spacing: -.4px;
	line-height: 1.4;
	padding: 15px 40px 15px 16px;
	position: absolute;
	right: -34px;
	text-align: left;
	width: 384px
}

.statue-list .tooltip-wrap>span:after {
	background: url(../../img/ko/bg-key-info-tooltip.png) 50% no-repeat;
	background-size: 100% auto;
	bottom: -7px;
	content: "";
	display: inline-block;
	height: 7px;
	position: absolute;
	right: 33px;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	width: 15.5px
}

.statue-list .tooltip-wrap .btn-close {
	background: url(../../img/ko/ico-tooltip-close.png) 50% no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 16px;
	top: 16px
}

.statue-list__head {
	-ms-grid-columns: 198px 318px 1fr 198px;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 198px 318px 1fr 198px;
	grid-template-rows: auto;
	margin-bottom: 20px
}

.statue-list__head>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.statue-list__head>:nth-child(2) {
	-ms-grid-column: 2;
	-ms-grid-row: 1
}

.statue-list__head>:nth-child(3) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.statue-list__head>:nth-child(4) {
	-ms-grid-column: 4;
	-ms-grid-row: 1
}

.statue-list__head>p {
	border-right: 1px solid #ddd;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-align: center
}

.statue-list__head>p:first-of-type {
	border-left: 1px solid #ddd
}

.statue-list__content .set {
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

.statue-list__content .set+.set {
	margin-top: 40px
}

.statue-list__content .set.enviroment dl {
	background: #f6fcf2
}

.statue-list__content .set.enviroment dl dt {
	color: #429500
}

.statue-list__content .set.enviroment dl dd {
	background-image: url(../../img/ko/esg/ico-esg-imple-enviroment.png)
}

.statue-list__content .set.enviroment ol i {
	color: #429500
}

.statue-list__content .set.social dl {
	background: #fff9f2
}

.statue-list__content .set.social dl dt {
	color: #cc7800
}

.statue-list__content .set.social dl dd {
	background-image: url(../../img/ko/esg/ico-esg-imple-social.png)
}

.statue-list__content .set.social ol i {
	color: #cc7800
}

.statue-list__content .set.governance dl {
	background: #f2f9fd
}

.statue-list__content .set.governance dl dt {
	color: #1092d4
}

.statue-list__content .set.governance dl dd {
	background-image: url(../../img/ko/esg/ico-esg-imple-governance.png)
}

.statue-list__content .set.governance ol i {
	color: #1092d4
}

.statue-list__content dl {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 50px 0;
	text-align: center;
	width: 198px
}

.statue-list__content dl dd, .statue-list__content dl dt {
	font-weight: 700
}

.statue-list__content dl dt {
	font-size: 50px;
	line-height: 1.2
}

.statue-list__content dl dd {
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	font-size: 20px;
	margin-top: 30px;
	padding-top: 84px
}

.statue-list__content ol {
	padding: 0 30px;
	width: calc(100% - 198px)
}

.statue-list__content ol>li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 30px 0
}

.statue-list__content ol>li+li {
	border-top: 1px dashed #ddd
}

.statue-list__content ol>li .tit {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	padding: 0 30px 0 55px;
	position: relative;
	width: 288px;
	word-break: keep-all
}

.statue-list__content ol>li .tit>i {
	font-size: 30px;
	font-weight: 700;
	left: 3px;
	line-height: 1;
	position: absolute
}

.statue-list__content ol>li ul {
	-webkit-box-flex: 1;
	color: #666;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
	padding: 0 18px
}

.statue-list__content ol>li ul li {
	padding-left: 11px;
	position: relative
}

.statue-list__content ol>li ul li:before {
	background: #888;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 3px
}

.statue-list__content ol>li ul li+li {
	margin-top: 16px
}

.statue-list__content ol>li .img-wrap {
	font-size: 0;
	text-align: right;
	width: 168px
}

.statue-list__content ol>li .img-wrap>img {
	height: 40px;
	width: 43px
}

.statue-list__content ol>li .img-wrap>img+img {
	margin-left: 2px
}

.appraisal {
	margin-top: 120px
}

.appraisal>p {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.appraisal__set {
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: hidden
}

.appraisal__set+.appraisal__set {
	margin-top: 40px
}

.appraisal__set .top {
	-ms-grid-columns: 1fr 40px 220px;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 220px;
	grid-template-rows: auto;
	min-height: 230px;
	padding: 40px 30px
}

.appraisal__set .top>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.appraisal__set .top>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.appraisal__set .top>img {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	align-self: center;
	order: 2
}

.appraisal__set .top>div {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.appraisal__set .top>div>p {
	color: #666;
	font-size: 18px
}

.appraisal__set .top>div>p.tit {
	color: #222;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 24px
}

.appraisal__set .top>div>p.dot {
	padding-left: 11px;
	position: relative
}

.appraisal__set .top>div>p.dot+.dot {
	margin-top: 16px
}

.appraisal__set .top>div>p.dot:before {
	background-color: #666;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 3px
}

.appraisal__set .bottom {
	background-color: #fafafa;
	padding: 30px
}

.appraisal__set .bottom .tit {
	color: #009178;
	font-size: 18px;
	font-weight: 700
}

.appraisal__set .bottom>ul {
	font-size: 0
}

.appraisal__set .bottom>ul>li {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin-top: 16px;
	padding-left: 11px;
	position: relative;
	vertical-align: top;
	width: 50%
}

.appraisal__set .bottom>ul>li:before {
	background-color: #888;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 3px
}

.appraisal__set .bottom>ul.kcgs {
	margin-top: 16px
}

.appraisal__set .bottom>ul.kcgs>li {
	background-position: top;
	background-repeat: no-repeat;
	background-size: 51px 60px;
	font-size: 16px;
	margin-top: 0;
	padding-left: 0;
	padding-top: 72px;
	text-align: center;
	width: 95px;
	word-break: keep-all
}

.appraisal__set .bottom>ul.kcgs>li:before {
	display: none
}

.appraisal__set .bottom>ul.kcgs>li+li {
	margin-left: 40px
}

.appraisal__set .bottom>ul.kcgs>li.synthesize {
	background-image: url(../../img/ko/esg/bg-kcgs-synthesize.png)
}

.appraisal__set .bottom>ul.kcgs>li.environment {
	background-image: url(../../img/ko/esg/bg-kcgs-environment.png)
}

.appraisal__set .bottom>ul.kcgs>li.society {
	background-image: url(../../img/ko/esg/bg-kcgs-society.png)
}

.appraisal__set .bottom>ul.kcgs>li.govern {
	background-image: url(../../img/ko/esg/bg-kcgs-govern.png)
}

.initiative {
	-ms-grid-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 120px
}

.initiative>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.initiative>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.initiative__card {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px
}

.initiative__card>p {
	color: #666;
	font-size: 18px
}

.initiative__card>p.tit {
	color: #222;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 24px
}

.initiative__card>div {
	margin-top: auto;
	padding-top: 24px
}

.initiative__card>div>img {
	display: block;
	height: 100px;
	margin: 0 auto
}

.initiative__card>div>p {
	font-size: 16px;
	font-weight: 700;
	margin-top: 24px
}

.esg-finance {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 24px
}

.esg-finance>p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.esg-finance>img {
	-webkit-box-flex: 0;
	-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
	box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
	-ms-flex: none;
	flex: none;
	margin-left: 60px;
	width: 206px
}

.esg-finance+.btn-wrap {
	margin-top: 80px
}

.strategy-box>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.strategy-box>li+li {
	margin-top: 60px
}

.strategy-box>li:first-child .left-tit {
	margin-top: 54px
}

.strategy-box>li .left-tit {
	color: #009178;
	font-size: 20px;
	font-weight: 700;
	margin-right: 40px;
	padding-top: 20px;
	position: relative;
	width: 140px
}

.strategy-box>li .left-tit:before {
	background-color: #d9e4e4;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.strategy-box>li .tit-box {
	-webkit-box-flex: 1;
	background: url(../../img/ko/esg/bg-strategy-title.png) 50% no-repeat;
	background-size: 100%;
	-ms-flex: 1;
	flex: 1;
	height: 164px;
	text-align: center;
	width: 100%
}

.strategy-box>li .tit-box .title {
	background: url(../../img/ko/esg/ico-strategy-title.svg) 0 no-repeat;
	background-size: 71px 72px;
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	line-height: 71px;
	margin-top: 60px;
	padding-left: 71px
}

.strategy-box>li .cont-box {
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.strategy-box>li .cont-box>li {
	-webkit-box-flex: 1;
	background-color: #f9fcfb;
	border: 2px solid #d9e4e4;
	border-radius: 10px;
	-ms-flex: 1;
	flex: 1;
	padding: 50px 30px
}

.strategy-box>li .cont-box>li+li {
	margin-left: 20px
}

.strategy-box>li .cont-box>li .tit {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 50px
}

.strategy-box>li .cont-box>li .tit>span {
	color: #009178;
	margin-right: 20px
}

.strategy-box>li .cont-box>li .txt {
	color: #222;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.5px;
	line-height: 1.5;
	word-break: keep-all
}

.strategy-box>li .cont-box>li>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 200px
}

.strategy-box>li .cont-box>li>ul.bar-graph {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	border-bottom: 1px solid #ddd;
	justify-content: center;
	margin: 0 auto 40px
}

.strategy-box>li .cont-box>li>ul.bar-graph>li+li {
	margin-left: 9.3%
}

.strategy-box>li .cont-box>li>ul.bar-graph>li>b {
	display: block;
	font-size: 18px;
	margin-bottom: 13px
}

.strategy-box>li .cont-box>li>ul.bar-graph>li>div {
	border-radius: 10px 10px 0 0;
	position: relative;
	width: 80px
}

.strategy-box>li .cont-box>li>ul.bar-graph>li>div>p {
	bottom: 13px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.bond>b {
	color: #429500
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.bond>div {
	background-color: #429500;
	height: 154px
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.loan>b {
	color: #009178
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.loan>div {
	background-color: #009178;
	height: 154px
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.investment>b {
	color: #004E42
}

.strategy-box>li .cont-box>li>ul.bar-graph>li.investment>div {
	background-color: #004E42;
	height: 88px
}

.strategy-box>li .cont-box>li>ul.circle {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 40px
}

.strategy-box>li .cont-box>li>ul.circle>li {
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	height: 148px;
	padding: 30px 0;
	width: 148px
}

.strategy-box>li .cont-box>li>ul.circle>li+li {
	margin-left: 24px
}

.strategy-box>li .cont-box>li>ul.circle>li:first-child {
	background-color: #009178
}

.strategy-box>li .cont-box>li>ul.circle>li:last-child {
	background-color: #004E42;
	margin-top: 40px
}

.strategy-box>li .cont-box>li>ul.circle>li em, .strategy-box>li .cont-box>li>ul.circle>li>b
	{
	display: block;
	font-weight: 600
}

.strategy-box>li .cont-box>li>ul.circle>li>b {
	font-size: 30px
}

.strategy-box>li .cont-box>li>ul.circle>li>em {
	font-size: 12px;
	margin-top: 10px
}

.strategy-box>li .cont-box>li.env .tit, .strategy-box>li .cont-box>li.gov .tit,
	.strategy-box>li .cont-box>li.soc .tit {
	font-size: 30px;
	margin-bottom: 40px
}

.strategy-box>li .cont-box>li.env .txt, .strategy-box>li .cont-box>li.gov .txt,
	.strategy-box>li .cont-box>li.soc .txt {
	font-size: 24px;
	padding-top: 94px
}

.strategy-box>li .cont-box>li.env {
	background-color: #f6fcf2;
	border: 2px solid #dfecd4
}

.strategy-box>li .cont-box>li.env .tit {
	color: #429500
}

.strategy-box>li .cont-box>li.env .txt {
	background: url(../../img/ko/esg/ico-esg-imple-enviroment.png) top
		no-repeat;
	background-size: 64px 64px
}

.strategy-box>li .cont-box>li.soc {
	background-color: #fff9f2;
	border: 2px solid #f5e1c6
}

.strategy-box>li .cont-box>li.soc .tit {
	color: #cc7800
}

.strategy-box>li .cont-box>li.soc .txt {
	background: url(../../img/ko/esg/ico-esg-imple-social.png) top no-repeat;
	background-size: 64px 64px
}

.strategy-box>li .cont-box>li.gov {
	background-color: #f2f9fd;
	border: 2px solid #c8dde8
}

.strategy-box>li .cont-box>li.gov .tit {
	color: #1092d4
}

.strategy-box>li .cont-box>li.gov .txt {
	background: url(../../img/ko/esg/ico-esg-imple-governance.png) top
		no-repeat;
	background-size: 64px 64px
}

.ir-main>.top {
	background-color: #f5fbfa;
	margin-top: -120px;
	padding-bottom: 22px
}

.ir-main .earning {
	margin-bottom: 40px;
	-webkit-transform: translateY(-58px);
	transform: translateY(-58px)
}

.ir-main .earning__wrap {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-end;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(32, 59, 60, .95);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 200px;
	justify-content: space-between;
	padding: 40px
}

.ir-main .earning__wrap .left>h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700
}

.ir-main .earning__wrap .left>h2>em {
	color: #78fffb;
	font-weight: 700
}

.ir-main .earning__wrap .left>.notice {
	background: url(../../img/ko/main/ico-notice-w.svg) left top 1px
		no-repeat;
	background-size: 16px 16px;
	color: #fff;
	font-size: 14px;
	margin-top: 26px;
	padding: 0 0 0 24px
}

.ir-main .earning__wrap .right, .ir-main .earning__wrap .right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ir-main .earning__wrap .right>div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ir-main .earning__wrap .right>div>a+a {
	margin-top: 10px
}

.ir-main .earning__wrap .right>div.top>a {
	min-width: 148px
}

.ir-main .earning__wrap .right>div.top+.bottom {
	margin-left: 10px
}

.ir-main .earning__wrap .right>div.bottom>a {
	min-width: 178px
}

.ir-main .ir-card {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: 280px 40px 300px 40px 280px 40px 300px;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 280px, 300px);
	-webkit-transform: translateY(-58px);
	transform: translateY(-58px)
}

.ir-main .ir-card>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.ir-main .ir-card>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.ir-main .ir-card>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.ir-main .ir-card>:nth-child(4) {
	-ms-grid-column: 1;
	-ms-grid-row: 3
}

.ir-main .ir-card>:nth-child(5) {
	-ms-grid-column: 3;
	-ms-grid-row: 3
}

.ir-main .ir-card>:nth-child(6) {
	-ms-grid-column: 5;
	-ms-grid-row: 3
}

.ir-main .ir-card>li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: -3px 4px 20px 0 rgba(177, 201, 201, .35);
	box-shadow: -3px 4px 20px 0 rgba(177, 201, 201, .35);
	-ms-flex-direction: column;
	flex-direction: column;
	height: 280px
}

.ir-main .ir-card>li, .ir-main .ir-card>li .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ir-main .ir-card>li .head {
	-webkit-box-flex: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	border-bottom: 1px solid #eee;
	-ms-flex: none;
	flex: none;
	height: 58px;
	justify-content: space-between;
	padding: 0 30px
}

.ir-main .ir-card>li .head>a, .ir-main .ir-card>li .head>p {
	font-size: 18px;
	font-weight: 600
}

.ir-main .ir-card>li .head>a {
	background: url(../../img/ko/arrow-right.svg) 100% no-repeat;
	background-size: 16px 16px;
	padding-right: 32px;
	width: 100%
}

.ir-main .ir-card>li .body {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px
}

.ir-main .ir-card>li .body>p.share-sub {
	color: #444;
	font-size: 16px
}

.ir-main .ir-card>li .body>p.share-price {
	color: #000;
	font-size: 14px;
	font-weight: 700
}

.ir-main .ir-card>li .body>p.share-price>strong {
	font-size: 44px;
	margin-right: 6px
}

.ir-main .ir-card>li .body>p.share-info {
	color: #767676;
	font-size: 14px;
	margin-top: 32px
}

.ir-main .ir-card>li .body>p.share-info>span {
	margin-left: 12px;
	padding-left: 20px;
	position: relative
}

.ir-main .ir-card>li .body>p.share-info>span:before {
	background-color: #767676;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px
}

.ir-main .ir-card>li .body>p.share-info>span.up:before {
	border-bottom: 10px solid #ed1651
}

.ir-main .ir-card>li .body>p.share-info>span.down:before, .ir-main .ir-card>li .body>p.share-info>span.up:before
	{
	background-color: transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	height: 0;
	width: 0
}

.ir-main .ir-card>li .body>p.share-info>span.down:before {
	border-top: 10px solid #1c8ff0
}

.ir-main .ir-card>li#sharePrice {
	-ms-grid-row-span: 1;
	-ms-grid-column-span: 1;
	background-color: #effbf7;
	grid-area: 1/1/2/2;
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.ir-main .ir-card>li#sharePrice .body {
	background: url(../../img/ko/ir/bg-share-price.png) 100% 100% no-repeat;
	background-size: 208px 130px
}

.ir-main .ir-card>li#shareInfo {
	-ms-grid-row-span: 1;
	-ms-grid-column-span: 1;
	grid-area: 1/2/2/3;
	-ms-grid-column: 2;
	-ms-grid-row: 1
}

.ir-main .ir-card>li#shareInfo .body {
	background: url(../../img/ko/ir/bg-share-info.png) 100% 100% no-repeat;
	background-size: 120px 120px
}

.ir-main .ir-card>li#credit {
	-ms-grid-row-span: 1;
	-ms-grid-column-span: 1;
	grid-area: 1/3/2/4;
	-ms-grid-column: 3;
	-ms-grid-row: 1
}


.ir-main .ir-card>li#credit .body {
	padding: 36px 15px 0
}

.ir-main .ir-card>li#credit .credit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ir-main .ir-card>li#credit .credit>li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.ir-main .ir-card>li#credit .credit>li+li {
	border-left: 1px solid #eee
}

.ir-main .ir-card>li#credit .credit>li>p {
	color: #444;
	font-size: 16px
}

.ir-main .ir-card>li#credit .credit>li>p.long {
	color: #009178;
	font-size: 30px;
	font-weight: 800;
	margin-top: 10px;
	text-align: center
}

.ir-main .ir-card>li#credit .credit>li>p.long>span {
	position: relative
}

.ir-main .ir-card>li#credit .credit>li>p.long>span:after {
	background-color: #009178;
	bottom: 0;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%
}

.ir-main .ir-card>li#credit .credit>li>p.short {
	color: #003433;
	font-size: 30px;
	font-weight: 800
}

.ir-main .ir-card>li#credit .label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 24px
}

.ir-main .ir-card>li#credit .label>p {
	color: #666;
	font-size: 14px;
	padding-left: 16px;
	position: relative
}

.ir-main .ir-card>li#credit .label>p+p {
	margin-left: 14px
}

.ir-main .ir-card>li#credit .label>p:before {
	border-radius: 2px;
	content: "";
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px
}

.ir-main .ir-card>li#credit .label>p.long {
	text-decoration: underline
}

.ir-main .ir-card>li#credit .label>p.long:before {
	background-color: #009178
}

.ir-main .ir-card>li#credit .label>p.short:before {
	background-color: #003433
}

.hidden-label { 
	display: none;
	}
	
.ir-main .ir-card>li#management {
	-ms-grid-row-span: 1;
	-ms-grid-column-span: 2;
	grid-area: 2/1/3/3;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
	height: 300px
}

.ir-main .ir-card>li#management>ul, .ir-main .ir-card>li#management>ul>li
	{
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1
}

.ir-main .ir-card>li#management>ul>li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 30px
}

.ir-main .ir-card>li#management>ul>li+li {
	border-left: 1px solid #eee
}

.ir-main .ir-card>li#management>ul>li#result {
	background: url(../../img/ko/ir/bg-result.png) right 30px bottom 30px
		no-repeat;
	background-size: 63px 95px
}

.ir-main .ir-card>li#management>ul>li#annual {
	background: url(../../img/ko/ir/bg-annual.png) 100% 100% no-repeat;
	background-size: 180px 140px;
	position: relative
}

.ir-main .ir-card>li#management>ul>li#annual .body .cover {
	bottom: 24px;
	height: 96px;
	position: absolute;
	right: 0;
	width: 142px
}

.ir-main .ir-card>li#management>ul>li .head {
	border-bottom: 0;
	height: auto;
	padding: 0
}

.ir-main .ir-card>li#management>ul>li .body {
	padding: 0
}

.ir-main .ir-card>li#management>ul>li .body>p {
	font-size: 22px;
	font-weight: 700;
	margin-top: auto
}

.ir-main .ir-card>li#management>ul>li .body .btn-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 30px;
	text-align: left
}

.ir-main .ir-card>li#management>ul>li .body .btn-wrap>a {
	min-width: 128px
}

.ir-main .ir-card>li#management>ul>li .body .btn-wrap>a+a {
	margin-left: 0;
	margin-top: 10px
}

.ir-main .ir-card>li#idData {
	-ms-grid-row-span: 1;
	-ms-grid-column-span: 1;
	grid-area: 2/3/3/4;
	-ms-grid-column: 3;
	-ms-grid-row: 2;
	height: 300px
}

.ir-main .ir-card>li#idData .ir-data {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between
}

.ir-main .ir-card>li#idData .ir-data>li>a {
	background: url(../../img/ko/arrow-right.svg) 100% no-repeat;
	background-size: 16px 16px;
	width: 100%
}

.ir-main .ir-card>li#idData .ir-data>li>a>span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	font-weight: 600;
	min-height: 32px;
	padding-left: 40px
}

.ir-main .ir-card>li#idData .ir-data>li>a>span#detail {
	background-image: url(../../img/ko/ir/ico-ir-01.svg)
}

.ir-main .ir-card>li#idData .ir-data>li>a>span#report {
	background-image: url(../../img/ko/ir/ico-ir-02.svg)
}

.ir-main .ir-card>li#idData .ir-data>li>a>span#audit {
	background-image: url(../../img/ko/ir/ico-ir-03.svg)
}

.ir-main .ir-card>li#idData .ir-data>li>a>span#databook {
	background-image: url(../../img/ko/ir/ico-ir-04.svg)
}

.ir-main .mid {
	padding: 120px 0
}

.ir-main .mid .announce, .ir-main .mid .announce>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ir-main .mid .announce>div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 50%
}

.ir-main .mid .announce>div .head {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px
}

.ir-main .mid .announce>div .head>p {
	font-size: 30px;
	font-weight: 700
}

.ir-main .mid .announce>div .head>a {
	background: url(../../img/ko/arrow-right-long.svg) 100% no-repeat;
	background-size: 16px 16px;
	font-size: 16px;
	font-weight: 600;
	padding-right: 22px
}

.ir-main .mid .announce__company {
	padding-right: 60px
}

.ir-main .mid .announce__company>ul {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between
}

.ir-main .mid .announce__company>ul>li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ir-main .mid .announce__company>ul>li>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ir-main .mid .announce__company>ul>li>div>a {
	display: inline;
	font-size: 16px;
	font-weight: 600
}

.ir-main .mid .announce__company>ul>li .date {
	-webkit-box-flex: 0;
	color: #666;
	-ms-flex: none;
	flex: none;
	font-size: 14px;
	margin-left: 62px
}

.ir-main .mid .announce__management {
	padding-left: 20px
}

.ir-main .mid .announce__management>.download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100px
}

.ir-main .mid .announce__management>.download>div {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border-left: 1px solid #eee;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 20px;
	position: relative
}

.ir-main .mid .announce__management>.download>div>p {
	font-size: 16px;
	font-weight: 600
}

.ir-main .mid .announce__management>.download>div>a {
	margin-top: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.ir-main .ir-inquiry {
	background: url(../../img/ko/ir/bg-ir-inquiry.png) 50% no-repeat;
	background-size: cover;
	padding: 60px 0
}

.ir-main .ir-inquiry .wrap {
	position: relative
}

.ir-main .ir-inquiry .wrap>p {
	color: #fff;
	font-size: 18px;
	font-weight: 500
}

.ir-main .ir-inquiry .wrap>p.title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 32px
}

.ir-main .ir-inquiry .wrap>p.email {
	font-size: 24px;
	font-weight: 700;
	margin-top: 16px
}

.ir-main .ir-inquiry .wrap .btn-wrap {
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}



.earning {
	margin-bottom: 40px;
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px)
}

.sub-top+.sub-contents .earning {
	margin: 60px 0 -20px 0 
}

.earning__wrap {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-end;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(32, 59, 60, .95);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 200px;
	justify-content: space-between;
	padding: 40px
}

.earning__wrap .left>h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700
}

.earning__wrap .left>h2>em {
	color: #78fffb;
	font-weight: 700
}

.earning__wrap .left>.notice {
	background: url(../../img/ko/main/ico-notice-w.svg) left top 1px
		no-repeat;
	background-size: 16px 16px;
	color: #fff;
	font-size: 14px;
	margin-top: 26px;
	padding: 0 0 0 24px
}

.earning__wrap .left>.mb {
	margin: 0 0 16px 0
}

.earning__wrap .right, .earning__wrap .right>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.earning__wrap .right>div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.earning__wrap .right>div>p {
	color: #fff;
	font-size: 18px;
	margin: 0 30px 26px 0
}

.earning__wrap .right>div>a+a {
	margin-top: 10px
}

.earning__wrap .right>div.top>a {
	min-width: 148px
}

.earning__wrap .right>div.top2>a {
	min-width: 148px
}

.earning__wrap .right>div.top+.bottom {
	margin-left: 10px
}

.earning__wrap .right>div.top+.top {
	margin-left: 10px
}

.earning__wrap .right>div.bottom>a {
	min-width: 178px
}

.business-list-top {
	padding-bottom: 80px
}

#businessList [class^=tbl-grid__]>li {
	-ms-grid-columns: 13% 1fr 16.33% 17.16%;
	-ms-grid-rows: auto;
	grid-template-columns: 13% 1fr 16.33% 17.16%;
	grid-template-rows: auto
}

#businessList [class^=tbl-grid__]>li>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

#businessList [class^=tbl-grid__]>li>:nth-child(2) {
	-ms-grid-column: 2;
	-ms-grid-row: 1
}

#businessList [class^=tbl-grid__]>li>:nth-child(3) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

#businessList [class^=tbl-grid__]>li>:nth-child(4) {
	-ms-grid-column: 4;
	-ms-grid-row: 1
}

.business-list {
	background-color: #f8f8f8;
	padding: 60px 0 120px
}

.business-list ul, .business-list ul>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.business-list ul>li {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #fff;
	border-radius: 10px;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 32px 40px
}

.business-list ul>li+li {
	margin-left: 24px
}

.business-list ul>li>p {
	color: #666;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -.5px;
	margin-bottom: 24px
}

.business-list ul>li>p.tit {
	color: #222;
	font-weight: 700;
	margin-bottom: 16px
}

.business-list ul>li .btn-link {
	background-position: 100%;
	font-size: 14px;
	margin-top: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.ir .accordion-controls {
	border-top: 2px solid #222
}

.ir .accordion-controls>li {
	border-bottom: 1px solid #ddd
}

.ir .accordion-controls>li .accordion-btn {
	color: #888;
	font-size: 30px;
	font-weight: 700;
	min-height: 96px;
	padding: 16px 60px 16px 40px;
	position: relative;
	text-align: left;
	width: 100%
}

.ir .accordion-controls>li .accordion-btn:before {
	background: url(../../img/ko/arrow-down-g.svg) 50% no-repeat;
	background-size: 100% 100%;
	content: "";
	display: block;
	height: 24px;
	position: absolute;
	right: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px
}

.ir .accordion-controls>li .accordion-btn[aria-expanded=true] {
	color: #222
}

.ir .accordion-controls>li .accordion-btn[aria-expanded=true]:before {
	background-image: url(../../img/ko/arrow-up.svg)
}

.ir .accordion-controls>li .accordion-cont>ul {
	background-color: #f9fcfb;
	border-top: 1px solid #ddd;
	padding: 0 40px
}

.ir .accordion-controls>li .accordion-cont>ul>li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	justify-content: space-between;
	padding: 31px 52px 31px 32px
}

.ir .accordion-controls>li .accordion-cont>ul>li>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.ir .accordion-controls>li .accordion-cont>ul>li>div .btn-link+.btn-link {
    margin-left: 110px;
}

.ir .accordion-controls>li .accordion-cont>ul>li+li {
	border-top: 1px solid #ddd
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left>p
	{
	font-size: 24px;
	font-weight: 700;
	margin-right: 72px
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left>div>p
	{
	color: #666;
	font-size: 16px;
	font-weight: 400
}

.ir .accordion-controls>li .accordion-cont>ul>li.presentation {
	padding: 31px 0 31px 32px
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.right{
    flex-wrap: wrap;
    width: 570px
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.right>p
	{
    display: flex;
    align-items: center;
    height: 26px;
    width: 190px
}

.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div .btn-link+.btn-link
	{
	margin-left: 110px
}

.report-list .recent-wrap {
	position: relative
}

.report-list .recent-wrap .recent {
	background: #f5fbfa url(../../img/ko/ir/bg-annual-report-recent.png)
		100% no-repeat;
	background-size: contain;
	border-radius: 10px;
	height: 420px;
	overflow: hidden;
	padding: 40px;
	position: relative
}

.report-list .recent-wrap .recent>h2.title, .report-list .recent-wrap .recent>h3.title,
	.report-list .recent-wrap .recent>p.title {
	font-size: 40px;
	font-weight: 700;
	margin-top: 14px
}

.report-list .recent-wrap .recent>h2.year, .report-list .recent-wrap .recent>h3.year,
	.report-list .recent-wrap .recent>p.year {
	font-size: 24px;
	font-weight: 700
}

.report-list .recent-wrap .recent>h2.txt, .report-list .recent-wrap .recent>h3.txt,
	.report-list .recent-wrap .recent>p.txt {
	font-size: 24px;
	font-weight: 600;
	margin-top: 24px
}

.report-list .recent-wrap .recent>a {
	color: #222;
	font-weight: 600;
	margin-top: 24px
}

.report-list .recent-wrap .recent .recent-cover {
	bottom: 88px;
	height: 200px;
	position: absolute;
	right: 59px;
	width: 300px
}

.report-list .recent-wrap .recent .recent-cover.esg {
	right: 59px
}

.report-list .recent-wrap .recent-btn {
	bottom: 40px;
	font-size: 0;
	left: 0;
	padding: 0 40px;
	position: absolute;
	z-index: 1
}

.report-list .recent-wrap .recent-btn>a {
	min-width: 248px
}

.report-list .recent-wrap .recent-btn>a+a {
	margin-left: 16px
}

.report-list .recent-wrap.esg .recent {
	background-image: url(../../img/ko/esg/bg-esg-report-recent.png)
}

.report-list .recent-wrap.esg .recent-btn>a {
	min-width: 198px
}

.report-list .past {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 80px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 80px
}

.report-list .past>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.report-list .past>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.report-list .past>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.report-list .past>:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1
}

.report-list .past>li>p {
	font-size: 24px;
	font-weight: 700
}

.report-list .past>li .card {
	border-radius: 10px;
	isolation: isolate;
	margin-top: 16px;
	overflow: hidden;
	-webkit-transition: -webkit-box-shadow .4s ease;
	transition: -webkit-box-shadow .4s ease;
	-o-transition: box-shadow .4s ease;
	transition: box-shadow .4s ease;
	transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.report-list .past>li .card .img-wrap {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 66.6666666667%;
	position: relative;
	width: 100%
}

.report-list .past>li .card .img-wrap>img {
	display: block;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.report-list .past>li .card .img-wrap:after {
	border: 1px solid #ddd;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.report-list .past>li .card .button {
	border: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.report-list .past>li .card .button>a {
	-webkit-box-flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	height: 70px;
	justify-content: center;
	position: relative
}

.report-list .past>li .card .button>a>span {
	background: url(../../img/ko/ico-download-g.svg) 100% no-repeat;
	background-size: 16px 16px;
	font-size: 14px;
	font-weight: 600;
	padding-right: 26px
}

.report-list .past>li .card .button>a+a:before {
	background-color: #e5e5e5;
	content: "";
	display: block;
	height: 18px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px
}

.popup__body#creditRatingList01>p {
	color: #666;
	font-size: 18px
}

.popup__body#creditRatingList01 .set {
	margin-top: 40px
}

.popup__body#creditRatingList01 .set>.tit {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.popup__body#creditRatingList01 .set .tbl-wrap+.tbl-wrap {
	margin-top: 40px
}

.popup__body#creditRatingList01 .set .tbl-wrap .title {
	margin-bottom: 16px
}

.popup__body#creditRatingList01 .set .tbl-wrap .title .tit {
	font-size: 18px
}

.popup__body#creditRatingList01 [role=tabpanel] {
	padding-top: 40px
}

#creditRatingList02 .refer {
	font-size: 16px;
	margin-top: 16px
}

#highLights {
	height: 942px;
	width: 100%
}

#factSheet {
	height: 3250px;
	/* height: 1700px; */
	width: 100%
}

#sharePriceGraph {
	height: 1180px;
	width: 100%
}

#sharePriceGraph.touch {
	height: 1070px
}

#sharePriceLookup {
	height: 1030px;
	width: 100%
}

.media-room {
	margin-top: -180px;
	position: relative
}

.media-room:before {
	background: url(../../img/ko/mediaroom/bg-mediaroom.png) 50% no-repeat;
	background-size: 100% 100%;
	bottom: calc(100% - 42px);
	content: "";
	display: block;
	height: 265px;
	position: absolute;
	right: 18px;
	width: 293px
}

.media-room .media-search {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: -3px 4px 20px 0 rgba(201, 177, 196, .35);
	box-shadow: -3px 4px 20px 0 rgba(201, 177, 196, .35);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 96px;
	margin-bottom: 80px;
	padding: 0 40px;
	position: relative;
	width: 100%;
	z-index: 1
}

.media-room .media-search .input-set {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.media-room .media-search .input-set>input {
	border: 0;
	font-size: 24px;
	padding-left: 0;
	padding-right: 52px
}

.media-room .media-search .input-set>input::-webkit-input-placeholder {
	color: #666;
	font-size: inherit
}

.media-room .media-search .input-set>input::-moz-placeholder {
	color: #666;
	font-size: inherit
}

.media-room .media-search .input-set>input:-ms-input-placeholder {
	color: #666;
	font-size: inherit
}

.media-room .media-search .input-set>input::-ms-input-placeholder {
	color: #666;
	font-size: inherit
}

.media-room .media-search .input-set>input::placeholder {
	color: #666;
	font-size: inherit
}

.media-room .media-search .input-set .btn-del {
	background: url(../../img/ko/btn-del.svg) 50% no-repeat;
	background-size: 100% 100%;
	display: none;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px
}

.media-room .media-search .btn-search {
	background: url(../../img/ko/ico-search.svg) 50% no-repeat;
	background-size: 100% 100%;
	height: 22px;
	margin-left: 20px;
	width: 22px
}

.media-room .media-search .btn-search:disabled {
	cursor: default;
	opacity: 1;
	pointer-events: none
}

.media-room .gallery {
	grid-row-gap: 80px
}

.media-room .gallery+.btn-wrap {
	margin-top: 80px
}

.media-room .search-result {
	color: #666;
	font-size: 16px;
	margin-bottom: 50px
}

.media-room .search-result>em {
	color: #009178
}

.media-room .search-result>b {
	color: #222;
	font-weight: 600
}

.no-search-result {
	background: url(../../img/ko/ico-notice.svg) center 120px no-repeat;
	background-size: 64px 64px;
	color: #666;
	font-size: 18px;
	padding: 208px 0 120px;
	text-align: center
}

.no-search-result>em {
	color: #009178
}

.gray-box {
	background-color: #f9fcfb;
	margin-bottom: 60px;
	padding: 60px 0
}

.gray-box.wide {
	padding: 10px 0 80px;
	position: relative
}

.gray-box.wide:before {
	background-color: #f9fcfb;
	bottom: 100%;
	content: "";
	display: block;
	height: 200%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1
}

.gray-box.esg {
	margin-bottom: 80px;
	padding-bottom: 80px;
	padding-top: 120px
}

.gray-box .ratio-wrap {
	display: block;
	height: 0;
	padding-top: 37.7966101695%;
	position: relative;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap {
	font-size: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .left {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	width: 66%
}

.gray-box .ratio-wrap .flex-wrap .left .news-img-slide {
	border-radius: 10px;
	height: 100%;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .left .news-img-slide .swiper-slide>a {
	height: 100%;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .left .news-img-slide .swiper-slide img
	{
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .left .video-wrap {
	border-radius: 10px;
	height: 100%;
	isolation: isolate;
	overflow: hidden;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .left .video-wrap iframe {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .right {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	margin-left: 40px;
	width: calc(34% - 40px)
}

.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide {
	width: 100%
}

.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p
	{
	color: #666;
	font-size: 18px
}

.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.tit
	{
	color: #222;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 24px
}

.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.txt
	{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.date
	{
	color: #767676;
	font-size: 16px;
	margin-top: 40px
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: auto;
	position: relative
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-pagination
	{
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin: 0 40px;
	position: static;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-pagination .swiper-pagination-current
	{
	color: #222
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-prev
	{
	background: url(../../img/ko/arrow-left-ac.svg) 50% no-repeat;
	background-size: 100%;
	height: 16px;
	left: auto;
	margin: 0;
	padding: 0;
	position: static;
	top: auto;
	width: 16px
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-prev:after
	{
	display: none
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-next
	{
	background: url(../../img/ko/arrow-right-ac.svg) 50% no-repeat;
	background-size: 100%;
	height: 16px;
	left: auto;
	margin: 0;
	padding: 0;
	position: static;
	right: auto;
	top: auto;
	width: 16px
}

.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-next:after
	{
	display: none
}

.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap {
	overflow-y: auto
}

.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap p {
	color: #666;
	font-size: 18px;
	line-height: 1.6
}

.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap p.tit {
	color: #222;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 24px
}

.detail-view {
	border-top: 2px solid #222
}

.detail-view__header {
	border-bottom: 1px solid #ddd;
	padding: 32px 40px
}

.detail-view__header>p.title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.1px
}

.detail-view__header>p.date {
	color: #767676;
	font-size: 16px;
	margin-top: 16px
}

.detail-view__body {
	border-bottom: 1px solid #ddd
}

.detail-view__body .editor {
	padding: 60px 40px
}

.detail-view__body .editor p {
	color: #666;
	font-size: 18px;
	line-height: 1.6
}

.detail-view__body .editor strong {
	color: #222;
	font-weight: 600
}

.detail-view__body .editor img {
	display: block;
	margin: 40px auto;
	max-width: 100%
}

.detail-view__body .editor img:first-child {
	margin-top: 0
}

.detail-view__body .attatch {
	background-color: #f9fcfb;
	padding: 24px 40px
}

.detail-view__body+.list-slide-wrap {
	margin-top: 40px
}

.detail-view__footer {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-top: 40px
}

.detail-view__footer>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 76px;
	padding: 0 40px
}

.detail-view__footer>div+div {
	border-top: 1px solid #ddd
}

.detail-view__footer>div .direction {
	-webkit-box-flex: 0;
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	color: #888;
	-ms-flex: none;
	flex: none;
	font-size: 16px;
	margin-right: 40px;
	padding-right: 36px
}

.detail-view__footer>div>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detail-view__footer>div>div>a {
	display: inline;
	font-size: 16px;
	font-weight: 600
}

.detail-view__footer>div .no-article {
	font-size: 16px;
	font-weight: 600
}

.detail-view__footer>div .date {
	-webkit-box-flex: 0;
	color: #666;
	-ms-flex: none;
	flex: none;
	font-size: 16px;
	margin-left: 40px
}

.detail-view__footer>div.prev .direction {
	background-image: url(../../img/ko/arrow-up-g.svg)
}

.detail-view__footer>div.next .direction {
	background-image: url(../../img/ko/arrow-down-g.svg)
}

.notice-list>li {
	border-bottom: 1px solid #ddd;
	padding: 40px 0
}

.notice-list>li:first-child {
	padding-top: 0
}

.notice-list>li>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.notice-list>li>a .img-wrap {
	-webkit-box-flex: 0;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	height: 165px;
	overflow: hidden;
	width: 294px
}

.notice-list>li>a .img-wrap>img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%
}

.notice-list>li>a .right {
	padding: 12px 0 0 40px;
	width: calc(100% - 294px)
}

.notice-list>li>a .right>div>p {
	color: #666;
	font-size: 18px
}

.notice-list>li>a .right>div>p.tit {
	color: #222;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.notice-list>li>a .right>div>p.txt {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.notice-list>li>a .right>div>p.date {
	color: #767676;
	font-size: 16px;
	margin-top: 24px
}

.cf-list>li+li, .notice-list+.btn-wrap {
	margin-top: 60px
}

.cf-list>li>p {
	font-size: 24px;
	font-weight: 700
}

.cf-list>li>ul {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 16px
}

.cf-list>li>ul>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.cf-list>li>ul>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.cf-list>li>ul>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.cf-list>li>ul>li>a {
	width: 100%
}

.cf-list>li>ul>li .img-wrap {
	border-radius: 10px;
	display: block;
	height: 0;
	isolation: isolate;
	overflow: hidden;
	padding-top: 57.908847185%;
	position: relative;
	-webkit-transition: -webkit-box-shadow .4s ease;
	transition: -webkit-box-shadow .4s ease;
	-o-transition: box-shadow .4s ease;
	transition: box-shadow .4s ease;
	transition: box-shadow .4s ease, -webkit-box-shadow .4s ease;
	width: 100%
}

.cf-list>li>ul>li .img-wrap>img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%
}

.commercial-list>li+li {
	margin-top: 60px
}

.commercial-list>li>p {
	font-size: 24px;
	font-weight: 700
}

.commercial-list>li>ul {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 16px
}

.commercial-list>li>ul>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.commercial-list>li>ul>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.commercial-list>li>ul>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.commercial-list>li>ul>:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1
}

.commercial-list>li>ul>li>a {
	width: 100%
}

.commercial-list>li>ul>li .img-wrap {
	border-radius: 10px;
	display: block;
	height: 0;
	isolation: isolate;
	overflow: hidden;
	padding-top: 137.7777777778%;
	position: relative;
	-webkit-transition: -webkit-box-shadow .4s ease;
	transition: -webkit-box-shadow .4s ease;
	-o-transition: box-shadow .4s ease;
	transition: box-shadow .4s ease;
	transition: box-shadow .4s ease, -webkit-box-shadow .4s ease;
	width: 100%
}

.commercial-list>li>ul>li .img-wrap>img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%
}

.commercial-list+.btn-wrap {
	margin-top: 60px
}

.list-slide-wrap {
	position: relative
}

.list-slide-wrap .swiper-button-prev {
	background: url(../../img/ko/photo-slide-prev.png) 50% no-repeat;
	background-size: 100%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	height: 40px;
	left: -20px;
	margin: 0;
	padding: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px
}

.list-slide-wrap .swiper-button-prev:after {
	display: none
}

.list-slide-wrap .swiper-button-next {
	background: url(../../img/ko/photo-slide-next.png) 50% no-repeat;
	background-size: 100%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	height: 40px;
	left: auto;
	margin: 0;
	padding: 0;
	right: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px
}

.list-slide-wrap .swiper-button-next:after {
	display: none
}

.list-slide-wrap .list-slide {
	margin-left: -2px;
	margin-top: -2px;
	padding: 2px;
	position: relative;
	width: calc(100% + 4px)
}

.list-slide-wrap .list-slide .swiper-slide>a {
	width: 100%
}

.list-slide-wrap .list-slide .swiper-slide>a .img-wrap {
	overflow: hidden;
	position: relative
}

.list-slide-wrap .list-slide .swiper-slide>a .img-wrap>img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%
}

.list-slide-wrap .list-slide.commercial .swiper-slide>a .img-wrap {
	border-radius: 10px;
	display: block;
	height: 0;
	padding-top: 137.7777777778%;
	position: relative;
	width: 100%
}

.list-slide-wrap .list-slide.golf {
	margin-top: 60px
}

.list-slide-wrap .list-slide.golf .swiper-slide>a .img-wrap {
	background-color: #f5fbfa;
	border-radius: 10px;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 147.7777777778%;
	position: relative;
	width: 100%
}

.list-slide-wrap .list-slide.golf .swiper-slide>a .img-wrap>img {
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	top: auto;
	width: 100%
}

.list-slide-wrap .list-slide.golf .swiper-slide>a .name {
	font-size: 18px;
	font-weight: 700;
	left: 0;
	padding-left: 24px;
	position: absolute;
	top: 24px
}

.list-slide-wrap+.btn-wrap {
	margin-top: 40px
}

.left-tit__set {
	font-size: 0;
	position: relative
}

.left-tit__set+.left-tit__set {
	margin-top: 160px
}

.left-tit__set--title {
	display: inline-block;
	vertical-align: top;
	width: 322px
}

.left-tit__set--title.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 164px
}

.left-tit__set--title>h2.tit, .left-tit__set--title>h3.tit,
	.left-tit__set--title>p.tit {
	font-size: 36px;
	font-weight: 700;
	padding-right: 40px;
	word-break: keep-all
}

.left-tit__set--title>h2.tit+.btn-link, .left-tit__set--title>h3.tit+.btn-link,
	.left-tit__set--title>p.tit+.btn-link {
	margin-top: 40px
}

.left-tit__set--title>.btn-line {
	margin-top: 40px;
	width: 180px
}

.left-tit__set--title>img {
	display: block;
	height: 40px;
	margin-bottom: 40px
}

.left-tit__set--title+.left-tit__set--cont {
	width: calc(100% - 322px)
}

.left-tit__set--cont {
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.left-tit__set--cont .photo-slide+.editor {
	margin-top: 80px
}

.editor {
	font-size: 18px
}

.editor>.group+.group {
	margin-top: 80px
}

.editor>.group+.group.gap-160 {
	margin-top: 160px
}

.editor>.group picture+.txt {
	margin-top: 40px
}

.editor .img-box {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background-color: #fafafa;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 230px;
	justify-content: center;
	margin-bottom: 40px
}

.editor .img-box>img {
	max-height: 81.3%
}

.editor p.txt {
	color: #666;
	font-size: 18px;
	line-height: 1.6
}

.editor p.txt+.txt {
	margin-top: 24px
}

.editor p.txt+.sub-tit {
	margin-top: 40px
}

.editor p.txt+.title {
	margin-top: 60px
}

.editor p.txt+.btn-wrap {
	margin-top: 24px
}

.editor p.txt>em {
	color: #222;
	font-weight: 600
}

.editor p.txt>b {
	color: #009178
}

.editor p.txt.big {
	color: #666;
	font-size: 24px
}

.editor p.txt.big>b {
	color: #222;
	font-weight: 700
}

.editor p.txt.gray-box {
	background-color: #fafafa;
	border-radius: 10px;
	margin-top: 40px;
	padding: 40px
}

.editor p.title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px
}

.editor p.title+.num {
	margin-top: 40px
}

.editor p.sub-tit {
	color: #009178;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 24px
}

.editor p.sub-tit.gray {
	color: #444;
	font-weight: 400
}

.editor p.txt-refer {
	background: url(../../img/ko/ico-refer.svg) left top 2px no-repeat;
	color: #666;
	font-size: 16px;
	margin-top: 40px;
	padding-left: 20px
}

.editor p.sub-txt {
	color: #666;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 24px
}

.editor p.middle-tit {
	color: #666;
	font-size: 24px
}

.editor p.middle-tit>b {
	color: #222
}

.editor p.middle-tit+.middle-tit, .editor ul+.sub-tit, .editor ul.dot-list+.dot-list
	{
	margin-top: 40px
}

.editor ul.dot-list>li {
	color: #666;
	font-size: 18px;
	line-height: 1.56;
	padding-left: 8px;
	position: relative
}

.editor ul.dot-list>li:before {
	background-color: #888;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 3px
}

.editor ul.dot-list>li+li {
	margin-top: 16px
}

.editor ul.dot-list>li>mark {
	background-color: #e6f4f1;
	color: #222
}

.editor ul.dot-list.num li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0
}

.editor ul.dot-list.num li+li {
	margin-top: 17px
}

.editor ul.dot-list.num li:before {
	display: none
}

.editor ul.dot-list.num li>em {
	-webkit-box-flex: 0;
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #888;
	display: inline-block;
	-ms-flex: none;
	flex: none;
	font-size: 12px;
	height: 22px;
	line-height: 21px;
	margin-right: 8px;
	margin-top: 3px;
	text-align: center;
	vertical-align: text-bottom;
	width: 22px
}

.editor ul.dot-list.num li b {
	color: #222;
	font-weight: 600
}

.editor ul.dot-list.num+.btn-wrap {
	margin-top: 24px
}

.editor ul.dot-list.network>li {
	font-size: 24px
}

.editor ul.dot-list.network>li:before {
	top: 15px
}

.editor ul.dot-list.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 24px
}

.editor ul.dot-list.row li {
	font-weight: 700
}

.editor ul.dot-list.row li+li {
	margin-left: 40px;
	margin-top: 0
}

.editor ul.lpga-list>li {
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 40px 0
}

.editor ul.lpga-list>li .img-wrap {
	-webkit-box-flex: 0;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	height: 180px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 282px
}

.editor ul.lpga-list>li .img-wrap>img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

.editor ul.lpga-list>li .cont {
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding-left: 40px
}

.editor ul.lpga-list>li .cont>p {
	color: #009178;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px
}

.editor ul.three-box {
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	-ms-grid-columns: 1fr 25px 1fr 25px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto
}

.editor ul.three-box>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.editor ul.three-box>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.editor ul.three-box>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.editor ul.three-box li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding: 40px 30px
}

.editor ul.three-box li p {
	font-size: 18px;
	line-height: 1.56;
	text-align: center
}

.editor ul.three-box li p b {
	font-weight: 600
}

.editor+.photo-slide {
	margin-top: 80px
}

.editor .icon-wrap {
	grid-column-gap: 80px;
	grid-row-gap: 80px;
	-ms-grid-columns: 1fr 80px 1fr;
	-ms-grid-rows: auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	margin-top: 40px
}

.editor .icon-wrap>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.editor .icon-wrap>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.editor .icon-wrap>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.editor .icon-wrap>li i {
	-webkit-box-flex: 0;
	background-color: #f9fcfb;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border-radius: 10px;
	display: block;
	-ms-flex: none;
	flex: none;
	height: 88px;
	width: 88px
}

.editor .icon-wrap>li i.pay {
	background-image: url(../../img/ko/info/ico-pay.svg)
}

.editor .icon-wrap>li i.reward {
	background-image: url(../../img/ko/info/ico-reward.svg)
}

.editor .icon-wrap>li i.house {
	background-image: url(../../img/ko/info/ico-house.svg)
}

.editor .icon-wrap>li i.loan {
	background-image: url(../../img/ko/info/ico-loan.svg)
}

.editor .icon-wrap>li i.expenses {
	background-image: url(../../img/ko/info/ico-expenses.svg)
}

.editor .icon-wrap>li i.medical {
	background-image: url(../../img/ko/info/ico-medical.svg)
}

.editor .icon-wrap>li i.tuition {
	background-image: url(../../img/ko/info/ico-tuition.svg)
}

.editor .icon-wrap>li i.health {
	background-image: url(../../img/ko/info/ico-health.png)
}

.editor .icon-wrap>li i.condo {
	background-image: url(../../img/ko/info/ico-condo.svg)
}

.editor .icon-wrap>li i.marriage {
	background-image: url(../../img/ko/info/ico-marriage.svg)
}

.editor .icon-wrap>li i.labor {
	background-image: url(../../img/ko/info/ico-labor.svg)
}

.editor .icon-wrap>li i.club {
	background-image: url(../../img/ko/info/ico-club.svg)
}

.editor .icon-wrap>li i.accident {
	background-image: url(../../img/ko/info/ico-accident.svg)
}

.editor .icon-wrap>li i.lodging {
	background-image: url(../../img/ko/info/ico-lodging.svg)
}

.editor .icon-wrap>li i.family {
	background-image: url(../../img/ko/info/ico-family.svg)
}

.editor .icon-wrap>li i.together {
	background-image: url(../../img/ko/info/ico-get-together.svg)
}

.editor .icon-wrap>li i.camp {
	background-image: url(../../img/ko/info/ico-camp.svg)
}

.editor .icon-wrap>li i.event {
	background-image: url(../../img/ko/info/ico-event.svg)
}

.editor .icon-wrap>li i.stress {
	background-image: url(../../img/ko/info/ico-stress.svg)
}

.editor .icon-wrap>li i.program {
	background-image: url(../../img/ko/info/ico-program.svg)
}

.editor .icon-wrap>li i.speed {
	background-image: url(../../img/ko/info/ico-speed.svg)
}

.editor .icon-wrap>li i.knowhow {
	background-image: url(../../img/ko/info/ico-knowhow.svg)
}

.editor .icon-wrap>li i.happy-family {
	background-image: url(../../img/ko/info/ico-happy-family.svg)
}

.editor .icon-wrap>li i.young {
	background-image: url(../../img/ko/info/ico-young.svg)
}

.editor .icon-wrap>li i.divide {
	background-image: url(../../img/ko/info/ico-divide.svg)
}

.editor .icon-wrap>li i.future {
	background-image: url(../../img/ko/info/ico-future.svg)
}

.editor .icon-wrap>li i.secret {
	background-image: url(../../img/ko/info/ico-secret.svg)
}

.editor .icon-wrap>li i.identi {
	background-image: url(../../img/ko/info/ico-identi.svg)
}

.editor .icon-wrap>li i.responsible {
	background-image: url(../../img/ko/info/ico-responsible.svg)
}

.editor .icon-wrap>li i.prize {
	background-image: url(../../img/ko/info/ico-prize.svg)
}

.editor .icon-wrap>li p {
	color: #666;
	font-size: 18px;
	margin-left: 24px
}

.editor .icon-wrap>li p>b {
	color: #222;
	display: block;
	margin-bottom: 16px
}

.editor .icon-wrap>li p>span {
	color: #888;
	display: block;
	font-size: 16px;
	margin-top: 16px
}

.editor .icon-wrap.col {
	display: block
}

.editor .icon-wrap.col>li+li {
	margin-top: 40px
}

.editor .icon-wrap.grid {
	-ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 0;
	grid-row-gap: 80px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto
}

.editor .icon-wrap.grid>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.editor .icon-wrap.grid>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.editor .icon-wrap.grid>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.editor .icon-wrap.grid>:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1
}

.editor .icon-wrap.grid>li {
	display: block;
	text-align: center
}

.editor .icon-wrap.grid>li i {
	margin: 0 auto
}

.editor .icon-wrap.grid>li>p {
	margin-left: 0;
	margin-top: 30px
}

.editor .icon-wrap.strong>li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.editor .icon-wrap.strong>li p {
	color: #222;
	font-weight: 700
}

.editor .icon-wrap.start {
	gap: 80px 100px
}

.editor .icon-wrap.start li {
	display: block
}

.editor .icon-wrap.start li>p {
	margin: 24px 0 0
}

.editor .img-wrap {
	margin: 80px 0;
	position: relative
}

.editor .img-wrap img {
	display: block;
	margin: 0 auto;
	width: 100%
}

.editor .img-wrap #bankCoreValue {
	max-width: 756px
}

#klpgaLogo, #kpgaLogo, #lpgaLogo {
	max-height: unset;
	max-width: unset
}

#klpgaLogo {
	width: 256px
}

#kpgaLogo {
	width: 220px
}

#lpgaLogo {
	width: 354px
}

.golf-list {
	margin-top: 40px
}

.golf-list>p.mouse {
	background: url(../../img/ko/ico-mouse.svg) 0 no-repeat;
	background-size: 16px 16px;
	font-size: 16px;
	font-weight: 600;
	padding-left: 24px
}

.golf-list>ul {
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto
}

.golf-list>ul>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.golf-list>ul>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.golf-list>ul>:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-row: 1
}

.golf-list>ul>:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-row: 1
}

.golf-list>ul>li>a .img-wrap {
	background-color: #f5fbfa;
	border-radius: 10px;
	overflow: hidden;
	padding-top: 48px;
	position: relative;
	-webkit-transition: background .4s ease, -webkit-box-shadow .4s ease;
	transition: background .4s ease, -webkit-box-shadow .4s ease;
	-o-transition: background .4s ease, box-shadow .4s ease;
	transition: background .4s ease, box-shadow .4s ease;
	transition: background .4s ease, box-shadow .4s ease, -webkit-box-shadow
		.4s ease
}

.golf-list>ul>li>a .img-wrap>img {
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.golf-list>ul>li>a .img-wrap>.name {
	font-size: 24px;
	font-weight: 700;
	left: 0;
	padding-left: 30px;
	position: absolute;
	top: 30px;
	z-index: 1
}

.golf-list>ul>li>a .img-wrap>.btn-more {
	background: url(../../img/ko/arrow-right-long.svg) 100% no-repeat;
	background-size: 16px 16px;
	display: none;
	font-size: 16px;
	font-weight: 600;
	left: 0;
	padding-left: 30px;
	padding-right: 24px;
	position: absolute;
	top: 77px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1
}

.golfer-detail__profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.golfer-detail__profile--image {
	-webkit-box-flex: 0;
	background-color: #f5fbfa;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
	width: 320px
}

.golfer-detail__profile--image>img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.golfer-detail__profile--intro {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 16px 0 0 12.5%
}

.golfer-detail__profile--intro .league {
	color: #009178;
	font-size: 20px;
	font-weight: 700
}

.golfer-detail__profile--intro .name {
	font-size: 40px;
	font-weight: 700;
	margin-top: 8px
}

.golfer-detail__profile--intro>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 70px
}

.golfer-detail__profile--intro>div>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.golfer-detail__profile--intro>div>div>p {
	font-size: 20px;
	font-weight: 700
}

.golfer-detail__profile--intro>div>div>ul {
	margin-top: 30px
}

.golfer-detail__profile--intro>div>div>ul>li {
	font-size: 16px
}

.golfer-detail__profile--intro>div>div>ul>li+li {
	margin-top: 14px
}

.golfer-detail__profile--intro>div>div>dl {
	font-size: 0;
	margin-top: 30px;
	width: 100%
}

.golfer-detail__profile--intro>div>div>dl>dt {
	color: #666;
	display: inline-block;
	font-size: 16px;
	margin-top: 14px;
	vertical-align: top;
	width: 86px
}

.golfer-detail__profile--intro>div>div>dl>dt:first-of-type {
	margin-top: 0
}

.golfer-detail__profile--intro>div>div>dl>dd {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 14px;
	vertical-align: top;
	width: calc(100% - 86px)
}

.golfer-detail__profile--intro>div>div>dl>dd:first-of-type {
	margin-top: 0
}

.golfer-detail__profile--intro>div>div>dl>dd .nationality {
	padding-left: 34px;
	position: relative
}

.golfer-detail__profile--intro>div>div>dl>dd .nationality>img {
	border-radius: 50%;
	height: 24px;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px
}

.golfer-detail__profile--intro>div>div.prize>ul>li {
	color: #009178;
	font-weight: 700
}

.golfer-detail__history {
	margin-top: 60px
}

.golfer-detail__history .tbl-basic>tbody>tr>th {
	font-size: 24px;
	font-weight: 700;
	padding: 24px;
	text-align: center;
	width: 152px
}

.golfer-detail__history .tbl-basic>tbody>tr>td {
	text-align: left
}

.application {
	padding: 84px 0 120px
}

.application.login {
	background-color: #f9fcfb
}

.application.login .inner {
	text-align: center
}

.application.login .inner>p.notice {
	display: inline-block;
	margin-top: -40px;
	vertical-align: top
}

.application.login .login-wrap {
	margin: 0 auto;
	max-width: 384px;
	padding: 120px 0 80px
}

.application.login .login-wrap .top>h2 {
	font-size: 40px;
	font-weight: 700;
	text-align: center
}

.application.login .login-wrap .top>h2>em {
	color: #009178;
	font-weight: 700
}

.application.login .login-wrap .top>p {
	text-align: center
}

.application.login .login-wrap .top>p.title {
	font-size: 40px;
	font-weight: 700
}

.application.login .login-wrap .top>p.title>em {
	color: #009178;
	font-weight: 700
}

.application.login .login-wrap .top>p.txt {
	color: #666;
	font-size: 18px;
	margin-top: 24px
}

.application.login .login-wrap .top .btn-wrap {
	margin-top: 40px
}

.application.login .login-wrap .bottom {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding-top: 60px
}

.application.login .login-wrap .bottom .notice {
	margin-bottom: 8px
}

.application.login .login-wrap .bottom>input {
	height: 56px
}

.application.login .login-wrap .bottom>input+input {
	margin-top: 8px
}

.application.login .login-wrap .bottom .btn-wrap {
	margin-top: 16px
}

.application.login dl {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.application.login dl>dt {
	-webkit-box-flex: 0;
	color: #666;
	-ms-flex: none;
	flex: none;
	font-size: 16px
}

.application.login dl>dd {
	font-size: 16px;
	font-weight: 700;
	margin-left: 8px
}

.application .btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.application .btn-wrap>a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: unset
}

.application .btn-wrap>a+a {
	margin-left: 12px
}

.application p.notice {
	background: url(../../img/ko/ico-notice-sm.svg) left top 2px no-repeat;
	background-size: 16px 16px;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
	text-align: left
}

.application p.required {
	color: #ed1651 !important;
	font-size: 16px
}

.application span.required {
	color: #ed1651 !important;
	font-weight: 700
}

.application.agree .inner {
	padding-top: 80px
}

.application.agree h2.title {
	font-size: 40px;
	font-weight: 700
}

.application.agree p.sub-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
	margin-top: 40px
}

.application.agree p.txt {
	color: #666;
	font-size: 18px
}

.application.agree .agree-wrap {
	margin-bottom: 33px;
	margin-top: 80px
}

.application.agree .agree-wrap .agree-box {
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 24px;
	padding: 32px
}

.application.agree .agree-wrap .agree-box>div {
	position: relative
}

.application.agree .agree-wrap .agree-box>div+div {
	border-top: 1px solid #ddd;
	margin-top: 40px;
	padding-top: 40px
}

.application.agree .agree-wrap .agree-box>div>p.title {
	font-size: 24px;
	font-weight: 700
}

.application.agree .agree-wrap .agree-box>div .policy {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	height: 180px;
	margin-bottom: 24px;
	margin-top: 16px;
	overflow-y: auto;
	padding: 4px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont {
	padding: 20px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p {
	font-size: 18px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.title
	{
	font-weight: 700;
	margin-bottom: 16px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.txt
	{
	color: #666
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.txt+.title
	{
	margin-top: 32px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.txt+.txt
	{
	margin-top: 8px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.refer
	{
	color: #666;
	font-size: 16px;
	margin-top: 16px
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.refer>a
	{
	color: #009178;
	text-decoration: underline
}

.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.refer+.title
	{
	margin-top: 32px
}

.application.agree .agree-wrap .agree-box>div .agree-info {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.application.agree .agree-wrap .agree-box>div .agree-info+.agree-info {
	margin-top: 8px
}

.application.agree .agree-wrap .agree-box>div .agree-info>p {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	font-size: 18px;
	margin-right: 40px
}

.application.agree .agree-wrap .agree-box>div .agree-info>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.application.agree .agree-wrap .agree-box>div .agree-info>div .check-radio+.check-radio
	{
	margin-left: 40px
}

.application.agree .agree-wrap .agree-box>div p.required {
	bottom: 0;
	display: none;
	position: absolute;
	right: 0
}

.application.agree .agree-family {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 32px
}

.application.agree .agree-family>p {
	-webkit-box-flex: 0;
	color: #666;
	-ms-flex: none;
	flex: none;
	font-size: 14px;
	margin-left: 24px
}

.application.agree .sign {
	margin-top: 40px;
	text-align: right
}

.application.agree .sign>p {
	color: #666;
	font-size: 18px
}

.application.agree .sign>p+p {
	margin-top: 8px
}

.application.agree .sign>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 24px
}

.application.agree .sign>div>label {
	color: #666;
	font-size: 18px;
	font-weight: 600;
	margin-right: 24px
}

.application.agree .sign>div>input {
	width: 282px
}

.application.agree .btn-wrap {
	margin-top: 60px
}

.application.agree .btn-wrap>a {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin: 0 auto;
	min-width: 384px
}

.application.write .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 80px
}

.application.write .top>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.application.write .top>div.left .title {
	font-size: 40px;
	font-weight: 700
}

.application.write .top>div.left .title>em {
	color: #009178;
	font-weight: 700
}

.application.write .top>div.left>p {
	color: #666;
	font-size: 18px;
	font-weight: 600;
	margin-top: 16px
}

.application.write .top>div.right>input {
	width: 64%
}

.application.write .top>div.right>input+input {
	margin-top: 8px
}

.application.write .top>div.right>input+p {
	margin-top: 16px
}

.application.write .top>div.right>p {
	color: #888;
	font-size: 14px;
	margin-top: 4px
}

.application.write .form, .application.write .form__set+.form__set {
	margin-top: 120px
}

.application.write .form__set .title {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between
}

.application.write .form__set .title>h3 {
	font-size: 24px;
	font-weight: 600
}

.application.write .form__set .title>p {
	color: #666;
	font-size: 14px
}

.application.write .form__set>div>p {
	color: #666;
	font-size: 14px;
	margin-top: 4px
}

.application.write .form__set>div>div+p {
	margin-top: 16px
}

.application.write .form__set>div {
    margin-top: 16px;
}

.application.write .form__wrap {
	border-top: 1px solid #222;
	margin-top: 16px
}

.application.write .form__wrap.sns select {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 180px
}

.application.write .form__wrap.sns .btn-line {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	min-width: 78px
}

.application.write .form__wrap.sns input:last-of-type {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 168px
}

.application.write .form__wrap.port p {
	color: #666;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px
}

.application.write .form__wrap.port .btn-line {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	min-width: 78px
}

.application.write .form__wrap.port .check-radio>input {
	height: 24px;
	margin-top: 0;
	width: 24px
}

.application.write .form__wrap.port .check-radio>span {
	font-size: 16px;
	margin-top: 1px
}

.application.write .form__wrap.activity .row>span {
	-webkit-box-flex: 0;
	color: #888;
	-ms-flex: none;
	flex: none;
	font-size: 16px;
	margin: 0 8px
}

.application.write .form__wrap.activity .row.between input {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 180px
}

.application.write .form__wrap.activity textarea {
	height: 48px;
	resize: none
}

.application.write .form__wrap.activity .btn-line {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	min-width: 78px
}

.application.write .form__cont {
	border-bottom: 1px solid #ddd;
	padding: 24px
}

.application.write .form__cont .row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.application.write .form__cont .row+.row {
	margin-top: 16px
}

.application.write .form__cont .row>* {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.application.write .form__cont .row.gap-lg>div+div {
	margin-left: 40px
}

.application.write .form__cont .row.gap>*+* {
	margin-left: 12px
}

.application.write .form__cont .row.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.application.write .form__cont label:not(.check-radio) {
	-webkit-box-flex: 0;
	cursor: default;
	-ms-flex: none;
	flex: none;
	width: 180px
}

.application.write .form__cont label:not(.check-radio).short {
	width: 102px
}

.application.write .form__cont label:not(.check-radio)>span {
	color: #666;
	font-size: 16px;
	font-weight: 600
}

.application.write .form__cont label:not(.check-radio).required>span {
	position: relative
}

.application.write .form__cont label:not(.check-radio).required>span:after
	{
	color: #ed1651;
	content: "";
	content: "*";
	display: block;
	font-size: 16px;
	position: absolute;
	right: -10px;
	top: -2px
}

.application.write .form__cont.add {
	background-color: #f9fcfb
}

.application.write .form__cont--profile {
	-ms-grid-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-column-gap: 40px;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto
}

.application.write .form__cont--profile>:first-child {
	-ms-grid-column: 1;
	-ms-grid-row: 1
}

.application.write .form__cont--profile>:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-row: 1
}

.application.write .form__cont--profile .photo {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.application.write .form__cont--profile .photo, .application.write .form__cont--profile .photo-upload
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.application.write .form__cont--profile .photo-upload .img-wrap {
	-webkit-box-flex: 0;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 10px;
	-ms-flex: none;
	flex: none;
	height: 200px;
	margin-right: 40px;
	overflow: hidden;
	width: 150px
}

.application.write .form__cont--profile .photo-upload .img-wrap>img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.application.write .form__cont--profile .photo-upload>div>p {
	color: #666;
	font-size: 14px
}

.application.write .form__cont--profile .photo-upload>div .btn-line {
	margin-top: 16px;
	min-width: 180px
}

.application.write .form__cont--profile .name {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	order: 1
}

.application.write .form__cont--profile .name .check-radio {
	width: 49%
}

.application.write .form__cont .intro-set+.intro-set {
	margin-top: 40px
}

.application.write .form__cont .intro-set>p.title {
	color: #666;
	font-size: 16px;
	font-weight: 600
}

.application.write .form__cont .intro-set>p.sub {
	color: #666;
	font-size: 14px;
	margin-top: 6px
}

.application.write .form__cont .intro-set textarea {
	margin-top: 8px
}

.application.write .form__cont .intro-set ul {
	margin-top: 16px
}

.application.write .form__cont .intro-set ul>li {
	color: #666;
	font-size: 14px;
	padding-left: 11px;
	position: relative
}

.application.write .form__cont .intro-set ul>li+li {
	margin-top: 12px
}

.application.write .form__cont .intro-set ul>li:before {
	background-color: #666;
	border-radius: 50%;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 3px
}

.application.write .form+.check-radio {
	margin-top: 24px
}

.application.write .form.family .row.gap-lg {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.application.write .form.family .row.gap-lg>div {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 42%
}

.application.write .sign {
	margin-top: 40px;
	text-align: right
}

.application.write .sign>p {
	color: #666;
	font-size: 18px
}

.application.write .sign>p+p {
	margin-top: 8px
}

.application.write .sign>p.strong {
	font-size: 20px;
	font-weight: 700;
	margin-top: 24px
}

.application.write .sign>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 16px
}

.application.write .sign>div>label {
	color: #666;
	font-size: 18px;
	font-weight: 600;
	margin-right: 24px
}

.application.write .sign>div>input {
	width: 282px
}

.application.write .btn-wrap {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 60px
}

.application.write .btn-wrap>a {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 282px;
	flex: 0 1 282px
}

.application.write .btn-wrap>a+a {
	margin-left: 24px
}

.check-radio>input+p {
    padding-left: 8px;
}

.check-radio>p {
    color: #666;
    font-size: 18px;
}


.popup .announce>p {
	font-size: 18px;
	font-weight: 700
}

.popup .announce .line-box {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 24px;
	padding: 24px
}

.popup .announce .line-box>dl {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px
}

.popup .announce .line-box>dl+dl {
	margin-top: 10px
}

.popup .announce .line-box>dl>dt {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.popup .announce .line-box>dl>dd {
	-webkit-box-flex: 1;
	color: #009178;
	-ms-flex: 1;
	flex: 1
}

.popup .announce .line-box .refer {
	color: #666;
	font-size: 16px;
	margin-top: 40px
}

.popup .announce .tbl-wrap .unit {
	color: #666;
	font-size: 14px;
	text-align: right
}

.popup .announce .tbl-wrap .scroll {
	margin-top: 16px;
	overflow-x: auto;
	padding-bottom: 24px;
	padding-right: 24px;
	position: relative;
	width: calc(100% + 24px)
}

.popup .announce .tbl-wrap .scroll .drag {
	background: url(../../img/ko/img-drag.png) 50% no-repeat;
	background-size: 100% 100%;
	height: 148px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 148px;
	z-index: 1
}

.popup .announce .tbl-wrap .tbl-basic {
	width: 1980px
}

.popup .announce .tbl-wrap .tbl-basic>thead>tr>th {
	background-color: #f9fcfb;
	border-left: 1px solid #ddd
}

.popup .announce .tbl-wrap .tbl-basic>thead>tr:first-child>th:first-child
	{
	border-left: 0
}

.popup .announce .tbl-wrap .tbl-basic>thead>tr.regular>th {
	color: #666;
	font-weight: 400
}

@media ( max-width :1300px) {
	.esg-activity-wrap .tbl-basic>tbody>tr td, .esg-activity-wrap .tbl-basic>tbody>tr>th
		{
		padding: 2.4rem
	}
}

@media ( max-width :1200px) {
	.esg-activity-wrap .tit-btn-box {
		display: block
	}
	.esg-activity-wrap .tit-btn-box>a {
		margin-top: 24px;
		width: 180px
	}
}

@media ( max-width :1150px) {
	.event-list-wrap .event-list>li .set .btn-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.event-list-wrap .event-list>li .set .btn-wrap button button,
		.event-list-wrap .event-list>li .set .btn-wrap button+a,
		.event-list-wrap .event-list>li .set .btn-wrap>a button,
		.event-list-wrap .event-list>li .set .btn-wrap>a+a {
		margin-left: 0;
		margin-top: 8px
	}
}

@media ( max-width :1130px) {
	.esg-activity-wrap .top-wrap .cont-title .p-only {
		display: none
	}
	#executive>colgroup col:first-of-type {
		width: 100px
	}
	#executive>thead>tr>th>.btn-line {
		padding: 0 10px
	}
	#executive>tbody>tr>th {
		padding: 0 4px
	}
	#executive>tbody>tr>th.bold {
		padding: 0 20px
	}
}

@media ( max-width :1024px) {
	
/* ij���� ����� css �߰� ���� 20231110 */
	#chaImg01>picture>img,#chaImg02>picture>img{
		margin:4rem auto 0;
        width:20rem
	}
	#chaImg03>picture>img{
		margin:4rem auto 0;
        width:40rem
	}
	#cha02_Img01>picture>img{
		margin:4rem auto 0;
        width:22rem
	}
	#cha02_Img02>picture>img,#cha03_Img02>picture>img,#cha04_Img02>picture>img,#cha05_Img02>picture>img,#cha06_Img02>picture>img,#cha07_Img02>picture>img,#cha08_Img02>picture>img,#cha09_Img02>picture>img{
		margin:2rem auto 0;
        width:32rem
	}
	#cha03_Img01>picture>img,#cha04_Img01>picture>img,#cha05_Img01>picture>img{
		margin:4rem auto 0;
        width:24rem
	}
	#cha06_Img01>picture>img{
		margin:2rem auto 0;
        width:24rem
	}
	#cha07_Img01>picture>img,#cha08_Img01>picture>img,#cha09_Img01>picture>img{
		margin:2rem auto 0;
        width:26rem
	}
/* ij���� ����� css �߰� �� */

	.accordion.history {
		border-top: 2px solid #222
	}
	.accordion.history .accordion-controls>li {
		font-size: 0
	}
	.accordion.history .accordion-controls>li+li {
		margin-top: 0
	}
	.accordion.history .accordion-controls>li .accordion-btn {
		background: url(../../img/ko/arrow-down.svg) right 1.6rem center
			no-repeat;
		border-bottom: 1px solid #ddd;
		cursor: pointer;
		font-size: 2rem;
		padding: 2.4rem 4rem 2.4rem 1.6rem;
		pointer-events: all;
		position: relative;
		top: 0;
		width: 100%
	}
	.accordion.history .accordion-controls>li .accordion-btn[aria-expanded=true]
		{
		background-image: url(../../img/ko/arrow-up.svg)
	}
	.accordion.history .accordion-controls>li .accordion-cont {
		border-bottom: 1px solid #ddd;
		display: none;
		padding: 2.4rem 0 4rem;
		scroll-margin: 0;
		width: 100%
	}
	.accordion.history .accordion-controls>li .accordion-cont .txt {
		font-size: 1.6rem
	}
	.event-list-wrap {
		margin-top: 3.2rem;
		padding-left: 2.8rem
	}
	.event-list-wrap>.rail-wrap {
		height: calc(100% - .8rem);
		left: .5rem;
		top: .8rem;
		width: 2px
	}
	.event-list-wrap .event-list>li.active>span, .event-list-wrap .event-list>li>span
		{
		height: .6rem;
		left: -2.5rem;
		top: .8rem;
		width: .6rem
	}
	.event-list-wrap .event-list>li.active:after {
		height: 1.6rem;
		left: -3rem;
		top: .3rem;
		width: 1.6rem
	}
	.event-list-wrap .event-list>li.active:before {
		height: 2.4rem;
		left: -3.4rem;
		top: -.1rem;
		width: 2.4rem
	}
	.event-list-wrap .event-list>li .month {
		font-size: 1.6rem;
		margin-bottom: .8rem
	}
	.event-list-wrap .event-list>li .set {
		display: block
	}
	.event-list-wrap .event-list>li .set+.set {
		margin-top: 3.2rem
	}
	.event-list-wrap .event-list>li .set p.event {
		font-size: 1.6rem
	}
	.event-list-wrap .event-list>li .set p.event+img, .event-list-wrap .event-list>li .set>div+img
		{
		margin-left: 0
	}
	.event-list-wrap .event-list>li .set>img {
		border-radius: 1rem;
		margin-top: 1.6rem;
		max-width: 29.3rem;
		width: 100%
	}
	.event-list-wrap .event-list>li .set .btn-wrap {
		display: block;
		margin-top: 1.6rem
	}
	.event-list-wrap .event-list>li .set .btn-wrap button, .event-list-wrap .event-list>li .set .btn-wrap>a
		{
		min-width: 12.8rem
	}
	.event-list-wrap .event-list>li .set .btn-wrap button button,
		.event-list-wrap .event-list>li .set .btn-wrap button+a,
		.event-list-wrap .event-list>li .set .btn-wrap>a button,
		.event-list-wrap .event-list>li .set .btn-wrap>a+a {
		margin-left: .8rem;
		margin-top: 0
	}
	.event-list-wrap .event-list>li+li {
		margin-top: 3.2rem
	}
	.year-list-wrap {
		display: none !important
	}
	.recruit-list {
		grid-row-gap: 1.6rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		margin-top: 4rem
	}
	.recruit-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.recruit-list>li {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		height: 8rem;
		justify-content: center;
		min-height: auto;
		padding: 0 2.4rem
	}
	.recruit-list>li .title {
		margin-bottom: 0
	}
	.recruit-list>li .title>img {
		height: 2.8rem
	}
	.recruit-list>li .title>a {
		-webkit-box-flex: 0;
		background-size: 1.6rem 1.6rem;
		-ms-flex: none;
		flex: none;
		height: 4rem;
		width: 4rem
	}
	.global-map-wrap, .recruit-list>li>p {
		display: none
	}
	.global-map-wrap+.tab {
		margin-top: .8rem
	}
	.global-filter {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		background-color: transparent;
		border-radius: 0;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		margin-top: 1rem;
		padding: 0
	}
	.global-filter>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.global-filter .nation {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		margin-top: 4rem;
		order: 2;
		padding-left: 3.6rem
	}
	.global-filter .nation>img {
		height: 2.8rem;
		width: 2.8rem
	}
	.global-filter .nation>p, .global-filter .nation>p>span {
		font-size: 2rem
	}
	.global-filter .sort {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.global-network-list {
		grid-column-gap: 0;
		grid-row-gap: 2rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		margin-top: 2.4rem
	}
	.global-network-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.global-network-list>li {
		border-radius: 1rem;
		min-height: 26rem;
		padding: 2rem
	}
	.global-network-list>li .badge {
		margin-bottom: 2.4rem
	}
	.global-network-list>li .badge span {
		border-radius: .4rem;
		font-size: 1.2rem;
		padding: .2rem .8rem
	}
	.global-network-list>li .badge span+span {
		margin-left: .8rem
	}
	.global-network-list>li .tit {
		font-size: 1.8rem;
		margin-bottom: 2.4rem;
		padding-right: 0
	}
	.global-network-list>li>div.info>p {
		background-position: left top .3rem;
		background-size: 1.6rem 1.6rem;
		font-size: 1.6rem;
		padding-left: 2.4rem
	}
	.global-network-list>li>div.info>p+p {
		margin-top: 1.6rem
	}
	.global-network-list>li>div.button {
		right: 2rem;
		top: 2rem
	}
	.global-network-list>li>div.button>a {
		background-size: 1.6rem 1.6rem;
		height: 4rem;
		width: 4rem
	}
	.global-network-list>li>div.button>a+a {
		margin-left: 1.6rem
	}
	.global-network-list+.btn-wrap {
		margin-top: 4rem
	}
	.organ-chart {
		margin-top: 2.4rem
	}
	.organ-chart .refer {
		font-size: 1.2rem
	}
	.organ-chart>picture>img {
		margin: 4.8rem auto 0
	}
	.organ-chart .etc {
		font-size: 1.2rem;
		margin-top: 3.2rem
	}
	.talent-wrap, .talent-wrap .left-tit {
		margin-top: 6rem
	}
	.education-wrap #educationImg>img {
		margin: 6rem auto
	}
	.education-wrap .editor .explain {
		font-size: 2rem;
		margin-bottom: 2.4rem
	}
	.education-wrap .editor .edu-list {
		grid-column-gap: 0;
		grid-row-gap: 4rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.education-wrap .editor .edu-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.education-wrap .editor .edu-list .img-wrap {
		border-radius: .8rem;
		margin-bottom: 1.6rem
	}
	.education-wrap .editor .edu-list .img-wrap>img {
		width: 100%
	}
	.education-wrap .editor .edu-list .etc {
		font-size: 1.4rem;
		margin-top: 1.6rem
	}
	.education-wrap .editor .edu-list .title+.txt {
		margin-top: 1.6rem
	}
	#subBanner>img {
		border-radius: 1rem;
		display: block;
		margin: 3.2rem auto 4rem
	}
	#subBanner+.left-tit {
		margin-top: 4rem
	}
	.ethics .left-tit__set--title .tit>br {
		display: none
	}
	.ethics .ethics-list {
		display: block;
		margin-top: 3.2rem
	}
	.ethics .ethics-list>li+li {
		margin-left: 0;
		margin-top: 4rem
	}
	.ethics .ethics-list>li .img-wrap {
		border-radius: .8rem;
		margin-bottom: 1.6rem
	}
	.ethics .ethics-list>li .tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.ethics .ethics-list>li .tit>span {
		padding-right: .8rem
	}
	.ethics .ethics-list>li .txt {
		font-size: 1.6rem
	}
	.ethics .editor .icon-wrap {
		grid-row-gap: 3.2rem
	}
	.ethics .editor .icon-wrap li {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	#ethicsImg>img {
		margin: 4rem auto 6rem;
		width: 24rem
	}
	#humanRightsImg01>img, #humanRightsImg02>img {
		margin: 0 auto 4rem;
		width: 32rem
	}
	.human-rights-list {
		grid-column-gap: 0;
		grid-row-gap: 3.2rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.human-rights-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.human-rights-list.ethics {
		grid-column-gap: 3.2rem
	}
	.human-rights-list.ethics>li .tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.human-rights-list.ethics+.btn-wrap {
		margin-top: 4rem
	}
	#VoiceIntegrity>img {
		display: block;
		margin: 0 auto;
		max-width: 23.1rem
	}
	.greeting-wrap>div+div {
		margin-top: 4rem
	}
	.greeting-wrap>div.introduction {
		display: block;
		padding-top: 4rem
	}
	.greeting-wrap>div.introduction>img {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 32rem
	}
	.greeting-wrap>div.introduction .intro-tit {
		font-size: 2.4rem;
		margin-bottom: 1.6rem;
		margin-top: 4rem
	}
	.greeting-wrap>div.introduction .sign {
		font-size: 1.8rem
	}
	.greeting-wrap>div.introduction .sign>img {
		height: 4.8rem;
		margin-left: 1.2rem;
		width: 8.9rem
	}
	.greeting-wrap>div .txt-title {
		font-size: 2rem;
		margin-bottom: 3.2rem
	}
	.greeting-wrap>div .txt-wrap {
		display: block
	}
	.greeting-wrap>div .txt-wrap .txt-box+.txt-box {
		margin-left: 0;
		margin-top: 1.6rem
	}
	.greeting-wrap>div .txt-wrap .txt-box .txt {
		color: #666;
		font-size: 1.6rem
	}
	.ciBanner, .greeting-wrap>div .txt-wrap .txt-box .txt+.txt {
		margin-top: 1.6rem
	}
	.ciBanner {
		border-radius: 1rem
	}
	.ciBanner img {
		width: 100%
	}
	.ciBanner+.txt {
		margin-top: 3rem
	}
	.ciBanner+.btn-wrap {
		margin-top: 2.4rem
	}
	#hanaCiMain {
		padding: 3.2rem 2.4rem
	}
	#hanaCiMain img {
		max-width: 27.2rem
	}
	#hanaCiSymbol {
		padding: 2rem 2.4rem
	}
	#hanaCiSymbol img {
		max-width: 13.5rem
	}
	#hanaCiLogoKor {
		padding: 3.2rem 2.4rem
	}
	#hanaCiLogoKor img {
		max-width: 16.4rem
	}
	#hanaCiLogoEn {
		margin-bottom: 2rem;
		padding: 3.2rem 2.4rem
	}
	#hanaCiLogoEn img {
		max-width: 24.3rem
	}
	#hanaCiBasic {
		padding: 3.2rem 1.3rem
	}
	#hanaCiBasic img {
		max-width: 29.3rem
	}
	#hanaCiStone {
		padding: 3.2rem 2.2rem
	}
	#hanaCiStone img {
		max-width: 27.5rem
	}
	#hanaCi>colgroup col:first-of-type {
		width: 10rem
	}
	#hanaCi>tbody>tr>th {
		font-size: 1.6rem;
		padding: 0 1.8rem
	}
	
	/* 20230922(�����) ���� ���� */
    #visionMainImg>img{
        margin:0 auto 6rem
    }
    #visionImg00>img{
	    margin:0 auto 0;
    }
	#visionImg01>img{
        margin:6rem auto 6rem;
    }
    #visionImg02>img,#visionImg03>img{
        margin:4rem auto;
        width:20.5rem
    }
    #visionImg03>img{
        margin-bottom:0;
		width:20.5rem
    }
    #visionImg04>img{
        margin:4rem auto 6rem;
        width:20.5rem
    }
	#visionImg05>img{
		margin:4rem auto 0;
		width:28rem
    }
	/* 20230922(�����) ���� �� */
		
	#hanaValue>img {
		margin: 6rem auto 4rem;
		max-width: 100%
	}
	#hanaHonestyList>img {
		margin: 4rem auto 6rem;
		max-width: 100%
	}
	
	#happyVisionImg {
		display: block;
		margin: 0 auto
	}
	.happy-bg-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 4rem 0 6rem
	}
	.happy-bg-wrap .txt-box {
		margin-bottom: 4rem
	}
	.happy-bg-wrap .txt, .happy-bg-wrap ul {
		font-size: 2rem
	}
	.happy-bg-wrap ul {
		margin-bottom: 4rem
	}
	.happy-bg-wrap ul+li {
		margin-top: .8rem
	}
	.happy-bg-wrap>img {
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
		height: auto;
		max-width: 24rem
	}
	.happy-rule-list {
		margin: 4rem 0 -2rem
	}
	.happy-rule-list li {
		display: block;
		width: 100%
	}
	.happy-rule-list li+li {
		margin: 2.4rem 0 0
	}
	.happy-rule-list li .tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.happy-rule-list li .tit>span {
		margin-right: .8rem
	}
	.happy-rule-list li .txt {
		font-size: 1.6rem
	}
	.happy-rule-list.small-txt li .tit {
		font-size: 1.8rem
	}
	
	/* ����� css �߰� */
	.talent-wrap p.title {
	  font-size: 3.2rem;
	  word-break: keep-all;
	}
	.Integrity-list {
	  margin: 4rem 0 -2rem
	}
	.Integrity-list li {
	  display: block;
	  width: 100%
	}
	.Integrity-list li + li {
	  margin: 2.4rem 0 0
	}
	.Integrity-list li .tit {
	  font-size: 2.8rem;
	  margin-bottom: 1.6rem
	}
	.Integrity-list li .tit > span.warmth {
	  /* color: #cedc58; */
	  color: #899900;
	  margin-right: .8rem
	}
	.Integrity-list li .tit > span.courage {
	  color: #009178;
	  margin-right: .8rem
	}
	.Integrity-list li .tit > span.motive {
	  /* color: #a7d8b7; */
	  color: #689f7a;
	  margin-right: .8rem
	}
	.tbl-integrity > thead > tr > th {
	  font-size: 2rem;
	  font-weight: 700;
	  height: 5.2rem;
	  /*padding: 2.4rem 1.6rem*/
	}
	.tbl-integrity > tbody > tr > th {
	  font-size: 1.6rem;
	  height: 100%;
	  min-height: 6.6rem;
	  padding: 2.4rem 1.6rem
	}

	.tbl-integrity > tbody > tr > td {
	  font-size: 1.6rem;
	  height: 6.6rem;
	  padding: 2.4rem 1rem
	}
	.tbl-integrity.sm > tbody > tr > td, .tbl-integrity.sm > tbody > tr > th, .tbl-integrity.sm > thead > tr > th {
	  padding: 2.4rem .8rem
	}
	/* ����� css �߰� �� */	
	
	.happy-tab-wrap .txt-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 2.4rem
	}
	.happy-tab-wrap .txt-box>p {
		font-size: 1.6rem;
		margin-top: 2.4rem;
		padding: 0
	}
	.happy-tab-wrap .txt-box>p>b {
		font-size: 2rem;
		margin: 1.6rem 0 2.4rem;
		padding-left: 2.4rem
	}
	.happy-tab-wrap .txt-box>p>b:after, .happy-tab-wrap .txt-box>p>b:before
		{
		height: 1.6rem;
		width: 1.6rem
	}
	.happy-tab-wrap .txt-box>p>b:after {
		margin-left: .8rem
	}
	.happy-tab-wrap .txt-box>img {
		border-radius: 1rem;
		height: auto;
		width: 100%
	}
	.happy-tab-wrap .txt>br {
		content: "";
		display: inline
	}
	.network-company {
		margin-top: 4rem
	}
	.network-company .company-info-wrap {
		margin-bottom: 4rem
	}
	.network-company .company-info-wrap .company-info .logo-btn {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		margin-bottom: 4rem
	}
	.network-company .company-info-wrap .company-info .logo-btn>img {
		height: 3rem
	}
	.network-company .company-info-wrap .company-info .logo-btn .btn-circle
		{
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		height: 4rem;
		margin-left: 1.6rem;
		width: 4rem
	}
	.network-company .company-info-wrap .company-info .txt-box {
		margin-bottom: 6rem
	}
	.network-company .company-info-wrap .company-info .txt-box .txt {
		font-size: 2rem
	}
	.network-company .company-info-wrap .company-info .txt-box .txt+.txt {
		margin-top: 2.6rem
	}
	.network-company .company-info-wrap .company-info .txt-box .dl-list {
		display: block;
		margin-top: 4rem
	}
	.network-company .company-info-wrap .company-info .txt-box .dl-list dl {
		-webkit-box-flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1;
		flex: 1
	}
	.network-company .company-info-wrap .company-info .txt-box .dl-list dl+dl
		{
		margin-top: 2.4rem
	}
	.network-company .company-info-wrap .company-info .txt-box .dl-list dl dt
		{
		font-size: 1.6rem;
		margin-right: 1.6rem
	}
	.network-company .company-info-wrap .company-info .txt-box .dl-list dl dd
		{
		font-size: 1.6rem
	}
	.network-company .company-info-wrap .company-info .person-box-wrap {
		background-image: url(../../img/ko/info/bg-hananetwork-info-m.png);
		background-size: 36rem 23.3rem
	}
	.network-company .company-info-wrap .company-info .person-box-wrap .person-box
		{
		height: auto;
		padding-bottom: 24rem;
		padding-top: 0;
		position: relative
	}
	.network-company .company-info-wrap .company-info .person-box-wrap .person-box .motto
		{
		font-size: 2rem;
		margin-bottom: 3rem;
		width: 100%
	}
	.network-company .company-info-wrap .company-info .person-box-wrap .person-box .name
		{
		font-size: 1.6rem
	}
	.network-company .company-info-wrap .company-info .person-box-wrap .person-box .name>b
		{
		margin-left: .8rem
	}
	.network-company .company-info-wrap .company-info .person-box-wrap .person-box>img
		{
		bottom: 0;
		left: 50%;
		position: absolute;
		right: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 22.7rem
	}
	.network-company .network-vision {
		margin-bottom: 4rem
	}
	.network-company .network-vision .sub-tit {
		font-size: 2.4rem;
		margin-bottom: 2.4rem
	}
	.network-company .network-vision img {
		display: block;
		margin: 0 auto
	}
	.network-company>.inner+.inner {
		margin-top: 6rem
	}
	.hanatown-wrap {
		height: auto;
		margin-top: 4rem
	}
	.hanatown-wrap>.youtube-wrap {
		border-radius: 1rem
	}
	.hanatown-wrap>.youtube-wrap .btn-play {
		background: url(../../img/ko/btn-movie-play-small.svg) 50% no-repeat;
		bottom: 1.4rem;
		height: 4rem;
		right: 1.4rem;
		width: 4rem
	}
	.hanatown-wrap .txt-box {
		bottom: 0;
		left: 0;
		margin-top: 2.4rem;
		position: relative;
		top: 0;
		width: 100%
	}
	.hanatown-wrap .txt-box p {
		color: #000;
		font-size: 1.6rem
	}
	.aboutus-wrap p.part {
		font-size: 1.6rem;
		margin-bottom: 1.6rem
	}
	.aboutus-wrap p.tit {
		font-size: 2.8rem
	}
	.aboutus-wrap p.sub-tit {
		font-size: 2.4rem;
		margin-bottom: 3.7rem
	}
	.aboutus-wrap p.txt {
		font-size: 1.6rem
	}
	.aboutus-wrap .aboutus-top {
		display: block;
		width: auto
	}
	.aboutus-wrap .aboutus-top .tit.line {
		padding-right: 0
	}
	.aboutus-wrap .aboutus-top .tit.line:after {
		height: .2rem;
		left: 16rem;
		top: 1.8rem;
		width: calc(100% - 16rem);
		z-index: 1
	}
	.aboutus-wrap .aboutus-list {
		margin-bottom: 8rem
	}
	.aboutus-wrap .aboutus-list>li {
		padding-left: 0
	}
	.aboutus-wrap .aboutus-list>li+li:nth-of-type(2), .aboutus-wrap .aboutus-list>li+li:nth-of-type(3)
		{
		margin-top: 8rem
	}
	.aboutus-wrap .aboutus-list>li.circle {
		background-position: 0 0;
		background-size: 10rem
	}
	.aboutus-wrap .aboutus-list>li.square {
		background-position: 0 0;
		background-size: 10rem 6.8rem
	}
	.aboutus-wrap .aboutus-list>li.triangle {
		background-position: 0 0;
		background-size: 9rem 9.5rem
	}
	.aboutus-wrap .aboutus-list>li>.sub-tit {
		padding-left: 16rem
	}
	.aboutus-wrap .aboutus-list>li>.txt {
		display: block
	}
	.aboutus-banner {
		margin: 4rem 0 8rem;
		padding: 0 2rem
	}
	.aboutus-banner #aboutusBanner {
		border-radius: 1rem;
		width: 100%
	}
	.hanatown-tab {
		display: block;
		margin-top: 2.4rem
	}
	.hanatown-tab>li {
		min-height: unset
	}
	.hanatown-tab>li+li {
		margin-top: .8rem
	}
	.hanatown-tab>li>button {
		border: 1px solid #ddd !important;
		border-radius: 1rem !important;
		height: 6.4rem;
		padding: 0
	}
	.hanatown-tab>li>button>div {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
	.hanatown-tab>li>button>div, .hanatown-tab>li>button>div>div {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.hanatown-tab>li>button>div>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: .8rem
	}
	.hanatown-tab>li>button>div>div>p {
		font-size: 1.6rem
	}
	.hanatown-tab>li>button>div>div>p.year {
		font-size: 1.4rem;
		margin-bottom: 0;
		margin-right: 8px
	}
	.hanatown-tab>li.active>button {
		border-color: #009178 !important;
		border-width: 2px !important
	}
	.hanatown-tab>li.active>button>div>div>p.year {
		font-weight: 400
	}
	.hanatown-tab+.left-tit {
		margin-top: 4rem
	}
	.growth-wrap {
		display: block;
		margin: 4rem 0 6rem
	}
	.growth-wrap>div+div {
		margin-left: 0;
		margin-top: 6rem
	}
	.growth-wrap>div.left-group>div {
		display: block;
		padding-bottom: 3rem
	}
	.growth-wrap>div.left-group>div>dl, .growth-wrap>div.left-group>div>dl:last-child,
		.growth-wrap>div.right {
		width: 100%
	}
	.growth-wrap>div.right>dl {
		padding-bottom: 3rem
	}
	.growth-wrap>div dl {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between
	}
	.growth-wrap>div dl+dl {
		margin-top: 4rem
	}
	.growth-wrap>div dl dt {
		font-size: 2rem;
		min-width: 7.8rem
	}
	.growth-wrap>div dl dt.group, .growth-wrap>div dl dt.money, .growth-wrap>div dl dt.network,
		.growth-wrap>div dl dt.person {
		background-position: top;
		background-size: 3.2rem 3.2rem
	}
	.growth-wrap>div dl dd {
		padding-right: 2.6rem
	}
	.growth-wrap>div dl dd>p {
		font-size: 3.2rem;
		margin-top: 0;
		text-align: right
	}
	.growth-wrap>div dl dd>p:first-child {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
	.growth-wrap>div dl dd>p>span {
		font-size: 1.4rem;
		margin-left: .4rem
	}
	.growth-wrap>div dl dd>p.year {
		font-size: 1.4rem;
		margin-top: .7rem
	}
	.growth-wrap>div>p {
		font-size: 1.4rem;
		padding-top: .8rem
	}
	#activities>colgroup col:first-of-type {
		width: 5.6rem
	}
	#activities>colgroup col:nth-of-type(2), #activities>colgroup col:nth-of-type(4)
		{
		width: 6.6rem
	}
	#activities>thead>tr>th {
		padding: 0;
		white-space: nowrap
	}
	#activities>tbody>tr>th {
		padding: 4.8rem 1rem;
		white-space: nowrap
	}
	#activities>tbody>tr>td {
		padding: 2.4rem 1rem
	}
	.objective {
		margin-bottom: 4rem
	}
	.objective+.ethics, .objective+.left-tit {
		margin-top: 4rem
	}
	.objective>p {
		font-size: 2rem
	}
	.objective>p+p {
		margin-top: 1.6rem
	}
	.director-rule .objective .revision-area {
		height: auto;
		margin-top: 3.2rem;
		overflow-y: unset;
		padding: 1.6rem
	}
	.director-rule .accordion .accordion-cont {
		padding: 3.2rem 1.6rem
	}
	.director-rule .directory-wrap>div+div {
		margin-top: 4rem
	}
	.director-rule .directory-wrap .tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.director-rule .directory-wrap .txt {
		font-size: 1.6rem
	}
	.director-rule .directory-wrap .txt+.dot-list {
		margin-top: 1.6rem
	}
	.director-rule .dot-list li {
		font-size: 1.6rem
	}
	.director-rule .dot-list li+li {
		margin-top: 1rem
	}
	.director-rule .dot-list li:before {
		top: .9rem
	}
	#holderMeeting>colgroup col:nth-of-type(2) {
		width: 30%
	}
	#holderMeeting>colgroup col:nth-of-type(3) {
		width: 20%
	}
	#holderMeeting>tbody>tr>th {
		padding: 2.4rem 1rem
	}
	#holderMeeting>tbody>tr>td {
		padding: 2.4rem 1rem;
		white-space: nowrap
	}
	.holder-meeting .etc {
		margin-top: 2.4rem
	}
	#holderMeetingResult>colgroup col:first-of-type {
		width: 89px
	}
	#holderMeetingResult>colgroup col:nth-of-type(3) {
		width: 67px
	}
	#holderMeetingResult>thead>tr>th {
		padding: 2.4rem 0;
		white-space: nowrap
	}
	#holderMeetingResult>tbody>tr>th {
		padding: 0 .8rem;
		white-space: nowrap
	}
	.executive-wrap .executive-box.management+.executive-box {
		margin-top: 2rem
	}
	.executive-wrap .executive-box.management .executive-list>li {
		padding-bottom: 3rem
	}
	.executive-wrap .executive-box.management .executive-list>li .executive-info
		{
		margin-top: 3rem
	}
	.executive-wrap .executive-box+.executive-box {
		margin-top: 8rem
	}
	.executive-wrap .executive-box>p {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.executive-wrap .executive-box .executive-list {
		grid-column-gap: 0;
		grid-row-gap: 2rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.executive-wrap .executive-box .executive-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.executive-wrap .executive-box .executive-list>li {
		border-radius: 1rem;
		padding: 3rem
	}
	.executive-wrap .executive-box .executive-list>li .img-wrap>img {
		width: 14rem
	}
	.executive-wrap .executive-box .executive-list>li .img-wrap>div p.name {
		font-size: 2.4rem
	}
	.executive-wrap .executive-box .executive-list>li .img-wrap>div p.rank {
		font-size: 1.4rem;
		margin-top: .8rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info {
		margin-top: 3rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .name
		{
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .name>.badge
		{
		font-size: 1.3rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .name>span.rank
		{
		font-size: 1.4rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .name>span.badge
		{
		font-size: 1.3rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info ul+ul
		{
		margin-top: 1.6rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info ul li
		{
		font-size: 1.6rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info ul li+li
		{
		margin-top: .8rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .data
		{
		padding-top: 3.2rem
	}
	.executive-wrap .executive-box .executive-list>li .executive-info .insurance
		{
		font-size: 1.6rem;
		margin-top: 1.6rem
	}
	.executive-wrap .executive-box .executive-pc {
		display: none
	}
	.executive-wrap .executive-box .executive-mo {
		display: block
	}
	.executive-wrap .executive-box .executive-mo .group {
		margin-top: 2.4rem
	}
	.executive-wrap .executive-box .executive-mo .group .sub-tit {
		font-size: 1.6rem;
		font-weight: 700;
		margin-bottom: .8rem
	}
	.executive-wrap .executive-box .executive-mo .group ul {
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: .8rem;
		padding: 2.4rem
	}
	.executive-wrap .executive-box .executive-mo .group ul+ul {
		margin-top: .8rem
	}
	.executive-wrap .executive-box .executive-mo .group ul.bg {
		background-color: #f9fcfb
	}
	.executive-wrap .executive-box .executive-mo .group ul li {
		color: #666;
		font-size: 1.6rem;
		line-height: 1.5;
		padding-left: 1.1rem;
		position: relative
	}
	.executive-wrap .executive-box .executive-mo .group ul li+li {
		margin-top: 1rem
	}
	.executive-wrap .executive-box .executive-mo .group ul li:before {
		background-color: #888;
		border-radius: 50%;
		content: "";
		height: .3rem;
		left: 0;
		position: absolute;
		top: .9rem;
		width: .3rem
	}
	.executive-wrap .executive-box .executive-mo .group ul.bg>li {
		padding-left: 0
	}
	.executive-wrap .executive-box .executive-mo .group ul.bg>li:before {
		display: none
	}
	.sub-right-img {
		border-radius: 1rem
	}
	.esg-evaluation-wrap>.tit {
		font-size: 2rem;
		margin-bottom: 2.4rem
	}
	.esg-evaluation-wrap .evaluation-list {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 2.4rem;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.esg-evaluation-wrap .evaluation-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.esg-evaluation-wrap .evaluation-list>li {
		border-radius: 1rem;
		height: auto;
		padding: 3.2rem 2.4rem
	}
	.esg-evaluation-wrap .evaluation-list>li>img {
		display: block;
		height: 4rem;
		margin: 0 auto 3.2rem
	}
	.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li {
		font-size: 1.6rem;
		padding-left: 1.1rem
	}
	.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li+li {
		margin-top: 1rem
	}
	.esg-evaluation-wrap .evaluation-list>li ul.dot-list>li:before {
		background-color: #888;
		border-radius: 50%;
		content: "";
		display: block;
		height: 3px;
		left: 0;
		position: absolute;
		top: 11px;
		width: 3px
	}
	.esg-evaluation-wrap .evaluation-list>li ul.icon-list {
		-ms-grid-columns: 1fr 3.2rem 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 3.2rem;
		grid-row-gap: 3.2rem;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		padding: 0 4.3rem
	}
	.esg-evaluation-wrap .evaluation-list>li ul.icon-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.esg-evaluation-wrap .evaluation-list>li ul.icon-list>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li {
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		-ms-grid-column-align: center;
		align-self: center;
		font-size: 1.6rem;
		justify-self: center;
		padding-top: 6.8rem;
		width: 100%
	}
	.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs01,
		.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs02,
		.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs03,
		.esg-evaluation-wrap .evaluation-list>li ul.icon-list>li.kcgs04 {
		background-size: 5.1rem 6rem
	}
	#esgReportTcfd {
		display: block;
		margin: 0 auto;
		max-width: 24.3rem
	}
	.reference-wrap+.reference-wrap {
		margin-top: 4rem
	}
	.reference-wrap>.sub-tit {
		font-size: 2.4rem
	}
	.reference-wrap .reference-list {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 2rem;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		margin-top: 2.4rem
	}
	.reference-wrap .reference-list>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.reference-wrap .reference-list li {
		border-radius: 1rem;
		display: block;
		height: auto;
		padding: 2rem;
		position: relative
	}
	.reference-wrap .reference-list li p {
		font-size: 1.6rem;
		padding-right: 2.4rem
	}
	.reference-wrap .reference-list li>.btn-link {
		background-position: right 2rem center;
		color: transparent;
		height: 100%;
		left: 0;
		margin-top: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
	.news-sns {
		margin-bottom: 3.2rem
	}
	.news-sns>a {
		height: 3.2rem;
		width: 3.2rem
	}
	.news-sns>a+a {
		margin-left: 1.6rem
	}
	.esg-activity-wrap h2.mini-tit, .esg-activity-wrap h3.mini-tit,
		.esg-activity-wrap p.mini-tit {
		font-size: 1.6rem;
		margin-bottom: .8rem
	}
	.esg-activity-wrap h2.txt, .esg-activity-wrap h3.txt, .esg-activity-wrap p.txt
		{
		font-size: 1.6rem
	}
	.esg-activity-wrap h2.txt .tbl-wrap, .esg-activity-wrap h2.txt+.txt,
		.esg-activity-wrap h3.txt .tbl-wrap, .esg-activity-wrap h3.txt+.txt,
		.esg-activity-wrap p.txt .tbl-wrap, .esg-activity-wrap p.txt+.txt {
		margin-top: 1.6rem
	}
	.esg-activity-wrap h2.txt+.tab, .esg-activity-wrap h3.txt+.tab,
		.esg-activity-wrap p.txt+.tab {
		margin-top: 6rem
	}
	.esg-activity-wrap h2.sub-tit, .esg-activity-wrap h3.sub-tit,
		.esg-activity-wrap p.sub-tit {
		font-size: 2.4rem;
		margin-bottom: 2.4rem
	}
	.esg-activity-wrap h2.sub-tit.small, .esg-activity-wrap h3.sub-tit.small,
		.esg-activity-wrap p.sub-tit.small {
		font-size: 2.4rem
	}
	.esg-activity-wrap h2.sub-txt, .esg-activity-wrap h3.sub-txt,
		.esg-activity-wrap p.sub-txt {
		font-size: 1.8rem;
		margin-bottom: 2rem
	}
	.esg-activity-wrap h2.list-tit, .esg-activity-wrap h3.list-tit,
		.esg-activity-wrap p.list-tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.esg-activity-wrap h2.name, .esg-activity-wrap h3.name,
		.esg-activity-wrap p.name {
		font-size: 1.6rem;
		margin: 2.4rem 0 4rem
	}
	.esg-activity-wrap h2.name>b, .esg-activity-wrap h3.name>b,
		.esg-activity-wrap p.name>b {
		display: block;
		margin-bottom: .8rem;
		margin-right: 0
	}
	.esg-activity-wrap h2.title.question, .esg-activity-wrap h2.title.question-love,
		.esg-activity-wrap h3.title.question, .esg-activity-wrap h3.title.question-love,
		.esg-activity-wrap p.title.question, .esg-activity-wrap p.title.question-love
		{
		background-position: 0 0;
		padding-left: 0;
		padding-top: 3rem
	}
	.esg-activity-wrap #subBanner>img {
		border-radius: 1rem;
		margin-bottom: 2.4rem;
		margin-top: 6rem
	}
	.esg-activity-wrap #banner {
		border-radius: 1rem
	}
	.esg-activity-wrap .tit-btn-box>a {
		margin-top: 2.4rem;
		width: 100%
	}
	.esg-activity-wrap .activity-list-wrap, .esg-activity-wrap .activity-list-wrap .activity-list
		{
		margin-top: 4rem
	}
	.esg-activity-wrap .activity-list-wrap .activity-list li {
		display: block
	}
	.esg-activity-wrap .activity-list-wrap .activity-list li+li {
		margin-top: 4rem
	}
	.esg-activity-wrap .activity-list-wrap .activity-list li>img {
		border-radius: 1rem;
		height: auto;
		margin-right: 0;
		width: 100%
	}
	.esg-activity-wrap .activity-list-wrap .activity-list li>div {
		margin-top: 2.4rem
	}
	.esg-activity-wrap .top-wrap {
		border-radius: 1rem;
		margin-bottom: 4rem;
		padding: 3rem
	}
	.esg-activity-wrap .top-wrap.daycare, .esg-activity-wrap .top-wrap.foundation,
		.esg-activity-wrap .top-wrap.power, .esg-activity-wrap .top-wrap.society,
		.esg-activity-wrap .top-wrap.volunteer {
		background-position: 100%
	}
	.esg-activity-wrap .top-wrap.daycare .txt-box .cont-title {
		margin-bottom: 2rem
	}
	.esg-activity-wrap .top-wrap.power .txt-box .btn-round {
		background-position: 50%;
		border-radius: 50%;
		color: transparent;
		height: 4rem;
		min-height: auto;
		padding: 0;
		width: 4rem
	}
	.esg-activity-wrap .top-wrap .txt-box .cont-title {
		margin-bottom: 0
	}
	.esg-activity-wrap .top-wrap .txt-box .cont-title+a {
		margin-top: 1.6rem
	}
	.esg-activity-wrap .top-wrap .txt-box .txt {
		display: none
	}
	.esg-activity-wrap .top-wrap .txt-box .txt+img {
		margin-top: 0
	}
	.esg-activity-wrap .top-wrap .txt-box>img {
		height: 1.8rem
	}
	.esg-activity-wrap .tbl-basic {
		width: 70rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list {
		grid-column-gap: 4rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list>li>img {
		border-radius: 1rem;
		margin: 0 auto 2.4rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns {
		margin-top: 1.6rem;
		padding-top: 2rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>p {
		font-size: 1.4rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a {
		height: 3.2rem;
		width: 3.2rem
	}
	.esg-activity-wrap .left-tit .editor .human-rights-list>li .sns>div>a+a
		{
		margin-left: 1.6rem
	}
	.esg-activity-wrap .left-tit .editor .three-box>li {
		padding: 2.4rem 2rem
	}
	.esg-activity-wrap .interview-wrap {
		display: block;
		margin-bottom: 4rem
	}
	.esg-activity-wrap .interview-wrap .txt-left>.tit {
		font-size: 1.6rem;
		margin-bottom: 2rem
	}
	.esg-activity-wrap .interview-wrap .txt-left>.text {
		font-size: 2.4rem
	}
	.esg-activity-wrap .interview-wrap .img-right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 2rem;
		text-align: center
	}
	.esg-activity-wrap .interview-wrap .img-right img {
		height: 10.6rem
	}
	.esg-activity-wrap .interview-wrap .img-right .person {
		font-size: 1.4rem;
		margin-top: 1rem
	}
	.esg-activity-wrap .interview-wrap .img-right>div:first-child,
		.esg-activity-wrap .interview-wrap .img-right>div:nth-of-type(2) {
		margin-right: -3rem
	}
	.esg-activity-wrap .interview-wrap .img-right>div.one {
		margin-right: 0;
		text-align: right
	}
	.esg-activity-wrap .power-txt-wrap {
		margin-bottom: 4rem
	}
	.esg-activity-wrap .power-txt-wrap img {
		display: block;
		margin: 0 auto 2.4rem
	}
	.sub-right-center-img {
		border-radius: 1rem;
		margin: 3.2rem auto 4rem
	}
	#esgSubTopHalf {
		border-radius: 2rem;
		margin-bottom: 2.4rem
	}
	#daycareMap {
		display: block;
		margin: 3.2rem auto 0
	}
	#daycareFinish {
		margin-top: 4rem
	}
	#daycareWork {
		width: 80rem
	}
	.esg-top {
		background-position: calc(100% - 3rem) calc(100% - 3rem) !important;
		height: 36rem;
		margin-bottom: 6.7rem;
		margin-top: 4rem;
		padding: 4rem 3rem
	}
	.esg-top.env {
		background-size: 15.4rem 15rem
	}
	.esg-top.social {
		background-size: 19.5rem 12.7rem
	}
	.esg-top.gov {
		background-size: 17.2rem 14rem
	}
	.esg-top>em {
		font-size: 1.6rem;
		margin-bottom: 1rem
	}
	.esg-top>h2 {
		font-size: 2.6rem
	}
	.esg-top>h2>br {
		display: block
	}
	.esg-top>p {
		display: none
	}
	.esg-top+.left-tit picture>img {
		width: 100%
	}
	.esg-top+.left-tit .btn-wrap {
		margin-top: 6rem
	}
	.esg-box {
		margin-top: 4rem;
		padding: 3rem
	}
	.esg-box .tit {
		font-size: 1.8rem
	}
	.esg-box picture {
		margin: 2.4rem 0
	}
	.esg-box picture>img {
		max-width: 26rem
	}
	.esg-box .bg-gray-txt {
		font-size: 1.6rem;
		margin-bottom: 4rem;
		padding: 1.6rem;
		word-break: keep-all
	}
	#carbonTb {
		margin-right: 2.5rem
	}
	#carbonTb colgroup col:first-of-type {
		width: 11.5rem
	}
	#carbonTb colgroup col:last-of-type {
		width: auto
	}
	#carbonTb td, #carbonTb th {
		font-size: 1.6rem
	}
	#carbonTb ul li {
		padding-left: 1.1rem
	}
	#carbonTb ul li:before {
		height: .3rem;
		top: 1.1rem;
		width: .3rem
	}
	#carbonTb ul li+li {
		margin-top: .8rem
	}
	#envSystem {
		margin-top: 4rem
	}
	#envSystem>img {
		max-width: 26rem
	}
	#esgRiskManage {
		margin-bottom: 2.4rem;
		padding-top: .8rem
	}
	#esgRiskManage>img {
		max-width: 29.4rem
	}
	#compareOrganization col:first-of-type {
		width: 18.7%
	}
	#compareOrganization th:first-of-type {
		padding: 1.6rem
	}
	#esgOrganization {
		padding-top: .8rem
	}
	#esgOrganization>img {
		max-width: 29.4rem
	}
	.strategy-wrap {
		margin-top: 4rem
	}
	.strategy-wrap picture>img {
		width: 100%
	}
	.strategy-img {
		margin-top: 6rem
	}
	.strategy-img p.sub-tit.small {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	#esgStrategyImage>img {
		max-width: 32rem
	}
	.statue-list {
		margin-top: 6rem
	}
	.statue-list__head {
		display: none
	}
	.statue-list__content .set {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		border-radius: 1rem;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.statue-list__content .set+.set {
		margin-top: 2.4rem
	}
	.statue-list__content .set>* {
		width: 100%
	}
	.statue-list__content dl {
		padding: 3rem 0
	}
	.statue-list__content dl br {
		display: none
	}
	.statue-list__content dl dt {
		font-size: 4rem
	}
	.statue-list__content dl dd {
		background-size: 6.4rem 6.4rem;
		font-size: 1.8rem;
		margin-top: 1.2rem;
		padding-top: 7.8rem
	}
	.statue-list__content ol {
		padding: .8rem 2.4rem
	}
	.statue-list__content ol>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 2.4rem 0
	}
	.statue-list__content ol>li>* {
		width: 100% !important
	}
	.statue-list__content ol>li .tit {
		font-size: 1.6rem;
		padding: 0 0 0 2.8rem
	}
	.statue-list__content ol>li .tit>i {
		font-size: 2.4rem;
		left: .3rem;
		top: .2rem
	}
	.statue-list__content ol>li ul {
		font-size: 1.6rem;
		margin-top: 1rem;
		padding: 0 0 0 2.8rem
	}
	.statue-list__content ol>li ul li {
		padding-left: 1.1rem
	}
	.statue-list__content ol>li ul li:before {
		height: .3rem;
		top: .9rem;
		width: .3rem
	}
	.statue-list__content ol>li ul li+li {
		margin-top: 1rem
	}
	.statue-list__content ol>li .img-wrap {
		margin-top: 1rem;
		padding-left: 4rem;
		text-align: left
	}
	.statue-list__content ol>li .img-wrap>img {
		height: 4rem;
		width: 4.3rem
	}
	.statue-list__content ol>li .img-wrap>img+img {
		margin-left: .2rem
	}
	.appraisal {
		margin-top: 6rem
	}
	.appraisal>p {
		font-size: 2rem;
		margin-bottom: 2.4rem
	}
	.appraisal__set {
		border-radius: 1rem
	}
	.appraisal__set+.appraisal__set {
		margin-top: 2rem
	}
	.appraisal__set .top {
		display: block;
		min-height: unset;
		padding: 2rem 2rem 2.4rem
	}
	.appraisal__set .top>img {
		display: block;
		margin: 0 auto;
		max-width: 22rem
	}
	.appraisal__set .top>div {
		margin-top: 2.4rem
	}
	.appraisal__set .top>div>p {
		font-size: 1.6rem
	}
	.appraisal__set .top>div>p.tit {
		font-size: 1.8rem;
		margin-bottom: 1.6rem
	}
	.appraisal__set .top>div>p.dot {
		padding-left: 1.1rem
	}
	.appraisal__set .top>div>p.dot+.dot {
		margin-top: 1rem
	}
	.appraisal__set .top>div>p.dot:before {
		content: "";
		display: block;
		position: absolute;
		top: .9rem
	}
	.appraisal__set .bottom {
		padding: 2rem
	}
	.appraisal__set .bottom .tit {
		font-size: 1.6rem
	}
	.appraisal__set .bottom>ul>li {
		display: block;
		font-size: 1.6rem;
		margin-top: .8rem;
		padding-left: 1.1rem;
		width: 100%
	}
	.appraisal__set .bottom>ul>li:before {
		content: "";
		display: block;
		position: absolute;
		top: .9rem
	}
	.appraisal__set .bottom>ul.kcgs {
		margin-top: .8rem
	}
	.appraisal__set .bottom>ul.kcgs>li {
		background-size: 5.1rem 6rem;
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 600;
		padding-top: 7.2rem;
		vertical-align: top;
		width: 5.6rem
	}
	.appraisal__set .bottom>ul.kcgs>li+li {
		margin-left: 1.6rem
	}
	.initiative {
		display: block;
		margin-top: 6rem
	}
	.initiative__card {
		border-radius: 1rem;
		display: block;
		padding: 2rem
	}
	.initiative__card+.initiative__card {
		margin-top: 2rem
	}
	.initiative__card>p {
		font-size: 1.6rem
	}
	.initiative__card>p.tit {
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
		word-break: keep-all
	}
	.initiative__card>div {
		padding-top: 2.4rem
	}
	.initiative__card>div>img {
		height: 10rem
	}
	.initiative__card>div>p {
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.esg-finance {
		display: block;
		margin-top: 1.6rem
	}
	.esg-finance>img {
		display: block;
		margin: 4rem auto 0;
		max-width: 20.3rem;
		width: 100%
	}
	.esg-finance+.btn-wrap {
		margin-top: 4rem
	}
	.strategy-box>li {
		display: block
	}
	.strategy-box>li+li {
		margin-top: 4rem
	}
	.strategy-box>li:first-child .left-tit {
		margin-bottom: 12px;
		margin-top: 0
	}
	.strategy-box>li .left-tit {
		font-size: 2rem;
		margin-bottom: 2.4rem;
		margin-right: 0;
		padding-top: 0;
		width: 100%
	}
	.strategy-box>li .left-tit:before {
		display: none
	}
	.strategy-box>li .tit-box .title {
		background: url(../../img/ko/esg/ico-strategy-title.svg) top no-repeat;
		background-size: 4.3rem 4.3rem;
		font-size: 2rem;
		line-height: 1;
		margin-top: 5rem;
		padding-left: 0;
		padding-top: 5.3rem
	}
	.strategy-box>li .cont-box {
		display: block
	}
	.strategy-box>li .cont-box>li {
		border-radius: 1rem;
		padding: 4rem 1.7rem
	}
	.strategy-box>li .cont-box>li+li {
		margin-left: 0;
		margin-top: 2.4rem
	}
	.strategy-box>li .cont-box>li .tit {
		font-size: 2rem;
		margin-bottom: 3.5rem
	}
	.strategy-box>li .cont-box>li .tit>span {
		margin-right: 1.6rem
	}
	.strategy-box>li .cont-box>li .txt {
		font-size: 1.8rem;
		letter-spacing: -.45px;
		line-height: 1.44
	}
	.strategy-box>li .cont-box>li>ul {
		height: 16rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph {
		margin: 0 auto 3.5rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph>li>b {
		font-size: 1.6rem;
		margin-bottom: .6rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph>li>div {
		border-radius: 1rem 1rem 0 0;
		width: 6.2rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph>li>div>p {
		bottom: 1.2rem;
		font-size: 1.6rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph>li.bond>div, .strategy-box>li .cont-box>li>ul.bar-graph>li.loan>div
		{
		height: 12rem
	}
	.strategy-box>li .cont-box>li>ul.bar-graph>li.investment>div {
		height: 7rem
	}
	.strategy-box>li .cont-box>li>ul.circle {
		margin-bottom: 3.5rem
	}
	.strategy-box>li .cont-box>li>ul.circle>li {
		font-size: 1.6rem;
		height: 12.4rem;
		padding: 2.4rem 0;
		width: 12.4rem
	}
	.strategy-box>li .cont-box>li>ul.circle>li+li {
		margin-left: 1rem
	}
	.strategy-box>li .cont-box>li>ul.circle>li:last-child {
		margin-top: 3.5rem
	}
	.strategy-box>li .cont-box>li>ul.circle>li>b {
		font-size: 2.4rem
	}
	.strategy-box>li .cont-box>li>ul.circle>li>em {
		font-size: 1.4rem;
		margin-top: .6rem
	}
	.strategy-box>li .cont-box>li.env .tit, .strategy-box>li .cont-box>li.gov .tit,
		.strategy-box>li .cont-box>li.soc .tit {
		font-size: 2.6rem;
		margin-bottom: 2rem
	}
	.strategy-box>li .cont-box>li.env .txt, .strategy-box>li .cont-box>li.gov .txt,
		.strategy-box>li .cont-box>li.soc .txt {
		background-size: 6.4rem 6.4rem;
		font-size: 2rem;
		padding-top: 9.4rem
	}
	.ir-main>.top {
		margin-top: -4rem;
		padding-bottom: 2rem
	}
	
	.ir-main .earning {
		margin-bottom: 2rem;
		-webkit-transform: translateY(-3rem);
		transform: translateY(-3rem)
	}
	
	.ir-main .earning__wrap {
		border-radius: 1rem;
		display: block;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding: 3rem
	}
	.ir-main .earning__wrap .left>h2 {
		color: #fff;
		font-size: 2.2rem;
		letter-spacing: -.5px
	}
	.ir-main .earning__wrap .left>h2>span {
		font-size: 16px;
		font-weight: 600
	}
	.ir-main .earning__wrap .left>.notice {
		background: url(../../img/ko/main/ico-notice-w.svg) left top .1rem
			no-repeat;
		background-size: 1.6rem 1.6rem;
		font-size: 1.4rem;
		margin-top: 2.4rem;
		padding-left: 2.2rem
	}
	.ir-main .earning__wrap .right {
		display: block
	}
	.ir-main .earning__wrap .right>div>a+a {
		margin-top: 2rem
	}
	.ir-main .earning__wrap .right>div.top {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 6rem
	}
	.ir-main .earning__wrap .right>div.top>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: unset
	}
	.ir-main .earning__wrap .right>div.top>a+a {
		margin-left: 1rem;
		margin-top: 0
	}
	.ir-main .earning__wrap .right>div.top+.bottom {
		margin-left: 0;
		margin-top: 2rem
	}
	.ir-main .earning__wrap .right>div.bottom>a {
		min-width: 100%
	}
	
	.ir-main .ir-card {
		display: block;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	.ir-main .ir-card>li {
		border-radius: 1rem;
		height: 26rem
	}
	.ir-main .ir-card>li+li {
		margin-top: 2rem
	}
	.ir-main .ir-card>li .head {
		border-bottom: 0;
		height: auto;
		padding: 3rem 3rem 0
	}
	.ir-main .ir-card>li .head>p {
		font-size: 1.8rem
	}
	.ir-main .ir-card>li .head>a {
		background-size: 1.6rem 1.6rem;
		font-size: 1.8rem;
		padding-right: 3.2rem
	}
	.ir-main .ir-card>li .body {
		padding: 3rem
	}
	.ir-main .ir-card>li .body>p.share-sub {
		font-size: 1.6rem
	}
	.ir-main .ir-card>li .body>p.share-price {
		font-size: 1.4rem
	}
	.ir-main .ir-card>li .body>p.share-price>strong {
		font-size: 4.4rem;
		margin-right: .6rem
	}
	.ir-main .ir-card>li .body>p.share-info {
		font-size: 1.4rem;
		margin-top: 3.2rem
	}
	.ir-main .ir-card>li .body>p.share-info>span {
		margin-left: 1.2rem;
		padding-left: 2rem
	}
	.ir-main .ir-card>li .body>p.share-info>span:before {
		height: .2rem;
		width: 1.4rem
	}
	.ir-main .ir-card>li .body>p.share-info>span.up:before {
		border-bottom-width: 1rem;
		border-left-width: .7rem;
		border-right-width: .7rem
	}
	.ir-main .ir-card>li .body>p.share-info>span.down:before {
		border-left-width: .7rem;
		border-right-width: .7rem;
		border-top-width: 1rem
	}
	.ir-main .ir-card>li#sharePrice .body {
		background-size: 20.8rem 13rem
	}
	.ir-main .ir-card>li#shareInfo .body {
		background-size: 12rem 12rem
	}
	.ir-main .ir-card>li#credit .body {
		padding: 3rem 0
	}
	.ir-main .ir-card>li#credit .credit>li>p {
		font-size: 1.6rem
	}
	.ir-main .ir-card>li#credit .credit>li>p.long {
		font-size: 3rem;
		margin-top: 1rem
	}
	.ir-main .ir-card>li#credit .credit>li>p.long>span:after {
		height: .3rem
	}
	.ir-main .ir-card>li#credit .credit>li>p.short {
		font-size: 3rem
	}
	.ir-main .ir-card>li#credit .label {
		margin-top: 1.4rem
	}
	.ir-main .ir-card>li#credit .label>p {
		font-size: 1.4rem;
		padding-left: 1.6rem
	}
	.ir-main .ir-card>li#credit .label>p+p {
		margin-left: 1.4rem
	}
	.ir-main .ir-card>li#credit .label>p:before {
		border-radius: .2rem;
		height: 1rem;
		width: 1rem
	}
	.ir-main .ir-card>li#management {
		height: auto;
		padding: 0
	}
	.ir-main .ir-card>li#management>ul {
		display: block
	}
	.ir-main .ir-card>li#management>ul>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 28rem;
		padding: 3rem
	}
	.ir-main .ir-card>li#management>ul>li+li {
		border-left: 0;
		border-top: 1px solid #eee
	}
	.ir-main .ir-card>li#management>ul>li#result {
		background-position: right 3rem bottom 3rem;
		background-size: 6.3rem 9.5rem
	}
	.ir-main .ir-card>li#management>ul>li#annual {
		background-position: right 1.4rem bottom .7rem;
		background-size: 15.1rem 11.7rem
	}
	.ir-main .ir-card>li#management>ul>li#annual .body .btn-wrap {
		z-index: 1
	}
	.ir-main .ir-card>li#management>ul>li#annual .body .cover {
		bottom: 3rem;
		height: 9rem;
		width: 13.4rem
	}
	.ir-main .ir-card>li#management>ul>li .head {
		height: auto;
		padding-bottom: 0
	}
	.ir-main .ir-card>li#management>ul>li .body {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.ir-main .ir-card>li#management>ul>li .body>p {
		font-size: 1.6rem
	}
	.ir-main .ir-card>li#management>ul>li .body .btn-wrap {
		margin-top: 2.4rem
	}
	.ir-main .ir-card>li#management>ul>li .body .btn-wrap>a {
		min-width: 12.8rem
	}
	.ir-main .ir-card>li#management>ul>li .body .btn-wrap>a+a {
		margin-top: 1rem
	}
	.ir-main .ir-card>li#idData .head {
		display: none
	}
	.ir-main .ir-card>li#idData .ir-data {
		-webkit-box-flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-ms-flex: 1;
		flex: 1;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 0
	}
	.ir-main .ir-card>li#idData .ir-data>li {
		margin-top: 0;
		width: 100%
	}
	.ir-main .ir-card>li#idData .ir-data>li>a {
		background: url(../../img/ko/arrow-right.svg) 100% no-repeat;
		background-size: 1.6rem 1.6rem;
		width: 100%
	}
	.ir-main .ir-card>li#idData .ir-data>li>a>span {
		background-size: 3.2rem 3.2rem;
		font-size: 1.6rem;
		min-height: 3.2rem;
		padding-left: 4rem
	}
	.ir-main .ir-card>li#idData .ir-data>li:nth-child(2n) {
		padding-left: 0
	}
	.ir-main .mid {
		padding: 5rem 0
	}
	.ir-main .mid .announce {
		display: block
	}
	.ir-main .mid .announce>div {
		width: 100%
	}
	.ir-main .mid .announce>div .head {
		margin-bottom: 2.4rem
	}
	.ir-main .mid .announce>div .head>p {
		font-size: 1.8rem;
		font-weight: 600
	}
	.ir-main .mid .announce>div .head>a {
		background: url(../../img/ko/arrow-right.svg) 50% no-repeat;
		background-size: 1.6rem 1.6rem;
		color: transparent;
		height: 2.4rem;
		margin-right: -.8rem;
		padding-right: 0;
		width: 4rem
	}
	.ir-main .mid .announce__company {
		padding-right: 0
	}
	.ir-main .mid .announce__company>ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: block;
		justify-content: space-between
	}
	.ir-main .mid .announce__company>ul>li {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.ir-main .mid .announce__company>ul>li+li {
		margin-top: 1rem
	}
	.ir-main .mid .announce__company>ul>li>div>a {
		font-size: 1.6rem;
		font-weight: 500
	}
	.ir-main .mid .announce__company>ul>li .date {
		font-size: 1.4rem;
		margin-left: 3rem
	}
	.ir-main .mid .announce__management {
		border-top: 1px solid #eee;
		margin-top: 3rem;
		padding-left: 0;
		padding-top: 3rem
	}
	.ir-main .mid .announce__management>.download {
		display: block;
		height: auto
	}
	.ir-main .mid .announce__management>.download>div {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid #ddd;
		border-radius: .6rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 4.8rem;
		padding: 0 2rem
	}
	.ir-main .mid .announce__management>.download>div+div {
		margin-top: 1rem
	}
	.ir-main .mid .announce__management>.download>div>p {
		font-size: 1.6rem;
		padding-right: 2.4rem
	}
	.ir-main .mid .announce__management>.download>div>a {
		background-position: right 2rem center;
		color: transparent;
		height: 100%;
		left: 0;
		margin-top: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
	.ir-main .ir-inquiry {
		background-image: url(../../img/ko/ir/bg-ir-inquiry-m.png);
		padding: 6rem 0 3.6rem
	}
	.ir-main .ir-inquiry .wrap>p {
		font-size: 1.4rem;
		font-weight: 400
	}
	.ir-main .ir-inquiry .wrap>p.title {
		font-size: 1.8rem;
		font-weight: 600;
		margin-bottom: 2.4rem
	}
	.ir-main .ir-inquiry .wrap>p.email {
		font-size: 1.8rem;
		font-weight: 600;
		margin-top: 1rem
	}
	.ir-main .ir-inquiry .wrap .btn-wrap {
		margin-top: 2.4rem;
		position: static;
		right: auto;
		text-align: left;
		top: auto;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	
	.earning {
		margin-bottom: 4rem;
		-webkit-transform: translateY(-6rem);
		transform: translateY(-6rem)
	}
	.earning__wrap {
		border-radius: 1rem;
		display: block;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding: 3rem
	}
	.earning__wrap .left>h2 {
		color: #fff;
		font-size: 2.2rem;
		letter-spacing: -.5px
	}
	.earning__wrap .left>h2>span {
		font-size: 16px;
		font-weight: 600
	}
	.earning__wrap .left>.notice {
		background: url(../../img/ko/main/ico-notice-w.svg) left top .1rem
			no-repeat;
		background-size: 1.6rem 1.6rem;
		font-size: 1.4rem;
		margin-top: 2.4rem;
		padding-left: 2.2rem
	}
	
	.earning__wrap .left>.mb {
		margin: 0 0 1.6rem 0
	}	
	.earning__wrap .right {
		display: block
	}
	
	.earning__wrap .right>div>p {
		font-size: 1.8rem;
   	 	margin: 0 0 2.6rem 0;
	}
		
	.earning__wrap .right>div>a+a {
		margin-top: 2rem
	}
	.earning__wrap .right>div.top {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 6rem
	}
		
	.earning__wrap .right>div.top>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: unset
	}
	
	.earning__wrap .right>div.top2 {
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 3rem
	}
		
	.earning__wrap .right>div.top2>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 100%
	}	

	.earning__wrap .right>div.top>a+a {
		margin-left: 1rem;
		margin-top: 0
	}
	.earning__wrap .right>div.top+.bottom {
		margin-left: 0;
		margin-top: 2rem
	}
	
	.earning__wrap .right>div.top+.top {
		margin-left: 0;
		margin-top: 2rem
	}	
	.earning__wrap .right>div.bottom>a {
		min-width: 100%
	}
	
	
	.business-list-top {
		padding-bottom: 4rem
	}
	#businessList .tbl-grid__body>li .title {
		grid-area: left-top;
		margin-top: 0
	}
	#businessList .tbl-grid__body>li .sub {
		grid-area: left-bottom;
		margin-top: .6rem
	}
	.business-list {
		padding: 4rem 0 8rem
	}
	.business-list ul {
		display: block
	}
	.business-list ul>li {
		border-radius: 1rem;
		padding: 2.4rem
	}
	.business-list ul>li+li {
		margin-left: 0;
		margin-top: 1.6rem
	}
	.business-list ul>li>p {
		font-size: 1.6rem;
		margin-bottom: 1.6rem
	}
	.business-list ul>li>p.tit {
		margin-bottom: 1.6rem
	}
	.business-list ul>li .btn-link {
		font-size: 1.4rem
	}
	.popup__body#creditRatingList01>p {
		font-size: 1.6rem
	}
	.popup__body#creditRatingList01 .set {
		margin-top: 4rem
	}
	.popup__body#creditRatingList01 .set>.tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.popup__body#creditRatingList01 .set .tbl-wrap+.tbl-wrap {
		margin-top: 4rem
	}
	.popup__body#creditRatingList01 .set .tbl-wrap .title {
		margin-bottom: 1.6rem
	}
	.popup__body#creditRatingList01 .set .tbl-wrap .title .tit {
		font-size: 1.6rem
	}
	.popup__body#creditRatingList01 [role=tabpanel] {
		padding-top: 1.6rem
	}
	#importantDetail {
		width: 62rem
	}
	#dividen {
		width: 72rem
	}
	.ir .accordion-controls>li .accordion-btn {
		font-size: 2.2rem;
		min-height: 7.6rem;
		padding: 1.6rem 4.8rem 1.6rem 1.6rem
	}
	.ir .accordion-controls>li .accordion-btn:before {
		height: 1.6rem;
		right: 1.6rem;
		width: 1.6rem
	}
	.ir .accordion-controls>li .accordion-cont>ul {
		padding: 0 1.6rem
	}
	.ir .accordion-controls>li .accordion-cont>ul>li {
		display: block;
		font-size: 1.8rem;
		padding: 2.2rem 1.6rem
	}
	.ir .accordion-controls>li .accordion-cont>ul>li>div.mt {
	    margin-top: 2.4rem
	}	
	.ir .accordion-controls>li .accordion-cont>ul>li>div .btn-link+.btn-link {
    	margin-left: 2.4rem
	}
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li {
		display: block
	}
    .ir .accordion-controls.presentation>li .accordion-cont>ul>li.presentation {
        padding: 2.2rem 0 2.2rem 1.6rem
    }	
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left {
		display: block;
		margin-bottom: 2.4rem
	}
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left>p
		{
		font-size: 1.8rem;
		margin-bottom: .8rem;
		margin-right: 0
	}
	
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.right{
	    flex-wrap: wrap;
	    width: 100%
	}
	
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.right>p
		{
	    display: flex;
	    align-items: center;
	    height: 26px;
	    width: 15.5rem
	}
	
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div.left>div>p
		{
		font-size: 1.6rem
	}
	.ir .accordion-controls.presentation>li .accordion-cont>ul>li>div .btn-link+.btn-link
		{
		margin-left: 2.4rem
	}
	.report-list .recent-wrap .recent {
		background-image: url(../../img/ko/ir/bg-annual-report-recent-m.png);
		background-position: right -1.8rem top 14rem;
		background-size: 19.8rem 14rem;
		border-radius: 1rem;
		height: 47.3rem;
		padding: 3rem
	}
	.report-list .recent-wrap .recent>h2.title, .report-list .recent-wrap .recent>h3.title,
		.report-list .recent-wrap .recent>p.title {
		font-size: 3rem;
		margin-top: .8rem
	}
	.report-list .recent-wrap .recent>h2.year, .report-list .recent-wrap .recent>h3.year,
		.report-list .recent-wrap .recent>p.year {
		font-size: 1.6rem
	}
	.report-list .recent-wrap .recent>h2.txt, .report-list .recent-wrap .recent>h3.txt,
		.report-list .recent-wrap .recent>p.txt {
		display: none
	}
	.report-list .recent-wrap .recent>a {
		margin-top: 1.2rem
	}
	.report-list .recent-wrap .recent .recent-cover {
		bottom: 22.1rem;
		height: 10.6rem;
		right: -1.7rem;
		width: 15.8rem
	}
	.report-list .recent-wrap .recent-btn {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		bottom: 3rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 1rem;
		padding: 0 3rem;
		width: 100%
	}
	.report-list .recent-wrap .recent-btn>a {
		border-radius: 2rem;
		font-size: 1.4rem;
		font-weight: 600;
		min-height: 4rem;
		width: 100%
	}
	.report-list .recent-wrap .recent-btn>a+a {
		margin-left: 0;
		margin-top: 2rem
	}
	.report-list .recent-wrap.esg .recent {
		background-image: url(../../img/ko/esg/bg-esg-report-recent-m.png);
		background-position: right -1.8rem top 11.9rem;
		background-size: 19.8rem 14.2rem;
		height: 33.3rem
	}
	.report-list .recent-wrap.esg .recent .recent-cover {
		bottom: 10rem
	}
	.report-list .recent-wrap.esg .recent-btn {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.report-list .recent-wrap.esg .recent-btn>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: unset
	}
	.report-list .recent-wrap.esg .recent-btn>a+a {
		margin-left: 1rem;
		margin-top: 0
	}
	.report-list .past {
		-ms-grid-columns: 1fr 4rem 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 4rem;
		grid-row-gap: 4rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		margin-top: 4rem
	}
	.report-list .past>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.report-list .past>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.report-list .past>li>p {
		font-size: 2.4rem
	}
	.report-list .past>li .card {
		border-radius: 1rem;
		margin-top: 1.6rem
	}
	.report-list .past>li .card .button>a {
		height: 7rem
	}
	.report-list .past>li .card .button>a>span {
		background-size: 1.6rem 1.6rem;
		font-size: 1.4rem;
		padding-right: 2.6rem
	}
	.report-list .past>li .card .button>a+a:before {
		height: 1.8rem
	}
	.media-room {
		margin-top: -6.8rem
	}
	.media-room:before {
		bottom: calc(100% - 1.9rem);
		height: 10.9rem;
		right: 0;
		width: 12rem
	}
	.media-room .media-search {
		border-radius: .6rem;
		height: 5.6rem;
		margin-bottom: 4.8rem;
		padding: 0 2.4rem
	}
	.media-room .media-search .input-set>input {
		font-size: 1.6rem;
		padding-right: 3.2rem
	}
	.media-room .media-search .input-set .btn-del {
		background-size: 1.6rem 1.6rem;
		height: 2.2rem;
		right: .8rem;
		width: 2.2rem
	}
	.media-room .media-search .btn-search {
		background-size: 1.6rem 1.6rem;
		height: 2.2rem;
		margin-left: .8rem;
		width: 2.2rem
	}
	.media-room .search-result {
		font-size: 1.6rem;
		margin-bottom: 5rem
	}
	.media-room .no-search-result {
		background-position: center 11rem;
		background-size: 4.8rem 4.8rem;
		font-size: 1.6rem;
		padding: 17.5rem 0 11rem
	}
	.gray-box {
		margin-bottom: 4rem;
		padding: 4rem 0
	}
	.gray-box.wide {
		padding: 0 0 4rem
	}
	.gray-box.esg {
		margin-bottom: 4rem;
		padding-bottom: 4rem;
		padding-top: 4rem
	}
	.gray-box .ratio-wrap {
		display: block;
		height: auto;
		padding-top: 0
	}
	.gray-box .ratio-wrap .flex-wrap {
		height: auto;
		position: relative
	}
	.gray-box .ratio-wrap .flex-wrap .left {
		height: auto;
		width: 100%
	}
	.gray-box .ratio-wrap .flex-wrap .left .news-img-slide {
		border-radius: 1rem;
		height: auto
	}
	.gray-box .ratio-wrap .flex-wrap .left .news-img-slide .swiper-slide>a {
		display: block;
		height: 0;
		padding-top: 56.25%;
		position: relative;
		width: 100%
	}
	.gray-box .ratio-wrap .flex-wrap .left .news-img-slide .swiper-slide img
		{
		left: 0;
		position: absolute;
		top: 0
	}
	.gray-box .ratio-wrap .flex-wrap .left .video-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 56.25%;
		position: relative;
		width: 100%
	}
	.gray-box .ratio-wrap .flex-wrap .left .video-wrap iframe {
		left: 0;
		position: absolute;
		top: 0
	}
	.gray-box .ratio-wrap .flex-wrap .right {
		display: block;
		height: auto;
		margin-left: 0;
		margin-top: 2.4rem;
		width: 100%
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p
		{
		font-size: 1.6rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.tit
		{
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		font-size: 2rem;
		margin-bottom: 1.6rem;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.txt
		{
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-txt-slide .swiper-slide p.date
		{
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-slide-control {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2.4rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-pagination
		{
		font-size: 1.4rem;
		margin: 0 .8rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-next,
		.gray-box .ratio-wrap .flex-wrap .right .news-slide-control .swiper-button-prev
		{
		height: 2.4rem;
		width: 2.4rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap {
		height: 17rem;
		overflow-y: auto
	}
	.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap p {
		font-size: 1.6rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap p.tit {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.gray-box .ratio-wrap .flex-wrap .right .video-txt-wrap p.date {
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.detail-view__header {
		padding: 2.4rem 0
	}
	.detail-view__header>p.title {
		font-size: 2rem
	}
	.detail-view__header>p.date {
		font-size: 1.4rem;
		margin-top: 1.6rem
	}
	.detail-view__body .editor {
		padding: 4rem 0
	}
	.detail-view__body .editor p {
		font-size: 1.6rem
	}
	.detail-view__body .editor img {
		margin: 2.4rem auto
	}
	.detail-view__body .attatch {
		background-color: #f9fcfb;
		padding: 2.4rem
	}
	.detail-view__body .attatch .btn-link {
		font-size: 1.4rem
	}
	.detail-view__body+.list-slide-wrap {
		margin-top: 4rem
	}
	.detail-view__footer {
		margin-top: 6rem
	}
	.detail-view__footer>div {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: auto;
		padding: 2.4rem 0
	}
	.detail-view__footer>div .direction {
		background-size: 1.8rem 1.8rem;
		font-size: 1.6rem;
		margin-right: 1.6rem;
		padding-right: 2.6rem
	}
	.detail-view__footer>div>div>a {
		font-size: 1.6rem
	}
	.detail-view__footer>div .date {
		display: none
	}
	.cf-list>li+li {
		margin-top: 4rem
	}
	.cf-list>li>p {
		font-size: 2.4rem
	}
	.cf-list>li>ul {
		-ms-grid-columns: 1fr 2rem 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 2rem;
		grid-row-gap: 2.4rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		margin-top: 1.6rem
	}
	.cf-list>li>ul>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.cf-list>li>ul>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.cf-list>li>ul>li .img-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 56.25%;
		position: relative;
		width: 100%
	}
	.commercial-list>li+li {
		margin-top: 4rem
	}
	.commercial-list>li>p {
		font-size: 2.4rem
	}
	.commercial-list>li>ul {
		-ms-grid-columns: 1fr 2rem 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 2rem;
		grid-row-gap: 2.4rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		margin-top: 1.6rem
	}
	.commercial-list>li>ul>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.commercial-list>li>ul>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.commercial-list>li>ul>li .img-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 137.3333333333%;
		position: relative;
		width: 100%
	}
	.commercial-list+.btn-wrap {
		margin-top: 4rem
	}
	.list-slide-wrap {
		position: relative
	}
	.list-slide-wrap .swiper-button-prev {
		height: 2.4rem;
		left: -1.2rem;
		width: 2.4rem
	}
	.list-slide-wrap .swiper-button-next {
		height: 2.4rem;
		left: auto;
		right: -1.2rem;
		width: 2.4rem
	}
	.list-slide-wrap .list-slide {
		margin-left: -.2rem;
		margin-top: -.2rem;
		padding: .2rem;
		width: calc(100% + .4rem)
	}
	.list-slide-wrap .list-slide .swiper-slide>a {
		width: 100%
	}
	.list-slide-wrap .list-slide.commercial .swiper-slide>a .img-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 137.3333333333%;
		position: relative;
		width: 100%
	}
	.list-slide-wrap .list-slide.golf {
		margin-top: 6rem
	}
	.list-slide-wrap .list-slide.golf .swiper-slide>a .img-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 138.8888888889%;
		position: relative;
		width: 100%
	}
	.list-slide-wrap .list-slide.golf .swiper-slide>a .name {
		font-size: 1.6rem;
		padding-left: 2.4rem;
		position: absolute;
		top: 2.4rem
	}
	.list-slide-wrap+.btn-wrap {
		margin-top: 4rem
	}
	.left-tit__set+.left-tit__set {
		margin-top: 6rem
	}
	.left-tit__set--title {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: inline-block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		vertical-align: top;
		width: 100%
	}
	.left-tit__set--title.sticky {
		position: relative;
		top: auto
	}
	.left-tit__set--title>h2.tit, .left-tit__set--title>h3.tit,
		.left-tit__set--title>p.tit {
		font-size: 2.4rem;
		padding-right: 0
	}
	.left-tit__set--title>h2.tit+.btn-link, .left-tit__set--title>h3.tit+.btn-link,
		.left-tit__set--title>p.tit+.btn-link {
		margin-top: 0
	}
	.left-tit__set--title>.btn-line, .left-tit__set--title>.btn-link {
		-webkit-box-flex: 0;
		background-color: #f2f2f2;
		background-position: 50%;
		border: none;
		border-radius: 50%;
		color: transparent;
		-ms-flex: none;
		flex: none;
		font-size: 1px;
		height: 4rem;
		margin-left: 16px;
		margin-top: 0;
		min-width: auto;
		padding: 0;
		text-indent: -100%;
		width: 4rem
	}
	.left-tit__set--title+.left-tit__set--cont {
		margin-top: 2.4rem
	}
	.left-tit__set--title>img {
		height: 4rem;
		margin-bottom: 1.6rem
	}
	.left-tit__set--cont {
		display: inline-block;
		font-size: 1.6rem;
		vertical-align: top;
		width: 100% !important
	}
	.editor>.group+.group, .left-tit__set--cont .photo-slide+.editor {
		margin-top: 4rem
	}
	.editor>.group+.group.gap-160 {
		margin-top: 7.6rem
	}
	.editor>.group picture+.txt {
		margin-top: 2.4rem
	}
	.editor .img-box {
		border-radius: 1rem;
		height: 20rem;
		margin-bottom: 2.4rem
	}
	.editor .img-box>img {
		max-height: 77.5%;
		max-width: 80%
	}
	.editor p.txt {
		font-size: 1.6rem
	}
	.editor p.txt>strong {
		font-size: 2rem
	}
	.editor p.txt+.txt {
		margin-top: 1.6rem
	}
	.editor p.txt+.sub-tit, .editor p.txt+.title {
		margin-top: 3.2rem
	}
	.editor p.txt.gray-box {
		border-radius: .8rem;
		margin-top: 2.4rem;
		padding: 2.4rem
	}
	.editor p.txt.big {
		font-size: 2rem
	}
	.editor p.title {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.editor p.sub-tit {
		font-size: 1.8rem;
		margin-bottom: 1.6rem
	}
	.editor p.txt-refer {
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.editor p.sub-txt {
		font-size: 1.8rem;
		margin-bottom: 1.8rem
	}
	.editor p.middle-tit {
		font-size: 2rem
	}
	.editor p.middle-tit+.middle-tit {
		margin-top: 2.4rem
	}
	.editor ul+.sub-tit {
		margin-top: 3.2rem
	}
	.editor ul.dot-list+.dot-list {
		margin-top: 1.6rem
	}
	.editor ul.dot-list>li {
		font-size: 1.6rem;
		line-height: 1.5;
		padding-left: .8rem
	}
	.editor ul.dot-list>li:before {
		height: .3rem;
		top: .9rem;
		width: .3rem
	}
	.editor ul.dot-list>li+li {
		margin-top: 1rem
	}
	.editor ul.dot-list.num li>em {
		font-size: 1.2rem;
		height: 2.2rem;
		line-height: 2.1rem;
		margin-right: .8rem;
		margin-top: .1rem;
		width: 2.2rem
	}
	.editor ul.dot-list.network>li {
		font-size: 1.8rem
	}
	.editor ul.dot-list.network>li:before {
		top: 1.1rem
	}
	.editor ul.dot-list.row {
		grid-column-gap: 0;
		grid-row-gap: 1rem;
		-ms-grid-columns: 1fr 0 1fr;
		-ms-grid-rows: auto;
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		margin-top: 1.6rem
	}
	.editor ul.dot-list.row>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.editor ul.dot-list.row>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.editor ul.dot-list.row li+li {
		margin-left: 0
	}
	.editor ul.lpga-list>li {
		display: block;
		padding: 3.2rem 0
	}
	.editor ul.lpga-list>li .img-wrap {
		border-radius: 1rem;
		padding-top: 63.75%;
		width: 100%
	}
	.editor ul.lpga-list>li .cont {
		display: block;
		margin-top: 2.4rem;
		padding-left: 0
	}
	.editor ul.lpga-list>li .cont>p {
		font-size: 1.8rem;
		margin-bottom: 1.6rem
	}
	.editor ul.lpga-list>li .cont .dot-list {
		margin-top: 1.6rem
	}
	.editor ul.three-box {
		grid-column-gap: 0;
		grid-row-gap: .8rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.editor ul.three-box>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.editor ul.three-box li {
		border-radius: 1rem;
		padding: 2.4rem 4rem
	}
	.editor ul.three-box li p {
		font-size: 1.6rem
	}
	.editor+.photo-slide {
		margin-top: 4rem
	}
	.editor .icon-wrap {
		grid-column-gap: 0;
		grid-row-gap: 3.2rem;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		margin-top: 3.2rem
	}
	.editor .icon-wrap>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.editor .icon-wrap>li p {
		font-size: 1.6rem;
		margin-left: 1.6rem
	}
	.editor .icon-wrap>li p>b {
		margin-bottom: .8rem
	}
	.editor .icon-wrap>li p>span {
		font-size: 1.4rem;
		margin-top: .8rem
	}
	.editor .icon-wrap>li>i {
		background-size: 4rem 4rem;
		border-radius: 1rem;
		height: 8.8rem;
		width: 8.8rem
	}
	.editor .icon-wrap.col {
		display: block
	}
	.editor .icon-wrap.col>li+li {
		margin-top: 3.6rem
	}
	.editor .icon-wrap.col>li {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.editor .icon-wrap.start {
		gap: 3.2rem 0;
		margin-top: 2.4rem
	}
	.editor .icon-wrap.start>li {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.editor .icon-wrap.start>li p {
		margin-top: 1rem;
		padding-left: 1.6rem
	}
	.editor .icon-wrap.grid {
		-ms-grid-columns: 1fr 0 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 3.2rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}
	.editor .icon-wrap.grid>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.editor .icon-wrap.grid>:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-row: 1
	}
	.editor .icon-wrap.grid>li>p {
		margin-top: 1.6rem
	}
	.editor .img-wrap {
		margin: 4rem 0
	}
	.editor .img-wrap #bankCoreValue {
		max-width: 60.4rem
	}
	#klgaLogo {
		width: 18.2rem
	}
	#kpgaLogo {
		width: 22rem
	}
	#lpgaLogo {
		width: 24.2rem
	}
	.golf-list {
		margin-top: 4rem
	}
	.golf-list>p.mouse {
		background-position: left .1rem;
		background-size: 1.6rem 1.6rem;
		font-size: 1.4rem;
		padding-left: 2rem
	}
	.golf-list>ul {
		grid-column-gap: 2rem;
		grid-row-gap: 4rem
	}
	.golf-list>ul>li>a .img-wrap {
		background-color: #f5fbfa;
		border-radius: 1rem;
		padding-top: 2.7rem
	}
	.golf-list>ul>li>a .img-wrap>img {
		-webkit-transform: translateX(3rem);
		transform: translateX(3rem)
	}
	.golf-list>ul>li>a .img-wrap>.name {
		font-size: 1.6rem;
		padding-left: 1.6rem;
		top: 1.6rem
	}
	.golf-list>ul>li>a .img-wrap>.btn-more {
		display: none !important
	}
	.golfer-detail__profile {
		display: block
	}
	.golfer-detail__profile--image {
		border-radius: 1rem;
		width: 100%
	}
	.golfer-detail__profile--intro {
		margin-top: 4rem;
		padding: 0
	}
	.golfer-detail__profile--intro .league {
		font-size: 1.8rem
	}
	.golfer-detail__profile--intro .name {
		font-size: 2.6rem;
		margin-top: .8rem
	}
	.golfer-detail__profile--intro>div {
		display: block;
		margin-top: 2.4rem
	}
	.golfer-detail__profile--intro>div>div>p {
		font-size: 2rem
	}
	.golfer-detail__profile--intro>div>div>ul {
		margin-top: 1.6rem
	}
	.golfer-detail__profile--intro>div>div>ul>li {
		font-size: 1.6rem
	}
	.golfer-detail__profile--intro>div>div>ul>li+li {
		margin-top: 1rem
	}
	.golfer-detail__profile--intro>div>div>dl {
		margin-top: 1.6rem
	}
	.golfer-detail__profile--intro>div>div>dl>dt {
		font-size: 1.6rem;
		margin-top: 1rem;
		width: 10rem
	}
	.golfer-detail__profile--intro>div>div>dl>dd {
		font-size: 1.6rem;
		margin-top: 1rem;
		width: calc(100% - 10rem)
	}
	.golfer-detail__profile--intro>div>div>dl>dd .nationality {
		padding-left: 3.4rem;
		position: relative
	}
	.golfer-detail__profile--intro>div>div>dl>dd .nationality>img {
		height: 2.4rem;
		width: 2.4rem
	}
	.golfer-detail__history, .golfer-detail__profile--intro>div>div.prize {
		margin-top: 4rem
	}
	.golfer-detail__history .tbl-basic>tbody>tr>th {
		font-size: 1.8rem;
		padding: 1.6rem;
		width: 10rem
	}
	.golfer-detail__history .tbl-basic>tbody>tr>td {
		text-align: left
	}
	.aboutus-explain {
		padding: 4rem 0 0
	}
	.aboutus-explain.first {
		padding-bottom: 8rem
	}
	.aboutus-explain ul li {
		display: block
	}
	.aboutus-explain ul li+li {
		margin-top: 8rem
	}
	.aboutus-explain ul li .text-box {
		padding-right: 0;
		width: 100%
	}
	.aboutus-explain ul li .text-box .title {
		font-size: 2rem;
		margin-bottom: 1.6rem
	}
	.aboutus-explain ul li .text-box .title .br {
		display: none
	}
	.aboutus-explain ul li .text-box .txt {
		font-size: 1.6rem
	}
	.aboutus-explain ul li .text-box.item {
		margin-left: 0;
		padding-left: 0
	}
	.aboutus-explain ul li .youtube-wrap, .aboutus-explain ul li img {
		display: block;
		margin: 2.4rem auto 0;
		min-width: 32rem
	}
	.aboutus-explain ul li .youtube-wrap .btn-play {
		height: 4.8rem;
		width: 4.8rem
	}
	.application {
		padding: 7.2rem 0 10rem
	}
	.application.login .login-wrap {
		max-width: 100%;
		padding: 4rem 0 3.2rem
	}
	.application.login .login-wrap .top>h2, .application.login .login-wrap .top>p.title
		{
		font-size: 2.6rem
	}
	.application.login .login-wrap .top>p.txt {
		font-size: 1.6rem;
		margin-top: 1.6rem
	}
	.application.login .login-wrap .top .btn-wrap {
		margin-top: 2.4rem
	}
	.application.login .login-wrap .top .btn-wrap>a {
		height: 4.8rem
	}
	.application.login .login-wrap .bottom {
		margin-top: 4rem;
		padding-top: 4rem
	}
	.application.login .login-wrap .bottom .notice {
		margin-bottom: 1.6rem
	}
	.application.login .login-wrap .bottom>input {
		height: 4.8rem
	}
	.application.login .login-wrap .bottom>input+input {
		margin-top: .8rem
	}
	.application.login .login-wrap .bottom .btn-wrap {
		margin-top: 2rem
	}
	.application.login .login-wrap .bottom .btn-wrap>a {
		height: 4.8rem
	}
	.application.login .login-wrap .bottom .btn-wrap>a+a {
		margin-top: 0
	}
	.application.login dl {
		display: block;
		text-align: left
	}
	.application.login dl>dt {
		font-size: 1.4rem
	}
	.application.login dl>dd {
		font-size: 1.4rem;
		margin-left: 0;
		margin-top: .8rem
	}
	.application.login>.inner>p.notice {
		margin-top: 0
	}
	.application .btn-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.application .btn-wrap>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: unset
	}
	.application .btn-wrap>a+a {
		margin-left: 2rem
	}
	.application p.notice {
		background: url(../../img/ko/ico-notice-sm.svg) left top .1rem no-repeat;
		background-size: 1.6rem 1.6rem;
		font-size: 1.4rem;
		padding-left: 2rem
	}
	.application p.required {
		color: #ed1651 !important;
		font-size: 1.3rem
	}
	.application span.required {
		color: #ed1651 !important;
		font-weight: 700
	}	
	.application.agree .inner {
		padding-top: 4rem
	}
	.application.agree h2.title {
		font-size: 2.4rem;
		letter-spacing: -.15rem
	}
	.application.agree p.sub-title {
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
		margin-top: 3.2rem
	}
	.application.agree p.txt {
		font-size: 1.6rem
	}
	.application.agree .agree-family {
		display: block;
		margin-top: 1.6rem
	}
	.application.agree .agree-family>p {
		font-size: 1.4rem;
		margin-left: 0;
		margin-top: 1.6rem
	}
	.application.agree .agree-wrap {
		margin-bottom: 1.6rem;
		margin-top: 4rem
	}
	.application.agree .agree-wrap .agree-box {
		border-radius: .6rem;
		margin-top: 1.6rem;
		padding: 2.4rem 2rem
	}
	.application.agree .agree-wrap .agree-box>div+div {
		margin-top: 3rem;
		padding-top: 3rem
	}
	.application.agree .agree-wrap .agree-box>div>p.title {
		font-size: 1.8rem
	}
	.application.agree .agree-wrap .agree-box>div .policy {
		border-radius: .6rem;
		height: 24rem;
		margin-bottom: 2.4rem;
		margin-top: 1.6rem;
		padding: 0
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont {
		padding: 1.6rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p {
		font-size: 1.4rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.title
		{
		margin-bottom: 1rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.txt+.title
		{
		margin-top: 2.4rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.txt+.txt
		{
		margin-top: .4rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.refer
		{
		font-size: 1.2rem;
		margin-top: .8rem
	}
	.application.agree .agree-wrap .agree-box>div .policy .policy-cont>p.refer+.title
		{
		margin-top: 2.4rem
	}
	.application.agree .agree-wrap .agree-box>div .agree-info {
		display: block
	}
	.application.agree .agree-wrap .agree-box>div .agree-info+.agree-info {
		margin-top: 2.4rem
	}
	.application.agree .agree-wrap .agree-box>div .agree-info>p {
		font-size: 1.4rem;
		margin-bottom: 1.2rem;
		margin-right: 0
	}
	.application.agree .agree-wrap .agree-box>div .agree-info>div .check-radio+.check-radio
		{
		margin-left: 4rem
	}
	.application.agree .agree-wrap .agree-box>div p.required {
		letter-spacing: -.1rem;
		margin-top: 1.6rem;
		position: static
	}
	.application.agree .sign {
		margin-top: 4rem
	}
	.application.agree .sign>p {
		font-size: 1.4rem
	}
	.application.agree .sign>p+p {
		margin-top: .8rem
	}
	.application.agree .sign>div {
		display: block;
		margin-top: 1.6rem
	}
	.application.agree .sign>div>label {
		display: block;
		font-size: 1.6rem;
		margin-bottom: .8rem;
		margin-right: 0;
		text-align: left
	}
	.application.agree .sign>div>input {
		width: 100%
	}
	.application.agree .btn-wrap {
		margin-top: 4rem
	}
	.application.agree .btn-wrap>a {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 100%
	}
	.application.write .top {
		display: block;
		padding-top: 4rem
	}
	.application.write .top>div.left .title {
		font-size: 2.4rem
	}
	.application.write .top>div.left>p {
		font-size: 1.4rem;
		margin-top: 1.2rem
	}
	.application.write .top>div.right {
		margin-top: 3rem
	}
	.application.write .top>div.right>input {
		width: 100%
	}
	.application.write .top>div.right>input+input {
		margin-top: .8rem
	}
	.application.write .top>div.right>input+p {
		margin-top: 1.6rem
	}
	.application.write .top>div.right>p {
		font-size: 1.3rem;
		margin-top: .4rem
	}
	.application.write .form, .application.write .form__set+.form__set {
		margin-top: 6rem
	}
	.application.write .form__set .title>h3 {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		font-size: 2rem
	}
	.application.write .form__set .title>p {
		font-size: 1.4rem
	}
	
	.application.write .form__set>div>p {
		font-size: 1.3rem;
		margin-top: .4rem
	}		

	.application.write .form__set>div>div+p {
		margin-top: .6rem
	}	
	
	.application.write .form__set>div {
	    margin-top: .6rem;
	}	
	.application.write .form__set.activity .title {
		position: relative
	}
	.application.write .form__set.activity .title>p {
		left: 0;
		position: absolute;
		top: 5rem;
		width: 100%
	}
	.application.write .form__set.activity .form__wrap {
		padding-top: 5rem
	}
	.application.write .form__wrap {
		margin-top: .8rem
	}
	.application.write .form__wrap.sns select {
		width: 100%
	}
	.application.write .form__wrap.sns .btn-line {
		margin-top: 2rem !important
	}
	.application.write .form__wrap.sns input:last-of-type {
		width: 100%
	}
	.application.write .form__wrap.port .row>div {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.application.write .form__wrap.port .row>div+div {
		margin-top: 4rem
	}
	.application.write .form__wrap.port .row>div>p {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 50%
	}
	.application.write .form__wrap.port p {
		font-size: 1.6rem;
		margin-bottom: 0
	}
	.application.write .form__wrap.port .btn-line {
		margin-top: 4rem
	}
	.application.write .form__wrap.port .check-radio>input {
		height: 2rem;
		width: 2rem
	}
	.application.write .form__wrap.port .check-radio>span {
		font-size: 1.6rem;
		margin-top: 0
	}
	.application.write .form__wrap.activity .row>span {
		font-size: 1.6rem;
		margin: 0 .5rem
	}
	.application.write .form__wrap.activity .row.between .row {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.application.write .form__wrap.activity .row.between .row>label {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%
	}
	.application.write .form__wrap.activity .row.between input {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 100%
	}
	.application.write .form__wrap.activity textarea {
		height: 10rem
	}
	.application.write .form__wrap.activity .btn-line {
		margin-top: 4rem
	}
	.application.write .form__cont {
		border-bottom: 0;
		padding: 2.4rem 0
	}
	.application.write .form__cont .row {
		display: block
	}
	.application.write .form__cont .row+.row {
		margin-top: 4rem
	}
	.application.write .form__cont .row.gap-lg>div+div {
		margin-left: 0;
		margin-top: 4rem
	}
	.application.write .form__cont .row.gap-lg>div+div.empty {
		margin-top: 0
	}
	.application.write .form__cont .row.gap>*+* {
		margin-left: 0;
		margin-top: .8rem
	}
	.application.write .form__cont .row.between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.application.write .form__cont label:not(.check-radio) {
		display: block;
		margin-bottom: .8rem
	}
	.application.write .form__cont label:not(.check-radio), .application.write .form__cont label:not(.check-radio).short
		{
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}
	.application.write .form__cont label:not(.check-radio)>span {
		font-size: 1.6rem
	}
	.application.write .form__cont label:not(.check-radio).required>span:after
		{
		font-size: 1.6rem;
		right: -1.2rem;
		top: -.2rem
	}
	.application.write .form__cont.add {
		margin-left: -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		width: calc(100% + 4rem)
	}
	.application.write .form__cont--profile {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-column-gap: 0;
		grid-row-gap: 4rem;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.application.write .form__cont--profile>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.application.write .form__cont--profile .photo {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		display: block;
		order: 1
	}
	.application.write .form__cont--profile .photo-upload {
		display: block
	}
	.application.write .form__cont--profile .photo-upload .img-wrap {
		border-radius: 1rem;
		height: 20rem;
		margin: 0 auto;
		width: 15rem
	}
	.application.write .form__cont--profile .photo-upload>div {
		margin-top: 1.6rem
	}
	.application.write .form__cont--profile .photo-upload>div>p {
		font-size: 1.4rem;
		text-align: center
	}
	.application.write .form__cont--profile .photo-upload>div .btn-line {
		margin-top: 2.4rem
	}
	.application.write .form__cont--profile .name {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		order: 2
	}
	.application.write .form__cont--profile .name .check-radio {
		width: 49%
	}
	.application.write .form__cont .intro-set+.intro-set {
		margin-top: 4rem
	}
	.application.write .form__cont .intro-set>p.title {
		font-size: 1.6rem
	}
	.application.write .form__cont .intro-set>p.sub {
		font-size: 1.4rem;
		margin-top: .6rem
	}
	.application.write .form__cont .intro-set textarea {
		margin-top: .8rem
	}
	.application.write .form__cont .intro-set ul {
		margin-top: 1.6rem
	}
	.application.write .form__cont .intro-set ul>li {
		font-size: 1.3rem;
		padding-left: 1.1rem
	}
	.application.write .form__cont .intro-set ul>li+li {
		margin-top: 1rem
	}
	.application.write .form__cont .intro-set ul>li:before {
		content: "";
		display: block;
		height: .3rem;
		left: 0;
		position: absolute;
		top: .6rem;
		width: .3rem
	}
	.application.write .form+.check-radio {
		margin-top: 1.8rem
	}
	.application.write .form.family .row.gap-lg>div {
		width: 100%
	}
	.application.write .sign {
		margin-top: 4rem
	}
	.application.write .sign>p {
		font-size: 1.4rem
	}
	.application.write .sign>p+p {
		margin-top: .8rem
	}
	.application.write .sign>p.strong {
		font-size: 1.6rem;
		margin-top: 1.6rem
	}
	.application.write .sign>div {
		display: block;
		margin-top: 1.6rem
	}
	.application.write .sign>div>label {
		display: block;
		font-size: 1.6rem;
		margin-bottom: .8rem;
		margin-right: 0;
		text-align: left
	}
	.application.write .sign>div>input {
		width: 100%
	}
	.application.write .btn-wrap {
		display: block;
		margin-top: 4rem
	}
	.application.write .btn-wrap>a+a {
		margin-left: 0;
		margin-top: 2rem
	}
	.check-radio>input+p {
	    padding-left: .8rem;
	}
	
	.check-radio>p {
	    font-size: 1.6rem;
	}	
	.popup .announce>p {
		font-size: 1.6rem
	}
	.popup .announce .line-box {
		border-radius: 1rem;
		margin-top: 1.6rem;
		padding: 2.4rem
	}
	.popup .announce .line-box>dl {
		font-size: 1.6rem
	}
	.popup .announce .line-box>dl+dl {
		margin-top: 1rem
	}
	.popup .announce .line-box .refer {
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.popup .announce .tbl-wrap .unit {
		font-size: 1.4rem
	}
	.popup .announce .tbl-wrap .scroll {
		margin-top: 1.6rem;
		padding-bottom: 1.4rem;
		padding-right: 2.4rem;
		width: calc(100% + 2.4rem)
	}
	.popup .announce .tbl-wrap .scroll .drag {
		height: 14.8rem;
		width: 14.8rem
	}
	.popup .announce .tbl-wrap .scroll .tbl-basic>thead>tr>th:first-child {
		position: static
	}
	.popup .announce .tbl-wrap .tbl-basic {
		width: 198rem
	}
	.popup .announce .tbl-wrap .tbl-basic>tbody>tr>td, .popup .announce .tbl-wrap .tbl-basic>thead>tr>th
		{
		padding: 1.6rem 2.4rem !important
	}
}

@media ( max-width :740px) {
	#highLights {
		height: 103rem
	}
	#factSheet {
		height: 436rem
		/* height: 211rem */
	}
}

@media ( max-width :720px) {
	.notice-list>li {
		border-bottom: 0;
		padding: 0
	}
	.notice-list>li+li {
		margin-top: 4rem
	}
	.notice-list>li>a {
		display: block
	}
	.notice-list>li>a .img-wrap {
		border-radius: 1rem;
		display: block;
		height: 0;
		padding-top: 56.25%;
		position: relative;
		width: 100%
	}
	.notice-list>li>a .img-wrap>img {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
	.notice-list>li>a .right {
		padding: 0;
		width: 100%
	}
	.notice-list>li>a .right>div>p {
		font-size: 1.6rem
	}
	.notice-list>li>a .right>div>p.tit {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		font-size: 1.8rem;
		margin-bottom: 1.6rem;
		margin-top: 1.6rem;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: normal
	}
	.notice-list>li>a .right>div>p.date {
		font-size: 1.4rem;
		margin-top: 2.4rem
	}
	.notice-list+.btn-wrap {
		margin-top: 4rem
	}
	.report-list .past {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.report-list .past>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
}

@media ( max-width :723px) {
	#sharePriceGraph {
		height: 125rem
	}
}

@media ( max-width :700px) {
	.esg-activity-wrap .top-wrap {
		height: 38.7rem
	}
	.esg-activity-wrap .top-wrap.foundation {
		background: url(../../img/ko/esg/bg-foundation-m.png) bottom no-repeat;
		background-size: cover
	}
	.esg-activity-wrap .top-wrap.volunteer {
		background: url(../../img/ko/esg/bg-volunteer-m.png) bottom no-repeat;
		background-size: cover;
		letter-spacing: -.65px
	}
	.esg-activity-wrap .top-wrap.power {
		background: url(../../img/ko/esg/bg-power-m.png) bottom no-repeat;
		background-size: cover
	}
}

@media ( max-width :680px) {
	.esg-activity-wrap .top-wrap {
		height: 38.7rem
	}
	.esg-activity-wrap .top-wrap.daycare {
		background: url(../../img/ko/esg/bg-daycare-center-m.png) bottom
			no-repeat;
		background-size: cover
	}
	.esg-activity-wrap .top-wrap.activity {
		background: url(../../img/ko/esg/bg-activity-m.png) bottom no-repeat;
		background-size: cover
	}
}

@media ( max-width :660px) {
	.annual-report .past {
		-ms-grid-columns: 1fr 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}
	.annual-report .past>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.annual-report .past>:nth-child(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 1
	}
}

@media ( max-width :640px) {
	.strategy-box>li .tit-box {
		background: url(../../img/ko/esg/bg-strategy-title-m.png) 50% no-repeat;
		background-size: 100% 100%;
		height: 12.6rem
	}
	.strategy-box>li .tit-box .title {
		margin-top: 3rem
	}
	.cf-list>li>ul {
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto
	}
	.cf-list>li>ul>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.golf-list>ul {
		-ms-grid-columns: 1fr 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto
	}
	.golf-list>ul>:first-child {
		-ms-grid-column: 1;
		-ms-grid-row: 1
	}
	.golf-list>ul>:nth-child(2) {
		-ms-grid-column: 2;
		-ms-grid-row: 1
	}
}

@media ( max-width :636px) {
	#factSheet {
		height: 436rem
		/* height: 224rem */
	}
}

@media ( max-width :519px) {
	#sharePriceLookup {
		height: 82.4rem
	}
}

@media ( max-width :432px) {
	#highLights {
		height: 111rem
	}
}

@media ( max-width :380px) {
	#sharePriceGraph.touch {
		height: 109rem
	}
}

@media ( max-width :362px) {
	#highLights {
		height: 120rem
	}
}

@media ( hover :hover) and (pointer:fine) {
	.global-network-list>li:hover {
		border-color: #fff;
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.global-network-list>li>div.button>a:hover {
		background-color: #e6e6e6
	}
	.recruit-list>li:hover {
		border-color: #fff;
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.notice-list>li>a:hover .img-wrap>img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	.cf-list>li>ul>li>a:hover .img-wrap, .commercial-list>li>ul>li>a:hover .img-wrap
		{
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.cf-list>li>ul>li>a:hover .img-wrap>img, .commercial-list>li>ul>li>a:hover .img-wrap>img,
		.list-slide-wrap .list-slide .swiper-slide>a:hover .img-wrap>img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	.golf-list>ul>li>a:hover .img-wrap {
		background-color: #fff;
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.golf-list>ul>li>a:hover .img-wrap>img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	.golf-list>ul>li>a:hover .img-wrap .btn-more {
		display: block
	}
	.report-list .recent-wrap .recent-btn .btn-line:hover {
		background-color: #e6e6e6
	}
	.report-list .past>li .card:hover {
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.report-list .past>li .card:hover .img-wrap:after {
		display: none
	}
	.report-list .past>li .card:hover .button {
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent
	}
	.report-list .past>li .card:hover .button>a:hover>span {
		background-image: url(../../img/ko/ico-download-gr.svg);
		color: #009178
	}
	.reference-list>li:hover {
		border-color: #fff;
		-webkit-box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6);
		box-shadow: 0 7px 20px 0 hsla(0, 0%, 78%, .6)
	}
	.overview .news__wrap .left .sns>a:hover.tiktok {
		background-image: url(../../img/ko/esg/ico-tiktok-on.png)
	}
	.overview .news__wrap .left .sns>a:hover.instagram {
		background-image: url(../../img/ko/esg/ico-instagram-on.png)
	}
	.overview .news__wrap .left .sns>a:hover.youtube {
		background-image: url(../../img/ko/esg/ico-youtube-on.png)
	}
	.overview .news__wrap .left .sns>a:hover.facebook {
		background-image: url(../../img/ko/esg/ico-facebook-on.png)
	}
	
}

@media ( max-width :1024px) {
		.btn-close {
        background: url(../../img/ko/btn-menu-close-w.svg) 50% no-repeat;
        background-size: 100% 100%;
        display: block;
        height: 2.4rem;
        width: 2.4rem;
        position: absolute;
        right: 25px;
        top: 30px;
    }	
}
/*# sourceMappingURL=maps/contents.min.css.map */