/**
* 공통
*/
.highlight {
    color:#f0611a !important;
}
.text_lines {
    /* 한 줄 자르기 */
    display: inline-block;
    width: 80%;
    white-space:
    nowrap;
    overflow:
    hidden;
    text-overflow:
    ellipsis;
    /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    height: 60px;
}

/*.MainWrapper *{font-family: "맑은 고딕", "Malgun Gothic", serif;}*/
/**
* 메인 상단 공지사항 / 메뉴 str
*/
.content_top { float:left; }

.highlight_notice{
    min-width: 60%;
    max-width: 60%;
    margin: 2% 1% 0 4%;
    display: inline-block;
}

.highlight_content .header{
    margin-bottom: 5px;
}
.highlight_content .header h2{
    display: inline-block;
    /*float: left;
    width: 180px;*/
    font-size:16px;
}
.highlight_content .header h4{
    display: inline-block;
    font-size:14px;
}
.highlight_content .header span{
    float: right;
}
.highlight_content {
    background-color: #fce3d4;
    padding: 12px 20px;
    margin-bottom: 20px;
    line-height: 20px;
}

.right_menu {
    min-width: 22%;
    max-width: 22%;
    margin: 2% 4% 0 2%;
    display: inline-block;
    float: right;
}
.right_menu .btn_offerings{
    background-color: #f0611a;
    height: 100%;
    padding: 12% 0;
    font-size: 28px;
    font-weight: bolder;
    color: white;
    display: block;
    margin-bottom: 7%;
    text-align: center;
}
.right_menu .btn_naverOfferings{
    background-color: #e6e6e6;
    border:1px solid #d4d4d4;
    padding: 8%;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 7%;
    text-align: center;
}
.right_menu .support,.right_menu .naver_manageCenter{border:1px solid #d4d4d4; margin-bottom: 7%;}
.right_menu .support .header, .right_menu .naver_manageCenter .header{
    background-color: #e6e6e6;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 7%;
    padding: 2%;
    font-size: 15px;
    font-weight: bold;
}
.right_menu .support .body, .right_menu .naver_manageCenter .body {
    padding-bottom: 5%;
}
.right_menu .support .body h2{
    display: block;
}
.right_menu .support .body span{
    display: block;
}
.right_menu .support .footer {
    margin-top: 2%;

}
.right_menu .support .footer span{
    font-size:11px;
    font-weight: bold;

}
.right_menu .support .footer .left{
    text-align: center;
    display: inline-block;
    width: 48.5%;
    background-color: #e6e6e6;
    margin-right: 0.5%;
    padding: 2% 0.5%;
}
.right_menu .support .footer .right{
    text-align: center;
    width: 48.5%;
    background-color: #e6e6e6;
    margin-left: 0.5%;
    padding: 2% 0.5%;
    float: right;
}
/**
* 메인 상단 공지사항 / 메뉴 end
*/

/**
* 메인 하단 공지사항 / 자주묻는질문 str
*/
.board {
    min-width: 43%;
    border : 1px solid lightgray;
    display: inline-block;
}
.left-board{
    margin: 2% 1% 2% 4%;
}
.right-board{
    float:right;
    margin: 2% 4% 2% 2%;
}
.board .board_header{
    background-color:#fce3d4;
    padding:10px;
    border-bottom: 1px solid lightgray;
}


.board .board_header h2 { display: inline-block;}
.board .board_header span { float: right; }

.board .board_content {line-height: 20px; padding: 10px 8px;}
.board .board_content .right_li{float: right;}
/**
* 메인 하단 공지사항 / 자주묻는질문 end
*/

.styled-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}

.styled-table th,
.styled-table td {
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #ccc; /* 셀 테두리 */
	font-family: 'Pretendard';
	font-size: 13px;
}

.styled-table tbody th:first-child {
    border-top-left-radius: 10px;
    border-left: none;
}

.styled-table tbody th:last-child {
    border-top-right-radius: 10px;
    border-right: none;
}

.styled-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-left: none;
}

.styled-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-right: none;
}

.styled-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.nbmContents .cButton {
    /* height: 18px; */
    border: 1px solid rgb(183 183 183);
    text-decoration: none !important;
    font-weight: 700;
    background-color: #f7f7f7;
    font-size: 11px;
    font-family: 'NanumSquareNeoLight';
    margin-top: 2px;
    border-radius: 5px;
    color: #444;
}

.nbmContents .cButton:hover {
    /* height: 18px; */
    border: 1px solid rgb(201, 201, 201);
    background-color: #f0f0f0;
}

.nbmContents .cButton.small {
    height: 16px;
    padding: 2px 5px 1px 5px;
    color: rgb(59, 59, 59);
}

.nbmContents .cButton.shadow {
    box-shadow: #636363 0px 0px 5px -1px;
}

.nbmContents .cButton.colorGreen {
    /* color: rgb(24 115 14);
    border: 1px solid rgb(51 157 16); */
    color: #fff;
    border: 1px solid rgb(53, 155, 19);
    background-color: rgb(81 193 44);
}

.nbmContents .cButton.colorGreen:hover {
    /* color: rgb(17, 83, 10); */
    border: 1px solid rgb(45, 139, 14);
    background-color: rgb(72, 172, 38);
}

.nbmContents .cButton.colorBrown {
    /* color: rgb(135 99 15);
    border: 1px solid rgb(165 116 28); */
    color: #fff;
    border: 1px solid rgb(143, 100, 19);
    background-color: rgb(165 116 28);
}

.nbmContents .cButton.colorBrown:hover {
    /* color: rgb(97, 71, 10); */
    border: 1px solid rgb(126, 86, 13);
    background-color: rgb(148, 104, 21);
}

.nbmContents .cButton.colorBlue {
    color: #215c92;
    border: 1px solid #80b0dd;
}

.nbmContents .cButton.colorBlue:hover {
    color: #194670;
    border: 1px solid #6c94b9;
}

.nbmContents .cButton.colorRed {
    color: #fff;
    border: 1px solid #a13535;
    background-color: #e55b5b;
}

.nbmContents .cButton.colorRed:hover {
    color: #ffffff;
    border: 1px solid #922d2d;
    background-color: #d65151;
    /* background-color: #f9f9f9; */
}


/* 버튼 정의 */

.new-colour-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    background: #f8f8f8;
    color: #333;
    transition: all 0.15s ease;
    cursor: pointer;
    line-height: 18px;
    border-color: #888;
    color: #555;
    gap: 5px;
}

.new-colour-btn i {
    margin: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-colour-btn:hover {
    background: #f3f3f3;
    border-color: #777;
    color: #333;
}

.new-colour-btn,
input,
select,
textarea {
    vertical-align: middle;
}

.new-colour-btn {
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease;
}

.new-colour-btn.big {
    padding: 9px 20px;
    border-radius: 7px;
    font-size: 13px;
}


.new-colour-btn.dark.filled {
    background: #666;
    border-color: #555;
    color: #fff !important;
}

.new-colour-btn.dark:hover {
    background: #555;
    border-color: #444;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.10);
}


.new-colour-btn.blue {
    border-color: #4f7fd8;
    color: #2d5db3;
}

.new-colour-btn.blue:hover {
    background: #edf4ff;
    border-color: #3d6fd0;
    color: #1f56b8;
    box-shadow: 0 0 0 3px rgba(79,127,216,0.08);
}

.new-colour-btn.filled.blue {
    background: #4f7fd8;
    border-color: #144793;
    color: #fff !important;
}

.new-colour-btn.filled.blue:hover {
    background: #3d6fd0;
    border-color: #3d6fd0;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(79,127,216,0.12);
}


.style-btn.orange {
    background-color: #faa01a;
    border: 1px solid #e79110;
    color: rgb(255, 255, 255);
}
.style-btn.orange:hover {
    background-color: #ee9818;
    color: #fff;
}
.style-btn.orange:hover {
    box-shadow: 0 0 0 3px rgba(211, 144, 90, 0.08);
}


.new-colour-btn.orange {
    background-color: #faa01a;
    border: 1px solid #e79110;
    color: rgb(255, 255, 255);
}

.new-colour-btn.orange:hover {
    background: #edf4ff;
    border-color: #ee9818;
    color: #ee9818;
    box-shadow: 0 0 0 3px rgba(79,127,216,0.08);
}

.new-colour-btn.filled.orange {
    background: #ee9818;
    border-color: #e79110;
    color: #fff !important;
}

.new-colour-btn.filled.orange:hover {
    background: #e08e13;
    border-color: #e69113;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(79,127,216,0.12);
}


.new-colour-btn.green {
    border-color: #2f8f58;
    color: #1f7a47;
}

.new-colour-btn.green:hover {
    background: #edf9f1;
    border-color: #25854d;
    color: #17693b;
    box-shadow: 0 0 0 3px rgba(47,143,88,0.08);
}

.new-colour-btn.filled.green {
    background: #2f8f58;
    border-color: #1f6e43;
    color: #fff !important;
}

.new-colour-btn.filled.green:hover {
    background: #25854d;
    border-color: #25854d;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(47,143,88,0.12);
}

.new-colour-btn.red {
    border-color: #d35a5a;
    color: #c62828;
}

.new-colour-btn.red:hover {
    background: #fff1f1;
    border-color: #c62828;
    color: #b71c1c;
    box-shadow: 0 0 0 3px rgba(211,90,90,0.08);
}

.new-colour-btn.filled.red {
    background: #d35a5a;
    border-color: #b71c1c;
    color: #fff !important;
}

.new-colour-btn.filled.red:hover {
    background: #c62828;
    border-color: #c62828;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(211,90,90,0.12);
}


.style-btn {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    background: #f8f8f8;
    color: #333;
    transition: all 0.15s ease;
    cursor: pointer;
    line-height: 18px;
}

.style-btn {
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease;
}

/* 큰 버튼 */
.style-btn.big {
    padding: 9px 20px;
    border-radius: 7px;
    font-size: 13px;
}

.style-btn.blue {
    border-color: #4f7fd8;
    color: #2d5db3;
}
.style-btn.blue:hover {
    background: #edf4ff;
    border-color: #3d6fd0;
    color: #1f56b8;
}
.style-btn.blue:hover {
    box-shadow: 0 0 0 3px rgba(79,127,216,0.08);
}

.style-btn.dark {
    border-color: #888;
    color: #555;
}
.style-btn.dark:hover {
    background: #f3f3f3;
    border-color: #777;
    color: #333;
}


.style-btn.green {
    border-color: #2f8f58;
    color: #1f7a47;
}
.style-btn.green:hover {
    background: #edf9f1;
    border-color: #25854d;
    color: #17693b;
}
.style-btn.green:hover {
    box-shadow: 0 0 0 3px rgba(47,143,88,0.08);
}


.style-btn.red {
    border-color: #d35a5a;
    color: #c62828;
}
.style-btn.red:hover {
    background: #fff1f1;
    border-color: #c62828;
    color: #b71c1c;
}
.style-btn.red:hover {
    box-shadow: 0 0 0 3px rgba(211,90,90,0.08);
}

.style-btn.green {
    border-color: #2f8f58;
    color: #1f7a47;
}
.style-btn.green:hover {
    background: #edf9f1;
    border-color: #25854d;
    color: #17693b;
}
.style-btn.green:hover {
    box-shadow: 0 0 0 3px rgba(47,143,88,0.08);
}


.style-btn.orange {
    background-color: #faa01a;
    border: 1px solid #e79110;
    color: rgb(255, 255, 255);
}
.style-btn.orange:hover {
    background-color: #ee9818;
    color: #fff;
}
.style-btn.orange:hover {
    box-shadow: 0 0 0 3px rgba(211, 144, 90, 0.08);
}