@font-face {
    font-family             : NanumGothic;
    src:local(NanumGothic),
        url("/PSetUp/Fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
        url("/PSetUp/Fonts/NanumGothic.woff") format("woff"),
        url("/PSetUp/Fonts/NanumGothic.ttf") format("truetype");
    font-style              : normal;
    font-weight             : normal;
    unicode-range           : U+0-10FFFF;
}

@font-face {
    font-family             : NanumGothicBold;
    src:local(NanumGothicBold),
        url("/PSetUp/Fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"),
        url("/PSetUp/Fonts/NanumGothicBold.woff") format("woff"),
        url("/PSetUp/Fonts/NanumGothicBold.ttf") format("truetype");
    font-style              : normal;
    font-weight             : normal;
    unicode-range           : U+0-10FFFF;
}

@font-face {
    font-family             : MalgunGothic;
    src:local(MalgunGothic),
        url("/PSetUp/Fonts/MalgunGothic.eot?#iefix") format("embedded-opentype"),
        url("/PSetUp/Fonts/MalgunGothic.woff") format("woff"),
        url("/PSetUp/Fonts/MalgunGothic.ttf") format("truetype");
    font-style              : normal;
    font-weight             : normal;
    unicode-range           : U+0-10FFFF;
}

A:link      {color: #333333; text-decoration: none; font-family:"돋움";}
A:visited   {color: #333333; text-decoration: none; font-family:"돋움";}
A:active    {color: #333333; text-decoration: none; font-family:"돋움";}
A:hover     {color: #A9305B; text-decoration: none; font-family:"돋움"; font-weight:bold; letter-spacing:-1px;}

.Paging             {color: #333333; text-align: center; font-weight: bold;}
.Paging A:link      {color: #333333; text-decoration: none; font-weight: bold;}
.Paging A:visited   {color: #333333; text-decoration: none; font-weight: bold;}
.Paging A:active    {color: #333333; text-decoration: none; font-weight: bold;}
.Paging A:hover     {color: #A9305B; text-decoration: none; font-weight: bold;}

a.rollover img                  {border-width: 0px; display: block;}
a.rollover img.rollover         {display: none;}
a.rollover:hover                {position: relative;}
a.rollover:hover img            {display: none;}
a.rollover:hover img.rollover   {display: block;}
/* <a href=# class="roll"><img class="roll" src=#_on><img src=#></a> */

/************************************************** 기본 태그 설정 *******************************************************/

*           {font-size:10pt; line-height:150%; margin:0px; padding:0px; font-family:"돋움";}
/*
    text-size-adjust (모바일에서 텍스트 크기 자동 조정제어)
    auto : 화면의 크기에 따라 크기를 자동으로 조정할 수 있게 한다.(디바이스마다 그 크기가 달라질 수 있기 때문에 되도록 사용하지 않습니다.)
    none : default 속성(기본값)으로 화면의 크기에 따라 크기를 조정하지 않음을 명시한다.
    <percentage> : 특정 퍼센트(%) 값을 줘서 크기를 조정한다. 
                   100%의 값을 줘서 모든 디바이스에서 동일한 텍스트 크기를 만들 수도 있고 퍼센트 값을 낮게줘서 디바이스별로 동일하게 작게 줄 수도 있다.

    ※ none의 경우 기본값이긴 하지만 특정 디바이스의 경우엔 해당 값이 무시되러 렌더링 되는 경우가 있기 때문에 한번 더 적용을 시킨다.
*/
html, body, * {
    -webkit-text-size-adjust: none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust    : none;  /* IE */
    -moz-text-size-adjust   : none;  /* 파이어폭스 */
    -o-text-size-adjust     : none;  /* 오페라 구버전 */

    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

ul, ol, dl  {list-style:none;}
ul li       {line-height:100%;}

body        {position:relative;}
input       {height:18px; border:1px solid #CCCCCC; margin:0px;}
select      {height:22px;}
img         {border:0px; vertical-align:middle;}
img         {image-rendering:-webkit-optimize-contrast; transform:translateZ(0); backface-visibility:hidden;}
table       {border-collapse:collapse;}
span        {display:inline-block;}
textarea    {
    border:1px solid #C9C9C9;
    overflow: auto;
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #eeeeee;
    scrollbar-highlight-color: #ccccff;
    scrollbar-3dlight-color: #eeeeee;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #eeeeee;
    scrollbar-arrow-color: cornflowerblue;
}

input[type="text"], input[type="password"], .inputbox {
    height                  : 22px;
    line-height             : 22px;
    font-family             : "돋움","굴림";
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 5px; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 5px; 
    padding                 : 0 5px; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

input[type="text"], input[type="checkbox"], input[type="radio"] {
    vertical-align          : middle;
    font-family             : "돋움","굴림";
}

input[type="radio"] { 
    display                 : inline-block; 
    border                  : none !important; 
    outline                 : 0;
    margin-right            : 3px;
}

input[type="checkbox"] { 
    display                 : inline-block; 
    border                  : none !important; 
    outline                 : 0;
    margin-right            : 3px;
}

input[type="file"] {
    height                  : 100%;
}

/* focus시 placeholder 감추기 */
input::placeholder {
    color                   : #c2c5f3;
    font-weight             : bold;
    letter-spacing          : -1px;
}

input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ 
    color:transparent; 
} 

input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color:transparent; 
} 

input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color:transparent; 
} 

input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color:transparent !important; 
}

textarea::placeholder {
    color                   : #999999;
    /* padding                 : 10px 20px; */
    position                : absolute;
    top                     : 50%;
    transform               : translate(0,-50%);
    line-height             : 150%;
    width                   : 95%;
    text-align              : center;
    /* font-style              : italic; */
}

textarea::-webkit-input-placeholder {
    color                   : #999999;
    position                : absolute;
    top                     : 50%;
    transform               : translate(0,-50%);
    line-height             : 150%;
    width                   : 95%;
    text-align              : center;
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
textarea:focus::placeholder {
    color                   : transparent;
}

/* Edge */
textarea:focus::-ms-input-placeholder{
    color                   : transparent;
}

.Ellips             {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0px;}
.RoundEdge          {width:100px; margin:5px; padding:5px; background-color:#EEEEEE; border:1px solid #999999; border-top-left-radius:10%; border-top-right-radius:10%; border-bottom-left-radius:10%; border-bottom-right-radius:10%;}
.FeCheck            {border:0px; margin:0px; vertical-align:top;}
.InputStress        {height:18px; border:2px solid #A7A7A7; margin:0px;}
.SmallButton        {height:23px; border:1px solid #108C8C; font-weight:bold; color:#333333; cursor:pointer; padding:3px 3px 3px 3px;}
.SmallButtonCancel  {height:23px; border:1px solid #D0D0D0; font-weight:bold; color:#333333; cursor:pointer; padding:3px 3px 3px 3px;}

.FloatClear::after,
.floatClear::after {
    content                 : "";
    display                 : block;
    clear                   : both;
}

#WHeader * {
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

#WHeader                                                    {width:100%;}
#WHeader    .Header1                                        {width:100%; height:50px;}
#WHeader    .Header1    .Container                          {width:1060px; height:60px; margin:15px auto;}
#WHeader    .Header1    .Container  .Logo                   {height:60px; float:left;}
#WHeader    .Header1    .Container  .TopLink                {height:18px; float:left; margin:0px 0px 0px 495px; text-align:right;}
#WHeader    .Header1    .Container  .TopLink2               {height:25px; float:right; margin:15px 0px 5px 0px; text-align:right;}

/* 메뉴를 이미지에서 텍스트로 변경              */
/* 수정일자: 2024-07-26  |  수정자명: 강명종    */
#WHeader    .Header2                                        {height:42px; background:#3E3E3E url("/Images/MainTitles/main_menuon_bg.gif"); border-top:1px solid #5B5B5B;}
#WHeader    .Header2    .Container                          {width:1060px; height:35px; margin:0px auto; position:relative; }
#WHeader    .Header2    .Container  .MainMenu               {width:14.28%; height:42px; float:left; background:url("/Images/MainTitles/main_menu_bar.png") no-repeat 0 50%;padding-left:2px;}
#WHeader    .Header2    .Container  .MainMenu:first-child   {background:none;}
#WHeader    .Header2    .Container  .MainMenu a             {display:block; text-decoration:none; padding:0px; font-size:9pt;letter-spacing:1px;}
#WHeader    .Header2    .Container  .MainMenu ul            {border:0px solid #207369;}
#WHeader    .Header2    .Container  .MainMenu li            {margin:7px 30px 0px 0px; float:left;}
#WHeader    .Header2    .Container  .MainMenu li a:link     {font-size:10pt; font-family:"돋움"; font-weight:bold; color:#DDBBBB;letter-spacing:0px;}
#WHeader    .Header2    .Container  .MainMenu li a:visited  {font-size:10pt; font-family:"돋움"; font-weight:bold; color:#DDBBBB;letter-spacing:0px;}
#WHeader    .Header2    .Container  .MainMenu li a:hover    {font-size:10pt; font-family:"돋움"; font-weight:bold; color:#FFFFFF;letter-spacing:0px;}
#WHeader    .Header2    .Container  .MainMenu li a.nowMenu  {font-size:10pt; font-family:"돋움"; font-weight:bold; color:#FFFFFF;letter-spacing:0px;}

#WHeader    .Header2    .Container  .MainMenu > a.MainRollover {
    width                   : 100%;
    height                  : 36px;
    line-height             : 36px;
    text-align              : center;
    color                   : #ffffff;
    font-family             : 'NanumGothicBold';
    font-size               : 11pt;
    font-weight             : normal;
    border                  : 0px solid #fff;
    margin-top              : 5px;
}

#WHeader    .Header2    .Container  .MainMenu > a.MainRollover.active {
    background-color        : #a9305b;
}

#WHeader    .Header2    .Container  .MainMenu:hover > a.MainRollover {
    background-color        : #a9305b;
}

#WHeader    .Header3                                        {height:35px; background:#A9305B;}
#WHeader    .Header3    .Container                          {width:1060px; height:35px; margin:0px auto;}
#WHeader    .Header4                                        {height:35px; background:#F2F3F5;}
#WHeader    .Header4    .Container                          {width:1060px; height:30px; margin:0px auto; padding-top:7px;}

#UContainer                                                 {width:100%; height:100%; min-width:1060px; min-height:820px; margin:1px 0px 0px 0px; border-top:1px solid #E2E2E2; position:relative;}
#UContainer .Container                                      {width:1060px; height:100%; min-height:820px; margin:0px auto; border:0px solid #ff0000;}
#UContainer .Container:after                                {content:""; display:block; clear:both;}
#UContainer .Container  #ASideL                             {width:198px; min-height:820px; float:left; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; padding-bottom:30px;}
#UContainer .Container  #ASideL     .LeftMenus              {min-height:100px; border-top:3px solid #A9305B; margin-top:15px;}
#UContainer .Container  #UArticle                           {width:100%; min-height:820px;}
#UContainer .Container  #UArticle:after                     {content:""; display:block; clear:both;}
#UContainer .Container  #UArticle   .section                {width:100%; max-width:1060px; margin:0 auto; font-family:"돋움"; padding-bottom:50px;}
#UContainer .Container  #UArticle   .section    .article    {width:100%;}
#UContainer .Container  #UArticle   .section    .hgroup     {width:100%;}
#UContainer #ASideR                                         {width:90px; min-height:820px; text-align:center; margin-top:10px; padding-bottom:50px; float:left; position:absolute; top:10px; left:50%; margin-left:550px;}
#UContainer #ASideR #QuickMenu                              {width:90px; position:absolute; }

#WFooter                                                    {width:100%; min-width:1060px; clear:both;}
#WFooter    .Footer1                                        {width:100%; height:210px; background:#F8F9FD;}
#WFooter    .Footer1    .Container                          {width:1060px; height:210px; margin:0px auto; text-align:center;}
#WFooter    .Footer2                                        {width:100%; height:35px; background:#666666; border-top:1px solid #717171; border-bottom:1px solid #717171;}
#WFooter    .Footer2    .Container                          {width:1060px; height:35px; margin:0px auto; text-align:center;color:white;font-weight:bold;}
#WFooter    .Footer2    .Container  span                        {line-height:35px;margin:0px 10px 0px 10px;}
#WFooter    .Footer2    .Container  span        a               {color:white;}
#WFooter    .Footer2    .Container  span        a:hover     {color:#bbb;}
#WFooter    .Footer3                                        {width:100%; height:80px;}
#WFooter    .Footer3    .Container                          {width:1060px; height:80px; margin:0px auto; text-align:center;}

.Write                                      {margin-top:0px;}
.Write .WriteTable                          {width:100%; border:1px solid #DDDDDD;}
.Write .WriteTable .WriteTr         th      {color:#333333; border-bottom:1px solid #DDDDDD; border-right:0px solid #DDDDDD; padding:6px 0px 6px 20px; text-align:left; background:#F2F3F5;}
.Write .WriteTable .WriteTr         td      {border-bottom:1px solid #DDDDDD; padding:6px 20px 6px 20px; text-align:left;}

.Write .PopWriteTable                           {width:100%; border:1px solid #DDDDDD;}
.Write .PopWriteTable .PopWriteTr           th      {color:#333333; border-bottom:1px solid #DDDDDD; border-right:0px solid #DDDDDD; padding:6px 0px 6px 10px; text-align:left; background:#F2F3F5;}
.Write .PopWriteTable .PopWriteTr           td      {border-bottom:1px solid #DDDDDD; padding:6px 20px 6px 20px; text-align:left;}

.Detail                                     {margin-top:0px;}
.Detail .DetailTable                        {width:100%; border:1px solid #DDDDDD;}
.Detail .DetailTable    .DetailTr   th      {color:#333333; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding:6px 0px 6px 20px; text-align:left; background: #F2F3F5;}
.Detail .DetailTable    .DetailTr   td      {border-bottom:1px solid #DDDDDD; padding:6px 10px 6px 10px; text-align:left;}

.PopDetail                                      {margin-top:0px;}
.PopDetail .PopDetailTable                      {width:100%; border:1px solid #C9C9C9;}
.PopDetail .PopDetailTable  .PopDetailTr    th      {color:#333333; border-bottom:1px solid #C9C9C9; border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; padding:6px 0px 6px 20px; text-align:left; background: #DADADA;}
.PopDetail .PopDetailTable  .PopDetailTr    td      {border-bottom:1px solid #C9C9C9; padding:6px 20px 6px 20px; text-align:left;}
.PopDetail .PopDetailTable  .PopDetailTr    td      table   td      {padding:0px 0px 0px 0px; border:1px solid #C9C9C9;}

.List   .ListTitle                          {width:100%; height:37px; background:url(/Images/Boards/board_bg01.jpg) repeat-x; border:1px solid #dfdfdf; border-top:0px; table-layout:fixed;}
.List   .ListTitle      th                  {color:#333333; padding:5px 0px 5px 0px; border-right:1px solid #A9305B;}
.List   .ListTitle      th:last-child       {color:#333333; padding:5px 0px 5px 0px; border-right:0px solid #A9305B;}
.List   .ListContents                       {width:100%; margin:0px 0px 0px 0px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; table-layout:fixed;}
.List   .ListContents   td                  {text-align:center; padding:5px 0px 5px 0px; border-bottom:1px solid #C9C9C9;}
.List   .ListContents   .Selected           {font-weight:bold; color:#A9305B;}

.List   .PopListTitle                           {width:100%; height:25px; background:none; border:none; border-top:0px; table-layout:fixed;overflow-h:hidden;}
.List   .PopListTitle       th                  {background:#DADADA;font-weight:normal;color:#5A5A5A;}
.List   .PopListTitle       th:last-child       {height:25px;background:#DADADA;font-weight:normal;color:#5A5A5A;}
.List   .PopListContents                        {width:100%; margin:0px 0px 0px 0px; table-layout:fixed;}
.List   .PopListContents    td                  {text-align:center; padding:5px 0px 5px 0px; height:32px; border-bottom:1px solid #DADADA;}
.List   .PopListContents    .Selected           {font-weight:bold; color:#A9305B;}

.footer {text-align:center; margin:20px 0px 0px 0px;}

.H1Title                {display:inline-block;height:32px;width:100%;height:auto; margin:30px 0px 0px 0px; padding:0px; border-bottom:3px solid #555555;}
.H1Title    img         {margin:0px 0px 8px 8px;}
.H1Title .HeaderTitle   {font-family:"NanumGothicBold";font-size:18pt;color:#333333;float:left;vertical-align:middle;padding:0 0 3px 10px;border:0px solid #000;}
.H2Title                {margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; font-weight:bold; font-family:"돋움"; color:#333333; font-size:11pt;  background:url("/Images/GContents/Member/on_30.gif") no-repeat 0px 3px;}

/* .section .hgroup .Nav2  {display:inline-block; margin-top:8px; float:right; background:url("/Images/GContents/TeacherInfo/home_icon.gif") no-repeat 0px 50%; padding:3px 0px 0px 20px;} */
.section .hgroup .Nav2  {display:inline-block; margin-top:15px; float:right; background:url(/Images/GContents/TeacherInfo/home_icon.gif) no-repeat 0px 2px; padding:0px 0px 0px 20px;}
.section .article       {clear:both;}

ul.tab li               {width:120px; font-size:9pt; float:left; line-height:100%; font-weight:bold;}
ul.tab li a             {height:25px; border:1px solid #C9C9C9; border-bottom:0px; display:block; margin:0px 2px 0px 0px; padding-top:6px; text-align:center; font-family:"돋움"; background:#F8F8F8; color:#969696; border-top-left-radius:10px;}
ul.tab li a:hover       {border:2px solid #A9305B; border-bottom:0px; text-decoration:none; font-weight:bold; color:#A9305B;}
ul.tab li a.selected    {border:2px solid #A9305B; border-bottom:0px; text-decoration:none; cursor:default; font-family:"돋움"; color:#A9305B; font-weight:bold; background:#FFFFFF;}
ul.panel                {clear:both; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
ul.panel li             {padding:10px; text-align:left; display:none;}

ul.tab2 li              {width:120px; font-size:9pt; float:left; line-height:100%; font-weight:bold;}
ul.tab2 li a            {height:25px; border:1px solid #C9C9C9; border-bottom:0px; display:block; margin:0px 2px 0px 0px; padding-top:6px; text-align:center; font-family:"돋움"; background:#F8F8F8; color:#969696;}
ul.tab2 li a:hover      {border:2px solid #A9305B; border-bottom:0px; text-decoration:none; font-weight:bold; color:#A9305B;}
ul.tab2 li a.selected   {border:2px solid #A9305B; border-bottom:0px; text-decoration:none; cursor:default; font-family:"돋움"; color:#A9305B; font-weight:bold; background:#FFFFFF;}
ul.panel2               {clear:both; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
ul.panel2 li            {padding:10px; text-align:left; display:none;}

#fLogin input[name="Member_ID"],
#fLogin input[name="Member_PWD"] {
    border                  : 1px solid #9999ff;
    vertical-align          : middle;
    height                  : 23px;
    line-height             : 23px;
}

/*
#fLogin input[name="Member_ID"]::placeholder,
#fLogin input[name="Member_PWD"]::placeholder {
    color                   : #c2c5f3;
}
*/

.BlockList  .Active                 {color:#FFFFFF; background:#606060; border:1px solid #DDDDDD;}
.BlockList  .Active     A:link      {color:#FFFFFF; text-decoration: none;}
.BlockList  .Active     A:visited   {color:#FFFFFF; text-decoration: none;}
.BlockList  .Active     A:active    {color:#A9305B; text-decoration:none;}
.BlockList  .Active     A:hover     {color:#A9305B; text-decoration:none;}
.BlockList  .NotActive              {border:1px solid #DDDDDD; background:#F8F8F8;}
.BlockList  .NotActive  A:link      {color:#969696; text-decoration: none;}
.BlockList  .NotActive  A:visited   {color:#969696; text-decoration: none;}
.BlockList  .NotActive  A:active    {color:#A9305B; text-decoration:none;}
.BlockList  .NotActive  A:hover     {color:#A9305B; text-decoration:none;}

.ExamDday  table  tr  td        {font-size:14px;padding:5px;}
.ExamDday  span                 {font-size:12px;background:white;color:#01A2CE;padding:2px 3px 2px 3px;border:2px solid #ddd;border-radius:5px;font-family:"Microsoft YaHei UI";vertical-align:middle;}
span.D-text                     {width:10px;background:url(/Images/Common/dday_03.png);background-repeat:no-repeat;color:white;margin-right:2px;line-height:25px;font-size:15px;border:0px;vertical-align:top;}

.TableSimple                {width:100%; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; margin-top:25px;}
.TableSimple th             {background:#F4F5F9; padding:15px; font-size:13pt; border-right:1px solid #CECECE; text-align:center; font-weight:normal;}
.TableSimple td             {padding:15px; font-size:12pt;}

.TableMulti                 {width:100%; border-top:1px solid #CECECE; margin-top:25px;}
.TableMulti th              {font-size:12pt; background:#F4F5F9; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE; font-weight:normal;}
.TableMulti th:last-child   {font-size:12pt; background:#F4F5F9; border-right:0px solid #CECECE; border-bottom:1px solid #CECECE; font-weight:normal;}
.TableMulti td              {text-align:center; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE; font-size:12pt; padding:15px 10px 15px 10px;}
.TableMulti td:last-child   {text-align:center; border-right:0px solid #CECECE; border-bottom:1px solid #CECECE; font-size:12pt; padding:15px 10px 15px 10px;}

.TrMove {
    background              : #fcf9df;
    cursor                  : s-resize;
}

.UI-ListContents *,
.UI-List-Contents * {
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
}

.UI-ListContents,
.UI-List-Contents {
    width               : 100%; 
    border              : 1px solid #dfdfdf; 
    border-top          : 2px solid #a3325e; 
    table-layout        : fixed;
}

.UI-ListContents thead th, 
.UI-List-Contents thead th {
    height              : 37px; 
    /* background          : url("/Images/Boards/board_bg01.jpg") repeat-x; */
    background          : linear-gradient(to bottom, #ffffff 30%, #ededed);
    color               : #333333; 
    padding             : 5px 0px 5px 0px; 
    border-right        : 1px solid #A9305B;
    border-bottom       : 1px solid #dfdfdf;
}

.UI-ListContents thead th:last-child, 
.UI-List-Contents thead th:last-child {
    color               : #333333; 
    padding             : 5px 0px 5px 0px; 
    border-right        : 0px solid #A9305B;
}

/* .UI-ListContents                        {width:100%; margin:0px 0px 0px 0px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; table-layout:fixed;} */
.UI-ListContents tbody td,
.UI-List-Contents tbody td {
    text-align          : center; 
    padding             : 5px 0px 5px 0px; 
    border-bottom       : 1px solid #C9C9C9;
}

.UI-ListContents tbody .Selected,
.UI-List-Contents tbody .Selected {
    font-weight         : bold; 
    color               : #A9305B;
}

/* 상세정보 테이블 스타일 */
.UI-Detail-Contents {
    width                   : 100%; 
    table-layout            : fixed;
    border-collapse         : collapse;
    /* border                  : 1px solid #dfdfdf;  */
    border-top              : 2px solid #2D5CA4;
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

.UI-Detail-Contents thead tr {
    background              : linear-gradient(to bottom, #fefefe, #eeeeee);
}

.UI-Detail-Contents thead th {
    color                   : #2e5ba3; 
    font-weight             : bold;
    font-size               : 11pt;
    padding                 : 8px 0px 8px 0px; 
    background              : url("/Images/Boards/board_bg_line.gif") no-repeat top right;
    border-bottom           : 1px solid #C9C9C9;
}

.UI-Detail-Contents thead th:last-child {
    background              : none;
}

.UI-Detail-Contents tbody tr {
    height                  : 100%;
}

.UI-Detail-Contents tbody th {
    color                   : #2e5ba3; 
    padding                 : 6px 0px 6px 0px; 
    background              : #f3f3f3 url("/Images/Boards/board_bg_line.gif") no-repeat top right;
    border-bottom           : 1px solid #dfdfdf;
    text-align              : center;
}

.UI-Detail-Contents tbody th > label {
    text-align              : center; 
    font-size               : 12px; 
    font-weight             : normal; 
    letter-spacing          : 0; 
}

.UI-Detail-Contents tbody td {
    min-height              : 25px; 
    border-bottom           : 1px solid #dfdfdf; 
    /* border-left             : 1px solid #dfdfdf; */
    background-color        : #ffffff;
    font-size               : 12px; 
    color                   : #444444; 
    text-align              : left; 
    vertical-align          : top; 
    padding                 : 8px 8px 8px 8px; 
}

.UI-Detail-Contents tbody td > table th,
.UI-Detail-Contents tbody td > table td {
    background : none;
}

.UI-Detail-Contents tbody td > table th,
.UI-Detail-Contents tbody td > table td {
    border                  : 1px solid #dfdfdf;
}

.UI-Detail-Contents tr:first-child th, 
.UI-Detail-Contents tr:first-child td {
    border-top-color        : #c3c5c9;
}

.UI-Detail-Contents tbody td a {
    color                   : #547eec; 
    font-size               : 12px; 
    letter-spacing          : 0;
}

.UI-Detail-Contents tbody td span,
.UI-Detail-Contents tbody td label {
    margin-left             : 0; 
    margin-right            : 5px; 
    -webkit-margin-start    : 0; 
    -webkit-margin-end      : 5px; 
    height                  : 16px; 
    line-height             : 20px; 
    line-height             : 20px\9; 
    font-size               : 12px; 
    color                   : #444444;
}

.UI-Detail-Contents td.tleft   { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : left; 
}

.UI-Detail-Contents td.tright  { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : right; 
}

.UI-Detail-Contents td.tcenter { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : center; 
}

/* 상세정보 테이블 스타일 */
.Board-Detail-Contents {
    width                   : 100%; 
    table-layout            : fixed;
    border-collapse         : collapse;
    border                  : 1px solid #dddddd;
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

.Board-Detail-Contents thead th {
    background              : #f2f3f5;
    color                   : #2e5ba3; 
    font-weight             : bold;
    font-size               : 11pt;
    padding                 : 8px 0px 8px 0px; 
    border-bottom           : 1px solid #C9C9C9;
}

.Board-Detail-Contents tbody tr {
    height                  : 100%;
}

.Board-Detail-Contents tbody th {
    background              : #f2f3f5;
    color                   : #2e5ba3; 
    padding                 : 6px 0px 6px 0px; 
    border-left             : 1px solid #dfdfdf;
    border-bottom           : 1px solid #dfdfdf;
    text-align              : center;
}

.Board-Detail-Contents tbody th > label {
    text-align              : center; 
    font-size               : 12px; 
    font-weight             : normal; 
    letter-spacing          : 0; 
}

.Board-Detail-Contents tbody td {
    min-height              : 25px; 
    border-left             : 1px solid #dfdfdf;
    border-bottom           : 1px solid #dfdfdf;
    background-color        : #ffffff;
    font-size               : 12px; 
    color                   : #444444; 
    text-align              : left; 
    vertical-align          : top; 
    padding                 : 8px 8px 8px 8px; 
}

.Board-Detail-Contents tbody td > table th,
.Board-Detail-Contents tbody td > table td {
    background : none;
}

.Board-Detail-Contents tbody td > table th,
.Board-Detail-Contents tbody td > table td {
    border                  : 1px solid #dfdfdf;
}

.Board-Detail-Contents tbody td a {
    color                   : #547eec; 
    font-size               : 12px; 
    letter-spacing          : 0;
}

.Board-Detail-Contents tbody td span,
.Board-Detail-Contents tbody td label {
    margin-left             : 0; 
    margin-right            : 5px; 
    -webkit-margin-start    : 0; 
    -webkit-margin-end      : 5px; 
    height                  : 16px; 
    line-height             : 20px; 
    line-height             : 20px\9; 
    font-size               : 12px; 
    color                   : #444444;
}

.Board-Detail-Contents td.tleft   { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : left; 
}

.Board-Detail-Contents td.tright  { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : right; 
}

.Board-Detail-Contents td.tcenter { 
    -webkit-padding-start   : 5px; 
    -webkit-padding-end     : 5px; 
    padding-left            : 5px; 
    padding-right           : 5px; 
    text-align              : center; 
}

.UI-Sort-Button-Set,
.UI-Sort-Button-Save {
    width               : 110px;
    height              : 30px;
    line-height         : 30px;
    background          : #3074ef;
    font-family         : "NanumGothicBold";
    font-size           : 10pt !important;
    font-weight         : bold;
    color               : #ffffff !important;
    text-align          : center;
    display             : inline-block;
    vertical-align      : middle;
}

.UI-Sort-Button-Save {
    background          : #ff3366;
}

.UI-Sort-Button-Set:hover,
.UI-Sort-Button-Save:hover {
    font-weight         : normal;
    letter-spacing      : 0;
}

/* 버튼 스타일 */
.UI-Button-Contents,
.UI-Button-Contents * {
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box; 
}

.UI-Button-Contents a {
    letter-spacing          : 0;
}

.UI-Button-Contents {
    display                 : block; 
    padding                 : 0; 
    margin-top              : 10px !important; 
    margin-bottom           : 10px !important; 
    text-align              : center;
}

.UI-Button-Contents *.Bold {
    font-weight             : bold;
}

.UI-Button-Contents *.Radius,
.UI-Button-Contents *.Radius3 {
    border-radius           : 3px 3px 3px 3px;
}

.UI-Button-Contents *.Radius5 {
    border-radius           : 5px 5px 5px 5px;
}

.UI-Button-Contents *.Button {
    display                 : inline;
    text-decoration         : none;
    text-align              : center;
    color                   : #555555;
    border-top              : 1px solid #cccccc;
    border-left             : 1px solid #cccccc;
    border-bottom           : 1px solid #999999;
    border-right            : 1px solid #999999;
    box-shadow              : 1px 1px #f0f0f0;
    /* background-color        : #f8f8f8; */
    background              : linear-gradient(180deg, #ffffff 0%, #f0f0f0 50%, #f0f0f0 75%, #ffffff 100%);
    cursor                  : pointer; 
    padding                 : 8px 15px;
    -webkit-margin-before   : 0; 
    -webkit-margin-end      : 0; 
    -webkit-margin-after    : 0; 
    -webkit-margin-start    : 0; 
    margin                  : 0 0; 
}

.UI-Button-Contents *.Button.White {
    border                  : 1px solid #cccccc; 
    box-shadow              : 1px 1px #f7f7f7;
    background              : #f8f8f8;
    color                   : #555555;
}

.UI-Button-Contents *.Button.IronGray {
    border-top              : 1px solid #606674;
    border-left             : 1px solid #606674;
    border-bottom           : 1px solid #3d4246;
    border-right            : 1px solid #3d4246;
    box-shadow              : 1px 1px #d8dbe0;
    background              : #606e88;
    color                   : #ffffff;
}

.UI-Button-Contents *.Button.Red {
    border-top              : 1px solid #ff9999;
    border-left             : 1px solid #ff9999;
    border-bottom           : 1px solid #cc3333;
    border-right            : 1px solid #cc3333;
    box-shadow              : 1px 1px #ffcccc;
    background              : #ff6666;
    color                   : #ffffff;
}

.UI-Lecture-OT {
    width                   : 50px;
    text-align              : center;
    color                   : #ff3300;
    border                  : 1px solid #ff3300;
    border-radius           : 0px;
    padding                 : 1px 0;
}

.UI-Lecture-Sample {
    width                   : 50px;
    text-align              : center;
    color                   : #2e5ba3;
    border                  : 1px solid #2e5ba3;
    border-radius           : 0px;
    padding                 : 1px 0;
}

/* 다이얼로그 팝업 투명 배경 */
.DialogContainer {
    position                : fixed;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    background-color        : RGB(0,0,0,0.2);
    z-index                 : 999999;
    display                 : none;
}

/* 다이얼로그 팝업 (정 중앙에 위치) */
.DialogContainer .DialogContents {
    position                : absolute;
    border                  : 1px solid #222222;
    background              : #FFFFFF;
    z-index                 : 10;
    padding                 : 40px 35px 40px 35px;
    top                     : 50%;
    left                    : 50%;
    transform               : translate(-50%, -50%);
}

.DialogContainer .DialogTitle,
.DialogContainer .DialogTitle * {
    font-size           : 14pt;
    font-family         : "NanumBarunGothic";
    font-weight         : bold;
    text-align          : center;
}

.DialogContainer .DialogTitle {
    border-bottom       : 1px solid #999999;
    margin-bottom       : 20px;
    padding-bottom      : 10px;
}

.DialogContainer .H2Title {
    border-left         : 3px solid #3074EF;
    font-size           : 14pt;
    text-align          : left;
    padding-left        : 10px;
    font-weight         : bold;
    font-family         : "NanumBarunGothic";
    background          : none;
}

.DialogContainer table,
.DialogContainer .TableMulti {
    width               : 100%; 
    border-top          : 1px solid #CECECE; 
    margin-top          : 25px;
}

.DialogContainer table th,
.DialogContainer .TableMulti th {
    font-size           : 12pt;
    background          : #F4F5F9;
    border-right        : 1px solid #CECECE;
    border-bottom       : 1px solid #CECECE;
    font-weight         : bold;
}

.DialogContainer table th:last-child,
.DialogContainer .TableMulti th:last-child {
    font-size           : 12pt;
    background          : #F4F5F9;
    border-right        : 0px solid #CECECE;
    border-bottom       : 1px solid #CECECE;
    font-weight         : bold;
}

.DialogContainer table td,
.DialogContainer .TableMulti td {
    text-align          : center;
    border-right        : 1px solid #CECECE;
    border-bottom       : 1px solid #CECECE;
    font-size           : 12pt;
    padding             : 15px 10px 15px 10px;
}

.DialogContainer table td:last-child,
.DialogContainer .TableMulti td:last-child {
    text-align          : center;
    border-right        : 0px solid #CECECE;
    border-bottom       : 1px solid #CECECE;
    font-size           : 12pt;
    padding             : 15px 10px 15px 10px;
}

/*노트북 & PC : 1024px-*/
/*@media all and (min-width:1024px){*/
/*    #UContainer                                                 {width:100%; max-width:1060px; height:100%; min-height:820px; margin:1px auto; border-top:1px solid #E2E2E2; position:relative;}*/
/*    #WHeader    .Header1                                        {width:100%; height:50px;}*/
/*    #WHeader    .Header1    .Container                          {width:100%; max-width:1060px; height:60px; margin:15px auto;}*/
/*    #WHeader    .Header1    .Container  .Logo                   {height:60px; float:left;}*/
/*    #WHeader    .Header1    .Container  .TopLink2               {height:25px; float:right; margin:15px 0px 5px 0px; text-align:right;}*/
/*    #WHeader    .Header2    .Container                          {width:100%; max-width:1060px; height:35px; margin:0px auto; position:relative; }*/
/*    #WHeader    .Header3    .Container                          {width:100%; max-width:1060px; height:35px; margin:0px auto;}*/
/*    #UContainer .Container                                      {width:100%; max-width:1060px; height:100%; min-height:820px; margin:0px auto; border:0px solid #ff0000;}*/
/*    #WFooter                                                    {width:100%; max-width:1060px; clear:both;}*/
/*    #WFooter    .Footer1    .Container                          {width:100%; max-width:1060px; height:210px; margin:0px auto; text-align:center;}*/
/*    #WFooter    .Footer2    .Container                          {width:100%; max-width:1060px; height:35px; margin:0px auto; text-align:center;color:white;font-weight:bold;}*/
/*    #WFooter    .Footer3    .Container                          {width:100%; max-width:1060px; height:80px; margin:0px auto; text-align:center;}*/
/**/
/*    #UArticle .section .hgroup .H1Title                         {border-bottom:3px solid #555555; margin:30px 0px 0px 0px;}*/
/*    #UArticle .section .hgroup .H1Title .HeaderTitle            {width:auto;float:left;}*/
/*    #UArticle .section .hgroup .H1Title .Nav2                   {display:inline-block;}*/
/*}*/

/*태블릿 가로, 세로 : 768px-1023px*/
@media all and (min-width:768px) and (max-width:1023px){
    #UContainer                                                 {width:100%; height:100%; min-width:auto; min-height:auto; margin:1px 0px 0px 0px; border-top:1px solid #E2E2E2; position:relative;}
    #WHeader    .Header1                                        {width:100%; height:50px;}
    #WHeader    .Header1    .Container                          {width:100%; height:60px; margin:15px auto;}
    #WHeader    .Header1    .Container  .Logo                   {height:60px; float:left;}
    #WHeader    .Header1    .Container  .TopLink2               {height:25px; float:right; margin:15px 0px 5px 0px; text-align:right;}
    #WHeader    .Header2    .Container                          {width:100%; height:35px; margin:0px auto; position:relative; }
    #WHeader    .Header3    .Container                          {width:100%; height:35px; margin:0px auto;}
    #UContainer .Container                                      {width:100%; height:100%; min-height:820px; margin:0px auto; border:0px solid #ff0000;}
    #WFooter                                                    {width:100%; min-width:auto; clear:both;}
    #WFooter    .Footer1    .Container                          {width:100%; height:210px; margin:0px auto; text-align:center;}
    #WFooter    .Footer2    .Container                          {width:100%; height:35px; margin:0px auto; text-align:center;color:white;font-weight:bold;}
    #WFooter    .Footer3    .Container                          {width:100%; height:80px; margin:0px auto; text-align:center;}

    #UArticle .section .hgroup .H1Title                         {border-bottom:3px solid #555555; margin:30px 0px 0px 0px;}
    #UArticle .section .hgroup .H1Title .HeaderTitle            {width:auto;float:left;}
    #UArticle .section .hgroup .H1Title .Nav2                   {display:inline-block;}
}

/*모바일 가로, 세로 : -767px*/
@media all and (max-width:767px){
    #UContainer                                                 {width:95%; height:100%; min-width:auto; min-height:auto; margin:1px auto; border-top:1px solid #E2E2E2; position:relative;}
    #WHeader    .Header1                                        {width:100%; height:auto;}
    #WHeader    .Header1    .Container                          {width:100%; height:auto; margin:0 auto;}
    #WHeader    .Header1    .Container  .Logo                   {height:auto; float:none; text-align:center;}
    #WHeader    .Header1    .Container  .TopLink2               {height:auto; float:none; margin:15px 0px 10px 0px; text-align:center;}
    #WHeader    .Header2    .Container                          {width:100%; height:35px; margin:0px auto; position:relative; }
    #WHeader    .Header3    .Container                          {width:100%; height:35px; margin:0px auto;}
    #UContainer .Container                                      {width:100%; height:100%; min-height:auto; margin:0px auto; border:0px solid #ff0000;}
    #WFooter                                                    {width:100%; min-width:auto; clear:both;}
    #WFooter    .Footer1    .Container                          {width:100%; height:210px; margin:0px auto; text-align:center;}
    #WFooter    .Footer2    .Container                          {width:100%; height:35px; margin:0px auto; text-align:center;color:white;font-weight:bold;}
    #WFooter    .Footer3    .Container                          {width:100%; height:80px; margin:0px auto; text-align:center;}

    #UArticle .section .hgroup .H1Title                         {border-bottom:none; margin:15px 0px 0px 0px;}
    #UArticle .section .hgroup .H1Title .HeaderTitle            {width:100%;float:none;text-align:center;padding:0 0;}
    #UArticle .section .hgroup .H1Title .Nav2                   {display:none;}
}