@charset "UTF-8";
@import url(./oneFont.css);    
/* 20-11-10 V0.1 */

/* common */
html {height:100%;}
body {margin:0px; height: 100%; font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif; letter-spacing:-0.05em;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
a, a:visited, a:link, a:hover { text-decoration:none; box-sizing: border-box;}
ul, li,dl,dt {margin:0px; padding:0px; list-style-type: none;}
button {background:none; border:0px; padding:0px; margin:0px; cursor:pointer; box-sizing: border-box; font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif; }
input,select {margin-top:0; border:1px solid #D7D7D7; box-sizing: border-box; vertical-align: middle; font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif; }
input {text-indent:5px;}
textarea {height:120px; width:100%; border:1px solid #D7D8D9; font-size:16px; padding:20px; box-sizing:border-box; font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
pre {margin:0;  font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif; white-space: pre-wrap;}



/*admin header*/
.oneAdminLayout {min-width:1600px;}
.oneAdminTopLayout {background-color:#3B5395; height:58px; position:relative}
.oneAdminTopLayout h1 {margin:0;  margin-left:78px; font-weight: 500;display: inline-block; line-height:56px;}
.oneAdminTopLayout h1 img {margin-right: 10px; vertical-align: middle; margin-top:-6px;}
.oneAdminTopLayout h1 span {vertical-align: middle;}
.oneAdminTopLayout h1 span.h1-point {vertical-align: middle;color:#c1d1fc}
.oneAdminTopLayout h1 a {color:#fff; font-size:17px; }
.oneAdminTopLayout > ul {position: absolute; top: 13px; width: 600px; text-align: center; left: 50%; margin-left: -300px;}
.oneAdminTopLayout > ul > li {padding:0px 10px; display: inline-block;}
.oneAdminTopLayout > ul > li a {line-height:45px; font-size:20px; color:#fff; opacity:.6;}
.oneAdminTopLayout > ul > li.on a {opacity:1; background: rgba(255,255,255,0.2); display: inline-block; border-radius: 10px 10px 0px 0px; padding: 0px 10px;}
.oneAdminTopLayout a.response {vertical-align: middle;display:inline-block; border-radius: 20px; border:1px solid rgba(255,255,255,0.28); color:#D9E3FF; padding:2px 10px; margin-left:15px;}
.oneAdminTopLayout a.response span.icon-link2 {font-size:12px;}
  .oneALTopBox {position: absolute; top:0px; left:0px; transition:all 0.3s ease;}
  .oneALTopBox button {color: #fff; font-size: 20px; width:58px; height:58px; line-height:1px; text-align:center; background:#1D3167;}
  .oneALTopBox button span { margin:4px; display: inline-block; background: white; width: 20px; height: 2px;  transition: all 0.3s ease-in;}
  .oneALTopBox button span:first-child { transform: rotate(150deg); transition: all 0.3s ease-in; }
  .oneALTopBox button span:nth-child(2) {opacity: 0; transition: all 0.5s ease-in; display: none}
  .oneALTopBox button span:last-child {transform: rotate(30deg); transition: all 0.3s ease-in;}

  .oneATopRBox {position:absolute; right:20px; top:17px;}
  .oneATopRBox .userBox {color:#fff; font-size: 16px;}
  .oneATopRBox .userBox strong {font-weight: 500;}
  .oneATopRBox .timer {margin-left:20px; font-size:14px; color:rgba(255,255,255,0.8);}
  .oneATopRBox .timer .time {color:#81EC4D; font-size: 16px; margin-left:8px;}
  .oneATopRBox .timer a {display:inline-block; padding:4px 16px; border-radius: 13px; font-size: 14px; color:#fff; background-color: #5AB227; margin-left:11px}

.oneAdminLeftLayout {position: absolute; top:58px; width:270px; left:0px; bottom:0px; background:#4B64AB; transition:all 0.3s ease; overflow: hidden; border-top:1px solid rgba(0,0,0,0.1);}

    .oneALHeadBox {padding:50px 15px 0px; height:255px; background:#571435; box-sizing: border-box; overflow: hidden; transition:all 0.6s ease;}
      .oneALHeadBuBox {background:rgba(0,0,0,0.2); border-radius:5px;}
      .oneALHeadBox h1 {margin:0px 0px 15px;}
        .oneALHeadBuT {margin:0px 10px; border-bottom:1px dashed rgba(255,255,255,0.2); font-size:13px; color:rgba(255,255,255,0.7); padding:10px 0px 5px;}
        .oneALHeadBuT strong {font-size:16px; color:#fff; font-weight: 400;} 
        .oneALHeadBuM {margin:0px 10px; border-bottom:1px dashed rgba(255,255,255,0.2); font-size:13px; color:rgba(255,255,255,0.7); padding:5px 0px;}
        	.timerSpan {vertical-align:middle; font-size:13px;}
        	.timerSpan span {vertical-align:middle; padding-right:5px;}
        	.timerSpan #timer {vertical-align:-1px;}
        	.timerSpan strong {font-size:16px; color:#fff; font-weight: 400;}        	 
        	.timerSpan input {border-radius: 5px; background: #984970; color: #fff; border: 0px; vertical-align:middle; text-indent:0px;}
        .oneALHeadBuB {margin:0px 10px; overflow:hidden;}
        .oneALHeadBuB a {font-size:13px; color:rgba(255,255,255,0.7); line-height:40px;}
        .oneALHeadBuB a span {padding-right:5px;}
        .oneALHeadBuB a:first-child {float:left;}
        .oneALHeadBuB a:last-child {float:right; padding-right:5px;}
    .oneALMenuBox {margin:0 3px 15px; height:calc(100% - 310px); box-sizing: border-box; width: 264px; transition:all 0.6s ease;}
    .oneALMenuBoxIn > ul > li {border-bottom:1px solid rgba(0,0,0,.1); position:relative; }
    .oneALMenuBoxIn > ul > li > a {display:block; margin: 0 20px 0 25px; padding:20px 0 13px 0 ;font-size:18px; color:#cad3ef; border-bottom:1px dashed rgba(255,255,255,0);  transition:all 0.3s ease;font-weight:500}
    .oneALMenuBoxIn > ul > li > a > span {position:absolute; right:30px; top:29px; font-size:12px; display:block; transition:all 0.3s ease;}
    .oneALMenuBoxIn > ul > li > a .text {display: inline-block; word-break: keep-all; line-height:20px; margin-top:4px;}
    .oneALMenuBoxIn > ul > li > a .text > span { font-size: 19px;}
    .oneALMenuBoxIn > ul > li > a .text > span.text-point{color:#fff}
    .oneALMenuBoxIn > ul > li > a > span::after {content:""; position:absolute; height:2px; width:12px; background:#fff; margin:5px 0px 0px -5px; transition:all 0.3s ease;}
    .oneALMenuBoxIn > ul > li > a > span::before {content:""; position:absolute; opacity:1; transition:all 0.3s ease; width:2px; height:12px; background:#fff;}
    .oneALMenuBoxIn > ul > li > a:hover {color:#fff}
    .oneALMenuBoxIn > ul > li > ul {display:none;}
    .oneALMenuBoxIn > ul > li > ul > li {border-top:1px dashed rgba(255,255,255,0.1); margin:0 20px 0 25px;}
    .oneALMenuBoxIn > ul > li > ul > li > a {display:block; font-size:17px; color:rgba(255,255,255,.6); position:relative; padding:12px 30px 12px 24px ; }
    .oneALMenuBoxIn > ul > li > ul > li > a:hover { color:rgba(255,255,255,1);}
    .oneALMenuBoxIn > ul > li > ul > li > a span {position:absolute; right:3px; top:19px; font-size:12px; display:block; opacity:0.6; transition:all 0.3s ease; }
    .oneALMenuBoxIn > ul > li > ul > li > ul {margin:10px 0px; display:none;}
    .oneALMenuBoxIn > ul > li > ul > li > ul > li a {display:block; font-size:13px; color:rgba(255,255,255,.5); padding:5px 0px 5px 20px;}
    .oneALMenuBoxIn i {padding-right: 5px; transition:all 0.6s ease;}
    .oneALMenuBoxIn > ul > li.on > a {opacity:1; border-bottom:1px dashed rgba(255,255,255,.1);}
    .oneALMenuBoxIn > ul > li.on > a span {opacity:1;}
    .oneALMenuBoxIn > ul > li.on > a span::before {opacity:0;}
    .oneALMenuBoxIn > ul > li.on > a span::after {opacity:1;}
    .oneALMenuBoxIn > ul > li > ul > li.on > a span {transform:rotate(0deg);}
    .oneALMenuBoxIn > ul > li > ul > li.on {color:#fff;}
    .oneALCopyBox {text-align:center; font-size:12px; color:#fff;}

.oneAdminLayout.wide .oneAdminSubLayout {margin-left:58px;}
.oneAdminLayout.wide .oneAdminLeftLayout {left:-210px;}
.oneAdminLayout.wide .oneALTopBox span {transform:rotate(0);}
.oneAdminLayout.wide .oneALHeadBox {height:0px;}
.oneAdminLayout.wide .oneALMenuBoxIn {margin: 0px 12px 20px 208px;}
.oneAdminLayout.wide .oneALMenuBoxIn i {padding: 0;}
.oneAdminLayout.wide .oneALCopyBox {display:none;}
.oneAdminLayout.wide .oneALMenuBoxIn > ul > li {width:58px; text-align: center;}
.oneAdminLayout.wide .oneALMenuBoxIn > ul > li > a {margin:0;}
.oneAdminLayout.wide .oneALMenuBoxIn > ul > li > a > span.listIcon {opacity:0;}
.oneAdminLayout.wide .oneALMenuBoxIn > ul > li > a .text {display:block}
.oneAdminLayout.wide .oneALMenuBoxIn > ul > li > a .text span {font-size: 12px;}


.allLayout .oneAdminSubLayout {margin-left:0;}
.allLayout .oneAdminTopLayout h1 {margin-left:20px;}

.oneAdminLayout.wide  .oneALTopBox button span:first-child  , .oneAdminLayout.wide  .oneALTopBox button span:nth-child(2), .oneAdminLayout.wide .oneALTopBox button span:last-child {display:inline-block; opacity:1; transform:rotate(0);}


.oneAdminSubLayout {margin-left:270px; height:calc(100% - 58px); transition:all 0.3s ease;}

  .ui-layout-pane {padding:0; border:none; width:100%;}
  .oneAdminSubLayout .leftArea {margin:20px; position:relative; }
  .oneAdminSubLayout .leftArea .titleBox .tableHeadL {font-size:17px; color:#394361; font-weight: 600;}
  .oneAdminSubLayout .leftArea .titleBox .tableHeadL span {color:#888; font-size:13px; font-weight: 400;}
  .oneAdminSubLayout .leftArea .titleBox .tableHeadR span {color:#666; vertical-align: middle; font-size:12px;}
  .oneAdminSubLayout .leftArea .titleBox .tableHeadR select {height:26px;}
  .oneAdminSubLayout .leftArea .tableWrapIn {min-width:800px; padding-bottom:15px;}
  .detailSearchLayout {position:relative; z-index: 10; margin-bottom:20px;}
    .detailSearchBox {background-color: #E4E7EF; padding:10px 10px 0 10px; border-radius: 3px; }
    .calenderBox {position: relative; }
    .calenderBox:after {clear: both; display: block; content:'';}
    .calenderMonthSelect {float:left;}
    .calenderMonth {display: inline-block; margin-right:15px; margin-bottom:10px;}
span.select-text {font-size:14px;vertical-align:middle;color:#6b748d;font-weight:500}
    .calenderBox .gap {display: inline-block; margin:0; }
    .calenderBox .front {position:relative;}
    .calenderBox .front .ui-datepicker-trigger {position:absolute; left:0;top:2px;}
    .calenderBox input[type="text"] {width:110px; font-size:13px; text-indent: 30px;}
    .calenderMonthBtnBox {display:inline-block;}
    .calenderBox select { line-height:26px; height:26px; font-size:13px; border:1px solid #D7D7D7; margin:0px 3px; padding: 0px 25px 0px 5px; min-width: 110px;
      background: url(../img/common/arrowSmall.png) no-repeat right center #fff; appearance: none; color:#333;}
    .calenderBox select::-ms-expand { display: none;}
    .detailBtnBox {display:inline-block ; float:right; margin-bottom:10px;width:calc(100% - 350px);}
	.detailBtnBox input.oneInput {vertical-align:middle;}
      .detailBtn {color:#2F55C5; position:relative; font-size:13px; display:inline-block; margin-right: 14px; margin-top:-7px; vertical-align: middle;}
      .detailBtn span {vertical-align: middle;}
      .detailBtn span.icon-down {font-size:12px;  margin-left:8px; display: inline-block; transition: all .3s ease;}
      .detailBtn:after {display: inline-block;  height:2px; background-color:#2F55C5; content:''; position:absolute; left:0; bottom:-4px; transition:all .3s ease;}
      .detailBtn.on:after {width:100%; }
      .detailBtn.on span.icon-down {transform: rotate(180deg);}
      .searchBtn {width:28px; height:28px; border-radius: 5px; color:#fff; background-color:#2F55C5; font-size:14px;vertical-align: middle;}

    .detailSelectConBox {display:none; background-color:#fff; border:1px solid #2F55C5; border-radius: 3px;box-shadow: 0 5px 10px rgba(0,0,0,0.16); position:absolute;  z-index:10;  width:100%;}
    .detailSelectConBox > ul {margin-bottom:4px; padding:10px;}
    .detailSelectConBox > ul > li > div {color:#333; font-size:13px; margin-bottom:8px; font-weight: 500;}
    .detailSelectConBox > ul > li {display:inline-block; min-width:130px; margin:0 9px}
    .detailSelectConBox > ul > li:first-child {margin-left:0;}
    .detailSelectConBox > ul > li > ul {padding:5px 11px; background-color:#F5F6F9; color:#666; border-radius: 3px; height:114px; overflow:hidden; overflow-y:auto;}
    .detailSelectConBox > ul > li > ul > li {margin-bottom:6px; font-size:13px;}
    .detailSelectConBox .listSearch {position:relative; margin:0 10px 10px}
    .detailSelectConBox .listSearch select { line-height:26px; height:26px; font-size:13px; border:1px solid #D7D7D7; margin:0px 3px; padding: 0px 25px 0px 5px; min-width: 110px;
      background: url(../img/common/arrowSmall.png) no-repeat right center #fff; appearance: none; color:#333;}
    .detailSelectConBox .listSearch select::-ms-expand { display: none;}
    .detailSelectConBox .listSearch input {width:calc(100% - 175px);}
    .detailSelectConBox .listSearch button {width:45px; height:28px; vertical-align: middle;}
    .grayline.table_small_list {border-top:none; border-bottom:2px solid #E6EBEE;}
    .grayline.table_small_list thead tr th {border-top:2px solid #E6EBEE; border-bottom:1px solid #E6EBEE; background-color:#fff;}
    .grayline.table_small_list thead tr th:first-child {border-left:none;}
    .grayline.table_small_list thead tr th:last-child {border-right:none;}
    .grayline.table_small_list tbody tr:nth-child(odd) {background-color:#fff;}
    .grayline.table_small_list tbody tr:nth-child(even) {background-color:#F5F6F9}
    .grayline.table_small_list tbody tr td {border-bottom:none;}

 
    .oneAdminSubLayout .rightArea {margin:20px; position:relative; }
    .oneAdminSubLayout .rightArea .titleBox .tableHeadL {font-size:17px; color:#394361; font-weight: 600;}
    .oneAdminSubLayout .rightArea .titleBox .tableHeadL span {color:#888; font-size:13px; font-weight: 400;}
    .oneAdminSubLayout .rightArea .titleBox .tableHeadR span {color:#666; vertical-align: middle; font-size:12px;}
    .oneAdminSubLayout .rightArea .titleBox .tableHeadR select {height:26px;}
    .oneAdminSubLayout .rightArea .tabListLayout { margin-bottom:5px; position:relative}
    .oneAdminSubLayout .rightArea .tabListLayout .arrowBtn {position:absolute; display:block; width:50px; height:57px; color:#000; line-height:60px; top:0;}
    .oneAdminSubLayout .rightArea .tabListLayout .arrowBtn.prev {text-align:left; left:0; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
    .oneAdminSubLayout .rightArea .tabListLayout .arrowBtn.prev span, .oneAdminSubLayout .rightArea .tabListLayout .arrowBtn.next span {font-size:20px; line-height:35px;}
    .oneAdminSubLayout .rightArea .tabListLayout .arrowBtn.next { text-align:right; right:0; background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);;}
    .oneAdminSubLayout .rightArea .tabList { padding-bottom:15px;}
    .oneAdminSubLayout .rightArea .tabList > ul > li { display:inline-block; margin-right:6px;}
    .oneAdminSubLayout .rightArea .tabList > ul > li a {display:block; color:#fff; transition:all .3s ease; border-radius: 20px; background-color:#B1B7C9; text-align: center; min-width: 100px; padding:5px 10px;font-size:14px}
    .oneAdminSubLayout .rightArea .tabList > ul > li.on a {background-color:#000;}
    .oneAdminSubLayout .rightArea .tabList > ul > li.onst2 a {background-color:#9fc2b8;}
    .oneAdminSubLayout .rightArea .searchBox {background:#F5F5F5; text-align:center; padding:10px 0px; margin-bottom:12px;}
    .oneAdminSubLayout .rightArea .searchBox select { line-height:28px; height:28px; font-size:13px; border:1px solid #D7D7D7; margin:0px 3px; padding: 0px 25px 0px 5px; min-width: 110px;
      background: url(../img/common/arrowSmall.png) no-repeat right center #fff; appearance: none; color:#333;}
    .oneAdminSubLayout .rightArea .searchBox select::-ms-expand { display: none;}
    .oneAdminSubLayout .rightArea .searchBuBox {width:calc(100% - 400px); display:inline-block; position:relative; text-align: left;  margin:0px 3px;}
    .oneAdminSubLayout .rightArea .searchBuBox input[type='text'] {width:calc(100% - 35px); line-height:28px; height:28px; font-size:15px; border:1px solid #D7D7D7;}
    .oneAdminSubLayout .rightArea .searchBu {position:absolute; bottom:0px; right:0px; width:30px; height:30px; border-radius: 5px; color:#fff; background-color:#2F55C5; font-size:14px; line-height:30px}
    .oneAdminSubLayout .rightArea .searchBu span {display:block; width:0px; overflow:hidden;}
    .oneAdminSubLayout .rightArea .tableHeadL {font-size:17px; color:#394361; font-weight: 600;}
    .oneAdminSubLayout .rightArea .tableHeadL span {color:#888; font-size:13px; font-weight: 400;}
    .oneAdminSubLayout .rightArea .tableHeadR span {color:#666; vertical-align: middle; font-size:12px;}
    .oneAdminSubLayout .rightArea .tableHeadR select {height:26px;}
    .oneAdminSubLayout .rightArea .tableWrapIn {min-width:900px; padding-bottom:15px;}
    .oneAdminSubLayout .bottomArea {padding:20px; position:relative; position:relative; background-color: #F8F8F8;} 
    .oneAdminSubLayout .bottomArea .titleBox {color:#394361; font-weight:500; font-size:17px; margin-bottom:20px;}
    .oneAdminSubLayout .bottomArea .attachListBox {max-width: 100%; overflow:hidden;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li { display:inline-block; margin-right:8px; margin-bottom:8px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div {border:1px solid #E6EBEE; background-color:#fff; border-radius: 5px; padding:13px 16px; position:relative; overflow:hidden;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .imgBox {width:100px; height:132px;float:left; text-align: center; border:1px solid #ddd; overflow:hidden;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .textBox {width:130px; font-size:14px; color:#666; float:left; margin-right:20px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .textBox .title {margin-bottom:10px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .textBox .title span {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .textBox .data {font-size:12px; color:#999; margin-bottom:15px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div > .textBox  button { transition:all .3s ease; border:1px solid #2F55C5; padding:5px 10px; background-color:#2F55C5; border-radius: 5px; color:#fff;}
    
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div .closebtn { color:#fff; background-color:rgba(0,0,0,0.5); width:24px; height:26px; text-align: center; border-radius: 5px; position:absolute; right:8px; top:7px; line-height:26px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div .closebtn span {display:block; margin-top:5px;}
    .oneAdminSubLayout .bottomArea .attachListBox > ul > li > div button:hover {border:1px solid #2F55C5; color:#2F55C5; background-color:#fff; }


  
/* form */
.inputLable {position: absolute; font-size: 12px; transform:scale(0); overflow:hidden; height:14px; padding:0px; line-height: 14px; color: #fff; border-radius: 3px; margin-top: -8px; vertical-align: middle; transition:all 0.3s ease;}
.inputLable.on {background: #000000; transform:scale(1); padding: 1px 3px;}
.searchBox {background:#E4E7EF; text-align:center; padding:24px 0px; margin-bottom:40px;}
.searchBox.mb40 {margin-bottom:40px;}
.searchBox select { line-height:50px; height:50px; font-size:15px; border:1px solid #D7D7D7; margin:0px 3px; padding: 0px 25px 0px 5px; min-width: 100px;
  background: url(../img/common/selectArrow.png) no-repeat right center #fff; appearance: none;}
.searchBox select::-ms-expand { display: none;}
    .searchBuBox {width:600px; display:inline-block; position:relative; text-align: left;  margin:0px 3px;}
    .searchBuBox input[type='text'] {width:calc(100% - 50px); line-height:50px; height:50px; font-size:15px; border:1px solid #D7D7D7;}
    .searchBuBox.logSearchBuBox input.logInput {width:175px; }
    .searchBuBox.logSearchBuBox .searchBu {bottom:1px;}
      .searchBu {position:absolute; bottom:0px; right:0px; background-color:#791C4A; color:#fff; vertical-align: middle; height: 50px; line-height: 50px; width: 50px; font-size:20px;}
      .searchBu span {display:block; width:0px; overflow:hidden;}
    .searchListBox {width: 720px; margin: 0 auto 10px; padding: 0px 0px 10px; text-align: left; border-bottom: 1px dashed #ccc;}
    .searchListBox.ac {text-align:center;}
    .searchListBox select {line-height: 35px; height: 35px; margin-right:20px;}
    
.oneInput {border:1px solid #D7D7D7; height:26px; box-sizing: border-box; line-height: 26px; color:#666; font-size:13px; margin:0 2px;  width:160px;}
.oneInput.small {width:50px;}
.oneInput.big {width:300px;}
input.readonly, input[readonly], input[readonly="readonly"]  {background:#eee;} 
.gap {display:inline-block; width:16px; margin-left:8px;  text-align: center;}
.ml {margin-left:8px;}
.oneSelect {border:1px solid #D7D7D7; height:38px; box-sizing: border-box; line-height: 38px; color:#666; font-size:15px; margin:2px;}

.listUl li {min-width:100px; display:inline-block;}
.checkBoxList li {display:inline-block; padding-right:16px;}

/* check box style */
input[type="checkbox"] { position: absolute; opacity: 0;}
input[type="checkbox"] + label { position: relative; cursor: pointer; padding: 0;}
input[type="checkbox"] + label:before { margin-top:1px; content: ""; margin-right: 5px; display: inline-block ;vertical-align: text-top; width: 15px; height: 15px; background: white; border:1px solid #d7d7d7;border-radius:2px;}
input[type="checkbox"]:checked + label:before { background: #000; border:1px solid #000;}
input[type="checkbox"]:disabled + label { color: #b8b8b8;cursor: auto;}
input[type="checkbox"]:disabled + label:before { box-shadow: none; background: #ddd;}
input[type="checkbox"]:checked + label:after { content: ""; position: absolute; left: 3px; top: 9px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(37deg);}

/*datepicker*/
.ui-datepicker {width:280px; padding:5px; background-color: #2B323B; border-radius: 4px; box-shadow: 0 4px 40px -8px rgb(0 0 0 / 20%);}
.ui-widget.ui-widget-content {border:0px;}
.ui-datepicker-header {height:32px; padding:3px; margin-bottom:0; background-color:#2B323B;border:none; color:#fff;}
.ui-datepicker-prev, .ui-datepicker-next {position:relative; display: inline-block; width:34px; height:34px; cursor: pointer; text-indent: 9999px; overflow:hidden; border-radius:3px;}
.ui-datepicker-prev:after, .ui-datepicker-next:after {content:""; position:absolute; display:block; margin-top:11px; width:6px; height:6px; border-left: 2px solid #C2C7D1; border-bottom:2px solid #C2C7D1; pointer-events: none;}
.ui-datepicker-prev {float:left;}
.ui-datepicker-prev:after { transform: rotate(45deg); margin-left: 11px;}
.ui-datepicker-next:after { transform: rotate(-135deg); margin-left: 13px;}
.ui-datepicker-trigger {width:26px; height:26px; line-height:26px; vertical-align: middle; margin-left:1px; border-radius: 2px; background-color:#A9B1BB; text-align: center;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;}
.ui-datepicker-month, .ui-datepicker-year { -webkit-appearance: none; border: 0; background: none; outline: none; font-size: 14px; font-weight: 600; color: white;margin: 0 1px;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {background:#444B56; border:0px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto;}
.ui-datepicker-calendar thead tr th span {color:#8D9298; display: block; width: 100%; padding: 0; color: #8D9298; font-size: 10px; font-weight: 700;text-transform: uppercase; text-align: center;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background:#2B323B; border-color:#2B323B; color:#8D9298; padding:0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#fff; border:0px;}
.ui-datepicker-calendar tbody tr td {padding-right:3px; padding-bottom:3px;}
.ui-datepicker-calendar tbody tr td:first-child {padding-left:3px;}
.ui-state-default {display:block; height:34px; text-decoration: none; line-height:34px; font-size:12px; border-radius: 3px; text-align: center;}
.ui-datepicker td span, .ui-datepicker td a {text-align: center;}
.ui-datepicker .ui-datepicker-title select {color:#fff; background-color: #2B323B;}
/* table */
.tableHead {line-height:35px; min-height:40px; position: relative;}
  .tableHeadL {position:absolute; line-height:35px; font-size:15px;}
  .tableHeadL .red {color:#FF3400;}
  .tableHeadR {line-height:35px; font-size:14px; text-align: right;}
  .tableHeadR span {margin-right:5px;}
.table_normal {width:100%; border-spacing: 0px; border-top:1px solid #333; border-bottom:1px solid #D7D7D7;}
.table_normal thead tr th {height:50px; background:#F3F3F3; font-size:15px; color:#000; font-weight: 400; position:relative;}
.table_normal thead tr th::before {content:""; position:absolute; height:20px; border-left:1px dashed #ccc; left:0px;}
.table_normal thead tr th:first-child::before {border:0px;}
.table_normal tbody tr th {background:#F3F3F3; font-weight:500; border-bottom:1px solid #D7D7D7;}
.table_normal tbody tr td {border-bottom:1px solid #D7D7D7; height:40px; text-align:left; font-size:15px; transition:all 0.6s ease; padding:5px;}
.table_normal tbody tr td img {vertical-align: -4px;}
.table_normal tbody tr td.al {text-align:left;}
.table_normal tbody tr td.ac {text-align:center;}
.table_normal tbody tr td.ar {text-align:right;}
.table_normal tbody tr td.bgW {background-color:#fff;}
.table_normal tbody tr td a {color: #333;}
.table_normal tbody tr td a:hover {color:#4B64AB;}
.table_normal tbody tr td .fileList li > a:hover  {color:#4B64AB;}
.table_normal tbody tr td .iconS {width:20px;}
.table_normal.hover tbody tr:hover td {background: #f3edf0;}
  .fileList {margin:10px 0px;}
  .fileList li { margin:6px 0px;}
  .fileList li > a {color:#666;}
  .fileList li > a > span {padding-left:8px;color:#000;}
  .fileList li > a:hover {color:#2B45C6;}
  .fileList li > a:hover span {color:#2B45C6;}

  .textVidw {text-align:left; padding:35px;}

.reWrite {position:relative; border:1px solid #D7D8D9; background:#F7F8F9; margin-bottom:50px; box-sizing:border-box; }
.reWrite textarea {resize:none; width:calc(100% - 160px); height:120px; border:1px solid #D7D8D9; font-size:16px; margin:20px; padding:20px; box-sizing:border-box; 
  font-family: 'Noto Sans Korean','돋움', Dotum, sans-serif;}
.reWrite button {position:absolute; top:20px; right:20px; width:120px; height:120px;background:#791C4A; font-size:20px; color:#fff;}

.reListBox {border-top:1px solid #000; border-bottom:1px solid #000; }
.reListBox > ul > li {border-top:1px dashed #B1B1B1; padding-top:25px;}
.reListBox > ul > li:first-child {border-top:0;}
  .reListTop {padding-bottom:25px; min-height:25px;}
    .reListTopL {float:left;}
    .reListTopL strong {font-size:16px; font-weight:400; color:#000; padding-right:10px; line-height:25px;}
    .reListTopL span {font-size:13px; color:#666; line-height:25px;}
    .reListTopR {text-align:right;}
    .reListTopR a {display:inline-block; width:24px; height:24px; line-height:24px; color:#000; font-size:12px; text-align:center; border:1px solid #D7D8D9; transition:all 0.3s ease;}
    .reListTopR a:hover {background:#666; color:#fff; border:1px solid #666;}
  .reListText {font-size:15px; color:#666; padding-bottom:25px;}
  .reListBottom {min-height:25px;}
    .reListBottomT {padding-bottom:25px;}
    .reListBottomT li {display:inline-block; padding:0px 15px;}
    .reListBottomT li::before {content:""; position:absolute; height:13px; line-height:13px; border-left:1px dashed #666; width:1px; margin:6px 0px 0px -15px;}
    .reListBottomT li:first-child {padding-left:0px;}
    .reListBottomT li:first-child::before {border:0px;}
    .reListBottomT li i {font-size:18px; color:#333; padding-right:4px;}
    .reListBottomT li span {font-size:14px; color:#666;}
    .reListBottomT li a {font-size:14px; color:#666; position: relative; display:inline-block;}
    .reListBottomT li a:hover::before {content:""; position:absolute; border-bottom:1px solid #666; left:0px; right:0px; bottom:1px;} 
    .reListBottomT .iconS {font-size:12px; padding:0px 5px; transition:all 0.3s ease; display:inline-block;}
    .reListBottomT .reShow.on .iconS {transform: rotate(180deg);} 
    .reListBottomList {background:#F9F9F9; padding:0px 25px; display:none;}
    .reListBottomList ul li {border-top:1px dashed #B1B1B1; padding-top:25px;}
    .reListBottomList ul li:first-child {border-top:0;}

    
.table_normal.line {border:1px solid #d7d7d7; border-top: 1px solid #707070; border-bottom: 0; }
.table_small.line {border:1px solid #d7d7d7; border-top: 1px solid #707070; border-bottom: 0; }

/*table size small style */ 
.table_small {width:100%; border-spacing: 0px; border-top:1px solid #333; border-bottom:1px solid #D7D7D7;}
.table_small thead tr th {height:50px; background:#F1F1F1; font-size:13px; color:#333; font-weight: 400; position:relative;}
.table_small thead tr th::before {content:""; position:absolute; height:20px; border-left:1px dashed #ccc; left:0px;}
.table_small thead tr th:first-child::before {border:0px;}
.table_small tbody tr th {background:#F1F1F1; font-size:13px; font-weight:500; border-bottom:1px solid #D7D7D7;}
.table_small tbody tr th.w100 {width:100px;}
.table_small tbody tr th.w150 {width:150px;}
.table_small tbody tr td {border-bottom:1px solid #D7D7D7; height:20px; text-align:left; font-size:13px; transition:all 0.6s ease; padding:8px;}
.table_small tbody tr td img {vertical-align: -4px;}
.table_small tbody tr td.al {text-align:left;}
.table_small tbody tr td.ac {text-align:center;}
.table_small tbody tr td.ar {text-align:right;}
.table_small tbody tr td.bgW {background-color:#fff;}
.table_small tbody tr td.w100 {width:100px;}
.table_small tbody tr td.w150 {width:150px;}
.table_small tbody tr td a {color: #333;}
.table_small tbody tr td a:hover {color:#4B64AB;}
.table_small tbody tr td .fileList li > a:hover  {color:#2B45C6;}
.table_small tbody tr td .iconS {width:20px;}
.table_small.hover tbody tr:hover td {background: #f3edf0;}

/* table list style */
.table_small_list  {width:100%; border-spacing: 0px; border-top:1px solid #D7D7D7; border-bottom:0;}
.table_small_list thead tr th {height:36px; background:#F3F3F3; font-size:13px; color:#333; font-weight: 500; position:relative; border-bottom:1px solid #D7D7D7;}
.table_small_list thead tr th::before {content:""; position:absolute; height:20px; border-left:1px dashed #D6DADC; left:0px;}
.table_small_list thead tr th:first-child::before {border:0px;}
.table_small_list thead tr th:first-child {border-left:1px solid #d7d7d7;}
.table_small_list thead tr th:last-child {border-right:1px solid #d7d7d7;}
.table_small_list tbody tr th {background:#F3F3F3; font-weight:500; border-bottom:1px solid #D7D7D7;}
.table_small_list tbody tr td {border-bottom:1px solid #D7D7D7; height:30px; text-align:left; font-size:13px; transition:all 0.6s ease; padding:5px; color:#666;}
.table_small_list tbody tr td img {vertical-align: -4px;}
.table_small_list tbody tr td.al {text-align:left;}
.table_small_list tbody tr td.ac {text-align:center;}
.table_small_list tbody tr td.ar {text-align:right;}
.table_small_list tbody tr td a {color: #333;}
.table_small_list tbody tr td a:hover {color:#4B64AB;}
.table_small_list tbody tr td .fileList li > a:hover  {color:#2B45C6;}
.table_small_list tbody tr td .iconS {width:20px;}
.table_small_list.hover tbody tr:hover td {background: #f3edf0;}

    
.pagingBox {margin:0px 0px 10px 0; text-align:center;}
.pagingBox .buBox {color:#999; font-size:14px; padding:0; border:1px solid #D7D7D7; width:23px; height:23px; line-height:23px; box-sizing: border-box;}
.pagingBox .buBox img {width:10px; vertical-align: 2px;}
.pagingBox a.arrow { width:23px; height:23px; line-height:23px; box-sizing: border-box; color:#999; font-size:14px; padding:0;}
.pagingBox a.arrow span {display:inline-block; margin-top:5px;}
.pagingBox a {padding:0px 10px; height:30px; line-height:28px; color:#666;  font-size:15px; display: inline-block;  vertical-align:middle; transition:all 0.3s ease; 
  border:1px solid rgba(0,0,0,0); box-sizing: border-box;}
.pagingBox a:hover {color:#000;}
.pagingBox strong {padding:0px 10px; height:30px; line-height:30px; color:#000; font-size:14px; display: inline-block; vertical-align:middle;}
.pagingBox strong:after {width:100%; height:2px; background-color:#000; display:block; content:''; margin-top:-5px;}

.noDataBox {background:#F5F5F5; padding:30px 0px; text-align:center; font-size:22px; color:#000;}
.noDataBox span {font-size:30px; vertical-align: -3px; padding-right:10px;}
.noDataBox strong {font-weight:400;}

/* button */
.buttonBox {margin:40px 0px; text-align:center; overflow: hidden;}
.buttonBoxM {margin:20px 0px 30px; text-align:center; overflow: hidden;}
.buttonBoxS {margin:15px 0px; text-align:center; overflow: hidden;}
  .buttonBoxL {float:left;}
  .buttonBoxR {float:right;}
.bu_l_purple {vertical-align: middle; box-sizing:border-box; background:#791C4A; color:#fff; font-size:16px; line-height:57px; 
  border-radius:4px; min-width:130px; margin:0px 3px; display: inline-block; transition:all 0.3s ease;}
.bu_l_purple:hover {background: #333;}
.bu_l_purpleLine {vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #791C4A; color:#791C4A; 
  font-size:16px; line-height:55px; border-radius:4px; min-width:130px; margin:0px 3px; display: inline-block; transition:all 0.3s ease;}
.bu_l_purpleLine:hover {background:#791C4A; color:#fff;}
.bu_l_black {vertical-align: middle; box-sizing:border-box; background:#412C36; color:#fff; font-size:16px; line-height:57px; 
  border-radius:4px; min-width:130px; margin:0px 3px; display: inline-block; transition:all 0.3s ease;}
.bu_l_black:hover {background: #333;}

.bu_l_red {vertical-align: middle; box-sizing:border-box; background:#FFEBEB; border:1px solid #F3D1D1; color:#CF6969; font-size:16px; line-height:57px; 
  border-radius:4px; min-width:130px; margin:0px 3px; display: inline-block; transition:all 0.3s ease;}
.bu_l_red:hover {background: #333;}

.bu_m_blue {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#2B45C6; color:#fff; font-size:14px; line-height:38px; 
  border-radius:2px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_blue:hover {background: #333;}
.bu_m_blueLine {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #2B45C6; color:#2B45C6; font-size:14px; 
  line-height:36px; border-radius:2px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_blueLine:hover {background:#2B45C6; color:#fff;}
.bu_m_purple {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#791C4A; color:#fff; font-size:14px; line-height:38px; 
  border-radius:2px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_purple:hover {background: #333;}

.bu_m_purpleLine {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #791C4A; color:#791C4A; font-size:14px; 
  line-height:36px; border-radius:4px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_purpleLine:hover {background:#791C4A; color:#fff;}

.bu_m_red {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#FFEBEB; border:1px solid #F3D1D1; color:#CF6969; font-size:14px; line-height:38px; 
  border-radius:2px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_red:hover {background: #CF6969; color:#FFEBEB;}

.bu_m_redLine {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid#FF0000; color:#FF0000; font-size:14px; 
  line-height:36px; border-radius:4px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_redLine:hover {background:#FF0000; color:#fff;}

.bu_m_black {min-width:100px; vertical-align: middle; box-sizing:border-box; background:#412C36; color:#fff; font-size:14px; line-height:38px; 
  border-radius:2px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease;}
.bu_m_black:hover {background: #333;}

.bu_m_disable {border:1px solid #E1E1E1; background-color:#F2F2F2; color:#666; min-width:100px; vertical-align: middle; box-sizing:border-box; font-size:14px; line-height:38px; border-radius:4px; margin:0px 3px; padding:0px 5px; display: inline-block; transition:all 0.3s ease; cursor: default;}





.bu_s_blue {vertical-align: middle; box-sizing:border-box; background:#2B45C6; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_blue:hover {background: #333;}
.bu_s_blueLine {vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #2B45C6; color:#2B45C6; font-size:13px; 
  line-height:18px; border-radius:2px; margin:0px 3px;   padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_blueLine:hover {background:#2B45C6; color:#fff;}

.bu_s_purple {vertical-align: middle; box-sizing:border-box; background:#791C4A; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;   padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_purple:hover {background: #333;}
.bu_s_purpleLine {vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #791C4A; color:#791C4A; font-size:13px; 
  line-height:18px; border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_purpleLine:hover {background:#791C4A; color:#fff;}

.bu_s_green {vertical-align: middle; box-sizing:border-box; background:#2E9CAE; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;   padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_green:hover {background: #333;}

.bu_s_greenLine {vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid#00883F; color:#00883F; font-size:13px; 
  line-height:18px; border-radius:2px; margin:0px 3px; padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_greenLine:hover {background:#00883F; color:#fff;}

.bu_s_red {vertical-align: middle; box-sizing:border-box; background:#FFEBEB; border:1px solid #F3D1D1; color:#CF6969;  font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_red:hover {background: #CF6969; color:#FFEBEB;}

.bu_s_redLine {vertical-align: middle; box-sizing:border-box; background:#fff; border:1px solid #FF0000; color:#FF0000; font-size:13px; 
  line-height:32px; border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease; line-height:18px;}
.bu_s_redLine:hover {background:#FF0000; color:#fff;}

.bu_s_black {vertical-align: middle; box-sizing:border-box; background:#412C36; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px; padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_black:hover {background: #333;}

.bu_s_gray {vertical-align: middle; box-sizing:border-box;border:1px solid #D7D7D7;  background:#F1F1F1; color:#888; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_gray:hover {background: #888; color:#F1F1F1;}

.bu_s_deepGray {vertical-align: middle; box-sizing:border-box;border:1px solid #fff;  background:#949EA4; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px; padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_deepGray:hover {border:1px solid #949EA4; color:#949EA4; background-color:#fff; }


.bu_s_navy {vertical-align: middle; box-sizing:border-box;border:1px solid #005680;  background:#005680; color:#fff; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px;  padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_navy:hover {border:1px solid #005680; color:#005680; background-color:transparent; }

.bu_s_navyLine {vertical-align: middle; box-sizing:border-box; border:1px solid #005680;  background:transparent; color:#005680; font-size:13px; line-height:18px; 
  border-radius:2px; margin:0px 3px; padding:4px 8px; display: inline-block; transition:all 0.3s ease;}
.bu_s_navyLine:hover {border:1px solid #005680; color:#fff; background-color:#005680; }

.bu_s_disable {border:1px solid #E1E1E1; background-color:#F2F2F2; color:#666;  vertical-align: middle; box-sizing:border-box; font-size:14px; line-height:18px; border-radius:2px; margin:0px 3px; padding:4px 8px; display: inline-block; transition:all 0.3s ease; cursor: default;}


[class^="bu_l_"].wide, [class*=" bu_l_"].wide {min-width:190px;}
[class^="bu_m_"].wide, [class*=" bu_m_"].wide {min-width:100px;}
[class^="bu_s_"].wide, [class*=" bu_s_"].wide {min-width:70px;}
.w100 {width:100%;}


/* box */
.oneBox {border-radius:5px; border:1px solid #D7D8D9; box-shadow:0px 15px 25px rgba(0,0,0,0.1); overflow:hidden;}
  .oneBoxContent {margin:50px 0px;}
    .oneBoxCDan > li {display:inline-block; width:49%; box-sizing:border-box; padding:0px 120px;}
    .oneBoxCDan > li:first-child {border-right:1px solid #D7D8D9;}
    .oneBoxCDan h3 {font-size:24px; color:#000; text-align:center; font-weight:400;}
    .oneBoxCDan input {border:1px solid #D7D7D7; width:100%; line-height:50px; height:50px; font-size:15px; margin-bottom:8px;}
    .oneBoxCDan button {background:#791C4A; height:55px; width:100%; color:#fff; font-size:16px; margin-top:12px; border-radius:4px;}
  .oneBoxBottom {min-height:80px; background:#F7F8F9;}
      .oneBoxBCenter {line-height:80px; text-align:center;}

/* tabBox */
.tabBox {display:table; width:100%; border-spacing:1px; margin-bottom:15px;}
.tabBox ul {display:table-row; width:100%;}
.tabBox li {display:table-cell; box-sizing: border-box; background:#E5E6E7;
 font-size:15px; color:#666; text-align:center; height:36px; vertical-align:middle;}
.tabBox li.on {background:#2F55C5; color:#fff;}
.tabBox li.on a {color:#fff;}
.tabBox li a { display:inline-block; color:#666;}

.tabBox.multi {display:block; width:100%; border-spacing:1px; margin-bottom:40px; background: #f5f5f5; padding:20px; box-sizing: border-box;}
.tabBox.multi ul {display:block;}
.tabBox.multi li {display:inline-block; box-sizing: border-box; background:#9c9fa3; margin:3px 2px; border-radius:3px;
 font-size:18px; color:#666; text-align:center; height:50px; vertical-align:middle;}
.tabBox.multi li.on {background:#791C4A; color:#fff;}
.tabBox.multi li.on a {color:#fff;}
.tabBox.multi li a {display: flex; justify-content: center; align-items: center;  min-width:auto; height:50px; color:#fff; font-size:16px; padding:0px 10px; vertical-align:middle;}
.tabBox.multi ul.list2 li {width:calc(50% - 6px);}
.tabBox.multi ul.list3 li {width:calc(33.3% - 6px);}
.tabBox.multi ul.list4 li {width:calc(25% - 7px);}
.tabBox.multi ul.list5 li {width:calc(20% - 7px);}
.tabBox.multi ul.list6 li {width:calc(16.6% - 6px);}
.tabBox.multi ul.list7 li {width:calc(14.2% - 6px);}
.tabBox.multi ul.list8 li {width:calc(12.5% - 7px);}
.tabBox.multi ul.list9 li {width:calc(11.1% - 7px);}
.tabBox.multi ul.list10 li {width:calc(10% - 7px);}


.tabBox.round {position: relative;}
.tabBox.round ul {display:block; width:720px; }
.tabBox.round li {display:block; float:left; min-width:100px; line-height:36px;}
.tabBox.round li:last-child {border-top-right-radius: 10px;}
.tabBox.round li.on {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.tabBox.round .btnBox {position:absolute; right:0; top:0;}
.tabBox.round .btnBox button span {margin-right:4px;}


.lineTabBox {display:block; box-sizing: border-box; border-bottom:2px solid #D7D7D7; margin-bottom:20px;}
.lineTabBox ul li {display:inline-block; margin-right:20px;}
.lineTabBox ul li a {display:block; color:#888; position:relative; padding-bottom:5px;}
.lineTabBox ul li a:after {display:block;  content:''; width:0; height:2px; background-color:#000;position: absolute; bottom:0; transition: all .3s ease;}
.lineTabBox ul li.on a {color:#000;}
.lineTabBox ul li.on a:after {display:block; width:100%;}



/* qna table */
.qnaList > dl > dt {background:#F7F8F9; border-top:1px solid #D7D7D7; height:55px; line-height:55px; font-size:16px; position:relative;}
.qnaList > dl > dt label {position:absolute; top:0px; text-indent:15px; }
.qnaList > dl > dt a {display:block; text-align:left; padding:0px 15px; color: #333333; }
.qnaList > dl > dt a span {transition:all 0.3s ease; display:inline-block; position:absolute; right:15px; top:15px}
.qnaList > dl > dt.on span {transform:rotate(180deg);}
.qnaList > dl > dd {background:#fff; overflow-y:auto; font-size:15px; color:#666; padding:15px; box-sizing: border-box; margin:0px; display:none;}
.qnaList  .type2 dt a {line-height:40px; margin-top:15px;}
.qnaList  .type2 dt .qnaSubName {position:absolute; left:15px; font-size:12px; line-height: 100%; top:10px; color: #999; font-weight:400; }


/* text */
.oneT1 {margin:0px 0px 40px; font-size:30px; color:#000; font-weight: 500;}
.oneT2 {margin:0px 0px 20px; font-size:24px; color:#000; font-weight: 500;}

.text_red {color:#cf0000}
.text_guide {font-size:14px; color:#666;}

/*layerpopup*/
.layerpopup {position: fixed; z-index: 1000; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.7); transform: scale(0); opacity: 0; transition: opacity 0.6s ease;}
.layerpopup.on {transform: scale(1); opacity: 1;}
  .layerScroll {height:100%;}
    .layerpopupIn {border-radius: 15px; overflow:hidden; margin:5% auto;}
      .layerpopupHead {border-top-left-radius:15px; border-top-right-radius: 15px;; padding:28px 25px 18px; background-color:#791C4A; font-size:24px; color:#fff; position:relative;}
      .layerpopupHead a {position:absolute; right:25px; top: 28px;}
        .LayerPopupSubText {font-size:13px;}
      .layerpopupCon {border:1px solid #D7D7D7; padding:24px; background-color:#fff;}
      .layerpopupCon .txtBox {border:1px solid #d7d7d7;padding:10px;color:#666;  margin-bottom:20px;}
      .layerpopupCon .txtBox .txtbyte {color:#888;}
      .layerpopupCon .txtBox .txtbyte .txt span {color:#333;}

    .sizeS .layerpopupIn{width:300px;}
    .sizeM .layerpopupIn{width:800px;}
    .sizeL .layerpopupIn{width:100%;}

/* line tab content */
.lineTabCon {margin-bottom:35px;}
.lineTabCon .tableTitle {color:#204061; position: relative; font-size:14px; margin-bottom:8px; padding-left:8px; font-weight:500;} 
.lineTabCon .tableTitle:before {width:2px; height:2px; background-color:#204061; border-radius:50%; display:block; content:''; position:absolute; left:0; top:9px;}
.lineTabCon table {margin-bottom:20px;}
.lineTabCon {display:none;}
.lineTabCon.on {display: block;}

/*scroll bar */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {background-color:#BBB}



/* 추가 */
table.part-table {border:1px solid #9dacd0;font-size:14px;width:100%; border-spacing: 0px;}
table.part-table th.tit {background:#bbccf2;color:#172f71;font-size:15px;font-weight:500}
table.part-table th {background:#e5e9f7;padding:4px 0;border-right:1px solid #cbd1e0;color:#39496e;font-weight:500;border-bottom:1px solid #cbd1e0;}
table.part-table th:last-child {border-right:none}
table.part-table td {background:#fff;text-align:center;padding:3px 0;border-right:1px dotted #e4e6ed;font-size:12px}
table.part-table td:last-child {border-right:none}
.purple {color:#2d53ac}


.calenderMonthBtnBox button {margin:1px 0}