@charset "utf-8";
body,html{height:100%;}
.btnblank{ background:url("../images/blank.png"); text-indent:-9999px; overflow:hidden; display:block; z-index:2;}
.sub{ background:#ffffff;}
.gallery{ background:#f2f2f2;}
.wrap{ position:relative;}
.wrap h1{ text-align:center;}
.wrap h1 img{height:33px;}
.wrap .gnbArea{ position:absolute; left:0; top:0; width:100%;z-index:20;}
.wrap .gnbArea .btnAllmenuClose{ position:absolute; right:0; top:0; display:block; background:url("../images/btn_menuOpen.png") no-repeat; width:48px;height:33px; -webkit-background-size:auto 33px; background-size:auto 33px; overflow:hidden; text-indent:-9999px;}
.wrap .gnbArea .gnb{ position:absolute; left:0; top:33px;width:100%; display:none;}
.wrap .gnbArea .gnb li{height:33px; background:url("../images/subMenu_off_bg.png") repeat-x; -webkit-background-size:auto 33px; background-size:auto 33px; margin-bottom:0px;}
.wrap .gnbArea .gnb li.on{background:url("../images/subMenu_on_bg.png") repeat-x; -webkit-background-size:auto 33px; background-size:auto 33px;}
.wrap .gnbArea .gnb li a{ display:block;background:url("../images/subMenu_off.png") no-repeat center top; height:33px; -webkit-background-size:320px auto; background-size:320px auto; overflow:hidden; text-indent:-9999px; text-align:left; overflow:hidden;}
.wrap .gnbArea .gnb li.on a{ display:block;background:url("../images/subMenu_on.png") no-repeat center top; height:33px; -webkit-background-size:320px auto; background-size:320px auto;}
.wrap .gnbArea .gnb li.menu1 a{ background-position:center 0;}
.wrap .gnbArea .gnb li.menu2 a{ background-position:center -34px;}
.wrap .gnbArea .gnb li.menu3 a{ background-position:center -68px;}
.wrap .gnbArea .gnb li.menu4 a{ background-position:center -104px;}
.eventTab{ overflow:hidden;}
.eventTab li{width:50%; background:url("../images/gnb_off_bg.png") repeat-x; -webkit-background-size:auto 33px; background-size:auto 33px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;}
.eventTab li:first-child{ padding-right:1px;}
.eventTab li.on{background:url("../images/gnb_on_bg.png") repeat-x;}
.eventTab li.off{background:url("../images/gnb_off_bg.png") repeat-x;}
.eventTab li img{ height:33px;}
.event1 img{ width:100%;}
.event1 .make{position: absolute;left: 24%;top: 23.1%;width: 52%;height: 3.6%;}
.event1 .winnerChk{position: absolute;left: 24%;top: 27.3%;width: 52%;height: 3.6%;}
.topTitle{ position:relative;}
.topTitle img{ width:100%;}
.topTitle .best{position: absolute;left: 40%;top: 7%;width: 20%;height: 20%;}

.footer{padding:10px 0; text-align:center;}
.footer .snsArea{ overflow:hidden; font-size:0;}
.footer .snsArea li{ display:inline-block;margin:0 8px;}
.footer .snsArea li img{ height:21px;}
.footer > img{ height:8px; margin-top:5px;}

.wrap.main .contentArea{padding-top:52px; }
.wrap .contentArea h1{ position:absolute; left:15px; top:11px;}
.wrap .contentArea .topSnsArea{ position:absolute; right:29px; top:0; background:url("../images/sns_bg.png") no-repeat; width:161px; height:40px;padding-top:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; font-size:0;}
.wrap .contentArea .topSnsArea li{ display:inline-block;margin:0 2px;}
.wrap .contentArea .mainTop{ text-align:center; position:relative;}
.wrap .contentArea .mainTop .winner{position: absolute;width: 80px;height: 21px;left: 910px;top: 190px;}
.wrap .contentArea .mainTop .make{position: absolute;width: 184px;height: 42px;left: 450px;top: 226px;}
.wrap .contentArea .mainTop .vote{position: absolute;width: 184px;height: 42px;left: 651px;top: 226px;}

.calendarWrap{ height:631px; position:relative;}
.calendarArea{ height:631px; position:relative;min-width:1280px;}
.calendarArea ul{ overflow:hidden;}
.calendarArea ul li{ position:absolute; height:631px; width:100%; overflow:hidden; text-indent:-99999px; display:none;}
.calendarArea ul li.bg1{ background:url("../images/cal1.png") no-repeat center top;}
.calendarArea ul li.bg2{ background:url("../images/cal2.png") no-repeat center top;}
.calendarArea ul li.bg3{ background:url("../images/cal3.png") no-repeat center top;}
.calendarArea ul li.bg4{ background:url("../images/cal4.png") no-repeat center top;}
.calendarArea ul li.bg5{ background:url("../images/cal5.png") no-repeat center top;}
.calendarArea ul li.bg6{ background:url("../images/cal6.png") no-repeat center top;}
.calendarWrap .bgObj{ position:absolute; left:50%;top:185px;margin-left:-685px;z-index:10}
.calendarWrap .btn{position: absolute;left: 50%;top: 445px;margin-left: 276px;z-index: 10;}
.calendarWrap .btn a{ display:block; margin-bottom:5px;}
.productInfoWrap{ position:absolute; left:0;bottom:-375px; background:url("../images/product_info_bg.png") repeat-x; height:338px;width:100%;z-index:20; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:4px;}
.productInfoWrap .btnClose{ position:absolute; left:50%;top:-35px;margin-left:42px;}
.productInfoWrap .productInfoArea{ width:1280px;margin:0 auto;}

.step{ display:none; background:#f2efec;min-width:320px; position:relative;}
.step .stepTxt{ text-align:center;}
.step .stepTxt img{ width:320px;}
.step .title{ height:227px; text-align:center; color:#c65911;}
.step .calSelect{ text-align:center; font-size:0;}
.step .calSelect li{ display:inline-block;width:33.3333333%;height:136px;}
.step .calSelect li img{ height:103px; margin-bottom:5px;}
.step .calSelectTab{ position:absolute; left:948px; top:305px; width:102px;}
.step .calSelectTab li{height:37px; margin-bottom:2px;}
.step .calSelectTab li a{ display:block; text-indent:-9999px;height:100%; background:url("../images/month_tab.png") no-repeat; overflow:hidden;}
.step .calSelectTab li.tab1 a{ background-position:0 0;}
.step .calSelectTab li.tab1 a:hover,
.step .calSelectTab li.tab1 a:focus,
.step .calSelectTab li.tab1.on a{ background-position:right 0;}
.step .calSelectTab li.tab2 a{ background-position:0 -39px;}
.step .calSelectTab li.tab2 a:hover,
.step .calSelectTab li.tab2 a:focus,
.step .calSelectTab li.tab2.on a{ background-position:right -39px;;}
.step .calSelectTab li.tab3 a{ background-position:0 -78px;}
.step .calSelectTab li.tab3 a:hover,
.step .calSelectTab li.tab3 a:focus,
.step .calSelectTab li.tab3.on a{ background-position:right -78px;;}
.step .calSelectTab li.tab4 a{ background-position:0 -117px;}
.step .calSelectTab li.tab4 a:hover,
.step .calSelectTab li.tab4 a:focus,
.step .calSelectTab li.tab4.on a{ background-position:right -117px;}
.step .calSelectTab li.tab5 a{ background-position:0 -156px;}
.step .calSelectTab li.tab5 a:hover,
.step .calSelectTab li.tab5 a:focus,
.step .calSelectTab li.tab5.on a{ background-position:right -156px;;}
.step .calSelectTab li.tab6 a{ background-position:0 -195px;}
.step .calSelectTab li.tab6 a:hover,
.step .calSelectTab li.tab6 a:focus,
.step .calSelectTab li.tab6.on a{ background-position:right -195px;}
.step1{ display:block;}
.step1 .btnCenter{ text-align:center; padding-bottom:30px;}
.step1 .btnCenter img{height:35px;}
.step2 .stepTxt{ text-align:center; color:#c65911; position:relative;}
.step2 .stepTxt img{ width:320px;}
.step2 .stepTxt .monthArea{ font-size:17px; font-weight:bold; text-align:center; display:block; margin-bottom:8px; position:absolute; left:0; top:50px;width:100%;}
.step2 .stepTxt .monthArea img{ width:auto;height:17px;}
.stepSwf{ height:506px;}
.stepSwf .btnCenter{ text-align:center; margin-top:310px;}
.stepSwf .btnCenter img{height:35px;}
.step .swfArea{ position:absolute; left:50%; top:150px; width:320px; margin-left:-160px;}
.step .swfArea img{ width:320px;}
.step2Con{ display:none; text-align:center;}
.step3Con{ display:none; text-align:center;}
.step2 .step2Con{ display:block;}
.step2 .step2Con .next{ position:absolute; left:50%;top:847px; width:232px; height:50px; margin-left:-116px;}
.step3 .contentArea.cal1{ background:url("../images/step03_01.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.step3 .contentArea.cal2{ background:url("../images/step03_02.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.step3 .contentArea.cal3{ background:url("../images/step03_03.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.step3 .contentArea.cal4{ background:url("../images/step03_04.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.step3 .contentArea.cal5{ background:url("../images/step03_05.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.step3 .contentArea.cal6{ background:url("../images/step03_06.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}

.step3 .endimg{position:absolute; left:0;top:157px; width:100%; text-align:center;}
.step3 .endimg img{border:1px solid #cacaca; width:285px; height:195px;}
.step3 .btnCenter { text-align:center; padding:433px 0 40px 0;}
.step3 .btnCenter img{height:35px;}

.galleryList{ background:#f2efec; padding-bottom:30px;}
.galleryList ul{ overflow:hidden; font-size:0; text-align:center;padding:0 15px; margin-left:-3px;}
.galleryList li{padding:0 0 3px 3px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:33.333333333%; float:left;}
.galleryList li img{ width:100%;}




.footer{padding:14px 0; text-align:center;}
.dim_bg{ position:fixed; width:100%; height:100%; background:url("../images/dim_bg.png"); z-index:30; display:none; left:0; top:0;}
.dim_bg.type2{background:#f2efec;}
.popupWrap{ display:none; position:absolute; left:0; top:0;z-index:31; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popup_winner{ left:50%; margin-left:-640px;}
.popup_winner .btnClose{ position:absolute; width:59px; height:59px; right:19px;top:34px;z-index:1}
.popup_input{border:1px solid #b68466; width:310px; left:50%;margin-left:-155px; background:#f2efec;top:130px;}
.popup_input .btnClose{ display:block; position:absolute; right:0; top:0;}
.popup_input .btnClose img{ width:37px;}
.popup_input .popupContent{ padding:31px 11px 11px 11px; text-align:center; position:relative;}
.popup_input .popupContent .title{ padding-bottom:20px; text-align:center;}
.popup_input .popupContent .title img{ width:255px;}
.popup_input .popupContent .inputArea{ text-align:left;}
.popup_input .popupContent .inputArea ul{ overflow:hidden; position:relative; padding-left:47px; margin-bottom:10px;}
.popup_input .popupContent .inputArea ul li.tit{ position:absolute; left:0; top:5px;}
.popup_input .popupContent .inputArea ul li.tit img{ width:42px;}
.popup_input .popupContent .inputArea ul li input{border:1px solid #caa89a; background:#f2efec;height:23px; line-height:23px;}
.popup_input .popupContent .inputArea ul.tel li input{ margin-left:7px;}
.popup_input .popupContent .inputArea ul.tel li input:first-child{ margin-left:0px;}
.popup_input .popupContent .inputArea ul li .btnZip{ display:inline-block; margin-left:10px;vertical-align:top}
.popup_input .popupContent .inputArea ul li .btnZip img{ display:inline-block; margin-left:0px;vertical-align:top; height:23px;}
.popup_input .agreeArea { padding-top:5px;}
.popup_input .agreeArea .con img{ width:290px;}
.popup_input .agreeChk { overflow:hidden;margin:5px 0 12px 0; text-align:right;}
.popup_input .agreeChk li{ display:inline-block; margin-left:25px;}
.popup_input .agreeChk li img{ margin-right:5px;height:9px}
.popup_input .btnCenter{ text-align:center; padding-top:5px;}
.popup_input .btnCenter img{ height:35px;}
.popup_input_end{left:50%;margin-left:-140px;top:130px;width:280px;}
.popup_input_end img{ width:280px;}
.popup_input_end .btnClose{ display:block; position:absolute; right:0; top:0; width:40px; height:40px;}
.popup_input_end .sns01{ position:absolute; width:57px; height:57px; left:13px; top:142px;}
.popup_input_end .sns02{ position:absolute; width:57px; height:57px; left:78px; top:142px;}
.popup_input_end .sns03{ position:absolute; width:57px; height:57px; left:144px; top:142px;}
.popup_input_end .sns04{ position:absolute; width:57px; height:57px; left:207px; top:142px;}
.popup_pre{border:3px solid #b68466; width:310px; left:50%;margin-left:-155px; background:#f3f3f3;top:130px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popup_pre .popupContent{ padding:20px 12px;position:relative; overflow:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;height:325px; line-height:14px; font-size:11px; color:#8c807b;}
.popup_pre .popupContent strong{ display:block; font-weight:bold; color:#ab8575; margin-bottom:10px;}
.popup_pre .btnCenter{ text-align:center; padding:10px 0;}
.popup_pre .btnCenter img{ height:35px;}
.popupWrap.best{ width:320px; left:50%; top:0; margin-left:-160px; padding-top:75px;}
.popupWrap.best .btnArea{ text-align:center; margin-bottom:10px;}
.popupWrap.best .btnArea img{ width:30px;}
.popupWrap.best .title{ text-align:center; margin-bottom:13px;}
.popupWrap.best .title img{ height:33px;}
.popupWrap.best .type{margin:15px 0  5px 36px; width:302px;}
.popupWrap.best .type img{ height:13px;}
.popupWrap.best ul{padding:0 0 15px 26px;border-bottom:1px solid #e5e0da; width:302px;margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popupWrap.best ul:last-child{ border-bottom:0;}
.popupWrap.best ul li{ margin-bottom:5px; position:relative; padding-left:140px; height:130px; color:#c66125; font-size:11px;}
.popupWrap.best ul li a{ position:absolute; left:0; top:0; font-size:11px;}
.popupWrap.best ul li a > img{ width:129px;border:1px solid #ccbbab;}
.popupWrap.best ul li a .best{ position:absolute; right:-19px; top:0px;}
.popupWrap.best ul li a .best img{ width:26px;}
.popupWrap.best ul li .hart{ color:#353535; background:url("../images/hart_icon.png") no-repeat left 0px; padding-left:16px; display:inline-block; -webkit-background-size:11px auto; background-size:11px auto; margin:55px 0 5px 0;}
.bestView{ background:#fff url("../images/gallery_bg.png") repeat-x; -webkit-background-size:5px auto; background-size:5px auto;}
.bestView .bestViewList{position:relative; overflow:hidden;height:412px !important; text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:157px 0 0 0px; line-height:18px; color:#6c3c20; font-size:11px;}
.bestView .bestViewList .img{ display:block;}
.bestView .bestViewList .img img{border:1px solid #d2d2d2; width:233px;}
.bestView .bestViewList .txt{ display:inline-block; margin-top:28px;;}
.bestView .bestViewList .txt img{height:12px; margin-top:2px;}
.bestView .bestViewList .hart{ color:#6c3c20; background:url("../images/hart_icon.png") no-repeat left 3px; padding-left:16px; display:inline-block; -webkit-background-size:11px auto; background-size:11px auto;}
.bestView .bestViewList.cal1{ background:url("../images/gallery_bg_01.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .bestViewList.cal2{ background:url("../images/gallery_bg_02.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .bestViewList.cal3{ background:url("../images/gallery_bg_03.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .bestViewList.cal4{ background:url("../images/gallery_bg_04.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .bestViewList.cal5{ background:url("../images/gallery_bg_05.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .bestViewList.cal6{ background:url("../images/gallery_bg_06.png") no-repeat center top; -webkit-background-size:320px auto; background-size:320px auto;}
.bestView .btn_prev{ display:block; position:absolute; left:0px; top:208px;;}
.bestView .btn_prev img{ width:30px;}
.bestView .btn_next{ display:block; position:absolute; right:0px; top:208px;;}
.bestView .btn_next img{ width:30px;}
.bestView .btnArea{ text-align:center; padding-bottom:60px;}
.bestView .btnArea a{margin:0 5px;}
.bestView .btnArea img{ height:35px;}

#view_img .img {width:285px;position:absolute;clip: rect(11px,285px,205px,0px);z-index:1;left:50%;margin-left:-142px;margin-top:-11px;}


.popup_winnerChk{left:50%;margin:0 0 0 -160px;top:66px;}
.popup_winnerChk > img{ width:320px;}
.popup_winnerChk .btnClose{ display:block; position:absolute; right:140px; top:12px; width:40px; height:40px;}
.popup_winnerChk ul{ position:absolute; left:0;top:212px; width:100%; text-align:center;}
.popup_winnerChk ul li input{ width:190px; margin-right:5px; height:28px; line-height:26px; text-align:center; font-size:12px;}
.popup_winnerChk ul li input::-webkit-input-placeholder { color:#000; }
.popup_winnerChk ul li input::-moz-placeholder { color:#000; } /* firefox 19+ */
.popup_winnerChk ul li input:-ms-input-placeholder { color:#000; } /* ie */
.popup_winnerChk ul li input::-moz-placeholder { color:#000; }
.popup_winnerChk ul li img{height:28px;}

.popup_winnerResult1{left:50%;margin:0 0 0 -110px;top:100px;}
.popup_winnerResult1 > img{ width:220px;}
.popup_winnerResult1 .btnClose{display: block;position: absolute;left: 66px;bottom: 6px;width: 89px;height: 33px;}

.popup_winnerResult2{left:50%;margin:0 0 0 -110px;top:100px;}
.popup_winnerResult2 > img{ width:220px;}
.popup_winnerResult2 .btnClose{display: block;position: absolute;left: 66px;bottom: 6px;width: 89px;height: 33px;}


.popup_winnerResult_no{left:50%;margin:0 0 0 -110px;top:100px; display:none;}
.popup_winnerResult_no > img{ width:220px;}
.popup_winnerResult_no .btnClose{display: block;position: absolute;left: 66px;bottom: 6px;width: 89px;height: 33px;}