@charset "utf-8";
#content{margin: 50px 0; color: #252525; font-size: 17px;}
#content h4{font-size: 29px; color: #e05f01; font-weight: 800; font-family: 'SUITE', sans-serif; margin: 40px 0 17px;}
#content h4.first{margin-top: 0;}
#content h5{font-size: 24px; color: #252b41; font-weight: 800; font-family: 'SUITE', sans-serif; margin: 25px 0 16px; position: relative; padding-left: 26px;}
#content h5::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/h5.png') no-repeat; width: 23px; height: 23px; left: 0; top: 4px;}
#content h6{font-size: 20px; font-family: 'SUITE', sans-serif;  font-weight: 700; color: #2949b3; margin: 16px 0 10px; position: relative; padding-left: 12px;}
#content h6::before{position: absolute; content: ""; width: 3px; height: 16px; background: #2949b3; left: 2px; top: 5px; border-radius: 50px;}
@media all and (max-width:480px){
    #content h4{font-size: 26px;}
}

/* list */
.dep01 > li{margin: 4px 0; padding-left: 14px; position: relative; font-size: 17px;}
.dep01 > li::before{position: absolute; content: ""; background: #e05f01; width: 4px; height: 4px; border-radius: 50px; left: 0; top: 8px;}
.dep01 > li > span{font-weight: 500; color: #000;}
.dep02{margin-left: 10px;}
.dep02 > li{margin: 4px 0; padding-left: 12px; position: relative;}
.dep02 > li::before{position: absolute; content: ""; background: #252525; width: 5px; height: 1px; left: 0; top: 8px;}

/* box */
.top_box{padding: 36px 40px 32px 226px; border: 1px solid #e2e2e2; border-radius: 20px; margin-bottom: 25px; font-weight: 500; position: relative; background: url('/design/gcwork/img/content/top_icon01.png') no-repeat center left  60px; z-index: 1;}
.top_box::before{position: absolute; content: ""; width: 100%; height: 40%; border: 2px solid #e05f01; border-radius: 20px 20px 0 0; transform: translateX(-50%); top: -1px; left: 50%; border-bottom: 0;}
.top_box .tit01{font-size: 24px; font-weight: 800; font-family: 'SUITE', sans-serif;}
.top_box .tit01 span{font-weight: 600; color: #2949b3; margin-left: 4px;}
.top_box .add{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ddd;}
.top_box .add li{font-size: 17px; margin: 10px 0; position: relative; padding-left: 30px;}
.top_box .add li::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/add.png') no-repeat; width: 20px; height: 20px; left: 0; top: 1px;}
.top_box .add li:nth-child(2)::before{background-position-x: -22px;}
.top_box .add li:nth-child(3)::before{background-position-x: -44px;}

.top_box2{padding: 31px 40px 21px 226px;}
.top_box2 > div{display: flex; align-items: center; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #ddd;}
.top_box2 > div:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 9px;}
.top_box2 > div p{width: 28%; font-size: 22px !important;}
.top_box2 > div .add{margin-top: 0; padding-top: 0; border-top: 0;}
.top_box2 > div .add li{margin: 6px 0;}

.top_box3{background-image: url('/design/gcwork/img/content/top_icon02.png'); background-position: center right 31px;box-shadow: 3px 3px #e2e2e2; border: 1px solid #a1a1a1; border-radius: 20px 0; padding: 31px 180px 21px 44px;margin-bottom: 40px;}
.top_box3::before{display: none;}
.top_box3 .box_detail{padding: 16px 14px 3px 0;}
.top_box3 .box_detail li{margin: 6px 0; word-break: break-all;}

@media all and (max-width:1340px){
    .top_box2 > div p{width: 43%; font-size: 20px !important;}
}
@media all and (max-width:1080px){
    .top_box2{padding: 30px 40px; background-image: none;}
}
@media all and (max-width: 780px){
    .top_box{background: none; padding: 30px;}
    .top_box .tit01{font-size: 22px;}
}
@media all and (max-width:600px){
    .top_box2 > div{display: block;}
    .top_box2 > div p{width: 100%; padding-bottom: 10px;}
}

.detail_box{padding: 20px 20px 20px 30px; border-radius: 14px; margin-bottom: 25px; font-weight: 500; background: #fff7f0;}

.detail_box p{position: relative; padding-left: 22px;}
.detail_box p::before{position: absolute; content: "";background: url('/design/gcwork/img/content/box_p.png') no-repeat center center; width: 16px; height: 16px; left: 0; top: 2px;}

/* 버튼 새창 */
.btn_link{display: inline-block; color: #0076e4 !important; position: relative; padding-right: 17px;}
.btn_link:hover{text-decoration: underline; font-weight: 500;}
.btn_link::before{position: absolute; content: ""; background: url('/design/gcwork/img/layout/s_blank.png') no-repeat; background-position-x: -27px; right: 0; top: 3px; width: 15px; height: 15px;}

/* sub0101 */
.sub0101{display: flex; justify-content: space-between; align-items: start;}
.sub0101 > div{width: 50%;}
.sub0101 > div.right{text-align: right;}
.sub0101 p{font-size: 19px; color: #606060; font-weight: 500; margin-bottom: 50px;}

.temp01 > li{position: relative; padding-left: 145px; margin: 32px 0;}
.temp01 > li > span{position: absolute; left: 0; display: inline-block; width: 114px; padding: 4px 0; font-family: 'SUITE', sans-serif; font-size: 21px; font-weight: 800; color: #2949b3; border: 2px solid #2949b3; border-radius: 50px; text-align: center;}

.temp02 > li{margin: 4px 0; padding-left: 18px; position: relative; font-size: 17px;}
.temp02 > li::before{position: absolute; content: ""; background: #e05f01; width: 4px; height: 4px; border-radius: 50px; left: 0; top: 8px;}

@media all and (max-width:1300px){
    .sub0101 > div.left{width: 58%;}
    .sub0101 > div.right{width: 40%;}
    .temp01 > li{padding-left: 125px;}
    .temp01 > li > span{width: 94px; font-size: 18px;}
}
@media all and (max-width:788px){
    .sub0101 > div.left{width: 100%;}
    .sub0101 > div.right{display: none;}
    .temp02 > li{font-size: 16px;}
}
@media all and (max-width:480px){
    .sub0101 p{font-size: 17px;}
    .temp01 > li{padding-left: 0;}
    .temp01 > li > span{position: inherit; margin-bottom: 10px;}
}

/* 신중년정책 */
.middle_lst{display: flex; flex-wrap: wrap; margin: 5px 0 26px;}
.middle_lst li{margin-right: 10px; text-align: center; padding: 3px 12px 2px; font-size: 16px; font-weight: 500;}
.middle_lst li span{position: relative; padding-left: 22px; color: #252b41;}
.middle_lst li span::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/check.png') no-repeat; width: 16px; height: 16px; left: 0; top: 1px;}
.middle_lst li span::after{position: absolute; content: ""; background: #f0f4ff; width: 108%; height: 10px; bottom: -3px; left: 0; z-index: -1; border-radius: 5px;}

.daesang{display: flex; justify-content: space-between; align-items: center; margin: 30px 0 50px;}
.daesang p.icon{position: relative; padding-top: 130px; width: 120px; text-align: center; font-weight: 500;}
.daesang p.icon::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/daesang01.png') no-repeat; width: 120px; height: 120px; top: 0; left: 50%; transform: translateX(-50%);}
.daesang p.icon02::before{background-image: url('/design/gcwork/img/content/daesang02.png');}
.daesang p.icon03::before{background-image: url('/design/gcwork/img/content/daesang03.png');}

.daesang p span{display: inline-block; width: 80px; padding: 3px 10px 2px 10px; border-radius: 50px; color: #2949b3; border: 2px solid #2949b3; font-weight: 600;}

.daesang .noicon{padding-bottom: 30px; position: relative;}
.daesang .noicon::before{position: absolute; content: ""; background: transparent; border-bottom: 1px dashed #b2b2b2; width: 200%; height: 1px; left: 50%; bottom: 0; transform: translateX(-50%);}
@media all and (max-width:780px){
    .daesang .noicon{font-size: 15px; text-align: center;}
    .daesang .noicon::before{width: 100%;}
}
@media all and (max-width:500px){
    .daesang p.icon{padding-top: 70px;}
    .daesang p.icon::before{width: 70px; height: 70px; background-size: 100%;}
    .daesang p span{font-size: 16px; padding: 0; border: none; width: auto;}
    .daesang .noicon{font-size: 14px; text-align: center;}
    .daesang .noicon::before{width: 100%;}
}

/* 장애인 정책 */
.disabled{position: relative;}
.disabled::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/sub_oj01.png') no-repeat bottom right; width: 434px; height: 309px; background-size: 100%; bottom: -30px; right: 0;}
@media all and (max-width:1170px){
    .disabled::before{display: none;}
}

/* 어르신 정책 */
.senior{position: relative; padding-bottom: 50px;}
.senior::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/sub_oj02.png') no-repeat bottom right; width: 434px; height: 309px; background-size: 100%; bottom: -70px; right: 0;}
@media all and (max-width:1340px){
    .senior::before{background-size: 90%;}
}
@media all and (max-width:930px){
    .senior::before{display: none;}
}

/* 일자리 관련기관 */
.related_org{position: relative;}
.related_org::before{position: absolute; content: ""; background: url('/design/gcwork/img/content/related_obg.png') no-repeat bottom right; width: 600px; height: 350px; right: 0; bottom: -120px;}

.related_org .top_box2{margin-bottom: 50px;}

.org_lst{display: flex; flex-wrap: wrap;}
.org_lst li{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: calc((100% - 60px) / 3); margin: 0 30px 30px 0; text-align: center; padding: 27px 20px 24px 20px; border: 1px solid #c7c7c7; border-radius: 14px; position: relative; overflow: hidden; background: #fff;}
.org_lst li::before,
.org_lst li::after{position: absolute; content: ""; width: 0; height: 0; transition: 0.3s; border-radius: 14px;}
.org_lst li::before{border-left: 3px solid #fff; border-top: 3px solid #fff; left: -3px; top: -3px;}
.org_lst li::after{border-right: 3px solid #fff; border-bottom: 3px solid #fff; right: -3px; bottom : -3px;}
.org_lst li:hover::before, .org_lst li:hover::after {width:100%; height:100%; border-color: #2949b3;}
.org_lst li:hover::before{left:0; top:0;}
.org_lst li:hover::after{right:0; bottom:0;}

.org_lst li:nth-child(3n){margin-right: 0;}
.org_lst li a{display: block; width: 100%; position: relative; z-index: 2;}
.org_lst li span{display: block; width: 100%; margin-top: 20px; padding-top: 20px; font-weight: 500; position: relative;}
.org_lst li:hover span{color: #2949b3; font-weight: 600;}
.org_lst li span::before{position: absolute; content: ""; border-top: 1px dashed #c7c7c7; background: transparent; left: 50%; transform: translateX(-50%); top: 0; width: 100%; }

@media all and (max-width:1150px){
    .related_org::before{background-size: 80%;}
}

@media all and (max-width:930px){
    .org_lst li{width: calc((100% - 10px) / 2); font-size: 15px; padding: 16px; margin: 0 10px 10px 0;}
    .org_lst li:nth-child(odd){margin-right: 10px !important;}
    .org_lst li:nth-child(even){margin-right: 0 !important;}
}
@media all and (max-width:480px){
    .related_org::before{display: none;}
}


/* 게시판 */
#content .bod_view > h4 {padding:10px 0 !important; font-size:18px !important; border-bottom:1px solid #ccc; background:#f4f4f4 !important; background-image:none !important; text-align:center; letter-spacing:0; margin: 0; color: #252525; font-family: 'Pretendard', sans-serif; font-weight: 600;}

.careers-search-table{overflow-x: auto; margin: 10px 0 25px; border: 1px solid #898989; border-radius: 20px; padding: 20px;}
.careers-search-table table{width: 100%; margin-left: -1px;}
.careers-search-table table tr{border-bottom: 1px solid #e3e3e3;}
.careers-search-table table th, .careers-search-table table td{padding: 7px 12px;}
.careers-search-table table td{text-align: left;}
.careers-search-table table th{font-weight: 500; background: #f6fafc; text-align: center;}
.careers-search-table table tbody th{background: #f9f9f9;}

/* .careers-search-table .chk-list li{display: flex; flex-wrap: wrap; justify-content: space-between;}
.careers-search-table .chk-list li > input{width: 45%;} */

@media all and (max-width:800px){
    /* .careers-search-table .chk-list li > input{width: 100%;} */
}
@media all and (max-width:639px){

}


/* 기간 달력 */
.ui-datepicker{background: #fff; border: 1px solid #eaeaea; padding: 13px 14px 8px 14px; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); border-radius: 16px; display: none;}
.ui-datepicker-calendar{width: 100%; margin-top: 10px;}
.ui-datepicker-calendar th, .ui-datepicker-calendar td{padding: 2px 6px;}
.ui-datepicker-title{text-align: center;}
a.ui-datepicker-prev, a.ui-datepicker-next{position: absolute; top: 19px; text-indent: -9999px; z-index: 30;}
a.ui-datepicker-next{right: 26px;}
a.ui-datepicker-prev::before, a.ui-datepicker-next::before{position: absolute; content: ""; background: transparent; border-left: 2px solid #a5a5a5; border-bottom: 2px solid #a5a5a5; width: 8px; height: 8px; left: 0; transform: rotate(45deg);}
a.ui-datepicker-next::before{right: 0; transform: rotate(-135deg);}
.ui-datepicker-year{margin-right: 4px;}
.ui-datepicker-month{margin-left: 10px;}

/* 민간채용정보 */
.career01 dl{display: flex; align-items: center;}
.career01 dl dt{width: 10%; padding-left: 20px; font-weight: 600;}
.career01 dl dd{width: 88%; padding: 10px 0;}
dd.keyword{width: 422px !important;}
.career01 dl dd a{font-size: 16px; border: 2px solid #304eb1; background: #fff; color: #304eb1; padding: 2px 14px; border-radius: 50px; margin-right: 3px; cursor: pointer; font-weight: 600;}

/* .career01 dl dd a.on{background: #fff; color: #304eb1; font-weight: 600;} */
.career01 dl dd a.on{background: #304eb1; color: #fff;}

.career01 table tr{border-bottom: none !important;}
.career01 table th{width: 90px; background: none !important; padding: 3px 0 !important;}
.career01 table th span{width: 100%; display: inline-block; font-size: 16px; background: #eb6100; color: #fff; padding: 1px 13px; font-weight: 500; border-radius: 5px;}
.career01 table td ul{max-height: 150px; padding: 10px 20px; overflow-y: auto; overflow-x: hidden; background: #f9f9f9; border-radius: 5px;}
.career01 table td ul li{float: left; width: 46%; margin: 0 10px;}
.career01 table td ul::-webkit-scrollbar{width: 12px;}
.career01 table td ul::-webkit-scrollbar-thumb{border: 2px solid #fff; border-radius: 4px; background: #ccc;}
.career01 table td ul::-webkit-scrollbar-track{background: rgba(255,255,255,0);}

input[type="checkbox"]{margin: -1px 4px 0 5px;}

.job_tit{text-align: left !important;}
.job_tit > a{color: #2949b3 !important;}
.job_tit span{font-size: 16px; color: #5f5f5f;}
.job_tit span .job_em01{margin-right: 10px; position: relative;}
.job_tit span .job_em01::before{position: absolute; content: ""; right: -8px; top : 50%; transform: translateY(-50%); background: #ddd; width: 1px; height: 13px;}

@media all and (max-width:1400px){
    .career01 table td ul li{width: 100%;}
}
@media all and (max-width:890px){
    .career01 dl::before,
    .career01 dl dt{width: 20%;}
    .career01 dl dd{width: 80%;}
}
@media all and (max-width:639px){
    .career01 select, input[type="text"], input[type="password"]{width: 100%;}
    .career01 dl{flex-wrap: wrap;}
    .career01 dl::before{display: none;}
    .career01 dl dt,
    .career01 dl dd{width: 100%;}
    dd.keyword{width: 100% !important;}
    .career01 dl dt{padding: 0;}
    .career01 dl dd a{padding: 1px 8px; margin-right: 0;}
    /* .careers-search-table table tbody th{width: 72px;} */
    .career01 table td ul{padding: 0; font-size: 14px;}
}

/* 통합채용정보 목록뷰 */
.work_tit{padding: 32px 44px; background: #f4f4f4; border-radius: 10px;}
.work_tit h4{color: #252525 !important; margin: 0 0 20px !important; border-bottom: 1px dashed #afafaf; padding-bottom: 15px;}
.work_tit .term li{display: inline-block; font-size: 18px; margin-right: 30px;}
.work_tit .term li:last-child{margin-top: 10px;}
.work_tit .term li span{font-weight: 500; background: #4f4f4f; border-radius: 50px; display: inline-block; padding: 2px 15px; margin-right: 10px; font-size: 17px; color: #fff;}
.work_tit .term li:last-child span{background: #e05f01;}

.company_info{display: flex; justify-content: space-between; margin-top: 40px;}
.company_info > div{width: 50%;}
.company_info .list ul{border-top: 1px solid #757575;}
.company_info .list ul li{display: flex; align-items: center; border-bottom: 1px solid #dfdfdf;}
.company_info .list ul li p{width:20%; font-weight: 500; padding: 7px 10px 7px 20px; background: #f9f9f9;}
.company_info .list ul li span{padding-left: 10px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

a.goLink{display: inline-block; background: #2949b3; border: 1px solid #2949b3; color: #fff; font-weight: 600; margin-top: 30px;}
a.goLink span{position: relative; padding-right: 20px;}
a.goLink span::before{position: absolute; content: ""; background: url('/design/gcwork/img/layout/b_blank.png') no-repeat; width: 15px; height: 15px; right: 0; top: 2px; background-position: -14px;}

@media all and (max-width:1380px){
    .company_info{flex-wrap: wrap;}
    .company_info > div{width: 100%;}
    .company_info .right .list ul{border-top: 0;}
}
@media all and (max-width:860px){
    #content h4{font-size: 25px;}
    .work_tit{padding: 20px 30px;}
}
@media all and (max-width:600px){
    .company_info .list ul li{font-size: 15px;}
    .company_info .list ul li p{width: 25%;}
}
@media all and (max-width:370px){
    .company_info .list ul li p{width: 35%;}
}


.tbl_type1{border-top: 2px solid #252b41;}
.tbl_type1 thead th{border-left: 0; border-color: #252b41; font-size: 17px; background: #fff; padding: 8px 10px;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td{font-size: 17px; border-left: 0; padding: 10px; line-height: normal; border-color: #e7e7e7;}

.tbl_type1 tr.on td{background:#fdf5f8 !important; transition: 0.2s;}
.tbl_type1 tr td a{font-weight: 600; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 90%; font-size: 18px;}

.tbl_type1 tr td .dday{display: block; margin-bottom: 5px;}
.tbl_type1 tr td .dday em{display: inline-block; background: #313851; padding: 3px 10px; color: #fff; font-size: 14px; border-radius: 5px; width: 100px;}
.tbl_type1 tr td .update{margin-bottom: 3px;}
.tbl_type1 tr td .update,
.tbl_type1 tr td .enddate{min-width: 120px; font-size: 15px; display: block;}
.tbl_type1 tr td .enddate{color: #e93225;}
.tbl_type1 tr td .update em,
.tbl_type1 tr td .enddate em{font-weight: 600;}


.jobicon{width: 25%; font-size: 16px !important; font-weight: 600;} 
.jobicon span{display: block; position: relative; padding-top: 25px !important;}
.jobicon span::before{position: absolute; content: ""; background-image: url('/design/gcwork/img/sub/job01.png');  background-repeat: no-repeat; width: 68px; height: 18px; left: 50%; transform: translateX(-50%); top: 0;}
.job02 span::before{background-image: url('/design/gcwork/img/sub/job02.png');}
.job03 span::before{background-image: url('/design/gcwork/img/sub/job03.png');}

/* 교육훈련, 청년정책 */
.career02 table tr{border-bottom: none;}
.career02 table th, .career02 table tbody th{background: #fff; text-align: left;}

/* 교육/훈련 */
.train_num{width: 10%; padding: 13px;}
td.train_name{text-align: left !important; padding: 16px !important;}
td.train_name > div{display: flex; align-items: center;}
td.train_name > div a, td.train_name > div p{display: block !important; color: #5f5f5f !important; font-size: 16px; font-weight: 500 !important; position: relative; padding-left: 23px;}
.name_01{margin-bottom: 8px; font-size: 19px; color: #2949b3 !important;}
.name_02, .name_03{position: relative;}
.name_03{margin-left: 16px;}
.name_02::before, .name_03::before{position: absolute; content: ""; width: 18px; height: 15px; left: 1px; top: 1px; background: url('/design/gcwork/img/content/train_icon.png') no-repeat;}
.name_03::before{background-image: url('/design/gcwork/img/content/train_icon2.png');}

.name_02 em, .name_03 em{margin-right: 9px; padding-right: 12px; font-weight: 600; position: relative;}
.name_02 em::after, .name_03 em::after{position: absolute; content: ""; right: 0; top: 3px; width: 1px; height: 13px; background: #cdcdcd;}

.train_period{width: 20%;}

@media all and (max-width: 1408px){
    .train_period span{display: block;}
        
    .emp_table table{table-layout: fixed;}
    .emp_table thead tr th:nth-child(1){width: 25%;}
    .emp_table thead tr th:nth-child(2){width: 54%;}
    .emp_table thead tr th:nth-child(3){width: 21%;}

}

@media all and (max-width: 1180px){
    .tbl_type1 tr td a{font-size: 17px;}
}

@media all and (max-width: 1140px){
    td.train_name > div{flex-wrap: wrap;}
    td.train_name > div a, td.train_name > div p{width: 100%;}
    .name_03{margin-left: 0; margin-top: 5px;}
}

@media all and (max-width: 599px){
    .tbl_type1 tr td a{font-size: 16px;}
    .name_01{margin-bottom: 3px;}
    .date_fl{display: flex; align-items: center; justify-content: space-between;}
    .date_fl input:nth-child(2){margin-left: 4px;}

    .emp_table thead tr th{border-bottom: 1px solid #eddae1;}

    .emp_table thead tr th:nth-child(1),
    .emp_table thead tr th:nth-child(3){display: none !important;}
    .emp_table thead tr th:nth-child(2){width: 100%;}
    .emp_table tbody tr{display: flex; flex-wrap: wrap; border-top: 1px solid #eddae1;}
    .emp_table tbody tr td{width: 100%;}
    .job02 span::before{background-size: 87%; background-position: center center; top: -4px; }
    .emp_table tr td .update, .emp_table tr td .enddate{display: inline-block;}
    .emp_table tr td .enddate{margin-left: 10px; position: relative;}
    .emp_table tr td .enddate::before{position: absolute; content: ""; left: -8px; top : 50%; transform: translateY(-50%); background: #ddd; width: 1px; height: 13px;}
    td.job_tit{text-align: center !important;}
    .tbl_type1 tr.on td{background: inherit !important;}
    .tbl_type1 tr.on td.jobicon{background: #fdf5f8 !important;}
    .jobicon{background: #fdf5f8  !important;}
    .jobicon span{font-size: 15px !important; padding-top: 20px !important;}

    .train_num{width: 10%;}
    .tbl_type1 thead th, .tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td{font-size: 16px; padding: 9px !important;}
}

.bod_view .view_cont .train_details {margin-bottom: 30px;}
.bod_view .view_cont .train_details > dl { font-size:15px; background:#f1f1f1; border-bottom:1px solid #ddd; padding:15px; }
.bod_view .view_cont .train_details .data {overflow:hidden; font-size:16px; color:#666;}
.bod_view .view_cont .train_details .data dt {position:relative; float:left; padding-right:15px; font-weight:600; margin-left:0px; }
.bod_view .view_cont .train_details .data dd {float:left;}

.youth_li{display: flex;}
.youth_li li{margin: 0 20px 10px 0;}
.youth_li li:last-child{margin-right: 0;}
.youth_li li a{border-radius: 50px; display: block; padding: 10px 20px; background: #eaedf8;  border: 2px solid #eaedf8; text-align: center; font-weight: 500; transition: .3s;}
.youth_li li a:hover{background: #fff; border: 2px solid #eaedf8;}

@media all and (max-width: 1360px){
    .youth_li{flex-wrap: wrap;}
    .youth_li li{width: calc((100% - 40px) / 3);}
    .youth_li li:nth-child(3){margin-right: 0;}
}
@media all and (max-width: 590px){
    .youth_li li{width: calc((100% - 10px) / 2);}
    .youth_li li:nth-child(odd){margin-right: 10px !important;}
    .youth_li li:nth-child(even){margin-right: 0;}
    .youth_li li a{font-size: 16px; padding: 6px 17px;}
}