.layer-modal{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 130%;
	background-color: black;
	z-index:10000;
	-moz-opacity:1;
	opacity:0.8;
	filter: alpha(opacity=80);
}

.monly{
	display:none;
}

.mt5{
	margin-top:3em;
}

.row{
	width:100%;
	display:table;
	box-sizing:border-box;
	table-layout:fixed;
}

[data_image]{
	cursor:pointer;
}

.bline{
	border:none;
	 border-bottom: 1px solid #d1d1d1;
	 width:100%;
	 height:2px;
	 margin:60px 0;
	 display:block;
}

.pop-image{
	position: fixed; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto; 
	z-index: 100001; 
	width:100%;
	display:none;
}
.pop-image #img_show_img{
	max-height:60vh;
}


.pop-image-cont{
	display:table;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.pop-image button.page {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 62px;
    text-indent: -9999px;
}

.pop-image button.page.btn_next {
    background: url(/kr/images/intro/sustainability_right.png) no-repeat;
    right: -82px;
}

.pop-image button.page.btn_prev {
    background: url(/kr/images/intro/sustainability_left.png) no-repeat;
    left: -82px;
}

.pop-image .btn_close{
	position: absolute;
    right: -20px;
    top:-40px;
    width: 29px;
    height: 30px;
	color:white;
	font-size:2rem;
}

.tab-wrap-link {
    margin-bottom: 40px;
}

.tab-wrap-link ul li {
    width: 50%;
    float: left;
    position: relative;
    font-size: 1.143em;
}

.tab-wrap-link ul:after {
    content: "";
    display: block;
    clear: both;
}

.tab-wrap-link ul li.on a {
    color: #fff;
    
    font-weight: bold;
    background: #458acf;
}

.tab-wrap-link ul li:first-child a {
    border-left: 1px solid #d1d1d1;
}

.tab-wrap-link ul li a {
    display: block;
    padding: 0.875em 0 1.063em;
    text-align: center;
    border: 1px solid #d1d1d1;
    border-left: 0;
    
    font-weight: bold;
}

.tab-wrap-link ul.ea03 li {
    width: 33.3%;
}

.tab-wrap-link ul.ea03 li:nth-child(4) a{
	border-left: 1px solid #d1d1d1;
	border-top:none;
}

.tab-wrap-link ul.ea03 li:nth-child(5) a{
	border-top:none;
}

.tab-wrap-link ul.ea03 li:nth-child(6) a{
	border-top:none;
}

.tab-wrap-link ul.ea04 li {
    width: 25%;
}

.tab-wrap-link ul.ea04 li:nth-child(5) a{
	border-left: 1px solid #d1d1d1;
	border-top:none;
}

.tab-wrap-link ul.ea04 li:nth-child(6) a{
	border-top:none;
}

.tab-wrap-link ul.ea04 li:nth-child(7) a{
	border-top:none;
}

.intro-content.substain{
	padding-top:0.2em;
	color:#333;
	font-size:16px;
	box-sizing:border-box !important;
	table-layout:fixed;
	word-break: keep-all;
}

/*.intro-content>p {
	padding-top:3.5rem;
}*/

#parLink3+p  {
	padding-bottom:2.5rem; padding-top:0rem;
}

.intro-content.substain p{
	font-size:16px;
}

.substan-h2 span{
	display: block;
    line-height: 140%;
    font-size: 0.6em;
    color: #999999;
	margin-top:0.5rem;
}

.substan-h2 {
    font-size: 1.571em;
    padding: 2em 0 1.5em;
	color: #333333;
}

.intro-content.substain .toppic-top{
	margin-top:3em;
	border-bottom:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	margin-bottom:4em;
}

.intro-content.substain .toppic-top ul{
	display:table;
	width:auto;
	margin-left:auto;
	margin-right:auto;
text-align:center;
}

.intro-content.substain .toppic-top ul li{
	display:inline-block;
	width:auto;
	cursor:pointer;
	 
}

.intro-content.substain .toppic-top ul li:after{
		content: "";
    color: #d1d1d1;
    margin-left: 0.8em;
    margin-right: 0.8em;
    display: inline-block;
    width: 1px;
    background-color: #d1d1d1;
    height: 1em;
    vertical-align: middle;
}

.intro-content.substain .toppic-top ul li:last-child:after{
	content:none;
}

.intro-content.substain h3{
	font-size: 1.3rem;
	margin-bottom: 20px;
	font-weight:500;
}

.intro-content.substain.eco .par1{
	display:table;
	width:100%;
	margin-top:20px;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:3em;
	margin-bottom:3em;
}

.intro-content.substain.eco .par1 .par1-1{
	display:table-cell;
	width:20%;
	vertical-align:top;
}

.intro-content.substain.eco .par1 .par1-1 img{
	border:1px solid  #d1d1d1;
	margin-bottom:2em;
}

.intro-content.substain.eco .par1 .par1-2{
	display:table-cell;
	width:80%;
	padding-left:5%;
}

.intro-content.substain.eco .par1 .par1-2 dl{
	display:table;
	width:100%;
	margin-bottom:1em;
}

.intro-content.substain.eco .par1 .par1-2 dl dt{
	display:table-cell;
	width:30%;
	color:#458acf;
	border:1px solid #d1d1d1;
	padding:0.8em;
	text-align:center;
	vertical-align: middle;
	font-family:; 
}

.intro-content.substain.eco .par1 .par1-2 dl dd{
	display:table-cell;
	width:70%;
	color:#333;
	border:1px solid #d1d1d1;
	border-left:none;
	background-color:#eff3f7;
	padding:0.8em;
	padding-left:1em;
	vertical-align: middle;
}

.intro-content.substain.eco .par1 .par1-2 .p1{
	padding-left:0.5em;
}

.intro-content.substain.eco .par1 .par1-2 .p2{
	margin-top:1em;
}

.intro-content.substain .btn1{
	display: inline-block;
    border: 1px solid #d1d1d1;
    padding: 0.5em 1em;
    text-align: left;
    color: #333;
    background-image: url(/kr/images/intro/sustainability_btn_h.png);
    background-repeat: no-repeat;
    background-position: 97% 60%;
	font-family:; 
	width:100%;
	max-width:250px;
	box-sizing: border-box;
}


.intro-content.substain.eco .par2{
	display:table;
	width:100%;
	margin-top:3em;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:60px;
	margin-bottom:60px;
}

.intro-content.substain.eco .par2 .par2-1{
		display:inline-block;
	float:left;
	width:31.33%;
	margin-right:3%;
	box-sizing:border-box;
	height: 402px;
	padding:5% 2%;
	background-size:cover;
	
}

.intro-content.substain.eco .par2 .par2-1.bg1{
	background-image: url(/kr/images/intro/sustainability_eco_bg1.png);
    background-repeat: no-repeat;

}

.intro-content.substain.eco .par2 .par2-1.bg2{
	background-image: url(/kr/images/intro/sustainability_eco_bg2.png);
    background-repeat: no-repeat;
}

.intro-content.substain.eco .par2 .par2-1.bg3{
	background-image: url(/kr/images/intro/sustainability_eco_bg3.png);
    background-repeat: no-repeat;
	margin-right:0;
}


.intro-content.substain.eco .par2 .par2-1 .p1{
	font-size:1.3em;
	color:white;
	font-family:; 
}

.intro-content.substain.eco .par2 .par2-1 .ul1{
	display:block;
	width:100%;
	margin-top: 1em;
	line-height:160%;
}

.intro-content.substain.eco .par2 .par2-1 .ul1 li{
	list-style-type: none;
    padding-left: 0.8em;
    position: relative;
    list-style-position: inside;
    color: #fff;
	font-size: 15px;
	
}

.intro-content.substain.eco .par2 .par2-1 .ul1 li:before{
	content: '\002E';
    color: white;
    position: absolute;
    left: 0px;
    top: 0.5em;
    line-height: 0;
}



.intro-content.substain.eco .par3{
	width:100%;
	margin-top:3em;
}

.intro-content.substain.eco .par3 .par3-1{
	border:1px solid #d1d1d1;
	display:flex;
	align-items:center;
	padding:2em 2em;
	margin-bottom:4em;
}

.intro-content.substain.eco .par3 .par3-1-1{
	display:inline-block;
	width:15%;
	vertical-align:middle;
	padding-left:2%;
}

.intro-content.substain.eco .par3 .par3-1-2{
	display:inline-block;
	width:85%;
	vertical-align:middle;
}

.intro-content.substain.eco .par3 .par3-1-2 h4{
	font-size:1.2em;
	font-family:; 
	margin-bottom:1em;
}

.intro-content.substain.eco .par3 .par3-1:last-child{
	margin-bottom:0;
}

.usr-ul1 li{
	list-style-type: none;
    padding-left: 0.8em;
    position: relative;
    list-style-position: inside;
    color: #333;
	line-height:150%;
	font-size:15px;
}

.usr-ul1 li:before{
	content: '\002E';
    color: #2d7bc8;
    position: absolute;
    left: 0px;
    top:4px;
    line-height: 0;
	font-family:; 
	font-size:24px;
}


.tab-line{
	border-bottom:1px solid #d1d1d1;
	padding-bottom:60px;
	margin-bottom:60px;
}

.tab-line:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}


.intro-content.substain.ethics .par1{
	display:table;
	width:100%;
	margin-top:60px;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:60px;
	margin-bottom:60px;
	vertical-align:top;
	
}

.intro-content.substain.ethics .par1-1{
	display:inline-block;
	width:19%;
	margin-right:1.2%;
	padding:3% 1.5%;
	border:1px solid #d1d1d1;
	border-radius:15px;
	box-sizing:border-box;
	min-height:350px;
	vertical-align: top;
	margin-bottom:2em;
	float:left;
	
}
.intro-content.substain.ethics .par1-1:nth-child(5){
	margin-right:0;
}

.intro-content.substain.ethics .par1-1.bg1{
	background-color:#f0f4f8;
}

.intro-content.substain.ethics .par1-1.bg1 p{
	color:#2374c6;
	font-family:; 
	text-align:center;
	margin-bottom:0.5rem;
}


.intro-content.substain.ethics .par1-1.bg2{
	background-color:#e8f0e6;
}

.intro-content.substain.ethics .par1-1.bg2 p{
	color:#60a151;
	font-family:; 
	text-align:center;
	margin-bottom:0.5rem;
}

.intro-content.substain.ethics .par1-1 .par1-1-1{
	text-align:center;
	display:block;
	margin-bottom:1rem;
}

.intro-content.substain.ethics .par1-1 .par1-1-2{
	text-align:left;
	display:block;
}

.intro-content.substain.ethics .par1-2{
	text-align:center;
	display:table;
	width:100%;
}

.intro-content.substain.ethics .par1-2 a{
	margin-right:40px;
}

.intro-content.substain.ethics .par1-2 a:last-child{
	margin-right:0px;
}


.intro-content.substain.ethics .par1-2 a:last-child{
	margin-right:0px;
}


.intro-content.substain.ethics .par2{
	display:table;
	width:100%;
	vertical-align:top;
}

.intro-content.substain.ethics .par2 > p{
	margin-left:20px;
}

.intro-content.substain.ethics .par2 h4{
	width: auto;
    background-color: #2d79c4;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    display: table;
    padding: 8px 40px;
    margin-bottom: 20px;
}



.intro-content.substain.ethics .par2 .par2-1{
	border:1px solid #d1d1d1;
	padding:2%;
	margin-top:20px;
	margin-bottom:40px;
	margin-left:20px;
}

.intro-content.substain.ethics .par2 .par2-1 dl{
	display:table;
	width:100%;
	margin-bottom:20px;
}

.intro-content.substain.ethics .par2 .par2-1 dl dt{
	display:table;
	width:100%;
	color:#2d79c4;
	font-size:15px;
	font-family:; 
}

.intro-content.substain.ethics .par2 .par2-1 dl dd{
	display:table;
	width:100%;
	color:#333;
	font-size:15px;
	padding-left:15px;
	margin-top:10px;
}

.intro-content.substain.law h4{
	font-size: 1.2em;
    margin-bottom: 20px;
}


.intro-content.substain.law .ceo{
	display:table;
	width:100%;
}

.intro-content.substain.law .ceo .sub1{
	display:table-cell;
	width:30%;
}

.intro-content.substain.law .ceo .sub1 img{
	max-width:100%;
}

.intro-content.substain.law .ceo .sub2{
	display:table-cell;
	width:70%;
	padding-left:5%;
}

.intro-content.substain.law .par1{
	display:table;
	width:100%;
	margin-top:3em;
	margin-bottom:3em;
	vertical-align:top;
	
}

.intro-content.substain.law .par1 .par1-1{
	border:1px solid #d1d1d1;
	padding:2%;
	background-color:#f0f4f8;
	margin-bottom:20px;
	font-size:1.1em;
	color:#333;
	box-sizing:border-box;
}

.intro-content.substain.law .par2{
	display:table;
	width:100%;
	margin-bottom:3em;
	vertical-align:top;
	border:1px solid #d1d1d1;
	padding:2%;
	text-align:center;
	box-sizing:border-box;
	background-color:#fbfbfb;
}

.intro-content.substain.law .par2 p{
	color:#2d79c4;
	text-align:left;
	font-family:; 
}


.intro-content.substain.law .par4{
	display:table;
	width:100%;
	vertical-align:top;
	text-align:center;
	
}

.intro-content.substain.law .par4 .box{
	display:table;
	width:100%;
	text-align:center;
	border:20px solid #7097c1;
	margin-bottom:3em;
	box-sizing:border-box;
}

.intro-content.substain.law .par4 .par4-1{
	border-right:20px solid #7097c1;
	border-bottom:20px solid #7097c1;
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	vertical-align:middle;
	padding:20px;
	float:left;
}

.intro-content.substain.law .par4 .par4-1.usr1{
	border-right:10px solid #7097c1;
}

.intro-content.substain.law .par4 .par4-1 dl{
	display:table;
	width:94%;
	height:60px;
}

.intro-content.substain.law .par4 .par4-1 dl dt{
	display:table-cell;
	width:20%;
	font-size:2em;
	color:#458acf;
	vertical-align:middle;
	border-right:1px solid #ccc;
}



.intro-content.substain.law .par4 .par4-1 dl dd{
	display:table-cell;
	width:80%;
	color:#333;
	padding-left:20px;
	text-align:left;
	vertical-align:middle;
}


.intro-content.substain.law .par4 .par4-3{
	padding:5% 0;
	text-align:center;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	margin:20px;
	display: block;
    width: 96%;
    float: left;
    box-sizing: border-box;
    table-layout: fixed;
}

.intro-content.substain.law .par4 .par4-3 h4{
	font-size:2em;
}

.intro-content.substain.law .par4 .par4-3 h4:after{
	content: "";
    display: table;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #458acf;
    margin-top: 20px;
    margin-bottom: 20px;
}

.intro-content.substain.law .par4 .par4-3 span{
	color:#458acf;
}

.intro-content.substain.law .par4 .par4-3 span b{
	font-family:; 
	font-size:1.1em;
}

.intro-content.substain.law .par4 .par4-3 span.sp1{
	font-size:1.2em;
	font-family:;
}

.intro-content.substain.law .par4 .par4-3 span.sp2{
	color:#999;
}


.intro-content.substain.law .par5{
	display:table;
	width:100%;
	margin-bottom:3em;
	vertical-align:top;
	/*border-bottom:1px solid #d1d1d1;*/
	padding:2%;
	text-align:center;
	box-sizing:border-box;
}


.intro-content.substain.law .par6{
	display:table;
	width:100%;
	vertical-align:top;
}

.intro-content.substain.law .par6 .par6-1{
	display: inline-block;
    width: 32%;
    margin-right: 2%;
    padding: 3% 2%;
    box-sizing: border-box;
    vertical-align: top;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
	height:310px;
	background-position:95% 95%;
	background-repeat:no-repeat;
	float:left;
}

.intro-content.substain.law .par6 .par6-1:last-child{
	margin-right:0;
}

.intro-content.substain.law .par6 .par6-1 h5{
	font-size:1.2rem;
	color:#333;
	border-bottom:2px solid #e1e1e1;
	margin-bottom:20px;
	font-family:;
}

.intro-content.substain.law .par6 .par6-1 h5 span{
	font-size: 0.9rem;
    color: #666;
    display: block;
    margin-top: 5px;
	padding-bottom:20px;
}

.intro-content.substain.law .par6 .par6-1 .usr-ul1 li:before{
	color: #c475a4;
}

.intro-content.substain.law .par6 .par6-1.bg1{
	background-image: url(/kr/images/intro/sustainability_law_icon1.png);
}

.intro-content.substain.law .par6 .par6-1.bg2{
	background-image: url(/kr/images/intro/sustainability_law_icon2.png);
}

.intro-content.substain.law .par6 .par6-1.bg3{
	background-image: url(/kr/images/intro/sustainability_law_icon3.png);
}

.intro-content.substain.growth .par1{
	display:table;
	width:100%;
	margin-top:60px;
	padding-bottom:60px;
	margin-bottom:60px;
	vertical-align:top;
	border-bottom: 1px solid #d1d1d1;
}

.intro-content.substain.growth .par1-1{
	display:table;
	width:100%;
	background-color:#004288;
	color:#fff;
}

.intro-content.substain.growth .par1-1-1{
	display:table-cell;
	width:20%;
	vertical-align:middle;
	text-align:center;
	padding:20px 0;
	font-family:;
}

.intro-content.substain.growth .par1-1-2{
	display:table-cell;
	width:80%;
	vertical-align:middle;
	text-align:center;
	padding:10px 0;
	font-family:;
}

.intro-content.substain.growth .par1-2{
	display:table;
	width:100%;
	margin-top:5px;
}

.intro-content.substain.growth .par1-2 .par1-2-1{
	display:table-cell;
	width:30%;
	vertical-align:middle;
	text-align:center;
	color:#2d79c4;
	font-size:1rem;
	font-family:; 
}

.intro-content.substain.growth .par1-2 .par1-2-2{
	display:table-cell;
	width:70%;
	vertical-align:middle;
	text-align:left;
}

.intro-content.substain.growth .par1-2 .par1-2-2 div{
	display: inline-block;
    width: auto;
    vertical-align: bottom;
    margin-right: 80px;
}

.intro-content.substain.growth .par1-3{
	border: 1px solid #d1d1d1;
	background-color:#f0f4f8;
	display:table;
	width:100%;
	padding:20px 0;
}

.intro-content.substain.growth .par1-3 .par1-3-1{
	display:table-cell;
	width:30%;
	vertical-align:middle;
	text-align:center;
	color:#2d79c4;
	font-size:1rem;
	font-family:; 
}

.intro-content.substain.growth .par1-3 .par1-3-2{
	display:table-cell;
	width:70%;
	vertical-align:middle;
	text-align:left;
}

.intro-content.substain.growth .par1-3 .par1-3-2 .usr-ul1 li{
	font-size:0.9em;
}

.intro-content.substain.growth .par1-3 .par1-3-2 h5{
	color:#2d79c4;
	font-size:1rem;
	margin-top:20px;
	margin-bottom:10px;
	font-family:; 
}

.intro-content.substain.growth .par2{
	display:table;
	width:100%;
	margin-top:3em;

}

.intro-content.substain.growth .par2 .par2-1{
	display:table;
	width:100%;
	border-top:1px solid #2374c5;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	padding:1% 2%;
	font-size:1rem;
	font-family:; 
	color:#2374c5;
	box-sizing:border-box;
}

.intro-content.substain.growth .par2 .par2-2{
	display:table;
	width:100%;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	padding:1% 2%;
	font-size:0.8rem;
	margin-bottom:40px;
	box-sizing:border-box;
}

.intro-content.substain.growth .par2 .par2-2 p{
	font-size:0.9rem;
}


.intro-content.substain.employee .par1{
	display:table;
	width:100%;
	margin-top:3em;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:3em;
	margin-bottom:3em;
}

.intro-content.substain.employee .par1 .par1-1{
	display:table-cell;
	width:48%;
	vertical-align:top;
}

.intro-content.substain.employee .par1 .par1-2{
	display:table-cell;
	width:52%;
	vertical-align:top;
}

.intro-content.substain.employee .par1 .par1-2 .p1{
	color:#2d79c4;
	margin-bottom:1rem;
}

.intro-content.substain.employee .par1 .par1-2 .p2{
	margin-bottom:2rem;
}


.intro-content.substain.employee .par2{
	display:table;
	width:100%;
	margin-top:3em;
}

.intro-content.substain.employee .par2 .par2-1{
	display:table-cell;
	width:25%;
	vertical-align:top;
}

.intro-content.substain.employee .par2 .par2-2{
	display:table-cell;
	width:25%;
	padding-right:7%;
	vertical-align:top;
}

.intro-content.substain.employee .par2 .par2-2 .p1{
	font-size:1rem;
	color:#333;
	margin-bottom:1rem;
	position:relative;
}

.intro-content.substain.employee .par2 .par2-2 .p1:before{
	content: '\002E';
    color: #2d7bc8;
    position: absolute;
    left: -10px;
    top: 20%;
    line-height: 0;
	font-family:; 
	font-size:24px;
}

.intro-content.substain.employee .par2 .par2-2 .p2{
	font-size:0.9rem;
	color:#999;
	margin-bottom:1rem;
}

.intro-content.substain.product .par1{
	display:table;
	width:100%;
	margin-top:3em;
	border-bottom:0px solid #d1d1d1;
	padding-bottom:3em;
	margin-bottom:3em;
}

.intro-content.substain.product .par1 .par1-1{
	display:inline-block;
	width:22%;
	height:400px;
	vertical-align:top;
	padding-right:2%;
}

.intro-content.substain.product .par1 .par1-2{
	display:inline-block;
	width:22%;
	padding-right:3%;
	height:400px;
	vertical-align:top;
	
}


.intro-content.substain.product .par2{
	display:table;
	width:100%;
	margin-top:60px;
	padding-bottom:60px;
	border-bottom:1px solid #d1d1d1;
	margin-bottom:60px;
}

.intro-content.substain.product .par2 .row{
	margin-top:40px;
}

.intro-content.substain.product .par2 .par2-1{
	display:table-cell;
	width:40%;
	vertical-align:top;
	margin-top:40px;
}

.intro-content.substain.product .par2 .par2-2{
	display:table-cell;
	width:60%;
	vertical-align:top;
	margin-top:40px;
	padding-left:4%;
	padding-top:5%;
	background-color:#f4f4f4;
}

.intro-content.substain.product .par2 .par2-2 li{
	line-height:160%;
}

.intro-content.substain.product .par2 .par2-2 .p1{
	font-size:1.25em;/* 20px */
	color:#2d79c4;
	font-family:; 
	margin-bottom:25px;
}


.intro-content.substain.product .par2 .p3{
	font-size:1.15em;
	color:#333;
	text-align:center;
	margin-top:30px;
	font-family:; 
}

.intro-content.substain.product .par2 .p4{
	text-align:center;
	margin-top:20px;
}

.intro-content.substain.product .par2 .p5{
	text-align:center;
	margin-top:5px;
}


.intro-content.substain.product .par3{
	display:table;
	margin-top:60px;
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom:1px solid #d1d1d1;
}

.intro-content.substain.product .par4{
	display:table;
	margin-top:30px;
	width:100%;
}

.intro-content.substain.product .par4 .par4-1{
	display:table;
	border:1px solid #d1d1d1;
	background-color:#fbfbfb;
	padding:10px;
	text-align:center;
	width:100%;
	margin-bottom:40px;
	box-sizing: border-box;
}

.intro-content.substain.product .par4  h4{
	font-size:1.2em;
	margin-bottom:20px;
}

.intro-content.substain.product .par4 .par4-1.usr1{
	text-align:left;
	padding:20px 40px;
}

.intro-content.substain.product .par4 .par4-1.usr1 ul li{
	line-height:150%;
}


.intro-content.substain.law .par1.five .par1-1{
	display: inline-block;
    width: 19%;
    margin-right: 1.2%;
    padding: 2% 1.5%;
    border: 1px solid #d1d1d1;
    border-radius: 15px;
    box-sizing: border-box;
    min-height: 350px;
    vertical-align: top;
    margin-bottom: 2em;
    float: left;
}

.intro-content.substain.law .par1.five .par1-1:nth-child(6) {
    margin-right: 0;
}

.intro-content.substain.law .par1.five .par1-1 .par1-1-1 {
    text-align: center;
    display: block;
    margin-bottom: 1rem;
}

.intro-content.substain.law .par4 .par4-1.usr1 {
    border-right: NONE;
}

.intro-content.substain.law .par1.five .par1-1.bg1 p {
    color: #2374c6;
    font-family: ;
    text-align: center;
    margin-bottom: 0.5rem;
}

.intro-content.substain.law .par1.five .par1-1.bg2 p {
    color: #60a151;
    font-family: ;
    text-align: center;
    margin-bottom: 0.5rem;
}

.intro-content.substain.law .par1.five .par1-1 .usr-ul1 li {
	font-size: 14px;
    margin-bottom: 1rem;
    word-break: break-all;
}

.intro-content.substain.law .par1.five .par1-1 .usr-ul1 li:last-child {
}

.intro-content.substain.law .par4 .par4-1 {
    border-bottom:none;
	border-top: 20px solid #7097c1;
	line-height: 200%;
}

.law-detail{
	display:block;
	padding:10px 20px;
}

.law-detail h3{
	font-size:20px;
	margin:20px 0;
	font-weight:600;
}

.law-detail .par1-1 {
    border: 1px solid #d1d1d1;
    padding: 2%;
    background-color: #f0f4f8;
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #333;
    box-sizing: border-box;
}

.law-detail .par1-1 p{
	text-align:left;
}

.law-detail li{
	text-align:left;
}

.law-detail ol > li{
	padding-bottom:20px;
	font-size:16px;
	font-weight:600;
}

.law-detail ol > li >ul{
	padding-left:10px;
	margin-top:10px;
}

.law-detail ol > li >ul >li{
	font-weight:400;
	font-size:14px;
	margin-bottom:10px;
	line-height:130%;
}
.law-detail ol > li >ul >li >ol{
	padding-left:20px;
	margin-top:20px;
	margin-bottom:10px;
}

.law-detail ol > li >ul >li >ol >li{
	font-weight:400;
	padding-bottom: 10px;
    font-size: 14px;
}

.intro-content.substain.law .par6 .par6-1 {
    background-position: 95% 10%;
}

.intro-content.substain.law .par7{
	display:block;
	width:100%;
	text-align:center;
	margin-top:50px;
}

.intro-content.substain.law .law-submit {
    display: inline-block;
    box-sizing: border-box;
    height: 50px;
    border-radius: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
	border: 1px solid #003875;
    background: #003875;
    color: #ffffff;
	width:200px;
}

#pop-wrap .law h1{
	font-size:20px;
}

.intro-content.substain.law hr{
	display:block;
	margin:60px 0;
	background:#d1d1d1;
    height:1px;
    border:0;
}


.law-submit{
	padding:20px 40px;
	font-size:16px;
	padding-bottom:50px;
}

.law-submit .par1-1{
	border: 1px solid #d1d1d1;
    padding: 2%;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    color: #333;
    box-sizing: border-box;
	margin-bottom: 10px;
}

.law-submit .par1-1.bg2{
	 background-color: #fff;
}

.law-submit p{
	margin-bottom:30px;
}

.law-submit h4{
	font-size: 1.4em;
    font-weight: 600;
	margin-bottom:20px;
	margin-top:40px;
}


.law-submit h4.line{
	border-top:1px solid #d1d1d1;
    padding-top: 30px;
}

.law-submit .par1-1 dl{
	display:table;
	width:100%;
	
}

.law-submit .par1-1 dl dt{
	display:table-cell;
	width:10%;
	padding-right:10px;
	white-space:nowrap;
	font-weight:600;
}

.law-submit .par1-1 dl dd{
	display:table-cell;
	width:90%;
}

.law-submit .bg2 .usr-ul1 li{
	border-bottom:1px solid #d1d1d1;
	padding-top:10px;
	padding-bottom:10px;
}

.law-submit .bg2 .usr-ul1 li:first-child{
	padding-top:0px;
}

.law-submit .bg2 .usr-ul1 li:first-child:before{
	 top: 4px;
}


.law-submit .bg2 .usr-ul1 li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}

.law-submit .bg2 .usr-ul1 li:before {
    top: 13px;
}

.intro-content.substain.law .par7 #pop-wrap .inner {
    max-width: 880px;
}

.law-submit .c-blue{
	color:#014188;
	font-weight:600;
}

.law-submit .c-red{
	color:#e6003e;
	font-weight:600;
}

.law-submit .c-blue label{
	color:#014188;
	font-weight:400;
	padding-left:10px;
}

.law-submit .c-blue.p1{
	font-weight:normal;
}

.law-submit table{
	margin-top:40px;
}


@media screen and (min-width: 1024px){

	.ma-add.brd-img-hori.in-border-box li:nth-child(1){
		width:65%;
	}
	.ma-add.brd-img-hori.in-border-box li .add-bor strong{
		height:auto;
	}

	.succesion .ma-add.brd-img-hori.in-border-box li .add-bor > div > p{
		min-height:1rem;
		height:auto;
	}

	.ma-add.brd-img-hori.in-border-box li:nth-child(1) .add-bor img {
		height:495px;
	}
}

@media screen and (max-width: 760px){
	.intro-content.substain{
		font-size:14px;
	}
	
	.intro-content.substain p{
		font-size:14px;
	}
	
	.pop-image button.page.btn_next {
		right: -10vw;
	}
	
	.pop-image button.page.btn_prev {
		left: -10vw;
	}

	.tab-wrap-link ul.ea04 li {
		width: 50%;
	}
	/*.tab-wrap-link ul li:nth-of-type(2n+1) a {
		border-left: 1px solid #d1d1d1;
		border-top:none;
		border-right:none;
	}
	
	.tab-wrap-link ul li:nth-of-type(2n+2) a {
		border-left: 1px solid #d1d1d1;
		border-top:none;
	}
	*/
	.tab-wrap-link ul li:nth-child(1) a {
		border-top: 1px solid #d1d1d1;
	}
	
	.tab-wrap-link ul li:nth-child(2) a {
		border-top: 1px solid #d1d1d1;
	}
	
	.tab-wrap-link ul li:last-child a {
		border-right: 1px solid #d1d1d1;
	}
	
	.tab-wrap-link ul li a {
		font-size: 12px;
	}
	
	.intro-content.substain .toppic-top{
		display:table;
		width:100%;
	}
	
	/*.intro-content.substain .toppic-top ul {
		margin-left: initial;
		margin-right: initial;
	}
	
	.intro-content.substain .toppic-top ul li:after {
		display:none;
	}*/

	
	.intro-content.substain.law .par1.five .par1-1 {
		min-height: initial;
	}
	
	/*
	.intro-content.substain .toppic-top ul li{
		font-size:0.8rem;
		line-height:150%;
		display:block;
		width:100%;
		padding-left:20px;
		text-align:left;
	}*/
	
	.intro-content.substain .par1-1{
		display:table !important;
		width:100% !important;
	}
	
	.intro-content.substain .par1-2{
		display:table !important;
		width:100% !important;
		padding-left:0 !important;
	}
	
	.intro-content.substain.eco .par1 .par1-1{
		text-align:center;
	}
	
	.intro-content.substain .par2-1 {
		display:table !important;
		width:100% !important;
		margin-bottom:1rem;

	}
	
	.intro-content.substain.eco .par2 .par2-1{
	
			max-width:352px;
		float:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:6vw !important;
		padding-right:6vw !important;
	}
	
	.intro-content.substain.eco .par3 .par3-1 {
		padding-left:10px;
		padding-right:10px;
		box-sizing:border-box;
		margin-bottom:1rem;
		display:block;
	}
	
	.intro-content.substain.eco .par3 .par3-1-1 {
		width:100%;
		margin-bottom:20px; 
		text-align:center;
	}

	
	.intro-content.substain.eco .par3 .par3-1-2 {
		width:100%;
	}
	
	.usr-ul1 li{
		font-size:0.9rem;
	}
	
	.monly{
		display:table;
	}
	
	.pconly{
		display:none !important;
	}
	
	
	.intro-content.substain.contribution .social-cnt .img-ea02-1 li.step1-1{
		text-align:center;
		width:100%;
		margin-left:0;
	}
	
	.intro-content.substain.contribution .social-cnt .img-ea02-1 li.step1-2{
		width:100%;
	}
	
	.intro-content.substain.contribution .social-cnt .img-ea02-1 li.step1-3{
		text-align:center;
		width:100%;
		margin-left:0;
	}
	
	.intro-content.substain.contribution .social-cnt .img-ea02-1 li.step1-4{
		width:100%;
	}
	
	.intro-content.substain.ethics .par1-1{
		min-height:auto;
	}
	
	.intro-content.substain.ethics .par1-1 .par1-1-2{
		padding-bottom:10px;
	}
	
	.intro-content.substain.ethics .par1-2 a{
		margin-right:0;
		margin-bottom:10px;
	}
	
	.intro-content.substain.ethics .par2 .par2-1{
		margin-left:0px;
		box-sizing: border-box;
	}
	
	.intro-content.substain.ethics .par2 .par2-1 dl dd {
		padding-left: 5px;
	}
	
	.intro-content.substain.law .par4{
		font-size:14px;
	}
	
	.intro-content.substain.law .par4 .par4-1{
		width:100%;
		border-right: 0px solid #7097c1;
		border-bottom: 0px solid #7097c1;
		padding: 10px;
	}
	
	.intro-content.substain.law .par6 .par6-1 {
		height: auto;
	}
	
	.intro-content.substain.law .par4 .par4-1 {
		border-top: 10px solid #7097c1;
	}
	
	.intro-content.substain.law .par4 .par4-1.usr1 {
		border-right: 0px solid #7097c1;
	}
	
	.intro-content.substain.law .par6 .par6-1 {
		display:table;
		width:100%;
		margin-bottom:20px;
		padding: 10%;
	}
	
	.intro-content.substain.law .par4 .par4-3{
		width:auto;
	}
	
	.intro-content.substain.law .par4 .par4-3 h4{
		font-size:1.5em;
	}
	
	.intro-content.substain.growth .par1-1-1{
		display:none;
	}
	
	.intro-content.substain.growth .par1-2 .par1-2-1 {
		display:none;
	}
	
	.intro-content.substain.growth .par1-2 .par1-2-2 div {
		width: 32.33%;
		margin-right: 0;
	}
	
	.intro-content.substain.growth .par1-3 .par1-3-1{
		display:none;
	}
	
	.intro-content.substain.growth .par1-3 .par1-3-2 {
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		text-align: left;
		padding:5%;
	}
	
	.intro-content.substain.growth .par2 .par2-1 {
		font-size:1em;
		margin-bottom:0 !important;
		padding:0.5em;
	}
	
	.intro-content.substain.employee .par2 .par2-1{
		text-align:center;
	}
	
	.intro-content.substain.employee .par2 .par2-2{
		display:table;
		width:100%;
	}
	
	.intro-content.substain.employee .par2 .par2-2 .p1 {
		font-size:1em;;
		margin-left: 20px;
	}
	
	.intro-content.substain.product .par1 .par1-1 {
		height: auto;
		text-align:center;
		padding-right: 0;
		margin-bottom:20px;
	}
	
	.intro-content.substain.product .par1 .par1-2 {
		height: auto;
		text-align:left;
		padding-right: 0;
		margin-bottom:60px;
	}
	
	.intro-content.substain.product .par2 .par2-2 {
		width: 100%;
		margin-top: 0px;
		box-sizing:border-box;
		padding:20px;
		display:table;
	}
	
	.intro-content.substain.product .par4 .par4-1.usr1 {
		text-align: left;
		padding: 20px 10px;
	}
	
	.intro-content.substain.eco .par3 .par3-1-2{
		
	}
	
	/*.intro-content.substain.contribution .toppic-top li{
		width:50%;
		text-align: center;
	}
	
	.intro-content.substain.contribution .toppic-top li:after{
		content:none;
	}
	
	.intro-content.substain.product .toppic-top.product li{
		width:50%;
		text-align: center;
	}
	
	.intro-content.substain.product .toppic-top.product li:after{
		content:none;
	}*/
	
	.intro-content.substain.law .par4 .box{
		border: 10px solid #7097c1;
	}
	
	.intro-content.substain.law .par5{
		padding-bottom:2em;
	}
	
	.intro-content.substain.law .ceo{
	display:table;
	width:100%;
}

.intro-content.substain.law .ceo .sub1{
	display:table;
	width:100%;
	text-align:center;
}


.intro-content.substain.law .ceo .sub2{
	display:table;
	width:100%;
	padding-left:0%;
	margin-top:1rem;
}
	
.law-submit{
	padding-left:4vw;
	padding-right:4vw;
}
	
}



.ma-add .product-overview .head-cont .item {
	width:0;
	display:none;
	
}

.ma-add .product-overview .head-cont .pic {
    float: left;
    width: 100%;
}


.ma-add .product-overview .head-cont{
	background-color:white;
}

.usr-ul1.law-no-dot li {
    font-weight:600;
	margin-bottom:0.5rem;
}

.usr-ul1.law-no-dot li:before {
    content: '\002E';
    display:none;
}