@charset "utf-8";

/*a:focus																			{box-shadow: 0 0 2px 0 #000000;}*/

/* button reset */
.btn																			{vertical-align: middle;}
input.btn,
button.btn																		{overflow: visible; margin: 0; padding: 0; border-style: solid; border-width: 0; cursor: pointer; background-color: transparent; -webkit-appearance: none;}
a.btn																			{display: inline-block; text-decoration: none;}
em.btn																			{display: inline-block; font-style: normal;}

.btn span																		{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#ms.ie9 .btn																	{display: table;}
#ms.ie9 .btn span																{display: table-cell; vertical-align: middle;}
#ms.ie8 .btn																	{display: table;}
#ms.ie8 .btn span																{display: table-cell; vertical-align: middle;}




/* button outline */
/* .btn.x-small span																{height: 22px; font-size: 12px; white-space: nowrap; font-family: NanumGothic, '맑은 고딕', '돋움', Dotum, sans-serif;} */
/* .btn.small span																	{height: 30px; font-size: 14px; white-space: nowrap; font-family: NanumGothic, '맑은 고딕', '돋움', Dotum, sans-serif;} */
/* .btn.medium span																{height: 38px; font-size: 16px; white-space: nowrap; font-family: NanumGothic, '맑은 고딕', '돋움', Dotum, sans-serif;} */
/* .btn.large span																	{height: 46px; font-size: 20px; white-space: nowrap; font-family: NanumGothic, '맑은 고딕', '돋움', Dotum, sans-serif;} */
/* .btn.x-large span																{height: 54px; font-size: 24px; white-space: nowrap; font-family: NanumGothic, '맑은 고딕', '돋움', Dotum, sans-serif;} */

/* button theme-a */




/* button theme-a state */
.btn.theme-a.state-a span														{color: #b0b2b3; border-color: #dfe0e0; background-color: #f6f6f6;}
.btn.theme-a.state-b span														{color: #494b4c; border-color: #919394; background-color: #ffffff;}
.btn.theme-a.state-c span														{color: #ffffff; border-color: #616466; background-color: #616466;}
.btn.theme-a.state-d span														{color: #ffffff; border-color: #66b2b2; background-color: #66b2b2;}
.btn.theme-a.state-e span														{color: #ffffff; border-color: #f15435; background-color: #f15435;}

/* button theme-b */
.btn.theme-b																	{-o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.btn.theme-b span																{padding: 0 .75em; border-width: 1px; border-style: solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#ms.ie9 .btn.theme-b span														{display: table-cell; vertical-align: middle;}
#ms.ie8 .btn.theme-b span														{display: table-cell; vertical-align: middle;}

/* button theme-b state */
.btn.theme-b.state-a span														{color: #b0b2b3; border-color: #dfe0e0; background-color: #f6f6f6;}
.btn.theme-b.state-b span														{color: #494b4c; border-color: #919394; background-color: #ffffff;}
.btn.theme-b.state-c span														{color: #ffffff; border-color: #616466; background-color: #616466;}
.btn.theme-b.state-d span														{color: #ffffff; border-color: #66b2b2; background-color: #66b2b2;}
.btn.theme-b.state-e span														{color: #ffffff; border-color: #f15435; background-color: #f15435;}

/* button theme-c */
.btn.theme-c																	{border-width: 1px; border-style: solid; border-color: transparent;}
.btn.theme-c span																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#ms.ie9 .btn.theme-c span														{display: table-cell; vertical-align: middle;}
#ms.ie8 .btn.theme-c span														{display: table-cell; vertical-align: middle;}

/* button theme-c outline */
.btn.theme-c.x-small span														{padding: 0 .75em; height: 22px; font-size: 12px;}
.btn.theme-c.small span															{padding: 0 .75em; height: 30px; font-size: 14px; white-space: nowrap; font-family: '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;}
.btn.theme-c.medium span														{padding: 0 .75em; height: 38px; font-size: 16px; white-space: nowrap; font-family: '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;}
.btn.theme-c.large span															{padding: 0 .75em; height: 46px; font-size: 20px; white-space: nowrap; font-family: '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;}
.btn.theme-c.x-large span														{padding: 0 48px; height: 54px; font-size: 20px; white-space: nowrap; letter-spacing: -1px; font-family: '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, sans-serif;}

/* button theme-c state */
.btn.theme-c.state-a span														{color: #b0b2b3; border-color: #dfe0e0; background-color: #f6f6f6;}
.btn.theme-c.state-b															{border-color: rgba(0,0,0,0.5);}
.btn.theme-c.state-b span														{color: #000000; background-color: #ffffff;}