.content_top {background:#ffcf00 url(//jrimg2.mbest.co.kr/kids/pub_event/20230711m/top_bg.png) no-repeat center 0;}
.content_1 {background:#f1f1f1;}
.content_2 {background:#96ecff;}
.content_3 {background:#ffcdd3;}
.content_4 {background:#fff;}
.content_5 {background:#ff7a19;}
.content_6 {background:#0ec16b;}
.inner {position:relative;width:1100px;margin:0 auto;}

/* event1 - 입력 *********************/
.evt_reply1 *,
.evt_reply2 *,
.evt_input * {box-sizing: border-box;}
/*  1  */
.evt_input {position:relative;background: #fff;}
.select_box {width:1100px;height:614px;padding:40px 0 0;background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/con1_2.png') no-repeat 0 0;}
.sel_box {text-align: center}
.sel_box a {position:relative;display:inline-block;margin:0 12px;}
.sel_box span {position:relative;display:inline-block;width:145px;height:145px;overflow: hidden;border-radius: 50%;background:#bad7f6;}
.sel_box .on span {border:3px solid #0088ed;background:#52c5ff;}
.sel_box .on::after {content: '';position:absolute;top:-15px;left:50%;width:34px;height:34px;margin-left:-17px;background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_1_chk.png') no-repeat 0 0;}
.sel_box .on span img {margin:-3px 0 0 -3px;}	
.sel03.on span {border:3px solid #0088ed;background:#52c5ff;}
.sel03.on::after {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_3_chk.png') no-repeat 0 0;}	
.sel04.on span {border:3px solid #1bc76f;background:#7cef90;}
.sel04.on::after {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_4_chk.png') no-repeat 0 0;}	
.sel05.on span {border:3px solid #ff76a7;background:#ffb0d4;}
.sel05.on::after {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_5_chk.png') no-repeat 0 0;}	
.sel02.on span {border:3px solid #ffc203;background:#ffe54d;}
.sel02.on::after {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_2_chk.png') no-repeat 0 0;}	
.sel01.on span {border:3px solid #f75708;background:#ffd6ca;}
.sel01.on::after {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230620p/qst_chr_1_chk.png') no-repeat 0 0;}
/*  2  */
.select_img {float:left;width:140px;height:140px;border-radius:20px;background: #fffbcc;border: 1px solid #ccdcee;padding:20px 0 0 0;text-align: center}
.select_img span {position:relative;display:inline-block;width:100px;height:100px;overflow: hidden;border-radius: 50%;background:#bad7f6;}
.select_img span img {width:100%;}
.select_ipt {position:relative;float:right;width:calc(100% - 150px);height:140px;border:1px solid #ccdcee;border: 1px solid #ccdcee;border-radius:20px;overflow: hidden;}
.select_ipt textarea {width:100%;height:100%;border:0;resize: none;outline:none;padding:15px 180px 15px 20px;font-family:'notokr-medium';font-size:16px;letter-spacing: -1px;}
.cmt {float:right;font-family:'notokr-regular';font-size:12px;letter-spacing: -1px;color:#2d6691;margin: 10px 20px 0 0;}
.btn_ap {position:absolute;top:0;right:0;}

/* event1 - 리스트 *********************/
.evt_reply1 {position:relative;background: #fff;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding:0 45px 60px;box-shadow:0px 3px 0px rgba(0, 0, 0, 0.2);}
.re_list {}				
.re_list ul {*zoom:1}
.re_list ul:after{display:block;clear:both;content:""}
.re_list ul li {position:relative;float:left;width:calc(33.33% - 10px);border:1px solid #d7d7d7;border-radius:25px;padding:20px 20px 7px;box-shadow:0 3px 0 rgba(0, 0, 0, .05);margin:5px;overflow: hidden;}
.re_list ul li div {font-family:'notokr-regular';font-size:15px;letter-spacing:-1px;text-align: left;line-height:20px;}
.re_list .text {margin-top: 10px;color:#060606;overflow: hidden;}
.re_list .text p {white-space: normal;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-overflow:ellipsis;height:120px;overflow: hidden;font-size: 15px;line-height: 22px;letter-spacing: -0.075em;font-family: 'notokr-bold';color: #9f9f9f;}
.re_list .name {font-size:13px;text-align: center;font-family:'notokr-bold';height:42px;padding:12px 0 0 0;color:#658fae;}
.re_list .img {text-align:center;height:90px;}
.re_list .sel01 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_1.png') no-repeat center 0;}
.re_list .sel02 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_2.png') no-repeat center 0;}
.re_list .sel03 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_3.png') no-repeat center 0;}
.re_list .sel04 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_4.png') no-repeat center 0;}
.re_list .sel05 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_5.png') no-repeat center 0;}
.re_list .sel06 .img {background:url('//jrimg2.mbest.co.kr/kids/pub_event/20230711m/list_chr_6.png') no-repeat center 0;}
.re_list .close {position: absolute;top:10px;right:10px;}

/* event2 *********************/
.url_area {position:absolute;top:423px;left:97px;width:630px;height:68px;padding: 0 15px;}
.url_area input {width: 100%;height:100%;border: 0;font-size:24px;font-family:'notokr-medium';color:#333;}
.url_area input::placeholder{color: #9f9f9f;font-size: 21px;letter-spacing: -0.05em;text-align: left;}
.evt_reply2 {position:relative;background: #fff;border-bottom-left-radius:50px;border-bottom-right-radius:50px;padding:0 70px 60px;box-shadow:0px 3px 0px rgba(0, 0, 0, 0.2);}
.url_list {position: relative;text-align: left;}
.url_list ul {}
.url_list ul li {position:relative;padding:20px 0;border-bottom: 1px solid #ebebeb;font-size:14px;font-family:'notokr-medium';color:#333;}
.url_list ul li .user {margin-bottom: 5px;}
.url_list ul li .user span:nth-child(1) {color:#646464;font-family:'notokr-bold';margin-right: 10px;}
.url_list ul li .user span:nth-child(2) {color:#b4b4b4;font-size:13px;font-family:'notokr-regular';}
.url_list ul li .url {color:#646464;font-size:15px;word-wrap:break-word;word-break:break-all;}
.url_list ul li .close {position: absolute;top:20px;right: 0;}

.sticker_num{color: #0a6ccb;font-size: 24px;font-family: 'Maplestory OTF Bold';letter-spacing: -0.01em;position: absolute;top: 54px;right: 137px;line-height: 1.2;width: 50px;text-align: center;}
.chr_box{height: 177px;width: 880px; position: absolute;left:110px;top: 136px;}
.chr_box ul li{width: 132px;height: 177px;float: left;margin-left: 17px;}
.chr_box ul li:first-child{margin-left: 0;}
.btn_sticker{width: 100%;text-align: center;position: absolute;bottom: 55px;left:0px;}
.btn_sticker a{display: inline-block;}

.openTalk_area{position:absolute;top:238px;left:97px;width:869px;height:99px;padding: 0 15px;}
.openTalk_area textarea{width: 100%;height:100%;border: 0;font-size:15px;font-family:'notokr-medium';color:#333;letter-spacing: -0.05em;}
.openTalk_area textarea::placeholder{color: #9f9f9f;font-size: 15px;letter-spacing: -0.05em;text-align: left;}
.textarea_num{font-size: 14px;font-family: 'notokr-bold';letter-spacing: -0.025em;color: #7a8085;display: inline-block;position: absolute;bottom: 133px;right: 101px;line-height: 1.2;}
.btn_event{width: 100%;text-align: center;position: absolute;bottom: 62px;left:0px;}
.btn_event a{display: inline-block;}

.url_list{width: 900px;height: 147px;background: #fff;border-radius: 18px;position: absolute;bottom: 65px;left:100px;overflow: hidden;}
.url_list table{width: 100%;}
.url_list table thead th{height: 37px;background: #e4e4e4;line-height: 37px;color: #515151;text-align: center;}
.url_list table tbody td{height: 35px;line-height: 35px;text-align: center;}


/* 스크롤 메뉴 */
.scrollBanner {position:absolute;top:200px;right:0;width:205px;z-index:99;text-align: center;}
.scrollBanner a {display:inline-block;}
.jbFixed {position:fixed !important;}


/* 페이징 */
.paginate {clear:both;line-height:normal;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;z-index:2;margin:0 -2px;padding:0 8px;border-left:1px solid #ebebeb;background-color:#fff;font-size:11px;color:#545454;text-decoration:none;vertical-align:top}
.paginate a.first_page,.paginate strong.first_page{border-left:none}
.paginate a:hover,.paginate a:active,.paginate a:focus{color:#333;font-weight:bold;letter-spacing:-1px}
.paginate strong{color:#333}
.paginate .prev_first,.paginate .prev,.paginate .next,.paginate .next_end{overflow:hidden;position:relative;top:3px;margin:0 4px;padding:0;width:4px;height:7px;border:none;background:url(//jrimg1s.mbest.co.kr/Pub_common/icon/ic_paging.png) no-repeat 0 0;font-size:0;line-height:999px}
.paginate .prev_first{width:8px;background-position:-58px 0}
.paginate .prev{background-position:-76px 0}
.paginate .next{background-position:-90px 0}
.paginate .next_end{width:8px;background-position:-104px 0}

.url_list_page{position: absolute;bottom: 40px;left:0px;text-align: center;width: 100%;}
.url_list_page a,.url_list_page strong{background: none;}

.kids_layer{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;}
.kids_layer .btn_bottom{position: absolute;bottom:29px;left:0%;width: 100%;text-align: center;}
.kids_layer .btn_bottom a{display: inline-block;}

.bubbleWrap {position: relative;visibility: hidden; width: 1140px;height: 720px;margin: 50px auto 0;display: none;}
.bubbleWrap.show {visibility: visible;}
.bubbleWrap.show i {position: absolute;animation: popH 1.2s ease-in-out backwards;}
.bubbleWrap.show .kid01 {top: 240px;left:890px;animation-delay: 0.2s;}
.bubbleWrap.show .kid02 {top: 260px;left:1204px;animation-delay: 0.4s;}
.bubbleWrap.show .kid03 {top: 166px;left:0px;animation-delay: 0.2s;}
.bubbleWrap.show .kid04 {top: 30px;left:0px;animation-delay: 0.6s;}
.bubbleWrap.show .kid05 {top: 6px;left:0px;animation-delay: 1s;}
.bubbleWrap.show .kid06 {top: 376px;left:0px;animation-delay: 0.8s;}

@keyframes popH {
	0% {transform: scale(0);opacity: 0}
	50% {transform: scale(1.1);opacity: 1}
	70%,100% {transform: scale(1);opacity: 1}
}

/* 케이스 장착 팝업 */
.pop_case{width: 846px;height: 604px;position: absolute;top:235px;left:50%;transform: translate(-50%, 0);background: url('//devjrimg2.mbest.co.kr/kids/home/main/pop_case_box.png') no-repeat 0 0;z-index: 99;}
.pop_case .btn_case_close{position: absolute;top: 60px;right:38px;display: inline-block;}
.pop_case .case_sw{width: 681px;height: 350px;overflow: hidden;margin:0 auto;margin-top: 158px;}
.pop_case .btn_prev_c{position: absolute;left:23px;bottom:245px;}
.pop_case .btn_next_c{position: absolute;right:23px;bottom:245px;}
.pop_case .btn_prev_c a,
.pop_case .btn_next_c a{display: inline-block;}
.pop_case .case_pagination{position: absolute;bottom: 30px;left:0;width: 100%;text-align: center;}
.pop_case .swiper-pagination-bullet{width: 20px;height: 20px;opacity: 1;background: #a9a9a9;margin:0 3px;}
.pop_case .swiper-pagination-bullet-active{background: #fd6921;}
