/** ------------------------------------------------------------------*/
/**  models.css
/**  last update: 2016.08.10
/** ------------------------------------------------------------------ **/

/* fullsize 공통 */
/*GEN-3984 starts*/
.cont-fullsize {width: 100%}
.cont-fullsize .area-cont-gray {padding: 0 30px}
.cont-fullsize .area-cont-gray .footer-policy footer {min-width: calc(100% + 60px); margin-left: -30px}
/*GEN-3984 ends*/
.cont-fullsize .content {position: relative; overflow: hidden}
.cont-fullsize .bg-holder,
.cont-fullsize .bg-holder img {width: 100%}
.cont-fullsize .txt-holder {position: absolute; bottom: 0; left: 9.375%; z-index: 2; margin-bottom: 15.625%; color: #fff}
/* GEN-1297 */
.footer .cont-fullsize .txt-holder {width: 100%;text-align: center;padding: 0px;left: 0;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0;}
.cont-fullsize .txt-holder h1 {font: 4.5rem/1 "HyundaiSansHead-Light"; color: #804033}
.cont-fullsize .txt-holder b {display: block; margin-top: 1.718%; font: 1.75rem/1.35 "HyundaiSansText-Regular"; font-weight: normal}
.cont-fullsize .txt-holder p {margin-top: 4.376%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.cont-fullsize .txt-holder b span,
.cont-fullsize .txt-holder p span {display: block}
.cont-fullsize .btns {margin-top: 7.187%}
/*.cont-fullsize .btns a.gbtn.smaller span.atxt {font-size: 1.25rem}
.cont-fullsize .btns a.gbtn.smaller.btn-video {margin-left: 34.687%}
.cont-fullsize .btns a.gbtn.smaller.btn-video span.atxt {position: relative; padding-left: 18.64%; box-sizing: content-box}
.cont-fullsize .btns a.gbtn.smaller.btn-video span.atxt:after {display: block; position: absolute; left:0; top: 0; margin-top: 14%; content: ''; width: 0; height: 0; border-top: 0.4065rem solid transparent; border-left: 0.438rem solid #fff; border-bottom: 0.4065rem solid transparent}*/
.cont-fullsize .hrz-nav {position: relative; width: 100%; height: 50px; overflow-x: scroll; overflow-y: hidden; background: #181614; transition: 0.5s all; line-height: 50px; -webkit-overflow-scrolling: touch;}
.cont-fullsize .hrz-nav .nav-wrap {display: inline-block; position: absolute; top: 0; left: 0; font-size: 0; white-space: nowrap}
.cont-fullsize .hrz-nav .nav-wrap a {display: inline-block; margin-right: 9.375%; font: 1.5rem/50px "HyundaiSansText-Regular"; vertical-align: middle; color: #ccc}
.cont-fullsize .hrz-nav .nav-wrap a:first-child {margin-left: 9.375%}
.cont-fullsize .hrz-nav .nav-wrap a.on {color: #804033}

.cont-fullsize.fixed {margin-top: 13.2812%}
.cont-fullsize.fixed .hrz-nav{position: fixed; top:0; left:0; background: #000; z-index: 1;}
.cont-fullsize.fixed .hrz-nav .nav-wrap {opacity: 0;}
/*.cont-fullsize .hrz-nav.fixed {position: fixed; top:0; left:0; z-index: 1000}*/

/* kv-area 공통 */
.cont-fullsize.kv-area {}
.cont-fullsize.kv-area span.line {position: absolute; top:0; left: 0; width: 100%; height: 100%; padding: 4.6875% 4.6875% 0; box-sizing: border-box}
.cont-fullsize.kv-area span.line:after {display: block; content: ''; width: 100%; height: 100%; border: 1px solid #804033}

/* 액자타입 */
/*.type-pic-frame { background: #000}
.type-pic-frame .inner-cont-wrap {padding-top: 75%; width: 100%; box-sizing: border-box}
.type-pic-frame .img-holder {position: absolute; top:0; left: 0; padding: 9.375%}
.type-pic-frame .img-holder img {display: block; width: 100%}
.type-pic-frame .txt-holder {padding: 0 9.375% 24.53%; width: 100%; box-sizing: border-box; color: #fff}
.type-pic-frame .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.type-pic-frame .txt-holder h3,
.type-pic-frame .txt-holder h4 {margin-top: 2.18%; font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame .txt-holder h3 span,
.type-pic-frame .txt-holder h4 span{display: block;}
.type-pic-frame .txt-holder p {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.type-pic-frame .txt-holder p span {display: block}*/

/* 액자타입 갤러리 */
/*.type-pic-frame-gal { background: #000}
.type-pic-frame-gal .content {text-align: center}
.type-pic-frame-gal .gallery-holder {position: relative; /!*padding: 9.375% 9.375% 0;*!/}/!*{position: absolute; top:0; left: 0; padding: 9.375%}*!/
.type-pic-frame-gal .gallery-holder img {display: block; width: 100%}
.type-pic-frame-gal .gallery-holder ul {position: relative; margin: 0 auto; padding-top:56.25%; width: 81.25%}
.type-pic-frame-gal .gallery-holder ul li {position: absolute; top:0; left: 0; }
.type-pic-frame-gal .gallery-holder ul li img {width: 100%!important}
.type-pic-frame-gal .txt-holder {margin-top: 9.84%; padding: 0 9.375% 10.625%; width: 100%; box-sizing: border-box; text-align: left; color: #fff}
.type-pic-frame-gal .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.type-pic-frame-gal .txt-holder h2 {margin-top: 2.18%; font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame-gal .txt-holder p {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.type-pic-frame-gal .txt-holder p span {display: block}*/


/* 싱글링크 섹션 */
/*.type-single-link {padding: 3.563rem 0 3.438rem; text-align: center; background: #2c2c2c}
.type-single-link a {display: inline-block; padding-bottom: 1.5rem; font: 1.5rem/1 "HyundaiSansText-Regular"; color: #fff; border-bottom: 1px solid #fff}*/

/* 예고 섹션 */
/*.type-give-notice {position: relative; padding: 2.5rem 0 1.5rem; text-align: center; background: #f7f7f7}
.type-give-notice span {font: 0.875rem/1 "HyundaiSansText-Regular"}
.type-give-notice span:after {display: block; content: ''; position: absolute; left: 50%; top: 0; margin-top: 2.8125%; width:1px; height: 0.875rem; background: #000}*/

/* 스와이퍼 */
/*.type-swiper{ background: #fff}
.type-swiper .inner-cont-wrap li {position: absolute; left: 0; top: 0; width: 100%; background: #fff}
.type-swiper .inner-cont-wrap li .page-wrap {position: relative; padding-top: 71.875%; box-sizing: border-box}
.type-swiper .inner-cont-wrap .content {position: relative; width: 100%; text-align: center}
.type-swiper .img-holder {position: absolute; top:0; left: 0}
.type-swiper .img-holder img {display: block; width: 100%}
.type-swiper .txt-holder {padding: 0 9.375% 15.625% 9.375%; width: 100%; box-sizing: border-box; text-align: left; color: #fff}
.type-swiper .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.type-swiper .txt-holder h4,
.type-swiper .txt-holder h5 {margin-top: 2.18%; font: 2.625rem/1.04 "HyundaiSansHead-Light"; color: #000}
.type-swiper .txt-holder h4 span,
.type-swiper .txt-holder h5 span {display: block;}/!*revise add*!/
.type-swiper .txt-holder p {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"; color: #000}
.type-swiper .txt-holder p span {display: block}
.type-swiper .txt-holder a.gbtn {margin-top: 5.9375%;}
.type-swiper .indi-wrap {position: absolute; left: 0; top: 0; margin-top: 59.6875%; width: 100%}/!*revise mt*!/
.type-swiper .indi-wrap .indi-holder {margin-top: 0}*/

/* 스와이퍼 모델 피쳐 프리뷰 */
/*.type-swiper.mdl-preview {background: #e6e6e6}
.type-swiper.mdl-preview .inner-cont-wrap li {background: #e6e6e6}
.type-swiper.mdl-preview .inner-cont-wrap li .page-wrap {padding-top: 93.75%}
.type-swiper.mdl-preview .txt-holder h3 {margin-top: 2.18%; font: 4.5rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.type-swiper.mdl-preview .indi-wrap {margin-top: 81.5625%}*/

/* 스와이퍼 copper color */
/*.type-swiper.copper-color .txt-holder h4 {color: #804033}*/

/* copper frame 있는경우 */
#container.model {margin-top: 0;}
#container.model .cont-fullsize{background: #191919;}
#container.model .cont-fullsize.kv-area span.line {top:50px}

/* highlight play video btn */
.type-pic-frame-gal .btn-youtube-play {position: absolute; width: 10.467%; top:15%; margin-left: -5%; margin-left: -4%; top:20%; pointer-events: all;}
.type-pic-frame-gal .btn-youtube-play img{width: 100%;}
/*.type-pic-frame-gal.highlight .txt-holder{margin-top:20%;}*/
.type-pic-frame-gal.highlight .indi-holder{position: absolute; top: 37%; right:4.6875%; margin-top:0;}
.type-pic-frame-gal.highlight .gallery-func-area{background: #fff;}
/* features nav */
.cont-feature-nav {height:50px}
.cont-feature-nav .feature-nav {position: relative; width: 100%; height: 50px; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
.cont-feature-nav .feature-nav .nav-wrap {display: inline-block; position: absolute; left: 0; top:0; height: 50px; font-size: 0; white-space: nowrap}
.cont-feature-nav .feature-nav .nav-wrap a {display: inline-block; margin-right: 9.375%; font: 1.5rem/50px "HyundaiSansText-Regular"; vertical-align: middle; color: #ccc}
.cont-feature-nav .feature-nav .nav-wrap a:first-child {margin-left: 9.375%}
.cont-feature-nav .feature-nav .nav-wrap a.on {color: #804033}
/*.cont-feature-nav .feature-nav.fixed {position: fixed; top:0px; left:0; margin-top:13.2812%; z-index: 90;}*/
/*.cont-feature-nav.fixed {margin-top: 13.2812%}*/
.cont-feature-nav.fixed .feature-nav{position: fixed; top:50px; left:0; background: #fff; z-index: 1;}
/*.cont-feature-nav.ended .feature-nav{position: absolute;}*/

/* features title area */
.features-title .inner-cont-wrap {padding-top: 8.125%; width: 100%; box-sizing: border-box}
.features-title .txt-holder {padding: 0 9.375% 7.5%; width: 100%; box-sizing: border-box; color: #000}
.features-title .txt-holder h1 {margin-top: 2.18%; font: 2.813rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.features-title .txt-holder p {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.features-title .txt-holder p span {display: block}

.vr-cont h1 {padding: 14.0625% 0 11.4062%; font: 2.625rem/1 'HyundaiSansHead-Light'; text-align: center; color: #804033;}
/*.vr-cont .vr-holder .view-area {margin: 0 auto; width:68%;  max-width: 1304px; height: 568px; line-height: 568px; vertical-align: middle;}*/
.vr-cont .vr-holder .view-area img {width: 100%; vertical-align: middle;}
.vr-cont .vr-holder .choose {display: block; margin: 0 auto; width: 81.25%; border-bottom: 2px solid #000; color: #000}
.vr-cont .vr-holder .choose a {display: block; position: relative; padding: 1.25rem 0 0.938rem; width: 100%; font: 2rem/1 "HyundaiSansText-Regular"}
.vr-cont .vr-holder .choose a span.arr-con {display: block; position: absolute; right: 0; top: 50%; margin-top: -3px; padding-right: 0; width: 12px; height: 7px; overflow: hidden;}
.vr-cont .vr-holder .choose a span.arr-con img {width: 100%}
.vr-cont .vr-holder .choose .opt-list {height: 0; overflow: hidden}
.vr-cont .vr-holder .choose.opened .opt-list {height: auto}
.vr-cont .vr-holder .choose .opt-list ul {padding: 0.63rem 0 1.963rem}
.vr-cont .vr-holder .choose .opt-list li a {font-size: 1.625rem; color: #888}
.vr-cont .vr-holder .choose a span.arr-con img {display: block; margin-top: 0; width: 100%}
.vr-cont .vr-holder .choose.opened a span.arr-con img {margin-top: -7px;%}
/*.vr-cont .vr-holder .choose .custom-select {width: 100%}
.vr-cont .vr-holder .choose .custom-select .selected {border-top: none; border-left: none; border-right: none}
.vr-cont .vr-holder .choose .custom-select .opt-list {top: 47px; border-top: none; }*/
.vr-cont .vr-holder .special-cut-txt {padding:0 9.375% 2%; font-size: 1.2rem; line-height: 1.5}
.vr-cont .vr-holder .select-area {margin: 0 auto; width: 100%; padding: 0 9.375%; box-sizing: border-box;}
/*.vr-cont .vr-holder .select-area .choose a {display: inline-block; margin-top: 18px; padding: 12px 0 7px; font: 14px/1 'HyundaiSansText-Regular'; border-bottom: 1px solid #ccc; color: #ccc;}*/
/*.vr-cont .vr-holder .select-area .choose a.selected {border-bottom: 1px solid #000; color: #000;}*/
/*.vr-cont .vr-holder .select-area .choose a:first-child {margin-top: 0;}*/
.vr-cont .vr-holder .select-area .color-chip {display: inline-block; float: left; width: 100%; padding-bottom: 21.923%;}
.vr-cont .vr-holder .select-area .color-chip .btn-exin-terior {font-size: 0;}
.vr-cont .vr-holder .select-area .color-chip .btn-exin-terior a {display: inline-block; padding: 3.4375% 0 3.4375%; width: 50%; font: 1.75rem/1 'HyundaiSansText-Regular'; border-bottom: 1px solid #ccc; color: #ccc; text-align: right;}
.vr-cont .vr-holder .select-area .color-chip .btn-exin-terior a:first-child {text-align: left;}
.vr-cont .vr-holder .select-area .color-chip .btn-exin-terior a.selected {border-bottom: 1px solid #000; color: #000;}
/*.vr-cont .vr-holder .select-area .color-chip .btn-in-terior {text-align: right;}*/
.vr-cont .vr-holder .select-area .color-chip .color-chip-area {position: relative; padding-top: 10.21%}
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set {display: none;}
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set.selected {display: block;}
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set div {display: none;}
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set div.opened {display: block;}
/*.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set div.interior {text-align: right;}*/
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set div.interior ul {display: none;}
.vr-cont .vr-holder .select-area .color-chip .color-chip-area .color-set div.interior ul.on {display: inline-block;}
/*.vr-cont .vr-holder .select-area .color-chip div strong {display: inline-block; padding: 12px 0 7px; width: 100%; font: 14px/1 'HyundaiSansText-Regular'; border-bottom: 1px solid #ccc; color: #ccc;}*/
.vr-cont .vr-holder .select-area .color-chip div ul {display: inline-block; font-size: 0; width: 100%;}
.vr-cont .vr-holder .select-area .color-chip div ul li {display: inline-block; width: 21.15%; margin-top: 4.6875%; margin-left: 5.1333%; font: 1.5rem/1 'HyundaiSansText-Regular'; }
.vr-cont .vr-holder .select-area .color-chip div ul li:nth-child(4n+1){margin-left: 0;}
.vr-cont .vr-holder .select-area .color-chip div ul li a {display: block; position: relative; padding-top: 100%; box-sizing: border-box; width: 100%; height: 0; transition: 0.2s all;}
.vr-cont .vr-holder .select-area .color-chip div ul li span.color-name {display: none; position: absolute; left:0; top:0; margin-top: 4.6875%; width: 100%; font-size:1.5rem; line-height:1;}
.vr-cont .vr-holder .select-area .color-chip div ul li.selected span.color-name {display: block;}
.vr-cont .vr-holder .select-area .color-chip div ul li a img {position:absolute; left:0; top:0; width: 100%; border:1px solid #cecece;box-sizing: border-box;}
/*.vr-cont .vr-holder .select-area .color-chip div ul li a span.img-con {position: absolute; left: 0; top:0; width: 100%; height: 100%; overflow: hidden; transition: 0.2s all;}
.vr-cont .vr-holder .select-area .color-chip div ul li a span.img-con img {display: block; width: auto; height: 100%}*/
.vr-cont .vr-holder .select-area .color-chip div ul li.selected a:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height:100%; border: 2px solid #804033; box-sizing: border-box; z-index: 2}
.vr-cont .vr-holder .select-area .color-chip div ul li.selected a,
.vr-cont .vr-holder .select-area .color-chip div ul li.selected a span {width: 100%;}

.vr-cont .vr-holder .select-area .color-chip div.interior ul li a {height: 100%;}
/*.vr-cont .vr-holder .select-area .color-chip div.interior ul li span.color-name {text-align: right}*/
.vr-cont .vr-holder .select-area .color-chip div ul li.recommended a:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 0; height:0; border: 1.438rem solid #804033; border-bottom-width: 0; border-left-width: 0; border-right-color: transparent; border-bottom-color: transparent;}
/*
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-1 {background: #eeedee;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-2 {background: #afafaf;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-3 {background: #868b95;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-4 {background: #522b13;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-5 {background: #000000;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-6 {background: #bec4ca;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-7 {background: #eee;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-8 {background: #252526;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-9 {background: #522b13;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-10 {background: #000000;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-11 {background: #eeedee;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-12 {background: #afafaf;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-13 {background: #868b95;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-14 {background: #522b13;}
.vr-cont .vr-holder .select-area .color-chip div ul li.ex-color-15 {background: #000000;}
*/



.prices {margin: 0 auto; width: 100%; padding: 10.625% 4.6875%; box-sizing: border-box; padding-top: 20%}
.prices h2 {padding: 0; font: 2.625rem/1 'HyundaiSansHead-Light'; color: #804033; text-align: center}
.prices .accordion-wrap  {margin-top: 5.46875%;}
.prices .accordion-wrap li {margin-top: 1.72%;}
.prices .accordion-wrap li:first-child {margin-top: 0;}
.prices .accordion-wrap li a.btn-accordion {display: block; position: relative; padding: 6.72% 10% 6.034% 5.17%; line-height: 1.3; box-sizing: border-box; background: #f3f3f3}
.prices .accordion-wrap li a.btn-accordion strong {display: block; font: 2rem/1 'HyundaiSansHead-Light';}
.prices .accordion-wrap li a.btn-accordion span {display: block; margin-top: 1.85%; font: 1.75rem/1 'HyundaiSansText-Regular'; color: #888;}
.prices .accordion-wrap li a.btn-accordion span.arr-con {display: block; position: absolute; right: 5.17%; top: 50%; margin-top: -3px; padding-right: 0; width: 12px; height: 7px; overflow: hidden;}
.prices .accordion-wrap li a.btn-accordion span.arr-con img {width: 100%}
.prices .accordion-wrap li.opened a span.arr-con img {display: block; margin-top: -7px;}
.prices .accordion-wrap li dl {padding: 0 5.17%; background: #f7f7f7}
.prices .accordion-wrap li dl dt {margin-top: 5.17%; width: 100%;}
.prices .accordion-wrap li dl dt b {font: 1.5rem/1 'HyundaiSansText-Regular';}
.prices .accordion-wrap li dl dd {margin-top: 3.62%; width: 100%}
.prices .accordion-wrap li dl dd .description li {position: relative; margin-top: 3.96%;}
.prices .accordion-wrap li dl dd .description li:first-child {margin-top: 0;}
.prices .accordion-wrap li dl dd .description li:after {display: block; content:''; position: absolute; left: 0; top: 0.7rem; width: 0.35rem; height: 0.35rem; background: #000;}
.prices .accordion-wrap li dl dd .description li span {display: block; padding-left: 1rem; font: 1.5rem/1.4 'HyundaiSansText-Regular';}
.prices .accordion-wrap li dl dd .specs a {display: inline-block; margin-top: 8.96%; padding-bottom: 1rem; border-bottom: 1px solid #804033; color: #804033; font: 1.75rem/1 'HyundaiSansText-Regular';}
.prices .accordion-wrap li dl dd .specs a span {}
.prices .accordion-wrap li dl dd .specs .imp-pts {margin-top: 5.71%; padding-top: 5.86%; border-top: 1px solid #d5d5d5; font-size: 0;}
.prices .accordion-wrap li dl dd .specs .imp-pts li {position: relative; margin-top: 6.55%; font: 1.625rem/2.6rem 'HyundaiSansText-Regular'; color: #888;}
.prices .accordion-wrap li dl dd .specs .imp-pts li:first-child {margin-top: 0;}
.prices .accordion-wrap li dl dd .specs .imp-pts li dl {padding: 0; font-size: 0; vertical-align: top}
.prices .accordion-wrap li dl dd .specs .imp-pts li dt {display: inline-block; margin-top: 0; width: 35%; font: 1.25rem/1.625rem "HyundaiSansText-Regular"}
.prices .accordion-wrap li dl dd .specs .imp-pts li dd {display: inline-block; margin-top: 0; width: 65%; font: 1.625rem/1.625rem "HyundaiSansText-Regular"}
.prices .accordion-wrap li dl dd .specs .imp-pts li dd b {font-weight: normal}
.prices .accordion-wrap li dl dd .specs .imp-pts li dd span {margin-left: 0.563rem;}
.prices .accordion-wrap li dl dd .specs .imp-pts li dd .currency {margin-left: 0; margin-right: 0.2rem;  font-size: 1.875rem; display:inline-block}  /* vam */
.prices .accordion-wrap li dl dd .specs .imp-pts li dd .currency.back {margin-left: 0.2rem; margin-right: 0rem;} /* if, back */
.prices .accordion-wrap li dl dd .specs .imp-pts li dd > b sup {margin-left: 0.4rem; font-size: 1rem; font-family:'HyundaiSansText-Regular';}     /* superscript */
.prices .accordion-wrap li dl dd .specs .imp-pts li dd > b sub {margin-left: 0.4rem; font-size: 1rem; font-family:'HyundaiSansText-Regular';}     /* subscript */

.prices .accordion-wrap li dl dd .specs .imp-pts li img {display: block; position: absolute; left: 6px; top: 0; width: 2.6rem; height: auto;}
.prices .accordion-wrap li dl{overflow: hidden; height: 0; box-sizing: border-box;}
.prices .accordion-wrap li.opened dl{overflow: hidden; height: auto;}
.prices .go-build-price {margin: 0 0 5.17%; width: 100%;}
.prices .go-build-price.wide {width:100%;}
.prices .go-build-price:first-child {margin: 10.68% 0 5.17%;}
.prices .go-build-price span {display: block}
.prices .re-go-build-price {margin: 10.68% 0.575% 5.17% 0.575%; padding:0; width:48.85%; font-size:1.25rem; float:left; display: inline-block}


/* SPEC */
.spec .tit {padding: 10.625% 0; font: 2.625rem/1 'HyundaiSansHead-Light'; text-align: center; color: #804033}
.spec .sml-tit {padding: 4.6875% 0 3.125% 4.6875%; box-sizing: border-box; font: 2.125rem/1 'HyundaiSansHead-Light'; color: #fff; background: #c4c6ca}
.spec .spec-preview {}
.spec .spec-preview .view-area {position: relative}
.spec .spec-preview .view-area .swipe {overflow : hidden} /* vam */
.spec .spec-preview .view-area .swipe .swipe-wrap {overflow: hidden}    /* vam */
.spec .spec-preview .view-area .swipe .swipe-wrap li {position: absolute}    /* vam */
.spec .spec-preview .swipe img {width: 100%}
.spec .spec-preview .prev-next-btns a {display: block; padding: 4.6%; overflow: hidden; position: absolute; top:50%; margin-top: -4.6% }   /* margin-top: 17.5%;  */
.spec .spec-preview .prev-next-btns a span {display: block; width: 7px; height: 12px; overflow: hidden}
.spec .spec-preview .prev-next-btns a img {display: block; margin-top: -12px; width: 100%}
.spec .spec-preview .btn-prev {position: absolute; top: 0; left: 0}
.spec .spec-preview .btn-next {position: absolute; top: 0; right: 0}
.spec .spec-detail {margin-top: 9.375%}
.spec .spec-detail .vehicle-list {display: none; }
.spec .spec-detail .vehicle-list.shown {display: block;}
.spec .choose {display: block; margin: 0 auto; width: 90.625%; border-bottom: 2px solid #000; color: #000}
.spec .choose a {display: block; position: relative; padding: 1.25rem 0 0.938rem; width: 100%; font: 2rem/1 "HyundaiSansText-Regular"}
.spec .choose a span.arr-con {display: block; position: absolute; right: 0; top: 50%; margin-top: -3px; padding-right: 0; width: 12px; height: 7px; overflow: hidden;}
.spec .choose a span.arr-con img {width: 100%}
.spec .choose .opt-list {height: 0; overflow: hidden}
.spec .choose.opened .opt-list {height: auto}
.spec .choose .opt-list ul {padding: 0.63rem 0 1.963rem}
.spec .choose .opt-list li a {font-size: 1.625rem; color: #888}
.spec .choose a span.arr-con img {display: block; margin-top: 0; width: 100%}
.spec .choose.opened a span.arr-con img {margin-top: -7px;%}
.spec .key-spec {padding: 0 4.6875%}
.spec .key-spec dt {padding-top: 7.69%; border-top: 1px solid #d5d5d5}
.spec .key-spec dt.first {border-top: none}
.spec .key-spec dt strong {font: 1.875rem/1 "HyundaiSansHead-Light"}
.spec .key-spec dd {margin-top: 2.1875%; padding-bottom: 7.69%}
.spec .key-spec dd p {font: 1.375rem/1 "HyundaiSansText-Regular"; color: #888}
.spec .key-spec dd ul {margin-top: 3.59%}
.spec .key-spec dd ul li {position: relative; padding-left: 1rem; font: 1.5rem/2 "HyundaiSansText-Regular"; color: #000}
.spec .key-spec dd ul li:after {display: block; position: absolute; top: 0; left: 0; line-height: 3rem; vertical-align: middle; content: '-' }
.spec .key-spec dd a.gbtn {margin-top: 3.59%; color: #804033}
.spec .key-spec dd a.gbtn span.atxt {height: 3.426rem; line-height: 3.426rem; vertical-align: middle;}
.spec .key-spec dd a.gbtn .sline {background: #804033}
.spec .key-spec dd .list {width: 100%; margin-top : 3.6%}
.spec .key-spec dd .list table tbody {width: 100%; font: 1.5rem/2 "HyundaiSansText-Regular"; color: #000; padding: 0; margin: 0}
.spec .key-spec dd .list table tbody tr {width: 100%}
.spec .key-spec dd .list table tbody tr td {vertical-align: top; width:auto}
.spec .key-spec dd .list table tbody tr td span {display: block; padding-left: 0; box-sizing: border-box}
.spec .key-spec dd .list table tbody tr td:first-child span {padding-left: 0 }

.spec .sml-cat {padding-bottom: 7.8125%}
.model-price-80 {margin-top:10%}
.spec .accordion-wrap {overflow: hidden;}
.spec .accordion-wrap > li {padding: 0 4.6875%}
.spec .accordion-wrap li {margin-top: 1.72%}
.spec .accordion-wrap dl {}
.spec .accordion-wrap dt .btn-accordion {display: block; position: relative; padding: 5.16% 0 4.30% 4.686%; box-sizing: border-box; background: #f3f3f3}
.spec .accordion-wrap dt .btn-accordion strong {display: block; font: 2rem/1 'HyundaiSansHead-Light'; width:90%}
.spec .accordion-wrap dt .btn-accordion span {display: block; margin-top: 1.85%; font: 1.75rem/1 'HyundaiSansText-Regular'; color: #888;}
.spec .accordion-wrap dt .btn-accordion span.arr-con {display: block; position: absolute; right: 5.17%; top: 50%; margin-top: -3px; padding-right: 0; width: 12px; height: 7px; overflow: hidden;}
.spec .accordion-wrap dt .btn-accordion span.arr-con img {display: block; margin-top: 0; width: 100%}
.spec .accordion-wrap .opened dt .btn-accordion span.arr-con img {display: block; margin-top: -7px;}
.spec .accordion-wrap dd {display: none; overflow: hidden}
.spec .accordion-wrap .opened dd {height: auto}
.spec .accordion-wrap dd .sub-tit {display: block; margin: 0 auto; padding: 6.03% 0 2.97%; width: 91.25%; border-top: 1px solid #d5d5d5; font: 1.375rem/1.45 "HyundaiSansText-Regular"}
.spec .accordion-wrap dd .sub-tit.standard {border-top: none}
.spec .accordion-wrap dd .description {padding: 3.03% 4.6875% 4.6875%}
.spec .accordion-wrap dd .inner-detail-table {width:100%; padding: 0 4.6875%; margin-top:5.76%; box-sizing: border-box;}
.spec .accordion-wrap dd .inner-detail-table table {width: 100%; box-sizing:border-box; border-top: 2px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;font-size: 1.25rem;line-height: 2rem;text-align: left;}
.spec .accordion-wrap dd .inner-detail-table table tr {border-bottom: 1px solid #d5d5d5;font-size: 0;}
.spec .accordion-wrap dd .inner-detail-table table tr th,
.spec .accordion-wrap dd .inner-detail-table table tr td {display: inline-block; padding: 4.6875% 0; box-sizing: border-box; width: 50%;}
.spec .accordion-wrap dd .inner-detail-table table tr th span,
.spec .accordion-wrap dd .inner-detail-table table tr td span {font-size: 1.25rem; line-height: 1.5}
.spec .accordion-wrap dd .inner-detail-table table tr th {padding-left:4.6875%; font-weight: normal}
.spec .accordion-wrap dd .inner-detail-table table tr:first-child {background-color: #f7f7f7;}
.spec .accordion-wrap dd .inner-detail-table table tr:first-child th {padding-left:0;text-align: center;}
.spec .accordion-wrap dd .inner-detail-table table tr th.table-tit {width: 100%}
.spec .accordion-wrap dd .inner-detail-table table tr td span {display: block; margin-top: 3.25%; line-height: 1.5}
.spec .accordion-wrap dd .inner-detail-table table tr td span:first-child {margin-top: 0}

/* 2016. 07. 26 added */
.spec .accordion-wrap dd .inner-detail-table-spec {width:100%; padding: 0 4.6875%; margin-top:5.76%; box-sizing: border-box;}
.spec .accordion-wrap dd .inner-detail-table-spec table {width: 100%; box-sizing:border-box; border-top: 2px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;font-size: 1.25rem;line-height: 2rem;text-align: left; table-layout: fixed}
.spec .accordion-wrap dd .inner-detail-table-spec table tr {border-bottom: 1px solid #d5d5d5;font-size: 0;}
.spec .accordion-wrap dd .inner-detail-table-spec table tr th,
.spec .accordion-wrap dd .inner-detail-table-spec table tr td {padding: 4.6875% 1%; box-sizing: border-box; text-align:center;}
.spec .accordion-wrap dd .inner-detail-table-spec table tr th span,
.spec .accordion-wrap dd .inner-detail-table-spec table tr td span {font-size: 1.25rem; line-height: 1.5}
.spec .accordion-wrap dd .inner-detail-table-spec table tr th {padding-left:4.6875%; font-weight: normal; text-align:left;}
.spec .accordion-wrap dd .inner-detail-table-spec table tr td span {display: block; margin-top: 3.25%; line-height: 1.5}
.spec .accordion-wrap dd .inner-detail-table-spec table tr td span:first-child {margin-top: 0}

.spec .accordion-wrap dd .tab-table {margin-top: 15%}
.spec .accordion-wrap dd .tab-table .btn-table-wrap {display: block; position: absolute; left: 4.6875%; top: 0; width: 45.3125%; font-size: 1.25rem}
.spec .accordion-wrap dd .tab-table .btn-table-wrap-2 {left: auto; right: 4.6875%}
.spec .accordion-wrap dd .tab-table .btn-table-wrap-2:after {display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.8rem; width: 1px; height: 1.3rem; background: #d5d5d5;}
.spec .accordion-wrap dd .tab-table .btn-table-wrap a {display: block; padding: 9.375% 0; box-sizing: border-box; text-align: center;}
.spec .accordion-wrap dd .tab-table .btn-table-wrap+.col-3-table {display: none}
.spec .accordion-wrap dd .tab-table .btn-table-wrap.selected a {color: #804033}
.spec .accordion-wrap dd .tab-table .btn-table-wrap.selected+.col-3-table {display: block;}
.spec .accordion-wrap dd .description li {position: relative; margin-top: 3.96%; padding-left: 0.875rem; font: 1.375rem/1.45 "HyundaiSansText-Regular"}
.spec .accordion-wrap dd .description li:first-child {margin-top: 0}
.spec .accordion-wrap dd .description li:before{content:"- "}
/*.spec .accordion-wrap dd .description li:after {display: block; content:''; position: absolute; left: 0; top: 0.7rem; width: 0.35rem; height: 0.35rem; background: #000}*/
/*.spec .accordion-wrap dd .description li a.see-detail {display: inline-block; text-decoration: underline}*/
.spec .accordion-wrap dd a.see-detail {display: inline-block; text-decoration: underline}
.spec a.btn-base {margin: 1.72% 4.6875% 0; width: 90.625%}
.spec a.btn-base span {display: block;}
.spec .key-spec a.btn-base {margin: 4.375% 0 0; width: 100%}
.spec .dimention img {display: block; width: 100%}
.spec .compare .accordion-wrap {padding-top: 2.9675%}
.spec .compare .compare-btns {padding: 7.8125% 4.6875% 0}
.spec .compare .compare-btns a {float: right; margin: 0; width: 48.27%; letter-spacing: -0.02em; padding-left:0; padding-right:0}
.spec .compare .compare-btns a {float: right; margin: 0; width: 48.27%; font-size: 1.175rem}
.spec .compare .compare-btns a:first-child {float: left; width: 100%; }
.spec .compare .compare-appr {padding: 10.9375% 0 0;}
.spec .compare .compare-appr .vehicle {width: 48%}
.spec .compare .compare-appr .vehicle.genesis {float: left}
.spec .compare .compare-appr .vehicle.another {float: right}
.spec .compare .compare-appr .vehicle img {display: block; margin-top: 6%; width: 100%}
.spec .compare .compare-appr .vehicle {font:1.625rem/1 HyundaiSansText-Regular; text-align: center}
.spec .compare .compare-appr .vehicle span {display: block; margin-top: 12%; font: 1.375rem/1.5 "HyundaiSansText-Regular"; color: #888; text-align: center}
.spec .compare .compare-appr .vehicle span b {display: block; font-size: 1.75rem}

.spec .compare .compare-appr table {display: block}
.spec .compare .compare-appr table img {display: block; width: 100%}
.spec .compare .compare-appr table thead,
.spec .compare .compare-appr table tbody,
.spec .compare .compare-appr table tr,
.spec .compare .compare-appr table th,
.spec .compare .compare-appr table td {display: inline-block}
.spec .compare .compare-appr table tr {display: block; width: 100%}
.spec .compare .compare-appr table thead {font: 1.375rem/1.5 "HyundaiSansText-Regular"; color: #888; text-align: center}
.spec .compare .compare-appr table thead .col-1 {width: 0; height: 0; visibility: hidden; overflow: hidden}
.spec .compare .compare-appr table thead .col-2 {width: 48%; float: left}
.spec .compare .compare-appr table thead .col-3 {margin-left: 0%; width: 48%; float: right}
.spec .compare .compare-appr table thead .img-car .col-3{position:relative;}
.spec .compare .compare-appr table thead .img-car .col-3 span.cp-txt {position:absolute; left:0; bottom:0.2em; font-size: 0.938rem; line-height: 1; color: #888}
.spec .compare .compare-appr table thead .tb-name {color: #000}
.spec .compare .compare-appr table thead .tb-img {margin-top: 1.875%}
.spec .compare .compare-appr table thead .tb-price {margin-top: 4.6875%}
.spec .compare .compare-appr table thead .tb-price b {display: block; font-size: 1.75rem}
.spec .compare .compare-appr table thead .tb-source {margin-top: 5%}
.spec .compare .compare-appr table thead .tb-source .col-2,
.spec .compare .compare-appr table thead .tb-source .col-3 { text-decoration: underline; }
.spec .compare .compare-appr table thead .tb-source span {font: 1.2rem; color:#999999}
.spec .compare .compare-appr table tbody {display: block; margin-top: 2.81%;}
.spec .compare .compare-appr table tbody .col-1 {clear: both; width: 100%;}
.spec .compare .compare-appr table tbody .col-2 {width: 48%; float: left}
.spec .compare .compare-appr table tbody .col-3 { margin-left: 0%; width: 48%; float: right}
.spec .compare .compare-appr table tbody tr {position: relative; width: 100%; font-size: 1.15rem}
.spec .compare .compare-appr table tbody .comparison th {padding: 7.5% 0 2.343%;}
.spec .compare .compare-appr table tbody .comparison.top th {padding-top:0%;}
.spec .compare .compare-appr table tbody .comparison td {padding: 2.343% 0; text-align: center; border-top: 1px solid #000}
.spec .compare .compare-appr table tbody .col-2:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 48%; height: 1px; background: #000}
.spec .compare .compare-appr table tbody .col-3:after {display: block; content: ''; position: absolute; bottom: 0; right: 0; width: 48%; height: 1px; background: #000}
.spec .compare .compare-appr .info-value{padding-top:10px; font-size: 0; }
.spec .compare .compare-appr .info-value span{display: block; font-size: 1.5rem; line-height:1.5; color:#888;}
.spec .compare .compare-appr .info-value em{display: inline-block; font-style: normal;}

/* OWNER'S BENEFIT */
.eq900 .owners-benefit .benefit {margin: 0 auto; width: 100%; padding: 10.625% 9.375%; box-sizing: border-box;}
.eq900 .owners-benefit .benefit .type-tit {padding: 0; font: 2.625rem/1 'HyundaiSansHead-Light'; color: #804033;}
.eq900 .owners-benefit .benefit p {padding: 0; margin-top:4.8%; font-size:1.5rem; line-height: 1.45;}
.eq900 .owners-benefit .benefit p span {display: block;}
.eq900 .owners-benefit .benefit .txt-holder {margin-top: 5.46875%;}
.eq900 .owners-benefit .benefit .txt-holder li {display: block;position: relative;margin-top: 1.72%;padding: 6.72% 0 6.034% 5.17%;box-sizing: border-box;background: #f7f7f7;}
.eq900 .owners-benefit .benefit .txt-holder li strong {display: block;font-size: 2rem;line-height: 1;font-weight: normal;}
.eq900 .owners-benefit .benefit .txt-holder li span {display: block;font-size: 1.375rem;line-height: 1.3;color: #888;}
.g80 .owners-benefit .benefit .tit-area {padding: 9.375% 9.375% 15.625%; background: #000}
.g80 .owners-benefit .benefit .tit-area .type-tit {font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.g80 .owners-benefit .benefit .tit-area .paragraph {margin-top: 4.375%; font-size:1.5rem; line-height:1.5; color: #888;}
.g80 .owners-benefit .benefit .des-benefit .txt-holder {padding: 9.375% 9.375% 9.125%}
.g80 .owners-benefit .benefit .des-benefit .txt-holder b {font: 2.625rem/1 "HyundaiSansHead-Light"; font-weight: normal}
.g80 .owners-benefit .benefit .des-benefit .txt-holder p {margin-top: 4.375%; font:1.5rem/1.5 "HyundaiSansHead-Light"; color: #000;}
.g80 .owners-benefit .type-swiper {border-bottom: 1px solid #cdcdcd}
.g80 .owners-benefit .type-swiper .inner-cont-wrap li .page-wrap {padding-top: 49.72%}
.g80 .owners-benefit .type-swiper .indi-wrap {margin-top: 55.9375%}

.location .tit {padding: 8.281% 0 7.5%; font: 2.188rem/1 'HyundaiSansHead-Light'; text-align: center; color: #804033; background: #f7f7f7}
.location .map-area {position: relative; padding-top: 108.593%; width: 100%; height: 0;}
.location .map-area iframe {position: absolute; top: 0; left: 0}
.location .btn-location {padding: 7.8125% 0}
.location a {display: block; margin: 0 auto; width: 81.25%;}

.model .kv-area .spec-sum {margin-top: 10%; font-size: 0}
.model .kv-area .spec-sum li {margin-bottom:7%;}
.model .kv-area .spec-sum li:first-child {margin-bottom:7%;}
.model .kv-area .spec-sum li dl:after{display:block; clear: both; content:'';}
.model .kv-area .spec-sum li dt {float:left; width:30%; margin-right:2%;}
.model .kv-area .spec-sum li dt span {font-size: 1.2rem; line-height: 1;}
.model .kv-area .spec-sum li dd{float:left; width:68%;}
.model .kv-area .spec-sum li dd{font-family:'HyundaiSansHead-Light';}

/* vam */
.model .kv-area .spec-sum li dd b {display:inline-block; margin-top:0; font-size: 1.875rem; line-height: 1}
.model .kv-area .spec-sum li dd span {margin-left: 0.4rem; font-size: 1rem; line-height: 1.5rem; vertical-align: middle}
.model .kv-area .spec-sum li dd .currency {margin-left: 0; margin-right: 0.2rem;  font-size: 1.875rem; display:inline-block;}  /*  font-family:'HyundaiSansText-Regular'; */
.model .kv-area .spec-sum li dd .currency.back {margin-left: 0.2rem; margin-right: 0rem;} /* if, back */
.model .kv-area .spec-sum li dd > b sup {margin-left: 0.4rem; font-size: 1rem; vertical-align: middle; font-family:'HyundaiSansText-Regular';}     /* superscript */
.model .kv-area .spec-sum li dd > b sub {margin-left: 0.4rem; font-size: 1rem; vertical-align: middle; font-family:'HyundaiSansText-Regular';}     /* subscript */
/*
.model .kv-area .spec-sum li dd b {display: inline-block; margin-top:0; font-size: 1.875rem; line-height: 1; }
.model .kv-area .spec-sum li dd span {margin-left: 0.625rem; font-size: 1rem; line-height: 1.5rem; vertical-align: top }
.model .kv-area .spec-sum li dd .currency {font-size: 1.875rem; margin-right: 0.625rem;  margin-left: 0;}
*/

/* black type */
.model .kv-area .txt-holder.txt-black .sub-tit span,
.model .kv-area .txt-holder.txt-black  b,
.model .kv-area .txt-holder.txt-black  p,
.model .kv-area .txt-holder.txt-black  p > span,
.model .kv-area .txt-holder.txt-black .spec-sum li dt > span,
.model .kv-area .txt-holder.txt-black .spec-sum li dd > span,
.model .kv-area .txt-holder.txt-black .spec-sum li dd > b{color:#000;}
.model .kv-area .txt-holder.txt-black .spec-sum li{border-color: #6e6d6b;}


.model .type-txt-box.powertrain-wrap {background: #fff}
.model .type-txt-box.powertrain-wrap .txt-holder .type-tit {color: #000}
.model .type-txt-box.powertrain-wrap .type-tit {font-size:3rem;}
.model .type-txt-box.powertrain-wrap h5 {color: #000; font-size: 1.5rem; margin-top:9.5%}
.model .powertrain-wrap ul {border-top:2px solid #666; margin-top:3.5%}
.model .powertrain-wrap ul li {border-bottom:1px solid #666; padding:3% 0; font-size:1.5rem; position: relative}
.model .powertrain-wrap ul li strong {font-weight:normal}
.model .powertrain-wrap ul li .white-border-bg {width:5%; background-color:#fff; display:block; hzeight:125%; position: absolute; top:-10%; left:30%}
.model .powertrain-wrap ul li span:last-child {float: right;}
/*.model .powertrain-wrap ul {margin-top:3.5%}
.model .powertrain-wrap ul li {position: relative; padding:3% 0; border-top:2px solid #666; border-bottom:1px solid #666; font-size:1.5rem;}
.model .powertrain-wrap ul li:before {display: block; position: absolute; top: -3px; left: 26%; content: ''; width: 6%; height: 6px; background: #fff;}
.model .powertrain-wrap ul li:after {display: block; position: absolute; bottom: -2px; left: 26%; content: ''; width: 6%; height: 4px; background: #fff;}
.model .powertrain-wrap ul li strong {display: block; float: left; width: 26%; font-weight:normal; text-align: center}
.model .powertrain-wrap ul li span {display: block; float: right; width: 68%; padding-left: 5%; box-sizing: border-box}
.model .powertrain-wrap ul li:last-child {border-top: 0}*/
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder > ul {margin-top: 8%; border: none}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder > ul > li{margin-top: 4.675%; border: none}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder > ul > li .cat-tit {margin-top: 0; padding-bottom: 3.12%}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 {position: relative; margin-top: 0; overflow: hidden; border: none;}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2:after {display: block; content: ''; position: absolute; top: -10%; left: 28%; background: #fff; width: 4%; height: 150%;}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 li {position: relative}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 li:first-child {border-top: 2px solid #666}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 li span {display: block}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 .term {float: left; width: 28%; text-align: center}
.model .type-txt-box.powertrain-wrap.ver-g80 .txt-holder ul.depth-2 .definition {float: right; padding-left: 3.5%; width: 68%; box-sizing: border-box}
.model .type-txt-box.exception {background: #fff}
.model .type-txt-box.exception .annotation {display: block; padding: 3.275% 9.375% 0; font: 1.25rem/1.5 "HyundaiSansText-Regular", "wFontKrR"; color: #888}
.model .type-txt-box.exception .txt-holder .type-tit {color: #000; font-size: 3rem}
.model .type-txt-box.exception .txt-holder ul {margin-top: 12.12%}
.model .type-txt-box.exception .txt-holder ul li {margin-top: 5.375%}
.model .type-txt-box.exception .txt-holder ul li:first-child {margin-top: 0}
.model .type-txt-box.exception .txt-holder ul h5 {padding-bottom: 2.726%; font-size: 1.7rem; border-bottom: 1px solid #000}
.model .type-txt-box.exception .txt-holder ul p {margin-top: 3.125%; font-size: 1.5rem}

.spec-popup {position: fixed; top:0; left:0; width: 100%}
.spec-popup .inner-cont-wrap .content {position: relative; width: 100%;}
.spec-popup .swipe-wrap li {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #434647}
.spec-popup .swipe-wrap li img {width: 100%}
.spec-popup .swipe-wrap li .page-wrap {overflow-y: scroll}
.spec-popup .swipe-wrap li .page-wrap .tit-holder {display: none; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; padding: 4.6875% 14.125% 4.6875% 4.6875%; z-index: 2}
.spec-popup .swipe-wrap li .page-wrap .tit-holder:after {display: block; content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #141515; opacity: 0.7}
.spec-popup .swipe-wrap li .page-wrap .tit-holder .type-tit {display: block;font:1.75rem/1.2 "HyundaiSansText-Regular";color: #fff;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */}
.spec-popup .swipe-wrap li .page-wrap .img-holder {width: 100%;}
.spec-popup .swipe-wrap li .page-wrap .img-holder img {vertical-align: middle}
.spec-popup .swipe-wrap li .page-wrap .txt-holder {display: none;position: absolute;left: 0;bottom: 0;width: 100%;/* height: 0; *//* padding-top: 32.3125%; */z-index: 2;}
.spec-popup .swipe-wrap li .page-wrap .txt-holder:after {display: block; content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #141515; opacity: 0.7}
.spec-popup .swipe-wrap li .page-wrap .txt-holder .paragraph {/* position: absolute; */top: 0;left: 0;padding: 5.6875% 4.6875%;}
.spec-popup .swipe-wrap li .page-wrap .txt-holder .paragraph p {/* overflow-y: auto; *//* height: 80px; */font: 1.5rem/1.5 "HyundaiSansText-Regular";color: #fff;}
.spec-popup .thumb-wrap {display: none; position: fixed; left: 0; bottom: 0; padding-left: 4.6875%; margin-bottom: 13.25%; width: 100%; box-sizing: border-box; font-size: 0; overflow-x: scroll}
.spec-popup .thumb-wrap .thumbnails {display: inline-block; white-space: nowrap;}
.spec-popup .thumb-wrap li {position: relative; display: inline-block; margin-left: 0.625rem; width: 5.625rem}
.spec-popup .thumb-wrap li:first-child {margin-left: 0}
.spec-popup .thumb-wrap li:last-child {margin-right: 0.625rem}
.spec-popup .thumb-wrap li.on:after {display: block; content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; border: 1px solid #804033; box-sizing: border-box}
.spec-popup .thumb-wrap li a {display: block; position: relative; height: 0; padding-top: 5.625rem; box-sizing: border-box}
.spec-popup .thumb-wrap li a img {position: absolute;; top: 0; left: 0; width: 100%}
.spec-popup .indi-wrap {position: fixed; left: 0; bottom: 0; margin-bottom: 3.25%; width: 100%; text-align: center}
.spec-popup .indi-wrap .indi-holder {margin-top: 0}
.spec-popup .btn-pop-close {display: block; position: fixed; top:0; right: 0; width:14.0625%; height: 0; padding-top: 14.0625%; box-sizing: border-box;}
.spec-popup .btn-pop-close span {display: block; position: absolute; top:0; left: 0; margin: 33.3333% 0 0 33.3333%; padding-top: 33.3333%; width: 33.33333%; height: 0; box-sizing: border-box; overflow: hidden;}
.spec-popup .btn-pop-close span img {position: absolute; top: 0; left: 0; width: 100%}
.spec-popup.show-all .swipe-wrap li .page-wrap .tit-holder,
.spec-popup.show-all .swipe-wrap li .page-wrap .txt-holder,
.spec-popup.show-all .thumb-wrap {display: block}
.spec-popup.horizontal .swipe-wrap li .page-wrap .img-holder img {vertical-align: top}
.spec-popup.horizontal.dark .indi-holder .prev-next-btns a img {position: absolute; bottom:0; left: 0;}
.spec-popup.horizontal.dark .indi-holder .indicator span {color: #000}
.spec-popup.horizontal.dark .btn-pop-close span img {position: absolute; top: auto; bottom: 0; left: 0; width: 100%}
/* 모달팝업 인디케이터 */
.spec-popup .indi-holder {display: inline-block; position: relative; margin-top: 3.4375%; text-align: center; font-size: 13px}
.spec-popup .indi-holder .indicator {display: inline-block;}
.spec-popup .indi-holder .indicator span {display: inline-block; font: 13px/1 "HyundaiSansText-Regular"; color: #ebebeb}
.spec-popup .indi-holder .prev-next-btns a {display: block; width: 7px; height: 12px; overflow: hidden}
.spec-popup .indi-holder .prev-next-btns a img {width: 100%}
.spec-popup .indi-holder .btn-prev {position: absolute; top: 1px; right: 100%; left: auto/* margin-right: 10px*/}
.spec-popup .indi-holder .btn-next {position: absolute; top: 1px; left: 100%; right: auto/* margin-left: 10px*/}
/* indicator dark ver. */
.spec-popup .indi-holder.reverse .indicator span {font: 13px/1 "HyundaiSansText-Regular"; color: #000}
.spec-popup .indi-holder.reverse .prev-next-btns a img {display: block; margin-top: -12px}


/* gallery share*/
.model .gallery-holder .gall-dn-share { position: absolute; bottom: 40px; left: 4.6875%; z-index: 2; font-size: 0;}
.model .gallery-holder .gall-dn-share .img-type {position: relative; display: inline-block; margin-left: 10px; padding: 20px 28px 18px 48px; background: #000; font: 12px/1 "HyundaiSansText-Regular"; color: #fff;}
.model .gallery-holder .gall-dn-share .img-type span.img-con {position: absolute; top: 11px; left: 13px;}
.model .gallery-holder .gall-dn-share > div{display:inline-block;}
.model .gallery-holder .gall-dn-share .share-btns-area{display: inline-block;background:#000;}
.model .gallery-holder .gall-dn-share .share-btns-area .tit{position: relative; }
.model .gallery-holder .gall-dn-share .share-btns-area .tit:after{display:inline-block; position:absolute; right:0; top:12px; content:''; width:1px; height:26px; background: #4d4d4d;}
.model .gallery-holder .gall-dn-share .sns-btns{display: inline-block; }
.model .gallery-holder .gall-dn-share .sns-btns li a{display:inline-block; }


/* scroll loader css*/
#next-sect {position: absolute; display:none;}
#prev-sect {position: absolute; display:none;}

.check-height-scroll {position: absolute!important; top:0; width: 100%; visibility: hidden;}

.ajax-loader-bg {position: fixed; width: 100%; height: 0px; top:0; z-index: 3; background:rgba(230,230,230,.9); /*text-align: center*/; overflow: hidden;}
.ajax-loader-bg.next {bottom:0px; top:auto}
.ajax-loader-bg.prev {top:50px}
.ajax-loader {
    display: inline-block; width: 40px; height: 40px; top:50%; left:50%; margin-top: -15px; margin-left:-15px; position: absolute;
}
.load-url {display:none;}
.blank-box {position: relative; height: 50px; width: 100%;}
/* background: url('../../assets/images/models/img_loading_25f.png') left center; */
@keyframes spin {
    to { -webkit-transform:  rotate(360deg);
        -moz-transform:  rotate(360deg);
        -ms-transform:  rotate(360deg);
        -o-transform:  rotate(360deg);
        transform:  rotate(360deg);}
}
@-webkit-keyframes spin {
    to { -webkit-transform:  rotate(360deg);
        -moz-transform:  rotate(360deg);
        -ms-transform:  rotate(360deg);
        -o-transform:  rotate(360deg);
        transform:  rotate(360deg); }
}