/* ------------------------------------------------------------------
  * @ lata date: 2016.12.19
 * ------------------------------------------------------------------ */


body{min-width:1024px;}
.wrapper{height:100%;}
.site-logo {display:block; width:148px; height:26px; overflow: hidden}
.site-logo img{width:100%; vertical-align: top;}

/* ------------------------------------------------------------------
* ÃƒÂ«Ã‚Â Ã‹â€ ÃƒÂ¬Ã¯Â¿Â½Ã‚Â´ÃƒÂ¬Ã¢â‚¬Â¢Ã¢â‚¬Å¾ÃƒÂ¬Ã¢â‚¬ÂºÃ†â€™
* ------------------------------------------------------------------ */

/* navigation light-ver */
header {position: fixed; top:0; z-index: 200; width:100%; height:80px; min-width: 700px; font-size: 16px; line-height: 1;}
header .common-menu {position: relative; z-index: 1; max-width: 1920px; margin: 0 auto}
header .common-menu strong {display: block; float: left; margin: 19px 0 0 30px; width: 120px; height: 47px; position: relative; overflow: hidden; z-index:10;}
header .common-menu strong a img {display: block;}
header .common-menu .location {display: inline-block; position: absolute; top: -20px; left: 0; margin: 0 auto; width: 100%; text-align: center; font-size: 16px; line-height: 24px; color: #dedede}
header .common-menu a {color: #dedede;}
header .common-menu .inner-wrap h1 a {display: block; height: 43px; overflow: hidden; text-indent: -10000px; //*background: url("../images/common/logo_header.png") 0 0 no-repeat;*// }
header .common-menu .inner-wrap .right-menus {display: inline-block; float: right; margin: 30px 30px 0 0; font-size: 16px; line-height: 24px; vertical-align: middle;}
header .common-menu .inner-wrap .right-menus .top_util_menu { overflow: hidden; }
header .common-menu .inner-wrap .right-menus .find-dealer {position:relative; float: left; padding-right: 17px; transition: color 0.8s;margin-left:15px;}
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:after {display: block; content: ''; position: absolute; right:0; top: 3px; width: 2px; height:15px; background: #dedede;}
header .common-menu .inner-wrap .right-menus .btn-open-menu {position: relative; display: inline-block; float: left; padding: 0 52px 0 15px; transition: color 0.8s;}
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap {display: block; position: absolute; top: 0; right: 0; width: 36px; height: 22px; overflow: hidden; }
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines {}
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines .ctr-line {display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 2px; margin: -1px 0 0 -18px; background: #fff; transition: background 0.5s }
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 20px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 20px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
header .common-menu .inner-wrap .right-menus .menus {display: none; position: fixed; top: 0; right: 0; clear: both;}
header .head-bg {position: absolute; top: 0px; left: 0; width: 100%; height: 80px; background: #000; opacity: 0.9;}

header .common-menu .inner-wrap .right-menus .btn-open-menu:hover {color:#804033; transition: color 0.3s}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines .ctr-line {background: #804033; transition: background 0.3s}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:before {background: #804033; top: 18px;}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:after {background: #804033; bottom: 18px;}

/* navigation non-bg */
header .common-menu.non-bg a {color: #232323;}
header .common-menu.non-bg .inner-wrap h1 a img{margin-top: -47px;}
header .common-menu.non-bg .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;}
header .common-menu.non-bg .inner-wrap .right-menus .find-dealer:after {background: #000;}
header .common-menu.non-bg .head-bg {top:0; opacity: 1; background: #fff}
header .common-menu.non-bg strong a img {margin-top: -53px}
header .common-menu.non-bg .location {display: none}
header .common-menu.dark-bg {height:80px; background: #191919;}
header .common-menu.dark-bg .close-pop img{margin-top:-20px;}

/* navigation dark-ver */
header .common-menu.dark a {color: #232323;}
header .common-menu.dark .inner-wrap h1 a img{margin-top: -47px;}
header .common-menu.dark .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;/*background: url("../images/common/btn_menu_dark.png") top right no-repeat;*/}
header .common-menu.dark .inner-wrap .right-menus .find-dealer:after {background: #000;}


/* sub depth menu */
.shortcut-wrap {position: fixed; top: 80px; left: 0; width: 100%; min-width: 700px; z-index: 100}
.shortcut-wrap .inner-contain {max-width: 1920px; margin: 0 auto; overflow: hidden; background: #e1e1e1; text-align: center; opacity: 0.9; z-index: 4;}
.shortcut-wrap .shortcuts {display: inline-block; font-size: 0}
.shortcut-wrap .shortcuts li {display: inline-block; position: relative}
.shortcut-wrap .shortcuts li:after {display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 11px; background: #c1c1c1; content: ''}
.shortcut-wrap .shortcuts li.first:after {display: none}
.shortcut-wrap .shortcuts li a {display: inline-block; padding: 19px 18px 17px; font-size: 12px; line-height:1; color: #666; transition:color 0.3s;}
.shortcut-wrap .shortcuts li a:hover{color:#000;}
.shortcut-wrap .shortcuts li.located a {color: #804033;}

/* navigation side menu */
header .side-menu {position: fixed; top:0; right: -470px; z-index: 2; padding-left: 55px; width: 470px; height: 100%; box-sizing: border-box; overflow: hidden; background: #000; min-height:530px; }
header .side-menu.opened {right:0;}
header .side-menu a ,
header .common-menu .side-menu a {color: #999; transition: 0.2s all}
header .common-menu .side-menu a:hover {color: #fff;}

header .side-menu .input-wrap {display: inline-block; position: absolute; top: 0; left: 55px; margin-top: 19px; width: 300px; font-size: 0; line-height: 1; vertical-align: top;}
header .side-menu .input-wrap input {padding: 0 70px 0 30px; width: 100%; height:42px; line-height:42px; box-sizing: border-box; background: #000; border: none; font-size: 16px; line-height: 2; color: #fff;}
header .side-menu .input-wrap input:focus {border-bottom: 1px solid #fff; color: #fff}
header .side-menu .input-wrap img {position: absolute; top: 13px; left: 0;padding-left:5px;}
header .side-menu .input-wrap a.btn-cancle {display: none; position: absolute; right: 0; top: 0; height: 48px; font: 12px/48px "HyundaiSansHead-Light"; color: #888}
header .side-menu .input-wrap.has-txt a.btn-cancle {display: block}
header .side-menu .input-wrap a.btn-search {display: none; position: absolute; right: 0; top: 0; height: 48px; font: 12px/44px "HyundaiSansHead-Light"; color: #888;padding-right:10px;}
header .side-menu .input-wrap a.btn-search span {display: block}
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 .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 .btn-close-menu {display: block; position: absolute; top: 0; right: 0; width: 85px; height: 85px; overflow: hidden; text-indent: -10000px;}
header .side-menu .btn-close-menu .line-wrap {display: block; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; width: 25px; height: 25px; overflow: hidden;}
header .side-menu .btn-close-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 12px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transition: all 0.3s}
header .side-menu .btn-close-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 12px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition: all 0.3s}
header .side-menu .btn-close-menu span img {display: block;}
header .side-menu .btn-close-menu:hover .tb-lines:before {background: #804033; } /* -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);*/
header .side-menu .btn-close-menu:hover .tb-lines:after {background: #804033; } /* -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); */
header .side-menu .cont-mid {display: inline-block; padding: 0 55px 0 0; width: 100%; box-sizing: border-box; vertical-align: middle;}
header .side-menu .cont-mid li.activated > a {color: #fff}
header .side-menu .cont-mid .nav-high-priority {}
header .side-menu .cont-mid .nav-high-priority > li {position: relative; margin-top: 35px; overflow: hidden; font: 28px/1.2 'HyundaiSansText-Regular'}
header .side-menu .cont-mid .nav-high-priority > li.hoverable > a {display: inline-block; position: relative; padding-right: 13px; z-index: 2; background: #000; font-family:'HyundaiSansHead-Light'}
header .side-menu .cont-mid .nav-high-priority > li:first-child {margin-top: 0;}
header .side-menu .cont-mid .nav-high-priority .depth-2 {height: 0; overflow: hidden;}
header .side-menu .cont-mid .nav-high-priority > li.hoverable .depth-2 {height: auto}
header .side-menu .cont-mid .nav-high-priority .depth-2.on {display: block;}
header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2 {display: none;}
header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2.on {display: block;}
header .side-menu .cont-mid .nav-high-priority > li.on-over > a{color: #fff}
header .side-menu .cont-mid .nav-high-priority .depth-2 {position: absolute; left: 0; top: 50px; padding-left: 86px; box-sizing: border-box;}
header .side-menu .cont-mid .nav-high-priority .depth-2:after {display: block; content: ''; position: absolute; left: 0; top: 4px; left:0; width: 63px; height: 1px; background: #804033;}
header .side-menu .cont-mid .nav-high-priority .depth-2 li {margin-top: 12px; font-size: 12px; line-height: 1.2;}
header .side-menu .cont-mid .nav-high-priority .depth-2 li:first-child {margin-top: 1px;}
header .side-menu .cont-mid .nav-high-priority .depth-2 li.on a {color: #804033;}
header .side-menu .cont-mid .nav-low-priority {margin-top: 38px;}
header .side-menu .cont-mid .nav-low-priority li {margin-top: 17px; font-size: 16px; line-height: 1;}
header .side-menu .cont-mid .nav-low-priority li:first-child {margin-top: 0;}
header .side-menu .cont-mid .nav-low-priority li a {font-family:'HyundaiSansHead-Light'}
header .side-menu .cont-bot {position: absolute; bottom:20px; left: 0; padding-left: 55px; width: 100%; box-sizing: border-box;}
header .side-menu .cont-bot .sns-btns {float: left; margin-left: -5px;}
header .side-menu .cont-bot .sns-btns a {display: block; float: left; margin-left: 10px; width: 21px; height: 22px; overflow: hidden; text-indent: -1000px;}
header .side-menu .cont-bot .sns-btns a span {display: block;}
header .side-menu .cont-bot .sns-btns a span img {display: block; opacity:0.5}
header .side-menu .cont-bot .sns-btns a span img:hover {opacity:1}
header .side-menu .cont-bot .sns-btns a.sns-fb {margin-left: 0; }
header .side-menu .cont-bot .sns-btns a.sns-ins { }
header .side-menu .cont-bot .sns-btns a.sns-tw { width: 23px; margin-left: 7px; }
header .side-menu .cont-bot .sns-btns a.sns-yt { width: 23px; }
header .side-menu .cont-bot .lang-btns {float: right; margin-right: 30px; font-size: 14px; line-height: 22px;}
header .side-menu .cont-bot .lang-btns a {padding: 0 5px; color: #555;}
header .side-menu .cont-bot .lang-btns a.on {color: #fff;}
header .side-menu .input-wrap input::-ms-clear {display: none;}

#container{
    position:relative;
    min-height:100%;
    margin-bottom: -170px;
}
#container.fill-bg-color{/*background-color: #f7f7f7;*/}
#container .inner-contain{
    margin: 0 auto;
    padding:80px 0 170px;
    max-width: 1920px;
    overflow: hidden;
}
#container section{position:relative;} /*  background: #fff;  */
#container.not-hf-100per{min-height: 0; margin-bottom: 0;}
#container.not-hf-100per .inner-contain{padding:0;}

/* scroll */
.btn-scroll {position: absolute; bottom: 10px; width: 100%; height: 68px; text-align: center; font-size: 0;}
.btn-scroll a {display: inline-block; color: #804033;}
.btn-scroll a span.btn-txt {display: block; font-size: 10px; line-height: 1}
.btn-scroll a span.vert-line-mask {display: inline-block; margin-top: 5px; width: 2px; height: 33px; overflow: hidden}
/*.btn-scroll a span.vert-line {display: inline-block; position: relative; width: 1px; height: 53px; background: #804033;}*/
.btn-scroll a span.vert-line {display: inline-block; position: relative; width: 0px; height: 53px; border-left: 1px solid #804033;}

/* go to top */
.btn-top {position: fixed; bottom: 30px; right: 30px; font-size: 0; z-index: 10}
.btn-top a {display: inline-block; color: #804033; text-align: center;}
.btn-top a span.btn-txt {display: block; font-size: 10px; line-height: 1;}
.btn-top a span.vert-line-mask {display: inline-block; margin-top: 5px; width: 1px; height: 33px; overflow: hidden}
.btn-top a span.vert-line {display: inline-block; position: relative; width: 1px; height: 53px; background: #804033;}


/* Footer */
footer {position: relative; width: 100%; /*overflow: hidden;*/}
footer .inner-wrap {max-width: 1920px; margin: 0 auto}
footer .footer-top {background: #dbdbdb;}
footer .footer-top ul {margin: 0 auto; padding: 30px 0 27px; max-width: 1920px; text-align: center; font-size: 0; box-sizing: border-box;}
footer .footer-top ul li {display: inline-block; padding: 0 2.58%; text-align: center; font-size: 12px; line-height: 1;}
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: inline-block; color: #666;}
footer .footer-bot {background: #e6e6e6;}
footer .footer-bot .bot-content {margin: 0 auto; padding: 22px 0 19px; width: 100%; max-width: 1920px;}
footer .footer-bot .country-select {float: left;  margin-left: 10px;}
footer .footer-bot .country-select {float: left; position: relative; margin-left: 10px; transition: 0.5s all; transition-delay: 0.3s;}
footer .footer-bot .country-select .selected {position: relative; z-index: 2; font: 18px/1 'HyundaiSansHead-Light';}
footer .footer-bot .country-select a {display: block; position: relative; width: 160px;  padding: 20px 54px 20px 68px; }
footer .footer-bot .country-select a.choose {border-top: 1px solid #e6e6e6;}
footer .footer-bot .country-select a span {display: block; position: absolute; left: 20px; top:21px; width: 23px; height: 13px; overflow: hidden;}
footer .footer-bot .country-select a span img {display: block;}
footer .footer-bot .country-select a span.arr {width: 13px; height: 7px; left: auto; right: 20px; top: 24px;}
footer .footer-bot .country-select a span.arr img {margin-top: -7px;}
footer .footer-bot .country-select.opened a span.arr img {margin-top: 0px;}
footer .footer-bot .country-select .lang-wrap {position: absolute; bottom: 59px; left: 0; width: 100%; height: 0; overflow: hidden;}
footer .footer-bot .country-select .lang-wrap .inner-wrap {display: inline-block; width: 100%; height: 0; box-sizing: border-box;}
footer .footer-bot .country-select .lang-wrap .opt-list {padding: 10px 0; width: 100%; box-sizing: border-box; background: #fff;}
footer .footer-bot .country-select .lang-wrap .opt-list li {position: relative; font: 18px/1 'HyundaiSansHead-Light';}
footer .footer-bot .country-select .lang-wrap .opt-list li span {display: block; position: absolute; left: 20px; top:10px; width: 23px; height: 13px; overflow: hidden;}
footer .footer-bot .country-select .lang-wrap .opt-list li a {display: block; padding: 9px 0 5px 68px; box-sizing: border-box; color: #888; width: 100%}
footer .footer-bot .country-select.opened {background: #fff; transition-delay: 0s;}
footer .footer-bot .country-select.opened .lang-wrap {height: 0}
footer .footer-bot .country-select.opened .lang-wrap .inner-wrap {height: auto}
footer .footer-bot p.copy {float: right; margin-right: 49px; font-size: 12px; line-height: 58px; color: #888;}
footer .footer-bot .footer-copyright .btn {float: left;width: 17%;padding-left: 30px;font: 18px/1 'HyundaiSansHead-Light';}
footer .footer-bot .footer-copyright .btn a {display: inline-block;padding: 21px 0px 0px;margin-right: 20px; }
footer .footer-bot .footer-copyright .btn a:hover { border-bottom: 1px solid #000;padding-bottom: 5px; }



/* 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;top:50%;left:50%;padding:0;box-sizing:border-box;background:#fff;z-index:1001;opacity:0}
.popup h1 {font:16px/50px 'HyundaiSansHead-Light'; height:50px; color:#000; background-color:#fbfbfb; padding-left: 20px;}
.popup .popup-inner {padding:50px 50px 20px;}
.popup .popup-inner .pop-inner-wrap {margin-top:30px}
.popup .close-pop {position:absolute;top:6px;right:17px;width:15px;height:15px; padding: 10px;}

#dimmed-visual {
    position: fixed;
    top:0; left:0;
    bottom:0; right:0;
    width: 100%; height:100%;
    background: #000;
    z-index: 199;
    opacity:1;
    filter:alpha(opacity=1);
}

/* ÃƒÂªÃ‚Â¸Ã‚Â°ÃƒÂ«Ã‚Â³Ã‚Â¸ ÃƒÂ«Ã‚Â©Ã¢â‚¬ï¿½ÃƒÂ¬Ã¢â‚¬Â¹Ã…â€œÃƒÂ¬Ã‚Â§Ã¢â€šÂ¬ ÃƒÂ­Ã…â€™Ã¯Â¿Â½ÃƒÂ¬Ã¢â‚¬â€�Ã¢â‚¬Â¦ */
.message-popup{width:450px; margin-left:-225px;}
.message-popup .msg-holder{font-size:16px; padding-bottom:40px;text-align: center;}
.message-popup .btn-wrap{text-align:center;}
.message-popup .btn-wrap .btn-base{width:195px;}

.message-popup.none-tit h1{display:none;}
.message-popup.none-tit .msg-holder{padding-top:10px;}
.message-popup.error-back{width:510px; margin-left:-255px; }
.message-popup.error-back .popup-inner{padding-left:30px; padding-right:30px;}
.message-popup.error-back .btn-wrap .btn-base{width:170px;}


.popup.youtube-pop{width:100%; left:0; top:0; bottom:0; padding:0; background: #000; opacity: 1; padding:75px;}
.youtube-wrap iframe,
.popup.youtube-pop iframe{width:100%; height:100%;}
.popup.youtube-pop .close-pop {position: static;}
.popup.youtube-pop a.close-video-pop { position: absolute; top:30px; right:30px; display: block; width: 60px; height: 60px; overflow: hidden;}
.popup.youtube-pop a.close-video-pop span {position: absolute; left: 15px; top:15px; width: 30px; height: 30px; overflow: hidden;}
.popup.youtube-pop a.close-video-pop img {position: absolute; top:50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px;}

.alert-holder {display:inline-block; padding:10px 0 15px; font-size:12px;  color:#804033;line-height:1}
.alert-holder span:first-child {padding-right:6px;}
.alert-holder img {vertical-align:-4px}
.alert-holder.hide{display:block !important; visibility:hidden; }

@media only screen and (min-width:1920px){
    /* width: 1920px~ */
}

@media only screen and (min-width:1280px) and (max-width:1920px){
	/* width: 1280~1920px */
}

@media only screen and (max-width:1600px){
    /* width: 0~1920px */
    footer .footer-top ul li {padding: 0 2.58%;}
}

@media only screen and (max-width:1279px){
    /* width: 1279px ÃƒÂ¬Ã¯Â¿Â½Ã‚Â´ÃƒÂ­Ã¢â‚¬Â¢Ã‹Å“ */
    .shortcut-wrap .shortcuts{min-width:700px;}
    .shortcut-wrap .shortcuts li a{padding: 19px 18px 17px;}
}

@media only screen and (max-width:1024px){
    /* width: 1024 ÃƒÂ¬Ã¯Â¿Â½Ã‚Â´ÃƒÂ¬Ã†â€™Ã¯Â¿Â½ */
    header .common-menu .inner-wrap .right-menus a.find-dealer:nth-child(1){ display:none !important;}
}

@media only screen and (max-height:778px){
    /* height: 778 ÃƒÂ¬Ã¯Â¿Â½Ã‚Â´ÃƒÂ­Ã¢â‚¬Â¢Ã‹Å“ */
    header .side-menu .cont-mid .nav-low-priority {position: relative; margin-top: 28px; padding-top: 23px; border-top: 1px solid #333333}
    header .side-menu .cont-mid .nav-low-priority .odd {float: left; width: 50%}
    header .side-menu .cont-mid .nav-low-priority .even {float: left; width: 50%}
    header .side-menu .cont-mid .nav-low-priority .on-top {margin-top: 0}
    header .side-menu .cont-mid .nav-low-priority li {font-size: 14px}
    header .side-menu .cont-mid .nav-high-priority > li {margin-top: 20px; font-size: 18px}
    header .side-menu .cont-mid .nav-high-priority .depth-2 {top: 29px; left:0;  padding-left:50px}
    header .side-menu .cont-mid .nav-high-priority .depth-2:after {width:37px}
}
@media only screen and (max-width: 1100px){
	footer .footer-top ul li {
		padding:0 1.8%;
	}
}

@media screen and (min-height: 768px) and (max-width: 1024px) {
	.genesis-dealer-location {
		width:350px !important;
	}
	
	header .genesis-dealer-location .cont-mid .nav-high-priority > li{
		font:21px/1.2 'HyundaiSansText-Regular'
	}
	
	header .genesis-dealer-location .cont-mid .nav-high-priority .depth-2 li{
		font-size:9px;
		margin-top:10px;
		line-height:1.1;
	}
	header .genesis-dealer-location .cont-mid .nav-high-priority .depth-2 {
		top:46px;
	}
	footer .footer-top ul li {
		padding:0 1.8%;
	}
}


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;
	font-family: 'HyundaiSansText-Regular';
	color: #9B9B9B;
}
.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: 15;
    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;
}



