@charset "utf-8"; 

/* Select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:11px; font-family:dotum;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:none; color:#666; font-size:11px;line-height:12px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ }
.select.open .myValue,
.select .myValue.outLine{ border:none;}
.select button.myValue{ height:15px; width:100%; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:12px; }
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:13px; border:1px solid #ffffff; border-left:1px solid #ffffff; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:6px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ position:absolute; top:15px; left:0; width:100%; list-style:none; border:0; border-top:none; border-bottom:1px solid #d6d6d6; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ width:98%;position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#BDBDBB; color:#fff;}

/**/
.select button.title{font-weight:bold;padding-left:25px;color:#999999;font-size:100%;}
.select ul.tab_select{ display:none;top:30px;width:250px;}
.select ul.tab_select li  {width:248px;padding:3px 0;}
.select ul.tab_select li a{padding:3px 0;display:block;}
.select ul.tab_select li.hover a{background:#BDBDBB;}
.select .ctrl_tab{ position:absolute; top:5px; right:0; width:18px; height:13px; border:1px solid #ffffff; border-left:1px solid #ffffff; background:#fff;}
.select .arrow_tab{ position:absolute; width:0; height:0; top:6px; right:6px; line-height:0; font-size:0; border-top:5px solid #999; border-left:5px solid #fff; border-right:5px solid #fff;}


.select2{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select2 *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:dotum}
.select2 .myValue{ position:relative; z-index:2; left:0; top:0; border:none; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select2 .myValue.select2ed{ font-weight:bold;}
.select2.open .myValue,
.select2 .myValue.outLine{ border:1px solid #999;}
.select2 button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select2 div.myValue{ height:19px; text-indent:8px;}
.select2 .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#fff;}
.select2 .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select2 ul{ position:absolute; top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#fff; overflow:hidden;}
.select2 ul.aList{ display:none;}
.select2.open ul.aList{ display:block;}
.select2 ul.iList{ left:-2000%;}
.select2.open ul.iList{ left:0;}
.select2 li{ width:100%;position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
.select2 li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select2 li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select2 li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select2 li.hover *{ background:#999; color:#fff;}

