@charset "UTF-8"; /*-------------------------------------------------------------------
분류그룹 : 공통
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#container { position:relative; } 
#contentPc { display: block; min-height: 100vh; padding: 60px 0; } 
@media screen and (max-width: 1024px){
 #contentPc { padding: 40px 0; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 커스텀 > 스크롤바
-------------------------------------------------------------------*/
 .scr-type-01 { /* width: 250px; */
/* height: 250px; */
overflow-y: scroll; /* */
/* border:2px solid red; */ } 
 
 /* 스크롤바의 폭 너비 */
 .scr-type-01::-webkit-scrollbar { width: 16px; border-radius: 10px; /* border:1px solid red; */}
 
 .scr-type-01::-webkit-scrollbar-thumb { background: #C1C1C1; /* 스크롤바 색상 */
 border-radius: 10px; /* 스크롤바 둥근 테두리 */
 border:3px solid #ffffff; border-top:2px solid #ffffff; } 
 
 .scr-type-01::-webkit-scrollbar-track { /*스크롤바 뒷 배경 색상*/
 /* background: rgba(114, 114, 114, 0.1); */
 /* border:5px solid #ffffff; */
 /* border-radius:0.5 rem; */
 /* overflow:hidden; */ } 
 .scr-type-01::-webkit-scrollbar-button { display:none; } 
 .scr-type-01::-webkit-scrollbar-button:start { background-color: red; /* Top, Left 방향의 이동버튼 */ } 
 .scr-type-01::-webkit-scrollbar-button:end { background-color: orange; /* Bottom, Right 방향의 이동버튼 */ } 

/*-------------------------------------------------------------------
분류그룹 : 공통 > 타이틀
-------------------------------------------------------------------*/
#contentPc .title-01 { display: block; position: relative; padding-left: 25px; font-weight: 600; font-size: 1.125rem; } 
#contentPc .title-01::before { content:""; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-color: #4B9CD4; } 
#contentPc .title-01::after { content:""; position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background-color: #72BD9C; } 
#contentPc .title-01 > .link { display: inline-block; padding-right: 20px; background-image: url(../images/common/i_title_link.svg); background-repeat: no-repeat; background-position: center right; background-size: 15px; } 

#contentPc .title-01 > .link { transition: background 0.3s, color 0.3s; } 
#contentPc .title-01 > .link:focus,
#contentPc .title-01 > .link:hover { color: #14663D; background-image: url(../images/common/i_title_link_on.svg); } 
#contentPc .title-01.type-b > .link:focus,
#contentPc .title-01.type-b > .link:hover { color: #304086; background-image: url(../images/common/i_title_link_on2.svg); } 

#contentPc .title-02 { display: block; position: relative; padding-left: 10px; font-weight: 600; font-size: 1.0625rem; } 
#contentPc .title-02::before { content:""; position: absolute; top: 2.5px; left: 0; width: 4px; height: 1.0625rem; background-color: #14663D; } 
#contentPc .tit-notice-01 {float:left; display: block; position: relative; padding-left: 15px; font-weight: 600; font-size: 1.0625rem; } 
#contentPc .tit-notice-01::before { content:"※"; position: absolute; top: 1px; left: 0; } 
/* #contentPc .notice-01 { display: block; position: relative; padding-left: 25px; font-weight: 600; font-size: 1.125rem; }  */
/* #contentPc .notice-01::before { content:""; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-color: #4B9CD4; }  */
/*-------------------------------------------------------------------
분류그룹 : 공통 > 커스텀 스크롤바
-------------------------------------------------------------------*/
.scrollBox::-webkit-scrollbar { width: 12px; } 
/*스크롤바의 색상*/
.scrollBox::-webkit-scrollbar-thumb { border: 1px solid #E3E6F0; border-radius: 6px; background-clip: padding-box; background-color:#D8DBE2; } 
/*스크롤바 트랙 색상*/
.scrollBox::-webkit-scrollbar-track { background-color: #F3F5F9; } 

/*-------------------------------------------------------------------
분류그룹 : 공통 > 첨부파일 라벨
-------------------------------------------------------------------*/
#contentPc .label-attach { display:inline-block; height:25px; padding-left:25px; background-image: url('../images/common/i_label_attch.svg'); background-repeat: no-repeat; background-position: center left; background-size: contain; vertical-align: middle; } 
#contentPc .label-attach.hwp { background-image: url('../images/common/i_label_hwp.svg'); } 
#contentPc .label-attach.word { background-image: url('../images/common/i_label_word.svg'); } 
#contentPc .label-attach.excel { background-image: url('../images/common/i_label_excel.svg'); } 
#contentPc .label-attach.img { background-image: url('../images/common/i_label_img.svg'); } 
#contentPc .label-attach.pdf { background-image: url('../images/common/i_label_pdf.svg'); } 
#contentPc .label-attach.ppt { background-image: url('../images/common/i_label_ppt.svg'); } 


/*-------------------------------------------------------------------
분류그룹 : 공통 > 첨부파일 라벨
-------------------------------------------------------------------*/
#contentPc .ico-attach { display:inline-block; padding-left:25px; background-image: url('../images/common/i_attch.svg'); background-repeat: no-repeat; background-position: center left; background-size: contain; line-height: 20px; vertical-align: middle; } 
#contentPc .ico-attach.excel { background-image: url('../images/common/i_excel.svg'); } 

/*-------------------------------------------------------------------
분류그룹 : 공통 > 동영상 버튼
-------------------------------------------------------------------*/
#contentPc .btn-video { display:inline-block; position: relative; height:25px; padding-left:25px; border-radius: 50%; background-color: #14663D; vertical-align: middle; transition: background 0.3s; } 
#contentPc .btn-video::before { content:""; position: absolute; top: 6.5px; left: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ffffff; } 
#contentPc .btn-video:focus,
#contentPc .btn-video:hover { background-color: #329274; } 


/*-------------------------------------------------------------------
분류그룹 : 공통 > 게시판 리스트
-------------------------------------------------------------------*/
/* default */
#contentPc .mod-table-list { width:100%; border-top: 1px solid #000000; } 
#contentPc .mod-table-list caption { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .mod-table-list th { padding:15px 10px; border-bottom: 1px solid #E3E6F0; font-weight:bold; color:#000; text-align:center; background-color: #F3F5F9; } 
#contentPc .mod-table-list th.title { width:45%; } 
#contentPc .mod-table-list th.bor { border-width:0 0 1px 1px; } 
#contentPc .mod-table-list td { padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center; word-break: break-all; } 
#contentPc .mod-table-list td > span { word-break: inherit; } 
#contentPc .mod-table-list td .notice { display:inline-block; width:16px; height:14px; vertical-align: middle; } 
#contentPc .mod-table-list td.title { width:50%; text-align: left; } 
#contentPc .mod-table-list td.title .link-tit { display:inline-block; color:#000000; vertical-align: middle; } 
#contentPc .mod-table-list td.title .link-tit .new { display: inline-block; vertical-align: middle; } 
#contentPc .mod-table-list td.title .link-tit .new img { display:block; } 
#contentPc .mod-table-list td .btn { border-radius: 5px; font-size: inherit; } 

#contentPc .mod-table-list th.hide-sm,
#contentPc .mod-table-list td.hide-sm { } 
/* interaction */
#contentPc .mod-table-list td .link-tit .tit { transition: color 0.3s; } 
#contentPc .mod-table-list td .link-tit:focus .tit,
#contentPc .mod-table-list td .link-tit:hover .tit { color: #14663D; } 
#contentPc .mod-table-list td .link-tit.type-b:focus .tit,
#contentPc .mod-table-list td .link-tit.type-b:hover .tit { color: #304086; } 

#contentPc .mod-table-list.font-down tr{height:40px;}
#contentPc .mod-table-list.font-down th,
#contentPc .mod-table-list.font-down td{ padding:5px; }
#contentPc .mod-table-list.font-down th{font-size:13px;}
#contentPc .mod-table-list.font-down td span{font-size:13px;}
#contentPc .mod-table-list.font-down td .btn-icon{width:30px; height:30px; background-size:contain;}
#contentPc .mod-table-list.font-down td input{font-size:13px; padding:5px; height:30px;}

/* -------
column hide size : xl 1200px / lg 1024px / md 800px / sm 600px
---------- */
@media screen and (max-width:1280px){
 #contentPc .mod-table-list td { font-size: 0.975rem; /*0.875rem; */ } 
 #contentPc .mod-table-list td.title { font-size: 0.975rem; /*0.875rem; */ } 
 }
@media screen and (max-width:1200px){
 #contentPc .mod-table-list th.hide-xl,
#contentPc .mod-table-list td.hide-xl { display: none; } 
#contentPc .mod-table-list.type-responsive th.hide-xl,
#contentPc .mod-table-list.type-responsive td.hide-xl { display: none; } 
 }
@media screen and (max-width:1024px){
 #contentPc .mod-table-list th { padding: 10px; } 
#contentPc .mod-table-list td { padding: 10px; } 
#contentPc .mod-table-list td.m-left { text-align: left; } 
#contentPc .mod-table-list td.m-right { text-align: right; } 
#contentPc .mod-table-list td.m-center { text-align: center; } 

#contentPc .mod-table-list th.hide-lg,
#contentPc .mod-table-list td.hide-lg { display: none; } 
#contentPc .mod-table-list.type-responsive th.hide-lg,
#contentPc .mod-table-list.type-responsive td.hide-lg { display: none; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 공통 > 첨부파일 모듈
-------------------------------------------------------------------*/
#contentPc .attach-file-wrap .attach-file-box { display: block; position: relative; width:100%; height: 40px; padding-left: 120px; } 
#contentPc .attach-file-wrap .attach-file-box .upload-name { display:block; padding: 0 15px; width:100%; height: 100%; border: 1px solid #e9e9e9; background-color: #f8f8f8; } 
#contentPc .attach-file-wrap .attach-file-box .fileupload { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .attach-file-wrap .attach-file-box .attach-label { display: block; position: absolute; top: 0; left: 0; width:120px; background-color:#14663D; line-height: 40px; font-weight: 600; text-align:center; color:#fff; cursor: pointer; } 
#contentPc .attach-file-wrap .attach-file-box.type-b .attach-label { background-color: #304086; } 

#contentPc .attach-file-wrap .file-box-wrap { display: block; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box { display: none; position: relative; margin: 10px -5px 0; border-top: 1px solid transparent; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box::before { content:''; position: absolute; top: 0; left: 5px; width: calc(100% - 10px); height: 1px; background-color: #e9e9e9; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box::after { content:''; display: block; clear: both; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box.on { display: block; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .close-item { display:inline-block; position:relative; vertical-align: middle; width: 16px; height: 16px; margin-left: 5px; background-color: #14663D; background-image:url(../images/board_i_close.png); line-height: 16px; vertical-align: middle; } 
#contentPc .attach-file-wrap.type-b .file-box-wrap .file-box .close-item { background-color: #304086; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .close-item::before { content:""; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; transform: rotate(45deg); background-color: #fff; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .close-item::after { content:""; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; transform: rotate(-45deg); background-color: #fff; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .close-item > span { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .file-item .name { display: inline-block; overflow: hidden; max-width: calc(100% - 26px); font-size: 14px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } 
#contentPc .attach-file-wrap .file-box-wrap .file-box .c_pointer { cursor:pointer; } 
/* 일반 파일 */
#contentPc .attach-file-wrap .file-box-wrap .file-nor-box .file-item { padding: 10px 5px; line-height: 16px; } 
/* 이미지 파일 */
#contentPc .attach-file-wrap .file-box-wrap .file-img-box { padding-top: 5px; } 
#contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item { float: left; width: 20%; padding: 5px; } 
#contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item:last-child { border: none; } 
#contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item .img-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow:hidden; height: 120px; margin-bottom: 1rem; border: 1px solid #e9e9e9; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; } 
#contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item .img-box > img { display:block; max-width: none; height: 100%; } 
#contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item .name { display: inline-block; overflow: hidden; max-width: calc(100% - 26px); font-size: 14px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } 

/* interaction */
#contentPc .attach-file-wrap .attach-file-box .attach-label { transition: background 0.3s; } 
#contentPc .attach-file-wrap .attach-file-box .fileupload:hover + .attach-label,
#contentPc .attach-file-wrap .attach-file-box .fileupload:focus + .attach-label { background-color:#329274; } 
#contentPc .attach-file-wrap .attach-file-box.type-b .fileupload:hover + .attach-label,
#contentPc .attach-file-wrap .attach-file-box.type-b .fileupload:focus + .attach-label { background-color:#2c80b9; } 


#contentPc .attach-file-wrap.type-2 .attach-file-box { padding:0; position:relative; } 
#contentPc .attach-file-wrap.type-2 .attach-file-box label { } 
#contentPc .attach-file-wrap.type-2 .attach-file-box .attach-label,
#contentPc .attach-file-wrap.type-2 .attach-file-box .btn { width:90px; line-height:25px; top:50%; left:10px; transform:translateY(-50%); font-size:13px; padding:0; min-height:unset; } 
/* #contentPc .attach-file-wrap.type-2 .attach-file-box .att-delete { position:absolute; top:50%; right:10px; transform:translateY(-50%); background:none; width:25px; height:25px; } */
#contentPc .attach-file-wrap.type-2 .attach-file-box .upload-name { padding-left:110px; } 
#contentPc .attach-file-wrap.type-2.btn2 .attach-file-box .btn { position:absolute; } 
#contentPc .attach-file-wrap.type-2.btn2 .attach-file-box .attach-label { left:105px; } 
#contentPc .attach-file-wrap.type-2.btn2 .attach-file-box .upload-name { padding-left:205px; } 

.file-ver_02 { display: block; padding: 0 10px; width: 100%; height: 100%; border: 1px solid #e9e9e9; background-color: #f8f8f8; position:relative; display:flex; align-items: center; } 
.file-ver_02 input { width:100%; padding-left:95px; padding-right:60px; } 
.file-ver_02 .btn { position:absolute; } 
.file-ver_02 .btn.fv_02_upload { background-color: #14663D; color: #fff; left:110px; } 
input[type=file]::file-selector-button { width: 120px; /* height: 30px; */ background: blue; border: 1px solid rgb(77,77,77); border-radius: 10px; cursor: pointer; margin-left:10px; color:blue; position:absolute; left:0; top:0; display:none; } 
#contentPc .attach-file-wrap.type-2 .btn { z-index:1; } 
#contentPc .attach-file-wrap.type-2.btn2 .attach-file-box .btn.fv_02_upload { left:105px; } 
#contentPc .attach-file-wrap.type-2.btn2 .attach-file-box .file-ver_02 input { padding-left:190px; } 
#contentPc .attach-file-wrap.type-2 .attach-file-box .plus-minus { position:absolute; height:auto; position:absolute; top:50%; right:10px; transform:translateY(-50%); background:none; font-size:0; display:flex; align-items: center; gap:5px; } 
#contentPc .attach-file-wrap.type-2 .attach-file-box .plus-minus button { width:25px; height:25px; font-size:0; } 
#contentPc .attach-file-wrap.type-2 .attach-file-box .plus-minus button img { width:100%; } 

@media screen and (max-width: 1024px){
 #contentPc .attach-file-wrap .file-box-wrap .file-img-box .file-item { width: 25%; } 
 }




/*-------------------------------------------------------------------
분류그룹 : 공통 > 컨텐츠 없음 표시
-------------------------------------------------------------------*/
#contentPc .content-none { display: block; height: 150px; margin-bottom: 20px; border: 1px solid #E3E6F0; line-height: 148px; background-color: #F3F5F9; text-align: center; } 
#contentPc .content-none .txt { display: inline-block; font-weight: 600; font-size: 1.125rem; color:#5b5b5b; } 


/*-------------------------------------------------------------------
분류그룹 : 공통 > 컬럼 추가 삭제 버튼
-------------------------------------------------------------------*/
#contentPc .btn-mod-plus { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #14663D; background-image: url(../images/sub/i_mod_plus.svg); background-repeat: no-repeat; background-position: center; vertical-align: middle; } 
#contentPc .btn-mod-minus { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #D7D7D7; background-image: url(../images/sub/i_mod_minus.svg); background-repeat: no-repeat; background-position: center; vertical-align: middle; } 
#contentPc .btn-mod-del { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #DA3938; background-image: url(../images/sub/i_mod_del.svg); background-repeat: no-repeat; background-position: center; vertical-align: middle; } 
#contentPc .btn-mod-plus.type-b { background-color: #304086; } 
#contentPc .btn-mod-minus.type-b { background-color: #DA3938; } 

/* interaction */
#contentPc .btn-mod-plus,
#contentPc .btn-mod-minus,
#contentPc .btn-mod-del { transition: background 0.3s; } 
#contentPc .btn-mod-plus:hover,
#contentPc .btn-mod-plus:focus { background-color: #329274; } 
#contentPc .btn-mod-minus:hover,
#contentPc .btn-mod-minus:focus { background-color: #304086; } 
#contentPc .btn-mod-del:hover,
#contentPc .btn-mod-del:focus { background-color: #DA3938; } 

#contentPc .btn-mod-plus.type-b:hover,
#contentPc .btn-mod-plus.type-b:focus { background-color: #2c80b9; } 
#contentPc .btn-mod-minus.type-b:hover,
#contentPc .btn-mod-minus.type-b:focus { background-color: #DA3938; } 

.btn-icon{display:inline-block; width:40px; height:40px; font-size:0; background-size:contain;}
.btn-icon.down{background:url('../images/sub/icon-down.svg') center no-repeat;}

/*-------------------------------------------------------------------
분류그룹 : 서브페이지 상단 타이틀 및 breadcrumb
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .sub-top-wrap { display: block; max-width: 1280px; width: 100%; margin: 0 auto 20px; padding-bottom: 15px; border-bottom: 1px solid #E3E6F0; } 
#contentPc .sub-top-wrap:after { content:""; display:block; clear:both; } 
#contentPc .sub-top-wrap .breadcrumb { display: block; float: right; } 
#contentPc .sub-top-wrap .breadcrumb .list { display: block; height: 20px; white-space: nowrap; } 
#contentPc .sub-top-wrap .breadcrumb .list > li { display: inline-block; position: relative; padding-right: 20px; text-align: left; vertical-align: middle; } 
#contentPc .sub-top-wrap .breadcrumb .list > li:last-child { padding-right: 0; } 
#contentPc .sub-top-wrap .breadcrumb .list > li::before { content:""; position: absolute; top: calc(50% - 2px); right: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #5b5b5b; } 
#contentPc .sub-top-wrap .breadcrumb .list > li:last-child::before { display: none; } 
#contentPc .sub-top-wrap .breadcrumb .list > li .item { display: block; line-height: 20px; } 
#contentPc .sub-top-wrap .breadcrumb .list > li .item.home { width: 20px; height: 20px; background-repeat: no-repeat; background-image: url(../images/common/i_nav_home.svg); background-position: center 2px; } 

#contentPc .sub-top-wrap .title { display: block; float: left; font-weight: 500; font-size: 1.5625rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
@media screen and (max-width: 1320px){
 #contentPc .sub-top-wrap { margin: 0 20px 20px; width: auto; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .sub-top-wrap { margin: 0 15px 20px; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 상세검색
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-filter-wrap { display: block; } 
#contentPc .mod-filter-wrap .filter-head { display: block; } 
#contentPc .mod-filter-wrap .filter-head::after { content:""; display: block; clear: both; } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box { float: left; width: calc(100% - 55px); } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box.type-link { width: 100%; margin-bottom: 0; } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab { min-height: 55px; } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter { position:relative; padding-left: 30px; } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter::before { content:""; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center left; } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter.i01::before { background-image: url(../images/sub/i_filter_menu_01.svg); } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter.i02::before { background-image: url(../images/sub/i_filter_menu_02.svg); } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter.i03::before { background-image: url(../images/sub/i_filter_menu_03.svg); } 

#contentPc .mod-filter-wrap .filter-head .btn-drop { display: block; float: left; width: 55px; height: 55px; border: 1px solid #dfdfdf; border-left: 0; background-color: #ffffff; background-image: url(../images/sub/i_search_detail_arr.svg); background-repeat: no-repeat; background-position: center; } 

/* interaction */
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab.active .i-filter.i01::before { background-image: url(../images/sub/i_filter_menu_01_on.svg); } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab.active .i-filter.i02::before { background-image: url(../images/sub/i_filter_menu_02_on.svg); } 
#contentPc .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab.active .i-filter.i03::before { background-image: url(../images/sub/i_filter_menu_03_on.svg); } 

#contentPc .mod-filter-wrap .filter-head .btn-drop { transition: border 0.4s, background-color 0.4s; } 
#contentPc .mod-filter-wrap .filter-head .btn-drop.active { border-color: #304086; background-color: #304086; background-image: url(../images/sub/i_search_detail_arr_on.svg); } 

#contentPc .mod-filter-wrap.type-b .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab.active { background-color: #304086; } 
#contentPc .mod-filter-wrap.type-b .filter-head .btn-drop.active { border-color: #14663D; background-color: #14663D; } 




/* filter-body */
#contentPc .mod-filter-wrap .filter-body { } 
#contentPc .mod-filter-wrap .filter-body .filter-tab-con { display: block; } 
#contentPc .mod-filter-wrap .filter-body .filter-tab-con .tab-con { } 

#contentPc .mod-filter-wrap .filter-form { display: block; } 
#contentPc .mod-filter-wrap .filter-form::after { content:""; display: block; clear: both; } 
#contentPc .mod-filter-wrap .filter-form .form-cell { display: block; float: left; width: 100%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-1 { width:8.3333%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-2 { width:16.6666%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-3 { width:25%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-4 { width:33.3333%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-5 { width:41.6667%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-6 { width:50%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-7 { width:58.3333%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-8 { width:66.6667%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-9 { width:75%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-10 { width:83.3334%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-11 { width:91.6667%; } 
#contentPc .mod-filter-wrap .filter-form .form-cell.col-12 { width:100%; } 

#contentPc .mod-filter-wrap .filter-form { } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-head { display: block; height: 45px; border-top: 1px solid #000000; border-left: 1px solid #E3E6F0; border-bottom: 1px solid #E3E6F0; background-color: #F3F5F9; line-height: 40px; padding: 2px 15px; } 
#contentPc .mod-filter-wrap .filter-form .form-cell:last-child .cell-head { border-right: 1px solid #E3E6F0; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-head .tit { display: inline-block; font-weight: 600; font-size: 1rem; color: #000000; vertical-align: middle; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body { display: block; overflow-x: hidden; overflow-y: auto; height: 270px; border-left: 1px solid #E3E6F0; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body.map { overflow: hidden; } 


#contentPc .mod-filter-wrap .filter-form .form-cell:last-child .cell-body { border-right: 1px solid #E3E6F0; } 

#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .drop-list { display: block; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .drop-list > li { display: block; position: relative; height: 45px; line-height: 44px; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list { display: block; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list::after { content:""; display: block; clear: both; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li { float: left; position: relative; width: 24%; height: 45px; } 

#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item { position: relative; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter { position: absolute; width: 100%; height: 100%; z-index: 0; appearance: none; -webkit-appearance:none; -moz-appearance:none; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter + label { position: absolute; z-index: 1; width: 100%; height: 100%; padding: 0 20px; line-height: 44px; z-index: 1; cursor: pointer; background-color: #ffffff; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter + label > span { display: inline-block; padding: 5px 10px; border-radius: 50px; font-size: 1rem; line-height: 1; vertical-align: middle; word-break: break-all; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter:focus + label > span { color: #14663D; outline: solid; } 
#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter:checked + label > span { background-color: #14663D; color: #ffffff; } 
#contentPc .mod-filter-wrap.type-b .filter-form .form-cell .cell-body .in-item .in-filter:focus + label > span { color: #304086; outline: solid; } 
#contentPc .mod-filter-wrap.type-b .filter-form .form-cell .cell-body .in-item .in-filter:checked + label > span { background-color: #304086; color: #ffffff; } 
@media screen and (max-width: 1280px){
 #contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li { width: 30%; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li { width: 33.333%; } 

#contentPc .mod-filter-wrap .filter-form .form-cell .cell-body .in-filter + label { padding: 0 10px; } 
 }



/* 검색핕터 결과 리스트 */
#contentPc .mod-filter-wrap .result-wrap { display: table; padding: 25px; border: 1px solid #E3E6F0; } 
#contentPc .mod-filter-wrap .result-wrap .list-wrap { display: table-cell; width: 99%; vertical-align: middle; } 
#contentPc .mod-filter-wrap .result-wrap .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mod-filter-wrap .result-wrap .list-wrap > li { float: left; margin-right: 15px; } 
#contentPc .mod-filter-wrap .result-wrap .list-wrap > li .btn-result { display: block; padding: 5px; background: transparent; cursor: pointer; } 
#contentPc .mod-filter-wrap .result-wrap .list-wrap > li .btn-result > span { display:inline-block; padding-right: 20px; font-size: 1.0375rem; /*0.9375rem; */ color: #14663D; background: url(../images/sub/i_filter_close.svg) no-repeat center right; background-size: 12px; } 
#contentPc .mod-filter-wrap .result-wrap .btns { display: table-cell; width: 1%; vertical-align: middle; white-space: nowrap; } 
#contentPc .mod-filter-wrap .result-wrap .btns > li { display: inline-block; } 
#contentPc .mod-filter-wrap .result-wrap .btns > li .btn-reset { display: block; height: 40px; padding: 5px; background-color: transparent; font-size: 1.0375rem; /*0.9375rem; */ line-height: 30px; } 
#contentPc .mod-filter-wrap .result-wrap .btns > li .btn-reset > span { display: inline-block; padding-left: 20px; background: url(../images/sub/i_filter_reset.svg) no-repeat center left; vertical-align: middle; } 

#contentPc .mod-filter-wrap.type-b .result-wrap .list-wrap > li .btn-result > span { color: #304086; } 
@media screen and (max-width: 1024px){
 #contentPc .mod-filter-wrap .result-wrap { padding: 20px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 일자리 싱세검색 리스트 페이지
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-detail-list { display: block; margin-top: 40px; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 검색창 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#contentPc .mod-list-srch-wrap { display: block; position: relative; margin-bottom: 20px; padding: 20px; border: 1px solid #E3E6F0; background-color: #F3F5F9; } 
#contentPc .mod-list-srch-wrap .list-total { display: inline-block; margin-bottom: 10px; } 
#contentPc .mod-list-srch-wrap .list-total .num { color: #14663D; } 
#contentPc .mod-list-srch-wrap .list-total .num.type-b { color: #304086; } 

#contentPc .mod-list-srch-wrap .srch-box { display: block; } 
#contentPc .mod-list-srch-wrap .srch-box + .srch-box { margin-top: 5px; } 
#contentPc .mod-list-srch-wrap .srch-box::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-util { display: block; float: left; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-util::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-util .cell { display: block; float: left; padding-right: 10px; line-height: 40px; } 

#contentPc .mod-list-srch-wrap .srch-box .srch-util.type-center { position: absolute; top: calc(50% - 20px); left: 20px; } 

#contentPc .mod-list-srch-wrap .srch-box .srch-bar { display: table; float: right; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell { display: table-cell; padding-right: 5px; vertical-align: middle; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell::after { content:''; display: block; clear: both; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell:first-child { padding-left: 0 !important; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell:last-child { padding-right: 0; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell .date-box { max-width: 200px; } 

#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-tit { display: block; float: left; padding-right: 10px; line-height: 40px; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-tit > span,
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-tit > label { display: inline-block; font-weight: 600; font-size: 1rem; color: #000000; vertical-align: middle; } 
#contentPc .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-con { display: block; overflow: hidden; } 

#contentPc .mod-list-srch-wrap.long-type { display:flex; align-items: center; justify-content: end; gap:5px; align-items: end; } 
#contentPc .mod-list-srch-wrap .srch-box.sub-long-type { display:flex; justify-content: end; align-items: end; } 
#contentPc .mod-list-srch-wrap .srch-box.sub-long-type .srch-bar:last-child { margin-left:5px; } 
#contentPc .mod-list-srch-wrap .srch-box.sub-long-type .intxt.mwd-120 { max-width:150%!important; } 

@media screen and (max-width: 1044px){
 #contentPc .mod-list-srch-wrap.long-type { flex-direction: column; } 
#contentPc .mod-list-srch-wrap .srch-box.sub-long-type { flex-direction: column; } 
#contentPc .mod-list-srch-wrap .srch-box.sub-long-type .srch-bar:last-child { margin-top:5px; } 
 }

@media screen and (max-width: 1024px){
 #contentPc .mod-list-srch-wrap .srch-box.type-lg + .srch-box { margin-top: 0; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-util { float: none; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-util.type-center { position: static; top: auto; left: auto; } 

#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar { display: block; float: none; margin: 0 -5px; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell { display: block; float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell:last-child { padding: 0 5px; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-1 { width:8.3333%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-2 { width:16.6666%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-3 { width:25%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-4 { width:33.3333%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-5 { width:41.6667%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-6 { width:50%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-7 { width:58.3333%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-8 { width:66.6667%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-9 { width:75%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-10 { width:83.3334%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-11 { width:91.6667%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-12 { width:100%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .intxt,
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .btn,
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .sel { display:block; width: 100%; } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .date-box { max-width: none; } 

#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar.date-bar .cell { width: calc(50% - 10px); } 
#contentPc .mod-list-srch-wrap .srch-box.type-lg .srch-bar.date-bar .cell.split { width: 20px; line-height: 40px; text-align: center; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 게시판 형태 버튼 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#contentPc .mod-list-type-box { display: block; margin-bottom: 20px; } 
#contentPc .mod-list-type-box::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-type-box .btns { float: right; } 
#contentPc .mod-list-type-box .btns::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-type-box .btns > li { display: block; float: left; } 
#contentPc .mod-list-type-box .btns > li .btn { display: block; } 
#contentPc .mod-list-type-box .btns > li .btn.active { background-color: #14663D; color: #ffffff; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 게시판 추가 및 설정 버튼
-------------------------------------------------------------------*/
#contentPc .mod-list-utils { display: block; margin-bottom: 20px; } 
#contentPc .mod-list-utils::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-utils .btn-wrap { float: right; } 
#contentPc .mod-list-utils .btn-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mod-list-utils .btn-wrap > li { display: block; float: left; margin-left: 10px; line-height: 40px; } 
#contentPc .mod-list-utils .btn-wrap > li .btn { display: block; padding-left: 10px; padding-right: 10px; } 

/* 전체 체크박스 */
#contentPc .mod-list-utils .btn-wrap > li.mobile-check { display: none; } 
@media screen and (max-width: 1024px){
 #contentPc .mod-list-utils .btn-wrap > li.mobile-check.lg { display: block; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 게시판 형태 버튼 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#contentPc .mod-detail-list-con { } 
#contentPc .mod-detail-list-con .mod-list-con { display:none; } 
#contentPc .mod-detail-list-con .mod-list-con.active { display: block; } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 상세검색 - 목록형 리스트
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .detail-table-list { width:100%; } 
#contentPc .detail-table-list caption { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .detail-table-list th { padding:15px 10px; border-top: 1px solid #000000; border-bottom: 1px solid #E3E6F0; font-weight:bold; color:#000; text-align:center; background-color: #F3F5F9; } 
#contentPc .detail-table-list td { padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center; } 
/* 공고정보 */
#contentPc .detail-table-list th.title { width:45%; } 
#contentPc .detail-table-list td.title { width:50%; text-align: left; } 

/* 모집지역 */
#contentPc .detail-table-list td .region-box { display: block; } 
#contentPc .detail-table-list td .region-box > span { display: block; font-size: 1.05rem; /*1rem; */ } 
#contentPc .detail-table-list td .region-box .region { position: relative; padding-bottom: 5px; font-weight: 500; } 
#contentPc .detail-table-list td .region-box .region::before { content:""; position: absolute; left:calc(50% - 8px); bottom: 2px; width: 16px; height: 1px; background-color: #bbbbbb; } 
/* 급여 */
#contentPc .detail-table-list td .pay-box { display: block; } 
#contentPc .detail-table-list td .pay-box .label { font-weight: 400; } 
#contentPc .detail-table-list td .pay-box .pay { display: block; margin-top: 5px; } 
/* 지원하기 버튼 */
#contentPc .detail-table-list td .btn-apply { border-radius: 5px; } 
#contentPc .detail-table-list td .btn { border-radius: 5px; } 
#contentPc .detail-table-list td .btn-accept { } 
#contentPc .detail-table-list td .btn-refuse { } 
/* 모바일 타이틀 박스 */
#contentPc .detail-table-list td .mo-tit-box { display: inline-block; vertical-align: middle; } 
#contentPc .detail-table-list td .mo-tit-box::after { content:""; display: block; clear: both; } 
#contentPc .detail-table-list td .mo-tit-box .tit { display: none; float: left; min-width: 60px; font-weight: 600; font-size: 14px; padding-right: 5px; } 
#contentPc .detail-table-list td .mo-tit-box .txt { display: block; overflow: hidden; font-size: inherit; } 

/* 공고정보 */
#contentPc .detail-table-list td .title-info { display: block; max-width: 500px; } 
#contentPc .detail-table-list td .title-info .info-title { display:inline-block; overflow: hidden; position: relative; max-width: 100%; margin-bottom: 5px; padding-right: 20px; } 
#contentPc .detail-table-list td .title-info .info-title .title-box { display: block; position: relative; } 
#contentPc .detail-table-list td .title-info .info-title .title-box::after { content:""; display: block; clear: both; } 
#contentPc .detail-table-list td .title-info .info-title .title-box .label { float:left; margin-right: 5px; } 
#contentPc .detail-table-list td .title-info .info-title .title-box .tit { display:block; overflow: hidden; padding: 4px 0; font-weight: 600; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .detail-table-list td .title-info .info-title .btn-scrap { position: absolute; top: calc(50% - 8px); right: 0; width: 12px; height: 17px; background-color: transparent; background-image: url(../images/sub/i_bod_scrap.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } 
#contentPc .detail-table-list td .title-info .info-title .btn-scrap.on { background-image: url(../images/sub/i_bod_scrap_on.svg); } 

#contentPc .detail-table-list td .title-info .info-list { display: block; } 
#contentPc .detail-table-list td .title-info .info-list > li { display: block; margin-bottom: 5px; } 
#contentPc .detail-table-list td .title-info .info-list > li::after { content:""; display: block; clear: both; } 
#contentPc .detail-table-list td .title-info .info-list > li .list-tit { display: block; float: left; width: 60px; font-weight: 600; font-size: 15px; /*14px; */ } 
#contentPc .detail-table-list td .title-info .info-list > li .list-txt { display: block; overflow: hidden; font-size: 16px; /*14px; */ } 

/* interaction */
#contentPc .detail-table-list td .title-info .info-title .title-box .tit { transition: color 0.3s; } 
#contentPc .detail-table-list td .title-info .info-title .title-box .tit:focus,
#contentPc .detail-table-list td .title-info .info-title .title-box .tit:hover { color: #14663D; } 
@media screen and (max-width:1280px){
 #contentPc .detail-table-list td { font-size: 0.9375rem; } 
#contentPc .detail-table-list td .title-info { max-width: 400px; } 
 }
@media screen and (max-width:1024px) { /* #contentPc .detail-table-list { display:block; border-top:1px solid #E3E6F0; } */
 /* #contentPc .detail-table-list thead { display:none; } */
 /* #contentPc .detail-table-list tbody { display:block; width:100%; } */
 /* #contentPc .detail-table-list tr { display:block; position: relative; width:100%; padding: 15px 120px 15px 20px; border-bottom:1px solid #E3E6F0; } */
/* #contentPc .detail-table-list tr::before { content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #14663D; } */
 /* #contentPc .detail-table-list tr:after { content:""; display:block; clear: both; } */
 /* #contentPc .detail-table-list td { display:block; width:100%; padding: 0; border-width:0; text-align:left; } */
/* 버튼없이 가득찰때 */
#contentPc .detail-table-list.type-full tr { padding: 15px 20px; } 

/* 공고정보 */
#contentPc .detail-table-list td.title { width: auto; } 
#contentPc .detail-table-list td .title-info { max-width: none; } 
/* 모집지역 */
#contentPc .detail-table-list td .region-box { overflow: hidden; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; } 
#contentPc .detail-table-list td .region-box::after { content:""; display: block; clear: both; } 
#contentPc .detail-table-list td .region-box .region { float:left; padding-bottom: 0; padding-right: 11px; } 
#contentPc .detail-table-list td .region-box .region::before { top:calc(50% - 5px); left: auto; right: 5px; bottom: auto; width: 1px; height: 10px; background-color: #bbbbbb; } 
/* 지원하기 버튼 */
#contentPc .detail-table-list td .btn-apply { position: absolute; top: calc(50% - 20px); right: 0; } 
#contentPc .detail-table-list td.status { position: absolute; top: 50%; right: 0; width: auto; transform: translateY(-50%); } 
/* 수락하기,거절하기 버튼 */
#contentPc .detail-table-list td .btn-accept { position: absolute; bottom: calc(50% + 5px); right: 0; } 
#contentPc .detail-table-list td .btn-refuse { position: absolute; top: calc(50% + 5px); right: 0; } 
/* 게시글 선택 박스 */
#contentPc .detail-table-list td.chck { margin-bottom: 5px; } 
#contentPc .detail-table-list td.chck .check { display: block; } 
#contentPc .detail-table-list td.chck .check > label { display: block; height: 20px; } 

/* 숨김처리 */
#contentPc .detail-table-list td.m-hide { display: none; } 
/* 구분선 */
#contentPc .detail-table-list td.divide { margin-top: 9px; padding-top: 9px; border-top: 2px dashed #E3E6F0; } 

/* 모바일 타이틀 박스 */
#contentPc .detail-table-list td .mo-tit-box .tit { display: block; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 상세검색 - 갤러리형 리스트
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .detail-gallery-list { display: block; } 
#contentPc .detail-gallery-list .list-wrap { display: block; margin: 0 -15px; } 
#contentPc .detail-gallery-list .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .detail-gallery-list .list-wrap > li { display: block; float: left; width: 25%; margin-bottom: 30px; padding: 0 15px; } 
#contentPc .detail-gallery-list .list-wrap > li .item { display: block; position: relative; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 20px 20px 0; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils::after { content:""; display: block; clear: both; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils .util-date { float: left; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils .util-scrap { float: right; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils .util-scrap .btn-scrap { display:block; width: 30px; height: 30px; border-radius: 50%; background-color: rgba(0,0,0,0.5); background-image: url(../images/sub/i_bod_scrap_wh.svg); background-repeat: no-repeat; background-position: center; background-size: 12px 17px; } 
#contentPc .detail-gallery-list .list-wrap > li .item .utils .util-scrap .btn-scrap.on { background-color: #304086; } 
#contentPc .detail-gallery-list .list-wrap > li .item .img-box { display: block; overflow: hidden; position: relative; height: 250px; } 
#contentPc .detail-gallery-list .list-wrap > li .item .img-box > img { position: absolute; top: 0; left: 50%; max-width: unset; width: auto; height: 100%; transform: translateX(-50%); } 

#contentPc .detail-gallery-list .list-wrap > li .item .item-con { display: block; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .title { display: block; height: 50px; line-height: 50px; color: #000000; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .title > strong { display: inline-block; line-height: 1; font-weight: 600; font-size: 1rem; vertical-align: middle; } 

#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list { display: block; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li { display: block; margin-bottom: 5px; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li:last-child { margin-bottom: 0; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li::after { content:""; display: block; clear: both; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-tit { display:block; float: left; width: 60px; padding: 4px 0; line-height: 1; font-weight: 600; font-size: 15px; /*14px; */ } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt { display: block; overflow: hidden; line-height: 1; font-size: 15px; /*14px; */ } 

#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .pay-box { display: block; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .pay-box .label { margin-right: 5px; line-height: 1; font-weight: 400; font-size: 15px; /*14px; */ } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .pay-box .pay { display:inline-block; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .date-box { display: block; white-space: nowrap; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .date-box > span { display: inline-block; padding: 4px 0; line-height: 1; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box { display: block; overflow: hidden; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box::after { content:""; display: block; clear: both; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box > span { display: block; padding: 4px 0; line-height: 1; font-size: 15px; /*14px; */ } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box .region { float: left; position: relative; padding-right: 11px; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box .region::before { content:""; position: absolute; top: calc(50% - 5px); right: 5px; width: 1px; height: 10px; background-color: #bbbbbb; } 
#contentPc .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box .company { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 

#contentPc .detail-gallery-list .list-wrap > li .item .item-con .btn-apply { display:block; width: 100%; margin-top: 10px; border-radius: 5px; } 

@media screen and (max-width: 1280px){
 #contentPc .detail-gallery-list .list-wrap { margin: 0 -8px; } 
#contentPc .detail-gallery-list .list-wrap > li { margin-bottom: 16px; padding: 0 8px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .detail-gallery-list .list-wrap { margin: 0 -20px; } 
#contentPc .detail-gallery-list .list-wrap > li { width: 50%; margin-bottom: 40px; padding: 0 20px; } 
#contentPc .detail-gallery-list .list-wrap > li .item .img-box > img { top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); } 
 }



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 모달 텍스트
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-alert { display: block; text-align: center; } 
#contentPc .mod-alert .tit { display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 모달 알림
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-alert { display: block; text-align: center; } 
#contentPc .mod-alert .tit { display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 모달 - 로그인 하러가기
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-alert-login { display: block; text-align: center; } 
#contentPc .mod-alert-login .tit { display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem; } 

/*-------------------------------------------------------------------
분류그룹 : 모듈 > 모달 - 로그인 하러가기
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .modal-popup .refuse-list { display: block; } 
#contentPc .modal-popup .refuse-list > li { margin-bottom: 20px; } 
#contentPc .modal-popup .refuse-list > li:last-child { margin-bottom: 0; } 
#contentPc .modal-popup .refuse-list > li .check,
#contentPc .modal-popup .refuse-list > li .check > label,
#contentPc .modal-popup .refuse-list > li .check > span { display: block; } 
#contentPc .modal-popup .refuse-list > li .list-tit { display: block; margin-bottom: 5px; font-weight: 500; font-size: 1rem; } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리정보 - 지원하기
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-resume-modal { display: block; } 
#contentPc .mod-resume-modal .list-wrap { display: block; } 
#contentPc .mod-resume-modal .list-wrap .item { display: block; margin-bottom: 20px; padding: 15px; border: 2px solid #E3E6F0; border-radius: 5px; } 
#contentPc .mod-resume-modal .list-wrap .item:last-child { margin-bottom: 0; } 
#contentPc .mod-resume-modal .list-wrap .item::after { content: ""; display: block; clear: both; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box { float: left; width: calc(100% - 135px); height:100px; margin-right:15px; padding: 10px 15px 10px 0; border-right: 2px dashed #E3E6F0; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .cap { display: block; margin-bottom: 12px; font-weight: 600; font-size: 1rem; color:#777777; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .cap > span.type-a { color: #14663D; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .cap > span.type-b { color: #304086; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box { display:block; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box::after { content:""; display: block; clear: both; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box .th { float:left; position: relative; margin-right: 4px; padding-right: 6px; line-height: 20px; font-weight:600; font-size: 1rem; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box .th::before { content:""; position: absolute; top: 0; right: 0; height: 100%; border-right: 2px solid #E3E6F0; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box .tit { display: block; overflow: hidden; padding-right:20px; line-height: 20px; font-weight:600; font-size: 1.25rem; white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit { background-image: url(../images/sub/i_modal_link.svg); background-repeat: no-repeat; background-position: center right 1px; background-size: 14px; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .info { display: block; margin-top: 8px; font-size: 14px; color: #77787e; } 
#contentPc .mod-resume-modal .list-wrap .item .btn-box { display: block; overflow: hidden; } 
#contentPc .mod-resume-modal .list-wrap .item .btn-box .btn { width: 120px; height: 100px; padding: 4px; border-radius: 5px; font-weight:600; font-size: 1.125rem; } 

/* interaction */
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit { transition: background 0.3s, color 0.3s; } 
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit:focus,
#contentPc .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit:hover { color: #14663D; background-image: url(../images/sub/i_modal_link_on.svg); } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > form section
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-form-section { margin-bottom: 40px; } 
#contentPc .mod-form-section .title-box { margin-bottom: 20px; } 
#contentPc .mod-form-section .title-box .title-01 { display: inline-block; margin-right: 20px; vertical-align: middle; } 
#contentPc .mod-form-section .title-box .info { display: inline-block; color: #5b5b5b; vertical-align: middle; } 
#contentPc .mod-form-section .title-box .info-2 { display: inline-block; color: #5b5b5b; vertical-align: middle; } 
#contentPc .mod-form-section .title-box .radio { margin-right: 20px; } 
#contentPc .mod-form-section .title-box .radio > span,
#contentPc .mod-form-section .title-box .radio > label { font-weight: 700; } 

#contentPc .mod-form-section .title-box-2 { margin-bottom: 20px; } 
#contentPc .mod-form-section .title-box-2::after { content:""; display: block; clear: both; } 
#contentPc .mod-form-section .title-box-2 .title-01 { float: left; margin-right: 20px; } 
#contentPc .mod-form-section .title-box-2 .title-01 .info { display:inline-block; margin-left: 10px; font-weight: 400; font-size: 14px; vertical-align: middle; color: #5b5b5b; } 
#contentPc .mod-form-section .title-box-2 .title-02 { float: left; margin-right: 20px; } 
#contentPc .mod-form-section .title-box-2 .utils { float: right; } 
#contentPc .mod-form-section .title-box-2 .utils::after { content:""; display: block; clear: both; } 
#contentPc .mod-form-section .title-box-2 .utils > li { float:left; margin-right: 10px; } 
#contentPc .mod-form-section .title-box-2 .utils > li:last-child { margin-right: 0; } 
/* #contentPc .mod-form-section .title-box-2 .utils > li .btn { min-height: 25px; padding: 2px 20px; border-radius: 5px; line-height: 21px; font-weight: 500; font-size: 14px; } */
#contentPc .mod-form-section .section-item { display: block; margin-bottom: 25px; } 
#contentPc .mod-form-section .section-item:last-child { margin-bottom: 0; } 

#contentPc .mod-form-section .mod-txt-box { display: block; } 
#contentPc .mod-form-section .mod-txt-box .txt { font-weight: 500; } 

/** 날씨정보(S) **/
.weather-content { width:100%; overflow:hidden; } 
.weather-content ul { width:100%; display:flex; align-items:stretch; justify-content: space-between; border:1px solid #E3E6F0; overflow-x:auto; } 
.weather-content ul li { display:flex; align-items:stretch; justify-content: center; width:100%; flex:1; border-right:1px solid #E3E6F0; } 
.weather-content ul li:last-child { margin-right:0; border-right:0; } 
.weather-content ul li .weather-week { width:100%; overflow:hidden; } 
.weather-content ul li .weather-week .w-df { width:100%; display:block; height:78px; } 
.weather-content ul li .weather-week .w-df .w-day { text-align:center; padding:10px; border-bottom:1px solid #E3E6F0; display:flex; align-items:center; justify-content: center; height:50%; } 
.weather-content ul li .weather-week .w-df .w-day p { font-size:14px; font-weight:bold; } 
.weather-content ul li .weather-week .w-df .w-day-half { display:flex; align-items: center; border-bottom:1px solid #E3E6F0; height:50%; } 
.weather-content ul li .weather-week .w-df .w-day-half p { padding:10px; flex:1; text-align:center; font-size:14px; height:100%; } 
.weather-content ul li .weather-week .w-df .w-day-half p:first-child { border-right:1px solid #E3E6F0; } 
.weather-content ul li .weather-week .w-day-half-img { border-bottom:1px solid #E3E6F0; display:flex; } 
.weather-content ul li .weather-week .w-day-half-img .weather-item { flex:1; } 
.weather-content ul li .weather-week .w-day-half-img .weather-item:first-child { border-right:1px solid #E3E6F0 } 
.weather-content ul li:nth-of-type(1),
.weather-content ul li:nth-of-type(2),
.weather-content ul li:nth-of-type(3),
.weather-content ul li:nth-of-type(4),
.weather-content ul li:nth-of-type(5) { flex:2; } 
.weather-content ul li:nth-of-type(6),
.weather-content ul li:nth-of-type(7),
.weather-content ul li:nth-of-type(8) { flex:1; } 
.weather-content ul li:nth-of-type(6) .weather-week .w-day-half-img .weather-item:first-child,
.weather-content ul li:nth-of-type(7) .weather-week .w-day-half-img .weather-item:first-child,
.weather-content ul li:nth-of-type(8) .weather-week .w-day-half-img .weather-item:first-child { border-right:0; } 
.weather-content ul li .weather-week .w-degree { padding:10px; text-align:center; } 
.weather-content ul li .weather-week .w-degree p { font-size:16px; font-weight:Bold; } 
.weather-content ul li .weather-week .w-degree p .blue { color:#2c80b9; } 
.weather-content ul li .weather-week .w-degree p .red { color:#EE2F4C; } 
.weather-content ul li .weather-item { width:100%; text-align:center; padding:10px 5px; } 
.weather-content ul li .weather-item .weather-img { display:inline-block; height:35px; overflow:hidden; display:flex; align-items:center; justify-content: center; margin:5px 0; } 
.weather-content ul li .weather-item .weather-img img { width:32px; } 
.weather-content ul li .weather-item .text-wc { font-size:16px; font-weight:bold; } 
/** 날씨정보(E) **/



/*-------------------------------------------------------------------
분류그룹 : 모듈 > form 형식
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 모듈 > form 형식 > vertical 형식 form (등록, 수정, 화면)
-------------------------------------------------------------------*/
#contentPc .mod-form-list { display: block; border-top: 1px solid #000000; } 
#contentPc .mod-form-list + .mod-form-list { margin-top: 20px; } 
#contentPc .mod-form-list li.form { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-form-list li.form .form-title { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width: 150px; min-height: 60px; padding: 10px; background-color: #F3F5F9; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-form-list li.form .form-title .form-tit { margin: 0 auto; line-height: 1.3; text-align: center; } 
#contentPc .mod-form-list li.form .form-content { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width:calc(100% - 150px); min-height: 60px; padding: 10px 10px 0; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-form-list li.form .form-content .form-sub-tit { margin-bottom:5px; font-weight:bold; } 
#contentPc .mod-form-list li.form .form-content .txt { padding-bottom: 10px; font-size: 1rem; color: #000000; } 
#contentPc .mod-form-list li.form .form-content > .grid { width: 100%; } 
#contentPc .mod-form-list li.form .form-content > .grid .row { -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 

#contentPc .mod-form-list li.form .form-content .date-box { max-width: 180px; } 

#contentPc .mod-form-list li.form .sub-form { display:flex; align-items: center; padding: 0 0px 0px; } 
#contentPc .mod-form-list li.form .sub-form .form-title { background:none; padding:0; min-height:unset; word-break: keep-all; padding: 0 5px 10px; } 
#contentPc .mod-form-list li.form .sub-form .form-item { display:flex; align-items: center; gap:10px; } 
#contentPc .mod-form-list li.form .sub-form .form-item > div { display:flex; align-items: center; gap:10px; padding: 0 0px 0px; flex:1; } 
#contentPc .mod-form-list li.form .sub-form .form-item .col-tit { word-break: keep-all; width:20%; margin-right:5px; } 
#contentPc .mod-form-list li.form .sub-form .form-item input { width:100%; } 

/* #contentPc .mod-form-list li.form .form-content.single { width:100%; border:2px solid blue; padding:0; } */
/* #contentPc .mod-form-list li.form .form-content.single .row { border:2px solid green; flex-direction: column; } */
#contentPc .mod-form-list li.form .fc-wrap { width:calc(100% - 220px); } 
#contentPc .mod-form-list li.form .fc-wrap .form-content { width:100%; } 
#contentPc .mod-form-list li.form .fc-wrap .form-content.single .grid .row { width:100%; } 


#contentPc .mod-form-list li.form .form-content > .grid .row.multiple-section { align-items: baseline; } 
#contentPc .mod-form-list li.form .form-title.wd-100 { background:#efefef; display: flex; align-items: center; justify-content: center; gap:10px; } 
#contentPc .mod-form-list li.form .form-title.wd-100 .form-tit { font-size:18px; margin:unset; } 
#contentPc .mod-form-list li.form .form-title.wd-100 .btn { max-width:80px; font-size:14px; min-height:28px; line-height:26px; border-radius:5px; } 

@media screen and (max-width: 1024px){
 #contentPc .mod-form-list li.form .form-content > .grid .row.multiple-section .col-6 { width:100%; } 
 #contentPc .mod-form-list li.form .fc-wrap { width:calc(100% - 150px); } 
 }

@media screen and (max-width: 1024px){
 #contentPc .work-list .mod-client-list-con { height: auto } 
 }


/*-------------------------------------------------------------------
분류그룹 : 모듈 > form 형식 > 테이블 형식 form (가로형태 - 자격증, 등록, 수정, 화면)
-------------------------------------------------------------------*/
#contentPc .mod-form-table { display:table; width: 100%; border-top: 1px solid #000000; } 
#contentPc .mod-form-table .form-head { display: table-header-group; } 
#contentPc .mod-form-table .form-body { display: table-row-group; } 
#contentPc .mod-form-table .tr { display: table-row; } 
#contentPc .mod-form-table .th { display: table-cell; padding: 10px 15px; border-bottom: 1px solid #E3E6F0; background-color: #F3F5F9; font-weight: 600; text-align: center; vertical-align: middle; } 
#contentPc .mod-form-table .th > span { display: inline-block; vertical-align: middle; } 
#contentPc .mod-form-table .td { display: table-cell; padding: 10px 5px; border-bottom: 1px solid #E3E6F0; text-align: center; vertical-align: middle; } 
#contentPc .mod-form-table .td .td-tit { display: none; } 
#contentPc .mod-form-table .td .td-con { text-align: center; } 

#contentPc .mod-form-table .td.w-1 { width: 8.3333%; } 
#contentPc .mod-form-table .td.w-2 { width: 16.6666%; } 
#contentPc .mod-form-table .td.w-3 { width: 25%; } 
#contentPc .mod-form-table .td.w-4 { width: 33.3333%; } 
#contentPc .mod-form-table .td.w-5 { width: 41.6667%; } 
#contentPc .mod-form-table .td.w-6 { width: 50%; } 
#contentPc .mod-form-table .td.w-7 { width: 58.3333%; } 
#contentPc .mod-form-table .td.w-8 { width: 66.6667%; } 
#contentPc .mod-form-table .td.w-9 { width: 75%; } 
#contentPc .mod-form-table .td.w-10 { width: 83.3334%; } 
#contentPc .mod-form-table .td.w-11 { width: 91.6667%; } 
#contentPc .mod-form-table .td.w-12 { width: 100%; } 
#contentPc .mod-form-table .td .intxt,
#contentPc .mod-form-table .td .select { display:block; width: 100%; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > form 형식 > 작물 컬럼 추가
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .crops-box { } 
#contentPc .crops-box .crops-column { } 
#contentPc .crops-box .crops-column + .crops-column { padding-top: 10px; border-top: 1px solid #E3E6F0; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > form 형식 > 지역 컬럼 추가
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .workplace-box { } 
#contentPc .workplace-box .workplace-column { } 
#contentPc .workplace-box .workplace-column + .workplace-column { padding-top: 10px; border-top: 1px solid #E3E6F0; } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 하단 버튼
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-btn-wrap { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; } 
#contentPc .mod-btn-wrap.type-start { -webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } 
#contentPc .mod-btn-wrap.type-end { -webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } 
#contentPc .mod-btn-wrap .btn-group { -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .mod-btn-wrap .btn-group .g-item .btn { display: block; min-width: 120px; } 
#contentPc .mod-btn-wrap .btn-group .g-item .btn.type-lg { min-width: 150px; } 
#contentPc .mod-btn-wrap.posi-rel { position:relative; } 
#contentPc .mod-btn-wrap.posi-rel .btn-group.pa-left { position:absolute; top:0; left:0; } 
#contentPc .mod-btn-wrap.posi-rel .btn-group.pa-right { position:absolute; top:0; right:0; } 





/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 정보 > 채용정보
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .job-detail-area { display: block; } 

#contentPc .mod-job-section { display: block; padding-top: 40px; } 
/* 채용정보 테이블 */
#contentPc .mod-job-section .job-table-box { table-layout: fixed; } 
/* 상세정보 컨텐츠 */
#contentPc .mod-job-section .detail-content-wrap { display:block; min-height: 200px; border: 1px solid #E3E6F0; border-top: 1px solid #000000; padding: 20px; word-break: break-all; } 

/* 채용정보 지도 탭 */
#contentPc .mod-job-section .map-tab-box { margin-bottom: 20px; } 
#contentPc .mod-job-section .map-tab-box .list-wrap { display: block; } 
#contentPc .mod-job-section .map-tab-box .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mod-job-section .map-tab-box .list-wrap > li { display:block; float: left; margin-right: 40px; } 
#contentPc .mod-job-section .map-tab-box .list-wrap > li:last-child { margin-right: 0; } 
#contentPc .mod-job-section .map-tab-box .list-wrap > li .btn-tab { display:block; position:relative; width: 100%; min-height: 40px; padding:3px 0; background:#ffffff; line-height: 32px; font-weight: 500; font-size: 1.125rem; text-align: center; color:#4e5b6f; } 
#contentPc .mod-job-section .map-tab-box .list-wrap > li .btn-tab.active { color:#14663D; } 
#contentPc .mod-job-section .map-tab-box .list-wrap > li .btn-tab > span { display: inline-block; line-height: 1; vertical-align: middle; } 


/* 채용정보 맨위로 버튼 */
#contentPc .mod-job-section .btn-doc-top { display: block; width: 100%; } 
#contentPc .mod-job-section .btn-doc-top > span { padding-right: 25px; background-image: url(../images/sub/i_detail_top.svg); background-repeat: no-repeat; background-position: top 4px right; background-size: 12px; } 


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 채용정보 상단 요약
-------------------------------------------------------------------*/
#contentPc .mod-job-summary { display: block; margin-bottom: 50px; } 
#contentPc .mod-job-summary .summary-info .con-head { display: block; padding: 20px; border: 1px solid #E3E6F0; background-color: #F3F5F9; } 
#contentPc .mod-job-summary .summary-info .con-head .title { display: block; position: relative; padding-left: 25px; font-weight: 600; font-size: 1.125rem; } 
#contentPc .mod-job-summary .summary-info .con-head .title::before { content:""; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-color: #4B9CD4; } 
#contentPc .mod-job-summary .summary-info .con-head .title::after { content:""; position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background-color: #72BD9C; } 

#contentPc .mod-job-summary .summary-info .con-body { display: table; width: 100%; table-layout: fixed; border-right: 1px solid #E3E6F0; } 
#contentPc .mod-job-summary .summary-info .con-body .item { display: table-cell; padding: 20px; border-left: 1px solid #E3E6F0; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-tit { display: block; margin-bottom: 15px; font-weight: 600; font-size: 1.125rem; color: #000000; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list { display: block; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li { display: block; margin-bottom: 5px; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li::after { content:""; display: block; clear: both; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li .list-tit { display: block; float: left; width: 60px; padding: 4px 0; font-weight: 500; font-size: 15px; /*14px; */ color: #5b5b5b; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li .list-con { display: block; overflow: hidden; color: #000000; font-size: 15px; /*14px; */ } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li .list-con .txt { display:inline-block; padding: 4px 0; } 
#contentPc .mod-job-summary .summary-info .con-body .item .item-list > li .list-con .label { font-size: 15px; /*14px; */ } 

#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list { display: block; margin: 0 -15px; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list::after { content:""; display: block; clear: both; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li { display:block; float: left; width: 33.3333%; padding: 0 15px; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon { display: block; width: 100%; margin-bottom: 10px; padding-top: 100%; border-radius: 50%; background-color: #14663D; background-repeat: no-repeat; background-position: center; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply01 { background-image: url(../images/sub/i_job_welfare_01.svg); } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply02 { background-image: url(../images/sub/i_job_welfare_02.svg); } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply03 { background-image: url(../images/sub/i_job_welfare_03.svg); } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .tit { display: block; font-weight: 600; font-size: 15px; /*14px; */ color: #000000; text-align: center; } 

#contentPc .mod-job-summary .btn-wrap { display: block; margin-top: 30px; line-height: 1; text-align: center; } 
#contentPc .mod-job-summary .btn-wrap .btn-list { display: inline-block; vertical-align: middle; } 
#contentPc .mod-job-summary .btn-wrap .btn-list::after { content:""; display: block; clear: both; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li { display: block; float: left; margin-right: 10px; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li:last-child { margin-right: 0; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li .btn { min-width: 170px; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li .btn-scrap { display: block; min-width: 120px; height: 40px; padding: 4px 0; border: 2px solid #DA3938; font-weight: 600; font-size: 1rem; background-color: #ffffff; color: #000000; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li .btn-scrap.active { border-color: #DA3938; background-color: #DA3938; color: #ffffff; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li .btn-scrap > span { display: inline-block; padding-left: 25px; background-image: url(../images/sub/i_job_scrap.svg); background-repeat: no-repeat; background-position: center left; background-size: 16px; line-height: 28px; vertical-align: middle; } 
#contentPc .mod-job-summary .btn-wrap .btn-list > li .btn-scrap.active > span { background-image: url(../images/sub/i_job_scrap_on.svg); } 

@media screen and (max-width: 1280px){
 #contentPc .mod-job-summary .summary-info .con-head { padding: 15px; } 
#contentPc .mod-job-summary .summary-info .con-body .item { padding: 15px; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list { margin: 0 -5px; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li { padding: 0 5px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-job-summary .summary-info .con-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .mod-job-summary .summary-info .con-body .item { display: block; width: 50%; } 
#contentPc .mod-job-summary .summary-info .con-body .item.info03 { width: 100%; } 
#contentPc .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon { width: auto; height: 60px; padding-top: 0; border-radius: 5px; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 채용정보 네비게이션
-------------------------------------------------------------------*/
#contentPc .mod-job-nav { display: block; } 
#contentPc .mod-job-nav.active { height: 55px; } 
#contentPc .mod-job-nav .nav-wrap { display:block; overflow-x: auto; overflow-y: hidden; } 
#contentPc .mod-job-nav .nav-wrap.fixed { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex !important; max-width: 1280px; width: 100%; margin: 0 auto; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap > li { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 0; flex-grow: 1; flex-basis: 0; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap > li .btn-nav { display:block; position:relative; width: 100%; min-height: 55px; padding:3px 8px; border-top: 2px solid #F3F5F9; border-bottom: 2px solid #14663D; border-left: 0; border-right: 0; background:#F3F5F9; line-height: 45px; font-weight: 500; font-size: 1rem; text-align: center; color:#4e5b6f; white-space: nowrap; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap > li:first-child .btn-nav { border-left:1px solid #E3E6F0; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap > li .btn-nav.active { padding-bottom: 5px; border: 2px solid #14663D; border-bottom: 0; background-color: #ffffff; color:#14663D; } 
#contentPc .mod-job-nav .nav-wrap .list-wrap > li .btn-nav > span { display: inline-block; line-height: 1; vertical-align: middle; } 

/*-------------------------------------------------------------------
분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 하단 게시글 리스트
-------------------------------------------------------------------*/
#contentPc .bod-post-list { border-top: 2px solid #000000; border-bottom: 2px solid #000000; } 
#contentPc .bod-post-list > li { height:60px; padding: 0 20px; border-bottom: 1px solid #E9E9E9; } 
#contentPc .bod-post-list > li:last-child { border-bottom: 0; } 
#contentPc .bod-post-list > li::after { content: ''; display: block; clear: both; } 
#contentPc .bod-post-list > li .l-box { display:block; float:left; position:relative; padding: 0 25px; background-repeat: no-repeat; background-position: center left; background-size: 12px; } 
#contentPc .bod-post-list > li.next .l-box { background-image: url(../images/sub/i_post_next.svg); } 
#contentPc .bod-post-list > li.prev .l-box { background-image: url(../images/sub/i_post_prev.svg); } 
#contentPc .bod-post-list > li .l-box::after { content: ''; position: absolute; top:50%; right: 0; width: 1px; height: 12px; background: #e9e9e9; transform: translateY(-50%); } 
#contentPc .bod-post-list > li .l-box .tit { display: block; line-height: 60px; font-weight: 600; font-size: 15px; /*14px; */ color:#000; } 

#contentPc .bod-post-list > li .r-box { display:block; overflow: hidden; padding-left: 25px; } 
#contentPc .bod-post-list > li .r-box .btn-post { display: block; overflow:hidden; font-weight: 400; font-size: 15px; /*14px; */ color:#000000; } 
#contentPc .bod-post-list > li .r-box .btn-post::after { content:""; display: block; clear: both; } 
#contentPc .bod-post-list > li .r-box .btn-post .txt { display: block; overflow:hidden; float: left; width: calc(100% - 100px); line-height: 60px; text-overflow: ellipsis; white-space: nowrap; } 
#contentPc .bod-post-list > li .r-box .btn-post .date { display: block; overflow: hidden; line-height: 60px; text-align: right; } 
#contentPc .bod-post-list > li .r-box .btn-post .label { margin-right: 10px; font-size: 15px; /*14px; */ } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 농업기술 게시판 (미사용)
-------------------------------------------------------------------*/
#contentPc .mod-infotech-list-con { display: block; } 
#contentPc .mod-infotech-list-con .btn-modal-attach { display: inline-block; position: relative; height:25px; padding-left:25px; background-color: transparent; vertical-align: middle; } 
#contentPc .mod-infotech-list-con .btn-modal-attach::before { content:""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url('../images/common/i_label_attch.svg'); background-repeat: no-repeat; background-position: center left; background-size: contain; } 
#contentPc .mod-infotech-list-con .btn-modal-attach > span { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 

#contentPc .mod-infotech-list-con .btn-modal-video { display: inline-block; position: relative; height:25px; padding-left:25px; background-color: transparent; vertical-align: middle; transition: background 0.3s; } 
#contentPc .mod-infotech-list-con .btn-modal-video > span { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .mod-infotech-list-con .btn-modal-video::before { content:""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; border-radius: 50%; background-color: #14663D; } 
#contentPc .mod-infotech-list-con .btn-modal-video::after { content:""; position: absolute; top: 6.5px; left: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ffffff; } 




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 농업정보 > 농업기술 / 안전교육 게시판
-------------------------------------------------------------------*/
#contentPc .mod-infotech-list-con { display: block; } 
#contentPc .mod-infotech-list-con .gallery-list { display: block; margin: 0 -15px; } 
#contentPc .mod-infotech-list-con .gallery-list::after { content:""; display: block; clear: both; } 
#contentPc .mod-infotech-list-con .gallery-list > li { display: block; float: left; width: 33.333%; margin-bottom: 30px; padding: 0 15px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .img-box { display: block; overflow: hidden; position: relative; height: 250px; background-color: #E3E6F0; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .img-box > img { position: absolute; top: 0; left: 50%; max-width: none; width: auto; height: 100%; transform: translateX(-50%); } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con { display: block; padding: 20px; border: 1px solid #E3E6F0; border-top: 0; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .title { display: block; overflow: hidden; font-weight: 600; font-size: 1rem; color: #000000; /*line-height: 1; */ white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info { margin-top: 10px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info::after { content:""; display: block; clear: both; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li { display: block; margin-bottom: 5px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li::after { content:""; display: block; clear: both; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li:last-child { margin-bottom: 0; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .label-box { float: left; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .label-box .label { font-size: 14px; line-height: 1; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title { display: block; overflow: hidden; padding: 4px 0 4px 10px; font-size: 14px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period { white-space: normal; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span { display: inline-block; vertical-align: middle; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span.split { padding: 0 5px; } 
/* 농업 기술 */
#contentPc .mod-infotech-list-con .gallery-list > li .item .img-box.video::before { content:""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; border-radius: 50%; background-color: #14663D; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .img-box.video::after { content:""; position: absolute; top: 6.5px; left: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ffffff; } 

@media screen and (max-width: 1280px){
 #contentPc .mod-infotech-list-con .gallery-list { margin: 0 -5px; } 
#contentPc .mod-infotech-list-con .gallery-list > li { margin-bottom:10px; padding: 0 5px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con { padding: 20px 15px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-infotech-list-con .gallery-list > li .item .img-box { height: 220px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con { padding: 15px 10px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period { font-size: 12px; } 
#contentPc .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span.split { padding: 0 3px; } 
 }




/*-------------------------------------------------------------------
분류그룹 : 모듈 > 안전정보 > 안전지침 / 귀농귀촌
-------------------------------------------------------------------*/
#contentPc .mod-tab-wrap { } 
#contentPc .mod-tab-wrap .tab-box.type-drop { } 
#contentPc .mod-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab { min-height: 55px; line-height: 43px; } 


#contentPc .mod-infotech2-list-con { } 
/* 안전지침 */
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title { display: block; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .tit { display: block; font-weight: 700; font-size: 1rem; text-align: left; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .cate { display: block; margin-top: 10px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .cate > li { display: block; float: left; margin-right: 10px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .cate > li::after { content:''; display: block; clear: both; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .cate > li .label { float: left; margin-right: 10px; font-size: 14px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .info-title .cate > li .cate-con { display: block; overflow: hidden; padding: 4px 0; font-weight: 500; font-size: 14px; } 
/* 귀농귀촌 */
#contentPc .mod-infotech2-list-con .mod-table-list td.title-2 { width: 60%; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box { display: block; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box::after { content:''; display: block; clear: both; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box > li { display: block; margin-bottom: 5px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box > li::after { content:''; display: block; clear: both; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box > li:last-child { margin-bottom: 0; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box > li .label { display: block; float: left; min-width: 55px; font-size: 14px; text-align: center; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .region-box > li .ls-con { display: block; overflow: hidden; padding: 4px; font-size: 14px; text-align: left; } 

#contentPc .mod-infotech2-list-con .mod-table-list td .course-info { display: block; text-align: left; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .tit { display: block; font-weight: 700; font-size: 1rem; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate { display: block; margin-top: 5px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate::after { content:''; display: block; clear: both; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li { display: block; float: left; padding: 5px 15px 5px 0; color: #5b5b5b; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:last-child { padding-right: 0; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li .cate-tit { display:block; float: left; position: relative; margin-right: 4px; padding-right: 5px; font-weight: 700; font-size: 14px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li .cate-tit::before { content:''; position: absolute; top: calc(50% - 7px); right: 0; width: 1px; height: 14px; background-color: #5b5b5b; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li .cate-con { display: block; overflow: hidden; font-weight: 500; font-size: 14px; } 

@media screen and (max-width: 1200px){
 #contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate { max-width: 500px; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li { width: 45%; } 
#contentPc .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:nth-child(even) { width: 55%; padding-right: 0; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 마이페이지
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 마이페이지 홈
-------------------------------------------------------------------*/
#contentPc .mypage-area { display: block; } 

/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 마이페이지 홈 > 마이페이지 dashboard
-------------------------------------------------------------------*/
#contentPc .my-dashboard { display: block; margin-bottom: 25px; border: 1px solid #E3E6F0; } 
#contentPc .my-dashboard::after { content:""; display: block; clear: both; } 
#contentPc .my-dashboard .profile { display: block; float: left; width: 250px; height: 250px; border-right: 1px solid #E3E6F0; background-color: #F3F5F9; } 
#contentPc .my-dashboard .profile .img-box { display: block; width: 150px; height: 150px; margin: 20px auto 0; border: 5px solid #14663D; border-radius: 50%; background: #ffffff url(../images/common/img_profile.png) no-repeat center; } 
#contentPc .my-dashboard .profile .txt-box { display: block; padding: 0 10px; text-align: center; } 
#contentPc .my-dashboard .profile .txt-box .cap { display: block; margin-top: 12px; color: #5b5b5b; } 
#contentPc .my-dashboard .profile .txt-box .user { display: block; margin-top: 5px; font-weight: 600; font-size: 1.25rem; color: #000000; } 

#contentPc .my-dashboard .info-box { display: block; overflow: hidden; height: 250px; padding: 0 50px; } 
#contentPc .my-dashboard .info-box .list-wrap { padding-top: 40px; margin: 0 -15px; } 
#contentPc .my-dashboard .info-box .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .my-dashboard .info-box .list-wrap > li { display: block; float: left; width: 16.6667%; padding: 0 15px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item { display:block; position: relative; width: 100%; border: 10px solid #F3F5F9; border-radius: 100%; background-color: #ffffff; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item::before { content:""; display: block; padding-top: 100%; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item .num { overflow: hidden; position: absolute; top: 50%; left: 50%; height: 50px; line-height: 50px; font-weight: 800; font-size: 2.5rem; color: #000000; transform: translate(-50%, -50%); } 

#contentPc .my-dashboard .info-box .list-wrap > li .link-item { display:block; position: relative; width: 100%; border: 1px dashed #B0B0B0; border-radius: 100%; background-color: #ffffff; } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item::before { content:""; display: block; padding-top: 100%; } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item::after { content:""; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item.resume::after { background-image: url(../images/sub/i_mypage_resume.svg); } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item.set::after { background-image: url(../images/sub/i_mypage_setting.svg); } 

#contentPc .my-dashboard .info-box .list-wrap > li .item-title { display: block; margin-top: 15px; font-weight: 600; color: #000000; text-align: center; } 

/* interaction */
/* 최신 */
#contentPc .my-dashboard .info-box .list-wrap > li .info-item .num { transition: color 0.3s; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item:focus .num,
#contentPc .my-dashboard .info-box .list-wrap > li .info-item:hover .num { color: #14663D; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item.new { border-color: #14663D; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item.new::after { content:"N"; position: absolute; top: 0; right: 0; width: 25px; height: 25px; border-radius: 50%; background-color: #EE2F4C; line-height: 25px; font-weight:600; font-size: 13px; color: #ffffff; text-align: center; } 

#contentPc .my-dashboard .info-box .list-wrap > li .link-item { transition: border 0.2s, box-shadow 0.3s; box-shadow: 5px 5px 8px 0 rgba(0,0,0,0); } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item:focus,
#contentPc .my-dashboard .info-box .list-wrap > li .link-item:hover { border: 3px solid #14663D; box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.1); } 

@media screen and (max-width: 1320px){
 #contentPc .my-dashboard .info-box { padding: 0 20px; } 
#contentPc .my-dashboard .info-box .list-wrap { margin: 0 -10px; } 
#contentPc .my-dashboard .info-box .list-wrap > li { padding: 0 10px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item .num { font-size: 1.75rem; } 
 }
@media screen and (max-width: 1200px){
 #contentPc .my-dashboard .info-box .list-wrap { margin: 0 -5px; padding-top: 55px; } 
#contentPc .my-dashboard .info-box .list-wrap > li { padding: 0 5px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .item-title { font-size: 14px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .my-dashboard .info-box .list-wrap { padding-top: 30px; } 
#contentPc .my-dashboard .info-box .list-wrap > li { width: 33.333%; margin-bottom: 15px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item { height: 70px; border-width:5px; border-radius: 20px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .link-item { height: 70px; border-radius: 20px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item::before,
#contentPc .my-dashboard .info-box .list-wrap > li .link-item::before { display: none; } 
#contentPc .my-dashboard .info-box .list-wrap > li .info-item.new::after { width: 20px; height: 20px; line-height: 20px; } 
#contentPc .my-dashboard .info-box .list-wrap > li .item-title { margin-top: 5px; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 마이페이지 홈 > 메뉴
-------------------------------------------------------------------*/
#contentPc .mypage-area .home-layout { display: block; margin-top: 25px; } 
#contentPc .mypage-area .home-layout::after { content:""; display: block; clear: both; } 
/* 메뉴 */
#contentPc .mypage-area .home-layout .home-menu { display: block; float: left; width: 250px; margin-right: 25px; border-top: 4px solid #208466; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap { display: block; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li { display: block; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a { display: block; position: relative; height: 50px; padding: 0 25px; border-left: 1px solid #E3E6F0; border-right: 1px solid #E3E6F0; background-color: #ffffff; line-height: 50px; font-weight: 600; color: #000000; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a > span { display: inline-block; vertical-align: middle; } 
/* 2차 메뉴 */
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 { display: none; padding: 20px 25px; border: 1px solid #E3E6F0; border-bottom: 0; background-color: #F3F5F9; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li { display: block; margin-bottom: 5px; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li:last-child { margin-bottom: 0; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a { display: block; position: relative; padding: 4px 0 4px 10px; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a::before { content:""; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background-color: #5b5b5b; } 

/* interaction */
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a { transition: color 0.3s, background 0.3s; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a:focus,
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a:hover, 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li.active > a { background-color: #14663D; color: #ffffff; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li.find > a::before { content:""; position: absolute; top: calc(50% - 3px); right: 12px; border-top: 6px solid #14663D; border-left: 6px solid transparent; border-right: 6px solid transparent; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li.find > a:focus::before,
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li.find > a:hover::before { border-top-color: #ffffff; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li.find.active > a::before { border-top-color: #ffffff; transform: scale(-1); } 

#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a { transition: color 0.3s; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:focus,
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:hover { color: #14663D; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a::before { transition: background 0.3s; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:hover::before { background-color: #14663D; } 

@media screen and (max-width: 1024px){
 #contentPc .mypage-area .home-layout .home-menu .list-wrap > li > a { padding: 0 25px 0 15px; } 
#contentPc .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 { padding: 15px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 마이페이지 홈 > 일자리 탭 및 컨텐츠
-------------------------------------------------------------------*/
#contentPc .mypage-area .home-layout .home-content { display: block; overflow: hidden; } 
#contentPc .mypage-area .home-layout .home-content .btn-bod-more { display: block; width: 100%; height: 45px; margin-top: 20px; line-height: 37px; } 
#contentPc .mypage-area .home-layout .home-content .btn-bod-more > span { display:inline-block; padding-right: 25px; color: #ffffff; vertical-align: middle; background: url(../images/sub/i_mypage_more.svg) no-repeat center right / 12px; } 

#contentPc .mypage-area .home-layout .home-content .tab-box .list-wrap > li .btn-tab { padding: 3px 10px; } 
@media screen and (max-width:1280px){
 #contentPc .mypage-area .home-layout .home-content .detail-table-list td.m-hide { display: none; } 

 #contentPc .mypage-area .home-layout .home-content .detail-table-list { display:block; border-top:1px solid #E3E6F0; } 
 #contentPc .mypage-area .home-layout .home-content .detail-table-list thead { display:none; } 
 #contentPc .mypage-area .home-layout .home-content .detail-table-list tbody { display:block; width:100%; } 
 #contentPc .mypage-area .home-layout .home-content .detail-table-list tr { display:block; position: relative; width:100%; padding: 15px 120px 15px 20px; border-bottom:1px solid #E3E6F0; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list tr::before { content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #14663D; } 
 #contentPc .mypage-area .home-layout .home-content .detail-table-list tr:after { content:""; display:block; clear: both; } 
 #contentPc .mypage-area .home-layout .home-content .detail-table-list td { display:block; width:100%; padding: 0; border-width:0; text-align:left; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td.title { width: auto; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td .region-box { overflow: hidden; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td .region-box::after { content:""; display: block; clear: both; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td .region-box .region { float:left; padding-bottom: 0; padding-right: 11px; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td .region-box .region::before { top:calc(50% - 5px); left: auto; right: 5px; bottom: auto; width: 1px; height: 10px; background-color: #bbbbbb; } 
#contentPc .mypage-area .home-layout .home-content .detail-table-list td .btn-apply { position: absolute; top: calc(50% - 20px); right: 0; } 


#contentPc .mypage-area .home-layout .home-content .detail-table-list td .title-info { max-width: none; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 맞춤 일자리 정보
-------------------------------------------------------------------*/
#contentPc .mod-tailor-info { display: block; } 
#contentPc .mod-tailor-info .title-box { margin-bottom: 20px; } 
#contentPc .mod-tailor-info .title-box::after { content:""; display: block; clear: both; } 
#contentPc .mod-tailor-info .title-box .title-01 { float: left; margin-right: 20px; } 
#contentPc .mod-tailor-info .title-box .title-01 > span { display:inline-block; vertical-align: middle; } 
#contentPc .mod-tailor-info .title-box .title-01 .info { margin-left: 10px; font-weight: 400; font-size: 14px; color: #5b5b5b; } 

#contentPc .mod-tailor-info .title-box .utils { float: right; } 
#contentPc .mod-tailor-info .title-box .utils::after { content:""; display: block; clear: both; } 
#contentPc .mod-tailor-info .title-box .utils > li { float:left; margin-right: 10px; } 
#contentPc .mod-tailor-info .title-box .utils > li:last-child { margin-right: 0; } 
#contentPc .mod-tailor-info .title-box .utils > li .btn { width: 100%; min-height: 30px; padding: 2px 20px; border-radius: 5px; line-height: 26px; font-weight: 500; font-size: 14px; } 


#contentPc .mod-tailor-list { display: block; margin-top: 40px; } 


/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 이력관리 > 이력관리 상세
-------------------------------------------------------------------*/
#contentPc .mod-job-history { display: block; } 
#contentPc .mod-job-history .history-section { margin-bottom: 50px; } 
#contentPc .mod-job-history .history-section:last-child { margin-bottom: 0; } 
#contentPc .mod-job-history .history-section .section-head { display: block; padding: 10px; background-color: #14663D; } 
#contentPc .mod-job-history .history-section .section-head .title { display: block; position: relative; padding-left: 20px; font-weight: 600; font-size: 1.25rem; color: #ffffff; } 
#contentPc .mod-job-history .history-section .section-head .title::before { content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #ffffff; } 
#contentPc .mod-job-history .history-section .section-body { display:block; padding: 20px; border: 1px solid #E3E6F0; border-top: 0; } 
@media screen and (max-width: 1024px){
 #contentPc .mod-job-history .history-section .section-body { padding: 15px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 마이페이지 > 나의 맞춤 메뉴
-------------------------------------------------------------------*/
#contentPc .mod-taylor-menu { display: block; margin-bottom: 20px; } 
#contentPc .mod-taylor-menu .con-head { margin-bottom: 20px; } 
#contentPc .mod-taylor-menu .con-head::after { content:""; display: block; clear: both; } 
#contentPc .mod-taylor-menu .con-head .title-01 { display:block; float: left; margin-right: 20px; } 
#contentPc .mod-taylor-menu .con-head .title-01 .info { display:inline-block; margin-left: 10px; font-weight: 400; font-size: 1rem; vertical-align: middle; color: #5b5b5b; } 
#contentPc .mod-taylor-menu .con-head .btn-reset { display:block; float: right; min-width: 120px; height: 30px; border-radius: 5px; background-color: #DA3938; color: #ffffff; } 
#contentPc .mod-taylor-menu .con-head .btn-reset > span { display: inline-block; padding-left: 20px; line-height: 30px; background: url(../images/sub/i_menu_reset.svg) no-repeat center left; } 

#contentPc .mod-taylor-menu .con-body { display: block; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-taylor-menu .con-body .menu-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px 30px; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li { width: 25%; padding: 0 15px; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-01 { display: block; position: relative; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-01 .num { display: block; font-weight: 700; font-size: 100px; color: rgba(55, 178, 141, 0.2); } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-01 .tit { position: absolute; top: 80px; left: 20px; width: calc(100% - 20px); font-weight: 700; font-size: 30px; color: #14663D; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 { display: block; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li { margin-bottom: 10px; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item { position: relative; height: 50px; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter { position: absolute; width: 100%; height: 100%; z-index: 0; appearance: none; -webkit-appearance:none; -moz-appearance:none; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter + label { position: absolute; z-index: 1; width: 100%; height: 100%; padding: 5px; border: 1px solid #E3E6F0; border-radius: 5px; background-color: #ffffff; line-height: 38px; text-align: center; cursor: pointer; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter + label > span { display: inline-block; font-size: 1rem; word-break: break-all; vertical-align: middle; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter:focus + label { color: #14663D; outline: solid; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter:checked + label { border-color: #14663D; background-color: #14663D; color: #ffffff; } 

@media screen and (max-width: 1200px){
 #contentPc .mod-taylor-menu .con-body .menu-list { margin: 0 -8px; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li { padding: 0 8px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-taylor-menu .con-body .menu-list > li .menu-01 .num { font-size: 80px; } 
#contentPc .mod-taylor-menu .con-body .menu-list > li .menu-01 .tit { top: 64px; font-size: 26px; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 로그인 & 회원가입
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .member-area { display: block; } 
/*-------------------------------------------------------------------
분류그룹 : 로그인 & 회원가입 > 개인, 구인자 선택
-------------------------------------------------------------------*/
#contentPc .mem-title-wrap { display: block; padding-top: 100px; text-align: center; } 
#contentPc .mem-title-wrap .tit { display: block; margin-bottom: 20px; font-weight: 500; font-size: 1.875rem; color: #000000; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mem-title-wrap .tit > strong { display: inline-block; font-weight: 700; } 
#contentPc .mem-title-wrap .txt { display: block; font-size: 1rem; color: #5b5b5b; } 

#contentPc .mem-select-wrap { display: block; max-width: 900px; margin: 0 auto; } 
#contentPc .mem-select-wrap .select-list { display: block; padding: 70px 0; background-image: url(../images/sub/img_member_bg.png); background-repeat: no-repeat; background-position: center; background-size: contain; } 
#contentPc .mem-select-wrap .select-list .list-wrap { display: block; margin: 0 -50px; } 
#contentPc .mem-select-wrap .select-list .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li { display: block; float: left; width: 50%; padding: 0 50px; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item { display: block; width: 400px; height: 400px; padding: 25px; border-radius: 50%; background-color: #14663D; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con { display: block; position: relative; width: 100%; height: 100%; padding: 25px; border: 1px dashed #ffffff; border-radius: 50%; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .tit { display: block; margin-top: 30px; margin-bottom: 10px; padding-top: 80px; background-repeat: no-repeat; background-position: center top; font-weight: 500; font-size: 1.25rem; text-align: center; color: #ffffff; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt { display: block; font-size: 1rem; text-align: center; color: #ffffff; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link { display: block; width: 150px; height: 40px; margin: 30px auto; border-radius: 5px; background-color: #ffffff; line-height: 40px; font-weight: 500; font-size: 1rem; color: #14663D; text-align: center; } 
/* interaction */
#contentPc .mem-select-wrap .select-list .list-wrap > li .item.mem-user { background-color: #14663D; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item.mem-user .item-con .tit { background-image: url(../images/sub/i_member_user.svg); } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter { background-color: #304086; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter .item-con .tit { background-image: url(../images/sub/i_member_recruiter.svg); } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter .item-con .btn-link { color: #304086; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0); transition: box-shadow 0.3s; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link:focus,
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link:hover { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2); } 

@media screen and (max-width: 1024px){
 #contentPc .mem-title-wrap { padding-top: 60px; } 

#contentPc .mem-select-wrap .select-list .list-wrap { display: block; margin: 0 -15px; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li { padding: 0 15px; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item { width: 100%; padding: 20px; border-radius: 25px; } 
#contentPc .mem-select-wrap .select-list .list-wrap > li .item .item-con { padding: 20px; border-radius: 18px; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 회원가입 > 회원가입 step
-------------------------------------------------------------------*/
#contentPc .mod-signup-step { display: block; padding-bottom: 70px; } 

#contentPc .mod-signup-step .list-wrap { display: block; margin: 0 -80px; } 
#contentPc .mod-signup-step .list-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mod-signup-step .list-wrap > li { display:block; float: left; position: relative; width: 25%; padding: 0 80px; text-align: left; } 
#contentPc .mod-signup-step .list-wrap > li::before { content:""; position: absolute; top: calc(50% - 12px); right: -12px; width: 24px; height: 24px; background: url(../images/sub/i_signup_step_arr.svg) no-repeat center / contain; } 
#contentPc .mod-signup-step .list-wrap > li:last-child::before { display: none; } 
#contentPc .mod-signup-step .list-wrap > li .item { display: inline-block; position: relative; margin: 0 auto; padding-left: 80px; line-height: 80px; text-align: left; } 
#contentPc .mod-signup-step .list-wrap > li .item::before { content:""; position: absolute; top: 0; left: 0; width: 80px; height: 80px; border: 1px solid #E3E6F0; border-radius: 50%; background-color: #F3F5F9; background-repeat: no-repeat; background-position: center; box-sizing: border-box; } 
#contentPc .mod-signup-step .list-wrap > li .item .txt-wrap { display: inline-block; padding-left: 15px; line-height: 1; vertical-align: middle; } 
#contentPc .mod-signup-step .list-wrap > li .item .txt-wrap .num { display: block; margin-bottom: 8px; line-height: 1; font-size: 1rem; color: #5b5b5b; } 
#contentPc .mod-signup-step .list-wrap > li .item .txt-wrap .tit { display: block; font-weight: 500; color: #000000; } 

#contentPc .mod-signup-step.type-recruiter { width: 50%; margin: 0 auto; } 
#contentPc .mod-signup-step.type-recruiter .list-wrap > li { width: 50%; } 
/* interaction */
#contentPc .mod-signup-step .list-wrap > li.on .item::before { border-color: #14663D; background-color: #14663D; } 
#contentPc .mod-signup-step.type-b .list-wrap > li.on .item::before { border-color: #304086; background-color: #304086; } 

#contentPc .mod-signup-step .list-wrap > li.step01 .item::before { background-image: url(../images/sub/i_signup_step01.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step01.on .item::before { background-image: url(../images/sub/i_signup_step01_on.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step02 .item::before { background-image: url(../images/sub/i_signup_step02.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step02.on .item::before { background-image: url(../images/sub/i_signup_step02_on.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step03 .item::before { background-image: url(../images/sub/i_signup_step03.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step03.on .item::before { background-image: url(../images/sub/i_signup_step03_on.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step04 .item::before { background-image: url(../images/sub/i_signup_step04.svg); } 
#contentPc .mod-signup-step .list-wrap > li.step04.on .item::before { background-image: url(../images/sub/i_signup_step04_on.svg); } 

@media screen and (max-width: 1280px){
 #contentPc .mod-signup-step .list-wrap { margin: 0 -20px; } 
#contentPc .mod-signup-step .list-wrap > li { padding: 0 20px; text-align: center; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-signup-step .list-wrap { margin: 0 -15px; } 
#contentPc .mod-signup-step .list-wrap > li { padding: 0 15px; } 
#contentPc .mod-signup-step .list-wrap > li .item { padding-left: 65px; line-height: 65px; } 
#contentPc .mod-signup-step .list-wrap > li .item::before { width: 65px; height: 65px; } 
#contentPc .mod-signup-step .list-wrap > li .item .txt-wrap { padding-left: 10px; } 

#contentPc .mod-signup-step.type-recruiter { width: 80%; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 회원가입 > 회원가입 이용약관
-------------------------------------------------------------------*/
#contentPc .mod-privacy-notice { display: block; margin-top: 22px; margin-bottom: 40px; border: 1px solid #E3E6F0; } 
#contentPc .mod-privacy-notice .title { display:block; max-width: 300px; min-height: 45px; margin: -22px auto 0; border-radius: 50px; background-color: #14663D; line-height: 45px; color: #ffffff; text-align: center; } 
#contentPc .mod-privacy-notice .txt-box { padding: 20px; } 
#contentPc .mod-privacy-notice .txt-box .txt { display: block; line-height: 1.6; } 

#contentPc .mod-agree-box { display: block; } 
#contentPc .mod-agree-box .con-scroll-box { display: block; overflow-x: hidden; overflow-y: auto; min-height: 200px; max-height: 320px; padding: 20px; border: 1px solid #E3E6F0; } 
#contentPc .mod-agree-box .con-scroll-box::-webkit-scrollbar { width: 12px; } 
#contentPc .mod-agree-box .con-scroll-box::-webkit-scrollbar-thumb { border: 1px solid #E3E6F0; border-radius: 6px; background-clip: padding-box; background-color:#D8DBE2; } 
#contentPc .mod-agree-box .con-scroll-box::-webkit-scrollbar-track { background-color: #F3F5F9; } 
#contentPc .mod-agree-box .con-scroll-box .box-item { margin-bottom: 30px; } 
#contentPc .mod-agree-box .con-scroll-box .tit { display: block; margin-bottom: 12px; font-weight: 600; font-size: 1.0625rem; color: #000000; } 
#contentPc .mod-agree-box .con-scroll-box .txt { display: block; font-weight: 400; font-size: 1rem; color: #000000; } 
#contentPc .mod-agree-box .con-scroll-box .bul-list { } 
#contentPc .mod-agree-box .con-scroll-box .list > li,
#contentPc .mod-agree-box .con-scroll-box .bul-list > li { margin-bottom: 5px; } 
#contentPc .mod-agree-box .con-scroll-box .list > li:last-child,
#contentPc .mod-agree-box .con-scroll-box .bul-list > li:last-child { margin-bottom: 0; } 
#contentPc .mod-agree-box .con-scroll-box .under { text-decoration: underline; } 

#contentPc .mod-agree-box .con-agree-box { display:block; padding: 15px 20px; border: 1px solid #E3E6F0; border-top: 0; background-color: #F3F5F9; } 
#contentPc .mod-agree-box .con-agree-box .list-wrap { display: block; } 
#contentPc .mod-agree-box .con-agree-box .list-wrap > li { margin-bottom: 15px; } 
#contentPc .mod-agree-box .con-agree-box .list-wrap > li:last-child { margin-bottom: 0; } 
#contentPc .mod-agree-box .con-agree-box .list-wrap > li .check { display:block; white-space: normal; } 
#contentPc .mod-agree-box .con-agree-box .list-wrap > li .check > span,
#contentPc .mod-agree-box .con-agree-box .list-wrap > li .check > label { display: block; } 



/*-------------------------------------------------------------------
분류그룹 : 회원가입 > 본인인증 & 가입완료 페이지
-------------------------------------------------------------------*/
#contentPc .mod-status-con-box { display: block; margin-bottom: 40px; padding: 30px 100px; border: 1px solid #E3E6F0; background-color: #F3F5F9; } 
#contentPc .mod-status-con-box .con-wrap { display: block; position: relative; padding-left: 175px; background: no-repeat center left; background-size: 175px; } 
#contentPc .mod-status-con-box .con-wrap.type-certify { background-image: url(../images/sub/img_signup_phone.png); } 
#contentPc .mod-status-con-box .con-wrap.type-complete { background-image: url(../images/sub/img_signup_complete.png); } 
#contentPc .mod-status-con-box .con-wrap .con-box { display: table; width: 100%; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap { display: table-cell; width: 99%; padding: 25px 0 25px 50px; vertical-align: middle; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap .tit { display: block; margin-bottom: 20px; font-weight: 500; font-size: 1.75rem; color: #000000; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap .tit > strong { font-weight: 700; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap .txt { display: block; line-height: 1.6; font-size: 1rem; color: #5b5b5b; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap { display: table-cell; width: 1%; vertical-align: middle; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status { display: block; width: 200px; height: 46px; border: 3px solid transparent; border-radius: 50px; background-color: #14663D; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status.type-b { background-color: #304086; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status > span { display: inline-block; padding-left: 30px; line-height: 40px; font-weight: 500; font-size: 1rem; color: #ffffff; background: no-repeat center left; } 
#contentPc .mod-status-con-box .con-wrap.type-certify .con-box .btn-wrap .btn-con-status > span { background-image: url(../images/sub/i_signup_cert.svg); } 
#contentPc .mod-status-con-box .con-wrap.type-complete .con-box .btn-wrap .btn-con-status > span { background-image: url(../images/sub/i_signup_login.svg); } 

/* interaction */
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0); transition: border 0.3s, box-shadow 0.3s; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status:focus,
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status:hover { border-color: #14663D; box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.1); } 

@media screen and (max-width: 1200px){
 #contentPc .mod-status-con-box { padding: 30px; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap { padding: 25px 0 25px 30px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-status-con-box .con-wrap .con-box { display: block; padding-left: 30px; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap { display: block; width: auto; padding: 0 0 20px 0; } 
#contentPc .mod-status-con-box .con-wrap .con-box .txt-wrap .txt > br { display: none; } 
#contentPc .mod-status-con-box .con-wrap .con-box .btn-wrap { display: block; width: auto; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 로그인 > 개인 로그인 & 구인자 로그인
-------------------------------------------------------------------*/
#contentPc .mem-login-wrap { display: block; padding-top: 70px; margin: 0 -25px; } 
#contentPc .mem-login-wrap::after { content:""; display: block; clear: both; } 
#contentPc .mem-login-wrap .form-box { display: block; float: left; width: 50%; padding: 0 25px; } 
#contentPc .mem-login-wrap .form-box .box-con { display: block; min-height: 320px; padding: 50px; border: 1px solid #E3E6F0; border-top: 2px solid #14663D; background-color: #ffffff; } 
#contentPc .mem-login-wrap .form-box .box-con .tit { display:block; margin-bottom: 40px; font-weight: 700; font-size: 1.625rem; color: #000000; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
/* 일반 로그인 폼 */
#contentPc .mem-login-wrap .form-box .box-con .login-form { display: block; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form::after { content:""; display: block; clear: both; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box { float:left; width: calc(100% - 100px); padding-right: 20px; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row { display: block; position: relative; margin-bottom: 10px; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row:last-child { margin-bottom: 0; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt { display: block; width: 100%; padding: 2px 15px 2px 40px; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon { position: absolute; top: 12px; left: 12px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon.id { background-image: url(../images/sub/i_login_id.svg); } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon.pw { background-image: url(../images/sub/i_login_pw.svg); } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .btn-login { float:left; width: 100px; height: 90px; padding: 0; border-radius: 5px; line-height: 90px; font-weight: 600; font-size: 1rem; } 
/* 로그인 버튼 */
#contentPc .mem-login-wrap .form-box .box-con .btn-list { display: block; margin-top: 15px; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list::after { content:""; display: block; clear: both; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li { float: left; position: relative; margin-right: 8px; padding-right: 8px; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li::before { content:""; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background-color: #E3E6F0; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li:last-child { margin-right: 0; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li:last-child::before { display: none; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem { display: block; font-size: 1rem; color: #5b5b5b; } 
/* 디지털 원패스 버튼 */
#contentPc .mem-login-wrap .form-box .btn-onepass { display: block; width: 100%; height: 90px; padding: 0 70px; border-radius: 5px; background: #0F206C url(../images/sub/i_onepass.svg) no-repeat center left 15px / 40px; font-weight: 500; font-size: 1.25rem; color: #ffffff; } 

/* 구인자 로그인 단독 */
#contentPc .mem-login-wrap .form-box.type-center { float: none; margin: 0 auto; } 
/* type-b */
#contentPc .mem-login-wrap .form-box.type-b { } 
#contentPc .mem-login-wrap .form-box.type-b .box-con { border-top-color: #304086; } 

/* interaction */
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon { transition: background 0.3s; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:focus + .icon.id,
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:hover + .icon.id { background-image: url(../images/sub/i_login_id_on.svg); } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:focus + .icon.pw,
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:hover + .icon.pw { background-image: url(../images/sub/i_login_pw_on.svg); } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem { transition: color 0.3s; } 
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem:focus,
#contentPc .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem:hover { color: #14663D; } 
/* type-b */
#contentPc .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:focus + .icon.id,
#contentPc .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:hover + .icon.id { background-image: url(../images/sub/i_login_id_on2.svg); } 
#contentPc .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:focus + .icon.pw,
#contentPc .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:hover + .icon.pw { background-image: url(../images/sub/i_login_pw_on2.svg); } 
#contentPc .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem { transition: color 0.3s; } 
#contentPc .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem:focus,
#contentPc .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem:hover { color: #304086; } 
/* 디지털 원패스 버튼 */
#contentPc .mem-login-wrap .form-box .btn-onepass { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0); transition: box-shadow 0.3s; } 
#contentPc .mem-login-wrap .form-box .btn-onepass:focus,
#contentPc .mem-login-wrap .form-box .btn-onepass:hover { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2); } 

@media screen and (max-width: 1280px){
 #contentPc .mem-login-wrap { margin: 0 -15px; } 
#contentPc .mem-login-wrap .form-box { padding: 0 15px; } 
#contentPc .mem-login-wrap .form-box .box-con { padding: 50px 25px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mem-login-wrap { margin: 0 -10px; } 
#contentPc .mem-login-wrap .form-box { padding: 0 10px; } 
#contentPc .mem-login-wrap .form-box .box-con { min-height: 280px; padding: 40px 20px; } 
#contentPc .mem-login-wrap .form-box .box-con .tit { margin-bottom: 20px; } 
#contentPc .mem-login-wrap .form-box .box-con .login-form .login-box { padding-right: 10px; } 

#contentPc .mem-login-wrap .form-box.type-b { width: auto; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 로그인 > 아이디 찾기 & 비밀번호 찾기
-------------------------------------------------------------------*/
/* 링크 탭 */
#contentPc .link-tab-wrap { } 
#contentPc .link-tab-wrap .tab-box.type-drop { margin-bottom: 40px; } 
#contentPc .link-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab { min-height: 55px; line-height: 43px; } 

/* 찾기 버튼 */
#contentPc .mod-btn-wrap.find-btn-wrap { margin-top: 40px; } 
#contentPc .mod-btn-wrap.find-btn-wrap .btn-group .g-item .btn { min-width: 200px; } 


/*-------------------------------------------------------------------
분류그룹 : 로그인 > 아이디 찾기 & 비밀번호 찾기 확인
-------------------------------------------------------------------*/
#contentPc .mod-find-result { display: block; padding: 70px 50px; border: 1px solid #E3E6F0; background-color: #F3F5F9; text-align: center; } 
#contentPc .mod-find-result .title-box { display: block; } 
#contentPc .mod-find-result .title-box .tit { display: inline-block; position: relative; padding: 0 20px; line-height: 1.6; font-weight: 500; font-size: 1.5rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mod-find-result .title-box .tit::before { content:""; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-top: 4px solid #8890a9; border-left: 4px solid #8890a9; } 
#contentPc .mod-find-result .title-box .tit::after { content:""; position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; border-bottom: 4px solid #8890a9; border-right: 4px solid #8890a9; } 
#contentPc .mod-find-result .title-box .tit > span { font-weight:700; color: #14663D; } 
#contentPc .mod-find-result .title-box.type-pw .tit { } 
#contentPc .mod-find-result .result-box { display: block; margin-top: 20px; padding: 20px; border: 1px solid #E3E6F0; background-color: #ffffff; line-height: 43px; } 
#contentPc .mod-find-result .result-box .txt { display: inline-block; margin-right: 10px; line-height: 1.3; font-weight: 500; font-size: 1.125rem; color: #5b5b5b; vertical-align: middle; } 
#contentPc .mod-find-result .result-box .txt:last-child { margin-right: 0; } 
#contentPc .mod-find-result .result-box .txt.id { font-weight: 600; color: #000000; } 
#contentPc .mod-find-result .info-txt { display: block; margin-top: 10px; font-size: 1rem; color: #5b5b5b; } 
#contentPc .mod-find-result .info-txt > strong { font-weight: 500; color: #14663D; } 





/*-------------------------------------------------------------------
분류그룹 : 고객센터
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 공지사항, 서식자료실, 문의합니다, 이용후기
-------------------------------------------------------------------*/
/* 공지사항 */
#contentPc .mod-client-list-con { display: block; } 
#contentPc .mod-client-list-con .btn-modal-attach { display: inline-block; position: relative; height:25px; padding-left:25px; background-color: transparent; vertical-align: middle; } 
#contentPc .mod-client-list-con .btn-modal-attach::before { content:""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url('../images/common/i_label_attch.svg'); background-repeat: no-repeat; background-position: center left; background-size: contain; } 
#contentPc .mod-client-list-con .btn-modal-attach > span { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title { text-align: left; } 

/* interaction */
#contentPc .mod-client-list-con .mod-table-list td.cell-title a { transition:color 0.3s; } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title:focus a,
#contentPc .mod-client-list-con .mod-table-list td.cell-title:hover a { color:#14663D; } 

/* 문의합니다 */
#contentPc .mod-client-list-con .mod-table-list td.t-num > span { display: inline-block; padding-top:0; } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title { text-align: left; } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title.secret { } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title .txt { display: block; } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title .txt span { } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title.secret .txt span { display: block; position:relative; padding-left:33px; } 
#contentPc .mod-client-list-con .mod-table-list td.cell-title.secret .txt span::before { content:''; position:absolute; top:50%; left:0; width:26px; height:26px; background: url(../images/sub/i_bod_lock.png) no-repeat center left; background-size: cover; transform: translateY(-50%); } 


/* 서식자료실 */
#contentPc .mod-client-list-con .mod-table-list tr td .label.badge { min-width:80px; font-size:0.875rem; } 


/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 공지사항, 서식자료실, 문의합니다, 이용후기 상세
-------------------------------------------------------------------*/
#contentPc .view-area .mod-view-section .title-box { margin-bottom:20px; padding-top:40px; border-top:1px solid #e9e9e9; } 
#contentPc .view-area .mod-view-section .title-box .d-tit { text-align: center; font-size:1.5rem; } 

#contentPc .mod-view-list { display: block; border-top: 1px solid #000000; } 
#contentPc .mod-view-list li.list { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-view-list li.list .v-item { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width:100%; } 
#contentPc .mod-view-list li.list .v-item::after { content:''; display: block; clear:both; } 
#contentPc .mod-view-list li.list .v-item.type-a { width:50%; } 
#contentPc .mod-view-list li.list .v-item.type-b { width:33.3333%; } 
#contentPc .mod-view-list li.list .view-title { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 160px; min-height: 50px; padding: 10px; background-color: #F3F5F9; word-break: break-all; text-align: center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-view-list li.list .view-title .view-tit { margin: 0 auto; text-align: center; word-break: break-all; } 
#contentPc .mod-view-list li.list .view-content { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width:calc(100% - 160px); min-height: 50px; padding: 10px; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-view-list li.list .view-content .txt { font-size: 1rem; color: #000000; word-break: break-all; } 
#contentPc .mod-view-list li.list .view-content .attach-list { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } 
#contentPc .mod-view-list li.list .view-content .attach-list > li { } 
#contentPc .mod-view-list li.list .view-content .attach-list > li .attach { display: block; } 
#contentPc .mod-view-list li.list .view-content .v-attach { display: inline-block; position:relative; margin-right:7px; padding-left:20px; color:#5b5b5b; background: url(../images/common/i_label_attch.svg) no-repeat center left; background-size: 16px 16px; line-height: 1; } 
#contentPc .mod-view-list li.list .view-content li:last-child .v-attach { margin-right:0; } 

#contentPc .mod-view-list li.list .view-txt { width:100%; padding:20px; min-height:300px; } 
#contentPc .mod-view-list li.list .view-content .view-txt { padding:10px; } 

#contentPc .view-area .mod-view-section .btn-wrap { margin:20px 0 30px 0; text-align: center; } 
@media screen and (max-width:1024px){
 #contentPc .mod-view-list li.list .view-content .attach-list { display: block; } 
#contentPc .mod-view-list li.list .view-content .attach-list > li { margin-bottom:5px; } 
#contentPc .mod-view-list li.list .view-content .attach-list > li:last-child { margin-bottom:0; } 
 }

/* 서식자료실 */
#contentPc .mod-view-list li.list .v-item .view-content .view-txt form { } 
#contentPc .mod-view-list li.list .v-item .view-content .view-txt form .txt-con { } 
#contentPc .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .radio-box,
#contentPc .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .txt-box { margin-top:10px; } 
#contentPc .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .radio-box .radio { margin-right:5px; color:#5b5b5b; } 

/* 이용후기 */
#contentPc .mod-view-list li.list .v-item .view-content.review { } 
#contentPc .mod-view-list li.list .v-item .view-content.review .utils { width:100%; text-align: right; } 
#contentPc .mod-view-list li.list .v-item .view-content.review .utils::after { content:''; display: block; clear:both; } 
#contentPc .mod-view-list li.list .v-item .view-content.review .utils .txt { float:left; } 
#contentPc .mod-view-list li.list .v-item .view-content.review .like,
#contentPc .mod-view-list li.list .v-item .view-content.review .reply { position:relative; padding-lefT:20px; } 
#contentPc .mod-view-list li.list .v-item .view-content.review .like { margin-right:5px; } 
#contentPc .mod-view-list li.list .v-item .view-content.review .like::before,
#contentPc .mod-view-list li.list .v-item .view-content.review .reply::before,
#contentPc .mod-view-list li.list .v-item .view-content.review .reply.on::after { content:''; position:absolute; top:50%; lefT:0; width:16px; height:16px; background-repeat: no-repeat; background-position: center left; background-size: cover; transform: translateY(-50%); } 
#contentPc .mod-view-list li.list .v-item .view-content.review .like::before { background-image:url(../images/sub/i_like.svg); } 
#contentPc .mod-view-list li.list .v-item .view-content.review .reply::before { background-image:url(../images/sub/i_reply_01.svg); } 
#contentPc .mod-view-list li.list .v-item .view-content.review .reply.on::after { top:5px; lefT:7px; width:10px; height:10px; background-image:url(../images/sub/i_reply_02.svg); } 

#contentPc .view-area .mod-view-section .btn-like { } 
#contentPc .view-area .mod-view-section .btn-like span { position:relative; padding-left:25px; } 
#contentPc .view-area .mod-view-section .btn-like span::before { content:''; position:absolute; top:50%; left:0; width:20px; height:20px; background-image:url(../images/sub/i_like_02.svg); background-repeat: no-repeat; background-position: center left; background-size: cover; transform: translateY(-50%); } 
#contentPc .view-area .mod-view-section .btn-like.on span::before { background-image:url(../images/sub/i_like_on.png); } 
/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 공지사항 홈 > 공지사항 작성
-------------------------------------------------------------------*/

#contentPc .mod-write-list { display: block; margin-bottom:20px; border-top: 1px solid #000000; } 
#contentPc .mod-write-list + .mod-write-list { margin-top: 20px; } 
#contentPc .mod-write-list li.list { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0; } 
#contentPc .mod-write-list li.list .write-title { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width: 220px; min-height: 60px; padding: 10px; background-color: #F3F5F9; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-write-list li.list .write-title .write-tit { margin: 0 auto; line-height: 1.3; text-align: center; word-break: break-all; } 
#contentPc .mod-write-list li.list .write-content { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width:calc(100% - 220px); min-height: 60px; padding: 10px 10px 0; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-write-list li.list .write-content .txt { padding-bottom: 10px; font-size: 1rem; color: #000000; } 
#contentPc .mod-write-list li.list .write-content > .grid { width: 100%; } 
#contentPc .mod-write-list li.list .write-content > .grid .row { -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .mod-write-list li.list .write-content .form-item .tarea { min-height:150px; } 
#contentPc .mod-write-list li.list .write-content .form-item .intxt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex-grow: 1; } 



/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 문의합니다 상세
-------------------------------------------------------------------*/
#contentPc .answer-area { } 
#contentPc .answer-area .title-01 { margin-bottom:15px; } 
#contentPc .answer-area .mod-view-list { } 
#contentPc .answer-area .mod-view-list .list { } 
#contentPc .answer-area .mod-view-list .view-content { } 
#contentPc .answer-area .mod-view-list .view-content .view-txt { min-height: auto; } 

/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 이용후기
-------------------------------------------------------------------*/
#contentPc .mod-infotech-list-con .gallery-list .review-list { } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item { position:relative; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .utils { position:absolute; top:0; lefT:0; z-index: 1; width:100%; padding:20px 20px 0; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .utils::after { content:''; display: block; clear:both; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .utils .btn-like { float:right; width:32px; height:32px; border-radius: 50%; background-color:rgba(0,0,0,0.5); background-image:url(../images/sub/i_like_02.svg); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .utils .btn-like.on { background-color:#14663D; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .img-box { } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con { } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .user { margin-top:5px; font-size:0.875rem; color:#5b5b5b; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info { margin-top:15px; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info::after { content:''; display: block; clear:both; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box { float:left; font-size:0.875rem; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box { float:right; font-size:0.875rem; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like { margin-right:5px; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like,
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply,
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date { display: inline-block; position:relative; padding-left:27px; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like::before,
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply::before,
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date::before { content:''; position:absolute; top:50%; left:0; width:20px; height:20px; background-repeat: no-repeat; background-position: center left; background-size: cover; transform: translateY(-50%); } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like::before { background-image:url(../images/sub/i_like.svg); } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply::before { background-image:url(../images/sub/i_reply_01.svg); } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date::before { background-image:url(../images/sub/i_date.svg); } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply.on::before { background-image:url(../images/sub/i_reply_on.svg); } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply.on::after { content:''; position:absolute; top:-5px; left:8px; width:16px; height:16px; background:url(../images/sub/i_reply_02.svg) no-repeat center right; background-size:cover; } 

@media screen and (max-width:1024px){
 #contentPc .mod-infotech-list-con .gallery-list .review-list .item .utils { padding:15px 15px 0; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date { padding-left:20px; font-size:0.8125rem; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date::before { width:15px; height:15px; } 
#contentPc .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply.on::after { width:13px; height:13px; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 이용후기 상세
-------------------------------------------------------------------*/

#contentPc .mod-btn-wrap.sm { margin:20px 0; } 
#contentPc .mod-btn-wrap.sm .btn-group .g-item .btn { min-width:100px; } 

/* --- 댓글 공통 모듈 s --- */
#contentPc .cmnt-wrap .cmnt-area .reply-content { display: block; margin-top: 50px; padding: 25px 30px 30px; border-radius: 20px; background-color:#F3F5F9; } 

/* 댓글 타이틀 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-tit { display: block; margin-bottom: 10px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-tit > .num { display:inline-block; color: #14663D; } 

/* 댓글 작성 form */
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt { display: block; width:calc(100% - 150px); } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt .textarea { width:100%; min-height:150px; padding:10px; border-color:#E9E9E9; font-size:1rem; resize: none } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt { display: block; width: 150px; height:150px; padding: 0 20px; border: 0; font-weight: 500; font-size: 1rem; text-align: center; color: #fff; background-color:#000000; cursor: pointer; } 

/* interaction */
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt { transition: box-shadow 0.3s; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt:hover,
#contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt:focus { box-shadow: inset 3px 3px 8px 0 rgba(0,0,0,0.3); } 

@media screen and (max-width: 1024px){
 #contentPc .cmnt-wrap .cmnt-area .reply-content { padding: 35px 15px 15px; } 
 #contentPc .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt { width: 130px; padding: 0 15px; } 
 }

/* user profile */
#contentPc .cmnt-wrap .cmnt-area .reply-content .profile { display: block; margin-top:12px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .profile .tit { display: block; font-weight: 700; font-size: 0.875rem; color: #14663D; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .profile .tit.user { color: #14663D; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .profile .tit.recruiter { color: #2c80b9; } 


/* 댓글 view */
#contentPc .cmnt-wrap .cmnt-area .reply-list-box { margin-top:20px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position:relative; overflow: hidden; padding:5px 0; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con { display: block; width:calc(100% - 150px); padding:4px 10px 10px 0; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .txt { display: block; color: #000; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .date { display: block; margin-top:15px; font-size:0.8125rem; color:#5b5b5b; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .download-list { display: block; margin-top: 20px; } 

#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap { display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width:150px; padding: 0 20px; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap > li { display: block; min-height:24px; margin-right: 10px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap > li:last-child { margin-right: 0; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re { display: block; height:20px; padding-left:25px; background-color:transparent; background-repeat: no-repeat; background-position: center left; background-size: contain; line-height: 20px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin { background-image:url(../images/sub/i_delete.svg); } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-like { background-image:url(../images/sub/i_reply_like.png); text-align: left; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-like.on { background-image:url(../images/sub/i_reply_like_on.png); } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re .like { display: inline-block; max-width:45px; vertical-align: middle; line-height: 1; word-break: break-all; } 

/* interaction */
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin { transition:background 0.3s; } 
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin:focus,
#contentPc .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin:hover { background-image:url(../images/sub/i_delete_on.svg); } 


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

/* --- 댓글 공통 모듈 e ---*/

/* 댓글 리스트 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list { display: block; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li { display: block; } 
/* 댓글 라인 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box .reply-list > li .cmnt-box { display: block; border-bottom: 1px solid #c9dbed; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box .reply-list > li .cmnt-box:last-child { border-bottom: 0; } 
/* 댓글 라인 1depth 이상 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .cmnt-box { border-bottom: 0; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .cmnt-box:last-child { border-bottom: 1px solid #c9dbed; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li:last-child > .cmnt-box { border-bottom: 0; } 
/* 댓글 들여쓰기 2depth 이상 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li .reply-list { padding-left: 20px; } 
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .reply-list { padding-bottom:20px; padding-right: 20px; border-top: 1px solid #c9dbed; } 
/* 댓글 들여쓰기 4depth 이상 */
#contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .reply-list > li > .reply-list > li > .reply-list .reply-list { padding-left: 0; } 

@media screen and (max-width: 1024px){
 #contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li .reply-list { padding-left: 15px; } 
 #contentPc .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .reply-list { padding-right: 15px; padding-bottom:15px; padding-right: 15px; } 
 }

/* 삭제 팝업 */
.modal-popup.pop-view .popup .pop-con .pop-body { text-align: center; } 
.modal-popup.pop-view .popup .pop-con .pop-body .tit { margin-bottom:20px; font-weight:700; font-size:1.25rem; } 
.modal-popup.pop-view .popup .pop-con .pop-body .mod-btn-wrap { padding-top:15px; } 
.modal-popup.pop-view .popup .pop-con .pop-body .mod-btn-wrap .btn-group { } 
.modal-popup.pop-view .popup .pop-con .pop-body .mod-btn-wrap .btn-group .g-item { text-align: center; margin: 0 auto; } 


/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 자주 묻는 질문
-------------------------------------------------------------------*/
#contentPc .faq-wrap { } 
#contentPc .faq-wrap .faq-list { } 
#contentPc .faq-wrap .faq-list > li { } 
#contentPc .faq-wrap .faq-list > li .question { display: block; width:100%; padding:20px; border-bottom:1px solid #e9e9e9; background-color:transparent; background-image:url(../images/sub/i_faq.svg); background-repeat: no-repeat; background-position: center right 30px; background-size: 15px; cursor: pointer; } 
#contentPc .faq-wrap .faq-list > li .question::after { content:''; display: block; clear:both; } 
#contentPc .faq-wrap .faq-list > li:first-child .question { border-top:1px solid #e9e9e9; } 
#contentPc .faq-wrap .faq-list > li .answer { display:none; padding:20px; background-color:#F3F5F9; color:#5b5b5b; } 
#contentPc .faq-wrap .faq-list > li .answer::after { content:''; display: block; clear:both; } 
#contentPc .faq-wrap .faq-list > li .question .q-txt,
#contentPc .faq-wrap .faq-list > li .answer .q-txt { float:left; width:40px; height:40px; border-radius: 50%; text-align: center; line-height: 40px; } 
#contentPc .faq-wrap .faq-list > li .question .q-txt { background-color:#CCCCCC; } 
#contentPc .faq-wrap .faq-list > li .answer .q-txt { background-color:transparent; } 
#contentPc .faq-wrap .faq-list > li .question .tit,
#contentPc .faq-wrap .faq-list > li .answer .tit { display: block; overflow: hidden; padding-left:20px; padding-right:40px; font-weight:500; font-size:1rem; line-height: 40px; text-align: left; word-break: break-all; } 
#contentPc .faq-wrap .faq-list > li .question .q-txt > span,
#contentPc .faq-wrap .faq-list > li .answer .q-txt > span { display: inline-block; font-weight:bold; font-size:1.25rem; color:#ffffff; vertical-align: middle; line-height: 1; } 
#contentPc .faq-wrap .faq-list > li .answer .q-txt > span { color:#14663D; } 
#contentPc .faq-wrap .faq-list > li .question .tit > span { display: inline-block; vertical-align: middle; line-height: 1; } 
#contentPc .faq-wrap .faq-list > li .answer .tit > span { display: inline-block; padding-top:10px; line-height: 1.5; } 

/* interaction */
#contentPc .faq-wrap .faq-list > li .question.active + .answer { border-bottom:1px solid #e9e9e9; } 
#contentPc .faq-wrap .faq-list > li .question .q-txt { transition: background 0.3s; } 
#contentPc .faq-wrap .faq-list > li .question.active { background-image:url(../images/sub/i_faq_on.svg); } 
#contentPc .faq-wrap .faq-list > li .question.active .q-txt { background-color:#14663D; } 

/*-------------------------------------------------------------------
분류그룹 : 고객센터 > 이용만족도 상세
-------------------------------------------------------------------*/
#contentPc .list .v-item .view-content .view-txt .v-txt { padding-bottom:20px; } 
#contentPc .list .v-item .view-content .view-txt .satis-list { } 
#contentPc .list .v-item .view-content .view-txt .satis-list .txt-con { margin-bottom:20px; } 
#contentPc .list .v-item .view-content .view-txt .satis-list .txt-con .txt { margin-bottom:10px; } 
#contentPc .list .v-item .view-content .view-txt .satis-list .txt-con .radio-box { } 
#contentPc .list .v-item .view-content .view-txt .satis-list .txt-con .radio-box .radio { margin-right:5px; } 




/*-------------------------------------------------------------------
분류그룹 : 이용안내
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 사이트맵
-------------------------------------------------------------------*/
#contentPc .mod-sitemap-menu { display: block; margin-bottom: 20px; } 
#contentPc .mod-sitemap-menu .con-body { display: block; } 
#contentPc .mod-sitemap-menu .con-body .menu-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px 30px; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li { width: 25%; padding: 0 15px; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-01 { display: block; position: relative; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-01 .num { display: block; font-weight: 700; font-size: 100px; color: rgba(55, 178, 141, 0.2); } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-01 .tit { position: absolute; top: 80px; left: 20px; width: calc(100% - 20px); font-weight: 700; font-size: 30px; color: #14663D; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 { display: block; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li { margin-bottom: 10px; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item { display: block; position: relative; height: 50px; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item .in-txt { position: absolute; z-index: 1; width: 100%; height: 100%; padding: 5px; border: 1px solid #E3E6F0; border-radius: 5px; background-color: #ffffff; line-height: 38px; text-align: center; cursor: pointer; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item .in-txt > span { display: inline-block; font-size: 1rem; word-break: break-all; vertical-align: middle; } 

/* interaction */
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item .in-txt { transition:background 0.3s, color 0.3s; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item:focus .in-txt { color: #14663D; outline: solid; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item:focus .in-txt,
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item:hover .in-txt { border-color: #14663D; background-color: #14663D; color: #ffffff; } 

@media screen and (max-width: 1200px){
 #contentPc .mod-sitemap-menu .con-body .menu-list { margin: 0 -8px; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li { padding: 0 8px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-01 .num { font-size: 80px; } 
#contentPc .mod-sitemap-menu .con-body .menu-list > li .menu-01 .tit { top: 64px; font-size: 26px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 기관안내
-------------------------------------------------------------------*/
#contentPc .naver-map { overflow: hidden; } 
#contentPc .naver-map .map-box { display: block; position:relative; min-width:1280px; height:660px; } 
#contentPc .naver-map .map-box img { display: block; width:100%; height:100%; } 
#contentPc .naver-map .map-info { display: block; position:relative; margin-top:-70px; padding:0 80px; } 
#contentPc .naver-map .map-info .info-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding:30px 40px; background-color:#14663D; color:#ffffff; text-align: center; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .naver-map .map-info .info-list li { position:relative; width:33.3333%; } 
#contentPc .naver-map .map-info .info-list li::after { content:''; position:absolute; top:50%; right:0; width:1px; height:50px; background-color: rgba(255,255,255,0.3); transform: translateY(-50%); } 
#contentPc .naver-map .map-info .info-list li:last-child::after { display: none; } 
#contentPc .naver-map .map-info .info-list li .item { padding-top:35px; } 
#contentPc .naver-map .map-info .info-list li .item .tit { position:relative; padding-bottom:7px; font-weight:600; font-size:1.125rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .naver-map .map-info .info-list li .item .tit::after { content:''; position:absolute; top:-35px; left:50%; width:24px; height:24px; background-repeat: no-repeat; background-position:top center; transform: translateX(-50%); } 
#contentPc .naver-map .map-info .info-list li .item .tit.address::after { background-image: url(../images/sub/i_info_address.svg); } 
#contentPc .naver-map .map-info .info-list li .item .tit.call::after { background-image: url(../images/sub/i_info_call.svg); } 
#contentPc .naver-map .map-info .info-list li .item .tit.mail::after { background-image: url(../images/sub/i_info_mail.svg); } 

/* interaction */


@media screen and (max-width:1024px){
 #contentPc .naver-map .map-info { padding:0; } 
#contentPc .naver-map .map-info .info-list { padding:30px 20px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 농촌인력중개센터 안내
-------------------------------------------------------------------*/
/* 탭박스 */
#contentPc .con-area.info-con { overflow: hidden; } 
#contentPc .guide-area { position:relative; } 
#contentPc .guide-area .tab-guide-slide { overflow:hidden; border:1px solid #E3E6F0; text-align: center; } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper { } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide { height:auto; } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item { display: block; height:50px; padding:0 10px; border-right:1px solid #E3E6F0; line-height:50px; } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide:last-child .item { border-right:0; } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item > span { display: inline-block; word-break: break-all; line-height: 1.3; vertical-align: middle; } 
#contentPc .guide-area .slide-nav .btn-nav-prev,
#contentPc .guide-area .slide-nav .btn-nav-next { position:absolute; top:50%; z-index: 2; width:30px; height: 30px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); cursor: pointer; } 
#contentPc .guide-area .slide-nav .btn-nav-prev { left:-15px; background-image:url(../images/sub/i_slide_prev.png); } 
#contentPc .guide-area .slide-nav .btn-nav-next { right:-15px; background-image:url(../images/sub/i_slide_next.png); } 

/* interaction */
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item { transition:background 0.3s, color 0.3s; } 
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item:focus,
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item:hover,
#contentPc .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item.active { background-color:#14663D; color:#ffffff; } 

/* 지도 */
#contentPc .guide-map-box { overflow: hidden; margin-top:30px; } 
#contentPc .guide-map-box .guide-tit { } 
#contentPc .guide-map-box .guide-tit > span { font-weight:500; font-size:1.375rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .guide-map-box .guide-txt-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:flex; margin:20px 0; border-top:1px solid #E3E6F0; border-bottom:1px solid #E3E6F0; } 
#contentPc .guide-map-box .guide-txt-list li { padding:15px; } 
#contentPc .guide-map-box .guide-txt-list li .tit { display: inline-block; margin-right:5px; } 
#contentPc .guide-map-box .guide-txt-list li .txt { display: inline-block; margin-right:10px; } 
#contentPc .guide-map-box .map-area { width:1280px; height:480px; } 
#contentPc .guide-map-box .map-area img { display: block; width:100%; height:100%; } 



/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개(이전)
-------------------------------------------------------------------*/
#contentPc .flat-wrap { position:relative; padding:430px 120px 0 120px; } 
#contentPc .flat-wrap::before { content:''; overflow: hidden; position:absolute; top:0; left:0; z-index: 1; width:100%; height:500px; background-image:url(../images/sub/img_flatform_01.png); background-repeat: no-repeat; background-position: center; background-size:cover; } 
#contentPc .flat-wrap .flat-area { display: block; position:relative; z-index: 2; margin:0 auto; padding: 30px 60px; border-radius: 20px 20px 0 0; background-color:#ffffff; } 
#contentPc .flat-wrap .flat-area .txt-box { max-width:800px; margin:0 auto; text-align: center; } 
#contentPc .flat-wrap .flat-area .txt-box .tit { display: block; font-weight:500; font-size:1.5625rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .flat-wrap .flat-area .txt-box .txt-box { padding:20px 0; text-align: left; } 
#contentPc .flat-wrap .flat-area .txt-box .txt-box .txt { display: block; color:#5b5b5b; line-height: 1.6; } 

@media screen and (max-width:1400px){
 #contentPc .flat-wrap { padding:380px 90px 0 90px; } 
#contentPc .flat-wrap::before { height:460px; } 
#contentPc .flat-wrap .flat-area .txt-box { max-width:auto; text-align: left; } 
 }
@media screen and (max-width:1024px){
 #contentPc .flat-wrap { padding:340px 60px 0 60px; } 
#contentPc .flat-wrap::before { height:420px; } 
#contentPc .flat-wrap .flat-area { padding:30px 40px; } 
#contentPc .flat-wrap .flat-area .txt-box { max-width:auto; text-align: left; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .intro-content { display: block; } 
#contentPc .intro-content .intro-section { display: block; margin-bottom: 50px; } 
#contentPc .intro-content .intro-section:last-child { margin-bottom: 0; } 
#contentPc .intro-content .intro-section .section-item { display: block; margin-bottom: 30px; } 

#contentPc .intro-content .intro-section .title-01 { margin-bottom: 20px; } 
#contentPc .intro-content .intro-section .sc-title-01 { display: block; margin-bottom: 5px; font-weight: 600; font-size: 1.125rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .intro-content .intro-section .txt { display: block; font-weight: 400; font-size: 1rem; color: #373F57; } 


/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개 > 플랫폼 소개
-------------------------------------------------------------------*/
#contentPc .intro-content .intro-section .img-post-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } 
#contentPc .intro-content .intro-section .img-post-box .img-box { display: block; width: 550px; background-repeat: no-repeat; background-position: center; background-size: cover; -ms-flex: 0 0 auto; flex-shrink: 0; } 
#contentPc .intro-content .intro-section .img-post-box .img-box.v1 { background-image: url(../images/sub/intro/bg_intro_0101.png); } 
#contentPc .intro-content .intro-section .img-post-box .img-box.v2 { background-image: url(../images/sub/intro/bg_intro_0301.png); } 
#contentPc .intro-content .intro-section .img-post-box .txt-box { display: block; padding: 30px 0 30px 30px; padding-left: 30px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex-grow: 1; } 
#contentPc .intro-content .intro-section .img-post-box .txt-box .title { display:block; margin-bottom: 30px; font-weight: 600; font-size: 1.5rem; color: #000000; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .intro-content .intro-section .img-post-box .txt-box .txt { display:block; margin-bottom: 20px; line-height: 1.6; font-size: 1rem; color: #373F57; } 

/* 도농인력중개플랫폼의 주요 서비스 */
#contentPc .intro-content .intro-section .service-info-box { width:100%; height:auto; text-align:center; padding: 30px 20px; border:1px solid #CACACA; } 
#contentPc .intro-content .intro-section .service-info-box .title-03 { font-weight:normal; font-size:20px; margin-bottom:50px; } 
#contentPc .intro-content .intro-section .service-info-box .title-03 span { font-weight:bold; } 
#contentPc .intro-content .intro-section .service-info-box > .service-info { width:100%; display:flex; align-items:start; justify-content: center; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li { width:100%; max-width:220px; position:relative; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-img { overflow:hidden; display:inline-block; font-size:0; width:100%; max-width:191px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-img img { width:100%; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .title-info-01 { font-size:20px; font-weight:700; line-height:normal; margin-bottom:20px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text { text-align:left; width:100%; padding:10px; position:relative; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text::before { content:''; display:inline-block; width:1px; height:20px; position:absolute; top:-20px; left:50%; transform:translateX(-50%); background:#000000; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text p { font-size:18px; line-height:normal; position:relative; padding-left:10px; margin-bottom:10px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text p::before { content:'·'; font-weight:Bold; margin-right:5px; font-size:20px; position:absolute; left:0; top:50%; transform:translateY(-50%); } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text p:last-child { margin-bottom:0; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 { margin:0 80px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-01 .service-info-text { border:1px solid #3CB497; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 .service-info-text { border:1px solid #4BA3D4; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-03 .service-info-text { border:1px solid #1F6697; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-01 .service-info-text::before { background:#3CB497; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 .service-info-text::before { background:#4BA3D4; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-03 .service-info-text::before { background:#1F6697; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-01 .title-info-01,
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-01 .service-info-text p { color:#3CB497; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 .title-info-01,
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 .service-info-text p { color:#4BA3D4; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-03 .title-info-01,
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-03 .service-info-text p { color:#1F6697; } 

@media screen and (max-width: 1200px){
 #contentPc .intro-content .intro-section .img-post-box .img-box { width: 40%; } 


/* 도농인력중개플랫폼의 주요 서비스 */
/* #contentPc .intro-content .intro-section .service-info-box .service-info li { max-width:22%; } */
#contentPc .intro-content .intro-section .service-info-box .service-info li .title-info-01 { font-size:16px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info li .service-info-text p { font-size:14px; line-height:16px; } 
#contentPc .intro-content .intro-section .service-info-box .service-info .service-info-02 { margin:0 30px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개 > 플랫폼 소개 프로세스
-------------------------------------------------------------------*/
#contentPc .intro-content .intro-section .work-process { display: block; } 
#contentPc .intro-content .intro-section .work-process .list-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li { display: block; position: relative; width: 20%; padding: 0 15px; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li::before { content:''; position: absolute; top: calc(50% - 9px); right: -9px; width: 18px; height: 18px; background: url(../images/sub/intro/i_arr_right.svg) no-repeat center; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li:last-child::before { display: none; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; padding: 15px; background-color: #F3F5F9; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item .num { display: block; overflow: hidden; width: 50px; height: 50px; margin-right: 15px; border-radius: 50%; background-color: #ffffff; line-height: 50px; font-weight: 600; font-size: 1.125rem; text-align: center; color: #000000; -ms-flex: 0 0 auto; flex-shrink: 0; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item .txt-con { display: block; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item .txt-con .tit { display: block; line-height: 1; font-weight: 600; font-size: 1rem; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item .txt-con .txt { display: block; line-height: 1; font-weight: 400; font-size: 1rem; } 
#contentPc .intro-content.notice .intro-section .work-process .list-wrap > li .item { align-items:unset; } 

#contentPc .intro-content .intro-section .work-process .list-wrap > li.type-arr::before { top: calc(50% - 20px); } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li.type-arr::after { content:''; position: absolute; top: calc(50% + 2px); right: -9px; width: 18px; height: 18px; background: url(../images/sub/intro/i_arr_left.svg) no-repeat center; } 
@media screen and (max-width: 1200px){
 #contentPc .intro-content .intro-section .work-process .list-wrap > li .item { padding: 10px; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li .item .num { margin-right: 10px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .intro-content .intro-section .work-process .list-wrap { display: block; margin: 0; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li { width: 100%; padding: 0 0 20px; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li::before { top: auto; bottom: 1px; right: calc(50% - 9px); transform: rotate(90deg); } 

#contentPc .intro-content .intro-section .work-process .list-wrap > li.type-arr::before { top: auto; right: 50%; } 
#contentPc .intro-content .intro-section .work-process .list-wrap > li.type-arr::after { top: auto; bottom: 1px; right: calc(50% - 18px); transform: rotate(90deg); } 

/* 신청 */
#contentPc .intro-content.notice .intro-section .work-process .list-wrap > li { width:100%; padding:0 0 35px; } 
 }

@media screen and (max-width: 1000px){
 #contentPc .intro-content.notice .intro-section .work-process .list-wrap > li::before { display:none; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개 > 주요기능
-------------------------------------------------------------------*/
#contentPc .intro-content .intro-section .function-box { display: block; margin-top: 10px; } 
#contentPc .intro-content .intro-section .function-box::after { content:''; display: block; clear: both; } 
#contentPc .intro-content .intro-section .function-box .box-item { display: block; float: left; position: relative; } 
#contentPc .intro-content .intro-section .function-box .box-item.v1 { padding-right: 40px; } 
#contentPc .intro-content .intro-section .function-box .box-item.v1::before { content:''; position: absolute; top: 22px; right: 11px; width: 18px; height: 18px; background: url(../images/sub/intro/i_arr_right.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap { display: block; margin: 0 -10px; } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap::after { content:''; display: block; clear: both; } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li { display: block; float: left; padding: 0 10px; text-align: center; } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon { display: block; width: 62px; height: 62px; margin: 0 auto 10px; border-radius: 50%; background-color: #F3F5F9; background-repeat: no-repeat; background-position: center; background-size: 24px; } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v1 { background-image: url(../images/sub/intro/i_intro_01.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v2 { background-image: url(../images/sub/intro/i_intro_02.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v3 { background-image: url(../images/sub/intro/i_intro_03.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v4 { background-image: url(../images/sub/intro/i_intro_04.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v5 { background-image: url(../images/sub/intro/i_intro_05.svg); } 
#contentPc .intro-content .intro-section .function-box .box-item .list-wrap > li .tit { display: block; line-height: 1; font-weight: 500; font-size: 1rem; color: #373F57; } 



/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개 > 이미지 리스트
-------------------------------------------------------------------*/
#contentPc .intro-content .intro-section .gallery-box { display: block; } 
#contentPc .intro-content .intro-section .gallery-box .img-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -20px; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li { display: block; width: 50%; padding: 0 20px; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li.v1 { width: 33.333%; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li .img-box { display: block; padding: 10px; border: 1px solid #E3E6F0; text-align: center; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li .img-box > img { display: inline-block; vertical-align: middle; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li .img-box .img-box-text { padding:5px 0; text-align:left; height:55px; width:100%; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li .img-box .img-box-text p { font-size:13px; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; } 

@media screen and (max-width: 1400px){
 #contentPc .intro-content .intro-section .gallery-box .img-list { margin: 0 -10px; } 
#contentPc .intro-content .intro-section .gallery-box .img-list > li { padding: 0 10px; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 소개 > 농촌인력중개센터 소개
-------------------------------------------------------------------*/
#contentPc .intro-content .intro-section .work-info { display: block; } 
#contentPc .intro-content .intro-section .work-info .list-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li { display: block; position: relative; width: 33.333%; padding: 0 15px; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; padding: 15px; background-color: #F3F5F9; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li .item .num { display: block; overflow: hidden; width: 50px; height: 50px; margin-right: 15px; border-radius: 50%; background-color: #ffffff; line-height: 50px; font-weight: 600; font-size: 1.125rem; text-align: center; color: #000000; -ms-flex: 0 0 auto; flex-shrink: 0; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li .item .txt-con { display: block; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li .item .txt-con .tit { display: block; line-height: 1; font-weight: 600; font-size: 1rem; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li .item .txt-con .txt { display: block; line-height: 1; font-weight: 400; font-size: 1rem; } 
@media screen and (max-width: 1400px){
 #contentPc .intro-content .intro-section .work-info .list-wrap { margin: 0 -10px; } 
#contentPc .intro-content .intro-section .work-info .list-wrap > li { padding: 0 10px; } 
 }




/*-------------------------------------------------------------------
분류그룹 : 이용안내 > 플랫폼 이용안내
-------------------------------------------------------------------*/
/* 기본 */
#contentPc .mod-platform-guide { display: block; margin-top: 42px; margin-bottom: 40px; border: 1px solid #E3E6F0; } 
#contentPc .mod-platform-guide .title { display:block; max-width: 300px; min-height: 45px; margin: -22px auto 0; border-radius: 50px; background-color: #14663D; line-height: 45px; color: #ffffff; text-align: center; } 
#contentPc .mod-platform-guide .plat-box { padding: 50px 20px 30px; } 
#contentPc .mod-platform-guide .plat-box .plat-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } 
#contentPc .mod-platform-guide .plat-box .plat-list li { width:33.3333%; text-align: center; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box { position:relative; margin:0 auto; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box::after { content:''; position:absolute; top:100px; right:-35px; width:70px; height:130px; background-image: url(../images/sub/i_plat_arrow.png); background-repeat: no-repeat; background-size:cover; transform: translateY(-50%); } 
#contentPc .mod-platform-guide .plat-box .plat-list li:last-child .list-box::after { display: none; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con { width:200px; margin:0 auto; padding:15px; border:1px dashed #14663D; border-radius: 50%; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box { width:170px; height:170px; border-radius: 50%; background-color:#F3F5F9; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit { display: block; padding-top:110px; background-repeat: no-repeat; background-position:center; font-weight:600; font-size:1.125rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit.ver1 { background-image:url(../images/sub/i_plat_login.svg); } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit.ver2 { background-image:url(../images/sub/i_plat_resume.svg); } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit.ver3 { background-image:url(../images/sub/i_plat_apply.svg); } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit > span { display: block; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con { margin-top:20px; padding:0 50px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt { min-height:70px; margin-bottom:15px; line-height: 1.5; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link { display: block; width:170px; height:36px; margin:0 auto; border-radius: 5px; background-color:#14663D; font-weight:500; color:#ffffff; line-height: 36px; box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 0%); } 

/* 센터회원 */
#contentPc .plat-wrap { padding-top:20px; } 
#contentPc .mod-platform-guide.center .title,
#contentPc .mod-platform-guide.center .plat-box .plat-list li .list-box .txt-con .btn-link { background-color:#304086; } 
#contentPc .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con { border:1px dashed #304086; } 
#contentPc .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con .img-box .tit.ver1 { background-image:url(../images/sub/i_plat_login_02.svg); } 
#contentPc .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con .img-box .tit.ver2 { background-image:url(../images/sub/i_plat_approval.svg); } 
#contentPc .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con .img-box .tit.ver3 { background-image:url(../images/sub/i_plat_regist.svg); } 

/* interaction */
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link { transition: box-shadow 0.3s; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link:focus,
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link:hover { box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 20%); } 

@media screen and (max-width: 1300px){
 #contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt > br { display: none; } 
 }
@media screen and (max-width: 1200px){
 #contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con { padding:0 20px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt { min-height:80px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-platform-guide .plat-box { padding:40px 20px 15px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box::after { right:-15px; width:40px; height:74px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con { width:180px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box { width:150px; height:150px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit { padding-top:95px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con { padding:0 10px; } 
#contentPc .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt { min-height:90px; } 
 }




/*-------------------------------------------------------------------
분류그룹 : 통합검색
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .total-search { display: block; } 
#contentPc .total-search .keyword { background-color: #14663D !important; color: #ffffff !important; } 

/*-------------------------------------------------------------------
분류그룹 : 통합검색 > 상단 (검색창, 검색 결과 텍스트)
-------------------------------------------------------------------*/
#contentPc .total-search .total-con-head { display: block; margin-bottom: 50px; } 
#contentPc .total-search .total-con-head .search-box { display:block; padding: 25px; border: 1px solid #E3E6F0; background-color: #F3F5F9; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap { display: block; margin: 0 -5px; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap::after { content:''; display: block; clear: both; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell { float: left; padding: 0 5px; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell.cell-1 { width: calc(100% - 200px); } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell.cell-2 { width: 200px; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell .intxt { display: block; width: 100%; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell .btn-search { display: block; width: 100%; padding: 4px; } 
#contentPc .total-search .total-con-head .search-box .cell-wrap .cell .btn-search > span { display:inline-block; padding-left: 25px; line-height: 32px; background: url(../images/common/i_head_search.svg) no-repeat center left; } 

#contentPc .total-search .total-con-head .result-title { display: block; margin-top: 20px; text-align: center; } 
#contentPc .total-search .total-con-head .result-title .tit { display: inline-block; line-height: 1.6; font-size: 1.25rem; vertical-align: middle; } 
#contentPc .total-search .total-con-head .result-title .tit > span { color: #14663D; } 
#contentPc .total-search .total-con-head .result-title .tit > br { display: none; } 


/*-------------------------------------------------------------------
분류그룹 : 통합검색 > 컨텐츠
-------------------------------------------------------------------*/
#contentPc .total-search .total-con-body { display: block; overflow: hidden; } 
#contentPc .total-search .total-con-body .search-result { display: block; } 
#contentPc .total-search .total-con-body .search-result .category { display: block; margin-bottom: 40px; } 
#contentPc .total-search .total-con-body .search-result .category:last-child { margin-bottom: 0; } 
/* 카테고리 상단 */
#contentPc .total-search .total-con-body .search-result .category .cate-item { display: block; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head { display: block; margin-bottom: 20px; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head::after { content:''; display: block; clear: both; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .title { float: left; width: calc(100% - 180px); } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .title .title-01 { line-height: 25px; } 

#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap { float: right; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more { display: inline-block; position: relative; padding-right: 30px; line-height: 25px; font-weight: 600; font-size: 14px; color: #000000; vertical-align: middle; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .txt { display: inline-block; line-height: inherit; vertical-align: middle; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon { position: absolute; top: 0; right: 0; width: 25px; height: 25px; border: 2px solid #000000; background-color: #ffffff; box-sizing: border-box; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::before { content:''; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; background-color: #000000; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::after { content:''; position: absolute; top: calc(50% - 6px); left: calc(50% - 1px); width: 2px; height: 12px; background-color: #000000; } 

/* 카테고리 컨텐츠 */
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con { display: block; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap { display: block; padding: 20px; border: 1px solid #E3E6F0; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li { display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E3E6F0; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post { display: block; padding: 15px 10px; border-radius: 5px; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post .tit { display: block; overflow: hidden; margin-bottom: 15px; font-weight: 600; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post .txt { display: block; overflow: hidden; max-height: 3.9rem; margin-bottom: 15px; font-size: 1rem; color: #5b5b5b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post .date { display:block; padding-left: 20px; background: url(../images/sub/i_date.svg) no-repeat center left; font-size: 1rem; color: #5b5b5b; } 

#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .btn-bod-more { display:none; width: 100%; height: 45px; line-height: 37px; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .btn-bod-more.on { display: block; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .btn-bod-more > span { display:inline-block; padding-right: 25px; color: #ffffff; vertical-align: middle; background: url(../images/sub/i_mypage_more.svg) no-repeat center right / 12px; } 

/* interaction */
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more { transition: color 0.3s; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover { color: #304086; } 

#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon { transition: border 0.3s, background 0.3s; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon { border-color: #304086; background-color: #304086; } 

#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::before,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::after { transition: background 0.3s; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon::before,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon::before,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon::after,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon::after { background-color: #ffffff; } 

#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post { transition: background 0.3s; } 
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post:focus,
#contentPc .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post:hover { background-color: #F3F5F9; } 





/*-------------------------------------------------------------------
분류그룹 : 중개센터
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 일자리·지원자 관리 > 구인농가 관리
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-manage-list-con { display: block; } 
#contentPc .mod-manage-list-con .mod-table-list { } 
#contentPc .mod-manage-list-con .mod-table-list td .farm-address { display: block; text-align: left; } 
#contentPc .mod-manage-list-con .mod-table-list td .farm-address .name { display: block; font-weight: 600; font-size: 1.0625rem; color: #000000; word-break: break-all; } 
#contentPc .mod-manage-list-con .mod-table-list td .farm-address .address { display: block; font-size: 14px; word-break: break-all; } 

@media screen and (max-width: 1024px){
 #contentPc .mod-manage-list-con .mod-table-list td .farm-address .name { font-size: 16px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 일자리·지원자 관리 > 일자리 관리 목록, 지원자 관리 목록, 입사지원자 목록
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-manage-list-con .mod-table-list td.title { width: 35%; } 
#contentPc .mod-manage-list-con .mod-table-list td .label { font-size: inherit; } 

/* 일자리관리, 지원자관리 - 일자리명/구인농가명 */
#contentPc .mod-manage-list-con .mod-table-list td .info-work { display: block; text-align: left; } 
#contentPc .mod-manage-list-con .mod-table-list td .info-work .tit { display: block; font-weight: 600; font-size: 1.0625rem; color: #000000; word-break: break-all; } 
#contentPc .mod-manage-list-con .mod-table-list td .info-work .farm-name { display: block; font-size: 15px; word-break: break-all; } 
/* 일자리관리, 지원자관리 - 모집기간/작업기간 */
#contentPc .mod-manage-list-con .mod-table-list td.period { width: 25%; } 
#contentPc .mod-manage-list-con .mod-table-list td .period-box { display: block; } 
#contentPc .mod-manage-list-con .mod-table-list td .period-box .txt { display: block; } 

/* 지원자관리 - 지원자, 합격자/모집인원 */
#contentPc .mod-manage-list-con .mod-table-list td.person > span { display:inline-block; padding: 4px 0; vertical-align: middle; } 

/* 입사지원자목록 - 이름/성별/나이 */
#contentPc .mod-manage-list-con .mod-table-list td.user-name { width: 20%; } 
#contentPc .mod-manage-list-con .mod-table-list td .link-tit { background-color: transparent; } 
#contentPc .mod-manage-list-con .mod-table-list td .link-tit .tit { font-weight: 500; font-size: 1rem; } 
/* 입사지원자목록 - 지원일*/
#contentPc .mod-manage-list-con .mod-table-list td .apply-box { display: block; white-space: nowrap; } 
#contentPc .mod-manage-list-con .mod-table-list td .apply-box .date { display: inline-block; margin-right: 5px; vertical-align: middle; } 
#contentPc .mod-manage-list-con .mod-table-list td .apply-box .label { padding: 2px 8px; } 
/* 입사지원자목록 - 연락처, 상태 */
#contentPc .mod-manage-list-con .mod-table-list td.user-stats { text-align: center; } 
#contentPc .mod-manage-list-con .mod-table-list td.user-stats .label { display: inline-block; padding: 2px 8px; } 

/* interaction */
#contentPc .mod-manage-list-con .mod-table-list td .info-work .tit,
#contentPc .mod-manage-list-con .mod-table-list td .info-work .farm-name { transition: color 0.3s; } 
#contentPc .mod-manage-list-con .mod-table-list td .info-work:focus .tit,
#contentPc .mod-manage-list-con .mod-table-list td .info-work:hover .tit { color: #304086; } 
#contentPc .mod-manage-list-con .mod-table-list td .info-work:focus .farm-name,
#contentPc .mod-manage-list-con .mod-table-list td .info-work:hover .farm-name { color: #304086; } 

@media screen and (max-width: 1024px){
 #contentPc .mod-manage-list-con .mod-table-list td .info-work .tit { font-size: 16px; } 
#contentPc .mod-manage-list-con .mod-table-list td .info-work .farm-name { font-size: 14px; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 일자리·지원자 관리 > 일자리 관리 목록 > 상태변경 팝업
-------------------------------------------------------------------*/
#contentPc .modal-popup .status-list { display: block; } 
#contentPc .modal-popup .status-list > li { margin-bottom: 20px; } 
#contentPc .modal-popup .status-list > li:last-child { margin-bottom: 0; } 
#contentPc .modal-popup .status-list > li .radio,
#contentPc .modal-popup .status-list > li .radio > label,
#contentPc .modal-popup .status-list > li .radio > span { display: block; } 



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 인력정보
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 모듈 > 인력정보 > 인력 상세검색
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 모듈 > 인력정보 > 인력 상세검색 > 게시판 리스트
-------------------------------------------------------------------*/
#contentPc .person-table-list { width:100%; } 
#contentPc .person-table-list caption { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); } 
#contentPc .person-table-list th { padding:15px 10px; border-top: 1px solid #000000; border-bottom: 1px solid #E3E6F0; font-weight:bold; color:#000; text-align:center; background-color: #F3F5F9; } 
#contentPc .person-table-list th.title { width:35%; } 
#contentPc .person-table-list th.title-2 { width:30%; } 
#contentPc .person-table-list th.bor { border-width:0 0 1px 1px; } 
#contentPc .person-table-list td { padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center; } 
#contentPc .person-table-list td.title { width:35%; text-align: left; } 
#contentPc .person-table-list td.title-2 { width:30%; text-align: left; } 
#contentPc .person-table-list td .inter-list { display: inline-block; vertical-align: middle; } 
#contentPc .person-table-list td .inter-list::after { content:""; display: block; clear: both; } 
#contentPc .person-table-list td .inter-list > li { display: block; position: relative; font-size: 1rem; } 
#contentPc .person-table-list td .btn-offer { border-radius: 5px; } 

/* 제목,이름,성별,나이,경력 타이틀 */
#contentPc .person-table-list td .title-info { display: block; max-width: 500px; } 
#contentPc .person-table-list td .title-info .info-title { display:inline-block; overflow: hidden; position: relative; max-width: 100%; padding-right: 20px; } 
#contentPc .person-table-list td .title-info .info-title .title-box { display: block; position: relative; width:100%; background-color: transparent; } 
#contentPc .person-table-list td .title-info .info-title .title-box::after { content:""; display: block; clear: both; } 
#contentPc .person-table-list td .title-info .info-title .title-box .tit { display:block; overflow: hidden; padding: 4px 0; font-weight: 600; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; } 
#contentPc .person-table-list td .title-info .info-title .btn-scrap { position: absolute; top: calc(50% - 8px); right: 0; width: 12px; height: 17px; background-color: transparent; background-image: url(../images/sub/i_bod_scrap.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } 
#contentPc .person-table-list td .title-info .info-title .btn-scrap.on { background-image: url(../images/sub/i_bod_scrap_on2.svg); } 

#contentPc .person-table-list td .title-info .info-list { display: block; } 
#contentPc .person-table-list td .title-info .info-list > li { display: block; margin-bottom: 5px; } 
#contentPc .person-table-list td .title-info .info-list > li::after { content:""; display: block; clear: both; } 
#contentPc .person-table-list td .title-info .info-list > li .list-tit { display: block; float: left; width: 60px; font-weight: 600; font-size: 14px; } 
#contentPc .person-table-list td .title-info .info-list > li .list-txt { display: block; overflow: hidden; font-size: 16px; /*14px; */ } 

/* 일자리명/구인농가명 */
#contentPc .person-table-list td .info-work { display: block; text-align: left; } 
#contentPc .person-table-list td .info-work .tit { display: block; font-weight: 600; font-size: 1.0625rem; color: #000000; word-break: break-all; } 
#contentPc .person-table-list td .info-work .farm-name { display: block; font-size: 15px; word-break: break-all; } 

/* interaction */
#contentPc .person-table-list td .title-info .info-title .title-box .tit { transition: color 0.3s; } 
#contentPc .person-table-list td .title-info .info-title .title-box .tit:focus,
#contentPc .person-table-list td .title-info .info-title .title-box .tit:hover { color: #304086; } 

#contentPc .person-table-list td .info-work .tit,
#contentPc .person-table-list td .info-work .farm-name { transition: color 0.3s; } 
#contentPc .person-table-list td .info-work:focus .tit,
#contentPc .person-table-list td .info-work:hover .tit,
#contentPc .person-table-list td .info-work:focus .farm-name,
#contentPc .person-table-list td .info-work:hover .farm-name { color: #304086; } 


@media screen and (max-width:1280px){
 #contentPc .person-table-list td { font-size: 0.9375rem; } 
#contentPc .person-table-list th.title { width:35%; } 
#contentPc .person-table-list td .title-info { max-width: 400px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .person-table-list th.tab-hide,
#contentPc .person-table-list td.tab-hide { display: none; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 인력정보 > 일자리 제안 모달
-------------------------------------------------------------------*/
#contentPc .modal-popup .info-txt { display: block; margin-bottom: 5px; } 

#contentPc .modal-popup .table td .period { display: block; white-space: nowrap; } 
#contentPc .modal-popup .table td .period > span { display: inline-block; vertical-align: middle; } 

@media screen and (max-width: 1024px){
 #contentPc .modal-popup .table td .period .split { display: block; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 모달 검색창 (일자리제안)
-------------------------------------------------------------------*/
#contentPc .modal-popup .srch-box { margin-bottom: 15px; } 
#contentPc .modal-popup .srch-box .srch-bar { display: block; float: none; margin: 0 -5px; } 
#contentPc .modal-popup .srch-box .srch-bar::after { content:""; display: block; clear: both; } 
#contentPc .modal-popup .srch-box .srch-bar .cell { display: block; float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; } 
#contentPc .modal-popup .srch-box .srch-bar .cell .intxt,
#contentPc .modal-popup .srch-box .srch-bar .cell .btn,
#contentPc .modal-popup .srch-box .srch-bar .cell .sel { display:block; width: 100%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-1 { width:8.3333%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-2 { width:16.6666%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-3 { width:25%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-4 { width:33.3333%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-5 { width:41.6667%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-6 { width:50%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-7 { width:58.3333%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-8 { width:66.6667%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-9 { width:75%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-10 { width:83.3334%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-11 { width:91.6667%; } 
#contentPc .modal-popup .srch-box .srch-bar .cell.col-12 { width:100%; } 



/*-------------------------------------------------------------------
분류그룹 : 모듈 > 통계
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
분류그룹 : 모듈 > 전체 일자리 등록 현황
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
분류그룹 : 모듈 > 지역별 일자리 등록 현황, 품목별 일자리 등록 현황
-------------------------------------------------------------------*/
#contentPc .mod-current-list-con .mod-table-list td.title { width: 28%; } 
#contentPc .mod-current-list-con .mod-table-list td .label { font-size: inherit; } 

/* 일자리명/구인농가명 */
#contentPc .mod-current-list-con .mod-table-list td .info-work { display: block; text-align: left; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work .tit { display: block; font-weight: 600; font-size: 1.0625rem; color: #000000; word-break: break-all; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work .farm-name { display: block; font-size: 15px; word-break: break-all; } 

#contentPc .mod-current-list-con .mod-table-list td .info-list { display: inline-block; vertical-align: middle; } 
#contentPc .mod-current-list-con .mod-table-list td .info-list::after { content:""; display: block; clear: both; } 
#contentPc .mod-current-list-con .mod-table-list td .info-list > li { display: block; position: relative; font-size: 1rem; } 

#contentPc .mod-current-list-con .mod-table-list td .period-box { display: block; } 
#contentPc .mod-current-list-con .mod-table-list td .period-box .txt { display: block; } 

/* interaction */
#contentPc .mod-current-list-con .mod-table-list td .info-work .tit,
#contentPc .mod-current-list-con .mod-table-list td .info-work .farm-name { transition: color 0.3s; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work:focus .tit,
#contentPc .mod-current-list-con .mod-table-list td .info-work:hover .tit { color: #304086; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work:focus .farm-name,
#contentPc .mod-current-list-con .mod-table-list td .info-work:hover .farm-name { color: #304086; } 

@media screen and (max-width: 1280px){
 #contentPc .mod-current-list-con .mod-table-list td .info-work .tit { font-size: 16px; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work .farm-name { font-size: 14px; } 
 }
@media screen and (max-width: 1024px){
 #contentPc .mod-current-list-con .mod-table-list td.title { width: 83.3334%; } 

/* 일자리명/구인농가명 */
#contentPc .mod-current-list-con .mod-table-list td .info-work .tit { font-size: 15px; } 
#contentPc .mod-current-list-con .mod-table-list td .info-work .farm-name { display: block; font-size: 13px; } 

#contentPc .mod-current-list-con .mod-table-list td .info-list > li { float:left; padding-right: 15px; font-size: 14px; } 
#contentPc .mod-current-list-con .mod-table-list td .info-list > li::before { content:""; position: absolute; top: calc(50% - 5px); right: 7px; width: 1px; height: 10px; background-color: #bbbbbb; } 
#contentPc .mod-current-list-con .mod-table-list td .info-list > li:last-child { padding-right: 0; } 
#contentPc .mod-current-list-con .mod-table-list td .info-list > li:last-child::before { display: none; } 

#contentPc .mod-current-list-con .mod-table-list td.m-cell { width: 33.3333%; } 
#contentPc .mod-current-list-con .mod-table-list td.m-cell2 { width: 33.3333%; } 

#contentPc .mod-current-list-con .mod-table-list td .period-box .txt { display: inline-block; } 
 }



/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 노동비 정산
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .labor-cal { display: block; } 
#contentPc .labor-cal .con-head { display: block; position: relative; margin-bottom: 10px; } 
#contentPc .labor-cal .con-head::after { content:''; display: block; clear: both; } 
#contentPc .labor-cal .con-head .year { display: block; float: left; line-height: 40px; font-weight: 700; font-size: 1.5625rem; color: #000000; } 
#contentPc .labor-cal .con-head .txt { float: right; line-height: 40px; } 

#contentPc .labor-cal .con-body { display: block; } 
#contentPc .labor-cal .con-body .table-box { } 
#contentPc .labor-cal .con-body .table-box .sum { background-color: #f5f5f5; } 
#contentPc .labor-cal .con-body .table-box .intxt { display: block; width: 100%; } 
#contentPc .labor-cal .con-body .table-box .intxt:read-only { font-weight:500; color: #304086; } 
#contentPc .labor-cal .con-body .table-box .print-txt { display: none; } 

#contentPc .labor-cal .con-body .mod-attach { display: block; margin-top: 20px; } 
#contentPc .labor-cal .con-body .mod-attach .attach-tit { display: block; position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 1.125rem; } 
#contentPc .labor-cal .con-body .mod-attach .attach-tit::before { content:''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #304086; } 
#contentPc .labor-cal .con-body .mod-attach .attach-file-wrap { } 
#contentPc .labor-cal .con-body .mod-attach .attach-file-wrap .file-box-wrap .file-box { overflow-x: hidden; overflow-y: auto; max-height: 250px; } 
#contentPc .labor-cal .con-body .mod-btn-wrap { margin-top: 40px; padding-top: 20px; border-top: 1px solid #E3E6F0; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; } 
@media screen and (max-width: 1200px){
 #contentPc .labor-cal .con-body .scr-table-box::before { content:""; position: absolute; top: -20px; right: -10px; width: 40px; height: 40px; border-radius: 50%; background: #14663D url(../images/common/i_swipe.png) no-repeat center; } 
#contentPc .labor-cal .con-body .scr-table-box.type-b::before { background-color: #304086; } 
#contentPc .labor-cal .con-body .scr-table-box .table-box .table { width: 1200px; } 
 }

/* 정산내역 확인, 지난 보고내역 조회 */
#contentPc .cal-tab-box { } 
#contentPc .cal-tab-box .title-box { margin-bottom: 20px; } 
#contentPc .cal-tab-box .title-box::after { content:""; display: block; clear: both; } 
#contentPc .cal-tab-box .title-box .title-01 { float: left; margin-right: 20px; } 
#contentPc .cal-tab-box .title-box .txt { display:inline-block; font-weight: 400; font-size: 14px; vertical-align: middle; color: #5b5b5b; } 
#contentPc .cal-tab-box .title-box .utils { float: right; } 
#contentPc .cal-tab-box .title-box .utils::after { content:""; display: block; clear: both; } 
#contentPc .cal-tab-box .title-box .utils > li { float:left; margin-right: 10px; } 
#contentPc .cal-tab-box .title-box .utils > li:last-child { margin-right: 0; } 
#contentPc .cal-tab-box .unit-txt { margin-bottom: 10px; text-align: right; } 
@media screen and (max-width: 600px){
 #contentPc .cal-tab-box .title-box .title-01 { float: none; } 
#contentPc .cal-tab-box .title-box .utils { float: none; margin-top: 10px; } 
#contentPc .cal-tab-box .title-box .utils > li { float: none; } 
#contentPc .cal-tab-box .title-box .utils > li .sel { display: block; width: 100%; } 
 }


/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 센터별 주요 추진실적 총괄표, 시군별 농촌일손돕기 추진실적
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .mod-table-content { display: block; } 
#contentPc .mod-table-content .table-box .table .sum { background-color: #f5f5f5; } 
@media screen and (max-width: 1200px){
 #contentPc .mod-table-content .table-box .table { width: 1200px; } 
#contentPc .mod-table-content .scr-table-box::before { content:""; position: absolute; top: -20px; right: -10px; width: 40px; height: 40px; border-radius: 50%; background: #14663D url(../images/common/i_swipe.png) no-repeat center; } 
#contentPc .mod-table-content .scr-table-box.type-b::before { background-color: #304086; } 
 }

/*-------------------------------------------------------------------
분류그룹 : 중개센터 > 매칭통계, 회원통계
속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#contentPc .stt-content { display: block; } 
#contentPc .stt-content .stt-chart { display: block; margin-bottom: 40px; } 

/* 매칭통계 검색창 */
#contentPc .stt-content .stt-chart .search-time-bar { display: block; } 
#contentPc .stt-content .stt-chart .search-time-bar::after { content:''; display: block; clear: both; } 
#contentPc .stt-content .stt-chart .search-time-bar .search-con { display: block; float: left; width: calc(100% - 80px); padding: 10px 20px; border: 1px solid #e9e9e9; background-color: #F3F5F9; } 
#contentPc .stt-content .stt-chart .search-time-bar .search-con .label-list { } 
#contentPc .stt-content .stt-chart .search-time-bar .search-con .label-list > li { padding: 10px 0; line-height: 1; } 
#contentPc .stt-content .stt-chart .search-time-bar .btn-wrap { display: block; overflow: hidden; } 
#contentPc .stt-content .stt-chart .search-time-bar .btn-wrap .btn { display: block; width: 100%; height: 62px; line-height: 54px; } 

/* 회원통계 검색창 */
#contentPc .stt-content .stt-chart .search-chart-bar { display: block; margin-bottom: 20px; } 

/* 통계 그래프 */
#contentPc .stt-content .stt-chart .chart-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
#contentPc .stt-content .stt-chart .chart-wrap.v2 { border-top: 0; } 
#contentPc .stt-content .stt-chart .chart-wrap .item { width: 33.3333%; padding: 20px 10px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } 
/* #contentPc .stt-content .stt-chart .chart-wrap .item:last-child { border-right: 0; } */
#contentPc .stt-content .stt-chart .chart-wrap .item.w50 { width: 50%; } 
#contentPc .stt-content .stt-chart .chart-wrap .item.w100 { width: 100%; border-right: 1px solid #e9e9e9; } 
#contentPc .stt-content .stt-chart .chart-wrap .item .tit { display: block; margin-bottom: 15px; font-weight: 600; font-size: 1rem; color: #000000; text-align: center; } 
#contentPc .stt-content .stt-chart .chart-wrap .chart-box { display: block; } 
#contentPc .stt-content .stt-chart .chart-wrap .chart-box .canvas-box { display: block; position: relative; height: 320px; } 
#contentPc .stt-content .stt-chart .chart-wrap .chart-box .canvas-box canvas { width:100%; } 


/* 통계 테이블 */
#contentPc .stt-content .stt-body { display: block; } 
#contentPc .stt-content .stt-body .utils-bar { display: block; margin-bottom: 20px; } 
#contentPc .stt-content .stt-body .utils-bar::after { content:''; display: block; clear: both; } 
#contentPc .stt-content .stt-body .utils-bar .item { display: block; float: left; } 
#contentPc .stt-content .stt-body .utils-bar .item.type-right { float: right; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list { display: block; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list::after { content:''; display: block; clear: both; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list > li { display: block; float: left; margin-right: 15px; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list > li:last-child { margin-right: 0; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list > li::after { content:''; display: block; clear: both; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list > li .tit { display: block; float: left; padding-right: 5px; line-height: 40px; font-weight: 500; font-size: 1rem; } 
#contentPc .stt-content .stt-body .utils-bar .item .status-list > li .txt { display: block; overflow: hidden; line-height: 40px; font-weight: 500; font-size: 1rem; } 



/*-------------------------------------------------------------------
분류그룹 : 원격지원 서비스
-------------------------------------------------------------------*/
.notice-wrap { width:100%; max-width:570px; position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); text-align:center; } 
.notice-wrap .nw-cont { padding:40px 20px; border-bottom:2px solid #E3E6F0; } 
.notice-wrap .nw-cont .notice-img { display:inline-block; width:100%; max-width:115px; font-size:0; } 
.notice-wrap .nw-cont .notice-img img { width:100%; } 
.notice-wrap .nw-cont .notice-box { width:100%; margin-top:20px; } 
.notice-wrap .nw-cont .notice-box .txt-notice-01 { font-size:20px; font-weight:700; line-height:normal; padding-bottom: 5px; } 
.notice-wrap .nw-cont .notice-box .txt-notice-01 .point-txt { color:#304086; padding-bottom: 5px; } 
.notice-wrap .nw-cont .notice-box .txt-notice-02 { font-size:16px; font-weight:500; line-height:normal; padding-bottom: 5px; } 
.notice-wrap .nw-cont .notice-box .txt-notice-02 .point-txt { color:#FF7C5F; } 
.notice-wrap .mod-btn-wrap { margin-top:30px; } 



/*-------------------------------------------------------------------
계절근로자
-------------------------------------------------------------------*/

.btn-wrap-list { width:100%; display:flex; gap:20px; } 
.btn-wrap-list .btn-item { flex:1; } 

.split-list { width:100%; display:flex; gap:20px; } 
.split-list .split-item { flex:1; } 

.work-list .mod-client-list-con { height:409px; overflow-y:auto; } 





.btn-type-01 { display: inline-block; min-height: 40px; padding: 4px 20px; background-color: #f0f0f0; line-height: 32px; font-weight: 600; font-size: 1rem; color: #000000; text-align: center; cursor: pointer; border-radius:5px; } 
.btn-navy { background:#304086; color:#ffffff!important; } 
.btn-type-01.icon::before { content:''; display:inline-block; background-position:center; vertical-align:-8%; margin-right:5px; background-size:cover; } 


/*-------------------------------------------------------------------
분류그룹 : 대시보드 > 계절근로자
-------------------------------------------------------------------*/
#dash-content { display: block; /*min-height: 100vh; */ padding: 40px 0; background:#E8ECEF; } 
#dash-content .dash-area { width: 100%; max-width: 1320px; margin: 0 auto; padding: 5px 20px; overflow:hidden; } 
.d-section { width:100%; margin-bottom:20px; } 
#dash-content .dash-area .d-section:last-child { margin-bottom:0; } 
.d-title-box { width:100%; margin-bottom:10px; } 
.d-title-box .d-title-01 { display: block; font-weight: 500; font-size: 1.3625rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif; } 
.d-content { width:100%; } 
.d-content .d-total { width:100%; } 
.d-grid { display:grid; grid-template-columns: repeat(5, 1fr); gap:15px; } 
.d-grid .d-item { width:100%; height:170px; padding:20px; background:#304086; border-radius:20px; display:flex; flex-direction: column; justify-content: space-between; } 
.d-grid .d-item .di-head { display:flex; align-items: flex-start; justify-content: space-between; } 
.d-grid .d-item .di-head .di-tit { font-size: 18px; color:#ffffff; margin-bottom:5px; } 
.d-grid .d-item .di-head .di-tit-sub { font-size: 18px; color:#A6B6FF; font-weight:normal; } 
.d-grid .d-item .di-head .di-tit-sub .dts-small { font-size:14px; } 
.d-grid .d-item .di-cont { width:100%; } 
.d-grid .d-item .di-cont .dc-split { display:flex; flex-direction: column; gap:10px; } 
.d-grid .d-item .di-cont .dc-split li { display:flex; align-items: center; justify-content: space-between; } 
.d-grid .d-item .di-cont .dc-split li .dic-tit { font-size:18px; color:#ffffff; font-weight:normal; } 
.d-grid .d-item .di-cont .dc-split li .dic-num { font-size:20px; color:#A6B6FF; } 

.row-card-wrap { width:100%; display:flex; gap:15px; margin-top:15px; } 
.row-card-wrap .col-card { width:100%; height:206px; border-radius:20px; display:flex; flex-direction: column; justify-content: space-between; background:#ffffff; box-shadow: #9eaec3 0px 0px 7px -2px; padding:20px; } 
.row-card-wrap .col-card.col-1 { flex:1; } 
.row-card-wrap .col-card.col-2 { flex:2; } 
.row-card-wrap .col-card.col-3 { flex:3; } 
.row-card-wrap .col-card.col-4 { flex:4; } 
.row-card-wrap .col-card.col-5 { flex:5; } 
.row-card-wrap .col-card.col-6 { flex:6; } 
.row-card-wrap .col-card.col-7 { flex:7; } 
.row-card-wrap .cc-head .cc-tit { } 
.row-card-wrap .cc-head { display:flex; align-items: flex-start; justify-content: space-between; } 
.row-card-wrap .cc-head .cc-tit { font-size: 16px; color:#666666; margin-bottom:5px; } 
.row-card-wrap .cc-head .cc-tit-sub { font-size: 18px; color:#A6B6FF; font-weight:normal; } 
.row-card-wrap .cc-head .cc-tit-sub .dts-small { font-size:14px; } 
.row-card-wrap .cc-cont { width:100%; } 
.row-card-wrap .cc-cont .cc-total { width:100%; text-align:center; font-size:38px; color:#304086; } 

.row-card-wrap .col-card.card-2 { display:flex; flex-direction:unset; gap:20px; width:100%; } 
.row-card-wrap .col-card.card-2 > .col-left,
.row-card-wrap .col-card.card-2 > .col-right { width:100%; } 
.row-card-wrap .col-card.card-2 .col-left { flex-direction: column; flex:3; } 
.row-card-wrap .col-card.card-2 .col-left { width:100%; } 
.row-card-wrap .col-card.card-2 .col-left .cc-cont { width:100%; text-align:center; margin-top:10px; } 
.row-card-wrap .col-card.card-2 .col-left .cc-cont .cc-team-num { font-size:15px; display: flex; align-items: center; gap:10px; justify-content: center; } 
.row-card-wrap .col-card.card-2 .col-left .cc-cont .cc-team-num span { font-size:24px; color:#FFA42C; } 
.row-card-wrap .col-card.card-2 .col-left .cc-cont .cc-main-icon { font-size:0; width:60px; overflow:hidden; display:inline-block; } 

.row-card-wrap .col-card.card-2 .col-right { flex-direction: column; flex:7; } 
.row-card-wrap .col-card .cc-table { width:100%; height:100%; } 
.row-card-wrap .col-card .cc-table caption { display:none; } 
.row-card-wrap .col-card .cc-table table { width:100%; text-align:center; } 
.row-card-wrap .col-card .cc-table table thead { border-bottom:1px solid #E2E2E3; } 

.row-card-wrap .col-card .cc-table table tr { height:40px; } 
.row-card-wrap .col-card .cc-table table tr th { font-size:16px; color:#666666 } 
.row-card-wrap .col-card .cc-table table tr td { font-size:20px; font-weight:bold; } 
.row-card-wrap .col-card .cc-table table tr.cc-to td { color:#55BDFF; } 
.row-card-wrap .col-card .cc-table table tr.cc-yes td { color:#9297A4; } 

.row-card-wrap .cc-cont .cc-split { display:flex; flex-direction: column; gap:10px; } 
.row-card-wrap .cc-cont .cc-split li { display:flex; align-items: center; justify-content: space-between; } 
.row-card-wrap .cc-cont .cc-split li .cc-tit { font-size:18px; color:#666666; font-weight:normal; } 
.row-card-wrap .cc-cont .cc-split li .cc-num { font-size:18px; color:#304086; } 
.row-card-wrap .cc-cont .cc-split li .cc-num span { font-size:15px; } 

.row-card-wrap .col-card.card-5 .cc-table tr { height:44px; } 
.row-card-wrap .col-card.card-5 .cc-table tr th { font-size:15px; } 
.row-card-wrap .col-card.card-5 .cc-table tr td { font-size:15px; } 
.row-card-wrap .col-card.card-5 .cc-table tr td.up { color:#55BDFF; } 
.row-card-wrap .col-card.card-5 .cc-table tr td.low { color:#E9537C; } 

.grp-wrap { width:100%; height:100%; } 
.grp-wrap ul { width:100%; height:100%; display: flex; gap:15px; align-items: center; } 
.grp-wrap ul li { flex:1; height:100%; height:140px; border:1px solid #dddddd; border-radius:10px; padding:10px; } 

.photo-upload-wrap { width:100%; } 
.photo-upload-wrap ul { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; } 
.photo-upload-wrap ul li { width:100%; text-align:center; background:#ffffff; border-radius: 20px; box-shadow: #9eaec3 0px 0px 7px -2px; padding:20px; } 
.pu-item { width:100%; } 
.pu-item .pu-tit { font-size:16px; margin-bottom:17px; } 
.pu-item .pu-tit span { color:#EE5571; } 
.pu-item .pu-img { width:100%; font-size:0; height:157px; display: flex; align-items: center; justify-content: center; } 
.pu-item .pu-btn-box { width:100%; display:flex; justify-content: center; gap:10px; margin-top:20px; } 
.pu-item .pu-btn-box .btn-pu { width:100%; height:40px; display: flex; align-items: center; justify-content: center; border-radius:10px; } 
.pu-item .pu-btn-box .btn-pu span { font-size:14px; font-weight:bold; color:#ffffff; } 
.pu-item .pu-btn-box .btn-pu::before { content:''; display:inline-block; width:24px; height:24px; background:url(resources/wis-layout/images/sub/icon-photo.svg) center no-repeat; margin-right:5px; } 
.pu-item .pu-btn-box .btn-pu.shot { background:#6993CE; } 
.pu-item .pu-btn-box .btn-pu.bring { background:#94A3B8; } 

@media screen and (max-width: 1200px){
 .d-grid { grid-template-columns: repeat(3, 1fr); } 
.row-card-wrap { } 
 }

/*-------------------------------------------------------------------
분류그룹 : 계절근로자 > 계절근로자 배정
-------------------------------------------------------------------*/
.split-content { display:flex; align-items: center; justify-content: space-between; gap:10px; position:relative; } 
.split-content .sc-item { flex:1; } 
.split-content .sc-item .scr-table-box { height:447px; overflow-y:auto; } 
.split-content .sc-item thead tr th { background:#EAEFF6 } 
.split-content .sc-item thead tr th:first-child { border-left:0; } 
.split-content .btn-split { padding: 20px 15px; border-radius:10px; background:#3286E1; display: flex; align-items: center; justify-content: center; } 


/*-------------------------------------------------------------------
분류그룹 : 계절근로자 > 팝업
-------------------------------------------------------------------*/
.ph-right { display: flex; gap:10px; align-items: center; } 
.btn-pop-sm { display: inline-block; min-height: 35px; padding: 0px 20px; background-color: #f0f0f0; line-height: 32px; font-weight: 600; border-radius:0.5rem; font-size: 0.938rem; color: #000000; text-align: center; cursor: pointer; } 
.btn-pop-sm.save { background:#304086; border:1px solid #304086; color:#ffffff; } 
.btn-pop-sm.plus { background:#304086; border:1px solid #304086; color:#ffffff; } 
.btn-pop-sm.cancel { background:#CDD9EA; border:1px solid #CDD9EA; color:#23262F; } 
.btn-pop-sm.down { background:#1d7145; border:1px solid #1d7145; color:#ffffff; } 
.btn-pop-form { display: inline-block; min-height: 35px; padding: 0px 20px; background-color: #f0f0f0; line-height: 32px; font-weight: 600; border-radius:0.5rem; font-size: 0.938rem; color: #000000; text-align: center; cursor: pointer; } 
.btn-pop-form.find{    background-color: #333333; color: #ffffff;}
.assign-pop .split-content .sc-item th,
.assign-pop .split-content .sc-item td { font-size:0.875rem; } 

/*-------------------------------------------------------------------
분류그룹 : 계절근로자 > 팀편성관리 
-------------------------------------------------------------------*/
.team-manage { width:100%; display:flex; align-items: center; gap:20px; } 
.team-manage .tm-left,
.team-manage .tm-right { width: 100%; height: 653px; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; background: #ffffff; box-shadow: #9eaec3 0px 0px 7px -2px; padding: 20px; overflow-y:auto; } 
.team-manage .tm-left { width:35%; } 
.team-manage .tm-right { width:65%; } 
.table-box.type-sky .table { border-top:0; border-radius:0.5rem; overflow:hidden; } 
.table-box.type-sky thead tr { border-bottom:1px solid #CCD2DE; } 
.table-box.type-sky thead th { border:0!important; background:#EAEFF6; } 
.table-box.type-sky tbody tr { border-bottom:1px solid #CCD2DE; } 
.table-box.type-sky tbody td { border:0!important; } 
.table-box.type-white .table { border-top:0; border-radius:0.5rem; overflow:hidden; } 
.table-box.type-white thead tr { border-bottom:1px solid #CCD2DE; } 
.table-box.type-white thead th { border:0!important; background:#EAEFF6; } 
.table-box.type-white tbody tr { border-bottom:1px solid #CCD2DE; } 
.table-box.type-white tbody td { border:0!important; } 
.table-box.type-white th,
.table-box.type-white td { font-size:0.875rem; padding:0.313rem; } 
.table-box.type-white td .btn-icon img { width:18px; height:18px; } 

.team-manage .table tr { height:40px; } 
.team-manage .table thead tr { height:44px; } 

.team-manage .tm-left .td-nation { display:table-cell; } 
.team-manage .tm-left .td-btn { display:none; } 
.team-manage .tm-right .td-nation { display:none; } 
.team-manage .tm-right .tr-in { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; } 
.team-manage .tm-right .tr-in .tm-card { border-radius: 20px; background: #ffffff; box-shadow: #9eaec3 0px 0px 7px -2px; height:auto; } 
.team-manage .tm-right .tr-in .tm-card .tm-head { width:100%; display: flex; align-items: center; justify-content: center; position:relative; padding: 10px 10px 0 10px; } 
.team-manage .tm-right .tr-in .tm-card .tm-head .tm-tit { font-size:1rem; } 
.team-manage .tm-right .tr-in .tm-card .tm-head .btn-tm-del { position: absolute; right:15px; background:#ffffff; } 
.team-manage .tm-right .tr-in .tm-card .table-box { padding: 10px; overflow-y:auto; box-sizing:border-box; height:270px; } 
.team-manage .tm-right .tr-in .tm-card .table-box tr { height:35px } 
.team-manage .tm-right .tr-in .tm-card .table-box th { } 






@media screen and (max-width: 1024px){
 .team-manage .tm-right .tr-in { grid-template-columns: repeat(2, 1fr); } 
 }


/*-------------------------------------------------------------------
입출국 일정관리 
-------------------------------------------------------------------*/
.d-title-box.sb { width: 100%; margin-bottom: 10px; overflow:hidden; display: flex; align-items: center; justify-content: space-between; } 
.tb-form { display: flex; align-items: center; justify-content: center; gap:5px; } 
.tb-form .tb-tit { font-size:16px; font-weight:bold; } 
.tb-form .btn-tb { width:55px; height:30px; display: flex; align-items: center; justify-content: center; color:#ffffff; background:#dddddd; border-radius:5px; font-size:14px; font-weight:bold; } 
.tb-form .btn-tb.in { background:#3286E1; } 
.tb-form .btn-tb.out { background:#ED4EDD; } 
.month-wrap { width:100%; overflow:hidden; } 
.mw-head { padding:12px 15px; background:#ffffff; border-top:2px solid #CCD2DE; border-bottom:2px solid #CCD2DE; position:relative; margin-bottom:25px; height:auto; overflow:hidden; } 
.mw-head .mw-left { float:left; display:flex; align-items: center; justify-content: start; } 
.mw-head .mw-left .mh-tit { white-space:nowrap; margin-right:20px; } 
.mw-head .mw-right { position:absolute; top:50%; transform:translateY(-50%); right:15px; } 
.mh-form-box { width:100%; overflow:hidden; } 
.mh-form-box .txt { font-weight:bold; } 
.mh-form-box select { height:38px; border-radius:10px; padding:2px 34px 2px 15px; border:1px solid #D0D5DD } 
.mh-form-box ul { width:100%; display: flex; align-items: center; justify-content: center; gap:20px; } 
.mh-form-box ul li { display: flex; align-items: center; justify-content: center; gap:5px; } 
.mh-form-box ul li .m-arrow { display:inline-block; font-size:0; width:20px; height:20px; } 
.mh-form-box ul li .m-arrow.prev { display:inline-block; background:url(../images/sub/m-arrow-prev.svg) center no-repeat; width:20px; height:20px; } 
.mh-form-box ul li .m-arrow.next { display:inline-block; background:url(../images/sub/m-arrow-next.svg) center no-repeat; width:20px; height:20px; } 

.btn-type-tit { display: inline-block; min-height: 40px; padding: 4px 20px; background-color: #f0f0f0; line-height: 32px; font-weight: 600; font-size: 1rem; color: #000000; text-align: center; cursor: pointer; display:inline-flex; align-items: center; justify-content: center; gap:5px; border-radius:10px; } 
.btn-type-tit.excel { background-color:#1D7145; color:#ffffff; } 
.btn-type-tit.excel::before { content:''; background:url(../images/sub/icon-excel.svg); width:16px; height:16px; } 

.btn-type-tit.bring { background-color:#12A4AA; color:#ffffff; } 
.btn-type-tit.bring::before { content:''; background:url(../images/sub/icon-bring.svg); width:16px; height:16px; } 

.btn-type-tit.plus { background-color:#12A4AA; color:#ffffff; } 
.btn-type-tit.plus::before { content:''; background:url(../images/sub/icon-plus.svg); width:18px; height:18px; background-size:contain; } 

.btn-type-tit.confirm { background-color:#304086; color:#ffffff; } 
.btn-type-tit.confirm::before { content:''; background:url(../images/sub/icon-confirm.svg); width:18px; height:18px; background-size:contain; } 

.mw-cont { width:100%; overflow:hidden; display:flex; gap:20px; padding:0 0 10px 0; } 
.grid-card { box-sizing:border-box; background:#ffffff; border-radius:20px; box-shadow: #9eaec3 0px 0px 7px -2px; width:100%; overflow:hidden; padding:20px; } 
.mw-cont .mc-left { flex:8; display: flex; gap:20px; flex-direction: column; } 
.mw-cont .mc-right { flex:4; display: flex; gap:20px; flex-direction: column; } 
.mw-cont .mc-left .mcl-top .grid-card { height:333px; } 
.mw-cont .mc-left .mcl-bottom .grid-card { height:175px; } 
.mw-cont .mc-right .grid-card { box-shadow:unset; height:271px; padding:15px; } 
.mw-cont .mc-right .mcr-top .grid-card { border:1px solid #3286E1; border-left:4px solid #3286E1; } 
.mw-cont .mc-right .mcr-bottom .grid-card { border:1px solid #ED4EDD; border-left:4px solid #ED4EDD; } 
.mw-cont .title-box { width:100%; overflow:hidden; margin-bottom:10px; } 
.mw-cont .title-box .m-tit-01 { font-size:18px; font-weight:bold; } 
.mw-cont .title-box .m-tit-01.icon { display: flex; align-items: center; justify-content: start; gap:5px; } 
.mw-cont .title-box .m-tit-01.icon i { font-size:0; } 
/*-- 메모 --*/
.gt-area { width:100%; font-size:16px; line-height:1.5; height:calc(100% - 45px); } 
.gt-area textarea { width:100%; font-size:14px; height:100%; border:1px solid #dddddd; border-radius:5px; padding:5px; } 
.g-btn-box { width:100%; display: flex; align-items: center; justify-content: end; gap:5px; margin-top:10px; } 
.g-btn-box .btn-g { margin-left:5px; width: 55px; height: 35px; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; background: #dddddd; border-radius: 5px; font-size: 14px; font-weight: bold; } 
.g-btn-box .btn-g.del { background:#DCE0EA; color:#344054; } 
.g-btn-box .btn-g.save { background:#304086; color:#ffffff; } 

/*-- 오른쪽 테이블 --*/
.grid-card .table-box { height:100%; overflow-y:auto; } 
.grid-card .table { border-top:1px solid #E3E6F0; border-bottom:1px solid #E3E6F0; } 
.grid-card .table td { border:0; border-bottom:1px solid #E3E6F0; padding:3px 2px; } 
.grid-card .table td .date-box > button { background:#304086 url(../images/common/i_calender.png) no-repeat center;; } 

.srch-box.line-more { flex-direction: column; gap:10px; } 
.srch-box.line-more .sb-column { overflow:hidden; width:calc(100% - 100px); float:right; margin-top:10px; } 
.srch-box.line-more .sb-column:first-child { margin-top:0; } 

/*-------------------------------------------------------------------
분류그룹 : 계절근로자 > (공공형) 농가 신청 배정관리 
-------------------------------------------------------------------*/
.mod-form-list.type-02 { border-top:2px solid #CCD2DE!important; } 
.mod-form-list.type-02 li.form { border-bottom:2px solid #CCD2DE!important; } 
.mod-form-list.type-02 li.form .form-title .form-tit { white-space: nowrap; } 
.mod-form-list.type-02 .sel,
.mod-form-list.type-02 .intxt { width:100%; border-radius:10px; } 


.team-manage.assign-page .tm-left { width:35%; height:413px; } 
.team-manage.assign-page .tm-right { width:65%; height:413px; } 
.tm-content-wrap { width:100%; overflow:hidden; height:100%; display:flex; flex-direction: column; gap:20px; } 
.tm-content-wrap .tm-head { width:100%; display: flex; align-items: center; justify-content: start; gap:20px; } 
.tm-content-wrap .tm-head .th-tit { font-size:18px; white-space: nowrap; } 
.tm-content-wrap .tm-head .th-form-wrap { } 
.tm-content-wrap .tm-head .th-form-wrap ul { display: flex; align-items: center; justify-content: start; gap:10px; } 
.tm-content-wrap .tm-head .th-form-wrap ul li { display: flex; align-items: center; justify-content: start; gap:10px; } 
.tm-content-wrap .tm-head .th-form-wrap ul li .tfw-tit h4 { font-size:16px; } 
.tm-content-wrap .tm-head .th-form-wrap ul li .tfw-form input,
.tm-content-wrap .tm-head .th-form-wrap ul li .tfw-form select { width:100%; height: 38px; border-radius: 10px; border: 1px solid #D0D5DD; } 
.tm-content-wrap .tm-head .th-form-wrap ul li .tfw-form input { padding:0 10px; } 
.tm-content-wrap .tm-head .th-form-wrap ul li .tfw-form select { padding: 2px 34px 2px 15px; } 
.tm-content-wrap .tm-cont { height:100%; overflow-y:auto; } 
.people-list { width:100%; overflow:hidden; } 
.people-list ul { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; width:100%; } 
.people-list ul li .person { width:100%; min-height:35px; border-radius:20px; display: flex; align-items: center; justify-content: center; font-size:14px; background:#dddddd; color:#ffffff; padding:0 10px; max-width:251px; } 
.people-list ul li .person .p-info { display:flex; gap:10px; justify-content: center; } 
.people-list ul li .person .p-info .pi-name { text-align:center; } 
.people-list ul li .person.top { background:#304086; } 
.people-list ul li .person.mid { background:#1F64CD; } 
.people-list ul li .person.bot { background:#5397F6; } 
.tm-content-wrap .tm-foot { width:100%; display: flex; align-items: center; justify-content: end; } 
.tm-content-wrap .tm-foot .people-list { width:300px; } 

.tm-product { width:100%; height:auto; max-height:685px; overflow-y:auto; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; background: #ffffff; box-shadow: #9eaec3 0px 0px 7px -2px; padding: 15px; } 
.tm-product .btn-tp-close { display:inline-block; width:16px; height:16px; background:url(../images/sub/btn-tp-close.svg) center no-repeat; background-size:contain; } 
.tm-product > ul { display:grid; grid-template-columns: repeat(3, 1fr); gap:15px; } 
.tm-product > ul > li { } 
.tmp-card > ul { height:320px; border-radius: 20px; display: flex; background: #ffffff; box-shadow: #9eaec3 0px 0px 7px -2px; padding: 15px; overflow-y: auto; } 
.tmp-card > ul > li { width:calc(50% - 5px); } 
.tmp-card > ul > li:last-child { margin-left:10px; } 
.tmp-card > ul .tmpc-left { border:1px solid #dfdfdf; border-radius:10px; } 
.tmp-card > ul .tmpc-left .tl-head { display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #dfdfdf; height:35px; padding:0 8px; } 
.tmp-card > ul .tmpc-left .tl-head h4 { font-size:14px; padding:3px 10px; background:#dddddd; border-radius:20px;} 
.tmp-card > ul .tmpc-left .tl-head h4.on{background:#12A4AA; color:#ffffff;}
.tmp-card > ul .tmpc-left .tl-cont { height:calc(100% - 35px); } 
.tmp-card > ul .tmpc-left .tl-cont ul { width:100%; height:100%; overflow-y:auto; padding:8px 8px; } 
.tmp-card > ul .tmpc-left .tl-cont ul li { margin-bottom:10px; } 
.tmp-card > ul .tmpc-left .tl-cont ul li:last-child { margin-bottom:0; } 
.tmp-card > ul .tmpc-left .tl-cont ul li p { font-size:14px; text-align:center; } 
.tmp-card > ul .tmpc-left .tl-cont ul .tlc-form { display: flex; align-items: center; justify-content: center; gap:10px; } 
.tmp-card > ul .tmpc-left .tl-cont ul .tlc-form .tlc-form-tit { font-size:14px; width:45px; } 
.tmp-card > ul .tmpc-left .tl-cont ul .tlc-form .tlc-form-cont { width:100%; width:calc(100% - 55px); } 
.tmp-card > ul .tmpc-left .tl-cont ul .tlc-form .tlc-form-cont input { border: 1px solid #dfdfdf; height:25px; border-radius:5px; width:100%; padding:0 5px; } 
.tmp-card > ul .tmpc-right { height:100%; height:auto; overflow-y:auto; } 
.tmp-card > ul .tmpc-right > ul > li { margin-bottom:5px; width:100%; height:auto; } 
.tmp-card > ul .tmpc-right > ul > li:last-child { margin-bottom:0; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person { width:100%; padding:5px; position:relative; border-radius:10px; background:#dddddd; color:#ffffff; min-height:53px; display:flex; align-items: end; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person.top { background:#304086; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person.mid { background:#1F64CD; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person.bot { background:#5397F6; } 


.tmp-card > ul .tmpc-right > ul > li .selected-person .sp-info { width:100%; display: flex; align-items: end; justify-content: space-between; margin-top:8px; margin-bottom:4px; position:relative;} 
.tmp-card > ul .tmpc-right > ul > li .selected-person .sp-info span { font-size:12px;  } 
/* .tmp-card > ul .tmpc-right > ul > li .selected-person .sp-info .spi-name { border:2px solid red;     word-wrap: break-word; display:Flex; align-items:center; justify-content: center; flex-flow:column-reverse;  width:100px; min-height:30px; text-align:center;  }  */
.tmp-card > ul .tmpc-right > ul > li .selected-person .sp-info .spi-name { position:absolute;  top:0%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%; max-width:100px; word-break: break-all; padding:0 5px;} 
.tmp-card > ul .tmpc-right > ul > li .selected-person .check { position:absolute; top:7px; left:7px; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person .check > span::before, .check > label::before { width:16px; height:16px; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person .check > span::after, .check > label::after { width:10px; height:7px; top:3px; left:3px; } 
.tmp-card > ul .tmpc-right > ul > li .selected-person .btn-tp-close { position:absolute; top:7px; right:7px; } 

@media screen and (max-width: 1024px){
 .tm-product > ul { grid-template-columns: repeat(2, 1fr); } 
 }


/*-------------------------------------------------------------------------
[팝업] 분류그룹 : 계절근로자 > (공공형) 농가 신청 배정관리 > 신청농가 추가 팝업
--------------------------------------------------------------------------*/

.pfc-title-box{width:100%; display: flex; align-items: center; justify-content: start; margin-top:20px; padding:0 5px;}
.pfc-title-01{font-size:16px; position:relative;}
.pfc-title-01 .essen{position:absolute; left:-8px; ;}
.essen::before{content:"*"; color:#DA3938;}
.pfc-title-01 .pfc-sub-tit{font-size:14px; position:relative;}
.pf-form-wrap { width:100%; } 
/* .pf-form-wrap ul { display: flex; align-items: center; justify-content: start; gap: 10px; }  */
.pf-form-wrap ul li { display: flex; align-items: center; justify-content: start; padding:5px 5px ; min-height:48px;} 
.pf-form-wrap ul li .pf-tit{width:75px; position:relative;}
.pf-form-wrap ul li .pf-tit .essen{position:absolute; left:-8px; ;}
.pf-form-wrap ul li .pf-tit h4 { font-size: 16px; position:relative;} 
.pf-form-wrap ul li .pf-form{width:calc(100% - 75px);}
.pf-form-wrap ul li .pf-form input,
.pf-form-wrap ul li .pf-form select { width: 100%; height: 38px; border-radius: 10px; border: 1px solid #D0D5DD; } 
.pf-form-wrap ul li .pf-form input { padding: 0 10px; } 
.pf-form-wrap ul li .pf-form select { padding: 2px 34px 2px 15px; } 



/*-------------------------------------------------------------------------
[팝업] 분류그룹 : 인건비 정산관리
--------------------------------------------------------------------------*/
/*-- 테이블 고정 --*/
#demo_01{border-bottom:1px solid #dedede;}
#demo_01 th,
#demo_01 td {border-bottom:0 none;text-align:center;border-right:1px solid #dedede;background:#fff}
#demo_01 th{border-bottom:0;}
#demo_01 td {border-top:1px solid #dedede;}
#demo_01 table {margin:10px 0;border:1px solid #dedede; width:100%;}
#demo_01 table,
#demo_01 thead,
#demo_01 tbody {display:block}
#demo_01 tbody tr,
#demo_01 thead tr {display:table;width:100%;border-collapse:collapse}
#demo_01 tbody td,
#demo_01 thead th {display:table-cell; box-sizing:border-box;}
#demo_01 thead {padding-right:17px;}
#demo_01 tbody tr td:last-child,
#demo_01 thead tr th:last-child {border-right:0}
#demo_01 tbody {overflow-y:scroll;max-height:300px}
#demo_01 tbody tr:first-child td {border-top:0}
/* #demo_01 tbody tr:nth-child(odd) td {background:#f1f1f1} */
#demo_01 thead{background:#F3F5F9; border-bottom: 1px solid #E3E6F0;}
#demo_01.list_01 thead tr th:nth-child(1), #demo_01.list_01 tbody tr td:nth-child(1){width:60px;} 
#demo_01.list_01 thead tr th:nth-child(2), #demo_01.list_01 tbody tr td:nth-child(2){width:180px; } 
#demo_01.list_01 thead tr th:nth-child(3), #demo_01.list_01 tbody tr td:nth-child(3){width:70px;} 
#demo_01.list_01 thead tr th:nth-child(4), #demo_01.list_01 tbody tr td:nth-child(4){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(5), #demo_01.list_01 tbody tr td:nth-child(5){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(6), #demo_01.list_01 tbody tr td:nth-child(6){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(7), #demo_01.list_01 tbody tr td:nth-child(7){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(8), #demo_01.list_01 tbody tr td:nth-child(8){width:80px;} 
#demo_01.list_01 thead tr th:nth-child(9), #demo_01.list_01 tbody tr td:nth-child(9){width:80px;} 
#demo_01.list_01 thead tr th:nth-child(10), #demo_01.list_01 tbody tr td:nth-child(10){width:80px;} 
#demo_01.list_01 thead tr th:nth-child(11), #demo_01.list_01 tbody tr td:nth-child(11){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(12), #demo_01.list_01 tbody tr td:nth-child(12){width:100px;} 
#demo_01.list_01 thead tr th:nth-child(13), #demo_01.list_01 tbody tr td:nth-child(13){width:80px;} 

/*-- 이용료 납입금 --*/
.mod-client-list-con.money{height:unset; overflow-y:unset;}

.data-money-list
.data-money-list{width:100%; height:auto; max-height:380px; overflow-y:auto; }
.data-money-list .split-list{border:2px solid #E3E6F0; margin-bottom:10px; border-radius:10px; }
.data-money-list .split-list:last-child{margin-bottom:0;}
.data-money-list .split-list .split-item.left{display: flex; align-items: center; justify-content: start; }
.data-money-list .split-list .split-item.left h4{font-size:18px; text-align:center; width:100%;}
.data-money-list .split-list .split-item.right ul{display: flex; justify-content: center; }
.data-money-list .split-list .split-item.right ul li{padding:5px; display: flex; display: flex; justify-content: center;}


#demo_01 thead{background:#F3F5F9; border-bottom: 1px solid #E3E6F0;}
#demo_01 thead th .bold{font-size:22px; margin-left:10px; vertical-align:-8%;}
#demo_01.list_user-fee tbody{max-height: 267px;}
#demo_01.list_user-fee thead tr th:nth-child(1), #demo_01.list_user-fee tbody tr td:nth-child(1){width:100px;} 
#demo_01.list_user-fee thead tr th:nth-child(2), #demo_01.list_user-fee tbody tr td:nth-child(2){width:150px;} 
#demo_01.list_user-fee thead tr th:nth-child(3), #demo_01.list_user-fee tbody tr td:nth-child(3){width:100px;} 
#demo_01.list_user-fee thead tr th:nth-child(4), #demo_01.list_user-fee tbody tr td:nth-child(4){width:100px;} 
#demo_01.list_user-fee thead tr th:nth-child(5), #demo_01.list_user-fee tbody tr td:nth-child(5){width:100px;} 

#demo_01.list_pay-fee tbody{max-height: 267px;}
#demo_01.list_pay-fee thead tr th:nth-child(1), #demo_01.list_pay-fee tbody tr td:nth-child(1){width:100px;} 
#demo_01.list_pay-fee thead tr th:nth-child(2), #demo_01.list_pay-fee tbody tr td:nth-child(2){width:100px;} 
#demo_01.list_pay-fee thead tr th:nth-child(3), #demo_01.list_pay-fee tbody tr td:nth-child(3){width:150px;} 


/*-- 버튼 옆 텍스트 --*/
.bold{font-weight:Bold;}
.etc-title{font-size:18px; line-height:40px; margin-right:5px; }