/* color */
.font-blue1 {color:#0f83d5;}
.font-blue2 {color:#389de5;}
.font-blue3 {color:#096bb1;}
.font-orange1 {color:#fc6630;}
.font-orange2 {color:#f87b4e;}
.font-orange3 {color:#e44b15;}
.font-black {color:#333333;}
.font-grey1 {color:#666666;}
.font-grey2 {color:#aaaaaa;}
.font-grey3 {color:#f5f5f5;}
.font-red {color:#e22b2b;}

.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}

.font-size12 {font-size:0.857em;}
.font-size16 {font-size:1.143em;}
.font-bold {font-family:'Noto Sans Korean Medium';}

.maximg {max-width:100%;}

/* margin */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.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;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.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;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}

/* button */
a.button, button.button, a.button2, button.button2 {vertical-align:top; text-align:center; color:#fff;}
a.button, a.button2 {display:inline-block;}
a.button, button.button {padding:0 10px; min-width:100px; height:35px; border-radius:2px; line-height:35px;}
a.button2, button.button2 {padding:0 6px; min-width:50px; height:30px; border-radius:4px; line-height:30px;}
button.button {min-width:120px;}
button.button2 {min-width:62px;}
a.none, button.none {background:#ddd; color:#555;}
a.color1, button.color1 {background:#0f83d5;}
a.color2, button.color2 {background:#fc6630;}
a.color3, button.color3 {background:#2cb767;}
a.color4, button.color4 {background:#666666;}
a.color5, button.color5 {background:#aaaaaa;}
a.color1.hover, button.color1.hover, a.color1:hover, button.color1:hover {background:#389de5;}
a.color2.hover, button.color2.hover, a.color2:hover, button.color2:hover {background:#f87b4e;}
a.color3.hover, button.color3.hover, a.color3:hover, button.color3:hover {background:#3dcf7b;}
a.color4.hover, button.color4.hover, a.color4:hover, button.color4:hover {background:#7d7d7d;}
a.color5.hover, button.color5.hover, a.color5:hover, button.color5:hover {background:#bdbdbd;}
a.color1.active, button.color1.active, a.color1:active, button.color1:active {background:#096bb1;}
a.color2.active, button.color2.active, a.color2:active, button.color2:active {background:#e44b15;}
a.color3.active, button.color3.active, a.color3:active, button.color3:active {background:#1a9d52;}
a.color4.active, button.color4.active, a.color4:active, button.color4:active {background:#555555;}
a.color5.active, button.color5.active, a.color5:active, button.color5:active {background:#9a9a9a;}
a.color6, button.color6, a.color7, button.color7 {background:#ffffff; line-height:31px;}
a.color6, a.color7 {min-width:96px; height:31px;}
a.button2.color6, button.button2.color6, a.button2.color7, button.button2.color7 {background:#ffffff; line-height:26px;}
a.button2.color6, a.button2.color7 {min-width:46px; height:26px;}
a.color6, button.color6 {border:2px solid #0f83d5; color:#0f83d5;}
a.color7, button.color7 {border:2px solid #666666; color:#666666;}
a.color6.hover, button.color6.hover, a.color6:hover, button.color6:hover {border-color:#389de5; color:#389de5;}
a.color6.active, button.color6.active, a.color6:active, button.color6:active {border-color:#096bb1; color:#096bb1;}
a.color7.hover, button.color7.hover, a.color7:hover, button.color7:hover {border-color:#7d7d7d; color:#7d7d7d;}
a.color7.active, button.color7.active, a.color7:active, button.color7:active {border-color:#555555; color:#555555;}
a.button span[class*='mif'], button.button span[class*='mif'], a.button2 span[class*='mif'], button.button2 span[class*='mif'] {position:relative; top:-1px; vertical-align:middle;}

/* label */
.label {display:inline-block; padding:0 5px; min-width:40px !important; height:auto !important; vertical-align:middle; border-radius:4px; line-height:1.5 !important; text-align:center; font-size:14px; color:#fff;}
.label span {position:relative; top:-1px; vertical-align:middle;}
.label.color1 {background:#0f83d5;}
.label.color2 {background:#fc6630;}
.label.color3 {background:#2cb767;}
.label.color4 {background:#666666;}
.label.color5 {background:#aaaaaa;}
.label.color6, .label.color7, .label.color8 {background:#fff; line-height:18px;}
.label.color6, .label.color7, .label.color8 {height:19px;}
.label.color6 {border:1px solid #0f83d5; color:#0f83d5;}
.label.color7 {border:1px solid #666666; color:#666666;}
.label.color8 {border:1px solid #fc6630; color:#fc6630;}
.label.color9 {background:#e22b2b;}

/* input */
.inbox {position:relative; padding:0 0.5em; overflow:hidden; border:1px solid #aaa; border-radius:4px; background:#fff;}
.inbox input, .inbox textarea {float:left; width:100%; border:0; background:#fff;}
.inbox input {height:28px; line-height:28px;}
.insel {position:relative; padding:2px 3px 4px 3px; overflow:hidden; border:1px solid #aaa; border-radius:4px;}
.insel select {float:left; width:100%; height:22px; border:0; background:#fff url(../images/ico/ico-arrow-down.jpg) right center no-repeat; background-size:7px 4px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.insel.focus, .inbox.focus {border-color:#1b8cdd;}
.inbox textarea {margin:0.5em 0; height:5em; overflow:auto;}
.inbox label {position:absolute; top:0; right:1em; left:1em; height:28px; line-height:28px;}
.inchk {display:inline-block; padding:0.2em 0; position:relative;}
.inchk * {vertical-align:middle;}
.inchk input {position:relative; top:-1px;}

/* paging */
.pagination {margin-top:40px; text-align:center; letter-spacing:-1px;}
.pagination li {display:inline-block;}
.pagination a, .pagination strong {display:inline-block; width:28px; height:28px; border:1px solid #ccc; border-radius:1px; line-height:28px; font-weight:400; color:#999;}
.pagination .active a, .pagination strong {border-color:#666; background:#666; color:#fff;}
.pagination a.next, .pagination a.prev, .pagination a.first, .pagination a.last {width:72px;}
.pagination a.prev {margin-right:33px;}
.pagination a.next {margin-left:33px;}

/* set button */
.set-button {margin-top:20px; text-align:right;}
.set-button-center {margin-top:20px; text-align:center;}

/* table */
table {border-top:2px solid #333; word-break:break-all;}
table th, table td {padding:14px 0 15px 0; border-bottom:1px solid #ccc; text-align:left;}
table tbody tr:nth-last-child(1) th, table tbody tr:nth-last-child(1) td {border-bottom:1px solid #333;}
table tr.last th, table tr.last td, table th.last, table td.last {border-bottom:1px solid #333;}
table th {padding:16px 0.5em 14px 1.8em; background:#f5f5f5; font-weight:normal; color:#333;}
table td {padding-right:1em; padding-left:2.6em;}
table th.center, table td.center {padding-right:1em; padding-left:1em; text-align:center;}
table.center th, table.center td {padding-right:0.3em !important; padding-left:0.3em !important; text-align:center !important;}
table.border th, table.border td {border-right:1px solid #ccc; border-left:1px solid #ccc;}
table.border2 th, table.border2 td {border-left:1px solid #ccc;}
table.border2 th.first, table.border2 td.first {border-left:0;}

/* 정부3.0 추가 */
table.center th.left, table.center td.left {padding-right:1em !important; padding-left:2.6em !important; text-align:left !important;}
table tbody th.border, table tbody td.border {border-bottom:1px solid #333 !important;}

table a.button, table button.button, table a.button2, table button.button2 {vertical-align:middle;}

/* board list */
table.lst-board th, table.lst-board td {text-align:center;}
table.lst-board th {padding:14px 0; background:#f5f5f5; font-size:0.929em; font-family:'Noto Sans Korean Medium'; color:#333;}
table.lst-board td {padding-right:0; padding-left:0;}
table.lst-board td.subject {padding:13px 0.5em 14px 0.8em; font-size:1.143em; text-align:left;}
.btn-board-regist {position:absolute; right:0; margin-top:-30px;}

/* board view */
.viw-board .title {margin-bottom:0.2em; font-size:1.714em; line-height:1.3;}
.viw-board > table {border-bottom:2px solid #333;}
.viw-board > table th {padding-right:5px; padding-left:0.35em; background:none; font-family:'Noto Sans Korean Medium'; font-size:0.929em; color:#aaa;}
.viw-board > table td {padding-right:1em; padding-left:1em;}
.lst-other-article {margin-top:10px; border-top:1px solid #e5e5e5;}
.lst-other-article li {position:relative; padding:0 32px 0 132px; border-bottom:1px solid #e5e5e5; line-height:30px;}
.lst-other-article li span {position:absolute; top:0; left:0; width:100px; text-align:center; background:#f5f5f5;}
.lst-other-article li a {display:block; width:100%; height:31px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}

/* board write */
.wte-board th {padding:16px 10px 18px 35px; vertical-align:top; background:#fff; color:#333;}
.wte-board td {padding:13px 0 8px 0;}
.wte-board td .inbox, .wte-board td .insel {display:inline-block;}
.wte-board td .inbox + .inchk {margin-left:7px;}
.wte-board td .inbox textarea {height:15em;}
.wte-board td * {vertical-align:middle;}
.wte-board-agree {padding:3em 7em; background:#f5f5f5; line-height:1.4;}
.wte-board-agree dl {margin-bottom:12px;}
.wte-board-agree dt {margin-bottom:14px; font-family:'Noto Sans Korean Medium'; font-size:1.143em; color:#000;}
.txt-board-agree {font-family:'Noto Sans Korean Medium'; font-size:1.143em; color:#be0404;}

/* board search */
.frm-board-search {margin-bottom:10px; min-height:30px; overflow:hidden;}
.frm-board-search .wrp-search {position:relative; float:right; padding:0 67px 0 78px;}
.frm-board-search .wrp-search .insel {position:absolute; top:0; left:0; width:64px;} 
.frm-board-search .wrp-search .insel.sel1 {width:80px;}
.frm-board-search .wrp-search .insel.sel2 {left:86px;}
.frm-board-search .wrp-search button {position:absolute; top:0; right:0;}
.frm-board-search .txt-search {float:left; margin-top:3px; font-size:1.071em;}
.frm-board-search .wrp-search2 {position:relative; float:right; padding:0 67px 0 182px;}
.frm-board-search .wrp-search2 .insel {position:absolute; top:0; left:0; width:64px;} 
.frm-board-search .wrp-search2 .insel.sel1 {width:92px;}
.frm-board-search .wrp-search2 .insel.sel2 {left:105px;}
.frm-board-search .wrp-search2 button {position:absolute; top:0; right:0;}

/* masklayer */
.masklayer {display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0; padding:0 10px; overflow:auto; background:url(../images/bg/bg-mask-layer.png);}
.masklayer .holder {position:relative; margin:0 auto; padding:35px 30px; border:5px solid #0f83d5; max-width:690px; background:#fff;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; width:21px; height:21px; background:url(../images/btn/btn-layer-close.gif) no-repeat;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {margin-top:18px; padding:35px 15px; background:#f5f5f5;}
.masklayer .wrp-input-password p {font-size:1.143em; font-family:'Noto Sans Korean Medium'; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; padding-right:140px; padding-left:70px; max-width:180px; background:#f5f5f5;}
.masklayer .wrp-input label {position:absolute; top:50%; margin-top:-12px; left:0;}
.masklayer .wrp-input .set-button {position:absolute; bottom:0; right:0; margin:0; width:130px;}

/* photo board */
.lst-photo-board {margin-top:40px; overflow:hidden;}
.lst-photo-board li {float:left; margin-bottom:40px;}
.lst-photo-board li span , .lst-photo-board li a {display:block;}
.lst-photo-board li span.photo {position:relative;}
.lst-photo-board li span.mif-play {position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; border-radius:30px; line-height:60px; font-size:32px; text-align:center; background:#fff; color:#0f83d5;}
.lst-photo-board li span.subject {margin:3px 4px 0 4px; overflow:hidden; font-size:1.143em; text-overflow:ellipsis; white-space:nowrap;}
.lst-photo-board li img {display:block; margin:0 auto; max-width:100%;}
.lst-photo-board li .info {margin:0 4px; overflow:hidden; font-size:0.929em; color:#999;}
.lst-photo-board li .info .writer {float:left;}
.lst-photo-board li .info .date {float:right;}

/* webzine board */
.lst-webzine-board {margin-top:40px;}
.lst-webzine-board li {position:relative; margin-bottom:40px; overflow:hidden;}
.lst-webzine-board li .photo {position:absolute; top:0; left:0; width:330px; height:200px;}
.lst-webzine-board li .photo img {width:100%; height:100%;}
.lst-webzine-board li .photo + .info {margin-left:357px;}
.lst-webzine-board li .info {padding-bottom:55px;}
.lst-webzine-board li .subject {padding-top:2px; font-size:1.429em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.lst-webzine-board li .date {margin-top:9px; font-size:1.071em;}
.lst-webzine-board li .cont {margin-top:12px; height:66px; overflow:hidden; color:#999;}
.lst-webzine-board li .button {position:absolute; bottom:0; left:357px;}

@media all and (min-width:961px) {
	/* photo board */
	.lst-photo-board li {width:23%; margin-right:2%;}
	.lst-photo-board li:nth-child(4n) {margin-right:0;}
} 

@media all and (max-width:1200px) {
	.lst-webzine-board li .photo {position:absolute; top:0; left:0; width:297px; height:180px;}
	.lst-webzine-board li .photo + .info {margin-left:324px;}
	.lst-webzine-board li .info {padding-bottom:35px;}
	.lst-webzine-board li .cont {height:46px;}
	.lst-webzine-board li .button {left:324px;}
}

@media all and (min-width:641px) and (max-width:960px) {
	/* table */
	table .tablethidden {display:none !important;}
	
	/* masklayer */
	.masklayer .wrp-input {padding-right:160px; padding-left:70px; max-width:160px;}
	.masklayer .wrp-input .set-button {width:150px;}
	
	/* photo board */
	.lst-photo-board {margin-top:30px;}
	.lst-photo-board li {width:32%; margin-right:2%; margin-bottom:30px;}
	.lst-photo-board li:nth-child(3n) {margin-right:0;}
}

@media all and (max-width:960px) {
	/* button */
	a.button, button.button, a.button2, button.button2 {height:34px; line-height:34px;}
	a.color6, button.color6, a.color7, button.color7 {line-height:30px !important;}
	a.color6, a.color7, a.button2.color6, a.button2.color7 {height:30px;}
	
	a.label {height:auto !important; line-height:1.5 !important;}

	/* table */
	table .tablethidden {display:none !important;}
	table.center th.left, table.center td.left {padding-right:1em !important; padding-left:1em !important; text-align:left !important;}
	
	/* input */
	.inbox input, .inbox label {height:32px; line-height:32px;}
	.insel select {height:26px;}
	
	/* table */
	table .allhidden {display:none !important;}
	
	/* board list */
	a.button2.btn-board-regist {position:static; float:right; margin-top:15px;}
	
	/* board write */
	.wte-board th {padding-right:5px; padding-left:5px; vertical-align:middle;}
	.wte-board td .inbox, .wte-board td .insel {display:block; width:auto !important;}
	.wte-board-agree {padding:2em 3em;}
	.wte-board td .inbox + .inchk {margin-left:0;}

	/* board view */
	.viw-board > table td.content {border-bottom:0;}
	.lst-other-article li {padding:0 10px 0 116px;}

	/* board search */
	.frm-board-search {min-height:34px;}
	.frm-board-search .wrp-search, .frm-board-search .txt-search, .frm-board-search .wrp-search2, .frm-board-search .txt-search2 {float:none;}
	.frm-board-search .txt-search, .frm-board-search .txt-search2 {margin-top:15px;}
	
	/* webzine board */
	.lst-webzine-board {margin-top:30px;}
	.lst-webzine-board li {margin-bottom:30px;}
}

@media all and (max-width:640px) {
	/* table */
	table th, table td {padding-top:11px; padding-bottom:11px;}
	table th {padding:13px 0.5em 11px 0.5em;}
	table td {padding-right:0.5em; padding-left:0.5em;}
	table .mobilehidden {display:none !important;}
	table th.center, table td.center {padding-right:0.4em; padding-left:0.4em;}
	table.center th.left, table.center td.left {padding-right:0.5em !important; padding-left:0.5em !important; text-align:left !important;}

	/* board list */
	table.lst-board th, table.lst-board td {padding:13px 0;}
	table.lst-board td.subject2 {padding:10px 0.5em 11px 0.5em;}

	/* board write */
	.wte-board col:nth-child(odd) {width:68px !important;}
	
	/* board view */
	.viw-board col:nth-child(odd) {width:68px !important;}
		
	/* masklayer */
	.masklayer .holder {padding:20px;}
	.masklayer .holder button.close {top:5px; right:5px; width:18px; height:18px; background-size:18px 18px;}
	.masklayer .wrp-input-password {padding:25px 15px;}
	.masklayer .wrp-input-password label {display:block; position:static; margin-bottom:5px;}
	.masklayer .wrp-input {margin-top:18px; padding-right:130px; padding-left:0;}
	.masklayer .wrp-input .set-button {width:130px;}
	
	/* board write */
	.wte-board-agree {padding:1.5em 0.8em;}
	
	/* webzine board */
	.lst-webzine-board li .photo {display:none;}
	.lst-webzine-board li .info {margin-left:0 !important; padding-bottom:50px;}
	.lst-webzine-board li .subject {font-size:1.286em;}
	.lst-webzine-board li .button {left:0;}
}

@media all and (min-width:481px) and (max-width:640px) {
	/* photo board */
	.lst-photo-board {margin-top:30px;}
	.lst-photo-board li {width:49%; margin-right:2%; margin-bottom:30px;}
	.lst-photo-board li:nth-child(2n) {margin-right:0;}
}

@media all and (max-width:480px) {
	/* photo board */
	.lst-photo-board {margin-top:20px;}
	.lst-photo-board li {float:none; width:100%; margin-bottom:20px;}
}