@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { padding:0px; margin:0px; font-family:'Nanum Gothic',µ¸¿ò,µ¸¿òü; font-size:12px; letter-spacing:0; }

body {
  margin: 0;
  padding: 0;
  color: #6e6e6e; }

a {
  color: #515151;
  text-decoration: none; }

p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px; }

h1 {
  font-weight: 200; }

ul {
  list-style-type: none;
  padding: 0; }

::selection {
  background-color: #001928;
  color: white; }

.wrapper {
  width: 100%;
  box-sizing: border-box;
  background-color: #fefefe; }

/* ÁÂÃø ¸Þ´º ¾ÆÀÌÄÜ */
.link-menu {
	float:left;
  font-size: 2.2rem;
  color: #888;
  background-color:#e1e1e1;
  padding:3px 0;
  margin:0 0 0 5px;
  }
.link-menu:hover {
    color: #004700;
    }

.main-content {
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center; }

.headline {
  font-size: 3.6rem;
  font-weight: 400; }

.headline-main {
  color: #3c3c3c; }

.download {
  padding-top: 40px; }

.btn-download {
  display: inline-block;
  text-align: center;
  padding: 6px;
  background-color: #424242;
  color: white;
  border: 2px solid #6c6c6c;
  font-size: 1.2rem; }
.btn-download:hover {
    background-color: #6c6c6c;
    color: #ececec;
    border: 2px solid #424242; }

.sidebar {
  background-color: #3e6806; }
.sidebar li + li {
    margin-top: 0px; }
.sidebar li a {
    padding: 10px 10px;
    display: block;
    color: #cecece;
    font-size:12px; letter-spacing:-1pt;
     }
.sidebar li a:hover { background-color: #001f51; }
.sidebar li a.menus { letter-spacing:0; background:url(../images/dot_off.png) 130px 15px no-repeat; }
.sidebar li a.menus:hover { background:url(../images/dot_on.png) 130px 15px no-repeat #000; }
.sidebar li a.current { background-color: #000; }


.mmenu { float:left; width:10%; padding:7px 0 0 0; }
.mlogo { float:left; width:80%; padding:10px 0; text-align:center;  }
.mlogo img { height:30px; }
.mlogo_title { float:left; width:80%; padding:12px 0 0 0; text-align:center; font-size:16px; letter-spacing:-1pt; font-weight:bold; color:#ffffff; }
.mback { float:right; width:10%; padding:12px 0 0 0; }
.mback a { text-align:left; font-size:16px; letter-spacing:-1pt; font-weight:bold; color:#ffffff; }

.menu01 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px 3px no-repeat; overflow:hidden; }
.menu02 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -207px no-repeat; overflow:hidden; }
.menu03 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -268px no-repeat; overflow:hidden; }
.menu04 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -237px no-repeat; overflow:hidden; }
.menu05 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -85px no-repeat; overflow:hidden; }
.menu06 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -180px no-repeat; overflow:hidden; }
.menu07 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -55px no-repeat; overflow:hidden; }
.menu08 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -237px no-repeat; overflow:hidden; }
.menu09 { float:left; width:30px; height:30px; background:url(../images/menu-icon.png) 4px -268px no-repeat; overflow:hidden; }

ul#menu li ul li { border-top:1px solid #333; }
ul#menu li ul li a { background:#001928; color:#ccc; padding-left:30px; letter-spacing:0; }


.m-mainimg { float:left; width:100%; height:199px; margin:0px; padding:0px; font-size:0px; background:url(../images/main_bg.png) left bottom repeat-x; }

            #galleria{
            		width:100%;
                max-width:400px;
                height:199px;
                margin:0 auto;
								text-align:center;
                )
            }
			#galleria img { width:100%; height:100%; margin:0 auto; }

.m-board { float:left; width:100%; background:#333; text-align:center; }
	.main-board { width:100%; max-width:400px; margin:0 auto; padding:15px 0; }
	.main-board span { float:left; font-weight:700; width:70px; color:#fff; font-size:14px; }
	.main-board .b-list { float:left; width:240px; text-align:left; padding:0 10px; }
	.main-board .b-list a { color:#ccc; }

.m-content { float:left; width:100%; margin:0; padding:0px; }
  .m-content-align { max-width:400px; margin:0 auto; }
  .main-content-txt { float:left; width:90%; padding:20px 5%; text-size:15px; font-weight:700; color:#666; line-height:140%; }
  .main-content-product { float:left; width:99%; margin:0 0 0 1%; padding:5px 0; }
  .main-content-product li { float:left; width:24%; }
  .main-content-product li.m { float:left; margin-left:1%; }
  .main-content-product li img { width:100%; }

.copyright { float:left; width:100%; background:#f4f4f4; border-top:1px solid #999; }
	.m-link { max-width:400px; margin:0 auto; }
	.m-link ul li { float:left; width:49%; text-align:Center; padding:10px 0; }
	.m-link ul li.m { border-right:1px solid #999; }
	.m-link ul li img { width:90%; }

.m-copyright { float:left; width:100%; margin:0px; padding:0 0 10px 0; background:#333; color:#999; }
	.copy-text { max-width:400px; margin:0 auto; }
		.text { float:left; width:90%; padding:0 5%; margin-top:2%; }
		.text ul li { float:left; width:100%; padding:1% 0; text-align:left; line-height:140%; }
		.text ul li a { color:#999; }
		.m-btn { float:left; width:100%; background:#000; padding:3% 0 3% 1%; color:#666; }
		.m-btn a { padding:3px 5px; font-size:1.1em; color:#999; font-weight:bold; }
		.m-btn a:hover { color:#ff0; }

	.accordion { float:left; position: relative; margin: 0 auto; width:100%;}

#m-Copyright2 { float:left; width:100%; background:#fff; text-align:center; padding:10px 0; }
	#m-Copyright2 img { width:100%; max-width:560px; }


.c666 { color:#666; }
.cfff { color:#fff; }
.pl40 { padding-left:40px; }