@media (max-width:1300px){
	html {
		font-size: 19px;
	}
	
	.box {
   overflow: hidden;
    width: 90%;
	margin:0 10px;
	}
	.slide_box {
	width:270vw;
	}
	.slide_item {
	width:14.7vw;
	}
	.slide_item img{
    height:4vw
	}
	
	#bottom_info{
		max-width:95%;
	}
}

@media (max-width:1080px){
	html {
		font-size: 18px;
	}
}
@media (max-width:1024px){

	
}
@media (max-width:984px){
	html {
		font-size: 17px;
	}
	
	#right_area .program .lecture_flex .lecture_con{
	width:32%;
}

#bottom_info .info_1{
	width:40%;
}
#bottom_info .info_2{
	width:40%;
}
#bottom_info .info_3{
	width:20%;
}
}

@media (max-width:940px) and (orientation:landscape){
#right_area .program_modal{ 
		width:100%;
		height:100vh;
		max-width:100%;		
	}
#right_area .program_modal .video_area{ 
	  padding:0;
	  height:100%;
	}
#right_area .program_modal .video_area #video{
	  height:100%;
	  padding:0;
	}

#right_area .program_modal .vbtn_modal{
	position: absolute;
	width:100%;
	height:100%;
	padding:17.5% 0 20.5% 0;
	}
	
#right_area .program_modal .vbtn_modal .restart_btn{
		display:flex;
		justify-content:center;
		align-content:center;	
	  font-size:2.5rem;	
	  line-height:3rem;
	  padding:0.7rem 3rem;
	}	
#right_area .program_modal .modal_close{
		position: fixed;
		top: 12%;
		left: 97.5%;
	}	
}
/* 모바일 */

@media (max-width:884px){
	#header_menu{
	display:block;
	padding:0.5rem 0.5rem;
	}
	#header_menu .topmenu{
		width:100%;
	}
	#header_menu .logo{
		width:10rem;
		padding-bottom:0.5rem;
	}
	#header_menu .log_btn{
		position:absolute;
		top:20px;
		right:20px;
	}
	#header_menu .logout_btn{
		padding:0rem 0.1rem 0em 1rem;
		position:absolute;
		top:20px;
		right:20px;
	}	
	#header_menu .topmenu ul li::after {
		margin: 0 0rem 0 0.3rem;
	}
	#main_wrap{
		flex-direction:column;
	}
	
	#left_area{
	width:100%;
	padding:0;
	text-align:right;
	}
	#left_area p{
	padding:0.8rem;
	}
	#left_area .menu_list{
	width:100%;
	text-align:right;
	padding:0;
	color:#fff;
	font-size:0.8rem;
	line-height:1.3rem;	
}	
	#left_area p{
		font-size:1.0rem;
	}
	
	#bottom_info{
		flex-wrap:wrap;
	}
	#bottom_info .info_1{
	width:49%;
	}
	#bottom_info .info_2{
	width:49%;
	}
	#bottom_info .info_3{
	width:100%;
	text-align:right;
	}
	#bottom_info .info_3 img{
	width:8rem;
	}
	#bottom_info .logout{
		display:inline;
		width:50%;
		padding-left:2rem;
		vertical-align:middle;
	}
}
@media (max-width:768px){
	#right_area .program .lecture_flex .lecture_con{
	width:48%;
	}
	#right_area .program .lecture_flex .lecture_con .lecture_title{
	font-size:0.9rem;
	min-height:4rem;
	
	}
	#right_area .program .lecture_flex .lecture_con .photo_frame{
	width:5.5rem;
	height:5.5rem;
	}
	#right_area .program .lecture_flex .lecture_con .speaker_name{
	font-size:2.2vw;
	line-height:130%;
	}
	
	#right_area .program .lecture_flex .lecture_con .speaker_name span{
		font-size:2.1vw;
	}
	
	.w_Phone{
		width:30%;
	}
}
@media (max-width:680px) and (orientation:landscape){

#right_area .program_modal .vbtn_modal{
	position: absolute;
	width:100%;
	height:100%;
	padding:20% 0 25% 0;
	}
	
#right_area .program_modal .vbtn_modal .restart_btn{
		display:flex;
		justify-content:center;
		align-content:center;	
	  font-size:2.5rem;	
	  line-height:3rem;
	  padding:0.7rem 3rem;
	}	
}
@media (max-width:640px){
	html {
		font-size: 14px;
	}
			
	#header_menu .topmenu ul li{
		font-size:0.8rem;
		padding:0.2rem;
	}
	#header_menu .topmenu ul li::after {
		width: 1px;
		height: 0.8rem;
		margin: 0 0.2rem 0 0.4rem;
	}
	

	#main_wrap{
		padding:5px;
	}
	
	#right_area{
		padding:2rem 0.5rem;
	}

	#right_area .program .lecture_flex .lecture_con{
	width:48%;
	}
	
	#application .application_form th {	
	width: 5rem;
	}
	
	#right_area .program .lecture_flex .lecture_con .lecture_title{
	font-size:1rem;
	min-height:4rem;
	
	}
	#right_area .program .lecture_flex .lecture_con .photo_frame{
	width:5.5rem;
	height:5.5rem;
	}
	#right_area .program .lecture_flex .lecture_con .speaker_name{
	font-size:2.5vw;
	line-height:130%;
	}
	
	#right_area .program .lecture_flex .lecture_con .speaker_name span{
		font-size:2.3vw;
	}
	.video_flex_between{
	flex-wrap:wrap;
	height:4rem;
		
	}
	#right_area .mtr_down{
	}
	#right_area .program .session_title{
	}
	
}


@media (max-width:520px){
	html {
		font-size: 14px;
	}
	#header_menu{
		flex-wrap:wrap;		
	}
	#header_menu .logo{
		width:8rem;
	}

	#header_menu .topmenu{
		width:100%;
		padding-top:1rem;
	}
	#right_area .program .lecture_flex .lecture_con{
	width:100%;
	}
	
	#right_area .program .lecture_flex .lecture_con .lecture_title{
	font-size:1rem;
	min-height:3rem;
	
	}
	#right_area .program .lecture_flex .lecture_con .photo_frame{
	width:6rem;
	height:6rem;
	}
	#right_area .program .lecture_flex .lecture_con .speaker_name{
	font-size:3.5vw;
	line-height:130%;
	}
	
	#right_area .program .lecture_flex .lecture_con .speaker_name span{
		font-size:3vw;
	}
	
	#bottom_info{
		font-size:2.5vw;
		line-height:150%;
	}
	#bottom_info .b_info_tit{
		font-size:2.8vw;
}
	#bottom_info .info_1,
	#bottom_info .info_2,
	#bottom_info .info_3{
	width:100%;
	padding:1rem 0.5rem;
	}
	#bottom_info .logout{
		display:inline;
		width:50%;
		padding-left:2rem;
		vertical-align:middle;
	}
	
	#bottom_info table th{
		width:9rem;
	}
	#right_area .program_modal{ 
		width:100%;
		height:100%;
		max-width:100%;
	}
	
	#right_area .program_modal .modal_close{
	top: 2.5%;
	left: 96%;
	font-size:1.1rem;
}

}	

	@media (max-width:520px) and (orientation:portrait){
	#right_area .program_modal .video_area{ 
	  padding:0;
	}
	#right_area .program_modal{ 
		width:100%;
		height:100%;
		max-width:100%;
	}
			
	#right_area .program_modal .modal_close{
		position: fixed;
		top: 1.5%;
		left: 97.5%;
		transform: translate(-50%, -50%);
		background:transparent;
		color:#fff;
		border:0;
		font-size:1rem;
		opacity:0.8;
	}
		
	#right_area .program_modal .vbtn_modal{
		position: absolute;
		width:100%;
		padding:22%;
	}
	}

	
	@media (max-width:440px){
		.inline_440{
			display:inline-block;
			padding-top:0.5rem;
		}
		
		
	.btn_call {

		width: 100%;
		height: 3rem;
		padding:1rem 0;
		text-align: center;
		font-weight: 600;
		font-size: 1.0rem;
		color: #38649a;
		background: #ececec;/*로그인박스버튼*/
		border: 0;
		margin:0.2rem auto;
		cursor: arrow;
		vertical-align: middle;
		white-space: normal;
		word-break: keep-all;
	}

	.btn_kakao {

		width: 100%;
		height: 3rem;
		padding:1rem 0;
		text-align: center;
		font-weight: 600;
		font-size: 1.0rem;
		color: #423630;
		background: #FEE500;/*로그인박스버튼*/
		border: 0;
		margin:0.2rem auto;
		cursor: pointer;
		vertical-align: middle;
		white-space: normal;
		word-break: keep-all;
	}
	
	.flex_between_rea{
	display:block;
	}
	
}