@charset "UTF-8";


  /* 공지사항 */



#sectBoard_01					{position:relative; clear:both; float:none; width: 100%; height: auto; padding: 0 0 0 0; box-sizing:border-box; background-color: #f4f8fa; background-image: url("../images/main/bg_index_logo.png"); background-position: 50px 80px; background-repeat: no-repeat;}
#sectBoard_01:after					{display:block; float:none; clear:both; content:""; font-size:0; height:0}
#sectBoard_01 #noticeWrap				{position:relative; width: 1200px; max-width: 100%; padding-right: 0; margin: 0 auto; overflow:hidden; box-sizing:border-box}
#sectBoard_01  .artiTitle				{width: 100%; line-height: 3rem; text-align: center; font-size: 2rem; font-weight: bold; padding: 0}
/* Head Area */
#sectBoard_01 .tabMenuLists .tablist			{display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; padding: 0; margin: 0; list-style: none; box-sizing: border-box;}
#sectBoard_01 .articleHead	{position: relative; width: 100%; height: 50px; line-height: 50px; border-bottom: none; text-align: center;}
#sectBoard_01 .articleHead .btn_noticeTab		{position: relative; float: none; width: auto; min-width: 150px; height: 40px; line-height: 40px; text-align: center; border-radius: 0; box-sizing: border-box; overflow: hidden; border: none;}
#sectBoard_01 .articleHead .btn_noticeTab.active	{background-color: #374079; color: #fff;}


#sectBoard_01 .articleHead .btn_noticeTab::after	{width: 1px; height: 100%; content: ""; position: absolute; right: 0; top: 0; background: #aaa;}
#sectBoard_01 .articleHead .btn_noticeTab:last-child::after	{display: none;}
#sectBoard_01 .articleHead .btn_noticeTab.active::after	{display: none;}
#sectBoard_01 .articleHead .btn_noticeTab a		{height: 38px; line-height: 38px;}
#sectBoard_01 .articleHead .btn_noticeTab a:focus	{border: blue 1px dotted; border-radius: 0}
#sectBoard_01 .articleHead .btn_noticeTab input		{display: block; width: 100%; height: inherit; font-size: inherit; font-weight: inherit; color: inherit; border: none; background-color: transparent; cursor: pointer;}
#sectBoard_01 .articleHead .indicator		{display: none;}
/* Cont Area */
#sectBoard_01 .articleCont				{width: 100%; height: 600px; margin: 0 auto}
#sectBoard_01 .bbsLists				{display: none}
#sectBoard_01 .noticeList				{display: grid; height: 100px; grid-template-columns: 150px auto; grid-template-rows: auto 30px; grid-template-areas: "menuname title" "menuname info"; background-color: #fff; margin-bottom: 10px; padding: 20px; box-sizing: border-box; align-items: center}
#sectBoard_01 .noticeList.hide			{display: none}
#sectBoard_01 .noticeList .menuname			{grid-area: menuname; text-align: center;}
#sectBoard_01 .noticeList .menuname span		{color: #fff; font-weight: bold; padding: 10px 25px; background-color: #374079; border-radius: 10px;}
#sectBoard_01 .noticeList .noticeTitle		{display: flex; max-width: 100%; grid-area: title; line-height: 2rem; align-items: center; overflow: hidden}

#sectBoard_01 .noticeList .noticeTitle .a_titleLink	{display: block; color: #333; font-size: 1.2rem; font-weight: 400; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 50px)}
#sectBoard_01 .noticeList .noticeTitle .a_titleLink:hover	{color: #374079; font-weight: 700;}
#sectBoard_01 .noticeList .noticeTitle .a_titleLink:focus	{color: #374079; font-weight: 700;}
#sectBoard_01 .noticeList .noticeInfo		{grid-area: info; line-height: 30px; color: gray}


#sectBoard_01 .btnMore				{width: 100%; color: #374079; text-align: center;}
#sectBoard_01 .btnMore .btn_more::after		{display: inline-block; content: ""; width: 0.7rem; height: 0.7rem; border-top: #374079 1px solid; border-right: #374079 1px solid; transform: rotate(45deg)}
#sectBoard_01 .articleCont.mode_Totalview .btnMore	{display: none;}

@media all and (max-width:520px){
#sectBoard_01 .articleHead .btn_noticeTab		{min-width: 80px; height: 40px; line-height: 40px; text-align: center; border-radius: 0; box-sizing: border-box; overflow: hidden; border: none;}
#sectBoard_01 .noticeList .menuname			{display: none}
#sectBoard_01 .noticeList				{display: grid; height: 100px; grid-template-columns: 0px auto; grid-template-rows: auto 30px; }

}








#mk_section_06.sectWrap			{position: relative; width: 100%; padding-bottom: 80px; background: url("../images/main/bg_index_lowfit.png"), linear-gradient(180deg, rgba(225, 226, 235, 1) 0%, rgba(237,238,243,1) 20%, rgba(218,220,230,1) 100%); background-repeat: no-repeat; background-position: center bottom;}
#mk_section_06 .contHeader			{position: relative; width: 100%; padding: 0 0 20px 0; text-align: center}
#mk_section_06 .contHeader .desc		{line-height: 2rem; font-size: 1.5rem; color: #3d3d3d}
#mk_section_06 .ul_promotionWrap		{display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); gap: 20px;}
#mk_section_06 .li_promotionCont		{position: relative; width: 100%; text-align: center; background-color: rgba(255,255,255,0.7); padding: 20px 10px; border-radius: 20px; box-sizing: border-box; display: grid; grid-template-rows: 90px auto auto; align-content: start;}
#mk_section_06 .li_promotionCont::before	{display: block; content: ""; width: 80px; height: 80px; justify-self: center; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url("../images/main/icon_mk_feature.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 500% 200%;}
#mk_section_06 .innerTitle			{height: 2rem; line-height: 2rem; font-size: 1rem; font-weight: 600; color: #374079}
#mk_section_06 .innerDesc			{line-height: 1.5rem; font-size: 0.8rem; font-weight: 400; color: #374079}
#mk_section_06 .li_promotionCont:nth-of-type(1)::before	{background-position: 0   0}
#mk_section_06 .li_promotionCont:nth-of-type(2)::before	{background-position: 25% 0}
#mk_section_06 .li_promotionCont:nth-of-type(3)::before	{background-position: 50% 0}
#mk_section_06 .li_promotionCont:nth-of-type(4)::before	{background-position: 75% 0}
#mk_section_06 .li_promotionCont:nth-of-type(5)::before	{background-position: 0   100%}
#mk_section_06 .li_promotionCont:nth-of-type(6)::before	{background-position: 25% 100%}
#mk_section_06 .li_promotionCont:nth-of-type(7)::before	{background-position: 50% 100%}
#mk_section_06 .li_promotionCont:nth-of-type(8)::before	{background-position: 75% 100%}

@media screen and (max-width:1480px) {

#wrap.main #mk_section_06		{padding-bottom: 20px}

}


/*	[Target 04] Max Width : ~ 720 */
@media screen and (max-width:788px) {

#mk_section_06 .ul_promotionWrap		{grid-template-columns: repeat(2, 1fr); gap: 10px}


}


/*	[Target 04] Max Width : ~ 650 */
@media screen and (max-width:650px) {
}

/*	[Target 05] Max Width : ~ 425 */
@media screen and (max-width:465px) {

#mk_section_06 .ul_promotionWrap		{grid-template-columns: 1fr;}
#mk_section_06 .li_promotionCont		{grid-template-columns: 80px auto; grid-template-rows: auto auto; align-items: center; padding: 10px 5px}
#mk_section_06 .li_promotionCont::before	{grid-row: 1 / 3; grid-column: 1 / 2; width: 60px; height: 60px}


}







/*-------------------------------------------------------*/
.table {}

.table-responsive {}

.table-striped {}

.table-bordered {}

.table-hover {}

.table-condensed {}

.table-title-top thead th {
  border-top: 2px solid #555 !important;
  border-bottom: 1px solid #777 !important;
}

.table-title-top tbody td {
  border-bottom: 1px solid #eee !important;
}

.table-title-left {
  border-top: 2px solid #555;
}

.table-title-left tbody th {
  width: 20%;
  text-align: center;
}

.table-title-left tbody th {
  border-right: 1px solid #777;
}

.table-title-left tbody th,
.table-title-left tbody td {
  border-bottom: 1px solid #eee !important;
}

/*-------------------------------------------------------*/



.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}


.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{vertical-align: middle;}
table tbody tr td { vertical-align: middle !important; padding:10px !important; }
 @media only screen and (min-width: 320px) and (max-width: 940px) {
table tbody tr td { padding:10px 2px !important; font-size:14px !important;}
.table-responsive{width:100px;min-width:940px;margin-bottom:0 !important;}
.setbox_tab{overflow-x: scroll;}
.setbox_tab::-webkit-scrollbar {
  height: 3px;
  background-color: #ddd;
  border-radius:4px;
}
.setbox_tab::-webkit-scrollbar-thumb {
  background: #888;
  border-radius:4px;
}

#sub-page-section-3rd{display:block !important;}
table tbody tr td a.mclick{color:#0e6bb5 !important;}