@charset "utf-8";
/* ---------- 버튼 스타일 ---------- */


/* 버튼 정렬 */
.btnarea{position:relative}
.btnarea_right{position:relative; text-align:right}
.btnarea_center{position:relative; text-align:center}
.btnarea_left{position:relative; text-align:left}

.list_btn{position:relative; margin-top:15px}
.list_btn.center{text-align:center}
.list_btn.right{text-align:right}
.list_btn.left{text-align:left}


/* 버튼 노멀 */
.btn_normal
{
    display:inline-block; height:38px; line-height:150%; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:1px solid #d6d6d6;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:-0.8px; box-sizing:border-box; transition:all .25s ease
}
.btn_normal span{display:block; padding:9px 15px 8px; font-size:14px}
.btn_normal.small{height:35px}
.btn_normal.small span{padding:5px 12px 6px}
.btn_normal.xsmall span{padding:2px 10px 2px; font-size:13px}
.btn_normal.large{height:52px}
.btn_normal.large span{padding:16px 18px; font-size:15px}
.btn_normal i{font-size:14px; vertical-align:middle; margin-top:-2px}
.btn_normal.large i{font-size:16px}
.btn_normal.ico_l i{margin-right:2px}
.btn_normal.ico_r i{margin-left:2px}
.btn_normal.ico_l span{padding-left:12px}
.btn_normal.ico_r span{padding-right:12px}
.btn_normal.large.ico_l span{padding-left:18px}
.btn_normal.disabled{opacity:0.4}
.btn_normal.only{padding:8px 15px 7px; font-size:14px}
.btn_normal.only.small{padding:5px 12px 6px}
.btn_normal.large.only{font-size:15px}

.btn_normal.info{background:#1565aa; border:1px solid #1565aa; color:#fff !important}
.btn_normal.info.active{background:#1565aa}

.btn_normal.primary{background:#2d3032; border:1px solid #2d3032; color:#fff !important}
.btn_normal.primary.active{background:#2d3032}

.btn_normal.success{background:#22917c; border:1px solid #22917c; color:#fff !important}
.btn_normal.success.active{background:#22917c}

.btn_normal.warning{background:#f47808; border:1px solid #f47808; color:#fff !important}
.btn_normal.warning.active{background:#f47808}

.btn_normal.danger{background:#a50034; border:1px solid #a50034; color:#fff !important}
.btn_normal.danger.active{background:#b7003a}

.btn_normal.sereni{background:#515b75; border:1px solid #515b75; color:#fff !important}
.btn_normal.sereni.active{background:#515b75}

.btn_normal.blank{background:#f8f8f8; border:1px solid #d6d6d6}
.btn_normal.blank.active{background:#f8f8f8}


/* 버튼 라인 */
.btn_line
{
    display:inline-block; height:38px; line-height:150%; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:1px solid #d6d6d6;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:-0.8px; transition:all .25s ease; box-sizing:border-box
}
.btn_line span{display:block; padding:7px 15px 7px; font-size:14px}
.btn_line.small{height:35px}
.btn_line.small span{padding:5px 12px 6px}
.btn_line.xsmall span{padding:2px 10px 2px; font-size:13px}
.btn_line.large{height:52px}
.btn_line.large span{padding:16px 18px; font-size:15px}
.btn_line i{font-size:14px; vertical-align:middle; margin-top:-2px}
.btn_line.large i{font-size:16px}
.btn_line.ico_l i{margin-right:2px}
.btn_line.ico_r i{margin-left:2px}
.btn_line.ico_l span{padding-left:12px}
.btn_line.ico_r span{padding-right:12px}
.btn_line.large.ico_l span{padding-left:18px}
.btn_line.disabled{opacity:0.4}
.btn_line.only{padding:8px 15px 7px; font-size:14px}
.btn_line.only.small{padding:5px 12px 6px}
.btn_line.large.only{font-size:15px}

.btn_line.info{border:1px solid #1565aa; color:#1565aa !important}
.btn_line.info.active{background:#1565aa; color:#fff !important}

.btn_line.primary{border:1px solid #193975; color:#193975 !important}
.btn_line.primary.active{background:#193975; color:#fff !important}

.btn_line.success{border:1px solid #08c564; color:#08c564 !important}
.btn_line.success.active{background:#08c564; color:#fff !important}

.btn_line.warning{border:1px solid #f47808; color:#f47808 !important}
.btn_line.warning.active{background:#f47808; color:#fff !important}

.btn_line.danger{border:1px solid #a50034; color:#a50034 !important}
.btn_line.danger.active{background:#a50034; color:#fff !important}

.btn_line.sereni{border:1px solid #848894; color:#848894 !important}
.btn_line.sereni.active{background:#848894; color:#fff !important}

.btn_line.blank.active{border:1px solid #9b9b9b}


/* 버튼 아이콘 */
.btn_ico
{
    display:inline-block; margin:0; padding:0; position: relative;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:1px solid #d6d6d6; width:38px; height:38px;
    border-radius:2px; cursor:pointer; font-size:18px; font-weight:normal; letter-spacing:0; transition:all .25s ease; box-sizing:border-box
}
.btn_ico i{line-height:35px}
.btn_ico.circle{border-radius:50%}

.btn_ico.large{width:52px; height:52px}
.btn_ico.large i{line-height:49px}

.btn_ico.info{background:#0075ff; border:1px solid #0075ff; color:#fff !important}
.btn_ico.primary{background:#193975; border:1px solid #193975; color:#fff !important}
.btn_ico.sereni{background:#8797a7; border:1px solid #8797a7; color:#fff !important}
.btn_ico.blank{background:#f8f8f8; border:1px solid #f8f8f8; color:#808080 !important}