﻿
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ /*Nanum Gothic*/

* {font-family:나눔고딕,'Nanum Gothic',맑은 고딕,Tahoma,sans-serif;}
body, input, textarea, select {
    font-size:12px;
    margin:0px;
}
h1, h2, h3, h4, h5 {margin:10px 0;}
h4 {font-size:12px;}
ul, ol {margin:10px 0; padding:0;}
ol { padding-left: 1.4em; list-style:decimal; }
ul { padding-left: 1.4em; list-style:square; }

.pageFooter {font-size:11px;color:#aaa;font-family:Trebuchet MS,Verdana,sans-serif;margin:1px auto;text-align:center;border-top:solid 1px #DDD;margin-top:10px;}

.pageHeader {margin:10px;}
.logoTbl {margin-bottom:4px;width:100%;}
.headerQuickMenu {padding-right:10px;font-size:11px;}


/* Menus */
.menuLeft {background:url(../../images/menu/menuLeft.gif) no-repeat;height:35px;width:2px;}
.menuMid {background:url(../../images/menu/menuMid.gif) repeat-x;height:35px;}
.menuRight {background:url(../../images/menu/menuRight.gif) no-repeat;height:35px;width:149px;}
.menuDecoration {border-radius:0 0 6px 6px;margin:0px 2px;
    background-color:#4b8cf7;height:22px;border:solid 1px #2f5bb7;
    border-top-width:0px;color:#ccc;padding-top:2px;font-family:Verdana;font-size:10px;font-weight:bold;}

/*.breadcrumb {padding-right:10px;padding-top:3px;font-size:11px;text-align:right;}*/
.breadcrumb {padding-left:10px;padding-top:3px;font-size:11px;}
.breadcrumb span {font-family:Tahoma;color:#33496d;}
.breadcrumb a, .breadcrumb a:visited {color:#ddd;text-decoration:none;}
.breadcrumb a:hover, .breadcrumb a:visited:hover {color:#fff;}

.ie8fix {z-index:100;}
.level1 {background-color:#000; color:#FFF; padding-left:10px;}
.level2 {background-color:#000; color:#FFF;}
.menuStyle {padding:2px 10px;border-radius:0 0 5px 5px;}
.menuItemDivider {border-top:dotted 1px #666;font-size:0px;height:1px;margin-top:2px;cursor:default;}

a.level1, a.level1:visited {color: #FFF;font-weight: bold;text-decoration:none;}    /* main menu title */
a.level1:hover, a.level1:visited:hover {color: #4b8cf7;}
a.level2, a.level2:visited {color: #FFF;font-weight: bold;text-decoration:none;}    /* menu item (first level) title */
a.level2:hover, a.level2:visited:hover {color: #4b8cf7;}
/* Menus--> */


/* main content */
.content {margin:0 12px;}
.contentHeading {padding:3px 3px 2px;}
.contentHeading span {font-family:Tahoma,sans-serif;font-size:10px;color:#AAA;}
#lblSearchMsg {font-size:12px;font-family:나눔고딕,'Nanum Gothic',맑은 고딕,Tahoma;}

.pageStatus {margin-top:2px;font-family:Tahoma;font-size:10px;color:#AAA;}
.pageActionBtns {margin-top:5px;clear:both;}
/* main content--> */


/* Popup Window */
.popupHeader {background:#333; padding:4px 4px 6px;  }
.popupHeader div {border-top:solid 2px #4b8cf7;padding:3px;text-align:right;font-size:11px;}
.popupActionBtns {text-align:center;margin-top:8px;clear:both;}
.popupPageHelp {position:absolute;right:3px;top:32px;padding-top:2px;}
/* Popup Window--> */


/* Modal Window Header (and button) */
.modalHeader {background:#333; padding:2px 4px 4px;  }
.modalHeader div {border-top:solid 2px #4b8cf7;padding:3px;text-align:right;font-size:11px;}
.modalPageHelp {position:absolute;right:3px;top:28px;padding-top:2px;}

.modalContent {margin:10px;}
.modalTitle {font-family:Tahoma,sans-serif;padding:0;margin:10px 0 0 10px;font-size:16px;color:#aaa;letter-spacing:2px;position:relative;font-weight:bold;}
.modalTitle div {border-top:solid 1px #ccc; background-color:white;z-index:10; position:absolute;top:14px;width:100%;height:5px;left:0;}
    
.modalBtn {margin-top:15px;text-align:right;margin-right:10px;}
/* Modal Window Header (and button)--> */


    

/* clearfix */
.clearfix:before, .clearfix:after 
{
    content: " ";  
    display: table;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
/* clearfix */

a {color: #33c;font-weight: bold;text-decoration:none;}
a:visited {color: #339;}
a:hover, a:visited:hover {color:#c00;}

.left {float:left;}
.right {float:right;}
.hide {display:none;}
.hidden {visibility:hidden;}

.tblTitle {
    font-family:Tahoma,sans-serif;padding:0;margin:10px 0 -6px 2px;
    font-size:16px;color:#aaa;letter-spacing:2px;position:relative;
    font-weight:bold;z-index:-1;text-align:left;
}

.dftTbl {background-color:#ddd;width:100%;border-spacing:1px;}
.dftTbl th {padding:3px;background-color:#6B696B;color:#fff;}
.dftTbl td {padding:3px;font-size:11px;text-align:center;}
.dftTbl tr {background-color:#fff;}
.dftTbl .trAlt {background-color:#F7F7DE;}
.dftTbl .trSummary {background-color:#EEE;font-weight:bold;height:24px;}
.dftTbl .trGrayBG {background-color:#EEE;}
.dftTbl .tdPinkBG {background-color:#FAA;}
.dftTbl .tdPurpleBG {background-color:#AAF;}
.dftTbl .trDim {color:#999;}
.dftTbl .tdLeft {text-align:left;}
.dftTbl .trMover {background-color:#e4fcba;}
.dftTbl .tdNoPadding {padding:0;}
.dftTbl tfoot td {background-color:#EEE;}
.dftTbl tfoot .right {font-family:Tahoma,sans-serif;font-size:11px;color:#666;}
.dftTbl input, select, textarea {font-size:11px;}
.dftTbl textarea {width:96%;}
.selectedPageNum {color:#A33;font-weight:bold;font-size:13px;} /* Paging Number */
.leftAlign td {text-align:left;}

/* .detailTbl is replaced with '.dftTbl .leftAlign' combination */
/* 
.detailTbl {background-color:#ddd;width:100%;border-spacing:1px;}
.detailTbl th {padding:3px;background-color:#6B696B;color:#fff;}
.detailTbl td {padding:3px;font-size:11px;}
.detailTbl tr {background-color:#fff;}
.detailTbl td textarea {width:96%;}
*/

.mappingTbl th {padding:1px;text-align:right;font-weight:normal;}
.mappingTbl td {padding:1px;text-align:left;}

.coreInfo {border:dotted 1px #AAA;margin:10px 0;font-size:11px;padding:5px;background-color:#fafafa;color:#666;}

.txtBlack {color:#000;}
.txtRed {color:Red;}
.txtBlue {color:#00F;}
.txtBrown {color:#900;}
.txtGreen {color:#090;}
.txtDim {color:Gray;}
.txtSmall {font-size:11px;}
.txtNormal {font-size:12px;}
.txtBold {font-weight:bold;}
.txtHighlight {color:#9a0311;}
.inputNum {text-align:right;}

.bgAudioCd {background:#d5a0cf;padding:0 1px;}
.bgMp3 {background:#fff45c;padding:0 1px;}
.bgEng {background:#b3d465;padding:0 1px;}
.bgEtc1 {background:#88abda;padding:0 1px;}
.bgEtc2 {background:#f39800;padding:0 1px;}

.txtBulletGray {background: url('../../images/bullet_gray.gif') no-repeat 4px 3px; color:#666;font-size:11px;margin-top:5px;padding-left:15px;}

.btn {border-width:0;border-radius:2px;padding:3px 8px;font-size:12px;font-weight:bold;}
.btnBlue {background:#498af2;color:#fff;border:solid 1px #3079ed;}
.btnBlue_on {background:#4785e8;border-color:#2f5bb7;}
.btnRed {background:#db4b39;color:#fff;border:solid 1px #d14836;}
.btnRed_on {background:#ca3b2b;border-color:#b0281a;}
.btnGreen {background:#8bc029;color:#fff;border:solid 1px #79a723;}
.btnGreen_on {background:#83b528;border-color:#6c9225;}
.btnSmall {font-size:11px;}
.btnDisabled {background:#aaa;border:solid 1px #999;color:#ddd;}

.roundBox {border-radius:5px;border:solid 1px #ccc;padding:10px;}
.roundBoxNoTopPad {border-radius:5px;border:solid 1px #ccc;padding:0 10px 10px;}
.subBtnBox {text-align:center;margin-top:10px;}

/* jQuery UI tooltip */
.tooltip {background: url('../../images/icon_help.png') no-repeat;padding-left:20px;padding-top:4px;padding-bottom:2px;cursor:default;}
.ui-tooltip {font-size:11px;}