@font-face { font-family: 'NanumBarunGothic';
    src: url('/fonts/NanumBarunGothic.eot');
    src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
    url('/fonts/NanumBarunGothic.woff') format('woff');}

.line_table { font-family: 'Nanum Gothic', sans-serif; width:100%; font-size: 12px; border-radius: 5px; padding: 10px; }
.line_table th{ height:13px; text-align:center;  font-weight: bold; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px; }
.line_table td{ height:13px; color:#565656; padding:5px; text-align:center; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.line_table a{ color: #333333; text-decoration: none; }
.borderline { border:solid 1px #c8c8c8; width:auto; background:#fff; margin:0.4em 0.4em 0 0.4em; }
.search_input { float:right; border:solid 2px #e5e5e5; width:150px; height:30px; }
.goodsfont3 { font-weight:800; line-height:12px; }
.btnbox { border:solid 1px #cdcdcd;  width:80px; height:26px; text-align:center; vertical-align:top; font-size:14px; background:#efefef; font-weight:bold; }

.content { margin-left: auto; margin-right: auto; max-width: 1024; }
.join1_input { float:left; border:solid 1px #dcdcdc; width:100%; height:200px; margin-bottom:5px; font-size:12px; }
.join2_input { float:left; border:solid 1px #dcdcdc; width:40%; font-size:12px;}
.join2_input2 {  width:60px;  height:18px; border:solid 1px #dcdcdc; }
.btnarea { float:left; width:100%; text-align:center; margin:30px 0; }
.btn_style { border:solid 2px #18324d; background:#203e62; color:#fff; font-weight:800; font-size:15px; padding:4px 9px; }
.check_btn { border:solid 2px #147da5; background: steelblue; color:#fff; font-weight:800; font-size:12px; padding:1px 3px 2px 3px; }

input[type=text], [type=password], select, textarea {
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    background-color: #ffffff;
    ime-mode:inactive;
}

input[type=submit], [type=button] {
    background-color: #4479af;
    margin-left: 2px;
    margin-right: 2px;
    color: white;
    padding: 4px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover, [type=button]:hover {
    background-color: #45a049;
}

input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
}


.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}