@charset "utf-8";
@import 'krds.css';

/* sub */
#search-top-box{background-color:var(--krds-secondary-5); margin-bottom:5rem;}
.sch-form-wrap{padding:5.5rem 0;}
#search-top-box .sch-input {position:relative; overflow: hidden; border: var(--krds-border-width-10) solid var(--krds-gy-12); border-radius: var(--krds-rd-15);}
#search-top-box .search-input {width: 100%; border-radius:var(--krds-rd-15); line-height:8rem; font-weight: var(----krds-fw-regular); color: var(--krds-gray-90); padding: 0 2.2rem; font-size:2.4rem;}
#search-top-box .search-input:placeholder{color:var(--krds-gray-42);}
#search-top-box .search-btn{position: absolute; right:0; top:0; line-height: 8rem; display: block; width: 8rem; text-indent:-999rem; background-image: url('../images/icon/ico_sch.svg'); background-repeat:no-repeat; background-size:4rem; background-position:center center; border-radius:var(--krds-rd-15); overflow: hidden;}

.refine-search{padding:3rem 0; border-bottom:var(--krds-border-width-10) solid var(--krds-black); margin-bottom:1rem;}

.check-list{display: flex;gap: 4rem;align-items: center;}
.check-list li{display: flex;align-items: center;gap: 1rem;}
.check-list li.date label{position: absolute; height:0; overflow: hidden;}
.check-list.date-list .date-btn{display: flex; gap: 1rem;}
.check-list li.date input[type="date"]{background:var(--krds-white);/**url(./../images/icon/calendal.png) 95% center no-repeat**/ max-width: 20rem;line-height:4rem;padding:0 1.5rem;border:var(--krds-border-width-10) solid var(--krds-gy-12);border-radius:0.5rem;font-size:var(--krds-fz-md);}
.check-list li.date input[type="date"]::-webkit-inner-spin-button,
.check-list li.date input[type="date"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.check-list li.date input:placeholder{color:var(--krds-gray-42);}
.sch-check{display: flex;flex-direction: column;gap: 2.4rem;padding: 3rem 0;}
.sch-check dl{display: flex;gap: 5rem;}
.sch-check dl dt{font-weight: var(--krds-fw-bold);color: var(--krds-black);font-size: var(--krds-fz-xl);}
.sch-check dl dd{display: flex;flex-direction: column;gap: 2rem;}

.krds-tab-area{position: relative; margin-bottom:5rem;}
.krds-tab-area ul{display: table;border: var(--krds-border-width-10) solid var(--krds-gray-15);border-radius: 1rem;overflow: hidden;width: 100%;}
.krds-tab-area ul li{height:100%;text-align: center;display: table-cell;}
.krds-tab-area ul li + li{border-left:var(--krds-border-width-10) solid var(--krds-gray-15);}
.krds-tab-area ul li a{display: block; padding: 1.5rem; position:relative; font-size:1.9rem; color:var(--krds-gray-70);}
.krds-tab-area ul li a strong{display: block; font-weight: var(--krds-fw-regular);}
.krds-tab-area ul li.active{background:var(--krds-primary-80);}
.krds-tab-area ul li.active a{color: var(--krds-white);}

#container{padding-bottom:5rem;}
#container .inner{display: grid;grid-template-columns: 24rem 1fr;gap: 5.5rem; align-items: flex-start;}
#container .search_side{background: var(--krds-gray-5);border-radius: 1rem; padding:2rem 2rem 3rem 2rem;display: flex;flex-direction: column;gap: 3.5rem;}

#container .search_list_head{text-align: center;color: var(--krds-gray-90);font-weight:var(--krds-fw-regular);}
#container .search_list_head strong{color:var(--krds-secondary-43); display:inline-block; margin:0 0.2rem;}
#container .search_list_head span{color:var(--krds-point);}

#container .sort-wrap{display: flex;gap: 2rem;align-items: center;margin-bottom: 2.5rem;justify-content: end;margin-top: 7.5rem;}
#container .sort-wrap dl{display: flex;gap: 2rem;align-items: center;}
#container .sort-wrap dl dt{font-weight: var(--krds-fw-bold); color: var(--krds-gray-90);}
#container .sort-wrap dl dd{display: flex;align-items: center;gap: 2rem; position: relative;}

#container .list_section{position: relative; margin-bottom:4rem;}
#container .list_section .title{color: var(--krds-primary-80); font-size: var(--krds-ft-nm);}
#container .list_section .title span{font-weight:var(--krds-fw-regular);}
#container .list_section .title em{color:var(--krds-secondary-43);}


/* li_list */
.total-search-list{margin-top: 2.5rem; border-top: 0.2rem solid var(--krds-gray-76); padding-top:1rem;}
.total-search-list .total-search-item{display: flex;gap: 2.4rem;flex-direction: column;border-bottom: var(--krds-border-width-10) solid var(--krds-gray-15);padding: 3rem 2.5rem;}
.total-search-list .info-top{display: flex;gap: 1.5rem;font-size: var(--krds-fz-sm);}
.total-search-list .info-top .krds-badge{background: var(--krds-primary-15);padding: 0 0.8rem;border-radius: 0.4rem;line-height: 2.4rem;color: var(--krds-primary-60);}
.total-search-list .info-body .text{display: flex; flex-direction: column; gap: 2.5rem;}
.total-search-list .info-body .tit{font-size: var(--krds-fz-xxl-1); color: var(--krds-gray-90); font-weight: var(--krds-fw-bold); display: block;}
.total-search-list .info-body .txt{font-size: var(--krds-fz-md);}
.total-search-list .total-search-item .date-menu .blank:after{top:0;}

.list_section.disease-card{margin-top: 2.5rem; border-top: 0.2rem solid var(--krds-gray-76); padding-top:4rem; padding-bottom: 3rem; border-bottom: var(--krds-border-width-10) solid var(--krds-gray-15);}
.list_section.disease-card .title{margin-bottom:3rem; display: flex; align-items: center; gap:3rem;}
.list_section.disease-card .title span{color:var(--krds-gray-65); font-size: var(--krds-fz-md); font-weight:var(--krds-fw-regular);}
.list_section.disease-card .title button{width: 11rem;line-height: 3.5rem;border: var(--krds-border-width-10) solid var(--krds-primary-0);border-radius: 0.5rem;color: var(--krds-gray-65);font-size: var(--krds-fz-sm);display: flex;align-items: center;justify-content: center;gap: 0.5rem;}
.list_section.disease-card .title button:after{content:''; transition: ease all .5s; width:2rem; height:2rem; display:block; background: url('./../images/icon/ico_angle.svg') center no-repeat;}
.list_section.disease-card .title button.off:after{transform:rotate(180deg);}

.list_section.disease-card .question-wrap{display: grid;gap: 3rem;grid-template-columns: 30rem 1fr;}
.list_section.disease-card .question-wrap.off{display:none;}
.list_section.disease-card .question-wrap .thum{width: 30rem;}
.list_section.disease-card .question-content{display: flex; flex-direction: column; gap: 2rem; padding-top: 3rem;}
.list_section.disease-card .question-content .question-tit{color: var(--krds-secondary-43); font-size: var(--krds-ft-nm); font-weight: 800;}
.list_section.disease-card .more{top: 4.5rem;}

.list_section .location ul{display: flex;color: var(--krds-black-10);font-size: var(--krds-fz-sm);align-items: center;}
.list_section .location li.home{position: relative;padding-left: 2rem;}
.list_section .location li.home:after{content:'';width: 1.4rem;height: 1.4rem;display:block;background: url(./../images/icon/ico_bread_home.svg) center / cover no-repeat;position: absolute;left: 0;top: 3px;}
.list_section .location li + li:before{content:'>';margin: 0 1rem;position: relative;top: -0.1rem;}
.list_section .file{width:1.8rem; height:1.6rem; display:inline-block; text-indent:-9999px; background: url(./../images/icon/file.png) center no-repeat; vertical-align: middle; margin-left: 1.5rem; margin-top: -0.3rem;}
.list_section .date-menu a:hover{color:#666;}
.list_section .date-menu a.blank:hover{color:#002d56;}
.list_section .blank{position: relative;padding-right: 2.5rem;}
.list_section .blank:after{content:'';width: 2rem;height: 2rem;display:block;background: url(./../images/icon/ico_go_20.svg) center / cover no-repeat;position: absolute;right: 0;top: -0.2rem;}

.list_section .more{position: absolute;right: 0;top:1rem;display: flex;gap: 1rem;font-size: var(--krds-fz-sm);align-items: center;}
.list_section .more:after{content:'';width: 2.4rem;height: 2.4rem;display:block;background: url(./../images/icon/more.png) center / cover no-repeat;position: relative;top: -0.2rem;}

.total-search-album{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 2rem;padding-bottom: 5.5rem;border-bottom: var(--krds-border-width-10) solid #e2e2e2;}
.total-search-album .total-search-item{border: var(--krds-border-width-10) solid var(--krds-primary-5); margin-top:2.5rem;}
.total-search-album .info-thum{max-height:21rem;overflow:hidden;}
.total-search-album .info-thum img{width:100%;}
.total-search-album .info-body{padding:2rem;display: flex;flex-direction: column;gap: 1.2rem;}
.total-search-album .info-body .tit{color:var(--krds-black-20);}

.list_section .cate{background: var(--krds-secondary-43);border-radius: 1rem;color: var(--krds-white);padding: 0 2rem;font-size: var(--krds-fz-md);line-height: 3.4rem;display: inline-block;margin-right: 1rem;}

.date-menu{display: flex;color: var(--krds-black-10);font-size: var(--krds-fz-sm);align-items: center;gap: 1.5rem;}
.date-menu p{position: relative;padding-right: 1.5rem;}
.date-menu p:after{content:''; width: 1px;height: 10px;display: block; background: var(--krds-gray-15);position: absolute;right: 0;top: 6px;}

.i-date{position: relative; font-size: var(--krds-fz-sm);}

.search_list .keyword{color:var(--krds-secondary-43);}

.total-search-table{margin-top: 2.5rem;} 
.con-table {position:relative;text-align: center;}
.con-table:after {content:''; position: absolute; right:-2px; top:0px; width:3px; height:100%; background: var(--krds-white);}
.con-table table {position:relative;}
.con-table table:after {content:'';position:absolute;top: 0;left: 0;width:100%;height: 0.2rem;background: var(--krds-gray-76);}
.con-table table:before {content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background: #e3e3e3;}
.con-table thead th {padding: 0 1rem;font-weight: var(--krds-fw-regular);background: var(--krds-gray-7);color:var(--krds-black-20);border-right: var(--krds-border-width-10) solid var(--krds-gray-15);border-bottom: var(--krds-border-width-10) solid var(--krds-gray-15);font-size: var(--krds-fz-xl);line-height: 6.3rem;}
.con-table tbody th {padding: 1.5rem 1rem;background: var(--krds-gray-8);font-weight:var(--krds-fw-regular);color:var(--krds-black-20);border-right: var(--krds-border-width-10) solid #e1e1e1;border-bottom: var(--krds-border-width-10) solid #e1e1e1;font-size: var(--krds-fz-l);}
.con-table tbody th.color {background:var(--krds-secondary-7); font-size: 18px; color: #1b1b1b; font-weight: normal;}
.con-table tbody td {padding: 2rem 1rem;background: var(--krds-white);color: var(--krds-black-10);border-right: var(--krds-border-width-10) solid var(--krds-gray-15);border-bottom: var(--krds-border-width-10) solid var(--krds-gray-15);font-size: var(--krds-fz-md);}
.con-table tbody td.align-l{padding-left: 1.5rem;}
.con-table.intitle tbody td{padding-left:2.5rem;padding-top:3rem;padding-bottom:3rem;}
.con-table .tb-title{font-size:1.9rem;color: var(--krds-gray-90);display:block;font-weight: var(--krds-fw-bold);margin-bottom:1.2rem;}
.con-table .align-l {text-align:left;}
.con-table .align-c {text-align:center;}
.con-table .align-r {text-align:right;}
.con-table tfoot th{background:var(--krds-secondary-53);color: var(--krds-white);font-size:1.9rem;text-align:center;padding:1.5rem 0;font-weight:var(--krds-fw-regular);}
.con-table tfoot td{background:#f2f5fe;color:var(--krds-black-20);font-size:1.9rem;text-align:center;padding:1.5rem 0;font-weight:var(--krds-fw-regular); border-right:var(--krds-border-width-10) solid var(--krds-gby-10); }
.con-table.down-type tbody th{background:var(--krds-gray-7);font-weight: var(--krds-fw-regular);}
.con-table.down-type tbody td{padding: 2.5rem 2rem;}
.con-table .table-title{font-size:20px;line-height:1.2;}
.con-table.pdlarger tbody td{padding:2.5rem;}
.con-table.pdlarger tbody td .new_bl{display:block;}
.con-table.larger tbody th{padding:20px 10px;}
.con-table.larger tbody td{padding:30px;}
.con-table.larger tbody td strong{color: var(--krds-gray-90);font-weight:var(--krds-fw-regular);display:block;font-size:17px;}
.con-table.small-table thead th{font-size: var(--krds-fz-sm);padding:1.2rem 0.8rem;}
.con-table.small-table tbody th{font-size: var(--krds-fz-xsm);padding:1.2rem 0.5rem;}
.con-table.small-table tbody td{font-size: var(--krds-fz-xsm);padding:1.2rem 0.5rem;}

.total-search-down{margin-top: 2.5rem; border-top: 0.2rem solid #2d2d2d; padding-top:1rem;}
.total-search-down .total-search-item{padding: 2rem;border-bottom: var(--krds-border-width-10) solid var(--krds-gray-15);}
.total-search-down .info-body{display: flex;flex-direction: column;gap:0.8rem;margin-bottom: 3rem;}
.total-search-down .info-body .file_down{display: grid;align-items: center;gap: 1.5rem;grid-template-columns: 4rem 1fr 24rem;width: 100%;}
.total-search-down .info-body .file_down i{display: block; text-indent: -9999px; width: 4rem;height: 4rem; background-position: center; background-image: url(./../images/icon/file.png); background-color: #eeeff3; background-repeat:no-repeat; border-radius: 100%;}
.total-search-down .info-body .file_down .file_btn{display: flex;gap: 0.5rem;}
.total-search-down .info-body .file_down i.pdf{background-image: url(./../images/icon/pdf.png);}
.total-search-down .info-body .file_down i.hwp,
.total-search-down .info-body .file_down i.hwpx{background-image: url(./../images/icon/hwp.png);}

.total-search-down .info-body .file_down i.xls,
.total-search-down .info-body .file_down i.xlsx{background-image: url(./../images/icon/excel.png);background-size:2.2rem;}

.file_btn a{transition: ease all .5s; position: relative;font-size: var(--krds-fz-sm);border: var(--krds-border-width-10) solid #b2b2b2;border-radius: 0.5rem;background-color: var(--krds-white); font-weight: var(--krds-fw-regular);line-height: 3.5rem;display:inline-flex;align-items: center;gap: 1rem;padding: 0 1.5rem;}
.file_btn a:before{content:'';width: 2.2rem;height: 2.2rem;display: block;}
.file_btn a.down-btn:before{background: url(./../images/icon/btn_down.png) center no-repeat;}
.file_btn a.view-btn:before{background: url(./../images/icon/btn_link.png) center no-repeat;}

.file_btn a:hover{background:#003765; color: var(--krds-white);}
.file_btn a:hover.down-btn:before{background: url(./../images/icon/btn_down_on.png) center no-repeat;}
.file_btn a:hover.view-btn:before{background: url(./../images/icon/btn_link_on.png) center no-repeat;}

/* paging - navi */
.krds-pagination{display: flex; align-items: center; justify-content: center; flex-direction: row; gap:0.8rem; width: 100%; margin-top:4rem; color:#464c53;}
.krds-pagination .page-links{display: flex; align-items: center; justify-content: center; flex-direction: row; gap:0.8rem;}
.krds-pagination .page-links .page-link{display: inline-flex;border-radius:0.6rem;align-items: center;justify-content: center;flex-direction: row;width: 4rem;height: 4rem;}
.krds-pagination .page-links .page-link:hover{background-color: #f2f5fe;}
.krds-pagination .page-links .page-link.active{background-color:var(--krds-secondary-50); font-weight:var(--krds-fw-regular); color: var(--krds-white);}
.krds-pagination .page-navi{display:flex; align-items: center; gap: 0.5rem;}
.krds-pagination .page-navi.disabled{filter: brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(66%) hue-rotate(201deg) brightness(82%) contrast(89%);}

.krds-pagination .page-navi.prev:before{content:''; display:block; width:2rem; height:2rem; background: url(../images/icon/ico_angle.svg) center no-repeat;transform: rotate(90deg);}
.krds-pagination .page-navi.next:after{content:''; display:block; width:2rem; height:2rem; background: url(../images/icon/ico_angle.svg) center no-repeat;transform: rotate(-90deg);}


@media all and (max-width:860px) {
  .con-table {overflow-x: auto;}
  .con-table table {width:100rem;}
  .con-table:after{left:99.9rem;}
}

/* radio check */
input[type="checkbox"] + label,
input[type="radio"] + label{position:relative; color: var(--krds-gray-65); display:inline-flex;gap:0.8rem;font-size: var(--krds-fz-md);align-items: center;}
* input[type="radio"]:focus + label,
* input[type="checkbox"]:focus + label{outline: 0.2rem solid var(--krds-secondary-43);outline-offset: 0; box-shadow:0 0 0.2rem 0.2rem var(--krds-secondary-43); transition: outline 0s, box-shadow 0s;}

input[type="checkbox"] + label:after,
input[type="checkbox"] + label:before{content:''; transition:0.1s cubic-bezier(0.4, 0, 0.23, 1);}

input[type="radio"],
input[type="checkbox"]{position:absolute; width:0; height:0; overflow:hidden;}

/*check*/
input[type="checkbox"] + label:before{background: var(--krds-white);width:2rem;height: 2rem;border:var(--krds-border-width-10) solid var(--krds-gy-12);border-radius: 0.3rem;}
input[type="checkbox"] + label:after{display:flex;position: absolute;width: 2rem;height: 2rem;top: 50%;left: 0;transform: translateY(-50%);border-radius: 0.3rem;}
input[type="checkbox"]:checked + label:before{border-color:var(--krds-secondary-43);}
input[type="checkbox"]:checked + label:after{background: var(--krds-secondary-43) url(./../images/icon/check.png) center no-repeat;}

/*radio*/
input[type="radio"] + label:before{content:'';width:2.4rem;height: 2.4rem;border:var(--krds-border-width-10) solid var(--krds-gy-12);border-radius: 100rem;background: var(--krds-white);}
input[type="radio"] + label:after{display:flex;content:'';transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);position: absolute;width:1.2rem;height: 1.2rem;border-radius: 100rem;top: 50%;left: 0.6rem;transform: translateY(-50%);}
input[type="radio"]:checked + label:before{border-color:var(--krds-secondary-43);}
input[type="radio"]:checked + label:after{background-color: var(--krds-secondary-43);}

/* number */
input[type="number"]{line-height: 4rem; padding:0 1.5rem; border:var(--krds-border-width-10) solid var(--krds-gy-12); border-radius: 0.5rem; font-size: var(--krds-fz-md);}

.sch-btn{width: 6.5rem;height: 4rem;display: flex;align-items: center;background: var(--krds-primary-80);color: var(--krds-white);justify-content: center;border-radius: 0.5rem;font-size: var(--krds-fz-md);}
.reset-btn{background: var(--krds-white) url(./../images/icon/ico_reset.svg) center no-repeat; border:var(--krds-border-width-10) solid var(--krds-secondary-10); text-indent:-999rem; width:4rem; height:4rem; border-radius: 100%;}