/** ------------------------------------------------------------------*/
/**  concept.css
/**  late update: 2016.08.24
/** ------------------------------------------------------------------ **/

/* Concept 공통 */
.concept .inner-contain .design {background-color: #f2f2f2;}
.concept .inner-contain .type-pic-frame .img-holder {padding:6.25% 4.6875%;}
.concept .inner-contain .type-pic-frame .txt-holder {padding-bottom:10.9375%;}
/* GEN-1747 */
.concept .inner-contain .type-pic-frame.home-panel .txt-holder {position: relative;left: auto;margin-bottom: auto;}
.concept .inner-contain .type-pic-frame.home-panel .txt-holder .type-tit {font: 3.125rem/1.04 "HyundaiSansHead-Light";}
.concept .inner-contain .type-pic-frame.home-panel .txt-holder .btns {margin-top:auto;}
.concept .inner-contain .type-pic-frame.home-panel .txt-holder .btns a.gbtn.smaller span.atxt {font-size: 1.5rem;}
.concept .inner-contain .type-pic-frame.home-panel .txt-holder .paragraph p span {display: block}

.concept .sub-nav-wrap {display:block;font-size: 0;white-space: nowrap;background-color: #fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.concept .sub-nav-wrap a.on {color: #804033;}
.concept .sub-nav-wrap a {position:relative;display: inline-block;margin-right: 9.375%;padding: 5.468% 0 5.125%;font: 1.5rem/1 "HyundaiSansText-Regular";color: #ccc;}
.concept .sub-nav-wrap a:first-child {margin-left: 9.375%;padding-right:9.375%;}
.concept .sub-nav-wrap a:first-child:after {position:absolute; content: ''; width:2px;height:1em;top:50%;margin-top:-0.5em;right:0;font-size:1.5rem;background-color: #ddd;}

.concept .concept-kv .type-tit {font: 4.5rem/1 "HyundaiSansHead-Light";color: #804033;}
.concept .concept-kv .btns {margin-top:6.3%;}
.concept .concept-kv .btns .btn-area {display:block;margin-top:12.69%;}
.concept .concept-kv .btns .btn-area:first-child {margin-top:0;}

.concept .kv-area {width: 100%; background-color: #000000}
/* .concept .kv-area.cont-fullsize {height:149.53125%} */ /* if 640 x 957 : landing */
/* .concept.ny-concept .kv-area.cont-fullsize {height:167.03125%} */ /* if 640 x 1069 : NY */
/* .concept.vision-g .kv-area.cont-fullsize {height:165%} */ /* if 640 x 1056 : vision g */

.concept .introduction .video-con {position:relative;}
.concept .introduction .img-holder.video-con a {display: inline-block; outline: 0px;}
.concept .introduction .video-con .btn-youtube-play {display: inline-block;position: absolute;width:10.46875%;left: 50%;top: 50%;}
.concept .introduction .video-con .btn-youtube-play img {width:100%;margin-left:-50%;margin-top:-50%;}
.concept .type-gallery .tit {}
.concept .exterior { padding-top:10%; background: #000}
.concept .interior { padding-top:10%; background: #000}
.concept .exterior .type-pic-frame .txt-holder {padding-bottom:24.6875%;}
.concept .interior .type-pic-frame .txt-holder {padding-bottom:30.46%;}
.concept .interior .type-swiper .indi-wrap {margin-top:59.6875%;}
.concept .interior .type-swiper .inner-cont-wrap li .page-wrap {padding-top:70%;}
.concept .gallery .type-tit {padding:8.125% 9.375% 6.56%;font: 3.125rem/1.04 "HyundaiSansHead-Light";color: #804033;box-sizing: border-box;background-color: #f7f7f7;}
.concept .gallery .type-swiper .indi-wrap {margin-top:97.1875%;}
.concept .gallery .type-swiper .inner-cont-wrap li .page-wrap {padding-top:111.71%;}

/* concept lading */
.concept .cont-fullsize.kv-area .txt-holder .type-tit.font-s80 {font-size:5rem}
.concept .type-multi-link .btns a {margin-right:0}

/* ny-concept */
.concept.ny-concept h1.type-tit {font-size:3.125rem; line-height:1.15; margin-bottom:4%; display:block;}
.concept.ny-concept h1.type-tit span {display:block;}
.concept.ny-concept .exterior .type-swiper .indi-wrap {margin-top:59.6875%;}
.concept.ny-concept .exterior .type-swiper .inner-cont-wrap li .page-wrap {padding-top:70%;}
.concept.ny-concept .type-multi-link a {margin-right:0}
.concept.ny-concept .inner-contain.gallery .type-tit.bg-white {background-color:#fff}
.concept.ny-concept .type-pic-frame.bg-dark-brawn {background-color:#16120c}

.concept.ny-concept .type-pic-frame {background-color:#16120c}

/* �가 */
/*  modules.css - .cta-wrap.only-one-btn로 통합
.concept.vision-g .type-multi-link .type-inner .btns {float: none; display: block; text-align: center}
.concept.vision-g .type-multi-link .type-inner .btns a.gbtn span.atxt {text-align:center; padding:0}

.concept.ny-concept .type-multi-link .type-inner .btns {float: none; display: block; text-align: center}
.concept.ny-concept .type-multi-link .type-inner .btns a.gbtn span.atxt {text-align:center; padding:0}
*/

/* sign-up �� */
.cl-signup-popup{}
.cl-signup-popup.popup .popup-inner {padding-bottom:1.5%}
.cl-signup-popup .top-msg{padding-top:2.5%; padding-bottom:7.8%; border-bottom:1px solid #c4c6ca; color:#888; font-size:1.5rem}
.cl-signup-popup .form-wrap{padding:11.5% 0 1%; }
.cl-signup-popup h2 {margin-bottom:-5%; margin-top:11%; font-size:1.75rem}
.cl-signup-popup label{
    display: block;
    margin-bottom: 2.7586%;
    font-size: 1.500rem;
    color: #8d8d8d;
    line-height: 1;
    vertical-align: middle;
}
.cl-signup-popup input{width: 100%; margin-bottom: 6.8965%;}
.cl-signup-popup .inp-wrap{position: relative; padding-bottom:1%; /*padding-bottom:4rem;*/}
.cl-signup-popup .inp-wrap input{margin-bottom:0;}
.cl-signup-popup .btn-wrap{text-align:center; padding-left:0; padding-right:0;}
.cl-signup-popup .btn-wrap .btn-base{width:100%; margin:0;}

/*.popup-signup .popup-inner {background-color:#f7f7f7}*/
.popup-signup h1 {display:block;height:3em;line-height:3em;padding-left:5%;font-size:1.000rem;background-color:#fafafa}
.popup-signup .pop-inner-wrap {display:table;height:20rem;text-align:center;width:100%; }
.popup-signup .pop-inner-wrap div {display:table-cell;vertical-align:middle}
.popup-signup .pop-inner-wrap .img {display:inline-block;width:6rem;padding-bottom:5%;vertical-align:middle;}
.popup-signup .pop-inner-wrap .img img {width:100%;vertical-align:middle}
.popup-signup .pop-inner-wrap  h2 {padding-bottom:5%;}
.popup-signup .pop-inner-wrap div strong {display: block;font-size:2.2125rem; font-weight: normal; font-family: 'HyundaiSansHead-Light'; margin-top:5%; margin-bottom:2.5%}
.popup-signup .pop-inner-wrap p {display:block;text-align:center;line-height:1.6;color:#000; font-size:1.5rem;}

/* vision G */
.concept.vision-g .exterior .type-pic-frame .txt-holder {padding-bottom: 17.18%;}
.concept.vision-g .interior .type-pic-frame .txt-holder {padding-bottom:17.34%;}
.concept.vision-g .interior .type-swiper .inner-cont-wrap li .page-wrap {padding-top:73.87%;}
.concept.vision-g .interior .type-swiper .indi-wrap {margin-top:57.03%;}
.concept.vision-g .gallery .type-tit {background-color: #fff;}

/* GEN-1747 */
.concept .inner-contain .type-pic-frame .txt-holder a.valet-cta {
	margin-top: 30px;
	font: 14px/16px 'GenesisSansText';
    color: #fff;
    background-color: transparent;
    border: 1px solid #FFF;
    padding: 15px;
    letter-spacing: 1px;
    display: block;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}