@charset "utf-8";

/* 버튼 */
[class^='btn_'] {
    min-width: 100px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background-color: #fff;
    color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 7px 30px;
    line-height: 28px;
    text-align: center;
}
[class^='btn_'].disabled {
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important;
    color: #808080 !important;
    cursor: default !important;
}
input + [class^='btn_'] {margin-left: 4px;}
.btn_link {
    color: #000;
    font-weight: 600;
    border: #999999 solid 1px;
    border-radius: 4px;
    font-size: 16px;
    max-width: fit-content;
    background-image: url("/images/swm/btn/link.png");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: 14px auto !important;
    padding: 0 40px 0 15px !important;
    line-height: 36px;
}
.btn_basic {
    border: 1px solid #292929;
    font-size: 16px;
    color: #292929;
}
.btn_black {
    background-color: #333;
    border: 1px solid #333;
    font-size: 16px;
}
table .btn_black {
    font-size: 14px;
    font-weight: 400;
    min-width: auto;
    padding: 0 10px !important;
    line-height: 30px;
}
.btn_green {
    background-color: #008c7d;
    border: 1px solid #008c7d;
    font-size: 16px;
}
.btn_green_line {
    background-color: #fff;
    border: 1px solid #008c7d;
    color: #008c7d;
    font-size: 16px;
}
.btn_green.arr {
    background:url('/images/swm/btn/arr.png') calc(100% - 30px) center / 8px auto no-repeat #008c7d;
    padding-right: 50px;
}
table [class^='btn_green'] {
    font-size: 14px;
    font-weight: 400;
    min-width: auto;
    padding: 0 10px !important;
    line-height: 30px;
}
.btn_find {
    border: 1px solid #999;
    border-radius: 4px;
    font-weight: 400;
    color: #000;
    padding: 0 40px 0 20px;
    background: url('/images/swm/btn/btn_find.png') calc(100% - 20px) center / 15px no-repeat;
    display: inline-block;
    line-height: 40px;
}
.btn_back {
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    padding: 0 25px 0 40px;
    background: url('/images/swm/btn/back.png') 15px center / 15px auto no-repeat;
    display: inline-block;
    line-height: 35px;
}
.btn_go {
    border: 1px solid #008c7d;
    border-radius: 4px;
    font-weight: 500;
    color: #008c7d;
    padding: 0 40px 0 20px;
    background: url('/images/swm/btn/btn_go.png') calc(100% - 19px) center / 14px auto no-repeat;
    display: inline-block;
    line-height: 36px;
}
.btn_newWin {
    border: 1px solid #008c7d;
    border-radius: 4px;
    font-weight: 500;
    color: #008c7d;
    padding: 0 40px 0 20px;
    background: url('/images/swm/btn/newWin.png') calc(100% - 19px) center / 14px auto no-repeat;
    display: inline-block;
    line-height: 36px;
}
.btn_apply {
    background-color: #404040;
    border: 1px solid #404040;
    font-size: 16px;
    font-weight: 400;
    padding: 0 12px;
}
.btn_cancle {
    border: 1px solid #292929;
    font-size: 16px;
    font-weight: 400;
    color: #404040;
    padding: 0 10px;
}
.btn_org {
    border: 1px solid #f15922;
    background-color: #f15922;
}
.btn_blue {
    border: 1px solid #0e67ac;
    background-color: #1576c2;
    color: #fff !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 3px;
}
.btn_blue:hover {border: 1px solid #11578e; background-color: #13619e;}
.btn_gray {
    border: 1px solid #545454;
    background-color: #696969;
    color: #fff !important;
    font-size: 20px;
    font-weight: 600;
    border-radius: 3px;
}
.btn_gray:hover {border: 1px solid #3d3d3d; background-color: #474747;}
.btn_gray.noHover:hover {border: 1px solid #545454; background-color: #696969;}
.btn_file {
    border: 1px solid #3d3d3d;
    background-color: #474747;
    line-height: 40px;
    cursor: pointer;
    min-width: 100px;
}
.btn_file:hover {border: 1px solid #000; background-color: #111;}
.btn_line {
    border: 1px solid #787878;
    color: #000000;
}
.btn_line:hover {border: 1px solid #f15922; color: #f15922;}
.searchBox02 .btn_down {line-height: 44px; margin-left: 5px;}
[class^='btn_'].h40 {
    line-height:38px;
    padding: 0px 20px !important;
    font-size: 17px;
    max-width: fit-content;
    min-width: 100px;
}
[class^='btn_'].h48 {
    line-height:46px;
    padding: 0px 30px !important;
    font-size: 18px;
    min-width: fit-content;
}
[class^="btn_"] + [class^="btn_"] {margin-left: 6px;}

/* 둥근 버튼 */
[class^='btn_r'] {
    border: 1px solid #333;
    border-radius: 20px;
    color: #000;
    line-height: 24px;
    padding: 6px 35px 6px 20px;
    min-width: auto;
}
[class^='btn_r'].icon {
    text-indent: -9999px;
    overflow: hidden;
    padding: 6px 18px;
    background-position: center;
    border-radius: 10px;
}
.btn_r_add {
    border-color: #008c7d;
    color: #008c7d;
    background: url('/images/swm/btn/btn_r_add.png') calc(100% - 18px) center / 12px auto no-repeat;
}
.btn_r_del {
    background: url('/images/swm/btn/btn_r_del.png') calc(100% - 18px) center / 9px auto no-repeat;
}
.btn_r_line {
    padding: 6px 20px;
}
.btn_r {
    border: #008c7d solid 2px;
    color: #008c7d;
    border-radius: 22px;
    line-height: 40px;
    padding: 0 35px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    [class^='btn_r'] {
        padding: 2px 30px 2px 15px;
        background-position: calc(100% - 12px);
    }
    .btn_r {padding: 0 20px;}
    .btn_r_line {
        padding: 2px 15px;
    }
    .btn_go, .btn_newWin {
        border-radius: 5px;
        font-size: 13px;
    }
    [class^='btn_'] + [class^='btn_'] {margin: 2px;}
    [class^='btn_']:not([class^='btn_r_'], .btn_find, .btn_r, .btn_green.arr, .btn_go) {padding: 7px 10px;min-width: auto;}
}
@media screen and (max-width: 359px) {
    .btn_green.arr {padding: 7px 30px 7px 10px;background-position: calc(100% - 10px) center;letter-spacing: -1px;}
    .btn_find {padding: 10.6px 25px 10.66px 10px;background-position: calc(100% - 5px) center;line-height: 125%;}
    .btn_go {padding: 0 20px 0 5px;background-position: calc(100% - 5px) center;}
}
/* --버튼 */

/* 아이콘 */
[class^='icon_'] {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.icon_file {
    background-image: url('/images/swm/icon/file.png');
    width: 16px;
    height: 16px;
}
[class^='stat_'] {
    display: inline-block;
    border: 1px solid #727477;
    border-radius: 14px;
    font-size: 15px;
    text-align: center;
    min-width: 70px;
    line-height: 22px;
    color: #727477;
    padding: 2px 16px;
    margin: 2px;
    box-sizing: border-box;
}
.stat_purple {border-color: #a624b6; color: #a624b6;}
.stat_red {border-color: #ff5a5a; color: #ff5a5a;}
.stat_orange {border-color: #F06400; color: #F06400;}
.stat_brown {border-color: #ab6500; color: #ab6500;}
.stat_green {border-color: #008c7d; color: #008c7d;}
.stat_Lgreen {border-color: #47811c; color: #47811c;}
.stat_blue {border-color: #1a54d8; color: #1a54d8;}
.stat_Dblue {border-color: #1274bf; color: #1274bf;}
.stat_Lblue {border-color: #487fff; color: #487fff;}

@media screen and (max-width: 424px) {
    [class^='stat_'] {min-width: auto; padding: 2px 12px;}
}
/*-- 아이콘 */

/* 박스 */
/* .boxType01 {
    background-color: #f9f9f9;
    padding: 25px;
    border-radius: 8px;
    font-weight: 500;
}
.boxType03 {
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    padding: 20px 25px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .boxType01 {padding: 10px 15px;}
} */
.infoList {
    background-color: #f8f8f8;
    margin-top: 20px;
    padding: 25px 30px;
    font-size: 16px;
    color: #555;
    line-height: 25px;
}
.infoList > p:not(.guideTxt) {
    font-size: 17px;
    font-weight: 500;
    padding-left: 20px;
    background: url('/images/swm/icon/info_list.png') left center / 16px no-repeat;
    margin-bottom: 5px;
}
.infoList > p + * {
    margin-left: 20px;
}
.lineBox {border: 1px solid #ccc; padding: 20px;}
.roundBox {
    border: #d8dce0 solid 1px;
    border-radius: 20px;
    padding: 55px;
}
.roundGBox {
    border: #dddddd solid 1px;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 40px;
}
.roundWBox {
    border: #e2e2e3 solid 1px;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 40px;
}
.grayBox {
    background-color: #f9f9f9;
    padding: 40px;
    border-radius: 15px;
}
.myInfoBox {
    background: url('/images/swm/contents/myPhoto_bg.png') calc(100% - 108px) center no-repeat #fafafa;
    height: 220px;
    padding: 44px 65px 0 250px;
    border-radius: 10px;
    position: relative;
}
.myInfoBox > img {
    border-radius: 50%;
    width: 133px;
    position: absolute;
    left: 65px;
}

.myInfoBox-img {
    position: absolute;
    left: 65px;
    width: 133px;
    height: 133px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
}

.myInfoBox-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.myInfoBox p {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    margin: 10px 0 25px 0;
}
.myInfoBox p strong{
    font-size: 26px;
}
@media screen and (max-width: 1023px) {
    .grayBox,
    .roundGBox,
    .roundBox {padding: 30px;}

    .myInfoBox {padding: 150px 33px 40px;height: auto;background-size: 250px;background-position: calc(100% + 50px) bottom;}
    .myInfoBox > img {left: 50%;top:40px;width: 90px;margin-left: -45px;}
    .myInfoBox > div {text-align: center;}
}
@media screen and (max-width: 767px) {
    .grayBox,
    .roundGBox,
    .roundBox {padding: 25px;}
    .grayBox,
    .roundGBox,
    .roundBox {border-radius: 5px;}
}
@media screen and (max-width: 490px) {
    .grayBox,
    .roundWBox {padding: 15px;}
    .myInfoBox {padding: 120px 5px 20px;}
    .myInfoBox > img  {top: 20px;}
}
@media screen and (max-width: 374px) {
    .grayBox,
    .roundWBox,
    .roundGBox,
    .roundBox {padding: 15px;}
}
/*-- 박스 */

/* 검색 */
.searchBox,
.searchBox02,
.searchBox03 {
    border: #e4e4e4 solid 1px;
    border-top-color: #a7a7a7;
    background-color: #f8f9fb;
    padding: 25px;
    text-align: center;
    margin-bottom: 50px;
}
.searchBox > div {
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 0 120px 0 170px;
}
.searchBox > div select,
.searchBox > div [class^='btn_']{
    position: absolute;
    top: 0;
    left: 0;
}
.searchBox > div input[type='text'] {
    width: 100%;
    font-weight: 500;
}
.searchBox > div select {
    width: 160px;
    font-weight: 500;
    color: #111;
}
.searchBox > div [class^='btn_']{
    right: 0;
    left: auto;
    border-radius: 4px;
    min-width: 110px;
    font-size: 16px;
    background-color: #666666;
    border: #555555 solid 1px;
    line-height: 40px;
}
.searchBox02,
.searchBox03 {margin-bottom: 20px;}
.searchBox02 [class^='btn_'],
.searchBox03 [class^='btn_'] {
    border-radius: 4px;
    min-width: 110px;
    max-width: fit-content;
    font-size: 16px;
    padding: 10px 30px;
    height: 42.8px;
    line-height: 22.8px;
}
.searchBox02 .btn_blue {
    max-width:fit-content;
}
.searchBox02 > div > * {
    margin: 0 3px;
}
.searchBox02 > div > label {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
}
.searchBox02 > div > label + *{display: inline-block;}
.searchBox02 > div + div {margin-top: 15px;}

/* 검색버튼 position */
.searchBox02.type2 {
    position: relative;
    text-align: left;
}
.searchBox02.type2 > div {
    max-width: 800px;
    margin: 0 auto;
}
.searchBox02.type2 > div label {width: 100px;}
.searchBox02.type2 > div label + .checkList {width: calc(100% - 130px);}
.searchBox02.type2 > a {
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(290px);
}

.searchBox02.type2.w600 > div {max-width: 600px;}
.searchBox02.type2.w600 > a {transform: translateX(49px);}

@media screen and (max-width: 1023px) {
    .searchBox > div {text-align: left;display: block;margin-right: 0;}
    .searchBox.type2 > div {margin: 0 auto;}
    .searchBox > div{width: 100%;padding: 0 115px 0 105px;}
    .searchBox > div select {width: 100px;}
    .searchBox > div *,
    .searchBox02 > div *{margin: 2px 0;}
    .searchBox02.type2 {padding-bottom: 100px;}
    .searchBox02.type2 > div {max-width: 100% !important;}
    .searchBox02.type2 > a {top:auto;bottom:25px;transform: translateX(-50%) !important;}
    .searchBox02.type2 > div > label {display: block;}
    .searchBox02.type2 > div label + .checkList {width: 100%;}

    .searchBox > div + div {margin-top: 10px !important;}
}
@media screen and (max-width: 767px) {
    .searchBox, .searchBox02 {padding: 15px; margin-bottom: 20px;}
    .searchBox02 {text-align: left;}
    .searchBox > div{padding: 0px 0 50px 105px;}
    .searchBox > div [class^='btn_']{top: 50px;min-width: 100%;}
    .searchBox02 > div > label {display: block;}
    .searchBox02 [class^='btn_'] {max-width:fit-content;padding: 10px 20px}
    .searchBox02 .btn_blue {min-width: fit-content;}
    .searchBox02 .text,
    .searchBox02 .year {position: relative;padding: 0 80px 0 0;}
    .searchBox02 .text input[type='text'],
    .searchBox02 .year select{width: 100% !important;}
    .searchBox02 .text [class^='btn_'],
    .searchBox02 .text [class^='btn_'] + [class^='btn_'],
    .searchBox02 .year [class^='btn_'] {position: absolute;right: 0px;top: 0px;}
    .searchBox02 .text.func01 {padding-right: 138px;}
    .searchBox02 .text.func02 {padding:0 120px 55px 0}
    .searchBox02 .text [class^='btn_'] + [class^='btn_'] {top: auto;bottom: 0;max-width: calc(100% - 4px);}

    .searchBox02.type2 {padding-bottom: 70px;}
    .searchBox02.type2 > a {bottom:15px}
}
@media screen and (max-width: 650px) {
    .searchBox03 {padding: 15px; margin-bottom: 20px;}
    .searchBox03 select {width: calc((100% - 4px) / 2); margin-bottom: 5px;}
    .searchBox03 input {width: calc(100% - 118px);}
}
@media screen and (max-width: 424px) {
    .searchBox02 .text {padding: 0 0 48px 0 !important;}
    .searchBox02 .text [class^='btn_'] {top:auto;bottom:-4px;right:-4px;max-width: 100%;}
    .searchBox02 .text.func02 {padding:0 0 98px 0 !important}
    .searchBox02 .text.func02 [class^='btn_'] {bottom: 47px;right:-4px;max-width: 100%;}
    .searchBox02 .text [class^='btn_'] + [class^='btn_'] {bottom: -4px;right:-4px;max-width: 100%;}
}
@media screen and (max-width: 374px) {
    .searchBox > div{padding: 50px 0}
    .searchBox.type2 > div{padding: 0;}
    .searchBox > div select {width: 100%}
    .searchBox > div [class^='btn_']{top: 100px}
    .searchBox.type2 > div [class^='btn_']{position: static;}

    .searchBox03 input {width: 100%; margin-bottom: 5px;}
    .searchBox03 a {width: 100%; max-width: none !important; margin-left: 0;}
}

.searchBox_flex {display: flex; justify-content: center; align-items: center}
.searchBox_flex select,
.searchBox_flex input {margin-left: 5px}
.searchBox_flex_btn {margin-left: 5px; line-height: unset}

@media screen and (max-width: 767px) {
    .searchBox_flex {max-width: 100% !important; width: 100% !important; display: flex; justify-content: center; align-items: center; flex-direction: column}
    .searchBox_flex select,
    .searchBox_flex input {width: 100%; margin-left: 0; margin-bottom: 5px}

    .searchBox_flex_btn {margin-left: 0; max-width: 100% !important; width: 100%}
}

[class^='search_list'] {
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    padding: 18px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[class^='search_list'] p {
    background: url('/images/swm/icon/search_list_page.png') left 3px / 15px auto no-repeat;
    padding-left: 25px;
    display: inline-block;
}
[class^='search_list'] input:not(.date) {
    margin-left: 2px;
    width: 400px;
    border-radius: 5px 0 0 5px !important;
}
[class^='search_list'] a {
    background: url('/images/swm/icon/search.png') center / 18px #444 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    border: 1px solid #dfdfdf;
    border-left: none;
    border-radius: 0 5px 5px 0;
    width: 40px;
    height: 42px;
    margin-left: -5px !important;
}

[class^='search_list'] > div > * {margin: 2px 0;}
[class^='search_list'] div div {display: inline-block;}
[class^='search_list'] div div input:not(.date) {width: 200px;}
[class^='search_list'] label,
[class^='search_list'] .label {
    font-weight: 500;
    color: #000;
    display: inline-block;
    margin-right: 5px;
}
[class^='search_list'].center {justify-content: space-evenly;}

.search_list2 {display: block;}
.search_list2 > div {
    display: flex;
    justify-content: space-evenly;
    align-items: end;
}
.search_list2 > div + div {margin-top: 5px;}
.search_list2 input:not(.date) {width: 400px !important;}
.search_list2 div div div input:not(.date) {width: 200px !important;}

@media screen and (max-width: 1100px) {
    [class^='search_list'] div div {display: block;}
    [class^='search_list'] div div input:not(.date) {margin-left: 0; width: calc(100% - 41px);}

    .search_list2 > div label,
    .search_list2 > div .label {display: block;}
}
@media screen and (max-width: 1024px) {
    [class^='search_list'] {padding: 20px 15px;}
    [class^='search_list'] input:not(.date) {width: 200px;}
}
@media screen and (max-width: 767px) {
    [class^='search_list'] {display: block; border-radius: 10px;}
    [class^='search_list']:not(.center) > div {margin-top: 10px;}
    [class^='search_list'] input:not(.date) {width: calc(100% - 195px);}
    [class^='search_list'] label,
    [class^='search_list'] .label {width: 100px;}
    [class^='search_list'].center input:not(.date) {width: calc(100% - 41px);}

    .search_list2 > div {display: block;}
    .search_list2 > div label,
    .search_list2 > div .label {display: inline-block;}
    .search_list2 input:not(.date) {width: calc(100% - 39px) !important;}
}
@media screen and (max-width: 424px) {
    [class^='search_list'] select {width: 100% !important; margin-bottom: 10px;}
    [class^='search_list'] input:not(.date) {width: calc(100% - 41px); margin-left: 0;}
}
/*-- 검색 */

/* 리스트 & 블릿*/
[class^="bltList"] li {position: relative;}
[class^="bltList"] li + li {margin-top: 4px;}
[class^="bltList"] li::after {
    position: absolute;
    left: 25px;
    top: 10px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.bltList01 li {
    padding-left: 35px;
    font-size: 16px;
    color: #222;
    line-height: 26px;
}
.bltList01 li::after {background: #ccc;}
.bltList01 ul {margin-top: 8px;}
.bltList01 li li {
    padding-left: 18px;
    font-size: 15px;
    color: #333;
}
.bltList01 li li:last-child {margin-bottom: 10px;}
.bltList01 li li::after {
    width: 8px;
    height: 2px;
    background: #aaa;
    border-radius: 0;
    left: 3px;
    top: 12px;
}

.bltListBox {
    border: 1px solid #ece3dc;
    border-radius: 15px;
}
.bltListBox ul {
    border: 5px solid #f4f4f4;
    border-radius: 15px;
    padding: 25px 30px;
}
.bltListBox li {padding-left: 16px; line-height: 28px;}
.bltListBox li:not(.infoTxt, .checkBox)::after {
    left: 0;
    top: 10px;
    background-color: #008c7d;
    width: 6px;
    height: 6px;
    border-radius: 2px;
}
.bltListBox .infoTxt {
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-position: left 5px;
    padding: 0 0 0 26px;
    margin-top: 0;
}


.bltListBox li.checkBox { text-align:center; }





.bltListBox + [class^='tbl_'] {margin-top: 20px;}

.linkList > li {
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.linkList > li::after {content: ""; display: block; clear: both;}
.linkList > li + li {margin-top: 20px;}
.linkList > li p {
    width: calc(100% - 240px);
    padding: 0 28px 0 36px;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}
.linkList > li p::after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #167ac8;
    display: block;
    position: absolute;
    left: 28px;
    top: 12px;
}
.linkList > li > span {
    background-color: #f3f3f3;
    border-radius: 0 4px 4px 0;
    display: block;
    padding: 28px 0;
    text-align: center;
    flex: 1;
}

@media screen and (max-width: 570px) {
    .linkList > li {display: block;}
    .linkList > li p {width: 100%; padding: 20px 20px 15px 28px;}
    .linkList > li p::after {top: 32px; left: 20px;}
    .linkList > li > span {padding: 15px 0 20px;}
}

.statList {border: 2px solid #d9d9d9; padding: 10px 30px 20px;}
.statList li {
    float: left;
    background-color: #999bad;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    margin: 10px 10px 0 0;
}
.statList li.type2 {background-color: transparent; color: #333;}

@media screen and (max-width: 500px) {
    .statList {padding: 0px 20px 10px;}
}
/*-- 리스트 & 블릿*/

/* 링크 */
.new_link,
.arr_link {
    font-size: 13px;
    color: #555;
    border: 1px solid #aaa;
    border-radius: 13px;
    margin-left: 5px;
    word-break: keep-all;
    padding: 3px 28px 3px 10px;
    background: url('/images/swm/icon/new_link.png') calc(100% - 10px) center / 12px no-repeat;
}
.arr_link {background: url('/images/swm/icon/arr_link.png') calc(100% - 10px) center / 13px auto no-repeat;}

/* 텍스트 */
.txtR {
    text-align: right;
    color: #555555;
    font-size: 16px;
}
h4 + .txtR {
    margin: -35px 0 -5px 0;
    min-height: 35px;
}
h4 + .txtR.type2 {
    margin: -40px 0 -5px 0;
    min-height: 35px;
}
.descTxt {
    font-size: 16px;
    font-weight: 400 !important;
    color: #222;
    line-height: 26px;
}
.guideTxt {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888 !important;
}
.infoTxt {
    font-size: 14px;
    background: url('/images/swm/icon/info_text.png') 20px 10px / 17px #f6fcff no-repeat;
    border: 1px solid #c5e8e5;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 20px 8px 46px;
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .txtR {text-align: left;margin: 0 !important;min-height: auto !important;}
    h3.blt01 + .txtR {margin-top: -5px;}
    .guideTxt {font-size: 13px;}
}
/*-- 텍스트 */

/* 탭 */
[class^='tabList'] {margin: 40px 0;}
[class^='tabList'] li {
    float: left;
    width: calc((100% - 50px) / 6);
    margin-right: 10px;
}
[class^='tabList'] li:nth-child(6n) {margin-right: 0;}
[class^='tabList'] li:nth-child(n + 7) {margin-top: 10px;}
.mTab {display: none;}
.mTab a,
[class^='tabList'] li a {
    display: block;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    color: #000;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    word-break: keep-all;
}
[class^='tabList'] li.on a,
[class^='tabList'] li a:hover {
    border-color: #00685d;
    background-color: #008c7d;
    font-weight: 600;
    color: #fff;
}
.mTab a {
    text-indent: -9999px;
    overflow: hidden;
    min-height: 0;
    font-size: 0;
    padding: 0;
    border: none;
}

/* 통합검색 탭 */
.tabList02 {margin: 0;}
.tabList02 li {width: calc((100% - 90px) / 4);}
.tabList02 li + li {margin-left: 20px;}
.tabList02 li:last-child {margin-right:0;}
.tabList02 li a {
    border-color: #e1e1e1;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #888888;
    height: 60px;
}
.tabList02 li.on a,
.tabList02 li a:hover {
    border-color: #14336c;
    background-color: #14336c;
    font-weight: 600;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .mTab {margin-top: 30px;display: block;}
    .mTab + [class^='tabList'] {
        margin-top: 0;
        margin-bottom: 30px;
        border-radius: 10px;
    }
    .mTab + [class^='tabList'] li {width: 100%;}
    .mTab + [class^='tabList'] li a {
        font-size: 14px;
        min-height: 45px;
        padding: 0 20px;
    }
    .mTab + [class^='tabList'] li {margin: 0;}
    .mTab + [class^='tabList'] li + li a {border-top: none;}
    .mTab + [class^='tabList'] li:first-child a {border-radius: 10px 10px 0 0;}
    .mTab + [class^='tabList'] li:last-child a {border-radius: 0 0 10px 10px;}
    .mTab a {
        background:url('/images/swm/btn/select_down.png') calc(100% - 15px) center / 10px auto no-repeat;
        border: 2px solid #008c7d;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        color: #008c7d;
        text-indent: 0;
        min-height: 45px;
        padding: 0 40px 0 20px;
        box-shadow: 0 0 15px rgba(77, 77, 77, 0.17);
    }
    .mTab.on a {background-image: url('/images/swm/btn/select_up.png');}
    .mTab + [class^='tabList'] {height: 0; overflow: hidden;}
    .mTab.on + [class^='tabList'] {
        height: auto;
        box-shadow: 0 0 15px rgba(77, 77, 77, 0.17);
    }
    .mTab a, .mTab.on + [class^='tabList'] li a{
        justify-content:flex-start;
        text-align: left;
    }
    .mTab + [class^='tabList'] li a:focus,
    .mTab + [class^='tabList'] li a:hover,
    .mTab + [class^='tabList'] li.on a {
        background-color: transparent;
        border-color: #dedede;
        font-weight: 500;
        color: #008c7d;
    }

    .tabList02 li {width: calc((100% - 60px) / 4);}
    .tabList02 li + li {margin-left: 10px;}
}
@media screen and (max-width: 500px) {
    [class^='tabList'].cnt6 li{width: calc(100% / 2);}
    [class^='tabList'].cnt6 li:nth-child(n+3) a{border-top: none;}

    .tabList02 li {width: calc((100% - 10px) / 2);}
    .tabList02 li:nth-child(2n + 1) {margin-left: 0;}
    .tabList02 li:nth-child(n + 3) {margin-top: 10px;}
    .tabList02 li:nth-child(2n) {margin-left: 0;margin-right:0;}
}
@media screen and (max-width: 424px) {
    [class^='tabList'].cnt2 li,
    [class^='tabList'].cnt3 li {width: 100% !important}
    [class^='tabList'].cnt3 li a{padding:10px 5px;min-height: auto !important;}
    [class^='tabList'].cnt3 li:nth-child(n+2) a{border-top: none;}
}
/*-- 탭 */

/* 테이블 */
[class^='tbl_'] {
    border-top: 2px solid #111;
    margin-top: 40px;
}
[class^='tbl_'] tr {
    border-bottom: 1px solid #d9d9d9;
}
[class^='tbl_'] th {
    font-size: 16px;
    font-weight: 500;
    height: 64px;
    word-break: keep-all;
}
[class^='tbl_'] td {
    word-break: break-all;
    background-color: #fff;
}
[class^='tbl_'] th:last-child,
[class^='tbl_'] td:last-child {
    border-right: none;
}

/* 테이블 가운데 정렬 */
[class^='tbl_'].center th,
[class^='tbl_'].center td {
    text-align: center;
}
[class^='tbl_'].center th {padding: 0;}

/* 입력 테이블 */
.tbl_input tr {border-bottom: 1px solid #dcdfdd;}
.tbl_input th {
    background-color: #f7f9f8;
    text-align: left;
    padding: 0 20px;
    font-size: 15px;
    color: #222;
}
.tbl_input td {
    padding: 7px 13px;
    height: 54px;
    color: #222;
}
.tbl_input th:not(:last-child),
.tbl_input td:not(:last-child) {
    border-right: 1px solid #dcdfdd;
}
.tbl_input + .tbl_input {margin-top: 20px;}

@media screen and (max-width: 600px) {
    .tbl_input th,
    .tbl_input td {
        word-break: break-all;
        font-size: 14px;
        padding: 7px 10px;
    }
}

.lLine {border-left: 1px solid #d9d9d9 !important;}
.rLine {border-right: 1px solid #d9d9d9 !important;}

[class^='tbl_'] .notice span {
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background: url('/images/swm/icon/notice.png') center / 15px no-repeat;
    display: block;
}
[class^='tbl_'] .link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
}
[class^='tbl_'] .link a {color: #333;}
[class^='tbl_'] .link a:hover {text-decoration: underline;}
[class^='tbl_'] .new {
    background: url('/images/swm/icon/new.png') right center / 18px no-repeat;
    padding-right: 20px !important;
}
[class^='tbl_'] .new::after {
    content: "새글";
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
[class^='tbl_'] .file span,
.img_list ul .file span {
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 31px;
    background: url('/images/swm/icon/list_file.png') center / 31px no-repeat;
    display: block;
}

/* 리스트 테이블 */
.tbl_list th + th {
    background: url('/images/swm/blt/tbl_list_th.png') left center / 1px auto no-repeat;
}
.tbl_list tbody tr.on,
.tbl_list tbody tr.on td,
.tbl_list tbody tr:hover td {background-color: #f7f8f9;}
.tbl_list td {
    text-align: center;
    height: 55px;
    padding: 8px 12px;
}
[class^='tbl_'] + .tbl_list {margin-top: 40px;}

.tbl_list .mo_th {display: none;}

/* 세로 슬라이드 테이블 */
[class^='tbl_'].yScroll {
    overflow-x: auto;
    max-height: 400px;
}
[class^='tbl_'].yScroll table {
    border-spacing: 0;
    border-collapse: separate;
}
[class^='tbl_'].yScroll th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
}
[class^='tbl_'].yScroll th,
[class^='tbl_'].yScroll td {
    border-bottom: 1px solid #dfdfdf;
}

/* 팝업 테이블 */
.layerCont .tbl_list th {height: 58px;}

@media screen and (max-width: 1023px) {
    .tbl_list.tMobile colgroup,
    .tbl_list.tMobile thead,
    .tbl_list.tMobile td:not(.nohide):first-child,
    .tbl_list.tMobile td:not(.nohide).mohide {display: none;}
    .tbl_list.tMobile tbody tr:hover {background-color: #f7f8f9;}
    .tbl_list.tMobile tr {display: block; padding: 10px 10px 10px 5px;}
    .tbl_list.tMobile td {
        height: auto;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 10px;
    }
    .tbl_list.tMobile td:has(.mo_th) {
        display: block;
        text-align: left;
        font-weight: 400;
    }
    .tbl_list.tMobile .mo_th {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        width: 70px;
    }
}
@media screen and (max-width: 767px) {
    .tbl_list:not(.yScroll) colgroup,
    .tbl_list:not(.yScroll) thead,
    .tbl_list:not(.yScroll) td:not(.nohide):first-child,
    .tbl_list:not(.yScroll) td:not(.nohide).mohide {display: none;}
    .tbl_list:not(.yScroll) tbody tr:hover {background-color: #f7f8f9;}
    .tbl_list:not(.yScroll) tr {display: block; padding: 10px 10px 10px 5px;}
    .tbl_list:not(.yScroll) td {
        height: auto;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 10px;
    }
    .link a {font-size: 16px; font-weight: 500;}

    .tbl_list td:has(.mo_th) {
        display: block;
        text-align: left;
        font-weight: 400;
    }
    .tbl_list .mo_th {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        width: 70px;
    }
}

/* tbl_list 모바일 */
.tbl_list.phide {width: 100%;}
.tbl_list.phide li {padding: 10px 5px; border-bottom: 1px solid #d9d9d9;}
.tbl_list.phide li div + div {margin-top: 5px;}
.tbl_list.phide li:hover {background-color: #f7f8f9;}
.tbl_list.phide li span {font-size: 14px; font-weight: 500; padding: 4px 10px;}
.tbl_list.phide .btn_green {
    font-size: 14px;
    font-weight: 400;
    min-width: auto;
    padding: 0 10px;
    line-height: 30px;
}

/* 테이블내 테이블 */
.tbl_mini {
    margin: 5px 0;
    border-top: #e4e4e4 solid 1px;
    border-left: #e4e4e4 solid 1px;
    border-right: #e4e4e4 solid 1px;
}
.tbl_mini * {border-color: #e4e4e4;text-align: center !important;word-break: break-all !important;}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
    .tbl_list:not(.yScroll) colgroup,
    .tbl_list:not(.yScroll) thead,
    .tbl_list:not(.yScroll) td:not(.nohide):first-child,
    .tbl_list:not(.yScroll) td:not(.nohide).mohide {display: none;}
    .tbl_list:not(.yScroll) tbody tr:hover {background-color: #f7f8f9;}
    .tbl_list:not(.yScroll) tr {display: block; padding: 10px 10px 10px 5px;}
    .tbl_list:not(.yScroll) td {
        height: auto;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 4px 10px;
    }
    .link a {font-size: 16px; font-weight: 500;}

    .tbl_list td:has(.mo_th) {
        display: block;
        text-align: left;
        font-weight: 400;
    }
    .tbl_list .mo_th {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        width: 70px;
    }
}

.tblType01 {
    margin-top: 5px;
    border-top: #111111 solid 2px;
}
.tblType01 th {
    background-color: #f5f5f5;
    font-weight: 600 !important;
}
.tblType01 th,
.tblType01 td{
    padding:12px 30px;
    text-align: left;
    border-bottom: #d9d9d9 solid 1px;
    font-weight: 500;
}
.tblType01.write th{
    padding: 22px 30px 21px ;
}
.tblType01.write td{
    padding:8px 16px;
    font-weight: 500;
}
.tblType01.write td *{font-weight: 500;}
.tblType01.write th strong {
    color: #f10b0b;
    display: inline-block;
    margin-left: 5px;
}
.tblType01.view td,
.tblType01.view td li,
.tblType01.view td span,
.tblType01.view td p {
    font-size: 16px;
}
.tblType01.view th, .tblType01.view td{padding: 15px 30px;}
.tblType01.head th, .tblType01.head td{
    text-align: center;
    border-bottom: #d9d9d9 solid 1px;
    padding: 10px;
}
.tblType01.head th {
    background-color: #f8f8f8;
    font-size: 16px;
}
.tblType01.head th + th, .tblType01.head td + td{border-left: #d9d9d9 solid 1px;}
.tblType01.head td,
.tblType01.head td *{
    font-size: 16px;
    color: #444444;
    word-break: break-all;
}
.tblType01.hover tr:hover,
.tblType01.hover .on {
    background-color: #f5f8fa;
}
.tblType01.hover a {display: block;}

@media screen and (max-width: 1024px) {
    /* 상단 제목형 세로변환 */
    .tblType01.head.vertical, .tblType01.head.vertical tr, .tblType01.head.vertical td, .tblType01.head.vertical tbody {width: 100%;display: block;}
    .tblType01.head.vertical thead,
    .tblType01.head.vertical colgroup{display: none;}
    .tblType01.head.vertical tr{
        border-bottom: #e7e7e7 solid 1px;
        padding: 10px 0;
        clear: both;
    }
    .tblType01.head.vertical tr::after{content: '';display: block;clear: both;}
    .tblType01.head.vertical td {
        border:none;
        text-align: left;
        clear: both;
        padding: 0;
    }
    .tblType01.head.vertical td > span {
        float: left;
        padding: 5px 5px 5px 0;
        display: block;
    }
    .tblType01.head.vertical td > span:nth-child(2) {
        width: calc(100% - 115px);
        padding: 5px 0
    }
    .tblType01.head.vertical input[type='text'],
    .tblType01.head.vertical input[type='password'],
    .tblType01.head.vertical input[type='file'],
    .tblType01.head.vertical textarea, .tblType01.head.vertical select {min-width: 100%;width:100%}
    .tblType01.head.vertical.tit180px td > span:nth-child(2) {width: calc(100% - 185px);}
}
@media screen and (max-width: 767px) {
    .tblType01.view th, .tblType01.view td,
    .tblType01 th, .tblType01 td {padding: 10px 10px 8px;}
    .tblType01.view td {padding: 13px 10px 11px;}
    .write td input{margin: 5px 0;}
    .tblType01.write td{padding:5px 10px !important;}
    [class^='tblType'].vertical colgroup {display: none;}
    [class^='tblType'].vertical tr,
    [class^='tblType'].vertical td,
    [class^='tblType'].vertical th {display: block;}
    [class^='tblType'].vertical.write td {padding: 5px 0;}

    [class^='tblType'].write th,
    [class^='tblType'].write td {padding: 15px!important;}
}
@media screen and (max-width: 480px) {
    /* 모든 쓰기 테이블 세로 형태로 변환 */
    [class^='tblType'].write colgroup {display: none;}
    [class^='tblType'].write tr,
    [class^='tblType'].write td,
    [class^='tblType'].write th {display: block;}
    [class^='tblType'].write th {padding: 15px !important;}
    [class^='tblType'].write td {padding: 10px 0 !important;}
}
.tblType02 thead th,
.tblType02 tbody th.sky {
    background-color: #f5f8fa !important;
    border-color: #ccd7de !important;
    font-size: 16px !important;
}
.tblType02 tbody th {
    background-color: #f8f8f8;
}
.tblType02 th,
.tblType02 td{
    padding:10px 10px;
    font-weight: 500;
    font-size: 15px;
    border: #ccd7de solid 1px;
}
.tblType02 tbody th,
.tblType02 td{
    border-color: #d9d9d9;
    padding: 5px 10px;
}
.tblType02 td strong {font-weight: 600;}
.tblType02.data td{
    text-align: right;
}
.tblType02.data tr.tfoot th,
.tblType02.data tr.tfoot td {background-color: #f8f8f8;}
.lLine {border-left: #d9d9d9 solid 1px;}

@media screen and (max-width:1023px) {
    .tblType02 thead th{padding: 10px 5px !important;}
    .tblType02 tbody th, .tblType02 td{padding: 5px;}
}
/* 그린 테이블 */
.tbl_green {
    margin-top: 10px;
    border-top: 2px solid #008c7d;
}
.tbl_green tr {
    border-bottom: 1px solid #dcdfdd;
}
.tbl_green th + th,
.tbl_green th + td,
.tbl_green td + th,
.tbl_green td + td {
    border-left: 1px solid #dcdfdd;
}
.tbl_green th,
.tbl_green td {
    padding: 12px 18px;
    text-align: center;
}
.tbl_green th {background-color: #f7f9f8; font-weight: 500;word-break: break-all}

@media screen and (max-width: 424px) {
    .tbl_green th,
    .tbl_green td {padding: 12px 5px;}
}
/*-- 그린 테이블 */
/* 목록 */
.searchBox02 + .tot {margin-top: 50px;}
.tot, .tot li {
    color: #666;
    font-size: 16px;
    padding-bottom: 5px;
}
.tot li {
    display: inline-block;
    padding-right: 15px;
}
.tot li:last-child{padding-right: 0px;}
.tot span{
    font-size: 20px;
    color: #177ac8;
    font-weight: 500;
}
.tot strong {
    color: #333;
}
.tblType01.list {border-top-color: #333;}
.tblType01.list th{
    background-color: #fff;
}
.tblType01.list tr.notice th, .tblType01.list tr.notice td {background-color: #f4f9fd;}
.tblType01.list th, .tblType01.list td {
    padding: 19px 5px;
    text-align: center;
}
.tblType01.list td {
    color: #555;
    font-weight: 400;
    padding: 21px 5px 19px;
}
.tblType01.list a {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tblType01.list a:hover{
    text-decoration: underline;
    text-decoration-color: #a0a0a0;
    text-underline-position: under;
}
.thNum {width: 100px;}
.thBun {width: 150px;}
.date  {
    width: 202px;
    background: url('/images/swm/icon/cal.png') calc(100% - 10px) center #fff no-repeat !important;
    background-size: 23px auto !important;
    padding-right: 40px !important;
}

@media screen and (max-width: 1023px) {
    .tblType01.list colgroup,
    .tblType01.list thead,
    .tblType01.list .thNum {display: none !important;}
    .tblType01.list tr,
    .tblType01.list td {display: block;}
    .tblType01.list tr {border-bottom: #d9d9d9 solid 1px;padding: 10px 0;}
    .tblType01.list td {
        border-bottom: none;
        text-align: left;
        padding: 0 ;
    }
    .tblType01.list a {margin-top: 5px; text-align: left !important;}
    .tblType01.list.moCnt3 td:nth-child(n+2),
    .tblType01.list:not(.type2) td:nth-child(n+4) {
        display: inline-block;
        vertical-align: middle;
        padding-right: 20px;
        position: relative;
    }
    .tblType01.list:not(.type2) td:nth-child(n+4) + td::after {
        position: absolute;
        left: -12px;
        top: 5px;
        content: "";
        display: block;
        background-color: #777777;
        width: 1px;
        height: 12px;
    }
    .thBun {width: auto; display: inline-block !important;}
    .thBun + .thBun {margin-left: 5px;}
}
/*-- 목록 */
/*-- 테이블 */

/* 상세페이지 */
.viewType01 {
    border-top: #888888 solid 2px;
    border-bottom: #d9d9d9 solid 1px;
    padding: 18px 0 20px;
}
.viewType01 .boxType01 p + ul {margin: 10px 0 0 0;}
.itemList li {display: inline-block;}
.itemList li span,
.itemList li strong{
    display: inline;
    font-size: 15px;
    font-weight: 500;
}
.itemList li span {
    position: relative;
    padding: 0 5px 0 0;
}
.itemList li span::after {
    position: absolute;
    right: 0;
    top: 3px;
    content: "";
    display: block;
    background-color: #777777;
    width: 1px;
    height: 12px;
}
.itemList li + li{margin-left: 15px;}
.viewType01 .viewCont {
    padding: 20px 20px 60px;
    color: #555;
    font-size: 16px;
    font-weight: 500;
}
.viewType01 > ul {
    padding: 0 20px
}

@media screen and (max-width: 767px) {
    .viewType01 .viewCont {padding: 15px;}
    .itemList li {display: block;}
    .itemList li + li{margin: 5px 0 0 0px;}
    .viewType01 > ul {padding: 0 15px;}
}

/* 파일목록 */
.tblType01 .fileList {border: none;padding: 10px 0;}
.fileList {
    border: #d9d9d9 solid 1px;
    border-radius: 4px;
    padding: 15px 20px;
}
.fileList dt,
.fileList dd{
    float: left;
    font-size: 16px;
}
.fileList dt {
    width: 95px;
}
.fileList dd {
    width: calc(100% - 95px);
}
.fileList li + li{
    margin-top: 10px;
}
.fileList li {
    background: url('/images/swm/icon/file2.png') 0 2px no-repeat;
    background-size: 18px;
    padding: 0 0 0 25px;
}
.fileList li a {
    display: inline;
    line-height: 130%;
    color: #555555;
    font-size: 16px;
}
.fileList li a.btn_gray {
    line-height: 28px;
    color: #fff;
    display: inline-block;
    margin-left: 30px;
}
.fileList li a.btn_gray:hover {text-decoration: none;}
.fileList li a:hover {
    text-decoration: underline;
    text-decoration-color:#177ac8;
    text-underline-position: under;
}
.fileList + .itemList {margin-top: 35px;}
.fileList li a.btn_del {
    display: inline-block;
    background: url('/images/swm/btn/del.png') center no-repeat #474747;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    min-width: 24px;
    text-indent: -9999px;
    margin-left: 10px;
    padding: 0;
}
.fileName {width: calc(100% - 110px)}
@media screen and (max-width: 767px) {
    .fileList {padding: 15px;}
    .fileList dt, .fileList dd {float: none;width: 100%;}
    .fileList dt {margin-bottom: 10px;}
    .fileList + .itemList {margin-top: 25px;}
}

/* 이전다음글 */
.bnList {
    border-top: #888888 solid 1px;
    border-bottom: #888888 solid 1px;
    margin-top: 20px;
}
.bnList dt,
.bnList dd{
    float: left;
    padding: 20px 20px 20px 0;
}
.bnList dt {
    clear: both;
    width: 135px;
    padding-left: 40px;
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 13px;
    font-weight: 600;
}
.bnList dt.prev{background-image: url('/images/swm/icon/bbs_prev.png');}
.bnList dt.next{background-image: url('/images/swm/icon/bbs_next.png');}
.bnList dd {
    width: calc(100% - 135px);
}
.bnList dd + dt,
.bnList dd + dt + dd{
    border-top: #e4e4e4 solid 1px;
}
.bnList dd a {
    display: inline-block;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 120px);
    font-weight: 500;
}
.bnList dd a:hover {
    text-decoration: underline;
    text-underline-position: under;
}
.bnList dd span {
    float: right;
    color: #555;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .bnList dt {width: 85px;padding: 15px 0 15px 30px;background-position: 10px center;}
    .bnList dd {width: calc(100% - 85px);padding: 15px 0;}
    .bnList dd span {display: none;}
    .bnList dd a  {display: block;width: 100%;}
}
/*-- 상세페이지 */

/* 세트 스타일 */
.set_basic > * {display: inline-block;}

.set_time > * {width: 80px;}

.set_file {margin-top: 5px;}
.set_file input[type='text'] {width: 50%;}
.set_file .btn_black {
    border-color: #737373;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    width: 120px;
    line-height: 40px;
}
.set_file ul {margin: 5px 0;}
.set_file li a:hover {text-decoration: underline;}
.set_file li .del {
    text-indent: -9999px;
    overflow: hidden;
    width: 18px;
    height: 21px;
    display: inline-block;
    background: url('/images/swm/btn/set_file_del.png') center 3px / 18px no-repeat;
    margin-left: 5px;
}

.set_address div:last-child input {width: calc((100% - 8px) / 2);}
.set_address div:last-child input + input {margin-left: 4px;}

@media screen and (max-width: 767px) {
    .set_email > * {width: calc((100% - 24px) / 3);}
    .set_email > select {min-width: auto;}

    .set_basic > *:first-child:not(.date) {width: 100%;}
    .set_basic > *.date {display: block;}
    .set_basic > * + * {margin: 5px 0 0 0 !important; display: inline-block;}

    .set_address div:first-child input {width: calc(100% - 126px);}
    .set_address div:last-child input {width: 100%;}
    .set_address div:last-child input + input {margin: 5px 0 0 0;}
}
@media screen and (max-width: 500px) {
    .set_file input[type='text'] {width: calc(100% - 86px);}
    .set_file .btn_black {width: auto;}

    .set_address div:first-child input {width: 100%;}
    .set_address div:first-child .btn_find {margin: 5px 0 0 0;}
}
@media screen and (max-width: 330px) {
    .set_time > * {width: calc(50% - 9px);}
}
/* --세트 스타일 */

/* 페이징 */
.pagination {
    text-align: center;
    margin-top: 30px;
}
.pagination * {
    vertical-align: top;
    display: inline-block;
}
.pagination a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #686868;
}
.pagination > a {
    margin: 0 4px;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    border-color: #d5d5d5;
    background: url('/images/swm/btn/page_first.png') center / auto 13px no-repeat;
}
.pagination .prev {background-image: url('/images/swm/btn/page_prev.png');}
.pagination .next {background-image: url('/images/swm/btn/page_next.png');}
.pagination .last {background-image: url('/images/swm/btn/page_last.png');}

.pagination ul {margin: 0 10px;}
.pagination li {float: left}
.pagination li a {margin: 0 2px;}
.pagination li a:hover,
.pagination li.on a {
    color: #f26522;
    border-color: #f26522;
}
.pagination + [class^='btnArea'] {margin-top: 0;}

@media screen and (max-width: 767px) {
    .pagination + [class^='btnArea'] {
        margin-top: 30px;
        text-align: center;
    }
}
@media screen and (max-width: 424px) {
    .pagination .first,
    .pagination .last {display: none;}
}
/*-- 페이징 */

/* 230329 stype 추가 항목 */
.diF {display: flex !important;}

.file_add,
.file_delete {
    text-align: center;
    display: inline-block;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 15px;
}
.file_add {background: #1576c2;}
.file_add:hover {background: #13619e;}
.file_delete {background: #696969;}
.file_delete:hover {background: #474747;}

@media screen and (max-width: 767px) {
    .file_add,
    .file_delete,
    .btn_file.flex {margin: 5px 0 5px 4px;}
}