@charset "utf-8";

a:hover{text-decoration: none;}

#container{position: relative;}
#container .contentsFull { background:transparent; min-height:650px;  position:relative; z-index:100; width:1200px; margin:0 auto; clear: both;}
#container .contentsFull .contentsFull0 { position:absolute; top:0; left:0;background:transparent; min-height:650px; width:100%;}
#container .contents0{width: 100%; z-index: 99; position: absolute; top: 0; left: 0; background: #49443b url(/common/images/eng/main/enmbg01.png) no-repeat center 59%; min-height: 650px; background-size: cover;}
div.slogun{margin: 100px auto 0 auto;}
div.slogun2{display: none;}
.engBtn {display:flex;flex-wrap:wrap;gap:6%;justify-content:center;margin-top:110px;}
.engBtn li {flex:0 0 auto;}
.engBtn li a {display:flex;width:150px;height:150px;background:rgba(0,0,0, 0.7);border-radius:50%;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 10px;align-content:center;text-decoration:none; color: #fff; font-weight: bold; font-size: 15px;}
.engBtn li a img{transition: transform 0.3s ease; height: 43px;}
.engBtn li a p{display: block; width: 100%; text-align: center; margin-top: 3px; line-height: 20px;}
.engBtn li a:hover{text-decoration: none; background: #55357b;}
.engBtn li a:hover img{animation: bounceLoop 0.8s ease-in-out infinite;}
.korbtn{position: absolute; top: 50%; right: 0; transform: translate(0,-50%); border: 1px solid #ccc; border-radius: 30px; padding: 10px 13px 10px 37px; background: url(/common/images/eng/main/icon05.png) no-repeat center left 10px; background-size: 22px;}
.korbtn2{display: none;}
#menu a.menu-icon{top: 50%; transform: translate(0, -50%);}

@keyframes bounceLoop {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-12px); }
  50%  { transform: translateY(-8px); }
  70%  { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}

@media (max-width:1025px) { 
#container .contentsFull {overflow:hidden !important; width: 100% !important;}
}

@media (max-width:1023px) { 
#container .contentsFull{width: 100% !important;}
.korbtn{display: none;}
.korbtn2{display: block; position: absolute; top: 50%; right: 61px; transform: translate(0, -50%); background: url(/common/images/eng/main/icon06.png) no-repeat center center; background-size: 22px; border: 1px solid #000; border-radius: 50%; text-indent: -9999px; width: 37px; height: 37px;}
}

@media (max-width:850px) { 
.engBtn li a{width: 130px; height: 130px;}
.engBtn li a img{height: 33px;}
}

@media (max-width:650px) { 
.btnBox{margin-top: 80px;}
.engBtn{width: 350px; margin: 0 auto; gap: 10px; justify-content: space-evenly; gap: 20px 1%;}
/* .engBtn li{width: 48%;} */
.engBtn li a{width: 120px; height: 120px; border-radius: 50%;}
.engBtn li a img{height: 33px;}
div.slogun{margin: 100px auto 0 auto;}
div.slogun1{display: none;}
div.slogun2{display: block;}
/* div.slogun img{width: auto;} */
#container .contents0{min-height: 690px; min-width: 350px;}
#container .contentsFull .contentsFull0{min-height: 690px; min-width: 350px;}
#container .contentsFull{min-height: 690px; min-width: 350px;}



@keyframes bounceLoop {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-10px); }
  50%  { transform: translateY(-4px); }
  70%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
}

@media (max-width:450px) { 
div.slogun img{width: 100%;}
}