/** ------------------------------------------------------------------*/
/**  modules.css
/**  last update: 2016.08.11
/** ------------------------------------------------------------------ **/

/* ------------------------------------------------------------------
* CSS 컴포넌트
* ------------------------------------------------------------------ */

/* 커스텀 인풋(체크박스, 라디오) */
.custom-chk-rdo{
    position: relative;
    display:inline-block;
    padding-right: 0.6em;
    line-height: 1;
    vertical-align: top;
    overflow: hidden;
    box-sizing:border-box
}
.custom-chk-rdo input[type="radio"],.custom-chk-rdo input[type="checkbox"]{
    position:absolute;
    margin-left:-16px; z-index: -1;
}
.custom-chk-rdo input + span{display:block; padding-left:2.648rem; color:#000; font-size: 0; word-break:break-all; line-height:1.8;box-sizing:border-box}
.custom-chk-rdo input + span span{margin-left:0.8em; margin-top:0.2em; font-size: 1.375rem; vertical-align: middle; }
.custom-chk-rdo input + span span b {color:#888}
.custom-chk-rdo span i{
    display:inline-block;
    position: relative;
    width:1em; height:1em;
    margin-left:-2.648rem;
    border:1px solid #c8cacd;
    background-color:#fff;
    box-sizing: border-box;
    vertical-align:middle
}
.custom-chk-rdo span i img{display: none; position: absolute; }
.custom-chk-rdo.multi-line input + span{width:100%; box-sizing: border-box;white-space:normal;}
.custom-chk-rdo.multi-line input + span span{margin-top:0; line-height: 1.3;}
.custom-chk-rdo.multi-line span i{}
.custom-chk-rdo input[type="radio"] + span i{border-radius: 0.6em; font-size: 2.25rem;}
.custom-chk-rdo input[type="radio"] + span i img{left: 0em; top: 0em; width:0.95em; padding:0;}
.custom-chk-rdo input[type="radio"]:checked + span i{}
.custom-chk-rdo input[type="radio"]:checked + span i img{display: block;}
.custom-chk-rdo input[type="checkbox"]+span i{font-size: 2.375rem;}
.custom-chk-rdo input[type="checkbox"]+span i img{left: 0.05em; top: 0.15em; width: 0.8em;  padding:0;}
.custom-chk-rdo input[type="checkbox"]:checked + span i{}
.custom-chk-rdo input[type="checkbox"]:checked + span i img{display: block;}
.custom-chk-rdo input[type="checkbox"]:disabled + span i{background: #eee;}


/* 커스텀 셀렉트 */
.custom-select{display:inline-block; position:relative;width:200px; z-index: 50; box-sizing: border-box; background:#fff;  color:#888 }
.custom-select .selected button:before, .custom-select .selected button:after,
.custom-select label span:before, .custom-select label span:after{display:inline-block; content: ''}
.custom-select .selected{position:relative; z-index:51; height:46px; border:1px solid #c4c6ca; background:#fff; line-height:48px; font:16px/12px 'HyundaiSansText-Regular', 'wFontKrR';}
.custom-select .selected button{display: block; width:100%; height:inherit; text-align:left;}
.custom-select .selected button:focus{outline:1px solid #000;}
.custom-select .selected button span{display:inline-block; text-indent:18px;}
.custom-select .selected button i{
    position:absolute;
    right:0; top:0;
    width:46px; height:46px;
    overflow:hidden;
}
.custom-select .selected button i img{display: inline-block;}
.custom-select.open .selected button i img{margin-top:-48px;}
.custom-select .opt-list{
    display: none;
    position: absolute;
    left:0;top:47px;
    z-index: 52;
    width:100%;
    min-height: 60px;
    padding: 5px 0 5px;
    background: #fff;
    border:1px solid #c4c6ca;
    box-sizing: border-box;
    overflow-y: auto;
}
.custom-select.open .opt-list{display: block;}
.custom-select .opt-list label{position: relative; display:block; height:30px; line-height: 30px; font-size: 12px; white-space: nowrap;}
.custom-select .opt-list label span{display:inline-block; font:16px/1.9 'HyundaiSansText-Regular', 'wFontKrR'; text-indent:18px}
.custom-select .opt-list label span:after{position:absolute; width:100%;height:100%; left:0; top:0;z-index: -1;}
.custom-select .opt-list input[type="radio"], .custom-select input[type="checkbox"]{position:absolute; margin-left:-16px; z-index: -1;}
.custom-select .opt-list label:hover span:after,
.custom-select .opt-list input[type="radio"]:focus+span:after,
.custom-select .opt-list input[type="checkbox"]:focus+span:after{background: #ededed;}

.custom-select.use-check .opt-list label span{ }
.custom-select.use-check .opt-list label span:before{
    width: 13px;
    height: 13px;
    margin-right:10px;
    border: 2px solid #2e2e2e;
    background-color: #fff;
    vertical-align: top;
    box-sizing: border-box;
}
.custom-select.use-check .opt-list input:checked+span:before{border-color:#ed1c24; background: #ed1c24}
.custom-select.use-check .opt-list input:checked+span{color:#ff0000; }
.custom-select.static-type .opt-list{
    display:none;
    position:relative;
    left:0;top:-1px;
    min-height:0;
    opacity: 1;
}
.custom-select.static-type.open .opt-list{display: block;}

/* 커스텀 버튼 */
.btn-base{
    display: inline-block;
    height:4.1em;
    padding:0 3%;
    border: 1px solid #000;
    box-sizing:border-box;
    background: #000;
    font-size: 1.375rem;
    line-height: 4.2;
    text-align: center;
    vertical-align:top;
    text-indent: 0;

} /* word-spacing: -0.1em; */

.btn-base span{
    position: relative;
    color:#fff;
}
.btn-base.reverse{background: #fff; border-color: #666;}
.btn-base.reverse span{color:#222;}
.btn-base.btn-gray {background-color:#6f6f6f; border:none;}
.btn-base.w100full{width:100%; padding:0;}
.btn-base.w-half{display: block; width:49%; padding:0;}

.btn-base.on{}
.btn-base.off{background: none; border-color: #2a2a2a;}

.btn-base.text-hilight{color:red}
.btn-base.text-hilight:hover{color:red}

.btn-base.inactive{background-color:#6f6f6f; border: 1px solid #6f6f6f; cursor: default; pointer-events: none;}
.btn-base.inactive span{color:#565656;}

.btn-base.icon{position:relative; width:100%; padding:0;}
.btn-base.icon i{display:inline-block; height:100%; overflow:hidden; vertical-align: top;}
.btn-base.icon span{vertical-align: middle;}
.btn-base.icon.lft-i{}
.btn-base.icon.lft-i i{margin-right:1em;}
.btn-base.icon.lft-r i{margin-left:1em;}
.btn-base.icon i img{width:0.55em; height:auto; margin-top: -0.1em; vertical-align: middle;}
.btn-base i {display:inline-block;margin-right:10px}
.btn-base i img {vertical-align:-3px}

.btn-wrap{font-size: 0;padding:4.6875% 0; text-align:center;}
.btn-wrap.ty1 {padding:4.6875%}
.btn-wrap.no-pd {padding:0}
.btn-wrap .btn-base{width:49.12%}
.btn-wrap .btn-base:first-child{margin-right:0.88%;}
.btn-wrap .btn-base:last-child{margin-left:0.88%;}
.btn-wrap .btn-base.single:first-child{margin-right:0;}
.btn-wrap .btn-base.w100full{width:50%;margin:0;padding:0;}

/* 제네시스 버튼 */
a.gbtn{
    display: inline-block;
    color: #fff;
    vertical-align: top;
}
a.gbtn span{display:block; vertical-align: top;}
a.gbtn span.atxt{width:100%; height:3.167em; padding: 0; box-sizing: border-box; font-size: 1.5rem; line-height: 3.2}
a.gbtn span.sline{position:relative; width:100%; height:1px; background: #fff;  }
a.gbtn span.sline:after{
    display:block;
    position:absolute;
    left:0; bottom:0;
    width:0; height:1px;
    background: #804033;
    content:''; opacity:0;
}
a.gbtn.top-line{position: relative;}
a.gbtn.top-line span.atxt{}
a.gbtn.top-line span.sline{position:absolute; left:0; top:0;}
a.gbtn.top-line span.sline:after{}

a.gbtn.reverse{color:#000;}
a.gbtn.reverse span.sline{background: #000; }
a.gbtn.reverse span.sline .sline-inner{background: #804033;}
a.gbtn.reverse span.sline:after{background: #999;}

a.gbtn-normal{
    display: inline-block;
    padding: 0;
    font-size: 1.5rem;
    line-height: 3.2;
    color: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    vertical-align: top;
}
a.gbtn-normal.reverse{color:#000; border-bottom-color:#000;}

/* ------------------------------------------------------------------
* 사이트 콘텐츠 컴포넌트
* ------------------------------------------------------------------ */

/* indicator 공통 스타일 */
.indi-holder {display: inline-block; position: relative; font-size:1.45rem; margin-top: 3.4375%; text-align: center;}
.indi-holder .indicator {display: inline-block;  width:3.2em; margin:0 0.6em;}
.indi-holder .indicator span {display: inline-block; font: 1.45rem/1 "HyundaiSansText-Regular"; color: #ebebeb}
.indi-holder .prev-next-btns a {display: block;  width: 0.55em; height: 0.95em; overflow: hidden; opacity: 0.5;}
.indi-holder .prev-next-btns a img {width: 100%}
.indi-holder .btn-prev {position: absolute; top: 1px; left: 0; }
.indi-holder .btn-next {position: absolute; top: 1px; right: 0; }
/* indicator dark ver. */
.indi-holder.reverse .indicator span {color: #000}
.indi-holder.reverse .prev-next-btns a img {display: block; margin-top: -0.9em;}

/* fullsize 공통 */
.cont-fullsize {width: 100%}
.cont-fullsize .content {position: relative; overflow: hidden}
.cont-fullsize .bg-holder,
.cont-fullsize .bg-holder img {width: 100%}
.cont-fullsize .txt-holder {position: absolute; bottom: 0; left: 9.375%; margin-bottom: 15.625%; width: 81.25%; z-index: 2; color: #fff}
.cont-fullsize .txt-holder .type-tit {font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.cont-fullsize .txt-holder .sub-tit {display: block; margin-top: 1.718%; font: 1.75rem/1.35 "HyundaiSansText-Regular"; font-weight: normal}
.cont-fullsize .txt-holder .paragraph {margin-top: 4.376%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.cont-fullsize .txt-holder b span,
.cont-fullsize .txt-holder p span {display: block}
.cont-fullsize .btns {margin-top: 7.187% ; font-size: 0}
.cont-fullsize .btns a.gbtn.talign-r {margin-left: 3.77%; width: 47.16%}
.cont-fullsize .btns a.gbtn.talign-r.first {margin-left: 0}
.cont-fullsize .btns a.gbtn.smaller span.atxt {font-size: 1.25rem}
.cont-fullsize .btns a.gbtn.smaller.btn-video {position: relative; padding-right: 4.64%; box-sizing: border-box;}
.cont-fullsize .btns a.gbtn.smaller.btn-video span.atxt {display: inline-block;}
.cont-fullsize .btns a.gbtn.smaller.btn-video span.atxt:after {display: block; position: absolute; right:0; top: 50%; margin-top: -0.545rem; content: ''; width: 0; height: 0; border-top: 0.4065rem solid transparent; border-left: 0.438rem solid #fff; border-bottom: 0.4065rem solid transparent}
.cont-fullsize .btns a.gbtn.smaller.btn-video .sline {position: absolute; bottom: 0; left: 0;}
.cont-fullsize .btns a.gbtn.btn-video.reverse span.atxt:after{border-left-color:#000;}
.cont-fullsize .hrz-nav {width: 100%; overflow-x: scroll}
.cont-fullsize .hrz-nav .nav-wrap {display: inline-block; width: 100%; font-size: 0; white-space: nowrap}
.cont-fullsize .hrz-nav .nav-wrap a {display: inline-block; margin-right: 9.375%; /*padding: 5.468% 0 5.125%;*/ font: 1.5rem/1 "HyundaiSansText-Regular"; color: #ccc}
.cont-fullsize .hrz-nav .nav-wrap a:first-child {margin-left: 9.375%}
.cont-fullsize .hrz-nav .nav-wrap a.on {color: #804033}
.cont-fullsize .hrz-nav.fixed {position: fixed; top:0; left:0; z-index: 1000}

/* kv-area 공통 */
.cont-fullsize.kv-area {width: 100%;}
.cont-fullsize.kv-area .txt-holder .type-tit {font: 4.5rem/1 "HyundaiSansHead-Light"; color: #804033}
.cont-fullsize.kv-area span.line {position: absolute; top:0; left: 0; width: 100%; height: 100%; padding: 4.6875% 4.6875% 0; box-sizing: border-box}
.cont-fullsize.kv-area span.line:after {display: block; content: ''; width: 100%; height: 100%; border: 1px solid #804033}
.cont-fullsize.kv-area.kv-swiper span.line {pointer-events: none;}
/* .cont-fullsize.kv-area.kv-swiper .txt-holder {pointer-events: none;} */
.cont-fullsize.kv-area.kv-swiper .txt-holder a.gbtn {pointer-events: all}
.cont-fullsize.kv-area.kv-swiper .txt-holder a.btn-video {transition: 0.7s all; opacity: 0; pointer-events: none;}
.cont-fullsize.kv-area.kv-swiper .txt-holder a.btn-video.shown {opacity: 1; pointer-events: all}

/* normal 타입 */
.type-normal {}
.type-normal .img-holder img {display: block; width: 100%}
.type-normal .txt-holder {padding: 0 9.375% 10.625%;}
.type-normal .txt-holder .footnote {display: block; margin-top: 3.125%; font-size: 1.25rem; line-height: 1.2; color: #888}
.type-normal .txt-holder .type-tit {margin-top: 10.3125%; font-size:3rem; line-height: 1.2; font-family:  'HyundaiSansHead-Light', 'wFontKrUL'; color: #000;}
.type-normal .txt-holder .paragraph {margin-top: 4.375%; font-size:1.5rem; line-height: 1.5; color: #010101; letter-spacing: -0.2px;}
.type-normal .txt-holder .description {margin-top: 8.90625%}
.type-normal .txt-holder .description dt {padding: 1.25rem 0; border-bottom: 1px solid #000; font-size: 1.5rem; line-height: 1;}
.type-normal .txt-holder .description dd {padding: 1.25rem 0; font-size: 1.5rem; line-height: 1.4;}

/* 액자타입 */
.type-pic-frame { background: #000}
.type-pic-frame .inner-cont-wrap {/*padding-top: 75%;*/ width: 100%; box-sizing: border-box}
.type-pic-frame .img-holder {/*position: absolute;*/position: relative; top:0; left: 0; padding: 6.25% 4.6875% 4.6875%}
.type-pic-frame .img-holder img {display: block; width: 100%}
.type-pic-frame .txt-holder {position: relative; padding: 10% 9.375% 16.4% 4.6875%; width: 100%; box-sizing: border-box; color: #fff}
.type-pic-frame .txt-holder:after {content:''; display: block; position: absolute; top:0; left: 4.6875%; margin-top: 4.6875%; width: 90.625%; height: 0; background: #161616}
.type-pic-frame .txt-holder .cat-tit {font: 1.5rem/1 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame .txt-holder .type-tit {margin-top: 2.18%; font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame .txt-holder .paragraph {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"; color: #888}
.type-pic-frame .txt-holder .cat-tit span,
.type-pic-frame .txt-holder .type-tit span,
.type-pic-frame .txt-holder .paragraph span {display: block}
.type-pic-frame .txt-holder .txt-white {color:#fff;}


/* 액자타입 갤러리 */
.type-pic-frame-gal { background: #000}
.type-pic-frame-gal .content {text-align: center}
.type-pic-frame-gal .gallery-holder {position: relative; padding-top: 6.25%; margin: 0 4.6875%; width: 90.625%}/*{position: absolute; top:0; left: 0; padding: 9.375%}*/
.type-pic-frame-gal .gallery-holder img {display: block; width: 100%}
.type-pic-frame-gal .gallery-holder ul {position: relative; margin: 0 auto; padding-top:56.25%; width: 81.25%}
.type-pic-frame-gal .gallery-holder ul li {position: absolute; top:0; left: 0; }
.type-pic-frame-gal .gallery-holder ul li a{display:block; position: relative; padding-top: 51.72%; height: 0; overflow: hidden; box-sizing: border-box; pointer-events: none}
.type-pic-frame-gal .gallery-holder ul li a.has-video {pointer-events: all}
.type-pic-frame-gal .gallery-holder ul li img {position: absolute; top:0; left: 0; width: 100%!important}
.type-pic-frame-gal .txt-holder {position: relative; margin-top: 7.24%; padding: 10% 9.375% 10.625% 0; width: 100%; box-sizing: border-box; text-align: left; color: #fff}
.type-pic-frame-gal .txt-holder:after {content:''; display: block; position: absolute; top:0; left: 0; margin-top: 4.6875%; width:100%; height: 1px; background: #161616}
.type-pic-frame-gal .txt-holder .cat-tit {font: 1.5rem/1 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame-gal .txt-holder .type-tit {margin-top: 2.18%; font: 3.125rem/1.04 "HyundaiSansHead-Light"; color: #804033}
.type-pic-frame-gal .txt-holder .paragraph {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"; color: #888}
.type-pic-frame-gal .txt-holder .cat-tit span,
.type-pic-frame-gal .txt-holder .type-tit span,
.type-pic-frame-gal .txt-holder .paragraph span {display: block}
.type-pic-frame-gal a.btn-dn {position: absolute; top:0; left: 5.6875%; margin-top: 55.75%; width: 6%; pointer-events: all}
.type-pic-frame-gal a.btn-dn.dimmed {opacity: 0.2; pointer-events: none;}
.type-pic-frame-gal a.btn-dn img {display: block; width: 100%; height: auto}

/* 싱글링크 섹션 */
.type-single-link {padding: 3.563rem 0 3.438rem; text-align: center; background: #2c2c2c}
.type-single-link a {display: inline-block; margin-left:6.5625%;padding-bottom: 1.5rem; font-size:1.375rem; line-height:1; color: #fff; border-bottom: 1px solid #fff}
.type-single-link a:first-child {margin-left:0;}
.type-single-link.only-btn-one a {font-size:1.5rem;}

/* 멀티링크 섹션 */
.type-multi-link {padding: 9.6875% 9.375%; width: 100%; background: #2c2c2c; box-sizing: border-box;}

.type-multi-link .type-tit {float: left; font:1.5rem/3.2 'HyundaiSansText-Regular'; font-weight: normal; color:#fff }
.type-multi-link .btns {float: right; display: inline-block; text-align: right; font-size: 0;}
.type-multi-link .btns a.gbtn {display: inline-block;}
/*.type-multi-link .btns a.gbtn span.atxt{padding-left:1.7em;}*/
.type-multi-link .btns a:first-child {margin-right: 4.7rem}
/*.type-multi-link .btns a.gbtn span.atxt {display: block; height: auto; padding: 0 0 38.62%; line-height: 1;}*/

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

/* 스와이퍼 */
/* added 160801 */
/*.type-swiper .inner-cont-wrap ul {background: #fff}*/
.type-swiper .inner-cont-wrap li {position: absolute; left: 0; top: 0; width: 100%; background: #fff}
.type-swiper .inner-cont-wrap li .page-wrap {position: relative; padding-top: 71.875%; box-sizing: border-box}
.type-swiper .inner-cont-wrap .content {position: relative; width: 100%; text-align: center; }
.type-swiper .img-holder {position: absolute; top:0; left: 0; padding-top: 56.25%; width: 100%; height: 0; box-sizing: border-box; overflow: hidden}
.type-swiper .img-holder img {display: block; position: absolute; top: 0; left: 0; width: 100%}
.type-swiper .txt-holder {padding: 0 9.375% 17% 9.375%; width: 100%; box-sizing: border-box; text-align: left; color: #fff}
.type-swiper .txt-holder strong {font: 1.5rem/1 "HyundaiSansHead-Light"}
.type-swiper .txt-holder .type-tit {margin-top: 2.18%; font: 2.625rem/1.04 "HyundaiSansHead-Light"; color: #000}
.type-swiper .txt-holder .type-tit .type-tit-top {color:#888; font-size:1.625rem; display: inline-block; margin-bottom:3.5%; display: block}
.type-swiper .txt-holder .paragraph {margin-top: 4.375%; font: 1.5rem/1.5 "HyundaiSansText-Regular"; color: #000}
.type-swiper .txt-holder .type-tit span,
.type-swiper .txt-holder .paragraph span {/*display: block;*/}
.type-swiper .txt-holder .paragraph span.no-break {display: block!important; position: relative; padding-left: 0.8rem; box-sizing: border-box}
.type-swiper .txt-holder .paragraph span.no-break:after {display: block; content: '-'; position: absolute; top: 0; left: 0;}
.type-swiper .txt-holder a.gbtn {margin-top: 5.9375%;}
.type-swiper .indi-wrap {position: absolute; left: 0; top: 0; margin-top: 59.6875%; width: 100%}/*revise mt*/
.type-swiper .indi-wrap .indi-holder {margin-top: 0; position: absolute; right: 4.6875%;}
.type-swiper.only-para .txt-holder .paragraph {margin-top: 0}
.type-swiper.only-para .txt-holder .paragraph p {margin-top: 0}

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

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

/* 텍스트 박스 ( + 이미지 박스) */
.type-txt-box .txt-holder {padding: 9.375% 9.375% 15%; box-sizing: border-box}
.type-txt-box .txt-holder .type-tit {font: 2.625rem/1.095 "HyundaiSansHead-Light"; color: #804033;}
.type-txt-box .txt-holder .type-tit span {display: block}
.type-txt-box .txt-holder .paragraph {margin-top: 4.6%; font: 1.5rem/1.5 "HyundaiSansText-Regular"}
.type-txt-box .img-holder {width: 100%}
.type-txt-box .img-holder img {display: block; width: 100%}
.type-txt-box.only-para .txt-holder .paragraph {margin-top: 0}

.type-txt-box .rte-content .txt-holder {border: 1px solid #b46868; margin: 10px; border-bottom: none; }
.type-txt-box .rte-content .txt-holder .MsoNormal {font-size:14px;}
.type-txt-box .rte-content {padding-top:5px;}
.concept .introduction .rte-content .img-holder.video-con a {display:inline !important;}
.type-txt-box .rte-content .img-holder img {display: block; width: 100%;}
.type-txt-box.only-para .rte-content .txt-holder .paragraph {margin-top: 0; line-height:50px;}

/* 갤러리 */
.type-gallery .tit {padding: 7.8125% 0 6.718% 9.375%; font: 2.813rem/1 'HyundaiSansHead-Light'; color: #804033; background: #fff; overflow: hidden}
.type-gallery .tit.bg-white{background-color: #fff;}
.type-gallery .gallery-holder .btn-select-gal {font-size: 0;  border-top: 1px solid #e9e9e9}
.type-gallery .gallery-holder .btn-select-gal a {display: inline-block; padding: 5% 0 4.06%; font: 1.5rem/1 "HyundaiSansHead-Light"; text-align: center; color: #ccc}
.type-gallery .gallery-holder .btn-select-gal a span {display: block; width: 100%; text-align: center; border-left: 1px solid #ccc}
.type-gallery .gallery-holder .btn-select-gal a:first-child span {border-left: none}
.type-gallery .gallery-holder .btn-select-gal a.on {color: #804033}
.type-gallery .gallery-holder .btn-select-gal a.first {width: 36%}
.type-gallery .gallery-holder .btn-select-gal a.second {width: 33%}
.type-gallery .gallery-holder .btn-select-gal a.third {width: 31%}
.type-gallery .gallery-holder .galleries {position: relative; width: 100%; height: 0; padding-top: 113.3333%; box-sizing: border-box}
.type-gallery .gallery-holder .galleries > div {position: absolute; top: 0; left: 0; width: 100%; background: #fff}
.type-gallery .gallery-holder .galleries > div.selected {z-index: 2;}
.type-gallery .gallery-holder .swipe li {font-size: 0}
.type-gallery .gallery-holder .swipe li a {display: inline-block; position: relative; height: 0; padding-top: 46.875%; box-sizing: border-box; overflow: hidden}
.type-gallery .gallery-holder .swipe li a.col-1 {width: 50%;}
.type-gallery .gallery-holder .swipe li a.col-2 {width: 100%}
.type-gallery .gallery-holder .swipe li a img {display: block; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -46.875%}
.type-gallery .gallery-holder .gallery-func-area {padding: 4.4375% 0 10.9375%; text-align: center}
.type-gallery .gallery-holder .indicator span {color: #000}
.type-gallery .gallery-holder .prev-next-btns a img {margin-top: -0.9em;}

.gallery-popup {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 667px; background: #000}
.gallery-popup > div {display: none;}
.gallery-popup > div.selected {display: block;}
.gallery-popup .pop-view-area {width: 100%;height:100%;}
.gallery-popup .pop-view-area .swipe img {width: 100%}
.gallery-popup .txt-holder {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7);}
.gallery-popup .txt-holder p {padding: 6.25% 9.375% 12.5%; font: 1.5rem/1.5 "HyundaiSansText-Regular"; color: #fff}
.gallery-popup .pop-func-area {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #fff;}
.gallery-popup .video .pop-view-area {height:92%;}
.gallery-popup .video .pop-func-area {height: 8%}

.gallery-popup .pop-func-area .indi-holder {left: 9.375%; margin-top: 1.6em;}
.gallery-popup .pop-func-area .indicator span {color: #000}
.gallery-popup .pop-func-area .prev-next-btns a img {margin-top: -0.9em;}
/*.gallery-popup .pop-func-area .indi-holder {display: inline-block; position: relative; left: 9.375%; top: 18px; margin-top: 0; font-size: 0; text-align: center}
.gallery-popup .pop-func-area .indi-holder .indicator {display: inline-block; text-align: center}
.gallery-popup .pop-func-area .indi-holder .indicator span {display: inline-block; font: 13px/1 "HyundaiSansHead-Light"; color: #000}
.gallery-popup .pop-func-area .indi-holder .prev-next-btns a {display: inline-block; position: absolute; top:0; width: 7px; height: 12px; overflow: hidden}
.gallery-popup .pop-func-area .indi-holder .prev-next-btns a img {display: block; margin-top: -12px; width: 100%}
.gallery-popup .pop-func-area .indi-holder .btn-prev {right: 100%; margin-right: 10px}
.gallery-popup .pop-func-area .indi-holder .btn-next {left: 100%; margin-left: 10px}*/
.gallery-popup .close-pop {position: fixed; top: 0; right: 0; padding: 4.6875%; z-index: 1}
.gallery-popup .sns-btns-area .close-pop {position: absolute}
.gallery-popup .close-pop span {display: block; position: relative; width: 18px; height: 18px; overflow: hidden}
.gallery-popup .close-pop img {position: absolute; left: 0; top: 0; width: 18px; height: auto}
.gallery-popup.dark .close-pop img {top: auto; bottom: 0;}
.gallery-popup .gall-dn-share {position: absolute; top:16px; right: 0; margin-right: 4.6875%; /*width: 65px;*/ width: 19px; font-size: 0}
.gallery-popup .gall-dn-share .dn-btn-area,
.gallery-popup .gall-dn-share .share-btns-area {display: inline-block; width: 19px; height: 19px; margin-left: 25px}
.gallery-popup .gall-dn-share .share-btns-area:after {display: block; content: ''; position: fixed; top: 0; left: 0; width: 100%; height:100%; background: #000; z-index: 2; opacity: 0; pointer-events: none; transition: 0.7s all}
.gallery-popup .gall-dn-share .share-btns-area.on:after {pointer-events: all; opacity: 0.7;}
.gallery-popup .gall-dn-share .dn-btn-area {margin-left: 0}
.gallery-popup .gall-dn-share .img-type {display: inline-block; position: relative; width: 19px; height: 19px; overflow: hidden}
.gallery-popup .gall-dn-share .img-type > span {position: absolute; top:0; left: 10000px;}
.gallery-popup .gall-dn-share .img-type > span.img-con {left: 0;}
.gallery-popup .gall-dn-share .img-type img {display: block; width: 100%; height: auto}

.gallery-popup .btn-youtube-play {position: absolute; width: 10.467%; top:40%; left:50%; margin-left:-5%}
.gallery-popup .btn-youtube-play img{width: 100%;}

/* 갤러리 팝업 가로 고정용 스타일 */
.gallery-popup .pop-func-area .indi-holder {margin-top: 19px; font-size: 13px; line-height: 17px}
.gallery-popup .indi-holder .prev-next-btns a {display: block;  width: 7px; height: 12px; overflow: hidden; opacity: 0.5;}
.gallery-popup .pop-func-area .prev-next-btns a img {margin-top: -12px}
.gallery-popup .indi-holder .indicator {display: inline-block; width:55px; margin:0 8px; font-size: 0}
.gallery-popup .indi-holder .indicator span {display: inline-block; width: 20px; font-size: 13px; text-align: left}
.gallery-popup .indi-holder .indicator span:first-child {text-align: right}
.gallery-popup .indi-holder .indicator span:nth-child(2) {width: 15px; text-align: center}


/* 모바일 sns 팝업 */
.sns-btns-area {position: fixed; top:50%; left: 4.6875%; margin-top: -120px; width: 90.625%; height: 190px; background: #fff; text-align: center; z-index: 1001;}
.sns-btns-area .close-pop{padding: 4.6875%; width:auto; height:auto;}
.sns-btns-area .close-pop span {
    display: block;
    position: relative;
    width: 18px;
    height: 18px;
    overflow: hidden;
}
.sns-btns-area .close-pop img {
    position: absolute;
    left: 0; top: -19px;
    width: 18px; height: auto;
}

.sns-btns-area strong {display: block; margin: 4.6875% 0 0 4.6875%; font: 1.875rem/1 "HyundaiSansHead-Light"; text-align: left}
.sns-btns-area .sns-btns {display:block; padding:43px 0; text-align:center}
.sns-btns-area .sns-btns li {display:inline-block;width:20%;text-align:center}
.sns-btns-area .sns-btns li.first {padding-left: 0}
.sns-btns-area .sns-btns li.last {padding-right: 0}
.sns-btns-area .sns-btns a {display: inline-block; width: 36px;}
.sns-btns-area .sns-btns a span {display: block}
.sns-btns-area .sns-btns a img {display: block; width: 100%}

/*비디오 팝업*/
.popup.video-pop {padding: 0; height:100%;}
.popup.video-pop .video-holder {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.popup.video-pop .video-holder video {width: 100%; height: 100%}

/*CTA 버튼*/
.link-area {padding: 3.563rem 0 3.438rem; text-align: center; background: #f7f7f7}
.link-area.white-bg {background: #fff}
.link-area.darkgray-bg {background: #2c2c2c}
.link-area a {display: inline-block; margin-left:6.5625%;padding-bottom: 1.5rem; font-size:1.375rem; line-height:1; color: #fff;}
.link-area a:first-child {margin-left:0;}
.link-area.only-btn-one a {font-size:1.5rem;}

.cta-wrap {padding: 9.6875% 9.375%; width: 100%; background: #191919; box-sizing: border-box;}
.cta-wrap .cta-tit {float: left; font:1.5rem/3.2 'HyundaiSansText-Regular'; font-weight: normal; color:#fff }
.cta-wrap .btns {float: right; display: inline-block; text-align: right; font-size: 0;}
.cta-wrap .btns a.gbtn {display: inline-block; margin-left: 2.25rem}
/*.cta-wrap .btns a.gbtn.talign-r span.atxt{padding-left:1.7em;}*/
.cta-wrap .btns a:first-child {margin-left: 0}

.cta-wrap.only-one-btn .cta-inner {text-align: center}
.cta-wrap.only-one-btn .btns {float: none; text-align: center}


@media only screen and (max-width:480px) {

    .type-txt-box.only-para .rte-content .txt-holder .paragraph {margin-top: 0; line-height:30px;}}

@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation : landscape) { 
	.type-give-notice span:after {
    	margin-top: 1.6125%;
     }
}