/** ------------------------------------------------------------------*/
/**  layout.css
/**  last update: 2016.07.15
/** ------------------------------------------------------------------ */

/* ------------------------------------------------------------------
* 공통
* ------------------------------------------------------------------ */

body{background: #191919;}

html.no-sroll, html.no-sroll body {overflow: hidden;}
html.no-bgscroll{position:fixed;}
.overlay-bg {position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 10; opacity: 0; transition: 0.4s all; display: block;}
.overlay-bg-alpha {position: absolute; width: 100%; height: 100%; top:0; left: 0; background:#000; z-index: 10; opacity: 0.8; display: block;}
.overlay-bg-black {position: absolute; width: 100%; height: 100%; top:0; left: 100%; background:#000; z-index: 10; opacity: 1; transition: 0.5s all; display: block;}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    ::-webkit-scrollbar { display: none;}
    input, select, textarea { -webkit-appearance: none; border-radius: 0;}
}

/* ------------------------------------------------------------------
* 레�아웃
* ------------------------------------------------------------------ */
/* navigation light-ver */
.wrapper {overflow: hidden}
header {position: fixed; top:0; z-index: 100;  width:100%; height:50px; background: #000;}
header.show-quick {}
/* header .common-menu {margin: 0 auto;} */
header .common-menu {margin: 0 auto;background-color: #000;position: relative;z-index: 10;height: 50px;}
header .common-menu .inner-wrap{}
header .common-menu .logo {float: left; padding-left: 4.68%; margin: -4px 0 0 -5px; width: 85px; height: 48px; position: relative; overflow: hidden; z-index: 10; }
header .common-menu .logo a {display: block; padding:15px 0 13px;}
header .common-menu .logo a span{display: block; overflow: hidden;}
header .common-menu .logo a img {display: block; width:100%;}
header .common-menu a {color: #fff;}

header .common-menu .inner-wrap .right-menus {display: inline-block; position: relative; z-index: 10; float: right; font: 10px/25px 'GenesisSansText';/*padding-right:4.68%;*/}
/* header .common-menu .inner-wrap .right-menus .find-dealer {display:none; position:relative; float: left;} */
header .common-menu .inner-wrap .right-menus .find-dealer {position:relative; float: left; transition: color 0.8s;margin-left:15px; padding-top:14px;margin-right: 25px;font: 14px/25px 'GenesisSansText';}
header .common-menu .inner-wrap .right-menus .find-dealer:hover{color:#804033; transition: color 0.3s;}
header .common-menu .inner-wrap .right-menus .find-dealer.bar {padding-right: 17px;}
header .common-menu .inner-wrap .right-menus .find-dealer.bar:after {display: block; content: ''; position: absolute; right:0; top: 3px; width: 2px; height:16px; background: #dedede; margin-top: 14px;}
/* header .common-menu .inner-wrap .right-menus .btn-open-menu {  position: absolute; padding: 17px 15px 17px; left:100%; margin-left: -50px; transition: 0.5s all;  /*display: inline-block; float: left; position: relative; } */
header .common-menu .inner-wrap .right-menus .btn-open-menu {  position: relative; float: left;padding: 17px 15px 17px; transition: 0.5s all;  /*display: inline-block; float: left; position: relative; */}
header .common-menu .inner-wrap .right-menus .btn-open-menu span {display: block; width:20px; height:16px; overflow: hidden;}
header .common-menu .inner-wrap .right-menus .btn-open-menu span img {display: block; width:100%;}
header .common-menu .inner-wrap .right-menus .menus {display: none; position: fixed; top: 0; right: 0; clear: both;}
header .common-menu .inner-wrap .right-menus .btn-open-menu.opened {background: #fff; margin-left: 0px;}

header .quick-menu {opacity:0; position: absolute; top: 0; left: 0; width: 100%; height: 50px; text-align: center; pointer-events: none; transition: 0.3s all;}
header .quick_menu {top: 50px;}
header.show-quick .quick-menu{opacity: 1; pointer-events: auto;}
header .quick-menu .notice-current {position: relative; width: 100%; z-index: 2; background: #2C2C2C}
header .quick-menu a.current {display: inline-block; font: 1.125rem/50px "HyundaiSansText-Regular"; white-space: nowrap; color: #fff}
header .quick-menu a.current span {display: inline-block}
header .quick-menu a.current span.img-con { position: relative; margin-left: 1.125rem; width: 8px; height: 5px; overflow: hidden; line-height: 50px; vertical-align: middle}
header .quick-menu a.current span.img-con img {margin-top: 0px; width: 100%}
header .quick-menu.opened a.current span.img-con img {margin-top: -5px;}
header .quick-menu.opened .notice-current + ul{
    transform: translateY(0%);  transition: 0.5s all;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
/* GEN-1616 */
header .quick-menu .notice-current + ul {
    padding: 1.25rem 0 2.375rem; background: #191919;
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    transform: translateY(-110%);
    transition: 0.5s all;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
header .quick-menu ul li {font: 1.5rem/1 "HyundaiSansText-Regular";padding:0 20%}
header .quick-menu ul li a {display: block; padding: 1.875rem 0; color: #ccc}
header .quick-menu ul li.on a {color: #804033}

header .head-bg {position: absolute; top: -50px; left: 0; width: 100%; height: 50px; background: #000;}

/* navigation dark-ver */
header .common-menu.dark a {color: #000;}

header .common-menu.dark .inner-wrap .right-menus .btn-open-menu span img {}
header .common-menu.dark .inner-wrap .right-menus .find-dealer:after {background: #000;}

/* navigation side menu */
header .side-menu { position: absolute; top:0; right: -100%; z-index: 2; width: 100%; height: 100%; padding-left:50px; box-sizing: border-box; overflow-y: auto; transition: 0.5s all; font-family: "HyundaiSansHead-Light"}
header .side-menu.opened {display: block; position: fixed; background-color: #000;}
header .side-menu img{width:100%}
header .side-menu .cont-top {position: fixed; top: 0; right: -100%; padding-left: 50px; width: 100%; z-index: 2; box-sizing: border-box; background: #000;}
header .side-menu.opened .cont-top {right: 0}
header .side-menu .input-wrap {display: block; position: absolute; padding: 0 10.2% 0 7.15%; width: 100%; height: 50px; box-sizing: border-box; background: #000; z-index: 20}
header .side-menu .input-wrap input {padding-left: 14.6%; width: 87%; height: 50px; font-size: 1.5rem; line-height: 1.5; background: #000; color: #fff; border: none;}
header .side-menu .input-wrap input:focus {border-bottom: 1px solid #fff; box-sizing: border-box}
header .side-menu .input-wrap input::-webkit-input-placeholder {color:#fff;}
header .side-menu .input-wrap input:focus::-webkit-input-placeholder {color:#555; visibility: hidden}
header .side-menu .input-wrap img {position: absolute; top: 0; left: 7.15%; height: 48px; width: auto;}
header .side-menu .input-wrap a.btn-cancel {display: none; position: absolute; top:50%; right: 10.2%; margin-top: -0.695rem; font-size: 1.375rem; color: #c4c6ca}
header .side-menu .input-wrap.has-txt a.btn-cancel {display: block}

header .side-menu .input-wrap a.btn-search {display: none; position: absolute; top:50%; right: 21.2%; margin-top: -0.695rem; font-size: 1.375rem; color: #c4c6ca}
header .side-menu .input-wrap.has-txt a.btn-search {display: block}
header .side-menu .input-wrap input:focus + img + a.btn-search {display: block}

header .side-menu .cont-btns { padding: 0 10.2% 0 7.15%; height: 100%; overflow: scroll}
header .side-menu .cont-mid{margin-top: 5.46875%; padding-top: 50px; background: #000;}
header .side-menu .cont-mid a{display: block; padding-left: 6.25%; box-sizing: border-box;}
header .side-menu .cont-mid .btn-accordion {position: relative}
header .side-menu .cont-mid .btn-accordion .arr-con {position: absolute; right: 4.6875%; top: 50%; margin-top: -5px; width: 17px; height: 10px; overflow: hidden}
header .side-menu .cont-mid li .btn-accordion .arr-con img{transition:all 0.5s;}
header .side-menu .cont-mid li.opened .btn-accordion .arr-con img {display: block; transform:translateY(-20px)}
header .side-menu .cont-mid .btn-accordion+div {height: 0; overflow: hidden; transition: 0.5s all;}
header .side-menu .cont-mid li.opened .btn-accordion+div {}
header .side-menu .cont-mid .depth-2 li.on a {position: relative; padding-left: 22.51%; color:#804033;}
header .side-menu .cont-mid .depth-2 li.on a:after {display: block; position: absolute; top: 50%; left: 6.25%; margin-top: -1px; width: 12.72%; height: 2px; content: ''; background: #804033}
header .side-menu .nav-high-priority > li{border-bottom:1px solid #292929;}
header .side-menu .nav-high-priority > li > a{height: 3.4em; color:#fff; font-size:1.875rem; line-height: 3.8;}
header .side-menu .nav-high-priority .depth-2{padding-bottom:5%;}
header .side-menu .nav-high-priority .depth-2 li > a{height:3.54em; padding:1.2em 0 0.8em 6.25%; font-size:1.5rem; color:#898989; }
header .side-menu .nav-low-priority{padding-top:5%;}
/* GEN-4002 header .side-menu .nav-high-priority .hoverable:first-child .depth-2{padding-bottom:10%;} */
header .side-menu .nav-low-priority a{height:3.27em; color:#fff; font-size:1.625rem; line-height: 3.4 }
header .side-menu .cont-bot{position: relative; margin-top: 10.98%; padding:10% 2% 4.68% 6.25%; background: #000;}
header .side-menu .cont-bot .btn-side-share {display:inline-block; position: absolute; left: 0; bottom: 0; padding-top: 16.765%; width:15.38%; height: 0; box-sizing: border-box; overflow: hidden; background: #000}
header .side-menu .cont-bot .btn-side-share img {position: absolute; top:0; left: 0; width: 100%}
header .side-menu .cont-bot.on .btn-side-share img {top: auto; bottom: 0;}
header .side-menu .cont-bot .sns-btns {position: absolute; left: 0;  bottom: 0; margin-bottom: 15.38%; width: 42px; height: 0; overflow: hidden}
header .side-menu .cont-bot.on .sns-btns {height: auto}
header .side-menu .cont-bot .sns-btns a {display: block; margin-top: 39.47%; width:100%;}
header .side-menu .cont-bot .sns-btns a:first-child {margin-top: 0}
header .side-menu .cont-bot .sns-btns a span {}
header .side-menu .cont-bot .sns-btns a span img {display: block; width: 100%}
header .side-menu .cont-bot .lang-btns {position: absolute; bottom:2%; right:6%;}
header .side-menu .cont-bot .lang-btns a {display:inline-block; padding: 0.5em 0.5em; font: 1.75rem/1 'HyundaiSansHead-Light'; color: #555;}
header .side-menu .cont-bot .lang-btns a.on {color: #fff;}
header .side-menu .btn-close-menu {display:block; position:fixed; top:0; left: 100%; width: 50px; }
header .side-menu.opened .btn-close-menu {}
header .side-menu .btn-close-menu span.tb-lines {display: block; width: 50px; height: 50px; background: #fff}
header .side-menu .btn-close-menu span.tb-lines .ctr-line {display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #000; transition: all 0.5s }
header .side-menu .btn-close-menu span.tb-lines:before {display: block; position: absolute; top: 17px; left: 50%; width: 20px; margin: 0 0 0 -10px; height: 2px; background: #000; content: ''; transition: all 0.5s cubic-bezier(.42, 0, .15, 1);}
header .side-menu .btn-close-menu span.tb-lines:after {display: block; position: absolute; bottom: 17px;left: 50%; width: 20px; margin: 0 0 0 -10px; height: 2px; background: #000; content: ''; transition: all 0.5s cubic-bezier(.42, 0, .15, 1);}
header .side-menu.opened .btn-close-menu span.tb-lines .ctr-line {opacity: 0;}
header .side-menu.opened .btn-close-menu span.tb-lines:before {top: 24px; left: 50%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
header .side-menu.opened .btn-close-menu span.tb-lines:after {bottom: 24px; left: 50%; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
header .side-menu .btn-close-menu img{width:100%;}

/*====================================== LD =======================================*/

header .side-menu .input-wrap input::-ms-clear {display: none;}

/*====================================== LD =======================================*/

/* build & price header */
header .common-menu.pop {height:100%}
header .common-menu.pop .inner-wrap {height:100%}
header .common-menu.pop .right-menus {position:absolute;top:0;right:0;height:100%}
header .common-menu.pop .right-menus a {display:block;height:100%}
header .common-menu.pop .right-menus a img {height:100%}


#container{position:relative;margin-top:50px;}
#container.none-top-space{margin-top:0;}
#container .inner-contain{}
section{position:relative; background: #fff; }

.page-share{background: #dbdbdb;}
.page-share p:nth-of-type(1){padding-top:7%; color:#4d4d4d; font-size:1.125rem; text-align:center; }
.page-share .sns-btns {font-size: 0; text-align: center;}
.page-share .sns-btns a span {display: block;}
/*.page-share .sns-btns a {display: inline-block; margin: 1% 4% 3.5%; padding:3%; font-size: 0.75rem;}
.page-share .sns-btns a span img {display: block; width: 100%; }
.page-share .sns-btns a:nth-child(1){width:5.312%;}
.page-share .sns-btns a:nth-child(2){width:5.312%;}
.page-share .sns-btns a:nth-child(3){width:5.781%;}
.page-share .sns-btns a:nth-child(4){width:6.093%;}*/
.page-share .sns-btns a span img {display: block; height: 24px; }
.page-share .sns-btns a {display: inline-block; margin: 3.5% 24px 7%; padding: 0px;}

/* scroll */
.btn-scroll {position: absolute; bottom: 10px; width: 100%; height: 68px; text-align: center; font-size: 0;}

/* go to top */
.btn-top {position: fixed; bottom: 30px; right: 30px; font-size: 0;}

/* Footer */
footer {position: relative; width: 100%; background: #191919;}
footer .footer-top {}
footer .footer-top ul {padding: 5% 9.375%;}
footer .footer-top ul:after{display:block; clear:both; content:'';}
footer .footer-top ul li {float:left; width:50%; padding:3% 0; font: 1.5rem/2.2 'HyundaiSansText-Regular';}
footer .footer-top ul li.first {padding-left: 0;}
footer .footer-top ul li.last {padding-right: 0;}
footer .footer-top ul li a {display: block; color: #fff}
footer .footer-bot {}
footer .footer-bot .bot-content {margin: 0 auto; width: 100%; }
footer .footer-bot .country-select {position: relative; background: #000;}
footer .footer-bot .country-select .selected {}
footer .footer-bot .country-select .selected.lang-1 {}
footer .footer-bot .country-select .selected a {display: block; position: relative; padding: 2.2rem 9.375% 2rem; color:#fff; font-size: 1.25rem;}
footer .footer-bot .country-select .selected a.choose {}
footer .footer-bot .country-select .selected a span{display:inline-block; overflow: hidden; vertical-align: middle}
footer .footer-bot .country-select .selected a span img {width:100%; vertical-align: baseline;}
footer .footer-bot .country-select .selected a > span:first-child{width: 1.4em; margin-right: 0.6em;}
footer .footer-bot .country-select .selected a span.arr {float:right; width: 1em; height: 0.6em;}
footer .footer-bot .country-select .selected a span.arr img{display: block; margin-top: -1.2em;}
footer .footer-bot .country-select.opened a span.arr img {margin-top: 0;}
footer .footer-bot .country-select.opened {}
footer .footer-bot .country-select.opened .opt-list {display: block;}
footer .footer-bot p.copy {padding:7.8% 9.375%; font: 1.125rem/1.4em 'HyundaiSansText-Regular'; color: #888; letter-spacing: -0.02em;}
footer .footer-bot p.copy span{display: block;}
footer .footer-bot .country-select .lang-wrap {position: absolute; bottom: 5.65rem; left: 0; width: 100%; height: 0; overflow: hidden;}
footer .footer-bot .country-select.opened .lang-wrap {height: auto}
footer .footer-bot .country-select .lang-wrap .inner-wrap {display: inline-block; width: 100%; height: auto; box-sizing: border-box;}
footer .footer-bot .country-select .lang-wrap .opt-list {padding:2% 0 2%; width: 100%; box-sizing: border-box; background: #fff;}
footer .footer-bot .country-select .lang-wrap .opt-list li {position: relative; margin-top:2%; font: 1.25rem 'HyundaiSansHead-Light';}
footer .footer-bot .country-select .lang-wrap .opt-list li:first-child {margin-top: 0}
footer .footer-bot .country-select .lang-wrap .opt-list li a {display: block; padding: 2% 9.375% 1% 16.65%; box-sizing: border-box; color: #888;}
footer .footer-bot .country-select .lang-wrap .opt-list li span {position: absolute; left: 9.375%; display:inline-block; overflow: hidden; width: 1.4em; margin:-0.15em 0.8em 0 0; vertical-align: top; }
footer .footer-bot .country-select .lang-wrap .opt-list li span img {width:100%; vertical-align: middle;}
footer .footer-bot .footer-copyright .btn {background-color: #303030;font-size: 0;padding: 0 9.375%;text-align:center;}
footer .footer-bot .footer-copyright .btn a {display: inline-block; height: 5.625rem; width: 50%; text-align: left;font: 1.25rem/5.625rem 'HyundaiSansHead-Light';color: #fff; box-sizing: border-box;text-align:center;}

/* quick menu */
.quick-menu{ }


/* popup */
#overlay {
    position: fixed;
    top:0; left:0;
    bottom:0; right:0;
    width: 100%; height:100%;
    background: #000;
    z-index: 1000;
    opacity:0;
    filter:alpha(opacity=0);
}

.popup {position:fixed;overflow-y:auto;top:0;left:0;width:100%;height:100%;padding:0 4.6875%;box-sizing:border-box;z-index:1001;opacity:0}
.popup.pop-full {padding:0}
.popup .popup-inner {position:relative;padding:12.0689% 5.1724% 5.1724% 5.1724%;background:#fff;  }
.popup .pop-inner-wrap{overflow: hidden; overflow-y: auto;}
.popup h1 {font:2.5rem/1 'GenesisSansText';color:#000}
.popup .pop-btn-area {text-align:center}
.popup .pop-btn-area a {width:100%;margin-top:8.6206%}
.popup .close-pop {position:absolute;top:0;right:0;width:14px;height:14px;padding:5.1724%;display: inline-block}
.popup .close-pop img {width:14px}
 #popup-zip-disclaimer.popup .popup-inner {padding:80px 10px;}
 #popup-zip-disclaimer .popup-inner .content-wrap{text-align:center;}
 #popup-zip-disclaimer .popup-inner .content-wrap p{font-family: 'GenesisSansHead-Light'; color: #A36B4F; font-size: 20px;line-height:26px;margin-bottom:20px;}
 #popup-zip-disclaimer .popup-inner .content-wrap span{font-family: 'GenesisSansText'; color: rgba(0,0,0,0.5); font-size: 16px;line-height:22px;}

/*3641 starts */
.reservation-gv81-width{
    width: 350px !important;
}
.text-center{
    text-align : center;
}
#reservation-gv81-head{
    margin-bottom: 28px;
    color: #804033;
    opacity: 0.9;
    text-transform : uppercase;
 }
.content-body{
     margin-bottom:25px !important;
    color:#808080 !important;
}
.pl-pr-10{
    padding-left: 10px;
    padding-right: 10px;
}
.phone-text{
    display:block;
    margin-bottom:20px;
    font-weight: bold;
    font-size:14px;
    opacity: 0.7;
}
.h-100{
    padding:0px !important;
    height:100% !important;
}
.h-100-inner{
    height:100% !important;
}
.head-text{
    font: 16px/50px "HyundaiSansText-Regular"!important;
    font-weight: bold !important;
}
/*3641 end */


/*3563 starts */

.share-text {
	position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    padding: 5.1724%;
    display: inline-block;
    font-size: 16px;
    font: 16px/1 'GenesisSansText'!important;
}

.close-popup1 {
	position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 5.1724%;
    display: inline-block;
    padding-top: 3%;
}

.popup-share-text {
	color: #d4a78e;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-family: 'GenesisSansHead-Light' !important;
    opacity: 0.9;
}
.popup-share-h{
	font: 18px/1 'GenesisSansHead-Light' !important;
    color: #d4a78e !important;
    height: 25px !important;

}

.popup-share-para {
	font: 14px/1 'GenesisSansText';
    color:gray;
    line-height: 1.5;
}

.mt-20-share-pop {
    margin-top: 20px;
}
.mt-25-share-pop {
	margin-top: 25px;
}

.text-align-center {
 	text-align:center;
 }

.share-pop-email {
	height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 18px/1 'GenesisSansText';
}

.bg-color-share-pop {
 	background-color: #f7f7f7;
}

.mr-15-share-pop {
	margin-right:15px;
}

.ml-mr-15-share-pop {
	margin-left:15px;
    margin-right: 15px;
}

.cursor-share-pop {
	cursor:pointer;
}

.padding-20-share {
	padding: 20px;
}

.mb-100-share {
	margin-bottom: 100px;
}

.mt-5-share {
	margin-top:5px;
}
.mt-15-share {
	margin-top:15px;
}
.copyLink-share {
	font: 18px/1 'GenesisSansText';        
 }
.font-12-share {
	font: 12px/1 'GenesisSansText'; 
    line-height: 1.5;
}
.link-copied-share{
	margin-top: 28%;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #804033;
    font-size:12px !important;
 }
.cursor-pointer {
	cursor: pointer;
}
.h-100 {
	padding:0px !important;
    height:100% !important;
}
.height-100 {
 	height:100% !important;
}

.email-copy-head{
    font: 18px/1 'GenesisSansHead-Light' !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7 !important;
    padding-left: 0px !important;
}
/*3563 ends*/


.message-popup { position: fixed !important; } /* .popup[position:fixed] => organize.js[position:relative] */
.message-popup .msg-holder{display:block;margin-top:4.375%;font:1.500rem/1.5 'HyundaiSansText-Regular';color:#000;text-align:center;}
.message-popup .btn-wrap .btn-base{}

.message-popup.success h1 {font:3rem 'HyundaiSansText-Regular'}
.message-popup.success .popup-inner {text-align: center}
.message-popup.success .popup-inner .img {display: inline-block; width: 8.188rem; padding-bottom: 5%; vertical-align: middle;text-align: center}
.message-popup.success .popup-inner .img img {width:100%}
.popup.youtube-pop .youtube-pop-con {position: relative; padding-bottom: 56.25%; height: 0; top: 50%; transform: translateY(-50%); }
.popup.youtube-pop .youtube-pop-con iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube-wrap,
.popup.youtube-pop{width:100%; height:100%; left:0; top:0; bottom:0; padding:0; background: #000; opacity: 1;}
/* GEN-1652-1734 */
.youtube-wrap iframe,
.popup.youtube-pop iframe{width:100%; height:97.5%; margin-top: 5%;}
.popup.youtube-pop .close-pop {position: static;}
/* .popup.youtube-pop .close-video-pop {position: fixed; top: 15px; right: 13%; z-index: 1} */
.popup.youtube-pop .close-video-pop {position: fixed; top: 2%; right: 5%; z-index: 1}
.popup.youtube-pop .close-video-pop span {display: block; position: relative; width: 18px; height: 18px; overflow: hidden}
.popup.youtube-pop .close-video-pop img {position: absolute; left: 0; top: 0; width: 18px; height: auto}
.popup.youtube-pop.dark .close-video-pop img {top: auto; bottom: 0;}

.alert-holder {padding:1% 0;font-size:1.250rem;color:#804033}
.alert-holder .img {display:inline-block;width:3.0769%;margin-right:2.1153%;vertical-align:middle}
.alert-holder .img img {width:100%;vertical-align:0}
.alert-holder.hide{display:block !important; padding:1% 0; visibility:hidden; }

.contact-dealer-popup .popup-inner {padding: 0px;}
.contact-dealer-popup .popup-inner h1 {height: 50px;line-height: 50px;text-align: left;padding-left: 10px;background-color: #fbfbfb;font: 16px/50px 'HyundaiSansHead-Light';}
.contact-dealer-popup .popup-inner .pop-inner-wrap {padding: 20px;}
.contact-dealer-popup .popup-inner .img {padding-top: 5%;padding-bottom: 0px !important;}
.contact-dealer-popup .popup-inner .close-pop img {width:15px}

#popup-success-gv80-mail .popup-inner .img,
#popup-success-g80-mail .popup-inner .img{
	display: inline-block;
    width: 100%;
    padding-bottom: 5%;
    vertical-align: middle;
    text-align: center;
}

#popup-success-gv80-mail .popup-inner .pop-inner-wrap h2,
#popup-success-g80-mail .popup-inner .pop-inner-wrap h2{
	display: block;
    margin-top: 4.375%;
    font: 16px/23px 'GenesisSansHead-Light';
    color: #804033;
    text-align: center;
    margin-bottom: 20px;
}

#popup-success-gv80-mail .popup-inner .pop-inner-wrap p,
#popup-success-g80-mail .popup-inner .pop-inner-wrap p{
	display: block;
    font: 14px/20px 'GenesisSansText';
    color: #000;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

#popup-success-gv80-mail .popup-inner .pop-inner-wrap div.learn-more a,
#popup-success-g80-mail .popup-inner .pop-inner-wrap div.learn-more a{
	font: 13px/24px 'GenesisSansHead-Regular';
    padding-bottom: 5px;
    border-bottom: 1px solid;
}

#popup-success-gv80-mail .popup-inner .pop-inner-wrap div.learn-more,
#popup-success-g80-mail .popup-inner .pop-inner-wrap div.learn-more{
	text-align: center;
} 
/*GEN-3072 start*/
footer .footer-disclaimer{
    color: #FFFFFF;
    text-align: center;
    border-top: 1px solid #6F6F6F;
   	margin: 35px 9.375%;
   	margin-top: 0;
   	padding: 0;
   	padding-top: 35px;
}

footer .footer-disclaimer span{
	font-family: "GenesisSansText";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

footer .footer-disclaimer a.phone:hover{
    text-decoration: none;
}
footer .footer-disclaimer a.phone{
    color: #FFFFFF;
    font-weight: 600;
    display: inline-block;
}
footer .footer-disclaimer a.email{
    color: #FFFFFF;
    text-decoration: underline;
}
/*GEN-3072 end*/
@media only screen and (max-width:767px){
	header .common-menu .logo {
    	padding-left: 15px;
    }
    
     .header-logo a{
       display: block;
        padding: 15px 0 13px;
    }
    
}

@media only screen and (max-width:900px) and (orientation: landscape){
    header .common-menu .logo {
    	padding-left: 2.68%;
    }
}
/* 가변형 �스트 */
@media only screen and (min-width:640px) and  (max-width:767px){
    html, body{font-size: 0.563em;}
}

@media only screen and (min-width:600px) and  (max-width:639px){
    html, body{font-size: 0.938em;}
}

@media only screen and (min-width:560px) and  (max-width:599px){
    html, body{font-size: 0.875em;}
}

@media only screen and (min-width:520px) and  (max-width:559px){
    html, body{font-size: 0.813em;}
}

@media only screen and (min-width:480px) and  (max-width:519px){
    html, body{font-size: 0.75em;}
}

@media only screen and (min-width:440px) and  (max-width:479px){
    html, body{font-size: 0.688em;}
}

@media only screen and (min-width:400px) and  (max-width:439px){
    html, body{font-size: 0.625em;}
}

@media only screen and (min-width:360px) and  (max-width:399px){
    html, body{font-size: 0.563em;}
}

@media only screen and (max-width:359px) {
    html, body{font-size: 0.5em;}
}
/* GEN-1652-1734 */
@media only screen and (orientation: landscape) {
	.youtube-wrap iframe,
	.popup.youtube-pop iframe{height:92%; margin-top: 4%;}
}
a.disabled{
    pointer-events:none;
}

/*===============================================================================================*/
/*========================================== PRIVACY  ===========================================*/
/*===============================================================================================*/

.privacy-dialog {
	position: fixed;
	right: 0;
    bottom: 0;
	padding: 25px;
	background-color: #1D1D1D;
	display: block;
	z-index: 9998;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	-webkit-transform: translate3d(0, 125%, 0);
	-moz-transform: translate3d(0, 125%, 0);
	-ms-transform: translate3d(0, 125%, 0);
	-o-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
}
.privacy-dialog.in {
	-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);
}
.privacy-dialog .privacy-close {
	position: absolute;
    top: 5px;
    right: 10px;
	background: transparent;
	border: 0 !important;
	outline: 0 !important;
    cursor: pointer;
    font-size: 20px;
    color: #9b9b9b;
}
.privacy-dialog .privacy-body {
	font-size: 14px;
	line-height: 18px;
	font-family: 'HyundaiSansText-Regular';
	color: #9B9B9B;
	letter-spacing: 0.16px;
}
.privacy-dialog .privacy-body a {
	text-decoration: underline;
	color: #804033;
}


.loadSolid {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba( 100, 100, 100, 0.4);
    top: 0;
    pointer-events: auto;
    display: none;
    z-index: 1002;
    opacity: 1;
    transition: 0.25s opacity;
}

.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 195px;
    height: 5px;
    z-index: 101;
}

.spin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    border: 0.2rem solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}