@charset "utf-8";
/********************
** header 
********************/
.toggleBtn{cursor: pointer;}
.toggleBtn span{transition: ease-in-out 0.3s;}
.toggleBtn span:nth-child(1){left:0; top:0;}
.toggleBtn span:nth-child(2){left:0; top:6px}
.toggleBtn span:nth-child(3){left:0; top:12px; }

.toggleBtn.active span:nth-child(1), .toggleBtn.active span:nth-child(3){left:50%; top:50%;}
.toggleBtn.active span:nth-child(2){left:99999px;}
.toggleBtn.active span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
.toggleBtn.active span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);}


/********************
** footer 
********************/

/********************
** index 
********************/
/** mainBanner **/

/** about **/
.mainAboutCnt{align-self: stretch;}
.mainAbout .wpA{right:0; bottom:0}

/** mainPsyllium **/
.mainPsylliumCnt{align-self: stretch;}

/** mainLast **/
.mainLast{background:url('/img/noticeBanner.jpg')center center; background-size:cover}


/********************
** boardList 
********************/
/** gallList **/
.gallThumbnail{background-size:cover !important; border:1px solid #efece4}
.gallTit{border-bottom:1px solid #EFECE4}

/** boardList **/
.boardBox{overflow-x:auto}
.boardBox table{min-width:800px; }
.boardBox table thead td{border-top:2px solid #222;border-bottom:1px solid #D9DADE}
.boardBox table tbody td{border-bottom:1px solid #D9DADE}
.boardBox table td{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.boardBox table tbody tr{cursor: pointer;}

/********************
** boardView 
********************/
/** gallView **/
.viewBtn{border:1px solid #D9DADE}
/** eventView **/
.boardTit{border-bottom:1px solid #D9DADE}

/********************
** boardWrite 
********************/
/** boardWrite **/
.inputLine{border:1px solid #D9DADE}
.checkBoxInput{left:-999999px}
.checkBoxInput + label .check{background:url('/img/chkOff.svg')center center; background-size:cover}
.checkBoxInput:checked + label .check{background:url('/img/chkOn.svg')center center; background-size:cover}

/** attendWrite **/
.attendForm{box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}
.attendPolicyBox{border:1px solid #EEEEF0}


/********************
** success 
********************/

/********************
** login 
********************/
.loginBox{box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}

/********************
** register 
********************/
.joinForm{box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}


/********************
** findInfo 
********************/

/********************
** menuPage 
********************/
.menuBox{background:url('/img/loginBg.jpg')center center; background-size:cover !}

/********************
** policy 
********************/