html, body { height:100%; }

.leftNav { display:block;min-width:200px;height:100%;font-size:130%;color:#fff; }
.leftNav p, .leftNav ul li { background:#333;line-height:40px;border:1px #000 solid; }
.leftNav ul .tjMenu { background:#000;font-size:80%;line-height:30px;padding-left:10px;border:inherit; }
.leftNav p a, .leftNav ul .tjMenu a { display:block;color:#fff;width:100%; }
.leftNav .mdiv { display:none; }
.leftNav p:nth-child(2) { display:flex; }
.leftNav .search { background:#C5D3EF;width:70%;height:40px;border:1px #537ED0 solid; }
.leftNav .searchBt { display:block;font-weight:bold;width:25%;height:40px;margin-left:5%; }

.leftClick { display:none; }

.rightDiv { position:relative;width:100%;font-size:0;letter-spacing:0;word-spacing:0; }
.rightDiv .mainQuick { display:inline-block;font-size:10pt;width:50%;min-height:100px;padding:4%; }
.rightDiv .mainQuick:first-child { background:#E5E5E5;width:100%; }
.rightDiv .mainQuick:nth-child(2n):after { content:'';position:absolute;left:50%;top:197px;background:#fff;width:1px;height:930px; }
.rightDiv .mainQuick:nth-child(n+2):nth-child(-n+3) { background:#b6d5f3; }
.rightDiv .mainQuick:nth-child(n+4):nth-child(-n+5) { background:#E5E5E5; }
.rightDiv .mainQuick h2 { font-size:150%;padding-bottom:10px; }
.rightDiv .mainQuick h2 a { float:right;background:#1d4ba0;display:block;color:#fff;font-size:70%;text-align:center;padding:2% 4%;border-radius:3px; }

#cc div { display:flex;width:100%; }
#cc div a { display:block;width:30%;padding:2% 0 0 2%; }
#cc div a span { display:block;font-size:130%;font-weight:bold; }
#cc div a span:first-child { font-size:200%;padding:1% 0 1%; }

.rightDiv .mainQuick ul li { display:inline-block;font-size:130%;font-weight:bold;line-height:25px;padding:2%; }
.rightDiv .mainQuick ul li:first-child { width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.rightDiv .mainQuick ul li:last-child { float:right;text-align:right;width:30%; }

.rightTable { font-size:150%;width:100%;line-height:30px; }
.rightTable section:first-child, .rightTable section:nth-child(3) { display:flex;align-items:center;background:#fff;width:100%;line-height:50px; }
.rightTable section:first-child h1, .rightTable section:nth-child(3) h1 { font-size:170%;margin:1%; }
.rightTable section:first-child div, .rightTable section:nth-child(3) div { font-size:80%;height:35px; }

.rightTable section:nth-child(2), .rightTable section:nth-child(4) { min-width:0; }
.rightTable section:nth-child(2) table, .rightTable section:nth-child(4) table { font-size:100%;margin:0;padding:0;border:1px #333 solid;border-collapse:collapse; }
.rightTable section:nth-child(2) table thead, .rightTable section:nth-child(4) table thead { background:#333;font-size:70%;color:#fff;margin:0; }
.rightTable section:nth-child(2) table tbody, .rightTable section:nth-child(4) table tbody { font-size:80%;font-weight:bold;text-align:right;margin:0;padding:0; }
.rightTable section:nth-child(2) table th, .rightTable section:nth-child(2) table td, .rightTable section:nth-child(4) table th, .rightTable section:nth-child(4) table td { margin:0;padding:10px 10px;border:1px #333 solid; }
.rightTable section:nth-child(2) table tbody tr:hover, .rightTable section:nth-child(4) table tbody tr:hover { background:#C9C9C9; }
.rightTable section:nth-child(2) table td, .rightTable section:nth-child(4) table td { background:#fff; }
.rightTable section:nth-child(2) table td:first-child, .rightTable section:nth-child(4) table td:first-child { background:#6D6D6D;text-align:left;padding-left:10px;width:7%;min-width:170px;white-space:pre-line; }
.rightTable section:nth-child(2) table td:first-child a, .rightTable section:nth-child(4) table td:first-child a { color:#fff; }
.rightTable section:nth-child(2) table td:nth-child(7), .rightTable section:nth-child(2) table td:nth-child(10), .rightTable section:nth-child(2) table td:nth-child(11), .rightTable section:nth-child(2) table td:nth-child(19), .rightTable section:nth-child(2) table td:nth-child(20), .rightTable section:nth-child(2) table td:nth-child(21) { text-align:center; }
.rightTable section:nth-child(4) table td:nth-child(7), .rightTable section:nth-child(4) table td:nth-child(10), .rightTable section:nth-child(4) table td:nth-child(11), .rightTable section:nth-child(4) table td:nth-child(19), .rightTable section:nth-child(4) table td:nth-child(20), .rightTable section:nth-child(4) table td:nth-child(21) { text-align:center; }
.rightTable section:nth-child(2) table td:nth-child(20), .rightTable section:nth-child(4) table td:nth-child(20) { text-align:left;width:10%; }
.rightTable section:nth-child(2) table td:nth-child(20) span, .rightTable section:nth-child(4) table td:nth-child(20) span { display:inline-block;background:#AABFE8;padding:0 5px;border:1px #537ED0 solid;border-radius:5px; }

.numbering { display:flex;justify-content:center;align-items:center;width:100%;text-align:center; }
.numbering a { background:#537ED0;width:40px;line-height:40px;margin:50px 0; }
.numbering a:first-child { background:#537ED0;width:40px;line-height:40px;margin:50px 0;border-radius:5px 0 0 5px; }
.numbering a:last-child { background:#537ED0;width:40px;line-height:40px;margin:50px 0;border-radius:0 5px 5px 0; }
.numbering strong { background:#1d4ba0;width:40px;line-height:40px;margin:50px 0; }
.numbering strong:first-child { background:#1d4ba0;width:40px;line-height:40px;border-radius:5px 0 0 5px; }
.numbering strong:last-child { background:#1d4ba0;width:40px;line-height:40px;border-radius:0 5px 5px 0; }


@media screen and (max-width:460px) {
  #container { width:100%; }

  .leftNav { position:fixed;left:-100%;top:0px;width:100%;height:100vh;z-index:10;overflow-y:scroll;animation-fill-mode:forwards;animation-duration:.3s; }
  .leftNav .mdiv { background:#333;display:block;height:50px; }
  .leftAni { animation-name:menuLeftAni; }
  .rightAni { animation-name:menuRightAni; }

  .leftClick { position:fixed;right:0;top:0;background:rgba(0,0,0,.2);display:block;color:#fff;margin:1%;padding:10px 15px;z-index:11;border-radius:50%; }
  .leftClick button { background:transparent;font-weight:bold;color:#fff;border:0; }

  @keyframes menuLeftAni {
    from { left:0; }
    to { left:-100%; }
  }
  @keyframes menuRightAni {
    from { left:-100%; }
    to { left:0; }
  }

  .rightDiv .mainQuick { display:block;font-size:10pt;width:100%;min-height:100px;padding:4%; }
  .rightDiv .mainQuick:first-child { background:#E5E5E5; }
  #cc div a { width:50%; }
  #cc div a:last-child { display:none; }
  .rightDiv .mainQuick:nth-child(2n):after { display:none; }

  .rightDiv .gesipan { width:100%; }

  #ft, #wrapper, #hd { min-width:inherit; }
  #ft_wr { max-width:inherit; }
  #ft_copy { width:100%; }
}


.tW100p { width:100%; }
.tW200p { width:150%; }

.blue { color:blue; }
.red { color:red; }

.bBlue { background:blue; }
.bRed { background:red; }

.floatL { float:left; }

.fixed { position:sticky;top:0; }




/* 게시판 css */
.rightDiv .gesipan { font-size:10pt;padding:0 3% 0 3%; }
.gesipan:nth-child(6) { padding-top:4%; }