@media (max-width:1300px){
	html {
		font-size: 19px;
	}
}

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

@media (max-width:984px){
	html {
		font-size: 17px;
	}
}

/* 모바일 */

@media (max-width:1024px){
#login_main {margin:0;}
.inner {
		max-width:none;
		width: 100%;
		padding: 0px 0px;
	}
	.inner2 {
		max-width:none;
		width: 100%;
		padding: 0px 5.6%;
	}
	.inner3{
		max-width:none;
		width: 100%;
		padding: 0px 12%;
	}
	
	#viewer .con_wrap { 
	width:100%;
	float:left;
	}

	.time{max-width:100%;
	margin:2.5rem 0rem 0rem 0rem;
	border:}


	.time p img{
	width:100%;
	}

	
	
	#login_main {
	margin: 0 auto;

	}
	#login .top_list {
	width: 100%;
}
#login .top_list dt {
	width:6.5rem;
}


	/*#login .left_con {
		float: none;
		padding-top: 0rem;
		/*width: 100%;
		margin: 0 auto;
		height: 5rem;
	}

	#login .top_list {
		padding: 5rem 0 0 0;
		margin: 0 auto;
		/*width: 90%;
	}*/

/*	#login .top_list dt,
	#login .top_list dd {
		display:block;
		width:65%;
		vertical-align: top;
		margin: 0 auto;
		font-size:0.8rem;

	}*/


	.ddimg1{width:100%;}

	#login .right_con {
		float: none;
		margin: 0 auto;
	}

	#login .con_wrap {
		padding-top: 1rem;
	}

	#login .main_date {
		margin-top: 1rem;
	}
	#login .right_con .top_list {
		padding-top: 1.75rem;
	}

}

@media (max-width:768px){

	.inner {
		max-width:none;
		width: 100%;
		padding: 0px 0%;
	}
	.inner2 {
		max-width:none;
		width: 100%;
		padding: 0px 5.6%;
	}
	.inner3{
		max-width:none;
		width: 100%;
		padding: 0px 12%;
	}
	
	#header .logo {
		margin: 1.0rem 0 0 -1rem;
	}

	#header .logo2 {
		margin: 1rem 0 0 -1rem;
		
	}
	#login_main {
	margin: 0 auto;
	}
	
	#login .main_title {
	}
	#login .main_title p.bgimg{text-align:left;width:15%; }
	#login .main_title .element {
		padding-top: 1rem;
	}
	#login .main_title .element p {
	}
	#login .main_title .element p span{
	}


	/*#login .left_con {
		float: none;
		padding-top: 1rem;
		width: 100%;
		margin: 0 auto;
		height: 1rem;
	}

	#login .top_list {
		padding: 1rem 0 0 0;
		/*width: 90%;
	}

	#login .top_list dt,
	#login .top_list dd {
		display:block;
		/*width:90%;*/
		/*vertical-align: top;
		margin: 0 auto;
		font-size: 0.8rem;
	}*/
	#login .left_con {
	padding-top:2rem;
	width:100%;
	}

	#login .top_list {
	}
	#login .top_list dt {
	font-size: 0.8rem;
	}

	#login .top_list dd {	
	vertical-align:top;
	font-size: 0.8rem;
	color: #000;
	line-height: 1.0rem;
	}


	#login .right_con {
		float: none;
		margin: 0 auto;
	}

	#login .con_wrap {
		padding-top: 1rem;
	}

	#login .main_date {
		margin-top: 1rem;
	}
	#login .right_con .top_list {
		padding-top: 1.75rem;
	}



	#viewer .left_con {
		width:100%;
		max-width:none;
		text-align:center;
	}
	#viewer .left_con .qna-box .txt p {
	font-size: 0.8rem;
	}

	#viewer .left_con .qna-box .txt p span{
	font-size: 1rem;
	 }
	
	
	#viewer  .sub_top .img {
	width:25.5rem;

	}
	#viewer  .sub_top {
}

	#viewer  .sub_top p {
	font-size:1rem;
	line-height:1.6rem;
	}

	#viewer  .sub_top p span {
	display:block;
	font-size:1.3rem;
	line-height:2rem;
	}


	#viewer .left_con .qna-box .qna-forms textarea{
	background-size: 25rem;
	height:8rem;
	}

	#viewer .left_con .qna-box .qna-forms input{
	height:8rem;
	}

	#viewer .left_con .qna-box .qna-forms .default_set{
	background-size: 25rem;
	}

}

@media (max-width:640px){
	html {
		font-size: 14px;
	}

	.inner {
		padding: 0 0%;		
		width:100%;
	}

	.inner3{
		width: 100%;
		padding: 0 2%;
	}

	.btn_01 {
		width: 16rem;
		font-size: 1.6rem;
	}


.btn_02-2 {

	width: 100%;
	margin-bottom:0;
}

	#header_sub {
		height: 7rem;
		/*웨비나 등록신청서 헤더색상변경*/
		background: #012545 url(../images/survey_header_dark_blue.jpg) no-repeat center ; 
		background-size: 30rem;
		margin: 0 auto;

	}

	#header_sub .top_title {
		padding-top:0.5rem;
	}


	#header_sub .top_title p{
		color: #fff;
		font-weight: 600;
		font-size: 1.3rem;
		text-align: center;
		line-height: 0.5rem;
	}
	#header_sub .top_title span{
		color: #fff;
		font-weight: 400;
		font-size: 1.3rem;
		text-align: center;
		line-height: 1.2rem;
		display:block;
	}


	#header .logo2 {
		width:8rem;
		margin: 0rem 0rem 0 0;
	}

	#login .main_title{
	margin:1rem 0 0 0;
     width: 100%;
	}
	
	/*#login .main_title .element {
	height:8rem;
	}*/
	#login .main_title p.bgimg{width:20%;}

	#login .main_title .element p{
	}

	#login .main_title .element p span{
	/*display:block;*/
	font-size: 2.2rem;
	line-height: 3rem;
	display:block;
	} 
	#viewer  .sub_top_bar{
		padding:0.8rem 1rem;
	}
	#viewer  .sub_top_bar .btn_down{
	font-size:3vw;
	}

	#login .top_list {
	
	}
	#login .top_list table{
		margin:1.5rem auto;
	}
	#login .top_list dl{
	padding: 0rem 0 0rem 0;
	max-width: 100%;	
	margin: 0 auto;	
	padding-bottom: 0.1rem;
	margin-bottom:0.5rem;
	vertical-align:top;	

	}

	#login .top_list dt {
	font-size: 1.0rem;
	vertical-align:top;
	width:7.5rem;
	
	}

	#login .top_list dd {
	font-size: 1.0rem;
	word-break:keep-all;
	}
	#login .top_list dd2{
	font-size: 0.85rem;
	word-break:keep-all;
	}

	
	#login .top_list dd3 span2{
	}

	#login .top_list dd3{
	word-break:keep-all;
	}

	/*#login .top_list {
	padding: 0rem 0rem;	
	padding-left:2rem;
	width:100%;
	
	}

	#login .top_list dt, 
	#login .top_list dd {
	display:block; width:60%; 
	vertical-align: top; 
	margin: 0 auto; 
	} 
	#login .top_list dd {
	font-size: 	1.1rem; 
	color: #fff; 
	line-height: 1.8rem; 
	} 
	
	#login .top_list dd img.ddimg1 { 
	width:80%;
	}*/

	#login .right_con { 
	width: 90%; 
	}

	#login .right_con .white_box .form_list > ul {
		width: 100%;
		float: none;
	}

	#login .right_con .white_box .form_list > .btn_02 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 1rem;
	}

	#login .right_con .white_box .form_list .title {
	width: 4.1rem;
	display: block;
	float: left;
	font-weight: 500;
	font-size: 1.1rem;
	color: #000;
	line-height: 3.25rem;
	}


	#login .right_con .white_box .form_list .con input {
	border: 1px solid #000;
	height: 3.25rem;
	width: 100%;
	padding: 0 0.6rem;
	font-size: 1.1rem;
	color: #333;
	}
	
	.btn_02-1 {
	margin-left:0rem;
	margin-top:0.5rem;
	width: 100%;
	}

	#viewer  .sub_top p {
	font-size:1rem;
	line-height:1.2rem;
	}

	#viewer  .sub_top p span {
	display:block;
	font-size:3.7vw;
	}


	#viewer .left_con {
	width:100%;
	text-align:center;
	}

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

	}
	.btn_05 {
	margin-left:0rem;
	}


	.btn_06 {
	margin-left:0rem;
	}

	#viewer .left_con .qna-box .qna-forms textarea{
	margin-top:0rem;
	width:100%;
	}

	#viewer .left_con .qna-box .qna-forms input{
	width:100%;
	margin-top:1rem;
	height:6rem;
	}

	#header_survey {
	background-size: 40rem;
	}

	#header_survey .top_title2 {/*서베이헤더*/
	padding-top: 1.5rem;
	}

	#header_survey .top_title2 p{/*서베이헤더*/
		font-size: 1.2rem;
		line-height: 1.5rem;
	}

	#header_survey .top_title2 span {/*서베이헤더*/
		line-height: 2rem;

	}

	#header_survey .top_title2 span2 {/*서베이헤더*/
		display:block;

	}

}





@media (max-width:460px){
	html {
		font-size: 14px;
	}

	.inner {
		padding: 0 0%;		
		width:100%;
	}

	.inner3{
		width: 100%;
		padding: 0 2%;
	}



	#login .main_title .element p{
	font-size: 6vw;
	line-height:1.3rem;
	}

	#login .main_title .element p span{
	/*display:block;*/
	font-size: 6.5vw;
	} 



}