@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jua&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after { content: ''; }
q:before, q:after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; }
img, fieldset { border: 0; }
img, input, select, label, textarea { font-family: "Noto Sans KR", sans-serif; vertical-align: middle; }
address, caption, em { font-weight: normal; font-style: normal; }
body { width: 100%; font-size: 14px; line-height: 1.5; font-family: "Noto Sans KR", sans-serif; color: #333; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; color: #333; }
a { margin: 0; padding: 0; font-size: 1em; line-height: 1.5; color: #333; text-decoration: none; }
img { max-width: 100%; }
button { background: none; border: 0; font: inherit; cursor: pointer; overflow: visible; white-space: nowrap; padding: 0; outline: none; }
hr { display: block; margin: 0; padding: 0; border: 0; }
.blind { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.clearfix:after { content: ''; display: block; visibility: hidden; clear: both; width: 0; height: 0; font-size: 0; }
a#skip_nav { display: block; position: absolute; top: -100px; left: 0; z-index: 500; width: 100%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; }
a#skip_nav:hover, a#skip_nav:focus, a#skip_nav:active { top: 0; background: rgba(0, 0, 0, 0.1); }

#wrap { position: relative; text-align: center; min-width: 1200px; }
.header_wrap01 { width: 100%; height: 1052px; background: url("../images/bg_header01.jpg") 50% 0 no-repeat; }
.header_wrap02 { width: 100%; height: 1052px; background: url("../images/bg_header02.jpg") 50% 0 no-repeat; }
.header { width: 100%; height: 93px; margin: auto; background:url('../images/header.jpg') center no-repeat; opacity: 0.96;}
.header .gnb { position: absolute; left: 50%; margin-left: 370px; margin-top: 22px; }
.header a { display: inline-block; zoom: 1; *display: inline; }
.header a.home { width: 49px; height: 49px; background: url("../images/common.png") -412px 0; }
.header a.login { width: 49px; height: 49px; background: url("../images/common.png") -463px 0; margin: 0 8px 0 9px; }
.clearfix { z-index: 99999;}

#footer { width: 100%; height: 150px; line-height: 150px; margin: 0 auto; text-align: center; background-color: #1f1f1f; }
#footer .neowiz { display: inline-block; vertical-align: middle; }
#footer .neowiz .btn_foot_neowiz { display: block; width: 128px; height: 23px; background: url("../images/common.png") -412px -207px; font-size: 0; }
#footer .copy { display: inline-block; vertical-align: middle; color: #b1b1b1; font-family: "Noto Sans KR", sans-serif; font-style: normal; font-size: 12px; line-height: 21px; margin-left: 180px; }

.btn { display: inline-block; zoom: 1; *display: inline; position: relative; background-repeat: no-repeat; }
.btn > span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.btn:disabled { cursor: default; } 

.btn.btn_facebook { width: 330px; height: 105px; background: url("../images/btn_facebook.png") no-repeat; }

.btn.btn_event1 { width: 306px; height: 64px; background: url("../images/btn_event.jpg") no-repeat; }
.btn.btn_event2 { width: 306px; height: 64px; background: url("../images/btn_event.jpg") no-repeat; }







/* menu */
.link_wrap { position: absolute; z-index: 99999; top: 0px; left: 50%; margin-left: -283px; width:650px; height:93px; }
.link_wrap a { float: left; display: block; margin: 27px 2px 0 0; }
.link_wrap .btn_event1 { width: 308px; height: 38px; background: url("../images/common.png") 0 0; }
.link_wrap .btn_event1:hover { background: url("../images/common.png") 0 -42px; }
.link_wrap .btn_event1.on { background: url("../images/common.png") 0 -42px; cursor: default; }
.link_wrap .btn_event2 { width: 308px; height: 38px; background: url("../images/common.png") 0 -84px; }
.link_wrap .btn_event2:hover { background: url("../images/common.png") 0 -126px; }
.link_wrap .btn_event2.on { background: url("../images/common.png") 0 -126px; cursor: default; }
table.blind { display: block; }

[class^="con"] { position: relative; min-width: 1010px; background-repeat: no-repeat; background-position: 50% 0; }




/* 1page */
.event1 .inner { position: relative; width: 1000px; margin: 0 auto; }
.event1 .con1 { height: 1388px; background-image: url("../images/bg1-1.jpg"); }

.event1 .con2 { height: 1418px; background-image: url("../images/bg1-2.jpg"); }
.event1 .con2 .btn_event1 { top: 591px; left: -214px; }
.event1 .con3 { height: 1089px; background-image: url("../images/bg1-3.jpg"); }
.event1 .con3 .btn_event2 { top: 626px; left: -214px; }
.event1 .con4 { height: 1105px; background-image: url("../images/bg1-4.jpg"); }


/* 2page */
.event2 .inner { position: relative; width: 1000px; margin: 0 auto; }
.event2 .con1 { height: 2548px; background-image: url("../images/bg2-1.jpg"); }
.event2 .con2 { height: 1516px; background-image: url("../images/bg2-2.jpg"); }

.event2 .con3 { height: 1317px; background-image: url("../images/bg2-3.jpg"); }
.event2 .con4 { height: 1419px; background-image: url("../images/bg2-4.jpg"); }