@charset "euc-kr";
*{margin: 0; padding: 0;}
body{
		font-family: 'Montserrat', sans-serif;, 'Noto Sans KR', sans-serif;
		font-size: 16px;
		color: #555;
		background: #fff;
		position: relative;
}
#header{
	width: 100%;
    height: 95px;
    border-bottom: 1px solid #e6e7e8;
    font-family: "Noto Sans KR";
    letter-spacing: 0px !important;
}




/* -------------------- <util_wrap> -------------------- */
#header .util_wrap{
   height: 35px;
   width: 100%;
}
#header .util_wrap .util{}
#header .util_wrap>*{float: right}
#header .util_wrap .util li{
   float: left;
   height: 21px;
   line-height: 35px;
}
/* ÆùÆ® */
#header .util_wrap .util li a{
   color: #000;
   font-size: 13px;
   padding: 0 14px;
   position: relative;
   font-weight: 300;
   font-family: "noto sans KR";
   letter-spacing: 0px !important;
}
#header .util_wrap .util li :hover{
   font-weight: 500;
}
/*°æ°è¼±*/
#header .util_wrap .util li a:before{
   content:'';
   width: 1px; height: 14px;
   background: #000;
   position: absolute;
   left: 0;
   top: 3px;
   margin-right: 10px;
}
#header .util_wrap .util li:first-child a:before{
   display: none;
}
/*ÇÏ³ªÀÇ ¼±ÅÃÀÚ¿¡ ¸¶Å©¾÷ ÇÏÁö ¾Ê°í ¾µ ¼ö ÀÖ´Ù before, after*/
#header .util_wrap .btn_search:before{
   content: '';
   width: 1px;
   height: 24px;
   background: #fff;
   position: absolute;
   left: 0; top: 0;
}
#header .util_wrap .btn_search:after{
   content: '';
   width: 1px;
   height: 24px;
   background: #fff;
   position: absolute;
   right: 0; top: 0;
}

#header h1{
   float: left;
    margin-top: 20px;
    margin-left: 86px;
    /* position: absolute; */
    left: 0;
    top: 0;
}





/* -------------------- <gnb> -------------------- */
#header .gnb{
	position: absolute;
	left: 226px; top: 57px;
	margin-left: 23px;
	width: 960px;
}
#header .gnb li{
	float: left;
	padding-right: 20px; 
}
#header .gnb li a{
	display: block;
	font-size: 16px;
	font-weight: 500;
	font-family: "noto sans KR";
	height: 21px;
	line-height: 21px;
	/* border: 1px solid red; */
	color: #000;
}
#header .gnb li a:hover{
	font-weight: bold;
	color: #4872e8;
	border-bottom: 1px solid #4872e8;
}

#header .gnb li:last-child a{
	padding-right: 0;
}



#header .gnb>li>.depth2{
	z-index: 200;
	position: absolute;
	left: 20%; top: 40px;
	background: none;
	margin-left: -150px;
	/*¸¶Áø·¹ÇÁÆ® °¡¿îµ¥Á¤·Ä*/
	padding: 12px 0 15px;
	/* display: none; */
	/*µª½º ¼û±â±â*/
}
#header .gnb li .depth2 a {
	font-size: 15px;
	color: #000;
	font-weight: 400;
	font-family: "noto sans KR";
	text-decoration: none;
}
#header .gnb>li:hover .depth2{
	display: block;
	/*¼û°ÜÁ®ÀÖ´Â µª½º ºÒ·¯¿À±â*/
}
#header .gnb>li>.depth2 li a:hover{
	color: #4872e8;
}
#header .gnb>li>.depth2 li{
	line-height: 25px;
}
#header .gnb>li>.depth2 li .on{
	font-size: 15px;
	color: #4872e8;
	font-weight: 500;
	font-family: "noto sans KR";
	text-decoration: none;
}





#header .search{
	position: absolute;
	top: 50px; right: 20px;
	
}
#header .search .blind{
	display: none;
}

#header .search #searchform{
	border-bottom: 2px solid #4872e8;
}
#header .search #searchform .text_blank{
	border: none;
	height: 25px;
}
#header .search #searchform input{
	outline: none;
}
#header .search #searchform button {
	overflow: visible;
    margin: 0;
    padding: 0;
    border: 0 none;
    background: none;
    font-size: 0;
    vertical-align: top;
    cursor: pointer;
}
#header .search .btn_search img{
	width: 23px;
}
#header .search #searchform .btn_search{
	margin-right: 10px;
	margin-bottom: 5px;
}


/* -------------------- <wsj> -------------------- */


	.wsj{
		background-color:#f4f4f4;
		text-align: center;
		position: relative;
		width: 100%;
		height: 1029px;
	}
	.wsj img{		
		text-align: center;
		margin-top: 50px;
	}
	.wsj_btn{
		position: absolute;
		width: 127px; height: 49px;
		left: 50%;
		top: 535px;
		margin-left: -435px;
		transform: translateX(-50%);
		border-radius: 50px;
		background: #1428ac;
		box-shadow:  5px 5px 18px #dedede, 
					  -5px -5px 18px #ffffff;
	}

	.wsj_btn:hover{
		background:#000;
		box-shadow:  5px 5px 18px #dedede, 
					  -5px -5px 18px #ffffff;
	}
	.wsj_btn a{
		position: absolute;
		font-family: "noto sans kr";
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		line-height: 47px;
		left: 21px;
		font-size:24px;
	}