/*상단메뉴*/
.nav-menu li {list-style:none;display:inline-block;float:none;position:relative;margin-top:-8px;margin-bottom:0px;margin-left:40px;}
.nav-menu li:first-child {margin-left:0px;}

a.nav-text {color:#474747 !important;transition:.6s;font-family:'Noto Sans KR', 'Nanum Square', 'Nanum Barun Gothic', 'Source Sans Pro', Arial, Helvetica, Tahoma, sans-serif;font-size:17px;font-weight:400;padding:4px 0 6px;display:inline-block;-webkit-font-smoothing: antialiased;}
a.nav-text_on {color:#0068b7 !important;font-family:'Noto Sans KR', 'Nanum Square', 'Nanum Barun Gothic', 'Source Sans Pro', Arial, Helvetica, Tahoma, sans-serif;font-size:17px;font-weight:400;padding:4px 0 6px;display:inline-block;-webkit-font-smoothing: antialiased;}
a.nav-text:hover {color:#63bce8 !important;transition:.6s;}

.nav-text .nav-line {
	display: block;
	overflow:hidden;
	position: absolute;
	background:#63bce8;
	top:0px;
	left:0px;
	height:1px!important;
	max-height:1px!important;
	width:0;
	transition:.6s;
	pointer-events:none;
}

.nav-text_on .nav-line {
	display: block;
	overflow:hidden;
	position: absolute;
	background:#0068b7;
	top:0px;
	left:0px;
	height:1px!important;
	max-height:1px!important;
	width:100%;
	transition:.6s;
	pointer-events:none;
}


.nav-menu li:last-child {margin-left:180px;}
a.nav-pro1 {
	display:inline-block;
	border-radius:30px;
	width:120px;
	height:34px;
	padding-top:7px;
	font-weight:500;
	color:#b2f5a0;
	text-align:center;
	vertical-align:middle;
	background:-webkit-gradient(linear, top, bottom, color-stop(0.0, #d5eaac), color-stop(0.5, #9fd044));
	background:-moz-linear-gradient(top, #d5eaac 0%, #9fd044 50%);
	background:-webkit-linear-gradient(top, #d5eaac 0%, #9fd044 50%);
	background:-o-linear-gradient(top, #d5eaac 0%, #9fd044 50%);
	background:-ms-linear-gradient(top, #d5eaac 0%, #9fd044 50%);
	background:linear-gradient(to bottom, #d5eaac 0%, #9fd044 50%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5eaac', endColorstr='#9fd044',GradientType=0);
	transition:.4s;
}

a.nav-pro2 {
	display:inline-block;
	border-radius:30px;
	width:120px;
	height:34px;
	padding-top:7px;
	font-weight:500;
	color:#ffe599;
	text-align:center;
	vertical-align:middle;
	background:-webkit-gradient(linear, top, bottom, color-stop(0.0, #fbd09b), color-stop(0.5, #f7931d));
	background:-moz-linear-gradient(top, #fbd09b 0%, #f7931d 50%);
	background:-webkit-linear-gradient(top, #fbd09b 0%, #f7931d 50%);
	background:-o-linear-gradient(top, #fbd09b 0%, #f7931d 50%);
	background:-ms-linear-gradient(top, #fbd09b 0%, #f7931d 50%);
	background:linear-gradient(to bottom, #fbd09b 0%, #f7931d 50%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbd09b', endColorstr='#f7931d',GradientType=0);
	transition:.4s;
}

a.nav-pro1:hover {color:#fff;transition:.4s;font-weight:500;}
a.nav-pro2:hover {color:#fff;transition:.4s;font-weight:500;}

.dept_Wrap {display:none;position:absolute;min-width:150px;left:50px;margin-left:-80px;background:#fff;top:35px;padding:10px;border:1px solid #e1e1e1;z-index:102;}
.dept {display:block;list-style:none;}
.dept li {display:list-item;padding:0px;margin:0px;padding-top:5px;padding-bottom:5px;text-align:left;}
.dept li:last-child {display:list-item;padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;text-align:left;}
.dept li a:hover {color:#63bce8;}

/*
a.nav-pro1:hover {color:#b2f5a0;transition:.4s;}
a.nav-pro2:hover {color:#ffe599;transition:.4s;}
*/

/*
.logo {
-webkit-filter:grayscale(100%);
-webkit-transition:.5s ease-in-out;
-moz-filter:grayscale(100%);
-moz-transition:.5s ease-in-out;
-o-filter:grayscale(100%);
-o-transition:.5s ease-in-out;
}

.logo:hover {
-webkit-filter:grayscale(0%);
-webkit-transition:.5s ease-in-out;
-moz-filter:grayscale(0%); 
-moz-transition:.5s ease-in-out;
-o-filter:grayscale(0%); 
-o-transition:.5s ease-in-out;
}
*/


/*상단머리말 메뉴*/
.head-menu li {
	display:inline-block;
	list-style:none;
	float:none;
	padding-left:8px;
	padding-right:8px;
	height:15px;
	line-height:15px;
	border-left:1px solid #dddddd;
}
.head-menu li:first-child {border-left:0px;}

.head-menu a {color:#888;font-size:11px;font-weight:bold;font-family:'Source Sans Pro', Arial, Helvetica, Tahoma, sans-serif;transition:.6s;}
.head-menu a:hover {color:#222;transition:.6s;}


/* 상단 서브 탭메뉴 */
#ContentsTopMenu {background:#fff;border-bottom:1px solid #e0e0e0;}
#ContentsTopMenu ul {width:100%;}
#ContentsTopMenu li {display:inline-block;list-style:none;height:50px;line-height:50px;font-size:18px;font-weight:500;text-align:center;margin-right:18px;}


#ContentsTopMenu li div {color:#bfbfbf;padding-left:10px;padding-right:10px;}
#ContentsTopMenu li div:hover {color:#222;}
#ContentsTopMenu li.on div {color:#222;height:50px;line-height:50px;border-bottom:2px solid #c8161e;}

/********************************************/


/********************** 상단 타이틀박스 **************/
.titlewrap {clear:both;background:radial-gradient(#ebf2f8 20%, #c6d7e6 80%);}
.titlewrap .titlebox {width:1000px;height:280px;margin:auto;background: url('/imgs/sub_bg2.png') no-repeat right bottom;}
.titlewrap .titletxt {position:absolute;margin-top:140px;font-size:40px;font-weight:bold;text-align:left;padding-top:0px;padding-left:10px;}

.titletxt .titletxt1 {color:#344444;}
.titletxt .titletxt2 {color:#344444;font-size:20px;font-style: italic;margin-top:0px;}
/*******************************************/


#BWrap {width:100%;height:100%;}

#MainHeadArea {width:100%;background-color:rgba(255, 255, 255);}

#HeadArea {position:fixed;top:0;width:100%;z-index:500;background-color:rgba(255, 255, 255, .8);border-bottom:1px solid #e0e0e0;transition:.4s;}
/*#HeadArea {width:100%;background-color:rgba(255, 255, 255);}*/

#ContentArea {width:100%;margin:auto;}

#FootArea {width:100%;border-top:1px solid #333333;background:#fafafa;}

.head_Wrap {width:1000px;margin:auto;height:20px;line-height:20px;text-align:right;}

.menu_Wrap {width:1000px;margin:auto;height:50px;padding-top:0px;}


.foot_Wrap {width:1000px;margin:0 auto;padding-left:220px;padding-bottom:10px;padding-top:10px;}


.menuL {float:left;width:200px;text-align:left;}
.menuR {float:left;width:800px;text-align:left;}

.foot_line1 li {display:inline-block;list-style:none;float:none;margin-left:50px;color:#888;font-weight:bold;}
.foot_line1 li:first-child {margin-left:0px;}

.foot_line1 {}
.foot_line2 {color:#bbbbbb;font-size:9pt;margin-top:25px;}
.foot_line3 {color:#bbbbbb;font-size:9pt;margin-top:10px;}

/**** main ****/
.MainBanner {clear:both;/*border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;*/}

.login_Wrap {position:absolute;width:100%;z-index:101;}

.login_space {position:relative;width:1000px;margin:auto;text-align:left;}
.login_pos {position:absolute;width:240px;margin-top:-380px;}
.login_box {display:inline-block;width:240px;height:230px;background:#fff;padding-top:10px;border-radius:6px;box-shadow: 1px 1px 3px 0px #999;}

.login_title {font-weight:700;font-size:14px;height:30px;}
.login_id {margin-top:10px;text-align:center;}
.login_pw {margin-top:5px;text-align:center;}
.login_btn {margin-top:5px;text-align:center;}
.login_etc {margin-top:20px;text-align:center;}
.login_etc li {display:inline-block;list-style:none;}
.login_etc li:first-child {padding-right:20px;}
.login_etc li:last-child {padding-left:20px;border-left:1px solid #999;}

.logbtn {width:100%;list-style:none;}
.logbtn li {position:relative;width:50%;float:left;}

.logbtn li a {display:inline-block;width:100%;height:40px;line-height:40px;border-top:1px solid #ebeef3;border-right:1px solid #ebeef3;text-align:center;background:#fafafa;border-bottom-right-radius:6px;cursor:pointer;}
.logbtn li:first-child a {border-bottom-right-radius:0px;border-bottom-left-radius:6px;}

.logbtn li a:hover {background:#f1f1f1;}


.newlogbtn {display: flex;list-style-type: none;padding: 0;}
.newlogbtn li {width:50%;text-align:center;}
.newlogbtn li a {display:inline-block;width:100%;height:50px;line-height:50px;border-top:1px solid #ebeef3;border-right:1px solid #ebeef3;text-align:center;background:#fafafa;border-bottom-right-radius:6px;cursor:pointer;}
.newlogbtn li:first-child a {border-bottom-right-radius:0px;border-bottom-left-radius:6px;}
.newlogbtn li a:hover {background:#f1f1f1;}

/*
.mb_Wrap {position:absolute;width:100%;z-index:101;height:0px;}
.mb_space {position:relative;width:1000px;margin:auto;text-align:left;height:0px;}
.mb_box {display:inline-block;position:absolute;margin-top:-140px;width:240px;height:130px;background:#fff;border-radius:6px;box-shadow: 1px 1px 3px 0px #999;}
*/


.mb_btn {width:100%;list-style:none;margin-top:10px;}
.mb_btn li {display:inline-block;position:relative;width:50%;float:left;text-align:center;}
.mb_btn li:first-child {border-right:1px solid #ebeef3;}

#login_banner1 {display:inline-block;width:80px;height:80px;text-align:left;padding-left:15px;padding-top:18px;border-radius:40px;background:#71ccc1;transition:.4s;}
#login_banner2 {display:inline-block;width:80px;height:80px;text-align:left;padding-left:20px;padding-top:15px;border-radius:40px;background:#4387f9;transition:.4s;}

#login_banner1:hover {background:#aae0da;transition:.4s;}
#login_banner2:hover {background:#8eb7fb;transition:.4s;}