@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

BODY
{
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
    margin:0;
    padding:0;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img,div {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}
select,input,textarea{font-family: 'Noto Sans KR', sans-serif;}
img {border: 0;}
a { color: #000; text-decoration: none;}

TABLE
{
    text-align: left; /* for old IE version */
    background-position:center;
    border: 0;
    border-collapse:	collapse;
}

td, th 
{
    font-size: 14px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding: 0px;
    margin: 0px;
}

.banner_single img {
    width: 100%;
    vertical-align: bottom;
}
.banner_single {
    border-bottom: 10px solid rgb(241, 241, 241);
    border-top: 15px solid white;
}

#topHeader {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50px;
}
#mainMenu {
    display: flex;
    justify-content: space-around;
    height: 42px;
    background-color: rgb(0, 188, 228);
}
#mainMenu a {
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 42px;
}
#mainMenu>div {
    position: relative;
}
#mainMenu>div img {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -4px;
}
#subMenu {
    display: flex;
    border-bottom: 1px solid rgb(232, 232, 232);
}
#subMenu a {
    font-size: 16px;
    line-height: 39px;
    padding: 12px;
}

#popupMenu {
    display: none;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
}
#popupMenu_content {
    width: 300px;
    background-color: white;
    margin-bottom: 30px;
}
#popupMenu .menu_section {
    width: 260px;
    margin: 0px auto;
    padding: 30px 0 0;
}
#popupMenu .menu_section a {
    font-size: 16px;
    line-height: 23px;
    color: rgb(112,112,112);
}
#popupMenu .menu_sectionTitle {
    margin: 20px auto 10px;
    color: rgb(0, 188, 228);
    font-size: 19px;
    font-weight: bold;;
    line-height: 23px;
}
#popupMenu .menu_section table {
    width: 100%;
    text-align: center;
}
#popupMenu .menu_section table td {
    border: 1px solid rgb(232, 232, 232);
    padding: 5px;
}

#searchInput {
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
}
#searchInput_content {
    width: 300px;
    background-color: white;
}
#searchInput .menu_section {
    width: 260px;
    margin: 10px auto;
}

.mainColor,
.newsColor {
    color: rgb(0,188,228);
}
.lifeColor {
    color: rgb(1,167,83);
}
.cross1Color {
    color: rgb(241,55,31);
}
.cross2Color {
    color: rgb(241,55,31);
}
.forumColor {
    color: rgb(255,147,30);
}

.sectionTitle {
    margin: 20px 15px 10px 15px;
    font-size: 19px;
    font-weight: bold;;
    line-height: 26px;
}

#top_1stNewsSection img {
    width: 100%
}

#top_1stNewsSectionTitle {
    margin: 10px 12px;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
}
#top_1stNewsSectionTitle a {
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
}

#top_newsSlider {
    background-color: rgb(31, 37, 50);
    font-size: 17px;
    color: white;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 0;
    border: 0;
    border-radius: 0;
}
#top_newsSlider .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#top_newsSlider a {
    font-size: 19px;
    color: white;
}

#top_3rdNewsSection,
#top_4thNewsSection,
#top_EduSection,
#top_ImmSection,
#top_2ndLifeSection,
#top_EventSection
{
    margin: 0 15px;
}

.list_section
{
    margin: 10px 0px;
}

.list_section div.title
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 73px;
    padding: 9px 0;
    border-bottom: 1px solid rgb(232, 232, 232);
}

#top_3rdNewsSection div.title:last-child,
#top_4thNewsSection div.title:last-child,
.list_section>div>div:last-child div,
.news_section_container:last-child div,
.section_container.noBorder div
{
    border-bottom: 0px;
}

.list_section a
{
    font-size: 17px;
    line-height: 26px;
    color: black;
}

.dual_column {
    display: flex;
    margin-bottom: 5px;
}
.left_column,
.right_column {
    width: 50%;
}
.left_column>div {
    margin: 0 5% 0 0;
}
.right_column>div {
    margin: 0 0 0 5%;
}
.dual_column .news_title {
    font-size: 17px;
    line-height: 23px;
}
.dual_column .news_image {
    height: 125px;
    overflow: hidden;
    margin-bottom: 5px;
}
.dual_column .news_image .thumbnail {
    height: 120px;
    background-size: cover;
}

#top_CrossSection {
    margin: 10px 15px;
}
#top_BbsSection {
    margin: 10px 15px;
}

.multitab_section table {
    width: 100%;
    text-align: center;
}

.multitab_section table td {
    padding: 5px 0;
    border-bottom:1px solid rgb(230, 230, 239);
}
.multitab_section table td.active {
    border:1px solid rgb(230, 230, 239);
    border-bottom:0px;
}

.multitab_section table a{
    font-size: 17px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

.multitab_section table .active{
    padding:0px 2px 0px 2px;
    background-color: #FFFFFF;
}
.multitab_section table .active a {
    font-weight: bold;
}
                        
#top_BizSection {
    margin-bottom: 10px;
}
#top_BizSection table {
    width: 100%;
}
#top_BizSection .box_biz {
    width: 25%;
    text-align: center;
    border: 1px solid rgb(232, 232, 232);
    padding: 4px 0;
}
#top_BizSection .box_biz a {
    color: rgb(0, 0, 0);
    font-size: 15px;
    line-height: 26px;
}


.section_container {
    margin: 0 15px;
}

.img_text_2col {
    display: flex;
    border-bottom: 1px solid rgb(232, 232, 232);
    padding: 5px 0 10px;
}
.img_text_2col .image {
    width: 40%;
    padding: 0px 10px 0px 0;
}
.img_text_2col .image .thumbnail {
    height: 90px;
    background-size: 100% 100%;
}

.img_text_2col .image2 {
    width: 30%;
    padding: 0px 10px 0px 0;
}
.img_text_2col .image2 img {
    width: 100%;
}

.img_text_2col .text {
    width: 60%;
    padding: 0px 0px 0px 10px;
}
.img_text_2col .text .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}
.img_text_2col .text .title a {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}
.img_text_2col .text .excerpt {
    font-size: 15.5px;
    line-height: 20px;
    height: 38px;
    overflow: hidden;
    margin-top: 5px;
}
.img_text_2col .text .date{
    font-size:15px; 
    color:#656466; 
    margin-top: 5px;   
}

.img_text_2col .text2 {
    width: 70%;
    padding: 0px 0px 0px 10px;
}
.img_text_2col .text2 .title {
    line-height: 22px;
    font-size: 17px;
    font-weight: normal;
}
.img_text_2col .text2 .title a {
    font-size: 17px;
    font-weight: normal;
}
.img_text_2col .text2 .date{
    font-size:15px; 
    color:#656466; 
    margin-top: 5px;   
}

.text_1col {
    border-bottom: 1px solid rgb(232, 232, 232);
    padding: 10px 0;
}
.text_1col .title {
    font-size: 17px;
    font-weight: normal;
    line-height: 22px;;
}
.text_1col .title a {
    font-size: 17px;
    font-weight: normal;
}
.text_1col .date {
    font-size:15px; 
    color:#656466; 
    margin-top: 5px;   
}
.title_excerpt_1col .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}
.title_excerpt_1col .title a {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

#news_editorial_section {
    margin-top: 25px;
}
#news_editorial_section .title::before {
    content: '사설) ';
}
.title_excerpt_1col .excerpt {
    font-size: 15.5px;
    font-weight: normal;
    line-height: 20px;
    height: 38px;
    overflow: hidden;
    margin-top: 5px;
}

.news_read_title {
    font-size: 19px;
    line-height: 24px;
    font-weight: bold;
    margin: 15px 0;
}
.news_read_img img {
    width: 100%;
}
.news_read_img .annotation {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    color: #616062;
    margin: 2px 0;
}
.news_read_content {
    margin: 15px 0; overflow-wrap: break-word; word-break: break-all;
}
.news_read_content p {
    font-size:17px;
    line-height:26px;
    margin: 15px 0;
}

.news_read_date {
    text-align: right;
    font-size: 13px;
    line-height: 19px;
    color: rgb(182,182,182);
    margin-bottom: 20px;
}

.board_read_title {
    font-size: 19px;
    line-height: 24px;
    font-weight: bold;
    margin: 15px 0;
}
.board_read_title2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    color: rgb(80,80,80);
    border-bottom: 1px solid rgb(232,232,232);
}
#board_content #content {
    overflow-wrap: break-word;
    word-break: break-all;
}
#board_content #content iframe {
    max-width: 100% !important;
}

.paging_num {
    display:inline-block;
    width:32px;
    height:32px;
    font-size:16px;
    line-height: 32px;
    color: rgb(146,146,146);
    border: 1px solid rgb(136,136,136);
    
}
.curr_paging_num {
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

.button_white {
    text-align:center; padding: 8px; border:1px solid rgb(220,220,220); background-color: white;
}
.button_gray {
    text-align:center; padding: 8px; border:1px solid rgb(220,220,220); background-color:rgb(246,246,246);    
}

.board_list_page .move_button {
    text-align:center; padding: 8px; border:1px solid rgb(220,220,220); background-color: white; width:125px;
}
.board_list_page .write_button {
    text-align:center; padding: 8px; border:1px solid rgb(220,220,220); background-color: white; width:125px;
}

.board_read_page .write_button {
    text-align:center; line-height: 40px; float:left; margin:0 5px; border:1px solid rgb(220,220,220); background-color:white; width:70px; 
}
.board_read_page .reply_button {
    text-align:center; line-height: 40px; float:left; margin:0 5px; border:1px solid rgb(220,220,220); background-color:rgb(246,246,246); width:70px; 
}
.board_read_page .modify_button {
    text-align:center; line-height: 40px; float:right; margin:0 5px; border:1px solid rgb(220,220,220); background-color:white; width:70px;   
}
.board_read_page .delete_button {
    text-align:center; line-height: 40px; float:right; margin:0 5px; border:1px solid rgb(220,220,220); background-color:rgb(246,246,246); width:70px; 
}
.board_read_page .list_button {
    text-align:center; line-height: 40px; border:1px solid rgb(220,220,220); background-color:white; width:70px; 
}

.board_list_page .move_button a,
.board_list_page .write_button a,
.board_read_page .modify_button a,
.board_read_page .delete_button a,
.board_read_page .list_button a,
.board_read_page .write_button a,
.board_read_page .reply_button a {
    font-weight:500; /* medium */
    color: rgb(148,148,148);
}

input[type=button],
input[type=submit] {
    -webkit-appearance:none; -moz-appearance:none; appearance:none; 
}
input[type=checkbox] {
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5);
}

.board_input_row {
    display:flex;
    justify-content: space-between;
    line-height: 45px;
    margin-top: 10px;
}
.board_input_label {
    text-align:left;
}
.board_input_row select {
    height: 45px;
    width: 220px;
    font-size: 16px;
    border: 1px solid rgb(220,220,220);
    background-color: white;
}
.board_input_row input[type=text] {
    height: 43px;
    width: 220px;
    font-size: 16px;
    border: 1px solid rgb(220,220,220);
}
.board_input_noti {
    font-size:15px; 
    margin:15px 0; 
    line-height:20px;
    color:rgb(241,55,31);    
}
.biz_item {
    width: 48%;
    display: flex;
}
.biz_item .biz_item_parent {
    font-size:17px;
    font-weight:bold;
}
.biz_item .biz_item_child {
    border-top:1px solid rgb(232,232,232);
    font-size:14px;
    line-height:20px;
    letter-spacing:-0.3px;
    color:rgb(130,130,130);
}
.biz_item .biz_item_child a {
    color:rgb(130,130,130);
    letter-spacing:-0.3px;
}
.abb {
    color: rgb(255,147,30);
}