@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* ****************** 채용 ********************** */
.cm-sub-tit-box{margin-bottom:5rem;}
.cm-sub-tit-box .cm-sub-tit{font-size:7rem; line-height:1; letter-spacing:-0.025em; color:#000; font-weight:700;}
.cm-sub-tit-box .cm-sub-txt{font-size:2.4rem; line-height:1; color:#000; font-weight:600; margin-top:3rem;}

.custom-select-box.recruit-category-box{width:20rem; border-radius:5rem; border:1px solid #ddd; padding:0; box-sizing:border-box;}

.recruit-board-list{border-top:2px solid #000; /* margin-top:5rem; */}
.recruit-board-list .list-item{border-bottom:1px solid rgba(0,0,0,0.1);}
.recruit-board-list .list-item a{position: relative; display: block; padding:3.5rem 2rem; box-sizing:border-box;}
.recruit-board-list .list-item a:before{position: absolute; content:'\e907'; font-family:'xeicon'; top:50%; right:2rem; transform:translateY(-50%); font-size:2.6rem; color:rgba(0,0,0,0.2); transition:var(--transition-custom);}
.recruit-board-list .list-item .tit-box{display: flex; align-items:center; width:calc(100% - 5rem);}
.recruit-board-list .list-item .tit-box .category{display: flex; align-items:center; justify-content:center; width:10rem; height:2.8rem; border-radius:4px; color:#fff; font-size:1.5rem; padding:0 0.5rem; box-sizing:border-box;}
.recruit-board-list .list-item .tit-box .category.ing{background:var(--main-color);}
.recruit-board-list .list-item .tit-box .category.end{background:#cacaca;}
.recruit-board-list .list-item .tit-box .tit{font-size:2.6rem; line-height:1; letter-spacing:0; color:#000; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left:1.5rem; padding-bottom: 4px; width:calc(100% - 11.5rem);}
.recruit-board-list .list-item .txt-box{display: flex; align-items:center; width:calc(100% - 5rem); margin-top:1rem;}
.recruit-board-list .list-item .txt-box span{font-size:1.5rem; line-height:1.7; color:rgba(0,0,0,0.6); font-weight:500; margin-right:2.4rem;}
.recruit-board-list .list-item .txt-box span:has(b){color:#000;}

.recruit-board-list .list-item a:hover:before{color:#000;}

/* Style05 */
.paging-style05{display: flex; justify-content:space-between; align-items: center;}
.paging-style05 .paging{justify-content:flex-start;}
.paging-style05 .paging a{width:40px; height:40px;  line-height:40px; margin:2px; border:1px solid #f5f5f5; font-size:14px; color:#000; letter-spacing:-0.01em; background-color:#f5f5f5; border-radius:5px;}
.paging-style05 .paging a.cur{border-color:#000; background-color:#fff; font-weight:600;}
.paging-style05 .paging a.paging-arrow{background:transparent; border:none;}
.paging-style05 .paging a.paging-arrow i{font-size:20px; margin:0 -7px;}

.paging-style05 .paging-select{display: flex; align-items:center;}
.paging-style05 .paging-select .cur-num{}
.paging-style05 .paging-select .cur-num input{display:block; width:40px; height:40px; line-height:40px; border:1px solid #000; text-align:center; font-size:14px; color:#000; letter-spacing:-0.01em; background-color:#fff; border-radius:5px; font-weight:600;}
.paging-style05 .paging-select .slash{font-size:20px; color:#000; margin:0 10px}
.paging-style05 .paging-select .total-num{font-size:14px; color:#000; font-weight:600;}


.sub-bottom-banner{position: relative; z-index:9; width:100%; height:52.5rem; background:#000 url('/images/layout/sub_bottom_bg.jpg') no-repeat center / cover; }
.sub-bottom-banner .area-box{display: flex; align-items:center; justify-content:center; height:100%;}
.botton-banner-tit-box{}
.botton-banner-tit-box .tit{font-size:8rem; line-height:1; letter-spacing:-0.025em; color:#fff; font-weight:700; text-align:center;}
.botton-banner-tit-box .txt{font-size:1.6rem; line-height:2.0625; letter-spacing:0; color:rgba(255,255,255,0.6); font-weight:600; margin-top:2.5rem;}
.botton-banner-tit-box .cm-link-btn{margin:5rem auto 0;}

.botton-banner-link{display: flex; align-items:center; justify-content:center; width:19.5rem; height:19.5rem; border-radius:50%; background:var(--main-color);}
.botton-banner-link i{font-size:4rem; color:#fff;}

@media all and (max-width:800px){
	.cm-sub-tit-box .cm-sub-tit{font-size:4rem;}
	.cm-sub-tit-box .cm-sub-txt{font-size:1.8rem; margin-top:2rem;}
	
	.recruit-board-list{margin-top:3rem;}
	.recruit-board-list .list-item a{padding:2rem 0rem;}
	.recruit-board-list .list-item a:before{right:0rem; font-size:2rem;}
	.recruit-board-list .list-item .tit-box{width:calc(100% - 3rem);}
	.recruit-board-list .list-item .tit-box .category{width:8rem; height:2.4rem; font-size:1.3rem;}
	.recruit-board-list .list-item .tit-box .tit{font-size:2rem; width:calc(100% - 9.5rem);}
	.recruit-board-list .list-item .txt-box{width:calc(100% - 3rem);}
	.recruit-board-list .list-item .txt-box span{font-size:1.4rem; margin-right:1.5rem;}

	.paging-style05 .paging a{width:30px; height:30px; line-height:30px;}

	.paging-style05 .paging-select .cur-num input{width:30px; height:30px; line-height:30px;}
	.paging-style05 .paging-select .slash{font-size:16px;}

	.paging-style05  {flex-direction: column;}
	.paging-style05 .paging {width: auto !important; margin-bottom: 20px;}
	
	
	.sub-bottom-banner{height:45rem;}
	.sub-bottom-banner .area-box{flex-direction:column; justify-content:center;}
	.botton-banner-tit-box{text-align:center;}
	.botton-banner-tit-box .tit{font-size:3.6rem;}
	.botton-banner-tit-box .txt{font-size:1.6rem; margin-top:1.5rem;}

	.botton-banner-link{width:8rem; height:8rem; margin-top:3rem;}
	.botton-banner-link i{font-size:3rem;}
}
@media all and (max-width:480px){
	.recruit-board-list .list-item .tit-box{display: block;}
	.recruit-board-list .list-item .tit-box .tit{margin-left:0; margin-top:1rem; width:100%;}
	.recruit-board-list .list-item .txt-box{display: block;}
	.recruit-board-list .list-item .txt-box span{display: block; margin-top:0rem;}
}

/* ***********************
	*	커스텀 셀렉트 스타일 추가css 
*********************** */
.gs-custom-selectbox {position: relative; display: inline-block; width: 100%;}
.gs-custom-selectbox select {display: none;}
.gs-custom-selectbox .select-style {padding-left: 2rem; width: 100%; text-align: left; vertical-align: middle; border:0; line-height: 4.8rem; font-size:1.5rem; color: #333; cursor:pointer;}
.gs-custom-selectbox .select-style span {display: inline-block;}
.gs-custom-selectbox .select-style:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); content: "\e942"; font-size: 2.4rem; color: #555859;}
.gs-custom-selectbox .select-options {position: absolute; z-index: 1; top: 100%; left: 0; display: none; width: 100%; margin-top: 0.5rem; padding: 0; list-style: none; background-color: #fff; border: 1px solid #ddd; border-radius: 1rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; max-height: 23rem;}
.gs-custom-selectbox .select-options li {padding: 1.2rem 1.5rem; font-size: 1.4rem; color: #666; cursor: pointer;}
.gs-custom-selectbox .select-options li:hover {background-color: #f5f5f5;}
/* open */
.gs-custom-selectbox.open .select-options {display: block;}
.gs-custom-selectbox.open .select-style:after{content: "\e945";}