body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url('../images/prize/d_pic01.png') url('../images/prize/d_pic01_txt.png') url('../images/prize/d_pic02.png') url('../images/prize/d_pic02_txt.png') url('../images/prize/d_pic03.png') url('../images/prize/d_pic03_txt.png') url('../images/prize/d_pic04.png') url('../images/prize/d_pic04_txt.png') url('../images/prize/d_pic05.png') url('../images/prize/d_pic05_txt.png') url('../images/prize/d_pic06.png') url('../images/prize/d_pic06_txt.png') url('../images/prize/d_pic07.png') url('../images/prize/d_pic07_txt.png') url('../images/prize/d_pic08.png') url('../images/prize/d_pic08_txt.png') url('../images/prize/d_pic09.png') url('../images/prize/d_pic09_txt.png') url('../images/prize/d_pic10.png') url('../images/prize/d_pic10_txt.png') url('../images/prize/d_pic11.png') url('../images/prize/d_pic11_txt.png') ; } .htmlWrapper {width:100%;max-width:1920px;margin:0 auto;padding-bottom:110px;position:relative;} .htmlWrapper section {background-position:center;min-width:1840px;overflow:hidden;} /* 상단 */ .htmlWrapper section.top_wrapper {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:50px;box-sizing:border-box;z-index:1;background:#FFFFFF;} .htmlWrapper section.top_wrapper > .hx_top{position:relative;background-image:url('../images/top_hx.png');width:609px;height:32px;margin:0 auto;} .htmlWrapper section.top_wrapper > .hx_top .link_daum {position:absolute;width:70px;height:100%} .htmlWrapper section.top_wrapper > .hx_top .link_comp {position:absolute;width:205px;height:100%;left:96px;} .htmlWrapper section.top_wrapper > .hx_top > div > a{display:block;width:100%;height:100%;} .htmlWrapper section.top_wrapper > .menus{position:absolute;right:0;display:flex;} .htmlWrapper section.top_wrapper > .menus .login{margin-right:20px;} /* Visual */ .htmlWrapper section.visual_wrapper {position:relative;width:100%;height:860px;background-image:url('../images/visual/bg_visual.png');overflow:hidden;background-repeat:no-repeat;background-position:center;} .htmlWrapper section.visual_wrapper .contents_wrap{position:absolute;width:100%;left:0;z-index:1;bottom:0;} .htmlWrapper section.visual_wrapper .contents_wrap .contents{position:relative;width:1150px;margin:0 auto;} .htmlWrapper section.visual_wrapper .contents_wrap .contents .scroll{position:absolute;background-image:url('../images/visual/scroll.png');width:151px;height:151px;right:-245px;top:75px;animation:1s scroll_down infinite linear forwards;} .htmlWrapper section.visual_wrapper .contents_wrap .contents .photo_wrapper{position:relative;display:flex;justify-content:center;align-items:end;} .htmlWrapper section.visual_wrapper .contents_wrap .contents .photo_wrapper .photo01{background-image:url('../images/visual/people01.png');width:533px;height:366px;} .htmlWrapper section.visual_wrapper .contents_wrap .contents .photo_wrapper .photo01.on{background-image:url('../images/visual/people01on.png');} .htmlWrapper section.visual_wrapper .contents_wrap .contents .photo_wrapper .photo02{background-image:url('../images/visual/people02.png');width:627px;height:357px;} .htmlWrapper section.visual_wrapper .contents_wrap .contents .photo_wrapper .photo02.on{background-image:url('../images/visual/people02on.png');} /* 이벤트 01 */ section.event01 {position:relative;width:100%;height:2880px;background-image:url('../images/event01/bg_event01.png');background-position:center;} section.event01 .bi{position:absolute;top:80px;left:125px;width:193px;height:191px;background-image:url('../images/logo_b.png');} section.event01 .bi::before{position:relative;display:block;width:121px;height:125px;content:'';background-image:url('../images/logo_txt.png');top:30px;left:35px;animation:10s logo_rotate infinite linear forwards;} section.event01 .contents_wrapper {display:block;position:absolute;left:0;top:193px;width:100%;display:flex;flex-direction:column;align-items:center;} section.event01 .contents_wrapper .title{position:relative;width:982px;height:607px;background-image:url('../images/event01/title.png');} section.event01 .contents_wrapper .present_wrapper {position:relative;width:1488px;margin:40px auto 100px auto;display:flex;flex-direction:column;align-items:center;top:-65px;} section.event01 .contents_wrapper .present_wrapper .txt{background-image:url('../images/event01/schedule.png');width:1488px;height:437px;} section.event01 .contents_wrapper .present_wrapper .present{position:relative;background-image:url('../images/event01/present.png?v=1');width:841px;height:492px;top:-30px;} section.event01 .contents_wrapper .event_wrapper {position:relative;background-image:url('../images/event01/event_cover.png');width:1430px;height:954px;top:-205px;padding:290px 0 0 0;} section.event01 .contents_wrapper .event_wrapper .title_wrap{position:absolute;width:100%;left:0;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .title_wrap .q_title{position:relative;background-image:url('../images/event01/q_title.png');width:681px;height:239px;top:-205px;} section.event01 .contents_wrapper .event_wrapper .step01{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin-top:40px;} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap{position:relative;width:825px;display:flex;justify-content:space-between;margin-top:50px;} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem{position:relative;width:220px;height:220px;cursor:pointer;} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q01{background-image:url('../images/event01/item01.png');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q02{background-image:url('../images/event01/item02.png');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q03{background-image:url('../images/event01/item03.png');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q01.on{background-image:url('../images/event01/item01on.png?v=1');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q02.on{background-image:url('../images/event01/item02on.png');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.q03.on{background-image:url('../images/event01/item03on.png');} section.event01 .contents_wrapper .event_wrapper .step01 .q_wrap .qitem.on:before{position:absolute;width:95px;height:98px;left:-60px;content:'';background-image:url('../images/event01/chk.png');} section.event01 .contents_wrapper .event_wrapper .step01 .btns_wrap{position:absolute;left:0;bottom:130px;width:100%;} section.event01 .contents_wrapper .event_wrapper .step01 .btns_wrap .btn_start{position:relative;width:330px;height:80px;background-image:url('../images/event01/btn_start.png');margin:0 auto;cursor:pointer;} section.event01 .contents_wrapper .event_wrapper .step01 .btns_wrap .btn_start .hand{right:-20px;bottom:-40px;display:none;} section.event01 .contents_wrapper .event_wrapper .step01 .btns_wrap .btn_start.on{background-image:url('../images/event01/btn_start_on.png');} section.event01 .contents_wrapper .event_wrapper .step01 .btns_wrap .btn_start.on .hand{display:block;} section.event01 .contents_wrapper .event_wrapper .step02{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin-top:60px;} section.event01 .contents_wrapper .event_wrapper .quiz_num{position:relative;display:flex;width:1035px;justify-content:space-between;} section.event01 .contents_wrapper .event_wrapper .quiz_num > div{width:221px;height:86px;} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos01{background-image:url('../images/event01/quiz01.png');} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos02{background-image:url('../images/event01/quiz02.png');} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos03{background-image:url('../images/event01/quiz03.png');} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos01.on{background-image:url('../images/event01/quiz01on.png');} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos02.on{background-image:url('../images/event01/quiz02on.png');} section.event01 .contents_wrapper .event_wrapper .quiz_num .pos03.on{background-image:url('../images/event01/quiz03on.png');} section.event01 .contents_wrapper .event_wrapper .quiz{margin-top:50px;font-size:56px;font-weight:800;font-family:'Pretendard',sans-serif;text-align:center;} section.event01 .contents_wrapper .event_wrapper .step02 .btns_wrap{position:absolute;left:0;bottom:150px;width:100%;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step02 .btns_wrap .btn_o{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_o.png');cursor:pointer;margin-right:200px;} section.event01 .contents_wrapper .event_wrapper .step02 .btns_wrap .btn_x{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_x.png');cursor:pointer;} section.event01 .contents_wrapper .event_wrapper .step02 .btns_wrap .btn_next{position:absolute;width:134px;height:117px;background-image:url('../images/event01/btn_next.png');cursor:pointer;right:135px;top:65px;} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_o.on::before{position:absolute;content:'';background-image:url('../images/event01/chk01.png');width:124px;height:94px;left:50px;top:-20px;} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_x.on::before{position:absolute;content:'';background-image:url('../images/event01/chk02.png');width:124px;height:94px;left:50px;top:-20px;} section.event01 .contents_wrapper .event_wrapper .step03{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin-top:60px;} section.event01 .contents_wrapper .event_wrapper .step03 .btns_wrap{position:absolute;left:0;bottom:150px;width:100%;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step03 .btns_wrap .btn_o{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_o.png');cursor:pointer;margin-right:200px;} section.event01 .contents_wrapper .event_wrapper .step03 .btns_wrap .btn_x{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_x.png');cursor:pointer;} section.event01 .contents_wrapper .event_wrapper .step03 .btns_wrap .btn_next{position:absolute;width:134px;height:117px;background-image:url('../images/event01/btn_next.png');cursor:pointer;right:135px;top:65px;} section.event01 .contents_wrapper .event_wrapper .step04{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin-top:60px;} section.event01 .contents_wrapper .event_wrapper .step04 .btns_wrap{position:absolute;left:0;bottom:150px;width:100%;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step04 .btns_wrap .btn_o{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_o.png');cursor:pointer;margin-right:200px;} section.event01 .contents_wrapper .event_wrapper .step04 .btns_wrap .btn_x{position:relative;width:186px;height:181px;background-image:url('../images/event01/btn_x.png');cursor:pointer;} section.event01 .contents_wrapper .event_wrapper .step04 .btns_wrap .btn_confirm{position:absolute;width:171px;height:131px;background-image:url('../images/event01/btn_answer.png');cursor:pointer;right:135px;top:65px;} section.event01 .contents_wrapper .event_wrapper .step05{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;margin-top:60px;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_result{position:relative;display:flex;width:1035px;justify-content:center;align-items:center;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_result .sel{position:relative;width:220px;height:73px;background-image:url('../images/event01/txt_keyword.png');margin-right:45px;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_result .keyword{font-size:46px;color:#252525;font-weight:900;font-family:'Pretendard',sans-serif;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box{display:flex;flex-direction:column;justify-content:center;width:1197px;height:360px;background-image:url('../images/event01/bg_memo.png');margin-top:20px;border-radius:10px;font-size:20px;font-weight:500;font-family:'Pretendard',sans-serif;color:#252525;line-height:1.4;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul{display:flex;flex-direction:column;margin-top:65px;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul li{display:flex;align-items:center;height:85px;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul li:nth-child(3){height:110px;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul li .q{display:flex;text-align:center;width:380px;letter-spacing:-1px;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul li .answer{display:flex;text-align:center;width:170px;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step05 .quiz_box ul li .exp{display:flex;text-align:center;width:645px;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step05 .btns_wrap{position:absolute;left:0;bottom:110px;width:100%;display:flex;justify-content:center;} section.event01 .contents_wrapper .event_wrapper .step05 .btns_wrap .btn_join{position:relative;width:330px;height:80px;background-image:url('../images/event01/btn_join.png');cursor:pointer;margin-right:45px;} section.event01 .contents_wrapper .event_wrapper .step05 .btns_wrap .btn_join .hand{right:-40px;bottom:-40px;} section.event01 .contents_wrapper .event_wrapper .step05 .btns_wrap .btn_retry{width:330px;height:80px;background-image:url('../images/event01/btn_reply.png');cursor:pointer;} section.event01 .join_info_wrapper {position:absolute;left:0;width:100%;color:#ffffff;font-weight:400;bottom:150px;} section.event01 .join_info_wrapper > .join_info {position:relative;width:843px;height:93px;line-height:93px;margin:0 auto;border-radius:20px;font-size:30px;box-sizing:border-box;background-image:url('../images/event01/bg_info.png');} section.event01 .join_info_wrapper > .join_info > div{display:inline} section.event01 .join_info_wrapper > .join_info span{} section.event01 .join_info_wrapper > .join_info span.num{font-weight:700;font-size:42px;color:#caff33} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_next .hand{display:none;right:-40px;bottom:-40px;} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_next.on .hand{display:block} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_confirm .hand{display:none;right:-40px;bottom:-40px;} section.event01 .contents_wrapper .event_wrapper .btns_wrap .btn_confirm.on .hand{display:block} /* 이벤트 01 */ .mo_only {display:none !important;letter-spacing:-0.5px} .ms {font-size:17px;} /* 이벤트 02 */ section.event02 {position:relative;width:100%;height:3060px;background-image:url('../images/event02/bg_event02.png');background-position:center;} section.event02 .bi{position:absolute;top:170px;left:125px;width:193px;height:191px;background-image:url('../images/logo_b.png');} section.event02 .bi::before{position:relative;display:block;width:121px;height:125px;content:'';background-image:url('../images/logo_txt.png');top:30px;left:35px;animation:10s logo_rotate infinite linear forwards;} section.event02 .contents_wrapper {display:block;position:absolute;left:0;top:215px;width:100%;display:flex;flex-direction:column;align-items:center;} section.event02 .contents_wrapper .title{position:relative;width:761px;height:564px;background-image:url('../images/event02/title.png');} section.event02 .contents_wrapper .present_wrapper {position:relative;width:1527px;margin:40px auto 25px auto;display:flex;flex-direction:column;align-items:center;margin-top:75px;} section.event02 .contents_wrapper .present_wrapper .txt{background-image:url('../images/event02/schedule.png');width:1527px;height:389px;} section.event02 .contents_wrapper .present_wrapper .present{position:relative;background-image:url('../images/event02/present.png?v=1');width:836px;height:446px;} section.event02 .contents_wrapper .event_wrapper{position:relative;background-image:url('../images/event02/event_cover.png');width:1406px;height:993px;margin:0 auto;display:flex;} section.event02 .contents_wrapper .event_wrapper .title_warp{position:absolute;left:0;top:120px;width:100%;display:flex;justify-content:center;z-index:3;} section.event02 .contents_wrapper .event_wrapper .title_warp .ttl{position:relative;background-image:url('../images/event02/q_title.png');width:475px;height:218px;z-index:3;} section.event02 .contents_wrapper .event_wrapper .left_part{width:680px;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper{position:absolute;bottom:0;width:680px;height:664px;left:88px;bottom:93px;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap{position:relative;width:100%;height:100%;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem{position:relative;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem > div{position:absolute;cursor:pointer;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem .hand{animation:1.5s guide_line infinite linear forwards;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem .d01{width:153px;height:153px;top:86px;left:95px;background-image:url('../images/event02/num01.png');} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem .d02{width:153px;height:153px;top:97px;left:440px;background-image:url('../images/event02/num02.png');} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem .d03{width:153px;height:153px;top:264px;left:40px;background-image:url('../images/event02/num03.png');} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem .d04{width:153px;height:153px;top:262px;left:465px;background-image:url('../images/event02/num04.png');} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem > div.end::after{position:absolute;content:'';width:172px;height:155px;top:-70px;right:-70px;background-image:url('../images/event02/stamp.png');} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem > .d02.end::after{top:-20px;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem > .d03.end::after{top:50px;right:-20px;} section.event02 .contents_wrapper .event_wrapper .left_part .ditem_wrapper .ditem_wrap .ditem > .d04.end::after{top:20px;right:-20px;} section.event02 .contents_wrapper .event_wrapper .right_part{width:504px;height:578px;} section.event02 .contents_wrapper .event_wrapper .right_part .table{position:absolute;top:300px;right:105px;width:504px;height:578px;background-image:url('../images/event02/table.png');} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper {position:absolute;left:0;top:135px;z-index:2;width:100%;height:857px;cursor:pointer;z-index:10;} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_bg{position:absolute;left:0;background-image:url('../images/event02/bg_pop.png');z-index:2;width:100%;height:857px;opacity:.7;} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont{position:relative;width:772px;height:560px;margin-top:60px;} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont.pop01{background-image:url('../images/event02/pop01.png?v=0.2');} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont.pop02{background-image:url('../images/event02/pop02.png?v=0.2');} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont.pop03{background-image:url('../images/event02/pop03.png?v=0.2');} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont.pop04{background-image:url('../images/event02/pop04.png?v=0.2');} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont .btns{position:absolute;width:100%;left:0;bottom:60px;} section.event02 .contents_wrapper .event_wrapper .evt2_pop_wrapper .pop_cont .cont .btns .btn{position:relative;width:210px;height:56px;margin:0 auto;background-image:url('../images/event02/btn_ok.png');cursor:pointer;} section.event02 .join_info_wrapper {position:absolute;left:0;width:100%;color:#252525;font-weight:400;bottom:250px;} section.event02 .join_info_wrapper > .join_info {position:relative;width:843px;height:93px;line-height:93px;margin:0 auto;border-radius:20px;font-size:30px;box-sizing:border-box;background-image:url('../images/event02/bg_info.png');} section.event02 .join_info_wrapper > .join_info > div{display:inline} section.event02 .join_info_wrapper > .join_info span{} section.event02 .join_info_wrapper > .join_info span.num{font-weight:700;font-size:42px;color:#fffad3} .pop_evt1_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:999;} .pop_evt1_wrapper .pop_content_wrapper{position:relative;width:1122px;height:720px;margin:0 auto;background:#FFFFFF;border-radius:30px;box-sizing:border-box;} .pop_evt1_wrapper .pop_content_wrapper .close{position:absolute;right:-70px;width:54px;height:54px;background-image:url('../images/event01/btn_close.png');background-size:100%;background-repeat:no-repeat;cursor:pointer;} .pop_evt1_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;} .pop_evt1_wrapper .pop_content_wrapper .div_content{position:relative;width:100%;height:100%;border-radius:18px;padding:35px 35px;box-sizing:border-box;} .pop_evt1_wrapper .pop_content_wrapper .div_content .title{display:flex;align-items:end;font-family:'TheJamsil3Regular',sans-serif;} .pop_evt1_wrapper .pop_content_wrapper .div_content .title .ttl{font-size:30px;} .pop_evt1_wrapper .pop_content_wrapper .div_content .title .area{font-size:20px;marign-left:8px;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont {display:flex;flex-wrap:wrap;margin-top:20px;overflow:auto;top:2%;height:620px;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap{margin-right:20px;margin-bottom:27px;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap:nth-child(5n + 5){margin-right:0;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap .photo{width:190px;height:125px;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap .photo img{width:100%;height:100%;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap .name{font-size:18px;padding:5px 0 0 0;} .pop_evt1_wrapper .pop_content_wrapper .div_content .cont .photo_wrap .memo{font-size:16px;padding:5px 0 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:190px;} .pop_evt1_wrapper .pop_content_wrapper .btns {position:absolute;width:100%;bottom:-150px;} .pop_evt1_wrapper .pop_content_wrapper .btns .btn{position:relative;width:100%;height:100%;background-image:url('../images/btn_evt1_join.png');width:409px;height:111px;margin:0 auto;} .pop_evt1_wrapper .pop_content_wrapper .btns .btn a{display:block;width:100%;height:100%;} /* 이벤트 02 */ .pop_evt2_wrapper {position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10;} .pop_evt2_wrapper .pop_content_wrapper{position:relative;width:1238px;height:1000px;margin:0 auto;background:#FFFFFF;border-radius:30px;scale:.8} .pop_evt2_wrapper .pop_content_wrapper .close{position:absolute;background-image:url('../images/btn_evt2_close.png');width:54px;height:54px;right:-80px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents{position:relative;display:flex;width:100%;height:100%;border-radius:30px;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part{position:relative;width:588px;height:100%;background:#FED286;display:flex;align-items:center;justify-content:end;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data{position:relative;width:542px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg{position:absolute;background-image:url('../images/bg_pop_pic.png');width:300px;height:245px;right:0;top:-40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .bg .pic{position:relative;display:flex;justify-content:center;align-items:center;top:45px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt{position:relative;font-size:46px;margin-bottom:38px;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p{position:relative;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .txt p span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .left_part .data .exp{font-weight:500;font-size:21px;color:#000000;line-height:1.4;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part{position:relative;width:650px;height:100%;display:flex;flex-direction:column;align-items:center;padding:37px 0 0 0;box-sizing:border-box;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data{position:relative;display:flex;justify-content:center;flex-direction:column;width:600px;align-items:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title{font-size:24px;text-align:center;margin-bottom:40px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .title span{font-weight:700;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap{position:relative;padding:54px 0 43px 0;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .simple{position:relative;font-size:22px;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .exp_wrap .ttl{position:relative;font-size:28px;font-weight:700;text-align:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap {position:relative;width:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul{position:relative;display:flex;justify-content:space-between;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li{position:relative;width:190px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img{position:relative;width:190px;height:125px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img.on:before{position:absolute;0;content:'';background-image:url('../images/stamp.png');top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .img img{width:100%;height:100%;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .r_data .pic_list_wrap ul li .ttl{font-size:18px;font-weight:500;letter-spacing:-1px;padding:5px 0 0 5px;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns{position:absolute;width:100%;bottom:110px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join{position:relative;background-image:url('../images/btn_evt2_join.png');width:419px;height:110px;cursor:pointer;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join .hand{display:none;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on{background-image:url('../images/btn_evt2_join_on.png');} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .btns .btn_join.on .hand{display:block;} .pop_evt2_wrapper .pop_content_wrapper .contents .right_part .txt{position:absolute;width:100%;bottom:57px;display:flex;justify-content:center;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div {position:absolute;width:100%;height:58%;z-index:99;left:0;top:0;border:5px solid #000;box-sizing:border-box;border-radius:30px;background:#FFFFFF;overflow:hidden;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div .pclose{position:absolute;right:10px;top:10px;cursor:pointer;z-index:9;} .pop_evt2_wrapper .pop_content_wrapper .contents .frame_div iframe{width:101%;height:100%;} /* 이벤트 02 */ /* 이벤트 03 */ section.event03 {position:relative;width:100%;height:2948px;background-image:url('../images/event03/bg_event03.png');background-position:center;} section.event03 .bi{position:absolute;top:170px;left:125px;width:193px;height:191px;background-image:url('../images/logo_b.png');} section.event03 .bi::before{position:relative;display:block;width:121px;height:125px;content:'';background-image:url('../images/logo_txt.png');top:30px;left:35px;animation:10s logo_rotate infinite linear forwards;} section.event03 .contents_wrapper {display:block;position:absolute;left:0;top:277px;width:100%;display:flex;flex-direction:column;align-items:center;} section.event03 .contents_wrapper .title{position:relative;width:907px;height:594px;background-image:url('../images/event03/title.png');z-index:7;} section.event03 .contents_wrapper .present_wrapper {position:relative;width:1518px;margin:40px auto 5px auto;display:flex;flex-direction:column;align-items:center;margin-top:-20px;} section.event03 .contents_wrapper .present_wrapper .txt{background-image:url('../images/event03/schedule.png');width:1518px;height:400px;} section.event03 .contents_wrapper .present_wrapper .present{position:relative;background-image:url('../images/event03/present.png');width:882px;height:411px;margin-top:90px;} section.event03 .contents_wrapper .event_wrapper{position:relative;background-image:url('../images/event03/event_cover.png');width:1367px;height:921px;margin:0 auto;} section.event03 .contents_wrapper .event_wrapper .title_warp{position:absolute;left:0;top:100px;width:100%;display:flex;justify-content:center;z-index:11;} section.event03 .contents_wrapper .event_wrapper .title_warp .ttl{position:relative;background-image:url('../images/event03/q_title.png');width:486px;height:197px;z-index:3;} section.event03 .contents_wrapper .event_wrapper .e_wrap{position:relative;display:flex;justify-content:center;top:330px;width:1100px;margin:0 auto;left:70px;box-sizing:border-box;} section.event03 .contents_wrapper .event_wrapper .e_wrap .left_part{position:relative;background-image:url('../images/event03/ditem.png');width:474px;height:336px;margin-right:45px;margin-top:30px;cursor:pointer;} section.event03 .contents_wrapper .event_wrapper .e_wrap .left_part .hand{right:150px;bottom:100px;animation:1.2s guide_line2 infinite linear forwards;} section.event03 .contents_wrapper .event_wrapper .e_wrap .left_part.end{background-image:url('../images/event03/ditem_on.png');} section.event03 .contents_wrapper .event_wrapper .e_wrap .left_part .hint{position:absolute;background-image:url('../images/event03/txt.png');width:263px;height:171px;left:-105px;top:-74px;} section.event03 .contents_wrapper .event_wrapper .e_wrap .right_part{position:relative;background-image:url('../images/event03/pitem.png');width:578px;height:404px;background-repeat:no-repeat;} section.event03 .contents_wrapper .event_wrapper .e_wrap .right_part.end{background-image:url('../images/event03/pitem_on.png');width:578px;height:445px;} section.event03 .contents_wrapper .event_wrapper .e_wrap .right_part .btns_wrap{position:absolute;bottom:85px;left:163px;width:100%;} section.event03 .contents_wrapper .event_wrapper .e_wrap .right_part .btns_wrap .btn_join{position:relative;width:244px;height:66px;transform:rotate(2deg);} section.event03 .contents_wrapper .event_wrapper .e_wrap .right_part .btns_wrap .btn_join.on{cursor:pointer;} section.event03 .contents_wrapper .event_wrapper .e_wrap .arrow{position:absolute;background-image:url('../images/event03/arrow.png');width:206px;height:69px;top:366px;} section.event03 .join_info_wrapper {position:absolute;left:0;width:100%;color:#f0f0f0;font-weight:400;bottom:150px;} section.event03 .join_info_wrapper > .join_info {position:relative;width:843px;height:93px;line-height:93px;margin:0 auto;border-radius:20px;font-size:30px;box-sizing:border-box;background-image:url('../images/event03/bg_info.png');} section.event03 .join_info_wrapper > .join_info > div{display:inline} section.event03 .join_info_wrapper > .join_info span{} section.event03 .join_info_wrapper > .join_info span.num{font-weight:700;font-size:42px;color:#00ffff} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper {position:absolute;left:0;top:145px;z-index:2;width:100%;height:857px;cursor:pointer;z-index:10;} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper .pop_bg{position:absolute;left:0;background-image:url('../images/event03/pop_bg.png');z-index:2;width:100%;height:857px;opacity:.7;} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper .pop_cont{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper .pop_cont .cont{position:relative;width:632px;height:688px;margin-top:30px;background-image:url('../images/event03/popup.png');} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper .pop_cont .cont .btns{position:absolute;width:100%;left:0;bottom:80px;} section.event03 .contents_wrapper .event_wrapper .evt3_pop_wrapper .pop_cont .cont .btns .btn{position:relative;width:250px;height:70px;margin:0 auto;background-image:url('../images/event03/btn_pop_ok.png');cursor:pointer;} /* 이벤트 03 */ /* 수상작 */ section.prize {position:relative;width:100%;height:1800px;background-image:url('../images/prize/bg_prize.png');background-position:center;} section.prize .contents_wrapper {display:block;position:absolute;left:0;top:100px;width:100%;display:flex;flex-direction:column;align-items:center;} section.prize .contents_wrapper .title{width:1155px;height:325px;background-image:url('../images/prize/title.png');} section.prize .contents_wrapper .pic_warpper{position:relative;margin-top:178px;display:flex;flex-direction:column;align-items:center;} section.prize .contents_wrapper .pic_warpper .mark{position:absolute;background-image:url('../images/prize/no.png');width:184px;height:179px;z-index:10;left:-110px;top:-120px;} section.prize .contents_wrapper .pic_warpper .pics{position:relative;width:965px;height:781px;display:flex;flex-direction:column;align-items:center;} section.prize .contents_wrapper .pic_warpper .pics .mCSB_container {text-align:center;width:98%;height:95%;margin:0 auto;} section.prize .contents_wrapper .pic_warpper .pics .pic{position:relative;width:965px;height:616px;background-image:url('../images/prize/pic_basic.png');display:flex;align-items:center;justify-content:center;padding:0 0 0 0;box-sizing:border-box;} section.prize .contents_wrapper .pic_warpper .pics .pic .img_wrap{position:relative;display:flex;overflow:hidden;justify-content:center;} section.prize .contents_wrapper .pic_warpper .pics .pic .img_wrap .img{position:relative;width:100%;height:100%;background-position:center;background-repeat:no-repeat;text-align:center;} section.prize .contents_wrapper .pic_warpper .pics .pic .img_wrap .img.scroll_ani{overflow:auto;height:530px;width:80%;padding:0 0;box-sizing:border-box;} section.prize .contents_wrapper .pic_warpper .pics .pic .img_wrap .img img{max-width:100%;} section.prize .contents_wrapper .pic_warpper .pics .txt{position:relative;display:flex;justify-content:center;0;width:422px;height:146px;} section.prize .contents_wrapper .pic_warpper .pics.pic01 .pic .img{background-image:url('../images/prize/d_pic01.png');} section.prize .contents_wrapper .pic_warpper .pics.pic01 .txt{background-image:url('../images/prize/d_pic01_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic02 .pic .img{background-image:url('../images/prize/d_pic02.png');} section.prize .contents_wrapper .pic_warpper .pics.pic02 .txt{background-image:url('../images/prize/d_pic02_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic03 .pic .img{background-image:url('../images/prize/d_pic03.png');} section.prize .contents_wrapper .pic_warpper .pics.pic03 .txt{background-image:url('../images/prize/d_pic03_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic04 .pic .img{background-image:url('../images/prize/d_pic04.png');background-color:rgba(255,255,255,1);height:809px;} section.prize .contents_wrapper .pic_warpper .pics.pic04 .txt{background-image:url('../images/prize/d_pic04_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic05 .pic .img{background-image:url('../images/prize/d_pic05.png');} section.prize .contents_wrapper .pic_warpper .pics.pic05 .txt{background-image:url('../images/prize/d_pic05_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic06 .pic .img{background-image:url('../images/prize/d_pic06.png');} section.prize .contents_wrapper .pic_warpper .pics.pic06 .txt{background-image:url('../images/prize/d_pic06_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic07 .pic .img{background-image:url('../images/prize/d_pic07.png');} section.prize .contents_wrapper .pic_warpper .pics.pic07 .txt{background-image:url('../images/prize/d_pic07_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic08 .pic .img{background-image:url('../images/prize/d_pic08.png');} section.prize .contents_wrapper .pic_warpper .pics.pic08 .txt{background-image:url('../images/prize/d_pic08_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic09 .pic .img{background-image:url('../images/prize/d_pic09.png');} section.prize .contents_wrapper .pic_warpper .pics.pic09 .txt{background-image:url('../images/prize/d_pic09_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic10 .pic .img{background-image:url('../images/prize/d_pic10.png');} section.prize .contents_wrapper .pic_warpper .pics.pic10 .txt{background-image:url('../images/prize/d_pic10_txt.png');} section.prize .contents_wrapper .pic_warpper .pics.pic11 .pic .img{background-image:url('../images/prize/d_pic11.png');} section.prize .contents_wrapper .pic_warpper .pics.pic11 .txt{background-image:url('../images/prize/d_pic11_txt.png');} section.prize .contents_wrapper .prize_wrapper{position:relative;margin-top:0px;width:1410px;height:200px;} section.prize .contents_wrapper .prize_wrapper .prize-swiper-button-prev{position:absolute;background-image:url('../images/prize/btn_prev.png');width:72px;height:34px;top:74px;left:-115px;cursor:pointer;} section.prize .contents_wrapper .prize_wrapper .prize-swiper-button-next{position:absolute;background-image:url('../images/prize/btn_next.png');width:72px;height:34px;top:74px;right:-115px;cursor:pointer;} section.prize .contents_wrapper .pic_warpper .pics .pic .img .mg{margin-bottom:10px;} /* 수상작 */ .img.scroll{ scrollbar-color: auto; /* 값 */ scrollbar-color: rebeccapurple green; /* <막대 색> <트랙 색> */ /* 전역 값 */ scrollbar-color: inherit; scrollbar-color: initial; scrollbar-color: revert; scrollbar-color: revert-layer; scrollbar-color: unset; } /* 금연서비스 */ section.service {position:relative;width:100%;height:1550px;background-image:url('../images/service/bg_service01.png');background-position:center;} section.service .contents_wrapper {display:block;position:absolute;left:0;top:215px;width:100%;display:flex;flex-direction:column;align-items:center;} /* 금연서비스 */ /* Daum Typing------------------------------------------------*/ .daum_search {position:relative;height:336px;background-image:url(../images/daum/bg_daum.png);} .daum_search .daumBox {position:absolute;top:97px;left:50%;margin-left:-500px;width:880px;height:64px;background-image:url(../images/bg_search.png);} .daum_search .daumBox .typing-text {position:absolute;left:185px;top:65px;line-height:36px;font-family:'Pretendard',sans-serif;font-weight:700;font-size:28px; color:#313131; border-right:2px solid #333; animation: typing 6s steps(22) infinite; white-space: nowrap; overflow: hidden;} .daum_search a {display:block; position:absolute;left:calc(50% - 449px);top:114px; width:870px; height:75px;z-index:2;} section.cardnews {position:relative;height:1138px;background-image:url(../images/cardnews/bg_cardnews.png);background-position:center;} section.cardnews .contents_wrapper{position:absolute;width:100%;top:288px;} section.cardnews .contents_wrapper .card_wrapper{position:relative;width:700px;height:700px;border:4px solid #366298;box-sizing:border-box;margin:0 auto;background:#FFFFFF;} /* SNS SHARE */ section.snsshare {position:relative;width:100%;height:275px;background:#444444;} section.snsshare .content_wrapper {display:block;position:absolute;left:0;width:100%;height:100%;} section.snsshare .content_wrapper > .content_wrap{position:relative;width:967px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;} section.snsshare .content_wrapper > .content_wrap > .title{margin-bottom:55px;} section.snsshare .content_wrapper > .content_wrap > .sns_wrapper{position:relative;width:502px;height:86px;background-image:url('../images/share/share_icon01.png');margin:0 auto;} section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul{} section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li{float:left;width:86px;height:86px;margin-right:18px;box-sizing:border-box;} section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li:last-child{margin-right:0;} section.snsshare .content_wrapper > .content_wrap > .sns_wrapper > ul > li > a{display:block;width:100%;height:100%;text-indent:-9999px;} /* SNS */ /* 참여 정보 */ section.sec-join-info {position:relative;width:100%;height:165px;display:flex;justify-content:center;align-items:center;background:#FFFFFF;color:#222218;font-weight:600;font-family:'Pretendard',sans-serif;font-size:30px;} section.sec-join-info > div > span {font-size:46px;font-weight:900;} section.sec-join-info > div > span.j_visitor {color:#7ea442;} section.sec-join-info > div > span.j_join {color:#ff8322} /* 참여 정보 */ /* 참여 정보 */ section.sec-copyright {position:relative;width:100%;height:162px;display:flex;justify-content:center;align-items:center;background:#eeeeee;color:#000000;font-size:15px;} section.sec-copyright > .copyright {width:1300px;} section.sec-copyright > .copyright ul{} section.sec-copyright > .copyright ul li{float:left;width:70%;margin-bottom:10px;} section.sec-copyright > .copyright ul li:nth-child(2n+2){text-align:right;width:30%;} .sline01 {position:absolute;left:0;margin-top:-130px;z-index:1;background-image:url('../images/page_line01.png');width:100%;height:250px;} .sline02 {position:absolute;left:0;margin-top:-118px;z-index:1;background-image:url('../images/page_line02.png');width:100%;height:232px;} .sline03 {position:absolute;left:0;margin-top:-130px;z-index:1;background-image:url('../images/page_line03.png');width:100%;height:250px;} /* 고정 메뉴 */ .navigator_wrapper {position:fixed;left:0;bottom:0;width:100%;height:110px;z-index:11; bottom: 0; } .navigator_wrapper .cont_wrap {width:1300px;margin:0 auto;background:#313131;height:100%;border-top-left-radius:10px;overflow:hidden;border-top-right-radius:10px;overflow:hidden;padding:0 20px;box-sizing:border-box;} .navigator_wrapper .cont_wrap .navi_wrap {width:100%;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;} .navigator_wrapper .cont_wrap .navi_wrap > li{position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu{position:relative;width:121px;height:25px;cursor:pointer;z-index:3;background-image:url('../images/allmenu.png');background-repeat:no-repeat;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_menu.on{background-image:url('../images/allmenu.png');} .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(1) {width:133px;} .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(2) {} .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(3) {} .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(4) {} .navigator_wrapper .cont_wrap .navi_wrap > li:nth-child(5) {width:80px;justify-content:end;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01{background-image:url('../images/nav01.png');width:312px;height:82px;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02{background-image:url('../images/nav02.png');width:312px;height:82px;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03{background-image:url('../images/nav03.png');width:312px;height:82px;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{background-image:url('../images/top.png');} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab01.result{background-image:url('../images/nav01_result.png');} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab02.result{background-image:url('../images/nav02_result.png');} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_tab03.result{background-image:url('../images/nav03_result.png');} .n_menu_list {position:fixed;bottom:-800px;z-index:99;background:#263E99;width:500px;box-sizing:border-box;font-size:22px;} .n_menu_list.on {bottom:0;} .n_menu_list > .n_menu.close {float:right;background-image:url('../images/gnb_close.png');width:46px;height:46px;display:inline-block;margin-top:13px;margin-right:20px;cursor:pointer;} .n_menu_list > .m_list {width:100%;display:flex;flex-wrap:wrap;padding:0 0 0 0;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;} .n_menu_list > .m_list a {color:#FFFFFF;} .n_menu_list > .m_list div {border-bottom:2px solid #D9D9D9;width:433px;margin:0 auto;padding:15px 0;} .n_menu_list > .m_list a:last-child div{border-bottom:0;} .n_menu_list > .m_list div > span {display:flex;cursor:pointer;position:relative;width:433px;height:80px;line-height:1.4;align-items:center;justify-content:start;text-align:left;padding-left:20px;box-sizing:border-box;} .n_menu_list > .m_list div > span a{display:block;font-size:23px;color:#FFFFFF;font-weight:500;letter-spacing:-.5px;text-align:left;} .n_menu_list > .m_list div > span {position:relative;} .n_menu_list > .m_list div > span::after {content:'';width:80px;height:80px;position:absolute;left:10px;top:0;} .n_menu_list > .m_list div.on {background-color:rgba(255,255,255,.1);} .navigator_wrapper .cont_wrap > .b_img {position:absolute;width:273px;top:30px;background-image:url('../images/j_cover.png');height:69px;z-index:2;} .navigator_wrapper .cont_wrap .navi_wrap > li > div {position:relative;width:100%;height:100%;} .navigator_wrapper .cont_wrap .navi_wrap > li > div > a{display:block;width:100%;height:100%;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_top{position:absolute;background-image:url('../images/top.png');width:70px;height:70px;cursor:pointer;background-repeat:no-repeat;} .navigator_wrapper .cont_wrap .navi_wrap > li > .n_top:hover{background-image:url('../images/top.png');} .navigator_wrapper .cont_wrap .navi_wrap > li:last-child {margin-right:0;} /* 고정 메뉴 */ /* 기타 */ .join_info_wrapper {position:absolute;bottom:0;width:100%;text-align:center;} .join_info_wrapper.evt01 {bottom:150px;} .join_info_wrapper.evt01 .join_info{background:#dbf7da;border-radius:50px;color:#333333;display:inline-block;padding:0 30px;font-size:24px;height:92px;line-height:92px;vertical-align:middle;border:2px solid #3fa03b;} .join_info_wrapper.evt02 {bottom:124px;} .join_info_wrapper.evt02.result {bottom:30px;} .join_info_wrapper.evt02 .join_info{background:#bdddf3;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;} .join_info_wrapper.evt03 {bottom:150px;} .join_info_wrapper.evt03 .join_info{background:#3bd368;border-radius:40px;color:#071b28;display:inline-block;padding:0 30px;font-size:22px;height:63px;line-height:63px;vertical-align:middle;} .join_info_wrapper .join_info span.num{font-size:40px;color:#125400;font-weight:900;} .join_info_wrapper .join_info span.b{font-size:27px;font-weight:700;} .hand {position:absolute;bottom:-10px;right:-20px;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:94px;height:112px;background-image:url(../images/hand.png);} .hand.mv01 {animation:move_center01 1.7s ease-in-out infinite forwards;} .hand.mv02 {animation:move_center02 1.7s ease-in-out infinite forwards;} .hand.mv03 {animation:move_center03 1.7s ease-in-out infinite forwards;} .hand.mv04 {animation:move_center04 1.7s ease-in-out infinite forwards;} .hand.move {position:absolute;bottom:-38px;right:20px;z-index:5;animation:move_left 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);} .hand.move2 {position:absolute;bottom:-38px;right:20px;z-index:5;animation:move_left 1s ease-in-out 2 forwards;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);} .hand01 {position:absolute;top:200px;left:200px;z-index:5;animation:zoom 1s ease-in-out infinite;animation-delay:0.5s;animation-duration:1s;width:96px;height:91px;background-image:url(../images/hand.png);} .hand.on {opacity:1;} .hand.go1_1 {animation:zoom 1s ease-in-out infinite forwards;} .hand.go1_2 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go1_3 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go2_1 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go2_2 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go2_3 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go3_1 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go3_2 {animation:zoom 1.5s ease-in-out infinite forwards;} .hand.go3_3 {animation:zoom 1.5s ease-in-out infinite forwards;} #r_title1 span{#ff5400} #r_title2 span{#feaf18} #r_title3 span{#1d7b07} .result_wrap {position:absolute;width:100%;text-align:center;bottom:100px;} .result_wrap > .btn.event_result2{width:463px;height:122px;display:inline-block;background-image:url('../images/event2_done.png');} .result_wrap > .btn.event_result2 > a {display:block;width:100%;height:100%;} /* 슬라이드 */ .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img {width:100%;} .cardNewsSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .wallSwiper.citySwiper swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-button-disabled {opacity:.2;} .cont_wrap {width:1200px;margin:0 auto;position:relative;} a:focus {outline:none;} .cardnew-swiper-button-prev {position:absolute;background-image:url('../images/cardnews/btn_prev.png');width:70px;height:70px;left:-110px;top:315px;cursor:pointer;} .cardnew-swiper-button-next {position:absolute;background-image:url('../images/cardnews/btn_next.png');width:70px;height:70px;right:-110px;top:315px;cursor:pointer;} .bounce1 {animation: bounce1 2s;} .bounce2 {animation: bounce2 1s;} .bounce3 {animation: bounce3 1s;} .kb_hand {position:absolute;background-image:url('../images/hand_ani.png');scale:.8;width:102px;height:96px;animation: vmove 1.5s infinite;animation-direction: reverse;animation-iteration-count: 3;z-index:999;bottom:0px;left:40px;} .b_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .b_hand.com {right:0;bottom:5px;zoom:.7;} .qb_hand {position:absolute;right:-50px;bottom:-20px;background-image:url('../images/hand_ani.png');width:102px;height:96px;animation: blink 1s infinite;} .qb_hand.hide {display:none;} .qb_hand.evt3 {display:none;} .hide {display:none !important;} .present_wrap .swiper-slide img {width:100%;} .j_wrap01{} .j_wrap02{margin-top:35px;} .j_wrap01 .swiper-slide{width:487px;height:120px;border-radius:60px;color:#004819;font-size:40px;font-weight:bold;display:flex;justify-content:center;align-items:center;} .j_wrap01 .swiper-slide:nth-child(1n+1){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(2n+2){background-image: linear-gradient(#FFFFFF, #FFFFFF);} .j_wrap01 .swiper-slide:nth-child(3n+3){background-image: linear-gradient(#FFFFFF, #FFFFFF);} /* popup */ html.on { height:100%; overflow:hidden; } .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:98; display:none; } .pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; } .pu .bt_close { position:absolute; top:0; right:-60px; width:48px; height:48px; background:url(../images/bt_pu_close.png?v=1) no-repeat 0 0; text-indent:-9999px; } .pu_event_youtube { width:800px; background:#fff;border-radius:15px;display:none; } .pu_event_youtube .p_con { position:relative; } .pu_event_youtube .p_con iframe {width:800px;height:450px;} .pu_event_info { width:675px; display:none; } .pu_event_info .form_top a{display:block;width:100%;height:100%;} .pu_event_info .p_con {position:relative;padding:30px;background: #fff;overflow: hidden;} .pu_event_info .p_con dt { position:relative; font-size:18px; color:#222;font-weight:700; } .pu_event_info .p_con .ty00 { position:relative; height:30px; padding-top:5px;padding-left:0;text-align:center; font-weight:600;} .pu_event_info .p_con .ty00 dd {display:inline-block;} .pu_event_info .p_con .ty00 dd + dd {padding-left:30px;} .pu_event_info .p_con .ty01 { position:relative; height:44px; padding-left:130px; margin-bottom:20px;} .pu_event_info .p_con .ty01 dt { position:absolute; top:0; left:0; width:120px; line-height:44px; text-align:left; } .pu_event_info .p_con .ty01 dd { position:relative; } .pu_event_info .p_con .ty01 dd input { height:44px; line-height:44px; background:#fff; border:1px solid #cdcdcd; padding:0 10px; box-sizing:border-box;} .pu_event_info .p_con .ty01 dd.num:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .p_con .ty01 dd.num input { text-align:center; float:left; width:134px; } .pu_event_info .p_con .ty01 dd.num i { float:left; width:20px; text-align:center; color:#fff; line-height:44px; } .pu_event_info .p_con .ty02 { margin-top:30px;} .pu_event_info .p_con .ty02 dt { margin-bottom:10px; margin-top:20px;} .pu_event_info .p_con .ty02 dt span { position:absolute; bottom:0; right:-5px; } .pu_event_info .p_con .ty02 dt span input { margin:0; } .pu_event_info .p_con .ty02 dd { background:#fff4e4; padding:15px 20px; } .pu_event_info .btns:before { position:absolute; content:''; top:0; left:50%; bottom:0; width:1px; ; z-index:1; } .pu_event_info .btns:after { content:''; clear:both; display:block; height:0; visibility:hidden; } .pu_event_info .btns a { float:left; width:50%; display:flex; justify-content:center;align-items:center;height:100px; line-height:1.2; text-align:center; font-size:30px; color:#fff; font-weight:800; } .pu_event_info .btns a:hover { text-decoration:none; } .pu_event_info .btns a.bt_participate_done {background:#7bd900;color:#252525;} .pu_event_info .btns a.bt_participate_done.i01 {background:#07788F;} .pu_event_info .btns a.bt_participate_done.i02 {background:#B7612B;} .pu_event_info .btns a.bt_participate_done.i03 {background:#316F52;} .pu_event_info .btns a.bt_participate_done.i04 {background:#B02923;} .pu_event_info .btns a.bt_cancel {background:#535353;} .pu_event_info table { width:100%; color:#333; line-height:18px; } .pu_event_info table th { font-size:16px; padding:10px; vertical-align:top; } .pu_event_info table td { font-size:16px; padding:10px; color:#333;letter-spacing:-1px;line-height:1.5;} .pu_event_info .checks input[type="checkbox"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; } .pu_event_info .checks input[type="checkbox"] + label:after { content:' '; display:inline-block; width:32px; height:32px; line-height:32px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../../mytourstyle2/images/cb.png?v=1) no-repeat 0 0; background-size:100%;} .pu_event_info .checks input[type="checkbox"]:checked + label:after { background:url(../../mytourstyle2/images/cb_on.png?v=3) no-repeat 0 0;background-size:100%;} .pu_event_info .radiob input[type="radio"] { position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; } .pu_event_info .radiob input[type="radio"] + label:after { content:' '; display:inline-block; width:33px; height:35px; line-height:35px; margin:-10px 0 0 10px; text-align:center; vertical-align:middle; background:url(../../mytourstyle2/images/radio.png) no-repeat 0 4px; } .pu_event_info .radiob input[type="radio"]:checked + label:after { background:url(../../mytourstyle2/images/radio-on.png) no-repeat 0 4px; } .pu_event_done { overflow:hidden; display:none;} .pu_event_done .btn a { display:block; line-height:96px; text-align:center; font-size:30px; color:#fff; font-weight:800; letter-spacing:10px; } .tc {text-align:center;} .container { --color: #fff; --size: 30px; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; font-size: var(--size); user-select: none; fill: var(--color); right:100px; bottom:90px; scale: 3.5; } .container .mute { position: absolute; animation: keyframes-fill .5s; } .container .voice { position: absolute; display: none; animation: keyframes-fill .5s; } /* ------ On check event ------ */ .container input:checked ~ .mute { display: none; } .container input:checked ~ .voice { display: block; }