.radio-r .icon { width: 20px; height: 20px; }/* common.css */
.main--theme-blue .sub-tab-area li.on a::before,
.main--theme-blue .sub-tab-area li.on a::after { background-color: #1d43d1; }


.mo-scroll-container { overflow-y: auto; overflow-x: auto; }
.mo-scroll-wrap { min-width: 550px; }


.button--green { color: #ffffff; background-color: #00b068; }
.button--red { color: #ffffff; background-color: #e11515; }
.button--red-light { color: #ffffff; background-color: #e9574c; }
.button--blue { color: #ffffff; background-color: #433eff; }
.button--skyblue { color: #ffffff; background-color: #29a9e8; }
.button--darkblue { color: #ffffff; background-color: #1d43d1; }
.button--grey { color: #ffffff; background-color: #747474; }
@media(min-width:1200px){
	.button--green:hover { background-color: #00cc78; }
	.button--red-light:hover { background-color: #ff4031; }
	.button--blue:hover { background-color: #221bff; }
	.button--skyblue:hover { background-color: #22b6ff; }
	.button--darkblue:hover { background-color: #1040f3; }
}



.radio-r { display: inline-block; vertical-align: top; position: relative; }
.radio-r .input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.radio-r .icon { display: inline-block; vertical-align: middle; position: relative; width: 26px; height: 26px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 50%; }
.radio-r .icon::before{
	content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	margin: auto; width: 16px; height: 16px;
	border: 4px solid #1d43d1; border-radius: 50%;
	-webkit-transform: scale(.2); transform: scale(.2);
	-webkit-transition: all ease .2s; transition: all ease .2s;
	opacity: 0;
}
.radio-r .input:checked ~ .icon::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.check-c { display: inline-block; vertical-align: top; position: relative; }
.check-c .input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.check-c .icon { display: inline-block; vertical-align: middle; position: relative; width: 26px; height: 26px; background-color: #ffffff; border: 1px solid #dddddd; }
.check-c .icon::before{
	content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	margin: auto; width: 16px; height: 16px;
	border: 4px solid #1d43d1;
	-webkit-transform: scale(.2); transform: scale(.2);
	-webkit-transition: all ease .2s; transition: all ease .2s;
	opacity: 0;
}
.check-c .input:checked ~ .icon::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

@media(max-width:1024px){
	.radio-r .icon { width: 20px; height: 20px; }
	.radio-r .icon::before { width: 12px; height: 12px; border-width: 3px; }

	.check-c .icon { width: 20px; height: 20px; }
	.check-c .icon::before { width: 12px; height: 12px; border-width: 3px; }
}
@media(max-width:768px){

}


.modal--basic{
	overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
	margin-top: 0;
	padding-top: 50px;
    width: 100%;
    max-height: none;
    /* background: #ffffff; */
	border-radius: 5px;
}
.modal--basic .modal__close { top: 0; }
.modal--basic .modal__body { background: #ffffff; }
.modal--basic .modal__foot { margin: 0; padding: 0 20px; background: #ffffff; }
.modal--basic .modal__buttons { padding-top: 0; }

.modal-message { padding-top: 60px; text-align: center; }
.modal-message .image { margin-bottom: 26px; }
.modal-message .title { line-height: 1.5; font-size: 24px; font-weight: 700; }
.modal-message p { margin-top: 12px; line-height: 1.4; font-size: 18px; color: #999999; }
@media(max-width:1024px){
	.modal__buttons .button { max-width: 260px; height: 50px; font-size: 16px; }

	.modal-message .image { margin-bottom: 20px; width: auto; height: 80px; }
	.modal-message .title { font-size: 20px; }
	.modal-message p { margin-top: 10px; font-size: 16px; }
}
@media(max-width:768px){
	.modal--basic { border-radius: 0; }
	.modal__buttons .button { max-width: 200px; height: 45px; font-size: 15px; }

	.modal--basic .modal__body { padding: 15px 15px 30px; }
	.modal--basic .modal__buttons { padding-bottom: 30px; }

	.modal-message .image { margin-bottom: 20px; width: auto; height: 70px; }
	.modal-message .title { font-size: 18px; }
	.modal-message p { font-size: 14px; }
}


.sv7 { background-color: #f0f4ff; }
.sv7 h3 { color: #1d43d1; }
.sv7 .inner:before { background-color: #1d43d1; }


/* 참여존 */
.videop-header { margin: auto; max-width: 1000px; }
.videop-header .player { position: relative; margin: auto; padding-top: calc(562 / 1000 * 100%); width: 100%; height: 0; background: url('/child/img/sub/participation/video-img.jpg') no-repeat center / cover; }
.videop-header .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videol-img { background-repeat: no-repeat; background-position: center; background-size: cover; }


/* Event Common */
.event-note { padding: 40px 60px 55px; background: #333333; }
.event-note__title { display: block; margin-bottom: 20px; line-height: 1; font-size: 20px; color: #ffffff; font-weight: 400; }
.event-note__lists { opacity: .5; }
.event-note__lists li { position: relative; margin-top: 5px; padding-left: 10px; line-height: 1.4; font-size: 15px; color: #ffffff; font-weight: 300; }
.event-note__lists li::before { content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background: #ffffff; }
@media(max-width:1024px){
	.event-note { padding: 30px; }
	.event-note__title { font-size: 16px; }
	.event-note__lists li { font-size: 14px; }
}
@media(max-width:768px){
	.event-container { margin: 0 -15px; }
	.event-note { padding: 30px 15px; }
}


/* 출석체크 */
.band-nail { display: inline-flex; align-items: center; justify-content: space-between; padding: 5px 6px 5px 20px; min-width: 240px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 5px; }
.band-nail .text { font-size: 16px; font-weight: 500; }
.band-nail .num { padding: 10px; min-width: 70px; line-height: 1; text-align: center; font-style: normal; font-size: 20px; font-weight: 700; color: #ffffff; background: #51b9ed; border-radius: 5px; }
.band-nail--blue { background-color: #f0faff; border-color: #29a9e8; }

.event-attendance__head { padding: 0 0 60px; text-align: center; background: #29a9e8; }
.event-attendance-image { position: relative; top: -120px; margin: 210px 0 -95px; }
.event-attendance-info .title { line-height: 0.9; font-size: 80px; color: #ffffff; font-weight: 100; }
.event-attendance-info .title b { font-weight: 700; }
.event-attendance-info .box { display: inline-block; margin: 30px 0 16px; padding: 6px 24px 8px; line-height: 1.4; font-size: 20px; color: #ffffff; font-weight: 300; background: rgba(255,255,255,.2); }
.event-attendance-info p { font-size: 18px; color: #ffffff; font-weight: 300; }

.event-attendance__body { padding: 60px 75px; background: #f5f5f5; }
.attendance-intro__lists { display: flex; align-items: center; }
.attendance-intro__list { display: flex; align-items: center; justify-content: space-between; padding: 0 40px; width: 50%; border-right: 1px solid #cccccc; }
.attendance-intro__list:last-child { border-right: none; }
.attendance-intro__text { line-height: 1.5; font-size: 20px; font-weight: 300; }
.attendance-intro__text b { font-weight: 700; }
.attendance-intro__image--left { margin: -10px -10px -15px; }

.attendance-main .bottom-button { display: flex; align-items: center; justify-content: center; margin: 60px -5px; }
.attendance-main .bottom-button .button { margin: 0 5px; max-width: 300px; width: 100%; height: 70px; font-size: 20px; font-weight: 700; border-radius: 70px; }

.attendance-board { margin-top: 40px; padding: 60px 75px 75px; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1); }
.attendance-board__head { display: flex; align-items: center; justify-content: space-between; }
.attendance-board__title { display: block; line-height: 1; font-size: 40px; font-weight: 200; }
.attendance-board__title b { font-weight: 700; }

.attendance-table { table-layout: fixed; margin-top: 40px; width: 100%; border: none; }
.attendance-table tr th { padding: 0 0 18px; font-size: 18px; font-weight: 700; color: #333333; }
.attendance-table tr th:first-child { padding-left: 5px; color: #d82020; }
.attendance-table tr th:last-child { padding-right: 5px; }
.attendance-table tr th .cell { padding-top: 18px; border-top: 2px solid #333333; }
.attendance-table tr td { padding: 5px; }
.attendance-table tr td .cell { padding: 10px 10px 15px; background: #ffffff; border: 1px solid #dddddd; }
.attendance-table tr td .cell.today { border-color: #29a9e8; }
.attendance-table tr td .cell.today .day { color: #29a9e8; }
.attendance-table tr td .cell.off2 { background: #e5e5e5; }
.attendance-table tr td .cell.off .attendance-stamp-group { opacity: 0; visibility: hidden; }
.attendance-table tr td .day { display: block; line-height: 1; font-size: 16px; color: #bbbbbb; font-weight: 700; }
.attendance-stamp-group { display: flex; margin: 20px -2px 0; }
.attendance-stamp-group .stamp { display: block; margin: 0 2px; width: 50%; }
.attendance-stamp-group .stamp .icon { display: block; position: relative; padding-top: 100%; width: 100%; height: 0; }
.attendance-stamp-group .stamp .icon::before,
.attendance-stamp-group .stamp .icon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.attendance-stamp-group .stamp .icon::before { background-image: url('/child/img/icon/stamp-off.png'); }
.attendance-stamp-group .stamp .icon::after { background-image: url('/child/img/icon/stamp-on.png'); opacity: 0; }
.attendance-stamp-group[data-stamp="1"] .stamp:first-child .icon::before { opacity: 0; }
.attendance-stamp-group[data-stamp="1"] .stamp:first-child .icon::after { opacity: 1; }
.attendance-stamp-group[data-stamp="2"] .stamp .icon::before { opacity: 0; }
.attendance-stamp-group[data-stamp="2"] .stamp .icon::after { opacity: 1; }

.attendance-info__lists { display: flex; margin-top: 20px; padding: 15px 20px; background: rgba(41,169,232,.1); }
.attendance-info__list { display: flex; align-items: center; padding: 22px 30px 24px; width: 50%; background: #ffffff; }
.attendance-info__list:first-child { margin-right: 10px; }
.attendance-info__list:last-child { margin-left: 10px; }
.attendance-info__title { display: block; margin: -5px 30px -5px 0; padding-right: 30px; line-height: 1.4; font-size: 17px; color: #555555; font-weight: 300; border-right: 1px solid #dddddd; }
.attendance-info__title span { font-weight: 700; }
.attendance-info__title .blue { color: #51b9ed; }
.attendance-info__title .red { color: #e9574c; }
.attendance-info__pr { flex: 1 1; line-height: 1.4; font-size: 16px; font-weight: 300; }
@media(max-width:1024px){
	.event-attendance-image { top: -110px; margin: 120px 0 -75px; }
	.event-attendance-image img { max-width: 265px; width: 100%; height: auto; }
	.event-attendance-info .title { font-size: 60px; }
	.event-attendance-info .box { font-size: 18px; }
	.event-attendance-info p { font-size: 16px; }

	.attendance-main .bottom-button .button { height: 60px; font-size: 18px; }

	.attendance-intro__text { font-size: 18px; }
	.attendance-intro__image img { width: 103px; height: auto; }
	.attendance-intro__image--left img { width: 130px; height: auto; }

	.attendance-board { padding: 50px 55px 65px; }
	.attendance-board__title { font-size: 30px; }
	.band-nail { min-width: 220px; }
	.band-nail .text { font-size: 15px; }
	.band-nail .num { font-size: 18px; }

	.attendance-table { margin-top: 30px; }
	.attendance-table tr th { padding-bottom: 10px; font-size: 16px; }
	.attendance-table tr th:first-child { padding-left: 3px; }
	.attendance-table tr th:last-child { padding-right: 3px; }
	.attendance-table tr th .cell { padding-top: 10px; }
	.attendance-table tr td { padding: 3px; }
	.attendance-table tr td .day { font-size: 14px; }

	.attendance-info__lists { margin-top: 15px; padding: 10px 15px; }
	.attendance-info__list { padding: 22px 20px 24px; }
	.attendance-info__list:first-child { margin-right: 5px; }
	.attendance-info__list:last-child { margin-left: 5px; }
	.attendance-info__title { font-size: 15px; }
	.attendance-info__pr { font-size: 14px; }
}
@media(max-width:768px){
	.event-attendance__head { padding: 0 0 40px; }
	.event-attendance__body { padding: 25px 15px; }
	.event-attendance-image { top: -80px; margin: 120px 0 -55px; }
	.event-attendance-image img { max-width: 180px; width: 100%; height: auto; }
	.event-attendance-info .title { font-size: 30px; }
	.event-attendance-info .box { font-size: 16px; }
	.event-attendance-info p { font-size: 13px; }

	.attendance-intro__lists { flex-direction: column; }
	.attendance-intro__list { padding: 15px 0; width: 100%; border-right: none; }
	.attendance-intro__text { font-size: 16px; }
	.attendance-intro__image img { width: 85px; height: auto; }
	.attendance-intro__image--left img { width: 112px; height: auto; -webkit-transform: translateX(8px); transform: translateX(8px); }

	.attendance-board { padding: 30px 10px; }
	.attendance-board__head { flex-direction: column; }
	.attendance-board__title { margin-bottom: 15px; font-size: 22px; }
	.band-nail { padding-left: 15px; min-width: 200px; }
	.band-nail .text { font-size: 13px; }
	.band-nail .num { padding: 6px; min-width: 55px; font-size: 16px; }
	.attendance-table tr th { font-size: 12px; }
	.attendance-table tr th:first-child { padding-left: 1px; }
	.attendance-table tr th:last-child { padding-right: 1px; }
	.attendance-table tr td { padding: 1px; }
	.attendance-table tr td .cell { padding: 5px 5px 10px; }
	.attendance-table tr td .day { font-size: 11px; }

	.attendance-info__lists { flex-direction: column; padding: 8px 10px; }
	.attendance-info__list { flex-direction: column; align-items: flex-start; padding: 16px 15px 20px; width: 100%; }
	.attendance-info__list:first-child { margin: 0 0 5px; }
	.attendance-info__list:last-child { margin: 5px 0 0; }
	.attendance-info__title { margin: 0 0 5px; padding-right: 0; font-size: 13px; border-right: none; }
	.attendance-info__pr { font-size: 13px; }
	.attendance-info__title br,
	.attendance-info__pr br { display: none; }

	.attendance-main .bottom-button { margin: 35px -2px; }
	.attendance-main .bottom-button .button { margin: 0 2px; height: 50px; font-size: 15px; }
}


/* 가로세로낱말퍼즐 */
.event-crossword__head { padding: 100px 75px 230px; text-align: center; background: #00b068 url('/child/img/sub/event/crossword/background.png') no-repeat top center; }
.event-crossword-title .pr { margin-top: 18px; line-height: 1.4; font-size: 20px; font-weight: 700; color: #ffffff; }
.event-crossword-title .round { display: inline-block; margin-top: 18px; padding: 8px 22px; line-height: 1.4; font-size: 20px; color: #ffffff; border: 1px solid rgba(255,255,255,.5); border-radius: 45px; }
.event-crossword-title .info { display: flex; align-items: center; justify-content: center; margin: 20px -20px 0; }
.event-crossword-title .info li { display: flex; align-items: baseline; margin: 0 20px; font-size: 18px; color: #ffffff; font-weight: 500; }
.event-crossword-title .info b { margin-right: 10px;;margin-bottom: -12px; padding: 8px; width: 80px; line-height: 1; font-size: 18px; color: #007e4b; font-weight: 700; background: #f1c159; border-radius: 35px; }

.event-crossword__body { padding: 0 75px 60px; background: #f1c159; }
.event-crossword__main { display: flex; position: relative; top: -160px; margin-bottom: -160px; }
.event-crossword__aside { flex: 1 1; }
.event-crossword__board { margin-right: 10px; padding: 30px 50px 40px; width: 740px; background: #ffffff; border: 1px solid #333333; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15); }
.event-crossword__title { display: block; margin-bottom: 16px; padding-bottom: 22px; line-height: 1; text-align: center; font-size: 20px; font-weight: 700; border-bottom: 1px solid #333333; }

.crossword-quiz { }
.crossword-quiz .title { display: block; margin-bottom: 6px; line-height: 1; font-size: 16px; font-weight: 500; color: #ef991e; }
.crossword-quiz li { margin-bottom: 20px; line-height: 1.6; font-size: 14px; color: #555555; font-weight: 300; }
.crossword-quiz li:last-child { margin-bottom: 0; }
.crossword-quiz--column { display: flex; margin: 0 -20px; }
.crossword-quiz--column li { flex: 1 1; padding: 2px 20px; border-right: 1px solid #dddddd; }
.crossword-quiz--column li:last-child { border-right: none; }
.crossword-quiz--column .title { color: #00b068; }

.crossword-memo { margin-bottom: 12px; }
.crossword-memo .head { display: block; position: relative; padding: 14px 40px 14px 20px; line-height: 1; font-size: 18px; font-weight: 700; background: #fff0d1; border: 1px solid #333333; border-radius: 5px; }
.crossword-memo .block { display: block; margin-top: -6px; padding: 26px 20px 20px; background: #ffffff; border: 1px solid #333333; border-radius: 5px; }
.crossword-memo--toggle { cursor: pointer; }
.crossword-memo--toggle .head::after { content: ''; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; width: 10px; height: 8px; background: url('/child/img/icon/arrow-down-dark.png') no-repeat center; }
.crossword-memo--toggle .block { display: none; }
.crossword-memo--toggle[data-memo="opened"] .head::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.crossword-memo--toggle[data-memo="opened"] .block { display: block; }

.crossword-board .bottom-button { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.crossword-board .bottom-button .button { width: 300px; height: 60px; font-size: 18px; font-weight: 700; border-radius: 5px; }
.crossword-board-table { table-layout: fixed; width: 100%; }
.crossword-board-table .td { padding: 2px; }
.crossword-board-table .cell { overflow: hidden; position: relative; padding-top: 100%; width: 100%; height: 0; }
.crossword-board-table .cell .num { z-index: 2; position: absolute; top: 5px; left: 5px; line-height: 1; font-size: 12px; font-weight: 500; color: #22c36e; }
.crossword-board-table .cell .input { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; text-align: center; font-size: 22px; font-weight: 500; color: #00b068; background-color: #ffffff !important; border-color: #91c4a9 !important; border-radius: 5px; }
.crossword-board-table .cell .input:disabled { background-color: #e5e5e5 !important; border-color: #bcbcbc !important; }
.crossword-board-table .cell.on .input { color: #ef991e; background-color: #fff0d1 !important; border-color: #f1c159 !important; }
.crossword-board-table .cell.on .num { color: #ef991e; }
.crossword-board-table .cell.future .input { background-color: #def2e7 !important; border-color: #91c4a9 !important; }
@media(max-width:1024px){
	.event-crossword__head { padding-bottom: 180px; }
	.event-crossword__head .img img { max-width: 450px; width: 100%; height: auto; }
	.event-crossword-title .pr { font-size: 18px; }
	.event-crossword-title .round { font-size: 18px; }
	.event-crossword-title .info li { font-size: 16px; }
	.event-crossword-title .info b { width: 65px; font-size: 16px; }

	.event-crossword__main { flex-direction: column; top: -120px; margin-bottom: -120px; }
	.event-crossword__board { margin: 0 0 30px; width: 100%; }

	.crossword-board .bottom-button .button { height: 55px; font-size: 16px; }
}
@media(max-width:768px){
	.event-crossword__head { padding: 60px 20px 160px; }
	.event-crossword-title .pr { font-size: 16px; }
	.event-crossword-title .round { padding: 8px 20px 10px; font-size: 16px; }
	.event-crossword-title .info { display: inline-flex; flex-direction: column; align-items: flex-start; margin: 10px 0 0; }
	.event-crossword-title .info li { margin: 10px 0 0; font-size: 14px; }
	.event-crossword-title .info b { padding: 6px; width: 65px; font-size: 14px; }

	.event-crossword__body { padding: 0 10px 45px; }
	.event-crossword__title { font-size: 18px; }
	.crossword-quiz .title { font-size: 15px; }
	.crossword-quiz li { font-size: 13px; }
	.event-crossword__board { padding: 25px 15px 30px; }
	.crossword-board-table .td { padding: 1px; }
	.crossword-board-table .cell .num { font-size: 10px; }
	.crossword-board-table .cell .input { font-size: 14px; }

	.crossword-memo .head { font-size: 16px; }
	.crossword-memo--toggle .head::after { background-size: auto 6px; }
	.crossword-board .bottom-button .button { height: 45px; font-size: 15px; }
}


/* 퀴즈왕 */
.event-quiz { padding: 90px 75px 120px; background: #ffcd33 url('/child/img/sub/event/quiz/background.png') no-repeat center / cover; }
.event-quiz__head { display: flex; }
.event-quiz-image { margin-left: 10px; width: 50%; }
.event-quiz-info { flex: 1 1; margin: 0 40px; padding-top: 60px; }
.event-quiz-line { padding: 34px 35px 36px; border: 4px solid #333333; }
.event-quiz-line .title { line-height: 1.5; font-size: 20px; font-weight: 500; }
.event-quiz-line .title b { display: block; margin-top: 16px; line-height: 1; font-size: 24px; font-weight: 800; }
.event-quiz-line .info { margin: 38px 0 0; }
.event-quiz-line .info li { margin-top: 26px; font-size: 18px; font-weight: 500; }
.event-quiz-line .info b { display: block; margin-bottom: 8px; padding: 8px; width: 80px; line-height: 1; text-align: center; font-size: 18px; color: #ffffff; font-weight: 500; background: #333333; border-radius: 35px; }
.event-quiz-line .bottom { margin-top: 36px; padding-top: 22px; line-height: 1.6; text-align: center; font-size: 20px; color: #ffffff; font-weight: 500; border-top: 1px solid #333333; }
.event-quiz-line .bottom .dark { color: #523f1c; }

.event-quiz__body { margin-top: 80px; }
.quiz-sketchbook { position: relative; margin: auto; max-width: 905px; width: 100%; }
.quiz-sketchbook-backward { z-index: 1; position: absolute; right: -30px; bottom: -30px; width: 100%; height: 100%; background: rgba(189,154,46,.3); border-radius: 10px; }
.quiz-sketchbook-forward { z-index: 2; position: relative; }
.quiz-sketchbook-punched { z-index: 2; position: relative; }
.quiz-sketchbook-punched img { display: block; }
.quiz-sketchbook-note { position: relative; background: #fcfaf4; border-right: 1px solid rgba(148, 148, 148, .2); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(36,36,36,.2); }
.quiz-sketchbook-note::before { content: ''; position: absolute; top: 40px; left: 0; right: 0; margin: auto; width: calc(100% - 80px); height: calc(100% - 40px); background: url('/child/img/sub/event/quiz/sketchbook-line.png'); pointer-events: none; }
.quiz-sketchbook-note::after { content: ''; position: absolute; top: 10px; right: -10px; width: 58px; height: 66px; background: url('/child/img/sub/event/quiz/sketchbook-clip.png'); pointer-events: none; }

.quiz-page { position: relative; min-height: 510px; }
.quiz-page .bottom-button .button { position: relative; width: 300px; height: 70px; font-size: 24px; font-weight: 700; border-radius: 10px; }
.quiz-page .bottom-button .button::before { content: ''; z-index: 1; position: absolute; top: 9px; left: 9px; width: 100%; height: 100%; border-radius: 10px; }
.quiz-page .bottom-button .button span { z-index: 2; position: relative; }
.quiz-page .bottom-button .button--red::before { background: rgba(225,21,21,.5); pointer-events: none; }
.quiz-page .bottom-button .button--grey::before { background: rgba(116,116,116,.5); pointer-events: none; }

.quiz-page--start { padding: 65px 15px 110px; text-align: center; }
.quiz-page--start .bottom-button { margin-top: -115px; text-align: center; }

.quiz-page--work { padding: 50px 125px 85px; }
.quiz-head { padding: 0 10px 36px; border-bottom: 1px solid #dddddd; }
.quiz-head .badge { display: block; margin-bottom: 10px; line-height: 1; font-size: 18px; color: #ffba00; font-weight: 700; }
.quiz-head .badge b { font-size: 30px; }
.quiz-head .title { display: block; line-height: 1.5; font-size: 30px; font-weight: 700; }
.quiz-head .button { position: absolute; top: 0; bottom: 0; margin: auto; width: 55px; height: 50px; background-repeat: no-repeat; background-position: center; }
.quiz-head .button--prev { left: 35px; background-image: url('/child/img/icon/vector-arrow-left-grey.png'); }
.quiz-head .button--next { right: 35px; background-image: url('/child/img/icon/vector-arrow-right-blue.png'); }
.quiz-radio-lists { margin-top: 40px; }
.quiz-radio-lists li { margin-top: 30px; }
.quiz-radio-lists .item { display: inline-flex; align-items: center; position: relative; }
.quiz-radio-lists .item .input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; visibility: hidden; }
.quiz-radio-lists .round { display: flex; align-items: center; justify-content: center; position: relative; margin-right: 18px; padding-bottom: 1px; width: 40px; height: 40px; font-size: 17px; color: #ffba00; font-weight: 700; border: 2px solid #ffba00; border-radius: 50%; }
.quiz-radio-lists .round::before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: 9px; width: 65px; height: 80px; background: url('/child/img/icon/correct.png'); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
.quiz-radio-lists .text { font-size: 22px; color: #555555; font-weight: 500; }
.quiz-radio-lists .item .input:checked ~ .round { color: #ffffff; background: #ffba00; }
.quiz-radio-lists .item .input:checked ~ .round::before { opacity: 1; }
.quiz-radio-lists .item .input:checked ~ .text { color: #ffba00; }

.quiz-score { text-align: center; }
.quiz-score .title { }
.quiz-score .score { display: block; margin-top: 30px; line-height: 1; font-size: 36px; font-weight: 700; }
.quiz-score .score strong { font-style: normal; font-size: 96px; font-weight: 700; color: #1a47c5; }
.quiz-score .score img { margin: 15px auto 0; }
.quiz-score .pr { margin-top: 30px; line-height: 1.5; font-size: 20px; font-weight: 300; }
.quiz-score .pr b { font-weight: 700; }
.quiz-page--score .bottom-button { margin-top: 55px; }
.quiz-page--score .bottom-button .button--grey svg { z-index: 2; position: relative; margin-right: 12px; width: 18px; height: 22px; fill: #ffffff; }
.quiz-score--retry { padding: 90px 0 55px; }
.quiz-score--winner { padding: 55px 0 100px; background: url('/child/img/sub/event/quiz/confetti.png') no-repeat center; }
.quiz-score--winner .score { margin-top: 10px; }
.quiz-score--winner .score strong { color: #e31212; }
.quiz-page--message .message { position: absolute; top: 50%; left: 50%; font-size: 20px; font-weight: 300; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media(max-width:1024px){
	.event-quiz-image { margin-left: 0; width: 45%; }
	.event-quiz-info { margin: 0 30px; padding-top: 0; }
	.event-quiz-line .title { font-size: 18px; }
	.event-quiz-line .title b { margin-top: 12px; font-size: 22px; }
	.event-quiz-line .info li { margin-top: 16px; font-size: 16px; }
	.event-quiz-line .info b { width: 65px; font-size: 16px; }
	.event-quiz-line .bottom { margin-top: 26px; padding-top: 18px; font-size: 20px; }

	.quiz-sketchbook-note::after { -webkit-transform: scale(.8); transform: scale(.8); }
	.quiz-page .bottom-button .button { max-width: 250px; width: 100%; height: 55px; font-size: 20px; }

	.quiz-page--work { padding: 50px 100px 65px; }
	.quiz-head { padding: 0 10px 26px; }
	.quiz-head .badge { font-size: 16px; }
	.quiz-head .badge b { font-size: 26px; }
	.quiz-head .title { font-size: 24px; }
	.quiz-radio-lists { margin-top: 30px; }
	.quiz-radio-lists li { margin-top: 26px; }
	.quiz-radio-lists .round { width: 36px; height: 36px; font-size: 15px; }
	.quiz-radio-lists .round::before { -webkit-transform: translate(-50%, -50%) scale(.9); transform: translate(-50%, -50%) scale(.9); }
	.quiz-radio-lists .text { font-size: 18px; }

	.quiz-score .title img { width: auto; height: 66px; }
	.quiz-score .score { font-size: 30px; }
	.quiz-score .score strong { font-size: 80px; }
	.quiz-score .score img { width: auto; height: 23px; }
	.quiz-score .pr { font-size: 18px; }
	.quiz-score--retry { padding: 60px 0 50px; }
	.quiz-score--winner { padding: 55px 15px 100px; }
	.quiz-score--winner .title img { height: 120px; }
	.quiz-page--message .message { font-size: 18px; }
}
@media(max-width:768px){
	.event-quiz { padding: 80px 15px; }
	.event-quiz__head { flex-direction: column; }
	.event-quiz-image { margin: 0 0 30px; width: 100%; text-align: center; }
	.event-quiz-image img { max-width: 250px; height: auto; }
	.event-quiz-info { margin: 0; }
	.event-quiz-line { padding: 25px 15px; }
	.event-quiz-line .title { font-size: 16px; }
	.event-quiz-line .title b { margin-top: 10px; font-size: 18px; }
	.event-quiz-line .info li { margin-top: 14px; font-size: 14px; }
	.event-quiz-line .info b { width: 60px; font-size: 14px; }
	.event-quiz-line .bottom { padding-top: 15px; font-size: 16px; }

	.event-quiz__body { margin-top: 30px; }

	.quiz-sketchbook-backward { right: -15px; bottom: -15px; }
	.quiz-sketchbook-note::after { top: 6px; right: -18px; -webkit-transform: scale(.6); transform: scale(.6); }
	.quiz-page { min-height: auto; }
	.quiz-page .bottom-button .button { max-width: 180px; width: 100%; height: 45px; font-size: 16px; }
	.quiz-page--start { padding: 45px 15px 60px; }
	.quiz-page--start .img img {}
	.quiz-page--start .bottom-button { margin-top: -10%; }

	.quiz-page--work { padding: 35px 25px 65px; }
	.quiz-head { padding: 0 5px 15px; }
	.quiz-head .button { top: auto; bottom: 10px; -webkit-transform: scale(.8); transform: scale(.8); }
	.quiz-head .button--prev { left: auto; right: 70px; }
	.quiz-head .button--next { right: 15px; }
	.quiz-head .badge { font-size: 13px; }
	.quiz-head .badge b { font-size: 18px; }
	.quiz-head .title { font-size: 16px; }
	.quiz-radio-lists li { margin-top: 20px; }
	.quiz-radio-lists .round { width: 34px; height: 34px; font-size: 14px; }
	.quiz-radio-lists .text { font-size: 16px; }

	.quiz-page--score .bottom-button { margin-top: 35px; }
	.quiz-page--score .bottom-button .button--grey svg { margin-right: 10px; width: 14px; }
	.quiz-score .title img { width: auto; height: 45px; }
	.quiz-score .score { margin-top: 5px; font-size: 20px; }
	.quiz-score .score strong { font-size: 52px; }
	.quiz-score .score img { width: auto; height: 15px; }
	.quiz-score .pr { font-size: 16px; }
	.quiz-score--winner { padding: 45px 15px 80px; background-size: auto 260px; }
	.quiz-score--winner .title img { height: 75px; }
	.quiz-score--retry { padding: 45px 0 50px; }
	.quiz-page--message { min-height: 350px; }
	.quiz-page--message .message { width: 100%; font-size: 16px; text-align: center; }
}
@media(max-width:500px){
	.quiz-score--winner { background-size: auto 200px; }
}


/* 마스코트 투표 */
.event-vote { background: #fffbef url('/child/img/sub/event/vote/background.png') repeat -3px -3px; }
.event-vote__head { padding: 100px 15px 0; text-align: center; }
.event-vote-info p { margin-top: 15px; line-height: 1.5; font-size: 18px; }
.event-vote-line { position: relative; margin: -8px auto 10px; max-width: 870px; width: 100%; }
.event-vote-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.event-vote-background svg { width: 100%; height: 100%; }
.event-vote-background svg .layer { opacity: .5; }
.event-vote-contents { display: inline-flex; z-index: 2; position: relative; padding: 30px; }
.event-vote-contents .info li { display: flex; margin-top: 16px; line-height: 1.4; font-size: 18px; }
.event-vote-contents .info .badge { display: block; margin-right: 20px; padding: 8px 8px 9px; width: 120px; line-height: 1; font-size: 18px; color: #ffffff; font-weight: 500; background: #192263; border-radius: 35px; }
.event-vote-contents .context { text-align: left; }
.event-vote-contents .context .orange { color: #ff9000; }
.event-vote-contents .context .blue { color: #433eff; }

.event-vote__body { padding: 65px 75px 100px; }
.vote-nominee-container .title { display: flex; align-items: center; margin-bottom: 75px; line-height: 1; font-size: 34px; font-weight: 700; color: #192263; }
.vote-nominee-container .title::before,
.vote-nominee-container .title::after { content: ''; flex: 1 1; display: block; height: 1px; background: #192263; }
.vote-nominee-container .title span { display: block; margin: 0 40px; }

.vote-nominee__lists { display: flex; flex-wrap: wrap; justify-content: center; margin: -30px auto; max-width: 920px; }
.vote-nominee__list { padding: 30px 15px; width: 33.33333%; }

.vote-nominee__lists--voted .nominee:not(.on) .nominee__thumbnail img { opacity: .4; }
.vote-nominee__lists--voted .nominee.on .nominee__thumbnail img { opacity: 1 ; }
.vote-nominee__lists--voted .nominee:not(.on) .nominee__bottom .button { background-color: #666666; }

.nominee { margin: auto; max-width: 230px; width: 100%; }
.nominee__thumbnail { padding: 6px; font-size: 0; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(36,36,36,.1); }
.nominee__top { position: relative; }
.nominee__mask{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	margin: auto; width: calc(100% - 12px); height: calc(100% - 12px); background: rgba(0,0,0,.8);
	-webkit-transition: all ease .1s; transition: all ease .1s;
	opacity: 0;

}
.nominee__mask span { display: block; margin-top: 10px; font-size: 16px; color: #ffffff; }
.nominee__badge { z-index: 3; display: flex; align-items: center; justify-content: center; position: absolute; top: -16px; left: -16px; padding-bottom: 1px; width: 50px; height: 50px; font-size: 16px; color: #ffffff; font-weight: 700; background: #ffa800; border-radius: 50%; }
.nominee__bottom .button { margin-top: 10px; max-width: 230px; width: 100%; height: 45px; font-size: 18px; color: #ffffff; border-radius: 450px; }
@media(min-width:1025px){
	.nominee__top:hover .nominee__mask { opacity: 1; }
}
@media(max-width:1024px){
	.event-vote-image img { max-width: 600px; width: 100%; height: auto; }

	.event-vote-info p { font-size: 16px; }
	.event-vote-contents .info .badge { width: 100px; font-size: 16px; }
	.event-vote-contents .info li { font-size: 16px; }

	.vote-nominee-container .title { margin-bottom: 55px; font-size: 28px; }
	.nominee__bottom .button { font-size: 16px; }
}
@media(max-width:768px){
	.event-vote-info p { font-size: 14px; }
	.event-vote-contents .info .badge { margin-bottom: 5px; width: 80px; font-size: 14px; }
	.event-vote-contents .info li { flex-direction: column; font-size: 14px; }
	.event-vote__body { padding: 65px 25px 60px; }

	.vote-nominee-container .title { margin-bottom: 35px; font-size: 22px; }
	.vote-nominee-container .title span { margin: 0 15px; }
	.vote-nominee__lists { margin: -20px -10px; }
	.vote-nominee__list { padding: 20px 10px; width: 50%; }
	.nominee__badge { width: 45px; height: 45px; font-size: 14px; }
	.nominee__bottom .button { height: 40px; font-size: 15px; }
}


/* SNS */
.event-sns { overflow: hidden; padding: 30px 75px 60px; background: #f4a2d6 url('/child/img/sub/event/sns/light.png') no-repeat top -300px center; }
.event-sns__head { position: relative; padding: 0 0 45px; text-align: center; }
.event-sns-image { margin-bottom: -110px; }
.event-sns-info p { position: relative; margin-top: 18px; line-height: 1.5; font-size: 18px; }
.event-sns-info p small { font-size: 16px; }
.event-sns-person { pointer-events: none; }
.event-sns-person img:first-child { position: absolute; bottom: 0; left: 45px; }
.event-sns-person img:last-child { position: absolute; bottom: 0; right: 60px; }

.event-sns__box { margin-bottom: 40px; padding: 40px 75px 60px; background: #ffffff; border-radius: 52px; }
.event-sns__box:last-child { margin-bottom: 0; }
.sns-info { padding: 0 0 20px; border-bottom: 2px solid #885eeb; }
.sns-info .lists { display: flex; align-items: center; justify-content: center; }
.sns-info .lists li { display: flex; align-items: center; margin: 0 30px; line-height: 1.4; font-size: 18px; font-weight: 500; }
.sns-info .lists b { display: block; margin-right: 10px; padding: 6px 0 8px; width: 80px; line-height: 1; text-align: center; font-size: 18px; color: #ffffff; font-weight: 500; background: #885eeb;  border-radius: 35px;}
.sns-promote .caption { text-align: center; font-size: 16px; }

.promote-list { display: flex; padding: 40px 0; border-bottom: 1px solid #dddddd; }
.promote-list:last-child { border-bottom: none; }
.promote-list-left { width: 290px; }
.promote-list-left .title { margin: -4px 0; line-height: 1.4; font-size: 30px; font-weight: 300; }
.promote-list-left .title small { display: block; margin-bottom: 5px; line-height: 1; font-size: 18px; color: #885eeb; font-weight: 700; }
.promote-list-left .title b { font-weight: 700; }
.promote-list-right { flex: 1 1; }

.hash-tag-lists { display: flex; align-items: center; margin: 0 -5px 20px; }
.hash-tag-lists li { margin: 0 5px; padding: 10px 22px; line-height: 1; text-align: center; font-size: 18px; font-weight: 500; color: #885eeb; border: 1px solid #885eeb; border-radius: 40px; }

.grey-box { padding: 25px 10px 25px 40px; background: #f5f5f5; border: 1px solid #cccccc; }
.grey-box .title { display: block; margin-bottom: 15px; line-height: 1; font-size: 20px; font-weight: 700; }
.grey-box ul li { display: flex; margin: 10px 0; line-height: 1.4; font-size: 16px; color: #555555; }
.grey-box ul li:last-child { margin-bottom: 0; }
.grey-box ul li b { padding-right: 4px; color: #885eeb; }

.promote-list:nth-child(even) .promote-list-left .title small,
.promote-list:nth-child(even) .grey-box ul li b { color: #ee428b; }
@media(max-width:1024px){
	.event-sns { padding: 30px 15px 60px; }
	.event-sns__box { padding: 40px 35px 60px; }
	.event-sns-image img { max-width: 540px; width: 100%; height: auto; }
	.event-sns-person img:first-child { width: 240px; }
	.event-sns-person img:last-child { width: 210px; }
	.event-sns-info p { margin-top: 30px; font-size: 16px; }

	.sns-info .lists li { margin: 0 20px; font-size: 16px; }
	.sns-info .lists b { width: 75px; font-size: 16px; }
	.sns-promote .caption { font-size: 13px; }

	.promote-list { padding: 25px 0; }
	.promote-list-left .title small { font-size: 16px; }
	.promote-list-left .title { font-size: 20px; }

	.hash-tag-lists { margin: 0 -5px 15px; }
	.hash-tag-lists li { padding: 8px 18px; font-size: 16px; white-space: nowrap; }

	.grey-box { padding: 20px 30px; }
	.grey-box .title { font-size: 18px; }
	.grey-box ul li { font-size: 14px; }
}
@media(max-width:768px){
	.event-sns__box { margin-bottom: 15px; padding: 20px 15px; border-radius: 20px; }
	.event-sns-image img { position: relative; left: 50%; max-width: 480px; min-width: 450px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.event-sns-person { display: none; }
	.event-sns-info p { margin-top: 40px; line-height: 1.4; font-size: 14px; }

	.sns-info { text-align: center; }
	.sns-info .lists { display: inline-flex; flex-direction: column; align-items: flex-start; }
	.sns-info .lists li { margin: 5px 0; font-size: 13px; }
	.sns-info .lists b { padding: 5px 0 4px; width: 60px; font-size: 13px; }

	.promote-list { flex-direction: column; }
	.promote-list-left .title { font-size: 16px; }
	.promote-list-left .title small { font-size: 14px; }
	.promote-list-left .title br { display: none; }
	.promote-list-right { padding: 18px 0 0; }
	.hash-tag-lists { margin: 0 -1px 10px; }
	.hash-tag-lists li { margin: 0 1px; padding: 6px 14px; font-size: 12px; }

	.grey-box { padding: 15px; }
	.grey-box .title { margin-bottom: 5px; font-size: 16px; }
	.grey-box ul li { flex-direction: column; font-size: 13px; }
}


/* 이벤트 응모 게시판 */
.board-sns-container .write { display: flex; align-items: center; justify-content: center; margin: auto; max-width: 340px; height: 70px; text-align: center; font-size: 22px; color: #ffffff; font-weight: 700; background: #885eeb; }
.board-sns-container .write img { margin-right: 15px; }
.board-sns-container .current_page { background: #885eeb; }
.board-sns-container .button-point { background: #885eeb; }
.board-sns-container .board-table,
.board-sns-container #bbs_write_style { border-top-color: #885eeb; }
.board-sns-container #page_list_style { margin-bottom: 0; }
.board-sns-container .point { color: #885eeb; font-weight: 700; }
.board-sns-container .td-flex { display: flex; align-items: center;justify-content: space-between; }
.board-sns-container .td-flex .left { flex: 1 1; }
.board-sns-container .td-flex .right { display: flex; align-items: center; justify-content: flex-end; width: 150px; }
.board-sns-container .td-flex .img { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.bbs-category { display: flex; align-items: center; justify-content: center; margin: 40px -28px 30px; }
.bbs-category li { padding: 0 28px; line-height: 1; font-size: 20px; color: #bcbcbc; font-weight: 700; border-right: 1px solid #dddddd; }
.bbs-category li:last-child { border-right: none; }
.bbs-category li.on { color: #333333; }
@media(min-width:1025px){
	.event-sns__write:hover { background: #7338fd; }
}
@media(max-width:1024px){
	.board-sns-container .write { max-width: 260px; height: 60px; font-size: 20px; }
	.board-sns-container .write img { width: 20px; height: auto; }
	.bbs-category li { font-size: 18px; }
}
@media(max-width:768px){
	.board-sns-container .write { max-width: 200px; height: 50px; font-size: 16px; }
	.board-sns-container .write img { width: 18px; }
	.bbs-category { flex-wrap: wrap; margin: 30px 0 25px; }
	.bbs-category li { margin: 3px 0; width: 50%; font-size: 16px; border-right: none; }
}


/* 게시판 */
.board-table { width: 100%; background: #fff; border-top: 1px solid #3d8fff; border-bottom: 1px solid #ddd; border-collapse: collapse; }
.board-table tr { border-bottom: 1px solid #e5e5e5; }
.board-table tr th, .board-table tr td{ line-height: 1.2; background-color: #fff; }
.board-table tr th { padding: 20px 5px; font-size: 18px; color: #333; font-weight: 500; }
.board-table tr td { padding: 15px 5px; font-size: 18px; color: #666; font-weight: 200; }
.board-table td strong{ font-size: 16px; font-weight: 600; padding-left:5px; }
.data-mo { display: none; }
@media(max-width:1024px){
	.board-table tr th { padding: 18px 2px; font-size: 15px; }
	.board-table tr td { padding: 13px 2px; font-size: 15px; }
}
@media(max-width:768px){
	.board-table tr th { padding: 16px 2px; font-size: 13px; }
	.board-table tr td { padding: 13px 2px; font-size: 13px; }
	.board-table--basic thead { display: none; }
	.board-table--basic tbody tr td:not(.td-mo) { display: none; }
	.board-table--basic tbody tr td a { font-size: inherit; }
	.board-table--basic .td-flex { display: none; }
	.data-mo { display: block; }
	.data-mo .img-wrap { display: flex; align-items: center; margin-top: 5px; }
	.data-mo .img-wrap .img { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: cover; }
	.data-mo__row:nth-child(1) { margin-bottom: 8px; }
	.data-mo__row:nth-child(1) b { padding-left: 5px; }
	.data-mo__row:nth-child(3) { margin-top: 15px; }
	.data-mo__row:nth-child(3) span { padding-right: 5px; }
}


/* 만족도 조사 */
.event-survey__head { display: flex; justify-content: center; margin-bottom: 60px; }
.event-survey__top { display: inline-flex; align-items: center; }
.event-survey__contents { padding: 10px 0 0 45px; }
.event-survey__title { line-height: 1; font-size: 32px; color: #1d43d1; font-weight: 700; }
.event-survey__intro { margin-bottom: 45px; padding: 0 15px; text-align: center; }
.event-survey__pr { margin-top: 18px; line-height: 1.8; font-size: 18px; }

.survey-block-container { padding: 60px; background: #ffffff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); }
.survey-block:not(:last-child) { margin-bottom: 60px; }
.survey-block h2 { margin: -6px 0 14px; font-size: 20px; font-weight: 700; }
.survey-block h3 { margin: 30px 0 12px; font-size: 18px; font-weight: 500; }
.survey-block .form .textarea { padding: 15px; width: 100%; height: 200px; border: 1px solid #dddddd !important; }
.survey-block .form .input { max-width: 350px; width: 100%; height: 45px; }
.survey-block--buttons  { display: flex; align-items: center; justify-content: center; }
.survey-block--buttons .button { max-width: 300px; width: 100%; height: 75px; font-size: 20px; color: #ffffff; font-weight: 700; border-radius: 75px; }

.survey-table { width: 100%; border-top: 2px solid #1d43d1; border-bottom: 1px solid #cccccc; }
.survey-table thead tr { border-bottom: 1px solid #dddddd; }
.survey-table thead tr th { padding: 10px 8px; line-height: 1.4; text-align: center; font-size: 16px; font-weight: 500; }
.survey-table thead tr th:nth-child(2) { width: 85px; }
.survey-table thead tr th:nth-child(3) { width: 85px; }
.survey-table thead tr th:nth-child(4) { width: 85px; }
.survey-table thead tr th:nth-child(5) { width: 85px; }
.survey-table thead tr th:last-child { width: 85px; border-right: none; }
.survey-table tbody tr td { padding: 14px 8px; line-height: 1.5; text-align: center; font-size: 16px; }
.survey-table tbody tr td:first-child { padding-left: 30px; text-align: left; }

.survey-ul > li { margin: 12px 0; }
.survey-ul > li:first-child { margin-top: 0; }
.survey-ul > li:last-child { margin-bottom: 0; }
.survey-ul > li .radio-r,
.survey-ul > li .check-c { display: inline-flex; align-items: center; font-size: 16px; }
.survey-ul > li .radio-r .input:checked ~ span,
.survey-ul > li .check-c .input:checked ~ span { color: #1d43d1; }
.survey-ul > li .radio-r .icon,
.survey-ul > li .check-c .icon { margin-right: 10px; }
.survey-ul > li .radio-r span,
.survey-ul > li .check-c span { flex: 1 1; }
@media(min-width:1025px){
	.survey-table tbody tr:hover { background: #f6f7fc; }
}
@media (max-width:1024px){
	.event-survey__image img { width: 160px; height: auto; }
	.event-survey__title { font-size: 24px; }
	.event-survey__pr { font-size: 16px; }

	.survey-block:not(:last-child) { margin-bottom: 45px; }
	.survey-block h2 { font-size: 17px; }
	.survey-block h3 { margin: 15px 0 10px; font-size: 16px; }
	.survey-block .form .input { height: 35px; }
	.survey-block .form .textarea { height: 130px; font-size: 14px; }
	.survey-block--buttons .button { height: 60px; font-size: 18px; }

	.survey-table thead tr th { padding: 10px 5px; font-size: 13px; }
	.survey-table thead tr th:nth-child(2),
	.survey-table thead tr th:nth-child(3),
	.survey-table thead tr th:nth-child(4),
	.survey-table thead tr th:nth-child(5),
	.survey-table thead tr th:last-child { width: 60px; }
	.survey-table tbody tr td:first-child { padding-left: 10px; }
	.survey-table tbody tr td { padding: 10px 5px; line-height: 22px; font-size: 13px; }

	.survey-ul > li { margin: 8px 0; }
    .survey-ul > li .radio-r,
	.survey-ul > li .check-c { font-size: 15px; }
}
@media(max-width:768px){
	.event-survey__head { margin-bottom: 35px; }
	.event-survey__top { flex-direction: column;  }
	.event-survey__image img { width: 140px; }
	.event-survey__contents { padding: 15px 15px 0; }
	.event-survey__title { font-size: 18px; }
	.event-survey__pr { font-size: 14px; }

	.survey-block-container { margin: 0 15px; padding: 25px 15px 35px; }
	.survey-block h2 { margin-top: -2px; line-height: 1.3; font-size: 15px; }
	.survey-block h3 { font-size: 14px; }
	.survey-block--buttons .button { height: 45px; font-size: 16px; }
}