@charset "utf-8";
.only-pc { display: block; }
.only-mobile { display: none; }
body{position: relative;}

@font-face { font-family: "GmarketSans"; font-weight: 200; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansLight.otf) format("opentype"); }
@font-face { font-family: "GmarketSans"; font-weight: 400; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansMedium.otf) format("opentype"); }
@font-face { font-family: "GmarketSans"; font-weight: 700; font-style: normal; src: url(/fonts/GmarketSans/GmarketSansBold.otf) format("opentype"); }

.spinner{top:50% !important;left:50% !important;}

.inner{position: relative;max-width: 1232px;margin-left: auto;margin-right: auto;padding-left: 16px;padding-right: 16px;}
.inner-xs{max-width: 600px;}
.inner-sm{max-width: 620px;}
.inner-md{max-width: 828px;}
.inner-lg{max-width: 1100px;}
.inner-xl{max-width: 1134px;}
.inner-xxl{max-width: 1200px;}

.container { position:relative; display: block; padding-bottom: 300px; min-height: 260px; box-sizing: content-box; margin-top: -114px; background: #fff; }


/* color */
.theme-color{color: #728BCE !important;}


/* title */
.table-box { padding-top: 48px; }
.table-box .title-box{display: flex; align-items: center;}
.table-box .title-box .title{font-size: 16px;}
.table-box .title-box .title + p{font-size: 12px; margin-left: 12px; letter-spacing: -0.5px;}
.title.mt24{margin-top: 24px;}


/* table */
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.fwb{font-weight: 700 !important;}

.table-mobile{display: none}

.flex-wrap { display: flex; flex-wrap: wrap; align-items: center; }
.flex-box { display: flex; align-items: center; }
.typeA { border-top: 2px solid #222; margin-top: 8px;  font-size: 14px; }
.typeA th { border-bottom: 1px solid #d8d8d8; height: 46px; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; text-align: center; }
.typeA td { border-bottom: 1px solid #eee; padding: 20px 16px; text-align: center; color: rgba(0, 0, 0, 0.58); font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: -1px; text-align: center; }
.typeA td a.subject { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); font-weight: 700; font-size: 16px; line-height: 1.6; }
.typeA td a.subject + i.flag { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 4px; background: #728BCE url(/images/job/ico_new_2x.png) no-repeat center / 8px 8px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-top: 1px;}
.typeA td a.subject:hover { font-weight: 700; text-decoration: underline; }
/* .typeA td:first-child, .typeA th:first-child{padding-left: 32px; }
.typeA td:last-child, .typeA th:last-child{padding-left: 32px;} */
.typeA td .btn{padding: 8px 16px; border-radius: 8px; width: 80px; margin: 0 auto;}
.typeA td .btn.theme-line:hover { border: 2px solid #5252A9; box-shadow: 0px 4px 4px 0px #00000014; background: #fff; color: #5252a9; }
.typeA td .btn.theme-line:active { background: #5252A9; color: #fff;  }

.typeB { border-top: 2px solid #222; margin-top: 10px; }
.typeB th, .typeB td { border-bottom: 1px solid #eee; height: 56px; }
.typeB tr:last-child th, .typeB tr:last-child td { border-bottom: 1px solid #D8D8D8; }
.typeB td { padding: 12px 0; padding-left: 16px; font-size: 13px; }
.typeB.finished td { color: rgba(0, 0, 0, 0.58); font-weight: 700; }
.typeB td.input { padding-bottom: 0px; padding-top: 28px; padding-right: 0; padding-left: 6px; }
.typeB th { width: 120px; padding: 0 16px; text-align: left; }
.typeB th span.require { display: inline-block; color: #728BCE; vertical-align: middle; margin-left: 2px; }
.typeB .domain-box { display: flex; }
.typeB .th-wid { width: 120px; }

.typeB input[type=text][readonly]{background-color: #fff; border: none; font-weight: 400; letter-spacing: -1px;}
.typeB .reference{margin-left: 4px;}

/* table nodata */
.table-box td.nodata{padding: 0; font-size: 14px; height: 98px; text-align: center; color: rgba(0, 0, 0, 0.58);word-break: keep-all;}



/* 부가설명 */
.reference{display: flex; font-size: 13px; color: rgba(0, 0, 0, 0.58); margin-top: 9px;}
.reference.m0{margin-top: 0px;}
.reference.c7{color: rgba(0, 0, 0, 0.78);}
.reference i.dot{margin: 8px 8px 0 8px;}
.reference span:not(.txt){display: inline-block; flex: none;}

.indent{padding: 14px 16px 15px 16px; border: 1px solid #D8D8D8;}
.indent p {display:flex; font-size: 14px; line-height: 1.8; color: rgba(0, 0, 0, 0.78); font-weight: 400; white-space:pre;}
.indent strong { font-family: Noto Sans kr; font-size: 15px; font-weight: 700; line-height: 1.8; letter-spacing: -0.3px; text-align: left; white-space:pre; }
.indent p.list i.dot{margin: 9px 8px 0 8px;}
.indent p.list i.dot-s{margin: 10px 4px 0 4px;}

.indent + .checkboxA{margin-top: 8px; margin-bottom: 16px;}

.info_text{position: relative; display: inline-block;padding-left: 7px;color: rgba(0, 0, 0, 0.58);font-size: 12px;}
.info_text::before{display: inline-block;content: '';position: absolute;top: 9px;left: 0;width: 3px;height: 3px;background-color: #547BD0;border-radius: 50%;}

.apply { background: linear-gradient(90deg, #55D789 18.74%, #2997DC 81.21%); padding: 24px 0; }
.apply .inner { display: flex; justify-content: space-between; align-items: center; }
.apply .btn-box { display: flex; justify-content: space-between; align-items: center; }
.apply .info_text { font-family: "GmarketSans"; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -1px; text-align: left; color: #fff; padding-left: 0; }
.apply .info_text:before { content: ''; display: none; }
.apply .info_text b { background: #2997DC; padding: 4px 5px 1px 3px; font-weight: 400; }
.apply .btn-box .btn { border: 1px solid #fff; border-radius: 8px; padding: 8px 24px 5px; }
.apply .btn-box .btn span { position: relative; display: flex; justify-content: center; align-items: center; font-family: "GmarketSans"; font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; text-align: left; z-index: 999; }

.apply .btn-box .btn.theme-light { background: transparent; color: #fff; }
.apply .btn-box .btn.theme-light:hover i.down { background: url(/images/job/ico_download_white_active_2x.png) no-repeat center / contain; }

.apply .btn-box .btn { position: relative; background: #fff; color: #419EC8; overflow: hidden; }
.apply .btn-box .btn:hover { box-shadow: 0px 4px 12px 0px #0000001F; }
.apply .btn-box .btn:hover span { position: relative; z-index: 9; background: linear-gradient(to right, #00D2CE 0%, #28E087 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.apply .btn-box .btn:hover:before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }

.apply .btn-box .btn:active { background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); border: 1px solid #fff;	} 
.apply .btn-box .btn:active:before { display: none; }
.apply .btn-box .btn:active span { position: relative; color: #fff; z-index: 999; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }
.apply .btn-box .btn.theme-light:active i.down { background: url(/images/job/ico_download_white_2x.png) no-repeat center / contain !important; } 



/* icon */
i.ico, i { flex:none; display: block; }
.ico.dot { width: 3px; height: 3px; background-color: #728BCE; border-radius: 50%; }
.ico.dot.dot-s{width: 2px; height: 2px;}
.ico.dot.grey { background-color: rgba(0, 0, 0, 0.58); }
.ico.dot.square { width: 4px; height: 4px; background-color: #728BCE; border-radius: 0; }
.ico.modal-close { position: relative; }
.ico.new{}


/* input, select */
input[type=text], select { display: block; width: 120px; }
select { font-size: 13px; text-overflow: ellipsis; height: 32px; padding: 0 30px 0 10px; display: block; background: url(/images/job/ico_select_arrow_2x.png) no-repeat 97% center / 24px 24px; font-weight: 700; color: rgba(0, 0, 0, 0.58); cursor:pointer; border: 1px solid #d8d8d8; border-radius: 4px;}
/* input[type=text]::placeholder{color: rgba(0, 0, 0, 0.58);} */
input[type=checkbox], input[type=radio] { display: none; }
input[type=checkbox] + label, input[type=radio] + label { display: flex; }
input[type=checkbox] + label i, input[type=radio] + label i { width: 20px; height: 20px; margin-right: 6px; position: relative; }
input[type=radio] + label i { background: url(/images/job/ico_radio_2x.png) no-repeat center / 20px 20px; border-radius: 50%; }
input[type=checkbox] + label i { background: url(/images/job/ico_checkbox_2x.png) no-repeat center / 20px 20px; }

/* 활성화 */
input[type=checkbox]:checked + label i, input[type=radio]:checked + label i { background-color: #728BCE; }
input[type=radio]:checked + label i { background-image: none; }
input[type=radio]:checked + label i::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: auto; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; } /* 장식 원 */
input[type=checkbox]:checked + label i { background-image: none; background-color: #728BCE; border-radius: 4px; }
input[type=checkbox]:checked + label i::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: auto; width: 15px; height: 11px; background: url(/images/job/ico_check_active_2x.png) no-repeat center / 15px 11px; } /* check 아이콘 */

/* 비활성화, 읽기전용 */
input[type=radio][readonly] + label i, input[type=radio][disabled] + label i, input[type=text][readonly], input[type=text][disabled]{ background-color: #f7f7f7; }
input[type=checkbox][readonly] + label i, input[type=checkbox][disabled] + label i { background-color: #f7f7f7; }

.insert-box { display: flex; align-items: center; }
.insert-box .deco { margin: 0 10px; font-size: 14px; color: rgba(0, 0, 0, 0.58); font-weight: 700; }
.insert-box .at.deco { font-size: 12px; font-weight: 700; margin-top: -3px; }
.insert-box select.email-domain { width: 136px; margin-left: 4px; font-weight: 700; color: rgba(0, 0, 0, 0.58); }

.radio-box, .check-box { display: flex; flex-wrap: wrap; }
.radio-box input[type=checkbox] + label, .radio-box input[type=radio] + label { margin-right: 8px; margin-bottom: 27px; }
.radio-box input[type=checkbox] + label:last-of-type, .radio-box input[type=radio] + label:last-of-type { margin-right: 0; }

.search-box{display: flex; flex: none;}
.search-box input[type=text]{width: 216px;}
.search-box input[type=text]::placeholder{color: rgba(0, 0, 0, 0.38); font-weight: 400;}
.search-box .btn.search{margin-left: 4px; width: 40px; font-size: 13px; padding-left: 0; padding-right: 0; background-color: #555;}
.left-box{display: flex;}
.left-box *{margin-left: 8px; flex-wrap: wrap; }
.left-box :first-child{margin-left: 0;}


/* button, i */
.contrl-box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.btn{display: flex; justify-content: center; align-items: center; width: fit-content; padding: 6px 16px 8px 16px; border-radius: 4px; font-size: 13px;}
.btn-box .btn{flex: none; margin-left: 8px;}
.btn-box .btn:first-child{margin-left: 0;}
.btn-box{display: flex;}
.btn-box.jcr{justify-content: right;}

.result-btn-box{display: flex; margin-top: 44px; justify-content: center;}
.board-view-wrap + .result-btn-box{margin-top: 16px;}
.result-btn-box .btn{width: 110px; padding: 15px 0 17px 0; text-align: center; border-radius: 8px; font-size: 16px; font-weight: 700; margin-left: 8px;}
.result-btn-box .btn.single{width: 136px;}
.result-btn-box .btn:first-child{margin-left: 0;}

.theme-line { border: 2px solid #5252A9; background-color: #fff; color: #5252A9; font-weight: 700; transition: all 0.3s; }
.theme-line:hover { border: 2px solid #5872BA;  color: #fff; box-shadow: 0px 4px 4px 0px #00000014; }
.theme-line:active { background-color: #5872BA; }
.theme-light{background-color: #728BCE; color: #fff; font-weight: 500; transition: all 0.3s;}
.theme-light:hover{background-color: #5872BA;}
.theme-dark{background-color: #40454E; color: #fff; font-weight: 500; transition: all 0.3s;}
.theme-dark:hover{background-color: #000000;}
.grey{background-color: #555; color: #fff; transition: all 0.3s;}
.grey:hover{background-color: #3a3a3a;}
.btn.line{border: 1px solid #222; color: rgba(0, 0, 0, 0.78); letter-spacing: -1px; font-weight: 700; padding: 0; height: 32px; line-height: 32px; margin-left: 4px; width: 102px;}
.btn.line[disabled]{border-color: #eee; color: rgba(0, 0, 0, 0.3); background-color: #f5f5f5;}
.dark-line{border: 2px solid #222; color: rgba(0, 0, 0, 0.78);transition: all 0.3s;}
.btn.dark-line:hover{background-color: #f7f7f7;}
.btn.apply-cancle{width: 167px; }

i, i.ico{flex: none; background-repeat: no-repeat; background-position: center;}
i.down{background-image: url(/images/job/ico_download_white_2x.png); background-size: 12px; width: 12px; height: 12px; margin-left: 8px; margin-top: -5px; }


/* line */
hr.line{height: 2px; background-color: #000;}
hr.line-light{height: 1px; background-color: #d8d8d8;}



/* component */
/* 페이징 스타일 */
.pagination-wrap{font-family: 'Noto Sans KR';font-weight: normal;text-align: center; background-color: #f9f9f9; border-bottom: 1px solid #eee;}
.paging button.first-btn{width: 30px;height: 46px;background: url("/images/job/ico_page2_arrow_prev_2x.png") no-repeat center;background-size: 15px 14px; opacity: 0.3;}
.paging button.prev-btn{width: 30px;height: 46px;background: url("/images/job/ico_page2_arrow_left_2x.png") no-repeat center;background-size: 9px 14px;}
.paging button.next-btn{width: 30px;height: 46px;background: url("/images/job/ico_page2_arrow_right_2x.png") no-repeat center;background-size: 9px 14px;}
.paging button.last-btn{width: 30px;height: 46px;background: url("/images/job/ico_page2_arrow_next_2x.png") no-repeat center;background-size: 15px 14px; opacity: 0.3;}
.paging button span{display: inline-block;font-size: 0;text-indent: -999px;}
.paging .paging-num{display: inline-block;margin: 0 12px;vertical-align: middle;}
.paging .paging-num .page{display: inline-block;width: 30px;height: 46px;line-height: 46px;font-size: 14px;color: rgba(0, 0, 0, 0.58);cursor: pointer;}
.paging .paging-num .page.active, .paging .paging-num .page:hover{font-weight: 700;color: #383838;color: #5252A9;}
.paging .paging-num .page.active{position: relative;}
.paging .paging-num .page.active::after{content: ""; position: absolute; bottom: 12px; width: 9px; height: 1px; background-color: #5252A9; display: block; left: 50%; transform: translateX(-50%);}/* 언더라인 */
.paging .paging-num .now-num, .paging .paging-num .last-num{display: none;}



/* 입사지원서 업로드 */
/* .file-box .title { font-size: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.78); display: flex; align-items: center; }
.file-box .title .deco-check { width: 14px; height: 12px; background: url(/images/job/ico_deco_check_2x.png) no-repeat center / 14px 12px; margin-left: 12px; } */

.file-box{padding-bottom: 10px;}
.file-box .cont-box {display: flex; margin-top: 10px; max-width: 700px;}
.file-box .cont-box input { display: none; }
.file-box .cont-box input + label.file { width: 120px; height: 120px; border-radius: 8px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.31), 0px 8px 8px 0px rgba(68, 68, 68, 0.12); display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; transition: all 0.3s; }
.file-box .cont-box input + label.file i { width: 24px; height: 22px; background: url(/images/job/ico_file_search_2x.png) no-repeat center / 24px 22px; }
.file-box .cont-box input + label.file span { margin-top: 8px; font-weight: 700; color: rgba(0, 0, 0, 0.58); }
.file-box .cont-box input + label.file:hover { background-color: #f7f7f7; }

.file-box .cont-box .right { padding-left: 24px; width: calc(100% - 120px); }
.file-box .cont-box .file-list { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
.file-box .cont-box .file-list .list { display: flex; margin-top: 10px; }
.file-box .cont-box .file-list .list:first-child { margin-top: 0; }
.file-box .cont-box .file-list .list *:not(.txt-none) { border: 1px solid #d8d8d8; border-radius: 8px; font-weight: 700; color: rgba(0, 0, 0, 0.58); font-size: 13px; }
.file-box .cont-box .file-list .list .file-name { padding: 4px 12px; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 33px); overflow: hidden; transition: all 0.3s; }
.file-box .cont-box .file-list .list .file-name:hover { text-decoration: underline; background-color: #F7F7F7; }
.file-box .cont-box .file-list .list .btn.delete { width: 30px; height: 30px; margin-left: 4px; background: url(/images/job/ico_file_delete_2x.png) no-repeat center / 9px 10px; transition: all 0.3s; padding: 0; flex: none;}
.file-box .cont-box .file-list .list .btn.delete:hover { background-color: #F7F7F7;}

.file-box .cont-box .info-list { padding: 10px 0 20px 0; }
.file-box .cont-box .info-list p { display: flex; align-items: flex-start; margin-top: 10px; }
.file-box .cont-box .info-list p:first-child { margin-top: 0; }
.file-box .cont-box .info-list p i { width: 18px; height: 19px; background: url(/images/job/ico_info_2x.png) no-repeat center / 18px 19px; flex: none; }
.file-box .cont-box .info-list p span { font-size: 13px; color: rgba(0, 0, 0, 0.58); margin-left: 10px; line-height: 1.5; }
/* .file-box .cont-box .info-list p span.spacing-wide{letter-spacing: -0.5px;} */


/* 대표 브랜드 */
.logo-item{background-repeat: no-repeat; background-position: center; width: 189px; }

.brand-wrap .logo-item a { background-color: #fff !important; border-radius: 8px; z-index : 9; }
.brand-wrap .mirea.logo-item a { background : url(/images/job/logo_merae.png) no-repeat center / contain; /* background-size: 98px 56px; */ height: 98%; width: 100%; }
.brand-wrap .hist.logo-item a { background : url(/images/job/logo_hist.png) no-repeat center / contain; /* background-size: 18px 46px; */ height: 100%; width: 100%; }
.brand-wrap .soma.logo-item a { background : url(/images/job/logo_soma.png) no-repeat center / contain; background-size: 132px 31px; height: 100%; width: 100%; }
.brand-wrap .hakrim.logo-item a { background : url(/images/job/logo_hakrim.png) no-repeat center; /* background-size: 104px 38px; */ height: 100%; width: 100%; }

.brand-list li { width: 180px; height: 80px; display: flex; justify-content: center; align-items: center; }

.main-brand-list { box-shadow: 0px 4px 12px 0px #0000001F; z-index: 99; position: relative; display: flex; align-items: center; backdrop-filter: blur(10px); }
.main-brand-list::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background: #fff; opacity: 0.7; }
.main-brand-list .inner { width: 100%; }
.main-brand-list .title-box strong { display: flex; justify-content: center; align-items: center; font-family: "GmarketSans"; font-size: 24px; font-weight: 400; line-height: 1.4; letter-spacing: -1px; text-align: center; white-space: nowrap; }
.main-brand-list .title-box strong i.re_brand { position: relative; display: block; width: 24px; height: 24px; background: url('/images/job/ic_rebrand_2x.png') no-repeat center / contain; margin-right: 8px; margin-top: -6px; }
.main-brand-list .brand-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 16px 0; }
.main-brand-list .brand-list { display: flex; align-items: center; justify-content: right; }
.main-brand-list .brand-list .logo-item { position: relative; margin: 0 8px; box-sizing: content-box; max-width: 180px; background: #fff; border: 1px solid #fff; border-radius: 8px; }
.main-brand-list .brand-list .logo-item:hover {box-shadow: 0px 4px 12px 0px #0000001F;}
.main-brand-list .brand-list .logo-item:hover:before { content: ""; background: linear-gradient(130deg, #00D2CE, #28E087); position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 12px; }
.main-brand-list .brand-list .logo-item:first-child { margin-left: 0; }
.main-brand-list .brand-list .logo-item:last-child { padding-right: 0; }
.main-brand-list .brand-list .logo-item::after { content: ""; position: absolute; display: block; top: 0; right: -8px; bottom: 0; margin: auto 0; width: 1px; height: 12px; background-color: #ddd; } * 구분선 */
.main-brand-list .brand-list li:last-child::after { display: none; }

.side { position: fixed; top: 50%; transform: translateY(-50%); margin-right: -756px; z-index: 9999; right: 50%; } 
.side_list { display: flex; flex-direction: column; align-items: center; } 
.side_list>li { background-color: #ddd; border-radius: 130px; padding: 1px; overflow: hidden; margin-bottom: 16px; box-shadow: 0px 4px 10px 4px rgba(166, 166, 166, 0.12); } 
.side_list>li.bar { width: 16px; height: 1px; box-shadow: none; } 
.side_list>li:not(.bar):hover { background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 0px, transparent 29px) 0% 0% / 30px 30px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 0px, transparent 29px) 100% 0% / 30px 30px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 0px, transparent 29px) 0% 100% / 30px 30px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 0px, transparent 0px) 100% 100% / 30px 30px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px) calc(100% - 16px) no-repeat, linear-gradient(0deg, #9da1f9 0%, #40e38f 100%); border-radius: 130px; box-sizing: border-box; } 
.side_list>li:last-child a { padding: 16px 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.side_list>li:last-child a i { margin-bottom: 6px; } 
.side_list>li>a { position: relative; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 130px; padding: 40px 20px; } 
.side_list>li>a img { position: relative; display: block; margin: 0 auto; width: 28px; height: 28px; object-fit: contain; margin-bottom: 10px; } 
.side_list>li>a span { font-family: '"GmarketSans"'; position: relative; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; color: #000000C7;} 
.side_list>li>a div.anima_circle { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); width: 48px; height: 48px; border-radius: 50%; transition: all 0.2s ease-in-out; } 
.side_list>li:hover div.anima_circle { top: 37%; transition: all 500ms cubic-bezier(0.260, 1.645, 0.490, 0.800); transition-timing-function: cubic-bezier(0.260, 1.645, 0.490, 0.800); } 
.ico.arrow_top { background: url(/images/job/side_top_2x.png) no-repeat center / contain; width: 13px; height: 6.5px; }

/* 개인정보 약관 */
.terms-box .title { font-size: 16px; }
.terms-box .cont-box { margin-top: 8px; }
.terms-box .term-list { margin-top: 16px; overflow-x:hidden; overflow-y: auto; max-height: 200px; }


/* 에러 페이지 */
#error{background-color:#fff; height: 100vh;}
.page-error{position: absolute;top: 50%;left: 50%;width: 100%;margin: 0 auto;transform: translate(-50%, -50%);text-align: center;}
.page-error .title{margin: 14px 0;word-break: keep-all;font-weight: bold;font-size: 20px;color: #000;}
.page-error .text{margin-bottom: 14px;font-size: 13px;color: rgba(0, 0, 0, 0.58);word-break: keep-all;}
.page-error .errorText{margin-bottom: 14px;font-size: 13px;}
.page-error .errorText .code{margin-right: 4px;}
.page-error .btn{width: 152px;height: 42px;background-color: #fff;border-radius: 19px;border-width: 2px;font-weight: bold;color: #000;border: 1px solid #000;transition: inherit;cursor: pointer; margin: 0 auto;}
.page-error .btn.btn-theme:hover{background-color: #000;color:#fff;}
.page-error svg circle {stroke: #000;}
.page-error svg path {fill: #000;}



/* 게시글 상세 */
.board-view-wrap i.new{width: 16px;height: 16px;margin-left: 4px;background: url("/images/ico_n_board_new_2x.png") no-repeat center;background-size: 6px 8px;background-color: #383838;background-color: var(--theme-color);border-radius: 4px; vertical-align: middle;}
.board-detail { padding-top: 48px; }
.board-view-wrap { border-top: 2px solid #444;}
.board-view-wrap .board-header{display: flex;align-items: center;justify-content: space-between;padding: 24px 0;border-bottom: 1px solid #eee;}
.board-view-wrap .board-title .notice{margin-right: 6px;color: #383838;color: var(--theme-color);font-weight: bold;}
.board-view-wrap .board-title .classify{margin-right: 6px;font-weight: bold;color: #728BCE;}
.board-view-wrap .board-title .date{font-weight: normal;font-size: 13px;color: rgba(0, 0, 0, 0.38);}
.board-view-wrap .board-title .subject{margin: 4px 0;}
.board-view-wrap .board-title .subject strong{display: inline;margin-right: 4px;font-size: 16px;}
.board-view-wrap .board-title .subject .cnt{font-size: 13px; font-weight: 700; color: var(--theme-color);}
.board-view-wrap .board-title .subject .new{width: 16px; height: 16px; border-radius: 4px; background: #728BCE url(/images/job/ico_new_2x.png) no-repeat center / 8px 8px; display: inline-block; vertical-align: middle; margin-top: -3px;}
.board-view-wrap .board-title .write-info .name{display: inline-block;}
.board-view-wrap .board-title .write-info .center, .board-title .write-info .grade{color: rgba(0, 0, 0, 0.38);}
.board-header .board-metoo{flex-shrink: 0;padding-left: 16px;}
.board-view-wrap .board-cont{padding-top: 12px;}
.board-view-wrap .board-cont .view-cont{padding: 16px 0;font-size: 14px;line-height: 180%;color: rgba(0, 0, 0, 0.78);font-weight: normal;}
.board-view-wrap .board-cont .view-cont a{color: #0782C1;text-decoration: underline;}
.board-view-wrap .board-cont .view-cont img{display: inline-block;height: auto !important;margin-top: 10px;}
.board-view-wrap .board-cont .view-cont ol{display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.board-view-wrap .board-cont .view-cont ul{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.board-view-wrap .board-cont .view-cont blockquote{margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 40px;margin-inline-end: 40px;font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
.board-view-wrap .board-cont .view-cont a, .board-cont .view-cont em, .board-cont .view-cont strong, .board-cont .view-cont i{display: inline-block;}
.board-view-wrap .board-info{display: flex;justify-content: space-between;align-items: center;padding: 12px 0 14px;border-bottom: 1px solid #dbdbdb;}
.board-view-wrap .board-info .write-info .center{font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.board-view-wrap .board-info .write-info .grade{font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.board-view-wrap .board-info .write-info .date{display: block;margin-top: 4px;font-size: 13px;color: rgba(0, 0, 0, 0.38);}
.board-view-wrap .board-info .board-metoo{flex-shrink: 0;}
.board-view-wrap .board-cont .view-file{padding-bottom: 16px; border-bottom: 1px solid #eee;}
.container.n_board .board-cont .view-file{padding-top: 0; border: none;}
.sub-cont .view-file{margin-top: 16px;}
.commentWriter{position: relative;margin-top: 24px;padding: 16px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 8px;}
.commentWriter .writer-info{margin-bottom: 8px;line-height: 27px;}
.commentWriter .closeBtn-xs{position: absolute;top: 16px;right: 16px;z-index: 1;}
.writer-info {position: relative;margin-bottom: 12px;line-height: 30px;}
.writer-info .name{display: inline-block;margin-right: 2px;font-size: 16px;}
.writer-info .center{margin-right: 2px;font-size: 13px;color: rgba(0, 0, 0, 0.58);}
.writer-info .grade{margin-right: 8px;font-size: 13px;color: rgba(0, 0, 0, 0.58);}
.writer-info .date{font-size: 12px;color: rgba(0, 0, 0, 0.38);font-weight: normal;}
.writer-info .cmt-tool{position: absolute;top: 0;right: 0;z-index: 1;}
.writer-box{display: flex;}
.writer-box textarea{height: 100px;font-size: 14px;caret-color: #383838;caret-color: var(--theme-color);}
.writer-box button{width: 100px;height: 100px;margin-left: 10px;background: #FFF;border: 1px solid #999CA2;border-radius: 8px;color: #000;}
.writer-attach{display: flex;justify-content: space-between;align-items: flex-end;}
.writer-attach .cmt-secret{flex-shrink: 0;flex-basis: 80px;margin-top: 6px;text-align: right;}
.file-input-wrap .inputBtn{flex-shrink: 0;width: 74px;margin: 6px 8px 0 0;}


/* file */
.fileList li{position: relative;display: inline-block;margin: 4px 6px 4px 0;padding: 8px 16px 8px 20px;background: #FFF;border: 1px solid #dbdbdb;border-radius: 20px;}
.fileList li:last-child{margin-right: 0;margin-bottom: 0px;}
.fileList li a{display: inline-block;vertical-align: middle;font-weight: bold;font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.fileList li span{display: block;max-width: 220px;padding-left: 26px;padding-right: 2px;white-space: normal;line-height: 22px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.fileList .fileDownload{width: 16px;height: 16px;background: url("/images/job/ico_download_xs_2x.png") no-repeat center;background-size: 9px 9px;}
.fileList .fileDelete{display: inline-block;width: 16px;height: 16px;margin-left: 4px;background: url("/images/job/ico_close_xs_2x.png") no-repeat center;background-size: 8px 8px;vertical-align: middle;}
.file-img{background: url("/images/job/ico_file_img_lg_2x.png") no-repeat left center;background-size:20px 15px;}
.file-pdf{background: url("/images/job/ico_file_pdf_lg_2x.png") no-repeat left center;background-size:18px 21px;}
.file-zip{background: url("/images/job/ico_file_zip_lg_2x.png") no-repeat left center;background-size:20px 19px;}
.file-etc{background: url("/images/job/ico_file_etc_lg_2x.png") no-repeat left center;background-size:17px 20px;}
.fileList-xs li{position: relative;display: inline-block;margin-right: 12px;margin-top: 4px;padding: 1px 12px;background: #f9f9f9;border: 1px solid #eee;border-radius: 20px;}
.fileList-xs li:last-child{margin-right: 0;margin-bottom: 0px;}
.fileList-xs li a{display: inline-block;vertical-align: middle;font-size: 13px;color: rgba(0, 0, 0, 0.58);}
.fileList-xs li span{display: block;max-width: 180px;padding-left: 20px;padding-right: 2px;white-space: normal;line-height: 22px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.fileList-xs .file-img{background: url("/images/ico_file_img_xs_2x.png") no-repeat left center;background-size:16px 12px;}
.fileList-xs .file-pdf{background: url("/images/ico_file_pdf_xs_2x.png") no-repeat left center;background-size:14px 13px;}
.fileList-xs .file-zip{background: url("/images/ico_file_zip_xs_2x.png") no-repeat left center;background-size:15px 14px;}
.fileList-xs .file-etc{background: url("/images/ico_file_etc_xs_2x.png") no-repeat left center;background-size:11px 13px;}
.fileList-xs .fileDelete{display: inline-block;width: 16px;height: 16px;margin-left: 4px;background: url("/images/ico_close_xs_2x.png") no-repeat center;background-size: 8px 8px;}
.file-del{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);display: inline-block;width: 17px;height: 17px; background: url("/images/icon_close_round.png") no-repeat 0 0;vertical-align: middle;}


.board-user-btn{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 24px;border-top:1px solid #dbdbdb;}
.board-user-btn > .btn-box{margin-top: 16px; display: flex;}
.board-user-btn .btn-box button{width:92px;height: 45px;margin-left: 17px;font-weight: 700;font-size: 13px; border-radius: 4px; display: flex; border: 1px solid #d8d8d8; border-radius: 8px; letter-spacing: -1px; transition: 0.3s all; align-items: center; justify-content: center; margin-left: 17px; position: relative;}
.board-user-btn .btn-box button:hover{background-color: #F5F5F5;}
.board-user-btn .btn-box button:first-child{margin-left: 0;}
.board-user-btn button i.prev{width: 4px; height: 8px; background: url(/images/job/ico_arrow_prev_bv_2x.png) no-repeat center / 4px 8px; margin-right: 5px;}
.board-user-btn button i.next{width: 4px; height: 8px; background: url(/images/job/ico_arrow_next_bv_2x.png) no-repeat center / 4px 8px; margin-left: 5px;}
.board-user-btn .btn-box button::after{content: ""; position: absolute; display: block; margin: auto 0; width: 1px; height: 8px; background-color: #c4c4c4; top: 0; bottom: 0; left: -10px;}/* 구분선 */
.board-user-btn .btn-box button:first-child:after{display: none;}




/* ------------------------------------------ */

/* 모집공고 리스트 메인 */
.main .contrl-box{margin-top: 55px;}
.main .contrl-box select{width: 136px;}
.main .contrl-box .btn-box .info_text{margin-top: 7px;}



/* 입사지원 리스트 */
.apply-list .typeA td{padding-top: 16px; padding-bottom: 16px;}
.apply-list .table-box{margin-top: 50px;}
.apply-list .table-box td{font-size: 14px;}



/* header */
.header { position: absolute; top: 0; left: 0; width: 100%; height: 81px; border-bottom: 1px solid rgba(246, 246, 246, 0.5); display: flex; align-items: center; z-index: 99999; backdrop-filter: blur(10px); }
.header::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.7;}
.header .inner { width: 100%; padding: 12px 16px;  }
.header h1{text-align: left; }
.header h1 a{ position: relative; display: inline-block; width: 192px; max-height: 72px;}
.header h1 a img { height: 100%; max-height: 56px; margin-right: auto; object-fit: contain; }

.page-subject { position: relative; min-height: 712px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; padding-top: 80px; overflow: hidden; }
.page-subject::before { content: ''; position: absolute; top: 80px; left: 0; width: 100%; height: 520px; background: url('/images/job/bg_diagonal.png') repeat center; }
.page-subject.bg1 { background-image: url(/images/job/img_header_bg_2x.png); }
.page-subject.bg2 { background-image: url(/images/job/img_header_bg2_2x.png); }
.page-subject.bg3 { background-image: url(/images/job/img_header_bg3.png); }

.page-subject .inner { height: 100%; }

.page-subject h2{ position: relative; display: block; background: url('/images/job/recruit_title.png') no-repeat center / contain;
padding-top: 128px; padding-bottom: 32px; width: 546px; margin: 0 auto; margin-top: 108px; }
.page-subject h2 + p{ font-family: "GmarketSans"; font-size: 48px; font-weight: 300; line-height: 1.2; letter-spacing: -1px; text-align: left; letter-spacing: 28px; }

.page-subject .typing_box {position: relative; display: block; text-align: center; }
.page-subject .typing_box p { position: relative; display: none; font-family: "GmarketSans"; font-size: 40px; font-weight: 300; line-height: 1.2; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.3); }
.page-subject .typing_box .typing-txt { font-family: "GmarketSans"; font-size: 39px; font-weight: 300; line-height: 1.2; letter-spacing: -1px; color: #000000C7; text-align: center;  display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }
.page-subject .typing_box .typing-txt::after { content: ""; display: inline-block; width: 4px; height: 44px; background-color: var(--theme-color); position: relative; top: 9px; animation-name: cursor; animation-duration: 0.5s; animation-iteration-count: infinite; left: 5px; margin-top: -11px; animation-fill-mode: both; background: #00D2CF; } 

 @keyframes cursor {
    to {
        opacity: 0;
      }
 }
 

.page-subject .typing_box>* { position: absolute; top: 0; display: block; }

.circle_deco { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.circle_deco div { border-radius: 50%; }
.circle_deco .circle_01 { position: absolute; width: 100%; height: 100%; animation: circle_rotate 300s infinite linear; }
.circle_deco .circle_02 { position: absolute; width: 100%; height: 100%; animation: circle_rotate 150s infinite linear; }
.circle_deco .circle_03 { position: absolute; width: 100%; height: 100%; animation: circle_rotate 50s infinite linear; }
.circle_deco .circle_01 span { position: absolute; top: -88%; right: -25%; background: linear-gradient(180deg, #40E38D 0%, #4CCFF9 100%); width: 800px; height: 800px; border-radius: 50%; }
.circle_deco .circle_02 span { position: absolute; top: 47%; left: 10%; background: #00D2CF; width: 156px; height: 156px; border-radius: 50%; }
.circle_deco .circle_03 span { position: absolute; top: -93%; left: 64%; background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); width: 83px; height: 83px; border-radius: 50%; }

@keyFrames circle_rotate { 
 from { rotate: 0deg; } 
 to { rotate: 360deg; } 
 }

/* footer */
.footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; word-break: keep-all; letter-spacing: -1px; border-top: 10px solid #F5F5F5;}
.footer::after{content: ""; position: absolute; display: block; top: -10px; left: 0; height: 1px; width: 100%; background-color: #D8D8D8;}
.footer-wrap { padding: 28px 0 36px; }
.footer-inner { position: relative; max-width: 1232px; margin: 0 auto; padding: 0 16px; }
/* .ft-menu { display: flex; margin-bottom: 20px; flex-wrap: wrap; }
.ft-menu-list { display: flex; align-items: center; }
.ft-menu-list li { margin-right: 16px; }
.ft-menu-list li a { color: #fff; font-weight: 400; }
.ft-menu-list li a.privacy { opacity: 0.5; }
.ft-menu .aca-search { position: relative; margin-left: 18px; padding: 0 16px; border: 1px solid #D8D8D8; border-radius: 4px; font-weight: bold; color: #fff; width: 83px; text-align: center; }
.ft-menu .aca-search::after { display: inline-block; content: ''; position: absolute; left: -18px; top: 50%; margin-top: -6px; width: 2px; height: 12px; background: #D8D8D8; }
.ft-sns { position: absolute; top: 0; right: 16px; }
.ft-sns::before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 36px; background: #D8D8D8; }
.ft-sns::after { display: block; content: ''; clear: both; }
.ft-sns li { float: left; font-size: 14px; }
.ft-sns li:last-child { margin-right: 0; }
.ft-sns li.text { margin: 0 32px 0 16px; font-size: 16px; }
.ft-sns li.link { margin-right: 6px; }
.ft-sns li.link:last-child { margin-right: 0; } */
.footer .admin-link{font-size: 14px; font-weight: 700; text-decoration: underline; margin-bottom: 18px;}
.ft-addres-copy h2 { margin-bottom: 10px; font-size: 18px;}
.ft-addres-copy .address { margin-bottom: 10px; color: rgba(0, 0, 0, 0.58);}
.ft-addres-copy .copy { font-weight: normal; font-size: 12px; color: rgba(0, 0, 0, 0.3); }
.address li { display: flex; margin-bottom: 6px;padding-left: 19px; font-weight: normal; color: rgba(0, 0, 0, 0.58); flex-wrap: wrap;}
.address li:last-child{margin-bottom:0;}
.address li.addr { background: url("/images/job/ico_location_grey_2x.png") no-repeat left top 3px; background-size:11px 16px; }
.address li.tell { background: url("/images/job/ico_call_grey_2x.png") no-repeat left top 3px; background-size:11px 16px; }
.address li.business { background: url("/images/job/ico_info_grey_2x.png") no-repeat left top 4px; background-size:10px 16px; }
.address li span { position: relative; margin-right: 8px; }
.address li span::after { display: inline-block; content: ''; width: 2px; height: 12px; margin-left: 10px; background-color: #dbdbdb; vertical-align: middle; }
.address li span:last-child::after { display: none; }



/* form */
.frm-nm{margin-bottom: 3px;font-weight: bold;font-size: 12px;color: rgba(0, 0, 0, 0.58);}
.frm-input, input.frm-input{width: 100%;height: 40px;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);}
.frm-input.underLine{border: none;border-radius: 0;}

.checkboxA{position: relative;display: inline-block;}
.checkboxA input{display:none;}
.checkboxA input + label::before{content:'';position: absolute;left: 0;top: 0;display: inline-block;width: 20px;height: 21px;margin-right: 2px;cursor: pointer;border-radius: 4px; background-image: url('/images/job/ico_checkbox_default_2x.png');background-size: 20px 20px;background-repeat: no-repeat;background-position: 0 0;}
.checkboxA input:checked + label::before{background-image: url('/images/job/ico_check_2x.png');background-size:12.5px 10px;background-color: #383838;background-color: #728BCE;background-position: 4px 6px;}
.checkboxA input[disabled] + label::before{background-color: #F5F5F5;}
.checkboxA label{position: relative;display: block;height: 20px;line-height: 20px;cursor: pointer;}
.checkboxA label span{margin-left: 28px;color: rgba(0, 0, 0, 0.78);}

.job_apply_input { margin-bottom: 6px; gap: 6px; line-height: 32px; }
.job_apply_input label i { border: 1px solid #ddd; }
.job_apply_input label { align-items: center; }
.job_apply_input label span { min-width: 92px; }
.job_apply_input input[type="text"] { width: 180px !important; }
.job_apply_input label, .job_apply_input input[type="radio"] { cursor: pointer; }


/* 로그인 */
.login-wrapper {text-align: center;}
.memeber-login{margin: 49px auto 0;padding: 28px 33px;}
.memeber-login h1{padding-bottom: 12px;font-weight: bold;font-size: 24px;text-align: center;border-bottom: 1px solid #000;}
.login-form{padding-top: 20px;text-align: left;}
.login-form .input-form{padding-bottom: 32px;}
.input-wrap .input-form:last-child{padding-bottom: 0;}
.login-option{margin: 20px 0 17px;}
.login-form .loginBtn, .login-form .joinBtn{height: 51px;font-size: 16px;}
.login-menu{margin: 28px 0 24px;padding-bottom: 26px;text-align: center;border-bottom: 1px solid #ddd;}
.login-menu li{position: relative;display: inline-block;margin: 0 16px;}
.login-menu li::after{position: absolute;right: -16px;top: 7px;display: inline-block;content: '';width: 1px;height: 8px;background: #C4C4C4;}
.login-menu li:last-child:after{display: none;}
.login-menu li a{font-weight: bold;color: rgba(0, 0, 0, 0.58);}
.memeber-login .submit{background-color: #728BCE; width: 100%; padding: 16px 0; border-radius: 8px; color: #fff; font-weight: 700; font-size: 16px;}
.memeber-login .desc{font-size: 14px; text-align: center; color: rgba(0, 0, 0, 0.58); margin-top: 24px;}