@font-face {
	font-family: 'Play', sans-serif;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}

body{font-family:'Play', 'Noto Sans KR', sans-serif;}
h2{font-family: 'Play','Noto Sans KR', sans-serif;}
p{font-family: 'Play','Noto Sans KR', sans-serif;}
button{font-family: 'Play','Noto Sans KR', sans-serif;}
a{font-family: 'Play','Noto Sans KR', sans-serif;}

body{
	transition:0s all !important;
}


		/* 위로 가는 애니메이션 */
	.waypoints-up {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	.w-active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.waypoints-ups {opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
	.active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

	/* 아래로 가는 애니메이션 */
	.waypoints-down {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-o-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
	.w-active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	
	/* 오른쪽으로 가는 애니메이션 */
	.waypoints-right {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(-30px,0,0);-moz-transform:translate3d(-30px,0,0);-o-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
	.w-active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	
	/* 왼쪽으로 가는 애니메이션 */
	.waypoints-left {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
	.w-active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	
	/* 가운데 출력 애니메이션 */
	.waypoints-center {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
	.w-active .waypoints-center {opacity:1}
	.active .waypoints-center {opacity:1}
	
	/* 딜레이 */
	.delay-05 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
	.delay-075 {-webkit-transition-delay:.75s;-moz-transition-delay:.75s;-o-transition-delay:.75s;-ms-transition-delay:.5s;transition-delay:.75s}
	.delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
	.delay-15 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
	.delay-20 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
	.delay-25 {-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
	.delay-30 {-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s}



#cont_area{	width:1600px;	margin:0 auto;}
#cont_areas{	width:1200px;	margin:0 auto;}
#header{	position:fixed;	top:0;	left:0;	width:100%;	height:90px;	box-sizing:border-box;	display:flex;	align-content: center;    flex-direction: row;	flex-wrap:wrap;    justify-content: space-between;    align-items: center;  -webkit-transition-duration:0.4s;  -webkit-transition-timing-function:ease;  transition-duration:0.4s;  transition-timing-function:ease;  z-index:9989;  /*border-bottom:1px solid #e6e6e6;*/  background:#fff;}
body.fp-viewing-page1 #header{	background:none;}
body.fp-viewing-page1 #header:not(.sub_top) .gnb .gnb_area .gnb_1 a.tit{	color:#fff;}
#header.sub_top{}
#header.sub { background: none; }
#header.sub .gnb .gnb_area .gnb_1 a,
#header.sub .head_info .language_area .on_lang a,
#header.sub .head_info .careers_area .careers_btn .care_btn,
#header.sub .head_info .global_area .global_icon{ color: #fff;border-color:#fff; }
#header.sub .top_logo a { background-image: url(../img/common/logo_white.png); }
#header.sub.sub_top .top_logo a { background-image: url(../img/common/logo.png); }



#header.drop { background: #fff; }
#header.drop .gnb .gnb_area .gnb_1 a,
#header.drop .head_info .language_area .on_lang a,
#header.drop .head_info .careers_area .careers_btn .care_btn,
#header.drop .head_info .cart_icon,
#header.drop .head_info .global_area .global_icon{ color: #181818 !important; border-color:#181818 !important;}
#header.drop .top_logo a { background-image: url(../img/common/logo.png); }

#header.drop2 { background: #fff;border-bottom: 1px solid #e6e6e6; }
#header.drop2 .gnb .gnb_area .gnb_1 a,
#header.drop2 .head_info .language_area .on_lang a,
#header.drop2 .head_info .careers_area .careers_btn .care_btn,
#header.drop2 .head_info .global_area .global_icon{ color: #181818; }
#header.drop2 .top_logo a { background-image: url(../img/common/logo.png); }


#header.sub_top .top_logo a .logo{	display:none !important;	margin:0 auto;}
#header.sub_top .top_logo a .hover_logo{	display:block !important;	margin:0 auto;}
#header.sub_top .gnb .gnb_area .gnb_1 a{		color:#333333 !important;	}
#header.sub_top .gnb .gnb_area .gnb_1 a:hover{	  color: #333333;	}
#header.sub_top .head_info .language_area .on_lang a{		color:#333333;	}
#header.sub_top .menu_area svg path,
#header.down .menu_area svg path{		stroke:#fff !important;	}
#header.sub_top{		background:#fff !important;	}
#header.search_top{}
#header.search_top .top_logo a .logo{	display:none;	margin:0 auto;}
#header.search_top .top_logo a .hover_logo{	display:block;	margin:0 auto;}
#header.search_top .gnb .gnb_area .gnb_1 a{		color:#333333;	}
#header.search_top .gnb .gnb_area .gnb_1::after{		background:#333333;	}
#header.search_top .gnb .gnb_area .gnb_1 a:hover{	  color: #333333;	}
#header.search_top .head_info .language_area .on_lang a{		color:#333333;	}
#header.search_top .menu_area svg path{		stroke:#333333;	}
#header.search_top{	background:#fff;	border-bottom:1px solid #e6e6e6;}
#header .top_logo{	text-align:left;
margin-left: 80px; }
#header .top_logo a{
display:block;
width:304px;
height: 45px;
background: url(../img/common/logo.png) no-repeat 50% 50%; 
z-index:20; 
background-size:auto 29px;
position:relative;
text-indent: -9999px;
transition: all 0.5s;}
/* 모바일 */
@media (max-width: 768px) {
  /* 헤더가 플렉스라면 수직 중앙 + 수축 허용 */
  #header { display:flex; align-items:center; justify-content:space-between; }

  #header .top_logo {
    margin-left:12px;
    min-width:0; /* 플렉스 수축 허용(중요) */
  }

  #header .top_logo a{
    /* 로고 박스 폭을 기기에 맞춰 유동적으로 */
    width: clamp(160px, 45vw, 240px);
    aspect-ratio: 304 / 45;   /* 원본 비율 유지 */
    height: auto;

    background-position: left center;
    background-repeat: no-repeat;

    /* 박스의 가로에 딱 맞추고 세로는 자동 → 잘림 방지 */
    background-size: 100% auto !important;
  }
}
body.fp-viewing-page1 #header .top_logo a  { background-image: url(../img/common/logo_white.png);}

body.fp-viewing-page1 #header.sub_top .top_logo a  { background-image: url(../img/common/logo.png);}

#header.down .top_logo a  { background-image: url(../img/common/logo.png) !important;}


body.fp-viewing-page1 #header .top_logo a .logo{	display:block;	margin:0 auto;}
body.fp-viewing-page1 #header .top_logo a .hover_logo{	display:none;	margin:0 auto;}
body.fp-viewing-page1 #header .head_info .global_area .global_icon{	color:#fff;}
body.fp-viewing-page1 #header .head_info .cart_icon{	color:#fff;}
body.fp-viewing-page1 #header .head_info .language_area .on_lang a{	color:#fff;	border:0;}
#header.sub_top .head_info .global_area .global_icon  { color: #181818 !important;}
#header.sub_top .head_info .cart_icon  { color: #181818 !important;}

#header .gnb{
	text-align:center;
	flex:2;
}

#header .gnb #cont_area{
	width:840px;
}

	#header .gnb .gnb_area{
		display:flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}

	#header .gnb .gnb_area .gnb_1{
		flex:1;
		-webkit-box-sizing: border-box;
		  box-sizing: border-box;
		  -webkit-transition: all 0.35s ease;
		  transition: all 0.35s ease;
		  position:relative;
	}
#header .gnb .gnb_area .gnb_1:last-child .gnb_2 { border-right:1px solid #e2e2e2; }

	/*#header .gnb .gnb_area .gnb_1::after{
		content:"";
		position:absolute;
		top:42px;
		right:0;
		width:1px;
		height:16px;
		background:#fff;
		opacity:0.7;
	}*/

	#header .gnb .gnb_area .gnb_1 a{
		font-weight: 500;
		font-size: 19px;
		color: #181818;
		display: block;
		line-height: 90px;
		text-align: center;
		letter-spacing: -.25px;
		position: relative;
	}

	#header.down .gnb .gnb_area .gnb_1 a{
		color:#333333 !important;
}#header.down .gnb .gnb_area .gnb_1 .gnb_2_area a:hover { color: #3889ca !important; font-weight: 600; }



	

	/*#header .gnb .gnb_area .gnb_1 a:before,*/
	#header .gnb .gnb_area .gnb_1 a:after {
	  height: 3px;
	  position: absolute;
	  content: '';
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	  background-color: #3889ca;
	  width: 0;
	}
	
	#header .gnb .gnb_area .gnb_1.on_menu a:after{
		width:100%;
	}



	/*#header .gnb .gnb_area .gnb_1 a:before {
	  top: 0;
	  right: 0;
	}*/
	#header .gnb .gnb_area .gnb_1 a:after {
	  bottom: -3px;
	  left: 0;
		z-index:100; 
	}
	#header .gnb .gnb_area .gnb_1 a:hover{
	  color: #ffffff;
	}

	#header.down .gnb .gnb_area .gnb_1 a:hover{
	  color: #333333;
	}



	/*#header .gnb .gnb_area .gnb_1 a:hover:before,*/
	#header .gnb .gnb_area .gnb_1 a:hover:after{
	  width: 100%;
	}



#header .gnb .gnb_area .gnb_1 .gnb_2{
	position:absolute;
	z-index:98;
	top:91px;
	width:100%;
	height:0;
	overflow:hidden;
	border-left: 1px solid #e2e2e2; 
	-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;
}

#header .gnb .gnb_area .gnb_1.on_menu .gnb_2{

}


#header .gnb .gnb_area .gnb_1 .gnb_2 .gnb_2_area a{
	line-height:30px;
	color:#000;
	font-size:16px;
	font-weight:400;
}

#header .gnb .gnb_area .gnb_1 .gnb_2 .gnb_2_area a::after{
	display:none;
}

#header .gnb .gnb_area .gnb_1 .gnb_2 .gnb_2_area a:hover{
	font-weight:400;
	color:#1ea135;
}



#header.down{
	position:fixed;
}


#header.down .header_inner{
	padding:0 60px;
	background:#fff;
	border-bottom:1px solid #dddddd;
}

#header.down .gnb_area{
	top:0;
}


#header.down .top_logo a.org{
	display:none;
	opacity:0;
}

#header.down .top_logo a.hover_logo{
	display:block;
	opacity:1;
}

#header.down .gnb_area .menu_list .gnb_1 a.tit{
	color:#111111;
}

#header.down .header_inner .lang_area .lang_list .lang_text a{
	color:#111111;
}

#header.down .menu_btn .menu_t span{
	background:#111;
}




#header.sub_down{
	position:fixed;
}

#header.sub_down .header_inner{
	padding:0 60px;
	background:#fff;
	border-bottom:1px solid #dddddd;
}

#header.sub_down .gnb_area{
	top:0;
}


#header.sub_down .gnb_area .menu_list .gnb_1 a.tit{
	color:#111111;
}

#header.sub_down .header_inner .lang_area .lang_list .lang_text a{
	color:#111111;
}

#header.sub_down .menu_btn .menu_t span{
	background:#111;
}




#header .head_info{
	font-size:12px;
	color:#fff;
	position:relative;
	display:flex;
	padding-right:80px;
}


#header .head_info .cart_icon{
	border:0;
	color:#fff;
	font-size:30px;
	background:none;
	margin:0 27px 0 18px;
	transition:.25s all;
}
#header:not(.sub) .head_info .cart_icon { color:#000; }
#header.drop2 .head_info .cart_icon { color:#000; }

#header.down .head_info .cart_icon{
	color:#00589d;
}




#header .head_info .global_area{
	position:relative;
	line-height:90px;
}

#header .head_info .global_area .global_icon{
	border:0;
	color:#181818;
	font-size:30px;
	background:none;
	margin:0 27px 0 18px;
	transition:.25s all;
}


#header.down .head_info .global_area .global_icon{
	color:#00589d;
}

/*
#header.sub_top .head_info .global_area .global_icon{
	color:#00589d !important;
}
*/


#header .head_info .global_area .lang_list{
	position:absolute; 
	opacity:0; 
	visibility:hidden; 
	top:85px; 
	left:80%; 
	width:115px; 
	padding:13px; 
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.2); 
	color:#222222; 
	text-align:center; 
	background:#fff; 
	border-radius:8px; 
	box-sizing:border-box;  
	transition:opacity 300ms ease, transform 600ms ease; 
	transform:translate(-50%, 10px);
	z-index:9989;
}

#header .head_info .global_area:focus .lang_list,
#header .head_info .global_area:hover .lang_list{
	opacity:1; 
	visibility:visible; 
	transform:translate(-50% , 0px); 	
}

#header .head_info .global_area .lang_list .lang_li{
	padding:0px 18px;
	border-radius:8px;
	transition:.5s all;
	line-height: 21px;
}

#header .head_info .global_area .lang_list .lang_li.on{
	background:#00589d;
}

#header .head_info .global_area .lang_list .lang_li a{
	color:#222222;
	font-size:15px;
	font-weight:500;
	text-align:center;
	line-height:35px;
}

#header .head_info .global_area .lang_list .lang_li.on a{
	color:#fff;
}




	#header .head_info .language_area{
		color:#fff;
		line-height:90px;
		margin-right:35px;
	}

	#header.down .head_info .language_area{
		color:#333333;
	}

	#header .head_info .language_area .on_lang{
		display:block;
	}
	#header .head_info .language_area:hover .none_lang{
		display:block !important;
	}

	#header .head_info .language_area .none_lang{
		transition:1s all;
		position: absolute;
		color: #fff;
		background: #00584c;
		border-radius: 10px;
		box-shadow: 0px 2px 9px 1px rgb(0 0 0 / 5%);
		top: 80px;
		padding: 10px 40px;
		margin-left: -40px;
		display:none;
	}

	#header .head_info .language_area .none_lang a{
		display:block;
		line-height:35px;
		color: #fff;
		font-size: 13px;
	}

	#header .head_info .language_area .on_lang a{
		font-size:18px;
		color: #181818;
	}

	#header .head_info .language_area .on_lang img{
		margin-left:5px;
		padding-bottom:3px;
	}


	#header.down .head_info .language_area .on_lang a{
		color:#181818;
	}

	#header.sub_top .head_info .language_area .on_lang a{
		color:#181818 !important;
	}

	#header.search_top .head_info .language_area .on_lang a{
		color:#181818;
	}



	#header .head_info .careers_area{
		padding-top:26px;
	}

	#header .head_info .careers_area .careers_btn{
		position:relative;
	}

	#header .head_info .careers_area .careers_btn .care_btn{
		width:133px;
		height:37px;
		background:none;
		border: 1px solid #181818; 
		border-radius:37px;
		text-align:center;
		color:#181818;
		font-size:15px;
		font-weight:400;
		transition:.25s all;
	}

#header.sub_top .head_info .careers_area .careers_btn .care_btn { color: #181818; }

	#header .head_info .careers_area .careers_btn .care_btn.active{
	}

	#header .head_info .careers_area .careers_btn .care_btn i{
		margin-left:13px;
	}

	#header .head_info .careers_area .careers_btn .care_btn.active i{
		transform: rotate(180deg);
	}

	#header .head_info .careers_area .care_list{
		width:100%;
		position:absolute;
		top: 40px;
		padding: 5px 0;
		background:none;
		height:0;
		border-radius:18px;
		transition:.25s all;
		z-index:150;
		overflow:hidden;
	}

	#header .head_info .careers_area .care_list

	#header .head_info .careers_area .care_list li{
		width:100%;
		padding-left:17px;
	}

	#header .head_info .careers_area .care_list li a{
		text-align: center; 
		display: block; 
		color:#181818;
		font-size:15px;
		font-weight:400;
		letter-spacing:-.25px;
		line-height:35px;
	}

	#header #mobile_me{
		/*display:none;*/
	}

	#header #pc_menu{
		font-size:22px;
	}

	#header.down .head_info i{

	}

.fp-viewing-page1 #header .head_info .careers_area .careers_btn .care_btn { color: #fff; border: 1px solid #fff; }
.fp-viewing-page1 #header.sub_top .head_info .careers_area .careers_btn .care_btn { color: #181818; border: 1px solid #a0aebb; }
.fp-viewing-page2 #header .head_info .careers_area .care_btn.active + .care_list,
.fp-viewing-page3 #header .head_info .careers_area .care_btn.active + .care_list,
.fp-viewing-page4 #header .head_info .careers_area .care_btn.active + .care_list,
.fp-viewing-page5 #header .head_info .careers_area .care_btn.active + .care_list{ background: #f2f2f2 !important;}



#header .menu_area{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width:80px;
	height:90px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background: #00589d;
}

#header.sub_top .menu_area{
	color:#fff;
}

#header.search_top .menu_area{
	color:#fff;
}

body.fp-viewing-page1 #header .head_info .menu_area{
	color:#fff;
}


	#header .menu_area svg {
	  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	#header .menu_area svg path{
		stroke:#fff;
	}

	#header.down .menu_area svg path{
		stroke:#fff;
	}

	.fp-viewing-page1 #header .menu_area svg path{
		stroke:#fff;
	}


	#header .menu_area.active svg {
	  transform: rotate(90deg);
	}
	#header .menu_area path {
	  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	#header .menu_area path:nth-child(1) {
	  transform-origin: 36% 40%;
	}
	#header .menu_area path:nth-child(2) {
	  stroke-dasharray: 29 299;
	}
	#header .menu_area path:nth-child(3) {
	  transform-origin: 35% 63%;
	}
	#header .menu_area path:nth-child(4) {
	  stroke-dasharray: 29 299;
	}
	#header .menu_area path:nth-child(5) {
	  transform-origin: 61% 52%;
	}
	#header .menu_area path:nth-child(6) {
	  transform-origin: 62% 52%;
	}
	#header .menu_area.active path:nth-child(1) {
	  transform: translateX(9px) translateY(1px) rotate(45deg);
	}
	#header .menu_area.active path:nth-child(2) {
	  stroke-dasharray: 225 299;
	  stroke-dashoffset: -72px;
	}
	#header .menu_area.active path:nth-child(3) {
	  transform: translateX(9px) translateY(1px) rotate(-45deg);
	}
	#header .menu_area.active path:nth-child(4) {
	  stroke-dasharray: 225 299;
	  stroke-dashoffset: -72px;
	}
	#header .menu_area.active path:nth-child(5) {
	  transform: translateX(9px) translateY(1px) rotate(-45deg);
	}
	#header .menu_area.active path:nth-child(6) {
	  transform: translateX(9px) translateY(1px) rotate(45deg);
	}


.mobile_gnb{
	display:none;
	position:absolute;
	top:90px;
	left:0;
	width:100%;
	z-index:9999;
}

.mobile_gnb .gnb_areas{
	background:#fff;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	transition:.1s all;
	height:0;
	overflow:hidden;
}

.mobile_gnb .gnb_areas .mg_1{
}

.mobile_gnb .gnb_areas .mg_1 .mg_title{
	font-size:14px;
	font-weight:bold;
	letter-spacing:-.2px;
	background:#f7f7f7;
	display:block;
	padding:16px 35px;
}

.mobile_gnb .gnb_areas .mg_1 .mg_2{
	display:none;
	padding:16px 35px;
}
.mobile_gnb .gnb_areas .mg_1 .mg_2 .mg_2_area{
	margin:14px 0;
}

.mobile_gnb .gnb_areas .mg_1 .mg_2 .mg_2_area a{
	font-size:13px;
}
.mobile_gnb .gnb_areas .mg_1 .mg_2{
	display:none;
	padding:16px 35px;
}
.mobile_gnb .gnb_areas .mg_1 .mg_2 .mg_2_area{
	margin:14px 0;
}

.mobile_gnb .gnb_areas .mg_1 .mg_2 .mg_2_area a{
	font-size:13px;
}


.mobile_gnb .gnb_areas .mg_1 .mg_2 .mg_2_area a.mg_3{
	font-weight:400;
	color:#999999;
	font-size:12px;
	letter-spacing:-.2px;
	line-height:30px;
	display:block;
}


	.mobile_gnb .gnb_area .language_area{
		color:#444444;
			padding:15px 35px;
			text-align:right;
	}

	.mobile_gnb .gnb_area .language_area .on_lang{
		display:inline-block;
		border-bottom:1px solid #444444;
		margin-right:20px;
	}

	.mobile_gnb .gnb_area .language_area .none_lang{
		display:inline-block;
		margin-right:20px;
	}

	.mobile_gnb .gnb_area .language_area .none_lang a{
		color:#cccccc;
		font-size:16px;
	}


	.mobile_gnb .gnb_area .language_area .on_lang a{
		color:#444444;
		font-size:16px;
	}

	.mobile_gnb .gnb_area .language_area .on_lang img{
		margin-left:5px;
		padding-bottom:3px;
	}



#header.down{
	background:#fff;
	/*border-bottom:1px solid #f7f7f7;*/
}


#gnb2_back{
	background: #fff;
	width:100%;
	display:block;
	height:0px;
	border-bottom: 1px solid #e2e2e2;
	position:fixed;
	top:90px;
	z-index:95;
	-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;
	opacity:0;
}

#gnb2_back.on { opacity:1; }
#content{
	width:100%;
	min-width:1200px;
}



/*
#fp-nav ul::before{
	content:"01";
	display:block;
	position:absolute;
	color:#fff;
	font-weight:400;
	letter-spacing:-.2px;
	font-size:14px;
	top:-22px;
	width:100%;
	text-align:center;
}

#fp-nav ul::after{
	content:"05";
	display:block;
	position:absolute;
	color:#fff;
	font-weight:400;
	letter-spacing:-.2px;
	font-size:14px;
	bottom:-22px;
	width:100%;
	text-align:center;
}
*/
.fp-viewing-page2 #fp-nav ul:before,
.fp-viewing-page4 #fp-nav ul:before{
	color:#2b2b2b;
}

.fp-viewing-page2 #fp-nav ul:after,
.fp-viewing-page4 #fp-nav ul:after{
	color:#2b2b2b;
}

#fp-nav.right{
	right:70px;
}




.mobile_lang{
	display:flex;
	margin:25px 35px;
	float:right;
}

.mobile_lang a{
	color: #333;
    font-size: 15px;
    letter-spacing: -.2px;
    transition: .5s all;
	margin-left:10px;
}

.mobile_lang .on a{
	color:#3085c8;
}




/*
.section_01::before{
	width:1px;
	height:100%;
	background:#ffffff38;
	content:"";
	display:block;
	position:absolute;
	top:80px;
	left:80px;
	z-index:15;
}

.section_01::after{
	width:1px;
	height:100%;
	background:#ffffff38;
	content:"";
	display:block;
	position:absolute;
	top:80px;
	right:80px;
	z-index:15;
}*/
/*
.section_01 .main_banner::after{
	width:100%;
	height:1px;
	background:#ffffff38;
	content:"";
	display:block;
	position:absolute;
	bottom:80px;
	left:0;
	z-index:15;	
}
*/


.section_02{
	width:100%;
	height:100vh;
	background-image:url("../img/main/section_02_back.html");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}

.section_02 #cont_area{
	height:100%;
	position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-top:100px;
}

.section_02 .title_area{
	position:relative;
	text-align:center;
}

.section_02 .title_area p{
	color:#1ea135;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.25px;
	line-height:30px;
}

.section_02 .title_area h2{
	color:#333333;
	font-weight:400;
	font-size:40px;
	letter-spacing:-.25px;
}

.section_02 .product_area{
	margin-top:80px;
	width:100%;
	position:relative;
}

.section_02 .product_area::after{
	content:"";
	display:block;
	position:absolute;
	top:79%;
	left:0;
	width:100%;
	height:2px;
	background:#dddddd;
	z-index:1;
}

.section_02 .product_area .product_list{
	display:flex;
	justify-content: space-between;
	position:relative;
	z-index:5;
}

.section_02 .product_area .product_list .product_cont{
	cursor:pointer;
}

.section_02 .product_area .product_list .product_cont h2.on_title{
	text-align:center;
	color:#1ea135;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-.25px;
	line-height:60px;
	opacity:0;
	transition:.25s all;
}

.section_02 .product_area .product_list .product_cont.on h2.on_title{
	opacity:1;
}

.section_02 .product_area .product_list .product_cont .img_cont{
	text-align:center;
	width:100%;
	min-height:270px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.section_02 .product_area .product_list .product_cont .img_cont img{
	opacity:0.5;
	transition:.25s all;
}

.section_02 .product_area .product_list .product_cont.on .img_cont img{
	opacity:1;
}

.section_02 .product_area .product_list .product_cont .text_cont{
	text-align:center;
	margin-top:35px;
}

.section_02 .product_area .product_list .product_cont .text_cont span::before{
	content:"";
	display:block;
	width:9px;
	height:9px;
	background:#666666;
	border-radius:100%;
	margin:0 auto;
}

.section_02 .product_area .product_list .product_cont.on .text_cont span::before{
	background:#769c59;
}

.section_02 .product_area .product_list .product_cont .text_cont span{
	position:relative;
}

.section_02 .product_area .product_list .product_cont.on .text_cont span::after{
	border:1px solid #769c59;
	content:"";
	display:block;
	background:none;
	border-radius:100%;
	width:9px;
	height:9px;
	margin: -9px auto;
    transform: scale(2.5);
}

.section_02 .product_area .product_list .product_cont .text_cont h2{
	font-weight:bold;
	color:#333333;
	font-size:16px;
	letter-spacing:-.25px;
	line-height:22px;
	margin:0 auto;
	padding:15px 0;
}

.section_02 .product_area .product_list .product_cont.on .text_cont h2{
    padding-top: 24px;
}

.section_02 .product_area .product_list .product_cont .text_cont h2.two_line{
	padding-bottom: 0;
    padding-top: 12px;
}

.section_02 .product_area .product_list .product_cont.on .text_cont h2.two_line{
	padding-top:20px;
}

.section_02 .product_area .product_list .product_cont .text_cont h2 p{
	color:#9c9c9c;
	font-size:12px;
	text-align:center;
	line-height:18px;
	letter-spacing:-.25px;
	font-weight:400;
	margin-top:-5px;
}

.section_02 .product_area .product_list .product_cont .text_cont .more_area{
	width:40px;
	height:40px;
	background:#769c59;
	border-radius:100%;
	text-align:center;
	line-height:40px;
	border:0;
	color:#fff;
	font-size:10px;
	letter-spacing:-.25px;
	font-weight:400;
	opacity:0;
	transition:.25s all;
}

.section_02 .product_area .product_list .product_cont.on .text_cont .more_area{
	opacity:1;
}

.section_02 .product_area .product_list .product_cont .text_cont .more_area.two_btn{
	margin-top:5px;
}



.section_03{
	width:100%;
	height:100vh;
	background-image:url("../img/main/section_03_back.html");
	background-size:auto;
	background-position:right center;
	background-repeat:no-repeat;
	position:relative;
}

.section_03 #cont_area{
	padding-top:100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section_03 #cont_area .title_area h2{
	font-weight:400;
	color:#000000;
	font-size:80px;
	letter-spacing:-.25px;
	line-height:90px;
}

.section_03 #cont_area .title_area p{
	color:#444444;
	font-weight:400;
	font-size:18px;
	line-height:33px;
	letter-spacing:-.25px;
	margin-top:50px;
}

.section_03 #cont_area .button_area{
	margin-top:45px;
}

.section_03 .button_area .main_button{
    border: 1px solid #222222;
    width: 256px;
    height: 56px;
    color: #222222;
    border-radius: 28px;
    background: none;
    font-weight: 500;
    font-size: 16px;
    transition: .25s all;
}

.section_03 .button_area .main_button i{
	margin-left:15px;
}

.section_03 .button_area .main_button:hover{
	background:#1ea135;
	color:#fff;
	border:1px solid #1ea135;
}


.section_04{
	width:100%;
	height:100vh;
	background-image: url("../img/main/section_04_back.html");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position:relative;
}

.section_04 .box_area{
	width:1090px;
	height:65%;
	background:#fff;
	position:absolute;
	right:0;
	bottom:0;
	padding: 4vw 6vw;
}

.section_04 .box_area .box_slide{
	width:100%;
	height:100%;
}

.section_04 .box_area .box_slide .text_area{
	text-align:left;
}

.section_04 .box_area .box_slide .text_area .page_no{
	color:#bbbbbb;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.25px;
	padding-bottom:5px;
	margin-bottom:5vh;
	cursor:pointer;
}

.section_04 .box_area .box_slide .text_area .page_no b{
	border-bottom:1px solid #bbb;
}

.section_04 .box_area .box_slide .text_area span{
	color:#1ea135;
	font-weight:bold;
	letter-spacing:-.25px;
	line-height:65px;
}

.section_04 .box_area .box_slide .text_area h2{
	color:#333333;
	font-weight:300;
	font-size:31px;
	line-height:45px;
	letter-spacing:-.25px;
}

.section_04 .box_area .box_slide .text_area p{
	color:#666666;
	font-size:15px;
	font-weight:400;
	line-height:26px;
	letter-spacing:-.25px;
	margin-top:5vh;
}

.section_04 .box_area .box_slide .text_area .button_area{
	position:relative;
	transition:.25s all;
}

.section_04 .box_area .box_slide .text_area .button_area a{
	color:#aaa;
	font-size:18px;
	font-weight:400;
	line-height:25px;
	letter-spacing:-.25px;
	transition:.25s all;
}

.section_04 .box_area .box_slide .text_area .button_area a::after{
	width:4vw;
	height:2px;
	content:"";
	display:inline-block;
	background:#aaaaaa;
	vertical-align: middle;
	margin-left:15px;
	transition:.25s all;
}

.section_04 .box_area .box_slide .text_area .button_area::after{
	content:"\e90b";
	font-family:"xeicon";
	display:inline-block;
	width:40px;
	height:40px;
	background:#aaaaaa;
	line-height:40px;
	text-align:left;
	border-radius:100%;
	color:#fff;
	font-size:22px;
	vertical-align: sub;
	margin-left:-4px;
	transition:.25s all;
	
}

.section_04 .box_area .box_slide .text_area .button_area:hover a{
	color:#1ea135;
}

.section_04 .box_area .box_slide .text_area .button_area:hover a::after{
	background:#1ea135;
}

.section_04 .box_area .box_slide .text_area .button_area:hover::after{
	background:#1ea135;
}







.section_05{
	width:100%;
	height:100vh;
	background:#fff;
	position:relative;
}

.section_05 #cont_area{
	width:1000px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}

.section_05 #cont_area.eng_cont{
	width:1600px;
}

.section_05 .title_area{
	margin-bottom:45px;
}

.section_05 .title_area h2{
	color:#222222;
	font-size:56px;
	font-weight:bold;
	letter-spacing:-.25px;
	line-height:84px;
	text-align:center;
}

.section_05 .latest_area{
	width:100%;
	border-top:1px solid #dddddd;
}

.section_05 .latest_area .latest_list{
	border-bottom:1px solid #dddddd;
	padding:20px 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.section_05 .latest_area .latest_list .date_cont{
	padding-left:45px;
}

.section_05 .latest_area .latest_list .date_cont h2{
	font-size:58px;
	color:#cccccc;
	font-weight:bold;
}

.section_05 .latest_area .latest_list .date_cont span{
	font-size:15px;
	color:#ccc;
	font-weight:bold;
}

.section_05 .latest_area .latest_list .content_cont{
	max-width:600px;
	overflow:hidden;
}

.section_05 .latest_area .latest_list .content_cont a h2.subject{
	color:#222222;
	font-weight:600;
	font-size:20px;
	letter-spacing:-.25px;
	margin-bottom:15px;
}

.section_05 .latest_area .latest_list .content_cont a p.wr_content{
	font-size:16px;
	color:#777777;
	font-weight:400;
	letter-spacing:-.25px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section_05 #cont_area .button_area{
	margin-top:45px;
	text-align:center;
}

.section_05 .button_area .main_button{
    border: 1px solid #222222;
    width: 256px;
    height: 56px;
    color: #222222;
    border-radius: 28px;
    background: none;
    font-weight: 500;
    font-size: 16px;
    transition: .25s all;
}

.section_05 .button_area .main_button i{
	margin-left:15px;
}

.section_05 .button_area .main_button:hover{
	background:#1ea135;
	color:#fff;
	border:1px solid #1ea135;
}


/* 마우스 스크롤 다운 띄용 
animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;


@keyframes bounce {
  from {
     transform: translateY(0px);
  }
  to {
     transform: translateY(-7.5px);
  }
}
@-webkit-keyframes bounce {
  from {
     transform: translateY(0px);
  }
  to {
     transform: translateY(-7.5px);
  }
}
*/

/*버튼 물방울 번짐 */

.button_area{
	margin-top:50px;
}

.button {
  -webkit-font-smoothing: antialiased;
  background-color: #333333;
  box-sizing: border-box;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  letter-spacing: 1px;
  color: white;
  height:52px;
	line-height:52px;
	text-align:center;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
}
.button:hover {
  background-color: #333333;
  color: #fff;
}
.button:active {
  transform: scale(0.95);
}
.button--bubble {
  position: relative;
  z-index: 2;
  color: white;
  background: none;
  letter-spacing:3px;
  font-weight:400;
}
.button--bubble:hover {
  background: none;
}
.button--bubble:hover + .button--bubble__effect-container .circle {
  background: #333333;
}
.button--bubble:hover + .button--bubble__effect-container .button {
  background: #333333;
}
.button--bubble:active + .button--bubble__effect-container {
  transform: scale(0.95);
}
.button--bubble__container {
  position: relative;
  display: block;
}
.button--bubble__container .effect-button {
  position: absolute;
  width: 50%;
  height: 25%;
  top: 50%;
  left: 25%;
  z-index: 1;
  transform: translateY(-50%);
  background: #333333;
  transition: background 0.1s ease-out;
}

.button--bubble__effect-container {
  position: absolute;
  display: block;
  width: 200%;
  height: 400%;
  top: -150%;
  left: -50%;
  filter: url(_.html#goo");
  transition: all 0.1s ease-out;
  pointer-events: none;
}
.button--bubble__effect-container .circle {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background: #333333;
  transition: background 0.1s ease-out;
}
.button--bubble__effect-container .circle.top-left {
  top: 40%;
  left: 27%;
}
.button--bubble__effect-container .circle.bottom-right {
  bottom: 40%;
  right: 27%;
}


.button--bubble__container {
  top: 50%;
}

@-webkit-keyframes hue-rotate {
  from {
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes hue-rotate {
  from {
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}



#footer{
	width:100%;
	background:#000000;
	padding-top:55px;
	padding-bottom:45px;
}




#cont_areas2{
	width:1600px;
	margin:0 auto;
	position:relative;
}

#footer .foot_content #cont_areas2 .text_area{
	line-height:30px;
}

#footer .foot_content #cont_areas2 .text_area span{
	color:#474747;
	font-size:14px;
	letter-spacing:-.2px;
	font-weight:500;
}

#footer .foot_content #cont_areas2 .text_area span b{
	font-weight:500;
	color:#8b8b8b;
}


#footer .foot_content #cont_areas2 .text_area span.text2{
	margin-right:0;
	position:absolute;
	right:0px;
	font-size:13px;
	font-weight:300;
	bottom:0px;
}

#footer .foot_content p{
	color:#cccdcd;
	font-size:13px;
	letter-spacing:-.2px;
	line-height:26px;
	padding-top:25px;
}

#footer .foot_content span{
	color:#c0c0c0;
	font-size:13px;
	letter-spacing:-.2px;
}

#footer .foot_logo{
	margin-bottom: 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#footer .foot_gnb{
	margin-bottom:28px;
}

#footer .foot_gnb ul{
	display:flex;
}

#footer .foot_gnb ul li{
	margin-left:40px;
}

#footer .foot_gnb ul li:first-child{
	margin-left:0;
}

#footer .foot_gnb ul li a{
	color:#7e7e7e;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-.25px;
}

#rnb{
	width:200px;
	background:#fff;
	border:1px solid #c3c3c3;
	border-radius:15px;
	min-height:580px;
	display:block;
	position:absolute;
	right:70px;
	top:45px;
	z-index:90;
	opacity:1;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.fp-viewing-page1 #rnb{
	opacity:0;
	display:none;
}

#rnb.fix{
	position:fixed;
	top:145px;
}

#rnb .title{
	color:#333333;
	font-size:17px;
	line-height:70px;
	border-bottom:1px solid #c3c3c3;
	text-align:center;
}

#rnb .content_area .cont_box{
	padding:17px;
	border-bottom:1px solid #c3c3c3;
	text-align:center;
}

#rnb .content_area .cont_box a{
	text-align:center;
}

#rnb .content_area .cont_box p{
	color:#333333;
	font-size:14px;
	margin-top:10px;
}

#lnb{
	position:absolute;
	top:50%;
	left:17px;
	z-index:90;
}

#lnb.fix{
	position:fixed;
}

#lnb .layer .area{
	display:block;
	margin-bottom:5px;
}

#lnb .layer .area .num,
#lnb .layer .area .text{
	color:#8b8b8b;
	font-size:14px;
	letter-spacing:-.2px;
	display:inline-block;
}

#lnb .layer .area .text a{
	color:#8b8b8b;
	font-size:14px;
	letter-spacing:-.2px;
}

#lnb .layer .area .num{
	padding:5px 10px;
	margin:4px;
}

#lnb .layer .area .text{
	margin-left:14px;
}

#lnb .layer .area.on .num,
#lnb .layer .area.on .text a{
	color:#f15922;
	font-weight:bold;
}

#lnb .layer .area.on .num{
	border:4px solid #f15922;
	border-radius:150px;
	margin:0;
}

#fp-nav ul li.on .fp-tooltip{
	color:#f15922;
	font-weight:bold;
}

.business_1 .item_box_area .item_box .item_img_m{
		display:none;
   }

   
   .company_3 .page_html4 .text_cont .img_area_m{
		display:none;
   }
   .company_3 .page_html5 .img_area_m{
		display:none;
   }

   .business_2 .page_html2 .text_area .top img#mobile{
		display:none;
   }

   .business_2 .page_html3 .text_area .top2 img#mobile{
		display:none;
   }









/*.bim_area{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background:#00000080;
	display:block;
	opacity:1;
}*/


#inquiry_pop{
	width:740px;
	height:720px;
	background:#fff;
	margin-top:80px;
	padding:70px 80px;
	display:none;
}

#inquiry_pop .title{
	color:#3147a6;
	font-weight:bold;
	font-size:65px;
	letter-spacing:-.35px;
	line-height:65px;
	margin-bottom:10px;
}

#inquiry_pop #pop_close{
	position:absolute;
	top:0;
	right:-60px;
	font-size:50px;
	color:#fff;
	cursor:pointer;
}

#inquiry_pop .input_flex{
	width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#inquiry_pop .input_50{
	width:48%;
}

#inquiry_pop .input_cont{
	margin-bottom:25px;
}

#inquiry_pop .input_cont h2{
	font-size:16px;
	color:#222222;
	letter-spacing:-.25px;
	line-height:55px;
	font-weight:500;
	display:inline-block;
	position:relative;
}

#inquiry_pop .input_cont h2::after{
	content:"";
	display:block;
	width:7px;
	height:7px;
	border-radius:100%;
	background:#3147a6;
	position:absolute;
    right: -12px;
    top: 17px;
}

#inquiry_pop .input_select{
	width:100%;
	border:0;
	border-bottom:1px solid #666666;
	height:45px;
	color:#888888;
	font-size:14px;
	font-weight:400;
}

#inquiry_pop .input_area{
	width:100%;
	border:0;
	border-bottom:1px solid #666666;
	line-height:45px;
	color:#888888;
	font-size:14px;
	font-weight:400;
}

#inquiry_pop .agree_box{
	width:18px;
	height:18px;
	border:1px solid #dddddd;
	border-radius:2px;
	margin-right:8px;
	display:inline-block;
}

#inquiry_pop .agree_text{
	color:#999999;
	font-size:15px;
	font-weight:300;
	letter-spacing:-.5px;
}

#inquiry_pop .submit_area{
	margin-top:20px;
	text-align:center;
}

#inquiry_pop .submit_button{
	border:1px solid #000000;
	background:#fff;
	width:152px;
	height:50px;
	color:#000;
	font-size:14px;
	font-weight:400;
	letter-spacing:-.25px;
	margin:0 auto;
	transition: all 0.1s ease-out;
}

#inquiry_pop .submit_button i{
	margin-left: 18px;
}

#inquiry_pop .submit_button:hover{
	background:#3147a6;
	border:1px solid #3147a6;
	color:#fff;
}


.search_area{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:400px;
	background-color:#fff;
	background-image:url("../img/main/search_banner.html");
	background-repeat:no-repeat;
	background-size:auto;
	background-position:right;
	z-index:9999;
	transition:.5s all;
	transform:translateY(-100%);
}

.search_area.on_click{
	transform:translateY(0);
	top:80px;
}

.search_area #cont_area{
	height:100%;
	position:relative;
}

.search_area #cont_area .search_form{
	width:100%;
	height:100%;
	position:relative;
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	z-index:2;
}

.search_area form{
	text-align:center;
	position:relative;
}

.search_area #pr_name{
	width:1000px;
	margin:0 auto;
	border:0;
	border-bottom:4px solid #222222;
	height:70px;
	font-size:47px;
	color:#cccccc;
	background:none;
}

.search_area button.search_submit{
	font-size:45px;
	border:0;
	background:none;
	margin-left:-50px;
}

.search_area .close_menu{
	position:absolute;
	top:40px;
	right:65px;
	cursor:pointer;
	font-size:45px;
	z-index:10;
}


.hidden{
	display:none;
}



.main_slider_box{
	transition: all 0.7s ease;
	position:fixed;
	right:0;
	bottom:0;
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
	z-index:50;
}

.main_slider_box .contact_box{
	width:250px;
	height:100px;
	background:#ebebeb;
	padding:33px 25px;
	border-radius:12px; /* 테두리 둥글게 */
}

.main_slider_box .contact_box a{
	display:block;
}

.main_slider_box .contact_box h2{
	color:#000000;
	font-weight:500;
	font-size:21px;
	letter-spacing:-.25px;
}

.main_slider_box .contact_box p{
	color:#666666;
	font-weight:400;
	font-size:14px;
	letter-spacing:-.25px;
}

.main_slider_box .lab_box{
	width:190px;
	height:100px;
	background:#444680;
	padding:33px 25px;
	border-radius:12px; /* 테두리 둥글게 */
}

.main_slider_box .lab_box a{
	display:block;
}

.main_slider_box .lab_box h2{
	font-weight:600;
	font-size:22px;
	letter-spacing:-.25px;
	color:#fff;
}

.main_slider_box .lab_box p{
	color:#fff;
	font-weight:400;
	font-size:14px;
	letter-spacing:-.25px;
}



.map_pop{
	display: none; 
	background:#fff; 
	width: 1200px; 
	height:620px;
	padding:27px 20px;
	box-sizing:content-box;
}

.map_pop .top_info{
	border-bottom:1px solid #dddddd;
	min-height:135px;
	padding-top:25px;
}

.map_pop .top_info .location_info{
	width:auto !important;
	padding-top:8px;
	float:left;
}

.map_pop .top_info .location_info h2{
	font-size:34px;
	font-weight:500;
	color:#222222;
	text-align:center;
	padding:0 15px;
}

.map_pop .top_info .location_info h2::after{
	width:1px;
	height:73px;
	background:#ff7e00;
	content:"";
	display:block;
	float:right;
	margin-left:15px;
}

.map_pop .top_info .location_text {
	margin-left:25px;
	display:inline-block;
}

.map_pop .top_info .location_text ul li{
	font-size:18px;
	font-weight:400;
	color:#222222;
	margin-bottom:2px;
	display:block;
}

.map_pop #btn_close{
	position:absolute;
	top:27px;
	right:35px;
	background:none;
	border:0;
}

.map_pop #btn_close i{
	font-size:25px;
	color:#525252;
}

.map_pop .location_map{
	background:#eeeeee;
	padding:18px;
	margin-top:20px;
}