@charset "utf-8";





.gs_board_list { border-color: #ddd;}
.gs_board_list .gs_board_notice {font-weight:600;}

.board_top{

margin-top:0px;position: relative;    display: flex;
    width: 100%;
    justify-content: space-between;
}



.gs_board_list {width: 100%;table-layout: fixed;position: relative;border-top: 3px solid #0a0a0a;}
.gs_board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.gs_board_list tr {width: 100%;}
.gs_board_list tr.bnotice {background:#FCFCFD;}
.gs_board_list th {padding: 26px 0 27px;position: relative;font-size: 16px;text-align: center;font-weight: 600;color: #0a0a0a;vertical-align: middle;border-bottom: 1px solid #e5e7ee;}
.gs_board_list th:before {content: '';display: block;width: 1px;height: 15px;position: absolute;top: 50%;left: 0;margin-top: -8px;background: #ddd;}
.gs_board_list th:first-child:before {display: none;}
.gs_board_list td {padding: 20px 0;font-size: 15px;font-weight: 400;text-align: center;vertical-align: middle;border-bottom: 1px solid #e5e7ee;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;line-height: 1;}
.gs_board_list .gs_board_title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.gs_board_list .gs_board_title_wrap * {vertical-align: middle;}
.gs_board_list .gs_board_title_wrap a {font-size: 16px;font-weight:600;color: #080a14;letter-spacing: -0.023em;padding-left: 10px;}
.gs_board_list .bnotice .gs_board_title_wrap a {font-weight:700;}
.gs_board_list .gs_board_notice {display: inline-block;width: 60px;height: 30px;font-size: 14px;font-weight:600;line-height: 30px;color: #fff;background: #437dea; font-weight: 500; position: relative; top: 0px;border-radius:5px;}
.gs_board_list .gs_board_notice_row td.gs_board_title { font-weight: 700;}
html.ie .gs_board_list .gs_board_notice {line-height:28px;}
html.ie .gs_board_list th {padding-top:21px; padding-bottom:20px;}
html.ie .gs_board_list th:before {margin-top:-7px;}
html.safari .gs_board_list .gs_board_notice {line-height:32px;}

.gs_board_list .num {width: 100px; }
.gs_board_list .title {width: auto;}
.gs_board_list .author {width: 140px;}
.gs_board_list .date {width: 140px;}
.gs_board_list .hit {width: 100px;}
.gs_board_list td.title {padding: 22px 35px;text-align: left;}



.gs_board_list td.gs_board_num {width: 132px;font-size: 16px;color: #888; font-weight: 600;}
.gs_board_list td.gs_board_title {text-align: left;padding: 36px 0 36px;}
.gs_board_list td.gs_board_attachment {width: 30px;height: 100%;padding: 0;}
.gs_board_download {z-index: 99;width: 100%;height: 100%;min-height: 100%;padding: 100% calc(50% - 5px);display: block;vertical-align: middle;}
.gs_board_date {width: 147px;}
.gs_board_date time{color:#0a0a0a;font-size: 14px;letter-spacing: 0;position: relative;top: 1px;left: -6px; font-weight: 500; letter-spacing: -0.015em;}
.gs_board_author { width: 170px;}
.gs_board_list .gs_board_title_wrap{display: inline-block;max-width: -webkit-calc(100% - 140px);max-width: calc(100% - 140px); vertical-align: middle;}
.gs_board_list .gs_arrow_btn{margin-left: 24px;opacity: 0;top: 1px;-webkit-transform: translate(-10px,0);-ms-transform: translate(-10px,0);transform: translate(-10px,0);display: inline-block;width: 45px;position: relative;-webkit-transition: 300ms;transition: 300ms;}
.gs_board_list .gs_arrow_btn svg path{ fill: #0a0a0a}
.gs_board_list td.gs_board_attachment svg { width: 10px; height: 17px; position: relative; top: 4px;}
.gs_board_list td.gs_board_attachment svg path { stroke: #0a0a0a;}
html.ie .gs_board_list .gs_arrow_btn {top:2px;}
html.ie .gs_board_list td.gs_board_title {padding:37px 0 38px;}

html.desktop .gs_board_list tr:hover .gs_arrow_btn { opacity: 1; -webkit-transform: translate(0px,0); -ms-transform: translate(0px,0); transform: translate(0px,0);}

.gs_board_list td.gs_board_nothing_found {padding: 100px 0;cursor: default;}
.ds_pagination {


}



.board_content blockquote {max-width: 750px;margin-left: auto;margin-right: auto;}
.board_content_view img, .board_content div.board_content_view {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.board_content .board_title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.48;
    color: #0a0a0a;
    letter-spacing: -0.07em;font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
	text-align:center;
	padding:0px 0 0px;

}
.board_content .board_top_area {
    padding-bottom: 32px;
	 padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
}

.board_top_area  ul.board_top_head {
    font-size: 1.6rem;
    padding: 1.8rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}

.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 600;
    font-size: 1.45rem;
    margin-right: 0.5rem;
}

.board_top_area ul.board_top_head li span {
    color: #333;
    font-weight: 600;
    font-size: 1.45rem;
    margin-right: 0.5rem;
}

.board_top_area ul.board_top_head li {
    display: inline-block;
    color: #555;
}
.board_top_area ul.board_top_head li ~ li {
    position: relative;
    padding-left: 1rem;
    margin-left: 1rem;
}
.board_top_area ul.board_top_head li ~ li::before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 1.2rem;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
}

.board_top_area .title_area{
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
	margin:32px 0;
}

.board_top_area .title_area .recruit_board_state{display: table-cell;vertical-align:middle;width: auto;text-align: center;position:absolute;right:0; top: 50%;  transform: translate(0%, -50%);}
.board_top_area .title_area .recruit_board_state > span {font-size: 13px;line-height: 19px;width: 74px;display: inline-block;padding: 5px 2px 6px 2px;vertical-align: top;color: #fff;background: #0a0a0a;text-align: center;position: relative;left: -3px;font-weight:700;font-family: "Pretendard",sans-serif;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ing {background: #f52f23;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_sing {background: #5f87ff;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_end {background: #F8F9FB;color:#B0B2C1;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_hn {background: #4488FF;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ps {background: #02ae74;}





.gs_search {margin-bottom: 31px;margin-top: -18px;font-size: 0;text-align: right;float: right;}

.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;}
.gs_search_category .selectric .label {height: 49px;font-weight: 300;line-height: 42px;position: relative;top: 5px;font-size: 17px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 10px;font-weight:600;color: #0a0a0a;top: 8px;right: -3px;content: '\e911';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\e911';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}

.gs_search_field {display: inline-block;position: relative;vertical-align: top;width: 265px;}
.gs_search_input.gs_form_field {width: 100%;height: 51px;margin: 0;padding-right: 0;padding-left: 0;vertical-align: top;background: #fff;border: none;border-bottom: 2px solid #0a0a0a;text-overflow: ellipsis;}
.gs_search_input.gs_form_field:focus {border-color: #0a0a0a;}
.gs_search_input::-webkit-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input::-moz-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input:-ms-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_button {background: no-repeat url(../img/search_ico.svg) center center transparent;background-size: 18px;display:  inline-block;vertical-align: top;width: 50px;height: 50px;padding: 0 0 3px;font-size: 16px;font-weight: 400;border: none;color: #0a0a0a;outline: none;cursor: pointer;-webkit-transition: 300ms;transition: 300ms;position: absolute;top: 3px;right: -15px;}
html.desktop .gs_search_button:hover {color: #0a0a0a;}
html.ie .gs_search_input.gs_form_field {height:47px; padding-right:30px;}
html.ie .gs_search_input:-ms-input-placeholder {top:0;}
html.ie .gs_search_button {top:0;}

.board_wrap .gs_search{ margin-top: -14px;}

.gs_search .selectric .button {
    width: 47px;
    height: 50px;
}


.gs_list_tag,
.gs_list_count,
.gs_list_last_update {float: left;font-weight: 400;margin-top: 10px;font-size: 16px;}
.gs_list_last_update.gs_list_count, .gs_list_last_update { font-weight: 700; font-size: 15px; color: #0a0a0a;}
.gs_list_tag {margin-right: 10px;}
.gs_list_tag span {font-weight: 700;}
.gs_list_count span{font-weight: 800;}
.gs_list_last_update time { letter-spacing: 0;}


.gs_search_category .selectric .label {
    height: 49px;
    font-weight: 300;
    line-height: 42px;
    position: relative;margin: 0 42px 0 12px;
    top: 8px;
    font-size: 17px;
    margin-left: 0;
    color: #0a0a0a;
}



.gs_search_category .gs_selectric { opacity: 0;}
.gs_search_category .selectric-hide-select .gs_selectric{ opacity: 1;}
.gs_select_wrap {width: 323px;position: relative;}
.gs_search_category .selectric {width: 100%;text-align: left;background: #fff;border: 1px solid #eaeaea;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.gs_search_category .selectric:after {content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 1px solid #0a0a0a;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.gs_search_category .selectric .label {height: 48px;margin: 0 42px 0 12px;font-size: 16px;line-height: 48px;font-weight: 400;color: #666;}
.gs_search_category .selectric .button {width: 47px;height: 50px;}
.gs_search_category .selectric .button:after {width: 100%;font-family: 'nc-font';content: '\e911';font-size: 15px;color: #0a0a0a;border: none;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.gs_search_category .selectric-items ul, .selectric-items li {width: 100%;font-size: 15px;text-align: left;}
.gs_search_category .selectric-items {background: #fff;border: solid #0a0a0a;border-width: 0 1px 1px;-webkit-box-shadow: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;margin-top:0;}
.gs_search_category .selectric-items ul {margin: 0;padding: 0;}
.gs_search_category .selectric-items li {padding: 5px 12px;line-height: 1.4;font-weight: 400;color: #888;}
.gs_search_category .selectric-items li:first-child {padding-top: 15px;}
.gs_search_category .selectric-items li:last-child {padding-bottom: 15px;}
html.desktop .gs_search_category .selectric-items li:hover, .selectric-items li.selected {color: #0a0a0a;background: #fff;}
.gs_search_category .selectric-hover .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-hover .selectric:after {opacity: 1;}
.gs_search_category .selectric-focus .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-focus .selectric:after {opacity: 1;}
.gs_search_category .selectric-open .selectric {background: #fff;border-color: #0a0a0a; border-bottom-color: #ddd;}
.gs_search_category .selectric-open .selectric:after {border-bottom: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}
.gs_search_category .selectric-open .selectric .button:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.gs_search_category .selectric-open .selectric-items {opacity: 1;}
.gs_search_category .selectric-above.selectric-open .selectric {border-top-color: #ddd;border-bottom-color: #0a0a0a;}
.gs_search_category .selectric-above.selectric-open .selectric:after {border-bottom: 1px solid #0a0a0a;border-top: none;}
.gs_search_category .selectric-above.selectric-open .selectric-items {border-width: 1px 1px 0;}

html.ie .gs_search_category .selectric .label {line-height:45px;font-weight:500;}



.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;height: auto;
    line-height: auto;}
.gs_search_category .selectric .label {height: 49px;font-weight: 500;line-height: 42px;position: relative;top: 8px;font-size: 14px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 14px;font-weight:500;color: #0a0a0a;top: 6px;right: -3px;content: '\E816';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\E816';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}
.gs_search_category  .selectric-open .selectric{
border-bottom: 2px solid #0a0a0a;
}

.gs_search .gs_form_field {
    display: inline-block;
  
    padding: 14px 0px 8px 0px;
    vertical-align: middle;
    font-size: 14px;
    outline: none;
	letter-spacing: -0.023em;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}



.gs_search input[type=text]::-webkit-input-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;letter-spacing: -0.023em;padding: 15px 0px 10px 0px;}
.gs_search input[type=text]::-moz-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input[type=text]:-ms-input-placeholder {font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}
.gs_search input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;padding: 15px 0px 10px 0px;letter-spacing: -0.023em;}

.gs_search input[type=text]{font-family: 'Maven Pro', 'NotoSansKR', sans-serif;font-size: 14px;color: #aaa;letter-spacing: -0.023em;padding: 15px 0px 10px 0px;}

.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
	font-size:14px;
    font-weight: 500;
    color: #888;
}



.gs_board_list tbody td.file{
    padding: 18px 16px 18px;position: relative;
}

.gs_board_list tbody td.file span{

display:inline-block;
width:33.333333%;
position: relative;
display: inline-grid;
}

.gs_board_list tbody td.file span:before{
    width: 100%;
    /* height: 20px; */
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-family: 'fileicon';
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;    color: #444;
	    
}
.gs_board_list tbody td.file span.docx:before,.gs_board_list tbody td.file span.doc:before{

content: '\e801';



}
.gs_board_list tbody td.file span.jpg:before,.gs_board_list tbody td.file span.jpeg:before,.gs_board_list tbody td.file span.png:before,.gs_board_list tbody td.file span.bmp:before,.gs_board_list tbody td.file span.gif:before{

content: '\f1c5';


}
.gs_board_list tbody td.file span.zip:before,.gs_board_list tbody td.file span.rar:before{

content: '\f1c6';


}

.gs_board_list tbody td.file span.ppt:before,.gs_board_list tbody td.file span.pptx:before{

content: '\f1c4';


}

.gs_board_list tbody td.file span.xls:before,.gs_board_list tbody td.file span.xlsx:before{

content: '\f1c3';


}

.gs_board_list tbody td.file span.pdf:before{

content: '\f1c1';


}
.gs_board_list tbody td.file span.word:before{
content: '\f1c2';


}
.gs_board_list tbody td.file span.hwp:before,.gs_board_list tbody td.file span.txt:before{

content: '\f0f6';


}
html.mobile .gs_search_category > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: 14px 40px 14px 12px;
    position: relative;
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    color: #0a0a0a;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #0a0a0a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    padding: 15px 0 10px;
}

@media (max-width: 1660px){
	.gs_board_list .gs_board_notice { font-size: 12px; width: 52px; height: 24px; line-height: 24px; top: auto; }
	html.ie .gs_board_list .gs_board_notice {line-height: 24px; }
	html.safari .gs_board_list .gs_board_notice {line-height: 26px; }
	.gs_board_list .gs_board_title_wrap a {font-size: 16px; word-break: break-word;}
	.gs_board_list th { padding: 26px 0 27px; font-size: 15px; }
	.gs_board_list td {font-size: 13px;}
	.gs_board_list td.gs_board_title {padding: 32px 0 32px;}
	.gs_board_list td.gs_board_attachment svg { width: 8px; height: auto; }
	html.ie .gs_board_list td.gs_board_title {padding: 32px 0 32px;}
	html.ie .gs_board_list td.gs_board_attachment svg {height: 15px; }
	.gs_board_list td.gs_board_num { width: 114px; font-size: 13px; line-height: 1; }
	.gs_board_date { width: 118px; line-height: 1;}
	.gs_board_date time {font-size: 12px;}
	.gs_board_list .gs_arrow_btn {top: 1px; width: 36px;}

.gs_search_category .selectric .label {
    height: 43px;
    line-height: 40px;
    font-size: 14px;
}
.gs_search_button {
    width: 44px;
    height: 44px;
    background-size: 16px;
    padding: 0;
    right: -14px;
}
.gs_form_field {
    display: inline-block;
    width: 280px;
    height: 50px;
    margin: 0;
    padding: 11px 14px 10px 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    border: 1px solid #eaeaea;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}
.gs_form_field {
    height: 44px;
    font-size: 14px;
}
.gs_search_input.gs_form_field {
    height: 45px;
}
.gs_search_category .selectric .button {
    height: 45px;
}
.gs_search_category .selectric-items li:first-child {
    padding-top: 13px;
}
}
.view-pagination {width: 100%;margin: 57px 0 52px;position: relative;border-top: 3px solid #000;border-bottom: 1px solid #eaeaea;overflow: hidden;float:none;}
.view-pagination:after {content: '';display: block;width: 1px;height: -webkit-calc(100% - 88px);height: calc(100% - 88px);position: absolute;top: 44px;left: 50%;background: #ddd;}
.view-pagination li {width: 50%;padding: 32px 50px 33px;text-align: center;cursor: pointer;}
.view-pagination li:after {display: block;position: absolute;top: 50%;margin-top: -10px;font-family: 'kb-font';font-size: 20px;line-height: 1;font-weight: bold;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.view-pagination li.prev {float: left;}
.view-pagination li.prev:after {left: 14px;content: '\e902';}
.view-pagination li.next {float: right;}
.view-pagination li.next:after {right: 14px;content: '\e903';}
.view-pagination li span {display: block;margin-bottom: 12px;font-size: 14px;font-weight: 500;}
.view-pagination li p {max-height: 3.1em;font-size: 16px;line-height: 1.25;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:700;    color: #080a14;}
html.desktop .view-pagination li:hover:after {opacity: 1;visibility: visible;}
html.desktop .view-pagination li.prev:hover:after {left: 3px;}
html.desktop .view-pagination li.next:hover:after {right: 3px;}



html.desktop .view-pagination li.off:hover:after {opacity: 0;visibility: none;}
.board_middle_area{
min-height:200px;margin-bottom:30px;border-bottom: 1px solid #eaeaea;    
    padding: 5rem 6rem;
    border-bottom: 1px solid #eaeaea;
    word-break: keep-all;
    line-height: 1.6;    font-size: 1.8rem;
    color: #4a4a4a;
    line-height: 32px;
}


.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6,
14px,
.view-content ul:not(.gs_gallery),
.view-content ol:not(.gs_gallery),
.view-content blockquote {/*max-width: 750px;*/margin-left: auto;margin-right: auto;}
.view-content img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6 {margin-bottom: 20px;font-weight: 500;line-height: 1.4;color: #0a0a0a; margin-top: 80px;}
.view-content h1,
.view-content h2 {font-size: 27px;}
.view-content h3 {font-size: 24px;margin-top: 80px;}
.view-content h4 {font-size: 26px;}
.view-content h5 {font-size: 22px;}
.view-content h6 {font-size: 17px;}
.view-content h6 + ul:not(.gs_gallery) {margin-top: 22px;}
.view-content h6 + ol:not(.gs_gallery) {margin-top: 22px;}
.view-content p {margin-bottom: 32px;font-weight: 500;line-height: 1.65;letter-spacing: -0.023em;}
.view-content b {font-weight: 600;}
.view-content strong {background: #ffe5e5;-webkit-box-shadow: inset 0 0 0 2px #fff;box-shadow: inset 0 0 0 2px #fff; padding: 0 2px; margin: 0 -2px;}
.view-content a {word-break: break-all;}
.view-content a:not(.gs_btn_basic) {color: #080a14;border-bottom: 1px solid #080a14; -webkit-transition: all 300ms; transition: all 300ms;}



@media (max-width: 768px){
 
 .gs_board_list tr {position:relative;padding: 20px 0;display: block;}
    .gs_board_list tr:after {width:100%;height:1px;background:#ddd;content:'';display:block;position: absolute;bottom: 0;}
    .gs_board_list tr.gs_board_notice_row {padding-top:18px;}
    .gs_board_list td {border-bottom:none;}
    .gs_board_list td.gs_board_num {display:inline-block;width:auto;font-size:0;padding: 0;}
    .gs_board_list td.gs_board_num .gs_board_notice {width:41px;height: 21px;line-height: 21px;margin-right:6px; margin-top:2px;font-weight:500;}
	html.ie .gs_board_list td.gs_board_num .gs_board_notice {line-height: 20px;}
    .gs_board_list td.gs_board_title  {display:inline-block; max-width: -webkit-calc(100% - 30px);  max-width: calc(100% - 30px);padding:0; margin-left:-4px;}
    .gs_board_list td.gs_board_title  {display:inline-block; max-width: -webkit-calc(100% - 60px);  max-width: calc(100% - 60px);padding:0; margin-left:-4px;width: 100%;}

 .gs_board_list td.nodata{

width:100%;display:flex;
 }

.board_top_area ul.board_top_head {
    font-size: 1.2rem;
    padding: 1.4rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}
.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 500;
    margin-right: 0.5rem;
}
.board_content .board_title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.48;
    color: #0a0a0a;
    letter-spacing: -0.07em;
    font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
    text-align: center;
    padding: 0px 0 0px;
}

	html.ie .gs_board_list td.gs_board_title  {padding:0; margin-left:-4px;}
    .gs_board_list .gs_board_notice_row td.gs_board_title {max-width: -webkit-calc(100% - 90px);  max-width: calc(100% - 90px);}
    .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:98%;}
	html.ie .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:98%;}
    .gs_board_list .gs_board_title_wrap a {font-size:16px;padding-left: 0px;}
    .gs_board_list td.gs_board_attachment  {display:inline-block; width:auto; padding:0;margin-left:7px; vertical-align: bottom;}
	.gs_board_list td.gs_board_attachment svg {width: 7px;}
	html.ie .gs_board_list td.gs_board_attachment svg {top:5px;}
    .gs_board_list td.gs_board_date {display:block;width:auto;text-align:left;padding: 0;position: static;margin: 6px 0 0;}
    .gs_board_list td.gs_board_date time {position: static;display: block;}
    html.ios .gs_board_list td.gs_board_num .gs_board_notice {line-height:23px;}
.gs_board_list tbody td.file a:nth-child(2),.gs_board_list tbody td.file a:nth-child(3){
display:none;
}
.board_top .gs_search {
    margin-top: 0;
}
.board_top {
    position: relative;
    padding-top: 82px;
    margin-top: -3px;
}
.board_wrap {

}
.gs_search_category .selectric .label {
    font-size: 13px;
}
.gs_search_category .selectric-items ul, .gs_search_category .selectric-items li {
    font-size: 13px;
}
.gs_list_tag, .gs_list_count, .gs_list_last_update {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px;
}
.board_top .gs_search {
    float: none;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;text-align: left;
}
.gs_search_category {
    width: 82px;
    margin-right: 20px;
}

.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
    font-weight: 400;
    color: #888;
}
.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 3px;
}
.gs_search_category .selectric .button {
    height: 42px;
}
.gs_search_input.gs_form_field {
    height: 42px;
}
.gs_search_field {
    width: calc(100% - 102px);
}
.gs_search .gs_form_field {

    font-size: 13px; padding:11px 14px 6px 2px;    border-radius: 0;
}

.gs_search .gs_form_field {

    font-size: 13px; padding:11px 14px 10px 2px;    border-radius: 0;    padding-right: 0;
    padding-left: 0;
}

.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 2px;
}
.selectric-items {
    background: #fff;
    border: solid #0a0a0a;
    border-width: 0 1px 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.gs_board_list thead{
display:none;
}

.gs_board_list tbody td.file {
    padding: 0;
    position: absolute;
    right: 0;top: 32%;
    height: auto;
 
}
.gs_board_list tbody td.file span {
    padding: 0px 9px;
}
   html.mobile .gs_search_category > select {height:42px;padding-bottom: 7px;font-size:13px;}

.gs_search input::placeholder {
  font-size:13px;font-weight:400;line-height:1.4;    padding: 11px 14px 12px 2px;
}
.gs_search_button {
    width: 24px;
    height: 44px;
    background-size: 16px;
    padding: 0;
    right: 0px;
}
.board_top_area .title_area .recruit_board_state {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translate(0%, -50%);
}
.board_top_area ul.board_top_head li ~ li {
    position: relative;
    padding-left: 3px;
    margin-left: 0px;
}
.board_top_area ul.board_top_head {
    font-size: 12px;
    padding: 1.4rem 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;
}
.board_top_area ul.board_top_head li strong {
    color: #333;
    font-weight: 500;
    margin-right: 0.5rem;
    font-size: 11px;margin-left: 0.2rem;
}
.board_top_area ul.board_top_head li span {
    color: #333;
    font-weight: 500;
    margin-right: 0.5rem;
    font-size: 11px;margin-left: 0.2rem;
}
}

.tnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
	border-top: 3px solid #0a0a0a;
	    border-bottom: 1px solid #dedede;
}

.tnoResult strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 150px;  
}

.tnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.cnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
    border-bottom: 0px solid #dedede;
    border: 1px solid #dedede;
    border-radius: 10px;
    background:#FEFEFE;

}

.cnoResult strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 150px; color:#888;
}
.cnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




 .board_middle_area .attached_file {
  padding: 20px 50px;
  background-color: #F7F7F9;
  border-radius: 8px;
  margin-bottom: 10px;
}

 .board_middle_area .attached_file dl {
  position: relative;
  padding-left: 100px;
}

 .board_middle_area .attached_file dl dt {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #465059;
  font-style: normal;
  line-height: calc(24 / 16);
}

 .board_middle_area .attached_file dl dd {
      font-family: 'Maven Pro','Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #061332;
  font-style: normal;position: relative;
}

 .board_middle_area .attached_file dl dd a {

  text-decoration: none;
}

.board_middle_area .view-content{
min-height:200px;margin-bottom:30px;
}
@media screen and (max-width: 1023px) {
   .board_middle_area .view_cont {
    padding-top: 50px;
  }
   .board_middle_area .view_edit {
    margin-top: 0;
    padding: 50px 0 60px;
    border-top: none;
  }
   .board_middle_area .attached_file {
    padding: 22px 20px 17px;
    margin-bottom: 30px;
  }
   .board_middle_area .attached_file dl {
    padding-left: 95px;
  }
   .board_middle_area .attached_file dl dt {
    font-size: 14px;
  }
   .board_middle_area .attached_file dl dd {
    font-size: 14px;
  }
}



.btn_area{ text-align: center; margin-top: 30px;margin-bottom: 30px; }

.gs_btn { display: inline-block; position: relative; vertical-align: middle; font-size: 0; text-align: center; padding: 14px 46px; background: transparent; color: #111; border: 2px solid #111; cursor: pointer; transition: color .3s, background-color .3s, border .3s; }
.gs_btn > span { position: relative; font-size: 16px; line-height: 30px; font-weight: 700; letter-spacing: -0.023em; color: inherit !important; }

html.desktop .gs_btn:hover, 
html.desktop .gs_btn.gs_btn_type_01:hover { color: #fff; background-color: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_type_02 { color: #fff; background: #111; }
html.desktop .gs_btn.gs_btn_type_02:hover { background: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_s { padding: 7px 20px; }
.gs_btn.gs_btn_s > span { font-size: 15px; line-height: 26px; }


.gs_btn_r { display: inline-block; position: relative; vertical-align: middle; font-size: 0; padding: 7px 24px; background-color:#111; color:#fff; border-radius: 50px; border: 0; cursor: pointer; transition: background-color .3s, color .3s, box-shadow .3s; }
.gs_btn_r > span { position: relative; font-size: 15px; line-height: 26px; letter-spacing: -0.023em; font-weight: 700; vertical-align: middle; }
.gs_btn_r .gs_guide_ico { position:relative; vertical-align: middle; width: 24px; margin-left: 4px; }
.gs_btn_r .gs_guide_ico path,
.gs_btn_r .gs_guide_ico circle { fill: #fff; -webkit-transition: fill .3s; transition: fill .3s; }
html.desktop .gs_btn_r:hover { background-color: #080a14; }

.gs_btn_r.gs_btn_type_02 { background-color: transparent; box-shadow: inset 0 0 0 2px #666; color: #666; }
html.desktop .gs_btn_r.gs_btn_type_02:hover { background-color: transparent; box-shadow: inset 0 0 0 2px #080a14; color: #080a14; }

.gs_btn_under { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #080a14; padding: 0; background: none; border: 0; cursor: pointer; }
.gs_btn_under > span { display: inline-block; vertical-align: middle; position: relative; font-size: 16px; line-height: 30px; letter-spacing: -0.023em; font-weight: 500; }
.gs_btn_under .gs_guide_ico { position: relative; margin-left: 6px; width: 8px; vertical-align: middle;  top: -1px; }
.gs_btn_under .gs_guide_ico path { stroke: #080a14; }
.gs_btn_under > span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 4px;background: #080a14;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform .3s;}
html.desktop .gs_btn_under:hover > span:after {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}

.gs_btn_under--negative > span:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); }
html.desktop .gs_btn_under--negative:hover > span:after {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);}

.gs_btn_under.gs_btn_type_02 { color:#fff; }
.gs_btn_under.gs_btn_type_02 .gs_guide_ico path { stroke: #fff; }
.gs_btn_under.gs_btn_type_02 > span:after { background: #fff; }

.gs_btn_under.gs_btn_type_03 { color:#111; }
.gs_btn_under.gs_btn_type_03 .gs_guide_ico path { stroke: #111; }
.gs_btn_under.gs_btn_type_03 > span:after { background: #111; }

.gs_btn_under.gs_btn_type_04 { color:#888; }
.gs_btn_under.gs_btn_type_04 .gs_guide_ico path { stroke: #888; }
.gs_btn_under.gs_btn_type_04 > span:after { background: #888; }


.gs_btn_mini { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #666; padding: 3px 12px; background-color: #f3f3f3; border-radius: 4px; border: 0; cursor: pointer; transition: background-color .3s, color .3s; }
html.ios .gs_btn_mini { padding-top: 5.5px; }
html.android .gs_btn_mini { padding-top: 4px; }
.gs_btn_mini > span { font-size: 14px; line-height: 20px; letter-spacing: -0.023em; font-weight: 500; }
html.desktop .gs_btn_mini:hover { color: #fff; background-color: #080a14; }

.gs_btn_mini.gs_btn_type_02 { background: #111; color: #fff; }


@media (max-width: 1023px){


 .gs_btn { width: 210px; padding: 14px 16px; }
 .gs_btn.gs_btn_s { width: auto; }



}

@media (max-width: 860px){


   html.android .gs_btn_under .gs_guide_ico { top: 0; }
   html.ios .gs_btn { padding-bottom: 13px; }

.gs_btn {
    width: auto;
    padding: 14px 16px;
}
.gs_btn > span {
    position: relative;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.023em;
    color: inherit !important;
}
}

@media (max-width: 540px){

   .gs_btn { min-width: 100px; padding: 12px 16px; }
    html.android .gs_btn { padding-bottom: 13px; }
    html.ios .gs_btn { padding: 14px 16px 12px; }

    html.android .gs_btn.gs_btn_s { padding: 7px 20px 8px; }
    html.ios .gs_btn.gs_btn_s { padding: 7px 20px 6.5px; }

    html.ios .gs_btn_under { padding-right: calc(8px + 6px); }
    html.ios .gs_btn_under .gs_guide_ico { width: 8px; position: absolute; top: calc(50% - 2px); transform: translateY(-50%); right: 0; }

    .gs_btn_r { padding:12px 24px; }

.btn_area {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
}


@media (max-width: 375px){

    html.ios .gs_btn_under .gs_guide_ico { top: calc(50% - 1px); }

 }

.bmodal_pop input[type="text"],.bmodal_pop input[type="password"],.bmodal_pop input[type="number"], .bmodal_pop input[type="email"], .bmodal_pop input[type="tel"], textarea {
    width: 100%;
    padding: 0 15px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #ececec;
    background-color: #f6f6f6;
    outline: none;
    -webkit-appearance: none;
    font-size: 14px;
}

 body.bmodalOpen {overflow:hidden;}
#dmm{width:100%;height:100%;position:fixed;top:0;right:0;left:0;background:#000;opacity:0.5;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:1000;}
.bmodal_pop {position:fixed;left:50%;top:50%;min-width:45rem;max-height:90vh;overflow-x:auto;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align:center;z-index:1001;border-radius:10px;display:none;}
.bmodal_pop .popup_tit {margin-bottom:2rem;text-align:center;font-size:16px;font-weight:500}
.bmodal_pop .popup_cnt {position:absolute;top:80px;left:30px;right:30px;bottom:30px;overflow-y:auto;}
.bmodal_pop .bmodal_close {position:absolute;right:2rem;top:2rem;display:block;width:30px;height:30px;background:#fff url('../img/pop_close_ico.svg') no-repeat 50% 50%;z-index:10;}
.bmodal_pop .inner {padding:2.3rem 3rem 3rem 3rem;}
.bmodal_pop .msg {text-align:center;font-size:1.4rem;font-weight:400}
.bmodal_pop .msg.b {font-size:1.6rem;font-weight:400}
.bmodal_pop .msg em {color:#01b1c8;font-weight:500}
.bmodal_pop .msg em.red {color:#f00;font-weight:500}
.bmodal_pop .btn_wrap {margin-top: 5px;}
.bmodal_pop .btn_wrap.mt0 {margin-top:0}
.bmodal_pop .al_l {text-align:left;}
.pop_alert_basic {width:45rem;}
.pop_alert_basic .inner {padding:4rem 3rem 3rem 3rem;}
.pop_alert_basic .msgVar {text-align:center;font-weight:300;padding-right:0;}
.bmodal_pop .paging {margin-top:1.5rem;}
.bmodal_pop .logotit img {display:block;width:127px;margin:0 auto;}
.bmodal_pop .insert-form-group {max-width:100%;}
.bmodal_pop .insert-form-group.mt0 {padding-top:0;}
.bmodal_pop .btn_wrap {max-width:100%;}



.recruit_board_list {border-top: 1px solid #eaeaea;clear:both;display: table;width:100%;table-layout: fixed;    font-family: "Pretendard",sans-serif;    border-top: 3px solid #0a0a0a;}
.recruit_board_list_item > a,.recruit_board_list_item > div {position: relative;border-bottom: 1px solid #eaeaea;}
.recruit_board_upjang{width: 110px;display: table-cell;vertical-align: middle;color: #0a0a0a;text-align: center; font-weight: 700;}
.recruit_board_upjang span{ font-size: 15px; }
.recruit_board_time_range {text-align: left;font-size: 14px;padding-top: 0px;font-weight: 500;letter-spacing:0; color: #666;    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);}
.recruit_board_title_container {display: table-cell;color: #0a0a0a;width: 100%;vertical-align: middle;padding: 26px 24px 18px}
.recruit_board_title_inner { position: relative;}
.recruit_board_cat { color: #666; font-size: 15px;}
.recruit_board_state{display: table-cell;vertical-align:middle;width: 110px;text-align: center;}
.recruit_board_state > span {font-size: 13px;line-height: 19px;width: 74px;display: inline-block;padding: 5px 2px 6px 2px;vertical-align: top;color: #fff;background: #0a0a0a;text-align: center;position: relative;left: -3px;font-weight:700;font-family: "Pretendard",sans-serif;}
.recruit_board_title{font-size: 20px;font-weight:700;margin-top: 0px;max-width: -webkit-calc(100% - 65px);max-width: calc(100% - 65px);vertical-align: middle;display: block;margin: 5px 0 16px; font-family: "Pretendard",sans-serif;}
.recruit_board_list_item {clear: both;position: relative;display: table-row;}
.recruit_board_list_item > a:after { content: ""; display: table; clear: both; }
.recruit_board_state > span.recruit_board_state_ing {background: #f52f23;}
.recruit_board_state > span.recruit_board_state_sing {background: #5f87ff;}
.recruit_board_state > span.recruit_board_state_end {background: #F8F9FB;color:#B0B2C1;}

html.ie .recruit_board_state > span {padding-top:5px; padding-bottom:6px;}


@media(max-width: 1660px){

.recruit_board_upjang {width: 100px;}
	.recruit_board_upjang span { font-size: 15px; }
	.recruit_board_time_range { font-size: 12px; }
	.recruit_board_title_container { padding: 24px 24px 18px } 
	.recruit_board_title { font-size: 20px; margin: 3px 0 10px; }
	.recruit_board_cat { font-size: 13px; }
	.recruit_board_state {width: 100px;}
	.recruit_board_state > span { font-size: 12px; width: 65px; padding:4px 2px 3px 2px; }

    html.ios .recruit_board_state > span  {padding: 4px 2px 2px 2px}

}

@media(max-width: 1023px){
 .recruit_board_title {font-size:18px; max-width:100%;}

}
@media(max-width: 768px){
 .recruit_board_list_item {display:block;padding: 22px 0 23px; border-bottom:1px solid #eaeaea;}
    .recruit_board_list_item > div {border-bottom:none;width: auto;display: inline-block;}
    .recruit_board_list_item > a {margin-top:10px; border-bottom:none;}
    .recruit_board_upjang {margin-right:10px;}
    .recruit_board_upjang span {display:block; font-size: 14px;}
    .recruit_board_state > span {left:0; width: 56px;}
    .recruit_board_title {font-size:16px;}
    .recruit_board_title_container {display:block;padding: 0;}

}

@media(max-width: 520px){



}



.employment{width:100%;margin-top:2rem;}
.employment .employment_wrap{    
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    margin: 0 -10px;}
.employment .employment_wrap:after{content:''; display:block; clear:both}
.employment .employment_wrap .list{display: block;
    /* float: left; */
    width: 32.33333%;
    height: 200px;
    margin-right: 0;
    padding: 55px 90px 45px 40px;
    position: relative;
    width: calc(33.33% - 20px);
    margin: 0 10px;
    /* border: 1px solid #E6E6E6; */
    /* border-radius: 10px; */
    min-height: 210px;text-align:left;}
.employment .employment_wrap .list:before{content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.1s; border:1px solid #e5e7ee; box-sizing:border-box; z-index:1;border: 1px solid #e5e7ee;
    border-radius: 10px;}
.employment .employment_wrap .list:nth-child(3n){}
.employment .employment_wrap .list:nth-child(n+4){}
.employment .employment_wrap .list .num{font-size:16px; color:#666; margin-bottom:30px}
.employment .employment_wrap .list .tit{font-size:22px; line-height:26px; color:#222; word-break:keep-all;text-align:left;font-weight:700;    margin-bottom: 10px;}
.employment .employment_wrap .list .type{ font-size:15px; color:#666; margin-top:25px; line-height:23px;}
.employment .employment_wrap .list .txt{ font-size:17px; line-height:27px; color:#666; margin-top:55px; position:relative; padding-top:13px}
.employment .employment_wrap .list .txt:before{content:''; display:block; position:absolute; left:0; top:0; width:20px; height:2px; background:#666;text-align:left;}
.employment .employment_wrap .list .date{font-size:15px; color:#444; position:absolute; bottom:25px;   right: 20px;
    text-align: right;    font-weight: 500;    color: #fff;
    background: #437dea;
    font-weight: 500;margin-bottom: 0px;
    height: 27px;
    border-radius: 15px;
    text-align: center;
    line-height: 18px;
    background: #437dea;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #fff;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;padding: 6px 10px 6px;
    min-width: 100px;
    display: inline-table;
    width: auto;}


.employment .employment_wrap .list .date.ps {
    color: #fff;
    background: #00a3aa;
    font-weight: 500;
}

.employment .employment_wrap .list .date span{font-size:12px; padding-left:0px}
.employment .employment_wrap .list .ing{position:absolute; right:1px; top:1px; width:80px; height:80px; text-align:center;  font-size:14px; line-height:18px; color:#fff; z-index:0;border-left: 0px solid #e5e7ee;border-bottom: 0px solid #e5e7ee;font-weight:700; }
.employment .employment_wrap .list .ing span{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:55px; word-break:keep-all;}
.employment .employment_wrap .list .ing.type1{background:#4478ff;    border-radius: 0 10px 0 10px;}
.employment .employment_wrap .list .ing.type2{background:#F6F7FB;color:#222;    border-radius: 0 10px 0 10px;}
.employment .employment_wrap .list .ing.type3{background:#1799c4}
.employment .employment_wrap .list .ing.type4{background:#2fc47c}
.employment .employment_wrap .list .ing.type5{background:#e5424e}
.employment .employment_wrap .list:hover{box-shadow:0 10px 10px 0 rgba(78, 78, 78, 0.2);border-radius: 10px;}
.employment .employment_wrap .list:hover:before{border:4px solid #5f87ff}
.employment .employment_wrap.type2 .list{height:380px; padding:40px 90px 50px 40px}
.employment .employment_wrap.type2 .list .date{bottom:40px}
.employment .employment_wrap.type2 .list .date span{padding-left:0}
.employment .employment_wrap.type3 .list{height:250px; padding:35px 90px 40px 40px}


@media (max-width: 1440px){


}


@media (max-width: 1280px){
.employment .employment_wrap .list{display: block;
    /* float: left; */
    width: 32.33333%;
    height: 250px;
    margin-right: 0;
    padding: 65px 90px 45px 40px;
    position: relative;
    width: calc(50% - 20px);
    margin: 0 10px;
    /* border: 1px solid #E6E6E6; */
    /* border-radius: 10px; */
    min-height: 210px;}

.employment {
    width: 100%;
    margin-top: 2rem;
}
.employment .employment_wrap .list:hover {
    box-shadow: 0 5px 5px 0 rgba(78, 78, 78, 0.2);
    border-radius: 10px;
}
}


@media all and (max-width:981px) {
	.employment .employment_wrap {
		width: auto;
		padding: 0 0%;
	}
.employment .employment_wrap {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin: 0 -10px;
}
.employment .employment_wrap .list:nth-child(2n) {
    width: 100%;
}
.employment .employment_wrap .list:nth-child(n+3) {
    width: 100%;
  
}
  .employment .employment_wrap .list{    padding: 51px 90px 40px 25px; width:100%; height:200px; float:none; margin-top:15px;}
  .employment .employment_wrap .list:nth-child(3n){}
  .employment .employment_wrap .list:nth-child(n+3){margin-top:15px} 
  .employment .employment_wrap .list:first-child{margin-top:0} 
  .employment .employment_wrap .list .tit{font-size:20px; line-height:25px; word-break:break-all;}
  .employment .employment_wrap .list .date{    right: 15px;}



}



@media all and (max-width:768px) {
.recruit_board_list_item {
    display: block;
    padding: 22px 0 23px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
}
.recruit_board_time_range {
    text-align: left;
    color: #666;
    font-family: 'Maven Pro', 'Montserrat', 'Pretendard', 'NotoSansKR', sans-serif;
    position: relative;
    right: 0;
    top: 0%;
    transform: translate(0%, 0%);
}
.recruit_board_title_inner {
    position: relative;
    padding-left: 10px;
}
.recruit_board_list_item > a {
    margin-top: 0px; 
    border-bottom: none;
    display: inline-block;
}
}


.uarea{
    border: 1px solid #e6e7e9;
    background: #ffffff;
    word-break: keep-all;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FBFDFE;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}
.uarea_list {margin-left: 15px;margin-bottom: 0px;margin-top: -6px;}
.uarea_list li {position: relative;margin-top: 11px;letter-spacing: -0.023em;}
.uarea_list li:before {position: absolute;top: 12px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 50%;}
.uarea_list li:first-child {margin-top: 0;}
html.ie .uarea_list li {line-height: 1.5;}
html.ie .uarea_list li:before { top:11px;}
html.edge .uarea_list li:before { top:12px;}

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;line-height: 1.6;font-weight:600;    color: #555;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }




.bullet_type li {margin-bottom: 9px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.35;
    color: #666;
    position: relative;text-align:left;
    border-bottom: 0px;font-weight: 500;}
.bullet_type li:before {    width: 4px;
    height: 4px;
    background: #666;
    position: absolute;
    left: 1px;
    top: 50%;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -3px;}
.bullet_type > li:last-child {margin-bottom:30px;}
.bullet_type li ul{margin-top: 5px;}
.bullet_type li ul li:before{border-radius: 0%; width:5px;height:2px; top: 13px;}
.bullet_type li ul li ul li:before{display: none;}
.bullet_type > li > ul > li > ul > li{display: flex; padding-left: 0;}
.bullet_type li ul li p{margin-bottom: 0px}
.bullet_type li ul li span{margin-right: 5px;}
.bullet_type li ul li span.footnote_color{margin-right: 0px;}
.bullet_type li.none_bullet:before{width: 0; height: 0;}
.bullet_type li.none_bullet p{display: inline-block; margin-bottom: 0;}
.bullet_type li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet:before{width: 0; height: 0;}
.bullet_type li ul li.none_bullet{margin-left: -5px;}
.bullet_type li ul li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet .block_bullet{position: relative;}
.bullet_type li ul li.none_bullet .block_bullet:before{background: #666;position:absolute; border-radius: 0%; width:5px;height:2px; top: 13px; content:'';display:block;}
.bullet_type li ul li.none_bullet .block_bullet{padding-left: 15px}
.bullet_type li.number_bullet{padding-left: 0;}
.bullet_type li.number_bullet ul li{margin-left: 15px;}




@media (max-width: 1660px){

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


}
.color-red {
    color: #e60012;
}




@media (max-width: 1023px){

	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

@media screen and (max-width: 768px){


  .uarea_list { margin-left: 11px; margin-top: -2px;}
	.uarea_list li {font-size: 14px;margin-top:30px;}
    .uarea_list li:before { top:10px;left:-10px;}
  
}


@media(max-width: 540px){

.uarea_list li  {margin-top:10px;}

}



ul.uarea_list li strong{
font-weight: 600;
}
ul.uarea_list li strong.bold{
font-weight: 700;color: #111;
}
ul.uarea_list_sub li {
    position: relative;
    padding-left: 15px;
}
ul.uarea_list_sub {
   margin-top: 5px;
}
ul.uarea_list_sub  li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 1px;    top: 11px;
    background: #000;
}
ul.uarea_list_sub li {
    font-size: 15px;
    margin-top: 0px; font-weight: 500;
}

ul.uarea_list_sub li strong{
    font-weight: 600;color:#222;
}
.uarea_list li strong.color-red {
    color: #e60012;
}

@media (max-width: 1660px){

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


}
.color-red {
    color: #e60012;
}




@media (max-width: 1023px){

	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

@media screen and (max-width: 768px){


  .uarea_list { margin-left: 11px; margin-top: -2px;}
  .uarea_list li {font-size: 14px;margin-top:10px;}
  .uarea_list li:before { top:10px;left:-10px;}
  .uarea_list li:before {
    top: 9px;
}

.uarea_list_sub li {
    font-size: 14px;
    margin-top: 10px;
}
ul.uarea_list_sub li {
  font-size: 14px;
}
    .board_middle_area {
        min-height: auto;
        margin-bottom: 30px;
        padding: 0;
        word-break: keep-all;
        line-height: 1.6;
        font-size: 1.2rem;
        color: #4a4a4a;
        line-height: 32px;
    }
}


@media(max-width: 540px){

.uarea_list li  {margin-top:10px;}

}