@charset "utf-8";

section.login {
    display:inline-block;
    margin:0 auto;
    padding:75px 0;
}
section.login > div:first-child > p {
    font-size:20px; color:black;
    line-height:30px; letter-spacing:-0.5px;
}
section.login > div:first-child > p b {
    color:#FF8336;
}
section.login > div:last-child {
    width:calc(325px - 50px);
    margin-top:30px; padding:0 25px;
}
section.login > div:last-child input[type="text"] {
    width:calc(100% - 60px); height:calc(50px - 30px);
    padding:15px 30px;
    font-size:13px; color:black;
    line-height:20px; text-align:left;
    border:1px solid #d2d2d2;
    border-radius:0px;
}

section.login > div:last-child input[type="email"] {
    width:calc(100% - 60px); height:calc(50px - 30px);
    padding:15px 30px;
    font-size:13px; color:black;
    line-height:20px; text-align:left;
    border:1px solid #d2d2d2;
    border-radius:0px;
}

section.login > div:last-child input[type="password"] {
    width:calc(100% - 60px); height:calc(50px - 30px);
    padding:15px 30px;
    font-size:13px; color:black;
    line-height:20px; text-align:left;
    border:1px solid #d2d2d2;
    border-radius:0px;
}


section.login > div:last-child input[type="text"]::placeholder {
    color:#AFAFAF; font-weight:300;
}
section.login > div:last-child input[type="submit"] {
    width:100%; height:60px;
    font-size:20px; color:white; font-weight:400;
    background:#FF8336;
    border:0px none;
}
section.login > div:last-child p+p {
    margin-top:10px;
}
section.login > div:last-child p.login_option {
    display:table;
    table-layout:fixed;
    width:100%;
    margin:5px auto 40px auto;
}
section.login > div:last-child p.login_option span {
    display:table-cell;
    vertical-align:middle;
}
section.login > div:last-child p.login_option span:first-child {
    text-align:left;
}
section.login > div:last-child p.login_option span:last-child {
    text-align:right;
    position:relative;
}
section.login > div:last-child p.login_option span:last-child::before {
    display:inline-block;
    content:"";
    height:calc(100% - 10px);
    border-left:1px solid #656565;
    position:absolute; left:0px; top:60%;
    transform:translate(0%, -50%);
}
section.login > div:last-child p.login_option a {
    font-size:14px; color:#656565;
    line-height:14px; letter-spacing:-0.5px;
}
section.login > div:last-child p.login_option a:hover {
    text-decoration:underline;
}


div.four_layout {
    display:table;
    table-layout:fixed;
    width:100%;
}
div.four_layout > div {
    display:table-row;
}
div.four_layout > div > div {
    display:table-cell;
    vertical-align:middle;
}
div.four_layout > div:last-child > div {
    padding-top:15px;
}
div.four_layout > div > div:first-child {
    margin:0 auto 0 0;
}
div.four_layout > div > div:last-child {
    margin:0 0 0 auto;
}
div.latest_sourcing {
    width:calc(100% - 15px); height:225px;
    background:#FF8336;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
}
div.latest_sourcing div.latest_title {
    padding:25px 25px 15px 25px;
    font-size:20px; color:white; font-weight:500;
    line-height:20px; text-align:left; letter-spacing:-0.5px;
    background:url(../../images/section/icon_arrow1.png) no-repeat;
    background-position:right 25px bottom 15px;
    background-size:auto 13px;
    border-top:6px solid #FF8336;
}
div.latest_sourcing div.latest_title a {
    color:white;
}
div.latest_sourcing ul {
    display:table;
    table-layout:fixed;
    width:calc(100% - 50px);
    margin:0 25px;
}
div.latest_sourcing ul li {
    display:table-row;
}
div.latest_sourcing ul li span {
    display:table-cell;
    vertical-align:middle;
    border-bottom:1px solid rgba(255,255,255,0.25);
}
div.latest_sourcing ul li span:first-child {
    padding-left:10px;
    font-size:16px; color:white; font-weight:300;
    line-height:42px; letter-spacing:-0.5px; text-align:left;
    position:relative;
}
div.latest_sourcing ul li span:first-child::before {
    display:block;
    content:"";
    width:3px; height:3px;
    background:white;
    border-radius:3px;
    position:absolute; left:0px; top:50%;
    transform:translate(0%, -50%);
}
div.latest_sourcing ul li span:last-child {
    font-size:19px; color:white; font-weight:300;
    line-height:42px; letter-spacing:-0.5px; text-align:right;
}

div.question_list {
    width:calc(100% - 50px); height:80px;
    margin:10px auto 0 auto;
    background:white;
    overflow-y:auto; overflow-x:hidden;
}
div.question_list table {
    width:100%;
}
div.question_list table thead th {
    height:19px;
    font-size:10px; color:#585858;
    line-height:10px; text-align:center;
    background:#F4F4F4;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
div.question_list table tbody tr:first-child td {
    padding-top:8px;
}
div.question_list table tbody td {
    padding:3px 0;
    font-size:12px; color:#585858;
    line-height:12px; text-align:left;
}
div.question_list table tbody td a {
    display:block;
    padding:0 20px;
    color:#585858;
}
div.question_list table tbody td a:hover {
    text-decoration:underline;
}
div.question_list table tbody td:last-child {
    text-align:center;
}
div.question_list table tbody td:last-child span.new {
    display:inline-block;
    width:7px; height:8px;
    margin-left:3px;
    background:url(../../images/section/icon_new.png) no-repeat;
    background-size:auto 7px;
}

div.latest_normal {
    width:calc(100% - 15px); height:225px;
    background:white;
    box-shadow:0 0 15px rgba(0,0,0,0.01);
}
div.latest_normal div.latest_title {
    padding:25px 25px 15px 25px;
    font-size:20px; color:#FF8336; font-weight:500;
    line-height:20px; text-align:left; letter-spacing:-0.5px;
    background:url(../../images/section/icon_arrow2.png) no-repeat;
    background-position:right 25px bottom 15px;
    background-size:auto 13px;
    border-top:6px solid #FF8336;
}
div.latest_normal div.latest_title a {
    color:#FF8336;
}
div.latest_normal ul {
    display:table;
    table-layout:fixed;
    width:calc(100% - 50px);
    margin:0 25px;
}
div.latest_normal ul li {
    display:table-row;
}
div.latest_normal ul li span {
    display:table-cell;
    vertical-align:middle;
    border-bottom:1px solid #ccc;
}
div.latest_normal ul li span:nth-child(1), div.latest_normal ul li span:nth-child(4) {
    padding-left:10px;
    font-size:16px; color:black; font-weight:300;
    line-height:42px; letter-spacing:-0.5px; text-align:left;
    position:relative;
}
div.latest_normal ul li span:nth-child(1)::before, div.latest_normal ul li span:nth-child(4)::before {
    display:block;
    content:"";
    width:3px; height:3px;
    background:#aaa;
    border-radius:3px;
    position:absolute; left:0px; top:50%;
    transform:translate(0%, -50%);
}
div.latest_normal ul li span:nth-child(2), div.latest_normal ul li span:nth-child(5) {
    font-size:19px; color:#FF8336; font-weight:300;
    line-height:42px; letter-spacing:-0.5px; text-align:right;
}

section.form_list {
    width:100%;
}
section.form_list div.list_option {
    display:table;
    table-layout:fixed;
    width:100%;
}
section.form_list div.list_option div {
    display:table-cell;
    vertical-align:middle;
}
section.form_list div.list_option div:first-child {
    text-align:left;
}
section.form_list div.list_option div:first-child form {
    position:relative;
}
section.form_list div.list_option div:first-child input[type="text"] {
    width:calc(250px - 55px); height:calc(40px - 22px);
    padding:10px 10px 10px 45px;
    font-size:14px; color:black;
    line-height:20px;
    background:white;
    border:1px solid #ccc;
    border-radius:0px;
}

section.form_list div.list_option div:first-child select {
    padding:10px 10px 10px 45px;
    font-size:14px; color:black;
    line-height:20px;
    background:white;
    border:1px solid #ccc;
    border-radius:0px;
 }

section.form_list div.list_option div:first-child input[type="image"] {
    width:19px; height:19px;
    background:transparent;
    border:0px;
    position:absolute; left:15px; top:50%;
    transform:translate(0%, -50%);
}
section.form_list div.list_option div:first-child button {
    width:19px; height:24px;
    background:url(../../images/section/icon_search.png) no-repeat center center;
    background-size:auto 19px;
    border:0px;
    position:absolute; left:15px; top:50%;
    transform:translate(0%, -50%);
}
section.form_list div.list_option div:last-child {
    text-align:right;
}
section.form_list div.list_option div:last-child a {
    display:inline-block;
    height:40px;
    padding:0 20px;
    font-size:16px; color:white;
    font-weight:400; line-height:40px;
    background:#FF8336;
}
section.form_list div.list_option+div.list_table {
    margin-top:20px;
}
section.form_list div.list_table table {
    width:100%;
}
section.form_list div.list_table table thead th {
    height:40px;
    font-size:15px; color:white;
    letter-spacing:-0.5px; font-weight:200;
    background:#7C7C7C;
}
section.form_list div.list_table table thead th.part {
    background:black;
}
section.form_list div.list_table table tbody td {
    padding:8px 0;
    font-size:14px; color:#585858;
    line-height:20px;
    background:white;
    border-bottom:1px solid #d2d2d2;
}
section.form_list div.list_table table tbody td a {
    display:block;
    color:#585858;
}
section.form_list div.list_table table tbody td a:hover {
    font-weight:400;
}
section.form_list div.list_table table tbody td span.new {
    display:inline-block;
    width:14px; height:11px;
    background:url(../../images/section/icon_new.png) no-repeat center center;
    background-size:auto 12px;
}
section.form_list div.list_paging {
    display:table;
    margin:15px auto;
}
section.form_list div.list_paging div {
    display:table-cell;
    text-align:center; vertical-align:middle;
}
section.form_list div.list_paging > div:first-child, section.form_list div.list_paging > div:last-child {
    padding:0 20px;
}
section.form_list div.list_paging > div:first-child a, section.form_list div.list_paging > div:last-child a {
    opacity:0.3;
}
section.form_list div.list_paging > div:first-child a:hover, section.form_list div.list_paging > div:last-child a:hover {
    opacity:1;
}
section.form_list div.list_paging div > div  {
    display:table;
}
section.form_list div.list_paging div > div > p {
    display:table-cell;
    font-size:15px; font-weight:200; line-height:35px;
    vertical-align:middle;
}
section.form_list div.list_paging div > div > p u {
    display:block;
    width:35px;
    color:black;
}
section.form_list div.list_paging div > div > p a {
    display:block;
    width:35px;
    color:#8D8D8D;
}
section.form_list div.list_paging div > div > p a:hover {
    color:black;
}

div.write_table {
    border-top:2px solid black;
    border-bottom:1px solid black;
}
div.write_table table {
    width:100%;
    background:white;
}
div.write_table table tr {
    border-bottom:1px solid #ccc;
}
div.write_table table tr:last-child {
    border-bottom:0px none;
}
div.write_table table th {
    padding:15px;
    font-size:15px; color:black; font-weight:400; text-align:left;
    background:#E6E6E6;
}
div.write_table table td {
    padding:15px;
    font-size:14px; color:#585858;
    text-align:left;
}
div.write_table input[type="text"] {
    width:calc(100% - 14px); height:calc(30px - 14px);
    padding:7px;
    font-size:14px; color:black;
    line-height:16px;
    border:1px solid #ccc;
    border-radius:0px none;
}
div.write_table input[type="text"]::placeholder {
    color:#AFAFAF; font-weight:300;
}
div.write_table textarea {
    width:calc(100% - 14px); height:calc(210px - 14px);
    padding:7px;
    font-size:15px; color:black; font-weight:300;
    line-height:16px;
    border:1px solid #ccc;
    border-radius:0px none;
    resize:none;
}
div.write_table textarea::placeholder {
    color:#AFAFAF; font-weight:300;
}
div.write_table label {
    margin-left:5px; margin-right:20px;
    vertical-align:middle;
    cursor:pointer;
}

div.filebox label {
    display:inline-block;
    width:100px; height:30px;
    font-size:15px; color:black;
    text-align:center; line-height:30px;
    border:1px solid #ccc;
    background:#F2F2F2;
    cursor:pointer;
}
div.filebox input[type="file"] {
    width:1px; height:1px;
    padding:0px; margin:-1px;
    overflow:hidden;
    opacity:0;
    border:0;
    position:absolute;
}


div.detail_table {
    border-top:2px solid black;
    border-bottom:1px solid black;
}
div.detail_table table {
    width:100%;
    background:white;
}
div.detail_table table tr {
    border-bottom:1px solid #ccc;
}
div.detail_table table tr:last-child {
    border-bottom:0px none;
}
div.detail_table table th {
    padding:15px;
    font-size:16px; color:black; font-weight:400; text-align:left; letter-spacing:-0.5px;
    background:#E6E6E6;
}
div.detail_table table td {
    padding:15px 25px;
    font-size:15px; color:#585858;
    line-height:24px; text-align:left;
}

div.record {
    display:table;
    margin-bottom:15px;
}
div.record div {
    display:table-cell;
    text-align:left; vertical-align:top;
}
div.record div:first-child {
    padding-right:20px;
}
div.record div p {
    font-size:12px; color:#AFAFAF; line-height:17px;
    text-align:left;
}
div.record div a {
    position:absolute; right:0px; top:0px;
}
button.history {
    padding:3px;
    font-size:12px; color:#555;
    letter-spacing:-0.5px; line-height:12px;
    background:white;
    border:1px solid #ccc;
}

div.textarea {
    margin-bottom:10px;
    font-size:15px; color:#585858; font-weight:400;
    line-height:24px; letter-spacing:-0.5px;
}

div.textarea_modify {
    display:table;
    width:100%;
}
div.textarea_modify > div {
    display:table-cell;
}
div.textarea_modify > div:last-child {
    width:105px;
    padding-left:10px;
    vertical-align:bottom;
}
div.textarea_modify > div textarea {
    width:calc(100% - 14px); height:calc(85px - 14px);
    padding:7px;
    font-size:15px; color:black; font-weight:300;
    line-height:16px;
    border:1px solid #ccc;
    border-radius:0px none;
    resize:none;
}
div.textarea_modify > div button, div.textarea_modify > div input[type="submit"] {
    width:100%; height:40px;
    font-size:16px; color:black; letter-spacing:-0.5px;
    background:white;
    border:1px solid #ccc;
    cursor:pointer;
}

div.btn_set {
    display:table;
    table-layout:fixed;
    width:100%;
    margin-top:35px;
}
div.btn_set > div {
    display:table-cell;
    vertical-align:middle;
}
div.btn_set > div a.prev+a.next {
    margin-left:30px;
}
div.btn_set > div a.prev {
    display:inline-block;
    padding-left:13px;
    font-size:16px; color:black; line-height:16px;
    background:url(../../images/section/icon_prev.png) no-repeat left center;
    background-size:auto 12px;
}
div.btn_set > div a.next {
    display:inline-block;
    padding-right:13px;
    font-size:16px; color:black; line-height:16px;
    background:url(../../images/section/icon_next.png) no-repeat right center;
    background-size:auto 12px;
}
div.btn_set > div:first-child {
    text-align:left;
}
div.btn_set > div:last-child {
    text-align:right;
}
div.btn_set button+button, div.btn_set button+input[type="submit"] {
    margin-left:15px;
}
div.btn_set a.modify {
    display:inline-block;
    width:80px; height:35px;
    font-size:15px; color:black; font-weight:300; line-height:35px; text-align:center;
    background:white;
    border:1px solid #707070;
    border-radius:0px;
    cursor:pointer;
}
div.btn_set button.cancel {
    width:130px; height:40px;
    font-size:18px; color:white; font-weight:300;
    background:#7C7C7C;
    border:0px none;
    border-radius:0px;
    cursor:pointer;
}
div.btn_set button.action, div.btn_set input[type="submit"] {
    width:130px; height:40px;
    font-size:18px; color:white; font-weight:400;
    background:#FF8336;
    border:0px none;
    border-radius:0px;
    cursor:pointer;
}

section.form_reply {
    margin-top:40px;
    text-align:left;
}
div.reply_head span {
    margin-left:25px;
    font-size:18px; color:black;
}
div.reply_head span+button.history {
    margin-left:25px;
}
div.reply_head+form {
    margin-top:10px;
}
div.reply_head+div.reply_list {
    margin-top:10px;
}
form+div.reply_list {
    margin-top:10px;
}
div.reply_write {
    display:table;
    width:100%;
    background:#E6E6E6;
}
div.reply_write div {
    display:table-cell;
    text-align:left; vertical-align:middle;
}
div.reply_write div:nth-child(1) {
    width:calc(110px - 50px);
    padding:15px 25px;
    font-size:18px; color:black; line-height:30px; letter-spacing:-0.5px;
}
div.reply_write div:nth-child(2) {
    padding:15px 0;
}
div.reply_write div:nth-child(2) textarea {
    width:calc(100% - 14px); height:calc(85px - 14px);
    padding:7px;
    font-size:15px; color:black; font-weight:300;
    line-height:16px;
    border:1px solid #ccc;
    border-radius:0px none;
    resize:none;
}
div.reply_write div:nth-child(2) textarea::placeholder {
    color:#AFAFAF; font-weight:300;
}
div.reply_write div:nth-child(3) {
    width:calc(140px - 35px);
    padding:15px 25px 15px 10px;
    vertical-align:bottom;
}
div.reply_write div:nth-child(3) button, div.reply_write div:nth-child(3) input[type="submit"] {
    width:100%; height:40px;
    font-size:16px; color:black; letter-spacing:-0.5px;
    background:white;
    border:1px solid #ccc;
    cursor:pointer;
}

div.reply_list {
    border-top:2px solid #FF8336;
}
div.reply_list > div {
    padding:20px;
    background:white;
    border-bottom:1px solid #ccc;
    position:relative;
}
div.reply_list > div:last-child {
    border-bottom:0px none;
}
div.reply_list > div > div.modify {
    position:absolute; right:25px; top:20px;
}
div.reply_list > div > div.modify a {
    display:block;
    padding-left:15px;
    font-size:11px; color:#707070; font-weight:400; line-height:12px;
    background:url(../../images/section/icon_reply_modify.png) no-repeat left center;
    background-size:auto 12px;
}
div.reply_list div.textarea b {
    margin-right:10px;
    font-weight:500;
}

div.quantity {
    display:table;
}
div.quantity span {
    display:table-cell;
    text-align:center; vertical-align:middle;
}
div.quantity span input[type="text"] {
    width:100px !important;
    text-align:center;
    border-radius:0px;
}
div.quantity span button {
    width:32px; height:32px;
    font-size:20px; color:#585858; line-height:30px; font-weight:400;
    background:#E6E6E6;
    border:1px solid #ccc;
    border-radius:0px;
}
div.quantity span:first-child button {
    border-right:0px;
}
div.quantity span:last-child button {
    border-left:0px;
}

a.clip {
    display:inline-block !important;
    width:10px; height:16px;
    vertical-align:middle;
    background:url(../../images/section/icon_clip.png) no-repeat center center;
    background-size:auto 100%;
}

div.dual_table_box {
    display:table;
    table-layout:fixed;
    width:100%;
    margin-top:25px;
}
div.dual_table_box > div {
    display:table-cell;
    vertical-align:top;
}
div.dual_table_box > div:first-child div.small_table {
    margin:0 auto 0 0;
}
div.dual_table_box > div:last-child div.small_table {
    margin:0 0 0 auto;
}
div.small_table {
    width:calc(100% - 20px); min-height:263px;
    background:white;
    border-bottom:1px solid black;
}
div.small_table table {
    width:100%;
    background:white;
}
div.small_table table caption {
    padding:15px 0;
    font-size:18px; color:white; letter-spacing:-0.5px;
    text-align:center; font-weight:300; line-height:18px;
    position:relative;
}
div.small_table table caption label {
    cursor:pointer;
}
div.small_table table caption input[type="checkbox"] {
    width:25px; height:25px;
    border:0px none;
    outline:0px none;
    position:absolute; left:20px; top:50%;
    transform:translate(0%, -50%);
    cursor:pointer;
}
div.small_table table caption.bg_green {
    background:#8F9F7D;
    caption-side: top;
}
div.small_table table caption.bg_blue {
    background:#7C91A2;
    caption-side: top;
}
div.small_table table tbody tr {
    border-bottom:1px solid #ccc;
}
div.small_table table tbody tr:nth-child(4) {
    border-bottom:0px none;
}
div.small_table table tbody th {
    padding:15px;
    font-size:16px; color:black; font-weight:400; text-align:left; letter-spacing:-0.5px;
    background:#E6E6E6;
}
div.small_table table tbody td {
    padding:10px;
    font-size:15px; color:#585858;
    text-align:left;
}
div.small_table table tbody td input[type="text"] {
    width:calc(100% - 14px); height:calc(30px - 14px);
    padding:7px;
    font-size:15px; color:black;
    line-height:16px;
    border:1px solid #ccc;
    border-radius:0px none;
}
div.small_table table tbody td input[type="text"]::placeholder {
    color:#AFAFAF; font-weight:300;
}
div.small_table table tfoot td {
    padding:15px;
    font-size:14px; color:black;
    text-align:left;
}
div.small_table table tfoot td span {
    margin-left:5px;
}
span.file_name {
    display:inline-block;
    vertical-align:middle;
}

div.not_list {
    padding:150px 0;
    font-size:15px; color:black; font-weight:300;
    text-align:center;
    border-bottom:1px solid black;
}
table div.not_list {
    border-bottom:0px none;
}

button.inner_btn {
    height:30px;
    padding:0 10px;
    font-size:14px; color:black; font-weight:300;
    background:#F2F2F2;
    border:1px solid #ccc;
    border-radius:0px;
}

div.small_table table tfoot td input[type="checkbox"] {
    display:none;
    vertical-align:middle;
}
div.small_table table tfoot td input[type="checkbox"]+label {
    display:inline-block;
    width:19px; height:19px;
    margin-bottom:3px;
    vertical-align:middle;
    border:2px solid black;
    border-radius:0px;
    cursor:pointer;
}
div.small_table table tfoot td input[type="checkbox"]:checked+label {
    background:url(../../images/section/icon_check.png) no-repeat center center white;
    background-size:auto 16px;
}