/* reset */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900; 1,100..900&display=swap'); 

* { margin: 0; padding: 0; border: 0; box-sizing: border-box; word-break: keep-all; } 
html { font-size: 62.5%; } /* -webkit-user-select:none; 모바일 드래그 막기 */
body { min-width: 320px; max-width: 100%; height: 100%; font-family: "Pretendard", sans-serif; font-size: 1.6rem; font-weight: 400; box-sizing: border-box; overflow-x: clip; } 
body.no-scroll { overflow: hidden; } 
ol,ul,li { list-style: none; } 
table,th,td { border-collapse: collapse; /*border-spacing: 0; */ } 

input, button { font-family:"Pretendard", sans-serif; } 
input { height: 3rem; padding: 5px 10px; background: #F3F3F3; border: 1px solid #E8E9EB; border-radius: 5px; font-size: 1.5rem; } 
input::placeholder { color: #9D9D9D; } 
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear { display: none; } 
textarea { width: 100%; padding: 5px 10px; background: #F3F3F3; border: 1px solid #E8E9EB; border-radius: 5px; font-size: 1.5rem; } 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
select::-ms-expand { display: none; } 
div { outline: none; } 
label { cursor: pointer; } 
label img { pointer-events: none; } 
a { text-decoration: none; color: #000; } 
img { display: block; border: 0; max-width: 100%; width: 100%; } 
button { background-color: transparent; cursor: pointer; } 
p { word-break: keep-all; } 
i { font-style: normal; } 


.jpn * {word-break: break-word !important;}
.jpn p {word-break: break-word;}

/* ===== checkbox ===== */
.chk input { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; opacity: 0; pointer-events: none; } 
.chk { display: inline-flex; align-items: center; cursor: pointer; position: relative; } 

.chk-ui { position: relative; width: 15px; height: 15px; border-radius: 3px; border: 1.5px solid #000; background-color: #E8E8E8; box-sizing: border-box; transition: background-color 0.2s ease, border-color 0.2s ease; } 

/* ===== 체크 상태 ===== */
.chk input:checked + .chk-ui { 
 /* background-color: #4da3ff; */
 } 
 .chk-ui::after { position: relative; 
 content: ""; 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 10px; 
 height: 10px; 
 background: #429AFF; 
 border-radius: 2px; 
 opacity: 0; 
 transition: opacity 0.15s ease; 
 } 

/* ===== 체크 아이콘 ===== */
/* .chk-ui::after { 
 content: ""; 
 position: absolute; 
 width: 11px; 
 height: 11px; 
 border-left: 2px solid #fff; 
 border-bottom: 2px solid #fff; 
 transform: rotate(-45deg); 
 top: 7px; 
 left: 6px; 
 opacity: 0; 
 transition: opacity 0.15s ease; 
 } */

.chk input:checked + .chk-ui::after { 
 opacity: 1; 
 } 

/* ===== 포커스 (키보드 접근성) ===== */
.chk input:focus-visible + .chk-ui { 
 outline: 2px solid rgba(77, 163, 255, 0.4); 
 outline-offset: 2px; 
 } 

/* ===== disabled ===== */
.chk input:disabled + .chk-ui { 
 background-color: #eee; 
 border-color: #bbb; 
 cursor: not-allowed; 
 } 

.chk input:disabled + .chk-ui::after { 
 border-color: #ccc; 
 } 


@media all and (max-width:576px) { 
 html { font-size: 50.5%; } 
 body {font-size: 1.8rem;}
 } 


/* // @media all and (max-width:900px) { 
// html { font-size: 52.5%; } 
// } 
// @media all and (max-width:768px) { 
// html { font-size: 50.5%; } 
// } 

// @media screen and (any-pointer:coarse) { 
// } */