@charset "utf-8";
#gnb {
}

.gnb_wrap {
	
}
#gnb .gnb_1dli:hover > a,
#gnb .gnb_1dli.over > a
{/*color:#3a8afd;*/
	/*color:#E9736C;*/
	color:#FFCF40;
	text-decoration:none;
}
/*서브메뉴 있는 상위메뉴 스타일*/
.gnb_al_li_plus > a{
	
}
#gnb .gnb_wrap{
	overflow: visible;
}
#gnb_1dul {
	max-width: 100%;
	border-bottom:none !important;
}

.gnb_1dli {
	margin-left:30px;
}

.gnb_1da {
	font-size: 25px;
	font-weight: 300;
}

.gnb_1da {
	font-size:1.5em;
	font-weight: 500;
	color: #f7f7f7;
}

/*메뉴*/
.gnb_2dul .gnb_2dul_box {
	background:none;
	border:none;
	box-shadow:none;
}
.gnb_2da::before {
	content:" -";
}

.gnb_2da {
	background: none;
	font-size: 1.15em;
	font-weight: 300;
	display: block;
	padding: 0 10px;
	line-height: 2.0em;
	/* background: none; */
	color: #e3e3e3;
	text-align: left;
	text-decoration: none;
	width: 200%;
}
a.gnb_2da:hover {
	color:#FFF;
	background:none;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	text-decoration:none;
	background-color:#000;
}
#tnb{
	background-color: white;
	height: 66px;
	padding-top: 10px;
	position:relative;background:#fff;
	border-bottom:0px;
}
.gnb_banner{
	text-align: center;
}
#hd{
	/*background: url("../img/top_bg_01.png") 0px 0px repeat;*/
	background-color:#FFF;
}
#hd_define {
	position:relative;
}
.logo_top {
	/* width: 78px; */
	/* height: 42px; */
	width: 110px;
	height: 58px;
	background: url(../img/logo_top.png) center center no-repeat;
	background-size: cover;
}
.home {
	display: block;
	position: absolute;
	top: 0px;
	left: 40px;
}
.logo_top.anim {/*첫페이지만 에니메이션*/
	animation-duration: 3s;
	/*animation-name: logotop_slideup;*/
	animation-name: logotop_slideup_call;
	animation-fill-mode: forwards;
}
@keyframes logotop_slideup {
	  0%{
		margin-top:150px;
		opacity:0;
	  }
	  50%{
		margin-top:50px;
		opacity:0;
	  }
	  80% {
		margin-top:0px;
		opacity:1;
	  }
	  90% {
		margin-top:0px;
		opacity:0.3;
	  }
	  100% {
		margin-top:0px;
		opacity:1;
	  }
}
@keyframes logotop_slideup_call {
	  0%{
	  	background: url(../img/logo_top.png) center center no-repeat;
		background-size: cover;
		margin-top:50px;
		opacity:0;
	  }
	  50%{
	  	background: url(../img/logo_top.png) center center no-repeat;
		background-size: cover;
		margin-top:0px;
		opacity:1;
	  }
	  60% {
	  	background: url(../img/logo_top.png) center center no-repeat;
		background-size: cover;
		margin-top:0px;
		opacity:0;
	  }
	  70% {
	    background: url(../img/logo_top.png) center center no-repeat;
		background-size: cover;
		margin-top:0px;
		opacity:1;
	  }
	  80% {
		margin-top:0px;
		opacity:0;
	  }
	  100% {
		margin-top:0px;
		opacity:1;
		background: url(../img/logo_top_call.png) center center no-repeat;
		background-size: cover;
	  }
}
.title-pretext {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	letter-spacing: -1px;
}
.top_message_title {
	display: block;
	width:305px;
	margin: auto;
	margin-top: 220px;
}

@media (max-width:767px){
			.logo_top,
			.home,
			.main_top .top_message_title{display: none;}
			.top_message_title {
				position: fixed;
				display: block;
				left: 0;
				top: 0;
				width: 100%;
				margin-top: initial !important;
				min-width: 320px;
			}

			.title-h1 {
				position: relative;
				top: 0;
				left: 0;
				min-width: 80px;
				font-size: 22px !important;
				letter-spacing: -2px !important;
				float: left;
				line-height: 60px;
				width: 18%;
				color:#3661a7;
			}
			.title-pretext {
				position: relative;
				font-size: 14px;
				line-height: 60px;
				float: left;
				display: block;
				width: initial;
				letter-spacing: -2.3px;
				width: 54%;
				overflow: hidden;
				height: 60px;
			}

			#mobile_menu_btn.gnb_menu_btn{
				display: block;
				width: 60px;
				height: 60px;
				background-color: rgba(255,255,255,0.0);
				border: 0;
			}
			#mobile_menu_btn.gnb_menu_btn{
				float: right;
			}
			/*모바일 메뉴*/
			#gnb {
				display: none;
				position: fixed;
				right: 0;
				top: 0;
				height: 100%;
				width: 100%;
				z-index:100;
				background-color:rgba(0,0,0,0.5);
			}
			#gnb_1dul{
				display:none;
			}
			#gnb_all{
				width:50vw;
				background-color: #FFFFFF;
			    right: 0;
				height: 100vh;
			}
			#gnb_all > .gnb_al_ul{
			    background-color: #FFFFFF;
				height: 75%;
				overflow-y: scroll;
			}
			#gnb_all > .gnb_al_ul > .gnb_al_li{
				width: 100%;
				min-height: 20px;
				padding: 0px 5px 0px 25px;
			}
			/*서브메뉴*/
			.gnb_menu_title_area {
				background-color: #3661A7;
				padding: 20px 10px 0px 10px;
				width: 100%;
				cursor:pointer;
			}
			.gnb_menu_title_pretext {
				color: rgba(255, 255, 255,0.7);
				font-size: 10px;
				width: 100%;
				letter-spacing: -1px;
				text-align: center;
				line-height: 12px;
				display: block;
			}
			.gnb_menu_title {
				color: rgba(255, 255, 255,0.8);
				font-weight: 500;
				text-align: center;
				width: 100%;
				letter-spacing: -4px;
				font-size: 24px !important;
				padding: 5px 0px 8px 0px !important;
				border-bottom: none !important;
			}
			#gnb_all > .gnb_al_ul > .gnb_al_li > ul{}
			#gnb_all > .gnb_al_ul > .gnb_al_li > ul > li {}
			#gnb_all > .gnb_al_ul > .gnb_al_li > ul > li > a::before {
				content:"- ";				
			}	
			#gnb_all .gnb_al_ul .gnb_al_li  a:hover {
				color:#E9736C;
				text-decoration:none;
			}
			.gnb_close_btn{
				display:none;			
			}
			#gnb_all > .gnb_al_ul > .gnb_al_li > ul > li > a {
				line-height: 32px;
				font-size: 18px;
				font-weight: 200;
				color: #000;
				border-bottom: 1px solid #ebebeb;
				margin-bottom: 0;
				width: 100%;
				text-decoration: none;
				display: block;
				letter-spacing: -1px;
			}
			#gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_al_a {
				line-height: 30px;
				font-size: 20px;
				font-weight: 400;
				color: #000;
				border-bottom: 1px solid #707070;
				margin-bottom: 0;
			}
			#gnb_all_bg {
				position: fixed;
				width: 100%;
				height: 100%;
				display: block;
				background-color: rgba(0,0,0,0.5);
			}

			#gnb_1duli a {}

			.gnb_1da {
				color: #FFF;
			}

}