@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 { min-width: 1100px; height: 1757px; background: url("../images/bg_header01.jpg") 50% 0 no-repeat; }

.header { width: 1100px; margin: auto; }
.header .gnb { float: right; margin: 20px -47px 0 0; }
.header a { display: inline-block; zoom: 1; *display: inline; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.header a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
.header a:active { -webkit-transform: translateY(0); transform: translateY(0); }
.header a.home { width: 118px; height: 45px; background: url("../images/btn_home.png") no-repeat; }


/* menu */
* {padding:0; margin:0;}
input[id="hamburger"] {display:none;}
input[id="hamburger"] + ul {display:block; position:fixed; left:0; top:5%; transform:translateY(-50%); transition:all .35s; text-align:right; z-index: 9999;}
input[id="hamburger"] + ul > li {display:block; width:50px; height:50px; position:relative; margin-top:-1px;}
input[id="hamburger"] + ul > li > a {display:block; width:auto; height:50px; overflow:hidden; transition:all .35s;}

input[id="hamburger"] + ul > li:nth-child(1) label span:nth-child(1) {top:30%; left:50%; transform:translateX(-50%);}
input[id="hamburger"] + ul > li:nth-child(1) label span:nth-child(2) {top:50%; left:50%; transform:translate(-50%,-50%);}
input[id="hamburger"] + ul > li:nth-child(1) label span:nth-child(3) {bottom:30%; left:50%; transform:translateX(-50%);}
input[id="hamburger"]:checked + ul {z-index:2; left:200px;}
input[id="hamburger"]:checked + ul > li:nth-child(1) label {z-index:2; left:200px;}
input[id="hamburger"]:checked + ul > li:nth-child(1) label span:nth-child(1) {top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg);}
input[id="hamburger"]:checked + ul > li:nth-child(1) label span:nth-child(2) {opacity:0;}
input[id="hamburger"]:checked + ul > li:nth-child(1) label span:nth-child(3) {bottom:50%; left:50%; transform:translate(-50%,50%) rotate(-45deg);}
div[class="eventmenu"] {width:200px; height:100%; background:#161616; position:fixed; top:0; left:-200px; z-index:1; transition:all .35s; opacity: 0.9;}
input[id="hamburger"]:checked + ul + div {left:0;}

.eventmenu a { float: left; display: block; }
.eventmenu li { height: 98px; }


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


/* quick menu */
.quick_menu {position:fixed; right:20px; top:calc(50% - 246px); z-index:99; width:85px; height:538px}
.quick_menu ul {width:100%; height:100%}
.quick_menu ul li {width:100%}
.quick_menu ul li a {display:block; width:100%; height:100%; overflow:hidden; text-indent:-50000px; background-image:url('../images/quick_menu.png'); background-repeat:no-repeat}
.quick_menu ul li.c0 {height:78px}
.quick_menu ul li.c0 a {background-position:0 0}
.quick_menu ul li.c0 a:hover, .floatNav ul li.c0.active a {background-position:-90px 0}
.quick_menu ul li.c1 {height:76px}
.quick_menu ul li.c1 a {background-position:0 -78px}
.quick_menu ul li.c1 a:hover, .floatNav ul li.c1.active a {background-position:-90px -78px}
.quick_menu ul li.c2 {height:76px}
.quick_menu ul li.c2 a {background-position:0 -153px}
.quick_menu ul li.c2 a:hover, .floatNav ul li.c2.active a {background-position:-90px -153px}
.quick_menu ul li.c3 {height:76px}
.quick_menu ul li.c3 a {background-position:0 -229px}
.quick_menu ul li.c3 a:hover, .floatNav ul li.c3.active a {background-position:-90px -229px}
.quick_menu ul li.c4 {height:78px}
.quick_menu ul li.c4 a {background-position:0 -305px}
.quick_menu ul li.c4 a:hover, .floatNav ul li.c4.active a {background-position:-90px -305px}


#menu_btn { width:300px; overflow:hidden; z-index:10000; }
#menu_btn .btn_nav .btn_nav01 { position: absolute; top: 1294px; left: 50%; margin-left: -626px; width: 294px; height: 276px; background: url("../images/menu_btn.png") 0 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
#menu_btn .btn_nav .btn_nav01:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
#menu_btn .btn_nav .btn_nav01:active { -webkit-transform: translateY(0); transform: translateY(0); }
#menu_btn .btn_nav .btn_nav02 { position: absolute; top: 1426px; left: 50%; margin-left: -321px; width: 294px; height: 276px; background: url("../images/menu_btn.png") -299px 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
#menu_btn .btn_nav .btn_nav02:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
#menu_btn .btn_nav .btn_nav02:active { -webkit-transform: translateY(0); transform: translateY(0); }
#menu_btn .btn_nav .btn_nav03 { position: absolute; top: 1405px; left: 50%; margin-left: 35px; width: 294px; height: 276px; background: url("../images/menu_btn.png") -597px 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
#menu_btn .btn_nav .btn_nav03:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
#menu_btn .btn_nav .btn_nav03:active { -webkit-transform: translateY(0); transform: translateY(0); }
#menu_btn .btn_nav .btn_nav04 { position: absolute; top: 1297px; left: 50%; margin-left: 354px; width: 294px; height: 276px; background: url("../images/menu_btn.png") -895px 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
#menu_btn .btn_nav .btn_nav04:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
#menu_btn .btn_nav .btn_nav04:active { -webkit-transform: translateY(0); transform: translateY(0); }




.footer { position: absolute; bottom: 0px; left: 0; min-width: 1010px; width: 100%; height: 120px; line-height: 120px; text-indent: 365px; font-family: "Noto Sans KR", sans-serif; color: #fffbf4; font-size: 11px; text-align: center; }
.footer:before { content: ''; position: absolute; left: 50%; top: 52px; margin-left: -240px; width: 125px; height: 21px; background: url("../images/neowiz_ci.png") no-repeat; }







/* 1page */
.event1 .inner { position: relative; width: 1124px; margin: 0 auto; }
.event1 .con1 { height: 6200px; background-image: url("../images/bg1-1.jpg"); }
.event1 .con1 .btn { top: 1430px; }
.event1 .con2 { height: 3600px; background-image: url("../images/bg1-2.jpg"); }
.event1 .con2 .btn { top: 1380px; }
.event1 .con3 { height: 1623px; background-image: url("../images/bg1-3.jpg"); }
.event1 .con3 .btn { top: 1249px; }
.event1 .con4 { height: 1699px; background-image: url("../images/bg1-4.jpg"); }
.event1 .con4 .btn { top: 1112px; }