/*햄버거 메뉴 css*/

.menu-trigger1{
  z-index: 400;
  position: relative;
  width: 35px;
  height: 22px;
}

.menu-trigger1 .pin2 {
  top: 9px;
}

.menu-trigger1 span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: black;
  border-radius: 4px;
}

.menu-trigger1 .pin3{
  bottom: 0;
}

.menu-trigger1, .menu-trigger1 span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger1.view span:nth-of-type(1) {
	-webkit-transform : translateY(9px) rotate(-45deg);
	transform : translateY(9px) rotate(-45deg);
}
.menu-trigger1.view span:nth-of-type(2) {
	opacity : 0;
}
.menu-trigger1.view span:nth-of-type(3)  {
	-webkit-transform : translateY(-9px) rotate(45deg);
	transform : translateY(-9px) rotate(45deg);
}

#front-menu{
  width: 0%;
  position: fixed;
  z-index: 500;
  background-color: #ffffff;
  right: 0;
  top: 0;
  float: right;
  overflow: hidden;
}

#front-menu2{
  width: 0%;
  position: fixed;
  z-index: 490;
  background-color: rgba(0,0,0,.5);
  right: 0;
  top: 0;
  float: right;
  overflow: hidden;
}

/*햄버거 메뉴 css*/


/* main slide */
.slide_bg1{
  background-image: url(./images/slide/slide_bg1.png); 
  width: 100%; 
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(-100%, 0px, 0px);
  background-position:center; 
}

.slide_bg2{
  background-image: url(./images/slide/slide_bg2.png); 
  width: 100%; 
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(-100%, 0px, 0px);
  background-position:center; 
}

.slide_bg3{
  background-image: url(./images/slide/slide_bg3.jpg);
  width: 100%; 
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(-100%, 0px, 0px);
  background-position:center; 
  background-position: 66% 0px;
}

.slide_bg3{
  background-image: url(./images/slide/slide_bg3.jpg);
  width: 100%; 
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(-100%, 0px, 0px);
  background-position:center; 
  background-position: 66% 0px;
}

.slide_bg4{
  background-image: url(./images/slide/visual04.png);
  width: 100%; 
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(-100%, 0px, 0px);
  background-position:center; 
  background-position: 66% 0px;
}

.img_p{
  top: 0.7em;
  left: 0.7em;
}

.img_p2{
 bottom:2em;
 right:4.2em;
}

.img_p3 {
    bottom: 2.2em;
    left: 0.7em;
}

.up_p0{
 top: 4em;
}

.up_p {
    position: absolute;
    z-index: 20;
    width: 3.5em;
    right: 0px;
}

.up_p2{
	width:7em;
}

.up_p3{
	font-size: 0.9em;
}

.up-black{
    position: relative;
    background-color: black;
    opacity: 0.5;
}

/*bottom menu*/

.cursor_pointer {
    cursor: pointer;
}

.hf1{
 color:white; 
 font-family: 'NanumSquare', sans-serif; 
 font-weight: 700; 
 font-size: 1.4em; 
 padding: 0.8em 0px 0.4em 1em;
}

.hf3{
 color:black; 
 font-family: 'NanumSquare', sans-serif; 
 font-weight: 700; 
 font-size: 1.4em; 
 padding: 1.1em 0px 0.4em 1em;
}

.text-e{
  color:white; 
  font-size: 0.75em;
}

.text-eb{
  color:black; 
  font-size: 0.75em;
}

.hf2{
 color:white; 
 font-family: 'NanumSquare', sans-serif; 
 font-weight: 700; 
 font-size: 1.2em; 
 text-align: center;
}

.h_fit_p{
  height: 12em !important;
}

.h_fit_p2{
  height: 12em !important;
}

.font-b{
 font-weight: bold;
}

.font-w{
 color: white;
}

.font_black{
 color:black;
}

.h_bottom{
  bottom: 1.5vh;
}

.notice_h{
  height: 11.3em;
}

.n_padding{
  padding-left:7%;
}