@charset "utf-8";

/** default definition **/
html, body {position:relative; margin: 0; padding: 0;}
body{background-color:#fff;}
div, p, span, dl, ul, ol, li, dt, dd, strong, fieldset, table, legend, label, input, table, td, tr, th, button, input, textarea, select, h1, h2, h3, h4, h5, h6, form{ margin: 0; padding: 0; font: normal 12px/17px dotum, 돋움, serif; color: #808080; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
fieldset, img, button { border: 0; }
dl, ol, ul { list-style: none; }
a { display: inline-block; vertical-align: top; text-decoration: none; }
img { vertical-align: top; }
button { cursor: pointer; background-color: transparent; }
header, footer, section, aside, nav, article { display: block; }
iframe { margin: 0; padding: 0; }

/* hidden_text */
.txtHidden, legend{ position: absolute; top: 0; left: 0; display: inline; width: 0; height: 0; overflow: hidden; font: normal 0/0 dotum; text-indent: -10000px; }

section {position:relative; width: 980px; height: auto; margin: 0 auto; }
section:after { display: block; clear: both; content: ' '; }
section .imgView1{position:absolute; top:0; left:0; z-index:1;}

.btn_top{position:fixed; bottom:30px; right:30px; z-index:4;}

.header{overflow:hidden; position:relative;}

.event1{overflow:hidden; position:relative; height:2720px;}
.event1 span.info{position:absolute; top:2272px; left:274px; z-index:2;}
.event1 span.info.last{top:2348px;}
.event1 span.info input{display:inline-block; width:262px; height:64px; padding:0 10px; margin-right:9px; border:1px solid #9f9e9c; font-size:17px; font-weight:bold; color:#333; line-height:64px; vertical-align:middle;}
.event1 span.info input.long{width:325px;}
.event1 select{display:inline-block; width:284px; height:66px; margin-right:9px; border:1px solid #9f9e9c; font-size:17px; font-weight:bold; color:#515151; line-height:66px; vertical-align:middle;}
::-webkit-input-placeholder {color:#515151;}
:-moz-placeholder {color:#515151; opacity:1;}
:-ms-input-placeholder {color:#515151;}
::-moz-placeholder {color:#909; opacity:1;}
.event1 span.graph {position: absolute; top:1762px; left:37px; display: block; width: 908px; height: 138px; overflow: hidden;}
.event1 span.graph img { position: absolute; top: 0; left:0; z-index: 5; }
.event1 span.graph img + img { position: absolute; top: 40px; left: 38px; width:832px; height:98px; z-index: 4; margin:0;}
.event1 .enroll{position:absolute; top:2493px; left:332px; z-index:2;}

.event2{overflow:hidden; position:relative; height:1736px;}
.event2 ul.list{overflow:hidden; position:absolute; top:352px; left:22px; z-index:2;}
.event2 ul.list li{overflow:hidden; position:relative; float:left; width:308px; height:327px; margin:0 13px 13px 0;}
.event2 ul.list li.last{margin:0 0 13px 0;}
.event2 ul.list li a{position:absolute; top:237px; left:43px; width:226px; height:70px; background-image:url("images/btn_check.png"); background-repeat:no-repeat; background-position:0 0; font-size:0; text-indent:-9999px; z-index:2;}
.event2 ul.list li a.check{background-position:0 -70px;}
.event2 ul.list li span.ok{position:absolute; top:0; left:0; width:308px; height:327px; background:url("images/bg_on.png") no-repeat 106px 212px; z-index:3;}
.event2 .btnGnjoy{position:absolute; top:1324px; left:202px; width:114px; height:20px; z-index:2;}
.event2 .btnGnjoy img{width:114px; height:20px;}

/* background */
.bgLeft { position: absolute; top: 0; left: 0; overflow: hidden; width: 50%; height: 4456px; z-index: -1;}
.bgLeft div { position: absolute; top: 0; right: 490px; width: 100%; height: 4456px; background: url('images/bg_bodyLeft.jpg') no-repeat right 0; z-index: -1;}
.bgRight { position: absolute; top: 0; right: 0; width: 50%; height: 4356px; overflow: hidden; z-index:-1;}
.bgRight div { position: absolute; top: 0; left: 490px; width: 100% ; height: 4456px; background: url('images/bg_bodyRight_160804.jpg') no-repeat left 0; z-index: -1;}