.main_content:after,
.main_content h2:after,
.main_content>div:after,
.main_content>ul:after {
    content: "";
    clear: both;
    display: block
}

#btn_main_close,
#btn_scroll i,
#btn_scroll:before,
#gnb_close,
#btn_top {
    display: inline-block;
    background: url(../Images/ico.png) no-repeat
}


#header,
#gnb,
#main_content {}
html,body,#main_content {height: 100%;}
body { overflow-x: hidden}


@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -moz-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

#header { position: absolute;  top: 0;  left: 0;  padding: 45px 8%;  width: 100%;  z-index: 12}
#header.fixed {position: fixed}
#header h1 { display: inline-block; width: 293px; height: 35px;  background: url('/img/common/logo.png') no-repeat; cursor: pointer;  margin: -2px 0 0;  font-size: 0; text-indent: -999px;   vertical-align: top}
#header.on h1 { color: #151515; background: url('/img/common/logo_fixed.png') no-repeat;}


#header .top_util {position: fixed; top:35px; left: 50%; margin-left:30%; color:#fff;}
#header .top_util li {display: inline-block; padding: 0 12px; text-align: center; position: relative; z-index:2}
#header .top_util a {display:  inline-block;  transition:.25s; z-index:9999;	}
#header .top_util a:hover { opacity: 1;}
#header .top_util.on {color:#151515;}

#gnb_btn {display: inline-block; width: 35px;  margin-right: 30px}
#gnb_btn span { display: block;  width: 35px;  height: 3px;  margin-top: 12px;  background: #fff;  transition: all .3s ease-in-out}
#gnb_btn span:first-child { margin-top: 0}
#gnb_btn.open .bar1 {transform: translateY(17px) rotate(45deg)}
#gnb_btn.open .bar2 {opacity: 0; transform: translateX(-60px)}
#gnb_btn.open .bar3 {transform: translateY(-13px) rotate(-45deg)}
#header.on #gnb_btn span {background: #000}
#header.on .top_util p{ color:#151515}

#header .tel { display:none;}

#gnb {position: fixed; top: 0px; left: -765px;  width: 365px;  height: 100%;   min-height: 1018px;  padding: 150px 150px;  background: #fff;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);  z-index: 10}
#gnb li {border-bottom:1px solid #151515; }
#gnb a { font-size:28px;  line-height: 70px;  text-decoration: none;  color: #151515; width:100%;  transition:.25s;}
#gnb a:hover,
#gnb a.active {color: #000; padding-left:5px;}

#gnb .gnb_2dul ul {}
#gnb .gnb_2dul li { border-bottom:none; }
#gnb .gnb_2dul li a {display: block;font-size: 18px; font-weight: 400; padding: 7px 0; line-height: 1.2; transition:.25s;}
/* #gnb_all .gnb_al_ul .gnb_al_li:hover .gnb_al_a {color: #ffcc35;} */
#gnb .gnb_2dul li:hover a {color: #787878;}




#btn_scroll {  position: fixed;  bottom: 2%;  left: 50%; text-align: center; background: url('/img/main/mv_scroll.png') no-repeat; 
 -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }
#btn_scroll i { display: block;width: 40px; height: 75px;margin: 0 auto 10px;background-position: -359px -24px;}
#btn_scroll {font-size: 16px; text-decoration: none; color: #fff;}

#gnb_close { position: absolute;  top: 60px;   left: 75px; display: inline-block;  width: 32px;  height: 28px; background-position: -54px -40px; text-indent: -999px; font-size: 0}
#btn_top {  position: absolute; top: 90%;  right: 3%;  width: 48px; height: 48px;  background-color: #727272;  background-position: -42px -26px;  text-indent: -999px; font-size: 0}

.visual_container { position: relative; height: 100%;}
.visual_container .visual { display: none;  position: absolute; top: 0;  left: 0; width: 100%; height: 100%; background-size: cover;   -webkit-animation-name: fade; -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s}
.visual_container .visual.img01 {background: url('/img/main/mv1.jpg') no-repeat center top fixed}
.visual_container .visual.img02 { background: url('/img/main/mv2.jpg') no-repeat center top fixed}
.visual_container .slogan { position: absolute;  top: 50%;  left: 0;  margin-top: -75px;  width: 100%;  text-align: center}
.visual_container .slogan p { opacity: 0}
.visual_container .slogan p img { margin-bottom: 30px}

.visual_container1 { display:none }

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

#main_content { position: absolute; top: 1018px; left: 0; width: 100%; height: 100%; background: #fff}
#btn_main_close { position: absolute;background: url('/img/common/close.png') no-repeat; top: 40px;  right: 50%; margin-right: -30%; display: inline-block; width: 32px;  height: 32px; /* background-position: -54px 0;*/  text-indent: -999px;font-size: 0; display: none}
.main_content {  padding: 200px 0 0 0; text-align: center; position: relative;}
.main_content h2,
.main_content>div,
.main_content>ul { width: 1320px; margin: auto; clear: both;}
.main_content .clinic_list { margin:0 auto 50px; }
.main_content .clinic_list li {  float: left;  width: 315px;  margin-left: 20px; overflow:hidden;}
.main_content .clinic_list li:first-child {  margin-left: 0; }
.main_content .clinic_list a {text-decoration: none;  font-size: 20px;  font-weight: 300;  line-height: 23px; color: #fff; text-decoration: none;  display: block; position: relative;  transition:.5s;}
.main_content .clinic_list a span { position: absolute;  top: 72px; left: 0; width: 100%;}
.main_content .clinic_list a:hover { -webkit-transform:scale(1.1); transform:scale(1.1);}

.main_content .link_area {  margin-bottom: 50px}
.main_content .link_area a { display: block;  float: left;  width: 554px; padding: 48px;  margin-left: 20px; font-size: 15px;  line-height: 23px; color: #2e2e2e;  text-decoration: none;  text-align: left;   background: #f3f3f3;  position: relative}
.main_content .link_area a:first-child {margin-left: 0}
.main_content .link_area a strong {display: block;  font-size: 18px; font-weight: 400;}
.main_content .link_area a .ico {display: inline-block;  width: 50px;  height: 135px; float: left;  margin-right: 20px; }


@-webkit-keyframes moveScroll {
    0% { -webkit-transform:translate(-50%,0) ; }
   50% { -webkit-transform:translate(-50%,-10px) ; }
} 
@keyframes moveScroll {
    0% { transform:translate(-50%,0) ; }
   50% { transform:translate(-50%,-10px) ; }
} 







@media all and (max-width:768px){
	body {overflow-x: initial; overflow:initial}

	#header { position:fixed; top: 0;  left: 0;   padding: 20px 15px 15px;  width: 100%;  z-index: 12;}
	#header h1 {background-size:100%; width:55%;}
	#gnb_btn {display: inline-block;  width: 35px;  margin-right: 10px;}
	#gnb_btn span {display: block; width: 35px; height: 2px;  margin-top: 8px;  background: #fff;  transition: all .3s ease-in-out;}
	#header.on h1 {background-size:100%;}
    #btn_main_close { display:none !important;}
	#header.on {  position:fixed;  background-color:#fff; border-bottom: 1px solid #ddd;}
	#header.stiky { position:fixed; background-color:#fff; border-bottom: 1px solid #ddd;}
	#header.stiky .top_util {color:#151515;}
	#header.stiky h1 { color: #151515; background: url('/img/common/logo_fixed.png') no-repeat;}
	#header.stiky h1 {background-size:100%;}
	#header.stiky #gnb_btn span {background: #000;}
	
	#header .tel {display: inline-block;  width: 40px; height: 30px;  background: url(/img/common/tel_w.png) no-repeat;  cursor: pointer; margin: 0 0; float:right; padding-right:15px; background-size:50%;  text-indent: -999px;   vertical-align: top;}
    #header.stiky .tel {background: url(/img/common/tel_b.png) no-repeat; background-size:50%;  }
	
#gnb {position: fixed; top: 0px; left: -765px; width:80%;  height: 100%;   min-height: 1018px;  padding: 80px 30px;  background: #fff;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);  z-index: 10}
#gnb li {border-bottom:1px solid #151515; }
#gnb a { font-size:22px;  line-height: 50px;  text-decoration: none;  color: #151515; width:100%;  transition:.25s;}
#gnb a:hover,
#gnb a.active {color: #000; padding-left:5px;}

#gnb .gnb_2dul ul {}
#gnb .gnb_2dul li { border-bottom:none; }
#gnb .gnb_2dul li a {display: block;font-size: 16px; font-weight: 400; padding: 7px 0; line-height: 1.2; transition:.25s;}
/* #gnb_all .gnb_al_ul .gnb_al_li:hover .gnb_al_a {color: #ffcc35;}*/
#gnb .gnb_2dul li:hover a {color: #787878;}
#gnb_btn.open .bar1 {  transform: translateY(8px) rotate(45deg);}	

#main_content { position: absolute; top: 450px; left: 0; width: 100%; height: 100%; background: #fff}
.visual_container { position: relative;  height: 450px; display:none;}
.visual_container .visual { display: none;  position: absolute; top: 0;  left: 0; width: 100%; height: 450px; background-size: cover;   -webkit-animation-name: fade; -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s}
.visual_container .visual.img01 {background: url('/img/main/mv1.jpg') no-repeat center top fixed;  background-position: 40% 50%;}
.visual_container .visual.img02 { background: url('/img/main/mv2.jpg') no-repeat center top fixed; background-position: 55% 50%;}
.visual_container .slogan { position: absolute;  top: 50%;  left: 0;  margin-top: -75px;  width: 100%;  text-align: center}
.visual_container .slogan p { opacity: 0}
.visual_container .slogan p img { margin-bottom: 30px}



/*
.visual_container1 { position: relative;  height: 450px; display:block;}
.visual_container1 .visual1{position: absolute; top: 0;  left: 0; width: 100%; height: 450px; background-size: cover;   -webkit-animation-name: fade; -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s}

.visual_container1 .visual1 list {width: 100%; height: 450px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;}

.visual_container1 .visual1 list{position: absolute; top: 0;  left: 0; width: 100%; height: 450px; background-size: cover;   -webkit-animation-name: fade; -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s}
.visual_container1 .visual.img01 {background: url('/img/main/mv1.jpg') no-repeat center top fixed;  background-position: 40% 50%;}
.visual_container1 .visual.img02 { background: url('/img/main/mv2.jpg') no-repeat center top fixed; background-position: 55% 50%;}*/
.visual_container1 .slogan { position: absolute;  top: 50%;  left: 0;  margin-top: -75px;  width: 100%;  text-align: center}
.visual_container1 .slogan p { opacity: 0}
.visual_container1 .slogan p img { margin-bottom: 30px}


.visual_container1 {position: relative; height: 450px; overflow: hidden; background-color: #000; display:block;}
.visual_container1 .visual1 .list {width: 100%; height: 450px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;}







.main_content {  padding: 70px 0 0 0;  text-align: center;  position: relative;}
.main_content h2,
.main_content>div,
.main_content>ul { width: 100%; margin: auto; clear: both; padding:0 0; position:relative;}
.main_content .clinic_list { margin:0 auto 50px; }
.main_content .clinic_list li {  float: left;  width: 100%;  margin-left: 0; margin-bottom:20px; overflow:hidden;}
.main_content .clinic_list li:first-child {  margin-left: 0; }
.main_content .clinic_list a {text-decoration: none;  font-size: 20px;  font-weight: 300;  line-height: 23px; color: #fff; text-decoration: none;  display: block; position: relative;  transition:.5s;}
.main_content .clinic_list a span { position: absolute;  top: 72px; left: 0; width: 100%;}
.main_content .link_area a .ico { display: inline-block; width: 50px;  height: 115px;  float: left; margin-right: 10px;}
.main_content .link_area a { display: block; float: left;  width: 90%;  padding: 20px; margin:0 0 20px;
    font-size: 15px; line-height: 23px; color: #2e2e2e; text-decoration: none;  text-align: left;  background: #f3f3f3; position: relative;}
.main_content .link_area a:first-child { margin-left:0;}


#btn_scroll {  position: absolute ;  top: 80%;  left: 50%; text-align: center; background: url('/img/main/mv_scroll.png') no-repeat; 
 -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }


}

@media all and (max-width:320px){ 
.visual_container .slogan { position: absolute;  top: 48%;  left: 0;  margin-top: -75px;  width: 100%;  text-align: center}

#btn_scroll {  position: absolute ;  top: 75%;  left: 50%; text-align: center; background: url('/img/main/mv_scroll.png') no-repeat; 
 -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }

}