@charset "utf-8";

html, pre, div{font-family: dotum,godic;font-size: 12px;}
body, p, dl, dt, dd {margin: 0; padding: 0;}
ol, ul, dl, li {list-style:none;padding:0;margin:0;}
fieldset,img {border:0;}
a:link, a:visited {text-decoration:none; color: #777;}
a:active, a:hover {text-decoration:none; color: #f43991;}

input[type=text],
input[type=password],
input[type=file],
textarea {padding:0 4px;background:#fff;border:1px solid #836d74;vertical-align:top;color:#000;font-family:'dotum';font-size:16px;}
select {height:34px;border:1px solid #a48a65;font-family:'dotum';font-size:12px;}

.dim {background:#000000;opacity:0.80;filter:alpha(opacity = 80);z-index: 1000;position:fixed;width:100%;height:100%;left:0;top:0;display: block; }

/* 이벤트 메인 */
#wrap {width:100%;text-align:center;}
#eventLay {position:relative;width:640px;margin:0 auto;text-align:left}
#eventLay_facebook {position:relative;width:810px;margin:0 auto;text-align:left}

/********************** 참여완료 컨텐츠 **********************/
#photo ul.photo {width:100%;margin:0;padding:0;}
#photo li{float:left;width:25%; height:200px;margin:0;padding:0;text-align:center;}
#photo li img{ width:100%; height:100%;}
#photo li.photo_g{background-color:#bababa;}
#photo li.photo_gr{background-color:#e4e4e4;}

/********************** 팝 업 **********************/
.layerPop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;}
.layerPop.on {display:block;}
/*	.layerPop .popBox {position:absolute;top:249px;left:50%;width:600px;margin-left:-300px;z-index:1001; text-align:center;}	*/
.layerPop .popBox {position:absolute;top:50px;left:50%;width:600px;margin-left:-300px;z-index:1001; text-align:center;}
.layerPop .popBox.bgA {background: url(../img/popup1.png) no-repeat;height:850px;}
.layerPop .popBox.bgB {background: url(../img/popup2.png) no-repeat;height:1170px;}
.layerPop .popBox.bgC {background: url(../img/popup3.png) no-repeat;height:1150px;}
.layerPop .popBox.bgD {background: url(../img/popup3.png) no-repeat;height:1150px;}
.layerPop .popBox.bgE {background: url(../img/popup4.png) no-repeat;height:1150px;}
.layerPop .popBox.bgF {background: url(../img/popup5.png) no-repeat;height:1150px;}
.layerPop .popBox.bgG {background: url(../img/popup6.png) no-repeat;height:1100px;}
/*.layerPop .popBox.bgH {background: url(../img/popup7.png) no-repeat;height:1150px;}*/
.layerPop .popBox1 {position:absolute;top:50px;left:50%;width:600px;margin-left:-300px;z-index:1001; text-align:center;}
.layerPop .popBox1.bgH {background: url(../img/popup7.png) no-repeat;height:1150px;}
.btnArea {position:absolute;width:100%;text-align:center;}
.btnArea1 {position:absolute;margin-top:34px;width:100%;text-align:center;}
.closeBtn {position:absolute;top:-49px;right:0;width:51px;height:48px;background: url(../img/btn_close.png) no-repeat;cursor:pointer;}

.eventbtnBox {width:100%; text-align:center;}
.eventbtnBox .eventbtn {display:inline-block;width:484px;height:136px;margin:0 0 0 5px;cursor:pointer;}
.eventbtnBox .btn01 {background:url(../img/eventbtn01.png); margin-top:355px;}
.eventbtnBox .btn01.on {background:url(../img/eventbtn01_on.png);}
.eventbtnBox .btn02 {background:url(../img/eventbtn02.png); margin-top:110px;}
.eventbtnBox .btn02.on {background:url(../img/eventbtn02_on.png);}

/********************** 배경화면 선택 **********************/
.backgroundBox {width:460px; margin:280px auto;}
.backgroundBox li{width:220px; height:380px; float:left;}
.backgroundBox li.background01{ background: url(../img/background01.png) no-repeat;}
.backgroundBox li.background01.on{ background: url(../img/background01_on.png) no-repeat;}
.backgroundBox li.background02{margin:0 0 0 20px; background: url(../img/background02.png) no-repeat;}
.backgroundBox li.background02.on{ background: url(../img/background02_on.png) no-repeat;}
.backgroundBox li.background03{margin:20px 0 0 0; background: url(../img/background03.png) no-repeat;}
.backgroundBox li.background03.on{ background: url(../img/background03_on.png) no-repeat;}
.backgroundBox li.background04{margin:20px 0 0 20px; background: url(../img/background04.png) no-repeat;}
.backgroundBox li.background04.on{ background: url(../img/background04_on.png) no-repeat;}
.backgroundBox li.background05{ background: url(../img/background05.png) no-repeat;}
.backgroundBox li.background05.on{ background: url(../img/background05_on.png) no-repeat;}
.backgroundBox li.background06{margin:0 0 0 20px; background: url(../img/background06.png) no-repeat;}
.backgroundBox li.background06.on{ background: url(../img/background06_on.png) no-repeat;}
.backgroundBox li.background07{margin:20px 0 0 0; background: url(../img/background07.png) no-repeat;}
.backgroundBox li.background07.on{ background: url(../img/background07_on.png) no-repeat;}
.backgroundBox li.background08{margin:20px 0 0 20px; background: url(../img/background08.png) no-repeat;}
.backgroundBox li.background08.on{ background: url(../img/background08_on.png) no-repeat;}

.background_txt {position:relative; width:460px; margin:280px auto;}
.background_img{width:478px; height:748px; margin:0 auto; border:#bcbcbc 1px solid;}
.background_img img{width:100%; height:100%;}
.background_input{position:absolute; top:796px; left:150px; font-weight:bold; font-size:16px; line-height:35px; text-align:left;}
.background_input textarea {background-color:transparent; filter: chroma(color=ffffff); border:0; font-weight:bold; font-size:16px; line-height:35px;}

.popBox .btnArea {bottom:25px;}

#photo .sns_page{clear:both;position:relative;float:left;height:25px;width:100%;text-align:center;margin:20px auto;padding:14px 0 10px 0;vertical-align:middle; background:#e5e5e5; border-radius:7px; font-size:20px;​}
#photo .sns_page span.sns_n{padding-top:5px;width:20px;display:inline-block;}

.loading {display:none;background:#000000;opacity:0.80;filter:alpha(opacity = 80);z-index:2000;position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;}
.loading.on {display:block;}
.loading img {margin-top:450px}