body {
    font-family:'Malgun Gothic'; font-size:12px; word-break: keep-all;
}
a {
    text-decoration:none; color:black;
}
a:hover {
    color : #0070e0; font-weight : bold;
}
.f10 {
    font-size:10px;
}
.f11 {
    font-size:11px;
}
.f12{
    font-size:12px;
}
.f13 {
    font-size:13px;
}
.mb-30 {
    margin-bottom:30px;
}
.mt-30 {
    margin-top:30px;
}
.mt-50 {
    margin-top:50px;
}
.ml-10 {
    margin-left:10px;
}
.fRight {
    float:right;
}
.fLeft {
    float:left;
}
.fClear {
    clear:both;
}
.fGray {
    color:#808080;
}
.fCBlue {
    color:#00a2e5;
}
.fRed {
    color: red; margin: 0 1px;
}
.fReply {
    color:chocolate;
}
.Wrap {
    width:1000px; margin:0 auto;
}
.highlight { 
    background-color: yellow; color: red; 
}
.topInfoWrap {
    height: 50px; line-height: 50px; vertical-align: middle;
}
.topInfo p {
    margin: 0 6px; float: left;
}
.topInfo .line {
    font-size: 11px; color: #ccc;
}
.userInfo {
    float: right;
}
.userInfo button {
    margin-left: 10px;
}
.curPointer {
    cursor:pointer;
}
.txtUnderline {
    text-decoration:underline;
}
.logoBox {
    width:100%; height:80px; vertical-align: middle; line-height: 80px;
}
.logoImg-00 {
    margin-left:30px;
}
.logoImg-01 {
    margin-left:40px;
}
.logoImg-02 {
    margin-left:40px;
}
.logoImg-07 {
    margin-left:40px;
}
.logoBox-brand-00 {
    background-image:url("/Common/Images/common/top_bg_company.gif");
    /*background-color:#26b0ea; background:linear-gradient(to bottom, #97ccd8, #26b0ea);*/
}
.logoBox-brand-01 {
    background-image:url("/Common/Images/common/top_bg_agabang.gif");
    /*background-color:#df4095; background:linear-gradient(to bottom, #f38bc0, #df4095);*/
}
.logoBox-brand-02 {
    background-image:url("/Common/Images/common/top_bg_dearbaby.gif");
    /*background-color:#a4c92d; background:linear-gradient(to bottom, #a4c92d, #b5ce12);*/
}
/*.logoBox-brand-03 {
    background-color:#d00b02; background:linear-gradient(to bottom, #dd3e38, #cb0c04);
}*/
.logoBox-brand-07 {
    background-image:url("/Common/Images/common/top_bg_ettoi.gif");
    /*background-color:#f66c38; background:linear-gradient(to bottom, #fc9368, #f66c38);*/
}
.logoBox .topnotice {
    width:650px; float:right; margin:24px 50px ; vertical-align:middle; line-height:30px; padding-left:20px;
    /*width:70%; height:40px;background-color:#fff; float:right; margin:15px 50px ;border-radius: 10px; vertical-align:middle; line-height:40px; padding-left:20px;*/
}
.BBSFavoriteIcon {
    display: inline-block; background-image: url("/Common/Images/common/ic_fav_off.png"); background-repeat: no-repeat; background-size: 100%; width: 18px; height: 22px; vertical-align: middle; margin-right: 15px; cursor: pointer;
}
.BBSFavoriteIcon_on {
    display: inline-block; background-image: url("/Common/Images/common/ic_fav_on.png"); background-repeat: no-repeat; background-size: 100%; width: 18px; height: 22px; vertical-align: middle; margin-right: 15px; cursor: pointer;
}
.leftmenuWrap {
    float: left; margin-bottom:70px;width: 170px;
}
.leftmenu {
     margin-top: 50px; margin-bottom: 10px; width: 170px; font-size:12px; background-color: #fafafa; border: 1px solid #dcdcdc; padding: 15px 15px 0 15px;
}
    .leftmenu .left_on {
        color: #0070e0;
        font-weight: bold;
    }
    .leftmenu .list-group .bd {
        margin:15px 0; height:2px; border-bottom:1px solid #dcdcdc;
    }

    .leftmenu .list-group-wrap {
        position: relative;
        display: block;
        margin-bottom: -1px;
    }
    .leftmenu .list-group-wrap .leftTitle {
    width:100%; font-size:13px;
}

.leftmenu .Second {
    margin: 10px 0 0 2px;
}
.leftmenu .Second li{
    vertical-align: middle; line-height: 24px; background-image: url("/Common/Images/common/leftmenu_ic.gif"); background-position: left; background-repeat: no-repeat; padding-left: 13px;
}
.glyphicon {
    margin-right: 5px; margin-top: 4px; font-size: 8px
}
.jstree-icon{
    background-position: -68px -4px; background-image: url("/Common/Images/32px.png"); 
    width: 24px; height: 19px; line-height: 24px; background-repeat: no-repeat; background-color: transparent; display: inline-block;
}
.main {
    width: 799px; float: left; margin-left: 30px; margin-bottom: 50px;
}
.main .srchBar {
    width:799px; height: 50px; line-height: 50px; text-align: right;
}
.main .title{
    line-height:40px; vertical-align:middle; border:1px solid #dbdbdb; padding-left:15px; font-size: 14px;
}
.main .bookmarkWrap {
    margin-top:10px;
}
.main .bookmark {
    width:389px; float:left; margin-bottom: 10px; min-height:200px;
}
.main .bookmark:nth-child(odd) {
    margin-right:20px;
}
    .main .bookmark .panel-heading {
        background:url(/Common/Images/main/listTit_bg.gif); height: 34px; width: 390px; line-height: 34px; vertical-align: middle; padding-left: 15px;
    }
    .main .bookmark .panel-body ol{
        margin-left:0px; padding: 5px 15px 15px 15px;
    }
    .main .bookmark .panel-body li{
        border-top: dashed 1px #dcdcdc; line-height:28px; vertical-align:middle; 
    }
    .main .bookmark .panel-body li:first-child{
        border: 0; line-height:26px; vertical-align:middle; 
    }
    .main .bookmark .panel-body li img{
        padding-bottom: 3px;
    }
    .main .bookmark .panel-body .mainTitle{
        margin-left:10px;
    }
.main .banner {
    clear: both; padding-top: 30px;
}
.main .banner a {
    margin: 1px;
}
.Footer {
    width: 100%; height: 70px; border-top: 1px solid #dcdcdc; clear: both; padding-top: 20px; margin-top:10px;
}
.footerBrand {
    width:100%;
}
.footerBrand td {
    width:10%; text-align:center;
}

ul, li {
    list-style:none; margin:0; padding:0; text-indent:0;
}

.BoardCreateWrap .InputWrap {
    border:1px solid #dcdcdc; padding:20px; margin:10px;
}

.BoardCreateWrap table {
    font-weight:bold;
    color:#444;
    font-size:12px;
}
.BoardCreateWrap table tr td {
    height:35px;
}

.BoardCreateWrap .btnWrap {
    text-align:center; margin:20px;
}


.BBSListHeader {
    width:100%; height:80px; border:1px solid #dcdcdc; padding:20px; font-size:11px; color:#939393;
}
    .BBSListHeader .BBSCategory {
        font-size:14px; color:#3e3e3e;
    }
    .BBSListHeader .BBSTitle {
        width:300px; float:left;
    }
    .BBSListHeader .BBSTitle .glyphicon {
        font-size:15px;
    }
    .BBSListHeader .BBSTitle .gold {
        color:goldenrod;
    }
    .BBSListHeader .BBSTitle p.cTitle {
        margin:0px;
    }
    .BBSListHeader .BBSTitle p.info {
        padding-left: 38px;
    }
    .BBSListHeader .BBSTitle p.info-scrap {
        padding-left: 0; margin-top: 5px;
    }
    .BBSListHeader .BBSTitleInfo {
        width:280px; float:right; text-align:right; margin-top: 10px;
    }
        .BBSListHeader .BBSTitleInfo p {
            line-height: 5px;
        }
.BBSListHeader-all {
    width:100%; height:100px; border:1px solid #dcdcdc; padding:20px; font-size:11px; color:#939393;
}
    .BBSListHeader-all .info-all {
        font-size: 12px; color: #222;
    }
.BBSListBody {
    margin-top:10px;
}
.BBSListBody table th {
    text-align:center;
}
.BBSListBody table td.center {
    text-align:center;
}
.BBSListBody .listTit {
    padding-left: 15px;
}

.BBSListTab {
    font-size: 12px;
}


.DetailWrap {
    width:100%; border:1px solid #dcdcdc;
}

    .DetailWrap .dTitle {
        clear:both; width:100%; height:20px; display:block; padding: 20px 30px;
    }.DetailWrap .dEtc {
        clear:both; width:100%; height:20px; display:block; padding: 5px 30px;
    }.DetailWrap .dBtn {
        clear:both; width:100%; height:20px; display:block; padding: 10px 30px;
    }

    .DetailWrap .Details {
        margin-top:60px; padding: 0 30px; color: #111;
    }
    .DetailWrap .Details p{
        margin:0px;
    }
    .DetailWrap .FileBox {
        margin:50px 30px; padding:15px 20px; border:1px solid #e4e4e4; background:#fafafa; min-height:50px;
    }
    .DetailWrap .FileBox strong {
        margin-right: 15px;
    }
    .DetailWrap .FileBox .fbList li {
        padding-left: 20px; background-image: url("/Common/Images/sub/ic_attach.gif"); background-position: left; background-repeat: no-repeat; height: 16px; line-height: 16px; vertical-align: middle; margin-top: 10px;
    }
    .DetailWrap .ViewLogWrap {
        margin-top: 10px; padding: 0 30px; margin-bottom: 50px;
    }
        .DetailWrap .ViewLogWrap #ViewLog {
            display:none;
        }
        .DetailWrap .ViewLogWrap #ViewLog table tr td {
            border: 1px solid #fff; text-decoration: none;
        }
    .DetailWrap #StatusUpdateWrap {
        border:1px solid #dcdcdc; margin-top:10px; padding:10px; display:none;
    }
        .DetailWrap #StatusUpdateWrap #btnUpdateStatus {
            margin-left:10px;
        }
    .DetailWrap #PnN {
        border-bottom:1px solid #dcdcdc;        
    }
.CommentBox {
    background-color: #fafafa;
}

ol.CommentList {
    list-style:none; margin:0 0 1em; padding: 0 30px; text-indent:0;
}
    ol.CommentList li {
        width:100%; padding:15px 0;
    }
        ol.CommentList li.reply {
            padding-left: 15px;
        }
        ol.CommentList li.reply .contents {
            padding-left: 15px;
        }
        ol.CommentList li .c_hand{
            cursor:pointer;
        }
    ol.CommentList li p {
        width:93%;
    }
    ol.CommentList li:nth-child(even) {
        border-top:1px solid #dcdcdc;
        border-bottom:1px solid #dcdcdc;
    }
    ol.CommentList .cmtInfo {
        float:left;
    }
        ol.CommentList .cmtInfo .date {
            font-size:11px; color:#808080; margin:0 10px;
        }
    ol.CommentList .editForm {
        float:right;
    }
    ol.CommentList .contents {
        clear:both; margin-top:30px;
    }

.CommentInput {
    padding: 20px 30px;
}
.CommentInput .txtComment {
    border:1px solid #dcdcdc; margin-right:10px; width:86%; height:70px; margin-bottom:-32px;
}
.CommentInput .btn_CmtInsert {
    margin-top:0px; text-align: right;
}


.NoteWrap {
    margin: 0 auto;
}
    .NoteWrap .NoteInfo {
        padding-left: 15px; border-bottom:1px solid #dcdcdc; font-size:11px; margin-bottom:30px; background-color: #fafafa; height: 30px; line-height: 30px; vertical-align: middle; color: #666;
    }
    .NoteWrap .NoteList {
        font-size:12px;
    }
        .NoteWrap .NoteList .list {
            width:50%; margin-top:10px; float:left; border-top: 1px solid #ddd;
        }
        .NoteWrap .NoteList .list .table {
            border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;
        }
        .NoteWrap .NoteList .list .table th {
            height: 24px; line-height: 24px; vertical-align: middle;
        }
        .NoteWrap .NoteList .list .NoteToName {
            padding-bottom: 10px;
        }
        .NoteWrap .NoteList .list .NoteNoRead {
            color:#0070e0; font-weight:bold;
        }
        .NoteWrap .NoteList .contents {
            width:48%; margin-top:10px; float:right; border-top: 1px solid #dcdcdc;
        }
            .NoteWrap .NoteList .contents .tblNoteCont {
                width:100%; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;
            }
                .NoteWrap .NoteList .contents .tblNoteCont td {
                    padding:5px 10px;background-color: #fafafa;
                }
                .NoteWrap .NoteList .contents .tblNoteCont th {
                    padding:5px 10px; background-color: #fafafa;
                }
             .NoteWrap .NoteList .contents #NoteContText {
                width:100%; min-height: 350px; padding: 20px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;
            }
            .NoteWrap .NoteList .contents .info {
                padding: 10px; width: 100%; color: #777;
            }

.NoteWriteWrap {
    width: 550px;
}
    .NoteWriteWrap .NoteWriteTop {
        margin-bottom: 15px;
    }
    .NoteWriteWrap .NoteWriteTop span {
        margin-left: 20px;
    }
    .NoteWriteWrap .NoteWriteForm {
        background-color: #fafafa; padding: 25px;
    }
    .NoteWriteWrap .NoteWriteMiddle {
        margin-bottom: 15px;
    }
    .NoteWriteWrap .NoteWriteBottom {
        
    }
    .NoteWriteWrap .NoteWriteBottom .NoteWriteTextarea {
        width: 99%; height: 300px;
    }
    .NoteWriteWrap #txtToName {
        width: 340px; margin:0 9px 0 10px;
    }
.AddrSearch {
    text-align:center; margin-top:10px;
}
#AddressList {
    width:470px; height:300px; margin:0 auto;
}
#AddressList .AddrList {
    width:200px; height:300px; overflow-y:scroll; border:1px solid #dcdcdc;
}
#AddressList .AddrAddDel {
    width:70px; height:300px; padding-top:23%; padding-left:13px;
}


.popWrap {
    width:100%; border:1px solid #dcdcdc; padding: 30px;
}
    .popWrap .title_fb {
        font-weight: bold; color:#2582e5; font-size: 13px; padding-left: 10px;
    }

    .popWrap .title_fb .notice {
        color: #FF0025; padding-left: 20px;
    }

    .popWrap .titlebar {
        width: 740px; height: 34px; clear: both; margin-top: 40px;
    }
    .popWrap .titlebar_on {
        background-image:url("/Common/Images/sub/pop_bg_on.gif");-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
    }
    .popWrap .titlebar_off {
        background-image:url("/Common/Images/sub/pop_bg_off.gif");-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
    }

        .popWrap .titlebar .txt {
            height:34px; display:table-cell; vertical-align: middle; padding-left: 25px; font-weight:bold; font-size: 13px; float: left; line-height: 34px;
        }
        .popWrap .titlebar .txt_s {
            font-size: 12px; font-weight: normal; margin-left: 20px; float: left; height: 34px; vertical-align: middle; line-height: 34px;
        }
    .popWrap .prdList {
        margin-top: 20px; padding-left: 10px; min-height:150px;
    }
    .popWrap .prdList li {
        height: 28px; line-height: 28px; vertical-align: middle;
    }
        
    .popWrap .prdWrap {
        text-align:center; padding: 3px; position:relative; float:left;
    }
        .popWrap .prdWrap .prdReqCnt {ime-mode:disabled;}
    .popWrap .mh260 {
        min-height:240px;
    }
        .popWrap .prdWrap ul {
            margin-top:10px;
        }
        .popWrap .prdWrap .prdReqCnt {
            width: 35px; border: solid 1px #ccc; height: 24px; padding-left: 5px;
        }
    .popWrap .mr2 {
         margin-right:2px;
    }
    .popWrap .mr12 {
         margin-right:12px;
    }
    .popWrap .mr25 {
         margin-right:25px;
    }
    .popWrap .mr42 {
         margin-right:42px;
    }
    .popWrap .mr45 {
         margin-right:45px;
    }
    .popWrap .mr300 {
        margin-right:300px;
    }
        
    .popWrap .txtFreePopCont {
        width:400px;
    }
    
.popBtnWrap {
    text-align:center; margin:30px 0 90px 0; 
}


.GlossarySrch {
    border:1px solid #dcdcdc; border-radius: 10px; padding:20px; margin-top:20px;
}
    
.GlossarySrch table tr {
    height:50px; line-height:2;
}

.NoSrch {
    width:100%; height:200px; text-align:center; padding-top:100px;
}

.GolListWrap .list {
    height:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:7px 20px;
}
.GolListWrap .list_on {
    height:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:7px 20px; color:#30b3e7;
}
.GolListWrap .contents {
    background-color:#f2f2f2; padding:10px 0px 20px 20px; display:none;
}


.PasswordChk {
    margin-top:200px;
}

    .PasswordChk .modal-title {
        color:#0c75e1; font-weight:bold;
    }
    .PasswordChk .modal-title-info {
        margin-top:10px; font-size:12px;
    }

.icoNew {
    margin-bottom: 3px;
}

.dropdown-menu > li > a {
    font-size:12px;
}
.btn-group > .btn{
    font-size:12px;
}

.note-tab {
    width:100%; height:30px;
}
.note-tab li {
    width:266px; height:30px; float:left; 
}
.note-tab li a {
    display:block; height:30px; text-decoration:none;
}
.note-tab .tab-get a {
     background:url("/Common/Images/memo/tap_receive.gif") no-repeat; background-size:267px; padding-top:6px; font-weight:bold;
}
.note-tab .tab-get a:hover, .note-tab .tab-get .active {
     background:url("/Common/Images/memo/tap_receive_on.gif") no-repeat; background-size:267px; padding-top:6px; font-weight:bold;
}
.note-tab .tab-send a {
    background:url("/Common/Images/memo/tap_send.gif") no-repeat; background-size:267px;
}
.note-tab .tab-send a:hover, .note-tab .tab-send .active {
    background:url("/Common/Images/memo/tap_send_on.gif") no-repeat; background-size:267px;
}
.note-tab .tab-storage a {
    background:url("/Common/Images/memo/tap_box.gif") no-repeat; background-size:266px;
}
.note-tab .tab-storage a:hover, .note-tab .tab-storage .active {
    background:url("/Common/Images/memo/tap_box_on.gif") no-repeat; background-size:266px;
}
.note-tab .tab-get a span {
    margin-left:180px;
}