@charset "utf-8";

.over_zum { background:#000; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:0.9;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}

@media (min-width:1500px) {

#overview { width:80%; max-width:1500px; margin:150px auto;  }
#overview .title { }
#overview .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.9em; color:#9f9f9f; letter-spacing:1.5px; }
#overview .title h2 { display:block; margin:20px 0 40px; font-size:2.5em; color:#222; letter-spacing:-0.5px; }
#overview .title h2 span { color:#69c11e; }
#overview .title p { display:block; font-size:1.2em; color:#444; line-height:1.6em; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:50px 0 0; }
#overview .content_wrap .desc { width:45%; }
#overview .content_wrap .desc .content { display:flex; flex-wrap:wrap; margin:15px 0; }
#overview .content_wrap .desc .content:nth-child(1) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#69c11e; border-radius:60px; width:80px; height:80px; padding:20px; font-size:1.5em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(2) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#079960; border-radius:60px; width:80px; height:80px; padding:20px; font-size:1.5em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(3) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#007447; border-radius:60px; width:80px; height:80px; padding:20px; font-size:1.5em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content .txt { margin:auto 0; padding:0 0 0 20px; }
#overview .content_wrap .desc .content .txt h1 { font-size:1.4em; color:#222; }
#overview .content_wrap .desc .content .txt p { display:block; margin:8px 0;}

#overview .content_wrap .pic { margin:auto 0; width:55%; }
#overview .content_wrap .pic img { width:100%; }


/* 전문클리닉 */
#clinic { background:url(../images/main_clinic_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0 150px;}
#clinic .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; letter-spacing:1.5px; text-align:center; }
#clinic .title h2 { display:block; margin:25px 0 0; font-size:2.5em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#clinic .title h2 span { color:#76eb12; }

#clinic .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:70px auto 0; }
#clinic .content_wrap .content { border-radius:10px; width:31%; overflow:hidden; }
#clinic .content_wrap .content .pic { width:100%; overflow:hidden;}
#clinic .content_wrap .content .pic img { width:100%; }
#clinic .content_wrap .content .desc { background:#fff; padding:35px 25px; text-align:center; }
#clinic .content_wrap .content .desc h1 { font-size:2.0em; color:#222; }
#clinic .content_wrap .content .desc p { display:block; margin:15px 0 0; font-size:17px; }
#clinic .content_wrap .content a:hover .desc { display:block; background:#69c11e; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#clinic .content_wrap .content a:hover .desc h1, #clinic .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}



#about { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:150px auto; }
#about .explain { margin:auto 0; width:20%; }
#about .explain span { display:block; margin:0 0 40px;}
#about .explain h1 { font-size:1.6em; font-weight:400; color:#222; line-height:1.5em; }
#about .explain h1 strong { color:#69c11e; }

#about .pic { margin:0 5% 0 3%; width:25%; }
#about .pic img { width:100%; }

#about .desc { margin:auto 0; width:45%; }
#about .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.9em; color:#9f9f9f; letter-spacing:1.5px; }
#about .desc h2 { display:block; margin:8px 0 30px; font-size:2.5em; color:#222; line-height:1.4em; letter-spacing:-0.5px; }
#about .desc h2 span { color:#69c11e; }
#about .desc h3 { display:block; margin:40px 0 0; font-size:1.1em; font-weight:400; color:#222; line-height:1.5em; letter-spacing:0; }
#about .desc  p { display:block; }



#before_after { background:url(../images/main_gallery_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0; text-align:center; }
#before_after h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; letter-spacing:1.5px; text-align:center; }
#before_after h2 { display:block; margin:20px 0 0; font-size:2.5em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#before_after h2 span { color:#76eb12; }
#before_after p { display:block; margin:30px 0; color:#fff; }
#before_after span a { display:inline-block; border:1px solid #69c11e; border-radius:30px; padding:15px 30px; margin:0 auto; font-size:1.2em; color:#76eb12; text-align:center; transition:all 0.5s;}
#before_after span a:hover { background:#69c11e; color:#fff; transition:all 0.5s;}



.board { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:120px auto; }
.board .notice { width:48%; }
.board .notice .tit { border-bottom:1px solid #555; padding:0 0 30px; font-size:2.0em; font-weight:600; color:#222; letter-spacing:-1.0px; }
.board .notice .tit span { float:right; margin:5px 0 0; font-size:1.5em; font-weight:300; }



#bottom { background:#f9f9f9; padding:90px 0; }
#bottom .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
#bottom .maps { width:50%; }
#bottom .location { margin:auto 0; width:45%; }
#bottom .location h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.9em; color:#9f9f9f; letter-spacing:1.5px; }
#bottom .location h2 { display:block; margin:5px 0 15px; font-size:2.5em; color:#222; line-height:1.4em; letter-spacing:-0.5px; }
#bottom .location h2 span { color:#69c11e; }
#bottom .location h3 { display:block; margin:0; font-size:1.3em; font-weight:500; color:#222; line-height:1.5em; letter-spacing:0; }
#bottom .location h3 span { color:#847d01;}
#bottom .location p { margin:10px 0 0;}




/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:500px; font-size:16px; font-weight:400; color:#333; line-height:54px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:14px; color:#909090; line-height:54px; letter-spacing:0.5px;}


}


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

#overview { width:90%; margin:100px auto;  }
#overview .title { }
#overview .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.5px; }
#overview .title h2 { display:block; margin:15px 0 30px; font-size:2.0em; color:#222; letter-spacing:0; }
#overview .title h2 span { color:#69c11e; }
#overview .title p { display:block; font-size:1.1em; color:#444; line-height:1.6em; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:30px 0 0; }
#overview .content_wrap .desc { width:50%; }
#overview .content_wrap .desc .content { display:flex; flex-wrap:wrap; margin:15px 0; }
#overview .content_wrap .desc .content:nth-child(1) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#69c11e; border-radius:50px; width:80px; height:80px; padding:10px; font-size:1.2em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(2) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#079960; border-radius:50px; width:80px; height:80px; padding:10px; font-size:1.2em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(3) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#007447; border-radius:50px; width:80px; height:80px; padding:10px; font-size:1.2em; font-weight:500; color:#fff; text-align:center; }
#overview .content_wrap .desc .content .txt { margin:auto 0; padding:0 0 0 20px; }
#overview .content_wrap .desc .content .txt h1 { font-size:1.2em; color:#222; }
#overview .content_wrap .desc .content .txt p { display:block; margin:8px 0;}

#overview .content_wrap .pic { margin:auto 0; width:50%; }
#overview .content_wrap .pic img { width:100%; }


/* 전문클리닉 */
#clinic { background:url(../images/main_clinic_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0 100px;}
#clinic .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#fff; letter-spacing:1.5px; text-align:center; }
#clinic .title h2 { display:block; margin:15px 0 0; font-size:2.0em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#clinic .title h2 span { color:#76eb12; }

#clinic .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:50px auto 0; }
#clinic .content_wrap .content { border-radius:10px; width:31%; height:100%; overflow:hidden; }
#clinic .content_wrap .content .pic { width:100%; overflow:hidden;}
#clinic .content_wrap .content .pic img { width:100%; }
#clinic .content_wrap .content .desc { background:#fff; padding:30px;text-align:center; }
#clinic .content_wrap .content .desc h1 { font-size:1.6em; color:#222; }
#clinic .content_wrap .content .desc p { display:block; margin:10px 0 0; font-size:17px; }
#clinic .content_wrap .content a:hover .desc { display:block; background:#69c11e; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#clinic .content_wrap .content a:hover .desc h1, #clinic .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
	
	
	
#about { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:100px auto; }
#about .explain { margin:auto 0; width:17%; }
#about .explain span { display:block; margin:0 0 30px;}
#about .explain span img { width:70%; }
#about .explain h1 { font-size:1.3em; font-weight:400; color:#222; line-height:1.5em; }
#about .explain h1 strong { color:#69c11e; }

#about .pic { width:25%; }
#about .pic img { width:100%; }

#about .desc { margin:auto 0; width:49%; }
#about .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.5px; }
#about .desc h2 { display:block; margin:10px 0 30px; font-size:2.0em; color:#222; line-height:1.3em; letter-spacing:0; }
#about .desc h2 span { color:#69c11e; }
#about .desc h3 { display:block; margin:30px 0 0; font-size:1.1em; font-weight:400; color:#222; line-height:1.4em; letter-spacing:0; }
#about .desc  p { display:block; }



#before_after { background:url(../images/main_gallery_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; text-align:center; }
#before_after h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#fff; letter-spacing:1.5px; text-align:center; }
#before_after h2 { display:block; margin:12px 0 0; font-size:2.0em; color:#fff; letter-spacing:-0.5px; text-align:center;}
#before_after h2 span { color:#76eb12; }
#before_after p { display:block; margin:22px 0; color:#fff; }
#before_after span a { display:inline-block; border:1px solid #69c11e; border-radius:30px; padding:10px 22px; margin:0 auto; font-size:1.1em; color:#76eb12; text-align:center; transition:all 0.5s;}
#before_after span a:hover { background:#69c11e; color:#fff; transition:all 0.5s;}



.board { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:100px auto; }
.board .notice { width:48%; }
.board .notice .tit { border-bottom:1px solid #555; padding:0 0 15px; font-size:1.5em; font-weight:600; color:#222; letter-spacing:-1.0px; }
.board .notice .tit span { float:right; margin:5px 0 0; font-size:1.5em; font-weight:300; }



#bottom { background:#f9f9f9; padding:90px 0; }
#bottom .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
#bottom .maps { width:50%; }
#bottom .location { margin:auto 0; width:45%; }
#bottom .location h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.5px; }
#bottom .location h2 { display:block; margin:10px 0 25px; font-size:2.0em; color:#222; line-height:1.3em; letter-spacing:0; }
#bottom .location h2 span { color:#69c11e; }
#bottom .location h3 { display:block; margin:0; font-size:1.2em; font-weight:500; color:#222; line-height:1.6em; letter-spacing:0; }
#bottom .location h3 span { color:#847d01;}
#bottom .location p { margin:10px 0 0;}



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0.5px;}


}



@media (max-width:767px){
	
#overview { width:85%; margin:70px auto;  }
#overview .title { }
#overview .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.0px; }
#overview .title h2 { display:block; margin:10px 0 15px; font-size:1.7em; color:#222; line-height:1.3em; letter-spacing:1.0px; }
#overview .title h2 span { color:#69c11e; }
#overview .title p { display:block; font-size:1.1em; color:#444; line-height:1.6em; }

#overview .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:30px 0 0; }
#overview .content_wrap .desc { display:flex; justify-content:space-between; flex-wrap:wrap; order:2; width:100%; }
#overview .content_wrap .desc .content { margin:30px 0 0; width:30%; text-align:center; }
#overview .content_wrap .desc .content:nth-child(1) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#69c11e; border-radius:45px; width:70px; height:70px; padding:10px; margin:0 auto; font-size:1.2em; font-weight:600; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(2) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#079960; border-radius:45px; width:70px; height:70px; padding:10px; margin:0 auto; font-size:1.2em; font-weight:600; color:#fff; text-align:center; }
#overview .content_wrap .desc .content:nth-child(3) span { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#007447; border-radius:45px; width:70px; height:70px; padding:10px; margin:0 auto; font-size:1.2em; font-weight:600; color:#fff; text-align:center; }
#overview .content_wrap .desc .content .txt { display:block; margin:10px 0 0; }
#overview .content_wrap .desc .content .txt h1 { font-size:1.2em; color:#222; }
#overview .content_wrap .desc .content .txt p { display:block; margin:8px 0;}

#overview .content_wrap .pic { margin:auto 0; width:100%; }
#overview .content_wrap .pic img { width:100%; }


/* 전문클리닉 */
#clinic { background:url(../images/main_clinic_bg_mob.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0 80px;}
#clinic .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#fff; letter-spacing:1.5px; text-align:center; }
#clinic .title h2 { display:block; margin:10px 0 0; font-size:1.8em; color:#fff; line-height:1.3em; letter-spacing:1.0px; text-align:center;}
#clinic .title h2 span { color:#76eb12; }

#clinic .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:20px auto 0; }
#clinic .content_wrap .content { border-radius:10px; width:100%; margin:15px 0; overflow:hidden; }
#clinic .content_wrap .content .pic { width:100%; overflow:hidden;}
#clinic .content_wrap .content .pic img { width:100%; }
#clinic .content_wrap .content .desc { background:#fff; padding:25px 30px; text-align:center; }
#clinic .content_wrap .content .desc h1 { font-size:1.6em; color:#222; letter-spacing:0; }
#clinic .content_wrap .content .desc p { display:block; margin:10px 0 0; font-size:1.2em; line-height:1.3em; }
#clinic .content_wrap .content a:hover .desc { display:block; background:#69c11e; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#clinic .content_wrap .content a:hover .desc h1, #clinic .content_wrap .content a:hover .desc p { background:none; color:#fff; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}



#about { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:70px auto; }
#about .explain { margin:auto 0; width:40%; }
#about .explain span { display:block; margin:0 0 15px;}
#about .explain span img { width:70%; }
#about .explain h1 { font-size:1.3em; font-weight:400; color:#222; line-height:1.4em; }
#about .explain h1 strong { color:#69c11e; }

#about .pic { width:50%; }
#about .pic img { width:100%; }

#about .desc { margin:30px 0 0; width:100%; }
#about .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.0px; }
#about .desc h2 { display:block; margin:10px 0 25px; font-size:1.7em; color:#222; line-height:1.3em; letter-spacing:1.0px; }
#about .desc h2 span { color:#69c11e; }
#about .desc h3 { display:block; margin:25px 0 0; font-size:1.1em; font-weight:400; color:#222; line-height:1.4em; letter-spacing:0; }
#about .desc  p { display:block; }



#before_after { background:url(../images/main_gallery_bg_mob.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; text-align:center; }
#before_after h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#fff; letter-spacing:1.5px; text-align:center; }
#before_after h2 { display:block; margin:8px 0 0; font-size:1.8em; color:#fff; line-height:1.3em; letter-spacing:1.0px; text-align:center;}
#before_after h2 span { color:#76eb12; }
#before_after p { display:block; margin:20px 0; color:#fff; }
#before_after span a { display:inline-block; border:1px solid #69c11e; border-radius:30px; padding:10px 22px; margin:0 auto; font-size:1.1em; color:#76eb12; text-align:center; transition:all 0.5s;}
#before_after span a:hover { background:#69c11e; color:#fff; transition:all 0.5s;}



.board { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:60px auto; }
.board .notice { width:100%; margin:20px 0; }
.board .notice .tit { border-bottom:1px solid #555; padding:0 0 15px; font-size:1.4em; font-weight:600; color:#222; letter-spacing:-1.0px; }
.board .notice .tit span { float:right; margin:0 0; font-size:1.8em; font-weight:300; }



#bottom { background:#f9f9f9; padding:50px 0; }
#bottom .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
#bottom .maps { width:100%; }
#bottom .location { width:100%; margin:40px 0 0; }
#bottom .location h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.0px; }
#bottom .location h2 { display:block; margin:5px 0 10px; font-size:1.7em; color:#222; line-height:1.3em; letter-spacing:1.0px; }
#bottom .location h2 span { color:#69c11e; }
#bottom .location h3 { display:block; margin:0; font-size:1.1em; font-weight:500; color:#222; line-height:1.5em; letter-spacing:0; }
#bottom .location h3 span { color:#847d01;}
#bottom .location p { margin:10px 0 0;}




/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#333; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:40px; letter-spacing:0;}


}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }