@charset "UTF-8";

.main_vis .swiper-control { display: none; }

.fixed_txt  { width: 100%; }

.quick-area { width: 100%; background-color: rgba(0, 0, 0, 0.12); }

.quick-area .quick-menu-wrap { float: left; padding: 49px 0; }
.quick-area .quick-menu-wrap > ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; }
.quick-area .quick-menu-wrap > ul > li > a { display: flex; align-items: center; margin-right: 60px; }
.quick-area .quick-menu-wrap > ul > li p { font: 500 17px/100% 'Pretendard'; color: #fff; }
.quick-area .quick-menu-wrap > ul > li p.img-box { width: 32px; height: 32px; margin-right: 10px; }

.quick-area .tel-wrap { float: right; padding: 41px 0px; }
.quick-area .tel-wrap > ul { display: flex; }
.quick-area .tel-wrap > ul > li:last-child { padding-left: 30px; margin-left: 30px; position: relative; }
.quick-area .tel-wrap > ul > li:last-child::after { content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; }
.quick-area .tel-wrap > ul > li p { font: 500 24px/100% 'Pretendard'; }
.quick-area .tel-wrap > ul > li p.com-name { font: 400 14px/100% 'Arial'; margin-bottom: 7px; }

@media screen and (max-width:1024px){
	.quick-area .tel-wrap { width: 100%; padding: 25px 0px; border-top: 1px solid rgba(255,255,255,0.5); }
	.quick-area .tel-wrap > ul > li:last-child::after { background: rgba(255,255,255,0.2); }
	.quick-area .quick-menu-wrap { padding: 24px 0px; }
    .quick-area .quick-menu-wrap > ul > li p.img-box { width: 28px; height: 28px; }
    .quick-area .quick-menu-wrap > ul > li p { font-size: 15px; }
}
@media screen and (max-width:768px){
	.quick-area .tel-wrap { padding: 16px 0px; }
	.quick-area .quick-menu-wrap { width: 100%; padding: 12px 0px; }
	.quick-area .quick-menu-wrap > ul > li { margin-right: 50px; }
	.quick-area .quick-menu-wrap > ul > li:last-child { margin-right: 0; }
	.quick-area .tel-wrap > ul > li p.com-name { font-size: 13px; }
	.quick-area .tel-wrap > ul > li p { font-size: 20px; }
}
@media screen and (max-width:500px){
	.quick-area .quick-menu-wrap { display: none; }
	.quick-area .tel-wrap { border-top: none; }
}


.h3-wrap h3 { font: 600 52px/100% 'Pretendard'; position: relative; }
.h3-wrap h3::before { content: ''; display: block; width: 170px; height: 13px; margin-bottom: 15px; background: url('/resources/img/main/main_h3_sub.png') no-repeat center/contain; }


.company { padding-top: 200px; }
.company .cont-box { position: relative; }
.company .tit-area { display: flex; flex-wrap: wrap; justify-content: space-between; }
.company .h3-wrap h3::after { content: ''; width:120px; height:1px; display: block; position: absolute; top:8px; left:0px; background: var(--point-color); }
.company .h3-wrap h3::before { margin-left: 134px; margin-bottom: 17px; }
.company .desc-txt { max-width: 600px; margin-top: 30px; font: 400 18px/135% 'Pretendard'; text-align: justify; }
.company .desc-txt > p { line-height: 135%; }
.company .cir-more { position: absolute; top:210px; right:0px; z-index: 1; }
.company .cir-more span { width: 23px; height:1px; background: var(--point-color); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.company .cir-more span:last-child { transform-origin: center; transform: translate(-50%,-50%) rotate(90deg); }

.company .cont-box { margin-top: 83px; }
.company .desc-img { max-width: 1440px; width: 76%; border-radius: 0 50px 0 0; overflow: hidden; }
.company .desc-img2 { max-width: 760px; width: 40%; position: absolute; right:0px; bottom:0px; border-radius: 40px 0 0 0; overflow: hidden; }

.company .cate-link { max-width: fit-content; display: grid; grid-template-columns: repeat(2, auto); gap:20px; margin-top: 40px; }
.company .ico-link-wrap .link-tit { text-indent: -9999px; overflow: hidden; margin-top: 4px; margin-right: 30px; font: 700 11px/100% 'Arial'; color:var(--point-color); }
.company .ico-link-wrap:nth-child(1) .link-tit { width:76px; background:url('/resources/img/common/sub_logo_qhc.svg') no-repeat top left/contain; background-size: 76px; }
.company .ico-link-wrap:nth-child(2) .link-tit { width:80px; background:url('/resources/img/common/sub_logo_qhk.svg') no-repeat top left/contain; background-size: 80px; }
.company .ico-link-wrap { display: flex; }
.company .ico-link-box { margin-right: 60px; text-align: center; }
.company .ico-link-box img { width: 40px; margin-bottom: 15px; }


@-webkit-keyframes rolling {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }

.rolling { 
	-webkit-animation-name: rolling;
  	animation-name: rolling;
	animation-iteration-count : infinite;
	animation-timing-function: linear;
	animation-duration : 8s;
 }



.intro { margin-top: 160px; position: relative; }
.intro .cont-box { display: flex; margin-top: 72px; }
.intro .category-wrap { width: 264px; }
.intro .category-wrap .tit { text-indent: -9999px; overflow: hidden; margin-bottom: 4px; font: 700 13px/100% 'Arial'; color:var(--sub-black); }
.intro .category-wrap:nth-child(1) .tit {  background:url('/resources/img/common/sub_logo_qhc_gray.svg') no-repeat top left/contain; background-size: 90px; }
.intro .category-wrap:nth-child(2) .tit {  background:url('/resources/img/common/sub_logo_qhk_gray.svg') no-repeat top left/contain; background-size: 94px; }
.intro .category-wrap:last-child { margin-top: 60px; }
.intro .category-wrap li { padding: 20px; font: 500 22px/100% 'Pretendard'; position: relative; cursor: pointer; }
.intro .category-wrap li::before { content: ''; position: absolute; left:0px; bottom:0px; width:0px; height: 1px; display: block; background: var(--point-color); transition: 0.3s ease-out; }
.intro .category-wrap li::after { content: ''; position: absolute; left:0px; bottom:-2.5px; width:5px; height: 5px; display: block; background: var(--point-color); border-radius: 5px; transition: 0.3s ease-out; opacity: 0; }
.intro .category-wrap li.on::before { width:100%; }
.intro .category-wrap li.on::after { left:100%; opacity: 1; }

.intro .swiper { width: 91%; max-width:1720px; position: absolute; top:130px; right:0px; transform: translateX(25%); }
.intro .swiper-cont { visibility: hidden; }
.intro .swiper-cont.on { visibility: visible; }

.intro .swiper li { width:840px; height: 0px; padding-bottom: 30%; transition: opacity 0.3s ease-out; opacity: 0.5; position: relative; }
.intro .swiper li.swiper-slide-active { opacity: 1; }
.intro .swiper li .more { width: 45px; height: 45px; position: absolute; right:50px; bottom:50px; border: 1px solid var(--main-black); border-radius: 50%; opacity: 0; transition: 0.3s ease-out; }
.intro .swiper li .more span { width: 21px; height:1px; background: var(--main-black); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.intro .swiper li .more span:last-child { transform-origin: center; transform: translate(-50%,-50%) rotate(90deg); }

.intro .swiper li .product { max-width:fit-content; position: absolute; right:5%; bottom:5%; transition: transform 0.3s ease-out; }
	.intro .swiper li.radixact .product { width: 70%; }
	.intro .swiper li.cyberKnife .product { width: 60%; bottom: -14%; }
	.intro .swiper li.tomotherapy .product { width: 70%; }
	.intro .swiper li.abches .product { width: 32%; right:10%; }
	.intro .swiper li.cardio .product { width: 50%; right:8%; }
	.intro .swiper li.spect .product { width: 70%; }
	.intro .swiper li.kiube .product { width: 65%; }
	.intro .swiper li.key .product { width: 65%; }
	.intro .swiper li.synthera .product { width: 39%; right:10%; bottom: 10%; }
	.intro .swiper li.OptiOne .product { width: 24%; right:10%; bottom: 10%; }
	.intro .swiper li.OptiVantage .product { width: 24%; right:10%; bottom: 10%; }
	.intro .swiper li.Illumena .product { width: 38%; }
	.intro .swiper li.OptiStar .product { width: 26%; right:10%; bottom: 10%; }
	.intro .swiper li.Colosense .product { width: 24%; right:10%; bottom: 10%; }
	.intro .swiper li.Carbon .product { width: 54%; bottom: 10%; }
	.intro .swiper li.Hyupsung .product { width: 54%; bottom: 10%; }
	.intro .swiper li.Gema .product { width: 38%; right: 10%; }
	
.intro .swiper li .name { max-width:fit-content; position: absolute; left:30px; top:30px; }
	.intro .swiper li.radixact .name { width: 20%; }
	.intro .swiper li.cyberKnife .name { width: 26%;}
	.intro .swiper li.tomotherapy .name { width: 30%; }
	.intro .swiper li.abches .name { width: 17%; }
	.intro .swiper li.cardio .name { width: 20%; }
	.intro .swiper li.spect .name { width: 28%; }
	.intro .swiper li.kiube .name { width: 30%; }
	.intro .swiper li.key .name { width: 60%; }
	.intro .swiper li.synthera .name { width: 25%; }
	.intro .swiper li .name .lato { font:900 38px/100% 'Lato'; }
	.intro .swiper li .name .sub-exp { font:400 20px/100% 'Pretendard'; margin-top: 12px; }

.intro .swiper li:hover .product { transform: scale(1.08); }
.intro .swiper li:hover .more { opacity: 1; }

.intro .swiper-arrow-wrap { width: 100%; max-width: 51%; height: 100%; position: absolute; left:0px; top:0px; }
.intro .swiper-arrow-wrap > div { width:50px; height: 56px; border: 1px solid var(--point-color);  transition: 0.3s; background:rgba(255,255,255,0.6) url('/resources/img/main/red-arw.svg') no-repeat center; background-size: 20px; }
.intro .swiper-arrow-wrap > div:hover { background: var(--point-color) url('/resources/img/main/red-arw-h.svg') no-repeat center ; background-size: 20px; }
.intro .swiper-arrow-wrap .swiper-button-prev { transform: rotate(180deg); }

.notice-board { margin-top: 350px; padding-top: 140px; background: #F6F6F9; }
.notice-board .tit-area { display: flex; justify-content: space-between; align-items: end; }
.notice-board .board-more { margin-bottom: 8px; display: flex; }
.notice-board .board-more a { display: inline-block; padding-right: 36px; margin-left: 44px; font: 500 18px/100% 'Pretendard'; position: relative; }
.notice-board .board-more a::before { content: ''; width:21px; height:21px; display: block; border: 1px solid var(--point-color); position:absolute; right:0px; top:50%; transform: translateY(-50%); background: url('/resources/img/main/red-arw.svg') no-repeat center/ contain; background-size: 9px; transition: 0.3s; }
.notice-board .board-more a:hover::before { background:var(--point-color) url('/resources/img/main/red-arw-h.svg') no-repeat center/ contain; background-size: 9px; }
.notice-board .cont-box { margin-top: 50px; }
.notice-board .prt-board-list { display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
.notice-board .prt-board-list li { height: 235px; display: flex; flex-direction: column; justify-content: space-between; padding: 25px 10px 0; border-top: 1px solid #666666; position: relative; }
.notice-board .prt-board-list .cate { font: 600 18px/100% 'Pretendard'; margin-bottom: 12px; overflow: hidden; text-indent: -9999px; background:url('/resources/img/common/sub_logo_qhc_gray.svg') no-repeat top left/contain; background-size: 95px; }
.notice-board .prt-board-list .tit { font:400 20px/125% 'Pretendard'; }
.notice-board .prt-board-list .tit a { overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 4;	-webkit-box-orient: vertical; }
.notice-board .prt-board-list .date { padding-left: 20px; font:400 17px/36px 'Pretendard'; position: relative; }
.notice-board .prt-board-list .date::before { content: ''; position: absolute; left:0px; width: 12px; height: 100%; background: var(--point-color); }
.notice-board .prt-board-list .more { display: inline-block; width: 36px; height: 36px; border-radius: 50%; position: absolute; border: 1px solid var(--point-color); right:10px; bottom:0px; transition: 0.3s; }
.notice-board .prt-board-list .more span { width: 17px; height:1px; background: var(--point-color); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.notice-board .prt-board-list .more span:last-child { transform-origin: center; transform: translate(-50%,-50%) rotate(90deg); }
.notice-board .prt-board-list .more:hover { background: var(--point-color); }
.notice-board .prt-board-list .more:hover span { background: white !important; }
.notice-board .prt-board-list .hunex .cate { background:url('/resources/img/common/sub_logo_qhk_gray.svg') no-repeat top left/contain; background-size: 100px;  }
.notice-board .prt-board-list .hunex .date::before { background: var(--key-color); }
.notice-board .prt-board-list .hunex .more { border: 1px solid var(--key-color); }
.notice-board .prt-board-list .hunex .more:hover { background: var(--key-color); }
.notice-board .prt-board-list .hunex .more span { background: var(--key-color); }


.contact { padding-top: 180px; background: #F6F6F9; position: relative; } 
/* .contact .blue-box { min-width: 620px; width: 46%; padding: 50px 40px 60px; position: absolute; right:0px; bottom:0px; background: var(--key-color); color:white; z-index: 1; } */
.contact .blue-box { min-width: 620px; width: 46%; padding: 60px; position: absolute; right:0px; bottom:0px; background: var(--blue-gra); color:white; z-index: 1; }
.contact .blue-box::after { content: 'Quantum'; font: 800 129px / 100% 'Arial';
    color: #fff;
    position: absolute;
    top: -20px;
    right: 0;
    opacity: 0.03; }
/* background: url('/resources/img/sub/blue_box_af.png') no-repeat center/contain; */
.contact .h3-wrap h3::before { background: url('/resources/img/main/main_h3_sub_w.png') no-repeat center/contain ; }
.contact .contact-info-box { margin-top: 78px; display: flex; }
.contact .category-wrap:first-child { margin-right: 60px; }
.contact .category-wrap .tit { overflow: hidden; text-indent: -9999px; margin-bottom: 20px; font: 700 13px/100% 'Arial'; }
.contact .category-wrap:nth-child(1) .tit { background:url('/resources/img/common/sub_logo_qhc_w.svg') no-repeat top left/contain; background-size: 95px; }
.contact .category-wrap:nth-child(2) .tit { background:url('/resources/img/common/sub_logo_qhk_w.svg') no-repeat top left/contain; background-size: 100px; }
.contact .category-wrap li { position: relative; padding-left:26px; margin-bottom: 12px; }
.contact .category-wrap li p { font: 300 16px/18px 'Pretendard'; }
.contact .category-wrap li img { width: 16px; height: 18px; position: absolute; left:0px; top:-1px; }

.contact .cont-box { position: relative; }
.contact .tab-wrap { position: absolute; left:0px; top:60px; z-index: 1; }
.contact .tab-wrap ul { display: flex; }
.contact .tab-wrap li { padding: 16px 30px 17px; margin-right: 20px; border: 1px solid var(--point-color); color:var(--point-color); font: 600 17px/100% 'Pretendard'; background: white; cursor: pointer; box-shadow: 3px 3px 7px rgba(0,0,0,0.12); }
.contact .tab-wrap li.on { background: var(--point-color); color:white; }

.contact .map-cont { max-width:1280px; height: 560px; position: relative; }
.contact .tab-cont { height: 100%; }
.contact .map-cont .root_daum_roughmap_landing { width: 100%; height: 100%; }
.contact .map-cont .root_daum_roughmap .wrap_map { height: 100%; }
.contact .tab-cont { position: absolute; left:0px; top:0px; width: 100%; height: 100%; visibility: hidden; }
.contact .tab-cont.on { visibility: visible; }


@media screen and (max-width:1500px){
	.company .desc-img2 { width: 30%; bottom:90px; }
	.company .cate-link { margin-top: 50px; }
	.company .desc-txt { width: 100%; max-width: none; }

	.contact .blue-box { padding: 30px; }
	.contact .h3-wrap h3 { font-size: 40px; }
	.contact .contact-info-box { margin-top: 60px; }
	.contact .tab-wrap { top: 40px; left:2%; }
}

@media screen and (max-width:1300px){
	.contact .blue-box { width: 100%; min-width: auto; display: flex; justify-content: space-between; position: initial; }
	.contact .contact-info-box { margin-top: 0px; }
	.notice-board { margin-top: 200px; }

	.intro .swiper li .name .lato { font-size:32px; }
	.intro .swiper li .name .sub-exp { font-size: 16px; }
}

@media screen and (max-width:1024px){
	.h3-wrap h3 { font-size: 40px; }

	.company { padding-top:150px ; }
	.company .h3-wrap h3::before { margin-left: 94px; }
	.company .h3-wrap h3::after { width: 80px; }
	.company .desc-txt { font-size: 16px; }
	.company .cont-box { margin-top: 43px; }
	.company .cir-more { width: 90px; top:200px; right:10px; }
	.company .desc-img2 { bottom: 100px; }
	.company .ico-link-box { margin-right: 40px; }
	.company .ico-link-box:last-child { margin-right: 0px; }


	.intro .cont-box { margin-top: 60px; }
	.intro .category-wrap { width: 220px; }
	.intro .category-wrap li { font-size: 18px; padding: 12px; }
	.intro .category-wrap:last-child { margin-top: 40px; }
	.intro .swiper-arrow-wrap > div { width: 40px ; height: 46px; background-size: 15px; }
	.intro .swiper-arrow-wrap > div:hover { background-size: 15px; }


	.notice-board .tit-area { flex-wrap: wrap; }
	.notice-board .board-more a { font-size: 16px; margin-left: 30px; }
	.notice-board .prt-board-list { grid-template-columns: repeat(1, 1fr); gap:0px; border-bottom: 1px solid #666666; }
	.notice-board .prt-board-list li { height: auto; flex-direction:row; padding: 16px 10px; }
	.notice-board .prt-board-list li > div { display: flex; align-items: center; width: calc(100% - 90px); }
	.notice-board .prt-board-list .cate { margin-bottom: 0px; width: 110px; margin-right: 10px; background-position: left center; border-right: 1px solid #dbdbdb; }
	.notice-board .prt-board-list .hunex .cate { width: 110px; background-position: left center; }
	.notice-board .prt-board-list .tit { width: calc(100% - 120px); font-size: 18px; }
	.notice-board .prt-board-list .tit a { -webkit-line-clamp:1; }
	.notice-board .prt-board-list .date { line-height:18px; padding-left: 10px; font-size: 15px; }
	.notice-board .prt-board-list .date::before { width: 5px; }
	.notice-board .prt-board-list .more { display: none; }


	.contact { padding-top: 130px; }
	.contact .category-wrap:first-child { margin-right: 20px; }

	.intro .swiper li .more { width: 30px; height: 30px; right:20px; bottom:20px; }
	.intro .swiper li .more span { width: 18px; height:1px; }
	.intro .swiper li .name .lato { font-size:20px; }
	.intro .swiper li .name .sub-exp { margin-top: 5px; font-size: 14px; }
}
@media screen and (max-width:768px){
	.h3-wrap h3 { font-size: 28px; }
	.h3-wrap h3::before { margin-bottom: 10px; }
	
	.company { padding-top:100px ; }
	.company .h3-wrap h3::before { margin-left: 60px; margin-bottom: 12px; }
	.company .h3-wrap h3::after { width: 50px; }
	.company .desc-txt { font-size: 15px; }
	.company .desc-img { width: 90%; }
	.company .desc-img2 { width: 90%; height: 0px; padding-bottom: 26%; position: relative;  margin-left: 10%; bottom: 10px; }
	.company .desc-img2 img { position: absolute; height: 100%; object-fit: cover; }
	.company .cir-more { top:125px; right:20px; }

	.company .ico-link-wrap { flex-wrap: wrap; }
	.company .ico-link-wrap .link-tit { width: 100% !important; }
	.company .link-tit { width: 100%; margin-right: 0; margin-bottom: 16px; }
	.company .cate-link { gap: 40px; max-width: none; }
	.company .ico-link-box { margin-right: 0px; width: calc(100% / 3); }


	.intro { margin-top: 100px; padding-bottom: 100%; }
	.intro .cont-box { margin-top: 40px; }
	.intro .swiper { width: 96%; transform: none; position: absolute; top:240px; left: 0px; }
	.intro .swiper-arrow-wrap { max-width: none; }
	.intro .category-wrap { width: 100%; }
	.intro .category-wrap:last-child { margin-top: 22px; }
	.intro .category-wrap ul { display: flex; }
	.intro .category-wrap li { font-size: 17px; }
	.intro .category-wrap .tit { font-size: 12px; }
	.intro .swiper-arrow-wrap > div { width: 30px ; height: 36px; background-size: 12px; }
	.intro .swiper-arrow-wrap > div:hover { background-size: 12px; }

	.intro .swiper li { padding-bottom: 100%; }
	.intro .swiper li .more { display: none; }
	.intro .swiper li .product { right:50% !important; transform: translateX(50%) !important; bottom:0px !important; }
		.intro .swiper li.radixact .product { width: 100%; }
		.intro .swiper li.cyberKnife .product { width: 70%; bottom: -14%; }
		.intro .swiper li.tomotherapy .product { width: 100%; }
		.intro .swiper li.abches .product { width: 47%; }
		.intro .swiper li.cardio .product { width: 70%; }
		.intro .swiper li.spect .product { width: 100%; }
		.intro .swiper li.kiube .product { width: 100%; }
		.intro .swiper li.synthera .product { width: 70%; }
		.intro .swiper li.OptiOne .product { width: 35%; }
		.intro .swiper li.OptiVantage .product { width: 35%; }
		.intro .swiper li.Illumena .product { width: 50%; }
		.intro .swiper li.OptiStar .product { width: 40%; }
		.intro .swiper li.Colosense .product { width: 34%; }
		.intro .swiper li.Carbon .product { width: 100%; }
		.intro .swiper li.Hyupsung .product { width: 80%; }
		.intro .swiper li.Gema .product { width: 58%; }

		.intro .swiper li.radixact .name { width: 28%; }
		.intro .swiper li.cyberKnife .name { width: 34%;}
		.intro .swiper li.tomotherapy .name { width: 38%; }
		.intro .swiper li.abches .name { width: 25%; }
		.intro .swiper li.cardio .name { width: 28%; }
		.intro .swiper li.spect .name { width: 36%; }
		.intro .swiper li.kiube .name { width: 38%; }
		.intro .swiper li.synthera .name { width: 33%; }

	.intro .swiper-arrow-wrap > div { border:none; background: url('/resources/img/main/red-arw.svg') no-repeat center; background-size:12px; }
	.intro .swiper-arrow-wrap > div:hover { background: url('/resources/img/main/red-arw.svg') no-repeat center; background-size:12px; }

	.notice-board { margin-top: 100px; padding-top: 80px; }

	.contact .blue-box { flex-wrap: wrap; padding: 30px 20px; }
	.contact .contact-info-box { width: 100%; margin-top: 40px; }
	.contact .tab-wrap li { font-size: 15px; padding: 14px 15px 14px; }
	.contact .tab-wrap li:last-child { margin-right: 0px; }
}
@media screen and (max-width:500px){
	
	.company .ico-link-wrap { margin-bottom: 30px; }
	.company .ico-link-box img { width: 32px; margin-bottom: 10px; }
	.company .ico-link-box p { line-height: 120%; font-size: 14px; }
	.company .cate-link { display: block; max-width: none; gap:12px; margin-top: 30px; }
	.company .cir-more { top:160px; right:20px; }

	.notice-board .board-more { width: 100%; margin-top: 26px; }
	.notice-board .board-more a:first-child { margin-left: 0px; }
	.notice-board .board-more a { padding-right: 24px; }
	.notice-board .board-more a::before { width: 18px; height:18px; background-size: 7px; }
	.notice-board .prt-board-list .cate { display: none; }
	.notice-board .prt-board-list .tit { width: 100%; }

	.contact .contact-info-box { flex-wrap: wrap; }
	.contact .category-wrap { width: 100%; }
	.contact .category-wrap:first-child { margin-right: 0; margin-bottom: 20px; }
	.contact .tab-wrap { top:30px; }
	.contact .map-cont { height: 400px; }
}