@charset "utf-8";


:root{
	--main-color:#1587e7;
	--sub-color:#1a6cbf ;
	--hover-color:#0d5195;
}

/* list 페이지네이션 */
.pagination{position:inherit;margin:30px 0;width:100%;text-align:center;font-family:'Nanum Gothic', sans-serif;}
.pagination a{display:inline-block;margin:0 -0.5px;width:40px;height:40px;line-height:40px;color:#666;font-size:13px;text-align:center;vertical-align:middle;border:1px solid #ccc;}
.pagination a:hover{color:#F33;border:1px solid #a8a8a8;border-radius:2.5px;}
.pagination .on a{background:#222; color:#fff;}
.pagination .first{font-size:0;background:url(/www/img/skin/basic/pagination_01.png) no-repeat center;}
.pagination .prev{font-size:0;background:url(/www/img/skin/basic/pagination_02.png) no-repeat center;}
.pagination .last{font-size:0;background:url(/www/img/skin/basic/pagination_04.png) no-repeat center;}
.pagination .next{font-size:0;background:url(/www/img/skin/basic/pagination_03.png) no-repeat center;}
@media screen and (max-width:1024px){
	.pagination a{width:20px;line-height:20px;height:20px;font-size:90%;}
	.pagination span{width:20px;line-height:20px;height:20px;font-size:90%;}
	.pagination .first{background-size:50% 50%;}
	.pagination .prev{background-size:50% 50%;}
	.pagination .last{background-size:50% 50%;}
	.pagination .next{background-size:50% 50%;}
}


input[type="submit"]{height:38px;line-height:38px;font-size:16px;}
input[type="text"], input[type="password"], input[type="email"], input[type="time"], input[type="number"] {height:38px;line-height:38px;font-size:16px;border:1px solid #ccc;text-indent:10px;vertical-align:top;}
input[type="checkbox"]{width:17px;height:17px;-webkit-appearance:checkbox;cursor:pointer;}
select{padding:0 0 0 5px;width:135px;height:38px;line-height:38px;font-size:14px;background:url(/www/img/skin/policy/selecticon.png) center right 8px no-repeat;border:1px solid #d0d0d0;}
th{font-size:17px;}
td{font-size:17px;}
td.mhide{color:#828282;font-size:14px;}
strong{font-weight:500;}
.labelhidden, .hidden, .mshow{display:none;}




/* 공통 버튼 스타일*/
.adminbtn{float:left;}
.btnbox{width:100%;text-align:right;margin:20px 0;clear:both;}
.btnbox input[type="submit"]{height:38px;font-size:14px;font-family:'Nanum Gothic', sans-serif;}
.btnbox span input{cursor:pointer;}
.btn{display:inline-block;vertical-align:top;padding:0 25px;height:38px;line-height:38px;text-align:center;font-size:14px;letter-spacing:0;border:1px solid transparent;box-sizing:border-box;}
.btn-default{color:#333;border:1px solid #dfdfdf;border-bottom:1px solid #c4c4c4;background:#fff;}
.btn-default:hover{color:#333;font-weight:400;background:linear-gradient(#fff, #f5f5f5);}
.btn_apply{color:#fff;border:1px solid #141414;border-bottom:1px solid #000000;background:#141414;}
.btn_apply:hover{color:#fff;font-weight:400;border:1px solid #414141;border-bottom:1px solid #000000;background:#414141;}
.btn-enter{color:#fff;background:#464e6b;border:1px solid #036;}
.btn-enter:hover{color:#fff;background:#000000;}
.btn-basic{color:#fff;background:#666;border:1px solid #555;}
.btn-basic:hover{color:#fff;}
.btn_basic1{float:left;display:inline-block;width:auto;text-align:left;}
.btn_basic2{display:inline-block;width:auto;text-align:right;}
.btn-red{color:#fff;background:#F33;border:1px solid #F00;}
.btn-red:hover{color:#fff;}
.btn-right{padding-left:15px;padding-right:15px;float:right;font-weight:normal;margin-bottom:5px;}
@media screen and (max-width:1024px){
	.btnbox input[type="submit"]{padding:0 9px;font-size:97%;}
	.btnbox a.btn{padding:0 9px;font-size:80%;}
}





/*policy_list--------------------------------*/
/*serach*/
.policy_search{background:#f8f8f8; border:1px solid #ddd; padding:40px 60px; width:1400px; margin:0 auto;}
.policy_search>div+div{margin-top:20px;}
.policy_container{display:grid; grid-template-columns: 20% 80%;}
.policy_title{ line-height:1.1; background:url(/www/img/skin/policy/icon_srh_label_blue.png) no-repeat left top; padding-left:25px; font-size:18px; font-weight:600;
    & span{font-size: 14px; color:#999; font-weight:400;}
}
.policy_srch-group{display: flex; flex-flow:row nowrap; gap:10px; margin-bottom:15px;
    & input{padding:7px ; width:100%;}
    & button{background:#333; color:#fff; width:9%;}
}
.lct-op{display: flex; flex-flow: column; align-items: flex-start;}
.lct-op-list, .ply-op-list{width:100%; margin-bottom:10px; display: grid; gap:10px; grid-template-columns: repeat(auto-fill, minmax(100px, auto));
    & .blind{display:none;}
    & .srh-check label{cursor: pointer; background:#fff; text-align: center; display: inline-block; border:1px solid #ddd; padding:5px 0; width: 100%;}
    & .srh-check input[type="checkbox"]:checked + label {background:var(--main-color); color:#fff;}
	& .all-ck  label{background:var(--sub-color); color:#fff;}
    & .lct-ck  label{border-color:var(--sub-color); color:var(--sub-color); font-weight:500;}
}
@media only all and (max-width:1400px){
	.policy_search{width:97%;}
}
@media only all and (max-width:1024px){
	.policy_search{padding:30px ;}
}
@media only all and (max-width:720px){
	.policy_container{ grid-template-columns: repeat(1, 1fr);}
	.br_m{display: inline; content:""; padding-right:7px;}
	.policy_title{margin-bottom:15px;}
}


/* button*/
.policy_btn_group{display: flex; flex-flow:row nowrap; gap:10px; justify-content:center; margin-top:20px;
	& a{padding:15px 0; flex:0 1 220px; text-align:center; color:#fff; font-size:clamp(1rem, 3vw, 1.1rem); bottom:0; left:0; right:0;  font-weight:600; transition:background 0.2s ease;} 
	& a.reset{background:#717171; color:#fff;}
	& a.search{ background:var(--sub-color)  ;}
	& a:hover{background:var(--hover-color); color:#fff;}
} 


/*filter*/
.filter_container{display:flex; flex-flow:row nowrap; justify-content: space-between; border-bottom:1px solid var(--sub-color); padding-bottom:10px;
	& .search_results{font-size:18px; font-weight:600;
		& span{font-size:clamp(1.5rem, 3vw, 1.8rem); color:var(--main-color);}
	}
}


/* list */
.policy_main_container{margin-top:50px;
	& .page_list{position:relative;width:100%;clear:both;
		& td.mhide{font-size:16px; color:#595959;}
	}	
}
.page_list table{border-collapse:collapse;width:100%;border:0;}
.page_list table thead{background:#f9f9f9;}
.page_list table thead th{padding:0 4px;line-height:60px;font-weight:500;color:#222;border-bottom:1px solid #dfdfdf;}
.page_list table th{padding:0 4px;line-height:60px;text-align:center;border-bottom:1px solid #dfdfdf;}
.page_list table td{padding:28px 4px;text-align:center;border-bottom:1px solid #dfdfdf;}
.page_list table td.subject{font-weight:600;}
.page_list table td.date span{font-weight:600; color:var(--main-color);}
.page_list table td a:hover{color:#0087ff;}
.page_list table td img{max-height:17px;}
.page_list table .left{text-align:left;}
.page_list table .left span img{vertical-align:middle;}
/*status*/
.policy_status span{ font-size:15px; display:inline-block; padding:3px 10px; border-radius: 50px; min-width:60px; text-align: center;  font-weight:bold;}
.policy_status.active span{background:var(--main-color); color:#fff;}
.policy_status.always span{background:#00bbb2; color:#fff;}
.policy_status.not_start span{background:#ffd862; color:#9d6c1d;}
.policy_status.pending span{background:#868686; color:#e9e9e9;}
.policy_status.yearly span{background:linear-gradient(45deg, #19a5e7, #42e7f1)}
.policy_status.monthly span{background:linear-gradient(45deg, #4CAF50, #a2f146)}

@media screen and (max-width:1024px){
	.page_list{
		.mhide{display: none;}
		table td{padding:0 ; line-height:1;word-wrap:break-word;word-break:keep-all; border-bottom: none;}
		tbody tr{position: relative; display: flex; flex-flow:column; align-items: flex-start; padding:10px 5px 13px; border-bottom:1px solid #dfdfdf;}
		td.subject{margin:10px 0;  line-height: 1.3;}
		td.name{color:#9f9f9f;}
		td.date{position:absolute; right:15px; bottom:42px; font-size:14px; color:#b5b5b5;}
	}
	.policy_status{position:absolute; right:15px; bottom:15px;}
}


/*view--------------------------------*/
.policy_view {
	& .subject{text-align:center; 
		& h3{color:#141414;font:600 clamp(2rem, 3vw, 2.5rem) 'Paperlogy' ; letter-spacing:-1px; word-wrap:break-word;word-break:keep-all; margin-bottom:10px;}
		& p{font-size:20px; font-weight:500; color:#777;}
	}
}
.policy_content{margin-top:70px;
	&  h4{font:600 clamp(1.6rem, 3vw, 2rem) 'Paperlogy'; margin-bottom:15px;}
	& .basic-table{border-top:2px solid var(--sub-color);
		& .policy_th{width:15%;}
		& td{text-align: left; padding:15px 20px; line-height:1.6;}
	}
}
@media screen and (max-width:1024px){
	/* view */
	.policy_view .subject{font-size:16px;}
	.policy_content{
		& .basic-table {
			& tr{display: flex; flex-flow:column wrap; }
			& .policy_th{width:100%; text-align: left; font-size:16px!important; padding:12px!important ;}
			& td{font-size:16px!important; padding:12px!important ;}
		}
	}
}