@charset "utf-8";

/**[Layout]********************************************************/
	#_wrap #_wrapHeader {
		border-bottom: 1px solid #dbdbdb;
	}
	#_wrap #_wrapHeader #_header {
		height: 125px;
		position: relative;
	}
	#_wrap #_wrapHeader #_header #wrapGnavi{
		position: absolute;
		top: 3px;
		right: 0;
	}
	#_wrap #_wrapHeader #_header #gotoUniv{
		position: absolute;
		top: 0;
		left: 0;
		background: url("../images/gotoUniv.gif") #464f5d no-repeat 12px 50%;
		height: 31px;
		line-height: 31px;
		padding: 0 20px 0 32px;
		color: #d7e2f5;
		border-left: 1px solid #606a78;
		border-right: 1px solid #606a78;
	}
	#_wrap #_wrapHeader #wrapGnavi{
		position: absolute;
		top: 0;
		right: 0;
	}
	#_wrap #_wrapArticle #_container {
		position: relative;
		height: 500px;
		min-height: 500px;
	}
	#_wrap #_wrapArticle #_container #_aside #submenuNavigation ul{
		cursor: pointer;
	}
	#_wrap #_wrapVisual {
		background-image: url("../images/bg_wrapVisual.jpg");
		background-repeat: no-repeat;
		display: none;
	}
	#_wrap #_wrapVisual #_visual{
		position: relative;
	}
	#_wrap #_wrapVisual #_visual ._slogan {
		position: absolute;
		background-image: url("../images/bg_slogan.gif");
		background-repeat: no-repeat;
		background-position: left top;
	}
	#_wrap #_wrapVisual #_visual ._slogan strong,
	#_wrap #_wrapVisual #_visual ._slogan em{
		color: #fff;
		display: block;
	}
	#_wrap #_wrapArticle #_container:before ,
	#_wrap #_wrapArticle #_container:after {
		content: "";
		display: block;
		clear: both;
	}
	#_wrap #_wrapFooter {
		background: url("../images/bg_footLine.gif") repeat-x top left;
		border-top: 1px #ddd solid;
	}
	#_wrap #_wrapFooter #_footer {
		position: relative;
		border-top: 1px #333 solid;
	}
	#_wrap #_wrapFooter #_footer .address{
		color: #666;
		font-size: 1.1em;
	}
	#_wrap #_wrapFooter #_footer .address .adWrap{
		position: relative;
		overflow: hidden;
	}
	#_wrap #_wrapFooter #_footer .address .adWrap:before,
	#_wrap #_wrapFooter #_footer .address .adWrap:after{
		content: "";
		clear: both;
		display: block;
	}
	#_wrap #_wrapFooter #_footer .address .adWrap span{
		float: left;
		margin-right: 15px;
	}
	#_wrap #_wrapFooter #_footer .footLogo{
		position:absolute; 
		right:0;
		top: 20px;
	}
	#_wrap #_wrapHeader #_header,
	#_wrap #_wrapVisual #_visual,
	#_wrap #_wrapArticle #_container,
	#_wrap #_wrapFooter #_footer {
		margin: 0 auto;
	}

/**[바로가기]********************************************************/
	#_wrap #_wrapFooter #_footer ._directWrap{
		height: 52px;
		line-height: 52px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct h2{
		display: none;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul,
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li{
		float: left;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li a{
		display: block;
		color: #363636;
		font-size: 1.1em;
		padding: 0 1em;
		background: url("../images/directGab.gif") no-repeat left 50%;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li a:hover{
		font-weight: 600;
	}
	#_wrap #_wrapFooter #_footer ._directWrap ._direct ul li:first-child a{
		background: none;
		font-weight: 900;
	}
	#_wrap #_wrapFooter #_footer ._jumpTop{
		display: none;
		position: absolute;
		width: 70px;
		height: 50px;
		text-indent: -5000px;
		background: url("../images/jumpTop.gif") #315d91 no-repeat 50% 50%;
	}
/**[점프메뉴]********************************************************/
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap {
		position: absolute;
		z-index: 1;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu {
		text-align: center;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu h2{
		display: none;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu ._jumpSelect{
		float: left;
		margin-right: 5px;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select,
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{
		height: 30px;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu select{
		border-color: #7e7e7e;
	}
	#_wrap #_wrapFooter #_footer ._jumpMenuWrap ._jumpMenu button{
		height: 30px;
		border: 0;
		background-color: #7e7e7e;
		color: #fff;
		padding: 0 1em;
	}
/**[로고]********************************************************/
	#_logo{
		position: absolute;
		overflow: hidden;
	}
	#_logo a,
	#_logo em{
		float: left;
	}
	#_logo em{
		color: #333;
		border-left: 1px #999 solid;
		margin-top: 15px;
		margin-left: 15px;
		padding-left: 15px;
	}

/**[모바일 - 메뉴열기/닫기]********************************************************/
	#mMenu{
		display: none;
	}
	#mMenu .mMenuButton{
		border: 0;
		width: 41px;
		height: 41px;
		text-indent: -5000px;
		background-image: url("../images/rMenuButton.gif");
	}

/**[주메뉴]********************************************************/
	#wrapGnb{
		position: absolute;
		z-index: 10;
		display: none;
	}
	.menuUItop a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.menuUItop #top_div {
		margin: 0;
		padding: 0;
	}
	.menuUItop ul.ul_1{
		position: relative;
	}
	.menuUItop ul.ul_1 li.li_1{
		float: left;
	}
	.menuUItop ul.ul_1 li.li_1 a.a_1{
		font-weight: 400;
		color: #333;
		margin: 0;
		display: block;
	}
	.menuUItop ul.ul_1 li.li_1 a.a_1._active,
	.menuUItop ul.ul_1 li.li_1 a.a_1:hover{
		color: #3d6696 ;
	}
	.menuUItop ul.ul_1 li.li_1 a.a_1._active{
		font-weight: 600;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2{
		background-color: #37557f;
		padding: 25px 40px;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul {
		overflow: hidden;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li {
		/* float: left; */
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a{
		display: block;
		margin: auto;
		color: #bbd1ed;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a:hover,
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
		color: #ffc000;
		text-decoration: underline;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 ul li a._active{
		font-weight: 600;
	}
	.menuUItop ul.ul_1 li.li_1 .div_2 .navGab{
		width: 13px;
		height: 7px;
		position: absolute;
		top: -7px;
		left: 48%;
		background: url("../images/navGab.gif");
	}


/**[서브메뉴]********************************************************/
	#submenuNavigation {
		height: 40px;
		background-color: #f0f0f0;
		border-bottom: 1px #ddd solid;
	}
	#submenuNavigation ul{
		position: relative;
		height: 40px;
		float: left;
	}
	#submenuNavigation ul li{
		float: left;
		position: relative;
	}
	#submenuNavigation ul li._last span{
	}
	#submenuNavigation ul li div.navHome,
	#submenuNavigation ul li div.navTitle,
	#submenuNavigation ul li span.navMenu{
		display: block;
		height: 40px;
		line-height: 40px;
	}
	#submenuNavigation ul li div.navHome{
		background: url("../images/navHome.gif") no-repeat 50% 50%;
		width: 40px;
		text-indent: -5000px;
		padding: 0;
	}
	#submenuNavigation ul li span.navMenu{
		padding: 0 40px 0 10px;
		background: url("../images/submenuNavigation.gif") no-repeat right 50%;
		border-left: 1px #ddd solid;
	}
	#submenuNavigation ul li span.navMenu.navigStrong{
		color: #223c78;
		font-weight: 600;
	}

	#submenuNavigation ul li .navDiv {
		position: absolute;
		top: 41px;
		left: 0;
		display: none;
	}
	#submenuNavigation ul li .navDiv ul{
		height: auto !important;
	}
	#submenuNavigation ul li .navDiv ul li{
		float: none !important;
		border-width: 0 1px 1px;
		border-color: #ddd;
		border-style: solid;
		background-color: #fff;
	}
	#submenuNavigation ul li .navDiv ul li a{
		height: 40px;
		line-height: 40px;
		display: block;
		width: 150px;
		padding: 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#submenuNavigation ul li .navDiv ul li a._active{
		background-color: #e2e8f5;
	}
	#submenuNavigation ul li .navDiv ul li a._active,
	#submenuNavigation ul li .navDiv ul li a:hover{
		color: #366fcc;
		font-weight: bold;
	}
	#navUldep01{
	}
	#navUldep01 .li_1 .div_2{
		display: none;
	}
	#navUldep02{
	}
	#navUldep02 .li_2 .div_3{
		display: none;
	}
	#navUldep03{
	}


/**[탭메뉴]********************************************************/
	.menuUItab .tab_div{
		padding: 0;
		margin-bottom: 40px;
	}
	.menuUItab .tab_div .ul_3{
		overflow: hidden;
		position: relative;
	}
	.menuUItab .tab_div .ul_3 .li_3{
		float: left;
		margin: 0 5px 2px 0;
	}
	.menuUItab .tab_div .ul_3 .li_3 .a_3{
		font-size: 13px;
		display: block;
		color: #444;
		text-align: center;
		padding: 0 1em;
		height: 35px;
		line-height: 35px;
		background-color: #e8e8e8;
		border-style: solid;
		border-color: #cdcdcd;
		border-width: 1px;
	}
	.menuUItab .tab_div .ul_3 .li_3 .a_3:hover,
	.menuUItab .tab_div .ul_3 .li_3 .a_3._active{
		color: #223c78;
		border-color: #314b66;
		background: #fff;
	}
	.menuUItab .tab_div .ul_3 .li_3 .a_3._active{
		font-weight: 600;
	}


body:after {
	content: '';
	position: fixed;
	bottom: 0;
	right: 0;
	border: 1px solid #959595;
	padding: 0 0.5em;
	background: rgba(0, 0, 0, 0.36);
	color: #fff;
	font-size: 2em;
	line-height: 1.5;
	text-shadow: 0 1px 2px #111;
	text-align: center;
	z-index: 99999;
}


@media only screen and (min-width: 240px) and (max-width: 420px){
	body:after {
		content: 'mobile';
	}
}
@media only screen and (min-width: 421px) and (max-width: 860px){
	body:after {
		content: 'tablet';
	}
}
@media only screen and (min-width: 861px){
	body:after {
		content: 'desktop';
	}
}