@charset "utf-8";

/* Reset */
html,
body { height: 100%; } 
* { font-family: "Noto Sans KR", sans-serif; } 
html { font-size: 10px; line-height: 10px; /* font-size: 62.5%; font-size 1em = 10px 브라우저의 기본 설정 */}
* { outline: 0 !important; } 
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption { margin: 0; padding: 0; } 
html,
body { width: 100%; background: #fff; } 

body { width: 100%; -webkit-text-size-adjust: none; word-wrap: break-word; word-break: break-all; } 
body,
input,
select,
textarea,
button { border: none; color: #000; } 
ul,
ol,
li { list-style: none; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
img,
fieldset { border: 0; } 
address,
cite,
code,
em { font-style: normal; font-weight: normal; } 
label,
img,
input,
select,
textarea,
button { vertical-align: middle; } 
.hide,
caption,
legend { line-height: 0; font-size: 0; overflow: hidden; } 
hr { display: none; } 
main,
header,
section,
nav,
footer,
aside,
article,
figure { display: block; } 
a { color: #000; text-decoration: none; cursor: pointer; } 
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
figure { margin: 0; padding: 0; line-height: normal; vertical-align: baseline; } 
ul,
li { list-style-type: none; margin: 0; padding: 0; } 

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("../../../../images/ico/triangle.svg") no-repeat; background-color: rgb(255, 255, 255); background-position-x: 93%; background-position-y: center; background-size: auto; background-size: 11px 12px; } 

select::-ms-expand { display: none; } 

select option { padding: 0.5rem; } 

input[type="date"]::-webkit-calendar-picker-indicator { background: #fff url("../../../../images/ico/ico_date.svg") no-repeat; background-color: rgb(255, 255, 255); background-size: contain; background-position-x: 93%; background-position-y: center; } 

button,
input[type="submit"] { cursor: pointer; } 

/*grid*/
.flex { display: flex; justify-content: space-between; } 
.f1 { flex: 1; } 
.f2 { flex: 2; } 
.f3 { flex: 3; } 
.f4 { flex: 4; } 
.f5 { flex: 5; } 

/* display style */
.dsp_none,
.hide { display: none; } 
.dsp_inblock { display: inline-block; } 
.dsp_block { display: block; } 

/* align style */
.txt_left { text-align: left !important; } 
.txt_center { text-align: center !important; } 
.txt_right { text-align: right !important; } 

/* none Style */
.pd_none { padding: 0 !important; } 
.mg_none { margin: 0px !important; } 

.mgt10 { margin-top: 1rem; } 
.mgt20 { margin-top: 2rem; } 
.mgt50 { margin-top: 5rem; } 

.mgb10 { margin-bottom: 1rem; } 
.mgb20 { margin-bottom: 2rem; } 

.mgr10 { margin-right: 1rem; } 
.mgr20 { margin-right: 2rem; } 

.mgl10 { margin-left: 1rem; } 
.mgl20 { margin-left: 2rem; } 

/* 버튼 위치 flex 추가*/
.flex_end { display: flex; justify-content: flex-end; } 
.flex_start { display: flex; justify-content: flex-start; } 
.flex_between { display: flex; justify-content: space-between; } 
.flex_center { display: flex; justify-content: center; } 

/* gap 추가 */
.gap05 { gap: 0.5rem; } 
.gap1 { gap: 1rem; } 

.screenout { display: none; } 

/* PC , 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width: 768px) and (max-width: 1023px) { html { font-size: 9px; line-height: 9px; } 
 }

/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width: 480px) and (max-width: 767px) { html { font-size: 9px; line-height: 9px; } 
 }

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width: 479px) { html { font-size: 9px; line-height: 9px; } 
 }