/* reset */


* { margin: 0; padding: 0; border: 0; box-sizing: border-box; word-break: keep-all; }
html { font-size: 62.5%; overflow-x: hidden; } /* -webkit-user-select:none; 모바일 드래그 막기 */
body { min-width: 320px; max-width: 100%; color: #000; font-family: 'Pretendard',sans-serif; font-size: 1.6rem; letter-spacing: -0.025em; box-sizing: border-box; scroll-behavior: smooth; overscroll-behavior: auto; }
ol,ul,li { list-style: none; }
table,th,td { border-collapse: collapse; /*border-spacing: 0; */ }
input { font-family: 'Pretendard',sans-serif; } 
input:focus { outline:none; }
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear { display: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; } /*IE 10, 11의 네이티브 화살표 숨기기*/
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; }
.icon { display: inline-block; width: auto; max-width: 100%; }

::-webkit-scrollbar { width: .4rem; background: transparent; }
::-webkit-scrollbar-thumb { height: 30%; background: #000; border-radius: 1rem; }
::-webkit-scrollbar-track { background: transparent; }


.board label { font-size: 18px; line-height: 2rem; padding: 0.2em 0.4em; }
.board [type="radio"],.board span { vertical-align: middle; }
.board [type="radio"] { position: relative; appearance: none; border: 1px solid #999999; border-radius: 50%; width: 2rem; height: 2rem; transition: border 0.5s ease-in-out; }
.board [type="radio"]:checked { border: 5px solid #fff; background: var(--color-point); }
.board [type="radio"]:checked::after { position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; border-radius: 100%; border: 1px solid #999999; transform: translate(-50%, -50%); content: ''; }
.board [type="radio"]:disabled { background-color: #fff; box-shadow: none; opacity: 0.7; cursor: not-allowed; }
.board [type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed; }

.board [type="checkbox"], .board span { vertical-align: middle; }
.board [type="checkbox"] { position: relative; appearance: none; border: 1px solid #999999; border-radius: 50%; width: 2rem; height: 2rem; transition: border 0.5s ease-in-out; }
.board [type="checkbox"]:checked { border: 5px solid #fff; background: var(--color-point); }
.board [type="checkbox"]:checked::after { position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; border-radius: 100%; border: 1px solid #999999; transform: translate(-50%, -50%); content: ''; }
.board [type="checkbox"]:disabled { background-color: #fff; box-shadow: none; opacity: 0.7; cursor: not-allowed; }
.board [type="checkbox"]:disabled + span { opacity: 0.7; cursor: not-allowed; }

@media all and (max-width:500px) {
 .board [type="radio"]:checked { border: 2px solid #fff; }
 }


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

@media all and (any-pointer:coarse) {
 /* body { overflow-x: hidden; }  */
 }