@charset "utf-8";
#wrap {width:100%; overflow:hidden; background:#1e1918 url(../images/bg.jpg) center top no-repeat;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}

.gnb_wrap{float:left; width:100%; padding:0 50px; height:80px; display:flex; align-items:center; justify-content: space-between; background:rgba(59,44,26,0.8); position:fixed; z-index:999;  transition:all 0.5s;}
.gnb_wrap.active{background:#000000;}
.logo{float:left; transition:all 0.5s;}
.logo img{transition:all 0.5s;}
.gnb_box{float:right; transition:all 0.5s;}
.gnb_box li{float:left; margin:0 0 0 70px; transition:all 0.5s;}
.gnb_box li a{display:block; font-family:'rocket'; font-size:20px; color:#ffecc7; text-shadow:2px 0 3px rgba(0,0,0,0.38); transition:all 0.5s;}
.gnb_box li a:hover{color:#ffc000;}


/* 햄버거버튼 */
.m_menu{position:absolute; right:10px; top:15px; display:none;}


@media screen and (max-width:1600px) {
	.gnb_wrap{padding:0 20px;}
	.gnb_box li{margin:0 0 0 40px;}
}

@media screen and (max-width:1440px) {
	.gnb_wrap{padding:0 10px; height:auto; flex-direction: column;}
	.logo{width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 0 10px 0;}
	.gnb_box{width:100%; text-align:center; padding:15px 0 10px 0;}
	.gnb_box ul{display:inline-block;}
	.gnb_box ul li{margin:0 20px 0 20px;}
	.gnb_box li a{font-size:18px;}
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.pc_gnb{display:none;}
	.m_menu{display:block;}
	.logo{text-align:left; border:none;}
	.logo img{width:120px}
	.gnb_wrap{height:80px; justify-content: center;}
}

@media screen and (max-width:768px) {
}

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

}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap{float:left; width:100%; background:url(../images/bg_title.jpg) center top no-repeat; background-size:cover;}
.title_box{width:100%; height:352px; overflow:hidden; margin:0 auto; display:flex; align-items: center; justify-content: center; flex-direction: column; transition:all 0.5s;}

.title {float:left; margin:90px 0 0 0; font-family:'rocket'; font-size:60px; color:#ffffff; text-shadow:2px 2px 3px rgba(0,0,0,0.6); letter-spacing:0pt; transition:all 0.5s;}
.title_sub{padding:10px 0 10px 0; font-family:'GmarketSans'; font-weight:300; font-size:24px; color:#ffffff; text-shadow:2px 2px 3px rgba(0,0,0,0.6); transition:all 0.5s;}

.s_title1 {padding:5px 0 5px 10px; font-family:'rocket'; color:#ffffff; font-size:18px; text-shadow:2px 2px 3px rgba(0,0,0,0.6); transition:all 0.5s;}

.contents_wrap{float:left; width:100%; margin:50px 0 40px 0; transition:all 0.5s;}
.contents_box {width:1400px; margin:0 auto; transition:all 0.5s; min-height:400px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
	.contents_wrap{margin:30px 0 20px 0;}
	.contents_box{float:left; width:100%; padding:0 10px;}
	.title {margin:140px 0 0 0; font-size:50px;}
	
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.title_box{height:auto; padding:100px 10px 20px;}
	.title {margin:10px 0 0 0; font-size:36px;}
	.title_sub {font-size:20px; text-shadow:2px 0 3px rgba(0,0,0,0.99);}
}

@media screen and (max-width:768px) {
}

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

}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; padding:40px 0 30px 0; line-height:1.8; background:#3c332f; overflow:hidden; text-align:center; font-family:'GmarketSans'; font-weight:300; font-size:16px; color:#a68484; transition:all 0.5s;}

@media screen and (max-width:1640px) {
	.footer_wrap {padding:30px 20px;}
}

@media screen and (max-width:1024px) {
	.footer_wrap {font-size:14px; line-height:1.5;}
}

@media screen and (max-width:768px) {
	.footer_wrap {padding:20px 10px; font-size:12px;}
}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_visual_wrap{float:left; width:100%; height:1080px; background:url(../images/bg_main.jpg) center top no-repeat; background-size:cover}
.main_visual_box{width:1920px; height:100%; margin:0 auto; position:relative;}

.visual_item{position:absolute; transition:all 0.5s;}
	.visual_item01{left:50%; top:205px; margin-left:-650px;}
	.visual_item02{right:50%; top:30px; margin-right:-1400px;}
	.visual_item03{right:50%; top:240px; margin-right:-700px;}
	.visual_item04{left:50%; top:600px; margin-left:-1070px;}
	.visual_item05{left:50%; top:-20px; margin-left:-1470px;}
	.visual_item06{right:50%; top:80px; margin-right:-1510px;}
	.visual_item07{left:50%; top:235px; margin-left:-617px;}
	.visual_item08{left:50%; top:515px; margin-left:-700px; z-index:1; width: 366px; height: 310px;}
	.visual_item09{left:50%; top:670px; margin-left:-488px;}
	
	.visual_item01 img{mix-blend-mode: screen;}
	.visual_item04 img{mix-blend-mode: screen;}
	.visual_item05 img{mix-blend-mode: screen;}
	.visual_item06 img{mix-blend-mode: screen;}
	
.visual_item08>img{position:absolute; left:0; top:0;}

.visual_custom{position:relative; left:50%; margin-left:-75px; top:133px; text-align:center; width:150px;}	
.visual_custom01 img{width:40px; transition:all 0.5s;}
.visual_custom02{font-family:'rocket'; font-size:20px; color:#000000; padding:5px 0 5px;}
.visual_custom03{font-family:'rocket'; font-size:12px; color:#00388d;}
.visual_01{position:absolute; left:50%; margin-left:-375px; top:200px; transition:all 0.5s;}
.main_visual_link{position:absolute; left:50%; margin-left:-700px; bottom:140px; width:1400px; transition:all 0.5s;}
.main_visual_link li{float:left; margin:0 40px 0 0;}
.main_visual_link li:nth-child(3n){margin:0 0 0 0;}

.main_visual_link ul li a::before, .main_visual_link ul li a::after {
  position: absolute;
  content: "";
  top: -5%;
  left: -5%;
  height: 110%;
  width: 110%;
  border-radius: 50%;
  opacity: 0.0;
  filter: blur(30px);
}

.main_visual_link ul li a::after {
  background-color: #fcee9f;
  z-index: -2;
}

.main_visual_link ul li a::before {
  background-color: #a56730;
  z-index: -1;
}

.main_visual_link ul li a{display:block; position:relative; z-index:99;}
.main_visual_link ul li a img{width:100%; transition:all 0.5s;}


.main_con_wrap{float:left; width:100%; height:500px; background:url(../images/bg_main_con.jpg) center top no-repeat; background-size:cover}
.main_con_box{width:1820px; height:100%; margin:0 auto; position:relative; overflow:hidden; transition:all 0.5s;}
.main_con_item{position:absolute; top:-70px; left:10px; transition:all 0.5s;}
.main_con_title{float:left; width:100%; padding:0 0 0 450px; margin:110px 0 0 0; transition:all 0.5s;}
.main_con_text{float:left; width:100%; padding:0 0 0 450px; margin:40px 0 0 0; font-family:'GmarketSans'; font-weight:300; font-size:30px; color:#000000; line-height:50px; text-shadow:2px 0 3px rgba(255,255,255,0.43); transition:all 0.5s;}


@media screen and (max-width:1820px) {
	.main_visual_box{width:100%;}
	.main_con_box{width:100%;}
	/* .visual_item04{display:none;} */
	/* .visual_item05{display:none;} */
}

@media screen and (max-width:1440px) {
	.main_con_item{left:-70px;}
	.main_con_title{padding:0 10px 0 370px;}
	.main_con_text{padding:0 10px 0 370px;}
	
	.main_visual_link{width:100%; left:0; margin-left:0; padding:0 10px; position:static;}
	.main_visual_link li{width:33%; margin:0 0.5% 0 0;}
	.main_visual_link li:nth-child(3n){margin:0 0 0 0;}
	
	.main_visual_wrap{height:auto; padding:0 0 40px 0;}
	.visual_item07{display:none;}
	.visual_01{position:static; padding:120px 0 0 0; text-align: center; margin: 0 auto;}
	.visual_item03{top:170px;}
	.visual_item08{position: static; margin:0; height:100px; width:100%;}
	.visual_item08>img{display:none;}
	
	.visual_item09{position: static; margin:-40px auto 0; width:100%; text-align:center;}
	.visual_custom{width:100%; height:100%; position:static; margin-left:0; display: flex; align-items: center; justify-content: center;}
	.visual_custom>div{float:left; padding:0 10px;}
	.visual_custom01 img{width:60px;}
	.visual_custom02{font-size:28px; color:#ffffff;}
	.visual_custom03{font-size:20px; color:#34abdf;}
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.main_con_item{left:-180px;}
	.main_con_title{padding:0 10px 0 220px;}
	.main_con_text{padding:0 10px 0 230px; font-size:22px; font-weight:500;}
	
	.visual_01{width:80%; padding:90px 0 0 0;}
	.visual_01 img{width:100%;}
	.visual_item01{display:none;}
	.visual_item03{top:130px;}
	
	.visual_item09{width:80%;}
	.visual_item09 img{width:100%;}
	
	.visual_custom01 img{width:40px;}
}

@media screen and (max-width:768px) {
	.main_con_wrap{height:auto; padding:40px 20px 30px 20px;}
	.main_con_item{display:none;}
	.main_con_title{padding:0; margin:0;}
	.main_con_title img{width:80%;}
	.main_con_text{padding:0; margin:20px 0 0 0; font-size:16px; line-height:36px;}

	.main_visual_link li{width:100%; margin:0 0 10px 0; padding:0 30px;}
	.main_visual_link li:nth-child(3n){margin:0 0 0 0;}

}

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

}

/*-------------------------------------------------------------------------------------*
 *  out login                                                                          *
 *-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*
 *  down                                                                         *
 *-------------------------------------------------------------------------------------*/
.down_wrap{float:left; width:100%; transition:all 0.5s;}
.down_wrap li{float:left; margin:0 40px 30px 0; transition:all 0.1s;}
.down_wrap li:nth-child(2n){margin:0 0 30px 0;}
.down_wrap li a{display:block;}
.down_wrap li a img{width:100%; transition:all 0.5s;}

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
	.down_wrap li{width:49%; margin:0 2% 1% 0;}
	.down_wrap li:nth-child(2n){margin:0 0 1% 0;}
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
}

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

} 


/*-------------------------------------------------------------------------------------*
 *  customer                                                                         *
 *-------------------------------------------------------------------------------------*/
.customer_wrap{float:left; width:100%; transition:all 0.5s;}
.customer_title{float:left; width:100%; text-align:center; padding:0 0 30px 0; transition:all 0.5s;}
.customer_title img{transition:all 0.5s;}
.customer_text{float:left; width:100%; margin:10px 0 0 0; font-family:'GmarketSans'; font-weight:500; font-size:40px; color:#ffffff; text-align:center; transition:all 0.5s;}
.customer_font01{color:#13b7ff;}
.customer_notice{float:left; width:100%; margin:50px 0 0 0; font-family:'GmarketSans'; font-weight:300; font-size:30px; color:#ffc000; text-align:center; transition:all 0.5s;}
.customer_btn1{float:left; width:100%; margin:50px 0 0 0; text-align:center;}
.customer_btn2{float:left; width:100%; margin:20px 0 0 0; text-align:center;}
.customer_btn a{display:block;}
.customer_btn a img{transition:all 0.5s;}
.customer_warning{float:left; width:100%; margin:50px 0 0 0; transition:all 0.5s; text-align:center; }
.customer_warning img{transition:all 0.5s;}
.warning_text{display:block; padding:20px 0; font-family:'GmarketSans'; font-weight:700; font-size:32px; color:#ffffff; text-align:center; transition:all 0.5s;}
@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
	.customer_text{font-size:28px;}
	.customer_notice{font-size:24px;}
	.customer_warning{padding:0 20px;}
	.warning_text{font-size:26px;}
	
	.customer_notice{margin:30px 0 0 0;}
	.customer_btn1{margin:30px 0 0 0;}
	.customer_warning{margin:30px 0 0 0;}
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.customer_text{font-size:24px;}
	.customer_notice{font-size:18px;}
	.warning_text{font-size:20px;}

	.customer_btn{width:100%; padding:0 20px;}
	.customer_btn img{width:100%;}

}

@media screen and (max-width:768px) {
	.customer_title img{width:20vw;}
	.customer_warning img{width:16vw;}
}

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

} 


/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* top ▲ */
.go-top {position:fixed; display:block; width:40px; height:40px; line-height:35px; text-align:center; font-size:30px; bottom:-10%; right:20px; background:#ffecc7; box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.79) inset; color:#000000; border-radius:40px; z-index:999; border:1px solid rgba(40,40,40,0.0); font-size:22px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.go-top.show{bottom:10px;}


.your-class_slide_pc{max-width:100%; margin:0 auto 0;}
.class_slide_pc img{width:100%!important;}

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

}

@media screen and (max-width:768px) {
	.your-class_slide_pc{margin:0px auto 0;}
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;  padding:0 10px 0 10px;
	}
}