/* ------------------------------------------------------------------
 *  name : contents.css
 *  date: 2015.10.15
 * ------------------------------------------------------------------ */

section .inner-sec{position: relative;}
section .inner-sec.multi-bg:after {display: block; position: absolute; left:0; top:0; content: ''; width: 50%; height: 620px; z-index: 0;}
section .inner-sec.multi-bg .bg-holder {z-index: 1;}
section .stitle,
section .head-copy,
section .txt-holder,
section .sub-copy, section .body-copy{position: absolute; z-index: 10; line-height:1;}
section .sub-copy .img-txt{display: block;}
section .bg-holder{position: relative; overflow: hidden;}
section .bg-holder img{display:block; position: relative;} /* todo 1201 jongjin */
section .cnt-1 .bg-holder,
section .cnt-1 .bg-holder img,
.content .cnt-1 .bg-holder {max-width:none;}

/* 메인 */
#container.main-cnt .vod-holder {position:absolute; width:100%; height:100%; overflow:hidden;}
#container.main-cnt .vod-holder h2.head-copy{position: absolute; left:50%; top:50%; z-index:10; margin:-35px 0 0 -254px;}
#container.main-cnt .vod-holder .pat-cover{
    display: block;
    position: absolute;
    left:0; top:0;
    width:100%; height:100%;
    background: url('../images/main/pat_cover.png') repeat center center;
    content:'';
}
#container.main-cnt .vod-holder .video-con {position:absolute; width:100%; height:100%;background-color:#000;}
#container.main-cnt .vod-holder .video-con video{position:absolute; left:0; top:0; width:100%; height:100%;}
#container.main-cnt .vod-img-list{position: relative; }
#container.main-cnt .vod-img-list li{position: absolute; left:0; top:0; width:100%; height:100%; }
#container.main-cnt .vod-img-list li img{width:100%;}


/* 공통 */
.fullkeyvi {z-index: 21;}
.fullkeyvi .txt-holder {position: absolute; width: 100%;}
.fullkeyvi .txt-holder .head-copy {display: block; position: relative; color: #fff; font: 62px/1.3 'plutosans_L'; letter-spacing: 14px; word-spacing: -10px; padding-bottom: 36px;}
.fullkeyvi .txt-holder .head-copy:after {content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -31px; width: 62px; height: 1px; background: #ccc;}
.fullkeyvi .txt-holder .sub-copy {display: block; position: relative; color: #fff; font: 18px/1.5 'plutosans_L'; padding-top: 57px;}
.fullkeyvi .txt-holder .body-copy {display: block;/* padding-top: 21px;*/ color: #fff; font: 14px/1.8571 'plutosans_L';}
.fullkeyvi .bg-holder img{width:100%;}
span.changable {position: relative;}
span.get-mt {margin-top: 18px;}

.sec-tit-wrap span.s-txt {display: block; margin-bottom: 11px; font:14px/1 'plutosans_L'; color: #666;}
.sec-tit-wrap span.s-tit span {display: inline; font:30px/1.3333 'plutosans_L'; color: #000;}
/*e.1116*/

.indicator-wrap{z-index: 15}
.indicator-wrap .indicator{line-height:1;}
.indicator-wrap .indicator a{display: inline-block; margin-left:16px;}
.indicator-wrap .indicator a:first-child{margin-left:0;}
.indicator-wrap .indicator a span{
    display:inline-block;
    width:12px; height:12px;
    text-indent: -9999px;
    overflow:hidden;
    vertical-align:top;
    background:url('../images/common/sprite_common.png') no-repeat 0 0;
}
.indicator-wrap .indicator a:hover span,
.indicator-wrap .indicator a.on span{background-position: -17px 0;}
.indicator-wrap.dark-type .indicator a span{background-position: -34px 0;}
.indicator-wrap.dark-type .indicator a:hover span,
.indicator-wrap.dark-type .indicator a.on span{background-position: -51px 0;}
.indicator-wrap.bar-type {display: none;}
.indicator-wrap.bar-type .indicator a {padding: 5px 0;}
.indicator-wrap.bar-type .indicator a span {display: block; width: 30px; height: 4px; background: url('../images/origin/indi_bars.png') 0 0 no-repeat;}
.indicator-wrap.bar-type .indicator a span {background-position: 0 -25px;}
.indicator-wrap.bar-type .indicator a.on span {background-position: 0 0;}
.indicator-wrap.yr-type {position: absolute; top: 557px; left: 50%; z-index: 10; margin-left: -300px; width: 601px; }
.indicator-wrap.yr-type .indicator-bar {width: 604px; height: 30px; background: url('../images/origin/progress_bar.png') 0 0 no-repeat; background-size:604px auto; overflow: hidden;}/* todo ie8용 이미지 생성 필요 */
.indicator-wrap.yr-type .indicator-bar span {display: block; overflow: hidden;}
.indicator-wrap.yr-type .indicator-bar span img{width:604px;}
.indicator-wrap.yr-type .indicator a {padding-top: 46px; margin-left: 0;}
.indicator-wrap.yr-type .indicator a span {display: block; width: 30px; height: auto; background: 0; font: 10px/1 'plutosans_M'; color:#ccc; text-indent: 0;}
.indicator-wrap.yr-type .indicator a.on span,
.indicator-wrap.yr-type .indicator a:hover span{color:#ae4141;}
.indicator-wrap.yr-type .indicator a.yr-2008 {position: absolute; left: -15px; top: 0;}
.indicator-wrap.yr-type .indicator a.yr-2008 span {background-position: 0 0;}
.indicator-wrap.yr-type .indicator a.yr-2008.on span,
.indicator-wrap.yr-type .indicator a.yr-2008:hover span {background-position: -50px 0;}
.indicator-wrap.yr-type .indicator a.yr-2009 {position: absolute; left: 285px; top: 0;}
.indicator-wrap.yr-type .indicator a.yr-2009 span {background-position:-100px 0 ;}
.indicator-wrap.yr-type .indicator a.yr-2009.on span,
.indicator-wrap.yr-type .indicator a.yr-2009:hover span {background-position:-150px 0 ;}
.indicator-wrap.yr-type .indicator a.yr-2013 {position: absolute; left: 585px; top: 0;}
.indicator-wrap.yr-type .indicator a.yr-2013 span {background-position:-200px 0 ;}
.indicator-wrap.yr-type .indicator a.yr-2013.on span,
.indicator-wrap.yr-type .indicator a.yr-2013:hover span {background-position:-250px 0 ;}
.btn-play{position: absolute; left:50%; width:122px; height:122px; margin-left:-61px; z-index: 11;}
.btn-play img{width:100%;}
.btn-arr{position:absolute; left:50%; margin-left:-23px; display: inline-block; z-index: 11;}
.btn-arr span{
    display:inline-block;
    width:7px; height:41px;
    text-indent: -9999px;
    overflow:hidden;
    vertical-align:top;
    background:url('../images/common/sprite_common.png') 0 0 no-repeat;
}
.btn-arr.up span{background-position: 0 -30px;}
.btn-arr.down span{background-position: -12px -30px;}
.btn-view-more {display: inline-block;}
.btn-view-more span{
    display:inline-block;
    padding: 12px 0;
    font: 12px/1 'plutosans_M';
    color: #ccc;
    text-transform: uppercase;
}
.bg-def .btn-view-more span {color: #dfc7c4;}

.btn-pop-close{position:absolute; background: url('') no-repeat  -120px -230px ; width: 11px; height: 11px}
.btn-pop-close span{position: absolute; left:-9999px; top:-9999px; visibility: hidden; font-size: 0}

/* backdrop.html */
/*s.1116*/
.backdrop .head-copy span {display: block; margin-top: -15px;}
.backdrop .body-copy span {font: 15px/1.75 'plutosans_L'; color: #fff}
.backdrop .fullkeyvi .txt-holder .head-copy:after {display: none;}
.backdrop .cnt-3 .body-copy > span span {color: #000; font-weight: bold;}
.backdrop .cnt-3 .body-copy > span:first-child span {color: #fff; font-weight: normal}
.backdrop .cnt-4 .body-copy > span span {display: block;}
.backdrop .cnt-4 .body-copy > span img+span {margin-top: 20px;}
/*e.1116*/

.backdrop .con-bg {display: block; position: fixed; z-index: 0;  width:100%; height: 2000px;}
.backdrop .stitle, .backdrop .head-copy, .backdrop .sub-copy, .backdrop .body-copy{width:100%; text-align: center; }
.backdrop .stitle {top:500px; text-align:center;}
.backdrop .sub-copy .img-txt{text-align:center;}
.backdrop .inner-sec {width:100%; overflow: hidden; min-width: 1024px;}
.backdrop .cnt-0 .bg-holder img {width: 100%;}
.backdrop .cnt-1 .bg-holder,
.backdrop .cnt-2 .bg-holder,
.backdrop .cnt-3 .bg-holder,
.backdrop .cnt-4 .bg-holder{position: relative; left:50%; margin-left: -960px; width:1920px;}

.backdrop .cnt-0 .bg-holder {position: relative;}
.backdrop .cnt-0 .txt-holder {top:42.666667%;}
.backdrop .cnt-0 .sub-copy{position: static;}
.backdrop .cnt-0 .sub-copy .img-txt {position: absolute; bottom: auto; top: 83.3636%; z-index: 10; width: 100%;}
.backdrop .cnt-0 .sub-copy .img-txt {}
.backdrop .cnt-0 .sub-copy .img-txt:first-child {}
.backdrop .cnt-0 .btn-arr {bottom: 40px;}
.backdrop .cnt-1 {height: 520px; background: #e8e8e8;}
.backdrop .cnt-1.multi-bg:after {height: 520px; background: #241f1e;}
.backdrop .cnt-1 .body-copy{top: 252px;}
.backdrop .cnt-2 {height: 520px; background: #101215;}
.backdrop .cnt-2 .body-copy{top: 222px;}
.backdrop .cnt-2 .body-copy .img-txt img{margin-left: -18px;}
.backdrop .cnt-2 .bg-holder {height: 520px;}
.backdrop .cnt-2 .bg-holder > span {display: block; float: left; width: 50%; height: 400px;}
.backdrop .cnt-3 {height: 1270px; background: #000;}
.backdrop .cnt-3 .body-copy{top: 200px;}
.backdrop .cnt-3 .body-copy span{display: block}
.backdrop .cnt-3 .body-copy span:first-child{margin-bottom: 558px;}
.backdrop .cnt-3 .bg-holder{}
.backdrop .cnt-4 {position:relative; height: 600px; background: #16161a;}
.backdrop .cnt-4 .body-copy{left:0; top:170px;}
.backdrop .cnt-4 .btn-play{display:block; position:absolute; top:330px; left:50%; z-index:1; margin-left:-61px; opacity: 0.5; filter:alpha(opacity=50);}
.backdrop .cnt-4 .btn-play:hover{opacity: 1; filter:alpha(opacity=100);}
.backdrop .cnt-4 .bg-holder {height: 600px;}
.backdrop .cnt-4 .bg-holder img {position: absolute; top: 0; left: 0;}
.backdrop .btm-cmmon-wrap{background:#232323;}
.backdrop .btm-cmmon-wrap:after {background:url('../images/backdrop/bg_sns.jpg') no-repeat 50% 0;}

/* origin.html */
.origin .fullkeyvi .txt-holder .head-copy {padding-bottom: 49px;}
.origin .fullkeyvi .txt-holder .head-copy span:first-child:after {content: ' -'; display: inline; letter-spacing: -15px;}
.origin .fullkeyvi .txt-holder .head-copy span:first-child+span:after {content: ''; display: block;}
.origin .fullkeyvi .txt-holder .sub-copy {font-family: plutosans_M;}
.origin .fullkeyvi .txt-holder .sub-copy span {display: none;}
.origin .fullkeyvi .txt-holder .sub-copy span:first-child {display: block;}
.origin .head-copy,
.origin .sub-copy,
.origin .body-copy {width:100%; text-align: center;}
.origin .inner-sec {width:100%; overflow: hidden; min-width: 1024px;}
.origin .cnt-1 .btn-arr {bottom:40px;}

.origin .head-copy span {display: block;/* margin-top: -15px;*/}
.origin .body-copy span {font: 13px/1.615 'plutosans_L'; color: #fff}
.origin .body-copy > span span {display: block;}
/*.origin .fullkeyvi .txt-holder .head-copy:after {display: none;}*/

/*.origin .cnt-1 .btn-arr.down span{background-position: -43px -30px;}*/
.origin .cnt-1 .bg-holder img {width: 100%;}
.origin .cnt-2 .bg-holder,
.origin .cnt-3 .bg-holder,
.origin .cnt-4 .bg-holder,
.origin .cnt-5 .bg-holder,
.origin .cnt-6 .bg-holder,
.origin .cnt-7 .bg-holder{position: relative; left:50%; margin-left: -960px; max-width:1920px;}
.origin .cnt-1 {background: #000;}
.origin .cnt-1 .txt-holder {top: 34.55555%;}
.origin .cnt-2 { height: 519px; background: #272729;}
.origin .cnt-2 .body-copy {top: 46.333333%;}
.origin .cnt-3 {position: relative; height: 650px; background: #fff; z-index: 0;}
/*.origin .cnt-3 .rolling-con {position:relative; left:50%; margin-left:-800px; max-width:1600px;}*/
.origin .cnt-3 .rolling-con ol {position: absolute; z-index: 10;}
.origin .cnt-3 .rolling-con ol > li {width: 100%;} /* background: #fff;  */
.origin .cnt-3 .rolling-con ol.yr-con {top: 34px; left: 60px; width: 174px; height: 80px; overflow: hidden;}
.origin .cnt-3 .rolling-con ol.yr-con li {position: relative; float: left; height: 80px; background: #fff;}
.origin .cnt-3 .rolling-con ol.yr-con li img {display: block; width: 100%;}
.origin .cnt-3 .rolling-con ol.yr-con li.digit-1 {width: 86px; padding-top: 15px; box-sizing: border-box;}
.origin .cnt-3 .rolling-con ol.yr-con li.digit-2,
.origin .cnt-3 .rolling-con ol.yr-con li.digit-3 {width: 44px;}
.origin .cnt-3 .rolling-con ol.yr-con li.digit-2 > img,
.origin .cnt-3 .rolling-con ol.yr-con li.digit-3 > img {position: absolute; top:0; left: 0;}
.origin .cnt-3 .rolling-con ol.yr-con li.digit-2 > span,
.origin .cnt-3 .rolling-con ol.yr-con li.digit-3 > span {display: block; position: relative;}
.origin .cnt-3 .rolling-con ol.dscr-con {top: 49px; right: 60px; width: 446px; height:166px; overflow: hidden;}
.origin .cnt-3 .rolling-con ol.dscr-con > li{top: 0; right: 0; height:180px; text-align: right; overflow: hidden; }
.origin .cnt-3 .rolling-con ol.dscr-con > li img {display: block; width: 100%;}
.origin .cnt-3 .rolling-con ol.dscr-con > li ul {width: 100%;}
.origin .cnt-3 .rolling-con ol.dscr-con > li ul li {padding: 9px 0; font: 12px/1 'plutosans_L'; color: #666; border-top: 1px solid #d0d0d0; opacity: 1!important;}
.origin .cnt-3 .rolling-con ol.dscr-con > li ul li:first-child {border-top: none; padding-top: 0;}
.origin .cnt-3 .rolling-con ol.dscr-con > li ul li span+span {display: inline-block; padding-top: 10px;}
.origin .cnt-3 .rolling-con ol.gen-con {top: 123px; left: 60px; width:320px; height:70px; padding-top: 25px; border-top: 1px solid #c2c2c2; overflow: hidden;}
.origin .cnt-3 .rolling-con ol.gen-con li {position: relative; margin-bottom: 30px;}
.origin .cnt-3 .rolling-con ol.gen-con li img {display: block; width: 100%;}
.origin .cnt-3 .rolling-con ol.gen-con li p {height: 68px; font: 13px/1.5 'plutosans_L'; color: #666;}
.origin .cnt-3 .rolling-con ol.gen-con li p b {font: 15px/0.9 'plutosans_M'; color: #000; display: block; padding-bottom: 15px;}
.origin .cnt-3 .rolling-con ol.img-con {top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 650px; z-index: 1}
/*.origin .cnt-3 .indicator-wrap {position: absolute; left: 0; top: 680px; z-index: 10; width:100%; text-align: center;}*/
.origin .cnt-3 .indicator-wrap .indicator {padding-left: 0;}
.origin .cnt-3 .rolling-con ol > li {position: absolute; overflow: hidden;}
.origin .cnt-4,
.origin .cnt-5,
.origin .cnt-6 {height:520px;}
/*.origin .cnt-5 .body-copy,
.origin .cnt-6 .body-copy {position: absolute; left: 50%; margin-left: -800px; width:100%; max-width: 1600px;}*/
.origin .cnt-4 {background: #060606;}
.origin .cnt-5 {background: #9f9f96;}
.origin .cnt-6 {background: #020202;}
.origin .cnt-4 .body-copy {top: 114px;}
.origin .cnt-6 .body-copy,
.origin .cnt-3 .rolling-con {position: relative; left: 0; margin: 0 auto; width:100%; max-width: 1600px; }
.origin .cnt-4 .body-copy > span,
.origin .cnt-5 .body-copy > span,
.origin .cnt-6 .body-copy > span {position: absolute; width:auto; text-align: left;}
.origin .cnt-4 .body-copy > span {left: 12.5%;}
.origin .cnt-5 .body-copy {top: 108px; left:50%; width: 50%;}
.origin .cnt-6 .body-copy {top: 230px;}
.origin .cnt-5 .body-copy > span {width: 450px; left: 50%; margin-left: -150px;}
.origin .cnt-5 .body-copy > span span {color: #000;}
.origin .cnt-6 .body-copy > span {left: 12.5%;}
.origin .cnt-7 {height: 750px; background: #0d0e14;}
.origin .cnt-7 .head-copy {top: 503px; font-size: 30px; color: #fff; letter-spacing: 4px;}
.origin .cnt-7 .sub-copy {top: 552px;}
.origin .cnt-7 .btn-arr.up {position: absolute; z-index: 10; top:655px;}
.origin .cnt-7 .bg-holder img {display: inline}
.origin .cnt-7 .bg-holder span{
    display: block;
    height: 750px;
    background: url('../images/origin/bg_s6.jpg') no-repeat center center;
}

.origin .cnt-7 .bg-holder span:first-child{
    display:inline-block;
    position: absolute;
    left:0; top:244px;
    width:100%; height:185px; text-align: center;
    background: url('../images/origin/bg_s6_1.png') no-repeat center center;
    z-index: 1;
}

.origin .btm-cmmon-wrap {background:#1b1b1b;}
.origin .btm-cmmon-wrap:after {background:url('../images/origin/bg_sns.jpg') no-repeat 50% 0;}

.origin span.no-following-block,
.origin span.no-following-block+span {display: inline;}
.origin span.no-following-block.break+span:after {content: ''; display: block;}
.origin span span.no-following-block,
.origin span span.no-following-block+span {display: inline;}
.origin span span.no-following-block.break+span:after {content: ''; display: block;}


/* philosophy */
.philosophy {overflow: hidden;}
.philosophy .btn-arr {bottom:4.444%;}
.philosophy .txt-holder{left:50%; width:960px; margin-left:-480px; text-align: center;}

.philosophy .txt-holder .sub-copy,
.philosophy .txt-holder .body-copy{position: static;}

.philosophy .txt-holder .changable span {display: block;}

.philosophy .fullkeyvi {overflow: hidden; text-align: center;}
.philosophy .fullkeyvi .txt-holder {top:50%; /*padding-top:50px;*/ margin-top: 0;}
.philosophy .fullkeyvi .txt-holder .head-copy {display: block; position: relative; /*padding-bottom: 0;*/ }
.philosophy .fullkeyvi .txt-holder .sub-copy{padding-bottom:22px;}

/*s.1116*/
.philosophy .fullkeyvi .head-copy {font-size: 70px;}
.philosophy .fullkeyvi .body-copy span {display: block;}
.philosophy .fullkeyvi .body-copy .no-following-block,
.philosophy .fullkeyvi .body-copy .no-following-block+span {display: inline;}
.philosophy .fullkeyvi .body-copy .no-following-block.break+span:after {content: ''; display: block;}

.philosophy .fullkeyvi .txt-holder .sub-copy {font-size: 18px; letter-spacing: 0; }
.philosophy .fullkeyvi .body-copy {color: #fff;}
.philosophy .txt-holder .body-copy {font: 13px/1.615 'plutosans_L'; color:#cccccc; margin-top: -7px; letter-spacing: -.2px;}
.philosophy .txt-holder .hd-copy {font: 13px/1 'plutosans_L'; color:#fff;}
.philosophy .txt-holder .sub-copy {font: 24px/1.1666 'plutosans_L'; color:#fff; letter-spacing: 2px;}
.philosophy .txt-dark .txt-holder .hd-copy,
.philosophy .txt-dark .txt-holder .sub-copy {color: #000;}
.philosophy .txt-dark .txt-holder .body-copy {color: #666;}
.philosophy .txt-holder .hd-copy span,
.philosophy .txt-holder .sub-copy span,
.philosophy .txt-holder .body-copy span {display: block;}
.philosophy .txt-holder span.no-following-block,
.philosophy .txt-holder span.no-following-block+span {display: inline;}
.philosophy .txt-holder span.no-following-block.break+span:after {content: ''; display: block;}

/*e.1116*/

.philosophy .pic-cont-list{position: relative; max-width:1920px; margin:0 auto; }
.philosophy .pic-cont-list li{ width:100%; height:520px; position: relative;}

.philosophy .pic-cont-list li:after{display:block; clear:both; content: '';}
.philosophy .pic-cont-list li.multi-bg >span:before {display: block; position: absolute; top: 0; left: -100%; content: ''; width: 100%; height: 520px; background: #fff;}
.philosophy .pic-cont-list li.multi-bg >span:after {display: block; position: absolute; top: 0; left: 100%; content: ''; width: 100%; height: 520px; background: #333;}

.philosophy .pic-cont-list li:after{display:block; clear:both; content: '';}
.philosophy .pic-cont-list .head-copy,
.philosophy .pic-cont-list .txt-holder{position: static; margin-left: 0; text-align: left; /*overflow: hidden;*/}
.philosophy .pic-cont-list .txt-holder{}
.philosophy .pic-cont-list .txt-holder,
.philosophy .pic-cont-list .bg-holder{position: static; width:50%; height: 100%; /*height:520px*/; }
.philosophy .pic-cont-list .bg-holder img{
    display: inline-block;
    margin-left: -480px;
    left: 50%;
    position: relative;
}
.philosophy .pic-cont-list .txt-holder .txt-inner-wrap{position:relative; max-width:960px; /*height:520px;*/ height: 100%; overflow: hidden;}
/*.philosophy .pic-cont-list .txt-holder .txt-mask{margin:124px 0 0 0; width:420px; margin:124px auto 0;   }*/
.philosophy .pic-cont-list .txt-holder .txt-mask{width:440px; margin:158px auto 0;   }
.philosophy .pic-cont-list .txt-holder .txt-mask.multi-lines{margin-top:164px;}
.philosophy .pic-cont-list .txt-holder .txt-mask:before{display:block; content:''; width:40px; height:1px; margin-bottom:26px; background: #fff; }
.philosophy .pic-cont-list li.bg-def .txt-holder{background: #804033;}
.philosophy .pic-cont-list li.bg-dark .txt-holder{background: #000;}
.philosophy .pic-cont-list .txt-dark .txt-holder .txt-mask:before{background: #000; }
.philosophy .pic-cont-list li.none-txt-bar .txt-holder .txt-mask:before{display:none;}
.philosophy .pic-cont-list .hd-copy{display:block; margin-bottom:20px;}
.philosophy .pic-cont-list .sub-copy{padding-bottom:37px;}
.philosophy .pic-cont-list .bg-holder .inner-wrap{position:relative; overflow:hidden;}
.philosophy .pic-cont-list .align-img-txt .bg-holder{float:left;}/* 기본형 img */
.philosophy .pic-cont-list .align-img-txt .txt-holder{float:right;}/* 기본형 text */
.philosophy .pic-cont-list .align-txt-img .bg-holder{float:right; }
.philosophy .pic-cont-list .align-txt-img .txt-holder{float: none; position: absolute; left: 0; }
.philosophy .pic-cont-list .align-txt-img .txt-holder .txt-inner-wrap{ position: absolute; width: 100%; right: 0;}
.philosophy .pic-cont-list .only-txt .txt-holder,
.philosophy .pic-cont-list .only-txt .txt-holder .txt-inner-wrap{max-width:1920px; width:100%}
.philosophy .pic-cont-list .align-txt-center .txt-holder{text-align:center;}
.philosophy .pic-cont-list .wide-img-type .bg-holder{ width:100%;}
.philosophy .pic-cont-list .wide-img-type .bg-holder img{margin-left:-960px;}
.philosophy .pic-cont-list .wide-img-type .txt-holder{position:absolute;}
.philosophy .pic-cont-list .blk-masked-box {height:450px; position: relative; overflow: hidden;}
.philosophy .pic-cont-list .blk-masked-box .bg-holder {height: 450px;}
.philosophy .pic-cont-list .blk-masked-box .bg-holder img {left: 0; margin-left: 0;}
.philosophy .pic-cont-list .blk-masked-box .txt-holder {height: 450px;}
.philosophy .pic-cont-list .blk-masked-box .txt-holder .txt-inner-wrap {height: 450px; position: relative;}
.philosophy .pic-cont-list .blk-masked-box .txt-holder .txt-inner-wrap .txt-mask {position: absolute; left: 50%; margin-left: -168px;}
/*.philosophy .pic-cont-list .blk-masked-box.flush-left:after {content: ''; display: block; width: 60px; height: 450px; position: absolute; left: 0; top: 0; z-index: 10; background: #000;}*/
.philosophy .pic-cont-list .blk-masked-box.flush-right:after {content: ''; display: block; width: 60px; height: 450px; position: absolute; right: 0; top: 0; z-index: 10; background: #000;}
/*.philosophy .pic-cont-list .blk-masked-box.flush-left .bg-holder img {right: 0; left: auto; margin-left: 0;}
.philosophy .pic-cont-list .blk-masked-box.flush-right .bg-holder img {right: auto; left: 0; margin-left: 0;}*/
/*.philosophy .pic-cont-list .blk-masked-box .box-wrap {position: absolute; left: 50%; margin-left: -600px; width:1200px; height: 450px; overflow: hidden;}*/
.philosophy .pic-cont-list .blk-masked-box .box-wrap {position: relative; margin: 0 auto; max-width:1320px; box-sizing: border-box; padding: 0 60px; height: 450px; overflow: hidden;}
.philosophy .pic-cont-list .blk-masked-box .box-wrap .bg-holder {position: relative;}
.philosophy .pic-cont-list .blk-masked-box .box-wrap .bg-holder .inner-wrap {left: 50%; margin-left: -300px; }

.philosophy .sec-tit-wrap{height:220px; background: #fff;}
.philosophy .sec-tit-wrap .sub-copy{position:static; padding-top:90px; text-align:center;}

.philosophy .prenext-wrap{background: #fff; position:relative; max-width:1600px; margin:0 auto; padding:30px 40px 30px; box-sizing: border-box;}
.philosophy .prenext-wrap .inner-wrap{}
.philosophy .prenext-wrap a{display: inline-block; padding:33px 0; line-height:1; }
.philosophy .prenext-wrap a span{
    display: inline-block;
    text-indent:-9999px;
    width:280px; height: 12px;
    background: url('../images/philosophy/sprite_phs_ftmn.png') no-repeat;
    content: '';
    opacity: 1; filter:alpha(opacity=100);
}
.philosophy .prenext-wrap a:hover span{opacity: 0.5; filter:alpha(opacity=50); }
.philosophy .prenext-wrap:after{content:''; display:block; clear:both;}
.philosophy .prenext-wrap a.prev{float:left;}
.philosophy .prenext-wrap a.prev span{background-position:left top; }
.philosophy .prenext-wrap a.next{float:right;}
.philosophy .prenext-wrap a.next span{background-position:right top; }
.philosophy .btn-view-more {margin-top: 40px; opacity: .5; filter:alpha(opacity=50);}
.philosophy .btn-view-more:hover {opacity: 1; filter:alpha(opacity=100);}

.philosophy span.no-following-block,
.philosophy span.no-following-block+span {display: inline;}
.philosophy span.no-following-block.break+span:after {content: ''; display: block;}
.philosophy span span.no-following-block,
.philosophy span span.no-following-block+span {display: inline;}
.philosophy span span.no-following-block.break+span:after {content: ''; display: block;}

/* phs-brand */
.philosophy.brand .fullkeyvi .txt-holder {margin-top:-150px;}
.philosophy.brand .cnt-1{overflow: hidden;}
.philosophy.brand .cnt-1 .bg-holder img{display: block; position: relative; left:50%; margin-left:-800px; }
.philosophy.brand .cnt-1 .head-copy{top:209px;}
.philosophy.brand .cnt-1 .txt-holder{top:396px;}
.philosophy.brand .cnt-1 .sub-copy{padding-bottom:28px;}
.philosophy.brand .pic-cont-list li.feature-2.multi-bg >span:before {background: #804033;}
.philosophy.brand .pic-cont-list li.feature-2.multi-bg >span:after {background: #8f979c;}
.philosophy.brand .pic-cont-list li.feature-3.multi-bg >span:before {background: #51505c;}
.philosophy.brand .pic-cont-list li.feature-3.multi-bg >span:after {background: #51505c;}
.philosophy.brand .pic-cont-list li.feature-4.multi-bg >span:before {background: #804033;}
.philosophy.brand .pic-cont-list li.feature-4.multi-bg >span:after {background: #7d7876;}
.philosophy.brand .feature-2 .txt-holder .body-copy,
.philosophy.brand .feature-4 .txt-holder .body-copy {color: #dfc7c4;}
.philosophy.brand .prenext-wrap a.prev span{background-position:left top; }
.philosophy.brand .prenext-wrap a.next span{background-position:right top; }
.philosophy.brand .btm-cmmon-wrap{background:#323333;}
.philosophy.brand .btm-cmmon-wrap:after {background:url('../images/philosophy/brand/bg_sns.jpg') 50% 0 no-repeat;}

/* phs-innovation */
.philosophy.innovation .fullkeyvi .txt-holder {margin-top:-150px;}
.philosophy.innovation .sec-tit-wrap{}
.philosophy.innovation .feature-1, .philosophy.innovation .feature-1 .bg-holder {height: 710px;}
.philosophy.innovation .feature-1 .txt-mask {margin-top: 158px;}
.philosophy.innovation .feature-2, .philosophy.innovation .feature-2 .bg-holder {height: 940px;}
.philosophy.innovation .feature-2 .txt-mask {margin-top: 227px; width: 460px;}
.philosophy.innovation .feature-3, .philosophy.innovation .feature-3 .bg-holder {height: 750px;}
.philosophy.innovation .feature-3 .txt-mask {margin-top: 304px;}
.philosophy.innovation .pic-cont-list li.feature-3.multi-bg >span:before {height: 750px; background: #706e6a;}
.philosophy.innovation .pic-cont-list li.feature-3.multi-bg >span:after {height: 750px; background: #706e6a;}
.philosophy.innovation .btm-cmmon-wrap{background:#292929;}
.philosophy.innovation .btm-cmmon-wrap:after {background:url('../images/philosophy/innovation/bg_sns.jpg') 50% 0 no-repeat;}

/* phs-performance */
.philosophy.performance .fullkeyvi .txt-holder {margin-top:-170px;}
.philosophy.performance .sec-tit-wrap{}
.philosophy.performance .feature-1, .philosophy.performance .feature-1 .bg-holder {height: 779px;}
.philosophy.performance .feature-1 .txt-mask {margin-top: 355px}
.philosophy.performance .feature-2, .philosophy.performance .feature-2 .bg-holder {height: 763px;}
.philosophy.performance .feature-2 .txt-mask {margin-top: 197px}
.philosophy.performance .feature-3, .philosophy.performance .feature-3 .bg-holder {height: 550px;}
.philosophy.performance .feature-3 .txt-mask {margin-top: 215px}
.philosophy.performance .feature-4, .philosophy.performance .feature-4 .bg-holder {height: 547px;}
.philosophy.performance .feature-4 .txt-mask {margin-top: 200px}
.philosophy.performance .feature-5, .philosophy.performance .feature-5 .bg-holder {height: 750px;}
.philosophy.performance .feature-5 .txt-mask {margin-top: 124px}
.philosophy.performance .feature-6, .philosophy.performance .feature-6 .bg-holder {height: 550px;}
.philosophy.performance .feature-6 .inner-wrap {background: #d1d1d1;}
.philosophy.performance .feature-6 .bg-holder img.grad {position: absolute; left: auto; right: 0; top: 0; margin-left: 0;}
.philosophy.performance .feature-6 .txt-mask {margin-top: 104px}
.philosophy.performance .feature-7, .philosophy.performance .feature-7 .bg-holder {height: 855px;}
.philosophy.performance .feature-7 .txt-mask {margin-top: 332px}
.philosophy.performance .feature-8, .philosophy.performance .feature-8 .bg-holder {height: 807px;}
.philosophy.performance .feature-8 .txt-mask {margin-top: 275px}
.philosophy.performance .pic-cont-list li.feature-3.multi-bg >span:before {height: 550px; background: #1a1a1a;}
.philosophy.performance .pic-cont-list li.feature-3.multi-bg >span:after {height: 550px; background: #1a1a1a;}
.philosophy.performance .pic-cont-list li.feature-4.multi-bg >span:before {height: 550px; background: #444647;}
.philosophy.performance .pic-cont-list li.feature-4.multi-bg >span:after {height: 550px; background: #444647;}
.philosophy.performance .pic-cont-list li.feature-6.multi-bg >span:before {height: 550px; background: #d1d1d1;}
.philosophy.performance .pic-cont-list li.feature-6.multi-bg >span:after {height: 550px; background: #d1d1d1;}
.philosophy.performance .btm-cmmon-wrap{background:#292929;}
.philosophy.performance .btm-cmmon-wrap:after {background:url('../images/philosophy/performance/bg_sns.jpg') 50% 0 no-repeat;}

/* phs-design */
.philosophy.design .fullkeyvi .txt-holder {margin-top: -130px;}
.philosophy.design .sec-tit-wrap .sub-copy {padding-top: 71px;}
.philosophy.design .indicator-wrap{ position: absolute; bottom: 42px; left: 50%; margin-left: -84px;}
.philosophy.design .indicator-wrap .indicator{line-height:1;}
.philosophy.design .indicator-wrap .indicator a{display: inline-block; margin-left:16px; margin-right:0;}
.philosophy.design .indicator-wrap .indicator a:first-child {display: inline-block; margin-left:0;}
.philosophy.design .indicator-wrap .indicator a span{
    display:inline-block;
    width:12px; height:12px;
    text-indent: -9999px;
    overflow:hidden;
    vertical-align:top;
    background:url('../images/common/sprite_common.png') no-repeat 0 0;
}
.philosophy.design .indicator-wrap .indicator a:hover span,
.philosophy.design .indicator-wrap .indicator a.on span{background-position: -17px 0;}
/*.philosophy.design .pic-cont-list{max-width:1480px;}*/
/*.philosophy.design .pic-cont-list .bg-holder img{margin-left:-370px;}*/
.philosophy.design .sec-cnt-1 {overflow: hidden; background: #120f0e;}
.philosophy.design .sec-cnt-1 .feature-1 {position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 520px;}
.philosophy.design .sec-cnt-1 .feature-1 .txt-holder {top:227px;}
.philosophy.design .sec-cnt-1 .feature-1 .txt-holder .changable {color: #fff;}
.philosophy.design .sec-cnt-2 {padding-bottom: 90px;}
.philosophy.design .sec-cnt-2 .txt-mask {position: relative; left: 50%; margin-left: -195px;}
.philosophy.design .sec-cnt-2 .txt-mask .hd-copy {display: none;}
.philosophy.design .sec-cnt-2 .feature-2,
.philosophy.design .sec-cnt-2 .feature-2 .bg-holder {height: 810px;}
.philosophy.design .sec-cnt-2 .feature-3 {z-index: 1;}
.philosophy.design .sec-cnt-2 .pic-cont-list {overflow: hidden;}
.philosophy.design .sec-cnt-2 .feature-4,
.philosophy.design .sec-cnt-2 .feature-4 .box-wrap,
.philosophy.design .sec-cnt-2 .feature-4 .bg-holder,
.philosophy.design .sec-cnt-2 .feature-4 .inner-wrap {overflow: visible;}
.philosophy.design .sec-cnt-2 .feature-4 .txt-holder {position: static;}
.philosophy.design .sec-cnt-2 .feature-4 .bg-holder .inner-wrap {left: 0; margin-left: 0;}
.philosophy.design .pic-cont-list .blk-masked-box.flush-right.feature-4:after {display: none;}
.philosophy.design .sec-cnt-2 .feature-4 .bg-holder img {top: -325px; left: -960px;}
.philosophy .pic-cont-list .feature-4.blk-masked-box .txt-holder .txt-inner-wrap .txt-mask {margin-left: -225px;}
.philosophy.design .sec-cnt-3 {background: #fff;}
.philosophy.design .feature-6 .txt-holder .txt-mask:before {display: none;}
.philosophy.design .sec-cnt-3 .feature-6 {position: relative; height: 1247px; background: #fff; overflow: hidden;}
.philosophy.design .sec-cnt-3 .feature-6 .bg-holder {position: absolute; top: 327px; left: 50%; z-index: 10; margin-left: -600px; width: 1200px; height: 569px; /*background: url("../images/philosophy/design/bg_s3_1.jpg") 0 0 no-repeat;*/}
.philosophy.design .sec-cnt-3 .feature-6 .bg-holder img {position: absolute; left: 0; margin-left: 0;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder {top: 167px; left: 0; width: 100%; height: auto; text-align: center;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .txt-inner-wrap {max-width: none; height: auto;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .txt-inner-wrap .txt-mask {width: 660px; margin: 0 auto;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .txt-inner-wrap .txt-mask .hd-copy {margin-top: 85px;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .txt-inner-wrap .txt-mask .sub-copy {padding-bottom: 34px;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .txt-inner-wrap .txt-mask .body-copy-2 {margin-top: 682px;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .sub-copy {font-size: 30px; color: #000;}
.philosophy.design .sec-cnt-3 .feature-6 .txt-holder .body-copy {color: #666;}
.philosophy.design .btm-cmmon-wrap{background:#2f2f2f;}
.philosophy.design .btm-cmmon-wrap:after {background:url('../images/philosophy/design/bg_sns.jpg') 50% 0 no-repeat;}


/* phs-conceptcar */
.philosophy.conceptcar .fullkeyvi .txt-holder {margin-top:-200px;}
.philosophy.conceptcar .fullkeyvi .txt-holder .sub-copy span {display: inline;}
.philosophy.conceptcar .fullkeyvi .head-copy {padding-bottom: 184px;}
.philosophy.conceptcar .fullkeyvi .txt-holder .head-copy:after{display:none;}
.philosophy.conceptcar .fullkeyvi .video-con video { position:absolute; top:0; left:0; width:100%; height:100%;}
.philosophy.conceptcar .fullkeyvi .btn-play {top:202px; opacity: 0.5; filter: alpha(opacity=50);}
.philosophy.conceptcar .fullkeyvi .txt-holder .sub-copy{padding-top:0;}
.philosophy.conceptcar .indicator-wrap{ position: absolute; bottom: 42px; left: 50%; margin-left: -84px;}
.philosophy.conceptcar .indicator-wrap .indicator{line-height:1;}
.philosophy.conceptcar .indicator-wrap .indicator a{display: inline-block; margin-left:16px; margin-right:0;}
.philosophy.conceptcar .indicator-wrap .indicator a:first-child {display: inline-block; margin-left:0;}
.philosophy.conceptcar .indicator-wrap .indicator a span{
    display:inline-block;
    width:12px; height:12px;
    text-indent: -9999px;
    overflow:hidden;
    vertical-align:top;
    background:url('../images/common/sprite_common.png') no-repeat 0 0;
}

.philosophy.conceptcar .indicator-wrap .indicator a:hover span,
.philosophy.conceptcar .indicator-wrap .indicator a.on span{background-position: -17px 0;}
/*.philosophy.conceptcar .pic-cont-list{max-width:1480px;}*/
/*.philosophy.conceptcar .pic-cont-list .bg-holder img{margin-left:-370px;}*/
.philosophy.conceptcar .sec-cnt-1 {overflow: hidden; background: #000000;}
.philosophy.conceptcar .sec-cnt-1 .feature-1 {position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 520px;}
.philosophy.conceptcar .sec-cnt-1 .feature-1 .txt-holder {top:250px;}
.philosophy.conceptcar .sec-cnt-1 .feature-1 .txt-holder .changable {margin-top: -8px; color: #fff;}

.philosophy.conceptcar .sec-cnt-2 .pic-cont-list {max-width:none;}
.philosophy.conceptcar .sec-cnt-2 .cnt-1 {height:520px; background: #535a77;}
.philosophy.conceptcar .sec-cnt-2 .cnt-2 {height:520px; background: #FFFFFF;}
.philosophy.conceptcar .sec-cnt-2 .cnt-1 .txt-holder .txt-mask{margin-top:226px;}
.philosophy.conceptcar .sec-cnt-2 .cnt-1 .txt-holder .txt-mask .body-copy{color:#fff;}
.philosophy.conceptcar .sec-cnt-2 .cnt-2 .txt-holder .txt-mask{margin-top:220px;}
.philosophy.conceptcar .sec-cnt-2 .cnt-2 .txt-holder .txt-mask .body-copy{color:#000;}
.philosophy.conceptcar .sec-cnt-2 .cnt-2 .txt-holder .txt-mask .body-copy span.brk{padding-top:30px;}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 {height: 750px; background: #4b4b4b;}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .txt-holder{top:225px;}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .sub-copy {padding-bottom:25px; font: 50px/1 'plutosans_L'; color: #fff; letter-spacing: 4px; }
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .txt-holder .body-copy{color:#FFFFFF;}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .btn-play{top:400px; opacity: 0.5; filter: alpha(opacity=50);}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .btn-arr.up {position: absolute; z-index: 10; top:655px;}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .bg-holder span.img-t2{
    display: block;
    height: 750px;
    background: url('../images/origin/bg_s6.jpg') no-repeat center center;
}

.philosophy.conceptcar .sec-cnt-2 .cnt-3 .bg-holder span:first-child{
    display:inline-block;
    position: absolute;
    left:0; top:244px;
    width:100%; height:185px; text-align: center;
    background: url('../images/origin/bg_s6_1.png') no-repeat center center;
    z-index: 1;
}
.philosophy.conceptcar .sec-cnt-2 .cnt-3 .bg-holder img {left:50%; margin-left:-960px; }

.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-1 {height:650px;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-1 .txt-holder .txt-mask{margin-top:288px;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-2 .txt-holder .txt-mask{margin-top:120px;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-3 .txt-holder .txt-mask{margin-top:153px;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-3 {padding-bottom: 150px;}
.philosophy.conceptcar .btm-cmmon-wrap {background:#202020;}
.philosophy.conceptcar .btm-cmmon-wrap:after {background:url('../images/philosophy/conceptcar/bg_sns.jpg') no-repeat 50% 0;}

.philosophy.conceptcar .xpic-cont-list li{position: relative;}
.philosophy.conceptcar .xpic-cont-list .bg-holder img{position: relative; left: 50%; margin-left: -960px;  }
.philosophy.conceptcar .xpic-cont-list .txt-holder.msg-type h4 {font-size:18px; letter-spacing: -1px; color:#cccccc;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.msg-type h4 span{line-height: 1.6;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.msg-type .body-copy {}

.philosophy.conceptcar .xpic-cont-list li{ width:100%; height:520px; position: relative;}
.philosophy.conceptcar .xpic-cont-list li:after{display:block; clear:both; content: '';}
.philosophy.conceptcar .xpic-cont-list li.multi-bg >span:before {display: block; position: absolute; top: 0; left: -100%; content: ''; width: 100%; height: 520px; background: #fff;}
.philosophy.conceptcar .xpic-cont-list li.multi-bg >span:after {display: block; position: absolute; top: 0; left: 100%; content: ''; width: 100%; height: 520px; background: #333;}

.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type{top:0; width:50%; height:100%; margin-left: 0; text-align: left; overflow: hidden;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type .txt-inner-wrap{position:relative; max-width:960px; height:100%; overflow: hidden;}/*1116*/
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type .txt-mask{width:425px; margin:120px auto 0;   }
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type .hd-copy{display:block; margin-bottom:16px;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type .sub-copy{padding-bottom:13px;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type .body-copy {color:#999999;}

.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type.align-img-txt{float:left;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type.align-img-txt{float:right;}
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type.align-txt-img{float: none; position: absolute; left: 0; }
.philosophy.conceptcar .xpic-cont-list .txt-holder.box-type.align-txt-img .txt-inner-wrap{ position: absolute; width: 100%; right: 0;}

.philosophy.conceptcar .sec-cnt-3 .section-bg{height:2144px;background: #000;}
.philosophy.conceptcar .sec-cnt-3 .section-bg img{left:50%; margin-left:-960px; }
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list{position: absolute; top: 0; left: 0; width: 100%; z-index: 10; max-width: none;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list li{overflow: hidden;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-1 .bg-holder{display: none;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-1 {height:465px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-1 .txt-holder{top:228px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-2{height:502px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-2 .txt-holder.box-type .txt-mask{margin-top:48px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-3{height:544px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-3 .bg-holder{margin-top:-165px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-3 .txt-holder.box-type{top:27px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-3 .txt-holder.box-type .txt-mask{margin-top:130px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-4{height:633px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-4 .txt-holder{top:41px;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .txt-holder .body-copy {color:#FFFFFF;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .txt-holder .txt-inner-wrap .body-copy {color:#CCCCCC;}
.philosophy.conceptcar .sec-cnt-3 .xpic-cont-list .cnt-4 .txt-holder .body-copy {color:#999999;}
.philosophy.conceptcar .sec-cnt-3 .sub-copy {font-family: 'plutosans_M';}

.philosophy.conceptcar .sec-cnt-4 .section-bg img{left:50%; margin-left:-960px; }
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list{position: absolute; top: 0; left: 0; width: 100%; z-index: 10; max-width: none;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-1 .bg-holder{display: none;}
.philosophy.conceptcar .sec-cnt-4 .pic-cont-list .cnt-1 .txt-holder .body-copy {color:#FFFFFF;}

.philosophy.conceptcar .sec-cnt-5 .gallery {position: relative;}
.philosophy.conceptcar .sec-cnt-5 .gal-list {width:100%; height: 1000px; background: #c0c0c0;}
.philosophy.conceptcar .sec-cnt-5 .gal-list li {float: left; width: 25%; overflow: hidden;}
.philosophy.conceptcar .sec-cnt-5 .gal-list li.col-2 {width: 50%; background: #804033;}
.philosophy.conceptcar .sec-cnt-5 .gal-list li a {display: block; position: relative;}
.philosophy.conceptcar .sec-cnt-5 .gal-list li img {width: 100%;}
.philosophy.conceptcar .sec-cnt-5 .gal-list li img.dimmed {position: absolute; left: 0; top:0;}
.philosophy.conceptcar .sec-cnt-5 .gallery-pop {position: absolute; top: 0; left: 0; width: 100%; height:100%; z-index: 100;}
.philosophy.conceptcar .gallery-pop a.close-gal-pop{top:70px;}



/** gallery **/

.gallery-pop {position: absolute; left: 0; top:63px; width: 100%; height: 100%; z-index: 30; background: #fff; overflow: hidden;}
.gallery-pop .img-wrap {height: 100%;}
.gallery-pop .img-wrap li {position: absolute; top:0; left:0; width: 100%; height: 100%;}
.gallery-pop .img-wrap li img {width: 100%;}
.gallery-pop .img-wrap li .txt-holder {position: absolute; bottom: 11.22%; left: 6.25%; z-index: 1;}
.gallery-pop .img-wrap li .txt-holder span {display: block; font: 18px/1 'modern_h_EL'; color: #fff;}
.gallery-pop .img-wrap li .txt-holder span > span{display: inline;}
.gallery-pop .img-wrap li .txt-holder.has-dscr > span {position: relative; padding-bottom: 20px;}
.gallery-pop .img-wrap li .txt-holder.has-dscr > span:after {display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #fff;}
.gallery-pop .img-wrap li .txt-holder.has-dscr p {margin-top: 17px;}
.gallery-pop .img-wrap li .txt-holder.has-dscr p span {padding-bottom: 0; font: 14px/1.85 'modern_h_EL'; color: #fff;}
.gallery-pop a.close-gal-pop { position: absolute; top:30px; right:30px; display: block; width: 60px; height: 60px; overflow: hidden;}
.gallery-pop a.close-gal-pop span {position: absolute; left: 15px; top:15px; width: 30px; height: 30px; overflow: hidden;}
.conceptcar.gallery-pop a.close-gal-pop{top:70px;}
/*.gallery-pop a.close-gal-pop:hover span {position: absolute; width: 40px; height: 40px; left:10px; top:10px;}*/
.gallery-pop a.close-gal-pop img {position: absolute; top:50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px;}
.gallery-pop .indi-wrap {position: absolute; bottom:6%; left: 0; width: 100%; z-index: 30; text-align: center;}
.gallery-pop .indi-wrap > div {display: inline-block; position: relative; padding: 0 100px;}
.gallery-pop .indi-wrap .indis {width: 100%; text-align: center;}
.gallery-pop .indi-wrap .indis li {position: relative; display: inline-block;}
.gallery-pop .indi-wrap .indis li a {padding: 0 8px;}
.gallery-pop .indi-wrap .indis li a span {position: absolute; left: -9999px; top: -9999px; visibility: hidden; background: none;}
.gallery-pop .indi-wrap .indis li.on > a:after {background: #fff;}
.gallery-pop .indi-wrap .indis li a:after {display: inline-block; width: 2px; height: 11px; background: #666; content: ''; vertical-align: middle;}
.gallery-pop .indi-wrap .prev-next-pop {/*position: relative; width: 100%;*/}
.gallery-pop .indi-wrap .prev-next-pop li {position: absolute; width: 80px; top:0; font: 12px/1.5 'plutosans_M'; vertical-align: middle;}
.gallery-pop .indi-wrap .prev-next-pop li.prev-pop {left: 0; text-align: right;}
.gallery-pop .indi-wrap .prev-next-pop li.next-pop {right: 0; text-align: left;}
.gallery-pop .indi-wrap .prev-next-pop li a em {display: block; content: ''; position: absolute; top:0; width: 31px; height: 16px;}
.gallery-pop .indi-wrap .prev-next-pop li.prev-pop a em {right: 44px; background: url('../images/common/arr_prev_gallery.png') 100% 50% no-repeat;}
.gallery-pop .indi-wrap .prev-next-pop li.next-pop a em {left: 44px; background: url('../images/common/arr_next_gallery.png') 0 50% no-repeat;}
.gallery-pop .indi-wrap .prev-next-pop li a span {color: #fff;}
.mgallery{display:none;}

/* --------------------------------------------------------
* @NAME : 트랜지션 제어용 Class Name 정의
* @DATE : 2015.11.30
*  -------------------------------------------------------- */
.js-black-cover {width: 100%; height: 100%; position: absolute; background-color: #ffffff; z-index: 5; opacity: 0; display: none;}
.js-move-image {position: relative;}
.js-move-obj {position: relative;}
.js-move-text img{position: relative;}

.js-move-content {position: absolute; top:300px; left:300px; z-index: 999; width: 200px;}
.js-move-content img {width: 100%; position: absolute;}

.js-panorama-v-content {background-color: #0d0e14;}



@media only screen and (min-width:1400px) and (max-width:1920px){

}

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

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

@media only screen and (min-width:1600px) {
}



.js-move-image {position: relative;}
.js-move-obj {position: relative;}
.js-move-text img{position: relative;}