/*top_menu*/
	.top_menu_wrap {
		width: 100%;
	}

	.top_menu_inner {
		height: 35px;
		margin: 0 auto;
	}

	.top_menu_inner .top_menu {
		float: right;
		line-height: 33px;
	}

	.top_menu_inner .top_menu ul {
		padding: 0;
		margin: 0;
	}

	.top_menu_inner .top_menu ul li {
		float: left;
		list-style: none;
		color: #e8e8e8
	}

	.top_menu_inner .top_menu ul li a {
		padding: 3px 8px;
		color: #999;
		font-size: 11px;
	}

	.top_menu_inner .top_menu ul li a.loginCss {
		color: #fff;
		border-radius: 10px;
		margin: 5px
	}

	.top_menu_inner .top_menu ul li a.logoutCss {
	}

	.top_menu_inner .top_menu ul li a:hover {
		font-weight: bold;
	}

	@media screen and (max-width: 739px) {
		.top_menu_wrap {
			display: none
		}
	}

	/*top*/
	.logo_wrap {
		width: 100%;
		position: relative;
		display: inline-block;
		padding-bottom: 10px;
	}

	.logo_wrap .logo_inner {
		margin: 0 auto;
	}

	.logo_wrap .logo_inner .logo {
		float: left;
	}

	/*top_banner_wrap*/
	.logo_wrap .logo_inner .right_banner {
		float: right;
	}

	.logo_wrap .logo_inner .right_banner .top_banner_wrap {
		float: right;
		width: 270px;
		padding-top: 10px;
	}

	.logo_wrap .logo_inner .right_banner .top_banner_wrap .top_banner1 {
		position: relative;
	}

	@media all and (max-width: 420px) {
		.logo_wrap .logo_inner {
			width: 100% !important;
		}

		.logo {
			text-align: center;
			float: inherit !important;
			padding: 20px 10px
		}

		.logo img {
			max-width: 230px;
		}

		.right_banner {
			display: none
		}
	}

	@media screen and (max-width: 739px) {
		.logo_wrap .logo_inner {
			width: 100% !important;
		}

		.logo {
			text-align: center;
			float: inherit !important;
			padding: 20px 10px
		}

		.right_banner {
			display: none
		}
	}

	/*mobile Navigation*/

	.mobile_snb_wrap {
		display: none;
	}

	.mobile_snb_wrap .mobile_snb_bg {
		z-index: 99;
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
	}

	.mobile_snb_wrap .mobile_snb_bg .mobile_navi_close {
		position: fixed;
		top: 0;
		right: 0;
		padding: 10px;
		margin: 10px;
		z-index: 999;
	}

	.mobile_snb_wrap .mobile_snb_inner {
		position: fixed;
		left: -270px;
		top: 0;
		z-index: 999;
		width: 270px;
		height: 100%;
		background-color: rgb(255, 255, 255);
	}

	.mobile_snb_wrap .mobile_snb_inner .mobile_snb_con {
		width: 100%;
	}

	.mobile_snb_wrap .mobile_snb_inner .mobile_snb_con .mobile_snb_top {
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #dedede;
		padding: 10px 0;
		text-align: center;
		margin-bottom: 15px;
	}

	.mobile_snb_wrap .mobile_snb_inner .mobile_snb_con .mobile_snb_top img {
		width: 90%;
	}

	.mobile_snb_wrap .mobile_snb_inner .mobile_snb_con .mobileSnb {
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #dedede;
		padding-bottom: 20px;
	}

	/*슬라이드 대메뉴*/
	.mobile_snb_ul {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	.mobile_snb_ul .mobile_snb_li {
		border-bottom: 1px solid #ececec;
		background: url(/layout/user/pc/imgs/snbicon_off.jpg) no-repeat right;
	}

	.mobile_snb_ul .mobile_snb_li.on {
		border-bottom: 1px solid #ececec;
		background: url(/layout/user/pc/imgs/snbicon_on.jpg) no-repeat right;
	}

	.mobile_snb_ul .mobile_snb_li .ctg1 {
		font-size: 15px;
		display: block;
		padding: 0 10px;
		position: relative;
		line-height: 40px;
		height: 40px;
	}

	/*슬라이드 서브메뉴*/
	.mobile_snb_sub_ul {
		padding: 5px 0;
		margin-bottom: 10px;
		background-color: #f5f5f5;
	}

	.mobile_snb_sub_ul .mobile_snb_sub_li {
	}

	.mobile_snb_sub_ul .mobile_snb_sub_li .ctg2 {
		font-size: 12px;
		display: block;
		padding: 0 20px;
		position: relative;
		line-height: 30px;
		height: 30px;
	}

	/*슬라이드 서브 3 Depth */
	.mobile_depth3_ul {
		padding: 5px 0;
		margin: 10px;
		background-color: #e5e5e5;
	}

	.mobile_depth3_ul .mobile_depth3_li {
	}

	.mobile_depth3_ul .mobile_depth3_li .ctg3 {
		font-size: 11px;
		display: block;
		text-indent: 20px;
		position: relative;
		line-height: 20px;
		height: 20px;
	}

	@media all and (max-width: 420px) {
		.mobile_snb_wrap {
			display: block;
		}
	}

	@media screen and (max-width: 739px) {
		.mobile_snb_wrap {
			display: block;
			position: absolute;
			top: 33px;
			left: 10px;
		}

	}

	/*gnb*/

	#gnb {
		width: 100%;
		position: relative;
		height: 60px;
		border-top: 1px solid #cbcbcb;
		border-bottom: 3px solid #434343;
		font-family: 'NanumGothic', '나눔고딕', 'NanumGothicWeb', Dotum, sans-serif;
		z-index: 100;
	}

	.navi {
		height: 60px;
		margin: 0 auto;
	}

	.topnavi {
		position: relative;
		margin: 0 auto;
		text-align: center;
		cursor: pointer;
		font-size: 17px;
	}

	.topnavi a {
		color: #353535;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		font-weight: 600;
		width: 100%;
	}

	.topnavi i {
		padding-top: 10px;
	}

	.topnavi a:hover {
		color: #ee6f3a;
		background-color: #f2f1ed;
	}

	.topnavi ul {
		border-right: 1px solid #e8e8e8
	}

	/* four items */
	.topnavi li:first-child:nth-last-child(4),
	.topnavi li:first-child:nth-last-child(4) ~ li {
		width: 25%;
	}
	/* five items */
	.topnavi li:first-child:nth-last-child(5),
	.topnavi li:first-child:nth-last-child(5) ~ li {
		width: 20%;
	}
	/* six items */
	.topnavi li:first-child:nth-last-child(6),
	.topnavi li:first-child:nth-last-child(6) ~ li {
		width: 16.5%;
	}
	/* seven items */
	.topnavi li:first-child:nth-last-child(7),
	.topnavi li:first-child:nth-last-child(7) ~ li {
		width: 14.2%;
	}

	.topnavi li {
		float: left;
		position: relative;
		display: inline;
		color: #ffffff;
		border-left: 1px solid #e8e8e8;
		box-sizing:border-box;
	}

	/*.navi_set {float:left; position:relative; }*/
	/*.topnavi:hover{background:#000000; font-size:1.0em; font-weight:normal; color:#ffffff; background:url('') repeat-x; }*/

	.subnavi {
		position: absolute;
		width: 100%;
		top: 60px;
		display: none;
		margin: 0 auto;
		border-top: 1px solid #e8e8e8;
		background: #ffffff;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
		border-bottom: 3px solid #434343;
		padding-bottom: 15px;
	}

	.subnavi ul {
		margin: auto;
		border: solid 0px blue;
	}

	.subnavi li {
		width: 16.5%;
		float: left;
		display: inline;
		padding-top: 13px;
		padding-bottom: 13px;
		text-align: center;
		height: 120px;
	}

	.text {
		cursor: pointer;
		font-size: 12px;
		line-height: 23px;
		color: #656565;
	}

	.text:hover {
		font-size: 12px;
		color: #ee6f3a; /*background:url('') repeat-x;*/
	}

	@media all and (max-width: 420px) {
		#gnb {
			display: none;
		}
	}

	@media (min-width: 421px) and (max-width: 739px) {
		#gnb {
			display: none;
		}
	}