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: #C1CAD0 8px solid; BORDER-TOP: #C1CAD0 8px solid; BORDER-LEFT: #C1CAD0 8px solid; BORDER-BOTTOM: #C1CAD0 8px solid; BACKGROUND-COLOR: #ffffff }




@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.sub-left *, .header-right *{padding: 0;margin: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family: "Noto Sans KR",sans-serif;font-weight: 400;}
.sub-left a, .header-right a{text-decoration: none;}
.header-right{float: right;position: relative;padding-top: 36px;margin: 20px 60px 0 0;}
.header-sign{position: absolute;top: 0;right: 0;}
.header-sign > li{float: left;}
.header-sign > li:not(:first-child){padding-left: 21px;background: url('image/new2022_bg1.gif') no-repeat 10px center;}
.header-sign > li > a{display: block;}
.header-menu{position: relative;}
.header-menu > li{float: left;padding: 0 28px 0 35px;background: url('image/new2022_bg2.gif') no-repeat left 5px;position: relative;}
.header-menu > li:first-child{padding-left: 0;background: none;}
.header-menu > li:last-child{padding-right: 0;}
.header-menu > li > a{display: block;color: #2c5482;font-size: 18px;font-weight: bold;line-height: 18px;height: 30px;text-align: center;transition: 0.3s ease;position: relative;}
.header-menu > li > a > span{display: block;margin-top: 3px;transition: 0.3s ease;}
.header-menu > li:hover > a{padding-top: 3px;}
.header-menu > li:hover > a::before{position: absolute;left: 50%;bottom: -5px;margin-left: -5px;width: 10px;height: 5px;background: url('image/new2022_bg3.gif');content:"";}
.header-menu > li:hover > a > span{display: none;}
.header-menu > li:hover .depth2{display: block;}
.header-menu .depth2{display: none;position: absolute;top: 30px;left: 7px;width: calc(100% - 7px);padding-top: 5px;transition: 0.3s ease;}
.header-menu .depth2 > ul{padding: 4px 15px;text-align: center;background: #2b6ca3;border-radius: 25px;}
.header-menu .depth2 > ul > li{display: inline-block;vertical-align: top;padding: 0 6px;}
.header-menu .depth2 > ul > li > a{display: block;color: #fff;font-size: 12px;line-height: 14px;letter-spacing: -1px;}
.header-menu .depth2 > ul > li > a:hover{color: #b8f1ff;}
.header-menu > li:nth-child(1) .depth2{left: -8px;width: 110px;}
.header-menu > li:nth-child(2) .depth2{width: 400px;}
.header-menu > li:nth-child(3){position: static;}
.header-menu > li:nth-child(3) .depth2{left: auto;right: 0;width: 515px;}
.header-menu > li:nth-child(5){position: static;}
.header-menu > li:nth-child(5) .depth2{left: auto;right: -8px;width: 270px;}

.sub-left{padding: 0 19px 0 38px;background: url('image/new2022_bg4.jpg') no-repeat left top;}
.sub-left > h3{display: table;height: 97px;width: 100%;text-align: right;}
.sub-left > h3 > p{display: table-cell;vertical-align: middle;padding: 10px 20px;color: #fff;font-size: 18px;font-weight: bold;}
.sub-left > h3 > p > span{display: block;color: #cdecff;font-size: 24px;letter-spacing: -1px;margin-top: 8px;}
.sub-left > ul{position: relative;margin: 0 5px;padding: 20px 0 120px;border-left: 3px solid #d8e5f1;border-right: 3px solid #d8e5f1;}
.sub-left > ul::before, .sub-left > ul::after{position: absolute;bottom: 0;width: 3px;height: 98px;background: url('image/new2022_bg5.gif');content:"";}
.sub-left > ul::before{left: -3px;}
.sub-left > ul::after{right: -3px;}
.sub-left > ul > li{padding: 8px 15px;background: url('image/new2022_bg7.gif') no-repeat left bottom;}
.sub-left > ul > li > a{display: block;color: #666;font-size: 13px;line-height: 15px;padding-left: 18px;background: url('image/new2022_bg6.gif') no-repeat left 3px;transition: 0.3s ease;word-break: keep-all;letter-spacing: -0.5px;}
.sub-left > ul > li.on  > a,
.sub-left > ul > li:hover  > a{color: #336699;padding-left: 22px;background: url('image/new2022_bg6on.gif') no-repeat left 3px;}