@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400&display=swap");
@import url("./slick.css");

@font-face {
  font-family: "Godo";
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff")
      format("woff");
}

@font-face {
  font-family: "Godo";
  font-style: normal;
  font-weight: 700;
  src: url("https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff")
      format("woff");
}

@font-face {
  font-family: "omni";
  font-style: normal;
  src: url("../fonts/omni210.eot") format("eot"),
    url("../fonts/omni210.woff") format("woff"),
    url("../fonts/omni210.woff2") format("woff2");
}

.logo_title {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

/**HEADER**/
.navopen {
  overflow: hidden;
  height: 100%;
}
.searchopen {
  overflow: hidden;
  height: 100%;
}
.circleopen {
  overflow: hidden;
  height: 100%;
}
.searchopen .overlay {
  z-index: 1001;
}
.circleopen #header {
  z-index: 999;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1111;
}
.navopen #header {
  height: 100%;
}
#header:after {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
}
.navopen #header:after {
  display: none;
}
#header > .inner {
  position: relative;
  max-width: 768px;
  height: 100%;
  margin: 0 auto;
}
#header .top {
  position: relative;
  width: 100%;
  height: 60px;
}
.searchopen #header .top {
  background-color: #1d6de5;
}
#header .logo {
  position: absolute;
  left: 20px;
  top: 18px;
  width: 115px;
  height: 24px;
}
#header .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/main2020/common/logo.png) no-repeat;
  background-size: contain;
  font-size: 0;
}
#header .top .btn_wrap {
  position: absolute;
  top: 0;
  right: 12px;
  padding: 11px 0;
}
#header .top button {
  position: relative;
  width: 38px;
  height: 38px;
  font-size: 0;
}
.searchopen #header .top .btn_srch,
.searchopen #header .top button,
.searchopen #header .search_box .btn_close {
  display: none;
}
#header .top .btn_srch:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 22px;
  height: 22px;
  background: url(../images/main2020/common/sprite.png) no-repeat -100px -100px;
  background-size: 200px auto;
}
#header .top .btn_menu:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 20px;
  height: 18px;
  background: url(../images/main2020/common/sprite.png) no-repeat -100px 0;
  background-size: 200px auto;
}
#header .search_box {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 77px;
  background-color: #1d6de5;
  z-index: 1000;
  box-sizing: border-box;
  border-top: 1px solid #8eb6f2;
}
.searchopen #header .search_box {
  display: block;
}
#header .search_box .inner {
  box-sizing: border-box;
  max-width: 768px;
  padding: 22px 20px;
  margin: 0 auto;
}
#header .search_box .inner_wrap {
  position: relative;
}
#header .search_box .input_box {
  position: relative;
}
#header .search_box label {
  font-size: 0;
}
#header .search_box input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  padding: 0 37px 0 20px;
  border-radius: 2px;
  background-color: #fff;
  font-size: 14px;
  color: #000;
  box-sizing: border-box;
}
#header .search_box input::-webkit-input-placeholder {
  color: #000;
}
#header .search_box input::-moz-placeholder {
  color: #000;
}
#header .search_box input:-moz-placeholder {
  color: #000;
}
#header .search_box input:-ms-input-placeholder {
  color: #000;
}
#header .search_box .btn_search {
  position: absolute;
  right: 5px;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
}
#header .search_box .btn_search:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  width: 17px;
  height: 17px;
  background: url(../images/renewal2022/header/ico-search.png) no-repeat 0 0;
}
#header .search_box .btn_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
}
#header .search_box .btn_close:after {
  content: "";
  display: block;
  position: absolute;
  top: -67px;
  right: 1px;
  width: 20px;
  height: 20px;
  background: url(../images/renewal2022/header/ico-close2.png) no-repeat 0 0;
}

/**HEADER-.scroll**/
#header.scroll {
  background-color: #fff;
}
.navopen #header.scroll {
  background-color: transparent;
}
.navopen #header.scroll .top {
  background-color: #fff;
}
#header.scroll:after {
  display: none;
}
#header.scroll .top .logo a {
  background: url(../images/main2020/common/logo_scroll.png) no-repeat;
  background-size: contain;
}
#header.scroll .top .btn_srch:after {
  background-position: -150px -100px;
}
#header.scroll .top .btn_menu:after {
  background-position: -150px 0;
}

#localnav {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
}
#localnav * {
  box-sizing: border-box;
}
#localnav a {
  /* font-family: "Godo", sans-serif; */
  font-weight: 700;
  color: #000;
}
#localnav > .inner {
  position: relative;
  overflow: hidden;
  width: 77%;
  height: 100%;
  padding-top: 60px;
  margin-left: 23%;
  background-color: #fff;
}
.navopen #localnav {
  display: block;
}
#localnav .top_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #00aae7;
}
#localnav .top_wrap > .inner {
  position: relative;
  padding: 0 40px;
}
#localnav .top_wrap .logo {
  left: 40px;
}
#localnav .top_wrap .btn_close {
  position: absolute;
  right: 13px;
  top: 14px;
  width: 32px;
  height: 32px;
  font-size: 0;
}
#localnav .top_wrap .btn_close:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 18px;
  height: 18px;
  background: url(../images/main2020/common/sprite.png) no-repeat -50px -150px;
  background-size: 200px auto;
}
#localnav .gnb {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  overflow-y: auto;
}
#localnav .main {
  padding: 40px 0 10px 0;
}
#localnav .main > li {
  position: relative;
  text-align: left;
}
#localnav .main > li > a:after {
  content: "";
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
  width: 22px;
  height: 13px;
  background: url(../images/main2020/common/sprite.png) no-repeat 0 -100px;
  background-size: 200px auto;
}
#localnav .main > li.special > a {
  position: relative;
  padding-left: 30px;
}
#localnav .main > li.special.onair {
  padding-bottom: 20px;
}
#localnav .main > li.special.onair:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 650px;
  height: 1px;
  background-color: #a6a6a6;
}
#localnav .main > li.special > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  width: 22px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#localnav .main > li.special.wpp > a:before {
  background-image: url(../images/main2020/common/link_wpp.png);
}
#localnav .main > li.special.onair > a:before {
  background-image: url(../images/main2020/common/link_onair.png);
}
#localnav .main > li.special > a {
  white-space: nowrap;
}
#localnav .main > li.special.wpp > a {
  color: #1f873c;
}
#localnav .main > li.special.onair > a {
  color: #3062a9;
}
#localnav .main > li.company {
  margin-top: 25px;
}
#localnav .main > li.active.company > a {
  color: #00aae7;
}
#localnav .main > li.active.newsroom > a {
  color: #00aae7;
}
#localnav .main > li.active.manage > a {
  color: #00aae7;
}
#localnav .main > li.active.customer > a {
  color: #00aae7;
}
#localnav .main > li.active.product > a {
  color: #00aae7;
}
#localnav .main > li.current.company > a {
  color: #00aae7;
}
#localnav .main > li.current.newsroom > a {
  color: #00aae7;
}
#localnav .main > li.current.manage > a {
  color: #00aae7;
}
#localnav .main > li.current.customer > a {
  color: #00aae7;
}
#localnav .main > li.current.product > a {
  color: #00aae7;
}
#localnav .main > li > a {
  display: block;
  width: 100%;
  padding: 16px 0;
  font-size: 19px;
}
#localnav .sub {
  display: none;
  padding: 23px 15px 23px 30px;
  margin-bottom: 10px;
  background-color: #ededed;
}
#localnav .depth2 > li {
  margin-bottom: 15px;
}
#localnav .depth2 > li:last-child {
  margin-bottom: 0;
}
#localnav .depth2 > li > a {
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
  white-space: nowrap;
}
#localnav .depth3 > li {
  line-height: 23px;
}
#localnav .depth3 > li > a {
  font-family: "YKPureunSup", "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움",
    Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
#localnav .depth3 > li > a:before {
  content: "- ";
  display: inline;
}
#localnav .main > li.current .sub {
  display: block;
}
#localnav .main > li.active .sub {
  display: block;
}
#localnav .main > li.current.has-sub > a:after,
#localnav .main > li.active.has-sub > a:after {
  display: block;
}
#localnav .main .bud {
  display: inline-block;
  width: 16px;
  vertical-align: middle;
  margin-top: -2px;
}
#localnav .main .bud.wpp {
  width: 12px;
  margin-top: -3px;
}
#localnav .main .bud img {
  display: block;
  max-width: 100%;
}
#localnav .main .icon_outlink {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-top: -1px;
  background: url(../images/main2020/common/sprite.png) no-repeat -75px -150px;
  background-size: 200px;
}
#localnav .sns_list {
  position: relative;
  padding: 40px 0;
  margin-left: -18px;
}
#localnav .sns_list:before {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  width: 650px;
  height: 1px;
  background-color: #a6a6a6;
}
#localnav .sns_list li {
  display: inline-block;
  width: 50px;
  height: 50px;
}
#localnav .sns_list li.fb {
  width: 42px;
}
#localnav .sns_list li a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 300px auto;
  font-size: 0;
}
#localnav .sns_list li.fb a {
  background-position: 0 0;
}
#localnav .sns_list li.ig a {
  background-position: -50px 0;
}
#localnav .sns_list li.yt a {
  background-position: -100px 0;
}
#localnav .sns_list li.bl a {
  background-position: -150px 0;
}

@media all and (max-width: 340px) {
  #localnav > .inner {
    width: 100%;
    margin-left: 0;
  }
}

/**50주년 기념 로고로 변경
#header .logo{left:20px;top:5px;width:162px;height:49px;background:url(../images/main2020/common/logo_50th.png) no-repeat;background-size:contain;}
#header .logo a{position:absolute; bottom:0; left:0; background:none; width:94px;height:30px;font-size:0;}
#header.scroll .top .logo {background:url(../images/main2020/common/logo_50th_scroll.png) no-repeat; background-size:contain;}
#header.scroll .top .logo a{background:none;}
#localnav .logo{position:absolute;left:20px;top:18px;width:115px;height:24px;background:none;}
#localnav .logo a{display:block;width:100%;height:100%;background:url(../images/main2020/common/logo.png) no-repeat;background-size:contain;font-size:0;}
**/
/**FIXED SNS BOTTOM BANNER**/
.fixed_sns_banner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
}
.fixed_sns_banner .inner {
  position: relative;
  max-width: 768px;
  padding: 0 20px;
  margin: 0 auto;
}
.fixed_sns_banner .link_wrap {
  height: 60px;
  font-size: 0;
}
.fixed_sns_banner .link_wrap li {
  float: left;
  width: 50%;
  padding: 12px 0;
}
.fixed_sns_banner .link_wrap a {
  display: inline-block;
  /*font-family: "Godo", sans-serif;*/
  font-weight: 700;
  color: #000;
}
.fixed_sns_banner .link_wrap .txt {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2em;
  font-size: 15px;
}
.fixed_sns_banner li.wpp {
  text-align: left;
}
.fixed_sns_banner li.wpp a:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 33px;
  margin-right: 8px;
  background: url(../images/main2020/common/link_wpp.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.fixed_sns_banner li.onair {
  text-align: right;
  line-height: 36px;
}
.fixed_sns_banner li.onair .txt {
  line-height: 19px;
}
.fixed_sns_banner li.onair a:after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 29px;
  margin-left: 8px;
  background: url(../images/main2020/common/link_onair.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.fixed_sns_banner .btn_sns_open {
  position: absolute;
  top: 11px;
  left: 50%;
  width: 48px;
  height: 38px;
  margin-left: -24px;
  background: url(../images/main2020/common/sns_banner_logo.png) no-repeat
    center;
  background-size: contain;
  font-size: 0;
}
.fixed_sns_banner .sns_wrapper {
  opacity: 0;
  position: absolute;
  top: -102px;
  left: 50%;
  margin-left: -107px;
  width: 215px;
  height: 215px;
  border-radius: 50%;
  z-index: -1;
  background-color: #fff;
}
.fixed_sns_banner .sns_wrapper .title {
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: center;
  /*font-family: "Godo", sans-serif;*/
  font-weight: 700;
  font-size: 14px;
  color: #666;
}
.fixed_sns_banner .sns_list p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 1px;
}
.fixed_sns_banner .sns_list p a {
  position: relative;
  left: 55px;
  top: -22px;
  display: block;
  width: 45px;
  height: 45px;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 300px auto;
  font-size: 0;
}
.fixed_sns_banner .sns_list p.fb a {
  background-position: 0 0;
}
.fixed_sns_banner .sns_list p.ig a {
  background-position: -50px 0;
}
.fixed_sns_banner .sns_list p.yt a {
  background-position: -100px 0;
}
.fixed_sns_banner .sns_list p.bl a {
  background-position: -150px 0;
}

/**FOOTER**/
#footer {
  width: 100%;
  padding-bottom: 60px;
  background-color: #292b2d;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}
#footer .inner {
  position: relative;
  max-width: 768px;
  padding: 30px 20px 18px 20px;
  margin: 0 auto;
}
#footer .top {
  position: relative;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #4b4d4e;
}
#footer .logo {
  height: 20px;
  margin-right: 15px;
}
#footer .logo img {
  display: block;
  max-height: 100%;
}
#footer .top li {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
}
#footer .top li a {
  font-size: 13px;
  color: #fff;
}
#footer .top .privacy {
  margin-right: 0;
}
#footer .top .privacy_txt {
  color: #009fe3 !important;
}
#footer .address {
  padding: 15px 0 10px 0;
}
#footer .address {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
}
#footer .address a {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
}
#footer .address li {
  position: relative;
  font-size: 12px;
  line-height: 20px;
}
#footer .address .inline-block {
  display: inline-block;
  margin-right: 8px;
}
#footer .address .inline-block:last-child {
  margin-right: 0;
}
#footer .address .icon_mail {
  opacity: 1;
}
#footer .address .icon_mail a {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
  font-size: 12px;
}
#footer .address .icon_mail:after {
  content: "";
  position: static;
  margin-top: 0;
  opacity: 1;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/main2020/common/icon_footer_mail.png) no-repeat
    center;
  background-size: contain;
  vertical-align: middle;
}
#footer .copyright {
  margin-bottom: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
#footer .sns_link {
  margin-left: -10px;
}
#footer .sns_link li {
  position: relative;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
#footer .sns_link li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  background: url(../images/main2020/common/sns_footer.png) no-repeat 0 0;
  /* opacity: 0.8; */
  /* background-size: 120px auto; */
}
#footer .sns_link li a.fb {
  background-position: 0 0;
}
#footer .sns_link li a.ig {
  background-position: -30px 0;
}
#footer .sns_link li a.yt {
  background-position: -60px 0;
}
#footer .sns_link li a.bl {
  background-position: -90px 0;
}
#footer .sns_link li a:last-child {
  margin-right: 0;
}
#footer .sns_link li a:hover {
  opacity: 1;
}
@media all and (max-width: 330px) {
  #footer .logo {
    height: 18px;
  }
  #footer .top li a {
    font-size: 12px;
  }
}

/**top button**/
#btn_top {
  position: absolute;
  right: 20px;
  top: -19px;
  width: 34px;
  height: 34px;
  font-size: 0;
  border-radius: 50%;
  background-color: #00aae7;
}
#btn_top:after {
  width: 10px;
  height: 13px;
  margin: -7px 0 0 -5px;
  background-position: -75px -50px;
}

/**top_banner**/
.top_banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}
.top_banner > .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top_banner > .inner:before {
  content: "";
  width: 1px;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.top_banner .page_title {
  /*font-family: "Godo", sans-serif;*/
  display: inline-block;
  padding-top: 35px;
  text-align: center;
  font-size: 30px;
  vertical-align: middle;
  color: #fff;
  text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
}
.top_banner.society_index .page_title {
  padding-top: 70px;
}
.top_banner.society_index .page_title img {
  width: 252px;
  margin-top: 13px;
}

/**navigation**/
.navigation {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 20px;
  z-index: 999;
  text-align: left;
  margin: -25px 0 0 0;
  box-sizing: border-box;
  opacity: 0;
}
.navigation.on {
  opacity: 1;
}
.navigation .inner {
  float: left;
  position: relative;
  width: 100%;
}
.navigation .inner:nth-child(2):after {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 1px;
  height: 25px;
  background-color: #ccc;
}
.navigation * {
  box-sizing: border-box;
}
.navigation a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  box-sizing: border-box;
}
.navigation .box {
  height: 50px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}
.navigation .depth {
  display: none;
  width: 100%;
  padding: 0 13px;
  background-color: #fff;
}
.navigation .depth li {
  border-bottom: 1px solid #ccc;
}
.navigation .depth li:last-child {
  border-bottom: 0;
}
.navigation .depth li a {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navigation .depth li a .icon_outlink {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  margin-top: -3px;
  background: url(../images/main2020/common/sprite.png) no-repeat -75px -150px;
  background-size: 200px auto;
}
.navigation .icon_wpp {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 36px;
  margin-left: 8px;
  margin-top: -6px;
  background: url(../images/main2020/common/link_wpp.png) no-repeat center;
  background-size: contain;
}
.navigation .depth li.on a {
  color: #1f8cdd;
}
.navigation .current {
  padding: 0 40px 0 15px;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  background-color: #fff;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navigation .current:after {
  left: inherit;
  top: 14px;
  right: 10px;
  width: 23px;
  height: 23px;
  background-image: url(../images/main2020/common/sprite.png);
  background-position: -150px -150px;
  background-size: 200px auto;
}
.navigation .inner.open .depth {
  display: block;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}
.navigation .inner.open .current {
  border-bottom: 6px solid #1f8cdd;
  box-shadow: none;
}
.navigation .inner.open .current:after {
  background-position: -175px -150px;
}
.navigation.column2 .inner {
  width: 50%;
}

/**arrow tab**/
.tab_arrow {
  padding: 0 16px;
  letter-spacing: -10px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 35px;
}
.tab_arrow * {
  box-sizing: border-box;
}
.tab_arrow ul {
  display: inline;
}
.tab_arrow li {
  position: relative;
  display: inline-block;
  width: 50%;
  max-width: 170px;
  text-align: center;
  padding-right: 1px;
}
.tab_arrow li a,
.tab_arrow li button {
  display: block;
  width: 100%;
  padding: 10px 5px;
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  background: #eee;
  white-space: nowrap;
  font-weight: 600;
}
.tab_arrow.has_bg li a,
.tab_arrow.has_bg li button {
  color: #373737;
  background-color: #fff;
}
.tab_arrow li.on a,
.tab_arrow li.on button {
  color: #fff;
  background: #1f8cdd url(../images/main2020/common/tab_arrow_bg_default.png)
    no-repeat right bottom;
  background-size: 40px 20px;
}
.tab_arrow li.on a:after,
.tab_arrow li.on button:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 5px;
  background: url(../images/main2020/common/tab_arrow_triangle_default.png)
    no-repeat center;
  background-size: contain;
}

.tab_arrow.column3 li {
  width: 33.3333%;
}
.tab_arrow.column3 li a,
.tab_arrow.column3 li button {
  letter-spacing: -0.03em;
}
.tab_arrow.green li.on a,
.tab_arrow.green li.on button {
  background-color: #589924;
  background-image: url(../images/main2020/common/tab_arrow_bg_green.png);
}
.tab_arrow.green li.on a:after,
.tab_arrow.green li.on button:after {
  background-image: url(../images/main2020/common/tab_arrow_triangle_green.png);
}
.tab_arrow.orange li.on a,
.tab_arrow.orange li.on button {
  background-color: #ed6f00;
  background-image: url(../images/main2020/common/tab_arrow_bg_orange.png);
}
.tab_arrow.orange li.on a:after,
.tab_arrow.orange li.on button:after {
  background-image: url(../images/main2020/common/tab_arrow_triangle_orange.png);
}
.tab_arrow.navy li.on a,
.tab_arrow.navy li.on button {
  background-color: #3062a9;
  background-image: url(../images/main2020/common/tab_arrow_bg_navy.png);
}
.tab_arrow.navy li.on a:after,
.tab_arrow.navy li.on button:after {
  background-image: url(../images/main2020/common/tab_arrow_triangle_navy.png);
}

/**메인페이지**/
.page_index {
  line-height: 1.5;
}
.page_index strong {
  font-weight: 500;
}
.page_index .link_more {
  display: inline-block;
  min-width: 105px;
  padding: 7px;
  border: 1px solid #000;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  vertical-align: middle;
  line-height: 1.2em;
  font-family: "Poppins", sans-serif;
}
.page_index .link_more.white {
  border-color: #fff;
  color: #fff;
}
.page_index .link_more:hover {
  background-color: #000;
  color: #fff;
}
.page_index .link_more.white:hover {
  background-color: #fff;
  color: #3062a9;
}
.page_index .link_icon {
  display: inline-block;
  min-width: 130px;
  padding: 8px;
  border: 1px solid #b1b1b1;
  border-radius: 17px;
  font-size: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #060606;
  vertical-align: middle;
  line-height: 1.2em;
  font-family: "Poppins", sans-serif;
}
.page_index .link_icon:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url(../images/main2020/common/sprite.png) no-repeat -100px -50px;
  background-size: 200px auto;
  vertical-align: middle;
}
.page_index .btn_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.page_index .sub_title {
  /*font-family: "Godo", sans-serif;*/
  font-size: 50px;
  text-align: center;
}
.page_index section.layout_center {
  max-width: 1520px;
  margin: 0 auto;
}
.page_index section.layout_center .inner {
  width: 100%;
  padding: 0 60px;
}
@media all and (max-width: 1280px) {
  .page_index section.layout_center .inner {
    overflow: hidden;
  }
}
@media all and (max-width: 600px) {
  .page_index .sub_title {
    font-size: 35px;
  }
}

.page_index .key_visual {
  position: relative;
}
.page_index .key_visual .logo_woopoopoo {
  position: absolute;
  width: 16.9%;
  top: 75px;
  left: 20px;
  z-index: 1;
}
.page_index .key_visual .logo_woopoopoo img {
  display: block;
  max-width: 100%;
}
.page_index .key_visual .main_slider_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 184%;
}
.page_index .key_visual .main_slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_index .key_visual .main_slider .slick-list,
.page_index .key_visual .main_slider .slick-track,
.page_index .key_visual .main_slider .slick-slide {
  height: 100%;
}
.page_index .key_visual .main_slider .item > a {
  display: block;
  width: 100%;
  height: 100%;
}
.page_index .key_visual .main_slider .thumb_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.page_index .key_visual .main_slider .thumb_wrap > a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.page_index .key_visual .main_slider .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.page_index .key_visual .main_slider .desc_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  text-align: center;
}
.page_index .key_visual .main_slider .desc_wrap:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 100%;
  vertical-align: middle;
}
.page_index .key_visual .main_slider .desc_box {
  opacity: 0;
  display: inline-block;
  width: 97%;
  vertical-align: middle;
}
.page_index .key_visual .main_slider .sub_title {
  color: #fff;
  text-shadow: 4px 4px 2px rgba(66, 101, 124, 0.8);
  vertical-align: middle;
  line-height: 1.3;
}
.page_index .key_visual .main_slider .desc {
  margin-top: 20px;
  font-size: 30px;
  color: #42657c;
  vertical-align: middle;
  white-space: nowrap;
}
.page_index .key_visual .main_slider .desc.border:before,
.page_index .key_visual .main_slider .desc.border:after {
  display: inline-block;
  content: "";
  width: 50px;
  height: 1px;
  margin: 0 15px;
  background-color: #42657c;
  vertical-align: middle;
}

.page_index .key_visual .slider_controls_wrap {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -87px;
  text-align: center;
  letter-spacing: -10px;
}
.page_index .key_visual .slider_controls .slick-arrow {
  display: inline-block;
  width: 35px;
  height: 64px;
  margin: 0 10px;
  font-size: 0;
  letter-spacing: 0;
  vertical-align: middle;
}
.page_index .key_visual .slider_controls .slick-arrow:after {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  margin: 0 auto;
  background: url(../images/main2020/common/sprite.png) no-repeat 0 0;
  background-size: 200px auto;
}
.page_index .key_visual .slider_controls .slick-next:after {
  background-position: -50px 0;
}
.page_index .key_visual .slider_controls #circle {
  width: 64px;
  height: 64px;
}
.page_index .key_visual .slider_controls .svg_wrap {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  vertical-align: middle;
  letter-spacing: 0;
}
.page_index .key_visual .slider_controls .svg_wrap .bg_circle {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.page_index .key_visual .slider_controls .btn_wrap button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.page_index .key_visual .slider_controls .btn_wrap button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 16px;
  background: url(../images/main2020/common/sprite.png) no-repeat 0 -50px;
  background-size: 200px auto;
}
.page_index .key_visual .slider_controls .btn_wrap button.icon_pause:after {
  margin-top: -8px;
  margin-left: -6px;
}
.page_index .key_visual .slider_controls .btn_wrap button.icon_start:after {
  margin-top: -8px;
  margin-left: -5px;
  background-position: -50px -50px;
}
.page_index .key_visual .slider_status {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
}
.page_index .key_visual .btn_open_video {
  display: inline-block;
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: none;
}
.page_index .key_visual .btn_open_video:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 21px;
  margin-bottom: 3px;
  margin-right: 8px;
  vertical-align: middle;
  background: url(../images/main/play_btn.png) no-repeat;
  background-size: 16px auto;
}
.page_index .key_visual .video_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
}
.page_index .key_visual .video_wrap .kv_video {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page_index .key_visual .video_wrap .close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.page_index .key_visual .video_wrap .close .btn_close {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/common/icons.png) no-repeat -75px 0;
  background-size: 200px auto;
}

@media all and (max-width: 600px) {
  .page_index .key_visual .main_slider .desc.border:before,
  .page_index .key_visual .main_slider .desc.border:after {
    width: 25px;
  }
  .page_index .key_visual .main_slider .desc {
    font-size: 16px;
  }
  .page_index .key_visual .slider_status {
    font-size: 12px;
  }
}

.page_index .todays_focus {
  overflow: hidden;
}
.page_index .todays_focus.layout_center .inner {
  position: relative;
  padding: 0;
}
.page_index .todays_focus .sub_title {
  position: absolute;
  top: 36px;
  left: 39px;
  font-size: 25px;
  color: #fff;
  z-index: 1;
}
.page_index .todays_focus .focus_slider {
  position: relative;
}
.page_index .todays_focus .focus_slider .slick-list {
  overflow: visible;
}
.page_index .todays_focus .focus_slider .slick-dots {
  position: absolute;
  top: 468px;
  left: 39px;
  font-size: 0;
}
.page_index .todays_focus .focus_slider .slick-dots li {
  display: inline-block;
  padding: 20px 5px;
  vertical-align: middle;
}
.page_index .todays_focus .focus_slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #b3b3b3;
  font-size: 0;
}
.page_index .todays_focus .focus_slider .slick-dots .slick-active button {
  border: 3px solid #07ace8;
  background-color: #fff;
  box-sizing: content-box;
}
.page_index .todays_focus .focus_slider .item {
  position: relative;
}
.page_index .todays_focus .focus_slider .motion_box .thumb_wrap {
  padding: 0 39px;
}
.page_index .todays_focus .focus_slider .motion_box .thumb_box {
  position: relative;
  margin-top: -63px;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 68.73%;
  z-index: 1;
}
.page_index .todays_focus .focus_slider .motion_box .thumb {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.3);
}
.page_index .todays_focus .focus_slider .sns_text {
  opacity: 0;
  position: absolute;
  width: 100px;
  height: 20px;
  bottom: -20px;
  left: -20px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: left top;
  text-align: left;
  font-size: 11px;
  color: #1e4389;
}
.page_index .todays_focus .focus_slider .sns_text:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: bottom;
}
.page_index .todays_focus .focus_slider .sns_text .align {
  display: inline-block;
  vertical-align: bottom;
  line-height: 20px;
}
.page_index .todays_focus .focus_slider .motion_box {
  position: relative;
}
.page_index .todays_focus .focus_slider .motion_box .desc_wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 307px;
  padding: 80px 39px 60px 39px;
  background-color: #3062a9;
}
.page_index .todays_focus .focus_slider .motion_box .desc_box {
  position: relative;
  opacity: 0;
}
.page_index .todays_focus .focus_slider .motion_box .desc {
  margin-bottom: 16px;
  font-size: 23px;
  color: #fff;
  line-height: 1.5em;
  max-height: 4.5em;
  overflow: hidden;
}
.page_index .todays_focus .focus_slider .motion_box .link_more {
  margin-bottom: 30px;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon {
  opacity: 0;
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  bottom: 30px;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  font-size: 0;
  z-index: 1;
  background-size: 252px auto;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon.fb {
  background-position: 0 0;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon.ig {
  background-position: -42px 0;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon.yt {
  background-position: -84px 0;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon.bl {
  background-position: -126px 0;
}
.page_index .todays_focus .focus_slider .motion_box .sns_icon.pr {
  background-position: -168px 0;
}
.page_index .todays_focus .sns_list {
  padding: 0 39px;
  margin: 57px 0 50px 0;
}
.page_index .todays_focus .sns_list li {
  opacity: 0;
  position: relative;
  margin-bottom: 20px;
}
.page_index .todays_focus .sns_list li:last-child {
  margin-bottom: 0;
}
.page_index .todays_focus .sns_list li a {
  display: block;
  width: 100%;
  padding-left: 178px;
  min-height: 150px;
}
.page_index .todays_focus .sns_list .thumb_wrap {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.page_index .todays_focus .sns_list .thumb {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  -ms-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
}
.page_index .todays_focus .sns_list li a:hover .thumb {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.page_index .todays_focus .sns_list li a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 150px;
  vertical-align: middle;
}
.page_index .todays_focus .sns_list .desc_wrap {
  position: relative;
  display: inline-block;
  width: 92%;
  vertical-align: middle;
}
.page_index .todays_focus .sns_list .desc {
  width: 100%;
  overflow: hidden;
  max-height: 4.5em;
  color: #000;
  line-height: 1.5em;
}
.page_index .todays_focus .sns_list .sns_icon {
  display: block;
  margin-top: 10px;
  width: 39px;
  height: 39px;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 234px auto;
  font-size: 0;
}
.page_index .todays_focus .sns_list .sns_icon.fb {
  background-position: 0 -39px;
}
.page_index .todays_focus .sns_list .sns_icon.ig {
  background-position: -39px -39px;
}
.page_index .todays_focus .sns_list .sns_icon.yt {
  background-position: -78px -39px;
}
.page_index .todays_focus .sns_list .sns_icon.bl {
  background-position: -117px -39px;
}
.page_index .todays_focus .sns_list .sns_icon.pr {
  background-position: -156px -39px;
}

.page_index .campaign .campaign_slider {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 130.93%;
}
.page_index .campaign .campaign_slider .item {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page_index .campaign .campaign_slider .item.green {
  background-color: #e1f5d1;
}
.page_index .campaign .campaign_slider .item.orange {
  background-color: #efeeca;
}
.page_index .campaign .campaign_slider .item.blue {
  background-color: #c9e6fb;
}
.page_index .campaign .campaign_slider .item.purple {
  background-color: #c9cff8;
}
.page_index .campaign .campaign_slider .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_index .campaign .campaign_slider .slick-track {
  height: 100%;
}
.page_index .campaign .campaign_slider .inner {
  padding: 45px 39px 78px 39px;
  margin: 0 auto;
}
.page_index .campaign .campaign_slider .desc_wrap {
  position: relative;
}
.page_index .campaign .campaign_slider .desc_box .title {
  /*font-family: "Godo", sans-serif;*/
  font-size: 23px;
  line-height: 1.3em;
}
.page_index .campaign .campaign_slider .desc_box .emp {
  /*font-family: "Godo", sans-serif;*/
  font-weight: 700;
  font-size: 15px;
}
.page_index .campaign .campaign_slider .item.green .emp {
  color: #1f873c;
}
.page_index .campaign .campaign_slider .item.orange .emp {
  color: #f09530;
}
.page_index .campaign .campaign_slider .item.blue .emp {
  color: #00aae7;
}
.page_index .campaign .campaign_slider .item.purple .emp {
  color: #661f87;
}
.page_index .campaign .campaign_slider .desc_box .desc {
  margin-top: 10px;
  color: #000;
}
.page_index .campaign .campaign_slider .desc_box .link_more {
  margin-top: 15px;
  margin-bottom: 30px;
}
.page_index .campaign .campaign_slider .desc_box .campaign_logo {
  position: absolute;
  height: 16px;
  top: -20px;
  left: 0;
}
.page_index .campaign .campaign_slider .desc_box .campaign_logo img {
  max-height: 100%;
}
.page_index .campaign .campaign_slider .visual_wrap {
  opacity: 0;
  position: absolute;
  top: 42.87%;
  left: 0;
  padding: 0 39px;
  width: 100%;
}
.page_index .campaign .campaign_slider .visual_wrap .line {
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  width: 19%;
  height: 2px;
}
.page_index .campaign .campaign_slider .item.green .line {
  background-color: #1f873c;
}
.page_index .campaign .campaign_slider .item.orange .line {
  background-color: #f09530;
}
.page_index .campaign .campaign_slider .item.blue .line {
  background-color: #00aae7;
}
.page_index .campaign .campaign_slider .item.purple .line {
  background-color: #661f87;
}
.page_index .campaign .campaign_slider .visual_wrap a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 68.4%;
}
.page_index .campaign .campaign_slider .visual {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.3);
}
.page_index .campaign .campaign_slider .icon_play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/main2020/icon_play.png) no-repeat center;
  background-size: 90px;
}
.page_index .campaign .campaign_slider .visual_wrap a:hover .icon_play {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../images/main2020/icon_play_on.png);
}
.page_index .campaign .campaign_slider .slick-dots {
  position: absolute;
  bottom: 17px;
  left: 39px;
  font-size: 0;
}
.page_index .campaign .campaign_slider .slick-dots li {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.page_index .campaign .campaign_slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #777765;
  font-size: 0;
}
.page_index .campaign .campaign_slider .slick-dots .slick-active button {
  border: 3px solid #777765;
  background-color: transparent;
  box-sizing: content-box;
}
.page_index .campaign .campaign_slider.dot-type2 .slick-dots button {
  background-color: rgba(255, 255, 255, 0.5);
}
.page_index
  .campaign
  .campaign_slider.dot-type2
  .slick-dots
  .slick-active
  button {
  border: 3px solid #fff;
  background-color: transparent;
}
@media all and (max-width: 480px) {
  .page_index .campaign .campaign_slider .icon_play {
    background-size: 45px;
  }
}

.page_index .yk_story.layout_center .inner {
  padding: 45px 0 50px 0;
}
.page_index .yk_story .sub_title {
  padding: 0 20px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 25px;
}
.page_index .yk_story .tab_slider_wrap {
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #cfcfcf;
  border-width: 1px 0 1px 0;
}
.page_index .yk_story .tab_slider {
  float: left;
  display: block;
  font-size: 0;
  white-space: nowrap;
  position: relative;
  letter-spacing: -10px;
}
.page_index .yk_story .tab_slider .item {
  position: relative;
  display: inline-block;
  padding: 0 20px;
}
.page_index .yk_story .tab_slider .item:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #cfcfcf;
}
.page_index .yk_story .tab_slider .item:last-child:after {
  display: none;
}
.page_index .yk_story .tab_slider .item a {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  color: #000;
  font-weight: 300;
  letter-spacing: 0;
  border-bottom: 2px solid #fff;
}
.page_index .yk_story .tab_slider .item.active a {
  color: #00aae7;
  font-weight: 500;
  border-color: #00aae7;
}
.page_index .yk_story .tab_cont {
  padding: 0 20px;
}
.page_index .yk_story .tab_cont ul {
  margin-right: -20px;
}
.page_index .yk_story .tab_cont li {
  float: left;
  width: 50%;
  padding-right: 20px;
}
.page_index .yk_story .tab_cont a {
  position: relative;
  display: block;
  width: 100%;
}
.page_index .yk_story .tab_cont .thumb_wrap {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.page_index .yk_story .tab_cont .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  -ms-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
}
.page_index .yk_story .tab_cont a:hover .thumb {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.page_index .yk_story .tab_cont .desc_wrap {
  width: 100%;
  margin: 7px 0 10px 0;
}
.page_index .yk_story .tab_cont .desc {
  overflow: hidden;
  max-height: 3em;
  font-weight: 300;
  color: #060606;
  line-height: 1.5em;
}
.page_index .yk_story .btn_wrap {
  padding: 20px 20px 0;
  text-align: center;
}

.page_index .video_visual {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 61.06%;
}
.page_index .video_visual a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_index .video_visual .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page_index .video_visual .desc_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_index .video_visual .table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.page_index .video_visual .table_cell {
  display: table-cell;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.page_index .video_visual .desc_wrap .title {
  margin-bottom: 20px;
  /*font-family: "Godo", sans-serif;*/
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.page_index .video_visual .desc_wrap .title .title_inner {
  width: 100%;
  overflow: hidden;
}
.page_index .video_visual .desc_wrap .title .title_inner .txt {
  display: block;
  text-align: center;
}
.page_index .video_visual .desc_wrap .title .title_inner .txt1 {
  font-size: 23px;
}
.page_index .video_visual .desc_wrap .title .title_inner .txt2 {
  font-size: 17px;
}
.page_index .video_visual .desc_wrap .icon_play {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  background: url(../images/main2020/icon_play.png) no-repeat center;
  background-size: contain;
}
.page_index .video_visual a:hover .desc_wrap {
  background-color: rgba(0, 0, 0, 0.5);
}
.page_index .video_visual a:hover .desc_wrap .icon_play {
  background-image: url(../images/main2020/icon_play_on.png);
}
.page_index .video_visual .video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.page_index .video_visual .video iframe {
  display: block;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 480px) {
  .page_index .video_visual .desc_wrap .icon_play {
    width: 57px;
    height: 57px;
  }
}

/**YK ONAIR**/
.page_ykonair {
  line-height: 1.5;
  box-sizing: border-box;
}
.page_ykonair * {
  box-sizing: border-box;
}
.page_ykonair {
  overflow: hidden;
  max-width: 768px;
  margin: 0 auto;
}
.page_ykonair input[type="text"],
.page_ykonair input[type="button"] {
  border: 0 none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
}
.page_ykonair .inner {
  padding: 40px 20px 60px;
}
.page_ykonair .top_banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  background: url(../images/main2020/top_banner/top_banner_ykonair.png)
    no-repeat center;
  background-size: cover;
  text-align: center;
}
.page_ykonair .top_banner > .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_ykonair .top_banner > .inner:before {
  content: "";
  width: 1px;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.page_ykonair .search_box {
  display: inline-block;
  width: 220px;
  padding-top: 38px;
  vertical-align: middle;
  font-size: 12px;
  text-align: left;
}
.page_ykonair .search_box .search {
  position: relative;
  width: 100%;
  height: 32px;
  padding-left: 52px;
  padding-right: 27px;
  border-bottom: 2px solid #000;
}
.page_ykonair .search_box .search label {
  font-size: 0;
}
.page_ykonair .search_box .search .select_wrap {
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
}
.page_ykonair .search_box .search .select_wrap.focus {
  border: 1px solid lightblue;
}
.page_ykonair .search_box .search .select_wrap:before {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 1px;
  height: 12px;
  background-color: #88a99d;
}
.page_ykonair .search_box .search .select_wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -3px;
  width: 10px;
  height: 6px;
  background: url(../images/main2020/common/sprite.png) no-repeat 0 -125px;
  background-size: 200px auto;
}
.page_ykonair .search_box .search select {
  width: 52px;
  height: 30px;
  line-height: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.page_ykonair .search_box .search .select_wrap label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  padding: 0 16px 0 0;
  line-height: 30px;
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_ykonair .search_box .search .input_search {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-size: 12px;
  color: #000;
}
.page_ykonair .search_box .search .btn_search {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.page_ykonair .search_box .search .btn_search:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  background: url(../images/main2020/common/sprite.png) no-repeat -150px -100px;
  background-size: 200px auto;
}

.page_ykonair .recommend {
  position: relative;
  height: 50px;
  padding-left: 75px;
  border-bottom: 1px solid #e3e3e3;
}
.page_ykonair .recommend .title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 0 20px;
  line-height: 48px;
  font-size: 12px;
  background-color: #fff;
  z-index: 1;
}
.page_ykonair .recommend .tab_slider_wrap {
  width: 100%;
}
.page_ykonair .recommend ul {
  width: 1000px;
  display: block;
  font-size: 0;
  white-space: nowrap;
}
.page_ykonair .recommend li {
  float: left;
}
.page_ykonair .recommend .btn_tag {
  display: block;
  text-align: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #b2b2b2;
  border-radius: 13px;
  line-height: 24px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
  white-space: nowrap;
  margin: 11px 3px;
}
.page_ykonair .recommend li:last-child .btn_tag {
  margin-right: 16px;
}
.page_ykonair .recommend .btn_tag:hover,
.page_ykonair .recommend .btn_tag:focus {
  border-color: #0d6e38;
  color: #fff;
  background-color: #0d6e38;
}
.page_ykonair .recommend .btn_tag:before {
  content: "#";
  display: inline;
}
.page_ykonair .tab_arrow {
  padding-top: 35px;
}
.page_ykonair .section_sns .sub_title {
  /*font-family: "Godo", sans-serif;*/
  margin-bottom: 15px;
  font-size: 20px;
  color: #000;
}
.page_ykonair .section_sns .sub_title:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 33px;
  height: 33px;
  border-radius: 10px;
  vertical-align: middle;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 198px auto;
}
.page_ykonair .section_sns.ig {
  background-color: #fff;
}
.page_ykonair .section_sns.yt {
  background-color: #eaeaea;
}
.page_ykonair .section_sns.bl {
  background-color: #fff;
}
.page_ykonair .section_sns.fb {
  background-color: #dcf1ff;
}
.page_ykonair .section_sns.ig .sub_title {
  margin-bottom: 45px;
}
.page_ykonair .section_sns.ig .inner {
  padding: 40px 20px 50px 20px;
}
.page_ykonair .section_sns.yt .inner {
  padding: 35px 4px 50px 20px;
}
.page_ykonair .section_sns.bl .inner {
  padding: 35px 20px 30px 20px;
}
.page_ykonair .section_sns.fb .inner {
  padding: 35px 20px 30px 20px;
}
.page_ykonair .section_sns.event .inner {
  padding: 35px 20px 50px 20px;
}
.page_ykonair .section_sns.ig .sub_title:before {
  background-position: -33px -66px;
}
.page_ykonair .section_sns.yt .sub_title:before {
  background-position: -66px -66px;
}
.page_ykonair .section_sns.bl .sub_title:before {
  background-position: -99px -66px;
}
.page_ykonair .section_sns.fb .sub_title:before {
  background-position: 0 -66px;
}
.page_ykonair .section_sns.event .sub_title:before {
  background-position: -165px -66px;
}
.page_ykonair .sns_square {
  letter-spacing: -10px;
}
.page_ykonair .sns_square .slick-list {
  overflow: visible;
}
.page_ykonair .sns_square .item {
  display: inline-block;
  margin: 0 15px;
  letter-spacing: 0;
}
.page_ykonair .sns_square .item.slick-center {
  transform: scale(1.2);
  transform-origin: center bottom;
}
.page_ykonair .sns_square .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.page_ykonair .sns_square .thumb_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.page_ykonair .sns_square .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media all and (max-width: 1300px) {
  .page_ykonair .section_sns.ig .inner {
    overflow: hidden;
  }
}

.page_ykonair .scroll_list_wrap .sns_list {
  white-space: nowrap;
}
.page_ykonair .scroll_list_wrap .sns_list .item {
  width: 296px;
}
.page_ykonair .sns_list {
  margin-right: -16px;
  letter-spacing: -10px;
}
.page_ykonair .sns_list .item {
  display: inline-block;
  vertical-align: top;
  padding-right: 16px;
  letter-spacing: 0;
}
.page_ykonair .sns_list a {
  display: block;
  width: 100%;
  height: 100%;
}
.page_ykonair .sns_list .thumb_wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 57.3333%;
}
.page_ykonair .sns_list .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  -ms-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
}
.page_ykonair .sns_list a:hover .thumb {
  -webkit-transform: scale(1.15) rotate(-5deg);
  -ms-transform: scale(1.15) rotate(-5deg);
  transform: scale(1.15) rotate(-5deg);
}
.page_ykonair .sns_list .desc_wrap {
  position: relative;
}
.page_ykonair .sns_list .desc {
  width: 100%;
  overflow: hidden;
  height: 3em;
  margin-top: 12px;
  color: #000;
  line-height: 1.5em;
}
.page_ykonair .sns_list .date {
  margin-top: 10px;
  font-size: 16px;
  color: #000;
}
.page_ykonair .sns_list .sns_icon {
  position: absolute;
  top: -31px;
  right: 10px;
  width: 31px;
  height: 31px;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 186px auto;
  font-size: 0;
}
.page_ykonair .sns_list .sns_icon.fb {
  background-position: 0 -31px;
}
.page_ykonair .sns_list .sns_icon.ig {
  background-position: -31px -31px;
}
.page_ykonair .sns_list .sns_icon.yt {
  background-position: -62px -31px;
}
.page_ykonair .sns_list .sns_icon.bl {
  background-position: -93px -31px;
}
.page_ykonair .sns_list .sns_icon.pr {
  background-position: -124px -31px;
}
.page_ykonair .sns_list.irregular .item {
  display: block;
  float: left;
  width: 50%;
}
.page_ykonair .sns_list.irregular .desc_wrap {
  margin-bottom: 16px;
}
.page_ykonair .sns_list.irregular .desc {
  font-size: 13px;
}
.page_ykonair .sns_list.irregular .item:first-child {
  width: 100%;
}
.page_ykonair .sns_list.irregular .item:first-child .desc_wrap {
  padding-bottom: 16px;
  margin-bottom: 25px;
  border-bottom: 1px solid #bdbdbd;
}
.page_ykonair .sns_list.irregular .item:first-child .desc {
  width: 86%;
  font-size: 14px;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon {
  top: -32px;
  right: 10px;
  width: 40px;
  height: 40px;
  background-size: 240px auto;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon.fb {
  background-position: 0 -40px;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon.ig {
  background-position: -40px -40px;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon.yt {
  background-position: -80px -40px;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon.bl {
  background-position: -120px -40px;
}
.page_ykonair .sns_list.irregular .item:first-child .sns_icon.pr {
  background-position: -160px -40px;
}
.page_ykonair .sns_list.column_list {
  margin-right: 0;
}
.page_ykonair .sns_list.column_list .item {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.page_ykonair .sns_list.column_list a {
  position: relative;
  padding-right: 49%;
}
.page_ykonair .sns_list.column_list .left {
  position: relative;
  padding-right: 16px;
}

.page_ykonair .sns_list.column_list .sns_icon {
  top: auto;
  bottom: -15px;
}
.page_ykonair .sns_list.column_list .desc_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 49%;
  height: 100%;
}
.page_ykonair .sns_list.column_list .desc_wrap:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
}
.page_ykonair .sns_list.column_list .desc_box {
  width: 95%;
  display: inline-block;
  vertical-align: middle;
}
.page_ykonair .sns_list.column_list .desc {
  width: 100% !important;
  margin: 0;
  font-size: 13px;
}
.page_ykonair .sns_list.column_list .date {
  white-space: normal;
  margin-top: 10px;
  font-size: 12px;
}

@media all and (max-width: 1300px) {
  .page_ykonair .sns_list.irregular .item:first-child .desc {
    width: 84%;
  }
}

.page_ykonair .sns_summary {
  margin-bottom: 35px;
  text-align: center;
}
.page_ykonair .sns_summary .inner {
  padding: 0;
}
.page_ykonair .sns_summary .sub_title {
  position: relative;
  /*font-family: "Godo", sans-serif;*/
  margin-bottom: 30px;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.page_ykonair .sns_summary .sub_title span {
  display: inline-block;
  padding: 0 12px;
  background-color: #fff;
}
.page_ykonair .sns_summary .sub_title:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: -1;
}
.page_ykonair .sns_summary ul {
  display: inline-block;
  margin: 0 30px;
  letter-spacing: -10px;
}
.page_ykonair .sns_summary li {
  display: inline-block;
  margin: 0 15px 20px 15px;
  letter-spacing: 0;
  vertical-align: middle;
}
.page_ykonair .sns_summary li:first-child img {
  height: 17px;
}
.page_ykonair .sns_summary li:nth-child(2) img {
  height: 24px;
}
.page_ykonair .sns_summary li:nth-child(3) img {
  height: 27px;
}
.page_ykonair .sns_summary li:nth-child(4) img {
  height: 22px;
}
.page_ykonair .sns_summary li a,
.page_ykonair .sns_summary li img {
  display: block;
}

.page_ykonair .all_list .inner {
  padding-top: 37px;
}
.page_ykonair .all_list .sub_title {
  /*font-family: "Godo", sans-serif;*/
  font-size: 20px;
  margin-bottom: 13px;
  letter-spacing: -10px;
  line-height: 1;
}
.page_ykonair .all_list .sub_title * {
  letter-spacing: 0;
}
.page_ykonair .all_list .sub_title .search_word {
  display: inline-block;
  line-height: 1;
}
.page_ykonair .all_list .sub_title .search_word:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 6px;
  background: url(../images/main2020/common/sprite.png) no-repeat -50px -100px;
  background-size: 200px auto;
  vertical-align: top;
}
.page_ykonair .all_list .sub_title .search_word:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 6px;
  background: url(../images/main2020/common/sprite.png) no-repeat -75px -100px;
  background-size: 200px auto;
  vertical-align: top;
}
.page_ykonair .all_list .sub_title .search_word .text {
  display: inline-block;
  vertical-align: top;
}
.page_ykonair .all_list .sub_title .desc {
  font-family: "YKPureunSup", "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움",
    Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;
  padding-left: 7px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  font-weight: 500;
}
.page_ykonair .all_list .sub_title .tag:before {
  content: "#";
  display: inline;
}
.page_ykonair .board_news .cont {
  position: relative;
}
.page_ykonair .board_news .sns_icon {
  position: absolute;
  top: -28px;
  right: 5px;
  width: 31px;
  height: 31px;
  background: url(../images/main2020/common/bg_sns.png) no-repeat 0 0;
  background-size: 186px auto;
  font-size: 0;
}
.page_ykonair .board_news .sns_icon.fb {
  background-position: 0 -31px;
}
.page_ykonair .board_news .sns_icon.ig {
  background-position: -31px -31px;
}
.page_ykonair .board_news .sns_icon.yt {
  background-position: -93px -31px;
}
.page_ykonair .board_news .sns_icon.bl {
  background-position: -124px -31px;
}
.page_ykonair .board_news .sns_icon.pr {
  background-position: -154px -31px;
}

.page_ykonair .result_none {
  height: 377px;
}
.page_ykonair .result_none .inner {
  height: 100%;
}
.page_ykonair .result_none .inner:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.page_ykonair .result_none .notice_wrap {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
}
.page_ykonair .result_none .sub_title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.page_ykonair .result_none .img_wrap {
  margin-bottom: 20px;
  text-align: center;
}
.page_ykonair .result_none .img_wrap img {
  width: 154px;
}
.page_ykonair .result_none .btn_wrap {
  text-align: center;
}
.page_ykonair .result_none .btn_wrap .btn {
  position: relative;
  padding: 6px 20px;
  font-size: 14px;
  color: #fff;
  background-color: #3399cc;
}
.page_ykonair .result_none .btn_wrap .btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 10px;
  background: url(../images/main2020/common/btn_bg_navy.png) no-repeat center;
  background-size: contain;
}

/** theme 색상 추가 **/

/* s:210629 추가,삭제 */
/* .theme_color #header .logo{background:url(../images/main2020/common/logo_50th_scroll.png) no-repeat;background-size: contain;} */ /* 210629 삭제 */
.theme_color #header .logo a {
  background: none;
}
.theme_color #header .logo {
  background: url(../images/main2020/common/logo_scroll.png) no-repeat;
  background-size: contain;
}
/* e:210629 추가,삭제 */
.theme_color #header .top .btn_srch:after {
  background-position: -150px -100px;
}
.theme_color #header .top .btn_menu:after {
  background-position: -150px 0;
}
.theme_color #header:after {
  background-color: #e3e3e3;
}
.page_index .key_visual .logo_woopoopoo .white {
  display: block;
}
.page_index .key_visual .logo_woopoopoo .color {
  display: none;
}
.theme_color .page_index .key_visual .logo_woopoopoo .white {
  display: none;
}
.theme_color .page_index .key_visual .logo_woopoopoo .color {
  display: block;
}
.theme_color #localnav .logo {
  background: none;
}
.theme_color.event #header {
  background-color: #fff;
}
.theme_color .page_index .key_visual .btn_open_video {
  color: #000;
}
.theme_color .page_index .key_visual .btn_open_video:before {
  background: url(../images/main/play_btn_bk.png) no-repeat;
  background-size: 16px auto;
}

/** 뉴스룸 전체보기 페이지네이션 수정 **/
.pagenate .number_area > strong {
  display: inline-block;
  width: 20px;
  font-size: 13px;
}

/* 안전보건경영 추가 */
.safeTitle {
  width: calc(100% - 40px);
  background-color: #f3f3f3;
  padding: 65px 20px 20px; /*220404 수정*/
}

.safeTitle h1 {
  font-size: 20px;
  line-height: 27px;
  /*font-family: "Godo";*/
  font-style: normal;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.safeTitle h1 span {
  font-size: 27px;
  line-height: 35px;
}

.safeTitle h1 span.color {
  color: #1f8cdd;
}

.tab {
  padding: 0 16px;
  letter-spacing: -10px;
  text-align: center;
  box-sizing: border-box;
}

.tabBox {
  display: none;
}

.tabBox.on {
  display: block;
}

.tab {
  margin: 52px auto 40px;
}

.tab .tabBtn a {
  display: block;
  width: 100%;
  padding: 10px 5px;
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  background: #eee;
  white-space: nowrap;
  font-weight: 400;
}
.tab > .tabBtn:hover,
.tab > .tabBtn.on {
  background: url(../../images/common/btn_bg.png) no-repeat right bottom #1f8cdd;
}
.tab > ul > li > span.arrow {
  background-image: url("../../images/common/arrow_blue.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 9px;
  display: none;
  margin: 0 auto;
}

.tab > ul > li.on > a {
  background: url(../images/main2020/common/tab_arrow_bg_default.png) no-repeat
    right bottom #1f8cdd;
  color: #fff;
  background-size: 40px 20px;
}

.tab {
  padding: 0 16px;
  letter-spacing: -10px;
  text-align: center;
  box-sizing: border-box;
}
.tab * {
  box-sizing: border-box;
}
.tab ul {
  display: inline;
}
.tab li {
  position: relative;
  display: inline-block;
  width: 50%;
  max-width: 170px;
  text-align: center;
  padding-right: 1px;
}
.tab li a,
.tab li button {
  display: block;
  width: 100%;
  padding: 10px 5px;
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  background: #eee;
  white-space: nowrap;
  font-weight: 600;
}
.tab.has_bg li a,
.tab.has_bg li button {
  color: #373737;
  background-color: #fff;
}
.tab li.on a,
.tab li.on button {
  color: #fff;
  background: #1f8cdd url(../images/main2020/common/tab_arrow_bg_default.png)
    no-repeat right bottom;
  background-size: 40px 20px;
}
.tab li.on a:after,
.tab li.on button:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 5px;
  background: url(../images/main2020/common/tab_arrow_triangle_default.png)
    no-repeat center;
  background-size: contain;
}

.tabBoxTop p {
  font-size: 14px;
}

.tabBoxTop p span {
  font-weight: 600;
  color: #000;
}

/* 220404 수정 */
.tabList {
  display: block;
  width: 100%;
  max-width: 1190px;
  overflow: hidden;
  padding-bottom: 5px;
  margin: 35px auto 35px;
}

.tabList .listBox {
  border: 1px solid #d9d9d9;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);
  position: relative;
  margin: 40px 20px 0px 20px;
  max-width: 373px;
  width: calc(100% - 40px);
  border-radius: 25px;
  display: inline-block;
}

.tabList .listBox:nth-child(1) {
  margin-top: 23px;
}

.tabList .listBox .num {
  position: absolute;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  top: -22.5px;
  left: calc(50% - 20px);
  background-color: #1f8cdd;
  font-size: 17px;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-family: "omni";
}

.tabList .listBox .ltTitle {
  font-size: 20px;
  /*font-family: "Godo";*/
  font-weight: 400;
  color: #000;
  text-align: center;
  display: block;
  margin: 40px auto 20px;
}

.tabList .listBox .ltText {
  font-size: 15px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

/* 220404 수정 */
.tabBoxBot {
  overflow: hidden;
  display: block;
  padding: 35px 0px 50px;
  background-color: #f3f3f3;
}

.humanBox3 .tabBoxBot {
  padding-top: 35px;
}

/* 220404 추가 */
.tbbBox .safeTitle {
  padding: 0px;
  margin: 0 auto;
}

/* 220404 추가 */
.tbbBox .safeTitle .mini {
  font-size: 16px;
  /*font-family: "Godo";*/
  color: #999999;
  margin: 0px auto 13px;
  text-align: center;
  display: block;
}

.tabBoxBot .tbBig {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  color: #373737;
  text-align: center;
}

.tabBoxBot .tbBig span {
  font-size: 17px;
}

.tabBoxBot .tbSmall {
  font-size: 15px;
  font-weight: 300;
  color: #666666;
  margin: 15px auto 30px;
  padding: 0px 20px;
  text-align: center;
}

.tabBoxBot .tbList {
  margin: 0px 20px;
  max-width: 373px;
  width: calc(100% - 40px);
  min-height: 185px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 6px;
}

.tabBoxBot .tbList .tbLeft,
.tabBoxBot .tbList .tbRight {
  box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
}

.tabBoxBot .tbList .tbLeft {
  width: 100%;
  height: 70px;
  line-height: 70px;
  position: absolute;
  left: 0px;
  border-radius: 70px;
  z-index: 2;
  text-align: center;
}

/* 220404 수정 */
.tabBoxBot .tbList .tbRight {
  width: 100%;
  height: 128px;
  position: absolute;
  right: 0;
  background-color: #fff;
  border-radius: 40px;
  z-index: 1;
  top: 27px;
}

.tabBoxBot .tbList:nth-child(4) .tbRight {
  height: 155px;
}

.tabBoxBot .tbList:nth-child(3) .tbLeft {
  background: linear-gradient(to right, #66a2f4, #66a2f4);
}

.tabBoxBot .tbList:nth-child(4) .tbLeft {
  background: linear-gradient(to right, #4087e9, #4087e9);
}

.tabBoxBot .tbList:nth-child(5) .tbLeft {
  background: linear-gradient(to right, #1e70e2, #1e70e2);
}

.tabBoxBot .tbList:nth-child(5) {
  margin-top: 28px;
}

/* 220404 추가 */
.tabBoxBot .tbList .tbLeft span {
  font-size: 20px;
  /*font-family: "Godo";*/
  color: #fff;
}

.tabBoxBot .tbList .tbLeft span > span {
  color: #052756;
}

/* 220404 수정 */
.tabBoxBot .tbList .tbRight span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #666;
  text-align: left;
  display: block;
  text-align: center;
  margin-top: 60px;
}

#tab2 .tableWrap {
  position: relative;
  min-height: 430px;
  max-width: 375px;
  margin: 60px auto 70px;
  width: calc(100% - 40px);
}

#tab2 .tableWrap .box1 {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background-color: #0949a3;
  border: 6px solid #e7f0fd;
  position: absolute;
  left: 0;
  top: 0px;
}

#tab2 .tableWrap div span {
  display: block;
  text-align: center;
}

#tab2 .tableWrap .box1 span {
  /*font-family: "Godo";*/
  font-weight: 400;
  color: #fff;
  line-height: 90px;
  font-size: 18px;
  color: #fff;
}

#tab2 .tableWrap .box1::after {
  content: " ";
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background-color: #d6d6d6;
  bottom: 45px;
  left: 96px;
}
#tab2 .tableWrap .box2 {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background-color: #66a2f4;
  position: absolute;
  left: 85px;
  top: 90px;
}

#tab2 .tableWrap .box2 span {
  color: #fff;
  line-height: 90px;
  font-size: 14px;
  font-weight: 300;
}

#tab2 .tableWrap .box2::after {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #d6d6d6;
  top: -40px;
  right: 50%;
}

.bigBorder {
  position: absolute;
  display: block;
  width: 40px;
  height: 400px;
  left: 100%;
  top: 344px;
  background-color: transparent;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border: 1px solid #d6d6d6;
  border-right: 0;
  padding-top: 24px;
  top: 0px;
  left: 192px;
}

.bigBorder .box3 {
  width: 130px;
  height: 65px;
  border-radius: 65px;
  display: block;
  text-align: center;
  margin-left: 20px;
}

.bigBorder .box3 span {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  display: block;
  margin-top: 13.5px;
  text-align: center;
  border-radius: 110px;
}

.bigBorder .box3:nth-child(1) {
  height: auto;
}

.bigBorder .box3:nth-child(1) span {
  background-color: #1fdcb6;
  line-height: 65px;
  margin-top: 0px;
  position: relative;
}
.bigBorder .box3:nth-child(2) {
  background-color: #1fd6dc;
  position: relative;
}
.bigBorder .box3:nth-child(3) {
  background-color: #20b3de;
  position: relative;
}
.bigBorder .box3:nth-child(4) {
  background-color: #1f8cde;
  position: relative;
}

.bigBorder .box3:nth-child(2) span,
.bigBorder .box3:nth-child(3) span,
.bigBorder .box3:nth-child(4) span {
  padding-top: 11px;
}

.bigBorder .box3:nth-child(2)::after,
.bigBorder .box3:nth-child(3)::after {
  content: " ";
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: #d6d6d6;
  top: 32.5px;
  left: -20px;
}

.bigBorder .box3 .inBot {
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: -22px;
}

.bigBorder .box3 .inBot span {
  background-color: transparent;
  border: none;
  border-radius: 0;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  display: inline-block;
  font-weight: 400;
  margin-top: 0px;
}

/* 하단 테이블 */

.tabBoxBot table {
  table-layout: fixed;
  width: calc(100% - 40px);
  margin: 30px auto 0px;
  border-collapse: collapse;
  max-width: 375px;
}

.tabBoxBot table tr td span.gTitle {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 80px;
  display: block;
  background-color: #2070e0;
  font-weight: 600;
}

.tabBoxBot table tr td span.gText {
  font-size: 20px;
  color: #2070e0;
  text-align: center;
  line-height: 80px;
  background-color: #fff;
  /*font-family: "Godo";*/
  font-weight: 700;
  display: block;
}

/* 220329 인권경영선언문 */

.page_ownercompany .tit_video {
  background-color: #f0f4f7;
  overflow: hidden;
  padding: 45px 0 0;
  line-height: 1;
}

.humanRights {
  padding: 45px 0px;
}

.humanRights .group a {
  padding: 0 20px;
}

.humanRights .group a {
  font-size: 14px;
  display: inline-block;
  color: #fff;
  line-height: 34px;
  padding: 0 20px;
  color: #fff;
  background: #1f8cdd url(../images/main2020/common/tab_arrow_bg_default.png)
    no-repeat right bottom;
  background-size: 40px 20px;
}

.humanRights .hRtitle {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 36px;
  display: block;
  text-align: center;
}

.humanRights .hRtext {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-bottom: 30px;
}

.humanBox {
  background-color: #f3f3f3;
  overflow: hidden;
}

.humanBox .conWrap {
  width: calc(100% - 40px);
  margin: 0px auto;
  max-width: 375px;
  background-color: #fff;
}

/* 220404 수정 */
.humanBox .conWrap p {
  font-size: 14px;
  text-align: left;
  padding: 25px 15px;
  display: inline-block;
  width: calc(100% - 30px);
  word-break: keep-all;
}

.humanBox .conWrap p span {
  font-weight: 600;
  color: #000;
}

.humanBox .numberWrap {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0px 20px 25px;
  padding: 16px 0px;
}

.humanBox .numberWrap .numLine {
  margin-top: 9px;
  display: block;
  overflow: hidden;
}

.humanBox .numberWrap .numLine:last-child {
  margin-bottom: 9px;
}

.humanBox .numberWrap .numLine .num {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 28px;
  background-color: #1f8cdd;
  font-size: 13px;
  margin-right: 5px;
  /*font-family: "Godo";*/
  float: left;
  text-align: center;
  color: #fff;
}

.humanBox .numberWrap .numLine .numText {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #666666;
  float: left;
  width: calc(100% - 33px);
  text-align: left;
  line-height: 22px;
  margin-top: 1px;
  letter-spacing: -1px;
}

.humanBox .humanInfo {
  overflow: hidden;
  display: block;
}

.humanBox .humanInfo .date {
  font-size: 15px;
  color: #666;
  font-weight: 300;
  text-align: center;
  display: block;
}

.humanBox .humanInfo .name {
  font-size: 18px;
  line-height: 26px;
  color: #333;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-bottom: 25px;
}

/* 220404 수정 */
.humanBox .safeTitle {
  width: 100%;
  background-color: #f3f3f3;
  padding: 35px 0px 25px;
  margin: 0 auto;
  background-color: #fff;
  margin-top: 35px;
}

/* 220404 수정 */
.humanBox .safeTitle h1,
.humanBox .safeTitle h1 span {
  font-size: 20px;
  line-height: 25px;
}
.humanBox2 .safeTitle .mini {
  font-size: 16px;
  /*font-family: "Godo";*/
  color: #999999;
  margin: 0px auto 13px; /*220404 수정*/
  text-align: center;
  display: block;
}

/* 220404 수정 */
.humanBox2 .safeTitle p {
  font-size: 16px;
  color: #666666;
  text-align: center;
  display: block;
  font-weight: 300;
}

.humanBox2 .gover {
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}

.humanBox2 .gover .goverInfo {
  display: block;
  margin: 0 20px 5px;
  font-size: 12px;
  color: #999;
  font-weight: 300;
  text-align: right;
  letter-spacing: -1px;
}

.humanBox2 .tableTitle {
  width: calc(100% - 40px);
  border-radius: 0px 30px 0px 0px;
  display: block;
  margin: 0px 20px;
  overflow: hidden;
}

.humanBox2 .tableBox:nth-child(2) .tableTitle {
  background-color: #2070e0;
}

.humanBox2 .tableBox:nth-child(3) .tableTitle {
  background-color: #66a2f4;
  margin-top: 30px;
}

/* 220404 수정 */
.humanBox2 .tableBox:nth-child(4) .tableTitle {
  background-color: #e6efff;
  margin: 30px auto 35px;
}

.humanBox2 .tableTitle .nameGover {
  font-size: 14px;
  color: #fff;
  /*font-family: "Godo";*/
  position: relative;
  line-height: 1;
  margin: 15px auto 8px;
}

.humanBox2 .tableBox:nth-child(4) .nameGover {
  color: #333333;
}

.humanBox2 .nameGover {
  display: block;
  min-width: 215px;
}

.humanBox2 .centerGover .bigTitle {
  color: #fff;
  font-size: 18px;
  /*font-family: "Godo";*/
  display: block;
  margin-bottom: 4px;
  line-height: 1;
  text-align: center;
}

.humanBox2 .centerGover .bigTitle.blue {
  color: #2070e0;
}

.humanBox2 .centerGover .smlTitle {
  color: #fff;
  font-size: 14px;
  display: block;
  line-height: 1;
  text-align: center;
  margin-bottom: 15px;
}

.humanBox2 .centerGover .smlTitle.black {
  color: #000;
}

.humanBox2 .newGover span {
  display: block;
  width: 110px;
  height: 25px;
  background-color: #2070e0;
  font-size: 14px;
  /*font-family: "Godo";*/
  text-align: center;
  line-height: 25px;
  color: #fff;
  margin: 0px auto 10px;
}

.humanBox2 .tableBox:nth-child(2) .tableText {
  border: 1px solid #79a9ec;
  width: calc(100% - 72px);
  margin: 10px auto;
  padding: 15px;
  overflow: hidden;
}

.humanBox2 .tableBox:nth-child(2) .tableText span {
  font-size: 14px;
  color: #666;
  display: inline-block;
  line-height: 20px;
  font-weight: 300;
  text-align: left;
  display: block;
}

.humanBox2 .tableBox:nth-child(3) .tableText .ttbox {
  border: 1px solid #79a9ec;
  width: calc(100% - 72px);
  margin: 5px auto;
  padding: 15px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.humanBox2 .tableBox:nth-child(3) .tableText .markLine {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  overflow: hidden;
  background-color: #e6efff;
}
.humanBox2 .tableBox:nth-child(3) .tableText .markLine .markTitle {
  font-size: 24px;
  /*font-family: "Godo";*/
  color: #2070e0;
  display: block;
  text-align: center;
  margin-top: 23px;
}

.humanBox2 .tableBox:nth-child(3) .tableText .markLine .markText {
  font-size: 14px;
  /*font-family: "Godo";*/
  color: #333333;
  display: block;
  text-align: center;
  margin-top: 8px;
  line-height: 1;
}

.humanBox2 .tableBox:nth-child(3) .tableText .markCont {
  font-size: 13.5px;
  color: #666;
  display: block;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  padding-left: 12px;
  letter-spacing: -1px;
}

.tabBoxBot .tbBig {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #373737;
  text-align: center;
}

.tabBoxBot .tbBig span {
  font-size: 16px;
  letter-spacing: -1px;
}

.humanBox3 .goalImg {
  float: left;
  width: 45%;
}

.humanBox3 .rightGoal {
  width: 55%;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.humanBox3 .goalImg img {
  height: 80px;
  display: block;
  margin: 50px auto;
}
.humanBox3 .goalImg img {
  height: 80px;
  display: block;
  margin: 50px auto;
}

.humanBox3 .goalList {
  overflow: hidden;
  margin: 0px auto;
}
.humanBox3 .goalList .goalBox {
  width: calc(100% - 40px);
  margin: 20px;
  display: block;
  margin-left: 25px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.humanBox3 .goalList .goalBox .goalTitle {
  font-size: 22px;
  color: #1f8cdd;
  /*font-family: "Godo";*/
  display: block;
  text-align: center;
  text-align: left;
}

.humanBox3 .safeTitle {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}

.humanBox3 .safeTitle .mini {
  font-size: 16px;
  /*font-family: "Godo";*/
  color: #999999;
  margin: 0px auto 13px;
  /*220404 수정*/
  text-align: center;
  display: block;
}

.humanBox3 .goalList .goalBox .goalPercent {
  font-size: 24px;
  /*font-family: "Godo";*/
  color: #333;
  text-align: center;
  display: block;
  line-height: 1;
  text-align: left;
  margin: 20px 0px 10px;
}
.humanBox3 .goalList .goalBox .goalPercent span {
  font-size: 18px;
}

/* 220404 수정 */
.humanBox3 .goalList .goalBox .goalBig {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  display: block;
  text-align: center;
  line-height: 1;
  text-align: left;
}
.humanBox3 .goalList .goalBox .goalSml {
  font-size: 16px;
  font-weight: 600;
  color: #1f8cdd;
  display: block;
  text-align: center;
  line-height: 1;
  text-align: left;
  margin-top: 10px;
  line-height: 1.1;
}