@charset "utf-8";
::-moz-selection {
   background-color: #192a3e;
   color: #fff;
}
::selection {
    background-color: #192a3e;
    color: #fff;
}
#bodyall {position: absolute;width: 100%}

@media (max-width:767px) {/* 최소 ~ 최대 720 */
	body {font-size:13px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400;}

	header {background: #337ab7;color: #fff;z-index: 0;padding: 10px}
	footer {font-size: .85em;padding: 20px 0;position: relative;width: 94%;margin: 10px auto}

	#wrap {width:98%;margin: 0 auto;position: relative;}
	#leftarea {display: none}
	#rightarea {margin-top:15px}

	.subnav {margin-top: 20px}
	.subnav ul li {padding: 15px;border-bottom: 1px solid #eee;cursor: pointer}
	.subnav ul li:hover {background: #337ab7;color: #fff;}

	.pagetitle {overflow: hidden;position: relative}
	.pagenav {font-size: .9em;color: #8a8a8a}
	.pagenav ul {margin: 0 !important}
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}

	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative}
	.board_date {font-size: .65em;position: absolute;right: 15px;top:20px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 10px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}

	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 5px 10px;width:100%;font-size: 14px}
	.filediv {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;overflow: hidden;position: relative}
	.filediv i {color: #4c83e3;margin-right: 10px}
	.filedel {position: absolute;right: 10px;top:15px;cursor: pointer}
	.filedel i{color: #d94d4d}
}

@media (min-width:768px) and (max-width:1199px) {/* 최소 768 ~ 1199 ---------------------------------------------------------------------- */
	body {font-size:15px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400;}

	header {background: #337ab7;color: #fff;z-index: 0;padding: 10px}
	footer {font-size: .85em;padding: 20px 0;position: relative;width: 94%;margin: 10px auto}

	#wrap {width:94%;margin: 0 auto;position: relative;}
	#leftarea {width: 200px;top:0px;left:0;position: absolute;z-index: 99;background: #fff}
	#rightarea {margin-left: 156px;padding: 5px 0 0 15px;min-height: 800px}
  #rightarea1 {margin-left: 200px;padding: 15px 0 0 15px;min-height: 800px}

	.subnav {margin-top: 20px}
	.subnav ul li {padding: 15px;border-bottom: 1px solid #eee;cursor: pointer}
	.subnav ul li:hover {background: #337ab7;color: #fff;}

	.pagetitle {overflow: hidden;position: relative}
	.pagenav {font-size: .9em;color: #8a8a8a}
	.pagenav ul {margin: 0 !important}
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}

	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative}
	.board_date {font-size: .65em;position: absolute;right: 15px;top:20px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 20px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}

	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 10px;width:50%;font-size: 14px}
	.filediv {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;overflow: hidden;position: relative}
	.filediv i {color: #4c83e3;margin-right: 10px}
	.filedel {position: absolute;right: 10px;top:15px;cursor: pointer}
	.filedel i{color: #d94d4d}
}

@media (min-width:1200px) {/* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
	body {font-size:15px;margin: 0;padding: 0;background:#fff;letter-spacing: -.03em;font-weight: 400; }

	header {background: #337ab7;color: #fff;z-index: 0;padding: 10px}
	section {position: relative;}
	footer {font-size: .85em;padding: 20px 10px;position: relative;width: 1200px;margin: 10px auto}

	#wrap {width:1200px;margin: 0 auto;position: relative;}
	#leftarea {width: 260px;top:0px;left:0;position: absolute;z-index: 99;background: #fff}
	#rightarea {margin-left: 260px;padding: 15px 0 0 15px;min-height: 800px;margin-bottom: 50px}

	.subnav {margin-top: 20px}
	.subnav ul li {padding: 15px;border-bottom: 1px solid #eee;cursor: pointer}
	.subnav ul li:hover {background: #337ab7;color: #fff;}

	.pagetitle {overflow: hidden;position: relative}
	.pagenav {font-size: .9em;color: #8a8a8a}
	.pagenav ul {margin: 0 !important}
	.pagenav ul li {padding: 0 2px}
	.pagenav .active {font-weight: 500}
	.pagebody {overflow: hidden;position: relative;margin-top: 20px}

	.board_subject {background: #e1e6eb;font-size: 1.3em;padding: 15px;position: relative}
	.board_date {font-size: .65em;position: absolute;right: 15px;top:20px;color: #8e8e8e}
	.board_date strong {color: #557692}
	.board_contents {padding: 20px;}
	.borard_next {margin-top: 20px}
	.borard_next ul li {padding: 10px;border-bottom: 1px solid #c5c5c5}
	.borard_next ul li strong {margin-right: 10px}

	.filelist {font-size: 0;border-bottom: 1px solid #c5c5c5}
	.filelist li {padding: 5px 10px;width:50%;font-size: 14px}
	.filediv {border: 1px solid #d6d6d6;padding: 15px;color: #7f7f7f;overflow: hidden;position: relative}
	.filediv i {color: #4c83e3;margin-right: 10px}
	.filedel {position: absolute;right: 10px;top:15px;cursor: pointer}
	.filedel i{color: #d94d4d}
}

.subnav .active {background: #337ab7;color: #fff;}