body.fix{position: fixed;width: 100%;}
.btn_sld__blue{
	border: 1px solid rgb(1,44,100);
}
.btn_bg__blue {
	background: rgb(1,44,100);
	color: rgb(255,255,255) !important;
}
/*sub menu*/
.sub-menu {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
	font-size: 0;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
.sub-menu a {
	display: inline-block;
	margin: 0 0 0 30px;
	font-weight: 300;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 50px;
}
.sub-menu a.on {color: rgb(255,255,255);}
.sub-menu a:first-child {margin: 0;}
.sub-menu .select-box {display: none;}
.sub-menu .select-box:after,
.sub-menu .select-box form:after {
	content: '';
	display: block;
	clear: both;
}
.sub-menu .select-box p {
	width: 140px;
	float: left;
	padding: 0 20px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 300;
	font-size: 1.4rem;
	color: rgb(255,255,255);
	line-height: 40px;
	text-align: left;
	box-sizing: border-box;
}
.sub-menu .select-box p:after {
	width: 1px;
	height: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background-color: rgb(153,153,153);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sub-menu .select-box select {
	width: calc(100% - 140px);
	height: 40px;
	float: left;
	padding: 0 0 0 20px;
	font-weight: 300;
	font-size: 1.4rem;
	color: rgb(255,255,255);
	background: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-image: url(../images/common/arr_down_wt_16x12.png);
	background-size: 8px;
	border: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
	outline: 0;
}

.sub-menu .select-box select option {color: rgb(0,0,0);}
.ie9 .sub-menu .select-box select option {color: rgb(255,255,255);}

/*location*/
.location {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 6;
	font-size: 0;
	box-sizing: border-box;
}
.location._temp{
	top: 15px;
}
.location a {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
	font-weight: 300;
	font-size: 14px;
	color: rgb(153,153,153);
}
.location a:first-child {
	margin: 0;
	padding: 0;
}
.location a:after {
	width: 6px;
	height: 10px;
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/common/arr_right_gr_6x10.png);
}
.location a:first-child:after {content: none;}

/*title style*/
.tit__style {
	font-weight: 300;
	font-size: 28px;
	color: rgb(0,0,0);
	text-align: center;
}
.tit__style2 {
	font-weight: 400;
	font-size: 22px;
	color: rgb(255,255,255);
	text-align: center;
}
.tit__style3 { 
	margin-bottom: 60px;
	font-size: 28px;
	color: rgb(15,11,11);
	text-align: center;
	line-height: 1;
}
.tit__style4 {
	margin-bottom: 80px;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}

.txt__style1 {
	font-size: 18px;
	color: rgb(15,11,11);
}

/*btn style*/
.btn__stlye{
	display: inline-block;
	color: rgb(255,255,255);
	border:1px solid rgb(255,255,255);	
	border-radius:50px;
	background-color: transparent;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
}
/*btn size*/
.btn__size{
	width: 200px;
}
/*news*/
.bg-box__head {
	height: 800px;
	position: relative;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-box__head._news {background-image: url(../images/sub/bg_news01.jpg);height: 740px;	}
.bg-box__head .txt-box {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bg-box__head .txt-box .tit {
	display: inline-block;
	padding: 0 0 12px;
	font-family: Arial;
	font-weight: 700;
	font-size: 19px;
	color: rgb(255,255,255);
	border-bottom: 1px solid rgb(255,255,255);
}
.bg-box__head .txt-box .txt {margin: 32px 0 0;}
.bg-box__head .txt-box .txt p {
	font-family: Arial;
	font-weight: 700;
	font-size: 35px;
	color: rgb(255,255,255);
	line-height: 50px;
}
.list-box__news {
	max-width: 1200px;
	margin: 75px auto 80px;
	padding: 0 20px;
}
.list-box__news ul {font-size: 0;}
.list-box__news ul li {
	width: 31.7%;
	display: inline-block;
	margin: 0 2.45% 2.45% 0;
	padding: 34px 30px 28px;
	vertical-align: top;
	border: 1px solid rgb(229,229,229);
	box-sizing: border-box;
}
.list-box__news ul li:nth-child(3n) {margin-right: 0;}
.list-box__news ul li a {display: block;}
.list-box__news .tit {
	height: 60px;
	overflow: hidden;
	font-weight: 400;
	font-size: 24px;
	color: rgb(0,0,0);
	line-height: 30px;
}
.list-box__news .txt {
	height: 100px;
	overflow: hidden;
	margin: 10px 0 0;
}
.list-box__news .txt p {
	font-weight: 300;
	font-size: 15px;
	color: rgb(86,88,98);
	line-height: 25px;
}
.list-box__news .date {
	margin: 15px 0 0;
	font-weight: 300;
	font-size: 15px;
	color: rgb(86,88,98);
	line-height: 25px;
}
.list-box__news .btn__more {
	width: 100px;
	height: 40px;
	display: block;
	margin: 30px auto 0;
	font-weight: 400;
	font-size: 15px;
	color: rgb(86,88,98);
	border: 1px solid rgb(170,170,170);
	border-radius: 40px;
	box-sizing: border-box;
}

/*회사소개*/


.bg-box__head._brand{
	background: url(../images/sub/brand_top_banner_d.png)center no-repeat;
	height: 740px;
	margin-top: 50px;
}
.bg-box__head._brand img{width: 100%;}
.bg-box__head._brand .txt-box{
	overflow: hidden;
	width: 1200px;
	margin: auto;
	top: 45%;
}
.bg-box__head._brand .txt-box .txt .tit{
	color: rgb(51,51,51);
	border-bottom: 1px solid rgb(170,170,170);
    display: inline-block;
    padding:0;
    font-family: arial;
    font-weight: 400;
    font-size: 20px;
    text-transform: none;
	margin-bottom: 30px;
}
.bg-box__head._brand .txt-box .txt p{
	font-weight: 300;
	color: rgb(102,102,102);
}
.bg-box__head._brand .txt-box .txt p span{color: rgb(210,32,48);}

/*2020-01-07 회사소개 배너변경*/
.bg-box__head._brand.ceo{background:none;height: auto;}
.bg-box__head._brand.ceo .txt-box{text-align: left;}
.bg-box__head._brand.ceo .txt-box .txt .tit{
	color: rgb(255,255,255);
	font-family: 'Pretendard';
}
.bg-box__head._brand.ceo .txt-box .txt p{
	color: rgb(255,255,255);
	font-family: 'Pretendard', sans-serif;
}
/*2020-01-07 회사소개 배너변경*/

.bg-box__head._brand .ceo{
	width: 1200px;
	position: absolute;
	bottom: 60px;	
	left: 0;
	right: 0;
	margin: auto;
}
.bg-box__head._brand .ceo p {width: 600px;float: right;}
.bg-box__head._brand .ceo p span{
	font-family: arial;
	 font-size: 15px;
	 display: block;
	 text-align: center;
}
.bg-box__head._brand .ceo p span + span{font-family: 'Pretendard';	font-size: 20px;font-weight: 400;}
.en .bg-box__head._brand .ceo p span + span{font-weight: 700;}

.brand__con._history{
	background: url(../images/sub/brand_bg_d.png) center ;
	width: 100%;
	padding: 50px 0 0;
}

.brand__con .con{
	width: 1200px;
	height: 100%;
	margin: auto ;
	position: relative;
}
.brand__con._history._temp .con{
	margin: auto;
	padding: 80px 0 0;
}
.brand__con .con .txt-box p{
	display: inline-block;
	width: 596px;
	vertical-align: top;
	font-size: 18px;
	color: rgb(0,0,0);
	line-height: 1.75;
	word-break: keep-all;
	padding-right: 60px;
	box-sizing: border-box;
}
.brand__con .con .about-box .tit{width: 90px;margin: 0 auto 80px;}
.brand__con .con .txt-box .photo{display: inline-block;width: 600px;}
.brand__con .con .txt-box p strong{color: rgb(0,0,0);}
.brand__con .con .histroy-box{margin: 100px 0 0;height: 3365px;}
.brand__con .con .histroy-box .tit{
	width: 60px;
	margin: auto;
	font-size: 18px;
	line-height: 52px;
	border-bottom: 1px solid rgb(51,51,51);
}
.brand__con .con .histroy-box .history__list{position: relative;margin: 80px 0 0;}
.brand__con .con .histroy-box .history__list ul li{
	position: absolute;
}
.brand__con .con .histroy-box .history__list ul li dl{	
	box-sizing: border-box;
	width: 440px;
	max-height: 16rem;
	overflow: hidden;
}
.en .brand__con .con .histroy-box .history__list ul li dl{overflow: inherit;}
.brand__con .con .histroy-box .history__list ul li dl dt{
	font-size: 55px;
	color: rgb(0,0,0);
	font-family: Arial;
	font-weight: 700;
}
.brand__con .con .histroy-box .history__list ul li dl dd{
	font-size: 18px;
	color: rgb(102,102,102);
	font-weight: 400;
}
.brand__con .con .histroy-box .history__list ul li.history .img-box,
.brand__con .con .histroy-box .history__list ul li.history dl{opacity: 0;}
.brand__con .con .histroy-box .history__list ul li.history.on .img-box,
.brand__con .con .histroy-box .history__list ul li.history.on dl{animation:fadeUpB50 1s forwards;}
.ie9 .brand__con .con .histroy-box .history__list ul li.history .img-box,
.ie9 .brand__con .con .histroy-box .history__list ul li.history dl{opacity: 1;}
.brand__con .con .histroy-box .history__list ul li dl dd.nowrap{white-space: nowrap;}
.brand__con .con .histroy-box .history__list ul li.history1{top: 0; left: 0;	}
.brand__con .con .histroy-box .history__list ul li.history2{top: 0; right: 0;}
.brand__con .con .histroy-box .history__list ul li.history3{top: 710px; left: 218px;}
.brand__con .con .histroy-box .history__list ul li.history4{top: 800px;right: 95px;}
.brand__con .con .histroy-box .history__list ul li.history5{top: 1250px; left: 0;}
.brand__con .con .histroy-box .history__list ul li.history6{top: 1675px; right: 0;}
.brand__con .con .histroy-box .history__list ul li.history7{top: 1810px; left: 45px;}
.brand__con .con .histroy-box .history__list ul li.history8{top: 2265px; left: 651px;}

.brand__con .con .info-box{
	position: absolute;
	width: 100%;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
}
.brand__con._temp .con .info-box{bottom: 150px;}
.brand__con .tit{
	color: rgb(0,0,0);
	font-size: 18px;
	line-height: 55px;
	border-bottom: 1px solid rgb(102,102,102);
	width: 190px;
	margin: 0 auto 30px;
	text-align: center;
}
.brand__con .con .info-box dl {
	float: left;	
	width: 573px;
	padding: 30px 0;
	font-weight: 300;
}
.brand__con .con .info-box dl:nth-child(2n){margin-left: 50px;}
.brand__con .con .info-box dl.line{
	border-top: 1px solid rgb(204,204,204);
	border-bottom: 1px solid rgb(204,204,204);
}
.brand__con .con .info-box dl.line + .line{padding: 30px 0 21px;box-sizing: border-box;}
.brand__con .con .info-box dl dt{
	display: inline-block;
	font-size: 22px;	
	vertical-align: top;
	width: 180px;
}
.brand__con .con .info-box dl dd{
	display: inline-block;
	font-size: 18px;
	color: rgb(102,102,102);
	vertical-align: text-top;
}
.brand__con._organization_chart{
	background: url(../images/sub/230327_brand_organization_chart_d.jpg) center no-repeat;
    width: 100%;
    height: 771px;
}
.brand__con._organization_chart .tit{padding: 73px 0 0;	width: 165px;}


/*tab*/
.tab-box:after {
	content: '';
	display: block;
	clear: both;
}
.tab-box a {
	height: 60px;
	float: left;
	font-weight: 300;
	font-size: 18px;
	color: rgb(86,88,98);
	text-align: center;
	line-height: 60px;
	background-repeat: no-repeat;
	background-position: calc(100% - 30px) center;
	background-color: rgb(238,238,238);
	background-image: url(../images/common/arr_down_gr_11x6.png);
	border-bottom: 1px solid rgb(210,32,48);
	box-sizing: border-box;
}
.tab-box._tab8 a {background-position: calc(100% - 15px) center;}
.tab-box a.on {
	color: rgb(210,32,48);
	background-color: rgb(255,255,255);
	background-image: url(../images/common/arr_up_rd_11x6.png);
	border: 1px solid rgb(210,32,48);
	border-bottom-color: rgb(255,255,255);
}
.tab-box._tab2 a {width: 50%;}
.tab-box._tab3 a {width: 33.33333%;}
.tab-box._tab4 a {width: 25%;}
.tab-box._tab5 a {width: 20%;}
.tab-box._tab8 a {width: 12.5%;}
.tab-box._tab8 a span {
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
} 
.tab__detail > div {visibility: hidden;height: 0;opacity: 0;}
.tab__detail > div.on{visibility: visible;height: auto;opacity: 1;}

/*재무정보*/
.invest-box {
	max-width: 1200px;
	margin: 102px auto 80px;
	padding: 0 20px;
}
.tab-box{margin: 50px 0 0;}
.tab__detail{margin: 35px 0 0;overflow: hidden;}
.mo-scroll{margin: 30px 0 0;}
.mo-scroll.mt0{margin:  0;}
.mo-scroll img{width: 100%;}
.graph-box img{width: 100%;}
	
		.table--outer{margin:70px auto 0;}		
		.table-box.mt10 .table--outer{margin:10px auto 0;}		
		.table--outer tr.vt{vertical-align:top;}
		.table--fix{width:110px; font-size: 17px}
		.table--fix.w530{width: 530px;}
		.table--fix.w265{width: 265px;}
		.table--fix.w265 tr,
		.table--fix.w530 tr{border-bottom:1px solid rgb(233,233,233) ;	}
		.table--fix tr.line{border-top: 2px solid rgb(102,102,102);border-bottom: 1px solid rgb(143,143,143);}
		.table--fix tr.red.line{border-bottom: 0;}
		.table--fix tr th{text-align: left; padding-left: 30px;}
		.table--fix tr.tL th {padding: 0;} 
		.table--fix tr.red{color: rgb(210,32,48);}
		.table--fix tr.red th{font-weight: 700; border-bottom: 1px solid rgb(143,143,143);}
		th, td{height:60px;box-sizing: border-box;}


		.scrollbox.w560{ width: 560px;/*고정된 가로길이 빼기*/ overflow-x:auto;font-size: 15px;}
		.scrollbox.w825{width: 825px;}
		.scrollbox table{width:100%;}
		.scrollbox tr{border-bottom:1px solid rgb(233,233,233) ;}
		.scrollbox tr.red td{color: rgb(210,32,48);font-weight: 700; }
		.scrollbox tr.bk{border-top: 2px solid rgb(102,102,102);border-bottom: 1px solid rgb(143,143,143);}
		.scrollbox tr.bk td{color: rgb(0,0,0);font-weight: 700;}
		.scrollbox td{min-width:70px; text-align:right; color: rgb(102,102,102);padding-right: 55px;}




/*공시정보*/
.invest-box._public > div {
	margin: 33px 0 0;
	text-align: center;
}

/*기업지배구조*/
.invest-box._governance .info-box {margin: 50px 0 0;}
.invest-box._governance .info-box dl {
	padding: 35px 0 0;	
	border-top: 1px solid rgb(238,238,238);
}
.invest-box._governance .info-box dl:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .info-box dt {
	width: 400px;
	float: left;
	padding: 0 40px;
	font-weight: 700;
	font-size: 24px;
	color: rgb(86,88,98);
	line-height: 35px;
	box-sizing: border-box;
}
.invest-box._governance .info-box dt span {
	display: block;
	margin: -3px 0 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(86,88,98);
}
.invest-box._governance .info-box dd {
	width: calc(100% - 400px);
	float: left;
}
.invest-box._governance .info-box .graph {
	margin: 28px 0 0;
	padding: 0;
	background-color: rgb(247,247,247);
}
.invest-box._governance .info-box .graph dt {padding-top: 35px;}
.invest-box._governance .info-box .graph img {width: 100%;}
.invest-box._governance .info-box dl:first-child dd {
	font-weight: 400;
	font-size: 20px;
	color: rgb(86,88,98);
	line-height: 35px;
}
.invest-box._governance .info-box dl:first-child dd strong {
	font-weight: 700;
	color: rgb(210,32,48);
}
.invest-box._governance .info-box dl table {
	width: 100%;
	margin: 5px 0 0;
}
.invest-box._governance .info-box dl table th {
	height: 56px;
	padding: 0 30px;
	font-weight: 700;
	font-size: 16px;
	color: rgb(210,32,48);	
	border-top: 2px solid rgb(102,102,102);
	border-bottom: 1px solid rgb(143,143,143);
}
.invest-box._governance .info-box dl table th:first-child {text-align: left;}
.invest-box._governance .info-box dl table th:nth-child(2),
.invest-box._governance .info-box dl table td:nth-child(2){width: 23.5%;}
.invest-box._governance .info-box dl table th:nth-child(3),
.invest-box._governance .info-box dl table td:nth-child(3){width: 19%;}
.invest-box._governance .info-box dl table td {
	height: 54px;
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
	text-align: center;
	border-bottom: 1px solid rgb(242,242,242);
}
.invest-box._governance .info-box dl table td:first-child {
	padding: 0 30px;
	font-size: 16px;
	color: rgb(0,0,0);
	text-align: left;
}
.invest-box._governance .info-box .percent {
	margin: 12px 0 0;
	font-weight: 400;
	font-size: 12px;
	color: rgb(153,153,153);
	text-align: right;
}
.invest-box._governance .council-box {margin: 85px 0 0;}
.invest-box._governance .council-box img {width: 100%;}
.invest-box._governance .rule-box {
	margin: 85px 0 0;
	text-align: center;
}
.invest-box._governance .rule-box .tit {
	display: inline-block;
	padding: 0 0 14px;
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
}
.invest-box._governance .rule-box .tab-box {margin: 50px 0 0;}
.invest-box._governance .rule-box .tab__detail {margin: 42px 0 0;}
.invest-box._governance .rule-box .tab__sub {
	font-size: 0;
	text-align: center;
}
.invest-box._governance .rule-box .tab__sub a {
	display: inline-block;
	margin: 0 0 0 19px;
	padding: 0 0 0 20px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 18px;
	color: rgb(102,102,102);
	vertical-align: top;
}
.invest-box._governance.en .rule-box .tab__sub a{line-height: 2.5;}
.invest-box._governance .rule-box #tab02 .tab__sub a {height: 54px;}
.invest-box._governance .rule-box #tab02 .tab__sub a._line {line-height: 54px;}
.invest-box._governance .rule-box .tab__sub a:after {
	width: 1px;
	height: 17px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: rgb(230,230,230);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.invest-box._governance .rule-box .tab__sub a.on {color: rgb(224,0,42);}
.invest-box._governance .rule-box .tab__sub a.on:before {
	width: calc(100% - 20px);
	height: 1px;
	content: '';
	display: block;
	position: absolute;
	bottom: -3px;
	left: auto;
	background-color: rgb(210,32,48);
}
.invest-box._governance.en .rule-box .tab__sub a.on:before {bottom: 8px;}
.invest-box._governance .rule-box .tab__sub a.on:first-child:before {width: 100%;}
.invest-box._governance .rule-box .tab__sub a:first-child {
	margin: 0;
	padding: 0;	
}
.invest-box._governance .rule-box .tab__sub a:first-child:after {content: none;}
.invest-box._governance .rule-box .tab__detail-sub {margin: 38px 0 0;}
.invest-box._governance .rule-box #tab04 .scroll{
	letter-spacing: -0.02em;
	line-height: 28px;
	font-size: 14px;
	color: rgb(0,0,0);
}
.invest-box._governance .rule-box #tab04 .big{font-size: 20px;}
.invest-box._governance .rule-box .tab__detail-sub > div {display: none;}
.invest-box._governance .rule-box .tab__detail-sub > div.on{display: block;}
.invest-box._governance .rule-box .tab__detail-sub .txt-box{width: 1200px;}
.invest-box._governance .rule-box .tab__detail-sub .txt-box dl{
	border-bottom: 1px solid rgb(204,204,204);
	display: inline-block;
	width: 575px;
	text-align: left;
	overflow: hidden;
	line-height: 80px;
}
.invest-box._governance .rule-box .tab__detail-sub .txt-box dl:nth-child(2n){margin-left: 47px;}
.invest-box._governance .rule-box .tab__detail-sub .txt-box dl dt{
	font-size: 22px;
	float: left;
	width: 150px;
}
.invest-box._governance .rule-box .tab__detail-sub .txt-box dl dd{
	font-size: 18px;
	color: rgb(102,102,102);
	float: left;
	padding-left: 35px;
}


.invest-box._governance .rule-box .scroll {
	width: 100%;
	max-height: 1337px;
	overflow-y: auto;
	padding: 40px;
	font-weight: 300;
	font-size: 14px;
	color: rgb(102,102,102);
	text-align: left;
	line-height: 30px;
	border: 1px solid rgb(221,221,221);
	box-sizing: border-box;
	word-break: keep-all;
}
.invest-box._governance .rule-box .scroll strong {
	font-weight: 700;
	color: rgb(0,0,0);
}
.invest-box._governance .rule-box .scroll span {
	font-size: 24px;
	color: rgb(0,0,0);
}
.invest-box._governance .basic-l{
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}


/*주가정보*/
.invest-box._stock{margin: 110px auto 80px;}
.invest-box._stock .tab-box {margin: 50px 0 0;}
.invest-box._stock .tab__detail{margin: 0;}
.invest-box._stock .tab__detail > div > div {
	margin: 65px 0 0;
	text-align: center;
}
.invest-box._stock .tab__detail > div{
	display: none;
}
.invest-box._stock .tab__detail > div.on{display: block;}


/*contact*/
.contact-box {
	max-width: 1280px;
	margin: 120px auto 73px;
	padding: 0 40px;
}
.contact-box .addr {margin: 35px 0 0;}
.contact-box .addr .tit {
	font-weight: 200;
	font-size: 24px;
	color: rgb(0,0,0);
	text-align: center;
}
.contact-box .addr .txt {
	margin: 22px 0 0;
	font-weight: 200;
	font-size: 18px;
	color: rgb(102,102,102);
	text-align: center;
	line-height: 36px;
}

.contact_card {
	display: flex;
	margin-bottom: 80px;
}
.contact_card > div {
	width: 100%;
	padding: 30px 40px;
	margin-right: 30px;
	border: 1px solid rgb(1,44,100);
	border-radius: 0 30px 0 0;
	box-sizing: border-box;
}
.contact_card > div:last-child {margin-right: 0;}
.contact_card .card-tit {
	font-size: 26px;
	font-weight: 700;
	color: rgb(1,44,100);
	border-bottom: 1px solid rgb(1,44,100);
	padding-bottom: 35px;
	margin-bottom: 35px;
	box-sizing: border-box;
}
.contact_card dl {
	display: flex;
}
.contact_card dl dd,
.contact_card dl dt {
	font-size: 16px;
	color: rgb(1,44,100);
	line-height: 32px;
}
.contact_card dl dt {
	padding-right: 8px;
	font-weight: 700;
}
.contact-box._v2 .addr .tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
}
.contact-box._v2 .addr .txt {
	margin: 5px 0 0;
	font-size: 16px;
	font-weight: 400;
	color: rgb(0,0,0);
	line-height: 30px;
}


/*news view*/
.view-box {
	max-width: 1200px;
	margin: 120px auto 80px;
	padding: 0 20px;
}
.view-box .head {
	padding: 0 0 15px;
	position: relative;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgb(133,133,133);
}
.view-box .head:after {
	content: '';
	display: block;
	clear: both;
}
.view-box .head .tit {
	width: calc(100% - 300px);
	float: left;
	font-weight: 400;
	font-size: 30px;
	color: rgb(0,0,0);
}
.view-box .head > div {
	position: absolute;
	bottom: 24px;
	right: 0;
}
.view-box .head > div:after {
	content: '';
	display: block;
	clear: both;
}
.view-box .head .date {
	float: right;
	margin: 0 0 0 10px;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 14px;
}
.view-box .head .share {float: left;}
.view-box .head .share:after {
	content: '';
	display: block;
	clear: both;
}
.view-box .head .share a {
	height: 12px;
	float: left;
	padding: 0 15px;
	position: relative;
	top: 0;
	left: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
.view-box .head .share a:after {
	width: 1px;
	height: 10px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: rgb(224,224,224);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.view-box .head .share a:first-child:after {content: none;}
.view-box .head .share__facebook {
	width: 6px;
	background-image: url(../images/common/ico_facebook_gr_6x12.png);
}
.view-box .head .share__kakaotalk {
	width: 13px;
	background-image: url(../images/common/ico_kakaotalk_gr_13x11.png);
}
.view-box .head .share__naverblog {
	width: 12px;
	background-image: url(../images/common/ico_naverblog_gr_12x10.png);
}
.view-box .head .share__url {
	width: 25px;
	background-image: url(../images/common/ico_url_gr_25x10.png);
}
.view-box .con {padding: 28px 0;}
.view-box .con img {max-width: 100%;}
.view-box .foot {
	padding: 20px 0 0;
	border-top: 1px solid rgb(238,238,238);
}
.view-box .foot:after {
	content: '';
	display: block;
	clear: both;
}
.view-box .foot .left {float: left;}
.view-box .foot .right {float: right;}
.view-box .foot a {
	height: 40px;
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: rgb(86,88,98);
	line-height: 40px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 40px;
	box-sizing: border-box;
}
.view-box .foot .left a {
	width: 90px;
	margin: 0 0 0 10px;
	background-repeat: no-repeat;
	border-color: rgb(204,204,204);
}
.view-box .foot .left a:first-child {margin: 0;}
.view-box .foot .btn__prev {
	float: left;
	padding: 0 0 0 5px;
	background-position: 18px center;
	background-image: url(../images/common/arr_left_gr_4x7.png);
}
.view-box .foot .btn__next {
	float: right;
	padding: 0 5px 0 0;
	background-position: calc(100% - 18px) center;
	background-image: url(../images/common/arr_right_gr_4x7.png);
}
.view-box .foot .btn__list {
	width: 100px;
	border-color: rgb(85,85,85);	
}
.view-box .btn__share {
	width: 15px;
	height: 15px;
	display: none;
	float: right;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/common/ico_share_bk_30x30.png);
	background-size: 15px;
}

.layer__share {
	width: 320px;
	display: none;
	padding: 25px 20px 38px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.layer__share .tit {
	font-weight: 700;
	font-size: 1.8rem;
	color: rgb(0,0,0);
	text-align: center;
}
.layer__share .btn__close-layer {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/common/ico_x_bk_30x30.png);
	background-size: 15px;
}
.layer__share .share {
	margin: 32px 0 0;
	font-size: 0;
	text-align: center;
}
.layer__share .share a {
	height: 17px;
	display: inline-block;
	padding: 0 22px;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
	text-align: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
.layer__share .share a:after {
	width: 1px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: rgb(224,224,224);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.layer__share .share a:first-child:after {content: none;}
.layer__share .share__facebook {
	width: 8px;
	background-image: url(../images/common/ico_facebook_gr_16x34.png);
	background-size: 8px;
}
.layer__share .share__kakaotalk {
	width: 19px;
	background-image: url(../images/common/ico_kakaotalk_gr_38x32.png);
	background-size: 19px;
}
.layer__share .share__naverblog {
	width: 17px;
	background-image: url(../images/common/ico_naverblog_gr_34x28.png);
	background-size: 17px;
}
.layer__share .share__url {
	width: 36px;
	background-image: url(../images/common/ico_url_gr_72x28.png);
	background-size: 36px;
}


.select__tab {
	width: 100%;
	height: 40px;
	display: none;
	padding: 0 0 0 15px;
	font-weight: 400;
	font-size: 1.5rem;
	color: rgb(210,32,48);
	background: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	background-image: url(../images/common/arr_down_rd_14x8.png);
	background-size: 7px;
	border: 1px solid rgb(210,32,48);
	box-sizing: border-box;
	-webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
	outline: 0;
}

/*제보센터*/
.ethics-box {width: 1200px;margin: 55px auto 90px;}
.ethics-box .ethics_info{
	font-size: 26px;
	text-align: center;
	font-weight: 300;
}
.ethics-box > div {padding: 55px 0 0;}
.ethics-box > div .tit{
	font-size:18px;
	position: relative;
	text-align: center;
	padding: 0 0 10px;
	font-weight: 700;
}
.ethics-box > div .tit:after{
	content:"";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 230px;
	height: 1px;
	background-color: rgb(0,0,0);
}
.ethics-box > div + div{border-top: 1px solid rgb(238,238,238);}
.ethics-box > div + div .tit:after{width: 105px;}
.ethics-box > div .img-box{padding: 60px 0;}
.ethics-box > div + div .img-box{padding: 60px 0 0;}
.ethics-box > div + div .txt-box {margin: 45px 0 0;font-size:18px;text-align: center;}
.ethics-box > div + div .txt-box p.tel,
.ethics-box > div + div .txt-box p.mail{display: inline-block;}
.ethics-box > div + div .txt-box p.tel:after{
	content:"/";
	display: inline-block;
	color: rgb(153,153,153);
	margin: 0 7px;
}
.ethics-box .btn-box{text-align: center;border-top: 0;padding: 45px 0 0;}
.ethics-box .btn-box a{
	display: inline-block;
	width: 320px;
	height: 60px;
    line-height: 60px;
	font-size:18px;
	border: 1px solid rgb(210,32,48);
	color: rgb(210,32,48);
	border-radius:60px;
	box-sizing: border-box;	
	background: url(../images/sub/btn_bg_arrw_red.png) no-repeat;
	background-position: calc(100% - 25px) ;
}
.ethics-box .btn-box a + a{
	border: 1px solid rgb(0,0,0);
	color: rgb(0,0,0);
	margin-left: 20px;	
	background: url(../images/sub/btn_bg_arrw_bk.png) no-repeat;	
	background-position: calc(100% - 25px) ;
}

/*제보하기*/
.ethics_wrap{width: 1200px;margin: 65px auto 80px; }
.ehics_receipt__write{
	font-size:13px;
	border-bottom: 1px solid rgb(215,215,215);
	padding-bottom: 40px;
}
.ehics_receipt__division td a{
	color: rgb(102,102,102);
}
.ehics_receipt__division td a span{margin-left: 5px;}
.ehics_receipt__division td a:nth-child(2){
	margin-left: 20px;
}
.ehics_receipt__write table{
	width: 100%;
	text-align: left;
}
.ehics_receipt__write table tr th{
	text-align: left;
	width: 110px;
	padding-top: 30px;
}
.ehics_receipt__write table tr td{
	color: rgb(102,102,102);
}
.ehics_receipt__write table .ehics_receipt__division th{
	padding: 0;
}
.ehics_receipt__write table tbody tr td input[type='text']{
	width: 580px;
	height: 40px;
	margin-top: 30px;
	border-bottom: 1px solid rgb(215,215,215);
	outline:0;
}
.ehics_receipt__write table .multiple th{
	padding-bottom: 20px;
}
.ehics_receipt__write table .multiple_choice td label{
	color: rgb(102,102,102);
	margin-bottom: 12px;
	height: 20px;
	background: url(../images/sub/ethics_receipt_d_btn.jpg) 0 0 no-repeat;
	cursor: pointer;
}
.ehics_receipt__write table .multiple_choice td label span{
	padding-left: 30px;
}
.ehics_receipt__write table tbody .ehics_receipt__detail th{
	padding-top: 40px;
	vertical-align: top;
}
.ehics_receipt__write table tbody .ehics_receipt__detail td textarea{
	border-bottom: 0;
	border: 1px solid rgb(215,215,215);
	margin: 40px 0 10px;
	width: 100%;
	color: rgb(102,102,102);
	padding: 20px;
	resize:none;
	box-sizing: border-box;
	outline:0;
}
.multiple_choice__num{
	height: 30px;
	position: relative;	
	display: block;
}
.multiple_choice__num input[type=radio],
.multiple_choice__num input[type=radio] +label{
	position: absolute;
}
.multiple_choice__num input[type=radio]:checked +label{
	background: url(../images/sub/ethics_receipt_d_btn_on.jpg) 0 0 no-repeat;
}

.ehics_receipt__write table tbody .multiple_choice td input[type='text']{
	margin-top: 15px;
}
.ehics_receipt__write__red th{
	color: rgb(224,0,42);
}

.ehics_receipt__btn{
	margin-top: 40px;
}
.ehics_receipt__btn a{
	display: block;
	width: 240px;
	height: 60px;
	line-height: 60px;
	margin: auto;
	color: rgb(210,32,48);
	border: 1px solid rgb(210,32,48);
	text-align: center;
	border-radius: 60px;
	font-size: 18px;
	box-sizing: border-box;	
	background: url(../images/sub/btn_bg_arrw_red.png) no-repeat;
	background-position: calc(100% - 25px) ;
}

.ehics_receipt__write table tbody .ehics_receipt__userInfo td input[type='text']{
	width: 290px;
}
.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td input[type='text']{
	width: 180px;
}
.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td span{
	display: inline-block;
	width: 35px;
	text-align: center;
}
.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td select{
	width: 164px;
    height: 42px;
    border: 0;
    border-bottom: 1px solid;
	margin-left: 10px;

}

/*2020-04-10 IR자료*/
.ir-box .ir__year{margin: 40px 0 0;}
.ir-box .ir__year .slide{
	width: 692px;
	margin: auto;
	text-align: center;
}
.ir-box .ir__year .slide .slick-track{margin: auto;}
.ir-box .ir__year .slick-slide a{
	display: inline-block;
	position: relative;
	line-height: 35px;
	font-size: 16px;
	color: rgb(102,102,102);
}
.ir-box .ir__year .slick-slide a.on,
.ir-box .ir__year .slick-slide a:hover{
	color: rgb(210,32,48);
	border-bottom: 1px solid rgb(210,32,48);
}
.ir-box .ir__year .slick-arrow{
	position: absolute;
	top: 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
.ir-box .ir__year .slick-prev{
	left: -53px;
	background-image: url(../images/sub/filaholdings_ir_d_slide_arrw_prev.png);
}
.ir-box .ir__year .slick-next{
	right: -53px;
	background-image: url(../images/sub/filaholdings_ir_d_slide_arrw_next.png);
}
.ir-box > div table{width: 100%;}
.ir-box > div table tr .pdf a,
.ir-box > div table tr td a,
.ir-box > div table tr td a.pdf{
	display: inline-block;
	width: 24px;
	height: 30px;
	background: url(../images/sub/filaholdings_ir_d_pdf.png)center  / 100% no-repeat;
	vertical-align: middle;
}
.ir-box > div table tr td .doc{
	display: inline-block;
	width: 24px;
	height: 30px;
	background: url(../images/sub/filaholdings_ir_d_doc.png)center  / 100% no-repeat;
	vertical-align: middle;
}
.ir-box > div table tr td .xls{
	display: inline-block;
	width: 24px;
	height: 30px;
	background: url(../images/sub/filaholdings_ir_d_xls.png)center  / 100% no-repeat;
	vertical-align: middle;
}

.ir__regular{margin: 30px 0 0;}
.ir__regular--table thead{	
	border-left: 1px solid rgb(210,32,48);
	border-right: 1px solid rgb(210,32,48);
}
.ir__regular--table thead tr{border-bottom: 0;}
.ir__regular--table tbody{
	border-top: 1px solid rgb(255,255,255);
	border-left: 1px solid rgb(232,232,232);
	border-right: 1px solid rgb(232,232,232);
}
.ir__regular--table tr{border-bottom: 1px solid rgb(181,181,181);}
.ir__regular--table tr th{
	font-size:14px;
	color: rgb(255,255,255);
	background-color: rgb(210,32,48);
	border-left: 1px solid rgb(212,79,91);
}
.ir__regular--table tr th:first-child{border-left: 0;}
.ir__regular--table tr td{
	height: 55px;
	text-align: center;
	border-left: 1px solid rgb(232,232,232);
}
.ir__regular--table tr td.tit{
	background-color: rgb(238,238,238);
	font-size: 16px;
	color: rgb(0,0,0);
}
.ir__regular--table tr td p{
	display: inline-block;
	color: rgb(102,102,102);
	vertical-align: middle;
	margin-top: 8px;
	margin-left: 3px;
}
.ir__irregular{margin: 50px 0 0;}
.ir__irregular--table{border-top: 1px solid rgb(153,153,153);}
.ir__irregular--table tbody tr{border-bottom: 1px solid rgb(232,232,232);	} 
.ir__irregular--table tr th{
	background-color: rgb(238,238,238);
	height: 50px;
	color: rgb(86,88,98);
	font-size: 13px;
}
.ir__irregular--table tr td{
	text-align: center;
	height: 72px;
	color: rgb(0,0,0);
	font-size: 14px;
	padding: 20px 0;
}
.ir__irregular--table tr .date{
	color: rgb(102,102,102);
	font-size: 15px;
	padding: 0;
}
.ir__irregular--table tr .name{
	text-align: left;
	padding: 25px 28px;
}
.ir__irregular--table tr td > div + div{margin-top: 12px;}
.ir__irregular--table tr td > div p{
	margin-top: 3px;
	display: inline-block;
	font-size: 12px;
	color: rgb(51,51,51);	
	vertical-align: sub;
	margin-left: 8px;
}

.invest-box._ir .paging {
	width: 100%;
	font-size: 0;
	text-align: center;
	margin: 30px 0 0;
}
.invest-box._ir .paging a {
	width: auto;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
	color: rgb(102,102,102);
	text-align: center;
	line-height: 14px;
	box-sizing: border-box;
	vertical-align: middle;
}
.invest-box._ir .paging a + a{margin-left: 30px;}
.invest-box._ir .paging a:not(.btn__paging).on, .paging a:not(.btn__paging):hover {border-bottom: 1px solid rgb(102,102,102);}
.invest-box._ir .paging .num {
	display: inline-block;
	margin: 0 25px;
}
.invest-box._ir .paging .num a:first-child {margin-left: 0;}

.invest-box._ir a.btn__paging {	
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.invest-box._ir .btn__paging.prev {
	margin-left: 0;
	background-image: url(../images/sub/filaholdings_ir_d_paging_arrw_prev.png);
}
.invest-box._ir .btn__paging.next {background-image: url(../images/sub/filaholdings_ir_d_paging_arrw_next.png);}


/*2020-07-07 지속가능경영*/
.sustainability-box > .text-box{padding-top: 100px;}
.sustainability-box > .text-box p.tit{
	width: 120px;
	margin: auto;
	font-size: 22px;
	line-height: 44px;
	border-bottom: 1px solid rgb(0,0,0);
	font-weight: 700;	
	color: rgb(0,0,0);	
	text-align: center;
}
.sustainability-box.en > .text-box p.tit{width: 140px;}
.sustainability-box > .text-box p.txt{
	text-align: center;	
	color: rgb(0,0,0);	
	font-size: 22px;
	font-weight: 300;
	margin-top: 35px;
}
.sustainability-box  .inner{
	width: 1200px;
	margin: auto;
}

.sustainability-box  .inner > p.tit{
	margin: auto;
	font-size: 22px;
	line-height: 42px;
	border-bottom: 1px solid rgb(0,0,0);
	font-weight: 700;	
	color: rgb(0,0,0);	
	text-align: center;
}
.sustainability-box  .inner > p.tit.w90{width: 80px;}
.sustainability-box  .inner > p.tit.w95{width: 85px;}
.sustainability-box  .inner > p.tit.w180{width: 150px;}
.sustainability-box  .inner > p.tit.w172{width: 157px;}
.sustainability-box  .inner > p.tit.w200{width: 185px;}
.sustainability-box  .inner > p.tit.w215{width: 198px;}
.sustainability-box  .inner > p.tit.w228{width: 210px;}
.sustainability-box  .inner > p.tit.w260{width: 250px;}
.sustainability-box  .inner > p.tit.w280{width: 260px;}
.sustainability-box  .inner > p.txt.en{
	font-family: 'Pretendard';
}
.sustainability-box  .inner > p.tit.wt{
	color: rgb(255,255,255);
	border-bottom: 1px solid rgb(255,255,255);
}
.sustainability-box  .inner > p.txt{
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	margin-top: 40px;
	line-height: 46px;
	color: rgb(0,0,0);	
}
.sustainability-box  .inner > p.txt.wt{
	color: rgb(255,255,255);
}

.sustainability__top{
	margin-top: 50px;
	position: relative;
}
.sustainability__top .slide .slick-slide{outline:0;}
.sustainability__top .slide .slick-slide img{width: 100%;}
.sustainability__top .slide .slick-dots {
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
.sustainability__top .slide .slick-dots li{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: rgb(255,255,255);
	border-radius: 50%;
	text-indent: -99999px;
	transition: all .5s;
	cursor: pointer;
}
.sustainability__top .slide .slick-dots li.slick-active{width: 30px;border-radius:15px;}
.sustainability__top .slide .slick-dots li + li{margin-left: 10px;}

.sustainability__top  .inner > p.tit{
	text-align: center;
	margin-top: 87px;
	line-height: 53px;
}
.sustainability__top  .inner ul{
	position: relative;
	overflow: hidden;
	width: 1080px;
	margin: 60px auto 0;
	padding: 0 15px;	
	box-sizing: border-box;
}
.sustainability__top  .inner ul:after,
.sustainability__top  .inner ul:before{
	content:"";
	position: absolute;
	width: 60px;
	height: 5px;
	background: url(../images/sub/sustainability_02_ico.png) center no-repeat;	
	top: 50%;	
	transform: translateY(-50%);
}
.sustainability__top  .inner ul:after{right: 325px;}
.sustainability__top  .inner ul:before{left: 325px;}
.sustainability__top  .inner ul li {
	float: left;
	width: 310px;
	height: 310px;
	border-radius: 50%;
	background-color: rgb(236,165,57);
	text-align: center;
	margin-right: 60px;
}
.sustainability__top  .inner ul li:nth-child(2){background-color: rgb(214,131,79);}
.sustainability__top  .inner ul li:nth-child(3){background-color: rgb(221,77,77);margin-right: 0;}
.sustainability__top  .inner ul li > div{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 30px;
}
.en .sustainability__top .inner ul li > div{padding-top: 0;}
.sustainability__top  .inner ul li p{
	font-family: 'Pretendard';
	font-size: 26px;
	color: rgb(255,255,255);
	font-weight: 700;
	line-height: 34px;
}
.sustainability__top  .inner ul li p + p{
	font-size: 18px;
	margin-top: 15px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	line-height: 1.5;
}
.en .sustainability__top  .inner ul li p + p{line-height: 30px;}
.sustainability__top  .inner ul li a{
	display: inline-block;
	color: rgb(255,255,255);
	font-family: 'Pretendard';
	font-size: 12px;
	width: 70px;
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	border: 1px solid rgb(255,255,255);
	border-radius: 15px;
	margin-top: 23px;
}
.en .sustainability__top  .inner ul li a{margin-top: 15px;}
.sustainability__top .slide-box {
	width: 1200px;
	margin: auto;
}
.sustainability__top .slide-box .slide .slick-slide{position: relative;}
.sustainability__top .slide-box .slide .text-box{
	position: absolute;
	width: 100%;
	top: 48.5%;
	transform: translateY(-50%);
}
.sustainability__top .slide-box .slide .text-box.bot{
	bottom: 92px;
	top: auto;
	transform: translateY(0%);
}
.sustainability__top .slide-box .slide .text-box > div{
	width: 100%;
	overflow: hidden;
}
.sustainability__top .slide-box .slide .text-box > div p{
	color: rgb(255,255,255);
	text-align: center;	
	font-size:20px;
	opacity: 0;	
}
.sustainability__top .slide-box .slide .text-box .big p{
	font-size: 50px;
	font-weight: 700;
	font-family: 'Pretendard';
	animation-delay: .3s !important; 
}
.sustainability__top .slide-box .slide .text-box .small p{
	animation-delay: 2.3s !important; 
}
.sustainability__top .slide-box .slide .slick-slide.slick-active .text-box > div p{animation: txtUp .5s forwards;}
@keyframes txtUp{
	0%{transform: translateY(100%);}
	100%{transform: translateY(0%);opacity: 1;}
}

.sustainability__mid #vision{
	padding: 0;
	border-top: 1px solid rgb(204,204,204);
	margin-top: 127px;
}

.sustainability__mid #vision .inner{padding-top: 94px;}
.sustainability__mid #vision .inner .con{
	position: relative;
	padding: 100px 0 117px;
	margin-top: 70px;
}
.sustainability__mid #vision .inner .center{
	margin: auto;
	width: 523px;
	height: 523px;	
	background: url(../images/sub/sustainability_d_02_center.png) center no-repeat;	
}
.sustainability__mid #vision .inner .center > div{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 126px;
	height: 40px;
	text-align: center;
	background: url(../images/sub/sustainability_d_02_logo.png) center /100% no-repeat;
}
.en .sustainability__mid #vision .inner .center > div > span{
	position: relative;
	top: 70px;
}
.sustainability__mid #vision .inner ul{
	width: 840px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}
.sustainability__mid #vision .inner ul li{
	width: 310px;
	height: 310px;
	background-color: rgb(51,51,51);
	border-radius: 50%;
}
.sustainability__mid #vision .inner ul li:nth-child(3),
.sustainability__mid #vision .inner ul li:nth-child(4){margin-top: 80px;}
.sustainability__mid #vision .inner ul li > div{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;	
}
.en .sustainability__mid #vision .inner ul li > div{
	top: 37px;
	transform: translate(-50%, 0%);
}
.sustainability__mid #vision .inner ul li p{
	font-size: 18px;
	margin-top: 10px;
	color: rgb(187,187,187);
}
.en .sustainability__mid #vision .inner ul li p + p{
	line-height: 28px;
	font-size: 16px;
	margin-top: 7px;
}
.sustainability__mid #vision .inner ul li p.wt{
	font-size: 20px;
	margin-top: 20px;
	font-weight: 700;
	color: rgb(255,255,255);	
}

.sustainability__mid #caring{	
	border-top: 1px solid rgb(204,204,204);
	margin-top: 130px;
}

.sustainability__mid > div{padding: 105px 0 130px;}

.sustainability__mid > div .con{
	margin-top: 130px;
}
.sustainability__mid > div .con:after{
	content:"";
	display: block;
	clear: both;
}

.sustainability__mid > div .inner .box.left{width: 440px;}
.sustainability__mid > div .inner .box.left > div > img{width: 82px;}
.sustainability__mid > div .inner .box.right{
	width: 759px;
	padding-left: 55px;
	box-sizing: border-box;
	border-left: 1px solid rgb(214,214,214);
} 
.sustainability__mid > div .inner .box.right.bold{border-left: 1px solid rgb(194,194,194);}
.sustainability__mid > div .inner .left .tit{
	font-size: 59px;	
	line-height: 73px;
	font-family: 'Pretendard';
	font-weight: 700;
	color: rgb(0,0,0);	
}
.sustainability__mid > div .inner .left .txt{
	font-size: 20px;	
	line-height: 36px;
	font-weight: 700;
	color: rgb(0,0,0);	
	margin-top: 20px;
}
.sustainability__mid > div .inner .left .txt:after{
	content:"";
	display: block;
	width: 40px;
	height: 1px;
	background-color: rgb(0,0,0);
	margin-top: 20px;
}
.sustainability__mid > div .inner .left ul{margin-top: 20px;}
.sustainability__mid > div .inner .left ul li{
	padding-left: 10px;
	font-size: 15px;
	line-height: 32px;
	position: relative;
}
.en .sustainability__mid > div .inner .left ul li{line-height: 26px;}
.en .sustainability__mid > div .inner .left ul li + li{margin-top: 10px;}
.sustainability__mid > div .inner .left ul li:before{
	content:"*";
	position: absolute;
	top: 0;
	left: 0;
}
.sustainability__mid > div .inner .left > div{margin-top: 20px;}
.sustainability__mid > div .inner .left > div img + img{margin-left: 10px;}

.sustainability__mid > div .inner .right .tit{
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 35px;
	color: rgb(0,0,0);
}
.sustainability__mid > div .inner .right > ul{overflow: hidden;}
.sustainability__mid > div .inner .right > ul li{
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;	
	border-radius: 20px;
	overflow: hidden;
}
.sustainability__mid > div .inner .right > ul li:nth-child(2n){margin-right: 0;}
.sustainability__mid > div .inner .right > ul li p{
	width: 100%;
	height: 34px;
	line-height: 34px;
	color: rgb(255,255,255);
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	background-color: rgb(51,51,51);
}
.sustainability__mid > div .inner .right > ul li p.en,
.sustainability__mid > div .inner .right > ul li p span{
	font-family: 'Pretendard';
	font-size: 12px;	
}

.sustainability__mid > div .inner .right .text-box{margin-top: 33px;}
.sustainability__mid > div .inner .right .text-box dl + dl{margin-top: 35px;}
.sustainability__mid > div .inner .right .text-box dl dt{
	font-size: 16px;
	font-weight: 700;
	color: rgb(0,0,0);
}
.sustainability__mid > div .inner .right .text-box dl dd{
	font-size: 13px;
	line-height: 26px;
	color: rgb(86,88,98);
	margin-top: 7px;
}

.sustainability__mid > div .inner .right .text-box ul {
	overflow: hidden;
	margin-top: 50px;
}
.sustainability__mid > div .inner .right .text-box ul li{
	width: 210px;
	height: 210px;
	border-radius: 50%;	
	text-align: center;
	float: left;
}
.sustainability__mid > div .inner .right .text-box ul li + li{margin-left: 36px;}
.sustainability__mid > div .inner .right .text-box ul li:nth-child(1){background-color: rgb(236,165,57);}
.sustainability__mid > div .inner .right .text-box ul li:nth-child(2){background-color: rgb(214,131,79);}
.sustainability__mid > div .inner .right .text-box ul li:nth-child(3){background-color: rgb(221,77,77);}

.sustainability__mid > div .inner .right .text-box ul li > div{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.sustainability__mid > div .inner .right .text-box ul li p{
	color: rgb(255,255,255);
	font-size: 18px;
	line-height: 30px;
}
.sustainability__mid > div .inner .right .text-box ul li a{
	display: inline-block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	border: 1px solid rgb(255,255,255);
	border-radius: 15px;
	color: rgb(255,255,255);
	font-family: 'Pretendard';
	font-size: 12px;
	margin-top: 12px;

}

.sustainability__mid .table-box{margin-top: 35px;}
.sustainability__mid .table-box .tit p{
	font-size: 16px;
	color: rgb(0,0,0);
	font-weight: 700;
}
.sustainability__mid .table--outer{margin: 30px 0 0;}

.sustainability__mid .table--fix.w254{width: 254px;}
.sustainability__mid .table--fix.w104{width: 104px;}
.sustainability__mid .table--fix.w123{width: 123px;}

.sustainability__mid .table--fix  tr{
	border-bottom: 1px solid rgb(233,233,233);
	padding-left: 0;
	font-size: 13px;
	color: rgb(86,88,98);
}
.sustainability__mid .table--fix tr.red {color: rgb(210,32,48);height: 50px;}
.sustainability__mid .table--fix tr th{height: 40px;}
.sustainability__mid .table--fix tr.pL th{padding-left: 30px;}

.sustainability__mid .scrollbox{overflow-x: auto;}

.sustainability__mid .scrollbox.w450{width: 450px;}
.sustainability__mid .scrollbox.w477{width: 477px;}

.sustainability__mid .scrollbox tr.red {height: 50px;}
.sustainability__mid .scrollbox tr.line{
	border-top: 2px solid rgb(102,102,102);
    border-bottom: 1px solid rgb(143,143,143);
}
.sustainability__mid .scrollbox td{
	height: 40px;
	text-align: left;
	padding-right: 0;
}

.sustainability__mid #preserving{padding: 70px 0 130px;} 
.sustainability__mid #preserving .con{margin-top: 12px;}
.sustainability__mid #preserving .table-box{margin-top: 0;}
.sustainability__mid #preserving .table-box .tit{margin-bottom: 0;}
.sustainability__mid #preserving .table-box .tit:after{content:'';display: block;clear: both;	}
.sustainability__mid #preserving .table-box .tit p.w246{width: 246px;line-height: 25px;}	
.sustainability__mid #preserving .table-box .tit p.fr{
	font-size: 12px;
	/* margin-top: 7px; */
	transform: translateY(20px);
	color: rgb(102,102,102);
}	
.sustainability__mid #preserving .table-box p.table_txt{
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
	color: rgb(102,102,102);
}

.sustainability__mid #preserving .table--outer{margin: 13px 0 0;}
.sustainability__mid #preserving .table--fix tr.blank{border-bottom: 0;}
.sustainability__mid #preserving .table--fix tr.blank.line{border-bottom: 1px solid rgb(215,215,215);border-top: 0;}
.sustainability__mid #preserving .table--fix tr.blank.line th{border-bottom: 1px solid rgb(215,215,215);border-top: 0;}
.sustainability__mid #preserving .table--fix tr.bk{color: rgb(0,0,0);}
.sustainability__mid #preserving .table--fix tr th{
	text-align: center;
	padding: 0;
}
.sustainability__mid #preserving .table--fix.w104 tr.h19{height: 19px;}
.sustainability__mid #preserving  tr th.p20{padding: 20px 0;height: auto;}
.sustainability__mid #preserving  tr td.p11{padding: 11px 0;height: auto;}
.sustainability__mid #preserving .scrollbox tr{border-bottom: 1px solid rgb(215,215,215);}
.sustainability__mid #preserving .scrollbox tr.line{border-bottom: 1px solid rgb(143,143,143);}
.sustainability__mid #preserving .scrollbox tr.bk{
	border-top: 0;
	border-bottom: 1px solid rgb(215,215,215);
	font-weight: 700;
	color: rgb(0,0,0);
}
.sustainability__mid #preserving .scrollbox tr td{text-align: center;}
.sustainability__mid #preserving .img-box{margin-top: 48px;}
.sustainability__mid #preserving .img-box dl dt{
	font-size: 16px;
	font-weight: 700;
	color: rgb(0,0,0);
}
.sustainability__mid #preserving .img-box dl dd{
	font-size: 13px;
	color: rgb(86,88,98);
	line-height: 26px;
	margin-top: 8px;
}
.sustainability__mid #preserving .img-box > div{margin-top: 22px;}

.sustainability__mid #creating{padding: 70px 0 162px;}
.sustainability__mid #creating .con{margin-top: 0;}
.sustainability__mid #creating .right .slide-box + .slide-box{margin-top: 55px;}
.sustainability__mid #creating .right .slide-box dl dt{
	font-size: 16px;
	font-weight: 700;
	color: rgb(0,0,0);
}
.sustainability__mid #creating .right .slide-box dl dd{
	font-size: 13px;
	color: rgb(86,88,98);
	margin-top: 8px;
	line-height: 26px;
}
.sustainability__mid #creating .right .slide-box ul.slide{
	overflow: hidden;
	margin-top: 32px;
}
.sustainability__mid #creating .right .slide-box ul li{
	float: left;
	width: 220px;
	border-radius: 20px;
	overflow: hidden;
}
.sustainability__mid #creating .right .slide-box ul li + li{margin-left: 20px;}
.sustainability__mid #creating .right .slide-box ul li p{
	font-size: 12px;
	font-weight: 700;
	color: rgb(255,255,255);
	text-align: center;
	background-color: rgb(51,51,51);
	line-height: 36px;
}
.sustainability__mid #creating .right .slide-box ul li p.twoline{
	line-height: 18px;
	padding: 12px 0;
	min-height: 60px;
	box-sizing: border-box;
}
.sustainability__mid #creating .right .slide-box ul li p.twoline.lh{line-height: 36px;}
.en .sustainability__mid #creating .right .slide-box ul li p{
	line-height: 18px;
	font-size : 10px;
	font-weight: 400;
	padding: 12px 0;
	min-height: 60px;
	box-sizing: border-box;
}
.en .sustainability__mid #creating .right .slide-box ul li p.lh{line-height: 36px;}

.sustainability__bottom > div .con{
	margin-top: 83px;
	overflow: hidden;
}
.sustainability__bottom #report{
	background: url(../images/sub/sustainability_06_bg.jpg) top center no-repeat;	
	height: 1042px;	
	box-sizing: border-box;
	padding: 103px 0 130px;
}
.sustainability__bottom #report .inner > p.txt{font-family: 'Pretendard';}

.sustainability__bottom #report .left{width: 500px;}
.sustainability__bottom #report .left > div{
	width: 449px;
	position: relative;
	margin-top: 0;
}
.sustainability__bottom #report .left > div > img{width: 100%;}
.sustainability__bottom #report .left > div a{
	position: absolute;
	text-align: center;
	bottom: 20px;
	right: 0;
	left: 0;
	margin: auto;
}

.sustainability__bottom #report .right{width: 700px;}
.sustainability__bottom #report .right > div:after{
	content: "";
	display: block;
	clear: both;
}
.sustainability__bottom #report .right ul li{
	position: relative;
	width: 100%;
	background-color: rgb(255,255,255);
	border-radius: 30px;
	padding: 30px 30px 30px 40px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.sustainability__bottom #report .right ul.w68{
	width: 68.715%;
}
.sustainability__bottom #report .right ul.w30{
	width: 30%;
}
.sustainability__bottom #report .right ul.w68 li{min-height: 210px;}
.sustainability__bottom #report .right ul.w30 li{
	min-height: 210px;
	padding: 20px 30px;
	line-height: 28px;
}

.sustainability__bottom #report .right ul.w30:after{
	content:"";
	display: block;
	clear: both;
}

.sustainability__bottom #report .right ul.thumb3{font-size:0;}
.sustainability__bottom #report .right ul.thumb3 li{
	width: calc(33% - 3px);
	min-height: 142px;
	display: inline-block;
	vertical-align: top;
	padding: 25px 30px;
}
.sustainability__bottom #report .right ul.thumb3 li + li{margin-left: 8px;}
.sustainability__bottom #report .right ul.thumb3 li .tit{
	font-size: 16px;
	line-height: 23px;
	text-transform: uppercase ;
	letter-spacing: 0px;
}
.sustainability__bottom #report .right ul.thumb3 li a{bottom: 23px;right: 29px;}

.sustainability__bottom #report .right ul.w30 .tit{
	letter-spacing: 0px;
}
.sustainability__bottom #report .right ul li .tit{
	font-family: 'Pretendard';
	font-size: 20px;
	color: rgb(0,0,0);
	letter-spacing: 1px;
}
.sustainability__bottom #report .right ul li .txt{
	font-size: 13px;
	line-height: 23px;
	color: rgb(0,0,0);
	margin-top: 15px;
	font-weight: 700;
}
.sustainability__bottom #report .right ul li a{
	position: absolute;
	bottom: 35px;
	right: 30px;
}
.sustainability__bottom #report.v210326{	
	background: url(../images/sub/sustainability_06_bg_210326.jpg) top center no-repeat;	
	height: 1242px;	
}
.sustainability__bottom #report.v210326 .left > div a{bottom: 60px;}


/* 2021-07-16 재무정보 추가 */
.v210716 .tab-box._tab2 a{width: 33.3333%;}
.v210716 .table--fix.w375{width: 375px;}
.v210716 .table--fix.w375 tr th{
	text-align: center;
	padding-left: 0;
	font-size: 16px;
	border-bottom: 1px solid rgb(233,233,233);
}
.v210716 .table--fix.w375 tr.bk th{
	border-bottom: 1px solid rgb(143,143,143);
}
.v210716 .scrollbox tr td{font-size: 15px;}
.v210716 .scrollbox tr.tc td{text-align: center;padding-right: 0;}
.v210716 #tab03 .table-box p.desc{
	color: rgb(102,102,102);
	margin-top: 18px;
	font-size: 15px;
}

/* 2021-07-16 기업지배구조 수정 */
.invest-box._governance .council-info-box {
	margin: 85px 0 0;
	text-align: center;
}
.invest-box._governance .council-info-box .tit {
	display: inline-block;
	padding: 0 0 14px;
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
}
.invest-box._governance .council-info-box .tab__detail > div {overflow: hidden;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box {text-align: left;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box + .list-box {margin-top: 35px;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box > p {
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul {margin-top: 15px;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li {
	width: 23.332%;
	height: 240px;
	float: left;
	margin-left: 2.224%;
	padding: 33px 0 0 33px;
	background-color: rgb(247,247,247);
	border: 1px solid rgb(221,221,221);
	box-sizing: border-box;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li:first-child {margin-left: 0;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name {
	position: relative;
	top: 0;
	left: 0;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name:before {
	width: 21px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	background-color: rgb(0,0,0);
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name p {
	font-weight: 700;
	font-size: 21px;
	color: rgb(0,0,0);
	line-height: 29px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .info {margin-top: 40px;}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .info p {
	font-weight: 400;
	font-size: 14px;
	color: rgb(0,0,0);
	line-height: 25px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .txt {
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .txt span {font-size: 12px;}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list {
	font-size: 0;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li {
	width: 31.833%;
	display: inline-block;
	margin: 2.2505% 2.2505% 0 0;
	vertical-align: top;
	border: 1px solid rgb(221,221,221);
	box-sizing: border-box;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(1),
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(2),
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(3) {margin-top: 0;}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(3n) {margin-right: 0;}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head {
	padding: 27px 20px 23px;
	position: relative;
	top: 0;
	left: 0;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .op-tit {
	font-weight: 400;
	font-size: 26px;
	color: rgb(0,0,0);
	line-height: 1.3;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .date {
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .tag {
	width: 55px;
	height: 28px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
	text-align: center;
	line-height: 28px;
	background-color: rgb(153,153,153);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .con {
	padding: 17px 15px 14px;
	background-color: rgb(247,247,247);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .con p {
	padding-left: 25px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 26px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .con p:before {
	content: attr(data-num);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .op-more__btn {
	width: 85px;
	height: 35px;
	display: none;
	margin: 30px auto 0;
	font-weight: 700;
	font-size: 1.4rem;
	color: rgb(85,85,85);
	border: 1px solid rgb(204,204,204);
	border-radius: 35px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .list-tit {
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box {
	margin-top: 15px;
	border-top: 2px solid rgb(102,102,102);
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head {
	padding: 12px 0 10px;
	border-bottom: 1px solid rgb(143,143,143);
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head p {
	font-weight: 700;
	font-size: 16px;
	color: rgb(51,51,51);
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con ul li {
	padding: 16px 0 12px;
	border-bottom: 1px solid rgb(242,242,242);

	width: 100%;
	display: table;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head:after,
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con ul li:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con ul li p {
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);

	display: table-cell;
	vertical-align: middle;
	float: none;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box p {float: left;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .no {width: 97px;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .rating-tit {
	width: calc(100% - 618px);
	padding: 0 25px;
	color: rgb(1,1,1);
	text-align: left;
	box-sizing: border-box;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head .rating-tit {text-align: center;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .ox {width: 91px;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .etc{width: 430px;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo {
	margin-top: 60px;
	padding: 0 40px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dl {text-align: center;}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dt {
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dd {
	margin-top: 2px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(86,88,98);
}
.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo img {
	display: block;	
	margin: 13px auto 0;
}

.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box {
	width: 100%;
	height: 108px;
	padding: 30px 0 29px 20px;
	background-color: rgb(0,41,101);
	box-sizing: border-box;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box {
	height: 154px;
	padding: 37px 0 0px 40px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date-tit {
	float: left;
	font-weight: 700;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 49px;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box .date-tit {
	width: calc(100% - 877px);
	font-family: Arial, sans-serif;
	line-height: 28px;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dl {
	float: left;
	margin-left: 2.91%;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl {margin-left: 0;}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl:nth-of-type(1) {width: 403px;}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl:nth-of-type(2) {width: 474px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date-tit + dl {margin-left: 4.41%;}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box .date-tit + dl {margin-left: 0;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dt {
	float: left;
	padding-left: 60px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 49px;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dt {
	margin-top: -4px;
	padding-left: 65px;
	font-family: Arial, sans-serif;
	line-height: 28px;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dt:before {
	width: 49px;
	height: 49px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(255,255,255);
	border-radius: 50%;
	box-sizing: border-box;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dt:before {top: 4px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date dt:before {
	background-image: url(../images/sub/ico_date_wt_35x35.png);
	background-size: 21px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .place dt:before {
	background-image: url(../images/sub/ico_point_wt_30x38.png);
	background-size: 19px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dd {
	float: left;
	margin-left: 15px;
	font-weight: 300;
	font-size: 18px;
	color: rgb(255,255,255);
	line-height: 49px;
	text-align: left;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dd {
	margin: 0px 0 0;
	padding-left: 65px;
	font-family: Arial, sans-serif;
	line-height: 28px;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box {margin-top: 40px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box:after {
	content: '';
	display: block;
	clear: both;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box {
	width: 398px;
	float: left;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt1 {
	font-weight: 700;
	font-size: 24px;
	color: rgb(86,88,98);
	line-height: 40px;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt1 {	
	font-family: Arial, sans-serif;
	line-height: 33px;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt2 {
	font-weight: 400;
	font-size: 15px;
	color: rgb(86,88,98);
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt2 {
	margin-top: 11px;
	font-family: Arial, sans-serif;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt3 {
	margin-top: 17px;
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 28px;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt3 {
	margin-top: 19px;
	font-family: Arial, sans-serif;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box {
	width: calc(100% - 398px);
	float: left;
	font-size: 0;
	border-top: 2px solid rgb(102,102,102);
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .head {
	padding: 11px 0 10px;
	border-bottom: 1px solid rgb(153,153,153);
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .head p {
	font-weight: 700;
	font-size: 16px;
	color: rgb(51,51,51);
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .head p {font-family: Arial, sans-serif;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con p {
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .con p {font-family: Arial, sans-serif;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con ul li {
	padding: 13px 0 13px;
	border-bottom: 1px solid rgb(242,242,242);

	width: 100%;
	display: table;
	table-layout: fixed;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box p {
	display: inline-block;
	vertical-align: top;	
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con p {
	display: table-cell;
	vertical-align: middle;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .no {width: 120px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-tit {width:calc(100% - 360px);}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .percent {width: 120px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .ox {width: 120px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con .list-tit {
	padding: 0 20px 0 30px;
	color: rgb(1,1,1);
	text-align: left;
	box-sizing: border-box;
}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .con .list-tit {padding: 0 5px 0 30px;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con ul li .no {text-align: center;}
.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .con ul li .no {text-align: left;}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con ul li .no.right {text-align: right;}
.line2-txt {
	display: inline-block;
	line-height: 1.1;
	vertical-align: middle;
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table {
	width: 100%;
	border-top: 2px solid rgb(102,102,102);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td {
	height: auto;
	padding: 11px 0 19px;
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 32px;
	vertical-align: top;
	border-bottom: 1px solid rgb(242,242,242);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table tr:first-child td {
	padding: 7px 0 5px;
	font-weight: 700;
	font-size: 16px;
	color: rgb(51,51,51);
	vertical-align: middle;
	border-bottom: 1px solid rgb(143,143,143);
}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table tr:not(:first-child) td:nth-child(2) {color: rgb(1,1,1);}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(1) {width: 92px;}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(2) {width: 168px;}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(3) {width: calc(100% - 260px);}
.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table tr:not(:first-child) td:nth-child(3) {
	padding-left: 15px;
	text-align: left;
}
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dd,
.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box p,
.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box p {transform: rotate(0.04deg);}
/* //2021-07-16 기업지배구조 수정 */

/* 2022-02-22 구성원 */
.people-tit-box {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
}
.people-tit-box img {width: 100%;}
.people-tit-box h2 {
	width: 100%;
	padding: 0 125px;
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 0;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.people-tit-box h2 span {
	display: inline-block;
	vertical-align: top;
}
.people-tit-box h2 .logo {
	width: 179px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: center calc(50% - 1px);
	background-image: url(../images/common/logo_fila_179x58.png);
}
.people-tit-box h2 .txt {
	margin-left: 23px;
	font-weight: 700;
	font-size: 63px;
	color: rgb(255,255,255);
}

.people-vv-box {
	max-width: 1300px;
	width: 100%;
	margin: 110px auto 117px;
	padding: 0 50px;
	box-sizing: border-box;
}
.people-vv-box h2 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 56px;
	line-height: 1.2;
	letter-spacing: -0.4px;
}
.people-vv-box > div {margin-top: 60px;}
.people-vv-box > div:first-of-type {margin-top: 36px;}
.people-vv-box > div:after {
	content: '';
	display: block;
	clear: both;
}
.people-vv-box .num {
	width: 195px;
	float: left;
	margin-top: 40px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 112px;
	color: rgb(229,233,239);
	line-height: 1;
}
.people-vv-box .num span {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
}
.people-vv-box .num span:before {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.people-vv-box > div:nth-of-type(1) .num span:before {
	background-image: url(../images/sub/peple02_ico01_144x99.png);
	background-size: 73px;
}
.people-vv-box > div:nth-of-type(2) .num span:before {
	background-image: url(../images/sub/peple02_ico02_126x122.png);
	background-size: 74px;
}
.people-vv-box > div:nth-of-type(3) .num span:before {
	background-image: url(../images/sub/peple02_ico03_98x101.png);
	background-size: 53px;
}
.people-vv-box > div:nth-of-type(4) .num span:before {
	background-image: url(../images/sub/peple02_ico04_111x107.png);
	background-size: 58px;
}
.people-vv-box .txt-box {
	width: calc(100% - 195px);
	float: left;
	padding-top: 40px;
	border-top: 1px solid rgb(1,44,100);
}
.people-vv-box > div:first-of-type .txt-box {border-top: 0;}
.people-vv-box .txt-box .tit {
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 38px;
	color: rgb(1,44,100);
}
.people-vv-box .txt-box .txt {
	margin-top: 10px;
	font-weight: 400;
	font-size: 19px;
	color: rgb(74,73,74);
}
.people-vv-box .txt-box ul {margin-top: 42px;}
.people-vv-box .txt-box ul:after {
	content: '';
	display: block;
	clear: both;
}
.people-vv-box .txt-box ul li {
	width: 17.91%;
	height: 67px;
	float: left;
	margin-left: 2.6125%;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 18px;
	color: rgb(1,44,100);
	line-height: 65px;
	text-align: center;
	border: 1px solid rgb(1,44,100);
	border-radius: 67px;
	box-sizing: border-box;
}
.people-vv-box .txt-box ul li:before {
	width: 3px;
	height: 3px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -8.333%;
	background-color: rgb(1,44,100);
	border-radius: 50%;
}
.people-vv-box .txt-box ul li:first-child {margin-left: 0;}
.people-vv-box .txt-box ul li:first-child:before {content: none;}

.people__contents.en .people-tit-box h2 {font-family: 'Pretendard', sans-serif;}
.people__contents.en .people-tit-box h2 .logo {background-position: center calc(50% + 8px);}
.people__contents.en .people-tit-box h2 .txt {
	font-size: 74px;
	letter-spacing: 0px;
}
.people__contents.en .people-vv-box .txt-box ul li {font-size: 16px;}
/* //2022-02-22 구성원 */

/* 2022-02-22 주주환원 */
.invest-box.v210716._return .table-box p.desc {
	margin-top: 18px;
	font-size: 15px;
	color: rgb(102,102,102);
}
.invest-box.v210716._return .table-box .table--outer {margin-top: 50px;}
/* //2022-02-22 주주환원 */

/* 2022-02-22 휠라 5개년 전략 */
.plan-box {
	padding: 50px 0 160px;
	background-color: rgb(0,0,0);
}
.plan-box .slider-box {
	max-width: 1540px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
}
.plan-box .slider-box .plan__slider {
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}
.plan-box .slider-box .plan__slider.slick-slider {overflow: visible;}
.plan-box .slider-box .plan__slider > .slide {
	display: inline-block;
	vertical-align: top;
}
.plan-box .slider-box .plan__slider a {display: block;}
.plan-box .slider-box .plan__slider img {width: 100%;}
.plan-box .slider-box .plan__slider .slick-arrow {
	width: 40px;
	height: 40px;
	display: block;
	margin-top: 0;
	position: absolute;
	top: 50%;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid rgb(255,255,255);
	border-radius: 50%;
	box-sizing: border-box;

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.plan-box .slider-box .plan__slider .slick-prev {
	left: 20px;
	background-image: url(../images/common/arr_left_wt_13x23.png);
}
.plan-box .slider-box .plan__slider .slick-next {
	right: 20px;
	background-image: url(../images/common/arr_right_wt_13x23.png);
}
.plan-box .slider-box .slick-dots {
	width: 100%;
	margin-top: 37px;
	position: absolute;
	top: 100%;
	left: 0;
	text-align: center;
}
.plan-box .slider-box .slick-dots li {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
.plan-box .slider-box .slick-dots li:first-child {margin-left: 0;}
.plan-box .slider-box .slick-dots li button {
	width: 8px;
	height: 8px;
	display: block;
	margin: 0;
	padding: 0;
	background-color: rgb(209,209,209);
	border-radius: 50%;
}
.plan-box .slider-box .slick-dots li.slick-active button {background-color: rgb(101,101,101);}

.plan-box .vdo-box {
	max-width: 1540px;
	width: 100%;
	margin: 200px auto 0;
	padding: 0 50px;
	box-sizing: border-box;
}
.plan-box .plan-vdo__list {
	margin-top: 0px;
	font-size: 0;
}
.plan-box .plan-vdo__list li {
	width: 48.611%;
	display: inline-block;
	margin: 30px 2.778% 0 0;	
	vertical-align: top;
}
.plan-box .plan-vdo__list li:nth-child(1),
.plan-box .plan-vdo__list li:nth-child(2) {margin-top: 0;}
.plan-box .plan-vdo__list li:nth-child(2n) {margin-right: 0;}
.plan-box .plan-vdo__list li .vdo {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	top: 0;
	left: 0;
}
.plan-box .plan-vdo__list li iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* //2022-02-22 휠라 5개년 전략 */

/* 2022-02-23 재무정보 탭2개 */
.v220223 .tab-box._tab2 a {width: 50%;}
/* //2022-02-23 재무정보 탭2개 */

/* 2022-03-25 기업지배구조 */
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li.etc {
	position: relative;
	top: 0;
	left: 0;
}
.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li.etc:before {
	content:  attr(data-tit);
	position: absolute;
	top: -44px;
	left: 0;
	font-weight: 300;
	font-size: 18px;
	color: rgb(0,0,0);
}
/* //2022-03-25 기업지배구조 */


/* 2022-05-12 주주환원 텍스트추가 */
.returntxt-box{
	background-color: rgb(247,247,247);
	padding: 40px 0;
	margin-top: 30px;
}
.returntxt__tit{					
	padding: 0 45px;
	font-size: 20px;
	font-weight: 700;
}
.returntxt__con{
	padding: 0 50px;
	margin-top: 20px;
}
.returntxt__con dl{font-size:0 }
.returntxt__con dl dt,					
.returntxt__con dl dd{
	font-size: 16px;
	display: inline-block;
	vertical-align: top;					
	line-height: 30px;
}					
.returntxt__con dl dt{width: 115px;}
.returntxt__con dl dd{
	width: calc(100% - 115px);
	color: rgb(102,102,102);
}
.returntxt__con dl dd span{
	padding-left: 10px;
	display: block;
}
.returntxt__con dl dd span.dib{display: inline-block ;padding-left: 0;}
.en .returntxt__con dl dt{width: 215px;}
.en .returntxt__con dl dd{
	width: calc(100% - 215px);
}
.en .returntxt__con dl.db dt,					
.en .returntxt__con dl.db dd{display: block;width: 100%;}

/* //2022-05-12 주주환원 텍스트추가 */

/* 2022-12-19 보도자료 */
.news-container {
    max-width: 1280px;
    margin: 102px auto 80px;
    padding: 0 40px;
	box-sizing: border-box;
}
.search_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search_wrap .sel__style1::-ms-expand {display: none;}
.search_wrap .sel__style1 {
	width: 230px;
	height: 40px;
	font-size: 16px;
	color: rgb(153,153,153);
	background: url(../images/common/arr_down_gr_11x6.png) no-repeat center right 10px;
	outline: 0;
	border: 0;
	border-bottom: 1px solid rgb(204,204,204);
	box-sizing: border-box;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}
.search_wrap .sel_yr {
	width: 142px;
	border-bottom: 0;
}
.search_wrap .sel_ct {
	width: 220px;
	padding: 0 40px;
	text-align: center;
	border-bottom: 0;
}
.search_wrap .sel_gl {
	width: 245px;
	padding: 0 40px;
	text-align: center;
	border-bottom: 0;
}
.search_wrap .sch-box {
	display: flex;
	justify-content: space-between;
	width: 240px;
	height: 40px;
	border-bottom: 1px solid rgb(153,153,153);
	box-sizing: border-box;
}
.search_wrap .sch-box input {
	padding: 0;
	width: calc(100% - 40px);
	font-size: 16px;
	color: rgb(153,153,153);
}
.search_wrap .sch_btn {
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(../images/common/ico_sch_gr_14x15.png) no-repeat center;
}
.news-container .tab-box {margin: 0 0 26px;}
.news_lists {margin: 40px 0 0;}
.news_lists > div {
	display: flex;
	flex-wrap: wrap;
}	
.news_lists > div .headline {
	margin-right: 2.5%;
	margin-bottom: 50px;	
	width: 31.666%;
}
.news_lists > div .headline:nth-child(3n) {margin-right: 0;}
.news_lists > div .headline .img img {width: 100%;}
.news_lists > div .headline .img {}
.news_lists > div .headline .txt {
	margin: 11px 0 0;
}
.news_lists > div .headline .category {
	color: rgb(1,44,100);
	font-size: 14px;
	font-weight: 800;
	line-height: 32px;
}
.news_lists > div .headline .title {
	margin: 4px 0 14px;	
	color: rgb(74,73,74);
	font-size: 18px;
	font-weight: 800;
	line-height: 28px;
}
.news_lists > div .headline .date {
	display: block;
	color: rgb(153,153,153);
	font-size: 14px;
	line-height: 32px;
	font-weight: 800;
}

.paging2 {
	display: flex;
	justify-content: center;
}
.paging2 > a {
	margin: 0 20px;
	width: 40px;
	height: 40px;
	font-size: 0;
}
.paging2 .prev {
	background: url(../images/common/ico_prev_40x40.png) no-repeat center;
}
.paging2 .next {
	background: url(../images/common/ico_next_40x40.png) no-repeat center;
}
.paging2 .num {
	display: flex;
	align-items: center;
}
.paging2 .num > a {
	padding: 0 4px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 13px;
	color: rgb(102,102,102);
}
.paging2 .num > a.on {
	text-decoration: underline;
}

.news_lists._rs {margin: 24px 0 0;}

.news_view .view_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(238,238,238);
	box-sizing: border-box;
}
.news_view .view_top p,
.news_view .view_top span {
	font-size: 14px;
	font-weight: 700;
}
.news_view .view_top .category {
	color: rgb(1,44,100);
}
.news_view .view_top .date {
	position: relative;
	margin-left: 22px;
	color: rgb(153,153,153);
}
.news_view .view_top .date:before {
	content: '';
	display: block;
	position: absolute;
	left: -11px;
	top: 50%;
	transform: translateY(-50%);
	height: 13px;
	width: 2px;
	background-color: rgb(153,153,153);
}
.news_view .view_top > div {
	display: flex;
	align-items: center;
}
.news_view .font-box {
	margin-left: 10px;
	font-size: 0;	
}
.news_view .font-box button {
	position: relative;		
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 0;
	box-sizing: border-box;
	border: 1px solid rgb(204,204,204);
}
.news_view .font-box .ft_up {border-right: 0;}
.news_view .font-box .ft_up:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 7px;
	background-color: rgb(0,0,0);
}
.news_view .font-box .ft_up:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 7px;
	height: 1px;
	background-color: rgb(0,0,0);
}
.news_view .font-box .ft_down:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 7px;
	height: 1px;
	background-color: rgb(0,0,0);
}
.news_view .view_cont {
	padding: 40px 0;
    border-bottom: 1px solid rgb(238,238,238);
    box-sizing: border-box;
}
.news_view .view_title > p{
	margin-bottom: 35px;
	font-size: 30px;
	font-weight: 700;
	color: rgb(68,68,68);
}
.news_view .view_title > span {
	position: relative;
	display: block;
	padding-left: 15px;
	font-size: 18px;
	color: rgb(68,68,68);
	line-height: 32px;
}
.news_view .view_title > span:before {
	content: '-';
	display: block;
	position: absolute;
	left: 0;
}
.news_view .view_cont .article-sct .photo {text-align: center;}
.news_view .view_cont .article-sct .photo img {width: 100%;}
.news_view .view_cont .article-sct .photo img:first-child {width: 560px;}
.news_view .view_cont .article-sct > p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 32px;
	color: rgb(68,68,68);
}

.news_view .view_cont .article-sct div.view_mode_tablet div.mte_contents_line {padding: 0;}
.news_view .view_cont .article-sct div.mte_document_container div.mte_doc ._mte_content_text span,
.news_view .view_cont .article-sct div.mte_document_container div.mte_doc ._mte_content_text p {
	font-size: 18px !important;
    font-family: 'Pretendard', sans-serif;
	line-height: 32px;
	color: rgb(68,68,68);
}
.news_view .view_cont .article-sct div.view_mode_mobile div.mte_contents_line {padding: 0;}
.btn_area {
	display: flex;
	justify-content: center;
}
.btn_area a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0 0 15px;
	width: 200px;
	height: 40px;
	font-size: 16px;
	color: rgb(1,44,100);
	box-sizing: border-box;
}
.btn_area a:first-child {margin: 30px 0 0;}

.news-container._rs .tab-box {display: none;}
.news-container._rs .select__tab {display: none;}
.search_wrap .txt__style1 {display: none;	}
.news-container._rs .search_wrap select {
	display: none;
}
.news-container._rs .search_wrap .txt__style1 {display: block;}
/* //2022-12-19 보도자료 */

/* 미디어 센터 */
.mda_lists .vdo {
	position: relative;
	display: block;
}
.mda_lists .vdo:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3) url(../images/sub/ico_play.png) no-repeat center center;
	background-size: 60px;
}
.mda_lists .headline > a img {width: 100%;}
.mda_lists .view_vdo {
	display: block;
	width: 64px;
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
	background: url(../images/common/arr_right_gr_5x11.png) no-repeat center right;
}
.mda_lists .txt .title2 {
	font-size: 18px;
	font-weight: 800;
	line-height: 28px;	
}
.mda_lists .txt > span {
	display: block;
	margin: 0 0 10px;
	font-size: 16px;
    font-weight: 400;
	color: rgb(74,73,74);
	line-height: 28px;
}

.mda_lists .logo_txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mda_lists .btn_dnload {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 28px;
	height: 28px;
}
.mda_lists .txt .cate_gry {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
	color: rgb(153,153,153);
}
.mda_lists._arc > div .headline {
	margin-right: 1.666%;
	width: 23.75%;
}
.mda_lists._arc > div .headline:nth-child(4n) {margin-right: 0;}

.news_view {margin: 90px 0 0;}
.mda_view .view_head {
	text-align: center;
}
.mda_view .view_head > p {
	margin-top: 10px;
	font-size: 32px;
	font-weight: 700;
	color: rgb(74,73,74);
	line-height: 28px;
}
.mda_view .view_head > span {
	font-size: 16px;
	font-weight: 700;
	color: rgb(153,153,153);
	line-height: 28px;
}
.mda_view .view_cont .article-sct {margin: 0 0 70px;}
.mda_view .view_cont .article-sct .photo2 img {width: 100%;}
.mda_view .view_cont .article-sct > p {text-align: center;}
/* //미디어 센터 */

/* 인재채용 */
.recruit-container .top_banner {
	position: relative;
	margin-top: 50px;
	height: 500px;
	width: 100%;
	background: url(../images/sub/recruit_banner01.jpg) no-repeat center/cover;
}
.recruit-container .top_banner h3 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: rgb(255,255,255);
	font-size: 40px;
	font-weight: 700;
}
.rct-box {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 80px;
	padding: 30px 40px 0;
	box-sizing: border-box;
}
.rct_board {
	margin: 60px 0;
}
.rct_board ul {
	border-top: 2px solid rgb(85,85,85);
	box-sizing: border-box;
}
.rct_board li .rt span:first-child {
	position: relative;
	margin-right: 20px;
}
.rct_board li .rt span:first-child:before {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background-color: rgb(238,238,238);
}
.rct_board li  {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 30px 0;
	border-bottom: 1px solid rgb(238,238,238);
	box-sizing: border-box;
}
.rct_board .tit {
	margin-bottom: 5px;
	font-size: 23px;
	font-weight: 700;
	line-height: 32px;
}
.rct_board span {
	font-size: 16px;
	line-height: 32px;
}
.rct_board .red {
	margin-right: 10px;
	color: rgb(210,32,48);
}

.rct_board .head {
	display: flex;
	justify-content: space-between;
    align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(238,238,238);
	box-sizing: border-box;
}
.rct-position {
	padding: 15px 0;
	display: flex;
}
.rct-position p {
	font-size: 18px;
	line-height: 30px;
}
.rct-position p:nth-child(1) {
	margin-right: 10px;
	font-weight: 700;
}
.rct_board .info {
	padding: 25px 0;
	margin-bottom: 30px;
	font-size: 16px;
	border-top: 2px solid rgb(85,85,85);	
	border-bottom: 2px solid rgb(85,85,85);	
	box-sizing: border-box;
}
.rct_board .info div.mte_document_container div.mte_doc ._mte_content_text p {font-size: 16px;}
.rct_board .info div.view_mode_tablet div.mte_contents_line {padding: 0;}
.rct_board .infodiv.mte_document_container div.mte_doc div.mte_content_container {margin-bottom: 15px;}

.rct-detail .txt {
	margin: 50px 0;
	font-size: 18px;
	color: rgb(85,85,85);
	line-height: 32px;
	text-align: center;
}
.rct-detail .part-wrap {
	padding: 50px 0 40px;
	margin-bottom: 10px;
	border-top: 1px solid rgb(238,238,238);
	border-bottom: 1px solid rgb(238,238,238);
	box-sizing: border-box;
}
.rct-detail .part-wrap .part-box {
	margin-bottom: 50px;
	padding: 60px;
	background-color: rgb(248,248,248);
	border: 1px solid rgb(238,238,238);
	box-sizing: border-box;
}
.rct-detail .part-wrap .part-box:last-child {margin-bottom: 0;}
.rct-detail .part-wrap .part-box .part-tit {
	position: relative;
	padding-top: 20px;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;	
}
.rct-detail .part-wrap .part-box .part-tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 3px;
	width: 61px;
	height: 4px;
	background-color: rgb(1,44,100);
}
.rct-detail .part-wrap .part-box .info {
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
}
.rct-detail .part-wrap .part-box .info dl {
	width: 50%;
	margin-bottom: 23px;
}
.rct-detail .part-wrap .part-box .info dt {
	padding-bottom: 5px;
	color: rgb(1,44,100);
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
	text-decoration: underline;
}
.rct-detail .part-wrap .part-box .info dd {
	font-size: 18px;
	color: rgb(85,85,85);
	line-height: 32px;
}
.rct-detail .txt2 {
	padding-top: 14px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}

.rct_procedure {
	display: flex;
	margin: 72px 0 70px;
}
.rct_procedure > div {
	width: 20%;
	margin-right: 30px;
}
.rct_procedure > div:last-child {margin-right: 0;}
.rct_procedure .num {
	display: block;
	margin-bottom: 15px;
    font-family: 'Pretendard';
	font-size: 20px;
	line-height: 32px;
	color: rgb(1,44,100);
}
.rct_procedure .tit {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	color: rgb(1,44,100);
}
.rct_procedure .img {
	display: flex;
	align-items: center;
	height: 85px;
}
.rct_procedure .txt {
	margin-top: 40px;
	font-size: 16px;
	line-height: 28px;
}
.rct_procedure .arrow {
	display: flex;
	align-items: center;
	margin: 4px 0 0; 
	min-height: 13px;
}
.rct_procedure .arrow .line {
	height: 1px;
	width: 100%;
	background: rgb(1,44,100);
}
.rct_procedure .arrow .tri {
	width: 0;
	height: 0;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	border-left: 8px solid rgb(1,44,100);
}
.rct_area .txt2 {
	font-size: 16px;
}
/* //인재채용 */

/* 문화 */
.culture-sec {
	padding: 120px 0;
}
.culture-sec:not(.culture-sec:nth-child(2)) {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 40px;
    box-sizing: border-box;
}
.culture-sec.sct1 .vision-box {
	display: flex;
	flex-wrap: wrap;
}
.culture-sec.sct1 .vision-box > div {
	margin-right: 40px;
	margin-bottom: 40px;
	padding: 30px 60px;
	width: calc(50% - 20px);
	border: 1px solid rgb(243,243,243);
	box-shadow: 0 0 10px rgba(0 0 0 / 5%);
	box-sizing: border-box;
}
.culture-sec.sct1 .vision-box > div:nth-child(1) {background: url(../images/sub/culture_icon01.png) no-repeat top 40px right 40px;}
.culture-sec.sct1 .vision-box > div:nth-child(2) {background: url(../images/sub/culture_icon02.png) no-repeat top 25px right 40px;}
.culture-sec.sct1 .vision-box > div:nth-child(3) {background: url(../images/sub/culture_icon03.png) no-repeat top 25px right 40px;}
.culture-sec.sct1 .vision-box > div:nth-child(4) {background: url(../images/sub/culture_icon04.png) no-repeat top 25px right 40px;}
.culture-sec.sct1 .vision-box .tit {
	color: rgb(1,44,100);
	font-size: 40px;
    font-family: 'Pretendard';
}
.culture-sec.sct1 .vision-box span {
	color: rgb(1,44,100);
	font-size: 20px;
	font-weight: 700;
}
.culture-sec.sct1 .vision-box .txt {
	margin-top: 18px;
	font-size: 18px;
	line-height: 32px;
	color: rgb(74,73,74);
}
.culture-sec.sct2 {
	background: url(../images/sub/culture_bg01.jpg) no-repeat center/cover;
}
.culture-sec.sct2 .card-wrap {
	position: relative;
	margin-right: 40px;
	margin-bottom: 40px;
	width: calc(50% - 20px);
	min-height: 322px;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}

.culture-sec.sct2 > div {
	display: flex;	
	flex-wrap: wrap;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}
.culture-sec.sct2 .card-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 40px;
	border-radius: 15px;
	box-sizing: border-box;
}
.culture-sec.sct2 .card-box .num {
	font-size: 28px;
    font-family: 'Pretendard';
	color: rgb(1,44,100);
	line-height: 1;
	height: 50px;
}
.culture-sec.sct2 .card-box .tit {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
}
.culture-sec.sct2 .card-box .arr-circle {
	margin-top: auto;
}
.culture-sec.sct2 > div .card-wrap:nth-child(1) .card-box {background: url(../images/sub/culture_img01.jpg) no-repeat center;} 
.culture-sec.sct2 > div .card-wrap:nth-child(2) .card-box {background: url(../images/sub/culture_img02.jpg) no-repeat center;} 
.culture-sec.sct2 > div .card-wrap:nth-child(3) .card-box {background: url(../images/sub/culture_img03.jpg) no-repeat center;} 
.culture-sec.sct2 > div .card-wrap:nth-child(4) .card-box {background: url(../images/sub/culture_img04.jpg) no-repeat center;} 
.culture-sec.sct2 > div .card-wrap:nth-child(5) .card-box {background: url(../images/sub/culture_img05.jpg) no-repeat center;} 
.culture-sec.sct2 .card-info {
	position: absolute;
	top: 0;
	left: 0;
	padding: 40px;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 15px;
	background: rgb(255,255,255);
	box-sizing: border-box;
	opacity: 0;
	z-index: 0;
	transition: opacity .3s;
}
.culture-sec.sct2 .card-info .num {
	font-size: 28px;
    font-family: 'Pretendard';
	color: rgb(1,44,100);
	line-height: 1;
}
.culture-sec.sct2 .card-info .tit {
	position: relative;
	margin: 15px 0 50px;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: rgb(1,44,100);
}
.culture-sec.sct2 .card-info .tit:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: 50%;
	width: 60px;
	height: 1px;
	transform: translateX(-50%);
	background-color: rgb(1,44,100);
}
.culture-sec.sct2 .card-info .txt {
	font-size: 18px;
	line-height: 32px;
	color: rgb(68,68,68);
	word-break: keep-all;
}
.culture-sec.sct2 h4 {color: rgb(255,255,255);}

.culture-sec.sct3 .circle-wrap .tit {
	margin: 70px 0 30px;
	font-size: 40px;
    font-family: 'Pretendard';
	color: rgb(1,44,100);
	line-height: 1;
	text-align: center;
}
.culture-sec.sct3 .circle-box {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.culture-sec.sct3 .circle-box .cir {
	width: 209px;
	height: 209px;
	border-radius: 50%;
	background-color: rgb(248,248,248);
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
}
.culture-sec.sct3 .circle-box span {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	color: rgb(74,73,74);
	line-height: 32px;
	text-align: center;
}
.culture-sec.sct3 .circle-box > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 121px;
	margin-bottom: 30px;
}
.culture-sec.sct3 .circle-box .c1 {
	background-image: url(../images/sub/wb_icon01.png);
	background-size: 62px;
}
.culture-sec.sct3 .circle-box .c2 {
	background-image: url(../images/sub/wb_icon02.png);
	background-size: 60px;
}
.culture-sec.sct3 .circle-box .c3 {
	background-image: url(../images/sub/wb_icon03.png);
	background-size: 39px;
}
.culture-sec.sct3 .circle-box .c4 {
	background-image: url(../images/sub/wb_icon04.png);
	background-size: 56px;
}
.culture-sec.sct3 .circle-box .c5 {
	background-image: url(../images/sub/wb_icon05.png);
	background-size: 59px;
}
.culture-sec.sct3 .circle-box .c6 {
	background-image: url(../images/sub/wb_icon06.png);
	background-size: 69px;
}
.culture-sec.sct3 .circle-box .c7 {
	background-image: url(../images/sub/wb_icon07.png);
	background-size: 61px;
}
.culture-sec.sct3 .circle-box .c8 {
	background-image: url(../images/sub/wb_icon08.png);
	background-size: 52px;
}
.culture-sec.sct3 .circle-box .c9 {
	background-image: url(../images/sub/wb_icon09.png);
	background-size: 44px;
}
.culture-sec.sct3 .circle-box .c10 {
	background-image: url(../images/sub/wb_icon10.png);
}
.culture-sec.sct3 .circle-box .c11 {
	background-image: url(../images/sub/wb_icon11.png);
	background-size: 63px;
}
.culture-sec.sct3 .circle-box .c12 {
	background-image: url(../images/sub/wb_icon12.png);
	background-size: 55px;
}
.culture-sec.sct3 .circle-box .c13 {
	background-image: url(../images/sub/wb_icon13.png);
	background-size: 57px;
}
.culture-sec.sct3 .circle-box .c14 {
	background-image: url(../images/sub/wb_icon14.png);
	background-size: 66px;
}
.culture-sec.sct3 .circle-box .c15 {
	background-image: url(../images/sub/wb_icon15.png);
	background-size: 59px;
}
.culture-sec.sct3 .circle-box .c16 {
	background-image: url(../images/sub/wb_icon16.png);
	background-size: 57px;
}
.culture-sec.sct3 .circle-box .c17 {
	background-image: url(../images/sub/wb_icon17.png);
	background-size: 60px;
}
.culture-sec.sct3 .circle-box .c18 {
	background-image: url(../images/sub/wb_icon18.png);
	background-size: 60px;
}
.culture-sec.sct3 .circle-box .c19 {
	background-image: url(../images/sub/wb_icon19.png);
	background-size: 57px;
}
.culture-sec.sct3 .circle-box .c20 {
	background-image: url(../images/sub/wb_icon20.png);
	background-size: 66px;
}
.culture-sec.sct3 .circle-box .c21 {
	background-image: url(../images/sub/wb_icon21.png);
	background-size: 56px;
}
.culture-sec.sct3 .circle-box .c22 {
	background-image: url(../images/sub/wb_icon22.png);
	background-size: 55px;
}
.culture-sec.sct3 .circle-box .c23 {
	background-image: url(../images/sub/wb_icon23.png);
	background-size: 49px;
}
.culture-sec.sct3 .circle-box .c24 {
	background-image: url(../images/sub/wb_icon24.png);
	background-size: 64px;
}
.culture-sec.sct3 .sub_txt {
	margin-top: 20px;
	color: rgb(74,73,74);
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}
.culture-sec.sct3 > h4 {
	margin-bottom: 0;
}

.culture-sec.sct2._en .card-info .tit {
	letter-spacing: -1px;
}
.culture-sec.sct2._en .card-info .txt {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: -.5px;
}
/* //문화 */

/* basic layer */
.layer-bg__wrap {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 201;
	background-color: rgba(0,0,0,0.8);
}
body.basic-layer--open {overflow: hidden;}
body.basic-layer--open .layer-bg__wrap {display: block;}
.basic__layer > .inner {
	width: 1280px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	transform: translate(-50%, -50%);
}
#layerPopup {
	z-index:99 !important;
}
.basic__layer .head {
    padding: 40px;
	box-sizing: border-box;
}
.basic__layer .close__btn {
	display: block;
	position: absolute;
	top: 30px;
	right: 20px;
	width: 50px;
	height: 50px;
	font-size: 0;
}
.basic__layer .close__btn:before,
.basic__layer .close__btn:after {	
	width: 27px;
	height: 1px;
	content: '';
	margin: -1px 0 0 -18px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: rgb(255,255,255);
	transform-origin: center center;
}
.basic__layer .close__btn:before {transform: rotate(45deg);}
.basic__layer .close__btn:after {transform: rotate(-45deg);}
.basic__layer .head .tit {
	display: flex;
	align-items: center;
    justify-content: center;
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	color: rgb(255,255,255);
	line-height: 1;
	box-sizing: border-box;
}
.basic__layer .con {
	display: flex;
	flex-direction: column;
	padding: 0 40px 50px;
}
.basic__layer .con .txt-box .txt {
	font-weight: 400;
	font-size: 18px;
	color: rgb(255,255,255);
	text-align: center;
	line-height: 32px;
}
/* //basic layer */

/* layer_popvdo */
.lyr_video .txt-box {
    padding-top: 15px;
}
.lyr_video .vdo-box > div {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 650px;
}
.lyr_video .vdo-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* layer_popvdo */

/* 2023-02-21 미디어센터 로고 - 전체 다운로드 추가 */
.news_lists .all-logo-box {margin-top: 33px;}
.news_lists .all-logo-box a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 381px;
	height: 42px;
	margin: 0 auto;
	padding: 0 17px;
	border: 1px solid rgb(137,137,137);
	box-sizing: border-box;
}
.news_lists .all-logo-box .tit {
	font-family: 'Pretendard', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: rgb(4,4,4);
}
.news_lists .all-logo-box .file-size {
	display: inline-block;
	vertical-align: top;
	padding: 3px 35px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/sub/ico_download_16x14.png);
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: rgb(131,131,131);
}
/* //2023-02-21 미디어센터 로고 - 전체 다운로드 추가 */

/* 2023-06-01 기업지배구조 수정 */
.council-info-box .tab-box._tab4 a{
	width: calc(100% / 3);
}

/*데스크탑*/
@media screen and (min-width:1200px) {
	.tab-box a:hover {
		color: rgb(210,32,48);
		background-color: rgb(255,255,255);
		background-image: url(../images/common/arr_up_rd_11x6.png);
		border: 1px solid rgb(210,32,48);
		border-bottom-color: rgb(255,255,255);
	}
	.invest-box._governance .rule-box .tab__sub a:hover {color: rgb(224,0,42);}
	.invest-box._governance .rule-box .tab__sub a:hover:before {
		width: calc(100% - 20px);
		height: 1px;
		content: '';
		display: block;
		position: absolute;
		bottom: -3px;
		left: auto;
		background-color: rgb(210,32,48);
	}
	.invest-box._governance .rule-box .tab__sub a:hover:first-child:before {width: 100%;}

	.brand__con .con .txt-box._line {
		position: relative;
		top: 0;
		left: 0;
	}
	.brand__con .con .txt-box._line:after {
		width: 1px;
		height: 434px;
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: calc(50% - 40px);
		background-color: rgb(238,238,238);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.invest-box._governance .rule-box #tab04 .tab__detail-sub{margin: 0;}

	.dt-pdr10 {padding-right: 10px !important;}

	/* 인재채용 */
	.culture-sec.sct1 .vision-box > div:nth-child(2n) {margin-right: 0;}
	.culture-sec.sct1 .vision-box > div:nth-last-child(-n+2) {margin-bottom: 0;}
	.culture-sec.sct2 > div .card-wrap:nth-child(2n) {margin-right: 0;}
	.culture-sec.sct2 > div .card-wrap:last-child {margin-bottom: 0;}
	.culture-sec.sct3 .circle-box > div:nth-child(4n) {margin-right: 0;}
	.culture-sec.sct3 .circle-box > div:nth-last-child(-n+3) {margin-bottom: 0;}
	.culture-sec.sct2 .card-wrap:hover .card-info {
		opacity: 1;
	}
}

@media screen and (max-width: 1283px){
	.culture-sec.sct3 .circle-box > div {
		width: 25%;
		margin-right: 0;
	}
}

/*태블릿 & 모바일*/
@media screen and (max-width: 1199px){
	.tit__style {display: none;}
	.sub-menu {height: 40px;}
	.sub-menu.en{height: 80px;}
	.sub-menu a {display: none;}
	.sub-menu .select-box {display: block;}
	
	.sub-menu.en .select-box p{width: 100%;text-align: center;border-bottom: 1px solid rgb(162,163,155);	}
	.sub-menu.en .select-box select{width: 100%;}

	.location {display: none;}

	/*news*/
	.news-wrap .sub-menu {display: none;}
	.bg-box__head {
		height: 0;
		padding: 0 0 125%;
		background-size: 100%;
	}
	.bg-box__head._news {
		height: auto;
		background-image: url(../images/sub/bg_news01_m.jpg);
	}	
	.bg-box__head .txt-box .tit {
		padding: 0 0 15px;
		font-size: 1.6rem;
		text-transform: none;
	}
	.bg-box__head .txt-box .txt {margin: 18px 0 0;}
	.bg-box__head .txt-box .txt p {
		font-size: 2.0rem;
		line-height: 2.8rem;
	}
	.list-box__news {
		margin: 20px auto 30px;
		box-sizing: border-box;
	}
	.list-box__news ul li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 16px 20px 10px;
	}
	.list-box__news .tit {
		height: 100%;
		max-height: 60px;
		font-size: 2.0rem;
		line-height: 30px;
	}
	.list-box__news .txt {
		height: 100%;
		max-height: 72px;
		margin: 8px 0 0;
	}
	.list-box__news .txt p {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.list-box__news .date {
		margin: 8px 0 0;
		font-size: 1.2rem;
	}
	.list-box__news .btn__more {
		width: 87px;
		height: 37px;
		margin: 10px auto 0;
		font-size: 1.3rem;
		line-height: 3.7rem;
	}

	/*contact*/
	.contact-wrap .sub-menu {display: none;}
	.contact-wrap._v2 .sub-menu {display: block;}
	.contact-box {
		margin: 0 0 22px;
		padding: 0;
	}
	.contact-box .addr {
		margin: 15px 0 0;
		padding: 0 20px;
	}
	.contact-box .addr .tit {
		font-weight: 400;
		font-size: 2.0rem;
	}
	.contact-box .addr .txt {
		margin: 17px 0 0;
		font-weight: 300;
		font-size: 1.6rem;
		color: rgb(86,88,98);
		text-align: center;
		line-height: 2.8rem;
	}
	.contact-box .addr .txt span,
	.contact-box .addr .txt a {
		display: inline-block;
		margin: 10px 0 0;
	}

	
	.contact-box._v2 {
		margin: 0;
		padding: 40px 0 50px;
	}
	.contact_card {
		margin: 40px 20px;
		flex-direction: column;
	}
	.contact_card > div {
		margin-right: 0;
		margin-bottom: 20px;
		padding: 25px 30px;
	}
	.contact_card > div:last-child {margin-bottom: 0;}
	.contact_card .card-tit {
		font-size: 2.5rem;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.contact_card dl dd, .contact_card dl dt {
		font-size: 1.4rem;
		line-height: 2.7rem;
	}
	.contact-box._v2 .addr .tit {
		font-size: 1.5rem;
	}
	.contact-box._v2 .addr .txt {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.contact-box._v2 .addr {margin: 25px 0 0;}

	/*news view*/
	.view-box {
		margin: 25px auto 45px;
		box-sizing: border-box;
	}
	.view-box .head {padding: 0 0 18px;}
	.view-box .head .tit {
		width: 100%;
		float: none;
		font-weight: 700;
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.view-box .head > div {
		margin: 8px 0 0;
		position: relative;
		bottom: auto;
		right: auto;
		top: 0;
		left: 0;
	}
	.view-box .head .date {
		height: 15px;
		float: left;
		margin: 2px 0 0;
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	.view-box .btn__share {display: block;}
	.view-box .head .share {display: none;}	
	.view-box .con {padding: 20px 0;}	
	.view-box .foot a {
		height: 32px;
		font-weight: 700;
		font-size: 1.2rem;
		line-height: 3.2rem;
		border-radius: 32px;
	}
	.view-box .foot .left a {
		width: 72px;
		background-size: 4px;
	}
	.view-box .foot .btn__prev {
		padding: 0 0 0 5px;
		background-position: 15px center;
		background-image: url(../images/common/arr_left_gr_8x12.png);
	}
	.view-box .foot .btn__next {
		padding: 0 5px 0 0;
		background-position: calc(100% - 15px) center;
		background-image: url(../images/common/arr_right_gr_8x12.png);
	}
	.view-box .foot .btn__list {width: 72px;}	
	
	body.share--open .layer__share {display: block;}	
	body.share--open .bg-wrap {
		display: block;
		z-index: 9;
	}
	.tab-box {display: none;}
	.select__tab {display: block;margin: 0 0 30px;}

	.invest-box {margin: 70px 0 45px;}
	/* .invest-box._stock{margin: 40px 0 45px;} */
	.invest-box._stock{margin: 30px 0 45px;}
	.invest-box.en{margin: 110px 0 45px !important;}
	.invest-box._stock .tab__detail > div > div {margin: 20px 0 0;}
	.invest-box._stock .tab__detail > div > div.d-hide iframe{width: 100%;}

	/*재무정보*/
	.tab__detail{margin: 20px 0 0;}
	.table--outer{margin:10px auto 0;}
	.table--outer.mt20{margin:20px auto 0 !important;}
	#tab02 .table--outer{margin: 25px auto 0;}
	.table--outer .table--fix{width:33px;font-size:1.2rem;}
	.table--outer .table--fix.w265,
	.table--outer .table--fix.w530{width: 95px;}
	.table--outer .table--fix tr th{padding-left: 20px;}	
	.table--outer .table--fix tr.red th{padding-left: 0;}
	.table--outer .scrollbox{ width: calc(100vw - 128px - 40px);/*고정된 가로길이 빼기*/ overflow-x:auto;font-size:1.2rem;}
	.table--outer .scrollbox.en{width: calc(100vw - 175px - 40px);}
	.table--outer .scrollbox table{min-width: 290px;}
	.table--outer .scrollbox td{padding-right: 15px;}
	th, td {height: 40px;}
	.invest-box.en th,
	.invest-box.en td{height: 55px;}

	/*기업지배구조*/
	.invest-box._governance{margin: 70px auto 35px;}
	.invest-box._governance .info-box{margin: 0;}
	.invest-box._governance .info-box dl{padding: 0;border-top: 0;text-align: center;}
	.invest-box._governance .info-box dt{
		width: 100%;
		float: none;
		padding: 0;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.invest-box._governance .info-box dl:first-child dd,
	.invest-box._governance .info-box dd{
		width: 100%;
		float: none;
		font-size: 1.6rem;
		line-height: 1.7;
		word-break:keep-all;
	}
	.invest-box._governance .info-box .graph{margin: 25px 0 ;}
	.invest-box._governance .info-box .graph dt{padding:25px 0 0;}
	.invest-box._governance .info-box dt span{margin: 0;}
	.invest-box._governance .info-box dl table{margin: 15px 0 0;}
	.invest-box._governance .info-box dl table th{
		font-size: 1.4rem;
		padding: 0;
		height: 40px;		
		padding: 10px 20px;
	}
	.invest-box._governance .info-box dl table td{font-size: 1.2rem;height: 40px;}
	.invest-box._governance .info-box dl table td:first-child{
		padding: 0;
		font-size: 1.2rem;
		font-weight: 700;		
		line-height: 1.5;
		padding: 10px 20px;
	}
	.invest-box._governance.en .info-box dl table td:first-child{padding: 10px 13px;}
	.invest-box._governance .info-box dl table th:nth-child(2),
	.invest-box._governance .info-box dl table td:nth-child(2){width: 22.5%;}
	.invest-box._governance .info-box dl table th:nth-child(3),
	.invest-box._governance .info-box dl table td:nth-child(3){width: 29%;}

	.invest-box._governance .council-box{margin: 25px 0 0;}
	.invest-box._governance .rule-box{margin: 40px 0 0;}
	.invest-box._governance .rule-box .tit{/* display: none; */}
	
	.invest-box._governance .rule-box .tab__detail{ overflow: inherit;margin: 10px 0 0;}
	.invest-box._governance .rule-box .tab__sub{
		border-bottom: 1px solid rgb(204,204,204);
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
		overflow: auto;
	}
	.invest-box._governance .rule-box #tab01 .tab__sub > div{width: 545px;}
	.invest-box._governance.en .rule-box #tab01 .tab__sub > div{width: 1640px;}
	.invest-box._governance .rule-box #tab02 .tab__sub > div{width: 885px;}
	.invest-box._governance .rule-box #tab05 .tab__sub > div{width: 500px;}
	.invest-box._governance .rule-box.en #tab05 .tab__sub > div{width: 890px;}
	
	.invest-box._governance.en .rule-box .tab__sub a,
	.invest-box._governance .rule-box .tab__sub a{
		font-size: 1.5rem; 
		line-height: 54px;
		margin: 0;
		padding: 0 12px;
	}
	.invest-box._governance.en .rule-box .tab__sub a.on:before{bottom: 0;}
	.invest-box._governance .rule-box .tab__sub a:first-child{padding: 0 12px;}
	.invest-box._governance .rule-box .tab__sub a.on:first-child:before{width: calc(100% - 20px);}
	.invest-box._governance .rule-box .tab__sub a.on:before{bottom: 0px;}
	.invest-box._governance .rule-box .tab__sub a:after{display: none;}

	.invest-box._governance .rule-box .scroll{max-height: 550px;font-size:1.3rem;padding: 20px;}
	.invest-box._governance .rule-box .scroll span{font-size:1.6rem;}
	.invest-box._governance .rule-box .tab__detail-sub{margin: 20px 0 0;}
	
	
	.invest-box._governance .rule-box #tab03 .tab__detail-sub{margin: 0;}
	.invest-box._governance .rule-box .tab__detail-sub .txt-box{width: 100%;}
	.invest-box._governance .rule-box .tab__detail-sub .txt-box dl{
		display: block;
		width: 100%;
		line-height: 52px;
	}
	.invest-box._governance .rule-box .tab__detail-sub .txt-box dl:nth-child(2n){margin-left: 0;}
	.invest-box._governance .rule-box .tab__detail-sub .txt-box dl dt{font-size: 1.5rem;width: 100px;}
	.invest-box._governance .rule-box .tab__detail-sub .txt-box dl dd{font-size: 1.5rem;padding-left: 5px;}

	/*회사소개*/
	.brand__con._history{padding: 0;}
	.brand__con._history img{width: 100%;}
	.bg-box__head._brand,
	.brand__con._history,
	.brand__con._organization_chart{background: none !important;height: auto !important;}
	.brand__con._history._temp{height: auto;}
	
	.bg-box__head._brand{padding: 0;margin-top: 40px;	}
	.bg-box__head._brand.en{margin-top: 80px;}
	.bg-box__head._brand .txt-box{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		transform: translate(0);
	}
	.bg-box__head._brand .txt-box .txt{
		width: 100%;
		margin: 25px 0 0;
	}
	.bg-box__head._brand .txt-box .txt .tit{
		font-size: 1.6rem;
		margin-bottom: 25px;
		line-height: 5rem;
		font-weight: 700;
		border-bottom: 1px solid rgb(102,102,102);
	}
	/*2020-01-07 회사소개 배너변경*/
	.bg-box__head._brand.ceo{background:none;}
	.bg-box__head._brand.ceo .txt-box{text-align: center;}
	.bg-box__head._brand.ceo .txt-box .txt .tit{color: rgb(51,51,51);}
	.bg-box__head._brand.ceo .txt-box .txt p{
		color: rgb(102,102,102);
	}
	/*2020-01-07 회사소개 배너변경*/
	.bg-box__head._brand .ceo{
		width: 100%;
		top: 15px;
		left: 0;
	}
	.bg-box__head._brand .ceo p{width: 100%;}
	.bg-box__head._brand .ceo p span{
		text-align: right;	
		padding-right: 20px;
		font-size: 1.2rem;
	}
	.bg-box__head._brand .ceo p span + span{font-size: 1.6rem;font-weight: 700;}
	.brand__con .con{width: 100%;margin: 25px auto 0;padding: 0 20px;box-sizing: border-box;}
	.brand__con._history._temp .con{padding: 70px 20px 0;}
	.brand__con .con .txt-box p{
		width: 100%;
		padding-right: 0;
		font-size: 1.5rem;
		font-weight: 300;
	}
	.brand__con .con .histroy-box{margin: 30px 0 0;height: auto;}
	.brand__con .con .histroy-box .tit{
		width: 53px;
		line-height: 45px;
		font-size: 1.6rem;
	}
	.brand__con .con .histroy-box .history__list{margin: 30px 0 0;}
	.brand__con .con .histroy-box .history__list ul li{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}
	.brand__con .con .histroy-box .history__list ul li.history2.history.on .img-box.del1{animation-delay: 0s !important;} 
	.brand__con .con .histroy-box .history__list ul li.history2.history.on dl.del2{animation-delay: 0.3s !important;} 
	.brand__con .con .histroy-box .history__list ul li + li{margin: 35px 0 0;}
	.brand__con .con .histroy-box .history__list ul li img{width: 100%;}
	.brand__con .con .histroy-box .history__list ul li dl{padding: 5px 0 0;width: 100%;max-height: none;}
	.brand__con .con .histroy-box .history__list ul li dl dt{font-size:4rem;}
	.brand__con .con .histroy-box .history__list ul li dl dd{font-size:1.5rem;font-weight: 300;white-space: normal;word-break: keep-all;}
	.brand__con .con .histroy-box .history__list ul li dl dd.nowrap {white-space: normal;}

	.brand__con .con .info-box{
		position: relative;
		bottom: 0;
		margin: 40px 0 0;
	}
	.brand__con._temp .con .info-box{bottom: 0;}
	.brand__con .con .about-box .tit{width: 85px;    margin: 0 auto 25px;}
	.brand__con .tit{
		color: rgb(0,0,0);
		font-size: 1.6rem;
		line-height: 45px;
		border-bottom: 1px solid rgb(102,102,102);
		width: 165px;
		margin: 0 auto 12px;
	}
	.brand__con .con .info-box dl{
		width: 100%;
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid rgb(204,204,204);
		float: none;
	}
	.brand__con .con .info-box dl:last-child{border-bottom: 0;}
	.brand__con .con .info-box dl:nth-child(2n){margin-left: 0;}
	.brand__con .con .info-box dl.line{border-top: 0;}
	.brand__con .con .info-box dl.line + .line{padding: 15px 0;}
	.brand__con .con .info-box dl dt{width: 105px;font-size:1.5rem;}
	.brand__con .con .info-box dl dd{font-size:1.5rem;width: calc(100% - 108px);font-weight: 300;}

	
	.brand__con._organization_chart{margin: 22px auto 10px;position: relative;}
	.brand__con._organization_chart img{width: 100%;}
	.brand__con._organization_chart .tit{
		position: absolute;
		width: 148px;
		top: 4.5%;
		right: 0;
		left: 0;
		margin: auto;
		padding: 0;
	}
	/*공시정보*/
	.invest-box._public > div{margin: 0;}
	.invest-box._public > div iframe{
		width: 100%;
	}
	.invest-box._governance .rule-box #tab04 .big{
		font-size: 18px;
	}

	/*제보센터*/
	.ethics-box {width: calc(100% - 40px);margin: 0 auto 50px;}
	.ethics-box .ethics_info{font-size: 2rem;margin: 35px 0 0;word-break:keep-all;}
	.ethics-box > div {padding: 35px 0 0;}
	.ethics-box > div .tit{font-size:1.6rem;}
	.ethics-box > div .tit:after{width: 210px;}
	.ethics-box > div + div .tit:after{width: 95px;}
	.ethics-box > div .img-box{padding: 25px 0;width: calc(100% - 40px);margin: auto;}
	.ethics-box > div .img-box img{width: 100%;}
	.ethics-box > div + div .img-box{padding: 25px 0 0;}

	.ethics-box > div + div .txt-box {margin: 25px 0 0;font-size:1.6rem;text-align: center;}
	.ethics-box > div + div .txt-box p{word-break:keep-all;}
	.ethics-box > div + div .txt-box p.tel,
	.ethics-box > div + div .txt-box p.mail{display: block;}
	.ethics-box > div + div .txt-box p.tel:after{display: none;}
	.ethics-box .btn-box{text-align: center;border-top: 0;padding: 25px 0 0;}
	.ethics-box .btn-box a{
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size:1.6remx;
	}
	.ethics-box .btn-box a + a{
		margin-left: 0;
		margin-top: 10px;
	}
	.ethics-box .slide {position: relative;}
	.ethics-box .slide .slick-arrow{
		position: absolute;
		width: 45px;
		height: 45px;
		top: 42%;
		z-index: 1;
		text-indent:-99999px;
	}
	.ethics-box .slide .slick-prev{
		left: -20px;
		background:url(../images/sub/arrow_gray_45x45_prev.png)center no-repeat;
	}
	.ethics-box .slide .slick-next{
		right: -20px;
		background:url(../images/sub/arrow_gray_45x45_next.png)center no-repeat;
	}

	.ethics_wrap{width: calc(100% - 40px);margin: 35px auto 50px; }
	.ehics_receipt__write{font-size: 1.2rem;}
	.ehics_receipt__write table tr th{width: 75px;padding-top: 15px; }
	.ehics_receipt__write table tr td{width: calc(100% - 75px);}
	.ehics_receipt__write table tbody tr td input[type='text']{margin-top: 15px;width: 100%;}
	.ehics_receipt__write table tbody .ehics_receipt__userInfo td input[type='text']{width: 100%;}
	.ehics_receipt__write table tbody .ehics_receipt__userInfo__email th{vertical-align: top;}
	.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td input[type='text']{width: calc(100% - 40px);}
	.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td span + input[type='text']{display: block;width: 100%;}
	.ehics_receipt__write table tbody .ehics_receipt__userInfo__email td select{margin-left: 0;margin-top: 15px;width: 100%;}
	.ehics_receipt__write table tbody .ehics_receipt__detail td textarea{padding: 0;}
	.multiple_choice__num{height: 35px;margin-bottom: 10px;}
	.ehics_receipt__write table .multiple_choice td label{word-break:keep-all;height: 35px;margin-bottom: 0;}
	.ehics_receipt__write table .multiple_choice td label span{padding-left: 25px;display: block;}
	.ehics_receipt__btn a{width: 100%;}

	.invest-box._governance .rule-box #tab02 .tab__sub a {line-height: 1.5;}

	/*IR자료*/
	.invest-box._ir._en{margin: 110px 0 45px;}
	.ir-box .ir__year select{
		width: 100%;
		height: 40px;
		padding: 0 12px;
		color: rgb(210,32,48);
		font-size:1.5rem;
		border: 1px solid rgb(210,32,48);
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		background-repeat: no-repeat;
		background-position: calc(100% - 15px) center;
		background-image: url(../images/sub/arr_down_red.png);
		background-size: 7px;
	}
	.ir__regular{margin: 17px 0 0;}
	.ir__regular .ir__regular--table + .ir__regular--table{margin: 15px 0 0;}
	.ir__regular--table tbody{border-top: 0;}
	.ir__regular--table tr th{border-bottom: 0;}
	.ir__regular--table tr td{height: 40px;border-left: 0;width: 50%;}
	.ir__regular--table tr td.tit{font-size:1.3rem;}
	.ir-box .ir__regular .ir__regular--table tr td a{
		width: 18px;
		height: 23px;
		background-size: 18px 23px;	
	}
	.ir__regular--table tr td p{font-size:1rem;margin-top: 5px;margin-left: 3px;}

	.ir__irregular{margin: 35px 0 0;}
	.ir__irregular--table{border-top: 0;}
	.ir__irregular--table tbody{border-top: 2px solid rgb(153,153,153);} 
	.ir__irregular--table tr td{
		text-align: left;
	}
	.ir__irregular--table tr td{padding: 16px 0 20px;}
	.ir__irregular--table tr .date{	
		color: rgb(85,85,85);
		font-size:1.3rem;
	}
	.ir__irregular--table tr .name{
		font-size:1.4rem;
		padding: 0;
		margin: 7px 0 0;
	}
	.ir__irregular--table tr td p{
		display: block;
		margin-top: 0;
		margin-left: 0;
	}
	.ir__irregular--table tr td > div{margin: 15px 0 0;}
	.ir__irregular--table tr td > div + div{margin: 25px 0 0;}
	.ir__irregular--table tr td > div p{
		display: inline-block;
		color: rgb(102,102,102);
		margin-left: 5px;
	}
	
	.ir-box .ir__irregular .ir__irregular--table tr td a{
		width: 24px;
		height: 30px;
		background-size: 24px 30px;
	}
	
	.invest-box._ir .paging{margin: 25px 0 0;}
	.invest-box._ir .paging a{
		width: auto;
		line-height: 14px;
		font-size:1.2rem;
	}
	.invest-box._ir .paging a + a{margin-left: 27px;} 
	.invest-box._ir a.btn__paging{
		width: 35px;
		background-size: 35px;
	}

	/*2020-07-07 지속가능경영*/
	.sustainability-box > .text-box{
		margin-top: 40px;
		padding-top: 0;
	}
	.sustainability-box > .text-box p.tit{
		font-size: 1.6rem;
		width: 92px;
		text-align: center;
	}
	.sustainability-box > .text-box p.txt{
		font-size: 2rem;
		word-break: keep-all;
		width: 88.8895%;
		margin: 0 auto ;
		padding-top: 40px;
	}
	.sustainability-box.en > .text-box p.txt{padding-top: 83px;}

	.sustainability__top{margin-top: 32px;}
	.sustainability__top .slide-box{
		width: 100%;
	}
	.sustainability__top .slide-box .slide .text-box,
	.sustainability__top .slide-box .slide .text-box.bot{
		bottom: 12%;
		top: auto;
		transform: translateY(0%);
	}
	.sustainability__top .slide-box .slide .text-box .big p{
		font-size: 25px;
		line-height: 30px;
	}
	.sustainability__top .slide-box .slide .text-box .small p{
		font-size: 15px;
		line-height: 24px;		
		margin-top: 5px;
	}
	.sustainability__top .slide .slick-dots{
		line-height: 8px;
		bottom: 17px;
	}
	.sustainability__top .slide .slick-dots li{
		width: 8px;
		height: 8px;
	}
	.sustainability__top .slide .slick-dots li.slick-active{width: 20px;border-radius:15px;}
	.sustainability__top .slide .slick-dots li + li{margin-left: 7px;}

	.sustainability-box .inner{
		width: 88.8895%;
		margin: auto;
	}
	.sustainability__top .inner > p.tit{
		font-size: 2rem;
		margin-top: 25px;
		position: relative;
	}
	.sustainability__top .inner > p.tit:after{
		content:"";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: calc(50% - 47px);
		height: 1px;
		background-color: rgb(221,221,221);
	}
	.sustainability__top .inner > p.tit:before{
		content:"";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: calc(50% - 47px);
		height: 1px;
		background-color: rgb(221,221,221);
		
	}
	.sustainability__top .inner ul{
		width: 100%;
		margin: 35px auto 0;
		padding: 0;
	}
	.sustainability__top .inner ul:after,
	.sustainability__top .inner ul:before{display: none;}
	.sustainability__top .inner ul li{
		width: 100%;
		height: auto;
		border-radius: 30px;
		position: relative;
		text-align: left;
		padding: 22px 20px 25px 30px ;
		box-sizing: border-box;
	}
	.sustainability__top .inner ul li + li{
		margin-top: 10px;
	}
	.sustainability__top .inner ul li p{
		font-size:2rem;
	}
	.sustainability__top .inner ul li p + p{
		font-size:1.5rem;
		margin-top: 5px;
	}
	.en .sustainability__top .inner ul li p + p{line-height: 24px;}
	.sustainability__top .inner ul li > div{
		top: 0;
		transform: translate(0);
		padding-top: 0;
	}
	.sustainability__top .inner ul li > div a{
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		text-indent: -9999px;
		border: 0;
		background: url(../images/sub/sustainability_btn_ico.png) right center no-repeat;
		margin-top: 0;
	}
	.en .sustainability__top .inner ul li a{margin-top: 0;}
	.sustainability-box .inner > p.tit.w90{width: 91px;text-transform: uppercase !important;}
	.sustainability-box .inner > p.tit.w172{width: 145px;}
	.sustainability-box .inner > p.tit.w180{width: 135px;}
	.sustainability-box .inner > p.tit.w200{width: 168px;}
	.sustainability-box .inner > p.tit.w315{width: 258px;font-size: 2.2rem;	}
	.sustainability-box .inner > p.tit.w215{width: 180px;}
	.sustainability-box .inner > p.tit.w228{width: 190px;}
	.sustainability-box .inner > p.tit.w260{width: 190px;}
	.sustainability-box .inner > p.tit.w280{width: 235px;}


	.sustainability-box .inner > p.tit{
		font-size: 2rem;
		line-height: 42px;
		text-transform: uppercase;
	}
	.sustainability-box.en .inner > p.tit{text-transform: none;}
	.sustainability-box .inner > p.txt{
		font-size: 2rem;
		margin-top: 25px;
		line-height: 32px;
	}
	
	.sustainability__mid #vision{
		height: auto;
		background: none;
		margin-top: 70px;
	}
	.sustainability__mid #vision .inner {width: 100%;padding-top: 57px;}
	.sustainability__mid #vision .inner .con{
		padding: 225px 0;
		margin-top: 35px;
	}
	.en .sustainability__mid #vision .inner .con{
		padding: 305px 0;
	}
	.sustainability__mid #vision .inner .center {
		width: 210px;
		height: 210px;
		background: url(../images/sub/sustainability_m_02_center.png) center /100% no-repeat;
	}
	.sustainability__mid #vision .inner .center > div{
		width: 69px;
		height: 22px;
		font-size: 1.5rem;
		background: url(../images/sub/sustainability_d_02_logo.png) center /100% no-repeat;
	}
	.en .sustainability__mid #vision .inner .center > div > span{top: 60px;}

	.sustainability__mid #vision .inner ul{
		position: absolute;
		top: 0;
		min-width: 294px	;
		width: 88.8895%;
		max-width: 368px;
	}
	.en .sustainability__mid #vision .inner ul{width: 100%;padding-bottom: 173px;}
	.en .sustainability__mid #vision .inner ul li{
		position: relative;
		width: 50%;
		background-color: transparent	;
	}
	.en .sustainability__mid #vision .inner ul li:before{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 50%;
		width: 147px;
		height: 147px;
		background-color: rgb(51,51,51);
	}
	.en .sustainability__mid #vision .inner ul li .img-box{margin-top: 38px;}
	.en .sustainability__mid #vision .inner ul li:nth-child(3), 
	.en .sustainability__mid #vision .inner ul li:nth-child(4){margin-top: 80px;}	
	.en .sustainability__mid #vision .inner ul li > div{
		top: 0;
		left: 0;
		transform: translate(0%);
	}
	.en .sustainability__mid #vision .inner ul li p + p{
		font-size: 1.4rem;
		margin-top: 35px;
		color: rgb(0,0,0);
		padding: 0 10px;
		line-height: 24px;
	}

	.sustainability__mid #vision .inner ul li{
		width: 147px;
		height: 147px;
		/* float: left !important;
		margin-right: calc(100% - 294px); */
		margin-bottom: 315px;
	}
	.sustainability__mid #vision .inner ul :nth-child(2n){margin-right: 0;}
	.sustainability__mid #vision .inner ul li:nth-child(3), 
	.sustainability__mid #vision .inner ul li:nth-child(4){margin-top: 0px;}
	.sustainability__mid #vision .inner ul li > div{
		top: 0;
		left: 0;
		transform: translate(0%);
	}
	.sustainability__mid #vision .inner ul li .img-box{margin-top: 22px;height: 55px;}
	.sustainability__mid #vision .inner ul li:nth-child(1) .img-box img{width: 66px;}
	.sustainability__mid #vision .inner ul li:nth-child(2) .img-box img{width: 46px;}
	.sustainability__mid #vision .inner ul li:nth-child(3) .img-box img{width: 40px;}
	.sustainability__mid #vision .inner ul li:nth-child(4) .img-box img{width: 51px;}
	.sustainability__mid #vision .inner ul li p{
		font-size: 1.4rem;
		margin-top: 30px;
		color: rgb(0,0,0);
	}
	.sustainability__mid #vision .inner ul li p.wt{
		font-size: 1.5rem;
		line-height: 22px;
		margin-top: 5px;		
	}

	.sustainability__mid > div{padding: 65px 0 70px;}
	.sustainability__mid > div .con{margin-top: 60px;}
	.sustainability__mid > div .inner .box{
		float: none;
		margin: auto;
	}
	.sustainability__mid > div .inner .box.left{width: 100%	;}
	.sustainability__mid > div .inner .left .tit{
		font-size: 4.3rem;
		line-height: 52px;
	}
	.sustainability__mid > div .inner .left .txt{
		font-size: 1.8rem;
		line-height: 30px;
		margin-top: 15px;
	}
	.sustainability__mid > div .inner .left ul li{
		font-size: 1.5rem;
		line-height: 30px;
	}
	.en .sustainability__mid > div .inner .left ul li {margin-right: -10px;}
	.sustainability__mid > div .inner .left > div{margin-top: 12px;}

	.sustainability__mid > div .inner .box.right{margin-top: 55px;width: 100%;padding-left: 0;border-left: 0;}
	.sustainability__mid > div .inner .box.right.bold{border-left: 0;}
	.sustainability__mid > div .inner .right .tit{margin-bottom: 28px;}
	.en .sustainability__mid > div .inner .right .tit{font-size: 1.6rem;margin-bottom: 26px;}

	.sustainability__mid > div .inner .right .text-box{margin-top: 36px;}
	.sustainability__mid > div .inner .right .text-box dl + dl{margin-top: 30px;}
	.sustainability__mid > div .inner .right .text-box dl dt{
		font-size: 1.6rem;
	}
	.sustainability__mid > div .inner .right .text-box dl dd{
		font-size: 1.4rem;	
		word-break: keep-all;
		margin-top: 10px;
		color: rgb(102,102,102);
	}
	.sustainability__mid > div .inner .right .text-box ul {margin-top: 34px;}
	.sustainability__mid > div .inner .right .text-box ul li{
		width: 100%	;
		height: auto;
		border-radius: 20px;	
		float: none;
		position: relative;
		padding: 20px;
		box-sizing: border-box;
	} 
	.sustainability__mid > div .inner .right .text-box ul li + li{margin-left: 0;margin-top: 10px;}

	.sustainability__mid > div .inner .right .text-box ul li > div{
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	.sustainability__mid > div .inner .right .text-box ul li p{
		color: rgb(255,255,255);
		font-size: 1.8rem;
		line-height: 40px;
		text-align: left;
		padding: 0 10px;
		font-weight: 400;
	}
	
	.en .sustainability__mid > div .inner .right .text-box ul li{padding: 15px 20px;}
	.en .sustainability__mid > div .inner .right .text-box ul li p{
		line-height: 24px;
		font-size: 1.6rem;
	}
	.en .sustainability__mid > div .inner .right .text-box ul li a{top: -5px;}

	.sustainability__mid > div .inner .right .text-box ul li a{
		position: absolute;
		width: 100%;
		top: 4px;
		right: 0;
		text-indent: -9999px;
		border: 0;
		background: url(../images/sub/sustainability_btn_ico.png) right center no-repeat;
		margin-top: 0;

	}


	.sustainability__mid > div .inner .right > ul{padding-bottom: 30px;}
	.sustainability__mid > div .inner .right ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	.sustainability__mid > div .inner .right ul li p{		
		text-align: center;	
		font-weight: 700;
		font-size: 3.6111vw;
		height: 11.115vw;
		line-height: 11.115vw;
	}
	.sustainability__mid > div .inner .right ul li p.en, 
	.sustainability__mid > div .inner .right ul li p span{
		font-size: 3.33334vw;
	}
	.sustainability__mid > div .inner .right ul li img{width: 100%;}

	.sustainability__mid > div .inner .right ul .slick-dots {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
		line-height: 8px;
	}
	.sustainability__mid > div .inner .right ul .slick-dots li{
		display: inline-block;
		width: 8px !important;
		height: 8px;
		background-color: rgb(204,204,204);
		border-radius: 50%;
		text-indent: -99999px;
		transition: all .5s;
		cursor: pointer;
		float: none !important;
	}
	.sustainability__mid > div .inner .right ul .slick-dots li.slick-active{width: 20px !important;border-radius:10px;}
	.sustainability__mid > div .inner .right ul .slick-dots li + li{margin-left: 7px !important;}

	.sustainability__mid .table-box{margin-top: 45px;}
	.sustainability__mid .table-box > .d-hide{
		background-color: rgb(238,238,238);
		text-align: center;
	}
	.sustainability__mid .table-box .tit p{
		font-size: 1.6rem;
		margin-bottom: 25px;
	}
	
	.sustainability__mid .table--outer{margin-top: 15px;}
	.sustainability__mid .table--outer .scrollbox table{min-width: 400px;}

	.sustainability__mid .table--fix.w254{width: 124px;}
	.sustainability__mid .table--fix.w123{width: 85px;}

	.sustainability__mid .table--fix tr{font-size: 1.2rem}
	.sustainability__mid .table--fix tr.red,
	.sustainability__mid .table--outer .scrollbox tr.red{font-size: 1.4rem}	
	.en .sustainability__mid .table--fix tr.red,
	.en .sustainability__mid .table--outer .scrollbox tr.red{font-size: 1.3rem}

	.sustainability__mid .table--fix tr.pL th{
		padding-left: 20px;
		word-break: keep-all;
	}

	.sustainability__mid .scrollbox.w450{width: calc(88.8895vw - 124px);}
	.sustainability__mid .table--outer .scrollbox td{
		padding-right: 0;
		word-break: keep-all;
	}
	.sustainability__mid .table--fix tr.p10 th{padding: 11px 0;height: auto;padding-left: 20px;}
	.sustainability__mid .table--outer .scrollbox tr.p10 td{padding: 20px 0;height: auto;}
	
	.sustainability__mid #caring{margin-top: 42px;}

	.sustainability__mid #preserving .table-box .tit{margin-bottom: 24px;}
	.en .sustainability__mid #preserving .table-box .tit{margin-bottom: 11px;}
	.sustainability__mid #preserving .table-box .tit p.w246{
		width: auto;
		margin-bottom: 0;
	}
	.sustainability__mid #preserving .table-box .tit p.fr{
		font-size: 1.2rem;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 26px;
		font-weight: 400;
		color: rgb(153,153,153);

	}
	.sustainability__mid #preserving tr td.m-p11{padding: 11px 0;}
	.sustainability__mid #preserving .table-box p.table_txt{
		font-size: 1.4rem;
		line-height: 26px;
	}
	.en .sustainability__mid #preserving .table-box p.table_txt .mb7{display: inline-block;margin-bottom: 7px;}
	.en .sustainability__mid #preserving tr th.h{height: 38px;}
	.en .sustainability__mid #preserving tr th.p20 {padding: 50px 0;}
	.en .sustainability__mid #preserving .scrollbox tr.bk td{text-align: center;padding-left: 0;}
	
	.sustainability__mid #preserving{padding: 9px 0 28px;}
	.sustainability__mid #preserving .table-box > .d-hide{background-color: rgb(238,238,238);}
	.sustainability__mid #preserving .table-box > .d-hide img{width: 100%;}
	.sustainability__mid #preserving .table--outer{margin-top: 15px;}
	.sustainability__mid .scrollbox.w477{width: calc(88.8895vw - 85px);}
	.sustainability__mid #preserving tr th.p20{padding: 21px 0 20px;}
	.sustainability__mid #preserving .scrollbox tr.bk td{text-align: left;padding-left: 18px;}
	.sustainability__mid #preserving .scrollbox tr.bk td + td{text-align: center;padding-left: 0;}
	.sustainability__mid #preserving .img-box{
		width: 100%;
		margin-top: 46px;
	}
	.en .sustainability__mid #preserving .img-box{margin-top: 65px;}
	.sustainability__mid #preserving .img-box dl dt{font-size: 1.6rem;}	
	.sustainability__mid #preserving .img-box dl dd{
		font-size: 1.4rem;
		color: rgb(102,102,102);
		margin-top: 13px;
	}

	.sustainability__mid #preserving .img-box img{width: 100%;}

	.sustainability__mid #creating{padding: 65px 0 70px;}

	.sustainability__mid #creating .right .slide-box + .slide-box{margin-top: 60px;}
	.sustainability__mid #creating .right .slide-box dl dt{font-size: 1.6rem;}
	.sustainability__mid #creating .right .slide-box dl dd{
		font-size: 1.4rem;
		word-break: keep-all;
	}
	.sustainability__mid #creating .right .slide-box ul.slide{
		padding-bottom: 30px;
		margin-top: 23px;
	}
	.sustainability__mid #creating .right .slide-box ul.slide li + li{
		margin-left: 0;
	}
	.sustainability__mid #creating .right .slide-box ul li p{
		line-height: 40px;
		font-weight: 400;
	}
	.en .sustainability__mid #creating .right .slide-box ul li p{
		font-size: 1.2rem;
		line-height: 20px;
	}
	.en .sustainability__mid #creating .right .slide-box ul li p.m-lh{line-height: 36px;}

	.sustainability__bottom #report{
		padding: 65px 0 80px;
		background: none;
		background-color: rgb(9,31,64);
		height: auto;
	}
	.sustainability__bottom > div .con{margin-top: 32px;}
	.sustainability__bottom #report .left,
	.sustainability__bottom #report .right{width: 100%;float: none;}
	.sustainability__bottom #report .left > div,
	.sustainability__bottom #report .left > div  img{width: 100%;}	
	.sustainability__bottom #report .left > div > a{width: 87.5%;bottom: 5%;}

	.sustainability__bottom #report .right{margin-top: 20px;}
	.sustainability__bottom #report .right ul {margin-bottom: 20px;}
	.sustainability__bottom #report .right ul li{margin-bottom: 0;padding: 33px 30px 40px;}
	.sustainability__bottom #report .right ul li + li{margin-top: 20px;}
	.sustainability__bottom #report .right ul.w68,
	.sustainability__bottom #report .right ul.w30{width: 100%;float: none;}
	.sustainability__bottom #report .right ul.w68 li,
	.sustainability__bottom #report .right ul.w30 li{min-height: auto;padding: 33px 20px 40px;}


	.sustainability__bottom #report .right ul li .tit{
		font-size: 2rem;
		letter-spacing: 0px;
		text-align: center;
	}
	.sustainability__bottom #report .right ul li .txt{
		font-size: 1.5rem;
		line-height: 24px;
		margin-top: 8px;
		word-break:keep-all;
		text-align: center;
		padding: 0 15px;
		font-weight: 400;
	}
	.sustainability__bottom #report .right ul li a{
		position: relative;
		bottom: 0;
		right: 0;
		text-align: center;
		display: block;
		width: 120px;
		margin: 15px auto 0;
	}
	.sustainability__bottom #report .right ul li a img{width: 100%;}

	.sustainability__bottom #report.v210326{
		background: none;
		background-color: rgb(9,31,64);
		height: auto;
	}
	.sustainability__bottom #report .right ul.thumb3 li{
		width: 100%;
		min-height: auto;
		padding: 31px 20px 37px;
	}
	.sustainability__bottom #report .right ul.thumb3 li + li{margin-left: 0;}
	.sustainability__bottom #report .right ul.thumb3 li a {
		position: relative;
		bottom: 0;
		right: 0;
		text-align: center;
		display: block;
		width: 120px;
		margin: 15px auto 0;
	}
	.sustainability__bottom #report .right ul.thumb3 li .tit{
		font-size: 20px;
		line-height: 28px;	
	}

	/* 2021-07-16 재무정보 추가 */
	.v210716 .table--fix.w375{width: 145px;}
	.v210716 .table--fix.w375 tr th{
		font-size: 1.2rem;
	}
	.v210716 .table--fix.w375 tr.bk th{
		border-bottom: 1px solid rgb(143,143,143);
	}
	.v210716 .scrollbox tr td{font-size: 1.2rem;}
	.v210716 .scrollbox tr.tc td{text-align: center;padding-right: 0;}
	.v210716 #tab03 .table-box p.desc{
		margin-top: 13px;
		font-size: 1.2rem;
	}

	/* 2021-07-16 기업지배구조 수정 */
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box + .list-box {margin-top: 27px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box > p {font-size: 1.4rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul {margin-top: 10px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li {
		width: 100%;
		height: 90px;
		margin: 10px 0 0;
		padding: 17px 20px;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi01 .list-box ul li {
		height: auto;
		min-height: 90px;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li:first-child {margin: 0;}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name {
		width: 50%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name:before {
		width: 18px;
		height: 1px;
		content: '';
		display: block;
		position: absolute;
		bottom: -13px;
		left: 0;
		background-color: rgb(0,0,0);
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .name p {
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .info {
		width: 50%;
		float: left;
		margin-top: 0;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li .info p {
		font-size: 1.2rem;
		color: rgb(102,102,102);
		line-height: 1.9rem;
	}

	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li {
		width: 100%;
		display: none;
		margin: 10px 0 0;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:first-child {margin-top: 0;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(2),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(3) {margin-top: 10px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head {padding: 20px 20px 17px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .op-tit {font-size: 1.8rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .date {
		margin-top: 5px;
		font-size: 1.2rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .head .tag {
		width: 48px;
		height: 25px;
		font-size: 1.2rem;
		line-height: 2.5rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .con {padding: 17px 15px 15px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li .con p {
		padding-left: 20px;
		font-size: 1.2rem;
		line-height: 2.25rem;
	}

	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(1),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(2),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(3),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(4),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(5),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(6),
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list li:nth-child(7) {display: block;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list.open li {display: block;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list + .op-more__btn {display: block;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__list.open + .op-more__btn {display: none;}
	
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .list-tit {font-size: 1.4rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .mo-scroll {margin-top: 15px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head {padding: 12px 0 10px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head p {font-size: 1.2rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con ul li {padding: 12px 0 10px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con ul li p {font-size: 1.2rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .no {width: 41px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .rating-tit {
		min-width: 213px;
		width: calc(100% - 407px);
		padding: 0;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head .rating-tit {text-align: center;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .ox {width: 66px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .etc{width: 300px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box {
		overflow-x: auto;
		font-size: 0;
		white-space: nowrap;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .head,
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box .con {min-width: 620px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-box p {
		float: none;
		display: inline-block;
		vertical-align: top;
		white-space: normal;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo {
		margin-top: 26px;
		padding: 0;
		text-align: center;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dl {
		position: relative;
		top: 0;
		left: 0;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dt {font-size: 1.8rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo dd {
		margin-top: 0;
		font-size: 1.2rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi03 .rating-logo img {
		width: 66px;
		float: none;
		margin: 13px auto 0;
	}
	

	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box {
		height: auto;
		padding: 22px 15px 20px;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box {
		height: auto;
		padding: 22px 15px 25px;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date-tit {
		float: none;
		font-size: 1.4rem;
		line-height: 1.5;
		text-align: left;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box .date-tit {
		width: 100%;
		line-height: 2.0rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dl {
		height: 40px;
		float: none;
		margin: 15px 0 0;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl {height: auto;}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl:nth-of-type(1),
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dl:nth-of-type(2) {width: 100%;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dl:after {
		content: '';
		display: block;
		clear: both;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date-tit + dl {margin: 17px 0 0;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dt {
		width: 87px;
		padding: 7px 0 0 50px;
		font-size: 1.5rem;
		line-height: 2.6rem;
		box-sizing: border-box;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dt {
		width: auto;
		float: none;
		padding: 0px 0 0 50px;
		line-height: 1.5;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dt:before {
		width: 40px;
		height: 40px;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .date dt:before {background-size: 18px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box .place dt:before {background-size: 15px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .date-box dd {
		width: calc(100% - 87px);
		margin-left: 0;
		padding-top: 7px;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .date-box dd {
		width: auto;
		float: none;
		margin: 3px 0 0;
		padding: 0 0 0 50px;
		line-height: 2.1rem;
		box-sizing: border-box;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box {margin-top: 25px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box {
		width: 100%;
		float: none;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt1 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt1 {line-height: 2.5rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt2 {
		margin-top: 5px;
		font-size: 1.2rem;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt2 {margin-top: 7px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .txt-box .txt3 {
		margin-top: 12px;
		font-size: 1.2rem;
		line-height: 2.0rem;
	}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .txt-box .txt3 {
		margin-top: 12px;
		line-height: 2.0rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .mo-scroll {margin-top: 20px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box {
		width: 100%;
		float: none;
		overflow-x: auto;
		margin-top: 15px;
		white-space: nowrap;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .head,
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con {
		min-width: 500px;
		width: 100%;
	}

	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .head,
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-box .con {
		min-width: 650px;
		width: 100%;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .head {
		padding: 10px 0 12px;
		
		width: 100%;
		display: table;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .head p {
		font-size: 1.2rem;

		display: table-cell;
		vertical-align: middle;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con p {font-size: 1.2rem;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con ul li {padding: 10px 0 12px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .no {width: 105px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-tit {width: 205px;}
	.invest-box._governance .council-info-box.en .tab__detail #tabCi04 .meeting-box .list-tit {width: 355px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .percent {width: 100px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .ox {width: 90px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi04 .meeting-box .list-box .con .list-tit {padding: 0 10px;}

	.v210716 .table-box .table--outer .scrollbox { width: calc(100vw - 140px - 40px);}
	.v210716 .table-box .table--outer .scrollbox.en { width: calc(100vw - 175px - 40px);}

	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation-scroll {overflow-x: auto;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table {min-width: 515px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td {
		padding: 9px 0 9px;
		font-size: 1.2rem;
		line-height: 2.5rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table tr:first-child td {
		padding: 9px 0 7px;
		font-size: 1.2rem;
	}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(1) {width: 40px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(2) {width: 75px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .operation__table td:nth-child(3) {width: 400px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi02 .mo-scroll {margin: 0 0 15px;}
	

	/* //2021-07-16 기업지배구조 수정 */






	/* 2022-02-22 구성원 */
	.people-vv-box {
		margin: 57px auto 0px;
		padding: 0;
	}
	.people-vv-box h2 {
		padding: 0 17px;
		font-size: 3.2rem;
	}
	.people-vv-box > div {
		width: 100%;
		margin-top: 0;
		padding: 36px 0 50px;
		box-sizing: border-box;
	}
	.people-vv-box > div:nth-of-type(even) {background-color: rgb(229,233,239);}
	.people-vv-box > div:first-of-type {margin-top: 10px;}
	.people-vv-box .num {
		width: 100%;
		float: none;
		margin-top: 0px;
		font-size: 9.6rem;
		color: rgb(229,233,239);
		text-align: center;
	}
	.people-vv-box > div:nth-of-type(even) .num {color: rgb(255,255,255);}
	.people-vv-box > div:nth-of-type(1) .num span:before {background-size: 72px;}
	.people-vv-box > div:nth-of-type(2) .num span:before {background-size: 63px;}
	.people-vv-box > div:nth-of-type(3) .num span:before {background-size: 49px;}
	.people-vv-box > div:nth-of-type(4) .num span:before {background-size: 56px;}
	.people-vv-box .txt-box {
		width: 100%;
		float: none;
		margin-top: 8px;
		padding-top: 0;
		border-top: 0;
	}
	.people-vv-box .txt-box .tit {
		font-size: 2.5rem;
		letter-spacing: 1px;
		text-align: center;
	}
	.people-vv-box .txt-box .txt {
		margin-top: 5px;
		font-size: 1.5rem;
		text-align: center;
		line-height: 2.4rem;
	}
	.people-vv-box .txt-box ul {margin: 30px 54px 0;}
	.people-vv-box .txt-box ul li {
		width: 100%;
		max-width: 252px;
		height: 42px;
		display: block;
		float: none;
		margin: 14px auto 0;
		font-size: 1.4rem;
		line-height: 4.0rem;
		border-radius: 42px;
	}
	.people-vv-box .txt-box ul li:before {content: none;}
	.people-vv-box .txt-box ul li:first-child {margin: 0 auto;}
	
	.people__contents.en .people-vv-box .txt-box ul li {font-size: 1.4rem;}
	/* //2022-02-22 구성원 */

	/* 2022-02-22 주가정보 */
	.invest-box._stock.v220222 {margin-top: 70px;}
	.invest-box._stock.v220222.en {margin-top: 110px;}
	/* //2022-02-22 주가정보 */

	/* 2022-02-22 주주환원 */
	.invest-box.v210716._return .table-box p.desc {
		margin-top: 13px;
		font-size: 1.2rem;
	}
	/* //2022-02-22 주주환원 */

	/* 2022-02-22 휠라 5개년 전략 */
	.plan-box {padding: 40px 0 60px;}
	.plan-box.en {padding: 81px 0 60px;}
	.plan-box .slider-box {padding: 0;}
	.plan-box .slider-box .plan__slider .slick-arrow {display: none !important;}333
	.plan-box .slider-box .slick-dots {margin-top: 15px;}
	.plan-box .slider-box .slick-dots li {margin-left: 8px;}
	.plan-box .slider-box .slick-dots li:first-child {margin-left: 0;}

	.plan-box .vdo-box {
		margin-top: 83px;
		padding: 0;
	}
	.plan-box .plan-vdo__list {font-size: 0;}
	.plan-box .plan-vdo__list li {
		width: 100%;
		margin: 25px 0 0;	
	}
	.plan-box .plan-vdo__list li:nth-child(1) {margin-top: 0;}
	.plan-box .plan-vdo__list li:nth-child(2) {margin-top: 25px;}
	/* //2022-02-22 휠라 5개년 전략 */

	
	/* 2022-03-25 기업지배구조 */
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li.etc {margin-top: 58px;}
	.invest-box._governance .council-info-box .tab__detail #tabCi01 .list-box ul li.etc:before {
		top: -33px;
		font-size: 1.4rem;
	}
	/* //2022-03-25 기업지배구조 */

	/* 인재채용 */
	.recruit-container .top_banner {margin-top: 0.1px;}
	.culture-sec {padding: 60px 0;}
	.culture-sec:not(.culture-sec:nth-child(2)) {
		padding: 60px 20px;
	}
	.culture-sec.sct1 .vision-box {padding-top: 15px;}
	.culture-sec.sct1 .vision-box > div {
		padding: 25px 30px;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	.culture-sec.sct1 .vision-box .tit {
		font-size: 2rem;
	}
	.culture-sec.sct1 .vision-box span {
		font-size: 1.5rem;
	}
	.culture-sec.sct1 .vision-box .txt {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.culture-sec.sct1 .vision-box > div:nth-child(1) {background: url(../images/sub/culture_icon01.png) no-repeat top 30px right 30px/80px;}
	.culture-sec.sct1 .vision-box > div:nth-child(2) {background: url(../images/sub/culture_icon02.png) no-repeat top 17px right 30px/78px;}
	.culture-sec.sct1 .vision-box > div:nth-child(3) {background: url(../images/sub/culture_icon03.png) no-repeat top 20px right 30px/66px;}
	.culture-sec.sct1 .vision-box > div:nth-child(4) {background: url(../images/sub/culture_icon04.png) no-repeat top 19px right 30px/77px; margin-bottom: 0;}
	.culture-sec.sct2 .card-wrap {width: 100%; margin-right: 0; cursor: default;}
	.culture-sec.sct2 .card-box {display: none;}
	.culture-sec.sct2 .card-info {opacity: 1;	}
	.culture-sec.sct3 .circle-box {
		justify-content: center;
	}
	.culture-sec.sct3 .circle-box > div {width: 33.33%;}
	/* //인재채용 */

	.lyr_video .vdo-box > div {padding-bottom: 55%;}


	/* basic layer */
	.basic__layer > .inner {
		width: 100%;
	}
	/* //basic layer */


	/* 2023-05-11 기업지배구조 모바일 margin 조절 */
	.invest-box._governance .council-info-box .tit{margin-bottom: 30px;}
	.invest-box._governance .rule-box .tit{margin-bottom: 30px;}
	/* //2023-05-11 기업지배구조 margin 조절 */

	
}


/*태블릿*/
@media screen and (max-width: 1199px) and (min-width: 768px) {
	
}

/* 모바일  */
@media screen and (max-width: 767px) {
	/* 2022-02-22 구성원 */
	.people-tit-box h2 {padding: 0;}
	.people-tit-box h2 span {display: block;}
	.people-tit-box h2 .logo {
		width: 102px;
		height: 33px;
		margin: 0 auto;
		background-position: center center;
		background-image: url(../images/common/logo_fila_203x65.png);
		background-size: 102px;
	}
	.people-tit-box h2 .txt {
		margin: 10px 0 0;
		font-size: 2.5rem;
		text-align: center;
	}

	.people__contents.en .people-tit-box h2 .logo {background-position: center center;}
	.people__contents.en .people-tit-box h2 .txt {
		margin-top: 5px;
		font-size: 2.8rem;
		letter-spacing: 0;
	}
	/* //2022-02-22 구성원 */

	/* 2022-05-12 주주환원 텍스트추가 */
	.returntxt-box{
		background-color: rgb(255,255,255);
		padding:  0;
		margin-top: 0px;
	}
	.returntxt__tit{					
		padding: 0 ;
		font-size: 1.7rem;
	}
	.returntxt__con{
		padding: 0 ;
		margin-top: 15px;
	}
	.returntxt__con dl{font-size:0 ;	}
	.returntxt__con dl + dl{margin-top: 15px;}
	.returntxt__con dl dt,					
	.returntxt__con dl dd{
		font-size: 1.3rem;	
		line-height: 20px;
		display: block;
		width: 100%;
	}					
					
	.returntxt__con dl dd{padding-left: 8px;margin-top: 8px;}
	
	.returntxt__con dl dd span.dib{display: block;padding-left: 10px;}
	.en .returntxt__con dl dt,
	.en .returntxt__con dl dd{
		width: 100%;
	}

	/* //2022-05-12 주주환원 텍스트추가 */

	/* 2022-12-19 보도자료 */
	.news-container {
		margin: 70px 0 45px;
		padding: 0 20px;
	}
	.news-container .select__tab {margin: 0 0 11px;}
	.tit__style3 {display: none;}
	.search_wrap {margin-top: 0;}
	.search_wrap .sel__style1 {
		width: 50%;
		padding: 0 15px;
		margin-right: 20px;
		border: 1px solid rgb(215,215,215);
		background-size: 7px;
	}
	.search_wrap .sch-box {
		width: 50%;
		border: 1px solid rgb(215,215,215);
	}
	.search_wrap .sch-box input {
		padding: 0 15px;
		width: 100%;
		font-size: 1.5rem;
	}
	.search_wrap .sch_btn {display: none;}
	.news_lists {margin: 38px 0 0;}
	.news_lists > div .headline {
		width: 46.875%;
		margin-right: 6.25%;
		margin-bottom: 20px;
	}
	.news_lists > div .headline:nth-child(3n) {margin-right: 6.25%;}
	.news_lists > div .headline:nth-child(even) {margin-right: 0;}
	.news_lists > div .headline .category {
		font-size: 1.1rem;
		line-height: 2.3rem;
	}
	.news_lists > div .headline .title {
		margin: 4px 0 7px;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.news_lists > div .headline .date {
		font-size: 1.1rem;
		line-height: 2.3rem;
	}
	
	.paging2 {margin: 10px 0 0;}
	.paging2 > a {
		margin: 0 15px;
		width: 28px;
		height: 28px;
		background-size: 28px !important;
	}
	.paging2 .num > a {
		padding: 0;
		font-size: 1rem;
	}

	.news-container._rs .search_wrap {
		flex-direction: column;
	}
	.news-container._rs .search_wrap .sch-box {
		margin-top: 30px;
		width: 100%;
	}
	.txt__style1 {font-size: 1.5rem;}
	.news-container._rs .search_wrap .sch_btn {display: block;}
	
	.news_view .view_cont .article-sct .photo img:first-child {
		width: calc(100% - 40px);
	}
	.news_view .view_title > p {
		margin-bottom: 25px;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.news_view .view_title > span {
		padding-left: 12px;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.news_view .view_cont {padding: 35px 0;}
	.news_view .view_cont .article-sct > p {
		font-size: 1.2rem;
		line-height: 2.3rem;
	}
	.btn_area {
		flex-wrap: wrap;
		margin: 40px 0 0;
	}
	.btn_area a {
		margin: 10px 0 0;
		width: 100%;
		font-size: 1.4rem;
	}
	.btn_area a:first-child {margin: 0;}
	.news_view .view_cont .article-sct div.view_mode_mobile div.mte_contents_line {padding: 0;}
	.news_view .view_cont .article-sct div.mte_document_container div.mte_doc ._mte_content_text span {
		font-size: 1.4rem !important;
		line-height: 2.2rem; 
	}
	.news_view .view_cont .article-sct div.mte_document_container div.mte_doc ._mte_content_text p {
		font-size: 1.2rem !important;
		line-height: 2.3rem;
	}
	.news_view .view_cont div.view_mode_mobile div.mte_contents_line {padding: 0;}
	/* //2022-12-19 보도자료 */


	/* 미디어 */
	.mda_lists > div .headline {
		margin-right: 0;
		width: 100%;
	}
	.mda_lists > div .headline:nth-child(3n) {margin-right: 0;}
	.mda_lists .vdo:before {background-size: 45px;}
	.mda_lists .txt .title2 {
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
	.mda_lists .txt > span {
		margin: 0 0 10px;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.mda_lists .view_vdo {
		width: 55px;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.search_wrap._arc {
		position: relative;
		display: block;
		font-size: 0;
	}
	.search_wrap .sel_wrap > select {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 3.125%);
		margin-right: 0;
		margin-bottom: 11px;
		 border: 1px solid rgb(215,215,215);
	}
	.search_wrap .sel_wrap > select:first-child {margin-right: 6.25%;}
	.search_wrap .sel_wrap > select:last-child {margin-bottom: 0;}
	.search_wrap._arc .sch-box {
		position: absolute;
		top: 40px;
		right: 0;
		margin-top: 11px;
		width: calc(50% - 3.125%);
	}
	.mda_lists._arc > div .headline {
    width: calc(50% - 3.125%);
		margin-right: 6.25%;
	}
	.mda_lists._arc > div .headline:nth-child(2n) {margin-right: 0;}

	.mda_view .view_head > span {
		font-size: 1.1rem;
		line-height: 2.3rem;
	}
	.mda_view .view_head > p {
		margin: 0;
		font-size: 2rem;
		line-height: 2.3rem;
	}
	.mda_view .view_cont .article-sct {margin: 0;}
	.logo_wrap {margin: 0;}
	/* //미디어 */

	/* 채용공고 */
	.recruit-container .top_banner {display: none;}
	.rct-box {
		padding: 50px 20px 0;
	}
	.rct_board {
		margin: 40px 0 30px;
	}
	.rct_board li {
		display: block;
		padding: 25px 0;
	}
	.rct_board li .rt {
		margin-top: 10px;
	}
	.rct_board .tit {
		font-size: 1.9rem;
		line-height: 2.8rem;
	}
	.rct_board span {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.rct_board .head {
		display: block;
		padding-bottom: 15px;
	}
	.rct-position p {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.rct_board .info {
		font-size: 1.2rem;
		line-height: 2.3rem;
	}
		.rct_board .info div.view_mode_mobile div.mte_contents_line {padding: 0;}
		.rct_board .info div.mte_document_container div.mte_doc ._mte_content_text p {font-size: 1.4rem;}

	.rct-detail .txt {
		margin-bottom: 25px;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.rct-detail .part-wrap {
		padding: 30px 0;
	}
	.tit__style4{
		font-size: 2.5rem;
		margin-bottom: 25px;
	}
	.rct-detail .part-wrap .part-box {
		padding: 30px 20px;
		margin-bottom: 20px;
	}
	.rct-detail .part-wrap .part-box .part-tit {
		padding-top: 15px;
		font-size: 3rem;
	}
	.rct-detail .part-wrap .part-box .info {
		margin-top: 35px;
	}
	.rct-detail .part-wrap .part-box .info dt,
	.rct-detail .part-wrap .part-box .info dd {
		font-size: 1.2rem;
		line-height: 2.2rem;
	}
	.rct-detail .part-wrap .part-box .info dl:nth-last-child(-n+2) {
		width: 100%;
	}
	.rct-detail .txt2 {
		font-size: 1.3rem;
		line-height: 1.9rem;
		padding-top: 18px;
	}
	.rct-detail .part-wrap .part-box .part-tit:before {
		width: 40px;
		height: 3px;
	}

	.rct_procedure {
		flex-wrap: wrap;
		margin: 30px 0 0;
	}
	.rct_procedure > div {
		width: calc(50% - 10px);
		margin-right: 20px;
		margin-bottom: 35px;
	}
	.rct_procedure > div:nth-child(2n) {margin-right: 0;}
	.rct_procedure .arrow .tri {display: none;}
	.rct_procedure .num {
		margin-bottom: 5px;
		font-size: 1.4rem;
	}
	.rct_procedure .tit {
		font-size: 1.5rem;
	}
	.rct_procedure .img {height: 67px;}
	.rct_procedure .txt {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 2.2rem;
		word-break: keep-all;
	}
	.rct_procedure img {height: 40px;}
	.rct_procedure .arrow {min-height: auto;}
	.rct_area .txt2 {display: none;}

	.recruit-container .top_banner._mo {
		display: block;
		height: 129.305vw;
		background: url(../images/sub/recruit_banner01_m.jpg) no-repeat center/cover;
	}
	.recruit-container .top_banner._mo h3 {
		font-size: 3rem;
	}
	.culture-sec.sct2 .card-wrap {
		width: 77.77vw; 
		min-height: auto;
		height: 375px;
		margin-right: 20px;
		display: inline-block;
		vertical-align: top;
	}
	.culture-sec.sct2 {
	}
	.culture-sec.sct2::-webkit-scrollbar{
	  display: none;
	}
	.culture-sec.sct2 > div {
		padding: 15px 20px 0;
		max-width: none;
		overflow-x: auto;
		display: block;
		white-space: nowrap;
		font-size: 0;
	}
	.culture-sec.sct2 .card-info {
		position: relative;
		padding: 30px;
	}
	.culture-sec.sct2 .card-info .num {
		font-size: 2.1rem;
	}
	.culture-sec.sct2 .card-info .tit {
		margin: 0 0 30px;
		font-size: 2rem;
		line-height: 2.7rem;
		white-space: normal;
		word-break: keep-all;
	}
	.culture-sec.sct2 .card-info .tit:after {
		width: 40px;
		bottom: -15px;
	}
	.culture-sec.sct2 .card-info .txt {
		font-size: 1.4rem;
		line-height: 2.4rem;
		white-space: normal;
	}
	.culture-sec:nth-child(3) {
		padding: 60px 0 !important;
	}
	.culture-sec.sct3 .circle-box {
		padding: 15px 20px;
		background-color: rgb(248,248,248);
	}
	.culture-sec.sct3 .circle-box > div {
		width: 33.33%;
		height: 30vw;
		margin-right: 0;
		margin-bottom: 0;
	}
	.culture-sec.sct3 .circle-box .cir {
		width: 100%;
		height: 100%;
	}
	.culture-sec.sct3 .circle-box span {
		font-size: 1.4rem;
		line-height: 2.3rem;
		text-align: center;
		white-space: nowrap;
	}
	.culture-sec.sct3 .circle-box .c1 {background-size: 40px;}
	.culture-sec.sct3 .circle-box .c2 {background-size: 43px;}
	.culture-sec.sct3 .circle-box .c3 {background-size: 25px;}
	.culture-sec.sct3 .circle-box .c4 {background-size: 40px;}
	.culture-sec.sct3 .circle-box .c5 {background-size: 47px;}
	.culture-sec.sct3 .circle-box .c6 {background-size: 50px;}
	.culture-sec.sct3 .circle-box .c7 {background-size: 42px;}
	.culture-sec.sct3 .circle-box .c8 {background-size: 34px;}
	.culture-sec.sct3 .circle-box .c9 {background-size: 31px;}
	.culture-sec.sct3 .circle-box .c10 {background-size: 52px;}
	.culture-sec.sct3 .circle-box .c11 {background-size: 40px;}
	.culture-sec.sct3 .circle-box .c12 {background-size: 41px;}
	.culture-sec.sct3 .circle-box .c13 {background-size: 41px;}
	.culture-sec.sct3 .circle-box .c14 {background-size: 42px;}
	.culture-sec.sct3 .circle-box .c15 {background-size: 46px;}
	.culture-sec.sct3 .circle-box .c16 {background-size: 41px;}
	.culture-sec.sct3 .circle-box .c17 {background-size: 43px;}
	.culture-sec.sct3 .circle-box .c18 {background-size: 43px;}
	.culture-sec.sct3 .circle-box .c19 {background-size: 41px;}
	.culture-sec.sct3 .circle-box .c20 {background-size: 44px;}
	.culture-sec.sct3 .circle-box .c21 {background-size: 38px;}
	.culture-sec.sct3 .circle-box .c22 {background-size: 38px;}
	.culture-sec.sct3 .circle-box .c23 {background-size: 37px;}
	.culture-sec.sct3 .circle-box .c24 {background-size: 46px;}

	.culture-sec.sct3 .sub_txt {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-top: 18px;
	}
	.culture-sec.sct3 .circle-wrap .tit {
		margin: 35px 0 20px;
		font-size: 2.5rem;
	}

	
	.culture-sec.sct3._en .circle-box span {
		font-size: 1.3rem;
		letter-spacing: -.5px;
	}
	.culture-sec.sct3._en .circle-box > div {margin-bottom: 20px;}
	.culture-sec.sct3._en .circle-box {padding: 20px;}
	.culture-sec.sct2._en .card-info .txt {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	/* //채용공고 */

	/* 2023-02-21 미디어센터 로고 - 전체 다운로드 추가 */
	.news_lists .all-logo-box {margin-top: 43px;}
	.news_lists .all-logo-box a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: auto;
		padding: 7px 0 3px;
		border: 1px solid rgb(238,238,238);
	}
	.news_lists .all-logo-box .tit {font-size: 2.0rem;}
	.news_lists .all-logo-box .file-size {
		padding: 0;
		background: none;
		font-size: 1.4rem;
	}
	/* //2023-02-21 미디어센터 로고 - 전체 다운로드 추가 */
}

/*애니메이션*/
.del1{animation-delay: .3s !important;}
.del2{animation-delay: .6s !important;}
.del3{animation-delay: .9s !important;}
.del4{animation-delay: 1.2s !important;}
.del5{animation-delay: 1.5s !important;}
@keyframes fadeUp{
	0%{transform:translateY(100%);opacity: 0;}
	100%{transform:translateY(0%);opacity: 1;}
}
@keyframes fadeUpB50{
	0%{transform:translateY(50px);opacity: 0;}
	100%{transform:translateY(0);opacity: 1;}
}