@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh 260204 */
/* ★ 공통스타일은 common.css에 있음 */
/* ★ 서브 기본 스타일은 sub.css에 있음 */

/** 공통 컨텐츠 타이틀 **/
.cont_toparea {position:relative; padding:0; margin-top:40px; border:2px solid #e8e8e8; border-radius:10px; text-align: center}
.cont_toparea .cont_txt {position:relative; display:block; max-width:200px; border-radius:5px 5px 20px 20px; padding:8px 28px; margin:-15px auto 0; background:#aa9cf8; color:#fff}
.cont_toparea .cont_txt span {font-weight:600}
.cont_toparea .cont_tit {padding:10px 10px 20px}
.cont_toparea .cont_tit span {position:relative; display:inline-block; padding:6px 24px 0}
.cont_toparea .cont_tit span:before {content:""; display: block; position: absolute; top:0; left:0; width:22px; height:17px; background:url(../images/content/bg_quotes_left.png) no-repeat 0 0;}
.cont_toparea .cont_tit span:after {content:""; display: block; position: absolute; top:0; right:0; width:22px; height:17px; background:url(../images/content/bg_quotes_right.png) no-repeat 0 0;}

/* 공통 박스 */
.cont_txtbox {margin:25px 0; padding:18px; border:1px solid #d2d2d2; border-radius:10px; box-shadow:0 4px 0 #f0f0f0}
.cont_txtbox > ul > li, .cont_txtbox > ol > li {position: relative; padding-left:12px; margin-bottom: 7px; line-height: 140%}
.cont_txtbox > ul > li:last-child, .cont_txtbox > ol > li:last-child {margin-bottom:0}
.cont_txtbox > ul > li::after, .cont_txtbox > ol > li::after{display: block; clear: both; content: ''; position: absolute; top:8px; left:0; width:7px; height: 3px; background:url(../images/content/blt_contbox01.gif) no-repeat 0 0}
/* 리스트스타일-2차 리스트 */
.cont_txtbox > ul > li .inner_lst, .cont_txtbox > ol > li .inner_lst {padding:8px 12px; margin-top: 5px; border-radius: 5px; background: #eee}
.cont_txtbox > ul > li .inner_lst li, .cont_txtbox > ol > li .inner_lst li {position: relative; margin-bottom: 5px; padding-left: 10px; line-height: 150%; font-size:0.933em}
.cont_txtbox > ul > li .inner_lst li:last-child, .cont_txtbox > ol > li .inner_lst li:last-child{margin-bottom: 0}
.cont_txtbox > ul > li .inner_lst li::after, .cont_txtbox > ol > li .inner_lst li::after{display: block; clear: both; content: ''; position: absolute; top:8px; left:0; width: 3px; height:3px; background:url(../images/content/blt_contbox02.gif) no-repeat 0 0}

/* 기간제 교원 채용지원업무 안내 */
.work_contbox {display: flex; justify-content: space-between; gap:25px; margin:40px 0}
.work_contbox .wcont {overflow:hidden; width:calc(100% / 4 - 1px); border:1px solid #d2d2d2; border-radius:10px}
.work_contbox .wcont_tit {padding:15px; text-align: center; text-shadow:0 2px 6px rgba(0,0,0,0.1); color:#fff; font-size:1.071em; background:#eee; font-weight:600}
.work_contbox .wcont_txt {height:calc(100% - 78px); line-height:150%; text-align: center; align-content: center; padding:15px 10px}
.work_contbox .wcont01 .wcont_tit {background:#2f9bc2}
.work_contbox .wcont02 .wcont_tit {background:#35b07a}
.work_contbox .wcont03 .wcont_tit {background:#70c13c}
.work_contbox .wcont04 .wcont_tit {background:#aba52d}

/* 업무 안내 단계 */
.work_stepbox {display: flex; justify-content:space-between; gap:58px; margin-top:90px}
.work_step {position:relative; width:calc(100% / 3); padding:9px 9px 12px; background:#e6eaf1; border-radius:15px}
.work_step::after{display: block; clear: both; content: ''; position: absolute; right:-43px; bottom:50%; width:27px; height: 23px; margin-bottom: -10px; background:url(../images/content/img_workmap_arr.png) no-repeat 50% 50%}
.work_step:last-child::after {display:none}
.work_step:before {content:""; display: block; position: absolute; top:-41px; left:50%; width:100px; height:50px; margin-left:-50px; background:#fff url(../images/content/bg_school.png) no-repeat left 50% top 8px; border-radius:100px 100px 0 0; box-sizing: border-box; border:3px solid #e6eaf1; border-bottom:0}
.work_step .work_steptit {background:#fff; border-radius:15px; text-align: center; padding:15px; box-shadow:0 3px 0 rgba(0,0,0,0.06); box-sizing: border-box}
.work_step .work_steptxt {height:calc(100% - 65px); align-content: center; text-align: center; margin:10px 0 0; font-weight:600}
.work_step .work_steptxt ul li {position:relative; border-radius:50px; border:2px solid #fff; padding:9px; margin-top:12px}
.work_step .work_steptxt ul li:first-child {margin-top:0}
.work_step .work_steptxt ul li:after {content:""; display:block; position:absolute; bottom:-10px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top:8px solid #fff}
.work_step .work_steptxt ul li:last-child:after {display:none}
.work_step.work_schcenter {background:#5974a0}
.work_step.work_schcenter:before {top:-49px; width:216px; height:58px; margin-left:-108px; background:url(../images/content/bg_schcenter.png) no-repeat left 50% bottom 0; border:0; border-radius:0}
.work_step.work_schcenter .work_steptit  {background:#5e84ae; border:2px solid #fff}
.work_step.work_schcenter .work_steptxt ul li {background:#fff}

/* 이용약관 */
.sbc_terms .terms_top {padding:20px; border-radius: 15px; background:url(../images/content/terms_logo.gif) no-repeat right 25px top 27px #f7f7f7; line-height: 160%}
.sbc_terms .terms_top .tit01 {margin-bottom: 5px; font-size: 1.2em}
.sbc_terms .terms_top .tit01 span{font-weight: 600}
.sbc_terms .terms_top .tit02{font-size:1.067em}
.sbc_terms .terms_all{padding:15px; margin:12px 0; background:#e9e9e9; color:#000; font-size: 1.143em; font-weight: 600; border-radius:10px} 
.sbc_terms h5.terms_tit {position: relative; line-height:140%; padding:0 0 0 26px; margin:10px 0; font-size:1.071em; font-weight:600; color:#2a2a2a}
.sbc_terms h5.terms_tit::after{content:""; clear:both; display:block; position: absolute; left:0; top:3px; width:16px; height: 13px; background:url(../images/sub/subtit5.png) no-repeat 0 0}
.sbc_terms .terms_tb {line-height: 150%}
.sbc_terms .terms_tb > ol{margin-bottom: 30px}
.sbc_terms .terms_tb > ol > li{margin:0 0 5px 18px; text-indent: -18px}
.sbc_terms .terms_tb > ol > li:last-child{margin-bottom:0}
.sbc_terms .terms_tb > ol > li > ol{margin:5px 0 15px; padding: 15px; border-radius: 5px; background: #f7f7f7}
.sbc_terms .terms_tb > ol > li > ol > li{margin-bottom: 5px; text-indent: 0}
.sbc_terms .terms_tb > ol > li > ol > li:last-child{margin-bottom: 0}
.sbc_terms .terms_tb > p{margin-bottom: 20px}


/* 공통 탑 박스 */
.common_top {position:relative; margin-bottom:30px;border:2px solid #e8e8e8; border-radius:15px; padding:1px; padding:60px 0 0}
.common_top .comm_toptit {position: absolute; top:-2px; left:-2px; width:calc(100% + 4px); padding:15px; border-radius:15px; text-align: center; background:#5974a0; box-sizing: border-box}
.comm_txtbox {align-content:center; margin:12px 25px; min-height:66px; padding:15px 10px 15px 120px; line-height:160%; background:url(../images/content/bg_userule_top.gif) no-repeat 0 50%}
.comm_txtbox .comm_txt01 {margin-bottom:5px; font-size:1.2em; font-weight:600; color:#000}

.comm_lstbox {position:relative; border-top:1px solid #d0d0d0; margin:0 25px; padding:20px 0 0}
.comm_lstbox dl {text-align: center}
.comm_lstbox dl dt {padding:0 0 20px}
.comm_lstbox dl dd {width:calc(100% + 30px); background:#e8e8e8; padding:20px 10px; margin-left:-25px; border-radius:0 0 13px 13px}

.comm_lstbox ul {background:#eee; border-radius: 10px; padding:20px 20px; margin-bottom:20px}
.comm_lstbox ul li {line-height:150%; margin-top:5px; padding-left:13px; background:url(../images/content/blt_commlst_txt.gif) no-repeat 0 7px; word-break: keep-all}
.comm_lstbox ul li:first-child {margin-top:0}

/* 이메일무단수집거부 */
.sbc_email .common_top .comm_toptit {background:#4daff2}
.sbc_email .comm_txtbox {background:url(../images/content/bg_email_top.gif) no-repeat 0 50%}

/* 저작권정책 */
.sbc_copyright .common_top .comm_toptit {background:#fe8165}
.sbc_copyright .comm_txtbox {background:url(../images/content/bg_copyright_top.gif) no-repeat 0 50%}
.comm_txtbg {padding:2px 5px; background:#ff5050; color:#fff; font-weight:600}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
    /** 공통 컨텐츠 타이틀 **/
    .cont_toparea .cont_tit {padding:8px 8px 15px}
    .cont_toparea .cont_tit img {height:22px}
    .cont_toparea .cont_txt {padding:6px 20px; max-width:180px; margin:-12px auto 0}
    /* 공통 박스 */
    .cont_txtbox {margin:15px 0; padding:12px}
    
    /* 기간제 교원 채용지원업무 안내 */
    .work_contbox {gap:10px; margin:25px 0}
    .work_contbox .wcont_txt {word-break: keep-all}
    .work_contbox .wcont_txt br {display: none}
    .work_contbox .wcont_tit {padding:10px}
    
    .work_stepbox {gap:30px; margin-top:70px}
    .work_step:before {width:80px; height:40px; margin-left:-40px; top:-31px; background-size:30px auto}
    .work_step::after {right:-25px; background-size:20px auto; width:20px; height:20px}
    .work_step .work_steptit {padding:10px}
    .work_step.work_schcenter:before {width:160px; margin-left:-80px; background-size:160px auto}
    
    /*  공통 탑 박스 */
    .common_top {padding:46px 0 0; margin-bottom:15px}
    .common_top .comm_toptit {padding:10px}
    .common_top .comm_toptit  span img {height:26px}
    .comm_txtbox {background-size:70px auto !important; padding:10px 5px 10px 80px; margin:10px}
    .comm_txtbox .comm_txt01 {font-size:1.143em}
    .comm_lstbox {margin: 0 10px; padding-top:10px}
    .comm_lstbox dl dt {padding:0 0 10px}
    .comm_lstbox dl dd {padding:15px 10px; width:calc(100% + 1px); margin-left:-10px}
    .comm_lstbox ul {padding:12px; margin-bottom:10px}
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
    
}


/**** LOWSET FIX ****/
@media only screen and (max-width:767px) {
    /* 기간제 교원 채용지원업무 안내 */
    .work_contbox {flex-wrap: wrap}
    .work_contbox .wcont {width:calc(100% / 2 - 7px)}
    .work_contbox .wcont_txt br {display:block}
    .work_contbox .wcont_txt {height:calc(100% - 68px)}
    
    .work_stepbox {flex-wrap: wrap; margin-top:60px}
    .work_step {width:100%; margin-bottom:35px}
    .work_step::after {bottom:0; right:50%; margin-bottom:-28px; margin-right:-11px; transform: rotate(90deg); background-size:22px auto; width:22px; height:20px}
    .work_step:last-child {margin:0}
}

@media only screen and (max-width:500px) {
    /** 공통 컨텐츠 타이틀 **/
    .cont_toparea .cont_tit span {max-width:178px}
    
    /* 기간제 교원 채용지원업무 안내 */
    .work_contbox .wcont {width:100%}
    
    /* 공통 탑 박스 */
    .comm_txtbox {background:none !important; padding:5px 10px; margin:5px 0}

}