@charset "utf-8";
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

*{box-sizing: border-box;}
body{
	text-align: center;
	color: #222;
	min-width: 320px;
	}
img{vertical-align: middle;}
.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
	}

.logo{
	width: 100%;
	background: #fff;
	}
.logo div{
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	}
.logo div p:first-child{
	float: left;
	width: 140px;
	}
.logo div p:last-child{
	float: right;
	width: 160px;
	}

.top_content{background: #4f65ff;}
.top_content > div{
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../img/event13/ballon.png'), url('../img/event13/ballon_bg.png');
    background-size: 100% auto;
    background-position: left 50% top -4%, left 50% top 25%;
    background-repeat: no-repeat;
	}
.top_content > div ul{padding-top: 60px;}
.top_content > div ul li:first-child{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	}
.top_content > div ul li:last-child{
	width: 485px;
	margin: 35px auto 0;
	}
.top_content > div > p{
	width: 100%;
	max-width: 663px;
	margin: 45px auto 0;
	}

.roll_img{
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
	}
.roll_img_btn{
	padding: 60px 100px 25px;
	background: #1b2259;
	}
.roll_img_btn button{
	display: inline-block;
	width: 80%;
	margin: 30px auto 0;
	}
.roll_img_btn button img{margin-right: -25px;}
.roll_img > p{
	padding: 20px 35px 2px;
	background: #1b2259;
	}

.tit{font-size: 32px;}
.tit_star{
    display: inline-block;
	width: 200px;
	padding-bottom: 15px;
	line-height: 0;
	}
.tit_num{
    display: inline-block;
	width: 80px;
	padding-bottom: 30px;
	line-height: 0;
	}
.tit strong{
    display: block;
	font-size: 50px;
	font-family: 'GmarketSansBold';
	letter-spacing: -1.7px;
	}
.tit em{
    display: block;
    margin-top: -7px;
    font-size: 18px;
    font-weight: 300;
    opacity: 0.6;
	}

.review{background: #ffffee;}
.review > div{padding: 60px 0 40px;}
.review_tit{
	width: 400px;
    margin: 30px auto 0;
	}
.review_roll > p{
	width: 500px;
	margin: 60px auto -20px;
	}
.review_roll > div{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	}
.review_roll > div ul li{
	position: relative;
	width: 33.333%;
	margin: 0 10px;
	transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
	transition: all 300ms ease;
    filter: blur(1px);
    -webkit-filter: blur(1px);
	opacity: 0.7;	
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
	border-radius: 10px;
	}
.review_roll .slick-list{padding: 20px 0 !important;}
.review_roll .slick-center{
	transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
	transition: all 300ms ease;
    filter: blur(0);
    -webkit-filter: blur(0);
	opacity: 1;
	}
.review_roll .slick-prev{
	left: 32%;
	background: url('../img/event13/arrow_lt.png')no-repeat center/cover;	
	}
.review_roll .slick-next{
	right: 32%;
	background: url('../img/event13/arrow_rt.png')no-repeat center/cover;
	}

.contnet_1{background: #eef4ff;}
.contnet_1 > div{padding: 60px 0;}
.contnet_1 > div > div{
	max-width: 800px;
	width: 100%;
	margin: 40px auto 0;	
	}
.contnet_1 > div > div img:last-child{display: none;}

.contnet_2 > div{padding-top: 60px;}
.contnet_2_tit{
    padding-top: 30px;
    font-size: 24px;
	font-weight: 400;
    color: #555;
    line-height: 1.5;
	}
.contnet_2_in > p{
    max-width: 570px;
	width: 100%;
	padding-top: 40px;
    margin: 0 auto;	
	}
.contnet_2_in > div{
	padding: 50px 0;
	background: #eef4ff;
	}
.contnet_2_in > div p{
	max-width: 780px;
	width: 100%;
	margin: 0 auto;	
	padding: 50px 0;
	background: #fff;
	}
.contnet_2_in > div p img{
	max-width: 580px;
	width: 100%;
	}
.contnet_3{padding: 60px 0;}
.contnet_3 > div{
	max-width: 660px;
	margin: 0 auto;
	}
.contnet_3 > div > p{margin: 40px 0 30px;}
.contnet_3 ul{margin: 0 -8px;}
.contnet_3 ul li{
	float: left;
	width: 33.333%;
	padding: 0 8px;
	box-sizing: border-box;
	}

.contnet_4{background: #152433;}
.contnet_4 > div{
	max-width: 1920px;
    width: 100%;
    margin: 0 auto;
	padding: 60px 0;
    background: url('../img/event13/material_bg.jpg')no-repeat center/cover;
	}
.contnet_4 .tit{color: #fff;}
.contnet_4 .tit .tit_img{
	display: inline-block;
	width: 180px;
	margin: 0 auto;
	}
.contnet_4 .tit strong{margin: 15px 0 40px;}
.contnet_4 > div > div{
	max-width: 660px;
    width: 100%;
    margin: 0 auto;	
	}

.contnet_5{text-align: right;}
.contnet_5 > div{
	width: 100%;
	background: #ffffee;
	}
.contnet_5_1 > div{
	background: #eceeff;
	}
.contnet_5 > div:last-child{background: #1b2259;}
.contnet_5 > div > div{
	max-width: 780px;
    width: 100%;
    margin: 0 auto;		
	}
.contnet_5_in1{position: relative;}
.contnet_5_in1:after{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 92%;
    height: 100%;
	}
.contnet_5_in1:before{
    content: "";
    position: absolute;
	left: -50px;
    bottom: -206px;
    width: 100%;
    height: 505px;
	background: url('../img/event13/person4.png')no-repeat left center/contain;
	}
.contnet_5_in1 p{
	display: inline-block;
	width: 420px;
	margin: 60px 0 50px;
	}

.contnet_5_in2 p{
	padding: 30px 0 20px;
	font-family: 'GmarketSansBold';
	font-size: 38px;
    line-height: 1.2;
	color: #fff;
	}
.contnet_5_in2 p strong{color: #f4e040;}

.kidsten_event{text-align: center; background: #282a82;}
.kidsten_event .kidsten_event_inner img:last-child{display: none;}

/*form*/
.kidsten_04 { 
	padding: 90px 0 60px;
	background: #4f65ff;
	}
.kidsten_04 .content_text {
	max-width: 780px;
    margin: 0 auto;
	}
.kidsten_04 .content_text_in {
	margin: -10px -15px 0;
	}
.kidsten_04 .content_text_in li { 
    width: 50%;
    float: left;
    padding: 10px 15px 0;
    box-sizing: border-box;
	}
.kidsten_04 .content_text_in li span {
	display: inline-block;
    width: 35%;
    font-size: 20px;
    text-align: left;
	color: #fff;
	}
.kidsten_04 .content_text_in li p {
	display: inline-block;
    width: 64%;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    vertical-align: middle;
    overflow: hidden;
	box-sizing: border-box;
	}
.kidsten_04 .content_text_in li p input {
	width: 100%;
    font-size: 18px;
    color: #333;
    border: 0;
	}
.kidsten_04 .content_text_uni p #boy:checked + label {
    color: #fff;
    background: #0036af;
	}
.content_text_uni p #girl:checked + label {
    color: #fff;
    background: #d8094c;
	}
.kidsten_04 .content_text_uni p input[type=radio] {
    display: none;
	}
.kidsten_04 .content_text_uni p label {
    float: left;
    width: 50%;
    height: 49px;
    line-height: 49px;
    background: #fff;
    text-align: center;
    color: #777777;
    font-size: 18px;
    cursor: pointer;
	}
.kidsten_04 .content_text_in .content_text_uni > p {
    padding: 0;
	}
.kidsten_04 .content_text_in_ck {
	margin-top: 25px;
	}
.kidsten_04 .content_text_in_ck li {
    display: inline-block;
	font-size: 16px;
	color: #fff;
	}
.kidsten_04 .content_text_in_ck li a {
	color: #fff;
	}
.kidsten_04 .content_text_in_ck li:nth-child(2) {
	margin: 0 30px;
	}
.kidsten_04 .content_text_in_ck li:last-child{color: #fff;}
.kidsten_04 .content_text_bt button {
	display: inline-block;
	width: 100%;
    margin-top: 25px;
    padding: 10px 0;
    font-size: 32px;
    font-weight: 800;
    background: #1b2259;
    color: #fff;
    letter-spacing: 5px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
	}

.list_content{
	padding: 60px 0;
	background: #1b2259;
	}
.list_content > p{
	max-width: 780px;
	width: 100%;
	margin: 0 auto 30px;
	}
.list_content > div{
	max-width: 780px;
	width: 100%;
	margin: 0 auto 0;
	background: #fff;
	}
.list_in{padding: 0 0 10px;}
.list_in ul li:after{
	content: "";
	display: block;
	clear: both;
	}
.list_in div > ul li{font-size: 20px;}
.list_in div > ul li strong{color: #e42c2c;}
.list_in div > ul li p em{
	display: inline-block;
	padding: 0 25px;
	color: #fff;
	background: #e42c2c;
	border-radius: 25px;
	}
#example ul{width: 100%;}
#example ul li{
	width: 100%;
	box-sizing: border-box;
	}
#example ul li:after{
	content: "";
	display: block;
	clear: both;
	}
#example ul li p{
	float: left;
	width: 22%;	
	}
#example ul li p:nth-child(1), #example ul li p:nth-child(3){width: 28%;}

.bt_footer{padding: 60px 0;}
.bt_footer > p{
	width: 155px;
	margin: 0 auto 30px;
	}
.bt_footer > div p{
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #333;	
	}
.bt_footer > div span{
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 300;
	color: #999;
	}

/* footer_notice */
footer{
    text-align:center;
    padding:60px 25px;
    box-sizing:border-box;
	}
.footer_notice{
	margin-bottom: 25px;
	font-size: 18px;
	color: #555;		
	}
.footer_notice > p h6{
	display: block;
	font-size: 12px;
	color: #333;	
	}
.footer_notice br{display: block;}
.footer_notice strong{
	display: block;
	font-size: 24px;
	color: #333;	
	}
footer p{line-height:1.5;}
footer p span{
    font-family: 'S-CoreDream-3Light';
    font-size:18px;
    color:#969696;
	}
footer p span:after{
    content:"/";
    display:inline-block;
    margin:0 5px;
	}
footer p span:last-child:after{display:none;}
footer address span{
    font-size:16px;
    color:#969696;
    font-family: 'S-CoreDream-3Light';
	}
footer address span:after{
    content:"|";
    display:inline-block;
    margin:0 5px;
	}
footer address span:last-child:after{display:none;}
.copyright{margin-top:5px;}
.copyright p{
    font-size:14px;
    color:#0055d1;
    font-family: 'S-CoreDream-3Light';
	}

.content_top_bt{
    position: fixed;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
	}

.floating_top{
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 80px;
    height: 80px;
    cursor: pointer;
	z-index: 9;
	}

@media all and (max-width:1024px){
.top_content > div{
	background-size: 110% auto, 118% auto;
	background-position: left 50% top -10%, left 48% top 25%;
	}

.review{overflow-x: hidden;}
.review_roll .slick-list{margin: 0 -15%;}
.review_roll .slick-prev{left: 27%;}
.review_roll .slick-next{right: 27%;}

.kidsten_04{overflow-x: hidden;}
}

@media all and (max-width:834px){
.top_content > div{background-position: left 50% top -4%, left 48% top 25%;}

.review_roll .slick-list{margin: 0 -20%;}
.review_roll .slick-prev{left: 25%;}
.review_roll .slick-next{right: 25%;}
}

@media all and (max-width:768px){
.logo div{padding: 10px 25px;}

.top_content > div{
	padding: 0 25px;
	background-position: left 50% top 2%, left 48% top 25%;
	}

.review_roll .slick-list{margin: 0 -25%;}
.review_roll .slick-prev{left: 23%;}
.review_roll .slick-next{right: 23%;}

.contnet_2_in > div{padding: 50px 25px;}

.contnet_5 > div > div{padding: 0 25px;}

.kidsten_04{padding: 90px 25px 60px;}

.list_content{padding: 60px 25px;}
#example{height: 41vw !important;}

.kidsten_event .kidsten_event_inner img:first-child{display: none;}
.kidsten_event .kidsten_event_inner img:last-child{display: block;}

.footer_notice > p h6{margin-bottom: 20px; font-size: 9px; color:#969696;}
.footer_notice br{display: block;}
footer{padding: 60px 25px;}
footer address{line-height: 1.4;}
address br{display: none;}
}

@media all and (max-width:540px){
.logo div p:first-child{width: 24%;}
.logo div p:last-child{width: 28%;}

.top_content > div{
	background-position: left 50% top 3%, left 48% top 23%;
	}
.top_content > div ul{padding-top: 40px;}
.top_content > div ul li:last-child{
	width: 78%;
	margin-top: 25px;
	}
.top_content > div > p{margin-top: 30px;}

.roll_img{padding-bottom: 25px;}
.roll_img > p{padding: 15px 10px 2px;}
.roll_img_btn{padding: 30px 30px 15px;}
.roll_img_btn button{
	width: 72%;
    margin-top: 20px;
	}

.tit{font-size: 25px;}
.tit strong{
    margin-top: 10px;
	font-size: 38px;
    line-height: 1.2;
    word-break: keep-all;
	}
.tit_star{
    width: 28%;
    padding-bottom: 10px;	
	}
.tit em{font-size: 14px;}
.tit_num{
	width: 60px;
	padding-bottom: 20px;
	}

.review_tit{
	width: 62%;
    margin-top: 15px;	
	}
.review > div{padding: 25px 30px;}
.review_roll > p{
    width: 78%;
	margin-top: 25px;
	}
.review_roll .slick-list{margin: 0 -45%;}
.review_roll > div ul li{margin: 0 5px;}
.review_roll .slick-prev{left: 16%;}
.review_roll .slick-next{right: 15%;}

.contnet_1 > div{padding: 35px 25px 40px;}
.contnet_1 > div > div{margin-top: 25px;}
.contnet_1 > div > div img:first-child{display: none;}
.contnet_1 > div > div img:last-child{display: block;}

.contnet_2 > div{padding: 35px 25px 0;}
.contnet_2_tit{
	padding-top: 20px;
    font-size: 20px;
	word-break: keep-all;
	}
.contnet_2_tit br{display: none;}
.contnet_2_in > p{
	width: 90%;
    padding-top: 30px;	
	}
.contnet_2_in > div{
	margin: 0 -25px;
	padding: 25px;
	}
.contnet_2_in > div p{padding: 25px;}

.contnet_3{padding: 35px 25px 40px;}

.contnet_4 > div{padding: 35px 25px 40px;}
.contnet_4 .tit .tit_img{width: 32%;}

.contnet_5_in1:before{
	left: -11%;
    bottom: -59%;
    height: 144%;
	}
.contnet_5_in1 p{
	width: 66%;
    margin: 45px 0 40px;	
	}
.contnet_5_in2 p{
    padding: 25px 0 15px;
    font-size: 28px;	
	}

.kidsten_04{padding: 65px 25px 40px;}
.kidsten_04 .content_text_in li{width: 100%;}
.kidsten_04 .content_text_in li span{
	width: 30%;
	font-size: 16px;
	}
.kidsten_04 .content_text_in li p{width: 69%;}
.kidsten_04 .content_text_in li p input,
.kidsten_04 .content_text_in li p input::placeholder{font-size: 15px;}
.kidsten_04 .content_text_uni p label{
	height: 43px;
    line-height: 43px;
	font-size: 16px;
	}
.kidsten_04 .content_text_in_ck li{font-size: 14px;}
.kidsten_04 .content_text_in_ck li:nth-child(2){margin-left: 20px;}
.kidsten_04 .content_text_in_ck li:last-child{
	display:block;
	margin-top: 5px;
	}
.kidsten_04 .content_text_bt button{
    margin-top: 15px;
    font-size: 26px;	
	}

.list_content{padding: 40px 25px;}
.list_in{padding-bottom: 2px;}
.list_in div > ul li{font-size: 16px;}
.list_in div > ul li p em{padding: 0 10px;}

footer{padding: 35px 25px;}
.footer_notice{
	margin-bottom: 20px;
	font-size: 11px;
	}

.footer_notice > p h6{margin-bottom: 20px; font-size: 9px;
color: #969696;}
.footer_notice strong{font-size: 16px;}
.footer_notice br{display: block;}
footer p span{
	display: block;
	font-size: 12px;
	}
footer address span{font-size: 12px;}
.copyright p{font-size: 10px;}

.floating_top{
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
	}
}

@media all and (max-width:480px){
.top_content > div ul{padding-top: 30px;}
.top_content > div ul li:last-child{margin-top: 20px;}
.top_content > div > p{margin-top: 20px;}
.roll_img_btn{padding: 25px 30px 13px;}
.roll_img_btn button{
	width: 78%;
    margin-top: 15px;	
	}

.tit{font-size: 20px;}
.tit strong{
	margin-top: 5px;
	font-size: 35px;
	}
.tit em{font-size: 12px;}
.tit_num{
	width: 50px;
    padding-bottom: 15px;	
	}

.review > div{padding-bottom: 15px;}
.review_tit{margin-top: 10px;}
.review_roll .slick-list{margin: 0 -52%;}
.review_roll .slick-prev{left: 13%;}
.review_roll .slick-next{right: 12%;}

.contnet_2_tit{
    padding-top: 15px;
    font-size: 17px;	
	}
.contnet_2_in > p{padding-top: 25px;}

.contnet_3{padding-bottom: 35px;}
.contnet_3 ul{margin: 0 -5px;}
.contnet_3 ul li{padding: 0 5px;}
.contnet_3 > div > p{margin: 25px 0 10px;}

.contnet_4 > div{padding-bottom: 35px;}
.contnet_4 .tit strong{margin: 10px 0 20px;}

.contnet_5_in1 p{
	width: 68%;
    margin: 30px 0 25px;	
	}
.contnet_5_in2 p{
    padding: 18px 0 10px;
    font-size: 25px;	
	}

.kidsten_04{padding: 50px 25px 30px;}
.kidsten_04 .content_text_in_ck li:last-child{font-size: 12px;}

.list_content{padding: 35px 25px;}
.list_content > p{margin-bottom: 20px;}
.list_in div > ul li{font-size: 14px;}
#example{height: 38vw !important;}

footer{padding: 30px 25px;}
}


.footer_notice > p h6{margin-bottom: 20px; font-size: 9px; color: #969696;}

@media all and (max-width:414px){
.logo div{padding: 8px 15px;}

.top_content > div{
	padding: 0 15px;
	background-position: left 50% top 5%, left 48% top 25%;
	background-size: 112.5% auto, 120% auto;
	}
.top_content > div ul{padding-top: 25px;}
.top_content > div ul li:last-child{margin-top: 15px;}

.roll_img{padding-bottom: 15px;}
.roll_img_btn{padding: 20px 30px 10px;}
.roll_img > p{padding-top: 12px;}

.tit{font-size: 4.9vw;}
.tit strong{font-size: 7.7vw;}
.tit em{
	font-size: 10px;
	line-height: 1.9;
	}
.tit_num{width: 13%;}

.review > div{padding: 20px 15px 10px;}
.review_tit{width: 60%;}
.review_roll > div ul li{margin: 0 2px;}
.review_roll .slick-prev{left: 12%;}

.contnet_1 > div{padding: 30px 15px;}

.contnet_2 > div{padding: 30px 15px 0;}
.contnet_2_tit{
    padding-top: 10px;
    font-size: 16px;	
	}
.contnet_2_in > p{padding-top: 20px;}
.contnet_2_in > div{
    margin: 0 -15px;
    padding: 15px;	
	}
.contnet_2_in > div p{padding: 15px;}

.contnet_3{padding: 30px 15px 30px;}
.contnet_3 > div > p{margin: 15px 0 5px;}

.contnet_4 > div{padding: 30px 15px 25px;}

.contnet_5 > div > div{padding: 0 15px;}
.contnet_5_in1 p{margin-bottom: 20px;}
.contnet_5_in2 p{font-size: 5.5vw;}

.kidsten_04{padding: 45px 15px 15px;}
.kidsten_04 .content_text_in li{padding-top: 8px;}
.kidsten_04 .content_text_in li span{font-size: 14px;}
.kidsten_04 .content_text_in li p input,
.kidsten_04 .content_text_in li p input::placeholder{font-size: 13px;}
.kidsten_04 .content_text_uni p label{font-size: 13px;}
.kidsten_04 .content_text_in_ck{margin-top: 15px;}
.kidsten_04 .content_text_in_ck li{font-size: 12px;}
.kidsten_04 .content_text_in_ck li:last-child{font-size: 10px;}
.kidsten_04 .content_text_bt button{font-size: 24px;}

.list_content{padding: 30px 15px 15px;}
.list_in div > ul li{font-size: 13px;}
#example{height: 35vw !important;}

footer{padding: 25px 15px;}
}

.footer_notice > p h6{margin-bottom: 20px; font-size: 9px;
color: #969696;}
.footer_notice br{display:  block;}
@media all and (max-width:390px){
#example{height: 36vw !important;}
}

@media all and (max-width:375px){
.tit strong{font-size: 7.2vw;}

.contnet_5_in2 p{font-size: 5.2vw;}

#example{height: 38vw !important;}
}

@media all and (max-width:360px){
.kidsten_04 .content_text_in_ck li{display: block;}
.kidsten_04 .content_text_in_ck li:nth-child(2){margin-left: 0;}
}

@media all and (max-width:320px){
.list_in div > ul li{font-size: 12px;}


.footer_notice br{display:  block;}
.footer_notice > p h6{margin-bottom: 20px; font-size: 7px;
color: #969696;}

}