/******** Development Css ********/


/* Font */
html, body {font-family: 'Noto Sans KR', '맑은고딕', '맑은 고딕', tahoma, 'segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', meiryo; color: #555; font-size:16.5px;}

/* 본고딕 웹폰트 */
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: normal;
    src: url('/Resources/Css/NotoSansKR-Regular-Kr.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: bold;
    src: url('/Resources/Css/NotoSansKR-Bold-Kr.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 900;
    src: url('/Resources/Css/NotoSansKR-Black-Kr.woff') format('woff');
}


/******** Common ********/
html, body {margin: 0; padding: 0; letter-spacing:-0.9px;}

body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}

ol, ul, dl, li, menu, dd, dl {list-style:none; padding:0; margin:0;}

table {border-collapse:collapse; border-spacing:0;}

textarea {overflow:auto} /* IE 8/9/10/11 기본적 세로 스크롤 막대를 제거 */

input, select, textarea, button, optgroup {vertical-align:middle; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; font-family: 'Noto Sans KR';}

em, address {font-style:normal;}

a, a:link, a:visited, a:active, a:hover {text-decoration:none; color:#555; outline: none;}

p {margin:0; padding:0;}

td {border:1px solid #ccc;}

select {border:0px solid #ccc; -webkit-appearance: none; appearance:none; font-family: 'Noto Sans KR';  outline:none;}
select::-ms-expand {display:none;}

input, textarea {font-size:16.5px; outline:none;}

/******** Width All ********/

#Menu,
#MenuTop > div,
#Footer > div,
#Menu > div > ul,
.WrapMain,
.WrapSub,
.SearchBoxMain {
    width: 1080px;
    margin:0 auto;
}

#Contents_General,
#Contents_Coa {
    /*min-width:600px;*/
}

#ContentsPrint {
    /*width:754px;*/
    width:100% !important;
    /* height:100vh; */
    overflow-x:hidden;
    overflow-y:auto;
}

.Print100 {
    width:100% !important;
}



/******** Layout ID ********/

#Wrap,
#WrapMain {
    width:100%;
    min-width:600px
}

#Wrap {
    overflow-x:hidden;
    overflow-y:hidden;
}

#WrapMain {
    overflow-x:auto;
    overflow-y:hidden;
}

#Top{
   
}

#MenuTop {
    background: #e51937;
    color: #fff;
    height: 30px;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing:0px;
}


#BiBox {
        width:100%;
    min-width: 1080px;
    margin:0 auto;
    position:relative;
    /*height:114px;*/
}

#Bi {
    margin:0 auto;
    width:238px;
    padding:10px 0px 20px 0px !important;
}

     #WrapMain #Bi {
        padding:20px 0px 30px 0px !important;
    }

#Menu {
    font-size:18px;
    font-weight:normal;
}

    #Menu a {
        color:#333;
        font-weight:normal ;
    }

    #Menu a:hover {
        color:#e51937;
    }

#Contents {
    background: #ededed;
    overflow:auto;
}

#ContentsFix {
    background: #ededed;
    width:100%;
    padding-top:20px;
    padding-bottom:40px;
}

#MenuLeft,
#ContentsWide {
    overflow-x:hidden;
    overflow-y:auto;
    border-top-left-radius:1px;
    border-top-right-radius:1px;
    margin-top:0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1), 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

#MenuLeft {
    height:calc(100vh - 224px);
    width:300px;
    padding:20px 10px 20px 20px;
    margin-left:20px;
    background:url('/Resources/Images/bg_white_290px.gif'),#fff;
    background-position-x:right,left;
    background-repeat:repeat-y,repeat;
}

.MenuLeftShodow {
    background:#fafafa;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1), 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    width:calc( 100% - 40px );
    margin:0px 0px 0px 22px;
    height:6px;
    border-top-left-radius:1px;
    border-top-right-radius:1px;
}

#ContentsWide {
    width:calc(100% - 405px);
        height:calc(100vh - 219px);
    /*background:url('/Resources/Images/bg_white_290px_revers.gif'),#fff;*/
    background:#fff;
    padding:20px 20px 20px 20px;
}

#MenuLeftSub {
    width:200px;
    height:calc(100% - 40px);
    border-right:1px solid #e1e1e1;
    padding: 20px 10px 20px 20px;
}

#ContentsSub {
    border:0px solid #e51937;
    margin:40px 30px;
}

#Footer {
    height:60px;
    line-height:60px;
    font-size:12px;
    border-top:1px solid rgba(204,204,204,0.5);
    letter-spacing:0px;
}

#Footer select {
    background:url('/Resources/Images/icon_selectbox_black_r20.png'), #ededed;
    background-repeat: no-repeat, repeat;
    background-position: right 10px, center center;
    padding:5px 40px 6px 10px;
}


#BtTop {
    background:url('/Resources/Images/bt_top.png') no-repeat;
    width:35px;
    height:35px;
    cursor:pointer;
    z-index:11;
    position:fixed;
    bottom:30px;
    right:50px;
}

/******** Print ********/

@media print {
    #ContentsPrint {
        overflow:visible;
    }
}


/******** Chrome ********/

@media screen and (-webkit-min-device-pixel-ratio:0) {
     #Wrap #Bi {
        padding:10px 0px 20px 0px !important;
    }

    #WrapMain #Bi {
        padding:22px 0px 32px 0px !important;
    }

    .MainBoard > div,
    .MyScrap > li {
        padding:15px !important;
    }

    .MenuFixZone {
        line-height: 60px !important;
    }

    #Menu > div > ul > li {
        padding-top:0px !important;
    }

    .MenuFixZoneSub {
        line-height:40px !important;
    }
 
    #ContentsWide,
    #MenuLeft {
        height:calc(100vh - 219px) !important;
    }

    .BtContents li {
        margin-top: 6px !important;
    }

    #ContentsPrint {
        width:auto;
        height:auto;
    }

    .BtSingle {
        padding: 2.5px 15px !important;
    }

    .loginContents input {
        padding:10px !important;
    }

    .SearchBoxMulti > div > select {
        padding:5px 0px 5px 10px !important;
    }

    .SearchBoxSubMulti > div > input  {
        padding:5px 0px 5px 10px !important;
    }

    .EditTextadmin textarea {
        width:calc(100% - 6px) !important;
    }

    #btnCollapse,
    #btnExpand {
        top:175px !important;
    }

    ul.dynatree-container li {
        line-height:31px !important;
    }

    span.dynatree-node a {
        padding-bottom:5px !important;
    }

    .JoinSt > li > input {
        width:280px !important;
        padding: 2px 10px 2px 28px !important;
    }

    .JoinSt select {
        width:320px !important;
    }

    .ContentsText span {
        word-break: break-word;
    }

}

/* Layout Add */

#MenuLeftSub > li {
    padding:15px 10px
}

#Footer > div > div {
    display:inline-block;
}

#Footer > div > div:nth-child(2) {
    float:right;
}

#MenuTop > div {
    display:table;
}


#MenuTop > div > ul {
    overflow:auto;
    float:right;
}

#MenuTop > div > ul > li {
    float:left;
    padding-left:20px;
    padding-right:20px;
}

#MenuTop > div > ul > li:nth-child(3),
#MenuTop > div > ul > li:nth-child(5) {
   padding-top:1px;
}

#MenuTop > div > ul > li:last-child {
    background:rgba(0,0,0,0.1);
}

#MenuTop > div > ul > li > a {
    color:#fff;
}

#MenuTop > div > ul > li > a:hover {
    color:#ffcccc;
}

#Menu > div > ul {
    overflow:auto;
}

#Menu > div > ul > li {
    float:left;
    text-align:center;
    width:calc(16.5% - 1px);
}

#WrapMain #Menu > div > ul > li {
    overflow: hidden;
    box-sizing:border-box;
}

    #Menu > div > ul > li:first-child {
        width:calc(17% - 2px);
    }

#Contents > div {
    float:left;
    margin-top:20px;
    margin-bottom:0px;
}

/******** Class ********/
.WrapLogin,
.WrapError {
    width:100vw;
    height:100vh;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.WrapError {
    background: url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/login_img03.jpg');
}
/*Login*/
.WrapLogin {
    background:url('/Resources/Images/patten_bg_black30_bg50.png'),url('/Resources/Images/login_img01.jpg');
}

.loginContents {
    display:inline-block;
    background:rgba(255,255,255,0.9);
    border:1px solid rgba(255,255,255,0.6);
    padding:30px 15px 10px 15px;
}

.loginContents input {
    border:1px solid #ccc; 
    padding:7px 10px 7px 10px;
}

.loginContents li {
    padding:7px 20px;
}

.loginInputContainer > li > input {
    width:300px;
}

.JoinSt > li > input {
    width:284px;
}

.JoinSt > li > input,
.JoinSt select {
    background:url(/Resources/Images/icon_star_red.png), #fff;
    background-repeat:no-repeat, repeat;
    background-position:10px 10px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:30px;
}


.JoinSt select {
    border:1px solid #ccc; 
    color:#666;
    font-size:16.5px;
    width:326px;
}

.CalenderSt,
.CalenderSt2 {
    position:relative;
}

.CalenderSt img,
.CalenderSt2 img {
    position:absolute;
    cursor:pointer;
}

.CalenderSt img {
    top:12px;
    right:27px;
}

.CalenderSt2 img {
    top:19px;
    left:163px;
}

.PasswordEditBox > li > input {
    width:400px;
}

.btnLogin {
    width:320px;
    color:#fff;
    cursor:pointer;
    background:#e51937;
    font-weight:900;
}

.btnLogin:active {
    background:rgba(255,255,255,0.4);
}

.btnLogin:hover {
    background:#9e081e;
    color:#fff;
}

.loginComment {
    text-align:center;
}

.LoginFindpw {
    border:none !important;
    cursor:pointer;
    font-size:14px;
    background:rgba(255,255,255,0);
    color:#777;
}

.LoginFindpw:hover {
    color:#e51937;
}

/*.loginInputContainer .JoinName {
    width:230px;
}*/

/*MenuLeft*/
.leftTitle {
    padding-top:20px;
}

.MenuLeftTitle {
    padding-top:20px;
    padding-bottom:15px;
    font-size:20px;
    font-weight: bold;
    color:#e51937;
}

/*Top*/
.SearchBoxMulti {
    border:3px solid #e51937;
    display:block;
    width:350px;
    height:38px;
    position:absolute;
    right:30px;
    top:25px;
}

.mp {
    top:35px !important;
}

.SearchBoxMulti > div {
    float:left;
}

.SearchBoxMulti > div > select {
    background:url('/Resources/Images/icon_selectbox_red.png');
    background-repeat: no-repeat, repeat;
    background-position: right 16px, center center;
    padding:0px 0px 0px 10px;
    width:155px;
    height:35px;
    border:none;
    color:#333;
}

.SearchBoxSubMulti > div > input  {
    padding:5px 0px 5px 10px;
    width:120px; 
    height:26px;
    /*border:1px solid #ccc;*/ 
    border:none !important;
    font-size:16px;
}

.SearchBoxMulti:hover .SearchDetail {
    display:block !important;
}

.SearchBoxMulti li {
    list-style:none;
}

.SearchDetail {
    display:none;
    padding:15px 5px 15px 5px;
    position:absolute;
    bottom:-35px;
    right:-3px;
    z-index:11;
    font-size:12px;
    /*background:#ccc;*/
} 

.SearchDetail > li {
    float:left;
    margin-left:20px;
}

.SearchBox {
    position:relative;
    margin:0 auto;
}

.SearchBox input {
    border:3px solid #e51937; 
    padding:10px 30px 10px 10px;
    background:#fff;
}

.SearchBoxMain input {
    padding:10px 50px 10px 20px;
}

.IconSearchSub {
    width:27px;
    height:28px;
    position:absolute;
    top:5px;
    right:6px;
    background:url('/Resources/Images/icon_search_sub.png');
}

    .SearchBoxSub > div {
        position:absolute;
        top:25px;
        right:0px;
        z-index:3;
    }

.IconSearchMain {
    width:35px;
    height:36px;
    position:relative;
    float:right;
    top:-49px;
    left:-40px;
    background:url('/Resources/Images/icon_search_sub_tall.png');
}
.SearchBoxMain {
}

    .SearchBoxMain > div {
        width:750px;
        padding:80px 0px 139px 0px;
        margin:0 auto;
    }

.SearchBoxList{
    width:200px;
}

.IconSearchList {
    width:22px;
    height:22px;
    position:absolute;
    top:7px;
    left:230px;
    background:url('/Resources/Images/icon_search_sub_tiny.png');
}

.MenuFix {
    position:fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}

.MenuFixZone, 
.MenuFixZoneSub {
    z-index:10;
    position:relative;
}

.MenuFixZone {
    background: rgba(255,255,255,0.9);
    height: 60px;
    line-height: 60px;
    overflow:hidden;
}

.MenuFixZoneSub {
    background: #fff;
    height: 40px;
    line-height:38px;
    overflow:hidden;
    border-top:1px solid #ededed;
    box-shadow:5px 2px 1px 0px rgba(0, 0, 0, 0.08);
}

/*main & Sub common*/
.WrapMain,
.WrapSub {
    margin:0 auto;
    border:0px solid #e51937;
    position:relative;
    z-index:9;
}

/* main */
.WrapMain {
    overflow:hidden;
}

.WrapMain > div {
    float:left;
}

.MainSlide {
    background:url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/main_img01.jpg') no-repeat center center, repeat;
    width:100%;
    height:340px;
    position:absolute;
    top:144px;
}

.MainBoard {
    overflow:hidden;
    float:left;
    width:calc(50% - 8px);
}

.MainBoard,
.MyScrap {
    cursor:pointer;
}

.MyScrap {
    color:#fff;
    width:100%;
}

    .MyScrap > div {
        background:url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/main_myscrap.jpg') no-repeat center -60px, repeat;
        padding-top:1px;
        padding-bottom:1px;
    }

    .MainBoard > div,
    .MyScrap > li {
        padding:15px 15px 15px 15px;
    }

    .MainBoard > div:first-child,
    .MainBoard > div:first-child a,
    .MyScrap > li {
        background:#e51937;
        color:#fff;
        font-size:18px;
        font-weight:bold;
    }

    .MyScrap > div > li {
        font-size:14px;
    }

    .MainBoard > div:first-child,
    .MainBoard > div:first-child a {
        margin-top:20px;
    }

    .MainBoard > div:nth-child(n+2) {
        background:#fff;
        margin-top:15px;
        line-height:22px;
    }

    .MainBoard > div:last-child {
        margin-bottom:40px;
    }
    
    .MyScrap li,
    .MainBoard > div > li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor:pointer;
    }

    .MyScrap li a {
        color:#fff;
    }

    .MyScrap > div > li {
        background:rgba(255,255,255,0);
        border-bottom:1px dotted rgba(255,255,255,0.4);
        margin:5px 15px;
        padding:15px;
    }

    .MyScrap > div > li:last-child {
        border-bottom:none;
        padding-bottom:10px;
    }

/* Sub */
.WrapSub {
    background:#fff;
    margin-top:115px;
    min-height:600px;
    height:auto;
    padding-bottom:30px;
    overflow:hidden;
}

    .WrapSub > div {
        /*float:left;*/
    }

.SubSlide {
    background:url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/sub_img01.jpg');
    background-repeat: repeat, no-repeat;
    background-position: center center;
    width:100%;
    height:174px;
    position:absolute;
    top:144px;
}

    .img02 {
        background:url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/sub_img02.jpg') !important;
    }

    .img03 {
        background:url('/Resources/Images/patten_bg_black30.png'), url('/Resources/Images/sub_img03.jpg') !important;
    }

#ContentsSub > table {
    margin:0px 0px;
}

.BoardBasic th {
    padding:10px 20px 5px 20px;
    border-top:1px solid #e1e1e1;
    background:#f7f7f7;
    font-size:13px;
}

.BorderLine {
    position:relative;
    bottom:-1px;
    border-top: 1px solid #ccc;
}

.BoardFaq > tbody > tr > td,
.BoardBasic > tbody > tr > td {
    padding:20px 20px 20px 20px;
    border-color:#ededed;
    border-left:none;
    border-right:none;
    line-height:22px;
}

.BoardBasic > tbody > tr > td {
    text-align: center;
    font-size:16.5px;
}

.BoardBasic td:first-child {
  width:25px;
}

.MainBoard li:first-child,
.BoardBasic td:first-child,
.BoardBasic td:nth-child(n+3),
.DateSt {
      font-size:13px !important;
      color:#999 !important;
}

.DateSt {
    width:70px;
    font-weight:normal;
}

.BoardBasic td:nth-child(2) {
    text-align:left;
}

.BoardBasic td:nth-child(3) {
   width:80px;
}

.BoardBasic td:last-child {
  width:50px;
}

.BoardBasic,
.BoardFaq,
.BoardView,
.SearchResult,
.ListBasic {
    width:100%;
}

.Scrap td,
.Scrap th {
    padding:20px 10px !important;
}

.Scrap td {
    font-size:15px !important;
    color:#333 !important;
}

.Scrap td:first-child {
    width:10px !important;
}

.Scrap td:nth-child(1) {
    color:#333 !important;
}

.Scrap td:last-child {
    width:400px !important;
}

.allCheckbox,
.singleCheckbox {
    width:30px;
}

.BoardView {
    margin-bottom:10px !important;
} 

.BoardView th {
    border-top:1px solid #ccc;
    text-align :left;
    font-size:20px;
    color:#666;
}

.BoardView th,
.BoardView td {
    border-right:none;
    border-left:none;
    padding:15px 15px 15px 15px;
}

.BoardView > tbody > tr:nth-child(2) > td {
    min-height:300px;
    vertical-align:top;
    line-height:32px;
    color:#777;
}

.BoardWrite {
}

.BoardWrite > tbody > tr > td {
    padding:10px 0px;
    border:none;
    /*border:1px solid #ccc;*/
}

.BoardWrite input,
.BoardWrite textarea {
    border:1px solid #ccc;
    padding:10px;
    width:998px;
}

.BoardWrite input:hover,
.BoardWrite textarea:hover {
    border:1px solid #999;
}

.BoardPagingBox {
    margin-top:40px;
    margin-left:20px;
    margin-right:20px;
    border:0px solid #ff0000;
    text-align:center;
}

.PasswordEditTable {
    margin-bottom:10px !important;
}

.PasswordEditTable tr:last-child th {
    border-bottom:1px solid #e1e1e1 !important;
}

.PasswordEditTable th {
    width:200px !important;
    font-size:14px;
}

.PasswordEditTable td {
    width:150px !important;
    padding:15px !important;
}

.PasswordEditTable td > input {
    border:1px solid #ccc; 
    padding:1px 10px 1px 10px;
    width:600px;
}
.LangSelectEdit td {
    padding: 5px 20px 10px 20px !important;
    min-height:40px;
}


.LangSelectEdit th {
    width:30px !important;
}

.LangSelectEditLi li {
    float:left;
}

.LangSelectEditLi input {
    margin-right:5px;
}

.LangSelectEditLi label {
    margin-right:40px;
}

.ApplyDate input {
    width:150px !important;
    padding:1px 10px 1px 10px !important;
}

.ApplyDate > .BtSingle {
    margin-left:10px;
    margin-bottom:2px;
    width:auto !important;
}

.AltText {
    font-size:12px;
    margin:10px 10px;
    text-align:right;
}

.currentPagingNum,
.pagingNum
 {
    font-size:13px;
    margin:0px 15px;
}

.currentPagingNum {
    color:#e51937;
}

.pagingNum {

}

.btn_prev, 
.btn_next {
    font-family:'돋움', Dotum;
    font-size:13px;
    padding:0px 30px;
}

.BoardTopBox {
    overflow:hidden;
    position:relative;
    padding:0px 5px;
}

.BoardTopBox > div {
    float:left;
}

.TotalNumBox {
    line-height:28px;
    font-size:12px;
    color:#999;
    position:relative;
    bottom:-7px;
}

.SearchBoxList > div > input {
    width:207px;
    padding:5px 40px 5px 10px;
    border:1px solid #e51937;
}

.BorderTop {
    border-top:1px solid #ccc;
}

    .SearchResult td {
        border:1px solid #f1f1f1;
        border-top:none;
        border-left:none;
        border-right:none;
        padding:25px 15px 20px 15px;
    }

    .SearchResult td > li {
        line-height:22px;
    }

    .SearchResult td > li:first-child a,
    .SearchResult td > li:first-child {
        font-size:16.5px;
        color:#333;
    }

    .SearchResult td > li:nth-child(2) a {
        font-size:13px;
        color:#666;
    }

    .SearchResult td > li:nth-child(3) a {
        color:#666;
        font-size:15px;
    }


/* padding & margin & font */
.MgTop60 {
    margin-top: 60px;
}

.dotum {
    font-family: 돋움, Dotum;
    padding:0px 10px;
}

.deco {
    position:relative;
    margin:0 auto;
    width:48px;
    height:7px;
    background:#fe5505;
    border-radius:5px;
    top:43px;
}

.CursorP {
    cursor:pointer;
}

.WidthFix {
    width:533px;
}

.MgTopbottom10 {
    margin-top:10px !important;
    margin-bottom:10px !important;
}

.MgTopLeft5 {
    margin-top:5px;
    margin-left:5px;
}

.FR{
    float:right !important;
}

.FL{
    float:left !important;
}

.PdTopBottom10 {
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.PdTop10 {
    padding-top:10px !important;
}

.PdBottom10 {
    padding-bottom:10px !important;
}

.PdRight15 {
    padding-right:15px;
}

.PdRight30 {
    padding-right:30px;
}

.PdLeft15 {
    padding-left:15px;
}

.PdLeft30 {
    padding-left:30px;
}

.BgWhite {
    background:#fff !important;
}

.Mg0Auto {
    margin:0 auto !important;
}

.TextColore51937 {
    color:#e51937;
}

.FontWeightBold {
    font-weight:bold;
}

.TextAlignLeft,
.TextAlignLeft td {
    text-align:left !important;
}


.TextAlignCenter td,
.TextAlignCenter  {
    text-align:center !important;
}

.Margin0px {
    margin:0px !important;
}

.BottomControl {
    bottom:-22px;
    border-top: 1px solid #ccc;
}
/******** Page Type ********/

#Contents_General > div > div > div > div > p:first-child  {
    padding-top:15px;
}

/* General & COA Common */
/* Hard Coding */
/* Table */
.DocumentNoTitle td,
.DocumentNoTitle2 td,
.TableCoaType td,
.HcContentsTable td {
    border:none;
    background:none !important;
}

.DocumentNoTitle td:nth-child(2),
.DocumentNoTitle2 td:nth-child(1),
.HcContentsTable td:nth-child(2) {
    text-align:center !important;
}

.DocumentNoTitle tr:first-child > td:nth-child(2),
.HcContentsTable tr:nth-child(2) td:nth-child(2) {
    min-width:70px;
}

.DocumentNoTitle tr:first-child > td:nth-child(1),
.HcContentsTable tr:nth-child(2) td:nth-child(12) {
    width:0px;
}

.DocumentNoTitle tr:first-child > td:nth-child(2),
.DocumentNoTitle tr:first-child > td:nth-child(4),
.DocumentNoTitle2 tr:first-child > td:nth-child(1),
.DocumentNoTitle2 tr:first-child > td:nth-child(3),
.HcContentsTable  tr:nth-child(2) > td:nth-child(2n) {
    border-bottom:1px solid #ccc !important;
}

.TableBorderNone td {
    border:none;
    background:none !important;
    font-weight:normal !important;
    text-align:left;
    padding:5px 0px !important;
}

.TableBorderNone tr:first-child td {
    text-align:left !important;
}

.TableBold td {
    font-weight:bold !important;
}

.TableCoaType tr:first-child td {
    padding:10px !important;
}

.TableCoaType td:first-child {
    width:150px;
}

.TableCoaType td {
    text-align:left !important;
}

.HcSubTit {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    width:70%;
    line-height:50px;
    margin-top:5px;
    margin-bottom:20px;
    font-weight:bold;
}

.FirstTd,
.HcContentsTable  tr:nth-child(2) > td:nth-child(2n) {
    background:#f9f9f9;
    text-align:center;
    font-weight:bold;
}

.FirstTr td,
#Contents_Coa #Div2 #Title2 tr:nth-child(2) td {
    background:#f9f9f9;
    text-align:center;
    font-weight:bold;
}

.TdBorderTop {
    border-top: 1px solid rgba(0,0,0,0.2) !important;
}

.TdBorderBottom {
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

.TrBorderTop td {
    border-top: 1px solid rgba(0,0,0,0.2) !important;
}

.TrBorderBottom td {
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

.TdNowrap {
    white-space: nowrap;
}

.TableBorderAll {
    border:1px solid rgba(0,0,0,0.2) !important;
}

.TableImg {
    border:0px;
}

.TableBorderAll td,
.TableImg td,
.TdBorderAll td,
.TableBorderAllLeft td {
    font-weight:normal !important;
    background:#fff !important;
}

.TableBorderAll td {
    text-align:center !important;
}

.TableBorderAllLeft td {
    text-align:left !important;
}

.TdBorderAll td {
    border:1px solid rgba(0,0,0,0.2) !important;
    text-align:left !important;
}

.HcContentsTable {

}


.ExcelFile {
    background: url('/Resources/Images/icon_excel.png') no-repeat 10px center;
    padding-left:50px;
    line-height:50px;
    font-size:14px;
    cursor:pointer;
    color:#0000FF;
}

/* A link */
.ContentsText a {
    color:#0000FF;
    /*text-decoration:underline;*/
}

/* Title */
.depthTitle {
    font-weight:bold;
    font-size:18px;
}

td .deptSecond {
    margin-left: 0px;
}

.deptSecond {
    margin-left: 20px;
}

.deptThird {
    margin-left: 40px;
}

.deptFourth {
    margin-left: 60px;
}

.deptSecondLeaf {
    margin-left: 40px;
}

    table .deptSecondLeaf {
        margin-left: 20px;
    }

.deptThirdLeaf {
    margin-left: 60px;
}

.ContentsText {
    line-height:30px;
    padding:20px 20px;
}

.ContentsText table,
.HcSubTit {
    text-indent: 0px;
}

.HcSubTit {
    margin-left: -15px;
}

.ContentsText span > img {
}

.ContentsText > div {
    padding-bottom:60px;
}

.ContentsText > div > p {
}

.ContentsText > div > p > span {
    display: block;
    float:left;
}

.ContentsText table,
#msgText table {
    /*width: 980px;*/
    width:100%;
    margin-bottom:20px;
}

.ContentsText > p > input,
.ContentsText > input {
     margin-left: 20px;
}

.ContentsText > div > div {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-top:1px solid #999;
}

.ContentsText input {
    margin-right:8px;
}


.ContentsText tr:first-child td,
#msgText tr:first-child td {
    font-weight:bold;
    background:#f9f9f9;
    padding-top:5px;
    text-align:center;
    padding-right:10px;
    padding-left:10px;
}


.ContentsText td:first-child,
#msgText td:first-child {
    min-width:60px;
}

.ContentsText td:first-child,
#msgText td:first-child {
    min-width:50px;
}

.ContentsText tr:nth-child(n+2) td,
#msgText tr:nth-child(n+2) td {
    padding:10px 10px;
}

.ContentsText ~ div tr:nth-child(n+2) td,
#msgText tr:nth-child(n+2) td {
    text-align:left;
}

.ContentsText span {
    display: inline-block;
    word-break: keep-all;  
}


/* General */

#Contents_General .ContentsText p {
    display:block;
}

#Contents_General .ContentsText > td p {
    min-height:20px;
    display: inline-block !important;
}


#Contents_General .ContentsText > div > div > p,
#Contents_General .ContentsText > div > div > div > p {
    /*text-indent: -10px;*/
    margin-left: 15px;
}

.deptSecond,
.deptThird,
.deptFourth {
    text-indent: -10px;
}

table .deptSecond,
table .deptThird,
table .deptFourth {
    text-indent: 0px;
}


.ContentsText > div > div > p > span:nth-child(n+2) {
    text-indent: 0px;
}

.WaveBg {
    background:url('/Resources/Images/bg_pt_wave.png');
    background-repeat:repeat-x;
}

/* COA */
#Contents_Coa .depthTitle > div {
    font-weight:normal;
    font-size:16.5px;
    border-top:1px solid #999;
    display:inline-block;
    min-width:670px;
    width:calc(100% - 40px);
}

#Contents_Coa .messLayer .depthTitle table {
    margin-bottom:30px;
    min-width:670px;
}

#Contents_Coa .messLayer .depthTitle div {
    display:inline-block;
    line-height:30px;
}

#Contents_Coa td > p > span br {
    display:none;
}

#Contents_Coa .messLayer .depthTitle > div > p > span {
    padding:10px 0px 20px 0px;
    display:inline-block;
}

#Contents_Coa .ContentsText div {
    padding-left: 20px;
    padding-right:20px;
    padding-top:10px;
}

#Contents_Coa .ContentsText > div {
    padding:30px 0px 50px 0px;
}

#Contents_Coa .ContentsText > div > span > div > p,
#Contents_Coa .ContentsText > span > div > p:first-child,
#Contents_Coa .msgText p {
    padding-bottom:0px;
    min-height:10px;
}

#Contents_Coa .ContentsText > div > span > div > p {
    padding-top:0px;
    display:block;
}

#Contents_Coa .ContentsText > span > div > p:not(:first-child) {
    padding:20px 0px 10px 0px;
}

.CoaBox ul.dynatree-container {
    top:320px !important;
}

#Contents_Coa #Div1 #Title1 tr:nth-child(n+2) td:nth-child(3) {
    min-width:40px;
    text-align:center;
}

#Contents_Coa #Div3 #Title3 td:nth-child(4) {
    text-align:center;
}

.CoaFirstTr td {
    background:url('/Resources/Images/patten_bg_black15.png');
    font-weight:bold;
}

/* LayPopup */
.messLayer {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left:0;
    display:table;
    text-align:center; 
    vertical-align:middle;
    z-index:11;
}

.bgdim {
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    display:table;
    position:fixed;
}



.SearchBoard {
    position:relative;
}

.SearchOnScreenBox {
     position:fixed;
     top:210px;
     right:37px;
}

.SearchOnScreenBoxPart {
     position:absolute;
     top:0px;
     left:0px;

}

.SearchOnScreen {
     border:1px rgba(0,0,0,0.1) solid;
     padding:10px 20px 10px 20px;
     width:200px;
     background:#fafafa;
     position:fixed;
     top:245px;
     right:45px;
}

    .SearchOnScreen > input,
    .SearchBoard > input {
        padding:2px 30px 3px 4px;
        width:150px;
        border:1px solid #999;
        background: #fff;
    }

    .IconSearchOnScreen {
        width:20px;
        height:20px;
        position:absolute;
        top:16px;
        right:40px;
        background:url('/Resources/Images/icon_search_sub_tiny_black.png');
        cursor:pointer;
    }

 .BtClose {
    background:url('/Resources/Images/icon_close_black.png') no-repeat center center;
    display:inline-block;
    width:25px;
    height:25px;
    position:absolute;
    top:12px;
    right:5px;
    cursor:pointer;
 }

 .SitemapBox {
 }

     .SitemapBox > div {
         float:left;
         width:33%;
    }

     .SitemapBox > div > ul > li {
         font-size:16.5px;
         margin:15px;
         padding:10px 20px 10px 20px;
         border-bottom:1px solid #ededed;
         cursor:pointer;
     }

     .SitemapBox > div > ul > li:first-child {
         font-size:22px;
         font-weight:bold;
         background:#ededed;
     }

/******** Class Add ********/

/* MenuTop */
.MenuTopSubMenu,
.LangSelect {
    position:relative;
    z-index:100;
    padding:0px !important;
}

.MyPage {
    background:url('/Resources/Images/icon_mypage.png'), url('/Resources/Images/icon_selectbox_fill_white.png');
    background-position:left 2px, right 11px;
    background-repeat:no-repeat;
    min-width:30px;
    text-align:center;
    padding-left:30px !important;
    padding-right:25px !important;
}

.MyPage:hover {
    background:#fff;
     padding:0 20px !important;
}

.LangSelect {
    background: url('/Resources/Images/icon_selectbox_red.png'), #fff;
    background-repeat: no-repeat, repeat;
    background-position: 88px 11px, center center;
    color: #e51937;
}

.LangSelect li ul,
.MenuTopSubMenu li ul {
    display:none;
}


#MenuTop > div > ul > li > ul > li {
    border:1px solid rgba(255,255,255,0);
}

.LangSelect > ul > li {
    padding:0px 30px 0px 15px;
}
    

#MenuTop > div > ul > li > ul > li:hover {
    border:1px solid #ededed;
    margin:0px 0px;
}

.LangSelect li:hover ul,
.MenuTopSubMenu li:hover ul {
    display:block;
    background:#fff;
}

#MenuTop > div > ul > li > ul > li > ul,
.MenuTopSubMenu > ul:first-child:hover  {
    text-align:center;
    cursor: pointer;
}

#MenuTop > div > ul > li > ul > li > ul,
.MenuTopSubMenu > ul > li > ul {
    color: #666;
}

.MenuTopSubMenu > ul > li {
    padding:0px 20px;
}

.MenuTopSubMenu > ul > li:hover {
    color:#e51937;
}

.MenuTopSubMenu:hover,
.MenuTopSubMenu a:hover {
    cursor:pointer;
    background:#fff;
}

.FaqF,
.FaqQ {
    text-align:left;
}

.FaqF {
    background:url('/Resources/Images/patten_bg_black8.png');
    font-weight:bold;
}
    .FaqF a{
        color:#333;
    }

.FaqQ {
    font-size:14px;
    color:rgba(0,0,0,0.6)
}


/* Button Input Textra */
.IconSearchBlack {
    width:20px;
    height:20px;
    position:absolute;
    top:4px;
    right:5px;
    background:url('/Resources/Images/icon_search_sub_tiny_black.png');
    cursor:pointer;
}

.InputBasic {
    position:relative;
    display:inline-block;
}

.InputBasic input {
    padding:3px 30px 0px 5px;
    width:130px;
    border:1px solid #999;
    background: #fff;
    height:24px;
    font-size:14px;
}

.BtSingle,
.BtContents li {
    font-size:14px;
    color:#444;
    font-weight:bold;
}

.BtSingle,
.BtContents {
    background:url('/Resources/Images/bt_contents_bg.png') repeat-x;
}

.BtSingle {
    border: 1px solid #e1e1e1;
    cursor:pointer;
    padding:2px 15px 3px 15px;
    vertical-align:bottom;
}

.BtContents {
    height:26px;
    padding: 0px 20px;
    display:inline-block;
    border:1px solid #e1e1e1;
    float:right;
    z-index:10;
    position:relative;
}

    .BtContents li {
        float:left;
        margin-right:30px;
        margin-top:6px;
    }

    .BtContents li:last-child {
        margin-right:0px;
    }

    .BtContents li:hover {
        cursor:pointer;
    }

.messLayer dl {
    width: 1000px;
    display: inline-block;
}


.ErrorBox {
    height:calc(100vh - 60px);
    overflow:hidden;
}

.ErrorContents {
    width:500px;
    padding:35px 25px;
    background:rgba(255,255,255,0.9);
    border-radius:2px;
    display:inline-block;
    text-align:left;
}

/* LayPopup */
.messLayer dd {
    height:auto;
    overflow-y:auto;
    max-height: 700px;
    border:1px solid #999;
    padding:30px 30px 0px 30px;
    background:#fff;
    font-size:16.5px;
    font-weight:normal;
    line-height: 26px;
    text-align:left;
    margin-top:15%;
}

.messLayer dd .btn_ok a {
    display:block;
}

.messLayer dd .btn_ok {
    display:block;
    text-align:center;
    width:150px;
    height:35px;
    line-height:42px;
    color:#666;
    cursor:pointer;
    margin:0 auto;
    font-size:16.5px;
    background-color:#e2e2e2;
    font-weight:bold;
    margin-bottom:30px
}

/* HederTitle */
.HederInfo {
    font-weight:normal;
    padding-top:30px;
}

.ScrollBg {
    background:rgba(255,255,255,1);
    border:1px solid #ccc;
    padding:10px 15px;
    position:fixed;
    z-index:0;
    min-width:200px;
}

.HederInfo > table {
    width:760px;
    margin:0 auto;
}

.HederInfo > table > tr > td  {
    padding:8px 0px;
    text-align:center;
}

.HederInfoAdd {
    text-align:left;
    font-size:15px;
}

.HederTitle {
    font-size: 36px;
    text-align:center;
    padding:70px 0px 50px 0px;
    font-weight:bold;
    color:#333;
}

.HTScroll {
    font-size:15px;
    text-align:left;
    padding-top:7px;
    padding-bottom:0px;
    font-weight:bold;
    color:#333;
}

#ContentsPrint .HederInfoAdd {
    padding:10px 30px 0px 30px ;
}

/*#ContentsPrint .ContentsText table {
    min-width:600px !important;
}*/

#btnPrint {
    position:fixed; 
    top:5px; 
    right:20px;
}

#btnPrint > li {
    color:rgba(0,0,0,0.5) !important;
}

#btnPrint > li:hover {
    color:rgba(0,0,0,0.8) !important;
}

    #btnPrint:hover, 
    .BtContents:hover,
    .BtSingle:hover {
        border:1px solid rgba(0,0,0,0.4) !important;
    }

    .BtContents li:hover {
         color:#000 !important;
    }

.Attached {
    font-size:12px;
}

.Attached > li a:hover {
    color:#e51937;
}

.Attached > li {
    background:url('/Resources/Images/icon_download_tiny.png') left center;
    background-repeat:no-repeat;
    padding-left:25px;
    line-height:22px;
}

.AttachFileTable {
    width:100%;
    height:69px;
    padding-bottom:50px;
}

.AttachFileTable td {
    border:none;
}

.AttachFile {
    width:945px;
    text-align:center;
    display:inline-block;
    border: 1px solid #ccc  !important;
}

.AttachFileDiv {
    width:900px; 
    height:70px; 
    margin:5px 10px; 
    font-size:12px;
    overflow:auto;
}
    .AttachFileDiv > div {
        line-height:20px;
    }

.AttachFileTdBt {
    vertical-align:top;
}

.AttachFileBt {
    width:62px;
}

.AttachFileBt:last-child {
    padding-top:10px;
}

.EditTextadmin textarea {
    width:calc(100% - 5px);
    height:calc(100vh - 50px);
    min-height:655px;
    background:rgba(0,0,0,0.85);
    color:rgba(255,255,255,0.8);
    font-size:12px;
    font-family:Dotum;
    line-height:20px;
}

#btnCollapse,
#btnExpand {
    background:url('/Resources/Images/bg_icon_toggle.png');
    background-repeat:no-repeat;
    width:33px;
    height:43px;
    cursor:pointer;
}

#btnCollapse {
    position:absolute;
    top:175px;
    left:319px;
}

#btnCollapse img,
#btnExpand img {
    position:absolute;
    top:16px;
    left:13px;
}

#btnExpand {
    position:absolute;
    top:175px;
    left:26px;
}

#ScrapList span,
.FontSmall {
    font-size:13px;
}

@media screen and (max-width: 1079px) {
    #ContentsWide {
        overflow-x:auto;
    }
}

/* Popup */
.PopupCompanyBox {
    width:100%;
    height:100vh;
    float:left;
    overflow-y:auto;
    overflow-x:auto;
}

.PopupCompanySearchWrap {
    padding:0px 20px;
    width:calc(100% - 40px);
    position:fixed;
    background:#fff;
    border-bottom:1px solid rgba(0, 0, 0, 0.4);
    padding-bottom:12px;
}

.PopupCompanySearchWrap div {
    display:inline-block;
}


.PopupCompanySearch {
    right:20px !important;
}

.DirectInput{
    margin-left:20px;
}

.DirectInput span {
    font-size:13px;
    margin-left:2px;
    margin-right:5px;
}

.ListBox {
    margin-top:110px;
    padding:0px 20px;
    width:calc(100%  - 40px);
    height:calc(100vh - 110px);
    overflow:auto;
    z-index:10;
}

.ListBasic th {
    font-size:13px;
    padding:5px 10px;
    color:#333;
}

.CodeSt {
    text-align:left;
    padding:10px 6px !important;
    min-width:30px !important;
    display:none;
}

.ListBasic td:first-child {
    width:auto;
}

.ListBasic > tbody > tr > td {
    padding:10px;
    border-color:#ededed;
    border-left:none;
    border-right:none;
    line-height:18px;
    font-size:13px;
}

.ListBasic > tbody > tr > td:nth-child(n+3) {
}

.FontSizeAdd {
    font-size:24px !important;
}

.InputNormal  {
    padding:2px 0px 2px 10px;
    width:180px; 
    height:26px;
    border:1px solid #ccc;
    font-size:14px;
    display:none;
}

.WidthAdd {
    width:auto;
}

.Width100 {
    width:100%;
}

.BtnPopupCompany {
    position:absolute;
    top:68px;
    right:10px;
}


/* 로딩바 */

.WrapLoding {
    position:fixed;
    z-index:1000;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
    display:block;
}

    .WrapLoding > div {
        width:100vw;
        height:100vh;
        display:table-cell;
        vertical-align:middle;
        text-align:center;
    }
        .WrapLoding > div > div {
            display:inline-block;
            position:relative;
        }

         .WrapLoding > div > div > div:first-child,
         .WrapLoding img {
            position:relative;
            z-index:2;
        }

        /*.WrapLoding > div > div > div:last-child {
            background:rgba(255,255,255,0.9);
            display:inline-block;
            width:155px;
            height:155px;
            border-radius:20px;
            position:absolute;
            top:20px;
            left:120px;
            z-index:1;
        }*/


/* 팝업 */
.MainPopup {
    position:fixed;
    top:130px;
    right:150px;
    z-index:1002;
    border:1px solid #ccc;
}

    .MainPopup > div {
        background:#fff;
        width:400px;
        padding:35px 20px 10px 20px;
        box-shadow:rgba(0,0,0,0.1) 1px 1px 10px 1px;
        border-radius:3px;
        border-bottom:1px solid #ccc;
        position:relative;
    }

    .MainPopup > div > div:first-child {
        font-size:20px;
        font-weight:bold;
        border-bottom:1px solid #ccc;
        padding-bottom:10px;
    }

    .MainPopup > div > div:nth-child(2) {
        line-height:23px;
        font-size:15px;
        margin:0px 10px 0px 10px;
        padding-bottom:20px;
    }

    .MainPopup > div > div:nth-child(3) {
        font-size:20px;
        font-weight:bold;
        border-bottom:1px solid #ccc;
        padding-bottom:10px;
    }

    .MainPopup > div > div:nth-child(4) {
        line-height:23px;
        font-size:15px;
        margin:0px 10px 0px 10px;
        padding-bottom:20px;
    }


   .MainPopup > div > div:not(:last-child) {
        margin-bottom:20px;
    }

.MainPopupClose {
    position:absolute;
    bottom:0px;
    left:0px;
    width:410px;
    font-size:12px;
    margin-top:30px;
    padding:5px 15px;
    background:#efefef;
    overflow:hidden;
}

   .MainPopupClose div {
      float:left;
   }

   .MainPopupClose .FR a {
       color:#555;
   }

.Favorites {
    overflow:hidden;
}

.Favorites div {
    background:rgba(255,255,255,0.3);
    display:inline-block;
    width:394px;
    line-height:28px;
}

.noLink {
     width: 100%;
    height: 100%;
    z-index: -1;
    display:block;
    margin-right:1px;
    background:url('/Resources/Images/TopMbg.png') left top;
    /*box-shadow: 3px 0px  3px 0  rgba(0, 0, 0, 0.1);*/
     margin-top:5px;
    
}
.noLink > a {
        color: #333!important;


    }
.noLink  >  a:hover{
color:#333!important;
  opacity : 0.8;
}

.noLink::after{
    background:url('/Resources/Images/TopMbg.png') left top;
    width: 100%;
    height: 100%;
   opacity : 0.6;
    z-index: -1;
    display:block
    
}

.MenuFixZoneSub .noLink{
    margin-top:2px!important;
      opacity : 0.9;
       font-size:16px;
}