@charset "UTF-8";
@font-face {
  font-family: 'noto';
  src: url("/assets/fonts/NotoSansCJKkr-Light.eot") format("embedded-opentype"), url("/assets/fonts/NotoSansCJKkr-Light.woff") format("woff"), url("/assets/fonts/NotoSansCJKkr-Light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'noto';
  src: url("/assets/fonts/NotoSansCJKkr-DemiLight.eot") format("embedded-opentype"), url("/assets/fonts/NotoSansCJKkr-DemiLight.woff") format("woff"), url("/assets/fonts/NotoSansCJKkr-DemiLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'noto';
  src: url("/assets/fonts/NotoSansCJKkr-Regular.eot") format("embedded-opentype"), url("/assets/fonts/NotoSansCJKkr-Regular.woff") format("woff"), url("/assets/fonts/NotoSansCJKkr-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'noto';
  src: url("/assets/fonts/NotoSansCJKkr-Medium.eot") format("embedded-opentype"), url("/assets/fonts/NotoSansCJKkr-Medium.woff") format("woff"), url("/assets/fonts/NotoSansCJKkr-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'noto';
  src: url("/assets/fonts/NotoSansCJKkr-Bold.eot") format("embedded-opentype"), url("/assets/fonts/NotoSansCJKkr-Bold.woff") format("woff"), url("/assets/fonts/NotoSansCJKkr-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url("/assets/fonts/Roboto-Light.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Light.woff") format("woff"), url("/assets/fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url("/assets/fonts/Roboto-Regular.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Regular.woff") format("woff"), url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url("/assets/fonts/Roboto-Medium.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Medium.woff") format("woff"), url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'roboto';
  src: url("/assets/fonts/Roboto-Bold.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Bold.woff") format("woff"), url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'roboto_thin';
  src: url("/assets/fonts/Roboto-Thin.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Thin.woff") format("woff"), url("/assets/fonts/Roboto-Thin.ttf") format("truetype");
}

@font-face {
  font-family: 'roboto_black';
  src: url("/assets/fonts/Roboto-Black.eot") format("embedded-opentype"), url("/assets/fonts/Roboto-Black.woff") format("woff"), url("/assets/fonts/Roboto-Black.ttf") format("truetype");
}

.t_tit1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 24px;
  color: #222;
  letter-spacing: -0.2px;
}

.t_tit1.t_eng {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 0;
}

.t_tit2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.t_tit3 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #222;
}

.t_tit4 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  color: #222;
  letter-spacing: -0.2px;
}

.t_desc1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 20px;
}

.t_desc2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.t_date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #666;
  letter-spacing: -0.2px;
}

.t_emphasis {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 21px;
  color: #05ad8e;
  line-height: 26px;
  text-align: center;
  padding: 28px 0;
}

.t_emphasis:before, .t_emphasis:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 65px;
  height: 20px;
  background: url("/assets/img/common/line_diagonal1.png") no-repeat;
  background-size: auto 100%;
  margin-left: -40px;
}

.t_emphasis:before {
  top: 0;
  background-position: right top;
}

.t_emphasis:after {
  bottom: 0;
  background-position: left top;
}

.t_bullet1 {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.2px;
  line-height: 19px;
  padding-left: 8px;
}

.t_bullet1:before {
  content: "-";
  position: absolute;
  left: 0;
  top: -1px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  vertical-align: baseline;
  word-break: keep-all;
  word-wrap: break-word;
  -ms-overflow-style: scrollbar;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
  display: block;
}

select::-ms-expand {
  display: none;
}

input[type="text"]::-ms-clear,
input[type="email"]::-ms-clear {
  display: none;
}

body {
  color: #666;
  background-color: transparent;
  -webkit-text-size-adjust: none;
}

img {
  display: block;
  width: 100%;
  border: 0px;
}

a {
  color: #666;
  text-decoration: none;
  /*outline-style:none;*/
}

a:hover {
  color: #666;
  text-decoration: none;
  /*outline-style:none;*/
}

a:focus, a:active, a:visited {
  text-decoration: none;
  /*outline:none;*/
  outline-offset: 0;
  /*outline-style:none;*/
}

a:focus, button:focus {
  /*outline: none;*/
}

table {
  table-layout: fixed;
}

ul, ol {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

input, textarea, select {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  /*outline-style:none;*/
}

caption, legend,
label.hidden, .invisible {
  position: absolute;
  left: -9999px;
  font-size: 0;
  line-height: 0%;
  overflow: hidden;
}

button {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  background: none;
  border: 0;
  cursor: pointer;
  /*outline-style:none;*/
}

button > span {
  position: relative;
  /*outline-style:none;*/
}

em {
  font-style: normal;
}

/* common */
.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.relative {
  position: relative;
}

.elps {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}

.elps2 {
  display: block !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  word-break: break-word !important;
}

.elps3 {
  display: block !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  word-break: break-word !important;
}

.wb {
  word-break: break-all;
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

.inblock {
  display: inline-block;
}

.block {
  display: block !important;
}

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

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

.tal {
  text-align: left !important;
}

.vam {
  vertical-align: middle !important;
}

.cursor {
  cursor: pointer;
}

.posRt {
  position: absolute;
  right: 0;
  top: 0;
}

.posLt {
  position: absolute;
  left: 0;
  top: 0;
}

.ios_slide {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ios_slide::-webkit-scrollbar {
  width: 3px;
}

.ios_slide::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}

.vStnd:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-right: -3px;
}

.vCenter {
  display: inline-block;
  width: 99%;
  vertical-align: middle;
}

.sr_only {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.en_only {
  display: block;
}

/* layout */
.layout20 {
  width: 100%;
  padding: 0 20px;
}
.layout25 {
  width: 100%;
  padding: 0 10px;
}

.layout25L {
  width: 100%;
  padding: 0 0 0 25px;
}

#contents {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
}

#contents .top_visual {
  width: 100%;
  height: 240px;
  padding: 0 20px 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#contents .top_visual:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-right: -3px;
}

#contents .top_visual .vi_tit {
  display: inline-block;
  width: 99%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 27px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin-right: -3px;
  margin-top: 40px;
}

#contents .page_visual {
  width: 100%;
  margin-bottom: 55px;
  position: relative;
}

#contents .pageTitle {
  text-align: center;
  padding: 35px 0 25px 0;
}

#contents .pageTitle.padding1 {
  padding-top: 0px;
}

#contents .pageTitle .desc_diagonal {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.2px;
  padding-top: 30px;
  margin-top: 10px;
}

#contents .pageTitle .desc_diagonal em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#contents .pageTitle .desc_diagonal:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 13px;
  height: 22px;
  margin-left: -6px;
  background: url("/assets/img/common/line_diagonal1.png") no-repeat;
  background-size: 13px auto;
}

#contents .pageTitle .desc_diagonal.white {
  color: #fff;
}

#contents .pageTitle .desc_diagonal.white:before {
  background-image: url("/assets/img/common/line_diagonal2.png");
}

#contents .pageTitle .desc_sub1 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 18px;
  color: #666;
  margin-top: 7px;
}

#contents .pageTitle .desc_sub2 {
  text-align: center;
  margin-top: 15px;
}

#contents .sub_bottom_blank1 {
  width: 100%;
  height: 75px;
}

#contents .sub_bottom_blank2 {
  width: 100%;
  height: 30px;
}

/*********** comment ***********/
.cmt_guide1 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #666;
  padding-left: 10px;
  position: relative;
}

.cmt_guide1 span {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 16px;
  color: #05ad8e;
  position: absolute;
  left: 0;
  top: 0;
}

.cmt_guide1.gray span {
  color: #666;
}

.cmt_guide2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  padding-left: 15px;
  position: relative;
}

.cmt_guide2 span {
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: inherit;
}

.cmt_guide3 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #aaa;
  padding-left: 10px;
  position: relative;
}

.cmt_guide3 span {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 16px;
  color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
}

/*********** bullet list ***********/
.bullet_type1 > li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.2px;
  line-height: 22px;
  padding-left: 8px;
  margin-top: 3px;
}

.bullet_type1 > li:first-child {
  margin-top: 0;
}

.bullet_type1 > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: -1px;
}

.bullet_type2 > li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  padding-left: 10px;
  margin-bottom: 5px;
}

.bullet_type2 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background: #222;
}

.bullet_type2 > li .label {
  display: inline-block;
  width: 34px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
}

.bullet_type3 > li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  padding-left: 5px;
}

.bullet_type3 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 1px;
  background: #666;
}

.bullet_type4 > li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  padding-left: 60px;
  margin-bottom: 5px;
}

.bullet_type4 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background: #05ad8e;
}

.bullet_type4 > li .label {
  position: absolute;
  left: 10px;
  top: 0;
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.bullet_type5 > li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  line-height: 19px;
  padding-left: 12px;
  margin-bottom: 5px;
}

.bullet_type5 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #05ad8e;
}

/*********** tab ***********/
.tab_type1 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.tab_type1 .wrap {
  height: 60px;
  padding: 0 40px;
  margin-bottom: 15px;
  position: relative;
}

.tab_type1 .wrap:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 60px;
  vertical-align: middle;
  margin-right: -3px;
}

.tab_type1 .tit {
  display: inline-block;
  width: 99%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 22px;
  color: #222;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 28px;
  vertical-align: middle;
  margin-right: -3px;
}

.tab_type1 .btn_pn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 28px auto;
  text-indent: -9999px;
}

.tab_type1 .btn_pn.prev {
  left: 0;
  background-position: left top;
  background-image: url("/assets/img/common/arrow2_prev.png");
}

.tab_type1 .btn_pn.next {
  right: 0;
  background-position: right top;
  background-image: url("/assets/img/common/arrow2_next.png");
}

.tab_type1 .btn_pn.disabled.prev {
  background-image: url("/assets/img/common/arrow2_prev_dis.png");
}

.tab_type1 .btn_pn.disabled.next {
  background-image: url("/assets/img/common/arrow2_next_dis.png");
}

.tab_type2 ul {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.tab_type2 ul li {
  display: inline-block;
  position: relative;
  margin: 0 10px 10px 10px;
}

.tab_type2 ul li a span,
.tab_type2 ul li button span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #999;
}

.tab_type2 ul li a.on span,
.tab_type2 ul li button.on span {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #05ad8e;
}

.tab_type2 ul li a.on:after,
.tab_type2 ul li button.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  bottom: -11px;
}

.tab_slide {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.tab_slide .swiper-slide {
  width: auto;
  margin-right: 25px;
}

.tab_slide .swiper-slide:last-child {
  margin-right: 0;
}

.tab_slide .swiper-slide a span,
.tab_slide .swiper-slide button span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #999;
}

.tab_slide .swiper-slide a.on span,
.tab_slide .swiper-slide button.on span {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #05ad8e;
}

.tab_slide .swiper-slide a.on:after,
.tab_slide .swiper-slide button.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  bottom: -10px;
}

.tab_edge ul li {
  float: left;
  margin-left: 10px;
}

.tab_edge ul li:first-child {
  margin-left: 0 !important;
}

.tab_edge ul li a,
.tab_edge ul li button {
  position: relative;
  display: block;
  width: 118px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #ddd;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  color: #999;
}

.tab_edge ul li a:before,
.tab_edge ul li button:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge1.png") no-repeat;
  background-size: 100%;
}

.tab_edge ul li a:after,
.tab_edge ul li button:after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge2.png") no-repeat;
  background-size: 100%;
}

.tab_edge ul li a.on,
.tab_edge ul li button.on {
  color: #fff;
  background-color: #05ad8e;
  border: none;
}

.tab_edge ul li a.on:before,
.tab_edge ul li button.on:before {
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge11.png") no-repeat;
  background-size: 100%;
}

.tab_edge ul li a.on:after,
.tab_edge ul li button.on:after {
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge12.png") no-repeat;
  background-size: 100%;
}

.tab_edge ul li a span,
.tab_edge ul li button span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.tab_edge ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.tab_edge.tab8 ul li {
  width: 142px;
  margin-left: 9px;
}

/*********** box ***********/
.box_edge1 {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto;
}

.box_edge1:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff url("/assets/img/common/box_edge7.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.box_edge1:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff url("/assets/img/common/box_edge8.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.box_edge1 .inner {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding-top: 4px;
  background: #fff;
}

.box_edge1 .inner .txt {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #666;
  padding-left: 12px;
  vertical-align: middle;
}

.box_edge1 .inner .txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  background: url("/assets/img/common/ic_more1.png") no-repeat;
  background-size: 7px;
}

.box_edge1 .inner .num {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 200;
  font-size: 10px;
  letter-spacing: 0;
  color: #666;
  margin-left: 5px;
  vertical-align: middle;
}

.box_edge1 .inner .num span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.box_edge2 {
  width: auto;
  height: auto;
  position: relative;
  color: #fff;
}

.box_edge2 .inner {
  display: inline-block;
  width: calc(100% - 30px);
  height: 100%;
  margin-left: 15px;
  text-align: center;
}

.box_edge2:before {
  content: "";
  height: calc(100% - 15px);
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-left-style: solid;
  border-left-width: 15px;
  border-top-style: solid;
  border-top-width: 15px;
  border-top-color: transparent;
}

.box_edge2:after {
  content: "";
  height: calc(100% - 15px);
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-right-style: solid;
  border-right-width: 15px;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}

.box_edge2.bg1 .inner {
  background: #05ad8e;
}

.box_edge2.bg1:before {
  border-left-color: #05ad8e;
}

.box_edge2.bg1:after {
  border-right-color: #05ad8e;
}

.box_edge2.bg2 .inner {
  background: #e9f5f0;
}

.box_edge2.bg2:before {
  border-left-color: #e9f5f0;
}

.box_edge2.bg2:after {
  border-right-color: #e9f5f0;
}

.box_edge3 {
  width: auto;
  height: auto;
  text-align: center;
  position: relative;
}

.box_edge3 .inner {
  display: inline-block;
  width: calc(100% - 16px);
  height: 100%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  padding: 10px 0;
}

.box_edge3:before {
  content: "";
  height: calc(100% - 8px);
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-left-style: solid;
  border-left-width: 8px;
  border-top-style: solid;
  border-top-width: 8px;
  border-top-color: transparent;
}

.box_edge3:after {
  content: "";
  height: calc(100% - 8px);
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-right-style: solid;
  border-right-width: 8px;
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-bottom-color: transparent;
}

.box_edge3.bg1 .inner {
  background: #05ad8e;
}

.box_edge3.bg1:before {
  border-left-color: #05ad8e;
}

.box_edge3.bg1:after {
  border-right-color: #05ad8e;
}

.box_edge3.bg2 .inner {
  background: #2159b7;
}

.box_edge3.bg2:before {
  border-left-color: #2159b7;
}

.box_edge3.bg2:after {
  border-right-color: #2159b7;
}

.box_edge3.bg3 .inner {
  background: #1c303b;
}

.box_edge3.bg3:before {
  border-left-color: #1c303b;
}

.box_edge3.bg3:after {
  border-right-color: #1c303b;
}

.box_edge3.bg4 .inner {
  background: #f9cc61;
}

.box_edge3.bg4:before {
  border-left-color: #f9cc61;
}

.box_edge3.bg4:after {
  border-right-color: #f9cc61;
}

.box_edge3.bg5 .inner {
  background: #2fabe1;
}

.box_edge3.bg5:before {
  border-left-color: #2fabe1;
}

.box_edge3.bg5:after {
  border-right-color: #2fabe1;
}

.box_edge4 {
  width: auto;
  height: auto;
  color: #222;
  position: relative;
  border: 1px solid #05ad8e;
  background: #fff;
}

.box_edge4:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("/assets/img/common/box_edge9.png");
  background-size: 8px;
}

.box_edge4:after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("/assets/img/common/box_edge10.png");
  background-size: 8px;
}

.box_edge4.selected {
  color: #fff;
  border: 1px solid #05ad8e;
  background: #05ad8e;
}

.box_edge4.selected:before {
  background-image: url("/assets/img/common/box_edge11.png");
}

.box_edge4.selected:after {
  background-image: url("/assets/img/common/box_edge12.png");
}

.box_edge5 {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto;
}

.box_edge5:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge16_L.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.box_edge5:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge16_R.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.box_edge5 .inner {
  width: 100%;
  height: 100%;
  border: 2px solid #ddd;
  background: #fff;
}

.box_edge_grad {
  position: relative;
  width: auto;
  height: auto;
  color: #fff;
  text-align: center;
}

.box_edge_grad .grad_inner {
  display: inline-block;
  height: 100%;
}

.box_edge_grad:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-left-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
}

.box_edge_grad:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}

.box_edge_grad.grad1 .grad_inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#05ad8e), to(#2159b7));
  background-image: linear-gradient(to right, #05ad8e, #2159b7);
}

.box_edge_grad.grad1:before {
  border-left-color: #05ad8e;
}

.box_edge_grad.grad1:after {
  border-right-color: #2159b7;
}

.box_edge_grad.grad2 .grad_inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
}

.box_edge_grad.grad2:before {
  border-left-color: #2159b7;
}

.box_edge_grad.grad2:after {
  border-right-color: #05ad8e;
}

.box_edge_grad.edge11 .grad_inner {
  width: calc(100% - 22px);
}

.box_edge_grad.edge11:before {
  height: calc(100% - 11px);
  border-left-width: 11px;
  border-top-width: 11px;
}

.box_edge_grad.edge11:after {
  height: calc(100% - 11px);
  border-right-width: 11px;
  border-bottom-width: 11px;
}

.box_edge_grad.edge14 .grad_inner {
  width: calc(100% - 28px);
}

.box_edge_grad.edge14:before {
  height: calc(100% - 14px);
  border-left-width: 14px;
  border-top-width: 14px;
}

.box_edge_grad.edge14:after {
  height: calc(100% - 14px);
  border-right-width: 14px;
  border-bottom-width: 14px;
}

.box_edge_grad.edge24 .grad_inner {
  width: calc(100% - 48px);
}

.box_edge_grad.edge24:before {
  height: calc(100% - 24px);
  border-left-width: 24px;
  border-top-width: 24px;
}

.box_edge_grad.edge24:after {
  height: calc(100% - 24px);
  border-right-width: 24px;
  border-bottom-width: 24px;
}

/*********** button ***********/
.btn_type1 {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #05ad8e;
}

.btn_type1 span {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #fff;
}

.btn_type2 {
  position: relative;
  display: block;
  width: 135px;
  height: 35px;
  text-align: center;
  margin: 0 auto;
}

.btn_type2:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge1.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btn_type2:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge2.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.btn_type2 .inner {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding-top: 4px;
  background: #fff;
}

.btn_type2 .inner .txt {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #666;
  vertical-align: middle;
}

.btn_type3 {
  position: relative;
  display: inline-block;
  width: auto;
  height: 35px;
  text-align: center;
  padding: 0 8px;
}

.btn_type3:before {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge5_L1.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btn_type3:after {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge5_R1.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.btn_type3 .inner {
  display: block;
  width: auto;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  line-height: 35px;
  padding: 0 7px;
}

.btn_type4 {
  position: relative;
  display: inline-block;
  width: auto;
  height: 35px;
  text-align: center;
  padding: 0 8px;
}

.btn_type4:before {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge5_L2.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btn_type4:after {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge5_R2.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.btn_type4 .inner {
  display: inline-block;
  width: auto;
  height: 100%;
  border-top: 1px solid #2159b7;
  border-bottom: 1px solid #2159b7;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #2159b7;
  padding: 8px 7px 0;
}

.btn_type5 {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #1c303b;
}

.btn_type5 span {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #fff;
}

.btn_type6 {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 48px;
  background: #fff;
  border: 1px solid #ddd;
}

.btn_type6 span {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
}

.btn_type7 {
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 38px;
  background: #fff;
  border: 1px solid #ddd;
}

.btn_type7 span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

.btn_type8 {
  display: block;
  width: 100%;
  height: 40px;
  color: #05ad8e;
  text-align: center;
  position: relative;
  border: 1px solid #05ad8e;
  background: #fff;
}

.btn_type8:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("/assets/img/common/box_edge9.png");
  background-size: 8px;
}

.btn_type8:after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("/assets/img/common/box_edge10.png");
  background-size: 8px;
}

.btn_type8 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  padding-top: 11px;
}

.btn_download1 {
  display: inline-block;
  width: auto;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #05ad8e;
  padding: 0 15px;
  background: #fff;
}

.btn_download1 span {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  padding-right: 19px;
}

.btn_download1 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_download1.png") no-repeat center top;
  background-size: 12px;
}

.btn_download2 {
  display: inline-block;
  width: auto;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  background: #05ad8e;
}

.btn_download2 span {
  width: 100%;
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  padding-right: 20px;
}

.btn_download2 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 11px;
  height: 11px;
  background: url("/assets/img/common/ic_download2.png") no-repeat center top;
  background-size: 11px;
}

.btn_download2:hover {
  text-decoration: none;
}

.btn_download2:hover span {
  text-decoration: underline;
}

.btn_download3 {
  display: inline-block;
}

.btn_download3 span {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  padding-right: 19px;
}

.btn_download3 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_download1.png") no-repeat center top;
  background-size: 12px;
}

.btn_download4 {
  display: inline-block;
  width: auto;
  height: 35px;
  line-height: 33px;
  text-align: left;
  border: 1px solid #05ad8e;
  padding: 0 15px;
  background: #fff;
}

.btn_download4 span {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  padding-right: 19px;
}

.btn_download4 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_download1.png") no-repeat center top;
  background-size: 12px;
}

.btn_download5 {
  display: inline-block;
  width: auto;
  height: 35px;
  line-height: 33px;
  text-align: left;
  border: 1px solid #ddd;
  padding: 0 15px;
  background: #fff;
}

.btn_download5 span {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #999;
  padding-right: 19px;
}

.btn_download5 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_download3.png") no-repeat center top;
  background-size: 12px;
}

.btn_attached {
  display: inline-block;
  width: 100%;
  height: 35px;
  padding: 7px 15px 0 20px;
  border: 1px solid #ddd;
  background: #fff;
}

.btn_attached span {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
  padding-right: 30px;
}

.btn_attached span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_download1.png") no-repeat center top;
  background-size: 12px;
}

.btn_shortcut1 {
  display: inline-block;
  width: auto;
  padding-right: 14px;
  background: url("/assets/img/common/arrow9.png") no-repeat right center;
  background-size: 6px auto;
}

.btn_shortcut1 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  vertical-align: top;
  margin-top: 1px;
}

.btn_shortcut2 {
  display: inline-block;
  width: auto;
  height: 25px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.btn_shortcut2 span {
  display: inline-block;
  height: 23px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  line-height: 21px;
  vertical-align: top;
  padding-right: 12px;
  background: url("/assets/img/common/arrow10.png") no-repeat right center;
  background-size: 5px auto;
}

.btn_shortcut3 {
  display: inline-block;
  width: auto;
  height: 25px;
  padding: 0 15px;
  background: #05ad8e;
}

.btn_shortcut3 span {
  display: inline-block;
  height: 23px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  line-height: 25px;
  vertical-align: top;
  padding-right: 12px;
  background: url("/assets/img/common/arrow10.png") no-repeat right 9px;
  background-size: 5px auto;
}

.btn_list1 {
  display: inline-block;
  width: 96px;
  height: 35px;
  text-align: center;
  background: #05ad8e;
}

.btn_list1 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
  padding-left: 25px;
  background: url("/assets/img/common/ic_list1.png") no-repeat left center;
  background-size: 16px auto;
}

.btn_more1 {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  margin: 0 auto;
}

.btn_more1 .inner {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding-top: 15px;
  background: #fff;
}

.btn_more1 .inner .txt {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #666;
  padding-left: 17px;
  vertical-align: middle;
}

.btn_more1 .inner .txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 11px;
  height: 11px;
  background: url("/assets/img/common/ic_more1.png") no-repeat;
  background-size: 11px;
}

.btn_more1 .inner .num {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 200;
  font-size: 12px;
  letter-spacing: 0;
  color: #666;
  margin-left: 3px;
  vertical-align: middle;
}

.btn_more1 .inner .num span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.btn_more2 {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  margin: 0 auto;
}

.btn_more2:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge14.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btn_more2:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge14.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.btn_more2 .inner {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding-top: 15px;
  background: #fff;
}

.btn_more2 .inner .txt {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #666;
  vertical-align: middle;
  padding-right: 17px;
}

.btn_more2 .inner .txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 3px;
  width: 11px;
  height: 11px;
  background: url("/assets/img/common/ic_more1.png") no-repeat;
  background-size: 11px;
}

.btn_more3 {
  position: relative;
  padding-right: 11px;
}

.btn_more3 span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #fff;
}

.btn_more3:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  background: url("/assets/img/common/ic_more2.png") no-repeat;
  background-size: 100%;
}

.btn_more4 {
  position: relative;
  display: inline-block;
  width: auto;
  height: 35px;
  text-align: center;
  padding: 0 8px;
}

.btn_more4:before {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge13_L.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btn_more4:after {
  content: "";
  width: 8px;
  height: 100%;
  background: url("/assets/img/common/box_edge13_R.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.btn_more4 .inner {
  position: relative;
  display: inline-block;
  width: auto;
  height: 100%;
  padding: 6px 22px 0 22px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.btn_more4 .inner .txt {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
}

.btn_more4 .inner .txt:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  background: url("/assets/img/common/ic_more1.png") no-repeat;
  background-size: 6px;
}

.btn_ac {
  text-align: center;
  vertical-align: top;
}

/*********** icon ***********/
.ic_more_open {
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 22px;
  background: url("/assets/img/common/ic_more7.png") no-repeat;
  background-size: 100% auto;
}

/*********** slide ***********/
.slide_ui_type1 {
  overflow: hidden;
}

.slide_ui_type1 .container {
  position: relative;
  width: 70%;
  height: 215px;
  overflow: visible;
  margin: 0 15% 35px 15%;
}

.slide_ui_type1 .container .con {
  background: #fff;
  -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
}

.slide_ui_type1 .container .con a {
  position: relative;
  display: block;
}

.slide_ui_type1 .container .con a .thumbnail {
  height: 134px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slide_ui_type1 .container .con a .wrap_txt {
  width: 100%;
  padding: 15px 20px;
  height: 81px;
}

.slide_ui_type1 .container .con a .wrap_txt .tit {
  height: 42px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  line-height: 20px;
}

.indi_type1 {
  position: absolute;
  bottom: -35px !important;
  left: 0;
  width: 100%;
  height: 8px;
}

.indi_type1 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #ddd;
  border-radius: 0;
  opacity: 1;
  margin: 0 5px !important;
  vertical-align: top;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.indi_type1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background: #05ad8e;
  -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
          transform: skew(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*********** label ***********/
.label_type1 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  padding-left: 14px;
  position: relative;
}

.label_type1 span:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  top: 8px;
}

/*********** legend ***********/
.legend_type1 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #222;
  padding-left: 15px;
  position: relative;
}

.legend_type1 span:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #2159b7;
  position: absolute;
  left: 0;
  top: 3px;
}

.legend_type2 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #222;
  padding-left: 15px;
  margin-right: 8px;
  position: relative;
}

.legend_type2 span:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 7px;
}

.legend_type2 span:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.legend_type2 span.blue:before {
  background: #4075cc;
}

.legend_type2 span.blue:after {
  border: 2px solid #4075cc;
}

.legend_type2 span.sky:before {
  background: #2fabe1;
}

.legend_type2 span.sky:after {
  border: 2px solid #2fabe1;
}

.legend_type2 span.yellow:before {
  background: #f9cc61;
}

.legend_type2 span.yellow:after {
  border: 2px solid #f9cc61;
}

.legend_type2 span.green:before {
  background: #05ad8e;
}

.legend_type2 span.green:after {
  border: 2px solid #05ad8e;
}

.legend_type3 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #222;
  padding-left: 13px;
  margin-right: 8px;
  position: relative;
}

.legend_type3 span:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 3px;
}

.legend_type3 span.blue:before {
  background: #4075cc;
}

.legend_type3 span.sky:before {
  background: #2fabe1;
}

.legend_type3 span.yellow:before {
  background: #f9cc61;
}

.legend_type3 span.green:before {
  background: #05ad8e;
}

/*********** etc ***********/
.terms_type1 p {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin-bottom: 12px;
}

.terms_type1 strong {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  line-height: 20px;
  margin-bottom: 10px;
}

.terms_type1 ul li {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin-bottom: 10px;
}

.terms_type1 ul li strong {
  padding-top: 10px;
}

.terms_type1 .tableWrap1 {
  margin: 15px 0;
}

.terms_depth1 > li {
  margin-bottom: 5px !important;
}

.terms_depth1 > li ul {
  margin: 5px 0 10px;
}

/*********** bootstrap page navigation ***********/
.wrap_paging {
  position: relative;
  text-align: center;
}

.wrap_paging .pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.wrap_paging .pagination:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.wrap_paging .pagination li {
  display: inline-block;
}

.wrap_paging .pagination li.pagination-prev {
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  margin-right: 10px;
  background: url("/assets/img/common/paging_prev.png") no-repeat center;
  background-size: 7px;
}

.wrap_paging .pagination li.pagination-next {
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  margin-left: 10px;
  background: url("/assets/img/common/paging_next.png") no-repeat center;
  background-size: 7px;
}

.wrap_paging .pagination .page-item .page-link {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #777;
  line-height: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.wrap_paging .pagination .page-item.active .page-link {
  font-weight: 800;
  color: #05ad8e;
}

.wrap_paging .pagination .page-item.active .page-link:hover {
  text-decoration: none;
}

.wrap_paging .pagination .page-item.disabled .page-link {
  cursor: default;
}

.wrap_paging .btn_left {
  position: absolute;
  left: 0;
  top: 0;
}

.wrap_paging .btn_right {
  position: absolute;
  right: 0;
  top: 0;
}

/* 상세페이지 하단 이전,다음 버튼 */
.viewpage_navi {
  position: relative;
  height: 60px;
  text-align: center;
  margin-bottom: 25px;
}

.viewpage_navi .btn_list {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 0;
  color: #222;
  background: url("/assets/img/common/ic_list1.png") no-repeat center bottom;
  padding: 20px 0 40px 0;
}

.viewpage_navi .btn_pn {
  display: block;
  width: 47%;
  height: 100%;
}

.viewpage_navi .btn_pn.prev {
  float: left;
  text-align: left;
  padding-left: 30px;
  background: url("/assets/img/common/arrow1_prev.png") no-repeat left center;
  background-size: 11px auto;
}

.viewpage_navi .btn_pn.next {
  float: right;
  text-align: right;
  padding-right: 30px;
  background: url("/assets/img/common/arrow1_next.png") no-repeat right center;
  background-size: 11px auto;
}

.viewpage_navi .btn_pn .txt_top {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #aaa;
  margin-bottom: 5px;
}

.viewpage_navi .btn_pn .txt_subj {
  display: block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
}

.viewpage_navi .btn_pn .txt_date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #999;
}

.viewpage_navi .btn_pn.disabled.prev {
  background-image: url("/assets/img/common/arrow1_prev_dis.png");
}

.viewpage_navi .btn_pn.disabled.next {
  background-image: url("/assets/img/common/arrow1_next_dis.png");
}

.viewpage_navi .btn_pn.disabled .txt_subj {
  color: #999;
  cursor: default;
}

/*********** checkbox ***********/
.checkbox_ui {
  display: inline-block;
  vertical-align: middle;
}

.checkbox_ui label {
  display: inline-block;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox_ui input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.checkbox_ui.type1 input[type=checkbox] + label {
  width: auto;
  height: 30px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0 9px;
  margin-right: 5px;
  cursor: pointer;
}

.checkbox_ui.type1 input[type=checkbox]:checked + label {
  color: #fff;
  border: 1px dotted #000;
  background: #05ad8e;
}

.checkbox_ui.type1 input[type=checkbox]:focus + label {
  border: 1px dotted #000;
}

.checkbox_ui.type1 input[type=checkbox]:checked:focus + label {
  border: 1px dotted #000;
}

.checkbox_ui.type2 input[type=checkbox] + label {
  width: auto;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  padding-left: 25px;
  background: url("/assets/img/common/check_bg1.png") no-repeat 0 center;
  background-size: 15px;
  cursor: pointer;
}

.checkbox_ui.type2 input[type=checkbox]:checked + label {
  background: url("/assets/img/common/check_bg1_on.png") no-repeat 0 center;
  background-size: 15px;
}

/*********** selectbox ***********/
select {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  *background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

select.select_ui_tab {
  height: 50px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  padding: 0 50px 0 25px;
  border-bottom: 1px solid #ddd;
  background: #fff url("/assets/img/common/sel_arrow1.png") no-repeat right center;
  background-size: 35px auto;
}

select.select_ui_type1 {
  height: 40px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  padding: 0 30px 0 15px;
  border: 1px solid #ddd;
  background: #fff url("/assets/img/common/sel_arrow2.png") no-repeat right center;
  background-size: 25px auto;
}

select.select_ui_type1:disabled {
  color: #666;
  background: #f7f7f7 url("/assets/img/common/sel_arrow2.png") no-repeat right center;
}

select.select_ui_type2 {
  height: 40px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  padding: 0 40px 0 15px;
  border: 1px solid #ddd;
  background: #fff url("/assets/img/common/sel_arrow4.png") no-repeat right center;
  background-size: 25px auto;
}

select.select_ui_type2:disabled {
  color: #666;
  background: #f7f7f7 url("/assets/img/common/sel_arrow4.png") no-repeat right center;
}

/*********** input Type ***********/
input::-webkit-input-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

input:-ms-input-placeholder {
  color: #aaa;
}

input:-moz-placeholder {
  color: #aaa;
}

.input_type1 {
  width: 100%;
  height: 40px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  padding: 0 15px;
  border: 1px solid #ddd;
  vertical-align: middle;
  background: #fff;
}

.input_type1:disabled {
  background: #f7f7f7;
}

/*********** textarea Type ***********/
textarea {
  resize: none;
}

textarea::-webkit-input-placeholder {
  color: #aaa;
}

textarea::-moz-placeholder {
  color: #aaa;
}

textarea:-ms-input-placeholder {
  color: #aaa;
}

textarea:-moz-placeholder {
  color: #aaa;
}

.textarea_type1 {
  width: 100%;
  height: 150px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  padding: 10px 15px;
  border: 1px solid #ddd;
  vertical-align: middle;
  background: #fff;
}

.input_byte {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #999;
  text-align: right;
  padding-top: 5px;
}

.input_byte em {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #666;
}

/*********** 파일첨부 ***********/
.fileInputHidden {
  position: relative;
  padding-right: 74px;
}

.fileInputHidden input[type="file"] {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  opacity: 0;
  cursor: pointer;
  padding: 0 !important;
  font-size: 28px;
  z-index: 2;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

.fileInputHidden .btn_type7 {
  width: 75px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/*********** search ***********/
.search_default {
  width: 100%;
  padding-left: 80px;
  margin: 0 auto 30px 0;
  position: relative;
}

.search_default select {
  width: 81px;
  position: absolute;
  left: 0;
  top: 0;
}

.search_default .input_wrap {
  display: inline-block;
  width: 100%;
  padding-right: 40px;
  position: relative;
}

.search_default .input_wrap input {
  width: 100%;
}

.search_default .input_wrap .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: #05ad8e url(/assets/img/common/ic_search1.png) no-repeat center;
  background-size: 18px auto;
}

.search_default:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.search_result {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 20px;
  margin-bottom: 30px;
}

.search_result em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #05ad8e;
}

/*********** etc ***********/
.com_unit1 {
  display: inline-block;
  height: 20px;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 10px;
  color: #666;
  line-height: 18px;
  border: 1px solid #ddd;
  padding: 0 6px;
}

.com_no_content {
  width: 100%;
  padding: 30px 0 25px 0;
}

.com_no_content .result {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  text-align: center;
  padding-top: 100px;
  background: url("/assets/img/common/ic_caution1.png") no-repeat center top;
  background-size: 70px auto;
}

.com_no_content .result .key {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #05ad8e;
}

/*********** table ***********/
.tableWrap1 {
  width: 100%;
  overflow: hidden;
}

.tableWrap1 .top_area {
  height: 40px;
}

.tableWrap1 .top_area .lt {
  float: left;
}

.tableWrap1 .top_area .lt .tit {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #222;
}

.tableWrap1 .top_area .rt {
  float: right;
  margin-top: 0px;
}

.tableWrap1 .top_area .rt .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 10px;
  color: #666;
}

.tbl_type1 {
  border-collapse: collapse;
  width: calc(100% + 1px);
}

.tbl_type1.border1 thead {
  border-top: 1px solid #222;
}

.tbl_type1 thead {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}

.tbl_type1 thead tr th {
  min-height: 40px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
  color: #222;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 2px solid #000;
  border-right: 1px solid #ddd;
  padding: 5px 0;
}

.tbl_type1 thead tr th.bg1 {
  background: #fafafa;
}

.tbl_type1 thead tr:first-child th {
  border-top: none;
}

.tbl_type1 tbody tr td {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tbl_type1 tbody tr td.bg1 {
  background: #fafafa;
}

.tbl_type1 tfoot tr td {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fafafa;
}

.tbl_type3 {
  border-collapse: collapse;
  width: calc(100% + 1px);
}

.tbl_type3.border1 thead {
  border-top: 1px solid #222;
}

.tbl_type3 thead {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}

.tbl_type3 thead tr th {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
  color: #222;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tbl_type3 thead tr th.bg1 {
  background: #fafafa;
}

.tbl_type3 thead tr:first-child th {
  border-top: none;
}

.tbl_type3 tbody tr td {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  color: #666;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.tbl_type3 tbody tr td.bg1 {
  background: #fafafa;
}

/*********** board ***********/
/* col width값은 개별 css에서 적용 */
.board_list_type1 .board_body {
  width: 100%;
  border-top: 1px solid #222;
}

.board_list_type1 .board_body .item {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.board_list_type1 .board_body .item .link {
  display: block;
  width: 100%;
  padding: 15px;
}

.board_list_type1 .board_body .item .link .subject {
  text-align: left;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
}

.board_list_type1 .board_body .item .link .source {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #05ad8e;
}

.board_list_type1 .board_body .item .link .source:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #ddd;
  margin: 0 7px;
  vertical-align: middle;
}

.board_list_type1 .board_body .item .link .date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #999;
}

.board_list_type1 .board_body .item .link .ic_attached {
  display: inline-block;
  width: 13px;
  height: 15px;
  text-indent: -9999px;
  vertical-align: middle;
  margin-left: 10px;
  background: url("/assets/img/common/ic_file1.png") no-repeat;
  background-size: 13px auto;
}

.board_list_type1 {
  border-collapse: collapse;
  width: 100%;
}

.board_list_type1 thead {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}

.board_list_type1 thead tr th {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  text-align: center;
  vertical-align: middle;
  padding: 15px 0;
}

.board_list_type1 tbody tr td {
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}

.board_list_type1 tbody tr td.num {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
  color: #222;
  vertical-align: top;
  padding-top: 17px;
}

.board_list_type1 tbody tr td.subject {
  text-align: left;
}

.board_list_type1 tbody tr td.subject a {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
}

.board_list_type1 tbody tr td .date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #999;
}

.board_list_type1 tbody tr td .ic_attached {
  display: inline-block;
  width: 13px;
  height: 15px;
  text-indent: -9999px;
  vertical-align: middle;
  margin-left: 10px;
  background: url("/assets/img/common/ic_file1.png") no-repeat;
  background-size: 13px auto;
}

.board_list_thumb ul {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.board_list_thumb ul li {
  width: 100%;
}

.board_list_thumb ul li a {
  display: block;
}

.board_list_thumb ul li a .wrap_txt {
  padding: 20px 10px 25px 10px;
}

.board_list_thumb ul li a .wrap_txt .subject {
  display: block;
  margin-bottom: 8px;
}

.board_list_thumb2 ul {
  border-top: 1px solid #ddd;
  margin-bottom: 15px;
}

.board_list_thumb2 ul li {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ddd;
}

.board_list_thumb2 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 150px;
  position: relative;
}

.board_list_thumb2 ul li a figure {
  width: 135px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 10px;
}

.board_list_thumb2 ul li a .wrap_txt {
  padding-top: 10px;
}

.board_list_thumb2 ul li a .wrap_txt .subject {
  height: 44px;
  line-height: 22px;
  display: block;
  margin-bottom: 5px;
}

.board_list_thumb3 ul li {
  width: 100%;
  margin-bottom: 30px;
}

.board_list_thumb3 ul li a {
  display: block;
}

.board_list_thumb3 ul li a .thumbnail {
  height: auto;
  margin-bottom: 15px;
}

.board_list_thumb3 ul li a .wrap_txt .subject {
  margin-bottom: 7px;
}

.board_list_box1 {
  background: #f5f5f5;
  padding: 35px 0 35px 0;
}

.board_list_box1 ul li {
  float: left;
  width: calc(50% - 10px);
  height: 120px;
  margin-bottom: 20px;
}

.board_list_box1 ul li:nth-child(2n) {
  margin-left: 10px;
}

.board_list_box1 ul li:nth-child(2n-1) {
  margin-right: 10px;
}

.board_list_box1 ul li a .box_edge1 {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.board_list_box1 ul li a .box_edge1 .inner {
  padding-top: 20px;
}

.board_list_box1 ul li a .box_edge1 .inner .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0;
  color: #aaa;
  margin-bottom: 5px;
}

.board_list_box1 ul li a .box_edge1 .inner .tit {
  height: 40px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #222;
}

/*********** board view ***********/
.board_view_type1 {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  margin-bottom: 30px;
}

.board_view_type1 .view_header {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px solid #ddd;
}

.board_view_type1 .view_header .subject {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

.board_view_type1 .view_header .date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
  color: #666;
}

.board_view_type1 .view_body {
  padding: 30px 10px 30px 10px;
}

.board_view_type1 .view_body img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.board_view_type1 .view_body b,
.board_view_type1 .view_body strong {
  font-weight: 800;
}

.board_view_type1 .view_body b span,
.board_view_type1 .view_body strong span {
  font-weight: inherit;
}

.board_view_type1 .view_body * {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.board_view_type1 .view_attach {
  background: #f5f5f5;
  padding: 20px 25px 10px 25px;
}

.board_view_type1 .view_attach .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  margin-bottom: 10px;
}

.board_view_type1 .view_attach .btn_attached {
  margin: 0 10px 12px 0;
}

/*********** list style ***********/
.select_diagonal {
  position: relative;
  z-index: 2;
}

.select_diagonal .top {
  position: relative;
  width: 100%;
  border: 2px solid #05ad8e;
}

.select_diagonal .top:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge3.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 1;
}

.select_diagonal .top:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge4.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 1;
}

.select_diagonal .top .tit {
  position: relative;
  width: 100%;
}

.select_diagonal .top .tit span {
  display: inline-block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  color: #05ad8e;
  text-align: left;
  padding: 17px 45px 17px 23px;
  background: #fff url("/assets/img/common/sel_arrow3.png") no-repeat right center;
  background-size: 36px auto;
}

.select_diagonal .top .tit.ko span {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
}

.select_diagonal .top.on:after {
  display: none;
}

.select_diagonal .top.on .tit span {
  background: #fff url("/assets/img/common/sel_arrow3_on.png") no-repeat right center;
  background-size: 36px auto;
}

.select_diagonal .con {
  display: none;
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  border: 2px solid #05ad8e;
  border-top: 0;
  background: #fff;
}

.select_diagonal .con .sel_list > li {
  padding: 0 20px 0 23px;
}

.select_diagonal .con .sel_list > li button {
  width: 100%;
  padding: 10px 0;
  text-align: left;
}

.select_diagonal .con .sel_list > li button span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: #999;
}

.select_diagonal .con .sel_list > li button.selected span {
  font-weight: 600;
  color: #222;
  text-decoration: underline;
}

.select_diagonal .con:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff url("/assets/img/common/box_edge4.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 1;
}

.select_diagonal.contents .con {
  position: relative;
  top: inherit;
  margin-top: -2px;
}

/*********** accordian ***********/
.acodi_type1 {
  border-top: 2px solid #222;
  border-bottom: 1px solid #ddd;
}

.acodi_type1 .ac_item .ac_head .tit {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding: 15px 30px 15px 10px;
  border-top: 1px solid #ddd;
}

.acodi_type1 .ac_item .ac_head .tit .txt {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
}

.acodi_type1 .ac_item .ac_head .tit .t_eng {
  font-size: 14px;
  color: #222;
}

.acodi_type1 .ac_item .ac_head .tit:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 8px;
  background: url("/assets/img/common/arrow2_down.png") no-repeat;
  background-size: 13px auto;
  margin-top: -5px;
}

.acodi_type1 .ac_item .ac_head .tit.on {
  border-top: 1px solid #222;
}

.acodi_type1 .ac_item .ac_head .tit.on .txt {
  font-weight: 600;
}

.acodi_type1 .ac_item .ac_head .tit.on .t_eng {
  font-weight: 800;
}

.acodi_type1 .ac_item .ac_head .tit.on:after {
  background: url("/assets/img/common/arrow2_up.png") no-repeat;
  background-size: 13px auto;
}

.acodi_type1 .ac_item:first-child .ac_head .tit {
  border-top: none;
}

.acodi_type1 .ac_item:first-child .ac_head .tit.on {
  border-top: none;
}

.acodi_type1 .ac_item .ac_panel {
  display: none;
  background: #fafafa;
  padding: 25px;
}

.acodi_type1 .ac_item .ac_panel.no_bg {
  background: #fff;
  border-top: 1px solid #ddd;
}

/*********** popup ***********/
.popupLayer1 {
  width: calc(100% - 50px);
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.2);
  background: #fff;
  z-index: 100;
}

.popupLayer1 .wrap_all {
  position: relative;
  padding: 45px 25px 45px 25px;
}

.popupLayer1 .wrap_all .pop_header {
  padding-bottom: 20px;
}

.popupLayer1 .wrap_all .pop_header .pop_tit1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 18px;
  color: #222;
  letter-spacing: -0.2px;
  margin-bottom: 15px;
}

.popupLayer1 .wrap_all .pop_header .pop_desc1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.popupLayer1 .wrap_all .btn_close_pop {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 55px;
  height: 55px;
  background: url("/assets/img/common/btn_close1.png") no-repeat center;
  background-size: 15px;
}

.popupLayer1 .wrap_all .btn_close_pop span {
  display: inline-block;
  text-indent: -9999px;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#header .wrap_header {
  position: relative;
  height: 65px;
  padding: 25px 0 0 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#header .wrap_header .logo {
  display: inline-block;
}

#header .wrap_header .logo a {
  display: inline-block;
  width: 109px;
  height: 19px;
  background: url("/assets/img/en/common/logo1.png") no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

#header .wrap_header .btn_open_menu {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 25px;
  height: 18px;
  background: url("/assets/img/common/btn_hamberger.png") no-repeat;
  background-size: 100%;
}

#header .wrap_header.scrollOn {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

#header .wrap_header.scrollOn .logo a {
  background-image: url("/assets/img/en/common/logo2.png");
}

#header .wrap_header.scrollOn .btn_open_menu {
  background-image: url("/assets/img/common/btn_hamberger_on.png");
}

#header.bgFix .wrap_header {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

#header.bgFix .wrap_header .logo a {
  background-image: url("/assets/img/en/common/logo2.png");
}

#header.bgFix .wrap_header .btn_open_menu {
  background-image: url("/assets/img/common/btn_hamberger_on.png");
}

#header .wrap_menu {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#header .wrap_menu.gnbOn {
  left: 0;
}

#header .wrap_menu_inner {
  position: relative;
  min-height: 100vh;
}

#header .wrap_menu_inner .hd_top {
  width: 100%;
  height: 65px;
  padding: 25px 0 0 25px;
  border-bottom: 1px solid #e6e6e6;
}

#header .wrap_menu_inner .hd_top .home {
  display: inline-block;
  width: 109px;
  height: 19px;
  background: url("/assets/img/en/common/logo2.png") no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

#header .wrap_menu_inner .hd_top .btn_close_menu {
  position: absolute;
  right: 28px;
  top: 25px;
  width: 19px;
  height: 20px;
  background: url("/assets/img/common/btn_close2.png") no-repeat;
  background-size: 100% auto;
}

#header .wrap_menu_inner .hd_util {
  height: 55px;
  padding: 15px 25px 0;
}

#header .wrap_menu_inner .hd_util .language {
  float: left;
}

#header .wrap_menu_inner .hd_util .language a {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0;
  color: #666;
  margin-right: 15px;
  padding-top: 5px;
}

#header .wrap_menu_inner .hd_util .language a.selected {
  color: #05ad8e;
}

#header .wrap_menu_inner .hd_util .contact {
  float: right;
  width: 80px;
  height: 25px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  text-align: center;
  line-height: 23px;
  border: 1px solid #222;
  border-radius: 25px;
}

#header .wrap_menu_inner #gnb {
  padding: 0 25px;
  padding-bottom: 90px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 {
  border-bottom: 1px solid #e6e6e6;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > a {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 17px;
  color: #222;
  line-height: 60px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background: url("/assets/img/common/ic_more4.png") no-repeat center;
  background-size: 100%;
}

#header .wrap_menu_inner #gnb .gnb_depth1.on > a {
  color: #05ad8e;
}

#header .wrap_menu_inner #gnb .gnb_depth1.on > a:after {
  background: url("/assets/img/common/ic_less1.png") no-repeat center;
  background-size: 100%;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul {
  display: none;
  padding-bottom: 15px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2 > a {
  position: relative;
  display: block;
  width: 100%;
  /* height: 40px; */
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  line-height: 40px;
  padding: 0 15px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList > a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 7px;
  background: url("/assets/img/common/arrow7.png") no-repeat;
  background-size: 100% auto;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList.on > a {
  background: #1c303b;
  color: #fff;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList.on > a:after {
  background-image: url("/assets/img/common/arrow8.png");
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList .gnb_depth3 {
  display: none;
  background: #f5f5f5;
  padding: 13px 15px 8px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList .gnb_depth3 li {
  margin-bottom: 8px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList .gnb_depth3 li a {
  position: relative;
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
  padding-left: 10px;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.hasList .gnb_depth3 li a:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.shortcut {
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.shortcut a {
  color: #fff;
}

#header .wrap_menu_inner #gnb .gnb_depth1 > ul .gnb_depth2.shortcut a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  width: 13px;
  height: 5px;
  background: url("/assets/img/common/arrow13.png") no-repeat;
  background-size: 100% auto;
}

#header .wrap_menu_inner .familysite {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

#header .wrap_menu_inner .familysite:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  width: 1px;
  height: 18px;
  background: #616f79;
}

#header .wrap_menu_inner .familysite a {
  float: left;
  width: 50%;
  height: 65px;
  background: #1c303b;
  text-align: center;
}

#header .wrap_menu_inner .familysite a .inner {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

#header .wrap_menu_inner .familysite a.motor {
  padding-top: 14px;
}

#header .wrap_menu_inner .familysite a.hill {
  padding-top: 22px;
}

#header .wrap_menu_inner .familysite a.hill .name {
  display: inline-block;
  height: 20px;
  padding-left: 40px;
  background: url("/assets/img/en/common/bg_hillstate.png") no-repeat left center;
  background-size: 33px auto;
}

#footer .ft_top {
  background: #222;
  padding: 13px 0 10px;
  text-align: center;
}

#footer .ft_top .ft_link {
  display: inline-block;
}

#footer .ft_top .ft_link li {
  position: relative;
  float: left;
  width: auto;
  padding-right: 12px;
  margin-right: 11px;
}

#footer .ft_top .ft_link li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width: 1px;
  height: 10px;
  background: #444;
}

#footer .ft_top .ft_link li:last-child {
  padding-right: 0;
  margin-right: 0;
}

#footer .ft_top .ft_link li:last-child:after {
  display: none;
}

#footer .ft_top .ft_link li a {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #777;
}

#footer .ft_top .ft_link li.privacy a {
  color: #ddd;
}

#footer .ft_bottom {
  background: #333;
  padding: 20px 0 30px;
  text-align: center;
}

#footer .ft_bottom .ft_logo {
  display: block;
  width: 114px;
  height: 19px;
  background: url("/assets/img/en/common/logo_footer.png") no-repeat;
  background-size: cover;
  text-indent: -9999px;
  font-size: 0;
  margin: 0 auto;
}

#footer .ft_bottom address {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #777;
  font-style: normal;
  margin: 15px 0;
}

#footer .ft_bottom address span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  margin-right: 5px;
}

#footer .ft_bottom .copyright {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 10px;
  color: #666;
}

#footer .ft_bottom .share {
  padding-top: 15px;
}

#footer .ft_bottom .share a {
  display: inline-block;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
  margin-left: 13px;
}

#footer .ft_bottom .share a.facebook {
  background: url("/assets/img/common/ic_sns_facebook1.png") no-repeat;
  background-size: 33px auto;
}

#footer .ft_bottom .share a.youtube {
  background: url("/assets/img/common/ic_sns_youtube1.png") no-repeat;
  background-size: 33px auto;
}

#footer .ft_bottom .share a.blog {
  background: url("/assets/img/common/ic_sns_blog.png") no-repeat;
  background-size: 33px auto;
}

#footer .ft_bottom .share a.instagram {
  background: url("/assets/img/common/ic_sns_instagram.png") no-repeat;
  background-size: 33px auto;
}

.pageTop {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.pageTop .wrap {
  position: relative;
  width: 100%;
}

.pageTop .wrap .btn_top {
  position: absolute;
  right: 25px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
}

.pageTop.fixedOff {
  position: relative;
}

#main .sectTitle {
  padding: 55px 0 30px;
}

#main .sectTitle .tit_eng {
  font-family: 'roboto_black';
  font-size: 24px;
  color: #222;
}

#main .aniTarget {
  opacity: 0;
}

#main .animated {
  opacity: 1;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

#main .animated.delay-1s {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

#main .animated.delay-2s {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#main .animated.delay-3s {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

#main .fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

#main .visual {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("/assets/img/main/vis_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 105px;
}

#main .visual:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/main/vis_obj.png") no-repeat center;
  background-size: cover;
}

#main .visual .title {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0;
  color: #fff;
  line-height: 36px;
  text-transform: uppercase;
  font-style: italic;
  padding: 45px 0 45px 25px;
  margin-bottom: 50px;
}

#main .visual .title em {
  font-family: 'roboto_black';
  font-size: 32px;
  font-style: italic;
}

#main .visual .title:before, #main .visual .title:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 32px;
  background: url("/assets/img/main/vis_diagonal.png") no-repeat;
  background-size: cover;
}

#main .visual .title:before {
  left: 10px;
  top: 0;
}

#main .visual .title:after {
  left: 120px;
  bottom: 0;
}

#main .visual .btn_play {
  margin-left: 25px;
}

#main .visual .btn_play .inner {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
}

#main .visual .btn_scroll {
  position: absolute;
  left: 50%;
  bottom: 25px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  color: #fff;
  margin-left: -21px;
  padding-bottom: 15px;
}

#main .visual .btn_scroll:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 16px;
  height: 8px;
  margin-left: -8px;
  background: url("/assets/img/main/ic_scroll.png") no-repeat;
  background-size: cover;
  -webkit-animation: bounce 1.4s infinite;
          animation: bounce 1.4s infinite;
}

@-webkit-keyframes bounce {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -10px;
  }
  100% {
    bottom: 0;
  }
}

@keyframes bounce {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -10px;
  }
  100% {
    bottom: 0;
  }
}

#main .visual .pop_video {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 1100;
}

#main .visual .pop_video .wrap {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -150px;
  text-align: center;
}

#main .visual .pop_video .wrap button {
  display: inline-block;
  width: 110px;
  opacity: 0.6;
  margin-top: 25px;
}

#main .visual .pop_video .wrap button .inner {
  width: 100%;
}

#main .visual .pop_video .mainVideo {
  width: 100%;
}

#main .news {
  margin-bottom: 55px;
}

#main .business {
  background: url("/assets/img/main/biz_bg.jpg") no-repeat;
  background-size: 100% auto;
}

#main .business .sectTitle .tit_eng {
  color: #fff;
}

#main .business_slide {
  position: relative;
  padding-top: 50px;
  margin-top: -50px;
  overflow: hidden;
}

#main .business_slide_tab {
  width: 100%;
  padding: 0 25px;
}

#main .business_slide_tab .tab {
  display: inline-block;
  width: auto;
  padding-left: 7px;
}

#main .business_slide_tab .tab:first-child {
  padding-left: 0;
}

#main .business_slide_tab .tab.swiper-slide-thumb-active .btn_type3:before {
  background-image: url("/assets/img/common/box_edge5_L3.png");
}

#main .business_slide_tab .tab.swiper-slide-thumb-active .btn_type3:after {
  background-image: url("/assets/img/common/box_edge5_R3.png");
}

#main .business_slide_tab .tab.swiper-slide-thumb-active .btn_type3 .inner {
  border: #1c303b;
  background: #1c303b;
}

#main .business_slide_con {
  width: 75%;
  margin: 0 25% 0 0;
  overflow: visible;
}

#main .business_slide_con .con {
  width: 100%;
  padding: 20px 0px 30px 25px;
  height: 375px;
}

#main .business_slide_con .con .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

#main .business_slide_con .con .wrap.first {
  background-image: url("/assets/img/main/biz_img1.jpg");
}

#main .business_slide_con .con .wrap.second {
  background-image: url("/assets/img/main/biz_img2.jpg");
}

#main .business_slide_con .con .wrap.third {
  background-image: url("/assets/img/main/biz_img3.jpg");
}

#main .business_slide_con .con .wrap.fourth {
  background-image: url("/assets/img/main/biz_img4.jpg");
}

#main .business_slide_con .con .wrap.fifth {
  background-image: url("/assets/img/main/biz_img5.jpg");
}

#main .business_slide_con .con .wrap.sixth {
  background-image: url("/assets/img/main/biz_img6.png");
}

#main .business_slide_con .con .wrap .inner {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px 20px 20px;
}

#main .business_slide_con .con .wrap .inner .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  margin-bottom: 7px;
}

#main .business_slide_con .con .wrap .inner .desc {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin-bottom: 13px;
}

#main .business_slide .btn_biz_next,
#main .business_slide .btn_biz_prev {
  position: absolute;
  top: 0;
  width: 10px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#main .business_slide .btn_biz_next {
  right: 25px;
  background-image: url("/assets/img/common/arrow3_next.png");
}

#main .business_slide .btn_biz_prev {
  right: 60px;
  background-image: url("/assets/img/common/arrow3_prev.png");
}

#main .glance {
  position: relative;
  margin-bottom: 55px;
}

#main .glance .sectTitle {
  padding-top: 25px;
}

#main .glance_info li {
  position: relative;
  float: left;
  width: 50%;
  height: 140px;
  border: 1px solid #ddd;
  margin-left: -1px;
  margin-top: -1px;
}

#main .glance_info li .wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#main .glance_info li .wrap .inner {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  text-align: center;
}

#main .glance_info li .wrap .inner .txt1 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  letter-spacing: 0;
  color: #222;
}

#main .glance_info li .wrap .inner .txt2 {
  display: block;
  height: 45px;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 40px;
  letter-spacing: 0;
  color: #2159b7;
  letter-spacing: -1px;
  line-height: 45px;
}

#main .glance_info li .wrap .inner .txt2 .small {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-size: 35px;
}

#main .glance_info li .wrap .inner .txt2 .big {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-size: 50px;
  letter-spacing: -16px;
  line-height: 0;
}

#main .glance_info li .wrap .inner .txt3 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
  color: #222;
  line-height: 17px;
}

#main .world {
  background: #1c303b;
}

#main .world .sectTitle .tit_eng {
  color: #fff;
}

#main .world .select_diagonal .top:before, #main .world .select_diagonal .top:after,
#main .world .select_diagonal .top .tit span {
  background-color: #1c303b;
}

#main .world .select_diagonal .con {
  background: #1c303b;
}

#main .world .select_diagonal .con:after {
  background-color: #1c303b;
}

#main .world .select_diagonal .con li button.selected span {
  color: #fff;
}

#main .world .worldmap {
  margin-top: 30px;
  padding-bottom: 40px;
}

#main .world .worldmap .map {
  display: none;
  position: relative;
}

#main .world .worldmap .map.active {
  display: block;
}

#main .world .worldmap .map .wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 220px;
  height: 78px;
  margin: -80px 0 0 -110px;
}

#main .world .worldmap .map .wrap .inner {
  position: relative;
  text-align: left;
  padding: 18px 0 0 5px;
}

#main .world .worldmap .map .wrap .inner:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: url("/assets/img/common/ic_more3.png") no-repeat;
  background-size: 100%;
}

#main .world .worldmap .map .wrap .inner .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 5px;
}

#main .world .worldmap .map .wrap .inner ul li {
  float: left;
  width: auto;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
  color: #fff;
}

#main .world .worldmap .map .wrap .inner ul li em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
}

#main .world .worldmap .map .wrap .inner ul li:first-child:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #69cebb;
  margin: 0 8px;
  vertical-align: middle;
}

#main .world .worldmap .map.antarctica .wrap {
  margin-top: 10px;
}

#main .rnd {
  padding-bottom: 65px;
  background: url("/assets/img/main/rnd_bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
}

#main .rnd .sectTitle {
  padding-bottom: 25px;
}

#main .rnd .desc {
  margin-bottom: 20px;
}

#main .rnd .btn_type4 .inner {
  padding: 8px 20px 0;
}

#main .recruit {
  background: #f5f5f5;
  padding-bottom: 75px;
}

#main .recruit .sectTitle {
  padding-bottom: 0;
}

#main .recruit_advise {
  height: 200px;
  margin-top: -6px;
}

#main .recruit_advise .advise_slide {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

#main .recruit_advise .advise_slide_con {
  position: relative;
  width: 100%;
  height: 100%;
}

#main .recruit_advise .advise_slide_con .con .img {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 186px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 100%;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 25px 0 0 45px;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt .m_tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 12px;
  color: #05ad8e;
  margin-bottom: 5px;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt .subject {
  width: 45%;
  font-family: 'roboto';
  font-weight: 200;
  font-size: 20px;
  color: #222;
  margin-bottom: 5px;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt .interviewer {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 12px;
  color: #666;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt .interviewer span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

#main .recruit_advise .advise_slide_con .con .wrap_txt .interviewer em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 800;
}

#main .recruit_advise .advise_slide_control {
  position: absolute;
  left: 45px;
  bottom: 35px;
  width: 65px;
  height: 20px;
  text-align: center;
}

#main .recruit_advise .advise_slide_control .btn_navi {
  position: absolute;
  top: 2px;
  width: 18px;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}

#main .recruit_advise .advise_slide_control .btn_navi#rec_prev {
  background: url("/assets/img/common/arrow6_prev.png") no-repeat left center;
  background-size: 6px auto;
  left: 0;
}

#main .recruit_advise .advise_slide_control .btn_navi#rec_next {
  background: url("/assets/img/common/arrow6_next.png") no-repeat right center;
  background-size: 6px auto;
  right: 0;
}

#main .recruit_advise .advise_slide_control #rec_pagination {
  position: static;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #666;
}

#main .recruit_advise .advise_slide_control #rec_pagination span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

#main .recruit_advise .advise_slide_control #rec_pagination .swiper-pagination-current {
  color: #222;
}

#main .recruit_notice .list {
  padding-bottom: 10px;
}

#main .recruit_notice .list li {
  margin-bottom: 10px;
}

#main .recruit_notice .list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #fff;
}

#main .recruit_notice .list li a .wrap_label .label {
  float: left;
  width: auto;
  height: 18px;
  color: #fff;
  line-height: 18px;
  padding: 0 7px;
  margin-bottom: 10px;
}

#main .recruit_notice .list li a .wrap_label .label.bg1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0;
  background: #05ad8e;
}

#main .recruit_notice .list li a .wrap_label .label.bg2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
  background: #1c303b;
}

#main .recruit_notice .list li a .subject {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  line-height: 20px;
  margin-bottom: 10px;
}

#main .recruit_notice .list li a .period {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #999;
}

#main .recruit_notice .btn_more2:before, #main .recruit_notice .btn_more2:after {
  background-color: #f5f5f5;
}

#main .recruit_notice .btn_more2 .inner {
  background: #f5f5f5;
}

#business .top_visual.works {
  background-image: url("/assets/img/business/vi_works.jpg");
}

#business .top_visual.process_plant {
  background-image: url("/assets/img/business/vi_process_plant.jpg");
}

#business .top_visual.energy {
  background-image: url("/assets/img/business/vi_energy.jpg");
}

#business .top_visual.construction {
  background-image: url("/assets/img/business/vi_construction.jpg");
}

#business .top_visual.infra {
  background-image: url("/assets/img/business/vi_infra.jpg");
}

#business .top_visual.asset {
  background-image: url("/assets/img/business/vi_asset.jpg");
}

#business .top_visual.rnd {
  background-image: url("/assets/img/business/vi_rnd.jpg");
}

#business .top_visual.eco {
  background-image: url("/assets/img/business/vi_eco.png");
}


#business .biz_hexaicon {
  display: inline-block;
  width: 60px;
  height: 70px;
  background: url("/assets/img/common/bg_hexagon3.png") no-repeat;
  background-size: 60px auto;
}

#business .biz_hexaicon span {
  display: block;
  width: 100%;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px auto;
}

#business .ic_biz {
  background-size: 50px auto;
}

#business .ic_biz.process.oilgas {
  background-image: url("/assets/img/business/ic_biz_plant1.png");
}

#business .ic_biz.process.oilgas.green {
  background-image: url("/assets/img/business/ic_biz_plant1_green.png");
}

#business .ic_biz.process.refinery {
  background-image: url("/assets/img/business/ic_biz_plant2.png");
}

#business .ic_biz.process.refinery.green {
  background-image: url("/assets/img/business/ic_biz_plant2_green.png");
}

#business .ic_biz.process.petrochemical {
  background-image: url("/assets/img/business/ic_biz_plant3.png");
}

#business .ic_biz.process.petrochemical.green {
  background-image: url("/assets/img/business/ic_biz_plant3_green.png");
}

#business .ic_biz.process.chemical {
  background-image: url("/assets/img/business/ic_biz_plant4.png");
}

#business .ic_biz.process.chemical.green {
  background-image: url("/assets/img/business/ic_biz_plant4_green.png");
}

#business .ic_biz.process.lng {
  background-image: url("/assets/img/business/ic_biz_plant5.png");
}

#business .ic_biz.process.lng.green {
  background-image: url("/assets/img/business/ic_biz_plant5_green.png");
}

#business .ic_biz.power.thermal {
  background-image: url("/assets/img/business/ic_biz_energy1.png");
}

#business .ic_biz.power.thermal.green {
  background-image: url("/assets/img/business/ic_biz_energy1_green.png");
}

#business .ic_biz.power.nuclear {
  background-image: url("/assets/img/business/ic_biz_energy2.png");
}

#business .ic_biz.power.nuclear.green {
  background-image: url("/assets/img/business/ic_biz_energy2_green.png");
}

#business .ic_biz.power.renewables {
  background-image: url("/assets/img/business/ic_biz_energy3.png");
}

#business .ic_biz.power.renewables.green {
  background-image: url("/assets/img/business/ic_biz_energy3_green.png");
}

#business .ic_biz.power.transmission {
  background-image: url("/assets/img/business/ic_biz_energy4.png");
}

#business .ic_biz.power.transmission.green {
  background-image: url("/assets/img/business/ic_biz_energy4_green.png");
}

#business .ic_biz.construction.apartment {
  background-image: url("/assets/img/business/ic_biz_construction1.png");
}

#business .ic_biz.construction.apartment.green {
  background-image: url("/assets/img/business/ic_biz_construction1_green.png");
}

#business .ic_biz.construction.factory {
  background-image: url("/assets/img/business/ic_biz_construction2.png");
}

#business .ic_biz.construction.factory.green {
  background-image: url("/assets/img/business/ic_biz_construction2_green.png");
}

#business .ic_biz.construction.rnd {
  background-image: url("/assets/img/business/ic_biz_construction3.png");
}

#business .ic_biz.construction.rnd.green {
  background-image: url("/assets/img/business/ic_biz_construction3_green.png");
}

#business .ic_biz.construction.hotel {
  background-image: url("/assets/img/business/ic_biz_construction4.png");
}

#business .ic_biz.construction.hotel.green {
  background-image: url("/assets/img/business/ic_biz_construction4_green.png");
}

#business .ic_biz.construction.office {
  background-image: url("/assets/img/business/ic_biz_construction5.png");
}

#business .ic_biz.construction.office.green {
  background-image: url("/assets/img/business/ic_biz_construction5_green.png");
}

#business .ic_biz.construction.public {
  background-image: url("/assets/img/business/ic_biz_construction6.png");
}

#business .ic_biz.construction.public.green {
  background-image: url("/assets/img/business/ic_biz_construction6_green.png");
}

#business .ic_biz.infra.port {
  background-image: url("/assets/img/business/ic_biz_infra1.png");
}

#business .ic_biz.infra.port.green {
  background-image: url("/assets/img/business/ic_biz_infra1_green.png");
}

#business .ic_biz.infra.road {
  background-image: url("/assets/img/business/ic_biz_infra2.png");
}

#business .ic_biz.infra.road.green {
  background-image: url("/assets/img/business/ic_biz_infra2_green.png");
}

#business .ic_biz.infra.complex {
  background-image: url("/assets/img/business/ic_biz_infra3.png");
}

#business .ic_biz.infra.complex.green {
  background-image: url("/assets/img/business/ic_biz_infra3_green.png");
}

#business .ic_biz.infra.resource {
  background-image: url("/assets/img/business/ic_biz_infra4.png");
}

#business .ic_biz.infra.resource.green {
  background-image: url("/assets/img/business/ic_biz_infra4_green.png");
}

#business .ic_biz.infra.water {
  background-image: url("/assets/img/business/ic_biz_infra5.png");
}

#business .ic_biz.infra.water.green {
  background-image: url("/assets/img/business/ic_biz_infra5_green.png");
}

#business .ic_biz.infra.railroad {
  background-image: url("/assets/img/business/ic_biz_infra6.png");
}

#business .ic_biz.infra.railroad.green {
  background-image: url("/assets/img/business/ic_biz_infra6_green.png");
}

#business .ic_biz.infra.landscaping {
  background-image: url("/assets/img/business/ic_biz_infra7.png");
}

#business .ic_biz.infra.landscaping.green {
  background-image: url("/assets/img/business/ic_biz_infra7_green.png");
}

#business .ic_biz.infra.sides {
  background-image: url("/assets/img/business/ic_biz_infra8.png");
}

#business .ic_biz.infra.sides.green {
  background-image: url("/assets/img/business/ic_biz_infra8_green.png");
}

#business .ic_biz.asset.facility {
  background-image: url("/assets/img/business/ic_biz_asset1.png");
}

#business .ic_biz.asset.facility.green {
  background-image: url("/assets/img/business/ic_biz_asset1_green.png");
}

#business .ic_biz.asset.property {
  background-image: url("/assets/img/business/ic_biz_asset2.png");
}

#business .ic_biz.asset.property.green {
  background-image: url("/assets/img/business/ic_biz_asset2_green.png");
}

#business .ic_biz.asset.lease {
  background-image: url("/assets/img/business/ic_biz_asset3.png");
}

#business .ic_biz.asset.lease.green {
  background-image: url("/assets/img/business/ic_biz_asset3_green.png");
}

#business .ic_biz.asset.pns {
  background-image: url("/assets/img/business/ic_biz_asset4.png");
}

#business .ic_biz.asset.pns.green {
  background-image: url("/assets/img/business/ic_biz_asset4_green.png");
}

#business .ic_biz.asset.global {
  background-image: url("/assets/img/business/ic_biz_asset5.png");
}

#business .ic_biz.asset.global.green {
  background-image: url("/assets/img/business/ic_biz_asset5_green.png");
}

#business .ic_biz.eco.hydrogen {
  background-image: url("/assets/img/business/icon_business01.png");
  background-size: 30px;
}

#business .ic_biz.eco.elec {
  background-image: url("/assets/img/business/icon_business02.png");
}

#business .ic_biz.eco.co2 {
  background-image: url("/assets/img/business/icon_business03.png");
}
 
#business .ic_biz.eco.environment {
  background-image: url("/assets/img/business/ic_biz_eco_04.png");
}

 /*----------2023-08-17 added----------*/
 #business .top_intro .wrap .desc .desc_list {
  display: flex;
  justify-content: space-around;
  position: relative;
  flex-direction: column;

}
#business .top_intro .wrap .desc .desc_list li {
  position: relative; 
  margin-bottom:15px;

}
#business .top_intro .wrap .desc .desc_list li p {
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size:15px; 
}
#business .top_intro .wrap .desc .desc_list li:nth-child(1){
  color:#507f6e;
}
#business .top_intro .wrap .desc .desc_list li:nth-child(2){
  color:#466d90;
}
#business .top_intro .wrap .desc .desc_list li:nth-child(3){
  color:#3d59b5;
}
/*----------//2023-08-17 added----------*/

#business .top_intro {
  margin-top: 40px;
  margin-bottom: 55px;
}

#business .top_intro .wrap .tit {
  margin-bottom: 20px;
}

#business .top_intro .wrap .desc {
  text-align: center;
  padding-bottom: 30px;
}

#business .top_intro .bg {
  margin-bottom: 25px;
}

#business .how {
  border-bottom: 2px solid #05ad8e;
}

#business .how .btn_findout {
  display: block;
  width: 100%;
  height: 60px;
  text-align: left;
}

#business .how .btn_findout span {
  display: block;
  height: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #05ad8e;
  line-height: 20px;
  padding: 0 40px 0 10px;
  position: relative;
}

#business .how .btn_findout span:after {
  content: "";
  display: block;
  width: 35px;
  height: 33px;
  background: url("/assets/img/common/ic_more6.png") no-repeat;
  background-size: 35px auto;
  position: absolute;
  right: 0px;
  top: 0px;
}

#business .how .btn_findout.on span:after {
  background: url("/assets/img/common/ic_more6_on.png") no-repeat;
  background-size: 35px auto;
}

#business .how .findout {
  display: none;
  padding: 15px 15px 30px 15px;
  background: #f5f5f5;
}

#business .how .findout .description {
  margin-bottom: 30px;
}

#business .how .findout .plant_process {
  background: #fff;
  padding: 20px 20px 0 20px;
}

#business .how .findout .plant_process ol > li {
  width: 100%;
}

#business .how .findout .plant_process ol > li ul {
  padding: 10px 0 20px 10px;
}

#business .how .findout .plant_process ol > li ul > li {
  width: 100%;
}

#business .major_field {
  width: 100%;
  text-align: center;
  padding-top: 55px;
  background-repeat: no-repeat;
  background-size: cover;
}

#business .major_field .t_tit1 {
  color: #fff;
  margin-bottom: 30px;
}

#business .major_field .list {
  display: inline-block;
}

#business .major_field .list > li {
  position: relative;
  display: inline-block;
  width: 30%;
  min-height: 100px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 15px;
  margin-bottom: 30px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center top;
}

#business .major_field .list > li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 60px;
}

#business .major_field .list > li span {
  line-height: 18px;
}

#business .major_field .list > li span.vStnd {
  display: inline-block;
  width: 100px;
  height: 35px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}

#business .major_field .list > li .sub_list {
  background: rgba(0, 0, 0, 0.15);
  padding: 5px 5px 10px 10px;
}

#business .major_field .list > li .sub_list li {
  text-align: left;
}

#business .major_field .list > li .sub_list li span {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: #fff;
  padding-left: 8px;
  margin-right: 20px;
}

#business .major_field .list > li .sub_list li span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 2px;
  height: 2px;
  background: rgba(255, 255, 255, 0.7);
}

#business .represent {
  width: 100%;
  background: #f5f5f5;
  padding: 55px 0 75px 0;
  overflow: hidden;
}

#business .represent .t_tit1 {
  text-align: center;
  margin-bottom: 25px;
}

#business .represent .wrap_slide_area {
  width: 100%;
  position: relative;
}

#business .represent .wrap_slide_area .container {
  width: calc(100% - 100px);
  margin: 0 auto;
  overflow: visible;
}

#business .represent .wrap_slide_area .container .con {
  width: 100%;
  height: 256px;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
}

#business .represent .wrap_slide_area .container .con a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}

#business .represent .wrap_slide_area .container .con a .thumbnail {
  width: 100%;
  height: 135px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#business .represent .wrap_slide_area .container .con a .wrap_txt {
  width: 100%;
  height: 121px;
  background: #fff;
  padding: 15px 15px 0 15px;
  position: relative;
}

#business .represent .wrap_slide_area .container .con a .wrap_txt .biz_hexaicon {
  position: absolute;
  right: 10px;
  top: -38px;
}

#business .represent .wrap_slide_area .container .con a .wrap_txt .part {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #05ad8e;
  margin-bottom: 3px;
}

#business .represent .wrap_slide_area .container .con a .wrap_txt .tit {
  height: 40px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 20px;
}

#business .represent .wrap_slide_area .container .con a .wrap_txt .more {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0;
  padding-right: 10px;
  background: url("/assets/img/common/ic_more1.png") no-repeat right center;
  background-size: 7px auto;
}

#business .represent .wrap_slide_area .container .btn_next {
  width: 30px;
  height: 74px;
  background-image: url("/assets/img/common/arrow1_next.png");
  background-size: 15px auto;
  background-position: center;
  right: -38px;
  margin-top: -30px;
}

#business .represent .wrap_slide_area .container .btn_prev {
  width: 30px;
  height: 74px;
  background-image: url("/assets/img/common/arrow1_prev.png");
  background-size: 15px auto;
  background-position: center;
  left: -38px;
  margin-top: -30px;
}

#business .represent .wrap_slide_area .container .indi_type1 {
  bottom: -30px !important;
}

#business .performance {
  padding: 55px 0 30px 0;
}

#business .performance .t_tit1 {
  text-align: center;
  margin-bottom: 20px;
}

#business .performance ul li {
  width: 100%;
  height: 80px;
  border: 1px solid #ddd;
  padding: 20px 25px 0 60px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 23px center;
  background-size: 27px auto;
}

#business .performance ul li:nth-child(1) {
  background-image: url("/assets/img/business/ic_performance1.png");
}

#business .performance ul li:nth-child(2) {
  background-image: url("/assets/img/business/ic_performance2.png");
}

#business .performance ul li:nth-child(3) {
  background-image: url("/assets/img/business/ic_performance3.png");
  margin-right: 0;
}

#business .performance ul li .field {
  float: left;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
  padding-top: 7px;
}

#business .performance ul li .num {
  float: right;
}

#business .performance ul li .num .sum {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0;
  color: #05ad8e;
}

#business .performance ul li .num .unit {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #666;
  margin-left: 2px;
}

#business .performance .rf {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #999;
  text-align: right;
  margin-top: 5px;
}

/*>>> 2021-01-28 추가 */
#business .world .layout25 {
  width: 100%;
  padding: 30px 25px 0;
}
/*<<<*/

#business .project {
  padding-bottom: 75px;
}

#business .project .select_diagonal {
  margin-bottom: 15px;
}

#business .project .select_diagonal .top .tit span {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
}

#business .project .select_diagonal .con {
  padding: 10px 23px 0 23px;
  position: relative;
  top: -2px;
}

#business .project .select_diagonal .con .filter_area {
  margin-bottom: 10px;
}

#business .project .select_diagonal .con .filter_area .label_type1 {
  margin-bottom: 12px;
}

#business .project .select_diagonal .con .filter_area .check {
  margin-bottom: 15px;
}

#business .project .select_diagonal .con .filter_area .check .checkbox_ui {
  margin-bottom: 10px;
}

#business .project .select_diagonal .con .filter_area .sublayer {
  margin: -10px 0 20px 0;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub {
  margin-bottom: 10px;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .inner {
  padding: 15px 15px 7px 15px;
  background: #f8f8f8;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .label_sub {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #222;
  margin-bottom: 10px;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .checkbox_ui {
  width: 48%;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .checkbox_ui label {
  width: 100%;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .checkbox_ui:nth-child(2n-1) {
  float: left;
}

#business .project .select_diagonal .con .filter_area .sublayer fieldset.check_sub .checkbox_ui:nth-child(2n) {
  float: right;
}

#business .project .wrap_list {
  padding-bottom: 10px;
}

#business .project .wrap_list ul li {
  height: 160px;
  margin-bottom: 10px;
}

#business .project .wrap_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

#business .project .wrap_list ul li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: linear-gradient(transparent, #000);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
}

#business .project .wrap_list ul li a .thumb {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#business .project .wrap_list ul li a .thumb .biz_hexaicon {
  display: block;
  width: 80px;
  height: 91px;
  background-size: 80px auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#business .project .wrap_list ul li a .thumb .biz_hexaicon span {
  display: block;
  width: 100%;
  height: 85px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px auto;
}

#business .project .wrap_list ul li a .con {
  width: 100%;
  padding: 15px 20px 0 15px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 1;
}

#business .project .wrap_list ul li a .con .use {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #fff;
  margin-bottom: 5px;
}

#business .project .wrap_list ul li a .con .t_tit2 {
  color: #fff;
}

#business .project .wrap_list ul li a .con .t_tit2 .ic_movie {
  display: inline-block;
  width: 20px;
  height: 17px;
  text-indent: -9999px;
  background: url("/assets/img/common/ic_movie1.png") no-repeat 0 4px;
  background-size: 20px auto;
  margin-left: 5px;
}

#business .page_banner {
  width: 100%;
  padding: 25px 25px 15px 25px;
  background: #f5f5f5;
}

#business .page_banner a {
  display: block;
  height: 55px;
  background-color: #1c303b;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  background-position: 20px center;
}

#business .page_banner a .txt1 {
  display: block;
  height: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  padding: 20px 0 0 65px;
  background-image: url("/assets/img/common/arrow12.png");
  background-repeat: no-repeat;
  background-size: 9px auto;
  background-position: 90% center;
}

#business .page_banner a:nth-child(1) {
  background-image: url("/assets/img/business/ic_bnr1.png");
  background-size: 25px auto;
}

#business .page_banner a:nth-child(2) {
  background-image: url("/assets/img/business/ic_bnr2.png");
  background-size: 30px auto;
}

#business .page_banner a:nth-child(3) {
  background-image: url("/assets/img/business/ic_bnr3.png");
  background-size: 25px auto;
}

#business .page_banner a:hover {
  text-decoration: none;
}

#business .works .top_intro {
  margin: 40px 0 45px 0;
}

#business .works .top_intro .wrap .desc {
  text-align: center;
  padding-top: 15px;
}

#business .works .box_intro {
  margin-bottom: 45px;
}

#business .works .box_intro ul li {
  width: 100%;
  height: 95px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#business .works .box_intro ul li a {
  display: block;
  height: 100%;
  padding: 0 75px 0 25px;
  background-repeat: no-repeat;
  background-position: 90% center;
}

#business .works .box_intro ul li a .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 20px;
  margin-bottom: 3px;
}

#business .works .box_intro ul li.con1 {
  background-image: url("/assets/img/business/works_intro_img1.jpg");
}

#business .works .box_intro ul li.con1 a {
  background-image: url("/assets/img/business/works_intro_icon1.png");
  background-size: 50px auto;
}

#business .works .box_intro ul li.con2 {
  background-image: url("/assets/img/business/works_intro_img2.jpg");
}

#business .works .box_intro ul li.con2 a {
  background-image: url("/assets/img/business/works_intro_icon2.png");
  background-size: 48px auto;
}

#business .works .box_intro ul li.con3 {
  background-image: url("/assets/img/business/works_intro_img3.jpg");
}

#business .works .box_intro ul li.con3 a {
  background-image: url("/assets/img/business/works_intro_icon3.png");
  background-size: 46px auto;
}

#business .works .box_intro ul li.con4 {
  background-image: url("/assets/img/business/works_intro_img4.jpg");
}

#business .works .box_intro ul li.con4 a {
  background-image: url("/assets/img/business/works_intro_icon4.png");
  background-size: 47px auto;
}

#business .works .box_intro ul li.con5 {
  background-image: url("/assets/img/business/works_intro_img5.jpg");
}

#business .works .box_intro ul li.con5 a {
  background-image: url("/assets/img/business/works_intro_icon5.png");
  background-size: 46px auto;
}

#business .works .box_intro ul li.con6 {
  background-image: url("/assets/img/business/works_intro_img6.png");
}

#business .works .box_intro ul li.con6 a {
  background-image: url("/assets/img/business/works_intro_icon6.png");
  background-size: 46px auto;
}


#business .works .world {
  padding-bottom: 30px;
  margin-bottom: 30px;
  background: #dcece9;
}

#business .works .world .pageTitle {
  margin-bottom: 15px;
}

#business .works .world .pageTitle .desc_diagonal {
  color: #222;
}

#business .works .world .filter_area {
  border: 1px solid #ddd;
  background: #fff;
  padding: 20px 10px 5px 20px;
  margin-bottom: 10px;
}

#business .works .world .filter_area .label_type1 {
  margin-bottom: 12px;
}

#business .works .world .filter_area .check {
  margin-bottom: 15px;
}

#business .works .world .filter_area .check .checkbox_ui {
  margin-bottom: 10px;
}

#business .works .world .search_default {
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
}

#business .works .world .search_default .input_wrap {
  float: none;
  display: block;
}

#business .works .project .txt_num {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 15px;
}

#business .works .project .txt_num em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #05ad8e;
}

#business .works .project .result {
  margin-bottom: 20px;
}

#business .works .project .result ul li {
  height: auto;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}

#business .works .project .result ul li a {
  position: relative;
  display: block;
  height: 100%;
  padding: 25px 25px 25px 25px;
  background-repeat: no-repeat;
  background-position: 92% 90px;
  background-size: 50px auto;
}

#business .works .project .result ul li a:after {
  content: "";
  display: block;
  width: 35px;
  height: 33px;
  background: url("/assets/img/common/ic_more5.png") no-repeat;
  background-size: 35px auto;
  position: absolute;
  right: -1px;
  top: -1px;
}

#business .works .project .result ul li a .nation {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #222;
  margin-bottom: 5px;
}

#business .works .project .result ul li a .tit {
  height: 60px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 20px;
}

#business .works .project .result ul li a .field {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 10px;
  color: #222;
}

#business .works .project .result ul li a .biz {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
}

#business .works .project .result ul li a .biz em {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #05ad8e;
}

#business .works .project .result ul li a.process {
  background-image: url("/assets/img/business/ic_biz_b_plant_green.png");
}

#business .works .project .result ul li a.power {
  background-image: url("/assets/img/business/ic_biz_b_energy_green.png");
}

#business .works .project .result ul li a.construction {
  background-image: url("/assets/img/business/ic_biz_b_construction_green.png");
}

#business .works .project .result ul li a.infra {
  background-image: url("/assets/img/business/ic_biz_b_infra_green.png");
}

#business .works .project .result ul li a.asset {
  background-image: url("/assets/img/business/ic_biz_b_asset_green.png");
}

#business .process_plant .major_field {
  background-image: url("/assets/img/business/major_bg1.jpg");
  background-position: left top;
}

#business .energy .major_field {
  background-image: url("/assets/img/business/major_bg2.jpg");
  background-position: left top;
}

#business .energy .major_field .list > li:nth-child(1) {
  width: 100%;
}

#business .energy .major_field .list > li:nth-child(1) .sub_list {
  width: calc(100% - 50px);
}

#business .energy .major_field .list > li:nth-child(1) .sub_list > li {
  float: left;
  width: 33.33%;
}

@media screen and (max-width: 320px) {
  #business .energy .major_field .list > li:nth-child(1) .sub_list > li {
    width: 50%;
  }
}

#business .energy .major_field .list > li:nth-child(3) .sub_list {
  width: 100px;
}

#business .energy .major_field .list > li:nth-child(3) .sub_list > li {
  width: 100%;
}

#business .construction .major_field {
  background-image: url("/assets/img/business/major_bg3.jpg");
}

#business .infra .major_field {
  background-image: url("/assets/img/business/major_bg4.jpg");
}

#business .infra .major_field .list li:nth-child(4) {
  border-right: 0;
}

#business .asset .top_intro {
  margin-bottom: 40px;
}

#business .asset .top_intro .logo_area .logo {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

#business .asset .top_intro .logo_area .list {
  width: 100%;
}

#business .asset .top_intro .logo_area .list li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 12px;
}

#business .asset .top_intro .logo_area .list li:last-child {
  border-bottom: 0;
}

#business .asset .top_intro .logo_area .list li span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  margin-bottom: 5px;
}

#business .asset .major_field {
  background-image: url("/assets/img/business/major_bg5.jpg");
}

#business .asset .how {
  margin: 25px 0 55px 0;
}

#business .asset .how .findout .plant_process {
  padding: 0;
  margin-bottom: 30px;
}

#business .asset .how .findout .plant_process:last-child {
  margin-bottom: 0;
}

#business .asset .how .findout .plant_process .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 18px;
  color: #222;
  line-height: 20px;
  padding: 15px 10px 15px 62px;
  border-bottom: 1px solid #ddd;
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 20px center;
}

#business .asset .how .findout .plant_process .s_tit.ic1 {
  background-image: url("/assets/img/business/ic_how1.png");
}

#business .asset .how .findout .plant_process .s_tit.ic2 {
  background-image: url("/assets/img/business/ic_how2.png");
}

#business .asset .how .findout .plant_process .s_tit.ic3 {
  background-image: url("/assets/img/business/ic_how3.png");
}

#business .asset .how .findout .plant_process .s_tit.ic4 {
  background-image: url("/assets/img/business/ic_how4.png");
}

#business .asset .how .findout .plant_process .s_tit.ic5 {
  background-image: url("/assets/img/business/ic_how5.png");
}

#business .asset .how .findout .plant_process ol {
  padding: 20px 20px 0 20px;
}

#business .asset .how .findout .plant_process ol > li ul > li {
  float: none;
  width: 100%;
}

#business .asset .project .t_tit1 {
  text-align: center;
  margin: 45px 0 30px 0;
}

/* 2022-01-05 친환경에너지 추가 */
#business .eco .major_field {
  background-image: url("/assets/img/business/major_bg2.jpg");
  background-position: left top;
}

/*--------2023-08-17 친환경에너지 수정--------*/
#business .eco .major_field {
  height: auto;
  /* height:377px; */
  background-image: url("/assets/img/business/major_bg5.jpg");
  background-size: cover;

}
#business .eco .major_field .list > li {
  width:400px;
  height:200px;
  padding:0 20px;
  
}
#business .eco .major_field .list > li p {
  padding-top:15px;
  font-size:14px
}
#business .eco .major_field .list > li a {
  cursor:default;
  color:#fff;
}

#business .eco .major_field .list > li a:hover {
  text-decoration: none;
}
#business .eco .major_field .list > li a p {
  margin-top:10px;
  font-size:16px;
}
#business .eco .major_field .list > li a p span {
  display: block;
  margin-top:20px;
  font-size:14px;
}
/*--------//2023-08-17 친환경에너지 수정--------*/

/* img 파일 */
#business .eco .mo_contents_sub_wraper{width: 100%;display: block;margin: 0 auto; margin-bottom: 30px;}

#business .eco .mo_contents_sub_tittle{text-align: center; margin:15px 0 24px 0}
#business .eco .mo_contents_sub_tittle p{font-size: 3rem; color: black; font-weight: bold;}

#business .eco .mo_contents_sub_img{width: 23rem; margin: 0 auto; margin-bottom: 2rem; max-width: 100%}

/* 리스트 제목 */
#business .eco .mo_contents_sub_list_wrap{}
#business .eco .mo_contents_sub_list{display: flex;justify-content: center;margin:0 auto;margin-top: 2rem;align-items: center;}
#business .eco .mo_contents_sub_list_tittle{position: relative; box-shadow : 0px 5px 9px silver; width: 80px; height: 80px;border-radius: 50%;}
#business .eco .mo_contents_sub_list_tittle_txt01{position: absolute; width: 100%; top: 50%; left: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 10px;font-weight: bold;color: #2159B7}
#business .eco .mo_contents_sub_list_tittle_txt01-1{position: absolute; width: 100%;  top: 50%; left: 50%; transform: translate(-50%,-50%);text-align: center; font-size: 10px; font-weight: bold; color: #05A285}
#business .eco .sub_tittle_img{position: absolute;top: -4px}

/* 리스트 내용 */
#business .eco .mo_contents_sub_list_wraper{max-width:360px; margin:auto;}
#business .eco .mo_contents_sub_list_tittle02{position: relative; width: calc(100% - 80px - 2rem); margin-left:2rem;}
#business .eco .mo_contents_sub_list_tittle_txt02{font-size:1rem; color: #666666; width: auto}
#business .eco .mo_contents_sub_list_tittle02 dd {position:relative; padding-left: 10px}
#business .eco .mo_contents_sub_list_tittle02 dd:before {content:'-'; position:absolute; left:0; top:0;}

/* 반응형 */
@media (max-width: 1024px) {
#business .eco .mo_contents_sub_tittle p{font-size: 2rem;}
/* .mo_contents_sub_list_tittle02{position: relative; width: calc(100% - 54% - 5rem);} */
}
@media (max-width: 765px){
  /* .mo_contents_sub_list_tittle02{position: relative; width: calc(100% - 48% - 5rem);} */
}
@media (max-width: 444px) {
#business .eco .mo_contents_sub_tittle p{font-size: 1.9rem;}
/* .mo_contents_sub_list_tittle02{position: relative; width: calc(100% - 20% - 5rem);} */
}

@media (max-width: 480px) {
#business .eco .mo_contents_sub_tittle p{font-size: 1.2rem;}
/* .mo_contents_sub_list_tittle02{position: relative; width: calc(100% - 13% - 5rem);} */
#business .eco .mo_contents_sub_list_tittle_txt02 .mo_contents_sub_list_tittle_txt01 .mo_contents_sub_list_tittle_txt01-1{font-size: 1rem;}
}

#business .biz_detail .intro {
  padding-top: 45px;
  overflow: hidden;
}

#business .biz_detail .intro .icon {
  text-align: center;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  padding-top: 60px;
  background-repeat: no-repeat;
  background-position: center top;
}

#business .biz_detail .intro .pageTitle {
  padding-top: 15px;
  padding-bottom: 0;
}

#business .biz_detail .intro .pageTitle .t_tit1 {
  line-height: 30px;
}

#business .biz_detail .intro .wrap_slide_area {
  width: 100%;
  padding-bottom: 30px;
  margin-top: 25px;
  position: relative;
}

#business .biz_detail .intro .wrap_slide_area .container {
  width: calc(100% - 50px);
  margin: 0 auto;
  overflow: visible;
}

#business .biz_detail .intro .wrap_slide_area .container .con {
  width: 100%;
  height: 135px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

#business .biz_detail .intro .wrap_slide_area .btn_next {
  width: 30px;
  height: 74px;
  background-image: url("/assets/img/common/arrow1_next.png");
  background-size: 15px auto;
  background-position: center;
  right: -38px;
  margin-top: -30px;
}

#business .biz_detail .intro .wrap_slide_area .btn_prev {
  width: 30px;
  height: 74px;
  background-image: url("/assets/img/common/arrow1_prev.png");
  background-size: 15px auto;
  background-position: center;
  left: -38px;
  margin-top: -30px;
}

#business .biz_detail .intro .wrap_slide_area .indi_type1 {
  bottom: -30px !important;
}

#business .biz_detail .intro .desc {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  margin-top: 30px;
}

#business .biz_detail .detail_info .movie_area {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #ddd;
}

#business .biz_detail .detail_info .movie_area .movie video {
  width: 100%;
}

#business .biz_detail .detail_info .movie_area .caption {
  height: 230px;
  background: #f5f5f5;
  padding: 25px 0 25px 25px;
  margin-top: -4px;
}

#business .biz_detail .detail_info .movie_area .caption .inner {
  width: 100%;
  height: 100%;
  padding-right: 25px;
  overflow-y: auto;
}

#business .biz_detail .detail_info .list_area {
  padding: 30px 0 20px 0;
  margin-top: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#business .biz_detail .detail_info .list_area .list li {
  margin-bottom: 13px;
}

#business .biz_detail .detail_info .list_area .list li .label_type1 span {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 2px;
}

#business .biz_detail .detail_info .list_area .list li .label_type1 span:before {
  top: 10px;
}

#business .biz_detail .detail_info .list_area .list li .con {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  padding-left: 15px;
}

#business .biz_detail .detail_info .btn_type1 {
  margin: 15px 0 30px 0;
}

#business .biz_detail .related {
  padding: 30px 0 75px 0;
  background: #f5f5f5;
}

#business .biz_detail .related .t_tit4 {
  margin-bottom: 15px;
}

#business .rnd {
  /********** 건축기술연구소 **********/
}

#business .rnd .mB5 {
  margin-bottom: 5px;
}

#business .rnd .mB10 {
  margin-bottom: 10px;
}

#business .rnd .mB15 {
  margin-bottom: 15px;
}

#business .rnd .mB30 {
  margin-bottom: 30px;
}

#business .rnd .mB50 {
  margin-bottom: 50px;
}

#business .rnd .mB55 {
  margin-bottom: 55px;
}

#business .rnd .pL12 {
  padding-left: 12px;
}

#business .rnd .bullet_type1 li {
  line-height: 20px;
}

#business .rnd img {
  width: 100%;
  margin: 0 auto;
}

#business .rnd .bg_tit {
  text-align: center;
  border-top: 2px solid #222;
  background: #f5f5f5;
  padding: 25px 15px 25px 15px;
  margin-top: 55px;
}

#business .rnd .bg_tit .m_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 20px;
  color: #222;
  line-height: 26px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

#business .rnd .wrap_con .inner1 {
  padding: 20px 10px 0 10px;
}

#business .rnd .wrap_con .img_slide {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#business .rnd .wrap_con .img_slide .wrap {
  display: inline-block;
}

#business .rnd .wrap_con .img_slide .wrap img {
  width: auto;
  border: 1px solid #ddd;
}

#business .rnd .wrap_con .img_slide.slide0 {
  margin-right: 0px;
}

#business .rnd .wrap_con .img_slide.slide0 .wrap {
  padding-right: 0px;
}

#business .rnd .wrap_con .img_slide.slide1 {
  margin-right: -25px;
}

#business .rnd .wrap_con .img_slide.slide1 .wrap {
  padding-right: 25px;
}

#business .rnd .wrap_con .img_slide.slide2 {
  margin-right: -60px;
}

#business .rnd .wrap_con .img_slide.slide2 .wrap {
  padding-right: 60px;
}

#business .rnd .wrap_con .img_slide.slide3 {
  margin-right: -50px;
}

#business .rnd .wrap_con .img_slide.slide3 .wrap {
  padding-right: 50px;
}

#business .rnd .wrap_con .img_slide.slide4 {
  margin-right: -35px;
}

#business .rnd .wrap_con .img_slide.slide4 .wrap {
  padding-right: 35px;
}

#business .rnd .wrap_con .img_slide::-webkit-scrollbar {
  width: 3px;
}

#business .rnd .wrap_con .img_slide::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}

#business .rnd .wrap_con .img_border {
  border: 1px solid #ddd;
}

#business .rnd .wrap_con table th,
#business .rnd .wrap_con table td {
  background: #fff;
}

#business .rnd .wrap_con .bullet_desc {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  padding-left: 12px;
  position: relative;
}

#business .rnd .wrap_con .bullet_desc:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  top: 9px;
}

#business .rnd .wrap_con .tit_area {
  margin-bottom: 12px;
}

#business .rnd .wrap_con .tit_area .t_tit3 {
  margin-bottom: 10px;
}

#business .rnd .wrap_con .select_diagonal .gray_tit {
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 18px;
  color: #222;
  text-align: center;
  line-height: 24px;
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 10px;
}

#business .rnd .wrap_con .select_diagonal .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
  margin-bottom: 10px;
}

#business .rnd .wrap_con .select_diagonal .con {
  padding: 15px 25px 25px 25px;
}

#business .rnd .wrap_con .standard {
  border-collapse: collapse;
  width: 100%;
}

#business .rnd .wrap_con .standard thead tr th {
  height: auto;
  min-height: 33px;
  border: 1px solid #ddd;
  vertical-align: middle;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  line-height: 14px;
  padding: 5px 0;
}

#business .rnd .wrap_con .standard tbody tr td {
  height: 33px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
}

#business .rnd .wrap_con .gradi_box {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

#business .rnd .wrap_con .gradi_box .lb {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 10px 15px;
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
}

#business .rnd .wrap_con .gradi_box .desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  background: #fff;
}

#business .rnd .wrap_con .feature_list {
  border-top: 1px solid #ddd;
}

#business .rnd .wrap_con .feature_list > li {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}

#business .rnd .wrap_con .feature_list > li .ic {
  display: inline-block;
  width: 60px;
  height: 70px;
  vertical-align: middle;
}

#business .rnd .wrap_con .feature_list > li .con {
  display: inline-block;
  width: calc(100% - 80px);
  vertical-align: middle;
  padding-left: 20px;
}

#business .rnd .wrap_con .feature_list > li .con .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
}

#business .rnd .wrap_con .feature_list > li .con .txt1.bu {
  padding-left: 20px;
  position: relative;
}

#business .rnd .wrap_con .feature_list > li .con .txt1.bu:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  top: 11px;
}

#business .rnd .wrap_con .feature_list > li .con .txt2 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 18px;
}

#business .rnd .wrap_con .feature_list > li .con .bullet_type3 li {
  line-height: 20px;
}

#business .rnd .wrap_con .img_list1 li {
  position: relative;
  margin-bottom: 40px;
}

#business .rnd .wrap_con .img_list1 li:after {
  content: "";
  width: 26px;
  height: 10px;
  background: url("/assets/img/common/arrow14.png") no-repeat;
  background-size: 26px auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  margin: auto;
}

#business .rnd .wrap_con .img_list1 li:last-child {
  margin-bottom: 0;
}

#business .rnd .wrap_con .img_list1 li:last-child:after {
  display: none;
}

#business .rnd .wrap_con .img_list2 {
  margin-bottom: 55px;
}

#business .rnd .wrap_con .img_list2 li {
  margin-bottom: 30px;
}

#business .rnd .wrap_con .img_list2 li figure figcaption {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 10px;
  background: #2159b7;
}

#business .rnd .wrap_con .img_list3 {
  margin-bottom: 40px;
}

#business .rnd .wrap_con .img_list3 li {
  width: 48%;
}

#business .rnd .wrap_con .img_list3 li:nth-child(2n-1) {
  float: left;
}

#business .rnd .wrap_con .img_list3 li:nth-child(2n) {
  float: right;
}

#business .rnd .wrap_con .img_list3 li figure img {
  margin-bottom: 5px;
}

#business .rnd .wrap_con .img_list3 li figure figcaption {
  display: block;
  height: 40px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

#business .rnd .wrap_con .list_hexa {
  border-top: 2px solid #222;
}

#business .rnd .wrap_con .list_hexa li {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}

#business .rnd .wrap_con .list_hexa li span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  padding-left: 15px;
  position: relative;
}

#business .rnd .wrap_con .list_hexa li span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 8px;
  background: url("/assets/img/common/bullet1.png") no-repeat;
  background-size: 6px auto;
  position: absolute;
  left: 0;
  top: 8px;
}

#business .rnd .vision .summary .infographic {
  margin: 0 auto 30px auto;
  position: relative;
}

#business .rnd .vision .summary .infographic ul li {
  width: 30%;
  height: 27%;
  position: absolute;
}

#business .rnd .vision .summary .infographic ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

#business .rnd .vision .summary .infographic ul li:nth-child(1) {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}

#business .rnd .vision .summary .infographic ul li:nth-child(2) {
  left: 0;
  top: 60%;
}

#business .rnd .vision .summary .infographic ul li:nth-child(3) {
  right: 0;
  top: 60%;
}

#business .rnd .vision .summary .box_edge5 {
  text-align: left;
  margin-bottom: 75px;
}

#business .rnd .vision .summary .box_edge5 .inner {
  padding: 25px 15px 20px 20px;
}

#business .rnd .vision .summary .box_edge5 .inner .detail {
  display: none;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ddd;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top .wrap {
  height: 75px;
  position: relative;
  padding: 0 0 0 90px;
  margin-bottom: 15px;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top .wrap .icon {
  display: inline-block;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-image: url("/assets/img/business/rnd_vision_sprite.png");
  background-size: 225px auto;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top .wrap .text .desc1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top .wrap .text .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

#business .rnd .vision .summary .box_edge5 .inner .detail .top .desc2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #05ad8e;
  line-height: 20px;
}

#business .rnd .vision .summary .box_edge5 .inner .detail.detail1 .top .icon {
  background-position: 0 0;
}

#business .rnd .vision .summary .box_edge5 .inner .detail.detail2 .top .icon {
  background-position: -150px 0;
}

#business .rnd .vision .summary .box_edge5 .inner .detail.detail3 .top .icon {
  background-position: -75px 0;
}

#business .rnd .vision .add_info {
  padding: 55px 0 75px 0;
  background: #f5f5f5;
}

#business .rnd .vision .add_info .box {
  padding: 25px 20px;
  background: #fff;
}

#business .rnd .vision .add_info .box .m_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 21px;
  color: #05ad8e;
  margin-bottom: 10px;
}

#business .rnd .vision .add_info .box .t_desc2 {
  margin-bottom: 20px;
}

#business .rnd .vision .add_info .box .tableWrap1 .top_area {
  min-height: 40px;
}

#business .rnd .vision .add_info .box .tableWrap1 .top_area .tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
}

#business .rnd .vision .add_info .box .tableWrap1 .top_area .com_unit1 {
  margin-bottom: 5px;
}

#business .rnd .vision .add_info .box.box1 {
  border-top: 2px solid #05ad8e;
  margin-bottom: 30px;
}

#business .rnd .vision .add_info .box.box1 .m_tit {
  color: #05ad8e;
}

#business .rnd .vision .add_info .box.box2 {
  border-top: 2px solid #2159b7;
}

#business .rnd .vision .add_info .box.box2 .m_tit {
  color: #2159b7;
}

#business .rnd .vision .add_info .comment {
  margin-top: 15px;
}

#business .rnd .lab .tab_slide {
  margin-bottom: -15px;
}

#business .rnd .lab .eco .airshower .wrap_movie {
  padding-top: 10px;
  margin-bottom: 30px;
}

#business .rnd .lab .eco .airshower .wrap_movie .movie_area {
  position: relative;
}

#business .rnd .lab .eco .airshower .wrap_movie .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#business .rnd .lab .eco .airshower .wrap_movie .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#business .rnd .lab .eco .airshower .wrap_movie .movie_area video {
  width: 100%;
}

#business .rnd .lab .eco .airshower .select_diagonal .wrap_border {
  border: 1px solid #ddd;
  text-align: center;
  padding: 25px 20px;
  margin-bottom: 30px;
}

#business .rnd .lab .eco .airshower .select_diagonal .wrap_border .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  margin-bottom: 10px;
}

#business .rnd .lab .eco .airshower .select_diagonal .img3 img,
#business .rnd .lab .eco .airshower .select_diagonal .img4 img {
  width: 100%;
  min-width: 470px;
}

#business .rnd .lab .eco .airshower .cmt_guide3 {
  margin-top: 10px;
}

#business .rnd .lab .eco .airshower .standard.test tr th {
  color: #fff;
}

#business .rnd .lab .eco .airshower .standard.test tr th:nth-child(1) {
  background: #222;
}

#business .rnd .lab .eco .airshower .standard.test tr th:nth-child(2) {
  background: #05ad8e;
}

#business .rnd .lab .eco .airshower .standard.test tr th:nth-child(3) {
  background: #4075cc;
}

#business .rnd .lab .eco .airshower .standard.test tr th:nth-child(4) {
  background: #8d5cd0;
}

#business .rnd .lab .eco .h_super .img2 {
  margin-bottom: 30px;
}

#business .rnd .lab .eco .h_super .img2 img {
  width: 100%;
  min-width: 557px;
}

#business .rnd .lab .eco .h_super .img3 img {
  width: 100%;
  min-width: 400px;
}

#business .rnd .lab .modular .structure {
  margin-bottom: 35px;
}

#business .rnd .lab .modular .structure .t_desc2 {
  color: #222;
}

#business .rnd .lab .modular .structure .box_list li {
  margin-bottom: 50px;
}

#business .rnd .lab .modular .structure .box_list li:last-child {
  margin-bottom: 0;
}

#business .rnd .lab .modular .structure .box_list li h6.tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 10px 25px;
  background: #2159b7;
}

#business .rnd .lab .modular .structure .box_list li .img1 img {
  width: 100%;
  min-width: 441px;
}

#business .rnd .lab .modular .structure .box_list li .video {
  padding: 25px 25px 30px 25px;
  background: #f5f5f5;
}

#business .rnd .lab .modular .structure .box_list li .video .s_tit {
  min-height: 15px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 12px;
  padding-left: 30px;
  background: url("/assets/img/common/ic_movie2.png") no-repeat;
  background-size: 20px auto;
  margin-bottom: 15px;
}

#business .rnd .lab .modular .structure .box_list li .video .movie_area {
  position: relative;
}

#business .rnd .lab .modular .structure .box_list li .video .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#business .rnd .lab .modular .structure .box_list li .video .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#business .rnd .lab .modular .structure .box_list li .video .movie_area video {
  width: 100%;
}

#business .rnd .lab .modular .feature {
  margin-bottom: 35px;
}

#business .rnd .lab .modular .feature .tit_area {
  margin-bottom: 15px;
}

#business .rnd .lab .modular .feature .feature_list > li .ic {
  background-image: url("/assets/img/business/ic_sprite1.png");
  background-repeat: no-repeat;
  background-size: 180px auto;
}

#business .rnd .lab .modular .feature .feature_list > li:nth-child(1) .ic {
  background-position: 0 0;
}

#business .rnd .lab .modular .feature .feature_list > li:nth-child(2) .ic {
  background-position: -60px 0;
}

#business .rnd .lab .modular .feature .feature_list > li:nth-child(3) .ic {
  background-position: -120px 0;
}

#business .rnd .lab .modular .tech {
  margin-bottom: 35px;
}

#business .rnd .lab .modular .tech .con {
  position: relative;
}

#business .rnd .lab .modular .tech .con .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

#business .rnd .lab .modular .outcome .bg {
  padding: 40px 40px 30px 40px;
  background: #f5f5f5;
}

#business .rnd .lab .modular .outcome .bg .diagonal_box {
  border: 1px solid #fff;
}

#business .rnd .lab .material .pipe {
  margin-bottom: 55px;
}

#business .rnd .lab .material .pipe .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .material .pipe .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .material .pipe .feature_list > li:nth-child(1) .ic {
  background-position: 0 0;
}

#business .rnd .lab .material .pipe .feature_list > li:nth-child(2) .ic {
  background-position: -55px 0;
}

#business .rnd .lab .material .pipe .feature_list > li:nth-child(3) .ic {
  background-position: -110px 0;
}

#business .rnd .lab .material .pipe .feature_list > li .txt1 {
  margin-bottom: 5px;
}

#business .rnd .lab .material .pipe .feature_list > li .tbl_type1 img {
  width: 100%;
  border: 0;
}

#business .rnd .lab .material .concrete .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .material .concrete .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .material .concrete .feature_list > li:nth-child(1) .ic {
  background-position: 0 -63px;
}

#business .rnd .lab .material .concrete .feature_list > li:nth-child(2) .ic {
  background-position: -55px -63px;
}

#business .rnd .lab .material .concrete .feature_list > li:nth-child(3) .ic {
  background-position: -110px -63px;
}

#business .rnd .lab .material .cement .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .material .cement .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .material .cement .feature_list > li:nth-child(1) .ic {
  background-position: 0 -126px;
}

#business .rnd .lab .material .cement .feature_list > li:nth-child(2) .ic {
  background-position: -55px -126px;
}

#business .rnd .lab .material .cement .feature_list > li:nth-child(3) .ic {
  background-position: -110px -126px;
}

#business .rnd .lab .material .cement .feature_list > li:nth-child(4) .ic {
  background-position: -165px -126px;
}

#business .rnd .lab .material .hsc .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .material .hsc .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .material .hsc .feature_list > li:nth-child(1) .ic {
  background-position: 0 -189px;
}

#business .rnd .lab .material .hsc .feature_list > li:nth-child(2) .ic {
  background-position: -55px -189px;
}

#business .rnd .lab .material .hsc .feature_list > li:nth-child(3) .ic {
  background-position: -110px -189px;
}

#business .rnd .lab .material .hsc .feature_list > li:nth-child(4) .ic {
  background-position: -165px -189px;
}

#business .rnd .lab .material .hsc .accordianLayer .img_list1 li {
  margin-bottom: 35px;
}

#business .rnd .lab .material .sf .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .material .sf .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .material .sf .feature_list > li:nth-child(1) .ic {
  background-position: 0 -252px;
}

#business .rnd .lab .material .sf .feature_list > li:nth-child(2) .ic {
  background-position: -55px -252px;
}

#business .rnd .lab .material .sf .feature_list > li:nth-child(3) .ic {
  background-position: -110px -252px;
}

#business .rnd .lab .structure .hcb .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .structure .hcb .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .structure .hcb .feature_list > li:nth-child(1) .ic {
  background-position: 0 -315px;
}

#business .rnd .lab .structure .hcb .feature_list > li:nth-child(2) .ic {
  background-position: -55px -315px;
}

#business .rnd .lab .structure .hcb .feature_list > li:nth-child(3) .ic {
  background-position: -110px -315px;
}

#business .rnd .lab .structure .hyvic .feature_list {
  margin-bottom: 30px;
}

#business .rnd .lab .structure .hyvic .feature_list > li .ic {
  width: 55px;
  height: 63px;
  background-image: url("/assets/img/business/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 220px auto;
}

#business .rnd .lab .structure .hyvic .feature_list > li:nth-child(1) .ic {
  background-position: 0 -378px;
}

#business .rnd .lab .structure .hyvic .feature_list > li:nth-child(2) .ic {
  background-position: -55px -378px;
}

#business .rnd .lab .structure .hyvic .feature_list > li:nth-child(3) .ic {
  background-position: -110px -378px;
}

#business .rnd .lab .structure .hyvic .tech_con .img_list2 li img {
  border: 1px solid #ddd;
}

#business .rnd .lab .structure .hyvic .example_txt li {
  margin-bottom: 5px;
}

#business .rnd .infra .pageTitle {
  padding-bottom: 35px;
}

#business .rnd .infra .tab_slide {
  margin-bottom: -15px;
}

#business .rnd .infra .wrap_con .t_tit3 {
  margin-bottom: 12px;
}

#business .rnd .infra .wrap_con .intro {
  margin-bottom: 55px;
}

#business .rnd .infra .wrap_con .intro .list {
  margin-bottom: 30px;
}

#business .rnd .infra .wrap_con .intro .list li {
  margin-bottom: 8px;
}

#business .rnd .infra .wrap_con .intro .list li:last-child {
  margin-bottom: 0;
}

#business .rnd .infra .wrap_con .intro .process .txt {
  display: block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 10px 25px;
  background: #2159b7;
}

#business .rnd .infra .wrap_con .intro .process .img {
  border: 1px solid #ddd;
}

#business .rnd .infra .wrap_con .method {
  margin-bottom: 55px;
}

#business .rnd .infra .wrap_con .method .wrap {
  padding: 25px;
  background: #f0f6ff;
}

#business .rnd .infra .wrap_con .method .wrap ul li {
  margin-bottom: 30px;
}

#business .rnd .infra .wrap_con .method .wrap ul li:last-child {
  margin-bottom: 0;
}

#business .rnd .infra .wrap_con .method .wrap ul li .m1 {
  border: 1px solid #2159b7;
  background: #fff;
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  text-align: center;
  padding: 15px 10px;
  margin-bottom: 20px;
  position: relative;
}

#business .rnd .infra .wrap_con .method .wrap ul li .m1:after {
  content: "";
  display: block;
  width: 23px;
  height: 14px;
  background: url("/assets/img/business/arrow.png") no-repeat;
  background-size: 23px auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -14px;
  margin: 0 auto;
}

#business .rnd .infra .wrap_con .method .wrap ul li .m2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 15px 20px;
  background: #2159b7;
  border-radius: 40px;
}

#business .rnd .infra .wrap_con .feature_list > li {
  padding: 15px 10px;
}

#business .rnd .infra .wrap_con .feature_list > li .ic {
  width: 60px;
  height: 70px;
  background-image: url("/assets/img/business/ic_sprite3.png");
  background-repeat: no-repeat;
  background-size: 300px auto;
}

#business .rnd .infra .wrap_con .feature_list > li .bullet_type2 {
  padding-top: 15px;
}

#business .rnd .infra .wrap_con .feature_list > li .bullet_type2 li {
  line-height: 20px;
}

#business .rnd .infra .wrap_con .feature_list > li .bullet_type2 li:before {
  background: #05ad8e;
}

#business .rnd .infra .wrap_con .wrap_field .field {
  margin-bottom: 25px;
}

#business .rnd .infra .wrap_con .wrap_field .field .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
  color: #222;
  border-top: 1px solid #222;
  background: #fafafa;
  padding: 15px;
}

#business .rnd .infra .wrap_con .wrap_field .field ul {
  padding-top: 15px;
}

#business .rnd .infra .wrap_con .wrap_field .field ul li {
  float: left;
  width: calc(50% - 10px);
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #222;
  padding-left: 12px;
  margin-left: 10px;
  margin-bottom: 5px;
  position: relative;
}

#business .rnd .infra .wrap_con .wrap_field .field ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #05ad8e;
  position: absolute;
  left: 0;
  top: 8px;
}

#business .rnd .infra .hant .process img {
  width: 100%;
  min-width: 450px;
}

#business .rnd .infra .hant .merit .pic li {
  margin-bottom: 30px;
}

#business .rnd .infra .hant .merit .pic figure {
  position: relative;
}

#business .rnd .infra .hant .merit .pic figure figcaption {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

#business .rnd .infra .hant .merit .feature_list > li .con .bullet_type3 li {
  line-height: 26px;
}

#business .rnd .infra .hant .merit .feature_list.list1 {
  margin-bottom: 40px;
  border-top: 0;
}

#business .rnd .infra .hant .merit .feature_list.list1 li:nth-child(1) .ic {
  background-position: 0 0;
}

#business .rnd .infra .hant .merit .feature_list.list1 li:nth-child(2) .ic {
  background-position: -60px 0;
}

#business .rnd .infra .hant .merit .feature_list.list1 li:nth-child(3) .ic {
  background-position: -120px 0;
}

#business .rnd .infra .hant .merit .feature_list.list1 li:nth-child(4) {
  border-bottom: 0;
}

#business .rnd .infra .hant .merit .feature_list.list1 li:nth-child(4) .ic {
  background-position: -180px 0;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(1) .ic {
  background-position: 0 -70px;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(2) .ic {
  background-position: -60px -70px;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(3) .ic {
  background-position: -120px -70px;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(4) .ic {
  background-position: -180px -70px;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(5) {
  border-bottom: 0;
}

#business .rnd .infra .hant .merit .feature_list.list2 li:nth-child(5) .ic {
  background-position: -240px -70px;
}

#business .rnd .infra .hans .process img {
  width: 100%;
  min-width: 415px;
}

#business .rnd .infra .hans .method {
  margin-bottom: 0;
}

#business .rnd .infra .hantii .method {
  margin-bottom: 0;
}

#business .rnd .infra .hsc .method {
  margin-bottom: 0;
}

#business .rnd .infra .haf .intro {
  margin-bottom: 35px;
}

#business .rnd .infra .haf .field .list {
  margin-bottom: 20px;
}

#business .rnd .infra .haf .field .list > li {
  margin-bottom: 10px;
}

#business .rnd .infra .hbr .intro {
  margin-bottom: 35px;
}

#business .rnd .infra .hbr .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .infra .hbr .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 -141px;
}

#business .rnd .infra .hbr .merit .feature_list > li:nth-child(2) .ic {
  background-position: -60px -141px;
}

#business .rnd .infra .hbr .merit .feature_list > li:nth-child(3) .ic {
  background-position: -120px -141px;
}

#business .rnd .infra .hbr .merit .feature_list > li:nth-child(4) .ic {
  background-position: -180px -141px;
}

#business .rnd .infra .hbr .merit .feature_list > li:nth-child(5) .ic {
  background-position: -240px -141px;
}

#business .rnd .infra .hbr .alliance .list {
  margin-bottom: 30px;
}

#business .rnd .infra .hbr .alliance .gradi_box .lb {
  padding: 18px 15px;
}

#business .rnd .infra .hnr .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .infra .hnr .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 -211px;
}

#business .rnd .infra .hnr .merit .feature_list > li:nth-child(2) .ic {
  background-position: -60px -211px;
}

#business .rnd .infra .hnr .merit .feature_list > li:nth-child(3) .ic {
  background-position: -120px -211px;
}

#business .rnd .infra .hnr .merit .feature_list > li:nth-child(4) .ic {
  background-position: -180px -211px;
}

#business .rnd .infra .hnr .pilot_test {
  margin-bottom: 35px;
}

#business .rnd .infra .hnr .pilot_test .list {
  margin-bottom: 30px;
}

#business .rnd .infra .hnr .pilot_test .graph {
  border: 1px solid #ddd;
}

#business .rnd .task .pageTitle {
  padding-bottom: 35px;
}

#business .rnd .task .tab_slide {
  margin-bottom: -15px;
}

#business .rnd .task .wrap_con .t_tit3 {
  margin-bottom: 12px;
}

#business .rnd .task .wrap_con .intro {
  margin-bottom: 55px;
}

#business .rnd .task .wrap_con .intro .list {
  margin-bottom: 30px;
}

#business .rnd .task .wrap_con .intro .list li {
  margin-bottom: 8px;
}

#business .rnd .task .wrap_con .intro .list li:last-child {
  margin-bottom: 0;
}

#business .rnd .task .wrap_con .intro .process .txt {
  display: block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 10px 25px;
  background: #2159b7;
}

#business .rnd .task .wrap_con .intro .process .img {
  border: 1px solid #ddd;
}

#business .rnd .task .wrap_con .feature_list > li {
  padding: 15px 10px;
}

#business .rnd .task .wrap_con .feature_list > li .ic {
  width: 60px;
  height: 70px;
  background-image: url("/assets/img/business/ic_sprite4.png");
  background-repeat: no-repeat;
  background-size: 180px auto;
}

#business .rnd .task .lng .process img {
  width: 100%;
  min-width: 560px;
}

#business .rnd .task .lng .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .task .lng .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 0;
}

#business .rnd .task .lng .tech_con {
  margin-bottom: 35px;
}

#business .rnd .task .lng .tech_con .img_slide {
  margin-bottom: 30px;
}

#business .rnd .task .lng .tech_con .img_slide img {
  width: 100%;
  min-width: 585px;
}

#business .rnd .task .lng .tech_con .wrap_step ol li {
  width: 100%;
  margin-bottom: 30px;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 {
  width: 100%;
  height: 100%;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2:before {
  height: calc(100% - 8px);
  border-left-width: 8px;
  border-top-width: 8px;
  border-left-color: #1c303b;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2:after {
  height: calc(100% - 8px);
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-right-color: #1c303b;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 .inner {
  display: block;
  width: calc(100% - 16px);
  min-height: 230px;
  text-align: left;
  padding: 20px;
  background: #1c303b;
  margin: 0 auto;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 .inner .step {
  display: block;
  font-family: 'roboto_thin';
  font-size: 42px;
  color: #05ad8e;
  margin-bottom: 10px;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 .inner .step span {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 8px;
  letter-spacing: 0;
  color: #fff;
  opacity: 0.4;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 .inner .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}

#business .rnd .task .lng .tech_con .wrap_step ol li .box_edge2 .inner .desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  opacity: 0.4;
}

#business .rnd .task .lng .apply {
  margin-bottom: 35px;
}

#business .rnd .task .system .intro {
  margin-bottom: 35px;
}

#business .rnd .task .system .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .task .system .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 -70px;
}

#business .rnd .task .system .merit .feature_list > li:nth-child(2) .ic {
  background-position: -60px -70px;
}

#business .rnd .task .system .merit .feature_list > li:nth-child(3) .ic {
  background-position: -120px -70px;
}

#business .rnd .task .module .intro {
  margin-top: 30px;
  margin-bottom: 35px;
}

#business .rnd .task .module .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .task .module .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 -141px;
}

#business .rnd .task .module .merit .feature_list > li:nth-child(2) .ic {
  background-position: -60px -141px;
}

#business .rnd .task .module .tech_con {
  margin-bottom: 35px;
}

#business .rnd .task .module .tech_con ol {
  margin-bottom: 40px;
}

#business .rnd .task .module .tech_con ol li .s_tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  margin-bottom: 10px;
}

#business .rnd .task .module .tech_con ol li .img_slide {
  margin-bottom: 30px;
}

#business .rnd .task .module .tech_con ol li .img_slide img {
  width: 100%;
  min-width: 558px;
}

#business .rnd .task .module .tech_con .list > li {
  margin-bottom: 15px;
}

#business .rnd .task .module .tech_con .list > li .bullet_desc {
  margin-bottom: 5px;
}

#business .rnd .task .module .tech_con .list > li .bullet_type1 {
  padding-left: 12px;
}

#business .rnd .task .module .apply,
#business .rnd .task .module .use {
  margin-bottom: 35px;
}

#business .rnd .task .module .apply .list > li,
#business .rnd .task .module .use .list > li {
  margin-bottom: 10px;
}

#business .rnd .task .module .apply .list > li .bullet_desc,
#business .rnd .task .module .use .list > li .bullet_desc {
  margin-bottom: 5px;
}

#business .rnd .task .module .apply .list > li .bullet_type1,
#business .rnd .task .module .use .list > li .bullet_type1 {
  padding-left: 12px;
}

#business .rnd .task .steel .code {
  margin-bottom: 35px;
}

#business .rnd .task .steel .code ul {
  margin-bottom: 20px;
}

#business .rnd .task .steel .code ul li {
  margin-bottom: 10px;
}

#business .rnd .task .steel .code .detail {
  text-align: center;
  padding: 25px 15px;
  border: 1px solid #ddd;
}

#business .rnd .task .steel .code .detail .img {
  margin-bottom: 15px;
}

#business .rnd .task .steel .code .detail .cf {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 12px;
}

#business .rnd .task .steel .tech_con .list {
  margin-bottom: 25px;
}

#business .rnd .task .steel .tech_con .process .txt {
  display: block;
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 10px 25px;
  background: #2159b7;
}

#business .rnd .task .steel .tech_con .process img {
  width: 100%;
  min-width: 451px;
}

#business .rnd .task .steel .tech_con,
#business .rnd .task .steel .verify,
#business .rnd .task .steel .verify2 {
  margin-bottom: 35px;
}

#business .rnd .task .steel .tech_con .bullet_desc,
#business .rnd .task .steel .verify .bullet_desc,
#business .rnd .task .steel .verify2 .bullet_desc {
  margin-bottom: 5px;
}

#business .rnd .task .fep .category {
  margin-bottom: 35px;
}

#business .rnd .task .fep .category ul li {
  margin-bottom: 5px;
}

#business .rnd .task .fep .category ul li:last-child {
  margin-bottom: 0;
}

#business .rnd .task .fep .merit .feature_list {
  margin-bottom: 35px;
}

#business .rnd .task .fep .merit .feature_list > li:nth-child(1) .ic {
  background-position: 0 -211px;
}

#business .rnd .task .fep .merit .feature_list > li:nth-child(2) .ic {
  background-position: -60px -211px;
}

#business .rnd .task .fep .tech_con,
#business .rnd .task .fep .apply {
  margin-bottom: 35px;
}

#business .rnd .task .fep .tech_con .list > li,
#business .rnd .task .fep .apply .list > li {
  margin-bottom: 10px;
}

#business .rnd .task .fep .tech_con .list > li .bullet_desc,
#business .rnd .task .fep .apply .list > li .bullet_desc {
  margin-bottom: 5px;
}

#business .rnd .task .fep .tech_con .list > li .bullet_type1,
#business .rnd .task .fep .apply .list > li .bullet_type1 {
  padding-left: 12px;
}

#company .top_visual.overview {
  background-image: url("/assets/img/company/vi_overview.jpg");
}

#company .top_visual.ceo {
  background-image: url("/assets/img/company/vi_ceo.jpg");
}

#company .top_visual.history {
  background-image: url("/assets/img/company/vi_history.jpg");
}

#company .top_visual.network {
  background-image: url("/assets/img/company/vi_network.jpg");
}

#company .top_visual.group_intro {
  background-image: url("/assets/img/company/vi_group_intro.jpg");
}

#company .top_visual.location {
  background-image: url("/assets/img/company/vi_location.jpg");
}

#company .overview .intro .wrap_txt {
  margin-bottom: 55px;
}

#company .overview .intro .wrap_txt .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 17px;
  color: #222;
  line-height: 22px;
  margin-bottom: 20px;
}

#company .overview .intro .wrap_txt .txt1 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#company .overview .vision {
  padding-bottom: 45px;
  background: url("/assets/img/company/overview_bg1-1.png") no-repeat center top;
  /* background: url("/assets/img/company/overview_bg1.jpg") no-repeat center top; */
  background-size: cover;
}

/* #company .overview .vision .pageTitle {
  padding: 55px 0 35px;
} */
#company .overview .vision .pageTitle {
  padding: 55px 0 0px;
}

#company .overview .vision .pageTitle .t_tit1 {
  color: #fff;
}
#company .overview .vision .pageTitle .t_tit1.colorb0 {
  color: #FFE7B0 ;
}

#company .overview .vision .wrap {
  text-align: center;
}

#company .overview .vision .wrap .m_tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0;
  color: #00ffcf;
  margin-bottom: 15px;
}

#company .overview .vision .wrap1 .desc {
  color: #fff;
}

#company .overview .vision .wrap2 {
  position: relative;
  padding-top: 35px;
  margin-top: 5px;
}

#company .overview .vision .wrap2.wrap2_layout {
  position: relative;
  padding-top: 0;
  margin-top: 5px;
}
/* #company .overview .vision .wrap2:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 85px;
  background: url("/assets/img/company/overview_bg2.png") no-repeat center top;
  background-size: auto 100%;
  opacity: 0.1;
} */
#company .overview .vision .wrap2:before {
  content: none;
}

#company .overview .vision .wrap2 .txt_hexagon {
  width: 169px;
  height: 190px;
  /* background: url("/assets/img/company/overview_bg3.png") no-repeat; */
  background: url("/assets/img/company/overview_bg3-1.png") no-repeat;
  background-size: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  padding-top: 55px;
  margin: 0 auto 35px;
}

#company .overview .vision .wrap2 strong {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 0;
  color: #fff;
  line-height: 31px;
  margin-bottom: 30px;
}
#company .overview .vision .wrap2 strong.txt_gradation {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: 30px;
  background: linear-gradient(180deg, #E6DAA3 0%, #C29F63 100%);
  color: transparent;
  -webkit-background-clip: text;
  text-transform: uppercase;
}

#company .overview .vision .wrap2 ul li {
  position: relative;
  display: table;
  height: 80px;
  text-align: left;
  padding-left: 145px;
  margin-bottom: 10px;
}

#company .overview .vision .wrap2 ul li:last-child {
  margin-bottom: 0;
}

#company .overview .vision .wrap2 ul li .txt1 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 132px;
  height: 39px;
  background: url("/assets/img/company/overview_bg4.png") no-repeat;
  background-size: auto 100%;
  margin-top: -20px;
}

#company .overview .vision .wrap2 ul li .txt1 span {
  display: inline-block;
  width: 106px;
  height: 100%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 39px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

#company .overview .vision .wrap2 ul li .txt2 {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

#company .overview .principle {
  text-align: center;
  margin-bottom: 55px;
}

#company .overview .principle .pageTitle {
  padding: 55px 0 40px;
}

#company .overview .principle .diagram {
  max-width: 310px;
  margin: 0 auto;
}

#company .overview .situation .pageTitle {
  padding: 55px 0 40px;
}

#company .overview .situation .pageTitle .t_tit1 {
  color: #fff;
}

#company .overview .situation .wrap1 {
  background: url("/assets/img/company/overview_bg6.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 30px;
}

#company .overview .situation .wrap1 ul {
  text-align: center;
}

#company .overview .situation .wrap1 ul li {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin-bottom: 30px;
  padding-top: 68px;
  background-size: 52px auto !important;
}

#company .overview .situation .wrap1 ul li:nth-child(1) {
  background: url("/assets/img/company/overview_ic1.png") no-repeat center top;
}

#company .overview .situation .wrap1 ul li:nth-child(2) {
  background: url("/assets/img/company/overview_ic2.png") no-repeat center top;
}

#company .overview .situation .wrap1 ul li:nth-child(3) {
  background: url("/assets/img/company/overview_ic3.png") no-repeat center top;
}

#company .overview .situation .wrap1 ul li:nth-child(4) {
  background: url("/assets/img/company/overview_ic4.png") no-repeat center top;
}

/* #company .overview .situation .wrap1 ul li:nth-child(5) {
  background: url("/assets/img/company/overview_ic5.png") no-repeat center top;
} */

#company .overview .situation .wrap1 ul li .lb {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 12px;
  color: #00ffd0;
  margin-bottom: 5px;
}

#company .overview .situation .wrap1 ul li .txt {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 21px;
}

#company .overview .situation .wrap1 .cmt_guide5 {
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
}

#company .overview .situation .wrap2 {
  background: #05ad8e;
  padding: 30px 0;
}

#company .overview .situation .wrap2 ul li {
  position: relative;
  height: 85px;
  padding-left: 110px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#company .overview .situation .wrap2 ul li .lb {
  position: absolute;
  left: 0;
  top: 50%;
  width: 95px;
  height: 25px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  background: url("/assets/img/en/company/overview_bg7.png") no-repeat;
  background-size: 100%;
  margin-top: -12px;
}

#company .overview .situation .wrap2 ul li .num,
#company .overview .situation .wrap2 ul li .str {
  height: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  line-height: 85px;
}

#company .overview .situation .wrap2 ul li .num em,
#company .overview .situation .wrap2 ul li .str em {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 34px;
  letter-spacing: 0;
  vertical-align: middle;
  margin-bottom: 5px;
}

#company .overview .situation .wrap2 .cmt_guide5 {
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
  padding-right: 25px;
  margin-top: 15px;
}

#company .overview .ci {
  background: #f5f5f5;
  padding-bottom: 75px;
  text-align: center;
}

#company .overview .ci .pageTitle {
  padding: 55px 0 40px;
}

#company .overview .ci .box {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
}

#company .overview .ci .box .lb {
  position: absolute;
  left: 25px;
  top: 20px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  color: #222;
}

#company .overview .ci .box .lb .small {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
}

#company .overview .ci .box img {
  margin: 0 auto;
}

#company .overview .ci .symbols li {
  width: 100%;
  padding: 35px 0 30px;
}

#company .overview .ci .symbols li:first-child .img {
  width: 117px;
}

#company .overview .ci .symbols li:last-child {
  margin-top: -1px;
}

#company .overview .ci .symbols li:last-child .img {
  width: 120px;
}

#company .overview .ci .desc {
  margin: 30px 0;
}

#company .overview .ci .signature {
  padding: 80px 0;
}

#company .overview .ci .signature .img {
  width: 182px;
}

#company .overview .ci .signature .download {
  position: absolute;
  right: 0;
  bottom: 0;
}

#company .overview .ci .signature .download img {
  display: block;
  width: 52px;
}

#company .ceo .intro {
  position: relative;
  margin-top: 40px;
}

#company .ceo .intro .box_edge_grad {
  width: 100%;
  height: auto;
  margin-top: -50px;
}

#company .ceo .intro .box_edge_grad .grad_inner {
  text-align: left;
  padding: 25px 10px 25px 10px;
}

#company .ceo .intro .box_edge_grad .grad_inner .box_tit {
  font-family: 'roboto_black';
  font-size: 22px;
  color: #fff;
}

#company .ceo .intro .box_edge_grad .grad_inner .box_desc {
  color: #fff;
  margin-top: 10px;
}

#company .ceo .wrap_text {
  color: #222;
}

#company .ceo .wrap_text .top {
  padding: 40px 0 25px 0;
}

#company .ceo .wrap_text .top .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.3px;
  margin-bottom: 10px;
}

#company .ceo .wrap_text .top .txt2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.3px;
  line-height: 25px;
  margin-bottom: 10px;
}

#company .ceo .wrap_text .top .txt3 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.3px;
}

#company .ceo .wrap_text .sign {
  text-align: right;
  margin: 20px 0 10px 0;
}

#company .ceo .wrap_text .sign .inner {
  display: inline-block;
  width: 175px;
  text-align: left;
  background: url("/assets/img/en/company/sign.png") no-repeat left bottom;
  background-size: 150px auto;
  padding-bottom: 40px;
  color: #222;
}

#company .ceo .wrap_text .sign .inner .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
}

#company .ceo .wrap_text .sign .inner .txt2 {
  display: block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  margin-top: 3px;
}

#company .history_list {
  padding: 50px 0 15px;
}

#company .history_list > li {
  position: relative;
}

#company .history_list > li:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 1px;
  height: 100%;
  background: url("/assets/img/company/bar1.png") repeat-y;
}

#company .history_list > li .year {
  position: relative;
  padding: 0 30px;
}

#company .history_list > li .year:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  width: 10px;
  height: 12px;
  background: url("/assets/img/company/ic_hexagon1.png") no-repeat;
  background-size: 100% auto;
}

#company .history_list > li .year span {
  position: relative;
  top: -20px;
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 35px;
  letter-spacing: 0;
  color: #05ad8e;
  padding-left: 25px;
}

#company .history_list > li .list {
  width: 100%;
  padding: 5px 25px 40px 55px;
}

#company .history_list > li .list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}

#company .history_list > li .list li .month {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0;
  color: #222;
}

#company .history_list > li .list li .txt {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin-bottom: 5px;
}

#company .history_list > li figure {
  position: relative;
  width: 100%;
  margin: -25px 0 62px;
}

#company .history_list > li figure figcaption {
  position: relative;
  height: 55px;
  padding-left: 30px;
  margin-top: -40px;
}

#company .history_list > li figure figcaption .inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 11px;
}

#company .history_list > li figure figcaption .inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 11px);
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  border-left: 11px solid #2159b7;
  border-top: 11px solid transparent;
}

#company .history_list > li figure figcaption .inner .txt {
  display: table;
  width: 100%;
  height: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
  padding: 0 15px;
}

#company .history_list > li figure figcaption .inner .txt span {
  display: table-cell;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: middle;
}

#company .network .pageTitle {
  padding-bottom: 35px;
}

#company .network .wrap_bg {
  background: #dcece9;
  padding: 30px 0 35px;
}

#company .network .wrap_tab {
  margin-bottom: 25px;
}

#company .network .wrap_tab ul {
  display: block;
}

#company .network .wrap_tab ul li {
  float: left;
  width: calc(50% - 5px);
  margin-bottom: 10px;
}

#company .network .wrap_tab ul li:nth-child(2n) {
  margin-right: 5px;
}

#company .network .wrap_tab ul li:nth-child(2n-1) {
  margin-left: 5px;
}

#company .network .wrap_tab ul li:nth-child(1) {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#company .network .wrap_tab ul li .box_edge4 {
  width: 100%;
  height: 40px;
  text-align: center;
}

#company .network .wrap_tab ul li .box_edge4:before, #company .network .wrap_tab ul li .box_edge4:after {
  background-color: #dcece9;
}

#company .network .wrap_tab ul li .box_edge4 button {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

#company .network .wrap_tab ul li .box_edge4 .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  padding-top: 3px;
  text-align: center;
}

#company .network .wrap_tab ul li .box_edge4.selected .tit {
  color: #fff;
}

#company .network .wrap_tab ul li .box_edge4.selected .num {
  color: #fff;
}

#company .network .branch_list .group {
  margin-bottom: 40px;
}

#company .network .branch_list .group .conti_name {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 25px;
  letter-spacing: 0;
  color: #222;
  text-align: center;
  margin-bottom: 15px;
}

#company .network .branch_list .group .list > li {
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  padding: 40px 25px 20px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#company .network .branch_list .group .list > li .nation {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: auto;
  height: 22px;
  padding-right: 6px;
  text-align: center;
}

#company .network .branch_list .group .list > li .nation span {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0;
  color: #fff;
  line-height: 22px;
  background: #05ad8e;
  padding: 0 3px 0 10px;
}

#company .network .branch_list .group .list > li .nation:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 22px;
  background: url("/assets/img/common/box_edge15.png") no-repeat;
  background-size: 100%;
}

#company .network .branch_list .group .list > li .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #222;
  line-height: 24px;
  margin-bottom: 10px;
}

#company .network .branch_list .group .list > li .info li {
  margin-bottom: 10px;
}

#company .network .branch_list .group .list > li .info li .lb {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0;
  color: #05ad8e;
  margin-bottom: 5px;
}

#company .network .branch_list .group .list > li .info li p,
#company .network .branch_list .group .list > li .info li address {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #666;
  line-height: 16px;
  font-style: normal;
}

#company .network .branch_list .group .list > li .info li p span,
#company .network .branch_list .group .list > li .info li address span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

#company .group_intro .intro {
  margin-bottom: 55px;
}

#company .group_intro .philosophy {
  padding-bottom: 15px;
}

#company .group_intro .philosophy .bg {
  background: url("/assets/img/company/group_bg1.jpg") no-repeat center top;
  background-size: cover;
}

#company .group_intro .philosophy .bg .pageTitle {
  padding-bottom: 150px;
}

#company .group_intro .philosophy .bg .pageTitle .t_tit1,
#company .group_intro .philosophy .bg .pageTitle .desc_diagonal {
  color: #fff;
}

#company .group_intro .philosophy ul {
  margin-top: -110px;
}

#company .group_intro .philosophy ul li {
  margin-bottom: 40px;
}

#company .group_intro .philosophy ul li .img {
  margin-bottom: 15px;
}

#company .group_intro .philosophy ul li .txt1 {
  display: block;
  margin-bottom: 10px;
}

#company .group_intro .corevalue {
  background: #f5f5f5;
  padding: 15px 0 55px 0;
}

#company .group_intro .corevalue ul li {
  padding: 28px 25px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

#company .group_intro .corevalue ul li .inner {
  background-repeat: no-repeat;
  background-size: 81px auto;
  background-position: right top;
}

#company .group_intro .corevalue ul li:nth-child(1) .inner {
  background-image: url("/assets/img/company/group_value_bg1.jpg");
}

#company .group_intro .corevalue ul li:nth-child(2) .inner {
  background-image: url("/assets/img/company/group_value_bg2.jpg");
}

#company .group_intro .corevalue ul li:nth-child(3) .inner {
  background-image: url("/assets/img/company/group_value_bg3.jpg");
}

#company .group_intro .corevalue ul li:nth-child(4) .inner {
  background-image: url("/assets/img/company/group_value_bg4.jpg");
}

#company .group_intro .corevalue ul li:nth-child(5) {
  border-bottom: 0;
}

#company .group_intro .corevalue ul li:nth-child(5) .inner {
  background-image: url("/assets/img/company/group_value_bg5.jpg");
}

#company .group_intro .corevalue ul li .tit {
  min-height: 40px;
  margin-bottom: 15px;
  padding: 10px 90px 0 0;
}

#company .group_intro .corevalue ul li .tit .txt1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 18px;
  display: block;
  color: #004a8d;
  line-height: 20px;
}

#company .group_intro .corevalue ul li .tit .txt2 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0;
  color: #aaa;
}

#company .group_intro .vision .bg {
  background: url("/assets/img/company/group_bg2.jpg") no-repeat center top;
  background-size: cover;
}

#company .group_intro .vision .bg .pageTitle {
  padding-bottom: 150px;
}

#company .group_intro .vision .bg .pageTitle .t_tit1,
#company .group_intro .vision .bg .pageTitle .desc_diagonal {
  color: #fff;
}

#company .group_intro .vision ul {
  margin-top: -110px;
}

#company .group_intro .vision ul li {
  margin-bottom: 40px;
}

#company .group_intro .vision ul li:last-child {
  margin-bottom: 0;
}

#company .group_intro .vision ul li .img {
  margin-bottom: 15px;
}

#company .group_intro .vision ul li .txt1 {
  display: block;
  margin-bottom: 10px;
}

#company .location .map_area {
  width: 100%;
  height: 285px;
  margin-top: 40px;
}

#company .location .map_area .vw-control {
  display: none;
}

#company .location .company_info {
  width: 100%;
  height: auto;
  padding-left: 24px;
  margin-top: -24px;
  z-index: 50;
}

#company .location .company_info:after {
  display: none;
}

#company .location .company_info .grad_inner {
  display: block;
  width: 100%;
  padding: 25px 0;
  text-align: left;
}

#company .location .company_info .grad_inner .addr {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-style: normal;
}

#company .location .company_info .grad_inner .addr .new {
  display: block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  padding-right: 25px;
  margin-bottom: 5px;
}

#company .location .company_info .grad_inner .addr .old {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}

#company .location .company_info .grad_inner .call li {
  float: left;
  width: 50%;
}

#company .location .company_info .grad_inner .call li .lb {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #fff;
}

#company .location .company_info .grad_inner .call li .number {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  color: #fff;
}

#company .location .contact > li {
  position: relative;
}

#company .location .contact > li .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  color: #05ad8e;
  margin: 30px 0 15px;
}

#company .location .contact > li .tit:before {
  content: "";
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

#company .location .contact > li ul, #company .location .contact > li ol {
  background: #f5f5f5;
  padding: 20px 20px 14px 20px;
}

#company .location .contact .public .tit {
  padding-left: 38px;
}

#company .location .contact .public .tit:before {
  top: -5px;
  width: 26px;
  height: 32px;
  background-image: url("/assets/img/company/ic_contact1.png");
}

#company .location .contact .public ul li {
  position: relative;
  padding-left: 72px;
  margin-bottom: 6px;
}

#company .location .contact .public ul li span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

#company .location .contact .public ul li .lb {
  position: absolute;
  left: 0;
  top: 0;
  color: #222;
}

#company .location .contact .car .tit {
  padding-left: 50px;
}

#company .location .contact .car .tit:before {
  top: 0;
  width: 38px;
  height: 25px;
  background-image: url("/assets/img/company/ic_contact2.png");
}

#company .location .contact .car ol li {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding-right: 18px;
  margin-right: 10px;
  background: url("/assets/img/common/arrow11.png") no-repeat right center;
  background-size: 6px 12px;
  margin-bottom: 6px;
}

#company .location .contact .car ol li:last-child {
  background: none;
}

#invest .top_visual.summary {
  background-image: url("/assets/img/invest/vi_summary.jpg");
}

#invest .top_visual.management {
  background-image: url("/assets/img/invest/vi_management.jpg");
}

#invest .top_visual.finance {
  background-image: url("/assets/img/invest/vi_finance.jpg");
}

#invest .top_visual.public_information {
  background-image: url("/assets/img/invest/vi_public_information.jpg");
}

#invest .top_visual.ir_dataroom {
  background-image: url("/assets/img/invest/vi_dataroom.jpg");
}

#invest .top_visual.stock {
  background-image: url("/assets/img/invest/vi_stock.jpg");
}

#invest .top_visual.announcement {
  background-image: url("/assets/img/invest/vi_announcement.jpg");
}

#invest .graph_box {
  padding-bottom: 60px;
}

#invest .graph_box .g_tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  margin-bottom: 15px;
  margin-top: -8px;
}

#invest .graph_box .g_area {
  position: relative;
  width: 100%;
  height: 180px;
  margin-top: 15px;
}

#invest .graph_box.graph_horizontal .g_area{
  padding-top:20px;
  height:auto;
  width:calc(100% - 30px);
}

#invest .graph_box .g_area .lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#invest .graph_box.graph_horizontal .g_area .lines{
  display:flex; position:absolute; left:40px; top:0; right:0;
  justify-content: space-between;
  width: auto;
}


#invest .graph_box .g_area .lines .horz {
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 1px dashed #ddd;
}

#invest .graph_box.graph_box.graph_horizontal .g_area .lines .horz{
  position:relative;
  width:0; border-top:0;
  top:0; left:0;
  border-left:1px dashed #ddd;
}

#invest .graph_box .g_area .lines .horz.end {
  border-style: solid;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .lines .horz:first-child,
#invest .graph_box.graph_box.graph_horizontal .g_area .lines .horz:first-child{border-style:solid;}
#invest .graph_box .g_area .lines .horz em {
  position: absolute;
  left: 0;
  top: -7px;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 9px;
  letter-spacing: 0;
  color: #666;
  text-align: right;
  background: #fff;
  padding-right: 10px;
  width: 45px;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .lines .horz em{
  padding-right:0; width:auto; bottom:100%; top:auto; left:50%; transform: translate(-50%,-50%);
}
#invest .graph_box .g_area .lines .right_t {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  background: #fff;
}

#invest .graph_box .g_area .lines .right_t em {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -7px;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  letter-spacing: 0;
  color: #666;
  background: #fff;
  padding-left: 15px;
}

#invest .graph_box .g_area .wrap {
  position: absolute;
  left: 55px;
  right: 0;
  top: 0;
  /* width: 95%; */
  height: 100%;
  margin: auto;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap{
  display:block; position:static;
  justify-content: unset;
  padding-bottom:20px;
}

#invest .graph_box .g_area .wrap.w_small {
  width: 75%;
}

#invest .graph_box .g_area .wrap .item {
  position: relative;
  float: left;
  width: 33.33%;
  height: 100%;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item{
  float:none; width:100%; max-width:100%;
  padding-left:40px; box-sizing: border-box;
}
#invest .graph_box .g_area .wrap .item .year {
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 100%;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: #666;
  text-align: center;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .year{
  position:absolute; top:50%; bottom:auto; left:0; width:40px; transform:translateY(-50%);
  font-weight: 400;
}
#invest .graph_box .g_area .wrap .item .dot {
  position: absolute;
  left: 0;
  right: 0;
  margin: -4px auto 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #fff;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 1;
}

#invest .graph_box .g_area .wrap .item .dot.sky {
  border: 2px solid #2fabe1;
}

#invest .graph_box .g_area .wrap .item .dot.blue {
  border: 2px solid #4075cc;
}

#invest .graph_box .g_area .wrap .item .dot.yellow {
  border: 2px solid #f9cc61;
}

#invest .graph_box .g_area .wrap .item .dot.green {
  border: 2px solid #05ad8e;
}

#invest .graph_box .g_area .wrap .item .dot .balloon {
  left: -18px;
  bottom: 18px;
}

#invest .graph_box .g_area .wrap .item .dot.animate {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#invest .graph_box .g_area .wrap .item .dot.animate.blue {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

#invest .graph_box .g_area .wrap .item .dot.animate.sky {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#invest .graph_box .g_area .wrap .item .dot.animate.yellow {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

#invest .graph_box .g_area .wrap .item .dot.animate.green {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

#invest .graph_box .g_area .wrap .item .bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  opacity: 0;
  height: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .bars{
  display:block; justify-content: unset;
  align-items:unset;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .bar{
  height:20px !important;
  position:relative; margin:0;
  top:0; left:0; right:0; bottom:0;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .bar + .bar{margin-top:0.5rem;}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .bar:not(.animate){
  width:0 !important;
}
#invest .graph_box.graph_horizontal .g_area .wrap .item + .item{margin-top:1.5rem;}
#invest .graph_box .g_area .wrap .item .bar.sky {
  background: #2fabe1;
}

#invest .graph_box .g_area .wrap .item .bar.blue {
  background: #4075cc;
}

#invest .graph_box .g_area .wrap .item .bar.yellow {
  background: #f9cc61;
}

#invest .graph_box .g_area .wrap .item .bar.green {
  background: #05ad8e;
}

#invest .graph_box .g_area .wrap .item .bar .balloon {
  left: -8px;
  top: -25px;
}

#invest .graph_box .g_area .wrap .item .bar.animate {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#invest .graph_box .g_area .wrap .item .balloon {
  position: absolute;
  width: 40px;
  height: 18px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  background: #fff;
  padding: 0 5px;
  z-index: 1;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .balloon{
  top:50%; left:100%; transform:translateY(-50%); margin-left:12px;
}
#invest .graph_box.graph_box.graph_horizontal .g_area .wrap .item .balloon::after{
  margin:0; top:50%; right:100%; left:auto; bottom:auto;
  transform:translateY(-50%) rotate(90deg);
}
#invest .graph_box .g_area .wrap .item .balloon:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -4px;
  width: 9px;
  height: 6px;
}

#invest .graph_box .g_area .wrap .item .balloon.sky {
  color: #222;
  border: 1px solid #92d3f0;
  width: auto;
  height: auto;
}

#invest .graph_box .g_area .wrap .item .balloon.sky:after {
  background: url("/assets/img/invest/arr_graph1.png") no-repeat;
}

#invest .graph_box .g_area .wrap .item .balloon.blue {
  color: #222;
  border: 1px solid #a9c6f6;
  width: auto;
  height: auto;
}

#invest .graph_box .g_area .wrap .item .balloon.blue:after {
  background: url("/assets/img/invest/arr_graph2.png") no-repeat;
}

#invest .graph_box .g_area .wrap .item .balloon.yellow {
  color: #222;
  border: 1px solid #f5d986;
  width: auto;
  height: auto;
}

#invest .graph_box .g_area .wrap .item .balloon.yellow:after {
  background: url("/assets/img/invest/arr_graph3.png") no-repeat;
}

#invest .graph_box .g_area .wrap .item .balloon.green {
  color: #222;
  border: 1px solid #83d7c7;
  width: auto;
  height: auto;
}

#invest .graph_box .g_area .wrap .item .balloon.green:after {
  background: url("/assets/img/invest/arr_graph4.png") no-repeat;
}

#invest .graph_box .g_area .wrap .item .balloon.under {
  bottom: auto;
  top: 17px;
}

#invest .graph_box .g_area .wrap .item .balloon.under:after {
  bottom: auto;
  top: -6px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#invest .graph_box .g_area .svg_line {
  position: absolute;
  top: 30px;
  width: 33.5%;
  height: 100%;
  stroke-width: 2;
  opacity: 0;
}

#invest .graph_box .g_area .svg_line.line1 {
  left: 16.5%;
}

#invest .graph_box .g_area .svg_line.line2 {
  right: 16.5%;
}

#invest .graph_box .g_area .svg_line.sky {
  stroke: #2fabe1;
}

#invest .graph_box .g_area .svg_line.blue {
  stroke: #4075cc;
}

#invest .graph_box .g_area .svg_line.yellow {
  stroke: #f9cc61;
}

#invest .graph_box .g_area .svg_line.green {
  stroke: #05ad8e;
}

#invest .graph_box .g_area .svg_line.animate {
  top: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#invest .graph_box .g_area .svg_line.animate.blue {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

#invest .graph_box .g_area .svg_line.animate.sky {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

#invest .graph_box .g_area .svg_line.animate.yellow {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

#invest .graph_box .g_area .svg_line.animate.green {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

#invest .summary .intro .desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #222;
  text-align: center;
  padding: 35px 0;
}

#invest .summary .intro .desc em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#invest .summary .intro .info {
  background: #f8f8f8;
  padding: 25px 0 15px 0;
}

#invest .summary .intro .info ul li {
  border: 1px solid #dedede;
  background: #fff;
}

#invest .summary .intro .info ul li a {
  display: block;
  padding: 55px 10px 0 20px;
}

#invest .summary .intro .info ul li .txt1 {
  display: inline-block;
  height: 35px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.3px;
  padding-right: 18px;
  background: url("/assets/img/common/arrow5.png") no-repeat right 5px;
  background-size: 7px auto;
}

#invest .summary .intro .info ul li .txt2 {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 5px;
}

#invest .summary .intro .info ul li .txt2 span {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.4px;
}

#invest .summary .intro .info ul li .txt3 {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  color: #999;
}

#invest .summary .intro .info ul.col2 li {
  float: left;
  width: calc(50% - 10px);
  height: 175px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 25px;
  background-position: 20px 20px;
}

#invest .summary .intro .info ul.col2 li:nth-child(2n) {
  margin-left: 10px;
}

#invest .summary .intro .info ul.col2 li:nth-child(2n-1) {
  margin-right: 10px;
}

#invest .summary .intro .info ul.col2 li:nth-child(1) {
  background-image: url("/assets/img/invest/ic_summary_info1.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(2) {
  background-image: url("/assets/img/invest/ic_summary_info2.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(3) {
  background-image: url("/assets/img/invest/ic_summary_info3.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(4) {
  background-image: url("/assets/img/invest/ic_summary_info4.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(5) {
  background-image: url("/assets/img/invest/ic_summary_info5.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(5) .txt1 {
  height: 50px;
}

#invest .summary .intro .info ul.col2 li:nth-child(5) .txt2 span {
  display: inline-block;
  margin-left: 3px;
}

#invest .summary .intro .info ul.col2 li:nth-child(6) {
  background-image: url("/assets/img/invest/ic_summary_info6.png");
}

#invest .summary .intro .info ul.col2 li:nth-child(6) .txt1 {
  height: 50px;
}

#invest .summary .intro .info ul.col2 li:nth-child(6) .txt2 span {
  display: inline-block;
  margin-left: 3px;
}

#invest .summary .intro .info ul.col2 li:nth-child(1) .txt2, #invest .summary .intro .info ul.col2 li:nth-child(2) .txt2, #invest .summary .intro .info ul.col2 li:nth-child(3) .txt2 {
  color: #2159b7;
}

#invest .summary .intro .info ul.col2 li:nth-child(4) .txt2, #invest .summary .intro .info ul.col2 li:nth-child(5) .txt2, #invest .summary .intro .info ul.col2 li:nth-child(6) .txt2 {
  color: #05ad8e;
}

#invest .summary .intro .info ul.col1 li {
  position: relative;
  width: 100%;
  height: 77px;
  padding-right: 70px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 25px;
  background-position: 25px center;
}

#invest .summary .intro .info ul.col1 li:nth-child(1) {
  background-image: url("/assets/img/invest/ic_summary_info7.png");
}

#invest .summary .intro .info ul.col1 li:nth-child(2) {
  background-image: url("/assets/img/invest/ic_summary_info8.png");
}

#invest .summary .intro .info ul.col1 li:nth-child(3) {
  background-image: url("/assets/img/invest/ic_summary_info9.png");
}

#invest .summary .intro .info ul.col1 li .txt1 {
  line-height: 18px;
  margin: 20px 0 0 60px;
  padding-right: 18px;
  background-image: none;
}

#invest .summary .intro .info ul.col1 li .txt2 {
  height: 30px;
  text-align: right;
  padding-right: 22px;
  color: #ffb401;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#invest .summary .intro .info ul.col1 li .txt3 {
  margin-top: 3px;
}

#invest .summary .major_graph .graph_box.box1 .g_area .wrap, #invest .summary .major_graph .graph_box.box2 .g_area .wrap {
  right: 40px;
}

#invest .summary .major_graph .graph_box.box1 .g_area .wrap.w_small, #invest .summary .major_graph .graph_box.box2 .g_area .wrap.w_small {
  width: 65%;
}

#invest .summary .report {
  margin-top: 35px;
  padding: 0 0 35px 0;
  background: #f5f5f5;
}

#invest .summary .report .pageTitle .t_tit1 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-size: 35px;
}

#invest .summary .report ul li {
  float: left;
  width: calc(50% - 10px);
  height: auto;
  margin-bottom: 20px;
}

#invest .summary .report ul li:nth-child(2n) {
  margin-left: 10px;
}

#invest .summary .report ul li:nth-child(2n-1) {
  margin-right: 10px;
}

#invest .summary .report ul li .box_edge1 {
  display: block;
  height: 90px;
}

#invest .summary .report ul li .box_edge1 .inner {
  padding: 20px 10px 0 10px;
}

#invest .summary .report ul li .box_edge1 .inner .tit {
  height: 38px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #222;
}

#invest .summary .report ul li .box_edge1:before, #invest .summary .report ul li .box_edge1:after {
  background-color: #f5f5f5;
}

#invest .summary .outcome {
  background: #1c303b;
  padding-bottom: 50px;
}

#invest .summary .outcome .pageTitle .t_tit1 {
  color: #fff;
}

#invest .summary .outcome .select_diagonal .top:before, #invest .summary .outcome .select_diagonal .top:after,
#invest .summary .outcome .select_diagonal .top .tit span {
  background-color: #1c303b;
}

#invest .summary .outcome .select_diagonal .con {
  background: #1c303b;
}

#invest .summary .outcome .select_diagonal .con:after {
  background-color: #1c303b;
}

#invest .summary .outcome .select_diagonal .con li button.selected span {
  color: #fff;
}

#invest .summary .outcome .worldmap {
  margin-top: 30px;
}

#invest .summary .outcome .worldmap .map {
  display: none;
  position: relative;
}

#invest .summary .outcome .worldmap .map.active {
  display: block;
}

#invest .summary .outcome .worldmap .map .wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260px;
  height: 125px;
  margin: -80px 0 0 -130px;
}

#invest .summary .outcome .worldmap .map .wrap .inner {
  position: relative;
  text-align: left;
  padding: 18px 0 0 5px;
  margin-left: 0;
}

#invest .summary .outcome .worldmap .map .wrap .inner:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: url("/assets/img/common/btn_close3.png") no-repeat;
  background-size: 100%;
}

#invest .summary .outcome .worldmap .map .wrap .inner .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 12px;
}

#invest .summary .outcome .worldmap .map .wrap .inner ul li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  color: #fff;
  padding-left: 85px;
  margin-bottom: 5px;
}

#invest .summary .outcome .worldmap .map .wrap .inner ul li .lb {
  position: absolute;
  left: 10px;
  top: 0;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
}

#invest .summary .outcome .worldmap .map .wrap .inner ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 3px;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
}

#invest .management .director .member {
  /* background: #f5f5f5; */
  padding: 40px 0 10px;
  margin-bottom: 40px;
}

#invest .management .director .member .t_tit3 {
  margin-bottom: 15px;
}

#invest .management .director .member ul .box {
  height: 205px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 25px 0 25px;
  margin-bottom: 30px;
  position: relative;
}

#invest .management .director .member ul .box:before {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: 2px;
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
  position: absolute;
  left: -1px;
  top: -1px;
}

#invest .management .director .member ul .box .role {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #05ad8e;
  margin-bottom: 2px;
}

#invest .management .director .member ul .box .name {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 21px;
  color: #222;
  letter-spacing: 0px;
  margin-right: 10px;
}

#invest .management .director .member ul .box .position {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

#invest .management .director .member ul .box .info {
  padding-top: 13px;
  margin-top: 13px;
  border-top: 1px solid #ddd;
}

#invest .management .director .member ul .box .info li {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  padding-left: 90px;
  margin-bottom: 5px;
}

#invest .management .director .member ul .box .info li .lb {
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #222;
}

#invest .management .director .activity .t_tit3 {
  margin-bottom: 15px;
}

#invest .management .director .activity .ac_panel .s_tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 13px;
}

#invest .management .director .activity .ac_panel .s_tit span {
  color: #222;
}

#invest .management .director .activity .ac_panel .tableWrap1 {
  margin-bottom: 25px;
}

#invest .management .director .tbl_type1 tbody tr td {
  font-family: 'noto';
  font-weight: 400;
  font-size: 10px;
  color: #666;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 2px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#invest .management .auditor .t_tit3 {
  margin-bottom: 15px;
}

#invest .finance_report .desc_sub1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  margin-top: 0;
}

#invest .finance_report .balance .graph_box .g_area .bar .balloon {
  width: 45px;
  left: -10px;
}

#invest .finance_statement .desc_sub1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  margin-top: 0;
}

#invest .finance_statement .tableWrap1 .top_area {
  height: 80px;
}

#invest .finance_statement .tableWrap1 .top_area .com_unit1 {
  margin-top: 34px;
}

#invest .finance_statement .graph_box {
  text-align: center;
  padding-bottom: 0;
}

#invest .finance_statement .graph_box .legend_type3 {
  margin-bottom: 15px;
}

#invest .finance_statement .graph_box .com_unit1 {
  margin-bottom: 20px;
}

#invest .finance_statement .img_graph {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

#invest .finance_statement .tableWrap1 .top_area {
  height: 70px;
}

#invest .finance_statement .profit_loss .sales {
  position: relative;
  background: #fafafa;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 30px;
}

#invest .finance_statement .profit_loss .sales .com_unit1 {
  position: absolute;
  right: 25px;
  top: 34px;
}

#invest .finance_statement .profit_loss .sales .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #222;
  margin-bottom: 25px;
}

#invest .finance_statement .profit_loss .sales .infographic {
  display: inline-block;
  width: 100%;
  max-width: 310px;
  height: 110px;
  margin: 0 auto;
  background: url("/assets/img/invest/bg_finance1.png") no-repeat center top;
  background-size: 100% auto;
}

#invest .finance_statement .profit_loss .sales .infographic li {
  float: left;
  height: 110px;
  padding-top: 30px;
}

#invest .finance_statement .profit_loss .sales .infographic li:nth-child(1) {
  width: 31%;
}

#invest .finance_statement .profit_loss .sales .infographic li:nth-child(2) {
  width: 38%;
}

#invest .finance_statement .profit_loss .sales .infographic li:nth-child(3) {
  width: 31%;
}

#invest .finance_statement .profit_loss .sales .infographic li .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #05ad8e;
}

#invest .finance_statement .profit_loss .sales .infographic li .txt2 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 0;
  color: #05ad8e;
}

#invest .finance_statement .profit_loss .sales .infographic li.current .txt1,
#invest .finance_statement .profit_loss .sales .infographic li.current .txt2 {
  color: #fff;
}

#invest .finance_statement .cash_flow_graph .graph_box {
  margin-bottom: 35px;
}

#invest .finance_statement .cash_flow_graph .graph_box .legend_type3 {
  margin-right: 5px;
  margin-bottom: 5px;
}

#invest .finance_statement .cash_flow_graph .graph_box .legend_type3 span.yellow2:before {
  background: #ffd657;
}

#invest .finance_statement .cash_flow_graph .graph_box .legend_type3 span.sky2:before {
  background: #c2d9ff;
}

#invest .finance_statement .cash_flow_graph .graph_box .legend_type3 span.green2:before {
  background: #9befc8;
}

#invest .finance_statement .cash_flow_graph .graph_box .legend_type2 {
  margin-bottom: 15px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area {
  height: 476px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap {
  width: 75%;
  left: 25px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar {
  width: 100%;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar span {
  display: block;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .bar_a {
  background: #ffd657;
  position: relative;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .bar_b {
  background: #c2d9ff;
  position: relative;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .bar_c {
  background: #9befc8;
  position: relative;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .balloon {
  width: 35px;
  height: 18px;
  line-height: 18px;
  left: inherit;
  right: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .balloon:after {
  width: 6px;
  height: 9px;
  left: -6px;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: -4px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .balloon.yellow:after {
  background: url("/assets/img/invest/arr_graph5.png") no-repeat;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .balloon.sky:after {
  background: url("/assets/img/invest/arr_graph6.png") no-repeat;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar .balloon.green:after {
  background: url("/assets/img/invest/arr_graph7.png") no-repeat;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar_up {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  bottom: 238px;
  height: 238px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar_down {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  top: 238px;
  height: 238px;
}

#invest .finance_statement .cash_flow_graph .graph_box .g_area .wrap .item .bar_down .bar {
  bottom: auto;
  top: 0;
}

#invest .finance_statement .profitability_graph .graph_box {
  margin-bottom: 35px;
}

#invest .finance_statement .profitability_graph .graph_box .legend_type2 {
  margin-bottom: 15px;
}

#invest .finance_statement .profitability_graph .graph_box .g_area {
  height: 320px;
}

#invest .finance_statement .profitability_graph .graph_box .g_area .wrap {
  width: 75%;
}

#invest .finance_statement .safety_graph .graph_box {
  margin-bottom: 35px;
}

#invest .finance_statement .safety_graph .graph_box .legend_type2 {
  margin-bottom: 15px;
}

#invest .finance_statement .safety_graph .graph_box .g_area {
  height: 315px;
}

#invest .finance_statement .safety_graph .graph_box .g_area .wrap {
  width: 75%;
}

#invest .finance_statement .safety_graph .graph_box .g_area .wrap .item .dot .balloon {
  width: 55px;
  left: -23px;
}

#invest .finance_credit_rate .intro .box .hexagon {
  width: 150px;
  height: 173px;
  background: url("/assets/img/common/bg_hexagon2.png") no-repeat;
  background-size: 150px auto;
  text-align: center;
  padding-top: 35px;
  margin: 0 auto 30px auto;
}

#invest .finance_credit_rate .intro .box .hexagon em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 60px;
  letter-spacing: 0;
  color: #fff;
  line-height: 60px;
}

#invest .finance_credit_rate .intro .box .hexagon span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 10px;
  color: #fff;
  line-height: 15px;
  margin-top: 5px;
}

#invest .finance_credit_rate .intro .box .tbl_type1 tbody tr td {
  height: 70px;
  padding: 0;
  line-height: 22px;
}

#invest .finance_credit_rate .mean .pageTitle {
  padding-top: 55px;
}

#invest .public_information {
  padding-top: 55px;
}

#invest .public_information iframe {
  display: block;
  width: 100%;
  height: 400px;
  margin: 0 auto;
}

#invest .ir_dataroom .report_biz .filter_area {
  padding: 20px 10px 20px 20px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

#invest .ir_dataroom .report_biz .filter_area .checkbox_ui.type1 {
  margin-bottom: 10px;
}

#invest .ir_dataroom .report_biz .board_list_box1 {
  background: #f5f5f5;
  padding: 25px 0 55px 0;
}

#invest .ir_dataroom .report_biz .board_list_box1 ul li {
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 20px;
}

#invest .ir_dataroom .report_biz .board_list_box1 ul li:nth-child(2n) {
  margin-left: 10px;
}

#invest .ir_dataroom .report_biz .board_list_box1 ul li:nth-child(2n-1) {
  margin-right: 10px;
}

#invest .ir_dataroom .report_biz .board_list_box1 .set {
  margin-bottom: 10px;
}

#invest .ir_dataroom .report_biz .board_list_box1 .set .year {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0;
  color: #222;
  margin-bottom: 25px;
}

#invest .ir_dataroom .report_biz .board_list_box1 .box_edge1 {
  height: 120px;
}

#invest .ir_dataroom .report_biz .board_list_box1 .box_edge1:before, #invest .ir_dataroom .report_biz .board_list_box1 .box_edge1:after {
  background-color: #f5f5f5;
}

#invest .ir_dataroom .report_biz .board_list_box1 .box_edge1 .inner {
  padding-top: 20px;
}

#invest .ir_dataroom .report_biz .board_list_box1 .box_edge1 .inner .txt1 {
  height: 17px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0;
  color: #aaa;
}

#invest .ir_dataroom .report_biz .board_list_box1 .box_edge1 .inner .tit {
  height: 38px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  color: #222;
}

#invest .ir_dataroom .report_biz .board_list_box1 .btn_more1:before, #invest .ir_dataroom .report_biz .board_list_box1 .btn_more1:after {
  background-color: #f5f5f5;
}

#invest .ir_dataroom .report_sales .wrap_list ul li {
  float: left;
  width: calc(50% - 10px);
  text-align: center;
  margin-bottom: 30px;
}

#invest .ir_dataroom .report_sales .wrap_list ul li:nth-child(2n) {
  margin-left: 10px;
}

#invest .ir_dataroom .report_sales .wrap_list ul li:nth-child(2n-1) {
  margin-right: 10px;
}

#invest .ir_dataroom .report_sales .wrap_list ul li .thumb {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#invest .ir_dataroom .report_sales .wrap_list ul li .thumb img {
  width: 100%;
}

#invest .ir_dataroom .report_sales .wrap_list ul li .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  color: #222;
  text-align: center;
  margin: 15px 0 10px 0;
}

#invest .stock .tbl_type1 thead tr th {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
}

#invest .stock .tbl_type1 tbody tr td {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
}

#invest .stock .tbl_type1 tfoot tr td {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
}

#invest .stock .stock_info .wrap_number {
  margin-bottom: 10px;
}

#invest .stock .stock_info .wrap_number ul li {
  width: 100%;
  height: 80px;
  padding: 20px 10px 0 50px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
}

#invest .stock .stock_info .wrap_number ul li .tit {
  float: left;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  line-height: 20px;
}

#invest .stock .stock_info .wrap_number ul li .num {
  float: right;
  text-align: right;
}

#invest .stock .stock_info .wrap_number ul li .num .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0;
  color: #05ad8e;
}

#invest .stock .stock_info .wrap_number ul li .num .txt2 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
}

#invest .stock .stock_info .wrap_number ul li .num .unit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
  color: #999;
}

#invest .stock .stock_info .wrap_number ul li:first-child {
  background: url("/assets/img/invest/ic_stockinfo1.png") no-repeat 13px 27px;
  background-size: 25px;
}

#invest .stock .stock_info .wrap_number ul li:last-child {
  background: url("/assets/img/invest/ic_stockinfo2.png") no-repeat 13px 27px;
  background-size: 25px;
}

#invest .stock .stockholder .status {
  margin-bottom: 40px;
}

#invest .stock .stockholder .status .t_tit3 {
  margin-bottom: 25px;
}

#invest .stock .stockholder .status .graph {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

#invest .stock .dividend .pageTitle {
  padding: 55px 0 15px 0;
}

#invest .stock .dividend .status {
  margin-bottom: 30px;
}

#invest .stock .dividend .status .wrap_legend {
  text-align: center;
  margin-bottom: 15px;
}

#invest .stock .dividend .status .wrap_legend .lg1 {
  margin-right: 10px;
}

#invest .stock .dividend .status .wrap_legend .lg1 span:before {
  background: #05ad8e;
}

#invest .stock .dividend .status .graph {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding-top: 15px;
}

#invest .stock .dividend .tbl_type1 tbody tr.em td {
  background: #fafafa;
  color: #222;
}

#invest .stock .meeting .pageTitle {
  padding-top: 55px;
}

#invest .stock .meeting .t_tit3 {
  margin-bottom: 15px;
}

#invest .stock .meeting .summary {
  width: 100%;
  padding: 25px 20px 25px 25px;
  margin-bottom: 30px;
  background: #05ad8e;
}

#invest .stock .meeting .summary .total {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 15px;
  color: #fff;
}

#invest .stock .meeting .summary .total .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
}

#invest .stock .meeting .summary .total .txt2 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 13px;
}

#invest .stock .meeting .summary .con {
  padding-top: 10px;
}

#invest .stock .meeting .summary .con li {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #fff;
  padding-left: 10px;
  position: relative;
}

#invest .stock .meeting .summary .con li:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #fff;
  opacity: 0.7;
  position: absolute;
  left: 0;
  top: 8px;
}

#invest .stock .meeting .summary .con li span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  margin-right: 10px;
}

#invest .stock .meeting .tbl_type1 tbody tr td.tal {
  padding-left: 10px;
  padding-right: 10px;
}

#invest .stock .meeting .tbl_type1 tbody tr td.tal .tit {
  color: #222;
  margin-bottom: 5px;
  font-size: 12px;
}

#invest .stock .meeting .tbl_type1 tbody tr td ul li {
  font-size: 12px;
}

#invest .announcement .ann_list {
  padding-top: 40px;
}

#invest .announcement .ann_list .board_list_type1 {
  margin-bottom: 30px;
}

#invest .announcement .ann_view {
  padding-top: 30px;
}

#sustainability .top_visual.system {
  background-image: url("/assets/img/sustainability/vi_system.jpg");
}

#sustainability .top_visual.ethics {
  background-image: url("/assets/img/sustainability/vi_ethics.jpg");
}

#sustainability .top_visual.cp {
  background-image: url("/assets/img/sustainability/vi_cp.jpg");
}

#sustainability .top_visual.social {
  background-image: url("/assets/img/sustainability/vi_social.jpg");
}

#sustainability .top_visual.quality {
  background-image: url("/assets/img/sustainability/vi_quality.jpg");
}

#sustainability .top_visual.environment {
  background-image: url("/assets/img/sustainability/vi_environment.jpg");
}

#sustainability .top_visual.safety {
  background-image: url("/assets/img/sustainability/vi_safety.jpg");
}

#sustainability .top_visual.winwin {
  background-image: url("/assets/img/sustainability/vi_winwin.jpg");
}

#sustainability .hexagon_list ul li {
  position: relative;
  padding: 0 0 30px 50px;
}

#sustainability .hexagon_list ul li:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 0;
  width: 1px;
  height: 100%;
  background: url("/assets/img/common/dash1.png") repeat-y;
  background-size: 1px auto;
}

#sustainability .hexagon_list ul li .number {
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 33px;
  background: url("/assets/img/common/bg_hexagon1.png") no-repeat;
  background-size: 28px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  line-height: 33px;
}

#sustainability .hexagon_list ul li .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.2px;
}

#sustainability .hexagon_list ul li:last-child {
  height: auto;
}

#sustainability .hexagon_list ul li:last-child:before {
  display: none;
}

#sustainability .hexagon_list ul.fl {
  width: 50%;
}

#sustainability .circle_txt {
  display: block;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
}

#sustainability .circle_txt.bg1 {
  border: 12px solid #05ad8e;
}

#sustainability .circle_txt.bg2 {
  border: 12px solid #2159b7;
}

#sustainability .circle_txt.w150 {
  width: 150px;
  height: 150px;
}

#sustainability .circle_txt.w150 span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
}

#sustainability .download_box li {
  float: left;
  width: calc(50% - 10px);
  height: 240px;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 20px;
  background: #f5f5f5;
}

#sustainability .download_box li:nth-child(2n-1) {
  margin-right: 10px;
}

#sustainability .download_box li:nth-child(2n) {
  margin-left: 10px;
}

#sustainability .download_box li .icon {
  display: block;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-image: url("/assets/img/sustainability/ic_sprite1.png");
  background-size: 450px auto;
  margin: 0 auto 15px auto;
}

#sustainability .download_box li .category {
  margin-bottom: 15px;
}

#sustainability .download_box li .category .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.5px;
}

#sustainability .download_box li .category .txt2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
}

#sustainability .download_box2 li {
  width: 100%;
  min-height: 150px;
  padding: 25px 0 25px 145px;
  margin-bottom: 20px;
  background: #f5f5f5;
  position: relative;
}

#sustainability .download_box2 li .icon {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-image: url("/assets/img/sustainability/ic_sprite1.png");
  background-size: 450px auto;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#sustainability .download_box2 li .category {
  margin-bottom: 15px;
}

#sustainability .download_box2 li .category .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.5px;
}

#sustainability .download_box2 li .category .txt2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
}

#sustainability .bg_history .wrap_slide_tab {
  padding: 0 25px;
}

#sustainability .bg_history .wrap_slide_tab .container {
  width: 100%;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper {
  text-align: center;
  border-bottom: 1px solid #ddd;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper .swiper-slide {
  display: inline-block;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper .swiper-slide .btn_year {
  padding: 0 10px 12px 10px;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper .swiper-slide .btn_year span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  color: #999;
  position: relative;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper .swiper-slide .btn_year.selected span {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0;
  color: #05ad8e;
}

#sustainability .bg_history .wrap_slide_tab .container .swiper-wrapper .swiper-slide .btn_year.selected span:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #05ad8e;
  position: absolute;
  left: 0px;
  bottom: -13px;
  z-index: 1;
}

#sustainability .bg_history .inner_box {
  width: 100%;
  height: 490px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

#sustainability .bg_history .inner_box:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

#sustainability .bg_history .inner_box .list_box {
  width: calc(100% - 50px);
  height: 395px;
  background: #fff;
  padding: 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  margin: 0 auto;
  z-index: 2;
}

#sustainability .bg_history .inner_box .list_box .list_tit {
  height: 22px;
  border-bottom: 2px solid #12b194;
  margin-bottom: 30px;
}

#sustainability .bg_history .inner_box .list_box .list_tit span {
  display: inline-block;
  width: auto;
  height: 22px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 21px;
  color: #222;
  padding-right: 20px;
  background: #fff;
}

#sustainability .bg_history .inner_box .list_box .list {
  height: calc(100% - 50px);
  overflow-y: auto;
}

#sustainability .bg_history .inner_box .list_box .list > li {
  position: relative;
  margin-bottom: 15px;
}

#sustainability .bg_history .inner_box .list_box .list > li .month {
  display: inline-block;
  margin-bottom: 5px;
}

#sustainability .bg_history .inner_box .list_box .list > li .bullet_type1 {
  padding-left: 14px;
}

#sustainability .hex_tit {
  position: relative;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  padding-left: 17px;
}

#sustainability .hex_tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 12px;
  background: url("/assets/img/common/ic_bullet3.png") no-repeat;
  background-size: 100%;
}

#sustainability .activity_list1 .subTitle {
  margin: 10px 0 10px 0;
  height: 30px;
  background: #f5f5f5;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
}

#sustainability .activity_list1 > li + li {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 30px;
}

#sustainability .activity_list1 > li .wrap_con {
  padding: 0 10px;
}

#sustainability .activity_list1 > li .wrap_con .hex_tit {
  margin-bottom: 10px;
}

#sustainability .activity_list1 > li .img_area {
  margin-top: 25px;
}

#sustainability .activity_list1 > li .img_area img + img {
  margin-top: 20px;
}

#sustainability .certificate {
  background: #fafafa;
  padding-bottom: 75px;
}

#sustainability .certificate .wrap_cert + .wrap_cert {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}

#sustainability .certificate .wrap_cert .wrap_pic {
  margin-bottom: 25px;
  text-align: center;
}

#sustainability .certificate .wrap_cert .wrap_pic .pic {
  position: relative;
  display: inline-block;
  width: 145px;
  height: auto;
  border: 1px solid #ddd;
}

#sustainability .certificate .wrap_cert .wrap_pic .pic:first-child {
  margin-right: 10px;
}

#sustainability .certificate .wrap_cert .wrap_pic .pic:last-child {
  margin-left: 10px;
}

#sustainability .certificate .wrap_cert .wrap_pic .pic img {
  width: 100%;
  height: 100%;
}

#sustainability .certificate .wrap_cert .wrap_pic .pic .btn_view {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/common/ic_more7.png") no-repeat right top;
  background-size: 23px auto;
}

#sustainability .certificate .wrap_cert .wrap_txt {
  padding: 0 10px;
}

#sustainability .certificate .wrap_cert .wrap_txt .m_tit {
  margin-bottom: 10px;
}

#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li {
  margin-top: 20px;
}

#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .label_type1 {
  margin-bottom: 5px;
}

#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .label_type1 span,
#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .t_bullet1,
#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .bullet_type1 > li {
  padding-left: 10px;
}

#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .arrow {
  display: block;
  padding-left: 20px;
}

#sustainability .certificate .wrap_cert .wrap_txt .cert_info > li .arrow:first-letter {
  margin-left: -17px;
}

#sustainability .img_slide {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-right: 0px;
}

#sustainability .img_slide .wrap {
  display: inline-block;
  padding-right: 0px;
}

#sustainability .img_slide .wrap img {
  width: auto;
  border: 1px solid #ddd;
}

#sustainability .img_slide::-webkit-scrollbar {
  width: 3px;
}

#sustainability .img_slide::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}

/*>>> 2021-01-29 추가, 지속가능경영 체계 운영 */
#sustainability .system .operation .pageTitle{padding:0;}
#sustainability .sub--content-overlay ~ .sub--content-overlay{margin-top:2rem;}
#sustainability .sub--content-overlay .img-auto{width:auto; max-width:100%;}
#sustainability .sub--content-overlay .sec--title_bold{font-size:2.4em; font-weight:700; color:#333; text-align:center; padding:2.5em 0 0.3em;}
#sustainability .sub--content-overlay .sec--title_bold + .tit{margin-top:1rem;}
#sustainability .sub--content-overlay .t_emphasis{font-size:2.4rem; color:#1069bd; position:relative; font-weight:900; padding:0;}
#sustainability .sub--content-overlay .t_emphasis:before,
#sustainability .sub--content-overlay .t_emphasis:after{display:none;}
#sustainability .sub--content-overlay .t_emphasis:after{display:none;}
#sustainability .sub--content-overlay .t_emphasis span{color:inherit; font-size:inherit; background-color:#fff; display:inline-block; font-weight:inherit; position:relative; z-index:3; padding:0; display:flex; justify-content: center; vertical-align: text-top;}
#sustainability .sub--content-overlay .t_emphasis span::before,
#sustainability .sub--content-overlay .t_emphasis span::after{content:''; display:inline-block; width:22px; min-width:22px; max-width:22px; height:17px; background-image:url('https://www.hec.co.kr/assets/img/recruit/quotation.png'); transform: translateY(10px);}
#sustainability .sub--content-overlay .t_emphasis span::before{background-position:0 0; background-repeat: no-repeat; margin-right:8px;}
#sustainability .sub--content-overlay .t_emphasis span::after{background-position:-22px 0; background-repeat: no-repeat; margin-left:8px;}
#sustainability .sub--content-overlay .tit.sustain + .desc{text-align:center; font-size:14px; line-height:1.5; color:#666; margin-top:2rem;}
#sustainability .sub--content-overlay .page--desc img{display:block; max-width:100%; margin:auto;}
#sustainability .sub--content-overlay .txt2 {
  font-family: 'noto';
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.4px;
  text-align: center;
}
#sustainability .sub--content-overlay .t_desc1 {
  font-family: 'noto';
  font-weight: 400;
  font-size: 16px;
  color: #666;
  letter-spacing: -0.2px;
  line-height: 28px;
  text-align: center;
}
#sustainability .sub--content-overlay .steps-list-ico-overlay{padding-bottom:3.5rem;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li ~ li{margin-top:2rem; padding-top:2rem; border-top:1px solid #ddd;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-top-ico-img{display:block; margin:0 auto 1rem;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .steps-section-wrap{text-align:center; margin-bottom:2.4rem;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .steps-section-wrap .step-head-title{display:block; font-size:1.4rem; font-weight:700;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .steps-section-wrap .step-head-desc{display:block; font-size:1.1rem;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(1) .steps-section-wrap .step-head-title{color:#2159b7}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(2) .steps-section-wrap .step-head-title{color:#0a9e95}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(3) .steps-section-wrap .step-head-title{color:#ffb401}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap ~ .list-items-wrap{margin-top:1.5rem;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-title{padding:1.8rem 0.8rem; font-size:1.3rem; font-weight:700; display:flex; vertical-align:middle; margin-bottom:25px; color:#333; position:relative; line-height:1.6rem; line-height:inherit;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-title::before{content:''; display:block; position:absolute; top:calc(100% + 2px); left:50%; height:23px; width:0; border-right:1px dashed #ddd;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-title .list-item-cnt{font-size:1.2em; font-weight:700; margin-right:0.5rem; display:block; line-height:inherit;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-title span{font-size:inherit; display:block; font-weight:inherit;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(1) .list-items-wrap .list-item-title{background-color:#ebf2fe; border:2px solid #2159b7;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(1) .list-items-wrap .list-item-title .list-item-cnt{color:#2159b7;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(2) .list-items-wrap .list-item-title{background-color:#eefdf8; border:2px solid #0a9e95;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(2) .list-items-wrap .list-item-title .list-item-cnt{color:#0a9e95;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(3) .list-items-wrap .list-item-title{background-color:#fff4d9; border:2px solid #ffb401;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(3) .list-items-wrap .list-item-title .list-item-cnt{color:#ffb401;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-desc{background-color:#f5f5f5; padding:1.8rem 0.8rem; color:#333; position:relative;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-desc::before,
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-desc::after{content:''; display:block; position:absolute; top:0; left:50%; transform:translate(-50%,-50%) rotate(45deg);}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-desc::before{width:20px; height:20px; border:2px solid; border-radius:50%; background-color:#fff;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li .list-items-wrap .list-item-desc::after{width:6px; height:6px; border-width:0 2px 2px 0; border-style:solid; transform:translate(-50%,-75%) rotate(45deg);}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(1) .list-items-wrap .list-item-desc::before,
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(1) .list-items-wrap .list-item-desc::after{border-color:#2159b7;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(2) .list-items-wrap .list-item-desc::before,
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(2) .list-items-wrap .list-item-desc::after{border-color:#0a9e95;}
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(3) .list-items-wrap .list-item-desc::before,
#sustainability .sub--content-overlay .steps-list-ico-overlay li:nth-child(3) .list-items-wrap .list-item-desc::after{border-color:#ffb401;}
/*<<<*/

/* 2021-01-29, 주석처리, 지속가능경영 수정
#sustainability .system .intro {
  margin-top: 40px;
  margin-bottom: 55px;
}

#sustainability .system .intro .wrap .tit {
  margin-bottom: 20px;
}

#sustainability .system .intro .wrap .desc {
  text-align: center;
  padding-bottom: 30px;
}

#sustainability .system .operation .pageTitle {
  padding: 0 0 25px;
}

#sustainability .system .operation_tab {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#sustainability .system .operation_tab .swiper-container {
  overflow: visible;
  border-bottom: 1px solid #ddd;
}

#sustainability .system .operation_tab li {
  display: inline-block;
  width: auto;
  padding-right: 20px;
}

#sustainability .system .operation_tab li button {
  position: relative;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #666;
  padding-bottom: 10px;
}

#sustainability .system .operation_tab li.active button {
  color: #05ad8e;
}

#sustainability .system .operation_tab li.active button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #05ad8e;
}

#sustainability .system .operation_panel article {
  display: none;
  margin-top: 40px;
}

#sustainability .system .operation_panel article:nth-child(1) {
  display: block;
}

#sustainability .system .operation_panel article .lb_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #05ad8e;
  text-align: center;
  margin-bottom: 10px;
}

#sustainability .system .operation_panel article .keyword .hexagon {
  width: 120px;
  height: 130px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 14px;
  padding-top: 75px;
  margin: 0 auto;
  background-image: url("/assets/img/en/sustainability/ic_sprite5.png");
  background-repeat: no-repeat;
  background-size: 840px auto;
}

#sustainability .system .operation_panel article:nth-child(1) .hexagon {
  background-position: 0 0;
}

#sustainability .system .operation_panel article:nth-child(2) .hexagon {
  background-position: -120px 0;
}

#sustainability .system .operation_panel article:nth-child(3) .hexagon {
  background-position: -240px 0;
}

#sustainability .system .operation_panel article:nth-child(4) .hexagon {
  background-position: -360px 0;
}

#sustainability .system .operation_panel article:nth-child(5) .hexagon {
  background-position: -480px 0;
}

#sustainability .system .operation_panel article:nth-child(6) .hexagon {
  background-position: -600px 0;
}

#sustainability .system .operation_panel article:nth-child(7) .hexagon {
  background-position: -720px 0;
}

#sustainability .system .operation_panel article .direction {
  background: #f5f5f5;
  border-radius: 70px;
  padding: 25px 40px;
  margin-top: 50px;
}

#sustainability .system .operation_panel article .direction:before {
  height: 50px;
  top: -50px;
}

#sustainability .system .operation_panel article .goal {
  border: 1px solid #05ad8e;
  padding: 25px 25px;
  margin-top: 40px;
}

#sustainability .system .operation_panel article .goal:before {
  height: 40px;
  top: -40px;
}

#sustainability .system .operation_panel article .dash_arrow {
  position: relative;
}

#sustainability .system .operation_panel article .dash_arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background: url("/assets/img/sustainability/dash1.png") repeat-y;
  background-size: 100% auto;
}

#sustainability .system .operation_panel article .dash_arrow:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -9px;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  background: url("/assets/img/sustainability/ic_arr1.png") no-repeat;
  background-size: 100%;
}

#sustainability .system .operation_panel article .result {
  position: relative;
  text-align: center;
  padding-top: 100px;
  background: url("/assets/img/sustainability/system_img1.png") no-repeat center top;
  background-size: 148px auto;
}

#sustainability .system .operation_panel article .result .txt1 {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #2159b7;
  padding: 0 17px;
  margin-bottom: 10px;
}

#sustainability .system .operation_panel article .result .txt1:before, #sustainability .system .operation_panel article .result .txt1:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url("/assets/img/sustainability/quotation3.png") no-repeat 0 0;
  background-size: 23px auto;
  vertical-align: top;
  margin: 2px 3px 0 0;
}

#sustainability .system .operation_panel article .result .txt1:after {
  background-position: -12px 0;
  margin: 5px 0 0 5px;
}

#sustainability .system .operation_panel article .result .txt2 {
  margin-bottom: 25px;
}

#sustainability .system .operation_panel article .result .txt2 em {
  color: #2159b7;
}
<<<*/


#sustainability .system .report {
  position: relative;
}

#sustainability .system .report:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 255px;
  background: #e9f5f0;
}

#sustainability .system .report .pageTitle {
  position: relative;
}

#sustainability .system .report .latest {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

#sustainability .system .report .latest figure img {
  width: 80%;
  height: auto;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

#sustainability .system .report .latest .tit {
  margin-top: 35px;
}

#sustainability .system .report .latest .tit .txt1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
  color: #05ad8e;
}

#sustainability .system .report .latest .tit .txt2 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 21px;
  color: #222;
  margin-top: 5px;
}

#sustainability .system .report .latest .tit .txt2 em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 21px;
  line-height: 27px;
}

#sustainability .system .report .latest .desc {
  margin-top: 15px;
}

#sustainability .system .report .latest .btnGroup {
  margin-top: 25px;
}

#sustainability .system .report .latest .btnGroup a {
  float: left;
  display: block;
  width: calc(50% - 10px);
}

#sustainability .system .report .latest .btnGroup a:first-child {
  margin-right: 10px;
}

#sustainability .system .report .latest .btnGroup a:last-child {
  margin-left: 10px;
}

#sustainability .system .report_list ul li {
  float: left;
  width: calc(50% - 10px);
  margin-top: 30px;
}

#sustainability .system .report_list ul li:nth-child(2n) {
  margin-left: 10px;
}

#sustainability .system .report_list ul li:nth-child(2n-1) {
  margin-right: 10px;
}

#sustainability .system .report_list ul li .year {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0;
  color: #222;
  padding-left: 10px;
}

#sustainability .system .report_list ul li figure {
  margin-top: 10px;
}

#sustainability .system .report_list ul li figure img {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
}

#sustainability .system .report_list ul li .btnGroup {
  margin-top: 10px;
  height: 77px;
}

#sustainability .system .report_list ul li .btnGroup a {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

#sustainability .system .report_list .btn_more1 {
  margin-top: 30px;
}

#sustainability .ethics .intro .ethics_system .pageTitle {
  padding: 0 0 25px;
}

#sustainability .ethics .intro .ethics_system .infographic {
  overflow: hidden;
}

#sustainability .ethics .intro .ethics_system .infographic .title_circle {
  position: relative;
  width: 260px;
  padding: 50px;
  background: #e9f5f0;
  border-radius: 50%;
  margin: 0 auto;
}

#sustainability .ethics .intro .ethics_system .infographic .title_circle:before {
  content: "";
  position: absolute;
  left: -63px;
  top: -63px;
  width: 387px;
  height: 387px;
  background: url("/assets/img/sustainability/ethics_intro_bg1.png") no-repeat;
  background-size: 100%;
}

#sustainability .ethics .intro .ethics_system .infographic .title_circle span {
  position: relative;
  display: block;
  width: 163px;
  height: 163px;
  background: #05ad8e;
  border-radius: 50%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  padding-top: 50px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

#sustainability .ethics .intro .ethics_system .infographic ul {
  position: relative;
  margin-top: -50px;
  padding-top: 60px;
}

#sustainability .ethics .intro .ethics_system .infographic ul:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: url("/assets/img/sustainability/dash1.png") repeat-y;
  background-size: 1px auto;
}

#sustainability .ethics .intro .ethics_system .infographic ul li {
  position: relative;
}

#sustainability .ethics .intro .ethics_system .infographic ul li:nth-child(2n-1) {
  text-align: right;
}

#sustainability .ethics .intro .ethics_system .infographic ul li:nth-child(2n-1) .txt {
  text-align: left;
  padding-left: 40px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li:nth-child(2n) .txt {
  text-align: right;
  padding-right: 40px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li:last-child .icon {
  top: auto;
  bottom: 0;
  margin-top: 0;
}

#sustainability .ethics .intro .ethics_system .infographic ul li:last-child .txt {
  height: 65px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url("/assets/img/sustainability/ic_sprite6.png");
  background-repeat: no-repeat;
  background-size: 150px auto;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic1 {
  background-position: 0 0;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic2 {
  background-position: -50px 0;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic3 {
  background-position: -100px 0;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic4 {
  background-position: 0 -50px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic5 {
  background-position: -50px -50px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic6 {
  background-position: -100px -50px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .icon.ic7 {
  background-position: 0 -100px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .txt {
  display: inline-block;
  width: 50%;
  height: 80px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  line-height: 18px;
  padding-top: 20px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .txt .small {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: #666;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .txt.line1 {
  padding-top: 30px;
}

#sustainability .ethics .intro .ethics_system .infographic ul li .txt.line3 {
  padding-top: 12px;
}

#sustainability .ethics .intro .ethics_system .detail_desc li {
  margin-top: 40px;
}

#sustainability .ethics .intro .ethics_system .detail_desc li figure {
  border-bottom: 2px solid #05ad8e;
  margin-bottom: 25px;
}

#sustainability .ethics .intro .ethics_system .detail_desc li .wrap .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .ethics .intro .ethics_activity {
  background: #f5f5f5;
  margin-top: 50px;
  padding-bottom: 60px;
}

#sustainability .ethics .intro .ethics_activity .act_list li {
  background: #fff;
  padding: 25px;
  margin-bottom: 15px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

#sustainability .ethics .intro .ethics_activity .act_list li .top {
  position: relative;
  display: table;
  width: 100%;
  height: 105px;
  padding-left: 74px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  background-repeat: no-repeat;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .icon.ic1 {
  background-image: url("/assets/img/sustainability/ic_ethics_act1.png");
  background-size: 100% auto;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .icon.ic2 {
  background-image: url("/assets/img/sustainability/ic_ethics_act2.png");
  background-size: auto 100%;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .icon.ic3 {
  background-image: url("/assets/img/sustainability/ic_ethics_act3.png");
  background-size: 100% auto;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .icon.ic4 {
  background-image: url("/assets/img/sustainability/ic_ethics_act4.png");
  background-size: auto 100%;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .inner .tit {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
}

#sustainability .ethics .intro .ethics_activity .act_list li .top .inner .tit + a {
  margin-top: 8px;
}

#sustainability .ethics .standard_system {
  padding-bottom: 50px;
}

#sustainability .ethics .standard_system .pageTitle {
  padding-top: 0;
}

#sustainability .ethics .standard_system .infographic {
  position: relative;
  overflow: hidden;
}

#sustainability .ethics .standard_system .infographic .title_circle {
  position: relative;
  width: 260px;
  padding: 50px;
  background: #e9f5f0;
  border-radius: 50%;
  margin: 0 auto;
}

#sustainability .ethics .standard_system .infographic .title_circle:before {
  content: "";
  position: absolute;
  left: -63px;
  top: -63px;
  width: 387px;
  height: 387px;
  background: url("/assets/img/sustainability/ethics_intro_bg1.png") no-repeat;
  background-size: 100%;
}

#sustainability .ethics .standard_system .infographic .title_circle span {
  position: relative;
  display: block;
  width: 163px;
  height: 163px;
  background: #05ad8e;
  border-radius: 50%;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  padding-top: 55px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

#sustainability .ethics .standard_system .infographic figure {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: -50px auto 0;
}

#sustainability .ethics .standard_system .infographic .cmt_guide1 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #bcbcbc;
}

#sustainability .ethics .standard_system .infographic .cmt_guide1 span {
  top: 20px;
}

#sustainability .ethics .standard_charter {
  background: #f5f5f5;
  padding-bottom: 20px;
}

/*>>>>> 2020-08-25, human 텝추가 */
#sustainability .ethics .human .page_visual .vi {
  background-image: url("/assets/img/sustainability/vi_page_ethics_human.jpg");
}

#sustainability .ethics .human_system .infographic {
  position: relative;
}

#sustainability .ethics .human_system .infographic .circle_tit {
  position: relative;
  width: 450px;
  height: 450px;
  background: url("/assets/img/sustainability/img_ethics_human1.png") no-repeat;
  font-family: 'noto';
  font-weight: 800;
  font-size: 32px;
  color: #fff;
  line-height: 42px;
  text-align: center;
  padding-top: 175px;
}

#sustainability .ethics .human_system .infographic dl dt {
  position: absolute;
  top: 136px;
  width: 180px;
  height: 180px;
  border: 1px solid #05ad8e;
  border-radius: 50%;
  font-family: 'noto';
  font-weight: 400;
  font-size: 15px;
  color: #666;
  letter-spacing: -0.2px;
  text-align: center;
  padding-top: 105px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 34px;
}

#sustainability .ethics .human_system .infographic dl dt em {
  font-size: 18px;
  color: #222;
}

#sustainability .ethics .human_system .infographic dl dt:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background: url("/assets/img/sustainability/ic_arr2.png") no-repeat;
}

#sustainability .ethics .human_system .infographic dl dt:nth-of-type(1) {
  right: 480px;
  background-image: url("/assets/img/sustainability/ic_ethics_std1.png");
}

#sustainability .ethics .human_system .infographic dl dt:nth-of-type(2) {
  right: 240px;
  background-image: url("/assets/img/sustainability/ic_ethics_std2.png");
}

#sustainability .ethics .human_system .infographic dl dt:nth-of-type(3) {
  right: 0;
  background-image: url("/assets/img/sustainability/ic_ethics_std3.png");
}

#sustainability .ethics .human_system .infographic dl dd {
  position: absolute;
  top: 345px;
  width: 180px;
  font-family: 'noto';
  font-weight: 400;
  font-size: 18px;
  color: #666;
  text-align: center;
}

#sustainability .ethics .human_system .infographic dl dd:nth-of-type(1) {
  right: 480px;
}

#sustainability .ethics .human_system .infographic dl dd:nth-of-type(2) {
  right: 240px;
}

#sustainability .ethics .human_system .infographic dl dd:nth-of-type(3) {
  right: 0;
}

#sustainability .ethics .human_system .infographic:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: url("/assets/img/sustainability/dash1.png") repeat-x;
}

#sustainability .ethics .human_system .cmt_guide1 {
  text-align: right;
  margin-top: 20px;
}

#sustainability .ethics .human_charter {
  background: #f5f5f5;
  margin-top: 100px;
  padding-bottom: 100px;
}

#sustainability .ethics .human_charter .pageTitle {
  padding-bottom: 70px;
}

#sustainability .ethics .human .ceo .sign {
  text-align: right;
  margin: 20px 0 10px 0;
}

#sustainability .ethics .human .ceo .sign .inner {
  display: inline-block;
  width: 175px;
  text-align: left;
  background: url("/assets/img/en/company/sign.png") no-repeat left bottom;
  background-size: 150px auto;
  padding-bottom: 40px;
  color: #222;
}

#sustainability .ethics .human .ceo .sign .inner .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
}

#sustainability .ethics .human .ceo .sign .inner .txt2 {
  display: block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  margin-top: 3px;
}

/* >>>>> */

#sustainability .cp .intro .whatis .t_tit4 {
  margin-bottom: 25px;
}

#sustainability .cp .intro .whatis .cpis {
  margin-bottom: 50px;
}

#sustainability .cp .intro .whatis .cpis .m_desc {
  text-align: center;
  margin-bottom: 25px;
}

#sustainability .cp .intro .whatis .cpis .infographic img {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .cp .intro .whatis .cpis .infographic .box_edge2 {
  height: auto;
}

#sustainability .cp .intro .whatis .cpis .infographic .box_edge2 .inner {
  padding: 25px 5%;
}

#sustainability .cp .intro .whatis .cpis .infographic .box_edge2 .ic {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

#sustainability .cp .intro .whatis .cpis .infographic .box_edge2 .ic:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-right: 5px;
  margin-bottom: 4px;
  background: url("/assets/img/sustainability/quotation.png") no-repeat 0 0;
  background-size: 22px auto;
}

#sustainability .cp .intro .whatis .cpis .infographic .box_edge2 .ic:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 5px;
  background: url("/assets/img/sustainability/quotation.png") no-repeat -11px 0;
  background-size: 22px auto;
}

#sustainability .cp .intro .whatis .necessity {
  margin-bottom: 50px;
}

#sustainability .cp .intro .whatis .necessity ul li {
  width: 100%;
  margin-bottom: 25px;
}

#sustainability .cp .intro .whatis .necessity ul li figure {
  margin-bottom: 20px;
}

#sustainability .cp .intro .whatis .necessity ul li .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
  letter-spacing: 0px;
  padding: 0 10px;
  margin-bottom: 10px;
}

#sustainability .cp .intro .whatis .necessity ul li .t_desc1 {
  padding: 0 10px;
}

#sustainability .cp .intro .whatis .element .m_tit {
  margin-bottom: 15px;
}

#sustainability .cp .intro .whatis .element .acodi_type1 {
  margin-top: 25px;
}

#sustainability .cp .intro .whatis .element .acodi_type1 .ac_head .txt {
  display: inline-block;
  padding-left: 15px;
}

#sustainability .cp .intro .whatis .element .acodi_type1 .ac_head .txt:first-letter {
  margin-left: -15px;
}

#sustainability .cp .intro .action .promise .slogan {
  text-align: center;
}

#sustainability .cp .intro .action .promise .slogan > .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 17px;
  color: #222;
  line-height: 22px;
  padding: 0 10%;
  margin-bottom: 20px;
}

#sustainability .cp .intro .action .promise .slogan > .txt1 em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #05ad8e;
}

#sustainability .cp .intro .action .promise .slogan > .txt1:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url("/assets/img/sustainability/quotation2.png") no-repeat 0 0;
  background-size: 25px auto;
  margin: 0 4px 5px 0;
}

#sustainability .cp .intro .action .promise .slogan > .txt1:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url("/assets/img/sustainability/quotation2.png") no-repeat -13px 0;
  background-size: 25px auto;
  margin: 0 0 4px 4px;
}

#sustainability .cp .intro .action .promise .slogan p {
  margin-bottom: 35px;
}

#sustainability .cp .intro .action .promise .slogan p .txt2 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  margin-bottom: 5px;
}

#sustainability .cp .intro .action .infographic {
  background: #05ad8e;
  padding: 40px 25px;
  margin-bottom: 55px;
}

#sustainability .cp .intro .action .infographic .bg {
  width: 100%;
  max-width: 310px;
  height: 180px;
  background: #05ad8e url("/assets/img/sustainability/cp_action_bg1.png") no-repeat center top;
  background-size: 310px auto;
  position: relative;
  margin: 0 auto;
}

#sustainability .cp .intro .action .infographic .bg .circle {
  display: block;
  width: 105px;
  height: 105px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  text-align: center;
  position: absolute;
  padding-top: 68px;
  background-repeat: no-repeat;
  background-size: 105px;
}

#sustainability .cp .intro .action .infographic .bg .txt1 {
  left: 0px;
  top: 28px;
  background-image: url("/assets/img/sustainability/cp_action_bg2.png");
}

#sustainability .cp .intro .action .infographic .bg .txt2 {
  right: 0px;
  top: 28px;
  background-image: url("/assets/img/sustainability/cp_action_bg2.png");
}

#sustainability .cp .intro .action .infographic .bg .txt3 {
  display: block;
  width: 90px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  margin: 0 auto;
}

#sustainability .cp .intro .action .infographic ul {
  width: 100%;
  max-width: 310px;
  background: #1c303b;
  padding: 20px 15px;
}

#sustainability .cp .intro .action .infographic ul li {
  color: #fff;
  line-height: 20px;
}

#sustainability .cp .intro .action .list {
  padding-bottom: 80px;
  background: url("/assets/img/sustainability/cp_action_bg4.jpg") no-repeat center bottom;
  background-size: 100%;
}

#sustainability .cp .intro .action .list .inner {
  border-top: 2px solid #222;
}

#sustainability .cp .intro .action .list .inner ul li {
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}

#sustainability .cp .intro .action .list .inner ul li:last-child {
  border-bottom: 0;
}

#sustainability .cp .intro .action .list .inner ul li .m_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  line-height: 23px;
  margin-bottom: 15px;
}

#sustainability .cp .intro .action .list .inner .sign {
  text-align: right;
  padding: 5px 0 70px 0;
}

#sustainability .cp .intro .action .list .inner .sign .wrap {
  display: inline-block;
  width: 160px;
  text-align: left;
  background: url("/assets/img/en/sustainability/sign.png") no-repeat left bottom;
  background-size: 150px auto;
  padding-bottom: 40px;
  color: #222;
}

#sustainability .cp .intro .action .list .inner .sign .wrap em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
}

#sustainability .cp .intro .declaration .document .bg {
  width: 100%;
  background: #f5f5f5;
}

#sustainability .cp .intro .declaration .wrap_list {
  background: #f5f5f5;
  padding: 40px 0 40px 0;
  /* margin-top: -120px; */
}

#sustainability .cp .intro .rule .wrap_rule .m_desc {
  text-align: center;
  margin-bottom: 30px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic1 {
  background-position: 0 0px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic2 {
  background-position: -90px 0px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic3 {
  background-position: -180px 0px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic4 {
  background-position: -270px 0px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic5 {
  background-position: -360px 0px;
}

#sustainability .cp .intro .rule .wrap_rule .download_box li .icon.ic6 {
  background-position: 0px -90px;
}

#sustainability .cp .intro .operate .m_desc {
  text-align: center;
  margin-bottom: 25px;
}

#sustainability .cp .intro .operate .bg_history .inner_box {
  background-image: url("/assets/img/sustainability/operate_bg.jpg");
}

#sustainability .cp .manager .intro {
  text-align: center;
  margin-top: 50px;
}

#sustainability .cp .manager .intro .m_tit {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin-bottom: 15px;
  padding: 0 10%;
}

#sustainability .cp .manager .intro .m_tit em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #05ad8e;
}

#sustainability .cp .manager .intro .m_tit:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url("/assets/img/sustainability/quotation2.png") no-repeat 0 0;
  background-size: 25px auto;
  margin: 0 4px 5px 0;
}

#sustainability .cp .manager .intro .m_tit:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url("/assets/img/sustainability/quotation2.png") no-repeat -13px 0;
  background-size: 25px auto;
  margin: 0 0 4px 4px;
}

#sustainability .cp .manager .intro .m_desc {
  margin-bottom: 40px;
}

#sustainability .cp .manager .intro .bg_box {
  background: #fafafa;
  padding: 0px 25px 50px 25px;
}

#sustainability .cp .manager .intro .bg_box ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 25px 20px 30px 90px;
  text-align: left;
  display: table;
}

#sustainability .cp .manager .intro .bg_box ul li p {
  display: table-cell;
  vertical-align: top;
}

#sustainability .cp .manager .intro .bg_box ul li p em {
  display: block;
  font-weight: 800;
  color: #222;
}

#sustainability .cp .manager .intro .bg_box ul li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 30px;
  width: 60px;
  height: 70px;
  background: url("/assets/img/sustainability/ic_sprite3.png") no-repeat;
  background-size: 180px auto;
}

#sustainability .cp .manager .intro .bg_box ul li:nth-child(1):before {
  background-position: 0 0;
}

#sustainability .cp .manager .intro .bg_box ul li:nth-child(2):before {
  background-position: -60px 0;
}

#sustainability .cp .manager .intro .bg_box ul li:nth-child(3):before {
  background-position: -120px 0;
}

#sustainability .cp .manager .intro .bg_box .bottom_txt {
  color: #222;
  text-align: left;
  margin: 30px 0;
}

#sustainability .cp .manager .intro .bg_box .tar {
  color: #222;
}

#sustainability .cp .manager .intro .bg_box .tar span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

#sustainability .cp .manager .situation .pageTitle {
  padding-top: 50px;
}

#sustainability .cp .manager .situation .infographic {
  padding: 40px 25px;
  background: #e9f5f0;
  margin-bottom: 40px;
}

#sustainability .cp .manager .behavior {
  background: #f5f5f5;
  margin-top: 50px;
  padding-bottom: 75px;
}

#sustainability .cp .manager .behavior .pageTitle {
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

#sustainability .cp .manager .behavior .pageTitle .t_tit1 {
  margin-bottom: 15px;
}

#sustainability .cp .manager .behavior .tar {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  margin-top: 0px;
}

#sustainability .cp .manager .behavior .tar span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

#sustainability .cp .guide .download_box2 li .icon.ic1 {
  background-position: -90px -90px;
}

#sustainability .cp .guide .download_box2 li .icon.ic2 {
  background-position: -180px -90px;
}

#sustainability .cp .guide .download_box2 li .icon.ic3 {
  background-position: -270px -90px;
}

#sustainability .cp .guide .download_box2 li .icon.ic4 {
  background-position: -360px -90px;
}

#sustainability .cp .notice_list .board_list_type1 {
  margin-bottom: 30px;
}

#sustainability .cp .notice_list .board_list_type1 .col1 {
  width: 60px;
}

#sustainability .cp .notice_list .board_list_type1 .col2 {
  width: calc(100% - 60px);
}

#sustainability .cp .report .list > li {
  width: 100%;
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #ddd;
}

#sustainability .cp .report .list > li .circle_txt {
  margin: 0 auto 15px auto;
}

#sustainability .cp .report .list > li:first-child {
  padding-top: 0;
}

#sustainability .cp .report .list > li:last-child {
  border-bottom: 0;
}

#sustainability .cp .report .list > li .bullet_type1.label1 > li {
  padding-left: 72px;
}

#sustainability .cp .report .list > li .bullet_type1.label1 > li:before {
  color: #222;
}

#sustainability .cp .report .list > li .bullet_type1.label1 > li .lb {
  position: absolute;
  left: 10px;
  top: 0px;
  color: #222;
}

#sustainability .cp .report .list > li .bullet_type1.label2 > li {
  padding-left: 60px;
}

#sustainability .cp .report .list > li .bullet_type1.label2 > li:before {
  color: #222;
}

#sustainability .cp .report .list > li .bullet_type1.label2 > li .lb {
  position: absolute;
  left: 10px;
  top: 0px;
  color: #222;
}

#sustainability .cp .report .list > li .bullet_type1.label2 > li:nth-child(2) .lb,
#sustainability .cp .report .list > li .bullet_type1.label2 > li:nth-child(3) .lb {
  letter-spacing: 0.5px;
}

#sustainability .social_contribution .contact_padding {
  padding-bottom: 320px;
}

#sustainability .social_contribution .social_contact {
  width: 100%;
  background: #1c303b url("/assets/img/sustainability/social_contact_bg.png") no-repeat right bottom;
  background-size: 68px auto;
  padding: 20px 25px 25px 25px;
}

#sustainability .social_contribution .social_contact .m_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.2px;
  line-height: 40px;
}

#sustainability .social_contribution .social_contact .m_desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  line-height: 18px;
  margin-bottom: 10px;
}

#sustainability .social_contribution .social_contact .m_desc a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

#sustainability .social_contribution .social_contact .cmt {
  color: #fff;
  opacity: 0.3;
}

#sustainability .social_contribution .intro .page_visual .vi {
  background-image: url("/assets/img/sustainability/vi_page_social_intro.jpg");
}

#sustainability .social_contribution .intro .social_system {
  margin-bottom: 55px;
}

#sustainability .social_contribution .intro .social_system .infographic img {
  width: 100%;
  /* max-width: 320px; */
  margin: 0 auto;
}

#sustainability .social_contribution .intro .social_history .pageTitle {
  padding-top: 50px;
}

#sustainability .social_contribution .intro .social_history .inner_box {
  background-image: url("/assets/img/sustainability/social_history_bg.jpg");
}

#sustainability .social_contribution .intro .social_result {
  background: #f5f5f5;
  padding-bottom: 75px;
}

#sustainability .social_contribution .intro .social_result .pageTitle {
  padding-top: 50px;
}

#sustainability .social_contribution .intro .social_result .infographic {
  position: relative;
}

#sustainability .social_contribution .intro .social_result .infographic .box {
  width: 100%;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div {
  position: relative;
  background: #fff;
  padding: 30px 20px 30px 130px;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .ic {
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: url("/assets/img/sustainability/ic_sprite4.png") no-repeat;
  background-size: 160px auto;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .ic.ic1 {
  background-position: 0 0;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .ic.ic2 {
  background-position: -80px 0;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.2px;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .txt1 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: #222;
  letter-spacing: -0.2px;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .txt1 em {
  font-weight: 800;
  font-size: 26px;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .txt1 em .small1 {
  font-size: 20px;
}

#sustainability .social_contribution .intro .social_result .infographic .box > div .txt2 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.2px;
  margin-top: 3px;
}

#sustainability .social_contribution .intro .social_result .infographic .graph {
  width: 100%;
  padding: 30px 0 40px 0;
  background: #fff;
  -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}

#sustainability .social_contribution .intro .social_result .infographic .graph .inner {
  width: 340px;
  text-align: center;
}

#sustainability .social_contribution .intro .social_result .infographic .graph .inner .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  letter-spacing: -0.2px;
  margin-bottom: 35px;
}

#sustainability .social_contribution .intro .social_result .infographic .graph .inner img {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .social_contribution .activity .wrap_project {
  padding-top: 55px;
  border-top: 1px solid #ddd;
}

#sustainability .social_contribution .activity .wrap_project:nth-of-type(1) {
  padding-top: 0;
  border-top: none;
}


/*>>> 2021-03-16 추가, 나눔경영 수정 */
#sustainability .social_contribution .activity .wrap_project .tit {
  padding-bottom: 20px;
}

#sustainability .social_contribution .activity .wrap_project .tit span:first-child {
  color: #fff;
  background: #07836d;
}

#sustainability .social_contribution .activity .wrap_project .tit span {
  float: left;
  width: auto;
  height: auto;
  padding: 5px 15px 5px;
  border: 1px solid #07836d;
  font-family: 'noto';
  font-weight: 400;
  font-size: 14px;
  color:#07836d;
  letter-spacing: -0.2;
}

#sustainability .social_contribution .activity .project_tit .wrap .wrap_mov .movie_area {
  width: 100%;
  height: auto;
  position: relative;
}

#sustainability .social_contribution .activity .project_tit .wrap .wrap_mov .movie_area video {
  display: block;
  width: 100%;
  height: auto;
}

#sustainability .social_contribution .activity .project_tit .wrap .wrap_mov .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#sustainability .social_contribution .activity .project_tit .wrap .wrap_mov .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}



/*<<< */



#sustainability .social_contribution .activity .project_tit {
  padding: 150px 25px 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  margin: 0 -25px 40px;
}

#sustainability .social_contribution .activity .project_tit .wrap {
  position: relative;
  background: #fff;
  border-top: 2px solid #05ad8e;
  padding-top: 30px;
  text-align: center;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner {
  position: relative;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner.hasLogo {
  text-align: center;
  padding-right: 5px;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .pj_logo {
  text-align: center;
  padding: 15px 0;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .pj_logo img {
  display: inline-block;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .sort {
  display: inline-block;
  margin-bottom: 10px;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .sort span {
  float: left;
  width: auto;
  height: 21px;
  padding: 0 10px;
  border: 1px solid #05ad8e;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #05ad8e;
  line-height: 19px;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .sort span:first-child {
  color: #fff;
  background: #05ad8e;
}

#sustainability .social_contribution .activity .project_tit .wrap .inner .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 19px;
  color: #222;
  margin-bottom: 15px;
}

#sustainability .social_contribution .activity .project_tit .wrap .s_desc {
  padding: 0 10px;
}

#sustainability .social_contribution .activity .project_tit .wrap .s_desc2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  line-height: 19px;
  padding: 0 10px;
}

#sustainability .social_contribution .activity .project_list1 {
  margin-bottom: 40px;
}

#sustainability .social_contribution .activity .project_list1 > li {
  margin-bottom: 25px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap {
  margin-top: 20px;
  padding: 0 10px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .tag {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #05ad8e;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .bullet_type1 li {
  margin-top: 0;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #666;
  margin-left: 8px;
  margin-bottom: 3px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt1:first-letter {
  margin-left: -8px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt2 {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  padding-left: 20px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt2:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 4px;
  width: 6px;
  height: 6px;
  background: url("/assets/img/common/ic_bullet1.png") no-repeat;
  background-size: 100%;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt3 {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  padding-left: 20px;
}

#sustainability .social_contribution .activity .project_list1 > li .wrap .hope_desc .txt3:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 8px;
  height: 8px;
  background: url("/assets/img/common/ic_bullet2.png") no-repeat;
  background-size: 100%;
}

#sustainability .social_contribution .activity .project_list2 {
  padding: 0 10px;
  margin-bottom: 15px;
}

#sustainability .social_contribution .activity .project_list2 li {
  text-align: center;
  margin-bottom: 25px;
}

#sustainability .social_contribution .activity .project_list2 li .wrap {
  margin-top: 17px;
}

#sustainability .social_contribution .activity .project_list2 li .wrap .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
  margin-bottom: 5px;
}

#sustainability .social_contribution .activity .project_list3 {
  float: none;
  text-align: left;
}

#sustainability .social_contribution .activity .gifthouse_gallery {
  width: 100%;
  margin-bottom: 40px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab {
  position: relative;
  margin-bottom: 20px;
  padding: 0 30px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .tab_edge {
  width: 100%;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .tab_edge ul li {
  margin-left: 0;
  padding: 0 4px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .tab_edge ul li button {
  width: 100%;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_next,
#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_prev {
  width: 11px;
  height: 19px;
  text-indent: -9999px;
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: 50%;
  margin: -10px 0 0 0;
  cursor: pointer;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_next {
  background-image: url("/assets/img/common/arrow17_next.png");
  right: 0;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_next.swiper-button-disabled {
  opacity: 0.4;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_prev {
  background-image: url("/assets/img/common/arrow17_prev.png");
  left: 0;
}

#sustainability .social_contribution .activity .gifthouse_gallery .season_tab .btn_prev.swiper-button-disabled {
  opacity: 0.4;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery {
  background: #fafafa;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel {
  display: none;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel.active {
  display: block;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .wrap_txt {
  padding: 25px 25px 30px 25px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .wrap_txt .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  color: #05ad8e;
  margin-bottom: 5px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .wrap_txt .txt2 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 17px;
  color: #222;
  line-height: 21px;
  margin-bottom: 10px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area {
  position: relative;
  height: 35px;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show {
  position: absolute;
  top: 0;
  height: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
  color: #666;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 1;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  padding-left: 27px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px auto;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.on {
  color: #05ad8e;
  border: 1px solid #05ad8e;
  z-index: 2;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.pic {
  left: 0;
  width: 50%;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.pic span {
  background-image: url("/assets/img/common/ic_picture1.png");
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.pic.on span {
  background-image: url("/assets/img/common/ic_picture2.png");
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.mov {
  left: calc(50% - 1px);
  width: calc(50% + 1px);
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.mov span {
  background-image: url("/assets/img/common/ic_movie2.png");
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .top .btn_area .btn_show.mov.on span {
  background-image: url("/assets/img/common/ic_movie3.png");
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_pic {
  display: none;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_pic.active {
  display: block;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov {
  display: none;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov.active {
  display: block;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .movie_area {
  width: 100%;
  height: auto;
  position: relative;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .movie_area video {
  display: block;
  width: 100%;
  height: auto;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .caption_area {
  width: 100%;
  height: 230px;
  padding: 25px 0 25px 25px;
  background: #f5f5f5;
  position: relative;
}

#sustainability .social_contribution .activity .gifthouse_gallery .gallery .panel .view .wrap_mov .caption_area .caption {
  width: 100%;
  height: 100%;
  padding-right: 25px;
  overflow-y: auto;
}

#sustainability .social_contribution .activity .gifthouse_gallery .bottom_btn {
  margin-top: 20px;
}

#sustainability .social_contribution .reference .report_latest {
  position: relative;
  padding-top: 30px;
}

#sustainability .social_contribution .reference .report_latest:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 255px;
  background: #e9f5f0;
}

#sustainability .social_contribution .reference .report_latest figure {
  position: relative;
}

#sustainability .social_contribution .reference .report_latest figure img {
  width: 80%;
  height: auto;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

#sustainability .social_contribution .reference .report_latest .tit {
  text-align: center;
  margin-top: 35px;
}

#sustainability .social_contribution .reference .report_latest .tit .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #05ad8e;
}

#sustainability .social_contribution .reference .report_latest .tit .txt2 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 21px;
  color: #222;
  line-height: 27px;
  margin-top: 5px;
}

#sustainability .social_contribution .reference .report_latest .desc {
  text-align: center;
}

#sustainability .social_contribution .reference .report_latest .desc .txt1 {
  margin: 15px 0 30px;
}

#sustainability .social_contribution .reference .report_latest .contact_info {
  margin: 30px 0;
}

#sustainability .social_contribution .reference .report_latest .contact_info .inner {
  padding: 25px;
  text-align: left;
}

#sustainability .social_contribution .reference .report_latest .contact_info .inner .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  text-align: left;
  margin: 0 0 10px;
}

#sustainability .social_contribution .reference .report_latest .contact_info .inner ul li {
  margin-top: 0px;
}

#sustainability .social_contribution .reference .report_past .ac_panel {
  padding: 0 25px 40px 25px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li {
  float: left;
  width: calc(50% - 10px);
  margin-top: 30px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li:nth-child(2n) {
  margin-left: 10px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li:nth-child(2n-1) {
  margin-right: 10px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li figure img {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
}

#sustainability .social_contribution .reference .report_past .ac_panel .report_list li .btn_download4 {
  width: 100%;
  margin-top: 10px;
}

#sustainability .social_contribution .reference .report_past .ac_panel .btn_more1 {
  margin-top: 35px;
}

#sustainability .social_contribution .reference .social_movie .pageTitle {
  padding-top: 55px;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .movie_area {
  width: 100%;
  position: relative;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .movie_area video {
  display: block;
  width: 100%;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .tit_area {
  margin: 20px 0 30px;
  padding: 0 10px;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .tit_area .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  color: #222;
  margin-bottom: 5px;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .tit_area .txt_data span {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #999;
  padding-right: 11px;
  margin-right: 8px;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .tit_area .txt_data span:before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #aaa;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .tit_area .txt_data span:last-child:before {
  display: none;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .caption_area {
  width: 100%;
  height: 230px;
  padding: 25px 0 25px 25px;
  background: #f5f5f5;
  position: relative;
}

#sustainability .social_contribution .reference .social_movie .wrap_movie .caption_area .caption {
  width: 100%;
  height: 100%;
  padding-right: 25px;
  overflow-y: auto;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb {
  position: relative;
  margin-bottom: 130px;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container {
  width: 100%;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con {
  position: relative;
  width: 135px;
  text-align: left;
  margin-right: 20px;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .thumb {
  position: relative;
  width: 100%;
  height: 76px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .thumb:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .thumb:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 13px;
  margin: -6px 0 0 -5px;
  background: url("/assets/img/common/btn_play2.png") no-repeat;
  background-size: auto 100%;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .tit {
  margin-top: 10px;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .tit .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con .tit .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #222;
}

#sustainability .social_contribution .reference .social_movie .movie_thumb_list .slide_movie_thumb .container .con.selected .thumb:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
  opacity: 0.8;
}

#sustainability .quality .intro .quality_system {
  margin-bottom: 55px;
  overflow: hidden;
}

#sustainability .quality .intro .quality_system .pageTitle {
  padding-top: 0;
}

#sustainability .quality .intro .quality_system .diagram {
  position: relative;
  padding: 0 25px;
}

#sustainability .quality .intro .quality_system .diagram figure {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .quality .intro .quality_system .diagram figure:before {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  top: -60px;
  bottom: -60px;
  background: url("/assets/img/sustainability/intro_circle_bg.png") no-repeat center;
  background-size: 100% auto;
}

#sustainability .quality .intro .quality_system .diagram figure img {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .quality .intro .quality_policy {
  margin-bottom: 55px;
}

#sustainability .quality .intro .quality_policy .pageTitle {
  background: url("/assets/img/sustainability/quality_intro_bg1.jpg") no-repeat center top;
  background-size: cover;
  padding: 50px 25px 115px;
}

#sustainability .quality .intro .quality_policy .pageTitle .t_tit1 {
  color: #fff;
}

#sustainability .quality .intro .quality_policy ul {
  margin-top: -75px;
}

#sustainability .quality .intro .quality_policy ul li + li {
  margin-top: 25px;
}

#sustainability .quality .intro .quality_policy ul li .txt1 {
  margin: 15px 0 10px;
}

#sustainability .quality .activity .tab_type2 {
  margin-bottom: 80px;
}

#sustainability .quality .activity .campaign .m_desc {
  text-align: center;
  margin-bottom: 30px;
}

#sustainability .quality .activity .campaign .bg_box {
  background: #fafafa;
  padding: 40px 0;
  text-align: center;
  margin-bottom: 40px;
}

#sustainability .quality .activity .campaign .bg_box .theme {
  display: inline-block;
  width: 150px;
  height: 410px;
  background: url("/assets/img/sustainability/quality_campaign_bg1.png") no-repeat center top;
  background-size: 150px auto;
  margin: 0 auto 20px auto;
  position: relative;
}

#sustainability .quality .activity .campaign .bg_box .theme li {
  position: absolute;
  left: 0;
  width: 150px;
}

#sustainability .quality .activity .campaign .bg_box .theme li .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.2px;
  margin-bottom: 5px;
}

#sustainability .quality .activity .campaign .bg_box .theme li .txt2 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 10px;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(1) {
  top: 40px;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(1) .txt1 {
  color: #05ad8e;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(2) {
  top: 175px;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(2) .txt1 {
  color: #2159b7;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(3) {
  top: 305px;
}

#sustainability .quality .activity .campaign .bg_box .theme li:nth-child(3) .txt1 {
  color: #1c303b;
}

#sustainability .quality .activity .campaign .bg_box .desc {
  padding: 0 10%;
}

#sustainability .quality .activity .campaign .bg_box .slogan {
  margin-top: 25px;
}

#sustainability .quality .activity .campaign .bg_box .slogan .grad_inner {
  padding: 25px 0;
}

#sustainability .quality .activity .campaign .bg_box .slogan .grad_inner .txt1 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}

#sustainability .quality .activity .campaign .bg_box .slogan .grad_inner .txt2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

#sustainability .quality .activity .workshop .m_desc {
  text-align: center;
  margin-bottom: 30px;
}

#sustainability .quality .activity .association .wrap_txt {
  padding: 0 10px;
  margin-top: 25px;
}

#sustainability .quality .activity .association .wrap_txt .m_tit {
  margin-bottom: 15px;
}

#sustainability .quality .activity .association .wrap_txt .desc .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
}

#sustainability .quality .activity .association .wrap_txt .desc .txt1 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#sustainability .quality .activity .quality_mag .m_desc {
  margin-bottom: 30px;
}

#sustainability .quality .activity .it_system .activity_list1 .wrap_con .cmt_guide1 {
  margin-bottom: 15px;
}

#sustainability .quality .activity .it_system .activity_list1 .img_area img {
  max-width: 620px;
  margin: 0 auto;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box {
  position: relative;
  border: 1px solid #ddd;
  padding: 30px 10px 10px;
  margin-top: 50px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .tit1 {
  position: absolute;
  left: 0;
  top: -28px;
  width: 75px;
  height: 28px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .tit1 .inner {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 25px;
  padding: 2px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .tit2 {
  text-align: center;
  margin-bottom: 15px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .tit2 h6 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  color: #222;
  margin-bottom: 3px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .tit2 h6 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li {
  float: left;
  width: calc(50% - 10px);
  height: 260px;
  background: #f5f5f5;
  padding: 20px 15px 0;
  margin: 5px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li .s_tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  color: #222;
  text-align: center;
  margin-bottom: 10px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li .icon {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px;
  background-image: url("/assets/img/sustainability/ic_sprite7.png");
  background-size: 420px auto;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li .bullet_type1 {
  max-width: 120px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li .bullet_type1 li {
  font-size: 11px;
  line-height: 17px;
  margin-top: 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .tit2 em {
  color: #05ad8e;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic1 {
  background-position: 0 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic2 {
  background-position: -70px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic3 {
  background-position: -140px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic4 {
  background-position: -210px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic5 {
  background-position: -280px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.hqms .icon.ic6 {
  background-position: -350px 0;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .tit2 em {
  color: #2159b7;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .gray_box > li {
  height: 285px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic1 {
  background-position: 0 -70px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic2 {
  background-position: -70px -70px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic3 {
  background-position: -140px -70px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic4 {
  background-position: -210px -70px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic5 {
  background-position: -280px -70px;
}

#sustainability .quality .activity .it_system .hqms_sqms .wrap_box.sqms .icon.ic6 {
  background-position: -350px -70px;
}

@media screen and (max-width: 320px) {
  #sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li {
    float: none;
    width: 100%;
    height: auto !important;
    padding-bottom: 20px;
    margin: 0 0 10px 0;
  }
  #sustainability .quality .activity .it_system .hqms_sqms .wrap_box .gray_box > li .bullet_type1 {
    max-width: 150px;
  }
}

#sustainability .quality .activity .it_system .vell .ve_system {
  margin: 25px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-left: 120px;
  padding-bottom: 20px;
}

#sustainability .quality .activity .it_system .vell .ve_system .core {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  background: url("/assets/img/sustainability/quality_it_bg1.png") no-repeat;
  background-size: 100%;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide {
  position: relative;
  padding: 0 30px;
  background: url("/assets/img/sustainability/dash2.png") repeat-x 0 60px;
  background-size: 5px 1px;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li .circle {
  width: 90px;
  height: 90px;
  border: 1px solid #05ad8e;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  color: #05ad8e;
  margin-top: 15px;
  padding-top: 9px;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li .circle .num {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 17px;
  opacity: 0.3;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li .circle .num.margin1 {
  margin-bottom: 10px;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li .circle .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  padding: 0 10px;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li ul {
  width: 100%;
  max-width: 120px;
  margin-top: 5px;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide ol > li ul li {
  font-size: 11px;
  line-height: 17px;
  margin-top: 0;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-prev,
#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-next {
  position: absolute;
  top: 50px;
  width: 12px;
  height: 21px;
  margin-top: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-prev.swiper-button-disabled,
#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-next.swiper-button-disabled {
  visibility: hidden;
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-prev {
  left: 0;
  background-image: url("/assets/img/common/arrow18_prev.png");
}

#sustainability .quality .activity .it_system .vell .ve_system .ve_cycle_slide .swiper-button-next {
  right: 0;
  background-image: url("/assets/img/common/arrow18_next.png");
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol {
  width: 670px;
  background: url("/assets/img/sustainability/quality_it_bg2.png") no-repeat;
  background-size: 100% auto;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li {
  float: left;
  width: 100px;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li + li {
  margin-left: 42px;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li .txt1 {
  height: 124px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  text-align: center;
  line-height: 14px;
  padding-top: 65px;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li:nth-child(1) .txt1 {
  color: #05ad8e;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li:nth-child(2) .txt1 {
  color: #0a9e95;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li:nth-child(3) .txt1 {
  color: #1381a3;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li:nth-child(4) .txt1 {
  color: #1b6bae;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li:nth-child(5) .txt1 {
  color: #2159b7;
}

#sustainability .quality .activity .it_system .vell .ve_program .img_slide .wrap ol > li ul li {
  font-size: 11px;
  line-height: 17px;
  margin-top: 0;
}

#sustainability .environment .intro .environment_system {
  margin-bottom: 55px;
  overflow: hidden;
}

#sustainability .environment .intro .environment_system .pageTitle {
  padding-top: 0;
}

#sustainability .environment .intro .environment_system .diagram {
  position: relative;
  padding: 0 25px;
  margin-top: 60px;
}

#sustainability .environment .intro .environment_system .diagram figure {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .environment .intro .environment_system .diagram figure:before {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  top: -60px;
  bottom: -60px;
  background: url("/assets/img/sustainability/intro_circle_bg.png") no-repeat center;
  background-size: 100% auto;
}

#sustainability .environment .intro .environment_system .diagram figure img {
  position: relative;
  max-width: 320px;
  margin: 0 auto 60px;
}

#sustainability .environment .intro .environment_policy {
  margin-bottom: 55px;
}

#sustainability .environment .intro .environment_policy .pageTitle {
  background: url("/assets/img/sustainability/environment_intro_bg1.jpg") no-repeat center top;
  background-size: cover;
  padding: 50px 25px 115px;
}

#sustainability .environment .intro .environment_policy .pageTitle .t_tit1 {
  color: #fff;
}

#sustainability .environment .intro .environment_policy .hexagon_list {
  margin-top: -75px;
  background: #fff;
  padding: 40px 25px 0 25px;
}

#sustainability .environment .intro .environment_policy .box_edge2 {
  width: 100%;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner {
  padding: 25px;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner .txt {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner .txt em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner .txt:before, #sustainability .environment .intro .environment_policy .box_edge2 .inner .txt:after {
  content: "";
  width: 11px;
  height: 14px;
  background-image: url("/assets/img/sustainability/quotation4.png");
  background-repeat: no-repeat;
  background-size: 23px auto;
  display: inline-block;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner .txt:before {
  background-position: 0 0;
  margin-right: 3px;
}

#sustainability .environment .intro .environment_policy .box_edge2 .inner .txt:after {
  background-position: -12px 0;
  margin-left: 3px;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad {
  margin: 15px 0;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad:before, #sustainability .environment .activity .tech .gtl .box_edge_grad:after {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad .grad_inner {
  display: block;
  margin: 0 auto;
  height: 100%;
  padding: 20px 0;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad .grad_inner .box_tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 10px;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad .grad_inner ul li {
  position: relative;
  float: left;
  width: 50%;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad .grad_inner ul li em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 30px;
}

#sustainability .environment .activity .tech .gtl .box_edge_grad .grad_inner ul li:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.3);
}

#sustainability .environment .activity .tech .img_slide {
  margin-top: 25px;
}

#sustainability .environment .activity .tech .img_slide .wrap img {
  width: 100%;
  min-width: 533px;
  border: none;
}

#sustainability .safety .intro .safety_goal .pageTitle {
  padding-top: 0;
}

#sustainability .safety .intro .safety_goal .wrap > li {
  background: #fff;
  padding: 25px;
  margin-bottom: 10px;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
}

#sustainability .safety .intro .safety_goal .wrap > li .top {
  position: relative;
  display: table;
  width: 100%;
  height: 70px;
  padding-left: 74px;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 60px;
  height: 70px;
  margin-top: -35px;
  background-image: url("/assets/img/sustainability/ic_sprite3.png");
  background-repeat: no-repeat;
  background-size: 180px auto;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .icon.ic1 {
  background-position: 0 -70px;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .icon.ic2 {
  background-position: -60px -70px;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .icon.ic3 {
  background-position: -120px -70px;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

#sustainability .safety .intro .safety_goal .wrap > li .top .inner .tit {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #222;
}

#sustainability .safety .intro .safety_goal .wrap > li .desc {
  border-top: 1px solid #ddd;
  padding: 15px 5px;
  margin-top: 20px;
}

#sustainability .safety .intro .safety_goal .wrap > li .desc ul {
  display: inline-block;
}

#sustainability .safety .intro .safety_goal .wrap > li .desc ul li {
  margin-top: 0;
  font-size: 12px;
}

#sustainability .safety .intro .safety_system {
  margin-bottom: 55px;
  overflow: hidden;
}

#sustainability .safety .intro .safety_system .diagram {
  position: relative;
  padding: 0 25px;
  margin-top: 60px;
}

#sustainability .safety .intro .safety_system .diagram figure {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
}

#sustainability .safety .intro .safety_system .diagram figure:before {
  content: "";
  position: absolute;
  left: -60px;
  right: -60px;
  top: -60px;
  bottom: -60px;
  background: url("/assets/img/sustainability/intro_circle_bg.png") no-repeat center;
  background-size: 100% auto;
}

#sustainability .safety .intro .safety_system .diagram figure img {
  position: relative;
  max-width: 320px;
  margin: 0 auto 60px;
}

#sustainability .safety .intro .safety_policy {
  margin-bottom: 55px;
}

#sustainability .safety .intro .safety_policy .pageTitle {
  background: url("/assets/img/sustainability/safety_intro_bg1.jpg") no-repeat center top;
  background-size: cover;
  padding: 50px 25px 115px;
}

#sustainability .safety .intro .safety_policy .pageTitle .t_tit1 {
  color: #fff;
}

#sustainability .safety .intro .safety_policy .hexagon_list {
  margin-top: -75px;
  background: #fff;
  /* padding: 40px 25px 0 25px; */
}

#sustainability .safety .intro .safety_policy .box_edge2 {
  width: 100%;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner {
  padding: 25px;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner .txt {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner .txt em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #05ad8e;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner .txt:before, #sustainability .safety .intro .safety_policy .box_edge2 .inner .txt:after {
  content: "";
  width: 11px;
  height: 14px;
  background-image: url("/assets/img/sustainability/quotation4.png");
  background-repeat: no-repeat;
  background-size: 23px auto;
  display: inline-block;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner .txt:before {
  background-position: 0 0;
  margin-right: 3px;
}

#sustainability .safety .intro .safety_policy .box_edge2 .inner .txt:after {
  background-position: -12px 0;
  margin-left: 3px;
}

#sustainability .safety .activity .safety_act .activity_list1 .hse .img_area img {
  max-width: 271px;
  margin: 0 auto;
}

#sustainability .safety .activity .safety_act .activity_list1 .hse .wrap_con > ul > li {
  margin-top: 15px;
}

#sustainability .safety .activity .safety_act .activity_list1 .hse .wrap_con > ul > li .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #222;
  line-height: 19px;
}

#sustainability .safety .activity .safety_act .activity_list1 .hse .wrap_con > ul > li .bullet_type1 li {
  margin-top: 0;
}

#sustainability .safety .activity .record {
  position: relative;
}

#sustainability .safety .activity .record .list li {
  float: left;
  width: calc(50% - 5px);
  height: 158px;
  margin-bottom: 10px;
}

#sustainability .safety .activity .record .list li:nth-child(2n) {
  margin-left: 5px;
}

#sustainability .safety .activity .record .list li:nth-child(2n-1) {
  margin-right: 5px;
}

#sustainability .safety .activity .record .list li .btn_record {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}

#sustainability .safety .activity .record .list li .btn_record .inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 25px 15px 0 15px;
  background: #f5f5f5 url("/assets/img/sustainability/safety_record_bg1.png") no-repeat right bottom;
  background-size: 71px auto;
}

#sustainability .safety .activity .record .list li .btn_record .inner .tit {
  font-family: roboto, 'noto';
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #222;
  margin-top: 5px;
  max-height: 60px;
}

#sustainability .safety .activity .record .list li .btn_record:hover {
  text-decoration: none;
}

#sustainability .safety .activity .record .list li .btn_record:hover .inner .tit {
  text-decoration: underline;
}

#sustainability .safety .activity .record .btn_more1 {
  margin-top: 15px;
}

#sustainability .safety .activity .record .pop_record {
  width: 85%;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1001;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
}

#sustainability .safety .activity .record .pop_record .wrap {
  position: relative;
  padding: 45px 25px;
}

#sustainability .safety .activity .record .pop_record .wrap .pop_content {
  text-align: center;
}

#sustainability .safety .activity .record .pop_record .wrap .pop_content figure img {
  display: inline-block;
  height: auto;
  border: 1px solid #ddd;
  margin-bottom: 25px;
}

#sustainability .safety .activity .record .pop_record .wrap .pop_content .txt {
  font-family: roboto, 'noto';
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .safety .activity .record .pop_record .wrap .pop_content .t_date {
  font-size: 13px;
}

#sustainability .safety .activity .record .pop_record .wrap .btn_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: url("/assets/img/common/btn_close1.png") no-repeat;
  background-size: 15px;
}

#sustainability .safety .activity .record .pop_record.horizontal img {
  width: calc(100% - 10px);
}

#sustainability .safety .activity .record .pop_record.vertical img {
  width: calc(100% - 65px);
}

#sustainability .winwin .intro .evaluation {
  padding: 30px 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
}

#sustainability .winwin .intro .evaluation ul li {
  width: 100%;
  height: 125px;
  padding: 15px 20px 0 65px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}

#sustainability .winwin .intro .evaluation ul li .txt1 {
  height: 60px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  opacity: 0.8;
}

#sustainability .winwin .intro .evaluation ul li .txt2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #ddd;
  line-height: 20px;
  text-align: right;
}

#sustainability .winwin .intro .evaluation ul li .txt2 em {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 26px;
  color: #fff;
  margin: 0 8px;
}

#sustainability .winwin .intro .evaluation ul li:before {
  content: "";
  position: absolute;
  top: 80px;
  width: 60px;
  height: 60px;
}

#sustainability .winwin .intro .evaluation ul li:first-child {
  background: url("/assets/img/sustainability/winwin_intro_ic1.png") no-repeat 18px 18px;
  background-size: 30px auto;
}

#sustainability .winwin .intro .evaluation ul li:last-child {
  background: url("/assets/img/sustainability/winwin_intro_ic2.png") no-repeat 18px 18px;
  background-size: 30px auto;
  margin-bottom: 0;
}

#sustainability .winwin .intro .winwin_system {
  background: #f5f5f5;
  padding-bottom: 55px;
}

#sustainability .winwin .intro .winwin_system .pageTitle {
  padding-top: 55px;
}

#sustainability .winwin .intro .winwin_system .wrap {
  background: #fff;
  padding: 40px 25px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 {
  text-align: center;
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 span {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 22px;
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 span em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #05ad8e;
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 span:before, #sustainability .winwin .intro .winwin_system .wrap .txt1 span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 9px;
  background-image: url("/assets/img/sustainability/quotation2.png");
  background-repeat: no-repeat;
  background-size: 25px auto;
  vertical-align: top;
  margin-top: 5px;
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 span:before {
  background-position: 0 0;
  margin-right: 3px;
}

#sustainability .winwin .intro .winwin_system .wrap .txt1 span:after {
  background-position: -14px 0;
  margin-left: 5px;
}

#sustainability .winwin .intro .winwin_system .wrap .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.2px;
  text-align: center;
}

#sustainability .winwin .intro .winwin_system .wrap .txt2 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #2159b7;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram {
  position: relative;
  margin: 30px 0 15px 0;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram img {
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul {
  width: 94%;
  max-width: 246px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li {
  float: left;
  width: 50%;
  text-align: center;
  padding-top: 18%;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li .s_tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li .s_list {
  padding-top: 78%;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li .s_list li {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  letter-spacing: -0.2px;
  text-align: left;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:first-child {
  padding-left: 5%;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:first-child .s_tit {
  color: #05ad8e;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:first-child .s_list {
  margin-left: -10px;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:last-child {
  padding-right: 5%;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:last-child .s_tit {
  color: #2159b7;
}

#sustainability .winwin .intro .winwin_system .wrap .diagram > ul > li:last-child .s_list {
  width: 120px;
}

#sustainability .winwin .intro .subcontractor {
  margin-bottom: 55px;
}

#sustainability .winwin .intro .subcontractor .pageTitle {
  padding-top: 55px;
}

#sustainability .winwin .intro .subcontractor .guideline {
  background: #e9f5f0;
  padding: 30px 25px 25px 25px;
  margin-bottom: 25px;
}

#sustainability .winwin .intro .subcontractor .guideline dt {
  margin-bottom: 20px;
}

#sustainability .winwin .intro .subcontractor .guideline dt .box_edge3 {
  width: 100%;
  height: 45px;
}

#sustainability .winwin .intro .subcontractor .guideline dt .box_edge3 .inner {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  text-align: center;
}

#sustainability .winwin .intro .growth .pageTitle {
  background: url("/assets/img/sustainability/winwin_intro_bg2.jpg") no-repeat center top;
  background-size: cover;
  padding: 55px 25px 40px 25px;
}

#sustainability .winwin .intro .growth .pageTitle .t_tit1 {
  color: #fff;
}

#sustainability .winwin .intro .growth .wrap {
  background: #fff;
  padding: 35px 10px 0 10px;
}

#sustainability .winwin .intro .growth .wrap .hex_tit {
  margin-bottom: 20px;
}

#sustainability .winwin .intro .growth .wrap .tableWrap1 {
  margin-bottom: 40px;
}

#sustainability .winwin .activity .page_visual {
  margin-bottom: 0;
}

/*>>> 2021-01-19, 폐기물,온실가스 그래프 추가 */
#sustainability .environment .activity .activity_list1 .graph_area {
  margin-top: 25px;
}

#sustainability .environment .activity .activity_list1 .graph_area figure {
  border: 1px solid #ddd;
  padding: 30px 25px;
}

#sustainability .environment .activity .activity_list1 .graph_area figure:first-child {
  margin-bottom: 20px;
}

#sustainability .environment .activity .activity_list1 .graph_area figure figcaption .s_tit {
  font-family: 'noto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .environment .activity .activity_list1 .graph_area figure figcaption ul li {
  margin-top: 0;
}

#sustainability .environment .activity .activity_list1 .graph_area figure img {
  margin-top: 30px;
}
/*<<<*/

#sustainability .winwin .activity .activity_list1 .finance .graph_area {
  margin-top: 25px;
}

#sustainability .winwin .activity .activity_list1 .finance .graph_area figure {
  border: 1px solid #ddd;
  padding: 30px 25px;
}

#sustainability .winwin .activity .activity_list1 .finance .graph_area figure:first-child {
  margin-bottom: 20px;
}

#sustainability .winwin .activity .activity_list1 .finance .graph_area figure figcaption .s_tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  margin-bottom: 10px;
}

#sustainability .winwin .activity .activity_list1 .finance .graph_area figure figcaption ul li {
  margin-top: 0;
}

#sustainability .winwin .activity .activity_list1 .finance .graph_area figure img {
  margin-top: 30px;
}

#sustainability .winwin .activity .activity_list1 .result .tableWrap1 {
  margin-top: 20px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li {
  position: relative;
  padding: 50px 25px 30px 25px;
  border: 1px solid #ddd;
  margin-top: 55px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .icon {
  width: 60px;
  height: 70px;
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  margin: 0 auto;
  background-image: url("/assets/img/sustainability/ic_sprite3.png");
  background-repeat: no-repeat;
  background-size: 180px auto;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .icon.ic1 {
  background-position: 0 -140px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .icon.ic2 {
  background-position: -60px -140px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .icon.ic3 {
  background-position: -120px -140px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .icon.ic4 {
  background-position: 0 -210px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .tit {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 18px;
  color: #222;
  text-align: center;
  margin-bottom: 10px;
}

#sustainability .winwin .activity .activity_list1 .education .wrap_list > li .bullet_type5 li {
  color: #666;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list {
  background: #f5f5f5;
  padding: 20px 20px 13px 20px;
  margin-top: 20px;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list > ul > li {
  position: relative;
  background: #fff;
  margin-bottom: 7px;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list > ul > li .tit {
  background-image: -webkit-gradient(linear, left top, right top, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to right, #2159b7, #05ad8e);
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding: 12px 20px;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list > ul > li ul {
  padding: 15px 15px 15px 20px;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list > ul > li ul li {
  margin-top: 2px;
}

#sustainability .winwin .activity .activity_list1 .tech_share .wrap_list > ul > li ul li:first-child {
  margin-top: 0;
}

@media (max-width: 320px) {
  #sustainability .quality .activity .it_system .hqms_sqms .gray_box > li.height1 {
    height: 260px;
  }
}

#pr .top_visual.company_news {
  background-image: url("/assets/img/pr/vi_company_news.jpg");
}

#pr .top_visual.press {
  background-image: url("/assets/img/pr/vi_press.jpg");
}

#pr .top_visual.media {
  background-image: url("/assets/img/pr/vi_media.jpg");
}

#pr .top_visual.magazine {
  background-image: url("/assets/img/pr/vi_magazine.jpg");
}

#pr .company_news_list .wrap_slide_area {
  padding: 40px 0 30px 0;
  margin-bottom: 30px;
  background: #f5f5f5;
}

#pr .company_news_view .board_view_type1 {
  margin-top: 30px;
}

#pr .press_release_list .wrap_slide_area {
  padding: 40px 0 30px 0;
  margin-bottom: 30px;
  background: #f5f5f5;
}

#pr .press_news_list .board_list_type1 {
  margin-bottom: 30px;
}

#pr .media_movie .select_diagonal {
  margin-bottom: 25px;
}

#pr .media_movie .wrap_movie .movie_area {
  width: 100%;
  position: relative;
}

#pr .media_movie .wrap_movie .movie_area video {
  display: block;
  width: 100%;
}

#pr .media_movie .wrap_movie .movie_area .dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#pr .media_movie .wrap_movie .movie_area .dim .btn_play {
  width: 82px;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#pr .media_movie .wrap_movie .caption_area {
  width: 100%;
  padding: 25px 25px 75px 25px;
  background: #f5f5f5;
  position: relative;
}

#pr .media_movie .wrap_movie .caption_area .caption {
  width: 100%;
  height: 230px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: inherit;
  padding: 25px 20px;
  overflow-y: auto;
  background: #fff;
  margin-bottom: 25px;
}

#pr .media_brochure .intro .bg {
  height: 345px;
  background: url("/assets/img/pr/brochure_bg1.jpg") no-repeat center bottom;
  background-size: cover;
}

#pr .media_brochure .intro .bg_txt {
  text-align: center;
  margin-top: -310px;
}

#pr .media_brochure .intro .bg_txt .tit .txt1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
  color: #222;
  margin-bottom: 10px;
}

#pr .media_brochure .intro .bg_txt .tit .txt2 {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 20px;
  color: #222;
  line-height: 25px;
  margin-bottom: 25px;
}

#pr .media_brochure .intro .bg_txt .tit .txt2 em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
}

#pr .media_brochure .intro .bg_txt figure {
  width: 210px;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

#pr .media_brochure .intro .desc {
  padding: 30px 0 40px 0;
}

#pr .media_brochure .intro .desc .btnGroup {
  margin-bottom: 25px;
}

#pr .media_brochure .intro .desc .btnGroup .btn_download1 {
  float: left;
  width: calc(50% - 5px);
  padding: 0;
}

#pr .media_brochure .intro .desc .btnGroup .btn_download1:nth-child(1) {
  margin-right: 5px;
}

#pr .media_brochure .intro .desc .btnGroup .btn_download1:nth-child(2) {
  margin-left: 5px;
}

#pr .media_brochure .board_list_box1 {
  padding: 0 0 75px 0;
}

#pr .media_brochure .board_list_box1 .m_tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0;
  color: #222;
  text-align: center;
  padding: 35px 0 25px 0;
}

#pr .media_brochure .board_list_box1 .box_edge1:before, #pr .media_brochure .board_list_box1 .box_edge1:after {
  background-color: #f5f5f5;
}

#pr .media_ad .top_ad {
  width: 100%;
  padding: 40px 25px 50px 25px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#203c52), to(#182b35));
  background-image: linear-gradient(to bottom, #203c52, #182b35);
}

#pr .media_ad .top_ad figure {
  width: 60%;
  -webkit-box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}

#pr .media_ad .top_ad figure img {
  width: 100%;
}

#pr .media_ad .top_ad .con {
  text-align: center;
  padding-top: 30px;
}

#pr .media_ad .top_ad .con .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#pr .media_ad .top_ad .con .t_desc2 {
  color: #fff;
  opacity: 0.5;
}

#pr .media_ad .list_ad {
  padding-top: 40px;
}

#pr .media_ad .list_ad ul li {
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 20px;
  position: relative;
}

#pr .media_ad .list_ad ul li:nth-child(2n) {
  margin-left: 10px;
}

#pr .media_ad .list_ad ul li:nth-child(2n-1) {
  margin-right: 10px;
}

#pr .media_ad .list_ad ul li .btn_thumb {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#pr .media_ad .list_ad ul li .btn_thumb span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#pr .media_ad .list_ad ul li .btn_thumb span img {
  display: block;
  width: 100%;
}

#pr .media_ad .pop_ad {
  display: none;
  width: 85%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  margin: auto;
  background: #fff;
  -webkit-box-shadow: 2px 5px 25px rgba(0, 0, 0, 0.8);
          box-shadow: 2px 5px 25px rgba(0, 0, 0, 0.8);
  overflow-y: auto;
}

#pr .media_ad .pop_ad .wrap {
  position: relative;
  padding: 45px 0;
}

#pr .media_ad .pop_ad .wrap .img {
  width: 100%;
  padding: 0 20%;
  margin-bottom: 30px;
}

#pr .media_ad .pop_ad .wrap .img.margin0 {
  margin-bottom: 0;
}

#pr .media_ad .pop_ad .wrap .img img {
  width: 100%;
}

#pr .media_ad .pop_ad .wrap .pop_content {
  float: right;
  width: 100%;
  text-align: center;
  padding: 0px 30px;
  margin-bottom: 20px;
}

#pr .media_ad .pop_ad .wrap .pop_content .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 20px;
  color: #222;
  line-height: 26px;
  margin-bottom: 15px;
}

#pr .media_ad .pop_ad .wrap .btn_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background: url("/assets/img/common/btn_close1.png") no-repeat;
  background-size: 15px;
}

#pr .media_ad .pop_ad.no_text .pop_content {
  display: none;
}

#pr .magazine_issue .magazine .app_down {
  padding: 95px 35px 30px 35px;
}

#pr .magazine_issue .magazine .app_down .txt {
  padding-left: 70px;
  background: url("/assets/img/pr/app_logo.png") no-repeat;
  background-size: 56px auto;
  margin-bottom: 18px;
}

#pr .magazine_issue .magazine .app_down .txt .txt1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 15px;
  color: #222;
}

#pr .magazine_issue .magazine .app_down .txt .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
}

#pr .magazine_issue .magazine .app_down .btns .btn_down {
  width: 48%;
  height: 35px;
  text-align: center;
  border: 1px solid #ddd;
}

#pr .magazine_issue .magazine .app_down .btns .btn_down span {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #222;
  line-height: 33px;
}

#pr .magazine_issue .magazine .app_down .btns .btn_down span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

#pr .magazine_issue .magazine .app_down .btns .btn_down.google span:before {
  width: 15px;
  height: 16px;
  background: url("/assets/img/pr/ic_google.png") no-repeat;
  background-size: contain;
}

#pr .magazine_issue .magazine .app_down .btns .btn_down.appstore span:before {
  width: 14px;
  height: 16px;
  background: url("/assets/img/pr/ic_appstore.png") no-repeat;
  background-size: contain;
  margin-top: -2px;
}

#pr .magazine_issue .magazine .top_area {
  background: url("/assets/img/pr/magazine_bg1.jpg") no-repeat center top;
  background-size: 100% auto;
  padding-top: 12%;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

#pr .magazine_issue .magazine .top_area .cover {
  width: 66%;
  margin: 0 auto 20px auto;
  -webkit-box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.2);
}

#pr .magazine_issue .magazine .top_area .summary .number {
  position: relative;
  padding-right: 100px;
}

#pr .magazine_issue .magazine .top_area .summary .number .date {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
  color: #05ad8e;
}

#pr .magazine_issue .magazine .top_area .summary .number .tit {
  display: inline-block;
  margin-bottom: 20px;
}

#pr .magazine_issue .magazine .top_area .summary .number .btn_download1 {
  position: absolute;
  right: 0px;
  top: 10px;
}

#pr .magazine_issue .magazine .top_area .summary .desc {
  margin-bottom: 20px;
}

#pr .magazine_issue .magazine .top_area .summary .desc .s_tit {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
  margin-bottom: 5px;
}

#pr .magazine_issue .magazine .magazine_thumb {
  overflow: hidden;
  margin-bottom: 30px;
}

#pr .magazine_issue .magazine .magazine_thumb .list {
  width: calc(100% + 20px);
  padding: 20px 0;
}

#pr .magazine_issue .magazine .magazine_thumb .list li {
  float: left;
  width: calc(33.33% - 20px);
  text-align: center;
  margin-right: 20px;
}

#pr .magazine_issue .magazine .magazine_thumb .list li .con {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 5px auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  border: 1px solid #ddd;
  position: relative;
}

#pr .magazine_issue .magazine .magazine_thumb .list li .con.selected:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2159b7), to(#05ad8e));
  background-image: linear-gradient(to bottom, #2159b7, #05ad8e);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.8;
}

#pr .magazine_issue .magazine .magazine_thumb .list li .date {
  display: inline-block;
  width: 90px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
  color: #222;
  text-align: center;
}

#pr .magazine_issue .magazine .magazine_thumb .list li .con.selected + .date {
  font-weight: 800;
}

#pr .magazine_issue .magazine .bottom_area {
  position: relative;
}

#pr .magazine_issue .magazine .bottom_area .btn_apply,
#pr .magazine_issue .magazine .bottom_area .btn_report {
  width: 100%;
  text-align: left;
}

#pr .magazine_issue .magazine .bottom_area .box {
  background: #f5f5f5 url("/assets/img/pr/edge1_L.png") no-repeat 0 0;
  background-size: 11px;
  margin-bottom: 10px;
}

#pr .magazine_issue .magazine .bottom_area .box .inner {
  padding: 22px 25px 22px 55px;
}

#pr .magazine_issue .magazine .bottom_area .box .inner p {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 14px;
  line-height: 20px;
  color: #222;
  margin-bottom: 7px;
}

#pr .magazine_issue .magazine .bottom_area .box .inner p em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 14px;
}

#pr .magazine_issue .magazine .bottom_area .box.box1 .inner {
  background: url("/assets/img/common/ic_mail.png") no-repeat 20px 24px;
  background-size: 23px auto;
}

#pr .magazine_issue .magazine .bottom_area .box.box2 .inner {
  background: url("/assets/img/common/ic_customer.png") no-repeat 20px 22px;
  background-size: 22px auto;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 {
  display: none;
  top: -100px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1.subscription .cancel {
  display: none;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .tab_type2 {
  margin-bottom: 20px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .cmt_guide1 {
  display: inline-block;
  margin-bottom: 8px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input {
  padding: 20px 20px 25px 20px;
  background: #f5f5f5;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .nec {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #05ad8e;
  vertical-align: top;
  margin-left: 3px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  margin-bottom: 5px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item {
  margin-bottom: 15px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item.email .group .col {
  float: left;
  width: 50%;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item.email .group .col .input_type1 {
  border-bottom: 0;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item.email .group .col.col1 .input_type1 {
  border-right: 0;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item.email .group .col.col2 .input_type1 {
  border-left: 0;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .input_area .item.email .group .at {
  width: 20px;
  height: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .agree .con {
  width: 100%;
  height: 120px;
  padding: 15px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  line-height: 16px;
  background: #fff;
  border: 1px solid #ddd;
  overflow-y: auto;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .agree .con strong {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 11px;
  color: #222;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input .agree .checkbox_ui {
  display: block;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input.cancel {
  display: none;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .wrap_input.cancel .input_area {
  margin-bottom: 0;
}

#pr .magazine_issue .magazine .bottom_area .popupLayer1 .pop_content .btn_type5 {
  margin-bottom: 30px;
}

#pr .issue_view .board_view_type1 {
  position: relative;
}

#pr .issue_view .board_view_type1 .sns_share {
  position: absolute;
  right: 50px;
  top: 40px;
}

#recruit .top_visual.talent {
  background-image: url("/assets/img/recruit/vi_talent.jpg");
}

#recruit .top_visual.hr_system {
  background-image: url("/assets/img/recruit/vi_hr_system.jpg");
}

#recruit .top_visual.job {
  background-image: url("/assets/img/recruit/vi_job.jpg");
}

#recruit .top_visual.hec_people {
  background-image: url("/assets/img/recruit/vi_people.jpg");
}

#recruit .top_visual.announce {
  background-image: url("/assets/img/recruit/vi_announce.jpg");
}

#recruit .ic_list {
  padding-top: 60px;
}

#recruit .ic_list > li {
  text-align: center;
  padding: 45px 15px 25px 15px;
  border: 1px solid #ddd;
  margin-bottom: 55px;
  position: relative;
}

#recruit .ic_list > li .ic {
  display: inline-block;
  width: 60px;
  height: 70px;
  background-image: url("/assets/img/recruit/ic_sprite1.png");
  background-repeat: no-repeat;
  background-size: 240px auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  margin: 0 auto;
}

#recruit .ic_list > li .txt1 {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222;
}

#recruit .talent .page_visual {
  margin-bottom: 0;
}

#recruit .talent .intro .ic_list li:nth-child(1) .ic {
  background-position: 0 0;
}

#recruit .talent .intro .ic_list li:nth-child(2) .ic {
  background-position: -60px 0;
}

#recruit .talent .intro .ic_list li:nth-child(3) {
  margin-bottom: 25px;
}

#recruit .talent .intro .ic_list li:nth-child(3) .ic {
  background-position: -120px 0;
}

#recruit .talent .slogan {
  text-align: center;
  margin-bottom: 30px;
}

#recruit .talent .slogan .txt1 {
  display: inline-block;
  position: relative;
}

#recruit .talent .slogan .txt1:before, #recruit .talent .slogan .txt1:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  vertical-align: top;
  margin-top: 4px;
}

#recruit .talent .slogan .txt1:before {
  background: url("/assets/img/recruit/quotation.png") no-repeat 0 0;
  background-size: 22px auto;
  margin-right: 2px;
}

#recruit .talent .slogan .txt1:after {
  background: url("/assets/img/recruit/quotation.png") no-repeat -11px 0;
  background-size: 22px auto;
  margin-left: 2px;
}

#recruit .talent .slogan .txt1 span {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 30px;
  letter-spacing: 0;
  letter-spacing: -0.5px;
}

#recruit .talent .slogan .txt1 .c1 {
  color: #2159b7;
}

#recruit .talent .slogan .txt1 .c2 {
  color: #05ad8e;
}

#recruit .talent .slogan .txt1 .c3 {
  color: #ffb401;
}

#recruit .talent .slogan .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.4px;
}

#recruit .talent .infographic .img {
  margin-bottom: 30px;
}

#recruit .talent .infographic .list li {
  background: #fafafa;
  padding: 25px 20px;
  margin-bottom: 25px;
}

#recruit .talent .infographic .list li .tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  color: #05ad8e;
  text-align: center;
  padding-top: 40px;
  margin-bottom: 15px;
}

#recruit .talent .infographic .list li .desc {
  text-align: center;
}

#recruit .talent .infographic .list li .desc .txt1 {
  display: block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
  margin-bottom: 5px;
}

#recruit .talent .infographic .list li .desc .txt2 {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 13px;
}

#recruit .talent .infographic .list li:nth-child(1) .tit {
  background: url("/assets/img/recruit/ic_talent1.png") no-repeat center top;
  background-size: 37px auto;
}

#recruit .talent .infographic .list li:nth-child(2) .tit {
  background: url("/assets/img/recruit/ic_talent2.png") no-repeat center top;
  background-size: 37px auto;
}

#recruit .talent .infographic .list li:nth-child(3) .tit {
  background: url("/assets/img/recruit/ic_talent3.png") no-repeat center top;
  background-size: 37px auto;
}

#recruit .hr_system .quotation {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  line-height: 22px;
  text-align: center;
}

#recruit .hr_system .quotation em {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #05ad8e;
}

#recruit .hr_system .quotation:before, #recruit .hr_system .quotation:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 10px;
  vertical-align: top;
  margin-top: 4px;
}

#recruit .hr_system .quotation:before {
  background: url("/assets/img/recruit/quotation2.png") no-repeat 0 0;
  background-size: 28px auto;
  margin-right: 7px;
}

#recruit .hr_system .quotation:after {
  background: url("/assets/img/recruit/quotation2.png") no-repeat -14px 0;
  background-size: 28px auto;
  margin-left: 7px;
}

#recruit .hr_system .rank .pageTitle {
  padding-bottom: 30px;
}

#recruit .hr_system .rank .pageTitle .t_tit1 {
  margin-bottom: 25px;
}

#recruit .hr_system .rank .intro .infographic {
  margin-bottom: 25px;
}

#recruit .hr_system .reward .pageTitle {
  padding-bottom: 30px;
}

#recruit .hr_system .reward .pageTitle .t_tit1 {
  margin-bottom: 25px;
}

#recruit .hr_system .reward .pay {
  margin-bottom: 55px;
}

#recruit .hr_system .reward .pay .infographic {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

#recruit .hr_system .reward .pay .infographic ul {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#recruit .hr_system .reward .pay .infographic ul li {
  float: left;
  padding-top: 20%;
}

#recruit .hr_system .reward .pay .infographic ul li .txt1 {
  height: 50px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(1) {
  width: 29%;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(1) .txt1 {
  color: #ffb401;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(2) {
  width: 42%;
  padding-left: 10px;
  padding-right: 10px;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(2) .txt1 {
  color: #05ad8e;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(3) {
  width: 29%;
}

#recruit .hr_system .reward .pay .infographic ul li:nth-child(3) .txt1 {
  color: #2159b7;
}

#recruit .hr_system .reward .welfare {
  padding-bottom: 75px;
  background: #fafafa;
}

#recruit .hr_system .reward .welfare .page_visual {
  margin-bottom: 15px;
}

#recruit .hr_system .reward .welfare .ic_list > li .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(1) {
  border-left: 1px solid #ddd;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(1) .ic {
  background-position: 0 -70px;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(2) .ic {
  background-position: -60px -70px;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(3) .ic {
  background-position: -120px -70px;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(4) {
  margin-bottom: 0;
}

#recruit .hr_system .reward .welfare .ic_list > li:nth-child(4) .ic {
  background-position: -180px -70px;
}

#recruit .hr_system .reward .welfare .ic_list > li .list {
  text-align: left;
}

#recruit .hr_system .reward .welfare .ic_list > li .list > li span {
  position: relative;
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #666;
  padding-left: 10px;
}

#recruit .hr_system .reward .welfare .ic_list > li .list > li span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background: #05ad8e;
}

#recruit .hr_system .edu .pageTitle {
  padding-bottom: 30px;
}

#recruit .hr_system .edu .pageTitle .t_tit1 {
  margin-bottom: 25px;
}

#recruit .hr_system .edu .page_visual {
  margin-bottom: 30px;
}

#recruit .hr_system .edu .infographic .article {
  padding: 25px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

#recruit .hr_system .edu .infographic .article:last-child {
  margin-bottom: 0;
}

#recruit .hr_system .edu .infographic .article .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  color: #222;
  text-align: center;
  margin-bottom: 10px;
}

#recruit .hr_system .edu .infographic .article .desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}

#recruit .hr_system .edu .infographic .article .list li {
  margin-bottom: 10px;
}

#recruit .hr_system .edu .infographic .article .list li .ic {
  display: inline-block;
  width: 60px;
  height: 70px;
  background-image: url("/assets/img/recruit/ic_sprite2.png");
  background-repeat: no-repeat;
  background-size: 180px auto;
  vertical-align: middle;
}

#recruit .hr_system .edu .infographic .article .list li .con {
  display: inline-block;
  width: calc(100% - 70px);
  padding-left: 30px;
  vertical-align: middle;
}

#recruit .hr_system .edu .infographic .article .list li .con .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #222;
}

#recruit .hr_system .edu .infographic .article .list li .con .desc2 {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 13px;
}

#recruit .hr_system .edu .infographic .article:nth-child(1) .list li:nth-child(1) .ic {
  background-position: 0 0;
}

#recruit .hr_system .edu .infographic .article:nth-child(1) .list li:nth-child(2) .ic {
  background-position: -60px 0;
}

#recruit .hr_system .edu .infographic .article:nth-child(1) .list li:nth-child(3) .ic {
  background-position: -120px 0;
}

#recruit .hr_system .edu .infographic .article:nth-child(2) .list li:nth-child(1) .ic {
  background-position: 0 -70px;
}

#recruit .hr_system .edu .infographic .article:nth-child(2) .list li:nth-child(2) .ic {
  background-position: -60px -70px;
}

#recruit .hr_system .edu .infographic .article:nth-child(2) .list li:nth-child(3) .ic {
  background-position: -120px -70px;
}

#recruit .hr_system .edu .infographic .article:nth-child(3) .list li:nth-child(1) .ic {
  background-position: 0 -140px;
}

#recruit .hr_system .edu .infographic .article:nth-child(3) .list li:nth-child(2) .ic {
  background-position: -60px -140px;
}

#recruit .hr_system .edu .infographic .article:nth-child(3) .list li:nth-child(3) .ic {
  background-position: -120px -140px;
}

#recruit .hr_system .edu .infographic .article:nth-child(4) .list li:nth-child(1) .ic {
  background-position: 0 -210px;
}

#recruit .hr_system .edu .infographic .article:nth-child(4) .list li:nth-child(2) .ic {
  background-position: -60px -210px;
}

#recruit .hr_system .edu .infographic .article:nth-child(4) .list li:nth-child(3) .ic {
  background-position: -120px -210px;
}

#recruit .job .job_list {
  border-top: 2px solid #222;
}

#recruit .job .job_list li {
  border-bottom: 1px solid #ddd;
}

#recruit .job .job_list li .m_tit {
  width: 100%;
  height: 65px;
  text-align: left;
}

#recruit .job .job_list li .m_tit h4 {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: 25px center;
}

#recruit .job .job_list li .m_tit h4 .v1:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-right: -3px;
}

#recruit .job .job_list li .m_tit h4 .v1 .v2 {
  display: inline-block;
  width: 99%;
  height: auto;
  min-height: 24px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 18px;
  color: #222;
  padding: 0 50px 0 80px;
  background: url("/assets/img/common/arrow15.png") no-repeat 94% center;
  background-size: 14px auto;
  vertical-align: middle;
  margin-right: -3px;
}

#recruit .job .job_list li .m_tit.on {
  background-image: linear-gradient(-45deg, #05ad8e, #2159b7);
}

#recruit .job .job_list li .m_tit.on h4 .v2 {
  color: #fff;
  background: url("/assets/img/common/arrow16.png") no-repeat 93% center;
  background-size: 14px auto;
}

#recruit .job .job_list li .con {
  display: none;
  padding: 25px 25px 50px 25px;
  background: #fafafa;
  border-top: 1px solid #ddd;
}

#recruit .job .job_list li .con img {
  margin-bottom: 30px;
}

#recruit .job .job_list li .con .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  color: #222;
  margin-bottom: 12px;
}

#recruit .job .job_list li:nth-child(1) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job1.png");
}

#recruit .job .job_list li:nth-child(1) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job1_on.png");
}

#recruit .job .job_list li:nth-child(2) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job2.png");
}

#recruit .job .job_list li:nth-child(2) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job2_on.png");
}

#recruit .job .job_list li:nth-child(3) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job3.png");
}

#recruit .job .job_list li:nth-child(3) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job3_on.png");
}

#recruit .job .job_list li:nth-child(4) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job4.png");
}

#recruit .job .job_list li:nth-child(4) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job4_on.png");
}

#recruit .job .job_list li:nth-child(5) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job5.png");
}

#recruit .job .job_list li:nth-child(5) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job5_on.png");
}

#recruit .job .job_list li:nth-child(6) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job6.png");
}

#recruit .job .job_list li:nth-child(6) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job6_on.png");
}

#recruit .job .job_list li:nth-child(7) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job7.png");
}

#recruit .job .job_list li:nth-child(7) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job7_on.png");
}

#recruit .job .job_list li:nth-child(8) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job8.png");
}

#recruit .job .job_list li:nth-child(8) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job8_on.png");
}

#recruit .job .job_list li:nth-child(9) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job9.png");
}

#recruit .job .job_list li:nth-child(9) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job9_on.png");
}

#recruit .job .job_list li:nth-child(10) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job10.png");
}

#recruit .job .job_list li:nth-child(10) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job10_on.png");
}

#recruit .job .job_list li:nth-child(11) .m_tit h4 {
  background-image: url("/assets/img/recruit/ic_job11.png");
}

#recruit .job .job_list li:nth-child(11) .m_tit.on h4 {
  background-image: url("/assets/img/recruit/ic_job11_on.png");
}

#recruit .hec_people .top_interview {
  padding: 40px 0 30px 0;
  background: #fafafa;
}

#recruit .hec_people .top_interview .wrap_slide_area {
  overflow: hidden;
}

#recruit .hec_people .top_interview .wrap_slide_area .container {
  position: relative;
  width: 70%;
  height: auto;
  overflow: visible;
  margin: 0 15% 35px 15%;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con {
  background: transparent;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a {
  position: relative;
  display: block;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .thumbnail {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .box_edge_grad {
  margin-top: -14px;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .box_edge_grad .grad_inner {
  height: 64px;
  text-align: left;
  padding: 10px 10px 0 10px;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .box_edge_grad .grad_inner .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  margin-bottom: 3px;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .box_edge_grad .grad_inner .name {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #fff;
}

#recruit .hec_people .top_interview .wrap_slide_area .container .con a .box_edge_grad .grad_inner .name .part {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #b8efe5;
  margin-right: 5px;
}

#recruit .hec_people .list_interview {
  padding-top: 30px;
}

#recruit .hec_people .list_interview .board_list_thumb3 .name .part {
  color: #2159b7;
}

#recruit .hec_people .board_view_type1 {
  margin-top: 40px;
}

#recruit .hec_people .board_view_type1 .view_header {
  text-align: center;
}

#recruit .hec_people .board_view_type1 .view_header .subject {
  margin-bottom: 8px;
}

#recruit .hec_people .board_view_type1 .view_header .name {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
}

#recruit .hec_people .board_view_type1 .view_header .name .part {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #2159b7;
}

#recruit .hec_people .board_view_type1 .view_header .name .grade {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
}

#recruit .announce .wrap_tab ul {
  display: block;
}

#recruit .announce .wrap_tab ul li {
  float: left;
  width: calc(50% - 5px);
  margin-bottom: 10px;
}

#recruit .announce .wrap_tab ul li:nth-child(2n) {
  margin-left: 5px;
}

#recruit .announce .wrap_tab ul li:nth-child(2n-1) {
  margin-right: 5px;
}

#recruit .announce .wrap_tab ul li .box_edge4 {
  width: 100%;
  height: 40px;
  text-align: center;
}

#recruit .announce .wrap_tab ul li .box_edge4 button {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

#recruit .announce .wrap_tab ul li .box_edge4 .tit {
  float: left;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  padding-top: 3px;
}

#recruit .announce .wrap_tab ul li .box_edge4 .num {
  float: right;
  display: block;
  font-family: 'roboto';
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0;
  color: #222;
}

#recruit .announce .wrap_tab ul li .box_edge4.selected .tit {
  color: #fff;
}

#recruit .announce .wrap_tab ul li .box_edge4.selected .num {
  color: #fff;
}

#recruit .announce .wrap_tab .guide {
  font-family: 'roboto';
  font-weight: 200;
  font-size: 12px;
  color: #999;
  padding: 10px 0 30px 0;
}

#recruit .announce .list_announce {
  padding-top: 20px;
  background: #f5f5f5;
}

#recruit .announce .list_announce ul {
  padding-bottom: 10px;
}

#recruit .announce .list_announce ul li {
  margin-bottom: 10px;
}

#recruit .announce .list_announce ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #fff;
}

#recruit .announce .list_announce ul li a .wrap_label .label {
  float: left;
  width: auto;
  height: 18px;
  color: #fff;
  line-height: 18px;
  padding: 0 7px;
  margin-bottom: 10px;
}

#recruit .announce .list_announce ul li a .wrap_label .label.bg1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0;
  background: #05ad8e;
}

#recruit .announce .list_announce ul li a .wrap_label .label.bg2 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 10px;
  background: #1c303b;
}

#recruit .announce .list_announce ul li a .subject {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 15px;
  color: #222;
  line-height: 20px;
  margin-bottom: 10px;
}

#recruit .announce .list_announce ul li a .period {
  display: block;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 12px;
  color: #999;
}

#cs .top_visual.contactus {
  background-image: url("/assets/img/cs/vi_contactus.jpg");
}

#cs .contactus .pageTitle .t_tit1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 0;
}

#cs .contactus .cmt_guide1 {
  display: inline-block;
  margin-bottom: 8px;
}

#cs .contactus .cmt_guide1 span {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 16px;
  color: #05ad8e;
  position: relative;
  vertical-align: top;
  margin: 0 2px;
}

#cs .contactus .wrap_input {
  padding: 20px 20px 25px 20px;
  background: #f5f5f5;
}

#cs .contactus .wrap_input .agree {
  margin-bottom: 15px;
}

#cs .contactus .wrap_input .agree .con {
  width: 100%;
  height: 120px;
  padding: 15px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  color: #666;
  line-height: 16px;
  background: #fff;
  border: 1px solid #ddd;
  overflow-y: auto;
}

#cs .contactus .wrap_input .agree .con strong {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 11px;
  color: #222;
}

#cs .contactus .wrap_input .agree .checkbox_ui {
  display: block;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
}

#cs .contactus .wrap_input .nec {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
  color: #05ad8e;
  vertical-align: top;
  margin-left: 3px;
}

#cs .contactus .wrap_input .s_tit {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  margin-bottom: 5px;
}

#cs .contactus .wrap_input .input_area .item {
  margin-bottom: 15px;
}

#cs .contactus .wrap_input .input_area .item:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#cs .contactus .wrap_input .input_area .item.email .group .col {
  float: left;
  width: 50%;
}

#cs .contactus .wrap_input .input_area .item.email .group .col .input_type1 {
  border-bottom: 0;
}

#cs .contactus .wrap_input .input_area .item.email .group .col.col1 .input_type1 {
  border-right: 0;
}

#cs .contactus .wrap_input .input_area .item.email .group .col.col2 .input_type1 {
  border-left: 0;
}

#cs .contactus .wrap_input .input_area .item.email .group .at {
  width: 20px;
  height: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#cs .contactus .wrap_input .input_area .item .cmt_guide3 {
  margin-top: 6px;
}

#cs .contactus .btn_ac {
  margin: 30px 0 75px 0;
}

#cs .contactus .btn_ac button {
  float: left;
  width: calc(50% - 5px);
}

#cs .contactus .btn_ac button.btn_type6 {
  margin-right: 5px;
}

#cs .contactus .btn_ac button.btn_type5 {
  margin-left: 5px;
}

#cs .contactus .banner_hillstate {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#751617), to(#671c1d));
  background-image: linear-gradient(#751617, #671c1d);
}

#cs .contactus .banner_hillstate .inner {
  padding: 25px;
  background: url("/assets/img/cs/logo_hillstate_bg.png") no-repeat right top;
  background-size: 132px auto;
}

#cs .contactus .banner_hillstate .logo {
  width: 110px;
  height: auto;
  margin-bottom: 10px;
}

#cs .contactus .banner_hillstate .txt {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  margin-bottom: 15px;
}

#cs .contactus .banner_hillstate .txt em {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 12px;
}

/* -->>> 2020-10-21 추가 */
#cs .contactus .banner_hec {
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#751617), to(#671c1d));
  background-image: linear-gradient(#751617, #671c1d); */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#dcdcdc));
  background-image: linear-gradient(#d2d2d2,#dcdcdc);
}

#cs .contactus .banner_hec .inner {
  padding: 25px;
  background: url("/assets/img/cs/contactus_bg.png") no-repeat right top;
  background-size: 132px auto;
}

#cs .contactus .banner_hec .logo {
  /*width: 110px;*/
  width: 90px;
  height: auto;
  /*margin-bottom: 10px;*/
  margin-bottom: 5px;
}

#cs .contactus .banner_hec .txt {
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #000;
  line-height: 18px;
  margin-bottom: 15px;
}

#cs .contactus .banner_hec .txt em {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 14px;
}
/* <<<-- */

#etc .top_visual.sitemap {
  background-image: url("/assets/img/etc/vi_sitemap.jpg");
}

#etc .top_visual.privacy {
  background-image: url("/assets/img/etc/vi_privacy.jpg");
}

#etc .top_visual.refusal {
  background-image: url("/assets/img/etc/vi_refusal.jpg");
}

#etc .sitemap .wrap {
  margin-top: 40px;
}

#etc .sitemap .item {
  margin-bottom: 50px;
}

#etc .sitemap .item .d1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #05ad8e;
  border-bottom: 2px solid #05ad8e;
  padding: 0 0 10px 10px;
}

#etc .sitemap .item .d2 > li {
  min-height: 43px;
  padding: 13px 0 0 10px;
  border-bottom: 1px solid #ddd;
}

#etc .sitemap .item .d2 > li > a {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
}

#etc .sitemap .item .d3 {
  padding: 2px 0 12px;
}

#etc .sitemap .item .d3 > li > a {
  display: inline-block;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 12px;
  color: #666;
  padding-left: 8px;
  position: relative;
}

#etc .sitemap .item .d3 > li > a:before {
  content: '-';
  position: absolute;
  left: 0;
  top: -1px;
}

#etc .sitemap .item .btn_type8 {
  margin-top: 15px;
}

#etc .privacy .version {
  text-align: right;
  margin: 35px 0 30px 0;
}

#etc .privacy .version label {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  color: #222;
  margin-right: 10px;
}

#etc .privacy .version .wrap_select {
  display: inline-block;
  width: 146px;
}

#etc .privacy .con {
  padding: 25px 5px 0 5px;
  border-top: 2px solid #222;
  font-family: 'roboto';
  font-weight: 100;
  font-size: 13px;
  line-height: 19px;
}

#etc .privacy .con h3 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 16px;
  color: #222;
  margin: 35px 0 5px 0;
  padding-left: 20px;
}

#etc .privacy .con h3:first-letter {
  margin-left: -20px;
}

#etc .privacy .con h4 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  margin: 10px 0 0 0;
}

#etc .privacy .con .tbl_type1.th_row thead tr th {
  height: 45px;
}

#etc .refusal .con {
  padding-top: 130px;
  text-align: center;
  background: url("/assets/img/common/ic_email1.png") no-repeat center 40px;
  background-size: 60px auto;
}

#etc .refusal .con .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 21px;
  color: #222;
  line-height: 27px;
  margin-bottom: 15px;
}

#etc .refusal .con .t_desc1 {
  margin-bottom: 15px;
}

#etc .refusal .con .date {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0;
}

#etc .error {
  padding: 50px 0 100px;
  text-align: center;
}

#etc .error .logo {
  display: inline-block;
  width: 140px;
  margin-bottom: 35px;
}

#etc .error .con {
  width: 100%;
  padding: 130px 25px 45px 25px;
  border: 1px solid #ddd;
  background: url("/assets/img/common/ic_caution2.png") no-repeat center 40px;
  background-size: 60px auto;
  margin-bottom: 30px;
}

#etc .error .con .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 24px;
  color: #222;
  margin-bottom: 15px;
}

#etc .error .con .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

#etc .error .btns a {
  width: 48%;
}

#etc .error .btns a:first-child {
  margin-right: 4%;
}

#etc .system {
  padding: 50px 0 100px;
  text-align: center;
}

#etc .system .logo {
  display: inline-block;
  width: 140px;
  margin-bottom: 35px;
}

#etc .system .con {
  width: 100%;
  background: url("/assets/img/common/ic_caution3.png") no-repeat center top;
  background-size: 60px auto;
  padding-top: 90px;
  margin-bottom: 35px;
}

#etc .system .con .txt1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 24px;
  color: #222;
  margin-bottom: 15px;
}

#etc .system .con .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

#etc .system .detail {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0 15px 0;
}

#etc .system .detail ul {
  display: inline-block;
  text-align: left;
}

#hec_history {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
}

#hec_history .wrap_start {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

#hec_history .wrap_start.move {
  left: -100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#hec_history .wrap_section {
  width: 100%;
  height: 100%;
  position: relative;
  margin-left: 100%;
}

#hec_history .wrap_section.move {
  margin-left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#hec_history .wrap_section .wrap_tab {
  width: calc(100% - 50px);
  height: 45px;
  position: absolute;
  left: 25px;
  top: 88px;
  z-index: 10;
}

#hec_history .wrap_section .wrap_tab .tab button {
  display: block;
  width: 95px;
  height: 45px;
  text-indent: -9999px;
  margin: 0 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(1) {
  background-image: url("/assets/img/company/hec_history/tab1.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(1).on {
  background-image: url("/assets/img/company/hec_history/tab1_on.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(2) {
  background-image: url("/assets/img/company/hec_history/tab2.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(2).on {
  background-image: url("/assets/img/company/hec_history/tab2_on.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(3) {
  background-image: url("/assets/img/company/hec_history/tab3.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(3).on {
  background-image: url("/assets/img/company/hec_history/tab3_on.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(4) {
  background-image: url("/assets/img/company/hec_history/tab4.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(4).on {
  background-image: url("/assets/img/company/hec_history/tab4_on.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(5) {
  background-image: url("/assets/img/company/hec_history/tab5.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(5).on {
  background-image: url("/assets/img/company/hec_history/tab5_on.png");
}

/* 2020's 추가 */
#hec_history .wrap_section .wrap_tab .tab button:nth-child(6) {
  background-image: url("/assets/img/company/hec_history/tab6.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(6).on {
  background-image: url("/assets/img/company/hec_history/tab6_on.png");
}
/* //2020's 추가 */

#hec_history .wrap_section .wrap_tab .tab button:nth-child(7) {
  width: 127px;
  background-image: url("/assets/img/company/hec_history/tab7.png");
}

#hec_history .wrap_section .wrap_tab .tab button:nth-child(7).on {
  background-image: url("/assets/img/company/hec_history/tab7_on.png");
}

#hec_history .wrap_section .swiper-container2 {
  height: 100%;
}

#hec_history .section {
  width: 100%;
  height: 100%;
}

#hec_history .section .inner {
  width: 100%;
  height: 100%;
  padding: 0 25px;
  position: relative;
}

#hec_history .section.start .obj {
  width: 285px;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  margin: 115px auto 0 auto;
  opacity: 0;
}

#hec_history .section.start .wrap_txt {
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  margin: auto;
}

#hec_history .section.start .wrap_txt .s_txt_s1 {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0;
}

#hec_history .section.start .wrap_txt .s_txt_b1 {
  display: inline-block;
  width: 203px;
  margin-bottom: 5px;
  margin-left: -100px;
  opacity: 0;
}

#hec_history .section.start .wrap_txt .s_txt_b2 {
  display: inline-block;
  width: 207px;
  margin-bottom: 30px;
  margin-left: 100px;
  opacity: 0;
}

#hec_history .section.start .btn_start {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 125px;
  margin: auto;
  width: 180px;
  opacity: 0;
}

#hec_history .section.start.animate .obj {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

#hec_history .section.start.animate .s_txt_s1 {
  opacity: 1;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

#hec_history .section.start.animate .s_txt_b1 {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.start.animate .s_txt_b2 {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.start.animate .btn_start {
  opacity: 1;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

#hec_history .section.scrollpage {
  padding-top: 150px;
}

#hec_history .section.scrollpage .bg_top {
  position: absolute;
  left: 0;
  top: 135px;
  width: 100%;
  z-index: 1;
}

#hec_history .section.scrollpage .bg_top img {
  width: 100%;
  height: 50px;
}

#hec_history .section.scrollpage .bg_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

#hec_history .section.scrollpage .bg_bottom img {
  width: 100%;
  height: 110px;
}

#hec_history .section.scrollpage .inner {
  padding-top: 30px;
  overflow-y: scroll;
}

#hec_history .section.gate {
  background: #ddd;
  position: relative;
}

#hec_history .section.gate .obj {
  width: 100%;
  max-width: 310px;
  margin: 0 auto 25px auto;
  opacity: 1;
}

#hec_history .section.gate .wrap_txt .tit {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 26px;
  color: #222;
  letter-spacing: -2px;
  margin-bottom: 15px;
  opacity: 1;
}

#hec_history .section.gate .wrap_txt .desc {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  line-height: 20px;
  padding-bottom: 100px;
  opacity: 1;
}

#hec_history .section .summary {
  width: calc(100% - 25px);
  position: absolute;
  bottom: 90px;
}

#hec_history .section .summary img {
  display: inline-block;
}

#hec_history .section .summary .year {
  width: 150px;
}

#hec_history .section .summary .desc {
  width: 100%;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 26px;
  padding-right: 25px;
  padding-top: 15px;
}

#hec_history .section .summary .desc.black {
  color: #000;
}

#hec_history .section.anitype1 .year {
  margin-left: -100px;
  opacity: 0;
}

#hec_history .section.anitype1 .desc {
  margin-left: -100px;
  opacity: 0;
}

#hec_history .section.anitype1.animate .year {
  opacity: 1;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
}

#hec_history .section.anitype1.animate .desc {
  opacity: 1;
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype2 .year {
  margin-left: 150px;
  opacity: 0;
}

#hec_history .section.anitype2 .desc {
  margin-left: -150px;
  opacity: 0;
}

#hec_history .section.anitype2.animate .year {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(-150px, 0);
      -ms-transform: translate(-150px, 0);
          transform: translate(-150px, 0);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype2.animate .desc {
  opacity: 1;
  -webkit-transform: translate(150px, 0);
      -ms-transform: translate(150px, 0);
          transform: translate(150px, 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype3 .year {
  opacity: 0;
}

#hec_history .section.anitype3 .desc {
  margin-bottom: -100px;
  opacity: 0;
}

#hec_history .section.anitype3.animate .year {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype3.animate .desc {
  opacity: 1;
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype4 .year {
  opacity: 0;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
}

#hec_history .section.anitype4 .desc {
  opacity: 0;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
}

#hec_history .section.anitype4.animate .year {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype4.animate .desc {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype5 .year {
  opacity: 0;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

#hec_history .section.anitype5 .desc {
  opacity: 0;
}

#hec_history .section.anitype5.animate .year {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transform: rotateX(720deg);
          transform: rotateX(720deg);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.anitype5.animate .desc {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#hec_history .section.start {
  background: url("/assets/img/company/hec_history/bg_start.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1970.y1 {
  background: url("/assets/img/company/hec_history/bg_1974.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1970.y2 {
  background: url("/assets/img/company/hec_history/bg_1977.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1970.y3 {
  background: url("/assets/img/company/hec_history/bg_1979.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y1 {
  background: url("/assets/img/company/hec_history/bg_1981.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y2 {
  background: url("/assets/img/company/hec_history/bg_1982_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y3 {
  background: url("/assets/img/company/hec_history/bg_1982_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y4 {
  background: url("/assets/img/company/hec_history/bg_1982_3.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y5 {
  background: url("/assets/img/company/hec_history/bg_1985.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y6 {
  background: url("/assets/img/company/hec_history/bg_1987_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1980.y7 {
  background: url("/assets/img/company/hec_history/bg_1987_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1990.y1 {
  background: url("/assets/img/company/hec_history/bg_1990.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1990.y2 {
  background: url("/assets/img/company/hec_history/bg_1991_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1990.y3 {
  background: url("/assets/img/company/hec_history/bg_1991_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1990.y4 {
  background: url("/assets/img/company/hec_history/bg_1996.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y1990.y5 {
  background: url("/assets/img/company/hec_history/bg_1998.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2000.y1 {
  background: url("/assets/img/company/hec_history/bg_2000.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2000.y2 {
  background: url("/assets/img/company/hec_history/bg_2001.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2000.y3 {
  background: url("/assets/img/company/hec_history/bg_2004.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2000.y4 {
  background: url("/assets/img/company/hec_history/bg_2008.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2000.y5 {
  background: url("/assets/img/company/hec_history/bg_2009.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y1 {
  background: url("/assets/img/company/hec_history/bg_2011.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y2 {
  background: url("/assets/img/company/hec_history/bg_2013.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y3 {
  background: url("/assets/img/company/hec_history/bg_2014.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y4 {
  background: url("/assets/img/company/hec_history/bg_2016_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y5 {
  background: url("/assets/img/company/hec_history/bg_2016_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y6 {
  background: url("/assets/img/company/hec_history/bg_2017_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y7 {
  background: url("/assets/img/company/hec_history/bg_2017_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y8 {
  background: url("/assets/img/company/hec_history/bg_2018_1.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y9 {
  background: url("/assets/img/company/hec_history/bg_2018_2.jpg") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2010.y10 {
  background: url("/assets/img/company/hec_history/bg_2019.jpg") no-repeat center top;
  background-size: cover;
}

/*
 * 2020년
 */

 #hec_history .section.y2020.y1 {
  background: url("/assets/img/company/hec_history/bg_2020_1.png") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2020.y2 {
  background: url("/assets/img/company/hec_history/bg_2020_2.png") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2020.y3 {
  background: url("/assets/img/company/hec_history/bg_2021.png") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2020.y4 {
  background: url("/assets/img/company/hec_history/bg_2022_1.png") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2020.y5 {
  background: url("/assets/img/company/hec_history/bg_2022_2.png") no-repeat center top;
  background-size: cover;
}

#hec_history .section.y2020.y6 {
  background: url("/assets/img/company/hec_history/bg_2023.png") no-repeat center top;
  background-size: cover;
}

/*
 * // 2020년
 */

#hec_history .section.ongoing {
  padding-top: 150px;
  background: url("/assets/img/company/hec_history/bg_ongoing.jpg") no-repeat center top;
  background-size: cover;
  position: relative;
}

#hec_history .section.ongoing .inner {
  padding: 50% 25px 0 25px;
}

#hec_history .section.ongoing .inner .wrap_txt {
  width: 100%;
  padding-bottom: 100px;
}

#hec_history .section.ongoing .inner .wrap_txt div {
  width: 100%;
  color: #fff;
}

#hec_history .section.ongoing .inner .wrap_txt .txt1 {
  font-family: 'roboto';
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
}

#hec_history .section.ongoing .inner .wrap_txt .txt2 {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin-top: 15px;
}

/* 지속가능경영 가로형 보고서 */
.p10{padding: 10px;}
.mob--report--img{width: 97% !important; margin: 0 auto; height: 200px !important; box-shadow: 0 5px 25px rgb(0 0 0 / 20%)}
.report_content_wraper .report_content_wrap{display: flex;flex-direction: column; gap: 20px; margin-top: 40px;}
.report_content_wraper .report_content_wrap .mob_report_content_item{width: 100%; margin: 0 auto; padding: 10px; background-color: #F7F8F8;}
.report_content_wraper .report_content_wrap .mob_report_content_item h4{font-family: 'roboto'; font-weight: 800; font-size: 15px; letter-spacing: 0; color: #222; padding-left: 10px;}
.report_content_wraper .report_content_wrap .mob_report_content_item p{font-size: 16px; color: #666; padding-left: 10px; margin-top: 0.5rem; margin-bottom: 1.25rem;}
.report_content_wraper .report_content_wrap .mob_report_content_item .btn--wrap{display: flex; justify-content: space-between; gap: 1.25rem; width: 97%; margin: 0 auto;}
.report_content_wraper .report_content_wrap .mob_report_content_item .btn--wrap a{width: 100%; border: 1px solid #05AD8E;}
.report_content_wraper .report_content_wrap .mob_report_content_item .btn--wrap a span{font-size: 12px; color: #757575;}
/* 지속가능경영 가로형 보고서 */


/* 지속가능경영 주요정책 추가 */
#sustainability .system .policy_list{
  border: 0.5px solid gray;
  border-left: none;
  border-right: none;
}
#sustainability .system .policy_list .wrapper{
  width: 100%;
  margin: 0 auto;
  border: 1px solid gray;
  padding: 10px;
  background-color: white;
  border-left: none;
  border-right: none;
}
#sustainability .system .policy_list .wrapper .title{
  font-family: 'noto';
  font-size: 16px;
  color: #666;
  padding-left: 10px;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;}
#sustainability .system .policy_list .wrapper .b_area{
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    width: 97%;
    margin: 0 auto;
}
#sustainability .system .policy_list .wrapper .b_area a{
  width: 100%;
}

/*
 * 50주년 기념 슬라이드
 */

 /* #main .visual50th {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("/assets/img/anniversary50th/main_bg1.png") no-repeat center;
  background-size: cover;
  padding-top: 105px;
}

#main .visual50th:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/main/vis_obj.png") no-repeat center;
  background-size: cover;
}

#main .visual50th .title {
  position: relative;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0;
  color: #fff;
  line-height: 36px;
  text-transform: uppercase;
  font-style: italic;
  padding: 45px 0 45px 25px;
  margin-bottom: 50px;
}

#main .visual50th .title em {
  font-family: 'roboto_black';
  font-size: 32px;
  font-style: italic;
}

#main .visual50th .title:before, #main .visual50th .title:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 32px;
  background: url("/assets/img/main/vis_diagonal.png") no-repeat;
  background-size: cover;
}

#main .visual50th .title:before {
  left: 10px;
  top: 0;
}

#main .visual50th .title:after {
  left: 120px;
  bottom: 0;
}

#main .visual50th .btn_play {
  margin-left: 25px;
}

#main .visual50th .btn_play .inner {
  font-family: 'roboto';
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0;
}

#main .visual50th .btn_scroll {
  position: absolute;
  left: 50%;
  bottom: 25px;
  font-family: 'roboto';
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  color: #fff;
  margin-left: -21px;
  padding-bottom: 15px;
}

#main .visual50th .btn_scroll:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 16px;
  height: 8px;
  margin-left: -8px;
  background: url("/assets/img/main/ic_scroll.png") no-repeat;
  background-size: cover;
  -webkit-animation: bounce 1.4s infinite;
          animation: bounce 1.4s infinite;
}

#main .visual50th .pop_video {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 1100;
}

#main .visual50th .pop_video .wrap {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -150px;
  text-align: center;
}

#main .visual50th .pop_video .wrap button {
  display: inline-block;
  width: 110px;
  opacity: 0.6;
  margin-top: 25px;
}

#main .visual50th .pop_video .wrap button .inner {
  width: 100%;
}

#main .visual50th .pop_video .mainVideo {
  width: 100%;
}

.anniversary50th-prevBtn {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 50px;
  height: 75px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  left: 60px;
  right: auto;
  background: url("/assets/img/anniversary50th/main_prevBtn.png");
  background-size: 100% 100%;
  transform: translateY(-50%);
}

.anniversary50th-nextBtn {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 50px;
  height: 75px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  right: 60px;
  left: auto;
  background: url("/assets/img/anniversary50th/main_nextBtn.png");
  background-size: 100% 100%;
  transform: translateY(-50%);
} */


/*
 * //50주년 기념 슬라이드
 */

/*
 * 50주년 기념 페이지
 */

 /* #anniversary50th {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
}

#anniversary50th .wrap_start {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

#anniversary50th .wrap_start.move {
  left: -100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#anniversary50th .wrap_section {
  width: 100%;
  height: 100%;
  position: relative;
  margin-left: 100%;
}

#anniversary50th .wrap_section.move {
  margin-left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#anniversary50th .wrap_section .wrap_tab {
  width: calc(100% - 50px);
  height: 45px;
  position: absolute;
  left: 25px;
  top: 88px;
  z-index: 10;
}

#anniversary50th .wrap_section .wrap_tab .tab button {
  display: block;
  width: 95px;
  height: 45px;
  text-indent: -9999px;
  margin: 0 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(1) {
  background-image: url("/assets/img/anniversary50th/tab1_on.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(1).on {
  background-image: url("/assets/img/anniversary50th/tab1_on.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(2) {
  background-image: url("/assets/img/anniversary50th/tab2.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(2).on {
  background-image: url("/assets/img/anniversary50th/tab2_on.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(3) {
  background-image: url("/assets/img/anniversary50th/tab3.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(3).on {
  background-image: url("/assets/img/anniversary50th/tab3_on.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(4) {
  background-image: url("/assets/img/anniversary50th/tab4.png");
}

#anniversary50th .wrap_section .wrap_tab .tab button:nth-child(4).on {
  background-image: url("/assets/img/anniversary50th/tab4_on.png");
}

#anniversary50th .wrap_section .swiper-container2 {
  height: 100%;
}

#anniversary50th .section {
  width: 100%;
  height: 100%;
}

#anniversary50th .section .inner {
  width: 100%;
  height: 100%;
  padding: 0 25px;
  position: relative;
}

#anniversary50th .section.start .obj {
  width: 285px;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  margin: 115px auto 0 auto;
  opacity: 0;
}

#anniversary50th .section.start .wrap_txt {
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  margin: auto;
}

#anniversary50th .section.start .wrap_txt .s_txt_s1 {
  font-family: 'noto';
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0;
}

#anniversary50th .section.start .wrap_txt .s_txt_b1 {
  display: inline-block;
  width: 203px;
  margin-bottom: 5px;
  margin-left: -100px;
  opacity: 0;
}

#anniversary50th .section.start .wrap_txt .s_txt_b2 {
  display: inline-block;
  width: 207px;
  margin-bottom: 30px;
  margin-left: 100px;
  opacity: 0;
}

#anniversary50th .section.start .btn_start {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 125px;
  margin: auto;
  width: 180px;
  opacity: 0;
}

#anniversary50th .section.start .banner {
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 100;
  background-color: blue;
  bottom: 0;
}

#anniversary50th .section.start.animate .obj {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

#anniversary50th .section.start.animate .s_txt_s1 {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

#anniversary50th .section.start.animate .s_txt_b1 {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.start.animate .s_txt_b2 {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.start.animate .btn_start {
  opacity: 1;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

#anniversary50th .section.scrollpage {
  padding-top: 150px;
}

#anniversary50th .section.scrollpage .bg_top {
  position: absolute;
  left: 0;
  top: 135px;
  width: 100%;
  z-index: 1;
}

#anniversary50th .section.scrollpage .bg_top img {
  width: 100%;
  height: 50px;
}

#anniversary50th .section.scrollpage .bg_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

#anniversary50th .section.scrollpage .bg_bottom img {
  width: 100%;
  height: 110px;
}

#anniversary50th .section.scrollpage .inner {
  padding-top: 30px;
  overflow-y: scroll;
}

#anniversary50th .section.gate {
  background: #ddd;
  position: relative;
}

#anniversary50th .section.gate .obj {
  width: 100%;
  max-width: 310px;
  margin: 0 auto 25px auto;
  opacity: 1;
}

#anniversary50th .section.gate .wrap_txt .tit {
  font-family: 'noto';
  font-weight: 800;
  font-size: 26px;
  color: #222;
  letter-spacing: -2px;
  margin-bottom: 15px;
  opacity: 1;
}

#anniversary50th .section.gate .wrap_txt .desc {
  font-family: 'noto';
  font-weight: 400;
  font-size: 13px;
  color: #222;
  line-height: 20px;
  padding-bottom: 100px;
  opacity: 1;
}

#anniversary50th .section .summary {
  width: calc(100% - 25px);
  position: absolute;
  bottom: 90px;
}

#anniversary50th .section .summary img {
  display: inline-block;
}

#anniversary50th .section .summary .title {
  width: 150px;
}

#anniversary50th .section .summary .desc {
  width: 100%;
  font-family: 'noto';
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 26px;
  padding-right: 25px;
  padding-top: 15px;
}

#anniversary50th .section .summary .desc.black {
  color: #000;
}

#anniversary50th .section.anitype1 .title {
  margin-left: -100px;
  opacity: 0;
}

#anniversary50th .section.anitype1 .desc {
  margin-left: -100px;
  opacity: 0;
}

#anniversary50th .section.anitype1.animate .title {
  opacity: 1;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
}

#anniversary50th .section.anitype1.animate .desc {
  opacity: 1;
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype2 .title {
  margin-left: 150px;
  opacity: 0;
}

#anniversary50th .section.anitype2 .desc {
  margin-left: -150px;
  opacity: 0;
}

#anniversary50th .section.anitype2.animate .title {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(-150px, 0);
      -ms-transform: translate(-150px, 0);
          transform: translate(-150px, 0);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype2.animate .desc {
  opacity: 1;
  -webkit-transform: translate(150px, 0);
      -ms-transform: translate(150px, 0);
          transform: translate(150px, 0);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype3 .title {
  opacity: 0;
}

#anniversary50th .section.anitype3 .desc {
  margin-bottom: -100px;
  opacity: 0;
}

#anniversary50th .section.anitype3.animate .title {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype3.animate .desc {
  opacity: 1;
  -webkit-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype4 .title {
  opacity: 0;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
}

#anniversary50th .section.anitype4 .desc {
  opacity: 0;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
}

#anniversary50th .section.anitype4.animate .title {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype4.animate .desc {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype5 .title {
  opacity: 0;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

#anniversary50th .section.anitype5 .desc {
  opacity: 0;
}

#anniversary50th .section.anitype5.animate .title {
  opacity: 1;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transform: rotateX(720deg);
          transform: rotateX(720deg);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.anitype5.animate .desc {
  opacity: 1;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#anniversary50th .section.start {
  background: url("/assets/img/anniversary50th/50th Anniversary.png") no-repeat center top;
  background-size: cover;
}

#anniversary50th .video {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 1100;
}

#anniversary50th .video .wrap {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -150px;
  text-align: center;
}

#anniversary50th .video .wrap button {
  display: inline-block;
  width: 110px;
  opacity: 0.6;
  margin-top: 25px;
}

#anniversary50th .video .wrap button .inner {
  width: 100%;
}

#anniversary50th .video .anniversary50thVideo {
  width: 100%;
}

.museum_banner {
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 100;
  background-color: blue;
  bottom: 0;
} */

/*
* //50주년 기념 페이지
*/

 /*
 * 50주년 페이지 모달창
 */
 /* .cdk-overlay-container {
  width: 100%;
  height: max-content;
  position: fixed;
  top: 10%;
  left: 0%;
  z-index: 100;
  margin: auto;
  background: #fff;
  -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
 }

 .webtoonModal .mat-dialog-content {
  display: block;
  margin: 0 -24px;
  padding: 0 24px;
  max-height: 65vh;
  overflow: hidden auto;
} */

/*
 * // 50주년 페이지 모달창
 */



  /* 240513 */
 /* 품질경영 품질 IT 시스템 */
.Q-Portal .hex_tit{ font-weight: 700;}
.Q-Portal .t_desc1{ margin-top: 9px; margin-bottom: 80px;}
.Q-Portal_list{ display: grid; grid-template-columns:  1fr; gap: 20px;}
.Q-Portal_list >li{ display: flex; flex-direction: column; gap: 17px; padding: 26px 17px; background-color: #fafafa;}
.Q-Portal_list div {display: flex; align-items: center; gap: 15px ;}
.Q-Portal_list div p{ color: #000; font-size: 16px; font-weight: 700;}
.Q-Portal_list li ul {margin-left: 22px;}
.Q-Portal_list li ul > li p{ color: #666; font-size: 14px; font-weight: 400; line-height: 1.4; text-indent: -9px;}
.Q-Portal_list li ul > li p::before{content: "-"; margin-right: 5px;}
.ico_circle {display: flex; align-items: center; width: 60px; height: 60px;}
.ico_circle.circle_01 {background: url(/assets/img/sustainability/ico_construction_Info.png)no-repeat center / contain;}
.ico_circle.circle_02 {background: url(/assets/img/sustainability/ico_quality_activities.png)no-repeat center / contain;}
.ico_circle.circle_03 {background: url(/assets/img/sustainability/ico_check_training.png)no-repeat center / contain;}
.ico_circle.circle_04 {background: url(/assets/img/sustainability/ico_BS_Check.png)no-repeat center / contain;}
.ico_circle.circle_05 {background: url(/assets/img/sustainability/ico_analysis.png)no-repeat center / contain;}
.ico_circle.circle_06 {background: url(/assets/img/sustainability/ico_audit.png)no-repeat center / contain;}
.ico_circle.circle_07 {background: url(/assets/img/sustainability/ico_nuclear.png)no-repeat center / contain;}
.ico_circle.circle_08 {background: url(/assets/img/sustainability/ico_quality_resources_office.png)no-repeat center / contain;}
.ico_circle.circle_09 {background: url(/assets/img/sustainability/ico_communication.png)no-repeat center / contain;}
.ico_circle.circle_10 {background: url(/assets/img/sustainability/ico_reference_materials.png)no-repeat center / contain;}


.C-Space .hex_tit{ font-weight: 700;}
.C-Space .t_desc1{ margin-top: 9px; margin-bottom: 80px;}
#sustainability .activity_list1 .Q-Portal .wrap_con,
#sustainability .activity_list1 .C-Space .wrap_con { padding: 0;}