@charset "utf-8";

/**[Layout]********************************************************/
#_wrap {
background:url("/sites/hippo/images/sub/bg.gif") repeat-x;
}
	#_wrap #_wrapHeader {
		/*-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		background-color: #f4f4f4;*/
	}
	#_wrap #_wrapHeader #_header {
		position: relative;
	}

   #_wrap #_wrapArticle {
	 background:#f6f6f6;
   }

	#_wrap #_wrapArticle #_subVisual {
		background-color: #eebebe;
		height: 135px;
		text-align: center;
	}
	#_wrap #_wrapArticle #_subVisual p {
		color: #FFF;
		font-weight: 600;
		font-size: 3em;
		padding-top: 50px;
	}
	#_wrap #_wrapArticle #_subVisual p:before {
		content: "VISUAL ZONE";
	}
	#_wrap #_wrapArticle #_subVisual img{
		display: block;
	}
	#_wrap #_wrapArticle #_container {
		position: relative;
	    background:#fff;
	}
	#_wrap #_wrapArticle #_container:before ,
	#_wrap #_wrapArticle #_container:after {
		content: "";
		display: block;
		clear: both;
	}
	#_wrap #_wrapArticle #_container #_content {
		position: relative;
	    margin-top:100px;
	}
	#_wrap #_wrapFooter {
		height: 130px;
	  background:#f6f6f6;
	  /*
		background-color: #fff;
		border-top: 1px #ddd solid;
		background-color: #222;
	  */
	}
	#_wrap #_wrapFooter #_footer {
		position: relative;
		height: 50px;
		text-align: center;
	}
	#_wrap #_wrapFooter #_footer .address{
		color: #b0b0b0;
	}
	#_wrap #_wrapFooter #_footer .address strong{
		color: #e29999;
	}
	#_wrap #_wrapFooter #_footer .footLogo{
		position:absolute; 
		right:0;
		top: 20px;
	}
	#_wrap #_wrapHeader #_header,
	#_wrap #_wrapArticle #_subVisual,
	#_wrap #_wrapArticle #_container,
	#_wrap #_wrapFooter #_footer {
		margin: 0 auto;
	}

/**********************************************************/
	#_logo{
		position: absolute;
	}
	#_logo a {
		font-size: 1.5em;
	}

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

/**[주메뉴]********************************************************/
	#menuUItop{
		height: 43px;
		position: absolute;
		z-index: 10;
	}
	#menuUItop a{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#menuUItop #top_div {
		height: 43px;
		margin: 0;
		padding: 0;
	}
	#menuUItop ul.ul_1{
		height: 43px;
		position: relative;
	}
	#menuUItop ul.ul_1 li.li_1{
		float: left;
	}
	#menuUItop ul.ul_1 li.li_1 a.a_1{
		font-weight: bold;
		text-align: center;
		color: #415E70;
		/*background-color: #f6f6f6;*/
		margin: 0;
		padding: 0;
		/*border-right: #ddd 1px solid;*/
		display: block;
		height: 44px;
		line-height: 44px;
	}
	#menuUItop ul.ul_1 li.li_1 a.a_1._active,
	#menuUItop ul.ul_1 li.li_1 a.a_1:hover{
		color: #FFFFFF ;
		/*background-color: #f6f6f6;*/
	}

/**[서브메뉴]********************************************************/
	#menuUIsub .menuSubTitleUI{
		text-align: center;
		color: #FFFFFF;
		background-color: #6a6a6a;
		margin: 0;
		padding: 0;
		border-bottom: solid #999 1px;
		height: 70px;
		line-height: 70px;
	}
	#menuUIsub .menuSubTitleUI h2{
		font-size: 24px;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .a_2{
		display: block;
		font-size: 13px;
		text-align: left;
		color: #222;
		background-color: #FFF;
		margin: 0;
		padding-left: 10px;
		border-bottom: solid #b4b4b4 1px;
		height: 30px;
		line-height: 30px;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .a_2:hover{
		color: #FFF;
		background-color: #eebebe;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .a_2._active{
		font-weight: 600;
		color: #02213B;
		background-color: #c7c7c7;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .div_3{
		display: none;
		background-color: #c7c7c7;
		margin: 0;
		padding: 5px 0 5px 10px;
		border-bottom: 1px #b4b4b4 solid;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3{
		display: block;
		color: #333;
		font-size: 12px;
		margin: 0;
		padding: 3px 0 3px 10px;
		height: 18px;
		line-height: 18px;
	}
	#menuUIsub #sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3:hover{
	}
	#menuUIsub #sub_div .ul_2 .li_2 .div_3 .ul_3 .li_3 .a_3._active{
		font-weight: 600;
	}
	#menuUIsub #sub_div ul li._active ._childDiv {
		display: block !important;
	}

/**[탭메뉴]********************************************************/
	#menuUItab .tab_div{
		margin-bottom: 1em;
	}
	#menuUItab .tab_div .ul_3{
		overflow: hidden;
		position: relative;
	  	
	}
	#menuUItab  .tab_div .ul_3 .li_3{
		float: left;
		width: 25%;
	  	border-bottom: 1px solid #dadada;
	  	border-top: 1px solid #dadada;
	    margin-bottom:2px;
	}
	#menuUItab .tab_div .ul_3 .li_3 .a_3{
		font-size: 13px;
		display: block;
		text-align: center;
		height: 30px;
		color: #656565;
		line-height: 30px;
		padding: 5px 0;
		/*background-color: #fff;*/
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		margin: 0 -1px -1px 0;
	}
	#menuUItab .tab_div .ul_3 .li_3:last-child a,
	#menuUItab .tab_div .ul_3 .li_3._last a {
		/*border-right: 0;
		margin-right: 0;*/
	}
	#menuUItab .tab_div .ul_3 .li_3 .a_3:hover{
		color: #000;
		background-color: #fe931f;
	}
	#menuUItab .tab_div .ul_3 .li_3 .a_3._active{
		color: #000;
		background-color: #fe931f;
		font-weight: 600;
	}

/**페이지타이틀+페이지네비게이션********************************************************/
	#masterTitle{
		/*
	  margin-bottom: 20px;
		border-bottom: 1px #ddd solid;
		color: #000;
	  */
	  background:url("/sites/hippo/images/sub/tit_bg.gif") no-repeat;
	  height:138px;
	}
	#masterTitle h1{
		height: 138px;
		line-height: 50px;
		font-size: 45px;
	     color:#fff;
		position: absolute;
		top: 60px;
	     left: 39px;
	}
	#masterNavigation{
		padding-left: 20px;
		height: 15px;
		line-height: 15px;
	}

/**[글로벌 네비게이션]********************************************************/
	#_globalNavi {
		position: absolute;
	}