@charset "utf-8";
:root {
    --color-white: #ffffff;
    --color-black: #222222;
    --color-black-70: rgba(34, 34, 34, 0.72);
    --color-black-40: rgba(34, 34, 34, 0.48);
    --color-dark-gray: #333333;
    --color-gray: #888888;
    --color-red:#FB5058;
    --color-kakao: #fee500;
    --color-main: #2AAD5C;
    --color-disabled: #d0d0d0;
    
    --bg-gray : #f3f3f3;

    --font-large-xl: 26px;
    --font-large: 24px;
    --font-medium: 18px;
    --font-regular: 16px;
    --font-small: 14px;
    --font-small-xs: 12px;

    --border: 1px solid #d0d0d0;
    --border-light: 1px solid #eff0f6;
    --border-error: 1px solid #FB5058;
    --border-main: 1px solid #2AAD5C;
    --border-radius: 12px;
    --border-radius-s: 8px;


    /* new - 23.09 */
    --gray-25 : #FCFCFD;
    --gray-50 : #F9FAFB;
    --gray-100 : #F2F4F7;
    --gray-200 : #EAECF0;
    --gray-300 : #D0D5DD;
    --gray-400 : #98A2B3;
    --gray-500 : #667085;
    --gray-600 : #475467;
    --gray-700 : #667085;
    --gray-800 : #1D2939;
    --gray-900 : #101828;

    
    --purple-25 : #F1FBF5;
    --purple-50 : #F1FBF5;
    --purple-100 : #AADEBE;
    --purple-200 : #AADEBE;
    --purple-300 : #7FCE9D;
    --purple-400 : #7FCE9D;
    --purple-500 : #55BD7D;
    --purple : #2AAD5C;
    --purple-700 : #228A4A;
    --purple-800 : #196837;
    --purple-900 : #114525;

    --empty : #D4D4D4;
    --disabled : #F5F5F5;
    --tag-red : #E04F4F;
    
}

/** RESET **/
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, 
form, fieldset, legend, address, figure, hr, object, iframe, img, 
button, input, select, textarea, label, a, span, em, strong, small, 
sub, sup, table, caption, thead, tbody, tfoot, tr, th, td {padding:0; margin:0; outline:0; box-sizing: border-box;}
html {line-height:1.2; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color: #f1f2f6; }
html, body { width: 100%; height: 100%; max-width: 480px; margin: 0 auto; -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */-ms-text-size-adjust : none;  /* IE */-moz-text-size-adjust : none;  /* 파이어폭스 */-o-text-size-adjust : none;  /* 오페라 구버전 */ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
html, button, input, select, textarea {font-family:'Pretendard','고딕', Arial, AppleGothic, sans-serif; font-weight:400; font-size:var(--font-regular); color:var(--color-black); font-style: normal; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; line-height:1.2;}
b, strong {font-weight:700;}
i, em, dfn, address {font-style:normal;}
a {background-color:transparent; color:inherit; text-decoration:none; }
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; outline:0;}
ul, ol, dl {list-style:none;}
img, video {max-width:100%; border:0 none; vertical-align:top;}
legend, caption {overflow:hidden; position:absolute; width:1px; height:1px; padding:0; border:0; margin:-1px; clip:rect(0 0 0 0);}
hr {display:none; height:0;}
::-moz-selection {background:transparent; text-shadow:none;}
::selection {background:transparent; text-shadow:none;}
input:-webkit-autofill, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

input.valid:-webkit-autofill,
input:-webkit-autofill:valid { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }

/** HTML5 **/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block; box-sizing:border-box;}
canvas, audio, video {display:inline-block; vertical-align:top; display:inline; zoom:1;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}

/** Form **/
fieldset {border:0;}
button {overflow:visible; border:0; background-color:transparent; vertical-align:top; line-height:normal; text-transform:none; cursor:pointer; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
html input[type=button], input[type=reset], input[type=submit], input[type=image] {cursor:pointer; -webkit-appearance:button;}
input {vertical-align:top; line-height:normal; border:0;}
input[type=checkbox], input[type=radio] {box-sizing:border-box; padding:0;}
input[type=search] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
input[type=search]::-ms-clear, input[type=search]:-ms-clear, input[type=text]::-ms-clear, input[type=text]:-ms-clear {display:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0; border:0;}
button[disabled], html input[disabled] {cursor:default;}
select {vertical-align:top; line-height:normal; text-transform:none; border:1px solid #707070;}
select::-ms-expand {display: none;}
textarea {overflow:auto; vertical-align:top; resize:none; border:1px solid #707070;}
label {vertical-align:top; cursor:pointer;}
input[type=submit] {border:1px solid transparent;}
/* mobile */
button, select, textarea,
input[type=text], input[type=password], input[type=button], input[type=reset], input[type=submit], input[type=image], input[type=tel] {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
/** Table **/
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; empty-cells:show;}
td, th {padding:0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number], input[type=date], input[type=time] { -webkit-appearance: none; -moz-appearance: textfield; }
main, section { overflow: hidden; }

/** DEFAULT **/
#wrap { position: relative; min-width: 360px; height: auto; min-height: 100%; margin: 0 auto; background-color: #ffffff; box-shadow: 0px 4px 12px rgba(200, 203, 222, 0.89); }
.hide { display: none !important; }
.m_only, .m-only { display: none !important; }

.cont_box { padding: 24px; } 
.bd_top { border-top: 8px solid #fafafa; }
.bd_bottom { border-bottom: 8px solid #fafafa; }
.min_hei_hd { min-height: calc(100vh - 68px); }
.min_hei_ft { min-height: calc(100vh - 316px); }
.bg_gray { background: #fafafa; }

.mt0 { margin-top: 0px; }
.mt08 { margin-top: 8px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }
.mt36 { margin-top: 36px; }
.mt48 { margin-top: 48px; }

@media (max-width:480px){
    .m_only, .m-only { display: block !important; }
    .pc_only { display: none !important; }
}