/* INIT */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}

/* HTML5 ELEMENT RESET */
aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ display:block }
ol,ul{ list-style:none }
blockquote,q{ quotes:none }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none }
table{ border-collapse:collapse; border-spacing:0 }
a{ color: inherit; text-decoration:none }
img{ max-width:100% }

/* TYPE */
body { 
	font: 12px/18px 'Noto Sans KR', Helvetica, Arial, Verdana, sans-serif;
	/*letter-spacing: -1px;*/
}

input, select, textarea, button { font-family: inherit }

/* MICRO CLEARFIX */
.cf:before,.cf:after { content: " "; display: table }
.cf:after { clear: both }

/* BOX SIZING FIX */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* PLACEHOLDER FIX (FOR IE8 SUPPORT) */
input.placeholder, 
textarea.placeholder {
	color: #b0b0b0 !important;
}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {
	color: #b6b6b6 !important;
}
input:-webkit-input-placeholder, 
textarea:-webkit-input-placeholder {
	color: #b6b6b6 !important;
}

/* PLACEHOLDER FIX (FOR SAFARI OLD VERSION) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=text],
	input[type=password] {
		line-height: 1 !important;
	}
}

/* IPHONE FONT FIX */
*{-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased}

/* WEBKIT INPUT NUMBER FIX */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

@font-face{
	font-family: LGSmHaR;
	src: url(LGSmHanR.eot);
	src: local(��), 
	url('../font/LGSmHanR.woff') format('woff'),
	url('../font/LGSmHaR.ttf') format('truetype');
}

@font-face{
	font-family: LGSmHaR;
	font-weight: bold;
	src: url(LGSmHanB.eot);
	src: local(��), 	
	url('../font/LGSmHanB.woff') format('woff'),
	url('../font/LGSmHaB.ttf') format('truetype');
}

/*--- 2017 LG H&H CSR REPORT CORE CSS ---*/

/* GLOBAL TEXT ALIGN */
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

/* GLOBAL HTML, BODY */
html, 
body {
}

body {
}

/* WRAP */
body .wrap {
	width: 800px;
	margin: 0 auto;
}

/* HEADER */
header {
	margin-bottom: 38px;
}

header .inner-header .top-bar {
	position: relative;
	height: 46px;
	margin-bottom: 38px;
	background: #4d4d4d;
}

header .inner-header .top-bar > h1.title {
	display: block;
	float: left;
	margin-left: 12px;
	color: #fff;
	font-size: 12px;
	line-height: 46px;
}

header .inner-header .top-bar .extra-menus {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 18px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 18px;
}

header .inner-header .top-bar .extra-menus > a {
	display: block;
	float: left;
	margin-right: 10px;
}

header .inner-header .top-bar .extra-menus > a:last-child {
	margin-right: 0;
}

/* INCLUDING_GNB */
header .inner-header nav.gnb {
}

header .inner-header nav.gnb > ul.menus {
	width: 100%;
}

header .inner-header nav.gnb > ul.menus > li.menu {
	position: relative;
	display: table;
	float: left;
	width:50%;
	height: 72px;
	background: #dfdfdf;
}

header .inner-header nav.gnb > ul.menus > li.menu:last-child {
	margin-right: 0;
}

header .inner-header nav.gnb > ul.menus > li.menu.active:after {
	display: none;
}

header .inner-header nav.gnb > ul.menus > li.menu:last-child:after {
	display: none;
}

header .inner-header nav.gnb > ul.menus > li.menu > a {
	display: table-cell;
	vertical-align: middle;
	color: #666666;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	line-height: 22px;
	letter-spacing: -.5px;
	white-space: nowrap;
}

html.language-en header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > a {
	line-height: 15px;
}

header .inner-header nav.gnb > ul.menus > li.menu > a span.menu-index {
	display: block;
}

header .inner-header nav.gnb > ul.menus > li.menu.active {
	/* background: #fff; */
}

header .inner-header nav.gnb > ul.menus > li.menu.active:before {
	content: '';
	position: absolute;
    top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
    width: 14px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	border: solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 7px;
	border-right-width: 7px;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1.active:before {
    border-top-color: #c60e41;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2.active:before {
    border-top-color: #de4482;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3.active:before {
    border-top-color: #f36d53;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4.active:before {
    border-top-color: #44afd4;
}

header .inner-header nav.gnb > ul.menus > li.menu.active > a {
	color: #fff;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1.active {
	background: #c60e41;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2.active {
	background: #c60e41;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3.active {
	background: #f36d53;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4.active {
	background: #44afd4;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper {
	position: absolute;
	bottom: -42px;
	display: none;
	width: 800px;
	color: #000;
	font-size: 15px;
	letter-spacing: -.5px;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper > ul.submenus {

}

/* VERTICAL GNB HACK */
header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper {
	left: calc( (-100% + -8px) * 0 );
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper {
	left: calc( (-100% + -8px) * 1 );
	padding-left: 58px;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper {
	left: calc( (-100% + -8px) * 2 );
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper {
	left: calc( (-100% + -8px) * 3 );
}

/* html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper {
	left: calc( (-100% + -8px) * 0 );
} */

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper {
	/* left: calc( (-100% + -8px) * 1 ); */
	padding-left: 363px;
	margin-left: 8px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper {
	/* left: calc( (-100% + -8px) * 2 ); */
	padding-left: 392px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper {
	/* left: calc( (-100% + -8px) * 3 ); */
}

header .inner-header nav.gnb > ul.menus > li.menu.active > .submenus-wrapper {
	display: block;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus {
	width: 460px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus {
    width: 270px;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper > ul.submenus > li.submenu {
	position: relative;
	float: left;
	width: 20%;
	height: 42px;
	text-align: center;
	line-height: 42px;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper > ul.submenus > li.submenu:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 1px;
	height: 18px;
	margin-top: auto;
	margin-bottom: auto;
	background: #000;
	opacity: .25;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper > ul.submenus > li.submenu:last-child:after {
	display: none;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper {
	background: #f7e2de;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper {
	background: #f7e2de;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper {
	background: #fee5db;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper {
	background: #e3eff6;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus {
	float: right;
}

header .inner-header nav.gnb > ul.menus > li.menu > .submenus-wrapper > ul.submenus > li.submenu.active > a {
	text-decoration: underline;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.active > a {
	color: #c60e41;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.active > a {
	color: #c60e41;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.active > a {
	color: #f36d53;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.active > a {
	color: #44afd4;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 24%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 24%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 20%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-4 {
	width: 18%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-5 {
	width: 14%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 235px;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 224px;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 282px;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 18%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 12.5%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 16%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-4 {
	width: 14.5%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-5 {
	width: 26%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-6 {
	width: 13%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 26%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 34%;
}

header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 40%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 18%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 15.5%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 15.5%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-4 {
	width: 12.5%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-1 > .submenus-wrapper > ul.submenus > li.submenu.idx-5 {
	width: 10%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 128px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 128px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-2 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 154px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 124px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 84px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 80px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-4 {
	width: 80px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-5 {
	width: 106px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-3 > .submenus-wrapper > ul.submenus > li.submenu.idx-6 {
	width: 82px;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-1 {
	width: 32%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-2 {
	width: 38%;
}

html.language-ko header .inner-header nav.gnb > ul.menus > li.menu.idx-4 > .submenus-wrapper > ul.submenus > li.submenu.idx-3 {
	width: 30%;
}

/* /INCLUDING_GNB */

/* MAIN */

/* GLOBAL MAIN */
main {
	position: relative;
	display: block;
	overflow: visible;
}
/* /GLOBAL MAIN */

/* GLOBAL_A_BUTTON */
a.btn {
	height: 32px;
	padding: 0 12px;
	color: #333333;
	font-size: 16px;
	font-weight: 500;
	line-height: 46px;
	letter-spacing: -1px;
	white-space: nowrap;
}

a.btn > * {
	float: left;
	margin-right: 30px;
}

a.btn > *:last-child {
	margin-right: 0;
}

a.btn:before, 
a.btn:after { content: " "; display: table }
a.btn:after { clear: both }

/* /GLOBAL_A_BUTTON */

/* GLOBAL_ICON */
i.icon {
	display: block;
	/*margin: auto;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

i.icon.icon-33px {
	width: 33px;
	height: 33px;
}

/* /GLOBAL_ICON */
i.icon.pdf {
	background-image: url('../images/icon_pdf_38px.png');
}

/* BUTTONS */
a.search-btn, 
a.delete-btn {
	background-color: #626e7d;
}

a.new-btn, 
a.edit-btn, 
a.ask-btn {
	background-color: #ed865f;
}

a.answer-btn, 
a.submit-btn {
	background-color: #2673cd;
}

a.back-btn {
	background-color: #7c9ac0;
}
/* /BUTTONS */

main .container > .main-cover {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	height: 652px;
	background: url('../images/main_cover.png') no-repeat;
}

main .container > .main-cover > .btn.download {
	position: absolute;
	right: 36px;
	bottom: 27px;
	width: 168px;
	height: 56px;
}

/* (EN) */
/* main .container > .main-cover > .btn.download.en {
	/* width: 225px; */
}

main .container > .main-cover > .btn.download.en > span > small {
	font-size: 12px;
}

main .container > .main-cover > .btn.download.en > * {
	margin-right: 14px;
}

main .container > .main-cover > .btn.download.en > *:last-child {
    margin-right: 0;
} */

main .container > .content {
	position: relative;
	min-height: 450px;
}

main .container > .content:before, 
main .container > .content:after { content: " "; display: table }
main .container > .content:after { clear: both }

main .container > .header {
	position: relative;
	margin-bottom: 38px;
	padding-top: 38px;
}

main .container > .header h1.title {
	position: relative;
	display: block;
	color: #000;
	font-size: 23px;
	line-height: 1;
}

main .container > .header h1.title:before {
	content: '';
	position: absolute;
	top: -20px;
	bottom: 0;
	left: -20px;
	width: 12px;
	height: 12px;
	margin-top: auto;
	margin-bottom: auto;
	background: #c60e41;
	border-radius: 6px;
}

main .container > .header h1.title.stakeholder:before {
	background: #c60e41;
}

main .container > .header h1.title.focus:before {
	background: #de4482;
}

main .container > .header h1.title.management:before {
	background: #f36d53;
}

main .container > .header h1.title.governance:before {
	background: #44afd4;
}

main .container > .content {

	border-top: 1px solid #9a9a9a;
}

main .container > .content > .article {
	padding-left: 54px;
	padding-right: 54px;
	padding-top: 36px;
	padding-bottom: 36px;
}
main .container > .header h1.title span {display: block; font-size:15px; margin-top: 10px; color:#c60e41;}
main .container > .content > .article:after {display: block; clear:both; content:"";}
main .container > .content > .article p {font-size:18px; font-weight: 500; display: block; padding-left:8px; line-height: 28px;}
main .container > .content > .article p:before {content:""; display: inline-block; clear:both; position:relative; left:0; top:-5px; width:4px; height:4px; background:#000;}
main .container > .content > .article p span {font-weight: 300; font-size:16px; display: block; margin:8px 0px 26px; line-height: 23px; word-break: keep-all;}
main .container > .content > .article:after {display: block; content:""; clear:both;}
main .container > .content > .article ul {float:left; width:325px; margin-bottom:20px; height:118px;}
main .container > .content > .article ul li {width: 277px; font-size:16px; line-height:24px; margin-left: 38px;}
main .container > .content > .article table {margin:20px 0px; font-size:14px;}
main .container > .content > .article table caption {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
main .container > .content > .article table th {font-weight: 600; border:1px solid #949494; padding:10px 0; text-align: center; background: #e5e5e5;}
main .container > .content > .article table td { border:1px solid #949494; text-align: left; padding:10px;}
main .container > .content > .article p.table {font-size:16px; font-weight: 500; display: block; padding-left:8px;}
main .container > .content > .article p.table:before {content:""; display: inline-block; clear:both; position:relative; left:0; top:-2px; width: 10px; height: 10px; border:1px solid #000; background: none; margin-right: 8px;}
main .container > .content > .article p.small {font-size:14px; font-weight: 300; display: block; margin-bottom: 40px;}
main .container > .content > .article p.small:before {display:none;}
main .container > .content > .article p.small span {display: block; text-indent:10px; font-size:14px; font-weight: 300; margin:0;}

main .container > .content > .article > span.description {
	display: block;
	/* width: 850px; */
	margin-bottom: 30px;
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	text-align: justify;
	letter-spacing: -.2px;
}

main .container > .content > .article > img {
	display: block;
}

main .container > .footer {
	position: relative;
}

main .container > .footer > .btn.download {
	display: block;
	float: right;
	width: 164px;
	height: 48px;
	margin-top: 24px;
	margin-bottom: 24px;
	font-size: 15px;
	border: 1px solid #afb1b3;
}

main .container > .footer > .btn.download:before,
main .container > .footer > .btn.download:after { content: " "; display: table }
main .container > .footer > .btn.download:after { clear: both }

main .container > .footer > .btn.download > i.icon {
	height: 100%;
}

/* main .container > .footer > .btn.download.en {
	width: 170px;
	font-size: 17px;
} */

html.language-en main .container > .footer > .btn.download.en > i.icon {
	margin-right: 15px;
}

html.language-ko main .container > .footer > .btn.download {
	width: 188px;
}

html.language-ko main .container > .footer > .btn.download.en > i.icon {
	margin-right: 30px;
}

/* CONTACT */
/* main .container > .contact-content {
	padding-top: 40px;
	padding-bottom: 60px;
}

main .container > .contact-content > h2 {
	display: block;
	margin-bottom: 18px;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 1;
}

main .container > .contact-content > span {
	color: #1a1a1a;
	font-size: 15px;
	line-height: 1;
} */

main .container > .footer.contact {
	display: block;
	padding-top: 44px;
	padding-bottom: 44px;
	padding-left: 22px;
	padding-right: 22px;
	color: #1a1a1a;
	font-size: 16px;
	line-height: 24px;
	background: #e8e8e8;
}

main .container > .footer.contact .contact-content {
	margin-bottom: 48px;
}

main .container > .footer.contact .contact-content > h2 {
	display: block;
	margin-bottom: 15px;
	color: #1a1a1a;
	font-size: 20px;
	line-height: 1;
}