@charset "utf-8";

/* CSS Document */


/* Button Common */
.button,
.button * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; vertical-align:middle; overflow:visible; text-align:center}
.button * {cursor:pointer; _cursor:hand}


/* Button Color */
.button.basic, .button.basic * {min-width:40px; height:31px; line-height:25px; border-radius:2px}
.button.basic * {padding:0 10px; color:#fff; background:#5587c4; vertical-align:top}
.button.basic *:hover {background:#1f61b2}

.button.highlight, .button.highlight * {min-width:40px; height:31px; line-height:31px; border-radius:2px}
.button.highlight * {padding:0 10px; color:#fff; background:#c51064}
.button.highlight *:hover {background:#991452}

.button.basic_dif, .button.basic_dif * {min-width:40px; height:31px; line-height:31px; border-radius:2px}
.button.basic_dif * {padding:0 10px; color:#fff; background:#444}
.button.basic_dif *:hover {background:#222}

.button.small, .button.small * {min-width:80px; height:25px; margin-bottom:2px; line-height:25px; box-sizing:border-box; border-radius:2px}
.button.small * {padding:0 6px; font-size:11px; color:#111; background:#f9f9f9; border:1px solid #ccc; border-bottom:1px solid #aaa; vertical-align:top}
.button.small *:hover {background:#ddd; color:#111; border:1px solid #bbb; border-bottom:1px solid #909090}
.button.small *:focus {color:#111; border:1px solid #333}

.button.small_dif, .button.small_dif * {min-width:80px; height:25px; line-height:25px; box-sizing:border-box; border-radius:2px;}
.button.small_dif * {padding:0 6px; font-size:11px; color:#fff; background:#5275b8; box-sizing:border-box; border:1px solid #405f9b; border-bottom:1px solid #2a406a; vertical-align:top}
.button.small_dif *:hover {background:#435f95; color:#fff; border:1px solid #344d7e; border-bottom:1px solid #213358}
.button.small_dif *:focus {color:#fff}

.button.small_highlight, .button.small_highlight * {min-width:80px; height:25px; line-height:25px; box-sizing:border-box; border-radius:2px}
.button.small_highlight * {padding:0 6px; font-size:11px; color:#fff; background:#c85a41; box-sizing:border-box; border:1px solid #b64e36; border-bottom:1px solid #a2351b; vertical-align:top}
.button.small_highlight *:hover {background:#b9462c; color:#fff; border:1px solid #bc3d1f; border-bottom:1px solid #982d14}
.button.small_highlight *:focus {color:#fff}

.button.small_fix, .button.small_fix * {display:block; margin:1px 0; width:90px; height:25px; line-height:25px; box-sizing:border-box; border-radius:2px}
.button.small_fix * {padding:0 6px; font-size:11px; color:#111; background:#f9f9f9; border:1px solid #ccc; border-bottom:1px solid #aaa; vertical-align:top}
.button.small_fix *:hover {background:#ddd; color:#111; border:1px solid #bbb; border-bottom:1px solid #909090}
.button.small_fix *:focus {color:#111; border:1px solid #333}

.button.small_fix_dif, .button.small_fix_dif * {display:block; margin:1px 0; width:90px; height:25px; line-height:25px; border-radius:2px}
.button.small_fix_dif * {padding:0 6px; font-size:11px; color:#fff; background:#5275b8; border:1px solid #405f9b; border-bottom:1px solid #2a406a; vertical-align:top}
.button.small_fix_dif *:hover {background:#435f95; color:#fff; border:1px solid #344d7e; border-bottom:1px solid #213358}
.button.small_fix_dif *:focus {color:#fff}


.button.highlight {background-position:left -40px}


/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus {color:#fff}

.button.small *:link,
.button.small *:hover,
.button.small *:active,
.button.small *:focus {color:#555}

/* Button Strong */
.button.strong * {font-weight:bold !important;}



/* 사전검토 및 심사의원검토 제출하기버튼 */
.button2,
.button2 * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; text-align:center; white-space:nowrap; vertical-align:middle; overflow:visible}

.button2.basic_dif_big, .button.basic_dif_big * {line-height:22px}
.button2.basic_dif_big * {padding:6px 10px; color:#fff; background:#444; font:700 24px ng}
.button2.basic_dif_big *:hover {padding:4px 8px; border:2px solid #444; background:#fff; color:#444}

.button2.highlight_dif_big, .button.highlight_dif_big * {line-height:22px}
.button2.highlight_dif_big * {padding:6px 10px; color:#fff; background:#4588cb; font:700 24px ng}
.button2.highlight_dif_big *:hover {padding:4px 8px; border:2px solid #4588cb; background:#fff; color:#4588cb}


/* 큰 버튼 파란색 */
.button.big * {min-width:110px; padding:9px; border:1px solid #004367; border-radius:2px; box-sizing:content-box; background:#004367;  transition:background-color 0.5s; font-weight:bold; font-size:16px; vertical-align:top; color:#fff}
.button.big:hover * {mborder:1px solid #04344e; border-radius:2px; background:#04344e; vertical-align:top; color:#fff}


/* 큰 버튼 빨간색 */
.button.big_dif * {min-width:110px; padding:9px; border:1px solid #9e223b; border-radius:2px; background:#9e223b;  transition:background-color 0.5s; font-weight:bold; font-size:16px; vertical-align:top; box-sizing:content-box; color:#fff}
.button.big_dif:hover * {border:1px solid #7b0b22; border-radius:2px; background:#7b0b22; vertical-align:top; color:#fff}