@charset "utf-8";

/* Mobile */
/* 기간제교원 채용 업무흐름도 */
.list_over li {margin-bottom: 20px;}
.list_over li {border-top: 1px dashed #ddd;text-align: center; word-break: keep-all;}
.list_over li .lw {display: inline-block; width: 49%;border-right: 1px dotted #ebebeb;}
.list_over li .lw:nth-of-type(2n) {border-right: 0;}
.list_over li .fr {float: right;}
.list_over .basic_ul li {border-bottom:0;}
.list_txt li:last-child {border-bottom:0;}
.list_over span .num {width: 35px;height: 30px;margin-bottom: 5px;}

/*주요업무안내*/
.org_box{position: relative;}
.org_box:before{position: absolute;left: 20px;width: 1px;height: 100%;content: "";background: #ddd;z-index: -1;}
.org_box h4{max-width: 300px;margin: 0;padding: 10px 0;font-size: 20px;font-weight: 200;color: #fff;background: var(--point1);border-radius: 10px;text-align: center;line-height: 1.5;}
.org_box>div{margin: 20px;padding-left: 20px;}
.org_box h5{margin: 0;padding: 10px 0;font-size: 20px;font-weight: 200;color: #fff;background: var(--point2);border-radius: 10px;text-align: center;}
.org_box ul{margin: 20px 0;}
.org_box li strong{display: block;padding: 10px 0;text-align: center;font-size: 18px;font-weight: 200;background: var(--bgpoint);border-radius: 10px;color: var(--point2);}
.org_box ul ul{margin: 0 0 10px;padding: 10px;border-radius: 10px;border: 3px solid var(--bgpoint);}
.org_box li li{position: relative;margin: 5px 0;padding-left: 8px;}
.org_box li li:before{position: absolute;left: 0;top: 8px;width: 3px;height: 3px;content: "";background: var(--point1);}

/* Tablet */
@media all and (min-width:768px) {
.list_over li>strong {vertical-align: middle;}
.list_over>li::after {content:''; width:20px height:20px; display:block; background:url(/images/common/basic_step1.png) no-repeat center; transform:rotate(90deg);}
	
.org_box{overflow: hidden;}
.org_box:before{left: 50%;top: 50px;height: 40px;}
.org_box:after{position: absolute;height: 1px;left: 25%;right: 25%;top: 90px;content: "";background: #ddd;}
.org_box h4{margin: 0 auto;}
.org_box>div{position: relative;float: left;width: 46%;margin: 40px 2%;padding: 40px 0 0;}
.org_box>div:before{position: absolute;width: 1px;height: 40px;left: 50%;top: 0;content: "";background: #ddd;}
.org_box h5{max-width: 300px;margin: 0 auto;}
}

/* Desktop */
@media all and (min-width:1023px) {}

@media all and (min-width:1400px) {
.org_box:after{left: 33%;right: 16%;}
.org_box>div{margin: 40px 0 0;}
.org_box>div:nth-of-type(1){width: 66%;margin-right: 2%;}
.org_box>div:nth-of-type(2){width: 32%;}
.org_box div>ul{display: flex;column-gap: 1%;}
.org_box>div:nth-of-type(1)>ul>li{width: 24%;}
.org_box>div:nth-of-type(2)>ul>li{width: 49%;}
}