@charset "UTF-8";


	*{
		font-family: 'NanumSquareL';
	}
	
	body{
	    margin:0px;
	    padding:0px;
	    overflow-y: scroll;
	}

	
	/* 데스크탑 */
	
 @media all and (min-width: 639px) {
 			section{
				min-width:1800px;
			}
		    .btn{
				display:none;
			}
			.logo{
				position: fixed ;
				width:30px; 
				height:20px; 
				left:1.5%; 
				top:15px;
				z-index:9999;
			}
			.logo:hover{
				cursor:pointer;
			}
			.mail{		
				 display:inline-block; 
				 text-align:right;	
				 width:30%;
				 font-size:16px;
				 
				 z-index:9999;
			}
			
			#mail{
				display: inline-block; 
				margin-right:4%; 
				text-align: center; 
				width:150px ;
				background-color: rgb(40,90,200); 
				color:white; 
				border-radius:30px; 
				padding:12px;
				transition: background-color 1s;
			}
			
			#mail:hover{
				cursor:pointer;
				background-color: white;
				padding:11px;
				color:rgb(40,90,200);
				border:1px solid rgb(40,90,200);
			}
		
			.menu_bg { 
				font-size:20px;
				position: fixed; 
				top:0px; 
				left:0px; 
				display:inline-block; 
				width:100%;
				min-width:1800px;
				padding:10px 0px 7px 0px;
				background-color: white;
				box-shadow: 0px 2px 15px 0px rgb(80 80 80 / 40%);
				 z-index:9998;
			}
			.menu{
				min-width:1800px;
				display: flex;
				justify-content: space-between;
			}
			.mTab{
				padding:10px 20px 5px 20px;
			}
			.meenubar{
				min-width:1800px;
			}
			
			.menuTab:hover{
				cursor:pointer;
				color:#45AAE2;
			}
			
			.menubar_bg{
				min-width:2000px;
					
			}
			.menubarTab{
				padding:15px 20px 15px 20px;
			}
			.menubarTab:hover{
				cursor:pointer;
				background-color: rgba(0,0,0,0.1);
			}
			
			
			.menu_2{
				position: fixed;
				display:none;
				left:0px;
				top:61px;	
				width:100%;
				min-width:1800px;
				background-color:white;
				color:black;	
				font-family: 'NanumSquareL';
				opacity:0.9;
				 z-index:10;
				 box-shadow: 0px 2px 15px 0px rgb(80 80 80 / 40%);
				justify-content: center;
			}
			a.top{
			position: fixed;
			left:96%;
			bottom : 250px;
			background-color:#2B4BBB;
			border-radius:50px;
			text-align:center;
			display: none;
			color:white;
			
			text-decoration:none;
			width:50px;
			height:50px;
			-webkit-transition: width 0.1s,height 0.1s;
	        transition: width 0.1s,height 0.1s;
		}
		a.top:hover{
			font-weight:bold;
			width:52px;
			height:52px;
		} 

		
		
	    }
	    
/*모바일*/
	    @media all and (max-width: 638px) {
			.mail{
				display:none;
			}
			.btn{
				position: fixed;
			}
			.logo{
				position:fixed;
				width:100%;
				background-color: white;
				z-index:10;
				text-align: center;
				box-shadow: 0px 2px 15px 0px rgb(80 80 80 / 40%);
			}
			#logo{
				padding:10px;
			}
			.mobile{
				display:flex;
				width:100%;
			}
			.menu_bg{
				position:fixed;
				transition: all 0.2s;
				right:-160px;
				z-index:11;
				width:160px;
				height:100%;
				color:white;
				background-color: rgb(5,8,60);
				opacity:0.9;
			}
			.menu{
				display:inline-block;
				text-align:center;
				margin-top:50px;
			}
			.mTab{
				display:inline-block;
				font-size:18px;
			}
			.menuTab{
				width:160px;
				padding:20px 0px 20px 0px;
			}
			.menubar_bg{
				margin-top:60px;
				position:fixed;
				z-index:10;
				transition: all 0.2s;
				right:-160px;
				width:160px;
				height:250px;
				color:white;
				background-color: rgb(20,30,100);
				opacity:0.9;
			}
			.menubar{
				display:flex;
				margin-top:0px;
			}

			.menubarTab{
			    display:inline-block;
			    text-align:center;
				font-size:16px;
				width:140px;
				padding:20px 10px 0px 10px
			}
			.menu_2{
				display:none;
			}
			.top {
				display:none;
			}
		
		}