﻿/* body 공통 속성 */
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
body { font: '돋움' , '맑은고딕' , '굴림'; font-size: 12px; color: #717171; }
ul, ol, dl { list-style: none; }
img { border: 0; vertical-align: top; }
ul { list-style: none; padding: 0; margin: 0; }

a:link { text-decoration: underline; color: #636363; }
a:visited { text-decoration: underline; color: #777777; }
a:hover { text-decoration: underline; color: #3F361C; }
a.tooltip span { display: none; padding: 2px 3px; margin-left: 8px; width: 250px; }
a.tooltip:hover span { display: block; position: absolute; background: #ffffff; border: 1px solid #cccccc; color: #6c6c6c; }
a[disabled] { color: Gray; background-color: Gray; }

input { border: solid 1px #e5e5e5; }
input.required { border: solid 1px green; background-color: #f7f7f7; }
input[disabled] { border: solid 1px gray; background-color: #cccccc; }

/* common */
.btnD { cursor: pointer; display: inline; float: left; height: 22px; margin: 3px 0; margin-left: 0px; overflow: hidden; }
.btnD span { float: left; height: 22px; margin: 0; width: 15px; background: url(/images/button/btnTpl.gif) no-repeat 0 0; }
.btnD p { background: url(/images/button/btnTpl.gif) no-repeat right top; display: inline; float: left; height: 22px; padding-right: 15px; padding-top: 5px; }
.btnD a { float: left; margin-top: 0px; cursor: auto; }
.btnD a:link { text-decoration: none; color: Black; }
.btnD a:visited { text-decoration: none; }
.btnD a:hover { text-decoration: none; color: #FF7A00; cursor: pointer; }

.matchInList { background-color: Yellow; color: Red; }
.icoQ { vertical-align: text-bottom; }
.actionRst { color: Blue; }
.loadingBlock { padding: 5px 0 5px 55px; font-weight: bold; border-bottom: solid 2px #087C2C; border-top: solid 2px #087C2C; color: Black; background: #E6F2E9 url(/images/site/loading.gif) no-repeat 10px center; vertical-align: middle; margin: 10px 0; }

h3 { margin: 5px 0px; color: #FF7A00; font-weight: bold; font-size: 12px; }
/* ------------------------- default --------------------------------- */
#wrap { margin: 0 0; width: 800px; max-width: 800px; min-height: 600px; background: url(/images/Main/bodyBG.gif) repeat-y 0 0; }
#header { float: left; width: 800px; height: 51px; background-color: #FF7A00; }
#topLogo { float: left; width: 90px; padding: 0 0 0 17px; }
#topCopy { float: left; padding: 25px 0 0 0; }

#contents { float: left; width: 705px; min-height: 503px; }

#contentsBody { float: left; width: 440px; padding: 30px 0 50px 35px; }
#contentsBody h2 { padding: 0; margin: 0; margin-left: -20px; margin-bottom: 10px; }
#contentsBody dl.pageTop { margin: 0; padding: 0; margin-bottom: 10px; }
#contentsBody dl.pageBody { padding: 10px 0 10px 0; }
#contentsBody dl.pageBody dt { margin-bottom: 3px; }
#contentsBody dl.pageBody dd { padding: 2px; }

#sidebar { float: right; width: 95px; }
#footer { float: left; width: 800px; height: 46px; background-color: #FF7A00; }

/* left Menu */
#ubGroup { float: right; width: 190px; margin: 19px 17px 0 0; _margin-right: 9px; }
#ubLogin { float: left; width: 190px; height: 40px; margin-bottom: 12px; }
#ubLogin ul { margin-bottom: 3px; }
#ubLogin li { display: inline; }
#ubLogin li input { background-color: #F0F0F0; border: solid 1px #C1C1C1; width: 91px; .width:89px;width/*\**/:89px;}
#ubLogin img { margin-left: 1px; }

#ubLoggedIn { float: left; width: 190px; background: url(/images/main/ubBox2.gif) no-repeat bottom left; margin-bottom: 8px; }
#ubLoggedIn h2 { background: url(/images/main/ubBox1.gif) no-repeat top left; height: 10px; }
#ubLoggedIn p { margin: -4px 0 7px 7px; line-height: 18px; }
#ubLoggedIn .myPoint { color: Blue; }
#ubMenu { float: left; width: 190px; background: url(/images/main/ubBox2.gif) no-repeat bottom left; margin-bottom: 8px; }
#ubMenu h2 { background: url(/images/main/ubBox1.gif) no-repeat top left; height: 10px; }
#ubMenu ul { margin: 0px 0 5px 16px; _margin-top: -17px; }
#ubMenuSub { margin: 0 0 8px 0; }
#ubKeyword { float: left; width: 190px; background: url(/images/main/ubBox2.gif) no-repeat bottom left; }
#ubKeyword h2 { background: url(/images/main/ubBox1.gif) no-repeat top left; height: 24px; padding: 10px 0 0 14px; }
#ubKeyword p { margin: 0px 14px 10px 16px; }
#ubKeyword span { padding: 0 2px 0 0; line-height: 17px; }

#quickMenu { float: left; width: 92px; margin: 19px 0 10px 0; background: url(/images/Main/quickMenuBg.gif) repeat-y 0 0; }
#quickMenu p { height: 11px; background: url(/images/Main/quickMenuBtm.gif) no-repeat bottom left; }
#quickSch li { float: left; }
#quickSch.quickSchNo li.searchBox { background: url(/images/Main/quickMenuSch.gif); border: none; width: 67px; }
.quickArticleSch { border: none; width: 52px; height: 19px; background: url(/images/Main/quickMenuSch.gif); padding: 2px 0 0 15px; .margin:-1px 0 0 1px;}
#quickSch input { border: none; }
#quickSch input.required { border: none; }

#footTxt { float: left; margin: 9px 0 0 17px; color: White; font-size: 11px; line-height: 16px; }

/* ------------------------- TableList --------------------------------- */
.TableList { color: #555252; margin: 5px 0 10px 0; padding: 0; border: 0px; vertical-align: middle; }
.TableList table { margin: 5px 0 20px 0; width: 100%; }
.TableList td { vertical-align: middle; text-align: center; padding: 3px 5px; border: solid 1px #DDDEE2; line-height: 1.7em; }
.TableList tr { height: 25px; }
.TableList th { height: 30px; color: White; font-weight: bold; text-align: center; padding: 3px 5px; background-color: #FF7A00; }
.DataPager { text-align: center; padding: 5px; }
.DataPager a:link { text-decoration: none; padding: 0 2px; }
.DataPager a:visited { text-decoration: none; padding: 0 2px; }
.DataPager a:hover { text-decoration: none; color: black; padding: 0 2px; }
.DataPager a[disabled] { color: #EAEAEA; background-color: #fff; padding: 0 2px; }
.CurrentPageLabelCssClass { color: #000000; font-weight: bold; }
.TableListSearch { margin: 10px 0px; text-align: right; }
.TableButton { float: right; overflow: hidden; }

/* ------------------------- inputTable --------------------------------- */
.TableView table { margin: 5px 0 10px 0; width: 100%; }
.TableView tr { height: 25px; }
.TableView th { width: 120px; color: White; font-weight: bold; text-align: left; padding: 3px 5px; background-color: #FF7A00; }
.TableView td { vertical-align: middle; padding: 3px 5px; border: solid 1px #DDDEE2; line-height: 1.7em; }
.TableView i { text-decoration: none; color: #ccc; font-style: normal; }
.TableView dt { color: Red; font-weight: bold; font-size: 1.5em; margin: 0 0 5px 0; }
.TableView dl { }
.TableTip { clear: both; margin-top: 50px; margin-left: 3px; }
.TableTip ul { list-style-type: disc; margin-left: 10px; }

