@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
html {font-family: 'Noto Sans KR', sans-serif;}


input,textarea:focus {outline: none;
	autocomplete:"off";}



/*헤더*/

html{
letter-spacing: -1.5px;
}

#header{
	top:0;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #e5e5e5;
	margin: 0 auto;
	position:relative;
	z-index:9999;
	-webkit-transition:.1s;
	-moz-transition:.1s;
	-ms-transition:.1s;
	-o-transition:.1s;
	transition:.1s;

}
#header.sticky{
	position:fixed;
	-webkit-transition:.1s;
	-moz-transition:.1s;
	-ms-transition:.1s;
	-o-transition:.1s;
	transition:.1s;
}

#header.sticky .gnb-bar{
	height:60px;
}

.gnb-bar{
	width:100%;
	max-width:1200px;
	height:60px;
	margin: 0px auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	position:relative;
}

.logo{
	/*margin-top:10px;*/
	width:15%;
}

.menu_box{
	width:70%;height:100%;
}
.menu_box > ul{
	overflow:hidden;
	height:100%;
}
.menu_box > ul > li{
	float:left;
	width:calc(100%/3);
	height:100%;
	line-height:60px;
	text-align:center;
	font-size:15px;
}
#header.sticky .menu_box > ul > li{
	line-height:60px;
}

.menu_box > ul > li > a{
	display:inline-block;
	width:100%;
	height:100%;
	font-size: 22px;
	color:#333;
	font-weight: 100;
	font-family:'Malgun Gothic';
	position:relative;
	-moz-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
	-ms-transition:0.4s all;
	transition:0.4s all;

}
.menu_box > ul > li:hover{
}
.menu_box > ul > li:hover > a{
	font-weight:bold;
	-moz-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
	-ms-transition:0.4s all;
	transition:0.4s all;

}
.menu_box > ul > li > a::after{
	content: '';
	display:block;
	width:0;
	height: 2px;
	bottom:0;
	left:35%;
	position: absolute;
	border-bottom:2px solid #fab800;
	-moz-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
	-ms-transition:0.4s all;
	transition:0.4s all;
}

.menu_box > ul > li:hover > a::after{
	width:30%;
}
.submenu_box{
	position:fixed;
	width:100%;
	height:280px;
	left:0;
	background-color:#fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	z-index:1;
	display:none;
}
.submenu_box > ul{
	width:100%;
	max-width:840px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
.submenu_box > ul > li{
	float:left;
	font-size:15px;
	width:calc(100%/3);
	text-align:center;
	vertical-align:top;
}
.submenu_box > ul > li > p > a{
	display:inline-block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size: 18px;
	color: #7d7d7d;
	font-weight: 100;
	font-family:'Malgun Gothic';
	-moz-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
	-ms-transition:0.4s all;
	transition:0.4s all;
}
.submenu_box > ul > li > p > a:hover{
	font-weight:bold;
	-moz-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
	-ms-transition:0.4s all;
	transition:0.4s all;

}

/*.gnb-bar > ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	font-size:22px;
    margin:0 auto;
	width:800px;
	height:100%;
}
*/

.login{
	width:15%;
	font-size:15px;
	text-align:right;
	color:#666666;
}

.login > a{
	color:#666666;
	padding-left:15px;
	position:relative;
	font-family: 'Noto Sans KR', sans-serif;
}


/*.gnb-text{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width:calc(100%/3);
	height:100%;
}

.gnb-text > a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width:100%;
	height:100%;
	position:relative;
}
*/


/*.hover > li{
	height:55px;
}

.rule1{
    width: 214px;
	height:50px;
	line-height:50px;
}

.rule2{
    width: 214px;
	height:50px;
	line-height:50px;
}

.rule3{
    width: 214px;
	height:50px;
	line-height:50px;
}

.hover{
	margin-top:15px;
}

.hover > li > a{
	color:#7d7d7d;
	font-size: 18px;
	position:relative;
}

.hover > li > a:hover:after{
	content: '';
	display:block;
	width: 100%;
	height: 1px;
	position: absolute;
	border-bottom:2px solid #fab800;
	margin-top: -35px;

	animation-name:hoverafter;
	animation-duration:0.5s;
	animation-delay:0s;
	animation-iteration-count:1;
	animation-direction:alternate-reverse;
	animation-play-state: running;
}

@keyframes hoverafter{
	0%{
		width:100%;
	}
	100%{
		width:0%;
	}
}

.gnbhb{
	background-color:#fff;
	width:100%;
	height:280px;
	border-bottom:1px solid #e5e5e5;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

	position:fixed;
	z-index:9998;
	margin-top:100px;
}

.back{
	height:100px;
}

*/
.quick{
	position:fixed;
	top:40%;
	right:2%;
	z-index: 9999999;
}

.quick li:not(:last-child){
	padding-bottom:20px;
}

.quick a{
	display:block;
	width:100px;
	height:100px;
	border-radius:100px;
	border:2px dashed #ffc528;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	background-color:#fff;
	font-family: 'Noto Sans KR', sans-serif;
}
.quick a > img{
	height:35px;
	display:block;
	margin:20px auto 5px;
}