@charset "utf-8";

/**[COMMON]********************************************************/
	body:after {
		content: "";
		position: fixed;
		bottom: 0;
		right: 0;
		background-color: #fff;
		border: 1px #000 solid;
	}
	* {
		font-family: 'Nanum Gothic',nanumgothic,"돋움",dotum;
	}
	#_header,
	#submenuNavigation .inner,
	#_container,
	#_footer {
		margin: 0 auto;
	}

/**[HEADER]********************************************************/
	#_wrapHeader {
		border-top: 7px solid #00462a;
		position: relative;
		z-index: 3;
	}
	#_wrapHeader #_header #wrapGnavi{
		position: absolute;
		top: 14px;
		right: 0;
	}
	#_wrapHeader #wrapGnbSub{
		background-color: #63b0c2;
	}
	/*logo*/
		#_logo{
			position: absolute;
			overflow: hidden;
		}
		#_logo a{
			float: left;
			background-image: url("../../images/master/logo.png");
			background-repeat: no-repeat;
			width: 293px;
			height: 53px;
			text-indent: -5000px;
		}
	/*gnb + search*/
		#wrapGnavi .wrapGnaviUl {
			float: left;
			margin-right: 1em;
		}
		#wrapGnavi .wrapGnaviUl:before, 
		#wrapGnavi .wrapGnaviUl:after {
			content: "";
			display: block;
			clear: both;
		}
		#wrapGnavi .wrapGnaviUl li{
			float: left;
		}
		#wrapGnavi .wrapGnaviUl li a{
			display: block;
			padding: 0;
			height: 34px;
			line-height: 34px;
			color: #000;
		}
		#wrapGnavi .wrapGnaviUl li a:before{
			content: "/";
			padding: 0 0.5em;
		}
		#wrapGnavi .wrapGnaviUl li:first-child a:before{
			content: "";
		}
		#wrapGnavi .wrapGnaviUl li.gotoUniv a{
			font-weight: 500;
		}
		#wrapGnavi form {
			float: right;
			/*background-color: red;*/
			height: 34px;
		}
		#wrapGnavi form .searchSelect,
		#wrapGnavi form .searchText,
		#wrapGnavi form .searchBtn {
			height: 34px;
			line-height: 34px;
			float: left;
			font-size: 1em;
		}
  		select::-ms-expand {
			background-color: transparent;
		  	border: 0;
		}
		#wrapGnavi form .searchSelect {
			border: 0;
			background-color: #999;
			color: #fff;
			padding: 0 10px;
		}
		#wrapGnavi form .searchText {
			border: 0;
			background-color: #dedede;
			padding: 0 10px;
			width: 140px;
		}
					/* Webkit */
					#wrapGnavi form input::-webkit-input-placeholder {color: #FFF;}
					/* Firefox 4-18 */
					#wrapGnavi form input:-moz-placeholder {color: #FFF;}
					/* Firefox 19+ */
					#wrapGnavi form input::-moz-placeholder {color: #FFF;}
					/* IE10+ */
					#wrapGnavi form input:-ms-input-placeholder {color: #FFF;}
		#wrapGnavi form .searchBtn {
			background-image: url("../../images/master/btnSearch.png");
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-color: #dedede;
			width: 50px;
			text-indent: -5000px;
			cursor: pointer;
		}

/**[PAGE LOCATION AREA]********************************************************/
	#submenuNavigation {
		height: 40px;
		background-color: #f0f0f0;
		border-bottom: 1px #ddd solid;
		z-index: 2;
	}
	#submenuNavigation .inner {
		position: relative;
	}

/**[ARTICLE]********************************************************/
	#_wrapArticle {
	  position: reative;
	  z-index: 2;
	}

/**[FOOTER]********************************************************/
	#_wrapFooter {
		border-top: 1px #656565 solid;
		background-color: #6e6e6e;
	}
	#_wrapFooter > .inner {
		border-top: 6px #686868 solid;
	}
	#_footer {
		position: relative;
	}
	/*바로가기*/
		#_footer ._directWrap{
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			border-bottom: 1px #8b8b8b solid;
		}
		#_footer ._directWrap ._direct h2{
			display: none;
		}
		#_footer ._directWrap ._direct ul,
		#_footer ._directWrap ._direct ul li{
			float: left;
		}
		#_footer ._directWrap ._direct ul li a{
			display: block;
			color: #ddd;
			font-size: 1.1em;
			padding: 1.2em 1em;
			background: url("../../images/master/directGab.gif") no-repeat left 50%;
		}
		#_footer ._directWrap ._direct ul li a:hover{
			font-weight: 600;
		}
		#_footer ._directWrap ._direct ul li:first-child a{
			background: none;
			font-weight: 900;
		}
	/*주소,카피라이트*/
		#_footer .address{
			background: url("../../images/master/footLogo.png");
			background-repeat: no-repeat;
			background-position: left 50%;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 70px;
			padding-right: 240px;
		}
		#_footer .address .adWrap{
			position: relative;
			overflow: hidden;
			color: #fff;
			font-size: 1em;
			padding: 0.1em 0;
		}
		#_footer .address .adWrap a {
			color: #fff;
		}
		#_footer .address .adWrap span{
			display: inline-block;
		}
		#_footer .address .adWrap span:before{
			content: "/";
			display: inline-block;
			margin: 0 0.5em;
		}
		#_footer .address .adWrap span:first-child:before{
			content: "";
			margin: 0;
		}
	/*점프메뉴*/
		#_footer ._jumpMenuWrap {
			position: absolute;
			z-index: 1;
		}
		#_footer ._jumpMenuWrap ._jumpMenu {
			text-align: center;
		}
		#_footer ._jumpMenuWrap ._jumpMenu h2{
			display: none;
		}
		#_footer ._jumpMenuWrap ._jumpMenu ._jumpSelect{
			float: left;
			margin-right: 5px;
		}
		#_footer ._jumpMenuWrap ._jumpMenu select,
		#_footer ._jumpMenuWrap ._jumpMenu button{
			height: 30px;
		}
		#_footer ._jumpMenuWrap ._jumpMenu select{
			border-color: #969696;
			color: #fff;
			background-color: #3a3a3a;
			padding: 0 1em;
		}
		#_footer ._jumpMenuWrap ._jumpMenu button{
			height: 30px;
			border: 0;
			background-color: #3a3a3a;
			color: #fff;
			padding: 0 1em;
		}
	/*화면상단으로*/
		._jumpTop{
			display: none;
			position: absolute;
			width: 70px;
			height: 50px;
			text-indent: -5000px;
			background: url("../images/jumpTop.gif") #315d91 no-repeat 50% 50%;
		}
/**[FOOTER Mobile]********************************************************/
	/*바로가기*/
	/*주소,카피라이트*/
		body.Mobile #_footer .address{
			padding-left: 0;
			padding-right: 0;
			padding-top: 90px;
			text-align: center;
			background-position: 50% 20px;
		}
	/*점프메뉴*/
		body.Mobile #_footer ._jumpMenuWrap {
			padding: 30px 10px 0 ;
			position: relative;
		}
		body.Mobile #_footer ._jumpMenuWrap ._jumpMenu {
			position: relative;
		}
		body.Mobile #_footer ._jumpMenuWrap ._jumpMenu ._jumpSelect {
			float: none;
			margin-right: 50px;
		}
		body.Mobile #_footer ._jumpMenuWrap ._jumpMenu ._jumpSelect select {
			width: 90%;
		}
		body.Mobile #_footer ._jumpMenuWrap ._jumpMenu button {
			position: absolute;
			top: 0;
			right: 0;
		}
/**[CONTENT]********************************************************/
	#_container:before ,
	#_container:after {
		content: "";
		display: block;
		clear: both;
	}
	#_content {
		padding: 0 0 60px 0;
	}
	#masterEditor {
		min-height: 500px;
	}

/**[GNB MENU]********************************************************/
	#wrapGnb{
		z-index: 10;
		display: none;
	}
	.menuUItop a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}

/**[TAB MENU]********************************************************/
	.menuUItab > div{
		padding: 0;
		margin-bottom: 40px;
	}
	.menuUItab > div > ul{
		overflow: hidden;
		position: relative;
		border-bottom: 1px #888 solid;
	}
	.menuUItab > div > ul:before,
	.menuUItab > div > ul:after{
		content: "";
		display: block;
		clear: both;
	}
	.menuUItab > div > ul > li{
		float: left;
	}
	.menuUItab > div > ul > li > a{
		font-size: 1.3em;
		display: block;
		color: #444;
		text-align: center;
		height: 50px;
		line-height: 50px;
		background-color: #fff;
		border-style: solid;
		border-color: #cdcdcd;
		border-width: 1px;
		margin-right: -1px;
		margin-bottom: -1px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.menuUItab > div > ul > li > a:hover,
	.menuUItab > div > ul > li > a._active{
		color: #fff;
		border-color: #63b0c2;
		background: #63b0c2;
	}
	.menuUItab > div > ul > li > a._active{
		font-weight: 600;
	}

/**[page location]********************************************************/
	#masterNavigation{
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
	}
	#_pageNavigation:before,
	#_pageNavigation:after {
		content: "";
		display: block;
		clear: both;
	}
	#_pageNavigation li span {
		margin: 0 1em;
	}

/**[page title]********************************************************/
	#masterTitle{
		color: #000;
		border-bottom: 7px solid #eee;
		margin-bottom: 50px;
		height: 100px;
		position: relative;
	}
	#masterTitle h1{
		position: absolute;
		padding: 0 1em 20px;
		bottom: -7px;
		left: 0;
		color: #000;
		font-size: 2.5em;
		font-weight: 600;
		border-bottom: 7px solid #63b0c2;
	}



