/*********************************************************************************************************

	## Css Style ##

	* 본 스타일의 저작권은 (주)웹스리퍼블릭에 있습니다.
	* 본 스타일을 무단으로 이용(또는 도용)하거나 복제 또는 수정 사용시 저작권법에 의거 처벌받을 수 있습니다.
	* 구매 후에도 제 2차 사이트 등 라이선스가 적용되지 않는 사이트에 대하여 사용은 금지되어 있습니다.
	* 위 사항에 대하여 위반시 절대 합의는 없습니다 !

	* date : 2022-11-09
	* author : Joo Pil Gue(websre@naver.com)

*********************************************************************************************************/
@charset "utf-8";
/* 표준 선택자 */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Montserrat','Noto Sans KR';  margin:0; padding:0; font-size:15px; color:#666;line-height:1.4; letter-spacing:-0.05em;/*overflow:hidden;*/}
a:link      { text-decoration:none}
a:visited   {/*color:#333; */text-decoration:none}
a:active    {color:#333; text-decoration:none}
a:hover     {color:#666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
fieldset, img {margin:0; padding:0; border:0; vertical-align:middle}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance:none}
.clearfix:before, .clearfix:after {display:block; content:''}
.clearfix:after {clear:both}
li {vertical-align:top;}
h1 {font-weight:normal;color:#000;}
p {color:#333;}

/* 인풋 */
.form-control {display:inline-block;width:100%;height:60px;padding:10px 20px;color:#666;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;}
.form-control-into {display:inline-block;width:100%;height:auto;padding:10px 10px;color:#666;background-color:#fff;background-image:none;border:0px solid #ddd;border-radius:5px;}
/* 셀렉트 */
.select {position:relative;}
.select select.form-control {border-radius:0;-moz-appearance:none;/* Firefox */-webkit-appearance:none;/* Safari and Chrome */appearance:none;border-radius:5px;}
.select::after {color:#7f7f7f;content:"\e943";font-family:"xeicon";position:absolute;top:20px;right:20px;}
textarea.form-control {resize: none;height:200px;}
/* 파일첨부 */
.file-group {position: relative;margin-bottom:10px;}
.file-group label {position: absolute;top: 0;left: 0;background-color: #fff;color: #888;width: calc(100% - 132px);height: 60px;z-index: 2;line-height: 60px;padding: 0 20px;border:1px solid #ddd;cursor: pointer;text-align:left;border-radius:5px;}
.file-group input {position: relative;}
.group-file {}
.group-file [type="file"] {color: #aaa;height: 60px;line-height: 60px;padding: 0 123px 0 10px;width: 100%;text-align: left;}
.group-file [type="file"]::-webkit-file-upload-button {color:#666;cursor:pointer;font-family:notokr;padding:0 25px;position:absolute;top: 0;right: -4px;height: 60px;border: none;border-radius:5px;-webkit-appearance: none;background: #fff;border: 1px solid #ddd;transition: background-color 0.25s ease;}
.group-file [type="file"]:hover::-webkit-file-upload-button {background: #fff;}
/* 라디오 버튼 */
.custom-radio {margin-bottom: 14px;}
.custom-radio .form-group {margin-top: 10px;}
input[type="radio"] {display: none;}
input[type="radio"] + label {cursor: pointer;}
input[type="radio"] + label:before{content: "";display: inline-block;width: 25px;height: 25px;line-height: 25px;border: 1px solid #dfdfdf;vertical-align: middle;border-radius: 50%;margin-right: 10px;background: #fff;}
input[type="radio"]:checked + label:before {content: "●";font-family: "xeicon";font-weight: 700;color: #006064;border-color: #006064;font-size:17px;text-align: center;line-height: 1.2;letter-spacing: 0;}



/* 정렬 */
.center {text-align:center;}
.txtleft {text-align:left !important;}
/* 마진 */
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.nomgb {margin-bottom:0px !important;}
.nomgt {margin-top:0px !important;}

/* 패딩 */
.nopdt {padding-top:0px !important;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px !important;}
.pdt50 {padding-top:50px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:80px;}
.nopdb {padding-bottom:0px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}



/* 폰트 */
.nnmj {font-family: 'Nanum Myeongjo' !important;}
.pt {font-family: 'PT Serif' !important;}
.robo {font-family:Roboto Condensed, notokr !important;}
.mont {font-family: 'Montserrat' !important;}

/* 병원컬러 */
.srclr {color:#ce171f !important;}
.srclroc {color:#ffb6b0 !important;}
.srbgclr {background:#ce171f !important;}
.sbclr {color:#d8f0ff !important}
.whtclr {color:#fff !important;}
.blcclr {color:#000 !important;}
.grayclr {color:#333 !important;}
.redclr {color:#ce171f !important;}

.bold{font-weight:600!important;}

/* common elements */
.bt {display:block}

.mobile-style {display:none !important;}
.pc-style {display:block !important;}

img.pc {display:block;}
img.mobile {display:none;}

.displaynone {display:none !important}
.displaybrblock {display:none}

@media screen and (max-width:1200px) {
.image img.pc {width:100%}
}
@media screen and (max-width:1024px) {

/* 마진 */
.mgt20 {margin-top:0px !important;}

/* 패딩 */
.pdt25 {padding-top:0px;}
.pdt30 {padding-top:0px;}
.pdt50 {padding-top:20px;}
.pdt80 {padding-top:40px;}
.pdb70 {padding-bottom:30px;}
.pdb80 {padding-bottom:40px;}

.mnopdt {padding-top:0px;}

.mobile-style {display:block !important;}
.pc-style {display:none !important;}

.displaybrnone {display:none !important}
.displaybrblock {display:block !important}
img.pc {display:none !important;}
img.mobile {display:block !important; width:100%;}
}


/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999}
#page-loader > .inner2 {display:table; width:100%; height:100%}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin:25% auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #121212;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@media screen and (max-width:768px) {
.spinner {margin: 60% auto;}
}

.splitting .char {
  animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

@keyframes slide-in {
  from {
    /*transform: translateY(-1em) rotate(-.5turn) scale(0.5);*/
	transform: translateX(1.5em) scale(1);
    opacity: 0;
  }
}