/***********************¹ÝÀÀÇü***************************************/

@media (max-width:1280px) {
	.gnb{
	gap:80px;
	}
	
	.foot-area a:first-child{
	padding-left:15px;
	}
	
	.visual-ment{
	left:20px;
	margin-left:0;
	}
	
	#main-notice{
	width:30%;
	}
	#main-menu{
	width:70%;
	}
	
	div.partner-banner a{width:calc(20% - 0.5rem)}
	div.partner-banner a:nth-child(5n+1),
	div.partner-banner a:nth-child(5n+2),
	div.partner-banner a:nth-child(5n+3),
	div.partner-banner a:nth-child(5n+4){margin-right:0.625rem;}
	div.partner-banner a:nth-child(5n){margin-right:0;}

}

@media (max-width:1024px){
	header{
	padding-top:55px;
	}
	.header-tnb{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:#e9e9e9;
	justify-content:center;
	padding:5px 0;
	gap:20px;
	}
	.header-tnb a:before{
	left:-10px;
	}
	
	.mobile-open-btn{
	display:block;
	}
	
	.header-gnb{display:none;}
	#visual .slick-dots{
	bottom:50px;
	}
	
	.visual-ment{
	font-size:48px;
	}
	
	.main-box{
	display:block;
	margin-top:0;
	margin-bottom:0;
	width:100%;
	}
	#main-notice{
	width:100%;
	}
	#main-menu{
	width:100%;
	}

	.sub-login-box .login-top, 
	.sub-login-box .login-bottom{
	display:block;
	}

	.sub-login-box .login-input{
	display:table;
	}

	.sub-login-box .li-btn{
	display:block;
	width:100%;
	margin-top:10px;
	line-height:45px;
	}
	.li-btn a{
	padding:10px 0;
	}
	.li-btn i{
	display:inline-block;
	vertical-align:-1px;
	}

	.li-in{
	display:block;
	margin-right:0;
	}	
	
	div.partner-banner a{width:calc(25% - 0.5rem)}
	div.partner-banner a:nth-child(4n+1),
	div.partner-banner a:nth-child(4n+2),
	div.partner-banner a:nth-child(4n+3){margin-right:0.6666rem;}
	div.partner-banner a:nth-child(4n){margin-right:0;}

}	

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:14px;
	}
	header{
	padding-top:40px;
	padding-bottom:10px;
	}
	.mobile-open-btn{
	top:40px;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:25px;
	border-width:1px;
	}
	.header-logo img{
	width:260px;
	}

	
	.header-tnb a{
	font-size:13px;
	}
	
	.visual-ment{
	font-size:25px;
	}
	.visual-ment p{
	padding-bottom:10px;
	}
	#visual .slick-dots{
	bottom:10px;
	}
	
	#main-notice{
	padding:20px;
	}
	.mn-box a p{
	font-size:17px;
	}
	
	#main-menu{
	padding:20px 5px;
	}
	#main-menu ul{
	gap:1%;
	}
	/*#main-menu ul li{
	width:30%;
	flex-shrink: 0;
	margin:2% 0;
	}*/
	#main-menu ul li a{
	font-size:13px;
	}
	#main-menu ul li a span{
	font-size:6px;
	}
	
	.foot-box{
	border-bottom:0;
	}
	.foot-area{
	flex-wrap:wrap;
	height:auto;
	gap:0;
	}
	.foot-area a{
	padding:5px 10px;
	}
	.foot-link{
	order:1;
	width:75%;
	}
	.Q-top{
	order:2;
	width:20%;
	padding:10px 0;
	font-size:14px;
	}
	.foot-customer{
	order:3;
	width:100%;
	border-top:1px rgba(255,255,255,0.2) solid;
	text-align:center;
	padding-top:10px;
	}
	.foot-copy{
	flex-wrap:wrap;
	padding:15px 0 25px; 
	}
	.fc-visit{
	order:1;
	width:100%;
	justify-content: center;
	margin-bottom:10px;
	}
	.fc-p{
	order:2;
	width:100%;
	text-align:center;
	}
	.sub-top{
	padding:35px 0;
	}
	.sub-top p{
	font-size:32px;
	}
	.sub-top div{
	font-size:14px;
	margin-top:5px;
	}
	
	.sub-tit{
	font-size:32px;
	padding:20px 0;
	}
	
	.sub-content{
	font-size:15px;
	padding:15px 0 30px;
	}
	
	.s11-top{
	flex-wrap:wrap;
	justify-content: center;
	}
	.s11t-txt{
	order:2;
	width:100%;
	border-top:1px #e0e0e0 solid;
	padding-top:20px;
	margin-top:20px;
	text-align:center;
	padding-right:0;
	line-height:1.5em;
	}
	.s11t-txt strong{
	font-size:24px;
	line-height:1.4em;
	}
	.s11t-img{
	order:1;
	width:100%;
	max-width:360px;
	}
	
	.s11-bottom{
	margin-top:20px;
	padding-top:20px;
	text-align:center;
	line-height:1.5em;
	}
	
	
	.sub-list-type1{
	gap:0;
	}
	.slt1-box{
	width:100%;
	display:block;
	padding:15px 10px;
	}
	.slt1-img{
	margin:0 auto;
	}
	.slt1-txt{
	padding-left:0;
	}
	.name{
	text-align:center;
	margin-top:10px;
	}
	
	.sub-table-type1 thead th{
	padding:5px 0;
	}
	.sub-table-type1 thead th:after{
	height:12px;
	margin-top:-6px;
	}

	.sub-tab li a{
	padding:7px 10px;
	}
	.sub-tab li a{
	display:block;
	padding:10px 15px;
	border:2px #2C43A9 solid;
	margin-left:-1px;
	min-width:100%;
	position:relative;
	color:#0a6737;
	font-weight:500;
	font-size:1.025em;
	}


	.sitemap{width:96%; margin:20px auto 0;}
	.sitemap > li{width:100%; padding-left:0; border-left-width:0;}
	.sitemap > li > a{font-size:20px; border-bottom:2px #333 solid; padding-bottom:10px;}
	.sitemap > li > ul > li{display:inline-block; padding-right:10px;}
	.sm-h1,
	.sm-h2{height:auto; margin-bottom:30px;}

	.sub-login-box{
		padding:20px;
	}
	.sub-login-box .login-top h2 p br{
		display:none;
	}
	
	div.partner-banner a{width:calc(33.3% - 0.2rem);}	
	div.partner-banner a:nth-child(3n+1),
	div.partner-banner a:nth-child(3n+2){margin-right:0.3rem;}
	div.partner-banner a:nth-child(3n){margin-right:0;}
	
	
	
	/* ÆûÅ×À̺í */ 
	table.responsive-form1 thead, table.responsive-form1 tbody, table.responsive-form1 th, table.responsive-form1 tr ,table.responsive-form1 td { 
		display: block; 	
		width:100%;		
	}	

	
	table.responsive-form1 tr { border-bottom: 1px solid #ff9900; }
	table.responsive-form1 th { 
		text-align: left;
		display:flex;
		align-items: center;
		border:none;
		border-bottom: 1px solid #ff9900;
	}
	table.responsive-form1 td { 
		/* Behave  like a "row" */
		border: none;		
		position: relative;
		padding:0.3rem 0.3rem 1rem 0.3rem; 
		text-align: left;		
		height:auto;
		
	}
	
	colgroup{display:none;}
	.grid1-head,.grid2-head , .grid3-head ,.grid4-head,col {width:100%;}
	
	
}

@media (max-width:576px){
	
	div.partner-banner-b a{width:100%}
	div.partner-banner-b a{margin-right:0;}
	
	div.partner-banner a{width:calc(50% - 0.2rem)}
	div.partner-banner a:nth-child(even){margin-right:0;}
	div.partner-banner a:nth-child(odd){margin-right:0.4rem;}
}