@media (max-width:1300px){
	html {
		/*font-size: 19px;*/
	}
	#login .con_wrap{	
	max-width:100% !important;
	/*background: url(../images/bg_20230922-1.png) no-repeat right top #edece2 ; 
	background-size:120%; */
	
	}		

	#viewer_main {
	background: url() no-repeat right top #eee8ea; 
	background-size:contain; 
	
	}

}

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


/* 모바일 */

@media (max-width:1024px){

	.inner {
		max-width:none;
		width: 100%;
		padding: 0px 2%;
		
	}
	.inner2 {
		max-width:none;
		width:80%;
		margin:0 auto;
		padding: 0px 0%;
		
	}
	.inner3{
		max-width:none;
		min-width:16rem;
		width: 100%;
		padding: 0px 5%;
	}
	
	#header .logo {

	/*display: block;*/
	margin:  0 0 0 0rem;
	width:15rem;
	}
	

	#login .top_list dt,
	#login .top_list dd {	
		vertical-align: top;
		margin: 0 auto;
		text-align:center;
		width:45vw;
	}

	#login .top_list dd img.ddimg1 {
	width:50%;
	
	}
	
	.time{max-width:100%;
	margin:2.5rem 0rem 0rem 0rem;
	border:}


	.time p img{
	width:100%;
	}
		
	
	#login .con_wrap {	
	max-width:100%;
	padding:2rem 5rem ;	
	}

	/*#login .main_title {
		padding-top:0.5rem;
	}
	#login .main_title p.bgimg{float:right;width:25%;}*/
	#login .main_title .element {
	}
	

	

	#login .main_title .element p{
		font-size:7vw;
		font-weight: 500;
		line-height: 120%;
		display:inline-block;
		text-align:left;
	}
	
#login .main_title .element p.s1{
	font-size: 6vw;
}
	#login .main_title .element p span{
		font-size: 7.2vw;
		line-height:120%;
		font-weight:500;
		/*color:#fff;
		background:#61aed9;
		padding:0.5rem 1.5rem;
		border-radius:1.5rem;*/
		text-align:left;
	}
	#login .top_list dd { 	
		display:inline-block;
		font-size: 1.8vw;
		line-height:120%;

	}

	#login .top_list dd span {
		font-size: 2vw;
		line-height:120%;

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



	#login .main_date {
		margin-top: 1rem;
	}
	#login .right_con .top_list {
		padding-top: 1.75rem;
	}	
	
	#viewer .con_wrap { 
	width:100%;
	float:left;
	}

	#viewer .left_con{ 
		float: none;
		width: 100%;
	}
	#viewer .live_notice {
		float:none;
		width:100%;	
		margin-top:0.5rem;
	}
	
	#viewer .live_notice .comment .real_content{	
	font-size: 0.85rem;
	line-height: 150%;
}
	#viewer .card_news {
	width:100%;
	margin-top:1rem;
	}

	#viewer .card_news img{
	width:100%;
	}
	
	#viewer .card_news p{
	margin:0.5rem 0;
	text-align:center;
	}
	
	#viewer .qna-box {
   clear: both;
	padding-top: 1.0rem;
	width: 100%;

}
	#viewer .pro{
	margin-top:1rem;
	width:100%;
}
	#viewer  .qna-box .qna-forms textarea{
	width:calc(100% - 6.8rem);
	}
	#viewer .qna-box .button-list{
		padding-right:0;
	}

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


	/*#viewer .qna-box .qna-forms input[type=submit]{
		margin-right: 0;
		position:relative;
		vertical-align: top;
		font-size: 1rem;
	}*/

	.board_list{
	font-size:0.6rem;
	}

}
@media (max-width:984px){
	html {
		font-size: 17px;
		
	}
	.inner {
		max-width:none;
		width: 100%;
		padding: 0px 2%;
	}
	
#header {
  height:0rem;
  padding-bottom:20%;
}	
	
	#login .top_list dt,
	#login .top_list dd {	
		vertical-align: top;
		margin: 0 auto;
		text-align: center;
		width:60vw;
		vertical-align:baseline;
	}

	#header .logo {		
	margin:0rem 0rem 2rem 0rem;
	width:20vw;
}
	
	#login .top_list dd {		
	font-size: 3vw;
	}

	#login .top_list dd span {		
	font-size: 3.5vw;
	}
}

@media (max-width:800px){

	.inner {
		max-width:none;
		width: 100%;
		padding: 0px;
	}
	.inner2 {
		max-width:none;
		width: 100%;
		padding: 0px 0%;
	}
	.inner3{
		max-width:none;
		width: 100%;
		padding: 0px 2%;
	}
	#header .logo {
		margin:0.5rem 0 1rem 0rem;
		width:20vw;
	}

	#header .logo2 {
		width:40vw;
		
	}

	
	/*#login .main_title {
		padding-top: 0.5rem;
	}
	#login .main_title p.bgimg{float:right;width:25%;}*/
	
	#login .con_wrap {
	
	max-width:100%;
	padding:2rem 3rem ;
	}

	#login .left_con {
		float: none;
		
		width: 100%;
		margin: 0 auto;
	
	}

	#login .top_list {
		padding: 0rem 0 0 0;
		/*width: 90%;*/
	}
	#login .top_list dt,
	#login .top_list dd {	
		width:65vw;
	}

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

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

#login .right_con {
		width: 100%;
		padding-top:2rem;
	}

	#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;
		height:4rem;
		line-height:2rem;
	}

	#login .right_con .white_box .form_list .title {
	width: 4.2rem;
	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 {
		float: left;
		width: calc(100% - 4.2rem);
	}

	#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;
	}

	#login .right_con .white_box .form_list .con input::placeholder {
		color: #000;
		font-size: 0.9rem;

	}

	.btn_02-1 {
	height:4rem;
	margin-left:0rem;
	margin-top:0.5rem;
	width: 100%;
	}

	#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;
	 }*/
	
	/*20200611*/
	#viewer .qna-box .txt p {
	font-size: 0.8rem;
	}

	#viewer .qna-box .txt p span{
	font-size: 1rem;
	 }
	

	#viewer  .sub_top .img {
	width:25.5rem;

	}



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

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

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


	/*20200611
	
	#viewer  .qna-box .qna-forms textarea{
	margin-top:0.5rem;
	width:100%;
	height:6rem;
	}

	#viewer .live_notice .comment .real_content{
	height:none;
	}

	#viewer .qna-box .button-list{
	width:100%;
	text-align:center;
	margin-top:0.5rem;
	}*/

#viewer .left_con .qna-box .qna-forms textarea{
width:100%;
height:6rem;
}	
	
.btn_05 {
	width: 100%;
	height:3rem;
	line-height: 1rem;	
	margin-left:0rem;
	margin-top:0.5rem;
	}

.btn_06 {
	width: 100%;
	height:3rem;	
	margin-left:0rem;
	margin-top:0.5rem;	
}
.btn_07 {
	width: 100%;
	height:3rem;
	margin-top:0.5rem;	
	margin-left:0rem;
}

.btn_07-1 {
	height:3rem;
	width: 100%;
	margin-top:0.5rem;	
	margin-left:0rem;
}


}

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

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

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

	.btn_01 {
		width: 16rem;
		font-size: 1.6rem;
	}
	.bodycolor{
		background:#ececec;
	}

	#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:0rem;
	}
	#header_sub .top_title p{
		color: #fff;
		font-weight: 600;
		font-size: 1.6rem;
		text-align: center;
		line-height: 2.5rem;
	}
	#header_sub .top_title span{
		color: #fff;
		font-weight: 400;
		font-size: 1.1rem;
		text-align: center;
		line-height: 1.2rem;
		display:block;
	}

	#header .logo {
		/*margin: 0 auto;*/
		margin: 0.5rem 0rem ;
		width:30vw
	
	}

	#header .logo2 {
		margin: 0;
		width:40vw
	}
	
	#login_main {	
		padding:0;
	}
	#login .con_wrap {
		background-position:left 12vw;
	}

	#login .main_title{
	margin:0;
	/*width:95%;*/
	}
	
	/*#login .main_title .element {
	height:8rem;
	}
	#login .main_title p.bgimg{float:right;width:25%;}*/

	#login .main_title .element p{
	font-size: 7.5vw;
	line-height:120%;
		
	}
	
	#login .main_title .element p span{	
	font-size: 7.7vw;
	line-height:120%;
	/*color:#fff;
	background:#6fb3f1;
	padding:0.5rem 1.5rem;
	border-radius:1.5rem;*/
	text-align:left;
	
	} 


	#login .left_con { 
	padding-top:0rem;
	padding-left:0rem;
	margin-bottom:0rem;	
	width:100%; 
	text-align:left;
	margin:0;
	}


	#login .top_list {
	width: 100%;
	margin:0;
	}
	
	#login .top_list dt,
	#login .top_list dd {	
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
	width:100%;
	}

	#login .right_con {
		width: 100%;
		padding-top: 1rem;
	}


	#viewer  .sub_top p {
		font-size:5vw;
		line-height:150%;	
		font-weight:600;
		font-family:'menbal',sans-serif;
	}

	#viewer  .sub_top p span {
		font-size:6.5vw;
		line-height:130%;
		font-weight:700;
		
		word-break:keep-all;
		font-family:'menbal',sans-serif;
	}


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


	#viewer .live_notice .comment .real_content{
	}

	/*#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:1rem;
	width:100%;
	}

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

	/*20200611*/
	#viewer .qna-box .txt p {
	font-size: 0.8rem;
	}


	#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:420px){
	html {
		font-size: 14px;
	}
	
#login_main {
		padding:0;
}
	#login .con_wrap {
		padding:0;
		max-width:100% !important;
	}
	
	#login .main_title .element p{
	font-size: 7.5vw;
	line-height:120%;
		
	}
	#login .main_title .element p.s1{
		font-size:7.5vw;
	line-height:120%;
		}
	#login .main_title .element p span{	
		font-size: 8vw;
	line-height:120%;
	/*color:#fff;
	background:#61aed9;
	padding:0.5rem 1.5rem;
	border-radius:1.5rem;*/
	text-align:left;
	
	} 
	
	#login .left_con { 
	margin:1rem 0;
	width:100%; 
	text-align:left;
	}
	#login .top_list dd { 	
		font-size:3.5vw;
		
	}

	#login .top_list dd span {
		font-size:4vw;
	
	}
	#login .right_con{
		max-width:90%;
	}

}

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

	.inner {	
		width:100%;
	}

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

	#login .main_title .element p{
	font-size: 1.8rem;
	/*display:block;*/
	} 

	#login .main_title .element p span{
	/*display:block;*/
	font-size: 1.2rem;
	} 
	#login .con_wrap {
		background-size:120%; 
	}
	#login .top_list {
	width: 100%;
	margin: 0 auto;
	
	}
	#login .left_con {
		float: none;		
		width: 100%;
		margin: 0 auto;
	
	}

	

	

	#login .right_con .white_box .guide_list li{line-height:1rem;}

	#login .right_con .white_box .guide_list li a.color_mint{
	display:block;
	margin:2px auto;
	width:70px;
	padding:5px 5px;
	background-color:#76b3b0;

	color:#fff;
	}


}