@charset 'utf-8';
@font-face {
    font-family:'AvenirNext-DemiBold';
    font-weight:600;
    src:url('../font/AvenirNext-DemiBold.ttf') format('truetype');
}
@font-face {
    font-family:'SourceCodePro-Semibold';
    font-weight:600;
    src:url('../font/SourceCodePro-Semibold.otf') format('opentype');
}

/* SK Planet - Base 2.1 */
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,button,blockquote{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
body{-webkit-text-size-adjust:none;}
input,textarea,select,button{font:inherit;vertical-align:middle;padding:0;}
input[type='button'],input[type='text'],input[type='image'],input[type='submit'],input[type='password'],input[type='tel'],textarea{-webkit-appearance:none;border-radius:0;}
input[type='checkbox']{-webkit-appearance:checkbox;}
input[type='radio']{-webkit-appearance:radio;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
img,fieldset,iframe{border:none;}
address,cite,code,dfn,em,var,th{font-style:normal;font-weight:normal;}
a{text-decoration:none;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

/* ----- Common ----- */
* {-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
::before, ::after {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html {font-size:10px;line-height:16px;}
html, body {height:100%;}
body {color:#231b48;font-family:'Noto Sans KR', sans-serif;font-weight:500;word-break:break-all;background:#241a54 url('../img/skp2021/bg_body.png') 50% 0 no-repeat;background-size:213.4rem auto;}
a, input, label, button {outline:transparent;-webkit-appearance:none;appearance:none;}
button, a {color:#231b48;}
i {font-style:normal;}
legend, hr {display:none;}
textarea {border:0;margin:0;}
input {-webkit-user-select:auto;}
button {cursor:pointer;border:none;width:auto;margin:0;padding:0;text-align:left;background-color:transparent;}
img {vertical-align:top;}
.skip-nav, .hide {position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;border:0;padding:0;}
input[type='text']::-ms-clear, input[type='email']::-ms-clear{display:none;}
.inp-st {display:block;width:100%;border:none;border-radius:0;line-height:2rem;font-family:'Noto Sans KR', sans-serif;background:transparent;}
.inp-st[type='password'] {font-family:'Arial', 'Tahoma', sans-serif;}
.inp-st::-webkit-input-placeholder {opacity:0.35;}
select {outline:transparent;-webkit-appearance:none;appearance:none;border:none;width:auto;}
input::-ms-clear, input::-ms-reveal {display:none;width:0;height:0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {display:none;}
::-webkit-scrollbar {width:0.6rem;background-color:#eee;}
::-webkit-scrollbar-track-piece {border-radius:0.6rem;background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:0.6rem;background-color:#b1b1b1;}
/* main */
    .main-wrap {width:160rem;margin:0 auto;}
    .header {padding:7.2rem 0;text-align:center;}
    .header h1 {font-size:2rem;line-height:2.7rem;color:#fff;font-weight:600;font-family:'AvenirNext-DemiBold';}
    .header h2 {margin-top:0.6rem;position:relative;display:inline-block;padding:0 5.4rem;vertical-align:top;font-size:3.6rem;line-height:5.4rem;font-weight:900;letter-spacing:-1.35px;color:#fff;}
    .header h2::before, .header h2::after {position:absolute;top:50%;content:'';width:2.8rem;height:5.6rem;margin-top:-2.8rem;background-position:0 0;background-repeat:no-repeat;background-size:2.8rem 5.6rem;}
    .header h2::before {left:0;background-image:url('../img/skp2021/img_arrow_left.png');}
    .header h2::after {right:0;background-image:url('../img/skp2021/img_arrow_right.png');}
    .container {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:135.6rem;min-height:64rem;margin:0 auto;}
    .container .l-side-bar, .container .r-side-bar, .container .content {position:relative;border-radius:0.4rem;background-color:#fff;}
    .container .l-side-bar, .container .r-side-bar {width:24.5rem;padding:3.5rem 0 0 0;text-align:center;}
    .container .content {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 3.3rem;box-shadow:0 2.9rem 5.7rem 0 rgba(0, 0, 0, 0.1);}
    .container select {cursor:pointer;display:inline-block;height:4.7rem;padding-right:3rem;line-height:4.7rem;vertical-align:top;font-weight:700;font-size:3.2rem;letter-spacing:-1.2px;color:#231b48;background:url('../img/skp2021/bg_select_box.png') 100% 50% no-repeat;background-size:2.2rem;}
    .division {font-size:2rem;line-height:2.9rem;color:#888b96;letter-spacing:-0.75px;}
    .c-round-box {font-weight:600;font-family:'AvenirNext-DemiBold';}
    .c-round-box .block {display:block;margin-top:6.1rem;font-size:16.5rem;line-height:16.8rem;}
    .c-round-box .txt {display:block;margin-top:0.8rem;font-size:2.4rem;line-height:2.8rem;color:#7d8089;letter-spacing:0.67px;}
    .turn-box {position:absolute;left:0;right:0;bottom:6.5rem;font-weight:600;font-family:'AvenirNext-DemiBold';}
    .turn-box .block {display:block;overflow:hidden;font-size:6rem;line-height:8.2rem;white-space:nowrap;text-overflow:ellipsis;}
    .turn-box .txt {display:block;font-size:2.4rem;line-height:3.3rem;color:#7d8089;letter-spacing:0.67px;}
    .start-box {height:45rem;border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;padding-top:10.3rem;}
    .start-box.inactive {display:none;}
    .start-box h1 img {display:block;width:41.7rem;margin:0 auto;}
    .start-box .btn-module {margin-top:9.5rem;}
    .start-box .btn-module button {display:block;width:22.4rem;height:5.8rem;margin:0 auto;border-radius:0.4rem;line-height:5.8rem;text-align:center;color:#fff;font-weight:700;font-size:2.1rem;letter-spacing:-1.26px;background-color:#231b48;}
    .effect-box {display:none;height:45rem;border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;}
    .effect-box.active {display:block;}
    .game-log-box {position:absolute;left:0;right:0;bottom:0;height:19rem;padding-top:2.8rem;border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;background-color:#eae9f0;}
    .game-log-box textarea {outline:transparent;display:block;width:100%;height:100%;padding:0 3.7rem 2.8rem 2.6rem;font-size:1.5rem;line-height:1.9rem;letter-spacing:-1.14px;font-weight:600;font-family:'SourceCodePro-Semibold';background-color:transparent;}
    .game-log-box .inner-box {overflow-y:auto;width:100%;height:100%;padding:0 3.7rem 2.8rem 2.6rem;font-size:1.5rem;line-height:1.9rem;letter-spacing:-1.14px;font-weight:600;font-family:'SourceCodePro-Semibold';}
    .game-log-box .inner-box p {margin-top:1rem;}
    .game-log-box .inner-box p:first-of-type {margin-top:0;}

/* ----- RWD Resolution ----- */
@media (max-width:1500px){
    html {font-size:8px;}
}
@media (max-width:1280px){
    html {font-size:7px;}
    body {overflow-x:hidden;}
}
@media (max-width:1279px){
    html body {overflow-x:auto;}
}
@media (max-width:1136px){
    html {font-size:6px;}
    body {overflow-x:hidden;}
}
@media (max-width:1000px){
    body {overflow-x:auto;}
}