@charset "utf-8";

.header .hLogo{background:transparent !important}
.header .hLogo a{background:url(https://cdn.hankook-precisionworks.com/static/assets/img/ko/mo/common/lg_hpw_w.png) 50% 50% no-repeat !important;background-size:100% auto !important}
.header .hMenu span{background:#fff !important}
.header .hMenu span:before{background:#fff !important}
.header .hMenu span:after{background:#fff !important}

.mt0{margin-top:0 !important}
.mainVisual{position:relative;width:100%;height:100%;margin-top:-60px}
.mainVisual .txt{display:table;position:absolute;left:0;top:0;width:100%;height:100%;/*height:100vh*/}
.mainVisual .txt strong{display:table-cell;vertical-align:middle;font-size:32px;line-height:1.3;text-align:center;color:#fff}
.mainVisual .video{height:100%;height:100vh}
.mainVisual .video video{position:absolute;top:50%;left:50%;min-width:100%;height:100%;transform:translate(-50%, -50%);z-index:-1}/*210517 min-height를 height로 수정*/
/* 결정시 다른계열사 반영 */
.mainVisual .swiper-container{height:100vh;overflow:visible}
.mainVisual .swiper-wrapper{height:100vh;min-height:100%;min-width:100%;position:absolute;top:0;left:0;overflow:hidden}
.mainVisual .swiper-wrapper .swiper-slide{overflow:hidden;min-height:100%;}
.mainVisual .img{height:100%;height:100vh}
.mainVisual .img img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;height:100%;transform: translate(-50%, -50%);width:auto}
/* 결정시 다른계열사 반영 */

.mainVisual .indiWrap{display:none;position:absolute;bottom:0;left:20px;z-index:10;width:100%;height:100%}
.mainVisual .indiWrap .indiList{position:absolute;bottom:30px;left:0;z-index:99900;width:100%} 
.mainVisual .indiWrap .indiList button{width:30px;height:4px;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}
.mainVisual .indiWrap .indiList button.on{width:30px;background-color:#fff}
.mainVisual .iconScroll, .mainVisual .iconScroll:before{position:absolute;left:50%;z-index:100}
.mainVisual .iconScroll{width:22px;height:32px;margin-left:-11px;bottom:24px;box-shadow: inset 0 0 0 1px #fff;border-radius: 20px}
.mainVisual .iconScroll: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);
  }
}

.mainBtn{display:none;position:absolute;right:20px;bottom:30px}
.mainBtn button{display:none;position:relative;z-index:100;width:24px;height:24px;text-indent:-9999px;overflow:hidden;background:url(https://cdn.hankook-precisionworks.com/static/assets/img/ko/mo/main/btn_play_stop.png) no-repeat 0 0;background-size:100% auto}
.mainBtn button.btnStop{background-position:0 0}
.mainBtn button.btnPlay{background-position:0 -24px}

.btnMore{display:inline-block;font-size:13px;font-weight:500;border-bottom:1px solid #000;margin-top:20px;text-align:left}

.swiper-button-disabled{opacity: 0}

.mainCont01{position:relative;overflow:hidden;padding:0 0 25px 0}
.mainCont01 .prScroll{position:fixed;bottom:0;left:0;z-index:1;width:100%;padding-top:1px;background:#fff}
.mainCont01 .prScroll .scroll{position:absolute;top:0;left:0;width:100%;height:1px;background:#f2f2f2}
.mainCont01 .prScroll .scroll .bar{position:absolute;top:0;left:0;width:0;height:100%;background:#000}
.mainCont01 .prScroll .item{display:flex;flex-wrap:nowrap;position:relative;width:100%;overflow-x:auto;background:#fff}
.mainCont01 .prScroll .item::-webkit-scrollbar{display:none}
.mainCont01 .prScroll .item > li{flex:1 0;position:relative;white-space:nowrap}
.mainCont01 .prScroll .item > li > a{display:block;position:relative;padding:0 15px;color:#808080;line-height:50px;text-align:center}
.mainCont01 .prScroll .item > li:first-child{padding-left:5px}
.mainCont01 .prScroll .item > li:last-child{padding-right:5px}
.mainCont01 .prScroll .item > li.on > a{color:#000;font-weight:500}
.mainCont01 .prScroll.fixed{position:fixed;bottom:0;left:0;width:100%;z-index:9}
.mainCont01 .prItem{margin:75px 0;padding-left:20px}
.mainCont01 .prItem .tit{margin-bottom:4px;font-size:30px}
.mainCont01 .prItem .img{margin-bottom:23px}
.mainCont01 .prItem:nth-child(odd) .img{margin-left:-20px;padding-right:20px}
.mainCont01 .prItem .txt{margin-bottom:22px;padding-right:20px}
.mainCont01 .prItem .link{display:inline-block;font-size:13px;font-weight:500;border-bottom:1px solid #000}

.mainCont02{position:relative}
.mainCont02 .img{display:none;position:absolute;right:20px;top:-30%;}
.mainCont02 .txtArea{position:absolute;left:20px;bottom:75px;color:#fff}
.mainCont02 .txtArea .contTitle{font-size:30px;line-height:1.2}
.mainCont02 .txtArea .txt{margin-top:28px;padding-right:20px}
.mainCont02 .btnMore{border-color:#fff}

.mainCont03{position:relative;background:url(https://cdn.hankook-precisionworks.com/static/assets/img/ko/mo/main/bg_main_vision.jpg) no-repeat 0 0;background-size:cover;height:590px}
.mainCont03 .txtArea{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;color:#fff}
.mainCont03 .txtArea .depthTitle{display:block;position:absolute;left:20px;top:315px;font-size:14px;color:#fff;opacity:.7}
.mainCont03 .txtArea .txtInner{position:absolute;left:20px;top:375px}
.mainCont03 .txtArea .largeTxt{font-size:35px;line-height:1.3;padding-right:20px}
.mainCont03 .txtArea .smallTxt{margin-top:25px}
.mainCont03 .btnMore{border-bottom:1px solid #fff}
.mainCont03 .bg{display:none}

.recently_story:after{content:"";display:block;clear:both}
.recently_story{background:#fff;border-top:1px solid #e6e6e6}
.recently_story .inner{position:relative;max-width:100%;margin:0 auto;padding:60px 20px 100px}
.recently_story .sec_tit{display:block;width:124px;height:37px;text-indent:-9999px;background:url(https://cdn.hankook-precisionworks.com/static/assets/img/en/mo/main/tit_tim.png) no-repeat 0 0;background-size:100% auto}
.recently_story .btn_detail{position:absolute;top:45px;right:20px;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;overflow:visible}
.recently_story .list{margin-top:20px;width:2010px}
.recently_story .list:after{content:'';display:block;clear:both}
.recently_story .list > li{width:335px;height:280px !important;overflow:hidden;float:left}
.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}

.ts-controls{width:100%;height:100%;margin:0 20px;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:40px;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:50px;background-color:#fff}

/* 메인 팝업 계열사 공통 적용 */
.layPopup .layCont{padding:0 0 55px 0}
.layPopup .pop_footer{position:fixed;left:0;right:0;bottom:0;width:100%;padding:14px 24px;border-top:1px solid #ededed;background:#fff}
.layPopup .pop_footer .btn_close{float:right;font-size:16px;font-weight:400;color:#666}

.layPopup .layCont .termsArea{padding:20px 20px 30px}

/* 커튼팝업 */
.banner_top{display:none;position:absolute;top:0;z-index:99;width:100%;overflow:hidden;background:#212121;min-height:90px}
.banner_top .pop_content{color:#fff;word-break:keep-all}
.banner_top .btnClose{display:inline-block;position:absolute;padding:10px;color:#aaa;border:0;text-indent:-9999px;width:48px;height:48px;z-index:9999}
.banner_top .btnClose:before, .banner_top .btnClose:after{content:'';position:absolute;top:50%;left:50%;width:29px;height:2px;background-color:#fff}
.banner_top .btnClose:before{-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg)}
.banner_top .btnClose:after{-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg)}
.banner_top .btnClose{top:8px;right:8px}
.banner_top .btnClose:before, .banner_top .pop_close:after{background-color:#fff}
.banner_top .pop_footer{position:absolute;right:0;bottom:0;padding:10px 20px;font-size:12px;color:#fff}
.banner_top .pop_footer .frmCheck.multiL{padding:2px 0 0 0}
.banner_top .pop_footer .frmCheck.multiL input[type=checkbox]{width:16px;height:16px;margin:0 8px 0 0;border:1px solid #d9d9d9;border-radius:100%;background:#fff}
.banner_top .pop_footer .frmCheck.multiL input[type=checkbox]:before{content:'';position:absolute;top:50%;right:0;width:10px;height:4px;margin-top:-4px;border:solid #d9d9d9;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.banner_top .pop_footer .frmCheck.multiL input[type=checkbox]:checked{border-color:#000;background:#000}
.banner_top .pop_footer .frmCheck.multiL input[type=checkbox]:checked:before{border-color:#fff}
.banner_top .pop_footer .frmCheck.multiL label{font-size:12px}