BODY
{
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: "±¼¸²";
    TEXT-DECORATION: none
}
TD
{
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: "±¼¸²";
    TEXT-DECORATION: none
}
TEXTAREA
{
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: "±¼¸²";
    TEXT-DECORATION: none
}
A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0e7aa9;
    TEXT-DECORATION: underline
}
A.cls0
{
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls0:hover
{
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls1
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls1:hover
{
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls2
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls2:hover
{
    FONT-SIZE: 9pt;
    COLOR: #02accd;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls3
{
    FONT-SIZE: 9pt;
    COLOR: #080871;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls3:hover
{
    FONT-SIZE: 9pt;
    COLOR: #4c1b47;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls4
{
    FONT-SIZE: 9pt;
    COLOR: #080871;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls4:hover
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls6
{
    FONT-SIZE: 9pt;
    COLOR: #080871;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls6:hover
{
    FONT-SIZE: 9pt;
    COLOR: #0e7aa9;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
A.cls5
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls5:link
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: none
}
A.cls5:hover
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: ±¼¸²;
    TEXT-DECORATION: underline
}
TD
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: "±¼¸²",
}
.font
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: "±¼¸²"
}
.font1
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: "±¼¸²"
}
.font2
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: "±¼¸²"
}
.editbox
{
    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
}
.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-RIGHT: #e6e7e9 1px solid;
    BORDER-TOP: #e6e7e9 1px solid;
    BORDER-LEFT: #e6e7e9 1px solid;
    BORDER-BOTTOM: #e6e7e9 1px solid;
    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
}
.button
{
    BORDER-RIGHT: #eeeeee 1px ridge;
    BORDER-TOP: #eeeeee 1px ridge;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #eeeeee 1px ridge;
    BORDER-BOTTOM: #eeeeee 1px ridge;
    HEIGHT: 19px;
    BACKGROUND-COLOR: #dfdfdf
}
.but
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: #333333 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #333333 1px solid;
    BACKGROUND-COLOR: #333333
}
.but1
{
    BORDER-RIGHT: #efefef 1px solid;
    BORDER-TOP: #efefef 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: #efefef 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #efefef 1px solid;
    BACKGROUND-COLOR: #999999
}
.form_title
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    LINE-HEIGHT: 14pt;
    FONT-FAMILY: ±¼¸²
}
.form_input
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Arial;
    HEIGHT: 18px;
    BACKGROUND-COLOR: white
}
.form_textarea
{
    BORDER-RIGHT: #d7d6d6 1px solid;
    BORDER-TOP: #d7d6d6 1px solid;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: #d7d6d6 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #d7d6d6 1px solid;
    FONT-FAMILY: Arial
}
.search
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    FONT-SIZE: 9pt;
    BORDER-LEFT-COLOR: #666666;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #666666;
    COLOR: #666666;
    BORDER-TOP-COLOR: #666666;
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-RIGHT-COLOR: #666666
}
.zv3_submit
{
    BORDER-RIGHT: #777777 1px solid;
    BORDER-TOP: #777777 1px solid;
    BORDER-LEFT: #777777 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #777777 1px solid;
    HEIGHT: 100%;
    BACKGROUND-COLOR: white
}
.prod_select_b1 { 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: #DFFFFF}
.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(2?????????????.ta39,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;}
