@charset "utf-8";

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

/* button theme-a */
.btn.theme-a .text																{font-weight: 400; font-family: Malgun Gothic,sans-serif; letter-spacing: -0.05em; 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; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* button theme-a outline */
.btn.theme-a.x-small .text														{padding: 0 0.25rem; height: 1.5rem; font-size: 0.875rem; font-weight: 400;}
.btn.theme-a.small .text														{padding: 0 1rem; height: 1.5rem; font-size: 0.875rem; font-weight: 400;}
.btn.theme-a.medium .text														{padding: 0.25rem 1rem; height: 2rem; font-size: 0.875rem ; font-weight: 400;}
.btn.theme-a.large .text														{padding: 0.5rem 1.25rem; height: 2.5rem; font-size: 1rem ; font-weight: 400;}
.btn.theme-a.x-large .text														{padding: 0.5rem 1.5rem; height: 3rem; font-size: 1.25rem; font-weight: 400;}

/* button theme-a state */
.btn.theme-a.fall-02 .text														{color: #333333; border-color: #f2f2f2; background-color: #f2f2f2;}
.btn.theme-a.fall-01 .text														{color: #ffffff; border-color: #777777; background-color: #777777;}
.btn.theme-a.rise-01 .text														{color: #333333; border-color: #333333; background-color: #ffffff;}
.btn.theme-a.rise-02 .text														{color: #ffffff; border-color: #2d231e; background-color: #00234b;}
.btn.theme-a.rise-03 .text														{color: #ffffff; border-color: #2d231e; background-color: #2d231e;}
.btn.theme-a.rise-04 .text														{color: #ffffff; border-color: #333333; background-color: #d9534f;}

/* button theme-b */
.btn.theme-b.type-a																{vertical-align: middle;}
.btn.theme-b.type-a .text														{display: block; position: relative; overflow: hidden; width: 1.5rem; height: 1.5rem; font-weight: 400; font-family: Malgun Gothic,sans-serif; font-size: .5rem; line-height: 1.5rem; color: #777777; letter-spacing: -0.05em;}
.btn.theme-b.type-a .text:after													{content: ''; display: block; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; background-image: url(./../img/global-icon.png); background-repeat: no-repeat; background-size: 1.5rem auto;}
.btn.theme-b.type-a.download .text												{width: 2rem; height: 2rem; line-height: 1rem;}
.btn.theme-b.type-a.download .text:after										{width: 2rem; height: 2rem; background-position: 0 -16rem; background-size: 2rem auto;}

.btn.theme-b.type-a.add .text:after												{background-position: 0 -1.5rem;}
.btn.theme-b.type-a.remove .text:after											{background-position: 0 -3rem;}
.btn.theme-b.type-a.under .text:after											{background-position: 0 -4.5rem;}
.btn.theme-b.type-a.upper .text:after											{background-position: 0 -6rem;}

/* button-area type-a */
/* .button-area.type-a																{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} */
/* .button-area.type-a .button-item												{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;} */
/* .button-area.type-a .button-item .btn											{display: block;} */
/* .button-area.type-a .button-item .btn+.btn										{margin-left: 0.5rem;} */

/* ie9 only */
.button-area.type-a																{}
.button-area.type-a:after														{content: ''; display: block; clear: both;}
.button-area.type-a .button-item												{float: right;}
.button-area.type-a .button-item+.button-item									{margin-right: 0.5rem;}
.button-area.type-a .button-item .btn											{float: left;}
.button-area.type-a .button-item .btn+.btn										{margin-left: 0.5rem;}

/* button-area type-b */
/* .button-area.type-b																{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;} */
/* .button-area.type-b .button-item												{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;} */
/* .button-area.type-b .button-item .btn											{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} */
/* .button-area.type-b .button-item .btn+.btn										{margin-left: 0.5rem;} */

/* ie9 only */
.button-area.type-b																{text-align: center;}
.button-area.type-b .button-item												{display: inline-block; vertical-align: top;}
.button-area.type-b .button-item:after											{content: ''; display: block; clear: both;}
.button-area.type-b .button-item .btn											{float: left;}
.button-area.type-b .button-item .btn+.btn										{margin-left: 0.5rem;}

/* button-area type-c */
/* .button-area.type-c																{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;} */
/* .button-area.type-c .button-item												{width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; 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;} */
/* .button-area.type-c .button-item .btn											{display: block; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} */
/* .button-area.type-c .button-item .btn+.btn										{margin-left: 0.5rem;} */

/* ie9 only */
.button-area.type-c																{margin: 0 -0.5rem;}
.button-area.type-c .button-item												{display: table; table-layout: fixed; border-spacing: 0.5rem 0; width: 100%;}
.button-area.type-c .button-item .btn											{display: table-cell;}

/* button-area type-d */
.button-area.type-d																{display: inline-block; margin: 0 0.5rem; vertical-align: middle;}
.button-area.type-d .button-item												{}
.button-area.type-d .button-item:after											{content: ''; display: block; clear: both;}
.button-area.type-d .button-item .btn											{float: left; margin: 0;}
.button-area.type-d .button-item .btn+.btn										{margin-left: 0.25rem;}