<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ------------------------------------------------------------------
 *  last date: 2016.08.10
 * ------------------------------------------------------------------ */

/* Brand */

.brand {}
.brand .inner-cont-wrap .content {position: relative; margin: 0 auto; max-width: 1920px; overflow: hidden}
.brand .kv-area,
.brand .cont-fullsize {width: 100%; height: 100%; background: #333; overflow: hidden;}
.brand .kv-area {height: 1080px} /* for first : fixed height */
.brand .kv-area .content,
.brand .cont-fullsize .content {position: static;}
.brand .cont-fullsize h3 {font: 45px/52px 'HyundaiSansHead-Light'; color: #804033;} /* 1 Should be changed */
.brand .cont-fullsize .align-mid-lft .txt-holder {display:table;height:100%;}
.brand .cont-fullsize .align-mid-lft .txt-holder .inner-txt {display:table-cell}
.brand .kv-area h1 {font: 60px/1 'HyundaiSansHead-Light'; color: #804033;} /* 2 Should be changed */
.brand .kv-area .txt-holder .sub-tit span,
.brand .kv-area .txt-holder p span{display: block; color: #fff;}
.brand .kv-area .txt-holder .sub-tit {font-family: 'HyundaiSansText-Regular', 'wFontKrR'; font-size: 22px} /* 3 Should be changed */
.brand .kv-area .txt-holder .sub-tit {display: inline-block; margin-top: 12px; font-size: 24px; line-height: 28px; font-weight: normal}
.model .kv-area .txt-holder p {margin-top: 22px; font-size: 18px; line-height: 26px}

.brand .kv-area .btns {margin-top: 47px; font-size: 0;}
.brand .kv-area .btns a.gbtn{margin-left: 20px; /*width:130px;*/}
.brand .kv-area .btns a.gbtn.video {right: 0; margin-bottom: 0; width: auto}
.brand .kv-area a.gbtn.video {right: 0; margin-bottom: 0}
/*.brand .kv-area .btns a {display: inline-block; margin-left: 20px; padding: 19px 6px 15px 81px; font: 24px/1 'HyundaiSansText-Regular'; border-bottom: 1px solid #fff; color: #fff;}*/
.brand .kv-area .btn-scroll{z-index: 4;}
.brand .kv-area .btns a.gbtn:first-child {margin-left: 0;}
.brand .kv-area video {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2;}
.brand .kv-area .content .line{z-index:3;}
.brand section {position: relative; margin-top: 0!important; overflow: hidden; background: #fff; /* background: #666; padding: 4.6875%; box-sizing: border-box;*/}
.brand section .bg-holder {position: relative; width: 100%;}
.brand section .bg-holder img {display:block; position: relative; top: 0; left: 50%; margin-left: -960px;}
.brand .kv-area .inner-cont-wrap .content,
.brand .cont-fullsize .inner-cont-wrap .content{max-width: none;}
.brand .kv-area .bg-holder img,
.brand .cont-fullsize .bg-holder img {position: relative; left: 0; margin-left: 0;}
.brand section .txt-holder {position: absolute; z-index: 4;}
.brand .kv-area .txt-holder p {margin-top: 9px; font-size: 18px; line-height: 26px}
.brand section .txt-holder p {margin-top: 15px; font-size: 16px;line-height: 26px;}
.brand section .txt-holder p span {display: block; color: #fff;}
.brand section .txt-holder p span.no-break {display: block!important; position: relative; padding-left: 12px;}
.brand section .txt-holder p span.no-break:after {display: block; content: '-'; position: absolute; top: 0; left: 0;}
.brand section .txt-holder h2 {display: block; font: 45px/1 'HyundaiSansHead-Light'; color: #804033;} /* 4 Should be changed */
.brand section .txt-holder h3,
.brand section .txt-holder strong {display: block; font-size: 35px; line-height: 41px; font-family:'HyundaiSansHead-Light'; color: #804033;} /* 5 Should be changed */
.brand section .txt-holder h2 span,
.brand section .txt-holder h3 span {display: block;}
.brand .kv-area .txt-holder {position: absolute; bottom: 0; left: 4.6875%; margin-bottom: 107px; width: 90.625%; z-index: 4}

/* --------------------------------------------------------------------------------
ì»´í¬ë„ŒíŠ¸ í´ëž˜ìŠ¤ ì&nbsp;•ì˜

.align-top-lft         : í…ìŠ¤íŠ¸ê°€ ì„¸ë¡œê¸°ì¤€ ìƒë‹¨ ê°€ë¡œê¸°ì¤€ ì¢Œì¸¡ ì&nbsp;•ë&nbsp;¬
.align-mid-lft         : í…ìŠ¤íŠ¸ê°€ ì„¸ë¡œê¸°ì¤€ ì¤‘ì•™ ê°€ë¡œê¸°ì¤€ ì¢Œì¸¡ ì&nbsp;•ë&nbsp;¬
.align-bot-lft         : í…ìŠ¤íŠ¸ê°€ ì„¸ë¡œê¸°ì¤€ í•˜ë‹¨ ê°€ë¡œê¸°ì¤€ ì¢Œì¸¡ ì&nbsp;•ë&nbsp;¬
.align-mid-ctr         : í…ìŠ¤íŠ¸ê°€ ì„¸ë¡œê¸°ì¤€ ì¤‘ì•™ ê°€ë¡œê¸°ì¤€ ì¤‘ì•™ ì&nbsp;•ë&nbsp;¬ (ë¬¸ë‹¨ ë‚´ì˜ í…ìŠ¤íŠ¸ë„ ì¤‘ì•™ì&nbsp;•ë&nbsp;¬í•œë‹¤)
.dark-para             : ë¬¸ë‹¨ì˜ í…ìŠ¤íŠ¸ ì»¬ëŸ¬ê°€ ê²€ì&nbsp;•ìƒ‰ì¼ë•Œ
.pad-1                 : 2ë‹¨ ì»¬ëŸ¼ êµ¬ì¡°ì˜ ì´ë¯¸ì§€ê°€ 60px ë§Œí¼ì˜ íŒ¨ë”©ì„ ê°€ì§€ê³&nbsp; ìžˆì„ë•Œ
.pad-2                 : 2ë‹¨ ì»¬ëŸ¼ êµ¬ì¡°ì˜ ì´ë¯¸ì§€ê°€ 90px ë§Œí¼ì˜ íŒ¨ë”©ì„ ê°€ì§€ê³&nbsp; ìžˆì„ë•Œ
.col2-1                : í…ìŠ¤íŠ¸ê°€ 2ë‹¨ ì»¬ëŸ¼ì¤‘ 1ë‹¨ì— ìœ„ì¹˜
.col2-2                : í…ìŠ¤íŠ¸ê°€ 2ë‹¨ ì»¬ëŸ¼ì¤‘ 2ë‹¨ì— ìœ„ì¹˜
.col3-1                : í…ìŠ¤íŠ¸ê°€ 3ë‹¨ ì»¬ëŸ¼ì¤‘ 1ë‹¨ì— ìœ„ì¹˜
.col3-2                : í…ìŠ¤íŠ¸ê°€ 3ë‹¨ ì»¬ëŸ¼ì¤‘ 2ë‹¨ì— ìœ„ì¹˜
.col3-3                : í…ìŠ¤íŠ¸ê°€ 3ë‹¨ ì»¬ëŸ¼ì¤‘ 3ë‹¨ì— ìœ„ì¹˜
.col2-n.full-img       : í…ìŠ¤íŠ¸ëŠ” 2ë‹¨ ì»¬ëŸ¼ ê¸°ì¤€ì´ê³&nbsp; ë°±ê·¸ë¼ìš´ë“œ ì´ë¯¸ì§€ê°€ 2ë‹¨ì»¬ëŸ¼ì„ ê½‰ì±„ìš¸ë•Œ
.col3-n.full-img       : í…ìŠ¤íŠ¸ëŠ” 3ë‹¨ ì»¬ëŸ¼ ê¸°ì¤€ì´ê³&nbsp; ë°±ê·¸ë¼ìš´ë“œ ì´ë¯¸ì§€ê°€ 3ë‹¨ì»¬ëŸ¼ì„ ê½‰ì±„ìš¸ë•Œ
.resizable-img         : ì´ë¯¸ì§€ê°€ ë¸Œë¼ìš°ì&nbsp;€ í¬ê¸°ì— ë”°ë¼ ë¦¬ì‚¬ì´ì¦ˆ ë&nbsp;ë•Œ
.dark-para             : ë‹¨ ë‚´ì˜ ë³¸ë¬¸ í…ìŠ¤íŠ¸ ì»¬ëŸ¬ê°€ ë¸”ëž™ì¼ë•Œ

-------------------------------------------------------------------------------- */
.brand section .align-top-lft .txt-holder {top: 0; left: 0; padding: 0 0 0 4.6875%; height: 100%; box-sizing: border-box}
.brand section .align-top-lft .txt-holder .inner-txt {vertical-align: top}
.brand section .align-mid-lft .txt-holder {left: 0; padding: 0 4.6875%; box-sizing: border-box;}
.brand section .align-mid-lft .txt-holder .inner-txt,
.brand section .align-mid-ctr .txt-holder .inner-txt {display: inline-block; vertical-align: middle;}
.brand section .align-mid-lft .txt-holder .inner-txt h3,
.brand section .align-mid-lft .txt-holder .inner-txt p,
.brand section .align-mid-ctr .txt-holder .inner-txt h3,
.brand section .align-mid-ctr .txt-holder .inner-txt b,
.brand section .align-mid-ctr .txt-holder .inner-txt p{width: 100%;}
.brand section .align-mid-ctr .txt-holder {left: 0; text-align: center; width: 100%;}
.brand section .align-bot-lft .txt-holder {bottom: 0; left: 0; padding: 0 0 0 4.6875%;}
.brand section .align-bot-lft .txt-holder .inner-txt {display: inline-block; vertical-align: bottom;}
.brand section .align-mid-lft .txt-holder .inner-txt b,
.brand section .align-mid-ctr .txt-holder .inner-txt b {display: inline-block; margin-top: 12px; font-size: 20px; line-height: 28px; font-weight: normal}
.brand section .align-mid-lft .txt-holder .inner-txt b span,
.brand section .align-mid-ctr .txt-holder .inner-txt b span {display: block;}
.brand section .align-mid-lft .txt-holder .inner-txt b+p,
.brand section .align-mid-ctr .txt-holder .inner-txt b+p {margin-top: 7px;}
.brand section .align-top-lft .inner-txt,
.brand section .align-mid-lft .inner-txt,
.brand section .align-bot-lft .inner-txt,
.brand section .align-mid-ctr .inner-txt {padding: 90px 0;}
.brand section .pad-1 .content {padding: 60px 0;}
.brand section .pad-1 .inner-txt {padding: 60px 0;}
.brand section .pad-2 .content {padding: 90px 0;}
.brand section .pad-2 .inner-txt {padding: 90px 0;}
.brand section .col2-1 .txt-holder {width: 50%; top:0; left: 0;}
.brand section .col2-2 .txt-holder {width: 50%; top:0; left: 50%;}
.brand section .col3-1 .txt-holder {width: 33.333333%; left: 0;}
.brand section .col3-2 .txt-holder {width: 33.333333%; left: 33.333333%;}
.brand section .col3-3 .txt-holder {width: 33.333334%; left: 66.666666%;}
.brand section .col2-1 .bg-holder,
.brand section .col2-2 .bg-holder {margin-left: 4.6875%; width: 45.3125%; height: 420px; overflow: hidden; }
.brand section .col2-1.full-img .bg-holder,
.brand section .col2-2.full-img .bg-holder {margin-left: 0; left: 0; width: 100%; height: 100%; }
.brand section .col2-1.full-img .bg-holder img,
.brand section .col2-2.full-img .bg-holder img {display:block; margin-left: -960px; }
.brand section .col2-1 .bg-holder {left: 50%;margin-left: 0; margin-right: 4.6875%;}
.brand section .col2-1 .bg-holder img,
.brand section .col2-2 .bg-holder img {display:block; margin-left: -435px;}
.brand section .col3-1 .bg-holder,
.brand section .col3-2 .bg-holder,
.brand section .col3-3 .bg-holder {position: absolute; top:90px; right: 4.6875%; width:61.98%; height: 570px; overflow: hidden}
.brand section .col3-1.full-img .bg-holder,
.brand section .col3-2.full-img .bg-holder,
.brand section .col3-3.full-img .bg-holder {position: absolute; top:0; left: 0; width:100%; height: 570px; overflow: hidden}
.brand section .col3-3.col2-img .bg-holder {right: auto; left:0;}
.brand section .col3-1 .bg-holder img,
.brand section .col3-2 .bg-holder img,
.brand section .col3-3 .bg-holder img {display:block; margin-left: -595px;}
.brand section .col3-1.full-img .bg-holder img,
.brand section .col3-2.full-img .bg-holder img,
.brand section .col3-3.full-img .bg-holder img {display:block; margin-left: -960px}
.brand section .col3-1.col2-img .bg-holder,
.brand section .col3-2.col2-img .bg-holder,
.brand section .col3-3.col2-img .bg-holder {position: absolute; top:0; right: 0; width:66.666666%; overflow: hidden}
.brand section .col3-1.col2-img .bg-holder img,
.brand section .col3-2.col2-img .bg-holder img {display:block; margin-left: -640px;}
.brand section .col3-3.col2-img .bg-holder img {position: absolute; left: auto; right:0; margin-left: 0;}
.brand section .resizable-img .bg-holder,
.brand section .resizable-img .bg-holder {position: absolute; left: auto; right:0; margin-right: 0; width: 87%; min-width: 740px; height: 600px; line-height: 600px;}
.brand section .col2-1.resizable-img .bg-holder,
.brand section .col2-2.resizable-img .bg-holder {width: 61.5%; min-width: 740px;}
.brand section .col2-1.resizable-img .bg-holder img,
.brand section .col2-2.resizable-img .bg-holder img,
.brand section .resizable-img .bg-holder img,
.brand section .resizable-img .bg-holder img {left:0; margin-left: 0; width: 100%; vertical-align: middle}

.brand .sec-36 .col3-3 .bg-holder {overflow: visible;}
.brand .sec-36 .col3-3.full-img .bg-holder{overflow: visible;}

.brand section .dark-para .txt-holder p span {color: #000;}
.brand .sec-txt-wrap {background: #191919;}
.brand .sec-txt-wrap .txt-holder {position: static; text-align: center;}
.brand .sec-txt-wrap .txt-holder .inner-txt {display: inline-block; padding: 54px 0 53px; font-size: 0; text-align: left;}
.brand .sec-txt-wrap .txt-holder .inner-txt h4,
.brand .sec-txt-wrap .txt-holder .inner-txt .btns{display: inline-block; vertical-align: top;}
/*.brand .sec-txt-wrap .txt-holder .inner-txt .btns.ty02 a {display:inline-block;margin-left:40px;padding:0;font:24px/59px 'HyundaiSansHead-Light';text-align:right;color:#000;border-bottom:1px solid #000;box-sizing:border-box}*/
.brand .sec-txt-wrap .txt-holder .inner-txt .btns.ty02 a.gbtn{width:auto; margin-left:40px;}
.brand .sec-txt-wrap .txt-holder .inner-txt h4 {display: inline-block; padding: 0 70px; font:24px/58px 'HyundaiSansHead-Light'; color: #fff;} /* 6 Should be changed */
.brand .sec-txt-wrap .txt-holder .btns a.gbtn {margin-left: 20px;}
.brand .sec-txt-wrap .txt-holder .btns a.gbtn:first-child {margin-left: 0;}
/*.brand .sec-txt-wrap .txt-holder .inner-txt a {display: inline-block; margin-left: 20px; padding: 0 20px 0  83px; font:24px/59px 'HyundaiSansHead-Light'; text-align: right; color: #fff; border-bottom: 1px solid #fff; box-sizing: border-box;}*/
.brand .sec-info {background: #fff;}
.brand .sec-info .txt-holder {position: static; padding: 23px 0 19px; text-align: center;}
.brand .sec-info .txt-holder p {position: relative; margin-top: 0; margin-bottom: -1px; padding-bottom: 25px;}
.brand .sec-info .txt-holder p:after {display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 0px; height: 19px; border-left: 1px solid #666;}
.brand .sec-info .txt-holder p span{font: 12px/1 'HyundaiSansHead-Light'; color: #000;} /* 7 Should be changed */
.brand .sec-info02 .txt-holder {position:static;padding:45px 0 54px;text-align:center}
.brand .sec-info02 .txt-holder p {position:relative;margin-top:0;padding-top:89px}
.brand .sec-info02 .txt-holder p:after {display:block;content:'';position:absolute;left:50%;top:0;width:0px;height:69px;border-left: 1px solid #666}
.brand .sec-info02 .txt-holder p span{font:20px/1 'HyundaiSansHead-Light';color:#000} /* 8 Should be changed */

.brand .kv-area .txt-holder {margin-bottom: 107px}
.brand section &gt; div {position: relative; height: inherit}
.brand section .cont-fullsize {position: relative; height: inherit;}
.brand .sec-brand{}
.brand section.sec-brand .txt-holder h2 {font-size: 45px; margin-bottom: 27px}
.brand .sec-innovation{}
.brand .sec-performance{}
.brand .sec-design{}
.brand .sec-gstory{}
.brand .sec-1 {height: 750px; line-height: 750px; /*background: #000;*/}
.brand .sec-1 .txt-holder strong {color: #fff; transition: color 0.4s}
.brand .sec-1 .txt-holder a {display: block; position: relative; margin:24px auto 0; width: 73px; height: 84px; font-size: 16px; line-height: 116px; color: #fff;}
.brand .sec-1 .txt-holder a .on-over{opacity:0}
.brand .sec-1 .txt-holder a img {transition: opacity 0.4s}

.brand .sec-1 .txt-holder .inner-txt:hover a img {opacity:0}
.brand .sec-1 .txt-holder .inner-txt:hover a .on-over{opacity:1}
.brand .sec-1 .txt-holder .inner-txt:hover strong{color:#804033;}




.brand .sec-2 {height: 750px; line-height: 750px; /*background: #242424;*/}
.brand .sec-2 .txt-holder {margin-bottom: 117px;}
.brand .sec-3 {height: 79px;}
.brand .sec-4 .txt-holder {margin-bottom: 23px}
.brand .sec-5 {height: 600px; line-height: 600px}
.brand .sec-5 .content {height: 600px; background: #f9f9f9;}
.brand .sec-6 {height: 600px; line-height: 600px; /*background: #fff;*/}
.brand .sec-6 .bg-holder {height: 480px!important;}
.brand .sec-7 .content {height: 700px; line-height: 700px;}
.brand .sec-7 .txt-holder {background: #f3f3f3;}
.brand .sec-7 .bg-holder {height: 700px!important;}
/*.brand .sec-7 .inner-cont-wrap.multi-bg .content:before {background: #f3f3f3;}
.brand .sec-7 .inner-cont-wrap.multi-bg .content:after {background: #000;}*/
.brand .sec-8 {height: 167px;}
.brand .sec-9 {height: 79px;}
.brand .sec-10 .txt-holder {margin-bottom: 24px}
/*sec-11íƒ€ìž…: 111~119 */
.brand .sec-11 .content {height: 750px; line-height: 750px; }
.brand .sec-11 .txt-holder {background: #fff;}

.brand .sec-111 .content {height: 750px; line-height: 750px; }
.brand .sec-111 .txt-holder {background: #fff;}
.brand .sec-112 .content {height: 750px; line-height: 750px; }
.brand .sec-112 .txt-holder {background: #fff;}
.brand .sec-113 .content {height: 750px; line-height: 750px; }
.brand .sec-113 .txt-holder {background: #fff;}
/*sec-12 : 121~129 */
.brand .sec-12 {height: 600px; line-height: 600px;}
.brand .sec-12 .content {background: #f4f4f4;}
.brand .sec-12 .content strong {margin-top:115px;font-size:24px;color:#000;}
.brand .sec-12 .content .btns {line-height: 1;}
.brand .sec-12 .content .btns a.gbtn {margin-left:20px;}
.brand .sec-12 .content .btns a.gbtn:first-child {margin-left:0;}
.brand .sec-12 .content .btns a.gbtn span {display:block;}

.brand .sec-121 {height: 600px; line-height: 600px;}
.brand .sec-121 .content {background: #f4f4f4;}
.brand .sec-121 .content strong {margin-top:115px;font-size:24px;color:#000;}
.brand .sec-121 .content .btns {margin-top:-16px;line-height: 1;}
.brand .sec-121 .content .btns a.gbtn {margin-left:20px;}
.brand .sec-121 .content .btns a.gbtn:first-child {margin-left:0;}
.brand .sec-121 .content .btns a.gbtn span {display:block;}

.brand .sec-122 {height: 600px; line-height: 600px;}
.brand .sec-122 .content {background: #f4f4f4;}
.brand .sec-122 .content strong {margin-top:115px;font-size:24px;color:#000;}
.brand .sec-122 .content .btns {line-height: 1;}
.brand .sec-122 .content .btns a.gbtn {margin-left:20px;}
.brand .sec-122 .content .btns a.gbtn:first-child {margin-left:0;}
.brand .sec-122 .content .btns a.gbtn span {display:block;}

.brand .sec-123 {height: 600px; line-height: 600px;}
.brand .sec-123 .content {background: #f4f4f4;}
.brand .sec-123 .content strong {margin-top:115px;font-size:24px;color:#000;}
.brand .sec-123 .content .btns {line-height: 1;}
.brand .sec-123 .content .btns a.gbtn {margin-left:20px;}
.brand .sec-123 .content .btns a.gbtn:first-child {margin-left:0;}
.brand .sec-123 .content .btns a.gbtn span {display:block;}

.brand .sec-13 {height: 610px; line-height: 610px;}
.brand .sec-13 .txt-holder {background: #fff;}
.brand .sec-14 .content {height: 750px; line-height: 750px;}
.brand .sec-14 .txt-holder {background: #000;}
.brand .sec-14 .bg-holder {height: 750px!important;}
.brand .sec-15 {height: 600px; line-height: 600px;}
.brand .sec-15 .txt-holder {background: none;}
.brand .sec-16 .content {height: 600px; line-height: 600px; background: #f4f4f4;}
.brand .sec-16 .col2-1 .bg-holder img   {display: inline-block;}
.brand .sec-17 {height: 600px; line-height: 600px; /*background: #ebebeb;*/}
.brand .sec-17 .content {height: 600px; line-height: 600px;}
.brand .sec-17 .bg-holder {height: 600px!important;}
.brand .sec-17 .txt-holder {background: #ebebeb;}
/*.brand .sec-17 .inner-cont-wrap.multi-bg .content:before {background: #fff;}
.brand .sec-17 .inner-cont-wrap.multi-bg .content:after {background: #ebebeb;}*/
.brand .sec-18 {height: 749px; line-height: 749px;/*background: #000;*/}
.brand .sec-18 .content {height: 749px; line-height: 749px;background: #000;}
.brand .sec-18 .bg-holder {height: 749px!important;}
.brand .sec-18 .txt-holder {background: #000;}
.brand .sec-19 {height: 167px;}
.brand .sec-20 {height: 79px;}
.brand .sec-21 {height:1080px;line-height:1080px;}
.brand .sec-21 .txt-holder p span{color:#000;}
.brand .sec-22 {height:600px;line-height:600px;}
.brand .sec-22 .content {background: #030202;}
.brand .sec-23 {height:400px;line-height:400px; background: #fff;}
.brand .sec-23 .content {background: #fafafa;}
.brand .sec-24 {height:599px;line-height:599px}
.brand .sec-25,
.brand .sec-25 .content {height:600px;line-height:600px;}
.brand .sec-25 .content {background: #f2f2f2;}
.brand .sec-25 .bg-holder {height: 600px!important;}
.brand .sec-25 .txt-holder {background: #f2f2f2;}
.brand .sec-26,
.brand .sec-26 .content {height:750px;line-height:750px;/*background: #090909*/}
.brand .sec-26 .bg-holder {height: 750px!important;}
.brand .sec-26 .inner-cont-wrap.multi-bg .content:before {background: #4f4f4f;}
.brand .sec-26 .inner-cont-wrap.multi-bg .content:after {background: #000;}
.brand .sec-27 {height: 167px; background-color:#191919}
.brand .sec-28 {height: 79px;}
.brand .sec-29 .txt-holder {margin-bottom: 117px}
.brand .sec-30 {height: 400px}
.brand .sec-30 .txt-holder {margin-bottom: 90px;}
.brand .sec-30 .inner-cont-wrap.multi-bg .content:before {background: #464847;}
.brand .sec-30 .inner-cont-wrap.multi-bg .content:after {background: #161616;}
.brand .sec-31 {height:600px;line-height:600px; background: #fff;}
.brand .sec-32 {height:600px;line-height:600px; background: #fff;}
.brand .sec-31 .content,
.brand .sec-32 .content {height:600px; border-bottom: 1px solid #e4e4e4; box-sizing: border-box;}
.brand .sec-33,
.brand .sec-33 .content {height:600px;line-height:600px}
.brand .sec-31 .txt-holder .inner-txt,
.brand .sec-32 .txt-holder .inner-txt,
.brand .sec-33 .txt-holder .inner-txt {line-height: normal;}
.brand .sec-34 {height: 167px;}
.brand .sec-34 .sec-txt-wrap {background: #fff;}
.brand .sec-35 {height:600px;line-height:600px;}
.brand .sec-35 .content {height:600px;line-height:600px;background: #f4f4f4;}
.brand .sec-35 .bg-holder {height: 600px!important;}
.brand .sec-35 .txt-holder {height:600px;line-height:600px;}
/*.brand .sec-35 .inner-cont-wrap.multi-bg .content:before {background: #f4f4f4;}
.brand .sec-35 .inner-cont-wrap.multi-bg .content:after {background: #000;}*/
.brand .sec-36 {height:600px;line-height:600px}
.brand .sec-36 .content {height:600px;line-height:600px}
.brand .sec-36 .bg-holder {height: 600px!important;}
.brand .sec-36 .txt-holder {background: #f4f4f4;}
/*.brand .sec-36 .inner-cont-wrap.multi-bg .content:before {background: #fff;}
.brand .sec-36 .inner-cont-wrap.multi-bg .content:after {background: #f4f4f4;}*/
.brand .sec-37 {height:600px;line-height:600px;}
.brand .sec-37.content {height:601px;line-height:601px; background: #000;}
/*.brand .sec-37 .inner-cont-wrap.multi-bg .content:before {background: #000;}
.brand .sec-37 .inner-cont-wrap.multi-bg .content:after {background: #000;}*/
.brand .sec-38 {height:208px;background-color:#fff}
.brand .sec-39 {height:199px}
.brand .sec-101 .bg-holder{background: #000;}
.brand .sec-101,
.brand .sec-103,
.brand .sec-104 {height:600px;line-height:600px;}
.brand .sec-102 .content {height: 750px; line-height: 750px; /*background: #fff;*/}
.brand .sec-102 .txt-holder {background: #fff;}
.brand .sec-105 {min-height: 521px;}
.brand .sec-105 .txt-holder{width:1024px; margin:0 auto; padding:39px 30px 80px; background-color:#fff; box-sizing:border-box;position:static}
.brand .sec-105 .txt-holder ul li {position:relative;float:left;width:32%;min-height: 130px;margin-right: 2%;padding-left:62px;margin-top:47px;box-sizing:border-box;color:#888;}
.brand .sec-105 .txt-holder ul li:first-child{margin-top:47px}
.brand .sec-105 .txt-holder ul li:nth-child(3),
.brand .sec-105 .txt-holder ul li:nth-child(7) {margin-right: 0;}
.brand .sec-105 .txt-holder ul li:nth-child(4) {width:100%;height:1px;min-height: 1px;border-bottom:1px solid #d6d6d6;}
.brand .sec-105 .txt-holder ul li img {position:absolute; top:0; left:0px}
.brand .sec-105 .txt-holder ul li strong {display:block; padding-bottom:7px; font-size:20px; line-height:24px; font-weight:normal; color:#000}
.brand .sec-105 .txt-holder ul li &gt; span {font-family:'HyundaiSansText-Regular'; line-height:24px; font-size:14px} /* 9 Should be changed */
.brand .sec-105 .txt-holder ul li:before {content:'';}
.brand .sec-106,
.brand .sec-107{height:600px;line-height:600px; background: #000; overflow: hidden;}

/* ë¸Œëžœë“œ ë²„íŠ¼ */
.btn-brand-exhibit {display:block; position: relative; margin:40px 0 0; width: 310px; height: 60px; background:#111; box-sizing:border-box; border:1px solid #aaa}
.btn-brand-exhibit span {position: absolute; top: 0; left: 0; width: 100%; font: 14px/60px 'HyundaiSansHead-Light'; vertical-align: middle; text-align: center; color: #fff} /* 10 Should be changed */

@media only screen and (max-width:1280px) {
    .brand section .col3-1 .txt-holder {width: 50%;}
    .brand section .col3-3 .txt-holder {width: 50%; left: 50%;}
    .brand section .col3-1.full-img .txt-holder {width: 50%;}
    .brand section .col3-3.full-img .txt-holder {width: 50%; left: 50%;}
    .brand section .col3-1.col2-img .bg-holder,
    .brand section .col3-2.col2-img .bg-holder,
    .brand section .col3-3.col2-img .bg-holder {width: 50%;}
    .brand section .col2-1.resizable-img .txt-holder,
    .brand section .col2-2.resizable-img .txt-holder {padding: 0 7.6875% 0 4.6875%;}
    .brand section .col3-1 .txt-holder .inner-txt {width: 80%;}
}


/* @media only screen and (max-width:1600px) {
    .brand section .col2-1 .txt-holder .inner-txt {width: 85%;}
    .brand section .col2-2 .txt-holder .inner-txt {width: 70%;}
    .brand section .col2-1.resizable-img .txt-holder .inner-txt,
    .brand section .col2-1.full-img .txt-holder .inner-txt {width: 70%;}
    .brand section .col3-1 .txt-holder .inner-txt {width: 100%;}
    .brand section .col3-3 .txt-holder .inner-txt {width: 80%;}
    .brand section .col2-1 .txt-holder .inner-txt p span,
    .brand section .col2-2 .txt-holder .inner-txt p span,
    .brand section .col2-2 .txt-holder .inner-txt b span,
    .brand section .col3-1 .txt-holder .inner-txt p span,
    .brand section .col3-3 .txt-holder .inner-txt p span {display: inline;}
} */


</pre></body></html>