@charset "utf-8";
/* CSS Document */

/*
	파일명 :              search.css
	기능설명 :           search Style
	최종수정일 :        2018-11-09
*/


html, body {
  width: 100%;
  font-family: Pretendard GOV, "Pretendard GOV",Pretendard,"Pretendard";
  font-weight: 400;/*20250116수정 (원본)500*/
  line-height: 1.5em;
  color: #3f3f3f;/*color: #3d3d3d;*/
  word-break: keep-all;
  scroll-behavior: smooth;
  vertical-align: baseline;
  letter-spacing: -.03em;/*20250212 간격조절*/
}

/* header */
.logo{padding:20px;}
.logo a{background:url(/nihhs/images/logo.png) no-repeat 0 center; display:block; height:49px; overflow:hidden; line-height:5000; background-size:contain; max-width: 236px;}

.blue{color:#195790 !important;}

.header_search dd{display:none;}
.header_search  .btn_search{display:block; position:absolute; top:20px; right:15px;}
.header_search  .btn_search a{background:#00afbf url(../image/search/icon_search.png) no-repeat 11px center; background-size:48%; display:block; width:50px; height:50px; line-height:5000; overflow:hidden;}
.header_search  .btn_ad_search{display:none;}
.header_search  .input_container {display:block !important; margin-bottom:3px;}

.search_select{width:43%; float:left; z-index:5; position:relative;}
.search_select p{padding:10px 10px 0  10px; height:40px; border-right:1px solid #ddd;}
.search_select p>a{display:block; width:100%; background:url(../image/common/arrow_btm.png) no-repeat right center; color:#777}
.search_select ul{display:none; position:absolute; top:38px; left:0; border:1px solid #ddd; background:#fff; width:100%;}
.search_select li a{padding:8px 10px; display:block; font-size:13px; border-top:1px dashed #ddd;}
.search_select li:first-child a{border-top:0}
.search_select ul.on{display:block;}

#search_menu{overflow:scroll; position:relative;}
#search_menu ul{width:auto;white-space:nowrap; overflow:auto;}
#search_menu li{display:inline-block; width:100px; text-align: center; padding:0 10px;}
#search_menu{border-top:1px solid #ddd; overflow:hidden; position:relative;}
#search_menu a{display:block; padding:15px 0; font-size:115%; color:#444; letter-spacing: -1px;}
#search_menu .on a{border-bottom:3px solid #00afbf;}
#search_menu .on span{background:url(../image/search/arrow_bottom.png) no-repeat right center; padding-right:25px; color:#00afbf; display:block;}
#search_menu ul:after{content:""; display: block; clear:both;}
.btn_more{position:absolute; top:0; right:0}
.btn_more a{display: block; background:#f0f0f0 url(../image/search/icon_abbreviation.png) no-repeat center; border-top:1px solid #ccc; border-bottom:3px solid #ccc; line-height:5000; overflow:hidden; height:24px}
@media (min-width: 768px){
	.logo{padding:25px;}
	.logo a{height:64px;}
	
	.header_search{position:absolute; top:15px; right:25px; width:398px; padding-top:20px}
	.header_search dd{display:block; float:left;}
	.header_search  .btn_search{position:relative; top:inherit; right:inherit; border:2px solid #00afbf; border-left:0;}
	.header_search  .btn_search a{width:72px; height:38px; background-size:28%; background-position: center;}
	.header_search  .btn_ad_search a{display:none; background:#005da3; text-align: center; color:#fff; width:100px; height:41px; padding-top:10px; margin-left:10px; font-size:105%;}
	.header_search  .check_container{position:absolute; top:0; right:0; display:none;}
	.header_search  .check_container input{margin:0;}
	.header_search .input_container{border:1px solid #ccc; border-right:0; width:81%;}
	.header_search dl:after, .header_search dd:after{clear:both; content:""; display: block;}
	.header_search .search_select{width:43%; float:left;}
	.header_search .input_container input{width:47%; float:right; border:0;}
	
	#search_menu{border-bottom:3px solid #00afbf;  overflow:hidden; border-top:1px solid #ddd;}
	#search_menu ul{width:100%;}
	#search_menu li{width:12%; padding:0; text-align: center;}
	#search_menu a{margin-top:3px}
	#search_menu .on a{background:#00afbf; padding:15px 6%; margin-top:0;}
	#search_menu .on span{background:#00afbf url(../image/../image/common/arrow_btm_white.png) no-repeat right center; color:#fff;}
	
	.btn_more{display:none;}
}
@media (min-width: 1100px){
	.header_container{width:1100px; margin:0 auto; position:relative;}
	.header_search{right:0;}
	.logo{padding:25px 0}
	
	#search_menu ul{width:1200px; margin:0 auto}
}

/* contents */
.search_wrap{position:relative;}
.search_wrap>div:nth-child(odd){background:#f7f7f7;}
.search_wrap>div.content_header{border-bottom:1px solid #ccc; background:#fff;}
.content_header h2{font-size:120%; font-weight:300; padding:20px 15px;}
.content_header h2 big{font-weight:400}
.content_header p{text-align: right; padding:0 15px 25px 0}
.content_header p a{display:inline-block; border:1px solid #ddd; padding:10px 20px 10px 45px; margin-left:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; background:url(../image/search/icon_check.png) no-repeat 15px center; font-weight:500; color:#777;}
.content_header p .on{background:url(../image/search/icon_check_on.png) no-repeat 15px center; color:#222;}

@media (min-width: 1100px){
	.content_header{position:relative;}
	.content_header h2{font-size:145%; word-break: keep-all;  padding:25px 280px 25px 25px;}
	.content_header p{position:absolute; bottom:0; right:0; padding:0 25px 25px 0; }
}
/*
@media (min-width: 1100px){
	.content_header h2{padding:25px 280px 25px 0;}
	.content_header p{padding-right:0; padding-bottom:15px;}
}*/

.search_body{padding:20px 20px 25px 20px; position:relative;}
.search_body h3{background:url(../image/common/title_bullet03.png) no-repeat 0 4px; font-size:125%; padding:0 0 10px 20px; border-bottom:2px solid #aaa;}
.search_body>ul{overflow:hidden; border-bottom:2px solid #ddd; margin-bottom:10px;width:100%}
.search_body .basic_btn02{font-size:90%}
@media (min-width: 768px){
	.search_body{padding:25px 25px 30px 25px;}
}

.btn_result_more{text-align: right;}

.search_result{position:absolute; top:25px; right:20px;}

@media (min-width: 1100px){
	.search_body{padding:25px 25px 30px 0; width:1200px; margin:0 auto;}
	.search_result{right:275px;}
}

.list_board_img{padding:20px 0;}
.list_board_img p{background:url(../../usr/image/bg/bg_img.png) no-repeat center center; background-size:80%; border:1px solid #ddd; width:100%; height:150px;}
.list_board_img li{float:left; width:32%; margin:0 0.75% 10px 0.75%; text-align: center;}
.list_board_img li:nth-child(4){display:none}
.list_board_img dl{margin-top:0px;}
.list_board_img dt{border-left:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.list_board_img dd{border:1px solid #ddd; border-top:0; font-size:80%; color:#777;}
.list_board_img img{width:100%; height:148px;}
@media (min-width: 768px){
	.list_board_img li{float:left; width:23.5%; margin:0 0.75% 10px 0.75%; text-align: center;}
	.list_board_img li:nth-child(4){display:block}
}

.list_board_txt>li, .list_board_imgTxt>li{border-top:1px solid #ccc; padding:20px 0; position:relative;}
.list_board_txt>li:first-child, .list_board_imgTxt>li:first-child{border-top:0;}
.list_board_txt dl, .list_board_imgTxt dl{position:relative;}
.list_board_txt dt, .list_board_imgTxt dt{font-size:115%; font-weight:500; color:#222; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding:0 70px 10px 0;}
.list_board_txt dt + dd, .list_board_imgTxt dt + dd{position:absolute; top:2px; right:0; font-size:90%; color:#777;}
.list_board_txt dd:nth-child(3), .list_board_imgTxt dd:nth-child(3){color:#444; height:42px; overflow:hidden; font-size:95%;}
.list_board_txt dd:nth-child(4), .list_board_imgTxt dd:nth-child(4){border-top:1px dashed #ccc; margin-top:15px; padding-top:15px;}
.list_board_txt dd:nth-child(4) p, .list_board_imgTxt dd:nth-child(4) p{text-decoration: underline; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-bottom:5px;}
.list_board_txt dd:nth-child(4) p a, .list_board_imgTxt dd:nth-child(4) p a{color:#777; font-size:14px;}
.list_board_txt .icon_file02, .list_board_imgTxt .icon_file02{margin-top:-1px;}
.list_board_txt dd:nth-child(4) li, .list_board_imgTxt dd:nth-child(4) li{display:inline-block; font-size:14px; color:#777; background:url(../image/common/arrow_right_gray.png) no-repeat 5px center; padding-left:18px; letter-spacing:-1px; vertical-align:middle;}
.list_board_txt dd:nth-child(4) li:first-child, .list_board_imgTxt dd:nth-child(4) li:first-child{padding-left:0; background:none;}
.list_board_txt p img{max-width:100%; width:30%;}

.list_board_imgTxt li>p{position:absolute; top:25px; left:0; width:110px;}
.list_board_imgTxt li>p img{width:100%; height:67px;}
.list_board_imgTxt dt, .list_board_imgTxt dd:nth-child(3){padding-left:125px;}
@media (min-width: 768px){
	.list_board_imgTxt dd:nth-child(3){color:#444; height:auto; overflow:hidden; font-size:95%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
	.list_board_imgTxt li>p{width:210px;}
	.list_board_imgTxt li>p img{height:128px;}
	.list_board_imgTxt dl{padding-left:230px;}
	.list_board_imgTxt dt, .list_board_imgTxt dd:nth-child(3){padding-left:0;}
}
.reference_word{display:none;}
@media (min-width: 768px){
.search_wrap>div.reference_word{background:#999; padding:30px 25px; overflow:hidden; display:block;}
.reference_word .word_container{background:#f0f0f0; width:48%; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; overflow:hidden;}
.reference_word .word_container:first-child{float:left}
.reference_word h3{padding:25px; background:#fff;}
.reference_word .btn_control{top:25px; right:25px; bottom:auto; position:absolute; width: auto; background:#fff;}
.reference_word .btn_fold{display:none;}

.rolling_container{margin:20px; overflow:hidden;}
.rolling_container ol{overflow:hidden;}
.rolling_container li{float:left; display: block; width:3.9%;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-right:20px}

.rolling_container .num{border-radius:5px; text-align: center; display:inline-block; width:20px; height:20px; font-size:11px; font-weight: bold; background:#777; color:#fff; vertical-align: middle; margin-right:5px; line-height:20px; margin-top:-1px;}
.rolling_container .bg_red{background:#ea4403;}
}
@media (min-width: 1100px){
	.search_wrap>div.reference_word{background:none; position:absolute; top:120px; left:0; right:0; width:1200px; margin:0 auto; overflow:inherit; padding:0;}
	.reference_word .word_body{position:absolute; right:0; top:0; width:245px;}
	.reference_word .word_container{width:100%; float:inherit; border:1px solid #ddd; background:#fff; margin-bottom:10px;}
	.reference_word .btn_control{display:none;}
	.reference_word .btn_fold{display:block; position:absolute; top:25px; right:25px;}
	.reference_word .btn_fold a{background:url(../image/search/btn_fold.png) no-repeat 0 0; width:26px; height:26px; overflow:hidden; line-height: 50000; display: block;}
	.reference_word h3{border-bottom:1px solid #ddd; padding:25px 0; margin:0 25px;}
	
	.rolling_container{margin:25px;}
	.rolling_container li{float:inherit; width: 100%; margin-top:15px;}
	.rolling_container li:first-child{margin-top:0;}
}
.ad_search_container{position:fixed; z-index:5000; top:0; right:0; width:100%; height:100%; background:url(../image/common/bg_black.png); display:none;}
.search_container{border-bottom:1px solid #ccc;}
.search_open{display:block;}
.ad_search{width:65%; position:fixed; top:0; right:0; background:#fff; height:100%; overflow-y:auto;}
.ad_search h2{font-size:150%; padding:0 0 15px 0; border-bottom:1px solid #ddd; margin-bottom: 20px;}
.ad_search>div{padding:20px;}
.ad_search>div:first-child{border-bottom:1px solid #ccc;}
.ad_search .btn_close{display:block; background:url(../image/common/btn_x_gray.png) no-repeat center; width:40px; height:40px; position:absolute; top:15px; right:25px; line-height:5000; overflow:hidden; border:1px solid #ddd;}

.search_form .select_container{width:120px; margin-bottom:10px;}
.search_form .input_container{float:left; display: block; width:67%;}
.header_search .input_container input[type='text']{padding:10px 5px 9px 5px; width:57%;}
.search_form .btn_search{float:right; width: 30%;}
.search_form .btn_search a{background:#00afbf url(../image/search/icon_search.png) no-repeat center; background-size:auto 18px; display:block; height:40px; line-height:5000; overflow:hidden;}
.search_form .check_container{clear:both; float:right; margin-top:15px;}
.search_form:after{display:block; clear:both; content:"";}

.ad_search_body>ul{margin-bottom:25px;}
.ad_search_body ul:after{display:block; clear:both; content:"";}
.ad_search_body dt{font-size:110%; font-weight:500; margin-bottom: 10px; color:#222;}
.ad_search_body dt{font-size:110%; font-weight:500; margin-bottom: 10px; color:#222;}
.ad_search_body dt + dd{border-top:1px dashed #ddd; padding-top:15px; margin-top:15px;}
.ad_search_body dt:first-child + dd{border-top:0; padding-top:0; margin-top:0;}
.ad_search_body dd>ul{margin-top:-15px;}
.ad_search_body dd>ul>li{float:left; display: block; padding:15px 25px 0 0;}
.ad_search_body .input_date{padding:15px 0 0 0; clear:both; float:inherit; position:relative;}
.ad_search_body .input_date ul{padding-top:10px;}
.ad_search_body .input_date li{float:left; display: block; position:relative; width:90%; padding:0;}
.ad_search_body .input_date li:nth-child(2){width:10%; text-align: center; margin-top:6px;}
.ad_search_body .input_date li:nth-child(3){width:100%; margin-top:10px}
.ad_search_body .input_date .btn_calendar{position:absolute; top:0; right:0}
.ad_search_body .btn_container a{display:block; text-align: center; margin-left:10px}
.ad_search_body .btn_container a:first-child a{margin-left:0}
.ad_search_body .btn_container .btn_mobile_hide{display:none;}

@media (min-width: 500px){
	.ad_search_body .input_date li, .ad_search_body .input_date li:nth-child(3){width:45%; margin-top:0;}
	.ad_search_body .input_date li:nth-child(2){width:10%}
}

.btn_calendar{background:#fff url(../image/content/icon_calendar.png) no-repeat center; width:38px; height:38px; overflow:hidden; line-height:5000; border:1px solid #ccc;}

@media (min-width: 768px){
	.ad_search_container{position:absolute; top:110px; right:0; width:100%; background:none;}
	.ad_search{width:auto; margin:0 25px; position:relative; height:auto; overflow:inherit; background:none; padding:0;}
	.ad_search>div{padding:0;}
	.ad_search_body>ul{background:#f4f4f4; border:1px solid #ddd; padding:25px; margin-bottom:0;}
	.ad_search h2{position:absolute; top:-60px; right:0; background:#f4f4f4; border-top:2px solid #005da3; padding:15px 0; text-align: center; width:120px; font-size:130%; font-weight:400; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:0;}
	.ad_search>ul{background:#f4f4f4; margin:0 25px; border:1px solid #ddd;}
	.ad_search .btn_close{top:inherit; bottom:0; right:0;}
	
	.ad_search_body dl:after{display:block; clear:both; content:"";}
	.ad_search_body dt{float:left; width:15%; clear:both;}
	.ad_search_body dd{float:left; width:85%;}
	.ad_search_body dt{border-top:1px dashed #ddd; padding-top:15px; margin-top:15px;}
	.ad_search_body dt:first-child{border-top:0; padding-top:0; margin-top:0;}
	.ad_search_body .btn_container a{display:inline-block; text-align: center; width:100px;}
	.ad_search_body .btn_container .btn_mobile_hide{display:inline-block; text-align: center; width:100px;}
	.ad_search_body .input_date ul{position:absolute; top:0; left:100px; width:70%;}
	.ad_search_body .btn_container{text-align:center; border:1px solid #ddd; border-top:0; background:#f4f4f4; padding:25px}
}
@media (min-width:1100px){
	.ad_search{margin:0;}
	.ad_search_body .input_date{clear:inherit; float:left; width:70%;}
	.ad_search_body .input_date ul{width:84.5%;}
}

/* imgList05 */
.imgList05 li{display:inline; margin:5px 0.5%; width:19%; text-align:center; float:left;}

/* for mobile */
@media (min-width: 1px) and (max-width: 767px) {
	.imgList05 li{margin:5px 0.5%; width:49%;}
	.imgList05 li:nth-child(4){display:block;}
	.list_board_img li{margin:5px 0.60%; width:32%;}
	.list_board_txt p img{max-width:100%; width:100%;}
	.header_search .input_container input[type='text']{width:60%;}
}

/* Laptop & Tablet */
@media (min-width: 768px) and (max-width: 1099px) {
	.list_board_txt p img{max-width:100%; width:50%;}
}

mark {
	font-weight: 700;
	color: #1d56bc;
	background-color: #d3e1fb;
}

.search_body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.search_container {
  flex: 1; /* 나머지 영역 */
  min-width: 0; /* flex 아이템 오버플로 방지 */
}

.aside-bx {
  width: 220px;
  flex-shrink: 0;  /* ← 절대 줄어들지 않음 */
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 8px;
}

.aside-bx .tit {
  font-weight: bold;
  margin-bottom: 8px;
}

.aside_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.aside_wrapper li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.aside_wrapper a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

.aside-bx-mobile {
  display: none;
}

/* PC 화면 */
@media (min-width: 768px) {
  .aside-bx {
    display: block;
  }
}

/* 모바일 화면 */
@media (max-width: 767px) {
  .aside-bx {
    display: none; /* 사이드바 숨김 */
  }

  .aside-bx-mobile {
    display: block;
    margin-top: 20px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
  }
}