@charset "utf-8";
/**=======================

	6.2v  Button

	NAVY Background, BORDER DELETE & FLAT design

	DATE : 2024.04.01

======================== */
.btn_A{
    display: inline-block; position: relative;
    /*border: 1px solid!* #acacac*!;*/
    color:#fff; font-size:12px;letter-spacing: -1px;padding:0 10px;
    height:23px;
    line-height:24px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.btn_A:hover{
    /*border: 1px solid #3684f2;*/
    color:#fff;
    text-align: center;
}

/*=== btn_A icon + text : icon delete === */
button[class*="btn_A"]{background:#2c3662!important;padding:0 10px!important;border:none}
    /*border-color: #d9e5f0;}*/
button[class*="btn_A"]:hover{background:#4ebbeb!important;border:none}
button[class*="btn_A"]:before{background-image:none}

/*==  only icon button class ==*/
.whiteBtn{
    position: relative;
    display: inline-block;
    /*border: 1px solid #d9e5f0;*/
    color:#2e2e2e;
    font-size:12px;
    width:24px;
    height:23px;
    line-height:23px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
    cursor: pointer;
    background:#2c3662;
    padding:0;
}
.whiteBtn:hover{background:#4ebbeb;}


.btn_CenterSet{display: inline-block; position: relative;border: 1px solid #acacac; color:#fff; font-size:12px;letter-spacing: -1px;padding:0 10px;
    height:23px;
    line-height:22px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#2c6bb7  ; vertical-align: top;
    cursor: pointer;
}
.btn_CenterSet:hover{
    background: #EE9043
}

.txt_no{padding-right:0 !important;}
/*2019버튼 - 아이콘 st 1.*/
.btn_ico_01{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_01::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico01.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_01:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_02{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_02::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico02.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_02:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_03{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_03::before{position: absolute; top:3px; left: 5px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico03.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_03:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_04{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_04::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico04.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_04:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_05{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_05::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico05.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_05:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_06{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_06::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico06.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_06:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_07{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_07::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico07.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_07:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_08{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_08::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico08.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_08:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_09{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_09::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico09.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_09:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_10{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_10::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico10.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_10:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_11{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_11::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico11.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_11:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_12{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_12::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico12.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_12:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_13{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_13::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico13.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_13:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_14{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_14::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico14.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_14:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_15{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_15::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico15.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_15:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_16{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_16::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico16.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_16:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_17{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_17::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico17.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_17:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_18{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_18::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico18.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_18:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_19{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_19::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico19.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_19:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_20{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_20::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico20.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_20:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}


/* 20200306 - ico 21번부터 75번까지 생성*/
.btn_ico_21{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_21::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico21.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_21:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_22{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_22::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico22.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_22:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_23{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_23::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico23.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_23:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_24{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_24::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico24.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_24:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_25{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_25::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico25.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_25:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_26{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_26::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico26.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_26:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_27{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_27::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico27.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_27:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_28{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_28::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico28.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_28:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_29{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_29::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico29.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_29:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_30{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_30::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico30.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_30:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_31{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_31::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico31.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_31:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_32{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_32::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico32.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_32:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_33{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_33::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico33.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_33:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_34{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_34::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico34.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_34:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_35{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_35::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico35.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_35:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_36{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_36::before{position: absolute; top:3px; left: 5px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico36.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_36:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_37{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_37::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico37.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_37:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_38{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_38::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico38.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_38:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_39{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_39::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico39.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_39:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_40{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_40::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico40.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_40:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_41{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_41::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico41.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_41:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_42{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_42::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico42.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_42:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_43{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_43::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico43.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_43:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_44{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_44::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico44.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_44:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_45{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_45::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico45.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_45:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_46{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_46::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico46.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_46:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_47{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_47::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico47.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_47:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_48{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_48::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico48.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_48:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_49{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_49::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico49.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_49:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_50{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_50::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico50.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_50:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_51{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_51::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico51.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_51:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_52{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_52::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico52.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_52:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_53{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_53::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico53.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_53:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_54{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_54::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico54.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_54:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_55{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_55::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico55.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_55:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_56{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_56::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico56.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_56:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_57{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_57::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico57.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_57:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_58{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_58::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico58.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_58:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_59{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_59::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico59.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_59:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_60{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_60::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico60.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_60:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_61{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_61::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico61.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_61:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_62{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_62::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico62.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_62:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_63{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_63::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico63.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_63:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_64{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_64::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico64.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_64:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_65{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_65::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico65.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_65:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_66{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_66::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico66.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_66:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_67{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_67::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico67.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_67:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_68{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_68::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico68.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_68:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_69{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_69::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico69.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_69:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_70{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_70::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico70.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_70:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_71{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_71::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico71.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_71:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_72{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_72::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico72.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_72:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_73{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_73::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico73.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_73:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_74::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico74.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_74:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_75::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico75.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_75:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_76{display: inline-block; position: relative;padding-left:24px;}/*HTML ICON*/
.btn_ico_76::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico76.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_76:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_77{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_77::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico77.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_77:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_78{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_78::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico78.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_78:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}
.btn_ico_79{display: inline-block; position: relative;padding-left:24px;}
.btn_ico_79::before{position: absolute; top:3px; left: 3px; content: '';display: inline-block; width:16px; height:16px; background-image: url('img/ico79.png');background-repeat:no-repeat;background-position:1px -16px;}
.btn_ico_79:hover::before{content: '';display: inline-block; width:16px; height:16px; background-position: 1px -16px;}


/*북마크 별 표시*/
.btn_ico_bookmark{content:'';display: inline-block; width:10px; height:12px; background-image: url('img/ico_bookmark.png');background-repeat:no-repeat;background-position:0 -16px; vertical-align: m0}


/* 20200306 글자 없는 아이콘 버튼 사용할때 추가할 클래스 */
.non_txt{padding-left:12px}


.qosBtn{display: inline-block; position: relative;border: 1px solid #acacac; color:#fff; font-size:12px;letter-spacing: -1px;padding:0 10px;
    height:23px;
    line-height:22px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#2c3662!important;
    vertical-align: top;
    cursor: pointer;
}
.qosBtn:hover{border: 1px solid #4ebbeb; color:#fff;
    text-align: center;
    background:#4ebbeb!important;
}

/* button tooltip */
.btn_tooltip { position: relative;}

.btn_tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 0px 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    font-size:11px;
    font-weight:bold;
}

.btn_tooltip:hover::after {opacity: 1;}