/* 2025-11-24 域名迁移 */
@charset 'utf-8';
@font-face{font-family:'SDGothicNeo';
font-style:normal;font-weight:400;
src:url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOM.eot');
src:url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOM.woff2') format('woff2'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOM.woff') format('woff'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOM.ttf') format('truetype'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOM.svg#APPLESDGOTHICNEOM') format('svg')}
@font-face{font-family:'SDGothicNeo';
font-style:normal;font-weight:600;
src:url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOB.eot');
src:url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOB.woff2') format('woff2'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOB.woff') format('woff'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOB.ttf') format('truetype'),
url('https://kr-web-static.5xgames.com/kr-sd-web/assets/font/APPLESDGOTHICNEOB.svg#APPLESDGOTHICNEOB') format('svg')}

/* reset */
html,body{width:100%;height:100%;-webkit-text-size-adjust:none;font-family:'SDGothicNeo', sans-serif;background:#fff;overflow:visible}
body{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
table,th,td,form,
fieldset,legend,select,button,input,textarea,
figure,figcaption{margin:0;padding:0;font-size:0;font-weight:400;color:#000;letter-spacing:-.05rem;line-height:0}
fieldset,li,img{border:0;vertical-align:baseline}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button:active,button:focus{outline:none}
button::-moz-focus-inner{padding:0}
input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
address,caption,em{font-style:normal}
h1,h2,h3,h4,h5,h6,caption,strong{font-weight:normal}
a,a:focus,a:active,a:hover{color:#000;text-decoration:none;cursor:pointer}
hr{display:none}
legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
::-ms-clear{display:none}
::-ms-reveal{display:none}

.bb{ 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input::placeholder,
::placeholder{color:#868686;-webkit-text-fill-color: #868686 !important;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
	-webkit-animation: autofill 0s forwards;
	animation: autofill 0s forwards;
  -webkit-text-fill-color: #000 !important;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}
@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}


/* common */
.wrap{margin:0 auto;position:relative;display:block;width:1200px}
.wrap:after{content:'';display:block;height:0;clear:both}
.aligner-wrap{display:table;table-layout:fixed}
.aligner-wrap > .aligner{display:table-cell;height:100%;width:auto}
.hidden-txt{font-size:0;line-height:0;width:0;height:0;overflow:hidden;position:absolute}
img, object{display:block}
button{cursor:pointer}

.bg{position:fixed;z-index:0;left:0;width:100%;height:100%;top:0;overflow:hidden}
.bg #bgVideo{position:absolute;left:50%;top:50%;margin:0;padding:0}
.bg .shadow{position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/video_bg.png) repeat center;opacity:.3}

#header{position:fixed;top:0;left:0;width:100%;height:120px;overflow:visible;z-index:10}
#header:before{content:'';display:block;position:absolute;left:0;width:100%;height:120px;top:0;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/navigation_bg.png) repeat center}
#footer{position:relative;background:#000}
#section_container{padding-top:120px;position:relative;z-index:1}


#header .logo{position:absolute;left:0;top:0;width:auto;height:auto}
#header .logo a{display:block;padding:24px 65px}
.navigation{position:relative;padding-left:238px;float:left}
.menu-list{width:auto}
.menu-list .divider{display:inline-block;opacity:.3;float:left;height:120px;width:1px;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/navigation_divider.png) no-repeat center}
.menu-list li{display:inline-block;position:relative}
.menu-list li:after{content:'';display:block;height:0;clear:both}
.menu-list li a{float:left;padding:37px 0}
.menu-list .menu-name{display:block;overflow:hidden;height:46px;width:170px;background-repeat:no-repeat;background-position:0 0}
.menu-list li .menu-name:hover,
.menu-list li.selected .menu-name{background-position:0 -46px}
.menu-list li.main .menu-name{width:124px;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/nav_main.png)}
.menu-list li.preregist .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/nav_preregist.png)}
.menu-list li.event .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/nav_event.png)}
.menu-list li.story .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/nav_story.png)}
.menu-list li.media .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/nav_media.png)}
.menu-list li.community .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/nav_community.png)}
.menu-list li.share .menu-name{width:118px;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/nav_share.png)}
.menu-list .sub-menu{position:absolute;top:100%;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/share_bg.png) repeat center top;left:0;width:100%;height:0;overflow:hidden;transition:height .2s ease-in-out}
.menu-list li:hover .sub-menu{height:342px}
.menu-list .sub-menu .btn{display:block;padding:28px 0;width:100%}
.menu-list .sub-menu .ic{margin:0 auto;display:block;width:57px;height:57px;background-repeat:no-repeat;background-position:0 0}
.menu-list .sub-menu .ic.facebook{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/share_fb.png)}
.menu-list .sub-menu .ic.twitter{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/share_tw.png)}
.menu-list .sub-menu .ic.copyurl{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/share_copy.png)}

#footer .wrap{padding:24px 0 20px;width:100% important;background:#000}
#footer .wrap span{display:block;text-align:center}
#footer .wrap img{display:inline}
#footer .wrap .bi{padding-bottom:16px}
#footer .wrap .btn{position:absolute;bottom:24px;right:74px}

.sd-page{position:relative;width:100%;height:auto;overflow:hidden;min-width:1200px}
.sd-page .wrap{height:auto;position:relative;z-index:2}
.sd-page .character{position:absolute;z-index:0;pointer-events:none}
.sd-page .character img{display:inline;max-width:none}
.sd-page .h-blank{display:block}

.btn.outround{position:relative;display:block}
.btn.outround .deco-wrap{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;transition:all .2s ease-in-out}
.btn.outround .deco-wrap img{position:absolute;width:auto}
.btn.outround .deco-wrap .lt{left:0;top:0}
.btn.outround .deco-wrap .rt{right:0;top:0}
.btn.outround .deco-wrap .lb{left:0;bottom:0}
.btn.outround .deco-wrap .rb{right:0;bottom:0}
.btn.outround:hover .deco-wrap{left:-7px;top:-7px;right:-7px;bottom:-7px}

.radio-bt{font-size:0;line-height:0;opacity:0;width:0;height:0;position:absolute}
.radio-bt + label .lb-wrap{position:relative;display:block}
.radio-bt + label .lb-wrap:after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-10px;width:25px;height:25px;background-repeat:no-repeat;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/radiobutton.png);background-position:0 0}
.radio-bt:checked + label .lb-wrap:after{background-position:0 -25px}

.checkbox{font-size:0;line-height:0;opacity:0;width:0;height:0;position:absolute}
.checkbox + label .lb-wrap{position:relative;display:block}
.checkbox + label .lb-wrap:after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-15px;width:30px;height:30px;background-repeat:no-repeat;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/checkbox.png);background-position:0 0}
.checkbox:checked + label .lb-wrap:after{background-position:0 -30px}

.txt-field{position:absolute;background:transparent;background-color:rgba(255,255,255,0);border:0 none;outline:0 none;text-align:center;color:#000;left:0;width:100%;top:50%;margin-top:-36px;height:72px;width:100%;font-size:28px;line-height:72px}
/*.txt-field:focus{outline:2px solid rgba(212,44,55,.3);border-radius:3px}*/

#main{}
#event{background:rgba(255,255,255,.5)}

#main .character{left:444px}
#main .wrap{padding-top:36px;padding-bottom:36px}
#main .page-top{position:relative;left:150px;width:1050px;height:332px;padding-bottom:200px}
#main .title{position:absolute;left:0;top:0}
#main .title button{position:absolute;width:110px;height:auto;left:248px;top:40px}
#main .title button img{width:100%;height:auto;display:block}
#main .btn.outround{margin:0 auto}
#main .btn.outround .cp{position:absolute;top:110px;left:136px;display:none}

#preregist{background:rgba(255,255,255,.5) url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/preregist_shadow.png) repeat-x center bottom}
#preregist img{display:block;width:100%;height:auto}
#preregist .character{left:820px;width:413px}
#preregist .wrap{padding-top:112px;padding-bottom:138px}
#preregist .court{position:absolute;top:218px;left:113px;width:1006px;z-index:0}
#preregist .inwrap{position:relative;width:530px;left:252px;padding-top:300px}
#preregist .title{position:absolute;left:0;top:0;width:572px}
#preregist .sub-title{position:absolute;left:23px;top:198px;width:484px}
#preregist .preregist-frm{position:relative;width:456px;top:0;margin:0 auto;text-align:center}
#preregist .preregist-frm fieldset{position:relative;width:100%}
#preregist .user-phone{position:relative;width:100%}
#preregist .txt-field{font-size:23px;line-height:58px;height:58px;margin-top:-29px}
#preregist .user-agree{position:relative;padding-top:10px;width:340px}
#preregist .user-agree .lb-wrap{padding-left:32px}
#preregist .user-agree .lb-wrap img{width:209px}
#preregist .user-agree .btn{position:absolute;right:0;bottom:0;width:88px}
#preregist .gifts-wrap{display:block;position:relative;text-align:center;margin:0 auto;width:424px;padding-top:25px;padding-bottom:22px}
#preregist .btn.submit{display:inline-block;width:248px}
#preregist .under-court{position:relative;padding-top:24px}
#preregist .under-court .dc{text-align:center;width:511px;margin:0 auto}
#preregist .btn-group{position:absolute;top:100%;left:-30px;width:auto;white-space:nowrap;padding-top:18px;text-align:left}
#preregist .btn-group .btn{margin-left:12px;width:185px}
#preregist .btn-group .btn:first-child{margin-left:0}

#preregist .os-select-list{position:relative;padding-bottom:5px;text-align:left}
#preregist .os-select-list li{display:inline-block;width:202px;position:relative}
#preregist .os-select-list .lb-wrap{padding-left:30px}
#preregist .os-select-list .lb-wrap img{width:128px}
#preregist .os-select-list label .lb-wrap:after{left:0}
#preregist .radio-bt + label .lb-wrap:after{margin-top:-8px;width:18px;height:18px;background-size:18px auto}
#preregist .radio-bt:checked + label .lb-wrap:after{background-position:0 -18px}
#preregist .checkbox + label .lb-wrap:after{width:24px;height:24px;margin-top:-12px;background-size:24px auto}
#preregist .checkbox:checked + label .lb-wrap:after{background-position:0 -24px}

.os-select-list{position:relative;padding-bottom:6px}
.os-select-list li{display:inline-block;width:252px;position:relative}
.os-select-list .lb-wrap{padding-left:37px}
.os-select-list  label .lb-wrap:after{left:3px}

#event .wrap{padding-bottom:74px}
#event .page-top{height:256px;position:relative;width:100%;text-align:center;padding-top:74px}
#event .title{text-align:center;position:relative;padding-bottom:38px}
#event .title img{display:inline}
#event .sub-title{position:relative;display:inline-block;margin:0 auto}
#event .sub-title .black-marking{position:absolute;z-index:-1;background:#000;height:32px;bottom:0;left:178px}
#event .sub-title img{position:relative;z-index:1}
#event .btn.select{display:block;position:relative;margin:0 auto}
#event .btn img{display:inline}
#event .gifts-wrap{margin:0 auto;padding-top:18px;width:728px;position:relative;text-align:center}
#event .gifts-wrap img{display:inline}
#event .gifts-wrap .btn{position:absolute;right:0;bottom:0}
#event .sub-title .btn{position:absolute;right:26px;bottom:3px}

.character-select-list{text-align:center;padding-bottom:10px;position:relative}
.character-select-list li{width:376px;display:inline-block;position:relative;height:131px;margin-bottom:20px}
.character-select-list .br-blank{height:0 !important;width:0 !important;display:block !important}
.character-select-list .profile{padding-top:3px;float:left}
.character-select-list label{position:absolute;left:106px;top:0;width:277px;height:100%}
.character-select-list .box{position:absolute;text-align:right;padding-right:25px;width:252px;padding-top:42px;height:90px;top:0;left:0;background-repeat:no-repeat;background-position:0 0;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/word_bg.png)}
.character-select-list .box.sel{display:none;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/word_bg_sel.png)}
.character-select-list .long .box{padding-right:25px;width:272px;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/word_l_bg.png)}
.character-select-list .long .box.sel{display:none;background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/word_l_bg_sel.png)}
.character-select-list .radio-bt:checked + label .box.def{display:none}
.character-select-list .radio-bt:checked + label .box.sel{display:block}
.character-select-list .radio-bt + label .box .lb-wrap{display:inline-block;padding-left:32px}

.sd-page .character{opacity:0;bottom:-300px;transition:all .2s 0s ease-in-out}
.sd-page.active .character{bottom:0;margin-left:0;opacity:1;transition:all .45s .2s ease-in-out}
.sd-page .title{opacity:0;margin-left:-175px;transition:all .2s 0s ease-in-out}
.sd-page.active .title{margin-left:0;opacity:1;transition:all .2s .5s ease-in-out}

#main .btn{opacity:0;top:50px;position:relative;transition:all .2s 0s ease-in-out}
#main.active .btn{opacity:1;top:0}
#main.active .store-buttons .btn{transition-delay:.15s}

#preregist .court{opacity:0;margin-left:-150px;transition:all .2s 0s ease-in-out}
#preregist.active .court{opacity:1;margin-left:0;transition:all .25s .35s ease-in-out}
#preregist .sub-title{opacity:0;margin-left:-150px;transition:all .2s 0s ease-in-out}
#preregist.active .sub-title{opacity:1;margin-left:0;transition:all .25s .35s ease-in-out}
#preregist .preregist-frm fieldset{opacity:0;left:-150px;transition:all .2s 0s ease-in-out}
#preregist.active .preregist-frm fieldset{opacity:1;left:0;transition:all .25s .35s ease-in-out}
#preregist .under-court{opacity:0;top:50px;transition:all .2s 0s ease-in-out}
#preregist.active .under-court{opacity:1;top:0;transition:all .4s .9s ease-in-out}
#preregist .gifts-wrap{opacity:0;top:50px;transition:all .2s 0s ease-in-out}
#preregist.active .gifts-wrap{opacity:1;top:0;transition:all .3s .65s ease-in-out}
#preregist .btn.submit{opacity:0;margin-left:-220px;transition:all .2s 0s ease-in-out}
#preregist.active .btn.submit{opacity:1;margin-left:0;transition:all .15s .5s ease-in-out}

#event .sub-title{opacity:0;top:50px;transition:all .2s 0s ease-in-out}
#event.active .sub-title{opacity:1;top:0;transition:all .3s .5s ease-in-out}
#event .sub-title .black-marking{width:0;transition:width .2s 0s ease-in-out}
#event.active .sub-title .black-marking{width:190px;transition:width .25s .9s ease-in-out}
#event .character-select-list{opacity:0;top:50px;transition:all .2s 0s ease-in-out}
#event.active .character-select-list{opacity:1;top:0;transition:all .3s .2s ease-in-out}
#event .gifts-wrap{opacity:0;top:30px;transition:all .2s 0s ease-in-out}
#event.active .gifts-wrap{opacity:1;top:0;transition:all .3s .65s ease-in-out}
#event .btn.select{opacity:0;top:70px;transition:all .2s 0s ease-in-out}
#event.active .btn.select{opacity:1;top:0;transition:all .2s .5s ease-in-out}


#app_dialog{position:fixed;left:0;top:0;bottom:0;right:0;display:none;width:100%;height:100%;z-index:-1}
#app_dialog.visible{display:block;z-index:999}
.dim{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index:-1;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/dialog_dim.png)}
.dialog-container{display:table;width:100%;height:100%;table-layout:fixed;pointer-events:none}
.aligner{display:table-cell;width:auto;vertical-align:middle;text-align:center}
.dialog{display:none;position:relative;margin:0 auto;opacity:0;top:200px;z-index:10;pointer-events:auto}
.dialog img{display:inline}
.dialog.visible{top:0;opacity:1;display:inline-block;transition:all .4s ease-in-out}
.dialog .bt-close{position:absolute;display:block}
.dialog .bt-close img{display:block;width:100%;height:auto}

.video-player{position:absolute;left:0;top:0;border:0 none;outline:0 none;width:100%;height:100%}
#dg_video{width:1138px}
#dg_video img{display:block;width:100%;height:auto}
#dg_video .bt-close{right:0;bottom:100%;width:60px}

#dg_event1{width:766px}
#dg_event1 img{display:block;width:100%;height:auto}
#dg_event1 .bt-close{right:0;top:12px;width:64px}
#dg_event1 .inwrap{position:absolute;top:72px;left:50%;width:640px;margin-left:-320px;height:328px}
#dg_event1 .character-words{text-align:center;display:block;text-align:center;height:100px;font-size:32px;line-height:36px;color:#000}
#dg_event1 .sns-buttons{position:absolute;bottom:0;left:50%;width:174px;margin-left:-87px}
#dg_event1 .sns-buttons .btn.fb{float:left}
#dg_event1 .sns-buttons .btn.tw{float:right}

#dg_urlcopy{width:590px;border:1px solid #acacac;padding:60px 0;background:#fff url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/dialog_bg.jpg) repeat center}
#dg_urlcopy .bt-close{right:0;top:0;width:43px}
#dg_urlcopy .inwrap{position:relative;width:502px;margin:0 auto}
#dg_urlcopy .txt-field{position:absolute;left:0;top:10px;height:32px;color:#000;text-align:center;width:368px;font-size:24px;line-height:32px;white-space:nowrap;overflow:hidden;margin-top:0}
#dg_urlcopy .bt-copy{position:absolute;right:0;top:0;width:136px}


.alert-window{position:absolute;left:0;top:0;width:100%;height:100%;display:none;pointer-events:none}
.dialog.alert{width:590px;pointer-events:auto;border:1px solid #acacac;padding:55px 0 25px;background:#fff url(https://kr-web-static.5xgames.com/kr-sd-web/assets/img/dialog_bg.jpg) repeat center}
.dialog.alert .bt-close{right:0;top:0;width:43px}
.dialog.alert .inwrap{position:relative;width:502px;margin:0 auto;padding-bottom:20px}
.dialog.alert .inwrap .dc{font-size:22px;line-height:25px;color:#000;padding:12px 0;text-align:center}
.dialog.alert .inwrap .tit{font-size:33px;line-height:40px;color:#000;padding:0 0 20px;text-align:center}
.dialog.alert .bt-ok{display:block;width:136px;margin:0 auto}

.dialog.terms{width:720px;border:1px solid #acacac;padding:110px 0 95px;background:#f2f2f2}
#dg_agree_checked{padding-bottom:44px}
.dialog.terms .bt-close{right:10px;top:10px;width:43px}
.dialog.terms .inwrap{position:relative;width:614px;margin:0 auto}
.dialog.terms .inwrap .dc{font-size:23px;line-height:32px;color:#000;text-align:center}
.dialog.terms .inwrap .tit{font-size:33px;line-height:40px;color:#000;font-weight:600;padding:0 0 18px;text-align:center}
.dialog.terms .inwrap .tit .mark{vertical-align:top;font-weight:400;font-size:23px;line-height:40px;display:inline}
.dialog.terms .bt-ok{display:block;width:136px;margin:0 auto;margin-top:60px}

.dialog.terms .tb-wrap{padding:16px 0 72px}
.dialog.terms .tb-wrap table{width:100%;table-layout:fixed;border-collapse:collapse;border:3px solid #000}
.dialog.terms .tb-wrap table td{font-size:20px;font-weight:600;line-height:1.2;border-left:1px solid #000}
.dialog.terms .tb-wrap table th{font-size:18px;line-height:1.2;padding-left:39px;width:162px}
.dialog.terms .tb-wrap table th, .dialog.terms .tb-wrap table td{height:40px;padding-left:39px;text-align:left;border-top:1px solid #000}
.dialog.terms .tb-wrap table tr:first-child th,
.dialog.terms .tb-wrap table tr:first-child td{border-top:0 none}
.dialog.terms .noti-list{padding-left:14px;margin-top:-10px;text-align:left}
.dialog.terms .noti-list li{list-style:none;padding-top:20px;padding-left:10px;position:relative;line-height:22px;font-size:15px;color:#000}
.dialog.terms .noti-list li:after{content:'';display:block;position:absolute;left:0;width:4px;height:4px;border-radius:100%;top:29px;background:#000}
.dialog.terms .noti-list li a{display:inline;font-weight:600;color:#33447f}

#event_gifts{width:720px;padding:0;background:none;border:0 none}
#event_gifts img{display:block;width:100%;height:100%}
#event_gifts .inwrap{width:100%;padding:0}
#event_gifts .bt-ok{position:absolute;bottom:54px;left:50%;margin-left:-68px}

/* 200706 */
#dg_preregist_complete,
#dg_preregist_already{width:592px;padding:0;background:none}
#dg_preregist_complete .bgimg,
#dg_preregist_already .bgimg{display:block;width:100%;height:auto}
#dg_preregist_complete .alert-box,
#dg_preregist_already .alert-box{position:absolute;top:0;width:100%;left:0;height:40.75%}
#dg_preregist_complete .alert-tb,
#dg_preregist_already .alert-tb{display:table;width:100%;height:100%;table-layout:fixed}
#dg_preregist_complete .alert-box .aligner,
#dg_preregist_already .alert-box .aligner{display:table-cell;vertical-align:middle;text-align:center}
#dg_preregist_complete .tit,
#dg_preregist_already .tit{font-size:33px;line-height:40px;color:#000}
#dg_preregist_complete .tit{letter-spacing:-.05em;font-weight:600;padding-top:45px;padding-bottom:4px}
#dg_preregist_already .tit{letter-spacing:-.075em;font-weight:400;padding-top:60px;padding-bottom:15px}
#dg_preregist_complete .dc{letter-spacing:-.075em;font-size:19px;line-height:30px;font-weight:400;color:#000}
#dg_preregist_complete .bt-ok,
#dg_preregist_already .bt-ok{margin-top:20px}
#dg_preregist_complete .market-buttons,
#dg_preregist_already .market-buttons{position:absolute;width:100%;left:0;top:628px;text-align:center}
#dg_preregist_complete .market-buttons .btn,
#dg_preregist_already .market-buttons .btn{padding:0 3px}
#dg_preregist_complete .bt-close,
#dg_preregist_already .bt-close{right:10px;top:10px;width:43px}

#players .wrap{}
#players .page-top{position:relative;width:100%;text-align:center}
#players .title{text-align:center;margin:0;position:relative;padding-bottom:28px;top:50px}
#players .title img{display:inline}
#players .player-area{position:absolute;left:0;top:0;height:100%;width:450px}
#players .skill-area{position:relative;float:right;height:490px;width:422px}
#players .preview{position:relative;width:330px;margin:0 auto;height:100%}
#playerContent{height:490px;position:relative}

.area-title{display:block;position:relative;width:100%;height:80px}
.player-area .area-title a{float:left;display:block;height:80px;width:202px;background-position:0 0;background-size:100% auto;background-repeat:no-repeat}
.player-area .area-title a.selected{background-position:0 bottom}
.player-area .desc{padding:58px 10px 0;width:384px;height:208px;position:relative}
.player-area .player-dc{display:block;height:auto;width:100%;position:relative}
.player-area .player-dc img{display:block;height:auto}
.player-area .player-dc .deco{position:absolute;width:100%;height:18px}

.player-list{position:relative;width:100%;left:-2px;display:none}
.player-list li{float:left;width:20%}
.player-list a{display:block;width:100%;height:90px;background-repeat:no-repeat;background-size:100% auto;background-position:center 0}
.player-list a:hover{background-position:center center}
.player-list li.selected a{background-position:center bottom}
.shohoku .player-list.team01{display:block}
.ryonan .player-list.team02{display:block}

#players .profile{width:283px;margin:0 auto;position:relative;padding-top:41px}
#players .skill-video{width:656px;height:369px;position:absolute;left:50%;margin-left:-504px;top:136px}
#players .skill-video video{display:block;width:100%;height:auto}
#players .skill-video .bt-close{position:absolute;bottom:100%;right:0}
.profile .bt-sound{position:absolute;left:-52px;width:44px;height:44px;top:0;background-repeat:no-repeat;background-position:center}


#skillView{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
#skillView a{pointer-events:auto}
#skillView .dim{position:absolute;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease-in-out;z-index:0;left:0;top:0;width:100%;height:100%}
#skillView.active{z-index:5;pointer-events:auto}
#skillView.active .dim{opacity:1}
#skillView.active .skill-video{}
#skillContent{height:490px;padding-top:94px;position:relative}
#skillView .wrap{pointer-events:none}
#skillView .wrap a{pointer-events:auto}
#skillView .skill-area{pointer-events:auto}
.skill-area .area-title{height:auto;padding-top:19px}
.skill-area .area-title img{display:none}
.shohoku .skill-area .area-title .team01{display:inline}
.ryonan .skill-area .area-title .team02{display:inline}

#players .skill-video{opacity:0;transition:opacity .3s ease-in-out}
#players #skillView.active .skill-video{opacity:1}

.skill-area .desc{position:relative;height:170px;padding-left:145px}
.skill-area .skill-icon{position:absolute;left:0;top:0;width:178px;height:100%;background-repeat:no-repeat;background-position:center}
.skill-area .skill-icon .icon{position:absolute;left:49px;top:43px;width:79px;height:79px;display:block}
.skill-area .skill-icon .icon img{display:block;width:100%;height:auto}
.skill-area .skill-icon .name{position:absolute;top:139px;left:34px;width:108px;display:block}
.skill-area .skill-dc{display:table;width:100%;height:100%}
.skill-area .skill-dc .aligner{display:table-cell;vertical-align:middle;text-align:left}
.skill-area .skill-dc .aligner img{display:block}
.skill-list{display:block;position:relative;width:376px;left:2px;top:-3px}
.skill-list li{float:left;width:25%}
.skill-list li a{display:block;height:27px;position:relative;text-align:center;padding-top:88px}
.skill-list .icon{position:absolute;top:0;left:0;padding:19px 18px 17px;width:58px;height:58px;display:block}
.skill-list .icon img{display:block;width:100%;height:auto}
.skill-list .name{display:inline-block;position:relative;width:auto;background-color:rgba(0,0,0,.75)}
.skill-list .name .deco{position:absolute;top:-3px;width:5px;height:26px;background-repeat:no-repeat}
.skill-list .name .deco.l{left:-3px;background-position:left center}
.skill-list .name .deco.r{right:-3px;background-position:right center}
.shohoku .skill-list li.selected .name{background-color:#a62110}
.ryonan .skill-list li.selected .name{background-color:#1565a0}
.skill-list li .icon:after{content:"";display:none;position:absolute;left:13px;top:14px;width:68px;height:68px;}
.skill-list li a:hover .icon:after{display:block}

.skill-list li .icon:after{background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/skill_highlight.png) no-repeat center}
.shohoku .skill-list .name .deco{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/skill_sname_corner_shohoku.png)}
.ryonan .skill-list .name .deco{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/skill_sname_corner_ryonan.png)}
.menu-list li.players .menu-name{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/nav_players.png)}
.skill-list li .icon{background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_skill_btn_bg.png) no-repeat -1px 0}
.player-area .area-title .team01{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_tab_shohoku.png)}
.player-area .area-title .team02{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_tab_ryonan.png)}
.player-area .player-dc .deco.t{top:0;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_dc_top.png)}
.player-area .player-dc .deco.b{bottom:0;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_dc_btm.png)}
.player-list.team01 .player01 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_shohoku01.png)}
.player-list.team01 .player02 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_shohoku02.png)}
.player-list.team01 .player03 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_shohoku03.png)}
.player-list.team01 .player04 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_shohoku04.png)}
.player-list.team01 .player05 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_shohoku05.png)}
.player-list.team02 .player01 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_ryonan01.png)}
.player-list.team02 .player02 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_ryonan02.png)}
.player-list.team02 .player03 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_ryonan03.png)}
.player-list.team02 .player04 a{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_btn_ryonan04.png)}
.shohoku .profile .bt-sound{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/ic_sound_bg_shohoku.png)}
.ryonan .profile .bt-sound{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/ic_sound_bg_ryonan.png)}
.shohoku .skill-area .desc .skill-icon{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_skill_view_bg_shohoku.png)}
.ryonan .skill-area .desc .skill-icon{background-image:url(https://kr-web-static.5xgames.com/kr-sd-web/assets3/img/players_skill_view_bg_ryonan.png)}

#players .player-area{opacity:0;left:10%;transition:all .2s 0s ease-in-out}
#players .skill-area{opacity:0;right:10%;transition:all .2s 0s ease-in-out}
#players .profile{opacity:0;top:50px;transition:all .2s 0s ease-in-out}
#players.active .title{opacity:1;top:0;transition:all .3s .5s ease-in-out}
#players.active .player-area{opacity:1;left:0;transition:all .3s .7s ease-in-out}
#players.active .skill-area{opacity:1;right:0;transition:all .3s .7s ease-in-out}
#players.active .profile{opacity:1;top:0;transition:all .4s .4s ease-in-out}

#main .store-buttons{display:block;width:605px;margin:0 auto;padding:18px 0 58px;position:relative;text-align:center}
#main .store-buttons:after{content:"";display:block;height:0;clear:both}
#main .store-buttons .btn.l{position:absolute;left:0;top:18px}
#main .store-buttons .btn.r{position:absolute;right:0;top:18px}
#main .store-buttons .btn.c{position:relative;left:6px}

#story{background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/bg_tint.png)}
#players{background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/bg_tint.png)}
#media{background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/bg_tint.png)}

#story img{display:block;width:100%;height:auto}
#story .wrap{padding-top:152px;padding-bottom:128px;height:auto}
#story .court{position:relative;left:-64px;width:1328px;z-index:0}
#story .inwrap{position:absolute;width:1000px;left:164px;top:130px}
#story .title{position:absolute;left:50%;margin-top:50px;margin-left:-227px;top:128px;width:454px}
#story .inwrap .dc-box{display:block;position:relative;padding-bottom:48px}
#story .inwrap .dc-box .icon{position:absolute;left:0;top:0;width:100px;height:auto}

#story.active .title{margin-top:0}
#story.active .title{transition:all .3s 0s ease-in-out}
#story .court{transition:all .4s 0s ease-in-out;top:100px;opacity:0}
#story.active .court{top:0;opacity:1}
#story .inwrap .dc-box .txt{transition:all .35s 0s ease-in-out;position:relative;left:-50px;opacity:0}
#story .inwrap .dc-box .icon{transition:all .25s 0s ease-in-out;top:25px;opacity:0}
#story.active .inwrap .dc-box .icon{top:0;opacity:1}
#story.active .inwrap .dc-box .txt{left:0;opacity:1}
#story.active .inwrap .dc-box.dc1 .icon{transition-delay:.2s}
#story.active .inwrap .dc-box.dc2 .icon{transition-delay:.7s}
#story.active .inwrap .dc-box.dc3 .icon{transition-delay:1.2s}
#story.active .inwrap .dc-box.dc4 .icon{transition-delay:1.7s}
#story.active .inwrap .dc-box.dc1 .txt{transition-delay:.5s}
#story.active .inwrap .dc-box.dc2 .txt{transition-delay:1s}
#story.active .inwrap .dc-box.dc3 .txt{transition-delay:1.5s}
#story.active .inwrap .dc-box.dc4 .txt{transition-delay:2s}

#media .wrap{padding-top:92px;padding-bottom:0}
#media .title{display:block;margin:0 auto;position:relative;top:50px;padding-bottom:75px;text-align:center}
#media .title img{display:inline}
#media.active .title{top:0;transition-duration:.4s;transition-delay:.3s}
#mediaSwiper{width:774px;padding:0 180px 48px;margin:0 auto;height:auto}
#mediaSwiper img{width:100%;display:block;height:auto}
#mediaSwiper .swiper-slide{background:#fff}
#mediaSwiper .swiper-slide img{opacity:.3;transition:opacity .2s ease-in-out}
#mediaSwiper .swiper-slide.swiper-slide-active img{opacity:1;transition:opacity .4s ease-in-out}
#mediaSwiper .swiper-pagination{bottom:14px}
#mediaSwiper .swiper-pagination-bullet{border:2px solid #fff;width:16px;border-radius:10px;height:16px;transition:width .2s ease-in-out;background:#403f3e;margin:0 4px;opacity:1;outline:0 none}
#mediaSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f85957;width:32px}

.media-swiper-wrapper{position:relative;width:1200px;margin:0 auto;height:auto}
#mediaNextArr{cursor:pointer;z-index:10;position:absolute;outline:0 none;top:204px;display:block;right:0}
#mediaPrevArr{cursor:pointer;z-index:10;position:absolute;outline:0 none;top:204px;display:block;left:0}

.media-video-list{position:relative;padding:75px 0}
.media-video-list:after{content:"";display:block;height:0;clear:both}
.media-video-list .video-thumb{padding:5px;float:left}
.media-video-list .video-thumb a{display:block;position:relative;height:auto}
.media-video-list .video-thumb a:after{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;transition:all .2s ease-in-out}
.media-video-list .video-thumb .thumbnail{display:block;height:auto;background:#000}
.media-video-list .video-thumb .thumbnail img{display:block;opacity:.4;transition:opacity .2s ease-in-out}
.media-video-list .video-thumb a:hover .thumbnail img{opacity:1}
.media-video-list .video-thumb a:hover:after{border:9px solid #f85957}
.media-video-list .video-thumb .ic-play{position:absolute;display:block;top:50%;left:50%;margin-top:-30px;margin-left:-30px;width:60px;height:60px;background:url(https://kr-web-static.5xgames.com/kr-sd-web/assets4/img/btn_media_play.png)}

#dg_media{width:1138px}
#dg_media img{display:block;width:100%;height:auto}
#dg_media .bt-close{right:0;bottom:100%;width:60px}
#dg_media video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
#mediaVisualView{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:none}
#dg_media .bt-next{position:absolute;width:104px;left:50%;margin-left:600px;top:50%;margin-top:-52px}
#dg_media .bt-prev{position:absolute;width:104px;right:50%;margin-right:600px;top:50%;margin-top:-52px}