@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe { margin: 0; padding: 0; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

img { vertical-align: top; border: 0; }

fieldset { border: 0; }

ul, ol, li { list-style: none; }

hr { display: none; }

address { font-style: normal; }

button { background: none; border: 0 none; }

@font-face { font-family: 'Noto-bold'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }

body { font-family: 'Noto Sans KR', sans-serif; line-height: 1.5; letter-spacing: -0.06em; }

.clear { clear: both; }

.robo { font-family: 'Roboto', sans-serif; font-size: 20px; }

.noto-bold { font-family: 'Noto-bold'; }

.c-red { color: #df0026; }

#container { border: 1px solid #444444; width: 898px; height: 648px; position: relative; }

#container #close { position: absolute; box-sizing: content-box; width: 28px; height: 28px; top: 15px; right: 20px; padding: 10px; z-index: 100; }

#container #close img { position: absolute; top: 10px; left: 10px; }

#container #main { padding-top: 70px; padding-left: 70px; height: 570px; font-size: 18px; position: relative; }

#container #main .text-box { letter-spacing: -0.8px }

#container #main .text-box p.txt { display: block; line-height: 28px; font-size: 20px; }

#container #main .text-box em { display: block; margin-bottom: 50px; line-height: 20px; font-size: 14px; color: #999999; font-style: normal; }

#container #main .text-box strong { display: block; margin-bottom: 20px; line-height: 58px; font-size: 40px; font-weight: 700; }
#container #main .text-box strong span { display: block; line-height: 40px; font-size: 28px; font-weight: 500; }

#during-event { padding-left: 12px; }

#container #main .input-box p { display: block; margin: 80px 0 15px 0; line-height: 20px; font-size: 14px; }

#container #main .input-box .btn { width: 100%; overflow: hidden; }
#container #main .input-box .btn a { float: left; margin-left: 10px; }
#container #main .input-box .btn a:first-child { margin-left: 0; }

#notice { transition: all 0.4s; color: #fff; padding-left: 23px; font-size: 16px; padding-bottom: 10px; }

#notice.on { color: #222; }

#container #main .desc { font-size: 15px; color: #999999; }

#container #main .logo-image { position: absolute; left: 70px; bottom: 70px; }

#container #main .slider-wrap { position: absolute; top: 90px; right: 108px; width: 239px; height: 481px; }

#container #main .slider-wrap .background { top: 0; left: 0; position: absolute; z-index: 999; height: 481px; }

#container #main .slider-wrap .see { width: 239px; height: 425px; overflow: hidden; position: absolute; top: 28px; left: 0; }

#container #main .slider-wrap .see ul { position: absolute; width: 1680px; height: 419px; }

#container #main .slider-wrap .see ul li { float: left; width: 239px; }

#container #main .slider-wrap .see ul li img { width: 100%; }

#container #main .emphasis { color: #df0026; font-family: 'Noto-bold' }

#container #main #event-term:after { content: ''; display: block; clear: both; }

#container #main #event-term p { float: left; font-size: 18px; line-height: 18px; margin-top: 10px; }

#container #main #event-term .kr { font-size: 18px; line-height: 18px; position: relative; padding-right: 10px; }

#container #main #event-term .kr:after { content: ''; display: block; position: absolute; width: 1px; height: 14px; background: #000; right: 0; top: 2px; }

#container #main #event-term .robo { padding-left: 10px; }

#container.insite { margin: 0 auto; position: relative; top: 50%; max-width: 898px; height: auto; }

#container.insite #close { display: none; }

/*# sourceMappingURL=maps/main.css.map */