* {box-sizing:border-box}
html, body {margin:0; padding:0; width:100%; min-height:100%}
ul, ol{list-style:none; padding-inline-start:0;margin-block-start:0; margin-block-end:0;}
a{text-decoration:none; color:inherit}
table{border-spacing:0}
input{outline:none; margin:0}
h1, h2, h3, h4, h5, h6{margin:0}
.nodrag {-ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
button{border:none; background:none; cursor:pointer; padding:0}
input, select, button, textarea{-webkit-border-radius:0; /* 모서리 스타일 제거 */-webkit-appearance:none; /* 인풋내 그림자 제거 */}


/* 유틸리티 */
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none}
.nowrap {white-space: nowrap}


/* input, select 스타일 */
select, input{padding: 9px 12px; border: solid 1px #ddd; font-size: 15px; border-radius: 5px; color: #555; background-color: white}
input::placeholder{font-size:0.9em; opacity:0.8}
select:hover{background:#f8f8f8}

/* 스크롤바 */
.vscroll::-webkit-scrollbar {background: #f5f5f5; width: 6px }
.vscroll::-webkit-scrollbar-thumb,
.hscroll::-webkit-scrollbar-thumb {background-color: #d6d6d6; border-radius: 3px; cursor: pointer }
.vscroll::-webkit-scrollbar-thumb:hover,
.hscroll::-webkit-scrollbar-thumb:hover {background-color: #afafaf}
.hscroll::-webkit-scrollbar {background: #f5f5f5; height: 6px}

/* 좌우 여백(반응형 전용 좌우 여백) */
.d-pw{padding-left: 40px; padding-right: 40px}
.d-mw{margin-left: 40px; margin-right: 40px}
.a-pw{padding-left: 40px; padding-right: 40px}
.a-mw{margin-left: 40px; margin-right: 40px}
.m-pw{padding-left: 0; padding-right: 0}
.m-mw{margin-left: 0; margin-right: 0}
.only-mobile{display:none}
@media(max-width:699px){
  .only-mobile{display:block}
  .only-mobile-inline{display:inline}
  .only-desktop{display:none}
  .d-pw{padding-left:0; padding-right:0}
  .d-mw{margin-left:0; margin-right:0}
  .a-pw{padding-left:20px; padding-right:20px}
  .a-mw{margin-left:20px; margin-right:20px}
  .m-pw{padding-left: 20px; padding-right: 20px}
  .m-mw{margin-left: 20px; margin-right: 20px}
}

/* 패딩 */
.p-1{padding:1px} .p-2{padding:2px} .p-3{padding:3px} .p-4{padding:4px} .p-5{padding:5px} .p-6{padding:6px} .p-7{padding:7px} .p-8{padding:8px} .p-9{padding:9px} .p-10{padding:10px}
.p-11{padding:11px} .p-12{padding:12px} .p-13{padding:13px} .p-14{padding:14px} .p-15{padding:15px} .p-16{padding:16px} .p-17{padding:17px} .p-18{padding:18px} .p-19{padding:19px} .p-20{padding:20px}
.p-22{padding:22px} .p-24{padding:24px} .p-25{padding:25px} .p-26{padding:26px} .p-28{padding:28px} .p-30{padding:30px}
.p-35{padding:35px} .p-40{padding:40px} .p-45{padding:45px} .p-50{padding:50px}

.pl-1{padding-left:1px} .pl-2{padding-left:2px} .pl-3{padding-left:3px} .pl-4{padding-left:4px} .pl-5{padding-left:5px} .pl-6{padding-left:6px} .pl-7{padding-left:7px} .pl-8{padding-left:8px} .pl-9{padding-left:9px} .pl-10{padding-left:10px}
.pl-11{padding-left:11px} .pl-12{padding-left:12px} .pl-13{padding-left:13px} .pl-14{padding-left:14px} .pl-15{padding-left:15px} .pl-16{padding-left:16px} .pl-17{padding-left:17px} .pl-18{padding-left:18px} .pl-19{padding-left:19px} .pl-20{padding-left:20px}
.pl-22{padding-left:22px} .pl-24{padding-left:24px} .pl-25{padding-left:25px} .pl-26{padding-left:26px} .pl-28{padding-left:28px} .pl-30{padding-left:30px}
.pl-35{padding-left:35px} .pl-40{padding-left:40px} .pl-45{padding-left:45px} .pl-50{padding-left:50px}

.pr-1{padding-right:1px} .pr-2{padding-right:2px} .pr-3{padding-right:3px} .pr-4{padding-right:4px} .pr-5{padding-right:5px} .pr-6{padding-right:6px} .pr-7{padding-right:7px} .pr-8{padding-right:8px} .pr-9{padding-right:9px} .pr-10{padding-right:10px}
.pr-11{padding-right:11px} .pr-12{padding-right:12px} .pr-13{padding-right:13px} .pr-14{padding-right:14px} .pr-15{padding-right:15px} .pr-16{padding-right:16px} .pr-17{padding-right:17px} .pr-18{padding-right:18px} .pr-19{padding-right:19px} .pr-20{padding-right:20px}
.pr-22{padding-right:22px} .pr-24{padding-right:24px} .pr-25{padding-right:25px} .pr-26{padding-right:26px} .pr-28{padding-right:28px} .pr-30{padding-right:30px}
.pr-35{padding-right:35px} .pr-40{padding-right:40px} .pr-45{padding-right:45px} .pr-50{padding-right:50px}

.pt-1{padding-top:1px} .pt-2{padding-top:2px} .pt-3{padding-top:3px} .pt-4{padding-top:4px} .pt-5{padding-top:5px} .pt-6{padding-top:6px} .pt-7{padding-top:7px} .pt-8{padding-top:8px} .pt-9{padding-top:9px} .pt-10{padding-top:10px}
.pt-11{padding-top:11px} .pt-12{padding-top:12px} .pt-13{padding-top:13px} .pt-14{padding-top:14px} .pt-15{padding-top:15px} .pt-16{padding-top:16px} .pt-17{padding-top:17px} .pt-18{padding-top:18px} .pt-19{padding-top:19px} .pt-20{padding-top:20px}
.pt-22{padding-top:22px} .pt-24{padding-top:24px} .pt-25{padding-top:25px} .pt-26{padding-top:26px} .pt-28{padding-top:28px} .pt-30{padding-top:30px}
.pt-35{padding-top:35px} .pt-40{padding-top:40px} .pt-45{padding-top:45px} .pt-50{padding-top:50px}

.pb-1{padding-bottom:1px} .pb-2{padding-bottom:2px} .pb-3{padding-bottom:3px} .pb-4{padding-bottom:4px} .pb-5{padding-bottom:5px} .pb-6{padding-bottom:6px} .pb-7{padding-bottom:7px} .pb-8{padding-bottom:8px} .pb-9{padding-bottom:9px} .pb-10{padding-bottom:10px}
.pb-11{padding-bottom:11px} .pb-12{padding-bottom:12px} .pb-13{padding-bottom:13px} .pb-14{padding-bottom:14px} .pb-15{padding-bottom:15px} .pb-16{padding-bottom:16px} .pb-17{padding-bottom:17px} .pb-18{padding-bottom:18px} .pb-19{padding-bottom:19px} .pb-20{padding-bottom:20px}
.pb-22{padding-bottom:22px} .pb-24{padding-bottom:24px} .pb-25{padding-bottom:25px} .pb-26{padding-bottom:26px} .pb-28{padding-bottom:28px} .pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px} .pb-40{padding-bottom:40px} .pb-45{padding-bottom:45px} .pb-50{padding-bottom:50px}


/* 마진 */
.m-1{margin:1px} .m-2{margin:2px} .m-3{margin:3px} .m-4{margin:4px} .m-5{margin:5px} .m-6{margin:6px} .m-7{margin:7px} .m-8{margin:8px} .m-9{margin:9px} .m-10{margin:10px}
.m-11{margin:11px} .m-12{margin:12px} .m-13{margin:13px} .m-14{margin:14px} .m-15{margin:15px} .m-16{margin:16px} .m-17{margin:17px} .m-18{margin:18px} .m-19{margin:19px} .m-20{margin:20px}
.m-22{margin:22px} .m-24{margin:24px} .m-25{margin:25px} .m-26{margin:26px} .m-28{margin:28px} .m-30{margin:30px}
.m-35{margin:35px} .m-40{margin:40px} .m-45{margin:45px} .m-50{margin:50px}

.ml-1{margin-left:1px} .ml-2{margin-left:2px} .ml-3{margin-left:3px} .ml-4{margin-left:4px} .ml-5{margin-left:5px} .ml-6{margin-left:6px} .ml-7{margin-left:7px} .ml-8{margin-left:8px} .ml-9{margin-left:9px} .ml-10{margin-left:10px}
.ml-11{margin-left:11px} .ml-12{margin-left:12px} .ml-13{margin-left:13px} .ml-14{margin-left:14px} .ml-15{margin-left:15px} .ml-16{margin-left:16px} .ml-17{margin-left:17px} .ml-18{margin-left:18px} .ml-19{margin-left:19px} .ml-20{margin-left:20px}
.ml-22{margin-left:22px} .ml-24{margin-left:24px} .ml-25{margin-left:25px} .ml-26{margin-left:26px} .ml-28{margin-left:28px} .ml-30{margin-left:30px}
.ml-35{margin-left:35px} .ml-40{margin-left:40px} .ml-45{margin-left:45px} .ml-50{margin-left:50px}

.mr-1{margin-right:1px} .mr-2{margin-right:2px} .mr-3{margin-right:3px} .mr-4{margin-right:4px} .mr-5{margin-right:5px} .mr-6{margin-right:6px} .mr-7{margin-right:7px} .mr-8{margin-right:8px} .mr-9{margin-right:9px} .mr-10{margin-right:10px}
.mr-11{margin-right:11px} .mr-12{margin-right:12px} .mr-13{margin-right:13px} .mr-14{margin-right:14px} .mr-15{margin-right:15px} .mr-16{margin-right:16px} .mr-17{margin-right:17px} .mr-18{margin-right:18px} .mr-19{margin-right:19px} .mr-20{margin-right:20px}
.mr-22{margin-right:22px} .mr-24{margin-right:24px} .mr-25{margin-right:25px} .mr-26{margin-right:26px} .mr-28{margin-right:28px} .mr-30{margin-right:30px}
.mr-35{margin-right:35px} .mr-40{margin-right:40px} .mr-45{margin-right:45px} .mr-50{margin-right:50px}

.mt-1{margin-top:1px} .mt-2{margin-top:2px} .mt-3{margin-top:3px} .mt-4{margin-top:4px} .mt-5{margin-top:5px} .mt-6{margin-top:6px} .mt-7{margin-top:7px} .mt-8{margin-top:8px} .mt-9{margin-top:9px} .mt-10{margin-top:10px}
.mt-11{margin-top:11px} .mt-12{margin-top:12px} .mt-13{margin-top:13px} .mt-14{margin-top:14px} .mt-15{margin-top:15px} .mt-16{margin-top:16px} .mt-17{margin-top:17px} .mt-18{margin-top:18px} .mt-19{margin-top:19px} .mt-20{margin-top:20px}
.mt-22{margin-top:22px} .mt-24{margin-top:24px} .mt-25{margin-top:25px} .mt-26{margin-top:26px} .mt-28{margin-top:28px} .mt-30{margin-top:30px}
.mt-35{margin-top:35px} .mt-40{margin-top:40px} .mt-45{margin-top:45px} .mt-50{margin-top:50px}

.mb-1{margin-bottom:1px} .mb-2{margin-bottom:2px} .mb-3{margin-bottom:3px} .mb-4{margin-bottom:4px} .mb-5{margin-bottom:5px} .mb-6{margin-bottom:6px} .mb-7{margin-bottom:7px} .mb-8{margin-bottom:8px} .mb-9{margin-bottom:9px} .mb-10{margin-bottom:10px}
.mb-11{margin-bottom:11px} .mb-12{margin-bottom:12px} .mb-13{margin-bottom:13px} .mb-14{margin-bottom:14px} .mb-15{margin-bottom:15px} .mb-16{margin-bottom:16px} .mb-17{margin-bottom:17px} .mb-18{margin-bottom:18px} .mb-19{margin-bottom:19px} .mb-20{margin-bottom:20px}
.mb-22{margin-bottom:22px} .mb-24{margin-bottom:24px} .mb-25{margin-bottom:25px} .mb-26{margin-bottom:26px} .mb-28{margin-bottom:28px} .mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px} .mb-40{margin-bottom:40px} .mb-45{margin-bottom:45px} .mb-50{margin-bottom:50px}

/* 불투명도 */
.op-0{opacity:0} .op-01{opacity:0.1} .op-02{opacity:0.2} .op-03{opacity:0.3} .op-04{opacity:0.4}
.op-05{opacity:0.5} .op-06{opacity:0.6} .op-07{opacity:0.7} .op-08{opacity:0.8} .op-09{opacity:0.9} .op-1{opacity:1}