﻿img {border:none}


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:11pt;}


/**/

A:link {font-family:"돋움";color:#888888; text-decoration:none; font-size:9pt;}
A:visited {font-family:"돋움";color:#888888; text-decoration:none; font-size:9pt;}
A:active {font-family:"돋움";color:#FF7101; text-decoration:none; font-size:9pt;}
A:hover {font-family:"돋움";color:#FF7101; text-decoration:none; font-size:9pt;}



font {font-family:"돋움"; font-size:9pt; line-height:18px;}
.b {font-size:8pt; line-height: 14px ; font-face:;}
.text01 {font-family: "u"; font-size: 9pt; color: #FFFFFF; line-height: 14pt; font-weight:bold; letter-spacing:-1pt;}
.numbersjackpot {font-family: "u"; 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:#8E8E8E;line-height:18px;}
.a {font-family:"돋움"; font-size:9pt; color:#0000FF;line-height:25px; text-decoration:underline}


/**/
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-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 }


/*컨텐츠 블릿 아이콘스타일*/
.ico_con {
	padding:0px 0px 7px 0px;}/*서브타이틀 하단에 테이블이나 이미지가 오는경우*/
.ico_con2_t {
	color:#476eb2;font-weight:bold;padding:0px 0px 0px 14px;vertical-align:top;background-image: url(image/num2_arrow.gif);background-repeat: no-repeat;
	background-position: left 2px;}/*서브타이틀 하단에 테이블이나 이미지가 오는경우*/
.ico_con2 {
	color:#476eb2;font-weight:bold;padding:0px 0px 0px 14px;vertical-align:top;background-image: url(image/num2_arrow.gif);background-repeat: no-repeat;
	background-position: left 2px;}/*서브타이틀 하단에 테이블이나 이미지가 오는경우*/
.ico_con2_l {
	color:#476eb2;font-weight:bold;padding:5px 0px 0px 14px;vertical-align:top;background-image: url(image/num2_arrow.gif);background-repeat: no-repeat;
	background-position: left 6px;}/*서브타이틀 리스트형으로 위아래 공백이 필요할 경우*/
.ico_con3 {background: url(image/num3_arrow.gif) no-repeat top left; color:#666666;background-position: left 2px; font-weight:normal; padding:0px 0px 0px 14px; vertical-align:top }
.ico_con3_l {background: url(image/num3_arrow.gif) no-repeat top left; color:#666666;background-position: left 5px; font-weight:normal; padding:5px 0px 0px 14px; vertical-align:top }


/* padding */
.pdt_5{padding-top:5px;}
.pdt_10{padding-top:10px;}
.pdt_25{padding-top:25px;}

.pdl_10{padding-left:10px;}
.pdl_15{padding-left:15px;}
.pdl_15em{padding-left:15px;margin-bottom: -1em;}
.pdl_15emb{padding-left:15px;margin-bottom: -1em; font-weight:bold;}
.pdl_15b{padding-left:15px; font-weight:bold;}
.pdl_20{padding-left:20px;}
.pdl_20em{padding-left:20px;margin-bottom: -1em;}
.pdl_25{padding-left:25px;}
.pdl_25em{padding-left:25px;margin-bottom: -1em;}
.pdl_26em{padding-left:26px;margin-bottom: -1em;}
.pdl_27em{padding-left:27px;margin-bottom: -1em;}
.pdl_28em{padding-left:28px;margin-bottom: -1em;}
.pdl_29em{padding-left:29px;margin-bottom: -1em;}
.pdl_29{padding-left:29px;}
.pdl_30{padding-left:30px;}

.orangecolor{color:#CD6233;font-weight:bold;}



header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #BB162B; /*#CC0000;*/
    margin-top: 65px;
    color: #ffffff;
    padding-top: 18px;
    /*padding-left: 300px;*/
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #6D0000;
	font-family:"돋움";
}

li {
    float: left;
}
li a {

    color: #FFFFFF !important;

}
li a, .dropbtn {
    display: inline-block;
    color: #FFFFFF ;
    font-weight: bold ;
    text-align: center;
    padding: 10px 20px!important;
    text-decoration: none;
	font-size:11pt !important;
	transition: .3s background-color;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #5D0000;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    float:left;

}

.dropdown-content a {
    color: black !important;
    padding: 10px 20px !important;
    text-decoration: none;
    display: block;
    text-align: left;
    display: inline-block;
	font-size:9pt !important;
    backgroud-color:important;
    transition: .3s background-color;
	height:10px !important;

}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}


.side_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:186px !important;
    
    background-color: #f1f1f1 ;
}

.side_menu li a {
    display: block;
    color: #000 !important;
    padding: 8px 16px;
    text-decoration: none;
    width:186px !important;
    font-size:11px !important;
   text-align: left;
}

/* Change the link color on hover */
.side_menu li a:hover {

    background-color: #000000 !important;
    color: white !important;
}

/* products > SOLUTION */
.solutions_table { width: 580px; }
.solutions_table > tbody > tr:nth-child(2) > td:nth-child(1) { width: 580px; border: solid 1px lightgray; width: 265px; height: 160px; }
.solutions_table > tbody > tr:nth-child(2) > td:nth-child(1) > img { width: 100%; height: 100%; box-shadow: 3px 3px 5px grey; }

.solutions_table_content { width: 315px; height: 160px; border-collapse: collapse;}
.solutions_table_content > tbody > tr:nth-child(1) { border-top: 2px solid black; }
.solutions_table_content > tbody > tr:nth-child(1) > td:nth-child(1) { text-align: center; }
.solutions_table_content > tbody > tr:nth-child(1) > td:nth-child(2) { width: 65%; }
.solutions_table_content > tbody > tr:nth-child(2) { border-top: 1px solid lightgrey; }
.solutions_table_content > tbody > tr:nth-child(2) > td:nth-child(1) { text-align: center; }
.solutions_table_content > tbody > tr:nth-child(2) > td:nth-child(2) { width: 65%; }
.solutions_table_content > tbody > tr:nth-child(3) { border-top: 1px solid lightgrey; border-bottom: 2px solid black; }
.solutions_table_content > tbody > tr:nth-child(3) > td:nth-child(1) { text-align: center; }
.solutions_table_content > tbody > tr:nth-child(3) > td:nth-child(2) { width: 65%; }