@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');
/*Copyright (c) 2012 Natanael Gama (info@ndiscovered.com), with Reserved Font Name ‘Cinzel’
This Font Software is licensed under the SIL Open Font License, Version 1.1.*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body, input, textarea, select, td {color: #000000; font-family: 'Cinzel Decorative', cursive; font-size: 12px; }
h1, h2, h3, h4, h5, h6 {font-size: 12px; }
h1, h2, h3, h4, h5, h6, strong {font-weight: bold; }
a {color: #000000; text-decoration: none; cursor:pointer;}
a:hover {text-decoration:none;}
em {font-style: normal; }
ol, ul {list-style: none; }
table {border-collapse: collapse; border-spacing: 0; margin: 0; outline: 0; }
legend,caption,.hide{position:absolute;overflow:hidden;visibility:hidden;height:0;font-size:0;line-height:0}
th, td {font-weight: normal; }
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
blockquote:before, blockquote:after,q:before, q:after {content: ""; }
blockquote, q {quotes: ""; }

body{background:#000;}
.btn{position:absolute;background-color:#000;opacity:0;filter:alpha(opacity=0);line-height:0;font-size:0;display:block;}
.bt {position:absolute;line-height:0;font-size:0;display:block;}
.ic{background:url(../img/ic.png) no-repeat 0 0;}

/*layout*/
.wrap{position:absolute;top:0;bottom:0;width:100%;min-height:0;min-width:0}
.section{opacity:0;filter:alpha(opacity=0);position:absolute;background-repeat:no-repeat;background-position:50% 0;word-break:break-word;height:100%;width:100%;overflow:hidden;transition:all 1s cubic-bezier(.645,.045,.355,1);-webkit-transition:all 1s cubic-bezier(.645,.045,.355,1);-moz-transition:all 1s cubic-bezier(.645,.045,.355,1);-o-transition:all 1s cubic-bezier(.645,.045,.355,1);-ms-transition:all 1s cubic-bezier(.645,.045,.355,1);-khtml-transition:all 1s cubic-bezier(.645,.045,.355,1)}
.section.on{opacity:1;filter:alpha(opacity=100);height:100%;z-index:9;}

.section .cont{position:relative;margin:0 auto;width:100%;min-width:1200px;max-width:1680px;height:100%;}

.sec01{background-image:url(../img/sec01.png);}
.sec02{background-image:url(../img/sec02.jpg);background-color:#000;}
.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09{background-color:#000;}

.mov_bg {position:fixed;top:0;left:50%;margin-left:-1280px;width:2560px;height:auto;z-index:-1;}
audio {position:fixed;top:0;left:0;z-index:-3;}
.tab_bg{position:absolute;top:110px;left:350px;width:700px;height:800px;z-index:-1;background-color:#000;}

/*animation*/
@keyframes spin {100% {transform:rotate(360deg);}}
@-webkit-keyframes spin {100% {transform:rotate(360deg);}}

@keyframes spin2 {100% {transform:rotate(-360deg);}}
@-webkit-keyframes spin2 {100% {transform:rotate(-360deg);}}

@keyframes wave {0% {transform:scale(0);opacity:1;} 100% {transform:scale(1.5);opacity:0;border-width:100px;}}
@-webkit-keyframes wave {0% {transform:scale(0);opacity:1;} 100% {transform:scale(1.5);opacity:0;border-width:100px;}}

@keyframes shdow_wave {0% {transform:scale(0.5);opacity:1;} 100% {transform:scale(1);opacity:0;border-width:30px;}}
@-webkit-keyframes shdow_wave {0% {transform:scale(0.5);opacity:1;} 100% {transform:scale(1);opacity:0;border-width:30px;}}

@keyframes plus {0% {transform:scale(0.8);} 50% {transform:scale(1);} 100% {transform:scale(0.8);}}
@-webkit-keyframes plus {0% {transform:scale(0.8);} 50% {transform:scale(1);} 100% {transform:scale(0.8);}}

@keyframes opa {0% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes opa {0% {opacity:0;} 100% {opacity:1;}}

@keyframes opa2 {0% {opacity:1;} 100% {opacity:0;}}
@-webkit-keyframes opa2 {0% {opacity:1;} 100% {opacity:0;}}

@keyframes sound {0% {opacity:0.35;height:3px;}100% {opacity:1;height: 20px;}}
@-webkit-keyframes sound {0% {opacity:0.35;height:3px;}100% {opacity:1;height: 20px;}}

/*loading*/
.loading_area {opacity:1;filter:alpha(opacity=100);position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:101;animation:opa2 2s linear 1 5s forwards;-webkit-animation:opa2 2s linear 1 5s forwards;-moz-animation:opa2 2s linear 1 5s forwards;-o-animation:opa2 2s linear 1 5s forwards;-ms-animation:opa2 2s linear 1 5s forwards;}
.loading_area .cont{opacity:1;filter:alpha(opacity=100);animation:opa2 3s linear 1 8s forwards;-webkit-animation:opa2 2s linear 1 3s forwards;-moz-animation:opa2 2s linear 1 3s forwards;-o-animation:opa2 2s linear 1 3s forwards;-ms-animation:opa2 2s linear 1 3s forwards;}
.loading_area .loading{opacity:0;filter:alpha(opacity=0);position:absolute;top:50%;left:50%;margin-left:-274px;margin-top:-274px;width:548px;height:548px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;animation:opa 2s ease-in 1 forwards;-webkit-animation:opa 2s ease-in 1 forwards;-moz-animation:opa 2s ease-in 1 forwards;-o-animation:opa 2s ease-in 1 forwards;-ms-animation:opa 2s ease-in 1 forwards;}
.loading_area .loading span{position:absolute;top:0;left:0;display:block;background-repeat:no-repeat;}
.loading_area .loading .frame{width:548px;height:548px;}
.loading_area .loading .frame.frm1{background-image:url(../img/loading1.png);animation:spin2 40s linear 2.5s infinite;-webkit-animation:spin2 40s linear 2.5s infinite;-moz-animation:spin2 40s linear 2.5s infinite;-o-animation:spin2 40s linear 2.5s infinite;-ms-animation:spin2 40s linear 2.5s infinite;}
.loading_area .loading .frame.frm2{background-image:url(../img/loading2.png);animation:spin 100s linear 3s infinite;-webkit-animation:spin 100s linear 3s infinite;-moz-animation:spin 100s linear 3s infinite;-o-animation:spin 100s linear 3s infinite;-ms-animation:spin 100s linear 3s infinite;}
.loading_area .loading .frame.frm3{background-image:url(../img/loading3.png);animation:spin2 100s linear 4.5s infinite;-webkit-animation:spin2 100s linear 4.5s infinite;-moz-animation:spin2 100s linear 4.5s infinite;-o-animation:spin2 100s linear 4.5s infinite;-ms-animation:spin2 100s linear 4.5s infinite;}
.loading_area .loading .txt_bless{z-index:10;width:548px;height:548px;background-image:url(../img/loading_txt1.png);}
.loading_area .loading .txt_soon{z-index:10;top:582px;left:50%;margin-left:-274px;width:549px;height:19px;background-image:url(../img/loading_txt2.png);}

/*header_area*/
.bt_logo{position:fixed;top:30px;left:20px;background:url(../img/logo.png) no-repeat 0 0;width:129px;height:50px;z-index:99;}
.bt_logo:hover{background:url(../img/logo_on.png) no-repeat 0 0;}

.navi{position:fixed;top:50%;margin-top:-234px;right:40px;min-height:468px;z-index:99;text-align:right;}
.navi li{margin-top:34px;min-height:36px;width:auto;}
.navi li:first-child{margin-top:0;}
.navi li a {display:block;cursor:pointer;}
.navi li span{display:none;vertical-align:middle;color:#888;font-size:16px;line-height:1.2em;font-weight:bold;}
.navi li .menu{display:inline-block;background:url(../img/navi.png) no-repeat 0 0;width:36px;height:36px;margin-left:7px;}
.navi li .sub_m{margin-bottom:-31px;}
.navi li .sub_m li{margin-top:-12px;}
.navi li .sub_m li span{font-size:12px;}
.navi li .sub_m li:first-child{margin-top:0;}
.navi li.m1 .menu{background-position:0 0;}
.navi li.m2 .menu{background-position:0 -36px;}
.navi li.m3.m4 > a .menu{background-position:0 -72px;}
.navi li.m5.m6.m7 > a .menu{background-position:0 -108px;}
.navi li.m8 .menu{background-position:0 -144px;}
.navi li.m9 .menu{background-position:0 -180px;}
.navi li .sub_m .menu{background-position:0 -216px;}
.navi li:hover span{display:inline-block;color:#fff;}
.navi li.m1:hover .menu{background-position:-36px 0;}
.navi li.m2:hover .menu{background-position:-36px -36px;}
.navi li.m3.m4:hover > a .menu{background-position:-36px -72px;}
.navi li.m5.m6.m7:hover > a .menu{background-position:-36px -108px;}
.navi li.m8:hover .menu{background-position:-36px -144px;}
.navi li.m9:hover .menu{background-position:-36px -180px;}
.navi li:hover .sub_m span{color:#888;}
.navi li:hover .sub_m li:hover span{color:#fff;}
.navi li:hover .sub_m li:hover .menu{background-position:-36px -216px;}
.navi li.on a span{color:#ff3232;}
.navi li.m1.on .menu{background-position:-72px 0;}
.navi li.m2.on .menu{background-position:-72px -36px;}
.navi li.m3.m4.on > a .menu{background-position:-72px -72px;}
.navi li.m5.m6.m7.on > a .menu{background-position:-72px -108px;}
.navi li.m8.on .menu{background-position:-72px -144px;}
.navi li.m9.on .menu{background-position:-72px -180px;}
.navi li.on .sub_m li span{color:#888;}
.navi li.on .sub_m li.on span{color:#FF3131;text-shadow:0 0 5px rgba(255,49,49,0.8);}
.navi li.on .sub_m li.on .menu{background-position:-72px -216px;}

.bt_st_comm{position:fixed;top:40px;right:90px;cursor:pointer;z-index:99;}
.bt_st_comm span{display:inline-block;vertical-align:middle;color:#999;font-size:13px;line-height:1.2em;}
.bt_st_comm .bt_st_txt{display:none;}
.bt_st_comm .ic_comm{width:40px;height:40px;background-position:0 0;}
.bt_st_comm:hover .bt_st_txt{display:inline-block;margin-right:10px;}
.bt_st_comm:hover .ic_comm{width:40px;height:40px;background-position:0 -40px;}

.bt_play{position:fixed;top:40px;right:40px;height:40px;width:40px;cursor:pointer;z-index:99;background-position:-40px 0;border-radius:50%;}
.bt_play.on{background-position:-40px -40px;}
.bt_play .bar {background:#000;bottom:10px;height:3px;position:absolute;width:2px;animation: sound 0ms -800ms linear infinite alternate;}
.bt_play .bar:nth-child(1)  {left:11px;animation-duration:474ms;}
.bt_play .bar:nth-child(2)  {left:16px;animation-duration:433ms;}
.bt_play .bar:nth-child(3)  {left:21px;animation-duration:407ms;}
.bt_play .bar:nth-child(4)  {left:26px;animation-duration:458ms;}
.bt_play.on .bar {animation-name:none;display:none;}

.sns_area{position:fixed;bottom:80px;left:40px;width:300px;z-index:99;}
.sns_area .bt_sns{display:block;cursor:pointer;width:40px;height:40px;}
.sns_area .bt_snsclose{display:block;cursor:pointer;width:40px;height:40px;}
.sns_area .ic{display:block;width:40px;height:40px;}
.sns_area .ic_sns1{background-position:-80px 0;}
.sns_area .ic_sns2{background-position:-80px -40px;}
.sns_area .ic_sns3{background-position:-80px -80px;}
.sns_area .ic_sns4{background-position:-80px -120px;}
.sns_area .ic_sns5{background-position:-80px -160px;}
.sns_area .ic_sns6{background-position:-80px -200px;}
.sns_area .bt_sns:hover .ic_sns1{background-position:-120px 0;}
.sns_area .bt_snsclose:hover .ic_sns2{background-position:-120px -40px;}
.sns_area li:hover .ic_sns3{background-position:-120px -80px;}
.sns_area li:hover .ic_sns4{background-position:-120px -120px;}
.sns_area li:hover .ic_sns5{background-position:-120px -160px;}
.sns_area li:hover .ic_sns6{background-position:-120px -200px;}
.sns_area ul{display:none;position:absolute;top:0;left:50px;}
.sns_area ul:after{display:block;clear:both;content:"";}
.sns_area ul li{float:left;width:40px;height:40px;margin-right:10px;}

/*footer*/
.footer_area{position:fixed;bottom:40px;right:40px;width:211px;height:30px;z-index:99;}
.footer_area a,.footer_area span{display:inline-block;vertical-align:middle;}
.footer_area .f_email{background:url(../img/footer_email.png) no-repeat 0 0;width:116px;height:9px;margin-right:18px;cursor:pointer;}
.footer_area .f_copy{background:url(../img/footer.png) no-repeat 0 0;width:211px;height:30px;}

/*slide common*/
.bx-wrapper{position:absolute;top:50%;left:50%;}
.bx-viewport{z-index:1;}
.bxslider{text-align:center;margin:0 auto;}
.bx-controls{position:absolute;top:0;left:0;z-index:2;}
.bx-controls .bx-pager{position:absolute;}
.bx-controls .bx-pager .bx-pager-item{display:inline-block;margin:0 10px;}
.bx-controls .bx-pager .bx-pager-link{display:inline-block;width:18px;height:18px;font-size:0;line-height:0;background:url(../img/slide_navi.png) no-repeat 0 0;}
.bx-controls .bx-pager .bx-pager-link.active{background-position:0 -18px;}
.bx-controls .bx-controls-direction{position:absolute;top:50%;right:-86px;margin-top:-29px;width:58px;height:58px;}
.bx-controls .bx-controls-direction a{position:absolute;left:0;width:58px;height:58px;background:url(../img/slide_btn.png) no-repeat 0 0;line-height:0;font-size:0;cursor:pointer;}
.bx-controls .bx-controls-direction .bx-next{margin-top:-39px;background-position:0 0;}
.bx-controls .bx-controls-direction .bx-prev{margin-top:39px;background-position:0 -58px;}
.bx-controls .bx-controls-direction .bx-next:hover{background-position:-58px 0;}
.bx-controls .bx-controls-direction .bx-prev:hover{background-position:-58px -58px;}

/*pop*/
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; z-index:100;}
.pop {display:none; position:absolute;top:50%;left:50%;z-index:101;}
.pop #player {position:absolute;top:0;left:0;width:100%;height:100%;}
.pop .close {position:absolute;top:-22px;right:-56px;display:block;width:40px;height:40px;background-position:0 -80px;text-indent:-999em;}

.pop_mov{top:0;left:0;width:100%;height:100%;overflow:hidden;}
.pop_mov .cnt{position:relative;width:100%;height:100%;}
.pop_mov .close{top:80px;right:20px;background-position:0 -120px;width:67px;height:67px;}
.pop_mov .close:hover{background-position:0 -187px;}

.pop_agree{width:504px;min-height:460px;padding:58px;margin:-310px 0 0 -335px;border:1px solid #910030;background:#000;font-family:sans-serif;}
.pop_agree .cnt{width:511px;height:457px;padding-right:33px;overflow-y:auto;color:#777;font-size:13px;line-height:1.7em;scrollbar-arrow-color:#efefef;scrollbar-Track-Color:#efefef;scrollbar-base-color:#dfdfdf;scrollbar-Face-Color:#dfdfdf;scrollbar-3dLight-Color:#dfdfdf;scrollbar-DarkShadow-Color:#dfdfdf;scrollbar-Highlight-Color:#dfdfdf;scrollbar-Shadow-Color:#dfdfdf}
.pop_agree .cnt::-webkit-scrollbar{width:6px; height:12px}
.pop_agree .cnt::-webkit-scrollbar-button:start:decrement, 
.pop_agree .cnt::-webkit-scrollbar-button:end:increment{display:block;width:12px;height:12px;background-color:rgba(0,0,0,1)}
.pop_agree .cnt::-webkit-scrollbar-track{background:rgba(0,0,0,1);}
.pop_agree .cnt::-webkit-scrollbar-thumb{background:#5e5e5e;border-radius:3px;}
.pop_agree .a_link{color:#910030;}
.pop_agree .cnt dl{margin-top:22px;}
.pop_agree .txt_bold{font-size:14px;font-weight:bold;margin-bottom:22px;}
.agree_area p{position:relative;}
.agree_area p input{position:absolute;top:9px;left:0;opacity:0;z-index:-1;}
.agree_area p:first-child{margin:43px 0 8px 0px;}
.agree_area a{display:block;cursor:pointer;}
.agree_area a span{font-size:18px;line-height:1.7em;color:#888;font-weight:bold;display:inline-block;vertical-align:middle;}
.agree_area a span.ic_agree{background:url(../img/ic_agree.png) no-repeat 0 0;width:19px;height:14px;margin-right:15px;}
.agree_area a.bt_agr .ic_agree{background-position:0 0;}
.agree_area a.bt_disagr .ic_agree{background-position:-19px 0;}
.agree_area a:hover span{color:#fff;}
.agree_area a.bt_agr:hover .ic_agree{background-position:0 -14px;}
.agree_area a.bt_disagr:hover .ic_agree{background-position:-19px -14px;}

.pop_ly {display:none;position:absolute;top:50%;left:50%;margin:-132px 0 0 -262px;width:524px;height:264px;border:1px solid #910030;background:#000;text-align:center;z-index:101;}
.pop_ly .cnt{color:#999;font-size:15px;line-height:1.5em;font-weight:bold;width:400px;margin:76px auto 68px;}
.pop_ly .bt{position:relative;display:inline-block;color:#999;font-size:22px;line-height:40px;font-weight:bold;width:70px;height:40px;margin:0 10px;}
.pop_ly .bt:hover{color:#fff;}