:root{
	--pColor: #de0515;
	--arrowColor: #929398;
	--txtColor: #222222;
	--pageBtnColor: #666666;
	--onTxtColor: #ffffff;
	--fontStyle: "Pretendard Variable", Pretendard, -apple-system, 'Outfit', BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
	--progressChkTxt: #ffffff;
	--progressEndBg: #dddddd;
	--progressEndTxt: #777777;
}

select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat calc(100% - 20px) 50%;
}

/* 페이징 기본 */
.paging{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:70px;}
.paging .arr{display:flex;}
.paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;}
.paging .arr a.last i,
.paging .arr a.first i{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
.paging a{width:30px;height:30px;border:1px solid #e0e0e0;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999; line-height: 30px;}
.paging ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px;}
.paging ul li.on a{color:#fff;background:#111111;border-color:#111111;}
.paging .arr a:not(:last-child),.paging ul li:not(:last-child){margin-right:5px;}

/* 커스텀 */
.paging a{border-radius:50%; border:none; font-size:16px; color: var(--pageBtnColor); font-family: var(--fontStyle);}
.paging ul li.on a {
  color: var(--onTxtColor);
  background: #111111;
  border-color: #111111;
}
.paging .arr a{border:none; color: var(--arrowColor);}
.paging .arr a.first i{transform:translateX(-4px);}
.paging .arr a.last i{transform:translateX(6px);}
.paging .arr a.first i:first-of-type{transform:translateX(6px);}
.paging .arr a.last i:last-of-type{transform:translateX(-4px);}

/* 검색박스 */
.search_box{ background: #f4f4f4; padding: 25px; margin-top: 100px;}
.search_box form{width: 100%; display:flex; }
.search_box select{border:1px solid #ababab; font-size:18px; color: #444; background-color: #fff; border-radius:5px; width: 200px; height: 50px; padding: 0 20px;}
.search_box .input_box{display:flex; width: calc(100% - 210px); margin-left: 10px;}
.search_box .input_box input{border:1px solid #ababab; width: calc(100% - 210px); margin-right: 10px; border-radius:5px; font-size:18px; color: #444; padding: 0 20px;}
.search_box .input_box button{width: 200px; height: 50px; border:none; border-radius:5px; color: var(--onTxtColor); background: var(--pColor); font-size:18px; font-weight:500; cursor: pointer;}
.search_box .input_box button i{position:relative; top: 2px; margin-right: 6px;}
.borad_style{margin-top: 52px;}
.borad_style .table_box{border-top:2px solid #aaa;}
.borad_style .table_box table{}
.borad_style .table_box table th{background: #f5f5f5; padding: 20px 0; border-bottom: 1px solid #808080; border-right: 1px solid #dddddd; font-weight:bold; font-size:18px; color: #111;}
.borad_style .table_box table td{border-bottom: 1px solid #e1e1e1; letter-spacing:-0.025em; font-weight:300; font-size:17px; color: #787878; text-align: center; padding: 24px 0;}
.borad_style .table_box table td.left{text-align: left; padding-left: 20px; color: #111111; font-weight:400;}
.borad_style .table_box table td a{display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.borad_style .table_box table th:last-of-type{border-right: none;}
/* 접수중, 마감 */
.borad_style .table_box table td span{display:inline-block; vertical-align: top; width: 80px; height: 34px; border-radius:17px; font-size:15px; line-height: 34px;}
.borad_style .table_box table td span:not(.end){color: var(--progressChkTxt); background: var(--pColor);}
.borad_style .table_box table td .end{background: var(--progressEndBg); color: var(--progressEndTxt);}

/* 채용 커스텀 */
.borad_style .table_box table td:first-of-type{ color: #777;}


.borad_view{border-top: 2px solid var(--pColor); margin-top: 52px;}
.borad_view .tit{padding: 30px 0; text-align: center; border-bottom: 1px solid #e1e1e1;}
.borad_view .tit .tag{display:inline-block; vertical-align: top; width: 60px; height: 30px; line-height: 30px; border-radius:15px; background: var(--pColor); color: #fff; font-size:14px;}
.borad_view .tit h3{font-weight:bold; font-size:28px; color: #222; margin: 20px 0;}
.borad_view .tit ul{display:flex; justify-content:center;}
.borad_view .tit ul li{position:relative; font-weight:300; font-size:77px; font-size:16px; margin-right: 20px;}
.borad_view .tit ul li::after{content:''; position:absolute; top: 4px; right: -10px; width: 1px; height: 12px; background: #777;}
.borad_view .tit ul li:last-of-type{margin-right: 0;}
.borad_view .tit ul li:last-of-type::after{display:none; }
.borad_view .info{padding: 50px 30px; font-size:16px; box-sizing:border-box;}
.borad_view dl{display:flex; border-top: 1px solid #e1e1e1;}
.borad_view dl dt{width: 150px; text-align: center; background: #f5f5f5; font-size:16px; color: #999; box-sizing:border-box; border-bottom: 1px solid #e1e1e1; line-height: 52px;}
.borad_view dl dd{width: calc(100% - 150px); font-size:15px; color: #999; box-sizing:border-box; border-bottom: 1px solid #e1e1e1;}
.borad_view dl dd a{display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 52px; padding: 0 20px; box-sizing:border-box;}
.borad_view .list{text-align: center; margin: 30px 0 80px;}
.borad_view .list a{display:inline-block; vertical-align: top; width: 130px; height: 50px; border-radius:24px; font-size:15px; color: #fff; background: var(--pColor); line-height: 50px;}
.borad_view .list a i{margin-right: 10px;}
.borad_view .list.mb{margin-bottom:0px;}
.borad_view .view_page dl:last-of-type{border-top: none;}

.video_board{margin-top: 52px; border-top: 2px solid #666666;}
.video_board .list{}
.video_board .list .item{position:relative; display:flex; align-items:center; position:relative; padding: 30px 60px 30px 0; border-bottom: 1px solid #e0e0e0; }
.video_board .list .item:last-of-type{border-bottom: 1px solid #666666;}
.video_board .list .item a{position:absolute; top: 0; left: 0; right: 0; bottom: 0; 	}
.video_board .list .item figure{width: 275px; position:relative; padding-bottom:17%; overflow: hidden;}
.video_board .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.video_board .list .item .txt{width: calc(100% - 345px); padding-left: 80px;}
.video_board .list .item .txt p{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right:140px;margin:28px 0 42px;font-size:18px;font-weight:400;color:#444;letter-spacing:-0.03em;line-height:1.6;}
.video_board .list .item .txt h3{font-weight:500; font-size:30px; color: #111111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:16px;}
.video_board .list .item .txt p:not(.date){font-weight:300; font-size:17px; color: #666;}
.video_board .list .item .txt .date{font-weight:300; font-size:15px; color: #787878; margin-top: 40px;}
.video_board .list .item .txt .btn{width: 70px; height: 70px;}
.video_board .list .item .txt .btn img{}


@media (max-width: 1400px){
	.borad_style .table_box table th{font-size:17px;}
	.borad_style .table_box table td{font-size:16px;}
}

@media (max-width: 1200px){
	.video_board .list .item{padding-right: 30px;}
	.video_board .list .item .txt{padding-left: 30px;}
	.video_board .list .item .txt h3{font-size:24px;}
	.video_board .list .item figure{padding-bottom:185px;}
}

@media (max-width: 1000px){
	.borad_view .tit h3{margin: 10px 0; font-size:24px;}
	.borad_view .info{padding: 50px 10px;}
	.search_box{margin-top: 50px;}
	.search_box form{flex-wrap:wrap;}
	.search_box .input_box{width: 100%; margin-left: 0; margin-top: 10px;}
}


@media (max-width: 800px){
	.video_board .list .item{flex-wrap:wrap; padding: 17px 0;}
	.video_board .list .item .txt{width: 100%; padding-left: 0; margin-top: 20px;}
	.video_board .list .item .txt h3{margin-bottom:10px;}
	.video_board .list .item .txt .date{margin-top: 16px;}
	.video_board .list .item .btn{display:none; }
}

@media (max-width: 500px){
	.search_box select{width: 100%;}
	.search_box .input_box input{width: calc(100% - 150px);}
	.search_box .input_box button{width: 140px;}
}