@charset "UTF-8";

@media screen and (min-width:0) and (max-width:1199px) {
	.mobile {
		display: block
	}
	.hamburger.mobile {
		display: block
	}
	.desk {
		display: none ! important
	}
	.header-wrap header div .inner {
		width: 100%;
		position: relative;
	}
	#logo {
		background-size: contain;
		width: 30%;
		margin-left: 3%
	}
	.header-wrap header .header-top {
		height: 80px;
	}
	#contents.sub {
		width: 94%
	}
	header .header-top .side-menu-box {
		width: 180px;
		margin-right: 3%
	}
	.contents-inner {
		width: 100%
	}
	#search-btn-m {
		margin-right: 0;
	}
	.update-box {
		width: 55%;
		max-width: 300px;
		top: 80px;
		right: 85px;
	}
	header .search-wrap {
		width: 100%;
		position: absolute;
		left:0;
		max-width: none;
		background-color: #fff;
		z-index: 25;
		top: 80px;
		display: none;
		padding: 20px 0;
		-webkit-box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.1);
	}
	.search-box {
		width: 90%;
		margin: 0 auto;
		background-color: #fff;
		display: none;
		justify-content: center;
		border-bottom: 1px solid #dddddd;
		box-sizing: border-box;
	}
	.search-box.mobile .search-inner {
		height: 37px;
		width: 100%;
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
	.search-box.mobile .search-inner div {
		width: 80%;
		border-bottom: 1px solid #000;
		display: inline-block
	}
	.search-box.mobile .search-inner input {
		width: calc(80% - 77px)
	}
	.search-box.mobile #search {
		width: 60px;
		height: 100%;
		background-color: #000;
		color: #fff;
		font-size: 14px;
		margin-left: auto;
	}
	header .search-wrap .search-box select {
		margin-right: 12px;
	}
	header .search-wrap .search-box input {
		padding: 0px;
	}
	.search-box button[id^=search-btn] {
		background-image: none;
		text-indent: 0px;
		width: 50px;
		font-size: 13px;
		height: 33px;
		margin-right: 10px;
	}
	#contents.main {
		padding: 3% 0
	}
	#contents.main, .footer-inner {
		width: 94%
	}

}

@media screen and (min-width:550px) and (max-width:1200px) {
	.search-box.mobile .search-inner {
		width: 480px;
	}
	.search-box.mobile .search-inner input {
		width: calc(95% - 77px);
	}
	.search-box.mobile #search {
		width: 80px;
	}
}

@media screen and (min-width:641px) {
	.foot-nav {
		justify-content: flex-start;
		margin-left: 0
	}
}

@media screen and (min-width:1200px) and (max-width:1440px) {
	header #nav {
		width: 518px;
	}
	header #nav li {
		width: 80px;
	}
	

}