/*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.login_css {
		color: #fff;
		border-radius: 10px;
		margin: 5px
	}

	.top_menu_inner .top_menu ul li a.logout_css {
	}

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

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

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

	.logo_wrap .logo_inner {
		margin: 0 auto;
	}

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

	.logo_wrap .logo_inner .right_day {
		float: right;
	}

	.logo_wrap .logo_inner .right_day .d_day_wrap {
		padding-top: 20px
	}

	.logo_wrap .logo_inner .right_day .d_day_wrap .dText {
		font-size: 14px;
		font-weight: bold;
		color: #333333;
	}


	.logo_wrap .logo_inner .right_day .d_day_wrap .dText1 {
		font-size: 30px;
		font-weight: bold;
		color: #333333;
		}



	.logo_wrap .logo_inner .right_day .d_day_wrap .day_text {
		font-size: 30px;
		font-weight: bold;
	}

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

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

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

		.right_day {
			display: yes;
		}
	}

	/*mobile Navigation*/

	.mobile_snb_wrap {
		display: none;
	}

	.mobile_snb_wrap .mobile_snb_bg {
		opacity: 0;
		display: none;
		z-index: 99;
		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;
		cursor:pointer;
	}

	.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);
		overflow: auto;
	}

	.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: 25px;
			left: 10px;
		}



	}

	/*navigation*/

	#gnb {
		position: relative;
		height: 55px;
		background-color: #333333;
		width: 100%;
		text-align: center;
		font-size: 1.0em;
		font-weight: normal;
		line-height: 20px;
		color: #201e1f;
		font-family: 'NanumGothic', '나눔고딕', 'NanumGothicWeb', Dotum, sans-serif;
		z-index: 100;
	}

	.navi {
		height: 53px;
		margin: 0 auto;
		position: relative;
	}

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

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

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

	.topnavi li.hover {
	}

	/* 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%;
	}
	/* eight items */
	.topnavi li:first-child:nth-last-child(8),
	.topnavi li:first-child:nth-last-child(8) ~ li {
		width: 12.5%;
	}

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

	.topnavi:after {
		content:'';
		clear:both;
		display:block;
	}

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

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

	.subnavi_ul {
		position: absolute;
		width:100%;
	}
	.subnavi {
		float: left;
		width: 16.6%;
		top: 53px;
		visibility: hidden;
		overflow:hidden;
		height:1px;
		margin: 0 auto;
		padding: 10px 0;
	}

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

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

	.subnaviText {
		cursor: pointer;
		font-size: 12px;
		padding: 2px 0;
		color: #fff;
		display: inline-block;
		width: 100%;
	}

	.subnaviText:hover {
		font-size: 12px;
		color: #fff;
		background-color: #235292
	}
/*
	.i1 {
		left: 0
	}

	.i2 {
		left: 16.6%
	}

	.i3 {
		left: 33.2%
	}

	.i4 {
		left: 49.8%
	}

	.i5 {
		left: 66.4%
	}

	.i6 {
		left: 83%
	}
*/
	@media all and (max-width: 420px) {
		#gnb {
			display: none;
		}
	}

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

		.logo_wrap {
		width: 100%;
		position: relative;
		display: inline-block;
		}

	.logo_wrap .logo_inner {
		margin-left: 40px;
		display:flex;
		color: #333333;	
		}

	.logo_wrap .logo_inner .logo {
		float: left;
		}
	.logo_wrap .logo_inner .logo img{
	width:400px;
	max-width:600px;
		}

	.logo_wrap .logo_inner .right_day {
		width:150px;
		float: right;
		letter-spacing:0px;
		background-color:#ffffff;	
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap {
		padding-left: 20px;
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap .dText {
		font-size: 13px;
		font-weight: bold;
		color: #333333;		
		display: flex;
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap .day_text {
		font-size: 30px;
		font-weight: bold;
		}
	.logo_wrap .logo_inner .right_day .d_day_wrap .day_text .dText1 {
		font-size: 30px;
		font-weight: bold;
		color: #000000;
		}
	}

	#slideMenuBtn {
		cursor:pointer;
	}




	@media all and (max-width: 420px) {

	.logo_wrap {
		width: 97%;
		position: relative;
		display: inline-block;
		}

	.logo_wrap .logo_inner {
		margin-left: 40px;
		display:flex;
		color: #333333;	
		}

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

	.logo_wrap .logo_inner .right_day {
		width:70px;
		float: right;
		letter-spacing:-2px;
		background-color:#ffffff;	
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap {
		padding-left: 10px;
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap .dText {
		font-size: 10px;
		font-weight: bold;
		color: #333333;		
		display: flex;
		}

	.logo_wrap .logo_inner .right_day .d_day_wrap .day_text {
		font-size: 20px;
		font-weight: bold;
		}
	.logo_wrap .logo_inner .right_day .d_day_wrap .day_text .dText1 {
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		}
	}