@charset "UTF-8";

/* Page Title */
body {   }

#wrap {width:100%; float:left;}
.main_wrap {width:100%; float:left; margin-top:15px;}
.main_wrap h2.maintit {font-size:32px; font-weight:600; text-align:center; margin-bottom:20px; letter-spacing:-0.5px; width:100%; float:left; padding-top:45px; position:relative; z-index:99999}
.main_wrap .bg_box_wrap {position:absolute; top:970px; left:0;  width:100%; float:left; background:#cdc; z-index:-999; height:1330px; background:#f9f9f9 url('/common/img/main/main_bg_img.jpg') no-repeat center 0;}

.main_wrap .txt_img01 {position:absolute; top:72%; left:50%; opacity:0;}


#wrap .main_vi   {width:100%; float:left;margin-bottom:50px; }
#wrap .main_vi .vi_slider {width:100%; height:300px; float:left; }
.icon_i {font-size:19px !important;}

p.color5{color:#555 !important;}

#wrap .margin0_box {width:1200px; margin:0 auto;}

.nbsp_span_15 {margin:0 15px;}
.nbsp_span_20 {margin:0 20px;}
.nbsp_span_30 {margin:0 30px;}

/* SECTION 1 ////////////////////////////////////////////////////////////*/
#section1  {position:relative; width:100%; float:left; box-sizing:border-box; min-width:1200px; margin-bottom:35px; }
#section1 .section1_wrap { width:1200px; margin:0 auto;}

#section1 .section1_wrap #tab-menu li.active a {
  border-bottom: 3px solid #F8A714;
  color: #F8A714; font-weight:500;
}
#section1 .section1_wrap #tab-menu li div {
  width:100%; float:left;
  background: #fff; text-align: left;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}

#section1 .disease_search_box {width:100%; float:left; background:#f9f9f9; border:1px solid #ddd; box-shadow:1px 1px 2px rgba(0,0,0,0.1); margin-bottom:20px;}
/*#section1 .disease_search_box li {padding:10px 40px; box-sizing:border-box}
#section1 .disease_search_box .search_tit {width:12%; float:left; font-size:16px; font-weight:500; color:#333; border-bottom:1px solid #666; line-height:20px; text-align:center;}
#section1 .disease_search_box .select_txt {width:38%; float:left; font-size:16px; color:#666; border-bottom:1px solid #ddd; line-height:20px; }
*/
#section1 .disease_search_box input { vertical-align:0; margin-right:5px;}

#section1 .selected_disease  {width:100%; float:left; border-bottom:1px solid #777;  padding:5px 10px; box-sizing:border-box; margin-bottom:20px;}
#section1 .selected_disease span  {margin-right:10px; color:#555; font-size:16px;}
#section1 .selected_disease span.recruit_disease_cate  {font-size:14px}


#section1 .info_box_wrap {position:relative; width:100%; float:left; }
#section1 .info_box_wrap li.info_box {position:relative;  width:32%; float:left;  margin-bottom:20px; margin-right:2%; border:1px solid #ddd; box-sizing:border-box;  background:#fff}
#section1 .info_box_wrap li.info_box a { display:block; box-sizing:border-box; }
/*#section1 .info_box_wrap li.info_box:hover {background:#f5f9fb; border:1px solid #269ace }*/

#section1 .info_box_wrap>li:nth-child(3) {margin-right:0; float:right;}
#section1 .info_box_wrap>li:nth-child(6) {margin-right:0; float:right;}

#section1 .info_box_wrap li.info_box_ing{ border:1px solid #269ace; box-sizing:border-box;}
#section1 .info_box_wrap li.info_box_quick {border:1px solid #c00; box-sizing:border-box; }




#section1 .info_box_wrap li.info_box:nth-child(3), #section1 .info_box_wrap li.info_box:nth-child(6),
#section1 .info_box_wrap li.info_box:nth-child(9), #section1 .info_box_wrap li.info_box:nth-child(12)
{float:right;  margin:0;}

#section1 .info_box_wrap .top_info {position:relative;width:100%; padding:20px; box-sizing:border-box;  float:left;top:0; border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom:20px;}
#section1 .info_box_wrap .top_info .top_info_img {width:100%;  float:left;  border:1px solid #ddd;}

#section1 .info_box_wrap .top_info .top_info_txt {width:100%; float:left; margin-top:15px; height:80px}
#section1 .info_box_wrap .top_info .top_info_txt h2 {font-size:18px; font-weight:500; color:#333; line-height:1.2em;  margin-bottom:8px;margin-left:55px;}

#section1 .info_box_wrap .top_info .top_info_txt h2.c_gray {color:#999}


/* 수정된 리스트형식 css */
#section1 .info_box_wrap2 {position:relative; width:100%; float:left; }
#section1 .info_box_wrap2 li.info_box {position:relative;  width:100%; float:left;  margin-bottom:15px; margin-right:1.33%; border:1px solid #ddd; }
#section1 .info_box_wrap2 li.info_box a { display:block; padding:20px; box-sizing:border-box; }
#section1 .info_box_wrap2 li.info_box:hover {background:#f5f9fb; border:1px solid #269ace }
#section1 .info_box_wrap2 .top_info {position:relative; width:300px; height:auto; float:left; border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom:20px;}
#section1 .info_box_wrap2 .top_info .top_info_img {width:100%;  float:left;  border:1px solid #ddd; height:auto;}


/* 한 줄 자르기 */ {display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 여러 줄 자르기 추가 스타일 */ {white-space: normal; line-height: 1.2; height: 3.6em;
text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#section1 .info_box_wrap .top_info .top_info_txt p {font-size:15px; font-weight:300; color:#777 !important; }

#section1 .info_box_wrap  .top_info_star  {position:absolute; right:10px; top:10px; width:30px; }
#section1 .info_box_wrap  .top_info_star img {float:right;  z-index:999999999;}


#section1 .info_box_wrap .bottom_info { width:100%; float:left;  padding:0 20px; box-sizing:border-box;  }
#section1 .info_box_wrap .bottom_info .bottom_info_txt {width:100%; float:left; margin-bottom:20px;}
#section1 .info_box_wrap .bottom_info .bottom_info_txt ul li {font-size:15px; color:#555;  line-height:1.3em; margin-bottom:3.5px;}
#section1 .info_box_wrap .bottom_info .bottom_info_txt .recruit_person{color:#1692c9; text-align:left; font-weight:400; font-size:15px; float:left; box-sizing:border-box;  border-bottom:0px solid #1692c9}
#section1 .info_box_wrap .bottom_info .bottom_info_txt .recruit_person i {font-size:20px;}


/* 모집상태 */
#section1 .bottom_info .status_ul {width:100%; float:left;}
#section1 .bottom_info .status_ul li {width:100%; float:left; line-height:45px; text-align:center; font-size:16px;  font-weight:500;}

#section1 .bottom_info .status_ul li:last-child   .top_info_star2  { width:20px; display:inline-block; margin-top:12px; margin-left:3px;}
#section1 .bottom_info .status_ul li:last-child   .top_info_star2 img {float:right;  z-index:999999999; width:20px; }


#section1 .info_box_wrap .bottom_info_wrap {width:100%; float:left; line-height:45px; text-align:center; font-size:16px;  font-weight:500;}
#section1 .apply_ing { width:100%;  float:left; color:#fff !important; background: linear-gradient( to top, #269ace, #2bade7 ); line-height:42px; text-align:center; font-weight:500}
#section1 .apply_end {  width:100%;  float:left;float:left;  color:#fff !important; background: #ccc; line-height:42px; text-align:center;  font-weight:500}
#section1 .apply_quick {  width:100%;  float:left; float:left;  color:#fff !important; background: linear-gradient( to top, #af0000, #d02a2a);  line-height:42px; text-align:center; font-weight:500 }


#section1 .info_box_wrap .bottom_info_wrap ul li {width:50%; float:left;}
#section1 .info_box_wrap .bottom_info_wrap ul li:last-child {width:50%; float:left;}

#section1 .more_btn {width:35%; display:block; margin:0 auto; border:1px solid #ddd;  font-size:17px; font-weight:500; color:#fff; padding:12px 0; cursor:pointer; font-family:'Noto Sans KR'; background:#269ace; box-shadow:1px 1px 1px rgba(0,0,0,0.1)}



#section1 .folding_search_wrap {width:100%; float:left; }

#section1 .folding_search_wrap .more {
  width:100%; float:left;
  display:block;
  width: 55px;
  height: 16px;
  background:#cdc;
}

#section1 .blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

#section1 .more:hover, #section1  .close:hover {
  cursor:pointer;
}

#section1 .close {
  display:block;
  background-image:url('https://s.pstatic.net/static/www/img/2017/sp_nav_v170523.png');
  width: 42px;
  height: 16px;
  background-position: -166px -78px;
}

#section1 .folding_search_wrap .board {
  font-size:13px;
  position:absolute;
  top:30px;
  width:410px;
  height:135px;
  background:pink;
  visibility:hidden;
}

#section1 .folding_search_wrap .list {float:left;}

#section1 .folding_search_wrap .list li {
  list-style:none;
  margin-top:5px;
}

#section1 .folding_search_wrap .list li:hover {
  text-decoration:underline;
  cursor:pointer;
}




/* 모집현황전체_리스트 */
#section1 .recruit_box  {position:relative; width:100%; float:left; }
#section1 .recruit_box .col-1 {position:relative; width:100%; float:left; margin-bottom:20px; background:#fff;  box-sizing:border-box; border:1px solid #ddd; padding:20px;  box-shadow:2px 2px 7px #f1f1f1 }
#section1 .recruit_box .col-1 a{ overflow:hidden; }

#section1 .recruit_box .info_box_ing{ border:2px solid #269ace; box-sizing:border-box;}
#section1 .recruit_box .info_box_quick {border:2px solid #c00; box-sizing:border-box; }



/*#section1 .recruit_box .col-1:hover{display:block; background:#f9f9f9;}*/

/* 모집상태 */
#section1 .recruit_box .col-1 div.status  { position:absolute; right:0; bottom:0; line-height:1.2em; width:145px; padding:12px 0; color:#fff; border-radius:2px; font-size:1em; text-align:center;   }

#section1 .recruit_box .col-1 div.bg_ing {background: linear-gradient( to top, #269ace, #2bade7 );}
#section1 .recruit_box .col-1 div.bg_mg {background: #ccc;  }
#section1 .recruit_box .col-1 div.bg_qk  {background: linear-gradient( to top, #af0000, #d02a2a);  }


#section1 .recruit_box .col-1 h3 {color:#333; font-size:18px; line-height:1.2em; margin-bottom:8px; margin-left:50px; font-weight:500}
#section1 .recruit_box .col-1 span {color:#333;text-align:center;}

#section1 .recruit_box .star_icon_wrap {position:absolute; top:20px; right:30px;}
#section1 .recruit_box .star_icon_wrap img {z-index:99999;}

#section1 .recruit_img_wrap {position:relative;width:260px;  BOX-SIZING:border-box; height:120px; border:1px solid #ddd; float:left; margin-right:25PX; background:#fff;}
#section1 .recruit_img_wrap img {position:absolute; top:15%; left:50%; transform:translateX(-50%);  }


#section1 .recruit_box .col-1 div.recruit_txt_wrap {width:55%; float:left;}
#section1 .recruit_box .col-1 p.recruit_category {color:#999; font-size:0.92em;  margin-bottom:5px; vertical-align:middle;}

#section1 .recruit_box .col-1 div.recruit_txt_wrap p.recruit_test_date {color:#555; font-size:0.92em; margin-bottom:5px; width:80%;  }

#section1 .recruit_box .col-1 div.recruit_txt_wrap .recruit_person {color:#1692c9;text-align:left; font-weight:400; font-size:0.92em; float:left; box-sizing:border-box; }

#section1 .recruit_test_cate1 {position:absolute; left:20px; top:137px; background:#19a5e3; /*background:#16b2ca; */ display:inline-block; color:#fff !important; width:50px; padding:2px 0px; font-size:13px; text-align:center;}
#section1 .recruit_test_cate2 {position:absolute; left:20px; top:137px; background:#19a5e3;  /*background:#4db01c;*/ display:inline-block; color:#fff !important; width:50px; padding:2px 0px; font-size:13px; text-align:center;}

#section1 .recruit_test_cate_gray {position:absolute; left:20px; top:137px; background:#ddd !important; /*background:#16b2ca; */ display:inline-block; color:#fff !important; width:50px; padding:2px 0px; font-size:13px; text-align:center;}

#section1 .recruit_disease_cate {border:1px solid #19a5e3; line-height:1em; display:inline-block; color:#19a5e3 !important; padding:4px 10px; font-size:0.85em; margin-right:3px; vertical-align:0; border-radius:20px;}

#section1 .recruit_test_cal		 {border:1px solid #1692c9; line-height:1em; display:inline-block;color:#1692c9 !important; padding:4px 8px; font-size:0.85em; margin-right:3px; border-radius:30px; box-sizing:border-box;}
#section1 .recruit_test_gather {border:1px solid #1692c9; line-height:1em; display:inline-block; color:#1692c9 !important; padding:4px 8px; font-size:0.85em; border-radius:30px; box-sizing:border-box;}

#section1 .recruit_test_gray_border {border:1px solid #ddd !important; line-height:1em; display:inline-block;color:#ddd !important; padding:4px 8px; font-size:0.85em; margin-right:3px; border-radius:30px; box-sizing:border-box;}

.d_day_p {font-size:15px; font-weight:400; color:#1692c9; margin-bottom:10px; letter-spacing:0; /* font-family: 'Wemakeprice-Bold'; */ display:inline-block; vertical-align:0; }


/* 화살표 */
.arrowCta {
  display: block;
  height: 10px;
  width: 10px;
/*  border: 10px solid transparent;*/
  transform: rotate(-45deg);
  position: relative;
 margin-right:20px;
 margin-top:2px;
}

.arrowCta:after,
.arrowCta:before {
  content: "";
  display: inline-block;
  height: inherit;
  width: inherit;
  position: absolute;
  top: 0;
  right: 0;
}

.arrowCta:after {
  border-bottom: 2.5px solid white;
  border-right: 2.5px solid white;
  top: 0;
  right: 0;
  opacity: 1;
  animation: bottom-arrow 1.65s infinite;
}



@keyframes bottom-arrow {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  45% {
    opacity: 0;
    transform: translate(12px, 12px);
  }
  46% {
    opacity: 0;
    transform: translate(-16px, -16px);
  }
  90% {
    opacity: 1;
    transform: translate(-6px, -6px);
  }
  100% {
    opacity: 1;
    transform: translate(-6px, -6px);
  }
}

.arrowCta:before {
  top: 0;
  right: 0;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  animation: top-arrow 1.65s infinite;
}

@keyframes top-arrow {
  0% {
    transform: translate(-6px, -6px);
  }
  35% {
    transform: translate(0, 0);
  }
  90% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}


.arrowCta_stop {
  display: block;
  height: 10px;
  width: 10px;
/*  border: 10px solid transparent;*/
  transform: rotate(-45deg);
  position: relative;
 margin-right:20px;
 margin-top:2px;
}

.arrowCta_stop:after,
.arrowCta_stop:before {
  content: "";
  display: inline-block;
  height: inherit;
  width: inherit;
  position: absolute;
  top: 0;
  right: 0;
}

.arrowCta_stop:after {
  border-bottom: 2.5px solid white;
  border-right: 2.5px solid white;
  top: 0;
  right: 0;
  opacity: 1;
}

.arrowCta_stop:before {
  top: 0;
  right: 0;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}




/* 접었다폈다하는 질환자공고 카테고리창 */
.toggle_button {
    cursor:pointer;
    display:block;
    text-align:center;
	padding:12px;
	font-size:17px;
	box-sizing:border-box;
	font-weight:500;
	vertical-align:0
}
#toggle_button,
#toggle_contents {
    height:0;
    overflow:hidden;
    position:absolute;
}

#toggle_button:checked + #toggle_contents {
    height:auto;
    position:relative;
    border-top:0;
    padding:15px 20px;
	box-sizing:border-box;
	background:#fff;
}

.close_button {
    cursor:pointer;
    position:absolute;
    top:5px;
    right:5px;
    padding:3px;
    font-size:10px;
    line-height:1;
    background:#555;
    color:#fff;
}



/* 질병체크 css */
.disease_cate_wrap {position:relative; width:100%; float:left; /* height:300px; overflow:scroll; overflow-x:hidden; */}
.disease_box {
  margin: 0 auto;
  padding:0  10px 0 10px;
  box-sizing:border-box;
  width:100%;
  float:left;
  overflow:hidden;
}
.disease_box .field {
  position:relative;
  margin:10px auto;
  padding:0;
  width:49.5%;
  float:left;
}

.disease_box textarea {
  width:100%;
  display:inline-block;
  height:180px;
  border:1px solid #ccc;
  padding:15px 10px; box-sizing:border-box;
}


.disease_box .field_left {float:left;}
.disease_box .field_right {float:right;}

.disease_box input {
  border-radius:5px;
  border:1px solid #ccc;
/*  padding:10px;*/
  box-sizing:border-box;
  font-size:16px;
  color:#666;
}
.disease_box input:focus {outline:none;}
.disease_box input.button {
  background:#555;
  border-radius:6px;
  color:#fff;
  padding:12px 0px;
  box-sizing:border-box;
  font-size:16px;
  box-shadow:none;
  border:none;
  text-align:center;
  width:100%;
  float:left;
  display:block;
  margin-bottom:25px;
  transition:all 0.3s ease-out;
  cursor:pointer;
}
.disease_box input.button:hover, .disease_box input.button:focus {
    background:#333;
}
.disease_box label.label {
  position:absolute;
  top:12px;
  left:12px;
  transition:top 0.2s ease-out, left 0.2s ease-out;
  background:#fff;
  color:#999;
}
.disease_box label.label.shift {
  position:absolute;
  top:-7px;
  left:15px;
  font-size:14.5px;
  color:#555;
  padding: 0 10px 0 8px; background:#fff;
}

.disease_scroll_box {overflow-y:auto; overflow-x:hidden; height:300px;}



/* SECTION 2 ////////////////////////////////////////////////////////////*/
#section2  {width:100%; float:left; box-sizing:border-box; min-width:1200px; margin-bottom:30px; margin-top:15px;}
#section2 .section2_wrap {width:1200px; margin:0 auto; height:140px;}

#section2 .section2_wrap .s2_left {width:49%; float:left; border:1px solid #ddd; height:465px;}
#section2 .section2_wrap .s2_left img { width:100%; float:left; }

#section2 .section2_wrap .s2_left .txt {width:100%; float:left;  margin-top:10px; padding:20px; box-sizing:border-box;}
#section2 .section2_wrap .s2_left .s2_tit  {padding:2px 12px; box-sizing:border-box; border-radius:15px; border:1.5px solid #107cac; color:#107cac; font-size:15px; font-weight:400;}
#section2 .section2_wrap .s2_left .txt h3  {font-size:18px; font-weight:500; color:#333;  margin-top:10px; line-height:1.2em}
#section2 .section2_wrap .s2_left .txt h3:hover  {text-decoration:underline; color:#333;}
#section2 .section2_wrap .s2_left .txt p  {font-size:16px; font-weight:400; color:#999;  margin-top:10px; }

#section2 .section2_wrap .s2_right {width:49%; float:right;height:465px; }

#section2 .container {
	height:230px; overflow-y:auto;
	width:100%; float:right; padding:32px; box-sizing:border-box;
	background:#136a90;
	text-align:center;
}

#section2 a:link, a:visited {color:#009;}
#section2 a:hover {color:#00f;}


#section2 .section2_wrap .s2_right .faq_box {width:100%; background:#fff; float:left; height:222px; padding-top:6px;overflow-y:auto; border:1px solid #ddd;}


#section2 .section2_wrap .s2_right .customer_c	 {width:100%; float:left; height:212px; margin-top: 25px; border:1px solid #ddd; padding:30px; box-sizing:border-box; background:url("/common/img/main/call_bg.png") no-repeat right bottom;}
#section2 .section2_wrap .s2_right .customer_c h3	 {font-size:23px; color:#333; margin-bottom:3px; }
#section2 .section2_wrap .s2_right .customer_c h4	 {font-size:30px; font-weight:600; color:#083b85; font-family:"arial";letter-spacing:1px}
#section2 .section2_wrap .s2_right .customer_c p	 {font-size:16px; color:#777; line-height:1.4em; margin-top:5px}

#section2 .section2_wrap .s2_right .customer_c h4 span {font-size:16px; font-weight:400; font-family:"Noto Sans KR"; vertical-align:5px;letter-spacing:-0.5px;}

#section2 .section2_wrap .s2_right .customer_c .map_more_btn	 {font-size:16px; color:#fff;  float:right; text-align:center; border:none; width:160px; padding:12px 0; background:#567aaf;  margin-bottom:5px; cursor:pointer;}
#section2 .section2_wrap .s2_right .customer_c .qna_more_btn	 {font-size:16px; color:#fff;  float:right; text-align:center; border:none; width:160px;   padding:12px 0; background:#838383;  cursor:pointer;}




/* 플로우 배너 */
section.flow_bn {position:Relative; width:100%; float:left; margin:40px 0 0 0; padding:20px 0; }
section.flow_bn .swiper-slide img {width:180px; height:50px; float:left; }