@charset "utf-8";

/************************************************************************************************************
   Setting
************************************************************************************************************/
* {margin:0; padding:0; font-family:NotoSans, Arial; line-height:1.4em; color:#000; font-size:12px; box-sizing:border-box;}

html,body {
/*SR번호	2023040103 background-color: #fff; 제거*/
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
}
ul,ol {list-style:none;}
img,button,fieldset {border:0 none;}
button {cursor:pointer; background:none;}
button * {position:relative;}
button::-moz-focus-inner {padding:0; border:0;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
em,address {font-style:normal;}
a,u {text-decoration:none;}
textarea {resize:none;}
fieldset,legend {border:0;}
legend {height:0; visibility:hidden;}
input::-ms-clear {display:none;}
input,textarea {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
select {
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input {font-family: Arial;}

/******* common *********/
.width90 {width:90%;}
.fix_width90 {width:90px !important;}
.fix_width120 {width:120px !important;}
.fix_width140 {width:140px !important;}

.mgl0 {margin-left:0;}
.txt_wh {color:#fff;}
.txt_tit {margin:5px 0; font-size:25px; font-weight: bold;}
.txt-inputtxt {position: absolute; top: 33px; right: 36px;  font-size: 11px;}

.align-mcenter {margin:0 auto;}
.txt_size13 {font-size:13px;}
.txt_size16 {font-size:16px; color:#666;}


.bg-work {background:#30317f !important;}
.bd-work {border-color:#30317f !important;}
.txt-work {color:#30317f !important;}

.job-main .type-blue {background:#008c7e !important;}
.job-main .type-gray {background:#747474 !important;}
.job-main .type-orange {background:#f3961d !important;}

.btn-basic {padding:5px 10px; background-color:#008c7e; color:#fff;}
.table_typeC .btn-basic {height:40px; margin:3px;}

.align-center {text-align:center !important;}

.wrap-userimg .file .file_name {display:block; padding:0;}
.wrap-userimg .file ol {padding-left:0;}

.file.type-pd0  {float:left;}
.file.type-pd0 ,
.file.type-pd0 .fileBoxWrap {padding:0 !important;}

.table_scroll {overflow-x:auto;}

.txt-dot {position:relative; padding-left:26px;}
.txt-dot::after {position:absolute; top:14px; left:11px; width:4px; height:4px; background-color:#30317f; border-radius:50%; content:'';}

.txt-break {word-break:break-all;}

p.txt-jobDots {position:relative; display:inline-block; font-weight:500;}
p.txt-jobDots::after {position:absolute; top:0; right:-14px; color:coral; font-size:16px;; content:'*';}

/******* table *********/

.txt-job-new {color:#fff; background:#312973;  text-align:center; border-radius:14px; font-size:14px; margin-left:3px; padding:0px 7px 2px 7px;}

.table_typeD .ell { width: 100%; height: 40px; line-height: 20px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; } 
.table_typeD .ell.center {display: block; padding:0 5px ; box-sizing:border-box;  height:auto; text-align:center; white-space: nowrap;}
.table_typeD td {position:relative; padding:15px 10px;}

table.type-mb select {min-width:120px;}
table.type-mb .type-left {text-align:left;}
table.type-mb select,
table.type-mb input {margin:3px 0;}
table .type-cursor {cursor: pointer;}
table.type-mb select, table.type-mb input {width:100%;}
table.type-mb select.type-w90, table.type-mb input.type-w90 {width:90%;}

#popup .table_typeD,
#popup .table_typeC,
#popup .table_typeC th {text-align:center;}
#popup .wide,
.ly-allpop > div.wide .box-popcon {max-width:960px;}

/******* etc *********/

#popup h1 {width: 100%; text-align: center; font-size: 30px; padding: 30px 0 0 0;}

.group_step.line1_4p li{width: calc(24.5% - 40px);}
.group_step.line1_4p div{height: 115px;}

.gen_txt{position: relative; border: 1px solid #ececec; background: #f9f9f9 url(../../images/gen/my_conbg.png) no-repeat right 20px center; padding: 30px 200px 30px 20px; margin-bottom: 35px;}
.gen_txt p{line-height: 1.6em;}
.gen_txt b{font-weight: 500;}
.gen_txt strong{display:inline; color: #008c7e; font-weight: 500;}
.group_step em:after {display:none;}
.group_step em {padding-left:0; word-break:keep-all; color:#fff; padding:5px 0;}
.job-main .group_step span {min-height:240px; color:#ccc; font-weight:bold;}

.step_list>li{float: left; width:47%; margin-right: 5%; position: relative;}
.step_list>li:after{content: ""; display: block; width: 18px; height: 28px; background: url(../../images/gen/group_arr.png) no-repeat; position: absolute; top: 50%; margin-top: -14px; right: -35px;}
.step_list>li:last-child{margin-right: 0;}
.step_list>li:last-child:after{display: none;}
.step_list div{margin-bottom: 10px;}
.step_list div:last-child{margin-bottom: 0;}
.st_box3{height: 164px; padding: 20px 15px; background: #f6f6f6;}
.st_box3 .bullet_dot li{margin-bottom: 5px; color: #666;}
.st_box3 .bullet_dot li:last-child{margin-bottom: 0;}
.st_box3 .bullet_dot span{display: block; font-weight: 500;}
.tab_contents.active {display:block;}
.group_step em:after {background: #ff8a00 !important;}

.form_typeA.type-block02 > ul > li {width:50%; height:auto;}
.form_typeA.type-block02 li div {padding:0 0 0 100px; height: auto;}
.form_typeA.type-block02 .search_d {padding:5px 0;}
.form_typeA.type-block02 .search_d textarea {width:100%;}

.wrap-filterBox {width:1000px; margin:0 auto 30px auto;}
.wrap-filterBox::after {display:block; content:''; clear:both;}
.wrap-filterBox h4 {float:left; line-height:30px;}

.wrap-paging {text-align:center;}
.wrap-check-tab {position:relative;}
.box-check-tab {text-align:center;}
.box-check-tab label,
.box-check-tab input {position:absolute; bottom:0; display:inline-block; width:26px; height:26px; line-height:24px; text-align:center; border-radius:50%; color:#999; font-size:15px; border:1px solid #999; cursor:pointer;}
.box-check-tab label.tab01,
.box-check-tab input#tab-01,
.box-check-tab input#tab-04 {margin: 20px 0 0 -40px;}
.box-check-tab label.tab02,
.box-check-tab input#tab-02,
.box-check-tab input#tab-05 {margin: 20px 0 0 0;}
.box-check-tab label.tab03,
.box-check-tab input#tab-03,
.box-check-tab input#tab-06 {margin: 20px 0 0 40px;}
.box-check-tab label:hover {background-color:#30317f; color:#fff;}
.box-check-tab input[type="radio"] {opacity:0;}
.box-check-tab input[type="radio"]:checked + label {background-color:#30317f; color:#fff; border-color:#30317f;}

.box-check-tab input[type="radio"]:checked + label + div {display:block;}
.box-check-tab input[type="radio"] + label + div {display:none; padding-bottom:30px;}

/******* input *********/
.form_typeA > ul > li.type-100 {width:100%;}
.form_typeA li .type-div2 { padding: 0 0 0 120px; line-height: 0; font-size: 0; height: 40px; } 
.form_typeA.type-div2 > li { width: 50%; } 
.form_typeA li div {position:relative;}

.type-100.div2 .inner {float:left; width:295px;}
span.txt-time {position:relative; top:22px; float:left; font-size:12px;  color:#ff8a00;}
.type-100.div2 .inner.type-right {padding:0; width:200px; margin: 0 0 0 20px;}
.type-100.div2 .txt-mid {float:left; margin:0 10px; line-height:40px;} 
.job_input_time {width:100%; border:1px solid #ececec; font-size:16px; height:40px; border-radius:0; background-color:#fff;}

/******* All Popup *********/

.ly-allpop > div {position:absolute !important; width:100% !important; top:0; left:0; right:0; bottom:0; max-height: -webkit-fill-available;}
.ly-allpop > div .box-popcon {max-width:700px; padding:20px; box-sizing:border-box; overflow-y:auto;}

.box-images {position:relative; width:120px; height:140px; margin:10px auto; border:1px solid #ccc !important;}
.wrap-userimg  {text-align:center;}
.wrap-userimg a {color:#008c7e;}

/******* Main page *********/

.ly-main-bg {padding:20px 0; position:relative; background-color:#bbe3fa;}
.ly-video {position:relative; width:1000px; margin:20px auto; text-align:right; box-sizing:border-box;}
.wrap-logo {width:49%; text-align:left;}
.wrap-video {display:inline-block; width:390px; margin-right:110px; text-align:right;}
.box-video {display:block; width:100%; height:182px; margin:10px 0; background-color: #30317f;}
.box-video iframe {width:100%; height:100%;}

.ly-main-btn {margin:50px 0;}

.list-btn {width:1000px; margin:0 auto;}
.list-btn::after {display:block; content:''; clear:both;}
.list-btn li {float:left; width:33.3333%;}
.list-btn li .inner {margin:10px; text-align:center;}
.btn-job-basic {position:relative; display:inline-block; width:300px; height:138px; padding:0 100px 0 0; color:#303030; border:none; cursor:pointer; box-sizing:border-box; background-color:#f5f5f5; font-size:30px; font-weight:bold;}
.btn-job-basic:hover::before {position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid #312973; content:'';}
.btn-job-basic::after {position:absolute; top:38px; right:30px; display:block; width:72px; height:70px; background:url(../../../../common/images/gen/contents/img_job.png)no-repeat 0 0; content:'';}
.btn-job-basic.btn-job::after  {width:79px; height:79px; background-position:-71px 0;}
.btn-job-basic.btn-contents::after {top:40px; background-position:-150px 0;}
.btn-job-basic.btn-online::after {background-position:-222px 0;}
.btn-job-basic.btn-notice::after {width:56px; right:42px; background-position:-294px 0;}
.btn-job-basic.btn-event::after {width:67px; background-position:-350px 0;}

.btn-job-basic.btn-job {padding:0 108px 0 0;}
.btn-job-basic.btn-notice {padding:0 97px 0 0;}
.btn-job-basic.btn-contents {padding: 0 100px 0 0;}
.btn-job-basic.btn-online {padding:0 101px 0 0;}
.btn-job-basic.btn-event {padding:0 98px 0 0;}

.ly-job-contents .ly-video {width:1000px; text-align:center;}
.ly-job-contents .ly-video::after {display:block; content:''; clear:both;}
.ly-job-contents .ly-video .wrap-video {width:100%; margin:30px 0; text-align:left;}
.ly-job-contents .ly-video .wrap-video .box-video {float:left; width:310px; height:174px; margin:30px 0; margin-right:30px;}
.ly-job-contents .ly-video .wrap-video .box-video p {margin:5px 0; font-size:18px; color: #262626;}
.ly-job-contents .ly-video .wrap-video .box-video.type-last {margin-right:0;}
.ly-job-contents .ly-video .wrap-video.type-contents .box-video {float:inherit; width:600px; height:337px; margin:0 auto;}

.list-notice-b {}
.list-notice-b li {padding:8px 0;}
.list-notice-b li p {font-size:16px;}
.list-notice-b li p span {color:#1908a8; font-size:16px;}
.list-top span {display:inline-block; width:18px; height:18px; text-align:center; line-height:18px; background-color:#312973; color:#fff; border-radius:50%;}
.list-top em {padding:0 0 0 5px; font-size:20px; font-weight:bold;}

.list-step {margin:20px 0; background-color:#f7f7f7;}
.list-step::after {display:block; content:''; clear:both;}
.list-step li {float:left; width:25%; padding:10px 0; text-align:center;}
.list-step li strong {display:block; margin:0 0 5px 0; font-size:19px; color:#1908a8; font-weight:bold;}
.list-step li {font-size:15px;}

.box-download {text-align:right;}
.box-download .box-jobFile {position:relative; display:inline-block; height:34px; padding:0 120px 0 20px; line-height:34px; border:1px solid #b6b6b6;}
.box-download .box-jobFile a {position:absolute; top:-1px; right:0; width:100px; height:34px; font-size:13px; padding:5px; line-height:23px; background-color:#312973; text-align:center; color:#fff;}

.wrap-poster::after {display:block; content:''; clear:both;}
.wrap-poster img {float:left; width:460px;}
.wrap-poster .box-right {float:left; padding:0 0 0 80px;}
.wrap-poster .box-right  h4 {font-size:32px; font-weight:bold;}

.list-posterInfo {padding-top:18px;}
.list-posterInfo li {margin:18px 0;}
.list-posterInfo li strong {display:block; margin-bottom:6px; font-weight:bold; font-size:20px; color:#312973;}
.list-posterInfo li span {font-size:20px;}

.list-myTab {display: flex; margin-bottom: 40px;} 
.list-myTab li { flex: auto; border: 1px solid #ddd; margin-left: -1px; line-height: 0; font-size: 0; } 
.list-myTab li a { border: none; padding: 10px 0; text-align: center; color: #767676;} 
.list-myTab.blue li.target { border: 1px solid #30317f; position: relative; z-index: 1; font-size: 1.2em; } 
.list-myTab.blue li.target a { background: #30317f; color: #fff; font-weight: 500;} 

.wrap-v-contents {display:none;}
.wrap-v-contents.target {display:block;}

.btn.type-header-btn {display:inline-block; float:right; padding-top:0;}

#popup>div.type-wide {max-width:1000px; max-height:700px;}

.img-mainJob {position:absolute; background:url(../../../../common/images/gen/contents/2021_main_txt_pc.png)no-repeat 0 0;}
.img-seoulLogo {top:23px; left:110px; width:331px; height:352px;}

.img-womanUpLogo {top:12px; left:0; width:100px; height:27px; background-position:0 -352px;}
.img-mainLogo {position:absolute; top:12px; right:0; width:98px; height:44px; background-position:-101px -354px;}

.img-subLogo {position:relative; width:608px; height:356px; margin:0 auto; background:url(../../../../common/images/gen/contents/img_job_main_sub.png)no-repeat 0 0;}

.bg-background {background: url(../../../../common/images/gen/contents/2021_main_bg_pc.png)no-repeat 0 0;
  background-size: 100% 100%; width:100%; height:100%; position:absolute; top:0; left:0;}

.img-joblogo {float:left; width:200px; height:100px !important; padding:0 !important; border:1px solid #ccc;}
.img-joblogo span {position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background-color:#ccc; color:#fff; text-align:center; line-height:100px;}
.img-joblogo img {position:absolute; top:0; left:0; width:100%; height:100%;}

.box-imgAdd .file ol {padding-left:10px !important;}
.box-imgAdd span.txt-time {position: absolute;  bottom: -60px; top: inherit;  left: 309px;}

.img-loadmap {width:100%; height:350px; background: url(../../../../common/images/gen/contents/job_loadmap.jpg)no-repeat 0 0;}
.img-talkconcert {width:100%; height:350px; background: url(../../../../common/images/gen/contents/job_talkconcert.jpg)no-repeat 0 0;}

.job-main.type-main {padding:0 !important;}
.job-main.type-main .ly-video {margin:0 auto; z-index:1;}

.img-job-event {position:relative; width:780px; height:729px; background: url(../../../../common/images/gen/contents/img_jobEvent.jpg)no-repeat 0 0;}
.img-job-event.event02 {background: url(../../../../common/images/gen/contents/img_jobEvent2.jpg)no-repeat 0 0;}
.img-job-event.event03 {background: url(../../../../common/images/gen/contents/img_jobEvent3.jpg)no-repeat 0 0;}

.img-job-event.event04 {height:1202px; background: url(../../../../common/images/gen/contents/img_job_interview1.jpg)no-repeat 0 0;}
.img-job-event.event05 {height:1202px; background: url(../../../../common/images/gen/contents/img_job_interview2.jpg)no-repeat 0 0;}
.img-job-event.event06 {height:1202px; background: url(../../../../common/images/gen/contents/img_job_interview3.jpg)no-repeat 0 0;}

.btn-event-board {position:absolute; top:612px; left:260px; width:270px; height:60px; cursor:pointer;}
.btn-event-board.type-left {left:132px;}
.btn-event-board.type-right {left:410px;}

#my_modal {overflow-y:auto;}

@media (max-width:1200px){
    .ly-video {width:75%;}
    .img-seoulLogo {top:74px; left:97px; width:230px; height:237px;  background-size:98%;}
    .wrap-video {width:320px;}
}

@media (max-width:1000px){ 
    .wrap-logo,
    .wrap-video,
    .list-btn,
    .wrap-filterBox {width:100%;}
    .content_A.type-m {width:60%;}
    .list-btn li {width:50%;}
    .box-video {max-width:560px; height:238px; margin:10px auto;}
    .wrap-video {height:337px; margin-top:150px;}

.img-seoulLogo {top:111px; left: inherit; width:334px; height: 347px; position: relative; margin: 0 auto;}
.bg-background {display:none;}
.img-loadmap {width:700px; height:548px; margin:0 auto; background: url(../../../../common/images/gen/contents/m_job_loadmap.jpg)no-repeat 0 0;}
.img-talkconcert {width:700px; height:548px; margin:0 auto; background: url(../../../../common/images/gen/contents/m_job_talkconcert.jpg)no-repeat 0 0;}

}

@media (max-width:720px){ 

.img-job-event,
.img-job-event.event02,
.img-job-event.event03,
.img-job-event.event04,
.img-job-event.event05,
.img-job-event.event06 {width:100%; background-size:contain;}
.mw100 {width:100% !important;}
.form_typeA > ul > li {padding:40px 0 0 0 !important;}    
.form_typeA > ul > li > label {top:15px !important;}
.form_typeA > ul > li > label span {font-size:15px !important; font-weight:bold;}
.form_typeA li .type-div2 {padding:0;}
.content_A.type-m  {width:100%;}
table.type-mb select,
table.type-mb input {width:100%; margin:3px 0;}

#popup .form_join h2:before {display:none;}

.table_typeC td {word-break:break-all;}
.group_step em {word-break:keep-all;}

.job-main .btn button {min-width:120px !important;}
.wrap-userimg .file .f_style {display:inline-block;}
table {table-layout:auto;}

.ly-job-contents .ly-video {width:100% !important;}
.ly-job-contents .ly-video .wrap-video {margin:0 auto;}
.ly-job-contents .ly-video .wrap-video .box-video {float:inherit; margin:30px auto;}
.ly-job-contents .ly-video .wrap-video .box-video.type-last {margin:30px auto;}
.ly-job-contents .ly-video .wrap-video.type-contents .box-video {width:100%;}

.group_step.line1_4p li {width:60%; margin:10px auto;}

.job-main .btn {width:100%; text-align:center;}
.job-main .btn .bg-work {float:inherit; width:100%;}
.job-main .table_typeD th, .job-main .table_typeD thead tr {display:block;}
.table_typeD thead tr {margin:10px 0;}

.img-subLogo {position:relative; width:92%; top:70px; background-size:100%; height:340px;}
.job-main .table_typeC th {word-break:break-all;}
.ly-job-contents .ly-video .wrap-video.type-contents .box-video,
.wrap-video {height:210px;}
.wrap-poster .box-right h4 {font-size:24px;}
.box-download .box-jobFile {padding:0 110px 0 10px;}
.table_typeD .pl80 {padding-left:0 !important;}
.job-main .gen_txt {padding:20px;}

.job-main .table_typeD th,
.job-main .table_typeD thead tr {display:block;}
.job-main .form_typeA > ul > li > label span,
.job-main .trr_label span {font-size:15px;}
.job-main .form_typeA > ul > li > label,
.job-main .trr_label {position:relative;}
.job-main .form_typeA > ul > li > label {top:0 !important;}
.job-main  .search_m + ul li:nth-child(1),
.job-main .search_m + ul li:nth-child(8),
.job-main .search_m + ul li:nth-child(9) {display:block;}

}

@media (max-width:600px){ 
    .step_list>li {width:100%;}
    .wrap-video {margin-top:100px;}
    .btn-job-basic {width:100%; height:100px; padding:0; font-size:20px; text-align:center;}
    .btn-job-basic::after {display:none;}
  
    .btn-job-basic.btn-online {padding:0; text-align:center;}
    .btn-job-basic.btn-contents,
    .btn-job-basic.btn-event,
    .btn-job-basic.btn-job,
    .btn-job-basic.btn-notice {padding:0;}

    .img-mainLogo {right:20px;}
    .img-womanUpLogo {left:20px;}
    .wrap-poster .box-right {padding:0;}
    .list-step li {width:100% !important;}
    .img-seoulLogo {background-size: 100%; width: 300px; height: 276px; margin:56px auto;}

    .img-loadmap ,
    .img-talkconcert {width:400px; height:300px; background-size:contain;}
    table.type-mb select {min-width:100%;}
    #my_modal {padding:10px !important;}
    .form_typeA.type-block02 li div {padding:0;}
    .form_typeA.type-block02 > ul > li {width:100%;}
    .btn.type-header-btn .btn button {width:100%;}

    .job-main .table_typeD thead tr {display:none;}

}