BODY {scrollbar-face-color: #F2F2F2;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #999999}

form {margin:0; color: #5E5E5D;FONT-FAMILY:����, arial; FONT-SIZE: 9pt;;letter-spacing:-0.02em; text-decoration:none;line-height:12pt;}

A:link {color:#666666; text-decoration:none; font-size:9pt;}
A:visited {color:#666666; text-decoration:none; font-size:9pt;}
A:active {color:#4169e1; text-decoration:none; font-size:9pt;}
A:hover {color:#3333FF; text-decoration:underline; font-size:9pt;}

font {font-family:����; font-size:9pt; line-height:18px;}
.b { font-size:8pt  ; line-height: 14px ; font-face:����;}
.text01 { font-family: "����ü"; font-size: 9pt; color: #FFFFFF; line-height: 14pt; font-weight:bold; letter-spacing:-1pt;}
.numbersjackpot { font-family: "����ü"; font-size: 21pt; color: #FFFFFF; line-height: 22pt; font-weight:bold; letter-spacing:-1pt;}
.size {font-family:����; font-size:12pt; line-height:18px; font-weight:bold;}
.s {font-family:����; font-size:8pt; line-height:15px;}
.size_ {font-family:����; font-size:11pt; line-height:18px; font-weight:bold;}
.ten {font-family:����; font-size:10pt; line-height:18px; font-weight:bold;}

.support {font-family:����; font-size:9pt; line-height:15px;}


td {font-family:����; font-size:9pt; color:#666666;line-height:18px;}
.a {font-family:����; font-size:9pt; color:#0000FF;line-height:25px; text-decoration:underline}

.sample {  background-color: #E8F0FC; border-color: #798EAE 798EAE 798EAE 798EAE; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

a.blue:link {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:visited {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:active {color:#1e90ff; text-decoration:none; font-size:10pt;}
a.blue:hover {color:#4169e1; text-decoration:underline; font-size:10pt;}

td.submenu        {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:link    {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:visited {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:active  {color:#000000; text-decoration:none; font-size:9pt;}
a.submenu:hover   {color:#000000; text-decoration:none; font-size:9pt;}

.form {border:1px solid #CDCDCD;font-family:����;font-size:12px; color:#555555;}
.form4 {border:1px solid #6D6D6D;font-family:����;font-size:12px; color:#B1B1B1;}
.form2 {border:1px solid #E4DCBA;font-family:����;font-size:12px; color:#555555;}
.form3 {border:1px solid #CDCDCD;font-family:����;font-size:12px; color:#555555; background-color:#F8F8F8; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}

.txt{font-family:����; color:#666666; text-decoration:none; font-size:9pt;}

.com { font-family: "����ü"; font-size: 9pt; color: #666666; line-height: 12pt; letter-spacing:-1pt;}

.consult_input { BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BACKGROUND-COLOR: #ffffff; font-size:9pt; color:#666666; }
.consult_textarea { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }





@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
img{border: 0;}
.sub-men *,
.header-menu *,
.main-showbox *{padding: 0;margin: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family: "Noto Sans KR",sans-serif;font-weight: 400;}
.header-menu a{color: #fff;text-decoration: none;}
.header-menu{position: relative;width: 670px;height: 50px;background: url('/image/new2021_bg1.gif') no-repeat left top;box-sizing: border-box;}
.header-menu::before{position: absolute;top: 51px;left: 0;width: 100%;height: 0;background: rgba(71, 114, 147, 0.5);border-radius: 5px;content:"";}
.header-menu.on::before{height: 24px;transition: height 0.2s ease-in-out;}
.header-menu > ul{}
.header-menu > ul > li{float: left;width: 20%;height: 50px;padding: 5px;background: url('/image/new2021_bg2.gif') no-repeat left top;}
.header-menu > ul > li:first-child{background: none;}
.header-menu > ul > li > a{display: block;text-align: center;font-size: 12px;height: 40px;line-height: 40px;}
.header-menu > ul > li:hover > a{position: relative;background: #285175;border-radius: 5px 5px 0 0;}
.header-menu > ul > li:hover  > a::after{position: absolute;left: 0;bottom: -8px;width: 100%;height: 3px;background: url('/image/new2021_bg4.png') no-repeat center bottom;border-top: 5px solid #285175;content: "";}
.header-menu > ul > li > ul{display: none;position: absolute;left: 24px;top: 50px;padding: 5px 0;}
.header-menu > ul > li > ul > li{display: inline-block;padding: 0 10px;}
.header-menu > ul > li > ul > li > a{display: block;font-size: 12px;line-height: 14px;}
.header-menu > ul > li > ul > li > a:hover{color: #ffff00;}
.header-menu > ul > li:hover > ul{display: block;}
.header-menu > ul > li:nth-child(3) > ul{left: 0;width: 100%;text-align: center;}
.header-menu > ul > li:nth-child(4) > ul{left: auto;right: 130px;}
.header-menu > ul > li:nth-child(5) > ul{left: auto;right: 24px;}

.sub-men{width: 180px;margin: 5px auto 0;padding: 0;text-align: left;}
.sub-men > li{padding: 3px 0;border-bottom: 1px solid #e1e1e1;}
.sub-men > li > a{display: block;padding: 4px 35px 4px 20px;color: #555;font-size: 12px;line-height: 14px;text-decoration: none;}
.sub-men > li > a:hover{color: #426c91;background: #dcecf2 url('/image/new2021_bg7.png') no-repeat right 20px center;border-radius: 5px;}

.main-showbox{width: 475px;height: 108px;padding: 0;margin: 0;box-sizing: border-box;}
.main-showbox > li{float: left;margin-left: 12px;}
.main-showbox > li:first-child{margin-left: 0;}
.main-showbox > li > a{display: block;overflow: hidden;}
.main-showbox > li > a > *{float: left;height: 108px;}
.main-showbox > li > a > p{display: table;}
.main-showbox > li > a > p > span{display: table-cell;vertical-align: middle;}
.main-showbox > li > a > div{display: none;margin-left: 12px;}
.main-showbox > li > a > div > span{display: table-cell;vertical-align: middle;}
.main-showbox > li.on > a > p{color: #eef5f8;}
.main-showbox > li.on > a > div{display: table;}