@charset "utf-8";
@import url('common.css?ver=1.2');

/* 약관동의 박스 */
.agreeBox > div {
    border: 1px solid #d9d9d9;
}
.agreeBox:last-child > div {margin-bottom: 0;}
.agreeBox > div > div:first-child {
    padding: 25px;
}
.agreeBox > div > div:last-child {
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    padding: 10px 25px;
    margin: 0 25px 25px;
}
.agreeBox div p {
    float: left;
    padding: 3px 0 3px 28px;
    background: url('/images/swm/blt/join_agree.png') left 2px no-repeat;
}
.agreeBox .checkList {
    float: right;
    margin-left: 10px;
}
.agreeBox input[type='radio'] + label::after {
    background: url('/images/swm/common/agree_radio.png') center #fff no-repeat;
    background-size: 11.5px !important;
    border: 1px solid #c3c6c8;
}
.agreeBox input[type='radio']:checked + label::after {
    background: url('/images/swm/common/agree_radio_on.png') center #177ac8 no-repeat;
    border: 1px solid #177ac8;
}
.agreeBox label {font-weight: 500;}

@media screen and (max-width: 767px) {
    .agreeBox > div > div:first-child {padding: 15px;}
    .agreeBox > div > div:last-child {margin: 0 15px 15px;}
}

.agree_open {
    display: block;
    background: url('/images/swm/contents/ask_list.png') calc(100% - 18px) 9px / 20px auto no-repeat;
}
.agree_open.on {background-image: url('/images/swm/contents/ask_list_on.png');}
.agree_open + .box_scroll {display: none;}
.agree_open.on + .box_scroll {display: block;}

.signBox {
    margin-top: 40px;
    background: url('/images/swm/contents/signbox_bg.png') right bottom #f9f9f9 no-repeat;
    text-align: center;
    padding: 45px;
}
.signBox > * {font-size: 16px; font-weight: 500; line-height: 30px;}
.signArea {margin: 35px 0;}
.signArea > div + div {margin-top: 25px;}
.signArea > div span {display: inline-block;}
.signArea > div span label {padding: 0 5px; font-weight: 400; color: #555;}
.signArea > div span + span {margin-left: 30px;}

@media screen and (max-width: 767px) {
    .signBox {padding: 45px 20px;}
    .signArea {margin: 20px 0;}
    .signArea > div + div {margin-top: 15px;}
    .signArea > div span + span {margin: 5px;}
}

/* 로그인 */
.login {
    background: url('/images/swm/contents/login_bg.png') center 0 no-repeat;
    padding: 27px 0 0 0;
}
.login h3 {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    margin: 50px 0 10px;
    word-break: keep-all;
    text-align: center;
}
.login p {
    text-align: center;
    word-break: keep-all;
    line-height: 26px;
}
.loginBox {
    background: #fff;
    border-radius: 40px;
    padding: 50px 290px 30px;
    max-width: 1100px;
    margin: 38px auto 30px;
    box-shadow: rgba(51,51,51,0.1) 2px 2px 25px;
}
.loginBox input[type="text"],
.loginBox input[type="password"] {
    width: 100%;
    height: 54px;
    margin: 11px 0 0px;
    border-radius: 8px;
}
.loginBox input[type="text"]::placeholder,
.loginBox input[type="password"]::placeholder {color: #727272;}
.loginBox > * + * {margin-top: 10px;}
.loginBtn {
    border-radius: 8px;
    background: #333333;
    text-align: center;
    display: block;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.login ul {text-align: center;}
.login ul li {
    margin-top:10px;
    display: inline-block;
    line-height: 20px;
}
.login ul li + li {
    position: relative;
    margin-left: 13px;
    padding-left: 15px;
}
.login ul li + li::before {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background-color: #e2e2e2;
    position: absolute;
    left: 0;
    top: 7px;
}
.login ul p {margin-top: 5px;}
.tipBox {
    margin-top: 30px;
    border: #ffa792 solid 1px;
    border-radius: 15px;
    background: url('/images/swm/icon/tip.png') 30px 22px / 20px auto no-repeat #fff;
    padding: 20px 70px 20px 70px;
    font-size: 14px;
    font-weight: 300;
    word-break: keep-all;
    box-shadow: rgba(51,51,51,0.1) 2px 2px 25px;
}

.loginBox + p{
    font-weight: 500;
    color: #434343
}
.loginBox + p span{
    display: inline-block;
    padding: 0 0 0 12px;
}
.loginBox + p + p{
    font-weight: 300;
    color: #666;
    padding: 10px 0 30px;
}
@media screen and (max-width: 1129px) {
    .loginBox {padding: 25px 20px;border-radius: 20px;}
    .login h3 {font-size: 32px;}
    .login p {font-weight: 500;}
    .tipBox {border-radius: 7.5px;padding: 15px 38px;background-position: 15px 18px;background-size: 16.5px;}
}
@media screen and (max-width: 360px) {
    .login {
        background: url('/images/swm/contents/login_m.png') center 0 / auto 301px no-repeat;
        padding: 27px 0 0 0;
    }
}
/* --로그인 */

/* 공지사항 상세 */
.list_view {
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
    padding: 30px 0 55px;
    text-align: center;
}
.list_view *:not(th, td) {vertical-align: unset;}
.list_view > *:not(table) {margin: 0 20px;}
.list_view > p:first-child {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    word-break: keep-all;
}
.list_view > p:first-child span {
    display: inline-block;
    border-radius: 8px;
    background-color: #008c7d;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding: 0 14px;
    margin-right: 14px;
    line-height: 32px;
    vertical-align: text-bottom;
}
.list_view > ul, .list_view .box ul {display: inline-block; margin: 5px 20px 25px;}
.list_view > ul li,
.list_view .box ul li {
    color: #5f5f5f;
    float: left;
}
.list_view > ul li + li,
.list_view .box ul li + li {
    margin-left: 25px;
    padding-left: 26px;
    background: url('/images/swm/blt/list_view.png') left center / 1px auto no-repeat;
}
.list_view .box {
    background-color: #f7f8f9;
    display: block;
    text-align: center;
    margin: 5px 0 0 0;
}
.list_view .box ul {margin: 15px;}
.list_view .box ul li {color: #3e3e3e;}
.list_view .box ul li span {font-weight: 500;}
.list_view:not(.editor, .editor_cs) table {
    border-top: 1px dotted #d9d9d9;
    border-bottom: 1px dotted #d9d9d9;
    text-align: left;
}
.list_view:not(.editor, .editor_cs) th {
    background-color: #f7f8f9;
    font-weight: 500;
    color: #3e3e3e;
    padding: 0 30px;
}
.list_view:not(.editor, .editor_cs) td {padding: 15px;}
.list_view:not(.editor, .editor_cs) td a {
    background: url('/images/swm/icon/list_file.png') left top / 31px no-repeat;
    color: #3e3e3e;
    display: block;
    padding: 3px 0 3px 44px;
    line-height: 25px;
}
.list_view:not(.editor, .editor_cs) td a + a {margin-top: 5px;}
.list_view > div {
    text-align: left;
    margin-top: 55px;
    color: #333;
}

.list_view.editor img {max-width: 1000px; width: 100%;}
.list_view.editor > div * {font-family: 'Pretendard'; font-size: 18px; line-height: 180%;}
.list_view.editor h4 {font-size: 28px !important; line-height: 130%;}
.list_view.editor h5,
.list_view.editor .fs18 {font-size: 22px !important; line-height: 130%;}

.list_more {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 60px;
}
.list_more div {
    display: flex;
    padding: 18px 30px 18px 60px;
    background: url('/images/swm/blt/list_more_prev.png') 20px center / 10px auto no-repeat;
}
.list_more div + div {
    border-top: 1px dotted #d9d9d9;
    background-image: url('/images/swm/blt/list_more_next.png');
}
.list_more span {
    font-size: 16px;
    font-weight: 500;
    color: #5f5f5f;
    width: 130px;
}
.list_more span + * {width: calc(100% - 130px);}
.list_more a {
    font-size: 16px;
    color: #5f5f5f;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_more a:hover {text-decoration: underline;}

@media screen and (max-width: 767px) {
    .list_view {text-align: left; padding: 25px 0 35px;}
    .list_view > *:not(table) {margin: 0 15px;}
    .list_view > p:first-child {font-size: 20px;}
    .list_view > p:first-child span {
        display: block;
        width: 60px;
        padding: 0;
        text-align: center;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .list_view > ul {margin: 5px 15px 20px;}
    .list_view > ul li + li {
        margin-left: 15px;
        padding-left: 15px;
    }
    .list_view > ul li span {display: none;}
    .list_view th,
    .list_view colgroup {display: none;}
    .list_view td {background-color: #f7f8f9;}
    .list_view > div {margin-top: 30px;}

    .list_view .box {text-align: left;}
    .list_view .box ul li {float: none;}
    .list_view .box ul li + li {
        margin: 0;
        padding: 0;
        background: none;
    }

    .list_more div {
        padding: 15px;
        background: none !important;
    }
    .list_more span {width: 80px;}
    .list_more span + * {width: calc(100% - 80px);}
}
/* --공지사항 상세 */

/* 자주 묻는 질문 */
.ask_list {
    border-top: 2px solid #111;
    margin-top: 40px;
}
.ask_list li {
    border-bottom: 1px solid #d9d9d9;
    background: url('/images/swm/contents/icon_ask.png') 18px 28px / 18px auto no-repeat;
}
.ask_list li.on {background-image: url('/images/swm/contents/icon_ask_on.png');}
.ask_list li.on:not(:last-child) {border-bottom: 0;}
.ask_list li a {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    min-height: 74px;
    padding: 15px 45px 15px 95px;
    display: flex;
    align-items: center;
    background: url('/images/swm/contents/ask_list.png') calc(100% - 18px) 34px / 14px auto no-repeat;
}
.ask_list li.on a {
    font-weight: 600;
    background-image: url('/images/swm/contents/ask_list_on.png');
}
.ask_list li.on span {
    text-decoration: rgba(0, 140, 125, 0.17) underline 5px;
}
.ask_list div {
    padding: 15px 20px 15px 95px;
    background-color: #f9f9f9;
    color: #333;
    display: none;
    line-height: 30px;
}
.ask_list li.on div {display: block;}

@media screen and (max-width: 767px) {
    .ask_list li {
        background-size: 16px auto;
        background-position: 15px 28px;
    }
    .ask_list li a {background-position: calc(100% - 15px) 34px;}
    .ask_list li a, .ask_list div {padding: 15px 45px;}
}
/* --자주 묻는 질문 */

/* 뉴스레터 신청하기 */
.box_scroll {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    line-height: 30px;
    padding: 35px 40px;
    max-height: 265px;
    overflow-y: auto;
}
.box_scroll p {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}
.box_scroll + label > span {margin-top: 20px; display: block;}
.checked_list.agree {margin-top: 15px;}
.checked_list.agree input[type='radio'] + span,
.all_agree input[type='radio'] + span {padding-left: 24px;}
.checked_list.agree input[type='radio'] + span::after,
.all_agree input[type='radio'] + span::after {
    width: 20px;
    height: 20px;
    background: url('/images/swm/common/agree_radio.png') center / 12px auto #fff no-repeat;
    border-color: #dedede;
    top: 0;
}
.checked_list.agree input[type='radio']:checked + span::after,
.all_agree input[type='radio']:checked + span::after {
    background-image: url('/images/swm/common/agree_radio_on.png');
    background-color: #008c7d;
    border-color: #008c7d;
}
.box_scroll table {
    margin-top: 10px;
    border-top: 2px solid #008c7d;
}
.box_scroll table tr {
    border-bottom: 1px solid #dcdfdd;
}
.box_scroll table th + th,
.box_scroll table th + td,
.box_scroll table td + th,
.box_scroll table td + td {
    border-left: 1px solid #dcdfdd;
}
.box_scroll table th,
.box_scroll table td {
    padding: 12px 18px;
    text-align: center;
}
.box_scroll table th {background-color: #f7f9f8; font-weight: 500;}

@media screen and (max-width: 767px) {
    .box_scroll {padding: 30px 20px;}
}
@media screen and (max-width: 424px) {
    .box_scroll {padding: 15px;}
    .box_scroll table th,
    .box_scroll table td {padding: 12px 5px;}
}

.email_write {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 40px;
    background: url('/images/swm/contents/email_write.png') calc(100% - 48px) calc(100% - 28px) / 88px auto #f7f7f7 no-repeat;
}
.email_write div {margin: 15px 0;}
.email_write div input {padding: 9px 15px; width: 50%;}
.email_write div * + * {margin-left: 2px !important;}
.email_write .guideTxt {font-size: 14px; color: #000;}

@media screen and (max-width: 1023px) {
    .email_write {
        padding: 30px 25px;
        background-size: 65px auto;
        background-position: calc(100% - 25px) calc(100% - 28px);
    }
}
@media screen and (max-width: 767px) {
    .email_write {
        padding: 30px 20px 100px 20px;
        background-position: calc(100% - 20px) calc(100% - 15px);
    }
}
@media screen and (max-width: 550px) {
    .email_write div input {width: 100%;}
    .email_write div input + a {margin-left: 0 !important;}
    .email_write div a {margin-top: 10px;}
}
@media screen and (max-width: 450px) {
    .email_write div a {width: calc(50% - 3px);}
}
/* --뉴스레터 신청하기 */

/* 이미지 리스트 */
.img_list {
    border-top: 2px solid #111;
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.img_list > li {
    float: left;
    margin: 20px 40px 20px 0;
    width: calc((100% - 120px) / 4);
    position: relative;
}
.img_list > li:nth-child(4n) {margin-right: 0;}
.img_list > li div {
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 5px;
    padding-top: 60%;
    position: relative;
}
.img_list > li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    image-orientation: none;
}
.img_list > li a {
    font-size: 16px;
    color: #000;
    margin: 15px 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.img_list > li a:hover {text-decoration: underline;}
.img_list ul li {
    float: left;
    color: #555;
    line-height: 31px;
}
.img_list ul li + li {
    padding-left: 15px;
    margin-left: 14px;
    background: url('/images/swm/contents/img_list_bar.png') left center / 1px auto no-repeat;
}

.img_list .notice::before {
    content: '공지';
    background-color: #ed7100;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 2px 17px;
}
.img_list .new a::before {
    content: '새글';
    width: 22px;
    height: 22px;
    background: url('/images/swm/icon/new.png') left top / 18px no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}
.img_list ul .file span {width: 31px;}

.img_list2 > li {
    border: 1px solid #b1bac1;
    border-radius: 10px;
    margin-top: 20px;
    padding: 24px 66px 24px 28px;
    display: flex;
    justify-content: space-between;
}
.img_list2 > li .img{
    width: 190px;
}
.img_list2 > li .img img{
    width: 100%;
    height: 130px;
}
.img_list2 > li .cont{
    width: calc(100% - 190px - 192px);
    padding: 0 50px 0 72px;
}
.img_list2 > li .cont p span{
    background-color: #5676d0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    width: 60px;
    line-height: 26px;
    display: inline-block;
    margin-right: 10px;
}
.img_list2 > li .cont p {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
.img_list2 > li .cont > span {
    color: #000000;
    font-weight: 300;
    display: block;
    padding: 15px 0 12px;
}
.img_list2 > li .cont li {
    font-size: 14px;
    color: #000;
    font-weight: 300;
    padding-left: 10px;
}
.img_list2 > li .cont li + li {margin-top: 0;}
.img_list2 > li .cont li::after {left: 0;}
.img_list2 > li .btnArea{
    padding: 17px 0 0 61px;
    border-left: #c4cbd0 dashed 1px;
    margin-top: 0;
    width: 192px;
}
.img_list2 > li .btnArea a{
    width: 130px;
    border-color: #292929;
    color: #292929;
    font-size: 14px;
    background-image: url('/images/swm/btn/btn_go2.png');
}
.img_list2 > li .btnArea a + a{
    margin: 10px 0 0 0 ;
}

@media screen and (max-width: 1200px) {
    .img_list > li {
        margin: 20px 30px 20px 0;
        width: calc((100% - 90px) / 4);
    }
    .img_list2 > li {padding: 24px 28px;}
    .img_list2 > li .cont{padding: 0 30px;}
    .img_list2 > li .btnArea {padding: 17px 0 0 28px;width: 159px;}
}
@media screen and (max-width: 1023px) {
    .img_list > li {width: calc((100% - 60px) / 3);}
    .img_list > li:nth-child(4n) {margin-right: 30px;}
    .img_list > li:nth-child(3n) {margin-right: 0;}

    .img_list2 > li {display: block;padding: 15px;}
    .img_list2 > li > div {width: 100% !important;}
    .img_list2 > li .img img {height: auto;}
    .img_list2 > li .cont {padding: 20px 0 0;}
    .img_list2 > li .cont p span {width: 70px;display: block;margin: 0 0 7px;}
    .img_list2 > li .cont p {font-size: 15px;}
    .img_list2 > li .cont li,
    .img_list2 > li .cont > span {font-weight: 400;}
    .img_list2 > li .btnArea {border-left: none;padding: 15px 0 0;}
    .img_list2 > li .btnArea a + a {margin: 0 0 0 5px;}
    .img_list2 > li .btnArea a {padding: 0 30px 0 10px !important;width: auto;background-position: calc(100% - 10px) center;}
}
@media screen and (max-width: 767px) {
    .img_list > li {
        margin: 15px 20px 15px 0;
        width: calc((100% - 20px) / 2);
    }
    .img_list > li:nth-child(3n) {margin-right: 20px;}
    .img_list > li:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 500px) {
    .img_list {padding: 15px 0;}
    .img_list > li {margin: 15px 0; width: 100%;}
}
/* --이미지 리스트 */

/* 커리어 트렌드 > 유용한 정보 */
@media screen and (max-width: 767px) {
    .useful col:nth-of-type(3),
    .useful th:nth-of-type(3),
    .useful .al {display: none;}
    .useful col:nth-of-type(2) {width: 30% !important;}
    .useful .btn_go {
        line-height: 22px;
        background-position: calc(100% - 10px) center;
        padding: 2px 36px 2px 16px !important;
    }
}
/* --커리어 트렌드 > 유용한 정보 */

/* 구직활동지원 */
.box_support {
    background-color: #f9f9f9;
    border-radius: 15px;
    padding: 15px 30px 30px 30px;
}
.box_support p {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    padding: 16px 0 16px 80px;
    background: url('/images/swm/contents/box_support.png') 10px top / 53px auto no-repeat;
}
.box_support p span {font-weight: 400;}
.box_support ul {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    padding: 24px 26px;
}
.box_support li {
    color: #222;
    background: url('/images/swm/contents/box_support_list.png') left 8px / 5px auto no-repeat;
    padding-left: 11px;
    line-height: 26px;
}
.box_support li + li {margin-top: 4px;}

@media screen and (max-width: 1023px) {
    .box_support p {background-image: url('/images/swm/contents/box_support_m.png') }
}
@media screen and (max-width: 550px) {
    .box_support {padding: 15px 15px 30px 15px;}
    .box_support p {padding: 0 0 7px 80px;}
    .box_support p span {display: block;}
    .box_support ul {padding: 24px 20px;}
}

/* 구직지원금 운영 프로세스 */
[class^='support_process'] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
[class^='support_process'] > li {
    width: calc((100% - 150px) / 6);
    position: relative;
}
[class^='support_process'].cnt3 > li {
    width: calc((100% - 60px) / 3);
}
[class^='support_process'].cnt4 > li {
    width: calc((100% - 90px) / 4);
}
[class^='support_process'].cnt7 > li {
    width: calc((100% - 180px) / 7);
}
[class^='support_process'].cnt5 > li {
    width: calc((100% - 120px) / 5);
}
[class^='support_process'].hAuto > li{
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #008c7d;
    text-align: center;
    line-height: 24px;
    padding: 26px 10px;
    height: auto;
    margin-bottom: 10px;
    word-break: keep-all;
}
[class^='support_process'].hAuto div:first-child {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
[class^='support_process'].hAuto div:first-child {height: auto}
[class^='support_process'].cnt5 div:first-child {height:190px}
[class^='support_process'].cnt7 div:first-child {height:200px}
[class^='support_process'] > li + li {margin-left: 30px;}
[class^='support_process'] > li + li::before {
    content: '다음';
    text-indent: -9999px;
    overflow: hidden;
    width: 11px;
    height: 18px;
    background: url('/images/swm/blt/support_process.png') center / 11px auto no-repeat;
    display: block;
    position: absolute;
    left: -20px;
    top: 60px;
}
[class^='support_process'] > .add::before {
    width: 18px;
    height: 18px;
    background: url('/images/swm/blt/support_process_add.png') center / 18px no-repeat;
    left: -24px;
}
[class^='support_process'] div:first-child {
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #008c7d;
    text-align: center;
    line-height: 24px;
    padding: 26px 10px 0;
    height: 135px;
    margin-bottom: 10px;
    word-break: keep-all;
}
[class^='support_process'] div:first-child span {
    background-color: #008c7d;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    width: 24px;
    display: block;
    margin: 0 auto 7px;
}
[class^='support_process'] div:first-child img {
    display: block;
    margin: 0 auto 10px;
}
[class^='support_process'] li li {
    background: url('/images/swm/blt/support_process_li.png') left 9px / 2px no-repeat;
    padding-left: 6px;
    font-size: 14px;
    color: #222;
    line-height: 24px;
}

[class^='support_process'].item5 > li {
    width: calc((100% - 120px) / 5);
}

@media screen and (max-width: 1439px) {
    [class^='support_process'].cnt7 > li {width: calc((100% - 90px) / 3) !important;}
    [class^='support_process'].cnt7 > li:nth-child(n + 4) {margin-top: 30px;}
    [class^='support_process'].cnt5 > li {width: calc((100% - 60px) / 2) !important;}
    [class^='support_process'].cnt5 > li:nth-child(n + 3) {margin-top: 30px;}
}
@media screen and (max-width: 1000px) {
    [class^='support_process'] > li {width: calc((100% - 90px) / 3) !important;}
    [class^='support_process'] > li:nth-child(n + 4) {margin-top: 30px;}
}
@media screen and (max-width: 768px) {
    [class^='support_process'].cnt3 > li {width: 100% !important;}
    [class^='support_process'].cnt3 div:first-child {height: auto;padding: 26px 20px;}
    [class^='support_process'].cnt3 > li + li {margin: 30px 0 0 0;}
    [class^='support_process'].cnt3 > li + li::before {
        transform: rotate(90deg);
        top: -25px;
        left: calc(50% - 5px);
    }
    [class^='support_process'].cnt4 > li {width: calc((100% - 60px) / 2) !important;}
    [class^='support_process'].cnt4 > li:nth-child(n + 3) {margin-top: 30px;}
}
@media screen and (max-width: 550px) {
    [class^='support_process'] {padding: 0 15px;}
    [class^='support_process'] > li {width: 100% !important;}
    [class^='support_process'].cnt4 > li,
    [class^='support_process'].cnt5 > li,
    [class^='support_process'].cnt7 > li {width: 100% !important;}
    [class^='support_process'].cnt5 div:first-child,
    [class^='support_process'].cnt7 div:first-child {height: auto;}
    [class^='support_process'] > li + li {margin: 30px 0 0 0;}
    [class^='support_process'] > li + li::before {
        transform: rotate(90deg);
        top: -25px;
        left: calc(50% - 5px);
    }
    [class^='support_process'] > .add::before {
        top: -25px;
        left: calc(50% - 5px);
    }
    [class^='support_process'] div:first-child {height: auto; padding: 26px 20px;}
    [class^='support_process'] div:first-child span {
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: bottom;
    }
    [class^='support_process'] div:first-child br {display: none;}
}

.support_process2 > li {
    width: calc((100% - 90px) / 4);
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}
.support_process2 > li > p {
    background-color: #008c7d;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    border-radius: 15px 15px 0 0;
}
.support_process2 ul {padding: 15px 20px;}

@media screen and (max-width: 1000px) {
    .support_process2 > li {width: calc((100% - 60px) / 2) !important;}
    .support_process2 > li:nth-child(n + 3) {margin-top: 30px;}
}
@media screen and (max-width: 550px) {
    .support_process2 > li {width: 100% !important;}
}

.aboutBox {margin-top: 30px;}
.support_process3 > li {
    width: calc((100% - 100px) / 3);
    border: 1px solid #b2dcd8;
    border-radius: 15px;
    box-shadow: rgba(0,50,45, 0.1) 4px 4px 10px;
}
.support_process3 > li + li {margin-left: 50px;}
.support_process3 > li > p {
    background-color: #008c7d;
    text-align: center;
    padding: 13px 15px;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    border-radius: 15px 15px 0 0;
}
.support_process3 > li > span {
    font-size: 16px;
    color: #008c7d;
    text-align: center;
    display: block;
    padding: 15px;
}
.support_process3 > li > ul {
    padding: 15px;
    background-color: #f5f7f9;
    border-radius: 10px;
    margin: 10px;
    min-height: 150px;
    text-align: left;
}
.support_process3 li li {
    background: none;
    position: relative;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
}
.support_process3 > li > ul > li {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.support_process3 + .support_process3 li li,
.support_process3 > li > ul > li > ul > li{
    font-weight: 400;
}
.support_process3 li li::after {
    content: "";
    display: block;
    position: absolute;
    left: 0 ;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background: #acacac;
}
.support_process3 + .support_process3 li li::after,
.support_process3 > li > ul > li > ul > li::after {
    top: 10px;
    width: 5px;
    height: 2px;
    border-radius: 0;
}
.support_process3 > li + li::before {
    top: 50%;
    left: -38px;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    background: url('/images/swm/icon/icon_plus.png') center / 22px auto no-repeat;
}
.support_process3 + .support_process3{
    background: url('/images/swm/icon/icon_arr.png') center 0 / 21px auto no-repeat;;
    margin-top: 20px;
    padding: 45px 0 0 0;
}
.support_process3 + .support_process3 > li + li::before {background: none;}
.support_process3 + .support_process3 > li h5 {
    display: inline-block;
}
.support_process3 + .support_process3 > li{
    width: calc((100% - 50px) / 2);
    text-align: center;
}
.support_process3 + .support_process3 > li > ul {min-height: auto;}
@media screen and (max-width: 1439px) {
    .support_process3 > li > ul {background-color: #fff;}
}
@media screen and (max-width: 1000px) {
    .support_process3 + .support_process3 > li,
    .support_process3 > li {width:100% !important}
    .support_process3 > li + li {margin: 50px 0px 0;}
    .support_process3 > li + li::before {top: -35px;margin-top: 0;left: 50%;margin-left: -11px;}
    .support_process3 > li > ul {min-height: auto;background-color: #f5f7f9;}
    .support_process3 + .support_process3 > li + li {margin-top: 30px;}
}
/* --구직활동지원 */

/* 통합검색 */
.search_cont::after {content: ""; display: block; clear: both;}
.search_cont strong {color: #008c7d !important; font-weight: unset;}
.search_cont em {
    color: #008c7d !important;
    font-size: 16px;
    font-weight: unset;
    font-style: normal;
    vertical-align: unset;
}
.search_cont > div:first-child {
    float: left;
    width: calc(100% - 335px);
}
.search_box {
    border: 1px solid #eee;
    border-radius: 15px;
    background-color: #f9fafb;
    padding: 30px 20px;
    margin-bottom: 40px;
}
.search_box > div {
    border: 4px solid #ff8908;
    border-radius: 10px;
    max-width: 840px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 10px 10px 10px rgba(255, 137, 8, 0.15);
    padding: 6px 63px 6px 15px;
    position: relative;
}
.search_box select,
.search_box input {
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.search_box input {width: calc(100% - 30px);}
.search_box div div {
    padding-left: 31px;
    width: calc(100% - 165px);
    display: inline-block;
    position: relative;
}
.search_box div div::before {
    content: '';
    width: 1px;
    height: 25px;
    display: block;
    background-color: #e9e9e9;
    position: absolute;
    left: 15px;
    top: 10px;
}
.search_box div div a {
    text-indent: -9999px;
    overflow: hidden;
    background: url('/images/swm/icon/search_del.png') center / 9px auto #eee no-repeat;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
}
.search_box > div > a:last-child {
    text-indent: -9999px;
    overflow: hidden;
    background: url('/images/swm/icon/search_find.png') center / 25px #ff8908 no-repeat;
    width: 63px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
}

.search_result {text-align: center; margin-top: 65px;}
.search_result p {
    padding-left: 65px;
    background: url('/images/swm/icon/search_result.png') left 2px / 51px auto no-repeat;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    text-align: left;
    word-break: keep-all;
}
.search_result span {color: #008c7d;}
.search_result.noResult {
    padding-top: 220px;
    background: url('/images/swm/contents/search_noResult.png') top center / 187px no-repeat;
}
.search_result ul {
    margin: 20px 10px 50px;
    text-align: left;
    display: inline-block;
}
.search_result li {
    font-size: 15px;
    color: #666;
    padding-left: 14px;
    background: url('/images/swm/blt/search_li.png') left 10px / 5px no-repeat;
}
.search_result li + li {margin-top: 4px;}

.search_cont .menu,
.search_cont .board {
    margin-top: 60px;
    position: relative;
}
.search_cont .menu > p,
.search_cont .board > p {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    border-bottom: 2px solid #111;
    padding-bottom: 15px;
}
.search_cont .menu > p > span,
.search_cont .board > p > span {
    font-size: 13px;
    font-weight: 400;
    border-radius: 12px;
    background-color: #f1f1f1;
    padding: 3px 10px;
    vertical-align: bottom;
    margin-left: 5px;
}
.search_cont .menu > p span span,
.search_cont .board > p span span {
    color: #008c7d;
}
.search_cont .menu > a:last-child,
.search_cont .board > a:last-child {
    position: absolute;
    right: 0;
    top: 8px;
    background: url('/images/swm/icon/result_add.png') left center / 13px no-repeat;
    padding-left: 17px;
}

.search_cont .menu ul {padding: 22px 20px;}
.search_cont .menu li {
    padding-left: 14px;
    background: url('/images/swm/blt/search_li.png') left 12px / 5px no-repeat;
}
.search_cont .menu li + li {margin-top: 7px;}
.search_cont .menu li a:hover {text-decoration: underline;}

.search_cont .board > div {
    border-bottom: 1px solid #d9d9d9;
    padding: 26px 20px;
}
.search_cont .board > div ul {margin-bottom: 10px;}
.search_cont .board > div li {
    float: left;
    font-size: 14px;
    color: #444;
}
.search_cont .board > div li + li {
    margin-left: 7px;
    padding-left: 9px;
    background: url('/images/swm/icon/result_board_arr.png') left 5px / 5px auto no-repeat;
}
.search_cont .board > div > a:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.search_cont .board > div > span {
    font-size: 15px;
    font-weight: 300;
    color: #5f5f5f;
    background: url('/images/swm/blt/result_date.png') left center / 1px auto no-repeat;
    padding-left: 10px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}
.search_cont .board > div > div {
    line-height: 28px;
    color: #666;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.search_cont .board .file {
    background: url('/images/swm/icon/list_file.png') left top / 31px no-repeat;
    color: #3e3e3e;
    display: block;
    padding: 3px 0 3px 44px;
    line-height: 25px;
    margin-top: 12px;
}
.search_cont .board .file + .file {margin-top: 5px;}

.search_cont > div:last-child {
    float: right;
    width: 300px;
    display: flex;
    flex-direction: column;
}
.search_cont > div:last-child div {
    border: 1px solid #979797;
    border-radius: 20px;
    padding: 25px 30px 30px;
}
.search_cont > div:last-child div + div {
    margin-top: 20px;
}
.search_cont > div:last-child p {
    font-size: 16px;
    font-weight: 500;
    color: #14336c;
    margin-bottom: 22px;
}
.search_cont > div:last-child ol li {
    color: #333;
    margin-top: 15px;
    word-break: break-all;
}
.search_cont > div:last-child ol li:not(:nth-child(n + 4)) {
    font-weight: 500;
}
.search_cont > div:last-child ol li span {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 13px;
    color: #c3c3c3;
    width: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    margin-right: 10px;
}
.search_cont > div:last-child ol li:not(:nth-child(n + 4)) span {
    border-color: #14336c;
    background-color: #14336c;
    color: #fff;
}

.search_cont > div:last-child ul li {
    float: left;
    border: 1px dashed #d2d2d2;
    border-radius: 5px;
    color: #333;
    display: flex;
    align-items: center;
    padding: 5px 0 5px 12px;
    margin: 0 5px 5px 0;
}
.search_cont > div:last-child ul span {width: calc(100% - 38px);}
.search_cont > div:last-child ul .close {
    text-indent: -9999px;
    overflow: hidden;
    background: url('/images/swm/contents/search_del.png') center / 13px auto no-repeat;
    width: 38px;
    height: 28px;
}

@media screen and (max-width: 1000px) {
    .search_cont > div {
        float: none !important;
        width: 100% !important;
    }
    .search_cont > div:last-child {flex-direction: row; margin-top: 30px;}
    .search_cont > div:last-child div {width: calc((100% - 20px) / 2);}
    .search_cont > div:last-child div + div {margin: 0 0 0 20px;}
    .search_cont > div:last-child ol li {margin-top: 10px;}
}
@media screen and (max-width: 600px) {
    .search_box select {width: 100%; min-width: auto;}
    .search_box div div {
        padding: 11px 0 0 0;
        width: 100%;
        display: block;
        position: relative;
    }
    .search_box div div::before {
        width: 100%;
        height: 1px;
        left: 0;
        top: 5px;
    }
    .search_box > div > a:last-child {
        width: 48px;
        height: 113px;
    }
}
@media screen and (max-width: 500px) {
    .search_box {margin-bottom: 20px;}

    .search_result {margin-top: 40px;}
    .search_result p {
        font-size: 17px;
        background-position: top center;
        padding: 45px 20px 0 20px;
        text-align: center;
    }
    .search_result li {font-size: 14px;}

    .search_cont > div:last-child {flex-direction: column;}
    .search_cont > div:last-child div {width: 100%;}
    .search_cont > div:last-child div + div {margin: 20px 0 0 0;}
}
/* --통합검색 */

/* 설문조사 */
.bg_survey {
    border: 1px dotted #2b2b2b;
    border-radius: 10px;
    background: url('/images/swm/contents/bg_survey.png') right center no-repeat;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 32px;
    padding: 35px 55px;
    word-break: keep-all;
    margin: 60px 0 0 0 !important;
}
.box_survey {
    margin: 20px 0 0 0 !important;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.box_survey p {
    background-color: #f9f9fa;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding: 14px 28px;
}
.box_survey p span {
    font-weight: 500;
    color: #2b2b2b;
    background-color: #fff;
    border: 1px solid #515151;
    border-radius: 8px;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 12px;
}
.box_survey ul, .box_survey div {margin: 25px 28px;}
.box_survey li:not(:first-child) {margin-top: 17px;}
.box_survey .other {margin-top: 12px !important;}
.box_survey .other input + span::after {
    top: calc(50% - 3px);
    transform: translateY(-50%);
}
.box_survey textarea {resize: none;}

@media screen and (max-width: 767px) {
    .bg_survey {
        margin-top: 25px !important;
        padding: 20px 25px;
        font-size: 16px;
        background-image: url('/images/swm/contents/bg_survey_m.png');
        background-size: 140px auto;
    }
    .box_survey p {padding: 14px 25px;}
    .box_survey ul, .box_survey div {margin: 20px 25px;}
    .box_survey li:not(:first-child) {margin-top: 13px;}
    .box_survey .other {margin-top: 8px !important;}
}
@media screen and (max-width: 424px) {
    .box_survey .other {margin-top: 13px !important;}
    .box_survey .other input + span::after {
        top: 0;
        transform: none;
    }
    .box_survey .other input[type='radio'] + span::after {top: 2px;}
    .box_survey .other input[type='text'] {
        display: block;
        width: 100%;
        margin-top: 3px;
    }
}
/* --설문조사 */

/* 고용장려금_신청완료 */
.apply_done {margin-top: 70px; text-align: center;}
.apply_done p {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    position: relative;
}
.apply_done p::after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: rgba(237, 113, 0, 0.2);
    display: block;
    position: absolute;
    bottom: 3px;
}
.apply_done div {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 30px;
    padding-top: 215px;
    background: url('/images/swm/contents/apply_done.png') center 40px no-repeat;
}

@media screen and (max-width: 500px) {
    .apply_done p {font-size: 24px;}
    .apply_done div {
        padding-top: 170px;
        background-position: center 30px;
        background-size: 160px auto;
        font-size: 16px;
    }
}
/* --고용장려금_신청완료 */

/* 인턴십 참여 신청 */
.step_list {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0 55px;
}
.step_list li {
    float: left;
    background-color: #f3f3f3;
    border-radius: 25px;
    width: calc((100% - 159px) / 4);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
}
.step_list li.on {background-color: #008c7d;}
.step_list li + li {margin-left: 53px;}
.step_list li.on + li::before {background-image: url('/images/swm/contents/step_list_arr_on.png');}
.step_list li + li::before {
    content: '다음';
    text-indent: -9999px;
    overflow: hidden;
    width: 11px;
    height: 20px;
    background: url('/images/swm/contents/step_list_arr.png') center / 11px auto no-repeat;
    display: block;
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
}
.step_list li span {
    border-radius: 13px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    padding: 3px 11px;
    margin-right: 10px;
    position: relative;
}
.step_list li.on span {color: #333;}
.step_list li.on span::after {
    content: '';
    background: url('/images/swm/contents/step_list_icon.png') center / 27px auto no-repeat;
    width: 27px;
    height: 25px;
    display: block;
    position: absolute;
    left: -6px;
    top: -12px;
}
.step_list li p {
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #555;
}
.step_list li.on p {color: #fff;}

@media screen and (max-width: 800px) {
    .step_list {margin: 50px 0 45px;}
    .step_list li {
        width: calc((100% - 106px) / 2);
        padding: 15px;
    }
    .step_list li:nth-child(n + 3) {margin-top: 15px;}
}
@media screen and (max-width: 600px) {
    .step_list li {
        width: calc((100% - 15px) / 2);
        margin-left: 0 !important;
        flex-direction: column;
        align-items: center;
        padding: 20px 15px 15px;
    }
    .step_list li:nth-child(2n) {margin-left: 15px !important;}
    .step_list li + li::before {display: none;}
    .step_list li span {margin: 0 0 2px 0; font-size: 12px;}
    .step_list li p {font-size: 15px;}
}

.all_agree {
    border: 1px solid #008d7d;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(11, 79, 72, 0.13);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px 45px;
}
.all_agree p {
    font-size: 17px;
    font-weight: 500;
    margin: 10px 0;
}

@media screen and (max-width: 600px) {
    .all_agree {padding: 15px 25px 20px;}
}
/* --인턴십 참여 신청 */
/* 인턴십 참여 신청 (기업) */
.internshipMain {
    margin: 30px 0 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.internshipMain li {
    border-radius: 30px;
    width: calc((100% - 204px) / 4);
    height: 300px;
    padding: 180px 0 0 0 ;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    float: left;
    background: url('/images/swm/contents/internship_01.png') center 50px / auto 102px no-repeat #e5edf4;
    color: #53606c;
}
.internshipMain li + li{
    margin-left: 68px;
}
.internshipMain li:nth-child(2){
    background: url('/images/swm/contents/internship_02.png') center 50px / auto 102px no-repeat #e5f4ed;
    color: #52675d;
}
.internshipMain li:nth-child(3){
    background: url('/images/swm/contents/internship_03.png') center 50px / auto 102px no-repeat #f5f1ff;
    color: #544a6d;
}
.internshipMain li:nth-child(4){
    background: url('/images/swm/contents/internship_04.png') center 50px / auto 102px no-repeat #ffeed9;
    color: #70604c;
}
.internshipMain li:nth-child(odd){
    margin-top: 30px;
}
.internshipMain li:nth-child(even){
    margin-bottom: 30px;
}
.internshipMain li:nth-child(2n + 6){
    margin-top: 30px;
}
.internshipMain li:nth-child(2n + 5){
    margin-top: 60px;
}
.internshipMain li:nth-child(4n + 1){
    margin-left: 0;
}
.internshipMain li a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #222;
    font-weight: 500;
    background: url('/images/swm/contents/internship_arr.png') calc(100% - 12px) center / 43px auto no-repeat #fff;
    width: 154px;
    line-height: 50px;
    border-radius: 15px 0 15px 0;
    padding: 0 0 0 22px;
    text-align: left;
    box-shadow: rgba(51,51,51,0.06) -5px -5px 8px;
    z-index: 0;
}
.internshipMain li a:hover {
    color: #f26522;
    background-image: url('/images/swm/contents/internship_arr_on.png');
}
.internshipMain li a:hover span {position: relative;}
.internshipMain li a:hover span::before {
    content: '';
    width: 100%;
    height: 5px;
    background-color: #ffe9df;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 1279px) {
    .internshipMain li {width: calc((100% - 90px) / 4);}
    .internshipMain li + li {margin-left: 30px;}
}
@media screen and (max-width: 1023px) {
    .internshipMain {flex-wrap: wrap; margin-top: 0;}
    .internshipMain li {width: calc((100% - 30px) / 2);}
    .internshipMain li + li {margin: 20px 0 0 30px;}
    .internshipMain li:nth-child(2n + 1){margin: 20px 0 0;}
}
@media screen and (max-width: 767px) {
    .internshipMain li {width: 100%}
    .internshipMain li + li {margin: 20px 0 0;}
}
.box_support [class^='list_'] {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box_support [class^='list_'] li {
    border: #e2e2e3 solid 1px;
    border-radius: 15px;
    background: url('/images/swm/btn/down.png') calc(100% - 31px) center / 17px auto no-repeat #fff;
    width: calc(50% - 16px);
    line-height: normal;
    padding-left: 0;
    position: relative;
    min-height: 66px;
}
.box_support [class^='list_'] li::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e2e2e3;
    position: absolute;
    right: 81px;
    top: 0;
}
.box_support [class^='list_'] li:nth-child(2n) {margin: 0 0 0 32px;}
.box_support [class^='list_'] li:nth-child(n + 3) {margin-top: 10px;}
.box_support [class^='list_'] li a {
    display: block;
    border-radius: 15px;
    background: url('/images/swm/icon/down.png') 30px center / 35px auto no-repeat;
    padding: 18px 120px 18px 78px;
    color: #222;
    font-size: 16px;
    min-height: 64px;
    word-break: keep-all;
}

.box_support .list_move li {background: url('/images/swm/btn/move.png') calc(100% - 36px) center / 13px auto no-repeat #fff;}
.box_support .list_move li a {background: url('/images/swm/icon/move.png') 30px center / 35px auto no-repeat;}
.box_support .list_newWin li {background: url('/images/swm/btn/new_win.png') calc(100% - 30px) center / 18px auto no-repeat #fff;}

@media screen and (max-width: 1023px) {
    .box_support [class^='list_'] {flex-wrap: wrap}
    .box_support [class^='list_'] li {width: 100%; background-position: calc(100% - 15px) center;}
    .box_support [class^='list_'] li::after {right: 45px;}
    .box_support [class^='list_'] li:nth-child(2n) {margin: 10px 0 0 0;}
    .box_support [class^='list_'] li a {display: flex; align-items: center; padding:8px 80px 8px 60px; background-position: 15px center;}
}

/* Step3 직무기술서 작성 */
.write_group {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
}
.write_group > div:first-child {
    padding: 45px 15px 30px;
    text-align: center;
}
.write_group > div:first-child div > * {display: inline-block;}
.write_group h5 {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f7f8f9;
    padding: 15px 20px !important;
    margin: 30px 0 15px !important;
}
.write_group h5::after {display: none !important;}
.write_group .tbl_input {border-top: none;}
.write_group .tbl_input tr {border-bottom: none;}
.write_group .tbl_input th,
.write_group .tbl_input td {
    border-right: none !important;
    background: none;
}

.tableBox {background-color: #f9f9f9; padding: 20px 40px;}
.tableBox > * + * {margin-top: 15px;}

@media screen and (max-width: 767px) {
    .tableBox {padding: 20px 25px;}
}
@media screen and (max-width: 424px) {
    .tableBox {padding: 20px 15px;}
}
/* --Step3 직무기술서 작성 */
/* --인턴십 참여 신청 (기업) */

/* 인턴십 참여 신청 (참여자) */
.input_tit {
    width: 100%;
    font-size: 16px;
    padding: 18px 20px !important;
}
/* --인턴십 참여 신청 (참여자) */

/* 인턴십 참여기업 명단 */
.import_view {
    border-top: 5px solid #008c7d;
    border-bottom: 5px solid #ededed;
    position: relative;
    padding: 40px 45px 30px;
}
.import_view::before,
.import_view::after {
    content: '';
    width: 20px;
    height: 47px;
    display: block;
    background: url('/images/swm/contents/import_view_left.png') center / 20px auto #fff no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
}
.import_view::after {
    background-image: url('/images/swm/contents/import_view_right.png');
    left: auto;
    right: 0;
}
.import_view li {
    float: left;
    width: calc((100% - 90px) / 3);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
}
.import_view li + li {margin-left: 45px; position: relative;}
.import_view li + li::before {
    content: '';
    width: 1px;
    height: 80%;
    background-color: #e3e3e3;
    display: block;
    position: absolute;
    left: -22px;
}
.import_view li span:first-child {
    font-size: 15px;
    font-weight: 500;
    color: #007269;
    background: url('/images/swm/contents/import_view01.png') center 2px / 30px auto no-repeat;
    padding-top: 32px;
    width: 75px;
}
.import_view li:nth-child(2) span:first-child {background: url('/images/swm/contents/import_view02.png') center top / 25px auto no-repeat;}
.import_view li:nth-child(3) span:first-child {background: url('/images/swm/contents/import_view03.png') center 2px / 27px auto no-repeat;}
.import_view li span:last-child {
    width: calc(100% - 95px);
    margin-left: 20px;
}

@media screen and (max-width: 1023px) {
    .import_view {padding: 30px 25px 20px;}
    .import_view li {width: calc((100% - 50px) / 3);}
    .import_view li + li {margin-left: 25px;}
    .import_view li + li::before {left: -12px;}
    .import_view li span:last-child {margin-left: 15px;}
}
@media screen and (max-width: 767px) {
    .import_view {padding: 25px 50px 20px;}
    .import_view li {
        float: none;
        width: 100%;
        text-align: left;
        align-items: flex-start;
    }
    .import_view li + li {margin-left: 0;}
    .import_view li + li::before {display: none;}
    .import_view li span:first-child {
        padding: 0 0 0 22px;
        display: inline-block;
        background-position: left center;
        background-size: 15px auto;
    }
    .import_view li:nth-child(2) span:first-child {background-position: 1.5px center; background-size: auto 16px;}
    .import_view li:nth-child(3) span:first-child {background-position: 1.5px center; background-size: auto 15px;}
    .import_view li span:last-child {font-size: 16px; width: calc(100% - 110px);}
}
@media screen and (max-width: 424px) {
    .import_view {padding: 25px 30px 20px;}
}
/* --인턴십 참여기업 명단 */
/* 이용안내 - 개인정보처리방침*/
.policy {
    margin-top: 40px;
}
.policy p{
    font-size: 16px;
    color: #222;
    line-height: 32px;
    word-break: keep-all;
}
.policy p + p:not([class^='txtIn']){
    margin-top: 35px;
}
.policy .tit {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    margin: 55px 0 15px;
}
@media screen and (max-width: 767px) {
    .policy .tit {font-size: 22px;margin: 40px 0 15px;}
    .policy p{font-size: 15px;line-height: 28px;word-break: break-all;}
}
/*-- 이용안내 - 개인정보처리방침 */
/* 이용안내 - 이메일수집거부*/
.txtEmail {
    background: url('/images/swm/contents/email.png') center 0 / 188px auto no-repeat;
    padding: 210px 0 0 0;
    text-align: center;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 32px;
}
@media screen and (max-width: 767px) {
    .txtEmail {font-size: 20px !important;}
}
/*-- 이용안내 - 이메일수집거부*/
/* 이용안내 - 원격지원서비스*/
.txtRemote {
    background: url('/images/swm/contents/remote.png') center 0 / 188px auto no-repeat;
    padding: 210px 0 0 0;
    text-align: center;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 32px;
}
.txtRemote.type2 {
    background: url('/images/swm/contents/remote2.png') center 0 / 188px auto no-repeat;
}
.txt18 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 24px !important;
}
.customCenter dt, .customCenter dd{
    display: inline-block;
    font-size: 16px;
}
.customCenter dt {
    width: 95px;
    color: #222;
    font-weight: 500;
}
.customCenter dd strong{
    color: #008c7d;
    font-size: 26px;
    font-weight: 500;
}
.remoteBox {
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 5px;
}
.remoteBox *{
    display: inline-block;
    margin: 0 5px;
}
@media screen and (max-width: 767px) {
    .txtRemote {font-size: 20px !important;}
    .txt18 {font-size: 16px !important;}
    .txt18 span{display: block;}
    .remoteBox {padding: 15px;}
}
@media screen and (max-width: 490px) {
    .customCenter {text-align: center;}
    .customCenter dd span {display: block;}
    .remoteBox *{display: block;margin: 5px 0;}
}
/*-- 이용안내 - 원격지원서비스*/
/* 자가진단 결과 */
.resultArea {
    max-width: 370px;
    margin: 0 auto;
    padding: 20px 0px;
}
.resultArea p:not([class^="result_"]){
    text-indent: -18px;
    padding-left: -18px;
    font-weight: 300;
    font-size: 15px;
    color: #888888;
    margin: 5px 0;
    line-height: 24px;
}
.resultArea [class^="result_"]{
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 100%;
    background-size: 198px auto;
    padding: 0 0 223px 0;
    margin-bottom: 25px;
}
.resultArea .result_yes{background-image: url('/images/swm/contents/resultYes.png');}
.resultArea .result_no{background-image: url('/images/swm/contents/resultNo.png');}

/*-- 자가진단 결과 */
/* 마이페이지 */
.myList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.myList li{
    width: calc(100% / 5);
}
.myList a{
    display: block;
    text-align: center;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 70px;
    padding: 86px 0 0;
}
.myList li:nth-child(1) a{background-image: url('/images/swm/contents/myInfo_01.png');}
.myList li:nth-child(2) a{background-image: url('/images/swm/contents/myInfo_02.png');}
.myList li:nth-child(3) a{background-image: url('/images/swm/contents/myInfo_03.png');}
.myList li:nth-child(4) a{background-image: url('/images/swm/contents/myInfo_04.png');}
.myList li:nth-child(5) a{background-image: url('/images/swm/contents/myInfo_05.png');}

.myList a p{
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
.myList a span{
    color: #000000;
    font-size: 13px;
}
.myList a span strong{
    color: #008c7d;
    font-size: 24px;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .myList li{width: 50%;margin: 15px 0;}
}
/*-- 마이페이지 */

/* 마이페이지 - 매칭내역_상세 */
.reportBox {
    background-color: #f7f7f7;
    padding: 30px;
    height: 1460px;
    overflow-y: auto;
}
.reportBox > div {
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
    padding: 60px 65px;
}
@media screen and (max-width: 767px) {
    .reportBox {padding: 15px;}
    .reportBox > div {padding: 30px 20px;}
}
/*-- 마이페이지 - 매칭내역_상세 */

/* 수료증 팝업 */
.certificate {
    box-shadow: 4px 6px 20px rgba(51, 51, 51, 0.15);
    border-radius: 10px;
    padding: 45px;
}
.certificate * {font-size: 16px;}
.certificate > div {position: relative;}
.certificate > div,
.certificate > div > div {
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #e2af41 0%, #f8daab 45%, #e0a032 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.certificate > div > div {
    border: 1px solid transparent;
    margin: 3px;
}
.certificate > div::before,
.certificate > div::after,
.certificate > div > div::before,
.certificate > div > div::after {
    content: '';
    width: 21px;
    height: 21px;
    background: url('/images/swm/contents/certificate_lt.png') center #fff no-repeat;
    display: block;
    position: absolute;
}
.certificate > div::before {left: -3px; top: -3px; background-position: right bottom;}
.certificate > div::after {
    background: url('/images/swm/contents/certificate_rt.png') center #fff no-repeat;
    background-position: left bottom;
    right: -3px; top: -3px;
}
.certificate > div > div::before {
    background: url('/images/swm/contents/certificate_lb.png') center #fff no-repeat;
    background-position: right top;
    left: -3px; bottom: -3px;
}
.certificate > div > div::after {
    background: url('/images/swm/contents/certificate_rb.png') center #fff no-repeat;
    background-position: left top;
    right: -3px; bottom: -3px;
}
.certificate > div > div > div {padding: 40px;}
.certificate div > span {
    font-size: 11px;
    color: #666;
    line-height: 20px;
    margin: 20px 0;
    display: inline-block;
}
.certificate .logo {width: 100px; float: right;}
.certificate .medal {
    position: absolute;
    right: 40px;
    top: 165px;
}
.certificate h3 {
    text-align: left !important;
    letter-spacing: 10px;
    margin: 30px 0 10px;
}
.certificate li {font-weight: 500; line-height: 28px;}
.certificate li span {
    width: 70px;
    text-align: justify;
    display: inline-block;
    line-height: 23px;
}
.certificate p {margin: 20px 0 55px; text-align: center;}
.certificate p:nth-last-child(2),
.certificate p:last-child {font-size: 17px; font-weight: 500;}

@media screen and (max-width: 1280px) {
    .certificate .medal {top: 140px;}
}
@media screen and (max-width: 767px) {
    .certificate {padding: 10px;}
    .certificate .medal {
        width: 80px;
        right: 50%;
        top: 110px;
        transform: translateX(50%);
    }
    .certificate h3 {margin-top: 80px; text-align: center !important;}
}
@media screen and (max-width: 600px) {
    .certificate div > span {margin: 11px 0; width: 50%;}
    .certificate .logo {width: 70px;}
    .certificate .medal {top: 90px;}
    .certificate > div > div > div {padding: 20px;}
}
/* --수료증 팝업 */

/* 자가진단 */
.selfQAList {margin: 40px 0;}
.selfQAList > li {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.selfQAList div {
    background-color: #f9f9fa;
    padding: 18px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.selfQAList p {width: calc(100% - 140px); font-size: 16px; font-weight: 500;}
.selfQAList p span:first-child {
    background-color: #fff;
    border: 1px solid #515151;
    border-radius: 8px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.selfQAList .checked_list {width: 140px; text-align: right;}
.selfQAList > li > ul {padding: 14px 30px;}
.selfQAList ul * {
    font-size: 14px;
    line-height: 25px;
    color: #6c6c6c;
}
.selfQAList ul ul {padding-left: 12px; margin-bottom: 5px;}

@media screen and (max-width: 600px) {
    .selfQAList div {display: block; padding: 18px 25px;}
    .selfQAList p {width: 100%; margin-bottom: 8px;}
    .selfQAList .checked_list {display: inline-block; width: 100%;}
    .selfQAList > li > ul {padding: 14px 25px;}
}

.house_member3 {
    border: 2px solid #4e6be1;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    margin-top: 25px;
}
.house_member3 h3 {
    font-size: 16px !important;
    color: #fff !important;
    background-color: #4e6be1;
    border-radius: 0 0 20px 20px;
    display: inline-block;
    padding: 12px 35px !important;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    word-break: keep-all;
    position: relative;
    text-align: center !important;
}
.house_member3 h3::before,
.house_member3 h3::after {
    content: '';
    width: 10px;
    height: 10px;
    background: url('/images/swm/contents/h3_house_member.png') center / 10px no-repeat;
    display: block;
    position: absolute;
    left: -9px;
    top: 0;
}
.house_member3 h3::after {left: auto; right: -9px; transform: scaleX(-1);}
.house_member3 > ul {margin: 2px 40px 22px 5px;}

@media screen and (max-width: 1000px) {
    .house_member3 {margin-top: 50px;}
}
@media screen and (max-width: 767px) {
    .house_member3 h3 {max-width: 350px; padding: 12px 15px !important;}
}
@media screen and (max-width: 550px) {
    .house_member3 h3 {max-width: 250px; font-size: 14px !important;}
}
@media screen and (max-width: 500px) {
    .house_member3 h3 {max-width: 200px;}
}
@media screen and (max-width: 450px) {
    .house_member3 {margin-top: 30px;}
    .house_member3 h3 {max-width: 160px; padding: 8px !important;}
    .house_member3 > ul {margin: 2px 35px 22px 0;}
}
/* --자가진단 */

/* 구직지원금 신청 */
.list_process {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 28px 30px 26px;
    display: flex;
    flex-wrap: wrap;
}
.list_process li {
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 8px;
    width: calc((100% - 80px) / 3);
    text-align: center;
    padding: 5px 50px;
    color: #222;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
}
.list_process.cnt4 li {width: calc((100% - 120px) / 4);}
.list_process li + li {margin-left: 40px;}
.list_process li + li::before {
    content: '';
    width: 8px;
    height: 15px;
    background: url('/images/swm/contents/list_process.png') center / 8px 15px no-repeat;
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
}
.list_process.plus li {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border-color: #acd7d2;
    box-shadow: rgba(0,50,45,0.1) 4px 4px 10px;
    width: calc((100% - 80px) / 3);
    min-height: 90px;
}
.list_process.plus li + li::before {
    width: 14px;
    height: 14px;
    left: -28px;
    background: url('/images/swm/contents/list_plus.png') center / 14px 14px no-repeat;
}
.list_process span {
    border-radius: 8px;
    background-color: #008c7d;
    width: 32px;
    line-height: 32px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 20px;
    top: -15px;
}

@media screen and (max-width: 1150px) {
    .list_process li {width: calc((100% - 40px) / 2);}
    .list_process li:nth-child(n + 3) {margin-top: 20px;}
    .list_process.plus li:nth-child(n + 3),
    .list_process.cnt4 li:nth-child(n + 3) {margin-top: 0;}
}
@media screen and (max-width: 800px) {
    .list_process.cnt4 li,
    .list_process.plus li,
    .list_process li {width: 100%;}
    .list_process.cnt4 li:nth-child(n + 3),
    .list_process.plus li:nth-child(n + 3),
    .list_process li + li {margin: 30px 0 0 0 !important;}
    .list_process.plus li + li::before,
    .list_process li + li::before {
        top: -24px;
        left: calc(50% - 8px);
        transform: rotate(90deg);
    }
}
/* --구직지원금 신청 */

/* 2024.03.28 마이페이지 추가 */
.myLink {
    margin-top: 65px;
}
.myLink > li{
    float: left;
    border: #b7b7b7 solid 1px;
    border-radius: 10px;
    width: calc((100% / 5) - 26.4px);
    background-position: center 41px;
    background-repeat: no-repeat;
    background-size: 100px auto;
}
.myLink > li + li{margin-left: 33px;}
.myLink > li:nth-child(n+6){margin-top: 35px;}
.myLink > li:nth-child(6){margin-left: 0px;}
.myLink > li:nth-child(11){margin-left: 0px;}
.myLink > li > a{
    display: block;
    padding: 175px 15px 35px;
    font-size: 17px;
    color: #000000;
    text-align: center;
    font-weight: 500;
}
.myLink > li > a > span{
    display: inline-block;
    position: relative;
    text-align: center;
    padding-right: 25px;
}
.myLink > li > a > span::after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url('/images/swm/contents/mypage_arr.png') center / 18px auto no-repeat;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.myLink.icon1 > li:nth-child(1){background-image: url('/images/swm/contents/mypage_icon_0101.png');}
.myLink.icon1 > li:nth-child(2){background-image: url('/images/swm/contents/mypage_icon_0102.png');}
.myLink.icon1 > li:nth-child(3){background-image: url('/images/swm/contents/mypage_icon_0103.png');}
.myLink.icon1 > li:nth-child(4){background-image: url('/images/swm/contents/mypage_icon_0104.png');}
.myLink.icon1 > li:nth-child(5){background-image: url('/images/swm/contents/mypage_icon_0105.png');}
.myLink.icon1 > li:nth-child(6){background-image: url('/images/swm/contents/mypage_icon_0106.png');}
.myLink.icon1 > li:nth-child(7){background-image: url('/images/swm/contents/mypage_icon_0107.png');}

.myLink.icon2 > li:nth-child(1){background-image: url('/images/swm/contents/mypage_icon_0201.png');}
.myLink.icon2 > li:nth-child(2){background-image: url('/images/swm/contents/mypage_icon_0202.png');}
.myLink.icon2 > li:nth-child(3){background-image: url('/images/swm/contents/mypage_icon_0204.png');}
.myLink.icon2 > li:nth-child(4){background-image: url('/images/swm/contents/mypage_icon_0206.png');}
.myLink.icon2 > li:nth-child(5){background-image: url('/images/swm/contents/mypage_icon_0208.png');}

.myLink.icon3 > li:nth-child(1){background-image: url('/images/swm/contents/mypage_icon_0201.png');}
.myLink.icon3 > li:nth-child(2){background-image: url('/images/swm/contents/mypage_icon_0202.png');}
.myLink.icon3 > li:nth-child(3){background-image: url('/images/swm/contents/mypage_icon_0204.png');}
.myLink.icon3 > li:nth-child(4){background-image: url('/images/swm/contents/mypage_icon_0305.png');}
.myLink.icon3 > li:nth-child(5){background-image: url('/images/swm/contents/mypage_icon_0306.png');}
.myLink.icon3 > li:nth-child(6){background-image: url('/images/swm/contents/mypage_icon_0307.png');}
.myLink.icon3 > li:nth-child(7){background-image: url('/images/swm/contents/mypage_icon_0309.png');}
.myLink.icon3 > li:nth-child(8){background-image: url('/images/swm/contents/mypage_icon_0307.png');}

@media screen and (max-width: 1439px) {
    .myLink > li{width: calc((100% / 4) - 24.75px);}
    .myLink > li:nth-child(n+5){margin-top: 35px;margin-left: 33px;}
    .myLink > li:nth-child(5),
    .myLink > li:nth-child(9){margin-left: 0px;}
    .myLink.icon3 > li:nth-child(10) > a{letter-spacing: -2px;}
}
@media screen and (max-width: 1023px) {
    .myLink > li{width: calc((100% / 3) - 10px);}
    .myLink > li + li {margin-left: 15px;}
    .myLink > li:nth-child(n+4){margin-top: 15px;margin-left: 15px;}
    .myLink > li:nth-child(4),
    .myLink > li:nth-child(7),
    .myLink > li:nth-child(10){margin-left: 0px;}
}
@media screen and (max-width: 767px) {
    .myLink > li{width: 100%;background-size: 70px auto;background-position: center 20px;}
    .myLink > li + li {margin: 15px 0px 0 !important;}
    .myLink > li > a {padding: 105px 10px 20px;}
    .myLink.icon3 > li:nth-child(10) > a{letter-spacing: 0;}
}
/*-- 2024.03.28 마이페이지 추가 */
/* 2024.04.15 신청내역 페이지 추가 */
@media screen and (max-width: 1439px) {
    .xScroll {overflow: auto;}
    .xScroll table{min-width: 1440px;}
}
/*-- 2024.04.15 신청내역 페이지 추가 */

/* 에디터 스타일 */
.editor_cs {max-width: 1100px; margin: 0 auto; word-break:keep-all;}
.editor_cs * {font-size: 18px; line-height: 200%;}
.editor_cs .fs20 {font-size: 22px !important;}
.editor_cs .lineBox {
    padding: 20px;
    color: #333;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: normal;
    background:#fcfcfc;
}
.editor_cs .rest { background:url(https://t1.daumcdn.net/keditor/dist/0.7.21/image/blockquote-style1.svg) no-repeat center top; padding-top:30px; }
.editor_cs .big {
    font-family: 'Noto Serif KR';
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 21px;
    font-weight: 300;
    margin-top: 35px;
}
.editor_cs .big span { display:block; font-style:italic; color:#000; font-size:17px; }
.editor_cs .big p { color:#000; font-size:17px; }
.editor_cs hr { background: url(https://t1.daumcdn.net/keditor/dist/0.7.21/image/divider-line.svg) no-repeat center; margin:30px 0; border:none; }
.editor_cs hr.style2 { height:35px; background-position:center 13.5%;}
.editor_cs hr.style3 { height:35px; background-position:center 26%; }
.editor_cs hr.style4 { height:60px; background-position:center 40%; }
.editor_cs hr.style5 { height:35px; background-position:center 55%; }
.editor_cs hr.style6 { height:35px; background-position:center 68%; }

.editor_cs .bg_tit {background:#ff8908; color:#fff;}
.editor_cs .bg_tit_b {
    background: #222;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 20px;
    border-radius: 5px;
}
.editor_cs figcaption {text-align:Center; color:#666; font-size:14px; margin-top:5px;}
.editor_cs a {color:#ff8908; vertical-align:top;}
.editor_cs img {width: 100%; max-width: 600px; margin: 0 auto; display: block;}

.editor_cs table {border: 1px solid #ddd; margin-top: 25px;}
.editor_cs th,
.editor_cs td {border: 1px solid #ddd; text-align: center; padding: 5px 2px; word-break:keep-all;}
.editor_cs th {font-weight: 500; display: table-cell; background-color: #fff; color: #333;}
.editor_cs td {background-color: #f9f9f9;}

.editor_cs .imgBox { display:flex; gap:10px; }
.editor_cs .imgBox li { width: 100%; height:28vw; max-height:320px; overflow:hidden; position:relative; }
.editor_cs .imgBox li:nth-child(2) { margin-right:auto; }
.editor_cs .imgBox img { height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.editor_cs .imgBox:after { display:none; }
.mxw400 { max-width:400px; }
@media screen and (max-width: 767px) {
    .editor_cs * { font-size: 14.5px; }
    .editor_cs .fs20 { font-size: 18px !important; }
    .editor_cs hr { margin:20px auto; }
}
/* --에디터 스타일 */