@charset "utf-8";

@font-face {
   font-family: scd3;
   src:url('../font/SCDream3_0.otf');
}
@font-face {
   font-family: scd4;
   src:url('../font/SCDream4_0.otf');
}
@font-face {
   font-family: scd5;
   src:url('../font/SCDream5_0.otf');
}
@font-face {
   font-family: scd6;
   src:url('../font/SCDream6_0.otf');
}
@font-face {
   font-family: scd7;
   src:url('../font/SCDream7_0.otf');
}
@font-face {
   font-family: scd8;
   src:url('../font/SCDream8_0.otf');
}

/* 초기화 */
#wrap {overflow:hidden;}
body {margin:0; padding:0; font-family: 'scd3', sans-serif;  color:#f5f5f5;}
a {text-decoration:none; color:#fff;}
p {margin:0;}
ul {margin:0; padding:0;}
li {list-style:none;}
h1 {margin:0; width:220px;}
h2 {margin:0;}
h3 {font-family: 'scd6', sans-serif; }

/* header: HOME */
#header {position:relative; height:100vh;}

#header #gnb h1 {padding:50px 0 0 135px; cursor:pointer;}

/* 메뉴 */
#header #gnb {z-index:999; position:fixed; width:100%;}
#header .nav {position:absolute; left:50%; transform:translateX(-50%); top:13px; width:23.4375%; height:30px; margin-top:42px;} 
#header .nav li {float:left; font-family:'scd6', sans-serif; font-size:.9em; letter-spacing:1px; width:25%; text-align:center; line-height:30px;}
#header .nav li:hover a {color:#ffbf03;}

#header .icon {position:absolute; width:4.6875%; top:61px; right:7.03125%;}
#header .icon img {float:left; margin-right:15px;}

/* 사이드메뉴 */
#snb {position:fixed; z-index:999; right:0; top:50%; transform:translateY(-50%); width:4.6875%; height:200px;}
#snb li {width:9px; height:9px; border-radius:10px; margin:26px 0 0 33px; background:#fff; cursor:pointer;}
#snb .active {background:#ffbf03;}

/* 메인이미지 캐러셀 */
#mainimg {position:relative; height:100vh; overflow:hidden;}
#mainimg img {width:100vw;}
#mainimg .bx-wrapper {border:none; background:transparent; box-shadow:none;}

/* 텍스트 */
#mainimg .maintxt {position: absolute; left:7.03125%; top:590px; z-index:9;}
#mainimg .maintxt h3 {font-size:3em; margin:0;}
#mainimg .maintxt p:nth-of-type(1) {font-size:.9em; line-height:23px; letter-spacing:.5px; margin-top:10px;}
#mainimg .maintxt p:nth-of-type(2) {position:relative; top:80px; float:left; margin:0 0 0 100px; font-weight:600; font-size:13px;}
#mainimg .maintxt p span {opacity:.35;}

/* 슬라이드 */
#header .slide {position: absolute; left:135px; bottom:55px; width:10.9375%;}
#header .slide div {float:left; margin-right:40px;}
#header .slide div:nth-of-type(1):hover img {background:url('../images/prev2.png');}
#header .slide div:nth-of-type(2):hover img {background:url('../images/next2.png');}

/* section2 - NEWS */
#s2 {position:relative; height:1711px; background:#161614;}
#s2 .news1 {position: absolute; right:19.53125%; top:300px; z-index:2; width:31.25%; height:619px; background:url('../images/news1.png') no-repeat 50% 50%/100%;}
#s2 .n_txt {position:absolute; left:19.53125%; top:300px; width:29.6875%; height:496px; }
#s2 .n_txt h4 {margin:0; padding:78px 0 0 60px; font-size:1.5em; font-weight:300;}
#s2 .n_txt h3 {margin:0; padding:8px 0 0 60px; font-size:2.2em;}
#s2 .n_txt .line {margin:15px 0 0 60px; border-top:1px solid #eaeaea; width:360px;}
#s2 .n_txt p {padding:15px 0 0 60px; font-size:0.9em; line-height:30px;}
#s2 .n_txt .news_btn {margin:30px 0 0 60px; border:1px solid #f5f5f5; width:103px; text-align:center; padding:20px 0 20px 0; font-size:0.9em; cursor:pointer;}
#s2 .n_txt .news_btn:hover {background:#eaeaea;}
#s2 .n_txt .news_btn:hover a {color:#161614;}

#s2 .news2  {position: absolute; left:19.53125%; top:540px; z-index:3; width:30.4687%; height:554px; background:url('../images/news2.png') no-repeat 50% 50%/100% ;}
#s2 .n_txt2 {position:absolute; right:19.53125%; top:575px; width:30.4687%; height:467px; }
#s2 .n_txt2 h4 {margin:0; padding:65px 0 0 60px; font-size:1.5em; font-weight:300;}
#s2 .n_txt2 h3 {margin:0; padding:8px 0 0 60px; font-size:2.2em;}
#s2 .n_txt2 .line2 {margin:15px 0 0 60px; border-top:1px solid #eaeaea; width:350px;}
#s2 .n_txt2 p {padding:15px 0 0 60px; font-size:0.9em; line-height:30px;}
#s2 .n_txt2 .news_btn2 {margin:30px 0 0 60px; border:1px solid #f5f5f5; width:103px; text-align:center; padding:20px 0 20px 0; font-size:0.9em; cursor:pointer;}
#s2 .n_txt2 .news_btn2:hover {background:#eaeaea;}
#s2 .n_txt2 .news_btn2:hover a {color:#161614;}

#s2 .paper3 {position:relative;}
#s2 .news3 {position: absolute; left:24.2%; top:1044px; width:56.25%; height:467px; background:url('../images/news3.png') no-repeat 50% 50%/100% ;}
#s2 .n_txt3 {position: relative; top:1200px; left:460px; z-index:1; width:570px;}
#s2 .n_txt3 h3 {margin:0; padding:8px 0 0 60px; font-size:2.2em; width:570px;}
#s2 .n_txt3 p {padding:10px 0 0 60px; font-size:0.9em; line-height:25px; width:630px;}
#s2 .paper3 .news_btn3 {position:absolute; left:520px; top:1395px; border:1px solid #f5f5f5; width:103px; text-align:center; padding:20px 0; font-size:0.9em; cursor:pointer; z-index:3;}
#s2 .paper3 .news_btn3:hover {background:#eaeaea;}
#s2 .paper3 .news_btn3:hover a {color:#b88c3a;}


/* section3: ALBUM */
#s3 {position: relative; background:url('../images/albumbg.png'); height:1404px;}
#s3 .title {position: relative; top:144px; text-align:center;}
#s3 .title h2 {font-family: 'scd7', sans-serif; font-size:2em; letter-spacing:2px;}
#s3 .line {position:absolute; left:50%; transform:translateX(-50%); top:50px; width:215px; border-bottom:4px solid #eaeaea;}
#s3 .title p {position: relative; top:30px; display:inline; margin:0 29px; cursor:pointer;}
#s3 .title p:nth-of-type(2) {color:#ffbf03; border-bottom:1px solid #ffbf03;}
#s3 .album {position: relative; top:215px; left:50%; transform:translateX(-50%); width:1200px;}
#s3 .album li {float:left; width:16.8%; margin:0 1.5%; color:#999; border:1px solid transparent;}
#s3 .album li img {width:100%; opacity:0.4; border:1px solid transparent;}
#s3 .album li:hover img {opacity:1; border:1px solid #ffbf03;}
#s3 .album h3 {margin-top:5px;}
#s3 .album li:hover h3 {color:#fff;}
#s3 .album p {margin-top:-17px; padding-bottom:50px;}
#s3 .album li:hover p {color:#fff;}
#s3 .slide {position: relative; left:50%; transform:translateX(-50%); top:240px; width:270px;}
#s3 .slide div {float:left; margin:2px 50px;}
#s3 .slide div:nth-of-type(1):hover img {background:url('../images/prev2.png');}
#s3 .slide div:nth-of-type(2):hover img {background:url('../images/next2.png');}
#s3 .slide p {float:left;}
#s3 .slide span {opacity:.35;}


/* section4: ARTIST 공통*/
#s4 {position: relative; background:url('../images/artistbg.png'); height:1390px;}
#s4 .bg {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:73.4375%; height:990px; background:rgba(255, 255, 255, 0.12);}
#s4 .artist {position: absolute; left:360px;}
/* #s4 .slide div {width:20px; margin-left:215px;}
#s4 .slide div:nth-of-type(1) {position: relative; top:35px;}
#s4 .slide div:nth-of-type(1):hover {background:url('../images/prev4.png')no-repeat 0 45%;}
#s4 .slide div:nth-of-type(2) {position: relative; top:910px; z-index: 999;}
#s4 .slide div:nth-of-type(2):hover {background:url('../images/next4.png')no-repeat 0 45%;} */

/* ARTIST CAROUSEL */
#s4 .a_carousel {position:relative; left:-241px; top:95px; width:210px; height:800px; background:yellow;}
#s4 .bxslider2 {position: absolute; left:0px; top:0px; width:210px;}
#s4 .bxslider2 img {height:160px;}
#s4 .bx-wrapper {height:800px; border:none; box-shadow: none; box-sizing:none;}

/* ash */
#s4 .text {position:relative}
#s4 .text .ash {position: absolute; left:360px;}
#s4 .text .ash h3 {position: relative; left:20px; top:130px; font-size:4em; color:#ffbf03;}
#s4 .text .ash .click {position: absolute; width:10px; height:160px; background:#ffbf03; top:95px; left:-241px; z-index: 10;}
#s4 .text .ash .line {position: relative; left:20px; top:72px; width:383px; height:3px; background: #ffbf03; z-index:6;}
#s4 .text .ash .line2 {position: relative; left:220px; top:69px; width:520px; height:3px; background: #fff; opacity:.35;}
#s4 .text .ash p {position:relative; left:20px; top:100px; font-size:1em; color:#e0e0e0; line-height:30px;}
#s4 .text .ashimg img {position: relative; left:560px; top:-535px;}
#s4 .artist_s {margin:0; position: relative; left:120px; top:85px;}
#s4 .artist_s li img {width:210px;}

/* marz */
#s4 .text .marz {position: absolute; left:360px}
#s4 .text .marz h3 {position: relative; left:20px; top:130px; font-size:4em; color:#ffbf03;}
#s4 .text .marz .click {position: absolute; width:10px; height:160px; background:#ffbf03; top:255px; left:-241px; z-index: 10;}
#s4 .text .marz .line {position: relative; left:20px; top:72px; width:342px; height:3px; background: #ffbf03; z-index:6;}
#s4 .text .marz .line2 {position: relative; left:220px; top:69px; width:520px; height:3px; background: #fff; opacity:.35;}
#s4 .text .marz p {position:relative; left:20px; top:100px; font-size:1em; color:#e0e0e0; line-height:30px;}
#s4 .text .marzimg img {position: relative; left:580px; top:-591px;}
#s4 .artist_s {margin:0; position: relative; left:120px; top:85px;}
#s4 .artist_s li img {width:210px;}

/* owen */
#s4 .text .owen {position: absolute; left:360px;}
#s4 .text .owen h3 {position: relative; left:20px; top:130px; font-size:4em; color:#ffbf03;}
#s4 .text .owen .click {position: absolute; width:10px; height:160px; background:#ffbf03; top:415px; left:-241px; z-index: 10;}
#s4 .text .owen .line {position: relative; left:20px; top:72px; width:200px; height:3px; background: #ffbf03;}
#s4 .text .owen .line2 {position: relative; left:220px; top:69px; width:520px; height:3px; background: #fff; opacity:.35;}
#s4 .text .owen p {position:relative; left:20px; top:100px; font-size:1em; color:#e0e0e0; line-height:30px;}
#s4 .text .owenimg img {position: relative; left:580px; top:-565px;}
#s4 .artist_s {margin:0; position: relative; left:120px; top:85px;}
#s4 .artist_s li img {width:210px;}

/* sik */
#s4 .text .sik {position: absolute; left:360px;}
#s4 .text .sik h3 {position: relative; left:20px; top:130px; font-size:4em; color:#ffbf03;}
#s4 .text .sik .click {position: absolute; width:10px; height:160px; background:#ffbf03; top:575px; left:-241px; z-index: 10;}
#s4 .text .sik .line {position: relative; left:20px; top:72px; width:173px; height:3px; background: #ffbf03; z-index:6;}
#s4 .text .sik .line2 {position: relative; left:190px; top:69px; width:600px; height:3px; background: #fff; opacity:.35;}
#s4 .text .sik p {position:relative; left:20px; top:100px; font-size:1em; color:#e0e0e0; line-height:30px;}
#s4 .text .sik img {position: relative; left:580px; top:-628px;}
#s4 .artist_s {margin:0; position: relative; left:120px; top:85px;}
#s4 .artist_s li img {width:210px;}

/* bee */
#s4 .text .bee {position: absolute; left:360px;}
#s4 .text .bee h3 {position: relative; left:20px; top:130px; font-size:4em; color:#ffbf03;}
#s4 .text .bee .click {position: absolute; width:10px; height:160px; background:#ffbf03; top:735px; left:-241px; z-index: 10;}
#s4 .text .bee .line {position: relative; left:20px; top:72px; width:334px; height:3px; background: #ffbf03; z-index:6;}
#s4 .text .bee .line2 {position: relative; left:220px; top:69px; width:520px; height:3px; background: #fff; opacity:.35;}
#s4 .text .bee p {position:relative; left:20px; top:100px; font-size:1em; color:#e0e0e0; line-height:30px;}
#s4 .text .bee img {position: relative; left:245px; top:-598px;}
#s4 .artist_s {margin:0; position: relative; left:120px; top:85px;}
#s4 .artist_s li img {width:210px;}

/* section5: VIDEO */
#s5_carousel {position:relative; background:url('../images/videobg.png'); height:100vh;}
#s5_carousel .bx {position: relative; left:50%; top:19%; transform:translateX(-50%); width:900px;}
#s5_carousel .bx-wrapper {height:700px; border:none; background:transparent; box-shadow:none;}
#s5_carousel .bx-wrapper .bx-pager .bx-pager-item a {background:#fff;}
#s5_carousel .bxslider3 {position:relative; background:blue;}
#s5_carousel .vd {width:900px;}
#s5_carousel .vd video {width:100%;}

#s5_carousel .slide div {float:left; position: absolute;}
#s5_carousel .slide div:nth-of-type(1) {left:-80px; top:35%;}
#s5_carousel .slide div:nth-of-type(2) {left:965px; top:35%; }
#s5_carousel .slide div:nth-of-type(1):hover img {background:url('../images/prev2.png');}
#s5_carousel .slide div:nth-of-type(2):hover img {background:url('../images/next2.png');}

#s5_carousel .video_txt {text-align:center; height:200px; margin-top:10px;}
#s5_carousel .video_txt h3 {margin:0; font-family: 'scd8', sans-serif; font-size:2em; color:#ffbf03; letter-spacing:1px;}
#s5_carousel .video_txt p {font-size:1.1em; color:#e0e0e0; margin-top:7px;}

/* footer */
#footer {position: relative; height:233px; background:#0e0d0d; }
#footer h1 {position: absolute; top:48px; left:150px;}
#footer h3 {position:relative; top:45px; left:450px; display:inline-block; margin-left: 50px; font-size:1em; letter-spacing:1px;}
#footer h3:hover {color:#ffbf03; cursor:pointer;}
#footer p {position: absolute; top:100px; left:500px; font-size:0.8em; line-height:25px;}

#footer .sns {position: absolute; top:50%; right:100px; transform:translateY(-50%);}
#footer .sns li{float:left; margin-right:50px;}
#footer i {font-size:2.2em; transition:.4s;}
#footer i:hover {color:#ffbf03; transform:scale(1.3);}