@charset "utf-8";

.wrap { width:1000px; max-width:100%; margin:0 auto; position:relative;}
#conwrap{max-width:2000px; margin:0 auto;}
#container {width:110%; position:relative; display:block; overflow:hidden;}

#header { background:url(../images/header_bg.png) repeat left bottom; height:78px; position:fixed; top:0px; z-index:999; width:100%;}

#header ul#menu { position:absolute; top:12px; left:0px; }

#header ul#menu li.logo {padding:0px 20px; background:none; margin:-5px 0 0 0;}
#header ul#menu li.first {background:none}
.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.moving2 { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.moving3 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.moving4 { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}




/* 20201222 - lee sang yun code */

@font-face {
	font-family: 'Wemakeprice-Bold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.moving2 { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.moving3 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.moving4 { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}

.wrap{width:100%; min-width:320px; max-width:2000px; margin:0 auto; text-align:center;}
.item1 {background:url('../images/Untitled-1_01.jpg') no-repeat center top; height:1100px; width:100%;}
.item2 {background:url('../images/Untitled-1_02.jpg') no-repeat center top; height:1100px; position:relative;}
.item3 {background:url('../images/Untitled-1_03.jpg') no-repeat center top; height:1100px; position:relative;}
.item3-1 {background:url('../images/Untitled-1_03-1.jpg') no-repeat center top; height:1800px; position:relative;}
.item3-2 {background:url('../images/Untitled-1_03-2.jpg') no-repeat center top; height:1100px; position:relative;}
.item4 {background:url('../images/Untitled-1_04.jpg') no-repeat center top; height:1100px; position:relative;}
.item5 {background:url('../images/Untitled-1_05.jpg') no-repeat center top; height:5081px; position:relative;}
.item6 {background:url('../images/Untitled-1_06.jpg') no-repeat center top; height:1125px; position:relative;}
.item7 {background:url('../images/Untitled-1_07.jpg') no-repeat center top; height:4468px; position:relative;}
.item8 {background:url('../images/Untitled-1_08.jpg') no-repeat center top; height:1113px; position:relative;}
.item9 {background:url('../images/Untitled-1_09.jpg') no-repeat center top; height:1010px; position:relative; }
.item10 {background:url('../images/Untitled-1_10.jpg') no-repeat center top; height:1010px; position:relative; padding-bottom:200px;}
.item10 div{margin:0 auto; width:1100px;}
.item10 ul{padding-top:480px;}
.item10 ul li{display:inline-block; margin:0 40px 60px 0;}

/* .item8 {background:url('../images/main-bg.png') no-repeat center bottom; height:220px; position:fixed; bottom:0;  width:100%;} */

.slider {
  margin: 0 auto;
  max-width: 2000px;
}

.slide_viewer {
  height: 1100px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background:url('../images/slide01.jpg') no-repeat center top;
}

.slide:nth-of-type(2) {
  background:url('../images/slide02.jpg') no-repeat center top;
}

.slide:nth-of-type(3) {
  background:url('../images/slide03.jpg') no-repeat center top;
}



.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  top:100px;
  text-align: center;
}

a.slide_btn {
  color: #424242;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #fff;
  cursor: pointer;
}

.directional_nav {
  height: 340px;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -580px;
}

.previous_btn {
  bottom: 0;

  position: absolute;
  left:-30px;
  top: 0;
}

.next_btn {
  bottom: 0;

  position: absolute;
  right:-30px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
}



.footer2{position:fixed; bottom:0; width:100%; min-width:1000px; max-width:2000px; margin:0 auto; height:220px; overflow:hidden; background:url('../images/foot_back.png') no-repeat center; background-size:cover;}
.footer2 .footer_in{width:1100px; margin:0 auto; position:relative;}
.footer2 .footer_in .left{float:left; padding-top:45px; padding-left:10px;}
.footer2 .footer_in .right{float:left; padding-left:80px; margin-top:30px; width:720px;}



.white_content {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	opacity:0;
	-webkit-transition: opacity 0.4ms ease-in;
	-moz-transition: opacity 0.4ms ease-in;
	transition: opacity 0.4ms ease-in;
	pointer-events: none;
	z-index:999999;
}
.white_content:target {
	opacity:1;
	pointer-events: auto;
}
.white_content > .content {
	position: absolute;
	top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
	width: 80%;
	height: 450px;
	padding: 16px;
	background-color: white;
	overflow: auto;
	z-index:999999;
}
.white_content .agreechk{}
.white_content p{position:absolute; bottom:20px; right:10px;}
.white_content p a{ color:#111;float:right; font-size:30px; font-weight:900; font-family: 'Wemakeprice-Bold'; text-decoration:none;}
.white_content p a:hover{color:#336699;}

/* PC */
@media (min-width:1100px){

}

/* 타블렛 */
@media (max-width:1100px) and (min-width:620px){
	.wrap{width:110%;}
}

/* 모바일 */
@media (max-width:620px){
	.wrap{width:110%;}
}