@charset "UTF-8";

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-1Thin";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-2ExtraLight";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-3Light";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-4Regular";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-5Medium";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-6Bold";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-7ExtraBold";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-8Heavy";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "S-CoreDream-9Black";
     src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff");
     font-weight: normal;
     font-style: normal;
}


html, body{overflow:hidden; font-weight:400; letter-spacing:normal; word-break:break-word; width:100%; text-align:left; font-size:13px; color:#000; line-height:1.3; margin:0; padding:0; font-family:"Pretendard-Regular","Noto Sans KR","Noto Sans","sans-serif","MalgunGothic","Malgun Gothic","맑은고딕","맑은 고딕","나눔고딕","NanumGothic","Helvetica","Tahoma","Arial","Dotum","돋음","DotumChe","돋음체";}
body{transition:ease-in-out 400ms padding; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:unset; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
h1,h2,h3{padding:0; margin:0; display:inline-block; font-weight:normal;}
a, a:link, a:focus, textarea, button, input, select{outline:none; resize:none; border:0px; text-decoration:none;  -webkit-appearance:none; -webkit-border-radius:0;}
a, a:link, a:focus{text-decoration:none; color:inherit; cursor:pointer;}
textarea, button, input, select{font-family:"Pretendard-Regular","Noto Sans KR","Noto Sans","sans-serif","MalgunGothic","Malgun Gothic","맑은고딕","맑은 고딕","나눔고딕","NanumGothic","Helvetica","Tahoma","Arial","Dotum","돋음","DotumChe","돋음체";}
button, input[type="button"], input[type="submit"]{cursor:pointer;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
img{border:0; max-width:100%; vertical-align:middle;}
table, td, th{border-spacing:0px; padding:0px; text-align:inherit;}
ul, li{list-style:none; padding:0px; margin:0px;}
p{margin:30px 0;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
b{font-weight:700;}


.video365{border-radius:15px; overflow:hidden; position:relative; height:100%; width:100%; z-index:1;}
	.video365 video{width:100%; height:100%;}

	.video365_play_quiz_wrap{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; display:none;}
		.video365_play_quiz_wrap:before{content:""; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
		.video365_play_quiz{background:#fff; position:relative; z-index:3; border-radius:15px; width:90%; height:80%; margin:0 auto; padding:30px; text-align:center;}
		.video365_play_quiz_open{display:flex;}

	.video365_play_page{position:absolute; z-index:2; right:10px; top:10px; background:#000; padding:5px 15px; color:#fff; border-radius:100px; font-family: "S-CoreDream-5Medium";}
		.video365_play_page > b{color:#fff000; font-size:1.3em;}


	.video365_play_prevnext > ul > li{position:relative; background:rgba(0,0,0,0.6); padding:10px; height:25%; z-index:2; cursor:pointer; transition:0.2s all ease;}
		.video365_play_prevnext > ul > li:first-child{position:absolute; left:0; top:50%; transform:translate(0, -50%); border-radius:0px 100px 100px 0px;}
		.video365_play_prevnext > ul > li:last-child{position:absolute; right:0; top:50%; transform:translate(0, -50%); border-radius:100px 0px 0px 100px;}
		.video365_play_prevnext > ul > li:hover{background:#000; padding:15px;}

		.video365_play_prevnext > ul > li:before{position:absolute; content:""; border:solid #fff; margin-top:0; background-image:none; height:100%; width:100%; margin:0; width:0.8em; height:0.8em; top:50%; left:50%;}
			.video365_play_prevnext > ul > li:first-child:before{border-width:1px 1px 0px 0px; transform:translate(-25%,-50%) rotate(-135deg);}
			.video365_play_prevnext > ul > li:last-child:before{border-width:0px 0px 1px 1px; transform:translate(-75%,-50%) rotate(-135deg);}

	.video365_tool_wrap{position:absolute; left:0; bottom:-85px; width:100%; transition:0.2s all ease; text-align:center;}
	.video365_tool_wrap_up{bottom:0;}
		.video365:hover .video365_tool_wrap{bottom:0px;}

		.video365_tool_wrap_box{background:linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.7)); padding:15px;}
		.video365_tool{display:flex;}
			.video365_tool_box{display:flex; gap:5px;}
			.video365_tool_box:last-child{margin-left:auto;}
			.video365_tool_box > div{display:flex; align-items:center; color:#fff;}

			.video365_muted_range{width:0; opacity:0; height:5px; border-radius:100px; background:linear-gradient(to right, #ff0000 0%, #ff0000 50%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.4) 100%); outline:none; transition:0.1s all ease; -webkit-appearance:none; accent-color:#ff0000;}
			.video365_tool_muted:hover .video365_muted_range{width:100px; opacity:1;}

			.video365_replay_ative:before{animation:rotate_image 0.2s linear;}
			@keyframes rotate_image{
				100%{transform:rotate(360deg);}
			}

			.video365_muted:after{content:""; position:absolute; width:2px; height:0%; background:#fff; transform:rotate(25deg); left:50%; top:50%; transform:translate(-50%, -50%) rotate(-30deg); transition:0.1s all ease;}
			.video365_muted_none:after{height:60%;}

			.video365_tool_time{opacity:0.8; font-size:1.1em;}

			.video365_tool_speed_box{display:none; position:absolute; left:0; bottom:100%; width:100%; text-align:center; background:rgba(0,0,0,0.6); border-radius:4px;}
				.video365_tool_speed_box > div{padding:8px; border-bottom:1px solid rgba(255,255,255,0.2);}
					.video365_tool_speed_box > div:hover{background:rgba(0,0,0,0.6);}

				.video365_speed_open{display:block;}
				.video365_speed_check{background:#ff0000 !important;}


			.video365_tool_icon{position:relative; width:50px; height:50px; cursor:pointer; border-radius:4px;}
				.video365_tool_icon:before{position:absolute; background:url("../img/video_icon.png") no-repeat; background-size:200px 200px; left:0; top:0; width:100%; height:100%; content:"";}
				.video365_tool_icon:hover{background:rgba(0,0,0,0.3);}

				.video365_tool_info:before{background-position:0px -100px;}

				.video365_tool_speed:before{background-position:-100px -50px;}

				.video365_replay:before{background-position:-100px 0px;}
				.video365_muted:before{background-position:-150px 0px;}

				.video365_full:before{background-position:-150px -50px;}
				.video365_prev:before{background-position:0px -50px;}
				.video365_next:before{background-position:-50px -50px;}

				.video365_tool_list:before{background-position:-50px -100px;}



				.video365_prevnext_none{opacity:0.3; cursor:auto;}
				.video365_prevnext_none:hover{background:none;}


				.video365_tool_icon_info{background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:100%; margin-bottom:30px; padding:5px 0; width:48px; border-radius:4px; display:none;}
					.video365_tool_icon_info:before{content:""; width:1px; height:40px; background:rgba(0,0,0,0.6); position:absolute; left:50%; top:100%; transform:translate(-50%, 0);}
					.video365_tool_icon_info:after{content:""; width:5px; height:5px; border-radius:100%; background:rgba(0,0,0,0.6); position:absolute; left:50%; bottom:-40px; transform:translate(-50%, 0);}
				.video365_tool_icon_info_open{display:block;}

			.video365_progress{height:25px; margin:0px 5px; position:relative; cursor:pointer;}
				.video365_progress:before{content:""; background:rgba(255,255,255,0.4); border-radius:100px; position:absolute; left:0; top:0; width:100%; height:25%; border-radius:100px; top:50%; transform:translate(0, -50%);}
				.video365_progress:hover:before{background:rgba(255,255,255,0.8);}
				.video365_progress_bar{background:#ff0000; position:absolute; left:0; top:0; width:0; height:25%; border-radius:100px; top:50%; transform:translate(0, -50%);}
					.video365_progress_bar_box{width:100%; height:100%; position:relative;}
						.video365_progress_bar_box:before{content:""; background:#ff0000; width:10px; height:10px; border-radius:100%; position:absolute; right:-5px; top:50%; transform:translate(0, -50%);}
						.video365_progress:hover .video365_progress_bar_box:before{width:15px; height:15px;}
				.video365_progress_bar_cookie{background:#ff0000; opacity:0.3; position:absolute; left:0; top:0; width:0; height:25%; border-radius:100px; top:50%; transform:translate(0, -50%);}

			.video365_cc{margin-bottom:20px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; padding:5px 10px; display:none; font-size:1.3em;}


/* play */
	.video365_play{width:50px; height:50px; position:relative;}
		.video365_play:before{position:absolute; border:0; background:transparent; width:2px; height:2px; border-color:transparent transparent transparent #fff; transition:0.1s all ease; cursor:pointer; border-style:solid; border-width:10px 0px 10px 15px; left:50%; top:50%; transform:translate(-50%, -50%);}
		.video365_pause:before{border-style:double; height:18px; border-width:0px 0px 0px 15px;}
	.video365_play_large{background:rgba(0,0,0,0.5); border-radius:100%; width:20vw; height:20vw; position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); z-index:1; cursor:pointer;}
		.video365_play_large:before{content:""; position:absolute; border:0; background:transparent; width:2px; height:2px; border-color:transparent transparent transparent #fff; transition:0.1s all ease; cursor:pointer; border-style:solid; border-width:5vw 0px 5vw 7vw; left:55%; top:50%; transform:translate(-50%, -50%);}
	.video365_play_large_none{display:none;}

/* quiz */
	.video365_play_quiz_video_wrap{padding-top:50%;}
		.video365_play_quiz_video{text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:#fd6d36;}
			.video365_play_quiz_video:before{content:""; background:#00b8ff; width:50%; height:100%; position:absolute; left:0; top:0;}
			.video365_play_quiz_video_box{display:flex; flex-wrap:wrap; justify-content:center; flex-direction:column; align-items:center; height:100%; justify-content:center; position:relative;}
				.video365_play_quiz_video_box_inner{position:relative; background:#fff; border-radius:12px; box-shadow:0px 5px 5px rgba(0,0,0,0.1); width:75%; max-width:1024px;}
					.video365_play_quiz_video_box_inner_box{position:relative; padding:8%;}
					.video365_play_quiz_video_box_inner:before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(transparent, transparent 28px, rgba(0,0,0,0.05) 28px); background-size:30px 30px;}
					.video365_play_quiz_video_box_inner_box:before{content:''; position:absolute; top:0; left:0; width:100%; height:25px; background:radial-gradient(#999 4px, transparent 5px) repeat-x; background-size:25px 25px; border-bottom:1px solid rgba(0,0,0,0.1);}
				.video365_play_quiz_video_title{font-size:22px; width:100%; position:relative; margin:0 auto; margin-bottom:3%;}
					.video365_play_quiz_video_titles{position:relative;}
						.video365_play_quiz_video_titles:before{content:""; width:100%; height:50%; position:absolute; bottom:-25%; left:0;}
					.video365_play_quiz_video_title_icon{color:#fff; font-size:38px; margin-bottom:5px; font-family:"S-CoreDream-8Heavy";}
				.video365_play_quiz_video_list{font-size:10vw; width:100%;}
					.video365_play_quiz_video_list > ul{display:flex; flex-wrap:nowrap; justify-content:center; gap:4%;}
						.video365_play_quiz_video_list > ul > li{border-radius:100%; width:120px; height:120px; background:linear-gradient(-45deg, #007eaf, #00b8ff, #00b8ff); color:#fff; border:4px solid #fff; box-shadow:0px 0px 0px 6px #00b8ff;}
							.video365_play_quiz_video_list > ul > li:last-child{background:linear-gradient(-45deg, #a92f00, #fd6d36, #fd6d36); border:4px solid #fff; box-shadow:0px 0px 0px 6px #fd6d36;}
							.video365_play_quiz_video_list > ul > li:hover{animation:quiz_btn 0.8s both;}
							@keyframes quiz_btn {
								0%{transform:scale3d(1, 1, 1);}
								30%{transform: scale3d(0.75, 1.25, 1);}
								40%{transform: scale3d(1.25, 0.75, 1);}
								50%{transform: scale3d(0.85, 1.15, 1);}
								65%{transform: scale3d(1.05, 0.95, 1);}
								75%{transform: scale3d(0.95, 1.05, 1);}
								100%{transform: scale3d(1, 1, 1);}
							}
							.video365_play_quiz_video_list > ul > li a{display:flex; flex-wrap:wrap; align-items:center; height:100%; justify-content:center; font-size:82px;}

			.video365_play_quiz_video_result{width:95%; font-size:24px; background:#fff; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1); padding:40px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:left;}
				.video365_play_quiz_video_result_title{color:#fff; background:#00b8ff; padding:20px; font-size:1.4em; width:100%; margin-bottom:2%; position:relative;}
				.video365_play_quiz_video_result_text{height:180px; overflow-y:scroll; padding:0px 20px;}
				.video365_play_quiz_video_result_btn{margin-top:2%;}
					.video365_play_quiz_video_result_btn ul li{display:inline-block; margin-right:10px;}
						.video365_play_quiz_video_result_btn ul li a{background:#000; color:#fff; padding:5px 20px;}

	.video365_play_quiz_video_list2{font-size:20px; width:100%; max-width:1024px; margin:0 auto;}
		.video365_play_quiz_video_list2 > ul{display:flex; flex-wrap:wrap; justify-content:center; counter-reset:list-number; gap:10px;}
			.video365_play_quiz_video_list2 > ul > li{width:100%; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); background:#000; color:#fff; border-radius:5px; box-shadow:0px 5px 5px rgba(0,0,0,0.1);}
				.video365_play_quiz_video_list2 > ul > li:hover{background:#00b8ff;}
				.video365_play_quiz_video_list2 > ul > li:first-child{padding-top:0;}
				.video365_play_quiz_video_list2 > ul > li:last-child{border-bottom:0; padding-bottom:0;}
				.video365_play_quiz_video_list2 > ul > li a{display:block;}
					.video365_play_quiz_video_list2 > ul > li a span{position:relative; padding:5px; padding-left:2em; display:flex; align-items:center;}
					.video365_play_quiz_video_list2 > ul > li a span:before{position:absolute; left:0.5em; text-align:center; counter-increment:list-number; content:counters(list-number, ""); background:#fff; color:#000; width:1.2em; height:1.2em; line-height:1.2em; border-radius:100%; font-size:0.9em; font-weight:500;}
						.video365_play_quiz_video_list2 > ul > li:hover a span:before{color:#00b8ff;}

	.video365_play_list_wrap{background:#323232; position:absolute; z-index:2; left:0; top:0; width:200px; height:100%; display:flex; align-items:center; display:none; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); z-index:100;}
		.video365_play_list{position:relative; z-index:3; border-radius:15px; width:100%; height:100%; margin:0 auto; padding:20px; text-align:center; font-size:1.2em;}
			.video365_play_list > ul{display:flex; height:100%; flex-direction:column;}
				.video365_play_list > ul > li{margin-bottom:10px;}
					.video365_play_list > ul > li > a{display:block; padding:10px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); text-align:left;}
		.video365_play_list_open{display:flex;}
		.video365_play_list_close{display:block; position:absolute; left:0; bottom:0; width:100%; padding:15px; text-align:center; background:#000; color:#fff; cursor:pointer;}


/* video365_00 */
	.video365_00_wrap{text-align:center; font-size:17px; letter-spacing:-0.5px; display:flex; align-items:center; background:#0072ff; color:#fff; width:100%; height:100vh;line-height:1.2; word-break:keep-all;}
		.video365_00_pc{display:block;}
		.video365_00_wrap:before{content:""; background:url("../img/00_bg.jpg"); background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.1;}
		.video365_00_box{position:relative; padding:30px; margin:0 auto;}
		.video365_00_title{font-size:1.8em; letter-spacing:-2px;}
			.video365_00_title b{font-weight:bold; font-size:1.8em; display:inline-block;}
		.video365_00_btn > ul{display:flex; align-items:center; justify-content:center; gap:15px;}
			.video365_00_btn > ul > li{position:relative;}
				.video365_00_btn > ul > li input{font-weight:bold; font-size:1.2em; background:#ffeb00; color:#000; padding:15px 30px; border-radius:100px;}
				.video365_00_btn > ul > li:last-child input{background:#000; color:#ffeb00;}
			.video365_00_btn_info{animation:btn_move 0.8s both; font-size:14px; position:absolute; left:50%; transform:translate(-50%, 0); top:120%; width:120px; background:#fff; color:#000; border-radius:3px; box-shadow:0px 3px 0px 0px rgba(0,0,0,0.1); padding:10px;}
				.video365_00_btn_info:before{content:""; background:#fff; position:absolute; bottom:40%; left:50%; transform:translate(-50%, 0) rotate(45deg); width:30px; height:30px;}
				.video365_00_btn_info > span{position:relative;}
				@keyframes btn_move {
					0%{transform:translate(-50%, 0) scale3d(1, 1, 1);}
					30%{transform:translate(-50%, 0) scale3d(0.75, 1.25, 1);}
					40%{transform:translate(-50%, 0) scale3d(1.25, 0.75, 1);}
					50%{transform:translate(-50%, 0) scale3d(0.85, 1.15, 1);}
					65%{transform:translate(-50%, 0) scale3d(1.05, 0.95, 1);}
					75%{transform:translate(-50%, 0) scale3d(0.95, 1.05, 1);}
					100%{transform:translate(-50%, 0) scale3d(1, 1, 1);}
				}
		.video365_00_text{margin:30px 0; text-align:center; background:#fff; color:#000; padding:40px;}
			.video365_00_text > b{text-decoration:underline; color:#ff0000;}



/* 20241125 */
	.video365_play_quiz_video_wrap{padding-top:56.2% !important; position:relative !important;}
	.video365{border-radius:0;}
	.video365 video{display:block;}
	.video365_tool_wrap{position:relative; bottom:0;}
	.video365_tool_wrap_full{position:absolute; left:0;}
	.video365_tool_wrap_box{background:#000;}
	.video365_tool_info{display:none !important;}
	.video365_tool_icon_info{display:flex !important; justify-content:center; align-items:start; margin-bottom:0; bottom:-40px; height:100%;}
	.video365_tool_icon_info:before{display:none !important;}
	.video365_tool_icon{border-right:1px solid rgba(255,255,255,0.3); padding:10px;}
	.video365_tool_icon:last-child{border-right:0;}
	.video365_full, .video365_muted{border-right:0;}
	.video365_tool_wrap_box{padding-bottom:30px !important;}
	.video365_tool_time{font-size:1.3em;}
	.video365_play_prevnext > ul > li{width:50px; background:#000; border-radius:10px 0px 0px 10px !important;}
		.video365_play_prevnext > ul > li:first-child{border-radius:0px 10px 10px 0px !important;}
		.video365_play_prevnext > ul > li:before{font-size:1.2em; height:auto; width:100%; content:"이전"; transform:translate(-50%, -50%) rotate(0deg) !important; text-align:center; color:#fff; border:0;}
			.video365_play_prevnext > ul > li:last-child:before{content:"다음";}
			

@media screen and (max-width:1024px){
	.video365_play_quiz_video_title_icon{font-size:24px;}
	.video365_play_quiz_video_title{font-size:18px;}
	.video365_play_quiz_video_box_inner_box{padding:40px 20px;}

	.video365_play_quiz_video_list > ul{gap:20px;}
		.video365_play_quiz_video_list > ul > li{width:80px; height:80px;}
			.video365_play_quiz_video_list > ul > li a{font-size:42px}
	.video365_play_quiz_video_list2{font-size:15px;}

	.video365_play_quiz_video_result{font-size:15px; padding:20px;}
	.video365_play_quiz_video_result_title{font-size:18px; padding:10px;}
	.video365_play_quiz_video_result_text{height:100px;}
}

@media screen and (max-width:720px){
	html,body{font-size:12px;}
	.video365{border-radius:0;}
	.video365_play{width:60px; height:60px; background:rgba(0,0,0,0.4); border-radius:100%;}
		.video365_play:before{left:54%;}
	
	.video365_play_quiz{padding:15px;}
	.video365_tool_time{position:absolute; bottom:25px; left:10px; font-size:11px;}
	.video365_tool_play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.video365_prev{position:absolute; top:50%; left:0; transform:translate(0, -50%); background:rgba(0,0,0,0.2); border-radius:100%; left:15px;}
	.video365_next{position:absolute; top:50%; right:0; transform:translate(0, -50%); background:rgba(0,0,0,0.2); border-radius:100%; right:15px;}

	.video365_tool_wrap{padding:0; bottom:0;}
	.video365_tool_wrap_box{background:none; padding:0;}
		.video365_m_overlay{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:100%; height:100%;}

	.video365_tool_time, .video365_tool_play, .video365_prev, .video365_next, .video365_m_overlay, .video365_progress_bar_box:before{display:none !important;}
	.video365_tool_wrap_m{height:0;}
	.video365_tool_wrap_m_open{height:100%;}
	.video365_tool_wrap_m.video365_tool_wrap_m_open .video365_tool_time, .video365_tool_wrap_m.video365_tool_wrap_m_open .video365_tool_play, .video365_tool_wrap_m.video365_tool_wrap_m_open .video365_prev, .video365_tool_wrap_m.video365_tool_wrap_m_open .video365_next, .video365_tool_wrap_m.video365_tool_wrap_m_open .video365_m_overlay{display:block !important;}
	.video365_tool_wrap_m.video365_tool_wrap_m_open .video365_progress_bar_box:before{display:block !important; width:15px; height:15px;}

	.video365_cc{font-size:1em; position:absolute; left:50%; transform:translate(-50%, 0); bottom:30px; margin-bottom:0;}
	.video365_play_page{padding:4px 8px; font-size:11px; letter-spacing:-1px; right:0; top:0; border-radius:0;}
		.video365_play_page > b{font-size:1em;}
	.video365_progress{position:absolute; width:100%; height:15px; left:0; bottom:5px; margin:0; z-index:99;}
	.video365_full{position:absolute; right:0; bottom:10px;}
	.video365_play_prevnext, .video365_muted, .video365_replay, .video365_tool_info, .video365_tool_speed, .video365_tool_icon_info{display:none !important;}

	.video365_play_quiz_video_box_inner{width:90%;}
	.video365_play_quiz_video_box_inner:before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(transparent, transparent 14px, rgba(0,0,0,0.05) 14px); background-size:15px 15px;}
	.video365_play_quiz_video_box_inner_box{padding:15px;}
	.video365_play_quiz_video_box_inner_box:before{display:none;}
	.video365_play_quiz_video_title{font-size:13px;}
	.video365_play_quiz_video_title_icon{display:none;}
		.video365_play_quiz_video_list > ul > li{border:2px solid #fff; box-shadow:0px 0px 0px 3px #00b8ff; width:50px; height:50px;}
		.video365_play_quiz_video_list > ul > li:last-child{border:2px solid #fff; box-shadow:0px 0px 0px 3px #fd6d36;}
			.video365_play_quiz_video_list > ul > li a{font-size:28px;}

		.video365_play_quiz_video_result{width:95%; font-size:12px; padding:10px;}
			.video365_play_quiz_video_result_title{padding:10px;}
			.video365_play_quiz_video_result_text{padding:0px 10px; height:80px;}

	.video365_play_quiz_video_list2{font-size:11px;}
		.video365_play_quiz_video_list2 > ul{gap:5px;}
			.video365_play_quiz_video_list2 > ul > li a span{padding:2px; padding-left:2em;}

	.video365_play_quiz_video_result_btn ul li{margin-right:5px;}


	/* video365_00 */
	.video365_00_wrap{font-size:15px;}
		.video365_00_pc{display:none;}
		.video365_00_title{font-size:1.5em;}
			.video365_00_title b{font-weight:bold; font-size:1em;}
		.video365_00_text{margin:15px 0;}
		.video365_00_btn > ul > li input{padding:10px 20px;}
		
		
	/* 20241125 */
		.video365_tool_wrap_m{height:auto;}
		.video365_tool_wrap_box{padding:30px 15px; background:#000;}
		.video365_play_prevnext > ul > li{width:50px; padding:15px; top:auto !important; height:auto; bottom:110px; transform:translate(0, 0) !important;}
		.video365_play_prevnext, .video365_muted, .video365_tool_icon_info{display:flex !important;}
		.video365_tool_time, .video365_tool_play, .video365_prev, .video365_next, .video365_m_overlay, .video365_progress_bar_box:before{display:block !important;}
		.video365_tool_list, .video365_tool_info{display:none !important;}
		.video365_tool_play{position:relative; top:0; left:0; transform:translate(0,0);}
		.video365_play{width:50px; height:50px; border-radius:0;}
		.video365_prev, .video365_next, .video365_full{position:relative; top:0; left:0; transform:translate(0,0); border-radius:0;}
		.video365_progress{position:relative; top:0; left:0; transform:translate(0,0);}
		.video365_tool_time{top:10px; left:15px; bottom:auto; transform:translate(0,0); height:auto;}
		.video365_tool{margin-top:0px;}
		.video365_tool_icon{width:50px; height:30px;}
		.video365_tool_icon_info{height:auto; bottom:-20px; width:100%; font-size:11px;}
		.video365_tool_icon:before{background-size:150px 150px;}
		.video365_play:before{border-width:7px 0px 7px 10px;}
		.video365_pause:before{height:12px; border-width:0px 0px 0px 10px;}
		.video365_prev:before{background-position:7px -40px;}
		.video365_next:before{background-position:-32px -40px;}
		.video365_full:before{background-position:-105px -40px;}
		.video365_muted:before{background-position:-105px 0px;}
		.video365_muted_range{display:none !important;}
}