@charset "utf-8";
@import url("/fontawesome/css/fontawesome.min.css");
@import url("/magnific/dist/magnific-popup.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body {
  margin:0;
  padding:0;
  height:100%;
  position: relative;
  font-family:'Noto Sans KR',Tahoma,sans-serif;
  font-weight:400;
  font-size: 13px;
  color:#4c4c4c;
  background: #fafafa;
  letter-spacing:-0.5px
}
body{overflow-y:scroll;}
/* global */
.blind{overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;text-indent:-9999em;}/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
*{-webkit-text-size-adjust:none;} /* 모바일 텍스트 자동 조절 방지*/
a{color:#4c4c4c;}
a:hover,a:active,a:focus{text-decoration: none;}
.f-l{float: left;}
.f-r{float: right;clear: both;}
/* color */
.primary_color {color:#0F9944;} /* 메인컬러 */
.secondary_color {color:#e0903b;} /* 서브컬러 */
/* title size */
hr{
  border: 0;
   height: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* form 기본 */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="color"],
textarea {
  font-family:'Noto Sans KR',Tahoma,sans-serif;
  font-size: inherit;
  color:#4c4c4c;
  padding: .5em;
  border: 1px solid #e5e5e5;
  border-radius:0px 0px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
  border-radius: 0px;
}
input[type=file] {padding:0; margin:0; height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select {
  width: 300px;
  padding: .4em .5em;
  font-family: inherit;
  font-size: inherit;
  color:#4c4c4c;
  border: 1px solid #e5e5e5;
  border-radius:0px;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: #fff url('../img/select-arrow.png') no-repeat 95% 50%; /* 화살표 모양의 이미지 */
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

.border-red
{
    border: 1px solid #ff0000;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }
label{cursor: pointer;}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
/* global */

/*------------------------------------ Wide Desktop CSS ---------------------------------------------*/

.wrap{
  position:relative;
  width: 100%;
  min-height:100%;
}
.container{
  position: relative;
  width: 100%;
  margin: 0px auto;
}
.container .column,.container .columns{
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
 }
 .container .sixteen.columns {
   width: 100%;
 }
.left-wrap{
  position: fixed;
  width: 140px;
  min-height: 100%;
  border-right: 1px solid #dbdbdb;
  z-index: 99;
  background: white;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

.container-wrap{
  margin-left: 140px;
}
.container-wrap-index{
  padding-top: 100px;
}
.container .inner{
  margin: 30px 20px;
  margin-top: -20px;
}

/* gnb */
.logo{
  width: 140px;
  position: absolute;
  top: 0;
  padding: 16px 10px 17px;
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.logo h2{
  margin-top: 3px;
  margin-left: 10px;
}
.logo .right{
  position: absolute;
  top:20px;
  right:20px;
}
.gnb{
  width:100%;
  margin-top: 80px;
  font-size: 1.1rem;
}
.gnb-list{text-align:left;margin:0 auto;width:100%;padding:0px;}
.gnb-list > li{
  width:100%;
  display: inline-block;
  padding: 12px 20px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.gnb-list > li > a{
  width:100%;
  text-decoration:none;
  position:relative;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.gnb-list > li:hover{color: #4c4c4c;}

.container-header{
  position: fixed;
  font-size: 1.5rem;
  width: 100%;
  padding: 18px 20px 19px;
  background: #0F9944;
  color: white;
  z-index: 99;
}
.container-header .tit{
  float: left;
  position: relative;
}
.container-header p{
  position: absolute;
  right: 200px;
  z-index: 100;
  font-size: 1rem;
  margin-top: 5px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.container{
  min-width:100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
/* footer */
.footer-wrap{
  position:absolute;
  bottom:0;
  border-top: 1px solid #e0e0e0;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.footer-wrap .msd{
  margin-top: 5px;
  width:60px;
  height:22px;
  background: url('../img/msd.png') center center no-repeat;
  background-size: contain;
}
.footer-wrap p{
  line-height: 26px;
  margin-top: 5px;
}


/* login */
.login-wrap{
  position: relative;
  width: 400px;
  height: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.login-wrap > .logo-index{
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
  text-align: center;
}

.login-wrap .form-wrap{
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  margin: 0 auto;
  background: white;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);box-shadow: 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.login-wrap input{
  padding: 10px;
  width: 100%;
  font-size: inherit;
  border:1px solid #e5e5e5;
  vertical-align: middle;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  font-family:'Noto Sans KR',Tahoma,sans-serif;
}
.login-wrap input::-webkit-input-placeholder{color: #999;}
.login-wrap input::-moz-input-placeholder{color: #999;}
.login-etc{
  position: relative;
  width: 100%;
  padding: 20px 0;
}
.box-wrap .check{
  position: absolute;
  bottom:10px;
  font-size: 12px;
  color: #999;
}
.box-wrap .check input[type="checkbox"] {width: 20px;}


.box-wrap{
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 20px;
  background:white;
  -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.1);box-shadow: 1px 2px 1px rgba(0,0,0,.1);
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.box-wrap textarea{
  width: 100%;
  text-align: left;
  font-family:'Noto Sans KR',Tahoma,sans-serif;
  color: #666;
}


/* main */
.main-visual{
  position: relative;
  width: 100%;
  height:100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background-size: cover;
}



/* sub */
.sixteen{position: relative;}
.sixteen > h2{display: inline-block;font-size: 1.6em; font-weight: normal;margin-bottom: 10px;}
.sixteen > h3{font-size: 26px;font-weight: normal;padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
.sixteen article .tit{font-size:22px;font-weight: normal;margin-bottom: 30px;padding:0 10px;}
.sixteen article .description{font-size: 14px; color: #666;padding:0 10px;}
.sixteen article .description p{line-height: 22px;}
.sixteen article .btn-detail-wrap{position: absolute;bottom:30px;right: 18px;}

.res-time-wrap{width: 100%;}
.res-time-tit{position: relative;padding: 10px 0;background: #fafafa;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #4c4c4c;}
.res-time-tit > h3{font-size: 15px;font-weight: normal;padding: 0 10px;}
.filters-date {float: right;display: inline-block;margin-top: -22px;}
.filters-date span{background: #fff;padding: 3px 10px;margin: 0 2px;line-height: 18px;border: 1px solid #e5e5e5;overflow: hidden;cursor: pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.filters-date span.active{border-top: 1px solid #1d9c95;color: #1d9c95;font-weight: 400;}
.res-time{width: 100%;}
.res-time li{display: none;width: 100%;position: relative;font-size: 15px;padding: 24px 10px;border-bottom: 1px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.res-time li:hover{background: #f8fbfe;}
.res-time li span{width: 49.5%;display: inline-block;text-align: center;}
.res-time li em{margin: 0 10px;}
.res-time li .right{position: absolute;right:10px;top:15px;}


.list-basic{
  width: 100%;

}
.list-basic h3{
  padding: 10px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

/*06월 13일 추가*/
.res-time2{width: 100%;}
.res-time2 li{width: 100%;position: relative;font-size: 1em;padding: 18px 10px;border-bottom: 1px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.res-time2 li:hover{background: #f3f3f3;}
.res-time2 li span{color:#1d9c95;margin-right: 20px;font-weight: 400;}
.res-time2 li em{margin-right: 80px;font-weight: 400;}
.res-time2 li .right{position: absolute;right:10px;top:15px;}

.list-content{width: 100%;}
.list-content li{width: 100%;position: relative;font-size: 13px;padding: 15px 8px;border-bottom: 1px solid #f3f3f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list-content li:hover{background: #f8fbfe;}
.list-content li span{color:#1d9c95;margin-right: 30px;font-weight: 400;}
.list-content li em{margin-right: 30px;font-weight: 400;}
.list-content li .right{position: absolute;right:10px;top:15px;}

/* calendar */
.month{
  position: relative;
  width: 100%;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  padding: 0 0 20px 0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.month .calendar-prev{
  position: absolute;
  bottom:18px;
  left:0;
  width: 36px;
  height: 36px;
  border: 1px solid #e0e0e0;
  font-size: 1.2rem;
}
.month .calendar-next{
  position: absolute;
  bottom:18px;
  right:0px;
  width: 36px;
  height: 36px;
  border: 1px solid #e0e0e0;
  font-size: 1.2rem;
}

.month .calendar-all{
  position: absolute;
  bottom:18px;
  right:40px;
  width: 36px;
  height: 36px;
  border: 1px solid #e0e0e0;
  font-size: 1.2rem;
}

.month .calendar-select{
  position: absolute;
  bottom:18px;
  right:80px;
}
.month .calendar-prev:hover, .month .calendar-next:hover{
  background: #fefefe;
}
.month .calendar-prev i, .month .calendar-next i, .month .calendar-all i{
  margin-top: 11px;
  display: inline-block;
}


.link{margin: 0px auto 0;vertical-align: middle;width: 36px; height: 36px;background: url('../img/calendar.png') 0 0 no-repeat;display: block;text-indent: -9999px;cursor: pointer;}
.link:hover{background: url(../img/calendar.png) no-repeat -36px 0;}
.sun{color: #ef5350;}
.sat{color: #1e88e5;}

.v-calendar {width:100%;font-size: 13px;}
.v-calendar thead, .v-calendar tbody {text-align:center;}
.v-calendar thead tr th{border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
.v-calendar tbody tr td {position: relative;height: 80px;border-bottom:1px solid #e5e5e5;padding:20px 20px 20px 10px;text-align: center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.v-calendar tbody tr td p{margin-bottom: 10px;height: 50px;line-height: 16px;}
.v-calendar tbody span{position: absolute;top:10px;right:10px;text-decoration:none;font-size: 11px;}
.v-calendar tbody span.white{color: #fff;}
.v-calendar tbody tr td.no-choice{background: #f7f7f7;}
.v-calendar tbody tr td.choice{background: #1d9c95;}
.v-calendar tbody tr td.hover:hover{background: #eee;cursor: pointer;}
.v-calendar tbody tr td .icon{position: absolute;font-size: 26px;left: 45%;top: 50%;
  transform: translateX(-45%);-webkit-transform: translateX(-45%);-ms-transform: translateX(-45%);
  transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.v-calendar tbody tr td .icon i.i-choice{color: #1d9c95;}
.v-calendar tbody .today-bg{position: absolute;top:6px;right:5px;width: 20px;height: 20px;background: #1d9c95;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;}
.v-calendar tbody tr td .count{
  width: 100%;
}
.v-calendar tbody tr td .count-bg{
  color: white;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #333;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}
.v-calendar tbody tr td .count-bg em{
  display: inline-block;
  margin-top: 4px;
}
/*관리자용 달력 추가*/
.caller-calendar {width:100%;font-size: 13px;}
.caller-calendar thead, .caller-calendar tbody {text-align:center;}
.caller-calendar thead tr th{border-top:1px solid #666; height: 30px; font-size: 11px; padding:6px 0; vertical-align:middle;background: #fafafa;}
.caller-calendar tbody tr td {position: relative;width: 44px;height: 60px;border-bottom:1px solid #e5e5e5;}
.caller-calendar tbody tr td p{margin-bottom: 10px;height: 50px;line-height: 16px;}
.caller-calendar tbody span{position: relative;}
.caller-calendar tbody span.white{color: #fff;}
.caller-calendar tbody tr td.no-choice{background: #f7f7f7;}
.caller-calendar tbody tr td.choice{background: #1d9c95;}
.caller-calendar tbody tr td.hover:hover{background: #e9f9f8;cursor: pointer;}
.caller-calendar tbody tr td .icon{position: absolute;color:#1d9c95;font-size: 12px; font-weight: 500; left:15px;top: 80%;
  transform: translateX(-45%);-webkit-transform: translateX(-45%);-ms-transform: translateX(-45%);
  transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.caller-calendar tbody tr td .icon i.i-choice{color: #1d9c95;}
.caller-calendar tbody .today-bg{position: absolute; left: 50%; margin-left: -10px;width: 20px;height: 20px;background: #1d9c95;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;}
.caller-calendar tbody .not-today-bg{position: absolute; left: 50%; margin-left: -10px;width: 20px;height: 20px;background: #ebebeb;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;}

/*관리자용 테이블*/
.admin-board-list {width:100%;font-size: inherit;}
.admin-board-list thead, .admin-board-list tbody {}
.admin-board-list thead tr th{font-weight:bold;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
.admin-board-list tbody tr td {padding:10px;border:1px solid #e5e5e5;vertical-align: top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.admin-board {width:100%;font-size: inherit;}
.admin-board thead, .admin-board tbody {}
.admin-board thead tr th{font-weight:bold;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
/*.admin-board thead tr th.left{text-align: left;}*/
.admin-board tbody tr td {padding:5px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.admin-board tbody tr td.bg{background: #f3f3f3;}

.admin-board-2 {width:100%;font-size: inherit;}
.admin-board-2 thead, .admin-board-2 tbody {}
.admin-board-2 thead tr th{font-weight:bold;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
.admin-board-2 thead tr th.left{text-align: center;}
.admin-board-2 tbody tr td {text-align: center;padding:5px;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.admin-board-2 tbody tr td:hover{background: #f3f3f3;}

.admin-board-noline {width:100%;font-size: inherit;}
.admin-board-noline thead, .admin-board-2 tbody {}
.admin-board-noline thead tr th{font-weight:bold;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
.admin-board-noline thead tr th.left{text-align: center;}
.admin-board-noline tbody tr td {text-align: center;padding:5px 3px;border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.admin-board-noline tbody tr td.left{text-align: left;padding-left: 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* popup */
[class^='pop-basic'] {position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 600px;margin: 50px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
[class^='pop-basic']:after {content:""; display:block; clear:both;}
.pop-agenda {position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 860px;margin: 50px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-agenda:after {content:""; display:block; clear:both;}
.pop-data {position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 280px;margin: 50px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-data:after {content:""; display:block; clear:both;}
.pop-point {position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 860px;margin: 50px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-point:after {content:""; display:block; clear:both;}
.pop-mypoint {position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 860px;margin: 50px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-mypoint:after {content:""; display:block; clear:both;}
.pop-mypoint p{margin:20px 0 10px;;font-size: 15px;}

[class^='pop-basic'] h2,.pop-agenda h2,.pop-data h2,.pop-point h2,.pop-mypoint h2{font-size: 24px;font-weight: normal;padding: 10px 0;border-bottom: 1px solid #e5e5e5;font-family: 'Noto Sans DemiLight', 'Malgun Gothic', serif;}
[class^='pop-basic'] > .inner,.pop-agenda > .inner,.pop-data > .inner{position: relative;height: 100%;padding: 20px 0;}
[class^='pop-basic'] img{float: left; width: 100px;margin-right: 20px;}
[class^='pop-basic'] img:after{content: '';clear:both;display: block; height: 0;}
[class^='pop-basic'] > .inner > .career{float: left; margin-bottom: 40px;font-size: 13px;}
[class^='pop-basic'] > .inner > .career > ul > li{line-height: 24px;}
[class^='pop-basic'] > .inner > .career > ul > li.name{font-size: 15px;line-height: 32px;}
[class^='pop-basic'] > .inner > .career > ul > li.tit{font-size: 15px;margin-top: 10px;}
.pop-btn{width: 100%;margin: 0 auto;padding: 20px 0 0px;text-align: center;clear: both;border-top:1px solid #e5e5e5; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-btn a{text-decoration: none;}
.pop-agenda img,.pop-data img{width: 100%;margin: 0;}
.pop-data p.txt{padding: 20px;text-align: center;}
.sendcall-preview{position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 696px;height: 760px;margin: 0px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.detailing-view{position: relative;background: white;padding: 20px;text-align: left; width: 100%; max-width: 1024px;height: 748px;margin: 0px auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/* page nav */
.page-nav {clear: both;margin-bottom: 40px;padding-top: 30px;}
.cd-pagination {width: 100%;margin: 0 auto;text-align: center;}
.cd-pagination li {margin: 0 .1em;display: inline-block;}
.cd-pagination a, .cd-pagination span {display: inline-block;padding: .3em .6em;font-size: 13px;text-decoration:none;line-height:14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cd-pagination a {border: 1px solid #ccc;color:#888;}
.cd-pagination a:hover {background-color: #4c4c4c;border: 1px solid #4c4c4c;}
.cd-pagination a.disabled {color: #4c4c4c;pointer-events: none;}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {opacity: .4;}
.cd-pagination .button:first-of-type a::before {content: '\00ab  ';}
.cd-pagination .button:last-of-type a::after {content: ' \00bb';}
.cd-pagination .current {background-color: #4c4c4c;border: 1px solid #4c4c4c;color: #fff;pointer-events: none;}
/* table */
.board {width:100%;font-size: inherit;}
.board thead, .board tbody {text-align:center;}
.board thead tr th{font-weight:bold;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;background: #fafafa;}
.board thead tr th.left{text-align: left;}
.board tbody span{text-decoration:none;font-weight:bold;}
.board tbody tr td {padding:20px 0;border-bottom:1px solid #e5e5e5;}
.board tbody tr td.tit{position: relative;text-align: left;padding-left: 3%;line-height: 20px;vertical-align: middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.board tbody tr td.tit ul.list-icon{margin-right: 10px;}
.board tbody tr td.tit p{width: 100%;vertical-align: middle;line-height: 20px;}
.board tbody tr td.tit p.date{margin: 10px 0;}
.board tbody tr td.tit p.key{margin: 10px 0 10px;color: #1d9c95;}
.board tbody tr td.info {text-align: left;padding-left: 3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.board tbody tr td.info ul li{padding: 5px 0; }
.board tbody tr td.left{text-align: left;padding-left: 3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.board tbody tr td p{line-height: 26px;}
.board tbody tr td p.h-link{margin-top: 10px;}
.board tbody tr td p.h-link i{margin-left: 5px;}
.tbl-btn-wrap{position: relative;width: 100%;margin: 0 auto;text-align: center;}
.tbl-btn-wrap a{text-decoration: none;}
.w_100pix img{width:100px;}

.board-month {width:100%;font-size: .9em;}
.board-month thead, .board-month tbody {text-align:center;}
.board-month thead tr th{font-weight: 400;border-top:1px solid #666; border-bottom:1px solid #e5e5e5; padding:12px 0; vertical-align:middle;}
.board-month tbody tr td {position: relative;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.board-month tbody tr td.tit p{width: 100%;vertical-align: middle;line-height: 20px;}
.board-month tbody tr td.left{text-align: left;padding-left: 3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.board-month tbody tr td p{line-height: 26px;}
.board-month tbody tr td p.color{color: red;font-weight: 700;}
.board-month tbody tr td p.disabled{color: #ebebeb;font-weight: 700;}
.board-month tbody tr td span.today-bg{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #1d9c95;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}
.board-month tbody tr td span.select-bg{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  background: red;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}

.board-month tbody tr td span.other-bg{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #ebebeb;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}

.board-month tbody tr td span.sun-bg{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #FFC6C6;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}

.board-month tbody tr td span.sat-bg{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #9DCEFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}


.board-month tbody tr td span a{
  display: inline-block;
  margin-top: 1px;
  color: white;
}
.board-month tbody tr td span a.other{
  color: #4c4c4c;
}
.board-month tbody tr td span a:hover{
  color: white;
}

/* button */
.btn-wrap{
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 15px 0;
}
.btn{
    display:inline-block;
    padding: 4px 10px 5px;
    border: 1px solid #ddd;
    background:white;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition:all .4s;-ms-transition:all .4s;
}
.btn:hover{
  border: 1px solid #333;
  background:#333;
  color: white;
  -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition:all .4s;-ms-transition:all .4s;
}
.btn-admin{
    display:inline-block;
    padding: 4px 10px 5px;
    border: 1px solid #ddd;
    background:white;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition:all .4s;-ms-transition:all .4s;
}
.btn-admin:hover{
  background:#333;
  border: 1px solid #333;
  color: #fff;
  -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition:all .4s;-ms-transition:all .4s;
}
.btn-samll{
  font-size: .9rem;
  padding: 2px 5px 3px;
}
.btn-large{
  font-size: 1.2rem;
  padding: 4px 10px 5px;
}

/* popup */
#open-sms {
  background: white;
  padding: 40px;
  text-align: left;
  width: 100%;
  max-width: 600px;
  margin: 40px auto;
  position: relative;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.popup-header{
  width: 100%;
  padding: 10px;
  background:#1d9c95;
  color: #fff;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.popup-header h2{
  font-size: inherit;
}
.popup-content{
  width: 100%;
  padding: 0px;
}

.popup-content textarea{
  width: 100%;
  font-family:'Noto Sans KR',Tahoma,sans-serif;
  color: #666;
}

/* to top */
.cd-top {display: inline-block;height: 30px;width: 30px;position: fixed;bottom: 20px;right: 10px;overflow: hidden;text-indent: 100%;white-space: nowrap;border: 1px solid #999; background: #fff url('../img/icon_top.png') no-repeat 50% 50%;
  visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: 1;}
.no-touch .cd-top:hover {background-color: #ccc;opacity: 1;}
@media only screen and (min-width: 768px) {
  .cd-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
  .cd-top {height: 40px;width: 40px;right: 30px;bottom: 30px;}
}

/* margin */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.mr10{margin-right: 1%;}
.mr20{margin-right: 2%;}
.mr30{margin-right: 3%;}
.mr40{margin-right: 4%;}
.mr50{margin-right: 5%;}

/* tab menu */


.m-tablink {
  background-color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  width: 25%;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
  font-size: 1em;
  font-weight: 300;
}

.m-tablink:hover {
  background-color: #f7f7f7;
}

.m-tabcontent {
  display: none;
  height: 543px!important;
  padding: 60px 0px 17px;
  background: white;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.m-tabcontent article {
  float: left;
  padding: 18px 25px;
}

.m-tabcontent article:nth-child(even){
  background-color: #f2f2f2;
}

.m-tabcontent > article > img {
  float: left;
  margin-right: 20px;
}

.m-tabcontent article > h3 {
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: normal;
  margin-bottom: 8px;
}

.m-tabcontent article > p {
  color: #616161;
  font-size: .9em;
}

.m-tabcontent .article-day {
  font-size: .9em;
  margin-top: 10px;
}

.list-tab {
  position: relative;
  margin: 36px 0 40px;
}

.list-tab ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #e0e0e0;
}

.list-tab ul li {
  float: left;
  display: inline-block;
  position: relative;
  height: 48px;
  border: 1px solid #e0e0e0;
  background: white;
  margin-right: 8px;
}

.list-tab ul li a {
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  text-align: center;
  padding: 10px 0;
  border-top: 3px solid transparent;
}

.list-tab ul li a span {
  display: inline-block;
  /* line-height:130%; */
}

.list-tab ul li.on {
  border-bottom: 1px solid #fff;
}

.list-tab ul li.on a {
  height: calc(100% - 2px);
  color: #0F9944;
  font-weight: 700;
  border-top: 3px solid #0F9944;
}

.tabcontent {
  height: 0;
  overflow: hidden;
}

.tabcontent ul {
  border-bottom: 1px solid #e0e0e0;
}

.tabcontent ul li {
  padding: 15px 0;
}

.tabcontent ul li:last-child {
  padding-bottom: 30px;
}

.tabcontent.active {
  height: auto;
}

.tabcontent i{
  display: inline-block;
  font-size: 1.3em;
  margin-left: 8px;
}

.tabcontent p.tit{
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 10px;
}



.sc-list-tab {
  position: relative;
  margin: 8px 0 0px;
}

.sc-list-tab ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #e0e0e0;
}

.sc-list-tab ul li {
  float: left;
  display: inline-block;
  position: relative;
  height: 48px;
  border: 1px solid #e0e0e0;
  background: white;
  margin-right: 4px;
}

.sc-list-tab ul li a {
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  text-align: center;
  padding: 10px 0;
  border-top: 3px solid transparent;
}

.sc-list-tab ul li a span {
  display: inline-block;
  /* line-height:130%; */
}

.sc-list-tab ul li.on {
  border-bottom: 1px solid #fff;
}

.sc-list-tab ul li.on a {
  height: calc(100% - 2px);
  color: #262626;
  font-weight: 700;
  border-top: 3px solid #262626;
}

.sc-tabcontent {
  height: 0;
  overflow: hidden;
  background: white;

  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.sc-tabcontent ul li {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.sc-tabcontent.active {
  height: auto;
}

.sc-tabcontent i{
  display: inline-block;
  font-size: 1.3em;
  margin-left: 8px;
}

.sc-tabcontent p.tit{
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 10px;
}