@charset "utf-8";

.nMenu01 .gnb2dept {

}

/***********************************
#gnb
***********************************/
	#gnb .depth1 {
		position: relative;
	}
	#gnb .depth1 > li {
		float: left;
		width: 140px;
		background: url("../images/common/gnbLiGab.png") no-repeat left 25px;
	}
	#gnb .depth1 > li.noGab {
		background-image: none;
	}
	#gnb .depth1 > li:first-child {
		float: left;
		background-image: none;
		margin-left: 0;
	}
	#gnb .depth1 > li:first-child .gnb1dept{
		margin-left: 0;
	}
	#gnb .depth1 > li a.gnb1dept {
		display: block;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		height: 60px;
		line-height: 60px;
		text-align: center;
	}
	#gnb .depth1 > li a.gnb1dept:hover,
	#gnb .depth1 > li.on a.gnb1dept {
		color: #61c7ed;
	}
	#gnb .depth1 > li a.gnb1dept.on,
	#gnb .depth1 > li a.gnb1dept:hover{
		background-color: rgba(70,70,70,0.9);
	}
	#gnb .depth1 > li.active a.gnb1dept {
		color: #61c7ed;
		background-color: rgba(70,70,70,0.9);
	}
	#gnb .depth1 > li .gnb2dept {
		display: none;
		width: 100%;
		background-color: rgba(70,70,70,0.9);
	}
	#gnb .depth1 > li .gnb2dept > ul > li{
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #5d5e5d;
		position: relative;
	}
	#gnb .depth1 > li .gnb2dept a {
		display: block;
		letter-spacing: -0.01em;
		font-size: 12px;
		color: #fff;
		padding: 10px 0 10px 10px;
		font-weight: 400;
	}
	#gnb .depth1 > li .gnb2dept > ul > li.on,
	#gnb .depth1 > li .gnb2dept a:hover {
		color: #fff;
		background-color: #0ea4db;
	}
	#gnb .depth1 > li .gnb2dept .useDivWrap {
		display: block;
		background-image: url("../images/common/useDivWrap+.gif");
		background-repeat: no-repeat;
		background-position: right 50%;
	}
	#gnb .depth1 > li .gnb2dept .useDivWrap.active {
		background-image: url("../images/common/useDivWrap-.gif");
		background-color: #0ea4db;
	}
	#gnb .depth1 > li .gnb2dept .useDivWrap a{
		margin-right: 20px;
	}
	#gnb .gnb3dept {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		width: 190px;
		background-color: rgba(0,165,226,0.9);
	}
	#gnb .gnb3dept .depth3 .depth3_li{
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #52bfe8;
		position: relative;
	}
	#gnb .gnb3dept .depth3 .depth3_li:first-child{
		border-width: 0;
	}
	#gnb .depth1 .depth1_li.nMenu06 .gnb3dept,
	#gnb .depth1 .depth1_li.nMenu07 .gnb3dept{
		left: -190px;
	}
	#gnb .depth1 .depth1_li.nMenu08 {
		display: none;
	}

/***********************************
#lnb
***********************************/
	#lnb,
	#lnb li,
	#lnb > li#lnbHome a,
	#lnb > li .navMenu{
		height: 40px;
		line-height: 40px;
	}
	#lnb {
		position: relative;
	}
	#lnb > li{
		float: left;
		width: 190px;
		position: relative;
		border-right: 1px #eee solid;
	}
	#lnb > li#lnbHome{
		width: 42px;
	}
	#lnb > li#lnbHome a{
		display: block;
		text-indent: -5000px;
		background: url('../images/common/lnbHome.gif') 50% 50% no-repeat;
	}
	#lnb > li .navMenu{
		display: block;
		cursor: pointer;
		padding-left: 15px;
		padding-right: 30px;
		background-image: url('../images/common/lnbGabOff.gif');
		background-position: right 50%;
		background-repeat: no-repeat;
		background-color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#lnb > li.on .navMenu{
		color: #fff;
		background: url('../images/common/lnbGabOn.gif');
		background-position: right 50%;
		background-repeat: no-repeat;
		background-color: #464646;
	}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li .lnb_menu{
			position: absolute;
			top: 40px;
			left: 0;
			width: 100%;
			display: none;
		}
		#lnb li .lnb_menu .useDivWrap{
			display: block;
		}
		#lnb li .lnb_menu ul li a{
			display: block;
			color: #fff;
			padding-left: 15px;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li .lnb_menu ul li div,
		#lnb li .lnb_menu ul li div ul li div{
			position: absolute;
			top: -1px;
			left: 100%;
			width: 190px;
			display: none;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li .lnb_menu ul li{
			width: 190px !important;
			position: relative;
			float: none;
			border-width: 1px 0 0 0;
			border-style: solid;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li.lev01 .lnb_menu{
			background-color: #464646;
		}
		#lnb li.lev01 .lnb_menu ul li div{
			background-color: #00a5e2;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li div{
			background-color: #303187;
		}
		#lnb li.lev01 .lnb_menu ul li{
			border-color: #595959;
		}
		#lnb li.lev01 .lnb_menu ul li.nMenu08{
			display: none;
		}
		#lnb li.lev01 .lnb_menu ul li:hover{
			border-color: #1aaee5;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li,
		#lnb li.lev01 .lnb_menu ul li div ul li:hover{
			border-color: #1aaee5;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li div ul li,
		#lnb li.lev01 .lnb_menu ul li div ul li div ul li:hover{
			border-color: #454693;
		}
		#lnb li.lev01 .lnb_menu ul li.on a,
		#lnb li.lev01 .lnb_menu ul li:hover a{
			background-color: #00a5e2;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li.on a,
		#lnb li.lev01 .lnb_menu ul li div ul li:hover a{
			background-color: #008bc0;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li div ul li a{
			background-color: transparent !important;
		}
		#lnb li.lev01 .lnb_menu ul li div ul li div ul li.on a,
		#lnb li.lev01 .lnb_menu ul li div ul li div ul li:hover a{
			background-color: #212278 !important;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li.lev02 .lnb_menu{
			background-color: #00a5e2;
		}
		#lnb li.lev02 .lnb_menu ul li div{
			background-color: #303187;
		}
		#lnb li.lev02 .lnb_menu ul li {
			border-color: #1aaee5;
		}
		#lnb li.lev02 .lnb_menu ul li div ul li{
			border-color: #454693;
		}
		#lnb li.lev02 .lnb_menu ul li.on a,
		#lnb li.lev02 .lnb_menu ul li:hover a{
			background-color: #008bc0;
		}
		#lnb li.lev02 .lnb_menu ul li div ul li a{
			background-color: transparent !important;
		}
		#lnb li.lev02 .lnb_menu ul li div ul li.on a,
		#lnb li.lev02 .lnb_menu ul li div ul li:hover a{
			background-color: #212278 !important;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb li.lev03 .lnb_menu{
			background-color: #303187;
		}
		#lnb li.lev03 .lnb_menu ul li {
			border-color: #454693;
		}
		#lnb li.lev03 .lnb_menu ul li.on a,
		#lnb li.lev03 .lnb_menu ul li:hover a{
			background-color: #212278;
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/
		#lnb .gnbLoc .depth1 .depth1_li .gnb1dept,
		#lnb .useDivWrap > .useDiv{
			background-repeat: no-repeat;
			background-position: right 50%;
		}
		#lnb .gnbLoc .depth1 .depth1_li .gnb1dept{
			background-image: url("../images/common/useLnbDivWrap+.gif");
		}
		#lnb .useDivWrap > .useDiv{
			background-image: url("../images/common/useLnbDivWrap++.gif");
		}
		#lnb .gnbLoc .depth1 .depth1_li:hover .gnb1dept,
		#lnb .gnbLoc .depth1 .depth1_li.on .gnb1dept,
		#lnb .useDivWrap > .useDiv:hover{
			background-image: url("../images/common/useLnbDivWrap-.gif");
		}
	/***********************************/
	/***********************************/
	/***********************************/
	/***********************************/

	/*delete*/
	#lnb > li .lnb_menu.lnbLoc,
	#lnb > li .lnb_menu.lnbLoc .gnb2dept{
		
	}
	/*delete end*/


	#wrap_submenu.FsubMenu #lnb > li {
		border-color: #8b8686;
	}
	#wrap_submenu.FsubMenu #lnb > li .navMenu{
		background-color: transparent;
		color: #eee;
	}
	#wrap_submenu.FsubMenu #lnb > li.on .navMenu{
		color: #fff;
	}


/***********************************
#gnbAllMenu
***********************************/
	#gnbAllMenu{
		display: none;
		position: absolute;
		top: -1px;
		right: 0;
		width: 100%;
		z-index: 999;
	}
	#gnbAllMenu .innerWrap{
		border: 5px #363785 solid;
		background-color: rgba(255,255,255,0.9);
		text-align: center;
	}
	#gnbAllMenu .depth1 {
		margin: 2em;
		display: inline-block;
		position: relative;
	}
	#gnbAllMenu .depth1:before ,
	#gnbAllMenu .depth1:after {
		content: "";
		clear: both;
		display: block;
	}
	#gnbAllMenu .depth1 .depth1_li{
		float: left;
		width: 180px;
		padding: 0 10px;
		text-align: left;
		border-left: 1px #ddd solid;
	}
	#gnbAllMenu .depth1 .depth1_li:first-child{
		border: 0;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb1dept{
		display: block;
		background-color: #dee2ea;
		color: #000;
		font-size: 1.2em;
		line-height: 2;
		padding: 0 0.5em;
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	#gnbAllMenu .depth2 .depth2_li .useDivWrap {
		display: block;
	}
	#gnbAllMenu .depth2 .depth2_li > a,
	#gnbAllMenu .depth2 .depth2_li .useDivWrap a{
		display: block;
		font-size: 1em;
		color: #303187;
		line-height: 2;
		font-weight: 600;
	}
	#gnbAllMenu .depth3 .depth3_li > a{
		display: block;
		line-height: 1.5;
		font-size: 0.9em;
	}

	#gnbAllMenu .depth1 .depth1_li.nMenu08 {
		display: none;
	}

/***********************************
responsive
***********************************/
@media only screen and (min-width: 240px) and (max-width: 768px){
	#gnbAllMenu {
		top: 0;
		width: 240px;
		height: 100%;
	}
	#gnbAllMenu .innerWrap {
		background-color: #494949;
		border: 0;
		height: 100%;
		padding-top: 80px;
	}
	#gnbAllMenu .depth1{
		margin: 0;
		display: block;
		border-top: 1px solid #6d6d6d;
	}
	#gnbAllMenu .depth1 .depth1_li {
		float: none;
		width: auto;
		padding: 0;
		border: 0;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb1dept {
		display: block;
		background-color: #494949;
		color: #fff;
		font-size: 1.2em;
		line-height: 2.5;
		padding: 0 0 0 0.5em;
		font-weight: 600;
		margin-bottom: 0;
		border-bottom: 1px #6d6d6d solid;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept{
		display: none;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2{
		background-color: #4b4c83;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li {
		background-image: url('../images/common/allmenu2depth.gif');
		background-position: 10px 16px;
		background-repeat: no-repeat ;
		border-bottom: #6f709c 1px solid;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li:hover {
		background-color: #1aaee5;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li > a,
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .useDivWrap a {
		display: block;
		color: #fff;
		line-height: 2.5;
		padding-left: 25px;
		padding-right: 0;
		font-weight: normal;
		font-size: 1.04em;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li > a,
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .useDivWrap {
		margin-bottom: 0;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .useDivWrap{
		background-image: url('../images/common/allMenuuseDiv.png');
		background-position: 220px 50%;
		background-repeat: no-repeat;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .useDivWrap.fold{
		background-image: url('../images/common/allMenuFold.png');
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .useDivWrap a{
		margin-right: 30px;
		border-bottom: 0 !important;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .gnb3dept {
		display: none;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .gnb3dept .depth3 {
		background-color: #242424;
		padding: 0.5em 0;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .gnb3dept .depth3 .depth3_li a{
		color: #fff;
		padding-left: 26px;
		line-height: 1.7;
		font-size: 0.9em;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept .depth2 .depth2_li .gnb3dept .depth3 .depth3_li a:hover{
		color: #1aaee5;
	}
	#gnbAllMenu .depth1 .depth1_li._active ,
	#gnbAllMenu .depth1 .depth1_li._active .gnb1dept{
		background-color: #303187;
	}
	#gnbAllMenu .depth1 .depth1_li.nMenu07 {
		display: block;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1044px){
	#gnb a span.block1024{
		display: block;
	}
	#gnb .depth1 > li{
		width: 120px;
	}
	#wrapHeader #header #gnb{
		width: 840px;
	}
	#wrapHeader #header #gnbSubWrap {
		width: 744px;
	}
	#gnbAllMenu .depth1 .depth1_li{
		width: 138px;
	}
	#gnbAllMenu .depth1 .depth1_li.nMenu02{
		position: absolute;
		top: 300px;
		left: 0;
		border: 0;
	}
	#gnbAllMenu .gnb3dept {
		display: block !important;
	}
}
@media only screen and (min-width: 1045px){
	#gnb a span.block1200{
		display: block;
	}
	#gnbAllMenu .depth1 .depth1_li .gnb2dept {
		display: block !important;
	}
	#gnbAllMenu .depth1 .depth1_li.nMenu02{
		position: absolute;
		top: 300px;
		left: 0;
		border: 0;
	}
	#gnbAllMenu .gnb3dept {
		display: block !important;
	}
}