.content_top {background:#156e42 url('//img1s.mbest.co.kr/Pub_event/20231215p/top_bg.jpg') center 0 no-repeat;overflow: hidden;} .content_1 {background:#ffcf2d;} .content_2 {background:#b23322;} .content_3 {background:#f6f6f6;} .inner {position:relative;margin:0 auto;width:1180px;} .jbFixed {position:fixed !important;} @keyframes fadeEvt2 { 0% {opacity:1;} 1% {opacity:.3;} 25% {opacity:.3;} 26% {opacity:1;} 50% {opacity:1;} 51% {opacity:.3;} 75% {opacity:.3;} 76% {opacity:1;} 100% {opacity:1;} } /* 스크롤배너 */ .scrollBanner {position:absolute;top:300px;right:0;width:180px;border-top-left-radius: 18px;border-bottom-left-radius: 18px;border: 4px solid #000;border-right: 0;overflow: hidden;box-sizing: border-box;z-index:99999;} .scrollBanner a {display:inline-block;} .scrollBanner a:first-child {border-bottom:2px solid #000;} /* 스크롤탭 */ .content_tab {position:relative;height:120px;z-index:999;background:#0c4428;} .content_tab .sec_tab_btn {position:absolute;top:0;left:0;z-index:999;width:100%;height:120px;background:#0c4428;text-align: center;} .content_tab .sec_tab_btn .inner {height: 100%;*zoom:1} .content_tab .sec_tab_btn .inner:after {display:block;clear:both;content:""} .content_tab .sec_tab_btn a {position:relative;display:inline-block;z-index:10;width:510px;padding:20px 0 0;} #footer{padding-bottom: 80px;} /* mission1 */ .ms_box {position: relative;} .ms1_area {position:absolute;top:194px;left:50%;transform: translateX(-50%);width:860px;height:580px;} .ms1_area a {position:absolute;background:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_01.png') no-repeat 0 0;} .ms1_area .obj_01 {top:50px;left:80px;width: 145px;height: 145px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_01.png');}/* 시계 */ .ms1_area .obj_02 {top:205px;left:90px;width: 170px;height: 115px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_02.png');}/* 책 */ .ms1_area .obj_03 {bottom:105px;left:40px;width: 160px;height: 70px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_03.png');}/* 탕후루 */ .ms1_area .obj_04 {bottom:45px;left:230px;width: 115px;height: 135px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_04.png');}/* 핸드폰 */ .ms1_area .obj_05 {top:220px;left:295px;width: 130px;height: 65px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_05.png');} .ms1_area .obj_06 {top:310px;left:360px;width: 170px;height: 115px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_06.png');} .ms1_area .obj_07 {top:110px;left:450px;width: 90px;height: 85px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_07.png');} .ms1_area .obj_08 {top:50px;left:650px;width: 110px;height: 120px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_08.png');} .ms1_area .obj_09 {top:210px;left:675px;width: 130px;height: 105px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_09.png');} .ms1_area .obj_10 {top:370px;left:660px;width: 90px;height: 120px;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_10.png');} .ms1_area .obj_01:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_01_on.png');} .ms1_area .obj_02:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_02_on.png');} .ms1_area .obj_03:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_03_on.png');} .ms1_area .obj_04:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_04_on.png');} .ms1_area .obj_05:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_05_on.png');} .ms1_area .obj_06:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_06_on.png');} .ms1_area .obj_07:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_07_on.png');} .ms1_area .obj_08:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_08_on.png');} .ms1_area .obj_09:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_09_on.png');} .ms1_area .obj_10:hover {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/obj_10_on.png');} .ms1_area.ani a {animation: rotation .8s 0s ease-in-out both;} .ms1_area.ani .obj_01 {animation-delay: 0s;} .ms1_area.ani .obj_02 {animation-delay: 1s;} .ms1_area.ani .obj_03 {animation-delay: 2s;} .ms1_area.ani .obj_04 {animation-delay: 3s;} .ms1_area.ani .obj_05 {animation-delay: 4s;} .ms1_area.ani .obj_06 {animation-delay: 4.5s;} .ms1_area.ani .obj_07 {animation-delay: 3.5s;} .ms1_area.ani .obj_08 {animation-delay: 2.5s;} .ms1_area.ani .obj_09 {animation-delay: 1.5s;} .ms1_area.ani .obj_10 {animation-delay: 0.5s;} @keyframes rotation { 0% {transform: rotate(0deg);} 10% {transform: rotate(5deg);} 20% {transform: rotate(0deg);} 30% {transform: rotate(-5deg);} 40% {transform: rotate(0deg);} 50% {transform: rotate(5deg);} 60% {transform: rotate(0deg);} 70% {transform: rotate(-5deg);} 80%,100% {transform: rotate(0deg);} } .anw_wrong::after, .anw_right::after {content: '';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:115px;height:115px;animation:none !important;} .anw_wrong::after {background:url('//img1s.mbest.co.kr/Pub_event/20231215p/anw_wrong.png') no-repeat 0 0;} .anw_right::after {background:url('//img1s.mbest.co.kr/Pub_event/20231215p/anw_right.png') no-repeat 0 0;} .anw_wrong, .anw_right {animation:none !important;} .anw_wrong.del_ani {animation: fadeOut .5s 2.5s ease-in-out both;}/* 사라지게 */ @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } /* mission2 */ .ms2_area {position:absolute;top:297px;left:50%;transform: translateX(-50%);width:680px;height:340px;} .ms2_area input {position:absolute;width: 70px;height: 70px;font-family:'notokr-bold';color:#292623;font-size:42px;text-align: center;outline:none;border: 0;border-radius: 5px;overflow: hidden;} .ms2_area input::placeholder {background:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_1.png') no-repeat center;} .ms2_area .ipt1::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_1.png');} .ms2_area .ipt2::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_2.png');} .ms2_area .ipt3::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_3.png');} .ms2_area .ipt4::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_4.png');} .ms2_area .ipt5::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_5.png');} .ms2_area .ipt6::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_6.png');} .ms2_area .ipt7::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_7.png');} .ms2_area .ipt8::placeholder {background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/letter_8.png');} .ms2_area .ipt1 {top:115px;left:72px;} .ms2_area .ipt2 {top:115px;left:165px;} .ms2_area .ipt3 {top:115px;left:258px;} .ms2_area .ipt4 {top:115px;left:352px;} .ms2_area .ipt5 {top:220px;left:165px;} .ms2_area .ipt6 {top:220px;left:258px;} .ms2_area .ipt7 {top:220px;left:352px;} .ms2_area .ipt8 {top:220px;left:446px;} /* 이벤트종료 */ .stamp_end {position:absolute;top:0;left: 0;width: 100%;height: 100%;text-align: center;display:table;background:rgba(0,0,0,0.7);overflow: hidden;z-index: 9;} .stamp_end div {display: table-cell;vertical-align: middle;width: 100%;height: 100%;font-family:'NanumSquareRoundOTFB';color:#fff;font-size: 22px;line-height: 1.4em;} /* ssul_list */ .cont_box {border-radius:55px;background:#fff;box-shadow:0 5px 0 rgba(0, 0, 0, 0.1);text-align: center;overflow: hidden;} .count {position: absolute;top:120px;right:360px;min-width:140px;padding: 0 40px 0 0;font-weight: bold;font-family:tahoma;color:#ffe552;font-size:32px;letter-spacing:-1px;text-align: center;background:url('//img1s.mbest.co.kr/Pub_event/20231215p/ro.png') no-repeat right center;line-height: 1em;box-sizing: border-box;} .ssul_list * {box-sizing: border-box;} .ssul_list {text-align: left;color:#292623;} .ssul_list ul {*zoom:1} .ssul_list ul:after {display:block;clear:both;content:""} .ssul_list li {position:relative;width:calc(33.33% - 20px);height: 440px;float:left;margin:0 30px 30px 0;padding:30px 35px 60px;box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);border-radius: 20px;overflow: hidden;background-color:#fff;background-image:url('//img1s.mbest.co.kr/Pub_event/20231215p/li_bl.png'), url('//img1s.mbest.co.kr/Pub_event/20231215p/li_bl.png');background-repeat: no-repeat, no-repeat;background-position:left 8px top 8px, right 8px top 8px;} .ssul_list li:nth-child(3n) {margin-right:0;} .ssul_list .user {font-family:'notokr-bold';font-size:15px;/**/white-space: normal;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow: hidden;/**/} .ssul_list .img {width:100%;height:168px;margin-top:15px;text-align:center;display:table;background:#f6f6f6;} .ssul_list .img p {display:table-cell;vertical-align: middle;height:168px;} .ssul_list .img img {max-width:100%;max-height: 100%;} .ssul_list .btn_more {position: absolute;bottom: 25px;left:0;width:100%;} .ssul_list .dd_tbl {padding:0 5px;border-top:1px solid #eae3e0;width:100%;font-family:'notokr-medium';color:#2d1801;font-size:15px;line-height: 1.2em;letter-spacing:-1px;*zoom:1} .ssul_list .dd_tbl.n1 {border-top:0;margin-top: 10px;} .ssul_list .dd_tbl:after {display:block;clear:both;content:""} .ssul_list .dd_tbl p {float:left;margin:8px 0;max-height:34px;} .ssul_list .dd_tbl p:first-child {width:24%;font-family:'notokr-black';} .ssul_list .dd_tbl p:last-child {width:76%;/**/white-space: normal;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow: hidden;/**/} .ssul_list .dd_tbl.n3 p:last-child {/**/white-space: normal;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow: hidden;/**/} .data_empty {margin-top:20px;font-family:'notokr-bold';color:#2d1801;font-size:20px;text-align:center;} .data_empty li {width: 100%;padding:200px 0 0;} /* 팝업 ****************************/ .popContainer {position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 9999999;} .popContainer img {/*width: 100%;*/} .pop_box {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);background:#fff;border-radius:35px;padding:50px 60px;box-sizing: border-box;font-family:'notokr-medium';color:#333;font-size:14px;letter-spacing:-1px;text-align:left;line-height: 1.4em;max-height: 96%;overflow: auto;} .pop_box::-webkit-scrollbar {width:5px;display:none;} .pop_box::-webkit-scrollbar-thumb {background-color: #f6f6f6;} .pop_box::-webkit-scrollbar-track {background-color:#ddd;} .pop_box * {box-sizing: border-box;} .pop_box a:hover {text-decoration: none;} .pop_cont {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);} .btn_p_close {position: absolute;top: 0;right: 0;width: 13%;height: 17%;} .btn_p_alert {position: absolute;bottom: 22%;right: 33%;width: 34%;height: 21%;} .btn_p_alert2 {position: absolute;bottom: 13%;right: 33%;width: 34%;height: 16%;} .btn_p_close_wrt {position: absolute;top:15px;right: 15px;} .pop_tt {text-align: center;margin-bottom: 10px;} .txt_type1 {font-size: 14px !important;color:#7d7d7d !important;} .txt_type2 {font-size: 22px !important;color:#333 !important;font-family:'notokr-black' !important;letter-spacing:-1px;} .txt_type3 {font-size: 25px !important;color:#333 !important;font-family:'notokr-black' !important;letter-spacing:-1px;} .txt_type4 {font-size: 24px !important;color:#333 !important;font-family:'notokr-bold' !important;letter-spacing:-1px;text-align: center;} .fc_s_red {color:#b23322 !important;} /* url_ipt */ .url_ipt {position:relative;border: 2px solid #2c1801;border-radius:15px;height: 60px;padding:0 140px 0 0;overflow: hidden;margin-top: 15px;} .url_ipt input {width: 100%;height: 100%;border: 0;outline:none;padding:0 20px;color:#7d7d7d;font-family:'notokr-medium';font-size:17px;letter-spacing:-1px;} .url_ipt a {position:absolute;top:0;right:0;display:inline-block;height:100%;width:140px;background: #2c1801;font-size: 20px;line-height: 55px;color:#fff;text-align: center;} /* pop_btn */ /*.pop_btn_box {text-align: center;position: absolute;bottom: 50px;left: 0;width:100%;;}*/ .pop_btn_box {text-align: center;margin-top: 30px;} .pop_btn {display:inline-block;min-width:200px;height: 50px;background: #bdbdbd;border-radius:50px;padding:10px 20px;font-family:'notokr-bold';color:#fff;font-size:20px;letter-spacing:-1px;text-align: center;margin:0 3px;line-height:1.5em;} .pop_btn_s {display:inline-block;min-width:130px;height: 32px;background: #bdbdbd;border-radius:50px;padding:5px 20px;font-family:'notokr-medium';color:#fff;font-size:15px;letter-spacing:-1px;text-align: center;margin:0 3px;line-height:1.5em;} .pop_btn.gry, .pop_btn_s.gry {background: #424242;} .pop_btn.red, .pop_btn_s.red {background: #b23322;} .pop_btn.brw, .pop_btn_s.brw {background: #2d1801;} .pop_btn:hover, .pop_btn_s:hover {color:#fff;} /* photo_li */ .photo_li {margin-top: 10px;*zoom:1} .photo_li:after {display:block;clear:both;content:""} .photo_li > div {position:relative;float:left;width:90px;height: 90px;border:1px solid #e2e2e2;border-radius:15px;overflow:hidden;margin:0 10px 0 0;background:url('//img1s.mbest.co.kr/Pub_event/20231215p/photo_bg.png') no-repeat center;cursor: pointer;} .photo_li > div img {width: 100%;height: 100%;} .photo_li > div span {display:inline-block;position:absolute;top:0;left: 0;width: 100%;height: 100%;} .photo_li > div a { display: inline-block; position: absolute; top: 5px; right: 5px; z-index: 20; background: #000; color: #fff; font-weight: bold; width: 15px; height: 15px; text-align: center;line-height: 1em;border-radius: 3px; } /* pop_tbl */ .pop_tbl {border:1px solid #e2e2e2;border-radius:12px;overflow:hidden;margin-top: 10px;} .pop_tbl table {width:100%;border-collapse:collapse;} .pop_tbl th, .pop_tbl td {padding:10px 10px;font-family:'notokr-medium';color:#333;font-size:14px;letter-spacing:-1px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;} .pop_tbl.view td {font-size:16px;padding:15px 15px;line-height: 1.5em;} .pop_tbl tr td:first-child, .pop_tbl tr th:first-child {border-left:0;} .pop_tbl tr:last-child th, .pop_tbl tr:last-child td {border-bottom:0;} .pop_tbl th {background:#f5f5f5;font-family:'notokr-bold';text-align: center;font-size:17px;} .pop_tbl textarea {width:100%;border: 0;outline:none;resize: none;font-family:'notokr-medium';color:#333;font-size:14px;letter-spacing: -1px;} .pop_tbl .txt_r {text-align: right;font-size:12px;color:#949494;} .pop_tbl .btn_del {margin:-3px 0;display:inline-block;} /* pop swiper */ .pop_img {position: relative;} .pop_img .pop_img_inner {height: 300px;/*height: 400px;*/width:100%;background:#f6f6f6;overflow: hidden;border-radius: 10px;} .btn_popImg_prev, .btn_popImg_next {position:absolute;top:27%;transform: translateY(-50%);z-index: 99;} .btn_popImg_prev {left:22px;} .btn_popImg_next {right:22px;} .pg_popImg {text-align: center;line-height: 0;margin-top: 15px;} .pg_popImg span {display: inline-block;width: 10px;height: 10px;margin: 0 5px;} .pg_popImg .swiper-pagination-bullet {background: #000;opacity: .2;} .pg_popImg .swiper-pagination-bullet-active {background: #000;opacity: 1;} .view_img {display: table;height: 100%;width: 100%;} .view_img > p {display: table-cell;vertical-align: middle;height: 100%;width: 100%;text-align: center;} .view_img img {max-width:640px;max-height:300px;/*max-height:400px;*/}