@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 .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.975rem; /*0.875rem; */ } 
 #content .mod-table-list td.title { font-size: 0.975rem; /*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; } 


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

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

@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: 24%; 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: 30%; } 
 }
@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: 1.0375rem; /*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: 1.0375rem; /*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:first-child { padding-left: 0 !important; } 
#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; } 

@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: 1.05rem; /*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: 15px; /*14px; */ } 
#content .detail-table-list td .title-info .info-list > li .list-txt { display: block; overflow: hidden; font-size: 16px; /*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; } 
@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.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; } 
 }
@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: 15px; /*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: 15px; /*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: 15px; /*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: 15px; /*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 .title-02 { float: left; margin-right: 20px; } 
#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; } 

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

@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 .form-sub-tit { margin-bottom:5px; font-weight:bold; } 
#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; } 

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

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


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




@media screen and (max-width: 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; } 
#content .mod-btn-wrap.posi-rel { position:relative; } 
#content .mod-btn-wrap.posi-rel .btn-group.pa-left { position:absolute; top:0; left:0; } 
#content .mod-btn-wrap.posi-rel .btn-group.pa-right { position:absolute; top:0; right:0; } 


@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: 15px; /*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: 15px; /*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: 15px; /*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: 15px; /*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: 15px; /*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: 15px; /*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: 15px; /*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 .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; } 

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

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


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

/* 도농인력중개플랫폼의 주요 서비스 */
#content .intro-content .intro-section .service-info-box { padding:15px; } 
#content .intro-content .intro-section .service-info-box .service-info .service-info-02 { margin:0 2%; } 
#content .intro-content .intro-section .service-info-box .service-info li { flex:1; width:33.33%; } 
#content .intro-content .intro-section .service-info-box .service-info li .service-info-text p { font-size:12px; margin-bottom:5px; } 
 }
@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; } 
#content .intro-content .intro-section .gallery-box .img-list > li .img-box .img-box-text { padding:5px 0; text-align:left; height:55px; width:100%; } 
#content .intro-content .intro-section .gallery-box .img-list > li .img-box .img-box-text p { font-size:13px; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; } 

@media screen and (max-width: 1400px){
 #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: 16px; /*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; } 
 }


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

@media screen and (max-width: 800px){
 .notice-wrap .nw-cont .notice-box .txt-notice-01 { font-size:16px; } 
.notice-wrap .nw-cont .notice-box .txt-notice-02 { font-size:14px; } 
 }


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

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

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

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




@media screen and (max-width: 800px){
 .btn-wrap-list .btn-item .btn { width:100%; } 

.split-list { flex-direction: column; } 
 }



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


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

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

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

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

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

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

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

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

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

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