body,td,textarea{
font-family: "±¼¸²";
font-size: 9pt;
color: #333333;
text-decoration: none}
A {text-decoration: none; color:#000000 }
A:hover {text-decoration: underline; color:#0E7AA9 }
a.cls0		   {color:#080871; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls0:hover   {color:#CB8642; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls1		   {color:#080871; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls1:hover   {color:#CDA8A0; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls2		   {color:#000000; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls2:hover   {color:#02ACCD; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls3		   {color:#080871; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls3:hover   {color:#4C1B47; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls4		   {color:#080871; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls4:hover   {color:#FFFFFF; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls6		   {color:#080871; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls6:hover   {color:#0E7AA9; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

a.cls5		   {color:#000000; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls5:link	   {color:#000000; font-size:9pt; font-family:±¼¸²; text-decoration:none;}
a.cls5:hover   {color:#000000; font-size:9pt; font-family:±¼¸²; text-decoration:underline;}

td {  font-family:"±¼¸²",; color: #000000; font-size: 9pt}
.font{  font-family:"±¼¸²"; color: #000000; font-size: 9pt}
.font1{  font-family: "±¼¸²"; color: #000000; font-size: 9pt}
.font2{  font-family: "±¼¸²"; color: #000000; font-size: 9pt}
.editbox  { border:1 solid #cccccc; background-color:white;font-size: 9pt }
.editbox_right
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: white;
	text-align: right;
}
.editbox2  { border:1 solid #E6E7E9; background-color:#f9f9f9; }
.prod_select_b { BORDER-RIGHT: #afafaf 1px solid; BORDER-TOP: #afafaf 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #afafaf 1px solid; WIDTH: 93px; COLOR: #4e4e4e; BORDER-BOTTOM: #afafaf 1px solid; FONT-FAMILY: ±¼¸²; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff}
.select_s { BORDER-RIGHT: #afafaf 1px solid; BORDER-TOP: #afafaf 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #afafaf 1px solid; WIDTH: 490px; COLOR: #000000; BORDER-BOTTOM: #afafaf 1px solid; FONT-FAMILY: ±¼¸²; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff}
.button   { height:19px; border-width:1; border-style:ridge; border-color:#eeeeee ; background-color:#dfdfdf; FONT-SIZE: 9pt}
.but {
font-weight:bold;
font-size:11px;
color:white;
background-color:#333333;
border-width:1px;
border-color:#333333;
border-style:solid;
}
.top {font-family:"±¼¸²";font-size: 9pt;line-height:1.5}
.but1 {
font-weight:bold;
font-size:11px;
color:#333333;
background-color:#999999;
border-width:1px;
border-color:#efefef;
border-style:solid;
}
.intro {
font-family:±¼¸²;
font-size:10pt;
color:#000000;
line-height:14pt;
letter-spacing: 1.0pt
}
.form_title{
font-family:±¼¸²;
font-size:9pt;
color:#000000;
font-weight:none;
line-height:14pt;}

.form_input{
BORDER-RIGHT: #afafaf 1px solid; 
BORDER-TOP: #afafaf 1px solid; 
FONT-SIZE: 9pt; BORDER-LEFT: #afafaf 1px solid; 
WIDTH: 93px; COLOR: #4e4e4e; 
BORDER-BOTTOM: #afafaf 1px solid; 
FONT-FAMILY: ±¼¸²; 
HEIGHT: 18px; 
BACKGROUND-COLOR: #ffffff}

.form_textarea{
border:solid 1;
font-family:±¼¸²,verdana;
font-size:9pt;
color:000000;
background-color:white font-size:8pt;
font-family:Arial;
vertical-align:top;
border-left-color:D7D6D6;
border-right-color:D7D6D6;
border-top-color:D7D6D6;
border-bottom-color:D7D6D6;}


.search {
border-width:0 0 1;
border-color:#666666;
line-height:100%
font-family:±¼¸²;
font-size:9pt;
color:666666;
}

.zv3_submit {border:solid 1;border-color:777777;background-color:white;width:100%;height:100%}
.input_box { font-size:9pt; border-top: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF;	border-bottom: 1px solid #FFFFFF;	border-left: 1px solid #FFFFFF; background-color:#FFFFFF;height:17px;scrollbar-3dlight-color: 595959; scrollbar-arrow-color: ffffff; scrollbar-base-color: CFCFCF; scrollbar-darkshadow-color: FFFFFF; scrollbar-face-color: CFCFCF; scrollbar-highlight-color: FFFFF; scrollbar-shadow-color: 595959}
.taks09 { font-family:±¼¸²; font-size:12px; color:rgb(76,76,76); line-height:200% }
.taks10  { font-family:±¼¸²; font-size:12px; color:rgb(76,76,76); line-height:300%}
.taks11 { font-family:±¼¸²; font-size:9pt; line-height:140%; margin:0pt}
.taks12 { font-family:±¼¸²; font-size:9pt; color:rgb(255,0,0); line-height:140%; margin:0pt}
.taks13 { font-family:±¼¸²; font-size:9pt; color:rgb(100,154,150); line-height:140%; margin:0pt}
.taks14 { font-family:±¼¸²; font-size:9pt; color:purple; line-height:150%; margin:0pt }
.taks15 { font-family:±¼¸²; font-size:12px; color:red; line-height:140%; margin:0pt }
.taks16 { font-family:±¼¸²; font-size:12px; color:purple; line-height:150%; margin:0pt }
.taks17 { font-family:±¼¸²; font-size:12px; color:rgb(92,115,186); line-height:150%; margin:0pt }
.taks18 { font-family:±¼¸²; font-size:12px; color:rgb(100,154,150); line-height:140%; margin:0pt }
.taks19 { font-family:±¼¸²; font-size:12px; color:rgb(0,101,235); line-height:150%; margin:0pt }
.taks20 { font-family:±¼¸²; font-size:12px; color:rgb(168,97,83); line-height:150%; margin:0pt }
.taks21 { font-family:±¼¸²; font-size:12px; color:rgb(214,115,0); line-height:150%; margin:0pt }
.taks22 { font-family:±¼¸²; font-size:12px; color:rgb(0,169,225); line-height:150%; margin:0pt }
.taks23 { font-family:±¼¸²; font-size:12px; color:rgb(80,165,80); line-height:150%; margin-top:0pt; margin-right:0pt; margin-bottom:5pt; margin-left:0pt }
.taks24 { font-family:±¼¸²; font-size:12px; color:rgb(0,198,125); line-height:150%; margin:0pt }
.taks25 { font-family:±¼¸²; font-size:9pt; text-indent:-10pt; line-height:140%; margin-top:0pt; margin-right:0pt; margin-bottom:0pt; margin-left:10pt }
.taks26 { font-family:±¼¸²; font-size:9pt; text-indent:-10pt; line-height:140%; margin-top:0pt; margin-right:5pt; margin-bottom:0pt; margin-left:15pt }
.taks27 { font-family:±¼¸²; font-size:9pt; text-indent:-10pt; line-height:140%; margin-top:0pt; margin-right:10pt; margin-bottom:0pt; margin-left:20pt }
.taks28 { background-color:rgb(239,239,239); border-width:1; border-color:rgb(239,239,239); border-style:solid }
.taks29 { background-color:rgb(224,224,224); border-width:1; border-color:rgb(224,224,224); border-style:solid }
.taks30 { background-color:white; border-width:1; border-color:white; border-style:solid }
.taks31 { font-family:±¼¸²; font-size:9pt; color:navy; line-height:130%; background-color:rgb(244,233,233); padding:2px; margin-bottom:5pt }
.taks32 { font-family:±¼¸²; font-size:9pt; color:navy; line-height:130%; background-color:aqua; padding:2px; border-width:1px; border-color:blue; border-style:solid; margin-bottom:5pt }
.headline1 { font-family: arial black, arial; font-size: 28px; letter-spacing: -2px; }
.headline2 { font-family: verdana; font-size: 18px; letter-spacing: -2px; color:blue }
.headline3 { font-family: arial, arial; font-size: 12px; letter-spacing: -2px; color:red }

.border4{BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid}
.border_t { BORDER-TOP: #000000 1px solid }
.border_t_l { BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid }
.border_t_r { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid }
.border_t_l_r { BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid;}
.border_b { BORDER-BOTTOM: #000000 1px solid }
.border_b_l_r { BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid;}
.border_t_b_r {BORDER-BOTTOM: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid}
.border_t_b_l {BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid}
.border_r { BORDER-RIGHT: #000000 1px solid }




/* --- EBI --- */
/* 2021-03-02 ÇÃ·¡½Ã Á¦°Å·Î ÀÎÇØ Ãß°¡ */

/* »ó´Ü¸Þ´º */
.gnb ul {padding:0; margin:0;}
.gnb li {list-style:none;}
.gnb a {text-decoration:none;}
.gnb a:hover {color:#000;}

.gnb {position:absolute; left:0; top:0; width:100%; background:url(../images/gnb_bg.jpg)center top no-repeat;}
.gnb>ul {overflow:hidden; padding:23px 0 40px 30px; }
.gnb>ul>li {float:left; position:relative; height:28px;}
.gnb>ul>li>a {display:block; font-size:13px; font-weight:bold; padding:0 26px; color:#fff; overflow:hidden; height:18px;}
.gnb>ul>li>a:hover {color:#fff;}
.gnb>ul>li>a span {display:block; transition:all .3s;}
.gnb>ul>li>a span+span {color:#ffcc00; padding-top:2px;}
.gnb>ul>li:hover>a span {transform:translateY(-17px);}
.gnb>ul>li>ul {height:0; position:absolute; top:27px; overflow:hidden; padding:0 18px; transition:all .3s;}
.gnb>ul>li:hover ul,
.gnb>ul>li.on ul {height:28px;}
.gnb>ul>li>ul:before,
.gnb>ul>li>ul:after {content:''; display:block; width:18px; height:27px; position:absolute; top:0; background:#fff center no-repeat}
.gnb>ul>li>ul:before {left:0; background-image:url(../images/gnb_left.jpg);}
.gnb>ul>li>ul:after {right:0; background-image:url(../images/gnb_right.jpg);}
.gnb>ul>li>ul>li {float:left; padding-right:15px; padding-left:15px; position:relative; background:url(../images/gnb_list_bg.jpg)center;}
.gnb>ul>li>ul>li+li:before {content:''; display:block; width:1px; height:14px; background:#dedede; position:absolute; left:0; top:5px;}
.gnb>ul>li>ul>li>a {display:block; color:#000; padding:5px 0 9px; transition:color .2s;}
.gnb>ul>li>ul>li>a:hover {color:#425b88;}

.gnb>ul>li:nth-child(1) ul {width:294px; left:0;}
.gnb>ul>li:nth-child(2) ul {width:312px; left:0;}
.gnb>ul>li:nth-child(3) ul {width:78px; left:0;}
.gnb>ul>li:nth-child(4) ul {width:144px; left:0;}
.gnb>ul>li:nth-child(5) ul {width:648px; right:-114px;}
.gnb>ul>li:nth-child(6) ul {width:432px; right:0;}

/* ¿ÞÂÊ¸Þ´º */
.left_menu ul {padding:0; margin:0;}
.left_menu li {list-style:none;}
.left_menu a {text-decoration:none;}
.left_menu a:hover {color:#000;}


.left_menu {padding-bottom:30px;}
.left_menu ul {}
.left_menu ul li {border-bottom:1px solid #e7e7e7;}
.left_menu ul li a {display:block; font-size:11px; font-weight:bold; position:relative; padding:10px 0 10px 15px; transition:all .2s;}
.left_menu ul li:hover a {color:#ff8c3f; margin-bottom:10px;}
.left_menu ul li a:before {content:''; opacity:0; display:block; width:2px; height:calc(100% - 20px); position:absolute; left:10px; top:10px; background:#ff8c3f; transition:all .2s;}
.left_menu ul li:hover a:before {opacity:1;}

.left_menu ul li:nth-child(2):hover a {color:#99cc00;}
.left_menu ul li:nth-child(2) a:before {background:#99cc00;}
.left_menu ul li:nth-child(3):hover a {color:#999933;}
.left_menu ul li:nth-child(3) a:before {background:#999933;}
.left_menu ul li:nth-child(4):hover a {color:#996666;}
.left_menu ul li:nth-child(4) a:before {background:#996666;}
.left_menu ul li:nth-child(5):hover a {color:#009999;}
.left_menu ul li:nth-child(5) a:before {background:#009999;}
.left_menu ul li:nth-child(7):hover a {color:#99cc00;}
.left_menu ul li:nth-child(7) a:before {background:#99cc00;}




