.btn{border:none;width:auto;display:inline-block;line-height:100%;}

/* button 크기 */
.btn.lg{font-size:1.5rem;padding:1rem 2rem;}
.btn.md{font-size:1.3rem;padding:1rem 1.7rem;}
.btn.sm{font-size:0.9rem; padding:0.5rem 1rem;}

.btn.xs{
	font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
    margin: 0.1rem 0.2rem;
}

.btn.xss{
	font-size: 0.7rem;
    padding: 0.2rem 0.2rem;
}

/* icon 위치 */
.btn.lg.icon-l{padding-left:1.2rem;padding-right:1.2rem;}
.btn.lg.icon-r{padding-left:1.2rem;padding-right:0.6rem;}
.btn.lg.icon-l i{margin-left:-0.8rem;margin-right:0.8rem;}
.btn.lg.icon-r i{margin-left:0.8rem;}

.btn.md.icon-l{padding-left:1.2rem;padding-right:1.2rem;}
.btn.md.icon-r{padding-left:1.2rem;padding-right:0.6rem;}
.btn.md.icon-l i{margin-left:-0.8rem;margin-right:0.8rem;}
.btn.md.icon-r i{margin-left:0.8rem;}

.btn.sm.icon-l{padding-left:1.2rem;padding-right:0.8rem;}
.btn.sm.icon-r{padding-left:1.2rem;padding-right:0.6rem;}
.btn.sm.icon-l i{margin-left:-0.8rem;margin-right:0.3rem;}
.btn.sm.icon-r i{margin-left:0.8rem;}

.btn.xs.icon-l{padding-left:1.2rem;padding-right:0.8rem;}
.btn.xs.icon-r{padding-left:1.2rem;padding-right:0.6rem;}
.btn.xs.icon-l i{margin-left:-0.8rem;margin-right:0.3rem;}
.btn.xs.icon-r i{margin-left:0.8rem;}


/* button 색 */
.btn.red{background-color:#de0613;color:white;}
.btn.b_red{background-color:#de0613;color:white;}
.btn.blue{background-color:#1355b1;color:white;}
.btn.b_blue{background-color:#1355b1;color:white;}
.btn.gray{background-color:#9e9e9e;color:white;}
.btn.navy{background-color:#0e3366;color:white;}
.btn.yellow{background-color:#f5ad34;color:white;}

.btn.round{border-radius:10px;}

/* 버튼 스타일 */

.b-style1{
	text-align:center;
	border-radius:5px;
	font-weight:500;
	font-family:'Noto Sans KR', sans-serif;
}

.b-style2{
	text-align:center;
	background:#fff;
	border-radius:5px;
	font-weight:500;
	font-family:'Noto Sans KR', sans-serif;
}