@charset "utf-8";


/* sub header */
header{
	border-bottom:1px solid #1478e4;	
}

header.fixed{
	border-bottom:none;
}

header .inner{
	width:1160px;
}
header .inner nav ul li.on a{
	color:#006de2;
}

/* board 공지사항 */
section.sub-page {
    margin-top: 125px;
    border-bottom:1px solid #d0d0d0;
}

section.sub-page .inner{
	position:relative;
	width:1160px;
	margin:0 auto;
	padding:80px 0 100px;
}

.sub_title {
	margin-bottom:30px;
	font-family:"GSB";
	font-size:50px;
	color:#344e90;
}

.search-box {
	position:absolute;
	top:80px;
	right:0;
}

.input-set {
    width: 50%;
    margin: 0 auto;
}

.input-set span {
    display: inline-block;
}

.input-set span select {
    border: 1px solid #c9c9c9;
    height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
    padding-right: 20px;
    background-image: url(../img/icon/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 97%;
    appearance: none;
}

.input-set span input {
    border: 1px solid #c9c9c9;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.input-set span button {
    height: 40px;
    padding: 0 12px;
    background-color: #0c52a0;
    border: 1px solid #0c52a0;
    color: #fff;
    font-size: 13px;
}

.list-cat{
	margin-bottom:30px;
	text-align:right;
}

.list-cat select{
	width:165px;
	height:56px;
	padding-left:18px;
	border:1px solid #aaa;
	font-size:18px;
	background-image: url(../img/icon/select_arrow.png);
}

.list-content table {
	table-layout:fixed;
	width:100%;
    text-align: center;
}

.list-content thead {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.list-content thead th {
    font-size: 20px;
    padding:23px 0;
    box-sizing: border-box;
    font-family:"NSB";
}

.list-content tbody tr{
	transition:background-color ease .5s;
}

.list-content tbody tr:hover{
	background-color:#f3f3f3;
}

.list-content tbody td {
    font-size:20px;
    border-bottom: 1px solid #ccc;
    padding:23px 0;
    box-sizing: border-box;
}

.list-content tbody td:nth-child(2){
	color:#3f66c1;
}

.list-content tbody td.left {
    text-align: left;
}

.list-content tbody td.left a{
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
}

.page_wrap {
    margin-top: 20px;
    text-align: center;
}

.page_wrap ul {
    margin: 0 auto;
}

.page_wrap ul li {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 2px;
}

.page_wrap ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #c9c9c9;
    color: #989898
}

.page_wrap ul li a.on {
    border: 1px solid #013a76;
    color: #013a76;
}

a.btn-prev1 {
    background-image: url(../img/icon/board_arrow_left01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px
}

a.btn-prev2 {
    background-image: url(../img/icon/board_arrow_left02.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}

a.btn-next1 {
    background-image: url(../img/icon/board_arrow_right01.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}

a.btn-next2 {
    background-image: url(../img/icon/board_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}

.searchWrap select {
    height:50px;
    margin-right:20px;
    border:none;
    box-sizing: border-box;
    width: 120px;
    padding:0 10px;
    border-bottom:1px solid #000;
    -webkit-appearance: none;
    line-height: 40px;
    font-size: 22px;
    -moz-appearance: none;
    font-family: "NS";
    appearance: none;
    box-sizing: border-box;
    background: url(/Assets/img/common/sel_arr.gif) 90% center no-repeat
}

.searchWrap select::-ms-expand {
    display: none
}

.searchWrap option {
    color: #000
}

.searchWrap .searchBox {
	display:inline-block;
	position:relative;
}

.searchWrap .searchBox input {
    width: 361px;
    padding-right:45px;
    border:none;
    border-bottom:1px solid #000;
    height:50px;
    font-family: "NS";
    font-size:22px;
    background: transparent;
    box-sizing: border-box;
}

.searchWrap .searchBox input::placeholder{
	font-size:22px;
	color:#959595;
}

.searchWrap .searchBox input:focus {
    border-color: #013a76
}

.searchWrap .searchBox button {
    position: absolute;
    top: 7px;
    right:0px;
    padding: 5px 10px;
    z-index: 2;
    background-color: transparent;
    cursor:pointer;
}

.m_table_box {
    width: 90%;
    margin: 0 auto;
    border-top: 2px solid #013a76;
    padding: 10px 0;
    display: none;
}

.m_table_box img{
    width: 14px;
    margin-left: 4px;
}

.m_table_box a {
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    display: table;
    padding: 8px;
    box-sizing: border-box;
    overflow:hidden;

}

.m_table_box a .title {
    font-size: 14px;
}

.m_table_box a ul {
   width:80px;
   display:table-cell;
   text-align:Center;
}

.m_table_box a .title .num {
    display: block;
    /*width: 50px;
    padding: 3px 0px 1px;
    margin-right: 2%;
    */
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.m_table_box a p {
    display:table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding:0 10px;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:auto;
    overflow:hidden;
    max-width: 200px
}

.team {
    color: #797979;
}

/************************************************************************************************************
   공지사항 상세보기
************************************************************************************************************/

.notice-info table{
	width:100%;
}

.notice-info table thead {
    border-top: 2px solid #013a76;
    border-bottom: 1px solid #e3e3e3;
}

.notice-info table thead tr th {
    padding:23px 10px;
    text-align:left;
}

.notice-info table thead p {
	margin-bottom: 10px;
	font-family:"NSB";
    font-size: 20px;
}

.notice-info table tbody td {
    padding:23px 10px;
    border-bottom: 1px solid #e3e3e3;
    font-size:16px;
}

.notice-info table tbody td img {
    width:auto;
    max-width: 100%;
    margin:0 auto;
}

.notice-info table tfoot {
    border-bottom: 1px solid #e3e3e3;
}

.notice-info table tfoot td {
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}


.file-ico {
    display: inline-block;
    background-image: url(../img/file.jpg);
    width: 20px;
    height: 20px;
    background-size: contain;
    vertical-align: middle;
}

@media all and (max-width:768px){
    .file-ico{
        width: 16px;
        height: 16px;
    }
}

.notice-info table tfoot {
    font-size: 13px;
}

.notice-info table tfoot .text {
    display: inline-block;
    text-indent: -18px;
    padding-left: 18px;
}

.notice-info table tfoot .badge {
    display: inline-block;
    background-color: #ebebeb;
    padding: 6px 12px;
    font-size: 13px;
    margin-right: 6px;
}

.notice-info .table-footer th {
    border-bottom: 1px solid #b4b4b4;
    width: 100px;
    text-align: left;
    padding:23px 10px;
    font-family:"NSB";
    font-size:20px;
}

.notice-info .table-footer td {
    border-bottom: 1px solid #b4b4b4
}

.list-btn {
    width: 100%;
    text-align: right;
    margin-top: 30px;
}

.list-btn button {
    padding: 12px 32px;
    font-family:"NSB";
    font-size: 18px;
    background-color: #fecf03;
    cursor: pointer;
}

.table-footer ul li {
    width: 100%;
    display: table;
    font-size: 14px;
    border-bottom: 1px solid #e3e3e3;
}

.table-footer ul li span.badge {
    width:120px;
    background-color: #ebebeb;
    padding:23px 0;
    font-size:18px;
    text-align: center;
    vertical-align: middle;
}

.table-footer ul li span {
    display: table-cell;
    vertical-align: middle;

}

.table-footer ul li a{
	display:block;
}

.table-footer ul li a .text {
	display:block;
    padding:23px 10px;
    font-size:18px;
    box-sizing: border-box;
    cursor: pointer;
}

/* board FAQ */
.list-content tbody .question td.tit{position:relative; padding:23px 0 23px 120px; text-align:left;}
.list-content tbody .question td.tit:before{content:"질문"; position:absolute; top:23px; left:44px; font-family:"NS"; font-size:20px; color:#3f65c0;}
.list-content tbody .question td.tit.on{background-color:#f3f3f3;}
.list-content tbody .question td.tit span{position:absolute; top:30px; right:32px; width:23px; height:13px; background:url(/Assets/img/common/faq_arr.png) 0 0 no-repeat; font-size:0; text-indent:-9999px; transition:all ease .5s;}
.list-content tbody .question td.tit span.on{transform:rotate(-180deg);}
.list-content tbody .answer td.answer_s{position:relative; padding:23px 0 23px 120px; background-color:#f3f3f3; text-align:left; line-height:30px;}
.list-content tbody .answer td.answer_s:before{content:"답변"; position:absolute; top:50%; left:44px; transform:translateY(-50%); font-family:"NS"; font-size:20px; color:#3f65c0;}


@media screen and (max-width:1200px){
	
	/* sub contents */
	section.sub-page{margin-top:73px;}
	section.sub-page .inner{width:auto; padding:40px 20px;}
	
	/* sub title */
	.sub_title{font-size:30px;}
	
	/* search box */
	.search-box{position:static; margin-bottom:40px;}
	.searchWrap{font-size:0;}
	.searchWrap select{height:45px; margin-right:10px; font-size:18px;}
	.searchWrap .searchBox{width:calc(100% - 150px);}
	.searchWrap .searchBox input{width:100%; height:45px; font-size:18px;}
	.searchWrap .searchBox input::placeholder{font-size:18px;}
	
	/* list cat */
	.list-cat select{width:120px; height:45px;}
	
	/* list content */
	.list-content{display:none;}
	.list-content.faq{display:block; word-break:keep-all;}
	.list-content thead th{padding:12px 0; font-family:"GSM"; font-size:16px;}
	.list-content tbody .question td.tit{padding:12px 10px 12px 120px; font-family:"GSM"; font-size:16px;}
	.list-content tbody .question td.tit:before{top:14px; font-family:"GSL"; font-size:16px;}
	.list-content tbody .question td.tit span{top:15px;}
	.list-content tbody .answer td.answer_s{padding:12px 10px 12px 120px; font-family:"GSL"; font-size:16px; line-height:24px;}
	.list-content tbody .answer td.answer_s:before{font-family:"GSL"; font-size:16px;}
	
	/* mobile list content */
	.m_table_box{display:block; width:100%; padding:0; border-top:2px solid #000;}
	.m_table_box a{padding:12px 0;}
	.m_table_box a ul{width:100px;}
	.m_table_box a .title{margin-bottom:5px;}
	.m_table_box a .title .num{font-family:"GSM"; font-size:16px;}
	.m_table_box a .team{font-family:"GSL"; font-size:13px;}
	.m_table_box a p{font-family:"GSM"; font-size:16px;}
	.m_table_box img{display:none;}	
	
	/* list view*/
	.notice-info table thead tr th{padding:12px 10px;}
	.notice-info table thead p{font-size:18px;}
	.notice-info table thead p+span{font-family:"GSL";}
	.notice-info table tbody td{padding:12px 10px;}
	.notice-info table tbody td img{max-width:100%;}
	.notice-info .table-footer th{padding:15px 10px; font-family:"GSM"; font-size:16px;}
	.table-footer ul li span.badge,
	.table-footer ul li a .text{padding:12px 10px; font-family:"GSL"; font-size:16px;}
	
}

@media screen and (max-width:768px){
	
	/* sub contents */
	section.sub-page{margin-top:56px;}
	section.sub-page .inner{padding:40px 12px;}
	
	/* sub title */
	.sub_title{font-size:24px;}

	/* search box */
	.searchWrap select{width:120px; height:40px; font-family:"GSL"; font-size:15px;}
	.searchWrap .searchBox{width:calc(100% - 130px);}
	.searchWrap .searchBox input{height:40px; font-family:"GSL"; font-size:15px;}
	.searchWrap .searchBox input::placeholder{font-family:"GSL"; font-size:15px;}
	.searchWrap .searchBox button{top:3px; padding:7px 10px;}
	
	/* list cat */
	.list-cat{margin-bottom:15px;}
	.list-cat select{width:100px; height:40px; padding-left:12px; font-size:15px;}
	
	/* list content */
	.list-content thead th{padding:8px 0; font-size:14px;}
	.list-content tbody .question td.tit{padding:11px 35px 8px 60px; font-size:14px;}
	.list-content tbody .question td.tit:before{top:50%; left:15px; transform:translateY(-50%);}
	.list-content tbody .question td.tit span{top:12px; right:5px; width:15px; height:9px; background-size:15px 9px;}
	.list-content tbody .answer td.answer_s{padding:11px 35px 8px 60px; font-size:14px; line-height:21px;}
	.list-content tbody .answer td.answer_s:before{top:50%; left:15px; transform:translateY(-50%);}
	
	/* mobile list content */
	.m_table_box a{padding:8px 0;}
	.m_table_box a ul{width:80px;}
	.m_table_box a p{font-size:14px;}
	
	/* list view*/
	.notice-info table thead p{font-family:"GSM"; font-size:16px;}
	.notice-info table thead p+span{font-size:13px;}
	.notice-info table tbody td{font-size:15px; line-height:24px;}
	.notice-info .table-footer th{width:60px; font-size:15px;}
	.notice-info .table-footer td span{display:none;}
	.table-footer ul li span.badge{width:60px;}
	.table-footer ul li span.badge,
	.table-footer ul li a .text{font-size:14px;}
	.list-btn button{padding:11px 16px 8px; font-family:"GSM"; font-size:14px;}
	
	/* paging */
	 .page_wrap ul li{width:25px; height:25px; line-height:25px;}
	 
}