@font-face { 
		font-family: "NanumSquareR";
		src: url("../NanumSquareR.ttf"),
			url("../NanumSquareR.eot"),
			url("../NanumSquareR.woff");
}
.no-select, .grid-toggle, ul.grid.grid_list .grid-head ul li {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}

::-webkit-input-placeholder {color:#5d7592;}
:-moz-placeholder {color:#5d7592;}
::-moz-placeholder {color:#5d7592;}
:-ms-input-placeholder {color:#5d7592;}

.m { font-size:28px;}
/* ¼û±è ¿ä¼Ò  */
.sound_only{ visibility:hidden; overflow:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}

body {
  font-family:'NanumSquareR', sans-serif;
  color:#38405e;
  font-size:16px;font-weight:400;
  text-align:center;
  background:#f9fcfe;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.header { width:100%;padding:3em 0 0;color:white;background:#38405e;}
.header h1 { font-size:36px;padding:0 0 50px;}
.header .nav { display:block;height:49px;border-left:1px solid #4e5778;border-top:1px solid #4e5778;}
.header .nav li { float:left;border-right:1px solid #4e5778;}
.header .nav li a { display:block;width:164px;height:49px;line-height:49px;color:#ddd;}
.header .nav li a:hover { color:#1bbbef;background:#2f3651;}

.main { padding:1.5em 0 0;}

.header .nav, .main, .footer { max-width:990px;margin:0 auto;}
.footer:after, main:after { content:'';display:block;clear:both;}

.footer { padding:2em 0;}
.footer p { color:#5d7592;font-size:14px;}

.ctrls { margin-bottom:1em;}
.ctrls:after { content:'';display:block;clear:both;}

.filter { float: left;width: 75%;padding-left: 2.5em;}
.filter .m { color: #5d7592;position: absolute;margin-left: -1.25em;}
.filter input { padding: 0 0.5em;width: 100%;height: 28px;
	color: #5d7592;font-size: 16px;font-weight: 300;vertical-align: top;
	border: none;background: #f9fcfe;outline: none;
}

.grid-toggle { cursor: pointer;float: right;}
.grid-toggle a span { color: #5d7592;}
.grid-toggle a span:first-child { color: #38405e;margin-right: 12px;}
.grid-toggle a.active span:first-child { color: #5d7592;}
.grid-toggle a.active span:last-child { color: #38405e;}

.btn { color: #5d7592;text-decoration: none;text-transform: uppercase;font-weight: 600;}

/*°øÅë*/
.grid .grid-body ul li span { display: inline-block;line-height: normal;vertical-align: middle;}
.grid .grid-body ul li .m {color: #476283;}
.grid .grid-body ul li .grid-num {
  width: 36px;height: 36px;line-height: 36px;
  color:#FFF;text-align: center;
  background: #07D5E5;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.grid .grid-body ul li .grid-group { font-size: 14px;color: #38405e;text-decoration: none;}
.grid .grid-body ul li .grid-title a { color:#3078be;font-weight:500;letter-spacing:-0.5px;text-decoration:none;}
.grid .grid-body ul li .m-link { font-size:21px;}
.grid .grid-body ul li .grid-link { color:#5d7592;font-size:14px;}


/*ŸÀÏÇü*/
.grid.grid-thumb:after { content: '';display: block;clear: both;}
.grid.grid-thumb .grid-head { display: none;}
.grid.grid-thumb .grid-body { float: left;width: 50%;margin-bottom: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.grid.grid-thumb .grid-body:nth-child(even) { padding-right: 1em;}
.grid.grid-thumb .grid-body:nth-child(odd) { padding-left: 1em;}
.grid.grid-thumb .grid-body ul {
  float: left;width: 100%;padding: 1em 1.5em .75em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dde8f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: white;
}
.grid.grid-thumb .grid-body ul:after {
  content: '';
  display: block;
  clear: both;
}
.grid.grid-thumb .grid-body ul li { position: relative;}
.grid.grid-thumb .grid-body ul li .icon { display: block;font-size: 46px;}
.grid.grid-thumb .grid-body ul li .grid-group { display: block;margin-bottom: 1em;}
.grid.grid-thumb .grid-body ul li .grid-num { position: absolute;left: 0;top: 0;}
.grid.grid-thumb .grid-body ul li .grid-title { display: block;margin-bottom: 0.5em;}


/*¸ñ·ÏÇü*/
.grid.grid-list {
  padding: 0 2em;
  background: white;
  border: 1px solid #dde8f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.grid.grid-list li.grid-body { border-bottom: 1px solid #dde8f0;}
.grid.grid-list li.grid-body:last-child, .grid.grid-list li.grid-body.last { border-bottom: none;}
.grid.grid-list .grid-head ul:after { content: '';display: block;clear: both;}
.grid.grid-list .grid-head ul li {
  padding: 2em 0 1em;float: left;
  color: #1bbbef;font-weight: 600;font-size: 16px;text-align: center;
  border: none;
}

.grid.grid-list .grid-body ul:after { content: '';display: block;clear: both;}
.grid.grid-list .grid-body ul li { float: left;height: 5em;line-height: 5em;padding: 0;text-align: center;border: none;}
.grid.grid-list .grid-body ul li:first-child { width: 5%;}
.grid.grid-list .grid-body ul li:nth-child(2) { width: 25%;}
.grid.grid-list .grid-body ul li:nth-child(3) { width: 30%;text-align:left;}
.grid.grid-list .grid-body ul li:last-child { width: 40%;text-align:left;}
.grid.grid-list .grid-body ul li span.grid-icon { margin-right: 0.5em;}
.grid.grid-list .grid-body ul li span.grid-numname { width: 100px;}

.clear-fix { display: block;clear: both;}

.pagination { padding: 1em 0 2em;}
.pagination p { font-size: 14px;}
.pagination ul.pager { margin: 2em 0;}
.pagination ul.pager li { display: inline;}
.pagination ul.pager li:first-child { margin-right: 1em;}
.pagination ul.pager li a {
  color: #1bbbef;
  text-decoration: none;
  padding: 0.5em 1.5em;
  border: 1px solid #1bbbef;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}