


@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css&display=swap');


@font-face {
	font-family: 'GmarketSans';    
	font-style: normal;    
	font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/EZ/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'GmarketSans';    
	font-style: normal;    
	font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/EZ/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'GmarketSans';   
	font-style: normal;    
	font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/EZ/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/EZ/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




  @media (min-width: 1300px){
  .containermain {width:85%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .container {width:1300px; }
  }
  

  @media (max-width: 1299px){
	.containermain {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  }



     big, h1, h2, h3, h4, h5, h6 {
    font-family: 'GmarketSans', sans-serif;
}

    html, body, div,  applet, object, iframe, p, blockquote, pre, a,  abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: 'Noto Sans KR', sans-serif;
}


	html {
		scroll-behavior: smooth;
	}

/*
  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    }
*/


  p {
	  font: 1.2em 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 26px;
	  color:#000;
	  Word-break:keep-all;
	  
  }
  
  
    .pt {
	  font: 1.4em 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 30px;
	  color:#000;

	  
  }
  .ps{
	  font:0.95rem 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 21px;
	  color:#000;

  }
  
  .pss{
	  font:0.95rem 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 26px;

  }
  

  
  ol, ul, li {
	  font:  1rem 'Noto Sans KR', sans-serif;
	  font-weight: 300;
	  line-height: 27px;
	  color:#000;
	  /*list-style-type:none;*/
  }
  


  h1, 
  h2,
  h3,
  h4,
  h5,
  h6 {
	  font-family: 'GmarketSans', sans-serif;
  }
  

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative; min-height: 1px;padding-right:10px;padding-left:10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {.col-sm-15 {width: 20%; float: left;}}
@media (min-width: 992px) {.col-md-15 {width: 20%; float: left;}}
@media (min-width: 1200px) {.col-lg-15 { width: 20%;float: left;}}
  
/* -----------------------상단기본---------------------------*/
  
/* 로고 */

.header-section section .row{
    display: flex;
    align-items: center;
	position:relative;
}

.header-section .logo img {		
  width:100%;
  transition: width 1000ms ease-in-out;
 
}

.header-section .logo {
    display: inline-block;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding:15px 0px;
}

/*
.header-section.pin .logo img{
    width: 50%;
    -webkit-transition: width 1000ms ease-in-out;
    -moz-transition:    width 1000ms ease-in-out;
    -ms-transition:     width 1000ms ease-in-out;
    -o-transition:      width 1000ms ease-in-out;
    transition:         width 1000ms ease-in-out;
}
*/

.header-section .top_banner1{
	position:absolute;
}

/*
.header-section.pin .top_banner1{
	width:10%;
}
*/


.header-section .top_login{
	position:absolute;
	right:0;
}


  .loginps{
	  font: 14px 'Noto Sans KR', sans-serif;
	  font-weight: normal;
	  color:#666;
	  margin-top:-20px;
	  margin-left:5px;
  }


.navbar-fixed-top {
    position: sticky !important;
}

/*상단 아이콘*/
.topicon{
float:right;
margin-top:20px;
}

/*
.header-section #menu {
    float: none;
	margin: 0 auto;
}
*/

/* 메뉴 바탕 색 */
.header-section.big  {	
  background:#fff;
  border-bottom:1px solid #eee;
/*  border-top:1px solid #eee;*/
}


.header-section section  {	
border-bottom:1px solid #eee;
}
  

/*주메뉴 2차 메뉴크기*/
.header-section.big ul li {
	font-size: 15px;
	font-family: 'GmarketSans', sans-serif;
	font-weight: 300;
	text-align: center;
	margin-left: 0;
}





/*주메뉴 1차 메뉴크기*/
.header-section.big li span{
	font-size: 18px;
	font-family: 'GmarketSans', sans-serif;
	font-weight: 400;
	 color: #222;
}

/*주메뉴 1차 메뉴 간격*/
.header-section ul li a {
  color: #fff;
  background: none ;
  padding: 10px 0;
  text-decoration: none !important;
}


.header-section ul li ul li a {
	font: 14px 'GmarketSans', sans-serif;
    color: #555;
    padding: 14px 12px;
    font-weight: 400;
	text-align:center;
	word-break: keep-all;
}	

.header-section ul li ul li {
    border-bottom: 0px solid #eee;
    overflow: hidden;
}
	
/*주메뉴 2차 메뉴 오버효과*/
.header-section ul li ul li a:hover {
	/*border:1px red solid;*/
	margin-left:0px;	
	color: #fff;
	background-color:#0d526f !important;
	opacity:1 !important;
}

.header-section.white ul li a {
  color: #1d2025;
} 


  
  
/* -----------------------서브기본---------------------------*/
  
   
.background-sub1 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img01.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub2 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img02.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub3 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img03.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub4 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img04.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub5 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img05.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub6 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img06.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub7 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img07.jpg) no-repeat center top;
	background-size: cover;
}

.background-sub8 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img08.jpg) no-repeat center top;
	background-size: cover;
}


.background-sub9 {
	padding: 7% 0%  6% 0%;
	background: #333  url(/images/sub-img/sub-img09.jpg) no-repeat center top;
	background-size: cover;
}

    /*서브타이틀*/
	.title {text-align:center; font-size:40px; font-weight:500; color:#232f43; letter-spacing:-2px; padding-top:40px; }
	.title span {text-align:left; font-size:40px; font-weight:300; color:#014099; letter-spacing:-2px; padding-top:15px; }
 
     /*메인중간타이틀*/
	.titlem {text-align:center; font-size:45px; font-weight:400; color:#000; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemw {text-align:center; font-size:45px; font-weight:400; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	
	.titlelong {text-align:center; font-size:22px; font-weight:300; color:#555; letter-spacing:-1px; padding-top:0px; margin-bottom:10px; line-height:30px;}
	.titlelongw {text-align:center; font-size:22px; font-weight:300; color:#fff; letter-spacing:-1px; padding-top:0px; margin-bottom:10px;line-height:30px;}
	
	.titlemc {text-align:left; font-size:43px; font-weight:700; color:#012d84; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemcw {text-align:left; font-size:43px; font-weight:700; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	
	/*메인중간타이틀 밑의 글*/
	.titlesm {text-align:center; font-size:13px; font-weight:400; color:#0d526f; line-height:20px; letter-spacing:10px; margin-bottom:5px; margin-left:8px;}
	.titlemsw {text-align:center; font-size:13px; font-weight:400; color:#fff; line-height:20px;  letter-spacing:5px; margin-bottom:5px;}
	.titlemsb {font-size:13px; font-weight:400; color:#29a8e8; line-height:20px;  letter-spacing:5px; margin-bottom:5px;}
	
	
  .titlepadding{padding:2rem 0rem 0rem 0rem; }
  .subpadding{padding:1rem 0rem 3rem 0rem; }
  
  
    /* 폰트색관련 */  
  .txn{color: #0d526f;} /* 서브 강조색 1 */ 
  .txc{color: #008cd7;} /* 서브 강조색 흐린 */ 
  .txp{color: #e94d1d;} /* 서브 강조색 2 */ 
  .txb{color: #000;}	/* 서브 검정색 */ 
  .txw{color: #fff;}	/* 서브 흰색 */ 
  .txsmall{font-size: 17px;}


  
    /* 서브중간제목 */
  .tx {background: url(/images/tx-bg.jpg) no-repeat left top;}
  .tx h4{font-size: 18px; font-weight: 600; color:#333; padding-left:25px; }
  .tx h3{font-size: 20px; font-weight: 700; color:#333; padding-left:25px;}
  
  /*서브탭버튼*/
  .sub-tab { margin-top:20px; margin-bottom:20px; }
  .sub-tab a {display:inline-block; font-size:17px; color:#0d526f; font-weight:600; padding:15px 20px; background-color:#fff; border:1px solid #ccc; margin-bottom:5px; width:49%;}
  .sub-tab a:hover {display:inline-block; font-size:17px; color:#fff; font-weight:600; padding: 15px 20px; background-color:#0d526f; border:1px solid #ccc;  margin-bottom:5px; width:49%;}
  .sub-tab a.tabon {color:#fff; background-color:#0d526f; }
  
    
  /*서브탭버튼s*/
  .sub-tabs { margin-top:20px; margin-bottom:20px; margin-left:-5px;}
  .sub-tabs a {display:inline-block; font-size:16px; color:#194b94; font-weight:600; padding:12px 20px; background-color:#ffffff; border:2px solid #194b94; margin-left:3px; margin-bottom:5px;}
  .sub-tabs a:hover {display:inline-block; font-size:16px; color:#fff; font-weight:600; padding: 12px 20px; background-color:#194b94; margin-left:3px;  margin-bottom:5px;}
  .sub-tabs a.tabon {color:#fff; background-color:#194b94; }
  
  
       /*서브작은탭버튼*/
  .ssub-tab { margin-top:0px; margin-bottom:10px; height:58px; background:#0d526f;}
  .ssub-tab a {display:inline-block; font-size:1rem; color:#fff; font-weight:400; padding:17px 10px 15px 10px;   }
  .ssub-tab a:hover {display:inline-block; font-size:1rem; color:#008ed6; font-weight:400; padding:17px 10px 15px 10px;  }
  .ssub-tab a.tabon {color:#008ed6;  }
  
  .ssub-tabbg{background:#0d526f;}
  
  
   #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
    color: #fff;
    background: #0d526f;
    background: -webkit-linear-gradient(#0d526f, #0d526f);
    background: -moz-linear-gradient(#0d526f, #0d526f);
    background: -o-linear-gradient(#0d526f, #0d526f);
    background: -ms-linear-gradient(#0d526f, #0d526f);
    background: linear-gradient(#0d526f, #0d526f);
} 

 
  /* 폰트간격관련 */    
  .letter{letter-spacing:-1px;}
  .letter1{letter-spacing:-1.5px;}
  .letter2{letter-spacing:-2px;}
  .letter55{letter-spacing:0.5px;}
  .letter50{letter-spacing:-0.5px;}

   /* 마진패딩관련 */  
   .mainpadding{padding:4% 2%;}
   .mainpaddingpx{padding:40px 10px;}
   .mainpaddingb{padding:4% 2% 0% 2%;}
   .mainpaddingl{padding:4% 0%;}
   .margin10{margin:10px;}
   .margin15{margin:15px;}
   .margin-img{margin-left:-30px;}
   .bg-color{background-color:#377a78;}
   .ppadding{padding-left:3%; padding-right:3%;}
   .margin0{margin-bottom:-10px;}
   .margin-bottom33{margin-bottom:26px;}
   .margin-bottom66{margin-bottom:52px;}
   .margintx{margin-top:-5px;}
    .margin-right4{margin-right:44px;}
   
   .paddingbottom0{padding-bottom:0% !important;}

   .tps{font-size: 50px;font-weight:700; color: #fff; margin-bottom:20px;  line-height:120%} 
	.tmsb{font-size: 18px; font-weight:200; color: #fff; letter-spacing:10px;} 
	  
	.mantx{font-size: 50px;font-weight:700; text-align: left;} 
	.manmargin{margin-left:170px} 
	
	.subtx{font-size: 32px;font-weight:500; text-align:center; letter-spacing:-1px; margin-bottom:20px;} 
	.stl{font-size: 20px;font-weight:200;} 
	
	.markg {
    color: #FFFFFF;
    padding: 0.2em 0.5em 0.2em 0.5em;
    background-color: #0d526f;
}

	
	.markb {
    color: #FFFFFF;
    padding: 0.2em 0.5em 0.2em 0.5em;
    background-color: #008cd7;
}

.markgr {
    color: #FFFFFF;
	font-size:16px;
    padding: 0.2em 1.2em 0.2em 1.2em;
    background-color: #0d526f;
	border-radius: 30px;
	margin-bottom:10px;
}

mark {
    background: #fcb9d4;
	height:50%;
}


 
	.barb {
    color: #FFFFFF;
    padding: 15px 2px 10px 2px;
    background-color: #0d526f;
	width:100%;
	margin-bottom:15px;
} 

	.barw {
	margin:0 auto;
    color: #FFFFFF;
    padding: 15px 10px 10px 10px;
	font-size:18px;
	font-weight: 700;
    background-color: #0d526f;
	width:44px;
	height:44px;
	margin-bottom:15px;
	border-radius: 30px;
} 


	.break-t{display:none;}
	.break-m{display:none;}
	
	
.subtxbg {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55%;
    background: #e8edf5;
    z-index: -1;
}

.ru20 img {border-radius: 20px;}
.ru30 img {border-radius: 30px;}
.ru40 img {border-radius: 40px;}

.img-center_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 1rem;
}
 
 /* -----------------------선과버튼---------------------------*/
 .timenbig {
    margin: 0 auto;
    color: #000;
    font-weight: 700;
    background: #fff;
    width: 100%;
    border-radius: 50px;
    border: 3px solid #198cad;
    transition: all 0.5s ease;
    margin-bottom: 10px;
	height:90px;
	padding: 20px 5px;
   
}
 
 	.basw {
	margin:0 auto;
    color: #FFFFFF;
    padding: 10px 11px;
	font-size:21px;
	font-weight: 700;
    background-color: #0d526f;
	width:45px;
	height:45px;
	margin-bottom:15px;
} 


 .buttonbox {
    color: #fff;
    background:  #0d526f;
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 100%;
    margin-top: -8px;

}
  
  
  /* hr 라인관련 */
  hr.line {float: center; width:60px; border: 0; height: 2px; background: #16306d; margin-bottom:10px;  margin-top:-10px;}  
  hr.linew {float: center; width:60px; border: 0; height: 2px; background: #fff; margin-bottom:10px;  margin-top:-10px;}  

  
  hr.time {width:100%; border: 0; height: 2px; background: #fc6c02; margin-top: 10px; margin-bottom: 10px;}

	
  hr.linemain {margin:0 auto; width:70px; border: 0; height: 2px; background: #0d526f; margin-top:10px; margin-bottom:30px;}  
  hr.linesub {margin:0 auto; width:50px; border: 0; height: 4px; background: #194b94; margin-top:10px; margin-bottom:30px;}   
  hr.linefull {width:100%; border: 0; height: 1px; background: #ccc; margin-top: 0px; margin-bottom: 0px;}
  hr.lineblackbs {float: left; width:100%; border: 0; height: 2px; background: #000;}  
  hr.linemap {width:100%; border: 0; height: 1px; background: #fff; margin-top: 20px; margin-bottom: 20px;}
   hr.linedortor {margin:0 auto; width:200px; border: 0; height: 1px; background: #949599; margin-top:15px; margin-bottom:15px;}  
   hr.linehistory {
    width: 100%;
    border: 0;
    height: 1px;
    background: #ddd;
    margin-top: 35px;
    margin-bottom: 35px;
}
   
   hr.lineping {
    margin: 0 auto;
    width: 2px;
    border: 0;
    height: 30px;
    background: #ee0f6a;
    margin-bottom: 1rem;
    margin-top: 1rem;
    z-index: 9999;
}

  .button-views {
    display: inline-block;
    color: #fff;
    font: 0.9rem 'Noto Sans KR', sans-serif;
    padding: 0.3rem 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    border: 1px solid #014099;
    background-color: #014099;
    transition: all 0.3s ease;
	border-radius: 30px;
    margin: 10px;

    position: absolute;
    bottom: 30%;
    left: 47%;
    transform: translateX(-50%);
    width: 70%;
}

  .button-views:hover {
  	color: #fff;
    border: 1px solid #2aa3ce;
    background-color: #2aa3ce;

}


.button_more {
    float: right;
    color: #fff;
    background: #1b468d;
    padding: 1px 9px 2px 9px;
    border: 1px #1b468d solid;
    font-size: 20px;
    font-weight: 400;
}

 .button_more:hover {
    float: right;
    color: #fff;
    background: #1ba8e1;
    padding: 1px 9px 2px 9px;
    border: 1px #1ba8e1 solid;
    font-size: 20px;
    font-weight: 400;
}

  .button-go{
	  color: #fff;
	  font:  16px 'GmarketSans', sans-serif;
	  font-weight:500;
	  background: #424344;
	  padding:14px 26px;
	  border:1px solid #424344;
	  transition: all 0.5s ease;
	  margin:5px;
	  width:180px;
	  height:50px;
	  
  }
  .button-go:hover {
	  color: #fff;
	  background: #0d526f;
	  border:1px solid #0d526f;
  }


/*센터 탑 이미지*/
    .background-s0201 {
	  background: #16306d url(/images/sub02/01-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; padding:8%}
	
	.background-s0202 {
	  background: #16306d url(/images/sub02/02-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; padding:8%}
	
	.background-s0203 {
	  background: #16306d url(/images/sub02/03-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; padding:8%}
	
	.background-s0204 {
	  background: #16306d url(/images/sub02/04-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; padding:8%}
	
	 .background-s0205 {
	  background: #16306d url(/images/sub02/05-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; padding:8%}


	
	
	 .background-s0301 {
	  background: #198cad url(/images/sub03/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	
	 .background-s0302 {
	  background: #198cad url(/images/sub03/02/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  .background-s0303 {
	  background: #198cad url(/images/sub03/03/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  .background-s0304 {
	  background: #198cad url(/images/sub03/04/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  .background-s0305 {
	  background: #198cad url(/images/sub03/05/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  .background-s0306 {
	  background: #198cad url(/images/sub03/06/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }		
	
	  .background-s0307 {
	  background: #198cad url(/images/sub03/07/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }			
		 .background-s0401 {
	  background: #198cad url(/images/sub04/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	 .background-s0402 {
	  background: #198cad url(/images/sub04/02/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	 .background-s04032 {
	  background: #198cad url(/images/sub04/03/bg2.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:10%;
	  border-radius: 30px;
	  }	
	  
	  .background-s04033 {
	  background: #198cad url(/images/sub04/03/bg3.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:10%;
	  border-radius: 30px;
	  }	
	  
	   .background-s0403 {
	  background: #198cad url(/images/sub04/03/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	 .background-s0404 {
	  background: #198cad url(/images/sub04/04/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	  	 .background-s0405 {
	  background: #198cad url(/images/sub04/05/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	 .background-s0501 {
	  background: #198cad url(/images/sub05/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }		  
	  
	  	 .background-s0502 {
	  background: #198cad url(/images/sub05/02/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	
	  
	  	 .background-s0601 {
	  background: #198cad url(/images/sub06/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }		
	  
	  	  	 .background-s0701 {
	  background: #198cad url(/images/sub07/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	 
	  
	  	  	  	 .background-s0705 {
	  background: #198cad url(/images/sub07/05/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	 
	  
	  	  	  	 .background-s0801 {
	  background: #198cad url(/images/sub08/01/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover; 
	  padding:7%;
	  border-radius: 30px;
	  }	   
	  	  
  
    .background-vod {
	  background: #16306d url(/images/main-link/vod-bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  	}
  
  	.teambox1{background: #aa772e; padding:25px; height:340px; }
  	.teambox2{background: #8a541c; padding:25px; height:340px;}
	
	@media screen and (min-width:1000px) and (max-width:1600px) {  	.teambox1{padding:25px; height:auto; }	.teambox2{padding:25px;  height:auto;}}
	
  	.teambox1bg{background: #363634;}
  	.teambox2bg{background: #232322;}
  
    .background-center {
	  background-color: #0d526f;
  	}  
	
	.background-clinic {
	  background: #fff url(/images/main-link/clinic-bg.jpg) no-repeat center bottom ;
	  padding-bottom: 8%;
  	}  
	
	.background-special{
	  background: #fff url(/images/main-link/special-bg.jpg) 50% 0 no-repeat ;
	  background-size:cover;
	  padding-bottom: 4%;
  	}  
	
		.background-map{
	  background: #fff url(/images/main-link/map-bg.jpg) 50% 0 no-repeat ;
	  background-size:cover;
	  padding-top:6%;
  	} 
	
	.padding-map{padding:20px;}
	
	    .background-slogan {
	  background: #000 url(/images/common/bg.jpg) 50% 0 no-repeat ;
	  background-size:cover;
	  padding-top: 4%;
  	}  
	
	 .background-team1book {
	  background: #000 url(/images/main-link/team01-bgbook.jpg) 50% 0 no-repeat ;
	  background-size:cover;
  	}  
  
	.background-team2 {
	   background: #000 url(/images/main-link/team02-bg.jpg) 50% 0 no-repeat ;
	  background-size:cover;
  	} 
	
	.background-team2book {
	  background: #000 url(/images/main-link/team02-bgbook.jpg) 50% 0 no-repeat ;
	  background-size:cover;
  	}  
  

/* -----------------------의료진 ---------------------------*/ 

  .doctorline{ border:1px solid #cccccc; }
  .plus{margin-top:-60px;}
  .doctorc{margin-top:-150px; }
  .doctorbg1{ background-color:#023830;  }
  /*.doctorbg1m{ background-color:#ccc; margin-top:-160px; padding-top:30px; }*/
  .doctorbg1m{ background-color:#ccc;}
  .doctorbg1b{ background-color:#145a50; border:2px solid #023830; padding:16px; }
  
  
  
  .doctorbg2{ background-color:#0d526f;}
    .doctorbg2 .hh{  padding:2%; height:140px; }
  .doctorbg2m{ background-color:#ccc; margin-top:-160px; padding-top:30px; }
  .doctorbg2b{ background-color:#198bad; border:2px solid #198bad; padding:16px; }
  
    .doctorbg2 h3{ margin-top:12px;}
  
  
  .doctorbg{ background-color:#f2f2f2;  }
  
  .doctorover.on {color: #0d526f;}
  .doctorover:hover{color: #0d526f;}

  
  .button_doctor {
    color: #fff;
    background: #0d526f;
    padding: 14px 10px 11px 10px;
    border: 1px #0d526f solid;
    font-size: 18px;
    font-weight: 300;
}

 .button_doctor:hover {
    color: #fff;
    background: #0d526f;
    padding: 14px 10px 11px 10px;
    border: 1px #0d526f solid;
    font-size: 18px;
    font-weight: 300;
}
  

	



/* -----------------------둘러보기 ---------------------------*/ 
  .viewbg{ background-color:#a4c0e5; }
  
  
/* -----------------------둘러보기 ---------------------------*/ 
  .viewpadding{ padding:25px 25px 45px 25px; }




/* -----------------------진료시간 ---------------------------*/ 
  
  	.txbg{
	margin:0 auto;
    color: #fff;
	font-size:25px;
	text-align: center;
	font-weight:700;
    background: #aa772e;
	padding:25px 15px;
	width:250px;
	border-radius:40px;
	transition: all 0.5s ease;
	margin-bottom:30px;
	}

  
   
 
/* -----------------------4가지 포인트 ---------------------------*/ 
  
    .background-point {
	  background: #16306d url(/images/m-point/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  } 
  
  /* -----------------------비수술치료 ---------------------------*/ 
  
    .background-cure {
	  background: #16306d url(/images/m-cure/bg.jpg) 50% 0 no-repeat fixed;
	  background-size:cover;
  } 
  
   .curebox{background: #fff; padding:40px 15px 40px 15px;}
   .curebox:hover{background: #aa772e;}
   
   
  
   /* -----------------------둘러보기 ---------------------------*/ 
  
    .background-info {background-color:#573e19;}  
 
 
 /* -----------------------스토리 ---------------------------*/ 
  
    .background-story {background: #f4f5f5; } 
	.blogbox1{background: #fff; padding:15px 15px 5px 15px; height:100px; }
	.blogbox2{background: #fff; padding:15px 15px 5px 15px; height:70px; }


	
	
 
 
 /* -----------------------진료 과목 ---------------------------*/ 
  
.img-hover-text11  {
	border-radius: 15px;
}

.img-hover-text11 img {
    opacity: 1;
    display: block;
    transition: all 0.3s ease;
	border-radius: 15px;
}

.img-hover-text11.sty4 .distext {
    left: 10px;
    right: 10px;
    bottom: 12%;
}

.img-hover-text11.sty4 .distext:hover {
    left: 10px;
    right: 10px;
    bottom: 16%!important;
}

.img-hover-text11.sty4 {
    background: #0d526f;
}

.img-hover-txs{margin-bottom:20%; font-size:15px; color:#FFFFFF; line-height:20px; font-weight:300;}

.img-hover-txss{margin-bottom:15px; font-size:15px; color:#FFFFFF; line-height:20px; font-weight:300;}


/*.img-hover-text13 {
    position: relative;
}


.img-hover-text13 .distext {
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 10% 10% 10% 10%;
    text-decoration: none;
	background:none;
    text-align: center;
	transition: all 0.2s ease;	
	transform: scale(1);

	
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;	
	flex-direction: column;
}


.img-hover-text13:hover .distext {
    opacity: 1;
	transform: scale(1);
	background: #0d526f;
}*/

.img-hover-text13 {
    position: relative;
	
}
.img-hover-text13 .distext {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	padding: 30% 0% 5% 0%;
    background: #0d526f;
    text-decoration: none;
    text-align: center;
	transition: all 0.2s ease;
	
	transform: scale(0.95);
}
.img-hover-text13:hover .distext {
    opacity: 1;
	transform: scale(1);
}

	.winbutton {
	  margin: 0 auto;
	  border:1px solid #fff;
	  color: #fff;
	  padding: 19px 5px;
	  border-radius: 45px;
	  font-size: 13px;
	  text-align:center;
	  font-weight: 700;
	  transition: all 0.3s ease;
	  width:60px;
	  height:60px;
	  }
	  
	 .winbutton:hover {
	  color: #004c88;
	  background: #fff;
	  }
	  
	  .padding-7 {
    padding: 20% 5%;
}

.boxline{margin:0 auto; border:1px solid #ccc; width:85%;}


/*.timenbig {
    margin: 0 auto;
    color: #0b1d45;
    font: 25px 'GmarketSans', sans-serif;
	text-align:center;
    font-weight: 700;
    background: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    border: 4px solid #0b1d45;
    transition: all 0.5s ease;
	width:300px;
	margin-top:25px;
}

.timenbigw {
    margin: 0 auto;
    color: #fff;
    font: 25px 'GmarketSans', sans-serif;
	text-align:center;
    font-weight: 700;
    background: #0d526f;
    padding: 10px 15px;
    border-radius: 50px;
    border: 4px solid #fff;
    transition: all 0.5s ease;
	width:300px;
	margin-top:25px;
}*/

.background-dc {
	background: #0d526f url(/images/sub01/dc_bg.jpg) repeat-x top ;

} 
	

.img-hover-text122 img {
	opacity: 1;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text122:hover img {
	opacity: 1;
}

.img-hover-text122 .btext{
    color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
	opacity:1;
    text-decoration: none;
}

.img-hover-text122 .distext h5{opacity:1;}
.img-hover-text122 .distext h2{opacity:1;}  
  
.img-hover-text122 .distext {
    position: absolute;
  
	top: 80%;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 5% 5% 3% 5%;
	background: #000;
	opacity:0.8;
    text-decoration: none;
}

.img-hover-text122:hover .distext {
    position: absolute;
	top: 80%;
	left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 5% 5% 3% 5%;
	background: #008cd7;
    text-decoration: none;
	opacity:1;
	transition: all 0.3s ease;
}


.companybox {
    position: relative;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 25% 5%;
    border-radius: 30px;
}


.companybox:hover {
    background-color:#0d526f;
}



  /* -----------------------오시는 길 ---------------------------*/  
  
.mapbgc {background:#0b1d45; height:570px;}
.mapbgp {padding:7% 7% 7% 20%;}
.mapbgg {background:#f4f4f4; height:560px; }

.tibg {background:#f4f4f4; border-radius: 30px; padding:5%;  height:500px;}

.maps {background:#0d526f; height:230px; }
.maps2 {background:#696969; height:230px; }
.maps3 {background:#0d526f; height:230px; }


.maps11 {background:#0d526f url(/images/common/go.png) no-repeat right top;    height:70px; margin-top:20px; border-radius: 60px; }
.maps22 {background:#696969 url(/images/common/go.png) no-repeat right top;    height:70px; margin-top:20px; border-radius: 60px; }
.maps33 {background:#0d526f url(/images/common/go.png) no-repeat right top;    height:70px; margin-top:20px; border-radius: 60px; }

.mapbgp4 {padding-top:25px;}

.mdocbg {background: #0d526f url(/images/common/tx-bg.png) 50% 0 no-repeat;}

.bb {border:3px solid #0d526f; padding:3%;  }



.commonbox {background:#0d526f; padding:4%; }
.commonboxg {background:#e8e8e8; padding:4%; }
.commonboxn {background:#0d526f; padding:3%; margin:3%; }

.commonbox180 {background:#0d526f; padding:4%; height:180px; }
.commonboxg180 {background:#e8e8e8; padding:4%; height:180px; }

.commonboxg210 {background:#e8e8e8; padding:4%; height:210px; }


.newsbox {
    background: #204e97;
    padding: 0.5rem;
    text-align: center;
    color: #FFFFFF;
    font-size: 1rem;
    width: 100%;
    margin: 0px 10px;
}

.newstx{
    padding: 0.5rem;
    text-align: left;
    color: #000;
    font-size: 1.1rem;
    margin: 0px 10px;
	font-weight: 300;
}
  

	.mapmap { z-index: 1; margin: 0 auto;}
	.mapbox {
    position: relative;
    margin: 0 auto;
    background: #58381f;
    padding: 3% 3% 1% 3%;
    width: 93%;
    margin-top: -100px;
    z-index: 5;
}
.mapbut {
    background: #715033;
    padding: 18px 10px;
    width: 100%;
    color: #c6b49a;
    font-size: 0.8rem;
    margin: 5px;
    text-align: center;
    border: 1px solid #c6b49a;
}
.mapbut:hover {
    background: #000;
	border: 1px solid #000;
}


  /* -----------------------병원이용안내--------------------------*/ 
   /* 서브표 */
  .tablessub table {
	  width:100%;
  }
  .tablessub table, .tablessub th, .tablessub td {
	  border: 1px solid #dddddd;
	  border-collapse: collapse;
	  padding: 12px 30px;
	  font: 17px 'Noto Sans KR', sans-serif;
	  vertical-align:middle!important;
	  text-align: center;
	  background-color: #fff;
  }
  .tablessub th {
	  background-color: #0d526f;
	  color: #fff;
	  text-align: center;
	  font-size: 18px;
	  font-weight: 500;
  }
  
    .tablessub .gc{
	  background-color: #f9f9f9;
	  color: #000;
	  text-align: center;
	  font-size: 18px;
	  font-weight: 400;
  }
   
  
    .tablessub.ct{
	  text-align: center;

  }
  
  
    .tablessub .wl{
	  text-align: left;
	  font-size: 17px;
	  font-weight: 300;
  }
  

  .padding-c {
    padding: 3% 3% 3% 0%;
}

  
/* -----------------------카피 관련---------------------------*/  

  .bg-color-copy{background: #343535; padding:1% 0%;}
  
    hr.linecopy {width:100%; border: 0; height: 1px; background: #747373; margin-top: 30px; margin-bottom: 30px;}
	  
  .copytx{
	  font: 15px 'GmarketSans', sans-serif;
	  color: #adadae;
	  font-weight:300;
	  line-height: 30px;;}
	  
  .copytxa{color: #999;}
  .copytx:hover {color: #fff;}
  
  

  .copybut{
	  color: #fff;
	  font:  17px 'GmarketSans', sans-serif;
	  font-weight:500;
	  background: #194b94;
	  padding:14px 26px;
	  border:1px solid #194b94;
	  transition: all 0.5s ease;
	  margin:5px;
	  width:180px;
	  height:50px;
	  
  }
  .copybut:hover {
	  color: #fff;
	  background: #000;
	  border:1px solid #000;
  }
  
  
  
  
  .time_p_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;			
}
  
  .time_m_btn, .banner_m_box{display:none;}
  
  
 .boxplan {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0px;
    vertical-align: middle;
    padding-top:0px;
	padding-left:20px;
	 
} 
  
  
@media only screen and (max-width: 1200px){
	 
	  .boxmap { padding: 5% 5% 0% 5%; height:400px;}
	  .copybut{font:16px 'GmarketSans', sans-serif; padding:6px 20px; margin:3px;}
	  
  }	  
	  
@media only screen and (max-width: 1000px){

	.header-section .top_login{
		display: none!important;
	}


	#menu .li_login{
		display: block!important;
	}
	

	.header-section #menu > ul li a {
		color: #555;
		text-align:left;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}

	.header-section #menu > ul li a:hover {
		color: #fff;
		text-align:left;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}


	.header-section #menu > ul li a span{
		color: #555;
		/* padding: 0px 0px; */
		/* text-transform: none; */
	}


	/*.container{margin-left:0;margin-right:0; }*/
	
	.mapbgp {padding:7% 7% 7% 7%;}

	.header-section section .row {
		display: block;
	}

}

/* -----------------------작은 모니터 크기 설정 ---------------------------*/  
  
  @media only screen and (max-width: 1169px){
	 
	  .txsmall{font-size: 15px;}
	  h2 { font-size: 30px;}
	  h3 { font-size: 25px;} 
	  
	  
	   
  }   
 
  
/* -----------------------작은 모니터 크기 설정 ---------------------------*/  
  
  @media only screen and (max-width: 1000px){
	 

	.header-section {
		padding-bottom: 0px !important;
	}

	  .header-section.big  {
		/*height:45px;*/ 
		padding-top:0px; 
		background-color:#FFFFFF;
	  }

	  .header-section ul li.menu-icon a i {/*padding-top: 4px; */ color:#0d526f !important;}
	  .box {margin-left: 0px;}


	  .header-section ul li.menu-icon {font-size: 1.71429em;padding: 0px 0 0 9px !important;}
	  
	.teambox1{background: #aa772e; padding:20px; height:auto; }
  	.teambox2{background: #8a541c; padding:20px; height:auto; }
	  
	  .boxmap { padding: 5% 5% 0% 5%; height:auto; margin-top:-1px;}   


	  .header-section .logo {
		padding-left: 0px; 
		width:100%;
		margin-top:0;
		z-index:9 !important;
	}

	.header-section .logo img, .header-section .top_banner1{
		width:50%;
	}


		  .pb{
	  font: 19px 'GmarketSans', sans-serif;
	  line-height: 30px;
       }


	.header-section .main-nav .nav.top-nav {
		top: -60px;
		z-index: 9999 !important;
		width:50px;
	}
	
	
	.commonbox180 {background:#0d526f; padding:4%; height:auto; }
	.commonboxg180 {background:#e8e8e8; padding:4%; height:auto; }
	.commonboxg210 {background:#0d526f; padding:4%; height:auto; }
	
	  .padding-c {
    padding: 0% 3% 3% 3%;
}
 	  .padding-7 {padding: 5%;}
	  
	  	  h2 { font-size: 23px;}
	  h3 { font-size: 20px;} 
	  h4 { font-size: 16px;}
	  h5 { font-size: 17px;}
	  h6 { font-size: 16px;}
	  p { font-size: 16px; font-weight:300;}
	 .pt { font-size: 16px; font-weight:300; line-height: 26px;}
	 .ps{font: 13px;
	  font-weight: normal;
	  line-height: 22px;}
	  
	  .timenbig {height:80px;}
	  
	      .doctorbg2 .hh{  padding:2%; height:120px; }

  }  

	


  
/* -----------------------테블릿 크기 설정 ---------------------------*/  
  
  @media only screen and (max-width: 768px){
	  .title {text-align:center; font-size:35px; font-weight:500; color:#000; letter-spacing:-2px; padding-bottom:0px; }
	  .title span{font-size:25px;}
	  




	  .slider-margin-top { margin-top:0; }
	  
	  .hover-shadow-color-big {padding:6%; height:auto; }
	  .hover-shadow-color {padding:6%;}
  	  
	  .tps{font-size: 24px; margin-bottom:10px;}
	  .tms{font-size: 14px;}	 
	  .tmsb{font-size: 14px;} 
	  
	  
	  /*주메뉴 바탕*/
	  .header-section {opacity:1 !important;}  	
	  
	  .bagc1 .imgs{height:70px; width:50px;}
	  .bagc3 .imgs{height:70px; width:50px;}
	  
  
	  .logo  {	/*height:80px;*/  padding-top: 5px;}
	  .topicon{ float:right; margin-top:0px; }
	  
	.teambox1{background: #aa772e; padding:15px; height:auto; }
  	.teambox2{background: #8a541c; padding:15px; height:auto; }
 
	 
	 
 	 /* p {font: 17px 'GmarketSans', sans-serif;line-height: 23px;}  
     .ps{font: 16px 'GmarketSans', sans-serif; line-height: 23px;}	  
	  ol, ul, li {font: 15px 'GmarketSans', sans-serif; line-height: 22px;}*/
	  
	  

	.txbg{background: #151b42; padding:4% 2% ; margin-bottom:10px;}
	.infobox1{background: #16306d; padding:25px 5px 5px 5px; height:auto; border:2px solid #00b287;  }
	.infobox2{background: #00b287; padding:25px 5px 5px 15px; height:290px; border:2px solid #10b287;  }	
	
	     /*메인중간타이틀*/
	.titlem {text-align:center; font-size:23px; font-weight:400; color:#000; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemw {text-align:center; font-size:23px; font-weight:400; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	
	.stx{text-align:center; font-size:35px; font-weight:800; color:#0b1d45; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}

	
	.titlemc {text-align:left; font-size:23px; font-weight:700; color:#012d84; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemcw {text-align:left; font-size:23px; font-weight:700; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemsw {text-align:center; font-size:11px; font-weight:400; color:#fff; line-height:16px;  letter-spacing:5px; margin-bottom:10px;}
	.titlesm {text-align:center; font-size:11px; font-weight:400; color:#0d526f; line-height:16px; letter-spacing:10px; margin-bottom:10px; margin-left:8px;}
	
	/*메인중간타이틀 밑의 글
	.titlesm {text-align:center; font-size:16px; font-weight:400; color:#aa772e; line-height:28px;margin-bottom:10px;}
	.titlemsw {text-align:center; font-size:16px; font-weight:400; color:#fff; line-height:28px; margin-bottom:10px;}*/
	
	.pb{
	  font: 17px 'GmarketSans', sans-serif;
	  line-height: 28px;
	 }
	 
	 	.mapbox {
    width: 100%;
    margin-top: 0px;
	padding: 6% 3% 1% 3%;
}
	
  /*서브탭버튼
  .sub-tab { margin-top:20px; margin-bottom:20px; margin-left:-5px;}
  .sub-tab a {display:inline-block; font-size:15px; color:#0d526f; font-weight:600; padding:10px 15px; background-color:#ffffff; border:1px solid #ccc; margin-left:3px; margin-bottom:5px; width:49%;}
  .sub-tab a:hover {display:inline-block; font-size:15px; color:#fff; font-weight:600; padding: 10px 15px; background-color:#0d526f; border:1px solid #0d526f; margin-left:3px;  margin-bottom:5px; width:49%;}
  .sub-tab a.tabon {color:#fff; background-color:#0d526f; }*/
  
  .subtx{text-align:center; font-size: 25px;font-weight:500; } 

  .mapbgg {height:100% !important; }



	.time_m_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;	
	}


	.banner_m_box{display:flex;}


.img-hover-text122 .distext { top: 70%;}

		.background-map{
	  background: #fff url(/images/main-link/map-bgm.jpg) 50% 0 no-repeat ;
	  background-size:cover;
	  padding-top:6%;
  	} 
	
  .companybox {padding: 10% 5%;}
 
 .padding-map {padding: 0px;}



  }
  
  
/* -----------------------모바일 크기 설정 ---------------------------*/  

  
  @media only screen and (max-width: 420px){
	
	 h2 { font-size: 20px;}
	 
    .copybut{font:  15px 'GmarketSans', sans-serif; padding:6px 10px; margin:3px;}

	 
	    p {
	  font: 1rem 'Noto Sans KR', sans-serif;
	  font-weight: 400;
	  line-height: 26px;
	  color:#333;
	  
  }
     .ps{font: 15px 'GmarketSans', sans-serif; line-height: 20px;}	  
	  ol, ul, li {font: 14px ; line-height: 22px;}
	  
	  .blogbox2{background: #fff; padding:5px 15px 15px 15px; height:50px; }
	    .copytx{
	  font: 13px 'GmarketSans', sans-serif;
	  line-height: 20px;;}
	  
	 .mantx{font-size: 35px;font-weight:700; text-align:left;} 
	 .manmargin{margin-left:20px} 
	 
	 .subtx{font-size: 23px;font-weight:500; } 
	 
.mainpadding{padding:4% 5%;}





	     /*메인중간타이틀*/
	.titlem {text-align:center; font-size:30px; font-weight:400; color:#000; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemw {text-align:center; font-size:30px; font-weight:400; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	
	.titlemc {text-align:left; font-size:20px; font-weight:700; color:#012d84; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemcw {text-align:left; font-size:20px; font-weight:700; color:#fff; letter-spacing:-1px; padding-top:15px; margin-bottom:10px;}
	.titlemsw {text-align:center; font-size:11px; font-weight:400; color:#fff; line-height:16px;  letter-spacing:10px; margin-bottom:10px;}
	.titlesm {text-align:center; font-size:11px; font-weight:400; color:#0d526f; line-height:16px; letter-spacing:10px; margin-bottom:10px; margin-left:8px;}
	
	
	.titlelong {font-size: 17px; line-height:25px;}
	.titlelongw {font-size: 17px;line-height:25px;}

 /*.doctorbg1m{ background-color:#ccc; margin-top:20px; padding-top:30px; }*/
 
 
.padding3 {
    padding: 30px 0px!important;
}
 
  .doctorbg2 .hh{  padding:2%; height:100px; }

 
	
  }
  


  /* 20190507 추가
  
  .header-section ul li.mega-menu  > ul {
	  background-color:#fff;
  }
  
  
  
  .header-section ul li > ul {
	  background:none;
  }
  
  .header-section ul li > ul li  {
	  background-color:#fff;
	  border-bottom:0px;
  }
  
  .header-section ul li.mega-menu  > ul li{
	  background:none;
	  border-right:0px;
  }
  
  
  .header-section ul li ul li a {
	  color: #555;
   
  }
  
  
  .header-section ul li.mega-menu > ul > li span.subtitle{
  
	  color : #FFFFFF;
  } */
  

  
  .article-list li {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
  .article-list li a{color:#000}
  .article-list li a:hover{color:#333}
  
  .article-list2 {display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} 
  .article-list2 a{color:#000}
  .article-list2 a:hover{color:#333}
  
  
@media screen and (max-width: 768px){

	.foot3 {
		display: block;
	}

	.foot3 {
		text-align: center;
		background: #202228;
		padding: 5px 10px 0 10px;
		height: 80px;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 200;
	}
	
	.foot3 img{
		margin:0% 1%;
	}

	.ukbanner{
		display: none;
	}


	#map {
		height:400px !important;
	}
	

  
}


@media screen and (min-width: 769px){
	.foot3 {
		display: none;
	}
}



@media only screen and (min-width: 1001px){

	.header-section .top_login{
		display: block!important;
	}	

	#menu .li_login{
		display: none!important;
	}
	

	#menu {width:100%;position:relative;z-index:99999}
	
	#menu>ul {
			text-align:center;
			margin:0 auto;
			width:100%;
			height:100%;
			padding:0;
	}
		
	#menu>ul>li {
			display:inline-block;
			text-align:center;
			position:relative;
			padding:12px 0;
			margin:0;
			width:11.1%;
			height:100%;
	}
		
    /*.navbar-nav>li {float:none}*/
    
	.header-section{
	position: sticky !important;
	}

    .header-section ul li ul.dm-align-2 {
        width: 100% !important;
        margin-top: 1px !important;
	}
	



    .header-section ul li ul {
        opacity: 0.9;
        max-height: 0px;
        overflow: hidden;
    }

    .header-section ul li ul {
        position: absolute;
        top: 100%;
        left: 0 !important; 
        margin-left: 0px !important; 
        background: #fff;
        width: 100% !important;
        
        /*
        -webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        -moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
        */
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .header-section ul {

        margin: 0 0 0 0 !important;  
   }


    .minh-200{
        min-height:200px !important;
    }



	.header-section .container {
		max-width: 1500px !important;
		width: auto;
	}



	.subbg{
		position: absolute;
		height:200px;
		background-color:#fff;
		z-index:1;
		display:none;
		opacity:0.99;
		width:100%;

	}

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .header-section ul li ul.dm-align-2 {
        margin-top: 13px !important;
	}
}





@media only screen and (max-width: 1000px){
	.header-section #menu {
		/*padding-top: 44px;*/
    }
    
    
    .header-section.big  {	
    	border-bottom:0px !important;
     }

}




   
#masterslider2 {
	display: none !important;
}


@media only screen and (max-width: 600px) { 
	#masterslider1 { 
		display: none !important;
	}
	
	
	#masterslider2 {       
		display: block !important;
	}

}




.header-section ul li ul {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
}





  
.owl-nav{
	text-align:center;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    margin-left: 5px;
	margin-right: 5px;
	font-size:40px;
	color:#FFFFFF;
}

#owl-sub-review .owl-nav button.owl-next {
    margin-left: 5px;
	margin-right: 5px;
	font-size:40px;
	color:#000;
}

 #owl-sub-review .owl-nav button.owl-prev {
    margin-left: 5px;
	margin-right: 5px;
	font-size:40px;
	color:#000;
}



.main-content {
    position: relative;
	display:flex;
}



  .main-content .owl-theme .custom-nav .owl-prev,
  .main-content .owl-theme .custom-nav .owl-next {
	position: absolute;
	height: 100px;
	color: inherit;
	background: none;
	border: none;
	z-index: 100;
  }

  .main-content .owl-theme .custom-nav .owl-prev i,
  .main-content .owl-theme .custom-nav .owl-next i {
	font-size: 3rem;
	color: #ffffff;
  }

  .main-content .owl-theme .custom-nav .owl-prev {
	left: 0%;
  }

  .main-content .owl-theme .custom-nav .owl-next {
	right: 0%;
  }




  @media only screen and (max-width: 1200px){ 

	.main-content .owl-theme .custom-nav .owl-prev i,
	.main-content .owl-theme .custom-nav .owl-next i {
	  font-size: 3rem;
	  color: #ffffff;
	}

  }





  @media only screen and (max-width: 768px){ 

	.main-content .owl-theme .custom-nav {
		
		position: absolute;
		bottom: 10%;
		left: 0;
		right: 0;		
	}

	.main-content .owl-theme .custom-nav .owl-prev {
		left: 2%;
		bottom:90px;

	}

	.main-content .owl-theme .custom-nav .owl-next {
		right: 2%;
		bottom:90px;
	}

	.main-content .owl-theme .custom-nav .owl-prev i,
	.main-content .owl-theme .custom-nav .owl-next i {
	  font-size: 2rem;
	  color: #ffffff;
	}


  }


  @media only screen and (min-width: 768px){ 
  	.main-content .owl-theme .custom-nav {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	}
  }



  .owl-carousel .owl-item img {
	width:auto !important;
	max-width: 100% !important;
}

 

@media screen and (max-width:320px) {

/*	.background-team2 , .background-team3 {height:1400px}  */

}

@media screen and (min-width:320px) and (max-width:400px) {

/*		.background-team2 , .background-team3 {height:1500px} */

}

@media screen and (min-width:401px) and (max-width:540px) {

/*	.background-team2 , .background-team3 {height:1339px}*/

}

@media screen and (min-width:541px) and (max-width:768px) {

/*	.background-team2 , .background-team3 {height:1300px}*/

}



@media screen and (min-width:1300px) {
	.asanrecon_img {height:296px}
}

@media screen and (min-width:1200px) and (max-width:1299px) {

	.asanrecon_img {height:262px}

}

@media screen and (min-width:990px) and (max-width:1199px) {
 
	.asanrecon_img {height:212px}

}


.item-img-wrap {
	position: relative;
	
	overflow: hidden;
  }
  
  .item-img-wrap img {
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	width: 100%;
  }
  
  .item-img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  }

  
  .item-img-wrap:hover .item-img-overlay span {
	opacity: 1;
  }
  
  .item-img-wrap:hover img {
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }


  .blogbox {
    position: relative;
    border: 0px solid #ddd;
    background: #fff;
	}

  .blogbox.on {border-color:#0076d1;box-shadow:0 8px 12px rgba(0,0,0,.1);z-index:10;}



  .tag {
    display: inline-block;
    max-width: 100%;
    height: 26px;
    padding: 0 10px;
    border: 1px solid #0076d1;
    border-radius: 14px;
    font-size: 13px;
    color: #0076d1;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}




#banner img{display:block;}


.blogbox .icon_group {
	position: absolute;
	top: 12px;
	left: 12px;
   z-index: 1;
   width: 36px;
}

.icon_sns_f {
   width: 28px !important;
   height: 28px !important;
   background-position: -26px -8px !important;
}

.icon_sns_n {
   width: 28px !important;
   height: 28px !important;
   background-position: -94px -66px !important;
}

.icon_sns_y {
   width: 28px !important; 
   height: 28px !important;
   background-position: -94px -96px !important;
}

.icon_sns_t {
   width: 28px !important;
   height: 28px !important;
   background-position: -162px -8px !important;
}

.icon_sns_k {
   width: 28px !important;
   height: 28px !important;
   background-position: -162px -38px !important;
}

.icon_sns_b {
   width: 28px !important;
   height: 28px !important;
   background-position: -128px -130px !important;
}

.icon_sns_i {
   width: 28px !important;
   height: 28px !important;
   background-position: -164px -128px !important;
}

.icon_group i {
   display: inline-block;
   width: 22px;
   height: 22px;
   overflow: hidden;
   text-indent: -9999px;
   vertical-align: top;
   background: url(/EZ/modules/sns/images/sns01.png) no-repeat 0 0;
}


.gobut {
    color: #fff;
    font: 15px 'GmarketSans', sans-serif;
    font-weight: 400;
    background: #012D84;
    padding: 10px 50px;
    transition: all 0.5s ease;
    border: 3px solid #012D84;
    margin: 5px;
}

.mapicon{
	width:100px;
	height:100px;
	float:right;
}



.footbanner li{width:20%;float:left;list-style:none;}




.work-desc {
  
    border: 1px solid #eee;
}

.work-desc h3 {
   height:40px;
}


.txt-jw{
	text-align:justify;
	word-break: break-all;
}



/* 메인 센터 소개 */

.mainSubjectSection .subjectWrap .bx-center {
	width: 70%;
	display: inline-block;
	float: left;
	/* padding-left: 252px; */
	/* margin-top: 65px; */
	list-style:none;
	float:right;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li {
	height: 16.5%;
  }
  
  
  
   .subjectWrap .bx-center a li {
	color: #afaeae;
	font-size: 1rem;
	font-weight: 300;
  }
  
  .mainSubjectSection .subjectWrap .bx-center .active li {
	color: #0d526f;
	font-size: 1.125rem;
	font-weight: bold;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerNum {
	display: inline-block;
	font-size: 3.75rem;
	font-family: 'GmarketSans';
	color: #afaeae;
	opacity: 0;
	margin-right: 20px;
	position: relative;
	top: -16px;
	transition: 0.25s linear all;
	-webkit-transition: 0.25s linear all;
	-moz-transition: 0.25s linear all;
	-ms-transition: 0.25s linear all;
	-o-transition: 0.25s linear all;
  
	width:15%;
  
  }
  
  .mainSubjectSection .subjectWrap .bx-center a.active li .centerNum {
	color: #0d526f;
	opacity: 1;
	/*
	padding-right: 24px;
	margin-right: -5px;
	*/
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText {
	display: inline-block;
	border-left: 1px solid #0d526f;
	padding: 10px 0px 10px 50px;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a.active li .centerInfoText {
	display: inline-block;
	border-left: 5px solid #0d526f;
  
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText div {
	padding-bottom: 10px;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText div .centerInfoTextTitle {
	font-size: 1.5rem;
	font-family: 'GmarketSans';
	display: inline-block;
	/*margin-right: 10px;*/
	font-weight: 400;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a.active li .centerInfoText div .centerInfoTextTitle {
	color: #0d526f;
  }
  
  
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText div img {
	opacity: 0;
	transition: 0.25s linear all;
	-webkit-transition: 0.25s linear all;
	-moz-transition: 0.25s linear all;
	-ms-transition: 0.25s linear all;
	-o-transition: 0.25s linear all;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a.active li .centerInfoText div img {
	opacity: 1;
  }
  
  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText div .centerInfoTextContents {
	font-size: 1.125rem;
	font-weight: 400;
  }
  
  
  .mainSubjectSection .subjectWrap .bx-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-box-shadow: none;
			box-shadow: none;
	border: 0;
	margin-bottom: 0;
	float: left;
  }
  
  
  .mainSubjectSection .subjectWrap .bx-wrapper .bx-viewport .centerRolling .slide div {
	position: absolute;
	bottom: 28%;
	right: 41%;
	cursor: default;
	transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	-moz-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	-o-transform: translate(50%, 50%);
  }
  
  .mainSubjectSection .subjectWrap .bx-wrapper .bx-viewport .centerRolling .slide div .subjectSlideTitle {
	margin-bottom: 20px;
  }
  
  .mainSubjectSection .subjectWrap .text_right{ text-align: right; }
  .mainSubjectSection .subjectWrap .bx-wrapper .bx-viewport .centerRolling .slide div .subjectSlideTitle a {
	color: #ffffff;
	font-family: 'GmarketSans';
	font-size: 3rem;
  }
  
  .mainSubjectSection .subjectWrap .bx-wrapper .bx-viewport .centerRolling .slide div .subjectSlideText a {
	color: #ffffff;
	font-size: 1.25rem;
	line-height: 30px;
	margin-top: 20px;
	letter-spacing: -0.7px;
  }
  
  
  
  
  
  @media(max-width: 1400px) {
	  .mainSubjectSection .subjectWrap .bx-center {
		  width: 98%;
	  }
  }
  
  
  @media(max-width: 576px) {
  
	  .mainSubjectSection .subjectWrap .bx-center a li .centerNum {
		  width:10%;
		  font-size: 1.75rem;
	  }
	  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText {
	  padding: 10px 0px 10px 20px;
	  }
	  .mainSubjectSection .subjectWrap .bx-center a li .centerInfoText div .centerInfoTextContents {
		font-size: 1rem;
	  }
  }
  
  
  @media (max-width: 1300px) {
	.mainSubjectSection .subjectWrap .bx-wrapper .bx-viewport .centerRolling .slide div{right: 50%; width:90%}
  }

  /* 메인 센터 소개 */






  @media all and (min-width:1024px) {
	.break-t{display:inline;}
	.break-m{display:none;}
  } 
  


  @media all and (min-width:768px) and (max-width:1023px) {
	.break-t{display:inline;}
	.break-m{display:none;}
  } 
  

  @media all and (max-width:767px) {
	.break-t{display:none;}
	.break-m{display:inline;}
  
	.button-views {
		width: 100%;
		bottom:10%;
	}	

}


.animate, .aos-animate {overflow: hidden;}

.pf_list{
	display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; margin: 0 auto; list-style:none;
}





/* HEAD 카운팅 */

.section--counting {
	background-color: #0d526f;
	color: #ffffff;
	padding: 20px 0 0 0;
  }
  .section--counting .count--inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
  }
  .section--counting .count--title {
	margin-right: 20px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	display: none;
  }
  .section--counting .count--subTitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	border-top: 1px solid #858ea2;
	border-bottom: 1px solid #858ea2;
	text-align: center;
	letter-spacing: 7px;
	padding: 0 40px;
	margin-bottom: 5px;
  }
  .section--counting .count--mainTitle {
	font-size: 32px;
	font-weight: 400;
  }
  .section--counting .count--mainTitle .italic {
	font-style: italic;
  }
  .section--counting .count--deco {
	width: 41px;
  }
  .section--counting .count--deco img {
	width: 100%;
  }
  .section--counting .count--main {
	margin: 0 35px;
  }
  .section--counting .count--block {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
  }
  .section--counting .count--info {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
  }
  .section--counting .count--info-box {
	/* font-size: 24px; */
	font-size: 0.625rem; 
	font-weight: 400;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
  }
  /*
  .section--counting .count--info-box:first-child {
	position: relative;
	margin-right: 40px;
	padding-right: 40px;
  }
  .section--counting .count--info-box:first-child::after {
	content: '';
	width: 1px;
	height: 70%;
	background-color: #858ea2;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
  }
*/
  .section--counting .count--info-title {
	margin-right: 15px;
  }
  .section--counting .count--info-text .count {
	/*
	font-size: 46px;
	font-weight: 700;
	*/
	font-family: 'GmarketSans';
	color: #FFFFFF;
	margin-right: 10px;
	text-align: right;
	display: inline-block;
	font-size:0.9rem;
  }
  .section--counting .count--info-text .count_hundredThousand {
	/*width: 168px;*/
  }
  .section--counting .count--info-text .count_tenThousand {
	/*width: 140px; */
  }
  .section--counting .count--info-text .count_thousand {
	/*width: 120px;*/
  }
  .section--counting .count--date  {
	font-size: 0.9rem;
	text-align: right;
	color: #b9bbc3;
  }





  @media only screen and (min-width: 768px) and (max-width: 990px){
	.section--counting .count--main {
		margin: 0 20px;
	}
	.section--counting .count--info-box:first-child {
		position: relative;
		margin-right: 30px;
		padding-right: 30px;
	  }
	  .section--counting .count--info-text .count {
		margin-right: 8px;
	  }	  	  		
  }

  @media only screen and (min-width: 640px) and (max-width: 767px){

	.section--counting .count--main {
		margin: 0 15px;
	}
	.section--counting .count--info-box:first-child {
		position: relative;
		margin-right: 20px;
		padding-right: 20px;
	  }	
	  .section--counting .count--info-text .count {
		margin-right: 6px;
	  }	  	  
	  .section--counting .count--info-box h2{
		font-size : 1.2rem
	  }	  
  }
  
  @media only screen and (min-width: 480px) and (max-width: 639px){

	.section--counting .count--main {
		margin: 0 10px;
	}	
	.section--counting .count--info-box:first-child {
		position: relative;
		margin-right: 10px;
		padding-right: 10px;
	  }		
	  .section--counting .count--info-text .count {
		margin-right: 4px;
	  }	    
	  .section--counting .count--info-box h2{
		font-size : 1rem
	  }
  }

  @media only screen and (max-width: 479px){
  
	.section--counting .count--main {
		margin: 0 5px;
	}
	.section--counting .count--info-box:first-child {
		position: relative;
		margin-right: 5px;
		padding-right: 5px;
	  }
	  .section--counting .count--info-text .count {
		margin-right: 2px;
	  }	  

	  .section--counting .count--info-box h2{
		font-size : 0.8rem
	  }
	  
	  
	  
  }
 



 .sloganbox1 {display:flex; border:1px solid #ccc;}
 .sloganbox2 {width:100%;height:100%; padding:20px;}

 .doctorbox{  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/*gap: 10px;*/
}

.doctorbox .item {
	width: 49%; 
	margin-bottom: 10px; 
  }



 .docbtn {display:block; position: absolute; bottom:0; width:100%;}


  @media only screen and (max-width: 768px){
	.sloganbox1 {flex-direction: column;}
	.sloganbox1_marginb {margin-bottom:0;}

	.doctorbox .item {
		width: 100%; 
		margin-bottom: 10px; 
	  }	
  }
  .pfClose{
	position: absolute;
    font-size: 2rem;
    color: #FFF;
    top: 10px;
    right: 10px;
	cursor: pointer;
  }

 .mfp-close {
    color:#FFFFFF !important;
	font-size:3rem !important;
 }




div.sat_schedule .box1 table {
    width: 100%;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    border-top: none;
}

div.sat_schedule .box1 table tr th {
    box-sizing: border-box;
    padding: 10px;
    background: #f7f7f7;
    font-weight: 500;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
	text-align: center;
}

div.sat_schedule .box1 table tr th.title {
    background: #0d526f;
    font-size: 17px;
    padding: 15px;
	color:#FFFFFF;
}

div.sat_schedule .box1 table tr td {
    box-sizing: border-box;
    padding: 10px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    text-align: center;
}

div.sat_schedule .box2 {
    clear: both;
    margin-top: 50px;
}

div.sat_schedule .box2 table {
    width: 100%;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    border-top: none;
}

div.sat_schedule .box2 table tr th {
    box-sizing: border-box;
    padding: 10px;
    background: #f7f7f7;
    font-weight: 500;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

div.sat_schedule .box2 table tr th.title {
    background: #0d526f;
    font-size: 17px;
    padding: 15px;
}

div.sat_schedule .box2 table tr td {
    box-sizing: border-box;
    padding: 10px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    text-align: center;
}





.DepTtreat:hover .distext {
	bottom: 140px !important;
}

.root_daum_roughmap .cont{display:none !important;}

 .no-break { word-break: keep-all;  }
 
 .bg-color-bar {
    background: #0d526f;
}

.line-animate2 {
    float: left;
    border: 0;
    height: 2px;
    width: 12%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.line-animate2:hover {
    width: 20%;
}





.clinic-guide-wrap{
    color:#000;
}

.clinic-guide-heading{
    margin-top:0;
}

.clinic-time-wrap{
    display:table;
    width:100%;
    table-layout:fixed;
    margin:0;
    padding:0;
}

.clinic-time-wrap .clinic-left,
.clinic-time-wrap .clinic-right{
    float:none !important;
    display:table-cell;
    vertical-align:top;
    margin:0;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.clinic-time-wrap .clinic-left{
    width:25%;
    padding-left:15px;
    padding-right:15px;
}

.clinic-time-wrap .clinic-right{
    width:75%;
    padding-left:15px;
    padding-right:15px;
}

.clinic-title{
    margin:0;
    padding:0;
    font-size:21px;
    font-weight:400;
    font-family:'Noto Sans KR', sans-serif;
    color:#000;
    line-height:1.2;
    word-break:keep-all;
}

/* 공통 테이블 */
.clinic-tel,
.clinic-time{
    width:100%;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
}

.clinic-tel tbody,
.clinic-time tbody,
.clinic-tel tr,
.clinic-time tr{
    margin:0;
    padding:0;
}

.clinic-tel td,
.clinic-time td{
    margin:0;
    padding-top:0;
    padding-bottom:6px;
    vertical-align:top;
    word-break:keep-all;
}

.clinic-tel tr:last-child td,
.clinic-time tr:last-child td{
    padding-bottom:0;
}

/* 문의전화 */
.tel-title{
    width:120px;
    padding-right:15px;
    font-size:1.8em;
    font-weight:600;
    font-family:'Noto Sans KR', sans-serif;
    color:#000;
    line-height:1.35;
    white-space:nowrap;
}

.tel-value{
    font-size:1.8em;
    font-weight:600;
    font-family:'Noto Sans KR', sans-serif;
    color:#000;
    line-height:1.35;
}

.tel-value a{
    color:#0d526f;
    text-decoration:none;
}

.tel-value a:hover{
    text-decoration:underline;
}

/* 진료시간 */
.time-title{
    width:120px;
    padding-right:15px;
    font-size:1.2em;
    font-weight:600;
    font-family:'Noto Sans KR', sans-serif;
    color:#000;
    line-height:1.5;
    white-space:nowrap;
}

.time-value{
    font-size:1.2em;
    font-weight:300;
    font-family:'Noto Sans KR', sans-serif;
    color:#000;
    line-height:1.5;
}

.clinic-gap{
    height:20px;
    clear:both;
}

/* 반응형 */
@media (max-width: 767px){
    .clinic-time-wrap{
        display:block;
    }

    .clinic-time-wrap .clinic-left,
    .clinic-time-wrap .clinic-right{
        display:block;
        width:100% !important;
        padding-left:0;
        padding-right:0;
    }

    .clinic-left{
        margin-bottom:8px;
    }

    .clinic-title{
        font-size:19px;
        line-height:1.3;
    }

    .tel-title{
        width:95px;
        font-size:1.3em;
    }

    .tel-value{
        font-size:1.3em;
    }

    .time-title,
    .time-value{
        font-size:1.05em;
    }

    .clinic-gap{
        height:16px;
    }
}



.map-btn-wrap{
    font-size:0; /* inline-block 공백 제거 */
}

.map-btn{
    display:inline-block;
}

.map-btn img{
    display:block;
}

/* 모바일 */
@media (max-width:767px){

    .map-btn{
        width:50%;
    }

    .map-btn img{
        width:100%;
    }

}


.copytx.footer-info{
    margin:0;
    padding:15px 0 10px;
    font-size:14px;
    line-height:1.9;
    color:#adadae;
    word-break:keep-all;
}

.footer-info .footer-item{
    display:inline;
}

.footer-info .footer-divider{
    display:inline-block;
    margin:0 10px;
    color:#bbb;
}

.footer-info .footer-copy{
    display:inline-block;
    margin-top:4px;
    color:#888;
}

/* 모바일 */
@media (max-width: 767px){
    .copytx.footer-info{
        font-size:13px;
        line-height:1.8;
        padding:12px 10px 8px;
    }

    .footer-info .footer-item{
        display:inline-block;
    }

    .footer-info .footer-copy{
        margin-top:8px;
    }
}