@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

*,body {
	margin: 0px;
	padding: 0px;
	font-family:'Nanum Gothic', sans-serif;
}

a { color:#444; } 

.wrapper {
	position:relative;	
	width: 100%;
}

.cnt-inner {
	position:relative;
	width:1180px;
	margin:0 auto;
}



/****************** 컬러 및 모듈 *******************/
.txt_yellow { color:#F9BA00;}
.txt_w { color:#fff; }
.d_ib { display:inline-block; }
.btn_black { display: inline-block; min-width:210px; padding:14px 0; background-color: #202020; color:#fff; text-align: center; font-size: 14px; font-weight: bold; cursor:pointer;}
.btn_white { display: inline-block; min-width:210px; padding:14px 0; background-color: #fff; color:#1a1a1a;  text-align: center; font-size: 14px; font-weight: bold; cursor:pointer;}
.btn_white_b { display: inline-block; min-width:210px; padding:14px 0; background-color: #fff; color:#1a1a1a;  text-align: center; font-size: 14px; font-weight: bold; box-sizing:border-box; border:1px solid #1a1a1a;cursor:pointer; }
.btn_white:hover {background-color: #202020; color:#fff;cursor:pointer;}
.btn_white_b:hover {background-color: #202020; color:#fff;cursor:pointer;}
.btn_yellow {
	display: inline-block; min-width:210px; padding:14px 0; background-color: #F9BA00; text-align: center; font-size: 14px; font-weight: bold; cursor:pointer;	
}
.ov_h {overflow: hidden;}
.fl_l { float:left; }
.fl_r { float: right; }
.d_b { display: block;}
.d_ib { display: inline-block;  }
.va_t { vertical-align:top; }


/* 퀵배너 */
#quick-banner {
	position:fixed;
	right:20px;
	bottom:50px;
	width:90px;
	z-index:2;
}
#quick-banner li.w_btn {
	border-bottom:none;	
	text-align:center;
}


/****************** 헤더,로고영역 *******************/

.pc{
	display: block;
}
.folded{
	display: none;
}
@media all and (max-width: 690px) {
	.pc{
		display: none;
	}
	.folded{
		display: block;
	}
}
#header{
	position:absolute;
	width:100%;
	z-index:2;
	background-color:#FFF;
	height:91px;
	overflow:hidden;
}
#header .header-inner {
	position:relative;
	width:1903px;
	height:90px;
	margin:0 auto;
	/* overflow:hidden; */
}

#header .header-inner .h_logo {
	position:relative;
	display:inline-block; zoom:1;
	padding-top:28px;
	float:left;
}
#header .header-inner .h_login_area {
	position:relative;
	float:right;
}
#header .header-inner .h_login_area ul {
	overflow:hidden;
}
#header .header-inner .h_login_area ul li {
	float:left;
}
#header .header-inner .h_login_area ul li a {
	color:#888;
	font-size:13px;
	display:inline-block;
	line-height:90px;
}
#header .header-inner .h_login_area ul li a:hover {
	text-decoration:underline;
}

#header .header-inner .h_login_area ul .bar {
	display:inline-block;
	float:left;
	padding:0 10px;
	line-height:90px;
}
#header .header-inner .h_login_area ul .bar img {
	vertical-align:middle;
}

.tax {
	display: inline-block;
	width: 40px;
	margin-top: 22px;
}
.tax > a {
    display: block;
	width: 100%;
    height: 100%;
}
.tax > a > img {
	width: 100%;
	max-width: 100%;
}

@media all and (max-width: 1440px) {
	#header{
		position:absolute;
		width:100%;
		z-index:2;
		background-color:#FFF;
		height:91px;
		overflow:hidden;
	}
	#header .header-inner {
		position:relative;
		width:100%;
		height:90px;
		margin:0 auto;
		/* overflow:hidden; */
	}
	.tax {
		position:absolute;
		top: 5px;
		right: 2%;
		display: block;
		width: 40px;
		margin-top: 22px;
	}
	.folded .tax_m {
		display: none;
	}
}
@media all and (max-width: 690px) {
	#mo_wrap {/*  position:relative; height:100vh; */}
	#my-menu:not( .mm-menu ) {
		 display: none;
	}
	
	#header_area {
		position:relative;
		overflow:hidden; 
		padding:4% 5%;
		border-bottom:1px solid #ededed;
	}
	#header_area .mo_menu {
		position:relative;
		width:10%;
		float:left;
	}
	#header_area .mo_menu img {
		width:50%;
	}
	#header_area .mo_logo {
		position:absolute;
		width:33%;
		left:50%;
		margin-left:-16.5%;
		float:left;
	}
	.mm-menu.mm-offcanvas.mm-opened {
		margin-top: 20px;
	}
	.tax {
		display: none;
	}
	.folded .tax_m {
		position: absolute;
		top: 10px;
		right: 5%;
		width: 30px;
		height: 30px;
		display: block;
	}
	.folded .tax_m > a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.folded .tax_m > a > img {
		width: 100%;
		max-width: 100%;
	}
}

#gnb {
	position:relative;
	height:90px;
	margin-left: 150px;
	float: left;
}
#gnb .inner {
	position:relative;
	width:1080px;
	margin:0 auto;
	text-align:center;
}
@media all and (max-width: 1440px) {
	#gnb {
		position:relative;
		height:90px;
		margin-left: auto;
		float: left;
	}
	#gnb .inner {
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
}
@media all and (max-width: 690px) {
	#gnb {
		position:relative;
		height:90px;
		margin-left: auto;
		float: left;
	}
	#gnb .inner {
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
}
/* #gnb span.bar {	padding-left:50px;color:#fff;line-height:50px;} */
#gnb .inner>li {width:151px; float: left; text-align:center;}
#gnb .inner>li:last-child { background:none; }
#gnb .inner>li:first-child {margin-left: 0;} 
#gnb .inner>li>a {font-family:'Nanum Gothic', sans-serif; font-size: 17px; display: block; font-weight: bold; height:90px;line-height:90px; text-align:center; color:#34373c;} /* */
#gnb .inner>li>a:hover { box-sizing:border-box; color:#563232;} /* color:#F9BA00;*/

.subnavi {min-width:150px; position: absolute; padding-top: 20px; border-right:1px solid #eee; height:550px; box-sizing:border-box;	}
.subnavi li { cursor:pointer; }
/* .subnavi li:hover { background-color:#E8FFFE;  } */
.subnavi li a {font-size: 14px; line-height:2.4em; color:#34373c; display:block;}
.subnavi li a:hover { text-decoration:underline; } /*color:#38C0B8;*/


/***********메인비주얼 ***********/
#main_visual {
	position:relative;
	width: 1903px;
	height: 100%;
	margin:0 auto;
	z-index:1;
	/* padding-top:90px; */
	overflow: hidden;
	font-size: 0;
}
#main_visual .main_wrap {
	display: none;
	position:absolute;
	top:70%;
	margin-left: 300px;
	z-index:1;
}
#main_visual .title {
	color: #fff;
	text-align:left;
	font-weight: 800;
	font-size: 45px;
	margin-bottom: 35px;
}
#main_visual .text {
	color: #fff;
	text-align:left;
	font-weight: 400;
	font-size: 20px;
	line-height: 35px;
}
#main_visual .main_video {
width: 100vw;
}
@media all and (max-width: 1440px) {
	#main_visual {
		position:relative;
		width: 100%;
		height: 100%;
		margin:0 auto;
		z-index:1;
		/* padding-top:90px; */
		overflow: hidden;
		font-size: 0;
	}
	#main_visual .main_wrap {
		display: none;
		position:absolute;
		top:70%;
		margin-left: 300px;
		z-index:1;
	}
	#main_visual .title {
		color: #fff;
		text-align:left;
		font-weight: 800;
		font-size: 45px;
		margin-bottom: 35px;
	}
	#main_visual .text {
		color: #fff;
		text-align:left;
		font-weight: 400;
		font-size: 20px;
		line-height: 35px;
	}
	#main_visual .main_video {
	width: 100%;
	}
}

/*********** 콘텐츠영역 ***********/
#sec01 {
	position:relative;
	width: 1903px;
	margin:0 auto;
	overflow:hidden;
}
#sec01 .bg {
	position: relative;
	/* margin:70px auto 50px; */
	text-align: center;
}
#sec01 .box_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 1305px;
	margin: 0 auto;
	transform: translate(-50%, -20%);
}

@media all and (max-width: 690px) {
	#sec01 {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow:hidden;
	}
	#sec01 .bg {
		width: 100%;
		position: relative;
		/* margin:70px auto 50px; */
		text-align: center;
	}
	#sec01 .box_wrap {
		position: absolute;
		top: 90%;
		overflow: hidden;
		width: 1305px;
		margin: 0 auto;
		transform: translate(-50%, -20%);
	}
}


@media all and (min-width: 1440px) {
	#sec01 {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow:hidden;
	}
	#sec01 .bg {
		position: relative;
		/* margin:70px auto 50px; */
		text-align: center;
	}
	#sec01 .box_wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		overflow: hidden;
		width: 1305px;
		margin: 0 auto;
		transform: translate(-50%, -20%);
	}
}

#sec02 {
	position:relative;
	width:1903px;
	margin:0 auto;
	padding: 70px 0 140px;
	overflow:hidden;
	background-color: rgba(216, 216, 206, 0.2);
}
#sec02 .sec02_wrap {
	position: relative;
	/* margin:70px auto 50px; */
	text-align: center;
}
#sec02 .slider_wrap {
	width: 100%;
	margin: 50px auto 0;
}

#sec02 ul li {
	margin: 0 30px;
	opacity: 0.3;
}

#sec02 ul .slick-center {
	opacity: 1;
}
#sec02 ul .slick-arrow {
	position: absolute;
	z-index: 10;
	top: 50%;
	width:50px;
	height:50px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	background-color: #fff;
	
}
#sec02 ul .slick-prev {
	left: 35%;
	transform: translateX(-80%);
	background:url("../img/main/sec02_prev.png") center no-repeat;
}
#sec02 ul .slick-next {
	right: 35%;
	transform: translateX(80%);
	background:url("../img/main/sec02_next.png") center no-repeat;
}

#sec02 ul li img {
	width: 500px;
	margin: 0 auto;
}

#sec02 .sec02_bn {
	position: relative;
	overflow: hidden;
	margin-top:8px;
}
#sec02 .sec02_bn li {
	float: left;
	margin-left:8px;
}
#sec02 .sec02_bn li:first-child {
	margin-left:0;
}


@media all and (max-width: 690px) {
	#sec02 {
		position:relative;
		width:100%;
		margin:0 auto;
		padding: 50px 0 80px;
		overflow:hidden;
		background-color: rgba(216, 216, 206, 0.2);
	}
	#sec02 .sec02_wrap .title>img {
		width: 30%;
	}
	#sec02 ul li img {
		width: 190px;
		margin: 0 auto;
	}
}

@media all and (min-width: 1440px) {
	#sec02 {
		position:relative;
		width:100%;
		margin:0 auto;
		padding: 70px 0 140px;
		overflow:hidden;
		background-color: rgba(216, 216, 206, 0.2);
	}
	#sec02 .sec02_wrap .title>img {
		width: 30%;
	}
	#sec02 ul li img {
		width: 480px;
		margin: 0 auto;
	}
}

#sec03 {
	position: relative;
	width:1903px;
	margin:0 auto;
}
#sec03 .text {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#sec03 .text h2 {
	text-align:center;
	font-weight: 400;
	font-size: 45px;
	color: #34373c;
	margin-bottom:35px;
}
#sec03 .text h2>span {
	text-align: center;
	font-weight: 800;
	font-size: 45px;
	color: #563232
}

#sec03 .text p {
	text-align:center;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #34373c

}
@media all and (max-width: 690px) {
	#sec03 {
		position: relative;
		width:100%;
		margin:0 auto;
	}
	#sec03 .text h2 {
		text-align:center;
		font-weight: 400;
		font-size: 19px;
		color: #34373c;
		margin-bottom:30px;
	}
	#sec03 .text h2>span {
		text-align: center;
		font-weight: 800;
		font-size: 20px;
		color: #563232
	}
	#sec03 .text p {
		text-align:center;
		font-weight: 400;
		font-size: 15px;
		line-height: 30px;
		color: #34373c
	}
}

@media all and (min-width: 1440px) {
	#sec03 {
		position: relative;
		width:100%;
		margin:0 auto;
	}
	#sec03 .text h2 {
		text-align:center;
		font-weight: 400;
		font-size: 30px;
		color: #34373c;
		margin-bottom:35px;
	}
	#sec03 .text h2>span {
		text-align: center;
		font-weight: 800;
		font-size: 30px;
		color: #563232
	}
	#sec03 .text p {
		text-align:center;
		font-weight: 400;
		font-size: 20px;
		line-height: 30px;
		color: #34373c
	}
}

#sec04 {
	position:relative;
	width: 1903px;
	margin:140px auto 70px;
	overflow:hidden;
}
#sec04 .title_wrap {
	width:1305px;
	margin: 0 auto;
}
#sec04 .title_wrap a {
display: inline-block;
margin-top: 60px;
}
#sec04 .slider_wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	margin: 0 auto;
}
#sec04 ul li {
	margin: 0 15px;
}	
#sec04 ul li img {
	width: 100%;
}
#sec04 ul .slick-arrow {
	position: absolute;
	z-index: 10;
	width:50px;
	height:50px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	background-color: #fff;
}
#sec04 ul .slick-prev {
	left: -10%;
	bottom: 20%;
	transform: translateX(50%);
	background:url("../img/main/sec04_prev.png") center no-repeat;
}
#sec04 ul .slick-next {
	left: -10%;
	bottom: 0;
	transform: translateX(50%);
	background:url("../img/main/sec04_next.png") center no-repeat;
}


@media all and (max-width: 1440px) {
	#sec04 {
		position:relative;
		width: 100%;
		margin:140px auto 70px;
		overflow:hidden;
	}
	#sec04 .title_wrap div img {
		width: 20%;
		}
	#sec04 .title_wrap a img {
		width: 50%;
		}
		#sec04 ul .slick-arrow {
			position: absolute;
			z-index: 10;
			width:30px;
			height:30px;
			font-size: 0;
			border: 0;
			border-radius: 50%;
			background-color: #fff;
		}
}

#sec05 {
	position:relative;
	width: 1903px;
	margin:0 auto;
	overflow:hidden;
	background-color: #fff;
}
#sec05 .pledge {
	text-align: center;
	margin: 70px 0;
}
@media all and (max-width: 1440px) {
	#sec05 {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow:hidden;
		background-color: #fff;
	}
	#sec05 img {
		width: 100%;
	}
}

#sec06 {
	position:relative;
	width: 1903px;
	margin:0 auto;
	overflow:hidden;
	background-color: rgba(216, 216, 206, 0.2);
}
#sec06 .info_wrap{
	position: relative;
	width: 1305px;
	overflow: hidden;
	margin:70px auto;
}
#sec06 .location {
	position: relative;
	float: left;
}
#sec06 .info img {
	margin-left: 80px;
}

@media all and (max-width: 690px) {
	#sec06 {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow:hidden;
		background-color: rgba(216, 216, 206, 0.2);
	}

	#sec06 .info_wrap{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin:70px auto;
}
}

@media all and (min-width: 1440px) {
	#sec06 {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow:hidden;
		background-color: rgba(216, 216, 206, 0.2);
	}
}

/*********** 푸터 ***********/
/* footer */
footer {
	width: 100%;
	padding: 70px 0;
	background-color: #343434;
}
footer .footer_logo {
	width: 132px;
	margin: 0 auto;
}
footer .footer_logo img {
	width: 100%;
}
footer p {
	color: #fff;
	text-align: center;
}
footer .f_tit {
	margin-top: 20px;
	text-align: center;
	font-family: "SCDream_Medium";
}
footer .f_address {
	margin: 0 auto;
	padding-top: 20px;
	line-height: 20px;
}
footer .info {
	padding: 10px 0 20px;
	line-height: 27px;
	text-align: center;
}
footer .info > p {
	display: inline-block;
}
footer .info br {
	display: none;
}
footer .info span.line {
	display: inline-block;
	margin: 0 25px;
	width: 1px;
	height: 14px;
	background-color: #fff;
}
footer .copyright {
	font-size: 16px;
	letter-spacing: 0;
}
footer .f_btn_area {
	margin-top:30px;
}
footer .f_btn_area a {
margin-left:15px;
	vertical-align: middle;
	display: inline-block;
}
footer .f_btn_area a:first-child {
margin-left: 0;
}

/*암전팝업용 css*/
#layer_back_area {
	position: fixed;
	top:0px;left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#000000;
	opacity:0.8;
	z-index: 99990;
}

#layer_area {
	position: absolute;
	top:0px;
	left:0px; 
	width:100%;
	height:100%;
	z-index: 99999;
}
#layer_btn { opacity:1;	}
#layer_btn_close{position: absolute; cursor: pointer;}
.pop_wrapper { position:relative; width:1082px; margin:0 auto; margin-top:150px; }