
	
	.main_top_banner {height: 136px; background: url(../images/main/main_top_banner.jpg) center center no-repeat}

	.main_visual {position: relative; width: 100%; height: 530px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9}
	.main_visual .main_slide {height: 530px}
	.main_visual .main_slide li {width: 100% !important}
	.main_visual .main_slide li a {display: block; width: 100%; height: 530px}
	.main_visual .main_slide li a img {display: none}
	.main_visual .main_slide li.slide01 a {background: url(../images/main/main_visual01.jpg) center center no-repeat}
	.main_visual .main_slide li.slide02 a {background: url(../images/main/main_visual02.jpg) center center no-repeat}
	.main_visual .main_slide li.slide02-1 a {background: url(../images/main/main_visual02-1.jpg) center center no-repeat}
	.main_visual .main_slide li.slide03 a {background: url(../images/main/main_visual03.jpg) center center no-repeat}
	.main_visual .main_slide li.slide04 a {background: url(../images/main/main_visual04.jpg) center center no-repeat}
	.main_visual .bx-viewport {height: 530px}
	.main_visual .bx-wrapper {height: 530px; position: relative; }
	.main_visual .bx-controls {position: absolute; width: 100%; text-align: center}
	.bx-wrapper .bx-pager {position: relative; bottom: 40px; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 80}
	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block}
	.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;}
	.bx-wrapper .bx-pager.bx-default-pager a.active {width: 57px; background: #88c1cc}
	.bx-wrapper .bx-controls-auto .bx-start {background:url('../images/main/icon_start.png') center center no-repeat; display: block; width: 17px; height:17px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto .bx-stop {background:url('../images/main/icon_stop.png') center center no-repeat; display: block; width: 17px; height:17px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto {position: absolute; bottom: 35px; z-index: 100; left:50%; margin-left: 79px}

	.main_news .inner > div {width: 460px; float: left; height: 47px;}
	.main_news .inner > div.media {float: right}
	.main_news .inner div strong, .main_news .inner div p {display: inline-block; vertical-align: middle; line-height: 47px}
	.main_news .inner div strong {position: relative; top: -2px; font-size: 13px; font-weight: 400}
	.main_news .inner div p {font-size: 12px;  font-family: '돋움', Dotum; color: #666666;}
	.main_news .inner div p.subject a {display: block; width: 317px; padding-left: 3px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #666666}
	.main_news .inner div p.date {float: right; color: #adadad}

	.main_clinic .tab_btn_wrap {border-top: 1px solid #88c1cc;  border-bottom: 1px solid #e9e9e9}
	.main_clinic .tab_btn {width: 990px; height: 65px; margin: 0 auto; overflow: hidden}
	.main_clinic .tab_btn button {position: relative; display: block; width: 25%; float: left; font-size: 20px; letter-spacing: -0.05em; text-align: center; line-height: 65px}
	.main_clinic .tab_btn button.on:after, .main_clinic .tab_btn button:hover:after {position: absolute; bottom: 2px; left: 50%; content: ""; display: block; width: 204px; height: 4px; margin-left: -102px; background: #88c1cc}
	.main_clinic .tab_cont_wrap {position: relative; width: 990px; height: auto; margin: 0 auto; text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont {/*position: absolute; top: 0; left: 0;*/ display: none; width: 990px; background: #fff; z-index: 100; /*opacity: 0; transition: opacity 0.5s ease;*/ text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont.on {display: block/*z-index: 110; opacity: 1*/}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit {padding-top: 40px; padding-bottom: 5px; font-size: 34px; font-weight: 400; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit span {color: #88c1cc}
	.main_clinic .tab_cont_wrap .tab_cont p.subtit {font-size: 16px; color: #777777; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont .kind {position: relative; padding-top: 33px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-wrapper {max-width: 990px !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-viewport {height: auto !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .more {display: block; width: 124px; height: 33px; margin: 54px auto 50px; line-height: 33px; border: 1px solid #dadada; font-size: 15px; color: #4a4a4a}
	.main_clinic .tab_cont_wrap .tab_cont .kind ul {font-size: 0}
	.main_clinic .tab_cont_wrap .tab_cont .kind ul li {display: inline-block; width: 25%; text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont .kind a, .main_clinic .tab_cont_wrap .tab_cont .kind span {display: block;}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.img {width: 228px; height: 126px}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.name {padding: 12px 15px; font-size: 18px;  text-size-adjust : none ; -webkit-text-size-adjust : none ; color: #2f2f2f; letter-spacing: -0.05em; line-height: 1.38; text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.desc {padding: 0 15px; font-size: 16px; color: #777777; letter-spacing: -0.05em; line-height: 1.125; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; ; color: #666; line-height: 20px; height: 40px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -61px; display: block; width: 55px; height: 55px; text-indent: -9999px; z-index: 101}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-prev {left: 50%; margin-left: -590px; background: url(../images/main/arrow01.png) 0 center no-repeat}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-next {right: 50%; margin-right: -590px; background: url(../images/main/arrow01.png) -65px center no-repeat}
	.main_clinic .tab_cont_wrap .tab_cont01 {padding-bottom: 139px}
	.main_clinic .tab_cont_wrap .tab_cont04 {padding-bottom: 140px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li {width: 470px; vertical-align: top}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li.kind01 {margin-right: 30px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.img {float: left; width: 300px; height: 213px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.txt_wrap {float: left; padding: 0 0 0 23px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.name {padding-top: 80px; padding-bottom: 8px; text-align: left}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.desc {text-align: left}

	.main_banner {position: relative;height: 376px}
	.main_banner .bx-viewport {height: 376px !important}
	.main_banner .main_banner_slide {width: 100%;}
	.main_banner .main_banner_slide li {width: 100% !important; height: 376px}
	.main_banner .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -27px; display: block; width: 55px; height: 55px; text-indent: -9999px; z-index: 101}
	.main_banner .bx-controls-direction a.bx-prev {left: 50%; margin-left: -590px; background: url(../images/main/arrow02.png) 0 center no-repeat}
	.main_banner .bx-controls-direction a.bx-next {right: 50%; margin-right: -590px; background: url(../images/main/arrow02.png) -65px center no-repeat}
	.main_banner li a {display: block; height: 376px}
	.main_banner li.banner01 a {display: block; background: #88c1cc url(../images/main/main_banner01.jpg) center center no-repeat}

	.main_link {height: 192px; padding: 60px 0}
	.main_link .link {float: left; width: 295px; height: 191px; margin-right: 49px; padding-left: 25px; padding-top: 25px; box-sizing: border-box; border: 1px solid #e7e7e7; letter-spacing: -0.05em; background: #fff url(/asset/images/common/icon_main_link01.gif) 194px 90px no-repeat}
	.main_link .link a {display: block; height: 100%}
	.main_link .link strong {display: block; font-size: 20px; font-weight: 400; line-height: 1.3; color: #222}
	.main_link .link p {padding-top: 12px; font-size: 13px; color: #8c8c8c; line-height: 1.38}
	.main_link .link02 {background: #fff url(../images/common/icon_main_link02.gif) 194px 90px no-repeat}
	.main_link .link03 {margin-right: 0; background: #fff url(../images/common/icon_main_link03.gif) 194px 90px no-repeat}

	.main_contact {height: 376px; background: url(../images/main/bg_main_contact.jpg) center center no-repeat; text-align: center}
	.main_contact p.txt01 {padding-top: 58px; font-size: 26px; color: #ffffff; letter-spacing: -0.05em}
	.main_contact p.txt02 {font-size: 50px; color: #88c1cc; letter-spacing: -0.05em}
	.main_contact ul.open {width: 385px; padding-top: 32px; margin: 0 auto}
	.main_contact ul.open li {padding-bottom: 2px; font-size: 15px; color: #fff; font-weight: 300; text-align: left}
	.main_contact ul.open li span {position: relative; float: left;  display: block; width: 134px;}
	.main_contact ul.open li span:after {position: absolute; top: 50%; right: 0; margin-top: -7px; content: ""; float: right; display: block; width: 1px; height: 13px; margin-right: 20px; background: #9b9694}
	.main_contact ul.open li span i {padding-left: 13px}


@media screen and (min-width: 768px) and (max-width: 1023px){
	.main_top_banner {display: none}

	.main_visual {position: relative; width: 100%; height: 400px; margin-top: 57px; border-top: 0; border-bottom: 1px solid #e9e9e9}
	.main_visual .main_slide {height: 400px}
	.main_visual .main_slide li {width: 100% !important}
	.main_visual .main_slide li a {display: block; width: 100%; height: 400px}
	.main_visual .main_slide li.slide01 a {background: url(../images/main/main_visual01.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide02 a {background: url(../images/main/main_visual02.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide02-1 a {background: url(../images/main/main_visual02-1.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide03 a {background: url(../images/main/main_visual03.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide04 a {background: url(../images/main/main_visual04.jpg) center center no-repeat; background-size: cover}
	.main_visual .bx-viewport {height: 400px !important}
	.main_visual .bx-wrapper {height: 400px; position: relative; }
	.bx-wrapper .bx-pager {position: relative; bottom: 40px; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 80}
	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block}
	.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 3px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;}
	.bx-wrapper .bx-pager.bx-default-pager a.active {width: 47px; background: #88c1cc}
	.bx-wrapper .bx-controls-auto .bx-start {background:url('../images/main/icon_start.png') center center no-repeat; background-size: 100%; display: block; width: 15px; height:15px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto .bx-stop {background:url('../images/main/icon_stop.png') center center no-repeat; background-size: 100%; display: block; width: 15px; height:15px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto {position: absolute; bottom: 35px; z-index: 100; left:50%; margin-left: 60px}

	.main_news .inner > div {width: 100%; float: left; height: 43px;}
	.main_news .inner > div.notice {border-bottom: 1px solid #f1f1f1}
	.main_news .inner > div.media {float: right}
	.main_news .inner div strong, .main_news .inner div p {display: inline-block; vertical-align: middle; line-height: 47px}
	.main_news .inner div strong {position: relative; top: -2px; font-size: 14px; font-weight: 500}
	.main_news .inner div p {font-size: 13px;  font-family: '돋움', Dotum; color: #666666; letter-spacing: -0.05em}
	.main_news .inner div p.subject {width: calc(100% - 140px)}
	.main_news .inner div p.subject a {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #666666}
	.main_news .inner div p.date {float: right; color: #adadad}

	.main_clinic .tab_btn_wrap {border-top: 1px solid #88c1cc;  border-bottom: 1px solid #e9e9e9}
	.main_clinic .tab_btn {width: 100%; height: 53px; margin: 0 auto; overflow: hidden}
	.main_clinic .tab_btn button {position: relative; display: block; width: 25%; float: left; font-size: 17px; letter-spacing: -0.005em; text-align: center; line-height: 53px}
	.main_clinic .tab_btn button.on:after, .main_clinic .tab_btn button:hover:after {display: none}
	.main_clinic .tab_btn button.on {background: #88c1cc; color: #fff}
	.main_clinic .tab_cont_wrap {position: relative; width: 100%; height: auto; margin: 0 auto; text-align: center; padding: 0 15px; box-sizing: border-box}
	.main_clinic .tab_cont_wrap .tab_cont {/*position: absolute; top: 0; left: 0;*/  width: 100%; padding: 0 15px; box-sizing: border-box; background: #fff; z-index: 100; /*opacity: 0; transition: opacity 0.5s ease*/}
	.main_clinic .tab_cont_wrap .tab_cont.on {}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit {padding-top: 60px; padding-bottom: 5px; font-size: 30px; font-weight: 400; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit span {color: #88c1cc}
	.main_clinic .tab_cont_wrap .tab_cont p.subtit {font-size: 15px; color: #777777; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont .kind {position: relative; padding-top: 33px; padding-bottom: 30px}
	.main_clinic .tab_cont_wrap .tab_cont .kind ul li {vertical-align: top}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-wrapper {max-width: 100% !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-viewport {height: auto !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .more { margin: 44px auto 30px;}
	.main_clinic .tab_cont_wrap .tab_cont .kind a, .main_clinic .tab_cont_wrap .tab_cont .kind span {display: block;}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.img {width: auto; height: auto}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.name {padding: 12px 15px; font-size: 16px; color: #2f2f2f; letter-spacing: -0.05em; line-height: 1.2; text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.desc {padding: 0 15px; font-size: 14px; color: #777777; letter-spacing: -0.05em; line-height: 1.125; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; ; color: #666; line-height: 20px; height: 40px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -61px; display: block; width: 43px; height: 43px; text-indent: -9999px; z-index: 101}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-prev {left: 50%; margin-left: 0; background: url(../images/main/arrow01.png) 0 center no-repeat; background-size: 110px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-next {right: 50%; margin-right: 0; background: url(../images/main/arrow01.png) -49px center no-repeat; background-size: 110px}
	.main_clinic .tab_cont_wrap .tab_cont01 {padding-bottom: 65px}
	.main_clinic .tab_cont_wrap .tab_cont04 {padding-bottom: 97px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li {width: 48%; box-sizing: border-box}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li.kind01 {margin-right: 25px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span:after {content: ''; display: block;}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.img { width: 208px; height: 147px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.txt_wrap {padding: 0 0 0 20px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.name {padding: 50px 0 8px; text-align: left}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.desc {text-align: left; padding: 0}

	.main_banner {position: relative;height: 306px}
	.main_banner .bx-viewport {height: 306px !important}
	.main_banner .main_banner_slide {width: 100%;}
	.main_banner .main_banner_slide li {width: 100% !important; height: 306px}
	.main_banner .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -27px; display: block; width: 55px; height: 55px; text-indent: -9999px; z-index: 101}
	.main_banner .bx-controls-direction a.bx-prev {left: 50%; margin-left: 0; background: url(../images/main/arrow02.png) 0 center no-repeat}
	.main_banner .bx-controls-direction a.bx-next {right: 50%; margin-right: 0;  background: url(../images/main/arrow02.png) -65px center no-repeat}
	.main_banner li a {display: block; height: 306px}
	.main_banner li.banner01 a {display: block; background: #88c1cc url(../images/main/main_banner01.jpg) center center no-repeat; background-size: cover}

	.main_link {min-height: 192px; padding: 55px 0}
	.main_link .pc_block {display: block}
	.main_link .link {float: left; width: 32%; height: 191px; margin-right: 1.5%; padding-left: 25px; padding-top: 25px; box-sizing: border-box; border: 1px solid #e7e7e7; letter-spacing: -0.05em; background: #fff url(../images/common/icon_main_link01.gif) 93% 86% no-repeat; background-size: 60px}
	.main_link .link strong {display: block; font-size: 18px; font-weight: 400; line-height: 1.3}
	.main_link .link p {padding-top: 12px; font-size: 14px; color: #8c8c8c; line-height: 1.38}
	.main_link .link02 {background: #fff url(../images/common/icon_main_link02.gif) 93% 86% no-repeat; background-size: 60px}
	.main_link .link03 {margin-right: 0; background: #fff url(../images/common/icon_main_link03.gif) 93% 86% no-repeat; background-size: 60px}

	.main_contact {height: 309px; background: url(../images/main/bg_main_contact.jpg) center center no-repeat; background-size: cover;text-align: center}
	.main_contact p.txt01 {padding-top: 47px; font-size: 22px; color: #ffffff; letter-spacing: -0.05em}
	.main_contact p.txt02 {font-size: 38px; color: #88c1cc; letter-spacing: -0.05em}
	.main_contact ul.open {width: 365px; padding-top: 17px; margin: 0 auto}
	.main_contact ul.open li {padding-bottom: 2px; font-size: 14px; color: #fff; font-weight: 300; text-align: left}
	.main_contact ul.open li span {position: relative; float: left;  display: block; width: 128px;}
	.main_contact ul.open li span:after {position: absolute; top: 50%; right: 0; margin-top: -7px; content: ""; float: right; display: block; width: 1px; height: 13px; margin-right: 20px; background: #9b9694}
}

@media screen and (max-width: 767px){
	.main_top_banner {display: none}

	.main_visual {position: relative; width: 100%; height: 290px; margin-top: 57px; border-top: 0; border-bottom: 1px solid #e9e9e9}
	.main_visual .main_slide {height: 290px}
	.main_visual .main_slide li {width: 100% !important}
	.main_visual .main_slide li a {display: block; width: 100%; height: 300px}
	.main_visual .main_slide li.slide01 a {background: url(../images/main/main_visual01.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide02 a {background: url(../images/main/main_visual02.jpg) center center no-repeat; background-size: cover}
	.main_visual .main_slide li.slide03 a {background-size: cover}
	.main_visual .main_slide li.slide04 a {background-size: cover}
	.main_visual .bx-viewport {height: 290px}
	.main_visual .bx-wrapper {height: 290px; position: relative; }
	.bx-wrapper .bx-pager {position: relative; bottom: 23px; left: -10px; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 80}
	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block}
	.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 3px; outline: 0; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px;}
	.bx-wrapper .bx-pager.bx-default-pager a.active {width: 47px; background: #88c1cc}
	.bx-wrapper .bx-controls-auto {height: 15px}
	.bx-wrapper .bx-controls-auto .bx-start {background:url('../images/main/icon_start.png') center center no-repeat; background-size: 100%; display: block; width: 15px; height:15px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto .bx-stop {background:url('../images/main/icon_stop.png') center center no-repeat; background-size: 100%; display: block; width: 15px; height:15px; text-indent: -9999px}
	.bx-wrapper .bx-controls-auto {position: absolute; bottom: 23px; z-index: 100; left:50%; margin-left: 49px}

	.main_news .inner > div {width: 100%; float: left; height: 43px;}
	.main_news .inner > div.notice {border-bottom: 1px solid #f1f1f1}
	.main_news .inner > div.media {float: right}
	.main_news .inner div strong, .main_news .inner div p {display: inline-block; vertical-align: middle; line-height: 47px}
	.main_news .inner div strong {position: relative; top: -2px; font-size: 14px; font-weight: 500}
	.main_news .inner div p {font-size: 13px;  font-family: '돋움', Dotum; color: #666666; letter-spacing: -0.05em}
	.main_news .inner div p.subject {width: calc(100% - 140px); overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #666666}
	.main_news .inner div p.subject a {display: block; width: 100%; padding-left: 3px; ; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #666666}
	.main_news .inner div p.date {float: right; color: #adadad}

	.main_clinic .tab_btn_wrap {border-top: 1px solid #88c1cc;  border-bottom: 1px solid #e9e9e9}
	.main_clinic .tab_btn {width: 100%; height: 47px; margin: 0 auto; overflow: visible}
	.main_clinic .tab_btn button {position: relative; height: 100%; width: 25%; float: left; font-size: 13px; letter-spacing: -0.005em; text-align: center; line-height: 1.2; text-align: center}
	.main_clinic .tab_btn button.on {background: #88c1cc; color: #fff; font-weight: 700}
	.main_clinic .tab_btn button.on:after, .main_clinic .tab_btn button:hover:after  {display: none}
	.main_clinic .tab_btn button i.m_block {display: block}
	.main_clinic .tab_cont_wrap {position: relative; width: 100%; height: auto; /*min-height: 345px; max-height: 400px;*/ margin: 0 auto; text-align: center; padding: 0 15px; box-sizing: border-box}
	.main_clinic .tab_cont_wrap .tab_cont {/*position: absolute; top: 0; left: 0;*/width: 100%; background: #fff; z-index: 100; }
	.main_clinic .tab_cont_wrap .tab_cont.on {}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit {padding-top: 30px; padding-bottom: 5px; font-size: 23px; font-weight: 400; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont h3.tit span {color: #88c1cc}
	.main_clinic .tab_cont_wrap .tab_cont p.subtit {font-size: 15px; color: #777777; letter-spacing: -0.01em}
	.main_clinic .tab_cont_wrap .tab_cont .kind {position: relative; padding: 33px 0 30px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-wrapper {max-width: 100% !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-viewport {height: auto !important}
	.main_clinic .tab_cont_wrap .tab_cont .kind .more {display: block; width: 100px; height: 29px; margin: 0px auto 12px; line-height: 29px; border: 1px solid #dadada; font-size: 14px; color: #4a4a4a}
	.main_clinic .tab_cont_wrap .tab_cont .kind a, .main_clinic .tab_cont_wrap .tab_cont .kind span {display: block;}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.img {width: auto; height: auto}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.name {min-height: 40px; padding: 15px 0 0 0; font-size: 15px; color: #2f2f2f; letter-spacing: -0.05em; line-height: 1.2; text-align: center}
	.main_clinic .tab_cont_wrap .tab_cont .kind span.desc {padding: 0 3px 30px; font-size: 14px; color: #777777; letter-spacing: -0.05em; line-height: 1.125; text-align: center; overflow: visible; text-overflow: ellipsis; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; ; color: #666; line-height: 1.3; height: auto}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction {display: none}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -61px; display: block; width: 43px; height: 43px; text-indent: -9999px; z-index: 101}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-prev {left: 50%; margin-left: 0; background: url(../images/main/arrow01.png) 0 center no-repeat; background-size: 110px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-next {right: 50%; margin-right: 0; background: url(../images/main/arrow01.png) -49px center no-repeat; background-size: 110px}
	.main_clinic .tab_cont_wrap .tab_cont01 .kind ul {text-align: left}
	.main_clinic .tab_cont_wrap .tab_cont01 .kind ul li {width: 49.6%; vertical-align: top}
	.main_clinic .tab_cont_wrap .tab_cont02 .kind ul li {width: 49.6%; vertical-align: top}
	.main_clinic .tab_cont_wrap .tab_cont03 .kind ul li {width: 49.6%; vertical-align: top}
	.main_clinic .tab_cont_wrap .tab_cont01 {padding-bottom: 28px}
	.main_clinic .tab_cont_wrap .tab_cont04 {padding-bottom: 60px}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li {width: 50%; box-sizing: border-box}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind ul li.kind01 {margin-right: 0}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span:after {content: ''; display: block;}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.img {float: none; width: 100%; height: auto}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.txt_wrap {float: none; padding: 0 0 0 0}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.name {min-height: 27px; padding: 15px 0 0 0}
	.main_clinic .tab_cont_wrap .tab_cont04 .kind span.desc {padding: 0}

	.main_banner {position: relative;height: 233px; z-index: 200}
	.main_banner .bx-viewport {height: 233px !important}
	.main_banner .main_banner_slide {width: 100%;}
	.main_banner .main_banner_slide li {width: 100% !important; height: 233px}
	.main_banner .bx-controls-direction {display: none}
	.main_banner .bx-controls-direction a {position: absolute;  top: 50%; margin-top: -27px; display: block; width: 55px; height: 55px; text-indent: -9999px; z-index: 101}
	.main_banner .bx-controls-direction a.bx-prev {left: 50%; margin-left: 0; background: url(../images/main/arrow02.png) 0 center no-repeat}
	.main_banner .bx-controls-direction a.bx-next {right: 50%; margin-right: 0;  background: url(../images/main/arrow02.png) -65px center no-repeat}
	.main_banner li a {display: block; height: 233px}
	.main_banner li.banner01 a {display: block; background: #88c1cc url(../images/main/m_main_banner01.jpg) center center no-repeat}

	.main_link {min-height: 192px; padding: 35px 0; text-align: center}
	.main_link .pc_block {display: block}
	.main_link .link {float: none; display: inline-block; width: 29.5%; height: 191px; padding-left: 10px; padding-top: 25px; margin-right: 1.5%; border: 1px solid #e7e7e7; letter-spacing: -0.05em; background: #fff url(../images/common/icon_main_link01.gif) 93% 90% no-repeat; background-size: 46px; vertical-align: middle}
	.main_link .link a {display: block}
	.main_link .link strong {display: block; font-size: 16px; font-weight: 400; line-height: 1.3; text-align: left}
	.main_link .link p {padding-top: 12px; font-size: 13px; color: #8c8c8c; line-height: 1.38; text-align: left}
	.main_link .link02 {background: #fff url(../images/common/icon_main_link02.gif) 93% 90% no-repeat; background-size: 46px}
	.main_link .link03 {margin-right: 0; background: #fff url(../images/common/icon_main_link03.gif) 93% 90% no-repeat; background-size: 46px}

	.main_contact {height: 235px; background: url(../images/main/bg_main_contact.jpg) center center no-repeat; background-size: cover;text-align: center}
	.main_contact p.txt01 {padding-top: 33px; font-size: 17px; color: #ffffff; letter-spacing: -0.05em}
	.main_contact p.txt02 {font-size: 23px; color: #88c1cc; letter-spacing: -0.05em}
	.main_contact ul.open {width: 298px; padding-top: 17px; margin: 0 auto}
	.main_contact ul.open li {padding-bottom: 2px; font-size: 12px; color: #fff; font-weight: 300; text-align: left}
	.main_contact ul.open li span {position: relative; float: left;  display: block; width: 95px}
	.main_contact ul.open li span:after {position: absolute; top: 50%; right: 0; margin-top: -7px; content: ""; float: right; display: block; width: 1px; height: 13px; margin-right: 10px; background: #9b9694}
	.main_contact ul.open li span i {padding-left: 11px}
}

@media screen and (min-width: 768px) and (max-width: 1200px){

	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-prev {left: 3%; margin-left: 0; background: url(../images/main/arrow01.png) 0 center no-repeat; background-size: 90px}
	.main_clinic .tab_cont_wrap .tab_cont .kind .bx-controls-direction a.bx-next {right: 3%; margin-right: 0; background: url(../images/main/arrow01.png) -49px center no-repeat; background-size: 90px}

	.main_banner .bx-controls-direction a.bx-prev {left: 3%; margin-left: 0; background: url(../images/main/arrow02.png) 0 center no-repeat; background-size: 90px}
	.main_banner .bx-controls-direction a.bx-next {right: 3%; margin-right: 0;  background: url(../images/main/arrow02.png) -49px center no-repeat; background-size: 90px}

}

@media screen and (max-width: 530px){

	.main_link {height: auto; min-height: auto; padding: 35px 0; text-align: center}
	.main_link .pc_block {display: none}
	.main_link .m_block {display: block}
	.main_link .link {float: none; display: inline-block; width: 100%; height: 110px; margin-right: 0; margin-bottom: 15px; padding-top: 22px; border: 1px solid #e7e7e7; letter-spacing: -0.05em; background: #fff url(../images/common/icon_main_link01.gif) 96% 84% no-repeat; background-size: 46px; vertical-align: middle}
	.main_link .link a {display: block; }
	.main_link .link strong {display: block; font-size: 16px; font-weight: 500; line-height: 1.3; text-align: left}
	.main_link .link p {padding-top: 12px; font-size: 13px; color: #8c8c8c; font-weight: 400; line-height: 1.38; text-align: left}
	.main_link .link02 {background: #fff url(../images/common/icon_main_link02.gif) 96% 84% no-repeat; background-size: 46px}
	.main_link .link03 {margin-right: 0; margin-bottom: 0; background: #fff url(../images/common/icon_main_link03.gif) 96% 84% no-repeat; background-size: 46px}

}

@media screen and (max-width: 640px){
	.main_visual {height: auto}
	.main_visual .bx-wrapper, .main_visual .bx-viewport {height: auto}
	.main_visual .main_slide {height: auto}
	.main_visual .main_slide li a {height: auto; background: none !important}
	.main_visual .main_slide li a img {display: block}

}

@media screen and (min-width: 460px) and (max-width: 731px){

}
