@charset "UTF-8";

@font-face {
  font-family: 'HankookTire';
  font-style: normal;
  font-weight: 300;
  src: url("/static/common/fonts/en/HankookTTFLight.ttf");
  src: url("/static/common/fonts/en/HankookTTFLight.woff2");
}

@font-face {
  font-family: 'HankookTire';
  font-style: normal;
  font-weight: 400;
  src: url("/static/common/fonts/en/HankookRegular.otf");
  src: url("/static/common/fonts/en/HankookTTFRegular.ttf");
  src: url("/static/common/fonts/en/HankookTTFRegular.woff");
}

@font-face {
  font-family: 'HankookTire';
  font-style: normal;
  font-weight: 500;
  src: url("/static/common/fonts/en/HankookMedium.otf");
  src: url("/static/common/fonts/en/HankookTTFMedium.ttf");
  src: url("/static/common/fonts/en/HankookTTFMedium.woff");
}

@font-face {
  font-family: 'HankookTire';
  font-style: normal;
  font-weight: 600;
  src: url("/static/common/fonts/en/HankookSemibold.otf");
  src: url("/static/common/fonts/en/HankookTTFSemibold.ttf");
  src: url("/static/common/fonts/en/HankookTTFSemibold.woff");
}

/* This used to work for parent element of button divs */

/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.tbl_board.type02 table tr:after, .header .htgGNB .story_gnb ul:after, .subhead:after, #footer .foolink:after, .row:after, .columned:after, .text_complex:after, .pop_hashtag.type_full .tags:after, .sub_wrap.invest_cont .credit ul:after, .sub_wrap.invest_cont .stock .stock_list:after, .sub_wrap.invest_cont .notice .latest:after, .innov_cont.missionA .fslide.fslide14 .list:after, .innov_cont.missionB .fslide.fslide31 .list:after, .culture_cont .fslide .row:after, .culture_cont .fslide3 .innwrap:after, .csr_cont .fslide .tables:after, .csr_cont .fslide5 .inner:after, .csr_cont .fslide11 .inner:after, .csr_cont .fslide6 .tables:after, .csr_cont .fslide7 .tables:after, .csr_cont .fslide8 .tables:after, .csr_cont .fslide10 .tables:after, .career_cont .fslide .row:after, .introduce_cont .fslide .row:after {
  content: "";
  display: block;
  clear: both;
}

.header #menu_trigger .navbar-toggle-icon, .header #menu_trigger .navbar-toggle-icon span, .header .htgGNB {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* 아이콘 */
[class^="ico_"] {
  width: 48px;
  height: 48px;
}

.ico_file {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -240px -144px;
}

.ico_share {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -288px -144px;
}

.ico_facebook:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -48px -192px;
}

.ico_kakao:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -96px -192px;
}

[class^="ico_att"] {
  width: 32px;
  height: 32px;
}

.ico_att {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -440px -152px;
}

.ico_att_kor {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -488px -152px;
}

.ico_att_eng {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -536px -152px;
}

.ico_att_aui {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -584px -152px;
}

.tbl_board.type02 table tr:after, .header .htgGNB .story_gnb ul:after, .subhead:after, #footer .foolink:after, .row:after, .columned:after, .text_complex:after, .pop_hashtag.type_full .tags:after, .sub_wrap.invest_cont .credit ul:after, .sub_wrap.invest_cont .stock .stock_list:after, .sub_wrap.invest_cont .notice .latest:after, .innov_cont.missionA .fslide.fslide14 .list:after, .innov_cont.missionB .fslide.fslide31 .list:after, .culture_cont .fslide .row:after, .culture_cont .fslide3 .innwrap:after, .csr_cont .fslide .tables:after, .csr_cont .fslide5 .inner:after, .csr_cont .fslide11 .inner:after, .csr_cont .fslide6 .tables:after, .csr_cont .fslide7 .tables:after, .csr_cont .fslide8 .tables:after, .csr_cont .fslide10 .tables:after, .career_cont .fslide .row:after, .introduce_cont .fslide .row:after {
  content: "";
  display: block;
  clear: both;
}

.header #menu_trigger .navbar-toggle-icon, .header #menu_trigger .navbar-toggle-icon span, .header .htgGNB {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* 아이콘 */
[class^="ico_"] {
  width: 48px;
  height: 48px;
}

.ico_file {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -240px -144px;
}

.ico_share {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -288px -144px;
}

.ico_facebook:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -48px -192px;
}

.ico_kakao:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -96px -192px;
}

[class^="ico_att"] {
  width: 32px;
  height: 32px;
}

.ico_att {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -440px -152px;
}

.ico_att_kor {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -488px -152px;
}

.ico_att_eng {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -536px -152px;
}

.ico_att_aui {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -584px -152px;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select {
  min-width: 200px;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  width: 100%;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select {
  height: 40px;
  padding: 8px 12px;
  padding: 8px 12px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select {
    padding: 8px 12px;
  }
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
  border-color: #000;
}

input[type="submit"] {
  cursor: pointer;
}

::-webkit-input-placeholder {
  font-weight: normal;
  color: #666;
}

:-moz-placeholder {
  font-weight: normal;
  color: #666;
}

::-moz-placeholder {
  font-weight: normal;
  color: #666;
}

:-ms-input-placeholder {
  font-weight: normal;
  color: #666;
}

::placeholder {
  font-weight: normal;
  color: #666;
}

[class^="form_block"] label {
  min-width: 100px;
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
}

input[type="checkbox"], input[type="radio"] {
  position: absolute;
  left: -9999px;
}

select {
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 32px 24px;
  background: none\9;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select {
    background: none;
  }
}

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

select:invalid {
  color: #999;
}

select option {
  color: #000;
}

select option[value=""] {
  color: #999;
}

textarea {
  padding: 16px;
}

textarea:focus {
  border-color: #000;
}

textarea[disabled] {
  border-color: #e0e0e0;
  color: #e0e0e0;
}

textarea[disabled]::-webkit-input-placeholder {
  font-weight: normal;
  color: #e0e0e0;
}

textarea[disabled]:-moz-placeholder {
  font-weight: normal;
  color: #e0e0e0;
}

textarea[disabled]::-moz-placeholder {
  font-weight: normal;
  color: #e0e0e0;
}

textarea[disabled]:-ms-input-placeholder {
  font-weight: normal;
  color: #e0e0e0;
}

textarea[disabled]::placeholder {
  font-weight: normal;
  color: #e0e0e0;
}

.form_textarea .cnt {
  padding-top: 8px;
  font-size: 12px;
  color: #bdbdbd;
  text-align: right;
}

.form_textarea textarea:focus + .cnt {
  color: #000;
}

input[disabled], select[disabled="disabled"] {
  -webkit-text-fill-color: #000;
  -webkit-opacity: 1;
  color: #000;
  font-weight: normal;
}

[class$="-error"] input, [class$="-error"] textarea, input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] {
  border-color: #ff3d3d;
}

[class^="form_block"] + [class^="form_block"], [class^="msg_alret"] + [class^="form_block"] {
  margin-top: 16px;
}

/* Buttons */
.btn_group {
  width: 100%;
  text-align: center;
}

[class^="btn_"] {
  display: inline-block;
  text-align: center;
}

.btn_primary {
  min-width: 10rem;
  font-size: 1.4rem;
  padding: 12px 16px;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

.btn_default {
  min-width: 10rem;
  font-size: 1.4rem;
  padding: 12px 16px;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

.btn_line {
  position: relative;
  padding: 0 3.2rem;
  vertical-align: middle;
  display: inline-block;
}

.btn_line span {
  display: block;
  padding: 1.3rem 0 0.5rem;
  font-size: 2.4rem;
  border-bottom: 3px solid #3d3d3d;
}

.btn_over .btn_prev {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0;
}

.btn_over .btn_prev i {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -48px -144px;
}

.btn_over .btn_next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 0;
}

.btn_over .btn_next i {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -95px -144px;
}

.btn_over .btn_prev, .btn_over .btn_next {
  background-color: #fff;
  border: 1px solid #fff;
  padding: 5px 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  -webkit-box-shadow: 0px;
  -ms-box-shadow: 0px;
  box-shadow: 0px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.btn_over .btn_prev p, .btn_over .btn_next p {
  display: none;
  width: 280px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  vertical-align: middle;
}

.btn_over .btn_prev:hover, .btn_over .btn_next:hover {
  border: 1px solid #979797;
  -webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.2);
}

.btn_over .btn_prev:hover p, .btn_over .btn_next:hover p {
  display: inline-block;
}

.btn_clear {
  width: 100%;
  min-width: 20rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding: 16px 24px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
  text-align: left;
}

.btn_clear i {
  float: right;
  margin-top: -2px;
  position: relative;
  display: inline-block;
  width: 10px;
  height: 20px;
  overflow: hidden;
}

.btn_clear i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: -4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/*  Messages */
.msg_error, .msg_alret {
  color: red;
  font-size: 1.4rem;
}

.accordion_wrap .item {
  box-sizing: content-box;
  overflow: hidden;
}

.accordion_wrap .item[data-status="expanded"] {
  border-bottom: 1px solid #d9d9d9;
}

.accordion_wrap .acco_head {
  display: block;
  border-bottom: 1px solid #d9d9d9;
  color: #000;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

.accordion_wrap .acco_head .acco_target {
  display: block;
  position: relative;
  padding: 1.6rem 2rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
  z-index: 1;
}

.accordion_wrap .acco_head .acco_target i {
  top: 50%;
  right: 2rem;
  margin-top: -6px;
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 12px;
  overflow: hidden;
}

.accordion_wrap .acco_head .acco_target i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  -webkit-transform: translate(-50%, -50%) scale(1, 0.923077) rotate(45deg);
  transform: translate(-50%, -50%) scale(1, 0.923077) rotate(45deg);
  margin-top: -5px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.accordion_wrap .acco_head[aria-expanded="true"] .acco_target i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion_wrap [data-status="disabled"] .acco_panel {
  display: none;
}

.accordion_wrap .acco_panel {
  outline: 0;
  padding: 40px 20px;
  position: relative;
}

.accordion_wrap .acco_panel[aria-hidden="true"] {
  display: none;
}

.accordion_wrap .acco_panel .tbl_swipe {
  position: static;
}

/* tab */
.tablist {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  padding-bottom: 1.6rem;
}

.tablist li {
  flex: 1;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}

.tablist li .tab, .tablist li input[type="radio"] + label {
  display: block;
  min-width: 100px;
  border: 0;
  background: transparent;
  font-size: 1.4rem;
  color: #000;
  cursor: pointer;
}

.tablist li .tab:after, .tablist li input[type="radio"] + label:after {
  display: none;
}

.tablist li .tab[aria-selected="true"], .tablist li .tab input[type="radio"]:checked + label, .tablist li input[type="radio"] + label[aria-selected="true"], .tablist li input[type="radio"] + label input[type="radio"]:checked + label {
  border: 0;
  border-bottom: 3px solid #3D3D3D;
}

.tablist li .tab[aria-selected="true"]:after, .tablist li .tab input[type="radio"]:checked + label:after, .tablist li input[type="radio"] + label[aria-selected="true"]:after, .tablist li input[type="radio"] + label input[type="radio"]:checked + label:after {
  display: none;
}

.tablist.tab_boxing {
  width: inherit;
  margin: 0 auto;
}

.tablist.tab_boxing li {
  border-bottom: 0;
}

.tablist.tab_boxing li .tab {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: -1px;
  padding: 0.8rem 0;
}

.tablist.tab_boxing li .tab[aria-selected="true"], .tablist.tab_boxing li .tab input[type="radio"]:checked + label {
  border-color: black;
  background-color: #000;
  color: #fff;
}

.tab_contents {
  clear: both;
}

.tab_contents .tab_panel[aria-hidden="true"] {
  display: none;
}

.no-scroll {
  overflow: hidden;
}

.no-scroll body {
  overflow: hidden;
}

.layer_body {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.layer_body[role="dialog"] {
  display: none;
}

.layer_overlay {
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.3s, opacity 0.3s ease;
}

.layer_container {
  width: 100%;
  height: 100%;
}

.layer_overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.layer_wrap {
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 50%;
  width: calc(100% - 4rem);
  max-width: 600px;
  background-color: #fff;
  transition: visibility 0.3s 0.12s, opacity 0.3s 0.12s;
  opacity: 0;
  transform: translate(-50%, -50%);
}

.layer_header {
  position: relative;
  background-color: #fff;
  padding: 7.2rem 2rem 0;
}

.layer_header .layer_title{font-size:32px;line-height:40px;text-align:center;margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.layer_header .desc {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: normal;
  text-align: center;
}

.layer_close {
  top: 12px;
  right: 20px;
  padding: 1.125em;
  color: #aaa;
  background: none;
  border: 0;
  text-indent: -9999rem;
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 48px;
}

.layer_close:before, .layer_close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 4px;
  background-color: #000;
}

.layer_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.layer_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.layer_content {
  padding: 4rem 2rem;
}

.layer_content > *:first-child {
  margin-top: 0;
}

.layer_content > *:last-child {
  margin-bottom: 0;
}

.layer_content .tbl_board.type01 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.layer_content__txt-wrap {
	padding: 0 20px;
	margin-top: 40px;
}
.layer_content__txt-wrap > * {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
}
.layer_content__txt-wrap > * + * {
	margin-top: 30px;
}
.layer_content__txt-wrap strong {
	font-weight: 600;
}
.layer_content__sign {
	padding: 130px 20px 0;
	text-align: right;
}
.layer_content__sign > * {
	display: block;
	line-height: 1.4;
	font-weight: 300;
}
.layer_content__sign strong {
	font-weight: 500;
    margin-top: 13px;
}
.layer_content__sign img {
	display: inline-block;
	width: 146px;
    margin-top: 12px;
}

.layer_body.is-visible {
  visibility: visible;
}

.layer_body.is-visible .layer_overlay,
.layer_body.is-visible .layer_container {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.layer_body.is-visible .layer_wrap {
  opacity: 1;
}

.layer_body.is-visible[role="dialog"] {
  display: block;
}

.layer_body.type_full .layer_wrap {
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-top-width: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translate(0, 0);
}

.layer_body.type_full .layer_wrap .tbl_swipe .tbl_default {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.tbl_default {
  border-top: 2px solid #000;
  margin-bottom: 4rem;
}

.tbl_default table {
  width: 100%;
  table-layout: fixed;
}

.tbl_default table th, .tbl_default table td{padding:1.6rem;border-bottom:1px solid #ededed;font-size:1.4rem;line-height:2rem;text-align:left;vertical-align:middle;font-weight:normal}

.invest_cont .tbl_default table th, .invest_cont .tbl_default table td{font-size:14px;line-height:22px;word-break:break-word}
.pop_own .tbl_default th, .pop_own .tbl_default td, .pop_dividend .tbl_default th, .pop_dividend .tbl_default td{font-size:14px;line-height:22px;word-break:break-word}

/* 20230407 추가 */
.tbl_default table .txt_right {display:table-cell;}
/* 20230407 추가 */

.pop_dividend .tbl_swipe .tbl_default table{min-width:800px}

.tbl_default table th .bold_txt, .tbl_default table td .bold_txt {
  font-weight: bold;
}

.tbl_default table thead th {
  padding: 1.3rem 1.6rem;
  font-weight: 500;
  word-break: keep-all;
}

.tbl_default table tfoot th, .tbl_default table tfoot td {
  font-weight: 500;
}

.tbl_default.line_type th:not(:first-child), .tbl_default.line_type td:not(:first-child) {
  border-left: 1px solid #ededed;
}

.tbl_default.tbl_view {
  border-top-width: 0;
}

.tbl_default.tbl_view th, .tbl_default.tbl_view td {
  position: relative;
  border-bottom: 0;
}

.tbl_default.tbl_view > table > thead th {
  padding: 4rem 2rem 1.6rem;
  font-size: 3.2rem;
  background: #fff;
  text-align: center;
}

.tbl_default.tbl_view > table > thead th > p{word-break:break-all}
.tbl_default.tbl_view > table > thead th > p:first-child {
  line-height: 4.8rem;
}

.tbl_default.tbl_view td {
  padding-left: 0;
  padding-right: 0;
}

.tbl_default.tbl_view .date {
  display:block;
  padding: 1.6rem 0 2.4rem;
  font-size: 1.2rem;
  font-weight: normal;
}

.tbl_default.tbl_view .view_cont {
  padding: 1.6rem;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

.tbl_default.tbl_view .view_cont > * {
  font-size: 1.6rem;
  line-height: 3.2rem;
  font-weight: normal;
}

.tbl_default.tbl_view .view_cont b, .tbl_default.tbl_view .view_cont strong {
  font-weight: bold;
}

.tbl_default.tbl_view .view_cont > *:not(:first-child) {
  padding-top: 40px;
}

.tbl_default.tbl_view .view_cont > *:not(img) {
  padding-left: 2rem;
  padding-right: 2rem;
}

.tbl_default.tbl_view .view_cont ul li:before {
  content: '- ';
}

.tbl_default.tbl_view .view_nav {
  padding: 0;
}

.tbl_default.tbl_view .view_nav ul {
  border-bottom: 1px solid #E6E6E6;
}

.tbl_default.tbl_view .view_nav ul li {
  padding: 1.6rem 2rem;
  border-top: 1px solid #E6E6E6;
  line-height: 2.4rem;
}

.tbl_default.tbl_view .view_nav ul li a {
  display: block;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.tbl_default.tbl_view .view_nav ul li a span {
  margin-right: 2rem;
  font-weight: normal;
}

.tbl_default ~ .util {
  margin: 1.6rem 2rem 0 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  text-align: right;
}

.tbl_default .txt_left {
  text-align: left;
}

.tbl_default .txt_right {
  text-align: right;
}

.tbl_default .txt_center {
  text-align: center;
}

.tbl_default .disc {
  padding: 3.2rem 2rem 4.8rem;
  vertical-align: top;
}

.tbl_default .no_data {
  padding: 5rem 0;
  text-align: center;
}

.tbl_swipe {
  position: relative;
  overflow-x: hidden;
}

.tbl_swipe .tbl_default {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.tbl_swipe .tbl_default table {
  min-width: 600px;
}
.tbl_swipe .tbl_default .tb-type2{
  min-width: 1000px;
}

/* 20240416 추가 */
.util__left {
	padding: 15px 20px 0;
}
.util__left-txt {
	font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}
.util__left-txt + .util__left-txt {
	margin-top: 5px;
}
/* // 20240416 추가 */

/* 20221205 수정 */
.tbl_swipe .txt_right{
  display: block;
  text-align: right;
  margin-top: -20px;
  font-weight: normal;
  font-size: 1.4rem;
}
/* //20221205 수정 */

.tbl_swipe .util {
  position: absolute;
  bottom: 4rem;
  right: 0;
}

.tbl_swipe .ico_scroll {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 72px;
  height: 72px;
  margin-top: -76px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.tbl_swipe .ico_scroll:after {
  content: '';
  width: 48px;
  height: 48px;
  margin: 12px auto;
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -528px -240px;
}

.tbl_tit {
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.tbl_board table {
  width: 100%;
}

.tbl_board table tr {
  display: block;
  padding: 2.4rem 2rem;
  border-bottom: 1px solid #e6e6e6;
}

.tbl_board.type01 {
  border-top: 2px solid #000;
}

.tbl_board.type01 table tr td {
  display: block;
}

.tbl_board.type01 table tr td:first-of-type {
  line-height: 2.4rem;
}

.tbl_board.type01 table tr td.date {
  font-size: 1.2rem;
  padding: 0.8rem 0 1.6rem;
  font-weight: normal;
}

.tbl_board.type01 table tr td:last-of-type {
  font-size: 1.2rem;
}

.tbl_board.type01 table tr td:last-of-type .ico_file {
  width: 24px;
  height: 24px;
  background-position: -253px -158px;
  margin-right: 8px;
}

.tbl_board.type02 table tr td:first-of-type {
  width: 100%;
  padding-bottom: 1.6rem;
}

.tbl_board.type02 table tr td:first-of-type a {
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.tbl_board.type02 table tr td:not(:first-of-type) {
  float: left;
}

.tbl_board.type02 table tr td:not(:first-of-type) a {
  display: block;
  margin: 0 2px;
  text-align: center;
  border: 1px solid #999;
  font-size: 1.4rem;
  line-height: 3.8rem;
}

.tbl_board.type02 .quarter td {
  width: 33%;
}

.tbl_board.type02 .periodic td {
  width: 50%;
}

.tbl_board.type02 [class^="ico_"] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.tbl_board.type02 .ico_att_kor {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 720px auto;
  background-repeat: no-repeat;
  background-position: -366px -114px;
}

.tbl_board.type02 .ico_att_eng {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 720px auto;
  background-repeat: no-repeat;
  background-position: -402px -114px;
}

.tbl_board.type02 .ico_att_aui {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 720px auto;
  background-repeat: no-repeat;
  background-position: -438px -114px;
}

.paging {
  margin: 0 auto;
  text-align: center;
}

.paging a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 2px;
  font-size: 18px;
  line-height: 32px;
  color: #9e9e9e;
  text-align: center;
}

.paging a span {
  font-weight: normal;
}

.paging .now span {
  font-weight: 500;
  border-bottom: 2px solid #000;
}

.paging .btn_prev i, .paging .btn_next i {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -192px -144px;
}

.paging .btn_prev i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.paging .btn_prev, .paging .btn_next, .paging .btn_first, .paging .btn_last {
  margin: 0 5px;
}

.paging .btn_prev i, .paging .btn_next i, .paging .btn_first i, .paging .btn_last i {
  width: 32px;
  height: 32px;
  vertical-align: top;
}

.more_area {
  position: absolute;
  bottom: -8rem;
  text-align: center;
  width: 100%;
}

.more_area a {
  display: inline-block;
  min-width: 100px;
  margin: 0 auto;
  font-size: 2rem;
}

.more_area a:after {
  content: '';
  display: block;
  width: 2px;
  height: 55px;
  background-color: #000;
  margin: 10px auto 0;
}

.search_area {
  width: calc(100% - 40px);
  height: 48px;
  text-align: left;
  border-bottom: 1px solid #000;
}

.search_area fieldset {
  position: relative;
}

.search_area .box_search {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.search_area .box_search input {
  border: 0;
  font-size: 1.4rem;
  width: 100%;
  padding: 0.8rem 6rem 0.8rem 0;
}

.search_area .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: 0 -144px;
}

.card_board {
  position: relative;
  margin-top: 40px;
  min-height: 500px;
}

.card_board li {
  position: absolute;
  padding-bottom: 3rem;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  overflow: hidden;
}

.card_board li .pic {
  position: relative;
  margin-bottom: 1.6rem;
  overflow: hidden;
  clip-path: inset(0);
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

.card_board li .pic:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background: #f2f2f2;
  width: 100%;
  height: 100%;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: transform 1s;
  -ms-transition: transform 1s;
  transition: transform 1s;
}

.card_board li .pic img {
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

.card_board li .info {
  position: relative;
}

.card_board li .info .title {
  position: relative;
  font-size: 1.8rem;
  line-height: 3rem;
  padding: 0 20px 0;
  margin-bottom: .8rem;
  word-break: keep-all;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}/* 20201221 타이틀 폰트 사이즈 수정 */

.card_board li .info .date {
  display:block;
  padding-left: 20px;
  font-size: 1.2rem;
  font-weight: normal;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.card_board li.is-active {
  opacity: 1;
}

.card_board li.is-active .pic:before {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
}

.news_cont .subhead .headtle{letter-spacing:-1px}

.tabType01{text-align:center}
.tabType01 ul{display:inline-block;margin:0 auto}
.tabType01 ul li{display:inline-block;position:relative;margin:0 25px}
.tabType01 ul li:after{content:'';display:inline-block;position:absolute;right:-27px;top:8px;width:2px;height:14px;background:#000}
.tabType01 ul li:last-child:after{display:none}
.tabType01 ul li a{display:block;font-size:18px;line-height:32px;font-weight:400}
.tabType01 ul li.on a{font-weight:500}
.tabType01 ul li.on a:after{content:'';display:block;width:100%;height:1px;background:#000;margin-top:-7px}

.searchWrap{margin-top:45px}

.videoArea{margin-top:25px}
.videoArea .videoTop{position:relative}
.videoArea .videoTop a{display:block}
.videoArea .videoTop a .pic{position:relative;overflow:hidden;margin-bottom:1.6rem;overflow:hidden;clip-path:inset(0);-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;transition:0.4s ease}
.videoArea .videoTop a .pic img{width:100%;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;transition:0.4s ease}
.videoArea .videoTop a .pic:after{content:'';display:block;position:absolute;top:50%;left:50%;min-width:96px;min-height:96px;transform: translate(-50%, -50%);display:inline-block;vertical-align:middle;background-color:transparent;background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png);background-size:960px auto;background-repeat:no-repeat;background-position:-96px -432px}
.videoArea .videoTop a .info{position:relative}
.videoArea .videoTop a .info .title{position:relative;font-size:1.8rem;line-height:3rem;padding:0 20px 0;margin-bottom:.8rem;word-break:keep-all;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease}/* 20201221 타이틀 폰트 사이즈 수정 */
.videoArea .videoTop a .info .date{display:none;padding-left:20px;font-size:1.2rem;font-weight:400;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease}
.videoArea .card_board li .pic{overflow:hidden}
.videoArea .card_board li .pic img{width:100%}
.videoArea .txtArea{padding:25px 20px}
.videoArea .txtArea .tit{font-size:24px;line-height:34px;letter-spacing:-1px}
.videoArea .txtArea .sTxt{font-size:16px;line-height:26px;margin-top:17px}
.videoArea .txtArea .date{font-size:12px;font-weight:400;margin-top:12px}
.videoArea .txtArea .new{margin-left:6px}
.view_cont .video_body{padding:0 !important;}
.view_cont .video_body +.video_body{margin-top:20px}

@media (min-width: 600px) {
  .card_board {
    margin-left: 10px;
  }
  .card_board li {
    padding-right: 10px;
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.spinner {
  display: none;
  position: fixed;
  z-index: 9990;
  bottom: 5%;
  left: 24%;
  margin: 100px 100px;
  overflow: hidden;
  background: transparent;
  border-radius: 100%;
  animation: spin 2s infinite steps(12);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform: 50% 50%;
  transform-origin: 50% 50%;
  width: 3px;
  height: 3px;
  box-shadow: 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0px -15px #d5d5d5, -15px 0px #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0px -16px #d5d5d5, -16px 0px #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0px -17px #d5d5d5, -17px 0px #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0px -18px #d5d5d5, -18px 0px #f3f3f3, 0 19px #555, 19px 0 #a2a2a2, 0px -19px #d5d5d5, -19px 0px #f3f3f3, 0 20px #555, 20px 0 #a2a2a2, 0px -20px #d5d5d5, -20px 0px #f3f3f3, 0 21px #555, 21px 0 #a2a2a2, 0px -21px #d5d5d5, -21px 0px #f3f3f3, 0 22px #555, 22px 0 #a2a2a2, 0px -22px #d5d5d5, -22px 0px #f3f3f3, 0 23px #555, 23px 0 #a2a2a2, 0px -23px #d5d5d5, -23px 0px #f3f3f3, 0 24px #555, 24px 0 #a2a2a2, 0px -24px #d5d5d5, -24px 0px #f3f3f3, 0 25px #555, 25px 0 #a2a2a2, 0px -25px #d5d5d5, -25px 0px #f3f3f3, 11px 11px #888888, -11px -11px #eeeeee, 11px -11px #bbbbbb, -11px 11px #fbfbfb, 12px 12px #888888, -12px -12px #eeeeee, 12px -12px #bbbbbb, -12px 12px #fbfbfb, 13px 13px #888888, -13px -13px #eeeeee, 13px -13px #bbbbbb, -13px 13px #fbfbfb, 14px 14px #888888, -14px -14px #eeeeee, 14px -14px #bbbbbb, -14px 14px #fbfbfb, 15px 15px #888888, -15px -15px #eeeeee, 15px -15px #bbbbbb, -15px 15px #fbfbfb, 16px 16px #888888, -16px -16px #eeeeee, 16px -16px #bbbbbb, -16px 16px #fbfbfb, 17px 17px #888888, -17px -17px #eeeeee, 17px -17px #bbbbbb, -17px 17px #fbfbfb, 18px 18px #888888, -18px -18px #eeeeee, 18px -18px #bbbbbb, -18px 18px #fbfbfb;
}

.loding_ing {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9990;
  text-align: center;
}

.loding_ing .in {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 0;
}

.loding_ing .spinner {
  display: inline-block;
  position: relative;
  top: inherit;
  left: auto;
  right: auto;
  bottom: inherit;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0;
}

.no_data {
  padding: 16rem 0;
}

.no_data p {
  text-align: center;
  font-weight: normal;
}

.tag.new {
  width: 24px;
  height: 24px;
  text-indent: -99999rem;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: 0 -336px;
}

.subtit {
  font-size: 2.4rem;
  line-height: 1.6;
  letter-spacing: -0.86px;
}

.pop_share .layer_header {
  padding: 0;
}

.pop_share .layer_close {
  top: 8px;
  right: 8px;
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.pop_share .layer_close:before, .pop_share .layer_close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #000;
}

.pop_share .layer_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pop_share .layer_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.pop_share .share_sns {
  padding-top: 2.4rem;
  padding-bottom: 4rem;
  text-align: center;
}

.pop_share .share_sns li {
  display: inline-block;
}

.pop_share .share_sns li:first-child {
  margin-right: 2.4rem;
}

.pop_share .share_sns li i {
  position: relative;
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  margin-bottom: 1.6rem;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
}

.pop_share .share_sns li i:before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pop_share .url_copy {
  overflow: hidden;
}

.pop_share .url_copy > input, .pop_share .url_copy > .btn {
  float: left;
}

.pop_share .url_copy input {
  width: calc(100% - 100px);
  min-width: auto;
  font-size: 1.4rem;
  border: 1px solid #d9d9d9;
}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
  z-index: 10;
}

.icon-scroll {
  width: 22px;
  height: 32px;
  margin-left: -10px;
  bottom:25px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 20px;
  z-index:10
}

.icon-scroll:before {
  content: '';
  width: 2px;
  height: 6px;
  background: #fff;
  margin-left: -1px;
  top: 4px;
  border-radius: 2px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

/* 20240403 추가 */
.main_tim-link {
	position: absolute;
	bottom: 28px;
	right: 2rem;
	width: 141px;
	z-index: 1;
}

@media screen and (max-width: 360px){
	.main_tim-link {
		width: 35vw;
	}
}
/* // 20240403 추가 */

/* error */
.err_cont .row {
  padding: 2.4rem 0 8rem;
}

.err_cont .error_wrap {
  border-top: 3px solid #000;
  border-bottom: 1px solid #D9D9D9;
  padding: 8rem 3rem;
  margin: 0 2rem;
  text-align: center;
}

.err_cont .error_wrap .title {
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.err_cont .error_wrap .desc {
  padding: 1.6rem 0 4rem;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}

.err_cont .error_wrap .btn_default, .err_cont .error_wrap .btn_primary {
  min-width: 13rem;
  padding: 18px 16px;
  font-size: 1.6rem;
}

.err_cont .error_wrap .ico_error {
  /*width: 9.6rem;
  height: 9.6rem;*/
  width:96px;
  height:96px;
  margin-bottom: 2.4rem;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -288px -432px;
}

*, *:after, *:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: 'HankookTire', 'Malgun Gothic', 'AppleSDGothicNeo', 'Helvetica', sans-serif;
  font-weight: 500;
}

a, body, dd, div, dl, dt, figure, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, ul, section, table, td, th {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: inherit;
  color: inherit;
}

a:focus, body:focus, dd:focus, div:focus, dl:focus, dt:focus, figure:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, html:focus, img:focus, li:focus, ol:focus, p:focus, ul:focus, section:focus, table:focus, td:focus, th:focus {
  outline-width: 1px;
  outline-color: #B2B2B2;
}

a {
  text-decoration: none;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

img {
  border: 0;
}

li, ol, ul {
  list-style: none;
}

table {
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

table td,
table th {
  word-break: break-all;
}

caption, hr, legend {
  text-indent: -9999px;
  font-size: 0;
  height: 0;
  border: 0;
  left: -9999px;
}

ins {
  text-decoration: none;
}

select {
  vertical-align: middle;
}

article, footer, header, nav, section {
  display: block;
}

html {
  height: 100%;
  min-height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1;
}

@media all and (max-width: 960px) {
  html {
    font-size: 10px;
  }
}

@media all and (max-width: 359px) {
  html {
    font-size: 9px;
  }
}

[class^="ico_"],
img {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.content_toggled, .hidden, .skipnavigation {
  display: none;
}

.noflow {
  overflow: hidden;
  height: 100%;
  margin-left: -17px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .noflow {
    margin-left: -17px;
  }
}

.noflow #wrap {
  height: 100%;
}

.a11y_sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.skipnavigation {
  position: relative;
}

.skipnavigation a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1;
  display: block;
  font-size: 0;
  background-color: #FFF;
  text-align: center;
}

.skipnavigation a:focus {
  height: 30px;
  padding: 4px 0;
  visibility: visible;
  font-size: 1em;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 7.2rem;
  padding: 1.5rem 2rem;
  padding: 1.5rem calc(2rem + env(safe-area-inset-right)) 1.5rem calc(2rem + env(safe-area-inset-left));
}

/*
.header.type02 .site_logo a {
  background-position: -288px 0;
}

.header.type02 .site_logo a{background-position: -384px 0;}
*/

/* .header.type02 .site_logo a{background-position:-493px 0;width:90px;height:53px} 20200914 main CI 변경 */

.header.type02 .site_logo a{background-position:0 0;}/* 20201117 로고 수정 */

.header.type02 .head_menu .lnk_story a {
  background-position: -494px -110px;
}

.header.type02 #menu_trigger.collapsed .navbar-toggle-icon span {
  background-color: #fff;
}

.header .site_logo {
  position: relative;
  top:50%;
  transform:translateY(-50%);
  z-index: 100;
}

.header .site_logo a {
  text-indent: -9999px;
  display: block;
  width: 80px;
  height: 36px;
  vertical-align: baseline;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px;
  background-repeat: no-repeat;
  background-position: -80px 0;
}/* 20201228 로고 수정 */

.header .tlogo img {
  width: auto;
  max-width: 217px;
}

.header .head_menu {
  position: absolute;
  top: 12px;
  right: 12px;
  right: calc(12px + env(safe-area-inset-right));
  z-index: 100;
}

.header .head_menu .lnk_story {
  display: inline-block;
}

.header .head_menu .lnk_story a {
  width: 67px;
  height: 20px;
  text-indent: -9999rem;
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -562px -110px;
}

.header.nav-on .page_title{
  display: none;
}/* 210506 .header.nav-on .lnk_story 제외 */

.header.nav-on .site_logo a {
  background-position: 0 0;
  transition-delay: .4s;
}/* 20201117 로고 수정 */

.header.nav-on #menu_trigger .navbar-toggle-icon span {
  background-color: #fff;
}

.header #menu_trigger {
  display: inline-block;
  padding: 6px 0;
  width: 48px;
  height: 48px;
  margin-left: 1.2rem;
  vertical-align: middle;
}

.header #menu_trigger .navbar-toggle-icon {
  position: relative;
  width: 30px;
  height: 12px;
  margin: 12px auto 0;
  cursor: pointer;
}

.header #menu_trigger .navbar-toggle-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.header #menu_trigger .navbar-toggle-icon span:nth-child(2) {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.header #menu_trigger .navbar-toggle-icon span:nth-child(3) {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.header #menu_trigger .navbar-toggle-icon span:nth-child(4) {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.header #menu_trigger.collapsed .navbar-toggle-icon span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #000;
}

.header #menu_trigger.collapsed .navbar-toggle-icon span:nth-child(2) {
  display: block;
  top: 0;
}

.header #menu_trigger.collapsed .navbar-toggle-icon span:nth-child(3) {
  top: 8px;
  width: 54%;
}

.header #menu_trigger.collapsed .navbar-toggle-icon span:nth-child(4) {
  top: -8px;
  width: 80%;
}

.header .htgGNB {
  position: fixed;
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 95;
  background: transparent;
}

.header .htgGNB > div {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  /*
  background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/@visubg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  */
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.header .htgGNB.gnb-on {
  right: 0;
}

.header .htgGNB .vbbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:000;
  /*
  background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/@visubg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  */
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.header .htgGNB .vbbg:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.7} /* 20191016 : gnb opacity */
.header .htgGNB .vbbg video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;opacity:1;transform: translate(-50%, -50%)}

.header .htgGNB .nav {
  padding:72px 0 10px;
  max-width: 980px;
  overflow-y: scroll;
  position: relative;
  height: 100%;
}

.header .htgGNB .menu {
  padding-top: 50px;
  padding-left: 20px;
}

.header .htgGNB .menu > li {
  position: relative;
  padding: 1.5rem 0;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.header .htgGNB .menu > li a {
  display: block;
  font-size: 2.2rem;
  color: #fff;
  line-height: 1.2;
}

.header .htgGNB .menu > li:after {
  content: '';
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 59%;
  left: -10%;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.header .htgGNB .menu > li.on {
  padding-left: 8%;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.header .htgGNB .menu > li.on:after {
  width: 15%;
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}

.header .htgGNB .menu .sub_menu {
  display: none;
  position: absolute;
  top: calc(50% - 2rem);
  left: 60%;
  z-index: 10;
}

.header .htgGNB .menu .sub_menu > li {
  width: 80px;
}

.header .htgGNB .menu .sub_menu > li > a {
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 2rem;
  word-break: keep-all;
}

.nav-sitemap {
	width: calc(100% - 40px);
	margin: 4.5rem 2rem 0 2rem;
	padding: 2rem 1.2rem;
	background: rgba(255, 255, 255, 0.07);
	border-radius: 6px;
}
.nav-sitemap__title {
	display: block;
	margin-bottom: 2rem;
	font-size: 1.6rem;
	color: #fff;
}
.nav-sitemap__list {
	columns: 2;
	column-gap: 4rem;
	list-style: none;
	padding: 0;
}
.nav-sitemap__item {
	margin-bottom: 1.2rem;
}
.nav-sitemap__link {
	font-size: 1.2rem;
	line-height: 2rem;
	color: #fff;
}




/* 20240403 추가 */
.header .htgGNB .menu__ot-link {
	padding:107px 20px 0 20px; /* t : 40px */
	display: flex;
	flex-flow: row wrap;
	max-width: 360px;
}
.header .htgGNB .menu__ot-link .menu__ot-tim {
	flex-basis: 50%;
	flex-shrink: 0;
	margin-bottom: 38px;
	display:flex;
	justify-content:flex-end;
	padding-right:50px;
}
.header .htgGNB .menu__ot-link .menu__ot-tim:nth-child(even) {
	text-align: right;
} 
.header .htgGNB .menu__ot-link .menu__ot-tim img {
	width: auto;
}
/* // 20240403 추가 */

.header .htgGNB .story_gnb {
  color: #fff;
  padding: 100px 0;
}

.header .htgGNB .story_gnb > a {
  display: block;
  font-size: 1.4rem;
  margin-left: 20px;
}

.header .htgGNB .story_gnb ul {
  margin: 12px 0 0 20px;
}

.header .htgGNB .story_gnb ul li {
  float: left;
  width: 25%;
  padding: 0 2px;
}

.header .htgGNB .story_gnb ul li .pic {
  position: relative;
  width: 100%;
  padding-bottom: 52%;
  overflow: hidden;
}

.header .htgGNB .story_gnb ul li .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.header .htgGNB .story_gnb ul li .title {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2rem;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header .htgGNB .lang { /* 20240403 수정 */
  position: absolute;
  right: 2rem;
  bottom: 11rem;
  color: #666;
  overflow: visible;
  border-top: 1px solid rgba(255, 255, 255, .2);
  padding-top: 20px;
  margin-top: 134px;
}

.header .htgGNB .lang li {
  float: left;
}

.header .htgGNB .lang li a {
  display: inline-block;
  font-size: 14px;
}

.header .htgGNB .lang li.active a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.header .htgGNB .lang li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 14px;
  margin: 0 1.1rem 0 1.6rem;
  background: rgba(255, 255, 255, 0.15);
}

.header .htgGNB .lang li:last-child:after {
  display: none;
}

#wrap,
body {
  height: 100%;
  min-height: 100%;
}

#wrap {
  position: relative;
}

.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.sub_wrap {
  position: relative;
  padding-top: 8.8rem;
}

.subhead {
  position: relative;
}

.subhead .headtle {
  padding-bottom: 1.4rem;
  font-size: 3.2rem;
  line-height: 1.75;
  text-align: center;
}

#footer {
  clear: both;
  position: relative;
  width: 100%;
  min-height: 100px;
  background-color: #000;
  color: #fff;
  padding: 0 2rem;
  z-index:100 !important;
  display: block !important
}

#footer .foolink {
  float: right;
}

#footer .foolink > ul {
  float: left;
  width: 300px;
}

#footer .foolink > ul > li:not(:last-of-type) {
  padding-bottom: 3rem;
}

#footer .foolink > ul:last-of-type > li > a {
  font-weight: bold;
}

#footer .foolink .hashlink {
  font-size: 1.4rem;
  line-height: 2rem;
}

#footer .foolink .hashlink > li:not(:last-of-type) {
  padding-bottom: 1.6rem;
}

#footer .util {
  padding: 1.6rem 0;
  border-bottom: 1px solid #1a1a1a;
}

/* 20230626 수정 */
#footer .util > ul {
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	flex-wrap:wrap;
 	row-gap:1.5rem;
}

/*#footer .util > ul > li {
  display: inline-block;
}*/
/* //20230626 수정 */

#footer .util > ul > li a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
}

#footer .util > ul > li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 14px;
  margin: 0 1rem; /* 20230626 수정 */
  background: rgba(255, 255, 255, 0.15);
}

#footer .util > ul > li:last-child:after {
  display: none;
}

#footer .copyright .row {
  text-align: center;
  padding: 2rem 0 4rem;
}

#footer .copyright .row address {
  padding-top: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: normal;
}

#footer .copyright .row .lang {
  display: inline-block;
}

#footer .copyright .row .lang > li {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 3.2rem;
}

#footer .copyright .row .lang > li:first-of-type a {
  color: #666;
}

#footer .copyright .row .lang > li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 14px;
  margin: 0 1.6rem;
  background: rgba(255, 255, 255, 0.15);
}

#footer .copyright .row .lang > li:last-child:after {
  display: none;
}

#footer .snsWrap{margin:2rem 0 0.5rem -20px}
#footer .snsWrap span{display:inline-block;width:34px;height:34px;margin-left:20px}
#footer .snsWrap span a{display:block;width:30px;height:30px;text-indent:-9999rem;overflow:hidden}
#footer .snsWrap span a:before{content:'';display:block;width:30px;height:30px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/spr_sns.png) no-repeat 0 0;background-size:120px 30px}
#footer .snsWrap .sns01 a:before{background-position:0 0}
#footer .snsWrap .sns02 a:before{background-position:-30px 0}
#footer .snsWrap .sns03 a:before{background-position:-60px 0}
#footer .snsWrap .sns04 a:before{background-position:-90px 0}

.row {
  position: relative;
  margin: 0 auto;
}

img {
  width: 100%;
}

.visual {
  width: 100%;
  height: 100vh;
}

.visual_slider {
  width: 100%;
  height: 100vh;
}

.visual_parallax {
  width: 100%;
  height: 100vh;
}

.text_complex .align_type01 {
  float: left;
}

.text_complex .align_type02 {
  float: right;
}

.text_complex .text {
  padding: 1rem;
}

.slide-container {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-y: hidden;
  overflow-x: scroll;
  padding-bottom: 26px;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 90;
  white-space: nowrap;
}

.slide-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}

.slide-container::-webkit-scrollbar-track {
  background: none;
}

.slide-container::-webkit-scrollbar-thumb {
  display: none;
  background: none;
  box-shadow: none;
}

.slide-container::-webkit-scrollbar-button {
  display: none;
}

.slide-container ul {
  display: table;
  position: relative;
  margin: 0 0 0 16px;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.slide-container ul li {
  position: relative;
  display: table-cell;
  width: auto;
  min-width: 70px;
  box-sizing: border-box;
  white-space: nowrap;
}

.slide-container ul li:last-child {
  padding: 0;
}

.slide-container ul li a, .slide-container ul li button {
  display: block;
  position: relative;
}

.video_body {
  position: relative;
}

.video_body .video_wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.5%;
  overflow: hidden;
}

.video_body .video_wrap video.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_body .video_util {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video_body .video_util button.btn_play > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 96px;
  min-height: 96px;
  transform: translate(-50%, -50%);
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -96px -432px;
}

.video_body .video_util button.btn_play.stop > span {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -192px -432px;
}

.video_body .video_util button.btn_play:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.btn_top {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 48px;
  height: 48px;
  z-index: 10;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  border: 1px solid #333;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn_top i {
  margin: 7px 0 4px;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  overflow: hidden;
}

.btn_top i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 6px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 0;
  border-bottom: 0;
}

.btn_top.active {
  opacity: 1;
  visibility: visible;
}

/* 메인 팝업 */
.pop_notice .pop_close, .banner_top .pop_close {
  padding: 1.125em;
  color: #aaa;
  background: none;
  border: 0;
  text-indent: -9999rem;
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 48px;
}

.pop_notice .pop_close:before, .pop_notice .pop_close:after, .banner_top .pop_close:before, .banner_top .pop_close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 29px;
  height: 2px;
  background-color: #000;
}

.pop_notice .pop_close:before, .banner_top .pop_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pop_notice .pop_close:after, .banner_top .pop_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.pop_notice .pop_footer, .banner_top .pop_footer {
  bottom: 0;
  right: 0;
  color: #666;
}

.pop_notice .pop_footer input[type="checkbox"] + label, .banner_top .pop_footer input[type="checkbox"] + label {
  font-weight: normal;
}

.pop_notice .pop_footer input[type="checkbox"] + label:before, .banner_top .pop_footer input[type="checkbox"] + label:before {
  content: '';
  margin-right: 8px;
}

/* 공지팝업 */
.pop_notice {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  background: #fff;
  display: none;
  width: 100%;
  max-width: 720px;
  height: 100vh;
  overflow-y: scroll;
}

.pop_notice .pop_wrap {
  padding-bottom: 5rem;
}

.pop_notice .pop_title {
  margin-bottom: 24px;
  font-size: 4.8rem;
  line-height: 6.4rem;
  word-break: keep-all;
}

.pop_notice .pop_footer {
  position: fixed;
  width: 100%;
  max-width: 720px;
  left: 0;
  padding: 1.4rem 2rem;
  border-top: 1px solid #ededed;
  font-size: 1.4rem;
  background-color: #fff;
}

.pop_notice .pop_footer .btn_close {
  float: right;
  font-size: 1.6rem;
  font-weight: normal;
  color: #666;
  margin-top: -4px;
}

.pop_notice .pop_footer input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -336px -336px;
}

.pop_notice .pop_footer input[type="checkbox"]:checked + label:before {
  background-position: -360px -336px;
}

.pop_notice .pop_close {
  top: 16px;
  right: 16px;
}

/* 커튼팝업 */
.banner_top {
  position: relative;
  top: 0;
  width: 100%;
  overflow: hidden;
  display: none;
  background: #212121;
}

.banner_top .pop_content {
  color: #fff;
  word-break: keep-all;
}

.banner_top .pop_close {
  top: 8px;
  right: 8px;
}

.banner_top .pop_close:before, .banner_top .pop_close:after {
  background-color: #fff;
}

.banner_top .pop_footer {
  position: absolute;
  padding: 10px 20px;
  font-size: 1.2rem;
  color: #fff;
}

.banner_top .pop_footer input[type="checkbox"] + label:before {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -218.4px -218.4px;
}

.banner_top .pop_footer input[type="checkbox"]:checked + label:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -234px -218.4px;
}

.pop_hashtag.type_full {
  position: fixed;
  background-color: #fff;
}

.pop_hashtag.type_full .layer_header {
  padding-top: 0;
}

.pop_hashtag.type_full .layer_content {
  padding: 8rem 2rem 4rem;
  background-color: #fff;
}

.pop_hashtag.type_full .tag_area strong {
  font-size: 3.2rem;
  line-height: 4.8rem;
  color: #000;
}

.pop_hashtag.type_full .tag_area .tagsSlide {
  margin: 16px 0 32px;
  padding-bottom: 0;
}

.pop_hashtag.type_full .tag_area .tagsSlide .tags {
  margin-left: -2px;
}

.pop_hashtag.type_full .tag_area .tagsSlide .tags li {
  float: none;
}

.pop_hashtag.type_full .hash_story {
  color: #000;
}

.pop_hashtag.type_full .hash_story .title {
  padding: 1.6rem 0 4rem;
  font-size: 2rem;
  line-height: 3.2rem;
  word-break: keep-all;
}

.pop_hashtag.type_full .tags > li {
  float: left;
  padding: 0 4px;
  margin-top: 8px;
}

.pop_hashtag.type_full .tags > li a {
  display: block;
  padding: 1.2rem 1.7rem 1.1rem;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  color: #000;
}

.pop_hashtag.type_full .tags > li.on a {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

/******
**** dropdown
******/
.dropdown_list {
  display: inline-block;
  position: relative;
  min-width: 220px;
}

.dropdown_list .dropdown_value {
  position: relative;
}

.dropdown_list .dropdown_value input[type="text"] {
  width: 100%;
  font-size: 12px;
  color: #999;
  background-color: #000;
  border: 1px solid #4d4d4d;
  height: 36px;
  padding: 11px 16px;
  font-weight: 500;
}

.dropdown_list .dropdown_value .btn_opener {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0;
  cursor: pointer;
}

.dropdown_list .dropdown_value .btn_opener i {
  float: right;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 9px;
  overflow: hidden;
}

.dropdown_list .dropdown_value .btn_opener i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: -3px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
}

.dropdown_list .item_list {
  display: none;
  position: absolute;
  bottom: 35px;
  left: 0;
  z-index: 10;
  width: 100%;
  border: 1px solid #4d4d4d;
  background: #000;
  padding: 12px 0;
}

.dropdown_list .item_list a {
  display: block;
  width: 100%;
  padding: 10px 14px; /* 20240329 수정 */
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}

.dropdown_list .item_list a:hover, .dropdown_list .item_list a:active, .dropdown_list .item_list a:focus {
  text-decoration: underline;
}

.dropdown_list.active .btn_opener i {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 9px;
  overflow: hidden;
}

.dropdown_list.active .btn_opener i:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 3px;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 0;
  border-bottom: 0;
}

.dropdown_list.active .item_list {
  display: block;
}

.animate {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.animate.slideInUp {
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  -o-transform: translate3d(0, 50px, 0);
  -ms-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

.animate.slideInUp2 {
  -webkit-transform: translate3d(0, 150px, 0);
  -moz-transform: translate3d(0, 150px, 0);
  -o-transform: translate3d(0, 150px, 0);
  -ms-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
}

.animate.slideInUp3 {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translate3d(0, 250px, 0);
  -moz-transform: translate3d(0, 250px, 0);
  -o-transform: translate3d(0, 250px, 0);
  -ms-transform: translate3d(0, 250px, 0);
  transform: translate3d(0, 250px, 0);
}

.animate.slideToLeft {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translate3d(-200px, 0, 0);
  -moz-transform: translate3d(-200px, 0, 0);
  -o-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.animate.slideToLeft2 {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.animate.slideToRight {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translate3d(200px, 0, 0);
  -moz-transform: translate3d(200px, 0, 0);
  -o-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.animate.slideToRight2 {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.animate.zoomIn {
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  -ms-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
}

.animate.zoomOut {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  -ms-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.6, 0.6, 0.6);
}

.is-active .animate {
  visibility: visible;
  opacity: 1;
}

.is-active .slideInUp,
.is-active .slideInUp2,
.is-active .slideInUp3 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.is-active .slideToLeft,
.is-active .slideToLeft2,
.is-active .slideToRight,
.is-active .slideToRight2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.is-active .zoomOut {
  transform: scale3d(1, 1, 1);
}

.is-active .mask {
  left: 250%;
}

.is-active .mask.invert {
  left: -250%;
}

/******
**** media(news) board page
******/
.sub_wrap.news_cont {
  position: relative;
  min-height: 700px;
  padding-bottom: 8rem;
}

.sub_wrap.news_cont .search_area {
  margin: 0 20px;
}

.sub_wrap.news_cont .business_tab_re {
  position: relative;
  top: 0;
  margin-bottom: 24px;
}

.sub_wrap.news_cont .business_tab_re .tablist_re {
  /*border: 1px solid #cccccc;*/
  color: #fff;
}

.sub_wrap.news_cont .business_tab_re .tablist_re li.p_bullet .tab {
  color: #000;
}
/*
.sub_wrap.news_cont .business_tab_re .tablist_re li.p_bullet.bullet_active {
  background-color: #000;
}
*/
.sub_wrap.news_cont .business_tab_re .tablist_re li.p_bullet.bullet_active .tab {
  color: #fff;
}

.sub_wrap.news_cont .business_tab_re .tablist_re li{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.sub_wrap.news_cont .business_tab_re .tablist_re li:first-child{border-left:1px solid #f0f0f0}
.sub_wrap.news_cont .business_tab_re .tablist_re li:last-child{border-right:1px solid #f0f0f0}
.sub_wrap.news_cont .business_tab_re .tablist_re li.bullet_active a{background:#000;color:#fff;border-radius:32px;padding:0 33px}


.sub_wrap.news_cont .tab_contents .tbl_board {
  padding-bottom: 100px;
}

.sub_wrap.news_cont .tbl_view td img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}

.sub_wrap.news_cont .card_board {
  min-height: 100%;
}

.sub_wrap.news_cont .card_board li {
  position: relative;
}

.sub_wrap.news_cont .card_board li:last-child {
  padding-bottom: 10%;
}

.sub_wrap.news_cont .more_area {
  position: relative;
  padding-top: 10%;
}

/******
**** invest
******/
.sub_wrap.invest_cont {
  padding-top: 0;
}

.sub_wrap.invest_cont .subhead {
  height: 480px;
  padding-top: 216px;
  background: #000 url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/invest_01.jpg");
  background-size: cover;
  color: #fff;
  text-align: center;
}

.sub_wrap.invest_cont .subhead .headtle{font-size:32px}

.sub_wrap.invest_cont .subhead h1 {
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 0.8rem;
  font-size: 2.8rem;
  line-height: 2;
  color: #fff;
}

.sub_wrap.invest_cont .subhead p {
  display: block;
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.29;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
}

.sub_wrap.invest_cont .subtit {
  padding: 4rem 2rem 1.6rem;
}

.sub_wrap.invest_cont .invest_sec.credit, .sub_wrap.invest_cont .invest_sec.notice {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 4rem;
}

.sub_wrap.invest_cont .invest_sec.credit .subtit, .sub_wrap.invest_cont .invest_sec.credit .inner, .sub_wrap.invest_cont .invest_sec.notice .subtit, .sub_wrap.invest_cont .invest_sec.notice .inner {
  color: #fff;
}


.sub_wrap.invest_cont .credit {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/invest_02.jpg");
}

.sub_wrap.invest_cont .credit ul {
  padding: 0 20px;
}

.sub_wrap.invest_cont .credit ul li {
  width: 50%;
  float: left;
  margin-bottom: 4rem;
}

.sub_wrap.invest_cont .credit ul li strong {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 4rem;
  line-height: 5.6rem;
}

.sub_wrap.invest_cont .credit ul li p {
  line-height: 3.2rem;
  font-weight: normal;
}

.sub_wrap.invest_cont .credit ul li p.date {
  font-size: 1.4rem;
  color: #ccc;
}

.sub_wrap.invest_cont .credit .btn_group {
  padding: 0 2rem;
}

.sub_wrap.invest_cont .stock em {
  font-size: 1.6rem;
  font-style: normal;
}

.sub_wrap.invest_cont .stock strong {
  font-size: 2.4rem;
  line-height: 3.6rem;
}

.sub_wrap.invest_cont .stock .ico_status {
  width: 16px;
  height: 10px;
  text-indent: -9999rem;
  overflow: hidden;
  margin-top: -4px;
}

.sub_wrap.invest_cont .stock .up em {
  color: #E90008;
}

.sub_wrap.invest_cont .stock .up .ico_status {
  display: inline-block;
  width: 16px;
  height: 10px;
}

.sub_wrap.invest_cont .stock .up .ico_status:before {
  content: '';
  display: block;
  border-bottom: 10px solid #E90008;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.sub_wrap.invest_cont .stock .down em {
  color: #2F40E1;
}

.sub_wrap.invest_cont .stock .down .ico_status {
  display: inline-block;
  width: 16px;
  height: 10px;
}

.sub_wrap.invest_cont .stock .down .ico_status:before {
  content: '';
  display: block;
  border-top: 10px solid #2F40E1;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.sub_wrap.invest_cont .stock .equal .ico_status {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.sub_wrap.invest_cont .stock .equal .ico_status:before {
  content: '';
  position: absolute;
  background-color: #000;
  top: 50%;
  left: 0;
  width: 16px;
  height: 3px;
}

.sub_wrap.invest_cont .stock .now_stock {
  padding: 0 2rem;
}

.sub_wrap.invest_cont .stock .now_stock strong {
  font-size: 4rem;
  line-height: 5.6rem;
}

@media (max-width: 359px) {
  .sub_wrap.invest_cont .stock .now_stock strong {
    font-size: 3.2rem;
  }
}

.sub_wrap.invest_cont .stock .now_stock em {
  font-size: 2.6rem;
}

@media (max-width: 359px) {
  .sub_wrap.invest_cont .stock .now_stock em {
    font-size: 2rem;
  }
}

.sub_wrap.invest_cont .stock .now_stock .compare {
  float: right;
  text-align: right;
  line-height: 5.6rem;
  min-width: 12rem;
}

.sub_wrap.invest_cont .stock .stock_list {
  padding: 2.8rem 2rem 1.8rem;
  border-bottom: 1px solid #E6E6E6;
}

.sub_wrap.invest_cont .stock .stock_list dl {
  float: left;
  width: 50%;
  padding-bottom: 1rem;
  line-height: 3.2rem;
}

.sub_wrap.invest_cont .stock .stock_list dl:nth-child(even) {
  text-align: right;
}

.sub_wrap.invest_cont .stock .stock_list dl dt, .sub_wrap.invest_cont .stock .stock_list dl dd {
  display: inline-block;
}

.sub_wrap.invest_cont .stock .stock_list dl dt {
  margin-right: 16px;
  font-weight: normal;
}

.sub_wrap.invest_cont .stock .info_stock {
  padding: 2.4rem 2rem 0;
}

.sub_wrap.invest_cont .stock .info_stock dl {
  margin-bottom: 4rem;
}

.sub_wrap.invest_cont .stock .info_stock dt {
  line-height: 3.2rem;
}

.sub_wrap.invest_cont .stock .info_stock strong {
  margin-right: 16px;
}

.sub_wrap.invest_cont .stock .btn_group {
  border-top: 1px solid #d9d9d9;
}

.sub_wrap.invest_cont .notice {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/invest_03.jpg");
}

.sub_wrap.invest_cont .notice .inner {
  padding: 0 2rem;
}

.sub_wrap.invest_cont .notice .latest {
  margin-bottom: 24px;
}

.sub_wrap.invest_cont .notice .latest li {
  position: relative;
  background: #fff;
  color: #000;
  padding: 2.8rem;
  margin: 0.2rem 0;
}

.sub_wrap.invest_cont .notice .latest li .tit {
  font-size: 1.8rem;
  line-height: 3.2rem;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub_wrap.invest_cont .notice .latest li .date {
  margin-top: 16px;
  margin-bottom: 54px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}

.sub_wrap.invest_cont .notice .latest li .download {
  position: absolute;
  bottom: 32px;
  left: 32px;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.sub_wrap.invest_cont .notice .latest li .download .ico_att {
  width: 24px;
  height: 24px;
  background-position: -24px -336px;
}

.sub_wrap.invest_cont .notice .btn_full {
  border-bottom-color: transparent;
  margin-bottom: 2px;
  padding-left: 32px;
}

.sub_wrap.invest_cont .btn_group {
  text-align: left;
}

.sub_wrap.invest_cont .btn_group + .btn_group {
  margin-top: 4rem;
}

.sub_wrap.invest_cont .btn_full {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.6rem 5.5rem 1.5rem 2rem;
  border-bottom: 1px solid #d9d9d9;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-align: left;
  background: #fff;
  color: #000;
}

.sub_wrap.invest_cont .btn_full:after {
  content: '';
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 2rem;
  margin-top: -16px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 672px auto;
  background-repeat: no-repeat;
  background-position: -134.4px -100.8px;
}

.sub_wrap.invest_cont .txt_info p {
  margin: 4rem 0 1.6rem;
  line-height: 3.2rem;
  font-weight: normal;
}

/* 20221110 수정 */
.sub_wrap.invest_cont .txt_info .num-info{font-size: 25px; margin: 6rem 0 1.4rem; display: block; font-weight: 700;}
.sub_wrap.invest_cont .txt_info .num{margin-top: 2rem;}
.sub_wrap.invest_cont .txt_info .email-info{margin-top: 0;}
.sub_wrap.invest_cont .txt_info .email-area .email-info:last-child{margin: -2rem 0 0 1.5rem;}
/* //20221110 수정 */

/******
**** invest > 신용등급 정의 팝업
******/
.pop_credit .row + .row .tbl_tit {
  margin-top: 20px;
}

/******
**** invest > 주식소유현황 팝업
******/
.pop_own .layer_content, .pop_dividend .layer_content {
  padding-left: 0;
  padding-right: 0;
}

/* .pop_own .layer_content .tbl_swipe, .pop_dividend .layer_content .tbl_swipe {
  padding: 0 2rem 4rem;
}  */

.pop_own .layer_content .tbl_tit, .pop_dividend .layer_content .tbl_tit {
  padding: 0 2rem;
}

.pop_own .layer_content .tbl_tit + .tbl_swipe .tbl_default, .pop_dividend .layer_content .tbl_tit + .tbl_swipe .tbl_default {
  margin-top: 0;
}

.pop_own .tbl_swipe .tbl_default {
  padding-bottom: 0;
}


.graph {
  width: 100%;
  margin-bottom: 4rem;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.graph + .tbl_default {
  margin: 0 2rem;
}

/******
**** invest > 공시자료 팝업
******/
.pop_announce .layer_content {
  padding-top: 1.4rem;
}

/******
**** invest > 지배구조
******/
.pop_govern .layer_title {
    font-size: 2.8rem;
    line-height: 1.3;
}
.pop_govern .layer_content {
    padding-top: 1.2rem;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.5;
    overflow-x: hidden;
    width: 100%;
}
.pop_govern .tablist {
    padding-bottom: 2.4rem;
}
.pop_govern .tablist.tab_boxing li .tab {
    display: block;
    width: 100%;
}

.pop_govern .title {
    font-size: 16px;
    margin-bottom: 5px;
}

.pop_govern .title ~ .title {
    margin-top: 24px;
}

.pop_govern .governbox h3,
.pop_govern .parsys h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.pop_govern .governbox .office_data2 dl:not(first-child) {
    margin-top: 10px;
}

.pop_govern .governbox ul,
.pop_govern .governbox ol,
.pop_govern .parsys ul,
.pop_govern .parsys ol {
    margin-top: 5px;
    margin-bottom: 24px;
}

.pop_govern .governbox ul > li,
.pop_govern .governbox ol > li,
.pop_govern .parsys ul > li,
.pop_govern .parsys ol > li {
    font-weight: normal;
}

.pop_govern .governbox .barol,
.pop_govern .parsys .barol {
    padding-left: 5px;
}

.pop_govern .governbox .barol > li,
.pop_govern .parsys .barol > li {
    position: relative;
    padding-left: 10px;
}

.pop_govern .governbox .barol > li:before,
.pop_govern .parsys .barol > li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 4px;
    height: 1px;
    background-color: #000;
}

.pop_govern .governbox > p,
.pop_govern .parsys > p {
    padding-bottom: 25px;
}

.pop_govern .governbox > p.ti,
.pop_govern .parsys > p.ti {
    padding-bottom: 10px;
    font-weight: 500;
}

.pop_govern .governbox .tit-bd,
.pop_govern .parsys .tit-bd {
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #666666;
}

.pop_govern .governbox .sb-txt,
.pop_govern .parsys .sb-txt {
    margin-bottom: 20px;
}
.pop_govern .tbl_swipe {
    overflow-x: auto;
}
.pop_govern .data_table {
    position: relative;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    min-width: 800px;
    margin-bottom: 0;
}
.pop_govern .data_table:before {
    content: '';
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pop_govern .data_table table {
    width: 100%;
    text-align: center;
}
.pop_govern .data_table table th,
.pop_govern .data_table table td {
    padding: 12px 8px;
    border: 1px solid #e6e6e6;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1.45;
    text-align: center;
}
.pop_govern .data_table table td {
    font-weight: 400;
}
.pop_govern .data_table table .left {
    text-align: left;
}
.pop_govern .data_table table .bg_gray {
    background: #e6e6e6;
}
.pop_govern .tbl_swipe + .tbl_swipe {
    margin-top: 20px;
}

.pop_govern .tbl_swipe .ico_scroll {
    top: 25%;
    margin-top: 0;
}

.pop_govern .parsys h3 {
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.pop_govern .parsys strong {
    font-weight: 700;
}

.pop_govern#pop_code .tablist {
    display: block;
}

.pop_govern#pop_code .tablist.tab_boxing li .tab {
    margin-right: 0;
    margin-top: -1px;
    line-height: 1.5;
}

.pop_govern#pop_code ol > li {
    margin-left: 16px;
    list-style-type: decimal;
}

.pop_govern#pop_code ol > li > ol > li {
    margin-left: 0;
    list-style-type: none;
}

.pop_govern#pop_code .governbox h2 {
    margin: 40px 0 20px;
    font-size: 16px;
}

.pop_govern#pop_code .governbox h2.additional {
    margin-bottom: 10px;
}

.pop_govern#pop_code .governbox h2:first-of-type {
    margin-top: 0;
}

.pop_govern#pop_code .governbox h4 + h3 {
    margin-top: 20px;
}

.pop_govern#pop_code .governbox p + h2 {
    margin-top: 15px;
}
.pop_govern .governbox .title {border-bottom:1px solid #666;margin-bottom:15px;}

/******
**** sub page tabs(business, culture)
******/

.business_tab_re{position:absolute;top:90px;left:0;z-index:10;width:100%;overflow-x:auto}
.business_tab_re .tablist_re{position:relative;height:34px;padding:0 10px;overflow:hidden;width:600px;margin:0 auto}
.business_tab_re .tablist_re li{float:left;white-space:nowrap;border-top:1px solid #fff;border-bottom:1px solid #fff}
/*
.business_tab_re .tablist_re{display:flex;flex-wrap:nowrap;position:relative;overflow-x:auto;height:34px;padding:0 10px}
.business_tab_re .tablist_re li{flex:1 0;position:relative;white-space:nowrap;border-top:1px solid #fff;border-bottom:1px solid #fff}
*/
.business_tab_re .tablist_re li a{display:block;padding:0 23px;color:#fff;text-align:center;line-height:32px;font-size:12px;}
.business_tab_re .tablist_re li:first-child{border-left:1px solid #fff;border-radius:32px 0 0 32px}
.business_tab_re .tablist_re li:first-child a{border-radius:32px 0 0 32px}
.business_tab_re .tablist_re li.bullet_active:first-child{border-left:0}
.business_tab_re .tablist_re li.bullet_active:last-child{border-right:0}
.business_tab_re .tablist_re li:last-child{border-right:1px solid #fff;border-radius:0 32px 32px 0}
.business_tab_re .tablist_re li:last-child a{border-radius:0 32px 32px 0}
.business_tab_re .tablist_re li.bullet_active a{background:#fff;color:#000;border-radius:32px;padding:0 33px}
.business_tab_re::-webkit-scrollbar{display:none} 

.business_tab, .culture_tab {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  padding:0 10px;
  margin: 0 auto;
  text-align: center;
  z-index: 10;
  overflow: hidden;
}

.culture_tab{max-width:394px}

.business_tab .tablist, .culture_tab .tablist {
  position: relative;
  width: 100%;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 32px;
  padding-bottom: 0;
  overflow: hidden;
}

.business_tab .tablist li.p_bullet, .culture_tab .tablist li.p_bullet {
  width: 33.33%;
  border: 0;
}

.business_tab .tablist li.p_bullet.bullet_active, .culture_tab .tablist li.p_bullet.bullet_active {
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
}

.business_tab .tablist li.p_bullet.bullet_active .tab, .culture_tab .tablist li.p_bullet.bullet_active .tab {
  color: #000;
  font-weight: 500;
}

.business_tab .tablist li.p_bullet .tab, .culture_tab .tablist li.p_bullet .tab {
  position: relative;
  display: inline-block;
  min-width: 100%;
  height: 100%;
  padding: 1rem 0 1.2rem;
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  z-index: 1;
}

.business_tab .tablist li.p_bullet .tab[aria-selected="true"], .culture_tab .tablist li.p_bullet .tab[aria-selected="true"] {
  border: 0;
  color: #fff;
}

.business_tab .hoverline, .culture_tab .hoverline {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  background-color: #fff;
  color: #000;
}

/******
**** Business > mission
******/
/******
**** missionA
******/
.innov_cont.missionA {background-color:#000;height:100%;height:100vh}

.innov_cont.missionA .business_tab .tablist li.p_bullet.bullet_active .tab {
  color: #000;
}

.innov_cont.missionA .swiper-container {
  background-color: #000;
}

.innov_cont.missionA .swiper-container .disc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.innov_cont.missionA .swiper-container .disc > p {font-size:14px;margin-bottom:20px;font-weight:400}
.innov_cont.missionA .swiper-container .disc > span{display:block;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-1px}


.innov_cont.missionA .swiper-container.intro_swipe {
  overflow: visible;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper {
  width:100%;
  height: 100vh;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper .swiper-slide {
  overflow: hidden;
  min-height: 100%;
  display:table;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .video .poster {
  display: block;
  height: 100vh;
  overflow: hidden;
  margin: 0 -160px;
  z-index: 10;
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .cnts {
  height: 100vh;
  overflow: hidden;
}

.innov_cont.missionA .swiper-container.intro_swipe .swiper-wrapper .swiper-slide.active .video .poster {
  display: none;
}

.innov_cont.missionA .ts-controls {
  display: none;
  width: calc(100% - 4rem);
  height: 50%;
  margin: 0 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99900;
}

.innov_cont.missionA .ts-controls .ts-prev, .innov_cont.missionA .ts-controls .ts-next {
  display: block;
  position: absolute;
  top: 50%;
  bottom: inherit;
  width: 100px;
  height: 36px;
  background: #000;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.innov_cont.missionA .ts-controls .ts-prev {
  left: 0;
}

.innov_cont.missionA .ts-controls .ts-next {
  right: 0;
}

.innov_cont.missionA .ts-controls .ts-paging {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 65px;
  left: 0;
  z-index: 99900;
}

.innov_cont.missionA .ts-controls .ts-paging button {
  width: 4rem;
  height: 6px;
  margin-right: 5px;
  border: 1px solid #fff;
  font-size: 0;
  -webkit-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
  transform: skewX(-16deg);
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  cursor: pointer;
}

.innov_cont.missionA .ts-controls .ts-paging button.ts-paging-active {
  width: 5rem;
  background-color: #fff;
}

.innov_cont.missionA .ts-util {
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 55px;
  z-index: 99900;
}

.innov_cont.missionA .ts-util button, .innov_cont.missionA .ts-util a {
  position: relative;
  color: #fff;
}

.innov_cont.missionA .ts-util button.hid, .innov_cont.missionA .ts-util a.hid {
  display: none;
}

.innov_cont.missionA .ts-util .ts-play {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -240px -336px;
}

.innov_cont.missionA .ts-util .ts-pause {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -192px -336px;
}

.innov_cont.missionA .fslide{position:relative;width:100%;margin:0 auto;overflow:hidden;background-color:#000}

.innov_cont.missionA .fslide .innwrap {
  position: relative;
  height: 100%;
  min-height: 100%;
}

.innov_cont.missionA .fslide .innwrap .img img {
  width: 100%;
}

.innov_cont.missionA .fslide.fslide1 .disc{display:table-cell;vertical-align:middle;width:100%;color:#fff;z-index:10}
.innov_cont.missionA .fslide .innwrap .disc{position: absolute;left:50%;top:50%;width:100%;max-width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;color:#fff;z-index:10}
.innov_cont.missionA .fslide .innwrap .disc .tx {text-align:center;font-size:20px;line-height:32px;letter-spacing:-1px;word-break:keep-all;font-weight:400}
.innov_cont.missionA .fslide.fslide2{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/m_vision01.jpg) no-repeat 0 0;background-size:cover}
.innov_cont.missionA .fslide.fslide3{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/m_vision02.jpg) no-repeat 50% 50%;background-size:cover}
.innov_cont.missionA .fslide.fslide4{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/m_vision03.jpg) no-repeat 50% 50%;background-size:cover}
.innov_cont.missionA .fslide.fslide7{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/m_vision07.jpg) no-repeat 0 0;background-size:cover}
/*.innov_cont.missionA .fslide.fslide5 .innwrap .disc, .innov_cont.missionA .fslide.fslide6 .innwrap .disc, .innov_cont.missionA .fslide.fslide7 .innwrap .disc{position:relative}*/
.innov_cont.missionA .fslide.fslide7 .innwrap .disc .tx{font-size:24px}
.innov_cont.missionA .fslide.fslide6 .innwrap .disc .tx{font-size:32px;line-height:42px;font-weight:500}
.timImg{width:auto;height:22px}
.hashBtn{text-align:center;margin-top:20px}
.hashBtn a{display:inline-block;border:1px solid #fff;height:36px;line-height:36px;color:#fff;margin:12px 5px 0 5px;font-size:12px;padding:0 12px;letter-spacing:0}
.missionPop{display:table;width:100%;height:100%;position:relative;z-index:11}
.missionPop .disc{display:table-cell;vertical-align:middle}
.missionPop .disc .tx{text-align:center;font-size:24px;line-height:32px;letter-spacing:-1px;word-break:keep-all;font-weight:400}

.innov_cont.missionA .fslide .innwrap .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* .innov_cont.missionA .fslide6 .innwrap .video video{width:100%;transform:translate(-50%, -63%)}*/

.innov_cont.missionA .fslide5 .innwrap .video video{transform: translate(-50%, -55%);width:100%}

.innov_cont.missionA .fslide .mask_top {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  height: 50vh;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

.innov_cont.missionA .fslide .mask_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  height: 50vh;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

.innov_cont.missionA .fslide .mask_top.show, .innov_cont.missionA .fslide .mask_btm.show {
  height: 0vh;
}

.innov_cont.missionA .fslide.fslide2, .innov_cont.missionA .fslide.fslide3, .innov_cont.missionA .fslide.fslide4, .innov_cont.missionA .fslide.fslide5, .innov_cont.missionA .fslide.fslide6{height:100%;height:100vh}
/*.innov_cont.missionA .fslide .innwrap{display:table;position:relative;width:100%;height:100%}*/



.innov_cont.missionA .fslide.fslide6 {
  height: 400px;
}

.innov_cont.missionA .fslide.fslide7 {
  height: 440px;
}

.innov_cont.missionA .fslide.fslide5 .innwrap .disc, .innov_cont.missionA .fslide.fslide6 .innwrap .disc, .innov_cont.missionA .fslide.fslide7 .innwrap .disc {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: -1px;
}

.innov_cont.missionA .fslide.fslide5 .video{height:100%;height:100vh}

.innov_cont.missionA .fslide.fslide13 {
  height: 400px;
  background-color: transparent;
}

.innov_cont.missionA .fslide.fslide13 .disc {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.innov_cont.missionA .fslide.fslide13 .innwrap .video {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 55%;
  overflow: hidden;
}

.innov_cont.missionA .fslide.fslide13 .innwrap .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(0, 0);
}

.innov_cont.missionA .fslide.fslide14 {
  min-height: 600px;
  overflow: hidden;
}

.innov_cont.missionA .fslide.fslide14 .innwrap {
  width: 100%;
  background-color: #0d131e;
}

.innov_cont.missionA .fslide.fslide14 .innwrap .disc {
  position: relative;
  width: 100%;
  min-height: 600px;
  padding: 80px 2rem 80px;
  color: #fff;
  text-align: left;
}

.innov_cont.missionA .fslide.fslide14 .innwrap .disc .ti {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  text-align: center;
}

.innov_cont.missionA .fslide.fslide14 .list li {
  float: left;
  position: relative;
  width: calc(50% - 2px);
  min-height: 120px;
  margin: 0 1px 32px;
  line-height: 2rem;
}

.innov_cont.missionA .fslide.fslide14 .list li .thumb {
  margin-bottom: 12px;
}

.innov_cont.missionA .fslide.fslide14 .list li .thumb img {
  min-height: 70px;
}

.innov_cont.missionA .fslide.fslide14 .list li .tit {
  padding-right: 20px;
  font-size: 1.4rem;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innov_cont.missionA .fslide.fslide14 .list li:nth-child(2n-1) {
  clear: left;
}

.innov_cont.missionA .circ-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  /* Effect */
}

.innov_cont.missionA .circ-wrap .circ-icon {
  display: inline-block;
  font-size: 0px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.innov_cont.missionA .circ-wrap .circ-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.innov_cont.missionA .circ-wrap.circ-effect .circ-icon {
  background: rgba(255, 255, 255, 0);
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
}

.innov_cont.missionA .circ-wrap.circ-effect .circ-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.8);
}

.innov_cont.missionA .circ-wrap.circ-effect .circ-icon.show {
  background: rgba(255, 255, 255, 0);
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff;
}

.innov_cont.missionA .circ-wrap.circ-effect .circ-icon.show:after {
  -webkit-animation: circEffect 1.3s ease-out 75ms infinite;
  -moz-animation: circEffect 1.3s ease-out 75ms infinite;
  animation: circEffect 1.5s ease-out 95ms infinite;
}

.innov_cont.missionA .circ-wrap.circ-effect .circ-icon.type2.show:after {
  -webkit-animation: circEffect2 1.3s ease-out 75ms infinite;
  -moz-animation: circEffect2 1.3s ease-out 75ms infinite;
  animation: circEffect2 1.5s ease-out 95ms infinite;
}

@-webkit-keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
    -moz-transform: scale(1.1);
    opacity: 0;
  }
}

@keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
    opacity: 0;
  }
}

@keyframes circEffect2 {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 40px 40px #0636D3, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 25px 25px #0636D3, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
    opacity: 0;
  }
}

.innov_cont.missionA .is-active .circ-wrap {
  opacity: 1;
}

/******
**** missionB
******/
.innov_cont.missionB {
  background-color: #000;
}

.innov_cont.missionB .business_tab .tablist li.p_bullet.bullet_active .tab {
  color: #000;
}

.innov_cont.missionB .swiper-container {
  background-color: #000;
}

.innov_cont.missionB .swiper-container .disc {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.innov_cont.missionB .swiper-container .disc > p {
  padding-bottom: 2.4rem;
  font-size: 2.8rem;
}

.innov_cont.missionB .swiper-container .disc > span {
  display: block;
  margin: 0 2rem;
  line-height: 1.71;
  font-weight: normal;
  word-break: keep-all;
}

.innov_cont.missionB .swiper-container.intro_swipe {
  overflow: visible;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper {
  height: 100vh;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper .swiper-slide {
  overflow: hidden;
  min-height: 100%;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .video .poster {
  display: block;
  height: 100vh;
  overflow: hidden;
  margin: 0 -160px;
  z-index: 10;
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper .swiper-slide .cnts {
  height: 100vh;
  overflow: hidden;
}

.innov_cont.missionB .swiper-container.intro_swipe .swiper-wrapper .swiper-slide.active .video .poster {
  display: none;
}

.innov_cont.missionB .ts-controls {
  display: none;
  width: calc(100% - 4rem);
  height: 50%;
  margin: 0 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99900;
}

.innov_cont.missionB .ts-controls .ts-prev, .innov_cont.missionB .ts-controls .ts-next {
  display: block;
  position: absolute;
  top: 50%;
  bottom: inherit;
  width: 100px;
  height: 36px;
  background: #000;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.innov_cont.missionB .ts-controls .ts-prev {
  left: 0;
}

.innov_cont.missionB .ts-controls .ts-next {
  right: 0;
}

.innov_cont.missionB .ts-controls .ts-paging {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 65px;
  left: 0;
  z-index: 99900;
}

.innov_cont.missionB .ts-controls .ts-paging button {
  width: 4rem;
  height: 6px;
  margin-right: 5px;
  border: 1px solid #fff;
  font-size: 0;
  -webkit-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
  transform: skewX(-16deg);
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  cursor: pointer;
}

.innov_cont.missionB .ts-controls .ts-paging button.ts-paging-active {
  width: 5rem;
  background-color: #fff;
}

.innov_cont.missionB .ts-util {
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 55px;
  z-index: 99900;
}

.innov_cont.missionB .ts-util button, .innov_cont.missionB .ts-util a {
  position: relative;
  color: #fff;
}

.innov_cont.missionB .ts-util button.hid, .innov_cont.missionB .ts-util a.hid {
  display: none;
}

.innov_cont.missionB .ts-util .ts-play {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -240px -336px;
}

.innov_cont.missionB .ts-util .ts-pause {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -192px -336px;
}

.innov_cont.missionB .fslide {
  position: relative;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  background-color: #000;
}

.innov_cont.missionB .fslide.fixed .innwrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.innov_cont.missionB .fslide .innwrap {
  position: relative;
  height: 100%;
  min-height: 100%;
}

.innov_cont.missionB .fslide .innwrap .img img {
  width: 100%;
}

.innov_cont.missionB .fslide .innwrap .disc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: -1px;
  width: 100%;
  padding: 0 2rem;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  line-height: 4.8rem;
  font-size: 2.8rem;
  line-height: 4.4rem;
  z-index: 10;
  word-break: keep-all;
}

.innov_cont.missionB .fslide .innwrap .disc .ti {
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
}

.innov_cont.missionB .fslide .innwrap .disc .tx {
  word-break: keep-all;
  font-weight: normal;
}

.innov_cont.missionB .fslide .innwrap .disc .stx {
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 2.8rem;
  word-break: keep-all;
  font-weight: normal;
}

.innov_cont.missionB .fslide .innwrap .disc .hid {
  opacity: 0;
  -webkit-transform: translate3d(0, 80px, 0);
  -moz-transform: translate3d(0, 80px, 0);
  -o-transform: translate3d(0, 80px, 0);
  -ms-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 80px, 0);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.innov_cont.missionB .fslide .innwrap .disc .hid.stx {
  -webkit-transform: translate3d(0, 180px, 0);
  -moz-transform: translate3d(0, 180px, 0);
  -o-transform: translate3d(0, 180px, 0);
  -ms-transform: translate3d(0, 180px, 0);
  transform: translate3d(0, 180px, 0);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.innov_cont.missionB .fslide .innwrap .disc .hid.now {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.innov_cont.missionB .fslide .innwrap .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.innov_cont.missionB .fslide .mask_top {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  height: 50vh;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

.innov_cont.missionB .fslide .mask_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  height: 50vh;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

.innov_cont.missionB .fslide .mask_top.show, .innov_cont.missionB .fslide .mask_btm.show {
  height: 0vh;
}

.innov_cont.missionB .fslide.fslide2 .innwrap {
  position: relative;
  width: 100%;
}

.innov_cont.missionB .fslide.fslide2 .innwrap .mask_line {
  position: absolute;
  left: calc(50% - 14.5px);
  width: 29px;
  height: 0;
  background: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/fslide2_line.png") no-repeat left center;
  background-size: 100% 100%;
  z-index: 3;
  -webkit-transition: 0.7s ease;
  -moz-transition: 0.7s ease;
  -o-transition: 0.7s ease;
  transition: 0.7s ease;
}

.innov_cont.missionB .fslide.fslide2 .innwrap .deg {
  position: absolute;
  top: 0;
  left: 0;
  width: 936px;
  height: 152px;
  font-size: 0;
  visibility: visible;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/miss_deg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  -webkit-transition: 2s ease-in-out;
  -moz-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  z-index: 3;
}

.innov_cont.missionB .fslide.fslide2 .innwrap .deg.deg1 {
  margin-left: 150%;
  top: 10%;
}

.innov_cont.missionB .fslide.fslide2 .innwrap .deg.deg2 {
  margin-left: 200%;
  top: 40%;
  -webkit-transition: 3s ease-in-out;
  -moz-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out;
}

.innov_cont.missionB .fslide.fslide2 .innwrap .deg.deg3 {
  margin-left: 120%;
  top: 70%;
}

.innov_cont.missionB .fslide.fslide2.is-active .innwrap .mask_line {
  height: 100%;
}

.innov_cont.missionB .fslide.fslide2.is-active .innwrap .deg.deg1 {
  margin-left: -300%;
}

.innov_cont.missionB .fslide.fslide2.is-active .innwrap .deg.deg2 {
  margin-left: -300%;
}

.innov_cont.missionB .fslide.fslide2.is-active .innwrap .deg.deg3 {
  margin-left: -300%;
}

.innov_cont.missionB .fslide.fslide3 .innwrap .video video {
  z-index: 3;
}

.innov_cont.missionB .fslide.fslide3 .innwrap .disc .tx {
  text-align: left;
}

.innov_cont.missionB .fslide.fslide4, .innov_cont.missionB .fslide.fslide5 {
  height: 70vh;
}

.innov_cont.missionB .fslide.fslide4 .innwrap, .innov_cont.missionB .fslide.fslide5 .innwrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.innov_cont.missionB .fslide.fslide8, .innov_cont.missionB .fslide.fslide9, .innov_cont.missionB .fslide.fslide10, .innov_cont.missionB .fslide.fslide12, .innov_cont.missionB .fslide.fslide13, .innov_cont.missionB .fslide.fslide14, .innov_cont.missionB .fslide.fslide16, .innov_cont.missionB .fslide.fslide17, .innov_cont.missionB .fslide.fslide18, .innov_cont.missionB .fslide.fslide20, .innov_cont.missionB .fslide.fslide21, .innov_cont.missionB .fslide.fslide22, .innov_cont.missionB .fslide.fslide24, .innov_cont.missionB .fslide.fslide25, .innov_cont.missionB .fslide.fslide26, .innov_cont.missionB .fslide.fslide27, .innov_cont.missionB .fslide.fslide28, .innov_cont.missionB .fslide.fslide29, .innov_cont.missionB .fslide.fslide30 {
  background-color: transparent;
}

.innov_cont.missionB .fslide.fslide16 .innwrap .disc .hid, .innov_cont.missionB .fslide.fslide26 .innwrap .disc .hid {
  height: 0;
}

.innov_cont.missionB .fslide.fslide16 .innwrap .disc .hid.now, .innov_cont.missionB .fslide.fslide26 .innwrap .disc .hid.now {
  height: auto;
}

.innov_cont.missionB .fslide.fslide23 .innwrap .disc, .innov_cont.missionB .fslide.fslide24 .innwrap .disc {
  text-align: left;
  font-size: 2.0rem;
  line-height: 4.8rem;
}

.innov_cont.missionB .fslide.fslide30 .innwrap .video {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 55%;
  overflow: hidden;
}

.innov_cont.missionB .fslide.fslide30 .innwrap .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate(0, 0);
}

.innov_cont.missionB .fslide.fslide31 .innwrap {
  width: 100%;
  background: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/m_innobg16.jpg") no-repeat center top;
  background-size: cover;
}

.innov_cont.missionB .fslide.fslide31 .innwrap .disc {
  width: 100%;
  min-height: 600px;
  padding: 8rem 2rem;
  margin: 2rem 0;
  color: #fff;
  text-align: left;
}

.innov_cont.missionB .fslide.fslide31 .innwrap .disc .ti {
  font-size: 2.8rem;
  margin-bottom: 2.4rem;
  text-align: center;
}

.innov_cont.missionB .fslide.fslide31 .list li {
  float: left;
  position: relative;
  width: calc(50% - 2px);
  margin: 0 1px 32px;
  line-height: 2rem;
}

.innov_cont.missionB .fslide.fslide31 .list li .thumb {
  margin-bottom: 12px;
}

.innov_cont.missionB .fslide.fslide31 .list li .tit {
  font-size: 1.4rem;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innov_cont.missionB .fslide.fslide31 .list li:nth-child(2n-1) {
  clear: left;
}

.innov_cont.missionB .circ-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  /* Effect */
}

.innov_cont.missionB .circ-wrap .circ-icon {
  display: inline-block;
  font-size: 0px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.innov_cont.missionB .circ-wrap .circ-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.innov_cont.missionB .circ-wrap.circ-effect .circ-icon {
  background: rgba(255, 255, 255, 0);
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
}

.innov_cont.missionB .circ-wrap.circ-effect .circ-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.8);
}

.innov_cont.missionB .circ-wrap.circ-effect .circ-icon.show {
  background: rgba(255, 255, 255, 0);
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff;
}

.innov_cont.missionB .circ-wrap.circ-effect .circ-icon.show:after {
  -webkit-animation: circEffect 1.3s ease-out 75ms infinite;
  -moz-animation: circEffect 1.3s ease-out 75ms infinite;
  animation: circEffect 1.5s ease-out 95ms infinite;
}

.innov_cont.missionB .circ-wrap.circ-effect .circ-icon.type2.show:after {
  -webkit-animation: circEffect2 1.3s ease-out 75ms infinite;
  -moz-animation: circEffect2 1.3s ease-out 75ms infinite;
  animation: circEffect2 1.5s ease-out 95ms infinite;
}

@-webkit-keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-transform: scale(1.1);
    opacity: 0;
  }
}

@keyframes circEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 40px 40px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 25px 25px #2e2e2e, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
    opacity: 0;
  }
}

@keyframes circEffect2 {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 40px 40px #0636D3, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5), 0 0 25px 25px #0636D3, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
    opacity: 0;
  }
}

.innov_cont.missionB .is-active .circ-wrap {
  opacity: 1;
}

/******
**** culture
******/
.culture_cont .culture_tab .tablist li.p_bullet.bullet_active .tab {
  color: #000;
}

.culture_cont .fslide {
  position: relative;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 3;
  word-break: keep-all;
}

.culture_cont .fslide .bcg, .leader_cont .fslide .bcg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.culture_cont .fslide .row, .leader_cont .fslide .row {
  max-width: 1440px;
  overflow: hidden;
}

.culture_cont .fslide .row .col, .leader_cont .fslide .row .col {
  position: relative;
  width: calc(100% - 4rem);
  margin: 0 auto;
}

.culture_cont .fslide .row .col.disc, .leader_cont .fslide .row .col.disc {
  padding: 4rem 0 0;
}

.culture_cont .fslide .row .col.disc .cate, .leader_cont .fslide .row .col.disc .cate {
  padding-bottom: 16px;
  font-size: 1.2rem;
  line-height: 2.67;
}

.culture_cont .fslide .row .col.disc .cate:after, .leader_cont .fslide .row .col.disc .cate:after {
  content: '';
  display: inline-block;
  width: 80px;
  height: 2px;
  margin-left: 5px;
  background-color: #000;
  vertical-align: middle;
}

.culture_cont .fslide .row .col.disc .ti, .leader_cont .fslide .row .col.disc .ti {
  padding-bottom: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.33;
  word-break: keep-all;
}

.culture_cont .fslide .row .col.disc .ti strong, .leader_cont .fslide .row .col.disc .ti strong {
  display: block;
}

.culture_cont .fslide .row .col.disc .tx, .leader_cont .fslide .row .col.disc .tx {
  padding-bottom: 20px;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.71;
  word-break: keep-all;
}

.culture_cont .fslide .row .col.disc .pic, .leader_cont .fslide .row .col.disc .pic {
  padding-bottom: 24px;
  margin-right: -2rem;
}

@media (max-width: 1280px) {
  .culture_cont .fslide .row {
    max-width: 1240px;
  }
}

.culture_cont .fslide1{width:100%;height:100%;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_01.jpg");background-repeat:no-repeat;background-position:70% 60%;background-size:cover}
.culture_cont .fslide1 .disc {
  position: absolute;
  top: 50%;
  width: 100%;
  min-height: 200px;
  margin-top: -100px;
  text-align: center;
}

.culture_cont .fslide1 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 2.8rem;
  line-height: 2;
  color: #fff;
}

.culture_cont .fslide1 .disc span {
  display: block;
  width: calc(100% - 8rem);
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.29;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
}

.culture_cont .fslide2 {
  height: 100vh;
  min-height: 100%;
}

.culture_cont .fslide2 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_02.jpg");
  background-position: center center;
}

.culture_cont .fslide2 .disc {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

.culture_cont .fslide2 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: normal;
  text-align: center;
  letter-spacing: -1px;
  color: #fff;
}

.culture_cont .fslide3 .innwrap {
  width: 100%;
  margin: 0 auto;
  padding: 5.6rem 0 4.6rem;
}

.culture_cont .fslide3 .innwrap .ctab {
  position: relative;
  float: left;
  width: 33.33%;
  min-height: 152px;
  text-align: center;
}

.culture_cont .fslide3 .innwrap .ctab .txt {
  font-size: 1.2rem;
  line-height: 1.5;
}

.culture_cont .fslide3 .innwrap .ctab .fig {
  width: 96px;
  height: 96px;
  margin: 0 auto 1.6rem;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_01.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.culture_cont .fslide3 .innwrap .ctab01 .fig {background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_01.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover}
.culture_cont .fslide3 .innwrap .ctab02 .fig {background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_02.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover}
.culture_cont .fslide3 .innwrap .ctab03 .fig {background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_03.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover}

.culture_cont .fslide4 {
  height: 100% !important;
  min-height: 100%;
  z-index: 2;
}

.culture_cont .fslide4 .bcg {
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_03.jpg");
  background-position: center center;
}

.culture_cont .fslide4 .fig {
  position: absolute;
  top: 12rem;
  left: 50%;
  width: 260px;
  height: 260px;
  margin: 0 auto;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_fig01.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  -ms-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  transform: translate(-50%, 0) scale3d(0.6, 0.6, 0.6);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.culture_cont .fslide4 .disc {
  position: relative;
  width: 100%;
  height: 320px;
  text-align: center;
}

.culture_cont .fslide4 .disc p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-top: 18rem;
  font-size: 2.4rem;
  line-height: 1.33;
  color: #fff;
}

.culture_cont .fslide4 .disc span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6rem);
  padding-top: 6rem;
  display: block;
  font-size: 1.4rem;
  line-height: 1.71;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
  text-align: left;
}

.culture_cont .fslide4.is-active .fig {
  transform: translate(-50%, 0) scale3d(1.3, 1.3, 1.3);
}

.culture_cont .fslide15{padding-bottom:40px;background:#f4f4f5}
.culture_cont .fslide15 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_15.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide5 {
  padding-bottom: 40px;
}

.culture_cont .fslide5 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_04.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide6 {
  height: 100% !important;
  min-height: 100%;
  z-index: 2;
}

.culture_cont .fslide6 .bcg {
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_05.jpg");
  background-position: center center;
}

.culture_cont .fslide6 .fig {
  position: absolute;
  top: 12rem;
  left: 50%;
  width: 260px;
  height: 260px;
  margin: 0 auto;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_fig03.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  -ms-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  transform: translate(-50%, 0) scale3d(0.6, 0.6, 0.6);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.culture_cont .fslide6 .disc {
  position: relative;
  width: 100%;
  height: 320px;
  text-align: center;
}

.culture_cont .fslide6 .disc p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-top: 18rem;
  font-size: 2.4rem;
  line-height: 1.33;
  color: #fff;
}

.culture_cont .fslide6 .disc span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6rem);
  padding-top: 6rem;
  display: block;
  font-size: 1.4rem;
  line-height: 1.71;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
  text-align: left;
}

.culture_cont .fslide6.is-active .fig {
  transform: translate(-50%, 0) scale3d(1.3, 1.3, 1.3);
}

.culture_cont .fslide7 {
  padding-bottom: 20px;
}

.culture_cont .fslide7 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_06.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide8 {
  padding-bottom: 20px;
}

.culture_cont .fslide8 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_07.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide9 {
  padding-bottom: 20px;
}

.culture_cont .fslide9 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_08.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide10 {
  padding-bottom: 20px;
}

.culture_cont .fslide14 {
  padding-bottom: 60px;
}

.culture_cont .fslide10 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_09.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide11 {
  height: 100% !important;
  min-height: 100%;
  z-index: 2;
}

.culture_cont .fslide11 .bcg {
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_05.jpg");
  background-position: center center;
}

.culture_cont .fslide11 .fig {
  position: absolute;
  top: 12rem;
  left: 50%;
  width: 260px;
  height: 260px;
  margin: 0 auto;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_06_fig.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  -ms-transform: translate(-50%, -50%) scale3d(0.6, 0.6, 0.6);
  transform: translate(-50%, 0) scale3d(0.6, 0.6, 0.6);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.culture_cont .fslide11 .disc {
  position: relative;
  width: 100%;
  height: 320px;
  text-align: center;
}

.culture_cont .fslide11 .disc p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-top: 18rem;
  font-size: 2.4rem;
  line-height: 1.33;
  color: #fff;
}

.culture_cont .fslide11 .disc span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6rem);
  padding-top: 6rem;
  display: block;
  font-size: 1.4rem;
  line-height: 1.71;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
  text-align: left;
}

.culture_cont .fslide11.is-active .fig {
  transform: translate(-50%, 0) scale3d(1.3, 1.3, 1.3);
}

.culture_cont .fslide12 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_10.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide13 {
  padding-bottom: 60px;
}

.culture_cont .fslide13 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_11.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.culture_cont .fslide16 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/culture_16.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


.culture_cont .fslide17 {
	margin-top:60px;
	margin-bottom:32px;
}

.culture_cont .fslide17 .col {
	border-top:1px solid rgba(0,0,0,0.15);
}

.culture_cont .fslide17 .tit_wrap {
	display:flex;
	align-items:center;
	margin-bottom:24px;
}
.culture_cont .fslide17 h2.tit {
	font-size:18px;
	font-weight:600;
	letter-spacing:-0.01em;
}

.culture_cont .fslide17 .swiper-pagination {
	width:auto;
	position:relative;
	bottom:inherit;
	font-size:14px;
	font-weight:500;
	color:rgba(0,0,0,0.36);
	margin-left:10px;
}

.culture_cont .fslide17 .swiper-pagination .swiper-pagination-current {
	color:#000;
}

.culture_cont .fslide17 .img_box {
	width:100%; 
	height:27.5rem; 
	background:#efefef; 
	margin-bottom:16px;
}

.culture_cont .fslide17 .img_box img {
	width:100%; 
	height:100%; 
	object-fit:cover;
}

.culture_cont .fslide17 .btns_wrap {
	display:flex; 
	align-items:center; 
	gap:10px;
	margin-left:auto;
}

.culture_cont .fslide17 .swiper-button-prev {
	width:46px; 
	height:46px; 
	border-radius:50%; 
	background:rgba(0,0,0,0.06) url('https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/slide_arrow.png') no-repeat center; 
	background-size:20px;
	position:relative; 
	top:0;
	left:inherit; 
	right:inherit; 
	margin-top:0; 
}

.culture_cont .fslide17 .swiper-button-next {
	width:46px; 
	height:46px; 
	border-radius:50%; 
	background:rgba(0,0,0,0.06) url('https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/slide_arrow.png') no-repeat center; 
	background-size:20px;
	transform:rotate(180deg);
	position:relative; 
	top:0;
	left:inherit; 
	right:inherit; 
	margin-top:0; 
}

.culture_cont .fslide17 .swiper-button-prev::after,
.culture_cont .fslide17 .swiper-button-next::after {
	display:none;
}

.culture_cont .fslide17 .slide_tit {
	font-size:16px; 
	font-weight:500; 
	letter-spacing:-0.035em; 
	line-height:26px; 
	color:#010101; 
	margin-bottom:10px;
}

.culture_cont .fslide17 .date {
	font-size:11px; 
	font-weight:400; 
	letter-spacing:-0.005em; 
	line-height:16px; 
	color:#666;
}

@-webkit-keyframes spinr {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spinr {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes spinr {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/******
**** csr
******/
.csr_cont .fslide {
  position: relative;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 3;
}

.csr_cont .fslide .animate {
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}

.csr_cont .fslide .animate.slideToRight1 {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.csr_cont .fslide .animate.slideToRight2 {
  -webkit-transform: translate3d(170%, 0, 0);
  -moz-transform: translate3d(170%, 0, 0);
  -o-transform: translate3d(170%, 0, 0);
  -ms-transform: translate3d(170%, 0, 0);
  transform: translate3d(170%, 0, 0);
}

.csr_cont .fslide .animate.slideToRight3 {
  -webkit-transform: translate3d(220%, 0, 0);
  -moz-transform: translate3d(220%, 0, 0);
  -o-transform: translate3d(220%, 0, 0);
  -ms-transform: translate3d(220%, 0, 0);
  transform: translate3d(220%, 0, 0);
}

.csr_cont .fslide .animate.slideToRight4 {
  -webkit-transform: translate3d(270%, 0, 0);
  -moz-transform: translate3d(270%, 0, 0);
  -o-transform: translate3d(270%, 0, 0);
  -ms-transform: translate3d(270%, 0, 0);
  transform: translate3d(270%, 0, 0);
}

.csr_cont .fslide.is-active .animate.slideToRight1, .csr_cont .fslide.is-active .animate.slideToRight2, .csr_cont .fslide.is-active .animate.slideToRight3, .csr_cont .fslide.is-active .animate.slideToRight4 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.csr_cont .fslide .row {
  margin: 0 2rem;
}

.csr_cont .fslide .bcg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.csr_cont .fslide .tables {
  margin-bottom: 4rem;
}

.csr_cont .fslide .tables > dt {
  position: relative;
  width: 100%;
  padding-bottom: 2rem;
  text-align: center;
}

.csr_cont .fslide .tables > dt > p {
  display: block;
  font-size: 1.6rem;
  line-height: 1.7;
}

.csr_cont .fslide .tables > dd {
  position: relative;
  width: 100%;
}

.csr_cont .fslide .tables > dd > p {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: normal;
  word-break: keep-all;
}

.csr_cont .subtit {
  width: 100%;
  margin-bottom: 4rem;
}

.csr_cont .subtit > h2 {
  padding-bottom: 1rem;
  font-size: 2.0rem;
}

.csr_cont .subtit > p {
  font-size: 1.2rem;
  line-height: 2;
  font-weight: normal;
}

.csr_cont .inner {
  width: 100%;
}

.csr_cont .fslide1 {
  height: 100%;
  min-height: 560px;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_01.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.csr_cont .fslide1 .disc {
  position: absolute;
  top: 50%;
  width: 100%;
  min-height: 200px;
  margin-top: -100px;
  text-align: center;
}

.csr_cont .fslide1 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 2.8rem;
  color: #fff;
}

.csr_cont .fslide1 .disc span {
  display: block;
  width: calc(100% - 8rem);
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.29;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
}

.csr_cont .fslide1 .disc span.abbr {
  margin-top: .8rem;
  font-size: 1.8rem;
}

.csr_cont .fslide2 {
  min-height: 780px;
  z-index: 2;
}

.csr_cont .fslide2 .bcg {
  width: 100%;
  height: 100%;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_02.jpg");
  background-position: center center;
}

.csr_cont .fslide2 .boxing {
  position: relative;
  width: 100%;
  height: 300px;
  margin: 0 auto;
}

.csr_cont .fslide2 .boxing .side {
  position: absolute;
  top: 24px;
}

.csr_cont .fslide2 .boxing .side.left {
  left: 0;
}

.csr_cont .fslide2 .boxing .side.right {
  right: 0;
}

.csr_cont .fslide2 .boxing li {
  margin-bottom: 16px;
}

.csr_cont .fslide2 .boxing li > p {
  position: relative;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255, 255, 255, .4);
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.45;
}

.csr_cont .fslide2 .boxing li > p > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.csr_cont .fslide2 .boxing .penta {
  position: absolute;
  top: 4.9rem;
  left: 50%;
  width: 220px;
  height: 220px;
  margin-left: -110px;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_type02.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  -webkit-transform: scale3d(0.6, 0.6, 0.6);
  -ms-transform: scale3d(0.6, 0.6, 0.6);
  transform: scale3d(0.6, 0.6, 0.6);
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.csr_cont .fslide2 .boxing .penta > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: normal;
}

.csr_cont .fslide2 .boxing.box02 {
  max-width: 260px;
  margin: 0 auto;
}

.csr_cont .fslide2.is-active .penta {
  transform: scale3d(1, 1, 1);
}

.csr_cont .fslide3 .innwrap {
  max-width: inherit;
  min-height: auto;
  padding: 48px 0 28px;
}

.csr_cont .fslide3 .tables {
  margin-bottom: 4rem;
}

.csr_cont .fslide3 .tables > dt {
  text-align: center;
}

.csr_cont .fslide3 .tables > dt > p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.csr_cont .fslide3 .tables > dt.penta {
  width: 200px;
  height: 200px;
  margin: 0 auto 2rem;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_type03.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.csr_cont .fslide4 {
  color: #fff;
}

.csr_cont .fslide4 .subtit {
  margin-top: 4rem;
}

.csr_cont .fslide4 .innwrap {
  max-width: inherit;
  min-height: auto;
  padding: 48px 0 28px;
}

.csr_cont .fslide4 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_03.jpg");
  background-position: center center;
  background-size: cover;
}

.csr_cont .fslide4 .tables > dt {
  text-align: center;
}

.csr_cont .fslide4 .tables > dt > p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.csr_cont .fslide4 .tables > dt.penta {
  width: 200px;
  height: 200px;
  margin: 0 auto 15px;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/circle_type02.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.csr_cont .fslide5, .csr_cont .fslide11 {
  height: 100%;
  padding: 48px 0;
}

.csr_cont .fslide5 .inner > h3, .csr_cont .fslide11 .inner > h3 {
  padding-bottom: 4rem;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.33;
}

.csr_cont .fslide5 .inner .tables > dt, .csr_cont .fslide11 .inner .tables > dt {
  padding-bottom: 0;
  font-size: 1.6rem;
  text-align: left;
}

.csr_cont .fslide5 .inner .tables > dd > p, .csr_cont .fslide11 .inner .tables > dd > p {
  font-weight: normal;
  line-height: 1.4;
  word-break: keep-all;
}

.csr_cont .fslide5 .tables > dt, .csr_cont .fslide5 .tables dd {
  padding-left: 85px;
}

.csr_cont .fslide5 .tables > dt {
  padding-bottom: 8px;
  line-height: 1.6;
}

.csr_cont .fslide5 .tables i {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}

.csr_cont .fslide5 .tables .ico01 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: 0 -840.45px;
}

.csr_cont .fslide5 .tables .ico02 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -62.4px -842.4px;
}

.csr_cont .fslide5 .tables .ico03 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -124.8px -842.4px;
}

.csr_cont .fslide5 .tables .ico04 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -187.2px -842.4px;
}

.csr_cont .fslide5 .tables .ico05 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -249.6px -842.4px;
}

.csr_cont .fslide5 .tables .ico06 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -312px -842.4px;
}

.csr_cont .fslide11 .inner .tables > dt {
  padding-bottom: .8rem;
}

.csr_cont .fslide11 .inner .tables > dt .ico01 {
  display: block;
  padding-bottom: 40px;
}

.csr_cont .fslide11 .inner .tables > dd > p {
  padding-bottom: 40px;
  font-weight: normal;
}

.csr_cont .fslide11 .inner .tables > dd > ul > li {
  position: relative;
  padding-left: 10px;
  padding-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.71;
}

.csr_cont .fslide11 .inner .tables > dd > ul > li:before {
  content: '-';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
}

.csr_cont .fslide11 .inner .tables i {
  display: block;
  width: 205px;
  height: 70px;
  margin-bottom: 40px;
  font-size: 0;
  text-indent: -9999px;
}

.csr_cont .fslide11 .inner .tables .logo01 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: 0 -1488px;
}

.csr_cont .fslide11 .inner .tables .logo02 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -240px -1488px;
}

.csr_cont .fslide6 {
  height: 100%;
  padding: 48px 0;
  color: #fff;
}

.csr_cont .fslide6 .subtit {
  margin-top: 4rem;
}

.csr_cont .fslide6 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_04.jpg");
  background-position: center center;
}

.csr_cont .fslide6 .tables > dt {
  padding-bottom: .8rem;
  text-align: left;
}

.csr_cont .fslide6 .tables > dt .img {
  padding-bottom: 2rem;
}

.csr_cont .fslide6 .tables:last-child {
  margin-right: 0;
}

.csr_cont .fslide7 {
  padding: 48px 0;
}

.csr_cont .fslide7 .tables > dt, .csr_cont .fslide7 .tables dd {
  padding-left: 85px;
}

.csr_cont .fslide7 .tables > dt {
  text-align: left;
  padding-bottom: 8px;
  line-height: 1.6;
}

.csr_cont .fslide7 .tables > dt .img {
  padding-bottom: 40px;
}

.csr_cont .fslide7 .tables > dt > p {
  display: inline-block;
  vertical-align: middle;
}

.csr_cont .fslide7 .tables i {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}

.csr_cont .fslide7 .tables .ico01 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -374.4px -842.4px;
}

.csr_cont .fslide7 .tables .ico02 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -436.8px -842.4px;
}

.csr_cont .fslide7 .tables .ico03 {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 624px auto;
  background-repeat: no-repeat;
  background-position: -499.2px -842.4px;
}

.csr_cont .fslide7 .tables:last-child {
  margin-right: 0;
}

.csr_cont .fslide8, .csr_cont .fslide10 {
  padding: 48px 0 80px;
  color: #fff;
}

.csr_cont .fslide8 .subtit, .csr_cont .fslide10 .subtit {
  padding-top: 4rem;
}

.csr_cont .fslide8 .bcg, .csr_cont .fslide10 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_05.jpg");
  background-position: center center;
}

.csr_cont .fslide8 .tables > dt, .csr_cont .fslide10 .tables > dt {
  padding-bottom: .8rem;
  text-align: left;
  line-height: 1.6;
}

.csr_cont .fslide8 .tables > dd, .csr_cont .fslide10 .tables > dd {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.71;
  font-weight: normal;
}

.csr_cont .fslide10 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_06.jpg");
  background-position: center center;
}

.csr_cont .fslide10 .inner i {
  display: block;
  width: 105px;
  height: 21px;
  font-size: 0;
  text-indent: -9999px;
}

.csr_cont .fslide10 .inner .logo {
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: 0 -1392px;
}

.csr_cont .fslide10 .btn_group i {
  min-width: 30px;
}

.csr_cont .fslide9 {
  padding: 48px 0;
}

.csr_cont .fslide9 .row {
  margin: 0 auto;
  padding: 0 2rem;
}

.csr_cont .fslide9 .row .subtit {
  margin-bottom: 3rem;
}

.csr_cont .fslide9 .row .inner {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.csr_cont .fslide9 .row .inner .img {
  min-width: 480px;
}

.csr_cont .fslide9 .row .inner .ico_scroll {
  margin-top: 0;
}

/******
**** career
******/
.career_cont .qna {
  color: #fff;
}

.career_cont .qna .question:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 768px auto;
  background-repeat: no-repeat;
  background-position: -190.4px -302.4px;
}

.career_cont .qna .answer:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 768px auto;
  background-repeat: no-repeat;
  background-position: -230.4px -302.4px;
}

.career_cont .qna .question, .career_cont .qna .answer {
  font-size: 1.8rem;
  line-height: 1.33;
  padding-top: 4.6rem;
}

.career_cont .qna dt, .career_cont .qna dd {
  position: relative;
  padding-top: 1.6rem;
}

.career_cont .qna dt:before, .career_cont .qna dd:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 40px;
}

.career_cont .qna dd {
  font-size: 1.4rem;
  line-height: 1.86;
  font-weight: normal;
}

.career_cont .qna dd:first-of-type {
  margin: 1.6rem 0;
}

.career_cont .writer {
  position: absolute;
  bottom: 8rem;
  right:250px;
  line-height: 1.7;
  color: #fff;
  z-index: 1;
}

.career_cont .writer span {
  font-weight: normal;
  display: block;
}

.career_cont .writer span:after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 1px;
  margin-left: 0.8rem;
  background-color: #fff;
  vertical-align: middle;
}

.career_cont .fslide {
  position: relative;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 3;
}

.career_cont .fslide .bcg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.career_cont .fslide .row {
  max-width: 1440px;
  overflow: hidden;
}

.career_cont .fslide .row .col {
  position: relative;
  width: calc(100% - 4rem);
  margin: 0 auto;
}

.career_cont .fslide .row .col.disc {
  padding: 4.8rem 0 0;
}

.career_cont .fslide .row .col.disc .ti {
  padding-bottom: 32px;
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1.33;
  word-break: keep-all;
}

.career_cont .fslide .row .col.disc .ti strong {
  display: block;
}

.career_cont .fslide .row .col.disc .tx {
  padding-bottom: 20px;
  font-weight: normal;
  line-height: 2;
  word-break: keep-all;
}

@media (max-width: 1280px) {
  .career_cont .fslide .row {
    max-width: 1240px;
  }
}

.career_cont .fslide1{width:100%;height:100vh;min-height:100%}
.career_cont .fslide1 .swiper-container.intro_swipe{overflow:visible;background-color:#000}
.career_cont .fslide1 .swiper-container.intro_swipe .swiper-wrapper{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100vh;min-height:100%}
.career_cont .fslide1 .swiper-container.intro_swipe .swiper-wrapper .swiper-slide{display:table;min-height:100%;overflow: hidden}
.career_cont .fslide1 .video{width:100%;width:100vw;height:100%;height:100vh}
.career_cont .fslide1 .video:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.3} /* 20191016 : gnb opacity */
.career_cont .fslide1 .video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);z-index:-1}
.career_cont .fslide1 .disc{position:absolute;top:50%;width:100%;min-height:200px;margin-top:-100px;text-align:center;z-index:10}

.career_cont .fslide1 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 2.8rem;
  color: #fff;
}

.career_cont .fslide1 .disc span {
  display: block;
  width: calc(100% - 8rem);
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.29;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
}

.career_cont .fslide2, .career_cont .fslide7, .career_cont .fslide10 {
  text-align: center;
  height: 100vh;
  min-height: 100%;
}

.career_cont .fslide2 .bcg, .career_cont .fslide7 .bcg, .career_cont .fslide10 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_02.jpg");
  background-position: center center;
}

.career_cont .fslide2 .disc, .career_cont .fslide7 .disc, .career_cont .fslide10 .disc {
  position: absolute;
  top: 50%;
  width: 100%;
  min-height: 190px;
  margin-top: -95px;
}

.career_cont .fslide2 .disc p, .career_cont .fslide7 .disc p, .career_cont .fslide10 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: -1px;
  color: #fff;
  word-break: keep-all;
}

.career_cont .fslide2 .disc span, .career_cont .fslide7 .disc span, .career_cont .fslide10 .disc span {
  display: block;
  margin-bottom: 1.6rem;
  color: #fff;
}

.career_cont .fslide3 .pic, .career_cont .fslide4 .pic, .career_cont .fslide5 .pic, .career_cont .fslide6 .pic, .career_cont .fslide8 .pic {text-align:right;margin: 0 -2rem}
.career_cont .fslide3 .pic img, .career_cont .fslide4 .pic img, .career_cont .fslide5 .pic img, .career_cont .fslide6 .pic img, .career_cont .fslide8 .pic img{width:360px}

.career_cont .fslide3, .career_cont .fslide5, .career_cont .fslide8 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_mbg_01.jpg");
}

.career_cont .fslide3 .qna, .career_cont .fslide3 .writer, .career_cont .fslide5 .qna, .career_cont .fslide5 .writer, .career_cont .fslide8 .qna, .career_cont .fslide8 .writer {
  color: #000;
}

.career_cont .fslide3 .writer span:after, .career_cont .fslide5 .writer span:after, .career_cont .fslide8 .writer span:after {
  background-color: #000;
}

.career_cont .fslide3 .question:before, .career_cont .fslide5 .question:before, .career_cont .fslide8 .question:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 768px auto;
  background-repeat: no-repeat;
  background-position: -115.2px -302.4px;
}

.career_cont .fslide3 .answer:before, .career_cont .fslide5 .answer:before, .career_cont .fslide8 .answer:before {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 768px auto;
  background-repeat: no-repeat;
  background-position: -153.6px -302.4px;
}

.career_cont .fslide4 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_mbg_02.jpg");
}

.career_cont .fslide5 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_mbg_03.jpg");
}

.career_cont .fslide6 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_mbg_04.jpg");
}

.career_cont .fslide7 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_07.jpg");
}

.career_cont .fslide8 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_mbg_05.jpg");
}

.career_cont .fslide9 .graph {
  margin: 8rem auto;
  max-width: 500px;
}

.career_cont .fslide9 .pic img {
  max-width: 100%;
  width: auto;
}

.career_cont .fslide9 p {
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
}

.career_cont .fslide10 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_10.jpg");
}

.career_cont .fslide11 .row, .career_cont .fslide12 .row, .career_cont .fslide13 .row {
  margin: 8rem 2rem 0;
}

.career_cont .fslide11 .innwrap .col_2h, .career_cont .fslide12 .innwrap .col_2h, .career_cont .fslide13 .innwrap .col_2h {
  color: #000;
}

.career_cont .fslide11 .innwrap .col_2h .ti, .career_cont .fslide12 .innwrap .col_2h .ti, .career_cont .fslide13 .innwrap .col_2h .ti {
  font-size: 2.0rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 3.2rem 0 1.6rem;
}

.career_cont .fslide11 .innwrap .col_2h .tx, .career_cont .fslide12 .innwrap .col_2h .tx, .career_cont .fslide13 .innwrap .col_2h .tx {
  font-size: 1.4rem;
  line-height: 1.71;
  font-weight: normal;
  letter-spacing: -.05rem;
}

.career_cont .fslide11 .innwrap .col_2h img, .career_cont .fslide12 .innwrap .col_2h img, .career_cont .fslide13 .innwrap .col_2h img {
  width: auto;
}

.career_cont .fslide11 .innwrap .col_2h .ti_logo {
	margin-bottom: 1.6rem
}

.career_cont .fslide13 .row {
  margin-bottom: 8rem;
}

.career_cont .fslide14 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/career_14.jpg");
}

.career_cont .fslide14 .disc {
  padding: 8rem 2rem;
  text-align: center;
  color: #fff;
}

.career_cont .fslide14 .disc em {
  font-size: 2.4rem;
  line-height: 1.6;
  font-style: normal;
  font-weight: normal;
  word-break: keep-all;
}

.career_cont .fslide14 .disc .ti {
  font-size: 2rem;
  line-height: 3.2rem;
}

.career_cont .fslide14 .disc .tx {
  margin-top: .8rem;
  line-height: 1.6;
  letter-spacing: -.05rem;
  font-weight: normal;
}

.career_cont .fslide14 .disc .pic{margin:40px 0 40px -44px}
.career_cont .fslide14 .disc .pic img{width:297px}

.career_cont .fslide14 .disc .btn_group {
  margin-top: 4rem;
}

.career_cont .fslide14 .disc .btn_group [class^="btn_"] {
  width: 16rem;
  font-size: 2rem;
  line-height: 5.6rem;
  border-width: 0;
  padding: 0;
}

/******
**** introduce
******/
/* .introduce_cont{background-color:#eaeaec} */
.introduce_cont .btn_group {
  text-align: right;
  margin: 0.8rem 0 5.6rem;
}

.introduce_cont .btn_group .btn_go {
  font-size: 1.4rem;
}

.introduce_cont .btn_group .btn_go:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -312px -336px;
}

.introduce_cont .download {
  margin: 0 0 8rem;
  padding: 0 2rem;
}

.introduce_cont .download a {
  width: 100%;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: -0.5px;
}

.introduce_cont .fslide {
  position: relative;
  width: 100%;
  /* background-color: #eaeaec; */
  overflow: hidden;
}

.introduce_cont .fslide .bcg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.introduce_cont .fslide .row {
  max-width: 1440px;
  overflow: hidden;
}

.introduce_cont .fslide .row .col {
  position: relative;
  width: calc(100% - 4rem);
  margin: 0 auto;
}

.introduce_cont .fslide .row .col.disc .ti {
  margin-bottom: 10px;
  font-size: 2rem;
  line-height: 1.4;
  word-break: keep-all;
  letter-spacing: -.02rem;
}

.introduce_cont .fslide .row .col.disc .ti strong {
  display: block;
}

.introduce_cont .fslide .row .col.disc .tx {
  padding-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8;
  color: #666;
  word-break: keep-all;
}

.introduce_cont .fslide .row .col.disc .tx strong {
  color: #000;
  font-weight:inherit;
}

.introduce_cont .fslide .row .col.disc .pic {
  padding-bottom: 4.8rem;
  margin: 0 -2rem;
}

@media (max-width: 1280px) {
  .introduce_cont .fslide .row {
    max-width: 1240px;
  }
}

.introduce_cont .fslide1{width:100%;height:100vh;min-height:100%;z-index:3}
.introduce_cont .fslide1 .swiper-container.intro_swipe{overflow:visible;background-color:#000}
.introduce_cont .fslide1 .swiper-container.intro_swipe .swiper-wrapper{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100vh;min-height:100%}
.introduce_cont .fslide1 .swiper-container.intro_swipe .swiper-wrapper .swiper-slide{display:table;min-height:100%;overflow: hidden}
.introduce_cont .fslide1 .video{width:100%;width:100vw;height:100%;height:100vh}
.introduce_cont .fslide1 .video:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.3} /* 20191016 : gnb opacity */
.introduce_cont .fslide1 .video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);z-index:-1}
.introduce_cont .fslide1 .disc{position:absolute;top:50%;width:100%;min-height:100px;margin-top:-50px;text-align:center;z-index:10}

.introduce_cont .fslide1 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  padding-bottom: 0.8rem;
  font-size:32px;
  line-height: 2;
  color: #fff;
}

.introduce_cont .fslide1 .disc span {
  display: block;
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.29;
  font-weight: normal;
  color: #fff;
  word-break: keep-all;
}

.introduce_cont .fslide2 {
  height: 100vh;
  min-height: 100%;
}

.introduce_cont .fslide2 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/introduce_02.jpg");
  background-position: center center;
}

.introduce_cont .fslide2 .disc{position:absolute;top:50%;left:50%;text-align:center;z-index:10;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;text-align:left;}

.introduce_cont .fslide2 .disc p img{width:263px}
.introduce_cont .fslide2 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 2.4rem;
  letter-spacing: -1px;
  color: #fff;
  word-break: keep-all;
  padding-bottom: 2.4rem;
}

.introduce_cont .fslide2 .disc p.sub {
  padding-bottom: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
}

.introduce_cont .fslide2 .disc p:first-of-type {
  /* text-align: center; */
}

.introduce_cont .fslide2 .disc span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: -.05rem;
  width: calc(100% - 4rem);
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
}

.introduce_cont .fslide3 .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/introduce_03.jpg");
}

.introduce_cont .fslide3 .disc {
  padding: 80px 20px 70px;
  color: #000;
  text-align: left;
}

.introduce_cont .fslide3 .disc p {
  width: calc(100% - 4rem);
  margin: 0 auto;
  font-size: 2.4rem;
  letter-spacing: -1px;
  color: #000;
  word-break: keep-all;
  padding-bottom: 2.4rem;
  text-align: center;
}

.introduce_cont .fslide3 .disc span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.71;
  letter-spacing: -.05rem;
  width: 100%;
  margin: 0 auto;
  color: #000;
  font-weight: 300;
}

.introduce_cont .fslide3 .disc .group_logo {
	display:flex;
	flex-direction:column;
	align-items:center;
  margin-top: 4rem;
}

.introduce_cont .fslide3 .disc .group_logo li {
	width:23rem;
  margin-top: 2.4rem;
}

.introduce_cont .fslide3 .disc .group_logo a, .introduce_cont .fslide3 .disc .group_logo span,
.introduce_cont .fslide3 .disc .group_logo .group7:before,
.introduce_cont .fslide3 .disc .group_logo .group9:before {
  width: 227px;
  height: 30px;
  text-indent: -999rem;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite3.png"); /* 20240418 수정 */
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: 0 -1008px;
}

.introduce_cont .fslide3 .disc .group_logo .group1 {
  background-position: -288px -1008px;
}

.introduce_cont .fslide3 .disc .group_logo .group2 {
  background-position: -288px -1056px;
}

.introduce_cont .fslide3 .disc .group_logo .group3{
  background-position: -288px -1104px;
}

.introduce_cont .fslide3 .disc .group_logo .group4{width:229px;background-position:-288px -1152px}

.introduce_cont .fslide3 .disc .group_logo .group5 {
  background-position: -288px -1200px;
}

.introduce_cont .fslide3 .disc .group_logo .group6 {
  background-position: -288px -1248px;
}

.introduce_cont .fslide3 .disc .group_logo .group7:before {content:'';display:block;width:110px;height:61px;margin:0 auto;background-position: -719px -1088px;}
.introduce_cont .fslide3 .disc .group_logo .group8 {width:196px;height:25px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/htg_logo_dong_w.png) no-repeat 0 0;background-size:196px 25px}

.introduce_cont .fslide3 .disc .group_logo .group9:before {content:'';display:block;width:151px;height:50px;margin:0 auto;background-position: -695px -1166px;} /* 20240418 추가 */
.introduce_cont .fslide3 .disc .group_logo .group7,
.introduce_cont .fslide3 .disc .group_logo .group9,
.introduce_cont .fslide3 .disc .group_logo .grouphs a{height:auto;text-indent:-999rem;font-size:0;display:block;vertical-align:middle;background:none;}
.introduce_cont .fslide3 .disc .group_logo .grouphs a:before{content: '';display: block;height: 50px;width: 320px;margin: 0 auto;background: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/htg_logo_hs_w_v2.svg) no-repeat -43px center;}
.introduce_cont .fslide3 .disc .group_logo .group_logo__ms a:before{content: '';display: block;height: 61px;width: 320px;margin: 0 auto;background: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/htg_logo_ms.png) no-repeat -41px center; background-size: 320px;}
.introduce_cont .fslide3 .disc .group_logo .group_logo__pmc a:before{content:'';display:block;height:50px;width:320px;margin:0 auto;background:url("https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/htg_logo_pmc.png") no-repeat -41px center;background-size:320px}


.introduce_cont .fslide4 .ti:before, .introduce_cont .fslide5 .ti:before, .introduce_cont .fslide6 .ti:before, .introduce_cont .fslide7 .ti:before, .introduce_cont .fslide8 .ti:before, .introduce_cont .fslide9 .ti:before, .introduce_cont .fslide_common .ti:before {
  content: '';
  width: 24rem;
  height: 3rem;
  margin-bottom: 2.4rem;
  display: block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_sprite4.png");
  background-size: 960px 1600px;
  background-repeat: no-repeat;
  background-position: -288px -1008px;
}
.introduce_cont .fslide_hs .ti:before {
	content:'';
	display: block;
	margin-bottom: 2.4rem;
	width:128px;
	height:50px;
	background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/htg_logo_hs_w.svg);
	background-size: 128px 50px;
	background-repeat: no-repeat;
}

.introduce_cont .fslide4 .ti:before {
  background-position: -288px -1008px;
}

.introduce_cont .fslide5 .ti:before {
  background-position: -288px -1056px;
}

.introduce_cont .fslide6 .ti:before {
  background-position: -288px -1104px;
}

.introduce_cont .fslide7 .ti:before {
  background-position: -288px -1152px;
}

.introduce_cont .fslide8 .ti:before {
  background-position: -288px -1200px;
}

.introduce_cont .fslide9 .ti:before {width:110px;height:61px;background-position: -719px -1088px}

.introduce_cont #group10 .ti:before {width:151px;height:50px;background-position: -695px -1158px;}

.introduce_cont .fslide__intro {height: 100vh; min-height: 100%; padding: 0 2rem; background: #fff}
.introduce_cont .fslide__intro .innwrap {height: 100%; display: flex; flex-flow: column wrap; justify-content: center;}
.introduce_cont .fslide__intro .innwrap__title img {max-width: 263px;}
.introduce_cont .fslide__intro .innwrap__subtitle {margin: 26px 0 20px; font-size: 16px; font-weight: 500; line-height: 1.5;}
.introduce_cont .fslide__intro .innwrap__contents {font-size: 14px; font-weight: 400; line-height: 1.4;}

.introduce_cont .fslide__stream {height: 100vh; min-height: 100%; color: #fff;}
.introduce_cont .fslide__stream .bcg {background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/mo/content/introduce_stream.jpg);background-position: center center;}
.introduce_cont .fslide__stream .innwrap {padding: 0 2rem; height: 100%; display: flex; flex-flow: column wrap; justify-content: center;}
.introduce_cont .fslide__stream .innwrap__title {display: block; margin-bottom: 2.6rem; font-size: 26px; font-weight: 600; color: #fff;}
.introduce_cont .fslide__stream .innwrap__item {font-size: 14px; font-weight: 400; line-height: 1.4;}
.introduce_cont .fslide__stream .innwrap__item + .innwrap__item {margin-top: 14px;}
.introduce_cont .fslide__stream .innwrap__item__emphasis {display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600;}

/* operation */
.operation .fslide1 .disc{text-align:center;z-index:10}
.operation .fslide1 .innwrap .disc .tx{width:calc(100% - 4rem);margin:0 auto;padding-bottom:5px;font-size:26px !important;line-height:2 !important;color: #fff;font-weight:500 !important}
.operation .fslide1 .innwrap .disc span{display:block;width:calc(100% - 4rem);margin:0 auto;font-size:1.4rem;line-height:24px;font-weight:400;color:#fff;word-break:keep-all}
.operation .fslide1{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation01.jpg) no-repeat 50% 50% !important;background-size:cover !important}
.operation .fslide2{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation02.jpg) no-repeat 50% 50% !important;background-size:cover !important}
.operation .fslide3{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation03.jpg) no-repeat 40% 50% !important;background-size:cover !important}
.operation .fslide4{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation04.jpg) no-repeat 50% 25% !important;background-size:cover !important}
.operation .fslide5{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation05.jpg) no-repeat 50% 50% !important;background-size:cover !important}
.operation .fslide6{background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/operation06.jpg) no-repeat 50% 35% !important;background-size:cover !important}
.operation .fslide6 .innwrap .disc .tx{font-size:20px !important;line-height:32px !important;font-weight:400 !important}


/* leader */
.leader_cont .fslide{position:relative;width:100%;background-color:#fff;overflow:hidden;z-index:3}
.leader_cont .fslide .animate{-webkit-transition:0.7s ease-in-out;-moz-transition:0.7s ease-in-out;-o-transition:0.7s ease-in-out;transition:0.7s ease-in-out}
.leader_cont .fslide .animate.slideToRight1{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
.leader_cont .fslide .animate.slideToRight2{-webkit-transform:translate3d(170%, 0, 0);-moz-transform:translate3d(170%, 0, 0);-o-transform:translate3d(170%, 0, 0);-ms-transform:translate3d(170%, 0, 0);transform:translate3d(170%, 0, 0)}
.leader_cont .fslide .animate.slideToRight3{-webkit-transform:translate3d(220%, 0, 0);-moz-transform:translate3d(220%, 0, 0);-o-transform:translate3d(220%, 0, 0);-ms-transform:translate3d(220%, 0, 0);transform:translate3d(220%, 0, 0)}
.leader_cont .fslide .animate.slideToRight4{-webkit-transform:translate3d(270%, 0, 0);-moz-transform:translate3d(270%, 0, 0);-o-transform:translate3d(270%, 0, 0);-ms-transform:translate3d(270%, 0, 0);transform:translate3d(270%, 0, 0)}
.leader_cont .fslide.is-active .animate.slideToRight1, .leader_cont .fslide.is-active .animate.slideToRight2, .leader_cont .fslide.is-active .animate.slideToRight3, .leader_cont .fslide.is-active .animate.slideToRight4{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.leader_cont .fslide .bcg{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover}
.leader_cont .fslide .row .col.disc .pic{padding-bottom:0}
.leader_cont .inner{width:100%}
.leader_cont .fslide1{height:100%;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/leader_01.jpg");background-repeat:no-repeat;background-position:center 55%;background-size:cover}
.leader_cont .fslide1 .disc{position:absolute;top:50%;width:100%;min-height:100px;margin-top:-50px;text-align:center}
.leader_cont .fslide1 .disc p, .leader_cont .fslide2 .disc p{width:calc(100% - 4rem);margin:0 auto;padding-bottom:20px;font-size:3.2rem;color:#fff}
.leader_cont .fslide1 .disc span, .leader_cont .fslide2 .disc span{display:block;width:calc(100% - 8rem);margin:0 auto;font-size:1.4rem;line-height:1.29;font-weight:400;color:#fff;word-break:keep-all}
.leader_cont .fslide2{position:relative;height:100%;min-height:560px;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/leader_02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover}
.leader_cont .fslide2 .disc{position:absolute;top:50%;left:50%;width:100%;transform: translate(-50%, -50%);text-align:center}
.leader_cont .fslide2 .img{width:320px;height:246px;margin:45px auto 0;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/leader_02_01.png");background-repeat:no-repeat;background-position:center top;background-size:cover}
.leader_cont .fslide3, .leader_cont .fslide4, .leader_cont .fslide5{padding-bottom:40px}
.leader_cont .fslide6{padding-bottom:80px}
.leader_cont .dlType01 dt{font-size:16px;padding:25px 0 15px}
.leader_cont .listType01 li{position:relative;padding-left:8px;font-size:14px;line-height:24px;font-weight:400}
.leader_cont .listType01 li:before{content:'';display:inline-block;position:absolute;left:0;top:10px;width:2px;height:2px;background:#000}

/* governance */
.governance_cont .fslide{position:relative;width:100%;background-color:#f4f4f5;overflow:hidden}
/*.governance_cont .fslide1 .disc{position:absolute;top:50%;width:100%;min-height:100px;margin-top:-50px;text-align:center;z-index:10}*/
.governance_cont .fslide1 .disc{position:absolute;top:50%;left:50%;text-align:center;z-index:10;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}
.governance_cont .fslide1 .disc p{width:calc(100% - 4rem);margin:0 auto;padding-bottom:6px;font-size:26px;line-height:2;color:#fff}
.governance_cont .fslide1 .disc span{display:block;width:calc(100% - 4rem);margin:0 auto;font-size:14px;line-height:22px;font-weight:400;color:#fff;word-break:keep-all}
.governance_cont .fslide1{width:100%;height:100vh;min-height:100%;z-index:3;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/governance_01.jpg) no-repeat center top;background-size:cover}
.governance_cont .fslide2{position:relative;width:100%;height:100vh;min-height:100%;color:#fff;overflow:hidden;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/governance_02.jpg");background-position:center center;background-size:cover}
.governance_cont .fslide2 .disc{position:absolute;left:50%;top:50%;width:calc(100% - 4rem);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.governance_cont .fslide2 .disc p{font-size:20px;text-align:center;margin-bottom:40px}
.governance_cont .fslide2 .disc span{display:block;font-size:14px;line-height:22px;font-weight:400}
.governance_cont .fslide2 .disc span+span{margin-top:30px}
.governance_cont .fslide3{padding:50px 0}
.governance_cont .fslide3 .innwrap, .governance_cont .fslide4 .innwrap{width:calc(100% - 4rem);margin:0 auto}
.governance_cont .fslide3 .btn_group{margin-top:50px}
.governance_cont .fslide3 .btn_group strong{display:block;margin-bottom:25px;font-size:20px}
.governance_cont .fslide3 .img{text-align:center}
.governance_cont .fslide3 .img img{width:320px}
.governance_cont .fslide4{padding:50px 0 85px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/governance_04.jpg) no-repeat center top;background-size:cover}
.governance_cont .fslide4 .tit{display:block;color:#fff;font-size:20px;margin-bottom:25px}
.governance_cont .fslide4 .governList li{position:relative;background:rgba(255, 255, 255, 0.8)}
.governance_cont .fslide4 .governList li+li{margin-top:2px}
.governance_cont .fslide4 .governList li a{display:block;position:relative;padding:23px 60px 23px 20px;font-size:18px}
.governance_cont .fslide4 .governList li a:after{content:'';display:block;position:absolute;right:23px;top:25px;width:18px;height:15px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/governance_04_arrow.png) no-repeat center top;background-size:18px 15px}
.governance_cont .fslide4 .btn_group{margin-top:50px;text-align:left}
.governance_cont .fslide4 .btn_group strong{display:block;font-size:20px;color:#fff;margin-bottom:25px}
.governance_cont .fslide4 .btn_group .btn_default{width:100%;font-size:14px;color:#fff;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0);padding:20px 0}

@media (max-width:320px) {
  .governance_cont .fslide3 .img{text-align:center;margin:0 -4rem}
 }

/* Sustainability */
.sustainability_cont .fslide{position:relative;width:100%;background-color:#f4f4f5;overflow:hidden}
.sustainability_cont .fslide1 .disc{position:absolute;top:50%;left:50%;text-align:center;z-index:10;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}
.sustainability_cont .fslide1 .disc p{width:calc(100% - 4rem);margin:0 auto;padding-bottom:6px;font-size:32px;line-height:2;color:#fff}
.sustainability_cont .fslide1 .disc span{display:block;width:calc(100% - 4rem);margin:0 auto;font-size:14px;line-height:22px;font-weight:400;color:#fff;word-break:keep-all}
.sustainability_cont .subtit strong{display:block;font-size:20px;line-height:32px;margin-bottom:5px}
.sustainability_cont .subtit p{font-size:14px;font-weight:400;line-height:24px}
.sustainability_cont .circleList > li{margin-top:30px}
.sustainability_cont .circleList > li+li{margin-top:45px}
.sustainability_cont .circleList > li > strong{display:block;vertical-align:middle;width:200px;height:200px;padding:74px 0;font-size:18px;line-height:30px;margin:0 auto;text-align:center;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_03_02.png) no-repeat 0 0;background-size:200px 200px}
.sustainability_cont .circleList > li > ul{margin-top:15px}
.sustainability_cont .circleList > li > ul > li{font-size:14px;font-weight:400;line-height:24px}
.sustainability_cont .circleList > li > dl dt{font-size:16px;padding:15px 0}
.sustainability_cont .circleList > li > dl dd{position:relative;padding-left:8px;font-size:14px;line-height:24px;font-weight:400}
.sustainability_cont .circleList > li > dl dd:before{content:'';display:block;position:absolute;left:0;top:11px;background:#000;width:3px;height:1px}

.principles_cont .fslide1{width:100%;height:100vh;min-height:100%;z-index:3;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_01.jpg) no-repeat center 40%;background-size:cover}
.principles_cont .fslide2{padding:10px 0 50px}
.principles_cont .fslide2 .innwrap, .principles_cont .fslide3 .innwrap, .principles_cont .fslide4 .innwrap{width:calc(100% - 4rem);margin:0 auto}
.principles_cont .fslide2 dl{padding-left:85px;margin-top:45px}
.principles_cont .fslide2 dl dt{position:relative;font-size:16px;line-height:26px;padding-bottom:10px}
.principles_cont .fslide2 dl dt:before{content:'';display:block;position:absolute;left:-85px;top:0;width:57px;height:48px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/bg_spr_principles01.png) no-repeat 0 0;background-size:57px auto}
.principles_cont .fslide2 dl dd{font-size:14px;line-height:24px;font-weight:400}
.principles_cont .fslide2 .tables02 dt:before{background-position:0 -48px}
.principles_cont .fslide2 .tables03 dt:before{background-position:0 -96px}
.principles_cont .fslide2 .tables04 dt:before{background-position:0 -144px}
.principles_cont .fslide2 .tables05 dt:before{background-position:0 -192px}
.principles_cont .fslide2 .tables06 dt:before{background-position:0 -240px}
.principles_cont .fslide3{background:#fff;padding:50px 0 50px}
.principles_cont .fslide3 .innwrap+.innwrap, .principles_cont .fslide4 .innwrap+.innwrap{margin:70px auto 0}
.principles_cont .fslide3 .img, .principles_cont .fslide4 .img{margin-top:30px}
.principles_cont .fslide3 .circleList > li > strong{padding:87px 0}
.principles_cont .fslide4{padding:50px 0 50px}
.principles_cont .fslide4.fslide4--white {background:#fff;}
.principles_cont .fslide4 .txtInfo{font-size:14px;font-weight:400;line-height:24px;margin-top:25px}
.principles_cont .fslide4 .txtInfo+.txtInfo{margin-top:30px}
.principles_cont .fslide4 .img img{width:320px}
.principles_cont .fslide4 .innwrap+.innwrap .img img{width:100%}

.focus_cont .fslide1{width:100%;height:100vh;min-height:100%;z-index:3;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/focus_01.jpg) no-repeat right top;background-size:cover}
.focus_cont .fslide2{width:100%;padding:50px 0;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/focus_02.jpg) no-repeat center top;background-size:cover}
.focus_cont .fslide2 .innwrap, .focus_cont .fslide3 .innwrap, .focus_cont .fslide4 .innwrap{color:#fff;width:calc(100% - 4rem);margin:0 auto}
.focus_cont .fslide2 .circleCont{width:260px;margin:45px auto 0}
.focus_cont .fslide2 .circleCont strong{display:block;vertical-align:middle;width:200px;height:200px;padding:70px 0;font-size:18px;line-height:30px;margin:0 auto;text-align:center;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_02_01.png) no-repeat 0 0;background-size:200px 200px}
.focus_cont .fslide2 .circleCont span{float:left;width:50%;margin-top:20px}
.focus_cont .fslide2 .circleCont span em{display:table-cell;vertical-align:middle;font-style:normal;font-size:12px;line-height:17px;text-align:center;width:120px;height:120px;border:1px solid rgba(255, 255, 255, 0.1);border-radius:60px;margin:0 auto}
.focus_cont .fslide2 .circleCont .circleS:after{content:'';display:block;clear:both}
.focus_cont .fslide3{padding:50px 0}
.focus_cont .fslide3 .innwrap, .focus_cont .fslide4 .innwrap{color:#000}
.focus_cont .fslide3 img{margin-top:30px}
.focus_cont .fslide3 .img{text-align:center}
.focus_cont .fslide3 .img img{width:320px}
.focus_cont .fslide3 .innwrap+.innwrap{margin:60px auto 0}
.focus_cont .fslide4{background:#fff;padding:50px 0 85px}
.focus_cont .fslide4 .circleList > li > strong{padding:0}
.focus_cont .fslide4 .circleList > li > strong span{display:table-cell;width:200px;height:200px;vertical-align:middle}

.performance_cont .innwrap{width:calc(100% - 4rem);margin:0 auto}
.performance_cont .fslide1{width:100%;height:100vh;min-height:100%;z-index:3;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_01.jpg) no-repeat center top;background-size:cover}
.performance_cont .fslide1 .innwrap{color:#fff;width:100%}
.performance_cont .fslide2{color:#fff;padding:50px 0;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/csr_02.jpg) no-repeat center top;background-size:cover}
.performance_cont .fslide2 .circleCont{width:260px;margin:0 auto}
.performance_cont .fslide2 .circleCont strong{display:block;vertical-align:middle;width:200px;height:200px;padding:70px 0;font-size:18px;line-height:30px;margin:0 auto;text-align:center;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_02_01.png) no-repeat 0 0;background-size:200px 200px}
.performance_cont .fslide2 .circleCont span{float:left;width:50%;margin-top:20px}
.performance_cont .fslide2 .circleCont span em{display:table-cell;vertical-align:middle;font-style:normal;font-size:14px;line-height:19px;text-align:center;width:120px;height:120px;border:1px solid rgba(255, 255, 255, 0.1);border-radius:60px;margin:0 auto}
.performance_cont .fslide2 .circleCont .circleS:after{content:'';display:block;clear:both}
.performance_cont .fslide3{padding:50px 0}
.performance_cont .fslide3 .innTit{display:block;font-size:24px;line-height:32px;font-weight:400;margin-top:45px}
.performance_cont .fslide3 .cont01{display:table;width:100%;table-layout:fixed;margin-top:30px}
.performance_cont .fslide3 .cont01 dl{position:relative;display:table-cell}
.performance_cont .fslide3 .cont01 dl:after{content:'';display:block;position:absolute;right:-7%;top:39px;width:19px;height:6px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_03_01.png) no-repeat 0 0;background-size:19px 6px}
.performance_cont .fslide3 .cont01 dl:last-child:after{display:none}
.performance_cont .fslide3 .cont01 dl dt{position:relative;width:85px;height:85px;line-height:85px;text-align:center;color:#fff;background:#000;border-radius:43px;margin:0 auto;font-size:12px}
.performance_cont .fslide3 .cont01 dl dt:after{content:'';display:block;position:absolute;left:-50%;bottom:-15px;border-right:1px dashed #c0c0c0;width:100%;height:15px}
.performance_cont .fslide3 .cont01 dl dd{position:relative;width:90px;margin:15px auto 0;border:1px solid #c0c0c0;background:#fff;padding:10px 0;font-size:12px;font-weight:400;line-height:16px;text-align:center}
.performance_cont .fslide3 .cont01 dl dd:after{content:'';display:block;position:absolute;left:-50%;bottom:-15px;border-right:1px dashed #c0c0c0;width:100%;height:15px}
.performance_cont .fslide3 .cont01 dl dt+dd{margin-top:15px !important}
.performance_cont .fslide3 .cont01 dl.type01 dd{margin-top:41px}
.performance_cont .fslide3 .cont01 dl.type01 dd:last-child{margin-top:42px}
.performance_cont .fslide3 .cont01 dl.type01 dd:after{content:'';display:block;position:absolute;left:-50%;bottom:-40px;border-right:1px dashed #c0c0c0;width:100%;height:40px}
.performance_cont .fslide3 .cont01 dl dd:last-child:after{display:none}
.performance_cont .fslide3 .scrollWrap{overflow-x:scroll}
.performance_cont .fslide3 .cont02{min-width:1920px;margin-top:30px}
.performance_cont .fslide3 .cont02:after{content:'';display:block;clear:both}
.performance_cont .fslide3 .cont02 dl{float:left;width:320px}
.performance_cont .fslide3 .cont02 dl:nth-child(6n + 1){clear:left}
.performance_cont .fslide3 .cont02 dl dt{display:table-cell;vertical-align:middle;width:300px;height:66px;background:#000;color:#fff;font-size:14px;line-height:20px;padding:0 15px;letter-spacing:-0.5px}
.performance_cont .fslide3 .cont02 dl dd span{display:block;margin:20px 0 15px;font-size:12px}
.performance_cont .fslide3 .cont02 dl dd .box{width:300px;background:#fff;border:1px solid #c0c0c0;padding:15px;min-height:135px}
.performance_cont .fslide3 .cont02 dl dd ul li{position:relative;padding-left:14px;font-size:12px;line-height:20px;font-weight:400}
.performance_cont .fslide3 .cont02 dl dd ul li:before{content:'';display:block;position:absolute;left:0;top:9px;width:2px;height:2px;background:#000}
.performance_cont .fslide3 .cont02 dl dd ul li+li{margin-top:5px}
.performance_cont .fslide3 .cont02 dl dd.type02 .box{min-height:240px}
.performance_cont .fslide4{background:#fff;padding:50px 0}
.performance_cont .fslide4 dl{position:relative;width:320px;height:325px;margin:30px auto 0}
@media (max-width:320px) {
  .performance_cont .fslide4 dl{margin-left:-18px}
 }

.performance_cont .fslide4 dl:after{content:'';display:block;position:absolute;left:50%;top:85px;margin-left:-118px;width:236px;height:40px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_04_02.png) no-repeat 0 0;background-size:236px 40px}
.performance_cont .fslide4 dl dt{display:block;position:absolute;left:50%;top:125px;margin-left:-100px;vertical-align:middle;width:200px;height:200px;padding:74px 0;font-size:18px;line-height:30px;text-align:center;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_03_02.png) no-repeat 0 0;background-size:200px 200px}
.performance_cont .fslide4 dl dd{float:left;text-align:center;font-size:12px;line-height:15px;font-weight:400;width:85px;height:85px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:45px;margin-left:30px}
.performance_cont .fslide4 dl dd span{display:table-cell;vertical-align:middle;height:85px;width:85px}
.performance_cont .fslide4 dl dd.circle01{margin-left:0}
.performance_cont .fslide4 dl.type02 dt{top:0}
.performance_cont .fslide4 dl.type02:after{top:200px;width:236px;height:40px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_04_03.png) no-repeat 0 0;background-size:236px 40px}
.performance_cont .fslide4 dl.type02 dd{margin-top:240px}
.performance_cont .fslide5{padding:50px 0;color:#fff;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/pc/content/csr_03.jpg");background-position:center top;background-size:cover}
.performance_cont .fslide5 .tables{margin-top:45px}
.performance_cont .fslide5 .tables > dt{margin-bottom:40px;text-align:center}
.performance_cont .fslide5 .tables > dt.penta{display:block;width:200px;height:200px;font-size:18px;line-height:30px;margin:0 auto;text-align:center;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/principles_02_01.png) no-repeat 0 0;background-size:200px 200px}
.performance_cont .fslide5 .tables > dt.penta p{display:table-cell;vertical-align:middle;width:200px;height:200px;}
.performance_cont .fslide5 .tables > dd .txtInfo{font-size:14px;line-height:24px;font-weight:400;margin-top:15px}
.performance_cont .fslide5 .tables > dd .listType01{margin-top:20px}
.performance_cont .fslide5 .tables > dd .listType01 li{position:relative;padding-left:8px;font-size:14px;line-height:24px;font-weight:400}
.performance_cont .fslide5 .tables > dd .listType01 li:before{content:'';display:block;position:absolute;left:0;top:10px;background:#fff;width:4px;height:1px}
.performance_cont .fslide6{padding:50px 0}
.performance_cont .fslide6 .innTit{display:block;font-size:24px;line-height:32px;font-weight:400;margin-top:40px}
.performance_cont .fslide6 .inner .tables, .performance_cont .fslide8 .inner .tables {position:relative;margin-top:40px;padding-left:85px}
.performance_cont .fslide6 .inner .tables > dt, .performance_cont .fslide8 .inner .tables > dt{padding-bottom:10px;font-size:16px;line-height:28px}
.performance_cont .fslide6 .inner .tables:before{content:'';display:block;position:absolute;left:10px;top:0;width:47px;height:47px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_06.png) no-repeat 0 0;background-size:47px 282px}
.performance_cont .fslide6 .inner .tables > dd p, .performance_cont .fslide8 .inner .tables > dd p{font-size:14px;line-height:25px;font-weight:400}
.performance_cont .fslide6 .inner .tables02:before{background-position:0 -47px}
.performance_cont .fslide6 .inner .tables03:before{background-position:0 -94px}
.performance_cont .fslide6 .inner .tables04:before{background-position:0 -141px}
.performance_cont .fslide6 .inner .tables05:before{background-position:0 -188px}
.performance_cont .fslide6 .inner .tables06:before{background-position:0 -235px}
.performance_cont .fslide7{background:#fff;padding:50px 0}
.performance_cont .fslide7 dl{margin-top:80px}
.performance_cont .fslide7 dl dt{font-size:20px;padding-bottom:10px}
.performance_cont .fslide7 dl dd p{font-size:14px;font-weight:400;line-height:24px;margin-top:15px}
.performance_cont .fslide7 dl dd p+p{margin-top:25px}
.performance_cont .fslide8{padding:50px 0}
.performance_cont .fslide8 .inner .tables:before{content:'';display:block;position:absolute;left:10px;top:0;width:48px;height:47px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_08.png) no-repeat 0 0;background-size:48px 141px}
.performance_cont .fslide8 .inner .tables02:before{background-position:0 -47px}
.performance_cont .fslide8 .inner .tables03:before{background-position:0 -94px}
.performance_cont .fslide9{padding:50px 0;color:#fff;background:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_09.jpg") no-repeat 0 0;background-size:cover}
.performance_cont .fslide9 .tables, .performance_cont .fslide10 .tables{margin-top:50px}
.performance_cont .fslide9 .tables dt, .performance_cont .fslide10 .tables dt{font-size:20px;line-height:32px}
.performance_cont .fslide9 .tables dd, .performance_cont .fslide10 .tables dd{font-size:14px;line-height:24px;font-weight:400}
.performance_cont .fslide10{padding:50px 0;color:#fff;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/performance_10.jpg");background-position:center 0;background-size:cover}
.performance_cont .fslide10 .btn_group{padding-top:25px}
.performance_cont .fslide10 .btn_group i{min-width:30px}

.principles_cont .business_tab_re .tablist_re, .focus_cont .business_tab_re .tablist_re, .performance_cont .business_tab_re .tablist_re, .awards_cont .business_tab_re .tablist_re{width:465px}
.awards_cont .fslide1{height:100vh;min-height:100%;background:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/awards_01.jpg") no-repeat 15% top;background-size:cover}
.awards_cont .fslide2, .awards_cont .fslide4{padding:50px 0}
.awards_cont .fslide2 .innwrap, .awards_cont .fslide3 .innwrap, .awards_cont .fslide4 .innwrap, .awards_cont .fslide5 .innwrap{width:calc(100% - 4rem);margin:0 auto}
.awards_cont .fslide2 .innwrap > dl{padding-top:85px}
.awards_cont .innwrap > dl{position:relative}
.awards_cont .innwrap > dl dt{font-size:20px;line-height:30px;padding-top:30px}
.awards_cont .innwrap > dl dd.logo{position:absolute;left:0;top:0}
.awards_cont .innwrap > dl dd.logo img{width:50%}
.awards_cont .innwrap > dl dd.img{margin-top:30px}
.awards_cont .innwrap > dl dd.txt{padding-top:20px}
.awards_cont .innwrap > dl dd p{font-size:14px;line-height:24px;font-weight:400}
.awards_cont .innwrap > dl dd ul{margin-top:30px}
.awards_cont .innwrap > dl dd ul li{position:relative;padding-left:8px;font-size:14px;line-height:24px}
.awards_cont .innwrap > dl dd ul li:before{content:'';display:block;position:absolute;left:0;top:10px;background:#000;width:4px;height:1px}
.awards_cont .fslide3{background:#fff;padding:50px 0}
.awards_cont .fslide3 .innwrap > dl{padding-top:70px}
.awards_cont .fslide4 .innwrap > dl{padding-top:40px}
.awards_cont .fslide5{background:#fff;padding:50px 0 85px}
.awards_cont .fslide5 .innwrap > dl{padding-top:60px}


/* 20240314 추가 */
.principles_cont .fslide4.fslide4--pt0 {padding-top:0;}
.principles_cont .principles_accor {border-top:1px solid #D9D9D9}
.principles_cont .principles_accor .acco_head .acco_target {width:100%; display:flex; align-items:center; justify-content:space-between; padding-left:0; padding-right:0; font-size:1.6rem;color:#000}
.principles_cont .principles_accor .acco_head .acco_target i {display:flex; position:relative; width:13px; height:10px; overflow:initial; margin:0;}
.principles_cont .principles_accor .acco_head .acco_target i:before {content:''; width:2px; height:10px; background:#000; display:flex; margin:0; border:0; top:50%; left:50%; transform:translate(-50%,-50%);}
.principles_cont .principles_accor .acco_head .acco_target i:after {content:''; width:10px; height:2px; background:#000; display:flex; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.principles_cont .principles_accor .acco_head[aria-expanded="true"] {border-bottom:none;}
.principles_cont .principles_accor .acco_head[aria-expanded="true"] .acco_target i {transform:rotate(0);}
.principles_cont .principles_accor .acco_head[aria-expanded="true"] .acco_target i:before {opacity:0;}
.principles_cont .principles_accor .acco_panel {padding:0.5rem 0 3.2rem; margin-top:0; font-size:1.3rem; line-height:2.2rem; letter-spacing:-0.035em;}
.principles_cont .principles_accor .acco_panel>ul>li {font-weight:300;}
.principles_cont .principles_accor .acco_panel ul.type2 li {padding-left:1rem;}
.principles_cont .principles_accor .acco_panel .acco_basic-txt,
.principles_cont .principles_accor .acco_panel .acco_basic-txt li {font-weight: 400}
.principles_cont .principles_accor a {margin-top:2rem; display:flex;}
.principles_cont .tbl_signature {width:100%; margin-top:4rem;}
.principles_cont .tbl_signature th {font-size:1.3rem; text-align:left; letter-spacing:-0.025em; margin-bottom:8px;}
.principles_cont .tbl_signature td {margin-bottom:10px;}
.principles_cont .tbl_signature td input {width:100%; border:0; border-bottom:1px solid #D9D9D9;}
.principles_cont .tbl_scroll {width:100%; overflow-x:scroll;}
.principles_cont .tbl_scroll .tbl_conflict_minerals {width:704px; border-top:1px solid #000;}
.principles_cont .tbl_scroll .tbl_conflict_minerals th {font-size:1.3rem; text-align:center; border-bottom:1px solid #d9d9d9; padding:1.2rem 0;}
.principles_cont .tbl_scroll .tbl_conflict_minerals th:not(:first-child) {border-left:1px solid #d9d9d9;}
.principles_cont .tbl_scroll .tbl_conflict_minerals td {font-size:1.3rem; text-align:left; border-bottom:1px solid #d9d9d9; padding:2rem 1.6rem;}
.principles_cont .tbl_scroll .tbl_conflict_minerals td:not(:first-child) {border-left:1px solid #d9d9d9;}
.principles_cont .download_tit {display:flex; align-items:center;}
.principles_cont .download_tit:after {content:''; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,0,0,0.05) url('https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/icon_download.png') no-repeat center; margin-left:10px;}
.principles_cont .download_box {width:100%; height:7.6rem; background:#F8F8F8; border:1px solid #EBEBEB; display:flex; align-items:center; justify-content:center; margin-top:3.2rem;}

@media screen and (max-width: 400px){
	.principles_cont .download_box {padding: 0 10px;}
	.principles_cont .principles_accor .acco_head .acco_target {text-align: left;}
	.principles_cont .principles_accor .acco_head .acco_target i {right: 5px;}
	.principles_cont .download_tit {line-height: 1.4; font-size: 13px;}
}
/* // 20240314 추가 */


/* invest */
.util2{font-size:1.2rem;line-height:1.8rem;font-weight:400;margin-top:20px}
.util2+.util{position:relative;bottom:auto;right:auto;margin:10px 0 0}

.tabCont{display:none}
.subTab.tabFixed{position:fixed;left:0;right:0;top:0;background:#fff;z-index:9999}
.subTab ul{display:flex;flex-wrap:nowrap;position:relative;width:100%;overflow-x:auto;height:60px}
.subTab ul li{flex:1 0;position:relative;white-space:nowrap}
.subTab ul li a{display:block;position:relative;text-align:center;font-size:14px;color:#666;font-weight:400;height:60px;line-height:60px;padding:0 10px;border-bottom:1px solid #f0f0f0}
.subTab ul li.on a{font-weight:500;color:#000}
.subTab ul li.on a:after{content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#3d3d3d;z-index:1}
.subTab ul::-webkit-scrollbar{display:none}

.err_cont .error_wrap .time{font-size:1.4rem;font-weight:500;line-height:2rem}
.err_cont .error_wrap .time span{display:block}
.err_cont .error_wrap .time em{display:block;font-style:normal}
.err_cont .error_wrap .btn_group{margin-top:40px}
.halfCircle{display:inline-block;margin:0 auto 40px;counter-reset:section;text-align:left}
.halfCircle > li{display:table;width:100%;position:relative;padding-left:30px;font-size:14px;font-weight:500;line-height:24px}
.halfCircle > li:before{content:'0'counter(section)')';counter-increment:section;display:inline-block;position:absolute;left:0;top: 0}
.halfCircle > li+li{margin-top:5px}
.halfCircle > li span{display:table-cell;width:120px}
.halfCircle > li em{display:table-cell;font-style:normal}
.halfCircle > li:after{content:'';display:block;clear:both}

/* main video */
.main_cont .fslide1 .video{width:100%;width:100vw;height:100%;height:100vh}
.main_cont .fslide1 .video video{position:absolute;top:50%;left:50%;min-width:100%;height:100%;transform:translate(-50%, -50%);object-fit: cover;}/*210511 width:100,min-height;100*/
.main_cont .fslide1 .disc{position:absolute;top:50%;width:100%;min-height:200px;margin-top:-100px;text-align:center;z-index:10}

/* 210330 회사소개 수정 및 추가 */
.introduce_cont .fslide10 .bcg{background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/introduce_11_v2.jpg")}
.introduce_cont .fslide10{height:100vh;min-height:100%}
.introduce_cont .fslide10 .disc{position:absolute;top:50%;left:50%;text-align:left;z-index:10;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;padding:0 2rem;}
.introduce_cont .fslide10 .disc p{font-size:26px;line-height:36px;color:#fff}
.introduce_cont .fslide10 .disc p:first-child {font-weight:600;}
.introduce_cont .fslide10 .disc p.sub{font-size:14px;line-height:1.71;font-weight:400;padding-top:0.8rem}
.introduce_cont .fslide10 .btn_primary{font-size:12px;border:1px solid #fff;background-color:transparent;margin-top:20px}

/* 210506 80주년 로고 추가 */
.header .anniversary80_logo{position:absolute;left:110px;top:15px;text-indent:-9999px;display:block;width:72px;height:42px;vertical-align:baseline;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_anniversary80_logo.png");background-size:150px;background-repeat:no-repeat;background-position:-85px 0;z-index:100}
.header.type02 .anniversary80_logo{background-position:0 0}
.header.nav-on .anniversary80_logo{background-position:0 0}

.header .htgGNB .lnk_story{position:absolute;width:100%;bottom:65px;left:0;padding:0 20px}
.header .htgGNB .lnk_story a{position:relative;height:50px;text-indent:-9999rem;display:block;vertical-align:middle;background-color:transparent;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_tim.png");background-size:auto 33px;background-repeat:no-repeat;background-position:0 50%}
.header .htgGNB .lnk_story a:after{content:'';display:block;width:26px;height:9px;background-image:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/common/ico_tim_arrow.png");background-size:26px;background-repeat:no-repeat;position:absolute;right:0;top:50%;margin-top:-8px}
.header .htgGNB .lang{position: relative;left: 0;bottom: 0;color: #666;overflow: visible;right: 0;margin-left: 20px;width: calc(100% - 40px);margin-bottom: 20px;}
.header .htgGNB .lnk_story:after{content:'';display:block;width:100%;margin-top:20px;height:1px;background:rgba(255, 255, 255, .2);}

/* 투자정보 css추가 */
.person-contents{padding: 60px 20px 0;}
.person-detail{margin-top: 50px;}
.person-detail > strong {font-size: 20px;color: #000;}
.person-detail > p{margin-top: 20px;font-size: 14px;line-height: 1.5;}
.person-detail-info{ margin-top: 50px;}
.person-detail-info > strong {font-size: 14px; color: #000;font-weight: 600;}
.person-detail-info > p {margin-top: 10px; font-size: 13px; line-height: 1.5;}
.person-detail-info .more{
  position: relative;
  width: 150px;
  height: 48px;
  margin-top: 2.5rem;
  overflow: hidden;
  cursor: pointer;
}
.person-detail-info .more button {
  display: block;
  text-align:left;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  line-height: 2.4rem;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  vertical-align:middle;
  color: #000;
}

.person-detail-info .more:after {
  content: '';
  display: block;
  position: absolute;
  right:0;
  top:3px;
  width: 48px;
  height: 48px;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/ko/mo/common/ico_sprite.png");
  background-size: 960px auto;
  background-repeat: no-repeat;
  background-position: -432px -240px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.section3{padding:95px 20px ;}
.border{border: 1px solid #000; padding: 20px;border-top: none;}
.section3 .card-list li {margin-bottom: 20px;}
.section3 .card-list li:last-child{margin-bottom: 0;}
.txt{font-size: 16px;}

.border .more{position:relative;font-size: 14px;margin-top: 30px;}
.border .more button{display:inline-block; color: #000;}
.border .more button::after{ content: '';display:inline-block;vertical-align:middle;width: 65px;height: 48px;background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/mo/common/ico_sprite.png);background-size: 960px auto;background-position: -430px -240px; }
.card-list .txt{line-height: 1.3;}

.bgGray{position: relative;background-color: #f4f4f4;  height: 603px;padding: 40px 21px;}
.bgGray button{color: #000;}
.earth-info{padding: 0 20px;}
.earth{width: 161px;  position: absolute; bottom: 10%; right: 10%;}
.banner-tit{font-size: 20px;}
.banner-txt{font-size: 14px;line-height: 1.5;margin-top: 20px;}
.banner-btn{border: 1px solid #000; padding:14px 30px;margin-top: 20px;font-size: 13px; font-weight:bold;}

.btn_group.download{text-align: center !important ;margin: 80px 0;}
.download a{border: 1px solid #000;font-size: 20px;padding: 20px 45px; }
.download button{border: 1px solid #000;font-size: 20px;padding: 20px 45px; }

.subtit.mt0 {margin-left: -20px;}
.section3 .mt0{margin-top: -95px;}

.down-list-tit.list-tit{display: inline-block;width: 55%;}
.tbl_default.type2  {border: none;}
.tbl_default.type2 .down-list .down-list-tit.type3{border-top: 1px solid #ededed;}
.down-list-tit.under-line{border-bottom: 1px solid #ededed;}
.tbl_default.type2 .down-list li{ }
.tbl_default.type2 .down-list li .down-ico{display: inline-block; content: ""; background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/mo/common/ico-download.png);width: 30px; height: 30px; margin-left:10px; vertical-align: middle; background-size: 30px 30px; }
.tbl_default.type2 .down-list li .down-ico:first-child{margin-right: 5px;}
.tbl_default.type2 .down-list-tit{ font-weight: 700; font-size:17px; padding:0.9rem 0;  }
.tbl_default.type2 .down-list-txt{font-size: 14px; font-weight: 700; }
.tbl_default.type2 .down-list li .down-list-txt.ico-none {visibility: hidden; }

.acco_panel{margin-top: -40px;}
.acco_panel .more_area {
  position: relative;
  padding-top: 10%;
  bottom: 10%;
}


.acco_panel{padding: 0 20px;}

/* 20221115 수정 */
.mt40{margin-top: 40px;}
.btn_group .btn-type2 i{position: relative; }
.btn_group .btn-type2 i::after{content: '';display: block;position: absolute;left: 15px;top: -10px;width: 48px;height: 48px;z-index: 2;display: inline-block;vertical-align: middle;background-color: transparent;background-image: url(https://cdn.hankook-technologygroup.com/static/assets/img/ko/pc/common/ico_sprite.png);background-size: 960px auto;background-repeat: no-repeat;background-position: -480px -240px;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.fastival-pop{}
.fastival-pop .pop-con{ padding: 30px 0;}
.fastival-pop .pop-con strong{font-size: 25px; display: block; margin-bottom: 30px;}
.fastival-pop .pop-con ul .fir-list {font-size: 18px; margin-bottom: 20px; line-height: 1.5;}
.fastival-pop .pop-con ul .fir-list ol{margin-top: 15px;}
.fastival-pop .pop-con ul .fir-list ol li{font-size: 16px; margin-left: 20px; margin-bottom: 15px;}
.fastival-pop .pop-con ul .fir-list ol li p{margin: 10px 0 10px  20px;}
.fastival-pop .pop-con ul .fir-list ol li span{display: block; margin-top: 10px;}
.fastival-pop .pop-con ul .fir-list ul li{font-size:16px ;margin-top: 15px;}

.table-title{margin: 20px 0;}
.table-date {text-align: right; margin-bottom: 10px;}

.tb-disc{font-size: 14px; line-height: 1.5;}
/* 20240416 추가 */
.tb-disc--right {text-align: right;}
.tb-disc--right p {font-size: 13px; font-weight: 300; margin: -24px 0 15px;}
/* // 20240416 추가 */

/* 20230623 추가 */
.privacy_pop {width:100%; color:#000;}
.privacy_pop h2 {font-size:32px; font-weight:500; line-height:23px; margin-bottom:50px; text-align:center;}
.privacy_pop .privacy_content {font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:32px; padding-top: 0;}
.privacy_pop .privacy_content p {margin-bottom:12px;font-weight:300}
.privacy_pop .privacy_content p.date {font-size:1.2rem; text-align:right;}
.privacy_pop .privacy_content .row>ul>li {font-size:1.4rem; font-weight:500; margin-bottom:12px;}
.privacy_pop .privacy_content .row>ul>li ul {margin-top:12px;}
.privacy_pop .privacy_content .row>ul>li ul li {padding-left:10px; font-size:1.3rem; font-weight:300; margin-bottom:12px;}
.privacy_pop .privacy_content .tbl_default {margin-top:12px;}
.privacy_pop .privacy_content .tbl_default table {min-width:1000px;}
.privacy_pop .privacy_content .tbl_default table th {text-align:center; font-weight:500;}
.privacy_pop .privacy_content .tbl_default table td {text-align:center;}
.privacy_pop .layer_close:before, .privacy_pop .layer_close:after {width: 28px; height: 2px;}
.cookie_pop {width:100%; background:rgba(0,0,0,0.8); padding: 1.6rem; position: fixed; z-index: 100; left:0; bottom: 0; color: #fff;}
.cookie_pop .tit {font-size: 1.4rem; font-weight: 500; line-height: 2rem; letter-spacing: -0.07px;}
.cookie_pop p {margin-top: 6px; font-size: 1.2rem; line-height: 2rem; letter-spacing: -0.06px;}
.cookie_pop .btn_link {color: #fff; text-decoration: underline; font-size: 1.2rem; margin-top:1.2rem;}
.cookie_pop .btn_wrap {display:flex; align-items:center; justify-content:flex-end; column-gap:10px;}
.cookie_pop .btn_round {width:80px; height:40px; display:flex; border:1px solid #fff; border-radius:25px; margin-top:1.6rem; font-size:1.4rem; letter-spacing:-0.14px; align-items:center; justify-content:center;}
.cookie_pop .btn_round:hover {background:#fff; color:#000;}

.download_list .item {display:flex; justify-content: space-between; align-items: center; min-height: 4.5rem; padding: 2.2rem 1.5rem 2.2rem 0;border-bottom: 1px solid #e5e5e5;}
.download_list .tit {flex: 1 0; font-size: 1.6rem; line-height: 1.3;}
.download_list .btns {margin-left: 1.0rem;}
.download_list .btns > .download_tit {display:inline-flex; font-size: 1.5rem;}
.download_list .btns > .download_tit + .download_tit {margin-left: 0.4rem;}
.accordion_wrap + .download_list {margin-top:8.0rem;}

.sec__sub-ti {display: block; font-size: 14px; line-height: 1.2;}
.ls__none {letter-spacing: 0;}