@charset "utf-8";




@media only screen and (min-width:1001px){
	/* 상단 레이아웃 */
	#hd {
		position: fixed;
		width: 200px;
		left: 0;
		top: 0px;
		height: 100%;
		z-index: 100;
	}

	#logo { margin-top:50px; margin-bottom:60px; padding-left:30px;}

	.sns_wrap {
	position:fixed;
    bottom: 40px;
	left:40px;
	}

	 #container {
		margin: 100px auto 0 auto;
		padding: 0 7% 0 220px;
		min-height: 72vh;
	}

	/* about */
	
	.location .map_area { float:left; width:48%; }
	.location .location_info {float:right; width:48%; padding-top:80px;  }
	
	/* product */
	.product .product_list > li {display: flex;justify-content: space-between;    align-items: center;}
	.product .product_list > li .img_wrap {   flex: 1; }
	.product .product_list > li .info_wrap{ flex: 2;  }
	.product .product_list.gray > li {	}
	.product .product_list.gray > li .img_wrap {   flex: 1; }
	.product .product_list.gray > li .info_wrap{ flex: 2;  }
	.product .product_list.gray > li .info_wrap > div {
     position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		float: left;
		vertical-align: middle;

		}
	.product .product_list.movie {  }
	.product .product_list.movie > li	{ display:block; padding-left:10%;  padding-right:10%;}
}


@media only screen and (min-width:1200px){
	 #container {
		padding: 0 7% 0 280px;
	}

	

}

@media only screen and (max-width:1600px){
  /* 팝업 */
   	.hd_pops { left: 50% !important; top: 120px !important;   transform: translateX( -50% )  }

  .about_us { padding:0;}
  .about_us .img_area { background-size:cover; }
}
@media only screen and (max-width:1200px){

 
	


  .about_us { display:block; width:100%;}
  .about_us .text_area { width:100%; padding-right:0; }
  .about_us .img_area { width:100%; background:none;}
   .about_us .img_area .img_box { display:block; }
   
   
   
   
   
}


@media only screen and (max-width:1000px){

	/*.slick-prev, .slick-next {
		top: inherit;
		bottom: 0px;
  
		border: 1px solid #ddd;
		width:40px;
		height:40px;
	}
	.slick-prev {
		left:50%;
		margin-left:-20px;
	}
	.slick-next {
	 left: 50%;
	 margin-left: 22px;
	}
	.slick-prev:before,
	.slick-next:before {
		font-size:20px;
	}*/
	.slick-initialized .slick-slide { padding:0 10px }
	.slick-slide img {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
	}
	/* 상단 레이아웃 */
	#hd:after { content:""; display:block; clear:both}
	.hd_pops { }
  .hd_pops_con { width:auto !important; height:auto !important;  }
	#hd  #logo { width:100%; padding:20px 0; background-color:#fff; }
	#logo { text-align:center;}
	#logo img { max-width:150px}
	#ft {  padding:50px 5%;   }
	#ft .inner > div { padding:0 10px; }
	#container { padding:0 15px; }


	.slider-nav {  }
	.accr .accr_content { padding-left:20px;  padding-right:20px;}

.menu-icon-toggle {
	 display: block;
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  left: 20px;
	  top: 30px;
		z-index: 101;
	}
.menu-icon-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  background-color: #000;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
}
.home:not(.open) .menu-icon-toggle span {
  background-color: #000;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #000;
  -webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
  transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
  transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
}
.menu-icon-toggle::before {
  top: 6px;
}
.menu-icon-toggle::after {
  bottom: 6px;
}
.open .menu-icon-toggle span {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
  background-color: #000;
}
.open .menu-icon-toggle::before {
  top: calc(50% - 1px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open .menu-icon-toggle::after {
  bottom: calc(50% - 1px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.open .menu-icon-toggle::before, 
.open .menu-icon-toggle::after {
  -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.m_gnb_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top:0;
  z-index:-1;
   background-color: rgba( 255, 255, 255, 0 );
  transition: all 0.3s; 
}
.open .m_gnb_bg {
	 background-color: rgba( 255, 255, 255, 1 );
	 z-index:100;

}

	#hd_wrapper { display:none;     position: absolute;
    width: 100%;}
	.open #hd_wrapper { display:block; }

	#gnb { width:200px; margin:25% auto;  }
	#gnb > ul {
		
	}
	.open #gnb > ul {
		display:block;
	}

	#gnb > ul > li > a {
		font-size:16px;
	}


  /* main */
   #main .main_visual li { min-height:50vh;  }
   
  #main .bxslider li.bx01 { background-position: 45% 40%; }

	#container_title h1, .sub_title { font-size:18px; }

	/* product */

	.product h1 { font-size:18px}
	.product h2 {padding-top:20px; font-size:18px;}
	.product .product_list > li { padding-top:50px; padding-bottom:50px; }
	

	




	#bo_w .tbl_frm01 th {
    display: block;
    width: 100%;
	}
	#bo_w .tbl_frm01 td {
    display: block;
    width: 100%;
	}
	.tbl_frm01 th { border:0; }
	.tbl_frm01 td { border:0; border-bottom:1px solid #ddd; }



}

@media only screen and (max-width:480px){

.hd_pops { width:80%; }
}





@media only screen and (max-width:360px){

.btn1 { width:100%; max-width:inherit; margin-left:0;}

}