@charset "UTF-8";

/*-------------------------------------------------------------------
	분류그룹 : 공통
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#container {position:relative; }
#content {display: block; min-height: 100vh; padding: 60px 0;}
@media screen and (max-width: 1024px) {
	#content {padding: 40px 0;}
}
@media screen and (max-width: 800px) {
	#content {padding: 0 0 40px;}
}

/*-------------------------------------------------------------------
	분류그룹 : 공통 > 타이틀
-------------------------------------------------------------------*/
#content .title-01 {display: block; position: relative; padding-left: 25px; font-weight: 600; font-size: 1.125rem;}
#content .title-01::before {content:""; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-color: #4B9CD4;}
#content .title-01::after {content:""; position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background-color: #72BD9C;}
#content .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;}

#content .title-01 > .link {transition: background 0.3s, color 0.3s;}
#content .title-01 > .link:focus,
#content .title-01 > .link:hover {color: #14663D; background-image: url(../images/common/i_title_link_on.svg);}
#content .title-01.type-b > .link:focus,
#content .title-01.type-b > .link:hover {color: #304086; background-image: url(../images/common/i_title_link_on2.svg);}

#content .title-02 {display: block; position: relative; padding-left: 10px; font-weight: 600; font-size: 1.0625rem;}
#content .title-02::before {content:""; position: absolute; top: 2.5px; left: 0; width: 4px; height: 1.0625rem; background-color: #14663D;}
/*-------------------------------------------------------------------
	분류그룹 : 공통 > 커스텀 스크롤바
-------------------------------------------------------------------*/
.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;}

/*-------------------------------------------------------------------
	분류그룹 : 공통 > 첨부파일 라벨
-------------------------------------------------------------------*/
#content .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;}
#content .label-attach.hwp {background-image: url('../images/common/i_label_hwp.svg');}
#content .label-attach.word {background-image: url('../images/common/i_label_word.svg');}
#content .label-attach.excel {background-image: url('../images/common/i_label_excel.svg');}
#content .label-attach.img {background-image: url('../images/common/i_label_img.svg');}
#content .label-attach.pdf {background-image: url('../images/common/i_label_pdf.svg');}
#content .label-attach.ppt {background-image: url('../images/common/i_label_ppt.svg');}
#content .label-attach.down {background-image: url('../images/common/i_head_download.svg'); background-color:transparent;}
.btn.only-icon.key{background-image: url('../images/common/icon_key.png'); }

/*-------------------------------------------------------------------
	분류그룹 : 공통 > 첨부파일 라벨
-------------------------------------------------------------------*/
#content .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;}
#content .ico-attach.excel {background-image: url('../images/common/i_excel.svg');}

/*-------------------------------------------------------------------
	분류그룹 : 공통 > 동영상 버튼
-------------------------------------------------------------------*/
#content .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;}
#content .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;}
#content .btn-video:focus,
#content .btn-video:hover {background-color: #329274;}


/*-------------------------------------------------------------------
	분류그룹 : 공통 > 게시판 리스트
-------------------------------------------------------------------*/
/* default */
#content .mod-table-list {width:100%; border-top: 1px solid #000000;}
#content .mod-table-list caption {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .mod-table-list th {padding:15px 10px; border-bottom: 1px solid #E3E6F0; font-weight:bold; color:#000; text-align:center; background-color: #F3F5F9;}
#content .mod-table-list th.title {width:45%;}
#content .mod-table-list th.bor {border-width:0 0 1px 1px;}
#content .mod-table-list td {padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center; word-break: break-all;}
#content .mod-table-list td > span {word-break: inherit;}
#content .mod-table-list td .notice {display:inline-block; width:16px; height:14px; vertical-align: middle;}
#content .mod-table-list td.title {width:50%; text-align: left;}
#content .mod-table-list td.title .link-tit {display:inline-block; color:#000000; vertical-align: middle;}
#content .mod-table-list td.title .link-tit .new {display: inline-block; vertical-align: middle;}
#content .mod-table-list td.title .link-tit .new img {display:block;}
#content .mod-table-list td .btn {border-radius: 5px; font-size: inherit;}

#content .mod-table-list th.hide-sm,
#content .mod-table-list td.hide-sm {}
/* interaction */
#content .mod-table-list td .link-tit .tit {transition: color 0.3s;}
#content .mod-table-list td .link-tit:focus .tit,
#content .mod-table-list td .link-tit:hover .tit {color: #14663D;}
#content .mod-table-list td .link-tit.type-b:focus .tit,
#content .mod-table-list td .link-tit.type-b:hover .tit {color: #304086;}

/* -------
	column hide size : xl 1200px / lg 1024px / md 800px / sm 600px
---------- */
@media screen and (max-width:1280px){
    #content .mod-table-list td {font-size: 0.875rem;}
    #content .mod-table-list td.title {font-size: 0.875rem;}
}
@media screen and (max-width:1200px){
	#content .mod-table-list th.hide-xl,
	#content .mod-table-list td.hide-xl {display: none;}
	#content .mod-table-list.type-responsive th.hide-xl,
	#content .mod-table-list.type-responsive td.hide-xl {display: none;}
}
@media screen and (max-width:1024px) {
	#content .mod-table-list th {padding: 10px;}
	#content .mod-table-list td {padding: 10px;}
	#content .mod-table-list td.m-left {text-align: left;}
	#content .mod-table-list td.m-right {text-align: right;}
	#content .mod-table-list td.m-center {text-align: center;}

	#content .mod-table-list th.hide-lg,
	#content .mod-table-list td.hide-lg {display: none;}
	#content .mod-table-list.type-responsive th.hide-lg,
	#content .mod-table-list.type-responsive td.hide-lg {display: none;}

	/* responsive > size-lg */
    #content .mod-table-list.type-responsive.type-lg {display:block;}
	#content .mod-table-list.type-responsive.type-lg thead {display:none;}
    #content .mod-table-list.type-responsive.type-lg tbody {display:block; width:100%;}
    #content .mod-table-list.type-responsive.type-lg tr {display:block; position: relative; width:100%; padding-left: 5px; border-bottom:1px solid #000000; background-color: #ffffff;}
	#content .mod-table-list.type-responsive.type-lg tr:nth-child(2n) {background-color: #fafbfd;}
	#content .mod-table-list.type-responsive.type-lg tr::before {content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #8890a9;}
    #content .mod-table-list.type-responsive.type-lg tr:after {content:""; display:block; clear: both;}
    #content .mod-table-list.type-responsive.type-lg td {display:block; float: left; width:100%; border-width:0; border-top:1px dotted #dddddd; text-align:left;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-1 {width:8.3333%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-2 {width:16.6666%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-3 {width:25%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-4 {width:33.3333%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-5 {width:41.6667%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-6 {width:50%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-7 {width:58.3333%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-8 {width:66.6667%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-9 {width:75%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-10 {width:83.3334%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-11 {width:91.6667%;}
	#content .mod-table-list.type-responsive.type-lg td.tcol-12 {width:100%;}

	#content .mod-table-list.type-responsive.type-lg td .btn {display: block; width: 100%;}
}
@media screen and (max-width:800px) {
	#content .mod-table-list th {padding: 6px; font-size: 14px;}
	#content .mod-table-list td {padding: 6px; font-size: 14px;}

	#content .mod-table-list th.hide-md,
	#content .mod-table-list td.hide-md {display: none;}
	#content .mod-table-list.type-responsive th.hide-md,
	#content .mod-table-list.type-responsive td.hide-md {display: none;}

	/* responsive */
    #content .mod-table-list.type-responsive {display:block;}
	#content .mod-table-list.type-responsive thead {display:none;}
    #content .mod-table-list.type-responsive tbody {display:block; width:100%;}
    #content .mod-table-list.type-responsive tr {display:block; position: relative; width:100%; padding-left: 5px; border-bottom:1px solid #000000; background-color: #ffffff;}
    #content .mod-table-list.type-responsive tr:nth-child(2n) {background-color: #fafbfd;}
	#content .mod-table-list.type-responsive tr::before {content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #8890a9;}
    #content .mod-table-list.type-responsive tr:after {content:""; display:block; clear: both;}
    #content .mod-table-list.type-responsive td {display:block; float: left; width:100%; border-width:0; border-top:1px dotted #dddddd; text-align:left;}
	#content .mod-table-list.type-responsive td.tcol-1 {width:8.3333%;}
	#content .mod-table-list.type-responsive td.tcol-2 {width:16.6666%;}
	#content .mod-table-list.type-responsive td.tcol-3 {width:25%;}
	#content .mod-table-list.type-responsive td.tcol-4 {width:33.3333%;}
	#content .mod-table-list.type-responsive td.tcol-5 {width:41.6667%;}
	#content .mod-table-list.type-responsive td.tcol-6 {width:50%;}
	#content .mod-table-list.type-responsive td.tcol-7 {width:58.3333%;}
	#content .mod-table-list.type-responsive td.tcol-8 {width:66.6667%;}
	#content .mod-table-list.type-responsive td.tcol-9 {width:75%;}
	#content .mod-table-list.type-responsive td.tcol-10 {width:83.3334%;}
	#content .mod-table-list.type-responsive td.tcol-11 {width:91.6667%;}
	#content .mod-table-list.type-responsive td.tcol-12 {width:100%;}

	#content .mod-table-list.type-responsive td .btn {display: block; width: 100%;}
}
@media screen and (max-width:600px){
	#content .mod-table-list td {font-size: 13px;}
	
	#content .mod-table-list th.hide-sm,
	#content .mod-table-list td.hide-sm {display: none;}
	#content .mod-table-list.type-responsive th.hide-sm,
	#content .mod-table-list.type-responsive td.hide-sm {display: none;}
}


/*-------------------------------------------------------------------
	분류그룹 : 공통 > 첨부파일 모듈
-------------------------------------------------------------------*/
#content .attach-file-wrap .attach-file-box {display: block; position: relative; width:100%; height: 40px; padding-left: 120px;}
#content .attach-file-wrap .attach-file-box .upload-name {display:block; padding: 0 15px; width:100%; height: 100%; border: 1px solid #e9e9e9; background-color: #f8f8f8;}
#content .attach-file-wrap .attach-file-box .fileupload {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .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;}
#content .attach-file-wrap .attach-file-box.type-b .attach-label {background-color: #304086;}

#content .attach-file-wrap .file-box-wrap {display: block;}
#content .attach-file-wrap .file-box-wrap .file-box {display: none; position: relative; margin: 10px -5px 0; border-top: 1px solid transparent;}
#content .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;}
#content .attach-file-wrap .file-box-wrap .file-box::after {content:''; display: block; clear: both;}
#content .attach-file-wrap .file-box-wrap .file-box.on {display: block;}
#content .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;}
#content .attach-file-wrap.type-b .file-box-wrap .file-box .close-item {background-color: #304086;}
#content .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;}
#content .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;}
#content .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);}
#content .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;}
#content .attach-file-wrap .file-box-wrap .file-box .c_pointer{cursor:pointer;}
/* 일반 파일 */
#content .attach-file-wrap .file-box-wrap .file-nor-box .file-item {padding: 10px 5px; line-height: 16px;}
/* 이미지 파일 */
#content .attach-file-wrap .file-box-wrap .file-img-box {padding-top: 5px;}
#content .attach-file-wrap .file-box-wrap .file-img-box .file-item {float: left; width: 20%; padding: 5px;}
#content .attach-file-wrap .file-box-wrap .file-img-box .file-item:last-child {border: none;}
#content .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;}
#content .attach-file-wrap .file-box-wrap .file-img-box .file-item .img-box > img {display:block; max-width: none; height: 100%;}
#content .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 */
#content .attach-file-wrap .attach-file-box .attach-label {transition: background 0.3s;}
#content .attach-file-wrap .attach-file-box .fileupload:hover + .attach-label,
#content .attach-file-wrap .attach-file-box .fileupload:focus + .attach-label {background-color:#329274;}
#content .attach-file-wrap .attach-file-box.type-b .fileupload:hover + .attach-label,
#content .attach-file-wrap .attach-file-box.type-b .fileupload:focus + .attach-label {background-color:#2c80b9;}
@media screen and (max-width: 1024px) {
	#content .attach-file-wrap .file-box-wrap .file-img-box .file-item {width: 25%;}
}
@media screen and (max-width: 800px) {
	#content .attach-file-wrap .file-box-wrap .file-img-box .file-item {width: 33.333%;}
}
@media screen and (max-width: 425px) {
	#content .attach-file-wrap .file-box-wrap .file-img-box .file-item {width: 50%;}
}




/*-------------------------------------------------------------------
	분류그룹 : 공통 > 컨텐츠 없음 표시
-------------------------------------------------------------------*/
#content .content-none {display: block; height: 150px; margin-bottom: 20px; border: 1px solid #E3E6F0; line-height: 148px; background-color: #F3F5F9; text-align: center;}
#content .content-none .txt {display: inline-block; font-weight: 600; font-size: 1.125rem; color:#5b5b5b;}


/*-------------------------------------------------------------------
	분류그룹 : 공통 > 컬럼 추가 삭제 버튼
-------------------------------------------------------------------*/
#content .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;}
#content .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;}
#content .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;}
#content .btn-mod-plus.type-b {background-color: #304086;}
#content .btn-mod-minus.type-b {background-color: #DA3938;}

/* interaction */
#content .btn-mod-plus,
#content .btn-mod-minus,
#content .btn-mod-del {transition: background 0.3s;}
#content .btn-mod-plus:hover,
#content .btn-mod-plus:focus {background-color: #329274;}
#content .btn-mod-minus:hover,
#content .btn-mod-minus:focus {background-color: #304086;}
#content .btn-mod-del:hover,
#content .btn-mod-del:focus {background-color: #DA3938;}

#content .btn-mod-plus.type-b:hover,
#content .btn-mod-plus.type-b:focus {background-color: #2c80b9;}
#content .btn-mod-minus.type-b:hover,
#content .btn-mod-minus.type-b:focus {background-color: #DA3938;}

/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 상단 타이틀 및 breadcrumb
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .sub-top-wrap {display: block; max-width: 1280px; width: 100%; margin: 0 auto 20px; padding-bottom: 15px; border-bottom: 1px solid #E3E6F0;}
#content .sub-top-wrap:after{content:"";display:block;clear:both;}
#content .sub-top-wrap .breadcrumb {display: block; float: right;}
#content .sub-top-wrap .breadcrumb .list {display: block; height: 20px; white-space: nowrap;}
#content .sub-top-wrap .breadcrumb .list > li {display: inline-block; position: relative; padding-right: 20px; text-align: left; vertical-align: middle;}
#content .sub-top-wrap .breadcrumb .list > li:last-child {padding-right: 0;}
#content .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;}
#content .sub-top-wrap .breadcrumb .list > li:last-child::before {display: none;}
#content .sub-top-wrap .breadcrumb .list > li .item {display: block; line-height: 20px;}
#content .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;}

#content .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) {
	#content .sub-top-wrap {margin: 0 20px 20px; width: auto;}
}
@media screen and (max-width: 1024px) {
    #content .sub-top-wrap {margin: 0 15px 20px;}
}
@media screen and (max-width: 800px) {
	#content .sub-top-wrap {margin: 0 0 20px; padding-bottom: 0; border-bottom: 0;}
	#content .sub-top-wrap .title {float: none; margin: 0 15px; padding-bottom: 10px; border-bottom: 1px solid #E3E6F0;}
	#content .sub-top-wrap .breadcrumb {float: none; margin-bottom: 30px; padding: 5px 15px; border-bottom: 1px solid #E3E6F0; background-color: #F3F5F9; text-align: right;}
	#content .sub-top-wrap .breadcrumb .list {display: inline-block;}
}
@media screen and (max-width: 600px) {
	#content .sub-top-wrap .breadcrumb {text-align: left;}
	#content .sub-top-wrap .breadcrumb .list {white-space: normal;}
	#content .sub-top-wrap .breadcrumb .list > li {padding-right: 10px;}
	#content .sub-top-wrap .breadcrumb .list > li::before {right: 3px;}
	#content .sub-top-wrap .breadcrumb .list > li .item {font-size: 12px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 상세검색
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-filter-wrap {display: block;}
#content .mod-filter-wrap .filter-head {display: block;}
#content .mod-filter-wrap .filter-head::after {content:""; display: block; clear: both;}
#content .mod-filter-wrap .filter-head .filter-tab.tab-box {float: left; width: calc(100% - 55px);}
#content .mod-filter-wrap .filter-head .filter-tab.tab-box.type-link {width: 100%; margin-bottom: 0;}
#content .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab {min-height: 55px;}
#content .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab .i-filter {position:relative; padding-left: 30px;}
#content .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;}
#content .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);}
#content .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);}
#content .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);}

#content .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 */
#content .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);}
#content .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);}
#content .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);}

#content .mod-filter-wrap .filter-head .btn-drop {transition: border 0.4s, background-color 0.4s;}
#content .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);}

#content .mod-filter-wrap.type-b .filter-head .filter-tab.tab-box .list-wrap > li .btn-tab.active {background-color: #304086;}
#content .mod-filter-wrap.type-b .filter-head .btn-drop.active{border-color: #14663D; background-color: #14663D;}

@media screen and (max-width: 800px) {
    #content .mod-filter-wrap .filter-head .filter-tab.tab-box {height: 55px;}
    #content .mod-filter-wrap .filter-head .filter-tab.tab-box .list-wrap {padding-top: 55px;}
}


/* filter-body */
#content .mod-filter-wrap .filter-body {}
#content .mod-filter-wrap .filter-body .filter-tab-con {display: block;}
#content .mod-filter-wrap .filter-body .filter-tab-con .tab-con {}

#content .mod-filter-wrap .filter-form {display: block;}
#content .mod-filter-wrap .filter-form::after {content:""; display: block; clear: both;}
#content .mod-filter-wrap .filter-form .form-cell {display: block; float: left; width: 100%;}
#content .mod-filter-wrap .filter-form .form-cell.col-1 {width:8.3333%;}
#content .mod-filter-wrap .filter-form .form-cell.col-2 {width:16.6666%;}
#content .mod-filter-wrap .filter-form .form-cell.col-3 {width:25%;}
#content .mod-filter-wrap .filter-form .form-cell.col-4 {width:33.3333%;}
#content .mod-filter-wrap .filter-form .form-cell.col-5 {width:41.6667%;}
#content .mod-filter-wrap .filter-form .form-cell.col-6 {width:50%;}
#content .mod-filter-wrap .filter-form .form-cell.col-7 {width:58.3333%;}
#content .mod-filter-wrap .filter-form .form-cell.col-8 {width:66.6667%;}
#content .mod-filter-wrap .filter-form .form-cell.col-9 {width:75%;}
#content .mod-filter-wrap .filter-form .form-cell.col-10 {width:83.3334%;}
#content .mod-filter-wrap .filter-form .form-cell.col-11 {width:91.6667%;}
#content .mod-filter-wrap .filter-form .form-cell.col-12 {width:100%;}

#content .mod-filter-wrap .filter-form {}
#content .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;}
#content .mod-filter-wrap .filter-form .form-cell:last-child .cell-head {border-right: 1px solid #E3E6F0;}
#content .mod-filter-wrap .filter-form .form-cell .cell-head .tit {display: inline-block; font-weight: 600; font-size: 1rem; color: #000000; vertical-align: middle;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body {display: block; overflow-x: hidden; overflow-y: auto; height: 270px; border-left: 1px solid #E3E6F0;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body.map {overflow: hidden;}


#content .mod-filter-wrap .filter-form .form-cell:last-child .cell-body {border-right: 1px solid #E3E6F0;}

#content .mod-filter-wrap .filter-form .form-cell .cell-body .drop-list {display: block;}
#content .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;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list {display: block;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list::after {content:""; display: block; clear: both;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li {float: left; position: relative; width: 20%; height: 45px;}

#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-item {position: relative;}
#content .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; }
#content .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;}
#content .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;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter:focus + label > span {color: #14663D; outline: solid;}
#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-item .in-filter:checked + label > span {background-color: #14663D; color: #ffffff;}
#content .mod-filter-wrap.type-b .filter-form .form-cell .cell-body .in-item .in-filter:focus + label > span {color: #304086; outline: solid;}
#content .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) {
	#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li {width: 25%;}
}
@media screen and (max-width: 1024px) {
	#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li {width: 33.333%;}

	#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-filter + label {padding: 0 10px;}
}
@media screen and (max-width: 800px) {
	#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li {width: 50%;}
}
@media screen and (max-width: 600px) {
	#content .mod-filter-wrap .filter-form {display: block;}
	#content .mod-filter-wrap .filter-form .form-cell {display: block; float: none;}
	#content .mod-filter-wrap .filter-form .form-cell,
	#content .mod-filter-wrap .filter-form .form-cell.col-1,
	#content .mod-filter-wrap .filter-form .form-cell.col-2,
	#content .mod-filter-wrap .filter-form .form-cell.col-3,
	#content .mod-filter-wrap .filter-form .form-cell.col-4,
	#content .mod-filter-wrap .filter-form .form-cell.col-5,
	#content .mod-filter-wrap .filter-form .form-cell.col-6,
	#content .mod-filter-wrap .filter-form .form-cell.col-7,
	#content .mod-filter-wrap .filter-form .form-cell.col-8,
	#content .mod-filter-wrap .filter-form .form-cell.col-9,
	#content .mod-filter-wrap .filter-form .form-cell.col-10,
	#content .mod-filter-wrap .filter-form .form-cell.col-11,
	#content .mod-filter-wrap .filter-form .form-cell.col-12 {width: auto;}
	#content .mod-filter-wrap .filter-form .form-cell .cell-body {height: 150px;}
	#content .mod-filter-wrap .filter-form .form-cell .cell-body.map {height: 250px;}
	#content .mod-filter-wrap .filter-form .form-cell .cell-body .hrzn-list > li {float:none; width: auto; border-bottom: 1px solid #E3E6F0; line-height: 44px;}

	#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-filter + label {padding: 0 5px;}
	#content .mod-filter-wrap .filter-form .form-cell .cell-body .in-filter + label > span {padding: 5px 8px;}
}



/* 검색핕터 결과 리스트 */
#content .mod-filter-wrap .result-wrap {display: table; padding: 25px; border: 1px solid #E3E6F0;}
#content .mod-filter-wrap .result-wrap .list-wrap {display: table-cell; width: 99%; vertical-align: middle;}
#content .mod-filter-wrap .result-wrap .list-wrap::after {content:""; display: block; clear: both;}
#content .mod-filter-wrap .result-wrap .list-wrap > li {float: left; margin-right: 15px;}
#content .mod-filter-wrap .result-wrap .list-wrap > li .btn-result {display: block; padding: 5px; background: transparent; cursor: pointer;}
#content .mod-filter-wrap .result-wrap .list-wrap > li .btn-result > span {display:inline-block; padding-right: 20px; font-size: 0.9375rem; color: #14663D; background: url(../images/sub/i_filter_close.svg) no-repeat center right; background-size: 12px;}
#content .mod-filter-wrap .result-wrap .btns {display: table-cell; width: 1%; vertical-align: middle; white-space: nowrap;}
#content .mod-filter-wrap .result-wrap .btns > li {display: inline-block;}
#content .mod-filter-wrap .result-wrap .btns > li .btn-reset {display: block; height: 40px; padding: 5px; background-color: transparent; font-size: 0.9375rem; line-height: 30px;}
#content .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;}

#content .mod-filter-wrap.type-b .result-wrap .list-wrap > li .btn-result > span {color: #304086;}
@media screen and (max-width: 1024px) {
	#content .mod-filter-wrap .result-wrap {padding: 20px;}
}
@media screen and (max-width: 800px) {
	#content .mod-filter-wrap .result-wrap {padding: 15px;}
	#content .mod-filter-wrap .result-wrap {display: block;}
	#content .mod-filter-wrap .result-wrap::after {content:""; display: block; clear: both;}
	#content .mod-filter-wrap .result-wrap .list-wrap {display: block; width: auto;}
	#content .mod-filter-wrap .result-wrap .list-wrap > li {margin-right: 10px;}
	#content .mod-filter-wrap .result-wrap .btns {display: block; float: right; width: auto; margin-top: 8px;}
}
@media screen and (max-width: 600px) {
	#content .mod-filter-wrap .result-wrap .list-wrap > li {margin-right: 5px;}
	#content .mod-filter-wrap .result-wrap .list-wrap > li .btn-result > span {font-size: 12px;}
}
@media screen and (max-width: 425px) {
	#content .mod-filter-wrap .result-wrap .btns {float:none; margin: 0 -5px;}
	#content .mod-filter-wrap .result-wrap .btns::after {content:""; display: block; clear: both;}
	#content .mod-filter-wrap .result-wrap .btns > li {display: block; float: left; width: 50%; padding: 0 5px;}
	#content .mod-filter-wrap .result-wrap .btns > li .btn {display:block; width: 100%; padding: 5px; line-height: 30px;}
	#content .mod-filter-wrap .result-wrap .btns > li .btn-reset {display:block; width: 100%; border: 1px solid #E3E6F0; line-height: 28px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 일자리 싱세검색 리스트 페이지
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-detail-list {display: block; margin-top: 40px;}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 검색창 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#content .mod-list-srch-wrap {display: block; position: relative; margin-bottom: 20px; padding: 20px; border: 1px solid #E3E6F0; background-color: #F3F5F9;}
#content .mod-list-srch-wrap .list-total {display: inline-block; margin-bottom: 10px;}
#content .mod-list-srch-wrap .list-total .num {color: #14663D;}
#content .mod-list-srch-wrap .list-total .num.type-b  {color: #304086;}

#content .mod-list-srch-wrap .srch-box {display: block;}
#content .mod-list-srch-wrap .srch-box + .srch-box {margin-top: 5px;}
#content .mod-list-srch-wrap .srch-box::after {content:""; display: block; clear: both;}
#content .mod-list-srch-wrap .srch-box .srch-util {display: block; float: left;}
#content .mod-list-srch-wrap .srch-box .srch-util::after {content:""; display: block; clear: both;}
#content .mod-list-srch-wrap .srch-box .srch-util .cell {display: block; float: left; padding-right: 10px; line-height: 40px;}

#content .mod-list-srch-wrap .srch-box .srch-util.type-center {position: absolute; top: calc(50% - 20px); left: 20px;}

#content .mod-list-srch-wrap .srch-box .srch-bar {display: table; float: right;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell {display: table-cell; padding-right: 5px; vertical-align: middle;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell::after {content:''; display: block; clear: both;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell:last-child {padding-right: 0;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell .date-box {max-width: 200px;}

#content .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-tit {display: block; float: left; padding-right: 10px; line-height: 40px;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-tit > span,
#content .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;}
#content .mod-list-srch-wrap .srch-box .srch-bar .cell .cell-con {display: block; overflow: hidden;}

/* #content .mod-list-srch-wrap .srch-box .srch-situ{floa} */
#content .mod-list-srch-wrap .srch-box .srch-situ .text-01{font-size:14px;}

@media screen and (max-width: 1024px) {
	#content .mod-list-srch-wrap .srch-box.type-lg + .srch-box {margin-top: 0;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-util {float: none;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-util.type-center {position: static; top: auto; left: auto;}
	
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar {display: block; float: none; margin: 0 -5px;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar::after {content:""; display: block; clear: both;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell {display: block; float: left; width: 50%; margin-bottom: 10px; padding: 0 5px;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell:last-child {padding: 0 5px;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-1 {width:8.3333%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-2 {width:16.6666%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-3 {width:25%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-4 {width:33.3333%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-5 {width:41.6667%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-6 {width:50%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-7 {width:58.3333%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-8 {width:66.6667%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-9 {width:75%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-10 {width:83.3334%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-11 {width:91.6667%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell.col-12 {width:100%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .intxt,
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .btn,
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .sel {display:block; width: 100%;}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar .cell .date-box {max-width: none;}

	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar.date-bar .cell {width: calc(50% - 10px);}
	#content .mod-list-srch-wrap .srch-box.type-lg .srch-bar.date-bar .cell.split {width: 20px; line-height: 40px; text-align: center;}
}
@media screen and (max-width: 800px) {
	#content .mod-list-srch-wrap {padding: 15px;}
	#content .mod-list-srch-wrap .srch-box + .srch-box {margin-top: 0;}
	#content .mod-list-srch-wrap .srch-box .srch-util {float: none;}
	#content .mod-list-srch-wrap .srch-box .srch-util.type-center {position: static; top: auto; left: auto;}
	
	#content .mod-list-srch-wrap .srch-box .srch-bar {display: block; float: none; margin: 0 -5px;}
	#content .mod-list-srch-wrap .srch-box .srch-bar::after {content:""; display: block; clear: both;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell {display: block; float: left; width: 50%; margin-bottom: 10px; padding: 0 5px;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell:last-child {padding: 0 5px;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-1 {width:8.3333%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-2 {width:16.6666%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-3 {width:25%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-4 {width:33.3333%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-5 {width:41.6667%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-6 {width:50%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-7 {width:58.3333%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-8 {width:66.6667%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-9 {width:75%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-10 {width:83.3334%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-11 {width:91.6667%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-12 {width:100%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell .intxt,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell .btn,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell .sel {display:block; width: 100%;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell .date-box {max-width: none;}

	#content .mod-list-srch-wrap .srch-box .srch-bar.date-bar .cell {width: calc(50% - 10px);}
	#content .mod-list-srch-wrap .srch-box .srch-bar.date-bar .cell.split {width: 20px; line-height: 40px; text-align: center;}
}
@media screen and (max-width: 425px) {
	#content .mod-list-srch-wrap {padding: 15px;}
	#content .mod-list-srch-wrap .srch-box + .srch-box {margin-top: 10px;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell {float: none;}
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-1,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-2,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-3,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-4,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-5,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-6,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-7,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-8,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-9,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-10,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-11,
	#content .mod-list-srch-wrap .srch-box .srch-bar .cell.col-12 {width:100%;}

	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell {float: none;}
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-1,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-2,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-3,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-4,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-5,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-6,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-7,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-8,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-9,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-10,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-11,
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar .cell.col-12 {width:100%;}

	#content .mod-list-srch-wrap .srch-box .srch-bar.date-bar .cell {width: 100%; margin-bottom: 0;}
	#content .mod-list-srch-wrap .srch-box .srch-bar.date-bar .cell.split {width: auto; margin: 2px 0; line-height: 1;}

	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar.date-bar .cell {width: 100%; margin-bottom: 0;}
	#content .mod-list-srch-wrap.type-lg .srch-box .srch-bar.date-bar .cell.split {width: auto; margin: 2px 0; line-height: 1;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 게시판 형태 버튼 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#content .mod-list-type-box {display: block; margin-bottom: 20px;}
#content .mod-list-type-box::after {content:""; display: block; clear: both;}
#content .mod-list-type-box .btns {float: right;}
#content .mod-list-type-box .btns::after {content:""; display: block; clear: both;}
#content .mod-list-type-box .btns > li {display: block; float: left;}
#content .mod-list-type-box .btns > li .btn {display: block;}
#content .mod-list-type-box .btns > li .btn.active {background-color: #14663D; color: #ffffff;}
@media screen and (max-width: 425px) {
	#content .mod-list-type-box .btns {float: none;}
	#content .mod-list-type-box .btns > li {width: 50%;}
	#content .mod-list-type-box .btns > li .btn {width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 게시판 추가 및 설정 버튼
-------------------------------------------------------------------*/
#content .mod-list-utils {display: block; margin-bottom: 20px;}
#content .mod-list-utils::after {content:""; display: block; clear: both;}
#content .mod-list-utils .btn-wrap {float: right;}
#content .mod-list-utils .btn-wrap::after {content:""; display: block; clear: both;}
#content .mod-list-utils .btn-wrap > li {display: block; float: left; margin-left: 10px; line-height: 40px;}
#content .mod-list-utils .btn-wrap > li .btn {display: block; padding-left: 10px; padding-right: 10px;}

/* 전체 체크박스 */
#content .mod-list-utils .btn-wrap > li.mobile-check {display: none;}
@media screen and (max-width: 1024px) {
	#content .mod-list-utils .btn-wrap > li.mobile-check.lg {display: block;}
}
@media screen and (max-width: 800px) {
	#content .mod-list-utils .btn-wrap > li.mobile-check {display: block;}
}
@media screen and (max-width: 425px) {
	#content .mod-list-utils .btn-wrap.type-responsive {float: none;}
	#content .mod-list-utils .btn-wrap.type-responsive > li {width: 50%;}
	#content .mod-list-utils .btn-wrap.type-responsive > li .btn {width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 게시판 형태 버튼 (일자리 검색 리스트페이지)
-------------------------------------------------------------------*/
#content .mod-detail-list-con {}
#content .mod-detail-list-con .mod-list-con {display:none;}
#content .mod-detail-list-con .mod-list-con.active {display: block;}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 상세검색 - 목록형 리스트
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .detail-table-list {width:100%;}
#content .detail-table-list caption {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .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;}
#content .detail-table-list td {padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center;}
/* 공고정보 */
#content .detail-table-list th.title {width:45%;}
#content .detail-table-list td.title {width:50%; text-align: left;}

/* 모집지역 */
#content .detail-table-list td .region-box {display: block;}
#content .detail-table-list td .region-box > span {display: block; font-size: 1rem;}
#content .detail-table-list td .region-box .region {position: relative; padding-bottom: 5px; font-weight: 500;}
#content .detail-table-list td .region-box .region::before {content:""; position: absolute; left:calc(50% - 8px); bottom: 2px; width: 16px; height: 1px; background-color: #bbbbbb;}
/* 급여 */
#content .detail-table-list td .pay-box {display: block;}
#content .detail-table-list td .pay-box .label {font-weight: 400;}
#content .detail-table-list td .pay-box .pay {display: block; margin-top: 5px;}
/* 지원하기 버튼 */
#content .detail-table-list td .btn-apply {border-radius: 5px;}
#content .detail-table-list td .btn {border-radius: 5px;}
#content .detail-table-list td .btn-accept {}
#content .detail-table-list td .btn-refuse {}
/* 모바일 타이틀 박스 */
#content .detail-table-list td .mo-tit-box {display: inline-block; vertical-align: middle;}
#content .detail-table-list td .mo-tit-box::after {content:""; display: block; clear: both;}
#content .detail-table-list td .mo-tit-box .tit {display: none; float: left; min-width: 60px; font-weight: 600; font-size: 14px; padding-right: 5px;}
#content .detail-table-list td .mo-tit-box .txt {display: block; overflow: hidden; font-size: inherit;}

/* 공고정보 */
#content .detail-table-list td .title-info {display: block; max-width: 500px;}
#content .detail-table-list td .title-info .info-title {display:inline-block; overflow: hidden; position: relative; max-width: 100%; margin-bottom: 5px; padding-right: 20px;}
#content .detail-table-list td .title-info .info-title .title-box {display: block; position: relative;}
#content .detail-table-list td .title-info .info-title .title-box::after {content:""; display: block; clear: both;}
#content .detail-table-list td .title-info .info-title .title-box .label {float:left; margin-right: 5px;}
#content .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;}
#content .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;}
#content .detail-table-list td .title-info .info-title .btn-scrap.on {background-image: url(../images/sub/i_bod_scrap_on.svg);}

#content .detail-table-list td .title-info .info-list {display: block;}
#content .detail-table-list td .title-info .info-list > li {display: block; margin-bottom: 5px;}
#content .detail-table-list td .title-info .info-list > li::after {content:""; display: block; clear: both;}
#content .detail-table-list td .title-info .info-list > li .list-tit {display: block; float: left; width: 60px; font-weight: 600; font-size: 14px;}
#content .detail-table-list td .title-info .info-list > li .list-txt {display: block; overflow: hidden; font-size: 14px;}
/* interaction */
#content .detail-table-list td .title-info .info-title .title-box .tit {transition: color 0.3s;}
#content .detail-table-list td .title-info .info-title .title-box .tit:focus,
#content .detail-table-list td .title-info .info-title .title-box .tit:hover {color: #14663D;}

/* 신청안내 */
#content .detail-table-list.notice td .title-info{max-width:100%;}
#content .detail-table-list.notice td .title-info .info-title{display:block;}
#content .detail-table-list.notice td .title-info .info-title.box{padding:40px 20px; background:#F3F5F9; border-radius:5px; margin-right:10px; width:calc(50% - 5px); display:flex; flex-direction: column; }
#content .detail-table-list.notice td .title-info .info-title.box:last-child{margin-right:0;}
#content .intro-content.notice .intro-section .work-process .list-wrap{ justify-content: space-between; margin:0;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li{padding:0 0; margin-right:70px; flex:1;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li:last-child{margin-right:0;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item{ padding:80px 20px 30px 20px!important; justify-content: center; border-radius:10px; position:relative; text-align:center;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .it-tit{position:absolute; padding:0 20px; height:29px; line-height:29px; text-align:center; background:#ffffff; font-size:16px; border-radius:15px; border:1px solid #373F57; bottom:-15px;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .i-icon{position:absolute; content:'';  width:40px; height:50px; top:20px; left:50%; transform:translateX(-50%); }
#content .intro-content.notice .intro-section .work-process .list-wrap > li::before{background:url('../images/sub/i_arrow.svg') no-repeat center;
	content: '';
	display:inline-block;
    position: absolute;
    top:50%;
	transform:translateY(-50%);
    right: -57px;
    width: 42px;
    height: 49px;
	background-size:cover;
}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .tit{line-height:24px;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .txt{line-height:24px;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .txt{line-height:24px;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .txt.spe{padding-left:10px; position:relative;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .txt.spe > .dot{position:absolute; top:2px; left:0;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .btn.txt span{font-size:14px;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .btn-small{height:24px; padding:5px;  display: inline-block; overflow:hidden; border-radius:3px; text-align: center; background-color:#4B9CD4; vertical-align:middle;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item .txt-con .btn-small > span{font-size:12px; position:relative!important; color:#ffffff;  display:block; }

.txt2.icon{padding-left:20px; position:relative;}
.txt2.icon.phone::before{position:absolute; content:''; background:url(../images/common/i_telephone.svg) center no-repeat; width:20px; height:20px; display:inline-block; background-size:cover; left:0; top:50%; transform:translateY(-50%); }

@media screen and (max-width:1280px){
    #content .detail-table-list td {font-size: 0.9375rem;}
	#content .detail-table-list td .title-info {max-width: 400px;}
}
@media screen and (max-width:1024px) {
    #content .detail-table-list {display:block; border-top:1px solid #E3E6F0;}
    #content .detail-table-list thead {display:none;}
    #content .detail-table-list tbody {display:block; width:100%;}
    #content .detail-table-list tr {display:block; position: relative; width:100%; padding: 15px 120px 15px 20px; border-bottom:1px solid #E3E6F0;}
	#content .detail-table-list tr::before {content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #14663D;}
    #content .detail-table-list tr:after {content:""; display:block; clear: both;}
    #content .detail-table-list td {display:block; width:100%; padding: 0; border-width:0; text-align:left;}

	/* 신청 */
	#content .detail-table-list tr::before{display:none;}
	#content .detail-table-list.notice tr {padding:15px 15px 15px 15px;}
	/* 버튼없이 가득찰때 */
	#content .detail-table-list.type-full tr {padding: 15px 20px;}

	/* 공고정보 */
	#content .detail-table-list td.title {width: auto;}
	#content .detail-table-list td .title-info {max-width: none;}
	/* 모집지역 */
	#content .detail-table-list td .region-box {overflow: hidden; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap;}
	#content .detail-table-list td .region-box::after {content:""; display: block; clear: both;}
	#content .detail-table-list td .region-box .region {float:left; padding-bottom: 0; padding-right: 11px;}
	#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;}
	/* 지원하기 버튼 */
	#content .detail-table-list td .btn-apply {position: absolute; top: calc(50% - 20px); right: 0;}
	#content .detail-table-list td.status {position: absolute; top: 50%; right: 0; width: auto; transform: translateY(-50%);}
	/* 수락하기,거절하기 버튼 */
	#content .detail-table-list td .btn-accept {position: absolute; bottom: calc(50% + 5px); right: 0;}
	#content .detail-table-list td .btn-refuse {position: absolute; top: calc(50% + 5px); right: 0;}
	/* 게시글 선택 박스 */
	#content .detail-table-list td.chck {margin-bottom: 5px;}
	#content .detail-table-list td.chck .check {display: block;}
	#content .detail-table-list td.chck .check > label {display: block; height: 20px;}

	/* 숨김처리 */
	#content .detail-table-list td.m-hide {display: none;}
	/* 구분선 */
	#content .detail-table-list td.divide {margin-top: 9px; padding-top: 9px; border-top: 2px dashed #E3E6F0;}

	/* 모바일 타이틀 박스 */
	#content .detail-table-list td .mo-tit-box .tit {display: block;}
}
@media screen and (max-width:600px) {
	#content .detail-table-list tr {padding: 15px 105px 15px 20px;}
	#content .detail-table-list td .title-info .info-title .title-box .label {font-size: 16px;}
	#content .detail-table-list td .title-info .info-title .title-box .tit {font-size: 16px;}

	/* 신청 */
	#content .detail-table-list.notice tr {padding: 15px 15px 15px 15px;}
}
@media screen and (max-width:425px) {
	#content .detail-table-list tr {padding: 15px;}
	#content .detail-table-list td .btn {display: block; width: 100%;}
	/* 버튼없이 가득찰때 */
	#content .detail-table-list.type-full tr {padding: 15px;}

	#content .detail-table-list td .title-info .info-list > li .list-tit {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
	/* 지원하기 버튼 */
	#content .detail-table-list td .btn-apply {display:block; position: static; top: auto; right: auto; width: 100%; margin-top: 20px;}
	#content .detail-table-list td.status {position: static; top: auto; right: auto; width: 100%; margin-top: 10px; transform: none;}
	/* 수락하기,거절하기 버튼 */
	#content .detail-table-list td.accept {float:left; width: 50%; padding-right: 5px;}
	#content .detail-table-list td.refuse {float:left; width: 50%; padding-left: 5px;}
	#content .detail-table-list td .btn-accept {display:block; position: static; bottom: auto; right: auto; width: 100%; margin-top: 10px;}
	#content .detail-table-list td .btn-refuse {display:block; position: static; top: auto; right: auto; width: 100%; margin-top: 10px;}

	/* 모바일 타이틀 박스 */
	#content .detail-table-list td .mo-tit-box .tit {display: none;}
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 상세검색 - 갤러리형 리스트
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .detail-gallery-list {display: block;}
#content .detail-gallery-list .list-wrap {display: block; margin: 0 -15px;}
#content .detail-gallery-list .list-wrap::after {content:""; display: block; clear: both;}
#content .detail-gallery-list .list-wrap > li {display: block; float: left; width: 25%; margin-bottom: 30px; padding: 0 15px;}
#content .detail-gallery-list .list-wrap > li .item {display: block; position: relative; }
#content .detail-gallery-list .list-wrap > li .item .utils {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 20px 20px 0;}
#content .detail-gallery-list .list-wrap > li .item .utils::after {content:""; display: block; clear: both;}
#content .detail-gallery-list .list-wrap > li .item .utils .util-date {float: left;}
#content .detail-gallery-list .list-wrap > li .item .utils .util-scrap {float: right;}
#content .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;}
#content .detail-gallery-list .list-wrap > li .item .utils .util-scrap .btn-scrap.on {background-color: #304086;}
#content .detail-gallery-list .list-wrap > li .item .img-box {display: block; overflow: hidden; position: relative; height: 250px;}
#content .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%);}

#content .detail-gallery-list .list-wrap > li .item .item-con {display: block;}
#content .detail-gallery-list .list-wrap > li .item .item-con .title {display: block; height: 50px; line-height: 50px; color: #000000;}
#content .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;}

#content .detail-gallery-list .list-wrap > li .item .item-con .con-list {display: block;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li {display: block; margin-bottom: 5px;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li:last-child {margin-bottom: 0;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li::after {content:""; display: block; clear: both;}
#content .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: 14px;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt {display: block; overflow: hidden; line-height: 1; font-size: 14px;}

#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .pay-box {display: block;}
#content .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: 14px;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .pay-box .pay {display:inline-block;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .date-box {display: block; white-space: nowrap;}
#content .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;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box {display: block; overflow: hidden;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box::after {content:""; display: block; clear: both;}
#content .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: 14px;}
#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .region-box .region {float: left; position: relative; padding-right: 11px;}
#content .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;}
#content .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;}

#content .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) {
	#content .detail-gallery-list .list-wrap {margin: 0 -8px;}
	#content .detail-gallery-list .list-wrap > li {margin-bottom: 16px; padding: 0 8px;}
}
@media screen and (max-width: 1024px) {
	#content .detail-gallery-list .list-wrap {margin: 0 -20px;}
	#content .detail-gallery-list .list-wrap > li {width: 50%; margin-bottom: 40px; padding: 0 20px;}
	#content .detail-gallery-list .list-wrap > li .item .img-box > img {top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%);}
}
@media screen and (max-width: 800px) {
	#content .detail-gallery-list .list-wrap {margin: 0 -10px;}
	#content .detail-gallery-list .list-wrap > li {margin-bottom: 20px; padding: 0 10px;}
	#content .detail-gallery-list .list-wrap > li .item .utils {padding: 15px 15px 0;}
	#content .detail-gallery-list .list-wrap > li .item .img-box {height: 220px;}
}
@media screen and (max-width: 600px) {
	#content .detail-gallery-list .list-wrap {margin: 0 -8px;}
	#content .detail-gallery-list .list-wrap > li {margin-bottom: 16px; padding: 0 8px;}
	#content .detail-gallery-list .list-wrap > li .item .img-box {height: 180px;}
	#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-tit {display: none;}
	#content .detail-gallery-list .list-wrap > li .item .item-con .con-list > li .list-txt .date-box .start-date {display: none;}
	/* #content .detail-gallery-list .list-wrap > li .item .img-box > img {top: 0; left: 50%; width: auto; height: 100%; transform: translateX(-50%);} */
}
@media screen and (max-width: 475px) {
	#content .detail-gallery-list .list-wrap {margin: 0;}
	#content .detail-gallery-list .list-wrap > li {float:none; width: auto; margin-bottom: 20px; padding: 0;}
	#content .detail-gallery-list .list-wrap > li .item .img-box {height: 220px;}
	
	/* #content .detail-gallery-list .list-wrap > li .item .img-box > img {top: 0; left: 50%; width: auto; height: 100%; transform: translateX(-50%);} */
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 모달 텍스트
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-alert {display: block; text-align: center;}
#content .mod-alert .tit {display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem;}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 모달 알림
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-alert {display: block; text-align: center;}
#content .mod-alert .tit {display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem;}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 모달 - 로그인 하러가기
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-alert-login {display: block; text-align: center;}
#content .mod-alert-login .tit {display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.125rem;}

/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 모달 - 로그인 하러가기
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .modal-popup .refuse-list {display: block;}
#content .modal-popup .refuse-list > li {margin-bottom: 20px;}
#content .modal-popup .refuse-list > li:last-child {margin-bottom: 0;}
#content .modal-popup .refuse-list > li .check,
#content .modal-popup .refuse-list > li .check > label,
#content .modal-popup .refuse-list > li .check > span {display: block;}
#content .modal-popup .refuse-list > li .list-tit {display: block; margin-bottom: 5px; font-weight: 500; font-size: 1rem;}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리정보 - 지원하기
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-resume-modal {display: block;}
#content .mod-resume-modal .list-wrap {display: block;}
#content .mod-resume-modal .list-wrap .item {display: block; margin-bottom: 20px; padding: 15px; border: 2px solid #E3E6F0; border-radius: 5px;}
#content .mod-resume-modal .list-wrap .item:last-child {margin-bottom: 0;}
#content .mod-resume-modal .list-wrap .item::after {content: ""; display: block; clear: both;}
#content .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;}
#content .mod-resume-modal .list-wrap .item .con-box .cap {display: block; margin-bottom: 12px; font-weight: 600; font-size: 1rem; color:#777777;}
#content .mod-resume-modal .list-wrap .item .con-box .cap > span.type-a {color: #14663D;}
#content .mod-resume-modal .list-wrap .item .con-box .cap > span.type-b {color: #304086;}
#content .mod-resume-modal .list-wrap .item .con-box .tit-box {display:block;}
#content .mod-resume-modal .list-wrap .item .con-box .tit-box::after {content:""; display: block; clear: both;}
#content .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;}
#content .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;}
#content .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;}
#content .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;}
#content .mod-resume-modal .list-wrap .item .con-box .info {display: block; margin-top: 8px; font-size: 14px; color: #77787e;}
#content .mod-resume-modal .list-wrap .item .btn-box {display: block; overflow: hidden;}
#content .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 */
#content .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit {transition: background 0.3s, color 0.3s;}
#content .mod-resume-modal .list-wrap .item .con-box .tit-box a.tit:focus,
#content .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
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-form-section {margin-bottom: 40px;}
#content .mod-form-section .title-box {margin-bottom: 20px;}
#content .mod-form-section .title-box .title-01 {display: inline-block; margin-right: 20px; vertical-align: middle;}
#content .mod-form-section .title-box .info {display: inline-block; color: #5b5b5b; vertical-align: middle;}
#content .mod-form-section .title-box .info-2 {display: inline-block; color: #5b5b5b; vertical-align: middle;}
#content .mod-form-section .title-box .radio {margin-right: 20px;}
#content .mod-form-section .title-box .radio > span,
#content .mod-form-section .title-box .radio > label {font-weight: 700;}

#content .mod-form-section .title-box-2 {margin-bottom: 20px;}
#content .mod-form-section .title-box-2::after {content:""; display: block; clear: both;}
#content .mod-form-section .title-box-2 .title-01 {float: left; margin-right: 20px;}
#content .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;}
#content .mod-form-section .title-box-2 .utils {float: right;}
#content .mod-form-section .title-box-2 .utils::after {content:""; display: block; clear: both;}
#content .mod-form-section .title-box-2 .utils > li {float:left; margin-right: 10px;}
#content .mod-form-section .title-box-2 .utils > li:last-child {margin-right: 0;}
/* #content .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;} */
#content .mod-form-section .section-item {display: block; margin-bottom: 25px;}
#content .mod-form-section .section-item:last-child {margin-bottom: 0;}

#content .mod-form-section .mod-txt-box {display: block;}
#content .mod-form-section .mod-txt-box .txt {font-weight: 500;}

@media screen and (max-width: 800px){
	#content .mod-form-section .title-box .info-2 {display:block; margin-top: 10px;}
	#content .mod-form-section .title-box-2 .title-01 .info {display: none;}
}
@media screen and (max-width: 600px){
	#content .mod-form-section .mod-txt-box .label-list {display: block;}
	#content .mod-form-section .mod-txt-box .label-list .radio,
	#content .mod-form-section .mod-txt-box .label-list .check {display: block;}
	#content .mod-form-section .mod-txt-box .label-list .radio > span,
	#content .mod-form-section .mod-txt-box .label-list .radio > label,
	#content .mod-form-section .mod-txt-box .label-list .check > span,
	#content .mod-form-section .mod-txt-box .label-list .check > label {display: block;}
}
@media screen and (max-width: 375px){
	#content .mod-form-section .title-box-2.type-resposive .title-01 {float: none;}
	#content .mod-form-section .title-box-2.type-resposive .utils {float: none; margin-top: 10px;}
	#content .mod-form-section .title-box-2.type-resposive .utils > li {float: none;}
	#content .mod-form-section .title-box-2.type-resposive .utils > li .btn {display: block; width: 100%;}
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > form 형식
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 모듈 > form 형식 > vertical 형식 form (등록, 수정, 화면)
-------------------------------------------------------------------*/
#content .mod-form-list {display: block; border-top: 1px solid #000000;}
#content .mod-form-list + .mod-form-list {margin-top: 20px;}
#content .mod-form-list li.form {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0;}
#content .mod-form-list li.form .form-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;}
#content .mod-form-list li.form .form-title .form-tit {margin: 0 auto; line-height: 1.3; text-align: center;}
#content .mod-form-list li.form .form-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;}
#content .mod-form-list li.form .form-content .txt {padding-bottom: 10px; font-size: 1rem; color: #000000;}
#content .mod-form-list li.form .form-content > .grid {width: 100%;}
#content .mod-form-list li.form .form-content > .grid .row {-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}

#content .mod-form-list li.form .form-content .date-box {max-width: 180px;}

@media screen and (max-width: 800px) {
	#content .mod-form-list li.form .form-title {width: 180px;}
	#content .mod-form-list li.form .form-content {width: calc(100% - 180px);}
	#content .mod-form-list li.form .form-content .date-box {max-width: unset;}
}
@media screen and (max-width: 600px) {
	#content .mod-form-list li.form {display: block;}
	#content .mod-form-list li.form .form-title {display:block; width: auto; min-height: unset; text-align: left;}
	#content .mod-form-list li.form .form-title .form-tit br {display: none;}
	#content .mod-form-list li.form .form-content {display:block; width: auto; min-height: 0;}
	#content .mod-form-list li.form .form-content > .grid .row .radio,
	#content .mod-form-list li.form .form-content > .grid .row .radio > label,
	#content .mod-form-list li.form .form-content > .grid .row .check,
	#content .mod-form-list li.form .form-content > .grid .row .check > label {display: block;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > form 형식 > 테이블 형식 form (가로형태 - 자격증, 등록, 수정, 화면)
-------------------------------------------------------------------*/
#content .mod-form-table {display:table; width: 100%; border-top: 1px solid #000000;}
#content .mod-form-table .form-head {display: table-header-group;}
#content .mod-form-table .form-body {display: table-row-group;}
#content .mod-form-table .tr {display: table-row;}
#content .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;}
#content .mod-form-table .th > span {display: inline-block; vertical-align: middle;}
#content .mod-form-table .td {display: table-cell; padding: 10px 5px; border-bottom: 1px solid #E3E6F0; text-align: center; vertical-align: middle;}
#content .mod-form-table .td .td-tit {display: none;}
#content .mod-form-table .td .td-con {text-align: center;}

#content .mod-form-table .td.w-1 {width: 8.3333%;}
#content .mod-form-table .td.w-2 {width: 16.6666%;}
#content .mod-form-table .td.w-3 {width: 25%;}
#content .mod-form-table .td.w-4 {width: 33.3333%;}
#content .mod-form-table .td.w-5 {width: 41.6667%;}
#content .mod-form-table .td.w-6 {width: 50%;}
#content .mod-form-table .td.w-7 {width: 58.3333%;}
#content .mod-form-table .td.w-8 {width: 66.6667%;}
#content .mod-form-table .td.w-9 {width: 75%;}
#content .mod-form-table .td.w-10 {width: 83.3334%;}
#content .mod-form-table .td.w-11 {width: 91.6667%;}
#content .mod-form-table .td.w-12 {width: 100%;}
#content .mod-form-table .td .intxt,
#content .mod-form-table .td .select {display:block; width: 100%;}

@media screen and (max-width: 800px) {
	#content .mod-form-table .form-head {display: none;}
	#content .mod-form-table .form-body {display: block;}
	#content .mod-form-table .tr {display: block;}
	#content .mod-form-table .tr + .tr {margin-top: 20px; border-top: 1px solid #000000;}
	#content .mod-form-table .td {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; }
	#content .mod-form-table .td .td-tit {display: block; width: 180px; min-height: 60px; padding: 10px; background-color: #F3F5F9; line-height: 40px; font-weight: 600; text-align: center;}
	#content .mod-form-table .td .td-con {display: block; width:calc(100% - 180px); padding: 10px; line-height: 40px; text-align: left;}

	#content .mod-form-table .td.w-1,
	#content .mod-form-table .td.w-2,
	#content .mod-form-table .td.w-3,
	#content .mod-form-table .td.w-4,
	#content .mod-form-table .td.w-5,
	#content .mod-form-table .td.w-6,
	#content .mod-form-table .td.w-7,
	#content .mod-form-table .td.w-8,
	#content .mod-form-table .td.w-9,
	#content .mod-form-table .td.w-10,
	#content .mod-form-table .td.w-11,
	#content .mod-form-table .td.w-12 {width:100%;}
}
@media screen and (max-width: 600px) {
	#content .mod-form-table .td {display: block;}
	#content .mod-form-table .td .td-tit {width: auto; min-height: 0; border-bottom: 1px solid #E3E6F0; line-height: 1.3; text-align: left;}
	#content .mod-form-table .td .td-con {width: auto;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > form 형식 > 작물 컬럼 추가
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .crops-box {}
#content .crops-box .crops-column {}
#content .crops-box .crops-column + .crops-column {padding-top: 10px; border-top: 1px solid #E3E6F0;}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > form 형식 > 지역 컬럼 추가
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .workplace-box {}
#content .workplace-box .workplace-column {}
#content .workplace-box .workplace-column + .workplace-column {padding-top: 10px; border-top: 1px solid #E3E6F0;}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 하단 버튼
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .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;}
#content .mod-btn-wrap.type-start {-webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
#content .mod-btn-wrap.type-end {-webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
#content .mod-btn-wrap .btn-group {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#content .mod-btn-wrap .btn-group .g-item .btn {display: block; min-width: 120px;}
#content .mod-btn-wrap .btn-group .g-item .btn.type-lg {min-width: 150px;}
@media screen and (max-width: 600px) {
	#content .mod-btn-wrap {display: block;}
	#content .mod-btn-wrap .btn-group .g-item {width: 50%; margin-bottom: 10px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex-grow: 1;}
	#content .mod-btn-wrap .btn-group .g-item .btn {min-width: 0; width: 100%;}
	#content .mod-btn-wrap .btn-group .g-item .btn.type-lg {min-width: 0;}
}
@media screen and (max-width: 320px) {
	#content .mod-btn-wrap .btn-group {display: block;}
	#content .mod-btn-wrap .btn-group .g-item {display: block; width: auto;}
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 정보 > 채용정보
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .job-detail-area {display: block;}

#content .mod-job-section {display: block; padding-top: 40px;}
/* 채용정보 테이블 */
#content .mod-job-section .job-table-box {table-layout: fixed;}
/* 상세정보 컨텐츠  */
#content .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;}

/* 채용정보 지도 탭 */
#content .mod-job-section .map-tab-box {margin-bottom: 20px;}
#content .mod-job-section .map-tab-box .list-wrap {display: block;}
#content .mod-job-section .map-tab-box .list-wrap::after {content:""; display: block; clear: both;}
#content .mod-job-section .map-tab-box .list-wrap > li {display:block; float: left; margin-right: 40px;}
#content .mod-job-section .map-tab-box .list-wrap > li:last-child {margin-right: 0;}
#content .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;}
#content .mod-job-section .map-tab-box .list-wrap > li .btn-tab.active {color:#14663D;}
#content .mod-job-section .map-tab-box .list-wrap > li .btn-tab > span {display: inline-block; line-height: 1; vertical-align: middle;}
@media screen and (max-width: 600px) {
	#content .mod-job-section .map-tab-box .list-wrap > li {margin-right: 10px;}
}

/* 채용정보 맨위로 버튼 */
#content .mod-job-section .btn-doc-top {display: block; width: 100%;}
#content .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;}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 채용정보 상단 요약
-------------------------------------------------------------------*/
#content .mod-job-summary {display: block; margin-bottom: 50px;}
#content .mod-job-summary .summary-info .con-head {display: block; padding: 20px; border: 1px solid #E3E6F0; background-color: #F3F5F9;}
#content .mod-job-summary .summary-info .con-head .title {display: block; position: relative; padding-left: 25px; font-weight: 600; font-size: 1.125rem;}
#content .mod-job-summary .summary-info .con-head .title::before {content:""; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background-color: #4B9CD4;}
#content .mod-job-summary .summary-info .con-head .title::after {content:""; position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; background-color: #72BD9C;}

#content .mod-job-summary .summary-info .con-body {display: table; width: 100%; table-layout: fixed; border-right: 1px solid #E3E6F0;}
#content .mod-job-summary .summary-info .con-body .item {display: table-cell; padding: 20px; border-left: 1px solid #E3E6F0; border-bottom: 1px solid #E3E6F0;}
#content .mod-job-summary .summary-info .con-body .item .item-tit {display: block; margin-bottom: 15px; font-weight: 600; font-size: 1.125rem; color: #000000;}
#content .mod-job-summary .summary-info .con-body .item .item-list {display: block;}
#content .mod-job-summary .summary-info .con-body .item .item-list > li {display: block; margin-bottom: 5px;}
#content .mod-job-summary .summary-info .con-body .item .item-list > li::after {content:""; display: block; clear: both;}
#content .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: 14px; color: #5b5b5b;}
#content .mod-job-summary .summary-info .con-body .item .item-list > li .list-con {display: block; overflow: hidden; color: #000000; font-size: 14px;}
#content .mod-job-summary .summary-info .con-body .item .item-list > li .list-con .txt {display:inline-block; padding: 4px 0;}
#content .mod-job-summary .summary-info .con-body .item .item-list > li .list-con .label {font-size: 14px;}

#content .mod-job-summary .summary-info .con-body .item .welfare-list {display: block; margin: 0 -15px;}
#content .mod-job-summary .summary-info .con-body .item .welfare-list::after {content:""; display: block; clear: both;}
#content .mod-job-summary .summary-info .con-body .item .welfare-list > li {display:block; float: left; width: 33.3333%; padding: 0 15px;}
#content .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;}
#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply01 {background-image: url(../images/sub/i_job_welfare_01.svg);}
#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply02 {background-image: url(../images/sub/i_job_welfare_02.svg);}
#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon.sply03 {background-image: url(../images/sub/i_job_welfare_03.svg);}
#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .tit {display: block; font-weight: 600; font-size: 14px; color: #000000; text-align: center;}

#content .mod-job-summary .btn-wrap {display: block; margin-top: 30px; line-height: 1; text-align: center;}
#content .mod-job-summary .btn-wrap .btn-list {display: inline-block; vertical-align: middle;}
#content .mod-job-summary .btn-wrap .btn-list::after {content:""; display: block; clear: both;}
#content .mod-job-summary .btn-wrap .btn-list > li {display: block; float: left; margin-right: 10px;}
#content .mod-job-summary .btn-wrap .btn-list > li:last-child {margin-right: 0;}
#content .mod-job-summary .btn-wrap .btn-list > li .btn {min-width: 170px;}
#content .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;}
#content .mod-job-summary .btn-wrap .btn-list > li .btn-scrap.active {border-color: #DA3938; background-color: #DA3938; color: #ffffff;}
#content .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;}
#content .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) {
	#content .mod-job-summary .summary-info .con-head {padding: 15px;}
	#content .mod-job-summary .summary-info .con-body .item {padding: 15px;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list {margin: 0 -5px;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li {padding: 0 5px;}
}
@media screen and (max-width: 1024px) {
	#content .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;}
	#content .mod-job-summary .summary-info .con-body .item {display: block; width: 50%;}
	#content .mod-job-summary .summary-info .con-body .item.info03 {width: 100%;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon {width: auto; height: 60px; padding-top: 0; border-radius: 5px;}
	
}
@media screen and (max-width: 600px) {
	#content .mod-job-summary .summary-info .con-body {display: block;}
	#content .mod-job-summary .summary-info .con-body .item,
	#content .mod-job-summary .summary-info .con-body .item.info03 {width: auto;}

	#content .mod-job-summary .btn-wrap .btn-list {display: block; margin: 0 -5px;}
	#content .mod-job-summary .btn-wrap .btn-list::after {content:""; display: block; clear: both;}
	#content .mod-job-summary .btn-wrap .btn-list > li {width: 130px; margin-right: 0; padding: 0 5px;}
	#content .mod-job-summary .btn-wrap .btn-list > li.apply {width: calc(100% - 130px);}
	#content .mod-job-summary .btn-wrap .btn-list > li .btn {display:block; min-width: 0; width: 100%;}
}
@media screen and (max-width: 425px) {
	
}
@media screen and (max-width: 375px) {
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li {float: none; width: auto; margin-bottom: 5px;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li:last-child {margin-bottom: 0;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li::after {content:""; display: block; clear: both;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .icon {float:left; width: 60px; height: 40px; margin-bottom: 0; padding-top: 0; border-radius: 5px;}
	#content .mod-job-summary .summary-info .con-body .item .welfare-list > li .tit {display: block; overflow: hidden; padding-left: 15px; line-height: 40px; text-align: left;}

	#content .mod-job-summary .btn-wrap .btn-list {display: block; margin: 0;}
	#content .mod-job-summary .btn-wrap .btn-list > li {float: none; width: auto; margin-bottom: 10px; padding: 0;}
	#content .mod-job-summary .btn-wrap .btn-list > li:last-child {margin-bottom: 0;}
	#content .mod-job-summary .btn-wrap .btn-list > li.apply {width: auto;}
	#content .mod-job-summary .btn-wrap .btn-list > li .btn-scrap {min-width: 0; width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 채용정보 네비게이션
-------------------------------------------------------------------*/
#content .mod-job-nav {display: block;}
#content .mod-job-nav.active {height: 55px;}
#content .mod-job-nav .nav-wrap {display:block; overflow-x: auto; overflow-y: hidden;}
#content .mod-job-nav .nav-wrap.fixed {position: fixed; top: 0; left: 0; z-index: 90; width: 100%;}
#content .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;}
#content .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;}
#content .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;}
#content .mod-job-nav .nav-wrap .list-wrap > li:first-child .btn-nav {border-left:1px solid #E3E6F0;}
#content .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;}
#content .mod-job-nav .nav-wrap .list-wrap > li .btn-nav > span {display: inline-block; line-height: 1; vertical-align: middle;}

/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 일자리 정보 > 채용정보 > 하단 게시글 리스트
-------------------------------------------------------------------*/
#content .bod-post-list {border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
#content .bod-post-list > li {height:60px; padding: 0 20px; border-bottom: 1px solid #E9E9E9;}
#content .bod-post-list > li:last-child {border-bottom: 0;}
#content .bod-post-list > li::after {content: ''; display: block; clear: both;}
#content .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;}
#content .bod-post-list > li.next .l-box {background-image: url(../images/sub/i_post_next.svg);}
#content .bod-post-list > li.prev .l-box {background-image: url(../images/sub/i_post_prev.svg);}
#content .bod-post-list > li .l-box::after {content: ''; position: absolute; top:50%; right: 0; width: 1px; height: 12px; background: #e9e9e9; transform: translateY(-50%);}
#content .bod-post-list > li .l-box .tit {display: block; line-height: 60px; font-weight: 600; font-size: 14px; color:#000;}

#content .bod-post-list > li .r-box {display:block; overflow: hidden; padding-left: 25px;}
#content .bod-post-list > li .r-box .btn-post {display: block; overflow:hidden; font-weight: 400; font-size: 14px; color:#000000;}
#content .bod-post-list > li .r-box .btn-post::after {content:""; display: block; clear: both;}
#content .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;}
#content .bod-post-list > li .r-box .btn-post .date {display: block; overflow: hidden; line-height: 60px; text-align: right;}
#content .bod-post-list > li .r-box .btn-post .label {margin-right: 10px; font-size: 14px;}

@media screen and (max-width:800px){
    #content .bod-post-list > li {height:50px; padding: 0 15px;}
    #content .bod-post-list > li .l-box {padding-right: 20px;}
    #content .bod-post-list > li .r-box {padding-left: 20px;}
    #content .bod-post-list > li .l-box .tit,
	#content .bod-post-list > li .r-box .btn-post .txt,
	#content .bod-post-list > li .r-box .btn-post .date {line-height: 50px;}
}
@media screen and (max-width:600px){
	#content .bod-post-list > li {padding: 0 10px;}
    #content .bod-post-list > li .l-box {width: 27px; height: 50px; padding: 0;}
	#content .bod-post-list > li .l-box .tit {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

    #content .bod-post-list > li .r-box {padding-left: 15px;}
	#content .bod-post-list > li .r-box .btn-post .txt {float: none; width: auto;}
	#content .bod-post-list > li .r-box .btn-post .date {display: none;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 농업기술 게시판 (미사용)
-------------------------------------------------------------------*/
#content .mod-infotech-list-con {display: block;}
#content .mod-infotech-list-con .btn-modal-attach {display: inline-block; position: relative; height:25px; padding-left:25px; background-color: transparent;  vertical-align: middle;}
#content .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;}
#content .mod-infotech-list-con .btn-modal-attach > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

#content .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;}
#content .mod-infotech-list-con .btn-modal-video > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .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;}
#content .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;}
@media screen and (max-width: 800px) {
	#content .mod-infotech-list-con .mod-info-list-con {display: block;}

	#content .mod-infotech-list-con .btn-modal-attach {display: block; width: 100%; height: 35px; padding: 3px; border-radius: 4px; border: 2px solid #304086;}
	#content .mod-infotech-list-con .btn-modal-attach::before {top: 3px; left: 5px;}
	#content .mod-infotech-list-con .btn-modal-attach > span {position: static; overflow: unset; width: auto; height: auto; margin: 0; padding-left: 10px; clip: unset; color: #304086;}

	#content .mod-infotech-list-con .btn-modal-video {display: block; width: 100%; height: 35px; padding: 3px; border-radius: 4px; border: 2px solid #14663D;}
	#content .mod-infotech-list-con .btn-modal-video::before {top: 3px; left: 5px;}
	#content .mod-infotech-list-con .btn-modal-video::after {top: 9.5px; left: 16px;}
	#content .mod-infotech-list-con .btn-modal-video > span {position: static; overflow: unset; width: auto; height: auto; margin: 0; padding-left: 10px; clip: unset; color: #14663D;}
}
@media screen and (max-width: 375px) {
	#content .mod-infotech-list-con .mod-table-list.type-responsive td.cell-attach,
	#content .mod-infotech-list-con .mod-table-list.type-responsive td.cell-video {width: 100%;}
}




/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 농업정보 > 농업기술 / 안전교육 게시판
-------------------------------------------------------------------*/
#content .mod-infotech-list-con {display: block;}
#content .mod-infotech-list-con .gallery-list {display: block; margin: 0 -15px;}
#content .mod-infotech-list-con .gallery-list::after {content:""; display: block; clear: both;}
#content .mod-infotech-list-con .gallery-list > li {display: block; float: left; width: 33.333%; margin-bottom: 30px; padding: 0 15px;}
#content .mod-infotech-list-con .gallery-list > li .item .img-box {display: block; overflow: hidden; position: relative; height: 250px; background-color: #E3E6F0;}
#content .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%);}
#content .mod-infotech-list-con .gallery-list > li .item .item-con {display: block; padding: 20px; border: 1px solid #E3E6F0; border-top: 0;}
#content .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;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info {margin-top: 10px;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info::after {content:""; display: block; clear: both;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li {display: block; margin-bottom: 5px;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li::after {content:""; display: block; clear: both;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li:last-child {margin-bottom: 0;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .label-box {float: left;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .label-box .label {font-size: 14px; line-height: 1;}
#content .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;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period {white-space: normal;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span {display: inline-block;vertical-align: middle;}
#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span.split {padding: 0 5px;}
/* 농업 기술 */
#content .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;}
#content .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) {
	#content .mod-infotech-list-con .gallery-list {margin: 0 -5px;}
	#content .mod-infotech-list-con .gallery-list > li {margin-bottom:10px; padding: 0 5px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con {padding: 20px 15px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-infotech-list-con .gallery-list > li .item .img-box {height: 220px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con {padding: 15px 10px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period {font-size: 12px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period > span.split {padding: 0 3px;}
}
@media screen and (max-width: 800px) {
	#content .mod-infotech-list-con .gallery-list {margin: 0 -10px;}
	#content .mod-infotech-list-con .gallery-list > li {width: 50%; margin-bottom: 20px; padding: 0 10px;}
	#content .mod-infotech-list-con .gallery-list > li .item .img-box {height: 250px;}
}
@media screen and (max-width: 600px) {
	#content .mod-infotech-list-con .gallery-list {margin: 0 -5px;}
	#content .mod-infotech-list-con .gallery-list > li {margin-bottom:10px; padding: 0 5px;}
	#content .mod-infotech-list-con .gallery-list > li .item .img-box {height: 180px;}

	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info .label-box .label {font-size: 12px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info .category-title {font-size: 12px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period {padding: 0 0 0 10px; font-size: 13px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period .end {display: block;}
}
@media screen and (max-width: 425px) {
	#content .mod-infotech-list-con .gallery-list {margin: 0;}
	#content .mod-infotech-list-con .gallery-list > li {float:none; width: auto; margin-bottom:15px; padding: 0;}
	#content .mod-infotech-list-con .gallery-list > li .item .img-box {height: 250px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period {padding: 4px 0 4px 4px; font-size: 12px;}
	#content .mod-infotech-list-con .gallery-list > li .item .item-con .category-info > li .category-title.period .end {display: inline-block;}
}
@media screen and (max-width: 320px) {
	#content .mod-infotech-list-con .gallery-list > li .item .img-box {height: 190px;}
}



/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 안전정보 > 안전지침 / 귀농귀촌
-------------------------------------------------------------------*/
#content .mod-tab-wrap {}
#content .mod-tab-wrap .tab-box.type-drop {}
#content .mod-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab {min-height: 55px; line-height: 43px;}
@media screen and (max-width: 800px) {
	#content .mod-tab-wrap .tab-box.type-drop {height: 55px;}
	#content .mod-tab-wrap .tab-box.type-drop .list-wrap {padding-top: 55px;}
	#content .mod-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab {line-height: 54px;}
}

#content .mod-infotech2-list-con {}
/* 안전지침 */
#content .mod-infotech2-list-con .mod-table-list td .info-title {display: block;}
#content .mod-infotech2-list-con .mod-table-list td .info-title .tit {display: block; font-weight: 700; font-size: 1rem; text-align: left;}
#content .mod-infotech2-list-con .mod-table-list td .info-title .cate {display: block; margin-top: 10px;}
#content .mod-infotech2-list-con .mod-table-list td .info-title .cate > li {display: block; float: left; margin-right: 10px;}
#content .mod-infotech2-list-con .mod-table-list td .info-title .cate > li::after {content:''; display: block; clear: both;}
#content .mod-infotech2-list-con .mod-table-list td .info-title .cate > li .label {float: left; margin-right: 10px; font-size: 14px;}
#content .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;}
/* 귀농귀촌 */
#content .mod-infotech2-list-con .mod-table-list td.title-2 {width: 60%;}
#content .mod-infotech2-list-con .mod-table-list td .region-box {display: block;}
#content .mod-infotech2-list-con .mod-table-list td .region-box::after {content:''; display: block; clear: both;}
#content .mod-infotech2-list-con .mod-table-list td .region-box > li {display: block; margin-bottom: 5px;}
#content .mod-infotech2-list-con .mod-table-list td .region-box > li::after {content:''; display: block; clear: both;}
#content .mod-infotech2-list-con .mod-table-list td .region-box > li:last-child {margin-bottom: 0;}
#content .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;}
#content .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;}

#content .mod-infotech2-list-con .mod-table-list td .course-info {display: block; text-align: left;}
#content .mod-infotech2-list-con .mod-table-list td .course-info .tit {display: block; font-weight: 700; font-size: 1rem;}
#content .mod-infotech2-list-con .mod-table-list td .course-info .cate {display: block; margin-top: 5px;}
#content .mod-infotech2-list-con .mod-table-list td .course-info .cate::after {content:''; display: block; clear: both;}
#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li {display: block; float: left; padding: 5px 15px 5px 0; color: #5b5b5b;}
#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:last-child {padding-right: 0;}
#content .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;}
#content .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;}
#content .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) {
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate {max-width: 500px;}
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li {width: 45%;}
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:nth-child(even) {width: 55%; padding-right: 0;}
}
@media screen and (max-width: 800px) {
	#content .mod-infotech2-list-con .mod-table-list td.title-2 {width: 100%;}
	#content .mod-infotech2-list-con .mod-table-list td .region-box > li {float: left; margin-right: 15px;}
	#content .mod-infotech2-list-con .mod-table-list td .region-box > li:last-child {margin-right: 0;}

	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li,
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:nth-child(even) {width: 50%;}
}
@media screen and (max-width: 600px) {
	#content .mod-infotech2-list-con .mod-table-list td .region-box > li {margin-right: 10px;}
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li {float: none; padding: 5px 0;}
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li,
	#content .mod-infotech2-list-con .mod-table-list td .course-info .cate > li:nth-child(even) {width: auto;}
}
@media screen and (max-width: 425px) {
	#content .mod-infotech2-list-con .mod-table-list td .region-box > li {float: none; margin-right: 0;}
}

/*-------------------------------------------------------------------
	분류그룹 : 마이페이지
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 마이페이지 홈
-------------------------------------------------------------------*/
#content .mypage-area {display: block;}

/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 마이페이지 홈 > 마이페이지 dashboard
-------------------------------------------------------------------*/
#content .my-dashboard {display: block; margin-bottom: 25px; border: 1px solid #E3E6F0;}
#content .my-dashboard::after {content:""; display: block; clear: both;}
#content .my-dashboard .profile {display: block; float: left; width: 250px; height: 250px; border-right: 1px solid #E3E6F0; background-color: #F3F5F9;}
#content .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;}
#content .my-dashboard .profile .txt-box {display: block; padding: 0 10px; text-align: center;}
#content .my-dashboard .profile .txt-box .cap {display: block; margin-top: 12px; color: #5b5b5b;}
#content .my-dashboard .profile .txt-box .user {display: block; margin-top: 5px; font-weight: 600; font-size: 1.25rem; color: #000000;}

#content .my-dashboard .info-box {display: block; overflow: hidden; height: 250px; padding: 0 50px;}
#content .my-dashboard .info-box .list-wrap {padding-top: 40px; margin: 0 -15px;}
#content .my-dashboard .info-box .list-wrap::after {content:""; display: block; clear: both;}
#content .my-dashboard .info-box .list-wrap > li {display: block; float: left; width: 16.6667%; padding: 0 15px;}
#content .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;}
#content .my-dashboard .info-box .list-wrap > li .info-item::before {content:""; display: block; padding-top: 100%;}
#content .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%);}

#content .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;}
#content .my-dashboard .info-box .list-wrap > li .link-item::before {content:""; display: block; padding-top: 100%;}
#content .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;}
#content .my-dashboard .info-box .list-wrap > li .link-item.resume::after {background-image: url(../images/sub/i_mypage_resume.svg);}
#content .my-dashboard .info-box .list-wrap > li .link-item.set::after {background-image: url(../images/sub/i_mypage_setting.svg);}

#content .my-dashboard .info-box .list-wrap > li .item-title {display: block; margin-top: 15px; font-weight: 600; color: #000000; text-align: center;}

/* interaction */
/* 최신 */
#content .my-dashboard .info-box .list-wrap > li .info-item .num {transition: color 0.3s;}
#content .my-dashboard .info-box .list-wrap > li .info-item:focus .num,
#content .my-dashboard .info-box .list-wrap > li .info-item:hover .num {color: #14663D;}
#content .my-dashboard .info-box .list-wrap > li .info-item.new {border-color: #14663D;}
#content .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;}

#content .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);}
#content .my-dashboard .info-box .list-wrap > li .link-item:focus,
#content .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) {
	#content .my-dashboard .info-box {padding: 0 20px;}
	#content .my-dashboard .info-box .list-wrap {margin: 0 -10px;}
	#content .my-dashboard .info-box .list-wrap > li {padding: 0 10px;}
	#content .my-dashboard .info-box .list-wrap > li .info-item .num {font-size: 1.75rem;}
}
@media screen and (max-width: 1200px) {
	#content .my-dashboard .info-box .list-wrap {margin: 0 -5px; padding-top: 55px;}
	#content .my-dashboard .info-box .list-wrap > li {padding: 0 5px;}
	#content .my-dashboard .info-box .list-wrap > li .item-title {font-size: 14px;}
}
@media screen and (max-width: 1024px) {
	#content .my-dashboard .info-box .list-wrap {padding-top: 30px;}
	#content .my-dashboard .info-box .list-wrap > li {width: 33.333%; margin-bottom: 15px;}
	#content .my-dashboard .info-box .list-wrap > li .info-item {height: 70px; border-width:5px; border-radius: 20px;}
	#content .my-dashboard .info-box .list-wrap > li .link-item {height: 70px; border-radius: 20px;}
	#content .my-dashboard .info-box .list-wrap > li .info-item::before,
	#content .my-dashboard .info-box .list-wrap > li .link-item::before {display: none;}
	#content .my-dashboard .info-box .list-wrap > li .info-item.new::after {width: 20px; height: 20px; line-height: 20px;}
	#content .my-dashboard .info-box .list-wrap > li .item-title {margin-top: 5px;}
}
@media screen and (max-width: 800px) {
	#content .my-dashboard .profile {float: none; width: auto; height: auto; padding: 10px 15px; border: 0;}
	#content .my-dashboard .profile::after {content:""; display: block; clear: both;}
	#content .my-dashboard .profile .img-box {float:left; width: 80px; height: 80px; margin: 0;}
	#content .my-dashboard .profile .txt-box {overflow: hidden; padding-left: 20px; padding-right: 0; text-align: left;}
	#content .my-dashboard .profile .txt-box .cap {margin-top: 8px;}
	#content .my-dashboard .profile .txt-box .user {margin-top: 2px;}
	
	#content .my-dashboard .info-box {height: auto; padding: 0 15px;}
	#content .my-dashboard .info-box .list-wrap {padding-top: 15px;}
}
@media screen and (max-width: 425px) {
	#content .my-dashboard .info-box .list-wrap > li .item-title {font-size: 12px;}
}
@media screen and (max-width: 320px) {
	#content .my-dashboard .info-box .list-wrap > li {width: 50%;}
}

/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 마이페이지 홈 > 메뉴
-------------------------------------------------------------------*/
#content .mypage-area .home-layout {display: block; margin-top: 25px;}
#content .mypage-area .home-layout::after {content:""; display: block; clear: both;}
/* 메뉴 */
#content .mypage-area .home-layout .home-menu {display: block; float: left; width: 250px; margin-right: 25px; border-top: 4px solid #208466;}
#content .mypage-area .home-layout .home-menu .list-wrap {display: block;}
#content .mypage-area .home-layout .home-menu .list-wrap > li {display: block; border-bottom: 1px solid #E3E6F0;}
#content .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;}
#content .mypage-area .home-layout .home-menu .list-wrap > li > a > span {display: inline-block; vertical-align: middle;}
/* 2차 메뉴 */
#content .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;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li {display: block; margin-bottom: 5px;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li:last-child {margin-bottom: 0;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a {display: block; position: relative; padding: 4px 0 4px 10px;}
#content .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 */
#content .mypage-area .home-layout .home-menu .list-wrap > li > a {transition: color 0.3s, background 0.3s;}
#content .mypage-area .home-layout .home-menu .list-wrap > li > a:focus,
#content .mypage-area .home-layout .home-menu .list-wrap > li > a:hover, 
#content .mypage-area .home-layout .home-menu .list-wrap > li.active > a {background-color: #14663D; color: #ffffff;}
#content .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;}
#content .mypage-area .home-layout .home-menu .list-wrap > li.find > a:focus::before,
#content .mypage-area .home-layout .home-menu .list-wrap > li.find > a:hover::before {border-top-color: #ffffff;}
#content .mypage-area .home-layout .home-menu .list-wrap > li.find.active > a::before {border-top-color: #ffffff; transform: scale(-1);}

#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a {transition: color 0.3s;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:focus,
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:hover {color: #14663D;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a::before {transition: background 0.3s;}
#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 > li > a:hover::before {background-color: #14663D;}

@media screen and (max-width: 1024px) {
	#content .mypage-area .home-layout .home-menu .list-wrap > li > a {padding: 0 25px 0 15px;}
	#content .mypage-area .home-layout .home-menu .list-wrap > li .menu-02 {padding: 15px;}
}
@media screen and (max-width: 800px) {
	#content .mypage-area .home-layout .home-menu {float: none; width: auto; margin-bottom: 20px; margin-right: 0;}
	#content .mypage-area .home-layout .home-menu .list-wrap > li > a {height: 40px; line-height: 40px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 마이페이지 홈 > 일자리 탭 및 컨텐츠
-------------------------------------------------------------------*/
#content .mypage-area .home-layout .home-content {display: block; overflow: hidden;}
#content .mypage-area .home-layout .home-content .btn-bod-more {display: block; width: 100%; height: 45px; margin-top: 20px; line-height: 37px;}
#content .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;}

#content .mypage-area .home-layout .home-content .tab-box .list-wrap > li .btn-tab {padding: 3px 10px;}
@media screen and (max-width:1280px) {
	#content .mypage-area .home-layout .home-content .detail-table-list td.m-hide {display: none;}
	
    #content .mypage-area .home-layout .home-content .detail-table-list {display:block; border-top:1px solid #E3E6F0;}
    #content .mypage-area .home-layout .home-content .detail-table-list thead {display:none;}
    #content .mypage-area .home-layout .home-content .detail-table-list tbody {display:block; width:100%;}
    #content .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;}
	#content .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;}
    #content .mypage-area .home-layout .home-content .detail-table-list tr:after {content:""; display:block; clear: both;}
    #content .mypage-area .home-layout .home-content .detail-table-list td {display:block; width:100%; padding: 0; border-width:0; text-align:left;}
	#content .mypage-area .home-layout .home-content .detail-table-list td.title {width: auto;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .region-box {overflow: hidden; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .region-box::after {content:""; display: block; clear: both;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .region-box .region {float:left; padding-bottom: 0; padding-right: 11px;}
	#content .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;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .btn-apply {position: absolute; top: calc(50% - 20px); right: 0;}
	

	#content .mypage-area .home-layout .home-content .detail-table-list td .title-info {max-width: none;}
}
@media screen and (max-width:600px) {
	#content .mypage-area .home-layout .home-content .detail-table-list tr {padding: 15px 105px 15px 20px;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .title-info .info-title .title-box .label {font-size: 16px;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .title-info .info-title .title-box .tit {font-size: 16px;}
}
@media screen and (max-width:425px) {
	#content .mypage-area .home-layout .home-content .detail-table-list tr {padding: 15px;}
	#content .mypage-area .home-layout .home-content .detail-table-list td .title-info .info-list > li .list-tit {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
	#content .mypage-area .home-layout .home-content .detail-table-list td .btn-apply {display:block; position: static; top: auto; right: auto; width: 100%; margin-top: 20px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 맞춤 일자리 정보
-------------------------------------------------------------------*/
#content .mod-tailor-info {display: block;}
#content .mod-tailor-info .title-box {margin-bottom: 20px;}
#content .mod-tailor-info .title-box::after {content:""; display: block; clear: both;}
#content .mod-tailor-info .title-box .title-01 {float: left; margin-right: 20px;}
#content .mod-tailor-info .title-box .title-01 > span {display:inline-block; vertical-align: middle;}
#content .mod-tailor-info .title-box .title-01 .info {margin-left: 10px; font-weight: 400; font-size: 14px; color: #5b5b5b;}

#content .mod-tailor-info .title-box .utils {float: right;}
#content .mod-tailor-info .title-box .utils::after {content:""; display: block; clear: both;}
#content .mod-tailor-info .title-box .utils > li {float:left; margin-right: 10px;}
#content .mod-tailor-info .title-box .utils > li:last-child {margin-right: 0;}
#content .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;}

@media screen and (max-width: 800px){
	#content .mod-tailor-info .title-box .title-01 .info {display: none;}
}
@media screen and (max-width: 375px){
	#content .mod-tailor-info .title-box .title-01 {display:block; float: none;}
	#content .mod-tailor-info .title-box .utils {display: block; float: none; margin-top: 10px;}
	#content .mod-tailor-info .title-box .utils > li {float: none;}
}

#content .mod-tailor-list {display: block; margin-top: 40px;}


/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 이력관리 > 이력관리 상세
-------------------------------------------------------------------*/
#content .mod-job-history {display: block;}
#content .mod-job-history .history-section {margin-bottom: 50px;}
#content .mod-job-history .history-section:last-child {margin-bottom: 0;}
#content .mod-job-history .history-section .section-head {display: block; padding: 10px; background-color: #14663D;}
#content .mod-job-history .history-section .section-head .title {display: block; position: relative; padding-left: 20px; font-weight: 600; font-size: 1.25rem; color: #ffffff;}
#content .mod-job-history .history-section .section-head .title::before {content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #ffffff;}
#content .mod-job-history .history-section .section-body {display:block; padding: 20px; border: 1px solid #E3E6F0; border-top: 0;}
@media screen and (max-width: 1024px) {
	#content .mod-job-history .history-section .section-body {padding: 15px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 마이페이지 > 나의 맞춤 메뉴
-------------------------------------------------------------------*/
#content .mod-taylor-menu {display: block; margin-bottom: 20px;}
#content .mod-taylor-menu .con-head {margin-bottom: 20px;}
#content .mod-taylor-menu .con-head::after {content:""; display: block; clear: both;}
#content .mod-taylor-menu .con-head .title-01 {display:block; float: left; margin-right: 20px;}
#content .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;}
#content .mod-taylor-menu .con-head .btn-reset {display:block; float: right; min-width: 120px; height: 30px; border-radius: 5px; background-color: #DA3938; color: #ffffff;}
#content .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;}

#content .mod-taylor-menu .con-body {display: block; border-bottom: 1px solid #E3E6F0;}
#content .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;}
#content .mod-taylor-menu .con-body .menu-list > li {width: 25%; padding: 0 15px;}
#content .mod-taylor-menu .con-body .menu-list > li .menu-01 {display: block; position: relative; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif;}
#content .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);}
#content .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;}
#content .mod-taylor-menu .con-body .menu-list > li .menu-02 {display: block;}
#content .mod-taylor-menu .con-body .menu-list > li .menu-02 > li {margin-bottom: 10px;}
#content .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item {position: relative; height: 50px;}
#content .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; }
#content .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;}
#content .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;}
#content .mod-taylor-menu .con-body .menu-list > li .menu-02 > li .in-item .in-filter:focus + label {color: #14663D; outline: solid;}
#content .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) {
	#content .mod-taylor-menu .con-body .menu-list {margin: 0 -8px;}
	#content .mod-taylor-menu .con-body .menu-list > li {padding: 0 8px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-taylor-menu .con-body .menu-list > li .menu-01 .num {font-size: 80px;}
	#content .mod-taylor-menu .con-body .menu-list > li .menu-01 .tit {top: 64px; font-size: 26px;}
}
@media screen and (max-width: 800px) {
	#content .mod-taylor-menu .con-body .menu-list > li {width: 50%;}
}
@media screen and (max-width: 600px) {
	#content .mod-taylor-menu .con-head .title-01 {float: none; margin-bottom: 10px;}
}
@media screen and (max-width: 425px) {
	#content .mod-taylor-menu .con-head .btn-reset {float: none; width: 100%;}

	#content .mod-taylor-menu .con-body .menu-list {display: block;}
	#content .mod-taylor-menu .con-body .menu-list > li {width: auto;}
	#content .mod-taylor-menu .con-body .menu-list > li .menu-01 .num {font-size: 50px;}
	#content .mod-taylor-menu .con-body .menu-list > li .menu-01 .tit {top: 40px; font-size: 20px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 로그인 & 회원가입
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .member-area {display: block;}
/*-------------------------------------------------------------------
	분류그룹 : 로그인 & 회원가입 > 개인, 구인자 선택
-------------------------------------------------------------------*/
#content .txt{font-size:16px; line-height:22px;}
#content .txt2{font-size:14px; }
#content .bg-txt{font-size:14px; line-height:}
#content .bg-txt.bg-g{background:#14663D; color:#ffffff; padding:5px 10px; border-radius:5px;}


#content .mem-title-wrap {display: block; padding-top: 100px; text-align: center;}
#content .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;}
#content .mem-title-wrap .tit > strong {display: inline-block; font-weight: 700;}
#content .mem-title-wrap .txt {display: block; font-size: 1rem; color: #5b5b5b;}

#content .mem-select-wrap {display: block; max-width: 900px; margin: 0 auto;}
#content .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;}
#content .mem-select-wrap .select-list .list-wrap {display: block; margin: 0 -50px;}
#content .mem-select-wrap .select-list .list-wrap::after {content:""; display: block; clear: both;}
#content .mem-select-wrap .select-list .list-wrap > li {display: block; float: left; width: 50%; padding: 0 50px;}
#content .mem-select-wrap .select-list .list-wrap > li .item {display: block; width: 400px; height: 400px; padding: 25px; border-radius: 50%; background-color: #14663D;}
#content .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%;}
#content .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;}
#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt {display: block; font-size: 1rem; text-align: center; color: #ffffff;}
#content .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 */
#content .mem-select-wrap .select-list .list-wrap > li .item.mem-user {background-color: #14663D;}
#content .mem-select-wrap .select-list .list-wrap > li .item.mem-user .item-con .tit {background-image: url(../images/sub/i_member_user.svg);}
#content .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter {background-color: #304086;}
#content .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter .item-con .tit {background-image: url(../images/sub/i_member_recruiter.svg);}
#content .mem-select-wrap .select-list .list-wrap > li .item.mem-recruiter .item-con .btn-link {color: #304086;}
#content .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;}
#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link:focus,
#content .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) {
	#content .mem-title-wrap {padding-top: 60px;}
	
	#content .mem-select-wrap .select-list .list-wrap {display: block; margin: 0 -15px;}
	#content .mem-select-wrap .select-list .list-wrap > li {padding: 0 15px;}
	#content .mem-select-wrap .select-list .list-wrap > li .item {width: 100%; padding: 20px; border-radius: 25px;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con {padding: 20px; border-radius: 18px;}
}
@media screen and (max-width: 800px) {
	#content .mem-title-wrap .tit {font-size: 1.75rem;}

	#content .mem-select-wrap .select-list .list-wrap > li .item {height: 320px; padding: 15px;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con {padding: 15px;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .tit {margin-top: 15px; padding-top: 65px;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt {height: 3.9rem;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt > br {display: none;}
}
@media screen and (max-width: 600px) {
	#content .mem-title-wrap {padding-top: 40px;}
	#content .mem-title-wrap .tit {margin-bottom:10px; font-size: 1.625rem;}

	#content .mem-select-wrap .select-list {padding: 40px 0 0; background: none;}
	#content .mem-select-wrap .select-list .list-wrap {margin: 0;}
	#content .mem-select-wrap .select-list .list-wrap > li {float: none; width: auto; margin-bottom: 20px; padding: 0;}
	#content .mem-select-wrap .select-list .list-wrap > li .item {height: auto;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt > br {display: block;}
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .btn-link {margin: 10px 0 0; width: auto;}
}
@media screen and (max-width: 375px) {
	#content .mem-select-wrap .select-list .list-wrap > li .item .item-con .txt > br {display: none;}
}


/*-------------------------------------------------------------------
	분류그룹 : 회원가입 > 회원가입 step
-------------------------------------------------------------------*/
#content .mod-signup-step {display: block; padding-bottom: 70px;}

#content .mod-signup-step .list-wrap {display: block; margin: 0 -80px;}
#content .mod-signup-step .list-wrap::after {content:""; display: block; clear: both;}
#content .mod-signup-step .list-wrap > li {display:block; float: left; position: relative; width: 25%; padding: 0 80px; text-align: left;}
#content .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;}
#content .mod-signup-step .list-wrap > li:last-child::before {display: none;}
#content .mod-signup-step .list-wrap > li .item {display: inline-block; position: relative; margin: 0 auto; padding-left: 80px; line-height: 80px; text-align: left;}
#content .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;}
#content .mod-signup-step .list-wrap > li .item .txt-wrap {display: inline-block; padding-left: 15px; line-height: 1; vertical-align: middle;}
#content .mod-signup-step .list-wrap > li .item .txt-wrap .num {display: block; margin-bottom: 8px; line-height: 1; font-size: 1rem; color: #5b5b5b;}
#content .mod-signup-step .list-wrap > li .item .txt-wrap .tit {display: block; font-weight: 500; color: #000000;}

#content .mod-signup-step.type-recruiter {width: 50%; margin: 0 auto;}
#content .mod-signup-step.type-recruiter .list-wrap > li {width: 50%;}
/* interaction */
#content .mod-signup-step .list-wrap > li.on .item::before {border-color: #14663D; background-color: #14663D;}
#content .mod-signup-step.type-b .list-wrap > li.on .item::before {border-color: #304086; background-color: #304086;}

#content .mod-signup-step .list-wrap > li.step01 .item::before {background-image: url(../images/sub/i_signup_step01.svg);}
#content .mod-signup-step .list-wrap > li.step01.on .item::before {background-image: url(../images/sub/i_signup_step01_on.svg);}
#content .mod-signup-step .list-wrap > li.step02 .item::before {background-image: url(../images/sub/i_signup_step02.svg);}
#content .mod-signup-step .list-wrap > li.step02.on .item::before {background-image: url(../images/sub/i_signup_step02_on.svg);}
#content .mod-signup-step .list-wrap > li.step03 .item::before {background-image: url(../images/sub/i_signup_step03.svg);}
#content .mod-signup-step .list-wrap > li.step03.on .item::before {background-image: url(../images/sub/i_signup_step03_on.svg);}
#content .mod-signup-step .list-wrap > li.step04 .item::before {background-image: url(../images/sub/i_signup_step04.svg);}
#content .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) {
	#content .mod-signup-step .list-wrap {margin: 0 -20px;}
	#content .mod-signup-step .list-wrap > li {padding: 0 20px; text-align: center;}
}
@media screen and (max-width: 1024px) {
	#content .mod-signup-step .list-wrap {margin: 0 -15px;}
	#content .mod-signup-step .list-wrap > li {padding: 0 15px;}
	#content .mod-signup-step .list-wrap > li .item {padding-left: 65px; line-height: 65px;}
	#content .mod-signup-step .list-wrap > li .item::before {width: 65px; height: 65px;}
	#content .mod-signup-step .list-wrap > li .item .txt-wrap {padding-left: 10px;}

	#content .mod-signup-step.type-recruiter {width: 80%;}
}
@media screen and (max-width: 800px) {
	#content .mod-signup-step {padding-bottom: 50px;}
	#content .mod-signup-step .list-wrap {margin: 0 -10px;}
	#content .mod-signup-step .list-wrap > li {padding: 0 10px;}
	#content .mod-signup-step .list-wrap > li::before {top: calc(50% - 9px); right: -9px; width: 18px; height: 18px;}

	#content .mod-signup-step .list-wrap > li .item {padding-left: 25px; line-height: 45px;}
	#content .mod-signup-step .list-wrap > li .item::before {top: 10px; width: 25px; height: 25px; border: 0; border-radius: 0; background-color: transparent;}
	#content .mod-signup-step .list-wrap > li.on .item::before {border-color: transparent; background-color: transparent;}
	#content .mod-signup-step .list-wrap > li.step01.on .item::before {background-image: url(../images/sub/i_signup_step01_on2.svg);}
	#content .mod-signup-step .list-wrap > li.step02.on .item::before {background-image: url(../images/sub/i_signup_step02_on2.svg);}
	#content .mod-signup-step .list-wrap > li.step03.on .item::before {background-image: url(../images/sub/i_signup_step03_on2.svg);}
	#content .mod-signup-step .list-wrap > li.step04.on .item::before {background-image: url(../images/sub/i_signup_step04_on2.svg);}

	#content .mod-signup-step.type-b .list-wrap > li.on .item::before {border-color: transparent; background-color: transparent;}
	#content .mod-signup-step.type-b .list-wrap > li.step01.on .item::before {background-image: url(../images/sub/i_signup_step01_on3.svg);}
	#content .mod-signup-step.type-b .list-wrap > li.step02.on .item::before {background-image: url(../images/sub/i_signup_step02_on3.svg);}
	#content .mod-signup-step.type-b .list-wrap > li.step03.on .item::before {background-image: url(../images/sub/i_signup_step03_on3.svg);}
	#content .mod-signup-step.type-b .list-wrap > li.step04.on .item::before {background-image: url(../images/sub/i_signup_step04_on3.svg);}

	#content .mod-signup-step .list-wrap > li.on .item .txt-wrap .num,
	#content .mod-signup-step .list-wrap > li.on .item .txt-wrap .tit {color: #14663D;}
	#content .mod-signup-step.type-b .list-wrap > li.on .item .txt-wrap .num,
	#content .mod-signup-step.type-b .list-wrap > li.on .item .txt-wrap .tit {color: #304086;}
}
@media screen and (max-width: 600px) {
	#content .mod-signup-step .list-wrap > li .item {padding-left: 0; text-align: center;}
	#content .mod-signup-step .list-wrap > li .item::before {display: none;}
	#content .mod-signup-step .list-wrap > li .item .txt-wrap {padding-left: 0;}

	#content .mod-signup-step.type-recruiter {width: 100%;}
}
@media screen and (max-width: 475px) {
	#content .mod-signup-step {padding-bottom: 40px;}
	#content .mod-signup-step .list-wrap {margin: 0 -5px;}
	#content .mod-signup-step .list-wrap > li {width: 50%; margin-bottom: 10px; padding: 0 5px;}
	#content .mod-signup-step .list-wrap > li::before {display: none;}
	#content .mod-signup-step .list-wrap > li .item {display: block; padding: 5px; border: 1px solid #E3E6F0;}
	#content .mod-signup-step .list-wrap > li.on .item {border-color: #14663D;}
	#content .mod-signup-step.type-b .list-wrap > li.on .item {border-color: #304086;}
}


/*-------------------------------------------------------------------
	분류그룹 : 회원가입 > 회원가입 이용약관
-------------------------------------------------------------------*/
#content .mod-privacy-notice {display: block; margin-top: 22px; margin-bottom: 40px; border: 1px solid #E3E6F0;}
#content .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;}
#content .mod-privacy-notice .txt-box {padding: 20px;}
#content .mod-privacy-notice .txt-box .txt {display: block; line-height: 1.6;}

#content .mod-agree-box {display: block;}
#content .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;}
#content .mod-agree-box .con-scroll-box::-webkit-scrollbar {width: 12px;}
#content .mod-agree-box .con-scroll-box::-webkit-scrollbar-thumb {border: 1px solid #E3E6F0; border-radius: 6px; background-clip: padding-box; background-color:#D8DBE2;}
#content .mod-agree-box .con-scroll-box::-webkit-scrollbar-track {background-color: #F3F5F9;}
#content .mod-agree-box .con-scroll-box .box-item {margin-bottom: 30px;}
#content .mod-agree-box .con-scroll-box .tit {display: block; margin-bottom: 12px; font-weight: 600; font-size: 1.0625rem; color: #000000;}
#content .mod-agree-box .con-scroll-box .txt {display: block; font-weight: 400; font-size: 1rem; color: #000000;}
#content .mod-agree-box .con-scroll-box .bul-list {}
#content .mod-agree-box .con-scroll-box .list > li,
#content .mod-agree-box .con-scroll-box .bul-list > li {margin-bottom: 5px;}
#content .mod-agree-box .con-scroll-box .list > li:last-child,
#content .mod-agree-box .con-scroll-box .bul-list > li:last-child {margin-bottom: 0;}
#content .mod-agree-box .con-scroll-box .under {text-decoration: underline;}

#content .mod-agree-box .con-agree-box {display:block; padding: 15px 20px; border: 1px solid #E3E6F0; border-top: 0; background-color: #F3F5F9;}
#content .mod-agree-box .con-agree-box .list-wrap {display: block;}
#content .mod-agree-box .con-agree-box .list-wrap > li {margin-bottom: 15px;}
#content .mod-agree-box .con-agree-box .list-wrap > li:last-child {margin-bottom: 0;}
#content .mod-agree-box .con-agree-box .list-wrap > li .check {display:block; white-space: normal;}
#content .mod-agree-box .con-agree-box .list-wrap > li .check > span,
#content .mod-agree-box .con-agree-box .list-wrap > li .check > label {display: block;}

@media screen and (max-width: 1024px) {
	#content .mod-privacy-notice .txt-box {padding: 20px 15px;}
	#content .mod-agree-box .con-scroll-box {padding: 20px 15px;}
	#content .mod-agree-box .con-agree-box {padding: 15px;}
}
@media screen and (max-width: 800px) {
	#content .mod-agree-box .con-scroll-box .dt {display:block; float: none;}
}
@media screen and (max-width: 425px) {
	#content .mod-privacy-notice {margin-top: 0; border: 0;}
	#content .mod-privacy-notice .title {max-width: none; margin: 0; border-radius: 8px 8px 0 0;}
	#content .mod-privacy-notice .txt-box {border: 1px solid #E3E6F0; border-radius: 0 0 8px 8px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 회원가입 > 본인인증 & 가입완료 페이지
-------------------------------------------------------------------*/
#content .mod-status-con-box {display: block; margin-bottom: 40px; padding: 30px 100px; border: 1px solid #E3E6F0; background-color: #F3F5F9;}
#content .mod-status-con-box .con-wrap {display: block; position: relative; padding-left: 175px; background: no-repeat center left; background-size: 175px;}
#content .mod-status-con-box .con-wrap.type-certify {background-image: url(../images/sub/img_signup_phone.png);}
#content .mod-status-con-box .con-wrap.type-complete {background-image: url(../images/sub/img_signup_complete.png);}
#content .mod-status-con-box .con-wrap .con-box {display: table; width: 100%;}
#content .mod-status-con-box .con-wrap .con-box .txt-wrap {display: table-cell; width: 99%; padding: 25px 0 25px 50px; vertical-align: middle;}
#content .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;}
#content .mod-status-con-box .con-wrap .con-box .txt-wrap .tit > strong {font-weight: 700;}
#content .mod-status-con-box .con-wrap .con-box .txt-wrap .txt {display: block; line-height: 1.6; font-size: 1rem; color: #5b5b5b;}
#content .mod-status-con-box .con-wrap .con-box .btn-wrap {display: table-cell; width: 1%; vertical-align: middle;}
#content .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;}
#content .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status.type-b {background-color: #304086;}
#content .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;}
#content .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);}
#content .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 */
#content .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;}
#content .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status:focus,
#content .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) {
	#content .mod-status-con-box {padding: 30px;}
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap {padding: 25px 0 25px 30px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-status-con-box .con-wrap .con-box {display: block; padding-left: 30px;}
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap {display: block; width: auto; padding: 0 0 20px 0;}
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap .txt > br {display: none;}
	#content .mod-status-con-box .con-wrap .con-box .btn-wrap {display: block; width: auto;}
}
@media screen and (max-width: 800px) {
	#content .mod-status-con-box {padding: 30px 20px;}
}
@media screen and (max-width: 600px) {
	#content .mod-status-con-box {padding: 30px 15px 20px;}
	#content .mod-status-con-box .con-wrap {padding-top: 150px; padding-left: 0; background-position: center top;}
	#content .mod-status-con-box .con-wrap .con-box {padding-left: 0;}
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap {margin-top: 15px;}
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap .tit {margin-bottom: 10px; text-align: center;}
	#content .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status {width: 100%;}
}
@media screen and (max-width: 425px) {
	#content .mod-status-con-box .con-wrap .con-box .txt-wrap .tit {font-size: 1.5rem;}
	#content .mod-status-con-box .con-wrap .con-box .btn-wrap .btn-con-status {border-radius: 10px;}
}



/*-------------------------------------------------------------------
	분류그룹 : 로그인 > 개인 로그인 & 구인자 로그인
-------------------------------------------------------------------*/
#content .mem-login-wrap {display: block; padding-top: 70px; margin: 0 -25px;}
#content .mem-login-wrap::after {content:""; display: block; clear: both;}
#content .mem-login-wrap .form-box {display: block; float: left; width: 50%; padding: 0 25px;}
#content .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;}
#content .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;}
/* 일반 로그인 폼 */
#content .mem-login-wrap .form-box .box-con .login-form {display: block;}
#content .mem-login-wrap .form-box .box-con .login-form::after {content:""; display: block; clear: both;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box {float:left; width: calc(100% - 100px); padding-right: 20px;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row {display: block; position: relative; margin-bottom: 10px;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row:last-child {margin-bottom: 0;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt {display: block; width: 100%; padding: 2px 15px 2px 40px;}
#content .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;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon.id {background-image: url(../images/sub/i_login_id.svg);}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon.pw {background-image: url(../images/sub/i_login_pw.svg);}
#content .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;}
/* 로그인 버튼 */
#content .mem-login-wrap .form-box .box-con .btn-list {display: block; margin-top: 15px;}
#content .mem-login-wrap .form-box .box-con .btn-list::after {content:""; display: block; clear: both;}
#content .mem-login-wrap .form-box .box-con .btn-list > li {float: left; position: relative; margin-right: 8px; padding-right: 8px;}
#content .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;}
#content .mem-login-wrap .form-box .box-con .btn-list > li:last-child {margin-right: 0;}
#content .mem-login-wrap .form-box .box-con .btn-list > li:last-child::before {display: none;}
#content .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem {display: block; font-size: 1rem; color: #5b5b5b;}
/* 디지털 원패스 버튼 */
#content .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;}

/* 구인자 로그인 단독 */
#content .mem-login-wrap .form-box.type-center {float: none; margin: 0 auto;}
/* type-b */
#content .mem-login-wrap .form-box.type-b {}
#content .mem-login-wrap .form-box.type-b .box-con {border-top-color: #304086;}

/* interaction */
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .icon {transition: background 0.3s;}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:focus + .icon.id,
#content .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);}
#content .mem-login-wrap .form-box .box-con .login-form .login-box .form-row .intxt:focus + .icon.pw,
#content .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);}
#content .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem {transition: color 0.3s;}
#content .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem:focus,
#content .mem-login-wrap .form-box .box-con .btn-list > li .btn-mem:hover {color: #14663D;}
/* type-b */
#content .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:focus + .icon.id,
#content .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);}
#content .mem-login-wrap .form-box.type-b .box-con .login-form .login-box .form-row .intxt:focus + .icon.pw,
#content .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);}
#content .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem {transition: color 0.3s;}
#content .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem:focus,
#content .mem-login-wrap .form-box.type-b .box-con .btn-list > li .btn-mem:hover {color: #304086;}
/* 디지털 원패스 버튼 */
#content .mem-login-wrap .form-box .btn-onepass {box-shadow: 5px 5px 8px 0 rgba(0,0,0,0); transition: box-shadow 0.3s;}
#content .mem-login-wrap .form-box .btn-onepass:focus,
#content .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) {
	#content .mem-login-wrap {margin: 0 -15px;}
	#content .mem-login-wrap .form-box {padding: 0 15px;}
	#content .mem-login-wrap .form-box .box-con {padding: 50px 25px;}
}
@media screen and (max-width: 1024px) {
	#content .mem-login-wrap {margin: 0 -10px;}
	#content .mem-login-wrap .form-box {padding: 0 10px;}
	#content .mem-login-wrap .form-box .box-con {min-height: 280px; padding: 40px 20px;}
	#content .mem-login-wrap .form-box .box-con .tit {margin-bottom: 20px;}
	#content .mem-login-wrap .form-box .box-con .login-form .login-box {padding-right: 10px;}

	#content .mem-login-wrap .form-box.type-b {width: auto;}
}
@media screen and (max-width: 800px) {
	#content .mem-login-wrap {margin: 0;}
	#content .mem-login-wrap .form-box {float: none; width: auto; margin-bottom: 25px; padding: 0;}
	#content .mem-login-wrap .form-box:last-child {margin-bottom: 0;}
	#content .mem-login-wrap .form-box .box-con {min-height: 0; padding: 30px 15px;}
	#content .mem-login-wrap .form-box .box-con .tit {font-size: 1.5rem;}
	#content .mem-login-wrap .form-box .btn-onepass {height: 60px; font-size: 1.125rem;}
}
@media screen and (max-width: 600px) {
	#content .mem-login-wrap {padding-top: 40px;}
	#content .mem-login-wrap .form-box .box-con .tit {font-size: 1.25rem;}
	#content .mem-login-wrap .form-box .box-con .btn-list > li {margin-right: 5px; padding-right: 5px;}
}
@media screen and (max-width: 425px) {
	#content .mem-login-wrap .form-box .box-con {padding: 20px 10px;}
	#content .mem-login-wrap .form-box .box-con .login-form .login-box {float: none; width: auto; padding-right: 0;}
	#content .mem-login-wrap .form-box .box-con .login-form .btn-login {float:none; width: 100%; height: 40px; margin-top: 10px; line-height: 40px;}
	#content .mem-login-wrap .form-box .btn-onepass {padding-left: 60px; padding-right: 15px; font-size: 1.0625rem; background-size: 30px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 로그인 > 아이디 찾기 & 비밀번호 찾기
-------------------------------------------------------------------*/
/* 링크 탭 */
#content .link-tab-wrap {}
#content .link-tab-wrap .tab-box.type-drop {margin-bottom: 40px;}
#content .link-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab {min-height: 55px; line-height: 43px;}
@media screen and (max-width: 800px) {
	#content .link-tab-wrap .tab-box.type-drop {height: 55px;}
	#content .link-tab-wrap .tab-box.type-drop .list-wrap {padding-top: 55px;}
	#content .link-tab-wrap .tab-box.type-drop .list-wrap > li .btn-tab {line-height: 54px;}
}
/* 찾기 버튼 */
#content .mod-btn-wrap.find-btn-wrap {margin-top: 40px;}
#content .mod-btn-wrap.find-btn-wrap .btn-group .g-item .btn {min-width: 200px;}
@media screen and (max-width: 600px) {
	#content .mod-btn-wrap.find-btn-wrap {margin-top: 20px;}
	#content .mod-btn-wrap.find-btn-wrap .btn-group .g-item .btn {min-width: 0;}
}

/*-------------------------------------------------------------------
	분류그룹 : 로그인 > 아이디 찾기 & 비밀번호 찾기 확인
-------------------------------------------------------------------*/
#content .mod-find-result {display: block; padding: 70px 50px; border: 1px solid #E3E6F0; background-color: #F3F5F9; text-align: center;}
#content .mod-find-result .title-box {display: block;}
#content .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;}
#content .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;}
#content .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;}
#content .mod-find-result .title-box .tit > span {font-weight:700; color: #14663D;}
#content .mod-find-result .title-box.type-pw .tit {}
#content .mod-find-result .result-box {display: block; margin-top: 20px; padding: 20px; border: 1px solid #E3E6F0; background-color: #ffffff; line-height: 43px;}
#content .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;}
#content .mod-find-result .result-box .txt:last-child {margin-right: 0;}
#content .mod-find-result .result-box .txt.id {font-weight: 600; color: #000000;}
#content .mod-find-result .info-txt {display: block; margin-top: 10px; font-size: 1rem; color: #5b5b5b;}
#content .mod-find-result .info-txt > strong {font-weight: 500; color: #14663D;}

@media screen and (max-width: 800px) {
	#content .mod-find-result {padding: 50px 30px;}
	#content .mod-find-result .title-box .tit > br {display: none;}
	#content .mod-find-result .title-box.type-pw .tit {font-size: 1.25rem;}
	#content .mod-find-result .result-box {padding: 15px;}
}
@media screen and (max-width: 600px) {
	#content .mod-find-result {padding: 50px 20px;}
	#content .mod-find-result .title-box .tit {padding: 0 10px; font-size: 1.375rem;}
	#content .mod-find-result .title-box.type-pw .tit {font-size: 1.125rem; word-break: break-all;}
	#content .mod-find-result .title-box .tit::before {content:""; position: absolute; top: 0; left: 0; width: 6px; height: 6px; border-top: 4px solid #8890a9; border-left: 4px solid #8890a9;}
	#content .mod-find-result .title-box .tit::after {content:""; position: absolute; bottom: 0; right: 0; width: 6px; height: 6px; border-bottom: 4px solid #8890a9; border-right: 4px solid #8890a9;}

	#content .mod-find-result .result-box {display: block; min-width: 0; margin-top: 20px; line-height: 1;}
	#content .mod-find-result .result-box .txt {display: block; margin-right: 0; margin-bottom: 10px;}
	#content .mod-find-result .result-box .txt:last-child {margin-bottom: 0;}
}
@media screen and (max-width: 475px) {
	#content .mod-find-result {padding: 40px 15px;}
	#content .mod-find-result .title-box .tit {font-size: 1.25rem;}
}




/*-------------------------------------------------------------------
	분류그룹 : 고객센터
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 공지사항, 서식자료실, 문의합니다, 이용후기
-------------------------------------------------------------------*/
/* 공지사항 */
#content .mod-client-list-con {display: block;}
#content .mod-client-list-con .btn-modal-attach {display: inline-block; position: relative; height:25px; padding-left:25px; background-color: transparent;  vertical-align: middle;}
#content .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;}
#content .mod-client-list-con .btn-modal-attach > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .mod-client-list-con .mod-table-list td.cell-title {text-align: left;}

/* interaction */
#content .mod-client-list-con .mod-table-list td.cell-title a {transition:color 0.3s;}
#content .mod-client-list-con .mod-table-list td.cell-title:focus a,
#content .mod-client-list-con .mod-table-list td.cell-title:hover a {color:#14663D;}

/* 문의합니다 */
#content .mod-client-list-con .mod-table-list td.t-num > span {display: inline-block; padding-top:0;}
#content .mod-client-list-con .mod-table-list td.cell-title {text-align: left;}
#content .mod-client-list-con .mod-table-list td.cell-title.secret {}
#content .mod-client-list-con .mod-table-list td.cell-title .txt {display: block;}
#content .mod-client-list-con .mod-table-list td.cell-title .txt span {}
#content .mod-client-list-con .mod-table-list td.cell-title.secret .txt span {display: block; position:relative; padding-left:33px;}
#content .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%);}

@media screen and (max-width:800px) {
	#content .mod-client-list-con .btn-modal-attach::before {width:20px; height:20px;}
	#content .mod-client-list-con .mod-table-list td.t-num > span {padding:5px 0;}
	#content .mod-client-list-con .mod-table-list td.t-tit > a {display: block; padding:5px 0;}
	#content .mod-client-list-con .mod-table-list td.t-hits {display: none;}
	#content .mod-client-list-con .mod-table-list td.t-date {text-align: right;}
	#content .mod-client-list-con .mod-table-list td.cell-title .txt {padding:5px 0;}
	/* #content .mod-client-list-con .mod-table-list tr td.t-badge {padding-top:8px;} */
	#content .mod-client-list-con .mod-table-list tr td.t-badge .badge-wrap {padding-top:2px;}
	#content .mod-client-list-con .mod-table-list tr td .label.badge {min-width:70px; text-align: center;}
}
@media screen and (max-width:600px) {
	#content .mod-client-list-con .mod-table-list.type-responsive td.tcol-8 {width:100%;}
	#content .mod-client-list-con .mod-table-list td.t-tit > a {display: block; padding:0;}
	#content .mod-client-list-con .mod-table-list td.cell-title.secret .txt span::before {width:24px; height:24px;}
}

/* 서식자료실 */
#content .mod-client-list-con .mod-table-list tr td .label.badge {min-width:80px; font-size:0.875rem;}


/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 공지사항, 서식자료실, 문의합니다, 이용후기 상세
-------------------------------------------------------------------*/
#content .view-area .mod-view-section .title-box {margin-bottom:20px; padding-top:40px; border-top:1px solid #e9e9e9;}
#content .view-area .mod-view-section .title-box .d-tit {text-align: center; font-size:1.5rem;}

#content .mod-view-list {display: block; border-top: 1px solid #000000;}
#content .mod-view-list li.list {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0;}
#content .mod-view-list li.list .v-item {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width:100%;}
#content .mod-view-list li.list .v-item::after {content:''; display: block; clear:both;}
#content .mod-view-list li.list .v-item.type-a {width:50%;}
#content .mod-view-list li.list .v-item.type-b {width:33.3333%;}
#content .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;}
#content .mod-view-list li.list .view-title .view-tit {margin: 0 auto; text-align: center; word-break: break-all;}
#content .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;}
#content .mod-view-list li.list .view-content .txt {font-size: 1rem; color: #000000; word-break: break-all;}
#content .mod-view-list li.list .view-content .attach-list {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
#content .mod-view-list li.list .view-content .attach-list > li {}
#content .mod-view-list li.list .view-content .attach-list > li .attach {display: block;}
#content .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;}
#content .mod-view-list li.list .view-content li:last-child .v-attach {margin-right:0;}

#content .mod-view-list li.list .view-txt {width:100%; padding:20px; min-height:300px;}
#content .mod-view-list li.list .view-content .view-txt {padding:10px;}

#content .view-area .mod-view-section .btn-wrap {margin:20px 0 30px 0; text-align: center;}
@media screen and (max-width:1024px) {
	#content .mod-view-list li.list .view-content .attach-list {display: block;}
	#content .mod-view-list li.list .view-content .attach-list > li {margin-bottom:5px;}
	#content .mod-view-list li.list .view-content .attach-list > li:last-child {margin-bottom:0;}
}
@media screen and (max-width: 800px) {
	#content .view-area .mod-view-section .title-box {margin-bottom:10px; padding-top:30px;}
	#content .view-area .mod-view-section .title-box .d-tit {text-align: left;}
	#content .mod-view-list li.list {display: block; border-bottom:0;}
	#content .mod-view-list li.list .v-item {border-bottom: 1px solid #E3E6F0;}
	#content .mod-view-list li.list .v-item.type-a,
	#content .mod-view-list li.list .v-item.type-b {width:100%;}
	#content .mod-view-list li.list .v-item.type-c {width:50%;}
	#content .mod-view-list li.list .view-title {width: 180px;}
	#content .mod-view-list li.list .view-title .view-tit {line-height:30px;}

	#content .mod-view-list li.list .view-content {width: calc(100% - 180px);}
	#content .mod-view-list li.list .view-content .v-attach {display: block; width:100%;}
}
@media screen and (max-width: 600px) {
	#content .mod-view-list {margin-top:10px;}
	#content .mod-view-list li.list .v-item {display: block;}
	#content .mod-view-list li.list .view-title {display:block; width: auto; min-height: unset; padding:5px 10px; text-align: left;}
	#content .mod-view-list li.list .view-content {display:block; width: auto; min-height: 0;}
	#content .mod-view-list li.list .view-content .v-attach {margin-right:0; margin-bottom:5px;}
	#content .mod-view-list li.list .view-txt {padding:10px;}
	#content .mod-view-list li.list .view-content .view-txt {padding:0;}
}

/* 서식자료실 */
#content .mod-view-list li.list .v-item .view-content .view-txt form {}
#content .mod-view-list li.list .v-item .view-content .view-txt form .txt-con {}
#content .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .radio-box,
#content .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .txt-box {margin-top:10px;}
#content .mod-view-list li.list .v-item .view-content .view-txt form .txt-con .radio-box .radio {margin-right:5px; color:#5b5b5b;}

/* 이용후기 */
#content .mod-view-list li.list .v-item .view-content.review {}
#content .mod-view-list li.list .v-item .view-content.review .utils {width:100%; text-align: right;}
#content .mod-view-list li.list .v-item .view-content.review .utils::after {content:''; display: block; clear:both;}
#content .mod-view-list li.list .v-item .view-content.review .utils .txt {float:left;}
#content .mod-view-list li.list .v-item .view-content.review .like,
#content .mod-view-list li.list .v-item .view-content.review .reply {position:relative; padding-lefT:20px;}
#content .mod-view-list li.list .v-item .view-content.review .like {margin-right:5px;}
#content .mod-view-list li.list .v-item .view-content.review .like::before,
#content .mod-view-list li.list .v-item .view-content.review .reply::before,
#content .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%);}
#content .mod-view-list li.list .v-item .view-content.review .like::before {background-image:url(../images/sub/i_like.svg);}
#content .mod-view-list li.list .v-item .view-content.review .reply::before {background-image:url(../images/sub/i_reply_01.svg);}
#content .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);}

#content .view-area .mod-view-section .btn-like {}
#content .view-area .mod-view-section .btn-like span {position:relative; padding-left:25px;}
#content .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%);}
#content .view-area .mod-view-section .btn-like.on span::before {background-image:url(../images/sub/i_like_on.png);}
/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 공지사항 홈 > 공지사항 작성
-------------------------------------------------------------------*/

#content .mod-write-list {display: block; margin-bottom:20px; border-top: 1px solid #000000;}
#content .mod-write-list + .mod-write-list {margin-top: 20px;}
#content .mod-write-list li.list {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-bottom: 1px solid #E3E6F0;}
#content .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;}
#content .mod-write-list li.list .write-title .write-tit {margin: 0 auto; line-height: 1.3; text-align: center; word-break: break-all;}
#content .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;}
#content .mod-write-list li.list .write-content .txt {padding-bottom: 10px; font-size: 1rem; color: #000000;}
#content .mod-write-list li.list .write-content > .grid {width: 100%;}
#content .mod-write-list li.list .write-content > .grid .row {-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#content .mod-write-list li.list .write-content .form-item .tarea {min-height:150px;}
#content .mod-write-list li.list .write-content .form-item .intxt {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex-grow: 1;}


@media screen and (max-width: 800px) {
	#content .mod-write-list li.list .write-title {width: 180px;}
	#content .mod-write-list li.list .write-content {width: calc(100% - 180px);}
}
@media screen and (max-width: 600px) {
	#content .mod-write-list li.list {display: block;}
	#content .mod-write-list li.list .write-title {display:block; width: auto; min-height: unset; text-align: left;}
	#content .mod-write-list li.list .write-title .write-tit br {display: none;}
	#content .mod-write-list li.list .write-content {display:block; width: auto; min-height: 0;}
	#content .mod-write-list li.list .write-content > .grid .row .radio,
	#content .mod-write-list li.list .write-content > .grid .row .radio > label,
	#content .mod-write-list li.list .write-content > .grid .row .check,
	#content .mod-write-list li.list .write-content > .grid .row .check > label {display: block;}
}

/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 문의합니다 상세
-------------------------------------------------------------------*/
#content .answer-area {}
#content .answer-area .title-01 {margin-bottom:15px;}
#content .answer-area .mod-view-list {}
#content .answer-area .mod-view-list .list {}
#content .answer-area .mod-view-list .view-content {}
#content .answer-area .mod-view-list .view-content .view-txt {min-height: auto;}

/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 이용후기
-------------------------------------------------------------------*/
#content .mod-infotech-list-con .gallery-list .review-list {}
#content .mod-infotech-list-con .gallery-list .review-list .item {position:relative;}
#content .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;}
#content .mod-infotech-list-con .gallery-list .review-list .item .utils::after {content:''; display: block; clear:both;}
#content .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;}
#content .mod-infotech-list-con .gallery-list .review-list .item .utils .btn-like.on {background-color:#14663D;}
#content .mod-infotech-list-con .gallery-list .review-list .item .img-box {}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con {}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .user {margin-top:5px; font-size:0.875rem; color:#5b5b5b;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info {margin-top:15px;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info::after {content:''; display: block; clear:both;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box {float:left; font-size:0.875rem;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box {float:right; font-size:0.875rem;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like {margin-right:5px;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like,
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply,
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date {display: inline-block; position:relative; padding-left:27px;}
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .like::before,
#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply::before,
#content .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%);}
#content .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);}
#content .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);}
#content .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);}
#content .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);}
#content .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) {
	#content .mod-infotech-list-con .gallery-list .review-list .item .utils {padding:15px 15px 0;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date {padding-left:20px; font-size:0.8125rem;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date::before {width:15px; height:15px;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box .reply.on::after {width:13px; height:13px;}
}
@media screen and (max-width:600px) {
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con {padding: 15px 10px 7px 10px;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .l-box,
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box {margin-top:5px;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box::after {content:''; display: block; clear:both;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date {float:right; padding-left:0;}
	#content .mod-infotech-list-con .gallery-list .review-list .item .item-con .review-info .r-box .date::before {display: none;}
}
@media screen and (max-width: 475px) {
	#content .mod-infotech-list-con .gallery-list.review {margin: 0;}
	#content .mod-infotech-list-con .gallery-list.review .review-list {float:none; width: auto; margin-bottom:15px; padding: 0;}
	#content .mod-infotech-list-con .gallery-list.review .review-list .item .img-box {height: 280px;}
}
@media screen and (max-width: 370px) {
	#content .mod-infotech-list-con .gallery-list.review .review-list .item .img-box {height: 210px;}
}

/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 이용후기 상세
-------------------------------------------------------------------*/

#content .mod-btn-wrap.sm {margin:20px 0;}
#content .mod-btn-wrap.sm .btn-group .g-item .btn {min-width:100px;}

/* --- 댓글 공통 모듈 s --- */
#content .cmnt-wrap .cmnt-area .reply-content {display: block; margin-top: 50px; padding: 25px 30px 30px; border-radius: 20px; background-color:#F3F5F9;}

/* 댓글 타이틀 */
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-tit {display: block; margin-bottom: 10px;}
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-tit > .num {display:inline-block; color: #14663D;}

/* 댓글 작성 form */
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt {display: block; width:calc(100% - 150px);}
#content .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}
#content .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 */
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt {transition: box-shadow 0.3s;}
#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt:hover,
#content .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) {
    #content .cmnt-wrap .cmnt-area .reply-content {padding: 35px 15px 15px;}
    #content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt {width: 130px; padding: 0 15px;}
}
@media screen and (max-width: 475px) {
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar {display: block;}
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt {width:100%;}
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt .textarea {}
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt {height:50px;}
    #content .cmnt-wrap .cmnt-area .reply-content {padding: 20px 15px 15px;} 
    #content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar {display: block;}
    #content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt {margin-bottom: 10px; padding-right: 0;}
    #content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .btn-cmnt {width: 100%; padding: 10px 15px;}
}

/* user profile */
#content .cmnt-wrap .cmnt-area .reply-content .profile {display: block; margin-top:12px;}
#content .cmnt-wrap .cmnt-area .reply-content .profile .tit {display: block; font-weight: 700; font-size: 0.875rem; color: #14663D;}
#content .cmnt-wrap .cmnt-area .reply-content .profile .tit.user {color: #14663D;}
#content .cmnt-wrap .cmnt-area .reply-content .profile .tit.recruiter {color: #2c80b9;}

@media screen and (max-width: 800px) {
    #content .cmnt-wrap .cmnt-area .reply-content .profile .nation .icon {height: 30px;}
    #content .cmnt-wrap .cmnt-area .reply-content .profile.reply .nation .icon {padding-left: 20px; background-size: 15px 17px;}
}
@media screen and (max-width: 600px) {
    #content .cmnt-wrap .cmnt-area .reply-content .profile {display:-webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
    #content .cmnt-wrap .cmnt-area .reply-content .profile .nation {display: block; flex-shrink: 0;}
    #content .cmnt-wrap .cmnt-area .reply-content .profile .nation .icon {margin-bottom: 0;}

}

/* 댓글 view */
#content .cmnt-wrap .cmnt-area .reply-list-box {margin-top:20px;}
#content .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;}
#content .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;}
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .txt {display: block;  color: #000;}
#content .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;}
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .download-list {display: block; margin-top: 20px;}

#content .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;}
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap > li {display: block; min-height:24px; margin-right: 10px;}
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap > li:last-child {margin-right: 0;}
#content .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;}
#content .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);}
#content .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;}
#content .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);}
#content .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 */
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin {transition:background 0.3s;}
#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap .btn-re.btn-bin:focus,
#content .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) {

}
@media screen and (max-width: 800px) {
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt {width:calc(100% - 130px);}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con {display: block;}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con {width:100%;}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .date {position:absolute; left:0; bottom:5px;}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con .txt {padding-bottom:10px;}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con::after {content:''; display: block; clear:both;}
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap {float:right; width:auto; padding:0; text-align: right;}
}
@media screen and (max-width: 475px) {
	#content .cmnt-wrap .cmnt-area .reply-content .cmnt-bar .cmnt {width:100%;}
}
@media screen and (max-width: 425px) {
	#content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .view-con {padding:3px 0;}
    #content .cmnt-wrap .cmnt-area .reply-list-box li .cmnt-box .r-con .btn-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
}

/* --- 댓글 공통 모듈 e ---*/

/* 댓글 리스트 */
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list {display: block;}
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li {display: block;}
/* 댓글 라인 */
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box .reply-list > li .cmnt-box {display: block; border-bottom: 1px solid #c9dbed;}
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box .reply-list > li .cmnt-box:last-child {border-bottom: 0;}
/* 댓글 라인 1depth 이상 */
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .cmnt-box {border-bottom: 0;}
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .cmnt-box:last-child {border-bottom: 1px solid #c9dbed;}
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li:last-child > .cmnt-box {border-bottom: 0;}
/* 댓글 들여쓰기 2depth 이상 */
#content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li .reply-list {padding-left: 20px;}
#content .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 이상 */
#content .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) {
    #content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li .reply-list {padding-left: 15px;}
    #content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .reply-list {padding-right: 15px; padding-bottom:15px; padding-right: 15px;}
}
@media screen and (max-width: 600px) {
    #content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li .reply-list {padding-left: 10px;}
    #content .cmnt-wrap .cmnt-area .reply-content .reply-list-box > .reply-list > li > .reply-list {padding-right: 10px; padding-bottom:10px; padding-right: 10px;}
}

/* 삭제 팝업 */
.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;}


/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 자주 묻는 질문
-------------------------------------------------------------------*/
#content .faq-wrap {}
#content .faq-wrap .faq-list {}
#content .faq-wrap .faq-list > li {}
#content .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;}
#content .faq-wrap .faq-list > li .question::after {content:''; display: block; clear:both;}
#content .faq-wrap .faq-list > li:first-child .question {border-top:1px solid #e9e9e9;}
#content .faq-wrap .faq-list > li .answer {display:none; padding:20px; background-color:#F3F5F9; color:#5b5b5b;}
#content .faq-wrap .faq-list > li .answer::after {content:''; display: block; clear:both;}
#content .faq-wrap .faq-list > li .question .q-txt,
#content .faq-wrap .faq-list > li .answer .q-txt {float:left;width:40px; height:40px; border-radius: 50%; text-align: center; line-height: 40px;}
#content .faq-wrap .faq-list > li .question .q-txt {background-color:#CCCCCC;}
#content .faq-wrap .faq-list > li .answer .q-txt {background-color:transparent;}
#content .faq-wrap .faq-list > li .question .tit,
#content .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;}
#content .faq-wrap .faq-list > li .question .q-txt > span,
#content .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;}
#content .faq-wrap .faq-list > li .answer .q-txt > span {color:#14663D;}
#content .faq-wrap .faq-list > li .question .tit > span {display: inline-block; vertical-align: middle; line-height: 1;}
#content .faq-wrap .faq-list > li .answer .tit > span {display: inline-block; padding-top:10px; line-height: 1.5;}

/* interaction */
#content .faq-wrap .faq-list > li .question.active + .answer {border-bottom:1px solid #e9e9e9;}
#content .faq-wrap .faq-list > li .question .q-txt {transition: background 0.3s;}
#content .faq-wrap .faq-list > li .question.active {background-image:url(../images/sub/i_faq_on.svg);}
#content .faq-wrap .faq-list > li .question.active .q-txt {background-color:#14663D;}

@media screen and (max-width:800px) {
	#content .faq-wrap .faq-list > li .question,
	#content .faq-wrap .faq-list > li .answer {padding:15px 10px;}
	#content .faq-wrap .faq-list > li .answer .tit {padding-right:10px;}
}
@media screen and (max-width:600px) {
	#content .faq-wrap .faq-list > li .question .q-txt,
	#content .faq-wrap .faq-list > li .answer .q-txt {width:30px; height:30px; line-height:30px;}
	#content .faq-wrap .faq-list > li .question .tit,
	#content .faq-wrap .faq-list > li .answer .tit {padding-left:14px; line-height: 30px;}
	#content .faq-wrap .faq-list > li .answer .tit > span {padding-top:7px;}
}
@media screen and (max-width:425px) {
	#content .faq-wrap .faq-list > li .question .tit,
	#content .faq-wrap .faq-list > li .answer .tit {max-width:250px;}
}
@media screen and (max-width:375px) {
	#content .faq-wrap .faq-list > li .answer .tit {width:calc(100% - 70px);}
}

/*-------------------------------------------------------------------
	분류그룹 : 고객센터 > 이용만족도 상세
-------------------------------------------------------------------*/
#content .list .v-item .view-content .view-txt .v-txt {padding-bottom:20px;}
#content .list .v-item .view-content .view-txt .satis-list {}
#content .list .v-item .view-content .view-txt .satis-list .txt-con {margin-bottom:20px;}
#content .list .v-item .view-content .view-txt .satis-list .txt-con .txt {margin-bottom:10px;}
#content .list .v-item .view-content .view-txt .satis-list .txt-con .radio-box {}
#content .list .v-item .view-content .view-txt .satis-list .txt-con .radio-box .radio {margin-right:5px;}




/*-------------------------------------------------------------------
	분류그룹 : 이용안내
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 사이트맵
-------------------------------------------------------------------*/
#content .mod-sitemap-menu {display: block; margin-bottom: 20px;}
#content .mod-sitemap-menu .con-body {display: block;}
#content .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;}
#content .mod-sitemap-menu .con-body .menu-list > li {width: 25%; padding: 0 15px;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-01 {display: block; position: relative; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif;}
#content .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);}
#content .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;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 {display: block;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li {margin-bottom: 10px;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item {display: block; position: relative; height: 50px;}
#content .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;}
#content .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 */
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item .in-txt {transition:background 0.3s, color 0.3s;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item:focus .in-txt {color: #14663D; outline: solid;}
#content .mod-sitemap-menu .con-body .menu-list > li .menu-02 > li .in-item:focus .in-txt,
#content .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) {
	#content .mod-sitemap-menu .con-body .menu-list {margin: 0 -8px;}
	#content .mod-sitemap-menu .con-body .menu-list > li {padding: 0 8px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-sitemap-menu .con-body .menu-list > li .menu-01 .num {font-size: 80px;}
	#content .mod-sitemap-menu .con-body .menu-list > li .menu-01 .tit {top: 64px; font-size: 26px;}
}
@media screen and (max-width: 800px) {
	#content .mod-sitemap-menu .con-body .menu-list > li {width: 50%;}
}
@media screen and (max-width: 600px) {
	#content .mod-sitemap-menu .con-head .title-01 {float: none; margin-bottom: 10px;}
}
@media screen and (max-width: 425px) {
	#content .mod-sitemap-menu .con-head .btn-reset {float: none; width: 100%;}

	#content .mod-sitemap-menu .con-body .menu-list {display: block;}
	#content .mod-sitemap-menu .con-body .menu-list > li {width: auto;}
	#content .mod-sitemap-menu .con-body .menu-list > li .menu-01 .num {font-size: 50px;}
	#content .mod-sitemap-menu .con-body .menu-list > li .menu-01 .tit {top: 40px; font-size: 20px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 기관안내
-------------------------------------------------------------------*/
#content .naver-map {overflow: hidden;}
#content .naver-map .map-box {display: block; position:relative; min-width:1280px; height:660px;}
#content .naver-map .map-box img {display: block; width:100%; height:100%;}
#content .naver-map .map-info {display: block; position:relative; margin-top:-70px; padding:0 80px;}
#content .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;}
#content .naver-map .map-info .info-list li {position:relative; width:33.3333%; }
#content .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%);}
#content .naver-map .map-info .info-list li:last-child::after {display: none;}
#content .naver-map .map-info .info-list li .item {padding-top:35px;}
#content .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;}
#content .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%);}
#content .naver-map .map-info .info-list li .item .tit.address::after {background-image: url(../images/sub/i_info_address.svg);}
#content .naver-map .map-info .info-list li .item .tit.call::after {background-image: url(../images/sub/i_info_call.svg);}
#content .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) {
	#content .naver-map .map-info {padding:0;}
	#content .naver-map .map-info .info-list {padding:30px 20px;}
}
@media screen and (max-width:800px) {
	#content .naver-map .map-box {height:570px;}
	#content .naver-map .map-info .info-list {display: block; padding:20px; text-align: left;}
	#content .naver-map .map-info .info-list li {width:100%; padding:13px 0;}
	#content .naver-map .map-info .info-list li::after {top:unset; bottom:0; left:0; width:20px; height:1px; background-color: rgba(255,255,255,0.7);}
	#content .naver-map .map-info .info-list li .item {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-top:0;}
	#content .naver-map .map-info .info-list li .item .tit {margin-right:10px; padding-left:30px; padding-bottom:0;}
	#content .naver-map .map-info .info-list li .item .tit::after {top:calc(0.65rem - 12px); left:10px;}
}
@media screen and (max-width:600px) {
	#content .naver-map .map-box {height:500px;}
}
@media screen and (max-width:425px) {
	#content .naver-map .map-info .info-list li {padding:5px 0;}
	#content .naver-map .map-info .info-list li::after {display: none;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 농촌인력중개센터 안내
-------------------------------------------------------------------*/
/* 탭박스 */
#content .con-area.info-con {overflow: hidden;}
#content .guide-area {position:relative; }
#content .guide-area .tab-guide-slide {overflow:hidden; border:1px solid #E3E6F0; text-align: center;}
#content .guide-area .tab-guide-slide .swiper-wrapper {}
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide {height:auto;}
#content .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;}
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide:last-child .item {border-right:0;}
#content .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;}
#content .guide-area .slide-nav .btn-nav-prev,
#content .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;}
#content .guide-area .slide-nav .btn-nav-prev {left:-15px; background-image:url(../images/sub/i_slide_prev.png);}
#content .guide-area .slide-nav .btn-nav-next {right:-15px; background-image:url(../images/sub/i_slide_next.png);}

/* interaction */
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item {transition:background 0.3s, color 0.3s;}
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item:focus,
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item:hover,
#content .guide-area .tab-guide-slide .swiper-wrapper .swiper-slide .item.active { background-color:#14663D; color:#ffffff;}

/* 지도 */
#content .guide-map-box {overflow: hidden; margin-top:30px;}
#content .guide-map-box .guide-tit {}
#content .guide-map-box .guide-tit > span {font-weight:500; font-size:1.375rem; font-family: 'GmarketSans','Pretendard','Noto Sans KR', sans-serif;}
#content .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;}
#content .guide-map-box .guide-txt-list li {padding:15px;}
#content .guide-map-box .guide-txt-list li .tit {display: inline-block; margin-right:5px;}
#content .guide-map-box .guide-txt-list li .txt {display: inline-block; margin-right:10px;}
#content .guide-map-box .map-area {width:1280px; height:480px;}
#content .guide-map-box .map-area img {display: block; width:100%; height:100%;}

@media screen and (max-width:800px) {
	#content .guide-map-box .guide-txt-list li {padding:15px 5px;}
	#content .guide-map-box .guide-txt-list li.region {width:30%;}
	#content .guide-map-box .guide-txt-list li.call {width:20%;}
	#content .guide-map-box .guide-txt-list li.address {width:50%;}
	#content .guide-map-box .guide-txt-list li .tit {display: block; margin-bottom:5px; word-break: break-all;}
}
@media screen and (max-width:600px) {
	#content .guide-map-box {margin-top:25px;}
	#content .guide-map-box .guide-txt-list {display: block; margin:10px 0; padding:10px 0;}
	#content .guide-map-box .guide-txt-list li {width:100%; padding:0 4px 10px;}
	#content .guide-map-box .guide-txt-list li.region {width:100%;}
	#content .guide-map-box .guide-txt-list li.call {width:100%;}
	#content .guide-map-box .guide-txt-list li.address {width:100%;}
	#content .guide-map-box .map-area {height:400px;}
}
@media screen and (max-width:425px) {

}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개(이전)
-------------------------------------------------------------------*/
#content .flat-wrap {position:relative; padding:430px 120px 0 120px;}
#content .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;}
#content .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;}
#content .flat-wrap .flat-area .txt-box {max-width:800px; margin:0 auto; text-align: center;}
#content .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;}
#content .flat-wrap .flat-area .txt-box .txt-box {padding:20px 0; text-align: left;}
#content .flat-wrap .flat-area .txt-box .txt-box .txt {display: block; color:#5b5b5b; line-height: 1.6;}

@media screen and (max-width:1400px) {
	#content .flat-wrap {padding:380px 90px 0 90px;}
	#content .flat-wrap::before {height:460px;}
	#content .flat-wrap .flat-area .txt-box {max-width:auto; text-align: left;}
}
@media screen and (max-width:1024px) {
	#content .flat-wrap {padding:340px 60px 0 60px;}
	#content .flat-wrap::before {height:420px;}
	#content .flat-wrap .flat-area {padding:30px 40px;}
	#content .flat-wrap .flat-area .txt-box {max-width:auto; text-align: left;}
}
@media screen and (max-width:800px) {
	#content .flat-wrap {padding:310px 50px 0 50px;}
	#content .flat-wrap .flat-area {padding:25px;}
}
@media screen and (max-width:600px) {
	#content .flat-wrap {padding:270px 20px 0 20px;}
	#content .flat-wrap::before {background-position:top center;}
	#content .flat-wrap::before {height:400px;}
	#content .flat-wrap .flat-area .txt-box .tit {font-size:1.25rem;}
}
@media screen and (max-width:500px) {
	#content .flat-wrap {padding:250px 5px 0 5px;}
	#content .flat-wrap::before {height:250px; border-radius: 10px; background-position:center left;}
	#content .flat-wrap .flat-area {padding:20px 0px; border-radius: 0 0; background-color:transparent;}
	#content .flat-wrap .flat-area .txt-box .txt-box {padding:15px 0;}
}
@media screen and (max-width:320px) {
	#content .flat-wrap {padding:200px 5px 0 5px;}
	#content .flat-wrap::before {height:200px;}
	#content .flat-wrap .flat-area {padding:20px 0px; border-radius: 0 0; background-color:transparent;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .intro-content {display: block;}
#content .intro-content .intro-section {display: block; margin-bottom: 50px;}
#content .intro-content .intro-section:last-child {margin-bottom: 0;}
#content .intro-content .intro-section .section-item {display: block; margin-bottom: 30px;}

#content .intro-content .intro-section .title-01 {margin-bottom: 20px;}
#content .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;}
#content .intro-content .intro-section .txt {display: block; font-weight: 400; font-size: 1rem; color: #373F57;}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개 > 플랫폼 소개
-------------------------------------------------------------------*/
#content .intro-content .intro-section .img-post-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 30px;}
#content .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;}
#content .intro-content .intro-section .img-post-box .img-box.v1 {background-image: url(../images/sub/intro/bg_intro_0101.png);}
#content .intro-content .intro-section .img-post-box .img-box.v2 {background-image: url(../images/sub/intro/bg_intro_0301.png);}
#content .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;}
#content .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;}
#content .intro-content .intro-section .img-post-box .txt-box .txt {display:block; margin-bottom: 20px; line-height: 1.6; font-size: 1rem; color: #373F57;}

@media screen and (max-width: 1200px) {
	#content .intro-content .intro-section .img-post-box .img-box {width: 40%;}
}
@media screen and (max-width: 800px) {
	#content .intro-content .intro-section .img-post-box {display: block;}
	#content .intro-content .intro-section .img-post-box .img-box {width: 100%; height: 300px;}
	#content .intro-content .intro-section .img-post-box .txt-box {padding-bottom: 0; padding-left: 0;}
	#content .intro-content .intro-section .img-post-box .txt-box .title {margin-bottom: 20px;}
	#content .intro-content .intro-section .img-post-box .txt-box .txt {margin-bottom: 15px;}
}
@media screen and (max-width: 425px) {
	#content .intro-content .intro-section .img-post-box .img-box {height: 200px;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개 > 플랫폼 소개 프로세스
-------------------------------------------------------------------*/
#content .intro-content .intro-section .work-process {display: block;}
#content .intro-content .intro-section .work-process .list-wrap {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px;}
#content .intro-content .intro-section .work-process .list-wrap > li {display: block; position: relative; width: 20%; padding: 0 15px;}
#content .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;}
#content .intro-content .intro-section .work-process .list-wrap > li:last-child::before {display: none;}
#content .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;}
#content .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;}
#content .intro-content .intro-section .work-process .list-wrap > li .item .txt-con {display: block;}
#content .intro-content .intro-section .work-process .list-wrap > li .item .txt-con .tit {display: block; line-height: 1; font-weight: 600; font-size: 1rem;}
#content .intro-content .intro-section .work-process .list-wrap > li .item .txt-con .txt {display: block; line-height: 1; font-weight: 400; font-size: 1rem;}
#content .intro-content.notice .intro-section .work-process .list-wrap > li .item{align-items:unset;}

#content .intro-content .intro-section .work-process .list-wrap > li.type-arr::before {top: calc(50% - 20px);}
#content .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) {
	#content .intro-content .intro-section .work-process .list-wrap > li .item {padding: 10px;}
	#content .intro-content .intro-section .work-process .list-wrap > li .item .num {margin-right: 10px;}
}
@media screen and (max-width: 1024px) {
	#content .intro-content .intro-section .work-process .list-wrap {display: block; margin: 0;}
	#content .intro-content .intro-section .work-process .list-wrap > li {width: 100%; padding: 0 0 20px;}
	#content .intro-content .intro-section .work-process .list-wrap > li::before {top: auto; bottom: 1px; right: calc(50% - 9px); transform: rotate(90deg);}

	#content .intro-content .intro-section .work-process .list-wrap > li.type-arr::before {top: auto; right: 50%;}
	#content .intro-content .intro-section .work-process .list-wrap > li.type-arr::after {top: auto; bottom: 1px; right: calc(50% - 18px); transform: rotate(90deg);}

	/* 신청 */
	#content .intro-content.notice .intro-section .work-process .list-wrap > li{width:100%; padding:0 0 35px;}
}

@media screen and (max-width: 1000px) {
#content .intro-content.notice .intro-section .work-process .list-wrap > li::before{display:none;}
}

/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개 > 주요기능
-------------------------------------------------------------------*/
#content .intro-content .intro-section .function-box {display: block; margin-top: 10px;}
#content .intro-content .intro-section .function-box::after {content:''; display: block; clear: both;}
#content .intro-content .intro-section .function-box .box-item {display: block; float: left; position: relative;}
#content .intro-content .intro-section .function-box .box-item.v1 {padding-right: 40px;}
#content .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);}
#content .intro-content .intro-section .function-box .box-item .list-wrap {display: block; margin: 0 -10px;}
#content .intro-content .intro-section .function-box .box-item .list-wrap::after {content:''; display: block; clear: both;}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li {display: block; float: left; padding: 0 10px; text-align: center;}
#content .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;}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v1 {background-image: url(../images/sub/intro/i_intro_01.svg);}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v2 {background-image: url(../images/sub/intro/i_intro_02.svg);}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v3 {background-image: url(../images/sub/intro/i_intro_03.svg);}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v4 {background-image: url(../images/sub/intro/i_intro_04.svg);}
#content .intro-content .intro-section .function-box .box-item .list-wrap > li .icon.v5 {background-image: url(../images/sub/intro/i_intro_05.svg);}
#content .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;}

@media screen and (max-width: 600px) {
	#content .intro-content .intro-section .function-box .box-item {float: none; padding: 10px 0; background-color: #f9fbff;}
	#content .intro-content .intro-section .function-box .box-item.v1 {margin-bottom: 40px; padding-right: 0;}
	#content .intro-content .intro-section .function-box .box-item.v1::before {top: auto; bottom: -28px; right: calc(50% - 9px); transform: rotate(90deg);}
	#content .intro-content .intro-section .function-box .box-item .list-wrap {margin: 0 -5px;}
	#content .intro-content .intro-section .function-box .box-item .list-wrap > li {width: 33.333%; padding: 0 5px;}
	#content .intro-content .intro-section .function-box .box-item.v2 .list-wrap > li {width: 50%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개 > 이미지 리스트
-------------------------------------------------------------------*/
#content .intro-content .intro-section .gallery-box {display: block;}
#content .intro-content .intro-section .gallery-box .img-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -20px;}
#content .intro-content .intro-section .gallery-box .img-list > li {display: block; width: 50%; padding: 0 20px;}
#content .intro-content .intro-section .gallery-box .img-list > li.v1 {width: 33.333%;}
#content .intro-content .intro-section .gallery-box .img-list > li .img-box {display: block; padding: 10px; border: 1px solid #E3E6F0; text-align: center;}
#content .intro-content .intro-section .gallery-box .img-list > li .img-box > img {display: inline-block; vertical-align: middle;}

@media screen and (max-width: 1400px) {
	#content .intro-content .intro-section .gallery-box .img-list {margin: 0 -10px;}
	#content .intro-content .intro-section .gallery-box .img-list > li {padding: 0 10px;}
}
@media screen and (max-width: 600px) {
	#content .intro-content .intro-section .gallery-box .img-list {display: block;}
	#content .intro-content .intro-section .gallery-box .img-list > li {margin-bottom: 20px;}
	#content .intro-content .intro-section .gallery-box .img-list > li:last-child {margin-bottom: 0;}
	#content .intro-content .intro-section .gallery-box .img-list > li,
	#content .intro-content .intro-section .gallery-box .img-list > li.v1 {width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 소개 > 농촌인력중개센터 소개
-------------------------------------------------------------------*/
#content .intro-content .intro-section .work-info {display: block;}
#content .intro-content .intro-section .work-info .list-wrap {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 -15px;}
#content .intro-content .intro-section .work-info .list-wrap > li {display: block; position: relative; width: 33.333%; padding: 0 15px;}
#content .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;}
#content .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;}
#content .intro-content .intro-section .work-info .list-wrap > li .item .txt-con {display: block;}
#content .intro-content .intro-section .work-info .list-wrap > li .item .txt-con .tit {display: block; line-height: 1; font-weight: 600; font-size: 1rem;}
#content .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) {
	#content .intro-content .intro-section .work-info .list-wrap {margin: 0 -10px;}
	#content .intro-content .intro-section .work-info .list-wrap > li {padding: 0 10px;}
}
@media screen and (max-width: 800px) {
	#content .intro-content .intro-section .work-info .list-wrap {display: block; margin: 0;}
	#content .intro-content .intro-section .work-info .list-wrap > li {width: 100%; margin-bottom: 20px; padding: 0;}
	#content .intro-content .intro-section .work-info .list-wrap > li:last-child {margin-bottom: 0;}
}




/*-------------------------------------------------------------------
	분류그룹 : 이용안내 > 플랫폼 이용안내
-------------------------------------------------------------------*/
/* 기본 */
#content .mod-platform-guide {display: block; margin-top: 42px; margin-bottom: 40px; border: 1px solid #E3E6F0;}
#content .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;}
#content .mod-platform-guide .plat-box {padding: 50px 20px 30px;}
#content .mod-platform-guide .plat-box .plat-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
#content .mod-platform-guide .plat-box .plat-list li {width:33.3333%; text-align: center;}
#content .mod-platform-guide .plat-box .plat-list li .list-box {position:relative; margin:0 auto;}
#content .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%);}
#content .mod-platform-guide .plat-box .plat-list li:last-child .list-box::after {display: none;}
#content .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%;}
#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box {width:170px; height:170px; border-radius: 50%; background-color:#F3F5F9;}
#content .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;}
#content .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);}
#content .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);}
#content .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);}
#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit > span {display: block;}
#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {margin-top:20px; padding:0 50px;}
#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt {min-height:70px; margin-bottom:15px; line-height: 1.5;}
#content .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%);}

/* 센터회원 */
#content .plat-wrap {padding-top:20px;}
#content .mod-platform-guide.center .title,
#content .mod-platform-guide.center .plat-box .plat-list li .list-box .txt-con .btn-link {background-color:#304086;}
#content .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con {border:1px dashed #304086;}
#content .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);}
#content .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);}
#content .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 */
#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link {transition: box-shadow 0.3s;}
#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link:focus,
#content .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) {
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt > br {display: none;}
}
@media screen and (max-width: 1200px) {
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {padding:0 20px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt {min-height:80px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-platform-guide .plat-box {padding:40px 20px 15px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box::after {right:-15px; width:40px; height:74px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con {width:180px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box {width:150px; height:150px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit {padding-top:95px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {padding:0 10px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt {min-height:90px;}
}
@media screen and (max-width: 800px) {
	#content .mod-platform-guide .plat-box {padding: 30px 15px 20px;}
	#content .mod-platform-guide .plat-box .plat-list {display: block;}
	#content .mod-platform-guide .plat-box .plat-list li {position:relative; width:100%; margin-bottom:55px;}
	#content .mod-platform-guide .plat-box .plat-list li::after {content:''; position:absolute; bottom:-40px; left:50%; z-index: 2; width:60px; height:32px; background-image:url(../images/sub/i_plat_arrow_bottom.png); background-repeat: no-repeat; background-size:cover; transform: translateX(-50%);}
	#content .mod-platform-guide .plat-box .plat-list li:last-child {margin-bottom:0;}
	#content .mod-platform-guide .plat-box .plat-list li:last-child::after {display: none;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box::after {display: none;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con {width:auto; margin:0 0; padding:10px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box {width:120px; height:120px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit {padding-top:70px; background-size:24px 24px; font-size:1rem;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {padding:0 40px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt {min-height:auto; text-align: left;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link {width:155px; margin:0 0;}
}
@media screen and (max-width: 600px) {
	#content .plat-wrap {padding-top:0;}
	#content .mod-platform-guide .plat-box .plat-list li {margin-bottom:70px;}
	#content .mod-platform-guide .plat-box .plat-list li::after {bottom:-50px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con,
	#content .mod-platform-guide.center .plat-box .plat-list li .list-box .img-con {padding:0; border:0;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box {width:100px; height:100px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit {padding-top:60px; font-size:0.9375rem;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {margin-top:5px; padding:0 20px;}
	
}
@media screen and (max-width: 425px) {
	#content .mod-platform-guide {margin-top: 0; border: 0;}
	#content .mod-platform-guide .title {max-width: none; margin: 0; border-radius: 8px 8px 0 0;}
	#content .mod-platform-guide .plat-box {padding: 0 10px 20px; border: 1px solid #E3E6F0; border-radius: 0 0 8px 8px;}
	#content .mod-platform-guide .plat-box .plat-list li {margin-bottom:50px;}
	#content .mod-platform-guide .plat-box .plat-list li::after {bottom:-55px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box {display: block;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con {border-radius: 0;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box {height:90px; margin:0 auto; border-radius: 0; background-color:transparent;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit {padding-top:30px; font-size:1.125rem;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .img-con .img-box .tit > span {padding-top:35px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con {margin-top:5px; padding:0 5px;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .txt {text-align: center;}
	#content .mod-platform-guide .plat-box .plat-list li .list-box .txt-con .btn-link {margin:0 auto;}
}




/*-------------------------------------------------------------------
	분류그룹 : 통합검색
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .total-search {display: block;}
#content .total-search .keyword {background-color: #14663D !important; color: #ffffff !important;}

/*-------------------------------------------------------------------
	분류그룹 : 통합검색 > 상단 (검색창, 검색 결과 텍스트)
-------------------------------------------------------------------*/
#content .total-search .total-con-head {display: block; margin-bottom: 50px;}
#content .total-search .total-con-head .search-box {display:block; padding: 25px; border: 1px solid #E3E6F0; background-color: #F3F5F9;}
#content .total-search .total-con-head .search-box .cell-wrap {display: block; margin: 0 -5px;}
#content .total-search .total-con-head .search-box .cell-wrap::after {content:''; display: block; clear: both;}
#content .total-search .total-con-head .search-box .cell-wrap .cell {float: left; padding: 0 5px;}
#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-1 {width: calc(100% - 200px);}
#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-2 {width: 200px;}
#content .total-search .total-con-head .search-box .cell-wrap .cell .intxt {display: block; width: 100%;}
#content .total-search .total-con-head .search-box .cell-wrap .cell .btn-search {display: block; width: 100%; padding: 4px;}
#content .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;}

#content .total-search .total-con-head .result-title {display: block; margin-top: 20px; text-align: center;}
#content .total-search .total-con-head .result-title .tit {display: inline-block; line-height: 1.6; font-size: 1.25rem; vertical-align: middle;}
#content .total-search .total-con-head .result-title .tit > span {color: #14663D;}
#content .total-search .total-con-head .result-title .tit > br {display: none;}

@media screen and (max-width: 800px) {
	#content .total-search .total-con-head .search-box {padding: 20px;}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-1 {width: calc(100% - 160px);}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-2 {width: 160px;}

	#content .total-search .total-con-head .result-title .tit {font-size: 1.125rem;}
}
@media screen and (max-width: 600px) {
	#content .total-search .total-con-head .search-box {padding: 20px 15px;}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-1 {width: calc(100% - 120px);}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-2 {width: 120px;}

	#content .total-search .total-con-head .result-title .tit > br {display: block;}
}
@media screen and (max-width: 425px) {
	#content .total-search .total-con-head .search-box .cell-wrap .cell {float: none; margin-bottom: 10px;}
	#content .total-search .total-con-head .search-box .cell-wrap .cell:last-child {margin-bottom: 0;}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-1 {width: auto;}
	#content .total-search .total-con-head .search-box .cell-wrap .cell.cell-2 {width: auto;}

	#content .total-search .total-con-head .result-title .tit {font-size: 1.0625rem;}
}

/*-------------------------------------------------------------------
	분류그룹 : 통합검색 > 컨텐츠
-------------------------------------------------------------------*/
#content .total-search .total-con-body {display: block; overflow: hidden;}
#content .total-search .total-con-body .search-result {display: block;}
#content .total-search .total-con-body .search-result .category {display: block; margin-bottom: 40px;}
#content .total-search .total-con-body .search-result .category:last-child {margin-bottom: 0;}
/* 카테고리 상단 */
#content .total-search .total-con-body .search-result .category .cate-item {display: block;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head {display: block; margin-bottom: 20px;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head::after {content:''; display: block; clear: both;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head .title {float: left; width: calc(100% - 180px);}
#content .total-search .total-con-body .search-result .category .cate-item .item-head .title .title-01 {line-height: 25px;}

#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap {float: right;}
#content .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;}
#content .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;}
#content .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;}
#content .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;}
#content .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;}

/* 카테고리 컨텐츠 */
#content .total-search .total-con-body .search-result .category .cate-item .item-con {display: block;}
#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap {display: block; padding: 20px; border: 1px solid #E3E6F0;}
#content .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;}
#content .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;}
#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post {display: block; padding: 15px 10px; border-radius: 5px;}
#content .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;}
#content .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;}
#content .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;}

#content .total-search .total-con-body .search-result .category .cate-item .item-con .btn-bod-more {display:none; width: 100%; height: 45px; line-height: 37px;}
#content .total-search .total-con-body .search-result .category .cate-item .item-con .btn-bod-more.on {display: block;}
#content .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 */
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more {transition: color 0.3s;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover {color: #304086;}

#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon {transition: border 0.3s, background 0.3s;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon {border-color: #304086; background-color: #304086;}

#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::before,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon::after {transition: background 0.3s;}
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon::before,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon::before,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:focus .icon::after,
#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more:hover .icon::after {background-color: #ffffff;}

#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post {transition: background 0.3s;}
#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post:focus,
#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post:hover {background-color: #F3F5F9;}

@media screen and (max-width: 800px) {
	#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap {padding: 15px;}
	#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li {margin-bottom: 10px; padding-bottom: 10px;}
}
@media screen and (max-width: 600px) {
	#content .total-search .total-con-body .search-result .category .cate-item .item-head {margin-bottom: 15px;}
	#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap {padding: 10px;}
	#content .total-search .total-con-body .search-result .category .cate-item .item-con .list-wrap > li .post {padding: 10px;}
}
@media screen and (max-width: 475px) {
	#content .total-search .total-con-body .search-result .category .cate-item .item-head .title {width: calc(100% - 40px);}
	#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more {padding-right: 0;}
	#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .txt {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
	#content .total-search .total-con-body .search-result .category .cate-item .item-head .btn-wrap .btn-more .icon {display: block; position: relative; top: auto; right: auto;}
}




/*-------------------------------------------------------------------
	분류그룹 : 중개센터
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 일자리·지원자 관리 > 구인농가 관리
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-manage-list-con {display: block;}
#content .mod-manage-list-con .mod-table-list {}
#content .mod-manage-list-con .mod-table-list td .farm-address {display: block; text-align: left;}
#content .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;}
#content .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) {
	#content .mod-manage-list-con .mod-table-list td .farm-address .name {font-size: 16px;}
}
@media screen and (max-width: 800px) {
	#content .mod-manage-list-con .mod-table-list td .farm-address .name {font-size: 15px;}
	#content .mod-manage-list-con .mod-table-list td .farm-address .address {display: block; font-size: 13px;}
	#content .mod-manage-list-con .mod-table-list td.code,
	#content .mod-manage-list-con .mod-table-list td.product {width: 50%;}
}
@media screen and (max-width: 600px) {
	/* #content .mod-manage-list-con .mod-table-list td .farm-address .address {font-size: 12px;} */
}
@media screen and (max-width: 425px) {
	#content .mod-manage-list-con .mod-table-list td.code,
	#content .mod-manage-list-con .mod-table-list td.product {width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 일자리·지원자 관리 > 일자리 관리 목록, 지원자 관리 목록, 입사지원자 목록
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-manage-list-con .mod-table-list td.title {width: 35%;}
#content .mod-manage-list-con .mod-table-list td .label {font-size: inherit;}

/* 일자리관리, 지원자관리 - 일자리명/구인농가명 */
#content .mod-manage-list-con .mod-table-list td .info-work {display: block; text-align: left;}
#content .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;}
#content .mod-manage-list-con .mod-table-list td .info-work .farm-name {display: block; font-size: 15px; word-break: break-all;}
/* 일자리관리, 지원자관리 - 모집기간/작업기간 */
#content .mod-manage-list-con .mod-table-list td.period {width: 25%;}
#content .mod-manage-list-con .mod-table-list td .period-box {display: block;}
#content .mod-manage-list-con .mod-table-list td .period-box .txt {display: block;}

/* 지원자관리 - 지원자, 합격자/모집인원 */
#content .mod-manage-list-con .mod-table-list td.person > span {display:inline-block; padding: 4px 0; vertical-align: middle;}

/* 입사지원자목록 - 이름/성별/나이 */
#content .mod-manage-list-con .mod-table-list td.user-name {width: 20%;}
#content .mod-manage-list-con .mod-table-list td .link-tit {background-color: transparent;}
#content .mod-manage-list-con .mod-table-list td .link-tit .tit {font-weight: 500; font-size: 1rem;}
/* 입사지원자목록 - 지원일*/
#content .mod-manage-list-con .mod-table-list td .apply-box {display: block; white-space: nowrap;}
#content .mod-manage-list-con .mod-table-list td .apply-box .date {display: inline-block; margin-right: 5px; vertical-align: middle;}
#content .mod-manage-list-con .mod-table-list td .apply-box .label {padding: 2px 8px;}
/* 입사지원자목록 - 연락처, 상태 */
#content .mod-manage-list-con .mod-table-list td.user-stats {text-align: center;}
#content .mod-manage-list-con .mod-table-list td.user-stats .label {display: inline-block; padding: 2px 8px;}

/* interaction */
#content .mod-manage-list-con .mod-table-list td .info-work .tit,
#content .mod-manage-list-con .mod-table-list td .info-work .farm-name {transition: color 0.3s;}
#content .mod-manage-list-con .mod-table-list td .info-work:focus .tit,
#content .mod-manage-list-con .mod-table-list td .info-work:hover .tit {color: #304086;}
#content .mod-manage-list-con .mod-table-list td .info-work:focus .farm-name,
#content .mod-manage-list-con .mod-table-list td .info-work:hover .farm-name {color: #304086;}

@media screen and (max-width: 1024px) {
	#content .mod-manage-list-con .mod-table-list td .info-work .tit {font-size: 16px;}
	#content .mod-manage-list-con .mod-table-list td .info-work .farm-name {font-size: 14px;}
}
@media screen and (max-width: 800px) {
	#content .mod-manage-list-con .mod-table-list td.title {width: 83.3334%;}
	#content .mod-manage-list-con .mod-table-list td.period {width: 100%;}

	/* 일자리관리, 지원자관리 - 일자리명/구인농가명 */
	#content .mod-manage-list-con .mod-table-list td .info-work .tit {font-size: 15px;}
	#content .mod-manage-list-con .mod-table-list td .info-work .farm-name {display: block; font-size: 13px;}
	/* 일자리관리, 지원자관리 - 모집기간/작업기간 */
	#content .mod-manage-list-con .mod-table-list td .period-box .txt {display: inline-block;}

	/* 지원자관리 - 품목 , 지원일 */
	#content .mod-manage-list-con .mod-table-list td.detail {width: calc(100% - 100px);}
	#content .mod-manage-list-con .mod-table-list td.regist {width: 100px; text-align: right;}

	/* 입사지원자목록 - 이름/성별/나이, 지원일 */
	#content .mod-manage-list-con .mod-table-list td.user-name {width: 83.3334%;}
	#content .mod-manage-list-con .mod-table-list td .apply-box .date {display: inline-block; padding: 2px 0;}
	/* 입사지원자목록 - 연락처, 상태 */
	#content .mod-manage-list-con .mod-table-list td.user-stats {text-align: right;}
}
@media screen and (max-width: 600px) {
	/* #content .mod-manage-list-con .mod-table-list td .info-work .farm-name {font-size: 12px;} */
}


/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 일자리·지원자 관리 > 일자리 관리 목록 > 상태변경 팝업
-------------------------------------------------------------------*/
#content .modal-popup .status-list {display: block;}
#content .modal-popup .status-list > li {margin-bottom: 20px;}
#content .modal-popup .status-list > li:last-child {margin-bottom: 0;}
#content .modal-popup .status-list > li .radio,
#content .modal-popup .status-list > li .radio > label,
#content .modal-popup .status-list > li .radio > span {display: block;}



/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 인력정보
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 인력정보 > 인력 상세검색
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 인력정보 > 인력 상세검색 > 게시판 리스트
-------------------------------------------------------------------*/
#content .person-table-list {width:100%;}
#content .person-table-list caption {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
#content .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;}
#content .person-table-list th.title {width:35%;}
#content .person-table-list th.title-2 {width:30%;}
#content .person-table-list th.bor {border-width:0 0 1px 1px;}
#content .person-table-list td {padding:15px 10px; border-bottom: 1px solid #E3E6F0; color:#000000; text-align:center;}
#content .person-table-list td.title {width:35%; text-align: left;}
#content .person-table-list td.title-2 {width:30%; text-align: left;}
#content .person-table-list td .inter-list {display: inline-block; vertical-align: middle;}
#content .person-table-list td .inter-list::after {content:""; display: block; clear: both;}
#content .person-table-list td .inter-list > li {display: block; position: relative; font-size: 1rem;}
#content .person-table-list td .btn-offer {border-radius: 5px;}

/* 제목,이름,성별,나이,경력 타이틀 */
#content .person-table-list td .title-info {display: block; max-width: 500px;}
#content .person-table-list td .title-info .info-title {display:inline-block; overflow: hidden; position: relative; max-width: 100%; padding-right: 20px;}
#content .person-table-list td .title-info .info-title .title-box {display: block; position: relative; width:100%; background-color: transparent;}
#content .person-table-list td .title-info .info-title .title-box::after {content:""; display: block; clear: both;}
#content .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;}
#content .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;}
#content .person-table-list td .title-info .info-title .btn-scrap.on {background-image: url(../images/sub/i_bod_scrap_on2.svg);}

#content .person-table-list td .title-info .info-list {display: block;}
#content .person-table-list td .title-info .info-list > li {display: block; margin-bottom: 5px;}
#content .person-table-list td .title-info .info-list > li::after {content:""; display: block; clear: both;}
#content .person-table-list td .title-info .info-list > li .list-tit {display: block; float: left; width: 60px; font-weight: 600; font-size: 14px;}
#content .person-table-list td .title-info .info-list > li .list-txt {display: block; overflow: hidden; font-size: 14px;}

/* 일자리명/구인농가명 */
#content .person-table-list td .info-work {display: block; text-align: left;}
#content .person-table-list td .info-work .tit {display: block; font-weight: 600; font-size: 1.0625rem; color: #000000; word-break: break-all;}
#content .person-table-list td .info-work .farm-name {display: block; font-size: 15px; word-break: break-all;}

/* interaction */
#content .person-table-list td .title-info .info-title .title-box .tit {transition: color 0.3s;}
#content .person-table-list td .title-info .info-title .title-box .tit:focus,
#content .person-table-list td .title-info .info-title .title-box .tit:hover {color: #304086;}

#content .person-table-list td .info-work .tit,
#content .person-table-list td .info-work .farm-name {transition: color 0.3s;}
#content .person-table-list td .info-work:focus .tit,
#content .person-table-list td .info-work:hover .tit,
#content .person-table-list td .info-work:focus .farm-name,
#content .person-table-list td .info-work:hover .farm-name {color: #304086;}


@media screen and (max-width:1280px){
    #content .person-table-list td {font-size: 0.9375rem;}
	#content .person-table-list th.title {width:35%;}
	#content .person-table-list td .title-info {max-width: 400px;}
}
@media screen and (max-width: 1024px) {
	#content .person-table-list th.tab-hide,
	#content .person-table-list td.tab-hide {display: none;}
}
@media screen and (max-width:800px) {
    #content .person-table-list {display:block; border-top:1px solid #E3E6F0;}
    #content .person-table-list thead {display:none;}
    #content .person-table-list tbody {display:block; width:100%;}
    #content .person-table-list tr {display:block; position: relative; width:100%; padding: 15px 120px 15px 20px; border-bottom:1px solid #E3E6F0;}
	#content .person-table-list tr::before {content:""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #304086;}
    #content .person-table-list tr::after {content:""; display:block; clear: both;}
    #content .person-table-list td {display:block; width:100%; padding: 0; border-width:0; text-align:left;}

	/* 숨김처리 */
	#content .person-table-list th.m-hide,
	#content .person-table-list td.m-hide {display: none;}
	
	/* 제목 (이력서제목/이름/성별/나이/경력, 일자리명/구인농가명) */
	#content .person-table-list td.title,
	#content .person-table-list td.title-2 {width: auto;}
	#content .person-table-list td .title-info {max-width: none;}

	/* 게시글 선택 박스 */
	#content .person-table-list td.chck {margin-bottom: 5px;}
	#content .person-table-list td.chck .check {display: block;}
	#content .person-table-list td.chck .check > label {display: block; height: 20px;}

	/* 관심지역, 관심품목 */
	#content .person-table-list td .inter-list > li {float:left; padding-right: 15px; font-size: 14px;}
	#content .person-table-list td .inter-list > li::before {content:""; position: absolute; top: calc(50% - 5px); right: 7px; width: 1px; height: 10px; background-color: #bbbbbb;}
	#content .person-table-list td .inter-list > li:last-child {padding-right: 0;}
	#content .person-table-list td .inter-list > li:last-child::before {display: none;}
	/* 관심지역 */
	#content .person-table-list td.region {}
	#content .person-table-list td.region .inter-list {}
	#content .person-table-list td.region .inter-list > li {padding-bottom: 5px;}

	/* 일자리 제안 버튼 */
	#content .person-table-list td .btn-offer {position: absolute; top: calc(50% - 20px); right: 0;}
	#content .person-table-list td.status {position: absolute; top: 50%; right: 0; width: auto; transform: translateY(-50%);}

	/* 일자리명/구인농가명 */
	#content .person-table-list td .info-work {margin-top: 10px; padding-top: 10px; border-top: 2px dashed #E3E6F0;}

	
}
@media screen and (max-width:600px) {
	#content .person-table-list tr {padding: 15px 105px 15px 20px;}
	#content .person-table-list td .title-info .info-title .title-box .tit {font-size: 16px;}
}
@media screen and (max-width:425px) {
	#content .person-table-list tr {padding: 15px;}
	#content .person-table-list td .title-info .info-list > li .list-tit {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
	#content .person-table-list td .btn-offer {display:block; position: static; top: auto; right: auto; width: 100%; margin-top: 20px;}
	#content .person-table-list td.status {position: static; top: auto; right: auto; width: 100%; margin-top: 10px; transform: none;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 인력정보 > 일자리 제안 모달
-------------------------------------------------------------------*/
#content .modal-popup .info-txt {display: block; margin-bottom: 5px;}

#content .modal-popup .table td .period {display: block; white-space: nowrap;}
#content .modal-popup .table td .period > span {display: inline-block; vertical-align: middle;}

@media screen and (max-width: 1024px) {
	#content .modal-popup .table td .period .split {display: block;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 모달 검색창 (일자리제안)
-------------------------------------------------------------------*/
#content .modal-popup .srch-box {margin-bottom: 15px;}
#content .modal-popup .srch-box .srch-bar {display: block; float: none; margin: 0 -5px;}
#content .modal-popup .srch-box .srch-bar::after {content:""; display: block; clear: both;}
#content .modal-popup .srch-box .srch-bar .cell {display: block; float: left; width: 50%; margin-bottom: 10px; padding: 0 5px;}
#content .modal-popup .srch-box .srch-bar .cell .intxt,
#content .modal-popup .srch-box .srch-bar .cell .btn,
#content .modal-popup .srch-box .srch-bar .cell .sel {display:block; width: 100%;}
#content .modal-popup .srch-box .srch-bar .cell.col-1 {width:8.3333%;}
#content .modal-popup .srch-box .srch-bar .cell.col-2 {width:16.6666%;}
#content .modal-popup .srch-box .srch-bar .cell.col-3 {width:25%;}
#content .modal-popup .srch-box .srch-bar .cell.col-4 {width:33.3333%;}
#content .modal-popup .srch-box .srch-bar .cell.col-5 {width:41.6667%;}
#content .modal-popup .srch-box .srch-bar .cell.col-6 {width:50%;}
#content .modal-popup .srch-box .srch-bar .cell.col-7 {width:58.3333%;}
#content .modal-popup .srch-box .srch-bar .cell.col-8 {width:66.6667%;}
#content .modal-popup .srch-box .srch-bar .cell.col-9 {width:75%;}
#content .modal-popup .srch-box .srch-bar .cell.col-10 {width:83.3334%;}
#content .modal-popup .srch-box .srch-bar .cell.col-11 {width:91.6667%;}
#content .modal-popup .srch-box .srch-bar .cell.col-12 {width:100%;}

@media screen and (max-width: 425px) {
	#content .modal-popup .srch-box .srch-bar .cell {float: none;}
	#content .modal-popup .srch-box .srch-bar .cell,
	#content .modal-popup .srch-box .srch-bar .cell.col-1,
	#content .modal-popup .srch-box .srch-bar .cell.col-2,
	#content .modal-popup .srch-box .srch-bar .cell.col-3,
	#content .modal-popup .srch-box .srch-bar .cell.col-4,
	#content .modal-popup .srch-box .srch-bar .cell.col-5,
	#content .modal-popup .srch-box .srch-bar .cell.col-6,
	#content .modal-popup .srch-box .srch-bar .cell.col-7,
	#content .modal-popup .srch-box .srch-bar .cell.col-8,
	#content .modal-popup .srch-box .srch-bar .cell.col-9,
	#content .modal-popup .srch-box .srch-bar .cell.col-10,
	#content .modal-popup .srch-box .srch-bar .cell.col-11,
	#content .modal-popup .srch-box .srch-bar .cell.col-12 {width:100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 통계
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 전체 일자리 등록 현황
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
	분류그룹 : 모듈 > 지역별 일자리 등록 현황, 품목별 일자리 등록 현황
-------------------------------------------------------------------*/
#content .mod-current-list-con .mod-table-list td.title {width: 28%;}
#content .mod-current-list-con .mod-table-list td .label {font-size: inherit;}

/* 일자리명/구인농가명 */
#content .mod-current-list-con .mod-table-list td .info-work {display: block; text-align: left;}
#content .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;}
#content .mod-current-list-con .mod-table-list td .info-work .farm-name {display: block; font-size: 15px; word-break: break-all;}

#content .mod-current-list-con .mod-table-list td .info-list {display: inline-block; vertical-align: middle;}
#content .mod-current-list-con .mod-table-list td .info-list::after {content:""; display: block; clear: both;}
#content .mod-current-list-con .mod-table-list td .info-list > li {display: block; position: relative; font-size: 1rem;}

#content .mod-current-list-con .mod-table-list td .period-box {display: block;}
#content .mod-current-list-con .mod-table-list td .period-box .txt {display: block;}

/* interaction */
#content .mod-current-list-con .mod-table-list td .info-work .tit,
#content .mod-current-list-con .mod-table-list td .info-work .farm-name {transition: color 0.3s;}
#content .mod-current-list-con .mod-table-list td .info-work:focus .tit,
#content .mod-current-list-con .mod-table-list td .info-work:hover .tit {color: #304086;}
#content .mod-current-list-con .mod-table-list td .info-work:focus .farm-name,
#content .mod-current-list-con .mod-table-list td .info-work:hover .farm-name {color: #304086;}

@media screen and (max-width: 1280px) {
	#content .mod-current-list-con .mod-table-list td .info-work .tit {font-size: 16px;}
	#content .mod-current-list-con .mod-table-list td .info-work .farm-name {font-size: 14px;}
}
@media screen and (max-width: 1024px) {
	#content .mod-current-list-con .mod-table-list td.title {width: 83.3334%;}

	/* 일자리명/구인농가명 */
	#content .mod-current-list-con .mod-table-list td .info-work .tit {font-size: 15px;}
	#content .mod-current-list-con .mod-table-list td .info-work .farm-name {display: block; font-size: 13px;}

	#content .mod-current-list-con .mod-table-list td .info-list > li {float:left; padding-right: 15px; font-size: 14px;}
	#content .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;}
	#content .mod-current-list-con .mod-table-list td .info-list > li:last-child {padding-right: 0;}
	#content .mod-current-list-con .mod-table-list td .info-list > li:last-child::before {display: none;}

	#content .mod-current-list-con .mod-table-list td.m-cell {width: 33.3333%;}
	#content .mod-current-list-con .mod-table-list td.m-cell2 {width: 33.3333%;}

	#content .mod-current-list-con .mod-table-list td .period-box .txt {display: inline-block;}
}
@media screen and (max-width: 375px) {
	#content .mod-current-list-con .mod-table-list td.m-cell {width: 50%;}
	#content .mod-current-list-con .mod-table-list td.m-cell2 {width: 100%;}
}



/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 노동비 정산
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .labor-cal {display: block;}
#content .labor-cal .con-head {display: block; position: relative; margin-bottom: 10px;}
#content .labor-cal .con-head::after {content:''; display: block; clear: both;}
#content .labor-cal .con-head .year {display: block; float: left; line-height: 40px; font-weight: 700; font-size: 1.5625rem; color: #000000;}
#content .labor-cal .con-head .txt {float: right; line-height: 40px;}

#content .labor-cal .con-body {display: block;}
#content .labor-cal .con-body .table-box {}
#content .labor-cal .con-body .table-box .sum {background-color: #f5f5f5;}
#content .labor-cal .con-body .table-box .intxt {display: block; width: 100%;}
#content .labor-cal .con-body .table-box .intxt:read-only {font-weight:500; color: #304086;}
#content .labor-cal .con-body .table-box .print-txt {display: none;}

#content .labor-cal .con-body .mod-attach {display: block; margin-top: 20px;}
#content .labor-cal .con-body .mod-attach .attach-tit {display: block; position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 1.125rem;}
#content .labor-cal .con-body .mod-attach .attach-tit::before {content:''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #304086;}
#content .labor-cal .con-body .mod-attach .attach-file-wrap {}
#content .labor-cal .con-body .mod-attach .attach-file-wrap .file-box-wrap .file-box {overflow-x: hidden; overflow-y: auto; max-height: 250px;}
#content .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){
	#content .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;}
	#content .labor-cal .con-body .scr-table-box.type-b::before {background-color: #304086;}
	#content .labor-cal .con-body .scr-table-box .table-box .table {width: 1200px;}
}
@media screen and (max-width: 800px){
	#content .labor-cal .con-body .mod-btn-wrap .btn-group .g-item.pc {display: none;}
}

/* 정산내역 확인, 지난 보고내역 조회 */
#content .cal-tab-box {}
#content .cal-tab-box .title-box {margin-bottom: 20px;}
#content .cal-tab-box .title-box::after {content:""; display: block; clear: both;}
#content .cal-tab-box .title-box .title-01 {float: left; margin-right: 20px;}
#content .cal-tab-box .title-box .txt {display:inline-block; font-weight: 400; font-size: 14px; vertical-align: middle; color: #5b5b5b;}
#content .cal-tab-box .title-box .utils {float: right;}
#content .cal-tab-box .title-box .utils::after {content:""; display: block; clear: both;}
#content .cal-tab-box .title-box .utils > li {float:left; margin-right: 10px;}
#content .cal-tab-box .title-box .utils > li:last-child {margin-right: 0;}
#content .cal-tab-box .unit-txt {margin-bottom: 10px; text-align: right;}
@media screen and (max-width: 600px){
	#content .cal-tab-box .title-box .title-01 {float: none;}
	#content .cal-tab-box .title-box .utils {float: none; margin-top: 10px;}
	#content .cal-tab-box .title-box .utils > li {float: none;}
	#content .cal-tab-box .title-box .utils > li .sel {display: block; width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 센터별 주요 추진실적 총괄표, 시군별 농촌일손돕기 추진실적
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .mod-table-content {display: block;}
#content .mod-table-content .table-box .table .sum {background-color: #f5f5f5;}
@media screen and (max-width: 1200px) {
	#content .mod-table-content .table-box .table {width: 1200px;}
	#content .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;}
	#content .mod-table-content .scr-table-box.type-b::before {background-color: #304086;}
}

/*-------------------------------------------------------------------
	분류그룹 : 중개센터 > 매칭통계, 회원통계
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#content .stt-content {display: block;}
#content .stt-content .stt-chart {display: block; margin-bottom: 40px;}

/* 매칭통계 검색창 */
#content .stt-content .stt-chart .search-time-bar {display: block;}
#content .stt-content .stt-chart .search-time-bar::after {content:''; display: block; clear: both;}
#content .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;}
#content .stt-content .stt-chart .search-time-bar .search-con .label-list {}
#content .stt-content .stt-chart .search-time-bar .search-con .label-list > li {padding: 10px 0; line-height: 1;}
#content .stt-content .stt-chart .search-time-bar .btn-wrap {display: block; overflow: hidden;}
#content .stt-content .stt-chart .search-time-bar .btn-wrap .btn {display: block; width: 100%; height: 62px; line-height: 54px;}

/* 회원통계 검색창 */
#content .stt-content .stt-chart .search-chart-bar {display: block; margin-bottom: 20px;}
@media screen and (max-width: 600px) {
	#content .stt-content .stt-chart .search-time-bar .search-con {float: none; width: auto; padding: 10px 15px;}
	#content .stt-content .stt-chart .search-time-bar .search-con .label-list > li {padding: 8px 0;}
	#content .stt-content .stt-chart .search-time-bar .btn-wrap .btn {height: auto; line-height: 32px;}
}
@media screen and (max-width: 425px) {
	#content .stt-content .stt-chart .search-time-bar .search-con .label-list > li {width: 100%;}
}

/* 통계 그래프 */
#content .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;}
#content .stt-content .stt-chart .chart-wrap.v2 {border-top: 0;}
#content .stt-content .stt-chart .chart-wrap .item {width: 33.3333%; padding: 20px 10px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
/* #content .stt-content .stt-chart .chart-wrap .item:last-child {border-right: 0;} */
#content .stt-content .stt-chart .chart-wrap .item.w50 {width: 50%;}
#content .stt-content .stt-chart .chart-wrap .item.w100 {width: 100%; border-right: 1px solid #e9e9e9;}
#content .stt-content .stt-chart .chart-wrap .item .tit {display: block; margin-bottom: 15px; font-weight: 600; font-size: 1rem; color: #000000; text-align: center;}
#content .stt-content .stt-chart .chart-wrap .chart-box {display: block;}
#content .stt-content .stt-chart .chart-wrap .chart-box .canvas-box {display: block; position: relative; height: 320px;}
#content .stt-content .stt-chart .chart-wrap .chart-box .canvas-box canvas {width:100%;}

@media screen and (max-width: 800px) {
	#content .stt-content .stt-chart .chart-wrap {display: block;}
	#content .stt-content .stt-chart .chart-wrap .item,
	#content .stt-content .stt-chart .chart-wrap .item.w50,
	#content .stt-content .stt-chart .chart-wrap .item.w100 {width: auto;}

	#content .stt-content .stt-chart .chart-wrap .chart-box {overflow-x: auto; overflow-y:hidden;}
	#content .stt-content .stt-chart .chart-wrap .chart-box.type-wide .canvas-box {width: 1024px;}
}
@media screen and (max-width: 600px) {
	#content .stt-content .stt-chart .chart-wrap .chart-box .canvas-box {width: 600px;}
}
@media screen and (max-width: 425px) {
	#content .stt-content .stt-chart .chart-wrap .chart-box.type-wide .canvas-box {width: 800px;}
}

/* 통계 테이블 */
#content .stt-content .stt-body {display: block;}
#content .stt-content .stt-body .utils-bar {display: block; margin-bottom: 20px;}
#content .stt-content .stt-body .utils-bar::after {content:''; display: block; clear: both;}
#content .stt-content .stt-body .utils-bar .item {display: block; float: left;}
#content .stt-content .stt-body .utils-bar .item.type-right {float: right;}
#content .stt-content .stt-body .utils-bar .item .status-list {display: block;}
#content .stt-content .stt-body .utils-bar .item .status-list::after {content:''; display: block; clear: both;}
#content .stt-content .stt-body .utils-bar .item .status-list > li {display: block; float: left; margin-right: 15px;}
#content .stt-content .stt-body .utils-bar .item .status-list > li:last-child {margin-right: 0;}
#content .stt-content .stt-body .utils-bar .item .status-list > li::after {content:''; display: block; clear: both;}
#content .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;}
#content .stt-content .stt-body .utils-bar .item .status-list > li .txt {display: block; overflow: hidden; line-height: 40px; font-weight: 500; font-size: 1rem;}

@media screen and (max-width: 800px) {
	#content .stt-content .stt-body .utils-bar .item,
	#content .stt-content .stt-body .utils-bar .item.type-right {float: none;}
	#content .stt-content .stt-body .utils-bar .item.type-right {margin-bottom: 10px; text-align: right;}
	#content .stt-content .stt-body .utils-bar .item .status-list > li {margin-right: 10px;}
	#content .stt-content .stt-body .utils-bar .item .status-list > li .tit {line-height: 1.3;}
	#content .stt-content .stt-body .utils-bar .item .status-list > li .txt {line-height: 1.3;}
}
@media screen and (max-width: 600px) {
	#content .stt-content .stt-body .utils-bar {margin-bottom: 15px;}
	#content .stt-content .stt-body .utils-bar .item .status-list > li {width: 50%; margin-bottom: 5px; margin-right: 0;}
}
@media screen and (max-width: 425px) {
	#content .stt-content .stt-body .utils-bar .item .btn {display: block; width: 100%;}
}
@media screen and (max-width: 375px) {
	#content .stt-content .stt-body .utils-bar .item .status-list {display: block;}
	#content .stt-content .stt-body .utils-bar .item .status-list > li {width: auto; float: none;}
}




