@charset "utf-8";
/*
프로젝트 : 차세대웹기술지원센터
작성자 : 김민식
최종 업데이트일자 : 2021.05.27
*/



/* Reset */
.b-legacy *{margin:0;padding:0; letter-spacing: -0.5px; }
.b-legacy body{overflow-x:hidden;color:#333;}
.b-legacy ol, ul, li{list-style:none}
.b-legacy fieldset{border:none;}
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;}*/
.b-legacy legend{position:absolute;top:0px;left:-9999px}
.b-legacy img{border:0 none;vertical-align: middle;}
.b-legacy .captcha_img_box img{width: 100%;height: auto;}
/*210427(s)*/
.b-legacy a{outline:1px; text-decoration:none;cursor:pointer;color:#333;}
/* // 210427(e)*/
.b-legacy i, em, address{font-style:normal;font-weight:normal}
.b-legacy table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;zoom:1;width:100%;empty-cells:show}
.b-legacy th,td{word-wrap:break-word;}
.b-legacy b{font-weight: 500;}
.b-legacy strong{font-weight:700;}
.b-legacy input, button, select{cursor: pointer;}
.b-legacy input[type="radio"]{
    width: auto;
    height: auto;
    -webkit-appearance: auto;
    position: relative;
}
/* 260408(s) */
.b-legacy select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0 30px 0 10px;height:40px;border:1px solid #ccc; border-radius: 5px; box-sizing: border-box;vertical-align: middle;}/*230622 백그라운드 화살표 위치 수정*/
/* 260408(e) */
.b-legacy select::-ms-expand{display: none;}
/* 260408(s) */
.b-legacy input[type="text"],input[type="password"]{height: 40px; padding:0 10px; border:1px solid #ccc; border-radius: 5px; cursor:text; box-sizing: border-box; vertical-align: middle;}
/* 260408(e) */
.b-legacy .search_input input[type="text"],input[type="password"]{
    height: auto;
    border: 1px solid var(--gray2);
    background-color: var(--white);
    padding: 10px 15px;
    font-size: 1.5rem;
    font-weight: 500;
    width: 100%;
    line-height: 24px;
}
.b-legacy input[type="button"],input[type="submit"]{/*background: none;border:0;*/box-sizing:border-box;vertical-align: middle;}
/* // 210427(e)*/
.b-legacy input[type="text"]:disabled{background: #eee;}
.b-legacy textarea{border:1px solid #ccc;border-color: #ccc;box-sizing: border-box;}

/*clear fix : .clfix*/
.b-legacy .clfix{zoom:1;min-height: 40px;}
.b-legacy .investigation_lst.clfix {min-height: 30px;display: flex;}
/* 260408(s) 
.b-legacy .clfix:after,.clfix:before{line-height:0;display:table;content:''}
.b-legacy .clfix:after{clear:both} 삭제*/
.b-legacy .inner_c .investigation_lst.clfix {min-height: 30px;display: flex; flex-direction: column;}
.b-legacy .inner_c .clfix.diagnosis-detail{min-height: 0;display: none;}
.clfix.diagnosis-detail:after, 
.clfix.diagnosis-detail:before {line-height:0;display:table;content:'';display: none;}
.b-legacy .clfix.diagnosis-detail.on{display: flex; flex-direction: row; gap: 20px; margin: 0 0 0 10px; align-items: center;}
/* 260408(e) */


/* display */
.b-legacy .dBlock{display: block !important;}
.b-legacy .dInBlock{display: inline-block !important;}
/*230707*/
.b-legacy .hidden_tap_title{position: absolute;text-indent: -9999px;}
.b-legacy .plus-n{top: 6% !important;}
/*230707*/

/*float*/
.b-legacy .floatR{float:right !important;}
.b-legacy .floatL{float:left!important;}

/*margin*/
.b-legacy .mg0{margin:0 !important;}
.b-legacy .mg0auto{margin:0 auto !important;}

.b-legacy .mgt0{margin-top:0px !important;}
.b-legacy .mgt5{margin-top:5px !important;}
.b-legacy .mgt10{margin-top:10px !important;}
.b-legacy .mgt15{margin-top:15px !important;}
.b-legacy .mgt20{margin-top:20px !important;}
.b-legacy .mgt25{margin-top:25px !important;}
.b-legacy .mgt30{margin-top:30px !important;}
.b-legacy .mgt35{margin-top:35px !important;}
.b-legacy .mgt45{margin-top:45px !important;}
.b-legacy .mgt60{margin-top:60px !important;}
.b-legacy .mgt100{margin-top:100px !important;}

.b-legacy .mgl0{margin-left:0 !important;}
.b-legacy .mgl5{margin-left: 5px !important;}
.b-legacy .mgl10{margin-left: 10px !important;}
.b-legacy .mgl20{margin-left: 20px !important;}
.b-legacy .mgl35{margin-left:35px !important;}
.b-legacy .mgl45{margin-left:45px !important;}

.b-legacy .mgr5{margin-right: 5px !important;}
.b-legacy .mgr10{margin-right: 10px !important;}
.b-legacy .mgr20{margin-right: 20px !important;}
.b-legacy .mgr35{margin-right:35px !important;}
.b-legacy .mgr45{margin-right:45px !important;}

.b-legacy .mgb0{margin-bottom: 0px !important;}
.b-legacy .mgb10{margin-bottom: 10px !important;}
.b-legacy .mgb20{margin-bottom: 20px !important;}
.b-legacy .mgb30{margin-bottom:30px !important;}
.b-legacy .mgb35{margin-bottom:35px !important;}
.b-legacy .mgb45{margin-bottom:45px !important;}

/*padding*/
.b-legacy .pd0{padding:0 !important;}
.b-legacy .pd5{padding:5px !important;}
.b-legacy .pd10{padding:10px !important;}

.b-legacy .pdt5{padding-top:5px !important;}
.b-legacy .pdt10{padding-top:10px !important;}
.b-legacy .pdt15{padding-top:15px !important;}
.b-legacy .pdt20{padding-top:20px !important;}
.b-legacy .pdt25{padding-top:25px !important;}
.b-legacy .pdt30{padding-top:30px !important;}
.b-legacy .pdt35{padding-top:35px !important;}
.b-legacy .pdt100{padding-top:100px !important;}

.b-legacy .pdl0{padding-left:0 !important;}
.b-legacy .pdl10{padding-left: 10px !important;}
.b-legacy .pdl20{padding-left: 20px !important;}
.b-legacy .pdl35{padding-left:35px !important;}
.b-legacy .pdl45{padding-left:45px !important;}

.b-legacy .pdr10{padding-right: 10px !important;}
.b-legacy .pdr20{padding-right: 20px !important;}
.b-legacy .pdr35{padding-right:35px !important;}
.b-legacy .pdr45{padding-right:45px !important;}

.b-legacy .pdb0{padding-bottom: 0px !important;}
.b-legacy .pdb10{padding-bottom: 10px !important;}
.b-legacy .pdb20{padding-bottom: 20px !important;}
.b-legacy .pdb35{padding-bottom:35px !important;}
.b-legacy .pdb45{padding-bottom:45px !important;}

/*vertical*/
.b-legacy .vat-align-t{vertical-align: top !important;}
.b-legacy .vat-align-b{vertical-align: bottom !important;}
.b-legacy .vat-align-m{vertical-align: middle !important;}

/*font,text*/
.b-legacy .txtl{text-align: left !important;}
.b-legacy .txtr{text-align: right !important;}
.b-legacy .txtc{text-align: center !important;}

.b-legacy .txtu{text-decoration: underline;}

/* font-weight */
.b-legacy .ftLight{font-weight: 100 !important;}
.b-legacy .ftMedium{font-weight: 500 !important;}
.b-legacy .ftBold{font-weight: 700 !important;}

.b-legacy .ft12{font-size:12px;}
.b-legacy .ft13{font-size:13px;}
.b-legacy .ft15{font-size:15px;}
.b-legacy .ft16{font-size:16px;}
.b-legacy .ft17{font-size:17px;}
.b-legacy .ft18{font-size:18px;}
.b-legacy .ft19{font-size:19px;}


/*width*/
.b-legacy .w100{width:100%;}
.b-legacy .w90{width:90%;}
.b-legacy .w80{width:80%;}
.b-legacy .w70{width:70%;}
.b-legacy .w60{width:60%;}
.b-legacy .w50{width:50%;}
.b-legacy .w40{width:40%;}
.b-legacy .w30{width:30%;}
.b-legacy .w20{width:20%;}
.b-legacy .w10{width:10%;}

/* 라운드 */
.b-legacy .radius4{border-radius: 4px;}
.b-legacy .radius8{border-radius: 8px;}

/*컬러*/
.b-legacy .col_blue{color:var(--theme1);}
.b-legacy .bg_white{background-color: #fff}
.b-legacy .col_blk{color:#000;}
.b-legacy .bg_blk{background-color:#000 !important;}

/*탑버튼*/
.b-legacy #topButton{display: inline-block;border:2px solid #d1d1d1;width: 40px;height: 40px;text-align: center;   position: fixed; bottom:50px;  right:50px;  transition: background-color .3s,   opacity .5s, visibility .5s;  opacity: 0;  visibility: hidden;  z-index: 1000;}
.b-legacy #topButton::after{ content: "↑"; font-weight: 300;   font-size: 20px; line-height: 40px; color: #d1d1d1;}
.b-legacy #topButton:hover{cursor: pointer;border:2px solid var(--theme1); color: var(--theme1); transition:0.2s;}
.b-legacy #topButton:hover:after{ color: var(--theme1); transition:0.2s;}
.b-legacy #topButton.show{ opacity: 1; visibility: visible;}
/*헤더영역*/
.b-legacy #header{position: fixed; height: 80px;  top: 0; z-index: 9999; border-bottom: 1px solid #e9e9e9; width: 100%;}
/*210427(s)*/
.b-legacy #header .inner_b{ margin: 0 auto;  width: 1200px;  max-width: 100%; padding: 18px 0px; box-sizing: border-box;}
/* // 210427(e)*/
.b-legacy #header .inner_b h1{position: relative;  z-index: 100;  float: left;  display: inline-block;}    
/*210527(s)*/
.b-legacy #header .inner_b h1 a{display: block; width: 270px; height: 44px; text-indent: -9999px; background: url("../../images/renew/logo_wht.png") no-repeat;   background-size: 100% auto;}
.b-legacy .logo_change_blk{background: url("../../images/renew/logo_blk.png") no-repeat 100%/100% !important;}
/* // 210527(e)*/

.b-legacy #gnb{text-align: center; z-index: 10; display: inline-block;float: right;}
.b-legacy #gnb > ul{display: inline-block; vertical-align: top;}
.b-legacy #gnb > ul > li{ float: left; text-align: left;}
.b-legacy #gnb > ul > li > a{display: block;    box-sizing: border-box; padding-right: 60px; line-height: 37px; font-size: 18px; font-weight: 300; color: #fff;}
.b-legacy #gnb > ul > li > a span{display: block; vertical-align: top;}
.b-legacy #drop_menu{width: 25px;	height: 20px;	margin-top: 10px;	position: relative;	display: inline-block;	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-o-transform: rotate(0deg);	transform: rotate(0deg);		cursor: pointer;	float: right;}
.b-legacy #drop_menu span{	display: block;	position: absolute;	height: 2px;	width: 100%;	background: #fff;  	opacity: 1;	left: 0;	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-o-transform: rotate(0deg);	transform: rotate(0deg);	-webkit-transition: .25s ease-in-out;	-moz-transition: .25s ease-in-out;	-o-transition: .25s ease-in-out;	transition: .25s ease-in-out;}
.b-legacy #drop_menu span:nth-child(1){top: 0px;-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy #drop_menu span:nth-child(2){top: 8px;	-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy #drop_menu span:nth-child(3){top: 16px;	-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy #drop_menu.open span:nth-child(1){	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-o-transform: rotate(45deg);	transform: rotate(45deg);	top: 0px;	left: 0px;}
.b-legacy #drop_menu.open span:nth-child(2){	width: 0%;	opacity: 0;}
.b-legacy #drop_menu.open span:nth-child(3){	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	transform: rotate(-45deg);	top: 17px;	left: 0px;}

.b-legacy .drop_menu02{width: 25px;	height: 20px;	/*margin-top: 10px;*/	position: relative;	display: inline-block;	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-o-transform: rotate(0deg);	transform: rotate(0deg);		cursor: pointer;	float: right;}
.b-legacy .drop_menu02 span{	display: block;	position: absolute;	height: 2px;	width: 100%;	background: #fff;  	opacity: 1;	left: 0;	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	-o-transform: rotate(0deg);	transform: rotate(0deg);	-webkit-transition: .25s ease-in-out;	-moz-transition: .25s ease-in-out;	-o-transition: .25s ease-in-out;	transition: .25s ease-in-out;}
.b-legacy .drop_menu02 span:nth-child(1){top: 0px;-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy .drop_menu02 span:nth-child(2){top: 8px;	-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy .drop_menu02 span:nth-child(3){top: 16px;	-webkit-transform-origin: left center;	-moz-transform-origin: left center;	-o-transform-origin: left center;	transform-origin: left center;}
.b-legacy .drop_menu02.open span:nth-child(1){	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-o-transform: rotate(45deg);	transform: rotate(45deg);	top: 0px;	left: 0px;}
.b-legacy .drop_menu02.open span:nth-child(2){	width: 0%;	opacity: 0;}
.b-legacy .drop_menu02.open span:nth-child(3){	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	transform: rotate(-45deg);	top: 17px;	left: 0px;}

.b-legacy .gnb_menu{	display: none;	position: absolute;	width: 100%;	top: 80px;	left: 0;	border-bottom:1px solid #e9e9e9;	background: #fff;	border-top: 1px solid #e9e9e9;}
.b-legacy .gnb_menu ul>ul{float: left;}
.b-legacy .gnb_menu ul li ul li{	padding:0px 30px;}
.b-legacy .gnb_menu ul li ul li a{display: block;  font-size: 16px;	box-sizing: border-box;	padding:15px 0px;	color: #555;	font-weight: 300;	word-break: keep-all;}
.b-legacy .gnb_menu_01{width:1200px; margin: 0 auto; height:450px}
.b-legacy .gnb_menu .all_menu_top{ padding:0px 30px;}
.b-legacy .gnb_menu .all_menu_prnt{display: block;  font-size: 16px; box-sizing: border-box; padding:10px 0px; color: #333;  font-weight: 300; word-break: keep-all; position:relative;}
.b-legacy .gnb_menu .all_menu_prnt:before{display: block; content: ""; position: absolute; top: 19px;  left: -18px;  border-right: 8px solid transparent;  border-bottom: 8px solid var(--theme1);  transform: rotate(225deg);}
.b-legacy .gnb_menu .all_menu_prnt:hover{color:var(--theme1); transition:0.2s}
.b-legacy .gnb_menu .all_menu_chld{display: block;  font-size: 16px;  box-sizing: border-box; padding:5px 10px; color: #555;  font-weight: 300; word-break: keep-all; position:relative;}
.b-legacy .gnb_menu .all_menu_chld:before{display: block; content: ""; position: absolute; top: 17px;  left: -5px;  width:5px; height:1px; background-color:#999}
.b-legacy .gnb_menu .all_menu_chld:hover{color:var(--theme1); transition:0.2s}

.b-legacy .gnb_menu_dtl{	display: none;	position: absolute;	width: 100%;	top: 80px;	left: 0;	border-bottom:1px solid #e9e9e9;	background: #fff;	border-top: 1px solid #e9e9e9;}
.b-legacy .gnb_menu_dtl ul>ul{float: left;}
.b-legacy .gnb_menu_dtl .all_menu_top{	padding:0px 30px;}
/*210528(s)*/
.b-legacy .gnb_menu_dtl .all_menu_prnt{display: block;  font-size: 16px;	box-sizing: border-box;	padding:7px 0px;	color: #333;	font-weight: 300;	word-break: keep-all; position:relative;}
.b-legacy .gnb_menu_dtl .all_menu_prnt:before{display: block; content: ""; position: absolute; top: 16px;  left: -18px;  border-right: 8px solid transparent;  border-bottom: 8px solid var(--theme1);  transform: rotate(225deg);}
/* // 210528(e)*/
.b-legacy .gnb_menu_dtl .all_menu_prnt:hover{color:var(--theme1); transition:0.2s}
.b-legacy .gnb_menu_dtl .all_menu_chld{display: block;  font-size: 15px;  box-sizing: border-box; padding:5px 10px; color: #555;  font-weight: 300; word-break: keep-all; position:relative;}
.b-legacy .gnb_menu_dtl .all_menu_chld:before{display: block; content: ""; position: absolute; top: 17px;  left: -5px;  width:5px; height:1px; background-color:#999}
.b-legacy .gnb_menu_dtl .all_menu_chld:hover{color:var(--theme1); transition:0.2s}
/*210528(s)*/
.b-legacy ul.gnb_wrap{	height:580px;	width: 1200px;	margin: 0 auto;}
/* // 210528(e)*/
.b-legacy li.gnb_inner{	display: inline-block;	width: 239px;	height: 100%;	float: left;	border-right: 1px solid #e9e9e9;}
.b-legacy li.gnb_inner:last-child{border-right: none}
.b-legacy a.gnb_cnt{	display: block;	font-size: 16px;	box-sizing: border-box;	padding: 10px 0px;		font-weight: 300;	word-break: keep-all;    border-bottom: 1px solid #ddd;    margin: 0 auto; width: 90%}	
.b-legacy a.gnb_cnt:hover{color:var(--theme1); transition:0.2s}

/*태블릿 이하 gnb 메뉴*/
.b-legacy .under_tablet{display:none}
/*210520(s)*/
.b-legacy .overlay{height: 100%;  width:0; position: fixed; top: 0;  right: 0; background-color: rgba(255,255,255); overflow-x: hidden; transition: 0.5s;  z-index: 999; background:#fff}
/* // 210520(e)*/
.b-legacy .overlay_tit{position: absolute; color: #fff; left: 20px; top: 25px;  font-size: 16px;}
.b-legacy .btn_icon{display: inline-block;  width: 20px;  height: 10px;  margin-top: 10px;  background: url(../../images/renew/acc_down.png) 0px 0px no-repeat;  vertical-align: middle;  line-height: 26px;  float: right;}
.b-legacy .overlay_top.on .btn_icon{ background: url(../../images/renew/acc_up.png) 0px 0px no-repeat; }
.b-legacy .overlay-content{width: 100%; height: auto; box-sizing: border-box;  padding:0px 10px; position: relative;}
.b-legacy .overlay-content .overlay_1st a:hover{color:var(--theme1); transition:0.2s}
.b-legacy .overlay-content .overlay_1st{ box-sizing: border-box;  padding: 10px;}
.b-legacy .overlay-content .overlay_1st ul{margin-bottom:10px}
.b-legacy .overlay-content .overlay_2nd{display:none; padding: 0px 20px;}
.b-legacy .overlay-content .overlay_top{display: block; font-size: 16px; box-sizing: border-box;  padding: 10px 0px;  font-weight: 300;  word-break: keep-all;  border-bottom: 1px solid #ddd;  margin: 0 auto;  width: 100%; cursor: pointer;}
.b-legacy .overlay-content .overlay_2nd li a{    display: block; font-size: 15px;  box-sizing: border-box;  padding: 10px 0px;  color: #666;  font-weight: 300;  word-break: keep-all;  position: relative;}
.b-legacy .overlay-content .overlay_2nd li a:before{display: block; content: ""; position: absolute; top: 19px;  left: -18px;  border-right: 8px solid transparent;  border-bottom: 8px solid var(--theme1);  transform: rotate(225deg);}
.b-legacy .btn_wrap{width: 100%; height: 80px;  position: relative;  background: var(--theme1);}

/*닫힘버튼*/
.b-legacy .closebtn{width:25px; height: 25px;  margin:20px 25px; position: relative;  display:block;  cursor: pointer;  float: right;}
.b-legacy .closebtn span{ display: block;  position: absolute; height: 2px; width: 100%;  background: #fff;  opacity: 1;  left: 0; }
.b-legacy .closebtn span:nth-child(1){ -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 17px;  left: 0px;}
.b-legacy .closebtn span:nth-child(2){ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);   -o-transform: rotate(-45deg);   transform: rotate(-45deg);  top: 17px;  left: 0px;}

/*비주얼영역*/
.b-legacy .visual{width:100%; /*height:940px; background: url(../../images/renew/main_visual.png)no-repeat center;*/ position:relative;}
.visual_txt_wrap{width: 100%; position: absolute;	top: 23%;	left: 0;}*/
.b-legacy .visual_txt_top{width:1200px; margin:0 auto; text-align:center;}
.b-legacy .visual_txt_top>span{color:#fff; font-weight:100; font-size: 20px}
 .visual_txt_middle{width: 1200px; margin: 0 auto; text-align: center; box-sizing: border-box;padding: 20px;}
.b-legacy .visual_txt_middle strong{color: #fff;font-size: 55px;  box-sizing: border-box; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} */
 .visual_txt_bottom{width:1200px; margin:0 auto; text-align:center;} */
 .visual_txt_bottom>p{font-size:20px; color:#fff; font-weight:100; word-break: keep-all;} */

/*마우스 애니메이트*/
.b-legacy div#mouse{	position: absolute;	margin: auto;	left: 0; bottom: 3%; right: 0;  	width: 20px;	height: 40px;	border: 1px #fff solid;	border-radius: 40px;}
.b-legacy div#mouse > span.ani{	position: absolute;	margin: auto;	top: -40%; left: 0; bottom: 10%; right: 0;  	width: 10px;	height: 10px;	background: #fff;	border-radius: 40px;	animation: mousescroll 2s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite; -o-animation:mousescroll 2s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite; 	-moz-animation:    mousescroll 2s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite; 	-webkit-animation: mousescroll 2s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite; }
@keyframes mousescroll {from { transform: translateY(0) }	40%  { transform: translateY(200%) }	60%  {  opacity: 1 }	to   { transform: translateY(200%); opacity: 0; }}
@-o-keyframes mousescroll{from { -o-transform: translateY(0) }	40%  { -o-transform: translateY(200%) }	60%  {  opacity: 1 }	to   { -o-transform: translateY(200%); opacity: 0; }}
@-moz-keyframes mousescroll {	from { -moz-transform: translateY(0) }	40%  { -moz-transform: translateY(200%) }	60%  {  opacity: 1 }	to   { -moz-transform: translateY(200%); opacity: 0; }}
@-webkit-keyframes mousescroll {	from { -webkit-transform: translateY(0) }	40%  { -webkit-transform: translateY(200%) }	60%  {  opacity: 1 }	to   { -webkit-transform: translateY(200%); opacity: 0; }}
*/

/*바로가기 박스*/
.b-legacy .click_box_wrap{	width: 100%;	position: absolute;	top: 60%;}
.b-legacy .click_box_container{width: 1200px;	margin: 0 auto;	display: flex;	flex-flow: row wrap;	justify-content: space-between;}
.b-legacy .click_box{width: 390px; 	float: left;	background: rgba(0, 0, 0, 0.5);	box-sizing: border-box;	height: 255px;	margin-right: 1%;	position: relative; }
.b-legacy .click_box:last-child{margin-right:0;}
.b-legacy .click_box:hover{background-color:var(--theme1); transition:0.4s}
.b-legacy a.click_box_cnt{position: absolute;width: 100%;height: 100%;top: 0;	left: 0;	box-sizing: border-box;	padding: 30px;}
.b-legacy h3.click_box_txt{float: right;	text-align: right; 	color: #fff;	margin-top:80px;	font-size: 20px; word-break:keep-all;}
.b-legacy h3.click_box_txt>span{font-weight:100;}

/*통합진단클리닉*/
.b-legacy .clinic_section{	width: 100%;	height: 550px; position: relative;}
.b-legacy .clinic_wrap{		width: 1200px;		margin: 80px auto;}
.b-legacy .clinic_left_box{width: 600px;	height: 400px; background: url("../../images/renew/tool01.png")no-repeat center;	z-index: 1;	box-shadow: 15px 15px 20px 0 rgb(0 0 0 / 15%);	position: absolute; overflow:hidden; background-repeat: no-repeat;}
.b-legacy .clinic_left_box img{width: 100%; height: 100px; object-fit: cover; /* transform:scale(1.0); transition: transform 1.5s;*/ }
.b-legacy .clinic_right_box{ width: 930px; height: 415px; background: #eee; position: relative; float: right; margin-top:50px;}
.b-legacy .clinic_inner{ position: absolute;  right: 0; height: auto;  padding: 0px 70px 0 0;   width: 50%;  bottom:65px; word-break:keep-all;}
.b-legacy h3.clinic_h{font-size:40px}
.b-legacy p.clinic_p{ font-size: 16px;  font-weight: 100;  line-height: 30px;  margin-top: 30px;}
.b-legacy .clinic_btn{box-sizing: border-box;	background: var(--theme1);	width: 180px;	height: 50px;	position: relative;	margin-top: 30px; }
.b-legacy .clinic_btn:hover{background:#333;   -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.b-legacy .clinic_btn_inner{	width: 100%;	height: 100%;	position: absolute; padding: 10px 15px; box-sizing: border-box;}	
.b-legacy .clinic_btn_txt{color: #fff; font-size: 16px;	}
.b-legacy .go_arrow{margin-left:.5em; position:absolute; top:40%;}
.b-legacy .go_arrow_rt{margin-left:0.8em;  transition: all 0.2s ease-in-out;}
.b-legacy .dot_light_pattern{background: radial-gradient(#eee 25%, transparent 0%); background-size: 10px 10px;  width: 1550px; height: 200px; float: right;  z-index: -1;  position: absolute;  bottom: 0;   right: 0;}

/*게시판영역*/
 .inform_section{ width: 100%;  height: 600px;} */
 .inform_wrap{width: 1200px;  margin: 80px auto;} */
 .inform_left_box{ width: 50%;  display: inline-block;  float: left; box-sizing:border-box; padding-right:30px}
.b-legacy .inform_right_box{width: 50%; display: inline-block; height: 500px; float: left; box-sizing:border-box; padding-left:30px} */
 .inform_tab{width: 100%;} */
 .line_t{width: 100%;	background: #eee;	height: 2px;	margin: 5px auto;} */
 ul.tabs{margin: 0px; padding: 0px;list-style: none;} */
 ul.tabs li{background: none;	color: #888;	display: inline-block;	padding: 10px 15px 5px;	cursor: pointer; font-size:18px; font-weight:100; } */
.b-legacy .side_bar{position:relative;}
.b-legacy .side_bar:after{position: absolute; content: ''; width: 1px; height:20px; background-color:#ddd; bottom:.375em; right:0;}
 ul.tabs li.current{color: #333; font-weight: 300; text-decoration:underline; } */
 .tab-content{display: none;}
.b-legacy .tab-content li{width:100%; box-sizing: border-box; padding: 20px 10px; border-bottom:1px solid #eee}
.b-legacy .inform_tab_li, .inform_tab_li a, .inform_tab_date{font-size:16px; color:#888; }
.b-legacy .inform_tab_date{float: right}
.b-legacy .tab-content.current{display: inherit;} */
 h2.section_tit_h{ font-size: 30px; display: inline-block;} */
 .plus_objet{ font-size: 15px; float: right; margin-top: 20px; color:#666;} */
.b-legacy .inform_top_content{display: block; overflow: hidden;}
.b-legacy .the_new{width: 80%;display: inline-block;overflow: hidden;margin-left:1em}
 .inform_top_tit{display: block; width: auto;	height: 1.375em;	margin: 0 0 .5em 0;	font-size: 18px;	font-weight: 300;	text-overflow: ellipsis;	white-space: nowrap;	word-break: break-all;	overflow: hidden;} */
 .inform_top_cnt{	display: -webkit-box;	width: auto;	height:3em; font-size: 15px;	font-weight: 100;	color: #888;	text-overflow: ellipsis;	word-break: break-all;	overflow: hidden; 	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;	word-break: break-word;	line-height: 1.5em; } */
 .inform_point{margin-right: 10px; color:var(--theme1)!important;     vertical-align: top;} */
 .date_box{display: inline-block; width: 75px; height: 75px; border: 0; box-shadow: inset 0 0 0 1px #ddd; text-align: center;	box-sizing: border-box;	vertical-align: top;}
.b-legacy .ddyyyymm{ display: inline-block; font-weight: 100; font-size: 14px; color: #888;text-align: center;}
.b-legacy .big_dd{ display: block; font-weight: 700; 	color: #333; 	font-size: 30px;} */
.b-legacy .inform_tab_li a{text-overflow: ellipsis;overflow: hidden; display: inline-block; width: 380px; height: 1.375em; white-space: nowrap;vertical-align: top;}
.b-legacy .inform_tab_li a:hover{color:#333; transition:0.2s}
.b-legacy .tech_box{ width: 100%;  box-sizing: border-box;  padding: 11px 20px;  border: 0; box-shadow: inset 0 0 0 1px #eee;  margin-top:10px; position: relative;}
.b-legacy .tech_box:hover{background:var(--theme1); transition:0.2s}
.b-legacy .tech_box:hover span, .tech_box:hover strong{color:#fff;}
.b-legacy .tech_wrap{margin-top:20px;}
.b-legacy .tech_point{font-size: 14px;  color: var(--theme1);  margin-right: 0.5em;}
.b-legacy .tech_comp{font-size: 14px; color:#666;}
.b-legacy .tech_text{display:block; color:#333; font-weight: 300;  font-size: 16px;  width: auto;  height: 1.8em;  text-overflow: ellipsis;  overflow: hidden;  line-height: 1.8em;  word-break: break-all;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.b-legacy .color_blk{color:#333; }

/*바로가기 메뉴*/
/*210520(s)*/
.b-legacy .svc_section{	width: 100%;height: 540px;	background: url(../../images/renew/shortcut_bg.png)no-repeat center;	background-size:cover;	background-repeat: no-repeat;	/*background-attachment: fixed;*/}
/* // 210520(e)*/
.b-legacy .svc_wrap{width: 1200px; margin: 0 auto; height: 100%;}
.b-legacy .svc_left_box{position: relative; width: 50%;  height: 100%; float: left; }
.b-legacy .svc_left_box h2{position:absolute; bottom: 40px; color: #fff; font-size:35px;}
.b-legacy .svc_right_box{width: 50%;  height: 100%; float: left;padding: 8px; box-sizing: border-box; } 
.b-legacy .svc_shortcut_box{width:289px; height:260px; background: rgba(0, 0, 0, 0.5); position:relative;}
.b-legacy .svc_shortcut_box:hover{background-color:var(--theme1); transition:0.4s} 
.b-legacy .svc_shortcut_box:nth-child(odd){margin:0 1% 1% 0; float: left;}
.b-legacy .svc_shortcut_box:nth-child(even){float: right;}
.b-legacy .svc_shortcut_box:nth-child(2){margin:0 0 1% 0;}
.b-legacy .svc_icon_wrap{position:absolute;text-align:center; width: 100%; top: 50%;  transform: translateY(-50%);  }
.b-legacy .svc_inner_txt{font-size: 20px; color: #fff; margin-top:0.5em;}

/*브라우져 이용률*/
.b-legacy .browser_section{width: 100%; height:auto; }
.b-legacy .browser_wrap{ width: 1200px;  margin: 80px auto;}
.b-legacy .browser_inner{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; margin-top: 30px;}
.b-legacy .browser_box{width: 225px; height: 155px; float: left; border-bottom: 3px solid var(--theme1)!important; border: 1px solid #eee; box-sizing: border-box; padding: 20px; position: relative;}
.b-legacy .browser_txt{ position: absolute;  bottom: 10px; }
.b-legacy .browser_name{font-size: 15px;}
.b-legacy .browser_percent{display: block; font-size: 40px; font-weight: 300;}
.b-legacy .chrome_ci{background: url(../../images/renew/browser_chrome_icon.png)no-repeat 140px -20px;}
.b-legacy .edge_ci{background: url(../../images/renew/browser_edge_icon.png)no-repeat 140px -20px;}
.b-legacy .ie_ci{background: url(../../images/renew/browser_ie_icon.png)no-repeat 140px -20px;}
.b-legacy .whale_ci{background: url(../../images/renew/browser_whale_icon.png)no-repeat 140px -20px;}
.b-legacy .safari_ci{background: url(../../images/renew/browser_safari_icon.png)no-repeat 140px -20px;}

/*푸터영역*/
.b-legacy .footer{width: 100%; height:220px; background: #444; }
.b-legacy .footer_inner{border-bottom: 1px solid #686868;}
.b-legacy .footer_top{width: 1200px; margin: 0 auto; box-sizing: border-box; }
.b-legacy .ft_link{display: inline-block;  float: left;}
.b-legacy .ft_link>ul li a{color: #fff;	font-weight: 100;	font-size: 14px;	padding: 4px 0 0 0;	line-height: 40px;}
.b-legacy .ft_link>ul li{float: left;}
.b-legacy .famliy_link{display: inline-block; float: right;}
.b-legacy .famliy_link select{height: 40px;	background: url(../../images/renew/select_arr_white.png)no-repeat center right #444;	border-top: 0;	border-bottom: 0;	border-color: #686868;	color: #fff;	font-size: 14px;	letter-spacing: -0.2px;}
.b-legacy .go_link{display: inline-block;	padding: 0 10px 0 5px; height: 40px;	border-right: 1px solid #686868;	color: #fff;	vertical-align: top;	text-align: center;	line-height: 40px;	font-size: 14px;}
.b-legacy .footer_bottom{width: 1200px; margin: 0 auto;}
.b-legacy .footer_inner_wrap{	display: flex;	flex-flow: row wrap;	justify-content: space-between;	margin: 30px 0;}
.b-legacy .address_box ul{	float: left; color: #E8E8E8;}
.b-legacy .address_box ul:first-child{margin-right:120px;}
.b-legacy .call_box p{font-weight:100}
.b-legacy .call_box p:first-child{color:#fff} 
.b-legacy .call_box p:last-child{color:#E8E8E8} 
.b-legacy .address_box ul, .call_box p{font-size:14px;}

.b-legacy #modal{display:none; position:fixed;  width:100%;  height:100%;  z-index:10000;  top:70px;  word-break: keep-all;}
.b-legacy #modal button{ display: inline-block; background: inherit; border: none; box-shadow: none;  border-radius: 0;  padding: 0;  overflow: visible;  cursor: pointer;  color: #fff; font-size: 20px;  float: right; line-height: 20px;}
.b-legacy #modal .modal_content{width:400px; margin:100px auto;   background:#fff; border-bottom:3px solid var(--theme1);}
.b-legacy #modal .modal_top{background: var(--theme1);box-sizing: border-box; padding: 10px 20px;  width: 100%;}
.b-legacy .modal_tit{ font-size:18px; color: #fff;}
.b-legacy .modal_txt_wrap{padding: 20px;}
.b-legacy .modal_txt{font-size: 16px;}
.b-legacy #modal .modal_layer{position:fixed;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0, 0, 0, 0.5);  z-index:-1;}   

.b-legacy .popup_wrap{position: fixed; top: 15%;  left: 5%;   z-index:10000; box-sizing: border-box;    }
.b-legacy .popup_box{float: left; max-width:600px; background: #fff; box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 35%);  -webkit-box-shadow: 2px 5px 10px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.b-legacy .popup_box:first-child{margin:0 2vw 2vw 0}
.b-legacy .popup_box .popup_cont{ padding: 10px; line-height: 1.4rem;  font-size: 14px;  word-break: break-word;  display: block;  border-top: 3px solid var(--theme1);}
.b-legacy .popup_box .popup_cont img{width:100%!important;}
.b-legacy .popup_box .popup_link{display:block; width: 100%; height: 100%}
.b-legacy .popup_box .popup_btn{ display: table;  table-layout: fixed;  width: 100%;  height: 50px;  background: var(--theme1);}
.b-legacy .popup_box .popup_btn a{position: relative; display: table-cell; height:40px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:var(--theme1);}
.b-legacy .popup_box .popup_btn a.close_day{background:#333;}

/* SkipToContent */ 
 .b-legacy #skipToContent a{position:absolute;left:-3000%}
.b-legacy #skipToContent a:focus{display:inline-block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#555;color:#fff;text-align:center}
 



/* renew main */
/* common */
.b-legacy .inner_b.main{		/* 230512 */
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* header */
/*웹접근성 header 수정*/
/*00. 헤더영역*/
.b-legacy #header{ position: fixed; height: 100px; width: 100%; top: 0; z-index: 9999; border-bottom: 1px solid #e9e9e9;  background:#fff;}
.b-legacy #header .inner_b{ position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;  width: 1700px; height: 100%;  max-width: 100%; padding: 0; box-sizing: border-box;}
.b-legacy #header .inner_b h1 a{display: block; width: 270px; text-indent: -9999px; background: url("../../images/renew/logo_blk.png") no-repeat;   background-size: 100% auto;}
 .logo_change_blk{background: url("../../images/renew/logo_blk.png") no-repeat 100%/100% !important;} */
/* 기존 이미지 주소는 ../../images/renew/logo_blk.png 앞에 .. 없애기 */
.b-legacy .gnb_wrap{ display:flex; align-items: center; height:100%; flex:0.9; }
.b-legacy .gnb_wrap::before{ content: ""; position: absolute; top: 100%; left:-100%; width:300%; height: 260px;  background: #fff;  border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4; box-shadow: 0 30px 30px rgba(0, 0, 0, .15); display: none; z-index: 1; }
.b-legacy .gnb_wrap.on::before{ display: block; }
.b-legacy .gnb{ flex:1; text-align:center; height:100%; }

.b-legacy .t_gnb{ display:flex; align-items: center; height:100%; }
.b-legacy .t_gnb .menu{ position: relative; display: inline-block; height:100%; flex:1; }
.b-legacy .t_gnb .menu .depth1{ height:100%; }
.b-legacy .t_gnb .menu .depth1 a{ display:flex; align-items: center; justify-content: center; width:100%; height:100%;  color: #333; font-size:21px; text-decoration: none; }
.b-legacy .t_gnb .menu .depth1 a.active{ position:relative; border-bottom:1px solid #0078d7; color: #0078d7; font-weight:bold;  }
.b-legacy .t_gnb .menu .depth1 a.active::after{ position:absolute; width:100%; height:2px; left:0px; bottom:0px; background:#0078d7; content:''; }

.b-legacy .t_gnb .depth2{ position: absolute; width:100%; top: 100%; padding-top:25px; left: 0; height: 0; opacity: 0; overflow: hidden; transition: height 0.3s ease, opacity 0.3s ease; z-index: 2; }
.b-legacy .t_gnb .depth2 .depth2_menu_item{ display:flex; flex-flow:column nowrap; gap:20px; }
.b-legacy .t_gnb .depth2 .depth2_menu_item > li:hover > a{ display: block; color: #0078d7;text-decoration: none;  }
.b-legacy .gnb_wrap.on .depth2{ height: auto; opacity: 1; overflow: visible; }

.b-legacy .btn_group .btn_menu{ position: relative; width:35px; height:35px; display: inline-block; background: url('../../images/renew/icon_header_common.png') no-repeat -86px 5px; background-size: cover; }
.b-legacy .text_hide:not(:focus):not(:active){ border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); height: 1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }

/* 전체메뉴 */
.b-legacy .all_menu{ position: fixed; width: 100%; height: 100vh; right: 0; top: 0px; background-color: #fff; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.3s; }
.b-legacy .all_menu.on{ opacity: 1; visibility: visible; z-index: 100000000; }
.b-legacy .all_menu .inner_b{position:relative;}
/*top*/
.b-legacy #header .all_menu .inner_b{ position: relative; display: flex; justify-content: flex-start; margin: 0 auto; max-width: 100%; padding: 0; box-sizing: border-box; flex-direction: column; }
.b-legacy .all_menu .inner_b .top{ width:100%; height:100px; display: flex; justify-content: space-between; align-items: center; }
/*middle*/
.b-legacy .all_menu .inner_b .middle{ width:100%; }
.b-legacy .all_menu .inner_b .middle .big_menu{ display:flex; flex-flow: row wrap; gap:30px; }
.b-legacy .middle .big_menu .big_menu-item{ flex:1; }
.b-legacy .middle .big_menu .big_menu-item .strong{ display: inline-block; width:100%; padding: 20px 0; border-bottom: 1px solid #d9d9d9; font-size:24px; }
.b-legacy .middle .big_menu .big_menu-item .strong.active{ position:relative; border-bottom:1px solid #0078d7; color: #0078d7; }
.b-legacy .middle .big_menu .big_menu-item .strong.active::after{ position:absolute; width:100%; height:2px; left:0px; bottom:0px; background:#0078d7; content:''; }
.b-legacy .middle .big_menu .big_menu-item .depth-2{ display:flex; flex-flow:column nowrap; gap:15px; padding: 20px; }
.b-legacy .middle .big_menu .big_menu-item .depth-2>li>a{ position:relative; padding-left:15px; font-size:18px; }
.b-legacy .middle .big_menu .big_menu-item .depth-2>li>a::before{ position:absolute; width:5px; height:5px; left:0px; top:50%; transform:translate(0, -50%); border-radius: 50px; background:#0078d7; content:''; }
.b-legacy .middle .big_menu .big_menu-item .depth-2>li>a:hover{ color: #0078d7; }
.b-legacy .middle .big_menu .big_menu-item .depth-3{ display:flex; flex-flow:column nowrap; gap:5px; padding:5px 0 0 18px; }
.b-legacy .middle .big_menu .big_menu-item .depth-3>li{ }
.b-legacy .middle .big_menu .big_menu-item .depth-3>li>a{ position:relative; padding-left: 10px; color:#777; }
.b-legacy .middle .big_menu .big_menu-item .depth-3>li>a:hover{ color:#333; }
.b-legacy .middle .big_menu .big_menu-item .depth-3>li>a::before{ position:absolute; left:0px; top:50%; transform:translate(0, -50%); content:'-'; }
/*bottom*/
.b-legacy .bottom{ position: absolute; right: 0; top: 30px; }
.b-legacy .all_menu.on a.btn_off{ position: absolute; width:35px; height:35px; display: inline-block; background: url('../../images/renew/icon_header_common.png') no-repeat -130px 5px; background-size: cover; }

/*01. 공지사항 > 탭스타일 및 타이틀 변경*/
.b-legacy .inform_section > .inner_b{ padding:1% 0 6% }/*동향정보&공지사항 위아래 여백 조정*/
.b-legacy .inform_left_box_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.b-legacy .inform_right_box_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.b-legacy .inform_rightFlex{ flex:1; display:flex; flex-flow:row wrap; align-items: center; gap:10px; }

.plus_object{ padding: 8px; border: 1px solid #888; border-radius: 18px; font-size: 16px; }*/


.b-legacy ul.tabs.mainTabs{ display:flex; margin:0; gap:15px; }
.b-legacy ul.tabs.mainTabs li{ padding:0; text-align:center; }
.b-legacy ul.tabs.mainTabs li.current a{ background: #0094d9; color:#fff; }
.b-legacy ul.tabs.mainTabs li a{ color:#8a8a8a; padding:5px; border-radius: 5px; text-align:center; }
.b-legacy ul.tabs.mainTabs li::after{ display:none; }

.b-legacy #gnb{
    float: none;
}

.b-legacy #gnb > ul{
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    align-items: center;
}

.b-legacy #gnb > ul > li{
    float: none;
}

.b-legacy #gnb > ul > li > a{
    padding-right: 0;
    font-size: 22px;
    padding: 0 50px;
}

.b-legacy #drop_menu{
    float: none;
    position: absolute;
    right: 0; 
    top: 0;
    bottom: 0;
    margin: auto;
}

.b-legacy .gnb_menu_dtl{
    top: 100px;
}

/* 본문 */
.b-legacy .visual{
    height: auto;    
    background: url('../../images/renew/bg_banner.jpg') no-repeat top;
}

.b-legacy .visual > .inner_b{
    height: 100vh;
    display: flex;
    align-items: center;
}

.b-legacy .visual > .inner_b > .inner_b-line{
    display: flex;
    width: 100%;
}

.b-legacy .visual > .inner_b > .inner_b-line > .v-content{
    flex: 1;
} 

.b-legacy .visual_txt_wrap{
    flex-direction: column;
    color: #fff;
    line-height: 1;
    padding-top: 5%;
}
.b-legacy .visual_btn_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 1;
}

.b-legacy .visual_txt_middle{
    font-size: 45px;
    font-weight: 700;
}
.b-legacy .visual_txt_bottom{
    font-size: 25px;
    margin-top: 45px;
} 

.b-legacy .visual_txt_bottom > p{
    line-height: 1.4;
}

.b-legacy .visual_btn_wrap > .btn a{
    color: #fff;
}

.b-legacy .visual_btn_wrap .btn_clinic{
    flex: 100%;
    border: 1px solid #fff;
    position: relative;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 8% 5% 10%;
}
.b-legacy .visual_btn_wrap .btn_clinic:hover{
    background-color: rgba(0, 51, 78, 0.7);
}
.b-legacy .visual_btn_wrap .btn_clinic > .img{
    flex: 1;
    margin: auto;
}
.b-legacy .visual_btn_wrap .btn_clinic > .img > img{
    width: 80%;
}
.b-legacy .visual_btn_wrap .btn_clinic > .text{
    font-size: 20px;
    line-height: 1;
    margin: auto;
    flex: 1.6;
}
.b-legacy .visual_btn_wrap .btn_clinic > .text > h4{
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.b-legacy .visual_btn_wrap .btn_clinic > .text > span{
    letter-spacing: -0.8px;
    line-height: 1.4;
    margin: 16px 0 35px;
    font-size: 17px;
    display:block;
}
.b-legacy .visual_btn_wrap .btn_clinic > .text > p{
    border: 1px solid #fff;
	padding: 10px 17px;
    width:fit-content;
}

.b-legacy .visual_btn_wrap .btn_three{
    text-align: center;
    flex: 1;
    border: 1px solid #fff;
    margin: 3px 3px 0 0;
    padding: 25px 0 28px;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.b-legacy .visual_btn_wrap .btn_three:hover{
    background-color: rgba(7, 132, 190, 0.2);
}
.b-legacy .visual_btn_wrap .btn_three:nth-child(4){
    margin-right: 0;
}
.b-legacy .visual_btn_wrap .btn_three > img{
    display: block;
    margin: auto;
    width: 60%;
    margin-bottom: 20px;
}
.b-legacy .visual_btn_wrap .btn_three > p{
    font-size: 22px;
    font-weight:300;
    color:#fff;
}

.b-legacy #mouse > .text{
    position: absolute;
    left: -30%;
    right: 0;
    bottom: -50%;
    margin: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    width: fit-content;
}

/* 본문-동향,공지사항 */
.b-legacy .inform_section{ 
    width: 100%;  
}
.b-legacy .inform_section > .inner_b{
    display: flex;
    flex-direction: row;
    line-height: 1;
    padding: 4% 0 6%;
    /*padding: 8% 0 10%;*/
}

.b-legacy .inform_left_box{ 
    width: calc(50% - 25px);
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.b-legacy .inform_right_box{
    width: calc(50% - 25px);
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.b-legacy .section_tit_h{
    font-size: 30px;
    font-weight: 500;
    padding-left: 20px;
}

.b-legacy .plus_object{ position: absolute; padding: 8px; border: 1px solid #888; border-radius: 18px; font-size: 16px; top: 0; right:0; }
.b-legacy .plus-n{  top: -1% !important; }
.b-legacy .noti_wrap{
    position: relative;
    
}
.b-legacy .inform_tab{
    position: relative;    
}

.b-legacy .trand_content li{
    width:100%; 
    box-sizing: border-box; 
    padding: 20px 10px; 
    border-bottom: 1px solid #dadada;
}
.b-legacy .trand_content li::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dadada;
    position: absolute;
    top: 0;
    left: 0;
}

.b-legacy .inform_tab_li, .inform_tab_li a{
    font-size:16px; 
    color:#888; 
}
.b-legacy .inform_tab_date{
    float: right;
    font-size:14px;
    color:#888; 
}
.b-legacy .date_box{
    display: inline-block; 
    width: 80px; 
    height: 80px; 
    border: 1px solid #dadada; 
    text-align: center;	
    box-sizing: border-box;	
    vertical-align: top;
}
.b-legacy .ddyyyymm{ 
    display: inline-block; 
    font-weight: 100; 
    font-size: 16px; 
    color: #888;
    text-align: center;
}
.b-legacy .big_dd{ 
    display: block; 
    font-weight: 400; 
    color: #333; 
    font-size: 40px;
    padding: 5px 0;
}

.b-legacy .inform_top_tit{
    display: block; 
    width: auto;	
    height: 1.375em;	
    margin: 0 0 .3em 0;	
    font-size: 20px;	
    font-weight: 400;	
    color: #333;
    text-overflow: ellipsis;	
    white-space: nowrap;	
    word-break: break-all;	
    overflow: hidden;
} 
.b-legacy .inform_top_cnt{	
    width: auto;	
    height:3em; 
    font-size: 16px;	
    color: #888;	
    text-overflow: ellipsis;	
    word-break: break-all;	
    overflow: hidden; 	
    -webkit-line-clamp: 2;	
    -webkit-box-orient: vertical;	
    word-break: break-word;	
    line-height: 1.5em; 
}
.b-legacy .inform_top_cnt:hover{
    color: #333;	
}
.b-legacy .inform_point{
    color: #0094d9;
    padding-right: 5px;
}
.b-legacy .line_t{
    width: 100%;	
    background: #dadada;	
    height: 1px;	
}

.b-legacy ul.tabs{
    margin: 0px; 
    padding: 0px;
    list-style: none;
    margin: 3% 0 5%;
}
.b-legacy ul.tabs li{
    background: none;	
    color: #333;	
    display: inline-block;	
    padding: 0 0 0 20px;	
    cursor: pointer; 
    font-size: 18px; 
    font-weight: 500; 
    position: relative;
}
.b-legacy ul.tabs li::after{
    content: "";
    width: 1px;
    height: 18px;
    background-color: #dadada;
    position: absolute;
    left: 10px;
    top: 2px;
}
/*230622*/
.b-legacy ul.tabs li a{
	display:block;
	width:100%;
}

.b-legacy ul.tabs li h3{
	font-size:18px;
}
/*230622*/
.b-legacy ul.tabs li:nth-child(1):after{
    display: none;
}

.b-legacy ul.tabs li.current a{
    color: #0094d9; 
}
.b-legacy .tab-content{display: none;}
.b-legacy .tab-content.current{ display: inherit; }
.b-legacy .noti_box{
    font-weight: 400;
    line-height: 1;
    border: 1px solid #dadada;
    padding: 16px 20px;
    margin-bottom: 7px;
    cursor: pointer;
}
.b-legacy .noti_box:nth-of-type(3){
    margin-bottom: 0;
}
.b-legacy .noti_point{
    font-size: 16px;
    color: /*#f7a80f*/#B40000;
}
.b-legacy .noti_point.dl{ color: #888; }
.b-legacy .noti_sort{
    color: #0094d9;
    font-size: 16px;
    padding-left: 8px;
}
.b-legacy .noti_box .title{
    font-size: 18px;
    color: #333;
    margin: 8px 0;	
    text-overflow: ellipsis;	
    white-space: nowrap;	
    word-break: break-all;	
    overflow: hidden;
    display: block;
}
.b-legacy .noti_box .date{
    color: #888;
    font-size: 14px;
    font-weight: 100;
    display: block;
}
.b-legacy .noti_box:hover{
    background-color: var(--theme1);
}
.b-legacy .noti_box:hover span{
    color: #fff;
}
.noti_box:hover > div{
    color: #fff;
}*/

.b-legacy .noti_box > a{		/* 230703 추가 */
	display: block;
}

.b-legacy .tab-content > ul{
	min-height: 314px;
}
.b-legacy .nodata{
	height: 312px;
	line-height: 312px;
	text-align: center;
	border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    color: #888;
}

/* footer */
.b-legacy .address_box .add-p{
    display: none;
}

/*20240429 캡챠 CSS*/
.b-legacy .captcha_container label{
	display: none;
    font-weight: 600;
}
.b-legacy .captcha_container #ccaudio{
	display:none;
}
.b-legacy .captcha_container .captcha_inner{
	display:flex;
    /* 260408(s) */
    flex-wrap: wrap;
    /* 260408(e) */
    gap: 6px;
	justify-content: center;
	margin-bottom:10px;
}
.b-legacy .captcha_container .captcha_text_inner{
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.b-legacy .captcha_container .captcha_btn_box{
	display: flex;
    gap: 5px;
    justify-content: center;
}
.b-legacy .captcha_container .captcha_btns1{font-size: 16px;height: 100%;background-color: var(--sub);-webkit-text-fill-color: #fff;color: #fff;line-height: 26px;border: none;border-radius: 6px;padding: 8px 10px;}
.b-legacy .captcha_container .captcha_input_text{
    width: 100%;
    max-width: 310px;
    height: auto;
    border: 1px solid #ddd;
    font-size: 1.5rem;
    font-weight: 500;
    width: 100%;
    line-height: 24px;
    padding: 10px 5px 10px 10px;
}

/* 260408(s) 추가 */
.b-legacy .hide_txt {display:none; font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;padding:0;margin:0;}
.b-legacy .clfix.diagnosis-detail:last-child.on{margin-bottom: 30px;}
.b-legacy .investigation_lst.clfix .subtit {width: 80px;flex-shrink: 0;}
/* 260408(e) */


@media (max-width: 768px) {
    .b-legacy .captcha_container .captcha_text_inner {
        justify-content: center;
    }
    .b-legacy .captcha_container .captcha_input_text {max-width: 280px;}
}
/* 260408(s) */
@media (max-width: 400px) {
    .b-legacy .captcha_container .captcha_btn_box{width: 100%;}
    .b-legacy .captcha_container .captcha_btns1{flex: 1;}
    .b-legacy .captcha_container .captcha_input_text {max-width: none;}
}
/* 260408(e) */