<style type="text/css">

/* =========================================================
   ¸µÅ© ½ºÅ¸ÀÏ
   ========================================================= */

A:link,
A:visited {
    color: #0000CC;
    font-family: "±¼¸²", sans-serif;
    font-size: 10pt;
    text-decoration: none;
}

A:hover {
    color: #3399ff;
    text-decoration: underline;
}


/* =========================================================
   ±âº» ÅØ½ºÆ® ½ºÅ¸ÀÏ
   ========================================================= */

td {
    font-size: 10pt;
    color: #222;
    line-height: 180%;
    background-color: #fff;
    text-align: left;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;

    padding: 5px 8px;

    box-sizing: border-box;
}


th {
    font-size: 10pt;
    color: #000;
    background-color: #e6e6fa;
    font-weight: bold;
    line-height: 180%;
    text-align: center;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;

    padding: 6px 8px;

    box-sizing: border-box;
}


th.sub-title {
    font-size: 10pt;
    color: #000;
    background-color: #E0FFFF;
    font-weight: bold;
    line-height: 180%;
    text-align: center;

    border-top: 1px solid #999;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;

    padding: 6px 8px;

    box-sizing: border-box;
}


/* =========================================================
   ÆùÆ®
   ========================================================= */

.f13 {
    font-family: "MS Sans Serif";
    font-size: 13pt;
    line-height: 180%;
    font-weight: bold;
}

.f8 {
    font-size: 8pt;
}


/* =========================================================
   ÀüÃ¼ Box Sizing
   ========================================================= */

* {
    box-sizing: border-box;
}


/* =========================================================
   ¸ðµç ±âº» Å×ÀÌºí
   ========================================================= */

table {
    width: 1200px;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 auto;

    font-family: "±¼¸²", sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   »ó´Ü ¾È³» Å×ÀÌºí
   ========================================================= */

.headerTable {
    width: 1200px;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 auto;

    font-family: "±¼¸²", sans-serif;

    box-sizing: border-box;
}


.headerTable td {
    background-color: #EBFBFF;
    border: none;
}


/* =========================================================
   µ¥ÀÌÅÍ Å×ÀÌºí
   ========================================================= */

.dataTable th {
    background-color: #e6e6fa;
}


/* =========================================================
   dataTable Hover
   ========================================================= */

.dataTable tr:hover td {
    background-color: #FAFAA0 !important;
    color: #000;
    font-weight: 600;

    transition: all 0.15s ease-in-out;

    cursor: pointer;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* =========================================================
   µ¥ÀÌÅÍ Å×ÀÌºí 2
   ========================================================= */

.dataTable2 {
    width: 1200px;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 auto;

    font-family: "±¼¸²", sans-serif;

    box-sizing: border-box;
}


.dataTable2 th {
    background-color: #e6e6fa;
    border: 1px solid #ccc !important;
}


.dataTable2 td {
    background-color: #FFFFFF;
    border: 1px solid #ccc !important;
}


/* =========================================================
   dataTable2 Hover
   ========================================================= */

.dataTable2 tr:hover td {
    background-color: #FAFAA0 !important;
    color: #000;
    font-weight: 600;

    transition: all 0.15s ease-in-out;

    cursor: pointer;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* =========================================================
   µ¥ÀÌÅÍ Å×ÀÌºí 3
   =========================================================
   
   ¡Ú headerTable°ú µ¿ÀÏÇÑ 1200px »ç¿ë
   ¡Ú Àß¸øµÈ !important ¹®¹ý ¼öÁ¤
   ¡Ú Å×ÀÌºí Æø °­Á¦
   ========================================================= */

.dataTable3 {
    width: 1200px !important;
    max-width: 1200px;
    min-width: 1200px;

    table-layout: fixed;

    border-collapse: collapse;

    margin: 0 auto;

    font-family: "±¼¸²", sans-serif;

    box-sizing: border-box;
}


/* =========================================================
   dataTable3 Header
   ========================================================= */

.dataTable3 th {
    background-color: #FFF0F5;

    border: 1px solid #ccc !important;

    box-sizing: border-box;
}


/* =========================================================
   dataTable3 TD
   ========================================================= */

.dataTable3 td {
    background-color: #FFFFFF;

    border: 1px solid #ccc !important;

    box-sizing: border-box;

    /*
       ±ä ÆÄÀÏ¸íÀÌ³ª ±ä ¹®ÀÚ¿­ ¶§¹®¿¡
       Å×ÀÌºí ÆøÀÌ ´Ã¾î³ª´Â °ÍÀ» ¹æÁö
    */
    overflow-wrap: break-word;
    word-break: break-word;
}


/* =========================================================
   dataTable3 Hover
   ========================================================= */

.dataTable3 tr:hover td {
    background-color: #FAFAA0 !important;
    color: #000;
    font-weight: 600;

    transition: all 0.15s ease-in-out;

    cursor: pointer;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* =========================================================
   dataTable3 ³»ºÎ ÄÜÅÙÃ÷
   ========================================================= */

.dataTable3 input[type="text"],
.dataTable3 textarea,
.dataTable3 select,
.dataTable3 input[type="file"] {
    max-width: 100%;
    box-sizing: border-box;
}


/* =========================================================
   COA ½ÃÇè°á°ú ÀÔ·ÂÃ¢
   ========================================================= */

.coa-result-input {
    width: 95%;
    max-width: 100%;

    box-sizing: border-box;
}


/* =========================================================
   ³»ºÎ Å×ÀÌºí
   ========================================================= */

.inner-table {
    width: 70px;

    border: none !important;
    border-top: none !important;
    border-bottom: none !important;

    background-color: #FFFFFF;

    table-layout: fixed;

    box-sizing: border-box;
}


/* =========================================================
   ÀÔ·ÂÃ¢ / TEXTAREA
   ========================================================= */

input[type="text"],
textarea {
    font-family:
        'Poppins',
        '¸¼Àº °íµñ',
        'Malgun Gothic',
        sans-serif;

    font-size: 14px;

    box-sizing: border-box;
}


/* =========================================================
   SELECT
   ========================================================= */

select {
    box-sizing: border-box;
}


/* =========================================================
   ÆÄÀÏ¸í µî ±ä ¹®ÀÚ¿­ Ã³¸®
   ========================================================= */

.dataTable3 a {
    overflow-wrap: break-word;
    word-break: break-all;
}


/* =========================================================
   ÀÌ¹ÌÁö°¡ Å×ÀÌºí ÆøÀ» ÃÊ°úÇÏÁö ¾Êµµ·Ï Ã³¸®
   ========================================================= */

table img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

</style>