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



@media (max-width:1024px){
	html {
	font-size: 17px;
	}
	.inner{
		max-width:none;
		width: 100%;
		margin:0 auto;
		padding:2rem 0;
	}
    .inner3{
		max-width:none;
		width: 100%;
		padding: 2rem 2rem;
	}
	
	
	

/******************강의선택*********************************/
	.contain{width:95%; margin:0 auto; text-align:center;}
	.select_part{
		width:100%;
	}
	.select_part ul{}
	.select_part ul li{
		height:2rem;
		margin-bottom:1rem;
		}
	.select_part ul li img{ 
		vertical-align:middle;
		width:60%;
		}
	.select_part ul li a{
		vertical-align:middle;
		margin-left:1rem;
		background-color:#841000;
		padding:0.5rem 2rem;
		color:#fff;
		border-radius:0.5rem;
		font-size:1rem;
		}

	.Reference{
		font-size:1rem; 
		text-align:left; 
		width:100%;
		margin:0 auto; 
		padding:2rem 2rem;
		
		border-bottom:1px solid #ccc;
	}
	.Reference p {line-height:2rem; }

	.Reference p span{
		font-size:1rem;
		margin:0 1rem;  
		background-color:#841000;
		padding:0.2rem 1rem;
		color:#fff;
		border-radius:0.5rem;
	}
		

	/**************Mvote*************************/
	.MvoteWrap{
		background:url(../images/Mvote.png) no-repeat 1rem 2rem #efefef;
		width:100%;
		padding:2rem 7rem;
		border-radius:0.5rem;
	}
	#viewer  .sub_top div.logo2 img{
		width:12vw;vertical-align:middle;
	}

	

}





@media (max-width:850px){
	html {
		font-size: 15px;
	}

	.inner3{
		max-width:none;
		width: 100%;
		padding: 1rem 1rem;
	}
   
	.main_title {
		width:100%;
		margin:0 auto;
	}
	

	   /**************모바일  768***************************************/
	
	#viewer  .sub_top {	
		display: block;
		width:100%;
		text-align: left;			
	}
	
	#viewer  .sub_top div.logo2{
		font-size:1.8rem;
		line-height:2.5rem;
		vertical-align:middle;
		font-weight:400;
		color:#333;	
		text-align:center;
		display:block;
	}
	#viewer  .sub_top div.logo2 img{
		display:block;
		text-align:center;
		margin:0rem auto;
		width:15vw;
	}
	#viewer  .sub_top div.logo2 span{
		font-weight:700;
		color:#830e06;
		}

        
	
	.timerWrap{
	width:100%;
	background:#f1f1f1;
	margin-top:1rem;
	padding:0.5rem 0.5rem 1rem 0.5rem;
	display:block;
	margin-top:4rem;
	}
	.timerWrap div.txt{
		width:100%;
		text-align:left;
	}
	.timerWrap div p{
		 font-size:1.5vw;
		 line-height:150%;	
		text-align:left !important;
		width:100%;
	}
	.timerWrap div p span{
		display:block;
	}
	.timerWrap div#timer{
		font-size:2vw;
		line-height:120%;
		padding:0.5rem 0.8rem 0rem 0.8rem;
		border-radius:1.2rem;		
		width:10rem;
		margin:0 auto;
		height:2.2rem;
		margin-top:1rem;
		text-align:center;
		color:#fff;
		
	}


		/*게이트화면*/
	#viewer .inner2 .sub_top {	
		display: block;
		width:100%;
		text-align: left;
		
		
		}
	.programTable p.CC{
		 font-size:1rem;
		 line-height:1.2rem;		
		text-align:left;
	}
	.programTable p.CC span{
		 display:block;
		 font-size:0.9rem;
	}
	.MvoteWrap{
		background:url(../images/Mvote.png) no-repeat center 2rem #efefef;
		background-size:10%;
		width:100%;
		padding:8rem 2rem 5rem 2rem;
		border-radius:0.5rem;
	}
	.Mvote p{
		font-size:1rem;
		line-height:1.5rem;
		text-align:center;
		padding:0;
	}
	
}

@media (max-width:540px){
	html{font-size:12px;
	
	}
	.inner3{		
		width: 100%;
		padding:1rem 1rem;
		height:100%;
	}
	
	
	.programimg {width:100%;
	}
	

	#main_contents .right_con .white_box .form_list > .btn_02 {
	 
	
	}
	.btn_02,.btn_02:hover {
		height:4rem;
		font-size:4vw;
		line-height:120%;
		letter-spacing:0;
	}			
	.Time_minutes div.zip,.Time_minutes div.totalTime{
		width:35%;
		height:2.5rem;
		vertical-align:middle;
		font-size:2vw;
	}
	.Time_minutes div.totalTime{
		padding-top:0.8rem;

	}

	.Time_minutes div.zip input,.Time_minutes div.zip input:hover{
		height:2.5rem;
		font-size:2vw;
	}
	
	
	#viewer  .sub_top {	
			display: block;
			width:100%;
			text-align: left;		
			
	}
			
	
	#viewer  .sub_top div.logo2 img{
				display:block;
				text-align:center;
				margin:0 auto;
				width:20vw;
			}
	#viewer  .sub_top div.logo2 span{
				color:#830e06;
				text-align:center;
				font-weight:700;
				display:block;
			}
	#viewer .left_con .download table tbody tr td{
	padding:0.3rem 0.2rem;
	font-size:1rem;
	color:#333;
	background:#fff;
	vertical-align:middle;
	text-align:center;
}
	#viewer .left_con .download table tbody tr td span{
	font-size:0.7rem;
	display:block;
	}
	#viewer .left_con .download table tbody tr.tab td{
	background:#e4e4e4; 	
	color:#333;
	text-align:right;
	font-size:1rem;
	line-height:1.5rem;

	}
	#viewer .left_con .download table tbody tr td span.span2{
	font-size:0.7rem;
	display:inline;
	}
	#viewer .left_con .download table tbody tr td a #downBTN{
	width:8rem;	
	margin:0 auto;
	height:2rem;
	background:#830e06;
	color:#fff;
	border-radius:0.5rem;
	border:0;
	font-size:0.9rem;
	line-height:1rem;
	cursor:pointer;
	}
	
	.timerWrap div p{
		font-size:2vw;
		line-height:120%;
	}

	
		.programTable table tbody tr.session td.mc {
		letter-spacing:0px;
	}
		.programTable table tbody tr td{
		color:#333;
		font-size:0.7rem;
		line-height:1.1rem;
		padding-left:0.2rem;

	}
	.programTable table tbody tr td span {
		font-size:0.9rem;
		line-height:1rem;
		display:block;
		
	}
	.programTable table tbody tr td.speaker{
		text-align:center;
	}
	#product_list div.program{
		width:85%;
		margin:1.5rem auto;
		
	}
	#product_list{	
		margin-top:1rem;	
		text-align:center;
	}
	#product_list p img{
		width:25vw;
	}	
	.medicine{
		
		line-height:130%;
		margin: 0.5rem auto;
		text-align:left;
		width:95%;
		font-size:1.5em;
		
	}
}


@media (max-width:414px){
	
	
	/*.inner2
	{
		max-width:none;
		width: 100%;
		padding: 0px 5.6%;
	}*/
	.inner{
		max-width:none;
		width: 100%;
		margin:0 auto;
		padding:1rem 0%;
	}
	.inner2{
		max-width:none;
		width: 100%;
		padding:1rem 1rem;
	}
	.inner3{		
		width: 100%;
		padding:1rem 1rem;
		height:100%;
	}

	#contents{
		padding:1rem 0rem;
		
	}
	#Wrap{
		width:95%;
		margin:2rem auto;
	}
    .login_bg{
		width:100%;
	}
	
	.main_title {
		width:100%;
		margin:0rem auto;

	}
    
	#header .logo{
		width:45vw;
		margin:0 auto;
		padding:0.5rem 0;
	}  
	
	.btnWrap{
		display:block;
		justify-content: space-between;
		margin:10px 0;
		flex-wrap:wrap;
	}
	.btnWrap input{
		width:100%;
		height:3.5rem;
		line-height:3.5rem;
		border-radius:0.2rem;
		margin-bottom:0.5rem;
		font-size:4vw;
	}
	

	#product_list div.program{
		width:95%;
		margin:1.5rem auto;
		
	}	  
	
	.medicine{
		
		line-height:130%;
		margin: 0.5rem auto;
		text-align:left;
		width:95%;
	
	}
    
	   /**************모바일***************************************/
	#viewer{
			padding:0rem 0rem;
		}

	#viewer  .sub_top {	
				display: block;
				width:100%;
				text-align: left;				
				
		}
		
	#viewer  .sub_top div.logo2 img{
		width:30vw;
		vertical-align:middle;	
	}

	.timerWrap div.txt{
	width:100% !important;
	text-align:left;
	
}
	.timerWrap div.txt p{
	font-size:3.1vw;
	width:100% !important;
	line-height:120%;
	}
	.timerWrap div#timer{
		font-size:3vw;
		line-height:120%;
		padding:0.5rem 0.8rem 0rem 0.8rem;
		border-radius:1.2rem;		
		width:10rem;
		margin:0 auto;
		height:2.2rem;
		margin-top:1rem;
		text-align:center;
		color:#fff;
		
	}
	#viewer .left_con {
	width:100%;
	text-align:center;
	}

	#viewer .left_con .qna-box .txt p {
	font-size: 0.8rem;

	}
	
	.btn_05 {
	margin-left:0rem;
	width:100% !important;
	height:4rem !important;
	line-height:4rem;
	
	}

	#viewer .left_con .qna-box .qna-forms textarea{
	margin-top:0rem;
	width:100%;
	height:5rem;
	}
	#viewer .left_con .qna-box .qna-forms .default_set{
	background:url(/images/board_default_txt.png) no-repeat center center #fff ;
	background-size: 40vw;
	}
	#viewer .left_con .qna-box .qna-forms input{
	width:100%;
	margin-top:1rem;
	height:6rem;
	}

	.btn_06 {
		margin-top:0;
		width:100%;
		height: 3rem;
		line-height: 3rem;
		text-align: center;
		font-weight: 500;
		font-size: 1rem;
		color: #fff;
		background: #cd5e1a;/*동영상페이지 서베이버튼 색상변경*/
		border: 0;
		cursor: pointer;
		vertical-align: top;
		
	}
	
	.SURVEYzip{width:100%;
	height:19rem;
	margin-top:0rem;
	}
		.SURVEYzip a{
	display:inline-block; width:100%;
	height: 3rem; margin-right:0.5rem;
	margin-right:0.2rem;
	margin-bottom:0.2rem;}


	
	.timetable h3{font-size:1.2rem; line-height:2rem; margin-bottom:1rem;}
	
	.timetable table tbody tr{line-height:2rem;}


	#viewer .left_con .download{
		background:#fafafa;
		width:100%;
		margin:1rem 0;
		padding:0.5rem 0.5rem;	

	}
	#viewer .left_con .download div{
		height:4rem;
		width:100%;
	}
	#viewer .left_con .download div label{
		float:none;
		font-size:1.2rem;
		line-height:2rem;
		color:#830e06;
	}
	#viewer .left_con .download div a{
		float:none;
		display:block;
		
	}
	#viewer .left_con .download div a #downBTN{
		width:9rem;
		height:1.7rem;
		background:#830e06;
		color:#fff;
		border-radius:0.5rem;
		border:0;
		font-size:0.9rem;
		cursor:pointer;

	}

	.Time_minutes{
			display:flex;
			justify-content: center;
			flex-wrap:no-wrap;
			width:100%;
			margin:1rem auto;
			text-align:center;
		}
			.Time_minutes div{
				width:40% !important;
			}
	.Time_minutes div.zip input,.Time_minutes div.totalTime{
			font-size:3vw;
			
		}


	
	.buttonzip div{
			width:45%;
			margin:0 0.5rem;
		}

		

/******************강의선택*********************************/
/*	.contain{width:100%; margin:0 auto; text-align:center;}
	.select_part{
		width:100%;
	}
	.select_part ul{}
	.select_part ul li{
		height:2rem;
		margin-bottom:1rem;
		}
	.select_part ul li img{ 
		vertical-align:middle;
		width:70%;
		}
	.select_part ul li a{
		vertical-align:middle;
		margin-left:1rem;
		background-color:#841000;
		padding:0.5rem 1rem;
		color:#fff;
		border-radius:0.5rem;
		font-size:0.8rem;
		}

	.Reference{
		font-size:1rem; 
		text-align:left; 
		width:100%;
		margin:0 auto; 
		padding:1rem 1.5rem;
		
		border-bottom:1px solid #ccc;
	}
	.Reference p {line-height:2rem; }

	.Reference p span{
		font-size:1rem;
		margin:0 1rem;  
		background-color:#841000;
		padding:0.2rem 1rem;
		color:#fff;
		border-radius:0.5rem;
	}
	
	.programimg{width:100%; margin:0 auto;
	}

	
	.download {
	padding:0rem 0; 
	height:6rem;
	width:100%; 
	margin:0 auto;
	text-align:center; }

	.download ul li{
	float:none;
	width:100%;	
	background-color:#cd5e1a;	
	font-size:1rem;
	line-height:3rem;
	height:3rem;
	border:1px solid #fff;
	}
	

*/
	.programTable table tbody tr td{
		font-size:2.3vw;
		line-height:130%;
		vertical-align:middle;
	}
	.programTable table tbody tr td span {
		font-size:2.6vw;
		line-height:130%;
		display:block;
		
	}
	.programTable table thead tr th{
		font-size:3.2vw;
	}
	.downBtn{
			TEXT-align:center;
	}
	.downBtn a{
		background:#333;
		color:#fff;
		font-size:0.6vw;
		padding:0.2rem 0.3rem;
		border-radius:0.2rem;
	}

}

@media (max-width:375px){
	html {
		font-size: 13px;
	}
		
	.programTable table thead tr th{
		font-size:3.5vw;
		
	}
	.programTable table thead tr th span{
	font-weight:600;
	display:block;
	}

}

@media (max-width:280px){
	html {
		font-size: 10px;
	}
	.select_part ul li{
	height:6rem;
	margin-bottom:1rem !important;
	vertical-align:top;
	display:block;
	}

.select_part ul li img{ 
	vertical-align:middle;
	width:100%;
	}
.select_part ul li a{
	vertical-align:middle;
	margin:1rem auto;
	width:40%; 
	background-color:#841000;
	padding:0.5rem 1rem;
	color:#fff;
	border-radius:0.5rem;
	font-size:1rem;
	display:block;
	}

	.main_title ul li.title{
		font-size:2.3rem;
		line-height:3rem;
		font-weight:600;
		margin-bottom:1rem;
	}
	
	#viewer .left_con .download{
	background:#fafafa;
	width:100%;
	margin:1rem 0;
	padding:0.5rem 0.5rem;
	border:4px solid #830e06;
	height:16rem;
	}
	.medicine{
	color:#fff;
	line-height:130%;
	margin: 0.5rem auto;
	text-align:center;
	font-size:3vw;
	}
	
}