@charset "UTF-8";
.recently_story:after {
  content: "";
  display: block;
  clear: both;
}

/* 아이콘 */
[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 auto;
  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 auto;
  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 auto;
  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 auto;
  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 auto;
  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 auto;
  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 auto;
  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 auto;
  background-repeat: no-repeat;
  background-position: -584px -152px;
}

.header {
  z-index: 100;
}

.container {
  position: relative;
  min-height: 100%;
  z-index: 1;
}

.fslide {
  top: 0 !important;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-container {
  background-color: #000;
}
/*
.swiper-container .tx {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%) skewX(0);
  font-size: 5.2rem;
  color: #fff;
  text-align: center;
}
*/
.swiper-container.intro_swipe {
  height: 100dvh;
  overflow: visible;
}

.swiper-container.intro_swipe .swiper-wrapper {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
}

.swiper-container.intro_swipe .swiper-wrapper .swiper-slide {
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
 

.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .img{height:100%;height:500px}
/*.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .img img{height:100%}*/
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .img img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;transform: translate(-50%, -50%);width:auto}
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .txt{display:table;width:100%;height:100%;z-index:1;position:absolute;left:50%;top:50%;;transform:translate(-50%, -50%)}
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .txt strong{display:table-cell;height:100%;vertical-align:middle;font-size:28px;color:#fff;text-align:center}
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .txt span{display:block;color:#fff;font-size:20px;font-weight:400;margin-top:10px}
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .txt.type02 span{margin:0 0 10px}
.btnSlide{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:99999;overflow:hidden;text-indent:-9999px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/btn_m_main_swiper.png) no-repeat;background-size:14px auto}
.btnSlide.prevSlide{left:2px;background-position:center 0}
.btnSlide.nextSlide{right:2px;background-position:center -30px}

.swiper-container.intro_swipe .swiper-pagination {
	position: absolute;
	bottom: 30px;
	left: 2rem;
	z-index: 1;
	display: flex;
	align-items: center;
}
.swiper-container.intro_swipe .swiper-pagination > span {
	display: block;
	width: 1.5rem;
	height: 6px;
	margin-right: 5px;
	border: 1px solid #fff;
	font-size: 0;
	transform: skewX(-16deg);
	transition: .3s linear;
	cursor: pointer;
}
.swiper-container.intro_swipe .swiper-pagination > span.swiper-pagination-bullet-active {
	width: 2rem;
	background:#fff;
}

/*
.swiper-container.intro_swipe .swiper-wrapper .swiper-slide .video .poster {
  display: block;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
}

.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;
}

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

.swiper-container.intro_swipe .swiper-wrapper .swiper-slide.active .video .poster {
  display: none;
}
*/
.ts-controls {
  width: 100%;
  height: 100%;
  margin: 0 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99900;
}

.ts-controls .ts-prev, .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;
}

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

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

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

.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;
}

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

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

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

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

.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 auto;
  background-repeat: no-repeat;
  background-position: -240px -336px;
}

.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 auto;
  background-repeat: no-repeat;
  background-position: -192px -336px;
}

.innwrap {
  position: relative;
  width: 100%;
  padding: 0 2rem;
  overflow: hidden;
  background-size: contain;
  background-position: center 0;
  background-repeat: no-repeat;
}

.main_cont {
  /* height: 100%; */
  min-height: 100%;
}

.main_cont .more {
  position: relative;
  width: 150px;
  height: 48px;
  margin-top: 2.5rem;
  overflow: hidden;
  cursor: pointer;
}

.main_cont .more a {
  display: block;
  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;
}

.main_cont .more:after {
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: -1rem;
  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/en/mo/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;
}

.main_cont .innwrap .deg {
  position: absolute;
  top: -25px;
  z-index: 1;
}

.main_cont .innwrap .deg img {
  width: auto;
}

.main_cont .innwrap .row {
  width: 100%;
  padding: 0 2rem;
  z-index: 2;
}

.main_cont .innwrap .sec {
  position: relative;
  color: #fff;
  z-index: 2;
}

.main_cont .innwrap .sec p {
  font-weight: normal;
}

.main_cont .innwrap .sec.sec01 {
  width: 100%;
  margin-bottom: 2.4rem;
}

.main_cont .innwrap .sec.sec02 {
  width: 100%;
}

.main_cont .innwrap .sec .ti {
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 36px;
  word-break: keep-all;
}

.main_cont .innwrap .sec .tx {
  font-size: 1.4rem;
  line-height: 2.4rem;
  word-break: keep-all;
}

.main_cont .innwrap .sec.col_1h {
  margin-bottom: 3.2rem;
}

.main_cont .innwrap .sec.col_2h, .main_cont .innwrap .sec.col_1h {
  color: #000;
}

.main_cont .innwrap .sec.col_2h .ti, .main_cont .innwrap .sec.col_1h .ti {
  font-size: 2.4rem;
  line-height: 4.0rem;
  font-weight: 500;
  letter-spacing: -1px;
}

.main_cont .innwrap .sec.col_2h .more, .main_cont .innwrap .sec.col_1h .more {
  margin-top: 2.5rem;
}

.main_cont .innwrap .sec.col_2h .more:after, .main_cont .innwrap .sec.col_1h .more:after {
  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: -432px -240px;
}

.main_cont .fslide .innwrap .bcg, .main_cont .fslide .innwrap .bcg2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
}

.main_cont .fslide .innwrap .bcg2 {
  display: none;
  background-size: contain;
}

.main_cont .fslide .animate.slideInUp3 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.main_cont .fslide2{text-align:center;padding-bottom:40px}
.main_cont .fslide2 .swiper-container{background:transparent;}
.main_cont .fslide2 .swiper-slide{display:table}
.main_cont .fslide2 .swiper-slide .txt{display:table-cell;vertical-align:middle;height:180px;width:100%;font-size:18px;line-height:27px;font-weight:400}
.main_cont .fslide2 .ts-controls .ts-paging button{border:1px solid #000}
.main_cont .fslide2 .ts-controls .ts-paging button.ts-paging-active{background:#000}
.main_cont .fslide2 .ts-controls .ts-paging{text-align:left;bottom:35px}
.main_cont .fslide2 .btnPlay{position:absolute;right:30px;bottom:30px}
.main_cont .fslide2 .btnPlay button{text-indent:-9999px;width:20px;height:20px;color:transparent;font-size:0}
.main_cont .fslide2 .btnPlay button:before{content:'';display:block;width:10px;height:10px;background:url(https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/btn_playstop.png) no-repeat 0 0;background-size:20px 20px}
.main_cont .fslide2 .btnPlay button.on:before{background-position:0 -5px}
.main_cont .fslide2 .btnPlay button.off:before{background-position:-10px -5px}

@media (max-width: 321px) {
  .main_cont .fslide2 .disc {
    font-size: 1.6rem;
  }
}

.main_cont .fslide3 .innwrap, .main_cont .fslide4 .innwrap, .main_cont .fslide5 .innwrap {
  max-width: 100%;
  height: 100%;
}

.main_cont .fslide3 .innwrap .row, .main_cont .fslide4 .innwrap .row, .main_cont .fslide5 .innwrap .row {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2;
}

.main_cont .fslide6, .main_cont .fslide7, .main_cont .fslide8, .main_cont .fslide9, .main_cont .fslide10, .main_cont .fslide11 {
  height: auto;
  min-height: auto;
}

.main_cont .fslide6 .innwrap, .main_cont .fslide7 .innwrap, .main_cont .fslide8 .innwrap, .main_cont .fslide9 .innwrap, .main_cont .fslide10 .innwrap, .main_cont .fslide11 .innwrap {
  max-width: 100%;
}

.main_cont .fslide6 .innwrap .row, .main_cont .fslide7 .innwrap .row, .main_cont .fslide8 .innwrap .row, .main_cont .fslide9 .innwrap .row, .main_cont .fslide10 .innwrap .row, .main_cont .fslide11 .innwrap .row {
  padding: 4rem 0;
}

.main_cont .fslide3 {
  height: 528px;
}

.main_cont .fslide3 .innwrap .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg03.jpg");
}

.main_cont .fslide4 {
  height: 528px;
}

.main_cont .fslide4 .innwrap .row{top:auto;bottom:8%}


.main_cont .fslide4 .innwrap .deg {
  top: -30px;
}

.main_cont .fslide4 .innwrap .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg04.jpg");
}

.main_cont .fslide5 {
  height: 528px;
}

.main_cont .fslide5 .innwrap .deg {
  top: -30px;
}

.main_cont .fslide5 .innwrap .bcg {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg05.jpg");
}

@media (max-width: 361px) {
  .main_cont .fslide3 .innwrap .deg, .main_cont .fslide4 .innwrap .deg, .main_cont .fslide5 .innwrap .deg {
    top: -100px;
  }
}

.main_cont .fslide6 .innwrap .bcg2 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg06.jpg");
}

.main_cont .fslide7 .innwrap .bcg2 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg07.jpg");
  background-size: 50% auto;
  background-position: 0 0;
}

.main_cont .fslide8 .innwrap .bcg2 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg08.jpg");
  background-size: 100% auto;
}

.main_cont .fslide10 {background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/bg_motor.jpg");background-size: 100% auto;height:528px;color:#fff}
.main_cont .fslide10 .innwrap .row{padding:70% 0 0}

.main_cont .fslide10 .innwrap .big {
  padding-bottom: 10px;
  font-size:24px;
  line-height:36px;
  word-break: keep-all;
}

.main_cont .fslide10 .innwrap .big.zoomOut {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}


@media all and (max-width: 321px) {
  .main_cont .fslide10 .innwrap .big {
    font-size: 3.2rem;
    line-height: 5.0rem;
  }
}

.main_cont .fslide10 .innwrap .small {font-size:14px;line-height:24px;font-weight:400}

.main_cont .fslide11 .innwrap .row {
  margin-top: 7rem;
}

.main_cont .fslide11 .innwrap .bcg2 {
  background-image: url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/mainbg10.jpg");
  background-size: 100% auto;
}

.tags {
  margin-top: 2.4rem;
}

.tags > li {
  display: inline-block;
  margin-bottom: 8px;
}

.tags > li a {
  display: block;
  position: relative;
  margin: 0 .2rem;
  padding: .8rem 2rem 1rem;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  color: #000;
  background-color: #fff;
  transition: color 0.5s ease-in-out;
  overflow: hidden;
  z-index: 1;
}

.tags > li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  background-color: #000;
  width: 130%;
  height: 100%;
  -webkit-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
  transform: skewX(-16deg);
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.tags > li a:hover {
  color: #fff;
}

.tags > li a:hover:before {
  left: -10%;
  transform: skewX(-16deg);
  -webkit-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
}

.recently_story{background:#fff;border-top:1px solid #e6e6e6}
.recently_story .inner{position:relative;max-width:100%;margin:0 auto;padding:60px 2rem 100px}
.recently_story .sec_tit{display:block;font-size:2.4rem}
.recently_story .btn_detail{position:absolute;top:45px;right:2rem;width:48px;height:48px;overflow:hidden;text-indent:-9999px;background:url("https://cdn.hankook-technologygroup.com/static/assets/img/en/mo/content/btn_arrow.png") no-repeat}
.recently_story .swiper-container{background:#fff}
.recently_story .list{margin-top:30px}
.recently_story .list:after{content:'';display:block;clear:both}
.recently_story .list > li{height:280px !important;overflow:hidden}
.recently_story .list > li .thumb{height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) skewX(0);text-align:center}
.recently_story .list > li .thumb img{height:100%;width:auto}
.recently_story .list > li a:after{content:'';display:block;position:absolute;right:0;top:0;width:20px;height:280px;background:#fff}
.recently_story .list > li:last-child a:after{display:none}
.recently_story .list > li a{display:block;height:100%;padding-right:20px}
.recently_story .list > li a .tit{position:absolute;left:0;bottom:25px;padding:0 25px;width:90%}
.recently_story .list > li a .tit strong{display:block;font-size:22px;line-height:30px;color:#fff;word-break:keep-all}
.recently_story .ts-controls .ts-paging button{border:1px solid #000}
.recently_story .ts-controls .ts-paging{bottom:80px}
.recently_story .ts-controls .ts-paging button.ts-paging-active{background:#000}