/* BASIC css start */
.rightFixBtn { display: none; }

.story-logo { position:fixed; top:18px; left:7.7%; z-index:2; width:90px; }
.story-tit { position:fixed; top:20px; right:7.7%; font-size:13px; font-weight:100; z-index:999; color:#fff; }
.navi { position:absolute; right:7.7%; bottom:50px; z-index:999; }
.navi p { font-size:18px; color:#fff; }
.parallax .fp-tableCell > * { opacity:0; transition:all 1s 0s; -webkit-transform: translate3d(0,50%,0); -moz-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);}
.active.parallax .fp-tableCell > * { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; transition-delay:.6s !important;}

#section01 { position:relative; width:100%; height:100%; background:url('https://xexymix.jpg3.kr/xexymix/introimg/story_img01_mo.jpg') center no-repeat; background-size:cover; }
#section01 p { position:absolute; width:100%; left:50%; margin-left:-50%; }
#section01 p:first-child { bottom:35%; font-size:40px !important; font-weight:bold; color:#fff; text-align:center; }
#section01 p:last-child { bottom:30%; font-size:12px; color:#fff; opacity:.4; text-align:center; }

#section02 { width:100%; height:100%; background:url('https://xexymix.jpg3.kr/xexymix/introimg/story_img02_mo.jpg') center no-repeat; background-size:cover; }
#section02 p, #section03 p, #section05 p { padding-left:9%; }
#section02 p:first-child, #section03 p:first-child, #section05 p:first-child { padding-top:80px; font-size:35px; font-weight:bold; color:#fff; }
#section02 p:last-child, #section03 p:last-child { padding-top:45px; font-size:14px; color:#fff; line-height:1.7; }

#section03, #section04 { width:100%; height:100%; background-color:#ab846a; }

#counter { display:block; -webkit-text-stroke:.5px #fff; font-size:70px; color:transparent; padding-top:100px; font-weight:600; line-height:.8; }
#section04 > * { padding-left:9%; }
#section04 p:nth-child(2) { font-size:35px; font-weight:bold; color:#fff; }
#section04 p:nth-child(3) { padding-top:45px; font-size:13px; color:#fff; line-height:1.7; }

#section05 { width:100%; height:100%; background:url('https://xexymix.jpg3.kr/xexymix/introimg/story_img03_mo.jpg') center no-repeat; background-size:cover; }
#section05 p { font-weight:100 !important; }
#section05 p:last-child { padding-top:70px; font-size:35px; font-weight:bold; color:#fff; }


#section06 { position:relative; background-color:#4f3b35; }
.fulltText01{ position:absolute; width:250px; height:63px; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }
.Text01{ position:absolute; width:250px; height:32px; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }
.Text01 span{ color:#fff; font-size:25px; font-weight:600;}
.Text01 .txt01{ position:absolute; left:43px;}
.Text01 .txt02{ position:absolute; left:80px;}
.Text01 .txt03{ position:absolute; left:160px;}
.plusBtn{ opacity:0; width:22px; height:22px; position:absolute; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }
.btn01{ position:absolute; left:-105px; }
.btn02{ position:absolute; left:56px; }

#section07 { position:relative; background-color:#634d44; }
#section07 .select-wrap p { background:url('https://xexymix.jpg3.kr/xexymix/introimg/year_arrow_down.png') no-repeat 90%; cursor:pointer; font-size:50px; padding:10px 0; color:#fff; border-bottom:1px solid #a1948f; font-weight:bold; padding-left:9%; background-size:30px; }
#section07 .select-wrap ul { display:none; overflow-x:hidden; position:absolute; width:100%; height:100%; background-color:#634d44; z-index:999; }
#section07 .select-wrap ul li { background:url('https://xexymix.jpg3.kr/xexymix/introimg/year_arrow_down.png') no-repeat 90%; cursor:pointer; font-size:50px; padding:10px 0; border-bottom:1px solid #a1948f; font-weight:bold; padding-left:9%; background-size:30px;}
/* #section07 .select-wrap ul li.select { background:url('https://xexymix.jpg3.kr/xexymix/introimg/year_arrow_up.png') no-repeat 80%; } */
#section07 .select-wrap ul li a { color:#fff; display: block; }
#section07 .open-box { display:none; padding-top:35px; padding-left:9%; }
#section07 .open-box.active { display:block; }
#section07 .open-box dl:after { content:''; display:block; clear:both; }
#section07 .open-box dl dt { padding-bottom:10px; width:25px; font-size:13px; font-weight:500; color:#fff; opacity:0.4; }
#section07 .open-box dl dd { vertical-align:top; font-size:17px; color:#fff; line-height:20px; }
.mt40 { margin-top:35px!important; }
#section07 .open-box .col { float:left; width:48%; }

#section08 { position:relative; }
#section08 .img-wrap { height:100%; }
#section08 .img-wrap p { cursor:pointer; height:25%; }
#section08 .img-wrap p span { color:#fff; font-size:25px; padding-top:20%; text-align: center; display: block; font-weight:500; }
#section08 .img-wrap .design { background: url(https://ftp.xexymix.jpg3.kr/xexymix/introimg/brand_sec07_01.jpg) no-repeat center; background-size:cover; }
#section08 .img-wrap .blacklabel { background: url(https://ftp.xexymix.jpg3.kr/xexymix/introimg/brand_sec07_02.jpg) no-repeat center; background-size:cover; }
#section08 .img-wrap .detail { background: url(https://ftp.xexymix.jpg3.kr/xexymix/introimg/brand_sec07_03.jpg) no-repeat center; background-size:cover; }
#section08 .img-wrap .quality { background: url(https://ftp.xexymix.jpg3.kr/xexymix/introimg/brand_sec07_04.jpg) no-repeat center; background-size:cover; }

#section08 .img-txt-wrap .img-full01, #section08 .img-txt-wrap .img-full02 { position:absolute; left:0; top:0; z-index:99; display:block; width:100%; height:100%; }
#section08 .img-txt-wrap .img-full01 span { color:#fff; font-size:30px; padding-top:35%; text-align: center; display: block; font-weight:500; }
#section08 .img-txt-wrap .design-full .img-full01 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_01.jpg') center no-repeat; background-size:cover; }
#section08 .img-txt-wrap .design-full .img-full02 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_full01.jpg') center no-repeat; background-size:cover; background-position-x:65%; }
#section08 .img-txt-wrap .blacklabel-full .img-full01 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_02.jpg') center no-repeat; background-size:cover; }
#section08 .img-txt-wrap .blacklabel-full .img-full02 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_full02.jpg') center no-repeat; background-size:cover; background-position-x:65%; }
#section08 .img-txt-wrap .detail-full .img-full01 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_03.jpg') center no-repeat; background-size:cover; }
#section08 .img-txt-wrap .detail-full .img-full02 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_full03.jpg') center no-repeat; background-size:cover; background-position-x:65%; }
#section08 .img-txt-wrap .quality-full .img-full01 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_04.jpg') center no-repeat; background-size:cover; }
#section08 .img-txt-wrap .quality-full .img-full02 { display:none; background:url('https://xexymix.jpg3.kr/xexymix/introimg/brand_sec07_full04.jpg') center no-repeat; background-size:cover; background-position-x:65%; }
/* #section08 .img-txt-wrap { position:relative; } */
#section08 .img-txt-wrap .img-full02 p { color:#fff; margin-left:10%; text-align:left; }
#section08 .img-txt-wrap .btn-back { position:absolute; right:18%; bottom:100px; display:block; text-align:left; }
#section08 .img-txt-wrap .img-full02 p:nth-child(1) { font-size:25px; font-weight:bold; padding-top:100px; }
#section08 .img-txt-wrap .img-full02 p:nth-child(2) { font-size:14px; padding-top:50px; }

#section09 { background-color:#53433f; }
#section09 .mission01 { width:300px; padding-top:80px;  }
#section09 .mission-sm { font-size:16px; line-height:1.6; color:#fff; padding-left:40px; padding-top:24px; }
#section09 .mission-big { font-size:25px; font-weight:bold; color:#fff; padding-left:40px; padding-top:30px; }

#section10  { position:relative; background-color:#111; }
#section10 .video-wrap .video-bg { width:100%; position:absolute; height:300px; left:0; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }
#section10 .video-txt { position:absolute; left:10%; bottom:140px; font-size:25px; color:#fff; font-weight:bold; }
#section10 .btn-play { width:20px; position:absolute; left:10%; bottom:90px; }
#section10 .btn-pause { display:none; width:20px; position:absolute; left:10%; bottom:90px; }
#time { position:absolute; left:17%; bottom:87px; color:#fff; font-size:18px; }

@media screen and (max-width: 385px) {
#section05 p:first-child, #section05 p:last-child { font-size:35px; }
#section07 .open-box dl dd { font-size:14px; }
#section08 .img-txt-wrap .img-full02 p:nth-child(1) { font-size:30px; }
#section09 .mission-sm { font-size:14px; }
#section09 .mission-big { font-size:20px; }
}

/* BASIC css end */