@charset "UTF-8";


@font-face {
    font-family: 'Wemakeprice-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*서브 탭메뉴*/
.tab_mn_wrap{width:100%; float:left;border:1px solid #269ace; background:#fff; box-sizing:border-box; margin-top:30px;}
.tab_mn_wrap ul{max-width:1200px; margin:0 auto; line-height:52px;}
.tab_mn_wrap ul li {float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.2)}
.tab_mn_wrap ul li a {font-size:18px !important;  display:block; color:#269ace;}
.tab_mn_wrap ul li a:hover {background:#269ace; color:#fff;}

.tab_mn_wrap .ov{background:#269ace; }
.tab_mn_wrap .ov a{font-weight:500; color:#fff;}


/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px; background:#fff;  }

/*서브 BG*/
.sub_vi1  { width:100%; min-width:1200px; margin-top:15px; height:240px; float:left; background: url('/common/img/sub/sub_vi1.png') no-repeat top center; }
.sub_vi2  { width:100%; min-width:1200px; margin-top:15px;height:240px; float:left; background:url('/common/img/sub/sub_vi2.png') no-repeat top center; }
.sub_vi3  { width:100%; min-width:1200px; margin-top:15px; height:240px; float:left; background: url('/common/img/sub/sub_vi3.png') no-repeat top center; }
.sub_vi4  { width:100%; min-width:1200px; margin-top:15px;height:240px; float:left; background:url('/common/img/sub/sub_vi4.png') no-repeat top center; }
.sub_vi5  { width:100%; min-width:1200px; margin-top:15px; height:240px; float:left; background: url('/common/img/sub/sub_vi5.png') no-repeat top center; }
.sub_vi6  { width:100%; min-width:1200px; margin-top:15px; height:240px; float:left; background: url('/common/img/sub/sub_vi6.png') no-repeat top center; }

#sub_wrap  {width:1200px; margin:0 auto; }

.content_wrap {width:100%;  float:left; padding:20px 0; box-sizing:border-box;  margin:50px 0 60px 0;}

.content_wrap2 {width:100%;  float:left; padding:10px 0; box-sizing: border-box;  margin:30px 0 60px 0;}
.content_wrap2 h2 {font-size:30px; color:#333; font-weight:500; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}

.content_wrap>h2 {font-size:32px; color:#333; font-weight:600; margin-bottom:30px; border-bottom:1px solid #999; padding-bottom:10px; text-align:center;}
.content_wrap h3 {font-size:22px; color:#333;  font-weight:400; margin-bottom:10px; }

h4.title {font-size:18px !important; color:#333;  font-weight:400  !important; margin-bottom:5px; }
p.color5{color:#555 !important;}

.content_wrap .sub_t {letter-spacing:-0.5px; text-align:left; font-size:20px; font-weight:500; }

.sub_tit_cir {width:100%; float:left; padding-left:40px; text-align:left; font-size:22px; font-weight:500;
background:url('/common/img/sub/title_cir.png') no-repeat center left; box-sizing:border-box; }

.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_15  {width:15% !important; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_35  {width:35% !important; float:left;}
.box_40  {width:40% !important; float:left;}
.box_45  {width:45% !important; float:left;}
.box_48  {width:48% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_62  {width:62% !important; float:left;}
.box_65  {width:65% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_75  {width:75% !important; float:left;}
.box_80  {width:80% !important; float:left;}
.box_85  {width:85% !important; float:left;}
.box_90  {width:90% !important; float:left;}
.box_92  {width:92% !important; float:left;}

.deco1  {font-size:1.15em; line-height:1.5em; font-weight:500; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:600; color:#333;}

.text_box_15  {font-size:15px; line-height:1.35em; font-weight:400; color:#666;}
.text_box_15_5  {font-size:15.5px; line-height:1.4em; font-weight:400; color:#666;}
.text_box_16  {font-size:16px; line-height:1.5em; font-weight:400; color:#666;}
.text_box_17  {font-size:17px; line-height:1.55em; font-weight:400; color:#666;}
.text_box_18  {font-size:18px; line-height:1.6em; font-weight:400; color:#666;}

.text_box  {font-size:16.5px; line-height:1.6em; font-weight:400; color:#555;}
.text_box1.5  {font-size:17px; line-height:1.65em; font-weight:400; color:#555 !important;}
.text_box2  {font-size:16px; line-height:1.5em; font-weight:400; color:#555; }
.text_box3  {font-size:20px; line-height:1.7em; font-weight:400; color:#333; }

.text_box4  {font-size:18px; line-height:1.35em; font-weight:400; color:#333; }
.text_box4 i { font-size:22px; font-weight:500; color:#269ace;  text-align:left; vertical-align:middle; margin-top:-5px; margin-right:5px; }

.text_box5  {font-size:23px; line-height:1.5em; font-weight:400; color:#333; }
.text_box6  {font-size:26px; line-height:1.65em; font-weight:500; color:#333; }
.text_box7  {font-size:27px; line-height:1.8em; font-weight:500; color:#333; }
.text_box8  {font-size:30px; line-height:1.85em; font-weight:500; color:#333; }
.text_box9  {font-size:32px; line-height:2em; font-weight:500; color:#333; }

.text_box_sm_13 {font-size:13px; line-height:1.2em; font-weight:400; color:#666; }
.text_box_sm_14 {font-size:14px; line-height:1.3em; font-weight:400; color:#666; }
.text_box_sm {font-size:15px; line-height:1.35em; font-weight:400; color:#666; }

.border_wrap1 {width:100%; float:left; border:1px solid #ddd; padding:20px; box-sizing:border-box;}
.bg_wrap1 {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box;}
.bg_wrap2 {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box;}

.color1  {color:#054f98; }
.color2  {color:#999 !important; }
.color3  {color:#ff9009;}
.color5 {color:#555 !important}
.color9  {color:#999; }
.color_b {color:#005a96;}
.color_r{color:#f00;}
.color_wh {color:#fff  !important;}
.color_bk {color:#333  !important;}
.color_c00{color:#c00 !important;}
.textarea_wrap {text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.text_under {text-decoration:underline;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:35px; margin-bottom:30px;  width:100%; float:left;}
.border_top  {border-top:1px dashed #ddd;  padding-top:45px; margin-top:40px;  width:100%; float:left;}

#sub_wrap .recruit_test_cate1 {position:absolute; top:20px;left:290px; background: #19a5e3; line-height:1em; display:inline-block; color:#fff !important; padding:5px 0;width:50px;  font-size:13px; text-align:center; vertical-align:0}
#sub_wrap .recruit_test_cate2 {position:absolute; top:20px;left:290px; background: #19a5e3; line-height:1em; display:inline-block; color:#fff !important; padding:5px 0;width:50px;  font-size:13px; text-align:center; vertical-align:0}


/* 모집마감용 css */
#sub_wrap .recruit_test_cate_gray {position:absolute; right:15px; top:133px; background:#ddd !important; /*background:#16b2ca; */ display:inline-block; color:#fff !important; width:55px; padding:2px 0px; font-size:13px; text-align:center; margin-right:5px;}
#sub_wrap .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;}

/**/
#sub_wrap .recruit_test_cate_end {position:absolute; top:20px;left:290px; background: #ddd; line-height:1em; display:inline-block; color:#fff !important; padding:5px 0;width:50px;  font-size:13px; text-align:center; vertical-align:0}


#sub_wrap .recruit_disease_cate {border:1px solid #19a5e3; line-height:1em; display:inline-block; color:#19a5e3 !important; padding:3px 10px; font-size:0.9em; margin-right:3px; vertical-align:0 ; border-radius:20px; margin-bottom:5px}
#sub_wrap .recruit_person {color:#1692c9; text-align:left; font-weight:400; font-size:15px; display:inline-block; vertical-align:bottom; line-height:1.4em; box-sizing:border-box;  }
#sub_wrap .recruit_person i {font-size:18px; margin-right:3px;}

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

/* 나의 신청내역 취소버튼 */
.cancel_btn { color:#777 !important; }
.cancel_btn:hover {color:#269ace  !important; text-decoration:underline}



#sub_wrap .recruit_test_cal		 {border:1px solid #1692c9; line-height:1em; display:inline-block;color:#1692c9 !important; padding:3px 8px; font-size:0.88em; margin-right:3px; border-radius:15px;}
#sub_wrap .recruit_test_gather {border:1px solid #1692c9; line-height:1em; display:inline-block; color:#1692c9 !important; padding:3px 8px; font-size:0.88em; border-radius:15px;}


/* 참여방법 */
.method_wrap {width:100%; float:left; margin-bottom:30px;}
.method_wrap ul.method_ul { width:100%; float:left; padding: 20px 35px; background: #f7f7f7; box-sizing:border-box; border:1PX SOLID #DDD;}
.method_wrap ul.method_ul li {  position:relative;width:50%; float:left; margin-bottom:20px; padding-left: 40px; line-height: 1.4em; font-size:16.5px }
.method_wrap ul.method_ul li:last-child {  margin-bottom:0}
.method_wrap ul.method_ul li strong { position:absolute; left:0; top:0px; font-size: 1.4em; color:#196198;}

.pay_check_ul li {width:24%; float:left; margin-right:1.3%;	}
.pay_check_h5  {font-size:20px; color:#009ee9; text-align:center; margin:5px 0;}
.pay_check_p {font-size:16.5px; color:#666;  text-align:center;}
.pay_check_ul li:last-child {margin:0; float:right;}

.info_btn_wrap {width:100%; float:left; border:1px solid #ddd; border-top:none;}
.info_btn_wrap li {width:50%; float:left; box-sizing:border-box; line-height:48px; text-align:center;}
.info_btn_wrap li a{display:block; color:#fff !important; font-size:17px; font-weight:500}

.company01_ul {width:100%; float:left;}
.company01_ul li {width:100%; float:left; background:#f2f2f2; margin-bottom:15px; border-radius:15px; }
.company01_ul li .bg {width:80px; font-size:28px; font-weight:600; border-radius:15px 0 15px 0; color:#fff; float:left;  padding:12px 22px; box-sizing:border-box; margin-right:20px;}
.company01_ul li p {display:block;}


/* 플로팅 배너 */
#floating_banner {position: absolute;	width: 160px;
right: 351px; top: 420px; border:1px solid #ddd; padding:20px 15px 0 15px;
box-sizing:border-box; color: #fff; text-align:left; background:#fff;
}


/*
=====================
우측에 따라다니는 창 Sticky styles
=====================
*/
.sticky {
  transition: ease .3s;
}

.sticky-pin {
  position: fixed;
  top: 0;
}


/*
=====================
Optional styles
=====================
*/
/* Reset */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


div.sticky {
  width: 320px;
  float:left;
  padding:30px 20px;
  box-sizing:border-box;
  background: #f9f9f9;
  border:1px solid #ddd;
  color: #333;
  z-index:999
}

div.sticky h3 {
  font-size: 1.05em;
  text-align: center;
  font-weight:500
  display:block;
  margin-bottom:15px; padding-bottom:5px;
  border-bottom:1px solid #ddd;
}




/* 스크롤 밑줄 애니메니션 */
.underline span {
  position: relative;
  z-index: 1;
}
.underline span.under_1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  height: 4px;
  background: #72c2dd;
  z-index: -1;
  transition: all 1s;
}


.underline span.under_2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  height: 4px;
  background: #026da5;
  z-index: -1;
  transition: all 1s;
}

.underline span.under_3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  height: 4px;
  background: #159fb8;
  z-index: -1;
  transition: all 1s;
}
.underline span.isActive:after {
  width: 100%;
}




table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }

.fade_scroll { opacity:0;}

.f_wh{color:#fff !important;}
.f_bk{color:#333 !important;}
.f_blue{color:#003399 !important;}
.f_red{color:#c00 !important;}
.f_bold {font-weight:500;}
.f_bold_600 {font-weight:600;}

/*포인트 아이콘*/
.board .fa-coins {color:#f1d40e !important; font-size:15px;}

/*공통*/
span.bar {font-size:12px; margin:0 12px; color:#999; opacity:0.7; vertical-align:5px  }

/* info */
.info_bg {width:100%; float:left;  background:url("/common/img/sub/info01_bg.png") no-repeat 0 0; padding:30px;text-align:center;box-sizing:border-box;}
.greet_bg {width:100%; float:left; height:580px;  background:url("/common/img/sub/greet_img.jpg") no-repeat 0 0; padding-bottom:60px;box-sizing:border-box;}
.greet_bg p {margin-top:230px; margin-left:40px;}

.info_top {width:100%; float:left;  background:rgba(255,255,255,0.8);  padding:35px 0;}
.info_top  p {display:block ; width:100%; float:Left; }

.info_bg ul li.col-3{ background:rgba(255,255,255,0.7); padding:15px 0; box-sizing:border-box;}
.info_bg ul li.col-3 p{margin-top:10px;}

.wh_bg {background:#fff; width:100%; float:left; box-shadow:1px 1px 2px rgba(0,0,0,0.1); padding:15px 10px; box-sizing:border-box;}


/* 회사소개 */
.company_box {width:100%; float:left; padding-top:20px; box-sizing:border-box; margin-bottom:20px;}

.company_box ul li{width:100%; float:left;}
.company_box ul li i{font-size:0.88em;}
.company_box ul li:first-child{border-bottom:1px dashed #ddd; padding-bottom:20px;}

.company_box h3 {text-align:center; font-size:1em; }
.company_box p {text-align:center;}


/*시험소개*/
.test_box_wrap {width:100%; float:left;}
.test_box_wrap .test_box {position:relative; width:24%;  float:left; height:250px; margin-right:1.3%; box-sizing:border-box; border:0px solid #ddd;  border-radius:5px;  }

.test_box_wrap .test_box:last-child {margin:0; float:right;}

.test_box span.f_bold  {color:#333; font-size:25px; position:absolute;top:15px; left:20px; font-weight:600; letter-spacing:0; }
.test_box_wrap i  {width:100%; float:left; text-align:center; margin:15px 0 10px 0;}
.test_box img{ display:block; margin-top:30px; margin-bottom:15px;}

.test_box .test_box_inbox{width:100%; float:left; padding:15px; box-sizing:border-box; margin-top:10px;}
.test_box .test_box_inbox li{width:49%; float:left; border:2px solid #ddd; background:#fff;text-align:center; height:120px; padding:15px; box-sizing:border-box;}
.test_box .test_box_inbox li:last-child{width:49%; float:right;}

.test_box_wrap .bg_gray {background:#f5f5f5}
.test_box_wrap .bg_sky {background:#ebf1f8}
.test_box_wrap .bg_blue {background:#4e89c8; color:#fff;}

.text_box_ul_2  {width:100%; float:left; }
.text_box_ul_2 li {width:49%; float:left; background:#f7f7f7; padding:18px 20px; margin-bottom:15px; box-sizing:border-box; font-size:17px; line-height:1.35em;}
.text_box_ul_2 li:nth-child(2), .text_box_ul_2 li:nth-child(4), .text_box_ul_2 li:nth-child(6)
{float:right; }


.process_box {position:relative; width:18.7%; background:#fff; margin-right:12px; float:left; border:1px solid #ddd; margin-bottom:30px;}
.process_box li:first-child {height:90px; background:#003366; top:0;}
.process_box li i {font-size:35px; color:#fff; text-align:center !important; display:block; padding-top:30px; }

.process_box li:last-child {height:180px; bottom:0; padding:20px 15px; box-sizing:border-box;}
.process_box li:last-child .num_bg {background:#003366; width:30px; height:30px; padding-top:2px; font-size:16px; margin:0 auto; text-align:center; color:#fff; box-sizing:border-box;}
.process_box li:last-child h3 {color:#003366; font-size:20px; font-weight:500; margin-top:6px; text-align:center; }
.process_box li:last-child p {color:#666; font-size:16px; font-weight:300; margin-top:10px; line-height:1.35em; }

.box_fr{margin:0px; float:right;}


.squ_bg {padding:5px 12px; background:#555; margin-right:10px;  color:#fff; font-size:15px; font-weight:500; display:inline-block; margin-bottom:3px;}
.p_bg {width:100%; float:left; background:#f7f7f7; border-radius:8px;  padding:20px 15px; box-sizing:border-box;}

.p_bg_bor {width:100%; float:left; background:#fff; border-radius:5px;  padding:15px; box-sizing:border-box; border:3px solid #ddd;}
.p_bg_bor_1px {width:100%; float:left; background:#f9f9f9; border-radius:10px;  padding:20px; box-sizing:border-box; border:1px solid #ddd;}



/* 생동성시험 설명 info01 리스트 */
.text_border_box {width:100%; float:left; box-sizing:border-box; border:1px solid #ddd;  padding:5px 35px;}
.text_border_box .col-1  {width:100%;  float:left; box-sizing:border-box; border-bottom:1px dashed #ddd; padding:20px 0; }
.text_border_box .col-1:last-child {border:none;}
.text_border_box .col-1 p b { font-size:17px; color:#f1816b; display:inline-block; margin-bottom:8px;}
.circle_icon {background:#cdc; width:70px; height:70px; border-radius:50%; font-size:30px; color:#fff; font-weight:600; text-align:center; display:inline-block}
.circle_icon img {margin-top:8px; }
.circle_icon_bg1 {background:#a6c938; }
.circle_icon_bg2 {background:#46b6c6; }
.circle_icon_bg3 {background:#277a96; }
.circle_icon_bg4 {background:#29517f	; }


/* faq */
.faq-list {
   width:100%; float:left;
   border:1px solid #ddd;
}
.faq-list dt,
.faq-list dd {
    border-top: 1px solid #ddd;
    padding: 20px; font-size:17px;
    position: relative;
}
.faq-list dt:first-child {
    border-top: 0;
}
.faq-list dt {
    cursor: pointer;
    padding-right: 50px;
	font-weight:500;
	color:#333;
	border-bottom:1px solid #ddd;
}
.faq-list dt:before {
    width: 32px;
	height:32px;
    content: "Q";
    display: inline-block;
    margin-right:15px;
	background:#00aef0;
	font-size:16px;
	border-radius:30px;
	color:#fff;
	padding-top:3.5px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:600;
	font-family:"Arial";
	line-height:1.6em;
}
.faq-list dt:after {
    content: "+";
    display: inline-block;
    position: absolute;
    width: 1em;
    text-align: center;
    right: 30px;
    top: 20px;
	font-size:24px;
	font-weight:400;
}
.faq-list dd {
    display: none;
    color: #333;
	font-size:17px;
	line-height:1.5em;
}
.faq-list dt.selected {
    color: #00aef0;
}
.faq-list dt.selected:before {
    color: #fff;
}
.faq-list dt.selected:after {
    content: "ㅡ";
	top:20px;
	font-size:22px;
	font-weight:500;
}
.faq-list dd:before {
    width: 32px;
    height: 32px;
    content: "A";
    display: inline-block;
    margin-right: 15px;
	color:#fff;
	font-family:"Arial";
	line-height:1.5em;
	margin-right:15px;
	background:#005a96;
	font-size:15px;
	border-radius:30px;
	padding-top:3px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:600;
}
.faq-list dd {
    background: #f3f7f8;
}



/*Resize the wrap to see the search bar change!*/
.search_chang {
  width: 77%;
  float:right;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 2px solid #00B4CC;
  border-right: none;
  padding: 8px;
  height: 24px;
  border-radius: 5px 0 0 5px;
  outline: none;
  /*color: #00B4CC;*/
  font-size:16px;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 65px;
  height: 44px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff !important;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}



/* 서브 모집공고 박스 */
.sub_info_box_wrap {position:relative; width:100%; float:left;}
.sub_info_box_wrap li.sub_info_box {position:relative; width:100%;  float:left;  margin-right:1%; border-bottom:1px solid #eaeaea; }
.sub_info_box_wrap li.sub_info_box a {display:block; }

.sub_info_box_wrap li.sub_info_box:first-child {border-top:1px solid #eaeaea}
.sub_info_box_wrap li.sub_info_box:last-child {border-bottom:1px solid #eaeaea}

/* 신청완료페이지 */
#sub_wrap .complete_box{width:100%; float:left; background:#f7f7f7; padding:50px 30px; box-sizing:border-box;}

#sub_wrap .complete_box h3{font-weight:600}
#sub_wrap .complete_box .complete_btn_wrap{width:50%; margin:0 auto;  box-sizing:border-box}
#sub_wrap .complete_box .complete_btn_wrap ul li{width:50%; float:Left; text-align:center; border:1px solid #159fb8; line-height:45px;}

#sub_wrap .complete_box .complete_btn_wrap ul li:first-child{width:50%; background:#fff;}
#sub_wrap .complete_box .complete_btn_wrap ul li:first-child a{color:#159fb8}
#sub_wrap .complete_box .complete_btn_wrap ul li:last-child{width:50%;  background:#159fb8; color:#fff;}
#sub_wrap .complete_box .complete_btn_wrap ul li:last-child a{ color:#fff;}

#sub_wrap .complete_box .complete_btn_wrap ul li a{display:block;}

/* 신청완료안내 박스 아래에 처음, 키트제공안내문구 박스 */
#sub_wrap .complete_box2{width:100%; float:left; border:3px solid #ddd; padding:25px 40px; box-sizing:border-box;}
#sub_wrap .complete_box2 h3 {font-weight:500; color:#159fb8}

#sub_wrap .complete_box2 .contact_box {background:#f5f5f5; width:100%; float:left; padding:20px 65px; box-sizing:border-box; border-radius:10px}
#sub_wrap .box_100 .contact_box {background:#f5f5f5; width:100%; float:left; padding:20px 65px; box-sizing:border-box; border-radius:10px}


.write-input{width:30% !important; padding:0 6px; height:40px; line-height:40px; border:0; border:1px solid #ddd; background-color:#fff; border-radius:5px; font-size:0.92em}
.write-select{width:100% !important; height:auto; padding:6px;  }

.kit_img_wrap {width:100%; float:left; margin-top:15px;}
.kit_img_wrap ul li {width:20%; float:left; text-align:center;}
.kit_img_wrap img {border-radius:50%; border:1px solid #ddd;}

/*질환자원자 질환선택창 */
#sub_wrap .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; }
*/
#sub_wrap .disease_search_box input { vertical-align:0; margin-right:5px;}

#sub_wrap .selected_disease  {width:100%; float:left; border:1px solid #ddd;  padding:12px; box-sizing:border-box; margin-bottom:20px;}
#sub_wrap .selected_disease span  {margin-right:10px; color:#555; font-size:15px;}


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

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

#sub_wrap .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;}
#sub_wrap .info_box_wrap .top_info .top_info_img {width:100%;  float:left;  border:1px solid #ddd;}

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


/* 마우스 오버 효과*/
.sub_info_box_wrap li.sub_info_box:hover {background:#f5f9fb;}
.sub_info_box_wrap .top_info_txt h2:hover  {text-decoration:underline;}


.sub_info_box_wrap .top_info{position:relative; width:100%; float:left; padding:20px 5px; box-sizing:border-box; }

/*.sub_info_box_wrap .top_info_img {width:242px;  float:left; margin-right:30px; border:1px solid #f0f0f0;}*/
/*.sub_info_box_wrap .top_info_img img{width:100%;}*/

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


.sub_info_box_wrap .top_info_txt {width:60%; float:left; }
.sub_info_box_wrap .top_info_txt h2 {font-size:18px; font-weight:500; color:#333; line-height:1.2em; margin-bottom:8px; border:none !important;  width:100%; text-overflow: ellipsis; margin-left:55px;}

.sub_info_box_wrap .top_info_txt p {font-size:15px; font-weight:300; color:#555; line-height:1.1em;}


.sub_info_box .info_status { text-align:center; font-size:16px;  box-sizing:border-box; line-height:1em}
.sub_info_box .info_status .apply_ing		 { width:160px;line-height:48px; color:#fff; background:#269ace; position:absolute; right:0px; bottom:0; border-radius:3px; /* top:50%; transform: translate(0, -50%);*/ }
.sub_info_box .info_status .apply_end	 { width:160px;  line-height:48px;color:#fff; background:#ccc;   position:absolute; right:0px; bottom:0; border-radius:3px;}
.sub_info_box .info_status .apply_quick { width:160px;line-height:48px; color:#fff; background:#a91313;  position:absolute; right:0px;  bottom:0; border-radius:3px;}

.text_box_modify  { float:left;font-size:15px;  font-weight:400; color:#666; margin-top:12px;  border-radius:3px;}
.text_box_modify ul li   {background:#fff; float:left; text-align:center; }
.text_box_modify ul li a  {display:block !important; font-size:14px; line-height:28px; padding:0 10px}

.text_box_modify ul li.bk_bg  {background:#555;margin:0;}

#sub_wrap .d_day_p {font-weight:400;letter-spacing:0; color:#1692c9; font-size:16px;   display:block; margin-top:60px; float:right;}
#sub_wrap .d_day_p2 {font-weight:600;letter-spacing:0; color:#222; font-family: 'Wemakeprice-Bold'; font-size:22px;   display:block; margin-top:20px;}

/*뷰페이지 모집공고 */
.info_line_box {position:relative; width:100%; float:left; border:1px solid #ddd; padding:30px; box-sizing:border-box; background:#f9f9f9}
.info_line_box .top_info_star  {position:absolute; right:35px; top:30px; width:30px; display:inline-block; }

.info_img_box { margin-bottom:15px;}
.info_img_box img {width:250px; height:72px; border:1px solid #eaeaea; text-align:center; }

.info_line_box .info_status  {width:100%; float:left; font-size:14px; margin-bottom:20px; }
.info_line_box .info_status .apply_ing { margin:0 auto;width:65px; padding:6px 10px;text-align:center; color:#fff; background:#269ace; border-radius:20px; }
.info_line_box .info_status .apply_end  { width:65px; margin:0 auto;  padding:6px 10px; text-align:center;color:#fff; background:#333; border-radius:20px; }
.info_line_box .info_status .apply_quick { width:65px; margin:0 auto;  padding:6px 10px;text-align:center;  color:#fff; background:#a91313; border-radius:20px; }

.info_bg_box {width:100%; float:left; text-align:center; background:#fff; padding:15px; box-sizing:border-box;  border:1px solid #ddd; font-size:15.5px; line-height:1.6em; color:#666; }

/* 좌측 지원내용 */
.apply_left_con {width:72%; float:left; padding-left:10px; box-sizing:border-box}
.apply_left_con .apply_left_con_box {width:100%; float:left;  max-width:100%; display: inline-block;}
.apply_left_con img {max-width:660px; width:100%; height:auto !important}


/* 시험모집 뷰페이지 탭버튼 */
.product_tabCont {padding:30px 20px; border-bottom:1px solid #ddd; margin-bottom:20px; color:#555; font-weight:300; }
.product_tabCont h3 {margin:20px 0 5px 0; font-size:19px; font-weight:500;}

.tabCont{margin-top:0px;  }
.tabCont li{float:left;width:25%; margin-bottom:20px; }

.tabCont li button{font-size:16px;height:48px; color:#999; background:#f8f8f8; width:100%;border-right:1px solid #ddd;border-top:1px solid #ddd; border-bottom:1px solid #555;}
.tabCont li:first-child button{border-left:1px solid #ddd}
.tabCont li.on button{background:#fff; color:#333; font-weight:500; border:1px solid #555;border-bottom:none}



/* 법령 게시판 상단 컨텐츠자리 */
.board_top_con {width:100%; float:left; background:#dee; margin-bottom:30px; height:300px;}


input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

/* 공통박스 */
.box_100  {width:100%;float:left;}
.box_100 .col-3  {width:32%; margin-right:2%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-3:nth-child(3), .box_100 .col-3:nth-child(6) {margin-right:0; float:right;}

.box_100  {width:100%;float:left;}
.box_100 .col-4  {width:24%;  margin-right:1.3%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-4:nth-child(4), .box_100 .col-4:nth-child(8) {margin-right:0; float:right;}

.box_100  {width:100%;float:left;}
.box_100 .col-5  {width:19%;  margin-right:1.2%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-5:nth-child(5), .box_100 .col-3:nth-child(10) {margin-right:0; float:right;}


.text_bg_box {width:100%; box-sizing:border-box; display:inline-block; padding:20px; background-color:#f9f9f9; }

/* 타이틀 앞에 O */
.h4_basic {font-size:24px; line-height:1.4em; color:#333; font-weight:500; width:100%; display:inline-block; margin-bottom:10px; }
.h4_basic p {width:23px; height:23px; display:inline-block; vertical-align:middle;  background:linear-gradient(to right, #5ebcb7, #269ace); border-radius:50%; margin-top:-3px;}
.h4_basic p span {width:15px; height:15px;  display:inline-block; background-color:#fff; border-radius:50%; margin-top:4px; margin-left:4px;}




/*----- tabs_box -----*/
.tabs_box {
    width: 100%;
	float:left;
	margin-bottom:15px;
}

    /*----- Tab Links -----*/
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }


    .tab-links li {
        margin: 0;
		width:25%;
        float:left;
        list-style:none;
		border:1px solid #f0f0f0;
		border-bottom:1px solid #777;
		box-sizing:border-box; margin-right:-1px;
    }

	.tab-links a {
		line-height:45px;
		display:inline-block;
		width:100%;
		float:left;
		background:#f9f9f9;
		font-size:16px;
		font-weight:500;
		color:#FFAD5C;
		transition:all linear 0.2s;
		text-align: center;
		text-decoration:none;
	}

	.tab-links a:hover {
		/*background:#444;
		color: #fff;*/
		text-decoration:underline;
	}

    li.active a, li.active a:hover {
        background:#FFF;
        color:#4C4C4C;
    }

    /*----- Content of Tabs -----*/
	.tabs_box .tab-content {
        width:100%;
		float:left		;
        background:#fff;
        padding:30px 0;
		box-sizing:border-box;
		border-bottom:1px solid #999;
    }

	.tab-content h3 {font-size:22px; font-weight:500;}

	.tabs_box .tab_div {display:none;}

	.tabs_box .active {	display:block;}

	.tabs_box .tab-links li.active {
	   border:1px solid #777; border-bottom:none; border-right:2px solid #777;}

	.tabs_box .tab-links li:last-child.active{border-right:1px solid #777;}