/* 25.07.21 cy 작업 */
body *{font-family:var(--font-family-main);}
#wrap,
.wrap{display:flex; flex-direction:column; min-height:100vh;}
#wrap > .content,
.wrap > .content{flex-grow:1;}
select{appearance:none; background:#fff url(/images/img/ico-arrow-down-fa.svg) right 12px center / 24px 24px no-repeat;}
.textarea-wrap textarea{overflow:auto; border-radius:6px;}
select:invalid,
.input-area select:invalid{color:#999;}
.input-area select{width:100%; padding-right:36px; color:#151515;}
.input-area input[type="text"]:focus,
.input-area input[type="number"]:focus,
.input-area input[type="url"]:focus,
.input-area input[type="email"]:focus,
.input-area input[type="date"]:focus,
.input-area input[type="password"]:focus,
.input-area select:focus{background-color:#fff; outline:none; border-color:var(--color-secondary-01);}

.input-area input[type="text"]:disabled,
.input-area input[type="number"]:disabled,
.input-area input[type="url"]:disabled,
.input-area input[type="email"]:disabled,
.input-area input[type="date"]:disabled,
.input-area input[type="password"]:disabled,
.textarea-wrap textarea:disabled,
.input-area select:disabled{color:#999 !important; background-color:#F7F7F7 !important;}
.check-wrap input[type="checkbox"]:disabled+label{cursor:default; pointer-events:none;}

.input-group.search input::placeholder,
.input-area input[type="password"]::placeholder,
.textarea-wrap textarea::placeholder{color:var(--font-color-placeholder);}

.input-group.search .input-group-inner input{margin-left:0; padding-left:10px; width:100%; padding-right:60px; border-radius:100px;}
.input-group.search .input-group-inner .btn-search{position:absolute; right:0; padding:15px; margin-right:0; box-sizing:content-box;}
.input-group.search .input-group-inner input:focus-visible{outline:none; background-color:rgba(1, 120, 255, .05);}
.input-group.search input[disabled]{color:rgba(153, 153, 153, .6) !important; background-color:#F7F7F7 !important;}
.input-group.search .input-group-inner input[disabled] + .btn-search{pointer-events:none; cursor:default; opacity: .6;}
.down-grp button{font-size:16px;}

/* ico */
.ico.ico-mypage::after{background:url(../img/common/ico_mypage.svg) center center no-repeat;}
.ico.ico-logout::after{background:url(../img/common/ico_logout.svg) center center no-repeat;}

/* radio */
label.radio-item:has(>input[type="radio"][disabled]){cursor:default; pointer-events:none;}

/* Chrome, Safari, Edge */
.input-area input{width:160px;}
input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0;}
input[type="date"]{padding-right:40px; background:url(/img/common/icon_datepicker.svg) right 10px center / 20px 20px no-repeat;}
.input-area input[type="text"],
.input-area input[type="number"],
.input-area input[type="url"],
.input-area input[type="email"],
.input-area select{text-overflow:ellipsis;}

/* gnb-area search */
.header .gnb-area-full{width:100%;}
.header .gnb-area-full .mo-search-area{justify-content:flex-end; left:50%; right:unset; max-width:1440px; width:100%; margin-left:0; padding-right:20px; background:transparent; transform:translateX(-50%);}

.gnb-area-full .mo-search-area .input-group-inner .input-inner input{width:100%; margin:0; padding-right:55px; padding-left:10px; border-radius:20px;}
.gnb-area-full .mo-search-area .input-group-inner .input-inner .btn-search{position:absolute; right:0;}
.gnb-list li.search-item button{padding:15px 19px;}
.gnb-area-full .mo-search-area .input-group-inner .input-inner input:focus-visible{background:rgba(1, 120, 255, 0.05);}
.gnb-list .gnb-sub-list{width:calc(100% + 1px);}
.gnb-list .gnb-sub-list.last::after{right:-1px;}
.mo-search-area.is-active .input-group-inner{width:500px;}

.btn-line-box:active{color:#999; background-color:#f2f2f2;}
.btn-line-box[disabled]{color:rgba(21, 21, 21, .4) !important; background-color:rgba(255, 255, 255, .4) !important; pointer-events:none;}
.btn.btn-wh[disabled]{opacity: .4; pointer-events:none;}

.more-list{position:relative;}
.more-list ul{position:absolute; top:30px; left:-30px; display:none;}
.more-list.on ul{display:block;}
.more-list ul li .btn-sm{font-weight:400;}
.cmp-modal .modal-wrap-container{padding-left:0; padding-right:0;}
.modal-wrap-container .modal-header,
.modal-wrap-container .modal-body-container{margin:0 40px;}
.modal-wrap-container .modal-body-container{overflow: auto; max-height: calc(100vh - 220px);}
.cmp-modal .modal-wrap-container{width:calc(100% - 32px);}
.modal-wrap-container .modal-header{width:calc(100% - 80px); margin:0 auto;}
.add-resume-icon{cursor:pointer;}

/* 첨부파일 */
.file-grp{display:flex; gap:10px; width:290px; flex-wrap:wrap;}
.file-grp input[type="file"]{display:none;}
.file-grp input[type="file"] + label{flex-grow:1; display:inline-block; overflow:hidden; width:100px; height:40px; padding:0 12px; color:#999; font-weight:500; line-height:40px; font-size:15px; text-overflow:ellipsis; border:1px solid var(--color-gray-300); border-radius:6px; white-space:nowrap;}
.file-grp input[type="file"]:disabled + label{pointer-events:none; color:#999 !important; background:#F7F7F7 !important;}
.file-grp input[type="file"]:disabled ~ .btn-file-upload{opacity:.4; cursor:default; pointer-events:none;}
.btn-file-upload:active{color:rgba(21, 21, 21, .6); background:#CBCFD9;}
.file-grp.type02{flex-wrap:wrap; flex-direction:row-reverse; width:100%;}
.file-grp.type02 input[type="file"] + label{flex-grow:1;}

/* 공공마이데이터 new-type */
.box-type2 .section-title{padding-bottom:8px; font-weight:800; border-bottom:none;}
.box-type2 .description{font-size:16px; line-height:24px;}
.box-type2 .description.bt-line{padding-bottom:16px; border-bottom:1px solid #151515;}

.tab-content .multi-item-title{align-items:flex-end;}
.multi-item-title .section-title{padding-bottom:0; border-bottom:0;}
.multi-item-title + .table-wrap table{border-width:1px;}
.section-title.noline{padding-bottom:0; border-bottom:0;}

.table-wrap table{border-width:1px;}
.table-wrap table tbody tr th,
.table-wrap table tbody tr td{height: 56px; line-height:24px; padding:8px 16px}
.new-type .table-wrap{margin-top:15px;}
.new-type .section-title{padding-bottom:0; border-bottom:0;}

/* 기업지원  */
.corporation-main .corporation-section4 .service-list li .title a{display:none;}
.corporation-main .corporation-section4 .service-list li .service-content > .right{flex-grow:1;}
.corporation-main .corporation-section4 .section-title{border-bottom:0;}
.corporation-main .corporation-section4 .service-list li .service-content{border:1px solid #D8D9DA; border-radius:0 0 24px 24px;}
.content .corporation-area{padding:64px 122px 0;}
.content .corporation-area .logo-area{padding:0 78px;}

/* etc */
.mb-8{margin-bottom:8px;}
.mb-0{margin-bottom:0;}
.btn-gray[disabled]{background-color:#e1e6f1 !important; opacity:.4; cursor:default;}
.btn-primary:active{background-color:#3f5276;}
.flex-scroll-pc{display:flex; flex-direction:column;}
.dropdown-list.is-open.footer-family-dropup{z-index:1;}
div.check-wrap input[type="checkbox"]+label>*,
td div.check-wrap input[type="checkbox"]+label>*{margin-left:8px; padding-left:0;}
.check-wrap input[type="checkbox"]+label>strong{display:inline-flex; font-size:var(--font-size-base-2); vertical-align:text-bottom;}
dl.border-line-box dt + dd{margin-top:16px;}
dl.border-line-box dd + dt{margin-top:32px;}
.btn.btn-wh{background:#fff; border:1px solid #999;}
.wid90{width:90px;}
.txt-grp li:first-child{margin-top:0;}
.txt-grp li{margin-top:8px;}
.txt-grp + .txt-grp{margin-top:16px;}
.ico-quad{position:relative; padding-left:16px;}
.ico-quad:before{content:''; display:inline-block; position:absolute; top:4px; left:0; width:8px; height:8px; background:#151515;}
.disc{color:var(--color-gray-700);}
.disc2{color:var(--color-gray-600);}
.block{display:block;}
.lh24{line-height:24px;}
.mb-8{margin-bottom:8px;}
.check-wrap.st-center{justify-content:flex-start; align-items:center;}
.no-data{margin-top:40px; font-size:18px; text-align:center;}
.grow1{flex-grow:1;}
.gap8{gap:8px;}
.btn-area{margin-top:16px; display:flex; gap:8px; justify-content:flex-end;}
i.ico-trash{width:16px; height:16px; background:url(../img/common/Icon_trash.svg) center center / 100% no-repeat;}
.selected-option .btn-remove-option .ico.ico-x::after{background-image:url(../img/common/icon_del16.svg);}
.fl-start{justify-content:flex-start;}
.al-center{align-items:center;}
.ico.ico-search::after{background-position:center center;}
.f-0auto{flex:0 0 auto;}
.desc{color:#666; font-weight:400; font-size:16px; line-height:24px;}
.header-top-left h1 a{display:inline-flex; width: 278px;}
.header-top-left h1 a img {width: 100%;}
.header-top-left h1 a img.pc-only{aspect-ratio: 139 / 21;}
.header-top-left h1 a img.mo-only{aspect-ratio: 175 / 32;}
@media (max-width: 768px) {
    .header-top-left h1 a{width: 174px;}
}
.flex-wrap{flex-wrap:wrap;}
.txt-blue01{color:#0178FF;}
.txt-blue02{color:#4F6793;}
.ml-8{margin-left:8px;}
.result-txt{margin-left:8px; font-weight:700; font-size:20px;}

/* score-grp */
.score-grp{display:flex; border:1px solid #D8D9DA;}
.score-grp p{flex-basis:50%; padding:26px 0; font-size:18px; text-align:center;}
.score-grp p:last-child{background:#E6EBF5;}
.score-grp p .score{display:block; margin-top:8px; font-weight:500; font-size:32px;}

/* bg-blue-grp */
.bg-blue-grp{display:flex; flex-direction:column; gap:16px; align-items:center; padding:24px 40px; background:#E6EBF5;}
.bg-blue-grp > p{width:100%; font-weight:800; font-size:22px; line-height:32px; text-align:center;}

/* table layout */
.border-line-box .table-wrap table tbody td{padding:15px;}
.border-line-box .table-wrap input[type="text"]{width:100%;}
.table-wrap table.table-list{border-top:none;}
.table-wrap table.table-list thead tr th{border-bottom:1px solid #D8D9DA;}
.table-wrap table.table-list tbody tr td:first-child,
.table-wrap table.table-list tfoot tr td:first-child{border-left:1px solid var(--color-gray-300);}
.table-wrap table.table-list tbody tr td:last-child,
.table-wrap table.table-list tfoot tr td:last-child{border-right:1px solid var(--color-gray-300);}
.table-wrap table.table-list thead tr th:first-child{border-left:1px solid#E6EBF5;}
.table-wrap table.table-list thead tr th:last-child{border-right:1px solid #E6EBF5;}

.table-wrap table.table-list.type02 thead tr th{height:40px; font-size:15px; background-color:#F8F8F8; border-color:#D8D9DA;}
.table-wrap table.table-list.type02 tbody tr td{font-size:15px; line-height:17px; background-color:#fff;}

.table-wrap.new table tbody th,
.table-wrap.new table tbody td{padding:8px 16px;}
.table-wrap.new table tbody td .w300p{width:300px;}
.table-wrap.new table tbody td .input-area{gap:8px;}
.table-wrap.new table tbody td .input-area input{width:100%;}

.table-wrap th, .table-wrap td{height:60px;}
.table-wrap .radio-group{height:100%; gap:8px 16px;}
.table-wrap.filter{flex-basis:60%;}
.table-wrap.filter table{border-color:#D8D9DA;}
.table-wrap.filter table tbody tr th, .table-wrap.filter table tbody tr td{line-height:16px; padding:16px;}
.table-wrap.filter .filter-list{display:flex; gap:16px; flex-wrap:wrap;}

.tab-content .filter-wrapper .input-group.search{flex-basis:40%;}

.input-area.date{gap:8px;}
.input-area.date input[type="text"]{flex:0; width:80px; flex-basis:80px;}
.input-area.date input[type="date"]{flex:0; width:160px; flex-basis:160px;}
.border-line-box .table-wrap input.input-size-md{width:286px; flex:0 1 auto;}

.input-area.num{gap:8px;}
.input-area.num input[type="text"]{width:70px;}

.btn-grp{display:flex; gap:8px;}
.nopd{padding:0;}

/* job-title keyword */
.box-type.job-title.keyword{
    display:grid;
    grid-template-areas:
    "item1 item3"
    "item2 item2";
    grid-template-columns:1fr auto;
    grid-template-rows:1fr auto;
    align-items:flex-start;
    gap:24px 10px;
}
.box-type.job-title.keyword .job-title-info{grid-area:item1;}
.box-type.job-title.keyword .keyword-area{grid-area:item2; display:flex; gap:16px;}
.box-type.job-title.keyword .keyword-area .keyword-tit{flex:0 0 auto; margin-top:15px;}
.box-type.job-title.keyword .keyword-area .keyword-list .btn{height:48px; font-size:16px;}
.box-type.job-title.keyword .job-util{grid-area:item3;}
.box-type.job-title.keyword .job-util .util-group{margin-top:5px;}



/* mypage new */
.content-section.new-mypage .mypage-menu-list{border:1px solid var(--color-gray-300);}
.content-section.new-mypage .mypage-menu-list li{border-top:none; border-left:none; border-right:1px solid var(--color-gray-300); border-bottom:1px solid var(--color-gray-300);}
.content-section.new-mypage .mypage-menu-list li:nth-child(3n){border-right:none;}
.content-section.new-mypage .mypage-menu-list li.last-row{border-bottom:none;}

.input-group.period-setting .end-day{display:flex; gap:8px; align-items:center;}

.loop-tbl .check-util .btn-area{margin-top:0;}
.job-seeking-status.new{flex-direction:row; justify-content:space-between;}

/* filter industry */
.content-section .filter-main-panel{grid-template-columns:repeat(auto-fit, minmax(0, 1fr));}
.filter-main-panel.industry{grid-template-columns: 1fr 1fr 1fr;}
.filter-main-panel.industry .filter-column ul li a{height:32px;}
.filter-main-panel.industry .filter-column .filter-option{overflow-y:auto;}

.nw .section-title{padding-bottom:0; border-bottom:none;}
.nw .table-wrap{margin-top:16px;}
.section-title .normal-ft{display:inline-flex; align-items:center; margin-left:8px; font-weight:400; font-size:16px;}
.section-title .normal-ft .pipe{display:inline-block; width:1px; height:14px; margin:0 8px; background:#D8D9DA;}

.form-section .textarea-wrap{border-bottom:1px solid var(--border-color-primary);}
.sub-txt{display:block; margin-top:4px; font-weight:400; color:#666; line-height:18px; font-size:16px;}
.sub-txt.type02{margin-top:8px; color:#151515; line-height:16px;}

/* textarea-wrap */
.text-area-wrap.type2{height:280px;}
.textarea-wrap textarea{width:100%; padding:8px 12px; font-size:15px;}


/* button-area */
.button-area.tbl{justify-content:flex-end; gap:8px; margin-top:16px;}
.button-area .btn-md{min-width:144px;}

.box-type .list-type-dot{display:block; width:100%;}
div.form-section .check-list li.column-items2{justify-content:flex-start;}

.mo-search-area.is-active .input-group-inner input{outline:none;}
.mydata-example-wrapper.type2 li{flex-basis:calc(100% / 3 - 5.5px); display:flex; justify-content:center; align-items:center; padding:8px; text-align:center;}

/* 플랫폼메인 custom */
.job-card-grid.new-type .job-card{padding-top:0;}
.job-card-grid.new-type .job-card > a{display:flex; flex-direction:column; gap:18px; height:100%; padding-top:40px;}
.job-card-grid.new-type .job-card .card-header{min-height:42px;}
.job-card-grid.new-type .job-card dl{display:flex; gap:8px; flex-direction:row; flex-wrap:wrap; padding-top:20px;}
.job-card-grid.new-type .job-card dl dt{min-width:70px;}
.job-card-grid.new-type .job-card dl dd{flex-grow:1; width:calc(100% - 100px); font-weight:700; letter-spacing: -1px; font-size: 17px; letter-spacing: -0.05em;}
.job-card-grid.new-type .job-card dl dd.multiline-ellipsis{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 60px;}
.job-card-grid.new-type .status-button{display:block; width:100%; text-align:center;}
.job-card-grid.new-type .card-body .title-line{min-height:64px;}
.main-tab .tab-content__wrap .tab-content{padding-top:0;}
.main-tab .tab-content__wrap .tab-content .job-card-grid{padding-top:48px;}
.job-card-grid.new-type.edu-card-list .job-card dl{padding-top:0;}

/* job-card bar-type */
.job-card-grid.new-type .job-card dl.bar-type dt{position:relative;}
.job-card-grid.new-type .job-card dl.bar-type dt:after{content:''; display:inline-block; width:1px; height:12px; position:absolute; top:8px; right:0; background:#1515154D;}

/* work-lnb (사업안내) */
.work-lnb a img{margin:0 auto;}
.work-lnb a img + span{display:inline-block; margin-top:9px; font-weight:700;}

/* join-info-wrap */
.content-section .table-wrap.join-info-wrap .join-info-text{color:#151515; font-size:18px;}
.content-section .table-wrap.join-info-wrap .text-area-wrap{height:300px;}


/* tab */
.tab-wid-full.tab-container-full .tab-head{position:sticky; top:0; z-index:10;}
.tab-container-full .tab-content__wrap .tab-content{flex-direction:column;}


/* 공고관리 */
.job-posting-container .tab-container-full.new-tab .tab-menu-wrap.box-type .tab-menu{width:calc(100% / 2); border-radius:0; background:#E6EBF5; border:0;}
.job-posting-container .tab-container-full.new-tab .tab-menu-wrap.box-type .tab-menu.is-active{background:var(--color-primary); font-weight:700;}
.job-posting-container .tab-container-full.new-tab  .tab-container-sort{margin-bottom:0; padding-bottom:24px;}
.tab-container-full.new-tab .tab-menu-wrap{padding-bottom:0;}
.new-tab .scroll-table{overflow-x:auto;}
.new-tab .button-area.tit-type + .table-list{margin-top:16px;}

/* pagination */
.pagination-container{overflow:hidden;}
.pagination .page-link.btn-page{text-indent:-9999px; background-position:center center; background-size:24px 24px; background-repeat:no-repeat;}
.pagination .page-item:nth-of-type(1) .page-link.btn-page{background-image:url(../img/common/icon_page_next2.svg); transform:rotate(180deg);}
.pagination .page-item:nth-of-type(2) .page-link.btn-page{background-image:url(../img/common/icon_page_next.svg); transform:rotate(180deg);}
.pagination .page-item:nth-last-of-type(2) .page-link.btn-page{background-image:url(../img/common/icon_page_next.svg);}
.pagination .page-item:nth-last-of-type(1) .page-link.btn-page{background-image:url(../img/common/icon_page_next2.svg);}

.check-wrap.tbl-chk input[type="checkbox"] + label{display:flex; justify-content:center; align-items:center;}

.input-group.phone-group .input-area{gap:8px;}
.input-group.phone-group .input-area select{width:100px;}
.input-group.phone-group .input-area input[type="text"],
.input-group.phone-group .input-area input[type="number"],
.input-group.phone-group .input-area input[type="url"],
.input-group.phone-group .input-area input[type="email"] {width:120px;}
.input-group.is-dash .input-area{gap:8px;}
.table-wrap .bg-type02{background:#E6EBF5;}

/* address-wrap */
.address-wrap .input-group{flex-wrap:wrap;}

/* button-area */
.button-area.first-full{gap:8px;}
.button-area.tit-type{gap:8px; justify-content:flex-end;}

/* tag-list */
.tag-list-light.type2{margin-top:8px;}

/* job-tag */
.job-card .job-tag.type-d{background:#E0F0FB; color:#2F97E1;}

/* layout */
.content-section + .bottom-sns-area{margin-top:0;}

/* main-quick-link */
.main-quick-link.new-link{flex-wrap:nowrap; max-width:1400px; gap:24px;}
.main-quick-link.new-link .link-sub-bn{display:flex; gap:24px; flex-wrap:wrap; width:50%;}
.main-quick-link.new-link .link-sub-bn li{flex-basis:calc(50% - 12px); overflow:hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); border-radius:28px;}
.main-quick-link.new-link .link-sub-bn li a{display:inline-flex; width:100%; text-indent:-9999px;}
.main-quick-link.new-link .link-sub-bn li a img{display:block; width:100%; aspect-ratio:332 / 178;}
.main-quick-link.new-link > div[class*="bn"]{display:inline-flex; width:calc(50% / 2);}
.main-quick-link.new-link > div[class*="bn"] img{display:block; width:100%; aspect-ratio:332 / 380; border-radius:28px;}

/* check-list act */
.check-list.act > li{flex-wrap:wrap; gap:16px 30px;}
.check-list.act > li .activity-item,
.check-list.act > li .activity-item .input-area{flex-grow:1;}
.check-list.act .activity-item .th-name{flex: 0 0 auto;}

/* .sch-input */
.sch-input{display:flex; position:relative; width:100%;}
.sch-input input[type="text"]{flex-grow:1; padding-right:32px;}
.sch-input .ico-del{display:inline-block; position:absolute; top:50%; right:7px; width:24px; height:24px; text-indent:-9999px; background:url(../img/common/icon_close.svg) center center / 15px 15px no-repeat; transform:translateY(-50%);}

/* recruitment-info */
.recruitment-info span{color:#666;}

/* job-posting-container */
.job-posting-container.global-search{}
.new-ver.job-posting-container.global-search .tab-container-full{flex-grow:1; width:calc(100% - 200px);}
.new-ver.job-posting-container.global-search .sort-wrap{flex-wrap:wrap;}
.tab-menu-wrap .result-count{margin-top:2px; font-weight:600; pointer-events:none;}
.page-title-wrap.new-sch .search-wrap{width:calc(100% - 200px);}
.new-ver.job-posting-container .activity-item{gap:12px;}
.new-ver.job-posting-container .activity-item .th-name{margin:0;}
.new-ver.job-posting-container.global-search .article-details{width:calc(100% - 260px);}
.new-ver.job-posting-container.global-search .article-details .article-title{display:inline-block; overflow:hidden; position:relative; width:calc(100% - 20px); padding-left:10px; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.new-ver.job-posting-container.global-search .article-details .article-title::before{position:absolute; top:2px; left:0;}
.new-ver.job-posting-container.global-search .article-details .article-description{margin-bottom:16px; padding-right:20px; line-height:24px;}
.new-ver.job-posting-container.global-search .article-bottom{flex-wrap:wrap; gap:16px;}
.new-ver.job-posting-container.global-search .article-bottom .article-keywords{flex-wrap:wrap;}
.new-ver.job-posting-container.global-search .article-bottom > .color-gray{margin-left:auto;}
.new-ver .form-section + .tab-content.sort-type{margin-top:64px;}
.new-ver .article-link:hover{background:#fff;}
.new-ver.job-posting-container.global-search .article-tag{background:#F8F8F8;}
.new-ver.job-posting-container.global-search .search-keyword{min-width:180px;}
.new-ver.job-posting-container.global-search .search-keyword .search-list{padding:15px;}
.new-ver.job-posting-container.global-search .search-keyword .search-list li{color:#666; font-weight:400;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank{counter-reset:cnt;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank li{counter-increment:cnt; position:relative;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank li a{position:relative; display:inline-block; width:100%; padding-left:18px;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank li a::before{content:counter(cnt) ". "; display:inline-block; position:absolute; width:14px; top:0; left:0; text-align:right; letter-spacing:1px;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank li:nth-child(-n + 3) a{color:#151515; font-weight:500;}
.new-ver.job-posting-container.global-search .search-keyword .search-list.rank li:last-child a::before{text-indent:-7px;}

/* page-title-wrap */
.page-title-wrap{gap:32px 64px;}

/* page-title-wrap has-search */
.page-title-wrap.has-search{flex-direction:column; gap:32px 64px;}
.page-title-wrap.has-search .page-title{align-self:flex-start;}
.page-title-wrap.has-search .input-group.search{width:500px; align-self:flex-end; margin-top:0;}
.page-title-wrap.has-search .filter-wrapper{gap:32px 64px; flex-wrap:wrap; width:100%;}
.page-title-wrap.has-search .table-wrap{flex-grow:1; min-width:400px; width:50%;}
.page-title-wrap.has-search .table-wrap + .input-group.search{flex-basis:calc(50% - 64px); align-self:flex-start; flex-grow:1;}

.page-title-wrap.has-search.flex-row {flex-direction: row; align-items: flex-end; flex-wrap: wrap;}
.page-title-wrap.has-search.flex-row .page-title {flex: 1; min-width: 50%;}

/* article-list type02 */
.article-list.type02 .article-title{align-items:flex-start; padding-right:8px; line-height:32px; text-align:left;}
.article-list.type02 .article-title::before{margin-top:6px;}
.article-list.type02 .fix-pin .article-details::after{top:24px;}
.job-list-container.no-shadow::after{display:none;}

.job-posting-container.global-search .center-filter-list{z-index:1000; bottom:unset; top:70px;}
.new-ver.job-posting-container .center-filter-list .pc-view li > button.btn-secondary.on{color:var(--font-color-white); background-color:var(--color-primary);}

/* board-view-wrap */
.board-view-wrap .board-view-content.img-type02{background:#fff; border:none; margin:0; padding-top:64px;}
.board-view-wrap .board-view-content.img-type02 .img-wrap{flex-direction:column; max-width:1000px; width:100%;}
.board-view-wrap .board-view-content.img-type02 .img-wrap img{display:block; width:100%;}
.board-view-wrap .board-view-content.img-type02 .img-wrap .hr-line{margin:40px 0 40px; border-color:#D8D9DA;}
.board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn{position:relative;}
.board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap{position:absolute; position:relative; bottom:0; left:0; width:100%;}
.board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap .btn{position:absolute; bottom:0; left:50%; width:22.5%; height:100%; text-indent:-9999px; transform:translateX(-50%);}
.board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap.type02 .btn{width:11.5%;}
.tab-content__wrap.img-center .tab-content{justify-content:center;}
.board-view-wrap .board-view-content.img-type02 + .bottom-banner{max-width:1400px; margin-top:24px;}
.board-view-wrap .board-view-content.img-type02 .img-wrap img.mo-only{display:none;}
.has-btn{position:relative;}

.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .left-grp,
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .right-grp{position:absolute; bottom:0; width:calc(50% - 2px); height:100%;}
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .left-grp{left:-2px;}
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .right-grp{right:-2px;}
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .left-grp a.btn,
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .right-grp a.btn{display:inline-block; width:65%; transform:unset;}
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .left-grp a.btn{left:unset; right:0;}
.board-view-wrap .board-view-content.img-type02 .has-btn-wrap.double .right-grp a.btn{left:0;}

/* filter-wrapper */
.filter-wrapper.has-tab{gap:32px; flex-wrap:wrap; margin:0;}
.filter-wrapper.has-tab .tab-menu-wrap{padding-bottom:0;}
.filter-wrapper.has-tab .input-group.search{flex-grow:1; flex-basis:350px;}
.filter-wrapper.has-tab + .tab-content__wrap .job-list-container{width:100%;}

/* job-list-container */
.card-body .date{color:#666;}
.job-list-container.resize{margin-top:24px;}
.job-list-container.resize .job-card{min-width:unset; width:calc(100% / 4 - 15px);}
.job-list-container.resize .card-body .thumb{aspect-ratio: 287 / 200; height:auto;}
.job-list-container.resize .card-body .thumb img{display:block; width:100%;}
.job-list-container.resize .job-card-grid{padding:0 10px;}
.job-list-container.resize::after{display:none;}

/* .box-type.bg-gray */
.box-type.bg-gray .select-list{flex-basis:60%;}
.box-type.bg-gray .select-list + .input-group.search{flex-basis:40%;}

/* video-wrap */
.video-wrap, .video-wrap iframe{width:100%;}
.video-wrap iframe{display:block; aspect-ratio: 1400 / 773;}

/* center-group */
nav.center-group .center-filter-list2{top:80px; bottom:unset;}



@media (min-width: 769px) and (max-width: 1439px){
    .bottom-sns-area{margin:0; padding:0 0 24px 0;}

    /* job-list-container */
    .job-list-container > .total-count{margin-bottom:30px;}
    .job-list-container > .total-count + .job-card-grid{padding-top:10px; padding-bottom:10px;}
    .job-list-container.resize .job-card-grid{flex-wrap:wrap; padding-bottom:10px;}

    .new-ver.job-posting-container.global-search .center-filter-list{min-width:50vw; max-width:1048px;}
    .center-filter-list2{min-width:50vw; max-width:95vw;}
    .new-ver.job-posting-container.global-search .center-filter-list .pc-view .center-filter-list-inner{flex-wrap:wrap;}
    .center-filter-list2{flex-wrap:wrap}
    .new-ver.job-posting-container.global-search .center-filter-list .center-filter-list-inner,
    .center-filter-list2 .center-filter-list-inner{padding-right:40px;}
    .new-ver.job-posting-container.global-search .center-filter-list .center-filter-list-inner li:last-child,
    .center-filter-list2 .center-filter-list-inner li:last-child{position:absolute; top:23px; right:20px;}
}

@media (max-width: 1440px) {
    .job-list-container.resize .job-card{width:calc(100% / 3 - 13.4px);}
}

/* main페이지 대응 */
@media (max-width: 1280px) {
    .header .gnb-area-full .mo-search-area{top:300px;}

    .main-quick-link.new-link,
    .main-quick-link.new-link .link-sub-bn{gap:12px;}
    .main-quick-link.new-link .link-sub-bn li{flex-grow:1; overflow:unset;}
}

/* 769 ~ 1024px 사이즈 대응 */
@media (max-width: 1024px) {
    /*
    .table-wrap .pc-cell col{width:auto !important;}
    */
    .modal-wrap-container .modal-header, .modal-wrap-container .modal-body-container{margin:0; padding:0 16px;}
    .modal-wrap-container .modal-header{width:calc(100% - 32px); margin:0 auto;}
    .cmp-modal .modal-wrap-container .btn-close{top:24px; right:16px;}

    .table-wrap.new table tbody td .input-area{width:100%;}
    .table-wrap.new table tbody td .input-area input{flex-grow:1; flex-basis:calc(100% - 20px);}

    .content .corporation-area{padding:64px 64px 0;}
    .table-wrap.new .input-area input, .table-wrap.new .input-area select{min-width:100px;}
    .table-wrap.new table{table-layout:auto;}
    .flex-auto-1024{flex:1 0 auto;}

    .header .gnb-area-full .mo-search-area .input-group-inner{width:350px;}

    .job-list-container.resize .job-card{width:calc(100% / 2 - 10px);}
}

/* mobile */
@media (max-width: 768px) {
    /* layout */
    .cont-section{margin-top:40px;}
    .content-inner-fix .bottom-sns-area{padding-bottom:0;}

    /* pagination */
    .pagination  .page-link{min-width:unset; width:24px; height:24px;}

    /* table layout */
    .table-wrap{margin-top:16px;}
    .table-wrap table.table-list{table-layout:fixed;}
    .table-wrap table colgroup col:first-child{width:80px;}
    .table-wrap table tbody tr th,
    .table-wrap table tbody tr td{line-height:18px;}
    .table-wrap table{table-layout:auto;}
    .table-wrap.new table tbody td{padding:16px;}
    .table-wrap.new table tbody td .input-area{flex-wrap:wrap;}
    .table-wrap.new table tbody th{padding:8px;}

    .mo-type .table-wrap table,
    .mo-type .table-wrap table td,
    .mo-type .table-wrap table tbody{display:block;}
    .mo-type .table-wrap colgroup{display:none;}
    .mo-type .table-wrap table tr{display:flex; flex-wrap:wrap;}
    .mo-type .table-wrap table tr th{display:flex; align-items:center; width:90px; word-break:normal;}
    .mo-type .table-wrap table tr td{width:calc(100% - 90px); padding:8px 16px;}
    .mo-type .table-wrap th, .mo-type .table-wrap td{min-height:60px; height:auto;}
    .search-form-top .input-group{max-width:unset;}
    .box-type.bg-gray .select-list + .input-group.search{max-width:unset;}

    /* border box */
    .border-line-box.mo-type{margin:0; padding:0; border:0;}
    .border-line-box.mo-type .table-wrap table{border:0;}
    .border-line-box.mo-type.line{margin-top:40px; padding:32px 20px; border:1px solid var(--color-gray-300)}

    /* more-list */
    .more-list ul{left:-55px;}

    /* 첨부파일 */
    .file-grp{width:100%;}
    .file-grp input[type="file"] + label{flex-grow:1; min-width:120px;}

    /* check-wrap */
    .check-wrap input[type="checkbox"]+label>strong{line-height:26px;}
    .check-wrap.st-center input[type="checkbox"]+label{justify-content:flex-start; align-items:center;}

    /* job-seeking-status new */
    .job-seeking-status.new{flex-direction:column; gap:8px;}
    .job-seeking-status.new .radio-item-desc{align-items:flex-start;}
    .job-seeking-status.new .radio-item-desc .description{padding-left:0;}
    .job-seeking-status.new .btn-gray{width:110px;}

    /* filter-main & industry */
    .filter-main-panel.industry{grid-template-columns: 1fr; margin:40px 0 16px;}
    .filter-main-panel.industry .filter-column{display:none;}
    .filter-main-panel.industry .filter-column.on{display:block;}
    .filter-column ul li a{color:#222 !important;}
    .filter-column ul li.is-active a{color:var(--font-color-accent) !important;}
    .filter-main-panel.industry .filter-option{max-height:320px; height:auto;}
    .filter-main-panel.industry .filter-option .multiple-select{max-height:320px;}

    /* mydata-info-section */
    .mydata-info-section .mydata-example-wrapper{flex-direction:column;}

    /* 기업지원 */
    .content .corporation-area{padding:64px 0 0; margin:24px 16px 0;}
    .content .corporation-area .logo-area{padding:0 16px;}

    /* input-area date */
    .input-area.date{flex-wrap:wrap;}
    .input-area.date input[type="date"]{width:130px; flex:0 1 auto; font-size:14px;}
    .input-area.date input[type="text"]{min-width:80px;}
    .border-line-box .table-wrap input.input-size-md{width:100%;}

    /* phone-group */
    .input-group.phone-group .input-area,
    .input-group.phone-group .items3{display:flex; width:100%;}

    /* input-group */
    .input-group.is-dash .input-area{flex-grow:1; flex-basis:calc(100% - 100px);}

    /* gnb-area */
    .header .gnb-area-full .mo-search-area{top:0;}
    .header .gnb-area-full .mo-search-area .input-group-inner{width:100%; max-width:calc(100% - 60px);}
    .mo-gnb-sub-list .mo-gnb-list-item:nth-last-of-type(2){min-height:100%;}
    .mo-gnb-sub-list .mo-gnb-list-item > a{position:sticky; top:0; background:#fff; z-index:1;}

    /* 공고관리*/
    .job-posting-container .tab-container-full.new-tab .tab-head .tab-menu-wrap.box-type{width:100%; gap:0; border-top:2px solid #151515;}
    .tab-container-full.new-tab .tab-content.sort-type{margin-top:0;}
    .job-posting-container .tab-container-full.new-tab .button-section{margin-bottom:40px;}
    .job-posting-container .tab-container-full.new-tab .table-wrap{margin-top:0;}
    .job-posting-container .tab-container-full.new-tab .subpage-tit2{margin-bottom:16px;}
    .content-section .job-posting-container .tab-container-full.new-tab .tab-content__wrap.box-line{padding-top:64px; padding-bottom:0;}
    .box-community-top{flex-wrap:wrap; margin-bottom:40px;}

    /* button-area */
    .button-area .btn-md{min-width:unset;}
    .button-area.tit-type{flex-wrap:wrap; margin-top:40px; margin-bottom:16px;}
    .button-area .txt{width:100%; text-align:right;}
    .button-area.half{flex-wrap:wrap;}
    .button-area.half > *{flex-grow:1; flex-basis:calc(50% - 8px);}
    .button-area.end-first{flex-direction:row-reverse;}
    .button-area.end-first .first{order:-1; flex-basis:100%;}
    .button-area.end-first > *:first-child{order:1;}

    /* board-view-wrap img-type */
    .board-view-wrap .board-view-content.img-type02{padding:64px 0 8px;}
    .board-view-wrap .board-view-content.img-type02 + .bottom-banner{margin-top:56px;}
    .board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap .btn{width:56%;}
    .board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap .btn.wid100p{width:100%;}
    .board-view-wrap .board-view-content.img-type02 .img-wrap .has-btn-wrap.type02 .btn{width:100%;}
    .board-view-wrap .board-view-content.img-type02 .img-wrap img.mo-only{display:inline-flex;}
    .board-view-wrap .board-view-content.img-type02 .img-wrap img.pc-only{display:none;}

    /* page-title-wrap */
    .page-title-wrap .input-group.search{margin-top:0;}
    .page-title-wrap.has-search .input-group.search{width:100%;}
    .page-title-wrap.has-search .table-wrap{margin-top:0; width:100%; min-width:unset;}
    .page-title-wrap.has-search .filter-wrapper{margin-bottom:0;}

    /* article-list */
    .article-list.type02 .article-title::before{position:relative; top:4px; margin-top:0;}
    .article-list.type02 .fix-pin .article-details::after{top:32px;}

    /* share list */
    .share-sns-list > button.btn > span{min-width:145px;}

    /* email-group */
    .input-group.email-group > div{display:flex; width:100%;}
    .input-group.email-group > div > .input-area{width:100%;}

    /* address-wrap */
    .address-wrap .input-area[class*="wid"]{width:100%;}

    /* board-biew-wrap */
    .board-view-wrap .board-view-header-desc{font-size:16px; line-height:24px;}

    /* main-quick-link new-link */
    .main-quick-link.new-link,
    .main-quick-link.new-link .link-sub-bn{flex-grow:1; flex-wrap:wrap;}

    .main-quick-link.new-link{column-gap:9px; row-gap:16px;}

    .main-quick-link.new-link > div[class*="bn"],
    .main-quick-link.new-link > div[class*="bn"] a{flex-grow:1;}
    .main-quick-link.new-link .link-sub-bn li a img{border-radius:14px;}

    /* filter-main-panel */
    .content-section .filter-main-panel{grid-template-columns:1fr;}

    /* job-title keyword */
    .box-type.job-title.keyword{grid-template-areas:"item1""item3"; gap:0; width:calc(100% - 32px); margin:0 auto;}
    .box-type.job-title.keyword.is-fixed{width:100%; margin:0;}
    .box-type.job-title.keyword .keyword-area{display:none;}
    .box-type.job-title.keyword .job-util{flex-direction:column; align-items:flex-end;}

    /* filter-wrapper */
    .filter-wrapper.has-tab{flex-direction:row;}
    .filter-wrapper.has-tab .tab-head{width:100%;}
    .filter-wrapper.has-tab .tab-menu-wrap .tab-menu{min-width:100px;}
    .filter-wrapper.has-tab .input-group.search{flex-basis:100%;}

    /* job-list-container */
    .job-list-container.resize .job-card-grid{flex-wrap:wrap; overflow:hidden; padding:40px 8px 14px;}
    .job-list-container.resize .job-card-grid .job-card{width:100%;}
    .job-list-container.resize .total-count{margin:0;}


    /* etc */
    .flex-scroll-pc{display:block;}
    .header .gnb-area-full.is-active{border-bottom:none;}
    .header .mo-login-util a.item01{border-top:1px solid #D8D9DA; border-bottom:1px solid #D8D9DA;}
    .header-top-left h1,
    .header-top-left h1 a{display:inline-flex;}
    .gnb-list .gnb-sub-list li a{justify-content:flex-start; padding-left:16px;}
    .gnb-sub-list li a:hover{background:#fff;}
    .ico::after{width:20px; height:20px;}
    .ico.ico-search::after{background-size:20px 20px;}
    .ico.ico-favor{width:20px; height:20px;}
    .mo-search-area .btn-close-hamburger{top:50%; transform:translateY(-50%);}
    .total-count{margin:0 16px;}
    .cmp-modal .modal-wrap-container .btn-close{top:24px;}
    .box-type.job-title .job-title-info .title-area .date{display:inline-block;}
    .content-inner-fix{overflow:hidden;}
    .modal-footer{margin:0 16px;}
    .modal-footer button.btn{flex-grow:1; width:50%;}
    .btn-grp{display:flex; gap:8px; flex-direction:column;}
    .mo-fl-wrap{flex-wrap:wrap;}
    .m-w100p{width:100%;}
    .m-h100p{height:100%;}
    .m-fl-column{flex-direction:column; align-items:flex-start;}
    .form-section .textarea-wrap{padding:16px 0 0;}
    .mydata-example-wrapper.type2 li{flex-grow:1;}
    .mo-pdt16{padding-top:16px;}
    .mo-pdt32{padding-top:32px;}
    .mo-pdb0{padding-bottom:0;}
    .tab-content .multi-item-title{align-items:flex-start;}
    .input-group.period-setting{flex-wrap:wrap; flex-direction:row; align-items:center;}
    .input-group.period-setting div[class*='-day']{flex-grow:1;}
    .input-group.period-setting div[class*='-day'] > .input-area{flex-grow:1;}
    .job-card-grid.new-type .card-body .title-line{min-height:56px;}
    .fl-col{flex-direction:column;}

    /* check-list */
    .check-list.act > li .activity-item{width:100%;}

    /* bus-map */
    .table-body-only td ul.bus-map li .bus-line,
    .table-body-only td ul.bus-map li .bus-line + span[class*="b-line"]{flex:0 0 auto;}

    /* job-posting-container */
    .input-group.search{margin-top:32px;}
    .page-title-wrap.new-sch .search-wrap{width:100%;}
    .new-ver.job-posting-container.global-search .tab-menu-wrap.box-type{width:100%; padding:0; border-width:2px;}
    .new-ver.job-posting-container.global-search .tab-menu-wrap.box-type > button{flex:0 0 auto;  flex-grow:1; line-height:18px; background:#E6EBF5;}
    .new-ver.job-posting-container.global-search .tab-menu-wrap.box-type > button.is-active{font-weight:700; white-space:nowrap; background:var(--color-primary);}
    .new-ver.job-posting-container .tab-content__wrap.box-line{padding:32px 0 0;}
    .new-ver.job-posting-container .tab-container-sort{margin-bottom:0;}
    .new-ver.job-posting-container.global-search .sort-wrap .input-area{flex-grow:1; width:100%;}
    .new-ver.job-posting-container .activity-item{gap:16px;}
    .new-ver.job-posting-container .activity-item .th-name{flex:0 0 auto; width:auto;}
    .new-ver.job-posting-container.global-search .article-details{width:100%;}
    .new-ver.job-posting-container.global-search .article-details .article-title{text-overflow:unset; white-space:normal;}
    .new-ver.job-posting-container.global-search .article-details .article-description{margin:8px 0 0;}
    .new-ver .article-keywords{margin-top:16px;}
    .new-ver.job-posting-container.global-search .article-tag{padding:12px 16px;}
    .content-section.new-pd-type{padding:32px 16px 0;}
    .new-ver .article-link{gap:24px;}

    .new-ver.job-posting-container.global-search .center-filter-list{top:unset; bottom:0; padding:0; border-radius:16px 16px 0 0;}
    .new-ver.job-posting-container.global-search .center-filter-list .mo-view .center-filter-list-inner .btn{font-weight:400;}
    .new-ver.job-posting-container.global-search .center-filter-list .mo-view .center-filter-top{display:flex; justify-content:space-between; padding:20px 24px;}
    .new-ver.job-posting-container.global-search .center-filter-list .mo-view li button.btn.on{font-weight:700; background:#F5F5F7;}
    .h4-title{font-size:18px; font-weight:700;}


    /* footer */
    .footer .footer-link .footer-family > *{flex-grow:1;}
    .footer-family .dropdown-list.is-open.footer-family-dropup{width:100%;}

    /* modal footer */
    .modal-footer .save,
    .modal-footer .cancel,
    .modal-footer .next,
    .modal-footer .prev{display:none;}
    .modal-footer .btn.on{display:block;}
}

@media (max-width:374px){
    .input-group.period-setting{flex-direction:column;}
    .input-group.period-setting div[class*='-day']{flex-direction:column; width:100%;}
    .input-group.period-setting div[class*='-day'] .dash{display:none;}
    .input-group.period-setting div[class*='-day'] .input-area{width:100%;}
    .table-wrap table tbody tr th,
    .table-wrap table tbody tr td{padding:8px; line-height:16px; font-size:14px;}
    .gray-box.yakguan-step ol li{font-size:12px;}

    /* footer */
    .footer .footer-link .footer-family{flex-direction:column;}
    .footer .footer-link .footer-family > *{width:100%;}
}

@media (hover:hover){
    .btn-file-upload:hover{background:#D6DAE5;}
    .input-area input[type="text"]:hover,
    .input-area input[type="number"]:hover,
    .input-area input[type="url"]:hover,
    .input-area input[type="email"]:hover,
    .input-area input[type="date"]:hover,
    .input-area input[type="password"]:hover,
    .input-area select:hover,
    .file-grp label:hover,
    .input-group.search .input-group-inner input:hover,
    .textarea-wrap textarea:hover{background-color:#f7f7f7;}

    .input-area input[type="text"]:focus,
    .input-area input[type="number"]:focus,
    .input-area input[type="url"]:focus,
    .input-area input[type="email"]:focus,
    .input-area input[type="date"]:focus,
    .input-area input[type="password"]:focus,
    .input-area select:focus,
    .textarea-wrap textarea:focus-visible{background-color:#fff; outline:none; border-color:var(--color-secondary-01);}

    .btn-gray:hover{background:#D6DAE5;}
    .btn-gray:active{color:rgba(21, 21, 21, .6); background:#CBCFD9;}

    .btn-line-box:hover{background-color:#F7F7F7;}

    .btn.btn-wh:hover{background:#F7F7F7;}
    .btn.btn-wh:active{color:rgba(21, 21, 21, .6); background:#f2f2f2;}

    .input-group.search .input-group-inner input:focus-visible{outline:none; background-color:rgba(1, 120, 255, .05);}

    .gnb-area-full .mo-search-area .input-group-inner .input-inner input:hover{background:#F7F7F7;}
    .gnb-area-full .mo-search-area .input-group-inner .input-inner input:focus-visible{background:rgba(1, 120, 255, 0.05);}

    .main-quick-link.new-link .link-sub-bn li:hover,
    .main-quick-link.new-link div[class*="bn"] a:hover{opacity: .6;}

    .new-ver.job-posting-container.global-search .search-keyword .search-list li:hover a{opacity:.6;}

    .new-ver.job-posting-container .center-filter-list li:hover > button.btn-secondary.on{background-color:#475D85;}

}

/* etc - 2 */
.text-red {color: var(--color-accent) !important;}
.text-gray {color: var(--color-gray-600) !important;}
.list-type-none li {position: relative; font-weight: 400; font-size: 16px; line-height: 24px; text-align: left;}
.button-area {flex-wrap: wrap;}
.board-sns-share{flex-wrap: wrap; gap: 16px;}
.board-sns-share .button-area{margin-left: auto; justify-content: flex-end;}
.description strong{color: #4F6793;}
.loop-tbl .table-wrap + span {display: block; margin-top: 8px;}
.center-filter-list2 .center-filter-list-inner li a {padding: 0 16px;}
.height-fit {height: fit-content; max-height: fit-content;}
.height-100p {height: 100%;}
.min-height-3{min-height: 3em;}
textarea {border:1px solid #dbdbdb;}

.img-wrap.pc-only.has-btn > div {margin-top: 64px;}
.mt-8.has-btn {margin-top: 8px;}

.content-section.work-wrapper .table-wrap.scroll-table {
    overflow: auto;
}

/* flex */
.flex-wrap-wrap {flex-wrap: wrap; max-width: 100%;}
.flex-wrap-wrap.item-min-150 > * { min-width: 150px;}
.flex1 {flex: 1;}
.flex-center {display: flex; align-items: center; justify-content: center;}

.input-group.phone-group.flex-wrap-wrap .input-area input {
    width: 100%;
}

.flex-box {display: flex;flex-wrap: wrap; gap: 8px;}
.flex-box > *{margin: 0;}
.flex-box input{min-width: 80px;}

/* // flex */

.board-view-content * {all: revert;}
.input-style {height: 83px !important; border: 1px solid var(--color-gray-300);}

.mo-type .table-wrap table.mo-th-w-35p tr th {width: 35%;}
.mo-type .table-wrap table.mo-th-w-35p tr td {width: 65%;}
.mo-type .table-wrap table tr td span + button {margin-left: 0.6em}
.disc-in-btn {display: flex; gap: 10px; }
.disc-in-btn .disc {
    white-space: normal;
    line-height: 1.2;
    padding: 0.3em 0;
    text-align: left;
}
@media (max-width: 768px) {
    .disc-in-btn {
        align-items: flex-start;
        height: auto;
    }
}

@media (max-width: 450px) {
    .mo-column {flex-direction: column; align-items: flex-start; flex: none; width: 100%;}
    .mo-column select{flex: none;}
}


/* etc - 2 - size & margin & padding & gap */
.gap16 {gap: 10px;}
.mt-40 {margin-top: 40px !important;}
.mt-16 {margin-top: 16px !important;}
.ml-16 {margin-left: 16px !important;}
/* // etc - 2 - size */

/* etc - 2 - show, hide */
.hide {display: none !important;}
.overflow-visible{
    overflow: visible !important;
}
@media (max-width: 768px) {
    .pc-only {display: none !important; }
}
@media (min-width: 769px) {
    .mo-only {display: none !important;}

}
/* // etc - 2 - show, hide  */

/* etc - 2 - btn */
.btn-primary-2 {color:var(--color-primary); border-color: var(--color-primary);}
.btn.btn-32-primery {
    display: inline-block;
    height: 32px;
    color: var(--font-color-white);
    background-color: var(--color-primary);
}

.btn.ico{
    padding-left: 3em;
}
.btn.ico.doc::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
}
/* // etc - 2 - btn */

/* etc - 2 - 상단배너 */
.top-banner-area svg {
    max-height: 52px;
}
/* // etc - 2 - 상단배너 */

/* etc - 2 - 라디오 */
.radio-item .divider{
    color: var(--color-gray-300);
    margin-left: 8px;
}
/* // etc - 2 - 라디오 */

/* etc - 2 - 설명 (discription) */
.disc-check-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    font-size: 18px;
    line-height: 26px;
}
.disc-check-wrap .check-list {
    display: flex;
    gap: 16px;
}
.disc-check-wrap .check-list .check-wrap span{
    font-weight: 700;
    color: #151515;
}
.disc-check-wrap .date {
    margin-left: auto;
}
/* // etc - 2 - 설명 (discription) */

/* etc - 2 - 생애설계 자가진단 테이블 */
.table-wrap table.score-table th {vertical-align: middle; padding: 0 16px;height: 56px;}

.table-wrap table.score-table tr th,
.table-wrap table.score-table tr td {
    font-weight: 400;
    border-right: 1px solid var(--color-gray-300);
    border-left: 1px solid var(--color-gray-300);
}


.table-wrap table.score-table thead tr th {
    background-color: #E6EBF5;
    border-bottom: 1px solid var(--color-gray-300);
}
.table-wrap table.score-table thead tr:nth-child(2) th {
     height: 40px;
     background-color: var(--color-gray-50);
}
.table-wrap table.score-table tbody th{background-color: #fff;}
.table-wrap table.score-table .flex,
.table-wrap table.score-table .radio-group { align-items: center; justify-content: space-around; width: 100%; height: 100%;}
.table-wrap table.score-table .flex > span{
    flex: 1;
    text-align: center;
    line-height: 1.2;
}

.table-wrap table.score-table .bold,
.table-wrap table.score-table .bold{
    font-weight: 700;
}
.table-wrap .job-group-grid.extra {width: 100%; max-width: unset;}
.table-wrap .job-group-grid.extra .radio-item {width: auto;}
.table-wrap .job-group-grid.column {flex-direction: column; align-items: flex-start;}
.table-wrap .job-group-grid.column > .radio-item{width: 100%;}
.table-wrap .radio-border-group {gap: 0 !important;}
.table-wrap .radio-border-group .radio-item {flex-wrap: wrap;}
.table-wrap .radio-border-group > .radio-item {padding: 16px 0;}
.table-wrap .radio-border-group > .radio-item:nth-child(2) {padding-top: 8px;}
.table-wrap .radio-border-group > .radio-item:last-child {padding-bottom: 8px;}
.table-wrap .radio-border-group > .radio-item:not(:last-child) {border-bottom: 1px solid #d8d9da;}
.scroll-table.scroll {overflow: auto;}
.input__textarea.size-fixed {
    resize: none;
}

.d-none-pc{display: none;}

@media (max-width: 768px) {
    .d-none-mo{display: none;}

    .table-wrap .radio-border-group > .radio-item:nth-child(2) {padding-top: 0px;}
    .table-wrap .radio-border-group > .radio-item:last-child {padding-bottom: 0px;}
    .mo-type .table-wrap table.score-table thead {
        display: block;
    }
    .mo-type .table-wrap table.score-table th, .mo-type .table-wrap table.score-table td {
        width: 100%;
        min-height: 40px;
    }
    .mo-type .table-wrap table.score-table thead tr th:first-child{
        display: none;
    }
    .mo-type .table-wrap table.score-table tr th {
        display: flex;
        align-items: center;
        width: 100%;
        word-break: normal;
    }

}
/* // etc - 2 - 생애설계 자가진단 테이블 */

/* etc - 2 - filter industry 셀렉트로 변경 */
.multiple-select {
    width: 100%;
    height: 100%;
    background-image: none;
    border: 0;
    overflow-y: auto;
}
.multiple-select:focus {
    outline: none;
}

.multiple-select option {
    display: flex;
    gap: 8px;
    padding: 6.5px 16px;
    font-size: 16px;
    white-space: normal;
    word-break: keep-all;
}

.multiple-select option::before {
    content: '';
    display: inline-flex;
    width: 4px;
    height: 4px;
    margin-top: calc(0.5em - 1px);
    background-color: var(--font-color-primary);
    border-radius: 4px;
    flex: none;
}
.multiple-select option:checked,
.multiple-select option:hover {
    color: var(--font-color-accent);
    -webkit-text-fill-color: var(--font-color-accent);
}

.multiple-select option:checked {
    background-color: #F2F8FF !important;
    background: #F2F8FF linear-gradient(0deg, #F2F8FF, #F2F8FF) !important;
}
/* // etc - 2 - filter industry 셀렉트로 변경*/

/* etc - 2 커뮤니티 게시판 contnets */
.board-contents-wrap{
    margin-top: 24px;
}

.board-contents-wrap .contents-info {
    text-align: right;
    font-size: 18px;
    color: var(--color-black);
}

.board-contents-wrap .contents-info time {
    color: var(--font-color-tertiary);
}

.board-contents-wrap .contents-wrap {
    font-size: 20px;
    line-height: 1.5;
}
.board-contents-wrap .contents-wrap {
    margin-top: 32px;
    border-top: 1px solid var(--border-color-primary);
}
.board-contents-wrap .contents-wrap .description-list li {
    margin-bottom: 12px;
}
.board-contents-wrap .contents-wrap .description-list li .disc {
    margin-top: 12px;
}

.disc.list-style-type-dash li{
    padding-left: 0;
}
.disc.list-style-type-dash li::before{
    content: "-";
    display: inline;
    position: static;
    height: 20px;
    margin-right: 0.4em;
    background-color: transparent;
}
/* // etc - 2 커뮤니티 게시판 contnets */

/* etc - 2 댓글영역 */
.comment-wrap {
    margin-top: 40px;
}

.comment-form {padding-bottom: 16px;border-bottom: 1px solid #E1E3E9;margin-bottom: 16px;}

.comment-wrap .title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
}

.comment-wrap .count {
    color: var(--color-primary);
}

.comment-wrap .textarea-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}
.comment-wrap .textarea-wrap .btn.btn-secondary.btn-sm {background-color: #E1E6F1;border: none;}

.comment-wrap .textarea-wrap textarea {
    border-radius: 0;
    border-color: #E1E6F1;
}

.comment-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comment-list .comment-item {
    padding: 16px;
    background-color: #F7F8FA;
}

.comment-list .comment-item .comment-meta {
    display: flex;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E1E3E9;
}

.comment-meta .btn-wrap {
    margin-left: auto;
}

.comment-meta .btn-wrap .btn {
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: #214d8f;
}

.comment-meta .btn-wrap .btn.delete {
    color: #ff4949;
}

.btn-wrap {
    color: #717B8A;
}

.comment-meta .user {
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

.comment-meta .user::after {
    content: "|";
    margin: 0px 8px;
    color: #E1E3E9;
}

.comment-meta time {
    color: #717B8A;
}

.comment-list .comment-item .comment-body {
    color: #717B8A;
    line-height: 1.5;
}

/* // etc - 2 댓글영역 */

/* // etc - 2 - API센터 */
.article-details-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}

.article-details-info strong {
    color: var(--color-primary);
    margin-right: 4px;
}

.article-details-info .tag {
    display: block;
    padding: 0 16px;
    color: var(--color-gray-700);
    font-weight: 700;
    border: 1px solid var(--color-gray-700);
    line-height: 2;
    border-radius: 4px;
    background-color: var(--color-gray-50);
}

.article-details-info .tag.og {
    color: #F1764C;
    border-color: #F1764C;
    background-color: #F1764C1A;
}
.article-details-info .tag.gr {
    color: #00A463;
    border-color: #00A463;
    background-color: #00A4631A;

}

/*  etc - 2 - 메인화면 검색영역 사용성 확장  */
/* 검색버튼 누른 후 gnb 쪽으로 마우스 지나갈 때 hover이벤튼 막는 용도 */
.header .gnb-area-full .mo-search-area {
    z-index: 100;
}
.header .gnb-area-full .mo-search-area::before {
    content: "";
    display: block;
    width: 42%;
    height: 65px;
    position: absolute;
    top: -130%;
}
/* // etc - 2 - 메인화면 검색영역 사용성 확장 */


/* etc - 2 - 플로팅배너 */
.floating-banner-wrap{display: none;}
.floating-banner {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 144px;
        height: 320px;
        color: #fff;
        line-height: 22px;
        text-align: center;
        background-image: url(/img/common/bg_banner.png);
        background-color: #6566EB;
        border-radius: 16px;
        box-shadow: 0px 4px 20px 0px #0000001A;
    }
.floating-banner .floating-head {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    font-size: 22px;
    line-height: 32px;
    background-color: #7879FF;
    border-radius: 16px;
    align-items: center;
}
.floating-banner .floating-footer {
    width: 80px;
    height: 30px;
    margin: 8px 0 16px;
    line-height: 30px;
    border-radius: 15px;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.login-guide-msg .sub-text {
    display: flex;
    flex-wrap: wrap;
}

.login-guide-msg .sub-text .replace-floating-banner {
    display: none;
    margin: 0 0 0 10px;
}

@media (max-width: 1739px) {
    .login-guide-msg .sub-text .replace-floating-banner {display: inline-flex;}
}
@media (max-width: 860px) {
    .login-guide-msg .sub-text {
        display: block;
    }
    .login-guide-msg .sub-text .replace-floating-banner {
        margin: 16px 0 0 0;
    }
}
@media (min-width: 1740px) {

    .floating-banner-wrap{
        display: block;
        position: fixed;
        top: 414px;
        right: 31px;
        z-index: 10;
    }
}

/* // etc - 2 - 메인화면 플로팅배너 */
/*  etc - 2 - 생애설계 진단 그래프 */
.diag-chart-table{
    display: flex;
    justify-content: center;
}
/* // etc - 2 - 생애설계 진단 그래프 */


/* etc - 2 할인/감면 신청 라디오 */
.discount-radio-group .radio-item {
    padding: 0 !important;
}
.discount-radio-group .radio-item:has(.radio-input:checked) {
    border-color: var(--font-color-accent);
}

.discount-radio-group .radio-item .radio-label {
    width: 100%;
    padding: 8px 12px !important;
}

@media (max-width: 768px) {
    .discount-radio-group .radio-item .radio-label {
        padding: 12px !important;
    }
}
/* // etc - 2 할인/감면 신청 라디오 */

/* 탑배너영역 (중장년 정보몽땅) */
.top-banner-area > div {
    cursor: pointer;
}
/* // 탑배너영역 (중장년 정보몽땅) */
/*  etc - 2 - datepicker*/
div.datepicker {
    position: absolute;
    background-color: #fff;
    border: 1px solid #D8D9DA;
    padding: 16px;
}

.datepicker.datepicker-dropdown:before,
.datepicker.datepicker.datepicker-dropdown:after{
    display: none;
}

.datepicker .day {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border: 1px solid var(--color-gray-200);
    border-radius: 0;
}
.datepicker .day:first-child:not(.old, .new) {
    color: var(--color-accent)
}
.datepicker .day:last-child:not(.old, .new) {
    color: var(--font-color-accent);
}

.datepicker .dow {
    display: none;
}

.datepicker-close {
    display: none;
}

.datepicker table tr td.day:hover {
    background-color:#F2F7FF;
}

.datepicker table tr td.today.day {
    background: var(--color-gray-200);
}

.datepicker table tr td.active.day {
    background: var(--color-secondary);
    color: var(--font-color-white) !important;
}

.datepicker thead th {
    font-weight: 100;
    padding-bottom: 12px;
}

.datepicker .datepicker-month.prev.leftarrow,
.datepicker .datepicker-month.next.rightarrow {
    display: block;
}

.datepicker span.blind {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../img/common/ico-arrow-right.svg) no-repeat;
    background-position: left;
}
a.datepicker-month.prev.leftarrow .blind{
    transform: scale(-1);
}
a.datepicker-month.next.rightarrow .blind {
    background: url(../img/common/ico-arrow-right.svg) no-repeat;
}
/* // etc - 2 - datepicker*/


/*  etc - 2 - 파일첨부 아이콘 */
.title-attach-file-img {
    margin-left: 8px;
    height: 1.5em;
}

.attach-file .attach-file-icon {
    width: 1.5em;
    margin-right: 0.3em;
}

.attach-file a {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .job-list-container .article-details .article-title.file {
        display: inline-flex;
    }

}

/* // etc - 2 - 파일첨부 아이콘 */

/* etc - 2 커뮤니티 - start */
.community .board-box {
    position: relative;
    height: auto;
}

.community .board-box a,
.community .board-card__media,
.community .my-cummunity-card {
    height: 100%;
    background-size: cover;
}

.community .my-cummunity-card__bg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10%;
    background: #f5f1f13d;
    transition: background 0.3s linear;
}
.community .my-cummunity-card__bg:hover {
    background: #f5f1f1c9;
}
.community .my-cummunity-card__title {
    color: var(--color-black);
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

.community .board-box .status-badge {
    margin-top: 16px;
}
/* // etc - 2 커뮤니티 - end */

/* etc - 2 - 필터 열기/접기 버튼 - start */

.btn-filter-control{display: none;}
@media (max-width: 768px) {
    .btn-filter-control + .filter-main-panel {
        margin-top: 0 !important;
        border: 1px solid #C0CADD;
        border-top-width: 0
    }

    .btn-filter-control {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        margin: 24px 0 0;
        color: var(--color-primary);
        font-weight: 600;
        font-size: 14px;
        background-color: #e6ebf5;
        border: 1px solid #C0CADD;
        border-bottom-width: 0;
    }
    .content-section.no-padding .btn-filter-control {
        width: calc(100% - 32px);
        margin: 24px 16px 0;
    }

    .btn-filter-control.open {border-bottom-width: 1px;}
    .btn-filter-control::after{
        display: inline-block;
        content: "";
        width: 24px;
        height: 24px;
        margin-left: 0.5em;
        background-image: url(../img/common/ico_arrow_down.svg);
        background-position: center;
        background-size: cover;
        transition: transform 0.25s ease-in;
    }
    .btn-filter-control.close::after{
        transform: rotate(180deg);
    }
    .btn-filter-control.open::after{
        transform: rotate(0);
    }
}

/* // etc - 2 - 필터 열기/접기 버튼 - end */

/* etc - 2 - gnb(모바일) - start */

@media (max-width: 769px) {
    .gnb-area-full.is-active {
        height: calc(var(--vh, 1vh) * 100 - 47px);
    }
}
/* // etc - 2 - gnb(모바일) - end */

/* etc - 2 - result-category - end */
.result-category > div{
    margin-top: 8px;
}
.result-category + .result-category{
    margin-top: 24px;
}
/* // etc - 2 - result-category - end */



/* // etc - 2 */