@charset "utf-8";


/* Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

html,
body {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ul,
ol,
dl {
    list-style: none
}

img,
video {
    max-width: 100%
}

a {
    text-decoration: none;
    color: #666
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select {
    vertical-align: middle
}

body {
    font-family: 'Malgun Gothic', dotum;
    font-size: 100%;
    line-height: 1;
    background: #e7ebee;
}

label {
    cursor: pointer
}

.bling,
legend,
hr,
caption {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -1000em
}

i,
em,
address {
    font-style: normal;
    font-weight: normal
}

/* scrollbar */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #7d7d7d #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(50, 64, 78, 0.3);
    border-radius: 10px;
    border: 3px solid transparent;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(50, 64, 78, 0.4);
}

/*layout*/
#wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
    background: #e7ebee;
}

#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 77px 0 20px;
    background-color: #fff;
    box-shadow: 0 2px 0px -1px rgba(0, 0, 0, 0.05);
}

#header h1 {
    display: inline-block;
    padding-left: 45px;
}

#header h1 img {
    width: 85%
}

#header ul {
    display: flex;
    align-items: center;
    font-size: 12px;
}

#header ul li font {
    margin: 0 10px 0 0
}

#header .btn {
    background: rgb(99, 119, 141);
    padding: 0 10px;
    display: inline-block;
    height: 22px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 100%
}

/*main menu*/

#topmenu .sidebar {
    font-size: 12px;
    background: #32404e;
    color: #fff;
    max-width: 300px;
}

#topmenu .sidebar .grouping {
    background: #2c3845;
    border-radius: 4px;
    padding: 10px;
    border: solid 1px #292929;
}

#topmenu h3 {
    color: #9fdcfd;
    padding: 4px 8px 6px 8px;
    font-size: 12px;
}

#topmenu h3:before {
    content: " + "
}


#topmenu .grouping ul li input {
    margin: 0 5px 0 0
}

#topmenu .grouping ul li {
    padding: 4px 8px 4px 8px;
}

#topmenu .grouping ul li a {
    color: #fff
}

#topmenu .grouping ul li label {
    color: #fff
}

#topmenu .menuall {
    cursor: pointer;
    position: absolute;
    top: 17px;
    left: 25px;
    background: url("/images/btnmenu.png") no-repeat;
    height: 16px;
    width: 23px;
    background-size: 23px auto;
}

#topmenu .menuall .menuBtn {
    padding: 0
}

#topmenu .menuall .menuText {
    display: none;
}

#topmenu .selectmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 10px 77px 10px 10px;
    line-height: 1.3;
}

#topmenu .selectmenu li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px;
    line-height: 1;
}

#topmenu .selectmenu li::before {
    position: absolute;
    left: 11px;
    top: 50%;
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #b9b9b9;
    transform: translateY(-50%);
}

#topmenu .selectmenu li:first-child:before {
    display: none;
}

#topmenu .selectmenu li a {
    font-size: 12px;
    font-weight: bold;
    color: #515f6d;
}

#topmenu .selectmenu li a:hover {
    color: #364452;
    ;
}

#topmenu .btnline {
    padding: 20px;
    text-align: right
}

#topmenu .btnline+form {
    height: calc(100vh - 65px);

    overflow: auto;
    padding: 0px 10px 20px;
    margin-right: 5px;
}

#topmenu .menuallscroll {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


#topmenu .btnline+form::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    border: 3px solid transparent;
}

#topmenu .btnline+form::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
}



/*iconbox*/
#iconbox {
    width: 57px;
    background: #32404e;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(2, 5, 8, 0.3);
}

#iconbox ul {
    margin: 40px 0 0 4px
}

#iconbox ul li {
    padding: 20px 0 20px 0;
    text-align: center
}

#iconbox ul li font {
    color: #fff;
    font-size: 12px;
    display: block;
    margin-top: 4px;
    line-height: 1.2;
}

#iconbox ul li p {
    line-height: 16px
}

/*content layout*/
#contents {
    padding: 0 67px 10px 10px;
}

#right {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b0b0b1;
    min-height: 820px;
    overflow: hidden;
}


/*contents*/
#data {
    position: relative;
    background: #fff;
    padding: 5px 20px 20px 20px;
}

.part1 {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    border-bottom: 2px solid #91a0ae;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
}

.part1 ul {
    color: #494d51;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5%;
    margin: 7px 0;
}

.part1 ul li {
    font-size: 12px;
    /* flex-grow: 1; */
    margin-bottom: 5px;
    /* display: flex;
    align-items: center; */
}

.part1 ul li font {
    position: relative;
    display: inline-block;
    line-height: 160%;
    margin: 0 10px 0 30px;
    font-weight: bold;
    color: #515151;
    padding-left: 10px;
}

.part1 ul li .font_s {
    width: 130px;
    display: inline-block;
    line-height: 180%;
    text-align: right;
    margin: 0 10px 0 0
}

.part1 ul li .font_s2 {
    width: 40px;
    display: inline-block;
    line-height: 180%
}

.part1 ul li .font_s3 {
    width: 72px;
    display: inline-block;
    line-height: 180%
}

.part1 ul li .font_s4 {
    min-width: 58px;
    display: inline-block;
    line-height: 180%
}

.part1 ul li font:nth-child(2) {
    width: 140px;
    display: inline-block;
    line-height: 180%;
    text-align: left;
    color: #4d63af
}

.part1 ul li input {
    height: 20px
}

.part1 ul li select {
    height: 23px;
    padding: 2px 2px 2px 4px
}

.part1 ul li label {
    line-height: 180%
}

.part1_1 {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    border-bottom: 2px solid #91a0ae;
    padding: 15px 10px;
    background: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
}

.part1_1 ul {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #494d51;
    font-size: 12px;
}

.part1_1 ul li {
    display: flex;
    align-items: center;
    padding: 0 0 0 30px
}

.part1_1 ul li font {
    position: relative;
    min-width: 100px;
    display: inline-block;
    line-height: 180%;
    margin-right: 10px;
    font-weight: bold;
    color: #515151;
    padding-left: 10px;
}

.part1_1 ul li font:before,
.part1 ul li font:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #87949f;
    top: 50%;
    left: 0;
    margin-top: -3px;
}

.part1_1 ul li font:nth-child(2) {
    width: 140px;
    display: inline-block;
    line-height: 180%;
    text-align: left;
    color: #f16b08
}

.part1_1 ul li .font_s {
    min-width: 90px;
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 0
}

.part1_1 ul li .font_s2 {
    min-width: 30px;
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 0
}

.part1_1 ul li .font_s3 {
    min-width: 72px;
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 0
}

.part1_1 ul li .font_s4 {
    min-width: 48px;
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 0
}

.part1_1 ul li .font_s5 {
    min-width: 35px;
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 0
}

.part1_1 ul li input[type="radio"] {
    line-height: 24px
}

.part1_1 ul li label {
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    margin-right: 5px;
}

.part1_1 ul li select {
    height: 23px;
    padding: 2px 2px 2px 4px
}

.part4:after,
.part5:after,
.part6:after {
    display: block;
    clear: both;
    content: "";
}

.part1_2,
.part4,
.part3_1 {
    font-size: 12px;
    margin: 5px 0 5px 0
}

.part1_2 table,
.part4 table,
.part3_1 table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    border-top: 2px solid #91a0ae;
}

.part3_1 table {
    margin-top: 10px;
}

.part3_1 table:first-child {
    margin-top: 0;
}

.part1_2 table th,
.part4 table th,
.part3_1 table th {
    border: solid 1px #ced4e4;
    color: #414c56;
    padding: 6px;
    line-height: 160%;
    background: #eff1f4;
    text-align: left
}

.part1_2 table td,
.part4 table td,
.part3_1 table td {
    border: solid 1px #ced4e4;
    color: #545353;
    padding: 6px;
    line-height: 160%;
}

.part1_2 table td font,
.part4 table td font,
.part3_1 table td font {
    margin: 0 0 0 10px
}

.part1_3 ul {
    color: #494d51;
    margin: 10px 0 10px 0
}

.part1_3 ul li {
    display: inline
}

.part1_3 ul li font {
    display: inline-block;
    line-height: 180%;
    margin: 0 10px 0 30px;
    font-size: 12px
}


.part2,
.part2_1,
.part2_5 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.part2 font {
    color: #494d51;
    font-size: 12px;
    line-height: 24px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.part2 font_R {
    color: #f46213;
    font-size: 12px;
    line-height: 24px;
    margin: 0 10px 0 0;
}

.part2 p {
    font-size: 12px;
    color: #494d51;
    margin-right: auto;
    padding-left: 10px;
}

.part2 div {
    display: inline-block;
    color: #494d51;
    font-size: 12px;
    margin-right: auto;
}

.part2_1 font {
    width: 80px;
    display: inline-block;
    text-align: right;
    margin: 0 10px 0 0
}

.part2_1 ul {
    color: #fff;
    float: right
}

.part2_1 ul li {
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: middle;
    font-size: 12px
}

.part2_1 ul li font {
    width: 80px;
    display: inline-block;
    line-height: 140%;
    text-align: right;
    margin: 0 10px 0 0
}

.part2_1 .font_s {
    width: 100px;
    text-align: right
}

.part2_1 ul li input {
    height: 20px
}

.part2_1 ul li select {
    height: 23px;
    padding: 2px 2px 2px 8px
}


.part2_2 {
    padding: 8px 0;
}

.part2_2 font {
    color: #494d51;
    font-size: 12px;
    line-height: 200%
}

.part2_2 span {
    float: right;
    margin: 0 4px 0 0
}

.part2_2 p {
    color: #fff;
    font-size: 12px;
    margin: 0 0 0 10px;
    line-height: 160%
}

.part2_3 {
    margin: 5px 0 5px 0;
    border: solid 1px #ced4e4;
    padding: 8px 10px 8px 0
}

.part2_3 p {
    color: #494d51;
    font-size: 12px;
    margin: 4px 0 4px 10px;
    line-height: 160%
}

.part2_3 span {
    margin: 0 0 0 10px
}

.part2_4 {
    margin: 5px 0 5px 0;
    border: solid 1px #ced4e4;
    padding: 8px 10px 8px 10px;
    font-size: 12px
}

.part2_4 font {
    color: #494d51;
    margin: 0 10px 0 0;
    line-height: 160%
}

.part2_4 ul {
    vertical-align: middle
}

.part2_4 ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0
}

.part2_5 {
    margin: 0 0 5px 0;
    border: solid 1px #ced4e4;
    padding: 8px 10px 8px 10px;
    font-size: 12px
}

.part2_5 font {
    color: #494d51;
    font-size: 12px;
    line-height: 200%
}

.part2_5 span {
    float: right;
    margin: 0 4px 0 0
}

.part2_5 p {
    color: #494d51;
    font-size: 12px;
    margin: 0 0 0 10px;
    line-height: 160%
}

.part2_5 img {
    vertical-align: middle
}


.part2_6 {
    width: 99%;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 8px 10px 8px 10px;
    font-size: 12px;
    text-align: right
}

.part2_6 font {
    color: #494d51;
    font-size: 12px;
    line-height: 200%
}

.part2_6 span {
    margin: 0 4px 0 0
}

.part2_6 p {
    float: left;
    color: #494d51;
    font-size: 12px;
    line-height: 24px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block
}

.part2_6 img {
    vertical-align: middle
}



.part3 {
    width: 99.2%;
    display: inline-block;
    border: solid 1px #fff;
    padding: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part3 table {
    width: 100%;
    border: solid 1px #323849
}

.part3 table td {
    border: solid 1px #323849;
    color: #545353;
    font-size: 12px;
    padding: 4px 4px 4px 8px;
    line-height: 160%
}

.part3 table td font {
    width: 50px;
    display: inline-block
}

.part3 table th {
    border: solid 1px #323849;
    color: #fff;
    font-size: 12px;
    padding: 4px 4px 4px 8px;
    line-height: 160%;
    background: #292e3c
}

.part3 table td {
    border: solid 1px #323849;
    color: #b3bdc7;
    font-size: 12px;
    padding: 4px 4px 4px 8px;
    line-height: 160%
}


/* .part3_1 {
    width: 99.8%;
    display: inline-block;
    margin: 5px 0 5px 0
}

.part3_1 table {
    width: 100%;
    border: solid 1px #323849;
    font-size: 12px;
    table-layout: fixed;
    word-break: break-all
}

.part3_1 table th {
    border: solid 1px #323849;
    color: #fff;
    padding: 4px;
    line-height: 160%;
    background: #292e3c;
    font-weight: lighter;
    text-align: left;
    text-indent: 4px
}

.part3_1 table td {
    border: solid 1px #323849;
    color: #b3bdc7;
    font-size: 12px;
    padding: 4px 4px 4px 8px;
    line-height: 160%;
    background:
}

.part3_1 .filename a {
    color: #b3bdc7
}




.part3_1 table td font {
    margin: 0 0 0 10px
}

.part3_1 table td input {
    height: 20px
}

.part3_1 table td select {
    height: 20px
}

.part3_1 table td input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.part3_1 table th:before {
    content: ""
}

.part3_1 table:nth-child(2) {
    margin: 4px 0 0 0
}

.part3_1 table:nth-child(3) {
    margin: 4px 0 0 0
}

.part3_1 table:nth-child(4) {
    margin: 4px 0 0 0
}

.part3_1 table td textarea {
    background: red;
    text-align: left
}

.part3_1 .signtable {
    width: 20%;
    border: solid 1px #c4cada;
    font-size: 12px;
    table-layout: fixed;
    float: right;
    margin: 0 0 5px 0
}

.part3_1 .signtable th {
    border: solid 1px #c4cada;
    text-align: center
}

.part3_1 .signtable td {
    border: solid 1px #c4cada
} */


/* .part3_1 {
    border: 1px solid #ddd;
    border-radius: 5px;
    border-bottom: 2px solid #91a0ae;
    padding: 15px 15px 15px 20px;
    background: rgba(255, 255, 255, 1);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    margin-bottom: 15px;
    transition: all 0.2s ease-in-out;
    margin: 5px 0;
}

.part3_1 table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    font-size: 12px;
}

.part3_1>table>tbody>tr>th {
    position: relative;
    color: #515151;
    ;
    padding: 7px 5px 7px 10px;
    line-height: 160%;
    text-align: left;
}

.part3_1>table>tbody>tr>th:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #87949f;
    top: 14px;
    left: 0;
}

.part3_1>table>tbody>tr>td {
    color: #545353;
    padding: 7px;
    line-height: 160%;
}

.part3_1>table>tbody>tr>td font {
    margin: 0 0 0 10px
} */

.part4_1 {
    width: 99.2%;
    display: inline-block;
    padding: 5px;
    margin: 5px 0 0 0
}


.part5 {
    width: 49%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 5px
}

.part5 table {
    width: 100%;
    border: solid 1px #c4cada
}

.part5 table th {
    border: solid 1px #323849;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    background: #292e3c
}

.part5 table td {
    border: solid 1px #323849;
    color: #b3bdc7;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    height: 20px
}

.part5 table td font {
    margin: 0 0 0 10px
}

.part5 table td input {
    height: 20px
}

.part5 .part2 {
    width: 97.9%
}

.part5_2 {
    width: 22%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #c4cada;
    border-radius: 4px
}


.part6 {
    width: 49%;
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 5px
}

.part6 table {
    width: 99.2%;
    border: solid 1px #323849
}

.part6 table th {
    border: solid 1px #323849;
    color: #677aab;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    background: #292e3c
}

.part6 table td {
    border: solid 1px #323849;
    color: #545353;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    height: 20px
}

.part6 table td font {
    margin: 0 0 0 10px
}

.part6 table td input {
    height: 20px
}

.part6 div table {
    width: 100%;
    border: solid 1px #c4cada;
    margin: 10px 0 0 0
}

.part6 div table th {
    border: solid 1px #323849;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    background: #292e3c
}

.part6 div table td {
    border: solid 1px #323849;
    color: #b3bdc7;
    font-size: 12px;
    padding: 4px;
    line-height: 160%;
    height: 20px
}

.part6 div table td font {
    margin: 0 0 0 10px
}

.part6 div table td input {
    height: 20px
}

.part6 ul {
    color: #494d51;
    margin: 10px 0 10px 0;
    float: right
}

.part6 ul li {
    display: inline-block;
    padding: 0 0 0 40px
}

.part6 ul li font {
    width: 80px;
    display: inline-block;
    line-height: 200%;
    font-size: 12px;
    text-align: right;
    margin: 0 10px 0 0
}

.part6 ul li select {
    height: 23px;
    padding: 2px 2px 2px 8px
}

.part6 .part2 {
    width: 97.8%
}


.part6_2 {
    width: 75.7%;
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 8px;
    border: solid 1px #c4cada;
    float: right;
    border-radius: 4px;
    position: absolute
}

.part6_2 ul {
    color: #fff;
    margin: 10px 0 10px 0;
    float: right
}

.part6_2 ul li {
    display: inline-block;
    padding: 0 0 0 40px
}

.part6_2 ul li font {
    width: 80px;
    display: inline-block;
    line-height: 200%;
    font-size: 80%;
    text-align: right;
    margin: 0 10px 0 0
}

.part6_2 ul li select {
    height: 23px;
    padding: 2px 2px 2px 8px
}



.part7 {
    width: 28%;
    display: inline-block;
    margin: 10px 0 0 0;
    border: solid 1px #fff;
    padding: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_1 {
    width: 33%;
    display: inline-block;
    margin: 10px 0 0 0;
    border: solid 1px #fff;
    padding: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_2 {
    width: 34%;
    display: inline-block;
    margin: 10px 0 0 0;
    border: solid 1px #fff;
    padding: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_2 ul {
    color: #494d51;
    margin: 10px 0 10px 0;
    float: right
}

.part7_2 ul li {
    display: inline-block;
    padding: 0 0 0 40px
}

.part7_2 ul li font {
    width: 80px;
    display: inline-block;
    line-height: 200%;
    font-size: 12px;
    text-align: right;
    margin: 0 10px 0 0
}

.part7_2 ul li select {
    height: 23px;
    padding: 2px 2px 2px 8px
}

.part7_3 {
    width: 77.5%;
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    border: solid 1px #fff;
    padding: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_4 {
    width: 25%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_5 {
    width: 71.7%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}


.part7 {
    width: 28%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #fff;
    border-radius: 4px;
    position: absolute;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_1 {
    width: 33.5%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #fff;
    border-radius: 4px;
    position: relative;
    left: 30.5%;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

.part7_2 {
    width: 33.5%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 8px;
    border: solid 1px #fff;
    border-radius: 4px;
    position: relative;
    left: 30.5%;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
}

@media all and (min-width:600px) and (max-width:1600px) {
    .part7_2 {
        width: 32%;
        display: inline-block;
        margin: 10px 0 0 0;
        padding: 8px;
        border: solid 1px #fff;
        border-radius: 4px;
        position: relative;
        left: 30.5%;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset
    }
}

.part9_1 {
    width: 23%;
    display: inline-block;
    padding-bottom: 10px;
    margin-right: 15px;

}

.part9_2 {
    width: 75.5%;
    display: inline-block;
    padding-bottom: 10px;
}

/*etc*/
.totalNum {
    width: 80px;
    height: 24px;
    margin: 10px 0 0 0;
    float: right;
    background: #32404e;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    padding: 0 4px 0 0;
}

.boxtitle,
.boxtitle2 {
    position: relative;
    font-weight: bold;
    color: #405060;
    margin: 0;
    font-size: 13px;
    padding: 0 0 0 8px;
    line-height: 1.2;
    padding: 10px 0 10px 10px;
    height: 40px;
}

#data>.boxtitle+.part2 {
    position: absolute;
    right: 20px;
    top: 12px;
}

.boxtitle:before,
.boxtitle2:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -7px;
    width: 2px;
    height: 14px;
    background: #666;
    left: 0;
}

.boxtitle2 {
    display: inline-block;
    width: auto;
}

#data>.boxtitle {
    font-size: 14px;
    padding-left: 0;
}

#data>.boxtitle:before {
    display: none;
}

.part2+.boxtitle,
.part2_1+.boxtitle,
.part2_5+.boxtitle {
    padding-top: 5px;
    height: auto;
}

.boxtitle font {
    float: right;
    color: #666;
    font-weight: lighter;
    font-size: 12px;
}

.boxtitle a {
    color: #b3bdc7;
    font-weight: lighter;
    font-size: 12px
}


.boxtitle3 {
    width: 99.5%;
    display: inline-block;
    height: 26px;
    color: #35414c;
    font-size: 13px;
    font-weight: bold;
    line-height: 200%;
    padding: 0 0 0 4px;
    margin: 10px 0 0 0
}

.sign {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.sign2 {
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    display: inline-block
}

.fontcolor1 {
    color: #f2740d
}

.fontcolor2 {
    color: red;
}



/*btn style 공통버튼*/
.b,
.b1,
.b4,
.b5,
.b6,
.b7,
.b8,
.b9,
.b11,
.b12c,
.r,
.b11n,
.bhelp,
.b2c,
.b4n,
.b9n,
.b2_2,
.b14,
.b3,
.b1n,
.b13,
.b6n,
.b9c,
.b5n,
.b10,
.b7n,
.b2n,
.b3n,
.b8n,
.b10n,
.b12,
.b12n,
.b14n,
.b13n,
.b2_2n,
.b2,
.b8c,
.b6c,
.b5c,
.b3c,
.lg,
.b2n_2,
.g,
.g2,
.e,
.filebox label,
.filebox2 label,
.filebox3 label,
.filebox4 label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(rgb(82, 101, 120) 5%, rgb(50, 64, 78) 100%);
    border: 1px solid rgb(42, 55, 67);
    text-shadow: rgb(60, 60, 60) 0px 1px 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    height: 24px;
    padding: 0 10px 0 10px;
    border-radius: 4px;
}

.b:hover,
.b1:hover,
.b4:hover,
.b5:hover,
.b6:hover,
.b7:hover,
.b8:hover,
.b9:hover,
.b11:hover,
.b12c:hover,
.r:hover,
.b11n:hover,
.bhelp:hover,
.b2c:hover,
.b4n:hover,
.b9n:hover,
.b2_2:hover,
.b14:hover,
.b3:hover,
.b1n:hover,
.b13:hover,
.b6n:hover,
.b9c:hover,
.b5n:hover,
.b10:hover,
.b7n:hover,
.b2n:hover,
.b3n:hover,
.b8n:hover,
.b10n:hover,
.b12:hover,
.b12n:hover,
.b14n:hover,
.b13n:hover,
.b2_2n:hover,
.b2:hover,
.b8c:hover,
.b6c:hover,
.b5c:hover,
.b3c:hover,
.lg:hover,
.b2n_2:hover,
.g:hover,
.g2:hover,
.e:hover,
.filebox label:hover,
.filebox2 label:hover,
.filebox3 label:hover,
.filebox4 label:hover {
    background: linear-gradient(rgb(99, 119, 141) 5%, rgb(61, 76, 91) 100%);
}

.b:active,
.b1:active,
.b4:active,
.b5:active,
.b6:active,
.b7:active,
.b8:active,
.b9:active,
.b11:active,
.b12c:active,
.r:active,
.b11n:active,
.bhelp:active,
.b2c:active,
.b4n:active,
.b9n:active,
.b2_2:active,
.b14:active,
.b3:active,
.b1n:active,
.b13:active,
.b6n:active,
.b9c:active,
.b5n:active,
.b10:active,
.b7n:active,
.b2n:active,
.b3n:active,
.b8n:active,
.b10n:active,
.b12:active,
.b12n:active,
.b14n:active,
.b13n:active,
.b2_2n:active,
.b2:active,
.b8c:active,
.b6c:active,
.b5c:active,
.b3c:active,
.lg:active,
.b2n_2:active,
.g:active,
.g2:active,
.e:active,
.filebox label:active,
.filebox2 label:active,
.filebox3 label:active,
.filebox4 label:active {
    background: linear-gradient(#2c3742 5%, #2c3742 100%);
}

.b1:before {
    content: url("/images/btn01_icon.png");
}

.b2:before {
    content: url("/images/btn02_icon.png");
}

.b2_2:before {
    content: url("/images/btn02_icon.png");
}

.b3:before {
    content: url("/images/btn09_icon.png");
}

.b4:before {
    content: url("/images/btn04_icon.png");

}

.b5:before {
    content: url("/images/btn14_icon.png");
}

.b6:before {
    content: url("/images/btn11_icon.png");
}

.b7:before {
    content: url("/images/btn08_icon.png");
}

.b8:before {
    content: url("/images/btn08_icon.png");
}

.b9:before {
    content: url("/images/btn09_icon.png");
}

.b10:before {
    content: url("/images/btn05_icon.png");
}

.b11:before {
    content: url("/images/btn03_icon.png");
}

.b12:before {
    content: url("/images/btn12_icon.png");
}

/*btn style 기능버튼*/
.b2c:before {
    content: url("/images/btn02_icon.png");
}

.right {
    text-align: right;
    padding: 0 8px 0 0
}

.left {
    text-align: left;
    padding: 0 8px 0 0
}


/*main*/
.main_container {
    padding: 20px;
    margin: 0 auto;
}

.main_left {
    display:inline-block;
    width:20%;
    color: #333;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.main_left div {
    display: inline-block;
    padding: 10px 0 10px 0;
    margin: 10px 0 0 0;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    border-top: 2px solid #415162;
}

.main_left div img {
    margin: 25px 0 10px 30px;
    display: inline-block
}

.main_left div ul {
    min-width: 230px;
    display: inline-block;
    padding: 0 30px 0 20px
}

.main_left div ul li {
    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.main_left div ul li font {
    float: right;
    cursor: pointer
}

.main_left div ul li:nth-child(1) {
    margin: 5px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: none;
}

.main_left div ul li:last-child {
    border-bottom: none;
}

.color1 {
    color: #46a2e0
}

.color2 {
    color: #80b63a
}

.color3 {
    color: #865889
}

.color4 {
    color: #f09d35
}

.color5 {
    color: #786ec7
}

.main_right {
    width:35%;
    display:inline-block;
    margin:15px 50px 0 30px;
}

.main_right .notice_title {
    color: #666;
    border-bottom: solid 1px #608e24;
    padding: 0 0 4px 0;
    margin-bottom: 10px;
}

.main_right .notice_title li {
    display: inline-block;
    color: #608e24;
}

.main_right .notice_title li:nth-child(1) {
    font-size: 12px;
    font-weight: bold
}

.main_right .notice_title li:nth-child(2) {
    float: right;
    font-size: 11px;
    cursor: pointer
}

.main_right .notice_list {
    width: 100%;
    margin: 0 0 30px 0
}

.main_right .notice_list li {
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 12px;
    padding: 7px 0 7px 0;
    cursor: pointer;
    line-height: 1.2;
}

.main_right .notice_list li:last-child {
    border-bottom: none;
}

.main_right .notice_list li a {
    color: #333
}

.main_right .notice_list li span {
    width: 80px;
    flex-shrink: 0;
    text-align: right;
}

.main_menuall {
    border: solid 1px #e7e7e7;
    width: 192px;
    min-height: 350px;
    border-radius: 4px;
    background: #fff;
    border-top: 2px solid #415162;
    padding: 0 15px;
    display:inline-block;
    margin:15px 0 0 0;
}

.main_menuall h5 {
    text-align: center;
    border-bottom: solid 1px #e7e7e7;
    padding: 5px 0;
}

.main_menuall h5 img {
    margin: 10px 10px 0 0;
    display: inline-block
}

.main_menuall h5 font {
    vertical-align: middle;
    font-size: 12px;
    line-height: 44px;
    color: #5d5d5d
}

.main_menuall ul {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}

.main_menuall ul li {
    text-align: center;
    padding: 12px 6px 12px 6px;
    width: 50%;
    border-radius: 8px;
}

.main_menuall ul li:hover {
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.main_menuall ul li font {
    display: block;
    margin: 5px 0 0 0;
    font-size: 11px;
    color: #5d5d5d;
    cursor: pointer
}






/*btn style*/
/* .btn {
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    height: 24px;
    line-height: 18px;
    padding: 0 10px 0 10px;
    color: #fff
} */



/*form style*/



#data img {
    cursor: pointer
}

#data input[type="radio"] {
    background: transparent;
    margin: 0 4px 0 2px
}

#data input[type="checkbox"] {
    background: transparent;
    margin: 0 4px 0 2px
}

#data textarea {
    background: #fff;
    border: solid 1px #a6a5a5;
    font-size: 12px;
    padding: 5px;
    font-family: '돋움', dotum;
    text-align: left;
    line-height: 160%
}

.filebox,
.filebox2,
.filebox4,
.filebox4 {
    display: inline-block
}

.filebox label:before {
    content: url("/images/btn13_icon.png");
}

.filebox3 label:before {
    content: url("/images/btn13_icon.png");
}

.filebox4 label:before {
    content: url("/images/btn13_icon.png");
}
.filebox input[type="file"],
.filebox2 input[type="file"],
.filebox3 input[type="file"],
.filebox4 input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.filename a {
    color: #666
}

.filename div {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.filename font {
    margin: 0 0 0 2px !important
}

.filename .btn_x {
    height: 14px;
    width: 14px;
    display: inline-block;
    text-align: center;
    font-size: 80%;
    color: #000;
    cursor: pointer;
    border: solid 1px #636363
}

.filename span {
    display: inline-block;
    margin: 0 0 0 3px
}

@media all and (min-width:300px) and (max-width:1200px) {
    .filebox label {
        display: inline-block;
        padding: 4px 20px 2px 20px;
        color: #fff;
        font-size: 12px;
        height: auto;
        line-height: 16px;
        vertical-align: middle;
        background: #c45625;
        cursor: pointer;
        border-radius: .25em;
        background: -ms-linear-gradient(top, #c65859 0%, #301414 100%);
        background: -webkit-linear-gradient(top, #c65859 0%, #301414 100%)
    }
}



/*회원가입*/
.member {
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.member li {
    float: left;
    padding: 5px 80px 10px 80px;
    text-align: center
}

.member li:nth-child(1) {
    background: #75b694;
    border-right: solid 1px #fff
}

.member li:nth-child(2) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member li:nth-child(3) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member li:nth-child(4) {
    background: #c4c5c0
}

.member2 {
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.member2 li {
    float: left;
    padding: 5px 80px 10px 80px;
    text-align: center
}

.member2 li:nth-child(1) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member2 li:nth-child(2) {
    background: #888ecb;
    border-right: solid 1px #fff
}

.member2 li:nth-child(3) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member2 li:nth-child(4) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member3 {
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.member3 li {
    float: left;
    padding: 5px 80px 10px 80px;
    text-align: center
}

.member3 li:nth-child(1) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member3 li:nth-child(2) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member3 li:nth-child(3) {
    background: #b781ab;
    border-right: solid 1px #fff
}

.member3 li:nth-child(4) {
    background: #c4c5c0
}

.member4 {
    display: inline-block;
    color: #fff;
    font-size: 13px
}

.member4 li {
    float: left;
    padding: 5px 80px 10px 80px;
    text-align: center
}

.member4 li:nth-child(1) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member4 li:nth-child(2) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member4 li:nth-child(3) {
    background: #c4c5c0;
    border-right: solid 1px #fff
}

.member4 li:nth-child(4) {
    background: #f69b4e
}

.agreebox {
    width: 68%;
    margin: 10px 0 0 20px
}

.agreebox ul {}

.agreebox ul li {
    padding: 10px
}

.agreebox ul li:nth-child(1) {
    font-size: 13px;
    text-indent: -10px
}

.agreebox ul li:nth-child(2) {
    font-size: 12px;
    border: solid 1px #c4c5c0;
    height: 180px
}

.agreebox ul li:nth-child(3) {
    font-size: 12px;
    text-align: right
}

.agreebox div {
    text-align: center;
    margin: 10px 0 0 0
}

.signup {
    width: 90%;
    display: inline-block;
    margin: 30px 0 0 20px
}

.signup h3 {
    font-size: 13px
}

.signup h4 {
    font-size: 13px;
    text-align: center
}

.signup ul {
    font-size: 12px;
    width: 100%;
    margin: 20px 0 0 0
}

.signup ul li {
    padding: 5px;
    display: inline-block
}

.signup ul li:nth-child(odd) {
    width: 18%
}

.signup ul li:nth-child(even) {
    width: 78%
}

.signup ul li input {
    margin: 0 10px 0 0
}

.signup ul li font {
    vertical-align: middle
}

.signup ul li font:before {
    content: "";
    color: #f52626;
    vertical-align: middle;
    margin: 0 4px 0;
    display: inline-block
}

.signup ul li label {
    vertical-align: middle
}

.signup ul li label:before {
    content: "∙";
    color: #f52626;
    vertical-align: middle;
    margin: 0 4px 0 0;
    display: inline-block
}

.helpimg {
    display: inline-block
}



.center {
    text-align: center;
    margin: 30px 0 0 0
}
@media (max-width: 1000px) {
    #data {
       padding-left: 10px;
       padding-right: 10px;
    }
    .part1_2 table th {
        padding: 4px 4px 4px 8px;
    }
    .part1_2 table td {
        padding: 4px;
    }
}