@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);


*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.07em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
html,body {}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto',sans-serif; color:#505050; margin: 0 auto}
div {display:block;}
.clearfix {content:"";clear:both;}
h1,h2,h3 {font-weight:200;line-height:1.2}
h4,h5 {font-weight:300;line-height:1.4}
b {letter-spacing:inherit;font-weight:600}
.inner {width:1200px;margin:auto;clear:both}
.inner2 {width:1100px;margin:auto;clear:both}
.c_main {color:#ed6d01 !important}
.c_sub1 {color:#f39800 !important}
.c_sub2 {color:#1456d0 !important}
.c_sub3 {color:#01a8ed !important}
.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#808080 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:60px;line-height:1.15}
h2 {font-size:45px;line-height:1.15}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:22px;line-height:1.5}
p {font-size:18px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.font36 {font-size: 36px;}
.roboto {font-family: "Roboto";}
.loose {letter-spacing: 0.2em;}
.thin {font-weight: 100 !important;}
.medium{font-weight: 500;}
.bolder{font-weight: 700;}

span {color:inherit}

.float {float:left;}
.float_r {float:right !important;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}


hr {width:100%;height:1px;background:#d0d0d0;border:0;}
hr.w1100 {width:1100px;height:1px;background:#d0d0d0;border:0; margin: 0 auto}


/* 폭 설정 */
.half {width:50% !important}
.col6 {width:16.66% !important;}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.col3x2 {width:66.66% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.w600 {width:600px !important;}



/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}
.pd0 {padding-left:0 !important;padding-right:0 !important}

.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}

.mb0 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}



.pl02 {padding-left:2%}
.pl03 {padding-left:3%}
.pl04 {padding-left:4%}
.pl05 {padding-left:5%}
.pl08 {padding-left:8%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr02 {padding-right:2%}
.pr03 {padding-right:3%}
.pr04 {padding-right:4%}
.pr05 {padding-right:5%}
.pr08 {padding-right:8%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}

.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}

.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
.pd50 {padding:0 50px;}
.pd15 {padding:0 15px;}



/* 컬럼 설정 */
.flex {display: flex;}
.col {flex: 1;}


/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; height:100%;}

a.logo {width:410px;height:78px;display:block;text-indent:-3333px;background-image:url(images/logo.png);background-size:contain;background-repeat:no-repeat;}


#header {width:100%; height:200px; float: left;}
#header > .inner {position:relative; height: 135px;}
#header .logo {position:absolute;top:27px;left:50%;margin-left:-215px;}


#header #gnb {width:100%;border-top:1px #d0d0d0 solid;border-bottom: 1px #d0d0d0 solid;height:65px;position:relative;top:0;}
#header #gnb ul {width: 100%;}
#header #gnb ul > li {float:left;line-height:65px;text-align:center;/*margin:0 18px;*/ width: calc(94%/7);}
#header #gnb ul > li.menu{width: 6%;} 
#header #gnb ul > li p {line-height:65px;}
#header #gnb ul > li p a {display:block;font-size:20px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#header #gnb ul > li p a.on,#header #gnb ul > li p a:hover {font-weight:bold;color: #ed6d01;}
#header #gnb .subnav { margin:auto;
width:200px;
 clear:both;
 display: none;
 position: absolute;
  z-index:100;
  text-align:left;
  top:63px;

  font-size:15px;
  margin-left: 30px;
  background-color:#fff;
  border-bottom:1px #d0d0d0 solid;
 }
#header #gnb .subnav dl { border-left:1px #e0e0e0 solid; padding-left:30px;}
#header #gnb .subnav dl:first-child {border-left:0;}
#header #gnb .subnav dd {line-height:30px;}

#header #gnb .subnav a:hover {color:#f39800;}
#header #gnb .subnav a {display:block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

#header #gnb .menu p.topnav i {font-size: 40px;line-height: 65px;}
#header #gnb .menu .subnav {width:100%;left:0;padding:30px 0;margin-left: 0;}
#header #gnb .menu .subnav .inner > div {padding-left:50px;}
#header #gnb .menu .subnav .flex {padding-left: 100px !important;}
#header #gnb .menu .subnav .flex dl {padding-left:20px;}
#header #gnb .menu .subnav .flex dl.first {padding-left:0px;}
#header #gnb .menu .subnav .flex dd.big_title {font-size:20px;line-height: 35px;font-weight: 600;}



/* 공통 하단 */
#footer {width:100%; min-width:1200px; margin:auto; position:relative; background-color:#595858; float:left; padding:45px 0; display:inline-block;}
#footer .inner {position:relative;}
#footer .inner > * {float:left}
#footer .inner .logo {opacity:0.6;}
#footer #back-top {float:right;width:60px;height:60px;border-radius:60px;text-align:center;display:block;background-color:rgba(255,255,255,0.5); /*margin-top:20px;*/}
#footer #back-top:hover {background-color:rgba(255,255,255,0.8);}
#footer #back-top i {font-size:30px;line-height:60px;color:#666;}
#footer .inner .txt {width: 600px; margin-top: 10px;}
#footer .inner .txt span {font-size:16px;display:inline-block;margin-right:10px;font-weight:200;line-height:1.5;}




/* 메인 */
#main {width:100%; min-width:1200px; float:left; position:relative; display:inline-block}


#main .flexslider {height:652px;}
#main .main_sl1 {width:100%;height:652px;background:url(images/main_sl1.jpg) center top no-repeat;}
#main .main_sl1 > .inner {height: inherit; background:url(images/main_sl_txt1.png) center top no-repeat;}
#main .main_sl2 {width:100%;height:722px;background:url(images/main_sl2.jpg) center top no-repeat;}


#main #m_cont {width: 100%; margin: 0 auto; display: inline-block; padding: 80px 0 0;}
#main #m_cont .top {background: url(images/main_intro_bg.png)center no-repeat; height: 300px; width: 100%;}
#main #m_cont .top li{float: left; width: 50%; height: 100%;}
#main #m_cont .top li a.more_btn{color:#ffffff; width: 40px; height: 40px; border-radius:30px; display: block; background-color: #4d4845; font-size: 30px; text-align: center; line-height: 40px; font-weight: 100; transition: all 0.2s;}
#main #m_cont .top li a.more_btn:hover{background-color: #ed6d01;}
#main #m_cont .top li .txt{margin-top: 30px;}
#main #m_cont .top li .txt.num1{float: right; margin-right:  80px;}
#main #m_cont .top li .txt.num2{float: left; margin-left:  50px;}
 
#main #m_cont .bottom .inner{background: url(images/main_clinic.png)center no-repeat;height: 353px;}
#main #m_cont .bottom .inner ul{width: 100%; height: 146.5px;}
#main #m_cont .bottom .inner li{float: left; width: 200px; text-align: center;}
#main #m_cont .bottom .inner ul:last-child li {width: 170px;}
#main #m_cont .bottom .inner li h4{font-weight: 400;}
#main #m_cont .bottom .inner ul li{ margin-top: 120px;}
#main #m_cont .bottom .inner ul li a{font-weight: 300; transition: all 0.2s; }
#main #m_cont .bottom .inner ul li a:hover{color:#ed6d01; font-weight: bolder; }



#main #customer {width: 100%; margin: 0 auto; display: inline-block; padding:80px 0px; background-color: #f5efe0;}
#main #customer .inner a.main_map{float: right; transition: all 0.2s;}
#main #customer .inner .float{ float: left; width: 315px;}
#main #customer .inner .float > ul{width: 100%; }
#main #customer .inner ul li{width: 100%;}
#main #customer .inner ul li.main_tel p.tel{font-size: 50px; font-weight: 500; line-height: 1.1; }
#main #customer .inner ul li.main_tel p.fax{font-size: 24px; font-weight: 500;}
#main #customer .inner ul li.time {height: 185px; }
#main #customer .inner ul li.time dl{float:left; }
#main #customer .inner ul li.time dl dd{font-weight:bold;}
#main #customer .inner ul li.time dl dd h5{line-height: 1.7;}
#main #customer .inner ul li.time dl.day dd h5{letter-spacing:0.02em;}
#main #customer .inner ul li.time dl.hours{float:right}
#main #customer .inner ul li.time dl dd h5.normal{letter-spacing:0.005em;}

#main #customer .inner .float a.go_btn{width: 100%; height: 50px; line-height: 50px;display: block; background: #4d4845; color: #fff;}
#main #customer .inner .float a.go_btn p{line-height: 50px;transition: all 0.2s;}
#main #customer .inner .float a.go_btn:hover p{background-color:#ed6d01;}




/* 서브 */
#sub {width:100%; display:inline-block; float: left;}
#sub .subtop {width:100%;height:383px;padding-top:85px; text-align:center; position: relative;}
#sub .subtop.num1{background:url(images/subtop1.jpg) center no-repeat;}
#sub .subtop.num2{background:url(images/subtop2.jpg) center no-repeat;}
#sub .subtop.num3{background:url(images/subtop3.jpg) center no-repeat;}
#sub .subtop.num4{background:url(images/subtop4.jpg) center no-repeat;}
#sub .subtop.num5{background:url(images/subtop1.jpg) center no-repeat;}
#sub .subtop.num6{background:url(images/subtop1.jpg) center no-repeat;}
#sub .subtop.num7{background:url(images/subtop7.jpg) center no-repeat;}



#sub .snb {width:1200px; background-color: #fff; height: 70px; line-height: 70px; position: absolute; left: 50%; margin-left: -600px; bottom: 0; border-radius: 20px 20px 0 0; overflow: hidden;}
#sub .snb li {float:left;}
#sub .snb li a {display:block;font-size:20px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#sub .snb li a.on,#sub .snb li a.on:hover {background-color:#ed6d01;color:#fff;font-weight: 600;}
#sub .snb li a:hover {background-color:#f0f0f0;}


#sub #content {width:100%; display:inline-block; margin-top:100px; margin-bottom:100px; }
#sub #content.mg0 {margin:0;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative;}
#sub #content .paragraph .temp {width: 100%; min-height: 600px; background-color: #f5f5f5; padding: 200px 0;}
#sub #content .paragraph h2.subject {background: url(images/h2_subject.png) left center no-repeat; padding-left: 35px; margin-bottom: 30px; font-weight: 600; color:#333;}
#sub #content .paragraph h3.title {background: url(images/h3_title.png) left center no-repeat; padding-left: 35px; margin-bottom: 8px; font-weight: 600;}
#sub #content .paragraph h3.title.c_green {margin-bottom: 20px;}

/*paragraph row*/
#sub #content .row {width:100%; display:inline-block; position:relative; margin-bottom: 90px;}
#sub #content .row.last{margin-bottom: 0px;}
#sub #content .row.w1120{padding: 0px 40px;} 
#sub #content .paragraph .inner .row h2{margin-bottom: 20px;}


/*gradi_box*/
#sub #content .paragraph .inner .row.gradi_box{text-align: center; padding: 5% 3%; min-height: 260px; border: 30px solid transparent;background: -webkit-linear-gradient(white, white), -webkit-linear-gradient(-45deg, #ed6d01 20%, #ffdb9e 100%);
	background: -moz-linear-gradient(white, white), -moz-linear-gradient(-45deg, #ed6d01 20%, #ffdb9e 100%);
	background: linear-gradient(white, white), linear-gradient(-45deg, #ed6d01 20%, #ffdb9e 100%);
	-webkit-background-clip: padding-box, border-box;
	-moz-background-clip: padding-box, border-box;
	background-clip: padding-box, border-box;
	-webkit-background-origin: border-box; 
	background-origin: border-box;}
#sub #content .paragraph .inner .row.gradi_box h2{margin-bottom: 20px;}
#sub #content .paragraph .inner .row.gradi_box h5{margin-bottom: 5px;}


/*ul.round_list*/
#sub #content .paragraph .inner .row ul.round_list{margin: 0 auto; height: 200px;}
#sub #content .paragraph .inner .row ul.round_list li{width: 200px; height: 200px; border-radius: 200%; float: left; margin-right: 30px; text-align: center; padding: 67px 0 0;}
#sub #content .paragraph .inner .row ul.round_list li.padding_more{padding: 80px 0 0;}
#sub #content .paragraph .inner .row ul.round_list li:last-child{margin-right: 0px;}
#sub #content .paragraph .inner .row ul.round_list li:nth-child(2n-1){ border: 2px solid #ed6d01}
#sub #content .paragraph .inner .row ul.round_list li:nth-child(2n){ border: 2px solid #f39800}
#sub #content .paragraph .inner .row ul.round_list li p{margin-top: 0px;}

/*h3.or_spuare / h3.blue_square */
#sub #content .paragraph .inner .row h3.or_square{background: url(images/or_square.png)no-repeat left 5px; padding-left: 45px; margin-bottom: 10px;}
#sub #content .paragraph .inner .row h3.blue_square{background: url(images/blue_square.png)no-repeat left 5px; padding-left: 45px; margin-bottom: 10px;}


/*ul.bullet*/
#sub #content .paragraph .inner .row ul.bullet {margin: 0 auto;} 
#sub #content .paragraph .inner .row ul.bullet li p::before{content:"- "; vertical-align: center; margin-right:1px; color: #01a8ed; font-size: 24px; font-weight: 900;}
#sub #content .paragraph .inner .row ul.bullet.b_or li p::before{color: #ed6d01;} 
#sub #content .paragraph .inner .row ul.bullet li.float.left{width: auto; padding: 0 10px;} 
#sub #content .paragraph .inner .row ul.bullet li {width: 100%; /*border-bottom: 1px solid #d5d5d5;*/} 
#sub #content .paragraph .inner .row ul.bullet li p{ line-height: 1.5;} 



/*h3.small_gradi*/
#sub #content .paragraph .inner .row .sg_box{height: 45px;}
#sub #content .paragraph .inner .row .sg_box p.sg_p{line-height: 2.5;}
#sub #content .paragraph .inner .row .sg_box2{height: 55px;}
#sub #content .paragraph .inner .row h3.small_gradi{ width: 46px; height: 46px; text-align: center; font-size:26px; line-height: 1.6;}
#sub #content .paragraph .inner .row h3.small_gradi.or{background: url(images/small_gradi2.png)no-repeat center left ;}
#sub #content .paragraph .inner .row h3.small_gradi.blue{background: url(images/small_gradi1.png)no-repeat center left ;}
#sub #content .paragraph .inner .row p.sg_p{width: 91%;}


/*QnA*/
.QnA { overflow: hidden; }
.QnA li { padding: 0 1.5%; margin: 1.5% 0; overflow: hidden; }
.QnA li dl { overflow: hidden; }
.QnA li dl span { width: 45px; height: 45px; line-height: 45px; float: left; color:#fff; font-family: 'Roboto'; font-size: 30px; text-align: center; font-family: 'Roboto'; }
.QnA li dl dt span { background-color:#01a8ed; }
.QnA li dl dd span { background-color:#1456d0; }
.QnA li dl dt { clear: both; overflow: hidden; margin-bottom: 2%; }
.QnA li dl dt p { font-size: 1.58em; line-height: 1.2em; padding-top: 0.2em; font-weight: 600;}
.QnA li dl p { width: calc( 100% - 65px); float: right; }

.QnA .orderList2 li { margin: 0 0 0.5%; }
.QnA .orderList2 li:before { border-radius: 0; }

.QnA2 > li dl { padding: 2.5% 0%;  }
.QnA2 > li:last-child dl { background: none; padding-bottom:0; }
.QnA2 > li{border-top:1px solid #d0d0d0; margin: 0 auto; }

.col-6 { position: relative; width: 50%; float: left; overflow:hidden;}
.col-12 { position: relative; width: 100%; margin: 0 auto; border-top: 1px solid #d0d0d0;}

.orderList2 { overflow: hidden; }
.orderList2 > li { counter-increment: number; margin: 0.5% 0; width: 100%; float: left; line-height: 1.7em; }
.orderList2 > li:before{ content: counter(number, decimal) ;  text-align:center; color:#1456d0; font-size:1.2em; font-family: 'Roboto';
width:28px; height:28px; line-height:28px; float: left; margin-left:1%; margin-right:0.5%; font-weight: 600  }
.orderList2 > li p {float: left !important;}



/*오시는 길 sub1_6_map*/
#sub #content .paragraph .sub1_6_map {background:#f5f5f5; height: 731px; padding:50px; }
#sub #content .paragraph .sub1_6_map ul{background:url(images/sub1_6_mapbtn.jpg)center no-repeat; height: 73px; width: 1100px;}
#sub #content .paragraph .sub1_6_map ul li{float: left; width: 33.3%; height: 100%;}
#sub #content .paragraph .sub1_6_map ul li a{width: 100%; height: 100%; display: block; transition: all 0.3s; text-indent: -9999px;}
#sub #content .paragraph .sub1_6_map ul li a:hover{background-color: rgba(255,255,255,0.15);}
.root_daum_roughmap .wrap_controllers {display: none !important;}


/* 테이블 설정 */
#sub #content .paragraph table.basic {width:100%;border-top:2px #01a8ed solid;border-collapse:collapse;}
#sub #content .paragraph table.basic td,#sub #content .paragraph table.basic th {padding:10px 25px; border-bottom:1px #d0d0d0 solid; border-left:1px #d0d0d0 solid;}
#sub #content .paragraph table.basic th {background-color: #f5f5f5;}
#sub #content .paragraph table.basic th h5 {font-weight: 600;}
#sub #content .paragraph table.basic .bg_gray {background-color:#f5f5f5;}
#sub #content .paragraph table.basic .first { border-left: 0; }
#sub #content .paragraph table.basic td.price {text-align:right; }
#sub #content .paragraph table.basic td.price p {letter-spacing: 0;}
#sub #content .paragraph table.basic td.price p:before {content:"\20A9"; font-weight:100;font-size:15px;padding-top:6px; margin-right:10px;}
/* 필수/권장 아이콘 */
.surely{display: inline-block;background-color: #ed6d01; color:#fff; padding:0 5px; margin: 2px 2px 0 0; border-radius: 5px;}
.recom{display: inline-block;background-color: #2fbaf2; color:#fff; padding:0 5px; margin: 2px 2px 0 0; border-radius: 5px;}



/* 서브페이지 탭 */
#sub #content ul.tabs {width:1200px;margin:0 auto;height:56px;line-height:56px;position:relative;z-index:10;background:#fff; border-top: 1px solid #c0c2c4; border-bottom: 1px solid #c0c2c4;}
#sub #content ul.tabs li { display:inline-block;	float:left; text-align:center; font-size:20px;   }
#sub #content ul.tabs li a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub #content ul.tabs li:hover a {font-size: 20px; color: #f39800;}
#sub #content ul.tabs li.active a {font-size: 20px; color: #ed6d01; font-weight: bolder;}
/*#sub #content .tab_container {width:100%;display:inline-block; }*/
#sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}



/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:17px;line-height:1.7;min-height:500px}



/* 241022 줄기세포주사 카테고리 추가 */
#sub #content .paragraph .memobox {display: flex;}
#sub #content .paragraph .memobox > div {flex: 1; text-align: center; border: 1px #e0e0e0 solid; margin-left: 30px; padding: 0 20px 20px;}
#sub #content .paragraph .memobox > div:first-child {margin-left: 0;}
#sub #content .paragraph .memobox > div > span {width: 60px; height: 60px; line-height: 60px; background-color: #f0872e; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 30px; display: block; margin: -1px auto 0;}
#sub #content .paragraph .memobox > div > .roundcell {width: 70%; border-radius: 100px; margin: 10px auto;}
#sub #content .paragraph .memobox > div > .roundcell:nth-child(2n-1){ border: 2px solid #ed6d01; }
#sub #content .paragraph .memobox > div > .roundcell:nth-child(2n){ border: 2px solid #f39800; }


@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }






/*모바일에서 바뀌는 css*/
@media only screen and (max-width:768px) {
	.pc_show{
		display: none !important;
	}
	body{
		margin: 0 auto;
	}
	#wrap,#header,#footer,#main,#sub {
        max-width: 640px; min-width: 320px;
    }
	.inner,#sub .snb,#sub #content,#sub #content ul.tabs  {
		width:  600px;
	}
	
	#sub #content.w640{
		width: 640px;
	}
	#sub #content.w640 div .inner.w640{
		width: 640px;
	}
	#header{
		height: 100px; margin-top: 20px; 
	}
	#header .inner a.logo{
		top: 0px;
	}
	#header .menu {
		float:right; margin-top:15px;
	}
	#header .menu i {
		font-size:55px; color:#ed6d01; font-weight: 600;
	}
	#main .flexslider {
		height:652px;
	}
	#main .main_sl1 {
		height:652px; background:url(images_m/main_sl1.jpg) center top no-repeat;
	}
	#main .main_sl2 {
		height:652px; background:url(images_m/main_sl2.jpg) center top no-repeat;
	}
	#main .main_sl3 {
		height:652px; background:url(images_m/main_sl3.jpg) center top no-repeat;
	}
	#main .main_sl4 {
		height:652px; background:url(images_m/main_sl4.jpg) center top no-repeat;
	}
	.flex-control-nav{
		z-index: 1000 !important; bottom: 182px !important;
	}
	#main #m_cont .top {
		background: url(images_m/main_intro_bg.png)center no-repeat; height: 288px; width: 100%;
	}
	#main #m_cont .top li{
		width: 50%; height: 100%; float: left;
	}
	#main #m_cont .top li a{
		width: 100%; height: 100%; display: block;
	}
	#main #m_cont .bottom{
		padding: 60px 20px; background: none; height: 100%;
	}
	#main #m_cont .bottom .inner.m_show{
		background: url(images_m/main_clinic.png)center no-repeat; height: 566px; width: 100%;
	}
	#main #m_cont .bottom .inner.m_show ul li{
		width: 25%; height: 100%; margin-top: 0px;
	}

	#main #m_cont .bottom .inner.m_show ul:last-child li{
		width: 20%;
	}

	#main #m_cont .bottom .inner.m_show ul li a{
		width: 100%; height: 100%; display: block;
	}
	#main #m_cont .bottom .inner.m_show ul li a h4{
		text-indent: -9999px; 
	}

	#main #customer .inner div a.go_btn{
		width: 50%; height: 50px; line-height: 50px;display: block; float:left; background: #4d4845; color: #fff;
	}
	#main #customer .inner div a.go_btn.bg_sub1{
		background: #f39800;
	}
	#main #customer .inner div a.go_btn p{
		line-height: 50px;transition: all 0.2s;
	}
	
	
	#footer {
		padding: 50px 0px;
	}
	#footer .inner .txt{
		margin-top: 20px;
	} 
	#sub {
		float: none !important;
	}
	#sub .subtop.num1{
		background:url(images/subtop1.jpg) no-repeat 26% center;
	}
	#sub .subtop.num2{
		background:url(images/subtop2.jpg) no-repeat 64% center;
	}
	#sub .subtop.num3{
		background:url(images/subtop3.jpg) no-repeat 64% center;
	}
	#sub .subtop.num4{
		background:url(images/subtop4.jpg) no-repeat 100% center;
	}
	#sub .subtop.num5{
		background:url(images/subtop1.jpg) no-repeat 26% center;
	}
	#sub .subtop.num6{
		background:url(images/subtop1.jpg) no-repeat 26% center;
	}
    #sub .subtop.num7{
		background:url(images/subtop7.jpg) no-repeat 100% center;
	}
	#sub .snb{
		margin-left: -300px;
	}
	#sub .snb.double {
		height: 140px;
	}
	#sub #content {
		display: block;
		margin: 80px auto;
	}
	#sub #content .row.w1120{
		padding: 0px;
	} 
	.gallery{
		padding: 20px !important;
	}
	#sub #content .paragraph .row.gallery .pika-stage{
		height: 310px !important
	}
	#sub #content .paragraph .sub1_6_map ul{
		background:url(images_m/sub1_6_mapbtn.jpg)center no-repeat; height: 73px; width: 560px;
	}
	#sub #content .paragraph .sub1_6_map {
		background:#f5f5f5; height: 473px; padding:20px;
	}
	#sub #content .paragraph .inner .row ul.round_list {
		width: 100% !important;
		height: 430px;
		padding: 0px 85px;
	}
	#sub #content .paragraph .inner .row ul.round_list li:nth-child(3){
		margin-top: 30px; border: #f39800 2px solid;
	}
	#sub #content .paragraph .inner .row ul.round_list li:nth-child(4){
		margin-top: 30px; border: #ed6d01 2px solid;
	}
	#sub #content .paragraph .inner .row ul.round_list li:nth-child(2n){
		margin-right: 0px;	
	}
	.col-6{
		width: 100%;
	}
	.QnA li{
		margin: 2.4% 0;
	}
	.col-12{
		margin: 3.4% 0;
	}
	#sub #content .paragraph .inner .row .sg_box2{
		height: 85px;
	}
	.m_mt30{
		margin-top: 30px;
	}

    /* 241022 줄기세포주사 카테고리 추가 */
    #sub #content .paragraph .memobox {display: block;}
    #sub #content .paragraph .memobox > div {width: 100%; margin: 0 auto 30px;}
}


/*PC에서 바뀌는 css*/
@media only screen and (min-width: 769px) {

	.m_show{
		display: none !important;
	}
	#main #m_cont .bottom {
		background: url(images/m_bottom_bg.jpg)center no-repeat; width: 100%; padding: 80px;
	}
	#main #customer .inner a.main_map:hover{
		transform: translateY(6px);
	}
}