@charset "utf-8";

/* Reset */
@import url(font.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'); /* font-family: 'Lato', sans-serif; */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); /* font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; */
/* @font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
} */

html,body,
h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,
ul,ol,li,nav,section,article,header,footer,main,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,
form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption,a { margin:0;padding:0; font-family:"GmarketSans", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 16px; font-weight: 400; color : #191919; word-break: keep-all; border: none; box-sizing: border-box; -webkit-text-size-adjust: 100%;} 
/* body,input,select,textarea,button,img,fieldset { border: none; }  */
ul,ol,li,summary { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } 
address,cite,code,em,i { font-style: normal; font-weight: normal; } 
label,img,input,select,textarea,button,a { font-size: 1rem; vertical-align: middle; } 
u,ins,a { text-decoration: none; } 
button { cursor: pointer; } 
a { cursor: pointer; }

/* Normalize */
/* input { font: inherit; margin: 0; line-height: normal; border-radius: 0; resize: none }
input[type=checkbox], input[type=radio] { width: 1.125rem; height: 1.125rem; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } 

input[type=number] { -moz-appearance: textfield; } 

input[type=number],
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=date],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } 

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } 

input[type=date] { position: relative; } 

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button { display: none; } 
input[type=date]::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; background: transparent; color: transparent; cursor: pointer; width: 100%; height: 100%; } 
input[type=date] { position: relative; width: 100px; } 
input[type=date]::before { content: attr(data-placeholder); width: 100%; } 
input[type=date]:valid::before { display: none; }  */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#191919; border:1px solid #dbdbdb; background:#fff;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,select {width:100%; height:43px; font-size:14px; color:#191919; border:1px solid #dbdbdb; background:#fff; text-decoration:none; text-indent:20px;  transition: all 0.5s; vertical-align:middle; border-radius: 3px;}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder{color:#191919; font-size:13px;}
textarea { padding:5px 20px; text-indent: 0; box-sizing: border-box;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled]{background:#eaeaea !important; border-color:#c0c0c0 !important; color:#666 !important; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666 !important; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

.hide { overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } 

/* margin-padding */
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.mt70 { margin-top: 70px;}

.mb20 { margin-bottom: 20px; }
.mb35 { margin-bottom: 35px; }

/* flexbox */
.flex { display: flex; }
.flex.jc_spacebt { justify-content: space-between; }
.flex.jc_center { justify-content: center; }
.flex.ac_center { align-items: center; }

/* align */
.alignc { text-align: center;}
.alignl { text-align: left;}
.alignr { text-align: right;}

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden; } 
.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 5rem; background: #000; color:#fff; text-align: center; z-index: 100; } 
.skip:focus { top: 0; } 

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

:root { 
    --purple: #6e179c; 
    --purple80: #8b45b0; 
    --purple60: #a874c4; 
    --purple40: #c5a2d7; 
    --purple20: #e2d1eb; 
    --purple210: #f1e8f6; 

    --black: #000000;
    --white: #ffffff;
    --gray19: #191919;  
    --gray21: #212121;  
    --gray33: #333333;  /* 테이블 top 라인, th font color */
    --gray42: #424242;  /* td font color */
    --gray50: #505050;
    --gray76: #767676;
    --gray8c: #8c8b8b;
    --gray95: #959595;
    --gray99: #999999;
    --graybc: #bcbec0;  /* 테이블 th 라인 */
    --grayed: #ededed;
    --graydb: #dbdbdb;  /* 테이블 td 라인 */ 
    --grayf7: #f7f7fa;
  }