@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

 body {
 	background-color: #FFF;
 	font-family: 'Nanum Gothic', sans-serif;
 }

 img {
 	vertical-align: top;
 	width: 100%;
 }

 .txt_green {
 	color: #38BFC5;
 }

 .txt_yellow {
 	color: #FED257;
 }

 a#goTop {
 	position: fixed;
 	right: 5%;
 	bottom: 100px;
 	display: inline-block;
 	width: 50px;
 	z-index: 10;
 }

 a#goTop img {
 	width: 100%;
 }

 ._300 {
 	display: none;
 	width: 100%;
 }
 @media (max-width: 1440px) {
	.tax_m {
	position: absolute;
    top: 10px;
    right: 5%;
    width: 30px;
    height: 30px;
    display: block;
	}
	.tax_m > a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.tax_m > a > img {
		width: 100%;
		max-width: 100%;
	}
  }

 @media (max-width: 359px) {

 	.basic {
 		display: none;
 	}

 	._300 {
 		display: block;
 	}
 }

 /* {outline:1px solid #f00} */

 #my-menu:not(.mm-menu) {
 	display: none;
 }

 #header_area {
 	position: relative;
 	overflow: hidden;
 	padding: 4% 5%;
 	border-bottom: 1px solid #ededed;
 }

 #header_area .mo_menu {
 	position: relative;
 	width: 10%;
 	float: left;
 }

 #header_area .mo_menu img {
 	width: 50%;
 }

 #header_area .mo_logo {
 	position: absolute;
 	width: 33%;
 	left: 50%;
 	margin-left: -16.5%;
 	float: left;
 }



 @media (max-width: 359px) {

	#header_area {
		padding: 4% 5%;
	}

 	#header_area .mo_logo {
 		width: 40%;
 		margin-left: -20.5%;
 	}
 }

 #mo_quick-banner {
 	position: fixed;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	z-index: 2;
 }

 #mo_quick-banner ul {
 	display: flex;
 }

 #mo_quick-banner li.w_btn {
 	border-bottom: none;
 	text-align: center;
 }

 .mm-menu.mm-offcanvas.mm-opened {
 	margin-top: 20px;
 }

 #main_visual {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	z-index: 1;
 	overflow: hidden;

 }

 #main_visual .main_wrap {
 	display: none;
 	position: absolute;
 	top: 50%;
 	left: 5%;
 }

 #main_visual .title {
 	width: 100%;
 	color: #fff;
 	text-align: left;
 	font-weight: 800;
 	font-size: 6vw;
 	margin-bottom: 4vw;
 }

 #main_visual .text {
 	width: 100%;
 	color: #fff;
 	text-align: left;
 	font-weight: 400;
 	font-size: 3vw;
 	line-height: 5vw;
 }

 #main_visual .main_video {
 	width: 100%;
 	margin-bottom: -5px;
 }

 #sec01 {
 	position: relative;
 	width: 100%;
 	/* height: 815px; */
 	background-color: rgba(216, 216, 206, 0.2);
 }

 #sec01 .box_wrap {
 	position: absolute;
 	top: 20%;
 	width: 90%;
 	left: 0;
 	margin: 0 5%;
 }

 #sec01 .box_wrap .title {
 	display: block;
 	width: 30%;
 	margin-bottom: 15px;
 }

 #sec01 .box_wrap .doctor {
 	margin-bottom: 30px;
 }

 @media (max-width: 359px) {

 	#sec01 .box_wrap {
 		top: 28%;
 	}

 	#sec01 .box_wrap .title {
 		width: 50%;
 	}
 }


 #sec02 {
 	position: relative;
 	width: 100%;
 	background-color: rgba(216, 216, 206, 0.2);
 	padding: 60px 0;
 }

 #sec02 .title {
 	margin-bottom: 30px;
 }

 #sec02 .slider_wrap {
 	position: relative;
 }

 #sec02 .slider_wrap .slick-dots {
 	position: absolute;
 	bottom: 0;
 	left: 50%;
 	transform: translate(-50%, 0);
 	text-align: center;
 	width: 90%;
 	max-width: 90%;
 }

 #sec02 .slider_wrap .slick-dots li {
 	display: inline-block;
 	margin: 15px;
 }

 #sec02 .slider_wrap .slick-dots button {
 	display: block;
 	font-size: 0;
 	line-height: 0;
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
 	background: 0 0;
 	border: 0;
 	outline: 0;
 	background-color: #d8d8ce;
 }

 #sec02 .slider_wrap .slick-dots .slick-active button {
 	background-color: #563232;
 }


 @media (max-width: 359px) {
	
 	#sec02 .slider_wrap .slick-dots li {
 		margin: 7px
 	}
 }


 #equipment {
 	background: url(../img/main/mo_main_equipment_bg.jpg) no-repeat center center/ cover;
 	position: relative;
 }

 #equipment .title {
 	position: absolute;
 	top: 10%;
 }

 #equipment .slide_wrap {
 	padding-top: 170px;
 }

 #equipment .swiper-slide {
 	text-align: center;
 	position: relative;
 }

 #equipment .swiper-slide img {
 	width: 50%;
 }

 #equipment .swiper-slide h4 {
 	font-weight: 700;
 	font-size: 20px;
 	margin-top: 30px;
 	color: #1a1a1a;
 }

 #equipment .swiper-slide p {
 	font-weight: 300;
 	font-size: 16px;
 	line-height: 20px;
 	margin-top: 20px;
 	color: #1a1a1a;
 }

 #equipment .swiper-pagination {
 	position: relative;
 	max-width: 90%;
 	width: 90%;
 	margin: auto;
 	display: flex;
 	padding: 50px 0 50px 0;
 }

 #equipment .swiper-pagination-bullet {
 	width: auto;
 	flex: 1;
 	border-radius: 0;
 }

 #equipment .swiper-pagination-bullet-active {
 	background: #563232;
 }

 @media (max-width: 359px) {

 	#equipment .slide_wrap {
 		padding-top: 400px;
 	}

 	#equipment .title {
 		position: absolute;
 		top: 10%;
 		left: 50%;
 		transform: translateX(-50%);
 		width: 90%;
 	}
 }

 #sec03 {
 	position: relative;
 	padding-bottom: 30px;
 }

 #sec03 .text {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	width: 100%;
 }

 #sec03 .text h2 {
 	text-align: center;
 	font-weight: 400;
 	font-size: 5vw;
 	color: #34373c;
 	margin-bottom: 20px;
 }

 #sec03 .text h2>span {
 	text-align: center;
 	font-weight: 800;
 	font-size: 5vw;
 	color: #563232
 }

 #sec03 .text p {
 	text-align: center;
 	font-weight: 400;
 	font-size: 3vw;
 	line-height: 20px;
 	color: #34373c
 }

 @media (max-width: 359px) {

 	#sec03 h2 {
 		display: none;
 	}

 	#sec03 p {
 		display: none;
 	}
 }


 #sec04 {
 	position: relative;
 	padding: 30px 0;
 }

 #sec04 .title {
 	margin-bottom: 30px;
 }

 #sec04 ul .slick-arrow {
 	position: absolute;
 	z-index: 10;
 	width: 30px;
 	height: 30px;
 	font-size: 0;
 	border: 0;
 	border-radius: 50%;
 	background-color: #fff;
 	margin: 0 5%;
 }

 #sec04 ul .slick-prev {
 	left: 0;
 	bottom: -55px;
 	background: url("/mobile/img/main/mo_sec04_prev.png") center no-repeat;
 }

 #sec04 ul .slick-next {
 	left: 15%;
 	bottom: -55px;
 	background: url("/mobile/img/main/mo_sec04_next.png") center no-repeat;
 }

 #sec04 .btn {
 	display: block;
 	width: 50%;
 	margin: 30px 0 0 auto;
 }

 #sec05 {
 	padding: 30px 0 0 0;
 }

 #sec06 {
 	padding: 60px 0;
 	background-color: rgba(216, 216, 206, 0.2);
 }

 #sec06 .info_wrap {
 	margin: 0 5%;
 }

 #sec06 .title {
 	display: block;
 	width: 30%;
 }

 #sec06 .mo_map .root_daum_roughmap {
 	width: 100% ! important;
 }


 @media (max-width: 359px) {

 	#sec06 .title {
 		width: 50%;
 	}
 }



 footer {
 	padding: 15% 5%;
 	background-color: #34373c;
 }

 footer .footer_logo {
 	width: 130px;
 	margin: 0 auto;
 }

 footer p {
 	color: #fff;
 	text-align: center;
 	font-size: 13px;
 }

 footer .f_address {
 	margin: 0 auto;
 	padding-top: 25px;
 	line-height: 20px;
 }

 footer .info {
 	padding: 25px 0;
 	line-height: 25px;
 	text-align: center;
 }

 footer .info>p {
 	display: block;
 }

 footer .info br {
 	display: none;
 }

 footer .info span.line {
 	display: none;
 }

 footer .copyright {
 	padding-bottom: 15%;
 	font-size: 12px;
 	letter-spacing: 0;
 }

 footer .copyright span {
 	display: none;
 }

 @media (max-width: 359px) {

 	footer .copyright span {
 		display: block;
 	}
 }

 /*암전팝업css*/
 .pop_wrapper_mo {
 	position: relative;
 	width: 96%;
 	margin: 0 auto;
 	margin-top: 10px;
 }

 .slide_mo {
 	width: 96%;
 	margin: 0 auto;
 	padding-top: 20px;
 }

 #bx-pager-pop a {
 	display: block;
 	width: 33.3%;
 	float: left;
 }

 #bx-pager-pop a img {
 	width: 100%;
 }

 /* img { vertical-align:top; } */

 /*암전팝업용 css*/
 #layer_back_area {
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	text-align: center;
 	background-color: #000000;
 	opacity: 0.8;
 	z-index: 99990;
 }

 #layer_area {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	z-index: 99999;
 }

 #layer_btn {
 	opacity: 1;
 }

 #layer_btn_close {
 	position: absolute;
 	cursor: pointer;
 }