@charset "utf-8";

.site-font-color,
a.site-link:hover, a.site-link:active, a.site-link:focus {color:#3C8794 !important;}
.site-background-color{background-color:#3C8794 !important;}

.site-border{border:solid 1px #3C8794 !important;}
.site-border-top{border-top:solid 1px #3C8794 !important;}
.site-border-bottom{border-bottom:solid 1px #3C8794 !important;}
.site-border-left{border-left:solid 1px #3C8794 !important;}
.site-border-right{border-right:solid 1px #3C8794 !important;}

.site-border-color{
  border-color: #3C8794 !important;
}

.line-top-s1{border-top:solid 1px #3C8794 !important;}
.line-top-s2{border-top:solid 2px #3C8794 !important;}
.line-bottom-s1{border-bottom: solid 1px #3C8794 !important;}
.line-bottom-s2{border-bottom: solid 2px #3C8794 !important;}
.line-bottom-s2 p:nth-child(n) {color:#3C8794 !important;}

.line-bottom-d1{border-bottom:dotted 1px #3C8794 !important;}

header .site { 
  background:#3C8794 !important;
/*   background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#3C8794), to(#3C8794), color-stop(.5,#59C8DB));    */
  width:50%;
  height:46px;
  float:left; 
}

footer {
  width:100%;
  text-align:center;
  margin-top : 20px; 
  line-height: 23px;
  font-size:.8em;
  border-top:double 1px darkgray;
  background:#DDD ;
/*   background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#dddddd), to(#dddddd), color-stop(.5,#59C8DB)); */
}

/************* 버튼 시작 **********************/
#loginBtn{position:absolute;top:20px;right:20px;width:82px;height:66px;background-color:#3F8D96;border:1px solid #3C8794 !important;-webkit-border-radius:6px;border-radius:6px;background:-webkit-gradient(linear, left top, left bottom,from(#57C4D0),to(#3F8D96));-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.06), inset -1px -1px 1px rgba(255,255,255,0.06);cursor:pointer;}

.button {
  text-align:center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  margin:0 1px;
  overflow:hidden; 
  color:#3C8794 !important; 
  font-size:0.929em; 
  line-height:25px;
  border:1px solid #bbb; 
  -webkit-border-radius:4px; 
  border-radius:4px;
  background-color:#fbfbfb; 
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafaFa)); 
  -webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.7), inset -1px 0 1px rgba(255, 255, 255, 0.7);
}

.button2 {
  text-align:center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  margin:0 1px;
  overflow:hidden; 
  color:#fff;  
  background-color:#3C8794 !important;
  font-size:0.929em; 
  line-height:25px;
  border:1px solid #3C8794 !important; 
  -webkit-border-radius:4px; 
  /*background:#3C8794 !important;*/
  /*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#449699), to(#449699), color-stop(.5,#3C8794));*/
  -webkit-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear, left top, left bottom,from(#3C8794),to(#3C8794));-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.06), inset -1px -1px 1px rgba(255,255,255,0.06);cursor:pointer;
}
.button3 {
  text-align:center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-right: 7px;
  margin:0 1px;
  overflow:hidden; 
  color:#3C8794 !important; 
  font-size:0.929em; 
  line-height:25px;
  border:1px solid #bbb; 
  -webkit-border-radius:4px; 
  border-radius:4px;
  background-color:#fbfbfb; 
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafaFa)); 
  -webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.7), inset -1px 0 1px rgba(255, 255, 255, 0.7);
}
.button4 {
  text-align:center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  margin:0 1px;
  overflow:hidden; 
  color:#3C8794 !important; 
  font-size:0.929em; 
  line-height:25px;
  border:1px solid #bbb; 
  -webkit-border-radius:4px; 
  border-radius:4px;
  background-color:#fbfbfb; 
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafaFa)); 
  -webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.7), inset -1px 0 1px rgba(255, 255, 255, 0.7);
}

.button_small {
  text-align:center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  margin:0 1px;
  overflow:hidden; 
  color:#3C8794 !important; 
  font-size:1em; 
  line-height:25px;
  border:1px solid #bbb; 
  -webkit-border-radius:4px; 
  border-radius:4px;
  background-color:#fbfbfb; 
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafaFa)); 
  -webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.7), inset -1px 0 1px rgba(255, 255, 255, 0.7);
  cursor:pointer;
}
/************* 버튼 끝 **********************/

/* cal */
.site-today-cal  {border-color: #5fb1bf !important; color: #ffffff !important; background-color: #5fb1bf !important;}
.site-select-cal {border-color: #5fb1bf !important; color: #5fb1bf !important; }

.slick-dots li.slick-active button:before { color: #3C8794 !important; }

/* 수강생 원 bar */
.site-circle-bar{
  border: 0.08em solid #3C8794 !important;
}

/* 버튼 */
.site_button {
  color: #3C8794;
  background-color: #fff;
  display: inline-block;
  min-width: 31px;
  text-align: center;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-weight: bold;
  font-size: 12px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  cursor: pointer;
  user-select: none;
}

a.site-link3 {
  text-decoration: none;
}
a.site-link3 .link-dv{color: #777;}
a.site-link3 .link-title{color: #333;}
a.site-link3:hover .link-dv{color: #3C8794 !important;}
a.site-link3:hover .link-title{color: #3C8794 !important;}

/* 댓글버튼 */
.site_button.commentBtn.commentOpen{
  color: #3C8794;
  background-color: #fff;
}