@charset "utf-8";
/* Info
 ========================================================================== */
/**
    * 1. Writer: Gyuri Son. (Weaverloft Corp.)
    * 2. Production Date: 2026-02
    * 3. Client: Neopharm
 */

/*========== Import ==========*/
@import url("./reset.css");
@import url("./font.css");

:root {
    --point-color: #009B3D;
    --green-color: #69BA5F;
    --light-green-color: #F0F9E5;
    --hover-color: #F7FCF0;
    --bg-color: #F8FAFC;
    --dark-bg-color: #F1F5F9;
    --font-color-1: #111111;
    --font-color: #333333;
    --font-color-5: #555555;
    --font-color-6: #666666;
    --font-color-9: #999999;
    --font-color-a: #AAAAAA;
    --border-color: #dddddd;
    --border-color-c: #cccccc;
    --border-color-e: #e5eaef;
    --red-color: #EF4444;
}

/*========== Base ==========*/
html, body{width: 100%; font-size: 1rem; color: #333333; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100% }
html, body, * { font-family:'Pretendard', '맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,Arial,AppleGothic,sans-serif; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased;}
*, *::before, *::after{box-sizing: border-box;}
a {display: inline-block; text-decoration: none;  cursor: pointer; vertical-align: top;}
button {font-size: 1rem; cursor: pointer;}
span {display: inline-block; font-weight: inherit; font-family: inherit; }
input{appearance:none; -webkit-appearance:none; -moz-appearance:none;}
input, select, textarea, body, code, button {font-family:'Pretendard', '맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,Arial,AppleGothic,sans-serif !important;-webkit-font-smoothing: antialiased;color: #333333;}
*::placeholder { font-size: inherit; font-weight: 400;}
picture, figure { display: block; box-sizing: border-box; margin: 0; font-size: 0; }
dd, dt{display: inline-block;}
em, img, figure { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block}
audio, canvas, video { display: inline-block }
img {max-width: 100%; height: auto; border: 0; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
video, embed, object { max-width: 100% }
.screen-ir { position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);}