/* 
coder : hansync
email/gtalk : hansync@gmail.com
ver : 1.00
Reference - Jeong Chan Myeong(dece24@gmail.com)
*/



/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0 !important; display:inline-block; text-decoration:none !important; border:0; font-size:13px; font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-style: normal; font-weight: 400; white-space:nowrap; vertical-align:middle; overflow:visible; letter-spacing: 0px; outline: none; cursor: pointer;}
.button { margin: 0; padding:0; vertical-align: middle; outline: none; }
.button a,
.button button,
.button input { *vertical-align:top; cursor:pointer;}


/* Button Size */
.button.large { }
.button.xLarge { }
.button.small { }
.button a,
.button button,
.button input { height:30px; padding:0 10px 0 8px; letter-spacing:0px;line-height:30px;}
.button.large a,
.button.large button,
.button.large input { height:40px; min-width: 200px; padding:0 10px 0 8px; font-size:14px; letter-spacing:-0.5px; line-height:29px; }
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:38px; font-size:16px; letter-spacing:-0.5px; line-height:38px;}
.button.small a,
.button.small button,
.button.small input { height:21px; padding:0 7px ; font-size:12px; letter-spacing:0px; line-height:21px; font-weight: 300; }

.ribbon_controler .button.large_Ribbon, 
.ribbon_controler .button.midium_Ribbon,
.ribbon_controler .button.xLarge_Ribbon,
.ribbon_controler .button.small_Ribbon { border: 0 solid #fff; height: auto; background-image: none; background-color:transparent; text-align: left; padding: 0; margin: 0; vertical-align: top; }
.ribbon_controler .button.large_Ribbon button, 
.ribbon_controler .button.midium_Ribbon button,
.ribbon_controler .button.xLarge_Ribbon button,
.ribbon_controler .button.small_Ribbon button { padding: 0; margin: 0;  min-width: 105px; height: 24px; line-height: 24px; border: 0 solid #fff; background-image: none; background-color:transparent; text-align: left;  color:#808080;  vertical-align: middle; font-size: 14px; }
.ribbon_controler .button.large_Ribbon button:hover, 
.ribbon_controler .button.midium_Ribbon button:hover,
.ribbon_controler .button.xLarge_Ribbon button:hover,
.ribbon_controler .button.small_Ribbon button:hover { color:#3570cf; }


/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#ff0;}
.button.green {}
.button.green a,
.button.green button,
.button.green input { background-image: none; background-color: #22ab6b; color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black {}
.button.black a,
.button.black button,
.button.black input { background-image:none; background-color: #3e4961; color:#d1d3d6;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.black button:disabled { background-color: #d1d3d6; color:#fff;}
.button.red {}
.button.red a,
.button.red button,
.button.red input { background-image:none; background-color: #ff471c;  color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue {}
.button.blue a,
.button.blue button,
.button.blue input { background-color: #3570cf; color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.lightgray a,
.button.lightgray button,
.button.lightgray input { background-color: #f1f1f1; color:#222;}
.button.lightgray *:hover,
.button.lightgray *:active,
.button.lightgray *:focus{ color:#000;}
.button.yell a,
.button.yell button,
.button.yell input { background-color: #FFB706; color:#fff; font-weight: 400; }
.button.yell *:hover,
.button.yell *:active,
.button.yell *:focus{ color:#000;}


.button.ribbon,
.button.ribbon a,
.button.ribbon button,
.button.ribbon input { }
.button.ribbon *:hover,
.button.ribbon *:active,
.button.ribbon *:focus{ color:#3570cf;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}


.button.large.red,
.button.large.red button { font-size: 15px; }
.button.large.red button:before { content: "\f00c "; font-family: 'FontAwesome'; padding-right: 8px; font-size: 16px; }





/* Anchor Button Sample*/
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(../tpl/img/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
a.button, x:-moz-any-link { font:0/23px Sans-serif; padding:12px 0; top:1px;} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
/* Large Size */
a.button.large {}
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
a.button.large, x:-moz-any-link { font:0/28px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
a.button.xLarge, x:-moz-any-link { font:0/35px Sans-serif; padding:18px 0;} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* Small Size */
a.button.small { }
a.button.small span { padding:4px 6px 3px 4px;}
a.button.small, x:-moz-any-link { font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */


#topSubSection #widget_schedule .button.black, 
#topSubSection #widget_msgAlram .button.black { background-image: none; background-color: transparent; }
#topSubSection #widget_schedule .button.black button, 
#topSubSection #widget_msgAlram .button.black button { background-image: none; background-color: #a2a2a2; box-sizing: border-box; width: 130px; height: 22px; line-height: 20px; border:1px solid #a2a2a2; color:#fff; font-size: 13px; }
#topSubSection #widget_schedule .button.black button:after,
#topSubSection #widget_msgAlram .button.black button:after { content: "\f105"; font-family: 'FontAwesome'; padding-left: 8px; font-size: 15px; }

#topSubSection #widget_msgAlram .button.blue { background-image: none; background-color: transparent; color:#c3c3c3;  }
#topSubSection #widget_msgAlram .button.blue button.prevMonth, 
#topSubSection #widget_msgAlram .button.blue button.nextMonth { background-image: none; border: 1px solid #e6e6e6 !important; background-color: #f9f9f9; color: #666; }
#topSubSection .prevMonth:before { content: "\f100"; font-family: 'FontAwesome'; padding-right: 4px; }
#topSubSection .nextMonth:after { content: "\f101"; font-family: 'FontAwesome'; padding-left: 4px; }

button#ToDayTraffic, button#ToMonth { height:30px; line-height: 30px; padding: 0 10px;  background-color: #22ab6b; color:#fff; border: 0 solid #fff; font-size: 14px; margin-bottom: 40px; vertical-align: top; }


.button.blue.small button.total_config_btn { height:30px; border: 0; box-sizing: border-box; padding: 0 14px; }


.form_board_status .button.blue.small button[type=submit] { vertical-align:middle; height: 30px; line-height: 30px; }


#col-right .contBox .box_cont .button.large { margin-bottom: 1px !important; }
#col-right .contBox .box_cont .button.large button { text-align: left; }
#col-right .contBox .box_cont .button.large button:hover { background-color: #3D3D3D !important; color:#fff; }


/* 게시판 글보기 버튼 */
.button.medium140 a, 
.button.medium140 button, 
.button.medium140 input { display: inline-block; height: 40px; min-width: 140px; font-size: 14px; letter-spacing: -0.5px; line-height: 40px; }

/* 뉴캠퍼스 결제 전용 */

.newcamPay { height: 40px; min-width: 200px; padding: 0 10px; letter-spacing: -0.5px; line-height: 40px; font-size: 15px; }
.newcamPay.red { background-color: #ff471c;  color:#fff; }
.newcamPay.green { background-color: #22ab6b;  color:#fff; }
.newcamPay.blue { background-color: #3570cf;  color:#fff; }
.newcamPay.payState_01:before { content: "\f067"; font-family: 'FontAwesome'; padding-right: 8px; font-size: 14px; }
.newcamPay.payState_02:before { content: "\f252"; font-family: 'FontAwesome'; padding-right: 8px; font-size: 14px; }
.newcamPay.payState_03:before { content: "\f00c"; font-family: 'FontAwesome'; padding-right: 8px; font-size: 14px; }

.MonthChange { height: 40px; min-width: 80px; padding: 0 10px; letter-spacing: -0.5px; line-height: 40px; font-size: 15px; background-color: #e6e6e6; color: #666; }
.MonthChange.prev:before,
.prevBtn:before { content: "\f100"; font-family: 'FontAwesome'; padding-right: 8px; font-size: 14px; }
.MonthChange.next:after,
.nextBtn:after { content: "\f101"; font-family: 'FontAwesome'; padding-left: 8px; font-size: 14px; }


/* 강좌 리스트 */

.addStep button { background-color: #ff471c;  color:#fff; border: 0px solid #fff; width: 110px; height: 32px; line-height: 30px; vertical-align: bottom;  }

/* 콘텐츠 관리 */

.sortUp:before { content: "\f062"; font-family: 'FontAwesome'; }
.sortDown:before { content: "\f063"; font-family: 'FontAwesome'; }



/* 신규 버튼 규칙 - 180315 */

.button {}
.button:hover { cursor: pointer; }

.button-big { height: 40px; min-width: 200px; padding: 0 10px; font-size: 14px; letter-spacing: -0.5px; line-height: 40px; text-align: center; }
.button-small {}
.button-medium {}

.button-regist { background-color: #3570cf; color: #fff; }
.button-important, 
.button-save { background-color: #ff471c; color: #fff; }
.button-confirm { background-color: #22ab6b; color: #fff; }

/* 사용불가 버튼 */
.button-unavailable { background-color: #ccc; color: #fff; }
.button-unavailable:hover { cursor: default; }