@charset "utf-8";

/* 180122 수정 | 기존폰트 주석처리 */
/*
@font-face {
font-family: 'HankookTire';
font-weight:normal;
font-style:normal;
src: url('../../gt/clientlibs/font/HankookTTFRegular.woff') format('woff'),
url('../../gt/clientlibs/font/HankookTTFRegular.otf') format('opentype'),
url('../../gt/clientlibs/font/HankookTTFRegular.svg#HankookTTFRegular') format('svg');
}
@font-face {
font-family: 'HankookTire';
font-weight:600;
font-style:normal;
src: url('../../gt/clientlibs/font/HankookTTFRegular.woff') format('woff'),
url('../../gt/clientlibs/font/HankookTTFRegular.otf') format('opentype'),
url('../../gt/clientlibs/font/HankookTTFRegular.svg#HankookTTFRegular') format('svg');
}
@font-face {
font-family: 'HankookTire';
font-weight:500;
font-style:normal;"gt/clientlibs/css/common.css"
src: url('../../gt/clientlibs/font/HankookTTFMedium.woff') format('woff'),
url('../../gt/clientlibs/font/HankookTTFMedium.otf') format('opentype'),
url('../../gt/clientlibs/font/HankookTTFMedium.svg#HankookTTFMedium') format('svg');
}
@font-face {
font-family: 'HankookTire';
font-weight:bold;
font-style:normal;
src: url('../../gt/clientlibs/font/HankookTTFMedium.woff') format('woff'),
url('../../gt/clientlibs/font/HankookTTFMedium.otf') format('opentype'),
url('../../gt/clientlibs/font/HankookTTFMedium.svg#HankookTTFMedium') format('svg');
}

/* kr *
@font-face {
font-family: 'HankookTireKR';
font-weight:normal;
font-style:normal;
src: url('../../gt/clientlibs/font/HankookKRTTFRegular.woff') format('woff'),
url('../../gt/clientlibs/font/HankookKRTTFRegular.ttf') format('truetype'),
url('../../gt/clientlibs/font/HankookKRTTFRegular.svg#HankookTTFBold') format('svg');
}
@font-face {
font-family: 'HankookTireKR';
font-weight:bold;
font-style:normal;
src: url('../../gt/clientlibs/font/HankookKRTTFRegular.woff') format('woff'),
url('../../gt/clientlibs/font/HankookKRTTFRegular.ttf') format('truetype'),
url('../../gt/clientlibs/font/HankookKRTTFRegular.svg#HankookTTFBold') format('svg');
}
*/
/* 20200527 수정  */
@font-face {
    font-family: 'HankookTire';
    font-weight:300;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFLight.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFLight.otf') format('opentype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFLight.svg#HankookTTFLight') format('svg');
}
@font-face {
    font-family: 'HankookTire';
    font-weight:400;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFRegular.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFRegular.otf') format('opentype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFRegular.svg#HankookTTFRegular') format('svg');
}
@font-face {
    font-family: 'HankookTire';
    font-weight:500;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFMedium.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFMedium.otf') format('opentype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFMedium.svg#HankookTTFMedium') format('svg');
}
@font-face {
    font-family: 'HankookTire';
    font-weight:700;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.svg#HankookTTFBold') format('svg');
}
@font-face {
    font-family: 'HankookTire';
    font-weight:900;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFBold.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFBold.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFBold.svg#HankookTTFBold') format('svg');
}

/* kr */
@font-face {
    font-family: 'HankookTireKR';
    font-weight:300;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookKRTTFLight.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFLight.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFLight.svg#HankookTTFBold') format('svg');
}
@font-face {
    font-family: 'HankookTireKR';
    font-weight:400;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookKRTTFRegular.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFRegular.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFRegular.svg#HankookTTFBold') format('svg');
}
@font-face {
    font-family: 'HankookTireKR';
    font-weight:500;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFMedium.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFMedium.otf') format('opentype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFMedium.svg#HankookTTFMedium') format('svg');
}
@font-face {
    font-family: 'HankookTireKR';
    font-weight:700;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookTTFSemibold.svg#HankookTTFBold') format('svg');
}

@font-face {
    font-family: 'HankookTireKR';
    font-weight:900;
    font-style:normal;
    src: url('../../gt/clientlibs/font/newfont/HankookKRTTFBold.woff') format('woff'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFBold.ttf') format('truetype'),
    url('../../gt/clientlibs/font/newfont/HankookKRTTFBold.svg#HankookTTFBold') format('svg');
}
/* //20200527  */

/* 20201028 [TBR 구동축 이미지 변경건] 추가 */
/**
 * Swiper 4.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 1, 2018
 */
.swiperwrap-ht2020 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiperwrap-ht2020 .swiper-container-no-flexbox .swiper-slide{float:left}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiperwrap-ht2020 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiperwrap-ht2020 .swiper-container-android .swiper-slide,.swiperwrap-ht2020 .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiperwrap-ht2020 .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiperwrap-ht2020 .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiperwrap-ht2020 .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiperwrap-ht2020 .swiper-invisible-blank-slide{visibility:hidden}
.swiperwrap-ht2020 .swiper-container-autoheight,.swiperwrap-ht2020 .swiper-container-autoheight .swiper-slide{height:auto}
.swiperwrap-ht2020 .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiperwrap-ht2020 .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiperwrap-ht2020 .swiper-container-3d .swiper-cube-shadow,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-bottom,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-left,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-right,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-top,.swiperwrap-ht2020 .swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-bottom,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-left,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-right,.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiperwrap-ht2020 .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiperwrap-ht2020 .swiper-container-wp8-horizontal,.swiperwrap-ht2020 .swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiperwrap-ht2020 .swiper-container-wp8-vertical,.swiperwrap-ht2020 .swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiperwrap-ht2020 .swiper-button-next,.swiperwrap-ht2020 .swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiperwrap-ht2020 .swiper-button-next.swiper-button-disabled,.swiperwrap-ht2020 .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiperwrap-ht2020 .swiper-button-prev,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiperwrap-ht2020 .swiper-button-next,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiperwrap-ht2020 .swiper-button-prev.swiper-button-white,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiperwrap-ht2020 .swiper-button-next.swiper-button-white,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiperwrap-ht2020 .swiper-button-prev.swiper-button-black,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiperwrap-ht2020 .swiper-button-next.swiper-button-black,.swiperwrap-ht2020 .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiperwrap-ht2020 .swiper-button-lock{display:none}
.swiperwrap-ht2020 .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiperwrap-ht2020 .swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-bullets,.swiperwrap-ht2020 .swiper-pagination-custom,.swiperwrap-ht2020 .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiperwrap-ht2020 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiperwrap-ht2020 .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiperwrap-ht2020 button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiperwrap-ht2020 .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiperwrap-ht2020 .swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiperwrap-ht2020 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiperwrap-ht2020 .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiperwrap-ht2020 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiperwrap-ht2020 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-progressbar,.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiperwrap-ht2020 .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiperwrap-ht2020 .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiperwrap-ht2020 .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiperwrap-ht2020 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiperwrap-ht2020 .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiperwrap-ht2020 .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiperwrap-ht2020 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiperwrap-ht2020 .swiper-pagination-lock{display:none}
.swiperwrap-ht2020 .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiperwrap-ht2020 .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiperwrap-ht2020 .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiperwrap-ht2020 .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiperwrap-ht2020 .swiper-scrollbar-cursor-drag{cursor:move}
.swiperwrap-ht2020 .swiper-scrollbar-lock{display:none}
.swiperwrap-ht2020 .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiperwrap-ht2020 .swiper-zoom-container>canvas,.swiperwrap-ht2020 .swiper-zoom-container>img,.swiperwrap-ht2020 .swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiperwrap-ht2020 .swiper-slide-zoomed{cursor:move}
.swiperwrap-ht2020 .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiperwrap-ht2020 .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiperwrap-ht2020 .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiperwrap-ht2020 .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiperwrap-ht2020 .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiperwrap-ht2020 .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiperwrap-ht2020 .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiperwrap-ht2020 .swiper-container-fade .swiper-slide-active,.swiperwrap-ht2020 .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiperwrap-ht2020 .swiper-container-cube{overflow:visible}
.swiperwrap-ht2020 .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiperwrap-ht2020 .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiperwrap-ht2020 .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-active,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-active,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-next,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-next+.swiper-slide,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-shadow-bottom,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-shadow-left,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-shadow-right,.swiperwrap-ht2020 .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiperwrap-ht2020 .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiperwrap-ht2020 .swiper-container-flip{overflow:visible}
.swiperwrap-ht2020 .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiperwrap-ht2020 .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-active,.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-shadow-bottom,.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-shadow-left,.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-shadow-right,.swiperwrap-ht2020 .swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiperwrap-ht2020 .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* //20201028 [TBR 구동축 이미지 변경건] 추가 */

*{-webkit-text-size-adjust:none}
html{min-width:320px;height:100%}
body{background:#fff;font-size:13px;line-height:18px;color:#777;-webkit-tap-highlight-color:rgba(0,0,0,0.3);word-wrap:break-word;word-break:keep-all;-webkit-overflow-scrolling:touch}
:lang(zh) body,
:lang(ja_jp) body {word-break:normal}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button{margin:0;padding:0;font-family :HankookTire, Arial, Helvetica, HankookTireKR, sans-serif;font-weight:normal}
section,nav,article,aside,hgroup,header,footer,iframe{display:block}
form,fieldset,img{border:0 none}
/*.container table th,.container table td{border:0}*/
em{font-style:normal}
ul,ol,li{list-style:none outside}
a{text-decoration:none;color:#333}
.hidden{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px !important;clip:rect(0 0 0 0)}
/*legend{display:block;width:0;height:0;text-indent:-9000px;overflow:hidden}*/
.skip{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:1px;line-height:0}
input[type='text'],input[type='password'],input[type='tel'],input[type='number'],input[type='search'],input[type='email'],input[type='date']{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;}/* 20200623 추가 */
select:active,select:focus,select:hover  {border-color:#333;}/* 20200623 추가 */}
:lang(ko) input[type='password']{font-family:HankookTire, Arial, Helvetica, sans-serif}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle;background:none}
.container table{width:100%;border-collapse:collapse;/*border:0;*/border-spacing:0;table-layout:fixed}
.container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;vertical-align:middle}
.container .formWrap input{-webkit-appearance:none}
.container caption{overflow:hidden;margin-left:-9999px;width:1px;height:1px;font-size:1px;line-height:0}
:lang(ko) {font-family:HankookTireKR, 'malgun gothic', 'Droid sans', sans-serif;font-weight:normal}/* 20200527 수정 */
/*:lang(ja) {font-family:hiragino, HankookTireKR, sans-serif}*/
:lang(ja_jp) {font-family:HankookTire, hiragino, sans-serif}
:lang(zh) {font-family:'noto sans CJK', HankookTireKR, sans-serif}
:lang(ar) {font-family:arial, Helvetica, HankookTireKR, sans-serif}

.dpBlock{display:inline-block !important}
.psr{position:relative !important}
.psReset{position:static !important}
.conHidden{overflow:hidden !important}
.cb{clear:both !important}
.mt0 {margin-top:0 !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pt60 {padding-top:60px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pb50 {padding-bottom:50px !important}
.pb60 {padding-bottom:60px !important}
.mgLR {margin:0 -20px !important}
.dpNone {display:none !important}

.pointColor1 {color:#f47d31 !important}

.tleft{text-align:left !important}
.tright{text-align:right !important}
.tcenter{text-align:center !important}

.scale {overflow:hidden}

/* 20200826 추가 */
.blind {display: none;overflow: hidden;position: absolute;top: 0;left: 0;width: 0px;height: 0px;font-size: 0px;line-height: 0;text-indent: -9999px;}
/*.ghost {margin-bottom:-50px;height:0}*/ /* empty div removed css */


/** head **/
header{position:relative;top:0;left:0;z-index:8999;width:100%}
.headWrap{position:relative;padding:15px 0 15px;background:#fff;text-align:center}
.headWrap.noshow:after,
.gnb .gnbHead.noshow:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;/*height:4px;*/background:url(../../gt/images/line_head.gif) no-repeat 0 0;-webkit-background-size:100% 4px;-moz-background-size:100% 4px;-o-background-size:100% 4px;background-size:100% 4px}/*20190109 modify james*/
.headWrap .hLogo{display:block}
.headWrap .hLogo>a{display:inline-block;height:24px;vertical-align:top}
.headWrap .hLogo img{width:115px!important;height:24px!important;}
.headWrap aside{position:absolute;top:10px;right:10px}
.headWrap aside .menuAll{overflow:hidden;display:block;width:23px;height:23px;padding:5px;background:url(../../gt/images/ico_gt_gnb.png) center -67px no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto;color:transparent;line-height:0;font-size:0}
header .headImg,
header .headImg img{display:block;height:4px}
/* gnb */
.gnb{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
.gnb.on{display:block}
.gnb .gnbHead{display:block;position:relative;top:0;left:0;width:100%;padding:16px 20px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#222226;font-size:13px}
.gnb .gnbHead .cName{color:#fff}
.gnb .gnbHead .cName img{display:inline-block;width:20px;margin:-2px 10px 0 0;vertical-align:middle}
.gnb .gnbClose{position:absolute;top:10px;right:13px;display:block;overflow:hidden;width:30px;height:30px;text-indent:-9999px}
.gnb .gnbClose:before{display:inline-block;content:'';width:15px;height:15px;position:absolute;left:50%;top:50%;margin:-7px 0 0 -8px;background:url(../../gt/images/ico_gt_gnb.png) 100% -96px no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto}
.gnbInner {overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff}
.gnbInner a {display:block}
.gnbInner .list>li{position:relative}
.gnbInner .list>li .titArea,
.gnbInner .list>li .homeLink {position:relative;padding:19px 20px;font-size:15px;color:#111;border-bottom:1px solid #d9d9de;background:#ebebef;font-weight:normal}
.gnbInner .list>li .titArea{padding-right:60px}
.gnbInner .list>li .titArea .titLink{display:inline-block;font-weight:normal}
.gnbInner .list>li .titArea .titLink .btnGo{display:none}
.gnbInner .list>li .homeLink:before{content:'';display:inline-block;padding-right:13px;width:13px;height:16px;vertical-align:-2px;background:url(../../gt/images/ico_gt_gnb.png) 0 0 no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto}
/*.gnbInner .list>li .homeLink:after,
.gnbInner .list>li .subList02 li a.subtit.along:after{content:'';position:absolute;top:50%;right:20px;margin-top:-6px;width:13px;height:12px;vertical-align:middle;background:url(../../gt/images/ico_gt_gnb.png) 0 -25px no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto}*/
.gnbInner .list>li .btnOpen{position:absolute;top:0;right:0;display:block;overflow:hidden;width:100%;height:100%;text-indent:-9999px}
.gnbInner .list>li .btnOpen:after,
.gnbInner .list>li .subList02>li a.subtit:after {content:'';position:absolute;top:50%;right:20px;margin-top:-6px;width:12px;height:12px;vertical-align:middle;background:url(../../gt/images/ico_gt_gnb.png) 0 -50px no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto}
.gnbInner .list>li .subList02 li a.subtit.along:after {display:none}
.gnbInner .list>li .btnOpen:after{top:50%;right:13px;margin-top:0;width:30px;height:30px;margin-top:-15px;background-position:8px -42px}
.gnbInner .list>li>ul {display:none}
.gnbInner .list>li.on .titArea{background:#fff;border:none}
.gnbInner .list>li.on .titArea .titLink{position:relative;padding-right:60px;color:#f47d31;font-weight:bold}
.gnbInner .list>li.on .titArea .titLink .btnGo{z-index:10;display:inline-block;position:absolute;top:-5px;left:0;width:100%;height:100%;padding:5px 0;text-indent:-9999px}
.gnbInner .list>li.on .titArea .titLink .btnGo:after{display:inline-block;content:'';position:absolute;top:50%;right:35px;width:17px;height:16px;margin-top:-8px;background:url(../../gt/images/ico_gt_gnb.png) 0 -111px no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto}
:lang(ko) .gnbInner .list>li.on .titArea .titLink .btnGo:after{margin-top:-10px}
.gnbInner .list>li.on .btnOpen:after,
.gnbInner .list>li.on .subList02>li.on a.subtit:after{content:'';position:absolute;top:50%;right:20px;width:12px;height:1px;margin-top:-1px;background:#f47d31}
.gnbInner .list>li.on .subList02>li.on a.subtit:after {background:#fff}
.gnbInner .list>li.on .btnOpen:after{right:22px}
.gnbInner .list>li.on>ul {display:block;margin:0 20px 20px}
.gnbInner .list>li .subList02>li a.subtit {position:relative;padding:15px 35px 15px 20px;font-size:13px;color:#444;border:1px solid #d9d9de;background:#ebebef}
.gnbInner .list>li .subList02>li+li a.subtit{border-top:none}
.gnbInner .list>li.on+li,
.gnbInner .list>li .subList02>li.on+li a.subtit{border-top:1px solid #d9d9de}
.gnbInner .list>li .subList02>li.on a.subtit {border:none;background:#222226;color:#fff}
.gnbInner .list>li .subList02>li .subList03 {display:none;margin:10px 0}
.gnbInner .list>li .subList02>li .subList03 a {padding:10px 20px;font-size:15px;color:#777}
.gnbInner .list>li .subList02>li.on .subList03 {display:block}
.gnbInner .list>li:first-child.on+li{border-top:none}
.gnb .gnbBanner{position:fixed;bottom:0;left:0;z-index:99999;display:table;width:100%;background:#222226}
.gnb .gnbBanner li{display:table-cell;width:50%;vertical-align:middle;text-align:center}
.gnb .gnbBanner li>a{display:inline-block;position:relative;padding:18px 7px 13px;color:#fff;text-align:center}
.gnb .gnbBanner li>a:before{display:table-cell;content:'';width:25px;height:25px;vertical-align:top;background:url(../../gt/images/ico_gt_gnbbanner.png) 0 0 no-repeat;-webkit-background-size:auto 25px;-moz-background-size:auto 25px;-o-background-size:auto 25px;background-size:auto 25px}
.gnb .gnbBanner li>a>span{display:table-cell;padding:3px 0 0 8px;vertical-align:top;text-align:left}
.gnb .gnbBanner li:nth-child(2){border-left:1px solid #39393c}
.gnb .gnbBanner li:nth-child(2)>a:before{background-position:-25px 0}
/*.gnb .gnbBanner{position:fixed;bottom:0;left:0;z-index:99999;display:table;width:100%;background:#222226}
.gnb .gnbBanner li{display:table-cell;width:50%}
.gnb .gnbBanner li>a{display:block;position:relative;padding:17px 10px 18px;color:#fff;text-align:center}
.gnb .gnbBanner li>a:before{display:inline-block;content:'';width:25px;height:25px;margin-right:8px;vertical-align:middle;background:url(../../gt/images/ico_gt_gnbbanner.png) 0 0 no-repeat;-webkit-background-size:25px auto;-moz-background-size:25px auto;-o-background-size:25px auto;background-size:25px auto}
.gnb .gnbBanner li:nth-child(2){border-left:1px solid #39393c}
.gnb .gnbBanner li:nth-child(2)>a:before{background-position:0 -25px}*/

/** footer **/
footer{overflow:hidden;padding:0 20px 50px;text-align:center;border-top:1px solid #e7e7eb;line-height:18px}
footer .fLink{overflow:hidden;margin:0 -20px;padding:0 20px 15px;text-align:left;border-bottom:1px solid #e3e3e8;background:#f6f6f9}
footer .fLink .global{position:relative;display:inline-block;float:left;margin-top:15px;color:#777;font-size:15px;padding-left:20px}
footer .fLink .global:before{content:'';position:absolute;top:0;left:0;display:block;width:16px;height:18px;background:url(../../gt/images/bg_footer.png) 0 0 no-repeat;background-size:18px auto}
footer .fLink .sns{float:right;margin-top:15px}
footer .fLink .sns .link{display:inline-block;width:18px;height:18px;margin-left:11px;overflow:hidden;text-indent:-9999px;vertical-align:top;background:url(../../gt/images/bg_footer.png) 0 0 no-repeat;background-size:18px auto}
footer .fLink .sns .link.twitter{background-position:0 -20px}
footer .fLink .sns .link.facebook{background-position:0 -40px}
footer .fLink .sns .link.youtube{background-position:0 -60px}
footer .fLink .sns .link.instagram{background-position:0 -80px}
footer .fLink .sns .link.sgs{background-position:0 -100px}
footer .fLink .sns .link.wechat{background-position:0 -120px}
footer .fLink .sns .link.weibo{background-position:0 -140px}
footer .fLink .sns .link.naverpost{background-position:0 -160px}
footer .fLink .sns .link.naverblog{background-position:0 -180px}
footer .fLink .sns .link.vk{background-position:0 -200px}

footer .fBanner{margin:0 -20px;padding:0 20px;text-align:left;border-bottom:1px solid #e3e3e8;background:#f6f6f9}
footer .fBanner [class^=bnrType]{position:relative;padding:20px 0;border-top:1px dashed #e2e2e6}
footer .fBanner [class^=bnrType]:first-child{border-top:0}
footer .fBanner .tit{display:block;margin-bottom:15px;color:#777;font-weight:normal;line-height:1}
footer .fBanner .bnr img{width:100%;max-width:95px;margin:0 auto;vertical-align:middle}
footer .fBanner .bnrType1{padding-top:30px}
footer .fBanner .bnrType1 .bnr{overflow:hidden;margin:-10px 0 0 0;/*margin:-10px -25px 0 0*/}
footer .fBanner .bnrType1 .tit{font-weight:bold;}/* 20180703 추가 */
footer .fBanner .bnrType2 .tit{font-weight:bold;}/* 20200602 추가 */
footer .fBanner .bnrType1 .bnr a{display:block;float:left;width:33%;margin-top:15px;box-sizing:border-box;text-align:center}
footer .fBanner .bnrType1 .bnr a:nth-child(n+3){margin-top:20px}
footer .fBanner .bnrType1 .bnr a span{display:block;/*display:block;float:left;width:25%;margin-top:10px;padding-right:25px;box-sizing:border-box*/}
footer .fBanner .bnrType2 .bnr a {display:inline-block}
footer .fMenu{overflow:hidden;width:85%;/*padding-top:23px;*/text-align:left}/* 20191127 패밀리사이트  */
footer .fMenu li{display:inline-block;margin-top:7px;vertical-align:top}
footer .fMenu li:after{content:'';display:inline-block;width:1px;height:10px;margin:0 6px 0 10px;background:#e0e0e0;vertical-align:middle}
footer .fMenu li:last-child:after{display:none}
footer .fMenu li a{color:#888}
footer .cpr{width:85%;margin-top:20px;color:#888;text-align:left;line-height:17px}
footer .btnFc{margin-top:15px;margin-left:-4px;text-align:left}

/** cookie pop **/
.cookiepop {position:fixed;bottom:0;width:100%;padding:20px 50px 20px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;background:#2d2d31;opacity:0.9;z-index:99999}
.cookiepop .con p {color:#fff;font-size:15px;line-height:20px}
.cookiepop .con a {display:inline-block;margin:0 0 0 -10px;padding:10px;color:#aaa}/* 20180724 수정 | margin-top 0 */
.cookiepop .con a:after {content:'';display:inline-block;width:5px;height:8px;margin-left:20px;background:url(../../gt/images/ico_gt_banner.png) no-repeat 0 0 ;-webkit-background-size:5px auto;-moz-background-size:5px auto;-o-background-size:5px auto;background-size:5px auto;color:#f47d31}
.cookiepop .close {display:block;position:absolute;top:10px;right:0;width:16px;height:16px;padding:20px;background:url(../../gt/images/ico_cookieclose_btn.png) no-repeat 50% ;-webkit-background-size:16px;-moz-background-size:16px;-o-background-size:16px;background-size:16px;font-size:0;color:transparent;line-height:0}
.cookiepop.inBtn{padding-right:20px;}/* 20180724 추가 | 쿠키팝업 내 버튼 삽입형태 */
.cookiepop.inBtn .btnFc{display:inline-block;margin:0;}
.cookiepop.inBtn .btnFc span{padding:0;}
.cookiepop.inBtn .btnFc .close{position:relative;top:0;left:0;width:auto;line-height:inherit;height:auto;}
.cookiepop.inBtn .btnFc .cookieBtn{margin:0;padding:12px 20px;color:#fff;background:#f47d31;font-size:15px;}
.cookiepop.inBtn .btnFc .cookieBtn:after{display:none;}
.cookiepop.inBtn .con>.section{display:table;width:100%;}
.cookiepop.inBtn .section div{display:table-cell;vertical-align:top}
.cookiepop.inBtn .section .btnFc{padding-top:18px;vertical-align:top;text-align:right;}

/* 20180517 추가 | EU,GL cookie modal popup  */
.cookieModalpop .popLayer, .cookieModalpop .dimmed{display:block;}
.cookieModalpop .popLayer{bottom:inherit;padding:0 0 40px;}
.cookieModalpop .popLayer .popCon{padding:25px 15px;text-align:center;}
.cookieModalpop .popLayer .popCon .popTxt{font-size:13px;line-height:18px;color:#111;margin-bottom:15px;}
.cookieModalpop .cookie-move{font-size:13px;font-weight:bold;color:#f47d31;text-decoration:underline;}
.cookieModalpop .cookie-move:after{display:inline-block;content:'';width:5px;height:9px;margin-left:12px;background:url(../../gt/gt/images/bl_arrowlink.gif) 0 0 no-repeat;background-size:5px auto}
.cookieModalpop .popLayer .btnEc .btn{border:none;color:#fff;line-height:40px;}
.cookieModalpop .popLayer .btnEc .btn.btnOrange{background:#f47d31;}
.cookieModalpop .popLayer .btnEc .btn.btnBlack{background:#222226;}

#content {margin:0 20px 50px; /*margin:0 20px*/}
.container h1{margin:0 -20px;padding:12px 20px;font-size:18px;line-height:23px;color:#fff;text-align:center;background:#222226;border-bottom:1px solid #2d2d31}
.container h2{margin:36px 0 16px;font-size:19px;line-height:25px;color:#111;font-weight:500}
.container h3{margin:34px 0 16px;font-size:17px;font-weight:bold;line-height:22px;color:#444}
.container h1+h2 {margin-top:20px}
.container h1 span, .container h2 span, .container h3 span{display:block}
.titDep{display:block;margin:18px 0 14px;color:#444;font-size:15px;font-weight:bold;line-height:20px} /* h3 하위 뎁스 타이틀 */
.btitle {color:#f47d31 !important} /* 타이틀 컬러 추가시 */
.coImg, .bannerImg, .coVideo {margin:18px 0 38px}
div>.coImg:first-child{margin-top:0}
.coImg_fixed {overflow:hidden;margin:0 -20px}
.coImg_fixed .visualCon .img {margin:0 -100%;text-align:center}
.coImg_fixed .visualCon .img img {width:auto;height:225px}
.coImg_fixed .titDep {margin:0 20px;text-align:center}
.coImg_fixed .txtEdit {margin:16px 20px}
.txtEdit, p.txtEditMore {margin:16px 0;font-size:13px}
.txtEditMore{position:relative;height:125px;overflow:hidden}
.txtEditMore .txtMore{position:absolute;left:0;bottom:0;width:100%;height:30px;text-indent:-9999px;background:#fff url(../../gt/images/bg_arr_more.png) 50% 50% no-repeat;-webkit-background-size:12px auto;-moz-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
.txtEditMore .txtMore:before{content:'';display:block;position:absolute;top:-15px;left:0;width:100%;height:15px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.txtEditMore .txtEdit:first-child{margin-top:0}
.visualCon {margin-bottom:18px}
.visualCon .img,
.visualCon .video{display:block;vertical-align:top;line-height:0}
.visualCon .img img {width:100%}
.keyvisual,
.keyvisualSub {overflow:hidden;position:relative;margin:0 -20px 20px}
.landingMn{overflow:hidden;position:relative;margin:-20px -20px 20px}
/*.landingMn:first-child{margin-top:0}
.landingMn:last-child {margin-bottom:-50px}*/
div:last-child>.landingMn {margin-bottom:-50px}
/*.keyvisual .con, .landingMn .con{display:block}
.keyvisual .img, .landingMn .img {display:block;margin:0 -100%;vertical-align:top;line-height:0;text-align:center}
.keyvisual .img img {height:315px}*/
.keyvisual .con, .landingMn .con{display:block}
.keyvisual .img, .landingMn .img {display:block;vertical-align:top;line-height:0}
.keyvisual .img img, .landingMn .img img{width:100%}
.keyvisual .keyvisualTxt {position:absolute;top:40px;left:20px;margin:0 30px 0 20px;width:80%}
.keyvisual .keyvisualTxt h1 {color:#fff;font-size:30px;margin:0 0 20px;padding:0;text-align:left;line-height:1;border-bottom:0;background:none}
.keyvisual .keyvisualTxt .txt {color:#ccc;font-size:13px}
/*.landingMn .img img {height:150px}*/
.landingMn h2 {position:absolute;/*top:60px;left:35px;max-width:210px;*/position:absolute;top:50%;left:35px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);max-width:100%;margin:0;padding:0;color:#fff;font-size:20px;text-align:left;border:0;background:none;z-index:1}
/*.keyvisualSub .img {display:block;margin:0 -100%;vertical-align:top;line-height:0;text-align:center}
.keyvisualSub .img img {height:200px}*/
.keyvisualSub .img {display:block;vertical-align:top;line-height:0}
.keyvisualSub .img img {width:100%}
.keyvisualSub h1 {margin:0}
.mapArea .mapCon {margin-bottom:20px}
.mapArea .mapCon img {width:100%;vertical-align:top;line-height:0}
.conBanner{margin:20px -20px 0}
.conBanner .bnArea{display:block;position:relative}
/*.conBanner a[class*="bnArea"]:last-child{margin-bottom:-50px}*/
.conBanner .bnArea .img{display:block}
.conBanner .bnArea .img img{display:block;width:100%}
.conBanner .bnArea .txtArea{position:absolute;top:35px;left:40px;max-width:210px;margin:0;color:#fff}
.conBanner .bnArea .txtArea .tit{font-size:13px;line-height:18px}
.conBanner .bnArea .txtArea .subTit{display:block;font-size:20px;font-weight:normal;line-height:25px}
.conBanner .bnArea .txtArea .tit+.subTit{font-weight:bold}

/*
@media screen and (max-width:320px) {
	.conBanner .bnArea .txtArea{top:15%;margin-right:50px}
}
*/

.ess{display:inline-block;width:9px;height:9px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_ess.png) 0 0 no-repeat;-webkit-background-size:9px auto;-moz-background-size:9px auto;-o-background-size:9px auto;background-size:9px auto}
.txtTotal{margin-top:20px;margin-bottom:10px}
.txtTotal strong{color:#444}
.txtTotal strong.point{color:#f47d31;font-weight:bold}
.txtInfo{margin:28px 0;padding-bottom:30px;border-bottom:1px solid #ebebef}
.txtInfo strong{color:#444}
.txtDesc{margin:38px 0;color:#444}
.txtBold{display:block;margin:16px 0;color:#f47d31;font-size:15px;font-weight:bold;line-height:20px}
.txtLink{color:#f47d31;font-weight:bold;text-decoration:underline} span.txtLink, p.txtLink{text-decoration:none}
.tIcon{display:inline-block;overflow:hidden;text-indent:-9999px;width:16px;height:16px;margin:-2px 5px 0 0;vertical-align:middle;background:url(../../gt/images/ico_info.png) 0 0 no-repeat;background-size:16px auto}
.tIcon.tel{background-position:0 0}
.tIcon.fax{background-position:0 -17px}
.tIcon.email{background-position:0 -34px}
.tIcon.site{background-position:0 -51px}

.txtList li{position:relative;padding-left:10px;margin-top:6px}
.txtList li:before{content:'- ';display:inline-block;width:10px;margin-left:-10px}
.txtList .caution{margin-top:5px!important}
.txtList .btnFc{margin-top:6px}
.txtList span.txtSpace{margin:-18px 0 0 37px;display: block} /* 찾아오시는길 */
.txtList [class*=listDep] li:before{content:'';width:10px;background:url(../../gt/images/bl_text.png) 0 -1px no-repeat;background-size:5px auto}
.txtList .listDep1 > li:before{height:7px}
.txtList .listDep2 > li:before{height:8px;background-position:0 -8px}

.caution{position:relative;margin-top:8px;padding-left:20px;color:#999}
p.caution:before,
ul.caution > li:before,
dl.caution dt:before{content:'';display:inline-block;width:20px;height:15px;margin-left:-20px;vertical-align:middle;background:url(../../gt/images/bl_caution.png) 0 0 no-repeat;-webkit-background-size:15px auto;-moz-background-size:15px auto;-o-background-size:15px auto;background-size:15px auto}
ul.caution:before{position:absolute;top:1px;left:0;margin-left:0}
dl.caution dt{margin-top:20px;font-weight:bold}
ul.caution > li{margin-top:6px}
p.caution+.btnFc{margin:6px 0 0 16px !important}
ul.caution .btnFc{margin-top:6px}

.introEx {overflow:hidden;margin:20px 0}
.introEx h3 {float:left;margin:0}
.introEx .ex {float:right;margin-top:5px}
.ex {font-size:13px;color:#999;text-align:right}

.infoEx {overflow:hidden}
.infoEx .caution {float:left}
.infoEx .ex {float:right;margin-top:10px}

.financeCon .img {display:block;margin:10px -20px 0}
.financeCon .img img {width:100%;vertical-align:top}
.financeCon .tblType1+h3{margin-top:40px}
.financeCon .tblType1+.introEx h3,
.financeCon .tblType1+.introEx h3+.ex{margin-top:20px}

.brandLogo {margin:40px 0 18px}
.brandLogo img {max-width:100%;max-height:40px;vertical-align:top}

/* bullet component : 어써링 용도 p태그 사용 */
[class*=blDep]{position:relative;padding-left:10px;margin-top:6px}
[class*=blDep]:before{content:'';display:inline-block;width:10px;margin-left:-10px;background:url(../../gt/images/bl_text.png) 0 0 no-repeat;background-size:5px auto}
.blDep1:before{content:'- ';background:none}
.blDep2{margin-left:10px}
.blDep2:before{height:7px;background-position:0 -1px}
.blDep3{margin-left:20px}
.blDep3:before{height:8px;background-position:0 -8px}
.cautionDep.blDep1{margin-left:20px}
.cautionDep.blDep2{margin-left:30px}

/** common menu **/
/* quick menu */
.quickMn {position:fixed;right:10px;bottom:113px;z-index:10001}
.quickMn .btnQuick {display:block;width:50px;height:50px;background:url(../../gt/images/bg_quick.png) no-repeat 0 0;-webkit-background-size:100px auto;-moz-background-size:100px auto;-o-background-size:100px auto;background-size:100px auto;font-size:0;color:transparent;line-height:0}
.quickMn.on .btnQuick {background-position:-50px 0}
.quickMn .conQuick {display:none;position:absolute;bottom:49px;right:0}
/*.quickMn .conQuick li {overflow:hidden;width:255px}
.quickMn .conQuick li strong {float:left;width:175px;margin:20px 30px 0 0;font-size:20px;font-weight:normal;color:#fff;text-align:right}
.quickMn .conQuick li a {float:left;display:inline-block;width:50px;height:49px;background:url(../../gt/images/ico_bg_quickmenu.png) no-repeat 0 0;-webkit-background-size:50px auto;-moz-background-size:50px auto;-o-background-size:50px auto;background-size:50px auto;font-size:0;color:transparent;line-height:0}*/
.quickMn .conQuick li {position:relative;overflow:hidden;width:255px;height:49px}
.quickMn .conQuick li strong {position:absolute;top:50%;right:80px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:175px;font-size:20px;line-height:22px;font-weight:normal;color:#fff;text-align:right}
.quickMn .conQuick li a {position:absolute;top:0;right:0;display:inline-block;width:50px;height:49px;background:url(../../gt/images/ico_bg_quickmenu.png) no-repeat 0 0;-webkit-background-size:50px auto;-moz-background-size:50px auto;-o-background-size:50px auto;background-size:50px auto;font-size:0;color:transparent;line-height:0}
.quickMn .conQuick li+li a {display:block;height:50px;background-position:0 -49px}
.quickMn .conQuick li+li+li a {background-position:0 -99px}
.quickMn .conQuick li+li+li+li a {background-position:0 -149px}
.quickMn .conQuick li+li+li+li+li a {background-position:0 -199px}
.quickMn .conQuick li.tstation a {background-position:0 -249px}
/*.quickMn .conQuick li+li+li+li+li+li a {display:block;background-position:0 -296px}*/
.quickMn .conQuick li.country a {width:50px;height:50px;background:#f47d31;border-top:1px solid #f19155}
.quickMn .conQuick li.country a img {display:block;width:29px;height:19px;margin:15px auto 0}
.quickMn.on .conQuick {display:block}

/* top button */
.commoMn .btnTop {z-index:1000;position:fixed;right:10px;bottom:65px;display:block;width:50px;height:50px;background:url(../../gt/images/bg_topmenu.png) no-repeat 0 0;-webkit-background-size:50px auto;-moz-background-size:50px auto;-o-background-size:50px auto;
    background-size:50px auto;font-size:0;color:transparent;line-height:0}

/** placeholder **/
:-ms-input-placeholder{color:#444}
:-moz-placeholder{color:#444}
::-webkit-input-placeholder{color:#444}

/** form **/
.formWrap{display:inline-block;max-width:100%;box-sizing:border-box}
.formWrap+.formWrap{margin-left:13px}
.formArea{display:table;width:100%;margin-bottom:20px;table-layout:fixed;vertical-align:top}
.formArea *{vertical-align:middle}
.formArea > *{display:table-cell;vertical-align:middle}
.formArea.type2 span:nth-child(2),.formArea.type2 span:nth-child(4){width:25%}
.formArea.type3 span{width:33.3%}
.formArea.type4 span:nth-child(2){width:40%}
.formArea .txt{width:80px;font-size:13px;color:#666}
.formArea .txt2{width:130px;font-size:15px;color:#666}
.formArea .txt3{width:25px;text-align:right}
.formArea select, .formArea input{margin-bottom:0 !important}
.hyphen{width:14px;text-align:center}
.wave{width:25px;text-align:center}
.empty{width:10px;text-align:center}
@media screen and (max-width:320px) {
    .empty{width:5px}
}
.emailEmpty{width:35px;text-align:center}
.unit{width:35px;color:#444;text-align:center}
.container input[type='checkbox']+label:before,
.container input[type='radio']+label:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:24px;height:24px;background:url(../../gt/images/bg_form.png) no-repeat 0 0;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto;vertical-align:middle}
.container input[type='radio']+label:before{width:24px;height:24px;background-position:0 -136px}
.container input[type='checkbox']+label,
.container input[type='radio']+label{position:relative;display:inline-block;max-width:100%;padding-left:30px;line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container input[type='checkbox'],
.container input[type='radio']{position:absolute;width:24px;height:24px;margin:0;opacity:0.01}
.container input[type='checkbox']+label.focus,.container input[type='radio']+label.focus{border:1px dotted #ea002c}
.container input[type='checkbox']+label:active:before,
.container input[type='checkbox']:checked+label:before{background-position:0 -68px}
.container input[type='checkbox']:disabled+label:before{background-position:0 -34px}
.container input[type='radio']+label:active:before,
.container input[type='radio']:checked+label:before{background-position:0 -204px}
.container input[type='radio']:disabled+label:before{background-position:0 -170px}
.container input[type='text']:focus{border:1px solid #222226}
.container input[type='text']:disabled{background:#d9d9de;color:#888}
.inputTxt1{width:100%;height:40px;padding:0 14px;font-size:15px;border:1px solid #d9d9de}
input.inputSel{width:100%;height:40px;padding:0 14px;font-size:15px;border:1px solid #d9d9de;background:#fff url(../../gt/images/bg_form.png) no-repeat 100% -550px;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto}
input.inputSch{width:100%;height:40px;padding:0 14px;color:#999;font-size:15px;text-align:left;background:#d9d9de url(../../gt/images/bg_form.png) no-repeat 100% -315px;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto}
.searchCon{overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.searchCon .srch{width:100%;position:relative;height:40px;padding-right:38px;background:#fff;border:1px solid #d9d9d9;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.searchCon .srch.on{border:1px solid #222226}
.searchCon .srch input[type='search']{display:block;width:100%;height:100%;padding-left:14px;font-size:15px;background:transparent;color:#444;border:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.searchCon .srch input[type='search']::-webkit-input-placeholder{color:#888}
.searchCon .srch input[type='search']::-moz-placeholder{color:#888}
.searchCon .srch input[type='search']::-ms-input-placeholder{color:#888}
.searchCon .srch button,.searchCon .srch a{overflow:hidden;position:absolute;top:0;right:0;width:38px;height:38px;border:none;background:url(../../gt/images/bg_form.png) no-repeat 0 -315px;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto;font-size:0;color:transparent;line-height:0}
select {display:block;width:100%;height:40px;padding:0 14px !important;margin-bottom:20px;color:#444;font-size:15px;background:#fff url(../../gt/images/bg_form.png) no-repeat 100% -550px;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border:1px solid #d9d9de}
select:disabled{color:#999;border-color:#d9d9de;background-color:#d9d9de;background-position:100% -588px}
select+.caution{margin:-10px 0 20px}
.txtArea .titleArea{overflow:hidden;margin-bottom:15px}
.txtArea .titleArea strong{float:left;font-size:15px;color:#444}
.txtArea .titleArea span{float:right;font-size:13px;color:#999}
textarea{width:100%;padding:10px 15px;-webkit-border-radius:0;border-radius:0;border:1px solid #d9d9de;font-size:15px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;resize:none}

.radArea{overflow:hidden;margin:-15px 0 0 0}/* radio, check 2단 정렬 */
.radArea .formWrap{float:left;min-width:50%;margin:15px 0 0 0;box-sizing:border-box}

.searchBox{margin:0 -20px 38px;padding:20px;border-top:1px solid #ebebef;border-bottom:1px solid #ebebef;background:#f6f6f9}
.searchBox select,
.searchBox .formArea{margin-bottom:10px}
.searchBox+.topResult{margin-top:-10px}

.infoBox{display:table;width:100%;margin:20px 0;padding-top:20px;border-top:1px solid #ebebef}
.infoBox label{display:table-cell;width:60px;color:#444;font-size:15px;vertical-align:middle}
.infoBox .form{display:table-cell}

.infoWrap{position:relative}
.infoWrap .infoIntro {position:relative;margin-bottom:20px}
.infoWrap .infoIntro h3 {margin:0;font-size:19px;font-weight:bold;color:#111}
.infoWrap .guide{position:absolute;top:2px;right:0;padding-left:13px;color:#f47d31}
.infoWrap .guide .ess {position:absolute;top:5px;left:0}
:lang(ru) .infoWrap .guide{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:lang(ru) .infoWrap .infoForm > li:first-child select {margin-top:25px}
.infoForm > li{position:relative;margin-top:36px}
.infoForm > li:first-child{margin-top:0}
.infoForm select, .infoForm .formArea{margin-bottom:10px}
.infoForm .infoTit{display:block;margin-bottom:16px;color:#444;font-size:15px;line-height:20px}
.infoForm .num{position:absolute;top:0;right:0}
.infoForm .attach{position:absolute;top:-5px;right:0}
.infoForm .attach input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2}
.infoForm .attach button{display:inline-block;padding:0 10px;line-height:28px;border:1px solid #d9d9de;background:#ebebef}
.infoForm .attachedList{margin-bottom:15px}
.infoForm .attachedList li{margin-bottom:10px;color:#444;line-height:24px}
.infoForm .attachedList li .del{display:inline-block;width:24px;height:24px;margin-left:6px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/btn_delete.png) 0 0 no-repeat;background-size:24px auto}
.infoForm .radCon{margin-top:10px}
.infoWrap + .infoWrap{margin-top:30px;padding-top:30px;border-top:1px solid #ebebef}
.infoWrap.exc .caution{position:absolute;top:0;right:0;margin-top:0}
.infoWrap .positionTit {color:#f47d31;font-size:15px;font-weight:bold}

.agreeArea{margin:40px 0}
.agreeArea .formWrap{margin-top:10px;color:#444;font-size:15px;font-weight:bold}
.agreeArea .btnFc{margin-top:15px}

/* filter */
.conEdit{position:relative;margin:15px 0}
.conEdit.type2 .rangeArea dl{margin-bottom:30px} /* 필터 펼쳐진 후 다음 콘텐츠와 여백이 있어야할 경우 */
.conEdit .txtTotal{position:absolute;top:0;left:0;margin:0;line-height:40px}
.conEdit~.missionResult{margin:15px -20px 0;padding-top:40px;border-top:1px solid #ebebef}
.conEdit .rangeArea{text-align:right}
.conEdit .rangeArea > select{display:inline-block;width:145px;margin-bottom:0}
.conEdit .rangeArea .optBtn{display:inline-block;position:relative;margin-left:-2px;text-align:left;vertical-align:top}
.conEdit .rangeArea .optBtn a{display:block;width:40px;height:40px;overflow:hidden;text-indent:-9999px;vertical-align:top;background-size:40px auto}
.conEdit .rangeArea .optBtn a.btnFilter{background-image:url(../../gt/images/btn_filter.png)}
.conEdit .rangeArea .optBtn a.btnSearch{background-image:url(../../gt/images/btn_search.png)}
.conEdit .rangeArea .optBtn.on:after{content:'';display:block;position:absolute;bottom:-15px;left:50%;width:15px;height:10px;margin-left:-7px;background:url(../../gt/images/bg_arr_filter.png) 0 0 no-repeat;background-size:100%}
.conEdit .rangeArea .optBtn.on a{background-position:0 -40px}
.conEdit .rangeArea dl{display:none;position:relative;bottom:-15px;margin:0 -20px;padding:18px 20px 20px;text-align:left;background:#f6f6f9}
.conEdit .rangeArea dl dt{margin:30px 0 10px;font-size:15px;font-weight:bold;color:#111}
.conEdit .rangeArea dl dt:first-child{margin-top:0}
.conEdit .rangeArea dl.on{display:block}
.conEdit .rangeArea .option .optList{overflow:hidden;width:100%;margin:-14px -5px 0 0}
.conEdit .rangeArea .option .optList span{width:50%;margin:14px 0 0 -5px;padding:0 5px;box-sizing:border-box;vertical-align:top}
/*.conEdit .rangeArea .option .optList{overflow:hidden;width:100%;margin:-14px -5px 0}
.conEdit .rangeArea .option .optList span{float:left;min-width:50%;margin:14px 0 0 0;padding:0 5px;box-sizing:border-box;vertical-align:top}*/
.conEdit .rangeArea .option .keyword{margin-top:20px}
.conEdit .rangeArea .option .keyword:first-child{margin-top:0}

/** step **/
.step {margin:0 -20px}
.step .stepGate {position:relative;border-top:1px solid #ebebef;border-bottom:1px solid #ebebef;background:#f6f6f9;padding:15px 20px}
.step .stepGate:after {content:'';position:absolute;top:50%;right:20px;height:16px;margin-top:-8px;background:url(../../gt/images/bg_step.png) no-repeat 0 0;-webkit-background-size:135px;-moz-background-size:135px;-o-background-size:135px;background-size:135px}
.step [class*="type1"]:after {width:75px}
.step [class*="type2"]:after {width:105px}
.step [class*="type3"]:after {width:135px}
.step .stepGate.step1type1:after {background-position:0 0}
.step .stepGate.step2type1:after {background-position:0 -30px}
.step .stepGate.step3type1:after {background-position:0 -60px}
.step .stepGate.step1type2:after {background-position:0 0}
.step .stepGate.step2type2:after {background-position:0 -30px}
.step .stepGate.step3type2:after {background-position:0 -60px}
.step .stepGate.step4type2:after {background-position:0 -90px}
.step .stepGate.step1type3:after {background-position:0 0}
.step .stepGate.step2type3:after {background-position:0 -30px}
.step .stepGate.step3type3:after {background-position:0 -60px}
.step .stepGate.step4type3:after {background-position:0 -90px}
.step .stepGate.step5type3:after {background-position:0 -120px}
.step .stepGate .tit {font-size:19px;color:#111}
.step .stepGate .subTxt {padding-right:155px;font-size:13px;color:#777}
.step .stepCon {padding:38px 20px 0}
.step .stepCon h2{font-weight:bold;margin-top:0}
.step .stepCon .txtInfo {margin-top:0}
.step .stepCon .missionResult {margin-top:0}
/*.step+.step{margin-top:38px}*/

.conScroll {padding:13px;border:1px solid #d9d9de;overflow-x:scroll;height:100px}
.conScroll strong {font-weight:normal}
.conScroll .mt20 span{padding-left:14px;position: relative;display:block;}
.conScroll .mt20 span::before{content:'※';position: absolute;left:0}

/** button **/
.btnEc{display:table;table-layout:fixed;width:100%;margin-top:20px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btnEc span{display:table-cell}
.btnEc span>*{width:100%}
/*.btnArea.btnmany {margin:0 -5px}*/
.btnEc.btnmany span {padding:0 5px}
.btnEc.btnmany span:first-child{padding-left:0}
.btnEc.btnmany span:last-child{padding-right:0}
.btnEc .btn{display:block;/*height:40px;*/padding:0 10px;color:#ebebef;font-size:15px;line-height:38px;border:1px solid #1e1e21;background:#222226;-webkit-box-sizing:border-box;-moz-box-sizing:box-sizing:border-box}
.btnEc .btnLevel1 {border:1px solid #ebebef;background:#ebebef;color:#444}
.btnEc .btnLevel2 {border:1px solid #d9d9de;background:#fff;color:#444}
.btnEc .btn.icon.btnRe:before,
.btnEc .btn.icon:before {content:'';display:inline-block;margin:-2px 5px 0 0;vertical-align:middle;width:12px;height:12px;background:url(../../gt/images/bg_button.png) no-repeat 0 0;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
/*.btnEc .btn.icon:after
.btnEc .btn.icon:after {margin-left:10px;background-position:0 -23px}*/
.btnEc .btn.icon.btnRe:before{margin-right:7px;background-position:-12px 0}
.btnEc.btnline .btn{color:#444;font-size:13px;background:#f9f9fb;border:1px solid #d9d9de}
.btnEc.btnline span+span .btn{border-left:0}
.btnFc {margin:10px -4px 0}
.btnFc span {display:inline-block;padding:0 4px}
.btnFc .btn {display:block;border:1px solid #d9d9de;padding:3px 10px;background:#ebebef;color:#444;font-size:13px}
.btnFc .btnLevel1 {border:1px solid #ebebef;background:#fff}
.btnFc .btnLevel2 {border:1px solid #1e1e21;background:#222226;color:#fff}
.btnFc .btn.icon:after{content:'';display:inline-block;margin-left:10px;vertical-align:middle;width:6px;height:12px;background:url(../../gt/images/bg_button.png) no-repeat 0 -43px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.btnFc .btn.pdf {padding:3px 10px;border:1px solid #ebebef;background:#fff}
.btnFc .btn.pdf:after {content:'';display:inline-block;margin-left:10px;vertical-align:middle;width:13px;height:11px;background:url(../../gt/images/bg_button.png) no-repeat -64px 0;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.btnAlone {position:relative;display:inline-block;padding:10px 13px 10px 10px}
.btnAlone:after{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-6px;vertical-align:middle;width:6px;height:12px;background:url(../../gt/images/bg_button.png) no-repeat 0 -41px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.btnPop,
.btnSort{display:block;position:relative;width:100%;padding:10px 14px !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#444;font-size:15px;line-height:18px;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance:none;border:1px solid #d9d9de}
.btnPop:after,
.btnSort:after{display:inline-block;content:'';position:absolute;top:50%;right:15px;width:12px;height:8px;margin-top:-3px;background:url(../../gt/images/bg_form.png) no-repeat -13px -566px;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto}
.btnSort.on:after{background-position:-13px -642px}

/** 2colum **/
.columArea {display:table;table-layout:fixed;width:100%;margin:20px 0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.columArea>span {display:table-cell;width:50%}
.columArea>span>*{width:100%}

/** 2colum button **/
.columButton {display:table;table-layout:fixed;width:100%;margin:20px 0}
.columButton a {display:table-cell;width:50%;background:#ebebef;text-align:center;color:#444;vertical-align:middle;font-size:15px;line-height:38px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:box-sizing:border-box}
.columButton a:first-child {background:#1e1e21;color:#ebebef}

/** more btn **/
.btnMore {display:block;width:100%;margin:20px 0;padding:10px 0;line-height:18px;border:1px solid #d9d9de;text-align:center;font-size:15px;color:#444;background:#f6f6f9}
.btnMore:after {content:'';display:inline-block;width:12px;height:7px;margin:-2px 0 0 6px;vertical-align:middle;background:url(../../gt/images/bg_button.png) no-repeat 0 -64px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}

/** close btn **/
.btnClose{display:block;width:100%;margin-top:20px;color:#444;font-size:15px;line-height:38px;text-align:center;border:1px solid #d9d9de}
.btnClose:after{content:'';display:inline-block;width:12px;height:7px;margin:-2px 0 0 6px;vertical-align:middle;background:url(../../gt/images/bg_button.png) no-repeat 0 -84px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}

/** etc btn **/
.btnCtrl{margin-top:20px}
.btnCtrl .ctrl{display:block;width:100%;margin-top:10px;padding:10px 0;line-height:18px;border:1px solid #d9d9de;text-align:center;font-size:15px;color:#444;background:#f6f6f9}

/** popup **/
/*
.popLayer{display:none;position:absolute;top:0;left:20px;right:20px;margin-top:40px;background:#fff;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;z-index:9000}
.popLayer .popTit{display:block;padding:10px 40px 9px 20px;color:#111;font-size:15px;font-weight:bold;line-height:20px;border-bottom:1px solid #e5e5e5;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.popLayer .popCon{padding:20px;overflow-y:auto;height:300px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.popLayer .btnEc{margin-top:0}
.popLayer .popClose{position:absolute;top:12px;right:20px;width:16px;height:16px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_popup.png) 0 0 no-repeat;background-size:16px auto}
*/
.popLayer{display:none;position:fixed;top:30px;left:20px;right:20px;bottom:30px;padding:40px 0;background:#fff;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;z-index:9000}
.popLayer .popTit{display:block;position:absolute;top:0;left:0;width:100%;padding:10px 36px 9px 20px;color:#111;font-size:15px;font-weight:bold;line-height:20px;border-bottom:1px solid #e5e5e5;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.popLayer .popCon{max-height:100%;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.popLayer .popClose{position:absolute;top:12px;right:20px;width:16px;height:16px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_popup.png) 0 0 no-repeat;background-size:16px auto}
.popLayer .btnEc{position:absolute;bottom:0;left:0;width:100%;margin-top:0}
.popLayer .btnEc.btnline {position:static}
.popLayer .btnEc .btn{display:block;/*height:40px;*/padding:0 10px;color:#444;font-size:15px;line-height:38px;border:1px solid #ebebef;background:#ebebef;-webkit-box-sizing:border-box;-moz-box-sizing:box-sizing:border-box}
.popLayer .btnEc span+span .btn {border-left:1px solid #d9d9de}

.popLayer .popCon > .titDep:first-child{margin-top:0}
.popLayer .popCon .popSubTit1{display:block;margin:0 0 10px 0;color:#444;font-weight:bold;font-size:15px;line-height:20px}
.popLayer.container .popCon h2{margin-bottom:10px;font-size:15px;line-height:20px}
.popLayer .popCon .layerimgArea{margin-top:20px;text-align:center}
.popLayer .popCon .layerimgArea img{width:205px}

/* authoring css 재 정의 */
.popLayer .popCon div+div .coImg_fixed{margin-top:20px}
.popLayer.container .popCon h2:first-child{margin-top:0}
.popLayer .popCon>*:first-child .txtEdit{margin-top:0}

/* global-Automotive-partners */
.oeMark{overflow:hidden;margin:-10px -20px 20px 0}
.oeMark span{display:block;float:left;margin-top:10px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.oeMark span:last-child{padding-right:0}
.oeMark span img{height:30px}
/* Date */
.racingDetail+.racingDetail{margin-top:40px}
.racingDetail .logoImg{text-align:center}
.racingDetail .logoImg span img{width:170px}
.racingDetail .logoImg strong{display:block;color:#444;font-size:15px;margin-top:3px}
.racingDetail .racingTxt{padding:14px 0 8px;font-weight:bold}
/* agency */
.agencyArea .agencyTxt{display:block;margin:0 0 10px;font-size:13px;font-weight:normal;color:#777;line-height:18px}
.agencyArea .searchCon+.agencyTxt{margin-top:20px}
.agencyArea .resultCon{height:90px;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9de}
.agencyArea .resultCon .noResult{padding-top:35px;color:#999;text-align:center}
.agencyArea .resultCon .noResult:before{position:relative;top:2px;display:inline-block;content:'';width:12px;height:12px;margin-right:5px;background:url(../../gt/images/ico_search.png) no-repeat 0 0;-webkit-background-size:12px auto;-moz-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
.agencyArea .resultCon .rList>li{padding:5px 10px}
.agencyArea .resultCon .rList>li label{padding-left:0;color:#444}
.agencyArea .resultCon .rList>li label:before{display:none}
.agencyArea .resultCon .rList>li input[type='radio']:checked+label{color:#f47d31}
/* Privacy Policy */
.popCon .termList1+.popSubTit1{margin-top:35px}
.termList1 li{text-indent:-12px;margin-left:12px}
.termList1 li+li{margin-top:5px}
/* retail network */
.shopDetail{}
.shopDetail .shopName{margin-bottom:10px;font-size:19px;color:#111;line-height:24px}
.shopDetail .shopKind{background:#f6f6f9}
.shopDetail .shopKind ul{display:table;width:100%;padding:15px 0}
.shopDetail .shopKind ul li{display:table-cell;position:relative;width:25%;padding:0 5px;text-align:center;vertical-align:middle;box-sizing:border-box}
.shopDetail .shopKind ul li:nth-child(n+2):before{display:inline-block;content:'';position:absolute;top:50%;left:0;width:1px;height:41px;margin-top:-20px;background:#dddddf}
.shopDetail .shopKind ul li span{display:block;position:relative;padding-top:30px;font-size:12px;color:#444}
@media screen and (max-width:320px) {
    .shopDetail .shopKind ul li:nth-child(4).icoAs span{padding-top:25px}
}
.shopDetail .shopKind ul li span:before{display:inline-block;content:'';position:absolute;top:0;left:50%;width:19px;height:19px;margin-left:-9px;background:url(../../gt/images/bg_retailnetwork.png) no-repeat 0 0;-webkit-background-size:19px auto;-moz-background-size:19px auto;-o-background-size:19px auto;background-size:19px auto}
.shopDetail .shopKind ul li.icoT span:before{background-position:0 0}
.shopDetail .shopKind ul li.icoTbx span:before{background-position:0 -19px}
.shopDetail .shopKind ul li.icoN span:before{background-position:0 -38px}
.shopDetail .shopKind ul li.icoAs span:before{background-position:0 -57px}
/* 20191210 추가 */
.shopDetail .shopKind ul li.icoTts span:before{background-position:0 -76px}

.shopDetail .shopAddress{margin-top:30px}
.shopDetail .shopAddress p{margin-bottom:10px}
.shopMap{position:relative;margin-top:11px;width:100%;height:150px;overflow:hidden}
.shopMap .pinOn img {width:32px;height:32px}
.shopInfo{margin-top:30px}
.shopInfo dt{color:#444;font-weight:bold;font-size:15px;line-height:20px}
.shopInfo dd{padding-top:10px}
.shopInfo dd+dt{margin-top:20px}
/* view location */
.layerMapArea{position:relative;margin:-20px}
.layerMapArea img{width:100%;vertical-align:top}
.layerMapArea .mapIcon{position:absolute;margin:-17px 0 0 -9px}
.layerMapArea .mapIcon img{width:38px}
/* load index */
.indexArea .caution{margin:0 0 10px;text-align:right}
.indexArea .tblType1 td{text-align:right}
/* product detail*/
.selectList1>li{padding:12px 0;border-top:1px solid #ebebef}
.selectList1>li:first-child{border-top:none}
.graphIcon li{padding:13px 0;border-bottom:1px solid #ebebef}
.graphIcon li img{display:inline-block;width:25px;margin:-2px 10px 0 0;vertical-align:middle}
.popLayer .testImg{display:block;text-align:center}
.popLayer .testImg img{width:295px;max-width:100%}
/* 매장 상세보기 */
.popLayer .popCon .shopTit{display:block;padding:20px 0 10px;color:#444;font-weight:bold;font-size:15px;line-height:20px}
.popLayer .popCon .shopImgarea{text-align:center;overflow:hidden}
.popLayer .popCon .shopImgarea img{margin:0 -100%}
.popLayer .popCon .shopImgarea .noImg{width:215px}

/** video **/
.video{display:block;position:relative;padding-bottom:50%}
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/** no data **/
.missionResult{margin-top:40px;text-align:center}
.missionResult strong{display:block;font-size:19px}
.missionResult strong:before{content:'';display:block;width:80px;height:80px;margin:0 auto 20px;background:url(../../gt/images/bg_ico_mission.png) 0 -80px no-repeat;-webkit-background-size:80px auto;-moz-background-size:80px auto;-o-background-size:80px auto;background-size:80px auto}
.missionResult .tit{color:#444;line-height:24px}
.missionResult .fail{color:#111;line-height:23px;font-weight:normal}
.missionResult .fail:before{margin-bottom:18px;background-position:0 0}
.missionResult .fail .word{display:inline-block;color:#f47d31}
.missionResult .nodata{color:#444;line-height:23px;font-weight:normal}
.missionResult .nodata:before{}
.missionResult .nodata.noRacing:before{background-position:0 -160px}
.missionResult .nodata.noEvent:before{background-position:0 -240px}
.missionResult .desc{margin-top:25px}
.missionResult .btnFc{text-align:center}
.missionResult.errorWrap,
.missionResult.msgWrap{margin:100px 0}
.missionResult .btnFc span {margin-bottom:5px}

/** loading **/
.loading{width:100%;height:100%;position:relative}
.loading .con {position:fixed;top:50%;left:50%;width:110px;height:110px;margin:-55px 0 0 -55px;z-index:10003}
.loading .con>* {display:block}
.loading .img {width:76px;height:76px;margin:0 auto;margin-bottom:20px}
.loading .img img{width:75px;height:75px}
.loading .txt {font-size:15px;color:#fff;text-align:center;text-indent:10px}
.loading:after{display:block;content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10002 !important}

/** dimmed **/
.dimmed{display:none;z-index:8999;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}

/** swipe **/
.swifeArea {overflow:hidden;position:relative;margin:0 -20px;height:100%}/* 20201111 수정 */
.swifeArea .btn {display:inline-block;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;color:transparent;line-height:0;font-size:0;z-index:1}
.swifeArea .btn:before {content:'';display:block;position:absolute;top:0;left:50%;margin-left:-10px;width:20px;height:37px;background:url(../../gt/images/bg_rollingbtn.png) no-repeat 0 0;
    -webkit-background-size:41px 37px;-moz-background-size:41px 37px;-o-background-size:41px 37px;background-size:41px 37px}
.swifeArea .btn.btnNext:before {background-position:-21px 0}
.swifeArea .btn.btnprev {left:0}
.swifeArea .btn.btnNext {right:0}
.swifeArea .con {margin:0 20px}
/* 20201111 수정 */
.rollingArea {overflow:hidden;position:relative;height:100%}
.rollingArea ul {overflow:hidden;height:100%}
.rollingArea ul li {float:left;width:100%;height:100%;}
.rollingArea ul li .img {height:100%}
/* //20201111 */
.rollingArea ul li .img,
.rollingArea ul li .video {display:block}
.rollingArea ul li .img img {width:100%;vertical-align:top}
.bannerImg_txt.bannerFixed .rollingArea ul li .titDep,
.bannerImg.bannerFixed .titDep {text-align:center}
.bannerFixed .rollingArea ul li .img {width:215px;margin:0 auto}
.bannerFixed .rollingArea ul li .img img {width:215px;vertical-align:top}
.slideNavi {overflow:hidden;position:absolute;bottom:10px;width:100%;text-align:center;line-height:0}
.slideNavi a {display:inline-block;width:20px;height:2px;margin:0 3px;background:#999;/*border: 1px solid #999;*/color:transparent;line-height:0;font-size:0;vertical-align:middle}
.slideNavi a.on {width:35px;background:#000;/*border: 1px solid #000*/}
.pageNum {position:absolute;bottom:0;right:0;padding:8px 10px;color:#ccc;font-size:13px;line-height:15px;background:#000;opacity:.7}
.pageNum span {color:#fff}
/* swipe-text */
.bannerImg_txt {margin:20px 0;text-align:center}
.bannerImg_txt .slideNavi {position:relative;bottom:0}
.bannerImg_txt .slideNavi a.on {background:#f45d31;border: 1px solid #f45d31}
.bannerImg_txt .rollingArea ul{padding-bottom:5px}
.bannerImg_txt .rollingArea ul li .img {display:block}
.bannerImg_txt .rollingArea ul li h2{margin-top:20px}
.bannerImg_txt .rollingArea ul li .titDep{text-align:left;line-height:19px}
.bannerImg_txt .txtEdit{margin-bottom:15px;text-align:left}
.bannerImg_txt .pageNum {position:relative;bottom:0;padding:0;text-align:center;color:#777;background:#fff;opacity:10}
.bannerImg_txt .pageNum span {color:#777}
.bannerImg_txt .pageNum em {color:#f47d31}

/* table */
.tblType1{width:100%;color:#444;font-size:13px;line-height:18px;border-bottom:1px solid #ebebef}
.tblType1 th, .tblType1 td{height:26px;padding:7px 10px;text-align:left;border-top:1px solid #ebebef;border-left:1px solid #ebebef}
.tblType1 th:first-child, .tblType1 td:first-child{border-left:0}
.tblType1 th[rowspan], .tblType1 td[rowspan]{border-right:1px solid #ebebef}
.tblType1 th:last-child[rowspan], .tblType1 td:last-child[rowspan]{border-right:0}
.tblType1 th{color:#777;background:#f6f6f9}
.tblType1 thead th{text-align:center}
.tblType1 thead+tbody th{color:#444;background:#fff}
.tblType1 tbody td .txtEdit {margin:0 !important}

/** tab **/
.tabSingle {margin:0 -20px}
.tabSingle .btnCon {display:none;position:fixed;z-index:50;top:50%;width:40px;height:40px;margin-top:-20px;background:url(../../gt/images/btn_tabcon.png) no-repeat 0 0;-webkit-background-size:40px auto;-moz-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto;font-size:0;color:transparent;line-height:0}
.tabSingle .conprev {left:10px;background-position:0 0}
.tabSingle .conNext {right:10px;background-position:0 -40px}
.tabSingle .tabSwipe>button.btn {display:block;position:absolute;top:0;width:50px;height:50px;background:url(../../gt/images/bg_tab.png) no-repeat 0 0;-webkit-background-size:100px auto;-moz-background-size:100px auto;-o-background-size:100px auto;background-size:100px auto;font-size:0;color:transparent;line-height:0}
.tabSingle .tabSwipe>button.btnprev {position:absolute;left:0}
.tabSingle .tabSwipe>button.btnprev:after {content:'';width:50%;position:absolute;top:50%;right:-10px;margin-top:-24px;height:48px;background:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(34,34,38,0.1)),color-stop(50%,#222226))}
.tabSingle .tabSwipe>button.btnNext {position:absolute;right:0;background-position:-50px 0}
.tabSingle .tabSwipe>button.btnNext:after {content:'';width:50%;position:absolute;top:50%;left:-10px;margin-top:-25px;height:50px;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(34,34,38,0.1)),color-stop(50%,#222226))}

.tabSingle .tabSwipe {overflow:hidden;position:relative;width:100%;padding:0 20px;background:#222226;box-sizing:border-box}
.tabSingle .tabSwipe .tabList {overflow:hidden;width:2000px}
.tabSingle .tabSwipe .tabList>li {float:left;margin-right:30px}
.tabSingle .tabSwipe .tabList>li .tit {display:block;font-size:15px;color:#999;height:50px;line-height:51px}
.tabSingle .tabSwipe .tabList>li.on .tit {color:#f47d31}
.tabSingle .tabSwipe .tabList>li.on .tabCon {display:block}
.tabSingle .tabSwipe .tabList>li .tabCon {display:none;overflow:hidden;position:absolute;top:80px;left:0;margin:0 20px 30px}
.tabCon_area {margin-bottom:-50px;padding-bottom:50px}
.tabSingle .tabCon {padding:0 20px}

/* line tab*/
.tabDepth{overflow:hidden;margin:0 -20px 40px}
.tabDepth li{position:relative;display:table;float:left;width:50%;text-align:center;border-bottom:1px solid #ebebef}
.tabDepth li+li:before{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:15px;margin-top:-7px;background:#ebebef}
.tabDepth li a{display:table-cell;width:100%;vertical-align:middle;height:60px;box-sizing:border-box;color:#999;font-size:15px;padding:0 15px;line-height:17px}
.tabDepth li.on a{padding:0 13px;color:#111;font-weight:bold}
.tabDepth li.on a:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#f47d31}

/* image tab */
.imgTab{margin:0 -20px}
.imgTab,
.imgTab.folder li.on{background:url(../../gt/images/bg_gt_pr_imgtab_01.png) no-repeat 100% 0;background-size:cover}
.imgTab ul{display:table;width:100%;overflow:hidden;table-layout:fixed}
.imgTab li{display:table-cell;position:relative;height:140px;width:50%;text-align:center;vertical-align:middle}
.imgTab li + li:before{display:inline-block;content:'';position:absolute;left:0;top:50%;width:1px;height:65px;margin-top:-32px;background:#fff;opacity:0.4}
.imgTab li a{display:block;padding:0 2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.imgTab li a span{position:relative;display:inline-block;width:100%;box-sizing:border-box;padding-top:38px;color:#fff;font-size:15px;font-weight:bold;line-height:18px}
.imgTab li a span:before{display:inline-block;content:'';position:absolute;left:50%;top:0;width:32px;height:32px;margin-left:-16px;background:url(../../gt/images/bg_imgtab.png) no-repeat 0 0;-webkit-background-size:auto 80px;-moz-background-size:auto 80px;-o-background-size:auto 80px;background-size:auto 80px}
.imgTab li.on a span:before{background-position:0 -32px}
.imgTab li.on a:after{display:inline-block;content:'';position:absolute;left:50%;bottom:10px;width:12px;height:7px;margin-left:-6px;background:url(../../gt/images/bg_imgtab.png) no-repeat 0 -64px;-webkit-background-size:auto 80px;-moz-background-size:auto 80px;-o-background-size:auto 80px;background-size:auto 80px}
.imgTab.dealer{background-image:url(../../gt/images/bg_gt_pr_imgtab_02.png)}
.imgTab.dealer .tab1 a span:before{background-position:0 0}
.imgTab.dealer .tab1.on a span:before{background-position:0 -32px}
.imgTab.dealer .tab2 a span:before{background-position:-32px 0}
.imgTab.dealer .tab2.on a span:before{background-position:-32px -32px}
.imgTab.finder .tab1 a span:before{background-position:-64px 0}
.imgTab.finder .tab1.on a span:before{background-position:-64px -32px}
.imgTab.finder .tab2 a span:before{background-position:-96px 0}
.imgTab.finder .tab2.on a span:before{background-position:-96px -32px}

.imgTab.folder li{display:none}
.imgTab.folder li.on{display:table-cell;height:110px;width:100%;z-index:10}
.imgTab.folder li:before{display:none}
.imgTab.folder li.on a{height:110px;padding-top:35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.imgTab.folder li.on a:after{bottom:10px;left:50%;width:14px;height:14px;margin-left:-7px;background-position:-15px -64px}
.imgTab.folder li.on a span{width:auto;max-width:220px;padding:0 0 0 42px;text-align:left;vertical-align:middle}
.imgTab.folder li.on a span:before{left:0;top:50%;margin:-16px 0 0}

/* accordion */
.accrList > li{margin-top:-1px}
.accrList > li:first-child{margin-top:0}
.accrList .accrTit{position:relative;display:block;padding:14px 40px 14px 15px;font-size:15px;line-height:20px;border:1px solid #d9d9de;background:#f6f6f9}
.accrList .accrTit:after{content:'';position:absolute;top:50%;right:15px;margin-top:-7px;display:block;width:14px;height:14px;background:url(../../gt/images/bg_accordion.png) 0 0 no-repeat;background-size:14px auto}
.accrList .accrCon{position:relative;display:none;padding:20px 20px 60px;margin-bottom:10px;border:1px solid #d9d9de}
.accrList .accrCon .close{display:block;position:absolute;left:0;bottom:0;width:100%;color:#444;font-size:15px;line-height:38px;text-align:center;border-top:1px solid #d9d9de}
.accrList .accrCon .close:after {content:'';display:inline-block;width:12px;height:7px;margin:-2px 0 0 6px;vertical-align:middle;background:url(../../gt/images/bg_button.png) no-repeat 0 -84px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.accrList.wide{margin:0 -20px}
.accrList.wide .accrTit{padding:14px 45px 14px 20px;border-left:0;border-right:0}
.accrList.wide .accrTit:after{right:20px}
.accrList.wide .accrCon{padding:0 20px;margin-bottom:40px;border:0}
.accrList.wide .accrCon .close{position:static;margin-top:20px;border:1px solid #d9d9de}
.accrList > li.on .accrTit{color:#fff;border-color:#222226;background:#222226}
.accrList > li.on .accrTit:after{background-position:0 -14px}
.accrList > li.on .accrCon{display:block}

.accrAgree{margin-top:40px}
.accrAgree .agreeAll{padding:8px 20px;color:#fff;font-size:15px;font-weight:bold;background:#222226}
.accrAgree .agreeAll input[type='checkbox']+label:before{background:url(../../gt/images/bg_form_agree.png) 0 0 no-repeat;background-size:24px auto}
.accrAgree .agreeAll input[type='checkbox']:checked+label:before{background-position:0 -25px}
.accrAgree .agreeList > li{border-bottom:1px solid #d9d9de;background:#ebebef}
.accrAgree .agreeList > li:first-child {border-top:1px solid #d9d9de}
.accrAgree .agreeList .tit{position:relative;padding:8px 52px 8px 20px;color:#444;background:#fff}
.accrAgree .agreeList .con{display:none;margin:20px;height:100px;max-height:100px;overflow-y:auto;padding:10px 15px;border:1px solid #d9d9de;background:#fff;-webkit-overflow-scrolling:touch}
.accrAgree .agreeList .btn{position:absolute;top:50%;right:0;width:52px;height:39px;margin-top:-20px;padding:0 4px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_arr_accr.png) 50% 0 no-repeat;background-size:39px auto}
.accrAgree .agreeList .btn.btnLevel1{position:static;top:auto;right:auto;width:auto;height:auto;margin-top:0;padding:3px 10px;background-image:none;text-indent:0}
.accrAgree .agreeList > li.on .tit{border-bottom:1px solid #d9d9de}
.accrAgree .agreeList > li.on .con{display:block}
.accrAgree .agreeList > li.on .btn{background-position:50% -39px}

/** board common **/
[class^=board] .imgArea img{width:100%;vertical-align:top}
[class^=board] .tit{color:#444;font-size:19px;line-height:24px}
[class^=board] .info{margin:15px 0 0 !important;line-height:20px}
[class^=board] .info .date{display:inline-block;padding-left:15px;padding-right:6px}
[class^=board] .info .date:before{content:'';display:inline-block;width:10px;height:10px;margin:0 5px 0 -15px;background:url(../../gt/images/ico_date.png) 0 0 no-repeat;background-size:100% auto}
[class^=board] .info .location{display:block;padding-left:15px;}/* 20180928 추가 */
[class^=board] .info .location:before{content:'';display:inline-block;width:12px;height:12px;margin:0 5px -1px -16px;background:url(../../gt/images/ico_location.png) 0 0 no-repeat;background-size:100% auto}
/* board list */
.boardList{margin:0 -20px;border-bottom:1px solid #ebebef}
.boardList > li{position:relative;border-top:1px solid #ebebef}
.boardList .goLink{display:block;color:inherit}
.boardList .imgArea{position:relative}
.boardList .imgArea.icoPlay:before{content:'';display:block;width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;background:url(../../gt/images/ico_play.png) 0 0 no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.boardList .conArea{padding:18px 20px}
.boardList .conArea .tit{font-size:15px;line-height:20px}
.boardList .conArea .icoNew{display:inline-block;float:right;margin:4px 0 0 30px}
.boardList .conArea .con{margin-top:10px}
.boardList.gallery {margin-bottom:20px}
/*.boardList.gallery{border-bottom:0}
.boardList.gallery > li{border-top:0}
 .boardList.gallery > li:last-child {margin-bottom:-50px} */
.boardList.gallery+.boardList.gallery{margin-top:-21px}
.boardList.gallery .conArea{padding-bottom:40px}
.boardList.gallery+.btnMore{margin-top:0}
.boardList.gallery .info{margin-top:10px}
.boardList.gallery .info+.txtEditMore{margin-top:15px;margin-bottom:-20px}
.boardList > li.pin{background:#222226}
.boardList > li.pin .conArea .tit{color:#fff}
.boardList.gallery > li .txtEditMore,
.boardList.gallery > li.pin .txtEditMore{height:90px}
.boardList > li .txtEditMore,
.boardList > li.pin .txtEditMore{height:110px}
.boardList > li.pin .txtEditMore .txtMore{background:#222226 url(../../gt/images/bg_arr_more02.png) 50% 50% no-repeat;-webkit-background-size:12px auto;-moz-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
.boardList > li.pin .txtEditMore .txtMore:before{content:'';display:block;position:absolute;top:-15px;left:0;width:100%;height:15px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(34,34,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(34,34,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(34,34,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222226', endColorstr='#222226',GradientType=0 ); /* IE6-9 */
}

/* board detail */
.boardDetail .titArea{padding:20px 0;border-bottom:1px solid #999}
.boardDetail .detArea{margin:40px 0}
.boardDetail p {margin-bottom:20px !important}
.boardDetail .imgArea+.detArea{margin-top:20px}
.boardNavi{margin-top:30px;border-top:1px solid #ebebef}
.boardNavi li{border-bottom:1px solid #ebebef}
.boardNavi a{display:block;position:relative;padding:20px 0 20px 42px;color:#777}
.boardNavi em{display:block;position:absolute;top:50%;left:15px;width:12px;height:12px;margin-top:-6px;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_board_navi.png) 0 0 no-repeat;background-size:12px auto}
.boardNavi em.next{background-position:0 -12px}

.boardCon_down strong {display:block;margin:40px 0 20px;font-size:15px;color:#444}
.boardCon_down ul {border:1px solid #d9d9de}
.boardCon_down ul li+li {border-top:1px solid #d9d9de}
.boardCon_down ul li a {display:block;position:relative;padding:15px 20px 15px 60px}
.boardCon_down ul li a:before {content:'';display:block;position:absolute;top:50%;left:20px;width:19px;height:24px;margin-top:-12px;background:url(../../gt/images/ico_bg_down.png) 0 0 no-repeat;-webkit-background-size:19px auto;-moz-background-size:19px auto;-o-background-size:19px auto;background-size: 19px auto}
.boardCon_down .btnResume {width:100%;margin-top:20px;padding:15px 0;background:#ebebef;font-size:15px;color:#444;text-align:center}

/* terms */
.termsArea{margin-top:30px}
.termsArea>ul,.termsArea>ol {margin-bottom:20px}
.termsArea ul li,.termsArea ol li{line-height:20px;margin-bottom:8px}
.termsArea ul li{text-indent:-8px;padding-left:8px}
.termsArea ol li{text-indent:-16px;padding-left:16px}
.termsArea .policyAgree {margin-top:15px;} /* 20180531 약관 내 동의영역 추가 */
.termsArea .policyAgree p{padding-bottom:10px;color:#444;}
.termsArea .policyAgree a{text-decoration:underline;}
.termsArea .policyAgree .radioArea{margin-top:15px;}

/* next round */
.nextRound {margin:0 -20px;padding:30px 0;background:#f6f6f9;border-bottom:1px solid #ebebef;text-align:center}
.nextRound .tit{margin:0;font-size:15px;color:#777}
.nextRound .timeCon {padding-top:42px;background:url(../../gt/images/ico_motorsports_schedule.png) 50% 9px no-repeat;-webkit-background-size:22px;-moz-background-size:22px;-o-background-size:22px;background-size:22px}
.nextRound .timeCon >* {display:block}
.nextRound .timeCon .date {font-size:27px;color:#111}
.nextRound .timeCon .day {margin-top:10px;font-size:15px;color:#999}
.nextRound .timeCon .day em {color:#111}
/*.tabSingle .nextRound {margin:0}*/

/* dealer icon */
.dealerSearch .short .tit:before,
.dealerSearch .btnRe:before,
.dealerMap .find .tel:before,
.dealerMap .find .rad:before,
.dealerMap .find .url:before,
.dealerMap .find .email:before,
.dealerList .tel:before,
.dealerList .rad:before,
.dealerList .fax:before,
.dealerList .url:before,
.dealerList .email:before,
.dealerIco{display:inline-block;margin:-3px 5px 0 0;width:20px;height:20px;overflow:hidden;text-indent:-9999px;vertical-align:middle;background:url(../../gt/images/bg_dealer_locator.png) 0 0 no-repeat;background-size:20px auto}
.dealerIco{vertical-align:bottom}
.dealerIco.icoH{background-position:0 -44px}
.dealerIco.icoD{background-position:0 -65px}
.dealerIco.icoP{background-position:0 -217px}
.dealerIco.icoT{background-position:0 -237px}
.dealerIco.icoPt{background-position:0 -257px}
.dealerIco.icoTs{background-position:0 -119px}
.dealerIco.icoTbx{background-position:0 -139px}
.dealerIco.icoN{background-position:0 -159px}
.dealerIco.icoAs{background-position:0 -179px}
.dealerIco.icoUrl{background-position:0 -335px}/* 20200305 모바일  url딜러타입 추가 */

/* 20191210 추가 */
.dealerIco.icoTts{background-position:0 -314px}
/* 20191210 추가 */
/* dealer locator */
.dealerSearch .short {padding-top:30px;text-align:center}
.dealerSearch .short .tit:before{content:'';display:inline-block;width:13px;height:17px}
.dealerSearch .short .now{display:block;margin:10px -20px 15px;padding:0 20px;color:#111;font-size:18px;line-height:23px}
.dealerSearch.find.open .short .now{padding-bottom:30px;margin-bottom:0;border-bottom:1px solid #d9d9de}
.dealerSearch .short.store{text-align:left}
.dealerSearch .short.store .countryInp{margin-top:-5px}
.dealerSearch .short.store .countryInp select{margin-bottom:10px}
.dealerSearch .short.store .searchTit{display:block;margin:0 0 25px;font-size:17px;line-height:22px;color:#444}
.dealerSearch.find .detail+.short.store, .dealerSearch.open .detail+.short.store{padding-top:35px}
.dealerSearch.find .short.store .countryInp+.btnEc{margin-top:10px}
.dealerSearch .detail+.short.store, .dealerSearch.find.open .detail+.short.store{padding-top:0}
.dealerSearch .short.store .countryInp+.btnEc,
.dealerSearch.find.open .short.store .countryInp+.btnEc{margin-top:40px}
.dealerSearch .short .btnRe{width:100%;color:#111;font-weight:bold;line-height:38px;background:#f6f6f9;border:1px solid #d9d9de}
.dealerSearch .short .btnRe:before{content:'';width:12px;height:12px;background-position:0 -31px}
.dealerSearch .short .btnAll{width:100%;height:30px;margin:10px 0;text-indent:-9999px;background: #fff url(../../gt/images/bg_arr_more.png) 50% 50% no-repeat;background-size: 12px auto}
.dealerSearch .btnEc .btn.icon:after{display:none}

.dealerSearch .detail{padding:30px 0 0 0}
.dealerSearch .btnShort{margin-bottom:40px;background:#f6f6f9}
.dealerSearch .searchCon{margin-bottom:40px}
.dealerSearch .searchCon dt{overflow:hidden}
.dealerSearch .searchCon dt strong{margin:18px 0 16px;font-size:17px;font-weight:bold;line-height:22px;color:#444}
.dealerSearch .searchCon dt .unit{float:right;width:auto;color:#999;font-size:13px;line-height:22px}
.dealerSearch .searchCon dd{display:table;width:100%;padding-top:15px}
.dealerSearch .searchCon dd .formWrap{display:table-cell;position:relative;width:50%;height:40px;vertical-align:middle}
.dealerSearch .searchCon dd .formWrap:first-child{padding-right:7px}
.dealerSearch .searchCon dd .formWrap+.formWrap{margin-left:0;padding-left:8px}
.dealerSearch .searchCon dd [class*="ico"] input[type='checkbox']{top:50%;width:40px;height:40px;margin-top:-20px}
.dealerSearch .searchCon dd [class*="ico"] input[type='checkbox']+label{padding:3px 0 3px 50px;line-height:18px;word-break:break-word}
.dealerSearch .searchCon dd [class*="ico"] input[type='checkbox']+label:before{top:50%;width:40px;height:40px;margin-top:-20px;background:url(../../gt/images/ico_gt_dealer_02.png) 0 0 no-repeat;background-size: 80px auto}
.dealerSearch .searchCon dd .icoP input[type='checkbox']:checked+label:before{background-position:-40px 0}
.dealerSearch .searchCon dd .icoT input[type='checkbox']+label:before{background-position:0 -40px}
.dealerSearch .searchCon dd .icoT input[type='checkbox']:checked+label:before{background-position:-40px -40px}
.dealerSearch .searchCon dd .icoH input[type='checkbox']+label:before{background-position:0 -80px}
.dealerSearch .searchCon dd .icoH input[type='checkbox']:checked+label:before{background-position:-40px -80px}
.dealerSearch .searchCon dd .icoD input[type='checkbox']+label:before{background-position:0 -120px}
.dealerSearch .searchCon dd .icoD input[type='checkbox']:checked+label:before{background-position:-40px -120px}
.dealerSearch .searchCon dd .icoTs input[type='checkbox']+label:before{background-position:0 -160px}
.dealerSearch .searchCon dd .icoTs input[type='checkbox']:checked+label:before{background-position:-40px -160px}
.dealerSearch .searchCon dd .icoTbx input[type='checkbox']+label:before{background-position:0 -200px}
.dealerSearch .searchCon dd .icoTbx input[type='checkbox']:checked+label:before{background-position:-40px -200px}
.dealerSearch .searchCon dd .icoN input[type='checkbox']+label:before{background-position:0 -240px}
.dealerSearch .searchCon dd .icoN input[type='checkbox']:checked+label:before{background-position:-40px -240px}
.dealerSearch .searchCon dd .icoAs input[type='checkbox']+label:before{background-position:0 -280px}
.dealerSearch .searchCon dd .icoAs input[type='checkbox']:checked+label:before{background-position:-40px -280px}
/* 20191210 아이콘 위치수정 */
.dealerSearch .searchCon dd .icoAll input[type='checkbox']+label:before{background-position:0 -320px}
.dealerSearch .searchCon dd .icoAll input[type='checkbox']:checked+label:before{background-position: -40px -320px;}
/* .dealerSearch .searchCon dd .icoTts input[type='checkbox']+label:before{background-position:0 -320px}
.dealerSearch .searchCon dd .icoTts input[type='checkbox']:checked+label:before{background-position:-40px -320px} 20200129 수정 : 이미지 미배포상태*/
/* //20191210 아이콘 위치수정 */

.dealerSearch .searchCon dd.mile .formWrap{width:auto;padding:0;text-align:left}
.dealerSearch .searchCon dd.mile .formWrap:last-child{width:40px;text-align:right}
.dealerSearch .searchCon dd.mile input[type='radio']{width:40px;height:40px}
.dealerSearch .searchCon dd.mile input[type='radio']+label{padding:0;width:40px;height:40px;border:1px solid #d9d9de;-webkit-border-radius:40px;border-radius:40px;font-size:15px;line-height:38px;text-align:center}
.dealerSearch .searchCon dd.mile input[type='radio']:checked+label{border-color:#f47d31;color:#f47d31;font-weight:bold}
.dealerSearch .searchCon dd.mile input[type='radio']+label:before{display:none}



.dealerSearch .short,
.dealerSearch .btnShort,
.dealerSearch.open .btnShort,
.dealerSearch.open .detail,
.dealerSearch.find .detail,
.dealerSearch.find.open .short .btnRe,
.dealerSearch .short.store .btnAll,
.dealerSearch.find.open .short .btnAll,
.dealerSearch.find.open .short.store .btnAll,
.dealerSearch.find .short.store.kr select,
.dealerSearch.find .short.store .searchTit{display:none}
.dealerSearch.find .short,
.dealerSearch.open .short,
.dealerSearch .short.store,
.dealerSearch.find.open .btnShort,
.dealerSearch.find.open .detail,
.dealerSearch.open .short .btnRe,
.dealerSearch.open .short .btnAll,
.dealerSearch.find .short.store .btnAll,
.dealerSearch.find.open .short.store.kr select,
.dealerSearch.find.open .short.store .searchTit{display:block}

.guideBox{margin:0 -20px;padding:8px 0;background:#f6f6f9;text-align:center}
.guideBox strong{font-size:15px;vertical-align:middle}
.btnGuide{position:relative;display:inline-block;width:30px;height:30px;overflow:hidden;text-indent:-9999px;vertical-align:middle}
.btnGuide:after{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:19px;height:19px;border-radius:18px;border:1px solid #d9d9de;background:#fff url(../../gt/images/ico_guide.png) 0 0 no-repeat;background-size:19px auto}
.guideBox .popLayer{text-align:left}

.dealerMap{position:relative;margin:0 -20px -50px;overflow:hidden}
.dealerMap+.gtDealer{margin-top:-1px}
.dealerMap .map{width:100%;overflow:hidden}
.dealerMap .map img{width:100%;height:100%;vertical-align:top}
.dealerMap .map a[class*="pin"],
.shopMap a[class*="pin"]{position:absolute;display:inline-block}
.dealerMap .map a.pinOn,
.shopMap a.pinOn{margin-left:-16px}
.dealerMap .map a.pinOn img,
.shopMap a.pinOn img{width:32px;height:34px}
.dealerMap .map a.pin{margin-left:-11px}
.dealerMap .map a.pin img{width:22px;height:26px}
.dealerMap .find{position:absolute;bottom:20px;left:0;width:100%;padding:0 20px;box-sizing:border-box}
.dealerMap .find .inner{position:relative;padding:20px 20px 0;background:#fff}
.dealerMap .find .name,
.dealerMap .find .addr,
.dealerMap .find .cont{box-sizing:border-box;width:100%}
.dealerMap .find .btnMapClose{position:absolute;top:-40px;right:0;width:40px;height:40px;overflow:hidden;text-indent:-9999px;background:#fff}
.dealerMap .find .btnMapClose:before{display:inline-block;content:'';position:absolute;top:12px;left:12px;width:16px;height:16px;background: url(../../gt/images/bg_popup.png) 0 0 no-repeat;background-size:16px auto}
.dealerMap .btnEc.btnline .btn{border:none;border-top:1px solid #d9d9de}
.dealerMap .btnEc.btnline span+span .btn{border-left:1px solid #d9d9de}

.dealerResult{margin:0 -20px;background:#f6f6f9;border-top:1px solid #ebebef;border-bottom:1px solid #ebebef}
.dealerResult:after,
.dealerResult .viewType:after{display:block;content:'';clear:both}
.dealerResult .txtTotal{float:left;padding:10px 0 10px 20px;margin:0}
.dealerResult .viewType{float:right;margin:-1px 0}
.dealerResult .viewType:after{display:block;content:'';clear:both}
.dealerResult .viewType>a{display:block;float:left;width:40px;height:40px;border:1px solid #ebebef;border-right:none;text-indent:-9999px;overflow:hidden;background:url(../../gt/images/ico_gt_dealer_01.png) 0 -40px no-repeat;background-size:80px auto}
.dealerResult .viewType>a.on{border-color:#f47d31}
.dealerResult .viewType .icoL{border-left:none;background-position:-40px 0}
.dealerResult .viewType .icoM.on{border-right:1px solid #f47d31;background-position:0 0}
.dealerResult .viewType .icoL.on{border-left:1px solid #f47d31;background-position:-40px -40px}

.topResult{position:relative}
.topResult .txtTotal{position:absolute;top:0;left:0;margin:0;line-height:40px}
.topResult{margin:10px 0;text-align:right}
.topResult select{display:inline-block;width:145px;margin-bottom:0}

/* dealder list */
.dealerType{padding-bottom:20px;overflow:hidden}
.dealerType li{float:left;min-height:20px;width:50%;color:#111}
.iconTit .dealerIco,
.dealerType .dealerIco{overflow:inherit;width:auto;height:auto;min-height:20px;margin-top:0;padding-left:28px;text-indent:0}
.dealerType li:nth-child(n+3){margin-top:15px}
.dealerList{margin:0 -20px}
.dealerList > li{padding:28px 20px 30px;border-top:1px solid #ebebef}
.dealerResult+.gtDealer .dealerList > li:first-child{border-top:none}
.dealerList+.btnMore{margin-top:-10px}
.dealerList .name,
.dealerMap .find .name{display:block;position:relative;padding-right:75px;color:#111;font-size:15px;line-height:20px;vertical-align:middle}
.dealerList.kr .name,
.dealerMap.kr .find .name{padding-right:105px}
.dealerList.kr .btnEc .btn{padding:0 8px}
.dealerList .name abbr, .dealerList .name .icoG,
.dealerMap .find .name abbr, .dealerMap .find .name .icoG{position:absolute;top:50%;right:0;margin-top:-10px}
.dealerList .name .icoG .dealerIco,
.dealerMap .find .name .icoG .dealerIco{margin-right:2px}
.dealerList .name .icoG .dealerIco:last-child,
.dealerMap .find .name .icoG .dealerIco:last-child{margin-right:0}
.dealerList .addr,
.dealerMap .find .addr{margin-top:10px}
.dealerList .cont,
.dealerMap .find .cont{line-height:16px}
.dealerList .cont li,
.dealerMap .find .cont li{display:inline-block;margin-top:10px;margin-left:10px}
.dealerList .cont li:first-child,
.dealerMap .find .cont li:first-child{margin-left:0}
.dealerMap .find .tel a,
.dealerList .cont .tel a{color:#f47d31;font-weight:bold;text-decoration:underline}
.dealerList .cont .tel:before,
.dealerMap .find .cont .tel:before{content:'';width:16px;height:16px;background-position:0 -86px}
.dealerList .cont .rad:before,
.dealerMap .find .cont .rad:before{content:'';width:17px;height:16px;background-position:0 -103px}
.dealerList .cont .fax {color:#f47d31}
.dealerList .cont .fax:before,
.dealerMap .find .cont .fax:before{content:'';width:16px;height:16px;background-position:0 -199px}
.dealerMap .find li.url,
.dealerList .cont li.url,
.dealerMap .find li.email,
.dealerList .cont li.email{display:block;margin-left:0}
.dealerMap .find .url a,
.dealerList .cont .url a,
.dealerMap .find .email a,
.dealerList .cont .email a{color:#f47d31;font-weight:bold;text-decoration:underline}
.dealerList .cont .url:before,
.dealerMap .find .cont .url:before{content:'';width:16px;height:16px;background-position:0 -277px}
.dealerList .cont .email:before,
.dealerMap .find .cont .email:before{content:'';width:16px;height:16px;background-position:0 -297px}

/* branch list */
.branchList{margin:0 -20px}
.branchList > li{padding:28px 20px 30px;border-top:1px solid #ebebef}
.branchList > li:last-child{padding-bottom:0}
.branchList.kr .name{padding-right:105px}
.branchList .name{display:block;position:relative;padding-right:55px;color:#111;font-size:15px;line-height:20px;vertical-align:middle}
.branchList .cont .fax:before{content:'';width:16px;height:16px;background-position:0 -199px}
.branchList .cont li{display:inline-block;margin-top:10px;margin-right:20px}
.branchList .cont li:last-child{margin-right:0}
.branchList .cont .tel:before{content:'';width:8px;height:16px;background-position:0 -86px}
.branchList .cont .fax:before{content:'';width:16px;height:16px;background-position:0 -199px}

/* contact info */
.contactInfo > li{margin-top:18px;padding-top:18px;border-top:1px dashed #ebebef}
.contactInfo > li:first-child{margin-top:0;padding-top:0;border-top:0}
.contactInfo .name{display:block;color:#444;font-size:15px;line-height:20px}
.contactInfo .addr{display:block;margin-bottom:10px}
.contactInfo .txtLink{display:block;line-height:30px}

/* history info */
.historyInfo{text-align:center}
.historyInfo > li{margin-top:18px;padding-top:18px;border-top:1px dashed #ebebef}
.historyInfo > li:first-child{margin-top:0;padding-top:0;border-top:0}
.historyInfo img{height:150px}
.historyInfo .desc{margin-top:5px}

/* tire finder */
.finderArea .foldBtn{margin:0 -20px;padding:0 20px 40px;border-bottom:1px solid #ebebef}
.finderForm{margin-top:40px}
.finderForm .radArea .formWrap{float:none;width:50%;vertical-align:top}
.finderForm .radArea .formWrap:nth-child(even){margin-left:-5px;padding-left:5px}
.finderForm .btnAlone{margin:10px 0 -10px;padding-right:13px}
.finderForm .typeEdit{margin:-20px 0 20px;padding:20px;background:#f6f6f9}
.finderForm .typeEdit:after{display:block;content:'';clear:both}
.finderForm .typeEdit .radArray,
.finderForm .typeEdit .editPlan{float:left;width:50%;box-sizing:border-box}
.finderForm .typeEdit .radArray{padding-right:2px}
.finderForm .typeEdit .radArray .formWrap{display:block;margin-left:0}
.finderForm .typeEdit .radArray .formWrap+.formWrap{margin-top:15px}
.finderForm .typeEdit .editPlan{padding-left:2px}
.finderForm .typeEdit .editPlan .plan img{width:140px;max-width:100%}
.finderForm .typeEdit .editPlan .mark{display:inline-block;margin:13px 0 0 10px;vertical-align:middle}
.finderForm .typeEdit .editPlan .mark li{position:relative;padding-left:16px;font-size:12px}
.finderForm .typeEdit .editPlan .mark li+li{margin-top:5px}
.finderForm .typeEdit .editPlan .mark li img{position:absolute;top:2px;left:0;width:11px}

.titName {font-size:18px;color:#444}

.sizeSearch .tit{display:block;margin-bottom:10px;font-size:15px;color:#444;line-height:18px}
.sizeSearch .radArea{margin-bottom:20px}

.bnrLink{display:block;margin-top:30px}
.bnrLink img{display:block;width:100%}

/* stock */
.stock {margin:0 -20px;padding:30px 20px;background:#f6f6f9}
.stock .tit {display:block;font-size:15px;color:#444;text-align:center}
.stock .iframe {margin:20px}

/* guarantee info */
.authBox{overflow:hidden;border:1px solid #d9d9de;background:#f6f6f9}
.authBox li{float:left;position:relative;width:50%}
.authBox li+li:before{content:'';display:block;position:absolute;top:22px;left:0;bottom:22px;width:1px;background:#d9d9de}
.authBox .check{display:block;padding:26px 0;color:#444;font-size:15px;text-align:center}
.authBox .check:before{content:'';display:block;width:24px;height:24px;margin:0 auto 10px;background:url(../../gt/images/bg_user_check.png) 0 0 no-repeat;background-size:24px auto}
.authBox .check.ipin:before{background-position:0 -26px}
.grtInfo{overflow:hidden;margin:-10px 0}
.grtInfo dt, .grtInfo dd{padding:10px 0;border-top:1px dashed #ebebef}
.grtInfo dt:nth-child(1), .grtInfo dd:nth-child(2){border-top:0}
.grtInfo .info{float:left}
.grtInfo .data{overflow:hidden;color:#444;text-align:right}
.guaranteeAuth{margin-top:38px}

.titDep+.accrAgree2{margin-top:18px}
.accrAgree2{border:1px solid #d9d9de}
.accrAgree2 .con{margin:15px 0;padding:0 15px;box-sizing:border-box;max-height:140px;overflow-y:auto;overflow-x:hidden;font-size:15px;line-height:20px}
.accrAgree2 .con ul>li{text-indent:-10px;margin-left:10px}
.accrAgree2 .checkArea{padding:15px;background:#f6f6f9;border-top:1px solid #d9d9de}
.accrAgree2 .checkArea .formWrap{width:50%}
.accrAgree2 .checkArea .formWrap+.formWrap{margin-left:-4px}

/* tire guide value Area */
.vauleArea{position:relative;margin:20px -20px 0;padding:30px 20px 94px;background:#f6f6f9}
.vauleArea h2{margin:0 0 32px;font-size:17px;font-weight:bold;line-height:22px}
.vauleArea>dl{padding-bottom:35px}
.vauleArea>dl dt{color:#444;font-size:15px}
.vauleArea>dl dd+dt{margin-top:20px}
.vauleArea>dl dd{margin-top:20px}
.vauleArea>dl dd.vTxt{margin-top:15px;color:#999;font-weight:bold;font-size:25px;line-height:20px;vertical-align:bottom;text-align:center}
.vauleArea>dl dd.vTxt strong{display:inline-block;padding-right:5px;color:#444;font-weight:normal;font-size:45px;line-height:20px}
.vauleArea .txtLinkArea{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;padding:20px 10px;background:#fff;color:#444;text-align:center;vertical-align:middle}
.vauleArea .txtLinkArea .btnFc{margin-top:10px}
.vauleArea .valueInp{display:table;width:100%}
.vauleArea .valueInp>*{display:table-cell;vertical-align:middle}
.vauleArea .valueInp input[type="text"]{width:100%;height:40px;padding:0 14px;font-size:15px;border: 1px solid #d9d9de}
.vauleArea .valueInp .btnEc{width:90px}
.vauleArea .valueInp .btnEc span{display:block}

/* people interview */
.interviewList{display:block;position:relative;margin:0 -20px;overflow:hidden}
.interviewList:last-child {margin-bottom:-50px}
.interviewList .pImg{display:block;margin:0 -100%;text-align:center}
.interviewList .pImg img{height:225px;vertical-align:bottom}
.interviewList .profile{position:absolute;top:80px;left:50%;width:168px;margin-left:-168px}
@media screen and (max-width:320px) {
    .interviewList .profile{margin-left:-140px}
}
.interviewList .profile .pName{position:relative;margin:0 0 15px;padding-bottom:15px;font-weight:bold;font-size:19px;color:#111;line-height:27px}
.interviewList .profile .pName:before{display:inline-block;content:'';position:absolute;bottom:0;left:0;width:30px;height:1px;background:#f76c22}
.interviewList .profile p{color:#777}

/* reports */
.reports {margin-top:20px}
.reports select+.reportsList li:first-child {padding-top:10px}
.reports .reportsList li {overflow:hidden;position:relative;padding:20px 175px 20px 0;border-bottom:1px solid #ebebef}
.reports .reportsList li .tit {font-size:15px;color:#111;font-weight:normal}

.reports .reportsList li .linkArea {overflow:hidden;position:absolute;top:50%;right:0;height:35px;margin-top:-17px}
.reports .reportsList li .linkArea a {float:left;width:35px;height:35px;margin-left:15px;background:url(../../gt/images/ico_gt_quarterly-reports.png) no-repeat 0 0;-webkit-background-size:35px auto;-moz-background-size:35px auto;-o-background-size:35px auto;background-size:35px auto;font-size:0;color:transparent;line-height:0}
.reports .reportsList li .linkArea .voice {background-position:0 0}
.reports .reportsList li .linkArea .video {padding-bottom:0;background-position:0 -35px}
.reports .reportsList li .linkArea .pdf {background-position:0 -70px}
.reports .reportsList li .linkArea .pdfkr {background-position:0 -105px}
.reports .reportsList li .linkArea .pdfen {background-position:0 -140px}
@media screen and (max-width:350px) {
    .reports .reportsList li {padding-right:160px}
    .reports .reportsList li .linkArea a {margin-left:8px}
}

/* pdf down */
.pdfDown {margin-bottom:20px;border:1px solid #d9d9de}
.pdfDown a {display:block;position:relative;width:100%;padding:20px 20px 20px 60px;background:#f6f6f9;color:#444;line-height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pdfDown a:before {content:'';position:absolute;top:50%;left:20px;width:19px;height:24px;margin-top:-12px;background:url(../../gt/images/ico_pdf.png) no-repeat 0 0;-webkit-background-size:19px 24px;-moz-background-size:19px 24px;-o-background-size:19px 24px;background-size:19px 24px}
.pdfDown a+a, .pdfDown div+div>a {border-top:1px solid #d9d9de}

/* event */
.row_type3 table td.detail_view h3 {font-size:18px}
.row_type3 table td.detail_view>div {width:100% !important}
.table_two .left {float:none !important;width:100% !important}
.table_two .right {float:none !imortant;width:100% !important;margin-top:20px}
.grey_desc {width:100% !important}

/* related-menu */
.related .tit {display:block;padding:30px 0 20px;font-size:15px;font-weight:bold;color:#444}
.related .mnList {border-top:1px solid #ebebef}
.related .mnList li a {display:block;position:relative;width:100%;padding:13px 50px 13px 0;border-bottom:1px solid #ebebef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#777}
.related .mnList li a:after {content:'';display:block;position:absolute;top:50%;right:0;width:7px;height:13px;margin-top:-6px;background:url(../../gt/images/bg_button.png) no-repeat 0 -107px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
/*div+div .related {padding-top:40px}*/

/* image-background */
.imgBackground {position:relative;overflow:hidden;margin:0 -20px}
.imgBackground .img {display:block;margin:0 -100%;text-align:center}
.imgBackground .img img {width:auto;height:490px;vertical-align:top;line-height:0}
.imgBackground .txtCon {position:absolute;top:50px;left:20px;padding-right:122px;color:#fff}
.imgBackground .txtCon strong {display:block;font-size:19px;font-weight:500;line-height:25px}
.imgBackground .txtCon p {padding-top:15px}

/* text-banner-manage */
/*.imgBanner {padding-top:40px}*/
.imgBanner li a{/*position:relative;*/overflow:hidden;display:table;width:100%;min-height:85px;padding:15px 0;border-bottom:1px solid #ebebef;background-position:right center;background-repeat:no-repeat;-webkit-background-size:335px auto;-moz-background-size:335px auto;-o-background-size:335px auto;background-size:335px auto}
.imgBanner li a .tit {display:table-cell;/*position:absolute;top:50%;left:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);*/padding-right:132px;font-size:15px;line-height:20px;color:#444;text-align:left;vertical-align:middle}
.imgBanner li a .img {display:block;float:right;width:335px;vertical-align:middle}
.imgBanner li a .img img{width:335px;height:85px;line-height:0;font-size:0}

/*.textBanner {padding-top:40px}*/
.textBanner li a {display:block;position:relative;width:100%;padding:15px 35px 15px 0;border-bottom:1px solid #ebebef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;line-height:20px;color:#444;text-align:left}
.textBanner li a:after {content:'';display:block;position:absolute;top:50%;right:0;width:7px;height:13px;margin-top:-6px;background:url(../../gt/images/bg_button.png) no-repeat 0 -107px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}

.imgBanner+.textBanner,
.textBanner+.imgBanner{padding-top:0}

/* 20170823 수정 | strong color 값 */
strong.boldStrong{color:#444 !important;}

/* 20180604 추가 | fAward*/
footer .fAward{margin:0 -20px;padding:0 20px;text-align:left;border-bottom:1px solid #e3e3e8;background:#f6f6f9}
footer .fBanner+.fAward{margin-top:-1px;}
footer .fAward .bnrType1{padding:30px 0;border-top:1px dashed #e2e2e6;}
footer .fAward .bnrType1 .bnr:after{content:"";display:block;clear:both}
footer .fAward .bnrType1 img{height:44px;;margin:0 auto;vertical-align:middle;float:left;}/* 20180808 수정 */
footer .fAward .bnrType1 strong{float:left;display:inline-block;padding:3px 0 0 15px;line-height:20px;}/* 20180808 수정 */
footer .fAward .bnrType1 strong sup{line-height:0;vertical-align:2px;font-size:10px;}

/* 20180703 추가 | text content area */
.textContArea .img{margin:0 -20px;}
.textContArea .img img{width:100%;display:block;}
.container .textContTit{font-size:15px;font-weight:bold;line-height:20px;color:#444;margin:17px 0;}
.container .textContTit02{margin:0;font-size:13px;line-height:18px;}
.container .textContTit02+p{margin:15px 0 18px;}
.textContArea .txtLink{font-weight:normal;}
.textContArea .txtList li{margin-top:0;}

/* 20180727 추가 | swipe-gallery */
.bannerImg02{margin:0 -20px;}
.bannerImg02 .swifeArea{margin:0;padding:0 20px;}
.bannerImg02 .rollingArea{overflow:initial;}
.bannerImg02 .rollingArea ul{width:30000px !important;}
.bannerImg02 .rollingArea ul li{box-sizing:border-box;}
.bannerImg02 .hiddenbtn{position:absolute;top:0;width:30px;height:100%;color:transparent;line-height:0;font-size:0;z-index:1;}
.bannerImg02 .hiddenbtn.btnPrev{left:0;}
.bannerImg02 .hiddenbtn.btnNext{right:0;}

/* brand portfolio */ /* 20180831 추가 */
.lineTab.brandPortfolio{margin-top:-20px}
.brandPortfolio .lineTabCon{margin-bottom:16px;}
.brandPortfolio .lineTabCon.distribution{margin-bottom:0;}
.brandPortfolio .lineTabCon .brandLogo{margin-top:20px;padding-top:20px;border-top:1px solid #ebebef;}
.brandPortfolio .lineTabCon .gt-co-brand-logo:first-child .brandLogo{margin-top:40px;padding-top:0;border-top:none;}
.brandPortfolio .lineTabCon.distribution .brandLogo img{max-height:100%;max-width:355px;width:100%;}
.brandPortfolio .lineTabCon .image img{width:100%;max-width:335px}

/* 20181112 수정 */
.mabannerIMg .mainScroll .scrollList .prCon.newBanner{height:203px}
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .tireImg{top:auto;left:auto;right:7px;bottom:24px}
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon{padding:20px 25px}
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon:before{display:none}
/* .mabannerIMg .mainScroll .scrollList .prCon.newBanner .subTxt{color:#444;margin-top:10px;height:36px;overflow:hidden} 20200622 */
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .subTxt{color:#444;margin-top:33px;height:64px;overflow:hidden;width:62%}
/* .mabannerIMg .mainScroll .scrollList .prCon.newBanner .btnAlone{position:absolute;left:15px;bottom:10px;color:#777}20200622 */
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .btnAlone{position:absolute;left:15px;bottom:11px;color:#777}
/* .mabannerIMg .mainScroll .scrollList .prCon.newBanner .btnAlone:after{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-6px;vertical-align:middle;width:6px;height:12px;background:url(https://m.hankooktire.com/etc/designs/htg-mobile/gt/images/bg_button.png) no-repeat 0 -41px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto} 20200622*/
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .btnAlone:after{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-8px;vertical-align:middle;width:6px;height:12px;background:url(https://m.hankooktire.com/etc/designs/htg-mobile/gt/images/bg_button.png) no-repeat 0 -41px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .tit{height:20px}
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .tit img{width:auto;height:20px}
.mabannerIMg.kr .mainScroll .scrollList .prCon.newBanner .txtCon .tit img{width:auto;height:38px}
/* .mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .tit img{width:auto;max-height:38px} */
.sproduct.newSproduct{height:203px !important}
.sproduct.newSproduct .scrollList{height:203px !important}
.sproduct.newSproduct .scrollList .prCon.newBanner{height:203px}
.sproduct.newSproduct .scrollList .prCon.newBanner .tireImg{top:auto;left:auto;right:0;bottom:20px}
.sproduct.newSproduct .scrollList .prCon.newBanner .txtCon{padding:20px 25px}
.sproduct.newSproduct .scrollList .prCon.newBanner .txtCon:before{display:none}
.sproduct.newSproduct .scrollList .prCon.newBanner .subTxt{color:#444;margin-top:10px;height:36px;overflow:hidden}
.sproduct.newSproduct .scrollList .prCon.newBanner .btnAlone{position:absolute;left:15px;bottom:10px;color:#777}
.sproduct.newSproduct .scrollList .prCon.newBanner .btnAlone:after{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-6px;vertical-align:middle;width:6px;height:12px;background:url(https://m.hankooktire.com/etc/designs/htg-mobile/gt/images/bg_button.png) no-repeat 0 -41px;-webkit-background-size:77px auto;-moz-background-size:77px auto;-o-background-size:77px auto;background-size:77px auto}
.sproduct.newSproduct .scrollList .prCon.newBanner .txtCon .tit{height:20px}
.sproduct.newSproduct .scrollList .prCon.newBanner .txtCon .tit img{width:auto;height:20px}

/*20190826*/
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .tit{font-size: 20px;font-weight: bold;color: #333;}
/* .mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .txt{color: #f47d31;font-size: 13px;font-weight: bold;margin-top: 10px;} 20200622*/
.mabannerIMg .mainScroll .scrollList .prCon.newBanner .txtCon .txt{color: #f47d31;font-size: 13px;font-weight: bold;margin-top: 10px;display:none;}

/* 20191129 지주사 로고 GNB 추가 */
.link_techin{width:59px;height:20px;position:absolute;right:54px;top:17px;}/*20201117 수정*/
.link_techin img{width:59px;}

/* 20191127 패밀리사이트 추가 */
.new_m_family_site_select{margin-top:20px;margin-bottom:10px;background-color:#f6f6f9;}

/* 팝업bg */
.pop_bg_whole{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:9998}
/* 팝업 */
.policy_2020_pop_wrap{box-sizing: border-box;padding:0px;background:#fff;display:none;width:96% !important; margin:0 2% !important; height:auto;z-index:10002;position:absolute;top:770%;left:0;} /* 20200619 수정 */
.pop_top_wrap{padding:20px; border-bottom:1px solid #d8d8d8;margin-bottom:20px;}
.pop_top_tit{font-size:18px;font-weight:700;color:#111;}
.close_btn{overflow: hidden;position: absolute;right: 20px;top: 17px;width: 16px;height: 16px;background: url(../../../../../common/images/button/btn_x.gif);text-indent: -100px;}
.close_btn:hover{background: url(../../../../../common/images/button/btn_x_hover.gif)}
/* 20200522 추가 daesung */
/* 폼 요소 */
/* .policy_2020_pop_wrap .label {display:inline-block;line-height:1;height:14px;margin-left:3px;vertical-align: top;} 20200618 삭제 */
/* .policy_2020_pop_wrap .label + input[type="checkbox"] {margin-left:8px;} 20200618 삭제 */
/*  //20200522 */
/* 20200618 추가 */
.policy_2020_pop_wrap .tab_ul_style {display:table !important;}
.policy_2020_pop_wrap .tab_ul_style li {display:table-cell !important;float:none !important;}
.policy_2020_pop_wrap span.checkbox {position:relative;display:inline-block;vertical-align:top;margin:5px 5px 5px 0;}
.policy_2020_pop_wrap span.checkbox input[type="checkbox"]{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;z-index:-1;}
.policy_2020_pop_wrap select {height:30px;background-position:100% -556px;}
/* //20200618 */
/* //20200522 */
/* 팝업 내 탭 */
.tab{width:100%;height:auto;overflow:hidden;padding:0 20px;box-sizing: border-box;}
.tab .tab_ul_style{margin:0;list-style:none;width:100%;height:auto;background:#ececec;box-sizing: border-box;display:inline-block}
.tab .tab_ul_style li{border-bottom: 1px solid #d0d0d0;display:inline-block;width:50%;float:left;height:auto;line-height:1.4;text-align:left;cursor:pointer;box-sizing: border-box;background:#ececec;color:#888;font-size:13px;font-weight:normal;padding:10px 8px}
.tab .tab_ul_style li.on{background:#fff;color:#f47d31;border:1px solid #bbbbbb;border-bottom:0;}
.tab .conBox{width:100%;padding-top:15px;height:auto;overflow:hidden;min-height:200px;background:#fff;display:none;text-align:left;}
.tab .conBox.on{display:inline-block;}
.pop_cont_text{margin-bottom:12px}
.pop_cont_text a {text-decoration:underline}/* 20200901 추가 */
.infoForm .infoTit{margin-bottom:6px;}
.infoForm > li {position: relative;margin-top: 12px;}
.inputTxt1{height:30px;font-size:14px;}
.pop_form_submit{width:100%;height:40px; color:#fff; background:#f47d31!important;font-weight: 900;
    margin: 20px 0;}

.policy_2020_pop_wrap{margin:0;width:90%}
ul.infoForm input[type='checkbox'], ul.infoForm input[type='radio'] {
    position:unset!important;width: 14px;height: 14px;margin: 0;opacity:1;}
.close_btn{background:url(https://m.hankooktire.com/content/dam/htg-mobile/common/images/button/btn_x.gif)}
.new_2020_policy_pop{text-decoration:underline;font-weight:bold}

/* 20200304 모바일 온라인 e샵 추가 */
.shop_type{height:auto;overflow:hidden;margin: 0 -20px;}
.shop_type .shop_type_ul{padding:0;margin:0;list-style:none;width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e1e1e1}
.shop_type .shop_type_ul .shop_type_li{display:inline-block;width:50%;float:left;line-height:40px;text-align:center;cursor:pointer;font-size:15px; font-weight:bold; color:#a9a9a9;position:relative}

.shop_type .shop_type_ul .shop_type_li.on{background:#fff;border-bottom:2px solid #e58344;font-size:15px; font-weight:bold; color:#333;}
.shop_type .conBox{height:auto;overflow:hidden;background:#fff;display:none;text-align:left;padding:0 20px;}
.shop_type .conBox.on{display:block;}

/* 20200420 모바일 온라인 e샵 스타일 수정 */
.dealerList .addr a, .dealerMap .find .addr a{color:#777;}

/* 20200506 패밀리 사이트 포지션 수정 */
.new_m_family_site_select{margin-top:20px;}
/* 20200507 패밀리 사이트 마크업 수정 */
.new_m_family_site_select{box-sizing: border-box;line-height:40px;text-align:left;width: 100%;height: 40px;padding: 0 14px !important;margin-bottom: 20px;color: #444;
    font-size: 15px;background: #fff url(https://m.hankooktire.com/etc/designs/htg-mobile/gt/images/bg_form.png) no-repeat 100% -550px;
    -webkit-background-size: 40px auto;-moz-background-size: 40px auto;-o-background-size: 40px auto;background-size: 40px auto;
    border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #d9d9de;position:relative;}

.new_m_family_site_ul{display:none;position:absolute;width:100%;height:auto;border:1px solid #d9d9de;box-sizing: border-box;background:#fff;line-height:1.2;color:#444;top:38px;left:0;padding:0 14px;}
.new_m_family_site_ul.on{display:block;}
.new_m_family_site_ul li{display: inline-block;width:100%;padding: 6px 0;}

/* 20200723 추가 */
/* 20200518 추가 daesung */
/* brand-ventus to-be */
.container.brand-scope {padding-bottom:0;overflow:hidden;}
.container.brand-scope h2 {margin:24px 0 0;}
.brand-scope #content.wide {padding:0;margin:0;0;width:100%;}
.brand-scope img {display:block;max-width:100%;}
.brand-scope .bg-grey {background:#f8f8f8}/* 20200827 추가 */

.brand-scope {font-family:'HankookTireKR', sans-serif;}
.brand-scope .tit {font-size:18px;line-height:23px;letter-spacing:0;}
.brand-scope .tit-desc {font-size:12px;line-height:17px;margin-top:7px;letter-spacing:0;}
.brand-scope .desc-group {color:#000;text-align:center;}
.brand-scope .desc-group:after {content:"";clear:both;display:block;}
.brand-scope .desc-group.fc-white {color:#fff}
.brand-scope .desc-group .type {font-size:20px;letter-spacing: -.01em;line-height:1;color:#e26e21;font-weight:700;text-align:left;}
.brand-scope .desc-group .type + .desc {margin-top:10px;}
.brand-scope .desc-group .desc {font-size:23px;letter-spacing: -.05em;line-height:26px;color:inherit;font-weight:400;text-align:left;}
.brand-scope .desc-group .desc + .sub-desc {margin-top:11px;}
.brand-scope .desc-group .sub-desc {font-size:14px;;line-height:20px;color:inherit;font-weight:300;text-align:left;letter-spacing:-.07em;}
.brand-scope .desc-group .dq-icon {position:relative;display:inline-block;vertical-align:top;padding:0 11px;}
.brand-scope .desc-group .dq-icon:before {content:"";position:absolute;top:3px;left:0;width:8px;height:5px;background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/sp-dobule-quotes.png") 0 0 no-repeat;background-size:8px 13px}
.brand-scope .desc-group .dq-icon:after {content:"";position:absolute;right:0;bottom:13px;width:8px;height:5px;background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/sp-dobule-quotes.png") 0 -8px no-repeat;background-size:8px 13px}

.brand-scope .layout-row {display:table;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.brand-scope .layout-row img {margin: 0 auto;}
.brand-scope .layout-row .column{display:table-cell;vertical-align:top;color:#111;}
.brand-scope .layout-row .column.n1{width:100%;}
.brand-scope .layout-row .column.n1 img {margin:0 auto;}
.brand-scope .layout-row .column.n2{width:50%;}

/* .brand-scope .section-video {position:relative;padding-top:52.24%;margin-bottom:9px;height:0;font-size:0;}
.brand-scope .section-video #player {visibility: hidden;}
.brand-scope .section-video .start-video {position:absolute;top:50%;left:50%;width:49px;height:49px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.brand-scope .section-video .start-video img{display:block;max-width:100%;}
.brand-scope .section-video .thumbnail_container {position:absolute;top:0;left:0;width:100%;height:100%;background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/ventus-video-thumb.jpg") center center no-repeat;background-size:cover;} */

.brand-scope .article {background:#fff;}
.brand-scope .article.bc-dark-black {background:#151515}
.brand-scope .article .section {position:relative;width:auto;padding:0;}

.brand-scope .article .section-inner {position:relative;margin:0 auto;font-size:0;}
.brand-scope .article .section-head {position:relative;min-height:435px;}/* 20201110 수정 */
.brand-scope .article .section-head .inner-layer {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-align:center;}
.brand-scope .article .section-head .desc-group {position:relative;padding:28px 20px 0;}
.brand-scope .article .center-box {padding:30px 20px;margin:0 auto;}
.brand-scope .article .section-top-tit {margin:0 0 21px;font-size:20px;line-height:1;letter-spacing:-0.07em;color:#ee6b00;font-weight:400;}
.brand-scope .article .in-padding {padding:40px 20px 20px;}

.brand-scope .product-list {position:relative;font-size:0;}
.brand-scope .product-list .item {position:relative;display:blockh;max-width:314px;height:182px;vertical-align:top;padding:256px 21px 0;margin:0 auto;}
.brand-scope .product-list .item +.item {margin-top:20px;}
.brand-scope .product-list .item .type img{display:block;max-width:100%;height:50px;}
.brand-scope .product-list .item .desc {margin-top:23px;font-size:14px;font-weight:300;line-height:1;letter-spacing:-0.05em;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.brand-scope .product-list .btns {margin-top:26px;}
.brand-scope .product-list .btns a {position:relative;display:block;width:237px;height:48px;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url('../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-product-link-btn-bg.png') 0 0 no-repeat;background-size:contain;margin:0 auto;}

.brand-scope .fake-list {position:relative;font-size:0;margin:0;padding:0;}
.brand-scope .fake-list li {display:inline-block;margin:0 0 10px 10px;min-height:300px;background: rgba(255,255,255,.1);font-size:20px;vertical-align:top;}
.brand-scope .fake-list li .desc-group {padding:20px;}

.brand-scope .logo-list {position:relative;display:inline-block;font-size:0;margin:31px 0 0 -37px;max-width:340px;}
.brand-scope .logo-list li {display:inline-block;vertical-align:top;width:128px;height:67px;margin:0 0 29px 37px;}
.brand-scope .logo-list li img {display:block;max-width:100%;}

.brand-scope .fadeOut {-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}
.brand-scope .fadeIn {-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}

.brand-scope .tac {text-align:center;}/* 20201110 추가 */

/* 20200826 추가 */
.brand-scope .video-type + .video-type {margin-top:20px;}
.brand-scope .video-type .column {position:relative;}
.brand-scope .video-type .video-view {position:relative;padding-top:65%;}
.brand-scope .video-type .video-view > iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.brand-scope .video-type .video-thumb {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:102% 102% !important} /* 20201027 수정 */
.brand-scope .video-type .video-thumb > button {position:absolute;top:50%;left:50%;width:50px;height:50px;transform: translate(-50%,-50%);background: center center / contain no-repeat url('../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-video-play-btn.png') transparent;border:0;}
/* 20200826 */

/* 20200910 추가 */
.brand-scope .tabs .tab-nav {font-size:0;display:block;}
.brand-scope .tabs .tab-nav li {font-size:0;display:inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;}
.brand-scope .tabs .tab-nav li a {display:block;font-size:14px;text-align:center;border:1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;}
.brand-scope .tabs .tab-nav li a.is-active {background:#000;color:#fff;}
.brand-scope .tabs .tab-container .tab-content {display:none;}
.brand-scope .tabs .tab-container .tab-content.is-show {display:block;}

.brand-scope .brand-loader {position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:transparent}
/* //20200910 */

@-webkit-keyframes fadeOut {
    0%, 0.01% {opacity:1;}
    100% {opacity:0;}
}
@keyframes fadeOut {
    0%, 0.01% {opacity:1;}
    100% {opacity:0;}
}
@-webkit-keyframes fadeIn {
    0%, 0.01% {opacity:0;}
    100% {opacity:1;}
}
@keyframes fadeIn {
    0%, 0.01% {opacity:0;}
    100% {opacity:1;}
}
/* brand-page ventus */
.brand-scope .ventus-visual{overflow:hidden;background:#030001}
.brand-scope .ventus-visual .visual-inner {position:relative;width:100%;margin:0 auto;overflow:hidden;-webkit-box-sizing: content-box;box-sizing: content-box;background:#030001}
.brand-scope .ventus-visual .visual-inner .text{position:relative;display:block;text-align:center;padding:16px 0 17px;width:100%;text-align:center;font-size:0;}
.brand-scope .ventus-visual .visual-inner .text img {display:inline-block;width:auto;height:70px;vertical-align:top;}
.brand-scope .ventus-visual .visual-inner .video-area {position:relative;padding-top:102.67%} 
.brand-scope .ventus-visual .visual-inner .video-area > .video {position:absolute;top:0;left:0;width:100%;z-index:2;padding:0;}

.brand-scope .ventus-layout1 {max-width:670px;margin:0 auto;}
.brand-scope .ventus-layout1 .column:first-child {width:38%;}
.brand-scope .ventus-layout1 .column + .column {padding:0 0 0 9px;}
.brand-scope .ventus-layout1 .tit {letter-spacing:.025em}
.brand-scope .ventus-layout1 .tit-desc {letter-spacing:-.02em}
.brand-scope .ventus-layout2 {max-width:670px;margin:0 auto;}
.brand-scope .ventus-layout2 .column {vertical-align:bottom;}
.brand-scope .ventus-layout2 .column + .column {padding:0 0 0 9px;}
.brand-scope .ventus-layout3 .desc-group .type {font-size:18px;font-weight:500;color:#333;line-height:1;text-align:center;}
.brand-scope .ventus-layout3 .desc-group .desc {font-size:15px;font-weight:400;line-height:21px;color:#454545;margin-top:16px;text-align:center;}
.brand-scope .ventus-layout3 .desc-group .desc .dq-icon:after {right:8px;}
.brand-scope .ventus-layout3 .desc-group .desc + .desc .dq-icon:after {right:0;}
.brand-scope .layout-row + .ventus-layout1 {margin-top:25px;}
.brand-scope .layout-row + .ventus-layout2 { margin-top:15px;}
.brand-scope .ventus-layout3 + .layout-row {margin-top: 31px;}
.brand-scope .ventus-layout3 + .layout-row + .layout-row { margin-top:19px;}

.brand-scope .fake-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-vantus-article-bg01-dark.jpg") center 0 no-repeat;background-size:cover;opacity:0;}
.brand-scope .ventus-bg-type1 {background:#000 url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-vantus-article-bg01.jpg") center center no-repeat;background-size:cover;min-height:435px}
.brand-scope .ventus-bg-type2 {background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-vantus-article-bg02.jpg") center center no-repeat;background-size:cover;min-height:435px}
.brand-scope .ventus-bg-type2 .section-inner {position:absolute;top:0;left:50%;width:100%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
.brand-scope .ventus-bg-type3 {background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-vantus-article-bg03.jpg") center center no-repeat;background-size:cover;min-height:435px}

.brand-scope .ventus-desc-type1 .desc-group.in-box {max-width:670px;margin:25px auto 0;text-align:left;}
.brand-scope .ventus-desc-type1 .desc-group.in-box .column:first-child {width:37%}
.brand-scope .ventus-desc-type1 .desc-group.in-box .column +.column {padding-left:5px;}

.brand-scope .ventus-list .item:nth-child(1) {background:url('../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-product-bg-ventus-s1-evo3.jpg') 0 0 no-repeat;background-size:cover}
.brand-scope .ventus-list .item:nth-child(2) {background:url('../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-product-bg-ventus-s2-as.jpg') 0 0 no-repeat;background-size:cover;}
.brand-scope .ventus-list .item:nth-child(3) {background:url('../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/brand-product-bg-ventus-s1-evo3-suv.jpg') 0 0 no-repeat;background-size:cover;}

/* 20200910 추가 */
.brand-scope .ventus-video-bg {background:#040608 url("../../../../../content/dam/htg-mobile/kr/images/brand-product/ventus/mo-ventus-video-bg-black.jpg") left bottom repeat-x;}
.brand-scope .article .center-box.ventus-desc-type1.tabs {padding-top:30px;}
.brand-scope .ventus-desc-type1.tabs .tab-nav {display:flex;flex:1;margin-bottom:15px;}
.brand-scope .ventus-desc-type1.tabs .tab-nav li {width:50%;}
.brand-scope .ventus-desc-type1.tabs .tab-nav li a {font-size:13px;line-height:38px;height:38px;color:#7a7a7a;border:1px solid #373737;padding:0 20px;}
.brand-scope .ventus-desc-type1.tabs .tab-nav li:nth-child(1) {padding-right:5px;}
.brand-scope .ventus-desc-type1.tabs .tab-nav li:nth-child(2) {padding-left:5px;}
.brand-scope .ventus-desc-type1.tabs .tab-nav li a.is-active {background:#373737;color:#e26e21}
/* //20200910 */

/* 20201027 추가 icept */
.brand-scope .winter-icept .desc-group .type,
.brand-scope .winter-icept .section-top-tit{color:#00a0e0}
.brand-scope .winter-icept .center-box.none-top-padd {padding-top:0}
.brand-scope .winter-icept .visual-inner {position: relative;width: 100%;margin: 0 auto;overflow: hidden;-webkit-box-sizing: content-box;box-sizing: content-box;background: #030001;}
.brand-scope .winter-icept .visual-inner .video-area{position: relative;padding-top:102.67%}/* 20201110 수정 */
.brand-scope .winter-icept .visual-inner .video-area .video{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;padding: 0;}
.brand-scope .winter-icept .visual-inner.land-scape  .video-area {padding-top:48%}
.brand-scope .winter-icept .visual-inner .text{position: relative;display: block;text-align: center;padding: 17px 0 17px;width: 100%;font-size: 0;}
.brand-scope .winter-icept .visual-inner .text img {display: inline-block;width: auto;height: 67px;vertical-align: top;}
.brand-scope .winter-icept .video-type .video-view {padding-top:56.25%}

/* 20201110 추가 */
.brand-scope .winter-icept .icpet-section-01-full-bg {background:#ececec url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-section-01-full-bg.jpg") center top no-repeat;background-size:100%;}
.brand-scope .winter-icept .icpet-section-04-full-bg {background:#151515 url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-section-04-full-bg.jpg") center top no-repeat;background-size:100%}

/* 20201110 수정 */
.brand-scope .winter-icept .icpet-head-bg-type1 {min-height:225px;}
.brand-scope .winter-icept .icpet-head-bg-type2 {background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-icept-article-bg02.jpg") center bottom no-repeat;background-size:cover;}
.brand-scope .winter-icept .icpet-head-bg-type3 {background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-icept-article-bg03.jpg") center bottom no-repeat;background-size:cover;}
.brand-scope .winter-icept .icpet-head-bg-type4 .fake-bg {background: url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-icept-article-bg04-dark.jpg") center top no-repeat;background-size:100%;}
.brand-scope .winter-icept .icpet-head-bg-type4 .logo-list {position:relative;margin:22px auto 0;width:auto;}
.brand-scope .winter-icept .icpet-head-bg-type4 .logo-list li{width:99px;height:59px;margin:15px 20px;}
/* //20201110 */

.brand-scope .winter-icept .icept-list .item:nth-child(1){background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-product-bg-winter-icept-evo3.jpg") 0 0 no-repeat;background-size:cover;}
.brand-scope .winter-icept .icept-list .item:nth-child(2){background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-product-bg-winter-icept-evo3-x.jpg") 0 0 no-repeat;background-size:cover;}
.brand-scope .winter-icept .icept-list .item:nth-child(3){background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-product-bg-winter-icept-iz2-a.jpg") 0 0 no-repeat;background-size:cover;}
.brand-scope .winter-icept .icept-list .item .type img {height:54px;}
.brand-scope .winter-icept .icept-list .item .desc {margin-top:11px;line-height:19px}
.brand-scope .winter-icept .icept-list .item .btns {margin-top:23px;}
.brand-scope .winter-icept .icept-list .item .btns a {background-size:contain !important;background:url("../../../../../content/dam/htg-mobile/kr/images/brand-product/icept/brand-product-link-btn-bg.png") 0 0 no-repeat;}

.brand-scope .winter-icept .icept-layout1 {max-width:670px;margin:25px auto 0;text-align:center;}
.brand-scope .winter-icept .icept-layout1 .tit{color:#00a0e0}
.brand-scope .winter-icept .icept-layout2 .type {font-size: 18px;font-weight: 500;color: #333;line-height: 1;text-align: center;}
.brand-scope .winter-icept .icept-layout2 .desc-group .desc {font-size: 15px;font-weight: 400;line-height: 21px;color: #454545;margin-top: 16px;text-align: center;}

.brand-scope .winter-icept .layout-row + .layout-row {margin-top:25px;}
.brand-scope .winter-icept .layout-row + .layout-row.type2 {margin-top:35px;}
.brand-scope .winter-icept .layout-row + .layout-row.type3 {margin-top:19px;}
/* //20201027 */
/* 20201027  수정 */
@media (max-width:374px){
    .brand-scope .tit br,
    .brand-scope .desc br,
    .brand-scope .sub-desc br,
    .brand-scope .tit-desc br {display:none;}

	.brand-scope .ventus-bg-type1 .desc-group,
	.brand-scope .ventus-bg-type2 .desc-group,
	.brand-scope .ventus-bg-type3 .desc-group {padding:20px 18px 0;}
	
	.brand-scope .ventus-bg-type1 .desc-group .desc,
	.brand-scope .ventus-bg-type2 .desc-group .desc,
	.brand-scope .ventus-bg-type3 .desc-group .desc {letter-spacing: -.07em;}
}
/* //20201027 */


/* 20200525 GNB 스타일 수정 */
.sub-list-title{display:block; padding:10px 20px ; color:#222; font-size:15px;border-bottom:1px solid #ddd;font-weight:700;}/* 20200527 수정  */

/* 20200724 추가 */
.positioning_map {margin:0 -20px}
.positioning_map .toggle_btn {display:block;font-size:14px;padding:13px 10px;line-height:14px;color:#767676;background:#f1f1f2;text-align:center;}
.positioning_map .toggle_btn .ico_down_arrow_orange {display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align: top;background:url("../../gt/images/bg_form.png") -12px -564px no-repeat;background-size:40px 697px;transition:transform .3s;}
.positioning_map .toggle_btn.is_active .ico_down_arrow_orange {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);transition:transform .3s;background-position:-12px -563px;}
.positioning_map .box_list .tit{padding:24px 18px 0;margin:0;font-weight:400;color:#111;font-size:16px;line-height:21px;}
.positioning_map .box_list .tit .strong {color:#f27022;line-height:}
.positioning_map .box_list .tit .sub_txt {margin-left:7px;color:#777;vertical-align:top;}
.positioning_map .box_list {border-bottom:1px solid #e9e9eb;}
/* //20200724 */
.positioning_map .box_list dd img{display:block;max-width:100%;margin:0 auto;}

/* 20200728 */
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.popup .dimm {position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0, 0, 0, 0.5);}
.popup .popup_wrap {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;z-index:1;}
.popup .popup_head {position:relative;display:table;padding:0 20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.popup .popup_head .tit {display:table-cell;vertical-align:middle;height:70px;color:#333;font-size:18px;font-weight:500;border-bottom:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 30px 10px 0;}
.popup .popup_head .tit .sub_txt{font-size:14px;color:#777;margin-left:6px;}
.popup .popup_head .btn-close {position:absolute;display:block;width:30px;height:30px;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background: url(../../../../../common/images/button/btn_x.gif) center center no-repeat ;}
.popup .popup_head .btn-close:hover {background: url(../../../../../common/images/button/btn_x_hover.gif) center center no-repeat ;}
.popup .popup_body {position:relative;padding:0 20px 20px;max-height: 600px;overflow-y: auto;}
.popup.is_show {display:block !important;}

.popup.system_type .popup_wrap {left:20px;right:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.popup.system_type .popup_wrap .popup_body {padding:30px 5px 30px;}
.popup.system_type .popup_wrap .popup_body .desc {font-size:15px;color:#333;line-height:24px;text-align:center;}
.popup.system_type .popup_wrap .popup_foot {text-align:center;padding:0;}
.popup.system_type .popup_wrap .popup_foot {font-size:0;}
.popup.system_type .popup_wrap .popup_foot .button {display:inline-block;width:50%;font-size:15px;height:40px;line-height:40px;margin:0;vertical-align:top;color:#fff;vertical-align:top;}
.popup.system_type .popup_wrap .popup_foot .btn_orange {background:#f47d31}
.popup.system_type .popup_wrap .popup_foot .btn_lightgray {background:#bababa;}

.file_list {font-size:0;}
.file_list li{position:relative;padding-left:35px;min-height:21px;}
.file_list li:before {content:'';position:absolute;top:50%;left:0;margin-top:-11px;width:21px;height:21px;line-height:21px;}
.file_list.pdf li:before {background:url("../../../../../content/dam/htg-mobile/common/images/icon/ico_pdf_file.png") 0 0 no-repeat;background-size:contain;}
.file_list li + li {margin-top:26px;}
.file_list li a {display:inline-block;font-size:12px;line-height:17px;color:#666;text-decoration:none;vertical-align:top;margin-top:2px;}
/* //20200728 */
/* 20200831 추가 */
.desc-box {font-size:12px;line-height:18px;color:#777;}
.desc-box > h3 {font-size: 12px;font-weight:700;margin:0;color:#777;}
.desc-box b {color:inherit}
.desc-box strong {color:#333;}

.desc-box .style-list li{position:relative;padding-left:10px;}
.desc-box .style-list li:before {content:"";position:absolute;top:7px;left:0;}
.desc-box .style-list.dash-type li:before {width:4px;height:1px;}
.desc-box .style-list.disc-type li:before {width:4px;height:4px;border-radius:100%;}
.desc-box .style-list.ol-alpha-type {counter-reset: listStyle;}
.desc-box .style-list.ol-alpha-type li {counter-increment: listStyle;padding-left:20px;}
.desc-box .style-list.ol-alpha-type li:before {content:counter(listStyle, lower-alpha)" )";top:0;left:0;background:transparent}

.disc_list {font-size:0}
.disc_list li{position:relative;padding-left:10px;line-height:20px;font-size:12px}
.disc_list li + li {margin-top:10px;}
.disc_list li:before {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background:#333}

.infoTit {display: block;color: #444;font-size: 15px;line-height: 20px;}

/* //20200831 */

/* 20200908 추가 */
.popLayer .popCon .in_d1 {padding-left:16px;}
.popLayer .popCon .in_d2 {padding-left:32px;}
.popLayer .popCon .in_d3 {padding-left:48px;}
.popLayer .popCon  .link_st_blue{color:#0072ff;text-decoration: underline;}
.popLayer .popFoot {font-size:0}
.popLayer .popFoot .button {display:inline-block;width:50%;font-size: 15px;height: 40px;line-height: 40px;margin: 0;vertical-align: top;color: #fff;text-align:center;}
.popLayer .popFoot .btn_orange {background: #f47d31;}
.popLayer .popFoot .btn_lightgray {background: #bababa;}

/* 20201013 추가  */
.step .infoForm > .checkbox + .checkbox {margin-left:90px}
.step .desc_group {padding:10px;}
.step .desc_group h4.title{font-size:19px;line-height:1;margin-bottom:6px;color:#444;font-weight:900;padding:0;}
.step .desc_group h5.title{font-size:14px;line-height:1;margin:20px 0 8px;font-weight:700;}
.step .desc_group p.desc{font-size:12px;color:#3e3a39;letter-spacing:-.01em;line-height:14px;font-weight:500;}
.step .desc_group ul{display:block;font-size:12px;color:#3e3a39;letter-spacing:-.02em;margin:10px 0;line-height:13px;}
.step .desc_group ul li + li {margin-top:5px;}
.step .desc_group .ex_desc {margin-top:20px;font-size:12px;letter-spacing:-.02em;line-height:13px;}
.step .desc_group .ex_desc_box {position:relative;padding-left:60px;font-size:10px;}
.step .desc_group .ex_desc_box > span {position:absolute;top:0;left:0;line-height:13px;}
.step .desc_group.tire-reg {padding:30px 0 0;margin:25px 20px 0;border-top: 1px solid #ddd;}
.step .missionResult p.desc > em {font-weight:700;}
.step .missionResult p.desc {margin-top:22px;}
/* 20201125 추가 */
.step .missionResult p.desc.orange + p.desc.orange{margin:0}
.step .missionResult p.desc + .btnFc {margin:25px 0 0;}
/* 20201125 */
.step .missionResult strong:before {background: url("../../../../../content/dam/htg-mobile/common/images/icon/sp_ico_mission.png") 0 0 no-repeat;background-size:80px 80px;}
.step .cont_in_banner {padding:0 20px;margin-top:20px}
.step .cont_in_banner img {display:block;max-width:100%;}

.inquiries_list {padding:20px;line-height:18px;border-top:1px solid #e3e3e8}
.inquiries_list > .title {display:block;font-size:15px;}
.inquiries_list > dl {font-size:11px;margin-top:10px;}
.inquiries_list > dl > dt {position:relative;padding-left:21px;font-size:13px;line-height:18px;font-weight:500;color:#444;}
.inquiries_list > dl > dd {position:relative;padding-left:21px;margin-top:3px;font-size:13px;line-height:18px;font-weight:400;color:#777;}
.inquiries_list > dl > dd + dt {margin-top:18px;}
.inquiries_list .icon {position:absolute;top:0;left:0;display:inline-block;vertical-align: top;width:18px;height:18px;background-image:url("../../../../../content/dam/htg-mobile/common/images/icon/sp_Inquiries.png");background-size:18px 62px}
.inquiries_list .icon.icon_email {background-position:0 0}
.inquiries_list .icon.icon_tel {background-position: 0 -21px}
.inquiries_list .icon.icon_address {background-position: 0 -42px}

.orange {color:#ed6c00}
/* // 20201013  */
@charset "utf-8";

.txtEditArea p {margin:16px 0;font-size:13px}
.txtEditArea ul li{position:relative;padding-left:10px;margin-top:6px}
.txtEditArea ul li:before{content:'- ';display:inline-block;width:10px;margin-left:-10px}
.txtEditArea>ul>li>ul>li:before,
.txtEditArea>ul>li>ul>li>ul>li:before{content:'';width:10px;margin-top:-2px;vertical-align:middle;background:url(../../gt/images/bl_text.png) 0 0 no-repeat;background-size:5px auto}
.txtEditArea>ul>li>ul>li:before{height:5px}
.txtEditArea>ul>li>ul>li>ul>li:before{height:6px;background-position:0 -6px}
.txtEditArea .caution {margin-top:5px}



@charset "utf-8";

 /* data_table */
.data_table{clear:both;margin:10px 0;text-indent:0;}
.data_table table{table-layout:fixed;width:100%;border-top:2px solid #666;border-bottom:1px solid #999}
.data_table table thead th{padding:8px 5px 8px 5px;text-align:center;background-color:#f3f3f3 ;color:#444;font-size:12px;font-weight:bold;border-bottom:1px solid #aeaeae;border-right:1px solid #ddd;word-wrap:break-word}
.data_table table thead th:first-child{border-left:0}
.data_table table thead th.br_none {border-right:none}
.data_table table tbody tr:first-child th,.data_table table tbody tr:first-child td{border-top:0}
.data_table table tbody tr th{padding:8px 5px 8px 5px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#444;word-wrap:break-word}
.data_table table tbody tr th:first-child{border-left:0}
.data_table table tbody tr th.left{line-height:normal;padding-right:0;padding-left:10px;background-color:#f3f3f3;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.data_table table tbody tr th.bgc{background-color:#f9f9f9}
.data_table table tbody tr td{padding:8px 5px 8px 5px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#444;word-wrap:break-word;vertical-align:middle}
.data_table table tbody tr td:first-child{border-left:0}
.data_table table tbody tr td span.up{color:#f84040}
.data_table table tbody tr td span.down{color:#449bec}
.data_table table tbody tr td span.arrow{background:url('../../../../../global/images/common/bl_gray_arrow_left.gif') 75px 4px no-repeat;padding-right:30px}
.data_table table tbody tr td.left{padding-left:10px;text-align:left;border-left:1px solid #ddd}
.data_table table tbody tr td.right{padding-right:10px}
.data_table table tbody tr.emphasis td{color:#3c4047;font-weight:bold}
.data_table table tbody tr td.br_none {border-right:none}
.data_table table tfoot tr td.total{padding-left:5px;padding-right:0px;text-align:left}
.data_table table td .btn_del{background:url('../../../../../kr/images/common/btn_del.gif') no-repeat;-webkit-background-size:8px auto;-moz-background-size:8px auto;-o-background-size:8px auto;background-size:8px auto;display:block;width:8px;height:8px;margin:0 auto;text-indent:-9999px}
.data_table table td .btn_del:hover{background:url('../../../../../kr/images/common/btn_del_h.gif') no-repeat;-webkit-background-size:8px auto;-moz-background-size:8px auto;-o-background-size:8px auto;background-size:8px auto;display:block;width:8px;height:8px}
.data_table table .btm_line{border-bottom:1px solid #ddd}
.data_table table tr.bgc{background-color:#eee}
.data_table.pstr tr.addcolor td{background:#fff !important}
.data_table thead .one_th{text-align:left;padding-left:20px}
.data_table .b_none td,
.data_table .b_none th{border-bottom:0}
.data_table .b_odd td,
.data_table .b_odd th{border-bottom:0;background-color:#ebeef2}
.data_table .spec_img{position:absolute;top:53px;left:202px}
.data_table .spec_img2{position:absolute;top:53px;left:179px}
.data_table .spec_img3{position:absolute;top:53px;left:173px}
.data_table .b_even1{height:60px }
.data_table .b_even2{height:33px}
.data_table .b_even3{height:43px}
.data_table .b_even4{height:50px}
.data_table.w640{width:100%}
.data_table.fi_table th.right{text-align:right;padding:7px 10px}
.data_table.fi_table td.left{text-align:left;padding:7px 10px}
.data_table.fi_table td.center{text-align:center;padding-left:0;padding-right:0}
.data_table .mgt3 table{margin-top:-3px}
.data_table .data_table{border-top:none;border-bottom:none}
/* data_table02 */
.data_table02{padding:3px;border:1px solid #ddd}
.data_table02 table{table-layout:fixed;width:100%}
.data_table02 table th{padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#fff;background-color:#666;word-wrap:break-word}
.data_table02 table th a{color:#fff}
.data_table02 table td{padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;background-color:#f3f3f3;word-wrap:break-word}
.data_table02 table .br_none{border-right:0}
.data_table02 table .bb_none{border-bottom:0}
strong.size_type{display:block;margin:0 10px 5px 10px;font-weight:normal;font-size:11px;color:#333;background:#ccc}
strong.size_type + strong.size_type{margin-top:-3px}
/* data_table03 Add */
.data_table03 table{table-layout:fixed;width:100%;word-wrap:break-word}
.data_table03 table th{padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#fff;background-color:#666;word-wrap:break-word}
.data_table03 table th a{color:#fff}
.data_table03 table td{padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;background-color:#f3f3f3;word-wrap:break-word}
.data_table03 table .br_none{border-right:0}
.data_table03 table .bb_none{border-bottom:0}
/* data_table04 */
.data_table04 table{width:100%;table-layout:fixed;border-top:2px solid #666;border-bottom:1px solid #999;word-wrap:break-word}
.data_table04 table tr th{padding:7px 0 7px 0;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;background-color:#F9F9F9;word-wrap:break-word}
.data_table04 table tr td{padding:8px 5px 8px 5px;text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;word-wrap:break-word;font-family:Arial, Lucida Sans Unicode, Arial Unicode MS}
.data_table04 table tr td ul li{color:#666}
.data_table04 table tbody th{background-color:#F9F9F9}
.data_table04 table tfoot tr td{padding:7px 10px 7px 7;text-align:left;font-weight:bold;font-size:12px;color:#444;background-color:#ebeef2; border-bottom:1px solid #ddd; border-right:1px solid #ddd;word-wrap:break-word}
.data_table04 table tbody tr th.left{padding-left:10px;text-align:left}
.data_table04 table tbody tr td.left{padding-left:10px;text-align:left}
/* date_table05 */
.data_table05{clear:both}
.data_table05 table{table-layout:fixed;width:100%;border-top:2px solid #666;border-bottom:1px solid #999;word-wrap:break-word}
.data_table05 table tr th{word-wrap:break-word}
.data_table05 table tr td{word-wrap:break-word}
.data_table05 table tbody tr th{padding:7px 0 7px 0;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;background-color:#F9F9F9}
.data_table05 table tbody tr th.left{line-height:normal;padding-right:0;padding-left:10px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.data_table05 table tbody tr th.bgc{background-color:#f9f9f9}
.data_table05 table tbody tr td{padding:8px 5px 8px 5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;white-space:break-all}
.data_table05 table tbody td{text-align:center}
.data_table05 table tbody td + td{text-align:left}
/* row_data_table */
.row_data_table table.table_cfix{table-layout:inherit}
.row_data_table table{table-layout:fixed;width:100%;border-top:2px solid #666;border-bottom:1px solid #999}
.row_data_table table th{padding:12px 5px 12px 10px;border-left:1px solid #aeaeae;border-bottom:1px solid #ddd;color:#444;text-align:left}
.row_data_table table th.throw{background-color:#eee}
.row_data_table table td{padding:12px 5px 12px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;color:#444;text-align:left}
.row_data_table table .center{padding-left:5px}
.row_data_table table .right{padding-right:10px}
.row_data_table table th.bl_style{border-left:1px solid #ddd}
.row_data_table table .th_type1 th{padding:7px 5px 7px 10px}


/*HTG Mobile Common CSS*/
@charset "utf-8";

.test {
    border:1px gray solid;
    padding : 5px;
}
@charset "utf-8";

/* btn common */
.btnArr{display:inline-block;padding:5px}
.btnArr:after{content:'';display:inline-block;vertical-align:middle;background:url(../../gt/images/bg_button_arr.png) 0 0 no-repeat;background-size:7px auto}
.btnArr.arrS{font-size:12px}
.btnArr.arrS:after{width:4px;height:7px;margin-left:5px;background-position:0 -12px}
.btnArr.arrL{color:#111;font-size:17px;font-weight:500;line-height:20px}
.btnArr.arrL:after{width:6px;height:11px;margin-left:10px;background-position:0 0}

/** global main **/
.mainContent {position:relative;overflow:hidden;margin:0 -20px -50px}
/* Key Visual area */
.mainKeyvisual {margin:0}
.mainKeyvisual .rollingArea ul li .img {display:block;margin:0 -100%;text-align:center}
.mainKeyvisual .rollingArea ul li .img img {width:auto;height:255px;vertical-align:top;line-height:0}
.main_rollingCon {display:block}
.main_rollingCon .txtCon {height:195px;padding:25px 40px 40px}
.main_rollingCon .txtCon .titTxt {font-size:25px;color:#000;font-weight:normal;line-height:30px;margin:0}
.main_rollingCon .txtCon .subTxt {margin-top:15px;font-size:12px;color:#a3a3a3}
.mainKeyvisual .slideNavi {bottom:20px}
.slideNavi .play,
.slideNavi .stop {display:inline-block;width:20px;height:20px;background:url(../../gt/images/ico_playbutton.png) 0 0 no-repeat;-webkit-background-size:20px auto;-moz-background-size:20px auto;-o-background-size:20px auto;background-size:20px auto;color:transparent;line-height:0;font-size:0}
.slideNavi .stop {background-position:0 -20px}
@media screen and (max-width:350px) {
	.main_rollingCon .txtCon {padding:25px 20px 40px}
	.mainKeyvisual .slideNavi {bottom:10px}
}
/* Menu Banner area */
.menuBanner:first-child {margin-top:0}
.menuBanner a {display:block;position:relative}
.menuBanner a h3 {position:absolute;/*width:320px;margin:0 -160px;top:44px;left:50%;*/top:50%;left:50%;margin:0;vertical-align:middle;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;color:#fff;font-size:25px;line-height:30px;text-align:center;font-weight:normal;z-index:1}
.menuBanner a .img {display:block;margin:0 -100%;text-align:center}
.menuBanner a .img img {height:150px;vertical-align:top;line-height:0}
/* Product banner area */
.bproduct {position:relative}
.bproduct .link{display:block}
.bproduct .img {display:block;margin:0 -100%;text-align:center}
.bproduct .img img {height:330px;vertical-align:top;line-height:0}
.bproduct .txtCon {position:absolute;top:12%;left:10.5%}
.bproduct .txtCon .tit {margin:0}
.bproduct .txtCon .tit img {height:42px;vertical-align:top;line-height:0}
.bproduct .txtCon .subTxt {position:relative;margin-top:20px;padding:20px 50% 0 0;color:#fff;font-size:13px;line-height:18px}
.bproduct .txtCon .subTxt:before {content:'';position:absolute;top:0;left:0;width:52px;height:2px;background:#f47d31}
.bproduct .txtCon .btnAlone {margin-left:-10px;color:#fff;font-size:12px}
.sproduct {position:relative;padding:30px 0;height:150px;background:#dedee4}
.sproduct .mainScroll {position:static;bottom:0}
.sproduct .mainScroll .scrollList {height:150px}
.sproduct .prCon {display:block;position:relative;width:315px;height:150px;margin:0 10px;background:#fff}
.sproduct .prCon .tireImg {overflow:hidden;display:block;position:absolute;top:30px;left:0;width:147px;height:87px}
.sproduct .prCon .tireImg img {width:147px;height:167px;vertical-align:top;line-height:0}
.sproduct .prCon .txtCon {padding: 0 0 0 147px;position:relative;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} /* 20180802 modify | padding:40px 20px 0 147px */
.sproduct .prCon .txtCon:before{content:'';display:inline-block;width:0;height:100%;margin-left:-4px;line-height:0;vertical-align:middle;}/* 20180802 modify */
.sproduct .prCon .txtCon .tit {margin: 0;color:#222226;font-size:25px;margin:0;position: relative;display: inline-block;vertical-align:middle}/* 20180802 modify */
.sproduct .prCon .txtCon .tit img {width:155px;vertical-align:top;line-height:0}
.sproduct .prCon .btnAlone {margin-left:-10px;color:#777;font-size:12px}

/* news area */
.newsArea {position:relative}
.newsArea .img {display:block;margin:0 -100%;text-align:center}
.newsArea .img img {height:365px;vertical-align:top;line-height:0}
.mainScroll {position:absolute;bottom:30px;overflow-x:auto;width:100%}
/*.mainScroll::-webkit-scrollbar {display:none;width:0;background:rgba(0,0,0,0);background-color:transparent}*/
.mainScroll .scrollList {overflow:hidden;width:9000px}
.mainScroll .scrollList>li {float:left;min-width:315px}
.mainScroll .scrollList>li:first-child {margin-left:10px}
.mainScroll .scrollList>li:last-child {margin-right:10px}
.mainScroll .scrollList .con {position:relative;overflow:hidden;display:block;width:245px;height:143px;margin:0 10px;padding:25px 35px;background:#fff}
.mainScroll .scrollList .con:after {content:'';position:absolute;top:10px;right:10px;display:block;padding:10px;width:16px;height:16px;background:url(../../gt/images/ico_morebtn.png) center no-repeat;-webkit-background-size:16px;-moz-background-size:16px;-o-background-size:16px;background-size:16px;color:transparent;line-height:0;font-size:0}
.mainScroll .scrollList .con h3 {margin:0 0 7px;font-size:12px;line-height:17px;color:#f47d31}
.mainScroll .scrollList .con h4.tit {overflow:hidden;display:-webkit-box;height:70px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;font-size:20px;line-height:23px}
.mainScroll .scrollList .con .subTxt {overflow:hidden;display:-webkit-box;height:38px;margin-top:15px;color:#777;font-size:13px;line-height:17px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*.mainScroll .scrollList .con .more {position:absolute;top:10px;right:10px;display:block;padding:10px;width:16px;height:16px;background:url(../../gt/images/ico_morebtn.png) center no-repeat;-webkit-background-size:16px;-moz-background-size:16px;-o-background-size:16px;background-size:16px;color:transparent;line-height:0;font-size:0}*/
/* targeting contents area */
.targeting {background:#1e1e21;padding:40px 20px}
.targeting h4 {color:#777;font-size:20px;text-align:center}
.targeting .targetingCon {overflow:hidden;margin-top:20px}
.targeting .targetingCon select {background-color:#1e1e21;margin-bottom:0;color:#fff;border:1px solid #7c7c80}
.targeting .targetingCon .selectCon {margin-top:20px;background:#2e2e32}
.targeting .nextRound {padding:20px 0;background:#2e2e32;border-bottom:none;text-align:center}
.targeting .nextRound .timeCon .timeData >* {display:block}
.targeting .nextRound .timeCon .date {font-size:27px;color:#fff}
.targeting .nextRound .timeCon .day em {color:#fff}
.targeting .nextRound .timenoData {padding:0 45px}
.targeting .nextRound .timenoData p {font-size:13px;color:#fff}
.targeting .nextRound .viewMore {display:block;margin-top:5px}
.targeting .nextRound .viewMore .btnAlone {color:#777}

.maVideo .videoCon .video {width:100%}
.maVideo .videoCon .video iframe {width:100%}
.maVideo .titDep {display:block;margin:10px 45px 0;color:#fff;font-size:15px;text-align:center;font-weight:bold;line-height:20px}
.maVideo .viewMore {display:block;margin:0 0 20px;text-align:center}
.maVideo .viewMore .btnAlone {color:#777}

.targetBanner a {display:block;position:relative}
.targetBanner a h3 {position:absolute;top:50%;left:30px;max-width:100%;margin:0 35% 0 0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);font-size:20px;color:#fff;line-height:25px;text-align:left;font-weight:normal}
.targetBanner a .img {display:block}
.targetBanner a .img img{width:100%;vertical-align:top;line-height:0}
.targeting .targetingCon .btnRemember {display:block;margin:20px auto 0;padding:5px 10px 5px 25px;color:#777;font-size:13px;border:1px solid #434347;background:url(../../gt/images/ico_remember_btn.png) 10px 50% no-repeat;-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:10px;text-align:center}

.mabanner a {display:block;position:relative;width:100%}
.mabanner a .img {width:100%;display:block;vertical-align:top;line-height:0}
.mabanner a .img img {width:100%;vertical-align:top;line-height:0}
.mabanner a .tit {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;color:#fff;font-size:20px;line-height:25px;font-weight:normal;text-align:center;z-index:1}

/** usa main **/
.mainContent.usa {padding-bottom:48px;background:#222226}
/* tab area */
.lmainTab {position:absolute;bottom:0;width:100%;z-index:999;display:flex;-webkit-backface-visibility: hidden;}
.lmainTab ul {overflow:hidden;display:table;table-layout:fixed;width:100%;text-align:center;padding:0 20px;background:#333337;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.lmainTab ul li {display:table-cell;width:33.3%;vertical-align:middle}
.lmainTab ul li a {display:block;width:100%;padding:15px 0;font-size:15px;color:#777}
.lmainTab ul li.on a {display:block;position:relative;font-size:15px;color:#fff}
.lmainTab ul li.on a:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:3px;background:#f45d31}
.lmainTab_con {padding-bottom:10px}
/* Key Visual area */
.lmainKeyvisual {position:absolute;left:0;width:100%;margin:0}
.lmainKeyvisual:after {
content:'';position:absolute;bottom:0;display:block;width:100%;height:75px;
background: -moz-linear-gradient(top, rgba(34,34,38,0) 0%, rgba(34,34,38,1) 100%);
background: -webkit-linear-gradient(top, rgba(34,34,38,0) 0%,rgba(34,34,38,1) 100%);
background: linear-gradient(to bottom, rgba(34,34,38,0) 0%,rgba(34,34,38,1) 100%);
}
.lmainKeyvisual .rollingArea ul li .img {display:block;/*margin:0 -100%;*/text-align:center}/*20190719*/
.lmainKeyvisual .rollingArea ul li .img img {width:auto;height:310px;vertical-align:top;line-height:0}
.lmainKeyvisual .slideNavi {bottom:81px}
.lmainKeyvisual .slideNavi a {background:#757575}
.lmainKeyvisual .slideNavi a.on {background:#fbfbfb}
.lmainKeyvisual .slideNavi .play,
.lmainKeyvisual .slideNavi .stop {width:18px;height:18px;background:url(../../gt/images/ico_playbutton3.png) 0 0 no-repeat;-webkit-background-size:18px auto;-moz-background-size:18px auto;-o-background-size:18px auto;background-size:18px auto;color:transparent;line-height:0;font-size:0}
.lmainKeyvisual .slideNavi .stop {background-position:0 -18px}
.lmain_rollingCon {position:absolute;top:0;display:table;width:100%;z-index:10;padding:0 40px 30px;height:235px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.lmain_rollingCon .txtCon {display:table-cell;vertical-align:bottom}
.lmain_rollingCon .txtCon .titTxt {font-size:30px;color:#fff;font-weight:normal;line-height:35px;margin:0}
.lmain_rollingCon .txtCon .subTxt {margin-top:10px;font-size:13px;color:#fff}
.tabContent.brand,
.tabContent.service {position:relative;margin:0 20px;padding-top:235px}
/* search area */
.lmainSearch {position:relative;margin:0 20px;padding-top:235px}
.srchTire{display:table;table-layout:fixed;width:100%;background:#fff}
.srchTire .sort{display:table-cell;padding:17px 10px;color:#111;font-size:15px;font-weight:500;line-height:20px;text-align:center;vertical-align:top;border-left:1px solid #ebebef}
.srchTire .sort:first-child{border-left:0}
.srchTire .sort:before{content:'';display:block;width:23px;height:25px;margin:0 auto 3px;background:url(../../gt/images/bg_vehicle_type.png) 0 0 no-repeat;background-size:23px auto}
.srchTire .sort.sort1:before{background-position:0 0}
.srchTire .sort.sort2:before{background-position:0 -26px}
.srchDealer{padding:15px 20px 20px;text-align:center;background:url(../../gt/images/bg_main_map.gif) 0 0 no-repeat;background-size:cover;box-sizing:border-box}
.srchDealer .tit{margin:0;color:#111;font-size:12px;line-height:17px}
/*.srchDealer .tit:before{content:'';display:block;width:13px;height:16px;margin:0 auto 7px;background:url(../../gt/images/bg_dealer_locator.png) 0 0 no-repeat;background-size:20px auto}*//* 삭제 */
.srchDealer .name{margin-top:-4px}
.srchDealer .load{width:35px;height:35px;margin:20px auto 0;overflow:hidden;text-indent:-9999px;background:url(../../gt/images/bg_map_loading.gif) 0 0 no-repeat;background-size:35px auto}
.srchDealer .info{display:table;table-layout:fixed;width:100%;margin-top:12px}
.srchDealer .info .btn{display:table-cell;padding:11px 10px;color:#fff;vertical-align:middle;border-left:1px solid #666668;background:#222226}
.srchDealer .info .btn:first-child{border-left:0}
.srchDealer .arrS{margin-top:0}
.srchDealer .arrS:last-child{position:relative;bottom:-9px}
.srchDealer .btnEc {margin-top:10px}
.srchDealer .btnEc .btn.icon:after{display:none}
.srchDealer.result .tit:before{display:inline-block;margin:-3px 5px 0 0;vertical-align:middle}
/* Product banner area */
.sproduct.usaType {margin:0 -20px;padding:0;background:none}
/* image banner area */
.mabannerIMg,
.mahorizScroll{position:relative;margin:0 -20px;height:203px}
.mabannerIMg .mainScroll,
.mahorizScroll .mainScroll {position:static;bottom:0}
.mahorizScroll .mainScroll .scrollList {height:203px}
.mainScroll .scrollList .imgCon {display:block;position:relative;width:315px;height:203px;margin:0 10px}
.mainScroll .scrollList .imgCon .tit {margin:15px 0 0;font-size:23px;line-height:28px;color:#111}
.mainScroll .scrollList .imgCon .tit img {width:155px;vertical-align:top;line-height:0}
.mainScroll .scrollList .imgCon .img,
.mainScroll .scrollList .imgCon .img img{display:block;width:315px;height:203px;vertical-align:top;line-height:0}
.mainScroll .scrollList .imgCon .txtCon {position:absolute;top:0;left:25px;right:25px}
.mainScroll .scrollList .imgCon .txtCon .subTxt {width:195px;margin-top:10px;/*padding:0 44% 0 0;*/color:#444;font-size:13px;line-height:18px}
:lang(ko) .mainScroll .scrollList .imgCon .txtCon .subTxt{word-break:normal;word-wrap:normal;}
.mainScroll .scrollList .imgCon .btnAlone {margin:-5px 0 0 -10px;color:#777}
/* lc Product img banner | 20180802 modify  */
.mabannerIMg .mainScroll .scrollList .txtCon {padding: 0 0 0 147px;position:relative;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.mabannerIMg .mainScroll .scrollList .txtCon:before{content:'';display:inline-block;width:0;height:100%;margin-left:-4px;line-height:0;vertical-align:middle;}
.mabannerIMg .mainScroll .scrollList .txtCon .tit {margin: 0;color:#222226;font-size:25px;margin:0;position: relative;display: inline-block;vertical-align:middle}
.mabannerIMg .mainScroll .scrollList .txtCon .tit img{width:155px;}
.mabannerIMg .mainScroll .scrollList .prCon {display:block;position:relative;width:315px;height:150px;margin:0 10px;background:#fff}
/* .mabannerIMg .mainScroll .scrollList .tireImg {overflow:hidden;display:block;position:absolute;top:30px;left:0;width:147px;height:87px}
.mabannerIMg .mainScroll .scrollList .tireImg img {width:147px;height:167px;vertical-align:top;line-height:0}
 20200622 */
 .mabannerIMg .mainScroll .scrollList .tireImg {overflow:hidden;display:block;position:absolute;top:30px;left:0;width:147px;height:110px}
.mabannerIMg .mainScroll .scrollList .tireImg img {width:157px;height:178px;vertical-align:top;line-height:0}


.mabannerIMg .mainScroll .scrollList .prCon .fullImg{display:block;}/* 20180928 modify */
.mabannerIMg .mainScroll .scrollList .prCon .fullImg img{display:block;width:100%;}

/* brand video */
.brandVideo {margin:0 10px}
.brandVideo .videoCon {position:relative;width:315px;height:203px}
.brandVideo .videoCon .coverArea {display:block;position:absolute;top:0;left:0;width:315px;height:203px;z-index:100}
.brandVideo .videoCon .coverArea .img {width:315px;height:203px}
.brandVideo .videoCon .coverArea img {width:315px;height:203px;line-height:0;font-size:0;vertical-align:top}
.brandVideo .videoCon .coverArea .txtCon {position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;text-align:center;/*padding:0 40px;*/}
.brandVideo .videoCon .coverArea .txtCon .tit {margin:0;width:250px;font-size:20px;font-weight:normal;line-height:25px;color:#fff}
.brandVideo .videoCon .video {width:315px;height:203px;padding-bottom:0;background:#2e2e32}
.brandVideo .videoCon .video .videoCon {display:block;width:315px;height:144px}
.brandVideo .videoCon .video .videoCon iframe {/*width:100%;*/height:144px;position:static}
.brandVideo .videoCon .video .videoTit {display:block;position:relative;width:315px;height:56px}
.brandVideo .videoCon .video .videoTit strong {display:block;position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:15px;color:#999;text-align:center}

/* brand img */
.brandImg {display:block;position:relative;width:315px;height:203px;margin:0 10px}
.brandImg .img,
.brandImg .img img{display:block;width:315px;height:203px;vertical-align:top;line-height:0}
.brandImg .txtCon {position:absolute;top:50%;/*left:50%;*/transform:translate(0,-40%);-webkit-transform:translate(0,-40%);max-width:100%;text-align:center;padding:0 40px}
.brandImg .txtCon .tit {margin:0;font-size:20px;font-weight:normal;line-height:25px;color:#fff}

/* colum */
.maColum {margin:0 10px}
.maColum.gl {margin:0}
.maColum ul {overflow:hidden;width:315px}
.maColum.gl ul {width:100%}
.maColum ul li{float:left;width:157px}
.maColum.gl ul li{width:50%}
.maColum ul li a {display:block;position:relative;width:100%}
.maColum ul li a .img {width:157px;display:block;vertical-align:top;line-height:0}
.maColum.gl li a .img {width:100%}
.maColum ul li a .img img {width:157px;vertical-align:top;line-height:0}
.maColum.gl li a .img img {width:100%}
.maColum ul li a .tit {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;color:#fff;font-size:20px;line-height:25px;font-weight:normal;text-align:center;z-index:1}
.maColum.typeUp ul li:first-child,
.maColum.typeDown ul li:last-child{width:315px}
.maColum.typeUp ul li:first-child a .img,
.maColum.typeDown ul li:last-child a .img,
.maColum.typeUp ul li:first-child a .img img,
.maColum.typeDown ul li:last-child a .img img{width:315px}

/*170922 수정 | 고객만족센터 추가 */
.footerpar .customerSatisCenter{text-align:left;margin-top:15px;}
.footerpar .customerSatisCenter .tIcon{margin-left:15px;}
.footerpar .customerSatisCenter a{color:#f76c22;padding-left:2px;text-decoration:underline;}

/* Germany util Link 추가 */
.utilLink {background: #fff;text-align: center;/* padding: 1px 20px 0px; */font-size: 15px;line-height: 40px;}

/*20190313 메인페이지 버튼셋 추가*/
.new_main_btn_wrap{position:absolute;width:-webkit-fill-available;padding:0 20px;bottom:35px!important;z-index:10;width:-moz-available;width:fill-avilable;height:82px;display:inline-block;}
.new_main_btn_left{letter-spacing:-0.5px;-webkit-appearance:none;width:49%;height:82px;border:0; background:rgba(255,255,255,0);outline:2px solid rgba(255, 255, 255, 0.7);float:left;margin-right:1%;
-moz-appearance:none;visibility: visible;display:block;color:#fff}
.new_main_car{width:24px; height:19.5px; display:block; margin:0 auto 5px;}
.new_main_btn_right{letter-spacing:-0.5px;-webkit-appearance:none;width:49%;height:82px;border:0; background:rgba(255,255,255,0);outline:2px solid rgba(255, 255, 255, 0.7);float:right;
-moz-appearance:none;visibility: visible;display:block;color:#fff}
.new_main_location{width:16.5px; height:20px; display:block; margin:0 auto 5px}


/*20190314 동영상 높이값 수정*/
.parbase.section-keyvisual_0.key-visual{height:-webkit-fill-available}

/*20190315 동영상 키비쥬얼 텍스트 추가 */
.new_keyvisual_text_wrap{position:absolute; top:54px;z-index:10;width:100%;left:20px;}
.new_keyvisual_tit{font-size:17px; color:#37bbf5;display:block;margin-bottom:12px;font-weight:500}
.new_keyvisual_txt{font-size:12px; color:#dddddd;display:block;}


/*se한정 new icon 추가*/
.prd_new_icon{position:absolute;top:0;left:0}


/* 20190719 */
@media screen and (max-width: 567px) {
	.new_slide_bg{width:100%;height:100%;background:url('../../../../../content/dam/htg-mobile/common/images/localmain/product/hankook-localmain-product-new-keyvisual-01.jpg') no-repeat;    background-size: cover;display: -webkit-box;}
 }
@media screen and (min-width: 568px) {
	.new_slide_bg{width:100%;height:100%;background:url('../../../../../content/dam/htg-mobile/common/images/localmain/product/hankook-localmain-product-new-keyvisual-02.jpg') no-repeat;    background-size: cover;display: -webkit-box;}
 }
/* //20190719 */