@charset "UTF-8";
	body{
	 			text-align: center;
	 		}

	a:link { color: black; text-decoration: none;}
	a:visited { color: black; text-decoration: none;}
	a:hover { color: #45AAE2; text-decoration: none; cursor: pointer;}
	#slogun1{
		color:#2B4BBB;
		font-weight: bold; 
		font-size:18px;
	}
	#slogun2{
		color:black;
		font-weight: bold; 
		font-size:18px;
	}
	#slogun3{
		color:gray;
		font-weight: bold; 
		font-size:12px;
	}

	 @media all and (min-width: 639px) {
	 		section{
	 			min-width:1800px;
	 			margin-top:61px;
	 		}
			#wrapSlogun{
				text-align: center; 
				background-color: rgba(0,100,200,0.2); 
				height:500px; 
				width:100%; 
				padding-top:15px;
				min-width:1800px;
		
			}
			.wrapInt{
				display:flex;
				width:1400px;
				height:150px;
			}
			.int{
				width:700px;	
				display:flex;
	
			}
			.intImg{
	
				width:150px;
			}		
			.intImgTop{
				padding-top:35px;
			}
			.intImgBottom{
				padding-top:10px;
			}
			.intText{
				padding-top:20px;
				width:550px;
			}
			.intTop{
				border-right:2px solid #aaa;
			}
			.intBottom{
				border-left:2px solid #aaa;
			}
			.wrapIntTop{
				border-bottom:2px solid #aaa;
			}
			.intSubTitle1{
				float:right; 
				color:rgb(0,125,209);
				font-size: 21px; 
				font-weight: bold;
			}
			.intSubTitle2{
				float:left; 
				color:rgb(0,125,209);
				font-size: 21px; 
				font-weight: bold;
			}
			.intSubText{
				font-size:15px;
				text-align: left; 
				display:inline-block;
			}
			.intSubImg1{
				width:110px; float:right;margin-right:10px;
			}
			.intSubImg2{
				width:110px; float:left; margin-left:10px;
			}
			.slide{
				width:100%;
				min-width:1800px;
				height:40vh;
			}
		
			#index_01{
				width:100%;
				min-width:1800px;
				height:40vh;
			}
			.wrapSol{
				width:100%;
				min-width:1800px;
			    padding: 20px 0 50px 0;
			}
			.underLine{
				width: 60px;
			    height: 2px;
			    background: #0085f5;
			    margin-bottom: 20px;
			    display: inline-block;
			}
			.wrapPctBox{
				display: flex;
				width:1800px;
				margin:0 auto;
			}
			.pctBox{
				box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
				margin:0 auto;
				width:500px;
				height:350px;	
			}
			.pctBox:hover{
				cursor: pointer;
				transform:scale(1.01,1.01);
			}
			.pctBoxImg{
				margin-top:40px;
				width:450px;
				height:300px;
			}
			.certification{
				padding: 20px 0 10px 0;
				width:100%;
				min-width:1800px;
				height:400px;
				background-color:#ecf7ff;
			}
			#box2{
				display:flex;
				width:100%;
				min-width:1400px;
				height:300px;
				justify-content: center;
			}
			.box2{
				border:2px groove gold;
				text-align:center;
				font-weight:bold;
				height: 200px;
				width:200px;
		   		padding: 10px 20px;
		    	margin: 20px 100px;
		    	background-color: #fff;
		    	border-radius: 10px;
		    	box-shadow: 0 5px 5px rgb(0 0 0 / 40%);
			}
			#Wrapnotice{
				width:50%;
				min-width:800px;
				text-align: center;
			}
			.boardTable{
			  	width:800px;
			  	border-collapse: collapse;
			  	table-layout: fixed;
			  	margin:0 auto;
			  	text-align: center;
			  
			 }

			  .board_list{
			  	line-height:50px;
			  	font-size:14px;
			  	border-bottom: 2px solid #ccc;
			  	border-top: 2px solid #ccc;
			  }
			  .boardTable tbody td{
			  	text-overflow: ellipsis;
			  	overflow: hidden;
			  	white-space: nowrap;
			  }
			  .board_listTitle{
			  	font-weight: bold;
			  }
			
			#marker2:hover{
				cursor:pointer;
				transform: scale(1.05, 1.05);
				color:blue;
			}
			.cImg:hover{
				cursor:pointer;
				transform: scale(1.05, 1.05);
			}

			.dCon{
				width:30%;
			}
			.WrapF{
				display: flex;
				width:100%;
				flex-direction: row-reverse;
			}
			.wrapContact{
				width:100%;
				display:flex;
			}
			.wrapContact p{
				line-height: 10px;
			}
			.spac{
				width:10%;
			}
			.contact{
				width:100%;
			}
			.cImg{
				width:170px;
				padding:20px 0;
			}
			.ccImg{
				width:250px;
				padding:25px 0;
			}
		    .backA{
				background-color:rgba(153,193,153,0.2);
		    }
		    .backB{
		    	background-color:white;
		    }

	    	.ftext{
	    		font-size:14px;
	    	}
	    	#marker2{
	    		font-size:10px;
	    	}
	    	#next{
				position:absolute;
				width:50px;
				height:50px;
				top:45%;
				right:5px;
				background-image:url("/resources/image/right.png");
				
				opacity:0.5;
				background-size:100%;
				background-position: center center;
				background-repeat: no-repeat;
			}
			#prev{
				position:absolute;
				width:50px;
				height:50px;
				top:45%;
				left:5px;
				background-image:url("/resources/image/left.png");
				opacity:0.5;
		
				background-size:100%;
				background-position: center center;
				background-repeat: no-repeat;
			}
			#more{
				width:800px; 
				text-align: right;  
				margin:0 auto; 
				margin-top:-40px;
				margin-bottom:20px;
				font-size:18px;
				color:blue !important;
			}
	    }
	    
/*모바일*/
	    @media all and (max-width: 638px) {
			 #next{
				position:absolute;
				width:30px;
				height:30px;
				top:40%;
				right:5px;
				background-image:url("/resources/image/right.png");
				
				opacity:0.5;
				background-size:100%;
				background-position: center center;
				background-repeat: no-repeat;
			}
			#prev{
				position:absolute;
				width:30px;
				height:30px;
				top:40%;
				left:5px;
				background-image:url("/resources/image/left.png");
				opacity:0.5;
		
				background-size:100%;
				background-position: center center;
				background-repeat: no-repeat;
			}
	    	section{
	    		margin-top:56px;
	    	}
	    	#wrapSlogun{
				text-align: center; 
				background-color: #ecf7ff; 
				height:820px; 
				width:100%; 
				padding-top:15px;
			}
			#slide1{
				width:100%;
				height:200px;
			}
			#index_01{
				width:100%;
				height:200px;
			}
			.slide {
				width:100%;
				height:200px;
			}
			.wrapInt{
				width:100%;
			}
			.int{
				display: table;
				height:156px;
			}
			.intText{
				display:table-cell;
				vertical-align:middle;
			}
			.intImg{
				display:table-cell;
				padding:10px;
				vertical-align:middle;
			}
			.intSubTitle1{
			
				color:rgb(0,125,209);
				font-size: 17px; 
				font-weight: bold;
			}
			.intSubTitle2{
				
				color:rgb(0,125,209);
				font-size: 17px; 
				font-weight: bold;
			}
			.intSubText{
				font-size:12px;
				text-align: left; 
				display:inline-block;
			}
			.intSubImg{
				width:100px;
			}
			.wrapSol{
				width:100%;
			    padding: 0px 0 20px 0;
			}
			.underLine{
				width: 60px;
			    height: 2px;
			    background: #0085f5;
			    margin:0px 0px 20px 0px;
			    display: inline-block;
			}
			.wrapPctBox{
				display: flex;
				flex-direction:column;
				width:100%;
			}
			.pctBox{
				box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
				margin:0 auto;
				width:100%;	
			}
			.pctBox:hover{
				cursor: pointer;
				transform:scale(1.01,1.01);
			}
			.pctBoxImg{
				margin-top:40px;
				width:80%;
			}
			.certification{
				padding: 20px 0 20px 0;
				width:100%;
				height:900px;
				background-color:#ecf7ff;
			}
			#box2{
				margin:0 auto;
				width:100%;
				height:900px;
				justify-content: center;
			}
			.box2{
				margin:40px auto;
				border:2px groove gold;
				text-align:center;
				font-weight:bold;
				height: 200px;
				width:200px;
		   		padding: 10px 20px;
		    	background-color: #fff;
		    	border-radius: 10px;
		    	box-shadow: 0 5px 5px rgb(0 0 0 / 40%);
			}
		
			#Wrapnotice{
				width:100%; 
				text-align: center;
			}
			.boardTable{
			  	width:100%; 
			  	border-collapse: collapse;
			  	table-layout: fixed;
			  	margin:0 auto;
			  
			  }
			  .board_list{
			  	line-height:30px;
			  	font-size:12px;
			  	border-bottom: 2px solid #ccc;
			  	border-top: 2px solid #ccc;
			  }
			  .boardTable tbody td{
			  	text-overflow: ellipsis;
			  	overflow: hidden;
			  	white-space: nowrap;
			  }
			 
			
			
			.wrapContact{
				display:table;
				width:100%;
			}
			
			.contact{
				display:table-cell;
				width:48%;
				vertical-align:middle;
				height:200px;
			}
			.cImg{
				width:150px;
			}
			.ccImg{
				width:150px;
			}
		    .backA{
				background-color:#ecf7ff;
		    }
		    .backB{
		    	background-color:white;
		    }
		    #more{
		    
				display:inline-block; 
				width:100%; 
				text-align: right;  
				margin:0 auto; 
				margin-top:-40px;
				margin-bottom:20px;
			}
		}