body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,table{font-family:'돋움',Dotum,Helvetica,Sans-serif;font-size:12px;line-height:17px}
img,fieldset,iframe{border:0 none}
ul,ol{list-style:none}
em,address,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
legend,caption,.hide{position:absolute;overflow:hidden;visibility:hidden;height:0;font-size:0;line-height:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}

.wrap{position:relative;width:100%;min-width:1200px;overflow:hidden}
.btn{position:absolute;background-color:#000;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;display:block;}
.bt{position:absolute;text-indent:-9999px;display:block;}

#appView{padding-bottom:0px !important;}
#eventFooter{height:60px !important;padding-top:40px;background-color:#1a1d2e;opacity:1 !important;}
#eventFooter span{font-size:16px;font-family:'Arial';color:#62636b;}

.section{margin:0 auto;text-align:center;background-position:50% 0;background-repeat:no-repeat;overflow:auto;}
.section .cont{position:relative;width:1200px;margin:0 auto;text-align:left}

.skin1{height:735px;background-image:url(img/skin01.jpg);}
.skin2{height:1549px;background-image:url(img/skin02.jpg);}
.skin3{height:463px;background-image:url(img/skin03.jpg);}
.skin4{height:392px;background-image:url(img/skin04.jpg);}
.skin5{height:100px;background-image:url(img/skin05.jpg);}

.btn_bi {top:0;left: 57px;width:195px;height:98px;}
.btn_go {top: 0;right: 60px;width: 130px;height: 104px;}
.skin1 {}

/*skin2*/
.quiz_date {position: absolute;left: 367px;top: 46px;width: 140px;text-align: center;color: #ffffff;font-size: 38px;line-height: 1;letter-spacing: -0.5px;}
.quiz_txt {width:1014px; padding: 80px 0 0; margin: 0 auto; display:flex; align-items:center; justify-content: center; height: 170px;}
.quiz_inner {font-size: 26px; color:#ffecba; line-height: 38px; text-align: center; letter-spacing: -1.9px}

.btn_yes {position:absolute; left:220px; top:545px; background: url(img/btn_yes.png) no-repeat 0 0; width: 295px; height: 76px; overflow: hidden; text-indent: -5000px;}
.btn_yes:hover {background-position: 0 bottom}
.btn_no {position:absolute; left:685px; top:545px; background: url(img/btn_no.png) no-repeat 0 0; width: 295px; height: 76px; overflow: hidden; text-indent: -5000px;}
.btn_no:hover {background-position: 0 bottom}

/* skin3 */
.btn_quiz_info {position:absolute;left:183px; top:245px;width: 296px; height: 77px; overflow: hidden; text-indent: -5000px}
.btn_get_item {position:absolute;left:716px; top:245px;width: 296px; height: 77px; overflow: hidden; text-indent: -5000px}

/*layer_popup*/
.layer{position:fixed !important;width:386px;min-height:330px;display:none;}
.layer .bt_cls{position:absolute;top:0;right:0px;width:35px;height:30px;z-index:2;text-indent:-999999px;}
.layer .p_cont{position:relative;margin-top:30px;}
.layer .p_cont .bt_close{position:absolute;top:182px;left:50%;margin-left:-87px;width:173px;height:44px;cursor:pointer;text-indent:-999999px;}

.p1_tl{background:url(img/p1_bg_tl.png) 0 0 repeat-x;}
.p1_tl strong{font-size:16px;font-weight:normal;height:23px;letter-spacing:0;word-spacing:-3px;color:#fff;}
.p1_txt_top .ic1{background:url(/web/cp2/common/img/pcom/ic01.gif) 0 2px no-repeat !important;}
.p1_box{min-height:81px;height:auto;}
.p1_btm{position:relative;margin-top:20px;}
.p1_btm a.p_bt01, .p1_btm a.p_bt01 span,
.p1_btm button.p_bt01, .p1_btm button.p_bt01 span{background:url(img/p1_bt01.png) 0 0 no-repeat;}
.p1_btm a.p_bt01 span,
.p1_btm button.p_bt01 span{width:164px;height:35px;}
.p1_btm button em{padding-top:9px;display:inline-block;color:#FFF;font-weight:bold;}

.layer1.p1_wrap .p1_box{height:81px;}
.layer1.p1_wrap .p1_box th{width:60px;padding:0 10px;}
.layer1.p1_wrap .p1_box{padding:20px 0;}
.layer1.p1_wrap .p1_box td{padding:5px 0;}
.layer1.p1_wrap .p1_box td select{width:264px;height:30px;}
.layer1.p1_wrap .p1_info dt{color:#7B452B;}

.layer2.p1_wrap{width:386px;min-height:403px;}
.layer2.p1_wrap .p1_box{min-height:196px;height:auto;border:0;box-shadow:none;}
.layer2.p1_wrap .p1_box table td{padding:45px 0 10px;}
.layer2.p1_wrap .p1_box table td p.item{width:59px;height:50px;margin:0 auto;padding:35px 30px 27px 30px;background:#f2f2f2;}
.layer2.p1_wrap .p1_box .item_nme td{padding:12px 30px;font-size:14px;line-height:20px;font-weight:bold;color:#444;text-align:center;}
.layer2.p1_wrap .p1_box .item_nme td strong {}
.layer2.p1_wrap .p1_box .txt{width:95%;margin:0 auto;padding-bottom:10px;color:#888;text-align:center;border-bottom:1px solid #d9d9d9;}

.layer3.p1_wrap{width:400px;height:400px;background:url(img/ly_win.jpg) no-repeat 0 0;}
.layer3.p1_wrap .layer_close {position:absolute; left:116px; bottom:33px; width: 164px;height: 35px; text-indent: -5000px; overflow: hidden;}

.layer4.p1_wrap{width:400px;height:400px;background:url(img/ly_fail.jpg) no-repeat 0 0;}
.layer4.p1_wrap .layer_close {position:absolute; left:116px; bottom:33px; width: 164px;height: 35px; text-indent: -5000px; overflow: hidden;}

.layer5.p1_wrap {width:640px;height:415px;}

/* layer_popup */
#lyrList{background:#fff;margin:20px 0 15px;background:#fff;}
#lyrList table{margin:0 0 10px;width:100%;border-bottom:1px #eee9e8 solid;}
#lyrList table th{padding:6px 0 3px;color:#fff;font-size:12px;font-weight:bold;text-align:center;border-top:1px #838383 solid
;border-bottom:1px #838383 solid;border-right:1px #838383 solid;background:#838383;}
#lyrList table td{padding:5px 0 2px;color:#887064;text-align:center;border-top:1px #eee9e8 solid;border-right:1px #eee9e8 solid;background:none;}
#lyrList table .x{border-right:0 !important;}
#lyrList table td.l{padding-left:10px;text-align:left;}
#lyrList table td.r{padding-right:10px;text-align:right;}
#lyrList .list .paging{text-align:center;color:#887064;font-size:12px;font-weight:bold;}
#lyrList .list .paging a{display:inline-block;margin:0 1px;padding:3px 8px;color:#666;font-weight:normal;border:1px #eee9e8 solid;}
#lyrList .list .paging a img{display:inline-block;margin:0 2px 2px 2px;vertical-align:middle;}
#lyrList .list .paging a.bt_page{position:relative;top:-1px;padding:3px;border:0;}
#lyrList .list .paging strong{display:inline-block;margin:0 1px;padding:3px 8px 2px;color:#ff6600;border:1px #838383 solid;}
#lyrList .ntc{position:absolute;left:22px;bottom:56px;color:#666;font-size:11px;letter-spacing:-1px;}
#lyrList .ntc a{color:#d39705;}