/***** 버튼 사이즈 *****/
.rbutton {display:inline-block; font-size:15px; line-height:1em; letter-spacing:-1px; height:30px; line-height:30px; padding:0 15px; margin:2px; border-radius:3px; overflow:hidden; vertical-align:middle;}
.abutton {display:inline-block; font-size:15px; line-height:1em; letter-spacing:-1px; height:30px; line-height:30px; padding:0 15px; margin:2px; border-radius:3px; overflow:hidden; vertical-align:middle; text-decoration:none !important;}

.large {display:inline-block; font-size:15px; line-height:1; letter-spacing:-1px; padding:15px; border-radius:3px;}

.small {display:inline-block; font-size:15px; line-height:1; letter-spacing:-1px; height:25px; line-height:25px; padding:0 15px; border-radius:3px;}
.small2 {display:inline-block; font-size:13px; line-height:1; letter-spacing:-1px; height:24px; line-height:24px; padding:0 10px; border-radius:3px;}

.xsmall {font-size:13px; line-height:1em; font-weight:400; letter-spacing:-1px; padding:5px; height:25px; border-radius:3px; overflow:hidden; display:block; vertical-align:middle;}
.xsmall.p3 {padding:3px 5px;}
a.xsmall {padding:9px 5px 0 !important; height:18px !important;}

.xxsmall {font-size:13px; line-height:1em; font-weight:400; letter-spacing:-1px; padding:3px 5px; height:21px; border-radius:3px; overflow:hidden; display:block; vertical-align:middle;}
a.xxsmall {padding:6px 5px 0 !important; height:15px !important;}


/***** 버튼 칼라 *****/
.white {color:#333 !important; background:#fff; border:1px solid #cdcdcd; /*box-shadow:0 1px 1px #e9e9e9; text-shadow:1px 1px #f9f9f9;*/} 
.white:hover {background:#f9f9f9;}
input[type="submit"].white {color:#333; background:#fff; border:1px solid #cdcdcd; /*box-shadow:0 1px 1px #e9e9e9; text-shadow:1px 1px #f9f9f9;*/} 
input[type="submit"].white:hover {background:#f9f9f9;}

.blackline {color:#333 !important; background:#fff; border:1px solid #3b4b5a;}
.blackline:hover {background:#f9f9f9;}

.grey {color:#fff !important; background:#777777; /*border:1px solid #616161; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #5c5b5b;*/}
.grey:hover {background:#8b8a8a;}

.red {color:#fff !important; background:#f22722; /*border:1px solid #d66100; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #c45900;*/}
.red:hover {background:#f26b22;}

.orange {color:#fff !important; background:#f26b22; /*border:1px solid #d66100; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #c45900;*/}
.orange:hover {background:#f22722;}

.brown {color:#fff !important; background:#b16f2d; /*border:1px solid #d66100; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #c45900;*/}
.brown:hover {background:#8f4c09;}

.green  {color:#fff !important; background:#22b6b0; /*border:1px solid #6c960e; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #074819;*/}
.green:hover{background:#199691;}

.green2  {color:#fff !important; background:#3db846; /*border:1px solid #6c960e; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #074819;*/}
.green2:hover{background:#0f8e18;}

.black {color:#fff !important; background:#333; /*border:1px solid #000 ;box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #000;*/}
.black:hover {background:#444;}

.black2 {color:#fff !important; background:#3b4b5a; /*border:1px solid #000 ;box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #000;*/}
.black2:hover {background:#333;}

.blue {color:#fff !important; background:#0585ce; /*border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #007ebc;*/}
.blue:hover {background:#085cad;}

.blue2 {color:#fff !important; background:#0054a6; /*border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #007ebc;*/}
.blue2:hover {background:#15426d;}

.blue3 {color:#0054a6 !important; background:#fff; border:#0054a6 solid 1px; /*border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #007ebc;*/}
.blue3:hover {/*background:#15426d;*/}

.purple {color:#fff !important; background:#8781bd; /*border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #007ebc;*/}
.purple:hover {background:#5f58a0;}

.purple2 {color:#fff !important; background:#534db6; /*border:1px solid #007ebc; box-shadow:0 1px 1px #d8d8d8; text-shadow:1px 1px #007ebc;*/}
.purple2:hover {background:#464288;}


/***** 버튼 위치 *****/
.button_wrap {position:relative; float:left; clear:both; width:100%; margin:0;}
.buttonLeft {clear:both; display:inline-block; position:relative; float:left; margin:5px 0;}
.buttonRight {clear:both; display:inline-block; position:relative; float:right; margin:5px 0;}
.buttonCenter {clear:both; position:relative; display:block; width:100%; text-align:center; margin:0 auto;}

.buttonLeft p, .buttonRight p {float:left;}
.buttonLeft p.tit, .buttonRight p.tit {float:none; display:inline; width:auto; height:auto; margin:0; font-size:14px; text-align:left; line-height:1.8em;}
.buttonLeft p.con, .buttonRight p.con {float:none; display:inline; width:auto; height:auto; margin:0; font-size:15px; text-align:left; line-height:2.0em;}


/***** 특정버튼 *****/
/* 달력 */
input.cal {width:19px; height:19px; background:url('../../img/bbs/top_search_cal.png') no-repeat; border:none; cursor:pointer; vertical-align:middle;}
/* 검색 */
input.sbtn_blue_big {padding:5px 0 5px 10px !important; background:url('../../img/bbs/top_search_sbtn.png') no-repeat 20px 5px rgb(0,84,166); color:#fff; border:none; border-radius:3px; cursor:pointer;}
input.sbtn_black_small {padding:2px 0 2px 20px; background:url('../../img/bbs/top_search_sbtn.png') no-repeat 7px 3px rgb(51,51,51); color:#fff; border:none; border-radius:3px; cursor:pointer; font-size:13px; line-height:1.6em; letter-spacing:-1px;}


/***** 2018-10 추가 *****/
/*
.btn{border-radius:0; margin:2px;}
.btn-light{color:#000; background-color:#fff; border-color:#fff;}
.btn-primary{ background-color:#007dc6; border-color:#007dc6;color:#fff;}
.btn-default{background-color: transparent; border:1px solid #ddd;}
.btn-secondary{background-color:#343b40;color:#fff;}
.btn-orange {color:#fff !important; background:#f26b22; border-color: #f26b22}
.btn-dark { background-color: #000;  border-color: #000; color:#fff;}
.btn-default:hover,
.btn-default:focus{background-color: #e6e6e6 ;}
.btn-dark :hover,
.btn-dark :focus{background-color:#343a40; border-color:#343a40;}
.btn-lg{padding: 12px .75rem; font-size: 1rem; width:100%; max-width:357px;}
.btn-sm{font-size:13px; padding:3px 15px;}
.btn-border {border: 2px solid #000;padding: 7px 11px;padding-right: 46px;position:  relative; color: #000;font-size:0.750em;font-family: 'NanumGothic-Bold' ;}

.btn-border:after {position:  absolute;width: 6px;height: 6px;border-right: 1px solid #000;border-top: 1px solid #000;display:  block;content: "";right: 18px;top: 50%;transform: rotate(45deg);margin-top: -3px;}
.btn-border:hover,
.btn-border:focus{background:#000; color:#fff !important; }
.btn-border:hover:after,
.btn-border:focus:after{border-color:#fff;}

.btn-border.white {border: 2px solid #fff; color: #fff;}
.btn-border.white:after {border-right: 1px solid #fff;border-top: 1px solid #fff;}
.btn-border.white:hover,
.btn-border.white:focus{border-color:#fff; background:#fff; color:#000 !important;}
.btn-border.white:hover:after,
.btn-border.white:focus:after{border-color:#000;}

.btn-border.blue {border: 2px solid #3475d9;  background:#3475d9;  color: #fff;}
.btn-border.blue:after {border-right: 1px solid #fff;border-top: 1px solid #fff;}
.btn-border.blue:hover,
.btn-border.blue:focus{border-color:#3475d9; background:#fff; color:#3475d9 !important;}
.btn-border.blue:hover:after,
.btn-border.blue:focus:after{border-color:#3475d9;}

.btn-video,
.btn-video:hover,
.btn-video:focus,
.btn-video:active,
.btn-video.active{width:99px; height:99px; background: url(../images/common/btn_play.png) 50% 50% no-repeat !important; background-size: contain !important;}

.btn-video-close,
.btn-video-close:hover,
.btn-video-close:focus,
.btn-video-close:active,
.btn-video-close.active{width:89px; height:89px; background: url(../images/common/btn_video_close.png) 50% 50% no-repeat !important; background-size: contain !important;}
.btn-mute,
.btn-mute:hover,
.btn-mute:focus,
.btn-mute:active,
.btn-mute.active{width:89px; height:89px; background: url(../images/common/btn_mute.png) 50% 50% no-repeat !important; background-size: contain !important;}
.btn-volume,
.btn-volume:hover,
.btn-volume:focus,
.btn-volume:active,
.btn-volume.active{width:89px; height:89px; background: url(../images/common/btn_volume.png) 50% 50% no-repeat !important; background-size: contain !important;}
*/

/* 아이콘 */
/*
.btn .icon_download{width:30px; height:30px; display:block; margin:0 auto; background: url(../images/common/icon_download.png) 50% 50% no-repeat;}
.btn .icon_view{width:30px; height:30px; display:block; margin:0 auto; background: url(../images/common/icon_view.png) 50% 50% no-repeat;}

.btn:hover .icon_download,
.btn:focus .icon_download,
.btn:active .icon_download{ background: url(../images/common/icon_download_on.png) 50% 50% no-repeat;}
*/