/** ------------------------------------------------------------------*/
/**  brand.css
/**  last update: 2016.07.11
/** ------------------------------------------------------------------ */


/**/
#container.sec-brand{margin-top:0;}
.sec-brand .video-con {}
.sec-brand .cont-fullsize.kv-area span.line {margin-top: 50px}
.sec-brand .video-con a {position: relative;display: block;}
.sec-brand .video-con a img {width:100%;}
.sec-brand .video-con .type-txt-box .img-holder img {position: relative;}
.sec-brand .video-con .btn-wrapper {position:absolute;width:100%;top:0;padding-top:24.68%;left:0;text-align: center;color:#fff;}
.sec-brand .video-con .btn-wrapper .img-holder {width:10.467%;margin:0 auto;}
.sec-brand .video-con .btn-wrapper .img-holder img {width:100%;}
.sec-brand .video-con .btn-wrapper strong {display:block;padding-top:5.78%;font:2.5rem/1 "HyundaiSansHead-Light";}
/*.sec-brand .video-con .btn-youtube-play {display: inline-block;position: absolute;width: 10.46875%;left: 50%;top: 50%;}*/
/*.sec-brand .video-con .btn-youtube-play img {width: 100%;margin-left: -50%;margin-top: -50%;}*/
.sec-brand .video-con .inner-txt {display: block; margin:0 auto; padding:0.5% 0; font-size:1.375rem; font-family:'HyundaiSansText-Regular'; color: #fff;}

.sec-brand .sec-1 {position:relative;}
.sec-brand .sec-1 .bg-holder img {width:100%}
.sec-brand .sec-1 .txt-holder {position: absolute; top:31%; text-align: center; width: 100%}
.sec-brand .sec-1 .txt-holder strong {display:block;color: #fff; font-size:2.188rem; font-weight:normal; margin-bottom: 4%;}
.sec-brand .sec-1 .txt-holder a {display: block; margin:0 auto; padding:0.5% 0; font-size:1.375rem; font-family:'HyundaiSansText-Regular'; color: #fff;}
.sec-brand .sec-1 .txt-holder a img {display:inline-block; padding:0.3% 1.5%; width:3.28%}

/* sec-design */
.sec-design .cont-fullsize .txt-holder {top:0;margin-top:42.5%;margin-bottom:auto;color:#000;}
.sec-design .type-pic-frame .img-holder {padding:4.6875%;}
.sec-design .type-pic-frame .txt-holder {padding-bottom:17.1875%;}

/* sec-hassle */
.sec-hassle .cont-fullsize .txt-holder {margin-bottom:14%;}

/* sec-gstory */
.sec-gstory {background-color: #fff;}
.sec-gstory .type-pic-frame .img-holder {padding:1.09% 4.6875%;}
/*.sec-gstory .type-pic-frame .inner-cont-wrap {padding-top:54.21875%;}*/
.sec-gstory .type-pic-frame .txt-holder {padding-bottom:17.18%;}

.sec-gstory .gstory-txt {position:relative; padding-bottom:80%;}
.sec-gstory .gstory-txt .bg-holder img {width:100%;}
.sec-gstory .gstory-txt .txt-holder {padding:4% 9.375% 0 9.375%; position:absolute; top:43%; width: 100%; box-sizing: border-box;}
.sec-gstory .gstory-txt .txt-holder h3 {font-size:3.313rem; padding-bottom:2%; color:#804033; font-weight:normal; font-family:'HyundaiSansHead-Light'}
.sec-gstory .gstory-txt .txt-holder b {display:block; padding-bottom:1.9%; font-size:1.75rem; font-family:'HyundaiSansText-Regular'; font-weight:normal;}
.sec-gstory .gstory-txt .txt-holder .gstory-txt01 span {display:block; font-size:1.5rem;  font-family:'HyundaiSansText-Regular';}
.sec-gstory .gstory-txt .txt-holder ul {margin-top:4%; margin-bottom:10%}
.sec-gstory .gstory-txt .txt-holder ul li {color:#888; font:1.25rem/1.7 'HyundaiSansText-Regular'; letter-spacing:-0.05em; padding-left:5%;}
.sec-gstory .gstory-txt .txt-holder ul li img {width:0.82%; vertical-align:top; padding-top:2.2%; margin-left:-6%;}
.sec-gstory .gstory-txt .txt-holder ul li p {display:inline-block; vertical-align: top;  padding-left:1.5%;}
.sec-gstory .gstory-txt .txt-holder ul li span {display:block;}
.sec-gstory .sub-nav .btns {padding:7% 9.375% 17.8%; box-sizing: border-box;}
.sec-gstory .sub-nav .btns p {margin-left:13.59%; text-align: left; display: inline; float: left; box-sizing: border-box;}
.sec-gstory .sub-nav .btns p:first-child {margin-left:0;}
.sec-gstory .sub-nav .btns p:last-child {text-align: right;}
.sec-gstory .sub-nav .btns p:after {clear: both;}

.sec-hassle .benefic {padding:0 9.375%}
.sec-hassle .benefic li {position: relative; padding-left:6rem; padding-bottom:6%;}
.sec-hassle .benefic li strong {display:block; font-size:1.5rem; color:#000; line-height:1.2; font-weight:normal; font-family:'HyundaiSansHead-Light';}
.sec-hassle .benefic li span {display:block; margin-top:2%; font-size:1.250rem; padding-bottom:10%; margin-bottom: 5%; color: #8d8d8d; font-family:'HyundaiSansText-Regular'; border-bottom:1px solid #d6d6d6}
.sec-hassle .benefic li:last-child span {border-bottom:none; padding-bottom: 0}
.sec-hassle .benefic li img {width:3.75rem; position: absolute; left: 0; top:0}