@charset "UTF-8";
/*! plugin - OverlayScrollbars */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.5.3
 *
 * Copyright KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 07.11.2018
 */
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important;
}
html.os-html > .os-host > .os-padding {
  position: absolute;
}
body.os-dragging,
body.os-dragging * {
  cursor: default;
}
.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.os-host-flexbox {
  overflow: hidden !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.os-host-flexbox > .os-padding > .os-viewport > .os-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#hs-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}
#hs-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
}
.os-content-glue {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.os-padding {
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 1;
}
.os-host-overflow > .os-padding {
  overflow: hidden;
}
.os-viewport {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}
.os-content {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}
.os-content > .os-textarea {
  direction: inherit !important;
  float: none !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: 0 none transparent !important;
  overflow: hidden !important;
  resize: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1;
  padding: 0;
}
.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}
.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}
.os-content > .os-textarea[wrap="off"] {
  white-space: pre !important;
  margin: 0 !important;
}
.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}
.os-resize-observer,
.os-resize-observer-host {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.os-resize-observer-host:after {
  content: "";
}
.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host:after {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.os-resize-observer.observed,
object.os-resize-observer {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.os-size-auto-observer {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -webkit-flex-grow: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  -webkit-flex: none !important;
  flex: none !important;
}
.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  -webkit-flex: none !important;
  flex: none !important;
}
.os-resize-observer {
  -webkit-animation-duration: 0.001s;
  animation-duration: 0.001s;
  -webkit-animation-name: hs-resize-observer-dummy-animation;
  animation-name: hs-resize-observer-dummy-animation;
}
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
html.os-html > .os-host > .os-scrollbar {
  position: absolute;
  z-index: 999999;
}
.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  z-index: 1;
}
.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}
.os-scrollbar {
  pointer-events: none;
}
.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}
.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}
.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}
.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-padding + .os-scrollbar-corner,
.os-scrollbar-auto-hidden,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}
.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}
.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}
.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}
.os-scrollbar-corner.os-scrollbar-corner-resize,
.os-scrollbar:hover {
  opacity: 1 !important;
  visibility: visible !important;
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}
.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.os-host-overflow {
  overflow: hidden !important;
}
@-webkit-keyframes hs-resize-observer-dummy-animation {
  from {
    z-index: 0;
  }
  to {
    z-index: -1;
  }
}
@keyframes hs-resize-observer-dummy-animation {
  from {
    z-index: 0;
  }
  to {
    z-index: -1;
  }
}
.os-theme-none > .os-scrollbar-corner,
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical {
  display: none !important;
}
.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}
.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}
.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}
.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}
.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
}
.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}
.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}
.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  border-radius: 10px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}
.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}
.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}
.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}
/*! util */
/*! float 해제 */
.clfix:after,
.clfix:before {
  display: table;
  line-height: 0;
  content: "";
}
.clfix:after {
  clear: both;
}
/*! 숨김텍스트 처리 */
.hide-txt {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  clip: rect(1px 1px 1px 1px);
}
a .hide-txt {
  font-size: 0;
}
/*! 레이어 띄울때 뒷 배경 딤드 처리 */
.dimm {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #000;
  opacity: 0.6;
}
.dimm img {
  display: block;
}
.popup-subsidiary .pop-btn-wrap .btn-line .txt br {
  display: none;
}
/*!
	util - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  a .hide-txt {
    font-size: 1px;
  }
}
/*! btn */
.btn {
  display: block;
  height: 41px;
  line-height: 40px;
  text-align: center;
  background-color: #ddd;
}
.btn:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn .txt {
  font-size: 16px;
}
.btn02 {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 12px;
  background-color: #777;
}
.btn02:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn02 .txt {
  font-size: 15px;
  font-family: "LGSmHaTR";
  color: #fff;
}
.btn-date {
  display: inline-block;
  width: 44px;
  height: 38px;
  position: relative;
  vertical-align: middle;
}
.btn-date .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -8px;
  background-position: -335px -37px;
  width: 16px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-reset {
  display: inline-block;
  min-height: 17px;
  font-size: 12px;
  color: #777;
  vertical-align: middle;
}
.btn-reset .txt {
  display: inline-block;
  vertical-align: middle;
}
.btn-reset .icon {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  background-position: -222px -285px;
  width: 17px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-search-close {
  display: inline-block;
}
.btn-search-close .icon {
  display: inline-block;
  background-position: -202px -246px;
  width: 23px;
  height: 13px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-search-on {
  display: inline-block;
}
.btn-search-on .icon {
  display: inline-block;
  background-position: -159px -246px;
  width: 23px;
  height: 13px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-list {
  display: inline-block;
  background: #fff;
  height: 45px;
  line-height: 45px;
  padding: 0 34px;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-list:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn-list .txt {
  font-size: 15px;
  text-align: center;
  color: #000;
}
.btn-view-more {
  display: block;
  margin: 0 15px;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 45px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.btn-view-more:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn-view-more .txt {
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  color: #000;
}
.btn-view-more .icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  background-position: -335px -110px;
  width: 15px;
  height: 15px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-white01 {
  display: inline-block;
  padding: 0 17px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.btn-white01:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn-white01 .txt {
  font-size: 12px;
  color: #555;
}
.btn-white01:active .txt {
  border-color: #bb0841;
  background-color: #bb0841;
  color: #fff;
}
.btn-share {
  display: inline-block;
  padding: 4px 4px 0 4px;
}
.btn-share .icon {
  display: inline-block;
  background-position: -150px -285px;
  width: 16px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-share-close {
  display: inline-block;
  padding: 5px 4px 1px 5px;
}
.btn-share-close .icon {
  display: inline-block;
  background-position: -335px -145px;
  width: 15px;
  height: 15px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.share-box li {
  float: left;
  width: 45px;
  text-align: center;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.share-box li:first-child {
  border-left: 1px solid #eee;
}
.share-box li a {
  display: block;
  height: 43px;
  text-align: center;
}
.share-box li a .icon {
  display: block;
}
.share-box li a:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.share-box .url .icon {
  background-position: -160px -65px;
  width: 45px;
  height: 43px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.share-box .facebook .icon {
  background-position: -130px -138px;
  width: 45px;
  height: 43px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.share-box .twitter .icon {
  background-position: 0 -138px;
  width: 45px;
  height: 43px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.share-box .gmail .icon {
  background-position: -65px -138px;
  width: 45px;
  height: 43px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-open-form-search {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #888;
}
.btn-open-form-search .icon {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background-position: -335px -74px;
  width: 15px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-form-search {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #bb0841;
}
.btn-form-search .icon {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background-position: -335px -74px;
  width: 15px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
/*! icon 버튼 */
.btn-icon {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: #fff;
}
.btn-icon:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.btn-icon *[class*="icon-"] {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
}
.btn-icon .icon-blog {
  background-position: -335px -180px;
  width: 12px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-icon .icon-facebook {
  background-position: -371px 0;
  width: 8px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-icon .icon-youtube {
  background-position: -78px -246px;
  width: 21px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-icon .icon-naver-post {
  background-position: -335px -218px;
  width: 11px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-icon .icon-twitter {
  background-position: -228px -201px;
  width: 23px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-icon .icon-instagram {
  background-position: -113px -285px;
  width: 17px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.btn-area {
  text-align: center;
  padding: 20px 0 0 0;
}
.btn-area.space01 {
  padding: 50px 0 0 0;
}
/*! 첨부파일 버튼 */
.attached-file {
  display: inline-block;
  padding: 10px;
}
.attached-file.type02 {
  padding: 6px 3px 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .attached-file.type02 {
    margin-right: -4px;
    padding: 5px 6px 0;
  }
}
@media (max-width: 490px) {
  .attached-file.type02 {
    margin-right: -4px;
    padding: 6px 7px 0;
  }
}
.attached-file .ico {
  display: inline-block;
  background-position: -225px -160px;
  width: 20px;
  height: 19px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.attached-file.type02 .ico {
  height: 20px;
  background-image: url(../../images/common/sprite_pc_new.png);
  background-size: 145px 20px;
}
.attached-file.type02 .mp4 {
  background-position: 0 0;
}
.attached-file.type02 .pdf {
  background-position: -125px 0;
}
.attached-file.type02 .excel {
  background-position: -100px 0;
}
.attached-file.type02 .word {
  background-position: -75px 0;
}
.attached-file.type02 .ppt {
  background-position: -50px 0;
}
.attached-file.type02 .txt {
  background-position: -26px 0;
}
.attached-file:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.attached-file .hide-txt {
  text-indent: -9999px;
}
/*! 첨부파일 링크 */
.view-attached-file {
  display: inline-block;
}
.view-attached-file .ico {
  display: inline-block;
  background-position: -225px -160px;
  width: 20px;
  height: 19px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.view-attached-file .txt {
  margin-left: 6px;
  font-size: 12px;
  color: #bb0841;
  border-bottom: 1px solid #bb0841;
}
.view-attached-file:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
/*!
	btn - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .btn-list {
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
  }
  .btn-list .txt {
    font-family: "LGSmHaTSB";
    font-size: 16px;
  }
  .btn-view-more {
    display: inline-block;
    margin: 0;
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 56px;
  }
  .btn-view-more .txt {
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    color: #000;
  }
  .btn-view-more .icon {
    background-image: url(../../images/common/sprite_mobile.png);
    background-position: -335px -110px;
    width: 15px;
    height: 15px;
    background-size: 379px 340px;
  }
  .btn-white01 {
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
  }
  .btn-white01:focus,
  .btn-white01:hover {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .btn-white01:focus .txt,
  .btn-white01:hover .txt {
    color: #fff;
  }
  .btn-share .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -244px;
    width: 22px;
    height: 20px;
    background-size: 461px 445px;
  }
  .btn-share-close .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -40px;
    width: 18px;
    height: 18px;
    background-size: 461px 445px;
  }
  .share-box li {
    width: 55px;
  }
  .share-box li a {
    height: 58px;
  }
  .share-box li a .icon {
    width: 55px;
    height: 58px;
  }
  .share-box .url .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -90px -116px;
    width: 55px;
    height: 58px;
    background-size: 461px 445px;
  }
  .share-box .facebook .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -206px;
    width: 55px;
    height: 58px;
    background-size: 461px 445px;
  }
  .share-box .twitter .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -232px 0;
    width: 55px;
    height: 58px;
    background-size: 461px 445px;
  }
  .share-box .gmail .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -232px -78px;
    width: 55px;
    height: 58px;
    background-size: 461px 445px;
  }
  /*! icon 버튼 */
  .btn-icon *[class*="icon-"] {
    height: 22px;
  }
  .btn-icon .icon-blog {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -78px;
    width: 13px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-icon .icon-facebook {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -162px;
    width: 12px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-icon .icon-youtube {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -346px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-icon .icon-naver-post {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -120px;
    width: 13px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-icon .icon-twitter {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -326px -284px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-icon .icon-instagram {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -180px -346px;
    width: 20px;
    height: 22px;
    background-size: 461px 445px;
  }
  .btn-area {
    padding: 40px 0 0 0;
  }
  .btn-area.space01 {
    padding: 60px 0 0 0;
  }
  /*!  첨부파일 버튼 */
  .attached-file {
    display: inline-block;
    padding: 10px;
  }
  .attached-file .ico {
    display: inline-block;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -349px -244px;
    width: 20px;
    height: 20px;
    background-size: 461px 445px;
  }
  .attached-file.type02 {
    padding: 7px 3px;
  }
  .attached-file.type02 .ico {
    background-image: url(../../images/common/sprite_pc_new.png);
    background-size: 145px 20px;
  }
  /*! 첨부파일 링크 */
  .view-attached-file {
    display: inline-block;
  }
  .view-attached-file .ico {
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -349px -244px;
    width: 20px;
    height: 20px;
    background-size: 461px 445px;
  }
  .view-attached-file .txt {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    color: #bb0841;
    vertical-align: bottom;
    border-bottom: 1px solid #bb0841;
  }
  .view-attached-file:before {
    content: "　";
    position: absolute;
    font-size: 0;
  }
}
/*!
	btn - 기본 PC 환경 예외 스타일
*/
@media (min-width: 1280px) {
  .btn-date {
    width: 40px;
    height: 38px;
  }
  .btn-date .icon {
    margin: -10px 0 0 -9px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px 0;
    width: 18px;
    height: 20px;
    background-size: 461px 445px;
  }
  .btn-reset {
    position: relative;
    padding-top: 18px;
    min-height: 40px;
  }
  .btn-reset .txt {
    display: block;
    font-size: 13px;
    position: relative;
    top: 4px;
  }
  .btn-reset .icon {
    position: absolute;
    top: 3px;
    left: 50%;
    margin-left: -10px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -43px -388px;
    width: 20px;
    height: 18px;
    background-size: 461px 445px;
  }
  .btn-search-close {
    display: none;
  }
  .btn-form-search {
    width: 60px;
  }
  .btn-form-search span {
    display: none;
  }
  .btn-form-search .icon {
    margin-left: 0;
    margin-top: -2px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -180px;
    width: 24px;
    height: 24px;
    background-size: 461px 445px;
  }
}
/*! form */
.input-checkbox *,
.input-radio * {
  cursor: pointer;
}
.input-checkbox,
.input-radio {
  position: relative;
  display: inline-block;
  padding-top: 3px;
  min-height: 16px;
}
.input-checkbox.left,
.input-radio.left {
  padding-left: 25px;
}
.input-checkbox.left input,
.input-radio.left input {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.input-checkbox.right,
.input-radio.right {
  padding-right: 25px;
}
.input-checkbox.right input,
.input-radio.right input {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.input-checkbox .bu {
  font-size: 12px;
  line-height: 18px;
  font-family: "LGSmHaTR";
}
.input-checkbox .bu:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 22px;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}
.input-checkbox .bu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  opacity: 0;
  background-position: -285px -150px;
  width: 22px;
  height: 22px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.input-radio .bu {
  font-size: 12px;
  line-height: 18px;
  font-family: "LGSmHaTR";
}
.input-radio .bu:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}
.input-radio .bu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bb0841;
  opacity: 0;
  background-color: #bb0841;
}
.input-checkbox.left .bu:before {
  left: 0;
}
.input-checkbox.left .bu:after {
  left: 0;
}
.input-checkbox.right .bu:before {
  right: 0;
}
.input-checkbox.right .bu:after {
  right: 0;
}
.input-radio.left .bu:before {
  left: 0;
}
.input-radio.left .bu:after {
  left: 6px;
}
.input-radio.right .bu:before {
  right: 0;
}
.input-radio.right .bu:after {
  right: 6px;
}
.input-checkbox input:focus + .bu:before,
.input-radio input:focus + .bu:before {
  outline: 1px dotted #000;
}
.input-checkbox input:focus:checked + .bu:after {
  outline: 1px dotted #000;
}
.input-checkbox input:checked + .bu:after,
.input-radio input:checked + .bu:after {
  opacity: 1;
}
.input-checkbox input:disabled + .bu:before,
.input-radio input:disabled + .bu:before {
  background: #ddd;
}
.selectbox-wrap {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.selectbox-wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  background-position: -245px -246px;
  width: 25px;
  height: 6px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.selectbox {
  vertical-align: middle;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 100%;
  padding: 0 0 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  background-color: #fff;
}
.ie9 .selectbox {
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
}
.selectbox::-ms-expand {
  display: none;
}
.input-txt {
  display: inline-block;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.input-txt input {
  display: inline-block;
  padding: 0 0 0 15px;
  width: 100%;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.input-txt.date {
  padding-right: 44px;
}
.input-txt.date .btn-date {
  position: absolute;
  top: 0;
  right: 0;
}
.input-txt input::-webkit-input-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}
.input-txt input::-moz-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}
.input-txt input:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}
.input-txt input::-ms-input-placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}
.input-txt input::placeholder {
  font-size: 14px;
  color: #999;
  opacity: 1;
}
.input-txt input:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
.input-txt input::-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
.search-box-wrap {
  padding-right: 50px;
  position: relative;
  border: 2px solid #555;
}
.search-box-wrap input {
  display: inline-block;
  padding: 0 0 0 15px;
  width: 100%;
  font-size: 14px;
  height: 51px;
  line-height: 51px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.search-box-wrap .btn-search-submit {
  display: block;
  width: 50px;
  height: 51px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #555;
}
.search-box-wrap .btn-search-submit .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -7px;
  background-position: 0 -285px;
  width: 18px;
  height: 19px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.search-box-wrap.red {
  border: 2px solid #bb0841;
}
.search-box-wrap.red .btn-search-submit {
  background-color: #bb0841;
}
/*!
	form - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .input-txt input {
    font-size: 15px;
    line-height: 40px;
    color: #000;
  }
  .input-txt.date {
    padding-right: 40px;
  }
  .input-txt input::-webkit-input-placeholder {
    font-size: 15px;
    opacity: 1;
  }
  .input-txt input::-moz-placeholder {
    font-size: 15px;
    opacity: 1;
  }
  .input-txt input:-ms-input-placeholder {
    font-size: 15px;
    opacity: 1;
  }
  .input-txt input::-ms-input-placeholder {
    font-size: 15px;
    opacity: 1;
  }
  .input-txt input::placeholder {
    font-size: 15px;
    opacity: 1;
  }
  .input-txt input:-ms-input-placeholder {
    font-size: 15px;
  }
  .input-txt input::-ms-input-placeholder {
    font-size: 15px;
  }
  .search-box-wrap {
    padding-right: 76px;
  }
  .search-box-wrap input {
    font-size: 20px;
    height: 72px;
    line-height: 72px;
  }
  .search-box-wrap .btn-search-submit {
    width: 76px;
    height: 72px;
  }
  .search-box-wrap .btn-search-submit .icon {
    margin: -15px 0 0 -13px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -186px -284px;
    width: 28px;
    height: 30px;
    background-size: 461px 445px;
  }
}
/*!
	form - 기본 PC 환경 예외 스타일
*/
/*! page navigation */
.paging-cont {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
}
.paging-cont .btn-paging {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 35px;
}
.paging-cont .btn-paging:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.paging-cont .btn-paging .icon {
  position: absolute;
  top: 50%;
  left: 50%;
}
.paging-cont .btn-paging.first .icon {
  margin: -9px 0 0 -8px;
  background-position: -186px -285px;
  width: 16px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.paging-cont .btn-paging.prev .icon {
  margin: -9px 0 0 -5px;
  background-position: -195px -138px;
  width: 10px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.paging-cont .btn-paging.last .icon {
  margin: -9px 0 0 -8px;
  background-position: -335px 0;
  width: 16px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.paging-cont .btn-paging.next .icon {
  margin: -9px 0 0 -5px;
  background-position: -335px -256px;
  width: 10px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.paging-cont .number {
  margin: 0 7px;
  display: inline-block;
  vertical-align: top;
}
.paging-cont .number .btn-num {
  margin-left: 5px;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 33px;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}
.paging-cont .number .btn-num:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.paging-cont .number .btn-num:first-child {
  margin-left: 0;
}
.paging-cont .number .btn-num .num {
  font-size: 14px;
  color: #777;
}
.paging-cont .number .btn-num .hide-txt {
  display: none;
}
.paging-cont .number .btn-num.on {
  background-color: #bb0841;
  border: 1px solid #bb0841;
}
.paging-cont .number .btn-num.on .num {
  color: #fff;
}
.paging-cont .number .btn-num.on .hide-txt {
  display: inline-block;
}
/*!
	page navigation - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .paging-cont .btn-paging {
    width: 22px;
    height: 40px;
  }
  .paging-cont .btn-paging.first .icon {
    margin: -7px 0 0 -7px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -310px;
    width: 14px;
    height: 14px;
    background-size: 461px 445px;
  }
  .paging-cont .btn-paging.prev .icon {
    margin: -7px 0 0 -4px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -369px -182px;
    width: 8px;
    height: 14px;
    background-size: 461px 445px;
  }
  .paging-cont .btn-paging.last .icon {
    margin: -7px 0 0 -7px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -388px;
    width: 14px;
    height: 14px;
    background-size: 461px 445px;
  }
  .paging-cont .btn-paging.next .icon {
    margin: -7px 0 0 -4px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -30px -431px;
    width: 8px;
    height: 14px;
    background-size: 461px 445px;
  }
  .paging-cont .number {
    margin: 0 13px;
  }
  .paging-cont .number .btn-num {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .paging-cont .number .btn-num .num {
    font-size: 15px;
    color: #777;
  }
}
/*! table */
.caption-type .caption-pc {
  display: none;
}
.caption-type .caption-mobile {
  display: inline-block;
}
.tb-tit-wrap {
  position: relative;
  margin: 0 15px 13px;
}
.tb-tit-wrap .tit {
  font-family: "LGSmHaTSB";
  font-size: 20px;
}
.tb-tit-wrap .tit em {
  margin-left: 7px;
  display: inline-block;
  font-family: "LGSmHaTSB";
  font-size: 14px;
  color: #bb0841;
}
.tb-tit-wrap .txt {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  font-size: 12px;
  color: #777;
}
.tb-wrap {
  width: 100%;
}
.tb-wrap table {
  width: 100%;
  table-layout: fixed;
}
.tb-wrap.column3 thead th.th01 {
  display: none;
}
.tb-wrap.column3 thead th.th02 {
  width: 70%;
}
.tb-wrap.column3 thead th.th03 {
  width: 30%;
}
.tb-wrap.column3 tbody td.td01 {
  display: none;
}
.tb-wrap.column3 tbody td.td02 {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
.tb-wrap.column3 tbody td.td03 {
  width: 30%;
}
.tb-wrap.column4 thead th.th01 {
  display: none;
}
.tb-wrap.column4 thead th.th02 {
  width: auto;
}
.tb-wrap.column4 thead th.th03 {
  width: 70px;
}
.tb-wrap.column4 thead th.th04 {
  width: 30%;
}
.tb-wrap.column4 tbody td.td01 {
  display: none;
}
.tb-wrap.column4 tbody td.td02 {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
.tb-wrap.column4 tbody th.th03 {
  width: 30%;
}
.tb-wrap.column4 tbody th.th04 {
  width: 30%;
}
/*! 모바일 - pc 동일하게 노출 되는 테이블 .no-hidden  */
.tb-wrap.column4.no-hidden thead th.th01 {
  display: table-cell;
  width: 26%;
}
.tb-wrap.column4.no-hidden thead th.th02 {
  width: 25%;
}
.tb-wrap.column4.no-hidden thead th.th03 {
  width: 29%;
}
.tb-wrap.column4.no-hidden thead th.th04 {
  width: 20%;
}
.tb-wrap.column4.no-hidden tbody td.td01 {
  display: table-cell;
  width: 26%;
}
.tb-wrap.column4.no-hidden tbody td.td02 {
  width: 25%;
}
.tb-wrap.column4.no-hidden tbody th.th03 {
  width: 29%;
}
.tb-wrap.column4.no-hidden tbody th.th04 {
  width: 20%;
}
.tb-wrap.column5.no-hidden thead th.th01 {
  width: 26%;
}
.tb-wrap.column5.no-hidden thead th.th02 {
  width: 25%;
}
.tb-wrap.column5.no-hidden thead th.th03 {
  width: 18%;
}
.tb-wrap.column5.no-hidden thead th.th04 {
  width: 20%;
}
.tb-wrap.column5.no-hidden thead th.th05 {
  width: 11%;
}
.tb-wrap.column5.no-hidden tbody td.td01 {
  width: 26%;
}
.tb-wrap.column5.no-hidden tbody td.td02 {
  width: 25%;
}
.tb-wrap.column5.no-hidden tbody th.th03 {
  width: 18%;
}
.tb-wrap.column5.no-hidden tbody th.th04 {
  width: 20%;
}
.tb-wrap.column5.no-hidden tbody th.th05 {
  width: 11%;
}
.tb-list-st {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.tb-list-st table thead th {
  height: 50px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  text-align: center;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.tb-list-st table tbody tr:last-child td {
  border-bottom: none;
}
.tb-list-st table tbody td {
  text-align: center;
  height: 60px;
  word-break: keep-all;
  border-bottom: 1px solid #eee;
}
.tb-list-st table tbody td.td02 {
  padding: 0 15px;
  text-align: left;
}
.tb-list-st table tbody td:last-child {
  color: #777;
}
.tb-sum-list-st {
  border-top: 1px solid #000;
  background-color: #fff;
}
.tb-sum-list-st tbody td,
.tb-sum-list-st tbody th {
  height: 40px;
  font-size: 14px;
  color: #555;
  border-top: 1px solid #eee;
}
.tb-sum-list-st tbody th {
  width: 70%;
  padding-left: 15px;
}
.tb-sum-list-st tbody td {
  width: 30%;
  padding-right: 15px;
  text-align: right;
}
.tb-sum-list-st tbody .sum {
  background-color: #f5f5f5;
}
.tb-sum-list-st tbody .sum th {
  font-family: "LGSmHaTSB";
  color: #000;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tb-sum-list-st tbody .sum td {
  font-family: "LGSmHaTSB";
  color: #bb0841;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/*!
	table - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .caption-type .caption-pc {
    display: block;
  }
  .caption-type .caption-mobile {
    display: none;
  }
  .tb-tit-wrap {
    position: relative;
    margin: 0 0 18px;
  }
  .tb-tit-wrap .tit {
    font-family: "LGSmHaTSB";
    font-size: 26px;
  }
  .tb-tit-wrap .tit em {
    margin-left: 10px;
    display: inline-block;
    font-family: "LGSmHaTSB";
    font-size: 20px;
    color: #bb0841;
  }
  .tb-tit-wrap .txt {
    position: absolute;
    right: 0;
    bottom: -4px;
    display: inline-block;
    font-size: 15px;
    color: #777;
  }
  .tb-wrap.column3 thead th.th01 {
    display: table-cell;
    width: 100px;
  }
  .tb-wrap.column3 thead th.th02 {
    width: auto;
  }
  .tb-wrap.column3 thead th.th03 {
    width: 144px;
  }
  .tb-wrap.column3 tbody td.td01 {
    display: table-cell;
    width: 100px;
  }
  .tb-wrap.column3 tbody td.td02 {
    width: auto;
  }
  .tb-wrap.column3 tbody td.td03 {
    width: 144px;
  }
  .tb-wrap.column4 thead th.th01 {
    display: table-cell;
    width: 100px;
  }
  .tb-wrap.column4 thead th.th02 {
    width: auto;
  }
  .tb-wrap.column4 thead th.th03 {
    width: 120px;
  }
  .tb-wrap.column4 thead th.th04 {
    width: 145px;
  }
  .tb-wrap.column4 tbody td.td01 {
    display: table-cell;
    width: 100px;
  }
  .tb-wrap.column4 tbody td.td02 {
    width: auto;
  }
  .tb-wrap.column4 tbody td.td03 {
    width: 120px;
  }
  .tb-wrap.column4 tbody td.td04 {
    width: 145px;
  }
  /*! 모바일 - pc 동일하게 노출 되는 테이블 .no-hidden  */
  .tb-wrap.column4.no-hidden thead th.th01 {
    display: table-cell;
    width: 25%;
  }
  .tb-wrap.column4.no-hidden thead th.th02 {
    width: 25%;
  }
  .tb-wrap.column4.no-hidden thead th.th03 {
    width: 25%;
  }
  .tb-wrap.column4.no-hidden thead th.th04 {
    width: auto;
  }
  .tb-wrap.column4.no-hidden tbody td.td01 {
    display: table-cell;
    width: 25%;
  }
  .tb-wrap.column4.no-hidden tbody td.td02 {
    width: 25%;
  }
  .tb-wrap.column4.no-hidden tbody th.th03 {
    width: 25%;
  }
  .tb-wrap.column4.no-hidden tbody th.th04 {
    width: auto;
  }
  .tb-wrap.column5.no-hidden thead th.th01 {
    width: 25%;
  }
  .tb-wrap.column5.no-hidden thead th.th02 {
    width: 25%;
  }
  .tb-wrap.column5.no-hidden thead th.th03 {
    width: 25%;
  }
  .tb-wrap.column5.no-hidden thead th.th04 {
    width: 13%;
  }
  .tb-wrap.column5.no-hidden thead th.th05 {
    width: 12%;
  }
  .tb-wrap.column5.no-hidden tbody td.td01 {
    width: 26%;
  }
  .tb-wrap.column5.no-hidden tbody td.td02 {
    width: 25%;
  }
  .tb-wrap.column5.no-hidden tbody th.th03 {
    width: 25%;
  }
  .tb-wrap.column5.no-hidden tbody th.th04 {
    width: 13%;
  }
  .tb-wrap.column5.no-hidden tbody th.th05 {
    width: 12%;
  }
  .tb-list-st table thead th {
    height: 60px;
    font-size: 16px;
  }
  .tb-list-st table tbody tr:last-child td {
    border-bottom: none;
  }
  .tb-list-st table tbody td {
    height: 60px;
    font-size: 16px;
    text-align: center;
    color: #555;
  }
  .tb-list-st table tbody td.td02 {
    padding: 0 30px;
  }
  .tb-list-st table tbody td:last-child {
    color: #777;
  }
  .tb-list-st table tbody td a {
    font-size: 16px;
  }
  .tb-list-st table tbody td a:hover {
    font-family: "LGSmHaTSB";
    color: #000;
    border-bottom: 1px solid #000;
  }
  .tb-sum-list-st tbody td,
  .tb-sum-list-st tbody th {
    height: 50px;
    font-size: 16px;
  }
  .tb-sum-list-st tbody th {
    padding-left: 20px;
  }
  .tb-sum-list-st tbody td {
    padding-right: 20px;
  }
}
/*! tab */
.tab-cont {
  margin-top: 30px;
}
.tab-list {
  width: 100%;
  font-size: 0;
}
.tab-list.fixed-tab {
  position: fixed;
  z-index: 4;
  top: 0;
}
.tab-list .tab-item {
  position: relative;
  display: inline-table;
  height: 100%;
  min-height: 45px;
  text-align: center;
  vertical-align: top;
  -webkit-box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
  box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
  background-color: #fff;
}
.tab-list .tab-item:first-child {
  -webkit-box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #fff inset, 0 1px 0 0 #ddd inset;
  box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #fff inset, 0 1px 0 0 #ddd inset;
}
.tab-list .tab-item .tab-txt {
  display: table-cell;
  font-size: 15px;
  letter-spacing: -1.5px;
  text-align: center;
  color: #555;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.2;
  vertical-align: middle;
}
.tab-list .tab-item .hide-txt {
  display: none;
}
.tab-list .tab-item.on {
  background-color: #bb0841;
  -webkit-box-shadow: 1px 0 0 0 #bb0841, 0 1px 0 0 #bb0841, 1px 1px 0 0 #bb0841, 1px 0 0 0 #bb0841 inset, 0 1px 0 0 #bb0841 inset;
  box-shadow: 1px 0 0 0 #bb0841, 0 1px 0 0 #bb0841, 1px 1px 0 0 #bb0841, 1px 0 0 0 #bb0841 inset, 0 1px 0 0 #bb0841 inset;
  z-index: 1;
}
.tab-list .tab-item.on .tab-txt {
  color: #fff;
}
.tab-list .tab-item.on .hide-txt {
  display: inline-block;
}
.tab-list.tab-scoll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tab-list.tab-scoll > div {
  white-space: nowrap;
}
.tab-list.tab-scoll .tab-item {
  border-bottom: 1px solid #ddd;
}
.tab-list.tab-scoll .tab-item.on {
  border-bottom: 1px solid #bb0841;
}
.tab-list .tab-2 .tab-item {
  width: 50%;
}
.tab-list .tab-3 .tab-item {
  width: 33%;
}
.tab-list .tab-3 .tab-item:first-child {
  width: 34%;
}
.tab-list .tab-4 .tab-item {
  width: 25%;
}
.tab-list .tab-5 {
  overflow-x: auto;
}
.tab-list .tab-5::-webkit-scrollbar {
  display: none;
}
.tab-list .tab-5 .tab-item {
  width: 31%;
}
.tab-list .tab-n {
  display: table;
  width: 100%;
  overflow-x: auto;
}
.tab-list .tab-n::-webkit-scrollbar {
  display: none;
}
.tab-list .tab-n .tab-item {
  display: table-cell;
  padding: 13px 0;
  width: 20%;
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
}
.tab-list .tab-n .tab-item .tab-txt {
  display: inline-block;
}
#header .tab-list .tab-3 .tab-item:first-child {
  width: 100%;
  cursor: default;
}

.custom-swiper-active {
  background: #bb0841 !important;
  opacity: 1 !important;
}

/*!
	tab - 모바일 스크립트 관련 스타일
*/
@media (max-width: 1024px) {
  .ui-public-tab.fixed-tab .ui-tab-list {
    width: 100%;
    position: fixed;
    left: 0;
  }
  .affiliates-area .affilates-list-nav {
    display: none !important;
  }
}

/*!
	tab - 태블릿 기본 스타일
*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tab-list .tab-5 .tab-item {
    width: 20%;
  }
  .tab-list .tab-5 .tab-item:first-child {
    width: 20%;
  }
}
/*!
	tab - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .tab-cont {
    margin-top: 60px;
  }
  .tab-list.tab-scoll {
    border-right: 1px solid #ddd;
  }
  .tab-list .tab-item {
    height: 60px;
  }
  .tab-list .tab-item:first-child {
    -webkit-box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
    box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
  }
  .tab-list .tab-item:first-child.on {
    -webkit-box-shadow: 1px 0 0 0 #bb0841, 0 1px 0 0 #bb0841, 1px 1px 0 0 #bb0841, 1px 0 0 0 #bb0841 inset, 0 1px 0 0 #bb0841 inset;
    box-shadow: 1px 0 0 0 #bb0841, 0 1px 0 0 #bb0841, 1px 1px 0 0 #bb0841, 1px 0 0 0 #bb0841 inset, 0 1px 0 0 #bb0841 inset;
  }
  .tab-list .tab-item .tab-txt {
    font-size: 16px;
    letter-spacing: normal;
    color: #555;
  }
  .tab-list .tab-item.on {
    background-color: #bb0841;
  }
  .tab-list .tab-item.on .tab-txt {
    color: #fff;
  }
  .tab-list .tab-5 .tab-item {
    width: 20%;
  }
  .tab-list .tab-5 .tab-item:first-child {
    width: 20%;
  }
  .tab-list .tab-n {
    display: table;
    width: 100%;
    overflow-x: auto;
  }
  .tab-list .tab-n::-webkit-scrollbar {
    display: none;
  }
  .tab-list .tab-n .tab-item {
    display: table-cell;
    padding: 0;
    width: 20%;
    text-align: center;
    vertical-align: middle;
  }
  .tab-list .tab-n .tab-item .tab-txt {
    display: inline-block;
  }
}
/*! Browser Upgrade Prompt */
.browserupgrade {
  margin: 0.2em 0;
  padding: 0.2em 0;
  background: #ccc;
  color: #000;
  font-size: 1px;
}
.browserupgrade strong {
  color: #000;
  font-weight: 700;
}
.browserupgrade a {
  color: #8d0080;
  font-weight: 700;
  text-decoration: underline;
}
/*! skipnav */
.skipnav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 0;
  line-height: 1;
}
.skipnav a {
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.skipnav a:active,
.skipnav a:focus,
.skipnav a:hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 19px;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #c4d7ea;
  background: #2b6cb0;
  color: #fff;
  font-weight: 700;
  font-size: 1.333em;
  text-align: center;
  line-height: 100%;
}
/*! header */
.scrolling-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 101;
  width: 0%;
  height: 3px;
  background-color: #b81c50;
  opacity: 0;
}
.header-container {
  width: 100%;
  z-index: 100;
  position: relative;
  background-color: #fff;
}
.header-content {
  height: 50px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.header-content .logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -28px;
  margin-top: -12.5px;
  z-index: 1;
  background-position: -76px -201px;
  width: 56px;
  height: 25px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.header-content .logo:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.header-content .btn-all-menu {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: transparent;
}
.header-content .btn-all-menu .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-position: -119px -246px;
  width: 20px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.header-content .btn-link-menu {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: transparent;
}
.header-content .btn-link-menu .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background-position: -285px -192px;
  width: 21px;
  height: 20px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.header-content .btn-link-menu:after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 28px;
  margin-top: -14px;
  background-color: #eee;
}
.language-select-area {
  position: absolute;
  top: 9px;
  right: 50px;
  z-index: 101;
  width: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.language-select-area.close {
  overflow: hidden;
  height: 32px;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
.language-select-area.close .cl {
  display: inline-block;
}
.language-select-area.close .op {
  display: none;
}
.language-select-area.close a.lang {
  display: none;
}
.language-select-area.open {
  border: 1px solid #ddd;
  background: #fff;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
.language-select-area.open a.lang {
  display: block;
}
.language-select-area.open .cl {
  display: none;
}
.language-select-area.open .op {
  display: inline-block;
}
.language-select-area .bu {
  display: block;
  position: absolute;
  top: 11px;
  right: 14px;
  background-position: -156px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.language-select-area:after {
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #eee;
}
.language-select-area.close .bu {
  background-position: -156px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.language-select-area.close:after {
  display: block;
}
.language-select-area.open .bu {
  background-position: -216px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.language-select-area.open:after {
  display: none;
}
.language-select-area .lang {
  width: 100%;
  text-align: left;
  display: block;
  padding: 8px 0 7px 13px;
}
.language-select-area .lang:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.language-select-area .txt {
  font-size: 14px;
  font-family: "LGSmHaTSB";
}
.language-select-area.pc {
  display: none;
}
.language-select-area.mobile {
  display: block;
}
/*! 계열사 링크 영역 */
.affiliates-area {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 3;
  width: 100%;
  background-color: #fff;
}
.affiliates-area .affiliates-container {
  padding: 5px 15px 25px 15px;
  border-top: 1px solid #bb0841;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
}
.affiliates-area .tab-list .tab-item {
  height: 40px;
}
.affiliates-area .affiliates-list-wrap {
  overflow-y: hidden;
  overflow-x: hidden;
  xpadding-bottom: 25px;
}
.affiliates-area .affiliates-list {
  height: 330px;
  margin-top: 20px;
  white-space: nowrap;
}
.affiliates-area .affiliates-list .list-loop {
  display: inline-block;
  vertical-align: top;
}
.affiliates-area .affiliates-list .affiliates-link {
  display: block;
  position: relative;
  width: 160px;
  height: 160px;
  margin-right: 10px;
  margin-top: 10px;
  line-height: 160px;
  text-align: center;
}
.affiliates-area .affiliates-list .affiliates-link:first-child {
  margin-top: 0;
}
.affiliates-area .affiliates-list .affiliates-link .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  position: relative;
  z-index: 1;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  color: #fff;
}
.affiliates-area .affiliates-list .affiliates-link .img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  bottom: 0;
}
.affiliates-area .affiliates-list .affiliates-link .img img {
  width: 100%;
}
.affiliates-area .affilates-list-scrollbar {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  position: absolute;
  bottom: 40px;
  height: 4px;
  background-color: #bbb;
  left: 15px;
  right: 15px;
}
.affiliates-area .affilates-list-scrollbar .affilates-list-drag {
  width: 10%;
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background-color: #bb0841;
}
.affiliates-area .affilates-list-nav {
  display: block;
}
.affiliates-area .affilates-list-nav *[class*="btn-"] {
  position: absolute;
  top: 26px;
  width: 80px;
  height: 330px;
  z-index: 10;
  padding: 0;
  outline: none;
}
.affiliates-area .affilates-list-nav .btn-prev {
  left: 0;
  background: url("../../images/common/bg_affiliates_left.png") repeat-y left top;
  background-size: 80px 15px;
}
.affiliates-area .affilates-list-nav .btn-prev .icon {
  display: block;
  width: 24px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -25px;
  background: url("../../images/common/btn_affiliates_left.png") no-repeat center center;
  background-size: 26px 48px;
}
.affiliates-area .affilates-list-nav .btn-next {
  right: 0;
  background: url("../../images/common/bg_affiliates_right.png") repeat-y right top;
  background-size: 80px 15px;
}
.affiliates-area .affilates-list-nav .btn-next .icon {
  display: block;
  width: 24px;
  height: 48px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -24px -25px 0 0;
  background: url("../../images/common/btn_affiliates_right.png") no-repeat center center;
  background-size: 26px 48px;
}
.affiliates-area .btn-close-affiliates {
  position: absolute;
  top: -50px;
  right: 0;
  width: 52px;
  height: 50px;
  z-index: 1;
  background-color: #bb0841;
}
.affiliates-area .btn-close-affiliates .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-position: -76px -285px;
  width: 17px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
/*! GNB 네비게이션 영역 */
.gnb-container {
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background: #fff;
}
.gnb-container .gnb-copy {
  padding: 60px 0 0 0;
  text-align: center;
}
.gnb-container .gnb-copy .txt {
  display: block;
  text-align: center;
  font-size: 16px;
  padding-top: 10px;
  font-family: "LGSmHaTR";
  color: #777;
}
.gnb-container .gnb-copy .icon {
  display: inline-block;
  background-position: 0 -80px;
  width: 86px;
  height: 38px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.gnb-container .search-box-wrap {
  margin: 30px 15px 0 15px;
}
.gnb-container .menu-list {
  margin-top: 40px;
}
.gnb-container .menu-list .item {
  display: block;
  position: relative;
  height: 54px;
  line-height: 55px;
  padding: 0 0 0 15px;
  border-top: 1px solid #eee;
}
.gnb-container .menu-list .item:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.gnb-container .menu-list .item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -5px 0 0 0;
  background-position: -296px -285px;
  width: 17px;
  height: 10px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.gnb-container .menu-list .item .hide-txt.op {
  display: inline-block;
}
.gnb-container .menu-list .item .hide-txt.cl {
  display: none;
}
.gnb-container .menu-list .item.border-bottom {
  border-bottom: 1px solid #eee;
}
.gnb-container .menu-list .item.none:after {
  display: none;
}
.gnb-container .menu-list .txt {
  font-family: "LGSmHaTR";
  font-size: 17px;
}
.gnb-container .sub-list {
  display: none;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 10px 15px;
}
.gnb-container .sub-list .sub-item {
  display: block;
  border-top: 1px solid #e5e5e5;
  height: 50px;
  line-height: 50px;
}
.gnb-container .sub-list .sub-item .dash {
  margin-right: 5px;
}
.gnb-container .sub-list .sub-item:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.gnb-container .sub-list .sub-item.on {
  color: #bb0841;
}
.gnb-container .sub-list .sub-item:first-child {
  border-top: 0;
}
.gnb-container .sub-list .txt {
  font-size: 15px;
  color: #555;
}
.gnb-container .item.active {
  background-color: #bb0841;
  color: #fff;
}
.gnb-container .item.active:after {
  background-position: -259px -285px;
  width: 17px;
  height: 10px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.gnb-container .item.active .hide-txt.op {
  display: none;
}
.gnb-container .item.active .hide-txt.cl {
  display: inline-block;
}
.gnb-container .item.on {
  background-color: #bb0841;
  color: #fff;
}
.gnb-container .item.on:after {
  background-position: -259px -285px;
  width: 17px;
  height: 10px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.gnb-container .item.on .hide-txt.op {
  display: none;
}
.gnb-container .item.on .hide-txt.cl {
  display: inline-block;
}
.gnb-container .item.active + .sub-list {
  display: block;
}
.gnb-container .item.on + .sub-list {
  display: block;
}
.gnb-container .btn_close_all_menu {
  display: block;
  padding: 6px;
  position: absolute;
  top: 10px;
  right: 9px;
  z-index: 101;
}
.gnb-container .btn_close_all_menu .icon {
  display: block;
  background-position: -38px -285px;
  width: 18px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.gnb-container.on {
  display: block;
}
/*! 서브 네비게이션 영역 - 모바일 전용 */
.nav-sub-container {
  width: 100%;
  z-index: 3;
  position: relative;
}
.nav-sub-container .menu-sub-list .select-menu {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: left;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  padding-left: 0;
}
.nav-sub-container .menu-sub-list .select-menu .hide-txt.op {
  display: inline-block;
}
.nav-sub-container .menu-sub-list .select-menu .hide-txt.cl {
  display: none;
}
.nav-sub-container .menu-sub-list .select-menu:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  background-position: -245px -246px;
  width: 25px;
  height: 6px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.nav-sub-container .menu-sub-list .select-menu .txt {
  padding-left: 15px;
  font-size: 16px;
}
.nav-sub-container .menu-sub-list .sub-item-container {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.nav-sub-container .menu-sub-list .sub-item {
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
}
.nav-sub-container .menu-sub-list .sub-item .txt {
  padding-left: 15px;
  font-size: 16px;
}
.nav-sub-container .menu-sub-list .sub-item.on .txt {
  color: #bb0841;
}
.nav-sub-container .menu-sub-list .sub-item:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.nav-sub-container .menu-sub-list .select-menu.active:after {
  background-position: -290px -246px;
  width: 25px;
  height: 6px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.nav-sub-container .menu-sub-list .select-menu.active .hide-txt.op {
  display: none;
}
.nav-sub-container .menu-sub-list .select-menu.active .hide-txt.cl {
  display: inline-block;
}
.nav-sub-container .menu-sub-list .select-menu.active + .sub-item-container {
  display: block;
}
/*! 선대회장용 header  */
.chairman-header .language-select-area {
  display: block;
  position: absolute;
  top: 9px;
  right: 15px;
  z-index: 101;
  width: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.chairman-header .language-select-area.close {
  border: none;
  overflow: hidden;
  height: 32px;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
.chairman-header .language-select-area.close .cl {
  display: inline-block;
}
.chairman-header .language-select-area.close .op {
  display: none;
}
.chairman-header .language-select-area.open {
  border: 1px solid #000;
  background: #222;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.2s ease;
  transition: height 0.2s ease;
}
.chairman-header .language-select-area.open .cl {
  display: none;
}
.chairman-header .language-select-area.open .op {
  display: inline-block;
}
.chairman-header .language-select-area.open .ui-first-language .txt {
  color: #fff;
}
.chairman-header .language-select-area .bu {
  display: block;
  position: absolute;
  top: 12.5px;
  right: 15px;
  background-position: -186px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.chairman-header .language-select-area:after {
  display: none !important;
}
.chairman-header .language-select-area.close .bu {
  background-position: -186px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.chairman-header .language-select-area.close:after {
  display: block;
}
.chairman-header .language-select-area.open .bu {
  top: 11px;
  right: 14px;
  background-position: -246px -324px;
  width: 10px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.chairman-header .language-select-area.open:after {
  display: none;
}
.chairman-header .language-select-area .lang {
  display: block;
  padding: 8px 0 7px 13px;
}
.chairman-header .language-select-area .lang:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.chairman-header .language-select-area .txt {
  color: #999;
}
.chairman-header .header-content {
  background-color: #333;
  height: 110px;
  position: relative;
  border-bottom: none;
}
.chairman-header .header-content .logo {
  display: block;
  position: absolute;
  top: 12.5px;
  left: 15px;
  margin-left: 0;
  margin-top: 0;
  z-index: 1;
  background-position: 0 -201px;
  width: 56px;
  height: 25px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.chairman-header .header-content .logo:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.chairman-header .header-chairman-tab {
  display: block;
  padding-top: 50px;
}
.chairman-header .header-chairman-tab .tab-list .tab-3 .tab-item {
  width: -webkit-calc(100% / 3 - 1px);
  width: calc(100% / 3 - 1px);
}
.chairman-header .header-chairman-tab .tab-list .tab-item {
  height: 60px;
  background-color: #333;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chairman-header .header-chairman-tab .tab-list .tab-item .tab-txt {
  padding: 10px 0;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  color: #999;
}
.chairman-header .header-chairman-tab .tab-list .tab-item .tab-txt em {
  display: block;
}
.chairman-header .header-chairman-tab .tab-list .tab-item.on {
  background-color: #222;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chairman-header .header-chairman-tab .tab-list .tab-item.on:after {
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-left: -8px;
  content: "";
  display: inline-block;
  border: 8px solid #222;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.chairman-header .header-chairman-tab .tab-list .tab-item.on .tab-txt {
  color: #fff;
}
/*!
	header - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .header-content {
    width: 100%;
    max-width: 100%;
    height: 70px;
  }
  .header-content .logo {
    left: 40px;
    margin-left: 0;
    margin-top: -18px;
    z-index: 2;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -75px -206px;
    width: 80px;
    height: 36px;
    background-size: 461px 445px;
  }
  .header-content .btn-all-menu {
    display: none;
  }
  .header-content .btn-link-menu {
    right: 39px;
    top: 10px;
    z-index: 2;
    width: 60px;
    height: 60px;
    background-size: 32px 28px;
  }
  .header-content .btn-link-menu:after {
    display: block;
  }
  .header-content .btn-link-menu .icon {
    margin: -14px 0 0 -16px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -232px -156px;
    width: 32px;
    height: 28px;
    background-size: 461px 445px;
  }
  .header-content .btn-search {
    display: block;
    z-index: 2;
  }
  /*2019-03-11*/
  .language-select-area {
    width: 90px;
    top: 19px;
    right: 99px;
    z-index: 5;
  }
  .language-select-area.close {
    height: 42px;
  }
  .language-select-area.open {
    height: 68px;
  }
  .language-select-area .bu {
    top: 15px;
    right: 21px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -191px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .language-select-area:after {
    top: 7px;
    height: 28px;
  }
  .language-select-area.close .bu {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -191px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .language-select-area.open .bu {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -383px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .language-select-area .lang {
    padding: 12px 0 0 20px;
  }
  .language-select-area .txt {
    font-size: 15px;
  }
  .language-select-area.mobile {
    display: none;
  }
  .language-select-area.pc {
    display: block;
  }
  .affiliates-area {
    top: 70px;
    left: 0;
  }
  .affiliates-area .affiliates-container {
    padding: 0px 0 30px 0;
    width: -webkit-calc(100% - 0px);
    width: calc(100% - 0px);
  }
  .affiliates-area .affiliates-container .tab-list {
    width: 418px;
    margin: 0 auto;
  }
  #header .affiliates-area .affiliates-container .tab-list {
    width: 200px;
  }
  .affiliates-area .tab-list .tab-item {
    height: 42px;
  }
  .affiliates-area .tab-list .tab-item .tab-txt {
    line-height: 44px;
  }
  .affiliates-area .affiliates-list-wrap {
    xpadding-bottom: 31px;
  }
  .affiliates-area .affiliates-list {
    text-align: center;
    height: 285px;
    margin-top: 30px;
  }
  .affiliates-area .affiliates-list .list-loop {
    display: inline-block;
  }
  .affiliates-area .affiliates-list .affiliates-link {
    display: inline-block;
    width: 286px;
    height: 286px;
    margin-top: 0;
    line-height: 286px;
  }
  .affiliates-area .affiliates-list .affiliates-link .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-family: "LGSmHaTSB";
    font-size: 26px;
  }
  .affiliates-area .affiliates-list .affiliates-link .img {
    overflow: hidden;
  }
  .affiliates-area .affiliates-list .affiliates-link .img img {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  .affiliates-area .affiliates-list .affiliates-link:active .img img,
  .affiliates-area .affiliates-list .affiliates-link:focus .img img,
  .affiliates-area .affiliates-list .affiliates-link:hover .img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .affiliates-area .affiliates-list .list-loop:last-child .affiliates-link:last-child {
    margin-right: 0;
  }
  .affiliates-area .affilates-list-scrollbar {
    width: -webkit-calc(100% - 520px);
    width: calc(100% - 520px);
    bottom: 30px;
    left: 260px;
    right: 260px;
  }
  .affiliates-area .affilates-list-scrollbar .affilates-list-drag {
    width: 5%;
  }
  .affiliates-area .affilates-list-nav {
    display: block;
  }
  .affiliates-area .affilates-list-nav *[class*="btn-"] {
    top: auto;
    bottom: 30px;
    width: 120px;
    height: 286px;
  }
  .affiliates-area .affilates-list-nav .btn-prev {
    background-size: 120px 15px;
  }
  .affiliates-area .affilates-list-nav .btn-prev .icon {
    width: 24px;
    height: 48px;
    margin: -24px 0 0 -33px;
    background-size: 26px 48px;
  }
  .affiliates-area .affilates-list-nav .btn-next {
    background-size: 120px 15px;
  }
  .affiliates-area .affilates-list-nav .btn-next .icon {
    width: 24px;
    height: 48px;
    margin: -24px -33px 0 0;
    background-size: 26px 48px;
  }
  .affiliates-area .btn-close-affiliates {
    top: -60px;
    right: 40px;
    width: 60px;
    height: 60px;
  }
  .affiliates-area .btn-close-affiliates .icon {
    margin: -12px 0 0 -12px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -136px;
    width: 24px;
    height: 24px;
    background-size: 461px 445px;
  }
  .gnb-container {
    display: block;
    z-index: 1;
    overflow-y: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    background: transparent;
  }
  .gnb-container .gnb-copy {
    display: none;
  }
  .gnb-container .search-box-wrap {
    display: none;
  }
  .gnb-container .menu-list {
    padding-top: 4px;
    height: 66px;
    line-height: 70px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .gnb-container .menu-list .item {
    width: 100%;
    border-top: 0;
    height: 66px;
    line-height: 70px;
    display: inline-block;
    padding: 0;
    text-align: center;
  }
  .gnb-container .menu-list .item.active {
    background-color: #fff;
  }
  .gnb-container .menu-list .item.active .txt {
    color: #bb0841;
    font-family: "LGSmHaTSB";
  }
  .gnb-container .menu-list .item.on {
    background-color: #fff;
  }
  .gnb-container .menu-list .item.on .txt {
    color: #bb0841;
    font-family: "LGSmHaTSB";
  }
  .gnb-container .menu-list .item .txt {
    font-family: "LGSmHaTR";
    font-size: 18px;
  }
  .gnb-container .menu-list .item:focus .txt,
  .gnb-container .menu-list .item:hover .txt {
    color: #bb0841;
  }
  .gnb-container .menu-list .item:after {
    display: none;
  }
  .gnb-container .menu-list .item.border-bottom {
    border-bottom: 0;
  }
  .gnb-container .menu-list .item01 {
    width: 115px;
  }
  .gnb-container .menu-list .item02 {
    width: 130px;
  }
  .gnb-container .menu-list .item03 {
    width: 85px;
  }
  .gnb-container .menu-list .item04 {
    width: 110px;
  }
  .gnb-container .menu-list .item05 {
    width: 75px;
  }
  .gnb-container .menu-list .item06 {
    width: 55px;
  }
  .gnb-container .sub-list {
    display: none;
    opacity: 0;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
    max-width: 100%;
    height: 51px;
    line-height: 51px;
    border-top: 0;
    padding: 0;
    background: transparent;
  }
  .gnb-container .sub-list .sub-item {
    display: inline-block;
    height: 100%;
    border-top: 0;
    padding: 0 20px;
    position: relative;
  }
  .gnb-container .sub-list .sub-item:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .gnb-container .sub-list .txt {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-family: "LGSmHaTR";
    font-size: 16px;
    color: #555;
  }
  .gnb-container .sub-list .txt .dash {
    display: none;
  }
  .gnb-container .sub-list .txt:after,
  .gnb-container .sub-list .txt:before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #bb0841;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  .gnb-container .sub-list .txt:before {
    left: 50%;
  }
  .gnb-container .sub-list .txt:after {
    right: 50%;
  }
  .gnb-container .sub-list .sub-item.on .txt {
    color: #bb0841;
  }
  .gnb-container .sub-list .sub-item.on .txt:after,
  .gnb-container .sub-list .sub-item.on .txt:before {
    width: 50%;
  }
  .gnb-container .sub-list .sub-item:focus .txt,
  .gnb-container .sub-list .sub-item:hover .txt {
    color: #bb0841;
  }
  @media (hover: hover) {
    .gnb-container .sub-list .sub-item:focus .txt:after,
    .gnb-container .sub-list .sub-item:focus .txt:before,
    .gnb-container .sub-list .sub-item:hover .txt:after,
    .gnb-container .sub-list .sub-item:hover .txt:before {
      width: 50%;
    }
  }
  .gnb-container .btn_close_all_menu {
    display: none;
  }
  .gnb-container .menu-list .item.active + .sub-list {
    display: block;
  }
  .gnb-container .menu-list .item.item01 + .sub-list {
    margin-left: -12px;
  }
  .gnb-container .menu-list .item.item02 + .sub-list {
    margin-left: 8px;
  }
  .gnb-container .menu-list .item.item03 + .sub-list {
    margin-left: -196px;
  }
  .gnb-container .menu-list .item.item04 + .sub-list {
    margin-left: -368px;
  }
  .gnb-container .menu-list .item.active + .sub-list:before {
    content: "";
    width: 100%;
    height: 46px;
    background: #eee;
    display: block;
    position: fixed;
    top: 74px;
    left: 0;
  }
  .gnb-container .menu-list .item.active + .sub-list:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #eee;
    display: block;
    position: fixed;
    top: 71px;
    left: 0;
  }
  .gnb-container .menu-list .item.active.none + .sub-list {
    display: none;
  }
  .gnb-container .menu-list .item.on + .sub-list {
    display: block;
  }
  .gnb-container .menu-list .item.on + .sub-list:before {
    content: "";
    width: 100%;
    height: 46px;
    background: #eee;
    display: block;
    position: fixed;
    top: 74px;
    left: 0;
  }
  .gnb-container .menu-list .item.on + .sub-list:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #eee;
    display: block;
    position: fixed;
    top: 71px;
    left: 0;
  }
  .gnb-container .menu-list .item.on.none + .sub-list {
    display: none;
  }
  .nav-sub-container {
    display: none;
  }
  /*! 선대회장용 header  */
  .chairman-header {
    position: relative;
    background-color: #333;
  }
  .chairman-header .header-content {
    border-right: 1px solid #222;
  }
  .chairman-header .language-select-area {
    top: 50%;
    right: 0;
    margin-top: -16px;
    display: block;
    width: 97px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
  }
  .chairman-header .language-select-area.close {
    border: none;
    overflow: hidden;
    height: 32px;
    -webkit-transition: none;
    transition: none;
  }
  .chairman-header .language-select-area.close .cl {
    display: inline-block;
  }
  .chairman-header .language-select-area.close .op {
    display: none;
  }
  .chairman-header .language-select-area.open {
    top: 12px;
    margin-top: 0;
    border: none;
    background: #333;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    transition: none;
  }
  .chairman-header .language-select-area.open .cl {
    display: none;
  }
  .chairman-header .language-select-area.open .op {
    display: inline-block;
  }
  .chairman-header .language-select-area.open .ui-first-language .txt {
    color: #fff;
  }
  .chairman-header .language-select-area .bu {
    display: block;
    position: absolute;
    top: 12px;
    right: 24px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -159px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .chairman-header .language-select-area:after {
    display: none !important;
  }
  .chairman-header .language-select-area.close .bu {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -159px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .chairman-header .language-select-area.close:after {
    display: block;
  }
  .chairman-header .language-select-area.open .bu {
    top: 12px;
    right: 24px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -351px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .chairman-header .language-select-area.open:after {
    display: none;
  }
  .chairman-header .language-select-area .lang {
    display: block;
    padding-left: 24px;
  }
  .chairman-header .language-select-area .lang:before {
    content: "　";
    position: absolute;
    font-size: 0;
  }
  .chairman-header .language-select-area .txt {
    color: #999;
  }
  .chairman-header .header-content {
    background-color: #333;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 90px;
    position: relative;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .chairman-header .header-content .logo {
    display: block;
    position: absolute;
    top: 27px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 2;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -175px -206px;
    width: 80px;
    height: 36px;
    background-size: 461px 445px;
  }
  .chairman-header .header-chairman-tab {
    padding-top: 0;
  }
  .chairman-header .header-chairman-tab .tab-list {
    display: inline-block;
    width: 100%;
    padding-left: 203px;
    padding-right: 99px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-3 .tab-item {
    width: -webkit-calc(100% / 3 - 1px);
    width: calc(100% / 3 - 1px);
    vertical-align: middle;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item {
    height: 90px;
    background-color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item:last-child {
    border-right: 1px solid #222;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item .tab-txt {
    padding: 35px 0 34px;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: normal;
    color: #999;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item .tab-txt em {
    display: inline-block;
    padding-left: 6px;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item.on {
    background-color: #222;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item.on:after {
    position: absolute;
    left: 50%;
    bottom: -22px;
    margin-left: -11px;
    content: "";
    display: inline-block;
    border: 11px solid #222;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .chairman-header .header-chairman-tab .tab-list .tab-item.on .tab-txt {
    color: #fff;
  }
}
/*!
	header - 기본 PC 환경 예외 스타일
*/
@media (min-width: 1280px) {
  .gnb-container .menu-list .item01 {
    width: 170px;
  }
  .gnb-container .menu-list .item02 {
    width: 185px;
  }
  .gnb-container .menu-list .item03 {
    width: 140px;
  }
  .gnb-container .menu-list .item04 {
    width: 190px;
  }
  .gnb-container .menu-list .item05 {
    width: 115px;
  }
  .gnb-container .menu-list .item06 {
    width: 95px;
  }
  .gnb-container .menu-list .item.item01 + .sub-list {
    margin-left: 16px;
  }
  .gnb-container .menu-list .item.item02 + .sub-list {
    margin-left: 36px;
  }
  .gnb-container .menu-list .item.item03 + .sub-list {
    margin-left: -64px;
  }
  .gnb-container .menu-list .item.item04 + .sub-list {
    margin-left: -386px;
  }
}
/*! footer */
.btn-top {
  position: fixed;
  bottom: 24px;
  right: -7px;
  z-index: 10;
}
.btn-top .icon {
  display: inline-block;
  background-position: -225px 0;
  width: 40px;
  height: 40px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.footer-content {
  width: 100%;
  border-top: 1px solid #eee;
  margin-top: 50px;
}
.footer-content .sns-wrap {
  display: none;
}
.footer-content .footer-wrap {
  position: relative;
  padding: 15px 15px 24px 15px;
}
.footer-content .footer-wrap .footer-logo {
  position: absolute;
  left: 15px;
  top: 15px;
  display: inline-block;
  width: 80px;
  font-size: 0;
}
.footer-content .footer-wrap .footer-logo .icon {
  display: inline-block;
  background-position: -152px -201px;
  width: 56px;
  height: 25px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.footer-content .footer-wrap .txt-wrap {
  padding-left: 80px;
  padding-top: 7px;
}
.footer-content .footer-wrap .txt-wrap .link-wrap {
  font-size: 0;
}
.footer-content .footer-wrap .txt-wrap .link {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  color: #000;
}
.footer-content .footer-wrap .txt-wrap .link + .link {
  margin-left: 30px;
}
.footer-content .footer-wrap .txt-wrap .ph {
  margin-top: 17px;
  font-family: "LGSmHaTSB";
  font-size: 12px;
  color: #000;
}
.footer-content .footer-wrap .txt-wrap .copy {
  margin-top: 9px;
  font-size: 12px;
  color: #777;
}
.footer-content .footer-wrap .WAmark {
  display: none;
  position: absolute;
  right: 15px;
  top: 12px;
}
.footer-content .footer-wrap .WAmark .icon {
  display: inline-block;
  width: 39px;
  height: 32px;
  background: url("../../images/common/WAmark.png") center center no-repeat;
  background-size: 100% 100%;
}
.footer-content.chairman-footer .footer-wrap {
  padding: 15px 15px 19px 15px;
}
.footer-content.chairman-footer .txt-wrap {
  padding: 5px 0 0 80px;
}
.footer-content.chairman-footer .txt-wrap .ph {
  margin-top: 0;
}
.footer-content.chairman-footer .txt-wrap .copy {
  margin-top: 10px;
}
/*!
	기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .btn-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
  }
  .btn-top .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -52px;
    width: 48px;
    height: 48px;
    background-size: 461px 445px;
  }
  .footer-content {
    margin-top: 100px;
  }
  .footer-content .sns-wrap {
    display: block;
    border-bottom: 1px solid #eee;
  }
  .footer-content .sns-wrap .sns-cont {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .footer-content .sns-wrap .sns-cont .sns-list {
    float: left;
    width: 100%;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item {
    float: left;
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
    border-left: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a {
    display: block;
    text-align: center;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon {
    margin-top: 13px;
    display: inline-block;
    vertical-align: top;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.blog {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -46px -346px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.facebook {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -92px -346px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.youtube {
    margin-right: 9px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -268px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.post {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -234px -284px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.twitter {
    margin-right: 9px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -280px -284px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .icon.map {
    margin-top: 17px;
    margin-left: 9px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -431px;
    width: 10px;
    height: 14px;
    background-size: 461px 445px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item a .txt {
    display: inline-block;
    font-family: "LGSmHaTSB";
    font-size: 15px;
    color: #777;
    line-height: 48px;
  }
  .footer-content .sns-wrap .sns-cont .sns-list .item:last-child {
    border-right: 1px solid #eee;
  }
  .footer-content .footer-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 46px;
  }
  .footer-content .footer-wrap .footer-logo {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    display: inline-block;
    width: 70px;
    font-size: 0;
  }
  .footer-content .footer-wrap .footer-logo .icon {
    display: inline-block;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px 0;
    width: 70px;
    height: 32px;
    background-size: 461px 445px;
  }
  .footer-content .footer-wrap .txt-wrap {
    padding-left: 100px;
    padding-top: 0;
  }
  .footer-content .footer-wrap .txt-wrap .link {
    font-size: 15px;
  }
  .footer-content .footer-wrap .txt-wrap .link + .link {
    margin-left: 30px;
  }
  .footer-content .footer-wrap .txt-wrap .ph {
    display: inline-block;
    margin-top: 12px;
    font-size: 15px;
  }
  .footer-content .footer-wrap .txt-wrap .copy {
    display: inline-block;
    margin-top: 12px;
    margin-left: 20px;
    font-size: 15px;
  }
  .footer-content .footer-wrap .WAmark {
    display: none;
    position: absolute;
    right: 0;
    top: 29px;
  }
  .footer-content .footer-wrap .WAmark .icon {
    display: inline-block;
    width: 77px;
    height: 64px;
    background: url("../../images/common/WAmark.png") center center no-repeat;
    background-size: 100% 100%;
  }
  .footer-content.chairman-footer {
    height: 95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer-content.chairman-footer .footer-wrap {
    padding: 31px 0;
  }
  .footer-content.chairman-footer .footer-wrap .footer-logo {
    top: 32px;
  }
  .footer-content.chairman-footer .txt-wrap {
    padding: 0 0 0 102px;
  }
  .footer-content.chairman-footer .txt-wrap .ph {
    margin-top: 0;
    line-height: 33px;
  }
  .footer-content.chairman-footer .txt-wrap .copy {
    margin-top: 0;
    margin-left: 21px;
    line-height: 33px;
  }
  .footer-content.en .footer-wrap {
    padding: 40px 0 36px;
  }
  .footer-content.en .footer-wrap .footer-logo {
    top: 30px;
  }
  .footer-content.en .footer-wrap .txt-wrap .link-txt {
    display: inline-block;
  }
  .footer-content.en .footer-wrap .txt-wrap .link-txt .link {
    font-family: "LGSmHaTSB";
  }
  .footer-content.en .footer-wrap .txt-wrap .copy {
    margin-top: 0;
    display: inline-block;
  }
}
/*! popup */
/*! layout & contents */
/*! 기본레이아웃 */
#header {
  position: relative;
  width: 100%;
}
#content {
  width: 100%;
}
/*! 공통 타이틀 영역 */
*[class*="major-title-"] {
  text-align: center;
  font-size: 26px;
  line-height: 36px;
  font-family: "LGSmHaTSB";
}
/*! 상단 비주얼 영역 */
.visual-area {
  width: 100%;
  position: relative;
}
.visual-area *[class*="visual-"] {
  width: 100%;
  height: 155px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.visual-area .visual-media-movie {
  background-image: url("../../images/common/visual_media_movie_mo_cr.jpg");
}
.visual-area .visual-media-news {
  background-image: url("../../images/common/visual_media_news_mo_cr.jpg");
}
.visual-area .visual-media-social {
  background-image: url("../../images/common/visual_media_social_mo_cr.jpg");
}
.visual-area .visual-media-cs {
  background-image: url("../../images/common/visual_media_cs_mo.jpg");
}
.visual-area .visual-investment-public {
  background-image: url("../../images/common/visual_investment_public_mo_cr.jpg");
}
.visual-area .visual-investment-ir {
  background-image: url("../../images/common/visual_investment_ir_mo_cr.jpg");
}
.visual-area .visual-investment-contactir {
  background-image: url("../../images/common/visual_investment_contactir_mo_cr.jpg");
}
.visual-area .visual-investment-finance {
  background-image: url("../../images/common/visual_investment_finance_mo_cr.jpg");
}
.visual-area .visual-investment-governance {
  background-image: url("../../images/common/visual_investment_governance_mo_cr.jpg");
}
.visual-area .visual-csr-social-contribution {
  background-image: url("../../images/common/visual_csr_social_contribution_mo_cr.jpg");
}
.visual-area .visual-csr-foundation {
  background-image: url("../../images/common/visual_csr_foundation_mo_cr.jpg");
}
.visual-area .visual-intro-ci {
  background-image: url("../../images/common/visual_intro_ci_mo_cr.jpg");
}
.visual-area .visual-subsidiary {
  background-image: url("../../images/common/visual_subsidiary_mo_cr.jpg");
}
.visual-area .visual-innovation-park {
  background-image: url("../../images/common/visual_innovation_public_mo_cr_v3.jpg");
}
.visual-area .visual-introLgWay-public {
  background-image: url("../../images/common/visual_introLgWay_public_mo_cr.jpg");
}
.visual-area .visual-history-public {
  background-image: url("../../images/common/visual_history_public_mo_cr.jpg");
}
.visual-area .visual-history02-public {
  background-image: url("../../images/common/visual_history02_public_mo.jpg");
}
.visual-area .visual-history03-public {
  background-image: url("../../images/common/visual_history03_public_mo.jpg");
}
.visual-area .visual-csr-philosophy {
  background-image: url("../../images/common/visual_csr_philosophy_mo.jpg");
}
.visual-area .visual-csr-strategy {
  background-image: url("../../images/common/visual_csr_strategy_mo.jpg");
}
.visual-area .visual-csr-management {
  background-image: url("../../images/common/visual_csr_management_mo_cr.jpg");
}
.visual-area .visual-csr-vision {
  background-image: url("../../images/common/visual_csr_vision_mo_cr.jpg");
}
.visual-area .visual-solution {
  background-image: url("../../images/common/visual_solution_mo.jpg");
}
.visual-area *[class*="txt-area"] {
  position: absolute;
  width: 100%;
}
.visual-area *[class*="txt-area"] *[class*="txt"] {
  display: block;
  color: #fff;
  text-align: center;
}
.visual-area *[class*="txt-area"] .txt01 {
  font-family: "LGSmHaTSB";
  font-size: 26px;
  line-height: 30px;
}
.visual-area *[class*="txt-area"] .txt02 {
  margin-top: 12px;
  font-family: "LGSmHaTR";
  font-size: 18px;
  line-height: 24px;
}
.visual-area *[class*="txt-area"] .txt02.multi-line {
  margin-top: 10px;
  line-height: 25px;
}
.visual-area .txt-area01 {
  top: 46px;
}
.visual-area.ir .txt-area01 {
  top: 60px;
}
.visual-area.csrlong .txt-area01 {
  top: 36px;
}
.visual-area .txt-area02 {
  top: 68px;
  text-align: center;
}
/*! 이전글 다음글 */
.writing-list {
  border-bottom: 1px solid #ddd;
  background: #fff;
  padding: 20px 0 0 0;
}
.writing-list li {
  padding: 0 15px;
  border-top: 1px solid #eee;
}
.writing-list li:first-child {
  border-top: 1px solid #000;
}
.writing-list li .link,
.writing-list li .txt {
  color: #555;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.writing-list li .txt {
  width: 100px;
  color: #000;
}
.writing-list li .icon-up {
  display: inline-block;
  margin-left: 8px;
  background-position: -61px -324px;
  width: 13px;
  height: 8px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.writing-list li .icon-down {
  display: inline-block;
  margin-left: 8px;
  background-position: -335px -293px;
  width: 13px;
  height: 8px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.writing-list li .link {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  color: #555;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
@media (max-width: 520px) {
  .visual-area.csrlong.bet .txt-area01 {
    top: 26px;
  }
  .visual-area.csrlong.bet .txt02.multi-line02 {
    margin-top: 6px;
    line-height: 20px;
  }
}
/*!
	layout & contents - 태블릿 기본 스타일
*/
@media (min-width: 768px) {
  .visual-area {
    width: 100%;
    overflow: hidden;
    height: 265px;
  }
  .visual-area.magazine {
    height: 420px;
  }
  .visual-area *[class*="visual-"] {
    height: 265px;
    width: 100%;
    background-repeat: no-repeat;
  }
  .visual-area .visual-media-movie {
    background-image: url("../../images/common/visual_media_movie_cr.jpg");
  }
  .visual-area .visual-media-news {
    background-image: url("../../images/common/visual_media_news_cr.jpg");
  }
  .visual-area .visual-media-social {
    background-image: url("../../images/common/visual_media_social_cr.jpg");
  }
  .visual-area .visual-media-cs {
    background-image: url("../../images/common/visual_media_cs.jpg");
  }
  .visual-area .visual-investment-public {
    background-image: url("../../images/common/visual_investment_public_cr.jpg");
  }
  .visual-area .visual-investment-ir {
    background-image: url("../../images/common/visual_investment_ir_cr.jpg");
  }
  .visual-area .visual-investment-contactir {
    background-image: url("../../images/common/visual_investment_contactir_cr.jpg");
  }
  .visual-area .visual-investment-finance {
    background-image: url("../../images/common/visual_investment_finance_cr.jpg");
  }
  .visual-area .visual-investment-governance {
    background-image: url("../../images/common/visual_investment_governance_cr.jpg");
  }
  .visual-area .visual-csr-social-contribution {
    background-image: url("../../images/common/visual_csr_social_contribution_cr.jpg");
  }
  .visual-area .visual-csr-foundation {
    background-image: url("../../images/common/visual_csr_foundation_cr.jpg");
  }
  .visual-area .visual-intro-ci {
    background-image: url("../../images/common/visual_intro_ci_cr.jpg");
  }
  .visual-area .visual-subsidiary {
    background-image: url("../../images/common/visual_subsidiary_cr.jpg");
  }
  .visual-area .visual-innovation-park {
    background-image: url("../../images/common/visual_innovation_public_cr_v3.jpg");
  }
  .visual-area .visual-introLgWay-public {
    background-image: url("../../images/common/visual_introLgWay_public_cr.jpg");
  }
  .visual-area .visual-history-public {
    background-image: url("../../images/common/visual_history_public_cr.jpg");
  }
  .visual-area .visual-history02-public {
    background-image: url("../../images/common/visual_history02_public.jpg");
  }
  .visual-area .visual-history03-public {
    background-image: url("../../images/common/visual_history03_public.jpg");
  }
  .visual-area .visual-csr-strategy {
    background-image: url("../../images/common/visual_csr_strategy.jpg");
  }
  .visual-area .visual-csr-management {
    background-image: url("../../images/common/visual_csr_management_cr.jpg");
  }
  .visual-area .visual-csr-philosophy {
    background-image: url("../../images/common/visual_csr_philosophy.jpg");
  }
  .visual-area .visual-solution {
    background-image: url("../../images/common/visual_solution.jpg");
  }
  .visual-area .visual-csr-vision {
    background-image: url("../../images/common/visual_csr_vision_cr.jpg");
  }
  .visual-area *[class*="txt-area"] {
    text-align: center;
  }
  .visual-area *[class*="txt-area"] *[class*="txt"] {
    display: block;
    color: #fff;
    text-align: center;
  }
  .visual-area *[class*="txt-area"] .txt01 {
    font-size: 46px;
    line-height: 50px;
  }
  .visual-area *[class*="txt-area"] .txt02 {
    margin-top: 23px;
    font-size: 32px;
    line-height: 35px;
  }
  .visual-area *[class*="txt-area"] .txt02.multi-line {
    margin-top: 23px;
    line-height: 35px;
  }
  .visual-area *[class*="txt-area"] .txt02.multi-line02 {
    margin-top: 13px;
    line-height: 35px;
  }
  .visual-area .txt-area01 {
    top: 211px;
  }
  .visual-area .txt-area02 {
    top: 180px;
  }
  .visual-area .txt-area02 *[class*="txt"] {
    display: block;
  }
  .visual-area .txt-area02 .txt01 {
    font-size: 56px;
    line-height: 36px;
    padding-top: 38px;
    padding-bottom: 30px;
  }
}
/*!
	layout & contents - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  /* 20201230 #header z-index:9999 */
  #header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .content-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .content-wrap.magazine {
    position: relative;
    margin-top: -210px;
  }
  .sub-menu-extend {
    padding-top: 120px;
    position: relative;
  }
  .sub-menu-extend:before {
    content: "";
    display: block;
    width: 100%;
    height: 49px;
    position: absolute;
    top: 71px;
    left: 0;
    background: #eee;
  }
  .visual-area.magazine {
    height: 960px;
  }
  .writing-list li {
    padding: 0;
  }
  .writing-list li .link,
  .writing-list li .txt {
    height: 65px;
    line-height: 65px;
    font-size: 16px;
  }
  .writing-list li .txt {
    width: 110px;
  }
  .writing-list li .icon-up {
    display: inline-block;
    margin-left: 8px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -255px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .writing-list li .icon-down {
    display: inline-block;
    margin-left: 8px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -223px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .writing-list li .link {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
  }
}
/*! content - 미디어 */
/*! 미디어 컨텐츠 - 보도자료 */
.search-cont {
  position: relative;
  margin-top: 30px;
  background-color: #eee;
  padding: 20px 15px;
}
.search-cont.total {
  margin-top: 0;
  background-color: #e5e5e5;
}
.search-cont .search-on-wrap {
  display: none;
}
.search-cont .search-input-wrap {
  line-height: 0;
  margin-bottom: 10px;
}
.search-cont .search-date-wrap {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.search-cont .search-date-wrap .date {
  display: inline-block;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  padding-right: 0;
}
.search-cont .search-date-wrap .date input[type="text"] {
  display: block;
}
.search-cont .search-date-wrap .date input[type="date"] {
  line-height: 36px;
}

/* 달력 UI 관련 수정 - 20190424 */
.search-cont .search-date-wrap .date .btn-date {
  display: inline-block;
}
/* 달력 UI 관련 수정 - 20190424 */

.search-cont .search-date-wrap .date01 {
  float: left;
}
.search-cont .search-date-wrap .date02 {
  float: right;
}
.search-cont .search-date-wrap .dash {
  position: absolute;
  top: 70px;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  line-height: 40px;
  text-align: center;
}
.search-cont .search-select-input-wrap {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.search-cont .search-select-input-wrap .selectbox-wrap {
  display: table-cell;
  width: 115px;
}
.search-cont .search-select-input-wrap .input-txt {
  width: -webkit-calc(100% - 115px);
  width: calc(100% - 115px);
  display: table-cell;
  border-left: 0;
}
.search-cont .search-select-input-wrap .input-txt input {
  min-height: 100%;
}
.search-cont .search-reset-wrap {
  position: absolute;
  bottom: 11px;
  right: 9px;
  z-index: 1;
}
.search-cont .search-close-btn-wrap {
  margin-top: 10px;
  position: relative;
  top: 12px;
  text-align: center;
}
.btn-open-form-search.on {
  display: none;
}
.btn-open-form-search.on + .search-on-wrap {
  display: block;
}
.list-cont {
  margin-top: 30px;
}
.list-cont .search-result-wrap {
  padding: 0 15px;
  margin-bottom: 15px;
}
.list-cont .search-result-wrap .txt {
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #777;
}
.list-cont .search-result-wrap .txt .category {
  color: #bb0841;
}
.list-cont .search-result-wrap .txt .num {
  padding-left: 5px;
  color: #000;
}
.list-cont .list-wrap {
  border-top: 1px solid #000;
}
.list-cont .list-item.no-data {
  padding: 60px 0;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #eee;
}
.list-cont .list-item .list-link {
  width: 100%;
  display: table;
  position: relative;
  padding: 15px;
  height: 100px;
  table-layout: fixed;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-cont .list-item:last-child .list-link {
  border-bottom: 1px solid #ddd;
}
.list-cont .list-item .img-wrap {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
.list-cont .list-item .img-wrap img {
  width: 100%;
}
.list-cont .list-item .txt-wrap {
  padding-left: 15px;
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}
.list-cont .list-item .txt-wrap .category {
  display: inline-block;
  margin-bottom: 5px;
  font-family: "LGSmHaTSB";
  font-size: 13px;
  color: #bb0841;
}
.list-cont .list-item .txt-wrap .tit {
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 22px;
  max-height: 44px;
}
.list-cont .list-item .txt-wrap .txt {
  display: none;
}
.list-cont .list-item .txt-wrap .day {
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #777;
}
.list-cont .list-item .txt-wrap.innovation .tit {
  margin-bottom: 0;
}
.list-cont.total .list-item .txt-wrap {
  width: 100%;
  padding-left: 0;
}
.view-title {
  position: relative;
  padding-top: 30px;
  border-bottom: 1px solid #ddd;
}
.view-title .txt-wrap {
  border-top: 2px solid #000;
  padding: 12px 15px;
}
.view-title .txt-wrap .category {
  margin-right: 5px;
  font-family: "LGSmHaTSB";
  font-size: 19px;
  color: #bb0841;
  line-height: 27px;
}
.view-title .txt-wrap .tit {
  font-family: "LGSmHaTSB";
  font-size: 19px;
  color: #000;
  line-height: 27px;
  display: inline;
}
.view-title .txt-wrap .day {
  display: block;
  padding: 10px 0 0 0;
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #777;
}
.view-title .btn-share {
  position: absolute;
  bottom: 9px;
  right: 11px;
}
.view-title .share-box-wrap {
  display: none;
  position: relative;
  z-index: 2;
  position: absolute;
  bottom: -40px;
  right: 15px;
}
.view-title .btn-share-close {
  position: absolute;
  top: -29px;
  right: -4px;
  background-color: #fff;
}
.view-title .btn-share.on {
  display: none;
}
.view-title .btn-share.on + .share-box-wrap {
  display: block;
}
.view-img {
  padding: 20px 15px 10px 15px;
}
.slide-container {
  position: relative;
}
.slide-list {
  height: 310px;
}
.slide-item {
  overflow: hidden;
  text-align: center;
  height: 310px;
  line-height: 310px;
}
.slide-item img {
  max-height: 310px;
}
.slide-nav {
  display: none;
}
.slide-nav *[class*="btn-"] {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 1;
}
.slide-nav .btn-prev {
  left: 0;
  background-image: url(../../images/common/sprite_pc.png);
  background-position: -397px 0;
  width: 26px;
  height: 48px;
  background-size: 461px 445px;
}
.slide-nav .btn-next {
  right: 0;
  background-image: url(../../images/common/sprite_pc.png);
  background-position: -397px -68px;
  width: 26px;
  height: 48px;
  background-size: 461px 445px;
}
.slide-dot {
  padding: 10px 0 10px 0;
  width: 100%;
  text-align: center;
}
.slide-dot .btn-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  padding: 0;
  background-color: #ccc;
  border-radius: 6px;
  margin-left: 6px;
}
.slide-dot .btn-dot:first-child {
  margin-left: 0;
}
.slide-dot .btn-dot.active {
  background-color: #bb0841;
}
.view-txt {
  padding: 15px 15px 0 15px;
  color: #555;
  line-height: 21px;
  text-align: justify;
}
.view-txt p {
  color: #555;
  line-height: 21px;
  text-align: justify;
}
.view-txt i {
  font-style: italic;
}
.view-txt em {
  font-style: italic;
}
.view-txt strong {
  font-weight: bold;
}
.view-txt b {
  font-weight: bold;
}
.view-txt s {
  text-decoration: line-through;
}
.view-tag {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 30px 0 30px 0;
}
.view-tag-list {
  display: table;
  white-space: nowrap;
  padding-left: 15px;
}
.view-tag-list .item {
  display: table-cell;
}
.view-tag-list .btn-tag {
  margin-right: 10px;
  border: 1px solid #ddd;
  padding: 10px 10px 10px 10px;
  border-radius: 20px;
}
.view-tag-list .btn-tag .txt {
  display: inline-block;
  vertical-align: middle;
  color: #777;
}
.view-tag-list .btn-tag:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
/*! 미디어 컨텐츠 - 동영상 */
.movie-view-wrap {
  padding-bottom: 30px;
  width: 100%;
  border-bottom: 2px solid #000;
}
.movie-view {
  margin: 30px 15px 0 15px;
  padding: 0 0 15px 0;
  background-color: #eee;
}
.movie-view .play-container {
  background-color: #000;
}
.movie-view .play-area {
  position: relative;
  padding-top: 0;
  padding-bottom: 56.26%;
  height: 0;
  overflow: hidden;
}
.movie-view .play-area:before {
  content: "";
  height: 2px;
  display: block;
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.movie-view .play-area .movie-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.movie-view .title-area {
  margin: 0 15px 0 15px;
  padding: 15px 0 10px 0;
  border-bottom: 1px solid #ddd;
}
.movie-view .title-area *[class*="txt"] {
  font-family: "LGSmHaTSB";
  font-size: 17px;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
}
.movie-view .title-area .txt01 {
  margin-right: 5px;
  color: #bb0841;
}
.movie-view .caption-area {
  margin: 15px 15px 0 15px;
  color: #555;
  line-height: 20px;
  max-height: 85px;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: pre-line;
}
.movie-list {
  padding: 15px 15px 15px 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.movie-list .item {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  margin-bottom: 15px;
}
.movie-list .item img {
  width: 100%;
}
.movie-list .item .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  color: #fff;
  width: 100%;
  padding: 0 15px 15px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.movie-list .item .txt-dimm {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../images/common/img_movie_dimm.png");
  background-position: center bottom;
  background-size: 100% 140px;
  background-repeat: no-repeat;
}
.movie-list .item.on .on-layer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #bb0841;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.movie-list .item.on .on-layer:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #bb0841;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
}
.movie-list li:last-child .item {
  margin-bottom: 0;
}
/*! 미디어 컨텐츠 - 매거진 */
.visual-area .visual-media-magazine {
  height: 420px;
}
.visual-area .visual-media-magazine .pc {
  display: none;
}
.visual-area .visual-media-magazine .mo {
  display: block;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.visual-area .visual-media-magazine:after {
  content: "";
  width: 100%;
  height: 291px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../images/common/bg_white_shadow.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 291px;
}
.visual-area *[class*="txt-area"] *[class*="txt-s"] {
  font-size: 15px;
  line-height: 22px;
  font-family: "LGSmHaTR";
}
.visual-area *[class*="txt-area"] .volume {
  position: relative;
  top: -10px;
  width: 51px;
  height: 51px;
  background-color: #bb0841;
  margin: 0 auto;
  border-radius: 26px;
  text-align: center;
  line-height: 51px;
}
.visual-area *[class*="txt-area"] .volume .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
}
.visual-area *[class*="txt-area"] .txt-s01 {
  padding-top: 5px;
  white-space: pre-wrap;
}
.visual-area *[class*="txt-area"] .txt-s03 {
  display: inline-block;
}
.visual-area *[class*="txt-area"] .txt-s04 {
  display: inline-block;
}
.visual-area .visual-media-magazine + .txt-area02 {
  top: 68px;
  text-align: center;
}
.visual-area .visual-media-magazine + .txt-area02 .txt01 {
  font-size: 26px;
  line-height: 36px;
  padding-top: 0;
  padding-bottom: 0;
}
.list-magazine-area {
  position: absolute;
  top: 480px;
  right: 15px;
  z-index: 1;
}
.list-magazine-wrap .btn-open-list {
  width: 190px;
  height: 40px;
  line-height: 40px;
  background-color: #4c4c4c;
  border-radius: 20px;
}
.list-magazine-wrap .btn-open-list .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-family: "LGSmHaTR";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
.list-magazine-wrap .btn-open-list .icon {
  display: inline-block;
  margin-left: 8px;
  background-position: -94px -324px;
  width: 11px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.list-magazine-wrap .btn-open-list .hide-txt.open {
  display: none;
}
.list-magazine-wrap .btn-open-list.on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.list-magazine-wrap .btn-open-list.on .icon {
  background-position: -125px -324px;
  width: 11px;
  height: 7px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.list-magazine-wrap .btn-open-list.on .hide-txt.open {
  display: inline-block;
}
.list-magazine-wrap .btn-open-list.on .hide-txt.close {
  display: none;
}
.list-magazine-container {
  height: 260px;
  width: 190px;
  position: relative;
  display: none;
  background-color: #444;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.list-magazine-container .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  background-color: #666;
  right: 5px;
  bottom: 20px;
  top: 10px;
  width: 3px;
  padding: 0;
  border-radius: 5px;
}
.list-magazine-container .os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.list-magazine-container .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.list-magazine-container .os-theme-light > .os-scrollbar > .os-scrollbar-track,
.list-magazine-container .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  border-radius: 5px;
}
.list-magazine-container .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: #333;
}
.list-magazine {
  width: 190px;
  height: 240px;
}
.list-magazine .item {
  position: relative;
  border-bottom: 1px solid #3d3d3d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-magazine .item:last-child {
  border-bottom: 0;
}
.list-magazine .btn-vol {
  background-color: #444;
  padding: 10px 10px 7px 60px;
  text-align: left;
  width: 100%;
}
.list-magazine .num {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -9px;
  width: 42px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #555;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  font-size: 10px;
}
.list-magazine .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
}
.btn-open-list.on + .list-magazine-container {
  display: block;
}
.magazine-list {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.magazine-list .item {
  margin-top: 50px;
}
.magazine-list .item:first-child {
  margin-top: 0;
}
.magazine-list .img img {
  width: 100%;
}
.magazine-list .tit {
  display: block;
  padding-top: 12px;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  line-height: 24px;
  max-height: 48px;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.magazine-list .desc {
  display: block;
  padding-top: 8px;
  font-family: "LGSmHaTR";
  font-size: 14px;
  line-height: 21px;
  color: #555;
}
.magazine-list .btn-area {
  text-align: left;
  padding-top: 17px;
}
.magazine-list .btn-area .btn-white01 .txt {
  font-size: 14px;
}
/*! 미디어 - 소셜미디어  */
.media-social-wrap {
  margin-top: 30px;
}
.media-social-wrap .social-item-wrap {
  margin-top: 30px;
  border-top: 1px solid #000;
}
.media-social-wrap .social-item-wrap:first-child {
  margin-top: 0;
}
.media-social-wrap .social-item-wrap .social-item {
  margin: 0 15px;
}
.media-social-wrap .social-item-wrap .social-item .tit {
  position: relative;
  padding-top: 38px;
  margin: 15px 0 17px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  color: #000;
  text-align: center;
}
.media-social-wrap .social-item-wrap .social-item .tit em {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  display: inline-block;
}
.media-social-wrap .social-item-wrap .social-item .tit em.electron {
  background-position: -106px -80px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .tit em.chemistry {
  background-position: -285px -50px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .tit em.communication {
  background-position: -285px 0;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .tit em.company {
  background-position: -285px -100px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .tit em.foundation {
  background-position: -225px -110px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .tit em.university {
  background-position: -225px -60px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-social-wrap .social-item-wrap .social-item .social-box-wrap {
  margin-bottom: 30px;
}
.media-social-wrap .social-item-wrap .social-item .social-box-wrap .social-box-tit {
  margin-bottom: 10px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  color: #bb0841;
}
/*! 미디어페이지 - 소셜미디어 버튼*/
.social-box li {
  float: left;
  width: 16.6%;
  height: 50px;
  text-align: center;
  border: 1px solid #eee;
  border-left: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.social-box li:first-child {
  border-left: 1px solid #eee;
}
.social-box li a {
  height: 50px;
  display: block;
  text-align: center;
}
.social-box li a .icon {
  display: inline-block;
  margin: 16px auto;
  vertical-align: top;
}
.social-box li a:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.social-box li.blog .icon {
  background-position: -335px -180px;
  width: 12px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.social-box li.facebook .icon {
  background-position: -371px 0;
  width: 8px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.social-box li.youtube .icon {
  background-position: -78px -246px;
  width: 21px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.social-box li.naver-post .icon {
  background-position: -335px -218px;
  width: 11px;
  height: 18px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.social-box li.twitter .icon {
  background-position: -228px -201px;
  width: 23px;
  height: 16px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.social-box li.instagram .icon {
  background-position: -113px -285px;
  width: 17px;
  height: 17px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
/*! 미디어 - 고객문의  */
.media-cs-wrap {
  margin-top: 30px;
}
.media-cs-wrap .cs-item-wrap {
  margin-bottom: 50px;
  border-top: 1px solid #000;
}
.media-cs-wrap .cs-item-wrap .cs-item {
  margin: 0 15px;
}
.media-cs-wrap .cs-item-wrap .cs-item .tit {
  position: relative;
  padding-top: 38px;
  margin: 15px 0 10px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  color: #000;
  text-align: center;
}
.media-cs-wrap .cs-item-wrap .cs-item .tit em {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  display: inline-block;
}
.media-cs-wrap .cs-item-wrap .cs-item .tit em.electron {
  background-position: -106px -80px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-cs-wrap .cs-item-wrap .cs-item .tit em.chemistry {
  background-position: -285px -50px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-cs-wrap .cs-item-wrap .cs-item .tit em.communication {
  background-position: -285px 0;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap {
  position: relative;
  display: table;
  width: 100%;
  min-height: 70px;
  border-bottom: 1px solid #eee;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 {
  min-height: 89px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 .btn-wrap {
  vertical-align: top;
  padding-top: 10px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 .txt-wrap {
  vertical-align: top;
  padding-top: 10px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 .txt-wrap .cs-box-tit {
  margin-bottom: 12px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line {
  min-height: 210px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line .txt-wrap {
  vertical-align: top;
  padding-top: 15px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line .txt-wrap .cs-box-tit {
  margin-bottom: 12px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line .btn-wrap {
  vertical-align: top;
  padding-top: 15px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap {
  display: table-cell;
  vertical-align: middle;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-box-tit {
  margin-bottom: 5px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  color: #bb0841;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num-tit {
  margin-bottom: 5px;
  display: block;
  font-family: "LGSmHaTSB";
  font-size: 14px;
  color: #000;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num {
  display: inline-block;
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #555;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num + .cs-num {
  margin-top: 5px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num + .cs-num-tit {
  margin-top: 13px;
}
.media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .btn-wrap {
  display: table-cell;
  min-width: 100px;
  vertical-align: middle;
  text-align: right;
}
.media-cs-wrap .cs-link-wrap {
  margin: 0 15px;
}
.media-cs-wrap .cs-link-wrap .link-item {
  margin-top: 15px;
  display: block;
}
.media-cs-wrap .cs-link-wrap .link-item:first-child {
  margin-top: 0;
}
.media-cs-wrap .cs-link-wrap .link-item .img-wrap {
  display: block;
  height: 160px;
  background-size: cover;
  background-position: center center;
}
.media-cs-wrap .cs-link-wrap .link-item .img-wrap.item01 {
  background-image: url("../../images/common/img_media_cs01.jpg");
}
.media-cs-wrap .cs-link-wrap .link-item .img-wrap.item02 {
  background-image: url("../../images/common/img_media_cs02.jpg");
}
.media-cs-wrap .cs-link-wrap .link-item .img-wrap.item03 {
  background-image: url("../../images/common/img_media_cs03.jpg");
}
.media-cs-wrap .cs-link-wrap .link-item .txt-wrap {
  display: block;
  padding: 9px 14px;
  border: 1px solid #ddd;
  border-top: none;
}
.media-cs-wrap .cs-link-wrap .link-item .txt-wrap .tit {
  margin-bottom: 8px;
  display: block;
  font-family: "LGSmHaTSB";
  font-size: 17px;
}
.media-cs-wrap .cs-link-wrap .link-item .txt-wrap .txt {
  display: inline-block;
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #777;
}
/*!
	미디어 컨텐츠 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .list-cont {
    margin-top: 20px;
  }
  .list-cont .search-result-wrap {
    padding: 0;
    padding-top: 20px;
  }
  .list-cont .search-result-wrap .txt {
    font-family: "LGSmHaTR";
    font-size: 16px;
  }
  .list-cont .search-result-wrap .txt .category {
    font-family: "LGSmHaTSB";
  }
  .list-cont .search-result-wrap .txt .num {
    font-family: "LGSmHaTSB";
    padding-left: 5px;
  }
  .list-cont .list-wrap {
    border-top: 1px solid #000;
  }
  .list-cont .list-item .list-link {
    width: 100%;
    display: table;
    position: relative;
    padding: 20px 0;
    height: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .list-cont .list-item:last-child .list-link {
    border-bottom: 1px solid #ddd;
  }
  .list-cont .list-item .img-wrap {
    display: table-cell;
    width: 285px;
    vertical-align: middle;
    text-align: left;
    height: 200px;
    overflow: hidden;
  }
  .list-cont .list-item .img-wrap img {
    width: 100%;
    height: 100%;
  }
  .list-cont .list-item .txt-wrap {
    padding-left: 30px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  .list-cont .list-item .txt-wrap .category {
    display: inline-block;
    margin-bottom: 6px;
    font-family: "LGSmHaTSB";
    font-size: 18px;
  }
  .list-cont .list-item .txt-wrap .tit {
    display: block;
    margin-bottom: 14px;
    font-family: "LGSmHaTSB";
    font-size: 20px;
    line-height: 32px;
    max-height: 64px;
  }
  .list-cont .list-item .txt-wrap .txt {
    margin-bottom: 22px;
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 26px;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .list-cont .list-item .txt-wrap .day {
    font-family: "LGSmHaTR";
    font-size: 16px;
  }
  .list-cont .list-item .txt-wrap.innovation .txt {
    margin-bottom: 0;
  }
  .movie-view-wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
  }
  .movie-view {
    margin-left: 0;
    margin-right: 0;
    margin-top: 60px;
    padding-right: 341px;
    position: relative;
    padding-bottom: 0;
  }
  .movie-view .play-area {
    padding-bottom: 56.06%;
  }
  .movie-view .play-area:before {
    display: none;
  }
  .movie-view .play-info-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    height: 100%;
    padding: 0 15px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .movie-view .title-area {
    height: 100%;
    max-height: 110px;
    margin: 35px 15px 12px 15px;
    overflow: hidden;
    padding: 0 0 10px 0;
  }
  .movie-view .title-area *[class*="txt"] {
    font-size: 26px;
    line-height: 38px;
    word-break: normal;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 110px;
    height: 100%;
  }
  .movie-view .title-area.en {
    max-height: 50px;
  }
  .movie-view .caption-area {
    height: 100%;
    min-height: -webkit-calc(100% - 195px);
    min-height: calc(100% - 195px);
    font-size: 15px;
    line-height: 24px;
    white-space: pre-line;
  }
  .movie-view .caption-area.en {
    min-height: -webkit-calc(100% - 135px);
    min-height: calc(100% - 135px);
  }
  .movie-list {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .movie-list li {
    float: left;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .movie-list li:nth-child(even) {
    margin-right: 0;
  }
  .movie-list .item {
    height: 286px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .movie-list .item .txt {
    font-size: 20px;
    padding: 0 30px 20px 30px;
  }
  .movie-list .item:before {
    margin: -35px 0 0 -35px;
    z-index: 1;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -116px;
    width: 70px;
    height: 70px;
    background-size: 461px 445px;
  }
  .movie-list .item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .movie-list .item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .view-title {
    margin-top: 60px;
    padding-top: 0;
  }
  .view-title .txt-wrap {
    padding: 25px 170px 25px 15px;
  }
  .view-title .txt-wrap .category {
    font-size: 26px;
    line-height: 38px;
  }
  .view-title .txt-wrap .tit {
    font-size: 26px;
    line-height: 38px;
  }
  .view-title .txt-wrap .day {
    position: absolute;
    top: 50%;
    right: 56px;
    margin-top: -14px;
    font-size: 16px;
    line-height: 28px;
    padding-top: 0;
    padding-right: 17px;
  }
  .view-title .txt-wrap .day:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 28px;
    background-color: #eee;
  }
  .view-title .btn-share {
    bottom: 50%;
    right: 11px;
    margin-bottom: -14px;
  }
  .view-title .share-box-wrap {
    right: 0;
  }
  .view-title .btn-share-close {
    position: absolute;
    top: -38px;
    right: 15px;
  }
  .view-img {
    padding: 20px 110px 10px 110px;
  }
  .slide-container {
    position: relative;
  }
  .slide-list {
    height: 620px;
  }
  .slide-item {
    height: 620px;
    line-height: 620px;
  }
  .slide-item img {
    max-height: 620px;
  }
  .slide-nav {
    display: block;
  }
  .slide-nav .btn-prev {
    left: -50px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px 0;
    width: 26px;
    height: 48px;
    background-size: 461px 445px;
  }
  .slide-nav .btn-next {
    right: -50px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -68px;
    width: 26px;
    height: 48px;
    background-size: 461px 445px;
  }
  .slide-dot {
    padding: 20px 0 20px 0;
  }
  .slide-dot .btn-dot {
    width: 10px;
    height: 10px;
  }
  .view-txt {
    padding: 20px 110px 0 110px;
    line-height: 26px;
    font-size: 16px;
  }
  .view-txt p {
    line-height: 26px;
    font-size: 16px;
  }
  .view-tag {
    padding: 40px 0 40px 0;
  }
  .view-tag-list {
    padding-left: 110px;
  }
  .view-tag-list .btn-tag {
    padding: 10px 20px;
  }
  .view-tag-list .btn-tag .txt {
    font-size: 15px;
  }
  .visual-area.magazine > div:first-child {
    height: 960px;
  }
  .visual-area .visual-media-magazine {
    height: 960px;
  }
  .visual-area .visual-media-magazine .mo {
    display: none;
  }
  .visual-area .visual-media-magazine .pc {
    display: block;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .visual-area .visual-media-magazine:after {
    height: 582px;
    background-size: 100% 582px;
  }
  .visual-area *[class*="txt-area"] *[class*="txt-s"] {
    font-size: 20px;
    line-height: 32px;
  }
  .visual-area *[class*="txt-area"] .volume {
    width: 92px;
    height: 92px;
    border-radius: 50px;
    line-height: 96px;
  }
  .visual-area *[class*="txt-area"] .volume .txt {
    font-size: 18px;
    line-height: 36px;
  }
  .visual-area *[class*="txt-area"] .txt-s-wrap {
    width: 800px;
    margin: 0 auto;
  }
  .visual-area *[class*="txt-area"] .txt-s01 {
    display: inline-block;
  }
  .visual-area *[class*="txt-area"] .txt-s02 {
    display: inline-block;
  }
  .visual-area *[class*="txt-area"] .txt-s03 {
    display: inline-block;
  }
  .visual-area *[class*="txt-area"] .txt-s04 {
    display: inline-block;
  }
  .visual-area *[class*="txt-area"] .txt-s05 {
    display: inline-block;
  }
  .visual-area .visual-media-magazine + .txt-area02 {
    top: 180px;
  }
  .visual-area .visual-media-magazine + .txt-area02 .txt01 {
    font-size: 56px;
    line-height: 36px;
    padding-top: 38px;
    padding-bottom: 30px;
  }
  .list-magazine-area {
    position: relative;
    top: -900px;
    right: 0;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .list-magazine-wrap {
    position: absolute;
    right: 0;
  }
  .list-magazine-wrap .btn-open-list {
    width: 280px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    background-color: transparent;
  }
  .list-magazine-wrap .btn-open-list:before {
    content: "";
    display: block;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000;
  }
  .list-magazine-wrap .btn-open-list .txt {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
  }
  .list-magazine-wrap .btn-open-list .icon {
    position: relative;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -319px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .list-magazine-wrap .btn-open-list.on {
    background-color: #4c4c4c;
    opacity: 1;
  }
  .list-magazine-wrap .btn-open-list.on:before {
    display: none;
  }
  .list-magazine-wrap .btn-open-list.on .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -287px -388px;
    width: 12px;
    height: 8px;
    background-size: 461px 445px;
  }
  .list-magazine-container {
    height: 360px;
    width: 280px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .list-magazine-container .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    width: 4px;
  }
  .list-magazine {
    width: 279px;
    height: 330px;
  }
  .list-magazine .item.on .btn-vol {
    background-color: #4c4c4c;
  }
  .list-magazine .item.on .btn-vol .num {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .list-magazine .btn-vol {
    padding: 11px 20px 8px 90px;
  }
  .list-magazine .num {
    margin-top: -13px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    border-radius: 15px;
    font-size: 14px;
  }
  .list-magazine .txt {
    font-size: 15px;
    line-height: 24px;
  }
  .list-magazine .btn-vol:focus,
  .list-magazine .btn-vol:hover {
    background-color: #4c4c4c;
  }
  .list-magazine .btn-vol:focus .num,
  .list-magazine .btn-vol:hover .num {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .btn-open-list.on + .list-magazine-container {
    display: block;
  }
  .magazine-list .item {
    margin-top: 80px;
  }
  .magazine-list .item .img {
    width: 50%;
    position: relative;
    top: 30px;
    opacity: 0;
  }
  .magazine-list .item .info-area {
    display: table;
    width: 50%;
    min-height: 360px;
  }
  .magazine-list .item .info-container {
    padding: 0 60px 0 60px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  .magazine-list .tit-wrap {
    position: relative;
  }
  .magazine-list .tit-wrap:before {
    content: "";
    width: 130px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 31px;
    z-index: 1;
  }
  .magazine-list .tit-wrap.position01:before {
    top: 19px;
  }
  .magazine-list .tit {
    position: relative;
    font-size: 26px;
    line-height: 38px;
    max-height: 100%;
    height: 76px;
  }
  .magazine-list .item:nth-child(odd) .img {
    float: left;
  }
  .magazine-list .item:nth-child(odd) .info-area {
    float: right;
  }
  .magazine-list .item:nth-child(odd) .info-container .tit-wrap:before {
    left: -160px;
  }
  .magazine-list .item:nth-child(even) .img {
    float: right;
  }
  .magazine-list .item:nth-child(even) .info-area {
    float: left;
  }
  .magazine-list .item:nth-child(even) .info-container .tit-wrap:before {
    right: -160px;
  }
  .magazine-list .desc {
    font-size: 18px;
    line-height: 28px;
  }
  .magazine-list .btn-area {
    padding-top: 25px;
  }
  .magazine-list.intro-en .info-container {
    padding: 0 50px 0 50px;
  }
  /*! 미디어 - 소셜미디어  */
  .media-social-wrap {
    margin-top: 60px;
  }
  .media-social-wrap .social-item-wrap {
    margin-top: 40px;
  }
  .media-social-wrap .social-item-wrap .social-item {
    margin: 0;
  }
  .media-social-wrap .social-item-wrap .social-item .tit {
    float: left;
    width: -webkit-calc(100% - 600px);
    width: calc(100% - 600px);
    padding: 0 0 0 56px;
    margin: 20px 0 0 0;
    padding-top: 0;
    text-align: left;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em {
    left: 0;
    margin-left: 0;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.electron {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -182px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.chemistry {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -62px -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.communication {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.company {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -124px -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.foundation {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -120px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .tit em.university {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -165px -116px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-social-wrap .social-item-wrap .social-item .social-box-cont {
    float: left;
    width: 600px;
  }
  .media-social-wrap .social-item-wrap .social-item .social-box-cont .social-box-wrap {
    margin-bottom: 0;
  }
  .media-social-wrap .social-item-wrap .social-item .social-box-cont .social-box-wrap .social-box-tit {
    float: left;
    margin: 0;
    width: 235px;
    height: 61px;
    font-size: 16px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .media-social-wrap .social-item-wrap .social-item .social-box-cont .social-box-wrap .social-box {
    float: left;
    width: 364px;
  }
  .media-social-wrap .social-item-wrap .social-item .social-box-cont .social-box-wrap + .social-box-wrap .social-box li {
    border-top: none;
  }
  /*! 미디어페이지 - 소셜미디어 버튼*/
  .social-box li {
    width: 60px;
    height: 61px;
    text-align: center;
    border: 1px solid #eee;
    border-left: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .social-box li:last-child {
    border-right: none;
  }
  .social-box li a {
    height: 60px;
    text-align: center;
  }
  .social-box li a .icon {
    display: inline-block;
    margin: 19px auto;
  }
  .social-box li.blog .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -78px;
    width: 13px;
    height: 22px;
    background-size: 461px 445px;
  }
  .social-box li.facebook .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -162px;
    width: 12px;
    height: 22px;
    background-size: 461px 445px;
  }
  .social-box li.youtube .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -346px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .social-box li.naver-post .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -120px;
    width: 13px;
    height: 22px;
    background-size: 461px 445px;
  }
  .social-box li.twitter .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -326px -284px;
    width: 26px;
    height: 22px;
    background-size: 461px 445px;
  }
  .social-box li.instagram .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -180px -346px;
    width: 20px;
    height: 22px;
    background-size: 461px 445px;
  }
  /*! 미디어 - 고객문의  */
  .media-cs-wrap {
    margin-top: 60px;
  }
  .media-cs-wrap .cs-item-wrap {
    margin-bottom: 40px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item {
    margin: 0;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .tit {
    float: left;
    width: -webkit-calc(100% - 600px);
    width: calc(100% - 600px);
    padding: 0 0 0 56px;
    margin: 20px 0 0 0;
    padding-top: 0;
    text-align: left;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .tit em {
    left: 0;
    margin-left: 0;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .tit em.electron {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -182px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .tit em.chemistry {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -62px -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .tit em.communication {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont {
    float: left;
    width: 600px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap {
    min-height: 60px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 {
    min-height: 86px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 .txt-wrap {
    padding-top: 24px;
    vertical-align: top;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.line02 .btn-wrap {
    padding-top: 14px;
    vertical-align: top;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line {
    min-height: 210px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line .txt-wrap {
    padding-top: 24px;
    vertical-align: top;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap.mt-line .btn-wrap {
    padding-top: 14px;
    vertical-align: top;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-box-tit {
    width: 180px;
    display: table-cell;
    font-size: 16px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num-tit {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num {
    display: table-cell;
    font-size: 16px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-num + .cs-num-tit {
    margin-top: 18px;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-pc-num-box {
    display: table-cell;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .cs-box-cont .cs-box-wrap .txt-wrap .cs-pc-num-box .cs-num {
    display: block;
  }
  .media-cs-wrap .cs-item-wrap .cs-item .btn-white01 .txt {
    font-size: 15px;
  }
  .media-cs-wrap .cs-link-wrap {
    margin: 0;
    margin-top: 60px;
  }
  .media-cs-wrap .cs-link-wrap .link-item {
    margin: 0;
    padding-left: 24px;
    display: inline-block;
    width: 34%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .media-cs-wrap .cs-link-wrap .link-item:first-child {
    padding-left: 0;
    width: 32%;
  }
  .media-cs-wrap .cs-link-wrap .link-item .img-wrap {
    height: 200px;
  }
  .media-cs-wrap .cs-link-wrap .link-item .txt-wrap {
    padding: 30px 25px;
  }
  .media-cs-wrap .cs-link-wrap .link-item .txt-wrap .tit {
    font-size: 20px;
  }
  .media-cs-wrap .cs-link-wrap .link-item .txt-wrap .txt {
    font-size: 16px;
  }
}
/*!
	미디어 컨텐츠 - 기본 PC 환경 예외 스타일
*/
@media (min-width: 1280px) {
  .search-cont {
    margin-top: 60px;
    padding-left: 40px;
    padding-right: 160px;
  }
  .search-cont .btn-open-form-search {
    display: none;
  }
  .search-cont .search-on-wrap {
    display: block;
  }
  .search-cont .search-input-wrap {
    float: left;
    width: 18%;
    margin-bottom: 0;
  }
  .search-cont .search-date-wrap {
    float: left;
    width: 30%;
    margin-bottom: 0;
    margin-left: 10px;
  }
  .search-cont .search-date-wrap .date {
    display: table-cell;
    width: -webkit-calc(50% - 0px);
    width: calc(50% - 0px);
    padding-right: 35px;
  }
  .search-cont .search-date-wrap .date .btn-date {
    display: inline-block;
  }
  .search-cont .search-date-wrap .date input[type="text"] {
    display: inline-block;
  }
  .search-cont .search-date-wrap .date input[type="date"] {
    display: none;
  }
  .search-cont .search-date-wrap .date01 {
    float: none;
  }
  .search-cont .search-date-wrap .date02 {
    float: none;
  }
  .search-cont .search-date-wrap .dash {
    display: table-cell;
    display: inline-block;
    width: 20px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: static;
    margin-left: 0;
  }
  .search-cont .search-select-input-wrap {
    float: left;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .search-cont .search-select-input-wrap .selectbox-wrap {
    width: 180px;
  }
  .search-cont .search-select-input-wrap .input-txt {
    left: 10px;
    border-left: 1px solid #ccc;
  }
  .search-cont .search-btn-wrap {
    position: absolute;
    top: 50%;
    right: 90px;
    margin-top: -20px;
  }
  .search-cont .search-reset-wrap {
    bottom: 50%;
    right: 30px;
    z-index: 1;
    margin-bottom: -20px;
  }
}
/*! content - 이노베이션 */
.marB60 {
  margin-bottom: 30px !important;
}
.mob_block {
  display: block;
}
.temporarily-txt {
  text-align: center;
  font-family: "LGSmHaTSB";
  font-size: 20px;
}
.innovation-title {
  margin-bottom: 20px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  line-height: 23px;
  color: #000;
  text-align: center;
}
.innovation-title span {
  color: #bb0841;
}
.innovation-sub-title {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 23px;
  color: #000;
  text-align: center;
  word-break: keep-all;
  padding: 0 20px;
}
.innovation-sub-title br {
  display: none;
}
.innovation-sub-title.mb30 {
  margin-bottom: 30px;
}
.public-tab-wrap .innovation-cont {
  padding: 0 15px;
}
.public-tab-wrap .innovation-cont .img-box {
  margin-bottom: 20px;
  text-align: center;
}
.public-tab-wrap .innovation-cont .img-box.mt30 {
  margin-top: 40px;
}
.public-tab-wrap .innovation-cont .img-box img {
  max-width: 100%;
}
.public-tab-wrap .innovation-cont .txt-box {
  margin-bottom: 15px;
  font-size: 15px;
  color: #555;
  line-height: 21px;
}
.public-tab-wrap .innovation-cont .innovation-vision {
  xpadding-top: 60px;
}
.public-tab-wrap .innovation-cont .innovation-vision .img-box {
  margin-bottom: 20px;
  text-align: center;
}
.public-tab-wrap .innovation-cont .innovation-vision .img-box img {
  max-width: 100%;
}
.public-tab-wrap .innovation-cont .innovation-vision .txt-box {
  margin-bottom: 20px;
  font-size: 14px;
  color: #555;
  line-height: 21px;
}
.public-tab-wrap .innovation-cont .resident-list-wrap {
  position: relative;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li {
  width: 100%;
  margin-bottom: 30px;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box {
  margin-bottom: 0;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box img {
  width: 100%;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box {
  position: relative;
  padding: 30px 15px 22px 15px;
  border: 1px solid #ddd;
  border-top: none;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box h3 {
  margin-bottom: 30px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  color: #bb0841;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .desc {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 21px;
  color: #555;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl {
  position: relative;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl dt {
  position: relative;
  left: 0;
  top: 0;
  font-family: "LGSmHaTSB";
  font-size: 13px;
  color: #000;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl dd {
  padding-top: 10px;
  padding-left: 0;
  font-size: 13px;
  color: #777;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .btn-link {
  display: block;
  position: absolute;
  right: 30px;
  top: 22px;
  padding: 9px 13px;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #000;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .btn-link:hover {
  background-color: #bb0841;
  border: 1px solid #bb0841;
  color: #fff;
}
.public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .btn-link:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont {
  padding-top: 0;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont h3 {
  line-height: 23px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont h3 span {
  display: block;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .sub-title {
  margin-bottom: 30px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .lg-bi-logo {
  height: 0;
  padding-bottom: 52.8787%;
  background-image: url("../../images/common/bg_bi_logo01.jpg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont {
  padding: 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .inner-box {
  margin-top: 40px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .inner-box:first-child {
  margin-top: 0;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont h4 {
  margin-bottom: 15px;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  color: #000;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix {
  margin-bottom: 20px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix h4 {
  line-height: 20px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix h4 > em {
  display: inline-block;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix .inner-box {
  margin-top: 30px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix .inner-box:first-child {
  margin-top: 0;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box {
  border: 2px solid #ddd;
  text-align: center;
  background: url("../../images/common/img_sciencepark_bi_sqbg.jpg") repeat left top;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box:after {
  width: 100%;
  max-width: 656px;
  content: "";
  display: inline-block;
  vertical-align: top;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.en:after {
  padding-bottom: 54%;
  background: url("../../images/common/img_sciencepark_bi_m03_v2.png") no-repeat center center;
  background-size: contain;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.ko:after {
  padding-bottom: 34%;
  background: url("../../images/common/img_sciencepark_bi_m04.png") no-repeat center center;
  background-size: contain;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.second {
  padding: 20px 0 0 0;
  border-bottom: none;
}
.contact-us-warp {
  max-width: 980px;
  margin: 0 auto;
}
/* 2019-03-08 */
.contact-us-warp .contact-map {
  height: 0;
  padding-bottom: 61.060606%;
  background-image: url("../../images/common/bg_contantus_map_en.jpg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.contact-us-warp .contact-address {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #000;
}
.contact-us-warp .contact-address h3 {
  margin-bottom: 20px;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  color: #000;
}
.contact-us-warp .contact-address dl.address {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.contact-us-warp .contact-address dl.address dt {
  font-family: "LGSmHaTSB";
  font-size: 14px;
  color: #000;
  line-height: 21px;
}
.contact-us-warp .contact-address dl.address dd {
  margin-bottom: 20px;
  font-size: 14px;
  color: #555;
  line-height: 21px;
}
.contact-us-warp .contact-address ul.near-subway {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.contact-us-warp .contact-address ul.near-subway li {
  position: relative;
  float: left;
  margin-right: 15px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 20px;
}
.contact-us-warp .contact-address ul.near-subway li.number:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 17px;
  padding-right: 1px;
  color: #fff;
  line-height: 19px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
}
.contact-us-warp .contact-address ul.near-subway li.line9:before {
  content: "9";
  background-color: #ab911b;
}
.contact-us-warp .contact-address ul.near-subway li.airport:before {
  background-image: url("../../images/common/bg_line_airport.png");
  background-size: cover;
}
.contact-us-warp .contact-address ul.near-subway li.line5:before {
  content: "5";
  background-color: #a21bab;
}
.contact-us-warp .contact-address ul.near-subway li:last-child {
  margin-left: 0;
}
.contact-us-warp .contact-address ul.near-bus {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.contact-us-warp .contact-address ul.near-bus li {
  margin-top: 15px;
  font-size: 14px;
  color: #555;
}
.contact-us-warp .contact-address ul.near-bus li strong {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  vertical-align: top;
  font-family: "LGSmHaTSB";
  color: #000;
}
.contact-us-warp .contact-address ul.near-bus li:first-child {
  margin-top: 0;
}
.txt-asterisk {
  margin-left: 10px;
  font-size: 13px;
  color: #777;
  line-height: 19px;
}
.txt-asterisk span {
  display: inline-block;
  vertical-align: middle;
  margin-left: -10px;
}
.movie-view-wrap.innovation {
  padding: 0;
  border: none;
}
.innovation-visual-pc {
  display: none;
}
.innovation-visual-mo {
  display: block;
  margin-top: 30px;
  padding-bottom: 0;
}
.innovation-visual-mo img {
  width: 100%;
}

/*사이언스파크 re*/
.innovation-sub-title strong.fc_red {
  color: #bb0841;
  font-family: "LGSmHaTSB";
}
.public-tab-wrap .innovation-cont.sc_intro .mb15 {
  margin-bottom: 15px;
}
.public-tab-wrap .innovation-cont.sc_intro .mb30 {
  margin-bottom: 30px;
}
.public-tab-wrap .innovation-cont.sc_intro .btn-link {
  display: inline-block;
  padding: 10px 30px;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #000;
}
.public-tab-wrap .innovation-cont.sc_intro .btn-link:hover {
  background-color: #bb0841;
  border: 1px solid #bb0841;
  color: #fff;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box {
  margin-bottom: 40px;
  position: relative;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .lg_symlogo {
  margin-bottom: 30px;
  height: 220px;
  max-height: 340px;
  background: url("../../images/common/img_sciencepark_eng_bi_m01.jpg") no-repeat center center;
  background-size: contain;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont {
  padding: 30px 0;
  border-top: 1px solid #eee;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont .bold {
  font-family: "LGSmHaTSB";
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont .fc_red {
  color: #bb0841;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont .txt-box {
  margin-bottom: 15px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont .txt-box.mbnon {
  margin-bottom: 0;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box.inner-cont {
  padding: 0;
  border: 0;
  margin-bottom: 30px;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box .lg_symlogo_cn {
  border: 2px solid #ddd;
  text-align: center;
  background: url("../../images/common/img_sciencepark_bi_sqbg.jpg") repeat left top;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box .lg_symlogo_cn:after {
  padding-bottom: 46.8%;
  width: 100%;
  max-width: 656px;
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../../images/common/img_sciencepark_bi_m02.png") no-repeat center center;
  background-size: contain;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .btnbox {
  margin-top: 40px;
  padding: 30px 0;
  text-align: center;
  border-top: 1px solid #ddd;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .btnbox .btn-link {
  display: inline-block;
  padding: 10px 30px;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  color: #000;
}
.public-tab-wrap .innovation-cont .innovation-vision.bi-cont .btnbox .btn-link:hover {
  background-color: #bb0841;
  border: 1px solid #bb0841;
  color: #fff;
}

/*!
	이노베이션 - 태블릿 기본 스타일
*/
@media (min-width: 768px) {
  .visual-area .txt-area01 {
    top: 214px;
    font-size: 46px;
  }
  .visual-area .txt-area02 {
    top: 290px;
    font-size: 26px;
  }

  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .lg_symlogo {
    height: 30vw;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.en:after {
    padding-bottom: 37%;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.ko:after {
    padding-bottom: 23%;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box .lg_symlogo_cn:after {
    padding-bottom: 32.8%;
  }
  .innovation-sub-title > em {
    display: inline-block;
  }
}
/*!
	이노베이션 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  /*! 혁신 이야기 임시*/
  .content-wrap.etc-solution {
    max-width: 100%;
  }
  .content-wrap.etc-solution .tab-list {
    max-width: 1200px;
    margin: -30px auto 0 auto;
  }
  .content-wrap.etc-solution .tab-cont.etc-tab-cont {
    max-width: 1680px;
    margin: 60px auto 0 auto;
  }
  .temporarily-txt {
    text-align: center;
    font-family: "LGSmHaTSB";
    font-size: 36px;
  }
  .marB60 {
    margin-bottom: 60px !important;
  }
  .mob_block {
    display: inline-block;
  }
  .innovation-title {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 26px;
  }
  .innovation-sub-title {
    font-size: 20px;
    line-height: 32px;
  }
  .innovation-sub-title br {
    display: block;
  }
  .sub-title {
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
  }
  .sub-title br {
    display: block;
  }
  .public-tab-wrap .tab-list {
    margin-top: 0;
  }
  /* .public-tab-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .public-tab-wrap .innovation-cont {
    padding: 0;
  }
  .public-tab-wrap .innovation-cont.info {
    padding: 0 110px;
  }
  .public-tab-wrap .innovation-cont .img-box {
    margin-bottom: 30px;
  }
  .public-tab-wrap .innovation-cont .img-box.mt40 {
    margin-top: 40px;
  }
  .public-tab-wrap .innovation-cont .txt-box {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision {
    xpadding-top: 90px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision .img-box {
    margin-bottom: 30px;
    text-align: center;
  }
  .public-tab-wrap .innovation-cont .innovation-vision .txt-box {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li {
    float: left;
    width: 32.166%;
    margin-left: 1.66%;
    position: relative;
    top: 30px;
    opacity: 0;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li:nth-child(3n + 1) {
    margin-left: 0;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box {
    overflow: hidden;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box img {
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box:active img,
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box:focus img,
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .img-box:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box {
    padding: 35px 30px;
    height: 580px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box h3 {
    font-size: 26px;
    line-height: 33px;
    padding-right: 100px;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .desc {
    font-size: 16px;
    line-height: 26px;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl {
    height: 70px;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 35px;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl dt {
    font-size: 15px;
    position: relative;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box dl dd {
    padding-top: 10px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    word-break: keep-all;
    letter-spacing: -0.05em;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box .btn-link {
    top: 35px;
    padding: 7px 18px;
    font-size: 15px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box {
    margin-bottom: 60px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .lg_symlogo {
    margin-bottom: 0;
    width: 240px;
    height: 240px;
    position: absolute;
    top: 60px;
    left: 0;
    background: url("../../images/common/img_sciencepark_eng_bi_01.jpg") no-repeat left top;
    background-size: auto 100%;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont {
    padding: 60px 0 60px 290px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont h4 {
    margin-bottom: 25px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .leftimg_box .inner-cont .txt-box {
    margin-bottom: 22px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box.inner-cont {
    margin-bottom: 0px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box .lg_symlogo_cn {
    padding: 0;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .cnlogo_box .lg_symlogo_cn:after {
    padding-bottom: 0;
    width: 100%;
    max-width: 976px;
    height: 309px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix {
    margin: 60px 0;
    padding: 0;
    border: 0;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix h4 {
    letter-spacing: -0.02em;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.clfix .inner-box {
    margin-top: 0px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont h3 {
    line-height: 32px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont h3 span {
    display: inline-block;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .innovation-sub-title {
    margin-bottom: 60px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .innovation-sub-title .txt-block {
    display: block;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .lg-bi-logo {
    height: 265px;
    padding-bottom: 0;
    border: 1px solid #ddd;
    background-image: url("../../images/common/bg_bi_logo01_pc.jpg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont {
    margin-bottom: 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eee;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .inner-box {
    float: left;
    width: 47.2%;
    margin: 0 0 0 5.6%;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .inner-box:first-child {
    margin-left: 0;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont h4 {
    margin-bottom: 15px;
    font-family: "LGSmHaTSB";
    font-size: 20px;
    color: #000;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box:after {
    height: 199px;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.en:after {
    padding-bottom: 0;
    background: url("../../images/common/img_sciencepark_bi_03.png") no-repeat center center;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont .lg-bi-box.ko:after {
    padding-bottom: 0;
    background: url("../../images/common/img_sciencepark_bi_04.png") no-repeat center center;
  }
  .public-tab-wrap .innovation-cont .innovation-vision.bi-cont .inner-cont.second {
    margin-bottom: 25px;
    padding: 60px 0 0 0;
    border-bottom: none;
  }
  .txt-asterisk {
    position: relative;
    font-size: 15px;
    line-height: 20px;
  }
  .txt-asterisk span {
    position: absolute;
    line-height: 20px;
    top: 3px;
  }
  .contact-us-warp .contact-map {
    height: 665px;
    padding-bottom: 0;
    border: none;
    background-image: url("../../images/common/bg_contantus_map_pc3.jpg");
    background-size: auto auto;
    background-position: center top;
  }
  .contact-us-warp .contact-address {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #000;
  }
  .contact-us-warp .contact-address .contact-inner {
    margin-top: 40px;
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
  }
  .contact-us-warp .contact-address .contact-inner:first-child {
    margin-top: 0;
  }
  .contact-us-warp .contact-address h3 {
    float: left;
    width: 19.59%;
    margin-bottom: 0;
    font-size: 20px;
  }
  .contact-us-warp .contact-address dl.address {
    float: left;
    width: 80.306%;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: none;
  }
  .contact-us-warp .contact-address dl.address dt {
    font-family: "LGSmHaTSB";
    font-size: 16px;
    color: #000;
    line-height: 26px;
  }
  .contact-us-warp .contact-address dl.address dd {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 26px;
  }
  .contact-us-warp .contact-address ul.near-subway {
    float: left;
    width: 80.306%;
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .contact-us-warp .contact-address ul.near-subway li {
    position: relative;
    float: left;
    margin-left: 20px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 22px;
  }
  .contact-us-warp .contact-address ul.near-subway li.number:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 22px;
    padding-right: 1px;
    color: #fff;
    line-height: 24px;
    font-size: 15px;
    text-align: center;
    border-radius: 50%;
  }
  .contact-us-warp .contact-address ul.near-subway li.line9:before {
    content: "9";
    background-color: #ab911b;
    font-family: "LGSmHaTSB";
  }
  .contact-us-warp .contact-address ul.near-subway li.airport:before {
    background-image: url("../../images/common/bg_line_airport.png");
    background-size: cover;
  }
  .contact-us-warp .contact-address ul.near-subway li.line5:before {
    content: "5";
    background-color: #a21bab;
    font-family: "LGSmHaTSB";
  }
  .contact-us-warp .contact-address ul.near-subway li:first-child {
    margin-left: 0;
  }
  .contact-us-warp .contact-address ul.near-bus {
    float: left;
    width: 80.306%;
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .contact-us-warp .contact-address ul.near-bus li {
    float: left;
    margin-top: 0;
    font-size: 16px;
    color: #555;
    padding-bottom: 5px;
  }
  .contact-us-warp .contact-address ul.near-bus li:after {
    content: "";
    margin: 0 15px;
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #ddd;
    vertical-align: middle;
  }
  .contact-us-warp .contact-address ul.near-bus li:last-child:after {
    display: none;
  }
  .contact-us-warp .contact-address ul.near-bus li strong {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    font-family: "LGSmHaTSB";
    color: #000;
  }
  .innovation-visual-pc {
    display: block;
    margin-top: 60px;
    padding-bottom: 20px;
  }
  .innovation-visual-pc img {
    width: 100%;
  }
  .innovation-visual-mo {
    display: none;
  }
}
/*! content - 투자정보 */
.investment-public-wrap {
  /*! 연차보고서, 감사보고서 테이블 */
}
.investment-public-wrap .tb-wrap.report-tb .td03,
.investment-public-wrap .tb-wrap.report-tb .th03 {
  width: 25%;
}
/* 20201118 추가 */
@media (max-width: 650px) {
  .investment-public-wrap .tb-wrap.report-tb.type02 .td03,
  .investment-public-wrap .tb-wrap.report-tb.type02 .th03 {
    width: 35%;
  }
}
@media (max-width: 480px) {
  .investment-public-wrap .tb-wrap.report-tb.type02 .td03 {
    padding: 8px 0;
  }
}
.investment-public-wrap .tb-wrap.report-tb .td04,
.investment-public-wrap .tb-wrap.report-tb .th04 {
  display: none;
}
.investment-public-wrap .tb-list-st table td a {
  color: #555;
}

/* contact ir 페이지 생성 */
.investment-public-wrap .contact-ir-cnt {
  display: block;
  position: relative;
  padding: 65px 50px;
  overflow: hidden;
}

.ir-info {
  display: block;
  width: 100%;
}

.investment-public-wrap .ir-title {
  position: relative;
  font-family: LG Smart_H;
  font-size: 20px;
  font-weight: 700;
  line-height: 21.7px;
  padding-bottom: 30px;
  text-align: left;
  color: #000;
}

.investment-public-wrap .ir-title span {
  font-weight: 600;
}

.investment-public-wrap .ir-title:after {
  display: inline-block;
  clear: both;
  content: "";
  position: absolute;
  background: #d9d9d9;
  width: 100%;
  height: 2px;
  left: 0;
  top: 100%;
}

.investment-public-wrap .ir-text {
  padding-top: 30px;
}
.investment-public-wrap .ir-text strong {
  display: block;
  font-family: LG Smart_H;
  font-size: 20px;
  font-weight: 700;
  line-height: 21.7px;
  text-align: left;
  color: #000;
  padding-bottom: 12px;
}
.investment-public-wrap .ir-text p {
  font-family: LG Smart_H;
  font-size: 14px;
  font-weight: 700;
  line-height: 15.19px;
  text-align: left;
  color: #000;
  padding-bottom: 6px;
}
.investment-public-wrap .ir-mail {
  display: block;

  position: absolute;
  bottom: 79px;
  right: 50px;
  width: 46px;
  height: 32px;
}
.investment-public-wrap .ir-mail a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../../images/common/contact-it-mail.png");
  background-repeat: no-repeat;
  background-size: 46px auto;
}

@media (min-width: 1025px) {
  .investment-public-wrap .contact-ir-cnt {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 266px 0px 100px;
  }

  .ir-info {
    display: flex;
    gap: 174px;
    width: auto;
  }

  .investment-public-wrap .ir-title {
    position: relative;
    font-family: LG Smart_H;
    font-size: 60px;
    font-weight: 700;
    line-height: 65.1px;
    text-align: left;
    color: #000;
    padding-bottom: 0;
  }

  .investment-public-wrap .ir-title span {
    font-weight: 600;
  }

  .investment-public-wrap .ir-title:after {
    display: inline-block;
    clear: both;
    content: "";
    position: absolute;
    right: -86px;
    top: 0;
    width: 5px;
    height: 190px;
    background: #d9d9d9;
    left: auto;
  }

  .investment-public-wrap .ir-text {
    padding-top: 0;
  }
  .investment-public-wrap .ir-text strong {
    display: block;
    font-family: LG Smart_H;
    font-size: 60px;
    font-weight: 700;
    line-height: 65.1px;
    text-align: left;
    color: #000;
    padding-bottom: 35px;
  }
  .investment-public-wrap .ir-text p {
    font-family: LG Smart_H;
    font-size: 30px;
    font-weight: 700;
    line-height: 32.5px;
    text-align: left;
    color: #000;
    padding-bottom: 12px;
  }
  .investment-public-wrap .ir-mail {
    position: static;
    display: block;
    width: 76px;
    height: 54px;
  }
  .investment-public-wrap .ir-mail a {
    display: block;
    width: 100%;
    height: 54px;
    background-image: url("../../images/common/contact-it-mail.png");
    background-repeat: no-repeat;
    background-size: 76px auto;
  }
}

/*! 공시정보 뷰 페이지 */
.investment-view-wrap .txt-wrap {
  padding: 21px 15px;
}
.investment-view-wrap .view-txt {
  padding: 20px 15px 30px 15px;
}
.investment-view-wrap .view-attached-file {
  position: absolute;
  bottom: 21px;
  right: 15px;
}
.investment-view-wrap .view-attached-file .txt {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
.investment-finance-wrap .finance-search-wrap {
  padding: 0 15px;
  font-size: 0;
}
.investment-finance-wrap .finance-search-wrap .selectbox-wrap {
  width: 100%;
  font-size: 14px;
}
.investment-finance-wrap .finance-search-wrap .btn-form-search {
  display: none;
}
.investment-finance-wrap .finance-tb-wrap {
  margin-top: 28px;
}
.investment-finance-wrap .finance-tb-wrap .tb-sum-list-st + .tb-tit-wrap {
  margin-top: 38px;
}
/*! 기업지배구조 - 이사회, 감사위원회 */
.investment-governance-wrap {
  /*! 이사회 */ /*! 감사위원회 */
}
.investment-governance-wrap .investment-directors-wrap .directors-list {
  border-top: 1px solid #000;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item {
  display: table;
  width: 100%;
  border-bottom: 1px solid #eee;
  table-layout: fixed;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap {
  display: table-cell;
  padding-left: 15px;
  padding-bottom: 11px;
  width: 66%;
  vertical-align: bottom;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .name {
  margin-bottom: 10px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .txt {
  display: block;
  line-height: 19px;
  font-size: 12px;
  color: #777;
  word-break: keep-all;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .img-wrap {
  display: table-cell;
  padding-right: 15px;
  width: 34%;
  vertical-align: bottom;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .img-wrap img {
  max-width: 100%;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.chairperson {
  padding-top: 13px;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.chairperson .txt {
  font-size: 14px;
  color: #555;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.chairperson .txt em {
  color: #bb0841;
}
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item04 .txt-wrap,
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item05 .txt-wrap,
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item06 .txt-wrap,
.investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item07 .txt-wrap {
  padding-top: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-list.en {
  padding-top: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item03 .txt-wrap {
  padding-top: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb {
  margin-top: 20px;
  margin-bottom: 38px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb td,
.investment-governance-wrap .investment-directors-wrap .directors-tb th {
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb td {
  padding: 12px 0;
  vertical-align: top;
  color: #555;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td01,
.investment-governance-wrap .investment-directors-wrap .directors-tb .td02,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th01,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th02 {
  display: none;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .mobile {
  display: table-cell;
  padding-left: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td01.mobile,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th01.mobile {
  width: 29%;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td03,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th03 {
  width: 18%;
  padding-right: 15px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td04,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th04 {
  width: 13%;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td05,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th05 {
  width: 22%;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb .td06,
.investment-governance-wrap .investment-directors-wrap .directors-tb .th06 {
  width: 18%;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb2 td,
.investment-governance-wrap .investment-directors-wrap .directors-tb2 th {
  text-align: left;
  white-space: inherit !important;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb2 td {
  padding: 12px 0;
  vertical-align: top;
  word-break: keep-all;
  word-wrap: break-word;
  color: #555;
  line-height: 20px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .td01,
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .th01 {
  width: -webkit-calc(36% - 25px);
  width: calc(36% - 25px);
  padding-left: 15px;
  padding-right: 10px;
  display: table-cell;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .td02,
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .th02 {
  width: -webkit-calc(28% - 10px);
  width: calc(28% - 10px);
  padding-right: 10px;
}
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .td03,
.investment-governance-wrap .investment-directors-wrap .directors-tb2 .th03 {
  width: -webkit-calc(36% - 15px);
  width: calc(36% - 15px);
  padding-right: 15px;
}
.investment-governance-wrap .audit-cont .txt-wrap {
  padding: 0 15px;
  text-align: center;
}
.investment-governance-wrap .audit-cont .txt-wrap .tit {
  margin-bottom: 25px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  color: #000;
}
.investment-governance-wrap .audit-cont .txt-wrap .tit em {
  color: #bb0841;
}
.investment-governance-wrap .audit-cont .txt-wrap .txt {
  font-size: 14px;
  line-height: 19px;
  color: #555;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .audit-cont .txt-wrap .txt + .txt {
  margin-top: 20px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap {
  margin-top: 50px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .tb-tit-wrap .tit {
  font-size: 17px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .tb-wrap.tb-list-st + .tb-tit-wrap {
  margin-top: 38px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden td {
  color: #555 !important;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table thead th {
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table thead th.th01 {
  padding: 0 15px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table tbody td {
  text-align: left;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table tbody td.td01 {
  padding: 0 15px;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table tbody td.td02 {
  padding: 0;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table thead th {
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table thead th.th01 {
  padding: 0 15px;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table tbody td {
  text-align: left;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table tbody td.td01 {
  padding: 0 15px;
  word-break: keep-all;
  word-wrap: break-word;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table tbody td.td02 {
  padding: 0;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .reference {
  color: #bb0841;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .etc-tb-txt {
  padding: 10px 15px 0;
  text-align: right;
  font-size: 12px;
  color: #777;
}
.investment-governance-wrap .audit-cont .governance-tb-wrap .etc-tb-txt .reference {
  display: inline-block;
  margin-right: 3px;
}
/*! 공시정보관리규정   */
.investment-rule-wrap .investment-mo-search {
  padding: 0 15px;
  margin-bottom: 27px;
  font-size: 0;
}
.investment-rule-wrap .investment-mo-search .selectbox-wrap {
  font-size: 14px;
}
.investment-rule-wrap .investment-pc-search {
  display: none;
}
.investment-rule-wrap .rule-list {
  padding: 0 15px;
}
.investment-rule-wrap .rule-list .tit {
  margin-bottom: 26px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  line-height: 25px;
  color: #000;
}
.investment-rule-wrap .rule-list .sub-tit {
  margin-bottom: 7px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
}
.investment-rule-wrap .rule-list .txt {
  font-size: 14px;
  color: #555;
  line-height: 21px;
}
.investment-rule-wrap .rule-list .txt + .sub-tit,
.investment-rule-wrap .rule-list .txt + .tit,
.investment-rule-wrap .rule-list .txt-list + .sub-tit,
.investment-rule-wrap .rule-list .txt-list + .tit {
  margin-top: 25px;
}
.investment-rule-wrap .rule-list .txt-list .txt {
  margin-top: 12px;
}
.investment-rule-wrap .rule-list .txt-list .txt:first-child {
  margin-top: 0;
}
.investment-rule-wrap .rule-list .txt-list .sub {
  margin-left: 15px;
}
.investment-rule-wrap .rule-list .txt-list .sub .txt {
  margin-top: 0;
}
/*!
	투자정보 - 태블릿 기본 스타일
*/
@media (min-width: 768px) {
  .investment-finance-wrap .finance-search-wrap {
    padding: 0;
    text-align: right;
    font-size: 0;
  }
  .investment-finance-wrap .finance-search-wrap .selectbox-wrap {
    margin-right: 7px;
    width: 150px;
    font-size: 16px;
  }
  .investment-finance-wrap .finance-search-wrap .btn-form-search {
    width: 60px;
    display: inline-block;
    vertical-align: top;
  }
}
/*!
	투자정보 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .investment-public-wrap {
    /*! 연차보고서, 감사보고서 테이블 */
  }
  .investment-public-wrap .tab-list {
    margin-top: 0;
  }
  /* .investment-public-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .investment-public-wrap .tab-list + .tb-wrap {
    margin-top: 60px;
  }
  .investment-public-wrap .tb-wrap.report-tb .td03,
  .investment-public-wrap .tb-wrap.report-tb .th03 {
    width: 120px;
  }
  .investment-public-wrap .tb-wrap.report-tb.type02 .td03,
  .investment-public-wrap .tb-wrap.report-tb.type02 .th03 {
    width: 160px;
  }
  .investment-public-wrap .tb-wrap.report-tb .td04,
  .investment-public-wrap .tb-wrap.report-tb .th04 {
    display: table-cell;
  }
  /*! 공시정보 뷰 페이지 */
  .investment-view-wrap .txt-wrap {
    padding: 25px 0;
    padding-right: 350px;
  }
  .investment-view-wrap .txt-wrap .tit {
    font-size: 20px;
  }
  .investment-view-wrap .txt-wrap .day {
    right: 0;
    padding-left: 17px;
    padding-right: 0;
  }
  .investment-view-wrap .txt-wrap .day:after {
    left: 0;
    right: inherit;
  }
  .investment-view-wrap .view-txt {
    padding: 20px 0 30px 0;
  }
  .investment-view-wrap .view-attached-file {
    position: absolute;
    top: 50%;
    bottom: inherit;
    right: 120px;
    margin-top: -12px;
  }
  .investment-view-wrap .view-attached-file .txt {
    max-width: 200px;
  }
  /*! 재무정보 - 재무상태표, 손익계산서, 현금흐름표  */
  .investment-finance-wrap .tab-list {
    margin-top: 0;
  }
  /* .investment-finance-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .investment-finance-wrap .finance-tb-wrap {
    margin-top: 8px;
  }
  .investment-finance-wrap .finance-tb-wrap .tb-tit-wrap .tit {
    font-size: 20px;
  }
  .investment-finance-wrap .finance-tb-wrap .tb-sum-list-st + .tb-tit-wrap {
    margin-top: 38px;
  }
  /*! 기업지배구조 - 이사회, 감사위원회 */
  .investment-governance-wrap {
    /*! 이사회 */ /*! 감사위원회 */
  }
  .investment-governance-wrap .tab-list {
    margin-top: 0px;
  }
  /* .investment-governance-wrap .tab-list{margin-top:-30px} */
  .investment-governance-wrap .investment-directors-wrap .tb-tit-wrap .tit {
    font-size: 20px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb {
    margin-top: 20px;
    margin-bottom: 38px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb td,
  .investment-governance-wrap .investment-directors-wrap .directors-tb th {
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb td {
    padding: 0;
    height: 50px;
    vertical-align: middle;
    color: #555;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td01,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td02,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th01,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th02 {
    display: table-cell;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .mobile {
    display: none;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td01,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th01 {
    padding-left: 20px;
    width: 16.6%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td02,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th02 {
    width: 16.6%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td03,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th03 {
    width: 16.6%;
    padding-right: 0;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td03 br {
    display: none;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td04,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th04 {
    width: 16.6%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td05,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th05 {
    width: 20%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td05 br,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th05 br {
    display: none;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb .td06,
  .investment-governance-wrap .investment-directors-wrap .directors-tb .th06 {
    width: 13%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 td,
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 th {
    text-align: left;
    white-space: inherit !important;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 td {
    padding: 9px 0;
    vertical-align: top;
    word-break: keep-all;
    word-wrap: break-word;
    color: #555;
    line-height: 26px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 tr:first-child td {
    padding: 13px 0;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .td01,
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .th01 {
    padding-left: 20px !important;
    width: 25%;
    display: table-cell;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .td02,
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .th02 {
    width: 25%;
    padding-right: 10px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .td03,
  .investment-governance-wrap .investment-directors-wrap .directors-tb2 .th03 {
    width: 50%;
    padding-right: 10% !important;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .pc-right .directors-item {
    float: right;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item {
    position: relative;
    float: left;
    display: inline-table;
    width: 100%;
    max-width: 255px;
    margin-right: 60px;
    border-bottom: 0;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap {
    position: relative;
    padding-top: 100px;
    display: table-cell;
    padding-left: 0;
    padding-bottom: 15px;
    width: 100%;
    vertical-align: bottom;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .name {
    margin-bottom: 40px;
    font-size: 20px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .name em {
    font-size: 14px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .txt {
    padding-left: 10px;
    line-height: 24px;
    font-size: 14px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap .txt em {
    margin-left: -10px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .txt-wrap:before {
    content: "";
    position: absolute;
    top: 140px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .img-wrap {
    position: absolute;
    top: 38px;
    right: -10px;
    display: table-cell;
    padding-right: 0;
    width: 40%;
    vertical-align: bottom;
    text-align: right;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item .img-wrap img {
    width: 100%;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item04 {
    clear: both;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item04 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item05 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item06 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item07 .txt-wrap {
    padding-top: 100px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list .directors-item.item07 {
    margin-right: 0;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en {
    padding-top: 0;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li {
    float: left;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(1),
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(2),
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(3) {
    min-height: 240px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(4),
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(5),
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(6),
  .investment-governance-wrap .investment-directors-wrap .directors-list.en li:nth-child(7) {
    min-height: 421px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item .txt-wrap {
    padding-top: 80px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item03 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item04 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item05 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item06 .txt-wrap,
  .investment-governance-wrap .investment-directors-wrap .directors-list.en .directors-item.item07 .txt-wrap {
    padding-top: 80px;
  }
  .investment-governance-wrap .investment-directors-wrap .directors-tb {
    margin-top: 30px;
  }
  .investment-governance-wrap .audit-cont .txt-wrap {
    padding: 0 180px;
    text-align: center;
  }
  .investment-governance-wrap .audit-cont .txt-wrap .tit {
    margin-bottom: 25px;
    font-size: 26px;
  }
  .investment-governance-wrap .audit-cont .txt-wrap .txt {
    font-size: 16px;
    line-height: 26px;
  }
  .investment-governance-wrap .audit-cont .txt-wrap .txt + .txt {
    margin-top: 20px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap {
    margin-top: 60px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .tb-tit-wrap .tit {
    font-size: 20px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .tb-wrap.tb-list-st + .tb-tit-wrap {
    margin-top: 40px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table thead th.th01,
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table thead th.th01 {
    padding: 0 20px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table tbody td.td01,
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table tbody td.td01 {
    padding: 0 20px;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column4 table tbody td.td02,
  .investment-governance-wrap .audit-cont .governance-tb-wrap .no-hidden.column5 table tbody td.td02 {
    padding: 0;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .etc-tb-txt {
    padding: 15px 0 0;
    font-size: 15px;
    vertical-align: middle;
  }
  .investment-governance-wrap .audit-cont .governance-tb-wrap .etc-tb-txt .reference {
    margin-right: 6px;
    vertical-align: middle;
  }
  /*! 공시정보관리규정   */
  .investment-rule-wrap .investment-mo-search {
    display: none;
  }
  .investment-rule-wrap .investment-pc-search {
    margin-bottom: 58px;
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab {
    font-size: 0;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item {
    display: inline-block;
    width: -webkit-calc(100%/4);
    width: calc(100% / 4);
    border-bottom: 1px solid #eee;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item:nth-last-child(-n + 3) {
    border-bottom: none;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item a {
    display: inline-block;
    padding: 21px 0;
    font-family: "LGSmHaTSB";
    font-size: 16px;
    color: #555;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item a.on {
    color: #bb0841;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item a.on:after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -275px -206px;
    width: 10px;
    height: 15px;
    background-size: 461px 445px;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item.item02 a,
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item.item06 a {
    margin-left: 15px;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item.item03 a,
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item.item07 a {
    margin-left: 90px;
  }
  .investment-rule-wrap .investment-pc-search .investment-tab .investment-tab-item.item04 a {
    margin-left: 70px;
  }
  .investment-rule-wrap .rule-list {
    padding: 0;
  }
  .investment-rule-wrap .rule-list .tit {
    margin-bottom: 60px;
    font-size: 26px;
    line-height: 30px;
  }
  .investment-rule-wrap .rule-list .sub-tit {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 20px;
  }
  .investment-rule-wrap .rule-list .txt {
    font-size: 15px;
    line-height: 24px;
  }
  .investment-rule-wrap .rule-list .txt + .sub-tit,
  .investment-rule-wrap .rule-list .txt + .tit,
  .investment-rule-wrap .rule-list .txt-list + .sub-tit,
  .investment-rule-wrap .rule-list .txt-list + .tit {
    margin-top: 23px;
  }
  .investment-rule-wrap .rule-list .txt-list .txt {
    margin-top: 9px;
  }
  .investment-rule-wrap .rule-list .txt-list .sub {
    margin-left: 20px;
  }
}
/*! IR 오른쪽 링크배너 추가 */
.right_skybanner {
  margin-top: 40px;
  overflow: hidden;
}
.right_skybanner .b_title {
  padding: 14px 0 12px 15px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  letter-spacing: -0.04em;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.right_skybanner .bnlist {
  background: #fff;
}
.right_skybanner .bnlist li {
  padding: 16px 0 0 24px;
  position: relative;
  width: 21%;
  float: left;
}
.right_skybanner .bnlist li:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #bb0841;
  border-radius: 50%;
  position: absolute;
  top: 22px;
  left: 15px;
}
.right_skybanner .bnlist li a {
  display: inline-block;
  color: #555;
}
.right_skybanner .bnlist li.sh {
  width: 15%;
}
.right_skybanner .bnlist li.long {
  width: 30%;
}
@media (max-width: 767px) {
  .right_skybanner .bnlist li.sh,
  .right_skybanner .bnlist li.long,
  .right_skybanner .bnlist li {
    width: 180px;
  }
}
@media (min-width: 1025px) {
  .right_skybanner {
    width: 150px;
    position: fixed;
    right: 46px;
    top: 360px;
    z-index: 1;
  }
  .right_skybanner.view {
    top: 187px;
  }
  .right_skybanner .b_title {
    padding: 10px 0 8px 26px;
    font-size: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .right_skybanner .bnlist {
    border: 1px solid #efefef;
    border-top: 0;
  }
  .right_skybanner .bnlist li {
    padding: 10px 0 8px 28px;
    border-top: 1px solid #efefef;
    width: auto;
    float: none;
  }
  .right_skybanner .bnlist li.sh,
  .right_skybanner .bnlist li.long {
    width: auto;
  }
  .right_skybanner .bnlist li:first-child {
    border-top: 0;
  }
  .right_skybanner .bnlist li:before {
    left: 18px;
    top: 16px;
  }
  .right_skybanner .bnlist li a {
    font-size: 15px;
    letter-spacing: -0.04em;
    color: #000;
  }
  .right_skybanner .bnlist li a:hover {
    color: #bb0841;
  }
  .right_skybanner .bnlist li a span {
    display: inline-block;
  }
}
/*!
	투자정보 - 기본 PC 예외 환경 스타일
*/
@media (min-width: 1025px) and (max-width: 1220px) {
  .directors-list {
    padding: 0 0 0 50px;
  }
}
/*! content - LG 소개 */
.marT60 {
  margin-top: 60px !important;
}
.intro-title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 23px;
  color: #000;
  text-align: center;
}
.intro-title span {
  display: inline-block;
  color: #bb0841;
  font-family: "LGSmHaTSB";
}
.intro-title br {
  display: none;
}
.intro-sub-title {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 23px;
  color: #000;
  text-align: center;
}
.intro-sub-title br {
  display: none;
}
.intro-cont {
  padding: 0 15px;
}
.intro-cont .magazine-list {
  padding: 10px 0 0 0;
}
.intro-cont .magazine-list .tit {
  height: auto;
  padding-top: 20px;
}
.intro-cont .magazine-list .tit span {
  color: #bb0841;
}
.summary-content .img-box {
  margin-bottom: 40px;
  padding: 0 15px;
  text-align: center;
}
.summary-content .img-box img {
  width: 100%;
}
.summary-content ul.summary-list li {
  position: relative;
  padding: 30px 0 15px 0;
  background-image: url("../../images/common/bg_summary_line.png");
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.summary-content ul.summary-list li dl {
  position: relative;
}
.summary-content ul.summary-list li dl:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -14px;
  left: 0;
  background-color: #ddd;
}
.summary-content ul.summary-list li dl:after {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  bottom: -13px;
  right: 0;
  background: url("../../images/common/bu_line_gray.png") no-repeat center top;
  background-size: 17px 17px;
}
.summary-content ul.summary-list li dl dt {
  font-family: "LGSmHaTSB";
  margin-bottom: 15px;
  font-size: 17px;
}
.summary-content ul.summary-list li dl dd {
  font-size: 14px;
  line-height: 21px;
  color: #555;
}
.summary-content ul.summary-list li.first dl dt {
  color: #8d744a;
}
.summary-content ul.summary-list li.second dl dt {
  color: #777;
}
.summary-content ul.summary-list li.last dl dt {
  color: #bb0841;
}
.summary-content.pc {
  display: none;
}
.intro03-list li {
  display: table;
  width: 100%;
  height: 180px;
  vertical-align: middle;
  margin-top: 15px;
  text-align: center;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.intro03-list li:first-child {
  margin-top: 0;
}
.intro03-list li .inner {
  display: table-cell;
  vertical-align: middle;
}
.intro03-list li .inner h3 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #fff;
  font-family: "LGSmHaTSB";
}
.intro03-list li .inner .desc {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.intro03-list li:nth-child(1) {
  background-image: url("../../images/common/bg_intro03-list01_mo.jpg");
}
.intro03-list li:nth-child(2) {
  background-image: url("../../images/common/bg_intro03-list02_mo.jpg");
}
.intro03-list li:nth-child(3) {
  background-image: url("../../images/common/bg_intro03-list03_mo.jpg");
}
.intro-cont .magazine-list li .info-area .dl_desc dt {
  margin-top: 8px;
  font-size: 16px;
  color: #000;
  font-family: "LGSmHaTSB";
  line-height: 21px;
}
.intro-cont .magazine-list li .info-area .dl_desc dd {
  margin: 6px 0 23px 0;
  font-size: 14px;
  color: #555;
  line-height: 21px;
  word-break: keep-all;
}
.intro-cont .magazine-list li .info-area .dl_desc dd:last-child {
  margin-bottom: 0;
}
.tab-list .tab-history .tab-item {
  min-height: 75px;
}
.tab-list .tab-history .tab-item .tab-txt {
  font-size: 11px;
}
.tab-list .tab-history .tab-item .tab-txt em {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 15px;
  font-family: "LGSmHaTSB";
}
.history-cont {
  border-bottom: 1px solid #eee;
}
.history-cont .top-intro-wrap {
  position: relative;
  height: 450px;
  margin: 0 15px 20px 15px;
  background-color: #e9e9e9;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.history-cont .top-intro-wrap.first {
  background-image: url("../../images/common/bg_first_president01.png");
}
.history-cont .top-intro-wrap.second {
  background-image: url("../../images/common/bg_first_president02.png");
}
.history-cont .top-intro-wrap.third {
  background-image: url("../../images/common/bg_first_president03.png");
}
.history-cont .top-intro-wrap.fourth {
  background-image: url("../../images/common/bg_first_president04.png");
}
.history-cont .top-intro-wrap .inner {
  padding: 43px 20px 0 20px;
}
/* 20200928 */
.history-cont .top-intro-wrap .inner .title {
  font-size: 30px;
  line-height: 50px;
}
.history-cont .top-intro-wrap.fourth .inner .title {
  width: auto;
}

/* .history-cont .top-intro-wrap .inner .title{margin-bottom:25px;font-size:20px;color:#000;font-family:"LGSmHaTSB";line-height:27px} */
.history-cont .top-intro-wrap .inner .desc {
  padding-bottom: 10px;
  font-size: 15px;
  color: #555;
  line-height: 22px;
}
.history-cont .top-intro-wrap .btn-link {
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding-right: 23px;
  line-height: 16px;
}
/*.history-cont .top-intro-wrap .btn-link:after{position:absolute;right:0;top:0;display:block;content:"";width:16px;height:16px;background-image:url("../../images/common/bg_arrow_circle_red.png");background-size:cover}*/
.history-time-line {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  padding: 20px 8.333% 20px 8.333%;
  text-align: center;
}
.history-time-line.fixed-history-time {
  position: fixed;
  top: 0;
  z-index: 3;
}
.history-time-line:before {
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 1;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eee;
}
.history-time-line > a {
  display: inline-block;
  position: relative;
  width: 18%;
  padding-top: 12px;
  font-size: 14px;
  color: #555;
  line-height: 14px;
  text-align: center;
}
.history-time-line > a.on {
  font-family: "LGSmHaTSB";
  color: #000;
}
.history-time-line > a.on:before {
  background-color: #bb0841;
}
.history-time-line > a:before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  margin-left: -2px;
  background-color: #aaa;
  border-radius: 50%;
}
.history-list {
  position: relative;
  padding: 20px 15px 50px 15px;
}
.history-list:before {
  position: absolute;
  left: 50%;
  top: 20px;
  display: block;
  content: "";
  width: 1px;
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
  background-color: #ddd;
}
.history-list h3.intro-title {
  position: relative;
  margin-top: 50px;
  padding: 15px 0;
  background-color: #fff;
  color: #777;
}
.history-list .history-box {
  position: relative;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.history-list .history-box .year {
  padding-right: 54.84%;
  font-size: 20px;
  text-align: right;
  font-family: "LGSmHaTSB";
}
.history-list .history-box .month {
  position: relative;
}
.history-list .history-box .month .inner {
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 15px;
}
.history-list .history-box .month .inner:first-child {
  margin-top: 0;
}
.history-list .history-box .month .inner dl {
  position: relative;
  display: inline-block;
  width: 50%;
  padding-left: 5%;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.history-list .history-box .month .inner dl dt.txt-month {
  margin-bottom: 5px;
  padding-top: 15px;
  font-size: 15px;
  font-family: "LGSmHaTB";
}
.history-list .history-box .month .inner dl dt.txt-month:before {
  position: absolute;
  left: -2px;
  top: 18px;
  z-index: 2;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #bb0841;
  border-radius: 50%;
}
.history-list .history-box .month .inner dl dt.txt-month:after {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1;
  display: block;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #e1e1e1;
}
.history-list .history-box .month .inner dl dd ul li {
  margin-top: 20px;
  line-height: 19px;
  font-size: 12px;
  color: #000;
}
.history-list .history-box .month .inner dl dd ul li:first-child {
  margin-top: 0;
}
.history-list .history-box .month .inner dl dd ul li.img-cont {
  margin-top: 10px;
}
.history-list .history-box .month .inner dl dd ul li.img-cont > span {
  display: inline-block;
  margin-top: 9px;
}
.history-list .history-box .month .inner dl dd ul li.img-cont > span img {
  width: 100%;
}
.history-list .history-box .month .inner dl dd ul li.img-cont > span:first-child {
  margin-top: 0;
}
.history-list .history-box .month .inner dl dd ul li.space01 {
  margin-top: 25px;
}
.history-list .history-box .month .inner.right {
  text-align: right;
}
.history-list .history-box .month .inner.left {
  text-align: left;
}
.history-list .history-box .month .inner.left dl {
  padding: 0 5% 0 0;
  text-align: right;
}
.history-list .history-box .month .inner.left dl dt.txt-month:before {
  left: auto;
  right: -2px;
}
.history-list .history-box .month .inner.left dl dt.txt-month:after {
  left: auto;
  right: 0;
}
.intro-ci-wrap .ci-rule-cont {
  padding: 0 15px;
}
.intro-ci-wrap .ci-rule-cont .tit-wrap {
  margin-bottom: 34px;
}
.intro-ci-wrap .ci-rule-cont .tit-wrap .tit {
  font-size: 16px;
  text-align: center;
  line-height: 23px;
}
.intro-ci-wrap .ci-rule-cont .tit-wrap .tit span {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.intro-ci-wrap .ci-rule-cont .ci-logo-img-wrap {
  text-align: center;
  font-size: 0;
}
.intro-ci-wrap .ci-rule-cont .ci-logo-img-wrap .bg {
  width: 170px;
  height: 77px;
  display: inline-block;
  background: url("../../images/common/img_ci_logo_mo.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.intro-ci-wrap .ci-rule-cont .ci-grid-wrap {
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
  height: 250px;
  border: 1px solid #eee;
  background: url("../../images/common/img_ci_grid.jpg") no-repeat center 35px;
  background-size: 265px 120px;
}
.intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt-area {
  position: absolute;
  bottom: 35px;
  width: 100%;
  display: block;
  text-align: center;
}
.intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt01,
.intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt02 {
  display: block;
  line-height: 21px;
  font-size: 14px;
  color: #777;
  font-family: "LGSmHaTR";
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 {
  width: 140px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img01:before {
  margin-left: -35px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img01:after {
  margin-left: -34px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img02:before {
  margin-left: -35px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img02:after {
  margin-left: -33px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap {
  display: table;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .item01 {
  display: table-cell;
  width: 165px;
  padding-right: 0;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .item02 {
  display: table-cell;
  width: -webkit-calc(100% - 165px);
  width: calc(100% - 165px);
  padding-left: 0;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 {
  width: 130px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dt {
  text-align: center;
  position: relative;
  padding-bottom: 33px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 75px;
  height: 25px;
  margin-left: -37px;
  background: url("../../images/common/img_tree01.png") no-repeat center top;
  background-size: 75px 25px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dd {
  position: relative;
  padding-bottom: 100px;
  padding-top: 8px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dd:before {
  content: "";
  position: absolute;
  bottom: 70px;
  left: 50%;
  width: 60px;
  height: 25px;
  background: url("../../images/common/img_tree02.png") no-repeat center top;
  background-size: 60px 25px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01 {
  float: left;
  font-size: 14px;
  color: #777;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01:before {
  margin-left: -27px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 59px;
  height: 55px;
  margin-left: -23px;
  background: url("../../images/common/img_ci_txt_mark.jpg") no-repeat center top;
  background-size: 59px 55px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02 {
  float: right;
  font-size: 14px;
  color: #777;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02:before {
  margin-left: -25px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 59px;
  height: 55px;
  margin-left: -23px;
  background: url("../../images/common/img_ci_txt_logo.jpg") no-repeat center top;
  background-size: 59px 55px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec02 {
  width: 100%;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec02 dt {
  font-size: 17px;
  color: #000;
  line-height: 18px;
  padding-bottom: 15px;
  font-family: "LGSmHaTSB";
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec02 dd {
  font-size: 14px;
  color: #555;
  line-height: 21px;
  font-family: "LGSmHaTR";
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system {
  margin-top: 40px;
  border-top: 1px solid #eee;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system .tit {
  padding: 40px 0 30px 0;
  font-family: "LGSmHaTSB";
  font-size: 17px;
}
.intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system .color-wrap {
  position: relative;
  height: 155px;
  background: url("../../images/common/img_ci_bg_color.jpg") no-repeat center center;
  background-size: contain;
}
.intro-ci-wrap .ci-story-cont {
  padding: 0 15px;
}
.intro-ci-wrap .ci-story-cont .point {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.intro-ci-wrap .ci-story-cont .bold {
  font-family: "LGSmHaTSB";
  color: #000;
}
.intro-ci-wrap .ci-story-cont .tit {
  padding-bottom: 25px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  text-align: center;
}
.intro-ci-wrap .ci-story-cont .txt {
  padding-bottom: 22px;
  font-size: 14px;
  color: #555;
  line-height: 21px;
}
.intro-ci-wrap .ci-story-cont *[class*="bg"] {
  margin: 4px 0 26px;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.intro-ci-wrap .ci-story-cont .bg01 {
  height: 210px;
  background-image: url("../../images/common/img_ci_story01.jpg");
}
.intro-ci-wrap .ci-story-cont .bg02 {
  height: 210px;
  background-image: url("../../images/common/img_ci_story02.jpg");
}
.intro-ci-wrap .ci-story-cont .bg03 {
  height: 270px;
  background-image: url("../../images/common/img_ci_story03.jpg");
}
.intro-ci-wrap .ci-story-cont .story1 .txt:last-child {
  padding-bottom: 0;
}
.intro-ci-wrap .ci-story-cont .story2 .tit {
  padding-top: 45px;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tit {
  padding-bottom: 13px;
  text-align: left;
  font-size: 16px;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead th {
  font-family: "LGSmHaTSB";
  color: #bb0841;
  line-height: 34px;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th01 {
  width: 19%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th02 {
  width: 27%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th03 {
  width: 27%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th04 {
  width: 27%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody th {
  font-family: "LGSmHaTSB";
  color: #777;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody td {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody tr:last-child td,
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody tr:last-child th {
  border-bottom: 1px solid #ddd;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .th01 {
  width: 19%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td01 {
  width: 27%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td02 {
  width: 27%;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td03 {
  width: 27%;
  border-right: none;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody *[class*="logo"] {
  display: inline-block;
  max-width: 89px;
  width: 100%;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo01 {
  background-image: url("../../images/common/img_ci_table_01.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo02 {
  background-image: url("../../images/common/img_ci_table_02.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo03 {
  background-image: url("../../images/common/img_ci_table_03.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo04 {
  background-image: url("../../images/common/img_ci_table_04.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo05 {
  background-image: url("../../images/common/img_ci_table_05.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo06 {
  background-image: url("../../images/common/img_ci_table_06.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo07 {
  background-image: url("../../images/common/img_ci_table_07.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo08 {
  background-image: url("../../images/common/img_ci_table_08.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo09 {
  background-image: url("../../images/common/img_ci_table_09.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo10 {
  background-image: url("../../images/common/img_ci_table_10.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo11 {
  background-image: url("../../images/common/img_ci_table_11.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo12 {
  background-image: url("../../images/common/img_ci_table_12.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo13 {
  background-image: url("../../images/common/img_ci_table_13.jpg");
}
.intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo14 {
  background-image: url("../../images/common/img_ci_table_14.jpg");
}
.subsidiary-wrap .subsidiary-link-wrap {
  padding: 0 15px;
  font-size: 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.subsidiary-wrap .subsidiary-link-wrap .link {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}
.subsidiary-wrap .subsidiary-link-wrap .link .txt {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 44px;
  color: #777;
}
.subsidiary-wrap .subsidiary-link-wrap .link.on .txt {
  font-family: "LGSmHaTSB";
  color: #000;
}
.subsidiary-wrap .subsidiary-link-wrap .link.on .txt:before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #bb0841;
}
.subsidiary-wrap .subsidiary-link-wrap .link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #eee;
}
.subsidiary-wrap .subsidiary-link-wrap .link:last-child:after {
  display: none;
}
.subsidiary-wrap .subsidiary-cont {
  padding: 30px 15px 0 15px;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] {
  font-size: 0;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"]:last-child {
  padding-bottom: 0;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap {
  padding-bottom: 50px;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap:last-child {
  padding-bottom: 0;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item {
  display: inline-block;
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  height: 100%;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-child(odd) {
  margin-right: 5px;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-child(even) {
  margin-left: 5px;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-cont {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-cont .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  color: #fff;
  z-index: 1;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-cont .txt .small-txt {
  font-size: 14px;
  margin-top: 5px;
}
.subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-cont .img img {
  width: 100%;
}
.subsidiary-wrap .tit-wrap {
  text-align: center;
  margin-bottom: 17px;
  padding-top: 50px;
}
.subsidiary-wrap .tit-wrap .tit {
  position: relative;
  padding-top: 37px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  line-height: 25px;
}
.subsidiary-wrap .tit-wrap .tit em {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  display: inline-block;
}
.subsidiary-wrap .tit-wrap .tit em.electron {
  background-position: -106px -80px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.subsidiary-wrap .tit-wrap .tit em.chemistry {
  background-position: -285px -50px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.subsidiary-wrap .tit-wrap .tit em.communication {
  background-position: -285px 0;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.subsidiary-wrap .tit-wrap .tit em.company {
  background-position: -285px -100px;
  width: 30px;
  height: 30px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.subsidiary-wrap .tit-wrap .tit em.lxholdings {
  background-image: url(../../images/common/lxholdings_mobile@2x_v2.jpg);
  background-position: 0 0;
  width: 50px;
  height: 30px;
  background-size: contain;
}
.subsidiary-wrap .subsidiary-electron .tit-wrap {
  padding-top: 0;
}
.popup-subsidiary {
  display: none;
  position: fixed;
  z-index: 102;
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup-subsidiary.popup-subsidiary-01 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop01_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-02 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop02_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-03 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop03_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-04 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop04_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-05 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop05_mo_3.jpg");
}
.popup-subsidiary.popup-subsidiary-06 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop06_mo.png");
}
.popup-subsidiary.popup-subsidiary-07 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop07_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-08 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop08_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-09 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop09_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-10 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop10_mo_new.png");
}
.popup-subsidiary.popup-subsidiary-11 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop11_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-12 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop12_mo.png");
}
.popup-subsidiary.popup-subsidiary-13 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop13_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-14 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop14_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-15 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop15_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-16 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop16_mo.jpg");
}
.popup-subsidiary.popup-subsidiary-17 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop17_mo_2.jpg");
}
.popup-subsidiary.popup-subsidiary-18 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop18_mo.jpg");
} /* 20210608 */
.popup-subsidiary.popup-subsidiary-19 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop19_mo_v02.jpg");
} /* 20210623 */
.popup-subsidiary.popup-subsidiary-20 .pop-tit-wrap {
  background-image: url("../../images/common/img_pop20_mo_v02.jpg");
} /* 20210623 */
.popup-subsidiary .pop-tit-wrap {
  position: relative;
  height: 150px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
.popup-subsidiary .pop-tit-wrap .tit {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-family: "LGSmHaTSB";
  font-size: 23px;
  color: #fff;
}
.popup-subsidiary .pop-txt-wrap {
  padding: 30px;
  text-align: center;
  background-color: #fff;
}
.popup-subsidiary .pop-txt-wrap .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #555;
  word-break: keep-all;
  text-align: left;
  width: 100%;
}
.popup-subsidiary .pop-txt-wrap .txt + .txt {
  margin-top: 20px;
}
.popup-subsidiary .pop-btn-wrap {
  text-align: left;
  margin-top: 30px;
}
/* 2019-03-08 */
.popup-subsidiary .pop-btn-wrap .btn-line {
  display: inline-block;
  padding: 0 14px;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup-subsidiary .pop-btn-wrap .btn-line:nth-child(1) {
  margin-right: 10px;
  margin-bottom: 10px;
}
.popup-subsidiary .pop-btn-wrap .btn-line .txt {
  padding: 8px 0;
  display: inline-block;
  line-height: 21px;
  font-size: 14px;
}
.popup-subsidiary .pop-btn-wrap .btn-line + .btn-line {
  margin-left: 0px;
}
.popup-subsidiary .btn-close {
  padding: 5px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.popup-subsidiary .btn-close em {
  display: inline-block;
  background-position: -39px -246px;
  width: 19px;
  height: 19px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
/*!
	LG소개 - 태블릿 기본 스타일
*/
@media (min-width: 768px) {
  .visual-area .txt-area01 {
    top: 85px;
    font-size: 46px;
  }
  .visual-area.ir .txt-area01 {
    top: 110px;
  }
  .visual-area.csrlong .txt-area01 {
    top: 50px;
  }
  .visual-area .txt-area02 {
    top: 290px;
    font-size: 26px;
  }
  .intro03-list li:nth-child(1) {
    background-image: url("../../images/common/bg_intro03-list01.jpg");
  }
  .intro03-list li:nth-child(2) {
    background-image: url("../../images/common/bg_intro03-list02.jpg");
  }
  .intro03-list li:nth-child(3) {
    background-image: url("../../images/common/bg_intro03-list03.jpg");
  }
}
/*!
	LG소개 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .pc_block {
    display: block;
  }
  .visual-area.csrlong .txt-area01 {
    top: 60px;
  }
  .visual-history-public .txt-area01 {
    top: 214px;
    font-size: 46px;
  }
  .visual-history-public .txt-area02 {
    top: 290px;
    font-size: 26px;
  }
  .visual-history02-public .txt-area01 {
    top: 214px;
    font-size: 46px;
  }
  .visual-history02-public .txt-area02 {
    top: 290px;
    font-size: 26px;
  }
  .visual-history03-public .txt-area01 {
    top: 214px;
    font-size: 46px;
  }
  .visual-history03-public .txt-area02 {
    top: 290px;
    font-size: 26px;
  }
  .visual-intro-ci .txt-area01 {
    top: 214px;
    font-size: 46px;
  }
  .visual-intro-ci .txt-area02 {
    top: 290px;
    font-size: 26px;
  }
  .intro-title {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 32px;
  }
  .intro-title br {
    display: block;
  }
  .intro-sub-title {
    margin-bottom: 55px;
    font-size: 18px;
    line-height: 28px;
  }
  .intro-sub-title br {
    display: block;
  }
  .intro-cont {
    padding: 0 30px;
  }
  .intro-cont.vision {
    padding: 0;
  }
  .intro-cont .magazine-list {
    padding: 30px 0 0 0;
  }
  .intro-cont .magazine-list .tit {
    height: auto;
  }
  .intro-cont .magazine-list .item .info-container {
    padding-top: 50px;
    vertical-align: top;
  }
  .intro-cont .magazine-list .item .info-container:before {
    top: 91px;
  }
  .intro-cont .magazine-list .item:nth-child(even) .info-container {
    text-align: right;
  }
  .summary-content.mo {
    display: none;
  }
  .summary-content.pc {
    display: block;
  }
  .summary-content.pc ul.summary-list li {
    display: table;
    width: 100%;
    height: 136px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../../images/common/bg_summary_line_pc.png");
    background-position: left bottom;
  }
  .summary-content.pc ul.summary-list li dl:before {
    display: none;
  }
  .summary-content.pc ul.summary-list li dl:after {
    display: none;
  }
  .summary-content.pc ul.summary-list li .title-box {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 28.07%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .summary-content.pc ul.summary-list li .title-box h3 {
    position: absolute;
    right: 50px;
    bottom: 57px;
    width: 120px;
    font-size: 20px;
    color: #000;
    font-family: "LGSmHaTSB";
    text-align: center;
  }
  .summary-content.pc ul.summary-list li .img-box {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    width: 43.85%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .summary-content.pc ul.summary-list li .desc-box {
    display: table-cell;
    vertical-align: middle;
    width: 28.07%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #555;
    line-height: 26px;
  }
  .summary-content.pc ul.summary-list li.first {
    height: 162px;
  }
  .intro03-list li {
    height: 360px;
    margin-top: 20px;
  }
  .intro03-list li .inner h3 {
    font-size: 32px;
  }
  .intro03-list li .inner .desc {
    font-size: 18px;
  }
  .intro03-list li .inner .desc br {
    display: none;
  }
  .intro-cont .magazine-list li {
    margin-top: 95px;
  }
  .intro-cont .magazine-list li .info-area .info-container {
    padding-top: 73px;
  }
  .intro-cont .magazine-list li .info-area .info-container .tit {
    padding-top: 0;
  }
  .intro-cont .magazine-list li .info-area .dl_desc {
    margin-top: 23px;
  }
  .intro-cont .magazine-list li .info-area .dl_desc dt {
    margin-top: 0;
    font-size: 18px;
    color: #000;
    font-family: "LGSmHaTSB";
    line-height: 20px;
  }
  .intro-cont .magazine-list li .info-area .dl_desc dd {
    margin: 10px 0 25px 0;
    font-size: 18px;
    color: #555;
    line-height: 28px;
  }
  .tab-list .tab-history .tab-item .tab-txt {
    font-size: 16px;
  }
  .tab-list .tab-history .tab-item .tab-txt em {
    font-size: 16px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .tab-list .tab-history .tab-item .tab-txt br {
    display: none;
  }
  .history-cont {
    padding: 0;
  }
  /* 20200928 */
  .history-cont .top-intro-wrap {
    height: 390px;
    margin: 0;
    padding-bottom: 0;
    background-color: #e9e9e9;
    background-size: contain;
    background-position: right bottom;
  }
  .history-cont .top-intro-wrap.first {
    background-image: url("../../images/common/bg_first_president01_pc.png");
  }
  .history-cont .top-intro-wrap.second {
    background-image: url("../../images/common/bg_first_president02_pc.png");
  }
  /* 20200928 */
  .history-cont .top-intro-wrap.third {
    background-image: url("../../images/common/bg_first_president03_pc_v02.png");
  }
  .history-cont .top-intro-wrap.fourth {
    background-image: url("../../images/common/bg_first_president04.png");
    background-size: 514px auto;
  }
  .history-cont .top-intro-wrap .inner {
    padding: 111px 80px;
    height: auto;
  }
  .history-cont .top-intro-wrap .inner .title {
    font-size: 40px;
    line-height: 56px;
  }
  .history-cont .top-intro-wrap.fourth .inner .title {
    width: 61%;
  }
  /* .history-cont .top-intro-wrap .inner .title{margin-bottom:45px;font-size:26px;line-height:40px} */
  /* .history-cont .top-intro-wrap .inner .title br{display:none} */
  /* 20200928 */
  .history-cont .top-intro-wrap .inner .title span.txt-block {
    display: block;
  }
  .history-cont .top-intro-wrap .inner .title.en br {
    display: block;
  }
  .history-cont .top-intro-wrap .inner .desc {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .history-cont .top-intro-wrap .inner .desc br {
    display: none;
  }
  .history-cont .top-intro-wrap .inner .desc span.txt-block {
    display: block;
  }
  .history-cont .top-intro-wrap .inner .desc span.txt-block.marT10 {
    margin-top: 10px;
  }
  .history-cont .top-intro-wrap .inner .desc.en br {
    display: block;
  }
  /* 20200928 */
  /* .history-cont .top-intro-wrap .inner.etc{padding:45px 80px 0 80px} */
  .history-cont .top-intro-wrap .inner.etc {
    padding: 83px 80px;
  }
  .history-cont .top-intro-wrap.third .inner {
    padding: 139px 80px;
  }
  /* 20200928 */
  .history-cont .top-intro-wrap .btn-link {
    font-size: 16px;
    padding-right: 30px;
    line-height: 22px;
  }
  .history-cont .top-intro-wrap .btn-link:after {
    width: 22px;
    height: 22px;
  }
  .history-time-line {
    background-color: transparent;
    z-index: 1;
    position: absolute;
    right: 40px;
    top: 742px;
    padding: 0;
    width: auto;
  }
  .history-time-line.ui-fixed {
    position: fixed;
    top: 140px;
  }
  .history-time-line:before {
    position: absolute;
    left: auto;
    right: 0;
    top: 3px;
    z-index: 1;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
  }
  .history-time-line:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: -5px;
    z-index: 1;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #fff;
  }
  .history-time-line > a {
    display: block;
    width: auto;
    margin-top: 40px;
    padding: 0 17px 0 0;
    font-size: 15px;
    color: #555;
    line-height: 14px;
    text-align: center;
  }
  .history-time-line > a.on {
    font-family: "LGSmHaTSB";
    color: #000;
  }
  .history-time-line > a.on:before {
    background-color: #bb0841;
  }
  .history-time-line > a:before {
    position: absolute;
    left: auto;
    right: -3px;
    top: 3px;
    z-index: 2;
    width: 7px;
    height: 7px;
    margin-left: 0;
  }
  .history-time-line > a:first-child {
    margin-top: 0;
  }
  .history-list {
    position: relative;
    padding: 45px 0 50px 0;
  }
  .history-list:before {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ddd;
  }
  .history-list h3.intro-title {
    position: relative;
    top: 30px;
    opacity: 0;
    margin-top: 100px;
    font-size: 36px;
    padding: 26px 0;
    background-color: #fff;
  }
  .history-list h3.intro-title:first-child {
    margin-top: 30px;
  }
  .history-list .history-box {
    position: relative;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .history-list .history-box .year {
    position: relative;
    top: 30px;
    opacity: 0;
    padding-right: 53.3333%;
    font-size: 36px;
    text-align: right;
    font-family: "LGSmHaTB";
  }
  .history-list .history-box .month {
    position: relative;
  }
  .history-list .history-box .month .inner {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
  }
  .history-list .history-box .month .inner:first-child {
    margin-top: 0;
  }
  .history-list .history-box .month .inner dl {
    padding-left: 40px;
  }
  .history-list .history-box .month .inner dl dt.txt-month {
    margin-bottom: 7px;
    padding-top: 15px;
    font-size: 20px;
    font-family: "LGSmHaTB";
  }
  .history-list .history-box .month .inner dl dt.txt-month:before {
    left: -4px;
    top: 18px;
    width: 9px;
    height: 9px;
  }
  .history-list .history-box .month .inner dl dt.txt-month:after {
    left: 0;
    top: 22px;
    width: 30px;
    height: 1px;
  }
  .history-list .history-box .month .inner dl dd ul li {
    margin-top: 0;
    line-height: 26px;
    font-size: 16px;
    word-break: keep-all;
  }
  .history-list .history-box .month .inner dl dd ul li:first-child {
    margin-top: 0;
  }
  .history-list .history-box .month .inner dl dd ul li.img-cont {
    margin-top: 15px;
  }
  .history-list .history-box .month .inner dl dd ul li.img-cont > span {
    width: 49%;
    margin: 0 0 0 1%;
  }
  .history-list .history-box .month .inner dl dd ul li.img-cont > span img {
    width: 100%;
  }
  .history-list .history-box .month .inner dl dd ul li.img-cont > span:first-child {
    margin: 0 0 0 0;
  }
  .history-list .history-box .month .inner dl dd ul li br {
    display: none;
  }
  .history-list .history-box .month .inner dl dd ul li span.txt-block {
    display: block;
  }
  .history-list .history-box .month .inner dl dd ul li + li {
    margin-top: 30px;
  }
  .history-list .history-box .month .inner.right {
    text-align: right;
  }
  .history-list .history-box .month .inner.left {
    text-align: left;
  }
  .history-list .history-box .month .inner.left dl {
    padding: 0 40px 0 0;
    text-align: right;
  }
  .history-list .history-box .month .inner.left dl dt.txt-month:before {
    left: auto;
    right: -5px;
  }
  .history-list .history-box .month .inner.left dl dt.txt-month:after {
    left: auto;
    right: 0;
  }
  .intro-ci-wrap .tab-list {
    margin-top: 0;
  }
  /* .intro-ci-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .intro-ci-wrap .ci-rule-cont {
    padding: 0 110px;
  }
  .intro-ci-wrap .ci-rule-cont .tit-wrap {
    margin-bottom: 75px;
  }
  .intro-ci-wrap .ci-rule-cont .tit-wrap br {
    display: none;
  }
  .intro-ci-wrap .ci-rule-cont .tit-wrap .tit {
    font-size: 20px;
    line-height: 26px;
  }
  .intro-ci-wrap .ci-rule-cont .tit-wrap.etc01 br {
    display: block;
  }
  .intro-ci-wrap .ci-rule-cont .ci-logo-img-wrap .bg {
    width: 340px;
    height: 149px;
    display: inline-block;
    background: url("../../images/common/img_ci_logo_pc2.jpg") no-repeat center center;
  }
  .intro-ci-wrap .ci-rule-cont .ci-grid-wrap {
    width: 100%;
    max-width: 980px;
    margin: 56px auto 50px auto;
    height: 420px;
    background: url("../../images/common/img_ci_grid.jpg") no-repeat center 60px;
    background-size: 531px 240px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt-area {
    bottom: 60px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt-area .txt01 {
    margin-right: 4px;
    font-size: 16px;
    display: inline-block;
  }
  .intro-ci-wrap .ci-rule-cont .ci-grid-wrap .txt-area .txt02 {
    font-size: 16px;
    display: inline-block;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 {
    width: 180px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img01 {
    margin-left: 0;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img01:before {
    margin-left: -39px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img01:after {
    margin-left: -37px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img02 {
    margin-right: 13px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img02:before {
    margin-left: -42px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap.en .info-pc-wrap .spec01 .img02:after {
    margin-left: -39px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .item01 {
    display: table-cell;
    width: 240px;
    padding-right: 0;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .item02 {
    display: table-cell;
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
    padding-left: 0;
    vertical-align: bottom;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 {
    width: 180px;
    margin: 0;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dt {
    font-family: "LGSmHaTSB";
    font-size: 16px;
    color: #777;
    padding-bottom: 38px;
    padding-top: 6px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 35px;
    margin-left: -50px;
    background: url("../../images/common/img_tree01.png") no-repeat center top;
    background-size: 100px 35px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dd {
    position: relative;
    padding-bottom: 135px;
    padding-top: 10px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 dd:before {
    content: "";
    position: absolute;
    bottom: 90px;
    width: 83px;
    height: 35px;
    background: url("../../images/common/img_tree02.png") no-repeat center top;
    background-size: 83px 35px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01 {
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: #777;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01:before {
    margin-left: -41px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img01:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 81px;
    margin-left: -40px;
    background: url("../../images/common/img_ci_txt_mark.jpg") no-repeat center top;
    background-size: 80px 81px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02 {
    float: right;
    margin-right: 8px;
    font-size: 14px;
    color: #777;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02:before {
    margin-left: -41px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec01 .img02:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 83px;
    height: 81px;
    margin-left: -40px;
    background: url("../../images/common/img_ci_txt_logo.jpg") no-repeat center top;
    background-size: 83px 81px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec02 dt {
    font-size: 20px;
    color: #000;
    line-height: 26px;
    padding-bottom: 3px;
    font-family: "LGSmHaTSB";
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-pc-wrap .spec02 dd {
    font-size: 16px;
    color: #555;
    line-height: 26px;
    font-family: "LGSmHaTR";
    position: relative;
    top: 8px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system {
    margin-top: 80px;
    border-top: 1px solid #eee;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system .tit {
    padding: 80px 0 30px 0;
    font-family: "LGSmHaTSB";
    font-size: 20px;
  }
  .intro-ci-wrap .ci-rule-cont .ci-info-txt-wrap .info-color-system .color-wrap {
    position: relative;
    margin-top: -51px;
    height: 320px;
    background: url("../../images/common/img_ci_bg_color.jpg") no-repeat center center;
    background-size: 610px auto;
  }
  .intro-ci-wrap .ci-story-cont {
    padding: 0 110px;
  }
  .intro-ci-wrap .ci-story-cont .tit {
    padding-bottom: 25px;
    font-size: 26px;
  }
  .intro-ci-wrap .ci-story-cont .txt {
    padding-bottom: 22px;
    font-size: 16px;
    line-height: 26px;
  }
  .intro-ci-wrap .ci-story-cont *[class*="bg"] {
    margin: 4px 0 26px;
  }
  .intro-ci-wrap .ci-story-cont .bg01 {
    height: 620px;
    background-image: url("../../images/common/img_ci_story01_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .bg02 {
    height: 620px;
    background-image: url("../../images/common/img_ci_story02_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .bg03 {
    height: 540px;
    background-image: url("../../images/common/img_ci_story03_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story1 .txt:last-child {
    padding-bottom: 0;
  }
  .intro-ci-wrap .ci-story-cont .story2 .tit {
    padding-top: 45px;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tit {
    padding: 20px 0;
    font-size: 20px;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead th {
    font-size: 20px;
    line-height: 50px;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th01 {
    width: 10%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th02 {
    width: 30%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th03 {
    width: 30%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead .th04 {
    width: 30%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody th {
    font-size: 16px;
    line-height: 90px;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .th01 {
    width: 10%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td01 {
    width: 30%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td02 {
    width: 30%;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .td03 {
    width: 30%;
    border-right: none;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody *[class*="logo"] {
    display: inline-block;
    max-width: 290px;
    width: 100%;
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo01 {
    background-image: url("../../images/common/img_ci_table_01_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo02 {
    background-image: url("../../images/common/img_ci_table_02_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo03 {
    background-image: url("../../images/common/img_ci_table_03_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo04 {
    background-image: url("../../images/common/img_ci_table_04_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo05 {
    background-image: url("../../images/common/img_ci_table_05_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo06 {
    background-image: url("../../images/common/img_ci_table_06_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo07 {
    background-image: url("../../images/common/img_ci_table_07_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo08 {
    background-image: url("../../images/common/img_ci_table_08_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo09 {
    background-image: url("../../images/common/img_ci_table_09_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo10 {
    background-image: url("../../images/common/img_ci_table_10_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo11 {
    background-image: url("../../images/common/img_ci_table_11_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo12 {
    background-image: url("../../images/common/img_ci_table_12_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo13 {
    background-image: url("../../images/common/img_ci_table_13_pc.jpg");
  }
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table tbody .logo14 {
    background-image: url("../../images/common/img_ci_table_14_pc.jpg");
  }
  .subsidiary-wrap .subsidiary-link-wrap {
    margin-top: 45px;
    padding: 0;
    font-size: 0;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link .txt {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 46px;
    color: #777;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link.on .txt {
    font-family: "LGSmHaTR";
    color: #000;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link.on .txt:before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #bb0841;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #eee;
  }
  .subsidiary-wrap .subsidiary-link-wrap .link:last-child:after {
    display: none;
  }
  .subsidiary-wrap .subsidiary-cont {
    padding: 60px 0 0 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] {
    font-size: 0;
    padding-bottom: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"]:last-child {
    padding-bottom: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap {
    padding-bottom: 80px;
    text-align: left !important;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap .item:nth-child(3n) {
    margin-right: 0 !important;
  } /* 20210624 */
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap .item:nth-child(-n + 5) {
    margin-top: 0 !important;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap:last-child {
    padding-bottom: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item-wrap .item.type02 {
    margin-top: 20px !important;
  } /* 20210608 추가 */
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item {
    display: inline-block;
    width: -webkit-calc((100% / 3) - 15px);
    width: calc((100% / 3) - 15px);
    height: 100%;
    margin-bottom: 0;
    margin-right: 20px !important;
    margin-top: 20px !important;
  } /* 20210624 */
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:hover {
    cursor: pointer;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-child(odd) {
    margin-right: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-child(even) {
    margin-left: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item.on .popup {
    display: block;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #bb0841;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    z-index: 1;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #bb0841;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: "LGSmHaTSB";
    font-size: 26px;
    color: #fff;
    z-index: 1;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont .txt .small-txt {
    margin-top: 7px;
    font-family: "LGSmHaTSB";
    font-size: 19px;
    color: #fff;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont .img img {
    max-width: 100%;
  }
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:focus:after,
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:focus:before,
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:hover:after,
  .subsidiary-wrap .subsidiary-cont *[class*="subsidiary-"] .item .item-cont:hover:before {
    display: block;
  }
  .subsidiary-wrap .ui-lazy-img {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  .subsidiary-wrap .ui-lazy-img.ui-scale,
  .subsidiary-wrap .ui-lazy-img:active,
  .subsidiary-wrap .ui-lazy-img:focus,
  .subsidiary-wrap .ui-lazy-img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .subsidiary-wrap .tit-wrap {
    text-align: center;
    margin-bottom: 27px;
    padding-top: 80px;
  }
  .subsidiary-wrap .tit-wrap .tit {
    position: relative;
    padding-top: 54px;
    font-family: "LGSmHaTSB";
    font-size: 26px;
    line-height: 30px;
  }
  .subsidiary-wrap .tit-wrap .tit em {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -21px;
    display: inline-block;
  }
  .subsidiary-wrap .tit-wrap .tit em.electron {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -307px -182px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .subsidiary-wrap .tit-wrap .tit em.chemistry {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -62px -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .subsidiary-wrap .tit-wrap .tit em.communication {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: 0 -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .subsidiary-wrap .tit-wrap .tit em.company {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -124px -284px;
    width: 42px;
    height: 42px;
    background-size: 461px 445px;
  }
  .subsidiary-wrap .tit-wrap .tit em.lxholdings {
    background-image: url(../../images/common/lxholdings_pc_v2.jpg);
    background-position: 0 0;
    width: 74px;
    height: 42px;
    background-size: auto;
  }
  .subsidiary-wrap .subsidiary-electron .tit-wrap {
    padding-top: 0;
  }
  .subsidiary-wrap .subsidiary-electron .item-wrap,
  .subsidiary-wrap .subsidiary-chemistry .item-wrap,
  .subsidiary-wrap .subsidiary-company .item-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .popup-subsidiary {
    max-width: 760px;
    border: 1px solid #555;
  }
  .popup-subsidiary.popup-subsidiary-01 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop01.jpg");
  }
  .popup-subsidiary.popup-subsidiary-02 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop02.jpg");
  }
  .popup-subsidiary.popup-subsidiary-03 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop03.jpg");
  }
  .popup-subsidiary.popup-subsidiary-04 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop04.jpg");
  }
  .popup-subsidiary.popup-subsidiary-05 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop05_3.jpg");
  }
  .popup-subsidiary.popup-subsidiary-06 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop06.png");
  }
  .popup-subsidiary.popup-subsidiary-07 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop07.jpg");
  }
  .popup-subsidiary.popup-subsidiary-08 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop08.jpg");
  }
  .popup-subsidiary.popup-subsidiary-09 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop09.jpg");
  }
  .popup-subsidiary.popup-subsidiary-10 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop10_new.png");
  }
  .popup-subsidiary.popup-subsidiary-11 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop11.jpg");
  }
  .popup-subsidiary.popup-subsidiary-12 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop12.png");
  }
  .popup-subsidiary.popup-subsidiary-13 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop13.jpg");
  }
  .popup-subsidiary.popup-subsidiary-14 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop14.jpg");
  }
  .popup-subsidiary.popup-subsidiary-15 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop15.jpg");
  }
  .popup-subsidiary.popup-subsidiary-16 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop16.jpg");
  }
  .popup-subsidiary.popup-subsidiary-17 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop17_2.jpg");
  }
  .popup-subsidiary.popup-subsidiary-18 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop18.jpg");
  } /* 20210608 */
  .popup-subsidiary.popup-subsidiary-19 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop19_v02.jpg");
  } /* 20210608 */
  .popup-subsidiary.popup-subsidiary-20 .pop-tit-wrap {
    background-image: url("../../images/common/img_pop20_v02.jpg");
  } /* 20210608 */
  .popup-subsidiary .pop-tit-wrap {
    height: 200px;
  }
  .popup-subsidiary .pop-tit-wrap .tit {
    left: 50px;
    bottom: 40px;
    font-size: 30px;
    line-height: 30px;
  }
  .popup-subsidiary .pop-txt-wrap {
    padding: 40px 50px;
  }
  .popup-subsidiary .pop-txt-wrap .txt {
    font-size: 16px;
    line-height: 26px;
  }
  .popup-subsidiary .pop-txt-wrap .txt + .txt {
    margin-top: 30px;
  }
  .popup-subsidiary .pop-btn-wrap {
    text-align: left;
    margin-top: 26px;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line {
    padding: 0 30px;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line .txt {
    padding: 0 !important;
    line-height: 38px !important;
    font-size: 15px !important;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line:hover {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line:hover .txt {
    color: #fff;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line br {
    display: none;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line + .btn-line {
    margin-left: 10px;
  }
  .popup-subsidiary .btn-close {
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 25px;
  }
  .popup-subsidiary .btn-close em {
    display: inline-block;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -397px -224px;
    width: 24px;
    height: 24px;
    background-size: 461px 445px;
  }
}
/*! content - 사회적책임 */
.visual-area.tit-line02 .txt-area01 {
  top: 111px;
}
.visual-area.tit-line02 .txt-area02 {
  top: 153px;
}
.visual-area.tit-line02 .txt-area02 *[class*="txt"] {
  font-family: "LGSmHaTR";
  font-size: 15px;
  line-height: 22px;
}
/*! 사회공헌 */
.csr-social-contribution-wrap .social-tit-wrap {
  padding: 26px 0;
  text-align: center;
}
.csr-social-contribution-wrap .social-tit-wrap .tit {
  display: block;
  font-size: 16px;
  line-height: 23px;
}
.csr-social-contribution-wrap .foundation-tit {
  padding: 26px 0;
  text-align: center;
  border-bottom: 1px solid #000;
}
.csr-social-contribution-wrap .foundation-tit .tit {
  padding: 0 28px;
  font-size: 16px;
  line-height: 23px;
  word-break: keep-all;
}
.csr-social-contribution-wrap .foundation-tit .tit .point {
  color: #bb0841;
  font-family: "LGSmHaTSB";
}
.csr-social-contribution-wrap .foundation-tit.style01 {
  padding: 15px 0 14px 0;
}
.csr-social-contribution-wrap .search-cont {
  margin-top: 0;
  padding: 20px 15px 12px 15px;
}
.csr-social-contribution-wrap .search-cont .search-input-wrap {
  margin-bottom: 0;
}
.csr-social-contribution-wrap .search-cont .search-select-btn {
  display: none;
}
.csr-social-contribution-wrap .search-cont .search-on-btn-wrap {
  margin-top: 20px;
  text-align: center;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap {
  display: none;
  font-size: 0;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap {
  padding-top: 15px;
  padding-bottom: 0;
  border-top: 1px solid #e5e5e5;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap .tag {
  margin: 5px 6px 0 0;
  display: inline-block;
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap .tag .txt {
  padding: 0 10px;
  display: block;
  font-size: 12px;
  line-height: 38px;
  text-align: center;
  color: #777;
  border: 1px solid #ddd;
  background-color: #fff;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap .tag.on .txt {
  color: #fff;
  border: 1px solid #bb0841;
  background-color: #bb0841;
}
.csr-social-contribution-wrap .search-cont .search-on-wrap .search-close-btn-wrap {
  margin-top: 20px;
  top: 0;
}
.csr-social-contribution-wrap .search-cont .search-on-btn-wrap.on .btn-search-on {
  display: none;
}
.csr-social-contribution-wrap .search-cont .search-on-btn-wrap.on + .search-on-wrap {
  display: block;
}
.csr-social-contribution-wrap .csr-social-contribution-list {
  margin-top: 30px;
  padding: 0 15px;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item {
  margin-top: 30px;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item:first-child {
  margin-top: 0;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link {
  display: block;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .img-wrap {
  display: block;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .img-wrap img {
  width: 100%;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap {
  display: block;
  padding: 30px 15px 25px 15px;
  border: 1px solid #ddd;
  border-top: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .category {
  font-family: "LGSmHaTSB";
  color: #bb0841;
  font-size: 15px;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .tit-wrap {
  margin: 15px 0 20px 0;
  font-size: 0;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .tit-wrap .tit {
  display: inline-block;
  width: 100%;
  font-family: "LGSmHaTSB";
  font-size: 20px;
  line-height: 27px;
  max-height: 54px;
  overflow: hidden;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .txt {
  font-size: 14px;
  line-height: 22px;
  color: #555;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .tag-wrap {
  margin-top: 35px;
  font-size: 0;
  display: block;
}
.csr-social-contribution-wrap .csr-social-contribution-list .item .item-link .txt-wrap .tag-wrap .tag {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #777;
}
/*! 재단 타이틀  */
.visual-csr-foundation-wrap .foundation-tit {
  padding: 26px 0;
  text-align: center;
  border-bottom: 1px solid #000;
}
.visual-csr-foundation-wrap .foundation-tit .tit {
  padding: 0 28px;
  font-size: 16px;
  line-height: 23px;
  word-break: keep-all;
}
.visual-csr-foundation-wrap .foundation-tit .tit .point {
  color: #bb0841;
  font-family: "LGSmHaTSB";
}
.visual-csr-foundation-wrap .foundation-tit.style01 {
  padding: 15px 0 14px 0;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] {
  margin-top: 30px;
  border-bottom: 1px solid #eee;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .img-wrap {
  padding: 0 15px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .img-wrap img {
  width: 100%;
  max-width: 100%;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap {
  padding: 0 15px;
  margin-top: 27px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .category {
  font-family: "LGSmHaTSB";
  font-size: 20px;
  color: #bb0841;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .slogan {
  padding: 15px 0 8px;
  font-family: "LGSmHaTSB";
  font-size: 15px;
  line-height: 22px;
  word-break: keep-all;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .list-txt {
  font-size: 14px;
  line-height: 21px;
  color: #555;
  word-break: keep-all;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list {
  padding-top: 15px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list *:nth-child(-n + 2) {
  margin-bottom: 10px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list .tit {
  vertical-align: top;
  display: inline-block;
  width: 35%;
  font-family: "LGSmHaTSB";
  font-size: 12px;
  line-height: 20px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list .txt {
  vertical-align: top;
  display: inline-block;
  width: 60%;
  font-size: 12px;
  line-height: 20px;
  color: #777;
  word-break: keep-all;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap {
  margin: 15px 0 30px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list {
  display: inline-table;
  padding: 0 13px;
  min-height: 40px;
  height: auto;
  line-height: normal;
  margin-right: 5px;
  margin-bottom: 5px;
}
.visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list .txt {
  display: table-cell;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  vertical-align: middle;
}
/*! LG다운 사회공헌 */
.social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .link {
  display: inline-block;
}
.social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .txt-wrap {
  margin: 30px 0 26px;
}
.social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .txt-wrap .category {
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .txt-wrap .list-txt {
  margin-top: 15px;
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #555;
}
/*! 철학 */
.philosophy-cont {
  position: relative;
  width: 100%;
  height: 100%;
}
.philosophy-cont .chairman-wrap {
  position: relative;
  z-index: 10;
  width: 100%;
  background: #fff;
}
.philosophy-cont .chairman-wrap .chairman-inner-wrap {
  padding: 26px 15px 60px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.philosophy-cont .chairman-wrap .tit-txt {
  padding: 0 30px;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  word-break: keep-all;
}
.philosophy-cont .chairman-wrap .tit-txt .point {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.philosophy-cont .chairman-wrap .tit-txt + .tit-txt {
  margin-top: 22px;
}
.philosophy-cont .chairman-wrap .tit-txt br {
  display: none;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap {
  padding: 45px 0 0 15px;
  font-size: 0;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item {
  position: relative;
  margin-bottom: 50px;
  width: 100%;
  min-height: 150px;
  display: block;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item *[class*="chairman"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 179px;
  height: 150px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman01 {
  background-image: url("../../images/common/img_chairman01.jpg");
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman02 {
  background-image: url("../../images/common/img_chairman02.jpg");
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman03 {
  background-image: url("../../images/common/img_chairman03.jpg");
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .tit {
  padding-top: 30px;
  display: block;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  line-height: 20px;
  padding-right: 120px;
  position: relative;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .txt {
  padding-right: 190px;
  margin-top: 7px;
  display: inline-block;
  font-size: 14px;
  color: #555;
  line-height: 21px;
  word-break: keep-all;
  word-wrap: break-word;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item .txt br {
  display: none;
}
.philosophy-cont .chairman-wrap .chairman-img-wrap .item:last-child {
  margin-bottom: 0;
}
.philosophy-cont .philosophy-wrap {
  position: relative;
  z-index: 5;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 93px 0 95px 0;
  background: url("../../images/common/bg_philosophy_inner_mo.jpg") no-repeat;
  background-size: 100% 100%;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .tit {
  font-family: "LGSmHaTB";
  font-size: 60px;
  opacity: 0.08;
  line-height: 70px;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .bar {
  margin: 15px 0 26px;
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #e5e5e5;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt {
  font-size: 16px;
  line-height: 23px;
  word-break: keep-all;
  padding: 0 30px;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt br {
  display: none;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt .point {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt + .txt {
  margin-top: 22px;
}
.foundation-tit .tit.pc {
  display: none;
}
.foundation-tit .tit.mobile {
  display: block;
}
/*! 전략 */
.csr-strategy-wrap .strategy-wrap {
  padding: 60px 15px 0;
  margin-top: 0px;
  text-align: center;
  border-top: 1px solid #eee;
}
.csr-strategy-wrap .strategy-wrap .tit {
  font-size: 20px;
  font-family: "LGSmHaTSB";
  line-height: 25px;
}
.csr-strategy-wrap .strategy-wrap .txt {
  margin-top: 12px;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  word-break: keep-all;
}
.csr-strategy-wrap .strategy-wrap .txt .point {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.csr-strategy-wrap .strategy-wrap .txt br {
  display: none;
}
.csr-strategy-wrap .strategy-wrap .img-01 {
  margin: 36px auto 50px;
  display: block;
  max-width: 330px;
  height: 459px;
  background: url("../../images/common/bg_csr_strategy01_mo_en.jpg") center center no-repeat;
  background-size: contain;
}
.csr-strategy-wrap .strategy-wrap .img-02 {
  margin: 36px auto 0 auto;
  display: block;
  width: 100%;
}
.csr-strategy-wrap .strategy-wrap .strategy-txt-list {
  width: 100%;
  margin: 38px auto 0 auto;
}
.csr-strategy-wrap .strategy-wrap .strategy-txt-list li + li {
  margin-top: 34px;
}
.csr-strategy-wrap .strategy-wrap .strategy-txt-list .tit {
  font-family: "LGSmHaTSB";
  font-size: 17px;
  line-height: 20px;
}
.csr-strategy-wrap .strategy-wrap .strategy-txt-list .tit .point {
  color: #bb0841;
}
.csr-strategy-wrap .strategy-wrap .strategy-txt-list .txt {
  margin-top: 8px;
  padding: 0 15px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #555;
  line-height: 21px;
  word-break: keep-all;
}
.csr-strategy-wrap .strategy-wrap:last-child {
  margin-top: 0;
  padding-top: 78px;
  border-top: 1px solid #eee;
}
/*! 지속가능경영 */
.csr-management-wrap {
  padding: 0 15px;
}
.csr-management-wrap .txt-wrap {
  margin: 26px 0;
  padding: 0 22px;
  text-align: center;
  word-break: keep-all;
}
.csr-management-wrap .txt-wrap .txt {
  font-size: 16px;
  line-height: 23px;
}
.csr-management-wrap .txt-wrap .txt .point {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.csr-management-wrap .box-wrap {
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csr-management-wrap .box {
  padding: 40px 15px 36px 15px;
  text-align: center;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csr-management-wrap .box *[class*="bg"] {
  display: inline-block;
  width: 240px;
  height: 75px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.csr-management-wrap .box .bg01 {
  background-image: url("../../images/common/bg_management_01.jpg");
}
.csr-management-wrap .box .bg02 {
  background-image: url("../../images/common/bg_management_02.jpg");
}
.csr-management-wrap .box .tit {
  margin: 25px 0 6px;
  font-family: "LGSmHaTSB";
  font-size: 17px;
  line-height: 20px;
}
.csr-management-wrap .box .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #555;
  word-break: keep-all;
}
.csr-management-wrap .box + .box {
  margin-top: 30px;
}
.csr-management-wrap .box.st2 {
  float: inherit;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.csr-management-wrap .box.st2 .tit {
  margin-top: 38px;
}
.csr-management-wrap .box.st2 .txt {
  display: inline-block;
  margin-bottom: 26px;
  padding: 0 40px;
}
.csr-management-wrap .management-link-box {
  position: relative;
  padding: 137px 15px 40px 15px;
}
.csr-management-wrap .management-link-box *[class*="-box"] {
  width: -webkit-calc(100% / 2 - 10px);
  width: calc(100% / 2 - 10px);
  float: left;
}
.csr-management-wrap .management-link-box *[class*="-box"] .item {
  position: relative;
  display: block;
  padding: 0 10px;
  text-align: left;
  border-bottom: 1px solid #eee;
  min-height: 40px;
  line-height: 40px;
}
.csr-management-wrap .management-link-box *[class*="-box"] .item .txt {
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
  font-family: "LGSmHaTSB";
  font-size: 14px;
  color: #555;
}
.csr-management-wrap .management-link-box *[class*="-box"] .item:after {
  position: absolute;
  top: 13.5px;
  right: 5px;
  content: "";
  display: inline-block;
  background-image: url(../../images/common/sprite_pc.png);
  background-position: -58px -431px;
  width: 8px;
  height: 14px;
  background-size: 461px 445px;
}
.csr-management-wrap .management-link-box *[class*="-box"].right {
  float: right;
}
.csr-management-wrap .management-link-box .img-box {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 120px;
  padding-top: 19px;
  font-size: 0;
  border: 1px solid #c0194d;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csr-management-wrap .management-link-box .img-box .icon {
  margin: 0;
  display: inline-block;
  width: 35px;
  height: 40px;
  background: url("../../images/common/bg_management_03_mo.jpg") no-repeat center center;
  background-size: 100% 100%;
}
.csr-management-wrap .management-link-box .img-box .txt {
  margin-top: 7px;
  padding: 0;
  display: block;
  font-family: "LGSmHaTSB";
  font-size: 14px;
  line-height: 19px;
}

/* (주) LG 추가 .lg-center */
.csr-management-wrap .management-link-box {
  padding: 187px 15px 40px 15px;
}
.csr-management-wrap .management-link-box .lg-center {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  transform: translate(-50%, 0);
}
.csr-management-wrap .management-link-box .lg-center .item {
  border-bottom: none;
  height: auto;
  line-height: normal;
}
.csr-management-wrap .management-link-box .lg-center .item:after {
  transform: rotate(90deg) translateY(2px);
  left: 50%;
  top: 20px;
}
.csr-management-wrap .management-link-box .lg-center .item .txt {
  line-height: normal;
  color: #be154b;
}

.csr-management-wrap .management-link-box .img-box {
  top: 50px;
}
/* (주) LG 추가 .lg-center */

/* 2019-03-07 */
.popup-subsidiary .pop-btn-wrap .btn-line {
  vertical-align: top;
}

/*!
	사회적책임 - 태블릿 기본 스타일
*/
@media (min-width: 768px) {
  /*! 사회공헌 visual */
  .visual-area.tit-line02 .txt-area01 {
    top: 213px;
  }
  .visual-area.tit-line02 .txt-area01 *[class*="txt"] {
    font-size: 46px;
  }
  .visual-area.tit-line02 .txt-area02 {
    top: 287px;
  }
  .visual-area.tit-line02 .txt-area02 *[class*="txt"] {
    padding: 0;
    display: inline-block;
    font-size: 26px;
    line-height: 29px;
    margin-left: 0;
  }
}
/*!
	사회적책임 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  /*! 사회공헌 */
  .csr-social-contribution-wrap .tab-list {
    margin-top: 0;
  }
  /* .csr-social-contribution-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .csr-social-contribution-wrap .social-tit-wrap {
    padding: 60px 0;
    text-align: center;
  }
  .csr-social-contribution-wrap .social-tit-wrap .tit {
    display: block;
    font-size: 20px;
  }
  .csr-social-contribution-wrap .foundation-tit {
    padding: 60px 0;
    text-align: center;
  }
  .csr-social-contribution-wrap .foundation-tit.style01 {
    padding: 27px 0 27px;
  }
  .csr-social-contribution-wrap .foundation-tit .tit {
    padding: 0 315px;
    font-size: 20px;
    line-height: 32px;
    word-break: keep-all;
  }
  .csr-social-contribution-wrap .foundation-tit .tit .point {
    color: #bb0841;
    font-family: "LGSmHaTSB";
  }
  .csr-social-contribution-wrap .search-cont {
    padding: 20px 30px 5px 30px;
  }
  .csr-social-contribution-wrap .search-cont .search-input-wrap {
    position: relative;
    float: left;
    width: 235px;
    margin-bottom: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .csr-social-contribution-wrap .search-cont .search-select-btn {
    display: block;
    float: left;
    margin-left: 5px;
  }
  .csr-social-contribution-wrap .search-cont .search-on-wrap {
    padding-left: 40px;
    display: inline-block;
    float: left;
    width: -webkit-calc(100% - 302px);
    width: calc(100% - 302px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .csr-social-contribution-wrap .search-cont .search-on-wrap:before {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 20px;
  }
  .csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap {
    padding-top: 0 !important;
    border-top: none !important;
  }
  .csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap .tag {
    width: auto;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 15px;
  }
  .csr-social-contribution-wrap .search-cont .search-on-wrap .tag-wrap .tag .txt {
    font-size: 15px;
    padding: 0 18px;
    width: auto;
  }
  .csr-social-contribution-wrap .search-cont .search-close-btn-wrap,
  .csr-social-contribution-wrap .search-cont .search-on-btn-wrap {
    display: none;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list {
    padding: 0;
    margin-top: 40px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap {
    font-size: 0;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item {
    vertical-align: top;
    margin: 0;
    display: inline-block;
    width: 32.166%;
    margin-left: 1.66%;
    margin-bottom: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .item-link {
    display: block;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .item-link:active .img-wrap img,
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .item-link:focus .img-wrap img,
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .item-link:hover .img-wrap img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .img-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .img-wrap img {
    width: 100%;
    height: 270px;
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap {
    position: relative;
    height: 630px;
    display: block;
    padding: 38px 30px;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .txt-wrap-link {
    display: block;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .category {
    font-size: 20px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .tit-wrap {
    margin: 11px 0 23px;
    font-size: 0;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .tit-wrap:after {
    content: "";
    margin-top: 5px;
    margin-left: 10px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -204px;
    width: 12px;
    height: 20px;
    background-size: 461px 445px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .tit-wrap .tit {
    padding-top: 8px;
    width: 100%;
    line-height: 36px;
    max-height: 100%;
    min-height: 72px;
    font-size: 26px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .txt {
    display: inline-block;
    height: 182px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 26px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .tag-wrap {
    position: absolute;
    bottom: 32px;
    left: 0;
    padding: 0 30px;
  }
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap .tag-wrap .tag {
    margin-right: 6px;
    font-size: 15px;
  }
  .paging-cont.csr {
    margin-top: 10px;
  }
  /*! 재단 타이틀  */
  .visual-csr-foundation-wrap .tab-list {
    margin-top: 0;
  }
  /* .visual-csr-foundation-wrap .tab-list{margin-top:-30px} 20210728 수정 */
  .visual-csr-foundation-wrap .foundation-tit {
    padding: 55px 0;
    text-align: center;
    border-bottom: 1px solid #000;
  }
  .visual-csr-foundation-wrap .foundation-tit .tit {
    padding: 0 300px;
    font-size: 20px;
    line-height: 32px;
    word-break: keep-all;
  }
  .visual-csr-foundation-wrap .foundation-tit .tit .point {
    color: #bb0841;
    font-family: "LGSmHaTSB";
  }
  .visual-csr-foundation-wrap .foundation-tit.etc {
    padding: 55px 0 0 0;
  }
  .visual-csr-foundation-wrap .foundation-tit.style01 {
    padding: 27px 0 27px 0;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] {
    display: table;
    margin-top: 0;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .img-wrap {
    display: table-cell;
    padding: 0;
    width: 38%;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 50px;
    margin-top: 0;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .category {
    font-size: 26px;
    line-height: 30px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .slogan {
    padding: 23px 0 9px;
    font-size: 20px;
    line-height: 25px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .list-txt {
    font-size: 16px;
    line-height: 26px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list {
    padding-top: 22px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list *:nth-child(-n + 2) {
    margin-bottom: 10px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list .tit {
    float: left;
    width: 25%;
    font-size: 15px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .sub-list .txt {
    float: left;
    width: 75%;
    font-size: 15px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap {
    margin: 27px 0 0;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list {
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    margin-right: 0;
    margin-bottom: 0;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list .txt {
    font-size: 15px;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list:hover {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list:hover .txt {
    color: #fff;
  }
  .visual-csr-foundation-wrap .foundation-list-wrap .foundation-list *[class*="item"] .txt-wrap .btn-wrap .btn-list + .btn-list {
    margin-left: 12px;
  }
  /*! LG다운 사회공헌 */
  .social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .link {
    display: inline-block;
  }
  .social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .txt-wrap .category {
    font-size: 26px;
    color: #000;
  }
  .social-contribution-wrap .foundation-list.social-contribution-list *[class*="item"] .txt-wrap .list-txt {
    margin-top: 22px;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #555;
  }
  /*! 철학 */
  .philosophy-cont {
    position: relative;
    width: 100%;
    min-height: 650px;
    height: 100%;
  }
  .philosophy-cont .chairman-wrap {
    position: relative;
    z-index: 10;
    width: 100%;
    background: #fff;
  }
  .philosophy-cont .chairman-wrap .chairman-inner-wrap {
    padding: 30px 0 100px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .philosophy-cont .chairman-wrap .tit-txt {
    padding: 0;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
  }
  .philosophy-cont .chairman-wrap .tit-txt + .tit-txt {
    margin-top: 17px;
  }
  .philosophy-cont .chairman-wrap .tit-txt .point {
    font-family: "LGSmHaTSB";
    color: #bb0841;
  }
  .philosophy-cont .chairman-wrap .tit-txt br {
    display: block;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap {
    width: 980px;
    margin: 0 auto;
    padding-top: 75px;
    padding-left: 0;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item {
    vertical-align: top;
    margin: 0;
    width: -webkit-calc((100% / 3) - 0.1px);
    width: calc((100% / 3) - 0.1px);
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    border-bottom: none;
    text-align: right;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item *[class*="chairman"] {
    position: relative;
    width: 290px;
    height: 240px;
    display: inline-block;
    background-repeat: no-repeat;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman01 {
    background-image: url("../../images/common/img_chairman01_pc.jpg");
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman02 {
    background-image: url("../../images/common/img_chairman02_pc.jpg");
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .chairman03 {
    background-image: url("../../images/common/img_chairman03_pc.jpg");
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .tit {
    display: block;
    margin-top: 30px;
    padding-top: 0;
    font-family: "LGSmHaTSB";
    font-size: 18px;
    text-align: center;
    padding-right: 0;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .txt {
    padding: 0 23px;
    margin-top: 15px;
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 26px;
    text-align: center;
  }
  .philosophy-cont .chairman-wrap .chairman-img-wrap .item .txt br {
    display: block;
  }
  .philosophy-cont .philosophy-wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    text-align: center;
    font-size: 0;
    background: url("../../images/common/bg_philosophy_wrap.jpg") center center repeat;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 137px 0 210px 0;
    background: url("../../images/common/bg_philosophy_inner.jpg") no-repeat;
    background-size: cover;
    background-position: center bottom;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .tit {
    font-family: "LGSmHaTB";
    font-size: 105px;
    opacity: 0.08;
    line-height: 120px;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .bar {
    margin: 12px 0 34px;
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #e5e5e5;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt {
    font-size: 20px;
    line-height: 32px;
    padding: 0;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt br {
    display: block;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt .point {
    font-family: "LGSmHaTSB";
    color: #bb0841;
  }
  .philosophy-cont .philosophy-wrap .philosophy-inner-wrap .txt + .txt {
    margin-top: 20px;
  }
  .foundation-tit .tit.pc {
    display: block;
  }
  .foundation-tit .tit.mobile {
    display: none;
  }
  /*! 전략 */
  .csr-strategy-wrap .strategy-wrap {
    margin-top: 0;
    text-align: center;
    padding: 0;
    padding-top: 57px;
    border-top: 1px solid #eee;
  }
  .csr-strategy-wrap .strategy-wrap .tit {
    font-size: 26px;
    font-family: "LGSmHaTSB";
    line-height: 30px;
  }
  .csr-strategy-wrap .strategy-wrap .txt {
    margin-top: 20px;
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
  }
  .csr-strategy-wrap .strategy-wrap .txt .point {
    font-family: "LGSmHaTSB";
    color: #bb0841;
  }
  .csr-strategy-wrap .strategy-wrap .txt br {
    display: block;
  }
  .csr-strategy-wrap .strategy-wrap .img-01 {
    margin: 54px auto 80px auto;
    display: block;
    max-width: 100%;
    width: 980px;
    height: 449px;
    background: url("../../images/common/bg_csr_strategy01_en.jpg") center center no-repeat;
    background-size: 100% 100%;
  }
  .csr-strategy-wrap .strategy-wrap .img-02 {
    margin: 33px auto 0 auto;
    display: block;
    width: 664px;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list {
    max-width: 980px;
    width: 100%;
    margin: 54px auto 0 auto;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li {
    float: left;
    min-width: -webkit-calc(100% / 3 - 10px);
    min-width: calc(100% / 3 - 10px);
    position: relative;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 200px;
    background-color: #eee;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li:last-child:before {
    display: none;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li:nth-child(1):before {
    right: -15px;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li:nth-child(2):before {
    right: 10px;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list li + li {
    margin-top: 0;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list .tit {
    font-family: "LGSmHaTSB";
    font-size: 20px;
    line-height: 26px;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list .tit .point {
    color: #bb0841;
  }
  .csr-strategy-wrap .strategy-wrap .strategy-txt-list .txt {
    padding: 0;
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #555;
    line-height: 26px;
  }
  .csr-strategy-wrap .strategy-wrap:last-child {
    margin-top: 0;
    padding-top: 60px;
    border-top: 1px solid #eee;
  }
  /*! 지속가능경영 */
  .csr-management-wrap {
    padding: 0;
  }
  .csr-management-wrap .txt-wrap {
    margin: 55px 0;
    text-align: center;
  }
  .csr-management-wrap .txt-wrap .txt {
    font-size: 20px;
    line-height: 32px;
  }
  .csr-management-wrap .txt-wrap .txt .point {
    font-family: "LGSmHaTSB";
    color: #bb0841;
  }
  .csr-management-wrap .box-wrap {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
  }
  .csr-management-wrap .box {
    margin: 0;
    float: left;
    display: inline-block;
    width: -webkit-calc((100% / 2) - 10px);
    width: calc((100% / 2) - 10px);
    height: 500px;
    padding: 60px 70px 0 70px;
    text-align: center;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .csr-management-wrap .box *[class*="bg"] {
    display: inline-block;
    width: 290px;
    height: 90px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .csr-management-wrap .box .bg01 {
    background-image: url("../../images/common/bg_management_01.jpg");
  }
  .csr-management-wrap .box .bg02 {
    background-image: url("../../images/common/bg_management_02.jpg");
  }
  .csr-management-wrap .box .tit {
    margin: 25px 0 12px;
    font-family: "LGSmHaTSB";
    font-size: 20px;
    line-height: 25px;
  }
  .csr-management-wrap .box .txt {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #555;
    word-break: keep-all;
  }
  .csr-management-wrap .box:last-child {
    float: right;
  }
  .csr-management-wrap .box + .box {
    margin: 0;
  }
  .csr-management-wrap .box.st2 {
    float: inherit;
    margin: 20px auto 0 auto;
    padding: 0;
    max-width: 980px;
    width: 100%;
    height: 100%;
    display: block;
  }
  .csr-management-wrap .box.st2 .tit {
    margin-top: 56px;
  }
  .csr-management-wrap .box.st2 > .txt {
    margin-bottom: 0;
  }
  .csr-management-wrap .management-link-box {
    padding: 53px 113px 60px 113px;
  }
  .csr-management-wrap .management-link-box *[class*="-box"] {
    max-width: 240px;
    width: 100%;
    float: left;
  }
  .csr-management-wrap .management-link-box *[class*="-box"] .item {
    position: relative;
    display: block;
    padding: 0 20px;
    text-align: left;
    border-bottom: 1px solid #eee;
    min-height: 50px;
    line-height: 50px;
  }
  .csr-management-wrap .management-link-box *[class*="-box"] .item .txt {
    display: inline-block;
    font-family: "LGSmHaTSB";
    font-size: 16px;
    color: #555;
  }
  .csr-management-wrap .management-link-box *[class*="-box"] .item:after {
    position: absolute;
    top: 18px;
    right: 20px;
    content: "";
    display: inline-block;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -58px -431px;
    width: 8px;
    height: 14px;
    background-size: 461px 445px;
  }

  /* LG Corp. 추가 .lg-center */
  .csr-management-wrap .management-link-box {
    padding: 37px 113px 60px 113px;
  }
  .csr-management-wrap .management-link-box .lg-center {
    max-width: 100%;
    width: 100%;
    float: left;
    position: static;
    transform: none;
  }
  .csr-management-wrap .management-link-box .lg-center .item {
    width: 150px;
    margin: 0 auto 23px;
    border: none;
    text-align: center;
    padding-bottom: 17px;
    min-height: initial;
    line-height: initial;
  }
  .csr-management-wrap .management-link-box .lg-center .item .txt {
    line-height: initial;
    color: #be154b;
  }
  .csr-management-wrap .management-link-box .lg-center .item:after {
    transform: rotate(90deg) translate(5px, 5px);
    left: 50%;
  }
  /* LG Corp. 추가 .lg-center */

  .csr-management-wrap .management-link-box *[class*="-box"].right .item {
    text-align: right;
  }
  .csr-management-wrap .management-link-box *[class*="-box"].right .item:after {
    content: "";
    right: inherit;
    left: 20px;
    display: inline-block;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -369px -120px;
    width: 8px;
    height: 14px;
    background-size: 461px 445px;
  }
  .csr-management-wrap .management-link-box .img-box {
    position: relative;
    top: inherit;
    left: inherit;
    margin: 7px 40px 0 40px;
    padding: 0;
    width: 192px;
    height: 192px;
    border: 1px solid #c0194d;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .csr-management-wrap .management-link-box .img-box .icon {
    margin: 32px 0 8px;
    display: inline-block;
    width: 53px;
    height: 61px;
    background-image: url("../../images/common/bg_management_03.png");
  }
  .csr-management-wrap .management-link-box .img-box .txt {
    display: block;
    font-family: "LGSmHaTSB";
    font-size: 18px;
  }
}

/*!
	사회적책임 - 기본 PC 환경 스타일
*/
@media (min-width: 1230px) {
  /*! 사회공헌 */
  .csr-social-contribution-wrap .csr-social-contribution-list .list-wrap .item .txt-wrap {
    height: 600px;
  }
}
/*! content - 선대회장 */
.onepage-pagination.chairman {
  display: none;
}
.section-chairman.chairman01 {
  background-color: #eeeef0;
}
.section-chairman.chairman02 {
  background-image: url("../../images/chairman/bg_profile.jpg");
  background-repeat: repeat;
}
.section-chairman.chairman03 {
  padding-bottom: 80px;
}
.section-chairman .section-chairman-content {
  padding-top: 40px;
}
.section-chairman .section-chairman-content .tit {
  padding: 0 15px;
  font-family: "LGSmHaTSB";
  font-size: 24px;
  color: #000;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 40px 0 30px 0;
  -webkit-overflow-scrolling: touch;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list {
  display: table;
  white-space: nowrap;
  margin: 0 15px;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item {
  display: table-cell;
  padding-right: 5px;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag {
  padding: 11px 10px;
  display: inline-block;
  width: 100%;
  min-width: 140px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag .txt {
  display: inline-block;
  font-size: 14px;
  color: #555;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item.on .btn-tag {
  background-color: #bb0841;
  border: 1px solid #bb0841;
}
.section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item.on .btn-tag .txt {
  color: #fff;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.first-chairman {
  min-height: 468px;
  background: url("../../images/chairman/bg_quotation_chairman01.jpg") no-repeat right bottom;
  background-size: contain;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.second-chairman {
  min-height: 468px;
  background: url("../../images/chairman/bg_quotation_chairman02.jpg") no-repeat right bottom;
  background-size: contain;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.third-chairman {
  min-height: 468px;
  background: url("../../images/chairman/bg_quotation_chairman03.jpg") no-repeat right bottom;
  background-size: contain;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .txt-tab-cont .tit {
  position: relative;
  padding: 18px 0 18px 12px;
  margin: 0 33px;
  font-family: "LGSmHaTSB";
  font-size: 16px;
  line-height: 20px;
  color: #000;
  z-index: 2;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .txt-tab-cont .tit:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 28px;
  height: 24px;
  display: inline-block;
  background: url("../../images/chairman/bg_txt_wrap_tit.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: -1;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-container {
  width: 100%;
  overflow: hidden;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list {
  overflow: hidden;
  height: auto;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item {
  float: left;
  padding: 0 45px;
  height: auto;
  line-height: normal;
  width: 516px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #555;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item .txt em {
  font-family: "LGSmHaTSB";
  color: #bb0841;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item .txt br {
  display: none;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav {
  display: block;
  width: 100%;
  max-width: 675px;
  position: absolute;
  top: 0;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav *[class*="btn-"] {
  top: 15px;
  padding: 0;
  margin-top: 0;
  width: 16px;
  height: 29px;
  background-size: 100% 100%;
  background-position: center center;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav *[class*="btn-"] .icon {
  display: inline-block;
  width: 16px;
  height: 29px;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav .btn-prev {
  left: 15px;
  background-image: url("../../images/chairman/bg_txt_prev.png");
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav .btn-next {
  right: 15px;
  background-image: url("../../images/chairman/bg_txt_next.png");
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-dot {
  width: 100%;
  max-width: 675px;
  padding: 30px 0;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-dot .btn-dot {
  background-color: #aaa;
}
.section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-dot .btn-dot.active {
  background-color: #bb0841;
}
.section-chairman .section-chairman-content .profile-list {
  padding-top: 18px;
  margin: 37px 15px 0 17px;
  border-left: 1px solid #ddd;
}
.section-chairman .section-chairman-content .profile-list .profile-box {
  position: relative;
  padding-bottom: 45px;
}
.section-chairman .section-chairman-content .profile-list .profile-box:first-child .profile-tit {
  margin-top: -27px;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-tit {
  position: relative;
  margin-bottom: 15px;
  padding-left: 16px;
  font-family: "LGSmHaTSB";
  font-size: 16px;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-tit:after {
  position: absolute;
  left: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #bb0841;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt {
  position: relative;
  margin-bottom: 22px;
  padding-left: 16px;
  font-size: 0;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .year {
  position: relative;
  float: left;
  padding-right: 12px;
  display: inline-block;
  font-family: "LGSmHaTB";
  font-size: 14px;
  color: #000;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .year:after {
  position: absolute;
  left: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 10px;
  height: 1px;
  background-color: #ddd;
  display: block;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .txt {
  padding-left: 50px;
  display: block;
  font-size: 14px;
  color: #555;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .txt + .txt {
  margin-top: 10px;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt.etc .year {
  padding-right: 5px;
}
.section-chairman .section-chairman-content .profile-list .profile-box .profile-txt:last-child {
  margin-bottom: 0;
}
.section-chairman .section-chairman-content .chairmas-img-wrap {
  padding-top: 30px;
  overflow: hidden;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-container {
  margin: 0 auto;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-list {
  overflow: hidden;
  width: 300%;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item {
  position: relative;
  float: left;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  line-height: normal;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item .slide-dimm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/chairman/bg_slide_dimm.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item .txt {
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding: 0 45px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
  z-index: 1;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item img {
  width: auto;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav {
  display: block;
  width: 100%;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav *[class*="btn-"] {
  margin-top: -60px;
  top: -webkit-calc(50%);
  top: calc(50%);
  width: 35px;
  height: 90px;
  padding: 0;
  background: none;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav *[class*="btn-"] .icon {
  display: inline-block;
  width: 35px;
  height: 90px;
  background-size: 100% 100%;
  background-position: center center;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-prev {
  left: 0;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-prev .icon {
  background-image: url("../../images/chairman/bg_slide_prev.png");
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-next {
  right: 0;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-next .icon {
  background-image: url("../../images/chairman/bg_slide_next.png");
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-num {
  padding-top: 13px;
  text-align: center;
  font-size: 0;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-num *[class*="-num"] {
  display: inline-block;
  font-size: 14px;
  color: #777;
}
.section-chairman .section-chairman-content .chairmas-img-wrap .slide-num .current-num {
  color: #000;
}
.section-chairman .bg-pc {
  display: none;
}
/*!
	역대회장 - 태블릿 기본 스타일
*/
@media screen and (min-width: 680px) and (max-width: 1024px) {
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-container {
    width: 680px;
  }
}
/*!
	역대회장 - 기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .onepage-pagination.chairman {
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 3;
  }
  .onepage-pagination.chairman li {
    margin-bottom: 32px;
  }
  .onepage-pagination.chairman li:last-child {
    margin-bottom: 0;
  }
  .onepage-pagination.chairman .item {
    font-size: 0;
    display: block;
    text-align: right;
  }
  .onepage-pagination.chairman .item .txt {
    display: inline-block;
    line-height: 20px;
    font-size: 16px;
    color: #777;
  }
  .onepage-pagination.chairman .item:after {
    margin-left: 10px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .onepage-pagination.chairman .item.active .txt {
    font-family: "LGSmHaTSB";
    color: #000;
  }
  .onepage-pagination.chairman .item.active:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section-chairman {
    width: 100%;
    padding-top: 90px;
    height: -webkit-calc(100% - 90px);
    height: calc(100% - 90px);
  }
  .section-chairman.pc-layout01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  .section-chairman.pc-layout02 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
  }
  .section-chairman.pc-layout03 {
    position: absolute;
    top: 200%;
    left: 0;
    z-index: 1;
  }
  .section-chairman.chairman01 {
    background-color: #eeeef0;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
  }
  .section-chairman.chairman01.first-chairman {
    background-image: url("../../images/chairman/bg_quotation_chairman01_pc.jpg");
  }
  .section-chairman.chairman01.second-chairman {
    background-image: url("../../images/chairman/bg_quotation_chairman02_pc.jpg");
  }
  .section-chairman.chairman01.third-chairman {
    background-image: url("../../images/chairman/bg_quotation_chairman03_pc.jpg");
  }
  .section-chairman.chairman02 {
    background-image: url("../../images/chairman/bg_profile.jpg");
    background-repeat: repeat;
  }
  .section-chairman.chairman03 {
    padding-bottom: 0;
  }
  .section-chairman .section-chairman-content {
    position: relative;
    padding-top: 190px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: -webkit-calc(100% - 190px);
    height: calc(100% - 190px);
  }
  .section-chairman .section-chairman-content .tit {
    padding: 0;
    font-size: 48px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap {
    padding: 58px 0 45px 0;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list {
    margin: 0;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item {
    padding-right: 10px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag {
    padding: 13px 10px;
    display: inline-block;
    width: 100%;
    min-width: 140px;
    border-radius: 30px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag .txt {
    font-size: 16px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item .btn-tag:before {
    content: "　";
    position: absolute;
    font-size: 0;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item.on .btn-tag {
    background-color: #bb0841;
    border: 1px solid #bb0841;
  }
  .section-chairman .section-chairman-content .quotation-wrap .tag-wrap .tag-list .item.on .btn-tag .txt {
    color: #fff;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap {
    max-width: 720px;
    background: none;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.first-chairman {
    background: none;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.second-chairman {
    background: none;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap.third-chairman {
    background: none;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .txt-tab-cont .tit {
    position: relative;
    padding: 34px 0 18px 50px;
    margin: 0;
    font-size: 26px;
    line-height: 30px;
    color: #000;
    z-index: 2;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .txt-tab-cont .tit:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "";
    width: 55px;
    height: 47px;
    display: inline-block;
    background: url("../../images/chairman/bg_txt_wrap_tit_pc.png") no-repeat center center;
    background-size: 100% 100%;
    z-index: -1;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-container {
    overflow: hidden;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list {
    overflow: hidden;
    width: 1200px;
    height: 280px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item {
    float: left;
    padding: 0 50px;
    max-width: 720px;
    height: auto;
    line-height: normal;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item .txt {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-list .slide-item .txt em {
    font-family: "LGSmHaTSB";
    color: #bb0841;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav {
    display: block;
    max-width: 100%;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav *[class*="btn-"] {
    top: 20px;
    width: 26px;
    height: 48px;
    background-size: 100% 100%;
    background-position: center center;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav *[class*="btn-"] .icon {
    display: inline-block;
    width: 26px;
    height: 48px;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav .btn-prev {
    left: 0;
    background-image: url("../../images/chairman/bg_txt_prev_pc.png");
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-nav .btn-next {
    right: 0;
    background-image: url("../../images/chairman/bg_txt_next_pc.png");
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-dot {
    max-width: 100%;
    padding: 30px 0;
  }
  .section-chairman .section-chairman-content .quotation-wrap .chairman-txt-wrap .slide-dot .btn-dot {
    color: #aaa;
  }
  .section-chairman .section-chairman-content .profile-list-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px;
    height: -webkit-calc(100% - 295px);
    height: calc(100% - 295px);
    overflow: hidden;
  }
  .section-chairman .section-chairman-content .profile-list-scroll {
    width: 520px;
    height: 100%;
    overflow-x: hidden;
  }
  .section-chairman .section-chairman-content .profile-list {
    position: relative;
    width: 500px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 0 15px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box {
    padding-bottom: 80px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box:first-child .profile-tit {
    margin-top: 0;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-tit {
    margin-bottom: 26px;
    padding-left: 30px;
    font-size: 20px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-tit:after {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 10px;
    height: 10px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt {
    margin-bottom: 20px;
    padding-left: 30px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .year {
    padding-right: 12px;
    font-size: 16px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .year:after {
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 20px;
    height: 1px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .txt {
    padding-left: 56px;
    font-size: 16px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt .txt + .txt {
    margin-top: 10px;
  }
  .section-chairman .section-chairman-content .profile-list .profile-box .profile-txt.etc .year {
    padding-right: 5px;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap {
    padding-top: 40px;
    overflow: hidden;
    opacity: 0;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-container {
    max-width: 1200px;
    height: 600px;
    overflow: hidden;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item {
    position: relative;
    float: left;
    width: 100%;
    max-width: 900px;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-center {
    width: 75%;
    height: 100%;
    position: absolute;
    left: 12.5%;
    top: 0;
    z-index: 3;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-hide-left {
    width: 0%;
    height: 0%;
    position: absolute;
    left: -1%;
    top: 50%;
    opacity: 0.5;
    z-index: 1;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-left {
    width: 60%;
    height: 80%;
    position: absolute;
    left: 0;
    top: 10%;
    opacity: 0.5;
    z-index: 1;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-hide-right {
    width: 0%;
    height: 0%;
    position: absolute;
    left: 101%;
    top: 50%;
    opacity: 0.5;
    z-index: 1;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-right {
    width: 60%;
    height: 80%;
    position: absolute;
    left: 40%;
    top: 10%;
    opacity: 0.5;
    z-index: 1;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item .slide-dimm {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../images/chairman/bg_slide_dimm.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item .txt {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: keep-all;
    z-index: 1;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item img {
    display: block;
    width: 900px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -450px;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-hide-left p,
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-hide-right p,
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-left p,
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-right p {
    display: none;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-left img,
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-list .slide-item.ui-right img {
    -webkit-filter: grayscale(100%);
    filter: gray;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav *[class*="btn-"] {
    margin-top: -60px;
    top: -webkit-calc(50%);
    top: calc(50%);
    width: 60px;
    height: 160px;
    padding: 0;
    background: none;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav *[class*="btn-"] .icon {
    display: inline-block;
    width: 60px;
    height: 160px;
    background-size: 100% 100%;
    background-position: center center;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-prev {
    left: 12.5%;
    z-index: 5;
    margin-top: -80px;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-prev .icon {
    background-image: url("../../images/chairman/bg_slide_prev.png");
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-next {
    right: 12.5%;
    z-index: 5;
    margin-top: -80px;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-nav .btn-next .icon {
    background-image: url("../../images/chairman/bg_slide_next.png");
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-num {
    padding-top: 13px;
    text-align: center;
    font-size: 0;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-num *[class*="-num"] {
    display: inline-block;
    font-size: 16px;
    color: #777;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-num .current-num {
    color: #000;
  }
  .section-chairman .bg-pc {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 930px;
    max-height: 736px;
  }
  .section-chairman .bg-pc.first-chairman {
    background: url("../../images/chairman/bg_profile_first_chairman.png") no-repeat right bottom;
    background-size: contain;
  }
  .section-chairman .bg-pc.second-chairman {
    background: url("../../images/chairman/bg_profile_second_chairman.png") no-repeat right bottom;
    background-size: contain;
  }
  .section-chairman .bg-pc.third-chairman {
    background: url("../../images/chairman/bg_profile_third_chairman.png") no-repeat right bottom;
    background-size: contain;
  }
}
/*!
	역대회장 - 중간사이즈 예외처리
*/
@media (min-width: 1024px) and (max-height: 960px) {
  .onepage-pagination.chairman {
    top: 40%;
  }
  .section-chairman .section-chairman-content .chairmas-img-wrap .slide-container {
    max-width: 100vw;
    height: 62.5vh;
  }
}
/*! content - 기타 */
.total-search-area {
  width: 100%;
  position: relative;
  padding: 36px 0 40px 0;
  min-height: 144px;
  background-color: #eee;
}
.total-search-area .search-box-wrap {
  margin-top: 25px;
  margin-left: 15px;
  margin-right: 15px;
}
.total-search-area .search-tag-area {
  padding: 12px 15px 0 15px;
}
.total-search-area .search-tag-area .btn-tag {
  margin-left: 7px;
  font-size: 12px;
  color: #777;
}
.total-search-area .search-tag-area .btn-tag:first-child {
  margin-left: 0;
}
.total-search-area .search-check-area {
  position: absolute;
  top: 161px;
  right: 15px;
}
.total-search-result-area .tab-list {
  margin-top: 30px;
}
.total-search-result-area .search-result-title {
  padding: 30px 15px 0 15px;
}
.total-search-result-area .search-result-title .result-count {
  float: left;
}
.total-search-result-area .search-result-title .result-count .txt01 {
  font-size: 17px;
  font-family: "LGSmHaTSB";
  margin-right: 5px;
}
.total-search-result-area .search-result-title .result-count .txt02 {
  font-size: 14px;
  font-family: "LGSmHaTSB";
}
.total-search-result-area .search-result-title .result-more {
  float: right;
}
.total-search-result-area .search-result-title .result-more .btn-more-result .txt {
  font-size: 14px;
  color: #bb0841;
  vertical-align: middle;
  line-height: 21px;
}
.total-search-result-area .search-result-title .result-more .btn-more-result .icon {
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  background-position: -371px -38px;
  width: 8px;
  height: 13px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.total-search-result-area .search-result-report {
  padding: 28px 15px 0 15px;
}
.total-search-result-area .search-result-report .txt {
  font-family: "LGSmHaTR";
  font-size: 14px;
  color: #777;
  line-height: 18px;
}
.total-search-result-area .search-result-report .txt .category {
  color: #bb0841;
}
.total-search-result-area .search-result-report .txt .num {
  padding-left: 5px;
  color: #000;
}
.total-search-result-area .movie-list {
  margin-top: 15px;
  border-top: 1px solid #000;
}
.total-search-result-area .no-result {
  margin-top: 30px;
  height: 200px;
  line-height: 200px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.total-search-result-area .no-result .no-txt {
  text-align: center;
  width: 100%;
}
.total-search-result-area .no-result .no-txt .keyword {
  color: #bb0841;
  line-height: 18px;
  font-size: 15px;
}
.total-search-result-area .no-result .no-txt .txt01 {
  margin-left: 5px;
  color: #777;
  line-height: 18px;
  font-size: 15px;
}
.total-search-result-area .list-cont {
  margin-top: 15px;
}
/*! 사이트맵 */
.site-map-wrap {
  padding-top: 50px;
}
.site-map-wrap .tit {
  margin-bottom: 27px;
  text-align: center;
  font-family: "LGSmHaTSB";
  font-size: 26px;
  line-height: 30px;
}
.site-map-wrap .site-map-cont {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
.site-map-wrap .site-item {
  padding: 27px 15px;
  border-bottom: 1px solid #eee;
}
.site-map-wrap .site-item:last-child {
  border-bottom: none;
}
.site-map-wrap .site-item .item-tit-wrap {
  float: left;
  min-width: 120px;
}
.site-map-wrap .site-item .item-tit-wrap .item-tit {
  display: block;
  font-family: "LGSmHaTSB";
  font-size: 16px;
  line-height: 20px;
  color: #bb0841;
}
.site-map-wrap .site-item .item-cont-wrap {
  float: left;
}
.site-map-wrap .site-item .item-cont-wrap .dep1-list > li + li {
  margin-top: 25px;
}
.site-map-wrap .site-item .item-cont-wrap .dep1-list .dep2-list {
  margin-top: 12px;
}
.site-map-wrap .site-item .item-cont-wrap .dep1-list .dep2-list > li + li {
  margin-top: 12px;
}
.site-map-wrap .site-item .item-cont-wrap .link-tit {
  font-family: "LGSmHaTSB";
  font-size: 16px;
  line-height: 20px;
}
.site-map-wrap .site-item .item-cont-wrap .dep2-list .dep2-link {
  color: #555;
}
.site-map-wrap .site-item .item-cont-wrap .dep2-list .dep2-link:before {
  margin-right: 7px;
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #ccc;
  vertical-align: middle;
}
.site-map-wrap .site-item.en .item-tit-wrap {
  float: none;
  padding-bottom: 20px;
}
.site-map-wrap .site-item.en .item-cont-wrap {
  float: none;
  padding-left: 15px;
}
/*! 오류페이지 */
.error-wrap {
  padding-top: 50px;
}
.error-wrap .error-txt-wrap {
  padding: 40px 30px;
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
.error-wrap .error-txt-wrap .tit {
  margin-bottom: 13px;
  font-family: "LGSmHaTSB";
  font-size: 20px;
}
.error-wrap .error-txt-wrap .txt {
  display: block;
  font-size: 15px;
  color: #555;
  line-height: 22px;
  word-break: keep-all;
  word-wrap: break-word;
}
.error-wrap .error-txt-wrap .btn-wrap {
  margin-top: 27px;
}
.error-wrap .error-txt-wrap .btn-wrap .btn {
  padding: 0 15px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  background: #fff;
}
.error-wrap .error-txt-wrap .btn-wrap .btn .txt {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.error-wrap .error-txt-wrap .btn-wrap .btn:before {
  content: "　";
  position: absolute;
  font-size: 0;
}
.error-wrap .error-txt-wrap .btn-wrap .btn.line {
  border: 1px solid #000;
}
.error-wrap .error-txt-wrap .btn-wrap .btn.color {
  background-color: #bb0841;
  border: 1px solid #bb0841;
}
.error-wrap .error-txt-wrap .btn-wrap .btn.color .txt {
  color: #fff;
}
.error-wrap .error-txt-wrap .btn-wrap .btn + .btn {
  margin-left: 10px;
}
.safe-wrap {
  margin: 0 15px;
  padding: 25px 15px 30px;
  border: 1px solid #eee;
  position: relative;
}
.safe-wrap .tit {
  font-family: "LGSmHaTSB";
  font-size: 15px;
  line-height: 20px;
  color: #000;
}
.safe-wrap .safe-name-wrap {
  margin-top: 10px;
  font-size: 0;
}
.safe-wrap .safe-name-wrap .name {
  display: inline-block;
  color: #000;
  font-size: 14px;
}
.safe-wrap .safe-name-wrap .ph {
  margin-left: 5px;
  margin-right: 4px;
  display: inline-block;
  color: #f14f4d;
  font-size: 14px;
}
.safe-wrap .safe-name-wrap .ph .ico_ph {
  margin-left: 5px;
  margin-right: 2px;
  display: inline-block;
  background-position: -30px -324px;
  width: 11px;
  height: 13px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
  vertical-align: top;
}
.safe-wrap .safe-info-wrap {
  margin: 15px 0 30px;
}
.safe-wrap .safe-info-wrap .img-link {
  display: block;
}
.safe-wrap .safe-info-wrap .img-link .img-wrap {
  float: left;
  margin-right: 15px;
  width: 80px;
  height: 101px;
}
.safe-wrap .safe-info-wrap .img-link .img-wrap img {
  width: 100%;
}
.safe-wrap .safe-info-wrap .info-list {
  margin-top: 6px;
}
.safe-wrap .safe-info-wrap .info-list dt {
  float: left;
  margin-right: 14px;
  color: #555;
  line-height: 20px;
}
.safe-wrap .safe-info-wrap .info-list dd {
  color: #000;
  line-height: 20px;
}
.safe-wrap .safe-info-wrap .info-list dd.name {
  margin-bottom: 8px;
}
.safe-wrap .safe-info-wrap .info-list dd.name a {
  display: inline-block;
  line-height: 20px;
}
.safe-wrap .safe-info-wrap .info-list dd.name a strong {
  font-family: "LGSmHaTSB";
  color: #150ad8;
}
.safe-wrap .safe-info-wrap .info-list dd.name a em {
  display: inline-block;
  margin-left: 5px;
  color: #000;
}
.safe-wrap .safe-info-wrap .info-list dd.add {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url(../../inc/css/ellipsis.xml#ellipsis);
}
.safe-wrap .safe-time-wrap {
  font-size: 0;
}
.safe-wrap .safe-time-wrap .day {
  font-size: 12px;
  color: #777;
}
.safe-wrap .safe-time-wrap .pop-link {
  margin-left: 10px;
  line-height: 13px;
  display: inline-block;
}
.safe-wrap .safe-time-wrap .pop-link .txt {
  display: inline-block;
  font-size: 12px;
  color: #777;
}
.safe-wrap .safe-time-wrap .pop-link .icon {
  margin-left: 6px;
  display: inline-block;
  background-position: -371px -145px;
  width: 8px;
  height: 4px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
  vertical-align: super;
}
.safe-wrap .safe-time-wrap .pop-link .pop {
  display: none;
}
.safe-wrap .safe-time-wrap .pop-link:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 1px;
  height: 13px;
  vertical-align: top;
  background-color: #eee;
}
.safe-wrap .safe-time-wrap .pop-link.on .icon {
  background-position: -371px -121px;
  width: 8px;
  height: 4px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.safe-wrap .safe-time-wrap .pop {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  font-size: 12px;
  padding: 36px 15px 33px;
  color: #777;
  line-height: 20px;
  background: #fff;
  border: 1px solid #000;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.safe-wrap .safe-time-wrap .pop em {
  margin-top: 10px;
  display: block;
  color: #555;
}
.safe-wrap .safe-time-wrap .pop .close-btn {
  position: absolute;
  top: 10px;
  right: 14px;
  display: inline-block;
  background-position: 0 -246px;
  width: 19px;
  height: 19px;
  background-image: url(../../images/common/sprite_mobile@2x.png);
  background-size: 379px 340px;
}
.safe-wrap .safe-link-wrap {
  font-size: 0;
  margin-top: 14px;
}
.safe-wrap .safe-link-wrap .link-tit {
  margin-right: 5px;
  display: inline-block;
  font-size: 12px;
  color: #777;
}
.safe-wrap .safe-link-wrap .link-tit.last {
  margin-left: 10px;
}
.safe-wrap .safe-link-wrap .link-tit.last:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 1px;
  height: 13px;
  vertical-align: middle;
  background-color: #eee;
}
.safe-wrap .safe-link-wrap .link {
  display: inline-block;
  font-size: 12px;
  color: #000;
}
.error-wrap + .safe-wrap {
  margin-top: 40px;
}
/*!
	기본 PC 환경 스타일
*/
@media (min-width: 1025px) {
  .total-search-area {
    padding: 80px 0 70px 0;
    min-height: 310px;
  }
  .total-search-area .search-box-wrap {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
  }
  .total-search-area .search-tag-area {
    text-align: center;
    padding: 20px 0 0 0;
  }
  .total-search-area .search-tag-area .btn-tag {
    margin-left: 10px;
    font-size: 16px;
  }
  .total-search-area .search-check-area {
    width: 918px;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 0;
  }
  .total-search-area .search-check-area .input-checkbox {
    position: absolute;
    top: -59px;
    right: 0;
  }
  .search-cont.total {
    margin-top: -140px;
  }
  .total-search-result-area .search-result-title {
    padding: 30px 0 0 0;
  }
  .total-search-result-area .search-result-title .result-count .txt01 {
    font-size: 20px;
  }
  .total-search-result-area .search-result-title .result-count .txt02 {
    font-size: 20px;
  }
  .total-search-result-area .search-result-title .result-more .btn-more-result .txt {
    font-size: 16px;
  }
  .total-search-result-area .search-result-title .result-more .btn-more-result .icon {
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -275px -206px;
    width: 10px;
    height: 15px;
    background-size: 461px 445px;
  }
  .total-search-result-area .search-result-report {
    padding: 120px 0 0 0;
  }
  .total-search-result-area .search-result-report .txt {
    font-family: "LGSmHaTR";
    font-size: 16px;
  }
  .total-search-result-area .search-result-report .txt .category {
    font-family: "LGSmHaTSB";
  }
  .total-search-result-area .search-result-report .txt .num {
    font-family: "LGSmHaTSB";
    padding-left: 5px;
  }
  .total-search-result-area .no-result {
    margin-top: 120px;
  }
  .total-search-result-area .no-result .no-txt .keyword {
    line-height: 26px;
    font-size: 20px;
  }
  .total-search-result-area .no-result .no-txt .txt01 {
    line-height: 26px;
    font-size: 20px;
  }
  .site-map-wrap {
    padding-top: 168px;
  }
  .site-map-wrap .tit {
    margin-bottom: 56px;
    text-align: center;
    font-size: 46px;
    line-height: 50px;
  }
  .site-map-wrap .site-item {
    padding: 38px 0;
  }
  .site-map-wrap .site-item .item-tit-wrap {
    float: left;
    min-width: 260px;
  }
  .site-map-wrap .site-item .item-tit-wrap .item-tit {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
  }
  .site-map-wrap .site-item .item-cont-wrap {
    float: left;
    width: -webkit-calc(100% - 260px);
    width: calc(100% - 260px);
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list > li + li {
    margin-top: 0;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list.long > li {
    height: 130px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list.long > li.line5 {
    height: 160px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list > li {
    float: left;
    width: 100%;
    max-width: -webkit-calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list > li:nth-child(n + 5) {
    margin-top: 40px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list .dep2-list {
    margin-top: 14px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep1-list .dep2-list > li + li {
    margin-top: 8px;
  }
  .site-map-wrap .site-item .item-cont-wrap .link-tit {
    display: block;
    width: 95%;
    font-family: "LGSmHaTSB";
    font-size: 20px;
    line-height: 1;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep2-list > li {
    position: relative;
    padding-left: 12px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep2-list .dep2-link {
    display: block;
    width: 95%;
    color: #555;
    font-size: 16px;
  }
  .site-map-wrap .site-item .item-cont-wrap .dep2-list .dep2-link:before {
    margin-right: 0;
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    width: 4px;
    height: 4px;
  }
  .site-map-wrap .site-item.en .item-tit-wrap {
    float: left;
    padding-bottom: 0;
  }
  .site-map-wrap .site-item.en .item-cont-wrap {
    float: left;
    padding-left: 0;
  }
  /*! 오류페이지 */
  .error-wrap {
    padding-top: 100px;
  }
  .error-wrap .error-txt-wrap {
    padding: 80px 0;
  }
  .error-wrap .error-txt-wrap .tit {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 30px;
  }
  .error-wrap .error-txt-wrap .txt {
    font-size: 18px;
    line-height: 30px;
  }
  .error-wrap .error-txt-wrap .txt br {
    display: none;
  }
  .error-wrap .error-txt-wrap .btn-wrap {
    margin-top: 54px;
  }
  .error-wrap .error-txt-wrap .btn-wrap .btn {
    padding: 0 30px;
    line-height: 42px;
  }
  .error-wrap .error-txt-wrap .btn-wrap .btn .txt {
    font-family: "LGSmHaTSB";
    font-size: 15px;
  }
  .error-wrap .error-txt-wrap .btn-wrap .btn:before {
    content: "　";
    position: absolute;
    font-size: 0;
  }
  .error-wrap .error-txt-wrap .btn-wrap .btn + .btn {
    margin-left: 10px;
  }
  .safe-wrap {
    margin: 0 auto;
    padding: 30px 90px;
    max-width: 520px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .safe-wrap .tit {
    font-size: 16px;
    line-height: 20px;
  }
  .safe-wrap .safe-name-wrap {
    margin-top: 10px;
  }
  .safe-wrap .safe-name-wrap .name {
    font-size: 16px;
  }
  .safe-wrap .safe-name-wrap .ph {
    margin-left: 5px;
    margin-right: 4px;
    display: inline-block;
    color: #f14f4d;
    font-size: 16px;
  }
  .safe-wrap .safe-name-wrap .ph .ico_ph {
    margin-left: 5px;
    margin-right: 2px;
    display: inline-block;
    background-position: -30px -324px;
    width: 11px;
    height: 13px;
    background-image: url(../../images/common/sprite_mobile@2x.png);
    background-size: 379px 340px;
    vertical-align: middle;
  }
  .safe-wrap .safe-info-wrap {
    margin: 15px 0 30px;
  }
  .safe-wrap .safe-info-wrap .img-link {
    display: block;
  }
  .safe-wrap .safe-info-wrap .img-link .img-wrap {
    float: left;
    margin-right: 15px;
    width: 78px;
    height: 98px;
  }
  .safe-wrap .safe-info-wrap .img-link .img-wrap img {
    width: 100%;
  }
  .safe-wrap .safe-info-wrap .info-list {
    margin-top: 6px;
  }
  .safe-wrap .safe-info-wrap .info-list dt {
    float: left;
    margin-right: 14px;
    color: #555;
    line-height: 20px;
    font-size: 15px;
  }
  .safe-wrap .safe-info-wrap .info-list dd {
    color: #000;
    line-height: 20px;
    font-size: 15px;
  }
  .safe-wrap .safe-info-wrap .info-list dd.name {
    margin-bottom: 8px;
  }
  .safe-wrap .safe-time-wrap .day {
    font-size: 13px;
  }
  .safe-wrap .safe-time-wrap .pop-link {
    margin-left: 10px;
    line-height: 13px;
  }
  .safe-wrap .safe-time-wrap .pop-link .txt {
    display: inline-block;
    font-size: 13px;
  }
  .safe-wrap .safe-time-wrap .pop-link .icon {
    margin-left: 6px;
    display: inline-block;
    background-position: -371px -145px;
    width: 8px;
    height: 4px;
    background-image: url(../../images/common/sprite_mobile@2x.png);
    background-size: 379px 340px;
    vertical-align: super;
  }
  .safe-wrap .safe-time-wrap .pop-link:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 1px;
    height: 13px;
    vertical-align: top;
    background-color: #eee;
  }
  .safe-wrap .safe-time-wrap .pop-link.on .icon {
    background-position: -371px -121px;
    width: 8px;
    height: 4px;
    background-image: url(../../images/common/sprite_mobile@2x.png);
    background-size: 379px 340px;
  }
  .safe-wrap .safe-time-wrap .pop {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 25px 13px;
    color: #777;
    line-height: 22px;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .safe-wrap .safe-time-wrap .pop em {
    margin-top: 10px;
    display: block;
    color: #555;
  }
  .safe-wrap .safe-time-wrap .pop .close-btn {
    position: absolute;
    top: 10px;
    right: 14px;
    background-image: url(../../images/common/sprite_pc.png);
    background-position: -443px -320px;
    width: 14px;
    height: 14px;
    background-size: 461px 445px;
  }
  .safe-wrap .safe-link-wrap {
    font-size: 0;
    margin-top: 14px;
    line-height: 1;
  }
  .safe-wrap .safe-link-wrap .link-tit {
    font-size: 13px;
  }
  .safe-wrap .safe-link-wrap .link {
    font-size: 13px;
  }
  .error-wrap + .safe-wrap {
    margin-top: 60px;
  }
}
/*! jquery-ui */
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
* html .ui-autocomplete {
  width: 1px;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-hover {
  font-weight: normal;
  margin: -1px;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: hidden;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  -webkit-filter: mask();
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.ui-dialog {
  position: absolute;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-close:hover {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 0.2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

/* s: 불필요한 이미지 오류로 인한 이미지 주석처리 20190424 */
.ui-widget-content {
  border: 1px solid #aaa;
  /* background:#fff url(../../inc/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; */
  background-color: #fff;
  color: #222;
}
.ui-widget-content a {
  color: #222;
}
.ui-widget-header {
  border: 1px solid #aaa;
  /* background:#ccc url(../../inc/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; */
  background-color: #ccc;
  color: #222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  /* background:#e6e6e6 url(../../inc/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
  background-color: #e6e6e6;
  font-weight: normal;
  color: #555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border: 1px solid #999;
  /* background:#dadada url(../../inc/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; */
  background-color: #dadada;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  /* background:#fff url(../../inc/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; */
  background-color: #fff;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  /* background:#fbf9ee url(../../inc/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; */
  background-color: #fbf9ee;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  /* background:#fef1ec url(../../inc/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; */
  background-color: #fef1ec;
  color: #cd0a0a;
}
/* e: 불필요한 이미지 오류로 인한 이미지 주석처리 20190424 */

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../../images/common/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../../images/common/ui-icons_444444_256x240.png");
}
.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
  background-image: url("../../images/common/ui-icons_555555_256x240.png");
}
.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
  background-image: url("../../images/common/ui-icons_ffffff_256x240.png");
}
.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
  background-image: url("../../images/common/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../../images/common/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
  background-image: url("../../images/common/ui-icons_777777_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-caret-1-n {
  background-position: 0 0;
}
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}
.ui-icon-caret-1-e {
  background-position: -32px 0;
}
.ui-icon-caret-1-se {
  background-position: -48px 0;
}
.ui-icon-caret-1-s {
  background-position: -65px 0;
}
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}
.ui-icon-caret-1-w {
  background-position: -96px 0;
}
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
  background: #aaa url(../../inc/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url(../../inc/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}
/*# sourceMappingURL=../../sass_maps/inc/css/common_en.css.map */

.tab-list .tab-item .tab-txt {
  letter-spacing: -0.5px;
}
.language-select-area.close:after {
  right: 1px;
}

/* 2019-03-08 */
.popup-subsidiary .pop-tit-wrap .tit {
  outline: none;
}

@media (max-width: 1024px) {
  .intro-ci-wrap .ci-story-cont *[class*="bg"] {
    width: auto;
    height: 410px;
    margin: 20px 10%;
  }
  .slide-nav {
    display: none !important;
  }
}

/* 2019-03-07 */
@media (max-width: 500px) {
  .top-intro-wrap.first {
    height: 490px !important;
  }
  .top-intro-wrap.second {
    height: 550px !important;
  }
  .top-intro-wrap.third {
    height: 490px !important;
  }
  .popup-subsidiary .pop-btn-wrap .btn-line .txt br {
    display: block;
  }
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box h3 {
    width: 70%;
  }
  .popup-subsidiary .pop-txt-wrap {
    overflow-y: scroll;
  }
}
/* 20210216 */
@media (max-width: 320px) {
  .public-tab-wrap .innovation-cont .resident-list-wrap ul.resident-list li .cont-box h3 {
    width: 63%;
  }
}

@media (max-width: 600px) {
  .intro-ci-wrap .ci-story-cont *[class*="bg"] {
    height: 210px;
  }
}

@media screen and (max-width: 375px) {
  .intro-ci-wrap .ci-story-cont *[class*="bg"] {
    height: 210px;
    margin: 10px;
  }
}

/* 2019-03-11 */
@media (max-width: 360px) {
  .intro-ci-wrap .ci-story-cont .story-tb-wrap .tb-ci-story table thead th {
    font-size: 13px;
  }
}

/*2019-03-11*/
.intro-title span {
  font-family: "LGSmHaTR";
}

/* 보도자료 상세 스와이퍼 CSS 오버라이드 */
.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  margin: 0 4px;
}

@media (max-width: 1024px) {
  /* 보도자료 상세 스와이퍼 CSS 오버라이드 */
  .swiper-pagination-bullets {
    top: 318px !important;
  }
}

@media (min-width: 1025px) {
  .slide-nav {
    display: none;
  }
}

@media (max-width: 510px) {
  .history-cont .top-intro-wrap .inner .title {
    word-break: keep-all;
  }
  .history-cont .top-intro-wrap .inner .title > br {
    display: none;
  }
}

@media (min-width: 1025px) {
  .history-list .history-box.last-layout {
    margin-top: 0;
  }
  .history-list .history-box.last-layout .year {
    padding-top: 76px;
  }
  .history-list .history-box.last-layout.mb20 {
    margin-bottom: 20px;
  }
}

/* 20201118 추가 */
.icon-pc {
  display: inline-block;
}
.icon-mo {
  display: none;
}

@media (max-width: 767px) {
  .icon-pc {
    display: none;
  }
  .icon-mo {
    display: inline-block;
  }
}