@charset 'utf-8';

@media screen and (max-width: 1599px) {
	#totalWrap {
		min-height: 728px;
		/* padding-right: 350px; */
	}

	#intro {
		padding-left: 0;
	}

	#head {
		width: 33.33%;
		height: 50%;
		padding-left: 30px;
		background-image: url(../img/t-head.png);
		background-position: right bottom;
	}

	#head .ment {
		width: 90%;
		max-width: 350px;
		margin-top: 40px;
	}

	#head .copyright {
		width: 90%;
		max-width: 400px;
		left: 30px;
		bottom: 30px;
		font-size: 13px;
	}

	#head .copyright span {
		display: inline-block;
	}

	#intro_logo {
		width: 214px;
		height: 95px;
		margin-top: 40px;
		background-image: url(../img/t-logo.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#cate {
		display: block;
	}

	#cate .cate1 {
		margin-left: 33.33%;
	}

	#cate li {
		float: left;
		position: relative;
		width: 33.33%;
		height: 50%;
		display: block;
	}

	#cate li h2 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -150px;
		transform: translateX(-50%);
	}

	#cate li p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 0px;
		transform: translateX(-50%);
	}

	#cate li button {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: 100px;
		transform: translateX(-50%);
	}

	#cate .cate1 {
		background-image: url(../img/t-intro1.png);
	}

	#cate .cate2 {
		background-image: url(../img/t-intro2.png);
	}

	#cate .cate3 {
		background-image: url(../img/t-intro3.png);
	}

	#cate .cate4 {
		background-image: url(../img/t-intro4.png);
	}

	#cate .cate5 {
		background-image: url(../img/t-intro5.png);
	}
}

@media screen and (max-width: 980px) {
	#totalWrap {
		min-height: auto;
		overflow-y: auto;
		padding-right: 0;
	}

	#intro {
		height: 100%;
	}

	#intro .map_img {
		right: 0;
		bottom: 14%;
		width: 100%;
		min-width: auto;
		max-width: 100%;
		height: 40%;
		text-align: center;
	}

	#intro .map_img img {
		display: inline-block;
		position: static;
		width: auto;
		height: 100%;
		-webkit-transform: none;
		transform: none;
	}
	#intro .scroll_arr {bottom: 5%;}
	#intro .vert_line2 {display:none;}
	.marker_info {
		padding: 10px;
	}

	.marker {
		width: 22px;
		height: 28px;
		background: url(../img/marker.png) no-repeat center / 100%;
		margin-left: -11px
	}

	.marker.marker_1 {
		background: url(../img/marker1.png) no-repeat center / 100%;
	}

	.marker.marker_2 {
		background: url(../img/marker2.png) no-repeat center / 100%;
		margin-left: -11px
	}

	.marker.marker_3 {
		background: url(../img/marker3.png) no-repeat center / 100%;
	}

	.marker.marker_1.active,
	.marker.marker_2.active,
	.marker.marker_3.active{
		background: url(../img/marker_on.png) no-repeat center / 100%;
	}
	.marker_tit {top: -47px;font-size: 13px;}

	#intro .mouse {
		width: 21px;
		height: 30px;
		background: url(../img/intro_mouse.png) no-repeat center / 100%;
		margin-bottom: 5px;
	}

	#intro header {
		margin-top: -210px;
	}

	#intro .arr2 {
		width: 38px;
		height: 14px;
		background: url(../img/intro_arr.png) no-repeat center / auto 100%;
	}

	#intro .arr1 {
		width: 38px;
		height: 14px;
		background: url(../img/intro_arr.png) no-repeat center / auto 100%;
	}

	#intro header h1 .logo {
		width: 92px;
		height: auto;
	}

	#intro header p {
		font-size: 14px;
		opacity: 0.7;
	}

	#intro header h1 {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.header_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 20;
	}

	#search_btn2 {
		top: 0;
		right: 0;
		width: 80px;
		height: 80px;
		background: url(../img/icon_search_2.png) no-repeat center;
	}

	#search_wrap {
		overflow: hidden;
		overflow-y: auto;
		background: #f1f2fa;
		z-index: 40;
	}

	#search {
		background: #fff;
		padding: 0 10%;
		position: absolute;
		left: auto;
		width: 100%;
		height: calc(100% - 100px);
		top: 100px;
		margin-left: 0;
	}

	#searchKeyword {
		font-size: 16px;
		height: 48px;
		padding: 0 15px;
	}

	#searchForm {
		border: 1px solid #ddd;
		height: 50px;
		padding-right: 50px;
		margin-top: -25px;
	}

	#searchSubmit {
		width: 50px;
	}

	#searchSubmit img {
		width: 50%;
	}

	#searchResult .search_notfound .ment1 {
		font-weight: bold;
		font-size: 16px;
	}

	#searchResult .search_notfound .ment2 {
		font-size: 14px;
	}

	#searchResult .item {
		height: 60px;
		line-height: 60px;
	}

	#searchResult .item .item_title {
		padding-right: 10px;
		width: calc(100% - 35px);
	}

	#searchResult .item .search_detail_btn {
		width: 30px;
		height: 30px;
		text-indent: -300px;
		overflow: hidden;
		border-radius: 500%;
		background: #1a66a7 url(../img/link_w.png) no-repeat center / 50%;
	}

	#searchResult .item .item_address {
		display: none;
	}

	#searchResult .item .item_cate {
		display: none;
	}

	#search_close {
		background: url(../img/x_b_b.png) no-repeat center / 50%;
		left: auto;
		right: 20px;
	}

	#head {
		width: 100%;
		height: 280px;
		position: static;
		background-image: none;
	}

	#head .copyright {
		position: absolute;
		height: 120px;
		padding: 30px;
		width: 100%;
		max-width: 100%;
		left: 0;
		bottom: 0;
		background: #034b90 url(../img/m-f-logo.png) no-repeat top right;
		background-size: 120px auto;
	}

	#cate {
		overflow: hidden;
		height: auto;
	}

	#cate li {
		width: 100%;
		height: 300px;
	}

	#cate .cate1 {
		margin-left: 0;
	}

	#cate li h2 {
		margin-top: -100px;
	}

	#cate li p {
		margin-top: 50px;
	}

	#cate li button {
		border: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: translateY(0) translateX(0);
		margin-top: 0;
		font-size: 0;
		text-indent: -1000%;
	}

	#cate li button span:before {
		width: 0;
		height: 0;
	}

	#cate li button:before {
		width: 0;
		height: 0;
	}

	#cate li button span:after {
		width: 0;
		height: 0;
	}

	#cate li button:hover span:before {
		width: 0;
		height: 0;
	}

	#cate li button:hover:before {
		width: 0;
		height: 0;
	}

	#cate li button:hover span:after {
		width: 0;
		height: 0;
	}

	#cate .cate1 {
		background-image: url(../img/m-intro1.png);
	}

	#cate .cate2 {
		background-image: url(../img/m-intro2.png);
	}

	#cate .cate3 {
		background-image: url(../img/m-intro3.png);
	}

	#cate .cate4 {
		background-image: url(../img/m-intro4.png);
	}

	#cate .cate5 {
		background-image: url(../img/m-intro5.png);
	}

	#head-toggle {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 30px;
		right: 0;
		background: url(../img/menu-toggle.png) no-repeat right center;
		background-size: 24px auto;
	}

	#header {
		position: fixed;
		width: 300px;
		z-index: 20;
		right: -300px;
		left: auto;
	}

	#logo {
		display: none;
	}

	#gnb .dept1 {
		margin-top: 0;
	}

	.nicescroll-rails {
		display: none !important;
	}

	#gnb .dept1>li>button {
		height: 80px;
		font-size: 19px;
	}

	#gnb .dept1>li.btn_1 {
		border-top: 0;
	}

	#gnb .dept1 .icon {
		width: 30px;
		height: 30px;
	}

	#gnb .dept1 .icon_1 {
		background-size: 31px auto;
	}

	#gnb .dept1 .icon_2 {
		background-size: 33px auto;
	}

	#gnb .dept1 .icon_3 {
		background-size: 20px auto;
	}

	#gnb .dept1 .icon_4 {
		background-size: 33px auto;
	}

	#gnb .dept1 .icon_5 {
		background-size: 27px auto;
	}

	#menu-bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 4;
		width: 100%;
		height: 100%;
		position: fixed;
		background: #000;
		opacity: 0.8;
	}

	#m-top {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 60px;
		background: #0b529d;
	}

	#m-logo {
		display: block;
		width: 91px;
		height: 60px;
		float: left;
		background: url(../img/m-header-logo.png) no-repeat center;
		background-size: 70% auto;
	}

	#m-title {
		margin-left: 10px;
		float: left;
		line-height: 60px;
		height: 60px;
		color: #fff;
		font-size: 16px;
	}

	#m-title .m-arrow {
		display: inline-block;
		vertical-align: middle;
		margin-top: -3px;
		width: 30px;
		height: 30px;
		background: url(../img/m-arrow.png) no-repeat center;
		background-size: 10px auto;
	}

	#m-toggle {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0px;
		right: 0;
		background: url(../img/menu-toggle.png) no-repeat center 54%;
	}

	#map {
		top: 50px;
		right: 0 !important;
		height: calc(100% - 50px);
		margin-left: 0 !important;
	}

	.marker_img {
		display: none;
	}

	#info {
		display: none;
		top: 280px;
		box-shadow: none;
		width: 100%;
		margin-left: calc(-100% / 2);
		left: 50% !important;
	}

	#info .title {
		font-size: 20px;
	}

	#info .title span {
		background-size: 20px auto;
		background-repeat: no-repeat;
		width: 20px;
		height: 38px;
	}

	#info .info_inner {
		width: 100%;
		padding: 10px;
	}

	#info .thumb {
		width: 100%;
		max-width: 400px;
		margin-top: 0;
		padding-top: 0;
	}

	#info .thumb img {
		width: 100%;
	}

	#info .button_wrap button,
	#info .button_wrap a {
		margin: 2px 0;
	}
	#info .button_wrap button#m-navi-btn {display:inline-block;}
	#info_close {
		left: 46%;
		top: -55px;
		margin: 0;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#m-list {
		width: 100%;
		position: absolute;
		top: 290px;
		left: 0;
		padding-bottom: 50px;
		z-index: 1;
		background: #fff;
		/*box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);*/
	}

	#m-list .dept2 {
		padding: 10px;
		overflow: hidden;
	}

	#m-list>button {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding: 10px;
		text-align: left;
	}

	#m-list li {
		width: 50%;
		float: left;
		padding: 0px 5px;
	}

	#m-list li button {
		width: 100%;
		border-bottom: 1px solid #ddd;
		text-align: left;
		padding: 10px 5px;
	}

	#m-list .icon {
		width: 40px;
		height: 40px;
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
	}

	#m-list .icon_1 {
		background-image: url(../img/cate1_icon_on.png);
		background-size: 26px auto;
	}

	#m-list .icon_2 {
		background-image: url(../img/cate2_icon_on.png);
		background-size: 28px auto;
	}

	#m-list .icon_3 {
		background-image: url(../img/cate3_icon_on.png);
		background-size: 17px auto;
	}

	#m-list .icon_4 {
		background-image: url(../img/cate4_icon_on.png);
		background-size: 28px auto;
	}

	#m-list .icon_5 {
		background-image: url(../img/cate5_icon_on.png);
		background-size: 23px auto;
	}

	#m-list .text {
		display: inline-block;
		vertical-align: middle;
	}

	#m-list .apbt {
		width: 15px;
		height: 15px;
		/*margin-top:-3px;*/
		margin-right: 5px;
		border-radius: 10px;
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		background: #2b7ad3;
		font-size: 11px;
		text-align: center;
		line-height: 15px;
	}

	#m-list .apbt_text {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}

	.m-hide {
		display: none !important;
	}

	#mediaCnt {
		padding-right: 0;
		z-index: 10;
		top: 60px;
		height: calc(100% - 60px);
		padding: 0;
	}

	#mouse_notice {
		width: 200px;
		height: 200px;
		background-size: cover;
		margin-top: -100px;
		margin-left: -100px;
		background-image: url(../img/m-hand.png);
	}

	#control {
		display: none;
	}

	#pano-close {
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		background-size: 15px;
	}


	#slide_thumb_wrap {
		height: 100px;
	}

	#slide_thumb {
		margin-top: -30px;
		left: 55px;
		right: 55px;
		height: 60px;
	}

	.thumb_li {
		width: 95px;
		height: 60px;
		margin-right: 10px;
	}

	#slide_prev {
		left: 10px;
		background-size: 50% auto;
	}

	#slide_next {
		right: 10px;
		background-size: 50% auto;
	}

	#slide_prev,
	#slide_next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}

@media screen and (min-width: 1600px) {

	/* only pc */
	.device-m {
		display: none !important;
	}
}

@media screen and (min-width: 981px) and (max-width: 1599px) {

	/* only tablet */
	.device-m {
		display: none !important;
	}
}