/* RESET */
a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, col, colgroup, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, optgroup, output, p, pre, progress, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, svg, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {vertical-align: baseline; box-sizing: content-box; padding: 0; border: 0; margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -moz-margin-start: 0; -webkit-margin-end: 0; overflow: visible; background: transparent; color: inherit; font: inherit; text-decoration: none;}
article, aside, details, dialog, figcaption, figure, footer, header, main, menu, nav, section, summary, svg { display: block;}
audio, canvas, progress, video {display: inline-block;}
html, body {width: 100%; height: 100%;}
body {font: normal normal 16px/100% "맑은 고딕", "Malgun Gothic", "Segoe UI",AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic","Droid sans", Verdana, Arial, sans-serif; color: #000; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
[hidden] {display: none;}
a {-webkit-text-decoration-skip: objects;}
audio:not([controls]) {display: none; height: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
code {font-family: Consolas, "Lucida Console", Monaco, monospace, "Courier New";}
hr {height: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
svg:not(:root) {overflow: hidden;}
a, button, input, option, select, textarea, label[for] {text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;}
[type=checkbox], [type=radio] {width: 14px; height: 14px;}
[type=password], [type=text], textarea {cursor: text;}
button:disabled, input:disabled, option:disabled, select:disabled, textarea:disabled {cursor: default !important;}
button.dcnt-disabled, input.dcnt-disabled, option.dcnt-disabled, select.dcnt-disabled, textarea.dcnt-disabled {cursor: default !important;}
button, select {text-transform: none;}
button, [type=button], html [type=button], [type=reset], [type=submit] {-webkit-appearance: button; -moz-appearance: button;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
button:-moz-focusring, [type=button]:-moz-focusring,
[type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText;}
input::-ms-clear {display: none;}
input::-ms-reveal {display: none;}
optgroup {font-weight: bold;}
select, textarea {overflow: auto;}
textarea {resize: none; white-space: pre-wrap;}
/* //RESET */

/* 스타일 적용 */
.intro-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('/images/intro-bg.jpg') no-repeat center center;
    background-size: cover;
    z-index: 0;
}
.view_table {
    display: table;
    width: 100%;
    height: 100%
}
.view_table-cell {
    display: table-cell;
    vertical-align: middle;
}
.intro-content {
    position: relative;
    margin: 0 auto;
    height: auto;
    box-sizing: border-box;
    z-index: 500;
}
.intro-content-header .logo {
    margin: 0 auto;
    width: 282px;
    height: 89px;
    overflow: hidden;
    text-indent: -2000%;
    background: url('/images/logo.png') no-repeat center center;
}
.intro-content-body {
    margin-top: 30px;
    text-align: center;
}
.intro_txt {
    margin: 0 auto;
    width: 425px;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.btns-holder {
    display: inline-block;
    margin-top: 50px;
    overflow: hidden;
    text-align: center;
}
.btns-holder a {
    display: inline-block;
    float: left;
    margin-top: 20px;
    padding: 15px 20px 15px 60px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 35px
}
.btns-holder a:not(:first-child) {
    margin-left: 20px;
}
.btn-go-adult {
    background: url('/images/ic-adult.png')  no-repeat 20px center;
}
.btn-go-junior {
    background: url('/images/ic-junior.png')  no-repeat 20px center;
}

@media screen and (max-width: 610px) {
    .intro-bg {
        background: url('/images/m-intro-bg.jpg') no-repeat center center;
        background-size: cover;
    }
    .intro-content-header .logo {
        width: 180px;
        height: 60px;
        background-size: 100% auto;
    }
    .intro_txt {
        padding: 0 25px;
        width: 100%;
        line-height: 30px;
        font-size: 20px;
        box-sizing: border-box;
    }
    .btns-holder a {
        margin: 0 auto;
        float: initial;
        width: 230px;
    }
    .btns-holder a:not(:first-child) {
        margin: 30px auto 0;
    }
}
@media screen and (max-width: 340px) {
    .intro_txt {
        font-size: 17px;
    }
    .btns-holder a {
        margin: 0 auto;
        float: initial;
        width: 200px;
        font-size: 18px;
    }
}