/** ------------------------------------------------------------------*/
/**  contents.css
/**  last update: 2016.08.19
/** ------------------------------------------------------------------ */

/*@import url(modules.css);*/
/*@import url(brand.css);*/
/*@import url(owners.css);*/
/*@import url(models.css);*/
/*@import url(concept.css);*/
/*@import url(search.css);*/
/*@import url(footer.css);*/

/* swipe */
/*.swipe .swipe-wrap {overflow:hidden;visibility:hidden;position:relative}
.swipe .swipe-wrap ul {overflow:hidden;position:relative}
.swipe .swipe-wrap li {position:relative;float:left;width:100%}
.swipe .swipe-wrap li img {width:100%}
.swipe .indicator a {display:inline-block;width:6px;height:15px;text-align:center;line-height:15px;vertical-align:middle}
.swipe .indicator a span {display:inline-block;overflow:hidden;width:1px;height:6px;background-color:#404040;text-indent:-200%;white-space:nowrap}
.swipe .indicator .on span {height:15px;background-color:#fff}
.swipe .indicator.reverse a span {background-color:#bfbfbf}
.swipe .indicator.reverse .on span {background-color:#000}*/

/* color : common */
.c-white { color: #fff !important; }
.c-black { color: #000 !important; }
.uppercase { font-family: 'HyundaiSansHead-Light' !important; }
.lowercase { font-family: 'HyundaiSansText-Regular' !important; }

@font-face {
    font-family: 'GenesisSansHead-Light';
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Light.eot');
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Light.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Light.woff') format('woff'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Light.ttf') format('truetype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Light.svg#GenesisSansHead-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'GenesisSansHead-Regular';
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Regular.eot');
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Regular.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Regular.woff') format('woff'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Regular.ttf') format('truetype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-head/GenesisSansHead-Regular.svg#GenesisSansHead-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GenesisSansText';
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-text/GenesisSansText.eot');
    src: url('/etc/designs/genesis/us/css/fonts/genesis-sans-text/GenesisSansText.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-text/GenesisSansText.woff') format('woff'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-text/GenesisSansText.ttf') format('truetype'),
         url('/etc/designs/genesis/us/css/fonts/genesis-sans-text/GenesisSansText.svg#GenesisSansText') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* table : common */
.area-tbl {padding:0 4.6875% 4.6875%}
.area-tbl table {width:100%}
.area-tbl table th,
.area-tbl table td {vertical-align:top}
.area-tbl table th span,
.area-tbl table td > span {display:block;padding:0.8125rem 0 0.8125rem 1.875rem;border-top:1px solid #ccc;font-size:1.250rem;text-align:left;line-height:1.4;vertical-align:middle}
.area-tbl table td > span {margin-left:2.8%}
.area-tbl table th > span {font-weight:normal;color:#888}
.area-tbl table tr:last-child th > span,
.area-tbl table tr:last-child td > span {border-bottom:1px solid #ccc}
.area-tbl table td .txt-cmt{display:block; padding-top:5%; font-size:1.25rem; color:#666;}

/* form : common */
.area-form .tit-sub {display:block;padding:3.75% 4.6875%}
.area-form .tit-sub h3 {display:block;margin-top:3.9062%;font-size:1.875rem;color:#000;line-height:1}
.area-form .tit-sub span {display:block;margin-top:2.3437%;font-size:1.375rem;color:#888;line-height:1.45}
.area-form .tit-sub span.txt {color:#000}
.area-form .box-form {padding:0 4.6875% 7.8125%;background-color:#f7f7f7}
.area-form .box-form > div {padding-top:6.8965%}
.area-form .box-form > div .item {display:block;margin-bottom:2.7586%;font-size:1.500rem;color:#000;line-height:1;vertical-align:middle}
.area-form .box-form > div .item em {display:inline-block;width:3.1034%;padding-top:2%;font-size:1.750rem;font-style:normal;color:#804033;vertical-align:middle;line-height:1}
.area-form .box-form > div .item-tbl {display:table;width:100%;margin-bottom:2.7586%}
.area-form .box-form > div .item-tbl .item-tit {display:table-cell;width:24%;font-size:1.500rem;color:#000;line-height:1;vertical-align:middle}
.area-form .box-form > div .item-tbl .item-tit em {color:#804033;font-style:normal;vertical-align:middle}
.area-form .box-form > div .item-tbl .item-txt {display:table-cell;width:76%;padding-left:6.8181%;font-size:1.500rem;color:#000;line-height:1;vertical-align:middle}
.area-form .box-form > div .item-tbl .item-ipt {display:table-cell;width:39%;vertical-align:middle}
.area-form .box-form > div .item-tbl .item-btn {display:table-cell;width:36%;padding-left:3.4482%;vertical-align:middle}
.area-form .box-form > div .item-tbl .item-btn .btn-base {display:block;width:100%;height:3.33em;font-size:1.5rem;line-height:3.35em}
.area-form .box-form > div input {width:100%}
.area-form .box-form > div select {width:100%;background-color:#fff}
.area-form .box-form > div .txt-desc {display:block;margin-top:6.25%;padding-top:3.5937%;border-top:1px solid #c4c6ca;font-size:1.375rem;color:#888;line-height:1.45}
.area-form .box-form > div .txt-desc span {display:block;position:relative;margin-top:1.3793%;padding-left:2.7586%}
.area-form .box-form > div .txt-desc span:before {position:absolute;top:0;left:0;width:2.7586%;content:'-';text-align:left}
.area-form .box-form > div .txt-desc span:first-child {margin-top:0}
.area-form .box-form > div .txt-desc.ty1 {margin-top:1.7241%;padding-top:0;border-top:0 none;line-height:1}
.area-form .box-form div .phone {display:table;width:100%}
.area-form .box-form div .phone > div {display:table-cell;width:29.3103%;background-color:#fff}
.area-form .box-form div .phone .front {width:33.6206%}
.area-form .box-form div .phone .dash {display:table-cell;width:3.8794%;text-align:center;vertical-align:middle}

.area-form .box-form div .birthday {display:table;width:100%}
.area-form .box-form div .birthday div select {float:left;width:48.9655%}
.area-form .box-form div .birthday div select:first-child {margin-right:2.069%}
.area-form .box-form div .birthday .front {margin-bottom:3.448%}
.area-form .box-form div .birthday .front select {float:none;width:100%}

.area-form .box-form div .email .ipt-email + div {margin-top:3.4482%;background-color:#fff}
.area-form .box-form div .email .ipt-email input {float:left;width:47.5862%}
.area-form .box-form div .email .ipt-email .at {float:left;width:4.8276%;font-size:1.500rem;color:#888;text-align:center;vertical-align:middle;line-height:5rem}
.area-form .box-form div .date {display:table;width:100%;}
.area-form .box-form div .date > div {background-color: #fff}
/*.area-form .box-form div .date > div {float:left;width:29.3103%;margin-left:3.8794%;background-color:#fff}
.area-form .box-form div .date > div:first-child {width:33.6206%;margin-left:0}*/
.area-form .box-form div .date .dash {display:table-cell;width:3.8794%;text-align:center;vertical-align:middle; }
.area-form .box-form div .email-select {margin-top: 3%}
.area-form .box-form .txt-agree {margin-top:2.5862%}
.area-form .box-form .txt-agree > span {display:block;font-size:1.125rem;color:#000;line-height:1.4}
.area-form .box-form .txt-agree > em {display:block;font-size:1.125rem;font-style:normal;color:#888;line-height:1.8}
.area-form .box-form .txt-agree .chk-agree {margin-top:3.448%}

.area-form .box-form .box-tab {position:relative}
.area-form .box-form .box-tab .tab-menu {position:absolute;margin-top:8.6206%;top:0;right:0;width:100%;text-align:right}
.area-form .box-form .box-tab .tab-menu li {display:inline-block;padding:0 3.4482%;border-left:1px solid #ddd;line-height:1}
.area-form .box-form .box-tab .tab-menu li:first-child {border:0 none}
.area-form .box-form .box-tab .tab-menu li a {display:inline-block;font-size:1.375rem;color:#ccc;line-height:1}
.area-form .box-form .box-tab .tab-menu li.on a {color:#804033}
.area-form .box-form .box-tab .tab-inner .tab-cont {display:none}
.area-form .box-form .box-tab .tab-inner .tab-cont.on {display:block}

.area-form .box-form .btn-list .btns {display:table;float:left;width:32.2413%;margin:3.448% 0 0 1.63%;height:5rem;background-color:#fff;font-size:1.500rem;color:#000;box-sizing:border-box;text-align:center;line-height:1.3}
.area-form .box-form .btn-list .btns span {display:table-cell;vertical-align:middle}
.area-form .box-form .btn-list .btns:nth-child(3n-2) {margin-left:0}
.area-form .box-form .btn-list .btns:first-child,
.area-form .box-form .btn-list .btns:first-child + a,
.area-form .box-form .btn-list .btns:first-child + a + a {margin-top:0}
.area-form .box-form .btn-list .btns.on {background-color:#9a9a9a;color:#fff}
.area-form .box-form .btn-list .btns em {display:block;font-size:1.250rem;font-style:normal}
.area-form .box-form .btn-list.quarter .btns {width:22.4137%;height:5rem;margin-left:3.4484%}
.area-form .box-form .btn-list.quarter .btns:nth-child(4n-3) {margin-left:0}
.area-form .box-form .btn-list.quarter .btns:first-child,
.area-form .box-form .btn-list.quarter .btns:first-child + a,
.area-form .box-form .btn-list.quarter .btns:first-child + a + a,
.area-form .box-form .btn-list.quarter .btns:first-child + a + a + a {margin-top:0}
.area-form .box-form .btn-list .sample {display:table;float:left;width:49.1379%;margin:3.448% 0 0 0.8621%;background-color:#fff;box-sizing:border-box;text-align:left}
.area-form .box-form .btn-list .sample .img {display:table-cell;width:35%;vertical-align:middle}
.area-form .box-form .btn-list .sample .img img {width:100%}
.area-form .box-form .btn-list .sample .txt {display:table-cell;width:65%;height:100%;font-size:1.500rem;color:#000;vertical-align:middle;text-align:center}
.area-form .box-form .btn-list .sample:nth-child(2n-1) {margin-left:0}
.area-form .box-form .btn-list .sample:first-child,
.area-form .box-form .btn-list .sample:first-child + a {margin-top:0}
.area-form .box-form .btn-list .sample.on {background-color:#9a9a9a}
.area-form .box-form .btn-list .sample.on .txt {color:#fff}

.area-form .box-form .box-txt {position:relative;height:10rem;padding-bottom:10.3448%;border:1px solid #c4c6ca;background-color:#fff}
.area-form .box-form .box-txt textarea {width:100%;height:100%;border:1px solid transparent}
.area-form .box-form .box-txt span {display:block;padding-right:8.62%;text-align:right;font:1.750rem/2 'HyundaiSansText-Regular';color:#888;text-align:right;line-height:1}
.area-form .box-form .box-txt span em {font-style:normal}

/* title : common */
.content .tit-main {padding:7.8125% 4.6875% 6.89%;text-align:center}
.content .tit-main h1 {font: 2.625rem/1 'HyundaiSansHead-Light';color: #804033;}
.content .tit-main p {display: block;margin-top: 1.5625%;font: 1.500rem/1 'HyundaiSansText-Regular';color: #000;}
.content .tit-main p span {display:block;margin:0;}
.content .tit-main span {display:block;margin-top:2.5%;font-size:1.5rem;color:#000;line-height:1.36}
.content .tit-main.step {display:block;position:relative;padding:4.6875%;background-color:#c4c6ca;box-sizing:border-box;text-align:left}
.content .tit-main.step h1 {display:block;margin:0;font:2.000rem/1 'HyundaiSansHead-Light';color:#fff}
.content .tit-main.step .step-list {position:absolute;top:50%;right:4.6875%;margin-top:-6px;margin-right:-5px}
.content .tit-main.step .step-list a {float:left;width:14px;height:14px;line-height:14px;text-align:center}
.content .tit-main.step .step-list a span {display:inline-block;overflow:hidden;width:3px;height:3px;background-color:#97999c;text-indent:-300%;white-space:nowrap;vertical-align:2px}
.content .tit-main.step .step-list span {background-color:#fff}
.content .tit-main.step .step-list .on span {background-color:#fff}

/* gate : common */
.content .area-gate {padding:0 4.6875% 10.9375% 4.6875%}
.content .area-gate .box-car a {display:block;margin-top:1.5625%;padding-bottom:5.1724%;background-color:#f7f7f7; font-family: 'HyundaiSansText-Regular'}
.content .area-gate .box-car a:first-child {margin-top:0}
.content .area-gate .box-car a .img {display:block;padding:6.8965% 11.2068% 0}
.content .area-gate .box-car a img {width:100%}
.content .area-gate .box-car a h2 {display:block;padding:0 5.1724%;font:2.625rem/1.3 'HyundaiSansHead-Light';color:#804033}
.content .area-gate .box-car a .txt {display:block;padding:0 5.1724%;font:1.500rem/1 'HyundaiSansText-Regular';color:#888}
.content .area-gate .txt-code {margin-top:10.3448%;text-align:center}
.content .area-gate .txt-code span {font:1.500rem/1 'HyundaiSansText-Regular';color:#888}
.content .area-gate .txt-code a {display:inline-block;margin-left:5.1724%;color:#804033;text-decoration:underline;font-size:12px;}
.content .area-gate .txt-code.replace_zipcode a{background-color: transparent;} 


/* custom : common */
.content-custom .area-option {position:relative;padding-bottom:53.59375%}   /*GEN-2790*/

.content-custom .area-option .tit-car,		.content-custom .area-option .tit-car {position: fixed; left: 0; top: 50px; padding:4.6875%; width: 100%; box-sizing: border-box; z-index: 2; background: #fff; border-bottom:1px solid #d5d5d5}
.content-custom .area-option .sumhead {position: fixed; left: 0; top: 50px; padding:4.6875%; width: 100%; box-sizing: border-box; z-index: 2; background: #fff; border-bottom:1px solid #d5d5d5}		
.content-custom .area-option .sumhead {border: 0px;}		
.content-custom .area-option .sumhead h2 {font:3.8rem/4.4rem 'GenesisSansHead-Light';text-align: center;color: #010101;}		
/* .content-custom .area-option .tit-car .tit-left {display: inline-block; float:left; font-size: 0; white-space: nowrap;} */
.content-custom .area-option .tit-car .tit-left {width:31%; display:inline-block; float:left; font-size:0; white-space:nowrap;}
.content-custom .area-option .tit-car .tit-right {font:1.500rem/1 'HyundaiSansText-Regular';float:right;text-align:right}

/*3563 starts*/

.content-custom .area-option .sumhead .print-share-icons{
	font-size: 14px;
    text-align:center;
    margin-top: 15px;
    font-weight:bold;
}
.content-custom .area-option .sumhead .print-share-icons .icon-pr-10{
	padding-right: 10px;
}

.content-custom .area-option .sumhead .print-share-icons .icon-ml-6{
	margin-left:10%;
}
.content-custom .area-option .sumhead .print-share-icons .cursor-print-share{
	cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}
/*3563 ends*/

/*.content-custom .area-option .tit-car .tit-right {float:right;text-align:right}*/
/*.content-custom .area-option .tit-left h1 {display:inline-block;font:1.500rem/1 'HyundaiSansText-Regular';color:#000}*/
.content-custom .area-option .tit-left h1 {display:block;font:1.500rem/1 'HyundaiSansText-Regular';color:#000}
.content-custom .area-option .tit-left span {display:block; font:1.250rem/1 'HyundaiSansText-Regular';color:#000; margin-top:15%}
.content-custom .area-option .tit-left a {display:inline-block;padding-left:8%;box-sizing:border-box;font:1.375rem/1 'HyundaiSansHead-Light';color:#804033;text-decoration:underline}
.content-custom .area-option .tit-right span {display:block;font:1.250rem/1 'HyundaiSansHead-Light';color:#000}
.content-custom .area-option .tit-right strong {display:block;margin-top:4px;font:1.50rem/1 'HyundaiSansHead-Light';color:#000}
.content-custom .area-option .vr-room img {width:100%;vertical-align:middle}
.content-custom .area-option .vr-room-byo img {width:100%;vertical-align:middle}
.content-custom .area-option .swipe {position:relative}
/*.content-custom .area-option .swipe .btn-prev {position:absolute;top:50%;left:0;margin-top:-12px}*/
/*.content-custom .area-option .swipe .btn-next {position:absolute;top:50%;right:0;margin-top:-12px}*/
.content-custom .area-option .swipe .btn-prev img,
.content-custom .area-option .swipe .btn-next img {width:25px}
.content-custom .area-option .swipe .indicator {position:absolute;bottom:17px;left:0;width:100%;text-align:center;color:#fff}
.content-custom .area-option .tit {display:block;position:relative;padding:4.6875%;background-color:#c4c6ca;box-sizing:border-box}
.content-custom .area-option .tit.fixed {position: fixed; width: 100%; top:0; left: 0; box-sizing: border-box; z-index: 2;}
.content-custom .area-option .tit h2 {display:block;margin:0;font:2.125rem/1 'HyundaiSansHead-Light';color:#fff}
.content-custom .area-option .tit .step {position:absolute;top:50%;right:4.6875%;margin-top:-6px;margin-right:-5px}
.content-custom .area-option .tit .step span {float:left;overflow:hidden;width:3px;height:3px;margin:5px;background-color:#97999c;text-indent:-300%;white-space:nowrap}
.content-custom .area-option .tit .step .on {background-color:#fff}
.content-custom .area-option .btn-area {position:absolute;top:50%;left:0;width:100%;margin-top:-12px;box-sizing:border-box}
.content-custom .area-option .btn-area {display: inline-block;}
.content-custom .area-option .swipe .btn-area a {position: absolute; top: 0;}
.content-custom .area-option .swipe .btn-area a.btn-prev {left:0;}
.content-custom .area-option .swipe .btn-area a.btn-next {right:0;}
.content-custom .area-option .process-btn-area {position:absolute;bottom:0;left:0;width:100%;padding:4.6875%;box-sizing:border-box}
/* revised 160801 */
.content-custom .area-option .process-btn-area img {width: auto; height: 1rem}

.content-custom .area-option .box-list {position:relative;height:100%;padding:0 4.6875%}
.content-custom .area-option .box-list .txt-most {display:none;position:relative;padding-top:5.3125%;font:1.500rem/1 'HyundaiSansText-Regular';color:#804033;text-align:right}
.content-custom .area-option .box-list .txt-most img {display:inline-block;width:5px;padding-right:0.8em}
.content-custom .area-option .box-list .txt-most + .list-inner {padding-top:5.3125%; padding-bottom: 2%}
.content-custom .area-option .box-list .list-group {padding-top:7.8125%}
.content-custom .area-option .box-list .tit-group {display:block;padding-bottom:3.125%;font:1.875rem/1 'HyundaiSansHead-Light';color:#000}
.content-custom .area-option .box-list .list-group:first-child {padding-top:0}
.content-custom .area-option .box-list li {position:relative;margin-top:0.625%;cursor:pointer;border:1px solid transparent;box-sizing: border-box}
.content-custom .area-option .box-list li:first-child {margin-top:0}
.content-custom .area-option .box-list .name {display:block;position:relative;overflow:hidden;padding:4.6875% 18.965% 4.6875% 4.6875%;background:#f7f7f7}
.content-custom .area-option .area-model .box-list .name.g90-price {padding:4.6875% 4.6875% 4.6875% 4.6875%;}
.content-custom .area-option .box-list .name strong {display:block;font:2rem/1 'HyundaiSansHead-Light';color:#000}
.content-custom .area-option .box-list .name em {display:block;margin-top:3.125%;font:2rem/1 'HyundaiSansText-Regular';color:#888}
.content-custom .area-option .box-list .name span {overflow:hidden;position:absolute;top:0;right:0;width:40px;height:100%;background-color:#f7f7f7}
.content-custom .area-option .box-list .name span img {position:absolute;top:50%;left:15px;width:42px;margin-top:-4px}
.content-custom .area-option .box-list .name .img-most {display:none;position:absolute;top:3px;left:3px;width:5px}
.content-custom .area-option .box-list .spec {display:none;padding:0 4.6875%}
.content-custom .area-option .box-list .spec em {display:block;padding:3.125% 0 4.6875% 0;font:1.625rem/1.2 'HyundaiSansText-Regular';color:#000}
.content-custom .area-option .box-list .spec ul {padding:6.538% 0;border-bottom:1px solid #d5d5d5}
.content-custom .area-option .box-list .spec li {display:table;width:100%;margin-top:3.836%}
.content-custom .area-option .box-list .spec li:first-child {margin-top:0}
.content-custom .area-option .box-list .spec li span {display:table-cell;font-size:1.625rem;color:#767676;line-height:1;vertical-align:top}
.content-custom .area-option .box-list .spec li span:first-child {width:40.3846%;font-size:1.375rem}
/*
.content-custom .area-option .box-list .spec .img {display:inline-block;width:5.625%;padding:0 2.5%;text-align:center}
.content-custom .area-option .box-list .spec .img img {width:100%}
.content-custom .area-option .box-list .spec span {display:inline-block;font:1.625rem/1 'HyundaiSansText-Regular';color:#767676;vertical-align:middle}
.content-custom .area-option .box-list .spec span img {vertical-align:middle}
*/
.content-custom .area-option .box-list .sample {display:table;width:100%;background-color:#f7f7f7;text-align:left}
.content-custom .area-option .box-list .sample .img {display:table-cell;width:23.793%;padding:4.6875%;vertical-align:top}
.content-custom .area-option .box-list .sample .img img {width:100%; border:1px solid #cecece;box-sizing: border-box;}
.content-custom .area-option .box-list .sample .img-most {display:none;position:absolute;top:4px;left:4px}
.content-custom .area-option .box-list .sample .txt-name {display:table-cell;padding:4.6875% 4.6875% 4.6875% 0;font:2rem/1.2em 'HyundaiSansHead-Light';color:#000;vertical-align:top}
.content-custom .area-option .box-list .package {display:none}
.content-custom .area-option .box-list .package ul {padding:5.1724%;margin-left:3.5%}
.content-custom .area-option .box-list .package li {position:relative;margin-top:3.1034%;font-size:1.500rem;color:#000;line-height:1.3;list-style:disc}
.content-custom .area-option .box-list .package li:first-child {margin-top:0}
.content-custom .area-option .box-list .sample dl {display:table-cell;padding:4.6875% 4.6875% 4.6875% 0;vertical-align:top}
.content-custom .area-option .box-list .sample dl dt {font:2rem/1.2em 'HyundaiSansHead-Light';color:#000}
.content-custom .area-option .box-list .sample dl dd {margin-top:2.5862%;font:1.500rem/2.2 'HyundaiSansText-Regular';color:#000}
.content-custom .area-option .box-list .sample dl dd:last-child {font:2rem/1 'HyundaiSansText-Regular';color:#888}
.content-custom .area-option .box-list .on {border:1px solid #874033}
.content-custom .area-option .box-list .on .spec {display:block}
.content-custom .area-option .box-list .on.on-noOpen .spec {display:none}
.content-custom .area-option .box-list .on .package {display:block}
.content-custom .area-option .box-list .on.on-noOpen .package {display:none}
.content-custom .area-option .box-list .on .name span img {left:-16px;margin-top:-5px}
.content-custom .area-option .box-list .on.on-noOpen .name span img {left:15px;margin-top:-4px}
.content-custom .area-option .box-list .most .name .img-most,
.content-custom .area-option .box-list .most .sample .img-most {display:block}
.content-custom .area-option.fixed .process-btn-area {position:fixed;bottom:0;left:0;z-index:10;width:100%;padding:4.6875%;background-color:#fff;box-sizing:border-box}
.content-custom .area-option.fixed .process-btn-area .legal-container{font-size: 11px;margin-bottom: 15px}
.content-custom .area-option .vr-info ul {margin: 2%; font:1.2rem 'HyundaiSansText-Regular'; line-height:1.0; color:#888; list-style:none}
.content-custom .area-option .vr-info ul li {display: block; padding-left: 5%; padding-bottom: 2%; box-sizing: border-box;}
/*.content-custom .area-option .vr-info ul li:before {content: "-"; padding-right: 2%; margin-left: -3%;}
/* .content-custom .area-option .vr-info ul li:first-child::before {content: "*"; }
.content-custom .area-option .vr-info ul li:first-child + li::before {content: "**"; } 
.content-custom .area-option .vr-info ul li:first-child::before {content: "**"; }*/

.content-custom .area-summary {position:relative;height:100%;padding-bottom:5%}
.content-custom .area-summary .car-info {padding:3.4375% 4.6875% 10.3125% 4.6875%}
.content-custom .area-summary .car-info .ex-in a {float:left;width:50%;padding:10px 0;border-bottom:1px solid #ccc;font:1.750rem/1 'HyundaiSansText-Regular';color:#ccc;text-align:right}
.content-custom .area-summary .car-info .ex-in a.on {color:#000;border-color:#000}
.content-custom .area-summary .car-info .ex-in a:first-child {text-align:left}
.content-custom .area-summary .car-info .img-car {display:block; position: relative; overflow: hidden; margin: 5% 0 10% 0}
.content-custom .area-summary .car-info .img-car img {width:100%}
.content-custom .area-summary .car-info .img-car .ex-car {position: relative; transition:all 0.5s; -webkit-transition:all 0.5s;}
.content-custom .area-summary .car-info .img-car .in-car {position: absolute; left:100%; top:0; transition:all 0.5s; -webkit-transition:all 0.5s;}
.content-custom .area-summary .car-info .img-car.on-interior .ex-car {  -webkit-transform: translateX(-100%);     -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%); }
.content-custom .area-summary .car-info .img-car.on-interior .in-car {-webkit-transform: translateX(-100%);     -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%); }

.content-custom .area-summary .car-info strong {position: relative; display:block;font:2.4rem/3rem 'GenesisSansHead-Light';color:#804033;font-weight: bold;text-align: center;}
.content-custom .area-summary .car-info strong em {padding-left:2.7241%;font-style:normal;font:1.4rem/1.7rem 'GenesisSansHead-Light';color:#000000;margin-top: 10px;display: block;}
.content-custom .area-summary .car-info .box-more {display:block;position:relative;margin-top:2%;}
.content-custom .area-summary .car-info .box-more > a {display:inline-block;margin-top:1.25rem;border-bottom:1px solid #ccc;font:1rem/1.3rem 'GenesisSansText';color:#804033;font-weight: bold;}
.content-custom .area-summary .car-info .box-more ul {position:relative;right:0;bottom:0;width:100%;font:1.5rem/2rem 'GenesisSansText';margin-top: 0.8rem;display: block;float: right;}
.content-custom .area-summary .car-info .box-more li {text-align: center;margin-top: 15px}
.content-custom .area-summary .car-info .box-more li:first-child {margin-left:0;font-weight:bold;text-decoration: underline;}
.content-custom .area-summary .car-info .box-more li a {height:17px;text-align:center;line-height:17px;margin-left:5px;color: #804033;text-decoration: underline;}
.content-custom .area-summary .car-info .box-more li a img {width:18px;vertical-align:middle}

.content-custom .area-summary .car-info .tit-bottom-summary {margin-top: 10px; font: 24px/20px 'GenesisSansHead-Light'; text-align: center; display:block;}
.content-custom .area-summary .car-info .tit-bottom-summary span.estimate-price-title {font-size: 16px; color: #804033;}
.content-custom .area-summary .car-info .tit-bottom-summary span.estimate-price-value {color: #000; font-weight: bold; font-size: 22px;}

.content-custom .area-summary h2 {display:block;padding:4.6875%;background-color:#c4c6ca;font:2.125rem/1 'HyundaiSansHead-Light';color:#fff}
.content-custom .area-summary .summary-inner {box-sizing:border-box}
.content-custom .area-summary .summary-inner .area-group {overflow-y:hidden;height:100%}
.content-custom .area-summary .summary-inner .area-group .contact-dealer {padding:0px 20px 24px 20px;}
.content-custom .area-summary .summary-inner .area-group .contact-dealer .btn-contactdealer .btn-base {width:100%;}
.content-custom .area-summary .summary-inner .area-group .contact-dealer .btn-contactdealer .btn-base span {font:1.6rem/1.6rem 'GenesisSansHead-Light';font-weight:bold;}
.content-custom .area-summary .list-option .tit-sub {display:block;font:1.6rem/2.2rem 'GenesisSansHead-Light';color:#804033;width: 35%;float: left;margin-left}
.content-custom .area-summary .list-option .tit-sub a {font:1rem/3rem 'GenesisSansText';color:#020202;text-decoration:underline;font-weight:bold;}
.content-custom .area-summary .list-option li {display:table;width:100%;border-top:1px solid #e1e1e1;margin-top: 1.812%;padding-top: 20px;padding-bottom: 5px;}
.content-custom .area-summary .list-option li:first-child {margin-top:0;border-top:0px;}
.content-custom .area-summary .list-option div {display:table;width:100%;margin-top:4.6875%}
.content-custom .area-summary .list-option div:first-child {margin-top:0;}
.content-custom .area-summary .list-option span + div {margin-left:4%;margin-top:0;width: 61%;float: left;}
.content-custom .area-summary .list-option .img {display:table-cell;width:23.379%;padding:3.906% 4.8675% 0 0;vertical-align:top}
.content-custom .area-summary .list-option .img img {width:100%;border:1px solid #cecece;box-sizing: border-box;}
.content-custom .area-summary .list-option dl {display:table-cell;font: 1.4rem/2.2rem 'GenesisSansText';}
.content-custom .area-summary .list-option dt {display:block;color:#6f6f6f;width: 60%;float: left;}
.content-custom .area-summary .list-option dd {display:block;color:#030303;width: 40%;float: left;text-align: right;}
.content-custom .area-summary .box-total {padding:6.0625% 5.172%;background-color:#f7f7f7}
.content-custom .area-summary .box-total div {display:block}
.content-custom .area-summary .box-total dl {display:block;overflow:hidden;width:100%;height:100%;background-image:none}
.content-custom .area-summary .box-total dt {clear:both;float:left;font:1.2rem/4.2rem 'GenesisSansText';color:#888}
.content-custom .area-summary .box-total dd {float:right;font:1.6rem/4.2rem 'GenesisSansText';color:#000}

.content-custom .area-summary .box-total .total {margin-top:3.906%;padding-top:3.4375%;border-top:1px solid #d0d0d0;border-left:0 none;background-image:none}
.content-custom .area-summary .box-total .total dt {height:auto;padding:0;line-height:3.3;font:1.2rem/4.2rem 'GenesisSansText'}
.content-custom .area-summary .box-total .total dd {margin:0;padding:0;font:2.4rem/4.2rem 'GenesisSansText';color:#874033}
.content-custom .area-summary .box-total .legal-container{margin: 10px 0;text-align:center}
.content-custom .area-summary .summary-inner .area-group .legal-container{margin: 15px 10px auto;font-size:11px}
.content-custom .area-summary .process-btn-area {position:absolute;bottom:0;left:0;width:100%;padding:4.6875%;box-sizing:border-box}
.content-custom .area-summary .process-btn-area img {width:6px}
.content-custom .area-summary.fixed .process-btn-area {position:fixed;bottom:0;left:0;z-index:10;width:100%;padding:4.6875%;background-color:#fff;box-sizing:border-box}

.content-custom .area-summary .box-number {padding: 6.25% 4.6875% 0;text-align:center}
.content-custom .area-summary .box-number span {display:block;font:1.6rem/1 'GenesisSansHead-Light';color:#000;margin-bottom:3.4482%}
.content-custom .area-summary .box-number a {display:inline-block;font:2.450rem/1 'GenesisSansHead-Light';color: #804033;}
/*.content-custom .area-summary .box-contact {padding-top:7.3448%;border-top:1px solid #d0d0d0}*/
.content-custom .area-summary .box-contact .tit-sub {display:block;font: 3.875rem/2em 'GenesisSansHead-Light';color:#000;text-align:center;}
.content-custom .area-summary .box-contact li {margin-top:1.7241%;padding:6.8965% 5.1724% 0;background-color:#f7f7f7}
.content-custom .area-summary .box-contact li:first-child {margin-top:0}
.content-custom .area-summary .box-contact li strong {display:block;margin-bottom:5.1724%;font: bold 2rem/1 'HyundaiSansHead-Light';padding-left:1.5rem}
.content-custom .area-summary .box-contact li .txt {display:block;margin-top: 5px;font:1.2rem/1.2rem 'GenesisSansText';color:#888;text-transform: capitalize;}
.content-custom .area-summary .box-contact li .btn-link + .txt { display: inline-block; width: 53%; margin-top: 5px; font-size: 1.250rem}

.content-custom .area-summary .box-contact li .btn-tel,
.content-custom .area-summary .box-contact li .btn-link,
.content-custom .area-summary .box-contact li .btn-direction {margin-top:5%; font:1.2rem/2.4rem 'GenesisSansText';color:#804033;text-decoration:underline}

.content-custom .area-summary .box-contact li .btn-tel {display:block;}
.content-custom .area-summary .box-contact li .btn-link {width: 53%;text-transform: uppercase; }
.content-custom .area-summary .box-contact li .btn-direction {width: 47%; text-align: right;margin-left:1rem;}

.content-custom .area-summary .box-contact li .btn-contact {position:relative;;padding-right:20px;float:right;margin-top:-14px;text-decoration:underline}
.content-custom .area-summary .box-contact li .btn-contact span {display:inline-block;overflow:hidden;position:relative;padding-right:20px;padding-top: 2px;}
.content-custom .area-summary .box-contact li .btn-contact span em {display:inline-block;font:1.2rem/1.2rem 'GenesisSansText';color:#000;text-decoration:underline;font-style:normal}
.content-custom .area-summary .box-contact li .btn-contact span img {position:absolute;top:1px;right:2px;width:10px}
.content-custom .area-summary .box-contact li.on .btn-contact span img {margin-top:-23px}
.content-custom .area-summary .box-contact li .form-contact {display:none;padding:2rem;}
.content-custom .area-summary .box-contact li.on .form-contact {display:block}
.content-custom .area-summary .box-contact li .form-contact em {display:block;font:1.400rem/1.4rem 'GenesisSansText';color:#000;font-style:normal;}
.content-custom .area-summary .box-contact li .form-contact .name {display:block;margin-top:8.6206%;font:1.200rem/1 'GenesisSansText';color:#636363;float:left}
.content-custom .area-summary .box-contact li .form-contact input {margin-top:1.7241%;width:100%;font:1.600rem/1.4rem 'GenesisSansText';}
.content-custom .area-summary .box-contact li .form-contact .chk-agree {margin-top:5.1724%}
.content-custom .area-summary .box-contact li .form-contact .chk-agree span {font:1.600rem/1.7 'GenesisSansText';color:#888; word-break: normal; text-align:justify; }
.content-custom .area-summary .box-contact li .form-contact .btn-base {margin-top:3.4482%}

.rotate {position: fixed; top: 0; left: 0; right: auto; z-index: 1020; width: 100%; height: 100%; background: #000;}
.rotate span {display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -1rem; width: 100%; height: 2rem; font: 1.25rem/2rem 'HyundaiSansText-Regular'; color: #804033; text-align: center;}

/* 360VR */
.vr-room .incase {display:inline-block;width:100%;height:0; line-height:0; padding-bottom:56.25%;/*max-width:1217px;*/box-sizing:border-box}
.vr-room-byo .incaseDetail {display:inline-block;width:100%;height:0; line-height:0; padding-bottom:56.25%;box-sizing:border-box}

/* Build and price summary start */
.content-custom .area-summary .area-inner {margin-top:25px;background-color:#f7f7f7;}
.content-custom .area-summary .area-inner .tit-sub {width: 100%;display:inline-block;text-align:center;font:14px/18px 'GenesisSansText';color:#4A4A4A;padding:20px 20px 0px 20px;box-sizing: border-box;}
.content-custom .area-summary .area-inner .tit-sub.coming-soon{color: #804033;font-size: 17px;padding-top: 20px;padding-bottom: 10px;}
.content-custom .area-summary .box-contact .list-dealer.get-notified span.information{text-align: center;color: #000;font: 14px/18px 'GenesisSansText';display: block;margin-bottom: 15px;padding: 0 15px;}
.content-custom .area-summary .box-contact .list-dealer.get-notified a.link-2018{display: block;text-align: center;text-transform: uppercase;text-decoration: underline;font: 14px/18px 'GenesisSansText';}
.content-custom .area-summary .area-inner .box-contact {overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.content-custom .area-summary .area-inner .box-contact .view_more {margin:20px;}
.content-custom .area-summary .box-contact .list-dealer.selected .box-locate {background-color:#fff;}
.content-custom .area-summary .box-contact .list-dealer .box-locate {width: 100%;display: inline-block;position: relative;padding: 20px 20px 10px 20px;box-sizing: border-box;transition: 0.8s all;}
.content-custom .area-summary  .box-locate .location-pin {position: absolute;width: 65px;text-align: center;}
.content-custom  .area-summary  .box-locate .location-pin .location-id {position: absolute;width: 65px;top: 8px;font-size: 11px;line-height: 11px;letter-spacing: 0;color: #fff;font-family: "PlutoSansMedium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.content-custom  .area-summary  .box-locate .location-pin .location-icon {width: 65px;height: 40px;font-size: 11px;letter-spacing: 0;color: #fff;font-family: "PlutoSansMedium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;text-align: center;line-height: 25px;}
.content-custom  .area-summary  .box-locate .location-pin .location-icon svg {display: inline-block;width: 26px;height: 37px;left: 0px;top: 0px;}
.content-custom  .area-summary  .box-locate .location-pin .location-distance {font-family: "GenesisSansText", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 11px;letter-spacing: 0;color: #804033;}
.content-custom  .area-summary  .box-locate .add {color:#000;font:14px/18px 'GenesisSansText';margin: 0 0 0 70px;}
.content-custom  .area-summary .box-locate .add strong {display:block;}
.content-custom  .area-summary  .box-locate .add span {display:inline;color:#888888;font-size:12px;}
.content-custom  .area-summary .box-locate .add span.phone {display:block;color:#804033;}
.content-custom  .area-summary  .box-locate .add1 {border-right: 1px solid #D4D4D4;width:53%;float:left;color:#000;font:14px/18px 'GenesisSansText';}
.content-custom  .area-summary  .box-locate .add2 {margin-right:8%;float:right;color:#000;font:14px/18px 'GenesisSansText';}
.content-custom  .area-summary  .box-locate span {display:block;text-transform:capitalize;}
.content-custom  .area-summary  .box-locate .add .change-dealer,
.content-custom  .area-summary  .box-locate .add1 .change-dealer {border:1px solid #6f6f6f;padding:5px 20px 3px 20px;color:#5f5f5f;font-size:10px;display:inline-block;margin-top:5px;cursor: pointer;line-height: 13px;}
.content-custom  .area-summary  .box-locate .add2 .btn-link {display:block;text-decoration:underline;color:#804033}
.content-custom  .area-summary  .form-contact {padding:0 20px 30px;}
.content-custom  .area-summary  .form-contact > span {display:block;margin-top:20px;box-sizing:border-box}
.content-custom  .area-summary  .form-contact > span label {display:block;margin-bottom:10px;font: 14px/20px 'GenesisSansText';color:#000;}
.content-custom  .area-summary  .form-contact > span input {width:100%;font:16px/16px 'GenesisSansText';border: 1px solid #cacccf;}
.content-custom  .area-summary  .form-contact > span input[type="checkbox"] {background-color:transparent;border:none;}
.content-custom  .area-summary  .form-contact .custom-chk-rdo {margin-top:20px}
.content-custom  .area-summary  .form-contact .custom-chk-rdo input + span span {margin-top:0;white-space:pre-wrap;color:#7d7d7d;display: inline-block;font: 12px/16px 'GenesisSansText';word-break: break-word;margin-left: 1.8em;}
.content-custom  .area-summary  .form-contact .custom-chk-rdo input + span i {width:24px;height:24px;vertical-align: top;box-sizing: border-box;}
.content-custom .area-summary  .form-contact .custom-chk-rdo input + span i img {left:1px;top:1px;width:20px;}
.content-custom  .area-summary  .form-contact .btn-base.w100full {margin-top:10px;text-transform:uppercase;}
.content-custom  .area-summary  .form-contact .btn-base.w100full span {margin-top:10px;font: 16px/48px 'GenesisSansText';text-transform:uppercase;}
.content-custom .area-summary .box-contact .txt {text-align:center;}
.content-custom .area-summary .box-contact .txt{width: 100%;display: inline-block;position: relative;padding: 20px 20px 10px 20px;box-sizing: border-box;transition: 0.8s all;font-size: 12px;}
span.required{position: relative;}
span.required::after {content: '';position: absolute;top: 35px;left: 5px;border-color: transparent;border-style: solid;border-radius: 0;border-width: 3px;border-left-color: #804033;border-top-color: #804033;}
span.required.byo{font: 12px/20px 'GenesisSansText';text-transform:uppercase;padding:15px 0 0 10px;color:#804033;margin-top:10px!important;}
span.required.byo::after {top: 5px;left: 0;}
.content-custom .area-option .vr-info .tab-panel > .nav-tabs {margin: 40px auto 15px auto;text-align: center;}
.content-custom .area-option .vr-info .tab-panel > .nav-tabs > li{display: inline-block;}
.content-custom .area-option .vr-info .tab-panel > .nav-tabs > li > a {font: 16px/16px 'GenesisSansText'; color: #A1A1A1;display: block;padding: 10px 25px;}
.content-custom .area-option .vr-info .tab-panel > .nav-tabs > li.active > a {color: #804033;border-bottom: 2px solid #804033;}
#map {position: inherit;background-color: #aaa;width: 100%;left: 0;top: 0;height: 240px;margin-top: 15px;}

/* Build and price summary End */
/* map : common */
.content .area-map {position:relative; }
.content .area-map .btn-locate {position:absolute;top:3.125%;right:4.6875%}
.content .area-map .btn-locate img {width:36px}
.content .area-map .btn-zoom {position:absolute;top:16%;right:4.6875%}
.content .area-map .btn-zoom a {display:block}
.content .area-map .btn-zoom a:first-child {border-bottom:1px solid #f2f2f2}
.content .area-map .btn-zoom img {width:36px}
.content .area-map .btn-locate-sel {position:absolute;top:3.125%;left:4.6875%;height:36px;line-height:36px;background-color:#6f6f6f}
.content .area-map .btn-locate-sel span {color:#fff}
.content .area-zipchg {padding:6.25% 4.6875%}
.content .area-zipchg span {font-size:1.500rem;color:#666}
.content .area-zipchg span em {font-size:1.750rem;font-style:normal;color:#000}
.content .area-zipchg a {float:right;font-size:1.500rem;color:#804033;text-decoration:underline}


/* popup-box into googlemap */
.content .area-map .arrow_right {position: absolute; bottom: 0; right: 0; margin-top: -5px}
.content .area-map .box-white { display: block; }
.content .area-map .box-white strong {display:block;font-size:1.813rem;color:#000;line-height:2;margin-bottom: 5px;}
.content .area-map .box-white p {font-size:1.225rem;color:#888;line-height:1.33;margin-bottom: 5px;}
.content .area-map .box-white p span {display:block}
.content .area-map .box-white p a {display:block; margin-top: 3%; margin-left:0; text-decoration: underline; color:#888}
.content .area-map .box-white p a.btn-link { margin-top: 10%; font-size: 1.1rem; width: 50%; }
.content .area-map .box-white p a.btn-link::after { content:' >'; }
.content .area-map .box-white p a.btn-direction { position: absolute; right: 0; bottom: 4%; width: 50%; font-size: 1.1rem; text-align: right; }
.content .area-map .box-white p a.btn-direction::after { content:' >'; }
.gm-style { font-family: inherit !important; }

/* for dummy sample */
.content .area-map .box-locate {position:absolute}
.content .area-map .box-locate .point {display:block;position:relative}
.content .area-map .box-locate .point span {position:absolute;top:0;left:0;width:25px;height:30px;font-size:0.938rem;color:#fff;text-align:center;line-height:28px}
.content .area-map .box-locate .box-wrap {position:absolute;bottom:40px;left:-98px;width:215px;border:1px solid #f4f4f4;background-color:#fff;-webkit-box-shadow: 3px 2px 3px rgba(150, 150, 150, 0.5);-moz-box-shadow: 3px 2px 3px rgba(150, 150, 150, 0.5);-ms-box-shadow: 3px 2px 3px rgba(150, 150, 150, 0.5);-o-box-shadow: 3px 2px 3px rgba(150, 150, 150, 0.5)}
.content .area-map .box-locate .box-wrap .box-white {display:block;padding:10px 34px 10px 15px}

.content .area-map .box-locate .box-wrap .box-white strong {display:block;font-size:0.813rem;color:#000;line-height:3}
.content .area-map .box-locate .box-wrap .box-white p {font-size:0.625rem;color:#888;line-height:1.5}
.content .area-map .box-locate .box-wrap .box-white p span {display:block}
.content .area-map .box-locate .box-wrap .box-white p a {display:block; margin-top: 3%; text-decoration: underline; color:#888}

.content .area-map .box-locate .box-wrap .box-white .star {display:block;font-size:10px;color:#888;line-height:15px}
.content .area-map .box-locate .box-wrap .box-white .star span {display:inline-block;position:relative;overflow:hidden;width:45px;height:15px;vertical-align:middle}
.content .area-map .box-locate .box-wrap .box-white .star em {overflow:hidden;position:absolute;top:0;left:0;height:15px;vertical-align:middle}
.content .area-map .box-locate .box-wrap .box-white .star em img {vertical-align:middle;line-height:15px}
.content .area-map .box-locate .box-wrap .box-white .arrow_right {position:absolute;top:50%;right:20px;margin-top:-5px}

.content .area-map .box-locate .box-wrap .btns {display:block;margin-top:0;border-top:1px solid #f3f3f3}
.content .area-map .box-locate .box-wrap .btns a {display:block;padding:15px 0;line-height:1}
.content .area-map .box-locate .box-wrap .btns a:hover {background-color:#f3f3f3}
.content .area-map .box-locate .box-wrap .btns a span {display:block;font-size:9px;color:#804033;text-align:center}
.content .area-map .box-locate .box-wrap .btns a:first-child span {border-right:1px solid #f3f3f3}
.content .area-map .box-locate .box-wrap .btns.ty1 a {float:left;width:50%}
.content .area-map .box-locate .box-wrap .arrow_tip {position:absolute;bottom:-15px;left:50%;margin-left:-5px}

.content .area-map .box-zipchg {position:absolute;bottom:0;left:0;width:100%;padding:4.6875%;box-sizing:border-box}
.content .area-map .box-zipchg div {position:relative;padding-right:13.7931%;background-color:#fff}
.content .area-map .box-zipchg span {display:block;padding:4% 6%;font:1.750rem/1.5 'HyundaiSansText-Regular';color:#888;text-align:left}
.content .area-map .box-zipchg span em {display:inline-block;margin-right:4px;color:#000;font-style:normal}
.content .area-map .box-zipchg a {position:absolute;top:0;right:0;width:13.7931%;height:100%;background-color:#000;text-align:center;line-height:100%}
.content .area-map .box-zipchg a img {width:100%}
.content .area-map .btn-wrap {position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}


/* for Map info */

/* map info */
.content .map-info { display: block; min-width: 0; width: 90%; height: auto;  padding: 2% 5% 3%;}
.content .map-info .chk-group {display: block; position: relative; padding: 0; width:100%}
.content .map-info .chk-group .custom-chk-rdo{position: relative; display:inline-block; padding-right: 0; line-height: 1; vertical-align: top; overflow: hidden;}
.content .map-info .chk-group  .custom-chk-rdo input[type="radio"],.custom-chk-rdo input[type="checkbox"]{ position:absolute; margin-left:-16px; z-index: -1;}

.content .map-info .custom-chk-rdo input + label{display:inherit; padding:0; color:#000; font-size: 0; line-height: 0;  white-space:nowrap;} /* word-break:break-all;  */
.content .map-info .custom-chk-rdo input + label i{ display: inline-block; width:1em; height:1em; margin-left: 0px; border: 1px solid #c8cacd; background-color: #fff; vertical-align: middle; box-sizing: border-box; }
.content .map-info .custom-chk-rdo input + label i img{display: none; position: absolute; }
.content .map-info .custom-chk-rdo input + label span{position:relative; top:0.1em; left:0; padding:0 0.5em; font-size: 2rem; color: #000000;  vertical-align: middle;}

.content .map-info .custom-chk-rdo input[type="checkbox"] + label i{font-size: 3rem;}
.content .map-info .custom-chk-rdo input[type="checkbox"] + label i img{left: 0; top: 0; width: 1em;  padding:0;}
.content .map-info .custom-chk-rdo input[type="checkbox"]:checked + label i img{display: block;}

.content .map-info .dot-legend { display: block; padding-top:3%; }
.content .map-info .dot-legend li {margin-top: 0; display: inline-block; margin-right: 3%}
.content .map-info .dot-legend li span {display: inline-block}
.content .map-info .dot-legend li .legend-dot {border: solid 4px; margin-right: 0.1em; border-radius: 50% }
.content .map-info .dot-legend li .legend-txt {color:#888888; font-size: 14px}


/* process btn common */
.process-btn-area {margin-top:4.6875%}
.process-btn-area span a {display:block;position:relative}
.process-btn-area .btn-left {float:left;width:49.05%}
.process-btn-area .btn-right {float:right;width:49.05%}
/*.process-btn-area .btn-left a {margin-right:3px}
.process-btn-area .btn-right a {margin-left:3px}*/
.process-btn-area .btn-left a img {position:absolute;top:52%;left:4%;margin-top:-3.5%}
.process-btn-area .btn-right a img {position:absolute;top:52%;right:4%;margin-top:-3.5%}
.process-btn-area .btn-gray {background-color:#6f6f6f !important}
.process-btn-area .btn-black {background-color:#000 !important}
/* added 160801 */
.process-btn-area .btn-base span {display: block; position: absolute; top: 50%; left: 0; margin-top: -0.55rem; width: 100%; text-align: center; line-height: 1}


/* popup */
.popup-locate .pop-inner-wrap p {margin-top:2.7586%;font:1.5000rem/1.1 'GenesisSansText';color:#888}
.popup-locate .pop-inner-wrap p span {display:block}
.popup-locate .pop-inner-wrap div {display:block;position:relative;margin-top:6.8965%;padding-left:15.3846%;border:1px solid #8a8c8f}
.popup-locate .pop-inner-wrap div span {position:absolute;top:0;left:0;height:100%}
.popup-locate .pop-inner-wrap div img {height:100%}
.popup-locate .pop-inner-wrap div input {display:block;width:100%;border:1px solid transparent}

#popup-request .popup-inner {padding-top:18.75%}
#popup-request h1 {display:block;padding-bottom:7.7586%;border-bottom:1px solid #c4c6ca;font:2.125rem/1 'HyundaiSansHead-Light'}
#popup-request li {margin-top:5.1724%}
#popup-request li:first-child {margin-top:6.8965%}
#popup-request label span {display:block;font:1.500rem/2.2 'HyundaiSansText-Regular';color:#888}
#popup-request input,
#popup-request textarea {width:100%;height:100%}
#popup-request .box-txt {positoin:relative;height:16rem;padding-bottom:10.3448%;border:1px solid #c4c6ca}
#popup-request .box-txt textarea {border:1px solid transparent}
#popup-request .box-txt span {padding-right:8.62%;text-align:right;font:1.750rem/2 'HyundaiSansText-Regular';color:#888}
#popup-request .box-txt span em {font-style:normal}

.popup-confirm .popup-inner {display:table;padding:0;width:100%;height:100%;background-color:#f7f7f7;box-sizing:border-box}
.popup-confirm .popup-inner .pop-inner-wrap {display:table-cell;text-align:center;vertical-align:middle}
.popup-confirm .popup-inner .img {display:inline-block;width:21.4137%}
.popup-confirm .popup-inner .img img {width:100%}
.popup-confirm .popup-inner strong {display:block;margin-top:10.3448%;font:2.125rem/1 'HyundaiSansHead-Light';color:#000}
.popup-confirm .popup-inner p {display:block;margin-top:4.375%;font:1.500rem/1.5 'HyundaiSansText-Regular';color:#000}
.popup-confirm .popup-inner p span {display:block}

.popup-gallery.popup {top:20%; padding: 0; padding-bottom:100%; overflow: visible}
.popup-gallery.popup .popup-inner {padding: 0;}
.popup-gallery.popup .type-swiper .inner-cont-wrap li {position: absolute; left: 0; top: 0; width: 100%; background: #fff}
.popup-gallery.popup .type-swiper .inner-cont-wrap li .page-wrap {position: relative; padding-top:154%; box-sizing: border-box}
.popup-gallery.popup .type-swiper .inner-cont-wrap .content {position: relative; width: 100%; text-align: center}
.popup-gallery.popup .type-swiper .img-holder {position: absolute; top:0; left: 0; display: block; width: 100%;}
.popup-gallery.popup .type-swiper .img-holder img {display: block; width: 100%;}
.popup-gallery.popup .type-swiper .txt-holder {position:absolute; z-index:10; bottom:0; padding:6% 0 6.5% 4.5%; width: 100%; box-sizing: border-box; text-align: left; color: #fff;background-color: rgba(0,0,0,0.5)}
.popup-gallery.popup .type-swiper .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.popup-gallery.popup .type-swiper .txt-holder h4 {font:1.625rem/1.38 "HyundaiSansHead-Light"; color: #fff}
.popup-gallery.popup .type-swiper .txt-holder h4 span {display: block;}/*revise add*/
.popup-gallery.popup .type-swiper .txt-holder p {margin-top:1.2%; font:1.5rem/1.5 "HyundaiSansText-Regular"; color: #fff}
.popup-gallery.popup .type-swiper .txt-holder p span {display: block}
.popup-gallery.popup .type-swiper .indi-wrap {position: absolute; z-index:20; left: 0; top:0; margin-top:152%; padding: 5% 0; width: 100%; background-color:#fff; text-align: left; padding-left: 10%; box-sizing: border-box}/*revise mt*/
.popup-gallery.popup .type-swiper .indi-wrap .indi-holder {margin-top: 0}
.popup-gallery.popup .type-swiper .btns {position: absolute; top:35%; right:5%; width: 30%; text-align: right}
.popup-gallery.popup .type-swiper .btns a {display: inline-block; margin-left: 25%}
.popup-gallery.popup .type-swiper .btns img {width:1.5rem;}

/*modal popup swipe gallery*/
.popup-gallery.modal {top:0; padding: 0; padding-bottom:0; width:100%; height:100%; overflow: visible}
.popup-gallery.modal .popup-inner {padding: 0;}
.popup-gallery.modal .type-swiper .inner-cont-wrap li {position: absolute; left: 0; top: 0; width: 100%; height:100%; background: #fff}
.popup-gallery.modal .type-swiper .inner-cont-wrap li .page-wrap {position: relative; padding-bottom:154%; box-sizing: border-box}
.popup-gallery.modal .type-swiper .inner-cont-wrap .content {position: relative; width: 100%; text-align: center;}
.popup-gallery.modal .type-swiper .img-holder {position: absolute; top:0; left: 0; display: block; width: 100%;}
.popup-gallery.modal .type-swiper .img-holder img {display: block; width: 100%;}
.popup-gallery.modal .type-swiper .txt-holder {position:absolute; z-index:10; bottom:0; padding:6% 0 6.5% 4.5%; width: 100%; box-sizing: border-box; text-align: left; color: #fff;background-color: rgba(0,0,0,0.5)}
.popup-gallery.modal .type-swiper .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.popup-gallery.modal .type-swiper .txt-holder h4 {font:1.625rem/1.38 "HyundaiSansHead-Light"; color: #fff}
.popup-gallery.modal .type-swiper .txt-holder h4 span {display: block;}/*revise add*/
.popup-gallery.modal .type-swiper .txt-holder p {margin-top:1.2%; font:1.5rem/1.5 "HyundaiSansText-Regular"; color: #fff}
.popup-gallery.modal .type-swiper .txt-holder p span {display: block}
.popup-gallery.modal .type-swiper .indi-wrap {position: absolute; z-index:20; left: 0; top:0; margin-top:152%; padding: 5% 0; width: 100%; background-color:#fff; text-align: left; padding-left: 10%; box-sizing: border-box}/*revise mt*/
.popup-gallery.modal .type-swiper .indi-wrap .indi-holder {margin-top: 0}
.popup-gallery.modal .type-swiper .btns {position: absolute; top:35%; right:5%; width: 30%; text-align: right}
.popup-gallery.modal .type-swiper .btns a {display: inline-block; margin-left: 25%}
.popup-gallery.modal .type-swiper .btns img {width:1.5rem;}

.popup-email .pop-inner-wrap > span {display:block;margin:5% 0;font-size:1.500rem;color:#888;line-height:1}
.popup-email .pop-inner-wrap > em {font-size:1.750rem;font-style:normal}
.popup-email .pop-inner-wrap form div input {float:left;width:46.923%}
.popup-email .pop-inner-wrap form div span {float:left;width:6.154%;height:4rem;line-height:4rem;font-size:1.5000rem;color:#666;text-align:center}
.popup-email .pop-inner-wrap .btn-wrap {text-align:center}

/* 404�러 페�지 */
.error-page-wrap {text-align:center; width: 100%; padding:15.625% 9.375%; box-sizing: border-box}
.error-page-wrap strong {line-height:1.1}
.error-page-wrap .error-logo img {width:12.375rem}
.error-page-wrap .error-page {margin-top:15%}
.error-page-wrap .error-page strong {color:#804033; font-size:3rem; font-weight:normal; font-family:'HyundaiSansHead-Light'}
.error-page-wrap .error-page .error-page-line {font-size:1.5rem; line-height:1.4; margin-top:3.4%; margin-bottom:3.4%}
.error-page-wrap .list-sitemap {margin-top:18.75%;padding:0;border-top:1px solid #d6d6d6}
.error-page-wrap .list-sitemap .list-wrapper ul li:first-child h2 {padding-top:15%}

/* paging */
.paging {padding:3.5714% 5.3571%; text-align: center; font-size: 0}
.paging a {display:inline-block;width:12%;height:3em;text-align:center;font-size:1.500rem;line-height:3em}
.paging a img {vertical-align:middle;width:25%}
.paging a.more img {width:50%}
.paging a.on {color:#804033}
.paging .prev,.paging .next {width:10%}

@media only screen and (orientation:landscape) {
    .error-page-wrap .error-logo img {width:9rem}
    .error-page-wrap .error-page {margin-top:5%;}
    .error-page-wrap .error-page strong {font-size:2rem}
    .error-page-wrap .error-page div {font-size:1.1rem; line-height:1.4}
}
	.top-line span.descText{color: #804033;font-size: 12px; text-decoration: underline;}		
.info-popup {		
    position: absolute; 		
    z-index: 1000; 		
    width: 100%;		
    font-size: 12px;		
    background: none repeat scroll 0 0 #141414;		
    border-radius: 8px 8px 8px 8px;		
    color: #FFF;		
    display: none;		
    font-size: 9pt;		
    height: auto;		
    line-height: 16px;		
    opacity: .9;		
    padding: 22px 12px 12px 12px;		
    position: relative;		
    text-align: left;		
    font-family:HyundaiSansText-Regular;		
}		
.info-popup-close {		
    color: #FFF;		
    cursor: pointer;		
    font-size: 12px;		
    font-weight: bold;		
    position: absolute;		
    right: 8px;		
    top: 6px;		
}		
.info-popup-close:hover {color:#804033;}		
.displayInline{		
	display: inline;		
}		
.handlePopupDisplay {		
	cursor: pointer;		
    text-decoration: underline;		
        font-size: 12px;		
}		
.handlePopupDisplay:hover {color:#804033;}		
.info-popup-opaquebg {		
    opacity: 0.9;		
    background: #000;		
    height: 100%;		
    width: 100%;		
    position: absolute;		
    z-index: 1;		
}		
.info-popup-content {		
    position: absolute;		
    z-index: 2;		
	color: #fff;		
}		
.show-popup {		
 display: block !important;		
}		
.showPopup {display: block !important;}

#popup-locatebnp{
    position: absolute;
    padding: 5%;
    height: auto;
    min-height: 100%;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    opacity: 1;
}

#prevnextvlp .btn-prev, #prevnextvlp .btn-next {
	width: 15px;
    height: 30px;
    position: absolute;
    display: block;
    top: 45%;
    z-index: 1;
    padding: 0.7rem;
    color:black;
    overflow: hidden;
}
#prevnextvlp .btn-next{
	right: 0;
}

/* #prevnextbp .btn-prev, #prevnextbp .btn-next {
	width: 15px;
    height: 30px;
    position: absolute;
    top: 45%;
    z-index: 1;
    padding: 0.7rem;
    color:black;
    overflow: hidden;
}
#prevnextbp .btn-next{
    display: block;
	right: 0;
}
#prevnextbp .btn-next img, #prevnextbp .btn-prev img {
	width: 15px;
    height: 30px;
} */

.list-option{
    padding:4.25% 4.6875% 0;
    background-color: #f7f7f7;
}

#btnAreaBpMore a span {
    font:1.6rem/4.2rem 'GenesisSansText';
} 

.txtdealer{
    padding-left:1.5rem;
    padding-bottom:30px;
}

.vr-content {
	position:relative;
}

.custom-chk-rdo input + span {
    padding-left:3.648rem !important;
} 

.custom-chk-rdo span i {
    margin-left: -3.648rem !important;
}
.click_call,.click_call:link{
	 color: #888;
}

.content-custom .area-summary .box-number a:focus,.content-custom .area-summary .box-number a:hover{
    text-decoration:underline;
}     

.img360-view-container {
    height: 38px;
}
#Overlay360 .vr-room{
	height:210px; 
	position:relative;
}
#Overlay360 .pop-view-area{
	position:absolute;
}
#Overlay360 .pop-view-area .view-360 {
	margin-top: 15% ;
    margin-bottom: 15%;
	color: #fff;
    text-align: center;
    font: 30px/37px 'GenesisSansHead-Light';
    text-transform: uppercase;
	position: relative;
    width: 100%;
}
.pop-view-area .img360-view {
    position: absolute;
	width: 100%;
    background-color: #fff;
    padding: 40px 0px 50px;
    z-index: 999;
}
.pop-view-area .img360-view h2 {
    position: relative;
    font-size: 24px;
    color: #813e38;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
    z-index: 16;
}
.pop-view-area .img360-view h4 {
    position: relative;
    font-size: 12px;
    color: #a4a4a4;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
    z-index: 16;
}
.pop-view-area .img360-view h4 img {
    width: 11px;
    height: 18px;
    vertical-align: middle;
}

.vr-info #img360-view {
	display: block;
    margin: 0px auto;
    border: 1px solid #6F6F6F;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    color: #606060;
    width: 60%;
}
.vr-info a.legalLink {
	padding: 10px 4.6875% 0px;
	color: #804033;
}
.modal.modalContent.fade .modal-dialog .modal-content .modal-body .modal-inside-wrapper.legal p span {
   display: block;
   height: 10px;
}
.vr-room .incase {
	display: none;
}
.vr-room .incaseDetail {
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    padding-bottom: 56.25%;
    box-sizing: border-box;
}
.gallery-holder .gallery-view-area .btns-holder #prevnextbp .btn-prev,
.gallery-holder .gallery-view-area .btns-holder #prevnextbp .btn-next {
    width: 13px;
    height: 24px;
    padding: 21px 8px 21px 9px;
    position: absolute;
    top: 35%;
    z-index: 1;
    color:black;
    overflow: hidden;
	background: rgba(0,0,0,0.7);
	margin-top: 1px;
}
.gallery-holder .gallery-view-area .btns-holder #prevnextbp .btn-next{ 
	right: 0;
}
.gallery-holder .gallery-view-area .btns-holder #prevnextbp a span {
    position: relative;
    display: block;
    overflow: hidden;
}
.gallery-holder .gallery-view-area .btns-holder #prevnextbp a span,
.gallery-holder .gallery-view-area .btns-holder #prevnextbp a img {
	width: 100%;
    height: 100%;
}

.gallery-popupBYO {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 737px;
    background: #000;
    
}
.gallery-popupBYO .pop-view-area {width: 100%;height:100%;z-index: 999;}
.gallery-popup360BYO {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 737px;
    background: #000;
    
}
#Overlay360 #prevnextvlp .btn-prev, #Overlay360 #prevnextvlp .btn-next {
    z-index:999;
    top:50%;
    padding:1rem;
}

/*GEN-3005 start*/
.summary-inner .concierge {
    background-color: rgba(0,0,0,0.85);
    font-size: 11px;
    color: #fff;
    padding: 15px 10px;
}
.summary-inner .concierge .heading {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    font-family: 'GenesisSansHead-Light';
}
.summary-inner .concierge a.concierge-link {
    text-transform: uppercase;
    display: block;
    text-decoration: underline;
    color: #fff;
}
/*GEN-3005 end*/

/* @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.vr-roomnew .img360-view {
	    top: 70%;
	    margin-top: 6px;
	}
}
@media only screen and (max-width: 798px) and (orientation: portrait) {
	.vr-roomnew .img360-view {
	    top: 56%;
	}
} */
/* @media only screen and (max-height : 2960px) {
	.vr-roomnew .img360-view {
	    top: 56%;
	}
}
@media screen and (max-height : 2560px) {
	.vr-roomnew .img360-view {
	    top: 66%;
	}
} */

@media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : portrait) {
	.vr-roomnew .img360-view {
	    top: 56%;
	}
}




/* .vr-info .flex-control-nav {
  width: 100%;
  margin: 18px 0px 10px 0px;
  padding: 0 4.6875%;
  text-align: center;
  box-sizing: border-box;
}
.vr-info .flex-control-nav li {
  margin: 0 7px;
  display: inline-block;
  zoom: 1;
}
.vr-info .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background-color: #d8d8d8;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.vr-info .flex-control-paging li a.flex-active {
    background-color: #804033;
}
@media only screen and (max-width:320px) {		
	.vr-info .flex-control-nav li:nth-child(12n) {		
		margin-top: 14px;		
	}		
}		
@media only screen and (max-width:375px) {		
	.vr-info .flex-control-nav li:nth-child(13n) {		
		margin-top: 14px;		
	}		
}		
@media only screen and (max-width:414px) {		
	.vr-info .flex-control-nav li:nth-child(15n) {		
		margin-top: 14px;		
	}		
} */