@charset "UTF-8";
/*
    PROJECT NAME        : Cytiva Promotion
    HTML/CSS AUTHOR     : SOOBIN JEONG (sbjeong@reseedcorp.com)
    WRITTEN DATE        : 2021/05/18
    BROWSER             : CHROME
*/
/* ---------------------------------------------------------------------- RESET ---------------------------------------------------------------------- */
*, ::before, ::after {z-index: 0; margin: 0; padding: 0; line-height: 1; color: inherit; font-size: inherit; font-weight: inherit; text-decoration: inherit; font-style: inherit; border: 0 solid transparent; outline: 0 solid transparent; vertical-align: baseline; background: transparent none center center no-repeat; background-size: 100%; -webkit-background-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
ul, li, ol {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}
nav, img, fieldset, video, iframe {display: block;}
video, iframe {width: 100%; height: 100%;}
table {width: 100%; table-layout: fixed;}
table, tr, td, th, thead, tbody, tfoot, caption {border-collapse: collapse; border-spacing: 0;}
input, textarea, button {display: block;}
label, button, [type=button], [type=submit], [type=reset], a {color: inherit; cursor: pointer;}
input[type=text] {appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
input[type=checkbox], input[type=radio] {display: none;}
/* input, select, option {appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;} */
textarea {resize: none;}
b {font-weight: bold;}
u {text-decoration: underline;}



/* ---------------------------------------------------------------------- STYLE ---------------------------------------------------------------------- */
.promotion-wrap {margin: 0 auto; max-width: 480px;}
.promotion-head {padding: 5%; background-color: #00886f;}
.promotion-head h1 {line-height: 1.5; color: #ffffff; font-size: 20px; font-size: 1.25rem; text-align: center;}
.promotion-body {padding: 10% 5%;}

/* LOGIN */
.login-box {padding: 10% 0;}
.login-box a {display: block; padding: 5%; color: #3b1e1e; font-weight: 700; text-align: center;}
.login-box img {margin: 0 auto;}
/* FORM */
.form-box [class*=form-box__] {margin-top: 10%;}
.form-box span {display: block; line-height: 1.5;}
.form-box p {display: block; line-height: 2.0;font-size: 11px;}
.form-box span em {display: inline-block; color: #00886f;}
.form-box input[type="text"] {margin-top: 2%; padding: 8px 16px; width: 100%; background-color: #ffffff; border: 1px solid #aeb0b6;}
.form-box label {display: block; position: relative; margin-top: 2%;}
.form-box label input {display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.form-box label p {font-size: 14px;}
.form-box label em {display: inline-block; color: #00886f;}
.form-box label a {display: inline-block; font-weight: 700;}
.form-box button {display: block; margin: 10% auto 0; padding: 2%; width: 204px; line-height: 1.5; color: #ffffff; background-color: #00886f;}