@charset "utf-8";
/* CSS Document */
/************************************** 서브페이지 *****************************************/

/*************************************************** kimseonghyun css코딩영역 ***************************************************/
/*서브페이지 footer 하단고정*/
footer.s-footer {
	position:fixed;
	bottom:0;
	width:100%;
	z-index:2000;
	padding-bottom:10px;
}
.navbar.patient {
	min-height: 100px;
}
.login-form .form-control {padding:6px 12px 3px 12px}
/*체크박스/라디오 폼요소*/

.checkbox label, .checkbox2 label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before, .checkbox2 label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 2px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after, .checkbox2 label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
      color: #555555; }

.checkbox {
  padding-left: 20px;
}
.checkbox label::before {
  left: 0;
  margin-left: -20px;
}
.checkbox label::after {
  left: 0;
  margin-left: -20px;}

.checkbox2 {
  margin-right: 25px; }
.checkbox2 label {
	width:100%;}
.checkbox2 label::before {
  right: 0;
  margin-right: -20px;
}
.checkbox2 label::after {
  right: 0;
  margin-right: -19px;}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"],
.checkbox2 input[type="checkbox"],
.checkbox2 input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before,
.checkbox2 input[type="checkbox"]:focus + label::before,
.checkbox2 input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after,
.checkbox2 input[type="checkbox"]:checked + label::after,
.checkbox2 input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after,
.checkbox2 input[type="checkbox"]:indeterminate + label::after,
.checkbox2 input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled,
.checkbox2 input[type="checkbox"]:disabled,
.checkbox2 input[type="radio"]:disabled {
    cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label,
.checkbox2 input[type="checkbox"]:disabled + label,
.checkbox2 input[type="radio"]:disabled + label {
      opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before,
.checkbox2 input[type="checkbox"]:disabled + label::before,
.checkbox2 input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
        cursor: not-allowed; }
.checkbox.checkbox-circle label::before, .checkbox2.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline, .checkbox2.checkbox-inline {
    margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px; }
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
    padding-left: 5px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1); }
.radio input[type="radio"]:disabled {
    cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/*로그인*/
.s-top-closeBox {
	padding:35px 0 20px 0;
}
.closeBox {
	position: relative;
}
.closeBox button {
	position: absolute;
	right:10px;
	top:-20px;
	color:#575958; font-size:20px; font-weight:normal; border:none; background:none
}
.login-form button {background-color:#92c66d; color:white; border-radius:0; margin-top:10px}
.login-social {margin-top:20px; margin-bottom:10px;}

.login-social .differentLogin-Line {border:1px solid #9b9b9b; position:relative}
.login-social .different-login {position:relative; bottom:11px; background-color:white; width:150px; color:#9b9b9b}

.signup-Box span {color:#4a4a4a}
.signup-Box button {color:#92c56d; background:none; border:none; margin-top:10px; margin-bottom:20px}
.login-socialList {list-style:none; padding:10px; margin:0;}
.login-socialList li {float:left; width: 100%; margin-bottom:15px;}
.login-socialList li a {
	display: block;
	width:240px;
	margin:0 auto;
	padding:8px 0;
	border:1px solid #ddd;
	border-radius: 2px;
	text-align: center;
}
.login-socialList span {
	display: inline-block;
	text-align: center;
	padding:0;
	margin:0;
	font-weight: bold;
}

.login-socialList span:nth-child(1) {
	width:30%;
	border-right:1px solid #ddd;
}
.login-socialList span:nth-child(2) {
	position: relative;
	top:1px;
	width:70%;
}

/*로그인*/

/*질병명으로찾기*/
.categories-title {font-size:20px; position:relative; top:15px; }
.categories-title > span {margin-right:27px;}
.categories-title .explain {
	width: 100%;
	font-size: 14px;
	margin:10px auto 0;

}
.categories-title .explain span {
	display: block;
}
.disease-search {color:#439f00;}
.disease-search li {padding:10px 0;}
.categories-section {position:relative; top:10px; height:100%;}
.categories-section .categories-list {
	background:none; border-radius:0; border:none; padding:0px 15px; -webkit-box-shadow:none; box-shadow:none; clear:both;
}
.panel {margin-bottom:40px}
.panel .activate {color:#439f00}
.categories-list-inner {color:#787878; list-style:none; padding:10px}
.categories-list-inner li {padding:10px 0px}

.categories-section.patient {
	top:100px;
}
.patient li.list-group-item {
	padding:0;
}

.patient .categories-list li a {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size:16px;
	padding:10px;
}
.patient .categories-list li.select a {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size:18px;
	padding:9px 10px 8px;
	color:#439f00;
}
.patient .categories-list i {
	position: absolute;
	display: inline-block;
	font-size: 14px;
	top:15px;
	right:5px;
}
.patient .inner-item {
	border-top:1px solid #ddd;
	margin-top:5px;
}
.patient .inner-item a {
	margin-left:35px;
	color:#333;
}
.patient .inner-item i {
	top:14px;
	left:-15px;
	font-size: 14px;
}
.patient .all-select {
	position: absolute;
	right: 0;
}
/*질병명으로찾기*/

/*검색결과*/
.searchCount {color:#e34aa6}
.searchResult-list {background:none; border-radius:0; border:none; padding:0px 0px 20px; -webkit-box-shadow:none; box-shadow:none}
.searchBox {border-bottom:2px solid #439f00; margin-left:40px; margin-top:2px}
.searchBox .form-control {border:none; box-shadow:none; -webkit-box-shadow:none; border-radius:0}
.searchBox .input-group-btn .reset-btn {
	display:inline-block; font-size:18px; margin-bottom:0px;text-align:center;cursor:pointer;
	white-space:nowrap; vertical-align:middle; background:none; border:none
}
.searchBox .input-group-btn input[type=image] {
	margin: 0 10px -12px 10px;
}


.result-searchBox {
	display: inline-block;
	position: relative;
	width:90%;
	margin-top:12px;
	padding-left:10px;

}
.result-searchBox input {
	width: 100%;
	border-bottom:2px solid #41A000;
	border-width: 0 0 2px 0;
	border-radius: 0;
	box-shadow: none;
	background: rgba(0,0,0,0.00);
}
.result-searchBox .btn-Search {
	position: absolute;
	right: 30px;
	top:8px;
	background:none;
	z-index: 9999;
}
.result-searchBox .input-group-btn .search-btn {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
	padding:0 10px 0 12px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    background: none;
    border: none;
}
section.search-result .container {
	padding:0;
}
section.search-result .simple-info {
	position: relative;
	margin:0;
	padding:0 30px 3px;
	box-sizing: border-box;
}
section.search-result .btn-condition {
	display: inline-block;
	position: absolute;
	top:-2px;
	right:30px;
	font-size: 12px;
	padding:3px 12px 3px 10px;
	border-radius:25px;
	background: #5CBA5A;
	color:#fff;
}
section.search-result .result-list {
	margin:0;
	padding:0;
	border-top:1px solid #dedede;
}
section.search-result .result-list > li {
	border-bottom:1px solid #dedede;
	padding:10px 0;
	font-size: 12px;
}
section.search-result .result-list li::after {
	content: '';
	display: block;
	clear: both;
}
section.search-result .flag {
	position: relative;
	top:-25px;
	height: 0;
}
section.search-result .left-box {
	padding-top:15px;
}
section.search-result .icn1 {
	display: inline-block;
	border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #74ce70;
    color: white;
    line-height: 1.8em;
    font-size: 11px;
    text-align: center;
}
section.search-result h6 {
	display: inline-block;
	padding-left:3px;
}
section.search-result h6.title {
	padding-left:0;
	display: block;
    width: 225px;
    height: 38px;
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 0px;
    line-height: 1.5em;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}
section.search-result .fa-heart, section.search-result .fa-heart-o {
	top:9px;
	font-size:14px;
}
section.search-result .fa-heart {color:#dddddd;}
section.search-result .fa-heart.select {
	color:#eb66b5;
}
/*검색결과*/

/*검색*/
.searchCon-title {clear:both; background-color:#ededed; margin-bottom:10px; padding:10px; height:45px}
.searchCon-title span {line-height:2em}
.searchCon-title label {color:#439f00; margin-right:5px}
.condition-btn {
	border-radius:20px; color:white; background-color:#74ce70; border:none; padding:5px 10px; box-shadow:2px 2px 5px #aeaeaf;
	-webkit-box-shadow:2px 2px 5px #aeaeaf; position:relative; bottom:3px
}
.searchTab {border:none}
.searchTab > li.active > a, .searchTab > li.active > a:focus, .searchTab > li.active > a:hover {
	border-bottom:2px solid #439f00; border-top:0; border-left:0; border-right:0; font-weight:bold; color:#439f00
}
.searchTab > li > a:hover {border:none; background:none}
.tabSearch-detail {font-size:12px; color:#9b9b9b}
.tabSearch-detail .active {font-weight:600}
.tabSearch-detail .active i {color:#74ce70}
/*검색*/
.greenbig-btn {border:none; width:100%; border-radius:0px}

/*모집공고*/
.noticeDetailSection {margin-top:100px}
.top-Prev {color:#439f00}
.hospitalName {
	position: relative;
	top:-13px;
}
.hospitalName img {margin:0 auto}
.hospitalName img.hospital-Logo {margin-top:30px;}
.hospitalName span {margin-top:5px; display:block}
.hospitalName .flag {
	display: block;
	position:absolute;
	left:20px;
}
.hospitalName .flag span, .hospitalName .flag p {
	float: left;
	margin-right: 10px;
}
.hospitalName p {
	margin-top:9px;
}
.btn-map {
	display: inline-block;
	border:1px solid #ddd;
	padding:2px 7px 2px 4px;
}
.btn-map i {
	color:#bcbcbc;
	padding-right:3px;
}
span.address, li.address span {
	padding-right:10px;
}
.map {
	margin: 0;
	padding: 0;
}

.class-period {height:35px}
.class-period ul li .clinical {border-radius:20px; padding:5px 10px; color:white; background-color:#74ce70; font-size:12px;}
.class-period ul li .bioequivalence {border-radius:20px; padding:5px 10px; color:white; background-color:#70b6ce; font-size:12px;}
.class-period ul li label {font-size:12px; color:#9b9b9b}
.recruitTitle p {
	font-size:13px;
	display: block;
	height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
	font-size: $font-size;
	line-height: $line-height;
 }
.recruitTitle .icn {font-size:11px; font-weight:normal; position:relative; bottom:1px; padding:0.2em 0.1em 0em 0.1em; display:inline-block}
.recruitTitle .detail-Ul {font-size:12px;}
.recruitTitle .detail-Ul li {height:11px; border-right:1px solid #bcbcbc; line-height:11px;}
.recruitTitle .detail-Ul li:last-child {border-right:none}
.recruitTitle .title {
	font-size:18px;
	font-family: 'notokr-medium';
	text-align: center;
}
.rec-Social {margin:20px 0; clear:both}
.recInfoTab > li {width:50%; text-align:center}
.recInfoTab > li > a {background-color:#ededed; color:#9b9b9b}
.info-con p, .info-con ol {font-size:12px;}
.info-con ul li .support-reset {margin-right:10px}
.info-con ul li .clip-icon {margin-right:5px;}
.tel-confirm {font-size:12px}
.detailBack {background-color:white; border:none; box-shadow:none; -webkit-box-shadow:none}
.detailBack ul li {background-color:#f8f8f8}
.detailBack ul li span {text-align:right; display:block; font-size:12px}
.detailBack ul li span a {text-decoration:underline}
.detailBack ul li .hellKey {position:relative; float:right; top:10px}
.detailBack .checkbox label {font-size:18px; padding-left:15px}
.detailBack .checkbox {padding-left:0px; }
.detailBack .checkbox label::before {width:22px; height:22px; font-size:15px}
.detailBack .checkbox label::after {width:22px; height:22px; font-size:15px; padding-left:2px}
.detailBack .next-btn{border-radius:20px; padding:10px 50px; width:50%}
/*모집공고*/

/*사전문진*/
.examination-section {margin-top:54px}
.navbar .top-storage-btn {position:relative; bottom:10px}
.examination-section .p-DataBox {background-color:white; border:none; padding:0px}
.p-DataBox .panel-heading {background-color:#f6f6f6 ; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.p-DataBox .panel-heading .panel-title p {font-size:12px}
.p-DataBox .panel .form-group {margin:10px 15px}
.p-DataBox .input-group .fa-mobile-phone {font-size:20px; font-weight:500}
.p-DataBox .panel .form-group .date {width:180px}
.p-DataBox .panel .form-group .form-control {box-shadow:none; -webkit-box-shadow:none; vertical-align:middle; line-height:inherit}
.genderSelect a {border-radius:50%; background-color:#ffffff; border:1px solid #dedede; color:#333}
.bmi-Result {margin-left:5px; color:#74ce70}
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*사전문진*/

/*신체부위로찾기*/
.bodySearch_section {margin-top:80px}
.bodySearch_section .well {margin-bottom:100px}
.bodySearch_section .well .panel {margin:0 auto; padding:15px}
.bodySearch_section .bodySearchBox {
	background:url(../images/img_body.png) no-repeat; width:234px; height:448px; margin-bottom:65px; margin:0 auto;
	border:none; box-shadow:none; -webkit-box-shadow:none; position:relative
}
.bodySearch_section .bodySearchBox .head_con {position:absolute; top:20px; left:90px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .neck_con {position:absolute; top:75px; left:94px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .arm_con {position:absolute; top:160px; right:38px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .abdomen_con {position:absolute; top:140px; left:105px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .pelvis_con {position:absolute; top:200px; left:105px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .leg_con {position:absolute; top:310px; left:105px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .humanbody_con {position:absolute; bottom:35px; display:block; border-bottom:2px solid green}
.bodySearch_section .bodySearchBox .etc_con {position:absolute; bottom:32px; right:5px; display:block; border-bottom:2px solid green}
/*신체부위로찾기*/

/*회원가입 초기화면*/
.individualBox {background-color:#74ce70; color:#ffffff;}
.individualBox .individualCon {border-radius:0; margin-top:30px; background:none; z-index:10; position:relative}
.individualBox .individualCon .individualText {font-size:1.1em; line-height:1.5em;}
.individualBox .individualCon p a {background-color:#529d5f; min-width:200px}
.individualBox .individual_bgimg {
	background:url(../images/join/icn_join_user_modified.png) no-repeat; width:123px; height:134px;
	position:absolute; bottom:20px; right:20px; z-index:1
}
.researcherBox {background-color:#41c295; color:#ffffff}
.researcherBox .researcherCon {border-radius:0; background:none; z-index:10; position:relative}
.researcherBox .researcherCon .researcherText {font-size:1.1em; line-height:1.5em;}
.researcherBox .researcherCon p a {background-color:#408d72; min-width:200px}
.researcherBox .researcher_bgimg {
	background:url(../images/join/icn_join_researcher_modified.png) no-repeat;
	width:110px; height:133px; position:absolute; bottom:20px; right:20px; z-index:1
}
/*회원가입 초기화면*/

/*회원가입약관*/
.terms_well {border:none; box-shadow:none; background-color:#fff; padding:0px; margin-bottom:100px}
.terms_well .panel {border:none	}
.terms_well .panel .con1 {border-bottom:1px solid #ddd;}
.terms_well .panel .checkbox a, .terms_well .panel .checkbox2 a {text-decoration:underline; float:right; margin-top:2px;}
.terms_well .panel .checkbox .essential, .terms_well .panel .checkbox2 .essential {color:#c30016}
.terms_well .panel .con_textBox {padding:10px; background-color:#ededed; overflow:auto; min-height:100px}
/*회원가입약관*/

/*회원가입*/
.terms_well .panel .nav {text-align:center; margin-bottom:10px}
.terms_well .panel .nav li {position: relative; width:33.33%; float:left; color:#bcbcbc}
.terms_well .panel .nav li:nth-child(1) span, .terms_well .panel .nav li:nth-child(2) span {
	padding-right:7px;
}
.terms_well .panel .nav li span {
	text-align: left;
	display: inline-block;
	margin: auto;
}
.terms_well .panel .nav li i {
	position: absolute;
	right:-3px;
	top:13px;
}
.terms_well .panel .nav li.active i {
	color:#8fc568
}
.terms_well .panel .nav .active {color:#535353; font-weight: bold;}
.terms_well .panel .progress {height:5px; background-color:#e7e7e7}
.terms_well .panel .progress .progress-bar {width:33%; background-color:#92c56d}
.terms_well .panel .recommendText {text-align:center; margin-bottom:15px}
.terms_well .panel .recommendText a {text-decoration:underline}
.form-group .btn-authentication {
	background-color:#93c76d;
	color:#fff;
}
.terms_well .panel .form-group input {border-radius:0px}
.terms_well .panel .form-group .eye-btn {background:none; border:none}
.terms_well .panel ul {margin:0; padding:10px;}
.terms_well .panel ul li {list-style: none; margin:0; padding:0;}
.joincompletion_top {clear:both; margin:95px 0px 10px 0px}
.joincompletion_mid {text-align:center; margin-bottom:85px}
.joincompletion_mid img {margin-bottom: 45px;}
.joincompletion_mid span {display:block; margin-top:30px}
.home_btn {border:none; border-radius:20px; width:200px; display:block; margin-right:auto; margin-left:auto}
.researcher_panel {-webkit-box-shadow:none; box-shadow:none}
.researcher_panel .acceptText {text-align:center; margin-bottom:30px}
.researcher_panel .researcher_info {margin-bottom:30px}
.researcher_panel .researcher_info .researcher_infoTitle {
	background-color:#eaeaea; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0px 3px 10px
}
.researcher_info ul {font-size:13px}
/*회원가입*/
/*아이디찾기*/
.idSearchWell {
	background:none;  padding:0px;  border:none; height:100%;
	margin-bottom:40px; -webkit-box-shadow:none; box-shadow:none;
}
.idSearchWell .panel {border:none; -webkit-box-shadow:none; box-shadow:none;}
.idSearchWell .panel .idSearchTop p {font-size:13px;}
.idSearchBottom {background-color:#ffffff; border-top:1px solid #ddd; padding-top:10px}
.idSearchBottom .text-center label {margin-right:10px; font-weight:normal; color:#9b9b9b}
.idSearchBottom .text-center p {font-size:13px; margin-top:10px}
.idResultBox {text-align:center; margin-top:50px}
.idResultBox p {background-color:#ededed; padding:10px; margin:20px 0px}
.idResultBox p span {font-size:13px; font-weight:bold}
.idResultBox span {font-size:13px}
.idSearchWell .panel .confirmNum {font-size:13px}
.idSearchWell .panel .confirmNum label {color:#d0021b; margin-right:10px}
.idSearchWell .panel .confirmNum .confirmText1 {color:#4a90e2}
.idSearchWell .panel .confirmNum .confirmText2 {color:#d0021b}
.idSearchWell input {
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	height:44px;
	padding:10px;
}
.idSearchWell .phone-num {
	width: 100%;
}
.phone-num span {
	display:inline-block;
	float: left;
	position: relative;
}
.phone-num .area-num {
	width:23%;
	min-width:65px;
	border:1px solid #ccc;
	padding-right:20px;
	padding: 0;
}
.phone-num .area-num i {
	position: absolute;
	top:15px;
	right: 9px;
	font-size: 12px;
	color:#ccc;
}
.phone-num .area-num select {
	width: 100%;
	border: none;
	background: none;
	outline: none;
	-webkit-appearance:none;
	z-index: 1000;
	padding: 11px 30px 11px 10px;
}
.phone-num .num {
	width:58%;
	padding: 0 15px;
	box-sizing: border-box;
}
.phone-num .form-control {
	width:100%;
}
.phone-num .btn {
	width:19%;
	margin:0;
	padding:0;
}
.phone-num .btn button {
	display: inline-block;
	width:100%;
	border:none;
	background: #74cf70;
	color:#fff;
	margin:0;
	padding:11px 0;
}
.idSearchWell .success input, .idSearchWell .success .area-num {
	border-color: #93da90;
}
/*아이디찾기*/

/*마이페이지*/
.navbar .top-storage-btn i {font-size:20px}
.mypagetopBox {border-bottom:1px solid #ddd; margin: 0 -15px;}
.mypagetopBox .mypagetop_Menu {font-size:12px; padding-top:5px; left:-10px}
.mypagetopBox .mypagetop_Menu .item {text-align:center; width:100px}
.mypagetopBox .mypagetop_Menu .item span{display:inline-block; padding-bottom:5px; color:#9b9b9b}
.mypagetopBox .mypagetop_Menu .item span.router-link-active {border-bottom:2px solid #000000; color:#000000}
.mypage_section .panel {overflow-y:auto;  margin: 0 -15px;}
.mypage_section .panel .panel-heading {background:#ededed; padding:0px 15px}
.mypage_section .panel .panel-heading .panel-title .result {
	float:right;
	font-size:12px; padding:2px 10px; border-radius:15px; color:#39393a; background-color:#fff; display:inline-block;
	line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle}
.mypage_section .panel .panel-heading .panel-title span label {margin-left:5px; margin-bottom:0px}
.maypage_penel {margin-bottom:0px; border-radius:0}
.maypage_penel .recruitList .list-group-item {border:none; border-top:1px solid #ddd}
.maypage_penel .recruitList .list-group-item .leftBox .apply_state {margin:0 auto; padding:0px; border-radius:50%; width:50px; height:50px; background-color:#ededed}
.maypage_penel .recruitList .list-group-item .leftBox .apply_state h6 {padding-top:18px}
.maypage_penel .recruitList .list-group-item .leftBox .apply_state.active {background-color:#92c56d; color:#fff}
.maypage_penel .recruitList .list-group-item .leftBox .apply_state.simsa {background-color:#f5a623; color:#fff}

.maypage_penel .recruitList .list-group-item .leftBox .recruit_text1 {color:#92c56d}
.maypage_penel .recruitList .list-group-item .leftBox .recruit_text2 {color:#9b9b9b}
.maypage_penel .recruitList .list-group-item .rightBox .date_text {margin-left:10px}
.mypageTabBox {padding-left:0px; padding-right:0px; background-color:#ededed}
.mypageTabBox .mypageTab {float:right; border:none;}
.mypageTabBox .mypageTab, .mypageTab > li > a {border:none; font-size:13px}
.mypageTabBox .mypageTab > li.active > a, .mypageTabBox .mypageTab > li.active > a:focus, .mypageTabBox .mypageTab > li.active > a:hover {
	background:none; border:none;
}
.maypage_penel .set_modify {margin-top:7px; font-size:13px;}
.maypage_penel .set_modify a {text-decoration:underline;}
.maypage_penel .set_modifyInfo {clear:both}
.maypage_penel .set_modifyInfo h4 {font-weight:bold}
.maypage_penel .set_modifyInfo .memberInfo .form-group {margin-bottom:3px}
.maypage_penel .set_modifyInfo .memberInfo .form-group .lefttext {width:100px; text-align:left;float:left; padding-left:15px; padding-right:15px; color:#9b9b9b}
.maypage_penel .set_modifyInfo .memberInfo .form-group .righttext {float:left}
.maypage_penel .panel-heading2 {border-top:7px solid #ededed; border-bottom:7px solid #ededed; background:none; border-radius:0}
.myInfo-section {margin-top:-2px}
.myInfo-section .userInfo {background-color:white; border:none; padding:0px}
.userInfo .panel-heading {background-color:#f6f6f6 ; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.userInfo .panel-heading .panel-title p {font-size:12px}
.userInfo .panel .form-group {margin:15px 0px; padding:0px 20px 9px 20px}
.userInfo .panel .form-horizontal .form-group {border-bottom:1px solid #ddd; position:relative}
.userInfo .panel .form-horizontal .form-group label {float:left; color:#9b9b9b; font-weight:normal}
.userInfo .panel .form-horizontal .form-group .rrn_text {font-size:11px}
.userInfo .panel .form-horizontal .form-group .first_label {width:100px; text-align:left}
.userInfo .panel .form-horizontal .form-group .input-group {display:block}
.userInfo .panel .form-horizontal .form-group .input-group .birth_date {margin-top:10px}
.userInfo .panel .form-horizontal .form-group .input-group input {border:none}
.userInfo .panel .form-horizontal .form-group .input-group .addr {margin-top:9px; padding:0px; clear:both}
.userInfo .panel .form-horizontal .form-group .input-group span {float:left}
.userInfo .panel .form-horizontal .form-group .genderSelect {position:absolute; left:120px; bottom:9px}
.userInfo .panel .form-horizontal .form-group .input-group button {position:absolute; right:0px; top:-7px}
.userInfo .input-group .fa-mobile-phone {font-size:20px; font-weight:500}
.userInfo .panel .form-group .date {width:180px}
.userInfo .panel .form-group .form-control {box-shadow:none; -webkit-box-shadow:none; vertical-align:middle; line-height:inherit}
.mypage_applyTop {border-top:1px solid #ddd; padding-top:20px; height:190px; text-align:center}
.mypage_applyTop .bgBox {background:url(../images/img_request_top.png) no-repeat; width:198px; height:161px; margin:0 auto}
.mypage_applyTop .bgBox_text{display:block; position:relative; bottom:90px}
.userInfo .panel .mypage_apply {padding-left:0px; padding-right:0px}
.userInfo .panel .mypage_apply .form-horizontal .form-group {border-bottom:0px; background-color:#f6f6f6; padding:10px}
.userInfo .panel .mypage_apply .form-horizontal .form-group .input-group input {background:none}
.userInfo .panel .mypage_apply .form-horizontal .form-group  textarea {background-color:#f6f6f6; border:none;}
.mypage_applyBottom ul {border:1px solid #bcbcbc; padding:10px}
.mypage_applyBottom ul li h5 {color:#9b9b9b}
.mypage_applyBottom ul li h5 span {margin-left:15px; color:#4a4a4a}
/*마이페이지*/
.mybusiness {margin-top:70px; padding-left:0px; padding-right:0px;}
.nav-c-pills > li {
	width:50%; text-align:center; float:left
}
.nav-c-pills > li > a:focus, .nav-c-pills > li > a:hover {
	background:none
}
.nav-c-pills > li.active > a, .nav-c-pills > li.active > a:focus, .nav-c-pills > li.active > a:hover {
	border-bottom:2px solid #000000;
	font-weight:bold;
}
.mybusinessList:last-child {margin-bottom:0}
.mybusinessList .list-group-item {position:static; padding-left:0px; padding-right:0px}
.mybusinessList .list-group-item .leftBox {padding-left:0px; padding-right:0px; font-size:12px; text-align:center}
.mybusinessList .list-group-item .rightBox {padding-left:0px; padding-right:0px;}
.mybusinessList .list-group-item .rightBox h6 {display:inline-block}
.mybusinessList .list-group-item .rightBox .title {display:block; margin-top:0px; font-weight:bold; line-height:1.5em; padding-right:10px}
.mybusinessList .list-group-item .rightBox .fa-heart, .recruitList .list-group-item .rightBox .fa-heart-o {position:absolute; right:10px;}
.mybusinessList .icn1 {
	border-radius:50%; width:20px; height:20px; background-color:#74ce70; color:white; display:inline-block; line-height:1.8em; font-size:11px; text-align:center
}
.mybusinessList .icn2 {
	border-radius:50%; width:20px; height:20px; background-color:#70b6ce; color:white; display:inline-block; line-height:1.8em; font-size:11px; text-align:center
}
.mybusinessList ul {font-size:11px; margin-bottom:0px}
.mybusinessList ul li {height:11px; line-height:11px;}
.mybusinessList ul li:last-child {border-right:none}
.mybusiness_penel {margin-bottom:43px; border-radius:0; -webkit-box-shadow:none; box-shadow:none}
.mybusiness_penel .mybusinessList .list-group-item {border:none; border-top:1px solid #ddd}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state {margin:0 auto; padding:0px; border-radius:50%; width:50px; height:50px; background-color:#ededed}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state h6 {padding-top:12px}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.recruiting {background-color:#92c56d; color:#fff;}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.standby {background-color:#f6a623; color:#fff;}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.etc {background-color:#dedede; color:#000;}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.recruiting h6 {line-height:2em}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.standby h6 {line-height:1.2em}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .apply_state.etc h6 {line-height:2em}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .recruit_text1 {color:#92c56d}
.mybusiness_penel .mybusinessList .list-group-item .leftBox .recruit_text2 {color:#9b9b9b}
.mybusiness_penel .mybusinessList .list-group-item .rightBox .date_text {margin-left:10px; color:#9b9b9b}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk {margin-top:10px}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div {padding:10px}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div.innerDiv {font-size:12px; text-align:center; border:2px solid #e2e2e2; padding:5px;}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div.innerDiv label {margin-bottom:0px}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div.innerDiv label .suitable {color:#74ce70; margin-left:5px}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div.innerDiv label .unsuitable {color:#bcbcbc; margin-left:5px}
.mybusiness_penel .mybusinessList .list-group-item .mybusinessBottom_chk div.innerDiv label .standby {color:#f6a623; margin-left:5px}
.mybusiness_penel .mybusinessList .nullData {margin-top:80px; text-align:center}
.mybusiness_penel .mybusinessList .nullData h4 {margin-bottom:20px}
.mybusiness_penel .chercheurInfo-ul {text-align:right; font-size:12px; margin-top:10px;}
.mybusiness_penel .chercheurInfo-ul .active {color:#439f00; font-weight:bold}
.mybusiness_penel .form-group {margin:15px 0px; padding:0px 20px 9px 20px}
.mybusiness_penel .form-horizontal .form-group {border-bottom:1px solid #ddd; position:relative}
.mybusiness_penel .form-horizontal .form-group label {float:left; color:#9b9b9b; font-weight:normal}
.mybusiness_penel .form-horizontal .form-group .rrn_text {font-size:11px}
.mybusiness_penel .form-horizontal .form-group .first_label {width:130px; text-align:left}
.mybusiness_penel .form-horizontal .form-group .input-group {display:block}
.mybusiness_penel .form-horizontal .form-group .input-group .birth_date {margin-top:10px}
.mybusiness_penel .form-horizontal .form-group .input-group input {border:none}
.mybusiness_penel .form-horizontal .form-group .input-group .addr {margin-top:9px; padding:0px; clear:both}
.mybusiness_penel .form-horizontal .form-group .input-group span {float:left}
.mybusiness_penel .form-horizontal .form-group .genderSelect {position:absolute; left:120px; bottom:9px}
.mybusiness_penel .form-horizontal .form-group .input-group button {position:absolute; right:0px; top:-7px}
.mybusiness_penel .mybusinessForm {margin-top:80px}
.mybusiness_penel .panel-bottom {padding-top:1px; color:#4a4a4a}
.mybusiness_penel .panel-bottom h6 {line-height:16px}
/*************************************************** kimseonghyun css코딩영역 ***************************************************/


/*search-list style*/
.highlight-font { color:#439f00; }
.content-wrapper .content-row { margin-bottom:30px; }
.content-wrapper .panel-margin { margin:0; }
.content-wrapper .btn-area { padding:15px; margin-bottom:20px; }
.content-wrapper .btn-success { border:none; border-radius:20px }
.content-wrapper .btn-more { width:100%; margin:10px 0; border-radius:5px !important; }
.content-wrapper .list-item .checkbox-item { display:inline-block; }
.content-wrapper .list-item .checkbox-item .chk-item { display:none; }
.content-wrapper .list-item .checkbox-item span { font-weight:normal; }
.content-wrapper .activate .checkbox-item span { font-weight:bolder; }

/*search-list body_code style*/
.content-wrapper .panel-body { border-color:#ddd; padding:15px; }
.content-wrapper .panel-body .bodySearchBox { background:url(../images/img_body.png) no-repeat; width:234px; height:448px; margin-bottom:65px; margin:0 auto; border:none; box-shadow:none; -webkit-box-shadow:none; position:relative; }
.content-wrapper .panel-body .bodySearchBox span { display:block; position:absolute; border-bottom:2px solid green; }
.content-wrapper .panel-body .bodySearchBox span.body { bottom:35px; }
.content-wrapper .panel-body .bodySearchBox span.head { top:20px; left:90px; }
.content-wrapper .panel-body .bodySearchBox span.neck { top:75px; left:94px; }
.content-wrapper .panel-body .bodySearchBox span.abdomen { top:140px; left:105px; }
.content-wrapper .panel-body .bodySearchBox span.pelvis { top:200px; left:105px; }
.content-wrapper .panel-body .bodySearchBox span.limb { top:300px; left:100px; }
.content-wrapper .panel-body .bodySearchBox span.etc { bottom:32px; right:5px; }

/*detail modal style*/
.content-wrapper .modal-mask { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); display:table; transition:opacity .3s ease; }
.content-wrapper .modal-wrapper { display:table-cell; vertical-align:middle; }
.content-wrapper .modal-container { width:70%; margin:0px auto; background-color:#fff; border-radius:5px; box-shadow:0 2px 8px rgba(0, 0, 0, .33); transition:all .3s ease; }
.content-wrapper .modal-header { padding:15px 0 5px; }
.content-wrapper .modal-header strong { margin-top:0; font-size:16px; }
.content-wrapper .modal-body { padding:15px 20px 20px; overflow-y:auto; }
.content-wrapper .modal-footer { padding:0; }
.content-wrapper .modal-footer .modal-btn { width:100%; }
.content-wrapper .modal-footer .modal-btn .btn { width:100%; border:none; color:#fff; background:#aaa; border-radius:0 0 5px 5px; padding:15px; }
.content-wrapper .modal-enter { opacity:0; }
.content-wrapper .modal-leave-active { opacity:0; }
.content-wrapper .modal-enter .modal-container, .content-wrapper .modal-leave-active .modal-container { -webkit-transform:scale(1.1); transform:scale(1.1); }

/*examination user-info style*/
.content-wrapper .examination-list .radio-label input[type="radio"] { margin-right:10px; }

/*************************************************** kim kyuree css코딩영역 ***************************************************/
/* my_before **/
.logo_top {
	margin-top:-12px;
}
.logo_top img {
	width:40px;
	height:40px;
	margin:0 10px 0 10px;
}
.my_menu_closeBox {
	padding:30px 0 10px 0;
}
.my_menu_closeBox .closeBox {
	padding-right:15px;
}
.my-menu-title {
	padding-top:10px;
	padding-bottom: 3px;
	background-color: #f1f1f1;
	font-weight: bold;
	color:#4a4a4a;
}
.my_menu ul {
	padding:0;
	margin:0;
	list-style:none;
	border:1px solid #f2f2f2;
}
.my_menu li {
	display:block;
	float:left;
	width:25%;
	padding:15px 9px;
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	text-align:center;
}
.my_menu li:nth-child(4n) {
	border-right:1px solid transparent;
}
.my_menu li:nth-child(9), .my_menu.border-b0 li {
	border-bottom:1px solid transparent;
}
.my_menu li h6 {
	font-size:12px;
	letter-spacing:-0.1em;
	margin-top:10px;
	margin-bottom:0;
}
.margin-b10 {
	margin-bottom:10px;
}
.margin-b5 {
	margin-bottom:0;
}
.margin-b0 {
	margin-bottom:0;
}
.my-menu-footer {
	padding-top:50px;
	font-size: 11px;
	color:#9b9b9b;
}
.my-menu-footer .btn_login, .my-menu-footer .btn_join {
	display:inline-block;
	min-width:129px;
	max-width:156px;
	padding:12px 10px 10px 10px;
	margin:3px;
	margin-bottom:50px;
	text-align:center;
	box-sizing:border-box;
	font-size:14px;
	font-weight: bold;
}
.my-menu-footer .btn_login {background-color: #92c66d; color:#fff;}
.my-menu-footer .btn_join {background-color: #cff09e; color:#507c5c;}
.footer_title {color:#9b9b9b;}
.font_colorG {color:#92c56d}
.font-colorGray {color:#858585;}
.font-color-DarkGray {color:#4a4a4a;}
.font-color-lightGray {color:#898989;}
.font-color-red {color:#c30016;}
.font-15-4a {
    font-size: 15px;
    color:#4a4a4a;
}
/*about*/
.mobileweb-section {
    height: 100%;
}
.AboutTab {border:none}
.AboutTab > li.active > a, .AboutTab > li.active > a:focus, .AboutTab > li.active > a:hover {border-bottom:2px solid #000; border-top:0; border-left:0; border-right:0; font-weight:bold; color:#4a4a4a}
.AboutTab > li > a:hover {border:none; background:none}
.AboutTab > li > a {color:#9b9b9b;}
.about::after, .brand_story .heading_logo::after, .company_intro dl::after, .company_intro .w100::before, .apply_process li::after, .apply_process li:after, .apply_process li, .proclamation li::after, .proclamation li:afte, .explain.clear:before, .explain.clear::before {
	content: "";
    display: block;
    clear: both;
}
.about h4, .brand_story h4, .about strong, .clinical_trial h4, .clinical_trial strong, .proclamation h4 {
	font-family: "notokr-medium";
	font-weight: normal;
}
.ta_center, .about h1, .about h5, .brand_story h1 {text-align:center;}
.ta_right {text-align:right;}
.ta-left {text-align:left;}
.font_s {font-size:12.7px;}
.padding30 {padding:30px;}
.padding-rl0 {
	padding-right:0;
	padding-left:0;
}
.padding-tb10 {padding:10px 0;}
.margin-t5 {margin-top:5px;}
.margin-t15 {margin-top:15px;}
.margin-t30 {margin-top:30px;}
.margin-t50 {margin-top:50px;}
.margin-b30 {margin-bottom:30px;}
.margin-b100 {margin-bottom:100px;}
.padding-t15 {padding-top:15px;}
.padding15 {padding:15px;}
.padding-tb30 {
	padding-top:30px;
	padding-bottom:30px;
}
.padding-rl15 {
	padding-right:15px;
	padding-left:15px;
}
.padding-b20 {padding-bottom:20;}
.bgC-fa {background-color:rgba(0,0,0,0.02);}
.bgC-fff {background-color:#fff;}
.bgC-f8 {background-color:#f8f8f8;}
.po-relative {
	position: relative
}
.web-view-panel, .web-view-panel .introduce, .web-view-panel .contactUs {
	padding-top:15px;
	letter-spacing:-0.025em;
}
.web-view-panel .introduce, .web-view-panel .contactUs, .web-view-panel .clinical_trial, .web-view-panel .proclamation, .web-view-panel .brand_story, .web-view-panel .apply_process {
	padding-bottom:15px;
}
.introduce img {
	width:100%;
	height:auto;
}
.introduce ul {
	list-style:none;
	padding:0;
}
.introduce .history {
	width:90%;
	margin:0 auto;
}
.introduce .history > li {
	margin-top: 40px;
	background:url("../images/introduce-bg-circle.png")no-repeat left top;
}
.introduce .history h6 {
	width:100%;
	font-size: 28px;
	color:#439f00;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:10px;
	box-sizing:border-box;
}
.introduce .history ul {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.introduce .history ul li {
	text-indent:-8px;
	line-height: 2;
	color:#4a4a4a;
}
.web-view-panel .explain, .proclamation_contents > .explain {
	padding:15px;
	background-color: #fff;
}
.contactUs {background-color: #fff;}
.contactUs dl {display:block;}
.contactUs dt {
	float:left;
	min-width:15%;
	margin-left:15px;
	margin-bottom:10px;
	color:#9b9b9b;
}
.contactUs dd {
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	color:#4A4A4A;
}
.contactUs img {width:100%;}
.contactUs .metro_red, .contactUs .metro_blue {
	display:inline-block;
	min-width:50px;
	margin-right:5px;
	padding:5px 10px;
	border-radius:15px;
	color:#fff;
	text-align:center;
}
.metro_red {background:#a6032d;}
.metro_blue {background:#0271c3;}
.clinical_trial ul {
	max-width:270px;
	padding:0;
	margin:20px auto;
	list-style:none;
}
.clinical_trial li {
	text-align:center;
}
.clinical_trial li i {
	display:block;
	margin:5px 0 10px 0;
}
.clinical_trial li > p {
	display:block;
	padding:10px 0;
	margin-bottom: 0;
	border-radius:30px;
	text-align:center;
}
.clinical_trial li .step-color {
	background-color:#cff09e;
	color:#507c5c;
	font-weight:bolder;
}

.clinical_trial li .step-none {
	border: 1px solid #ddd;
	background:#F4F4F4;
}
.clinical_trial p .font_s {
	font-size:12.7px;
	color:#616161;
}
.proclamation .link h5 {
	padding:15px 15px 0 15px ;
	color:#9b9b9b;
}
.proclamation .link ul {
	margin:0;
	padding:0;
	background:#fff;
	list-style:none;
}
.proclamation .link > ul > li > a {
	width:95%;
	padding:15px 15px 10px 15px;
	margin:0 auto;
	border-bottom:1px solid #ededed;
}
.proclamation .link > ul > li > a {display:block; color:#4a4a4a;}
.proclamation .link > ul > li:last-child {border:none;}
.proclamation .logo_bullet {
	display: block;
	float:left;
	margin-right:15px;
	margin-top: -7px;
}
.proclamation .link button {
	display:block;
	float:right;
	border:none;
	background:transparent;
	margin-top: -2px;
}
.about .explain h1, .brand_story .explain h1 {
	padding:0;
	margin:0;
}
.about .explain h5 {
	padding:0;
	padding-bottom:10px;
	margin:0;
}
.about_symbol {
	float:right;
	margin:0 0 0 25px;
}
.about-img-bg {
	background:url("../images/about_bg.png") no-repeat right bottom;
	padding-bottom:25px;
}
.about-img-bg > div {
	padding:40px 15px;
	background-color:rgba(0,0,0,0.02);
}
.about .heading_icon i {
	float:left;
	margin-top:-12px;
}
.brand_story_img img {width:100%;}
.brand_story .logo_Color {float:right;}
.brand_story .logo_Color div {display:inline-block; width:35px; height:40px;}
.brand_story .logo_Color .dark_green {background:#003a18;}
.brand_story .logo_Color .light_green {background:#65b22e;}
.brand_story .explain {background:#fff;}
.brand_story .explain h1 {padding:0px 0 15px 0;}
.brand_story > div {
	padding:15px;
	background-color: #fafafa;
}
.apply_process {
	padding-left:15px;
	padding-right:15px;
}
.apply_process p span {color:#393939}
.apply_process ol {
	list-style:none;
	margin-bottom:30px;
	padding:0;
}
.apply_process li {
	padding:10px;
	border-bottom:1px solid #ededed;
	font-size: 13px;
}
.apply_process h6 {
	font-size: 17px;
	color:#4a4a4a;
	font-weight: bold;
	margin-top: 0;
}
.apply_process li p {
	display: block;
	color:#9b9b9b;
}
.apply_process .order-No {
	display: block;
	float:left;
	width:60px;
	height:65px;
	margin-right:5px;
}
.apply_process li::after, .apply_process li:after, .proclamation .link > ul > li > a::after, .proclamation .link > ul > li > a:after {
	content:"";
	display:block;
	clear:both;
}
.apply_process .order-No img {
	width:100%;
	height:auto;
}
.proclamation_contents {padding-top:20px;}
.proclamation_contents .explain {
	padding-left:15px;
	padding-right:15px;
}
.proclamation_contents .link .sub-text {color:#4a4a4a;}
.proclamation_contents ul {
	margin:0;
	list-style:none;
}
.proclamation_contents .practice > li {
	padding-right:15px;
	padding-left:15px;
}
.proclamation_contents h4 {
	font-size: 15px;
	color:#4a4a4a;
	font-weight: bold;
}
.proclamation_contents p, .proclamation_contents li {
	font-size: 14px;
	color:#4a4a4a;
}
.proclamation_contents h5 {
	font-size: 16px;
	color:#4a4a4a;
	font-weight: bold;
}
.proclamation_contents h5 strong {text-decoration:underline;}
.proclamation_contents .btn_area {padding:50px 0; background:#fff;}
.proclamation_contents .btn_link {
	padding:8px 25px;
	background: #eee;
	border:1px solid #bcbcbc;
	border-radius:30px;
	font-weight: bold;
	color:#4a4a4a;
}
.proclamation_contents .law {
	padding:15px 15px 20px 15px;
}

.proclamation_contents .law > ul.helsinki {
	background-color: #fafafa;
}
.proclamation_contents .law > ul.bgC-fa, .proclamation_contents .law > ul.bgC-fa li, .proclamation_contents .law > ul.bgC-fa ul {background-color: #fafafa;}
.proclamation_contents .law h5, .proclamation_contents .practice h5 {
	padding-left:0;
	paddgin-right:0;
	color:#4a4a4a;
}
.proclamation_contents h6 {
	font-size: 15px;
	color:#4a4a4a;
}
.proclamation_contents ul, .proclamation_contents ol {
	padding:0;
	margin:0;
}
.proclamation_contents li {
	list-style:none;
}
/* 모바일웹 */
.mweb-top-fix {margin-top:54px;}
.mweb-nav {
	border: solid #e7e7e7;
	border-width: 2px 0 1px 0;
}
.mweb-nav > li {float:left;}
.mweb-nav > li:first-child {
	border-right:1px solid #dfdfdf;
}
.mweb-nav > li.active > a {
	color: #439f00;
    cursor: default;
	font-weight: bold;
}
.mweb-nav > li > a {
    line-height: 1.42857143;
    color: #9b9b9b;
	background:#fafafa;
}
.mweb-nav > li > a:focus, .mweb-nav > li > a:hover {
    text-decoration: none;
    background-color: #fafafa;
}
.mweb-panel {margin-bottom:60px;}
.mweb-panel .title {
	margin-top:20px;
	text-align:center;
}
.mweb-panel .title h4, .mweb-panel .title .btn-title-modal {
	display:inline-block;
	padding:8px 15px;
	background:#ededed;
	border:1px solid #979797;
	border-radius:20px;
	font-size: 16px;
	color:#4a4a4a;
	font-weight: bold;
}
.mweb-panel ul.list-group {
	padding:19px;
	margin-bottom:0;
}
.mweb-panel ul.list-group li {
    position: relative;
    display: block;
}
.mweb-panel ul.list-group li p, .mweb-panel ul.list-group li > ol, .mweb-panel ul.list-group li > ul  {
	padding:5px 15px;
}
.mweb-panel ul.list-group li .inline-span {
    padding:0 15px 10px;
}
.mweb-panel ul.list-group li .file-item {
    display:inline-block;
    margin-bottom:5px;
}
.mweb-panel ul.list-group li .file-item a {
    display:block;
}
.mweb-panel ul.list-group li .file-item a img {
    float:left;
    margin-top:2px;
}
.mweb-panel .inline-list {
  padding:19px;
  margin-bottom:0;
}
.mweb-panel .inline-list ul.list-group {
  padding: 5px 15px
}
.mweb-panel .inline-list ul.list-group li {
  font-size:12px;
}
.mweb-panel .inline-list p {
  margin-top:20px;
}
.mweb-panel .bottom-notice, .mweb-notice, .bgC-f3, .mweb-apply-notice {
	background:#f3f3f3;
}
.mweb-panel .bottom-notice {
	padding:10px;
	margin:0 19px 19px 19px;
	color:#4a90e2;
}
.mweb-panel .bottom-notice-grey {
	padding: 0 10px;
}
.mweb-notice {
	margin-top:30px;
	padding:30px;
	text-align:center;
}
.bottom-btn-area {
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
	background:#C2C2C2;
	font-weight: bold;
	font-size: 18px;
}
.bottom-btn-area button, .end-message button {
	color:#fff;
	border: none;
    border-radius: 0px;
}
.bottom-btn-area .graybig-btn {
	background:#5A595A;
}
.bottom-btn-area .lightgraybig-btn {
	color:#9b9b9b;
	width:100%;
}
.bottom-btn-area .greenbig-btn {
	background: #9AC779;
}
.bottom-btn-area .lightgreenbig-btn, .lightgreenbig-btn {background:#bad8a4;}
.bottom-btn-area span {padding-left:10px;}
.bottom-btn-area button.w30, .bottom-btn-area button.w70 {
	display:block;
	float:left;
	padding-top:10px;
	padding-bottom: 10px;
}
button.bg-green-btn {
	background:#74ce70;
	color:#fff;
}
button.btn-round-green {
	padding:10px 25px;
	border-radius:50px;
	font-weight: bold;
	background:#92c56d;
	color:#fff;
}
button.btn-round-green i.call {
	display:inline-block;
	padding:10px;
	margin-right:10px;
	vertical-align:top;
	background: url("../images/icn_phone_white.png") no-repeat;
}
.bottom-btn-area button.w30 {width:30%;}
.bottom-btn-area button.w70 {width:70%;}
a.helsinki-view {
	display:block;
	text-align:center;
	margin-bottom:60px;
}
.modal-bg {
	position:absolute;
	width:100%;
	height:100vh;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.80);
	z-index:9999;
}
.modal-bg .modal-popup, .modal-bg .modal-popup2 {
	position:absolute;
	width:85%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	padding-top:25px;
	background:#fff;
}
.modal-bg .modal-popup {
	height:354px;
	border-radius:7px;
}
.modal-bg .modal-popup2 {
	height:340px;
}
.modal-bg .modal-popup.height120 {
	height:120px;
}
.modal-bg .modal-popup.height240 {
	height:240px;
}
.modal-popup h4, .modal-popup ul {
	margin-left:20px;
	margin-right:20px;
}
.modal-popup h4 {
	padding-bottom:10px;
	margin-bottom:20px;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	border-bottom:2px solid #ededed;
	text-align:center;
}
.modal-popup ul {
	margin-bottom:20px;
	padding:0;
	list-style:none;
}
.modal-popup ul li {
	font-size: 15px;
	color:#4a4a4a;
	padding-bottom:5px;
}
.modal-popup2 button {display:inline-block;}
.modal-popup button {display:block;}
.modal-popup button, .modal-popup2 button {
	padding-top:15px;
	padding-bottom:15px;
	border:none;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
}
.modal-popup button.w100-bottom, .modal-popup button.w50-bottom {
	position:absolute;
	bottom:0;
	background-color:#9b9b9b;
}
.modal-popup button.w100-bottom {
	width:100%;
	border-radius:0 0 7px 7px;
}
.modal-popup button.w50-bottom {width:50%;}
.modal-popup button.left {
	left:0;
	border-radius:0 0 0 7px;
}
.modal-popup button.right {
	right:0;
	border-radius:0 0 7px 0;
}
.modal-popup button.light-gray {
	background-color:#ebebeb;
	color:#9b9b9b;
}
.modal-popup2 h4.bottom-line {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px solid #ededed;
}
.modal-popup2 button.w80 {width:80%;}
.mweb-panel .btn-area {text-align:center;}
.mweb-panel .btn-area button {
	display:inline-block;
	border-radius: 20px;
}
.mweb-panel button.big {
	width:50%;
	padding:10px 50px;
}
.mweb-panel button.small {
	width:30%;
	margin:0 10px;
	padding:10px 20px;
}
.mweb-panel .input-list {
	padding-left:0;
	padding-right:0;
	list-style:none;
}
.mweb-panel .input-list li {
	padding:5px 15px;
	border-bottom:1px solid #f6f6f6;
}
.mweb-panel .input-list label {
	width:25%;
	font-size: 14px;
	color:#9b9b9b;
}
.mweb-panel .input-list input {
	width:73%;
	padding:5px;
	border:1px solid #ddd;
}
.mweb-apply-notice {
	margin-top:30px;
	padding:15px;
}
.mweb-progress {
	width:100%;
	margin:0;
	padding:20px 15px 50px 15px;
}
.mweb-progress .mweb-progress-bar-bg, .mweb-progress .mweb-progress-bar-bg .mweb-progress-bar, .mweb-progress .mweb-progress-bar-bg .mweb-progress-bar2 {
	display:block;
	height:5px;
	border-radius:3px;
}
.mweb-progress .mweb-progress-bar-bg {
	width:100%;
	background:linear-gradient(90deg,#b4ed50,#53a0fe,#3023ae);
}
.mweb-progress .mweb-progress-bar-bg .mweb-progress-bar {
	float:left;
	background-color:transparent;
}
.mweb-progress .mweb-progress-bar-bg .mweb-progress-bar2 {
	float:right;
	background-color:#ededed;
}
.mweb-progress .mweb-progress-mark {
	position:relative;
}
.mweb-progress .mweb-progress-mark span {
	display:inline-block;
	position:absolute;
	right:-15px;
	width:30px;
	text-align:center;
}
.mweb-progress .mweb-progress-mark span.mweb-progress-arrow {
	color:#a0dd75;
	top:0;
}
.mweb-progress .mweb-progress-mark span.mweb-progress-txt {
	top:18px;
	color:#4a4a4a;
	font-weight:600;
}
.mweb-progress .mweb-progress-mark .mweb-progress-pointer {
	color:#a0dd75;
	top:-14px;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.mweb-question, .mweb-number {
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}
.mweb-question h4, .mweb-question h5 {
	color:#4a4a4a;
	font-weight: bold;
}
.mweb-question h4 {
	font-size: 24px;
}
.mweb-question h5 {
	font-size: 20px;
	margin-top:40px;
	line-height: 1.5;
}
.mweb-question ul {
	width:80%;
	padding-left: 0;
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;
	list-style:none;
}
.mweb-question ul li {
	width:100%;
	text-align:left;
}

.mweb-question .custom-radio li {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
.mweb-question .custom-radio input {
	position:absolute;
	top:17px;
	left:7px;
	opacity:0;
}
.mweb-question .custom-radio input:checked + .icon-radio {
	background: url("../images/btn_checkbox_on.png") no-repeat;
}
.mweb-question .custom-radio input + .icon-radio {
	display:inline-block;
	width:25px;
	height:25px;
	background: url("../images/btn_checkbox_off.png") no-repeat;
	vertical-align:-7px;
}
.mweb-question .custom-radio .icon-radio img {width:100%; height:auto;}
.mweb-question .custom-radio label {padding-left:10px;}
.mweb-question .answer-example {
	display:block;
	margin-top:10px;
	text-align:center;
	font-size: 12px;
	color:#9B9B9B;
}
.mweb-question .answer-example2 {
	display:block;
	margin-top:10px;
	text-align:center;
	font-size: 14px;
	color:#9B9B9B;
}
.mweb-question .answer-fill {
	width:80%;
	padding:5px;
	border-width:0 0 2px 0;
	text-align:center;
}
.mweb-question .answer-fill.out {
	border-color:#bcbcbc;
}
.mweb-question .answer-fill.in {
	border-color:#74ce70;
}
.mweb-question.end-message h5, .mweb-question.end-message h6 {
	font-weight: bold;
	color:#4a4a4a;
	line-height:1.5;
}
.mweb-question.end-message h5 {
	font-size:20px;
	margin-top:15px;
}
.mweb-question.end-message h6 {
	font-size:16px;
}
.mweb-question.end-message h6 i {margin-right:10px;}
.mweb-question.end-message p {
	font-size:14px;
	color:#9b9b9b;
}
.mweb-question.end-message strong {
	color:#393939;
}
.mweb-question.end-message strong.text-underline {border-bottom:1px solid #4a4a4a; }
.mweb-sub-question {
	list-style:none;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
	letter-spacing:-0.025em;
}
.mweb-sub-question li {
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
}
.mweb-sub-question li input[type=text] {
	display:block;
	width:90%;
	padding:5px 10px;
	margin:50px auto 5px auto;
	border:none;
	background:none;
	border-bottom:2px solid #bcbcbc;
	text-align:center;
}
.faq-list, .business-setting {
	list-style:none;
	padding:0;
}
.faq-list .faq-title {
	display:block;
	margin-left:15px;
	margin-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #e7e7e7;
}
.faq-list li:first-child .faq-title {border-top:none;}
.faq-list .faq-title .date {
	font-size: 13px;
	color:#bcbcbc;
}
.faq-list .faq-title .arrow-open, .faq-list .faq-title .arrow-close {
	display:block;
	float:right;
	width:18px;
	height:18px;
	margin-top:-10px;
	margin-right:10px;
}
.faq-list .faq-title .arrow-open {
	background: url("../images/icn_arrow_open.png") no-repeat ;
}
.faq-list .faq-title .arrow-close {
	background: url("../images/icn_arrow_close.png") no-repeat ;
}
.faq-list h4 {
	margin-top:0;
	margin-bottom:0;
}
.faq-list p {
	padding: 25px 15px;
	margin-top:0;
	margin-bottom:0;
	background-color:#ededed;
	color:#4a4a4a;
}
.faq-list li.more {
	text-align:center;
}
.faq-list li.more .faq-title {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e7e7e7;
	font-size: 15px;
}
.business-setting li {
	margin-top:-1px;
	background:#fff;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.business-setting li h4 {
	display:inline-block;
	padding:15px;
	margin-top:0;
	margin-bottom:0;
}
.business-setting li.logout {
	margin-top:45px;
}

button.withdraw {
	display:block;
	padding:15px;
	margin:150px auto 30px auto;
	border:none;
	background-color:transparent;
}

.custom-setting {
	margin-right:15px;
	margin-left:15px;
}
.custom-setting, .custom-setting ul, .disease-list ul {
	list-style:none;
	padding:0 !important;
}
.custom-setting > li {
	padding:10px 0 !important;
	border-bottom:2px solid #ededed;
}
.custom-setting h5 {
	font-size: 16px;
	font-weight: bold;
}
.custom-setting ul > li {
	position:relative;
	display:inline-block;
}
.custom-setting .gender {
	float:left;
	margin-top:-3px;
}
.custom-setting .test-sort li, .custom-setting .test-target li {width:32.5%;}
.custom-setting li > input[type=radio] {
	position:absolute;
	opacity:0;
}
.custom-setting .gender input {
	top:14px;
	left:14px;
}
.custom-setting .test-sort input {
	top:14px;
	left:41px;
}
.custom-setting .gender label, .custom-setting .gender input:checked + label, .custom-setting .test-sort label, .custom-setting .test-sort label:checked + label, .custom-setting .test-target label, .custom-setting .test-target label:checked + label {
	height:40px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:20px;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:-0.025em;
}
.custom-setting .gender label, .custom-setting .test-sort label, .custom-setting .test-target label {
	background-color:#ededed;
	color:#9b9b9b;
}
.custom-setting .gender input:checked + label, .custom-setting .test-sort input:checked + label, .custom-setting .test-target input:checked + label {
	background-color:#74ce70;
	color:#fff;
}
.custom-setting .gender label, .custom-setting .gender input:checked + label {
	width:40px;
}
.custom-setting .test-sort label, .custom-setting .test-sort label:checked + label, .custom-setting .test-target label, .custom-setting .test-target label:checked + label {
	width:90px;
}
.custom-setting label.age {margin-top:-28px;}
.custom-setting .age {
	margin-top:-32px;
	display: inline-block;
}
.custom-setting .age input {
	display:inline;
	width:40px;
	border:1px solid #ddd;
	border-radius: 2px;
	padding:2px;
}
.custom-setting .age-slider .slider-bar {
	width:100%;
	height:2px;
	background-color:#bcbcbc;
}
.custom-setting .age-slider {
	margin-top:50px;
	margin-bottom:10px;
}
.custom-setting .age-slider .slider-mark {
	position:relative;
	top:-40px;
}
.custom-setting .age-slider .age-text, .custom-setting .age-slider .slider-pointer {
	position:absolute;
}
.age-slider .age-text {
	top:0;
	right:-19px;
	width:37px;
	display:inline-block;
	text-align:center;
	font-size: 14px;
	color:#9b9b9b;
}
.custom-setting .age-slider .slider-pointer {
	top:26px;
	right:-14px;
	width:27px;
	height:27px;
	border-radius:15px;
	background-color:#74ce70;
}
.custom-setting .disease li {
	display:inline-block;
	float:left;
	min-width:58px;
	min-height:32px;
	margin-right:8px !important;
	background-color:#ededed;
	border-radius:3px;
	border:1px solid transparent;
	text-align:center;
}
.custom-setting .disease li::after {
	contents:"";
	display:block;
	clear:both;
}
.custom-setting .disease > li:last-child {margin-right:0 !important;}
.custom-setting .disease li.select {
	border-color:#74ce70;
	background-color:#fff;
}
.custom-setting .disease p {
	float:left;
	margin-bottom:0;
	padding:5px 0 5px 8px;
	letter-spacing:-0.025em;
	font-size: 15px;
	font-weight: bold;
	color:#4a4a4a;
}
.custom-setting .disease button {
	width:100%;
	height:31px;
	padding:5px 8px;
	text-align:center;
	box-sizing:border-box;
	border:none;
	background-color:transparent;
	background :url("../images/icn_plus.png") no-repeat center;
}
.custom-setting .disease li.select button {
	float:right;
	width:30px;
	background-image:url("../images/icn_delete.png");
}
.custom-setting .icn-question {
	position: absolute;
	top: 7px;
	right: 0;
	border: 1px solid #4f95e3;
	color:#4f95e3;
	border-radius: 23px;
	padding:0 7px;

}
.disease-list h6 {
	padding:15px;
	margin-bottom:10px;
	font-size: 13px;
	color:#9b9b9b;
}
.disease-list ul {
	padding:0 15px;
}
.disease-list li {
	position:relative;
	margin-bottom:10px;
}
.disease-list li input {
	position:absolute;
	top:10px;
	left:3px;
	opacity:0;
}
.disease-list li input + label {
	font-size: 16px;
	color:#787878;
	padding:5px 10px 5px 35px;
	background:url("../images/icn_deselect.png") no-repeat left;
}
.disease-list li input:checked + label {
	color:#439f00;
	background-image:url("../images/icn_select.png");
}
.examination-list {
	position:relative;
	padding:0;
	list-style:none;
}
.examination-list li {
	padding:10px 15px;
	border-bottom:1px solid #f6f6f6;
}
.examination-list li:after, .examination-list li::after {
	content:"";
	display:block;
	clear:both;
}
.examination-list li:last-child {
	border-color:transparent;
}
.examination-list .control-label {
	width:25%;
	margin-top:8px;
}
.examination-list .form-control {
	width:75%;
	background-color:transparent;
	border-color:transparent;
	box-shadow: none;
	padding-left:0;
}
.examination-list .form-control.w50 {
width:50%;
}
.examination-list .btn-gray {
	position:absolute;
	right:15px;
	padding:7px 10px;
	box-sizing:border-box;
	border:none;
	background:#ededed;
	color:#4A4A4A;
	font-weight: bold;
}
.btn_round_gray {
    width:110px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#f4f4f4;
    border:1px solid #dfdfdf;
    border-radius:35px;
    margin:0 15px;
}
ul.list-group li > ul.address-info {
	padding:0;
	margin-top:20px;
}
.address-info label {
	width:52px;
	margin-right:13px;
	color:#9b9b9b;
	font-weight:normal;
}
.address-info .tel {color:#4990e2;}


.s-top-box {
	border-bottom:1px solid #eaeaea;
	margin:0 0 20px 0;
	padding:10px 15px;
}
.s-top-box .forward-box {
	color:#585a59;
	border:none;
	padding:0;
	margin:0;
}
.s-top-box .forward-box button {
	background:rgba(0,0,0,0.00);
	border:none;
}


.terms_well .btn-fixed, .btn-fixed {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#ccc;
	border:none;
	color:#fff;
	padding:10px;
	font-size:18px;
}

.terms_well .btn-fixed.on, .btn-fixed.on {
	background:#9dcb7c;
}
.checkbox2 a.allView {
	display: block;
	position: relative;
	top:-22px;
	right: 3px;
}
.btn-switch {
	position: absolute;
	display: block;
	top:15px;
	right: 0;
	border:none;
	background: #eee;
	margin:0;
	padding: 0;
	border-radius: 15px;
	width:50px;
}
.btn-switch.select {
	background: #74cf70;
}

.btn-switch button {
	display: block;
	width:26px;
	height:26px;
	border:1px solid #ccc;
	border-radius: 13px;
	margin:1px;
	padding: 0;
	background: #fff;
}
.btn-switch.select button {
	float: right;
	border-color: #5db359;
}
.mWeb-Limit {
	color:#000;
	text-align: center;
}
.mWeb-Limit h4 {
	font-weight: bold;
	font-size: 20px;
}
.mWeb-Limit img {margin:40px auto;}
.mWeb-Limit p {
	width: 280px;
	margin: auto;
}
.mWeb-Limit button {
	font-size: 16px;
	font-weight: bold;
	padding:15px;
}
/*************************************************** kim kyuree css코딩영역 ***************************************************/


/*** 임상시험 상세보기 공유하기 팝업 - kim seong hyun ***/
.popup-share {
	padding:0px !important
}
.popup-share .modal-content .modal-body {
	min-height:135px;
}
.popup-share .url-Copy {
	margin:0 auto;
	width:100%;
}
.popup-share .url-Copy input[type=text] {
	width:70%; height:40px; float:left; border:1px solid #979797;  padding:0 10px; font-size:12px
}
.popup-share .url-Copy button {
	background-color:#92c56d; border:none; width:30%; height:40px; color:#fff; float:left; font-size:12px
}
.popup-share .shareList li {
	padding:0 20px;
	font-size:12px;
}
.popup-share .shareList li span {
	font-size:12px;
	display:block
}
.popup-share .close-btn {
	border:none;
	background:url(../images/icon/icn-x.png) no-repeat; width:20px; height:20px;
	position:absolute; top:25px; right:20px;
	text-indent:-9999px
}
/*** 임상시험 상세보기 공유하기 팝업 - kim seong hyun ***/

/*** 모바일웹서비스 이용제한 알림 팝업 - kim seong hyun ***/
.popup-service {
	padding:0px !important
}
.popup-service .modal-content .modal-body {
	min-height:260px;
}
.popup-service .con {
	margin-bottom:20px
}
.popup-service .con img {
	margin:10px auto 20px;
}
.popup-service  .service-text {
	font-size:12px;
}
.popup-service .service-bottom button {
	background-color:#92c56d; border:none; width:100%; height:40px; color:#fff; float:left; font-size:12px
}
.popup-service .close-btn {
	border:none;
	background:url(../images/icon/icn-x.png) no-repeat; width:20px; height:20px;
	position:absolute; top:25px; right:20px;
	text-indent:-9999px
}
/*** 모바일웹서비스 이용제한 알림 팝업 - kim seong hyun ***/

/* mobile 회원가입 및 회원정보수정 인페이지에서 css 이동 modal park jong il */
.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal-container {
    width: 300px;
    margin: 0px auto;
    padding: 10px 0px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983;
}
.modal-body {
    margin: 0;
}
.modal-body span {
    font-size: 12px;
    color: #666;
}
.item-list {
    height: 320px;
    overflow: auto;
}
.item-list .checkbox {
    padding-left: 33px;
    margin: 17px 0;
}
.help-body-title {
    font-size: 16px;
}
.help-body-message {
    background-color: #eee;
    padding: 10px;
}
.modal-default-button {
    float: right;
    padding: 10px;
}
/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.signUpBack
{
    left : 10px!important;
    top : auto!important;
}