@charset "utf-8";

/* ------------------------------------------------------------------
  Start:common.css
  *  last-update:2020.01.29
* ------------------------------------------------------------------ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
 * Kroc Camen,and the H5BP dev community and team.
*/

/* Base styles:opinionated defaults */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
*/

::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

/*
 * A better looking default horizontal rule
*/

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

/*
 * Remove the gap between audio,canvas,iframes,
 * images,videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,canvas,iframe,img,svg,video{vertical-align:middle}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea{resize:vertical}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* px to % conversions
    -------------------
    px  |   %
    -------------------
     8  |   50.0
     9  |   56.3
    10  |   62.5
    11  |   68.8
    12  |   75.0
    13  |   81.3
    14  |   87.5
    15  |   93.8
    16  |   100
    17  |   106.3
    18  |   112.5
    19  |   118.8
    20  |   125.5
    21  |   131.3
    22  |   137.5
    23  |   143.8
    24  |   150.0
*/
/** M-00028 **/
ol.editor-ol li{list-style-type:decimal}
ul.editor-ul li{list-style-type:disc}

html{position:relative;overflow-y:scroll}
html,body{position:relative}/* AEM 터치 UI 관련하여 충돌됨 :height 100% */
/* s:200122 modify */
body{font-family:'HyundaiRegular','HyundaiSansTextRegular',"HyundaiKRRegular",'Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif;color:#000;-ms-word-wrap:break-word;word-wrap:break-word; -webkit-font-smoothing:antialiased}/* 181015_modify */ /*191115:antialised  add*/
body,div,section,dl,ul,ol,li,dt,dd,blockquote,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{line-height:1;margin:0;font-weight:normal;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}
li{list-style:none}
pre,xmp,plaintext,listing,samp,kbd,code,figure,figcaption{margin:0}
iframe{border:none}
iframe[src*="insight.adsrvr.org/tags"]{display:none}/* 200204 add:iframe for data tracking hidden */
img{vertical-align:top}
strong,b{font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";font-weight:normal}
/* for NEWS detail page */
pre{white-space:pre-wrap}
/* e:200122 modify */
a{text-decoration:none;color:#000}
a:hover,
a:focus{color:#000;text-decoration:underline}
button{text-decoration:none;color:#000}
button:hover,
button:focus{color:#000;text-decoration:underline}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
table{width:100%}
caption{left:-10000px;top:auto;height:0;overflow:hidden}/* 201012 modify */

/* ==========================================================================
   Skip Navi & Browser Upgrade Prompt
   ========================================================================== */
/* skip Navigation */
#skipNavi{position:absolute;top:0;left:0;width:100%;z-index:600}
#skipNavi a{position:absolute;display:block;width:100%;padding:10px 0;background:#000;box-sizing:border-box;color:#fff;font-size:16px;text-align:center;top:-9999px}
#skipNavi a:hover,#skipNavi a:active,#skipNavi a:focus{display:inline-block;top:0;width:100%}

/* browserUpgrage */
.browserUpgrade{position:fixed;left:0;top:0;width:100%;z-index:10000;background:#fafafa;border-bottom:2px solid #999;padding:10px 0;margin:0;text-align:center;font-size:14px;color:#595959}
.browserUpgrade a{font-size:18px;color:#000}
.browserUpgrade a:hover{color:#999}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Image replacement */
.accTag{font-size:0 !important;position:absolute !important;left:-9999px !important;top:-9999px !important;text-indent:-9999px !important;visibility:hidden !important;overflow:hidden !important}

/* hide & show */
.hide{display:none !important}
.show{display:block !important}
.visibleHidden{visibility:hidden !important}

/*
 * Hide only visually,but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/*
 * Hide visually and from screen readers,but maintain layout
 */
.invisible{visibility:hidden}

/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after{content:" ";/* 1 */
    display:table;/* 2 */
}

.clearfix:after{clear:both}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print{*,
    *:before,
    *:after{background:transparent !important;color:#000 !important;/* Black prints faster:http://www.sanbeiji.com/archives/953 */
        box-shadow:none !important;text-shadow:none !important}

    a[href^="#"]:after,
    a[href^="javascript:"]:after{content:""}

    pre,blockquote{border:1px solid #999;page-break-inside:avoid}

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100% !important}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}

    @page{/*size:21cm 29.7cm;*/
        /*size:landscape;기본 출력방향 */
        size:auto A4 landscape;margin:1mm}
}
#moreThanContentwrap {
    width: 99vw;
    margin-left: calc(-50vw + 50.8%);
}

#moreThanContent.navig{
      height: 160px;
}

#moreThanContent.navig .nex-nav-2{
      height: 43px;
}

#moreThanContent.navig .nex-nav-2 a:hover{
      text-decoration: none;
}

p.subTit.likeH3.spec{    margin-bottom: 30px;}

.wrap-tb{    margin-bottom: 100px;}

.wrap-tb .chooseEngineType{    margin-bottom: 20px;}

.wrap-tb button:hover{text-decoration: none;}
.wrap-tb button:focus{text-decoration: none;}

#moreThanContent.topModelPhoto>p{height: auto;}

#block-views-gallery-elantra-2023-block h6{    font-size: 44px;}



/* margin & padding */
.pt109{padding-top:109px}
.pb120{padding-top:120px}

.mz{margin:0 !important}
.pz{padding:0 !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

.mw0{margin-left:0 !important;margin-right:0 !important}
.mw5{margin-left:5px !important;margin-right:5px !important}
.mw10{margin-left:10px !important;margin-right:10px !important}
.mw15{margin-left:15px !important;margin-right:15px !important}
.mw20{margin-left:20px !important;margin-right:20px !important}
.mw25{margin-left:25px !important;margin-right:25px !important}
.mw30{margin-left:30px !important;margin-right:30px !important}
.mw35{margin-left:35px !important;margin-right:35px !important}
.mw40{margin-left:40px !important;margin-right:40px !important}
.mw45{margin-left:45px !important;margin-right:45px !important}
.mw50{margin-left:50px !important;margin-right:50px !important}
.mw55{margin-left:55px !important;margin-right:55px !important}
.mw60{margin-left:60px !important;margin-right:60px !important}
.mw65{margin-left:65px !important;margin-right:65px !important}
.mw70{margin-left:70px !important;margin-right:70px !important}
.mw75{margin-left:75px !important;margin-right:75px !important}
.mw80{margin-left:80px !important;margin-right:80px !important}
.mw85{margin-left:85px !important;margin-right:85px !important}
.mw90{margin-left:90px !important;margin-right:90px !important}
.mw95{margin-left:95px !important;margin-right:95px !important}
.mw100{margin-left:100px !important;margin-right:100px !important}

.mh0{margin-top:0 !important;margin-bottom:0 !important}
.mh5{margin-top:5px !important;margin-bottom:5px !important}
.mh10{margin-top:10px !important;margin-bottom:10px !important}
.mh15{margin-top:15px !important;margin-bottom:15px !important}
.mh20{margin-top:20px !important;margin-bottom:20px !important}
.mh25{margin-top:25px !important;margin-bottom:25px !important}
.mh30{margin-top:30px !important;margin-bottom:30px !important}
.mh35{margin-top:35px !important;margin-bottom:35px !important}
.mh40{margin-top:40px !important;margin-bottom:40px !important}
.mh45{margin-top:45px !important;margin-bottom:45px !important}
.mh50{margin-top:50px !important;margin-bottom:50px !important}
.mh55{margin-top:55px !important;margin-bottom:55px !important}
.mh60{margin-top:60px !important;margin-bottom:60px !important}
.mh65{margin-top:65px !important;margin-bottom:65px !important}
.mh70{margin-top:70px !important;margin-bottom:70px !important}
.mh75{margin-top:75px !important;margin-bottom:75px !important}
.mh80{margin-top:80px !important;margin-bottom:80px !important}
.mh85{margin-top:85px !important;margin-bottom:85px !important}
.mh90{margin-top:90px !important;margin-bottom:90px !important}
.mh95{margin-top:95px !important;margin-bottom:95px !important}
.mh100{margin-top:100px !important;margin-bottom:100px !important}

.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important}

.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}

.pw0{padding-left:0 !important;padding-right:0 !important}
.pw5{padding-left:5px !important;padding-right:5px !important}
.pw10{padding-left:10px !important;padding-right:10px !important}
.pw15{padding-left:15px !important;padding-right:15px !important}
.pw20{padding-left:20px !important;padding-right:20px !important}
.pw25{padding-left:25px !important;padding-right:25px !important}
.pw30{padding-left:30px !important;padding-right:30px !important}
.pw35{padding-left:35px !important;padding-right:35px !important}
.pw40{padding-left:40px !important;padding-right:40px !important}
.pw45{padding-left:45px !important;padding-right:45px !important}
.pw50{padding-left:50px !important;padding-right:50px !important}
.pw55{padding-left:55px !important;padding-right:55px !important}
.pw60{padding-left:60px !important;padding-right:60px !important}
.pw65{padding-left:65px !important;padding-right:65px !important}
.pw70{padding-left:70px !important;padding-right:70px !important}
.pw75{padding-left:75px !important;padding-right:75px !important}
.pw80{padding-left:80px !important;padding-right:80px !important}
.pw85{padding-left:85px !important;padding-right:85px !important}
.pw90{padding-left:90px !important;padding-right:90px !important}
.pw95{padding-left:95px !important;padding-right:95px !important}
.pw100{padding-left:100px !important;padding-right:100px !important}

.ph0{padding-top:0 !important;padding-bottom:0 !important}
.ph5{padding-top:5px !important;padding-bottom:5px !important}
.ph10{padding-top:10px !important;padding-bottom:10px !important}
.ph15{padding-top:15px !important;padding-bottom:15px !important}
.ph20{padding-top:20px !important;padding-bottom:20px !important}
.ph25{padding-top:25px !important;padding-bottom:25px !important}
.ph30{padding-top:30px !important;padding-bottom:30px !important}
.ph35{padding-top:35px !important;padding-bottom:35px !important}
.ph40{padding-top:40px !important;padding-bottom:40px !important}
.ph45{padding-top:45px !important;padding-bottom:45px !important}
.ph50{padding-top:50px !important;padding-bottom:50px !important}
.ph55{padding-top:55px !important;padding-bottom:55px !important}
.ph60{padding-top:60px !important;padding-bottom:60px !important}
.ph65{padding-top:65px !important;padding-bottom:65px !important}
.ph70{padding-top:70px !important;padding-bottom:70px !important}
.ph75{padding-top:75px !important;padding-bottom:75px !important}
.ph80{padding-top:80px !important;padding-bottom:80px !important}
.ph85{padding-top:85px !important;padding-bottom:85px !important}
.ph90{padding-top:90px !important;padding-bottom:90px !important}
.ph95{padding-top:95px !important;padding-bottom:95px !important}
.ph100{padding-top:100px !important;padding-bottom:100px !important}

button:focus,
a:focus,a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    outline:blue !important;
    box-shadow:0 0 3px 0px blue !important;
    position:relative;
}

select:-moz-focusring{color:transparent;box-shadow:0 0 3px 0 blue !important}

@media print,screen and (min-width:741px) and (max-width:20000px){
    body{font-size:16px;line-height:28px}
    #container input[type="radio"],
    #container input[type="checkbox"]{position:relative;left:1px;top:1px;width:13px;height:13px;margin:0;padding:0}
    #container input[type="text"],
    #container input[type="password"],
    #container input[type="search"],
    #container input[type="email"],
    #container input[type="tel"],
    #container input[type="number"],
    #container select,
    #container textarea{height:44px;padding:0 20px; border:1px solid #c4c6ca;font:14px/44px 'HyundaiRegular','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif;vertical-align:baseline;outline:none;box-sizing:border-box;color:#000}
    #container input[type="password"]{font-family:'HyundaiRegular','Malgun Gothic',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',Dotum,'돋움','굴림',arial,sans-serif}/* 3 Should be changed */
    #container input[type="text"]:disabled,
    #container input[type="password"]:disabled,
    #container input[type="search"]:disabled,
    #container input[type="email"]:disabled,
    #container input[type="tel"]:disabled,
    #container input[type="number"]:disabled,
    #container select:disabled,
    #container textarea:disabled{background-color:#fff;color:#888}
    
    button{border:0;padding:0;overflow:hidden;background:none;position:relative}
    #container textarea{padding:18px;border:1px solid #c4c6ca;font:16px/1.2 'HyundaiRegular';resize:none;box-sizing:border-box}/* 4 Should be changed */
    #container input[type="text"].wrong-value,
    #container input[type="tel"].wrong-value,
    #container input[type="email"].wrong-value,
    #container input[type="number"].wrong-value,
    #container textarea.wrong-value{color:#c21a1a !important}
    #container input[disabled ="disabled"]{background:#fafafa}
    #container input[type="text"]::-ms-clear{display:none}

    #container input[type=checkbox]{display:none}
    #container input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;line-height:18px;padding-left:28px;font-size:14px;vertical-align:top}
    #container input[type=checkbox]+ label:before{content:"";display:inline-block;width:18px;height:18px;position:absolute;left:0;top:0;border:2px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #container input[type=checkbox]:checked + label:before{background:url("../images/common/checkbox.png") no-repeat center center;-webkit-background-size:10px auto;background-size:10px auto;border:2px solid #00aad2;  }

    #container input[type=radio]{display:none}
    #container input[type=radio] + label{display:inline-block;cursor:pointer;position:relative;line-height:18px;padding-left:28px;font-size:14px;vertical-align:top}
    #container input[type=radio]+ label:before{content:"";display:inline-block;width:18px;height:18px;position:absolute;left:0;top:0;border:2px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:18px}
    #container input[type=radio]:checked + label:before{border:2px solid #00aad2}
    #container input[type=radio]:checked + label:after{content:"";display:inline-block;width:8px;height:8px;position:absolute;left:5px;top:50%;margin:-4px 0 0 0px;background:#00aad2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px}

    #container select{box-shadow:1px 1px 1px rgba(0,0,0,0.05);border:0;padding:0 25px;width:100%;
        appearance:none;
        -moz-appearance:none;/* Firefox */
        -webkit-appearance:none;/* Safari and Chrome */
        background:#fff url("../images/common/select_right_arr.png") no-repeat right center;
        border:none;border-right:0;border-top:0;border-left:0;border-bottom:0;
    }
    #container select:focus{outline:2px solid #a4c6fd}
    #container select::-ms-expand{display:none}
    #container .msie9 select{box-shadow:1px 1px 1px rgba(0,0,0,0.05);border:0;padding:0 0 0 25px;width:100%;
        appearance:none;
        -moz-appearance:none;/* Firefox */
        -webkit-appearance:none;/* Safari and Chrome */
        background-image:none;
        border:none;border-right:0;border-top:0;border-left:0;border-bottom:0;
    }
    #container select:disabled{opacity:0.5}
    #container select.bg{background-color:#e4dcd3}
    #container select.bg:disabled{background-color:#e4dcd3}
    #container select.bg2{background-color:#f6f3f2}

    .mobileOnly{display:none}
    .fakeWrap{width:1120px}
    .webBlock{display:block}
}
@media screen and (min-width:0) and (max-width:740px){
    body{font-size:14px;line-height:21px}
    #container b,#container strong{font-weight:normal}

    #container input[type="radio"],
    #container input[type="checkbox"]{position:relative;left:1px;top:1px;width:13px;height:13px;margin:0;padding:0}
    #container input[type="text"],
    #container input[type="password"],
    #container input[type="search"],
    #container input[type="email"],
    #container input[type="tel"],
    #container input[type="number"],
    #container select,
    #container textarea{height:35px;padding:0 15px; border:1px solid #c4c6ca;font:12px/normal 'HyundaiRegular','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif;vertical-align:baseline;box-sizing:border-box;color:#000;border-radius:0;appearance:none;-webkit-appearance:none}

    #container input[type="password"]{font-family:'HyundaiRegular','Malgun Gothic',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',Dotum,'돋움','굴림',arial,sans-serif}/* 3 Should be changed */
    #container input[type="text"]:disabled,
    #container input[type="password"]:disabled,
    #container input[type="search"]:disabled,
    #container input[type="email"]:disabled,
    #container input[type="tel"]:disabled,
    #container input[type="number"]:disabled,
    #container select:disabled,
    #container textarea:disabled{background-color:#fff;color:#888}
    
    button{border:0;padding:0;overflow:hidden;background:none;position:relative}
    #container textarea{padding:18px;border:1px solid #c4c6ca;font:12px/1.6 'HyundaiRegular';resize:none;box-sizing:border-box}/* 4 Should be changed */
    #container input[type="text"].wrong-value,
    #container input[type="tel"].wrong-value,
    #container input[type="email"].wrong-value,
    #container input[type="number"].wrong-value,
    #container textarea.wrong-value{color:#c21a1a !important}
    #container input[disabled ="disabled"]{background:#fafafa}
    #container input[type="text"]::-ms-clear{display:none}

    #container input[type=checkbox]{display:none}
    #container input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;line-height:16px;padding-left:25px;font-size:12px}
    #container input[type=checkbox]+ label:before{content:"";display:inline-block;width:16px;height:16px;position:absolute;left:0;top:0;border:2px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #container input[type=checkbox]:checked + label:before{background:url("../images/common/checkbox.png") no-repeat center center;-webkit-background-size:10px auto;background-size:10px auto;border:2px solid #00aad2; }

    #container input[type=radio]{display:none}
    #container input[type=radio] + label{display:inline-block;cursor:pointer;position:relative;line-height:16px;padding-left:25px;font-size:12px}
    #container input[type=radio]+ label:before{content:"";display:inline-block;width:16px;height:16px;position:absolute;left:0;top:0;border:2px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:18px}
    #container input[type=radio]:checked + label:before{border:2px solid #00aad2}
    #container input[type=radio]:checked + label:after{content:"";display:inline-block;width:8px;height:8px;position:absolute;left:4px;top:4px;background:#00aad2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:8px}

    #container select{border:0;padding:0 40px 0 15px;width:100%;
        appearance:none;
        -moz-appearance:none;/* Firefox */
        -webkit-appearance:none;/* Safari and Chrome */
        background:#fff url("../images/common/select_right_arr.png") no-repeat right center;
    }
    #container select::-ms-expand{display:none}
    #container .msie9 select{padding:0 0 0 15px;width:100%;
        appearance:none;
        -moz-appearance:none;/* Firefox */
        -webkit-appearance:none;/* Safari and Chrome */
        background-image:none;
    }
    #container select:disabled{opacity:0.5}
    #container select.bg{background-color:#e4dcd3}
    #container select.bg:disabled{background-color:#e4dcd3}
    #container select.bg2{background-color:#f6f3f2}

    .webOnly{display:none}
    .mobileBlock{display:block}
}


.layerPop.loading{width:100%;height:100%;position:fixed}
#loading{
    display:inline-block;
    width:50px;
    height:50px;
    border:3px solid #00aad2;
    border-radius:50%;
    border-top-color:transparent;
    animation:spin 1s ease-in-out infinite;
    -webkit-animation:spin 1s ease-in-out infinite;
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -25px
}

@keyframes spin{
    to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes spin{
    to{-webkit-transform:rotate(360deg)}
}

/** M-00028 **/
ol.editor-ol li{list-style-type:decimal}
ul.editor-ul li{list-style-type:disc}

/* Popup Authoring(M-00033) Start */
@media print,screen and (min-width:741px) and (max-width:20000px){
.overlay{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.60);z-index:9999}
.notice{width:700px;position:fixed;min-height:620px;background:url("../images/common/noticeBg.jpg") left top no-repeat #e5e5e5;left:50%;margin-left:-350px;top:100px}
.noticeCloseBtn{width:16px;height:16px;background:url("../images/common/noticeCloseBtn.png") no-repeat;position:absolute;right:30px;top:30px;display:inline-block;text-indent:-9999px}
.noticeTit{width:580px;padding:110px 0 0 0;text-align:center;margin:0 auto;font-size:45px;color:#000;font-family:"HyundaiSansHeadMedium"}
.noticeTxt{width:500px;padding:40px;margin:0 auto;margin-top:40px;text-align:center;background:rgba(255,255,255,0.50);font-size:17px;color:#222;line-height:23px}
.noticeBtn{margin:30px 0 0 0;text-align:center;position:relative}
.noticeBtn a{display:inline-block;width:140px;height:35px;background:#002c5f;color:#fff;text-align:center;font-size:16px;line-height:35px}
.noticeBtn a:hover{text-decoration:none}
.noticeFoot{width:500px;margin:0 auto;padding:25px 0;position:relative;font-size:14px;color:#000;background:url("../images/common/noticeLogo.png") right 28px no-repeat}
.noticeFoot input[type=checkbox]{display:none}
.noticeFoot input[type=checkbox] + label{height:17px;display:inline-block;cursor:pointer;position:relative;padding-left:30px;vertical-align:middle;line-height:17px;color:#000;font-size:14px}
.noticeFoot input[type=checkbox] + label:before{content:'';display:inline-block;width:17px;height:17px;position:absolute;left:0;bottom:0;background:url("../images/common/noticeCheckOff.png") no-repeat}
.noticeFoot input[type=checkbox]:checked + label:before{background:url("../images/common/noticeCheckOn.png") no-repeat}
}

@media screen and (min-width:0) and (max-width:740px){
.overlay{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.60);z-index:9999}
.notice{width:84%;position:fixed;padding-bottom:30px;background:url("../images/common/noticeBg.jpg") center top no-repeat #e5e5e5;left:50%;margin-left:-42%;top:30px}
.noticeCloseBtn{width:16px;height:16px;background:url("../images/common/noticeCloseBtn.png") no-repeat;position:absolute;right:20px;top:20px;display:inline-block;text-indent:-9999px}
.noticeTit{width:90%;padding:60px 0 0 0;text-align:center;margin:0 auto;font-size:24px;line-height:24px;color:#000;font-family:"HyundaiSansHeadMedium"}
.noticeTxt{width:80%;padding:20px;margin:0 auto;margin-top:20px;box-sizing:border-box;text-align:center;background:rgba(255,255,255,0.50);font-size:13px;color:#222;line-height:20px}
.noticeBtn{margin:30px 0 0 0;text-align:center;position:relative}
.noticeBtn a{display:inline-block;width:140px;height:35px;background:#002c5f;color:#fff;text-align:center;font-size:16px;line-height:35px}
.noticeBtn a:hover{text-decoration:none}
.noticeFoot{width:80%;margin:0 auto;padding:15px 0 45px 0;box-sizing:border-box;position:relative;font-size:14px;color:#000;background:url("../images/common/noticeLogo.png") center bottom no-repeat;background-size:120px}
.noticeFoot input[type=checkbox]{display:none}
.noticeFoot input[type=checkbox] + label{height:17px;display:inline-block;cursor:pointer;position:relative;padding-left:30px;vertical-align:middle;line-height:17px;color:#000;font-size:13px}
.noticeFoot input[type=checkbox] + label:before{content:'';display:inline-block;width:17px;height:17px;position:absolute;left:0;bottom:0;background:url("../images/common/noticeCheckOff.png") no-repeat}
.noticeFoot input[type=checkbox]:checked + label:before{background:url("../images/common/noticeCheckOn.png") no-repeat}
}
/* Popup Authoring(M-00033) End */
/* 181015_modify */
#container input[type="text"],
#container input[type="password"],
#container input[type="search"],
#container input[type="email"],
#container input[type="tel"],
#container input[type="number"],
#container select,
#container textarea{font-family:'HyundaiSansTextRegular','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif}
.text_block > p{font-family:"HyundaiSansTextRegular"}
.cookieconsent-optout-marketing {background:#f6f3f2;padding:21px 0;color:#000;text-align:center;} /* 210531 add */
.cookieconsent-optout-marketing a {color:#002c5f;display:inline-block;line-height:1;border-bottom:1px solid #002c5f;text-decoration:none} /* 210531 add */
.cookieconsent-optout-marketing,.cookieconsent-optout-marketing a {font-size:20px;}/* 201112 add */ /* 210531 edit */
/* 210531 add */
@media screen and (min-width:0) and (max-width:740px){ 
.cookieconsent-optout-marketing {padding:30px 0;}
.cookieconsent-optout-marketing,.cookieconsent-optout-marketing a {font-size:17px;}
}
/* //210531 add */

/* 210601 add : class name modified */
.movieContent1 {padding:21px 0;color:#000;text-align:center;}
.movieContent1 a {color:#002c5f;display:inline-block;line-height:1;border-bottom:1px solid #002c5f;text-decoration:none}
.movieContent1,.movieContent1 a {font-size:20px;}
@media screen and (min-width:0) and (max-width:740px){ 
.movieContent1 {padding:30px 0;}
.movieContent1,.movieContent1 a {font-size:17px;}
}
.movieContent {padding:21px 0;color:#000;text-align:center;}
.movieContent a {color:#002c5f;display:inline-block;line-height:1;border-bottom:1px solid #002c5f;text-decoration:none}
.movieContent,.movieContent a {font-size:20px;}
@media screen and (min-width:0) and (max-width:740px){ 
.movieContent {padding:30px 0;}
.movieContent,.movieContent a {font-size:17px;}
}
/* //210601 add : class name modified */

/* S: 210316 add */
/* S: 210318 modify */
.evidon-banner {display:flex !important;flex-direction:column;padding:8px 20.5% !important;min-height:190px}
.evidon-banner-title {order: 0;font-family:HyundaiSansHeadMedium !important;font-weight:normal !important;}
.evidon-banner-message {float:left !important;order:1;font-family:HyundaiRegular !important;width:75% !important;}
.evidon-banner-optionbutton {width:163px !important;order: 3;align-self: flex-end;margin-top:-67px !important;font-family:HyundaiSansHeadMedium !important;font-weight:normal !important;margin-left:0 !important;margin-right:0 !important}/* 210603 modify */
.evidon-banner-acceptbutton {width:163px !important;order: 2;align-self: flex-end;top:-75px;font-family:HyundaiSansHeadMedium !important;font-weight:normal !important;margin-left:0 !important;margin-right:0 !important;}/* 210319 modify */ /* 210603 modify */
.evidon-banner-declinebutton {width:163px !important;order: 2;align-self: flex-end;top:-75px;font-family:HyundaiSansHeadMedium !important;font-weight:normal !important;margin-left:0 !important;margin-right:0 !important;border-radius:0 !important;background: rgb(0, 44, 95) !important;color:#fff !important;}/* 210603 add */
#_evh-ric-c {right:21% !important;}

.evidon-prefdiag-overlay {left:50% !important;width:1120px !important;transform:translate(-50%, 0);margin-left:0 !important;font-family:HyundaiRegular !important;}
.evidon-prefdiag-title {font-weight:normal !important;}
.evidon-prefdiag-tabfooter {height:65px !important;}
.evidon-prefdiag-declinebtn {font-family:HyundaiRegular !important; border-radius:0px !important;color: rgb(51, 51, 51) !important;background:rgb(255, 255, 255) !important;border:1px solid rgb(0, 0, 0) !important;}
.evidon-prefdiag-acceptbtn {font-family:HyundaiRegular !important; border-radius:0px !important;color: rgb(242, 242, 242) !important;background:rgb(0, 44, 95) !important;}
.evidon-prefdiag-tabcontainer {height:360px !important;}

@media screen and (max-width:1690px){
.evidon-banner-message {width:68% !important}
.evidon-banner {padding:8px 16% !important;}
#_evh-ric-c {right:16.5% !important;}
}

@media screen and (max-width:1440px){
.evidon-banner-message {width:68% !important}
.evidon-banner {padding:8px 9% !important;}
#_evh-ric-c {right:9.5% !important;}

.evidon-prefdiag-overlay {width:80% !important;}
}

@media screen and (max-width:740px){
.evidon-banner {padding:8px 5% !important;}
.evidon-banner-message {width:90% !important;}
.evidon-banner-optionbutton {float:left;align-self:center;margin: 6px 8px 6px 8px;margin-top:0 !important}
.evidon-banner-acceptbutton {float:left;align-self:center;margin: 6px 8px 6px 8px;top:0 !important;}
.evidon-banner-declinebutton {float:left;left:0 !important;align-self:center;margin: 6px 8px 6px 8px !important;top:0 !important;}/* 210603 add *//* 210604 modify */
#_evh-ric-c {right:20px !important;}

.evidon-prefdiag-overlay {width:100% !important;}
}

@media screen and (max-width:425px) {
.evidon-prefdiag-overlay {width:100% !important;}
.evidon-prefdiag-tabfooter {height:48px !important;padding:0 !important;}
.evidon-prefdiag-tabcontainer {height:595px !important;}
.evidon-prefdiag-declinebtn {padding:7px 16px !important;}
.evidon-prefdiag-acceptbtn {padding:7px 16px !important;}
}
/* E: 210318 modify */
/* E: 210316 add */
 /* END:common.css */
@charset "utf-8";

/* START layout.css.en */
/* ------------------------------------------------------------------
 * lata date:2016.10.16
 * last modified : 221004
 * ------------------------------------------------------------------ */
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.fl{float:left !important}
.fr{float:right !important}
.fnone{float:none !important}
/*font-family*/
.ffhr{font-family:HyundaiRegular !important}
.ffhm{font-family:HyundaiSansHeadMedium !important}
/*font-wight*/
.fwn{font-weight:400 !important;font-family:HyundaiRegular !important}
.fwb{font-weight:400 !important;font-family:HyundaiSansHeadMedium !important}
.topTxt.fwn{font-weight:400 !important;font-family:HyundaiSansTextRegular !important}
/* 181015_modify */
.fwn>p{font-family:HyundaiSansTextRegular}
/* 2019.01.16 Add */
/*text-decoration:none;*/
.tdn{text-decoration:none !important}
.tdun{text-decoration:underline !important}
.tdl{text-decoration:line-through !important}
.tsc{text-shadow:0 0 5px rgba(0,0,0,.9) !important}
/* 190418 Add */
/* color */
.colorw{color:#fff !important}
.colorbk{color:#000 !important}
.colorgy{color:#666 !important}
.colorb{color:#00aad2 !important}
.colorhb{color:#002c5f !important}/* hyundai blue :191104 add */
.colorR{color:#e63312 !important}/* red :190418 add*/
/* background-color */
.bgDB{background-color:#e4dcd3 !important}
/* dark brown */
.bgW{background-color:#fff !important}
/* white */
.bgLB{background-color:#f6f3f2 !important}
/* light brown */
.bgLBN{background-color:#f5f5f5 !important}
/* NBrand Theme */
.bgBl{background-color:#002c5f !important}
/* blue */
.bgLG{background-color:#f5f5f5 !important}
/* light gray */
/*overflow*/
.ovh{overflow:hidden !important}
/*button*/
.btnWrap{text-align:center}
/*grid*/
.gridWrap{overflow:hidden}
.gridWrap .grid{overflow:hidden;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.n1 .grid{float:none;width:100%}
.n2 .grid{width:50%}
.n2.d37 .grid.d3{width:30%}
.n2.d37 .grid.d7{width:70%}
.n3 .grid{width:33.333%}
.n4 .grid{width:25%}
.n8 .grid{width:12.5%}
.n16 .grid{width:6.25%}
a.mail{text-decoration:underline !important}
.playerSelect{width:100%}

/* COMMON STYLE */
/* hidden  */
.ir_hidden{border:0;    clip:rect(0 0 0 0); height:1px; margin:-1px;    overflow:hidden;    padding:0;  position:absolute;  width:1px}
/* ICON - scale(0.5) is for 1.5px line */
[class*="icon_"]{position:relative}
[class*="icon_"]:before,
[class*="icon_"]:after{display:block;position:absolute;top:50%;content:''}
[class*="icon_arr_"][class*="_01"]:after{right:15px;width:22px;height:22px}
[class*="icon_arr_"][class*="_wh"]:after{border-top:3px solid #fff;border-right:3px solid #fff}
[class*="icon_arr_"][class*="_bl"]:after{border-top:3px solid #666;border-right:3px solid #666}
[class*="icon_arr_right"]:after{transform:translate(0, -50%) rotate(45deg) scale(0.5)}
[class*="icon_arr_left"]:after{transform:translate(0, -50%) rotate(-135deg) scale(0.5)}
[class*="icon_arr_top"]:after{transform:translate(0, -50%) rotate(-45deg) scale(0.5)}/* 220316 add */
[class*="icon_arr_bottom"]:after{transform:translate(0, -50%) rotate(135deg) scale(0.5)}
[class*="icon_close_01"]{width:16px;height:16px}
[class*="icon_close_01"]:before,
[class*="icon_close_01"]:after{top:50%;right:-3px;width:44px;height:3px}
[class*="icon_close_"][class*="wh"]:before,
[class*="icon_close_"][class*="wh"]:after{background-color:#fff}
[class*="icon_close_"][class*="bl"]:before,
[class*="icon_close_"][class*="bl"]:after{background-color:#666}
[class*="icon_close_01"]:before{transform:translate(25%, -50%) rotate(45deg) scale(0.5)}
[class*="icon_close_01"]:after{transform:translate(25%, -50%) rotate(-45deg) scale(0.5)}
/* s:200106 add */
[class*="icon_close_"][class*="hb"]:before,
[class*="icon_close_"][class*="hb"]:after{background-color:#002c5f}
@media print,screen and (min-width:741px){
    button[class*="icon_close_"]{transition:0.4s}
    button[class*="icon_close_"]:hover{transform:rotate(180deg)}
  }
/* e:200106 add */
/* BUTTON style */
[class*="btn_"][class*="_small"]{padding:5px 29px 4px;font-size:12px;font-family:HyundaiSansHeadMedium;letter-spacing:0.04em}
[class*="btn_"][class*="_small"]:nth-child(n + 2){margin-left:20px}
.btn_white_small{background-color:#fff;color:#002c5f}
.btn_beige_small{background-color:#e4dcd3;color:#666}

/* footer */
/* Country choice quick bar  */
.quickArea.on{bottom:0}
.quickArea{position:fixed;left:0;z-index:120;width:100%;background:#002c5f;transition:bottom .5s}
.quickArea .txtGuide{font-size:14px;font-family:HyundaiSansTextRegular;color:#fff}
.quickArea a{text-decoration:none}

@media print,screen and (min-width:741px) and (max-width:20000px){
/*text align*/
.tacl{text-align:center !important}
/*font-size*/
.fz11{font-size:11px !important}
.fz12{font-size:12px !important}
.fz14{font-size:14px !important}
.fz16{font-size:16px !important}
.fz18{font-size:18px !important}
.fz20{font-size:20px !important}
.fz22{font-size:22px !important}
.fz24{font-size:24px !important}
.fz26{font-size:26px !important}
.fz28{font-size:28px !important}
.fz30{font-size:30px !important}
.fz32{font-size:32px !important}
.fz34{font-size:34px !important}
.fz36{font-size:36px !important}
.fz38{font-size:38px !important}
.fz40{font-size:40px !important}
.fz42{font-size:42px !important}
.fz44{font-size:44px !important}
.fz46{font-size:46px !important}
.fz48{font-size:48px !important}
.fz50{font-size:50px !important}
.fz52{font-size:52px !important}
.fz54{font-size:54px !important}
.fz56{font-size:56px !important}
.fz58{font-size:58px !important}
.fz60{font-size:60px !important}
/*gnb :190920*/
.topBanner .gnbWrapFull{position:absolute;top:336px;margin-bottom:-70px;/* M-000073 앞의 relative를 absoulte 로 수정, top 값 추가 - 2017.07.11 Main 화면의 GBN 클릭시 아래로 덮히게 수정 */ }
.gnbWrapFull{position:absolute;top:0;left:0;z-index:20;width:100%;min-width:1240px;background:#f6f3f2; transition:all .3s;min-height:70px;border-color:#e4dcd3}
.gnbWrapFull.edit{top:25px}
.gnbWrapFull.ab{position:absolute}
.gnbWrapFull a{text-decoration:none}
.gnbWrapFull.openSub{overflow:hidden;z-index:9999;border-bottom:2px solid #e4dcd3;min-height:393px}
.gnbWrapFull.openSub.vehicles{overflow:hidden;min-height:571px}
.gnbWrap{position:relative;z-index:10;height:71px}
.gnbWrapInner{width:1120px;margin:0 auto}
.gnbWrap .logo{float:left;padding-top:25px}
.gnbWrap .logo .topLogo{overflow:hidden;display:block}
.gnbWrap .logo .topLogo img{width:155px}
.gnbWrap .topBar .btnBack{display:none}
.gnbWrap .topBar .rightArea{display:none}
.gnbWrap .topBar .pageTitle{display:none}
.gnbWrap .scrollBox{display:block !important;right:auto !important;height:auto !important;max-height:none !important}
.gnbWrap .gnbArea{float:left;margin-left:78px;font-size:14px}/* 201111 modify */
.gnbWrap .gnbArea:after{display:block;content:"";clear:both}
.gnbWrap .gnbArea .dep1Wrap:after{display:block;content:"";clear:both}
.gnbWrap .gnbArea .dep1Wrap .dep1{float:left}
.gnbWrap .gnbArea .dep1Wrap .dep1+.dep1{margin-left:3px;}/* 220415 */
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{display:block;padding:0 15px;font-size:16px;line-height:70px;color:#666;text-decoration:none;font-family:HyundaiSansHeadMedium;cursor:pointer;} /* 201111 modify */ /* 220330 */
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after{display:none}
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on,
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.now,
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:focus,
.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:hover{color:#002c5f}/* 191017 selector edit */
/* new_GNB */
.gnbWrap .gnbArea .gnbSubArea .btnGnbClose{position:absolute;top:25px;left:50%;margin-left:543px}/*191129:top modify*/
/* 180828 */
.gnbSubArea{display:none;border-top:2px solid #e4dcd3}
.gnbSubArea.car{position:absolute;top:72px;left:0;width:100%;padding-top:0;background-color:#e4dcd3}
.gnbSubArea{position:absolute;top:71px;left:0;width:100%}
.gnbWrap .dep2Wrap{position:relative;width:1120px;margin:0 auto;font-size:0;line-height:0;box-sizing:content-box;padding:12px 0 13px;text-align:center;}/*191129:padding delete*/ /* 220209 */ /* 220215 */
.gnbSubArea.car .dep2Wrap{width:1120px;padding:0}
.gnbWrap .dep2Wrap>.depSub{display:inline-block;vertical-align:top}
/* s:180913_modify */
.gnbWrap .dep2Wrap.menu_2>.depSub{width:25%;border-bottom:1px solid #efefef;min-height:220px}
.gnbWrap .dep2Wrap.menu_2>.depSub:nth-child(5){border-bottom:0;min-height:initial}
.gnbWrap .dep2Wrap.menu_2>.depSub:nth-child(6){border-bottom:0;min-height:initial}
.gnbWrap .dep2Wrap.menu_2>.depSub:nth-child(7){border-bottom:0;min-height:initial}
.gnbWrap .dep2Wrap.menu_2>.depSub:nth-child(8){border-bottom:0;min-height:initial}
.gnbWrap .dep2Wrap.menu_4>.depSub:last-child{border-bottom:0;min-height:initial}
.gnbWrap .dep2Wrap.menu_4> dd.depSub{margin-right:70px} /* 210310 modify */
/* e:180913_modify */
/* 220215 add */
.gnbWrap .dep2Wrap.menu_4.menu_row {text-align:left;}
.gnbWrap .dep2Wrap.menu_4.menu_row > dd.depSub {width:152px; margin-right:30px;}/* 220216 */
.gnbWrap .dep2Wrap.menu_4.menu_other > dt + dd {margin-left:-355px;}
/* //220215 add */
.gnbWrap .dep2Wrap.menu_3>.depSub{width:33.3%}
.gnbWrap .dep2Wrap.menu_5>.depSub{width:33.3%}
/* 180913_modify */
.gnbWrap .dep2Wrap>.depSub .dep2_a{display:block;padding:12px 0 13px;font-size:16px;font-weight:700;line-height:1;color:#666}/*191129:padding modify*/ /* 220209 */
.gnbWrap .dep2Wrap>.depSub .dep2_a.on,.dep2Wrap>.depSub .dep2_a:focus,.dep2Wrap>.depSub .dep2_a:hover{color:#002c5f}
/* 180920_modity_add */
/* 180913_modify */
/* s:190531 edit */
.gnbWrap .dep2Wrap .dep3Wrap>.depSub{display:block;position:relative;margin-top:10px}
.gnbWrap .dep2Wrap .dep3Wrap>.depSub:first-child{margin-top:0}
.gnbWrap .dep2Wrap .dep3_a{display:block;position:relative;padding-left:4px;font-size:14px;line-height:21px;color:#767676}
.gnbWrap .dep2Wrap .dep3_a.on{color:#00aad2}
/* 180919_modify */
.gnbWrap .dep2Wrap .dep3_a:focus,.dep2Wrap .dep3_a:hover{color:#00aad2}
.gnbWrap .dep2Wrap.menu_2 .dep3_a.arr,.dep2Wrap.menu_3 .dep3_a.arr{width:120px}
/* 180913_modify width_145px */
.gnbWrap .dep2Wrap.menu_4 .dep3_a.arr{width:160px}
/* 180828 */
.gnbWrapFull .menu_4 .dep4Wrap{left:180px}
.gnbWrap .dep2Wrap .dep3_a.arr:after{display:inline-block;position:absolute;top:7px;right:5px;width:4px;height:7px;background:url(../images/common/gnb_arr2.png) no-repeat;content:''}
.gnbWrap .dep2Wrap .dep3_a.on.arr{background-color:#00aad2;color:#fff}
.gnbWrap .dep2Wrap .dep3_a.on.arr:after{background-position:0 -7px}
.gnbWrap .dep2Wrap .dep4Wrap{display:none;position:absolute;top:-10px;left:140px;z-index:1;width:100%;padding-top:13px;padding-bottom:13px;background-color:#fff}
.gnbWrap .dep2Wrap .dep4Wrap>li{padding-top:10px}
.gnbWrap .dep2Wrap .dep4Wrap>li:first-child{padding-top:0}
.gnbWrap .dep2Wrap .dep4_a{font-size:14px;line-height:1;color:#767676;white-space:nowrap}
.gnbWrap .dep2Wrap .dep4_a:focus,.dep2Wrap .dep4_a:hover{color:#00aad2}
.gnbWrap .dep2Wrap .dep4_a.on,.dep2Wrap .dep4_a.on:focus,.dep2Wrap .dep4_a.on:hover{color:#00aad2}
/* e:190531 edit */
/*s:190603 add*/
.gnbWrap .dep2Wrap.menu_4 .dep3Wrap>.depSub:nth-child(1) .dep4Wrap{min-height:150px}
.gnbWrap .dep2Wrap.menu_4 .dep3Wrap>.depSub:nth-child(2) .dep4Wrap{min-height:130px}
.gnbWrap .dep2Wrap.menu_4 .dep3Wrap>.depSub:nth-child(3) .dep4Wrap{min-height:110px}
/*e:190603 add*/
.outlink{display:block}
.outlink:after{overflow:hidden;display:inline-block;width:10px;height:10px;margin-left:10px;background:url(../images/common/ico_gnb_newwin2.png) no-repeat 0 0;content:"";font-size:0;line-height:0}
/* 180911_modify */
.newWin{display:block}
.newWin:after{overflow:hidden;display:inline-block;width:10px;height:10px;margin-left:10px;background:url(../images/common/ico_gnb_newwin2.png) no-repeat 0 0;content:"";font-size:0;line-height:0}
/* 180911_modify */
.visitCountry_area{display:none}
/* find a Car */
.gnbWrap .carListWrap{position:relative}
/* 180821 */
.gnbWrap .carListWrap .tabArea{overflow:hidden;display:block !important}
.gnbWrap .carListWrap .tabArea .tab{float:left;width:16.66666666666667%}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn{display:block;width:100%;font-size:16px;line-height:63px;color:#666;text-align:center;font-family:HyundaiSansHeadMedium}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn.newWin:after{overflow:hidden;display:inline-block;width:10px;height:10px;margin-left:10px;background:url(../images/common/ico_gnb_newwin2.png) no-repeat 0 -10px;content:"";font-size:0;line-height:0}
.gnbWrap .carListWrap .tabArea .tab>.tabBtn.newWin:hover:after{background:url(../images/common/ico_gnb_newwin2.png) no-repeat 0 0}
.gnbWrap .carListWrap .tabArea .tab.on>.tabBtn,.gnbWrap .carListWrap .tabArea .tab>.tabBtn:focus,.gnbWrap .carListWrap .tabArea .tab>.tabBtn:hover{color:#002c5f;text-decoration:none}
.gnbWrap .carListWrap .tabArea .tab.on .carList{display:block}
.gnbWrap .carListWrap .carList{display:none;position:absolute;top:100px;left:0;width:100%}
.gnbWrap .carListWrap .carList .item{float:left;margin-right:80px;margin-bottom:40px}
.gnbWrap .carListWrap .carList .item img{width:160px;height:86px}
.gnbWrap .carListWrap .carList .item:nth-child(5n){margin-right:0}
.gnbWrap .carListWrap .carList .item .carTit{display:block;margin-top:15px;font-size:14px;line-height:1;text-align:center}
/* go to your country */
.gnbWrap .gnbRight{float:right;padding-top:22px}
.gnbWrap .gnbRight .item{float:left;margin-left:19px}
.gnbWrap .gnbRight .item .btnGnbLanguage{display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../images/common/btn_topmenu_language.png) no-repeat;background-size:cover}/* 200908 modify */
.gnbWrap .gnbRight .item .btnGnbSearch{overflow:hidden;display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../images/common/btn_topmenu_search.png) no-repeat;background-size:cover;text-indent:-9999px}/* 200908 modify */
.gnbWrap .gnbRight .item .btnGnbChannelH{display:inline-block;width:20px;height:17px;background:url(../images/common/btn_topmenu_Channelh.png) no-repeat;background-size:cover;vertical-align:middle}/* 200907 add */
/* e:180821 */
/* s :200923 add : gnbLanguageBtn */
/* s :200907 delete :gnbLanguageBtn */
/* s :200722 */
.gnbWrap .gnbRight .item.gnbLanguageBtn{display:inline-block;position:relative;vertical-align:middle}
.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage{display:block;position:relative;width:100%;padding:0 16px 0 0;font-size:17px;font-family:"HyundaiKRMedium";color:#666;text-align:left;text-decoration:none}
.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage:before,
.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage:after{display:block;position:absolute;top:50%;content:''}
.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage:after{top:14px;right:0;width:10px;height:10px;border-width:2px;border-top:3px solid #666;border-right:3px solid #666;transition:0.3s ease;transform:translate(0, -50%) rotate(135deg) scale(0.5)}
.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage:hover,.gnbWrap .gnbRight .item.gnbLanguageBtn .btnLanguage:hover:after{color:#002c5f;border-color:#002c5f}
.gnbWrap .gnbRight .item.gnbLanguageBtn.on .btnLanguage{color:#002c5f}
.gnbWrap .gnbRight .item.gnbLanguageBtn.on .btnLanguage:after{border-color:#002c5f;transform:translate(0, -30%) rotate(-45deg) scale(0.5)}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer{display:none;position:absolute;right:0;background-color:#f7f3f2;width:105px;padding:25px 0 16px;transition:transform 0.3s, opacity 1s;opacity:0}
.gnbWrap .gnbRight .item.gnbLanguageBtn.on .languageLayer{display:block;transform:translate(0);transition:transform 0.5s;opacity:1}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li{margin-top:16px;font-size:14px;line-height:17px;font-family:"HyundaiKRRegular";color:#666;text-align:center}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li:first-child{margin-top:8px}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li a{color:#666}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li a:hover, .gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li a:focus{font-family:"HyundaiKRMedium";color:#000}
.gnbWrap .gnbRight .item.gnbLanguageBtn .languageLayer li.on a{font-family:"HyundaiKRMedium";color:#000}
.gnbArea .gnbLanguage.mobileOnly{display:none}
/* e :200722 */
/* e :200907 delete :gnbLanguageBtn */
/* e :200923 add : gnbLanguageBtn */
.gnbUtilWrap{position:relative;height:0;background:#f2f2f2;transition:all .3s}
/* 180828 */
.gnbUtilWrap.search {height:231px}/* 210611 modify *//* 210728 modify */
.gnbUtilWrap.language{height:92px}
.gnbSearchArea{display:none;position:absolute;top:71px;right:0;left:0;width:1120px;margin:0 auto;padding:20px 0;text-align:center}
.gnbSearchArea .gnbSearch{position:relative;width:572px;margin:0 auto;background:#fff}
.gnbSearchArea .gnbSearch .searchInput{position:relative;padding-right:55px;font-weight:400}
.gnbSearchArea .gnbSearch .searchInput .searchTitle {display:none;}/* 210611 add */
.gnbSearchArea .gnbSearch .searchInput input {-webkit-appearance: none;-webkit-border-radius: 0;border-radius:0;appearance:none;-webkit-appearance:none} /* 210611 add */
.gnbSearchArea .gnbSearch .searchInput .inputText{width:100%;height:50px;padding-left:20px;border:0;font-size:20px;line-height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.gnbSearchArea .gnbSearch .searchInput .inputText::-ms-clear{display:none}
.gnbSearchArea .gnbSearch .btnSearch{overflow:hidden;display:block;position:absolute;top:0;right:0;width:55px;height:50px;background:url(../images/common/btn_search.png) no-repeat center center;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset{overflow:hidden;display:none;position:absolute;top:0;right:60px;width:18px;height:50px;background:url(../images/common/btn_reset.png) no-repeat center center;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset.on{display:block}
.gnbSearchArea .gnbSearch .gnbautoSearchList{display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;z-index:1;}/* 210708 */
.gnbSearchArea .gnbSearch .autoSearch{width:532px;margin:0 auto;padding:12px 0;border-top:1px solid #063162;background:#fff;text-align:left}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link{display:block;font-size:16px;line-height:50px;text-decoration:none}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword{background:0 0;color:#00a1c7;font-family:HyundaiSansHeadMedium}
.gnbSearchArea .btnGnbClose{position:absolute;top:20px;right:0}
/* Go to your country_detail */
.gnbLanguageArea{display:none;position:absolute;top:71px;right:0;left:0;width:1120px;margin:0 auto;padding:25px 0;text-align:center}
.gnbLanguageArea .selectLanguage{display:table;width:100%;margin:0 20px;font-size:0;text-align:center}
.gnbLanguageArea .selectLanguage select{display:inline-block;width:265px;height:42px;margin:0 20px;padding:0 15px;font-size:16px;line-height:42px;box-shadow:none}
.gnbLanguageArea .btnGnbClose{position:absolute;top:20px;right:0}
.gnbWrapFull .temp{text-align:center}
.dimmed {display:none;position:fixed;top:35px;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:15;}/* 210728 add */
.dimmed.open {display:block;}/* 210728 add */

/* footer */
.footerWrap{background:#000;min-width:1240px;color:#cfc8c2}
.footerArea{position:relative;width:1120px;margin:0 auto;padding:74px 0 82px;letter-spacing:.012em}
.footerArea .logo{margin-bottom:75px}
.footerArea .footerMenu{overflow:hidden}
.footerArea .footerMenu .dep1Wrap{display:flex;justify-content:space-between}
.footerArea .footerMenu .dep1Wrap > li > div{margin-bottom:18px;font-weight:normal;font-size:1.17em;line-height:1;font-family:HyundaiSansHeadMedium;color:#fff}/* 201021 modify */
.footerArea .footerMenu .dep1Wrap > li > div .btnNextShow{display:none}/* 201021 modify */
.footerArea .footerMenu .dep2Wrap > *,
.footerArea .footerMenu .dep3Wrap > *{margin-top:6px}
.footerArea .footerMenu .dep2Wrap > * .dep2_a{display:block;width:100%;text-align:left;text-decoration:none}
.footerArea .footerMenu .dep2Wrap > * .dep2_a[target="_blank"]:after {content:"";display:inline-block;width:10px;height:10px;margin:-1px 0 0 8px;background-image:url(../images/common/ico_link.png);vertical-align:middle;} /* 210906 add */
.footerArea .footerMenu .dep2Wrap > li .dep2_a + .boxToggleShow{display:none}
.footerArea .footerMenu .dep2_a[class*="icon_arr_bottom"]:after{top:40%;right:0;width:10px;height:10px;border-width:2px; transition:0.3s ease}
.footerArea .footerMenu .dep2Wrap > li.on .dep2_a[class*="icon_arr_bottom"]:after{transform:translate(0, -30%) rotate(-45deg) scale(0.5)}
.footerArea .footerMenu a,
.footerArea .footerMenu button{font-size:14px;color:#cfc8c2}
.footerArea .footerMenu a:hover,
.footerArea .footerMenu button:hover{color:#fff;text-decoration:none}
/* s:footer social - 191213 modify */
.footerArea .footerMenu .dep2Wrap .row{display:flex}
.footerWrap .social .dep2Wrap .row .col + .col{margin-left:38px}
.footerArea .footerMenu .titLink{font-size:14px;margin-bottom:2px}
.footerArea .footerMenu .boxLink{display:flex;padding-bottom:10px}
.footerArea .footerMenu .boxLink dd + dd{margin-left:17px}
.footerArea .footerMenu .boxLink a{line-height:1;opacity:0.76}
.footerArea .footerMenu .boxLink a:hover{text-decoration:none;opacity:1}
.footerArea .footerMenu .boxLink a img{width:21px}
/* s:200714 */
.footerArea .footerMenu .boxLink a{display:inline-block;width:21px;height:21px;background-size:21px 21px}
/* e:200714 */
.footerArea .copyright{margin-top:75px;font-size:14px;line-height:1}
.footerArea .goto{overflow:hidden;position:absolute;top:96px;right:4px;font-size:14px;line-height:18px;color:#999}
.footerArea .goto a{padding-left:5px;font-size:14px;color:#999;text-decoration:underline}
.footerArea .goto img.flag{float:right;margin-left:20px;box-shadow:none !important}
/* e:footer social - 191213 modify */
/* Country choice quick bar  */
.wrapCont{position:relative;width:1120px;margin:0 auto}
.quickArea{bottom:-65px;padding:14px 0}
.quickArea .wrapCont{display:flex;justify-content:space-between;align-items:center;padding:0 60px;box-sizing:content-box}
.quickArea button[class*="icon_close_01"]{position:absolute;right:24px;width:16px;height:16px}
/*sub layout*/
.contentWrap{width:100%;min-width:1240px} /* 221004 modify */
.contentWrap .contTop{background-color:#e4dcd3;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}
.contentWrap .contTop.topVisNone{background-color:#fff}
/* M-00104 NBrand Type Add*/
.contentWrap .contTopN{background-color:#aacae6;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat}
.contentWrap .contTopN.topVisNone{background-color:#fff}
.contentWrap .contWrap{width:100%;-webkit-background-size:cover;background-size:cover;min-width:1240px;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contWrap.bgFix{width:100%;-webkit-background-size:auto auto;background-size:auto auto;min-width:1240px;background-attachment:fixed;background-repeat:no-repeat;background-position:center top}
.contentWrap .contWrap .contBox{position:relative;width:1120px;margin:0 auto;padding-top:100px}
.contentWrap .contWrap .contBox.phz{padding-top:0}
.contentWrap .contWrap .contBox.full{width:100%}
.contentWrap .contWrap .contBox.evtBox{padding-bottom:100px !important}
.contentWrap .contWrap .contBox.brdView{padding-top:50px;border-top:1px solid #eaeaea}
.contentWrap .contWrap .contBox.banner{min-height:262px}
/* M-00104 NBrand Type Add*/
/* 221004 delete
.contentWrap .contWrapN{width:100%;background-color:#dceaf5;-webkit-background-size:cover;background-size:cover;min-width:1240px;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contWrapN.bgFix{width:100%;-webkit-background-size:auto auto;background-size:auto auto;min-width:1240px;background-attachment:fixed;background-repeat:no-repeat;background-position:center top}
.contentWrap .contWrapN .contBox{position:relative;width:1120px;margin:0 auto;padding-top:100px}
.contentWrap .contWrapN .contBox.phz{padding-top:0}
.contentWrap .contWrapN .contBox.full{width:100%}
.contentWrap .contWrapN .contBox.evtBox{padding-bottom:100px !important}
.contentWrap .contWrapN .contBox.brdView{padding-top:50px;border-top:1px solid #eaeaea}
.contentWrap .contWrapN .contBox.banner{min-height:262px}
//221004 delete */
.contentWrap.contBg{background-color:#e4dcd3;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center bottom}
.contentWrap.contBg .contTop{background:0 0}
.contentWrap.contBg .topBgTxtArea{height:auto;padding:45px 0;background:0 0}
.topArea{position:relative;width:1120px;margin:0 auto}
.topArea .breadCrumb{overflow:hidden;height:auto;padding-top:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /* 221101 modify */
.topArea .breadCrumb li{float:left}
.topArea .breadCrumb a.link,.topArea .breadCrumb span.ctg{display:inline-block;margin-right:10px;padding:0 15px 0 0;background:url(../images/common/bg_breadcrumb.png) no-repeat 100% 3px;font-size:14px;line-height:16px;text-decoration:none}
.topArea .breadCrumb .active{display:inline-block;font-size:14px;font-weight:400;line-height:16px;color:#00aad2;font-family:HyundaiSansHeadMedium}
.topArea .sharing{position:absolute;top:120px;right:0}  /* 221101 modify */
.topArea .sharing a{display:inline-block;padding:0 0 0 25px;background:url(../images/common/ico_sharing.png) no-repeat 0 0;font-size:14px;line-height:17px;text-decoration:none;font-family:HyundaiSansHeadMedium}
.topVisualArea{position:relative;height:540px;padding:0 30px}
.mainCenterSlide .topVisualArea{padding:0}
.topVisual{overflow:hidden;position:relative;height:540px;max-width:1800px;margin:0 auto;min-width:1120px}
.topVisual .visual{position:absolute;top:0;left:50%;width:1860px;margin-left:-930px}
.topVisual .visual img{width:1860px !important}
.topVisual .titWrap{position:absolute;top:0;right:0;left:0;width:1120px;margin:0 auto;padding-top:71px;text-align:left}
.topVisual .titWrap .ico{margin:-11px 0 11px}
.topVisual .titWrap .ftit{font-size:58px;line-height:64px}
.topVisual .titWrap .stit{max-width:440px;margin-top:12px;font-size:20px;line-height:26px}
.topVisual .titWrap .btn{margin-top:80px}
.topVisualArea.vMiddle .middle{display:table;position:absolute;top:0;left:0;width:100%;height:100%}
.topVisualArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle;position:relative;top:auto;right:auto;left:auto;padding-top:0;text-align:center}
.topVisualArea.vMiddle .middle .titWrap .stit{max-width:none}
.topTab{width:1120px;margin:0 auto;padding-bottom:30px}
.topBgTxtArea{position:relative;height:270px;margin:0 60px;background:rgba(100%,100%,100%,.7)}
.topBgTxtArea .titWrap{position:relative;width:1120px;margin:0 auto;padding-top:71px;text-align:center}
.topBgTxtArea .titWrap .ftit{font-size:60px;line-height:64px}
.topBgTxtArea .titWrap .stit{margin-top:12px;font-size:20px;line-height:26px}
.topBgTxtArea .titWrap.line2 .ftit{padding-top:11px}
.topBgTxtArea .titWrap.line2 .stit{margin-top:26px;line-height:30px}
.topBgTxtArea.vMiddle .middle{display:table;width:1120px;height:100%;margin:0 auto}
.topBgTxtArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle;padding-top:0}
.topBgTxtArea .date{display:inline-block;margin-left:4px;font-size:16px}
.topBgTxtArea .date:before{display:inline-block;vertical-align:middle;width:1px;height:14px;margin-right:9px;background:#cecece;content:''}
/*keyvisual search Type*/
.contTop.searchType{position:relative}
.contTop.searchType .topBgTxtArea .titWrap{height:100%;padding-top:63px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contTop.searchType .searchWrap{position:absolute;top:140px;right:0;left:0;margin:0 auto}
.contTop.searchType .searchWord{overflow:hidden;position:relative;top:80px;left:0;font-size:14px;color:#666;text-align:left;}/* 210820 modify */
.contTop.searchType .searchWord .tit {float:left;width:312px;margin-top:3px;font-size:20px;line-height:1;color:#000;font-family:HyundaiSansHeadMedium} /* 210611 modify *//* 210728 modify *//* 210820 modify */
.contTop.searchType .searchWordlist{float:left;width:808px;font-size:0;line-height:1}/* 210820 modify */
.contTop.searchType .searchWordlist .link {display:inline-block;margin-right:33px;font-size:17px;line-height:1.7;color:#666;}/* 210611 modify */ /* 210728 modify *//* 210820 modify */
.contTop.searchType .searchWordlist .link:hover {color:#00aad2;text-decoration:none;}/* 210728 add */
.contTop.searchType .btnRightWrap{position:absolute;right:0;bottom:31px}
.contTop.searchType .btnLeftWrap{position:absolute;left:0;bottom:28px}/* 201005 add */
.contTop.searchType .btnLeftWrap .btn{padding:0 21px}/* 201005 add */

/* 210602 add */
.contTop.searchType .topBgTxtArea.high {height:330px}
.contTop.searchType .topBgTxtArea .titWrap .stit {margin-top:20px;} /* 210608 modify */
.contTop.searchType .topBgTxtArea.high .searchWrap {top:193px;} /* 210608 add */
/* //210602 add */

.mainTopVisualArea{overflow:hidden}
.mainTopVisualArea .contWrap{height:830px !important}
.mainTopVisualArea .topVisualArea{height:720px}
.mainTopVisualArea .topVisual{height:720px}
.mainTopVisualArea .topVisual .visual img{height:auto}
.mainTopVisualArea .topVisual .titWrap{padding-top:110px}
.mainTopVisualArea .topVisual .titWrap .ftit{margin:27px 0 0 -5px;font-size:70px}
.mainTopVisualArea .topVisual .titWrap .stit{margin-top:19px;font-size:26px;line-height:41px}
.mainTopVisualArea .topVisual .titWrap .btn{position:absolute;top:554px;left:0}
/*M-00019*/
.mainTopVisualArea .topVisual .titWrap{font-size:0}
.mainTopVisualArea .topVisual .titWrap .btn{position:relative;top:445px;left:auto;margin-right:20px}
.mainTopVisualArea .topVisual .titWrap .btn.gray{background:#777673}
.mainTopVisualArea .btn.big{font-size:16px}
.mainTopVisualArea .slideWrap{height:830px !important}
/*s:190509*/
.mainTopVisualArea .mainBtn [class*=btn_]{top:335px}
.mainTopVisualArea .mainBtn [class*=btn_]>button{width:58px;height:58px}
.mainTopVisualArea .mainBtn .btn_prev .prev{background:url(../images/main/btn_main_prev.png) no-repeat center top}
.mainTopVisualArea .mainBtn .btn_prev{left:50%}
.mainTopVisualArea .mainBtn .btn_next .next{background:url(../images/main/btn_main_next.png) no-repeat center top}
.mainTopVisualArea .mainBtn .btn_next{right:50%}
/*e:190509*/
.mainTopVisualArea .mainBtn .btnPlayStop{overflow:hidden;display:inline-block;vertical-align:top;width:12px;height:12px;margin:0 5px 0 5px;background:url(../images/main/btn_play_stop.png) no-repeat;text-indent:-9999px}
.mainTopVisualArea .mainBtn .btnPlayStop.play{background-position:0 -12px}
.mainTopVisualArea .slideWrap .swiper-pagination{top:auto !important;bottom:60px}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap{padding-top:120px;text-align:center}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .ftit{font-size:44px}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .stit{max-width:none;font-size:20px;line-height:28px}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .btn{position:absolute;top:594px;right:0;left:0;width:155px;margin:0 auto}
.mainTopVisualArea .mainCenterSlide .btn_prev{top:338px;left:50%}
.mainTopVisualArea .mainCenterSlide .btn_next{top:338px;right:50%}
.mainTopVisualArea{overflow:hidden;margin:0 auto;padding:0 30px 0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mainTopVisualArea.mainSlide{max-width:none;padding:0}
.mainTopVisualArea.mainSlide .mainTopVisualArea{max-width:none;padding:0}
.mainWbox{overflow:hidden;max-width:1800px;margin:0 auto;padding:0 30px 0 30px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mainWbox .mainConBox{width:1120px;margin:0 auto;padding-top:100px}
.mainWbox .mainConBox .btnCenter{padding-top:60px;text-align:center}
.mainCenterBox{overflow:hidden;position:relative;margin:0 30px;padding-top:35px}
.mainCenterBox>.slideWrap{max-width:1800px;margin:0 auto 0 auto;padding-bottom:73px;background:#fff}
.mainCenterBox .slideWrap .middle{display:table;width:650px;height:340px;margin:0 auto}
.mainCenterBox .slideWrap .middle .inner{display:table-cell;vertical-align:middle;height:100%;text-align:center}
.mainCenterBox .slideWrap .middle .inner .info{display:table;width:100%;font-size:0;line-height:1 !important;color:#666;text-align:center}
.mainCenterBox .slideWrap .middle .inner .info .ctg{display:inline-block;vertical-align:top;position:relative;margin-right:10px;padding-right:11px;font-size:16px}
.mainCenterBox .slideWrap .middle .inner .info .ctg:after{display:block;position:absolute;top:2px;right:0;width:1px;height:12px;background:#d9d9d9;content:''}
.mainCenterBox .slideWrap .middle .inner .info .date{display:inline-block;vertical-align:top;font-size:16px}
.mainCenterBox .slideWrap .middle .inner .tit{margin-top:20px;font-size:30px;line-height:40px}
.mainCenterBox .slideWrap .swiper-pagination{top:auto !important;bottom:73px}
.mainCenterBox .slideWrap .btn_prev{top:195px;left:0}
.mainCenterBox .slideWrap .btn_prev .prev{width:42px;height:42px;background:url(../images/main/btn_main_prev_w.png) no-repeat}
.mainCenterBox .slideWrap .btn_next{top:195px;right:0}
.mainCenterBox .slideWrap .btn_next .next{width:42px;height:42px;background:url(../images/main/btn_main_next_w.png) no-repeat}
.mainFullImgCon .item{overflow:hidden;position:relative}
.mainFullImgCon .item .bgCenter{width:100%}
.mainFullImgCon .item .titArea{position:absolute;top:115px;left:0;width:100%}
.mainFullImgCon .item .titArea .topTxt{font-size:20px;line-height:28px}
.mainFullImgCon .item .info{position:absolute;bottom:0;left:0;width:100%;height:204px;padding:0 30px}
.mainFullImgCon .item .info .inner{height:100%;max-width:1800px;margin:0 auto;background:#002c5e;text-align:center}
.mainFullImgCon .item .info .inner .location{display:inline-block;margin:67px 0 10px 0;padding-left:40px;background:url(../images/main/location_icon.png) no-repeat;font-size:30px;line-height:30px;color:#fff;font-family:HyundaiSansHeadMedium}
.mainFullImgCon .item .info .inner .link{color:#fff}
.mainFullImgCon .item .info dt{padding:15px 0 4px 0;font-size:19px;line-height:26px;color:#fff;font-family:HyundaiSansHeadMedium}
.mainFullImgCon .item .info dd{overflow:hidden;font-size:14px;line-height:19px;color:#fff;font-family:HyundaiSansHeadMedium}
.findacarMainList{position:relative;margin-top:-56px}
.findacarMainList .lineArea{overflow:hidden;position:relative;height:248px;transition:height .3s}
.findacarMainList .lineArea .item{float:left;width:232px;margin-right:64px}
.findacarMainList .lineArea .item.nomargin{margin-right:0}
.findacarMainList .lineArea .item .thumbnail{margin-bottom:19px}
.findacarMainList .lineArea .item .thumbnail img{width:240px;height:130px}
.findacarMainList .lineArea .item .subTit4{margin-bottom:2px}
.findacarMainList .lineArea .item .btnCarMore{display:block;margin-top:68px;text-align:center}
.findacarMainList .lineArea .item .conAreas{margin-bottom:16px;line-height:16px;color:#767676}
.findacarMainList .lineArea .item .btn{width:100%}
.mainTopBanner{background:url(../images/main/maintopbanner_bg.jpg) no-repeat center top}
.mainTopBanner .bannerArea{position:relative;width:1120px;height:336px;margin:0 auto}
.mainTopBanner .bannerArea .title{padding-top:70px;font-size:30px;line-height:40px;font-family:HyundaiSansHeadMedium}
.mainTopBanner .bannerArea .txt{padding-top:13px;font-size:16px;line-height:28px}
.mainTopBanner .bannerArea .country{padding-top:40px;font-size:14px;line-height:18px}
.mainTopBanner .bannerArea .country img{vertical-align:top;margin-right:10px}
.mainTopBanner .bannerArea .btnArea{position:absolute;right:0;bottom:50px;font-size:0}
.mainTopBanner .bannerArea .btnArea a{margin-left:10px}
.mainTopBanner .bannerArea .btnBannerClose{position:absolute;top:80px;right:0}
.mainTopBanner .visitcountry{display:none !important}
.btnContentTop{position:fixed;right:0;bottom:0;z-index:10;width:60px;height:60px;font-size:0;line-height:0;transform:translate3d(0,0,0)}
.btnContentTop button{vertical-align:top}
.btnContentTop.ab{position:absolute}
.bnrFull.main{max-width:1800px}
.bnrFull.main .imgArea img{width:900px;height:260px;margin-left:-450px}
/* 20180412 M-00117 quickCountry add Start */
.onM{display:none !important}
.quickCountry{position:fixed;bottom:0;left:0;z-index:9;width:100%;height:60px;background-color:#e4dcd3}
/* 20180416 */
.quickCountry.on{display:block !important;bottom:174px;height:60px !important}
.quickCountry .bannerArea{position:relative;width:1120px;height:50px;margin:0 auto}
.quickCountry .country{padding-top:20px;font-size:14px;line-height:18px;color:#000}
.country strong{display:inline-block;vertical-align:middle;position:relative;padding-left:25px;font-size:14px}
.country strong:before{display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:url(../images/globalhyundai/ico_location.png) no-repeat;content:''}
.country .flagBox{display:inline-block;vertical-align:middle;margin:0 40px 0 10px;font-size:14px}
.country .flagBox img.flag{display:inline-block;vertical-align:middle;margin-right:10px}
.country .flagBox a{color:#000}
.quickCountry .country img{vertical-align:top;margin-right:10px}
.quickCountry .btnArea{position:absolute;right:0;bottom:0;font-size:0}
.quickCountry .btnArea a{margin-left:10px}
/* 20180412 quickCountry add End */
/*s :190418 컴포넌트 개선 작업. + 190528 edit*/
/*grid*/
.n2 .grid2{float:none}
.n2.imgList .grid2{margin-left:49.8%}
.n2 .grid2+.grid2{margin-top:55px}
.n2 .grid h3{font-size:30px}
.imgView4 .txtArea h3,.n3 .grid h3{font-size:20px}
.n2 .grid .titDesc{font-size:20px}
.imgView4 .txtArea .titDesc,.n3 .grid .titDesc{font-size:16px}
/*e:190418 컴포넌트 개선 작업. + 190528 edit*/
}
/* mobile size */
@media screen and (min-width:0) and (max-width:740px){
img{width:100%;height:auto;}/* 220510 */
.imgAuto img{width:auto}
.onW{display:none !important}/*only Web*/
/* 20180412 M-00117 quickCountry add */
/*text align*/
.tacl{text-align:left !important}
/*gnb*/
.topBanner .gnbWrapFull{position:relative}
.gnbWrapFull{position:fixed;top:0;left:0;z-index:999;width:100%}
.gnbWrapFull.ab{position:absolute}
.gnbWrapFull a:focus{text-decoration:none}
.gnbWrap .topBar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 19px 0 14px;background:#f6f3f2}
/* GNB영역 흰색배경 */
.gnbWrap .topBar .logo .topLogo{overflow:hidden;display:block}
.gnbWrap .topBar .logo .topLogo img{overflow:hidden;display:block;width:155px}
.gnbWrap .topBar.back .logo{display:none}
.gnbWrap .topBar.back .btnBack{display:block}
.gnbWrap .topBar .pageTitle{position:absolute;right:0;left:0;width:100%;padding:0 80px;text-align:center}
.gnbWrap .topBar .pageTitle .tit{overflow:hidden;display:block;width:100%;font-size:16px;line-height:55px;text-overflow:ellipsis;white-space:nowrap;font-family:HyundaiSansHeadMedium;text-align:center}
.gnbWrap .topBar .pageTitle .tit.arr{padding-right:10px}
.gnbWrap .topBar .pageTitle .tit.arr:after{display:block;position:absolute;top:50%;right:0;width:0;height:0;margin-top:-2px;content:'';border-style:solid;border-width:5px 3.5px 0 3.5px;border-color:#000 transparent transparent transparent}
.gnbWrap .topBar .pageTitle .tit.arr.on:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #000 transparent}
.gnbWrap .topBar .pageTitle .subMenu{overflow-y:auto;display:none;position:absolute;top:55px;left:0;width:100%;border-top:1px solid #e8e8e8;box-shadow:0 1px 3px rgba(216,209,200,.7)}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a{display:block;position:relative;height:60px;padding:0 20px;border-bottom:1px solid #e8e8e8;background:#fff;font-size:16px;line-height:60px;text-align:left}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr:after{display:block;position:absolute;top:50%;right:20px;width:23px;height:23px;margin-top:-11px;background:url(../images/common/gnb_menu_mo.png) no-repeat;-webkit-background-size:23px auto;background-size:23px auto;content:''}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.on{color:#00aad2}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after{background-position:0 -23px}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after{background-position:0 -23px}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a{display:block;position:relative;height:60px;padding:0 16px;border-bottom:1px solid #e8e8e8;background:#f5f5f5;font-size:16px;line-height:60px}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.on{color:#00aad2}
.gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.arr:after{display:none}
/* s:180821 */
/* s:210708 */
.gnbWrap .topBar .rightArea{display:flex}
.gnbWrap .topBar .rightArea .gnbSearchMobile{margin-left:20px}
.gnbWrap .rightArea .btnGnbLanguage{vertical-align:middle;width:17px;height:17px;background:url(../images/common/btn_topmenu_language.png) no-repeat;background-size:cover}
.gnbWrap .rightArea .btnGnbChannelH{margin-left:20px}/* 200907 add */
.gnbWrap .rightArea .btnGnbChannelH a{display:inline-block;width:20px;height:17px;background:url(../images/common/btn_topmenu_Channelh.png) no-repeat;background-size:cover}/* 200907 add */ /* 200908 modify */
.gnbWrap .topBar .rightArea .btnGnbSearch{overflow:hidden;display:block;width:17px;height:17px;background:url(../images/common/btn_topmenu_search.png) no-repeat;background-size:cover;text-indent:-9999px}
/* e:210708 */
/* s:210611 modify */
.gnbSearchArea {display:none;position:absolute;top:55px;left:0;width:100%;height:100vh;text-align:center;background-color:#f2f2f2;}
.gnbSearchArea .gnbSearch {position:relative;width:100%;margin:0 auto}
.gnbSearchArea .gnbSearch .searchInput {position:relative;padding:36px 15px 40px;background:#00aad2;font-weight:400;}/* 210728 modify */
.gnbSearchArea .gnbSearch .searchInput .searchTitle {display:block;width:100%;line-height:1.5;text-align:left;font-size:28px;color:#fff;font-family:'HyundaiSansHeadMedium';box-sizing:border-box;}
.gnbSearchArea .gnbSearch .searchInput .inputText {width:100%;height:45px;padding-right:55px;border:0;background:#00aad2;font-size:16px;line-height:normal;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #fff;}
.gnbSearchArea .gnbSearch .searchInput input.inputText::-webkit-input-placeholder {color:#a1ddee}
.gnbSearchArea .gnbSearch .searchInput input.inputText::-moz-placeholder {color:#a1ddee}
.gnbSearchArea .gnbSearch .searchInput input.inputText:-ms-input-placeholder {color:#a1ddee}
.gnbSearchArea .gnbSearch .searchInput input.inputText:-moz-placeholder {color:#a1ddee}
.gnbSearchArea .gnbSearch .searchInput input {-webkit-appearance: none;-webkit-border-radius: 0;border-radius:0;appearance:none;-webkit-appearance:none}
.gnbSearchArea .gnbSearch .btnSearch {overflow:hidden;display:block;position:absolute;top:70px;right:10px;width:45px;height:60px;background:url(../images/common/btn_search_mo.png) no-repeat center center;-webkit-background-size:15px auto;background-size:15px auto;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset {overflow:hidden;display:none !important;position:absolute;top:0;right:55px;width:18px;height:50px;background:url(../images/common/btn_reset.png) no-repeat center center;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent:-99999px}
.gnbSearchArea .gnbSearch .btnReset.on {display:block}
.gnbSearchArea .gnbSearch .gnbautoSearchList {display:none;position:absolute;top:158px;left:0;width:100%;background:#fff;z-index:1;}/* 210708 */
.gnbSearchArea .gnbSearch .autoSearch {padding:0 15px;background:#fff;text-align:left}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list {border-top:1px solid #f1f1f1}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link {display:block;font-size:14px;line-height:50px;text-decoration:none}
.gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword {background:0 0;color:#00a1c7;font-family:HyundaiSansHeadMedium}
.gnbSearchArea .btnGnbClose {height:18px;width:18px;display:block;position:absolute;top:20px;right:15px;}
.gnbSearchArea [class*="icon_close_"][class*="bl"]:before, [class*="icon_close_"][class*="bl"]:after {background-color:#fff;}
.gnbSearchArea .btnGnbClose img { display:none;}
/* //e:210611 modify */

/* Mobile Menu Button */
.gnbWrap .topBar .rightArea .btnMobileMenu{overflow:hidden;display:block;position:relative;width:17px;height:17px;margin-left:22px;text-indent:-9999px}/*scale(0.5) is for 1.5px line*/
.gnbWrap .topBar .rightArea .btnMobileMenu:before,
.gnbWrap .topBar .rightArea .btnMobileMenu:after{display:block;position:absolute;width:200%;content:'';transform:translate(-25%, -25%) scale(0.5);transition:transform 0.3s ease}
.gnbWrap .topBar .rightArea .btnMobileMenu:before{top:0;height:200%;box-sizing:border-box;border-top:3px solid #666;border-bottom:3px solid #666}
.gnbWrap .topBar .rightArea .btnMobileMenu:after{top:49%;height:3px;background-color:#666}
.gnbWrap .topBar .rightArea .btnMobileMenu:active{outline:none}
.gnbWrap .topBar .rightArea .btnMobileMenu.on{z-index:999;width:15px;height:15px;margin-top:0;border:none}
.gnbWrap .topBar .rightArea .btnMobileMenu.on:before,
.gnbWrap .topBar .rightArea .btnMobileMenu.on:after{top:7px;left:-3px;width:263%;background-color:#666}
.gnbWrap .topBar .rightArea .btnMobileMenu.on:before{height:3px;border:none;transform:translate(-23%, -50%) rotate(45deg) scale(0.5)}
.gnbWrap .topBar .rightArea .btnMobileMenu.on:after{height:3px;transform:translate(-23%, -50%) rotate(-45deg) scale(0.5)}
.gnbWrap .scrollBox{display:none;position:fixed;top:0;right:-100%;z-index:222;;width:calc(100% - 58px);height:100%;background-color:#f6f3f2;transition:right .3s}/*191015 overflow delete*/
.gnbWrap .gnbDim{position:fixed;top:0;left:0; width:100%;height:100%;background:rgba(0,0,0,.7)}
/* s:180921_modify2 */
.gnbWrap .gnbArea .carListWrap{padding-bottom:119px}
.gnbWrap .gnbArea .tab.on .tabBtn{color:#00aad2}
.gnbWrap .gnbArea .tab .tabBtn{display:block;position:relative;width:100%;height:51px;padding:0 16px;border-bottom:1px solid #fff;font-size:16px;line-height:51px;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}
.gnbWrap .gnbArea .tab .tabBtn:active,.gnbWrap .gnbArea .tab .tabBtn:focus,.gnbWrap .gnbArea .tab .tabBtn:hover{text-decoration:none}
/* e:180921_modify2 */
.gnbWrap .gnbArea .tab .tabBtn.on{color:#00aad2}
/* 180921_modify*/
.gnbWrap .gnbArea .tab .tabBtn.on:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #000 transparent}
.gnbWrap .gnbArea .tab .tabBtn.newWin:after{overflow:hidden;display:block;position:absolute;top:26px;right:20px;width:10px;height:10px;border:0 !important;background:url(../images/common/ico_gnb_newwin2_mo.png) no-repeat top left;background-size:10px 10px;content:"";font-size:0;line-height:0}
.gnbWrap .gnbArea .tab.all .tabBtn:after{display:none}
.gnbWrap .gnbArea .tab .carList{overflow:hidden;display:none;padding:20px 0 0 0;border-bottom:1px solid #fff}
.gnbWrap .gnbArea .tab.on .carList{display:block}
.gnbWrap .gnbArea .tab .carList .item{display:inline-block;vertical-align:top;width:49%;margin-bottom:30px;padding:0 15px}
.gnbWrap .gnbArea .tab .carList .item .carTit{display:block;margin-top:15px;font-size:12px;text-align:center;font-family:HyundaiSansHeadMedium}

.gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{display:block;position:relative;height:60px;padding:0 16px;font-size:16px;line-height:60px;color:#666;text-decoration:none;font-family:HyundaiSansHeadMedium}
.gnbWrap .gnbArea .depSubWrap{display:none}
.gnbWrap .gnbArea .depSub .depSub_a{display:block;padding:18px 0 17px 22px;font-family:HyundaiSansHeadMedium;font-size:16px;color:#666;text-decoration:none}
.gnbWrap .gnbArea dt.depSub{margin-bottom:8px;border-bottom:1px solid #e4dcd3}
.gnbWrap .gnbArea dt.depSub .btnBack{ padding-left:47px;color:#002c5f;text-align:left}
.gnbWrap .gnbArea dt.depSub .btnBack:after{left:18px}
.gnbWrap .gnbArea .dep3Wrap{padding:0 0;border-bottom:1px solid #f2eee9;background-color:#e5e5e5}
.gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a{display:block;position:relative;height:auto;padding:15px 16px;border-bottom:1px solid #f2eee9;font-size:14px;line-height:1.5;color:#666}
.gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.on{color:#00aad2}
.gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a:after{display:none}
.gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.newWin:after{overflow:hidden;display:block;position:absolute;top:15px;right:20px;width:10px;height:10px;background:url(../images/common/ico_gnb_newwin_mo.png) no-repeat top left;background-size:10px 10px;content:"";font-size:0;line-height:0}
.gnbWrap .gnbArea .dep4Wrap .depSub .depSub_a{display:block;position:relative;height:auto;padding:0 16px;font-size:14px;line-height:1.5}
.gnbWrap .gnbArea .btnGnbClose{display:none}
.gnbWrap .gnbArea{position:relative;height:100%;padding-top:58px;background-color:#f6f3f2}
.gnbWrap .gnbArea .dep1Wrap{border-top:1px solid #e8e8e8}
.gnbWrap .gnbArea .dep1Wrap .dep1{width:100%;border-bottom:1px solid #e8e8e8}
.gnbWrap .gnbArea .depSub>.depSub_a.arr:after{display:block;position:absolute;top:50%;right:12px;width:23px;height:23px;margin-top:-11px;background:url(../images/common/gnb_menu_mo.png) no-repeat;-webkit-background-size:23px auto;background-size:23px auto;content:''}
.gnbWrap .gnbArea .depSub>.depSub_a.arr.on:after{display:block;content:'';background-position:0 -23px}
.gnbSubArea{overflow-y:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-sizing:border-box;background-color:#f6f3f2;transform:translate(100%, 0);transition:0.4s ease}
.gnbWrap .dep1Wrap .on+.gnbSubArea{transform:none}
/* 181001_modify */
.gnbWrap .gnbArea .depSub .dep3_a.arr:after{display:block;position:absolute;top:50%;right:20px;width:0;height:0;margin-top:-2px;content:'';border-style:solid;border-width:5px 3.5px 0 3.5px;border-color:#727272 transparent transparent transparent}
.gnbWrap .gnbArea .depSub .dep3_a.arr.on:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #727272 transparent}
.gnbWrap .gnbArea .depSub .dep2_a.on .dep3_a.arr:after{border-width:0 3.5px 5px 3.5px;border-color:transparent transparent #727272 transparent}
.dep2_a.on .depSubWrap .depSub .depSubWrap{display:block}
.gnbWrap .gnbArea .dep2_a.on .depSubWrap{display:block}
/* s:180921_modify */
.gnbWrap .gnbArea .dep2Wrap{overflow-y:scroll;height:100%}
.gnbArea .dep1Wrap .dep1:nth-child(4) .dep2Wrap li:nth-child(4)>.depSubWrap li:nth-child(2)>.dep4Wrap a{padding:10px 16px;line-height:18px}
/* e:180921_modify */
.gnbWrap .gnbArea .dep3Wrap .depSub .dep4Wrap{padding:0 0 10px 0;border-bottom:1px solid #f7f7f7}
/* 180917_modify */
.gnbWrap .gnbArea .dep3Wrap .depSub .dep4Wrap li>a{padding-left:30px}
.gnbWrap .gnbArea .dep3Wrap .depSub .dep4Wrap .depSub_a{padding:12px 0 10px 30px;border-bottom:0;line-height:1.3}
/* 190603 edit */
/* s :200923 add : gnbLanguageBtn */
/* s :200907 delete :gnbLanguageBtn */
/* s :200722 */
.gnbWrap .gnbArea .gnbLanguageBtn{display:inline-block;position:absolute;top:0;width:100%;padding:19px 15px 15px;vertical-align:middle}
.gnbWrap .gnbArea .gnbLanguageBtn .btnLanguage{display:block;position:relative;padding:0 20px 0 0;font-size:17px;font-family:"HyundaiKRMedium";text-align:left;text-decoration:none;color:#666;z-index:1}
.gnbWrap .gnbArea .gnbLanguageBtn .btnLanguage:before,
.gnbWrap .gnbArea .gnbLanguageBtn .btnLanguage:after{display:block;position:absolute;top:50%;content:''}
.gnbWrap .gnbArea .gnbLanguageBtn .btnLanguage:after{top:9px;right:2px;width:12px;height:12px;border-width:2px;border-top:3px solid #666;border-right:3px solid #666;transition:0.3s ease;transform:translate(0, -50%) rotate(135deg) scale(0.5)}
.gnbWrap .gnbArea .gnbLanguageBtn .languageLayer{display:none;position:absolute;top:58px;left:0;width:100%;padding:8px 15px 8px;background-color:#fff;transition:transform 0.3s, opacity 1s;opacity:0;z-index:100}
.gnbWrap .gnbArea .gnbLanguageBtn .languageLayer li:first-child{margin-top:0}
.gnbWrap .gnbArea .gnbLanguageBtn .languageLayer li{margin-top:11px;font-size:14px;line-height:18px;font-family:"HyundaiKRRegular";text-align:left}
.gnbWrap .gnbArea .gnbLanguageBtn .languageLayer li a{display:block;padding:5px 0;color:#666;text-decoration:none}
.gnbWrap .gnbArea .gnbLanguageBtn .languageLayer li.on a{font-family:"HyundaiKRMedium";color:#000}
.gnbWrap .gnbArea .gnbLanguageBtn.on .btnLanguage{color:#002c5f}
.gnbWrap .gnbArea .gnbLanguageBtn.on .btnLanguage:after{border-color:#002c5f;transform:translate(0, -30%) rotate(-45deg) scale(0.5)}
.gnbWrap .gnbArea .gnbLanguageBtn.on .languageLayer{display:block;transform:translate(0);transition:transform 0.5s;opacity:1}
/* e :200722 */
/* e :200907 delete :gnbLanguageBtn */
/* e :200923 add : gnbLanguageBtn */

/* s :210310 add :gnbContactUs */
.gnbWrap .gnbArea .dep2Wrap .depSub:last-child {display:none}
.gnbWrap .gnbArea .dep2Wrap.menu_4 .depSub:last-child {display:block;}/* 220210 add */
.gnbContactUs {margin-top:30px;text-align:center;}
.gnbContactUs a {display:inline-block;position:relative;min-width:165px;padding:13px 28px 12px 54px;background:#666;font-size:16px;color:#fff;box-sizing:border-box;}
.gnbContactUs a i {display:block;position:absolute;top:15px;left:25px;overflow: hidden;transform: scale(var(--ggs,1)); width:20px; height:15px; border:2px solid; content:''; box-sizing:border-box;}
.gnbContactUs a i:before, .gnbContactUs a i:after {position:absolute; top:-5px; width:2px; height:17px; background:#fff; content:'';}
.gnbContactUs a i:before  {left:0; transform: rotate(-55deg);}
.gnbContactUs a i:after {right:0; transform: rotate(55deg);}
/* //e :210310 add :gnbContactUs */

/* s:181002_country.kr_gnb_modify */
.mobile{overflow:hidden;height:100%}
.yourLocationGnb{position:relative;height:100%}
.yourLocationGnb .gnbWrap .scrollBox{height:100%}
.yourLocationGnb .gnbWrap .scrollBox:after{display:inline-block;width:1px;height:100%;margin-left:49.8%;border-left:1px solid #e8e8e8;content:''}
.yourLocationGnb .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a{width:50%}
/* e:181002_country.kr_gnb_modify */
.visitCountry_area{display:none;position:fixed;bottom:0;left:0;z-index:130;width:100%;padding-bottom:15px;border-top:1px solid #ccc;background:url(../images/common/bg_m_visit_country.jpg) no-repeat;background-size:100% auto;text-align:center;transition:bottom .5s}
.vc_cont_box{padding:25px 0 0 0}
.vc_cont>strong{font-size:19px}
.position{margin:15px 0 17px 0}
.position>a{display:inline-block;vertical-align:middle;position:relative}
.position>a.btn_mcnt{color:#666}
/* 180913_modify */
.position .pst_icon{display:inline-block;vertical-align:middle;width:15px;height:19px;background:url(../../etcn/images/common/mo_ico_position.png) 0 0 no-repeat;background-size:100%;font-size:0;line-height:0}
/* 181001_modify */
.position .pst_txt{display:inline-block;vertical-align:middle;margin-left:8px;font-size:14px;line-height:1;color:#000}
.btn_position_area{width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_local:after{display:inline-block;vertical-align:middle;width:5px;height:8px;margin-left:11px;background:url(../images/common/gnb_visi_arr.png) no-repeat;background-size:cover;content:''}
.btn_mcnt{margin-left:20px}
.btn_mcnt:after{display:inline-block;vertical-align:middle;width:5px;height:8px;margin-left:11px;background:url(../images/common/gnb_visi_arr2.png) no-repeat;background-size:cover;content:''}
/* e:180821 */
.gnbWrap .gnbRight{display:none}
.gnbWrapFull .temp{width:100%;background:#fff;text-align:center}
/*추후삭제*/
.gnbWrapFull .temp img{width:auto;height:55px}
/*추후삭제*/
/*footer*/
.footerArea{position:relative;padding:45px 15px 35px;background:#000;color:#cfc8c2;transition:0.3s ease}
.quickArea-on .footerArea{padding-bottom:158px}
.footerArea .logo{position:absolute;bottom:66px;left:0;width:100%;text-align:center}
.quickArea-on .footerArea .logo{bottom:194px}
.footerArea .logo img{width:59px}
.footerArea .footerMenu{overflow:hidden;padding-bottom:120px}
.footerArea .footerMenu a,
.footerArea .footerMenu button{font-size:14px;color:#cfc8c2}
.footerArea .footerMenu .dep1Wrap > li + li{margin-top:36px}
/* 201021 modify */
.footerArea .footerMenu .dep1Wrap > li > div{display:flex;position:relative;justify-content:space-between;align-items:center;font-size:16px;color:#fff;line-height:1;font-family:HyundaiSansHeadMedium}
.footerArea .footerMenu .dep1Wrap > li > div + .boxToggleShow{display:none}
.footerArea .footerMenu .dep1Wrap > li > div .btnNextShow[class*=icon_arr_bottom]{display:block;position:absolute;top:0;left:0; width:100%;height:15px;padding:10px 0;margin:-10px -10px -6px -6px;box-sizing:content-box;outline:none}
.footerArea .footerMenu .dep1Wrap > li > div .btnNextShow[class*=icon_arr_bottom]:after{width:28px;height:28px;transform:translate(30%, -68%) rotate(135deg) scale(0.5) skew(2deg, 2deg);transition:0.3s}
.footerArea .footerMenu .dep1Wrap > li > div.on .btnNextShow[class*=icon_arr_bottom]:after{width:28px;height:28px;transform:translate(30%, -32%) rotate(-45deg) scale(0.5) skew(2deg, 2deg);transition:0.3s}
/* //201021 modify */
.footerArea .footerMenu .dep2Wrap > *{flex:1;margin-top:34px;letter-spacing:0.04em}
.footerArea .footerMenu .dep2Wrap > * a{display:block}
.footerArea .footerMenu .dep2Wrap > * .dep2_a[target="_blank"]:after {content:"";display:inline-block;width:10px;height:10px;margin:-1px 0 0 8px;background-image:url(../images/common/ico_link.png);vertical-align:middle;} /* 210906 add */
.footerArea .footerMenu .dep2_a{outline:none;text-decoration:none}
.footerArea .footerMenu .dep2_a[class*="icon_arr_bottom"]:after{display:none}
.footerArea .footerMenu .dep3Wrap > *{padding-left:25px;margin-top:34px}
/* s:footer social - 191213 modify */
.footerArea .footerMenu .dep2Wrap .row{display:flex;margin-top:50px}
.footerWrap .social .dep2Wrap .row .col:first-child:nth-last-of-type(2){width:50%}
.footerWrap .social .dep2Wrap .row .col:first-child:nth-last-of-type(2) ~ .col{width:50%}
.footerArea .footerMenu .titLink{font-size:14px;margin-bottom:15px}
.footerArea .footerMenu .boxLink{display:flex;padding-bottom:10px}
.footerArea .footerMenu .boxLink dd + dd{margin-left:35px}
.footerArea .footerMenu .boxLink a{line-height:1;opacity:0.7}
.footerArea .footerMenu .boxLink a:hover{text-decoration:none;opacity:1}
.footerArea .footerMenu .boxLink a img{width:40px}
/* s:200714 */
.footerArea .footerMenu .boxLink a{display:inline-block;width:40px;height:40px;background-size:40px 40px}
/* e:200714 */
.footerArea .copyright{font-size:14px;text-align:center;letter-spacing:0.04em}
.footerArea .goto{position:absolute;top:35px;left:20px;font-size:14px;line-height:18px;color:#999}
.footerArea .goto a{padding-left:5px;font-size:14px;color:#999;text-decoration:underline}
.footerArea .goto img.flag{vertical-align:top;width:auto;margin-right:15px;box-shadow:none !important}
.footerDimBg{display:none;position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:#000;opacity:.8}
.quickArea{bottom:-193px;padding:20px 14px}
.quickArea .txtGuide{padding-right:55px}
.quickArea .boxFlex{display:block;margin-top:20px}
.quickArea [class*="btn_"][class*="_small"]{display:inline-block}
[class*="btn_"][class*="_small"]:nth-child(n + 2){margin-left:0;margin-top:10px}
.quickArea button[class*="icon_close_01"]{position:absolute;top:22px;right:11px;width:16px;height:16px}
.footerWrap .temp img{width:100%}
/* s:footer social - 191213 modify */
/*추후삭제*/
/*sub layout*/
.contentWrap{width:100%;padding-top:55px;min-width:320px}
.contentWrap .contTop{display:table;width:100%;padding-top:30px;background-color:#e4dcd3;background-size:100% 100%;min-width:320px;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contTop.topVisNone{padding-top:0}
/* M-00104 NBrand Type Add*/
.contentWrap .contTopN{display:table;width:100%;padding-top:30px;background-color:#aacae6;background-size:100% 100%;min-width:320px;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contTopN.topVisNone{padding-top:0}
.contentWrap .contWrap{width:100%;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contWrap .contBox{position:relative;padding:65px 15px 0 15px}
/* 180828 */
.contentWrap .contWrap .contBox.full{padding:70px 0 0}
.contentWrap .contWrap .contBox.full .titArea{padding-right:15px;padding-left:15px}
.contentWrap .contWrap .contBox.evtBox{padding-bottom:70px !important}
.contentWrap .contWrap .contBox.brdView{padding-top:40px}
.contentWrap .contWrap .contBox.phz{padding-top:0}
.contentWrap .contWrap .contBox.banner{padding:40px 15px 3px}
.contentWrap .contWrap.mobileFull .contBox{position:relative;padding-top:0 !important}
/* M-00104 NBrand Type Add*/
.contentWrap .contWrapN{width:100%;background-color:#dceaf5;background-repeat:no-repeat;background-position:center bottom}
.contentWrap .contWrapN .contBox{position:relative;padding:60px 15px 0 15px}
.contentWrap .contWrapN .contBox.full{padding:70px 0 0}
.contentWrap .contWrapN .contBox.full .titArea{padding-right:15px;padding-left:15px}
.contentWrap .contWrapN .contBox.evtBox{padding-bottom:70px !important}
.contentWrap .contWrapN .contBox.brdView{padding-top:40px}
.contentWrap .contWrapN .contBox.phz{padding-top:0}
.contentWrap .contWrapN .contBox.banner{padding:40px 15px 3px}
.contentWrap .contWrapN.mobileFull .contBox{position:relative;padding-top:0 !important}
.contentWrap.contBg{background-color:#e4dcd3 !important;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center bottom}
.contentWrap.contBg .contTop{background:0 0}
.contentWrap.contBg .topBgTxtArea{background:0 0}
.topArea .breadCrumb,.topArea .sharing{display:none}
.topVisualArea{position:relative}
.topVisual{position:relative;padding:0 15px}
.topVisual img{width:100%}
.topVisual .titWrap{position:absolute;top:0;right:0;left:0;width:100%;padding:50px 15px 0}
/* 181022_modify [M-00135] */
.topVisual .titWrap .ico{height:30px;margin-bottom:5px}
.topVisual .titWrap .ico img{width:auto;height:auto}
.topVisual .titWrap .ftit{padding-left:15px;font-size:30px;line-height:35px}
/* 181101_modify */
.topVisual .titWrap .stit{margin-top:7px;padding-right:10%;padding-left:15px;font-size:14px;line-height:19px}
/* 181101_modify */
.topVisual .titWrap .btn{margin-top:40px}
.topVisualArea.vMiddle .middle{display:table;position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.topVisualArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle;position:relative;top:auto;right:auto;left:auto;padding-top:0;text-align:center}
.topVisualArea.vMiddle .middle .stit{padding-right:0}
.topTab{padding:15px 0 15px 15px;background-color:#fff}
.topBgTxtArea{position:relative;margin:0 15px;background:rgba(246,243,242,.7)}
.topBgTxtArea .middle{min-height:190px}
.topBgTxtArea .titWrap{position:relative;padding:30px 35px;text-align:center}
.topBgTxtArea .titWrap .ftit{font-size:30px;line-height:35px}
.topBgTxtArea .titWrap .stit{margin-top:20px;font-size:14px;line-height:19px}
.topBgTxtArea.vMiddle .middle{display:table;width:100%;height:100%}
.topBgTxtArea.vMiddle .middle .titWrap{display:table-cell;vertical-align:middle}
.topBgTxtArea .date{display:inline-block;margin-left:2px;font-size:12px}
.topBgTxtArea .date:before{display:inline-block;vertical-align:-1px;width:1px;height:9px;margin-right:5px;background:#cecece;content:''}
.topBgTxt{display:table-cell;vertical-align:middle;position:relative;margin:0 auto;padding:0 15px;text-align:center}
.topBgTxt .ftit{font-size:30px;line-height:35px}
.topBgTxt .stit{margin-top:8px;font-size:14px;line-height:19px}
/*keyvisual search Type*/
.contTop.searchType{position:relative;z-index:50}
.contTop.searchType .topBgTxtArea .titWrap{padding:34px 20px 20px 20px}/* 210728 modify */
.contTop.searchType .searchWrap{position:relative;top:auto;left:auto;margin:15px 0 20px 0}
.contTop.searchType .searchWord{overflow:hidden;font-size:14px;color:#666;text-align:left}
.contTop.searchType .searchWord .tit {margin-right:20px;margin-bottom:0;font-size:14px;line-height:1;color:#000;font-family:HyundaiSansHeadMedium}/* 210611 modify */
.contTop.searchType .searchWordlist {display:table;float:left;margin-top:0;font-size:0;line-height:1}/* 210611 modify */
.contTop.searchType .searchWordlist .link {display:inline-block;margin-top:12px;margin-right:15px;font-size:12px;line-height:1;color:#666;} /* 210611 modify *//* 210728 modify */
.contTop.searchType .btnRightWrap{margin-top:20px;text-align:left}
.contTop.searchType .btnLeftWrap{position:absolute;right:20px;bottom:12px}/* 201005 add */
.contTop.searchType .btnLeftWrap .btn{padding:0 24px;font-size:15px}/* 201005 add */
.mainTopVisualArea{overflow:hidden}
.mainTopVisualArea .topVisual .titWrap{height:100%;padding-top:40px;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mainTopVisualArea .topVisual .titWrap .ftit{margin:33px 0 0 4px;font-size:50px}
.mainTopVisualArea .topVisual .titWrap .stit{margin:20px 0 0 7px;font-size:21px;line-height:28px}
.mainTopVisualArea .topVisual .titWrap .btn{position:absolute;bottom:30px;left:35px}
.mainTopVisualArea .btn.big{width:120px;font-size:16px;font-size:16px}
/* 180828 */

/**M-00039 **/
.mainTopVisualArea.mainSlide .btn.big{width:auto;padding:0 5.5vw}
/* 181022_modify [M-00135]*/
.mainTopVisualArea.mainSlide .topVisual .titWrap{position:absolute;top:auto;bottom:30px;left:0;height:auto;padding-top:0;font-size:0}
.mainTopVisualArea.mainSlide .topVisual .titWrap .btn{position:relative;bottom:auto;left:auto;margin-top:5px;margin-left:5px}
/* 181022_modify [M-00135]*/
.mainTopVisualArea .slideWrap{padding-bottom:0}
.mainTopVisualArea .slideWrap .swiper-slide .mainTopVisualArea{padding-bottom:60px}
/* s:180918_modify */
.mainTopVisualArea .mainBtn .btn_prev{top:50%;margin-top:-12vw;margin-left:0 !important}
.mainTopVisualArea .mainBtn .btn_prev .prev{width:35px;height:35px;background:url(../images/main/btn_main_prev_m.png) no-repeat center top;background-size:100% auto}
.mainTopVisualArea .mainBtn .btn_next{top:50%;margin-top:-12vw;margin-right:0 !important}
.mainTopVisualArea .mainBtn .btn_next .next{width:35px;height:35px;background:url(../images/main/btn_main_next_m.png) no-repeat center top;background-size:100% auto}
/* e:180918_modify */
.mainTopVisualArea .mainBtn .btnPlayStop{overflow:hidden;display:inline-block;vertical-align:top;width:9px;height:9px;margin:0 5px 0 5px;background:url(../images/main/btn_play_stop.png) no-repeat;-webkit-background-size:9px auto;background-size:9px auto;text-indent:-9999px}
.mainTopVisualArea .mainBtn .btnPlayStop.play{background-position:0 -9px}
.mainTopVisualArea .slideWrap .swiper-pagination{top:auto !important;bottom:25px}
.contWrap.main .contBox{padding-top:60px !important}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap{padding:50px 30px 0 30px;padding-top:50px;text-align:center}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .ftit{font-size:27px}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .stit{padding-right:0;font-size:14px;line-height:18px}
.mainTopVisualArea .mainCenterSlide .topVisual .titWrap .btn{position:absolute;right:0;bottom:50px;left:0;width:155px;margin:0 auto}
.mainTopVisualArea .mainCenterSlide .btn_prev{display:none}
.mainTopVisualArea .mainCenterSlide .btn_next{display:none}
.mainWbox{margin:0 15px 60px 15px;background:#f6f3f2}
.mainWbox .mainConBox{padding-top:65px}
.mainWbox .mainConBox .btnCenter{padding-bottom:60px;text-align:center}
.mainCenterBox{overflow:hidden;position:relative;margin:0 15px;padding-bottom:30px;background:#fff}
.mainCenterBox .slideWrap{height:180px}
.mainCenterBox .slideWrap .middle .inner{height:110px;padding:0 30px}
.mainCenterBox .slideWrap .middle .inner .info{display:table;width:100%;padding-top:35px;font-size:0;line-height:1 !important;color:#666;text-align:center}
.mainCenterBox .slideWrap .middle .inner .info .ctg{display:inline-block;vertical-align:top;position:relative;margin-right:10px;padding-right:11px;font-size:14px}
.mainCenterBox .slideWrap .middle .inner .info .ctg:after{display:block;position:absolute;top:2px;right:0;width:1px;height:12px;background:#d9d9d9;content:''}
.mainCenterBox .slideWrap .middle .inner .info .date{display:inline-block;vertical-align:top;font-size:14px}
.mainCenterBox .slideWrap .middle .inner .tit{overflow:hidden;display:-webkit-box !important;margin-top:18px;font-size:19px;line-height:26px;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.mainCenterBox .slideWrap .swiper-pagination{top:auto !important;bottom:0}
.mainCenterBox .slideWrap .btn_prev{top:195px;left:0;margin:0 !important}
.mainCenterBox .slideWrap .btn_prev .prev{width:42px;height:42px;background:url(../images/main/btn_main_prev_w.png) no-repeat}
.mainCenterBox .slideWrap .btn_next{top:195px;right:0;margin:0 !important}
.mainCenterBox .slideWrap .btn_next .next{width:42px;height:42px;background:url(../images/main/btn_main_next_w.png) no-repeat}
.mainFullImgCon .item{overflow:hidden;position:relative}
.mainFullImgCon .item .bgCenter{width:100%}
.mainFullImgCon .item .titArea{position:absolute;top:60px;left:0;width:100%;padding:0 40px !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mainFullImgCon .item .info{position:absolute;bottom:0;left:0;width:100%;height:120px}
.mainFullImgCon .item .info .inner{height:100%;margin:0 15px;background:#002c5e;text-align:center}
.mainFullImgCon .item .info .inner .location{display:inline-block;margin:38px 0 5px 0;padding:0 25px;background:url(../images/main/location_icon.png) no-repeat 0 1px;-webkit-background-size:12px auto;background-size:12px auto;font-size:19px;line-height:19px;color:#fff;font-family:HyundaiSansHeadMedium}
.mainFullImgCon .item .info .inner .link{display:inline-block;padding:0 25px 0 35px;color:#fff}
/* models */
.findacarMainList{margin-top:-27px;padding-bottom:65px}
.findacarMainList .lineArea{height:auto !important}
.findacarMainList .item{position:relative !important;top:auto !important;left:auto !important;padding:57px 25px 0 25px}
.findacarMainList .item.nomargin{margin-right:0}
.findacarMainList .item .thumbnail{margin-bottom:16px}
.findacarMainList .item .btnCarMore{width:100%}
.findacarMainList .item .thumbnail img{width:100%}
.findacarMainList .item .subTit4{margin-bottom:4px;font-size:16px}
.findacarMainList .item .conAreas{margin-bottom:14px;line-height:19px;color:#767676}
.findacarMainList .item .btn{width:100%;font-size:14px;line-height:35px}
.mainTopBanner{position:relative;background:url(../images/main/maintopbanner_bg.jpg) no-repeat center top;-webkit-background-size:auto 100%;background-size:auto 100%;min-height:40px}
.mainTopBanner .bannerArea{padding:0 15px}
.mainTopBanner .bannerArea .title{padding-top:40px;font-size:19px;line-height:24px;font-family:HyundaiSansHeadMedium}
.mainTopBanner .bannerArea .txt{padding-top:8px;font-size:14px;line-height:21px}
.mainTopBanner .bannerArea .country{padding-top:30px;font-size:12px;line-height:18px}
.mainTopBanner .bannerArea .country img{vertical-align:top;margin-right:10px}
.mainTopBanner .bannerArea .btnArea{width:100%;margin-top:10px;padding-bottom:40px}
/* 20180530 */
.mainTopBanner .bannerArea .btnArea a{width:152px;height:35px;margin-top:10px;margin-left:20px;font-size:14px;line-height:35px}
/* 20180530 */
.mainTopBanner .bannerArea .btnArea a:first-child{margin-left:0}
/* 20180530 */
.mainTopBanner .bannerArea .btnBannerClose{position:absolute;top:15px;right:15px}
.mainTopBanner .bannerArea .btnBannerClose img{width:11px;height:11px}
.mainTopBanner .visitcountry{display:none;position:relative;position:absolute;top:0;left:0;width:100%;padding:0 15px;background:#002c5f;line-height:40px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;text-decoration:none}
.mainTopBanner .visitcountry:after{display:block;position:absolute;top:14px;right:15px;width:11px;height:13px;background:url(../images/main/topbannerPin.jpg) no-repeat;-webkit-background-size:11px auto;background-size:11px auto;content:''}
.btnContentTop{display:none !important}
/* s:190418 컴포넌트 개선 작업. + 190513 edit*/
/* grid */
.n2 .grid h3{font-size:19px}
.imgView4 .txtArea h3,.n3 .grid h3{font-size:16px}
.n2 .grid2+.grid2{margin-top:15px}
.n2 .grid .titDesc{font-size:16px}
.imgView4 .txtArea .titDesc,.n3 .grid .titDesc{font-size:14px}
/*e:190418 컴포넌트 개선 작업. + 190513 edit*/
 }
@media screen and (min-width:768px) and (max-width:1024px){
.contentWrap .contWrap{background-size:cover}
 }
/* 20180427 add layerpopup Vedio */
.navigationTab .tabListArea{position:relative}
/* s:20180503 */
.tabListArea .tab>a>img.btn-w{vertical-align:middle;width:30px !important;padding-bottom:3px}
/* e:20180503 */
/*.navigationTab .tabListArea button.btn_popvod_play{position:absolutetop:16pxright:-81px}*/

/* END:layout.css */
@charset "utf-8";
/* edit : 221117 */
/* GUIDE.CSS start*/
@media print,screen and (min-width:741px) and (max-width:20000px){
    /* common */
    .btnWrap{margin-top:-20px;padding-bottom:100px;line-height:0}
    .btnWrap.tar{padding-bottom:200px}
    .btnWrap .btn + .btn{margin-left:10px}
    img.flag{vertical-align:middle;width:26px;height:18px;box-shadow:1px 1px 3px rgba(148,148,148,0.8)}

    /* title */
    .topTit{font-size:44px;line-height:54px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:500}/* 대타이틀1 */
    .subTit{font-size:30px;line-height:40px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀1 */
    .subTit2{font-size:26px;line-height:36px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀2 */
    .subTit3{font-size:20px;line-height:30px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀3 */
    .subTit4{font-size:16px;line-height:28px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀4 */

    .titArea, .page-node-6224 .titArea{clear:both;margin:0 auto;padding:0 160px 56px 160px;width:1120px;text-align:center}
    .titArea .topTit{margin-top:-10px}
    .titArea .topTxt{margin-top:8px;margin-bottom:5px;font-size:16px;line-height:28px;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .titArea .subTit{margin:-9px 0 -27px 0}
    .titArea .topTit + .subTit{margin-top:47px}
    .titArea .subTit + .topTxt{margin-top:48px;margin-bottom:-25px}
    .titArea .img{display:block;margin:8px 0 13px 0;font-size:0;line-height:0;text-align:center}
    .titArea .topTxt{font-family:'HyundaiSansTextRegular' !important}/* 2019.01.16 Add */

    .titArea.bgBl{padding-top:51px;padding-bottom:49px}
    .titArea.bgBl .topTit{color:#fff}
    .titArea.bgBl .subTit{margin:0 !important;color:#fff}
    .titArea.bgBl .topTxt{margin-top:11px;margin-bottom:2px;color:#fff}

    .titArea.brd{padding:0 0 50px 0;text-align:left}
    .titArea.brd .subTit{margin:0 !important}

    .titArea.full{padding-left:0;padding-right:0}
    .titArea.full .topTit{display:block;max-height:10000px}

    .conArea{color:#000;font-size:16px;line-height:28px}/* text 본문1 */
    .conAreas{color:#000;font-size:14px;line-height:26px}/* text 본문2 */

    .custom_title{text-align:center;font-size:72px;line-height:72px;font-family:'HyundaiBold';color:#000}   /*PDN_title*/
    .custom_title span{color:#e63312}

    /*grid*/
    .n3 .grid{width:352px;margin-left:32px}
    .n3 .grid.grid1{margin-left:0}

    .n4 .grid{width:256px;margin-left:32px}
    .n4 .grid .imgArea img{width:256px;height:169px}
    .n4 .grid.grid1{margin-left:0}

    .grid.phz,
    .gridRow.phz,
    .imgOnly .grid,
    .imgOnly .gridRow{margin-bottom:0 !important;padding-bottom:0 !important}

    .imgView1{text-align:center}
    .imgView1 .grid{margin-bottom:100px}
    .imgView1 .txtArea{margin:0 auto;padding:51px 160px 0 160px;width:1120px}
    .imgView1 .imgArea img{width:1120px;height:600px;
    position: inherit;
    left: 0;
    top: 0;
    margin-left: 0;}
    .imgView1.imgAuto .imgArea{text-align:center}
    .imgView1.imgAuto .imgArea img{width:auto;height:auto}
    .imgView1 .subTit{margin:0 0 50px 0}
    .imgView1 .txtArea .subTit{width:800px;margin:0 0 25px 0}
    .imgView1 .txtArea .subTit3{margin:0 0 15px 0;text-align:center}
    .imgView1 .txtArea .conArea{position:relative;width:800px;text-align:left;margin-bottom:-6px}
    .imgView1 .txtArea .btnWrap{margin-top:50px;padding-bottom:0}
    .imgView1 .txtArea .conArea.clamp{overflow:hidden;height:84px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
    .imgView1 .txtArea .conArea .subCont{text-align:left}

    .imgView1.full{max-width:1600px;margin:0 auto}
    .imgView1.full .gridRow:after{display:block;clear:both;content:''}
    .imgView1.full .grid{margin-bottom:0}
    .imgView1.full .txtArea{padding-bottom:100px}
    .imgView1.full .btnWrap{margin-top:40px;padding-bottom:0}
    .imgView1.full .btn_prev{top:233px !important}
    .imgView1.full .btn_next{top:233px !important}
    .imgView1.full .slideWrap .swiper-slide .imgArea{position:relative;left:50%;margin-left:-100%;overflow:hidden;height:510px}
    .imgView1.full .slideWrap .swiper-slide-active .imgArea{z-index:10}
    .imgView1.full .slideWrap .swiper-slide .imgArea img{width:1920px}
    .imgView1.full.n2 .slideWrap .swiper-slide .imgArea img{width:800px;height:510px}
    .imgView1.full .slideWrap .swiper-pagination{top:470px !important}

    .imgView2{text-align:left}
    .imgView2 .gridRow{overflow:hidden;margin-bottom:91px}
    .imgView2 .grid1{padding-right:16px}
    .imgView2 .grid2{padding-left:16px}
    .imgView2 .imgArea img{width:544px;height:360px}
    /* s:190926 modify selector - as is .imgView2 .txtArea */
    .imgView2 .imgArea + .txtArea{padding-top:22px}
    .imgView2 .imgArea + .txtArea .subTit{margin:20px 0}
    .imgView2 .imgArea + .txtArea .subTit2{overflow:hidden;max-height:72px;margin:0 0 28px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
    /* e:190926 modify */
    .imgView2 .txtArea .btnWrap{margin:35px 0 0 0;padding-bottom:0;text-align:left}
    .imgView2 .txtArea .noticeList + .btnWrap{margin:40px 0 0 0}
    .imgView2 .noticeList{margin:19px 0 3px}

    .imgView2.gridGap{padding-bottom:40px}
    .imgView2.gridGap .gridRow{margin-bottom:51px}

    .imgViewFull{text-align:left;max-width:1600px;margin:0 auto}/* n2 */
    .imgViewFull .gridRow{overflow:hidden;padding-bottom:100px}
    .imgViewFull .grid{overflow:hidden}
    .imgViewFull .imgArea{position:relative;height:510px;overflow:hidden}
    .imgViewFull .imgArea img{position:absolute;left:50%;margin-left:-400px;width:800px;height:510px}
    .imgViewFull .txtArea{width:560px;padding-right:140px}
    .imgViewFull .grid1 .txtArea{float:right}
    .imgViewFull .grid2 .txtArea{float:left;padding-right:0;padding-left:140px}
    .imgViewFull .txtArea .subTit{margin:52px 0 21px 0}
    .imgViewFull .txtArea .subTit2{overflow:hidden;max-height:72px;margin:52px 0 28px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
    .imgViewFull .txtArea .subTit3{overflow:hidden;padding:33px 0 16px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .imgViewFull .txtArea .subTit4{padding:33px 0 16px 0}
    .imgViewFull .txtArea .conArea{margin-bottom:-6px}
    .imgViewFull .btnWrap{margin-top:41px;padding-bottom:0;text-align:left}

    .bnrFull{text-align:left;max-width:1600px;margin:0 auto}/* n2 */
    .bnrFull .gridRow{overflow:hidden}
    .bnrFull .grid{position:relative}
    .bnrFull .imgArea{position:relative;height:220px;overflow:hidden}
    .bnrFull .imgArea img{position:absolute;left:50%;margin-left:-400px;width:800px}
    .bnrFull .imgArea:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}
    .bnrFull .btnWrap{position:absolute;z-index:1;top:50%;margin:-10px 0 0 0;padding:0}
    .bnrFull .grid1 .btnWrap{right:180px}
    .bnrFull .grid2 .btnWrap{left:180px}
    .bnrFull.big .imgArea, .bnrFull.big .imgArea img{height:260px}
    .bnrFull.big .grid1 .btnWrap, .bnrFull.big .grid2 .btnWrap{left:0;right:0}
    .bnrFull.big.main a{display:block}
    .bnrFull.big.main a .middle{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
    .bnrFull.big.main a .middle .table{width:100%;height:100%;display:table}
    .bnrFull.big.main a .middle .inner{display:table-cell;height:100%;vertical-align:middle;text-align:center;color:#fff;font-size:30px;line-height:38px;font-family:"HyundaiSansHeadMedium"}
    .bnrFull.big.main .imgArea:after{display:none}

    .fullSlide{background-size:cover;background-repeat:no-repeat}
    .fullSlide .txtArea{margin-top:30px;padding:0 160px 124px 160px}
    .fullSlide .subTit{overflow:hidden;width:800px;margin:0 0 12px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}
    .fullSlide .conArea{position:relative;width:800px;margin-top:25px}
    .fullSlide .conArea .btnWrap{margin:40px 0 0 0;padding-bottom:0}
    .fullSlide .slideWrap .swiper-pagination{top:auto !important;bottom:60px}
    .fullSlide .slideWrap .btn_prev{top:50%;margin-top:-22px}
    .fullSlide .slideWrap .btn_next{top:50%;margin-top:-22px}

    .imgView3{padding-bottom:20px}
    .imgView3 .grid{min-height:362px}
    .imgView3 .grid:nth-child(3n+1){margin-left:0}
    .imgView3 .imgArea{position:relative}
    .imgView3 .imgArea img{width:352px;height:234px}
    .imgView3 .imgArea .grp{position:absolute;padding:15px 0 0 20px;width:100%;height:90px;font-size:14px;font-family:"HyundaiSansHeadMedium";color:#fff;z-index:1;background:url("../images/abouthyundai/bg_thumb_category.png") repeat-x 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .imgView3 .txtArea{padding-top:20px}
    .imgView3 .txtArea .subTit4{overflow:hidden;max-height:52px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
    .imgView3 .txtArea input[type="checkbox"]{position:absolute;left:0;top:32px}
    .imgView3 .txtArea input[type="checkbox"] + label{overflow:hidden;height:56px;padding-left:32px !important;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:16px !important;line-height:28px !important;font-family:"HyundaiSansHeadMedium"}
    .imgView3 .txtArea input[type="checkbox"] + label:before{top:4px !important}
    .imgView3 .txtArea .btnWrap{margin:28px 0 0 0;padding-bottom:0;text-align:left}

    .imgView4{position:relative;padding-bottom:70px}/* n4 */
    .imgView4 .slideArea.swiper-wrapper{display:block}
    .imgView4 .slideArea.swiper-wrapper .swiper-slide-row{overflow:hidden;min-height:320px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .imgView4 .slideArea.swiper-wrapper .swiper-slide{float:left;margin:0;width:256px;margin-right:32px}
    .imgView4 .slideArea.swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0 !important}
    .imgView4 .imgArea img{width:256px;height:170px}
    .imgView4 .txtArea{padding-top:25px}
    .imgView4 .txtArea .subTit4{overflow:hidden;line-height:26px;max-height:52px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
    .imgView4 .txtArea .info{margin-top:5px;font-size:14px;line-height:21px}
    .imgView4 .txtArea .info .date{color:#000}
    .imgView4 .txtArea .btnWrap{margin:28px 0 0 0;padding-bottom:0;text-align:left}
    .imgView4 .btn_prev,
    .imgView4 .btn_next{display:none}
    .imgView4.slideType .slideArea.swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
    .imgView4.slideType .slideArea.swiper-wrapper .swiper-slide:nth-child(4n){margin-right:32px !important}
    .imgView4.slideType .btn_prev,
    .imgView4.slideType .btn_next{display:block;top:63px !important}
    .imgView4.slideType .swiper-pagination{display:block;position:relative;top:auto !important;left:auto;right:auto;bottom:auto;margin-top:30px}
    .imgView4.heavy-slider .pageNum{display:none}/*190516 add - v2*/
    .news-view .imgView4.slideType .btn_prev, .news-view .imgView4.slideType .btn_next{display:none !important}/* 2019.01.16 M */
    .news-view .imgView4.slideType .swiper-pagination{display:none}

    .cardView1{width:1120px;padding-bottom:70px}
    .cardView1 .grid{margin-bottom:30px}
    .cardView1 .thumbnail{overflow:hidden}
    .cardView1 .txtArea{float:left;display:table;width:360px;height:360px;padding:0 40px;background:#f6f3f2}
    .cardView1 .txtArea .subTit3{padding:0 0 12px 0}
    .cardView1 .txtArea .txtMid{display:table-cell;vertical-align:middle}
    .cardView1 .imgArea{float:right;width:760px}
    .cardView1 .imgArea img{width:760px;height:360px}

    .cardView2{padding-bottom:68px}
    .cardView2 .gridRow{overflow:hidden;margin-bottom:32px}
    .cardView2 .grid{width:544px}
    .cardView2 .grid.grid1{margin-right:16px}
    .cardView2 .grid.grid2{float:right;margin-left:16px}
    .cardView2 .imgArea img{width:544px;height:360px}
    .cardView2 .txtArea{min-height:180px;padding:34px 40px 41px 40px;background:#fff}
    .cardView2 .txtArea .subTit3{overflow:hidden;padding:0 0 17px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .cardView2 .txtArea .subTit4{overflow:hidden;padding:0 0 15px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .cardView2 .txtArea .conArea{overflow:hidden;max-height:56px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}

    .cardView3{padding-bottom:68px}
    .cardView3 .grid{margin-bottom:32px}
    .cardView3 .grid:nth-child(3n+1){margin-left:0}
    .cardView3 .imgArea{font-size:0;line-height:0}
    .cardView3 .txtArea{min-height:152px;padding:0 32px 46px 32px;background:#f6f3f2}
    .cardView3 .txtArea .subTit3{overflow:hidden;padding-top:28px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:1}
    .cardView3 .txtArea .info{margin-top:15px;line-height:1}
    .cardView3 .txtArea .info span.date{color:#666 !important}
    .cardView3 .imgArea img{width:352px;height:234px}

    /* M-00058 */
    .visualTxt{position:relative;text-align:center}
    .visualTxt .grid{padding-bottom:100px;float:none;width:1120px;margin:0 auto}
    .visualTxt .txtArea{margin:0 auto;padding:51px 160px 50px 160px;width:1120px}
    .visualTxt .txtArea .subTit{width:800px;margin:0 0 25px 0}
    .visualTxt .slideWrap{overflow:visible}
    .visualTxt .slideWrap .btn_prev{top:50%;margin-top:-25px}
    .visualTxt .slideWrap .btn_next{top:50%;margin-top:-25px}
    .visualTxt .slideWrap .swiper-pagination{top:auto !important;bottom:0px}
    /* end */

    .imgList{padding-bottom:40px}
    .imgList .gridRow{position:relative;overflow:hidden;margin-bottom:60px}
    .imgList .txtArea{padding:0px 0 0 50px}/* [M-00071] 2017.07.07 - padding:22px 0 0 50px;=> padding:0px 0 0 50px;로 변경 */
    .imgList .txtArea .subTit{margin-bottom:10px}
    .imgList .imgArea{overflow:hidden}
    .imgList .imgArea img{width:560px;height:358px}
    .imgList .btnWrap{margin:0;padding:30px 0 0 0;text-align:left}
    .imgList .btnWrap a{display:block;margin-top:15px}
    .imgList.gridGap{padding-bottom:70px}
    .imgList.gridGap .gridRow{margin-bottom:30px}

    .fullImg{position:relative;overflow:hidden;height:580px}
    .fullImg .img{position:absolute;left:50%;top:0;width:1600px;margin-left:-800px}
    .fullImg .img img{width:1600px}
    .fullTxtCont{width:1120px;margin:0 auto;padding-bottom:100px}

    .halfWrap{padding:0 0 100px 0}
    .halfWrap .gridWrap{position:relative}
    .halfWrap .gridWrap .grid{float:left}
    .halfWrap .subTit{margin-bottom:20px}
    .halfWrap .subTit3{margin-bottom:15px}
    .halfWrap .txtArea{padding-bottom:20px;width:505px}
    .halfWrap .slideWrap .txtArea{padding-bottom:85px}
    .halfWrap .imgArea{position:relative;height:510px;max-width:800px;width:100%;overflow:hidden}
    .halfWrap .imgArea img{width:800px;height:510px;position:absolute;left:50%;top:0;margin-left:-400px}
    .halfWrap.rightTxt .imgArea{float:right}
    .halfWrap.leftTxt .imgArea{float:left}
    .halfWrap.leftTxt .gridWrap .grid:first-child{float:right}
    .halfWrap.leftTxt .gridWrap .grid:last-child{position:absolute;bottom:0;left:50%;margin-left:-560px}
    .halfWrap.rightTxt .gridWrap .grid:last-child{position:absolute;bottom:0;left:50%}
    .halfWrap.rightTxt .txtArea{margin-left:48px}
    .halfWrap.rightTxt .swiper-pagination{top:auto;bottom:30px;left:50%;width:auto;margin-left:48px}
    .halfWrap.leftTxt .swiper-pagination{top:auto;bottom:30px;left:50%;margin-left:-560px;width:auto}
    .halfWrap .txtArea .btnWrap{margin:38px 0 0 0;padding-bottom:0;text-align:left}

    .bgHalfWrap{padding:100px 0;background-size:cover;background-repeat:no-repeat;overflow:hidden}
    .bgHalfWrap:after{display:block;clear:both;content:''}
    .bgHalfWrap .txtArea{background:#fff;width:50%;height:490px;margin-top:0;text-align:left;padding:70px 60px 60px 60px;float:right}
    .bgHalfWrap .txtArea .subTit{margin-bottom:10px}
    .bgHalfWrap .txtArea .conArea{width:500px}
    .bgHalfWrap .txtArea .btnWrap{text-align:left;margin-top:35px;padding-bottom:60px}
    .slideWrap.right .swiper-pagination{top:auto !important;bottom:160px;left:auto !important;right:0 !important;width:50%;text-align:left;;padding-left:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    .txtCont1{padding-bottom:50px}
    .txtCont1 .conArea{width:800px;padding-bottom:50px;margin:-5px auto -10px auto;text-align:left}
    .txtCont1 .img{width:1120px;margin:0 auto 50px auto;text-align:center}
    .txtCont1 .bottomDescBox{width:800px;margin:-20px auto;padding-bottom:50px;text-align:left}
    .txtCont1 .bottomDesc{float:none;width:100%}
    .txtCont1 .slideWrap .bottomDescBox{margin-top:30px}
    .txtCont1 .btnWrap{margin:-2px 0 2px 0;padding-bottom:0}

    .txtCont1.wide{padding-bottom:30px}
    .txtCont1.wide .conArea{width:1120px;padding-bottom:70px}

    .txtCont2{width:800px;margin:0 auto;padding-bottom:90px}
    .txtCont2 .subTit{margin:44px 0 21px}
    .txtCont2 .subTit:first-child{margin-top:0}

    .imgInfo{position:relative;padding-bottom:60px}
    .imgInfo .gridRow{overflow:hidden;margin-bottom:40px}
    .imgInfo .grid.grid1{width:352px !important;min-height:234px;font-size:0;line-height:0}
    .imgInfo .grid.grid2{width:768px !important}
    .imgInfo .txtArea{padding:13px 0 0 40px}
    .imgInfo .txtArea .subTit2{margin-bottom:22px}
    .imgInfo .txtArea .subTit3{margin-bottom:13px}
    .imgInfo .imgArea img{width:352px;height:234px}

    .brdList{padding-bottom:30px}/* n3 */
    .brdList .grid{}
    .brdList .grid:nth-child(3n+1){margin-left:0}
    .brdList .grid a{display:block}
    .brdList .gridRow{overflow:hidden;padding-bottom:40px;min-height:392px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .brdList .imgArea{overflow:hidden;position:relative;width:352px;height:233px}
    .brdList .imgArea.nNews{height:189px !important}/* 20180405 add */

    .brdList .imgArea .grp{position:absolute;padding:15px 0 0 20px;width:100%;height:90px;font-size:14px;font-family:"HyundaiSansHeadMedium";color:#fff;z-index:1;background:url("../images/abouthyundai/bg_thumb_category.png") repeat-x 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .brdList .imgArea img{width:352px;aspect-ratio:176/117} /* 221101 modify */
    .brdList .txtArea{position:relative;padding:25px 0 0 0}
    .brdList .txtArea .subTit4{/* M-00053 :뉴스페이지 크기 조정 */overflow:hidden;max-height:84px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal} /* 210524 modify */
    .brdList .txtArea .info{line-height:21px;margin-top:5px;font-size:14px}
    .brdList .conArea{display:none}

    .brdList.gridMode{padding-bottom:60px}
    .brdList.gridMode .grid{overflow:hidden;clear:both;float:none;width:100%;height:190px;margin-left:0}
    .brdList.gridMode .imgArea{float:left;width:256px;height:170px}
    .brdList.gridMode .imgArea img{width:256px;height:170px}
    .brdList.gridMode .txtArea{float:left;position:relative;width:824px;height:170px;margin-left:40px;padding:60px 0 0 0}
    .brdList.gridMode .txtArea .info{position:absolute;top:22px;left:0}
    .brdList.gridMode .txtArea .subTit4{overflow:hidden;width:100%;margin-bottom:2px;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap}
    .brdList.gridMode .txtArea .conArea{overflow:hidden;display:block;height:48px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;font-size:14px;line-height:24px}

    .brdList.tvList .gridRow{min-height:357px}/* hyundai TV */
    .brdList.tvList .imgArea{position:relative;overflow:hidden;width:352px;height:198px}
    .brdList.tvList .imgArea img{width:352px;height:auto;margin-top:-33px}
    .brdList.tvList .videoBox:after{opacity:0.3}

    .brdList.tvList.gridMode .gridRow{padding-bottom:0}
    .brdList.tvList.gridMode .grid{overflow:hidden;clear:both;float:none;width:100%;height:164px;margin-left:0}
    .brdList.tvList.gridMode .imgArea{float:left;width:256px;height:144px}
    .brdList.tvList.gridMode .imgArea img{width:256px;height:auto;margin-top:-24px}
    .brdList.tvList.gridMode .txtArea{float:left;position:relative;width:824px;height:144px;margin-left:40px;padding:50px 0 0 0}
    .brdList.tvList.gridMode .txtArea .info{position:absolute;top:13px;left:0}

    .brdList.n3 .txtArea .btnWrap{margin:25px 0 0 0;padding-bottom:0;text-align:left}

    .sortContWrap{position:relative;margin:-20px 0 50px 0;padding-right:110px}
    .sortContWrap ul{overflow:hidden}
    .sortContWrap ul li{float:left;margin-right:40px;font-family:"HyundaiSansHeadMedium"}
    .sortContWrap button{position:absolute;right:0;top:-10px;min-width:110px !important}

    .brdListBig .grid{height:594px}
    .brdListBig .grid:nth-child(3n+1){margin-left:0}
    .brdListBig .grid a{display:block}
    .brdListBig .txtArea{padding:29px 0 0 0}
    .brdListBig .txtArea .subTit3{overflow:hidden;max-height:56px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
    .brdListBig .txtArea .view{display:inline-block;font-size:14px;line-height:1;font-family:"HyundaiSansHeadMedium"}
    .brdListBig .imgArea img{width:352px;height:430px}

    .brdTitBox{position:relative;padding:60px 0 55px 0}
    .brdTitBox .view{padding-bottom:15px;font-family:"HyundaiSansHeadMedium";font-size:20px;line-height:1}
    .brdTitBox .info{position:absolute;top:60px;right:0;color:#666;line-height:1}
    .brdTitBox .info .date,
    .brdTitBox .info .no{position:relative;display:inline-block;padding-left:20px;font-size:14px}
    .brdTitBox .info .no:after{content:'';position:absolute;width:1px;height:10px;top:1px;left:10px;background:#e2dad4}

    /* s:200423 add :CSR */
    .brdTitBox.type2{padding:140px 0 70px 0}
    .brdTitBox.type2 .info{left:0}
    .brdTitBox.type2 .info .date{padding-left:0;color:#000}
    .brdTitBox.type2 .info .data{display:block;position:relative;padding-top:35px;font-size:15px;font-family:"HyundaiSansHeadMedium"}
    /* e:200423 add :CSR */

    .tool{position:relative;overflow:hidden;height:80px;padding:26px 40px 0 40px;background:#002c5f}
    .tool .btnPrint,    .tool .btnEmail, .tool .btnDownload{display:inline-block;margin-right:30px;font-size:14px;line-height:16px;color:#fff;font-family:"HyundaiSansHeadMedium"}
    .tool .btnPrint{padding:0 0 0 27px;background:url("../images/common/bul_tool.gif") no-repeat top left}
    .tool .btnEmail{padding:0 0 0 26px;background:url("../images/common/bul_tool.gif") no-repeat 0 -39px}
    .tool .btnDownload{position:absolute;top:33px;right:40px;margin-right:0;padding:0 0 0 24px;background:url("../images/common/bul_tool.gif") no-repeat 0 -79px}
    .tool .btnPrint:hover, .tool .btnEmail:hover, .tool .btnDownload:hover,
    .tool .btnPrint:focus, .tool .btnEmail:focus, .tool .btnDownload:focus{color:#fff}
    .btnWrap + .tool{margin-top:-20px}

    .brdViewTxt{margin-top:-20px}

    .brdViewImg{margin-top:-20px;padding-bottom:50px}
    .brdViewImg .imgView1 .grid{margin-bottom:0}
    .brdViewImg .imgView1 .imgArea img{width:auto;max-width:1120px;height:600px}/* 190124_원본 */
    .news-view .brdViewImg .imgView1 .movieContent .imgArea img{width:1120px;height:600px}/* 190124_수정 */
    .news-view .brdViewImg .imgView1 .imgArea img{width:auto;max-width:1120px;height:auto}/* 190207_수정 */
    /* s:200423 add :CSR */
    .brdViewImg.imgFull .imgView1 .movieContent .imgArea img{width:1120px;height:600px}
    .brdViewImg.imgFull .imgView1 .imgArea img{width:auto;max-width:1120px;height:auto}
    /* e:200423 add :CSR */
    .brdViewImg .imgView1 .txtArea{padding-left:0;padding-right:0}
    .brdViewImg .imgView1 .txtArea .conArea{width:100%;margin-bottom:40px}
    .brdViewImg .imgView1 .txtArea .conArea a{color:#2e7dab}/* 200422 add */
    .brdViewImg .imgView1 .source{margin:-30px 0 40px 0;text-align:left;font-size:14px;color:#666}
    .titArea + .brdViewImg{margin-top:0}

    .brdViewCnt{margin-top:-50px;margin-bottom:60px}
    .brdViewCnt dt{display:inline-block;padding-right:20px;font-family:"HyundaiSansHeadMedium"}
    .brdViewCnt dd{display:inline-block}
    .brdViewCnt dd .mail{margin-right:20px}

    .brdViewEtc{padding-bottom:100px;border-top:1px solid #e4dcd3}
    .brdViewEtc dl{overflow:hidden;padding:25px 40px 20px 40px;border:1px solid #e4dcd3;border-top:0;font-size:0}
    .brdViewEtc dt{float:left;width:100px;font-family:"HyundaiSansHeadMedium";font-size:16px;line-height:18px;vertical-align:top}
    .brdViewEtc dd{float:left;width:938px;font-size:16px;line-height:18px;vertical-align:top}
    .brdViewEtc .file li{position:relative;padding:10px 0 3px 0;color:#000}
    .brdViewEtc .file li:first-child{padding-top:0}

    .brdViewEtc .file li .fileName{overflow:hidden;display:block;max-width:810px;padding-right:50px}
    .brdViewEtc .file li:first-child .btnDown{top:0}
    .brdViewEtc .file li .btnDown{position:absolute;right:0;top:10px}

    .brdViewEtc .tag a{margin-right:10px;text-decoration:underline !important}
    .brdViewEtc .jumpPage{padding-bottom:10px;background:#fff}
    .brdViewEtc .jumpPage dt{padding-bottom:20px}
    .brdViewEtc .jumpPage dd{padding-bottom:20px;color:#666}
    .brdViewEtc .jumpPage dd a,
    .brdViewEtc .jumpPage dd span{display:block;position:relative;padding-right:50px}
    .brdViewEtc .jumpPage dd a:after{display:block;content:'';width:11px;height:7px;background-repeat:no-repeat;background-image:url("../images/common/paging_jumpPage.png");position:absolute;top:5px;right:0}
    .brdViewEtc .jumpPage dd.next a{background-position:0 0}
    .brdViewEtc .jumpPage dd.prev a:after{background-position:0 -8px}

    /* 200624 add */
    .brdViewEtc .btnWrap{margin:0;padding:32px 40px 0 40px;border:1px solid #e4dcd3;border-top:0;border-bottom:0;line-height:1;text-align:right}
    .brdViewEtc .btnWrap .btnDown{display:inline-block;min-width:167px;height:36px;border-color:#002c5e;background:#002c5e url("../images/common/btn_pdfDown.png") no-repeat 26px -70px;font-size:14px;line-height:36px;color:#fff;text-align:center;vertical-align:middle;white-space:nowrap;box-sizing:border-box}
    .brdViewEtc .btnWrap + dl.file{padding-top:19px}
    /* //200624 add */

    .brdListTop{margin-top:-8px;margin-bottom:45px;line-height:0}
    .brdListTop .info{overflow:hidden;margin-top:15px}
    .brdListTop .count{float:left}
    .brdListTop .count .ls{display:inline-block;margin-right:15px;font-size:14px;line-height:19px;color:#666;vertical-align:top}
    .brdListTop .count .ls .grp{}
    .brdListTop .count .ls .num{padding-left:3px}
    .brdListTop .right{float:right}
    .brdListTop .right input[type=checkbox] + label{font-family:"HyundaiSansHeadMedium"}
    .brdListTop .btnDown{margin:1px 0 0 30px}

    .tblInfo{position:relative;height:33px;line-height:0}
    .tblInfo .subTit4{line-height:1}
    .tblInfo .caption{position:absolute;top:0;right:0;font-size:14px;line-height:16px;text-align:right}
    .tblInfo select{position:absolute;top:-30px;right:0}
    .tblInfo select.sort{width:200px !important}
    .tblInfo select.bg2{box-shadow:none !important}
    .tblInfo .searchBar{min-height:0}
    .tblInfo .searchBar .searchWrap{top:-31px;left:auto;right:0}
    .tblInfo .searchBar .searchWrap .autoSearchList{position:absolute;width:100%}

    .brdTableWrap{padding-bottom:100px}
    .brdTable table{width:100%}
    .brdTable table thead th{height:48px;padding:3px 0 0 0;border-left:1px solid #fff;background-color:#002c5f !important;font-size:14px;line-height:20px;color:#fff !important;text-align:center;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .brdTable table thead th:first-child{border-left:none}
    .brdTable table tbody td{padding:16px 30px 15px 30px;border-left:1px solid #e4dcd3;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;text-align:center;font-size:14px;line-height:20px}
    .brdTable table tbody td img.flag{margin-right:5px}

    .brdTable table tfoot tr.total{background:#f6f3f2}
    .brdTable table tfoot tr.total th,
    .brdTable table tfoot tr.total td{padding:16px 30px 15px 30px;border-bottom:1px solid #e4dcd3;font-size:14px;line-height:20px;font-weight:normal}
    .brdTable table tfoot tr.total th{border-left:1px solid #e4dcd3;text-align:left}
    .brdTable table tfoot tr.total td{text-align:center}
    .brdTable table tfoot tr.total td:last-child{border-right:1px solid #e4dcd3}

    .brdTableWrap .btnWrap{margin-top:45px;padding-bottom:0}

    .motoshowList .item{width:100%;height:580px;overflow:hidden}
    .motoshowList .item a{display:block;position:relative;width:100%;height:580px}
    .motoshowList .item .bgCenter{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px}
    .motoshowList .item .info{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;z-index:10}
    .motoshowList .item .info dl{height:160px;background:#002c5e;margin:0 60px;text-align:center}
    .motoshowList .item .info dt{padding:51px 0 7px 0;color:#fff;font-size:30px;line-height:1;font-family:"HyundaiSansHeadMedium";margin:0 auto;width:1120px}
    .motoshowList .item .info dd{overflow:hidden;color:#fff}

    /* M-00062 Page Thumbnail 이미지를 등록하지 않으면 그냥 타이틀만 보여주고 이미지는 숨기도록 수정 Start */
    .motoshowList .item1{width:100%;height:280px;overflow:hidden}
    .motoshowList .item1 a{display:block;position:relative;width:100%;height:280px}
    .motoshowList .item1 .bgCenter{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px}
    .motoshowList .item1 .info{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;z-index:10}
    .motoshowList .item1 .info dl{height:160px;background:#002c5e;margin:0 60px;text-align:center}
    .motoshowList .item1 .info dt{padding:51px 0 7px 0;color:#fff;font-size:30px;line-height:1;font-family:"HyundaiSansHeadMedium";margin:0 auto;width:1120px}
    .motoshowList .item1 .info dd{overflow:hidden;color:#fff}
    /* M-00062 Page Thumbnail 이미지를 등록하지 않으면 그냥 타이틀만 보여주고 이미지는 숨기도록 수정 End */

    .info .view{display:inline-block;font-size:14px;line-height:1;padding-right:10px;color:#000}
    .info .date{display:inline-block;font-size:14px;line-height:1;color:#666}
    .info .data{display:inline-block;font-size:12px;line-height:1;color:#002c5f;letter-spacing:0.024em}/* 200423 add */

    /*slideWrap*/
    /* 20180326 */
    .area-swiper,
    .slideWrap{position:relative;overflow:hidden}
    .slideWrap.thumbnail{background:#000}
  /* 191010-v2 edit */
    .area-swiper .btn_prev,
    .slideWrap .btn_prev{position:absolute;left:0;top:278px;z-index:10}
    .area-swiper .btn_prev .prev,
    .slideWrap .btn_prev .prev{display:block;background:url("../images/common/btn_prev.png") no-repeat;width:44px;height:44px;overflow:hidden;text-indent:-9999px}
    .area-swiper .btn_next,
    .slideWrap .btn_next{position:absolute;right:0;top:278px;z-index:10}
    .area-swiper .btn_next .next,
    .slideWrap .btn_next .next{display:block;background:url("../images/common/btn_next.png") no-repeat;width:44px;height:44px;overflow:hidden;text-indent:-9999px}
    .area-swiper .swiper-pagination,
    .slideWrap .swiper-pagination{position:absolute;left:0;top:558px;text-align:center;width:100%;font-size:0;line-height:0;display:table;text-align:center;z-index:1}
    .area-swiper .swiper-pagination .swiper-pagination-bullet,
  .slideWrap .swiper-pagination .swiper-pagination-bullet{display:inline-block;background:url("../images/common/dot.png") no-repeat right 0;width:12px;height:12px;overflow:hidden;text-indent:-9999px}
  /* e:191010-v2 edit */
    .area-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .slideWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position:0 0}
    .area-swiper .swiper-pagination.gray .swiper-pagination-bullet,
    .slideWrap .swiper-pagination.gray .swiper-pagination-bullet{background:url("../images/common/dot.png") no-repeat right 0}/*배경이 흰색일 경우*/
    .area-swiper .swiper-pagination.gray .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .slideWrap .swiper-pagination.gray .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position:0 0}
    .area-swiper .btnWrap .learnMore,
    .slideWrap .btnWrap .learnMore{line-height:26px;word-break:break-all}
    /* //20180326 */

    .brand-story-n-news-list .n1 .slideWrap{padding-bottom:42px !important}/* 20180409 add */
    .brand-story-n-news-list .slideWrap .swiper-pagination{top:auto !important;bottom:0 !important}/* 20180409 add */

    .slideWrap.numbering .swiper-pagination{top:660px !important}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number{position:relative;padding:0 23px;text-indent:0;background:none;width:50px;height:50px;margin:0}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number em{display:block;width:50px;height:50px;font-size:14px;font-style:normal;font-family:"HyundaiSansHeadMedium";line-height:50px;color:#002c5f;background:url("../images/common/btn_paging_numbering.png") -50px 0}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number.swiper-pagination-bullet-active em{background-position:0 0;color:#fff}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number:before{display:block;content:'';width:50px;height:4px;background:#002c5f;position:absolute;top:23px;left:-25px}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number:after{display:block;content:'';width:50px;height:4px;background:#002c5f;position:absolute;top:23px;right:-26px}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number:first-child:before{display:none}
    .slideWrap.numbering .swiper-pagination-bullet.swiper-number:last-child:after{display:none}
    .slideWrap.numbering .txtArea{padding-top:160px}
    .slideWrap.numbering .number{display:none}

    .slideWrap.hideBtn .btn_prev,
    .slideWrap.hideBtn .btn_next,
    .slideWrap.hideBtn .swiper-pagination{display:none}
    .slideWrap.middleBtn .btn_prev{top:50%;margin-top:-22px}
    .slideWrap.middleBtn .btn_next{top:50%;margin-top:-22px}

    .slideInfo{max-width:1600px;min-width:1120px;height:580px !important;position:relative;margin:0 auto}
    .slideInfo ul.slideArea li{overflow:hidden;position:relative}
    .slideInfo ul.slideArea li .bgCenter{position:absolute;left:50%;top:0;margin-left:-800px;width:1600px}
    .slideInfo ul.slideArea li .info{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:1120px}
    .slideInfo ul.slideArea li .info dl{padding:32px 0 80px 0;background:#002c5e}
    .slideInfo ul.slideArea li .info dt{padding:0px 0 13px 0;color:#fff;font-size:16px;line-height:28px;font-family:"HyundaiSansHeadMedium"}
    .slideInfo ul.slideArea li .info dd{overflow:hidden;max-height:84px;margin:0 170px;color:#fff;font-size:16px;line-height:28px;font-family:"HyundaiLight";text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
    .slideInfo ul.slideArea li .info dd.onlyCon{margin:21px 170px 24px 170px}
    .slideInfo ul.slideArea li .info .noticeList{margin:0 170px;text-align:left}
    .slideInfo ul.slideArea li .info .noticeList li{color:#fff;display:inline-block;vertical-align:top;font-family:"HyundaiLight"}
    .slideInfo .btn_prev{left:0;top:50%;margin-top:-22px}
    .slideInfo .btn_next{right:0;top:50%;margin-top:-22px}
    .slideInfo .swiper-pagination{top:auto;bottom:30px}

    .slideAuto{position:relative;min-width:1120px;height:580px !important}
    .slideAuto ul.slideArea li{overflow:hidden;position:relative}
    .slideAuto ul.slideArea li .bgCenter{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px}
    .slideAuto ul.slideArea li .info{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:1120px}
    .slideAuto ul.slideArea li .info dl{padding:32px 0 80px 0;background:#002c5e}
    .slideAuto ul.slideArea li .info dt{padding:0px 0 13px 0;color:#fff;font-size:16px;line-height:28px;font-family:"HyundaiSansHeadMedium"}
    .slideAuto ul.slideArea li .info dd{overflow:hidden;max-height:84px;margin:0 170px;color:#fff;font-size:16px;line-height:28px;font-family:"HyundaiLight";text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
    .slideAuto ul.slideArea li .info dd.onlyCon{margin:21px 170px 24px 170px}
    .slideAuto .btn_prev{left:0;top:50%;margin-top:-22px}
    .slideAuto .btn_next{right:0;top:50%;margin-top:-22px}
    .grid .area-swiper .swiper-pagination, /* 20180403 */
    .slideAuto .swiper-pagination{top:auto;bottom:0}/* 20180404 */

    .slideInfo2{max-width:1600px;min-width:1120px;height:680px !important;position:relative;margin:0 auto}
    .slideInfo2 ul.slideArea li{overflow:hidden;position:relative}
    .slideInfo2 ul.slideArea li .bgCenter{position:absolute;left:50%;top:0;margin-left:-800px;width:1600px;height:680px}
    .slideInfo2 ul.slideArea li .info{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:1120px;background:#002c5e;padding:42px 145px 42px 65px;overflow:hidden;color:#fff}
    .slideInfo2 ul.slideArea li .info .item{float:left;font-size:0;display:table;padding-top:15px}
    .slideInfo2 ul.slideArea li .info .item span{display:inline-block;font-size:30px;font-family:"HyundaiSansHeadMedium"}
    .slideInfo2 ul.slideArea li .info .item .tit{margin-right:33px}
    .slideInfo2 ul.slideArea li .info .txt{float:right;text-align:left;font-family:"HyundaiSansHeadMedium"}
    .slideInfo2 .btn_prev{left:0;top:50%;margin-top:-22px}
    .slideInfo2 .btn_next{right:0;top:50%;margin-top:-22px}
    .slideInfo2 .swiper-pagination{top:auto;bottom:170px}

    .slideWrap.middleType{height:600px}
    .slideWrap.middleType ul.slideArea li .middle{display:table;position:absolute;left:0;top:0;width:100%;height:100%}
    .slideWrap.middleType ul.slideArea li .middle .titArea{position:relative;display:table-cell;padding:0;text-align:center;vertical-align:middle;z-index:10}
    .slideWrap.middleType ul.slideArea li .middle:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
    .slideWrap.middleType ul.slideArea li .middle .titArea .view{position:relative;margin-bottom:5px;font-size:16px;line-height:28px;font-family:"HyundaiSansHeadMedium";z-index:5}
    .slideWrap.middleType ul.slideArea li .middle .titArea .subTit{position:relative;margin:0;z-index:5}
    .slideWrap.middleType ul.slideArea li .middle .titArea.colorw .view,
    .slideWrap.middleType ul.slideArea li .middle .titArea.colorw .subTit{color:#fff}
    .slideWrap.middleType .btn_prev{left:0;top:50%;margin-top:-22px}
    .slideWrap.middleType .btn_next{right:0;top:50%;margin-top:-22px}

    .slideWrap.smallSlide{width:800px;margin:0 auto}
    .slideWrap.smallSlide .btn_prev,
    .slideWrap.smallSlide .btn_next{top:220px}

    .imgView1 .slideArea1 img{width:1120px;height:600px}
    .imgView1 .slideArea1 .swiper-pagination-bullets{margin-top:-10px}

    .graphSlide .subTitBox{margin-bottom:0;padding:55px 60px 55px;background:#f6f3f2}
    .graphSlide .graphConWrap{margin-top:0;text-align:left}
    .graphSlide .swiper-pagination-bullets{top:inherit !important;bottom:30px}

    .graphConWrap{margin-top:23px}
    .graphConWrap .graphTit{color:#666}
    .graphConWrap .graphTit span{display:inline-block;padding-right:20px;font-family:"HyundaiSansHeadMedium";color:#000}
    .graphConWrap .graphWrap{padding:51px 0 37px 0}
    .graphConWrap .graphWrap img{width:auto;height:auto}

    .brdTop{margin-top:-30px;padding-bottom:70px}
    .brdTop .infoBox{overflow:hidden;display:table;height:490px;background:#f6f3f2}
    .brdTop .infoBox .imgArea{float:left;width:740px;height:490px;vertical-align:top}
    .brdTop .infoBox .imgArea img{width:740px;height:490px;aspect-ratio:74/49}  /* 221101 modify */
    .brdTop .infoBox .txtArea{position:relative;float:left;width:380px;padding:0 60px 0 50px;text-align:left;height:490px}
    .brdTop .infoBox .txtArea .info{margin-top:82px}
    .brdTop .infoBox .txtArea .subTit{/* M-00053 :뉴스페이지 크기 조정 */overflow:hidden;margin-top:14px;max-height:220px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;word-wrap:break-word;font-size:26px;line-height:36px}
    .brdTop .infoBox .txtArea .btnWrap{position:absolute;bottom:100px;padding-bottom:0;text-align:left}
    .brdTop .btn_prev{top:50%;margin-top:-42px}
    .brdTop .btn_next{top:50%;margin-top:-42px}
    /* 20180402 */
    .area-swiper{padding-bottom:42px}
    /* //20180402 */
    /* 20180326 */
    .area-swiper .swiper-slide.type-add{display:none;position:absolute;top:0;left:100%}
    .area-swiper .swiper-slide.type-add.active{display:block;position:relative;left:0}
    .area-swiper .swiper-slide.type-add.ready{display:block}
    /* //20180326 */

    .brdTop.tvList .infoBox{height:413px}
    .brdTop.tvList .infoBox .imgArea{width:740px;height:413px}
    .brdTop.tvList .infoBox .imgArea img{width:740px;height:auto;margin-top:-72px}
    .brdTop.tvList .infoBox .txtArea{height:413px}
    .brdTop.tvList .infoBox .txtArea .info{margin-top:50px}
    .brdTop.tvList .infoBox .txtArea .btnWrap{bottom:50px}
    .brdTop.tvList .videoBox:after{opacity:0.3}

    .galleryTy1{width:1120px;padding-bottom:100px}
    .galleryTy1 .slideWrap{overflow:hidden;width:1120px}
    .galleryTy1 .slideArea{}
    .galleryTy1 .slideArea li{width:262px}
    .galleryTy1 .slideArea li .tit, .galleryTy1 .slideArea li .desc{display:none}
    .galleryTy1 .thumbnail .wrapper{max-width:100% !important}
    .galleryTy1 .thumbnail .slideArea{background:#000}
    .galleryTy1 .thumbnail .slideArea li{width:262px;vertical-align:top;font-size:0;line-height:0}
    .galleryTy1 .thumbnail .slideArea li button{position:relative}
    .galleryTy1 .thumbnail .slideArea li button:after{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6}
    .galleryTy1 .thumbnail .slideArea li button:hover:after,
    .galleryTy1 .thumbnail .slideArea li button:focus:after{opacity:0}
    .galleryTy1 .thumbnail .slideArea li.on button:after{opacity:0}
    .galleryTy1 .thumbnail .slideArea li img{width:262px;height:140px}
    .galleryTy1 .slideWrap.bigImg li{width:100%}
    .galleryTy1 .slideWrap.bigImg li .noticeList{display:none}
    .galleryTy1 .slideWrap.bigImg li img{width:1120px;height:600px}
    .galleryTy1 .btn_prev{left:0;bottom:auto;top:50%;margin-top:-22px}
    .galleryTy1 .btn_next{right:0;bottom:auto;top:50%;margin-top:-22px}
    .galleryTy1 .pageNum{position:absolute;width:1120px;height:90px;padding:49px 30px 0 0;right:0;bottom:0;z-index:2;color:#fff;font-size:16px;background:url('../images/common/bg_gallery_num.png') repeat-x left bottom;text-align:right;line-height:1}
    .galleryTy1 .pageNum strong{font-family:'HyundaiSansHeadMedium'}

    /* M-00030 Small Image Component Start */
    .galleryTy1.minTy1{width:720px;padding-bottom:100px;margin:0 auto}
    .galleryTy1.minTy1 .slideWrap{overflow:hidden;width:720px}
    .galleryTy1.minTy1 .thumbnail .slideArea li{width:188px;vertical-align:top;font-size:0;line-height:0}
    .galleryTy1.minTy1 .thumbnail .slideArea li img{width:188px;height:100px}
    .galleryTy1.minTy1 .slideWrap.bigImg li img{width:720px;height:386px}
    /* M-00030 Small Image Component End */

    .bottomDescBox{overflow:hidden;margin-top:24px}
    .bottomDesc{float:left;width:990px}
    .bottomDesc .tit{display:block;margin-bottom:6px;color:#000;font-family:"HyundaiSansHeadMedium";font-size:20px}
    .bottomDesc .txt{display:block;position:relative;padding-left:28px}
    .bottomDesc .txt:before{content:'';display:block;position:absolute;left:0;top:6px;width:16px;height:16px;background:url('../images/common/ico_gallery_desc.png') no-repeat 0 0}
    .bottomDescBox .btnWrap{float:right;margin-top:7px;padding-bottom:0}
    .imgView1 .bottomDescBox{text-align:left}

    .galleryTy2{padding-bottom:100px;padding-top:2px}
    .galleryTy2 ul li{overflow:hidden}
    .galleryTy2 ul li .columnsImg{float:left;margin:2px}
    .galleryTy2 ul li .columnsImg.w1{margin-left:0}
    .galleryTy2 ul li .columnsImg.w5{margin-left:0}
    .galleryTy2 ul li .columnsImg.w9{margin-left:0}
    .galleryTy2 ul li .columnsImg.w4{margin-right:0}
    .galleryTy2 ul li .columnsImg.w8{margin-right:0}
    .galleryTy2 ul li .columnsImg.w12{margin-right:0}
    .galleryTy2 ul li .columnsImg img{width:277px;height:148px}
    .galleryTy2 .swiper-pagination{position:relative;left:auto;top:auto;margin-top:58px}

    /* toggle */
    .togListWrap{position:relative;padding-bottom:98px}
    .togListWrap .togList{margin-bottom:2px}
    .togListWrap .btnOpenClose{display:block;width:100%;height:80px;padding:0 40px;background:#002c5f;color:#fff;line-height:26px;text-align:left;text-decoration:none} /* 201124 modify */
    .togListWrap .btnOpenClose:after{content:'';display:block;position:absolute;right:40px;top:34px;width:20px;height:12px;background:url("../images/common/bg_toggle.png") no-repeat 0 -270px}
    .togListWrap .togList.on .btnOpenClose{background:#f6f3f2;color:#000}
    .togListWrap .togList.on .btnOpenClose:after{background:url("../images/common/bg_toggle.png") no-repeat 0 0}
    .togListWrap .togCont{display:none;padding:30px 60px;background:#f6f3f2}
    .togListWrap .togCont .txtCont1{width:100%}
    .togListWrap .togCont .txtCont1 .conArea{width:100% !important;padding-bottom:0 !important}

    .togListWrap.small{border:1px solid #e4dcd3;border-bottom:0;padding-bottom:0}
    /* M-00104 NBrand Type */
    .togListWrap.small.N{border-color:#dceaf5 !important} /* 221027 modify */
    .togListWrap.small .togList{margin:0px 0}
    .togListWrap.small .togList:first-child{margin-top:0}
    .togListWrap.small .btnOpenClose{display:block;width:100%;height:58px;padding:0 30px;line-height:58px;text-align:left;text-decoration:none;font-family:"HyundaiSansHeadMedium";font-size:14px;color:#000;background:#fff;border-bottom:1px solid #e4dcd3}
    /* M-00104 NBrand Type */
    .togListWrap.small .btnOpenClose.N{border-bottom:1px solid #dceaf5 !important}
    .togListWrap.small .btnOpenClose:after{right:30px;top:50%;width:12px;height:7px;margin-top:-3px;background:url("../images/common/bg_toggle_small.png") no-repeat top left !important}
    .togListWrap.small .togList.on .btnOpenClose{background:#fff;color:#000}
    .togListWrap.small .togList.on .btnOpenClose:after{-ms-transform:rotate(180deg);/* IE 9 */-webkit-transform:rotate(180deg);/* Chrome, Safari, Opera */transform:rotate(180deg);}
    .togListWrap.small .togCont{border-bottom:1px solid #e4dcd3}
    /* M-00104 NBrand Type */
    .togListWrap.small .togCont.N{border-bottom:1px solid #dceaf5 !important}

    .togListWrap.country{margin-top:34px}
    .togListWrap.country .togList.on .btnOpenClose{border-bottom:1px solid #fff}
    .togListWrap.country .togCont{background:#fff}
    .togListWrap.country .gridWrap{margin-bottom:-20px}
    .togListWrap.country .n3 .grid{width:332px;margin-left:0;margin-bottom:35px;font-size:14px;line-height:19px}
    .togListWrap.country .n3 .grid img{width:26px}
    .togListWrap.country .n3 .grid .txtCountry{padding-left:7px}
    .togListWrap.country .n3 .grid a:hover,
    .togListWrap.country .n3 .grid a:focus{text-decoration:none}

    .togListWrap .btnWrap{height:62px;text-align:left;margin:0;padding:0}

    .togListWrap .togSelect{position:relative;height:62px}
    .togListWrap .togSelect select{position:absolute;top:0;right:0;width:200px !important}
    .togListWrap .togSelect .btnWrap{position:absolute;height:auto;top:0;left:0}

    .togListInfo .n2 .grid1{width:352px;margin-right:50px}
    .togListInfo .n2 .grid1 .imgArea img{width:352px;height:430px}
    .togListInfo .n2 .grid2{width:598px;padding-top:53px}
    .togListInfo .n2 .grid2 .conArea{padding-top:13px}

    .togListInfo .togList .togTitWrap{position:relative;overflow:hidden;height:80px;padding-left:138px;background:#002c5f;color:#fff;line-height:80px}
    .togListInfo .togList .togTitWrap .togTit{display:inline-block;line-height:80px;font-size:20px}
    .togListInfo .togList .togTitWrap .togTit button{color:#fff;text-decoration:none;text-align:left;max-width:550px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
    .togListInfo .togList .togTitWrap .num{position:absolute;left:40px}
    .togListInfo .togList .togTitWrap .date{position:absolute;right:303px}
    .togListInfo .togList .togTitWrap .pdfDown{position:absolute;top:32px;right:120px;color:#fff;background:url("../images/common/btn_pdfDown.png") no-repeat 0 -80px}
    .togListInfo .togList .togTitWrap .togOpenclose{position:absolute;right:0;text-indent:1000px;width:100px;height:80px;background:url("../images/common/bg_toggle.png") no-repeat center -235px}

    .togListInfo .togList.on .togTitWrap{background:#f6f3f2;color:#000}
    .togListInfo .togList.on .togTitWrap .togTit button{color:#000}
    .togListInfo .togList.on .togTitWrap .pdfDown{color:#000;background:url("../images/common/btn_pdfDown.png") no-repeat top left}
    .togListInfo .togList.on .togTitWrap .togOpenclose{background:url("../images/common/bg_toggle.png") no-repeat center 34px}

    .togListEvent .togTitWrap{position:relative;overflow:hidden;height:80px;padding-left:40px;background:#002c5f;color:#fff;line-height:80px}
    .togListEvent .togTitWrap .togTit{display:inline-block;line-height:80px;font-size:20px}
    .togListEvent .togTitWrap .togTit button{color:#fff;text-decoration:none;text-align:left;max-width:600px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
    .togListEvent .togTitWrap .num{position:absolute;left:40px}
    .togListEvent .togTitWrap .date{position:absolute;right:303px;font-size:14px}
    .togListEvent .togTitWrap .pdfDown{position:absolute;top:32px;right:120px;color:#fff;background:url("../images/common/btn_pdfDown.png") no-repeat 0 -80px}
    .togListEvent .togTitWrap .togOpenclose{position:absolute;right:0;text-indent:1000px;width:100px;height:80px;background:url("../images/common/bg_toggle.png") no-repeat center -235px}
    .togListEvent .togCont{padding-bottom:50px}
    .togListEvent .togCont .date{display:block;font-size:14px;color:#666}
    .togListEvent .togCont h3{margin-bottom:19px}
    .togListEvent .togCont .conArea{line-height:30px}

    .togListEvent .togList.on .togTitWrap{background:#f6f3f2;color:#000}
    .togListEvent .togList.on .togTitWrap .togTit button{color:#000}
    .togListEvent .togList.on .togTitWrap .togOpenclose{background:url("../images/common/bg_toggle.png") no-repeat center 34px}
    .togListEvent .togList.on .togTitWrap .pdfDown{color:#000;background:url("../images/common/btn_pdfDown.png") no-repeat top left}

    /* tab */
    .navigationTabWrap{background:#fff;height:70px;text-align:center;overflow:hidden;position:relative;width:100%;z-index:20;box-shadow:1px 1px 1px rgba(0,0,0,0.05);min-width:1240px;transform:translate3d(0px, 0px, 0px)}
    .navigationTabWrap.fixed{position:fixed !important;top:0 !important;z-index:100} /* 221017 modify */
    .navigationTabWrap.full .tabListArea{max-width:1120px}
    .navigationTab{width:1120px;position:relative;margin:0 auto;line-height:70px}
    .navigationTab .tit{font-family:"HyundaiSansHeadMedium";position:absolute;left:0;top:0}
    .navigationTab .tabListArea{display:inline-block;height:70px;max-width:1120px}
    .navigationTabWrap.openClose .navigationTab .tabListArea{margin:0 auto;width:780px}
    .navigationTab .tabListArea .tabList{overflow:hidden}
    .navigationTab .tabListArea .tabList .tab{float:left;padding:0 25px}
    .long .navigationTab .tabListArea .tabList .tab{float:left;padding:0 10px;font-size:16px}
    .navigationTab .tabListArea .tabList .tab a{text-decoration:none}
    .navigationTab .tabListArea .tabList .tab a:hover,
    .navigationTab .tabListArea .tabList .tab a:focus,
    .navigationTab .tabListArea .tabList .tab button:hover,
    .navigationTab .tabListArea .tabList .tab button:focus{color:#00aad2}
    .navigationTab .tabListArea .tabList .tab.on a,
    .navigationTab .tabListArea .tabList .tab.on button{color:#00aad2;font-family:"HyundaiSansHeadMedium"}
    .navigationTab .btnRight{position:absolute;right:0;top:0px;text-decoration:none}
    .navigationTab .btnRight.btnDown{top:27px}
    .navigationTab .btnRight.openClose{padding-right:19px}
    .navigationTab .btnRight.openClose:after{display:block;content:'';background:url("../images/common/btn_right_arr.png") no-repeat;width:9px;height:6px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-3px}
    .navigationTab .btnRight.openClose.on:after{background-position:0 -6px}

    ul.tabArea.whiteLine li{border-left:1px solid #fff}
    ul.tabArea.whiteLine li:first-child{border-left:0px}

    .tabWrap{position:relative;z-index:1}
    .tabWrap .tabArea{overflow:hidden;height:60px;display:block !important}
    .tabWrap .tabArea .tab{display:table;float:left;height:60px;table-layout:fixed;} /* 211122 modify */
    .tabWrap .tabArea .tab .link{display:table-cell;height:60px;vertical-align:middle;color:#fff;font-size:14px;text-align:center;font-family:"HyundaiSansHeadMedium";background-color:#444;text-decoration:none;width:100%;line-height:16px;} /* 221017 modify */
    /* M-00104 NBrand Type 추가*/
    .tabWrap .tabArea .tab .link.N{color:#000 !important;background-color:#aacae6 !important}
    .tabWrap .tabArea .tab .link:hover,
    .tabWrap .tabArea .tab .link:focus,
    .tabWrap .tabArea .tab.on .link{background-color:#fff;color:#000}
    /* M-00104 NBrand Type 추가*/
    .tabWrap .tabArea .tab.on .link.N{background-color:#e63312 !important;color:#fff !important}
    .tabWrap .tabArea .tab .link.newWin:after{content:"";overflow:hidden;display:inline-block;margin-left:10px;width:10px;height:10px;background:url("../images/common/ico_gnb_newwin2.png") no-repeat 0 -10px;font-size:0;line-height:0}
    .tabWrap .tabArea .tab .link.newWin:hover:after{background:url("../images/common/ico_gnb_newwin2.png") no-repeat 0 0}
    .tabWrap .tabArea .tab h2{display:table;width:100%}
    .tabWrap .tabArea .tab h2 .link{display:table-cell}
    .tabWrap.n2 .tab{width:560px}
    .tabWrap.n3 .tab{width:373px}
    .tabWrap.n3 .tab:first-child{width:374px}
    .tabWrap.n4 .tab{width:25%}
    .tabWrap.n5 .tab{width:20%}
    .tabWrap.n6 .tab{width:186px}
    .tabWrap.n6 .tab:first-child{width:190px}
    .tabWrap.n7 .tab{width:160px}
    .tabWrap.n7 .tab .link{padding-left:19px;padding-right:19px}/* 211122 modify */
    .tabWrap.n8 .tab{width:12.5%}
    .tabWrap.n8 .tab .link{padding-left:9px;padding-right:9px}/* 211027 */ /* 211122 modify */
    .tabWrap.n9 .tab{width:11.111%}/*220331 add*/
    .tabWrap.n9 .tab .link{padding-left:0;padding-right:0}/*220331 add*/
    .tabCont{padding-top:60px}

    .naviJumpWrap{background:#e4dcd3;}
    .naviJumpWrap .naviJump{overflow:hidden;display:table;width:1120px;height:160px;margin:0 auto;vertical-align:top}
    .naviJumpWrap .naviJump a{text-decoration:none}
    .naviJumpWrap .naviJump .prev,
    .naviJumpWrap .naviJump .next{position:relative;display:table-cell;height:160px;padding:0 40px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiSansHeadMedium";vertical-align:middle}
    .naviJumpWrap .naviJump .prev{text-align:left}
    .naviJumpWrap .naviJump .prev:after{display:block;content:"";position:absolute;top:69px;left:0;width:13px;height:21px;background:url("../images/common/bg_navijump.png") no-repeat 0 0}
    .naviJumpWrap .naviJump .next{text-align:right}
    .naviJumpWrap .naviJump .next:after{display:block;content:"";position:absolute;top:69px;right:0;width:13px;height:21px;background:url("../images/common/bg_navijump.png") no-repeat 0 100%}

    /* M-00104 NBrand Type Add*/
    .naviJumpWrapN{background:#dceaf5;}
    .naviJumpWrapN .naviJump{overflow:hidden;display:table;width:1120px;height:160px;margin:0 auto;vertical-align:top}
    .naviJumpWrapN .naviJump a{text-decoration:none}
    .naviJumpWrapN .naviJump .prev,
    .naviJumpWrapN .naviJump .next{position:relative;display:table-cell;height:160px;padding:0 40px;font-size:30px;line-height:40px;color:#000;font-family:"HyundaiSansHeadMedium";vertical-align:middle}
    .naviJumpWrapN .naviJump .prev{text-align:left}
    .naviJumpWrapN .naviJump .prev:after{display:block;content:"";position:absolute;top:69px;left:0;width:13px;height:21px;background:url("../images/common/bg_navijump.png") no-repeat 0 0}
    .naviJumpWrapN .naviJump .next{text-align:right}
    .naviJumpWrapN .naviJump .next:after{display:block;content:"";position:absolute;top:69px;right:0;width:13px;height:21px;background:url("../images/common/bg_navijump.png") no-repeat 0 100%}

    .tabWrapInner{padding-top:30px}
    .tabStickyWrap .tabSticky ul{overflow:hidden}
    .tabStickyWrap .tabSticky ul li{float:left;margin-left:2px}
    .tabStickyWrap .tabSticky ul li:first-child{margin-left:0}
    .tabStickyWrap .tabSticky ul li a{display:block;padding:5px 20px;background:#f6f6f6;font-size:14px;font-family:"HyundaiSansHeadMedium";color:#666}
    .tabStickyWrap .tabSticky ul li.on a{background:#00aad2;color:#fff}

    /*search*/
    .searchWrap{position:absolute;left:0;top:0;width:610px;z-index:10;background:#fff}
    .searchWrap .searchInput{position:relative;padding-right:55px}
    .searchWrap .searchInput .inputText{width:100%;border:0 !important;padding-right:55px;height:50px;font-size:16px !important}
    .searchWrap .btnSearch{position:absolute;right:0px;top:0;display:block;width:55px;text-align:center;height:44px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../images/common/btn_search.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
    .searchWrap .autoSearchList{border-top:1px solid #f6f3f2;background:#fff;display:none;text-align:left;box-shadow:0px 1px 1px rgba(0,0,0,0.2)}
    .searchWrap .autoSearchList .list .link{display:block;font-size:16px;line-height:50px;text-decoration:none;padding:0 20px}
    .searchWrap .autoSearchList .list .link:focus,
    .searchWrap .autoSearchList .list .link:hover{background:#f6f6f6}
    .searchWrap .autoSearchList .list .link .keyword{background:none;color:#00a1c7}
    .searchWrap.right{left:auto;right:0}
    .searchWrap.center{left:0;right:0;margin:0 auto}/* 200423 add */
    .searchWrap.bgLB .searchInput .inputText{background-color:#f6f3f2}

    .searchBar{position:relative;min-height:223px;z-index:20}/* 211117 */
    .searchBar .searchWrap{top:40px;width:460px}
    .searchBar .btnArea{position:absolute;right:0;top:55px}
    .searchBar .btnRightArr{vertical-align:top}
    .searchBar.phz{min-height:84px}
    .searchBar.phz .searchWrap{top:0}

    .searchBar .searchTab{padding-top:158px;padding-bottom:30px}/* 211117 */
    .searchTab ul{overflow:hidden}
    .searchTab ul li{float:left;margin-left:40px}
    .searchTab ul li:first-child{margin-left:0}
    .searchTab ul li a{font-size:14px;cursor:pointer;}/* 211129 */
    .searchTab ul li.on a{color:#00aad2;font-family:"HyundaiSansHeadMedium"}

    /* M-00123 */
    #news_list_topic_category.searchTab ul{display:table;margin:0 auto}/* 200624 add */
    #news_list_topic_category.searchTab ul li{margin-left:69px}
    #news_list_topic_category.searchTab ul li:first-child{margin-left:0}
    /* M-00123 End */
    /* M-00086*/
    .notFound .searchWrap{position:relative;left:auto;top:auto;margin:0 auto}
    .notFound .btnWrap{margin-top:20px;padding-bottom:50px}
    .notFound.contWrap .contBox{padding-top:50px}
    .siteMap{position:relative;padding:70px 0;background:#fff;overflow:hidden}
    .siteMap .button{position:relative;text-align:center;padding:30px 0 0 0}
    .siteMap .button a{color:#0caed4;font-family:"HyundaiSansHeadMedium";line-height:100%;position:relative;padding-right:12px;background:url(../images/common/btn_sitemap.png) right 5px no-repeat}
    .siteList{width:1120px;margin:0 auto;position:relative;overflow:hidden}
    .siteList li{float:left;width:25%;text-align:left}
    .siteList li dl dt{font-weight:600;line-height:20px;margin-bottom:15px;font-size:18px;padding-right:20px}
    .siteList li dl dd{line-height:20px;margin-bottom:10px;padding-right:20px}
    .notFound .siteMenuList .menu{width:275px}
    .notFound .siteMenuList a.newWin:after{display:none}
    .notFound .siteMapCont{display:block;width:1120px;margin:0 auto}
    .notFound .siteMapWrap{width:1120px;padding-bottom:0;margin:0 auto;overflow:hidden}
    .notFound .siteMapList{width:25%;float:left}
    .notFound .siteMapWrap .btnOpenClose{border:0;font-size:16px;line-height:30px;padding:0}
    .notFound .siteMapWrap .btnOpenClose:after{display:none}
    .siteMapWrap .siteMapCont{padding:10px 0 0px !important;height:auto !important}/* 201013 modify */
    /* end M-00086 */

    .helpBox{position:absolute;right:-16px;bottom:30px;font-size:12px;line-height:22px;background:#fff;padding:15px 20px 12px 20px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);z-index:10;width:276px}
    .helpBox strong{font-size:14px;font-family:"HyundaiSansHeadMedium";display:block;margin-bottom:6px}
    .helpBox .btnHelpClose{position:absolute;right:10px;top:10px;display:block;width:9px;text-align:center;height:9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../images/common/tool_tip_close.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
    .helpBox:after{display:block;content:"";position:absolute;right:20px;bottom:-20px;width:10px;height:10px;background:#fff;transform:translateY(-15px) rotate(45deg);-webkit-transform:translateY(-15px) rotate(45deg);box-shadow:1px 1px 1px rgba(0,0,0,0.1);z-index:10}

    .searchResult{height:100px;line-height:100px;font-size:20px;font-family:"HyundaiSansHeadMedium"}
    .searchResult span {color:#999} /* 210825 add */
   .searchWord{color:#00aad2} /* 210825 add */

    .searchNoResult{padding-bottom:100px}
    .searchNoResult .message{margin-bottom:14px;font-size:20px;font-family:"HyundaiSansHeadMedium"}
    .searchNoResult ul.txtList > li{margin-bottom:0}

    .schImgList{margin-bottom:52px;padding:0 0 30px 0;border-bottom:1px solid #ccc}
    .schImgList .list{position:relative;min-height:134px;margin-bottom:30px;padding:30px 0 0 295px}
    .schImgList .tags{padding-top:15px}
    .schImgList .tags a{padding-right:10px;color:#002c5f;font-family:"HyundaiSansHeadMedium";text-decoration:underline}
    .schImgList .img{position:absolute;left:0;top:0}
    .schImgList .img img{width:256px;height:134px}

    /* 210611 modify */
    .schTextList {margin-bottom:100px;} 
    .schTextList .list {display:table;position:relative;padding:32px 0 46px;}/* 210709 */
    .schTextList .subTit3 {width:800px;padding:0;line-height:25px;}
    .schTextList .conArea {overflow:hidden;margin-top:5px;width:800px;max-height:52px;line-height:25px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
    /* //210611 modify */
    .schTextList .link{width:800px;padding-top:20px;font-size:14px;line-height:1}
    .schTextList .link a{color:#002c5f;text-decoration:underline}
    .schTextList .link .dir{display:inline-block;position:relative;padding-right:20px;color:#666}
    .schTextList .link .dir:after{content:'';position:absolute;width:1px;height:10px;top:1px;right:9px;background:#e2dad4}
    .schTextList .img {/* position:absolute;top:50px;right:0 */} /* 210611 modify */
    .schTextList .img img {width:240px;height:126px;object-fit: cover;} /* 221117 modify */
    .schTextList .file{margin-top:20px}
    .schTextList .file a{font-family:"HyundaiRegular"}
    .schTextList .list:first-child{padding-top:0;border-top:0}
    .schTextList .list:first-child .img{top:-5px}

    /*tableType*/
    .tableWrap{padding-top:10px;padding-bottom:100px}
    .tableWrap .tblInfo{margin-top:-33px}
    .tableWrap .tblBtmTxt{padding-top:19px;font-size:14px;line-height:1;text-align:right}

    .tableType{}
    .tableType table{width:100%;background:#fff;border-top:1px solid #e4dcd3 !important;border-bottom:1px solid #e4dcd3}
    .tableType table thead th{padding:14px 20px 13px 20px;background-color:#002c5f !important;border-right:1px solid #fff;border-bottom:1px solid #fff;font-family:"HyundaiSansHeadMedium";font-weight:normal;font-size:14px;line-height:24px;color:#fff}
    .tableType table thead th span.txt{font-family:"HyundaiRegular";font-size:12px;line-height:14px}
    .tableType table thead tr th.th{height:35px;padding:0}
    .tableType table thead tr.ths th{height:35px;padding:0;font-family:"HyundaiRegular"}
    .tableType table tbody th{padding:13px 20px;border-top:1px solid #e4dcd3;border-right:1px solid #fff;font-family:"HyundaiSansHeadMedium";font-weight:normal;font-size:14px;line-height:24px;text-align:center}
    .tableType table tbody th.bgDB{border-top:1px solid #fff}
    .tableType table tbody tr.ranking td{background-color:#f6f3f2 !important;color:#00aad2}
    .tableType table tbody th.th{}
    .tableType table tbody th.ths{font-family:"HyundaiRegular"}
    .tableType table tbody td{padding:13px 20px;border-top:1px solid #e4dcd3;border-left:1px solid #e4dcd3;border-right:1px solid #e4dcd3;font-size:14px;line-height:24px;text-align:center}
    .tableType table tbody tr:first-child th,
    .tableType table tbody tr:first-child td{border-top:0}
    .tableType table tbody .tal1{padding-left:30px !important;padding-right:30px !important}
    .tableType table tbody .tal2{padding-left:40px !important;padding-right:40px !important}
    .tableType table tbody td ul li:first-child{padding-top:0}
    .tableType table tbody td ul li{padding-top:10px}
    .tableType table tbody .hfix{height:49px}
    .tableType.wide table thead th{padding-left:5px;padding-right:5px}
    .tableType.wide table tbody th{padding-left:5px;padding-right:5px}
    .tableType.wide table tbody td{padding-left:5px;padding-right:5px}

    .tableType.fzbig1 table thead th{font-size:16px;line-height:1.5}
    .tableType.fzbig1 table tbody th{font-size:16px;line-height:1.5}
    .tableType.fzbig1 table tbody td{font-size:16px;line-height:1.5}

    .tableType.fzbig2 table thead th{font-size:18px;line-height:1.5}
    .tableType.fzbig2 table tbody th{font-size:18px;line-height:1.5}
    .tableType.fzbig2 table tbody td{font-size:18px;line-height:1.5}

    .tableType.fzbig3 table thead th{font-size:22px;line-height:1.5}
    .tableType.fzbig3 table tbody th{font-size:22px;line-height:1.5}
    .tableType.fzbig3 table tbody td{font-size:22px;line-height:1.5}

    /*bottomSlideMenu*/
    .bottomSlideMenu{padding-bottom:1px}
    .bottomSlideMenu .gridArea{overflow:hidden;margin-bottom:-1px;position:relative}
    .bottomSlideMenu .gridArea:after{display:block;content:'';position:absolute;left:50%;top:-1px;width:20px;height:1px;margin-left:-10px;background:#e4dcd3;z-index:1}
    .bottomSlideMenu .gridArea .grid{width:550px;border-top:1px solid #000;border-bottom:1px solid #000}
    .bottomSlideMenu .gridArea .grid .btnOpenClose{font-size:20px;font-family:"HyundaiSansHeadMedium";line-height:100px;padding:0 20px;position:relative;width:100%;text-align:left}
    .bottomSlideMenu .gridArea .grid .btnOpenClose:after{display:block;content:'';position:absolute;right:20px;top:50%;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#000 transparent transparent transparent}
    .bottomSlideMenu .gridArea .grid .btnOpenClose.on:after{border-width:0 5px 6px 5px;border-color:transparent transparent #000 transparent}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea{padding:0 20px;font-size:14px;display:none}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .slink{display:block;line-height:1;margin-bottom:40px;font-size:14px;font-family:"HyundaiSansHeadMedium"}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .stit{line-height:1;margin-bottom:28px;font-family:"HyundaiSansHeadMedium"}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .stit{line-height:1;margin-bottom:28px;font-family:"HyundaiSansHeadMedium"}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .bottomSubMenu{margin-bottom:40px}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .bottomSubMenu .link{color:#666}
    .bottomSlideMenu.n3 .gridArea .grid{width:360px;margin-left:20px !important}
    .bottomSlideMenu.n3 .gridArea .grid:nth-of-type(3n+1){margin-left:0 !important}

    .voteMenu{padding-bottom:100px}
    .voteMenu .voteMenuSlide{margin:0 auto;width:1120px;overflow:hidden;position:relative}
    .voteMenu .slideArea.swiper-wrapper .swiper-slide{margin:0;float:left}
    .voteMenu .txtArea .subTit4{overflow:hidden;padding-top:25px;line-height:24px;max-height:48px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
    .voteMenu .btn_prev{top:63px}
    .voteMenu .btn_next{top:63px}
    .voteMenu .imgArea img{width:256px;height:169px}
    .voteMenu a:hover .view{text-decoration:underline}
    .voteMenu .swiper-pagination{position:relative;margin-top:35px;top:auto;left:auto;right:auto;bottom:auto}

    .listViewType{margin-top:5px;font-size:0}
    .listViewType button{display:inline-block;width:20px;height:20px;margin-left:15px;font-size:0;vertical-align:top;background:url("../images/common/btn_view_type.png") no-repeat}
    .listViewType button.grid{background-position:top left}
    .listViewType button.list{background-position:top right}
    .listViewType button.on.grid{background-position:0 -20px}
    .listViewType button.on.list{background-position:100% -20px}

    .machFilterArea{background:#f6f3f2;width:100%;padding:60px 0 40px 0;display:none;position:relative}
    .machFilterArea .filterItemList{margin:0 auto;width:1120px}
    .machFilterArea .filterItem{float:left;width:320px;min-height:162px;margin-left:80px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .machFilterArea .filterItem .titleArea{line-height:1;position:relative;height:18px;margin-bottom:17px}
    .machFilterArea .filterItem .titleArea .tit{font-size:16px;font-family:"HyundaiSansHeadMedium"}
    .machFilterArea .filterItem .titleArea .btnHelp{position:absolute;right:0;top:0}
    .machFilterArea .filterItem .titleArea .helpBox{position:absolute;right:-16px;bottom:30px;display:none}
    .machFilterArea .filterItem .filterList{overflow:hidden}
    .machFilterArea .filterItem .filterList li{float:left;line-height:1;margin-bottom:16px;width:99px;font-family:"HyundaiSansHeadMedium"}
    .machFilterArea .filterItem .filterList li:nth-child(3n+1){width:117px}
    .machFilterArea .filterItem .filterList li:nth-child(3n+2){width:90px}
    .machFilterArea .filterItem .filterList li:nth-child(3n+3){width:93px}
    .machFilterArea .filterItem .filterList.n2 li{width:50%}
    .machFilterArea .filterItem .filterList.n6 li{width:16.6%}
    .machFilterArea .filterItem .from{float:left;font-size:14px;font-family:"HyundaiSansHeadMedium";line-height:1;margin:18px 0 0 0;overflow:hidden}
    .machFilterArea .filterItem .from .labelTit{float:left;line-height:34px;margin-right:10px}
    .machFilterArea .filterItem .from .labelTit .inputNumber{float:left}
    .machFilterArea .filterItem .to{float:right;text-align:right;font-size:14px;font-family:"HyundaiSansHeadMedium";line-height:1;margin:18px 0 0 0;overflow:hidden}
    .machFilterArea .filterItem .to .labelTit{float:right;line-height:34px;margin-left:10px}
    .machFilterArea .filterItem .to .labelTit .inputNumber{float:left}
    .machFilterArea .filterItem .inputNumber{line-height:30px;height:34px !important;width:66px !important;padding:0 !important;text-align:center;border:0 !important}
    .machFilterArea .btnArea{overflow:hidden;width:1120px;margin:0 auto}
    .machFilterArea .btnArea .reset{float:left;min-width:112px;font-size:16px;font-family:"HyundaiRegular"}
    .machFilterArea .btnArea .search{float:right;min-width:112px;font-size:16px;font-family:"HyundaiRegular"}
    .machFilterArea .btnMachFilterCloseArea{display:none}
    .machFilterArea.line{padding:0 0 40px 0}
    .machFilterArea.line .filterItemList{border-top:1px solid #e9e7e7}
    .machFilterArea.line .filterItemList .filterItem{margin-left:0;padding:40px 60px;border-left:1px solid #e9e7e7}
    .machFilterArea.line .filterItemList .filterItem:first-child{border-left:none}
    .machFilterArea.line .btnArea{padding:0 40px}
    .filterItemList.full .filterItem{float:none;width:100%}

    /*button*/
    a.btn, button.btn, span.btn{display:inline-block;min-width:140px;padding:0 30px;font-size:16px;line-height:36px;text-align:center;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#002c5f;color:#fff}
    a.btn.big,
    button.btn.big, span.btn.big{font-size:18px;line-height:46px;padding:0 30px}
    button.btn.small, span.btn.small{font-size:18px;line-height:46px;padding:0 30px}
    a.btn.gray,
    button.btn.gray{background:#777673}
    span.btn.disabled, button.btn:disabled{background:#cecdca}

    .btnRightArr{display:inline-block;padding-right:19px;line-height:1}
    .btnRightArr:after{display:block;content:'';background:url("../images/common/btn_right_arr.png") no-repeat;width:9px;height:6px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-3px}
    .btnRightArr.on:after{background-position:0 -6px}

    .btnRightArr.blue{color:#002c5f;font-size:16px;font-family:"HyundaiSansHeadMedium"}
    .btnRightArr.blue:after{display:block;content:'';background:url("../images/common/btn_right_blue_arr.png") no-repeat;width:9px;height:6px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-3px}
    .btnRightArr.blue.on:after{background-position:0 -6px}

    .btnHelp{background:url("../images/common/btn_help.png") no-repeat;width:18px;height:18px;-webkit-background-size:18px auto;background-size:18px auto;overflow:hidden;text-indent:-9999px}
    .btnHelp:hover,
    .btnHelp:focus{background-position:0 -18px}
    .btnHelp.on{background-position:0 -18px}

    .btnDown{display:inline-block;padding-left:23px;background:url("../images/common/btn_download.png") no-repeat left top;vertical-align:top;text-decoration:none;font-size:14px;line-height:1;font-family:"HyundaiSansHeadMedium"}
    table tbody td .btnDown{vertical-align:middle}

    .pdfDown{display:inline-block;padding-left:23px;background:url("../images/common/btn_pdfDown.png") no-repeat top left;text-decoration:none;font-size:14px;line-height:16px;font-family:"HyundaiSansHeadMedium";color:#000}

  /* 영상 컨텐츠 */
    .movieContent{position:relative;display:inline-block}
    .movieContent iframe,
    .movieContent object,
    .movieContent embed,
    .movieContent video{position:absolute;z-index:99;width:100%;height:100%;left:0;top:0}
    .videoBox{display:block;position:relative;z-index:1}
    .videoBox iframe,
    .videoBox object,
    .videoBox embed{position:relative;z-index:100;width:1120px;height:600px}
    .videoBox:before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;width:60px;height:60px;background:url("../images/common/btn_video.png") no-repeat top left;z-index:10;line-height:0;text-indent:-999px}
    .videoBox:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}

    .learnMore{position:relative;font-family:"HyundaiSansHeadMedium";font-size:18px;line-height:26px;color:#002c5e}/* blue */
    .learnMore:hover,
    .learnMore:focus{text-decoration:underline;color:#002c5e}
    .learnMore:after{content:"";display:inline-block;margin-left:10px;width:7px;height:12px;background:url("../images/common/learn_more_arr.png") no-repeat 0 0}

    .learnMoreW{position:relative;font-family:"HyundaiSansHeadMedium";font-size:18px;line-height:26px;color:#fff}/* white */
    .learnMoreW:hover,
    .learnMoreW:focus{text-decoration:underline;color:#fff}
    .learnMoreW:after{content:"";display:inline-block;margin-left:10px;width:7px;height:12px;background:url("../images/common/learn_more_w_arr.png") no-repeat 0 0}

    .newWindows{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:18px;line-height:26px;color:#002c5e}/* blue */
    .newWindows:hover,
    .newWindows:focus{text-decoration:underline;color:#002c5e}
    .newWindows:after{content:"";display:inline-block;margin-left:10px;width:13px;height:13px;background:url("../images/common/ico_new_windows_mo.png") no-repeat 0 0;background-size:13px 13px;-webkit-background-size:13px 13px}

    .newWindowsW{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:18px;line-height:26px;color:#fff}/* white */
    .newWindowsW:hover,
    .newWindowsW:focus{text-decoration:underline;color:#fff}
    .newWindowsW:after{content:"";display:inline-block;margin-left:10px;width:13px;height:13px;background:url("../images/common/ico_new_w_windows.png") no-repeat 0 0}

    .linkSns{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:20px;color:#fff;line-height:28px}
    .linkSns:hover,
    .linkSns:focus{text-decoration:underline;color:#fff}
    .linkSns:before{content:"";display:inline-block;margin-top:-3px;margin-right:10px;width:30px;height:30px;background:url("../images/common/ico_link_sns.png") no-repeat 0 0;vertical-align:top}

    .linkWebsite{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:20px;color:#fff;line-height:28px}
    .linkWebsite:hover,
    .linkWebsite:focus{text-decoration:underline;color:#fff}
    .linkWebsite:before{content:"";display:inline-block;margin-right:8px;width:25px;height:25px;background:url("../images/common/ico_website.png") no-repeat 0 0;vertical-align:top}

    /*paging*/
    .paging{position:relative;z-index:1;display:table;width:100%;margin-top:-20px;padding-bottom:100px;font-size:0;line-height:16px;text-align:center}
    .paging .btnPaging{display:inline-block;background:url("../images/common/btn_paging.png") no-repeat;text-indent:-9999px;height:11px;margin:0 8px;vertical-align:middle;margin-top:-1px;-webkit-background-size:auto 22px;background-size:auto 22px}
    .paging .btnPaging.btnFirst{width:13px;background-position:0 -11px}
    .paging .btnPaging.btnPrev{width:7px;background-position:-32px -11px}
    .paging .btnPaging.btnNext{width:7px;background-position:-38px -11px}
    .paging .btnPaging.btnLast{width:13px;background-position:right -11px}
    .paging .btnPaging.btnFirst.disabled{width:13px;background-position:0 0;cursor:default}
    .paging .btnPaging.btnPrev.disabled{width:7px;background-position:-32px 0;cursor:default}
    .paging .btnPaging.btnNext.disabled{width:7px;background-position:-38px 0;cursor:default}
    .paging .btnPaging.btnLast.disabled{width:13px;background-position:right 0;cursor:default}
    .paging .number{display:inline-block;padding:0 32px;overflow:hidden;vertical-align:top}
    .paging .number button{float:left;font-family:"HyundaiSansHeadMedium";font-size:16px;margin:0 9px}
    .paging .number button:hover,
    .paging .number button:focus{color:#00aad2}
    .paging .number button.on{color:#00aad2;text-decoration:underline}

    /* Contact us */
    .brdWriteWrap .btnWrap{margin-top:60px;padding-bottom:100px}
    .brdWriteWrap .conArea{margin-bottom:20px}
    .brdWriteWrap .conArea p{margin-top:12px}
    .brdWriteWrap .conArea p:first-child{margin-top:0}
    .brdWriteWrap .conArea h2{font-size:30px}
    .brdWriteWrap .conArea .stxt{font-size:20px;margin-top:17px;padding-bottom:12px}
    .brdWriteWrap .subscribe{margin-bottom:20px;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .subscribe label{margin-right:15px;font-size:16px !important}
    .brdWriteWrap .reqBox{padding-bottom:15px;text-align:right;font-size:14px;line-height:16px}
    .brdWriteWrap .req{display:inline-block;width:6px;height:5px;margin:-10px 5px 0 0;background:url("../images/common/bul_req.png") no-repeat top left;background-size:6px auto;line-height:0;font-size:0;vertical-align:middle}
    .brdWriteWrap .brdWrite{display:table;width:100%;border-top:1px solid #e4dcd3;padding-top:40px}
    .brdWriteWrap .brdWrite .formList{display:table;width:100%;padding:20px 0 0 0}
    .brdWriteWrap .brdWrite .formList:first-child{padding-top:0}
    .brdWriteWrap .brdWrite .scrollCon{font-size:14px;line-height:20px;border:1px solid #e4dcd3;height:300px;overflow:auto;padding:20px}
    .brdWriteWrap .brdWrite .scrollCon strong{font-size:20px;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .brdWrite dt{display:table-cell;width:220px;font-family:"HyundaiSansHeadMedium";vertical-align:middle}/* 200424 modify */
  .brdWriteWrap .brdWrite dd{display:table-cell;width:900px;line-height:0;font-size:0;vertical-align:middle}/* 210908 modify */
    .brdWriteWrap .brdWrite dt label{position:relative;padding-right:7px;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .brdWrite dt label .req{position:absolute;right:0;bottom:2px;margin:0 0 11px 0}
    .brdWriteWrap .brdWrite dt span{font-family:"HyundaiSansHeadMedium";line-height:1;display:block;color:#111;margin-top:5px}
    .brdWriteWrap .brdWrite dd span{display:inline-block;font-size:14px;width:100%;margin-left:10px;vertical-align:middle;line-height:1}
    .brdWriteWrap .brdWrite dd span:first-child{margin-left:0}
    .brdWriteWrap .brdWrite dd .boxWrap{width:624px;display:inline-block;font-size:0}
    .brdWriteWrap .brdWrite dd .space{width:15px;margin:0 0 0 10px;color:#111}
    .brdWriteWrap .brdWrite dd .email{width:200px}
    .brdWriteWrap .brdWrite dd .email02{width:294px}
    .brdWriteWrap .brdWrite dd .file{width:759px}/*200424 add*/ 
    .brdWriteWrap .brdWrite dd .btnWrap{width:179px;margin-top:0;padding-bottom:0}
    .brdWriteWrap .brdWrite dd .btnWrap .btn{padding:0 22px}
    .brdWriteWrap .brdWrite dd .half{width:307px}
    .brdWriteWrap .brdWrite dd input.txt{width:100%;height:50px !important;border:1px solid #e4dcd3 !important;line-height:30px !important}
    .brdWriteWrap .brdWrite dd.type02 ::-webkit-input-placeholder{color:#fff}
    .brdWriteWrap .brdWrite dd.type02 ::-moz-placeholder{color:#fff}
    .brdWriteWrap .brdWrite dd.type02 :-ms-input-placeholder{color:#fff}
    .brdWriteWrap .brdWrite dd.type02 input:-moz-placeholder{color:#fff}
    .brdWriteWrap .brdWrite dd textarea.txt{width:100%;height:150px !important;border:1px solid #e4dcd3 !important;font-size:14px !important;line-height:30px !important}
    .brdWriteWrap .brdWrite dd select{height:50px !important;background-color:#f6f3f2 !important;box-shadow:none !important;color:#b6b4b3 !important}
    .brdWriteWrap .brdWrite dd input.txt:disabled,
    .brdWriteWrap .brdWrite dd textarea.txt:disabled{color:#b6b4b3 !important;font-family:'HyundaiSansHeadMedium' !important}/* 210423 modify */
    .brdWriteWrap .brdWrite dd .formCheckTxt{margin-top:20px}
    .brdWriteWrap.complete .brdWrite .formList dd{border:1px solid #e4dcd3;font-size:14px;line-height:30px;padding:9px 20px}
    .brdWriteWrap.complete .brdWrite .formList .textarea{height:150px}
    .brdWriteWrap .brdWrite dd ::-webkit-input-placeholder{color:#00aad2}
    .brdWriteWrap .brdWrite dd ::-moz-placeholder{color:#00aad2}
    .brdWriteWrap .brdWrite dd :-ms-input-placeholder{color:#00aad2 !important} /* 210422 modify */
    .brdWriteWrap .brdWrite dd :-moz-placeholder{color:#00aad2}
    /* 210423 add */
    .brdWriteWrap .brdWrite dd input.txt:disabled::-webkit-input-placeholder,
    .brdWriteWrap .brdWrite dd textarea.txt:disabled::-webkit-input-placeholder {color:#b6b4b3 !important}
    /* //210423 add */
    /* s:200424 add :open source */
    .brdWriteWrap .brdWrite dd input.read_only{background-color:#cecdca !important}
    .brdWriteWrap .brdWrite dd .fileWrap{font-size:14px}
    .brdWriteWrap .brdWrite dd .filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
    .brdWriteWrap .brdWrite dd .filebox label{display:inline-block;padding:0 22px;background-color:#002c5f;font-size:16px;line-height:50px;color:#fff;vertical-align:middle;cursor:pointer}
    .brdWriteWrap .brdWrite dd .filebox .upload_name{display:inline-block;width:100%;height:50px !important;line-height:30px;vertical-align:middle;border:1px solid #e4dcd3 !important;background:#fff !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}
    /* e:200424 add :open source */
    .brdWriteWrap .tableWrap{padding:0}
  /* 210908 add */
  .vinCheckTxt {margin-top:15px;font-size:14px;line-height:18px;}
  .vinCheckTxt span {display:inline !important;}
  .brdWriteWrap .owner {font-family:"HyundaiSansHeadMedium"}
  .brdWriteWrap .owner label{margin-right:15px;font-size:16px !important}
  /* //210908 add */

    /* IR Map - 191129 hover color modify*/
    .irMapWrap{width:925px;margin:0 auto 0;padding:0 0 100px 0;} /* 210723 modify */
  .irMapWrap .grid {width:auto;margin:0 101px 0 0;}/* 210723 add */
    .irMapWrap .grid:first-child{margin-left:0}
  .irMapWrap .grid:nth-child(4) {margin-right:0;}/* 210723 add */
    .irMapWrap .grid .subTit4{display:block !important;margin-bottom:22px}
    .irMapWrap .grid .subTit4 a{text-decoration:none}
    .irMapWrap .grid .subTit4 a:hover,
    .irMapWrap .grid .subTit4 a:focus,
    .irMapWrap .grid .subTit4.on a{color:#002c5f;text-decoration:none}
    .irMapWrap .grid .subTit5{display:block !important;font-size:14px;line-height:34px;font-family:"HyundaiSansHeadMedium";margin-top:5px}
    .irMapWrap .grid .subTit5.on{color:#002c5f}
  .irMapWrap .grid .subTit5 a {font-family:"HyundaiRegular";color:#666;}/* 210723 add */
    .irMapWrap .grid .subTit5 a:hover,
    .irMapWrap .grid .subTit5 a:focus,
    .irMapWrap .grid .subTit5.on a{color:#002c5f;text-decoration:none}
    .irMapWrap .irMapList{display:block !important;padding-bottom:5px}
    .irMapWrap .irMapList li{line-height:24px}
    .irMapWrap .irMapList li a{font-size:14px;color:#767676;text-decoration:underline}
    .irMapWrap .irMapList li a:hover,
    .irMapWrap .irMapList li a:focus,
    .irMapWrap .irMapList li.on a{color:#002c5f;font-family:"HyundaiSansHeadMedium"}

    /* Report */
    .reportWrap{padding-bottom:68px}
    .reportWrap .gridWrap{margin-bottom:60px}
    .reportWrap .grid{position:relative;background:#fff;min-height:140px;margin-bottom:32px;padding:22px 30px 16px}
    .reportWrap .grid .subTit3{margin-top:-8px}
    .reportWrap .grid .btmTool{margin-top:37px;font-size:0}
    .reportWrap .btnWrap{padding-bottom:40px}
    .reportWrap .info{font-size:14px}
    .reportWrap .info .no{font-family:"HyundaiSansHeadMedium"}
    .reportWrap .info .date{margin-left:7px}
    .reportWrap .info .date:before{content:'';display:inline-block;width:1px;height:10px;background:#d4d4d4;margin-right:10px;vertical-align:0}
    .reportWrap .n3 .grid{padding:40px 50px}
    .reportWrap .n3 .grid:nth-child(3n+1){margin-left:0}
    .reportWrap .n3 .grid .btmTool{margin-top:55px}
    .reportWrap .n4 .grid:nth-child(4n+1){margin-left:0}
    .bgW .reportWrap .grid{background-color:#f6f3f2}
    .reportWrap#investor_news_thumbn .grid{min-height:271px}
    .reportWrap#investor_news_thumbn .grid .subTit{overflow:hidden;height:80px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}


    .reportInfo{position:relative;height:45px}
    .reportInfo .subTit3{line-height:1}
    .reportInfo select{position:absolute;width:200px !important;top:-20px;right:0;box-shadow:none !important}
    .reportInfo .btnOnly{text-align:right}

    /* layerPop */
    .layerPop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999}
    .layerPop .dim{position:fixed;left:0;right:0;top:0;bottom:0;background:url("../images/common/popup-bg.png") repeat left top}
    .layerPop .layerPopArea{position:relative;width:700px;margin:0 auto;top:120px;padding-bottom:100px}/* 기본이 700px */
    .layerPop .layerPopArea.w550{width:550px}
    .layerPop .layerPopArea .btnLayerClose{display:block;position:absolute;top:30px;right:30px;text-indent:-9999px;width:16px;height:16px;background:url("../images/common/btn_layer_close.png") no-repeat}

    .layerPop .popCont{padding:60px;background:#fff;text-align:center}
    .layerPop .popCont .headTit{display:block;padding:15px 0;text-align:center;font-size:24px;line-height:30px}
    .layerPop .popCont .titMsg{display:block;margin:10px 0 40px 0;font-size:20px}
    .layerPop .popCont .titMsg a{display:block;color:#002c5f;text-decoration:underline}
    .layerPop .popCont .icoNoti{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../images/common/ico_noti.png") no-repeat;margin:0 auto}
    .layerPop .popCont .icoNoti1{display:block;text-indent:-9999px;width:45px;height:45px;background:url("../images/common/ico_noti_1.png") no-repeat;margin:0 auto}
    .layerPop .popCont .message{margin:40px 0 20px 0;color:#000}
    .layerPop .popCont .message.bold{font-family:'HyundaiSansHeadMedium'}
    .layerPop .popCont .message.wrong{color:#00aad2}
    .layerPop .popCont .conArea{text-align:left}
    .layerPop .popCont .inputWrap{width:100%}
    .layerPop .popCont .inputWrap input.txt{width:100%;height:50px !important;border:1px solid #e4dcd3 !important}
    .layerPop .popCont .etc{margin-top:40px;padding-top:40px;border-top:1px solid #e4dcd3}
    .layerPop .popCont .etc .message{margin-top:0}
    .layerPop .popCont .btnWrap{margin-top:30px;padding-bottom:0}

    .layerPop .shareList{display:table;width:100%;text-align:center;font-size:0;margin:30px 0 20px 0}
    .layerPop .shareList li{display:inline-block;vertical-align:middle;margin:0 0 0 48px}
    .layerPop .shareList li:first-child{margin-left:0}
    .layerPop .shareList li a{display:block;width:60px;height:43px;text-indent:-9999px}
    .layerPop .shareList li a:hover,
    .layerPop .shareList li a:focus{background-position:0 -43px !important}
    .layerPop .shareList li.btnFacebook a{background:url("../images/common/sns_share_layer_facebook.png") no-repeat}
    .layerPop .shareList li.btnGoogle a{background:url("../images/common/sns_share_layer_google.png") no-repeat}
    .layerPop .shareList li.btnTwitter a{background:url("../images/common/sns_share_layer_twitter.png") no-repeat}
    .layerPop .shareList li.btnPinterest a{background:url("../images/common/sns_share_layer_pinterest.png") no-repeat}

    .layerPop .pdfList{display:table;width:100%;text-align:center;font-size:0;margin-top:35px}
    .layerPop .pdfList li{display:inline-block;vertical-align:middle;margin:0 27px 8px 27px}
    .layerPop .pdfList li:first-child{margin-left:0}
    .layerPop .pdfList li:last-child{margin-right:0}
    .layerPop .pdfList li .btnDown{font-size:20px;padding-left:0;padding-right:23px;background-position:right 2px}
    .layerPop .pdfList li .btnDown:hover, .layerPop .pdfList li .btnDown:focus, .layerPop .pdfList li .btnDown:active{text-decoration:none;color:#002c5e;background-image:url("../images/common/btn_pdfDown_blue.png")}

    .depList > .listItem{position:relative;padding-left:12px}
    .numList > .listItem{position:relative;margin-bottom:40px;padding-left:18px}
    .numList02{margin-bottom:-15px}
    .numList02 > .listItem{position:relative;margin-bottom:15px;padding-left:21px}
    .depWordList > .listItem{position:relative;padding-left:19px}
    .depList .blIcon,
    .depWordList .blIcon,
    .numList  .blIcon,
    .numList02  .blIcon{position:absolute;left:0;top:0;padding-right:5px}

    .noticeList{margin-top:23px}
    .noticeList li{margin-top:14px;padding-left:21px;line-height:20px;background:url("../images/common/ico_notice_grey.png") no-repeat left 2px;color:#666;font-size:14px;text-align:left}

    ul.txtList{margin-bottom:-8px}
    ul.txtList > li{margin-bottom:8px;padding-left:12px;background:url("../images/common/bul_txtlist.gif") no-repeat 0 12px}

    .txtDesc{font-size:14px}
    .programWrap{padding-bottom:100px}
    .programWrap .program{}/* 추후수정예정 */

    /* calendar */
    .calendarWrap{position:relative;width:1120px;padding-bottom:100px}
    .calendarWrap .calendarControl{position:relative;text-align:center;margin-bottom:51px;font-size:0;display:table;width:100%;z-index:30}
    .calendarWrap .calendarControl a:hover,
    .calendarWrap .calendarControl a:focus{text-decoration:none}
    .calendarWrap .calendarControl .topTit{display:inline-block;line-height:1}
    .calendarWrap .calendarControl .date{position:relative;display:inline-block;vertical-align:top;font-size:44px;font-family:"HyundaiSansHeadMedium";line-height:1;padding-right:23px;margin:0 30px 0 40px}
    .calendarWrap .calendarControl .date:after{display:block;content:"";width:13px;height:8px;background:url("../images/common/bg_calendar.png") no-repeat;position:absolute;top:50%;right:0;margin-top:-4px}
    .calendarWrap .calendarControl .btnPrev{display:inline-block;vertical-align:top;text-indent:-9999px;width:12px;height:20px;background:url("../images/common/bg_calendar.png") no-repeat 0 -34px;margin-top:10px}
    .calendarWrap .calendarControl .btnNext{display:inline-block;vertical-align:top;text-indent:-9999px;width:12px;height:20px;background:url("../images/common/bg_calendar.png") no-repeat 0 -11px;margin-top:10px}
    .calendarWrap .calendarControl .calOption{display:none;position:absolute;z-index:2;top:60px;left:0;right:0;margin:0 auto;font-size:16px;background:#fff;width:500px;height:425px;border:1px solid #000}
    .calendarWrap .calendarControl .calOption .grid{position:relative;text-align:left;padding:25px 0 25px 30px}
    .calendarWrap .calendarControl .calOption .grid .subTit3{display:block;margin-bottom:13px}
    .calendarWrap .calendarControl .calOption .grid:first-child{border-right:1px solid #e4dcd3}
    .calendarWrap .calendarControl .calOption .grid .calRoll{overflow-y:auto;height:355px}
    .calendarWrap .calendarControl .calOption .grid .calRoll .on button{color:#00aad2;text-decoration:underline}
    .calendarWrap .calendarControl .calOption .btnOptionClose{position:absolute;top:30px;right:30px;height:16px;overflow:hidden}
    .calendarWrap .calendarControl .calOption .btnOptionClose img{width:16px}
    .calendarWrap .calToday{position:absolute;top:60px;right:0;font-family:"HyundaiSansHeadMedium";text-decoration:underline}
    .calendarWrap .calHead{overflow:hidden}
    .calendarWrap .calHead ul li{float:left;width:160px;background-color:#002c5f !important;text-align:center;color:#fff;font-family:"HyundaiSansHeadMedium";padding:18px 0}
    .calendarWrap .calBody{background:#fff}
    .calendarWrap .calBodyArea{position:relative;z-index:1;transition:height 0.3s;overflow:hidden;height:120px}
    .calendarWrap .calBodyArea > li{float:left;width:160px;height:120px !important;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;padding:15px 20px;background:#fff}
    .calendarWrap .calBodyArea > li:first-child{border-left:1px solid #e4dcd3}
    .calendarWrap .calBodyArea > li.on{background:#f6f3f2;border-bottom:none}
    .calendarWrap .calBodyArea > li .btnCalMore{display:block;width:100%;padding-bottom:50px;text-align:left}
    .calendarWrap .calBodyArea > li .btnCalMore .work{display:inline-block;width:11px;height:11px;background:#00aad2;border-radius:50%;margin-left:5px}
    .calendarWrap .calBodyArea > li.today{background:#f6f3f2;font-family:"HyundaiSansHeadMedium"}
    .calendarWrap .calBodyArea > li.today .btnCalMore{font-family:"HyundaiSansHeadMedium"}
    .calendarWrap .calBodyArea > li .btnCalMore + .txtToday{margin-top:-50px}
    .calendarWrap .calBodyArea > li .txtToday{display:block;font-size:16px;font-family:"HyundaiSansHeadMedium"}
    .calendarWrap .calBodyArea > li .calMoreContent{display:none;position:absolute;z-index:30;top:120px !important;left:0;right:0;background:#f6f3f2;padding:0 60px 41px 60px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner{overflow:hidden;position:relative;padding:51px 0 51px;border-top:1px solid #e4dcd3}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner:first-child{border-top:0}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .titBox{float:left;width:410px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .date{display:block;font-size:14px;font-family:"HyundaiRegular";color:#666}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner h3{margin:12px 0 19px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .conArea{float:right;width:500px;padding-top:40px;line-height:28px;font-family:"HyundaiRegular"}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .pdfDown{position:absolute;top:51px;right:0}
    .calendarWrap .calBodyArea > li .calMoreContent .btnMoreClose{position:absolute;top:17px;right:17px;height:10px;overflow:hidden}
    .calendarWrap .calBodyArea > li .calMoreContent .btnMoreClose img{width:10px}

    .fifaWorldCup .imgArea{text-align:center}
    .fifaWorldCup .imgArea img{width:128px;height:128px}

    .countryListWrap{padding:0 0 0 95px}
    .countryListWrap .gridWrap{padding-bottom:87px}
    .countryListWrap .n3 .grid{width:341px;margin-left:0;margin-top:45px;padding-right:10px;font-size:14px}
    .countryListWrap .n3 .grid img{width:26px;height:18px}
    .countryListWrap .n3 .grid .txtCountry{padding-left:7px}
    .countryListWrap .n3 .grid a:hover,
    .countryListWrap .n3 .grid a:focus{text-decoration:none}

    .txtNote{margin-top:5px;font-size:14px}
    .txtNote .note{margin:9px 2px 0 0}
    .note{overflow:hidden;position:relative;display:inline-block;width:10px;height:8px;margin:4px 2px 0 0;font-size:0;line-height:4;vertical-align:top}
    .note:before{content:'*';display:block;width:8px;height:8px;font-size:14px;line-height:1;color:#000}

    .noteList{margin-top:10px;font-size:14px}
    .noteList .tit{display:block;font-family:"HyundaiSansHeadMedium"}
    .noteList ul li{position:relative;padding-left:15px;line-height:20px}
    .noteList ul li .blIcon{position:absolute;left:0;top:0;padding-right:5px}

    .zoomLayerCont{padding-bottom:100px}
    .zoomLayerCont img{width:1120px}

    /* s:200423 add :CSR */
    .csrWrap .searchBar .searchWrap,.csrVideoWrap .searchBar .searchWrap{width:660px}
    .csrWrap .searchBar .selectWrap,.csrVideoWrap .searchBar .selectWrap{display:inline-block;position:absolute;top:40px;width:430px;font-size:0}
    .csrWrap .searchBar .selectWrap span,.csrVideoWrap .searchBar .selectWrap span{display:inline-block;width:100%;margin-left:30px;font-size:14px;line-height:1;vertical-align:middle}
    .csrWrap .searchBar .selectWrap span:first-child{margin-left:0}
    .csrWrap .searchBar .selectWrap select,.csrVideoWrap .searchBar .selectWrap select{box-shadow:none !important}
    .csrWrap .searchBar .selectWrap .half{width:200px}
    .csrWrap .sortSelect{position:relative;min-height:124px;line-height:124px;z-index:20}
    .csrWrap .sortSelect select{width:200px !important;box-shadow:none !important}
    .csrListWrap .brdList .txtArea{padding-top:19px}
    .csrListWrap .brdList .txtArea .info{line-height:1}
    .csrListWrap .info .date{font-family:"HyundaiRegular"}
    .csrListWrap .info .data{margin:5px 0 11px;font-family:"HyundaiSansHeadMedium"}
    .csrListWrap .brdList .grid{position:relative}
    .csrListWrap .brdList.n2{padding-top:100px;padding-bottom:60px}
    .csrListWrap .brdList.n2 .gridRow{padding-bottom:57px}
    .csrListWrap .brdList.n2 .grid{float:left;width:544px}
    .csrListWrap .brdList.n2 .grid .subTit3{font-size:20px}
    .csrListWrap .brdList.n2 .grid+.grid{float:right;margin-left:15px}
    .csrListWrap .brdList.n2 .imgArea{overflow:hidden;position:relative;width:544px;height:306px}
    .csrListWrap .brdList.n2 .imgArea img{width:544px;height:auto;margin-top:0}
    .csrListWrap .brdList.n3{padding-top:70px;padding-bottom:80px}
    .csrListWrap .brdList.n3 .grid .subTit4{font-size:18px;line-height:27px}
    .csrListWrap .down-wrap{display:block;position:absolute;right:0;bottom:0;width:auto;text-align:left}
    .csrListWrap .down-wrap a{display:inline-block;margin-right:0;margin-left:20px;line-height:28px}
    .csrListWrap .down-wrap a .ico_down{display:inline-block;margin-top:7px}
    .csrListWrap .down-wrap .down{font-size:16px;color:#000}
    .csrListWrap .down-wrap .down .ico_down{width:16px;height:16px;vertical-align:top;background:url('../../../kr/ko/images/common/ico_mobile_32.png') no-repeat 0 -192px;background-size:100%}
    /* e:200423 add :CSR */
    /* s:200429 add :CSR-Report */  
    .csrReportWrap .gridWrap{margin-bottom:100px}
    .csrReportWrap .gridWrap.n4 .grid{margin:40px 0 16px 32px;text-align:center}
    .csrReportWrap .gridWrap.n4 .grid .imgArea{overflow:hidden;height:144px;border:1px solid #e3dcd2}
    .csrReportWrap .gridWrap.n4 .grid .imgArea img{width:auto;height:100%}
    .csrReportWrap .gridWrap.n4 .grid:nth-child(4n+1){margin-left:0}
    .csrReportWrap .gridWrap.n4 .grid:nth-child(4n+5):before{content:'';position:absolute;left:0;right:0;margin-top:-60px}
    .csrReportWrap .gridWrap.n4 .grid .info{overflow:hidden;clear:both;padding:13px 6px 0 5px}
    .csrReportWrap .gridWrap.n4 .grid .Year{display:inline-block;float:left;font-size:20px;line-height:30px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .csrReportWrap .down-wrap{display:inline-block;width:auto;float:right}
    .csrReportWrap .down-wrap a{margin:0;line-height:28px}
    .csrReportWrap .down-wrap a .ico_down{display:inline-block;margin:5px 1px 0 0}
    .csrReportWrap .down-wrap .down{font-size:14px;color:#000}
    .csrReportWrap .down-wrap .down .ico_down{width:16px;height:16px;vertical-align:top;background:url('../../../kr/ko/images/common/ico_mobile_32.png') no-repeat 0 -192px;background-size:100%}
    .csrReportWrap .down-wrap .down + .down{margin-left:13px}
    /* e:200429 add :CSR-Report */
    .tabCont .csrListWrap .brdList.n2{padding-top:40px}/* 200529 add */
    .tabCont .csrListWrap .brdList.n3{padding-top:10px}/* 200529 add */

    /* s:200624 add :Newsroom */
    ul.tabArea.NewType li{border-left:2px solid #fff}
    ul.tabArea.NewType li:first-child{border-left:0}
    ul.tabArea.NewType .tab .link{background-color:#f7f3f2;color:#000}
    ul.tabArea.NewType .tab.on .link{background-color:#444;color:#fff}

    .news-list .btnWrap{overflow:hidden;height:36px;margin:-60px 0 0;padding-bottom:106px;text-align:right}
    .news-list .btnArea{display:inline-block}
    .news-list .btnArea .btn{margin-left:6px;padding:0 25px}
    .news-list .btnArea:first-child .btn{padding:0 30px}

    .news-view .utillTopBox{height:75px}
    .news-view .utillTopBox .utillTopInner .utillRight{padding-top:26px}
    .news-view .utillTopBox .utillTopInner .utillRight button{font-size:16px;font-family:"HyundaiSansTextRegular"}
    .news-view .utillTopBox .utillTopInner .utillRight .utillEmail{float:left;margin-right:0;padding-left:27px;line-height:24px;background:url("../images/common/btn_email.png") no-repeat left center}
    .news-view .utillTopBox .utillTopInner .utillLight{overflow:hidden;float:left;padding-top:21px}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList{overflow:hidden;display:block}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList li{display:block;float:left;width:34px;height:34px;margin-right:10px;background:url("../images/common/btn_sns_share.png") no-repeat;text-indent:-9999px}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList li a{display:block}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnFacebook{background-position:0 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnTwitter{background-position:-34px 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnPinterest{background-position:-68px 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnInstar{background-position:-102px 0}

    .newsViewType{display:block;padding:60px 0 30px;font-size:0;line-height:1;text-align:right}
    .newsViewType button{display:inline-block;width:44px;height:44px;background:url("../images/common/newslist-btn.png") no-repeat 0 0}
    .newsViewType button.btnList{width:43px;background-position:0 0}
    .newsViewType button.btnThumbnail{width:43px;background-position:-47px 0}
    .newsViewType button.btnList.on{width:44px;background-position:0 -46px}
    .newsViewType button.btnThumbnail.on{width:44px;background-position:-46px -46px}
    /* e:200624 add :Newsroom */
}

/* mobile size */
@media screen and (min-width:0) and (max-width:740px){
    /* common */
    .btnWrap{margin-top:-20px;padding-bottom:60px;line-height:1}
    .btnWrap .btn{margin-top:10px}
    .btnWrap .btn:first-child{margin-top:0}
    .contBox.full > .button .btnWrap{padding-left:15px;padding-right:15px}
    img.flag{width:26px;height:18px;box-shadow:1px 1px 3px rgba(148,148,148,0.8);vertical-align:middle}

    /* title */
    .topTit{font-size:27px;line-height:32px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 대타이틀1 */
    .subTit{font-size:19px;line-height:24px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀1 */
    .subTit2{font-size:17px;line-height:22px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀2 */
    .subTit3{font-size:16px;line-height:21px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀3 */
    .subTit4{font-size:14px;line-height:19px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀4 */
    .subTit5{font-size:12px;line-height:16px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}/* 중타이틀5 */

    .titArea{clear:both;padding:0 0 32px 0;text-align:center}
    .titArea .topTit{margin-top:-6px}
    .titArea .topTxt{margin-top:12px;margin-bottom:2px;font-size:14px;line-height:21px;font-family:"HyundaiSansHeadMedium"}/* head 본문 */
    .titArea .subTit{margin:-4px 0 -14px 0}
    .titArea .topTit + .subTit{margin-top:28px}
    .titArea .subTit + .topTxt{margin-top:27px;margin-bottom:-13px}
    .titArea .img{display:block;margin:4px 0 7px 0;font-size:0;line-height:0}
    .titArea .img img{width:auto}
    .grid .titArea{padding-left:0;padding-right:0}

    .titArea.bgBl{padding:22px 20px 18px 20px}
    .titArea.bgBl .topTit{color:#fff}
    .titArea.bgBl .subTit{margin:0 !important;color:#fff}
    .titArea.bgBl .topTxt{margin-top:3px;margin-bottom:1px;color:#fff}

    .titArea.brd{text-align:left}
    .titArea.brd .subTit{margin:-24px 0 1px 0}

    .conArea{color:#000;font-size:14px;line-height:21px;text-align:left}/* text 본문1 */
    .conAreas{color:#000;font-size:12px;line-height:19px}/* text 본문2 */

    .custom_title{font-size:36px;line-height:36px;font-family:'HyundaiBold';color:#000}/*PDN_title*/
    .custom_title span{color:#e63312}/*PDN_title*/

    /*grid*/
    .n1 .grid,
    .n2 .grid,
    .n3 .grid,
    .n4 .grid,
    .n6 .grid,
    .n8 .grid,
    .n16 .grid{float:none;width:100%}

    .gridWrap a.btn{width:100%}
    .grid.phz,
    .gridRow.phz,
    .imgOnly .grid,
    .imgOnly .gridRow{margin-bottom:0 !important;padding-bottom:0 !important}

    .imgView1{text-align:center}
    .imgView1 .grid{margin-bottom:60px}
    .imgView1 .subTit{margin:0 0 15px 0}
    .imgView1 .txtArea{padding:26px 20px 0 20px}
    .imgView1 .txtArea .subTit{margin:0 0 9px 0}
    .imgView1 .txtArea .subTit3{margin:0 0 15px 0}
    .imgView1 .txtArea .conArea{margin-bottom:-4px}
    .imgView1 .btnWrap{margin:36px 0 0 0;padding-bottom:0}

    .imgView1.full .btn_prev{display:none}
    .imgView1.full .btn_next{display:none}
    .imgView1.full .grid{margin-bottom:0}
    .imgView1.full .txtArea{margin-bottom:60px}
    .imgView1.full .swiper-pagination{margin-top:10px}

    .imgView2{text-align:left}
    .imgView2 .grid{margin-bottom:60px}
    /* s:190926 modify selector - as is .imgView2 .txtArea */
    .imgView2 .imgArea + .txtArea{padding:15px 15px 0 15px}
    .imgView2 .imgArea + .txtArea .subTit{margin:15px 0}
    .imgView2 .imgArea + .txtArea .subTit2{margin:15px 0 10px 0}
    /* e:190926 modify */
    .imgView2 .txtArea .conArea{}
    .imgView2 .txtArea .btnWrap{margin:30px 0 0 0;padding-bottom:0;text-align:left}
    .imgView2 .noticeList{margin-top:12px}

    .imgView2.gridGap{padding-bottom:25px}
    .imgView2.gridGap .grid{margin-bottom:35px}

    .imgViewFull{text-align:left}/* n2 */
    .imgViewFull .grid{margin-bottom:60px}
    .imgViewFull .txtArea{padding:26px 35px 0 35px}
    .imgViewFull .txtArea .subTit{margin:0 0 9px 0}
    .imgViewFull .txtArea .subTit2{margin:0 0 9px 0}
    .imgViewFull .txtArea .subTit3{margin:0 0 11px 0}
    .imgViewFull .txtArea .subTit4{margin:0 0 13px 0}
    .imgViewFull .txtArea .conArea{margin-bottom:-4px}
    .imgViewFull .btnWrap{margin:33px 0 0 0;padding-bottom:0;text-align:left}

    .bnrFull{text-align:left}/* n2 */
    .bnrFull .gridRow{overflow:hidden}
    .bnrFull .grid{}
    .bnrFull .imgArea{position:relative;text-align:center}
    .bnrFull .imgArea img{}
    .bnrFull .imgArea:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}
    .bnrFull .btnWrap{position:absolute;z-index:1;top:50%;margin:0;padding:0;width:100%}
    .bnrFull.big{margin:0 15px}
    .bnrFull.big.main .grid{width:100%}
    .bnrFull.big.main a{display:block;height:100%;position:relative}
    .bnrFull.big.main a .middle{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;z-index:1}
    .bnrFull.big.main a .middle .table{display:table;width:100%;height:100%}
    .bnrFull.big.main a .middle .inner{display:table-cell;height:100%;vertical-align:middle;text-align:center;color:#fff;font-size:19px;line-height:26px;font-family:"HyundaiSansHeadMedium"}
    .bnrFull.big.main .imgArea:after{display:none}

    .fullSlide{background-size:cover;background-repeat:no-repeat}
    .fullSlide .txtArea{margin-top:28px;padding:0 20px 126px 20px;text-align:center}
    .fullSlide .txtArea .btnWrap{margin:34px 0 0 0;padding-bottom:0;text-align:left}
    .fullSlide .subTit{overflow:hidden;margin:0 0 45px 0}
    .fullSlide .conArea{margin-top:15px}
    .fullSlide .slideWrap .btn_prev{display:none}
    .fullSlide .slideWrap .btn_next{display:none}
    .fullSlide .slideWrap .swiper-pagination{top:auto !important;bottom:70px}

    .imgView3{padding-bottom:15px}
    .imgView3 .grid{margin-bottom:45px}
    .imgView3 .imgArea{position:relative}
    .imgView3 .imgArea .grp{position:absolute;padding:14px 0 0 10px;width:100%;height:65px;font-size:12px;color:#fff;z-index:1;background:url("../images/abouthyundai/bg_thumb_category_mo.png") repeat-x 0 0;background-size:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .imgView3 .txtArea{padding:15px 0 0 0}
    .imgView3 .txtArea .subTit4{overflow:hidden;margin:5px 0 0 0;max-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
    .imgView3 .txtArea input[type="checkbox"] + label{font-family:"HyundaiSansHeadMedium"}

    .imgView4{padding-bottom:30px}
    .imgView4 .slideArea.swiper-wrapper{display:block}
    .imgView4 .imgArea img{width:100%}
    .imgView4 .txtArea{position:relative;padding:10px 0 10px 0;text-align:center}/*190515 edit*/
    .imgView4 .txtArea .subTit4{overflow:hidden;max-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:auto !important}
    .imgView4 .txtArea .info{margin-top:5px;font-size:12px}
    .imgView4 .txtArea .info .date{color:#000}
    .imgView4 .txtArea .btnWrap{margin:31px 0 0 0;padding-bottom:0;text-align:left}
    .imgView4:not(.slideType) .btn_prev,
    .imgView4:not(.slideType) .btn_next{display:none}/* 191010-v2 modify */
    .imgView4 .swiper-pagination{display:none}
    .imgView4.slideType .slideArea.swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
    /*s:190515 edit*/
    .imgView4.slideType.slideWrap .swiper-pagination{position:relative;top:auto;bottom:auto;padding:10px 0;display:block}
    .imgView4.slideType.slideWrap.heavy-slider .swiper-pagination{display:none}
    .imgView4.heavy-slider .pageNum{position:absolute;width:100%;height:54px;padding:30px 15px 0 0;right:0;z-index:2;color:#fff;font-size:14px;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.15));text-align:right;line-height:1}
    .imgView4.heavy-slider .pageNum strong{font-family:'HyundaiSansHeadMedium'}
    .imgView4.slideType.slideWrap [class*=btn_]{top:29vw !important;transition:0.3s}/* 200821 edit */
    /*e:190515 edit*/

    .cardView1{padding-bottom:45px}
    .cardView1 .grid{margin-bottom:15px}
    .cardView1 .txtArea{float:none !important;padding:20px 20px 40px 20px;background:#f6f3f2}
    .cardView1 .imgArea{float:none !important}
    .cardView1 .subTit3{margin:0 0 9px 0}

    .cardView2{padding-bottom:45px}
    .cardView2 .grid{margin-bottom:15px}
    .cardView2 .txtArea{padding:20px 20px 40px 20px;background:#fff}
    .cardView2 .subTit3{margin:0 0 9px 0}
    .cardView2 .subTit4{margin:0 0 12px 0}

    .cardView3{padding-bottom:30px}
    .cardView3 .grid{margin-bottom:30px}
    .cardView3 .imgArea{font-size:0;line-height:0}
    .cardView3 .imgArea button{width:100%}
    .cardView3 .txtArea{padding:20px 25px 40px 25px;background:#f6f3f2}
    .cardView3 .txtArea .subTit3{overflow:hidden;max-height:38px;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;margin-bottom:15px}
    .cardView3 .txtArea .subTit3 button{text-align:left}

    .imgList{position:relative;padding-bottom:10px}
    .imgList .gridRow{margin-bottom:50px}
    .imgList .txtArea{padding:30px 20px 0 20px}
    .imgList .txtArea .subTit{margin:0 0 10px 0}
    .imgList .btnWrap{margin:40px 0 0 0;padding-bottom:0;text-align:left}
    .imgList .btnWrap a{display:block;margin-top:10px}

    .halfWrap{padding:0 0 60px 0}
    .halfWrap .gridWrap{position:relative}
    .halfWrap .imgArea{margin-bottom:28px}
    .halfWrap .txtArea{margin-left:30px;margin-right:30px}
    .halfWrap .txtArea .btnWrap{margin:33px 0 0 0;padding-bottom:5px;text-align:left}
    .halfWrap .slideWrap .txtArea{padding-bottom:41px}
    .halfWrap .subTit{margin-bottom:10px}
    .halfWrap .swiper-pagination{top:auto !important;bottom:0;left:30px !important;width:auto !important}
    .halfWrap.leftTxt .gridWrap .grid:first-child .imgArea{margin-left:30px}
    .halfWrap.rightTxt .gridWrap .grid:first-child .imgArea{margin-right:30px}
    .halfWrap .noticeList{margin-top:15px}

    .bgHalfWrap{padding:170px 0 30px 30px;background-size:cover;background-repeat:no-repeat}
    .bgHalfWrap:after{display:block;clear:both;content:''}
    .bgHalfWrap .slideWrap{float:left;width:90%}
    .bgHalfWrap .slideWrap.right{float:right}
    .bgHalfWrap .txtArea{background:#fff;width:100%;margin-top:0;text-align:left;padding:28px 30px}
    .bgHalfWrap .txtArea .subTit{margin-bottom:10px}
    .bgHalfWrap .txtArea .btnWrap{text-align:left;margin-top:17px}
    .slideWrap.right .swiper-pagination{top:auto !important;bottom:60px;left:auto !important;right:0 !important;width:100%;text-align:left !important;padding-left:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    .txtCont1{padding:0 15px 40px}
    .txtCont1 .conArea{margin-bottom:20px;padding:0 15px;text-align:left}
    .txtCont1 .img{margin-bottom:20px}
    .txtCont1.wide{}
    .txtCont1 .bottomDescBox{margin-top:-5px;margin-bottom:20px;padding:0 15px}
    .txtCont1 .bottomDesc{float:none;width:100%}
    .txtCont1 .slideWrap .bottomDescBox{margin-top:15px}
    .txtCont1 .btnWrap{margin-top:33px;padding:0}

    .txtCont2{padding:0 20px 60px 20px}
    .txtCont2 .subTit{margin:30px 0 13px}
    .txtCont2 .subTit:first-child{margin-top:0}

    .imgInfo{position:relative;padding-bottom:16px}
    .imgInfo .gridRow{margin-bottom:54px;overflow:hidden}
    .imgInfo .txtArea{padding:26px 0 0 0}
    .imgInfo .txtArea .subTit2{margin-bottom:9px}
    .imgInfo .txtArea .subTit3{margin-bottom:9px}
    .imgInfo .txtArea .conArea{margin-top:9px}

    .brdList{padding-bottom:15px}/* n3 */
    .brdList .grid{padding-bottom:35px}
    .brdList .grid a{display:block}
    .brdList .imgArea{position:relative}
    .brdList .imgArea .grp{position:absolute;padding:14px 0 0 10px;width:100%;height:65px;font-size:12px;color:#fff;z-index:1;background:url("../images/abouthyundai/bg_thumb_category_mo.png") repeat-x 0 0;background-size:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .brdList .txtArea{padding:15px 0 0 0}
    .brdList .txtArea .subTit4{overflow:hidden;max-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
    .brdList .conArea{display:none}

    .brdList.gridMode{padding-bottom:35px}
    .brdList.gridMode .grid{overflow:hidden;clear:both;float:none;display:table;width:100%;height:70px;padding-bottom:15px;table-layout:fixed}
    .brdList.gridMode .grid > a{display:table-cell;width:105px}
    .brdList.gridMode .imgArea{display:table-cell;width:105px;height:70px;vertical-align:top}
    .brdList.gridMode .txtArea{display:table-cell;position:relative;height:70px;padding:30px 0 0 15px;vertical-align:top}
    .brdList.gridMode .txtArea .info{position:absolute;top:5px;left:15px}
    .brdList.gridMode .txtArea .info .date{display:none}
    .brdList.gridMode .txtArea .subTit4{overflow:hidden;max-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
    .brdList.gridMode .txtArea .conArea{display:none}

    .brdList.tvList .imgArea{overflow:hidden}/* hyundai TV */
    .brdList.tvList .imgArea img{margin:-10% 0}
    .brdList.tvList .videoBox:after{opacity:0.3}

    .brdList.tvList.gridMode .grid{height:60px}
    .brdList.tvList.gridMode .imgArea{overflow:hidden;height:60px}
    .brdList.tvList.gridMode .imgArea img{margin:-9% 0}
    .brdList.tvList.gridMode .txtArea{height:60px;padding:23px 0 0 15px}
    .brdList.tvList.gridMode .txtArea .info{top:0}

    .brdList.n3 .txtArea .btnWrap{margin:33px 0 0 0;padding:0;text-align:left}

    .sortContWrap{margin:-20px 0 40px 0}
    .sortContWrap ul{overflow:hidden}
    .sortContWrap ul li{float:left;width:50%;margin-bottom:5px;font-family:"HyundaiSansHeadMedium"}
    .sortContWrap button.btn{margin-top:15px;font-size:14px;line-height:35px}

    .brdListBig .grid{padding-bottom:35px}
    .brdListBig .grid a{display:block}
    .brdListBig .txtArea{padding:15px 0 0 0}
    .brdListBig .txtArea .view{display:inline-block;margin-bottom:6px;font-size:12px;line-height:1;font-family:"HyundaiSansHeadMedium"}
    .brdListBig .txtArea .subTit3{overflow:hidden;max-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}

    .brdTitBox{position:relative;padding:38px 0 34px 0}
    .brdTitBox .view{padding-bottom:11px;font-family:"HyundaiSansHeadMedium";font-size:17px;line-height:1}
    .brdTitBox .info{margin-top:10px}
    .brdTitBox .info .date{}
    .brdTitBox .info .no{}

    /* s:200423 add :CSR */
    .brdTitBox.type2{position:relative;padding:136px 0 40px 0}
    .brdTitBox.type2 .topTit{font-size:30px;line-height:38px}
    .brdTitBox.type2 .info .date{position:absolute;top:50px;display:inline-block;padding-left:0;font-size:14px;color:#000}
    .brdTitBox.type2 .info .data{position:absolute;top:75px;font-size:14px;font-family:"HyundaiSansHeadMedium";color:#002c5f;letter-spacing:0.075em}
    /* e:200423 add :CSR */

    .tool{position:relative;overflow:hidden;height:50px;margin:0 -15px;padding:17px 15px 0 15px;background:#002c5f;font-size:0;line-height:0}
    .tool .btnPrint,    .tool .btnEmail, .tool .btnDownload{display:inline-block;margin-right:15px;padding:0 0 0 25px;font-size:12px;line-height:15px;color:#fff;font-family:"HyundaiSansHeadMedium"}
    .tool .btnPrint{display:none;background:url("../images/common/bul_tool_mo.gif") no-repeat top left;background-size:17px auto}
    .tool .btnEmail{background:url("../images/common/bul_tool_mo.gif") no-repeat 0 -24px;background-size:17px auto}
    .tool .btnDownload{position:absolute;right:20px;margin-right:0;background:url("../images/common/bul_tool_mo.gif") no-repeat 0 -50px;background-size:17px auto}
    .tool .btnPrint:hover, .tool .btnEmail:hover, .tool .btnDownload:hover,
    .tool .btnPrint:focus, .tool .btnEmail:focus, .tool .btnDownload:focus{color:#fff}

    .brdViewTxt{margin-top:-30px}
    .brdViewTxt .txtCont1 .conArea{width:100%;overflow-x:auto}

    .brdViewImg{margin-top:-30px}
    .brdViewImg .imgView1 .grid{margin-bottom:0}
    .brdViewImg .imgView1 .txtArea{padding-left:0;padding-right:0}
    .brdViewImg .imgView1 .txtArea .conArea{width:100%;margin-bottom:40px;overflow-x:auto}
    .brdViewImg .imgView1 .txtArea .conArea a{color:#2e7dab}/* 200422 add */
    .brdViewImg .imgView1 .txtArea .conArea table{width:100% !important}/* 190404 추가 */
    .brdViewImg .imgView1 .source{margin:-15px 0 20px 0;text-align:left;font-size:12px;color:#666}
    /* S :200423 add :image full */
    .brdViewImg.imgFull{margin-top:-68px}
    .brdViewImg.imgFull .gridWrap{overflow:visible}
    .brdViewImg.imgFull .grid{overflow:visible}
    .brdViewImg.imgFull .imgView1 .imgArea{margin:0 -15px}
    /* e :200423 add :image full */

    .brdViewCnt{margin-bottom:40px;font-size:14px}
    .brdViewCnt dt{padding-bottom:5px;font-family:"HyundaiSansHeadMedium"}
    .brdViewCnt dd .mail{display:block}

    .brdViewEtc{padding-bottom:70px;border-top:1px solid #e4dcd3}
    .brdViewEtc dl{overflow:hidden;padding:20px 15px;border:1px solid #e4dcd3;border-top:0}
    .brdViewEtc dt{float:left;width:50px;font-size:14px;line-height:1;font-family:"HyundaiSansHeadMedium";vertical-align:top}
    .brdViewEtc dd{padding-left:50px;font-size:14px;line-height:1;vertical-align:top}
    .brdViewEtc .file li{position:relative;overflow:hidden;width:100%;padding-top:10px}
    .brdViewEtc .file li:first-child{padding-top:0}
    .brdViewEtc .file li:first-child .btnDown{position:absolute;top:0}
    .brdViewEtc .file li .fileName{overflow:hidden;display:block;padding-right:50px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .brdViewEtc .file li .btnDown{position:absolute;right:0;top:10px;right:-10px}
    .brdViewEtc .file li .btnDown{text-indent:-999px}
    .brdViewEtc .tag a{margin-right:10px;text-decoration:underline !important}
    .brdViewEtc .jumpPage{padding-bottom:5px;background:#fff}
    .brdViewEtc .jumpPage dt{padding-bottom:15px}
    .brdViewEtc .jumpPage dd{padding-left:0;padding-bottom:15px;color:#666}
    .brdViewEtc .jumpPage dd a,
    .brdViewEtc .jumpPage dd span{display:block;position:relative;padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .brdViewEtc .jumpPage dd a:after{display:block;content:'';width:14px;height:8px;background-repeat:no-repeat;background-image:url("../images/common/paging_jumpPage_mo.png");background-size:14px;position:absolute;top:4px;right:0}
    .brdViewEtc .jumpPage dd.next a:after{background-position:0 0 }
    .brdViewEtc .jumpPage dd.prev a:after{background-position:0 -8px}

    /* 200624 add */
    .brdViewEtc .btnWrap{margin:0;padding:21px 15px 0;border:1px solid #e4dcd3;border-top:0;border-bottom:0;line-height:1;text-align:right}
    .brdViewEtc .btnWrap .btnDown{display:inline-block;min-width:167px;height:36px;border-color:#002c5e;background:#002c5e url("../images/common/btn_pdfDown.png") no-repeat 31px -70px;font-size:13px;line-height:36px;color:#fff;text-align:center;vertical-align:middle;white-space:nowrap;box-sizing:border-box}
    /* //200624 add */

    .brdListTop{margin-bottom:30px;line-height:0}
    .brdListTop .info{margin-top:9px}
    .brdListTop .count .ls{display:inline-block;margin-right:25px;font-size:14px;line-height:19px;color:#666;vertical-align:top}
    .brdListTop .count .ls .grp{}
    .brdListTop .count .ls .num{padding-left:2px}
    .brdListTop .right{position:relative;margin-top:25px}
    .brdListTop .right input[type=checkbox] + label{font-family:"HyundaiSansHeadMedium"}
    .brdListTop .btnDown{position:absolute;right:0;top:0}

    .tblInfo{}
    .tblInfo .subTit4{padding-bottom:12px;line-height:1}
    .tblInfo .caption{padding-bottom:10px;font-size:12px;line-height:1;text-align:right}
    .tblInfo .subTit4 + .caption{text-align:left}
    .tblInfo select{margin-bottom:25px}
    .tblInfo .searchBar{min-height:auto;margin-bottom:10px}
    .tblInfo .searchBar .searchWrap{top:0;left:auto;right:0}
    .tblInfo .searchBar .searchWrap .autoSearchList{position:absolute;width:100%}

    .brdTableWrap{padding-bottom:60px}
    .brdTable table{width:100%}
    .brdTable table thead th{padding:15px 10px;background:#002c5f;border-left:1px solid #fff;font-size:12px;color:#fff;text-align:center;line-height:1;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .brdTable table thead th:first-child{border-left:none}
    .brdTable table tbody td{padding:17px 10px 15px 10px;border-left:1px solid #e4dcd3;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;text-align:center;font-size:12px;line-height:17px}
    .brdTable table tbody td img.flag{margin-right:5px}

    .brdTable table tfoot tr.total{background:#f6f3f2}
    .brdTable table tfoot tr.total th,
    .brdTable table tfoot tr.total td{padding:17px 10px 15px 10px;border-bottom:1px solid #e4dcd3;font-size:12px;line-height:17px;font-weight:normal}
    .brdTable table tfoot tr.total th{border-left:1px solid #e4dcd3;text-align:left}
    .brdTable table tfoot tr.total td{text-align:center}
    .brdTable table tfoot tr.total td:last-child{border-right:1px solid #e4dcd3}

    .brdTableWrap .btnWrap{margin-top:25px;padding-bottom:0}

    .motoshowList .item{width:100%;overflow:hidden}
    .motoshowList .item a{display:block;position:relative;width:100%}
    .motoshowList .item .bgCenter{width:100%}
    .motoshowList .item .info{position:absolute;left:0;bottom:0;width:100%}
    .motoshowList .item .info dl{height:100%;background:#002c5e;margin:0 15px;padding:15px 10px;text-align:center}
    .motoshowList .item .info dt{padding:0 0 5px 0;color:#fff;font-size:19px;line-height:26px;font-family:"HyundaiSansHeadMedium"}
    .motoshowList .item .info dd{overflow:hidden;color:#fff;font-size:14px;line-height:19px;font-family:"HyundaiSansHeadMedium"}

    /* M-00062 Page Thumbnail 이미지를 등록하지 않으면 그냥 타이틀만 보여주고 이미지는 숨기도록 수정 Start */
    .motoshowList .item1{width:100%;height:150px;overflow:hidden}
    .motoshowList .item1 a{display:block;position:relative;width:100%;height:150px}
    .motoshowList .item1 .bgCenter{width:100%}
    .motoshowList .item1 .info{position:absolute;left:0;bottom:0;width:100%;height:120px}
    .motoshowList .item1 .info dl{height:100%;background:#002c5e;margin:0 15px;padding:15px 10px;text-align:center}
    .motoshowList .item1 .info dt{padding:0 0 5px 0;color:#fff;font-size:19px;line-height:26px;font-family:"HyundaiSansHeadMedium"}
    .motoshowList .item1 .info dd{overflow:hidden;color:#fff;font-size:14px;line-height:19px;font-family:"HyundaiSansHeadMedium"}
    /* M-00062 Page Thumbnail 이미지를 등록하지 않으면 그냥 타이틀만 보여주고 이미지는 숨기도록 수정 End */

    .info .view{display:inline-block;font-size:12px;line-height:1;padding-right:10px;color:#000}
    .info .date{display:inline-block;font-size:12px;line-height:1;color:#666}
    .info .no{position:relative;display:inline-block;padding-left:10px;font-size:12px;line-height:1;color:#666}
    .info .no:before{content:'';position:absolute;width:1px;height:8px;top:1px;left:4px;background:#e2dad4}

    /*slideWrap*/
    .slideWrap{position:relative;overflow:hidden}
    .slideWrap.thumbnail{background:#000}
    .slideWrap .btn_prev{position:absolute;left:0;top:26vw;/*top:50%;*/-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}
    .slideWrap .btn_prev .prev{overflow:hidden;display:block;width:35px;height:35px;background:url("../images/common/btn_prev_mo.png") no-repeat;background-size:100% 100%;text-indent:-9999px}
    .slideWrap .btn_next{position:absolute;right:0;top:26vw;/*top:50%;*/-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}
    .slideWrap .btn_next .next{overflow:hidden;display:block;width:35px;height:35px;background:url("../images/common/btn_next_mo.png") no-repeat;background-size:100% 100%;text-indent:-9999px}
    /* 20180326 */
    .area-swiper .swiper-pagination,
    .slideWrap .swiper-pagination{position:absolute;left:0;top:0;width:100%;text-align:center;font-size:0;line-height:0;z-index:1}
    .area-swiper .swiper-pagination .swiper-pagination-bullet,
    .slideWrap .swiper-pagination .swiper-pagination-bullet{overflow:hidden;display:inline-block;width:9px;height:9px;background:url("../images/common/dot_mo.png") no-repeat right 0;background-size:auto 9px;text-indent:-9999px}
    /* 20180425 */
    .area-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .slideWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position:0 0}
    /* //20180425 */
    .area-swiper .swiper-pagination.gray .swiper-pagination-bullet,
    .slideWrap .swiper-pagination.gray .swiper-pagination-bullet{background-image:url("../images/common/dot2.png")}/*배경이 흰색일 경우*/
    .area-swiper .swiper-pagination.gray .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .slideWrap .swiper-pagination.gray .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position:0 0}
    .slideWrap.numbering .number{display:inline-block;color:#fff;font-size:14px;width:35px;height:35px;line-height:35px;background:#002c5f;border-radius:50%;margin-bottom:20px}
    /* //20180326 */

    .brand-story-n-news-list .grid .slideWrap .swiper-pagination.gray{position:relative;top:auto !important;bottom:40px}/* 20180409 add */

    .slideWrap.hideBtn .btn_prev,
    .slideWrap.hideBtn .btn_next,
    .slideWrap.hideBtn .swiper-pagination{display:none}
    .slideWrap.middleBtn .btn_prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    .slideWrap.middleBtn .btn_next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

    .slideInfo ul.slideArea li .bgCenter{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0}
    .slideInfo ul.slideArea li .info{position:relative;z-index:1;padding:80px 15px 0 15px}
    .slideInfo ul.slideArea li .info dl{height:100%;padding-bottom:65px;background:#002c5e}
    .slideInfo ul.slideArea li .info dt{padding:28px 0 11px 0;color:#fff;font-size:14px;line-height:19px;font-family:"HyundaiSansHeadMedium"}
    .slideInfo ul.slideArea li .info dd{overflow:hidden;margin:0 15px;color:#fff;font-size:14px;line-height:21px;font-family:"HyundaiLight";text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;word-wrap:break-word}
    .slideInfo ul.slideArea li .info dd.onlyCon{padding:28px 0 0 0;margin-bottom:-11px}
    .slideInfo ul.slideArea li .info .noticeList{margin:0 15px;text-align:left}
    .slideInfo ul.slideArea li .info .noticeList li{color:#fff;display:inline-block;font-family:"HyundaiLight"}
    .slideInfo .btn_prev{display:none;left:0;top:24%;-webkit-transform:translateY(0);transform:translateY(0)}
    .slideInfo .btn_next{display:none;right:0;top:24%;-webkit-transform:translateY(0);transform:translateY(0)}
    .slideInfo .swiper-pagination{top:auto;bottom:25px}

    .slideInfo2 ul.slideArea li .bgCenter{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0}
    .slideInfo2 ul.slideArea li .info{position:relative;z-index:1;padding:30px 20px 65px 20px;background:#002c5e;position:absolute;left:15px;right:15px;bottom:0;color:#fff;text-align:left}
    .slideInfo2 ul.slideArea li .info .item{margin-bottom:8px}
    .slideInfo2 ul.slideArea li .info .item span{font-size:19px;font-family:"HyundaiSansHeadMedium";margin-right:12px}
    .slideInfo2 .btn_prev{display:none;left:0;top:24%;-webkit-transform:translateY(0);transform:translateY(0)}
    .slideInfo2 .btn_next{display:none;right:0;top:24%;-webkit-transform:translateY(0);transform:translateY(0)}
    .slideInfo2 .swiper-pagination{top:auto;bottom:25px}

    .slideWrap.middleType ul.slideArea li .middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:table;width:100%;height:100%}
    .slideWrap.middleType ul.slideArea li .middle .titArea{display:table-cell;vertical-align:middle;padding:0 40px;position:relative;left:auto;top:auto;right:auto;text-align:center}
    .slideWrap.middleType ul.slideArea li .middle .titArea .view{position:relative;margin-bottom:2px;font-size:14px;line-height:21px;font-family:"HyundaiSansHeadMedium";color:#fff}
    .slideWrap.middleType ul.slideArea li .middle .titArea .subTit{position:relative;margin-bottom:0;color:#fff}
    .slideWrap.middleType ul.slideArea li .middle .titArea.colorw .view,
    .slideWrap.middleType ul.slideArea li .middle .titArea.colorw .subTit{color:#fff}
    .slideWrap.middleType .btn_prev{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    .slideWrap.middleType .btn_next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    .slideWrap.middleType ul.slideArea li:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}

    .slideWrap.smallSlide .btn_prev,
    .slideWrap.smallSlide .btn_next{display:none}

    .graphSlide .subTitBox{margin:0;padding:20px 15px 60px}
    .graphSlide .graphConWrap{margin-top:0;text-align:left}
    .graphSlide .graphConWrap .graphWrap{padding:30px 0 0 0}
    .graphSlide .swiper-pagination-bullets{top:inherit !important;bottom:15px}

    .graphConWrap{margin-top:19px}
    .graphConWrap .graphTit span{display:block;font-family:"HyundaiSansHeadMedium"}
    .graphConWrap .graphWrap{padding:34px 0 22px 0}

    .brdTop{margin-top:-30px}
    .brdTop .infoBox{padding-bottom:75px;overflow:hidden}
    .brdTop .infoBox .imgArea{}
    .brdTop .infoBox .txtArea{position:relative;padding:20px 20px 45px 20px;min-height:205px;background:#f6f3f2;text-align:left}
    .brdTop .infoBox .txtArea .info{margin-bottom:5px}
    .brdTop .infoBox .txtArea .subTit{max-height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
    .brdTop .infoBox .txtArea .btnWrap{margin-top:8px;padding-bottom:0;text-align:left} /* 211012 modify */
    /* 20180402 */
    .grid .area-swiper .swiper-pagination.gray{position:relative;top:auto !important;bottom:40px}
    /* //20180402 */
    .brdTop .btn_next,
    .brdTop .btn_prev{display:none}

    .brdTop.tvList .imgArea{overflow:hidden}
    .brdTop.tvList .imgArea img{margin:-10% 0}
    .brdTop.tvList .videoBox:after{opacity:0.3}

    .galleryTy1{padding-bottom:70px}
    .galleryTy1 .imgArea img{width:100%}
    .galleryTy1 .slideWrap{overflow:hidden}
    .galleryTy1 .swiper-slide.iframeVideo{padding-bottom:53.56%;height:0;overflow:hidden}
    .galleryTy1 .swiper-slide iframe, .galleryTy1 .swiper-slide object, .galleryTy1 .swiper-slide embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
    .galleryTy1 .thumbnail .slideArea{font-size:0;background:#000}
    .galleryTy1 .thumbnail .slideArea li{display:inline-block;width:30%}
    .msie9 .galleryTy1 .thumbnail .slideArea li{display:inline-block;width:150px}
    .galleryTy1 .thumbnail .slideArea li button{position:relative}
    .galleryTy1 .thumbnail .slideArea li button:after{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6}
    .galleryTy1 .thumbnail .slideArea li.on button:after{opacity:0}
    .galleryTy1 .slideArea li .tit, .galleryTy1 .slideArea li .desc{display:none}
    .galleryTy1 .slideArea li img{width:100%}
    .galleryTy1 .btn_prev{left:0;bottom:auto;top:50%;margin-top:-17px;-webkit-transform:translateY(0);transform:translateY(0)}
    .galleryTy1 .btn_next{right:0;bottom:auto;top:50%;margin-top:-17px;-webkit-transform:translateY(0);transform:translateY(0)}
    .galleryTy1 .slideWrap.bigImg li{width:100%}
    .galleryTy1 .pageNum{position:absolute;width:100%;height:45px;padding:21px 15px 0 0;right:0;bottom:0;z-index:2;color:#fff;font-size:14px;background:url('../images/common/bg_gallery_num_mo.png') repeat-x left bottom;background-size:auto 45px;line-height:1;text-align:right}
    .galleryTy1 .slideWrap.bigImg .noticeList{display:none}

    .bottomDescBox{margin-top:15px}
    .bottomDesc .tit{display:block;margin-bottom:5px;color:#000;font-family:"HyundaiSansHeadMedium";font-size:17px}
    .bottomDesc .txt{display:block;position:relative;overflow:hidden;padding:0 19px;word-wrap:break-word}
    .bottomDesc .txt:before{content:'';display:block;position:absolute;left:0;top:4px;width:12px;height:12px;background:url('../images/common/ico_gallery_desc_mo.png') no-repeat 0 0;background-size:12px 12px}
    .bottomDescBox .btnWrap{margin-top:25px;padding-bottom:0;text-align:left}
    .imgView1 .bottomDescBox{text-align:left}

    .galleryTy2{overflow:hidden;padding-bottom:70px}
    .galleryTy2 .swiper-wrapper{position:relative;margin-top:8px}
    .galleryTy2 ul li{}
    .galleryTy2 ul li .columnsImg{width:50%;margin-bottom:2px;float:left;padding-right:1px}
    .galleryTy2 ul li .columnsImg.w2{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg.w4{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg.w6{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg.w8{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg.w10{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg.w12{padding:0 0 0 1px}
    .galleryTy2 ul li .columnsImg img{width:100%}
    .galleryTy2 .swiper-pagination{top:auto;bottom:auto;left:auto;right:auto;width:100%;position:relative;margin-top:30px}

    /* toggle */
    .togListWrap{padding-bottom:69px}
    .togListWrap .togList{margin-bottom:1px}
    .togListWrap .btnOpenClose{overflow:hidden;position:relative;width:100%;min-height:50px;padding:15px 30px 15px 15px;background:#002c5f;color:#fff;line-height:18px;text-align:left;text-decoration:none;word-wrap:break-word}/* 201124 modify */
    .togListWrap .btnOpenClose:after{display:block;content:"";position:absolute;right:15px;top:22px;width:12px;height:7px;background:url("../images/common/bg_toggle.png") no-repeat 0 -162px;background-size:12px auto}
    .togListWrap .togList.on .btnOpenClose{background:#f6f3f2;color:#000}
    .togListWrap .togList.on .btnOpenClose:after{background:url("../images/common/bg_toggle.png") no-repeat 0 0;background-size:12px auto}
    .togListWrap .togCont{display:none;padding:20px;background:#f6f3f2}
    .togListWrap .togCont .txtCont1{width:100%;padding:0}
    .togListWrap .togCont .txtCont1 .conArea{margin-bottom:0 !important;padding-left:0 !important;padding-right:0 !important}
    .togListWrap.mobileFull{margin-left:-15px;margin-right:-15px}

    .togListWrap .btnWrap{margin:0 0 20px 0;padding-bottom:0}
    .togListWrap .togSelect select{margin-bottom:20px}

    .togListWrap.small{border:1px solid #e4dcd3;border-bottom:0;padding-bottom:0}
    /* M-00104 NBrand Type */
    .togListWrap.small.N{border-color:#dceaf5 !important} /* 221027 modify */
    .togListWrap.small .togList{margin-top:0px}
    .togListWrap.small .togList:first-child{margin-top:0}
    .togListWrap.small .btnOpenClose{display:block;width:100%;height:35px;padding:0 15px;line-height:35px;text-align:left;text-decoration:none;font-family:"HyundaiSansHeadMedium";font-size:12px;color:#000;background:#fff;border-bottom:1px solid #e4dcd3}
    /* M-00104 NBrand Type */
    .togListWrap.small .btnOpenClose.N{border-bottom:1px solid #dceaf5 !important}
    .togListWrap.small .btnOpenClose:after{display:block;content:'';position:absolute;right:15px;top:50%;margin-top:-3px;background:url("../images/common/tool_tip_arr_mo.png") no-repeat !important;-webkit-background-size:12px auto !important;background-size:12px auto !important;width:12px;height:7px;z-index:10}
    .togListWrap.small .togList.on .btnOpenClose{background:#fff;color:#000}
    .togListWrap.small .togList.on .btnOpenClose:after{-ms-transform:rotate(180deg);/* IE 9 */-webkit-transform:rotate(180deg);/* Chrome, Safari, Opera */transform:rotate(180deg);}
    .togListWrap.small .togCont{border-bottom:1px solid #e4dcd3;font-size:12px}
    /* M-00104 NBrand Type */
    .togListWrap.small .togCont.N{border-bottom:1px solid #dceaf5 !important}

    .togListWrap.country{margin-top:22px}
    .togListWrap.country .togList.on .btnOpenClose{border-bottom:1px solid #fff}
    .togListWrap.country .togCont{padding:20px 15px 30px 15px;background:#fff}
    .togListWrap.country .gridWrap{margin-bottom:-30px}
    .togListWrap.country .n3 .grid{float:left;width:50%;margin-left:0;font-size:0;line-height:0}
    .togListWrap.country .n3 .grid a{overflow:hidden;display:block;width:100%;height:50px;text-align:left;vertical-align:top}
    .togListWrap.country .n3 .grid a img.flag{display:inline-block;margin-right:10px;vertical-align:top}
    .togListWrap.country .n3 .grid a span.txtCountry{display:inline-block;width:70%;height:50px;margin-top:2px;font-size:12px;line-height:16px;vertical-align:top}​

    .togListInfo .n2 .grid2{padding-top:26px}
    .togListInfo .n2 .grid2 .txtArea{padding-top:10px}
    .togListInfo .n2 .grid2 .txtArea .subTit3{padding-top:9px}
    .togListInfo .n2 .grid2 .conArea{padding-top:9px}
    .togListInfo .togCont{padding:15px 20px 30px 20px}
    .togListInfo .togTitWrap{position:relative;overflow:hidden;height:80px;padding:0 50px 0 20px;background:#002c5f;color:#fff}
    .togListInfo .togTitWrap .togTit{display:block;padding:19px 0 8px;font-size:15px}
    .togListInfo .togTitWrap .togTit button{color:#fff;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-width:100%;text-align:left}
    .togListInfo .togTitWrap .num{display:none}
    .togListInfo .togTitWrap .date{display:none}
    .togListInfo .togTitWrap .pdfDown{color:#fff;background:url("../images/common/btn_pdfDown_mo.png") no-repeat left bottom;background-size:16px auto}
    .togListInfo .togTitWrap .togOpenclose{position:absolute;right:0;top:0;text-indent:1000px;width:52px;height:80px;background:url("../images/common/bg_toggle.png") no-repeat center -126px;background-size:12px auto;text-indent:-9999px;overflow:hidden}

    .togListInfo .togList.on .togTitWrap{background:#f6f3f2;color:#000}
    .togListInfo .togList.on .togTitWrap .togTit button{color:#000}
    .togListInfo .togList.on .togTitWrap .pdfDown{color:#000;background:url("../images/common/btn_pdfDown_mo.png") no-repeat left top;background-size:16px auto}
    .togListInfo .togList.on .togTitWrap .togOpenclose{background:url("../images/common/bg_toggle.png") no-repeat center 32px;background-size:12px auto}

    .togListEvent .togCont{padding:15px 20px 30px 20px}
    .togListEvent .togTitWrap{position:relative;overflow:hidden;padding:4px 50px 23px 20px;background:#002c5f;color:#fff}
    .togListEvent .togTitWrap .togTit{display:block;padding:19px 0 8px;font-size:15px}
    .togListEvent .togTitWrap .togTit button{color:#fff;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;max-width:100%;text-align:left}
    .togListEvent .togTitWrap .date{display:block;margin-bottom:19px}
    .togListEvent .togTitWrap .pdfDown{color:#fff;background:url("../images/common/btn_pdfDown_mo.png") no-repeat left bottom;background-size:16px auto}
    .togListEvent .togTitWrap .togOpenclose{position:absolute;right:0;top:0;text-indent:1000px;width:52px;height:80px;background:url("../images/common/bg_toggle.png") no-repeat center -135px;background-size:12px auto;text-indent:-9999px;overflow:hidden}
    .togListEvent .togList .togCont .date{display:block;color:#666}
    .togListEvent .togList .togCont .subTit{padding-bottom:25px;padding-top:5px}

    .togListEvent .togList.on .togTitWrap{background:#f6f3f2;color:#000}
    .togListEvent .togList.on .togTitWrap .togTit button{color:#000}
    .togListEvent .togList.on .togTitWrap .pdfDown{color:#000;background:url("../images/common/btn_pdfDown_mo.png") no-repeat left top;background-size:16px auto}
    .togListEvent .togList.on .togTitWrap .togOpenclose{background:url("../images/common/bg_toggle.png") no-repeat center 27px;background-size:12px auto}

    /* tab */
    .navigationTabWrap{background:#fff;height:50px !important;text-align:left;overflow-x:auto;box-shadow:1px 1px 1px rgba(0,0,0,0.05);z-index:49;position:relative;width:100%;-webkit-overflow-scrolling:touch;transform:translate3d(0px, 0px, 0px)}
    .navigationTabWrap.fixed{position:fixed !important;top:0 !important;z-index:100 !important} /* 221017 modify */
    .navigationTab{line-height:50px}
    .navigationTab .tit{display:none}
    .navigationTab .tabListArea{white-space:nowrap}
    .navigationTab .tabListArea .tabList{overflow:hidden;display:table;height:50px;width:100%;padding:0 15px}
    .navigationTab .tabListArea .tabList .tab{display:inline-block !important;margin-right:25px}
    .navigationTab .tabListArea .tabList .tab:last-child{margin-right:0}
    .navigationTab .tabListArea .tabList .tab a{text-decoration:none}
    .navigationTab .tabListArea .tabList .tab a:hover,
    .navigationTab .tabListArea .tabList .tab a:focus,
    .navigationTab .tabListArea .tabList .tab button:hover,
    .navigationTab .tabListArea .tabList .tab button:focus{color:#00aad2}
    .navigationTab .tabListArea .tabList .tab.on a,
    .navigationTab .tabListArea .tabList .tab.on button{color:#00aad2;font-family:"HyundaiSansHeadMedium"}
    .navigationTab .btnRight{display:none}

    .tabWrap{position:relative;line-height:45px;z-index:40}
    .tabWrap .tabActive{overflow:hidden;display:table;width:100%;padding-left:15px;padding-right:15px;background:#444;font-size:12px;font-family:"HyundaiSansHeadMedium";color:#fff;text-decoration:none;text-align:left}
    /* M-00104 NBrand Type 추가*/
    .tabWrap .tabActive.N{color:#fff !important;background-color:#e63312 !important}
    .tabWrap .tabActive span{display:table-cell;padding-right:22px;line-height:16px;height:45px;vertical-align:middle}
    .tabWrap .tabActive:after{display:block;content:'';width:7px;height:7px;position:absolute;right:15px;top:50%;margin-top:-4px;background:url("../images/common/tab_right_arr_mobile.png") no-repeat right center;-webkit-background-size:7px auto;background-size:7px auto}
    .tabWrap .tabArea{display:none;position:absolute;left:0;top:45px;width:100%}
    .tabWrap .tabArea.open{display:block}
    .tabWrap .tabArea .tab{}
    .tabWrap .tabArea .tab .link{display:block;box-sizing:border-box;width:100%;padding:14px 15px;background:#444;color:#fff;font-size:12px;text-align:left;font-family:"HyundaiSansHeadMedium";text-decoration:none;line-height:16px}
    /* M-00104 NBrand Type 추가*/
    .tabWrap .tabArea .tab .link.N{color:#000 !important;background-color:#aacae6 !important}
    .tabWrap .tabArea .tab .link:hover,
    .tabWrap .tabArea .tab .link:focus{background:#fff;color:#000}
    .tabWrap .tabArea .tab.on .link{background:#fff;color:#000}
    /* M-00104 NBrand Type 추가*/
    .tabWrap .tabArea .tab.on .link.N{background-color:#e63312 !important;color:#fff !important}
    .tabWrap .tabArea .tab .link.newWin:after{content:"";overflow:hidden;display:inline-block;margin-left:10px;width:10px;height:10px;background:url("../images/common/ico_gnb_newwin2.png") no-repeat 0 -10px;font-size:0;line-height:0}
    .tabWrap .tabArea .tab .link.newWin:hover:after{background:url("../images/common/ico_gnb_newwin2.png") no-repeat 0 0}
    .tabWrap.mobileFull{margin-left:-15px;margin-right:-15px}
    .tabContent{position:relative;z-index:10}/* 200428 add */
    .tabCont{padding-top:40px}

    .naviJumpWrap{background:#e4dcd3}
    .naviJumpWrap .naviJump{display:table;overflow:hidden;width:100%;height:70px;padding:0 15px}
    .naviJumpWrap .naviJump .prev,
    .naviJumpWrap .naviJump .next{position:relative;display:table-cell;padding:0 16px;height:70px;font-size:15px;line-height:20px;color:#000;text-decoration:none;font-family:"HyundaiSansHeadMedium";vertical-align:middle}
    .naviJumpWrap .naviJump .prev{text-align:left}
    .naviJumpWrap .naviJump .prev:after{display:block;content:"";position:absolute;top:30px;left:0;width:6px;height:9px;background:url("../images/common/bg_navijump_mo.png") no-repeat 0 0;background-size:6px 25px}
    .naviJumpWrap .naviJump .next{text-align:right}
    .naviJumpWrap .naviJump .next:after{display:block;content:"";position:absolute;top:30px;right:0;width:6px;height:9px;background:url("../images/common/bg_navijump_mo.png") no-repeat 100% -16px;background-size:6px 25px}

    /* M-00104 NBrand Type Add*/
    .naviJumpWrapN{background:#dceaf5}
    .naviJumpWrapN .naviJump{display:table;overflow:hidden;width:100%;height:70px;padding:0 15px}
    .naviJumpWrapN .naviJump .prev,
    .naviJumpWrapN .naviJump .next{position:relative;display:table-cell;padding:0 16px;height:70px;font-size:15px;line-height:20px;color:#000;text-decoration:none;font-family:"HyundaiSansHeadMedium";vertical-align:middle}
    .naviJumpWrapN .naviJump .prev{text-align:left}
    .naviJumpWrapN .naviJump .prev:after{display:block;content:"";position:absolute;top:30px;left:0;width:6px;height:9px;background:url("../images/common/bg_navijump_mo.png") no-repeat 0 0;background-size:6px 25px}
    .naviJumpWrapN .naviJump .next{text-align:right}
    .naviJumpWrapN .naviJump .next:after{display:block;content:"";position:absolute;top:30px;right:0;width:6px;height:9px;background:url("../images/common/bg_navijump_mo.png") no-repeat 100% -16px;background-size:6px 25px}

    .tabWrapInner{margin-bottom:-25px;padding-top:15px}
    .tabStickyWrap{overflow-x:auto}
    .tabStickyWrap .tabSticky{white-space:nowrap}
    .tabStickyWrap .tabSticky ul{overflow:hidden;display:table;width:100%;font-size:0}
    .tabStickyWrap .tabSticky ul li{display:inline-block;margin-left:5px}
    .tabStickyWrap .tabSticky ul li:first-child{margin-left:0}
    .tabStickyWrap .tabSticky ul li a{display:block;font-size:14px;font-family:"HyundaiSansHeadMedium";color:#666;background:#f6f6f6;padding:8px 15px}
    .tabStickyWrap .tabSticky ul li.on a{background:#00aad2;color:#fff}

    /* search */
    .searchWrap{position:absolute;left:0;top:0;width:100%;z-index:41}
    .searchWrap.bgLB .searchInput{background:#f6f3f2 !important}
    .searchWrap .searchInput{position:relative;padding-right:45px !important;background:#fff}
    .searchWrap .searchInput .inputText{width:100%;border:0 !important;background:transparent;line-height:normal;font-size:12px !important}
    .searchWrap .btnSearch{position:absolute;right:0px;top:0;display:block;width:45px;height:40px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../images/common/btn_search_mobile.png") no-repeat center center;overflow:hidden;text-indent:-99999px;-webkit-background-size:15px auto;background-size:15px auto}
    .searchWrap .autoSearchList{border-top:1px solid #f6f3f2;background:#fff;display:none;box-shadow:1px 1px 1px rgba(0,0,0,0.05);text-align:left;position:absolute;left:0;top:35px;width:100%}
    .searchWrap .autoSearchList .list .link{display:block;font-size:12px;line-height:35px;text-decoration:none;padding:0 15px}
    .searchWrap .autoSearchList .list .link:focus,
    .searchWrap .autoSearchList .list .link:hover{background:#f6f6f6}
    .searchWrap .autoSearchList .list .link .keyword{background:none;color:#00a1c7}
    .topBgTxtArea .searchInput .inputText{height:40px !important;line-height:40px !important}

    .searchBar{position:relative;z-index:41;min-height:178px;padding:25px 0}/* 211117 */
    .searchBar .searchWrap{position:absolute;left:0;top:25px}
    .searchBar .btnArea{padding:55px 0 0 0}
    .searchBar .btnRightArr{position:relative}

    .searchBar .searchTab{margin-bottom:-25px;padding-top:92px}/* 211117 */
    .searchTab{overflow-y:auto;white-space:nowrap;line-height:50px}
    .searchTab ul{overflow:hidden;display:table;width:100%;height:50px}
    .searchTab ul li{display:inline-block;margin-right:25px}
    .searchTab ul li a{font-size:14px}/* 211117 */
    .searchTab ul li.on a{color:#00aad2;font-family:"HyundaiSansHeadMedium"}

    #news_list_topic_category.searchTab ul{display:table;text-align:center}/* 200624 add */

    .helpBox{position:absolute;right:-16px;top:30px;font-size:12px;line-height:22px;background:#fff;padding:15px 20px 12px 20px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);z-index:10}
    .helpBox strong{font-size:14px;font-family:"HyundaiSansHeadMedium";display:block;margin-bottom:6px}
    .helpBox .btnHelpClose{position:absolute;right:10px;top:10px;display:block;width:9px;text-align:center;height:9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url("../images/common/tool_tip_close.png") no-repeat center center;overflow:hidden;text-indent:-99999px}
    .helpBox:after{display:block;content:"";position:absolute;right:13px;top:10px;width:10px;height:10px;background:#fff;transform:translateY(-15px) rotate(45deg);-webkit-transform:translateY(-15px) rotate(45deg);z-index:10}

  .searchResult{height:52px;line-height:52px;font-size:14px;font-family:"HyundaiSansHeadMedium"} /* 210825 modify */
  .searchResult span {color:#999} /* 210825 add */
  .searchWord{color:#00aad2}/* 210825 add */

    .searchNoResult{padding-bottom:60px}
    .searchNoResult .message{margin-bottom:20px;font-size:17px;font-family:"HyundaiSansHeadMedium"}
    .searchNoResult ul.txtList > li{margin-bottom:10px}

    .schImgList{margin:0 15px 30px 15px;border-bottom:1px solid #ccc}
    .schImgList .list{padding:0 0 40px 0}
    .schImgList .subTit3{margin-top:15px;text-align:center}
    .schImgList .tags{padding-top:15px}
    .schImgList .tags a{padding-right:15px;color:#002c5f;font-family:"HyundaiSansHeadMedium";text-decoration:underline;line-height:27px}
    .schImgList .img img{width:100%}

    /* 210611 modify */
    .schTextList {margin:0 0 50px 0;border-bottom:0}
  .schTextList .list {padding:33px 20px 28px;border-top:0}/* 210825 modify */
    .schTextList .list:first-child {padding-top:0;border-top:0}
    .schTextList .subTit3 {overflow:hidden;max-height:68px;margin-bottom:10px;font-size:17px;line-height:1.2;word-wrap:break-word}
    .schTextList .conArea {overflow:hidden;max-height:55px;font-size:12px;line-height:18px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
    /* //210611 modify */

    .schTextList .link{padding-top:12px;font-size:12px;line-height:17px}
    .schTextList .link a{overflow:hidden;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#002c5f;text-decoration:underline}
    .schTextList .link .dir{display:block;padding-bottom:8px;color:#666}
    .schTextList .img {padding-bottom:0}/* 210611 modify */
    .schTextList .file{padding-top:15px}
    .schTextList .file a{overflow:hidden;display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

    /*tableType*/
    .tableWrap{padding-bottom:60px}
    .tableWrap .tblBtmTxt{padding-top:15px;font-size:12px;line-height:19px;text-align:left;color:#666}

    .tableInner{}
    .tableInner.scroll{overflow-x:auto;margin-right:-15px;-webkit-overflow-scrolling:touch}
    .tableInner.scroll .tableType{width:200%;padding-right:15px}
    .tableInner.scroll .tableType.wtype{width:300%}
    .tableInner.scroll .tableType table thead th,
    .tableInner.scroll .brdTable table thead th{white-space:nowrap;word-wrap:normal}
    .tableInner.scroll .brdTable{width:200%;padding-right:16px}

    .tableType{}
    .tableType table{width:100%;background:#fff;border-top:1px solid #e4dcd3 !important;border-bottom:1px solid #e4dcd3}
    .tableType table thead th{padding:14px 10px 13px 10px;background:#002c5f;border-right:1px solid #fff;border-bottom:1px solid #fff;font-family:"HyundaiSansHeadMedium";font-weight:normal;font-size:12px;line-height:17px;color:#fff}
    .tableType table thead th span.txt{font-family:"HyundaiRegular";font-size:11px;line-height:13px}
    .tableType table thead tr th.th{height:35px;padding:0}
    .tableType table thead tr.ths th{height:35px;padding:0;font-family:"HyundaiRegular"}
    .tableType table tbody th{padding:13px 10px;border-top:1px solid #e4dcd3;border-right:1px solid #fff;font-size:12px;line-height:17px;text-align:center;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .tableType table tbody th.bgDB{border-top:1px solid #fff}
    .tableType table tbody tr.ranking td{background-color:#f6f3f2 !important;color:#00aad2}
    .tableType table tbody th.th{}
    .tableType table tbody th.ths{}
    .tableType table tbody td{padding:13px 10px;border-top:1px solid #e4dcd3;border-right:1px solid #e4dcd3;font-size:12px;line-height:17px;text-align:center}
    .tableType table tbody td:first-child{border-left:1px solid #e4dcd3}
    .tableType table tbody tr:first-child th,
    .tableType table tbody tr:first-child td{border-top:0}
    .tableType table tbody .tal1{padding-left:15px !important;padding-right:15px !important}
    .tableType table tbody .tal2{padding-left:15px !important;padding-right:15px !important}
    .tableType table tbody td ul li:first-child{padding-top:0}
    .tableType table tbody td ul li{padding-top:5px}
    .tableType table tbody .hfix{}

    /*bottomSlideMenu*/
    .bottomSlideMenu{padding-bottom:1px}
    .bottomSlideMenu .gridArea .grid{border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:-1px}
    .bottomSlideMenu .gridArea .grid .btnOpenClose{font-size:17px;font-family:"HyundaiSansHeadMedium";line-height:73px;padding:0 15px;position:relative;width:100%;text-align:left}
    .bottomSlideMenu .gridArea .grid .btnOpenClose:after{display:block;content:'';position:absolute;right:20px;top:50%;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#000 transparent transparent transparent}
    .bottomSlideMenu .gridArea .grid .btnOpenClose.on:after{border-width:0 5px 6px 5px;border-color:transparent transparent #000 transparent}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea{padding:0 15px;font-size:14px;display:none}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .slink{display:block;line-height:1;margin-bottom:23px;font-size:14px;font-family:"HyundaiSansHeadMedium"}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .stit{line-height:1;margin-bottom:13px;font-family:"HyundaiSansHeadMedium"}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .bottomSubMenu{margin-bottom:25px}
    .bottomSlideMenu .gridArea .grid .bottomMenuArea .bottomSubMenu .link{color:#666;font-size:14px;line-height:26px}

    .voteMenu{padding-bottom:70px}
    .voteMenu .slideArea.swiper-wrapper .swiper-slide{}
    .voteMenu .txtArea{padding-top:15px}
    .voteMenu .txtArea .subTit4{overflow:hidden;line-height:21px;max-height:42px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
    .voteMenu .btn_prev{top:18vw;margin-top:-13px}
    .voteMenu .btn_next{top:18vw;margin-top:-13px}
    .voteMenu .imgArea img{width:100%}
    .voteMenu a{text-decoration:underline !important}
    .voteMenu a .view{text-decoration:underline !important}
    .voteMenu .swiper-pagination{position:relative;top:auto;bottom:auto;margin-top:20px}
    .contBox.full .voteMenu{margin-left:15px;margin-right:15px}

    .listViewType{text-align:right;font-size:0}
    .listViewType button{display:inline-block;width:20px;height:20px;margin-left:15px;font-size:0;vertical-align:top;background:url("../images/common/btn_view_type.png") no-repeat}
    .listViewType button.grid{background-position:top left}
    .listViewType button.list{background-position:top right}
    .listViewType button.on.grid{background-position:0 -20px}
    .listViewType button.on.list{background-position:100% -20px}

    .machFilterArea{background:#f6f3f2;display:none;padding:25px 15px 25px 15px;border-top:1px solid #e4dcd3;z-index:40;position:relative}
    .machFilterArea .filterItem{padding:25px 0;border-top:1px solid #e4dcd3}
    .machFilterArea .filterItem:first-child{padding-top:0;border-top:none}
    .machFilterArea .filterItemList.full{padding-top:25px;border-top:1px solid #e4dcd3}
    .machFilterArea .filterItem .titleArea{line-height:1;position:relative;height:16px;margin-bottom:15px}
    .machFilterArea .filterItem .titleArea .tit{font-size:14px;font-family:"HyundaiSansHeadMedium"}
    .machFilterArea .filterItem .titleArea .btnHelp{position:absolute;right:0;top:0}
    .machFilterArea .filterItem .titleArea .helpBox{position:absolute;right:-10px;top:30px;display:none}
    .machFilterArea .filterItem .filterList{overflow:hidden}
    .machFilterArea .filterItem .filterList li{float:left;line-height:1;margin-bottom:10px;font-family:"HyundaiSansHeadMedium";width:50%}
    .machFilterArea .filterItem .slider-range{margin-top:23px}
    .machFilterArea .filterItem .from{float:left;font-size:12px;font-family:"HyundaiSansHeadMedium";margin:20px 0 0 0;line-height:30px}
    .machFilterArea .filterItem .from .labelTit{display:block;float:left}
    .machFilterArea .filterItem .to{float:right;text-align:right;font-size:12px;font-family:"HyundaiSansHeadMedium";line-height:1;margin:20px 0 0 0;line-height:30px}
    .machFilterArea .filterItem .to .labelTit{display:block;float:right}
    .machFilterArea .filterItem .inputNumber{line-height:30px !important;height:30px !important;width:60px;padding:0;text-align:center;border:0;margin:0 10px}
    .machFilterArea .btnArea{overflow:hidden}
    .machFilterArea .btnArea .reset{float:left;width:calc(50% - 3px);line-height:35px;font-size:14px}
    .machFilterArea .btnArea .search{float:right;width:calc(50% - 3px);line-height:35px;font-size:14px}
    .machFilterArea .btnMachFilterCloseArea{text-align:center;padding-top:25px}

    /* button */
    a.btn, button.btn, span.btn{display:inline-block;padding:0 10px;width:100%;font-size:16px;line-height:45px;text-align:center;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#002c5f;color:#fff}
    a.btn.big, button.btn.big, span.btn.big{}
    a.btn.gray, button.btn.gray{background:#777673}
    span.btn.disabled, button.btn:disabled{background:#cecdca}
    a.btn.half, button.btn.half, span.btn.half{width:50%}

    .btnRightArr{display:inline-block;padding-right:19px;line-height:1}
    .btnRightArr:after{display:block;content:'';background:url("../images/common/btn_right_arr.png") no-repeat;width:9px;height:6px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-3px}
    .btnRightArr.on:after{background-position:0 -6px}

    .btnRightArr.blue{color:#002c5f;font-size:14px;font-family:"HyundaiSansHeadMedium"}
    .btnRightArr.blue:after{display:block;content:'';background:url("../images/common/btn_right_blue_arr_mo.png") no-repeat;width:7px;height:5px;overflow:hidden;position:absolute;right:0;top:50%;margin-top:-3px;-webkit-background-size:7px auto;background-size:7px auto}
    .btnRightArr.blue.on:after{background-position:0 -5px}

    .btnHelp{background:url("../images/common/btn_help.png") no-repeat;width:16px;height:16px;-webkit-background-size:16px auto;background-size:16px auto;overflow:hidden;text-indent:-9999px}
    .btnHelp:focus{background-position:0 -16px}
    .btnHelp.on{background-position:0 -16px}

    .btnDown{display:inline-block;padding-left:25px;background:url("../images/common/btn_download_mo.png") no-repeat top left;background-size:16px 14px;vertical-align:top;text-decoration:none;font-size:12px;line-height:14px;font-family:"HyundaiSansHeadMedium"}
    table tbody td .btnDown{width:16px;height:14px;padding:0;font-size:0;line-height:0;vertical-align:middle}

    .pdfDown{display:inline-block;padding-left:25px;background:url("../images/common/btn_pdfDown_mo.png") no-repeat top left;background-size:16px 28px;text-decoration:none;font-size:12px;line-height:14px;font-family:"HyundaiSansHeadMedium";color:#000}
    .movieContent{position:relative;display:block}
    .movieContent iframe,   .movieContent object, .movieContent embed, .movieContent video{position:absolute;z-index:99;width:100%;height:100%;left:0;top:0}
    .videoBox{display:block;width:100%;position:relative}
    .videoBox.iframeVideo{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
    .videoBox iframe,
    .videoBox object,
    .videoBox embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
    .videoBox:before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-17px 0 0 -17px;width:35px;height:35px;background:url("../images/common/btn_video_mo.png") no-repeat top left;background-size:35px auto;z-index:10;line-height:0;text-indent:-999px}
    .videoBox:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6}

    .learnMore{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#002c5e}/* blue */
    .learnMore:hover,
    .learnMore:focus{text-decoration:underline;color:#002c5e}
    .learnMore:after{content:"";display:inline-block;width:6px;height:8px;margin-left:4px;background:url("../images/common/learn_more_arr_mo.png") no-repeat 0 0;background-size:6px 8px}

    .learnMoreW{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#fff}/* white */
    .learnMoreW:hover,
    .learnMoreW:focus{text-decoration:underline;color:#fff}
    .learnMoreW:after{content:"";display:inline-block;width:6px;height:8px;margin-left:4px;background:url("../images/common/learn_more_w_arr_mo.png") no-repeat 0 0;background-size:6px 8px}

    .newWindows{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#002c5e}/* blue */
    .newWindows:hover,
    .newWindows:focus{text-decoration:underline;color:#002c5e}
    .newWindows:after{content:"";display:inline-block;width:10px;height:10px;margin-left:4px;background:url("../images/common/ico_new_windows_mo.png") no-repeat 0 0;background-size:10px 10px}

    .newWindowsW{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#fff}/* white */
    .newWindowsW:hover,
    .newWindowsW:focus{text-decoration:underline;color:#fff}
    .newWindowsW:after{content:"";display:inline-block;width:10px;height:10px;margin-left:4px;background:url("../images/common/ico_new_w_windows_mo.png") no-repeat 0 0;background-size:10px 10px}

    .linkSns{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#fff}
    .linkSns:hover,
    .linkSns:focus{text-decoration:underline;color:#fff}
    .linkSns:before{content:"";display:inline-block;margin-top:-2px;margin-right:5px;width:18px;height:18px;background:url("../images/common/ico_link_sns_mo.png") no-repeat 0 0;background-size:18px 18px;vertical-align:top}

    .linkWebsite{display:inline-block;position:relative;font-family:"HyundaiSansHeadMedium";font-size:15px;color:#fff}
    .linkWebsite:hover,
    .linkWebsite:focus{text-decoration:underline;color:#fff}
    .linkWebsite:before{content:"";display:inline-block;margin-top:1px;margin-right:5px;width:12px;height:12px;background:url("../images/common/ico_website_mo.png") no-repeat 0 0;background-size:12px 12px;vertical-align:top}

    /*paging*/
    .paging{display:table;width:100%;margin-top:-10px;padding-bottom:60px;font-size:0;line-height:12px;text-align:center}
    .paging .btnPaging{display:inline-block;background:url("../images/common/btn_paging.png") no-repeat;text-indent:-9999px;height:10px;margin:0 8px;vertical-align:middle;margin-top:-2px;-webkit-background-size:auto 20px;background-size:auto 20px}
    .paging .btnPaging.btnFirst{width:12px;background-position:0 -10px}
    .paging .btnPaging.btnPrev{width:6px;background-position:-29px -10px}
    .paging .btnPaging.btnNext{width:6px;background-position:-35px -10px}
    .paging .btnPaging.btnLast{width:12px;background-position:right -10px}
    .paging .btnPaging.btnFirst.disabled{background-position:0 0;cursor:default}
    .paging .btnPaging.btnPrev.disabled{background-position:-29px 0;cursor:default}
    .paging .btnPaging.btnNext.disabled{background-position:-35px 0;cursor:default}
    .paging .btnPaging.btnLast.disabled{background-position:right 0;cursor:default}
    .paging .number{display:inline-block;padding:0 16px;overflow:hidden;vertical-align:top}
    .paging .number button{float:left;font-family:"HyundaiSansHeadMedium";font-size:12px;margin:0 9px}
    .paging .number button:hover,
    .paging .number button:focus{color:#00aad2}
    .paging .number button.on{color:#00aad2;text-decoration:underline}

    /* Contact us */
    .brdWriteWrap{line-height:0}
    .brdWriteWrap .conArea p{margin-top:12px}
    .brdWriteWrap .conArea p:first-child{margin-top:0;text-align:center;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .btnWrap{margin-top:25px;padding-bottom:80px}
    .brdWriteWrap .btnWrap .btn{float:right;width:calc(50% - 3px);line-height:45px;margin-top:0}
    .brdWriteWrap .btnWrap .btn:first-child{float:left}
    .brdWriteWrap .conArea{margin-bottom:20px}
    .brdWriteWrap .subscribe label{margin-right:45px;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .reqBox{position:relative;top:45px;text-align:right;font-size:14px;line-height:16px}
    .brdWriteWrap .req{display:inline-block;width:6px;height:5px;margin:-10px 5px 0 0;background:url("../images/common/bul_req.png") no-repeat top left;background-size:6px auto;line-height:0;font-size:0;vertical-align:middle}
    .brdWriteWrap .brdWrite{width:100%;border-top:1px solid #e4dcd3;padding-top:30px}
    .brdWriteWrap .brdWrite dt{padding-bottom:15px;font-size:14px;font-family:"HyundaiSansHeadMedium";vertical-align:middle}/* 200424 modify */
    .brdWriteWrap .brdWrite dd{position:relative;padding-bottom:25px}
    .brdWriteWrap .brdWrite dd .boxWrap{display:table;width:100%}
    .brdWriteWrap .brdWrite dd .boxWrap span{display:table-cell;width:50%;vertical-align:top}
    .brdWriteWrap .brdWrite dd .boxWrap span.space{width:20px;padding:0 5px;line-height:45px;overflow:hidden;color:#000;text-align:center}
    .brdWriteWrap .brdWrite dd .boxWrap .btnWrap{position:absolute;top:5px;left:0;padding-bottom:0;margin-top:50px;width:100%}
    .brdWriteWrap .brdWrite dd .boxWrap .btnWrap .btn{width:100%;float:none}
    .brdWriteWrap .brdWrite .scrollCon{padding:15px;height:165px;line-height:21px;overflow:auto;border:1px solid #e4dcd3}
    .brdWriteWrap .brdWrite dd .email{padding-bottom:55px}
    .brdWriteWrap .brdWrite dt label{position:relative;padding-right:7px;font-family:"HyundaiSansHeadMedium";line-height:1}
    .brdWriteWrap .brdWrite dt label .req{position:absolute;right:0;top:2px;margin:0}
    .brdWriteWrap .brdWrite dt span{font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap .brdWrite dd .half{display:block !important;width:100% !important;margin-top:10px}
    .brdWriteWrap .brdWrite dd .half:first-child{margin-top:0}
    .brdWriteWrap .brdWrite dd input.txt{width:100%;border:1px solid #e4dcd3 !important;height:45px !important}
    .brdWriteWrap .brdWrite dd textarea.txt{width:100%;height:130px !important;border:1px solid #e4dcd3 !important}
    .brdWriteWrap .brdWrite dd select{background:#f6f3f2 url("../images/common/select_right_arr.png") no-repeat right center !important;height:45px !important}
    .brdWriteWrap .brdWrite dd .formCheckTxt{margin-top:15px}
    .brdWriteWrap .brdWrite .scrollCon{border:1px solid #e4dcd3;height:165px;overflow:auto;padding:20px;line-height:16px}
    .brdWriteWrap .brdWrite .scrollCon strong{font-size:16px;font-family:"HyundaiSansHeadMedium"}
    .brdWriteWrap.newsAlerts{line-height:normal}
    .brdWriteWrap.newsAlerts .btnWrap .btn{width:100%}
    .brdWriteWrap.complete{line-height:normal}
    .brdWriteWrap.complete .btnWrap .btn{width:100%}
    .brdWriteWrap.complete h2{text-align:center;font-size:19px}
    .brdWriteWrap.complete .stxt{font-size:14px;text-align:center}
    .brdWriteWrap.complete .brdWriteWrap .conArea{margin-bottom:0}
    .brdWriteWrap.complete .brdWrite{border-top:none;padding-top:14px}
    .brdWriteWrap.complete .brdWrite .formList{display:table;width:100%}
    .brdWriteWrap.complete .brdWrite .formList dt{display:table-cell;width:36%;vertical-align:middle;background:#e4dcd3;padding:12px 0 12px 15px;border-bottom:1px solid #f6f3f2}
    .brdWriteWrap.complete .brdWrite .formList dd{display:table-cell;width:64%;vertical-align:middle;background:#fff;padding:12px 15px;border-bottom:1px solid #e4dcd3;border-right:1px solid #e4dcd3}
    .brdWriteWrap.complete .brdWrite .formList:first-child dd{border-top:1px solid #e4dcd3}
    .brdWriteWrap .brdWrite dd ::-webkit-input-placeholder{color:#00aad2}
    .brdWriteWrap .brdWrite dd ::-moz-placeholder{color:#00aad2}
    .brdWriteWrap .brdWrite dd :-ms-input-placeholder{color:#00aad2 !important} /* 210422 modify */
    .brdWriteWrap .brdWrite dd :-moz-placeholder{color:#00aad2}
    /* 210423 add */
    .brdWriteWrap .brdWrite dd input.txt:disabled::-webkit-input-placeholder,
    .brdWriteWrap .brdWrite dd textarea.txt:disabled::-webkit-input-placeholder {color:#b6b4b3 !important}
    /* //210423 add */
    /* s:200424 add :open source */
    .brdWriteWrap .brdWrite dd input.read_only{background-color:#cecdca !important}
    .brdWriteWrap .brdWrite dd .fileWrap{font-size:14px}
    .brdWriteWrap .brdWrite dd .filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
    .brdWriteWrap .brdWrite dd .filebox label{display:inline-block;width:100%;margin:0 0 5px 0;padding:0;background-color:#002c5f;font-size:16px;line-height:45px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
    .brdWriteWrap .brdWrite dd .filebox .upload_name{display:inline-block;width:100%;height:45px !important;line-height:30px;vertical-align:middle;border:1px solid #e4dcd3 !important;background:#fff !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}
    /* e:200424 add :open source */

  /* 210908 add */
  .vinCheckTxt {margin-top:10px;font-size:12px;line-height:16px;}
  .vinCheckTxt span {display:inline !important;}
  .brdWriteWrap .owner label {margin-top:5px;margin-right:10px;font-family:"HyundaiSansHeadMedium"}
  /* //210908 add */

    /* IR Map - 191129 hover color modify*/
    .irMapWrap{width:190px;margin:-32px auto 0;padding-bottom:70px} /* 210723 modify */
    .irMapWrap a{position:relative;display:block}
    .irMapWrap .subTit4{margin-top:40px;font-size:17px}
    .irMapWrap .subTit4 a{text-decoration:none}
    .irMapWrap a:hover,
    .irMapWrap a:focus,
    .irMapWrap .on a{color:#002c5f;text-decoration:none}
    .irMapWrap .subTit4.on a:after{background-position:0 0}
    .irMapWrap .subTit5{margin-top:20px}
    .irMapWrap .irMapList{margin-top:10px}
    .irMapWrap .irMapList li{margin-top:7px;font-size:12px}
    .irMapWrap .irMapList li a{color:#767676;text-decoration:underline}
    .irMapWrap .irMapList li a:hover,
    .irMapWrap .irMapList li a:focus,
    .irMapWrap .irMapList li.on a{text-decoration:underline;color:#002c5f;font-family:"HyundaiSansHeadMedium"}
  .irMapWrap .grid .subTit5 a {font-family:"HyundaiRegular";color:#666;} /* 210723 add */

    /* Report */
    .reportWrap{padding-bottom:30px}
    .reportWrap .gridWrap{margin-bottom:50px}
    .reportWrap .grid{position:relative;background:#fff;min-height:159px;margin-bottom:16px;padding:35px 25px 30px}
    .reportWrap .grid .subTit3{font-size:19px;line-height:24px;margin-top:-4px}
    .reportWrap .grid .btmTool{margin-top:51px;font-size:0}
    .reportWrap .btnWrap{padding-bottom:40px}
    .reportWrap .info{margin-bottom:4px;font-size:12px}
    .reportWrap .info .no{padding-left:0;color:#000;font-family:"HyundaiSansHeadMedium"}
    .reportWrap .info .no:before{display:none}
    .reportWrap .info .date{margin-left:6px}
    .reportWrap .info .date:before{content:'';display:inline-block;width:1px;height:9px;background:#d4d4d4;margin-right:10px;vertical-align:-1px}
    .reportWrap .n3 .grid{padding:24px 20px}
    .reportWrap .n3 .grid .btmTool{margin-top:79px}
    .bgW .reportWrap .grid{background-color:#f6f3f2}

    .reportWrap#investor_news_thumbn .grid{padding:24px 20px;height:220px}
    .reportWrap#investor_news_thumbn .grid .subTit{overflow:hidden;height:48px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
    .reportWrap#investor_news_thumbn .grid .btmTool{margin-top:75px}

    .reportInfo .subTit3{margin-bottom:15px}
    .reportInfo select{margin-bottom:15px}
    .reportInfo .btnOnly{margin-bottom:40px;text-align:center}

    /* layerPop */
    .layerPop{display:none;position:absolute;left:0;top:0;width:100%;z-index:99999}
    .layerPop .dim{position:fixed;left:0;right:0;top:0;bottom:0;background:url("../images/common/popup-bg.png") repeat left top}
    .layerPop .layerPopArea{position:relative;margin:140px 15px 0 15px;padding-bottom:100px}
    .layerPop .layerPopArea .btnLayerClose{display:block;position:absolute;top:15px;right:15px;text-indent:-999em;width:12px;height:12px;background:url("../images/common/btn_layer_close.png") no-repeat;background-size:12px}

    .layerPop .popCont{padding:50px 30px;background:#fff;text-align:center}
    .layerPop .popCont .headTit{display:block;padding:0 0 10px 0;font-size:19px;font-family:"HyundaiSansHeadMedium"}
    .layerPop .popCont .titMsg{display:block;margin:10px 0 20px 0;font-size:17px;line-height:22px}
    .layerPop .popCont .titMsg a{display:block;color:#002c5f;text-decoration:underline}
    .layerPop .popCont .icoNoti{display:block;text-indent:-999em;width:46px;height:46px;background:url("../images/common/ico_noti_mo.png") no-repeat;background-size:46px;margin:0 auto 10px auto}
    .layerPop .popCont .icoNoti1{display:block;text-indent:-999em;width:46px;height:46px;background:url("../images/common/ico_noti_mo_1.png") no-repeat;background-size:46px;margin:0 auto 10px auto}
    .layerPop .popCont .message{margin:20px 0 15px 0;color:#000}
    .layerPop .popCont .message.bold{font-family:'HyundaiSansHeadMedium'}
    .layerPop .popCont .message.wrong{color:#00aad2}
    .layerPop .popCont .conArea{margin-bottom:30px}
    .layerPop .popCont .inputWrap{width:100%}
    .layerPop .popCont .inputWrap input.txt{width:100%;height:50px !important;border:1px solid #e4dcd3 !important}
    .layerPop .popCont .etc{margin-top:20px;padding-top:20px;border-top:1px solid #e4dcd3}
    .layerPop .popCont .etc .message{margin-top:0}
    .layerPop .popCont .btnWrap{margin-top:20px;padding-bottom:0}

    .layerPop .pdfList{width:100%;margin-top:30px;margin-bottom:15px;text-align:left}
    .layerPop .pdfList li{padding-top:25px}
    .layerPop .pdfList li:first-child{padding-top:0}
    .layerPop .pdfList li .btnDown{display:block;background-position:right top;padding-left:0}

    .depList > .listItem{position:relative;padding-left:12px}
    .numList > .listItem{position:relative;margin-bottom:40px;padding-left:18px}
    .numList02 > .listItem{position:relative;margin-bottom:15px;padding-left:21px}
    .depWordList > .listItem{position:relative;padding-left:19px}
    .depList .blIcon,
    .depWordList .blIcon,
    .numList .blIcon,
    .numList02 .blIcon{position:absolute;left:0;top:0;padding-right:5px}

    .noticeList{margin-top:20px}
    .noticeList li{margin-top:11px;padding-left:15px;line-height:17px;background:url("../images/common/ico_notice_grey_mo.png") no-repeat left 2px;background-size:11px 11px;color:#666;font-size:12px;text-align:left}
    ul.txtList{margin-bottom:-5px}
    ul.txtList > li{margin-bottom:5px;padding-left:10px;background:url("../images/common/bul_txtlist.gif") no-repeat 0 8px}

    .txtDesc{font-size:12px}
    .programWrap{padding-bottom:60px}
    .programWrap .program{}/* 추후수정예정 */

    /* calendar */
    .calendarWrap{position:relative;padding-bottom:70px}
    .calendarWrap .calendarControl{position:relative;text-align:center;margin-bottom:30px;font-size:0;display:table;width:100%;z-index:30}
    .calendarWrap .calendarControl a:hover,
    .calendarWrap .calendarControl a:focus{text-decoration:none}
    .calendarWrap .calendarControl .topTit{display:inline-block;line-height:1;font-size:22px}
    .calendarWrap .calendarControl .date{position:relative;display:inline-block;vertical-align:top;font-size:22px;font-family:"HyundaiSansHeadMedium";line-height:1;padding-right:22px;margin:0 15px}
    .calendarWrap .calendarControl .date:after{display:block;content:"";width:7px;height:5px;background:url("../images/common/bg_calendar.png") no-repeat;background-size:7px;position:absolute;top:50%;right:0;margin-top:-3px}
    .calendarWrap .calendarControl .btnPrev{display:inline-block;vertical-align:top;text-indent:-9999px;width:8px;height:13px;background:url("../images/common/bg_calendar.png") no-repeat 0 -21px;background-size:8px;margin-top:5px}
    .calendarWrap .calendarControl .btnNext{display:inline-block;vertical-align:top;text-indent:-9999px;width:8px;height:13px;background:url("../images/common/bg_calendar.png") no-repeat 0 -7px;background-size:8px;margin-top:5px}
    .calendarWrap .calendarControl .calOption{display:none;position:absolute;z-index:2;top:30px;left:35px;right:35px;margin:0 auto;font-size:16px;background:#fff;height:220px;border:1px solid #000}
    .calendarWrap .calendarControl .calOption .grid{position:relative;text-align:left;padding:9px 0 15px 15px;float:left;width:50%}
    .calendarWrap .calendarControl .calOption .grid .subTit3{display:block;margin-bottom:10px;font-size:14px}
    .calendarWrap .calendarControl .calOption .grid:first-child{border-right:1px solid #e4dcd3}
    .calendarWrap .calendarControl .calOption .grid .calRoll{overflow-y:auto;height:178px;-webkit-overflow-scrolling:touch}
    .calendarWrap .calendarControl .calOption .grid .calRoll .on button{color:#00aad2;text-decoration:underline}
    .calendarWrap .calendarControl .calOption .grid .calRoll li{font-size:12px;margin-top:7px}
    .calendarWrap .calendarControl .calOption .grid .calRoll li:first-child{margin-top:0}
    .calendarWrap .calendarControl .calOption .btnOptionClose{position:absolute;top:15px;right:15px;height:12px;overflow:hidden}
    .calendarWrap .calendarControl .calOption .btnOptionClose img{width:12px}
    .calendarWrap .calToday{position:absolute;z-index:31;top:0;right:0;font-family:"HyundaiSansHeadMedium";text-decoration:underline}
    .calendarWrap .calHead{background-color:#002c5f;overflow:hidden}
    .calendarWrap .calHead ul{display:table;width:100%}
    .calendarWrap .calHead ul li{display:table-cell;width:14.28%;text-align:center;color:#fff;font-family:"HyundaiSansHeadMedium";padding:10px 0;font-size:12px}
    .calendarWrap .calBody{background:#fff}
    .calendarWrap .calBodyArea{position:relative;z-index:1;transition:height 0.3s;overflow:hidden;width:100%}
    .calendarWrap .calBodyArea > li{float:left;width:14.28%;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;padding:5px 8px;background:#fff;font-size:12px}
    .calendarWrap .calBodyArea > li:first-child{border-left:1px solid #e4dcd3}
    .calendarWrap .calBodyArea > li.on{background:#f6f3f2;border-bottom:none}
    .calendarWrap .calBodyArea > li .btnCalMore{display:block;width:100%;height:100%;text-align:left;vertical-align:top;box-sizing:border-box;padding-bottom:90%}
    .calendarWrap .calBodyArea > li .btnCalMore .work{display:inline-block;vertical-align:top;width:4px;height:4px;background:#00aad2;border-radius:50%;margin-left:3px;margin-top:5px}
    .calendarWrap .calBodyArea > li.today{background:#f6f3f2;font-family:"HyundaiSansHeadMedium"}
    .calendarWrap .calBodyArea > li.today .btnCalMore{position:relative;font-family:"HyundaiSansHeadMedium";z-index:2}
    .calendarWrap .calBodyArea > li .btnCalMore + .txtToday{position:absolute;top:24px;margin:0 -8px -5px 0;z-index:1}/*2019.01.24 M*/
    .calendarWrap .calBodyArea > li .txtToday{display:block;font-size:8px;font-family:"HyundaiSansHeadMedium";margin:0 -8px -5px -8px;text-align:center}
    .calendarWrap .calBodyArea > li .calMoreContent{display:none;position:absolute;top:120px;left:0;right:0;background:#f6f3f2;z-index:30;padding:0 20px 10px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner{padding:36px 0 37px;border-top:1px solid #e4dcd3}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner:first-child{border-top:0}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .titBox{position:relative;padding-bottom:24px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .date{display:block;position:absolute;bottom:0;font-family:"HyundaiRegular";line-height:1}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner h3{font-size:17px;line-height:22px}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .conArea{padding-top:19px;font-family:"HyundaiRegular"}
    .calendarWrap .calBodyArea > li .calMoreContent .calMoreInner .pdfDown{margin-top:20px}
    .calendarWrap .calBodyArea > li .calMoreContent .btnMoreClose{position:absolute;top:17px;right:17px}
    .calendarWrap .calBodyArea > li .calMoreContent .btnMoreClose img{width:10px}

    .fifaWorldCup .imgArea{text-align:center}
    .fifaWorldCup .imgArea img{width:94px;height:94px}

    .countryListWrap{}
    .countryListWrap .gridWrap{padding-bottom:66px}
    .countryListWrap .gridWrap .gridRows{overflow:hidden}
    .countryListWrap .n3 .grid{float:left;width:50%;margin-left:0;margin-top:20px;font-size:12px;line-height:18px}
    .countryListWrap .n3 .grid .txtCountry{font-size:12px}
    .countryListWrap .n3 .grid a{overflow:hidden;display:block;position:relative}
    .countryListWrap .n3 .grid a:hover,
    .countryListWrap .n3 .grid a:focus{text-decoration:none}
    .countryListWrap .n3 .grid a .flag{float:left;margin:0 10px 10px 0}

    .txtNote{margin-top:5px;font-size:12px}
    .txtNote .note{margin:6px 0 0 0}
    .note{overflow:hidden;position:relative;display:inline-block;width:10px;height:8px;margin:3px 2px 0 0;font-size:0;line-height:4;vertical-align:top}
    .note:before{content:'*';display:block;width:8px;height:8px;font-size:12px;line-height:1;color:#000}

    .noteList{margin-top:7px;font-size:12px}
    .noteList .tit{display:block;font-family:"HyundaiSansHeadMedium"}
    .noteList ul li{position:relative;padding-left:12px;line-height:17px}
    .noteList ul li .blIcon{position:absolute;left:0;top:0;padding-right:5px}

    .zoomLayerCont{padding-bottom:60px}
    .zoomLayerCont img{width:100%}

    .fullTxtCont{padding:0 15px 55px}

    /* s:200423 add :CSR */
    .csrWrap .searchBar{min-height:170px;padding:40px 0}
    .csrWrap .searchBar .selectWrap span:first-child{padding-left:0}
    .csrWrap .searchBar .selectWrap{display:table;width:100%}
    .csrWrap .searchBar .selectWrap .half{display:table-cell;width:48.5%;padding-left:3%}
    .csrWrap .searchBar .selectWrap .half select{height:40px !important}
    .csrWrap .searchBar .searchWrap{top:90px}
    .csrWrap .searchBar .searchWrap .searchInput .inputText{height:40px !important}
    .csrWrap .sortSelect{min-height:120px;padding:40px 0}
    .csrWrap .sortSelect select{height:40px !important}
    .csrVideoWrap .searchBar{min-height:120px;padding:40px 0 0}
    .csrVideoWrap .searchBar .searchWrap{top:40px}
    .csrVideoWrap .searchBar .searchWrap .searchInput .inputText{height:40px !important}
    .csrListWrap .info .date{font-size:14px}
    .csrListWrap .info .data{display:inline-block;margin:0 0 6px;font-size:12px;font-family:"HyundaiSansHeadMedium";color:#002c5f}
    .csrListWrap .brdList.n2{padding-top:50px;padding-bottom:30px}
    .csrListWrap .brdList.n2 .grid{padding-bottom:30px}
    .csrListWrap .brdList.n2 .grid .subTit3{font-size:18px;line-height:27px}
    .csrListWrap .brdList.n3{padding-top:50px;padding-bottom:30px}
    .csrListWrap .brdList.n3 .grid .subTit4{max-height:80px;font-size:18px;line-height:27px;-webkit-line-clamp:3}
    .csrListWrap .down-wrap{min-width:200px;margin:3px auto 0;text-align:left}
    .csrListWrap .down-wrap a{display:inline-block;margin:0 20px 0 0;font-family:HyundaiKRRegular;line-height:14px}
    .csrListWrap .down-wrap a .ico_down{display:inline-block}
    .csrListWrap .down-wrap .down .ico_down{width:16px;height:16px;margin:-1px 6px 0 0;vertical-align:top;background:url('../../../kr/ko/images/common/ico_mobile_32.png') no-repeat 0 -192px;background-size:100%}
    /* e:200423 add :CSR */
    /* s:200429 add :CSR-Report */
    .csrReportWrap{margin-top:5px}
    .csrReportWrap .gridWrap.n4{margin-bottom:30px;text-align:center}
    .csrReportWrap .gridWrap.n4:first-child .grid{padding-top:10px}
    .csrReportWrap .gridWrap.n4 .grid{margin-bottom:28px}
    .csrReportWrap .gridWrap.n4 .grid .imgArea{border:1px solid #e3dcd2}
    .csrReportWrap .gridWrap.n4 .grid .imgArea img{}
    .csrReportWrap .gridWrap.n4 .grid .info{overflow:hidden;clear:both;padding:12px 11px 0 10px}
    .csrReportWrap .gridWrap.n4 .grid .Year{display:inline-block;float:left;font-size:18px;line-height:28px;color:#000;font-family:"HyundaiSansHeadMedium";font-weight:normal}
    .csrReportWrap .down-wrap{display:inline-block;width:auto;float:right}
    .csrReportWrap .down-wrap a{margin:0;line-height:28px}
    .csrReportWrap .down-wrap a .ico_down{display:inline-block;margin:5px 5px 0 0}
    .csrReportWrap .down-wrap .down{font-size:14px;color:#000}
    .csrReportWrap .down-wrap .down .ico_down{width:16px;height:16px;vertical-align:top;background:url('../../../kr/ko/images/common/ico_mobile_32.png') no-repeat 0 -192px;background-size:100%}
    .csrReportWrap .down-wrap .down + .down{margin-left:22px}
    /* e:200429 add :CSR-Report */
    .tabCont .csrListWrap .brdList.n2{padding-top:10px}/* 200529 add */
    .tabCont .csrListWrap .brdList.n3{padding-top:10px}/* 200529 add */

    /* s:200624 add :Newsroom */
    .news-list .btnWrap{overflow:hidden;height:45px;margin:-40px 0 0;padding-bottom:110px}
    .news-list .btnArea{display:inline-block;float:right;width:calc(50% - 3px);line-height:45px;margin-top:0}
    .news-list .btnArea:first-child{float:left}
    .news-list .btnArea .btn{font-size:15px}

    .news-view .utillTopBox{display:block;height:56px;border-bottom:1px solid #eaeaea}
    .news-view .utillTopBox .utillTopInner{position:relative;overflow:hidden;padding:0 15px}
    .news-view .utillTopBox .utillTopInner .utillRight{overflow:hidden;padding-top:22px;float:right}
    .news-view .utillTopBox .utillTopInner .utillRight .utillPrint{display:none}
    .news-view .utillTopBox .utillTopInner .utillRight .utillEmail{float:left;margin-right:0;padding-left:25px;line-height:15px;background:url("../images/common/btn_email_mo.png") no-repeat left center;background-size:17px auto;font-size:12px;font-family:"HyundaiSansHeadMedium"}

    .news-view .utillTopBox .utillTopInner .utillLight{overflow:hidden;float:left;padding-top:11px}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList{overflow:hidden;display:block}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList li{display:block;float:left;width:34px;height:34px;margin-right:7px;background:url("../images/common/btn_sns_share_mo.png") no-repeat;background-size:auto 34px;text-indent:-9999px}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList li a{display:block}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnFacebook{background-position:0 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnTwitter{background-position:-34px 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnPinterest{background-position:-68px 0}
    .news-view .utillTopBox .utillTopInner .utillLight .shareList .btnInstar{background-position:-102px 0}

    .newsViewType{display:block;padding:47px 0 27px;font-size:0;line-height:1;text-align:right}
    .newsViewType button{display:inline-block;width:44px;height:44px;background:url("../images/common/newslist-btn_mo.png") no-repeat 0 0;background-size:88px auto}
    .newsViewType button.btnList{width:43px;background-position:0 0}
    .newsViewType button.btnThumbnail{width:43px;background-position:-45px 0}
    .newsViewType button.btnList.on{width:44px;background-position:0 -44px}
    .newsViewType button.btnThumbnail.on{width:44px;background-position:-44px -44px}
    /* e:200624 add :Newsroom */
}

@media screen and (min-width:768px) and (max-width:1023px){
    .tableInner.scroll{overflow:initial !important;margin-right:0 !important;-webkit-overflow-scrolling:touch}
    .tableInner.scroll .tableType{width:100% !important}
    .brdTableWrap .tableInner.scroll{overflow-x:auto !important;margin-right:-15px !important}
}

@media print{
    #skipNavi,
    #gnbMenu,
    .contTop,
    .utillTopBox,
    .naviJumpWrap,
    .naviJumpWrapN,
    .footerWrap{display:none}
    .togListWrap .togCont{display:block}
    .tableInner.scroll{overflow:initial !important}
    .tableInner.scroll .tableType{width:100% !important}
    th{border:1px solid #e4dcd3 !important}
    td{border:1px solid #e4dcd3 !important}
    .tableType table thead th{color:#fff !important}

    .pdfDown,
    .btnDown{padding-left:0 !important;text-decoration:underline}
    .learnMore{text-decoration:underline}
    button{border:0 !important}

    .contentWrap{padding:40px}
    .contentWrap .contWrap{min-width:auto !important}

    .directorList .grid{width:30%}

    .togListWrap .btnWrap{display:none}
    .togListWrap .btnOpenClose{height:auto;padding:15px 20px;line-height:24px}
    .togListWrap .togCont{padding:20px}

    .calendarWrap .calHead ul li{color:#fff !important;border:1px solid #e4dcd3}
    .calendarWrap .calBodyArea > li{width:130px}

    .tabWrap.n3 .tab{width:33.33% !important}
    .tabWrap.n3 .tab:first-child{width:33.33% !important}
    .tabWrap.n2 .tab{width:50% !important}
    .tabWrap.n6 .tab{width:16.6% !important}
    .tabWrap.n6 .tab:first-child{width:16.6% !important}
    .tabWrap .tabArea{border:1px solid #e4dcd3}
    .tabWrap .tabArea .tab .link{background-color:#444 !important;color:#fff !important}
    .tabWrap .tabArea .tab.on .link{text-decoration:underline !important;background-color:#fff !important;color:#000 !important}

    .slideInfo2{min-width:100% !important;width:100% !important}
    .slideInfo2 .bgCenter{position:relative;left:0;margin-left:0;width:100% !important}
    .slideInfo2 .info{position:relative;width:100%;border:1px solid #e4dcd3}
    .mobileOnly{display:none !important}

    .reportWrap .n3 .grid{width:31% !important;border:1px solid #e4dcd3}
    .reportWrap .n4 .grid{width:22.5% !important;border:1px solid #e4dcd3}
    .calendarInfoWrap .grid{width:48% !important}
    .calendarInfoWrap .dateArea{width:20% !important;border:1px solid #e4dcd3}
    .calendarInfoWrap .infoArea{width:80% !important;border:1px solid #e4dcd3}

    .irMapWrap{padding:0 0 30px 50px}
    .irMapWrap.n4 .grid{width:24% !important;margin-left:0 !important}

    .calendarWrap{overflow:hidden !important;width:100% !important}
    .calendarWrap .calHead ul li{width:14.25% !important;border:1px solid #e4dcd3 !important}
    .calendarWrap .calBodyArea > li{width:14.25% !important}

    .togListEvent .togTitWrap{border:1px solid #e4dcd3}
    .brdTitBox{background-color:#f6f3f2 !important}
    .brdViewEtc .file dt,
    .brdViewEtc .tag dt{padding-bottom:15px}
    .brdViewEtc .file dd,
    .brdViewEtc .tag dd{width:100% !important}

    .tool{display:none}

    .statisticWrap .grid{width:31% !important;border:1px solid #e4dcd3}
    .noPrint{display:none}

    .quickArea,
    .btnContentTop{display:none}
}

/*M-00125*/
@media print, screen and (max-width:20000px) and (min-width:741px){
.contentWrap .etcInfomationWrap .contBox{padding-top:0}
.etcInfomationWrap{}
.etc_list_box{}
.etc_list_box ul li{display:block;position:relative;padding-left:21px;background:url(../images/common/ico_notice_grey.png) no-repeat left 7px}/**/
}
@media screen and (max-width:740px) and (min-width:0){
.contentWrap .etcInfomationWrap .contBox{padding-top:0}
.etcInfomationWrap{}
.etc_list_box ul li{display:block;position:relative;padding-left:15px;background:url(../images/common/ico_notice_grey_mo.png) no-repeat left 5px;background-size:11px 11px;font-size:12px}
}

/*M-00125 END*/

/* s:[M-00134] 180824 */
@media print, screen and (max-width:20000px) and (min-width:741px){
.ml8{margin-left:8px}
}

@media print, screen and (max-width:740px) and (min-width:0px){
    /* Slider */
    .slick-slider{position:relative;display:block;height:100%;padding-bottom:32px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
    .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
    .slick-list:focus{outline:none}
    .slick-list.dragging{cursor:pointer;cursor:hand}
    .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
    .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
    .slick-track:before, .slick-track:after{display:table;content:''}
    .slick-track:after{clear:both}
    .slick-loading .slick-track{visibility:hidden}
    .slick-slide{display:none;float:left;height:auto;min-height:1px}
    [dir='rtl'] .slick-slide{float:right}
    .slick-slide img{display:block}
    .slick-slide.slick-loading img{display:none}
    .slick-slide.dragging img{pointer-events:none}
    .slick-initialized .slick-slide{display:block}
    .slick-loading .slick-slide{visibility:hidden}
    .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
    .slick-arrow.slick-hidden{display:none}
    .slick-dots{position:absolute;bottom:0px;list-style:none;display:block;text-align:center;padding:0;width:100%}
    .slick-dots li{position:relative;display:inline-block;height:20px;width:20px;padding:0;cursor:pointer}
    .slick-dots li button{border:0;display:block;height:9px;width:9px;outline:none;line-height:0;font-size:0;color:#00aad2;padding:0px;cursor:pointer}/* 180828 */
    .slick-dots li button:hover, .slick-dots li button:focus{ }
    .slick-dots li button:hover:before, .slick-dots li button:focus:before{color:#00aad2;opacity:1}
    .slick-dots li button:before{position:absolute;top:0;left:0;content:"";width:9px;height:9px;text-align:center;background:url(../images/common/dot_mo.png) no-repeat right 0;background-size:auto 9px;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}/* 180828 */
    .slick-dots li.slick-active button:before{background-position:0 0}/* 180828 */
    .slick-dots li.slick-active button:before{color:#00aad2;opacity:1}
}

@media all and (max-device-width:320px){
    .mainNewsArea .txtArea span{line-height:4vw}
    a.moreAbout{font-size:3.6vw !important}
}

/* new_main_reset */
@media print, screen and (max-width:1919px) and (min-width:1260px){
    *{overflow:initial;min-width:initial;max-width:initial}

    /* stories */
    .onlyMain .fixed_banner_area .btnCenter{bottom:-11vw}
    .onlyMain .stories_slide .slick-prev,
    .onlyMain .stories_slide .slick-next{background:transparent;opacity:inherit}
    .onlyMain .stories_slide .slick-prev:after{content:none}
    .onlyMain .stories_slide .slick-next:after{content:none}
    .onlyMain .stories_slide .slick-prev{position:absolute;top:50%;left:3vw;margin-top:-21px;width:24px;height:42px;font-size:0;line-height:0;background:url(../images/main/btn_slide_prev.png) 0 center no-repeat}
    .onlyMain .stories_slide .slick-next{position:absolute;top:50%;right:3vw;margin-top:-21px;width:24px;height:42px;font-size:0;line-height:0;background:url(../images/main/btn_slide_next.png) 0 center no-repeat}
    .onlyMain .slick-dots{display:none !important}/* 180828 */
}
@media print, screen and (max-width:1800px) and (min-width:741px){
    /* models_slider */
    .onlyMain .mainTopVisualArea .slideWrap{max-width:inherit;width:100%;height:auto !important}
    .onlyMain .mainWbox{max-width:initial;width:100%;padding:0 0}
    .onlyMain .mainWbox .mainConBox{width:100%}
    .onlyMain .findacarMainList .models li{min-height:initial;height:auto}
    .onlyMain .findacarMainList .models .modelsSlide{max-width:inherit;width:100%;margin:0 auto}/* 180904_modify */
    .onlyMain .findacarMainList .models .slideArea.swiper-wrapper .swiper-slide{width:25% !important;margin:0 3px !important}/* 180904_modify */
    .onlyMain .findacarMainList .models .txtArea{position:absolute;bottom:-21px;left:0;width:100%;text-align:center}/* 180828 */
    .onlyMain .findacarMainList .models .txtArea .subTit4{font-size:1.5vw}
    .onlyMain .findacarMainList .models .imgArea img{max-width:initial;width:100%}
    .onlyMain .findacarMainList .models .swiper-pagination{margin-top:2vw}
}
@media print, screen and (max-width:1337px) and (min-width:741px){
    .onlyMain .mainNewsArea .contBox{width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .onlyMain .mainNewsArea .grid.grid2{max-width:initial;width:49.9%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .onlyMain .titArea{width:100%;padding:0 0 2vw 0;text-align:center}
}
@media print, screen and (max-width:1260px) and (min-width:740px){
.onlyMain .gnbWrap{width:100%}
.onlyMain .contentWrap{min-width:initial;width:100%;padding-top:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .contentWrap .contWrap{min-width:initial;width:100%}
.onlyMain .slideAuto{min-width:initial;width:100%}

.onlyMain .topVisual{min-width:initial;width:100%}
.onlyMain .topVisual .visual{width:100%}

/* models_slider */
.onlyMain .main-vehicle-thumbnail .findacarMainList{padding:0 0 65px 0}
.onlyMain .mainTopVisualArea{padding:0 0}
.onlyMain .mainTopVisualArea .slideWrap{max-width:inherit;width:100%;height:auto !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .mainWbox{max-width:initial;width:100%;padding:0 0}
.onlyMain .mainWbox .mainConBox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .findacarMainList .models .{max-width:inherit;width:90%;margin:0 auto;padding-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .findacarMainList .models .slideArea.swiper-wrapper .swiper-slide{width:25% !important;margin:0 0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/* 180828 */
.onlyMain .findacarMainList .models .slideArea.swiper-wrapper .swiper-slide:nth-child(5){margin-left:3vw !important}/* 180828 */
.onlyMain .findacarMainList .models li{min-height:inherit;height:auto}/* 180828 */
.onlyMain .findacarMainList .models .txtArea{position:absolute;bottom:-15px;left:0;width:100%;text-align:center}/* 180828 */
.onlyMain .findacarMainList .models .txtArea .subTit4{max-height:inherit;padding-top:0;font-size:1.5vw}
.onlyMain .findacarMainList .models .imgArea img{max-width:initial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .findacarMainList .models .swiper-pagination{margin-top:2vw}/* 180828 */

/* visit */
.onlyMain .visit_position_cont_box .select_area{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .visit_cont_area .titArea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .visit_cont_area .titArea br{display:block}
.onlyMain .visit_position_cont_box{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .sc_tit{width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain #container .visit_position_cont_box select{width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* stories */
.onlyMain .storiesWrap{width:100%}
.onlyMain .storiesWrap .titArea{width:100%;padding:0 0 3vw 0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .fixed_banner_area .btnCenter{bottom:-11vw}
.onlyMain .stories_slide .slick-prev,
.onlyMain .stories_slide .slick-next{width:auto;background:transparent;opacity:inherit}
.onlyMain .stories_slide .slick-prev{position:absolute;top:50%;left:3vw;margin-top:-21px;width:24px;height:42px;font-size:0;line-height:0;background:url(../images/main/btn_slide_prev.png) 0 center no-repeat}
.onlyMain .stories_slide .slick-next{position:absolute;top:50%;right:3vw;margin-top:-21px;width:24px;height:42px;font-size:0;line-height:0;background:url(../images/main/btn_slide_next.png) 0 center no-repeat}
.onlyMain .slick-dots{display:none !important}
}

@media print, screen and (max-width:1040px) and (min-width:741px){
.onlyMain .findacarMainList .models .{padding-bottom:10px}
.onlyMain .findacarMainList .models .txtArea{}
.onlyMain .findacarMainList .models .{width:95%;margin:0 auto}/* 180828 */
.onlyMain .findacarMainList .models .slideArea.swiper-wrapper .swiper-slide{width:25% !important;margin:0 0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/* 180828 */
.onlyMain .findacarMainList .models .slideArea.swiper-wrapper .swiper-slide:nth-child(5){margin-left:3vw !important}

/* news */
.onlyMain .mainNewsArea .txtArea{padding:0 5vw 2vw 5vw}
}

@media print, screen and (max-width:799px){
/* visit */
.onlyMain .sc_tit{display:block;width:100%;padding-bottom:3vw;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.onlyMain .sc_tit > br{display:none}
}
@media print, screen and (max-width:740px) and (min-width:320px){
.onlyMain .contentWrap .contWrap{background-size:100% auto}
.onlyMain .mainTopVisualArea .slideWrap .swiper-slide .mainTopVisualArea{background-size:100% auto}
.onlyMain .findacarMainList .models .imgArea{display:inline-block;/*width:75%;*/width:89.3%;text-align:center}
.mobile .onlyMain .slick-dots{display:block !important}
.mobile .onlyMain .caption_txt img{opacity:0}
.mobile .onlyMain .caption_txt .sns_txt_box,
.mobile .onlyMain .sns_columns a > p{display:none}
.onlyMain .n2 .grid{width:100%}
}
/* e:[M-00134] 180824 */

/* s:[M-00134] ir_information 20180917*/
@media print, screen and (max-width:20000px) and (min-width:741px){
.irOverviewMenu{padding:100px 0}
.contentWrap .contWrap .contBox.ir_overview_menu_area{padding-top:0}
.menu_box{display:inline-block;width:560px;height:358px;margin-right:-4px;padding:70px 64px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* s:180918_modify */
.menu_box.box1{background-repeat:no-repeat}
.menu_box.box2{background-repeat:no-repeat}
.menu_box.box3{background-repeat:no-repeat}
.menu_box.box4{background-repeat:no-repeat}
/* e:180918_modify */
.menu_box .subTit{position:relative;display:block;color:#fff;font-size:30px;font-family:"HyundaiSansHeadMedium";line-height:43px}
.menu_box .subTit:after{content:'';display:block;width:100%;height:1px;background:url(../images/main/bg_subtit_line.png)repeat-x 0 0}
.menu_box .menu_list_area{margin-top:21px}
.menu_box .menu_list li{display:block;height:40px;padding:5px 0 5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu_box .menu_list li > a{display:inline-block;height:30px;color:#fff;font-size:20px;font-family:"HyundaiRegular";vertical-align:middle}
.menu_box .menu_list li > a:after{content:'';display:inline-block;width:4px;height:7px;margin:-3px 0 0 10px;background:url(../images/main/arr_link.png) 0 0 no-repeat;vertical-align:middle}
.menu_box .menu_list li > a:hover, .menu_box .menu_list li > a:focus{display:inline-block;height:30px;font-size:20px;color:#00aad2;text-decoration:none;border-bottom:1px solid #00aad2}
.menu_box .menu_list li > a:hover:after, .menu_box .menu_list li > a:focus:after{background-position:0 -7px}
}

@media print, screen and (max-width:740px) and (min-width:0px){
.irOverviewMenu{padding:60px 0}
.contentWrap .contWrap .contBox.ir_overview_menu_area{padding:6px 15px 0 15px}
.menu_cont_wrap{width:100%}
.menu_box_area{width:100%}
.menu_box{position:relative;width:100%;margin-top:15px}
.menu_box:before{content:'';display:block;padding-top:65%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu_box:first-child{margin-top:0}
.menu_box > div{position:absolute;top:0;right:0;bottom:0;left:0;padding:27px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* s:180918_modify */
.menu_box.box1{background-repeat:no-repeat;background-size:100% 100%}
.menu_box.box2{background-repeat:no-repeat;background-size:100% 100%}
.menu_box.box3{background-repeat:no-repeat;background-size:100% 100%}
.menu_box.box4{background-repeat:no-repeat;background-size:100% 100%}
/* e:180918_modify */

.menu_box .subTit{display:block;width:100%;color:#fff;font-size:19px;font-family:"HyundaiSansHeadMedium";line-height:26px;background:url(../images/main/bg_subtit_line.png)repeat-x 0 25px}
.menu_box .menu_list_area{margin-top:13px}
.menu_box .menu_list{}
.menu_box .menu_list li{display:block;padding:4px 0}/* 180917_padding수정 */
.menu_box .menu_list li > a{display:inline-block;color:#fff;font-size:16px;font-family:"HyundaiRegular";font-weight:normal;vertical-align:middle}/* 180917_font-size수정 */
.menu_box .menu_list li > a:after{content:'';display:inline-block;width:5px;height:8px;margin:-3px 0 0 10px;background:url(../images/main/arr_link_m.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle}
.menu_box .menu_list li > a:hover, .menu_box .menu_list li > a:active, .menu_box .menu_list li > a:focus{color:#00aad2;text-decoration:underline}
.menu_box .menu_list li > a:hover:after, .menu_box .menu_list li > a:active:after, .menu_box .menu_list li > a:focus:after{background-position:0 -8px}
}
/* e:[M-00134] ir_information 20180917*/

/* 180103_modify */
.conArea{font-family:'HyundaiSansTextRegular' !important}
.imgView1 .txtArea .conArea,
.imgView4 .txtArea .info{font-family:'HyundaiSansTextRegular'}
.cardView2 .txtArea .conArea{font-family:'HyundaiSansTextRegular'}
.etc_list_box ul li{font-family:'HyundaiSansTextRegular'}
.titArea .topTxt{font-family:'HyundaiSansTextRegular' !important}
.brdList .txtArea .info{font-family:'HyundaiSansTextRegular' !important}/* 2019.01.16 Add */
.noticeList li{font-family:'HyundaiSansTextRegular' !important}/* 2019.01.16 Add */
.hd_txt_regular{font-family:'HyundaiSansTextRegular' !important}/* 따로사용할수있음 */

/* 190404 추가 */
.brdViewImg .imgView1 .txtArea .conArea table td{padding:2px 6px;border:1.0px solid rgb(228,220,211);text-align:center}
/* GUIDE.CSS end*/

/* Contact & Legal Subs :200113 add*/
@media print,screen and (min-width:741px) and (max-width:20000px){
    /* Site map */
    .siteMapWrap{padding-bottom:60px}
    .siteMapWrap .btnOpenClose{display:block;width:100%;border-top:1px solid #e5e5e5;padding:36px 0;background:#fff;font-size:30px;text-align:left;text-decoration:none}
    .siteMapWrap .siteMapList:first-child .btnOpenClose:first-child{border-top:none}
    .siteMapWrap .btnOpenClose:after{content:'';display:block;position:absolute;right:0;top:50%;width:20px;height:12px;margin-top:-6px;background:url("../images/common/bg_toggle.png") no-repeat 0 -90px}
    .siteMapWrap .siteMapList.on .btnOpenClose:after{background:url("../images/common/bg_toggle.png") no-repeat 0 0}
    .siteMapWrap .siteMapList.on .siteMapCont{display:block !important}/* 201013 add */
    .siteMapWrap .siteMapCont{display:none;padding:10px 0 90px}
    .siteMenuList .menu{display:inline-block;width:220px;margin-bottom:24px;vertical-align:top;padding-right:20px}
    .siteMenuList .menu a{text-decoration:underline}
    .siteMenuList .menu .subTit4{font-family:"HyundaiSansHeadMedium";font-size:16px;line-height:30px}
    .siteMenuList .depMenu1{margin-top:4px}
    .siteMenuList .depMenu1>li{padding-top:12px;font-size:14px;line-height:18px}
    .siteMenuList .depMenu1>li:first-child{padding-top:0}
    .siteMenuList .depMenu1>li a{font-size:14px;text-decoration:underline}
    .siteMenuList .depMenu1>li .depMenu2{margin:4px 0 10px 0}
    .siteMenuList .depMenu1>li .depMenu2 li{padding:9px 0 0 8px}
    .siteMenuList .depMenu1>li .depMenu2 li:before{content:'-';display:inline-block;margin:0 3px 0 -8px}
    .siteMenuList .depMenu1>li .depMenu2 li a{color:#767676}
    .siteMenuList a.newWin:after{content:"";overflow:hidden;display:inline-block;width:7px;height:7px;margin-left:10px;background:url("../images/common/ico_gnb_newwin.png") no-repeat 0 -7px;font-size:0;line-height:0}
    .siteMenuList a.newWin:hover:after{background:url("../images/common/ico_gnb_newwin.png") no-repeat 0 0}

    /* Line up */
    .lineupWrap{}
    .lineupWrap.gridWrap{padding-bottom:23px}
    .lineupWrap .gridRow{padding-bottom:67px;overflow:hidden}
    .lineupWrap.n4 .grid{width:265px;margin-left:20px}
    .lineupWrap.n4 .gridRows .grid:first-child{margin-left:0px !important}
    .lineupWrap .carName{display:block;font-family:"HyundaiSansHeadMedium";font-size:20px;line-height:26px}
    .lineupWrap .lineupMenuList{margin-top:15px}
    .lineupWrap .lineupMenuList li{line-height:36px}
    .lineupWrap .lineupMenuList li a{font-size:16px;text-decoration:underline}

    /* Legal */
    .legalWrap{padding-bottom:110px}
    .legalWrap h2{font-size:44px;padding-bottom:20px}
    .legalWrap h3{font-size:30px;text-align:center;margin-top:67px}
    .legalWrap .conArea p{margin-top:33px}

    /* Downloads */
    .downList{position:relative;padding-bottom:100px}
    .downList .lineArea{position:relative;overflow:hidden;transition:height 0.3s;height:310px}
    .downList .lineArea .item{float:left;width:232px;margin-right:64px}
    .downList .lineArea .item.nomargin{margin-right:0}
    .downList .lineArea .item .thumbnail{margin-bottom:19px}
    .downList .lineArea .item .thumbnail img{width:240px;height:130px}
    .downList .lineArea .item .btnCarMore{text-align:left;margin-top:75px;display:block}
    .downList .lineArea .item .btnCarMore > .link{position:relative;display:block;color:#000;font-size:14px;font-family:"HyundaiSansHeadMedium";line-height:1;margin-top:10px;padding-left:20px}
    .downList .lineArea .item .btnCarMore > .link:before{display:block;content:'';position:absolute;left:0;background-position:0 0;background-repeat:no-repeat}
    .downList .lineArea .item .btnCarMore > .link:first-child{margin-top:0}
    .downList .lineArea .item .btnCarMore.on > .link.btnImage{color:#002c5f}
    .downList .lineArea .item .btnCarMore .btnBrochure:before{width:9px;height:10px;background-image:url("../images/common/ico_ebrochure.png");top:1px}
    .downList .lineArea .item .btnCarMore .btnImage:before{width:10px;height:6px;background-image:url("../images/common/ico_image.png");top:4px}
    .downList .lineArea .item .btnCarMore.on > .link.btnImage:before{background-image:url("../images/common/ico_image_on.png")}
    .downList .lineArea .item .conAreas{color:#767676;line-height:16px;margin-bottom:16px}
    .downList .lineArea .item .btn{width:100%}
    .downList .lineArea .item .btnCarMoreInner{text-align:left}

    .downList .downMoreContent{position:absolute;left:0;top:325px;width:100%;background:#f6f3f2;z-index:30;padding:40px 60px;display:none}
    .downList .downMoreContent:after{display:block;content:"";position:absolute;left:25px;top:-10px;width:20px;height:20px;background:#f6f3f2;transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);z-index:10}
    .downList .item1 .downMoreContent:after{left:75px}
    .downList .item2 .downMoreContent:after{left:370px}
    .downList .item3 .downMoreContent:after{left:665px}
    .downList .item4 .downMoreContent:after{left:965px}
    .downList .downMoreContent .downArea ul:after{display:block;clear:both;content:''}
    .downList .downMoreContent .downArea ul li{float:left;margin-left:20px}
    .downList .downMoreContent .downArea ul li:first-child{margin-left:0 }
    .downList .downMoreContent .downArea ul li .thumb{margin-bottom:19px}
    .downList .downMoreContent .downArea ul li .thumb img{width:320px;height:211px}
    .downList .downMoreContent .downArea ul li .size:after{display:block;clear:both;content:''}
    .downList .downMoreContent .downArea ul li .size a{position:relative;display:block;float:left;font-size:16px;font-family:'HyundaiSansHeadMedium';color:#002c5f;line-height:1;padding-left:10px;margin-left:10px}
    .downList .downMoreContent .downArea ul li .size a:first-child{padding-left:0;margin-left:0}
    .downList .downMoreContent .downArea ul li .size a:before{display:block;content:'';width:1px;height:12px;background:#002c5f;position:absolute;top:2px;left:0}
    .downList .downMoreContent .downArea ul li .size a:first-child:before{display:none}
    .downList .btnMoreClose{position:absolute;right:17px;top:17px}
    .downList .btnMoreClose img{width:10px}

    /* your location */
    .yourLocationWrap .titWrap{width:1120px;padding:15px 0 70px;text-align:center}
    .yourLocationWrap .titWrap .ftit{font-size:60px;line-height:64px}
    .yourLocationWrap .titWrap .stit{margin-top:12px;font-size:20px;line-height:26px}

    .locationListBox{background:#fff;padding:60px 0 0 60px}
    .locationListBox.info{margin-left:-55px;font-size:0;display:table;overflow:hidden;margin-top:-25px}
    .locationListBox .info .infoCont{display:inline-block;vertical-align:top;width:420px;margin:0 100px 55px 0;font-size:14px}
    .locationListBox .info .infoCont .tit{margin-bottom:20px;font-size:14px}
    .locationListBox .info .infoCont dl{overflow:hidden;height:100%;line-height:26px}
    .locationListBox .info .infoCont dl dt{float:left;width:73px}
    .locationListBox .info .infoCont dl dd{padding-left:73px}
    .locationListBox .info .infoCont dl dd a{color:#002c5e;text-decoration:underline}

    .yourLocationGnb ~ .contentWrap .copyright{width:1120px;margin:0 auto;padding:95px 0;color:#000;font-size:13px;opacity:0.6;text-align:center}
}

/* mobile size */
@media screen and (min-width:0) and (max-width:740px){
    /* Site map */
    .siteMapWrap{padding-bottom:60px}
    .siteMapWrap .btnOpenClose{overflow:hidden;position:relative;display:block;width:100%;border-top:1px solid #e5e5e5;padding:26px 0;background:#fff;font-size:22px;text-align:left;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
    .siteMapWrap .siteMapList:first-child .btnOpenClose:first-child{border-top:none}
    .siteMapWrap .btnOpenClose:after{content:'';display:block;position:absolute;right:0;top:50%;width:12px;height:7px;margin-top:-3px;background:url("../images/common/bg_toggle.png") no-repeat 0 -54px;background-size:12px auto}
    .siteMapWrap .siteMapList.on .btnOpenClose:after{background:url("../images/common/bg_toggle.png") no-repeat 0 0;background-size:12px auto}
    .siteMapWrap .siteMapList.on .siteMapCont{display:block !important}/* 201013 modify */
    .siteMapWrap .siteMapCont{display:none;padding:4px 0 55px}
    .siteMenuList .menu{display:inline-block;width:49%;margin:10px 0 13px;padding-right:20px;vertical-align:top}
    .siteMenuList .menu>a{font-family:"HyundaiSansHeadMedium"}
    .siteMenuList .menu a{text-decoration:underline}
    .siteMenuList .menu .subTit4{font-family:"HyundaiSansHeadMedium";line-height:21px}
    .siteMenuList .depMenu1{margin-bottom:7px}
    .siteMenuList .depMenu1{line-height:18px}
    .siteMenuList .depMenu1>li{margin-top:24px;font-size:12px}
    .siteMenuList .depMenu1 li a{font-size:12px;text-decoration:underline}
    .siteMenuList .depMenu1 .depMenu2{margin:4px 0 9px 0}
    .siteMenuList .depMenu1>li .depMenu2 li{margin-top:10px;padding-left:8px}
    .siteMenuList .depMenu1>li .depMenu2 li:before{content:'-';display:inline-block;margin:0 3px 0 -8px}
    .siteMenuList .depMenu1 .depMenu2 li a{color:#767676}
    .siteMenuList a.newWin:after{content:"";overflow:hidden;display:inline-block;width:10px;height:10px;margin-left:7px;background:url("../images/common/ico_gnb_newwin_mo.png") no-repeat top left;background-size:10px 10px;font-size:0;line-height:0;vertical-align:middle}

    /* M-00086 */
    .siteMap{padding:60px 15px;background:#fff}
    .notFound .siteMenuList a.newWin:after{display:none}
    .siteMapWrap{padding-bottom:20px}
    .siteMap .button a{color:#0caed4;position:relative;padding-right:12px;background:url(unpreload/images/common/btn_sitemap.png) right center no-repeat;font-family:"HyundaiSansHeadMedium";font-size:16px}
    .notFound .searchWrap{position:relative;left:auto;top:auto}
    .notFound .btnWrap{margin-top:10px}
    /*END M-00086 */

    /* Line up */
    .lineupWrap{}
    .lineupWrap.gridWrap{margin-left:-10px;padding-bottom:26px}
    .lineupWrap .gridRows{overflow:hidden}
    .lineupWrap .grid{float:left;width:50%;margin-bottom:34px;padding-left:10px}
    .lineupWrap .carName{font-family:"HyundaiSansHeadMedium";font-size:17px;line-height:21px}
    .lineupWrap .lineupMenuList{margin-top:5px}
    .lineupWrap .lineupMenuList li{line-height:30px}
    .lineupWrap .lineupMenuList li a{font-size:14px;text-decoration:underline}

    /* Legal */
    .legalWrap{padding-bottom:75px}
    .legalWrap h2{font-size:27px;padding-bottom:2px}
    .legalWrap h3{font-size:19px;text-align:center;margin-top:52px}
    .legalWrap .conArea p{margin-top:20px}

    /* Downloads */
    .downList{overflow:hidden;padding-bottom:60px}
    .downList .lineArea{height:auto !important}
    .downList .lineArea .item .btnCarMoreInner{width:100%;text-align:left}
    .downList .item{padding:57px 35px 0 35px;position:relative !important;left:auto !important;top:auto !important}
    .downList .item.nomargin{margin-right:0}
    .downList .item .thumbnail{margin-bottom:16px}
    .downList .item .thumbnail img{width:100%}
    .downList .item .btnCarMore{width:100%}
    .downList .item .btnCarMore > .link{position:relative;display:block;font-family:"HyundaiSansHeadMedium";line-height:1;margin-top:12px;padding-left:26px}
    .downList .item .btnCarMore > .link:before{display:block;content:'';background-repeat:no-repeat;background-position:0 0;background-size:16px;position:absolute;left:0;top:0}
    .downList .item .btnCarMore > .link:first-child{margin-top:0}
    .downList .item .btnCarMore > .link.btnBrochure:before{width:16px;height:28px;background-image:url("../images/common/ico_ebrochure_mo.png")}
    .downList .item .btnCarMore > .link.btnImage:before{width:16px;height:9.5px;background-image:url("../images/common/ico_image_mo.png");top:1px}
    .downList .item .subTit3{font-size:17px}
    .downList .item .conAreas{color:#767676;line-height:19px;margin-bottom:14px}
    .downList .item .btn{width:100%;line-height:35px;font-size:14px}
    .downList .downMoreContent{position:relative;background:#f6f3f2;z-index:30;padding:50px 30px;margin:25px -35px 0 -35px;display:none}
    .downList .downMoreContent:after{display:block;content:"";position:absolute;left:0;right:0;margin:0 auto;top:-7px;width:15px;height:15px;background:#f6f3f2;transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);z-index:10}
    .downList .downMoreContent .downArea ul li{margin-top:30px}
    .downList .downMoreContent .downArea ul li:first-child{margin-top:0}
    .downList .downMoreContent .downArea ul li .thumb{margin-bottom:15px}
    .downList .downMoreContent .downArea ul li .size:after{display:block;clear:both;content:''}
    .downList .downMoreContent .downArea ul li .size a{position:relative;display:block;float:left;font-size:14px;font-family:'HyundaiSansHeadMedium';color:#002c5f;line-height:1;padding-left:10px;margin-left:10px}
    .downList .downMoreContent .downArea ul li .size a:first-child{padding-left:0;margin-left:0}
    .downList .downMoreContent .downArea ul li .size a:before{display:block;content:'';width:1px;height:10px;background:#002c5f;position:absolute;top:1px;left:0}
    .downList .downMoreContent .downArea ul li .size a:first-child:before{display:none}
    .downList .btnMoreClose{position:absolute;right:15px;top:15px}
    .downList .btnMoreClose img{width:12px}

    /* your location */
    .yourLocationWrap .titWrap{margin-top:-10px;padding:0 20px 30px;text-align:center}
    .yourLocationWrap .titWrap .ftit{font-size:30px;line-height:35px}
    .yourLocationWrap .titWrap .stit{margin-top:20px;font-size:14px;line-height:19px}

    .locationListBox{background:#fff;padding:40px 20px 5px}
    .locationListBox .info .infoCont{margin-bottom:35px;font-size:12px}
    .locationListBox .info .infoCont .tit{margin-bottom:10px;font-size:13px;line-height:18px}
    .locationListBox .info .infoCont dl{overflow:hidden;height:100%;line-height:22px}
    .locationListBox .info .infoCont dl dt{float:left;width:67px}
    .locationListBox .info .infoCont dl dd{padding-left:67px}
    .locationListBox .info .infoCont dl dd a{color:#002c5e;text-decoration:underline}

    .yourLocationGnb ~ .contentWrap .copyright{padding:50px 35px 60px;color:#000;font-size:12px;line-height:17px;opacity:0.6;text-align:center}
}

/* 181015_modify */
.legalWrap .conArea p{font-family:'HyundaiSansTextRegular'}
/* //Contact & Legal Subs :200113 add*/

    /* S:VIDEO LAYER POPUP :200408 black bg type add */
  .section_pop_video{position:relative}
  .section_pop_video .layer_wrap{overflow-y:scroll;display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%}
  .section_pop_video .layer_wrap.on{display:block}
  .section_pop_video .layer_wrap.fixed_layer_wrap{position:static}
  .section_pop_video .layer_wrap.fixed_layer_wrap .layer{position:static}
  .section_pop_video .layer_wrap.fixed_layer_wrap .layer .layer_dim{position:fixed;z-index:100}
  .section_pop_video .layer_wrap.fixed_layer_wrap .layer .layer_inner{position:fixed;top:50%;z-index:100;margin:0;transform:translate(-50%,-50%)}
  .section_pop_video .layer_wrap .layer_dim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7)}
  .section_pop_video .layer_wrap .layer{position:absolute;width:100%;padding:0 60px;min-height:100%}
  .section_pop_video .layer_wrap .layer .layer_inner{position:relative;left:50%;width:1120px;margin:100px 0;transform:translate(-50%)}
  .section_pop_video .layer_wrap .video-layer .layer_inner{width:1120px;height:630px;margin-top:100px}
  @media screen and (max-width:740px) and (min-width:0){
    .section_pop_video .layer_wrap.fixed_layer_wrap .layer .layer_inner{left:0;margin:0;transform:translate(0,-50%)}
    .section_pop_video .layer_wrap .layer{width:100%;padding:0}
    .section_pop_video .layer_wrap .layer .layer_inner{left:0;width:auto;margin:60px 15px;transform:translate(0)}
    .section_pop_video .layer_wrap .video-layer .layer_inner{left:0;width:100%;height:0;margin:0;padding:56% 0 0}
   }
  .section_pop_video .layer_wrap .layer .layer_bd{background:#fff}
  .section_pop_video .layer_wrap .layer .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;background:#a8cce6}
    .section_pop_video .layer_wrap .layer .btn_close:after,
    .section_pop_video .layer_wrap .layer .btn_close:before{position:absolute;top:50%;left:50%;background:#e63416;content:''}
  .section_pop_video .layer_wrap .layer .btn_close:before{width:19px;height:3px;margin:-1.5px 0 0 -9.5px}
  .section_pop_video .layer_wrap .layer .btn_close:after{width:3px;height:19px;margin:-9.5px 0 0 -1.5px}
    .section_pop_video .layer_wrap .layer .btn_close:after,
    .section_pop_video .layer_wrap .layer .btn_close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
  .section_pop_video .layer_wrap .video-layer .video{position:absolute;top:0;left:0;width:100%;height:100%}
  .section_pop_video .layer_wrap .video-layer .video iframe{width:100%;height:100%}
  .section_pop_video .layer_wrap .video-layer .close{overflow:hidden;display:block;position:absolute;top:0;right:0;z-index:1;width:0;height:50px;padding-left:50px;background:#a8cbe6}
    .section_pop_video .layer_wrap .video-layer .close:after,
    .section_pop_video .layer_wrap .video-layer .close:before{display:block;position:absolute;background:#e63514;content:"";-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  .section_pop_video .layer_wrap .video-layer .close:before{top:16px;left:24px;width:3px;height:19px}
  .section_pop_video .layer_wrap .video-layer .close:after{top:24px;left:16px;width:19px;height:3px}
  @media screen and (max-width:740px) and (min-width:0){
    .section_pop_video .layer_wrap .layer .btn_close{width:30px;height:30px}
        .section_pop_video .layer_wrap .layer .btn_close:after,
        .section_pop_video .layer_wrap .layer .btn_close:before{position:absolute;top:50%;left:50%;content:''}
    .section_pop_video .layer_wrap .layer .btn_close:before{width:14px;height:3px;margin:-1.5px 0 0 -7px}
    .section_pop_video .layer_wrap .layer .btn_close:after{width:3px;height:14px;margin:-7px 0 0 -1.5px}
    .section_pop_video .layer_wrap .video-layer .close{height:35px;padding-left:35px}
    .section_pop_video .layer_wrap .video-layer .close:before{top:12px;left:17px;width:2px;height:12px}
    /* 20180502_class추가 */
    .section_pop_video .layer_wrap .video-layer .close:after{top:17px;left:12px;width:12px;height:2px}
  }
   /* 영상 레이어 팝업 - type 2 */
  .section_pop_video.black-bg-type .layer_wrap .video-layer .close{background-color:transparent}
  .section_pop_video.black-bg-type .layer_wrap .video-layer .close:after,
  .section_pop_video.black-bg-type .layer_wrap .video-layer .close:before{background:#fff}
   /* dim */
  .section_pop_video.black-bg-type .layer_wrap .layer_dim{background-color:#000}
  @media print, screen and (max-width:20000px) and (min-width:741px){
        .cmpnt-cont-cols .imgArea .movieContent,
        .cmpnt-cont-cols .imgArea .movieContent button{max-width:100%}
   .section_pop_video.black-bg-type .layer_wrap .video-layer .close{right:-50px}
  }
  @media screen and (max-width:740px) and (min-width:0){
    .section_pop_video.black-bg-type .layer_wrap .video-layer .close{top:-35px}
  }
  /* E:VIDEO LAYER POPUP :200408 black bg type add */
  
   /* s : 210426 gnb article keyword & article bottom keyword wrapper */
.topicWrapper{padding-top:7px;width:100%;height:74px;background-color:#fff;overflow:hidden;text-align:center;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;-khtml-box-sizing:content-box;}
.topicWrapper .topicContainer{position:relative;display:inline-block;width:1120px;height:100%;text-align:center;}
.topicWrapper .topicContainer .swiper-container{width:100%;height:100%;overflow:hidden;display:inline-block;text-align:center;}
.topicWrapper .topicContainer .swiper-container ul{display:inline-block;width:auto;height:100%;overflow:hidden;padding:0;}
.topicWrapper .topicContainer .swiper-container ul li{display:table-cell;width:auto !important;white-space:nowrap;vertical-align:middle;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;position:relative;}
.topicWrapper .topicContainer .swiper-container ul li:after{position:absolute;right:0;top:54px;height:9px;width:1px;background-color:#d3d3d3;content:'';box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-khtml-box-sizing:border-box;}
.topicWrapper .topicContainer .swiper-container ul li:last-of-type:after{display:none;}
.topicWrapper .topicContainer .swiper-container ul li a {display:block;position:relative;font-size:13px;line-height:35px;color:#989898;text-decoration:none;padding:41px 25px 0 26px;font-family:'HyundaiRegular';transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;-ms-transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;-webkit-transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;-khtml-transition:color 0.3s ease-in-out, font-weight 0.3s ease-in-out;}
.topicWrapper .topicContainer .swiper-container ul li:last-of-type a{padding:41px 25px 0 25px;}
.topicWrapper .topicContainer .swiper-container ul li a:hover{color:#00aad2;font-weight:normal;}
.topicWrapper .topicContainer .swiper-container ul li.on{color:#002c5f !important;font-weight:bold;}
.topicWrapper .topicContainer .swiper-container ul li.on a{color:#002c5f !important;}
.topicWrapper .topicContainer .swiper-container ul li.on a:hover{color:#002c5f !important;font-weight:bold;}
.topicWrapper .topicContainer .swiper-container ul li a span{cursor: pointer;display:inline-block;}
.topicWrapper .topicContainer .topicGradientLeft, .topicWrapper .topicContainer .topicGradientRight{position:absolute;top:0;width:40px;height:100%;z-index:2;}
.topicWrapper .topicContainer .topicGradientLeft{left: 0;background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);}
.topicWrapper .topicContainer .topicGradientRight{right: 0;background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);}

.contentWrap .article-bottom .bottomTopicWrapper{width:570px;margin-left:50%;margin-top:-244px;margin-bottom:76px;/*min-height:73px*/} /* 220829 modify *//* 220822 modify */
.contentWrap .article-bottom .bottomTopicWrapper:after {clear:both;content:'';display:block;}
.contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer{width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .tit{color:rgba(0,0,0,0.85);margin-bottom:12px;font-weight:normal;font-size:18px;line-height:1;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}
.contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .bottomTopicSection{width:570px;height:auto;float:left;margin-left:-5px;margin-top:-5px;}
.contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .bottomTopicSection .bottomTopicContent{float:left;padding:12px;border:1px solid #c9c9c9;color:#666;margin:5px;font-size:14px;text-decoration: none;font-family:'HyundaiRegular';line-height: 12px;transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;-ms-transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;-webkit-transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;-o-transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;-moz-transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;-khtml-transition:color 0.3s ease-in-out,border-color 0.6s ease-in-out;letter-spacing:-0.3px;cursor:pointer;}/* 220314 */
.contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .bottomTopicSection .bottomTopicContent:hover{border-color:#00aad2;color:#00aad2;}
.pageArticle .shareArea + div .bottomTopicWrapper {min-height:73px;} /* 220829 add */

@media print,screen and (min-width:0px) and (max-width:740px){
    .wrap-cols-multiW [class*="col"].half.mob-article:nth-child(even){margin-left:10px}
    .wrap-cols-multiW [class*="col"].half.mob-article:nth-child(odd){margin-left:0px}
    .topicWrapper{height:57px;padding-top:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-khtml-box-sizing: border-box;}
    .topicWrapper .topicContainer, .topicWrapper .topicContainer .swiper-container{width:100%;}
    .topicWrapper .topicContainer .swiper-container ul{padding:33px 0 0 0;height: auto;}
    .topicWrapper .topicContainer .swiper-container ul li a{font-size:17px;letter-spacing: -0.7px;line-height:17px;padding:0 17px 0 18px;}
    .topicWrapper .topicContainer .swiper-container ul li:last-of-type a{padding:0 17px 0 17px;}
    .topicWrapper .topicContainer .swiper-container ul li:after{top:4px;height:10px;}
    .topicWrapper .topicContainer .topicGradientLeft, .topicWrapper .topicContainer .topicGradientRight{width:20px;}

    .contentWrap .article-bottom .bottomTopicWrapper{width:100%;margin:0;padding-bottom:100px;}
    .contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer{padding:0 15px;}
    .contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .bottomTopicSection{width:100%;margin-left:0;margin-top:0;}
    .contentWrap .article-bottom .bottomTopicWrapper .bottomTopicContainer .bottomTopicSection .bottomTopicContent{padding:9px;font-family:'HyundaiSansHeadMedium';margin:7px;}
}
/* e : 210426 gnb article keyword & article bottom keyword wrapper */

/* s : 210525 keyword search results page */
@media print,screen and (min-width:741px) and (max-width:20000px){
.keywordMissing {background:#fff;}
.keywordMissing .tit {width:1120px;margin:0 auto;padding:25px 0 0;font-size:16px;font-family:HyundaiSansHeadMedium;}
.keywordMissing strong {font-weight:bold !important;font-family:HyundaiSansTextRegular;color:#002c5f;}
}
@media print,screen and (min-width:0px) and (max-width:740px){
.keywordMissing {background:#fff;}
.keywordMissing .tit {padding:15px 15px 0;font-size:14px;font-family:HyundaiSansHeadMedium;}
.keywordMissing strong {font-weight:bold !important;font-family:HyundaiSansTextRegular;color:#002c5f;}
}
/* e : 210525 keyword search results page */

/* 210611 add */
@media print,screen and (min-width:741px) and (max-width:20000px) {
#search-result .tabCont {padding:0 0 50px;} /* 210825 modify */
.lineUp {margin:60px 0 18px;text-align:right;} /* 210713 modify */
.lineUp.type1 {padding-bottom:10px;border-bottom:1px solid #ccc}
.lineUp a {position:relative;display:inline-block;margin-left:30px;font-size:17px;color:#707070;line-height:1.5;text-decoration:none;}
.lineUp a.on {font-family:HyundaiSansHeadMedium;color:#002c5f;}
.lineUp a:first-child {margin-left:0;}
.lineUp a:after {content:'';position:absolute;display:block;top:50%;right:-18px;display:inline-block;width:1px;height:60%;background:#ccc;transform:translateY(-50%);}
.lineUp a:last-child:after {display:none;}

.listArea {margin-top:105px;}
.listArea:first-child {margin-top:0;}
.titMore {overflow:hidden;border-bottom:1px solid #ccc;margin-top:80px;}/* 210713 modify */
.titMore:first-child {margin-top:35px;}/* 210713 add *//* 210825 modify */
.titMore h2.divTitle {float:left;padding-bottom:23px;font-size:24px;font-family:'HyundaiSansHeadMedium';}
.titMore h2.divTitle em { font-style:unset ;}
.titMore .btnMore {float:right;position:relative;padding-right:20px;font-size:17px;text-decoration:none;cursor:pointer;} /* 210713 modify */
.titMore .btnMore:after {content:'';position:absolute;top:9px;right:3px;content:'';height:7px;width:7px;display:block;border:2px solid #333;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} /* 210825 modify */

.schTextList .list .thumb {display:inline-block;overflow:hidden;vertical-align:top;}
.schTextList .list .thumb img {width:240px;height:126px;}
.schTextList .list .listCon {display:inline-block;width:800px;}
.schTextList .list .listCon .conSubject {display:block;margin-bottom:5px;font-size:14px;color:#002c5f;line-height:initial;font-family:'HyundaiSansHeadMedium';}
.schTextList .list.noImg .listCon {width:100%;}
.schTextList .list.noImg .listCon .subTit3 {padding:0;}
.schTextList .list.noImg .listCon .subTit3, .schTextList .list.noImg .listCon .conArea {width:1072px;}
.schTextList .linkArea {margin-top:20px;}
.schTextList .linkArea li {display:inline-block;margin-right:20px;list-style-type:none;}
.schTextList .linkArea li a {display:block;font-size:17px;color:#002c5f;text-decoration:underline;}
.schTextList .list .conSubject {display:block;margin-bottom:5px;font-size:14px;color:#002c5f;line-height:initial;font-family:'HyundaiSansHeadMedium';}/* 210825 add */

.schTextList.type-noSubject .subTit3 {padding:15px 0 0 0;}
.schTextList.type-noSubject .linkArea {margin-top:7px;}

.gnbTopic {margin:29px auto 0;padding:0 0 0 20px;width:572px;text-align:left}/* 210825 modify */
.gnbTopic .topicTit {display:block;margin-bottom:10px;font-size:20px;line-height:32px;color:#000;font-family:HyundaiSansHeadMedium;letter-spacing:-0.02em;}/* 210708_2 */ /* 210825 modify */
.gnbTopic .topicList {display:block;vertical-align:top;}/* 210708_2 *//* 210825 modify */
.gnbTopic .topicList button {display:inline-block;margin:0 25px 0 0;line-height:initial;font-size:17px;color:#666;text-decoration:none;}/* 210825 modify */
.gnbTopic .topicList button:hover {color:#00aad2}/* 210825 add */
.gnbTopic .topicList button:last-child {margin-right:0;}/* 210825 add */

#searchTabWrap.tabWrap .tabArea .tab .link {font-size:17px}
.schTextList[data-item=brand] {padding-top:65px;border-top:1px solid #ccc}
.schTextList[data-item=ioniq] {padding-top:65px;border-top:1px solid #ccc} /* 210713 add */
.schTextList[data-item=lifestyle] {padding-top:65px;border-top:1px solid #ccc}/* 210713 add */
.schTextList[data-item=vehicle] {padding-top:65px;border-top:1px solid #ccc}/* 210713 add */
.schTextList[data-item=company] {padding-top:65px;border-top:1px solid #ccc}/* 210713 add */
.schTextList .list .img {display:table-cell;overflow:hidden;width:280px;vertical-align:top;}/* 210709 */ /* 210825 modify */
}
@media screen and (min-width:0) and (max-width:740px) {
#search-result .tabCont {padding:10px 0 50px;}/* 210713 modify *//* 210825 modify */
.lineUp {margin:23px 0 0;text-align:right;}
.lineUp.type1 {padding-bottom:10px;border-bottom:1px solid #ccc}
.lineUp a {position:relative;display:inline-block;margin-left:25px;font-size:14px;color:#707070;line-height:1.5;text-decoration:none;}
.lineUp a.on {font-family:HyundaiSansHeadMedium;color:#002c5f;}
.lineUp a:first-child { margin-left:0;}
.lineUp a:after {content:'';position:absolute;display:block;top:50%;right:-16px;display:inline-block;width:1px;height:60%;background:#ccc;transform:translateY(-50%);}
.lineUp a:last-child:after {display:none;}

.listArea {margin-top:60px;}
.listArea:first-child {margin-top:0;}
.titMore {overflow:hidden;border-bottom:1px solid #ccc;margin-top:51px;}/* 210713 modify *//* 210825 modify */
.titMore:first-child {margin-top:25px;}/* 210713 add *//* 210825 modify */
.titMore h2.divTitle {float:left;padding-bottom:12px;font-size:17px;font-family:'HyundaiSansHeadMedium';}
.titMore h2.divTitle em { font-style:unset ;}
.titMore .btnMore {float:right;position:relative;padding-right:15px;font-size:13px;text-decoration:none;}
.titMore .btnMore:after { content:'';position:absolute;top:7px;right:3px;content:'';height:5px;width:5px;display:block;border:1px solid #333;border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}/* 210825 modify */

.schTextList .list .thumb {display:block;overflow:hidden;margin:0 auto;padding:0 15px;box-sizing:border-box;vertical-align:top;}
.schTextList .list .thumb img {width:100%;height:auto;}
.schTextList .list .listCon {display:inline-block;width:100%;margin-top:15px;padding:0 15px;box-sizing: border-box;}
.schTextList .list .listCon .conSubject {display:block;margin-bottom:8px;font-size:12px;color:#002c5f;line-height:initial;font-family:'HyundaiSansHeadMedium';}
.schTextList .list.noImg .listCon {padding:0 15px;margin-top:15px;width:100%;box-sizing:border-box;}
.schTextList .list.noImg .listCon .subTit3 {padding:0;}
.schTextList .list.noImg .listCon .subTit3, .schTextList .list.noImg .listCon .conArea {width:100%;}
.schTextList .linkArea {margin-top:20px;}
.schTextList .linkArea li {display:inline-block;margin-right:20px;list-style-type:none;}
.schTextList .linkArea li a {display:block;font-size:17px;color:#002c5f;text-decoration:underline;}
.schTextList .list .conSubject {display:block;margin:19px 0 8px;font-size:12px;color:#002c5f;line-height:initial;font-family:'HyundaiSansHeadMedium';}/* 210825 add */
.schTextList .list .img + .subTit3 {margin-top:19px;}/* 210825 add */

#search-result .schTextList .list.noImg .listCon .conArea {font-size:13px;}
.schTextList.type-noSubject .list .listCon {margin-top:5px;}
.schTextList.type-noSubject .linkArea {margin-top:0;}
.schTextList.type-noSubject .subTit3 {padding:4px 0 0 0;}
.schTextList .linkArea {margin-top:5px;}
.schTextList .linkArea li {margin-bottom:5px;}
.schTextList .linkArea li a {font-size:12px;}

.gnbTopic {margin:39px auto 0;padding:0 15px;width:100%;border-top:0;}/* 210825 modify */
.gnbTopic .topicTit {display:inline-block;margin-right:0;width:100%;height:unset;font-size:21px;color:#000;text-align:left;font-family:HyundaiSansHeadMedium;letter-spacing:-0.02em}/* 210825 modify */
.gnbTopic .topicList {display:inline-block;margin-top:20px;width:100%;text-align:left;vertical-align:top;}/* 210825 modify */
.gnbTopic .topicList button {display:inline-block;margin:0 22px 15px 0;line-height:initial;font-size:16px;color:#666;text-decoration:none;}/* 210825 modify */

#searchTabWrap.tabWrap .tabArea .tab .link {font-size:12px}
.schTextList[data-item=brand] {padding-top:40px;border-top:1px solid #ccc}
.schTextList[data-item=ioniq] {padding-top:40px;border-top:1px solid #ccc} /* 210713 add */
.schTextList[data-item=lifestyle] {padding-top:40px;border-top:1px solid #ccc}/* 210713 add */
.schTextList[data-item=vehicle] {padding-top:40px;border-top:1px solid #ccc}/* 210713 add */
.schTextList[data-item=company] {padding-top:40px;border-top:1px solid #ccc}/* 210713 add */
}
/* //210611 add */

/* s : 211117 newsroom search tab year */
.searchYearTab {position:absolute;top:113px;left:0;right:0;width:675px;margin:0 auto;z-index:9;}/* 220110 */ /* 220228 */
.searchYearTab .searchYearContainer {position:relative;padding:0 27px;}
.searchYearTab .searchYearContainer .swiper-container ul li{position:relative;display:table-cell;width:auto;width:auto !important;white-space:nowrap;vertical-align:middle;}/* 220112 */
.searchYearTab .searchYearContainer .swiper-container ul li a {position:relative;display:block;padding:0 16.2px;font-size:14px;line-height:35px;color:#000;font-family:"HyundaiSansTextRegular";text-decoration:none;text-align:center;cursor:pointer;}/* 211129 *//* 220112 */
.searchYearTab .searchYearContainer .swiper-container ul li a:hover {text-decoration:underline;}
.searchYearTab .searchYearContainer .swiper-container ul li.on, .searchYearTab .searchYearContainer .swiper-container ul li.on a, .searchYearTab .searchYearContainer .swiper-container ul li.on a:hover {font-family:"HyundaiSansHeadMedium";color:#00aad2;text-decoration:none;}
.searchYearTab .year-btn_prev,
.searchYearTab .year-btn_next {
    position:absolute;
    top:50%;
    z-index:10;
    width:24px;
    height:35px;
    margin-top:-17.5px;
    cursor:pointer;
    -moz-background-size:7px 9px;
    -webkit-background-size:7px 9px;
    background-size:7px 9px;
    background-position:center;
    background-repeat:no-repeat;
    opacity:1;
}
.searchYearTab .year-btn_prev .prev, .searchYearTab .year-btn_next .next {text-indent:-9999px;}
.searchYearTab .year-btn_prev.swiper-button-disabled, .searchYearTab .year-btn_next.swiper-button-disabled {opacity:0.35;cursor:auto;pointer-events:none;}
.searchYearTab .year-btn_prev {left:0;right:auto;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");}
.searchYearTab .year-btn_next {right:0;left:auto;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");}
@media print,screen and (min-width:0px) and (max-width:740px){
    .searchYearTab {top:83px;width:100%;}
    .searchYearTab .searchYearContainer, .searchYearTab .searchYearContainer .swiper-container{width:100% !important;}
    .searchYearTab .searchYearContainer .swiper-container ul li {padding:0 14px;}
    .searchYearTab .searchYearContainer .swiper-container ul li a {font-size:14px;padding:0;}/* 220112 */
    .searchYearTab .year-btn_prev {background-position:left center;}
    .searchYearTab .year-btn_next {background-position:right center;}
}
/* e : 211117 newsroom search tab year */

/* s : 211228 add newsroom no result */
.brdNoResult {font-size:17px;color:#000;text-align:center;font-family:HyundaiSansHeadMedium;}
@media print,screen and (min-width:0px) and (max-width:740px){
    .brdNoResult {letter-spacing:0.907px;line-height:22px;}
}
/* e : 211228 add newsroom no result */

/* s : 230616 ir 영상영역 추가 */
.calMoreContent .calMoreInner .mediaArea{width:500px; float:right; clear:both;}
.calMoreContent .calMoreInner .mediaArea .mediaBox{padding-top:30px;}
.calMoreContent .calMoreInner .mediaArea .btnBox{padding-top:30px;}
.calMoreContent .calMoreInner .mediaArea .mediaBox iframe,
.ir-event-list .togListEvent .togCont .mediaBox iframe{width:100%; max-width:400px; height:100%; aspect-ratio:16/9}
.calMoreContent .calMoreInner .mediaArea .btnBox a,
.ir-event-list .togListEvent .togCont .btnBox a{min-width:292px; font-family:'HyundaiSansHeadMedium'; font-size:16px; line-height:50px;}
.ir-event-list .togListEvent .togCont{overflow:hidden;}
.ir-event-list .togListEvent .togCont .txtArea{float:left; min-width:600px;}
.ir-event-list .togListEvent .togCont .mediaArea{float:left; min-width:400px; padding-left:3px;}
.ir-event-list .togListEvent .togCont .mediaBox{padding-top:37px;}
.ir-event-list .togListEvent .togCont .btnBox{padding-top:95px;}
@media print,screen and (min-width:0px) and (max-width:740px){
  .calMoreContent .calMoreInner .mediaArea{width:100%; float:none;}
  .calMoreContent .calMoreInner .mediaArea .btnBox a,
  .ir-event-list .togListEvent .togCont .btnBox a{min-width:auto; font-size:14px; line-height:40px;}
  .ir-event-list .togListEvent .togCont .txtArea{float:none; min-width:auto;}
  .ir-event-list .togListEvent .togCont .mediaArea{float:none; min-width:auto; padding:0;}
  .ir-event-list .togListEvent .togCont .mediaBox,
  .ir-event-list .togListEvent .togCont .btnBox{padding-top:30px;}
}
/* e : 230616 ir 영상영역 추가 */

/* s : 230705 add IR */
@media print,screen and (min-width:741px) and (max-width:20000px){
  .tb-auto table{width:auto;}
}
/* e : 230705 add IR */

/* s : 230802 ir 신규 버튼 추가 */
.calMoreContent .calMoreInner .mediaArea .btnBox.type-02,
.ir-event-list .togListEvent .togCont .btnBox + .btnBox.type-02,
.ir-event-list .togListEvent .togCont .mediaBox + .btnBox.type-02{padding-top:15px;}
@media print,screen and (min-width:0px) and (max-width:740px){
  .calMoreContent .calMoreInner .mediaArea .btnBox.type-02,
  .ir-event-list .togListEvent .togCont .mediaBox + .btnBox.type-02{padding-top:20px;}
  .ir-event-list .togListEvent .togCont .btnBox + .btnBox.type-02{padding-top:16px;}
}
/* e : 230802 ir 신규 버튼 추가 */

/* s : 231024 아티클 READ MORE 수정 */
.more-vehicle .more-deco{line-height:24px;}
@media screen and (min-width:0) and (max-width:740px) {
  .more-vehicle .more-deco{line-height:20px;}
}
/* e : 231024 아티클 READ MORE 수정 */
/* guide-2019.css.en */
/*
 * START :MAIN RENEWAL - 190930 add 
 * last modified : 221004
*/
/* Main common :191227*/
.contentWrap .bgBl *,.contentWrap .bgBl * span{color:#fff}
.txtArea.bgBl .more-deco:after{background-color:#fff}
	/* common section title */
	[class*="Tit"] .category{display:block;font-size:12px;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";line-height:1;letter-spacing:0.1em;color:#002c5f}
  .secTit .category{margin-bottom:5px;font-size:15px;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";font-weight:normal}
  [class*="wrap-cols"] a:hover,
  [class*="wrap-cols"] a:focus{text-decoration:none}
@media print,screen and (min-width:741px){
  /* .contentWrap.onlyMain{padding-top:71px} 221004 delete */
  .contBox-2{width:1120px;max-width:100%;margin:0 auto}
  [class*="wrap-cols"]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:-50px}
  [class*="wrap-cols"] > [class*="col"]{margin-bottom:50px}
  [class*="wrap-cols"] .imgArea + .colTit{margin-top:15px;font-weight:normal;font-size:18px;line-height:1;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}/* 201021 modify */
  [class*="wrap-cols"] .imgArea + .colTit .category{margin-bottom:6px}
    /* flex series */
    [class*="boxFlex"]{display:flex}
    [class*="boxFlex-"][class*="-spcbtw"]{justify-content:space-between}
    [class*="boxFlex-col"]{flex-direction:column}
    /* section title */
	.secTit{margin-bottom:10px;font-weight:normal;font-size:40px;line-height:1.3;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}/* 201021 modify */
    .contBox-2 > .secTit{margin-bottom:20px}
}
@media print,screen and (max-width:740px){
  /* .contentWrap.onlyMain{padding-top:60px} 221004 delete */
  .contBox-2{padding:0 15px}
  [class*="wrap-cols"]{margin-bottom:-20px}
  [class*="wrap-cols"] .imgArea + .colTit{margin-top:10px;line-height:1.267em}
  [class*="wrap-cols"] .imgArea + .colTit .category{margin-bottom:2px}
  [class*="wrap-cols"] > [class*="col"]{overflow:hidden;margin-bottom:20px}
    /* flex series */
    [class*="boxFlex-m"]{display:flex}
    /* .boxFlex-m-rvrs{flex-direction:column-reverse}*/
    .boxFlex-col-spcbtw{display:flex;flex-direction:column;justify-content:space-between}
    /* section title */
    [class*="Tit"]:not(.br-m) > br,
    [class*="tit"]:not(.br-m) > br,[class*="tit"]:not(.br-m) h1 > br{display:none}/* 201021 modify */
	.secTit{margin-bottom:12px;font-size:30px;line-height:1.27;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}/* 201021 modify */
}

/* COMMON LAYOUT - Multi Width Columns (main article) */
/* Multi Width Columns - cross align */
  /* cross align - common case */
  .wrap-cols-multiW.align-cross .col-4w{z-index:3}
  .wrap-cols-multiW.align-cross .col-6w{z-index:2}
  .wrap-cols-multiW.align-cross .col-8w{z-index:1}
@media print,screen and (min-width:741px){
  .wrap-cols-multiW.right{flex-direction:row-reverse}
  .wrap-cols-multiW.align-cross{margin-bottom:0px}
  .wrap-cols-multiW.align-cross.right{justify-content:flex-end}
  .wrap-cols-multiW [class*="col"][class*="bg"].txtArea{padding:32px}/* 191115 add - new case (overview component) */
  .wrap-cols-multiW .col-space-f{flex:1}
  .wrap-cols-multiW .col-2w{width:17.14285714286%}
  .wrap-cols-multiW .col-3w{width:22.85714285714%}
  .wrap-cols-multiW .col-3w-f{width:25.71428571429%}
  .wrap-cols-multiW .col-4w{width:31.42857142857%}
  .wrap-cols-multiW .col-4w-f{width:34.28571428571%}
  .wrap-cols-multiW .col-5w{width:40%}
  .wrap-cols-multiW .col-6w{width:48.57142857143%}
  .wrap-cols-multiW .col-7w{width:57.14285714286%}
  .wrap-cols-multiW .col-7w-f{width:60%}
  .wrap-cols-multiW .col-8w{width:65.71428571429%}
  .wrap-cols-multiW .col-9w{width:74.28571428571%}
  .wrap-cols-multiW .col-10w{width:82.85714285714%}
    /* cross align - common case */
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-8w{padding-right:0}
    /* cross align - each case :191224 modify*/
    /* falling layout */
    .wrap-cols-multiW.align-cross:not(.right) .col-4w + .col-6w{margin:66px 96px 0}
    .wrap-cols-multiW.align-cross:not(.right) .col-8w + .col-4w,
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-4w,
    .wrap-cols-multiW.align-cross:not(.right) .col-4w + .col-8w{margin:119px 96px 0 -999em}
    .wrap-cols-multiW.align-cross:not(.right) .col-6w + .col-8w,
    .wrap-cols-multiW.align-cross:not(.right) .col-8w + .col-6w{margin:131px 0 0 -999em}
    /* rising layout */
    .wrap-cols-multiW.align-cross.right .col-6w + .col-4w,
    .wrap-cols-multiW.align-cross.right .col-4w + .col-6w{margin:66px 128px 0 0}
    .wrap-cols-multiW.align-cross.right .col-4w + .col-8w,
    .wrap-cols-multiW.align-cross.right .col-8w + .col-4w{margin:119px -63px 0 0}
    .wrap-cols-multiW.align-cross.right .col-8w + .col-6w,
    .wrap-cols-multiW.align-cross.right .col-6w + .col-8w{margin:131px -160px 0 0}
}
@media print,screen and (max-width:740px){
  .wrap-cols-multiW.align-cross{margin-bottom:0}
  .wrap-cols-multiW.align-cross [class*="col"]{position:relative}
  .wrap-cols-multiW [class*="col"][class*="bg"].txtArea{padding:17px 15px}/* 191115 add - new case (overview component) */
  .area-cols .colTit{font-size:15px;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}/* 201021 modify */
  .wrap-cols-multiW{display:flex;flex-flow:column}
  .wrap-cols-multiW > [class*="col"]{width:100%}
  .wrap-cols-multiW [class*="col"].half{width:calc(50% - 5px)}
  .wrap-cols-multiW [class*="col"].half + .half{margin-left:10px}
  .wrap-cols-multiW [class*="col"][class*="w-f"]{margin-bottom:0}
  .wrap-cols-multiW.align-cross.m-overlap > [class*=col]:first-child{display:flex;flex-direction:column-reverse}
  .wrap-cols-multiW.align-cross.m-overlap > [class*=col]:first-child .desc{margin:0 0 1em}
  .wrap-cols-multiW.align-cross.right:not(.m-overlap) > .half:first-child,
  .wrap-cols-multiW.align-cross:not(.m-overlap):not(.right) > .half:last-child{margin-left:calc(50% + 5px)}
  .wrap-cols-multiW.align-cross.m-overlap:not(.right) > .half:first-child{margin:0 0 -77px 8.625%}
  .wrap-cols-multiW.align-cross.m-overlap:not(.right) > .half:last-child{margin:-77px 0 0 43.105%}
  .wrap-cols-multiW.align-cross.m-overlap.right > .half:first-child{margin:0 0 -77px 43.105%}
  .wrap-cols-multiW.align-cross.m-overlap.right > .half:last-child{margin:-77px 0 0 8.625%}
  .wrap-cols-multiW.align-cross > [class*="col"]{overflow:visible}
  .wrap-cols-multiW.align-cross .col-6w.imgArea + .col-6w .col-4w{margin-left:calc(50% + 5px)}
  .wrap-cols-multiW.align-cross-rvrs .col-10w:not(.imgArea) + .col-2w .col-4w{margin:-77px 0 0 8.625%}
  .wrap-cols-multiW.align-cross .col-6w:not(.imgArea) +.col-6w .col-4w,
  .wrap-cols-multiW.align-cross .col-6w +.col-6w.half{margin:-77px 0 0 43.105%}
  .wrap-cols-multiW.align-cross .col-4w-f .col-6w.half,
  .wrap-cols-multiW.align-cross .col-4w:first-child .col-6w.half,
  .wrap-cols-multiW.align-cross .col-2w:first-child .col-4w.half{margin:0 0 -57px 8.625%}
  .wrap-cols-multiW.align-cross-rvrs .col-6w:first-child{margin:0 0 -57px 43.105%}
  .wrap-cols-multiW.align-cross .col-6w:first-child .col-8w .desc{position:absolute;width:40%}
}

/*
  Start :Main component - hero
  200221 :Modifying css according to markup change
*/
.wrap-cols-hero > [class*="col"]{position:relative}
/* 220418-2 */
/* #container.worldCup .wrap-cols-hero .col-sub .colTit {color:#002c5f;background-color:#f6f3f2;} 220418 add */
.wrap-cols-hero .col-sub .colTit{width:100%;}
/* //220418-2 */
.wrap-cols-hero .col-sub .colTit .category{color:#fff}
	/* text overlaid to the image */
  .txt-upper{position:absolute !important;bottom:10px;right:12px}
  /* more view text decoration */
  .more-deco{display:inline-block;position:relative;padding-right:1.8em;line-height:1;color:#002c5f}
  .more-deco:after{display:inline-block;top:40%;right:0;width:1.22em;height:1px;margin:0 0 0.2em 0.4em;background-color:#002c5f;transition:0.3s ease;content:""}
  .more-deco:hover:after{width:2.4em}
  /* more view text decoration - thick */
  :not(a).more-deco,
  .more-deco.thick{font-size:12px;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";letter-spacing:1.2px}
@media print,screen and (min-width:741px){
  .wrap-cols-hero{align-items:flex-end}
  .wrap-cols-hero .col-main{width:736px}
  .wrap-cols-hero .col-main:first-child:last-child{width:100%}
  .wrap-cols-hero .col-main .colTit{margin-bottom:10px;font-size:44px;line-height:1.2}
  .wrap-cols-hero .col-main .category{margin-bottom:2px;font-size:15px}
  .wrap-cols-hero .col-sub{width:352px}
  .wrap-cols-hero .col-sub .colTit{position:absolute;top:0;left:0;padding:14px 11px 10px 13px;font-size:24px;line-height:1.2}
  .wrap-cols-hero .col-sub .category{margin-bottom:10px}
  /* more view text decoration - thick */
  :not(a).more-deco:after,
  .more-deco.thick:after{width:1.5em;height:2px}
}
@media print,screen and (max-width:740px){
  .wrap-cols-hero .col-main .colTit{margin-bottom:15px;font-size:30px;line-height:1.27}
  .wrap-cols-hero .col-main .category{margin-bottom:2px;font-size:15px}
  .wrap-cols-hero .col-sub .colTit{padding:14px 11px 10px 13px;font-size:24px;line-height:1.2}
  .wrap-cols-hero .col-sub .category{margin-bottom:10px}
}
/* End :Main component - hero */

/* Main component - article */
@media print,screen and (min-width:741px){
  .main-article + .main-article .area-cols{padding-top:50px}
}
@media print,screen and (max-width:740px){
  .main-article + .main-article .area-cols{padding-top:20px}
  .main-article .wrap-cols-multiW{margin-bottom:-20px}
}

/* Main component - news */
.main-news .colTit{font-size:18px;line-height:1.5}
.bgBl .main-news .colTit{color:rgba(255,255,255,0.85)}
.main-news .imgArea{overflow:hidden}
.wrap-cols-news .col .imgArea{display:flex;align-items:center}
.wrap-cols-news .col .imgArea img{width:100%}
@media print,screen and (min-width:741px){
  .wrap-cols-news .col{width:544px}
  .wrap-cols-news .imgArea{height:300px}
}
@media print,screen and (max-width:740px){
  .wrap-cols-news .imgArea{height:43.75vw;min-height:140px}
  .wrap-cols-news .imgArea + .colTit{margin-top:14px}
  .wrap-cols-news .colTit{color:#fff}
  .wrap-cols-news .colTit .category{font-size:10px}
}

/* main component - side image  */
@media print,screen and (min-width:741px){
  .main-large .row{display:flex;justify-content:center;align-items:center}
  .main-large .row .imgArea{width:544px}
  .main-large .row .txtArea{width:352px}
  .main-large .row .desc{font-size:18px;line-height:1.5;color:rgba(0,0,0,0.85)}
  .main-large .row .desc + .btn{margin-top:20px;font-size:12px}
  .main-large .row [class*=Area] + [class*=Area]{margin-left:32px}
}
@media print,screen and (max-width:740px){
  .main-large .row .desc{font-size:16px;line-height:1.5;color:rgba(0,0,0,0.85)}
  .main-large .row .desc + .btn{width:auto;margin-top:20px;padding:0 30px;font-size:12px;line-height:35px}
  .main-large .row [class*=Area] + [class*=Area]{margin-top:15px}
}
/* MAIN component - social */
.sns_columns a{display:block;height:100%}
@media print,screen and (min-width:741px){
  .sns_area{display:flex;flex-wrap:wrap;margin:0 0 -32px -32px}
  .sns_columns{width:352px;height:352px;margin:0 0 32px 32px;background-repeat:no-repeat;background-size:100% auto}
  .sns_columns a{padding:28px;box-sizing:border-box;text-decoration:none}
  .sns_columns a .sns_txt{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:33px;box-sizing:border-box;background-color:#002c5f;font-size:18px;color:#f6f3f2;word-break:keep-all;opacity:0;transition:0.4s}
  .sns_columns a .sns_txt:hover{opacity:1}
  .sns_columns a .sns_txt [class*="icon-"]{width:25px;height:25px;background-size:contain;background-repeat:no-repeat;opacity:0.9}
  .sns_columns a .sns_txt .icon-instagram{background-image:url("../images/common/instagram.png")}
  .sns_columns a .sns_txt .icon-facebook{background-image:url("../images/common/facebook.png")}
  .sns_columns a .sns_txt .icon-youtube{background-image:url("../images/common/youtube.png")}
  .sns_columns a .sns_txt .icon-twitter{background-image:url("../images/common/twitter.png")}
}
@media print,screen and (max-width:740px){
  .sns_area{display:flex;flex-wrap:wrap;margin:0 0 -10px -10px}
  .sns_columns{flex:auto;width:calc(50% - 10px);height:44.666666666666664VW;margin:0 0 10px 10px;background-repeat:no-repeat;background-size:100% auto}
  .sns_columns a .sns_txt{opacity:0}
}

/*****	START :SUB MAIN COMPONENTS *****/
/* Sub main component - Overview */
.cmpnt-overview .wrap-cols-multiW.col-rvrs{flex-direction:row-reverse}
.cmpnt-overview .txtArea{display:flex;flex-direction:column;justify-content:space-between;color:#002c5f}
.cmpnt-overview .txtArea .bottom .links{line-height:1.122em}
/* link child */
a.more-deco{color:#002c5f}
@media print,screen and (min-width:741px){
  .contentWrap.onlyMain > [class*="cmpnt"]:not(.cmpnt-bg-area):last-child{padding-bottom:111px}
  .cmpnt-overview:nth-child(n+2){margin-top:30px}
  .cmpnt-overview .txtArea .secTit{font-size:50px;line-height:1.2}
  .cmpnt-overview .txtArea .bottom .links > * + *{margin-top:12px}
  /* more view text decoration - link*/
  .cmpnt-overview a.more-deco{font-size:18px}
  .cmpnt-overview a.more-deco:after{display:inline-block;position:static;margin:0 0 0.2em 0.4em;transition:0.3s}
}
@media print,screen and (max-width:740px){
  .contentWrap.onlyMain > [class*="cmpnt"]:not(.cmpnt-bg-area):last-child{padding-bottom:50px}
  .cmpnt-overview:nth-child(n+2){margin-top:38px}
  .cmpnt-overview .wrap-cols-multiW.col-rvrs{flex-flow:row wrap}/* 200514 add*/
  .cmpnt-overview .txtArea{height:260px}
  .cmpnt-overview .txtArea .bottom .links > * + *{margin-top:16px}
  /* more view text decoration - link*/
  a.more-deco{padding-right:30px;font-size:16px}
  a.more-deco:after{width:20px;height:1px}
}

/*****	START :ARTICLE COMPONENTS *****/
/* Article Common */
.contentWrap.pageArticle{background-color:#fff}
/* common title styles */
.tit-big,
[class*="tit-medium"]{line-height:1.18em}
.tit-small,
.tit-medium-s{font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";line-height:1.277779em}
.tit-small{font-size:29px}/*200212 new option*/
.tit-x-small{font-size:17px}
[class*="cmpnt-"].full{overflow:hidden}
.contentWrap:not(.pageArticle) .headline .cmpnt-tit{background-color:#fff}/*sub main headline*/
.pageArticle  [class*="tit-"] > .tit-sub{display:block;font-family:"HyundaiRegular","HyundaiKRRegular"}
.pageArticle  [class*="tit-"] ~ .desc.tit-sub{margin-top:1.5em}
@media print,screen and (min-width:741px){
  /* layout */
  .pageArticle [class*=cmpnt-] + [class*=cmpnt-]:not(.noMargin){margin-top:150px}
  /* Common */
  .pageArticle .ptNormal{padding-top:100px}
  .pageArticle .ptWide{padding-top:150px}
  .pageArticle .ptNarrow{padding-top:70px}
  .pageArticle .pbNormal{padding-bottom:100px}
  .pageArticle .pbWide{padding-bottom:150px}
  .pageArticle .pbNarrow{padding-bottom:70px}
  .pageArticle .mtNormal{margin-top:100px}
  .pageArticle .mtWide{margin-top:150px}
  .pageArticle .mtNarrow{margin-top:70px}
  /* common title styles :191224 modify*/
  .tit-big{font-size:70px}
  .tit-big ~ .desc.tit-sub{font-size:20px}
  .tit-medium{font-size:48px}
  .tit-medium-m{font-size:40px}
  .tit-medium-s{font-size:36px}
  .tit-small{margin-bottom:15px}
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit{padding-top:70px}/*sub main headline*/
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit .tit-big{font-size:55px}/*sub main headline*/
  .pageArticle [class*=cmpnt-tit] [class*="h-"]:not(.desc){max-width:736px}
  .pageArticle  .tit-medium ~ .desc.tit-sub{font-size:20px}
}
@media print,screen and (max-width:740px){
  /* layout */
  .pageArticle [class*=cmpnt-] + [class*=cmpnt-]:not(.noMargin){margin-top:80px}
  /* Common */
  .pageArticle .ptNormal{padding-top:60px}
  .pageArticle .ptWide{padding-top:80px}
  .pageArticle .ptNarrow{padding-top:40px}
  .pageArticle .pbNormal{padding-bottom:60px}
  .pageArticle .pbWide{padding-bottom:80px}
  .pageArticle .pbNarrow{padding-bottom:40px}
  .pageArticle .mtNormal{margin-top:60px}
  .pageArticle .mtWide{margin-top:80px}
  .pageArticle .mtNarrow{margin-top:40px}
  /* common title styles */
  .tit-big{font-size:38px}
  [class*="tit-medium"]{font-size:30px}
  .tit-big ~ .desc.tit-sub{font-size:14px}
  .tit-medium ~ .desc.tit-sub{font-size:14px}
  [class*="cmpnt-"].full .tit-medium-s{font-size:30px}
  .contentWrap:not(.pageArticle) .headline .cmpnt-tit{padding-top:30px}/*sub main headline*/
	.contentWrap:not(.pageArticle) .headline .cmpnt-tit .tit-big{font-size:35px}/*sub main headline*/
}
/* common text styles */
.pageArticle .desc{font-family:"HyundaiSansTextRegular","HyundaiKRRegular";line-height:1.7em;word-break:keep-all}
.pageArticle .desc:nth-child(n+2){margin-top:1em}
.tit-medium-s + .desc.small-1{margin-top:5px;color:#666}
.pageArticle .desc.small-1{font-size:14px;line-height:1.429em}
.pageArticle .desc.small-2{font-size:15px;letter-spacing:1.5px}
.pageArticle .desc a{color:rgba(0,0,0,0.6);text-decoration:underline}
.pageArticle .bgBl .desc a{color:#fff}/* 200421 add */
.pageArticle .txtArea .more-deco:nth-child(n+2){margin-top:2em}
[class*="cmpnt-"] > .contBox-2 > [class*="tit"]:not(last-child){margin-bottom:20px}
@media print,screen and (min-width:741px){
  .pageArticle  .desc{font-size:17px}
  .pageArticle .desc.right{text-align:right}
  .pageArticle  .imgArea img + .desc{margin-top:10px;text-align:left}
}
@media print,screen and (max-width:740px){
  .pageArticle .desc{font-size:17px}
  .pageArticle .imgArea img + .desc{font-size:14px}
}

/* Article component - Headline */
.bgBl [class*="tit-"]:not(p){color:#fff}

/* Article component - Intro :200113 update (brand article2 - Autonomous_Café_revised)*/
.pageArticle .cmpnt-intro .desc{color:#434343;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}
.pageArticle .cmpnt-intro dl.desc dt{margin-right:0.7em}
.pageArticle .cmpnt-intro dl.desc .boxFlex-m{flex-wrap:wrap}
.pageArticle .cmpnt-intro dl.desc dd{display:inline}
.pageArticle .cmpnt-intro dl.desc dd + dd{margin-right:0.4em}
/* .pageArticle .cmpnt-intro .desc.small-1{font-weight:bold;font-family:"HyundaiSansTextRegular","HyundaiKRRegular"}*/
.pageArticle .cmpnt-intro .desc.small-2 + .desc.small-1{margin-top:15px}
.pageArticle dl.desc.small-2 > *{color:#000}
.pageArticle .icon-time{background:url("../images/article/icon-clock.png") left center / 17px 17px no-repeat}
@media print,screen and (min-width:741px){
  .pageArticle .cmpnt-intro{margin-top:100px}
  .pageArticle .cmpnt-intro .articleTit .category{margin-bottom:10px;font-size:18px}/* 201021 modify */
  .pageArticle .cmpnt-intro .articleTit h1{font-size:70px;line-height:1.18em}/* 201021 add */
  .pageArticle .cmpnt-intro .desc{width:850px;margin-top:34px}
  .pageArticle .cmpnt-intro dl.desc{display:flex;flex-wrap:wrap;width:890px;margin-left:-36px}
  .pageArticle .cmpnt-intro dl.desc dt{margin-left:36px}
  .pageArticle .cmpnt-intro .desc.icon-time{margin-top:40px}
  .pageArticle .icon-time{padding-left:26px}
}
@media print,screen and (max-width:740px){
  .pageArticle .cmpnt-intro{margin:50px 0}
  .pageArticle .cmpnt-intro + [class*=cmpnt-]{margin-top:50px}
  .pageArticle .cmpnt-intro h2.articleTit{font-size:38px}
  .pageArticle .cmpnt-intro .articleTit .category{margin-bottom:10px;font-size:15px}/* 201021 modify */
  .pageArticle .cmpnt-intro .articleTit h1{font-size:38px;line-height:1.18em}/* 201021 add */
  .pageArticle .cmpnt-intro .desc{margin-top:40px;font-size:14px;color:#434343}
  .pageArticle .cmpnt-intro dl.desc dt{float:left}
  .pageArticle .cmpnt-intro .desc.icon-time{margin-top:20px}
  .pageArticle .icon-time{padding-left:26px}
  .pageArticle .cmpnt-intro .icon-time + .desc.tit-sub{margin-top:40px}
}

/* Article component - Headline */
@media print,screen and (min-width:741px){
  .pageArticle .h-big,
  .pageArticle .h-small{max-width:737px}
}
@media print,screen and (max-width:740px){
}

/* Article component - background */
.cmpnt-bg-area.bgImg{background-size:cover;background-repeat:no-repeat;background-position:center}

/* Article component - 2 Columns Content */
.vac{display:flex;flex-direction:column;justify-content:center}
.vab{display:flex;flex-direction:column;justify-content:flex-end}
.cmpnt-cont-cols .tit-medium + .small-1{color:#666}
.cmpnt-cont-cols .imgArea img{max-width:100%}
.cmpnt-cont-cols .imgArea iframe{width:100%}
.cmpnt-cont-cols .imgArea .imgBox{max-width:100%}/* 200515 add */
  /* interview */
  .cmpnt-cont-cols dt.txtArea > .desc{font-size:18px;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";line-height:1.5em}
@media print,screen and (min-width:741px){
  .cmpnt-cont-cols .txtArea{margin-top:-0.2em}
  .cmpnt-cont-cols .tit-medium + .small-1{margin-top:-10px}
  .cmpnt-cont-cols .imgArea:not(:only-child):last-child{display:flex;flex-direction:column;align-items:flex-end}
  .cmpnt-cont-cols .right .imgArea:not(:only-child):last-child{display:flex;flex-direction:column;align-items:flex-start}/* 200421 add */
  .cmpnt-cont-cols .imgArea .desc{width:100%;text-align:left}
  .cmpnt-cont-cols .col-4w.imgArea iframe{height:198px}
  .cmpnt-cont-cols .col-6w.imgArea iframe{height:306px}
  .cmpnt-cont-cols .col-8w.imgArea iframe{height:416px}
  .cmpnt-cont-cols .imgArea iframe{height:52.6vw}
}
@media print,screen and (max-width:740px){
  .cmpnt-cont-cols.margin-l .imgArea{margin-left:224px}
  .cmpnt-cont-cols .txtArea:nth-last-of-type(2){margin-bottom:30px}
  .cmpnt-cont-cols .imgArea.vtc{width:56.9%}
  .cmpnt-cont-cols .imgArea iframe{height:52.6vw}
  .cmpnt-cont-cols .tit-medium + .small-1{margin-top:-5px}
  .cmpnt-cont-cols [class*="col"].imgArea + [class*="col"].txtArea:last-child{order:-1}
}

/* Article component - Single Content - FULL,BIG,MEDIUM :200113 .imgArea.wide update*/

@media print,screen and (min-width:741px){
  .cmpnt-media iframe{width:100%;height:630px}
  .cmpnt-media .imgArea{}/*컴포넌트 일괄 정리 후 제거 필요*/ /* 200515 modify */
  .cmpnt-media .imgArea .desc{text-align:left}
  .cmpnt-media.big .imgArea{text-align:center}
  .cmpnt-media.big .imgArea img{max-width:100%}
  .cmpnt-media.full .imgArea{display:flex;flex-flow:column}
  .cmpnt-media.full .imgArea img,
  .cmpnt-media.full .imgArea a,
  .cmpnt-media.full .imgArea iframe{align-self:center;min-width:100%}
  .cmpnt-media.full .imgArea iframe{width:100vw;height:580px}
  .cmpnt-media.right{text-align:right}
  .cmpnt-media.center{text-align:center}
}
@media print,screen and (max-width:740px){
  .cmpnt-media .imgArea img,
  .cmpnt-media .imgArea iframe{display:block;width:calc(100% + 30px);margin:0 -15px}
  .cmpnt-media iframe{height:55vw}
  .cmpnt-media.center img{text-align:center}
  .cmpnt-media.big img{width:calc(100% + 30px);margin-left:-15px}
}

/* Article component - QUOTE text :191224 modify*/
.cmpnt-quote.bgBl .quoteArea{color:#fff}
.cmpnt-quote .quoteArea{overflow:visible;text-align:left}
.cmpnt-quote .quoteArea .desc{font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}
.cmpnt-quote .quoteArea > .desc{display:inline-block;position:relative;font-size:28px;line-height:1.642856em;text-align:left}
.cmpnt-quote .quoteArea > .desc:first-child:before{display:block;position:absolute;top:-0.16em;left:0;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";line-height:1;content:"\201C"}
.cmpnt-quote .quoteArea > .desc .small-2{display:block;font-style:normal}
.pageArticle .cmpnt-quote .txtArea{padding-top:6px}
@media print,screen and (min-width:741px){
  .cmpnt-bg-area.ptNormal .cmpnt-quote .quoteArea{}/* 200515 modify :margin-top:-15px;*/
  .cmpnt-bg-area.ptNormal .cmpnt-quote .quoteArea > .desc{}/* 200515 modify :height:358px;*/
  .cmpnt-quote[class*="bg"] .quoteArea{padding-top:100px;padding-bottom:120px}
  .cmpnt-quote .quoteArea.col-6w:only-child{width:auto;max-width:110%;margin-left:auto;margin-right:auto}
  .cmpnt-quote .quoteArea > .desc{padding:0 96px;font-size:28px}
  .cmpnt-quote .right .quoteArea > .desc{margin-left:66px;padding:0 30px 0 96px}
  .cmpnt-quote .quoteArea > .desc:first-child:before{font-size:150px}
  .cmpnt-quote .quoteArea > .desc .small-2{margin-top:30px;font-size:15px}
  .cmpnt-quote .txtArea{padding-top:6px}
}
@media print,screen and (max-width:740px){
  .cmpnt-bg-area.ptNormal .cmpnt-quote{padding-top:0;padding-bottom:0}/* 200520 modify */
  .cmpnt-quote[class*="bg"] .quoteArea{padding-top:40px;padding-bottom:50px}
  .cmpnt-quote .quoteArea > .desc{padding:0 10px 0 50px;font-size:19px}
  .cmpnt-quote .quoteArea > .desc:first-child:before{font-size:80px}
  .cmpnt-quote .quoteArea > .desc .small-2{margin-top:14px;font-size:12px}
  .cmpnt-quote .txtArea{margin-top:10px}
}

/* Article component - Gallery
  200221 :change to looping slider
*/
.pageArticle .cmpnt-gallery .imgArea{position:relative}
.pageArticle .cmpnt-gallery .imgArea .img-sub{position:absolute;right:0;bottom:0}
  /* image desc text */
  .pageArticle .cmpnt-gallery .desc{margin-top:10px}
  /* control */
  .pageArticle .cmpnt-gallery .area-control{display:flex;justify-content: flex-end;align-items: center;position: absolute;bottom: 0;left:0;right: 0;}/* 210225 modify */
  .pageArticle .cmpnt-gallery .swiper-control{display:flex;margin-left:auto}
  .pageArticle .cmpnt-gallery .swiper-control .pageNum{margin:0 10px;font-size:12px;color:#434343;line-height:44px}
  .pageArticle .cmpnt-gallery .swiper-control button{position:relative;width:44px;height:44px;border:1px solid #434343;border-radius:100%;text-indent:-999em}
  .pageArticle .cmpnt-gallery .swiper-control button:before{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;border-top:1px solid #434343;border-right:1px solid #434343;content:"";transform:translate(-65%,-50%) rotate(45deg)}
  .pageArticle .cmpnt-gallery .swiper-control button.prev:before{transform:translate(-25%,-50%) rotate(-135deg)}
@media print,screen and (min-width:741px){
  .pageArticle .cmpnt-gallery .swiper-wrapper{align-items:flex-end}
  .pageArticle .cmpnt-gallery .swiper-slide{width:100vw;line-height:0}
  .pageArticle .cmpnt-gallery .swiper-slide .imgArea{width:624px;overflow:hidden}
  .pageArticle .cmpnt-gallery .swiper-slide-active .imgArea{width:100vw !important;transition:0.9s ease-in-out width }
  .pageArticle .cmpnt-gallery .swiper-slide-active .imgArea img{width:1600px;height:685px}
  .pageArticle .cmpnt-gallery .desc{padding-right:200px;max-width:1120px}
  .pageArticle .cmpnt-gallery .swiper-slide-next{text-align:right;transition:0.8s}
  .pageArticle .cmpnt-gallery .swiper-slide-next .imgArea{display:inline-block}
  .pageArticle .cmpnt-gallery .swiper-slide-next .imgArea img{width:100%;height:275px}
  /* image desc text */
  .pageArticle .cmpnt-gallery li:not(.swiper-slide-active) .desc{opacity:0}
  /* control */
  .pageArticle .cmpnt-gallery .slideWrap.has-control{padding-bottom:66px}
  .pageArticle .cmpnt-gallery .area-control{margin-top:-0.8em}
  .pageArticle .cmpnt-gallery .swiper-control{left:0;right:0}
  .pageArticle .cmpnt-gallery .slideWrap:not(.has-control) .swiper-control{display:none}
  .pageArticle .cmpnt-gallery .area-control .btnDown{margin-right:20px}
}
@media print,screen and (max-width:740px){
  .pageArticle .cmpnt-gallery{margin-bottom:0}/* 200520 add */ /* 210225 modify */
  .pageArticle .cmpnt-gallery .slideWrap{padding-bottom:64px}
  .pageArticle .cmpnt-gallery .swiper-slide{overflow:hidden}
    /* image desc text */
    .pageArticle .cmpnt-gallery .desc{font-size:14px}
    /* control */
    .pageArticle .cmpnt-gallery .area-control{position:absolute;bottom:0;justify-content:space-between;width:100%}
}

/* Article component - Media Tab */
.cmpnt-media-tab .txtArea .tit-small{max-width:300px}
.cmpnt-media-tab .wrap-tab{background-color:#f6f3f2}
.cmpnt-media-tab .tabs{display:flex}
.cmpnt-media-tab .tabs .tab{flex-shrink:0}
.cmpnt-media-tab .tabs .tab button{position:relative;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";text-align:center;color:#434343;line-height:1}
.cmpnt-media-tab .tabs .tab button:after{display:block;position:absolute;left:50%;width:0;background-color:#002c5f;content:'';transition:0.3s ease}
.cmpnt-media-tab .conts-tab .cont-tab{display:none}
  /* on */
  .cmpnt-media-tab .tabs .tab.on button,
  .cmpnt-media-tab .tabs .tab button:hover,
  .cmpnt-media-tab .tabs .tab button:focus{color:#002c5f;text-decoration:none}
  .cmpnt-media-tab .conts-tab .cont-tab.on{display:block}
@media print,screen and (min-width:741px){
  .cmpnt-media-tab .txtArea .tit-small{max-width:300px}
  .cmpnt-media-tab .tabs .tab button{padding:22px 25px 21px;font-size:14px}
  .cmpnt-media-tab .tabs .tab button:after{bottom:9px;margin-left:-35px;height:3px}
  .cmpnt-media-tab .conts-tab .cont-tab{display:none;padding:40px 95px 35px 30px}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea{display:flex;flex-direction:column;justify-content:flex-end}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea > .desc:first-child{margin-top:-0.3em}
  .cmpnt-media-tab .cont-tab .imgArea + .txtArea > .desc:last-child{margin-bottom:-0.3em}
  .cmpnt-media-tab .cont-tab .txtArea .tit-small{margin-bottom:0}
  .cmpnt-media-tab .cont-tab .imgArea iframe{width:100%;height:400px}
  /* on */
  .cmpnt-media-tab .tabs .tab:hover button:after,
  .cmpnt-media-tab .tabs .tab.on button:after{width:70px}
}
@media print,screen and (max-width:740px){
  .cmpnt-media-tab .wrap-tab{margin-left:-15px;margin-right:-15px}
  .cmpnt-media-tab .txtArea .tit-small{max-width:300px}
  .cmpnt-media-tab .tabs{overflow-x:auto }
  .cmpnt-media-tab .tabs .tab button{padding:15px 10px 14px;font-size:12px;letter-spacing:0.3px}
  .cmpnt-media-tab .tabs .tab button:after{bottom:6px;margin-left:-23px;height:2px}
  .cmpnt-media-tab .conts-tab .cont-tab{padding:23px 15px 12px}
  .cmpnt-media-tab .imgArea{margin-bottom:34px}
  .cmpnt-media-tab .txtArea .tit-small{margin-bottom:0;font-size:20px}
  .cmpnt-media-tab .txtArea .desc{font-size:12px}
  .cmpnt-media-tab .cont-tab .imgArea iframe{width:100%;height:50vw}
  /* on */
  .cmpnt-media-tab .tabs .tab:hover button:after,
  .cmpnt-media-tab .tabs .tab.on button:after{width:46px}
}

/** S:ARTICLE TEMPLATE BOTTOM AREA :200409 modify **/
/* share area */
.pageArticle .shareArea .tit{color:rgba(0,0,0,0.85)}

/* vehicle banner area */
/* read more articles area */
.pageArticle .more-articles [class*="Tit"]{color:#434343}
/* share area */
.pageArticle .shareArea .tit{margin-bottom:12px;font-weight:normal;font-size:18px;line-height:1;font-family:"HyundaiSansHeadMedium","HyundaiKRMedium"}/* 201021 modify */
.pageArticle .shareArea .shareList li + li{margin-left:34px}
.pageArticle .shareArea .shareList li img{width:30px}

/* s :200720 add */
/* 220613 */
.pageArticle .shareArea .shareList li a, .pageArticle .shareArea .shareList li button{display:inline-block;width:30px;height:30px;background-image:none;background-size:30px 30px}
.pageArticle .shareArea .shareList li.btnFacebook a.lazy{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/facebook.png")}
.pageArticle .shareArea .shareList li.btnTwitter a.lazy{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/twitter.png")}
.pageArticle .shareArea .shareList li.btnPinterest a.lazy{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/pinterest.png")}
.pageArticle .shareArea .shareList li.btnCopyUrl button.lazy{background-image:url("../../../../../../content/dam/hyundai/ww/en/images/article/link.png")}
/* //220613 */
/* e :200720 add */

/* vehicle banner area */
.more-vehicle{padding:50px 0}
.more-vehicle .col-space-f{display:flex;flex-direction:column;justify-content:space-between}
/* 200703 add */
.more-vehicle a{display:flex;width:1120px;max-width:100%;margin:0 auto}
.more-vehicle a:hover{text-decoration:none}
.more-vehicle a:hover .more-deco:after{width:2.4em}
/* //200703 add */
@media print,screen and (min-width:741px){
  /* share area */
  .pageArticle .shareArea{padding:175px 0}

 /* vehicle banner area */
 .pageArticle .more-vehicle .imgArea img{width:100%}

 /* read more articles area */
 .pageArticle .more-articles{padding:50px 0}
}
@media print,screen and (max-width:740px){
  /* share area */
  .pageArticle .shareArea{padding:100px 0}

 /* vehicle banner area */
 .more-vehicle [class*="wrap-cols"] > [class*="col"]{margin-bottom:0}
 .more-vehicle a{flex-flow:column}/* 200703 add */
 .pageArticle .more-vehicle .txtArea{height:207px}
 .pageArticle .more-vehicle .secTit .category{font-size:12px}
 .pageArticle .more-vehicle .imgArea{height:80.3125VW}
 .pageArticle .more-vehicle .imgArea img{height:100%}

 /* read more articles area */
 .pageArticle .more-articles{padding:35px 0}
 .pageArticle .more-articles .wrap-cols-multiW > [class*="col"]:first-of-type{margin-bottom:10px}
}
/** E:ARTICLE TEMPLATE BOTTOM AREA :200409 modify**/

/* S: 210225 add */
@media print,screen and (min-width:741px) and (max-width:20000px){
.br-pcMo {display:block !important;}
.br-pc {display:block !important;}
.br-mo {display:none !important;}
}

@media screen and (min-width:0) and (max-width:740px){ 
.br-pcMo {display:block !important;}
.br-pc {display:none !important;}
.br-mo {display:block !important;}
}
/* E: 210225 add */

/* S:191204 add :layerPop */
.layerPop-side{position:fixed;box-sizing:border-box;background-color:#e4dcd3;transition:transform 0.3s,opacity 1s;opacity:0}
.layerPop-side.on{transform:translate(0);transition:transform 0.5s;opacity:1}
.layerPop-side h2{color:#002c5f;line-height:1.28em}
.layerPop-side p.desc{color:#434343;line-height:1.71em}
.layerPop-side .wrap-button button{font-size:12px;text-align:center;line-height:35px;letter-spacing:0.5px}
.layerPop-side .wrap-button button.btn-1{background-color:#002c5f;color:#fff}
.layerPop-side .wrap-button button.btn-2{font-family:"HyundaiSansHeadMedium","HyundaiKRMedium";color:#002c5f}
.layerPop-side button[class*="icon_close"]{position:absolute}
@media screen and (min-width:741px){
  .layerPop-side{display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;right:0;z-index:99;width:25%;min-width:355px;height:100%;transform:translateX(150%)}
  .layerPop-side .contBox{width:100%;padding:46px 6.5% 55px}
  .layerPop-side h2{font-size:36px}
  .layerPop-side p.desc{font-size:17px}
  .layerPop-side .wrap-button{margin-top:28px}
  .layerPop-side .wrap-button button{width:160px}
  .layerPop-side button[class*="icon_close"]{top:30px;right:6.5%}
}
@media screen and (max-width:740px){
  .layerPop-side{bottom:0;z-index:999;width:100%;transform:translateY(150%)}
  .layerPop-side .contBox{width:100%;padding:18px 15px}
  .layerPop-side h2{font-size:30px}
  .layerPop-side p.desc{font-size:14px}
  .layerPop-side .wrap-button{display:flex;margin-top:10px;margin-right:-15px}
  .layerPop-side .wrap-button button.btn-1{width:160px}
  .layerPop-side .wrap-button button.btn-2{width:144px}
  .layerPop-side button[class*="icon_close"]{top:17px;right:15px}
}
/* E:191204 add :layerPop */

/* S:201005 add : show more */
@media print,screen and (min-width:741px){
.btnWrap.main {margin:0;padding:46px 0 150px 0;background-color:#fff;}
button.btn-more {display:inline-block;min-width:168px;height:46px;padding:0 25px;border-color:#002c5e;font-size:18px;line-height:46px;font-family:HyundaiKRRegular;color:#fff;text-align:left;vertical-align:middle;box-sizing:border-box}
button.btn-more:after{display:inline-block;content:'';width:12px;height:7px;margin:0 0 0 12px;background:url("../../../../../../content/dam/hyundai/ww/en/images/common/ico_more.png") no-repeat 0 0;background-size:12px auto;}
}
@media print,screen and (max-width:740px){
    .btnWrap.main {margin:0;padding:26px 0 75px 0;background-color:#fff;}
    button.btn-more {display:inline-block;text-align:center;width:93%;height:45px;line-height:1;margin:0 15px;font-size:16px;font-family:HyundaiKRRegular;}
    button.btn-more:after{display:inline-block;content:'';width:12px;height:7px;margin:0 0 0 10px;background:url("../../../../../../content/dam/hyundai/ww/en/images/common/ico_more_mobile.png") no-repeat 0 0;background-size:12px auto;}
} 
/* E:201005 add : show more */
/*
END :guide-2019.css
*/
@charset "utf-8";
/*
Start:findacar.css.en
*/
/* version : 230417 */
@media print,screen and (min-width:741px) and (max-width:20000px){

    .findacarList{position:relative;} /* 221101 modify */
    .findacarList .lineArea{position:relative;overflow:hidden;transition:height 0.3s;height:248px}
    .findacarList .lineArea .item{float:left;width:240px;margin-right:53px}
    .findacarList .lineArea .item.nomargin{margin-right:0}
    .findacarList .lineArea .item .thumbnail{margin-bottom:19px}
    .findacarList .lineArea .item .thumbnail img{width:240px;height:130px}
    .findacarList .lineArea .item .subTit4{margin-bottom:2px;font-size:15px} /* 210930 modify */
    .findacarList .lineArea .item .subTit4.goTo:after{content:'';display:inline-block;margin-left:10px;width:7px;height:12px;background:url("../images/common/goto_arr.png") no-repeat 0 0;vertical-align:middle}
    .findacarList .lineArea .item .btnCarMore{text-align:center;margin-top:75px;display:block}
    .findacarList .lineArea .item .conAreas{color:#767676;line-height:16px;margin-bottom:16px}
    .findacarList .lineArea .item .btn{width:100%}

    .findacarList .carMoreContent{position:absolute;left:0;top:285px;width:100%;background:#f6f3f2;z-index:30;min-height:400px;padding:40px 0px 40px 60px;display:none}
    .findacarList .carMoreContent:after{display:block;content:"";position:absolute;left:25px;top:-10px;width:20px;height:20px;background:#f6f3f2;transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);z-index:10}
    .findacarList .item1 .carMoreContent:after{left:105px}
    .findacarList .item2 .carMoreContent:after{left:400px}
    .findacarList .item3 .carMoreContent:after{left:697px}
    .findacarList .item4 .carMoreContent:after{left:997px}
    .findacarList .carMoreContent .thumbArea{padding:35px 0px 0 0px;width:448px;float:left}
    .findacarList .carMoreContent .thumbArea .thumbImg img{width:340px;height:163px}
    .findacarList .carMoreContent .thumbArea .subTit2{margin:45px 0 2px 0}
    .findacarList .carMoreContent .thumbArea .btn{width:145px;padding:0;margin-top:23px}
    .findacarList .carMoreContent .tableConArea{float:left;width:552px}
    .findacarList .carMoreContent .tableConArea .subTit4{line-height:1;margin-bottom:12px}
    .findacarList .carMoreContent .tableConArea .sortSelect{margin-bottom:30px}
    .findacarList .carMoreContent .tableConArea .sortSelect select{box-shadow:none}
    .findacarList .overViewTable{display:none}
    .findacarList .overViewTable.on{display:block}
    .findacarList .infoTableType{width:100%;background:#fff}
    .findacarList .infoTableType tr th{background:#e4dcd3;font-size:14px;line-height:18px;padding:12px 20px 12px 20px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:43px;border-bottom:1px solid #fff;width:226px}
    .findacarList .infoTableType tr:last-child th{border-bottom:none}
    .findacarList .infoTableType tr:last-child td{border-bottom:none}
    .findacarList .infoTableType tr td{padding:10px 20px;border-bottom:1px solid #e4dcd3;font-size:14px;line-height:20px}
    .findacarList .btnMoreClose{position:absolute;right:17px;top:17px}
    .findacarList .btnMoreClose img{width:10px}

    /* s:200424 add :open source */
    .contWrap.openSource .searchBar{min-height:124px;}
    .contWrap.openSource .searchWrap{width:660px}
    .contWrap.openSource .contBox .tabWrap{padding-top:100px}
    .contWrap.openSource .findacarList{margin-top:27px}
    .contWrap.openSource .findacarList .lineArea{height:85px}
    .contWrap.openSource .findacarList .lineArea .item{position:relative;width:280px;margin-right:0;text-align:center}
    .contWrap.openSource .findacarList .lineArea .item .btnSourceMore{display:inline-block;margin-top:30px}
    .contWrap.openSource .findacarList .lineArea .item .btnCarMore{display:inline-block;margin-top:30px}
    .contWrap.openSource .findacarList .lineArea .item .subTit4{font-size:22px}
    .contWrap.openSource .findacarList .lineArea .item .subTit4:hover{color:#002c5e}
    .contWrap.openSource .findacarList .carMoreContent{position:absolute;top:97px;left:0;width:560px;height:261px;min-height:261px;margin:0 auto;padding:56px 0 39px 60px;background:#f6f3f2;z-index:30;display:none}
    .contWrap.openSource .findacarList .carMoreContent .tableConArea{width:440px}
    .contWrap.openSource .findacarList .item4 .carMoreContent{right:0;left:auto}
    .contWrap.openSource .findacarList .item1 .carMoreContent:after{left:131px}
    .contWrap.openSource .findacarList .item2 .carMoreContent:after{left:131px}
    .contWrap.openSource .findacarList .item3 .carMoreContent:after{left:131px}
    .contWrap.openSource .findacarList .item4 .carMoreContent:after{left:410px}
    .contWrap.openSource .findacarList .infoTableType tr th{padding:12px 20px 12px 20px;min-height:55px}
    .contWrap.openSource .findacarList .overViewTableCon .btn{width:120px;min-width:120px;padding:0 20px;font-size:14px}
    /* e:200424 add :open source */

    .specsContent{padding-bottom:100px}
    .specsContent .sortSelect{margin:32px 0 30px 0;padding-left:150px;position:relative}
    .specsContent .sortSelect .tit{font-size:16px;font-family:"HyundaiSansHeadMedium";line-height:44px;position:absolute;left:0;top:0}
    .specsContent .sortSelect select{font-family:"HyundaiSansHeadMedium" !important}
    .specsContent .overViewTableCon{margin-bottom:30px}
    .specsContent .overViewTable .tit{font-size:16px;font-family:"HyundaiSansHeadMedium";text-align:left;margin-bottom:20px}
    .specsContent .infoTableType{border-top:1px solid #e4dcd3;border-left:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;width:100%}
    .specsContent .infoTableType tr th{font-size:14px;line-height:18px;padding:12px 30px 12px 30px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:43px;border-bottom:1px solid #fff;width:240px;border-right:1px solid #e4dcd3;background:#e4dcd3;font-family:"HyundaiSansHeadMedium"}
    .specsContent .infoTableType tr td{padding:0 20px;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;font-size:14px;font-family:'HyundaiSansTextRegular'}/* 181015_modify */
    .specsContent .infoTableType tr:last-child th{border-bottom:none}
    .specsContent .infoTableType tr:last-child td{border-bottom:none}

    /* M-00104 NBrand Type Add*/
    .specsContent .infoTableTypeN{border-top:1px solid #dceaf5;border-left:1px solid #dceaf5;border-bottom:1px solid #dceaf5;width:100%}
    .specsContent .infoTableTypeN tr th{font-size:14px;line-height:18px;padding:12px 30px 12px 30px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:43px;border-bottom:1px solid #fff;width:240px;border-right:1px solid #dceaf5;background:#dceaf5;font-family:"HyundaiSansHeadMedium"}
    .specsContent .infoTableTypeN tr td{padding:0 20px;border-right:1px solid #dceaf5;border-bottom:1px solid #dceaf5;font-size:14px}
    .specsContent .infoTableTypeN tr:last-child th{border-bottom:none}
    .specsContent .infoTableTypeN tr:last-child td{border-bottom:none}

    .specsContent .selectSupport{margin-top:35px}
    .specsContent .conArea{margin-top:15px;font-size:14px}

    .specsContent .overViewTable,
    .specsContent .performance,
    .specsContent .dimension,
    .specsContent .wheels{display:none;position:relative}
    .specsContent .overViewTable.on,
    .specsContent .performance.on,
    .specsContent .dimension.on,
    .specsContent .wheels.on{display:block}

    .specsContent .tableWrap{padding-top:50px;padding-bottom:0}/* 개발환경에 맞게 선언 */
    .specsContent .subTit2 + .tableWrap{padding-top:30px}
    .specsContent .tableWrap .tblInfo{margin-top:0}
    #htmSpecContWrap .tableWrap{}
    #htmSpecContWrap .tableWrap:first-child{padding-top:0}

    .experience360vr{padding-bottom:100px}
    .experience360vr_imgArea{position:relative;height:425px;overflow:hidden}
    .experience360vr_imgArea .experience_panoramabox{position:relative;height:425px;overflow:hidden}
    .experience360vr_imgArea .experience_category{position:absolute;left:30px;bottom:30px;overflow:hidden;z-index:10}
    .experience360vr_imgArea .experience_category ul{overflow:hidden}
    .experience360vr_imgArea .experience_category ul li{float:left}
    .experience360vr_imgArea .experience_category ul li button{width:130px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#000;background:#e4dcd3} /* 230417 edit */
    .experience360vr_imgArea .experience_category ul li button.on{color:#fff;background:#00aad2}
    .experience_tab {display:flex} /* 230417 add */
    .experience_tab li{flex: 1;height:67px;text-align:center;border-bottom:2px solid #e5e5e5;cursor:pointer;font-family:'HyundaiSansHeadMedium';font-size:16px;line-height:67px;text-align:center;color:#B2B2B2;text-decoration:none;} /* 230417 add */
    .experience_tab li.on{border-color:#00AAD2;color:#00AAD2;border-width:5px;} /* 230417 add */
    .experience360vr_imgArea .pano_loading_percent{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px;border-radius:50px;background:rgba(0%,0%,0%,0.7);text-align:center;line-height:100px;color:#fff;font-size:20px;display:none}
    .experience360vr_imgArea .pano_loading_start{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px}
    .experience360vr_infoArea{background:#fff;padding:0 50px}
    .experience360vr_infoArea .item{border-bottom:1px solid #f1ede9;overflow:hidden;position:relative;height:145px}
    .experience360vr_infoArea .item:last-child{border-bottom:0}
    .experience360vr_infoArea .item .leftTitle{float:left;padding:48px 0 0 0;width:217px}
    .experience360vr_infoArea .item .leftTitle .title{color:#000;font-size:20px;font-family:"HyundaiSansHeadMedium";line-height:1}
    .experience360vr_infoArea .item .leftTitle .colorName{color:#000;font-size:16px;margin-top:15px;line-height:1}
    .experience360vr_infoArea .item .leftTitle .wheelName{color:#000;font-size:16px;margin-top:15px;line-height:1}
    .experience360vr_infoArea .item .experience_sort_Wrap{float:left;width:803px;position:relative;margin-top:37px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 39px}
    .experience360vr_infoArea .item .experience_sort_Wrap.wheel{margin-top:32px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea{position:relative;overflow:hidden;width:725px;height:68px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{float:left;width:66px;padding-top:6px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:60px;height:60px}
    .experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.4)}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li img{width:68px;height:68px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{display:block;content:'';position:absolute;right:0px;top:0px;background:url("../images/findacar/360vr/chk_on.png") no-repeat;width:22px;height:22px;overflow:hidden;z-index:1}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea.experience_option2.wheel{height:74px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea.experience_option2.wheel li{float:left;width:74px}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{position:absolute;left:0;top:25px}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev .prev{background:url("../images/findacar/360vr/btn_prev.png") no-repeat;width:9px;height:16px;overflow:hidden;text-indent:-9999px;display:block}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next{position:absolute;right:0;top:25px}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next .next{background:url("../images/findacar/360vr/btn_next.png") no-repeat;width:9px;height:16px;overflow:hidden;text-indent:-9999px;display:block}
    .experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_prev,
    .experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_next{display:none}

    /* 200701 add */
    .contBox.full .experience360vr_imgArea{height:auto !important}
    .contBox.full .experience_panoramabox{height:600px !important}
    .contBox.full .panorama{width:1120px;height:600px !important;margin:0 auto !important}
    .contBox.full .experience_category{top:0;left:0;width:100%;height:40px}
    .contBox.full .experience_category ul{width:1120px;margin:0 auto}
    .contBox.full .experience360vr_infoArea{width:1120px;margin:0 auto}
    /* //200701 add */

    .sepcListWrap .togList.on .btnOpenClose{border-bottom:1px solid #fff !important}
    .sepcListWrap .togCont{padding:30px 60px 20px;background:#fff}
    .sepcListWrap .specList{overflow:hidden;padding:36px 0 34px;font-size:14px;border-top:1px solid #f6f3f2;line-height:20px}
    .sepcListWrap .specList dt{font-family:"HyundaiSansHeadMedium"}
    .sepcListWrap .specList:first-child{padding-top:0;border-top:none}
    .sepcListWrap .specList>dt{float:left;width:170px}
    .sepcListWrap .specList>dd{overflow:hidden;float:left}
    .sepcListWrap .specList>dd dl:first-child{padding-top:0}
    .sepcListWrap .specList>dd dl{overflow:hidden;width:828px;padding-top:24px}
    .sepcListWrap .specList>dd dt{float:left;width:282px}
    .sepcListWrap .specList>dd dd{float:left;width:546px}
    .sepcListWrap .noticeList{padding-bottom:20px}

    /* 220509 */
    .topAwardArea{position:absolute;bottom:10px;left:0;right:0;margin:0 auto;width:1120px;text-align:left}
    .topAwardArea .item{position:relative}
    .topAwardArea .item .logo{display:inline-block;width:100px;margin-right:17px;vertical-align:middle}
    /* .topAwardArea .item .logo img{width:100px;height:80px} */
    /* //220509 */
    .topAwardArea .item .txt{display:inline-block;width:190px;font-family:"HyundaiSansHeadMedium";font-size:14px;line-height:18px;vertical-align:middle}
    .topAwardArea .item .btnHelp{position:absolute;left:82px;background:url("../images/common/btn_help02.png") no-repeat;width:18px;height:18px;-webkit-background-size:18px auto;background-size:18px auto}
    .topAwardArea .item .helpBox{position:absolute;left:54px;right:0;bottom:100px;width:480px;font-size:12px;line-height:22px;background:#fff;padding:27px 20px 25px 20px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);z-index:10}
    .topAwardArea .item .helpBox:after{left:32px}
    .topAwardArea .item .helpBox .link{color:#002c5e;text-decoration:underline}

    .awardWrap{padding-bottom:50px}
    .awardBox{overflow:hidden;position:relative;margin-bottom:50px}
    .awardBox:before{content:'';width:100%;height:1px;position:absolute;background:#d4d4d4;left:0;top:50%}
    .awardBox .cont{position:relative;display:table;width:800px;margin:0 auto;padding:0 50px;background:#f6f3f2;text-align:center;min-height:90px}
    .awardBox .cont div{display:table-cell !important;vertical-align:middle}
    .awardBox .cont div.img{width:160px;text-align:center}
    .awardBox .cont div.img .inner{width:160px;text-align:center;vertical-align:middle}
    .awardBox .cont div.img .inner img{vertical-align:middle}
    .awardBox .cont div.desc{padding-left:40px;text-indent:-40px;font-style:italic;text-align:left;color:#666;line-height:30px}
    .awardBox.rightImg .cont{text-align:left}
    .awardBox.rightImg .cont div.desc{width:650px}
    .awardBox.rightImg .cont div.img{display:table !important;position:absolute;right:10px;top:0;height:100%}

    .contWrap.bgW .awardBox .cont{background:#fff}
    .contWrap.bgDB .awardBox .cont{background:#e4dcd3}
    
    .vehiclesBanner {margin-top:40px;}/* 220623 add : vehicles 페이지 내 EV 배너 추가 */
    .vehiclesBanner img{aspect-ratio: 112/19;} /* 221101 add */
}

/* mobile size */
@media screen and (min-width:0) and (max-width:740px){
    .findacarList{padding-bottom:60px}
    .findacarList .lineArea{height:auto !important}
    .findacarList .item{padding:57px 35px 0 35px;position:relative !important;left:auto !important;top:auto !important}
    .findacarList .item.nomargin{margin-right:0}
    .findacarList .item .thumbnail{margin-bottom:16px}
    .findacarList .item .btnCarMore{width:100%}
    .findacarList .item .thumbnail img{width:100%}
    .findacarList .item .subTit4{margin-bottom:4px;font-size:16px;text-align:center}
    .findacarList .item .subTit4.goTo:after{content:"";display:inline-block;width:6px;height:8px;margin-left:4px;background:url("../images/common/goto_arr_mo.png") no-repeat 0 0;background-size:6px 8px;vertical-align:middle}
    .findacarList .item .conAreas{color:#767676;line-height:19px;margin-bottom:14px}
    .findacarList .item .btn{width:100%;line-height:35px;font-size:14px}

    .findacarList .carMoreContent{position:relative;background:#f6f3f2;z-index:30;min-height:400px;padding:77px 15px 50px 15px;margin:25px -50px 0 -50px;display:none}
    .findacarList .carMoreContent:after{display:block;content:"";position:absolute;left:0;right:0;margin:0 auto;top:-7px;width:15px;height:15px;background:#f6f3f2;transform:translateY(0px) rotate(45deg);-webkit-transform:translateY(0px) rotate(45deg);z-index:10}
    .findacarList .carMoreContent .thumbArea .thumbImg{padding:0 27px}
    .findacarList .carMoreContent .thumbArea .thumbImg img{width:100%}
    .findacarList .carMoreContent .thumbArea .subTit2{margin:30px 0 4px 0}
    .findacarList .carMoreContent .thumbArea .btn{margin-top:16px;width:140px !important}
    .findacarList .carMoreContent .tableConArea{margin-top:30px}
    .findacarList .carMoreContent .tableConArea .subTit4{line-height:1;margin-bottom:12px;text-align:left}
    .findacarList .carMoreContent .tableConArea .sortSelect{margin-bottom:30px}
    .findacarList .carMoreContent .tableConArea .sortSelect select{box-shadow:none}
    .findacarList .overViewTable{display:none}
    .findacarList .overViewTable.on{display:block}
    .findacarList .infoTableType{width:100%;background:#fff}
    .findacarList .infoTableType tr th{background:#e4dcd3;font-size:12px;line-height:15px;padding:9px 15px 9px 15px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:34px;border-bottom:1px solid #fff;width:135px}
    .findacarList .infoTableType tr:last-child th{border-bottom:none}
    .findacarList .infoTableType tr:last-child td{border-bottom:none}
    .findacarList .infoTableType tr td{padding:0 15px;border-bottom:1px solid #e4dcd3;font-size:12px}
    .findacarList .btnMoreClose{position:absolute;right:15px;top:15px}
    .findacarList .btnMoreClose img{width:12px}

    /* s:200424 add :open source */
    .contWrap.openSource .searchBar{min-height:85px;}
    .contWrap.openSource .findacarList{margin-top:0}
    .contWrap.openSource .findacarList .lineArea{display:flex;flex-wrap:wrap;flex-direction:row}
    .contWrap.openSource .findacarList .lineArea .item .subTit4:hover{color:#002c5e}
    .contWrap.openSource .findacarList .item{float:left;width:50%;padding:15px 0 0 0;position:relative !important;left:auto !important;top:auto !important}
    .contWrap.openSource .findacarList .item .btnCarMore{padding-top:15px}
    .contWrap.openSource .findacarList .item .subTit4{font-size:17px}
    .contWrap.openSource .findacarList .carMoreContent{position:relative;background:#f6f3f2;z-index:30;min-height:196px;padding:10px 15px 30px 15px;margin:25px -50px 0 -50px;display:none}
    .contWrap.openSource .findacarList .item1 .carMoreContent,.contWrap.openSource .findacarList .item3 .carMoreContent{margin-right:-108%;margin-left:-8%}/* 200519 modify */
    .contWrap.openSource .findacarList .item2 .carMoreContent,.contWrap.openSource .findacarList .item4 .carMoreContent{margin-right:-8%;margin-left:-108%}/* 200519 modify */
    .contWrap.openSource .findacarList .item1 .carMoreContent:after{left:-44%}
    .contWrap.openSource .findacarList .item2 .carMoreContent:after{left:44%}
    .contWrap.openSource .findacarList .item3 .carMoreContent:after{left:-44%}
    .contWrap.openSource .findacarList .item4 .carMoreContent:after{left:44%}
    .contWrap.openSource .findacarList .infoTableType tr th{padding:14px 15px 14px 15px}
    .contWrap.openSource .findacarList .infoTableType tr td{text-align:center}
    .contWrap.openSource .findacarList .overViewTableCon .btn{font-size:12px;line-height:25px}
    .contWrap.openSource .findacarList .item .btnCarMore{display:inline-block}
    /* e:200424 add :open source */

    .specsContent{padding:0px 0 60px 0}
    .specsContent .sortSelect{margin:20px 0 25px 0;position:relative}
    .specsContent .sortSelect .tit{font-size:14px;font-family:"HyundaiSansHeadMedium";margin-bottom:10px}
    .specsContent .overViewTableCon{margin-bottom:15px}
    .specsContent .overViewTable{display:none;position:relative}
    .specsContent .overViewTable.on{display:block}
    .specsContent .overViewTable .tit{font-size:14px;font-family:"HyundaiSansHeadMedium";text-align:left;margin-bottom:10px}
    .specsContent .infoTableType{border-top:1px solid #e4dcd3;border-left:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;width:100%;line-height:16px}
    .specsContent .infoTableType tr th{font-size:12px;padding:6px 15px 6px 15px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:35px;border-bottom:1px solid #fff;width:120px;border-right:1px solid #e4dcd3;background:#e4dcd3;font-family:"HyundaiSansHeadMedium"}
    .specsContent .infoTableType tr td{padding:7px 15px;border-right:1px solid #e4dcd3;border-bottom:1px solid #e4dcd3;font-size:12px}
    .specsContent .infoTableType tr:last-child th{border-bottom:none}
    .specsContent .infoTableType tr:last-child td{border-bottom:none}
    
    /* M-00104 NBrand Type Add*/
    .specsContent .infoTableTypeN{border-top:1px solid #dceaf5;border-left:1px solid #dceaf5;border-bottom:1px solid #dceaf5;width:100%;line-height:16px}
    .specsContent .infoTableTypeN tr th{font-size:12px;padding:6px 15px 6px 15px;font-weight:normal;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:35px;border-bottom:1px solid #fff;width:120px;border-right:1px solid #dceaf5;background:#dceaf5;font-family:"HyundaiSansHeadMedium"}
    .specsContent .infoTableTypeN tr td{padding:7px 15px;border-right:1px solid #dceaf5;border-bottom:1px solid #dceaf5;font-size:12px}
    .specsContent .infoTableTypeN tr:last-child th{border-bottom:none}
    .specsContent .infoTableTypeN tr:last-child td{border-bottom:none}
    
    .specsContent .selectSupport{margin-top:20px}
    .specsContent .selectSupport .grid{margin-top:10px}
    .specsContent .conArea{margin-top:18px;font-size:12px}

    .experience360vr{padding-bottom:55px}
    .experience360vr_imgArea{position:relative;overflow:hidden}
    .experience360vr_imgArea .experience_panoramabox{position:relative;overflow:hidden}
    .experience360vr_imgArea .panorama{width:auto !important;height:auto !important}
    .experience360vr_imgArea .panorama img{width:100% !important}
    .experience360vr_imgArea .panorama .pano_vues{position:absolute;left:-99999px;top:-99999px}
    .experience360vr_imgArea .pnlm-container{position:absolute;left:0;top:0;width:100%;height:100%}
    .experience360vr_imgArea .pnlm-container .pnlm-load-button{width:50px;height:50px;margin:-25px 0 0 -25px}
    .experience360vr_imgArea .pnlm-container .pnlm-load-box{width:50px;height:50px;margin:-25px 0 0 -25px;line-height:50px;font-size:12px}
    .experience360vr_imgArea .pnlm-container.pnlm-grab .pnlm-load-box{display:none}
    .experience360vr_imgArea .pnlm-container .pnlm-load-box .pnlm-lmsg{line-height:50px;font-size:12px}
    .experience360vr_imgArea .mobileOnly img{width:100%}
    .experience360vr_imgArea .experience_category{overflow:hidden}
    .experience360vr_imgArea .experience_category ul{overflow:hidden}
    .experience360vr_imgArea .experience_category ul li{float:left;width:50%}
    .experience360vr_imgArea .experience_category ul li button{width:100%;height:43px;line-height:43px;font-size:14px;text-align:center;color:#000;background:#e4dcd3;font-family:"HyundaiSansHeadMedium"} /* 230417 edit */
    .experience360vr_imgArea .experience_category ul li button.on{color:#fff;background:#00aad2;}
    .experience_tab {display:flex}  /* 230417 add */
    .experience_tab li{flex: 1;height:43px;text-align:center;border-bottom:1px solid #e5e5e5;cursor:pointer;font-family:'HyundaiSansHeadMedium';font-size:14px;line-height:43px;text-align:center;color:#B2B2B2;text-decoration:none;} /* 230417 add */
    .experience_tab li.on{border-color:#00AAD2;color:#00AAD2;border-width:3px;} /* 230417 add */
    .experience360vr_imgArea .pano_loading_percent{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;height:50px;border-radius:25px;background:rgba(0%,0%,0%,0.7);text-align:center;line-height:50px;color:#fff;font-size:12px;display:none}
    .experience360vr_imgArea .pano_loading_start{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;height:50px}
    .experience360vr_imgArea .pano_loading_start img{width:50px}
    .experience360vr_infoArea{margin:0 -15px}
    .experience360vr_infoArea .item{overflow:hidden;position:relative;padding-bottom:5px}
    .experience360vr_infoArea .item:last-child{border-bottom:0}
    .experience360vr_infoArea .item .leftTitle{padding:0 15px 15px 15px;overflow:hidden;margin-top:35px}
    .experience360vr_infoArea .item .leftTitle .title{color:#000;font-size:14px;font-family:"HyundaiSansHeadMedium";line-height:1;float:left}
    .experience360vr_infoArea .item .leftTitle .colorName{color:#000;font-size:14px;line-height:1;float:right;font-family:'HyundaiSansTextRegular'}/* 181015_modify */
    .experience360vr_infoArea .item .leftTitle .optionName{color:#000;font-size:14px;line-height:1;float:right}
    .experience360vr_infoArea .item .experience_sort_Wrap{padding:0 0 0 15px;position:relative}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea{position:relative;overflow:hidden}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{float:left;width:49px !important;padding-top:4px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:45px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li{float:left;width:55px !important;padding-top:4px}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li img{width:48px}
    .experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.4)}
    .experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{display:block;content:'';position:absolute;right:0px;top:0px;background:url("../images/findacar/360vr/chk_on.png") no-repeat;width:18px;height:18px;overflow:hidden;z-index:1;-webkit-background-size:18px auto;background-size:18px auto}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{position:absolute;left:0;top:25px}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev .prev{background:url("../images/findacar/360vr/btn_prev.png") no-repeat;width:9px;height:16px;overflow:hidden;text-indent:-9999px;display:block}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next{position:absolute;right:0;top:25px}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next .next{background:url("../images/findacar/360vr/btn_next.png") no-repeat;width:9px;height:16px;overflow:hidden;text-indent:-9999px;display:block}
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_prev,
    .experience360vr_infoArea .item .experience_sort_Wrap .btn_next{display:none !important}

    /* 200701 add */
    .contBox.full .experience360vr_infoArea{padding-left:15px;padding-right:15px}
    .contBox.full .experience_panoramabox{height:auto}
    /* //200701 add */

    /* 200714 add */
    .contBox .mobileOnly .new, .contBox.full .mobileOnly .old{display:none}
    .contBox.full .mobileOnly .new{display:block}
    /* //200714 add */

    .sepcListWrap .togList.on .btnOpenClose{border-bottom:1px solid #fff !important}
    .sepcListWrap .togCont{padding:12px 20px 0;background:#fff}
    .sepcListWrap .specList{overflow:hidden;font-size:12px;padding:23px 0;border-top:1px solid #f6f3f2;line-height:20px}
    .sepcListWrap .specList:first-child{border-top:none;padding-top:0}
    .sepcListWrap .specList dt{font-family:"HyundaiSansHeadMedium"}
    .sepcListWrap .specList>dt{padding-bottom:18px}
    .sepcListWrap .specList>dd dl{overflow:hidden;padding-top:7px}
    .sepcListWrap .specList>dd dl:first-child{padding-top:0}
    .sepcListWrap .specList>dd dt{float:left;width:50%;padding-right:5px}
    .sepcListWrap .specList>dd dd{float:left;width:50%;padding-left:24px}
    .sepcListWrap .noticeList{padding-bottom:20px}

    .topAwardArea{position:absolute;top:100px;left:0;right:0;width:100%;padding:0 30px;text-align:left}/* 220509 */
    .topAwardArea .item{float:left;margin-left:20px;}/* 220509 */
    .topAwardArea .item:first-child{margin-left:0;}/* 220509 add */
    .topAwardArea .item .txt{display:none}
    .topAwardArea .item .btnHelp{position:absolute;top:0;background:url("../images/common/btn_help02.png") no-repeat;width:18px;height:18px;-webkit-background-size:18px auto;background-size:18px auto;z-index:60}
    .topAwardArea .item .btnHelp:hover,
    .topAwardArea .item .btnHelp:focus{background-position:0 0}
    .topAwardArea .item .btnHelp.on{background-position:0 0}
    .topAwardArea .item:nth-child(1) .btnHelp{left:84px}
    .topAwardArea .item:nth-child(2) .btnHelp{left:169px}
    .topAwardArea .item .helpBox{position:absolute;left:0;right:0;top:70px;font-size:12px;line-height:22px;background:#fff;padding:45px 20px 44px 20px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);z-index:55}
    .topAwardArea .item:nth-child(1) .helpBox:after{left:62px}
    .topAwardArea .item:nth-child(2) .helpBox:after{left:146px}
    .topAwardArea .item .helpBox .link{color:#002c5e;text-decoration:underline}

    .specsContent .overViewTable,
    .specsContent .performance,
    .specsContent .dimension,
    .specsContent .wheels{display:none;position:relative}
    .specsContent .overViewTable.on,
    .specsContent .performance.on,
    .specsContent .dimension.on,
    .specsContent .wheels.on{display:block}
    
    .specsContent .tableWrap{padding-top:40px;padding-bottom:0}/* 개발환경에 맞게 선언 */
    .specsContent .subTit2 + .tableWrap{padding-top:20px}
    .specsContent .tableWrap .tblInfo{margin-top:0}
    #htmSpecContWrap .tableWrap{}
    #htmSpecContWrap .tableWrap:first-child{padding-top:0}
    
    .awardWrap{padding-bottom:60px}
    .awardBox{padding:0 15px;background:#f6f3f2}
    .awardBox .cont{overflow:hidden;padding:20px 15px;border-top:1px solid #e4dcd3}
    .awardBox:first-child .cont{border-top:0}
    .awardBox .cont > div{display:table-cell;vertical-align:middle}
    .awardBox .cont > div.img{display:table-cell;width:60px}
    .awardBox .cont > div.img img{}
    .awardBox .cont > div.desc{display:table-cell;padding-left:20px}
    
    .vehiclesBanner {margin:30px -15px 0;}/* 220623 add : vehicles 페이지 내 EV 배너 추가 */
}
/* 181015_modify */
.experience360vr_infoArea .item .leftTitle .colorName,
.experience360vr_infoArea .item .leftTitle .optionName{font-family:'HyundaiSansTextRegular'}
.specsContent .infoTableType tr td{font-family:'HyundaiSansTextRegular'}
.specsContent .infoTableTypeN tr td{font-family:'HyundaiSansTextRegular'}


/*============== s : 220823 add ==============*/
/* ------------------------------------------------------------------
  vehicles Update : 2022.08.23
* ------------------------------------------------------------------ */
.position-relative {position: relative !important;}
.subTitWrap + .sub-main-vehicles{margin-top:-20px;min-height:50px} /* 220908-m2 modify */
/* search */
.contWrap.searchType .searchWrap.w100 {width:100%;}
.contWrap.searchType .searchWrap.w100 .searchInput {background: #F6F3F2}
#container .contWrap.searchType .searchWrap.w100 input[type="text"] {background: #F6F3F2;color: #002c5f;}
#container .contWrap.searchType .searchWrap.w100 input[type="text"]::placeholder {color:#999}
.contWrap.searchType .searchWrap.w100 .btnSearch {background: none;}
.contWrap.searchType .searchWrap.w100 .btnSearch::before {content: '';display: block;position: absolute;border-radius: 100%;border:1px solid #999;}
.contWrap.searchType .searchWrap.w100 .btnSearch::after {display: block;content: '';position: absolute;background-color: #999;}
.contWrap.searchType .searchWrap.w100 .btnResetKeyword {display: none;overflow:hidden;content: '';position: absolute;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-indent:-99999px;}
.contWrap.searchType .searchWrap.w100 .btnResetKeyword::before {content: '';display: block;position: absolute;background-color: #000;}
.contWrap.searchType .searchWrap.w100 .btnResetKeyword::after {display: block;content: '';position: absolute;background-color: #000;}
.contWrap.searchType .searchWrap.w100 .autoSearchList {position: absolute;width: 100%;border:1px solid #F6F3F2}
.contWrap.searchType #resultWrap {width: 100%;}
/* tab */
.contWrap.searchType .tabArea {position: relative;display: block;}
.contWrap.searchType .tabArea .tab {position: relative;width: auto;}
.contWrap.searchType .tabArea .tab .link{font-size: 20px;font-weight: normal; color:#999;background-color:transparent}
.contWrap.searchType .tabArea .tab.on h2 {position: relative;}
.contWrap.searchType .tabArea .tab.on h2, .contWrap.searchType .tabArea .tab:hover h2 {text-decoration: underline;text-decoration-color:#002c5f;}
.contWrap.searchType .tabArea .tab.on .link, .contWrap.searchType .tabArea .tab:hover .link{color:#002c5f}
.contWrap.searchType .tabArea .tab::after{content: '';display: block; position: absolute;background-color: #E4DCD3;} /* 221111 modify : 선택자 수정 */
.contWrap.searchType .tabArea .tab .link.newWin:after {width:15px;height:15px;background:url("../../../../../../content/dam/hyundai/ww/en/images/common/ico_new_link.png") no-repeat 0 0;background-size: auto;} /* 221026 modify */
/* Filter */
.contWrap.searchType .btnRightWrap {z-index: 9;position: absolute}
/* Product list */
.contWrap.row-03 .findacarList .lineArea .item .btnCarMore {display: block}
.contWrap.row-03 .findacarList .lineArea .item .thumbnail {text-align: center;position: relative;}/* 230329 modify*/
.contWrap.row-03 .findacarList .lineArea .item .thumbnail .flag-icon {display: inline-block;position: absolute;top: 0;left: 43px;margin: 0;border-radius: 10px;z-index: 2;font-size: 12px;font-style: normal;letter-spacing: 0.6px;line-height: 1;padding: 5px 12px 3px;}/* 230329 add*/
.contWrap.row-03 .findacarList .lineArea .item .thumbnail .flag-icon.new{background-color: #002c5f;font-family: 'HyundaiRegular';color: #fff;}/* 230329 add*/
.contWrap.row-03 .findacarList .lineArea .item .thumbnail img {height: auto}

/* pc */
@media print,screen and (min-width:741px) and (max-width:20000px){
  /* btn download */
  .contWrap.searchType .btn-position-right {right:0;top:0}
  .contWrap.searchType .btn-position-right .btn {line-height: 50px;border: 1px solid #E4DCD3;font-size: 16px;color: #999;font-weight: 500;transition: box-shadow 0.52s ease;}
  .contWrap.searchType .btn-position-right .btn:hover {color: #fff;border-color:#002c5f;box-shadow:inset 300px 0 0 0 #002c5f}
  
  /* search */
  .contWrap.searchType .searchWrap.w100 {width:100%;}
  .contWrap.searchType .searchWrap.w100 input[type="text"] {height:50px !important;}
  .contWrap.searchType .searchWrap.w100 .btnSearch {width: 50px;height:auto;aspect-ratio: 1/1;} /* 221101 modify */
  .contWrap.searchType .searchWrap.w100 .btnSearch::before {width: 17px;height:17px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
  .contWrap.searchType .searchWrap.w100 .btnSearch::after {width: 1px;height: 6px;top: 61%;left: 66%;transform: rotate(134deg);}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword {right: 0;top:0;width: 50px;height:50px;}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword::before {width: 25px;height: 1px;top: 50%;left: calc(50% - 12px);transform: rotate(45deg);}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword::after {width: 25px;height: 1px;top: 50%;left: calc(50% - 12px);transform: rotate(135deg);}
  .contWrap.searchType .searchWrap.w100 .autoSearchList {width: 100%;}
  .contWrap.searchType #resultWrap {width: 100%;min-width: 1120px;margin-bottom:-25px;} /* 221017 modify */
  .contWrap.searchType .searchResult{margin-top:25px;line-height:59px;height:auto;border-bottom:1px solid #E4DCD3} /* 221017 add */
  .contWrap.searchType .contWrap#resultWrap .contBox.phz{padding-top:0}
  /* tab */
  .contWrap.searchType .tabArea {height: 36px;}
  .contWrap.searchType .tabArea .tab {height: 36px;width: auto;}
  .contWrap.searchType .tabArea .tab .link{padding: 0 16px;height: 36px;font-size: 20px;line-height: 24px; } /* 221111 modify */
  .contWrap.searchType .tabArea .tab:first-child .link {padding-left:0}
  .contWrap.searchType .tabArea .tab:last-child .link{ padding-right: 0;}
  /* .contWrap.searchType .tabArea .tab .link[data-item="COMMERCIAL"] { padding-right: 25px; }
  .contWrap.searchType .tabArea .tab .link[data-item="Truck_Bus"] { padding: 0 30px 0 25px; } */ /* 221111 delete */
  .contWrap.searchType .tabArea .tab.on h2, .contWrap.searchType .tabArea .tab:hover h2 {text-decoration-thickness: 1px;text-underline-offset: 9px;}  /* 220919 modify */
  .contWrap.searchType .tabArea .tab.on .link, .contWrap.searchType .tabArea .tab:hover .link{color:#002c5f}
  .contWrap.searchType .tabArea .tab::after{top:10px; right:0;width: 1px;height:16px;} /* 221111 modify : 선택자 수정 */
  .contWrap.searchType .tabArea .tab:last-child::after{display:none} /* 221111 add */
  /* Filter */
  .contWrap.searchType .btnRightWrap {bottom:-85px;right:0}
  .contWrap.searchType .btnRightWrap .btnRightArr.blue {padding-right: 30px;font-size: 20px;line-height: 25px;}
  .contWrap.searchType .btnRightWrap .btnRightArr.blue::after {content:'';display: block;margin-top: 0;top: 0;width: 25px;height: 25px;background: url("../images/common/ico_filter.png") no-repeat 0 0;background-size: contain;}
  #frmVehicles {background: #fff;}
  #frmVehicles .machFilterArea {margin-top: 20px;padding:20px}
  #frmVehicles .machFilterArea .btnArea{width:100%}
  #frmVehicles .machFilterArea .filterItem{margin-left:45px}
  /* Car list */
  .contWrap.row-03 {padding-top:50px} /* 220908-m2 modify */
  .contWrap.row-03 .vehiclesBanner {margin-top: 20px;}
  .contWrap.row-03 .findacarList {margin:0;padding:0 0 100px;} /* 220908-m2 modify */
  .contWrap.row-03 .findacarList h2 {font-size: 25px;line-height: 1.24;padding: 60px 0 20px;}
  .contWrap.row-03 .findacarList .lineArea.slideArea {display: block;width:100%;height: auto !important;} /* 221101 modify */
  .contWrap.row-03 .findacarList .lineArea .item {float: left;width: 33.3% !important;margin-right: 0 !important;height: 202px;}
  .contWrap.row-03 .findacarList .lineArea .item:nth-child(3n) {margin-right:0}
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore {width:100%;margin-top:0}
  .contWrap.row-03 .findacarList .lineArea .item .thumbnail {margin-bottom: 8px}
  .contWrap.row-03 .findacarList .lineArea .item .thumbnail img {width:303px;height: auto;transition: transform 0.3s ease;}
    /* .contWrap.row-03 .findacarList .lineArea .item .subTit4 {padding-bottom: 0;} */ /* 221101 delete */
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore.on .thumbnail img,
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore:hover .thumbnail img {transform: scale(1.1);} 
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore.on,
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore:hover{text-decoration: none;}
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore.on .subTit4,
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore:hover .subTit4 {color:#002c5f;text-decoration: none;}
  .contWrap.row-03 .findacarList .swiper-button-prev, .contWrap.row-03 .findacarList .swiper-button-next {display: none;}
}
/* mobile */
@media print,screen and (min-width:0px) and (max-width:740px){
  .contWrap.searchType {padding:10px 0 0;} /* 221101 modify */
  .contentWrap .contWrap.searchType .contBox.phz{padding:0 0 0}
  /* btn download */
  .contWrap.searchType .btn-position-right {position: relative;top: 0;left: 0;right: 0;}
  .contWrap.searchType .btn-position-right .btn {line-height: 40px;font-size: 14px;}
  /* search */
  .contWrap.searchType .searchWrap.w100 {width: calc(100% - 75px);margin-top: -10px;padding-left:25px;z-index:10}
  #container .contWrap.searchType .searchWrap.w100 input[type="text"] {padding: 0 10px;height: 45px;font-size: 14px !important;}
  .contWrap.searchType .searchWrap.w100 .btnSearch {width: 45px;height: auto;aspect-ratio: 1/1;} /* 221101 modify */
  .contWrap.searchType .searchWrap.w100 .btnSearch::before {width: 10px;height: 10px;top: 50%;left: 50%;transform: translate(-34%,-50%);}
  .contWrap.searchType .searchWrap.w100 .btnSearch::after {width: 1px;height: 4px;top: 58%;left: 66%;transform: rotate(135deg);}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword {right: 0;top:0;width: 45px;height: 45px;}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword::before {width: 15px;height: 1px;top: 50%;left: calc(50% - 5px);transform: rotate(45deg)}
  .contWrap.searchType .searchWrap.w100 .btnResetKeyword::after {width: 15px;height: 1px;top: 50%;left: calc(50% - 5px);transform: rotate(135deg)}
  .contWrap.searchType .searchWrap.w100 .autoSearchList {width: 100%;margin:10px 0 0 25px;z-index:20}
  .contWrap.searchType #resultWrap {width: 100%;min-width:unset;border-bottom:1px solid #E4DCD3;margin-top:-15px} /* 221017 modify */
  .contWrap.searchType #resultWrap .contBox {padding:0 25px 0} /* 221017 modify */
  .contWrap.searchType #resultWrap .searchResult{font-size:16px;} /* 221017 add */
  /* tab */
    .contWrap.searchType .tabWrap {overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;margin:30px 0 15px;z-index:5} /* 221101 modify */
  .contWrap.searchType .tabWrap .tabArea {display: block;overflow:visible;top: 0;white-space: nowrap;line-height: 34px;padding: 0 0 0 15px;font-size: 0;}
  .contWrap.searchType .tabArea .tab {top: 0;height: 27px;display: inline-block;}
  .contWrap.searchType .tabArea .tab .link{padding: 0 20px;height: 36px;font-size: 18px;line-height: 23px;color: #999;}
  .contWrap.searchType .tabArea .tab:first-child .link {padding-left:0}
  .contWrap.searchType .tabArea .tab:last-child .link{ padding-right: 0;margin-right: 15px;}
  /* .contWrap.searchType .tabArea .tab .link[data-item="COMMERCIAL"] { padding-right: 25px; }
  .contWrap.searchType .tabArea .tab .link[data-item="Truck_Bus"] { padding: 0 30px 0 25px; } */ /* 221111 delete */
  .contWrap.searchType .tabArea .tab.on h2 {position: relative;}
  .contWrap.searchType .tabArea .tab.on h2, .contWrap.searchType .tabArea .tab:hover h2 {text-decoration-thickness: 1px;;text-underline-offset: 9px;} /* 220919 modify */
  .contWrap.searchType .tabArea .tab::after{top: 6px; right:0;width: 1px;height: 12px;} /* 221111 modify : 선택자 수정 */
  .contWrap.searchType .searchNoResult{margin:0 25px} /* 220922 add */
  /* Filter */
  .contWrap.searchType .btnRightWrap {top: 0;bottom:initial;right: 25px;width: 45px;height: auto;aspect-ratio: 1/1;} /* 221101 modify */
  .contWrap.searchType .btnRightWrap .btnRightArr.blue {overflow: hidden;top: 0;left: 0;padding: 0;width: 100%;height: 100%;background: url("../images/common/ico_filter.png") no-repeat center center;background-size: 70% auto;text-indent: -9999px;}
 /* Car list */
  .contWrap.row-03 {padding: 1px 0 50px;}
  .contWrap.row-03 .contBox {padding: 0;}
  .contWrap.row-03 .vehiclesBanner {margin-top: 0;}
  .contWrap.row-03 .findacarList {margin:0;padding: 0;}
  .contWrap.row-03 .findacarList .cateTitle {font-size: 20px;line-height: 1.24;padding: 40px 15px 0;}
  .contWrap.row-03 .findacarList .lineArea {height:auto !important}
  .contWrap.row-03 .findacarList .lineArea .item {padding: 57px 0 37px;}
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore {display: block;width:100%}
  .contWrap.row-03 .findacarList .lineArea .item .thumbnail {margin-bottom: 8px;}
  .contWrap.row-03 .findacarList .lineArea .item .thumbnail img {width: 70%;}
  .contWrap.row-03 .findacarList .lineArea .item .thumbnail .flag-icon {left: 50%;margin-left: -35%;}  /* 230329 add*/
  /* .contWrap.row-03 .findacarList .lineArea .item .subTit4 {padding-bottom: 0;} */ /* 221101 delete */
  .contWrap.row-03 .findacarList .lineArea .item .btnCarMore.on .subTit4  {color:#002c5f}
  .contWrap.row-03 .findacarList .slideWrap .btn_prev, .contWrap.row-03 .findacarList .slideWrap .btn_next {top: 31vw !important;background-size: auto 55%;}
  .contWrap.row-03 .findacarList .slideWrap .swiper-button-prev,
  .contWrap.row-03 .findacarList .slideWrap .swiper-button-next {top: 40%;width: 12%;height: 70px;background-size: 15px auto;}
  .contWrap.row-03 .findacarList .slideWrap .swiper-button-prev {left: -7px;}
  .contWrap.row-03 .findacarList .slideWrap .swiper-button-next {right: -7px;}
  .subTitWrap + .sub-main-vehicles {padding-top: 30px; background-color: #fff;} /* 221123 add */
}
/*============== e : 220823 add ==============*/
/*
END:findacar.css
*/
@charset "utf-8";

/* ------------------------------------------------------------------
  worldcup2022.css
  *  first-update:2022.04.01
* ------------------------------------------------------------------ */

.titFloatingWrap .ftit {color:#32f596;}

#container .worldcup2022-wrap input[type=radio]:checked + label:before{border:2px solid #002c5f;}
#container .worldcup2022-wrap input[type=radio]:checked + label:after{background:#002c5f;}
#container .worldcup2022-wrap input[type=checkbox]:checked + label:before{background-image:url("../images/common/checkbox_hd.png");border-color:#002c5f;}
#container .worldcup2022-wrap .brdWrite dd ::-webkit-input-placeholder{color:#002c5f;}
#container .worldcup2022-wrap .brdWrite dd ::-moz-placeholder{color:#002c5f;}
#container .worldcup2022-wrap .brdWrite dd :-ms-input-placeholder{color:#002c5f !important;}
#container .worldcup2022-wrap .brdWrite dd :-moz-placeholder{color:#002c5f;}
#container .worldcup2022-wrap .brdWrite dd select {background-color:#fff !important;border: 1px solid #e4dcd3;color:#707070 !important;}
#container .worldcup2022-wrap .brdWrite .scrollCon {background-color:#fff;}
#container .worldcup2022-wrap .req {background-image:url("../images/common/bul_req_hd.png");}

.worldcup2022-wrap .brdWrite .subTit {color:#002c5f;}
.worldcup2022-wrap .brdWrite .stit {font-family:"HyundaiSansHeadMedium";color:#434343;}
.worldcup2022-wrap .btnWrap .btn {font-family:"HyundaiSansHeadMedium";color:#002c5f;background-color:#32f596;}

/* 220721 add */
.worldcup2022-wrap .brdWriteWrap .brdWrite dd .boxWrap {width:100%;}
.worldcup2022-wrap .brdWriteWrap .brdWrite dd .btnWrap {width:auto;}
.worldcup2022-wrap .brdWriteWrap .brdWrite dd .btnWrap button {height:50px;}
.worldCup .layerPop .btn {font-family:"HyundaiSansHeadMedium";color:#002c5f;background-color:#32f596;}
.worldCup .layerPop .btn.gray {font-family:"HyundaiRegular";color:#fff;background-color:#777673;}
/* //220721 add */

@media print ,screen and (min-width:741px) and (max-width:20000px){
	.titFloatingWrap {position:relative;width:1120px;margin:0 auto;}
	.titFloatingWrap .ftit {position:absolute;bottom:40px;font-size:60px;line-height:74px;z-index:1;}
	.worldcup2022-wrap .brdWrite {padding-top:15px;}
	.worldcup2022-wrap .brdWrite .subTit {font-size:70px;line-height:80px;}
	.worldcup2022-wrap .brdWrite .stit {margin-top:55px;margin-bottom:35px;font-size:20px;line-height:34px;}
	.worldcup2022-wrap .brdWrite .stit + .formList {padding-top:0;}
	#container .worldcup2022-wrap .brdWrite .scrollCon {padding:30px;}
	.worldcup2022-wrap .brdWrite dd .formCheckTxt {margin-bottom:20px;}
	.worldcup2022-wrap .btnWrap {margin-top:40px;}
}

/* mobile size */
@media screen and (min-width:0) and (max-width:740px){
	.cmpnt-media.full {position:relative;}
	.titFloatingWrap {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;margin:0 auto;text-align:center;z-index:1;}
	.titFloatingWrap .ftit {font-size:30px;line-height:34px;}

	.worldcup2022-wrap .reqBox {top:175px;}
	.worldcup2022-wrap .brdWrite .subTit {font-size:30px;line-height:35px;}
	.worldcup2022-wrap .brdWrite .stit {margin-top:30px;line-height:21px;}
	.worldcup2022-wrap .brdWrite .stit.unsubscribe {margin-top:0;}
	.worldcup2022-wrap .brdWrite .stit.unsubscribe br {display:block !important;}
	.worldcup2022-wrap .brdWrite .stit + .formList {margin-top:60px;}
	.worldcup2022-wrap .btnWrap {margin-top:10px;}
	.worldcup2022-wrap .btnWrap .btn {float:none !important;width:100%;}
	
    /* 220721 add */
    .worldcup2022-wrap .brdWriteWrap .brdWrite dd .btnWrap {top:auto;bottom:0;width:100%;margin-top:0;}
    .worldcup2022-wrap .brdWrite .stit + .formList .boxWrap {position:relative;padding-bottom:60px;}
    /* //220721 add */

    .titArea .topTxt{    margin-bottom: 20px;}

    #block-views-gallery-elantra-2023-block .content{width: 100%;}

    #block-views-gallery-elantra-2023-block h6{    font-size: 28px;
    margin: 40px auto;}

    #block-views-gallery-elantra-2023-block{    padding-bottom: 80px;}

    #block-views-gallery-elantra-2023-block #downloadPhotoLink{margin-right: 20px;}

    #moreThanContent.navig{
      height: 60px;
          width: 99vw;
    margin-left: calc(-50vw + 50.8%);
    }

    #content-contain{max-width: calc(100% - 0px);}
    #flexslider-2{padding: 0 10px;}

    #section_299623787 .contBox{padding-top: 0;} 

    #moreThanContent.navig .nex-nav-2{    margin-right: -120px;background: transparent url(/sites/all/themes/responsive/images/bg_navijump.gif) no-repeat 65px 140%;    background-size: 7px;}
}