@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'맑은 고딕';}

*{margin:0; padding:0}
html{width:100%; height:100%; }
body{width:100%;  font-size:13px; font-family:"Nanum Gothic", dotum,"돋움",sans-serif; color:#444; margin:0 auto; background:#fff; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:600;  }
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}

legend, caption{position:absolute; left:-2000%;}
textarea, button{vertical-align:middle;}
input, select{ vertical-align:middle; background:#fff; border:1px solid #ccc; color:#333; padding:3px; font-size:12px;  }
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #475056; color:#333; font-size:11px; }

.mhm4 a:link, a:visited, a:active { text-decoration:none; color:#404040;  }
.mhm4 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; }
.mhm4 {float:right; width:220px; padding:5 0 7 0; background-color:#f7f6f6; border-bottom:0px solid #ddd; font-size: 13px; font-weight: none; text-align:left; font-family: "맑은 고딕", "돋움",  "arial";}

.mhm5 a:link, a:visited, a:active { text-decoration:none; color:#404040;  }
.mhm5 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; }
.mhm5 {float:right; width:220px; padding:7px 0; background-color:#f7f6f6; border-bottom:1px solid #ddd; font-size: 13px; font-weight: none; text-align:left; font-family: "맑은 고딕", "돋움",  "arial";}

.checkbox{padding:0; border:0;}
.disNone{display:none;}

a{color: #555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:underline;}
table{border-collapse:collapse}

strong{ font-weight:600; color:#444}
option{padding: 2px 5px; }


.wrap { width:100%; }
.top_wrap { width:100%;  height:120px; background:#fff; border-bottom:1px solid #ccc; }
.top { width:1200px; margin:0 auto; margin-top:20px; height:70px;  }
.logo {float:left; width:200px;} 


.top_menu_wrap { width:100%; height:50px; background:#32984f; }
.top_menu { width:1200px; margin:0 auto;   }
#navi, #navi ul, #navi ul li #navi ul li ul{ margin:0; padding:0; }
#navi  {padding-bottom:3px; }
#navi:before,
#navi:after,
#navi > ul:before,
#navi > ul:after { content: ''; display: block; clear: both; }
#navi ul { list-style: none; }
#navi ul li { float: left; position:relative; width:238px; }
#navi ul .navi_step01 { border-right:1px solid #e4f5f6; text-align:center;  }
#navi ul li a { padding: 16px 0px; display:block; color:#fff; font-weight:400; font-size:17px; text-decoration: none; line-height: 18px;  }
#navi > ul > li:hover > a { color:#d6eeff; }
#navi > ul > li.active > a,
#navi > ul > li > a:active { color:#333; }

#navi > ul ul { opacity: 0; visibility: hidden; position: absolute; }
#navi > ul li:hover ul { opacity: 1; visibility: visible; top: 50px; left: 0; }
#navi > ul ul li { background:#32984f; list-style: none; border-top:1px solid #e4f5f6; }
#navi > ul ul li a {
  padding: 12px 10px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  width: 212px;
  border-left: 0px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#navi > ul ul li a:hover { border-left: 5px solid #5fb577; background: #5fb577; }




/*메인*/

.main_banner {width:1200px;  margin:0 auto; margin-top:40px;  }
.main_wrap { width:1200px;   margin:0 auto;  margin-top:40px; }

.product_wrap {width:100%; float:left;  margin-top:40px; }
.product {width:1200px; margin:0 auto; margin-bottom:40px;   }
.product h2{margin-bottom:20px; font-weight:700;}
.notice {width:400px; float:left; margin-top:40px; height:150px;}
.market {width:400px; float:left; margin-top:40px; margin-left:30px; height:150px;}
.custom {width:340px;  float:left; margin-top:40px; margin-left:30px; height:150px;}
.lol_banner {width:1200px;  float:left;  height:245px; margin-top:60px; }
.lol_banner2 {width:1180px; border:1px solid #ccc; padding:20px 0; padding-left:20px;}
/*서브상단*/

.svisual{background:#000 ; width:100%; height:250px; margin:0 auto;  text-align:center;}

.sub_content{width:1200px;margin:0 auto;  }
.l_menu{width:195px;  float:left;  margin-top:40px;  }
.l_menu ul  {width:195px; margin:0 auto; }
.l_menu ul  h2 {font-weight:600;text-align:center; padding:40px 0 ;background:#1c046f; color:#fff; font-size:28px; }
.l_menu ul li { padding:13px 0;  text-align:center; font-size:15px;  border-bottom:1px solid #ccc; color:#666; }
.con{width:950px;float:left; margin-left:40px; }
.mart{margin-top:30px;margin-bottom:20px}
.fl2{float: left; color: #262626;  width:750px; padding-bottom: 20px;  font-size:33px;  font-weight:600; padding-left: 10px;  padding-top: 20px; font-family:나눔고딕;   }

.l_menu ul li A:link {color:#333; text-decoration:none} 
.l_menu ul li A:visited {color:#333;  text-decoration:none} 
.l_menu ul li A:active {color:#333; text-decoration:none} 
.l_menu ul li A:hover     {color:#333; font-weight : bold; text-decoration:none}



/*카피라이터*/
.copy_wrap {width:100%; height:100px; background:#666; float:left; margin-top:40px; COLOR:#FFF; }
.copy {width:1200px; margin:0 auto; text-align:left ;  margin-top:15px; line-height:22px; font-size: }