@charset 'utf-8';
/* CSS Document */

/* web font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/font/NotoSans-DemiLight.woff2) format('woff2'),
		url(/font/NotoSans-DemiLight.woff) format('woff'),
		url(/font/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(/font/NotoSans-Medium.woff2) format('woff2'),
		url(/font/NotoSans-Medium.woff) format('woff'),
		url(/font/NotoSans-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 800;
	src: url(/font/NotoSans-Bold.woff2) format('woff2'),
		url(/font/NotoSans-Bold.woff) format('woff'),
		url(/font/NotoSans-Bold.otf) format('opentype');
}



/* reset */
html {}
body {margin: 0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
header, main, footer, section, article, aside, nav {display: block;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
img {vertical-align: middle;}
li {list-style: none;}
address, em, i {font-style: normal;}
table {border-collapse: collapse;}
table caption {overflow: hidden; width: 0; height: 0;}
i.fa {vertical-align: middle; display: inline-block; overflow: hidden; position: relative;}
i.fa span {position: absolute; left: -999px;}

/* common */
body {font-family: 'NotoSans', '나눔바른고딕', 'NanumBarunGothic', '나눔고딕', nanumgothic, '맑은 고딕', 'malgun gothic', '돋움', Dotum, 'Apple SD Gothic Neo', Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #646464 ; background: #ffffff;}
#wrapper {min-width: 1200px;}
#skip-nav {position: fixed; left: 0; top: -42px; width: 100%; line-height: 40px; font-size: 16px; text-align: center; background: rgba(0, 0, 0, 0.6); color: #ffffff; z-index: 100000; transition: top 0.4s;}
#skip-nav:focus {top: 0;}
#header {background: #fcfcfc; border-bottom: 1px solid #c4c5c7; color: #282828; position: relative;}
#header.on:after {content: ''; position: absolute; bottom: -41px; left: 0; width: 100%; height: 40px; background: #7dc6e1; z-index: 10;}
#header-box {width: 1200px; height: 70px; margin: 0 auto; position: relative;}
/* #header h1 {position: absolute; left: 0; top: 25px; font-size: 13px; } */
#header h1 {position: absolute; left: 0; top: 13px; font-size: 20px; }
#header h1 * {vertical-align: middle;}
#header h1 span {/* margin-left: 20px; */ display: inline-block; margin-left: 15px; padding-top: 4px; font-weight: 400; color: #757270; vertical-align: middle; letter-spacing: -0.5px; line-height: 100%; }
#header a {transition: color 0.3s;}
#gnb {position: absolute; left: 305px; top: 25px;}
#gnb > ul > li {float: left;}
#gnb > ul > li + li {margin-left: 28px; } /* 36px */
#gnb > ul > li > a {font-size: 15px;}
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover {color: #009ddc;}
#gnb > ul > li > ul {position: absolute; top: 55px; display: none; color: #ffffff; z-index: 10; font-size: 14px; z-index: 11;}
#gnb > ul > li.sub1 > ul {left: -200px; right: -200px;}
#gnb > ul > li.sub2 > ul {left: 0; right: -200px;}
#gnb > ul > li.sub3 > ul {left: 100px; right: -200px;}
#gnb > ul > li.sub4 > ul {left: 150px; right: -200px;}
#gnb > ul > li.sub5 > ul {left: 0; right: -200px;}
#gnb > ul > li.sub6 > ul {right: -50px;}
#gnb > ul > li > ul > li {float: left;}
#gnb > ul > li > ul > li + li:before {content: '|'; margin: 0 20px; font-size: 10px; position: relative; top: -2px;}
#gnb > ul > li > ul > li.on > a,
#gnb > ul > li > ul > li > a:hover {color: #508091;}
#top-nav {position: absolute; right: 0; top: 27px; font-size: 12px; color: #646464;}
#top-nav li {float: left;}
#top-nav li + li:before {content: '|'; margin: 0 8px; color: #c4c5c7; font-size: 7px; position: relative; top: -2px;}
#top-nav li a:hover {color: #000000;}

#main {min-height: 300px;}

#footer {background: #929295; color: #ffffff;}
#footer-top {border-bottom: 1px solid #838386;}
#footer-top-box {width: 1200px; margin: 0 auto; position: relative;}
#footer ul.link {overflow: hidden; font-size: 15px;}
#footer ul.link li {float: left; box-sizing: border-box; width: 25%; border-right: 1px solid #838386;}
#footer ul.link li:first-child {border-left: 1px solid #838386;}
#footer ul.link li a {display: block; line-height: 60px; padding-left: 35px; background: url(/imgs/footer_bg_01.png) 240px center no-repeat;}
#footer-bottom-box {width: 1200px; height: 80px; margin: 0 auto; position: relative; text-align: center; box-sizing: border-box; padding-top: 12px;}
#footer p.copyright {font-size: 12px;}


/* main */
#main-visual {position: relative; overflow: hidden; height: 370px; background: #ffffff;}
#main-visual ul.visual li {position: absolute; left: 0; top: 0; width: 100%; height: 370px; display: none;}
#main-visual ul.visual li:first-child {display: block;}
#main-visual ul.visual li img {position: absolute; left: 50%; margin-left: -960px;}
#main-visual h2 {position: absolute; left: 50%; margin-left: -600px; top: 100px; font-weight: 400;}
#main-visual h2 em {display: block; font-size: 33px; color: #009ddc; line-height: 40px; margin-bottom: 20px;}
#main-visual h2 span {display: block; font-size: 15px; color: #282828; line-height: 24px;}
#main-stock {background: #ffffff;}
#main-stock > div.box {width: 1200px; margin: 0 auto; overflow: hidden;}
#main-stock > div.box > div {width: 50%; float: left; box-sizing: border-box;}
#main-stock div.left {padding: 25px 70px 25px 0;}
#main-stock div.right {padding: 25px 0 25px 70px;}
#main-stock ul.info li > * {display: inline-block; vertical-align: middle; width: 49%; line-height: 50px;}
#main-stock ul.info li span.title {font-size: 18px;}
#main-stock ul.info li em.data {font-size: 24px; text-align: right; color: #282828;}
#main-stock ul.info li em.data span {font-size: 12px; margin: 0 5px;}
#main-stock ul.info li em.data.big {font-size: 36px; color: #009ddc; font-weight: bold;}

#main-link {background: #f3f3f3;}
#main-link > div.box {width: 1200px; margin: 0 auto; overflow: hidden; padding: 40px 0;}
#main-link ul.icon-link {overflow: hidden;}
#main-link ul.icon-link li {float: left; margin: 0 20px 20px 0;}
#main-link ul.icon-link li:nth-of-type(4n) {margin-right: 0;}
#main-link ul.icon-link li a {display: block; width: 285px; height: 200px; background: #ffffff; box-sizing: border-box; text-align: center; padding-top: 25px; position: relative;}
#main-link ul.icon-link li a:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #c4c5c7;}
#main-link ul.icon-link li a:hover:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #009ddc;}
#main-link ul.icon-link li a em {display: block; font-size: 20px; color: #282828; /*margin-top: 30px;*/}



/* sub (common) */
#break-crumb {background: #00a7e4;}
#break-crumb ul {width: 1200px; margin: 0 auto; color: #ffffff; font-size: 13px; overflow: hidden; box-sizing: border-box; padding-left: 20px;}
#break-crumb ul li {float: left; line-height: 30px;}
#break-crumb ul li + li:before {content: '>'; margin: 0 10px;}
body.sub #main {padding-bottom: 80px;}
body.sub section.content {width: 1200px; margin: 0 auto; position: relative;}
body.sub section.content + section.content {margin-top: 100px;}
body.sub section.content .link { margin-bottom:10px; text-align:right; }
body.sub #main h2 {margin: 70px 0 10px 0; font-size: 30px; color: #282828;}
body.sub #main h2 span {font-size: 13px; font-weight: 400; color: #646464; margin-left: 10px;}
ul.page-tab {display: table; table-layout: fixed; width: 100%; font-size: 14px; margin: 50px 0 70px 0;}
ul.page-tab li {display: table-cell; vertical-align: bottom;}
ul.page-tab li a {display: block; height: 50px; line-height: 48px; text-align: center; border: 1px solid #c1cfd4; box-sizing: border-box; position: relative;}
ul.page-tab li + li a {border-left: none;}
ul.page-tab li.on a {height: 60px; line-height: 58px; border-top: none; border-bottom: none; color: #009cdf; border-left: 1px solid #c1cfd4;}
ul.page-tab li.off a {border-right: none;}
ul.page-tab li.on a:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: #009cdf;}

/* 회사소개 */
ul.value-system {text-align: center; margin: 40px 0;}
ul.value-system li {padding: 30px 0;}
ul.value-system li + li {border-top: 1px solid #ededed;}
ul.value-system li h3 {font-size: 18px; color: #282828; margin-bottom: 20px;}
ul.value-system li p.slogan {font-size: 36px; color: #06a7e2; font-weight: bold;}
ul.value-system li p.text {margin-top: 30px;}

body.shareholders div.graph {text-align: center; margin: 70px 0 40px 0;}
body.dividends div.graph {text-align: center; margin: 70px 0 40px 0;}
body.bod div.left {float: left; width: 50%;}
body.bod div.right {float: left; width: 50%;}
body.bod div.full {clear: both;}
body.bod div.full ul.board > li {width: 50%; margin-right: -3px;}
body.bod h3 {font-size: 18px; color: #009cdf; margin-bottom: 40px; margin-left: 20px;}
ul.board {overflow: hidden; font-size: 13px;}
ul.board > li {display: inline-block; width: 100%; padding: 0 60px 0 40px; box-sizing: border-box; margin-bottom: 50px; vertical-align: top;}
ul.board > li p.name {border-bottom: 1px solid #c5c5c5; padding-bottom: 10px; margin-bottom: 25px;}
ul.board > li p.name em {font-size: 30px; font-weight: 600;}
ul.board > li p.name span {font-size: 15px; margin-left: 10px;}
ul.board > li p.title {float: left; font-weight: 600; margin-left: 10px;}
ul.board > li ul {margin: 0 0 20px 80px;}
body.activities div.form {margin-bottom: 15px; text-align: right;}
/* 2022.03.30 Update */
#main .content div.form { margin-bottom: 15px; text-align: right; }
#main .content div.form select { display: inline-block; width: 110px; }
#main .content div.form .btn { margin-left: 15px; }
/* 2022.03.30 Update */
body.activities div.form a {margin-left: 15px;}
body.activities #main select {width: 110px;}
body.activities #main table.content {display: none;}
body.articles #main h2 {margin-bottom: 50px;}
body.articles #main h2 + p {margin-top: -35px; margin-bottom: 50px;}
body.articles table.content th,
body.articles table.content td {border-left: none;}
body.articles table.content td {padding-top: 16px; padding-bottom: 16px;}
body.articles table.content p em {margin-right: 35px;}


/* 공시/공고/뉴스 */
body.news #main h2 {margin-bottom: 50px;}
ul.prnews {font-size: 14px; border-bottom: 1px solid #c5c5c5;}
ul.prnews li {position: relative; margin-bottom: 50px;}
ul.prnews li > a {display: block; height: 100%; overflow: hidden;}
ul.prnews li > a * {display: block;}
ul.prnews li span.image {float: left; width: 445px; height: 250px; overflow: hidden;}
ul.prnews li span.image img {width: 100%; min-height: 100%; position: relative; top: 50%; transform: translate(0, -50%); transition: transform 0.3s;}
ul.prnews li span.text {margin-left: 500px;}
ul.prnews li span.text em.title {font-size: 24px; font-weight: 600; transition: color 0.3s;}
ul.prnews li span.text span.date {margin: 20px 0 30px 0; font-size: 16px;}
ul.prnews li span.text span.content {line-height: 24px;}
ul.prnews li > a:hover span.image img {transform: translate(0, -50%) scale(1.1);}
ul.prnews li > a:hover span.text em.title {color: #029ddf;}

/* 재무정보 */
body.financial #main h2 {margin-bottom: 50px;}
body.financial #main h2 span {font-size: 24px;}
body.financial div.graph + div.graph {margin-top: 60px;}
body.financial #main h3 {font-size: 20px; margin: 65px 0 20px 0;}
body.financial p.desc {text-align: right; margin: -30px 0 10px 0; font-size: 13px;}
body.financial table.content {margin-bottom: 60px;}
body.financial table.list td {padding-top: 15px; padding-bottom: 15px;}


/* 주가정보 */
body.stock #main h2 {margin-bottom: 50px;}
body.stock iframe {border: none; width: 100%; height: 500px;}
/* body.stock iframe {border: none; width: 100%; height: 500px; background: #eeeeee;} */


/* IR자료실 */
body.library #main h2 {margin-bottom: 50px;}
body.library div.column2 {overflow: hidden; margin-bottom: 50px;}
body.library div.column2 > div {width: 50%; float: left; box-sizing: border-box;}
body.library div.column2 > div.left {padding-right: 30px;}
body.library div.column2 > div.right {padding-left: 30px;}
body.library table.content.summary tr:first-child > * {border-top: 1px solid #c5c5c5;}
body.library table.content.summary td.header {background: #fafdfe; color: #508091;}
body.analyst h3 {font-size: 20px; margin-bottom: 35px;}
body.analyst table.list {margin-top: 50px;}
body.calendar table.list td {padding-top: 15px; padding-bottom: 15px;}
body.glance h3 {font-size: 20px; margin: 50px 0 20px 0;}
body.glance ul.contact {overflow: hidden;}
body.glance ul.contact li {float: left;}
body.glance ul.contact li + li:before {content: '|'; margin:  0 30px;}
body.glance p.desc {text-align: right; margin-top: 10px;}
body.glance p.desc2 {text-align: right; margin: -30px 0 10px 0; font-size: 13px;}
body.glance iframe {border: none; width: 100%; height: 350px; background: #eeeeee;}
body.glance .print_chart { visibility:hidden; margin-top:-400px; width:700px; height:400px; }
body.glance .print_chart iframe { height:400px; background: #FFF; }


/* Contact Us */
body.contact #main h2 {margin-bottom: 50px;}
body.contact #main h2 + p {margin-top: -35px; margin-bottom: 35px;}
body.contact div.map {background: #eeeeee; height: 500px;}
body.contact p.address {text-align: center; margin-bottom: 30px; font-size: 16px;}

div.calendar-header {line-height: 80px; background: #fafdfe; border-top: 1px solid #c1cfd4; border-bottom: 1px solid #c1cfd4; text-align: center;}
div.calendar-header > * {vertical-align: middle;}
div.calendar-header em {font-size: 25px; font-weight: 600; margin: 0 50px; color: #6e939f;}
table.calendar {width: 100%; font-size: 13px; table-layout: fixed;}
table.calendar th,
table.calendar td {border-bottom: 1px solid #c1cfd4; border-left: 1px solid #c1cfd4;}
table.calendar th:first-child,
table.calendar td:first-child {border-left: none;}
table.calendar th {line-height: 30px; font-size: 17px; font-weight: 400;}
table.calendar td a {display: block; height: 120px; position: relative;}
table.calendar td span.date {font-size: 14px; position: absolute; left: 10px; top: 10px;}
table.calendar td.sun span.date {color: #ff1a1a;}
table.calendar td.sat span.date {color: #1e53ff;}
table.calendar td span.status {position: absolute; left: 10px; top: 35px;}
table.calendar td span.status.red {color: #ff1a1a;}
body.meeting h3 {font-size: 20px; margin: 50px 0 18px 0;display:inline-block;}/*ks 20190710 : display 추가*/
body.inquiry h3 {font-size: 20px; margin: 50px 0 18px 0;}
body.alert h3 {font-size: 20px; margin: 50px 0 18px 0;}
body.alert h3 + p {margin: 20px 0 20px 0;}
body.alert input[type=text] {width: 400px;}
body.alert div.form {text-align: left;}
body.alert ul.input-list {margin-left: 40px;}
body.alert div.form {border-bottom: 1px solid #c5c5c5; padding-bottom: 20px;}


/* module */
span.up,
span.down {margin: 0 5px; font-size: 14px;}
span.up {color: #ff5a49;}
span.down {color: #1678f2;}

p.table-desc {font-size: 13px; text-align: right; margin-bottom: 15px;}
table.content {width: 100%; font-size: 14px; color: #646464; border-bottom: 1px solid #c5c5c5;}
table.content.fixed {table-layout: fixed;}
table.content th,
table.content td {text-align: center; padding: 10px 5px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
table.content th:first-child,
table.content td:first-child {border-left: none;}
table.content th:last-child,
table.content td:last-child {border-right: none;}
table.content thead th {background: #fafdfe; color: #508091; font-size: 13px; border-top: 1px solid #c1cfd4; border-bottom: 1px solid #c1cfd4;}
table.content tbody th {font-weight: 400; color: #508091; border-top: 1px solid #ebebeb;}
table.content tbody td {border-top: 1px solid #ebebeb;}
table.content tfoot th,
table.content tfoot td {border-top: 1px solid #c5c5c5; font-weight: 600;}
table.content th.right,
table.content td.right {text-align: right; padding-right: 15px;}
table.content th.left,
table.content td.left {text-align: left; padding-left: 15px;}
table.content td em {font-style: italic;}


a.btn {display: inline-block; min-width: 100px; height: 35px; box-sizing: border-box; border-radius: 100px; padding: 0 15px; line-height: 35px; font-size: 15px; color: #ffffff; background: #029ddf; text-align: center; vertical-align: middle;}
a.btn.big {min-width: 140px; height: 50px; line-height: 50px; font-size: 15px;}
a.btn.gray {background: #d8d8d8; color: #646464;}
a.pdf {display: inline-block; min-width: 94px; height: 28px; box-sizing: border-box; border: 1px solid #d3d3d3; border-radius: 100px; padding: 0 25px 0 15px; line-height: 26px; font-size: 12px; color: #c71731; text-align: center; vertical-align: middle; background:#ffffff url(/imgs/icon_down.png) 60px center no-repeat;}
a.excel {display: inline-block; min-width: 94px; height: 28px; box-sizing: border-box; border: 1px solid #d3d3d3; border-radius: 100px; padding: 0 25px 0 15px; line-height: 26px; font-size: 12px; color: #3e8533; text-align: center; vertical-align: middle; background:#ffffff url(/imgs/icon_down.png) 65px center no-repeat;}
a.apply-btn {display: inline-block; min-width: 94px; height: 30px; box-sizing: border-box; border: 1px solid #d3d3d3; border-radius: 100px; padding: 0 15px 0 15px; line-height: 28px; font-size: 12px; color: #029ddf; text-align: center; vertical-align: middle;}
a.dart {display: inline-block; min-width: 94px; height: 28px; box-sizing: border-box; border: 1px solid #d3d3d3; border-radius: 100px; padding: 0 25px 0 15px; line-height: 26px; font-size: 12px; color: #0282b8; text-align: center; vertical-align: middle; background:#ffffff url(/imgs/icon_search.png) 65px center no-repeat;}
div.button {text-align: center; margin: 30px 0;}
div.button a + a {margin-left: 20px;}

table.list {width: 100%; font-size: 14px; color: #646464; border-bottom: 1px solid #c5c5c5;}
table.list th,
table.list td {text-align: center; padding: 10px 5px;}
table.list thead th {background: #fafdfe; color: #508091; font-size: 13px; border-top: 1px solid #c1cfd4; border-bottom: 1px solid #c1cfd4;}
table.list tbody td {border-top: 1px solid #ebebeb;}
table.list tbody td.title {text-align: left;}
table.list tbody td.title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; padding-left: 20px;}
table.list tbody td.title a:hover {color: #009cdf;}

div.paging {text-align: center; margin-top: 30px; font-size: 16px; color: #a7a7a7;}
div.paging > a {display: inline-block; vertical-align: top; width: 30px; line-height: 30px;}
div.paging > a i {position: relative; top: -2px;}
div.paging > ol {display: inline-block; vertical-align: top; margin: 0 3px;}
div.paging > ol > li {display: inline-block; vertical-align: top; margin: 0 2px;}
div.paging > ol > li > a {display: inline-block; vertical-align: top; width: 30px; line-height: 30px;}
div.paging > ol > li.on > a {color: #009cdf; font-weight: 600;}
div.paging a:hover {color: #009cdf;}

table.view {width: 100%; font-size: 14px; color: #646464; border-bottom: 1px solid #c5c5c5;}
table.view td {text-align: center; padding: 10px 5px; border-top: 1px solid #ebebeb;}
table.view tr.th td { position: relative; background: #fafdfe; color: #508091; border-top: 1px solid #c1cfd4; border-bottom: 1px solid #c1cfd4;}
table.view tr.th td.header {font-size: 17px; text-align: left; padding: 16px 150px 16px 30px; position: relative;}
table.view tr.th td a.pdf {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
table.view td.title {text-align: left;}
table.view td.title a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px;}
table.view td.title a:hover {color: #009cdf;}
table.view td.editor {padding: 0; text-align: left;}
table.view td.editor.no-border {border-top: none;}
table.view td div.editor-content {min-height: 200px; padding: 20px 30px;}
table.view td div.editor-content img {max-width: 100%;}
table.view td.thumb {padding-top: 30px; text-align: center;}
table.view td.thumb p.image {text-align: center;}
table.view td.thumb p.image img {max-width: 100%;}
table.view td.thumb p.desc {margin-top: 15px; font-size: 14px; color: #282828;}
table.view tr.prev i {font-size: 24px; vertical-align: middle; margin-right: 20px; line-height: 16px; position: relative; top: -2px;}
table.view tr.next i {font-size: 24px; vertical-align: middle; margin-right: 20px; line-height: 16px; position: relative; top: -2px;}

#layer-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#layer-mask.on {display: block;}
#sitemap-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
#sitemap-mask.on {display: block;}

div.layer-popup.main {position: fixed; left: 50%; top: 50%; width: 700px; height: 740px; background: #ffffff; z-index: 10000; border: 1px solid #c5c5c5; padding: 50px 20px; box-sizing: border-box; margin: -350px 0 0 -370px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); display: none;}
div.layer-popup.main.on {display: block;}
div.layer-popup.main h3 {font-size: 30px; margin-bottom: 45px; text-align: center; color: #282828;}
div.layer-popup.main ul.company-link {overflow: hidden; text-align: left; }
div.layer-popup.main ul.company-link li {display: inline-block; margin: 0 20px 20px 0;}
div.layer-popup.main ul.company-link li:nth-of-type(3n) {margin-right: 0;}
div.layer-popup.main ul.company-link li a {display: block; width: 200px; height: 140px; box-sizing: border-box; background: #fafdfe; border: 1px solid #c1cfd4; text-align: center; padding-top: 40px;}
div.layer-popup.main ul.company-link li a em {display: block; font-size: 20px; font-weight: 600; color: #282828; margin-bottom: 8px;}
div.layer-popup.main ul.company-link li a em.short {letter-spacing: -2px;}
div.layer-popup.main ul.company-link li a span.link {display: inline-block; font-size: 15px; background: url(/imgs/icon_link.png) right center no-repeat; padding-right: 15px;}

div.layer-popup.meeting {position: fixed; left: 50%; top: 50%; width: 600px; height: 600px; background: #ffffff; z-index: 10000; border: 1px solid #c5c5c5; padding: 40px 50px; box-sizing: border-box; margin: -300px 0 0 -300px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); display: none;}
div.layer-popup.meeting.on {display: block;}
div.layer-popup.meeting h3 {font-size: 25px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #282828;}
div.layer-popup.meeting a.close {position: absolute; right: 50px; top: 20px; font-size: 30px;}
div.layer-popup.meeting p.date {margin-bottom: 15px; font-size: 14px;}
div.layer-popup.meeting table.list td {line-height: 48px;}
div.layer-popup.meeting table.list td span.reserved {color: #b0b0b0;}

div.layer-popup.sitemap {position: fixed; left: 50%; top: 50%; width: 1000px; height: 800px; background: #ffffff; z-index: 10000; border: 1px solid #c5c5c5; padding: 50px 0 0 90px; box-sizing: border-box; margin: -400px 0 0 -500px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); border: 5px solid #00a9ed; display: none;}
div.layer-popup.sitemap.on {display: block;}
#sitemap > ul {overflow: hidden; color: #282828;}
#sitemap > ul > li {float: left; width: 220px; height: 360px; margin-right: 70px; }
#sitemap > ul > li:nth-of-type(3n) {margin-right: 0;}
#sitemap > ul > li:nth-child(4),
#sitemap > ul > li:nth-child(5),
#sitemap > ul > li:nth-child(6) { margin-top: 30px; height: 330px; }
#sitemap > ul > li > em {font-size: 25px; font-weight: 600; margin-bottom: 10px; display: block;}
#sitemap > ul > li > ul > li {border-bottom: 1px solid #c5c5c5;}
#sitemap > ul > li > ul > li:first-child {border-top: 1px solid #c5c5c5;}
#sitemap > ul > li > ul > li > a {display: block; line-height: 34px; position: relative; padding-left: 20px;}
#sitemap > ul > li > ul > li > a:hover {background: #fafdfe;}
#sitemap > ul > li > ul > li > a:before {content: ''; position: absolute; left: 10px; top: 16px; width: 3px; height: 3px; background: #282828;}
div.layer-popup.sitemap a.close {position: absolute; right: 0; top: 0;}

table.form {width: 100%; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;}
table.form td {border-top: 1px solid #ebebeb; padding: 12px 10px;width:390px;}/*width값 삽입 20190226*/
table.form tr:first-child td {border-top: 1px solid #c5c5c5;}
table.form td.th {border: 1px solid #c1cfd4; font-size: 13px; background: #fafdfe; color: #7c9da8; width: 170px; padding-left: 30px;}
table.form td.th span.required {color: #ff2626; position: relative; left: -10px; margin-right: -5px;}
table.form td.th:first-child {border-left: none;}
.form input[type=text],
.form select {border: 1px solid #c5c5c5; font-size: 14px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 34px; width: 100%; padding-left: 20px; color: #646464;}
#in_name{width:49.5%;}/*추가 20190226*/
#in_tel{width:49.5%;}/*추가 20190226*/
#in_phone{width:77.5%;}/*추가 20190226*/

.form input.in_name{width:49.5%;}/*추가 20190710*/
.form input.in_tel{width:49.5%;}/*추가 20190710*/

.form input.invest {width: 70%;}
.form select.num {width: 80px; min-width: inherit;}
.form select.num2 {width: 185px; min-width: inherit;}/*추가 20190226*/
.form select.unit {width: 29%; min-width: inherit;}
textarea {display: block; width: 100%; height: 180px; box-sizing: border-box; border: 1px solid 3c5c5c5; padding: 10px; font-size: 14px; color: #646464; font-family: inherit;}
input[type=checkbox],
input[type=radio] {margin: 0; vertical-align: middle;}
ul.input-list {overflow: hidden; display: inline-block; vertical-align: middle; line-height: 34px;}
ul.input-list li {float: left;}
ul.input-list li + li {margin-left: 20px;}
ul.input-list li input {margin-right: 6px;}

div.layer-popup.meeting {position: fixed; left: 50%; top: 50%; width: 600px; height: 600px; background: #ffffff; z-index: 10000; border: 1px solid #c5c5c5; padding: 40px 50px; box-sizing: border-box; margin: -300px 0 0 -300px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); display: none;}
div.layer-popup.meeting.on {display: block;}
div.layer-popup.meeting h3 {font-size: 25px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #282828;}
div.layer-popup.meeting a.close {position: absolute; right: 50px; top: 20px; font-size: 30px;}
div.layer-popup.meeting p.date {margin-bottom: 15px; font-size: 14px;}
div.layer-popup.meeting table.list td {line-height: 48px;}
div.layer-popup.meeting table.list td span.reserved {color: #b0b0b0;}

body.popup.meeting #wrapper {padding: 30px; min-width: inherit;}
body.popup.meeting h3 {font-size: 25px; padding-bottom: 15px; margin: 0 0 15px 0; border-bottom: 2px solid #282828;}
body.popup.meeting a.close {position: absolute; right: 50px; top: 20px; font-size: 30px;}
body.popup.meeting p.date {margin-bottom: 15px; font-size: 14px;}
body.popup.meeting table.list td {line-height: 48px;}
body.popup.meeting table.list td span.reserved {color: #b0b0b0;}

@media print {
	body { font-size:7pt; color:#000; }
	#wrapper { width:100%; min-width:100%; }
	#header-box { width:100%; }
	body.sub section.content { width:100%; font-size:1em; }

	body.sub #main { padding-bottom:0; }
	body.sub #main h2 { margin:0 0 0.5em 0; font-size:2em; color:#000; }
	body.sub section.content h3 { font-size:1.5em; }

	body.library div.column2 { margin-bottom:0; width:100%; }
	body.library div.column2 > div { /*width: 100%; float: none;*/ }
	body.library div.column2 > div.left { padding-right:0.5%; width:34%; }
	body.library div.column2 > div.right { padding-left:0.5%; width:64%; /*page-break-before:always;*/ }
	/* body.library div.column2 > div.right iframe { display:none; } */
    body.library div.column2 > div.right .webview { display:none; }
	body.library div.column2 > div.right .print_chart { visibility:visible; margin-top:0; width:100%; height:18em; }
	/* body.library div.column2 > div.right .print_chart iframe { display:block; width:100%; height:18em; } */
    body.library div.column2 > div.right .print_chart .printview { display:block; width:100%; height:18em; }

	body.glance h3 { margin: 1em 0 0.5em 0; }
	body.glance p.desc2 {text-align: right; margin: -28px 0 10px 0; font-size: 11px;}

	.print_break { /*page-break-before:always;*/ }
	.print_no { display:none; }

	table.content { font-size:7pt; }
	table.content th, table.content td { padding-top:0.1em; padding-bottom:0.1em; }
	table.content thead th { font-size:1em; }

	#header, #footer, .button, #break-crumb { display:none; }

}

/* 20220329 - 재무하이라이트 차트 업그레이드 */
#highlight_wrap { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; margin: 0 auto; }
#highlight_wrap > div { display: flex; flex-flow: column; margin-bottom: 60px; width: 340px; }
#highlight_wrap > div:nth-last-child(4) ~ div { margin-bottom: 0px; }
#highlight_wrap div h4 { margin-bottom: 40px; font-size: 20px; color: #282828; line-height: 1; }
#highlight_wrap > div .chart_wrap { height: 300px; }
#highlight_wrap > div .chart_wrap .in_wrap { display: flex; flex-flow: row nowrap; justify-content: space-around; height: 275px; border-bottom: 2px solid #d3d4d5; background: url(../imgs/highlight_bar.png) no-repeat center; background-position: left bottom; }
#highlight_wrap > div .chart_wrap .in_wrap div { display: flex; flex-flow: column; justify-content: flex-end; width: 50px; height: 100%;  }
#highlight_wrap > div .chart_wrap .in_wrap div span { display: block; padding-bottom: 7px; font-size: 16px; font-weight: 500; color: #333; text-align: center; }
#highlight_wrap > div .chart_wrap .in_wrap div span.chart { background: #e5e5e5; height: 0; transition: .5s ease-in-out;  }
#highlight_wrap > div .chart_wrap .in_wrap div:last-child span.chart { background: #009cdf; }
#highlight_wrap > div .chart_wrap .year { display: flex; flex-flow: row nowrap; justify-content: space-around; height: 25px; }
#highlight_wrap > div .chart_wrap .year span { display: block; font-size: 14px; font-weight: 300; color: #666; white-space: nowrap; line-height: 25px; letter-spacing: .6px; }
/* 20220720 - 이사회규정 다운로드 버튼 */
.director_btn_wrap { margin-bottom: 20px; padding-bottom: 10px; text-align: right; }
.director_btn_wrap .download_btn { display: inline-block; padding: 0 15px 0 25px; font-size: 12px; min-width: 94px; height: 28px; line-height: 28px; border: 1px solid #d3d3d3; background: url(../imgs/icon_down.png) no-repeat 10px center; vertical-align: middle; }
/* 20220919 - 배당현황 chart area */
body.dividends div.graph .chartWrap { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; min-height: 369px; }
body.dividends div.graph .chartWrap > div { padding: 0 50px; width: 50%; height: 309px; }
body.dividends div.graph .chartWrap > div h4 { margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #111; text-align: left; }

.chartWrap > div .chart_wrap { height: 100%; }
.chartWrap > div .chart_wrap .in_wrap { display: flex; flex-flow: row nowrap; justify-content: space-around; /* height: 275px; */ height: calc(100% - 40px); border-bottom: 1px solid #d3d4d5; background: url(../imgs/highlight_bar1.png) repeat-x center; background-position: left bottom; }
.chartWrap > div .chart_wrap .in_wrap div { display: flex; flex-flow: column; justify-content: flex-end; width: 50px; height: 100%;  }
.chartWrap > div .chart_wrap .in_wrap div span { display: block; padding-bottom: 7px; font-size: 16px; font-weight: 500; color: #333; text-align: center; }
.chartWrap > div .chart_wrap .in_wrap div span.chart { background: #e5e5e5; height: 0; transition: .5s ease-in-out;  }
.chartWrap > div .chart_wrap .in_wrap div:last-child span.chart { background: #009cdf; }
.chartWrap > div .chart_wrap .year { display: flex; flex-flow: row nowrap; justify-content: space-around; height: 25px; }
.chartWrap > div .chart_wrap .year span { display: block; font-size: 14px; font-weight: 300; color: #666; white-space: nowrap; line-height: 25px; letter-spacing: .6px; }
/* popup 20250122 */
/* .main #wrapper .popup { background-color: #fff; border: 3px solid blue; box-sizing: border-box; }
.main #wrapper .popup .wrap { position: relative; padding: 10px; padding-bottom: 50px; width: 100%; height: 100%; box-sizing: border-box; }
.main #wrapper .popup .wrap .btnWrap { position: absolute; left: 0; bottom: 0; display: flex; flex-flow: row nowrap; width: 100%; height: 40px; background-color: #333; box-sizing: border-box; }
.main #wrapper .popup .wrap .btnWrap li { position: relative; padding: 0 10px; width: 50%; text-align: right; line-height: 40px; font-size: 15px; color: #fff; box-sizing: border-box; }
.main #wrapper .popup .wrap .btnWrap li a { position: relative; display: block; line-height: 40px; }
.main #wrapper .popup .wrap .btnWrap li:nth-child(1) { text-align: left; }
.main #wrapper .popup .wrap .btnWrap li:nth-child(2) { text-align: right; }

.main #wrapper #popUp25012201 { position: fixed; top: 75px; left: 10px; width: 530px; height: auto; z-index: 100; border: 1px solid #c0c0c0; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); }
.main #wrapper #popUp25012202 { position: fixed; top: 75px; left: 550px; width: 660px; height: auto; z-index: 100; border: 1px solid #c0c0c0; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); }
.main #wrapper #popUp25012201 .wrap .popCon h3 { position: relative; margin-bottom: 30px; padding-bottom: 20px; font-size: 20px; font-weight: 700; text-align: center; color: #333; }
.main #wrapper #popUp25012201 .wrap .popCon h3::after { position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background-color: #000; }
.main #wrapper #popUp25012201 .wrap .popCon p { font-size: 14px; color: #222; word-break: keep-all; text-align: left; }
.main #wrapper #popUp25012201 .wrap .popCon p a { display: block; margin-bottom: 50px; font-size: 14px; color: inherit; }

.main #wrapper #popUp25012202 .wrap .popCon h3 { position: relative; margin-bottom: 30px; padding-bottom: 20px; font-size: 20px; font-weight: 700; text-align: center; color: #333; word-break: keep-all; }
.main #wrapper #popUp25012202 .wrap .popCon h3::after { position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background-color: #000; }
.main #wrapper #popUp25012202 .wrap .popCon p { font-size: 14px; color: #222; word-break: keep-all; text-align: left; }
.main #wrapper #popUp25012202 .wrap .popCon p a { display: block; margin-bottom: 20px; font-size: 14px; color: inherit; } */

/* 2025.04.03 주주총회 */
.shareholdersMeeting #main .content .conWrap h3 { margin-bottom: 5px; font-size: 24px; font-weight: 600; color: #111; text-align: left; }
.shareholdersMeeting #main .content .conWrap h4 { margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #111; text-align: left; }
.shareholdersMeeting #main .content .conWrap p { margin: 8px 0; text-align: left; }
.shareholdersMeeting #main .content .conWrap p + h4 { margin-top: 40px; }
.shareholdersMeeting #main .content .conWrap p + h3 { margin-top: 40px; }
.shareholdersMeeting #main .content .conWrap table .PLeft td:nth-child(1) { padding-left: 25px; }
/* esg result */
.esg.result #main .content .inBx { margin-bottom: 50px; }
.esg.result #main .content .inBx:last-child { margin-bottom: 0; }
.esg.result #main .content .inBx h3 { margin-bottom: 20px; }
/* .esg.result #main .content .inBx h3 img { display: inline-block; margin-right: 30px; max-width: 260px; vertical-align: bottom; } */ /* 2025.06.17 - first */
.esg.result #main .content .inBx h3 img { display: inline-block; margin-right: 30px; max-width: 230px; vertical-align: bottom; } /* 2025.06.17 - second */
/* .esg.result #main .content .inBx.inBx01 h3 img { max-width: 260px; }
.esg.result #main .content .inBx.inBx02 h3 img { max-width: 220px; }
.esg.result #main .content .inBx.inBx03 h3 img { max-width: 210px; }
.esg.result #main .content .inBx.inBx04 h3 img { max-width: 150px; } */
.esg.result #main .content .inBx h3 strong { font-size: 20px; color: #222; }
.esg.result #main .content .inBx p { margin-bottom: 10px; }

table.content.cline th ,table.content.cline td {text-align: center; padding: 10px 5px; border-right: 0px solid #ebebeb;}
table.content.cline td:nth-child(2) {text-align: left}