@charset "utf-8";

html,body{font-family:'Noto Sans KR', sans-serif; font-size:1em; font-weight:400; letter-spacing:-0.02em; word-break: keep-all;}

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing:border-box;  }

body { line-height:1 }
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', sans-serif;}
ol, ul { list-style:none; padding:0; margin:0 }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
a { text-decoration:none; color:#222222 }
img {max-width:100%;}

fieldset { min-width:0; padding:0; margin:0; border:0; }
input[type="text"] ,select{font-family:'Noto Sans KR', sans-serif; box-sizing:border-box;}
select {appearance:none; -webkit-appearance:none;}
select::-ms-expand { display:none;}
input[type="search"] { box-sizing:border-box; }
input[type="radio"], input[type="checkbox"] { margin:4px 0 0; line-height:normal; }
input[type="file"] { display:block; }
input[type="range"] { display:block; width:100%; }
input[type="submit"] {border:0; -webkit-appearance:none;}
select[multiple], select[size] { height:auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:thin dotted; outline:5px auto; outline-offset:-2px; }
textarea { height:auto; }
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
hr,caption,legend {overflow:hidden; width:0px; height:0px; font-size:0; line-height:0 }
button {border:0; padding:0;}
/*
audio,object,embed,iframe{  height:auto;  }
*/
audio,object,embed{height:auto;}
iframe {width:100%}

/*reset end*/

input[type="text"], input[type="password"] ,select, textarea {border:1px solid #d2d2d2; padding:13px 10px; box-shadow:none;}
select {background:url('../../images/newgifted/board/search_arrow.png') 98% center #fff no-repeat;}


	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
	}

	@media (max-width:799px) {
		input[type="text"], input[type="password"] ,select, textarea {padding:8px 1%;}
	}

	@media (max-width:499px) {
	}



/* form */
.form-style { display:inline-block; height:34px; padding:6px 12px; font-size:12px; vertical-align:middle; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-style:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }

/*버튼셋*/

.btn {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:13px; font-weight:normal; line-height:1.62857143; text-align:center; white-space:nowrap; vertical-align:middle; height:34px; cursor:pointer; background-image:none; border:1px solid transparent; border-radius:4px; border:0;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline:thin dotted; outline:5px auto; outline-offset:-2px; }
.btn:hover, .btn:focus, .btn.focus { color:#333; text-decoration:none; }
.btn:active, .btn.active { background-image:none; outline:0; box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; box-shadow:none; opacity:.65; }

.fa, .fas {font-weight:500 !important;}

/* search_box */
.search_box {text-align:center;overflow:hidden;margin-bottom:20px;padding:20px 0;border:1px solid #E0E0E0;border-radius:3px;background:#EFEFEE }
/* .search_box select {margin-right:10px;height:32px;line-height:32px;color:#373737} */
.search_box input[type=text] {height:34px;line-height:32px;padding:2px 10px;font-size:1.2em;border-radius:3px}
.search_btn {position:relative;width:80px;height:34px;line-height:32px;box-sizing:border-box;background:#444;font-size:0;border-radius:0 3px 3px 0;bottom: 6px;
 -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.search_btn::after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url('/groups/common/images/board/btn_search.png') no-repeat center center;background-size:24px 24px}
.search_btn:hover, .search_btn:focus {background:#222;cursor:pointer}
@media all and (max-width:800px) {
.search_box select {width:45%;margin-bottom:10px}
}
@media all and (max-width:480px) {
.search_box select {width:45%}
.search_box input[type=text] {width:74%}
.search_btn {position:relative;width:50px}
}

/* 목록 */
/* board_list 목록 */
.board_list {margin-top:5px; font-size:0.85em; border-top:1px solid #333}
.board_list thead th {padding:15px 10px; border-right:1px solid #dedede; border-bottom:1px solid #333; text-align:center; color:#333; background:#f7f7f7}
.board_list thead th:last-child {border-right:none}
.board_list tbody td {padding:12px 10px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center}
.board_list tbody td:last-child {border-right:none}
.board_list tbody .title {text-align:left}
.board_list tbody .title a {color:#222; display:inline-block; max-width:93%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; vertical-align:middle}
.board_list tbody .nolist {text-align:center}
.board_list tbody .homepage a {display:block; text-indent:-9999px; width:24px; height:24px; border:1px solid #565656; color:#565656; margin:0 auto; background:url('/groups/365edu/images/sub/ico_homepage.png') no-repeat 50%; background-size:14px}
.board_list tbody .ico_bg {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; border-radius:3px; font-size:12px}
.board_list tbody .ico_bg_on {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; border-radius:4px; font-size:13px}
.board_list tbody .ico_new {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#f00; color:#fff; border-radius:4px; font-size:12px}
.board_list tbody .title .ico_bg {display:none}
.board_list .ico.user, .board_list .ico.date, .board_list .ico.view {display:none}
@media all and (max-width:800px) {
	.board_list colgroup {display:none}
	.board_list thead th {display:none}
	.board_list tbody tr:first-child {border-top:1px solid #333}
	.board_list tbody tr {display:block; padding:8px 10px; text-align:left; border-bottom:1px solid #dedede}
	.board_list tbody td {display:inline-block; padding:3px 0; border:none; margin-right:8px}
	.board_list tbody .title {display:block; padding-right:0; margin-right:0; text-align:left !important}
	.board_list tbody .title::after {display:none}
	.board_list tbody tr:nth-child(odd) {background:#f8f8f8}
	.board_list tbody .nolist {display:block; padding-right:0; margin-right:0}
	.board_list tbody .number {display:none}
	.board_list tbody .status {display:none}	
	.board_list tbody .title .ico_bg {display:inline-block}
	.board_list .ico.user, .board_list .ico.date, .board_list .ico.view {display:inline-block}
}