@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
* { font-family: 'Noto Sans KR','NanumSquare', 'MalgunGothic';margin: 0; padding: 0;}


/* normalize */
body {margin: 0; background:#efefef; min-width:430px;}
body* {font-size: 14px;line-height: 1.4;color: #666;}
ul, ol { list-style: none;}
a:hover, a:focus, a:link, a:visited { color: #666; text-decoration: none; font-style: normal; }

/* wrapper는 부트스트랩의 container로 대체 가능 */
.wrapper { max-width: 1200px; margin: 0 auto; position: relative; content:""; display:block; clear:both;}

/* 많이 사용하지만 부트스트랩의 d-none으로  대체가능 */
.hidden { display: none !important; }

caption { display: none; }

body.sbg01 {background:#f1f3ef;}


/*list - list-b만 사용중 */
.list-a {}
.list-a li {padding-left:15px;  background:url('../img/common/bullet04.png') no-repeat 2px 8px; margin-bottom:10px; margin-top:10px; line-height:1.2em; letter-spacing:-0.5px; text-align: left;}
.list-indent {}
.list-indent li {padding-left:15px; background:url('../img/common/bullet04.png') no-repeat 2px 8px; margin-left:10px;line-height:1.5em;}
.list-b {}
.list-b li {padding-left:15px; background:url('../img/common/ding_01.gif') no-repeat 4px 9px;line-height:1.5em;}
.list-c {}
.list-c li {padding-left:15px; line-height:1.5em;}

/******** header ********/
#header {height:120px; z-index:9999 ;border-bottom:1px solid #aaa;  box-sizing:border-box; padding:10px 25px; }


/******** gnb ********/
#header > .wrapper {height:100%; display:flex; align-items: center; justify-content: space-between;}
#header #gnb {display:flex;}
#header #gnb>ul {display:flex; align-items: center; justify-content: space-between;}
#header #gnb>ul>li {margin-left: 10px;}
#header #gnb>ul>li:first-child a:hover {background:#223765 !important;}
#header #gnb>ul>li>a:hover {background:#b01f24 !important;}

.aside { border-bottom:1px solid #aaa; }
.aside .wrapper {padding:25px 25px; box-sizing:border-box; }


/******** btn ********/
.btn:hover {transition: all .3s !important;}

/* 아이콘 있음 */
.btn-del::after {content: "\f2ed"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.btn-import::after {content: "\f574"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.btn-export::after {content: "\f56d"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.btn-email::after {content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.btn-plus::after {content: "\f055"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
.btn-reset::after {content: "\f0e2"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}

/* 크기-패딩 차이 */
.btn-lg {padding:15px 35px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 0 !important;}
.btn-md {padding:5px 10px !important; font-size: 14px !important; font-weight: 400 !important; border-radius: 0 !important;}
.btn-sm {padding:5px !important; font-size: 12px !important; font-weight: 400 !important; border-radius: 0 !important;}

/* 색상 차이 */
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-info {color: #fff !important;}
.btn-black {background-color: #000 !important; color: #fff !important;}
.btn-red {background-color: #b01f24 !important; color: #fff !important;}
.btn-blue {background-color: #446199 !important; color: #fff !important;}
.btn-white {background-color: #fff !important; color: #000 !important;}

.btn-red:hover, .btn-blue:hover {background-color: #000 !important;}
.btn-black:hover {background-color: #6c6c6c !important;}
.btn-white:hover {color: #b01f24 !important;}

/* 드롭다운 메뉴 */
a.dropdown-item:active {background-color: #f3f3f3; color: #000;}

/******** tab ********/
ul.tab-a { overflow:hidden; *zoom:1; margin:0; padding:0; }
ul.tab-a li {float:left; background: url('../img/custom/tab_off.png') no-repeat center bottom; border-right:1px solid #fff;  box-sizing:border-box;  }
ul.tab-a li a {display:block; font-size:14px; color:#646464; line-height:70px; text-align:center;  line-height:16px; text-align:center; padding:15px 0; font-weight:400;}
ul.tab-a li.on,
ul.tab-a li:hover {background: url('../img/custom/taba_on.png') no-repeat center bottom; color:#fff;  box-sizing:border-box;  }
ul.tab-a li:hover a,
ul.tab-a li.on a {color:#fff;}

ul.tab-b { overflow:hidden; *zoom:1; margin:0; padding:0; }
ul.tab-b li {float:left; background: url('../img/custom/tab_off.png') no-repeat center bottom; border-right:1px solid #fff;  box-sizing:border-box;  }
ul.tab-b li a {display:block; font-size:14px; color:#646464; line-height:70px; text-align:center;  line-height:16px; text-align:center; padding:15px 0; font-weight:400;}
ul.tab-b li.on,
ul.tab-b li:hover {background: url('../img/custom/tabb_on.png') no-repeat center bottom; color:#fff;  box-sizing:border-box;  }
ul.tab-b li:hover a,
ul.tab-b li.on a {color:#fff;}

ul.tab-c { overflow:hidden; *zoom:1; margin:0; padding:0; }
ul.tab-c li {float:left; background: url('../img/custom/tab_off.png') no-repeat center bottom; border-right:1px solid #fff;  box-sizing:border-box;  }
ul.tab-c li a {display:block; font-size:14px; color:#646464; line-height:70px; text-align:center;  line-height:16px; text-align:center; padding:15px 0; font-weight:400;}
ul.tab-c li.on,
ul.tab-c li:hover {background: url('../img/custom/tabc_on.png') no-repeat center bottom; color:#fff;  box-sizing:border-box;  }
ul.tab-c li:hover a,
ul.tab-c li.on a {color:#fff;}


/******** width ********/
.w0_5 {width:0.5%;}
.w2 {width:2%;}
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15.2%;}
.w20 {width:20%;}
.w30 {width:29%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w100 {width:100%;}


/******** ul > li width & height ********/
ul.h1 li {height:60px;}
ul.h2 li {height:74px;}
ul.h3 li {height:90px;}
ul.h4 li {height:105px;}
ul.h5 li {height:125px;}
ul.w1 li {width: 100%;}
ul.w2 li {width: 49.9%;}
ul.w3 li {width: 33.3%;}
ul.w4 li {width: 25%;}
ul.w5 li {width: 20%;}
ul.w6 li {width: 16.6%;}
ul.w7 li {width: 14.2%;}
ul.w8 li {width: 12.5%;}
ul.w9 li {width: 11.1%;}


/******** box ********/
.box-a { background:#f3f3f3; border:1px solid #cfcfcf; padding:20px; box-sizing:border-box;}
.box-a p { font-size:14px; line-height:1.2em; color:#494949; }

.box-a2 { background:#f3f3f3; border:1px solid #cfcfcf; padding:20px; box-sizing:border-box;}
.box-a2 p { font-size:14px; line-height:1.4em; color:#494949; }

.box-b { background:#fff; border:1px solid #cfcfcf; padding:20px; box-sizing:border-box; margin:10px 0;}
.box-b p { font-size:12px; line-height:1.2em; color:#494949; }

.box-c { background:#f9f9f9; border:1px solid #cfcfcf; padding:20px; box-sizing:border-box; margin:10px 0; text-align:center;}
.box-c p { margin:5px 0;}
.box-c .blue {color:#446199; font-size:18px;}
.box-c p.red { color:#ff3800; font-size:18px;}

.box-c-pop { background:#f9f9f9; padding:20px; box-sizing:border-box; margin:0px 0; text-align:center;}
.box-c-pop p { margin:5px 0;}
.box-c-pop .blue {color:#446199; font-size:18px;}
.box-c-pop p.red { color:#ff3800; font-size:18px;}


/******** title ********/
h4 {clear: both; margin: 40px 0 9px;padding-bottom: 20px; text-align: center; font-size: 36px;font-weight: bold;color: #000;	background:url('../img/custom/h4_bg.png') no-repeat bottom center; }
h5 {clear: both; margin: 17px 0 9px; font-size:18px; color:#06737d; font-weight: 600; }
h6 {clear: both; margin: 3px 0 10px; font-size:17px; line-height:16px; color:#1c2238; font-weight: bold; }

h4.title1 {text-align:center; margin: 40px 0 20px 0; font-size:24px; color:#96670d; font-weight: 600; }
h5.title1 {clear: both; margin: 17px 0 9px; font-size:18px; color:#96670d; font-weight: 600; }
h5.title2 {clear: both; margin: 17px 0 9px; font-size:18px; color:#496642; font-weight: 600; }
h5.title3 {clear: both; margin: 17px 0 9px; font-size:18px; color:#5f3924; font-weight: 600; }


/******** s_wrapper ********/
.s_wrapper { position: relative; border-bottom:1px solid #aaa; padding:25px 25px; box-sizing:border-box;}
.s_wrapper:last-child {  border-bottom:none;  }


/********** table *********/
/* 테이블 기본 */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing:: 0;
}
.table {
	margin-bottom: 30px;
    border-top: 2px solid #111;
	overflow: hidden;
	margin-left:-1px;
	}
.table tr {
	border-bottom: 1px solid #dcdbdb;
}
.table th {
	border-bottom: 1px solid #dcdbdb;
	color: #333;
	font-size:14px;
    height: 48px;
    background: #f6f5f2;
	}
.table td {
	border-bottom: solid 1px #dcdbdb;
    height: 48px;
    font-size: 14px;
    letter-spacing: -0.06px;
	}
.table a {
	color: #000;
	}
.table a:hover {
	color: #15814b;
	}

.table-a { width:100%;border-top:3px solid #000;border-collapse:collapse;  }
.table-a .center { text-align:center;  padding:10px 0px;}
.table-a .left { text-align:left; }
.table-a .right { text-align:right; }
.table-a caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-a thead {  }
.table-a tbody.tbody_tline { border-top:2px solid #121212; }
.table-a thead th { background:#f3f3f3; padding:15px 15px 13px 15px;  }
.table-a tfoot th,
.table-a tfoot td,
.table-a tbody th {padding:17px 15px 15px 20px;  border-bottom:1px solid #a8a8a8; text-align:left;   background: #f3f3f3 url('../img/custom/sec_th.png') no-repeat right center;  font-weight:bold; font-size:16px; }
.table-a tbody td {padding:3px; border-bottom:1px solid #a8a8a8; text-align:left;    }
.table-a thead th {padding:10px 0px;  border-bottom:1px solid #a8a8a8; text-align:center;   background: #f3f3f3 url('../img/custom/sec_th.png') no-repeat right center;  font-weight:bold; font-size:16px; }
.table-a thead th:last-child {background:none;}
.table-a .br_none {border-right: none;}

.table-a3 { width:100%;border-top:3px solid #000;border-collapse:collapse; float: center; }
.table-a3 .center { text-align:center;  padding:10px 0px;}
.table-a3 .left { text-align:left; }
.table-a3 .right { text-align:right; }
.table-a3 caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-a3 thead {  }
.table-a3 tbody.tbody_tline { border-top:2px solid #121212; }
.table-a3 thead th { background:#f3f3f3; padding:15px 15px 13px 15px;  }
.table-a3 tfoot th,
.table-a3 tfoot td,
.table-a3 tbody th {padding:17px 15px 15px 20px;  border-bottom:1px solid #a8a8a8; text-align:left;   background: #f3f3f3 url('../img/custom/sec_th.png') no-repeat right center;  font-weight:400; font-size:16px; }
.table-a3 tbody td { padding:10px 15px 10px 34px; border-bottom:1px solid #a8a8a8; text-align:left;    }
.table-a3 thead th {padding:10px 0px;  border-bottom:1px solid #a8a8a8; text-align:center;   background: #f3f3f3 url('../img/custom/sec_th.png') no-repeat right center;  font-weight:400; font-size:16px; }
.table-a3 thead th:last-child {background:none;}
.table-a3 tfoot td,
.table-a3 tfoot th {background:#ddd;  text-align:center;}


.table-b { width:100%;border-top:2px solid #121212;border-collapse:collapse; box-sizing:border-box;}
.table-b .center { text-align:center; }
.table-b .left { text-align:left; }
.table-b .right { text-align:right; }
.table-b caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-b thead th,
.table-b tfoot th,
.table-b tfoot td,
.table-b tbody th {padding:17px 15px 15px 20px;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  text-align:left;  }
.table-b tbody td { padding:10px 15px 8px 15px;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  background:#fff; }
.table-b thead th,
.table-b tfoot th,
.table-b tbody th { color:#121212; }
.table-b thead th { background:#f6f5f2;padding:15px 15px 13px 15px; }
.table-b tfoot th { background:#f0e9e9; font-weight:bold; }
.table-b tfoot td { background:#f0e9e9;  font-weight:bold; }
.table-b tbody th { background:#f0e9e9; }
.table-b .br_none {border-right: none;}


.table-c { width:100%;border-top:2px solid #121212;border-collapse:collapse; }
.table-c .center { text-align:center; }
.table-c .left { text-align:left; }
.table-c .right { text-align:right; }
.table-c caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-c thead th,
.table-c tfoot th,
.table-c tfoot td,
.table-c tbody th {padding:17px 15px 15px 20px;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  text-align:center;  }
.table-c tbody td { padding:10px 15px 8px 15px;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  background:#fff;  text-align:center; }
.table-c thead th,
.table-c tfoot th,
.table-c tbody th { color:#121212; }
.table-c thead th { background:#f6f5f2;padding:15px 15px 13px 15px; }
.table-c tfoot th { background:#f0e9e9; font-weight:bold; }
.table-c tfoot td { background:#f0e9e9;  font-weight:bold; }
.table-c tbody th { background:#f0e9e9; }
.table-c .br_none {border-right: none;}


/* 색 */
.requiredmark {color:#ff0000;}
.addtxt {font-size:14px; color:#000; font-weight:600;display:inline-block; padding-left:20px;}
.stxt { font-size:14px; color:#000; font-weight:500; margin:8px 0;}
span.red {color:#ff0000;}
span.blue {color:#006a91;}
.blue {color:#006a91;}
p.red, a.red {color:#ff0000;}
p.title {font-size:18px; color:#000; font-weight:600;display:inline-block; margin:10px 0 5px -20px; }
p.sec-box  { margin:15px 0; vertical-align:middle; }


/******** footer ********/
#footer > .wrapper {padding: 26px 0; text-align:center;}
#footer address {font-size: 12px; color: #000; line-height:18px; font-style: normal;  font-weight:bold;}
#footer p {color: #4d4d4d; font-size: 12px;  line-height:18px; margin-top:4px;}
#footer p span {display:inline block; padding: 0 11px;}


/********* 페이지 넘버링 *********/
.board_pager {
	margin-top: 20px;
	text-align: center;
	clear:both;
	}
.board_pager a {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #5f5f5f;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	vertical-align: top;
	margin:0 2px;
	}
.board_pager a.active {
	background-color: #15814b;
	border-color: #15814b;
	color: #fff;
	}
.board_pager .first, .board_pager .prev, .board_pager .next, .board_pager .last {
    border-color: #efeeeb;
}


.pt0 {padding-top: 0;}
.pl0 {padding-left: 0;}
.pr0 {padding-right: 0;}
.pb0 {padding-bottom: 0;}
.pt5 {padding-top: 5px;}
.pb5 {padding-bottom: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pr15 {padding-right: 15px;}
.pt20 {padding-top: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}
.pr20 {padding-right: 20px !important;}

.pt6 {padding-top: 6px;}
.pt7 {padding-top: 7px;}
.pt8 {padding-top: 8px;}
.pt9 {padding-top: 9px;}

.pd0 {padding: 0px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}

.mt-20 {margin-top: -20px;}
.mt-10 {margin-top: -10px;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;}
.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt11 {margin-top: 11px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt14 {margin-top: 14px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}

/********* 페이징 *********/
ul.pagination {
	padding-top:10px;
	display: inline-flex;
}

ul.pagination li {
	padding: 2px;
	margin:3px;
	width:34px;
	font-size: 18px;
	border: 1px solid #d3caca;
	background-color: #e9e9e9;
}

ul.pagination li.active {
	background-color: #fff;
}