/* CSS Document */

@charset "utf-8";
a{
		text-decoration: none;
	 
	
}


.screen1{
	top: 50px;
left : 25%;
	width: auto;
	height: auto;
	position: absolute;
	display: block;
	background-color: indigo;
	color: aliceblue;
z-index: 999;
	visibility: hidden;
}

.kakao img{
	height : 18px;;
}

body{
	height: calc(100vh-50px);
	background-size: cover;
	background-attachment: fixed;
	background-image:url(/images/bg.png);
	background-position: center center;
	background-repeat: no-repeat;
		text-align: center;

}
	.layout{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

	}	
 



.text1, .text2{

	/*margin-top: 10%;*/
	text-align: center;
	
	COLOR: #FFF;
font-size: 0.7em;
	font-weight: bold;

	background-color: black;
	opacity: 0.8;
	width: 100%;
			position: absolute;;
}
.text1{
	top:0;
	
}
.text2{
	bottom : 0;
	


}

.box1{
	margin: 0px auto;
	

	width: 99%;
	height : 95px;

/*border-top-right-radius: 25px;	*/

/*border-top-left-radius: 25px;	*/


	position: relative;
	display: block;


	text-align: center;
	
	
	/*border-top : 2px solid #fff;*/
	/*border-left : 2px solid #fff;*/
		/*border-right : 2px solid #fff;*/
}

.shop_t{
	margin : 0px auto;
	padding: 10px;
	width: 30%;
	font-weight: bold;
	margin-top: 15px;
	color: #fff;
	border : 2px solid #fff;
	background-color:slategrey;
border-top-right-radius: 25px; 
	border-top-left-radius: 25px; 
}
.box2{
	margin: 0px auto;
	margin-top: -1px;


	width: 99%;





	position: relative;
	display: block;


	text-align: center;
	
	
	border-top : 2px solid #fff;
	border-left : 2px solid #fff;
		border-right : 2px solid #fff;
}

.shop, .shop a{
	
	width: 100%;
	

	
	padding-top: 5px;
	padding-bottom : 2px;
	text-decoration: none;
	
	color: aliceblue;
	
	border-bottom: 2px solid #fff;
	
	
}
.shop:hover, .shop a:hover, .sns:hover, .sns a:hover{
	
			color:#fff;
		background-color:#fff;
		background-color:#272727;
	  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
	
	
}





.box3{
	margin: 0px auto;
	margin-top: -1px;
border : 2px solid #fff;

	width: 99%;


display: grid;    grid-template-columns: 50% 50%;     
  grid-template-rows: auto auto;




	text-align: center;
	
	

}

.sns, .sns a{
	
	
	width: 100%;

	

	
	padding-top: 5px;
	padding-bottom : 2px;
	text-decoration: none;
	
	color: aliceblue;
	
	
	
}



.logo{
	
	width:365px;;
	height: 70px;
	margin-top: 10px;
	
		display: block;
	
	text-align: center;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center center;
	/*border-bottom : 2px solid #fff;*/

	background-repeat: no-repeat;
	background-image:url(/images/logo.svg)
}

.bt_group{
	margin: 0px auto;
	

	
	height:auto;





	text-decoration: none;
	
display: grid;    grid-template-columns: 50% 50%;     width: 100%;


}


.korea, .korea a, .english, .english a{
	text-align: center;
	padding: 10px 10px 10px 10px;

	


/*	border: 3px solid #fff;*/
	COLOR: #FFF;
	text-decoration: none;


	
	
}

.korea, .korea a{

border-top-right-radius: 25px;	
border-bottom-right-radius: 25px;	
/*border-bottom-left-radius: 25px;	*/
}
.english, .english a{

border-top-left-radius: 25px;	
border-bottom-left-radius: 25px;	
/*border-bottom-right-radius: 25px;*/	
}

.korea:hover, .english:hover, .korea a:hover, .english a:hover{
	
color:crimson;
	/*	background-color:#272727;*/
	  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
	
	
	
}




.online{
	margin-top: 100px;
	
	color: azure;
	
}



/* 모바일 버젼 : 최소 ~ 767px */
  @media(max-height:561px){
  body{

	  }
	  .layout{
		  margin-top: 5%;
    position: relative;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
		  
		 
	  }
	  .box2{
		  	  display: grid;   
		  grid-template-columns: 50% 50%;     
			    grid-template-rows: auto auto;    
		  
		  
	  }
	  .logo{
		  margin: 0px auto;
	  }
	  
	  .gg{width: 100%;
		  display: grid;    grid-template-columns: 50% 50%;     
	  }
	  .g1, .g2{
		  
	  }

	  .shop_t{
		width: auto;
		  
	  }
	  .box2{
		  	margin: 0px auto;
	margin-top: -1px;
border : 2px solid #fff;

	width: 99%;


display: grid;    grid-template-columns: 50% 50%;     
  grid-template-rows: auto auto;




	text-align: center;
	  }
	  .shop, .shop a{
		  border : 0px;
		  text-decoration: none;
	  }

   }