@charset "euc-kr";

/* layout */
html, body {margin:0; padding:0; -webkit-text-size-adjust:none; }
body, input, select, button, textarea, h2, h3, h4, h5, h6, table {
font:normal 12px/1.5 Malgun Gothic, dotum, Arial,AppleGothic,Sans-serif; color:#333; }
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
.hidden {width:0; height:0; padding:0; margin:0; overflow:hidden; font-size:0; visibility:hidden; position:absolute}
button{padding:0; margin:0; border:0; background:none; cursor:pointer;}

#container.event_wrap {padding-bottom:0px;}
#container.event_wrap .eventSection {position:relative; min-width:1160px; overflow:hidden;}
#container.event_wrap .eventSection img.eventImg {position:absolute; left:50%; top:0; width:1920px; margin-left:-960px;  vertical-align:top;}
#container.event_wrap .eventSection a {display:inline-block;}
#container.event_wrap .eventSection a img {width:auto;}
#container.event_wrap .eventSection .btnArea {position:absolute; left:0; width:100%; text-align:center; box-sizing:border-box;}
#container.event_wrap .eventSection .btnArea_sns {position:absolute; left:0; width:100%; text-align:center; box-sizing:border-box;}
#container.event_wrap .eventSection .btnArea:after {content:""; display:block; clear:both;}
#container.event_wrap .eSection02 iframe {position:absolute; left:50%; top:365px; margin-left:-323px;}
#container.event_wrap .eSection03 .btnArea {bottom:288px;}
/* #container.event_wrap .eSection05 .btnArea {bottom:421px;}
#container.event_wrap .eSection05 .btnArea a {margin:0 15px;} */
#container.event_wrap .eSection03 .btnArea_sns {bottom:40px;}
#container.event_wrap .eSection03 .btnArea_sns a {margin:0 15px;}
#container.event_wrap .eSection05 .formArea {position:absolute; left:0; bottom:138px; width:100%; text-align:center;}
#container.event_wrap .eSection05 .formArea input {height:50px; width:640px; border:1px solid #c2c2c2; margin-right:6px; background:#fff; box-sizing:border-box; vertical-align:top;}
#container.event_wrap .eSection05 .formArea a {display:inline-block;  vertical-align:top;}
#container.event_wrap .eSection05 .formArea a img {width:auto; vertical-align:top;}

#container.event_wrap .eSection01 {height:696px;}
#container.event_wrap .eSection02 {height:389px;}
#container.event_wrap .eSection03 {height:997px;} 
#container.event_wrap .eSection04 {height:576px;}
#container.event_wrap .eSection05 {height:614px;}
#container.event_wrap .eSection06 {height:208px;}

.layerPop{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layerPop .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40);}
.layerPop .con{position:absolute; top:1800px; left:50%;}
.layerPop .con .close{position:absolute; right:-66px; top:12px;}

#layerPop1 .con{width:848px; height:733px; background:url('../images/bg_layer1.png') 0 0 no-repeat; margin-left:-424px;}
#layerPop1 .q{position:absolute; top:497px; left:523px;}
#layerPop1 .q li{width:200px; height:27px; margin-bottom:8px; cursor:pointer;}
#layerPop1 .q li.q1_a1{background:url('../images/q1_a1.png') 0 0 no-repeat;}
#layerPop1 .q li.q1_a2{background:url('../images/q1_a2.png') 0 0 no-repeat;} 
#layerPop1 .q li.on{background-position:0 -27px;}
#layerPop1 .next{position:absolute; bottom:86px; right:150px; width:150px; height:48px;}

#layerPop1_2 .con{width:848px; height:733px; background:url('../images/bg_layer1_2.png') 0 0 no-repeat; margin-left:-424px;}
#layerPop1_3 .con{width:848px; height:733px; background:url('../images/bg_layer1_3.png') 0 0 no-repeat; margin-left:-424px;}
#layerPop1_2 .q,
#layerPop1_3 .q{position:absolute; top:477px; left:449px; width:340px;}
#layerPop1_2 .q li,
#layerPop1_3 .q li{display:inline-block; width:164px; height:107px; cursor:pointer; margin-right:2px;}
#layerPop1_2 .q li.q1_a1,
#layerPop1_3 .q li.q1_a1{background:url('../images/q1_o_a1.png') 0 0 no-repeat;}
#layerPop1_2 .q li.q1_a2, 
#layerPop1_3 .q li.q1_a2{background:url('../images/q1_x_a1.png') 0 0 no-repeat;} 
#layerPop1_2 .q li.on,
#layerPop1_3 .q li.on{background-position:0 -107px;}
#layerPop1_2 .next,
#layerPop1_3 .next{position:absolute; bottom:86px; right:150px; width:150px; height:48px;}

#layerPop2 .con{width:600px; height:802px; background:url('../images/bg_layer2.png') 0 0 no-repeat; margin-left:-300px;}
#layerPop2 .con .choice { position:absolute; top:380px; left:47px; width:515px; padding-top:20px }
#layerPop2 .con .choice:after {content:""; display:block; clear:both;}
#layerPop2 .con .choice > li{float:left; width:50%; text-align:center;}
#layerPop2 .con .choice > li label {display:block; margin-bottom:15px; text-align:center;}
#layerPop2 .con .choice li input{-webkit-appearance:radio; -moz-appearance:radio; appearance:radio;}
#layerPop2 .prev{position:absolute; bottom:40px; left:105px; width:180px; height:60px;}
#layerPop2 .next{position:absolute; bottom:40px; right:103px; width:180px; height:60px;}

#layerPop3 .con{width:600px; height:872px; background:url('../images/bg_layer3.png') 0 0 no-repeat; margin-left:-300px;}
#layerPop3 .info_box { position:absolute; top:370px; left:59px; width:482px; height:246px; background:#fff; border:1px solid #bcbcbc; overflow-y:scroll; padding:5px 0;}
#layerPop3 .info_box table { width:423px; margin:0 auto; text-align:left;}
#layerPop3 .info_box table tr th { height:28px; padding:14px 0; text-align:left; vertical-align:middle; color:#5c5c5c; font-weight:bold; font-size:12px; border-bottom:1px solid #ebebeb; }
#layerPop3 .info_box table tr td { height:28px; padding:14px 0; text-align:left; vertical-align:middle; font-size:12px; border-bottom:1px solid #ebebeb; }
#layerPop3 .info_box table tr td input { width:100%; height:28px; line-height:100%; border:1px solid #bcbcbc; padding:0 10px; box-sizing:border-box;}
#layerPop3 .info_box table tr td select { width:100%; height:28px; border:1px solid #bcbcbc;box-sizing:border-box; }
#layerPop3 .info_box table tr td select#year, #layerPop3 .info_box table tr td select#month{width:79px; margin-right:14px; } 
#layerPop3 .info_box table tr td select#date {width:79px;}
#layerPop3 .btn_modify{position:absolute; bottom:189px; right:57px;}
#layerPop3 .prev{position:absolute; bottom:85px; left:105px; width:180px; height:60px;}
#layerPop3 .next{position:absolute; bottom:85px; right:103px; width:180px; height:60px;}

#layerPop4 .con{width:600px; height:852px; background:url('../images/bg_layer4.png') 0 0 no-repeat; margin-left:-300px;}
#layerPop4 .info_box { position:absolute; top:392px; left:59px; width:482px; height:246px; background:#fff; border:1px solid #bcbcbc; overflow-y:scroll; padding:5px 0;}
#layerPop4 .info_box table { width:423px; margin:0 auto; text-align:left;}
#layerPop4 .info_box table tr th { height:28px; padding:14px 0; text-align:left; vertical-align:middle; color:#5c5c5c; font-weight:bold; font-size:12px; border-bottom:1px solid #ebebeb; }
#layerPop4 .info_box table tr td { height:28px; padding:14px 0; text-align:left; vertical-align:middle; font-size:12px; border-bottom:1px solid #ebebeb; }
#layerPop4 .btn_modify{position:absolute; bottom:148px; right:57px;}
#layerPop4 .prev{position:absolute; bottom:35px; left:105px; width:180px; height:60px;}
#layerPop4 .next{position:absolute; bottom:35px; right:103px; width:180px; height:60px;}

#layerPop5 .con{width:600px; height:852px; background:url('../images/bg_layer5.png') 0 0 no-repeat; margin-left:-300px;}
#layerPop5 .ok{position:absolute; bottom:30px; left:210px; width:180px; height:60px;}