.ghc *{letter-spacing:-0.05rem}
.ghc .ft-bold{font-weight:bold}
.ghc .ui_mgb{margin-bottom:1.6rem}
.ghc .m_only{display:none}
.ghc .df_cont.type2{width:100%}
.ghc .df_cont.type2 .row ~ .row{margin-top:6.4rem}
.ghc .df_cont.type2 .benefit{border-top:.1rem solid #bbb;padding-top:3.9rem;position:relative}
.ghc .df_cont.type2 .benefit .tit_bene{margin-top:4rem;font-size:2.4rem;font-weight:400;color:#000;position:relative}
.ghc .df_cont.type2 .benefit .tit_bene span{display:inline-block;position:relative;padding-right:2.6rem}
.ghc .df_cont.type2 .benefit .tit_bene span.down:before,.ghc .df_cont.type2 .benefit .tit_bene span.up:before{content:"";position:absolute;width:1.8rem;height:1.8rem;top:53%;right:0}
.ghc .df_cont.type2 .benefit .tit_bene span.down:before{transform:translateY(-50%) rotate(-90deg);background:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/w_prevnext.svg") no-repeat center center/100%}
.ghc .df_cont.type2 .benefit .tit_bene span.up:before{transform:translateY(-50%) rotate(90deg);background:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/w_prevnext.svg") no-repeat center center/100%}
.ghc .df_cont.type2 ul{gap:3.2rem;margin-top:1.5rem}
.ghc .df_cont ul{display:flex;justify-content:space-between;gap:1.6rem}
.ghc .df_cont ul li{flex:1}
.ghc .df_cont ul ~ ul{margin-top:4rem}
.ghc .df_cont .tit_cont{font-size:1.6rem;color:#000;font-weight:bold;position:relative}
.ghc .df_cont .tit_cont.dot{padding-left:1.3rem}
.ghc .df_cont .tit_cont.dot:before{content:"";position:absolute;width:.4rem;height:.4rem;top:50%;left:0;transform:translateY(-50%);background:#000}
.ghc .df_cont .img_cont{margin-top:1.6rem}
.ghc .df_cont .logo_cont{margin-bottom:3.2rem}
.ghc .df_cont .desc{margin-top:2.4rem;color:#000;font-size:1.6rem;line-height:1.5;font-weight:300}
.ghc .df_cont .btn{margin-top:3.6rem}
.ghc .logo_wrap ul{display:flex;justify-content:space-between;gap:3.2rem}
.ghc .logo_wrap ul li{flex:1;padding-top:22.223%;box-sizing:border-box;border:.1rem solid rgba(0,0,0,0.1);position:relative;border-radius:50%}
.ghc .logo_wrap ul li span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ghc__tab{margin:0 auto;display:flex;align-items:stretch}
.ghc__tab .tab-item{border-bottom:1px solid rgba(0,0,0,0.15);display:flex;justify-content:center;width:36rem;min-height:7.8rem;flex-direction:column;color:#000;opacity:.3;position:relative;line-height:1.45}
.ghc__tab .tab-item .tab-title{flex:1;display:flex;justify-content:center;align-items:center}
.ghc__tab .tab-item .tab-title h2{text-align:center;padding-top:.6rem}
.ghc__tab .tab-item .tab-title h2.left{text-align:left}
.ghc__tab .tab-item .tab-title h2.right{text-align:right}
.ghc__tab .tab-item .tab-title br{display:none}
.ghc__tab .tab-item:hover{cursor:pointer}
.ghc__tab .tab-item.active{opacity:1;color:#000}
.ghc__tab .tab-item.active::after{content:"";width:100%;height:.1rem;background-color:#000;position:absolute;bottom:-0.1rem}
.ghc__tab .tab-item .txt-project{width:100%;padding-bottom:1.6rem}
.ghc__tab .tab-item .txt-project .tab-text{text-transform:uppercase;color:#000;font-weight:500;text-align:center;letter-spacing:.252rem}
.ghc__tab .tab-item .txt-project .tab-text.left{text-align:left}
.ghc__tab .tab-item .txt-project .tab-text.right{text-align:right}
.ghc .tab-container{margin:0 auto}
.ghc .tab-container .tab-content{display:none}
.ghc .tab-container .tab-content.active{display:block}
.ghc .tab-container{width:100%}
.ghc .tab-container .tab .tab-content__hero{width:80rem}
.ghc .tab-container .tab .tab-content__hero .hero-title{font-size:4.8rem;font-weight:bold;text-align:left;padding-top:12.8rem}
.ghc .tab-container .tab .tab-content__hero .hero-title.center{text-align:center}
.ghc .tab-container .tab .tab-content__hero .hero-title.right{text-align:right}
.ghc .tab-container .tab .tab-content__hero .hero-description{font-weight:300;padding-top:4rem}
.ghc .tab-container .tab .tab-content .individual-contents{width:100%;display:flex;padding-top:12.8rem;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:6.4rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1){border-bottom:0}
.ghc .tab-container .tab .tab-content .individual-contents .left-container{width:35%;padding-right:8rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .lcon-logo{height:3.6rem;margin-bottom:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .l-title{font-weight:400;padding-bottom:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .l-text{font-weight:300;padding-bottom:4rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .btn{padding:0}
.ghc .tab-container .tab .tab-content .individual-contents .right-container{width:65%}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .video-wrap{margin-bottom:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.6rem;margin-bottom:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container .img{max-height:31.8rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(3){padding-top:6.4rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4){padding-top:6.4rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container{display:flex;gap:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .rleft-container{width:46rem;border:1px solid red}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .rleft-container .img{max-width:46rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .rright-container{width:46rem;border:1px solid red}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .rright-container .img{max-width:46rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .circle{width:10.5vw;max-width:16.8rem;height:10vw;max-height:16.8rem;border-radius:50%;border:1px solid rgba(0,0,0,0.1);position:relative}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(4) .right-container .circle__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media all and (max-width:1024px){.ghc .ui_mgb{margin-bottom:.8rem}
.ghc .df_cont.type2 .row ~ .row{margin-top:3.2rem}
.ghc .df_cont.type2 .benefit{padding-top:2rem}
.ghc .df_cont.type2 .benefit .icon img{width:4.8rem}
.ghc .df_cont.type2 .benefit .tit_bene{margin-top:2rem;font-size:1.8rem}
.ghc .df_cont.type2 .benefit .tit_bene span{padding-right:2.2rem}
.ghc .df_cont.type2 .benefit .tit_bene span.down:before,.ghc .df_cont.type2 .benefit .tit_bene span.up:before{width:1.5rem;height:1.5rem}
.ghc .df_cont.type2 .benefit .desc{margin-top:1.6rem}
.ghc .df_cont.type2 ul{gap:1.6rem;margin-top:1.2rem}
.ghc .df_cont ul{gap:.8rem}
.ghc .df_cont ul ~ ul{margin-top:3.2rem}
.ghc .df_cont .tit_cont{font-size:1.3rem}
.ghc .df_cont .tit_cont.dot{padding-left:1rem}
.ghc .df_cont .img_cont{margin-top:1.2rem}
.ghc .df_cont .logo_cont{margin-bottom:1.2rem}
.ghc .df_cont .logo_cont img{height:2rem}
.ghc .df_cont .desc{margin-top:2rem;font-size:1.3rem}
.ghc .df_cont .btn{margin-top:1.2rem}
.ghc__tab{justify-content:space-between}
.ghc__tab .tab-item{line-height:1.35;min-width:17.6rem;min-height:0}
.ghc__tab .tab-item .tab-title h2{font-weight:1.8rem}
.ghc__tab .tab-item .tab-title br{display:block}
.ghc__tab .tab-item .txt-project{padding-bottom:0}
.ghc__tab .tab-item .txt-project .tab-text{max-height:3.1rem;font-size:1.1rem;padding-bottom:1.2rem}
.ghc .tab-container .tab .tab-content__hero{width:100%;max-width:48rem}
.ghc .tab-container .tab .tab-content__hero br{display:none}
.ghc .tab-container .tab .tab-content__hero .hero-title{font-size:2.4rem;padding-top:7.2rem}
.ghc .tab-container .tab .tab-content__hero .hero-description{padding-top:2rem}
.ghc .tab-container .tab .tab-content .individual-contents{padding-top:7.2rem;padding-bottom:3.6rem;flex-direction:column}
.ghc .tab-container .tab .tab-content .individual-contents .left-container{min-width:100%;padding-right:0}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .lcon-logo{height:2.8rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .l-text{font-size:1.4rem;padding-bottom:2.8rem}
.ghc .tab-container .tab .tab-content .individual-contents .left-container .btn{padding-bottom:3.2rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container{width:100%}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .video-wrap{margin-bottom:.8rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container{grid-gap:.8rem;margin-bottom:.8rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container .img{max-height:34.8rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-child(3){padding-top:3.2rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1){padding-top:3.6rem;align-items:inherit}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .left-container{width:100%}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .left-container .l-title{padding-bottom:1.6rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .left-container .l-text{padding-bottom:2.8rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .right-container{min-width:100%}
}
@media all and (max-width:767px){.ghc .pc_only{display:none}
.ghc .m_only{display:block}
.ghc .df_cont.type2 .row ~ .row{margin-top:2.8rem}
.ghc .df_cont.type2 .benefit{padding-left:7.6rem;box-sizing:border-box}
.ghc .df_cont.type2 .benefit .icon{position:absolute;top:2rem;left:.8rem}
.ghc .df_cont.type2 .benefit .tit_bene{margin-top:0;font-size:1.6rem}
.ghc .df_cont.type2 ul{flex-direction:column;gap:2.8rem}
.ghc .df_cont ul{row-gap:2.8rem;flex-direction:column}
.ghc .df_cont ul ~ ul{margin-top:2.8rem}
.ghc .logo_wrap ul{gap:1.2rem}
.ghc .logo_wrap ul li{padding-top:21.455%}
.ghc__tab{width:100vw;transform:translate(-2rem);padding:0 2rem;overflow-x:scroll;overflow-y:hidden}
.ghc__tab .tab-item.active::after{bottom:0}
.ghc .tab-container .tab .tab-content__hero .hero-title{padding-top:6.4rem}
.ghc .tab-container .tab .tab-content__hero .hero-description{word-break:inherit}
.ghc .tab-container .tab .tab-content .individual-contents{padding-top:6.4rem;padding-bottom:3.2rem}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container{display:block;margin-bottom:0}
.ghc .tab-container .tab .tab-content .individual-contents .right-container .img-container .img{max-height:100%;margin-bottom:.8rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1){padding-top:3.2rem}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .right-container .circle{flex:none;padding:calc((100% - 32px) / 6)}
.ghc .tab-container .tab .tab-content .individual-contents:nth-last-child(1) .right-container .circle__text p{font-size:1.3rem}
}