/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center;}
.bbs_con th {font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height:150%; font-weight:500; color:var(--black); box-sizing:border-box; padding:18px 10px 16px; border-bottom:1px solid var(--border);}
.bbs_con td {font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height:150%; font-weight:300; color:var(--basic); box-sizing:border-box; padding:20px 20px; border-bottom:1px solid var(--border);}
.bbs_con td.left {text-align:left;}
.bbs_con td.right {text-align:right; white-space: nowrap;}
.bbs_con tr.point td{background:var(--grayBg);}
.bbs_con td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_con .notice span{color:var(--main); display:inline-block; vertical-align:middle;}
.bbs_con .mo_line{display:none;}


.bbs_con .file_icon{display: inline-block; vertical-align: middle; margin: 0 8px; width: 30px; height: 30px; box-sizing:border-box; border-radius:50%; border:1px solid var(--main); background:var(--white); position: relative;}
.bbs_con .file_icon::after{content:'\ea0e'; display: block; width: 100%; height: 100%; line-height: 30px; font-size:19px; font-family:var(--icon); color:var(--main); position: absolute; left: 0; top:0; text-align:center;}
.bbs_con .file_icon img{display: none !important;}




.value_ca{max-width:1320px; width: 90%; margin: 0 auto 20px; display: flex; justify-content: flex-end;}
.value_ca select{max-width:260px; width: 100%; height: 45px; line-height: 43px; padding: 0 20px; box-sizing:border-box; font-size:0.889rem; font-weight: 400; letter-spacing: var(--letter-spacing-input);}
 



.human-policy-title{position: relative; text-align:center; padding: 84px 300px 60px; box-sizing:border-box;}
.human-policy-title h3{font-weight: 700; color:var(--black);}
.human-policy-title .select-box{max-width:260px; width: 100%; position: absolute; right: 0; bottom: 60px;}
.human-policy-title .select-box select{width: 100%; height: 45px; line-height: 43px; padding: 0 20px; box-sizing:border-box; font-size:0.889rem; font-weight: 400; letter-spacing: var(--letter-spacing-input);}

/*******************************************************************************
    @media  1300px              
*******************************************************************************/
@media all and (max-width:1300px){


.human-policy-title{padding: 84px 0 60px;}
.human-policy-title .select-box{position: static; display: flex; justify-content: flex-end; width: 100%; max-width:100%; margin: 20px 0 0;}
.human-policy-title .select-box select{max-width:260px;}

}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


/*********** List *************/
.bbs_con {}
.bbs_con th {padding:18px 10px;}
.bbs_con td {padding:15px 10px;}





.human-policy-title{padding: 60px 0 40px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.bbs_con {}
.bbs_con th {display: none;}
.bbs_con td {padding:0;}
.bbs_con td.left {padding:10px;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; position: relative;}
.bbs_con .mo_line .m_notice{display:block; width:50px; height:25px; line-height:25px; text-align:center; color:var(--white); font-size:11px; font-weight:700; background:var(--main); margin: 0 0 4px;}
.bbs_con .mo_line .star{display: block; margin: 0 0 5px;}
.bbs_con .mo_line .star img{width: 60px; margin: 0;}
.bbs_con .mo_line .subject,
.bbs_con .mo_line .subject a{display:inline-block; font-size:14px; letter-spacing:var(--letter-spacing-body); line-height:150%; color:var(--black); font-weight:500;}
.bbs_con .mo_line .writer{display:flex; margin: 4px 0 0;}
.bbs_con .mo_line .writer li{padding:0 20px 0 0; position:relative; font-size:13px; line-height: 120%; letter-spacing:var(--letter-spacing-none); color:#999;}
.bbs_con .mo_line .writer li:last-child{padding:0;}
.bbs_con .mo_line .writer li:after{content:''; display:block; width:1px; height:8px; background:var(--border); position:absolute; right:10px; top:50%; margin-top:-4px;}
.bbs_con .mo_line .writer li:last-child:after{display: none;}
.bbs_con .recom{font-size:1rem; line-height: 20px; font-weight: 500; color:var(--black); font-family:var(--eng); position: absolute; right: 0; top:0;}
.bbs_con .recom span{color:#ff0000; font-weight: 700; font-size:16px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}
.bbs_con td .file_icon{margin: 0 4px; width: 22px; height: 22px;}
.bbs_con td .file_icon::after{line-height: 20px; font-size:14px;}


.value_ca{margin: 0 auto 10px;}
.value_ca select{max-width:200px; height: 40px; line-height: 38px; padding: 0 10px; background-position:right 10px center !important;}
 

.human-policy-title{padding: 40px 0 20px;}
.human-policy-title .select-box{margin: 10px 0 0;}
.human-policy-title .select-box select{max-width:200px; height: 40px; line-height: 38px; padding: 0 10px; background-position:right 10px center !important;}



}