@import url("layout.css");

.check .list_box {width: 100%; padding: 0.5rem; border-bottom: 1px dotted #ccc;}
.check .list_box:last-child{border-bottom: none; padding-bottom: 0;}
.check .list_box dl {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.check .list_box.w {display: flex; flex-wrap: wrap;}
.check .list_box dl input[type="text"], .check .list_box dl select {width: 80%;}
.check .list_box dl dt {width: 6rem;}
.check .list_box dl dt label .r_txt {display: block; font-size: 0.7rem; color:#e33d65;}
.check .list_box dl dt label .search_txt {display: block; font-size: 0.7rem; color:#e33d65; align-items: center;}
.check .list_box dd {width: calc(100% - 6.25rem);}
.check .list_box dd input[type="text"] + span {display: inline-block; margin-left: 0.25rem; vertical-align: middle; color: #666; font-size: 0.75rem;}
.check .list_box dd .check-set {position: relative; width: 100%;}
.check .list_box dd .check-set li{display: inline-block; margin-right: 0.1rem; text-align: center;}
.check .list_box dd .check-set li:last-child{margin-right: 0;}
.check .list_box dd .check-set li a {display: block; padding: 0.25rem 0.5rem;  width: 100%; color: #111; background-color: #fff; border: 2px solid #044ca4;}
.check .list_box dd .check-set li a:focus {outline-style: dashed; outline-width: 1px; outline-offset:2px;}
.check .list_box dd .check-set li.on a {color: #fff; background-color: #044ca4;}
.check .list_box dd .check-set.w16 li {width: 15.7%;}
.check .list_box dd .check-set.w25 li {width: 24%;}
.check .list_box dd .check-set.w30 li {width: 32.6%;}
.check .list_box.w dl:nth-child(n+5), .check .list_box.w > div{margin-top: 1rem;}
.check .list_box.w > .w25 {width: 25%;}
.check .list_box.w > .w30 {width: 30%;}
.check .list_box.w > .w40 {width: 40%;}
.check .list_box.w > .w50 {width: 50%;}
.check .list_box.w > .w60 {width: 60%;}
.check .list_box.w > .w70 {width: 70%;}

.flxbox {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flxbox h5.tit3 span.pc_blue input[readOnly]{padding:0; border:none; background-color:transparent!important; color:#0055a7; font-size: 1.2rem; width: 5rem; text-align: center;} /*231215 */

.tooltip {position: relative; width: 1rem; height: 1rem; padding-top: 5px; margin: 0 auto;}
.tooltip::before{content: ""; display: block; width: 1rem; height: 1rem; background: url(/images/web/cu/con_com/bu_tooltip.png) no-repeat;}
.tooltip .tip_box {position: absolute; display: none; top: -1rem; width: 12rem; padding: 0.5rem; border: 2px solid #333; background-color: #fff; font-size: 13px; color: #666; text-align: left; z-index: 1;}
.tooltip:hover .tip_box, .tooltip:focus .tip_box {display: block;}
.check .list_box .tooltip , .table_more_box .tooltip{display: inline-block;}
.tooltip .tip_box {top: 0; left: 1rem;}
.table_more_box .tooltip {border: none; padding: 0; height: 1rem; overflow: inherit;}
.table_more_box .tooltip::before {bottom: 0;}

#table_sticky tbody td{font-size: 0.7rem;word-break: keep-all;} /*231215 */
.tbl_st.fixed thead {position: fixed; top: 0; width: 100%; max-width: 1400px; z-index: 2;}
.tbl_st.fixed thead tr{width: 100%; display: table; table-layout:fixed;}
.tbl_st.fixed thead tr th {display: table-cell;}
.tbl_st.fixed thead.tmp {position: relative;}
.tbl_st.fixed thead.tmp tr {display: table-row}
.sel_product {position: relative; width: 100%; display: flex; justify-content: space-around; border: 1px solid #ccc; align-items: center; flex-wrap: wrap;}
.sel_product h5.tit {width: 10rem;height: 100%;display: block;font-weight: 500;text-align: center;/* background-color: #c9c9c9; */border-right: 2px dotted #ccc;font-size:1rem;padding: 0.5rem;}
.sel_product ul {width: calc(100% - 20rem);padding: 1rem;height: 100%;}
.sel_product ul li {display: inline-block;}
.sel_product > button {display: block; width: 9rem; height: 100%; padding: 1rem; font-size: 0.8rem;}

.laypop_btn {position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.laypop_btn li {width: 33%;}
.laypop_btn li a{display: block; width: 100%; padding: 0.75rem 1rem; border-radius: 0.5rem; text-align: center; background-color: #044ca4; color: #fff;}
.laypop_btn li a:focus, .laypop_btn li a:hover {outline-offset: -2px; outline-style: dotted; outline-width: 2px; outline-color: #fdfdfd;}
.laypop_btn li:nth-child(2) a{background-color: #003677;}
.laypop_btn li:nth-child(3) a{background-color: #001b3b;}

.laypop_wrap {display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 3;opacity:1;} 
.laypop_Cont {position: absolute; left: 50%; top: 50%; padding: 2rem; width: 100%; max-width: 1200px; min-height: 30rem; background: #fff; text-align: left; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.laypop_Cont .box_st1 {max-height: 30rem; overflow-y: scroll;}
.laypop_Wrap .close{display: inline-block; margin: 0 0.25rem; padding: 0 1.5rem; line-height: 2rem; border-radius: 1rem; background: #000;}


@media screen and (max-width: 1440px){

    /*테이블 고정 해제*/
    .tbl_st.fixed thead {position: relative;}
    .tbl_st.fixed thead tr {display: table-row;table-layout: inherit;}
    .tbl_st.fixed thead tr th{display: table-cell;}
    .tbl_st.fixed thead.tmp{display: none;}
	
}


@media screen and (max-width: 1240px){
	
   
    
    .check .list_box {padding: 0; border-bottom: none;}
    .check .list_box dl {border-bottom: 1px dotted #ccc; padding: 0.5rem 0;}
    .check .list_box.w > dl[class*="w"] , .check .list_box.w div.w50{width: 100%;}
    .check .list_box.w div.w50{ padding: 0.5rem 0;}
    .check .list_box.w dl:nth-child(n+5), .check .list_box.w > div {margin-top: 0;}
    .check .list_box dl input[type="text"], .check .list_box dl select {width: 95%;}


     
}

@media screen and (max-width: 1024px){
	
   

}

@media screen and (max-width: 840px){
	
   		
    
    .check .list_box dl input[type="text"], .check .list_box dl select {width: 85%;}
    .check .list_box dd .check-set.w16 li, .check .list_box dd .check-set.w25 li , .check .list_box dd .check-set.w30 li {width: 48%;}
    .check .list_box dd .check-set[class*="w"] li:nth-child(n+2) {margin-top: 0.25rem;}

}

@media screen and (max-width: 800px){

    
    .sel_product h5.tit {width: 100%; border-right: none; border-bottom: 2px dotted #ccc;}
    .sel_product ul, .sel_product > button , .laypop_btn li {width: 100%;}
    .laypop_btn li:nth-child(n+1) {margin-bottom: 0.5rem;} 
}

@media screen and (max-width: 768px){

	
	
}
@media screen and (max-width: 640px){


    
	
}

@media screen and (max-width: 560px){
		
	


}

@media screen and (max-width: 480px){
	.check .list_box dd .check-set.w16 li, .check .list_box dd .check-set.w25 li , .check .list_box dd .check-set.w30 li {width: 47%;}

}

@media screen and (max-width: 360px){
    .check .list_box dd .check-set.w16 li, .check .list_box dd .check-set.w25 li , .check .list_box dd .check-set.w30 li {width: 100%;}


}