@charset "utf-8";

@import url(common.css);

.bg_black{position:relative;width:100%;height:100%;background:url(../image/bg_black.png) repeat;z-index:1;}

#popup_wrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
#popup_wrap .popup{position:absolute;top:100px;left:50%;width:640px;margin-left:-320px;padding:70px 0 50px 0;background:url(../image/bg_popup.gif) no-repeat #fff;z-index:100;}
#popup_wrap span.popup_close{position:absolute;top:5px;right:-70px;}
#popup_wrap ul.tit_area{overflow:hidden;margin:30px 0 20px 0;font-size:0;line-height:0;}
#popup_wrap ul.tit_area li{display:inline;margin-right:20px;}
#popup_wrap ul.btn_set li{display:block;padding-top:30px;text-align:center;}

/* STEP02,STEP03 공통 문구확인 */
#popup_wrap .check_word{position:relative;height:350px;overflow:hidden;}
#popup_wrap .check_word ul{width:600px;height:350px;text-align:center;}
#popup_wrap .check_word ul li{font-size:0;line-height:0;}
#popup_wrap .check_word ul li.line1{padding-top:115px;}
#popup_wrap .check_word ul li.line2{padding-top:8px;}
#popup_wrap .check_word ul li.line3{margin-top:25px;}
#popup_wrap .check_word ul.bg01{background:url(../image/bg_img01_1.jpg) no-repeat;}
#popup_wrap .check_word ul.bg02{background:url(../image/bg_img03_1.jpg) no-repeat;}
#popup_wrap .check_word ul.bg03{background:url(../image/bg_img05_1.jpg) no-repeat;}

#popup_wrap .cont_step01{display:none;position:relative;padding:0 20px;}
#popup_wrap .cont_step01 .selec_photo{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
#popup_wrap .cont_step01 .selec_photo .photo_box{overflow:hidden;position:relative;width:600px;height:350px;}
#popup_wrap .cont_step01 .selec_photo .photo_box ul.photo_list{overflow:hidden;width:2000em;}
#popup_wrap .cont_step01 .selec_photo .photo_box ul.photo_list li{display:inline-block;}
#popup_wrap .cont_step01 .selec_photo .photo_box ul.photo_list li span.on{position:absolute;top:0;left:0;background:url(../image/line_complete_photo.png) no-repeat;z-index:100;}
#popup_wrap .cont_step01 .selec_photo .photo_box span.prev{position:absolute;top:50%;left:0;margin-top:-30px;}
#popup_wrap .cont_step01 .selec_photo .photo_box span.next{position:absolute;top:50%;right:0;margin-top:-30px;}
#popup_wrap .cont_step01 .selec_photo .photo_box ul.ico_circle{position:absolute;top:20px;right:20px;}
#popup_wrap .cont_step01 .selec_photo .photo_box ul.ico_circle li{float:left;margin-left:5px;font-size:0;line-height:0;}
#popup_wrap .cont_step01 .selec_photo p.btn_selec{text-align:center;padding-top:20px;}
#popup_wrap .cont_step01 .selec_word .word_box{position:relative;padding-top:10px;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_list{margin-bottom:20px;text-align:center;clear:both;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_list li{display:inline-block;font-size:16px;font-weight:bold;background:url(../image/line_word.gif) no-repeat 0 50%;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_list li:first-child{background:none;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_list li a{padding:10px 20px;margin-left:5px;color:#333;text-decoration:none;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_list li a:hover{background-color:#805221;color:#fff;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_input{overflow:hidden;margin-top:30px;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_input li{float:left;width:190px;margin-left:15px;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_input li:first-child{margin-left:0;}
#popup_wrap .cont_step01 .selec_word .word_box ul.word_input li input{width:188px;height:48px;border:1px solid #e5e5e5;background-color:#f9f9f9;text-align:center;font-size:16px;font-weight:bold;color:#888;}
#popup_wrap .cont_step02{display:none;position:relative;padding:0 20px;}
#popup_wrap .cont_step03{display:none;position:relative;padding:0 20px;}
#popup_wrap .cont_step03 ul.btn_sns{overflow:hidden;margin-top:20px;}
#popup_wrap .cont_step03 ul.btn_sns li{float:left;margin-left:15px;}
#popup_wrap .cont_step03 ul.btn_sns li:first-child{margin-left:0;}
#popup_wrap .cont_step04{display:none;position:relative;padding-top:40px;}
#popup_wrap .cont_step04 p.img_gift{margin-bottom:30px;text-align:center;}
#popup_wrap .cont_step04 .comp_box{padding:65px 0 42px 0;margin-bottom:10px;background:url(../image/bg_evt_complate.gif) no-repeat top center #fff2d9;text-align:center;}
#popup_wrap .cont_step04 .comp_box ul.join_comp{padding-bottom:25px;font-size:0;line-height:0;}
#popup_wrap .cont_step04 .comp_box ul.join_comp li{margin-bottom:15px;}
#popup_wrap .cont_step04 .comp_box ul.winner_chk li{margin-bottom:8px;}

/* 갤러리상세보기팝업 */
#popup_wrap .gallery_detail{display:none;position:relative;padding:20px 20px 0 20px;}
#popup_wrap .gallery_detail span.prev{position:absolute;bottom:0;left:0;}
#popup_wrap .gallery_detail span.next{position:absolute;bottom:0;right:0;}