@charset "utf-8";

.displayhidden{position:absolute; left:-10000px; width:1px; height:1px; display:block; float:left;}
.maxwid{ margin: 0 auto; max-width:1200px; width:100%; padding: 0 25px; }

.logo_group{overflow:hidden;}
.logo_wrap{float:left;}
.mem_menu_wrap{float:right;}
.mem_menu_wrap{line-height: 46px; }
.mem_menu_wrap ul {display:inline-block;} 
.mem_menu_wrap ul li { display:inline-block; }
.mem_menu_wrap ul li a{ font-size:15px; color:#232323; padding: 0 10px;  border-right: #ccc 1px solid; } 
.mem_menu_wrap ul li:last-child a{  border-right: 0;  }
.header_wrap{border-bottom: 4px solid #014099; padding: 20px 0;}

header nav{border-bottom: 1px solid #ccc;}

.access-menu{height:70px; position: relative; width: 100% ;}
.access-menu > li{display: inline-block; text-align:center;  float:left; height:70px; line-height:20px;padding: 25px 0;}
.access-menu > li{width: calc( ( 100% - 120px ) / 5 ); }
.access-menu > li:hover .access-submenu{top: 70px; height:57px;left: 0%; position:absolute; z-index:11; width: calc( 100% - 1px );}

.access-menu > li > a{width:100%; height:20px; font-size:20px; color: #232323;display: inline-block;padding:0;text-decoration: none;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;border-right: 1px solid #ccc; }
.access-submenu > li > a{color: #555; font-size:15px; letter-spacing:-1px;display: inline-block;padding: 0 1em;text-decoration: none;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}

.access-menu > li > a:hover, .access-menu > li > a:focus{color:#014099;outline: none;}
.access-submenu > li > span{color:#ccc;}
.access-submenu{background: #014099;	left: -9999px;position: absolute;top: -9999px; text-align:left;}
.access-submenu > li{display:inline-block; ; height:57px; line-height:57px;vertical-align: top;}
.access-submenu > li > a{color:#c1dbff; font-size:15px;}
.access-submenu > li > a:hover, .access-submenu > li > a:focus{ color:#fff; font-weight:bold;}

.access-submenu-1{width: 75px;}
.access-submenu-2{width: 261px;}
.access-submenu-3{width: 467px;}
.access-submenu-4{width: 460px;}
.access-submenu-5{width: 889px;}

.sch_wrap{ width:120px !important;  padding: 15px 0 !important;  line-height:40px !important;}
.sch_wrap a{ border-right:0 !important; text-align:right;  }

.footer{background:#333333; }
.foot_top_wrap{ padding:20px 0; border-bottom:1px solid #454545;  }
.foot_top{overflow:hidden;}
.fleft_menu{float:left;}
.fleft_menu li a{  color:#bcbcbc; font-size:15px;  }
.fleft_menu li { display:inline-block; padding-right:12px;}
.fleft_menu li:after{ content:"|"; color:#454545; padding-left:12px;}
.fleft_menu li:last-child:after{content:'';}
.foot_bottom{  padding-top:20px; padding-bottom: 80px; }
.txt1{ font-size:14px; color:#bdbdbd;}
.txt2{ font-size:14px; color:#a4a4a4; padding-top: 15px;}

.colorblue{ color:#f9a41e !important;}

@media screen and (max-width: 870px) {
	.fleft_menu{ float:none; margin-bottom:5px;}
}

#menu_wrap{ width:100%; clear:both; height:50px; position:fixed; z-index:12; top:0; }
#menu_bak{ width:300px; height:100%; background-color : #eeeff3; position: absolute; box-shadow: 5px 0px 5px rgba(131, 131, 131, 0.3); z-index:1; }
.open { overflow: hidden; }
.m_btn { width: 50px; height: 50px; position: absolute; left : 5px; top:12px; z-index: 1;  background-image: url("../_img/m_fullmenu.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; }

.m_btn2 { width: 50px; height: 50px; position: absolute; right : 5px; top:17px; z-index: 1;  }

.m_btncall { width: 50px; height: 50px; position: absolute; right : 10px; top:0px; z-index: 1; cursor: pointer; padding-top:15px; padding-left:15px;}


/*.m_tmenu{height:30px; width:100%; margin:0 auto; text-align:center; position:relative; padding-top:7px; background:#fff; border-top:1px solid #ddd;}*/
.m_tmenu{height:30px; float:right; position:relative; padding-top:6px; margin-right:5px;}
.m_tmenu > ul > li{display:inline-block;}
.m_tmenu > ul > li > a{font-size:12px;}
.m_tmenu > ul > li > span{color:#ccc; padding-left:3px; padding-right:1px;}

.menu_tit{border-bottom:1px solid #ccc; height:72px;float:center; width:100%; text-align:center; background-color:#fff; padding-top:10px; transition: all 0.7s ease .1s;}
.menu_tit > a{ font-size:20px; font-weight:30px; }
.close {background-color:#3f464c; width: 60px; height: 85px; position: absolute; right: 0px; top: 0px; background-image: url("../_img/close.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index:11;}
.close_tit {text-align:left; color: #ffffff; font-size: 16px; line-height:24px; padding:7px; padding-left:15px; width: 246px; height: 85px; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index:11; background-color:#0d3954; }

#menu_btn { width: 300px; /*365px*/ height: 100%; position: fixed; top: 0px; left: -365px; z-index: 10; text-align: center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
#menu_btn.open { left: 0px; }
.page_cover.open { display: block; }
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 4; display: none; }
#mobile_menu{ display:block; height:100%; background-color: #f1f1f1;  overflow-y: scroll;}

/* 900이상 큰 메뉴*/
@media screen and (min-width: 1230px) {
	#mobile_menu{ display:none; }
	.m_btn, .close, .menu_tit{ display:none; }
	#menu_btn{ display:block; left:0px; }
	#menu_wrap{ height:0px; }
	#menu_wrap{display:none;	}
}
@media screen and (max-width: 1229px) {
	#mobile_menu{ display:block;  }
	#menu_btn { width: 300px; left: -300px; }
	#menu_wrap{display:block; }
	header{height: 72px;}
    .menu_tit{display:block;}	
	.pc_menu{display:none;}
}

/************/
.fa-chevron-up:before{content:"∨"}
.fa-chevron-down:before{content:"∨"}
.mb_menu { width: 100%; max-width: 360px; margin: 85px auto 20px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.mb_menu .menu_link { cursor: pointer; display: block; padding: 15px 0px 15px 0px; color: #4D4D4D;font-size: 17px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.menu_link{ background-color: #f1f1f1; margin-top:-1px;}
.etcbg{background:#d8e8f1;}

.mb_menu li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.mb_menu li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; font-style:normal; }
.mb_menu li.open .menu_link { color: #e03f1b; }
.mb_menu li.open i { color: #493d3a; }
.mb_menu li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/** Submenu
 -----------------------------*/
.submenu { display: none; background: #ffffff;}
.submenu > li {  text-align:left;  padding-left :20px;}
.submenu > li a {  display: block; text-decoration: none;  color: #555555; padding: 10px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;  font-size: 14px; }
.submenu > li a:hover {color: #3f61b2; font-weight:bold;}
.submenu > li > ul > li{text-align:left; padding-left :15px; margin-left:20px;}
.submenu > li > ul > li a {display: block; text-decoration: none;  color: #555555; padding: 12px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size:12px; }
.submenu > li > ul >li a:hover{ background:none; color: #3f61b2; }

#mb_menu > li > div > i.fa.fa-database:before{
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

.banner_wrap{border-top:1px solid #ccc;}
.banner_wrap ul{text-align:center; overflow:hidden; }
.banner_wrap ul li{float:left; width:25%; text-align:center; padding: 10px 5px;}
.banner_wrap ul li img{ width:100%;}

@media screen and (max-width: 700px) {
.banner_wrap ul li{ width:50%;}
}