@charset "UTF-8";

/* ----- 폰트 ----- */
@font-face {
    font-family: 'Paperlogy Regular';
    font-style: normal;
    src: url('../fonts/Paperlogy-Regular.woff2') format('woff2'), url('../fonts/Paperlogy-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy Medium';
    font-style: normal;
    src: url('../fonts/Paperlogy-Medium.woff2') format('woff2'), url('../fonts/Paperlogy-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy SemiBold';
    font-style: normal;
    src: url('../fonts/Paperlogy-SemiBold.woff2') format('woff2'), url('../fonts/Paperlogy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy Bold';
    font-style: normal;
    src: url('../fonts/Paperlogy-Bold.woff2') format('woff2'), url('../fonts/Paperlogy-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy ExtraBold';
    font-style: normal;
    src: url('../fonts/Paperlogy-ExtraBold.woff2') format('woff2'), url('../fonts/Paperlogy-ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}



/* ----- 스타일 초기화 ----- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {display: block}
[hidden] {display: none;}
body {line-height: 1.5; overflow-x: hidden;}
menu,ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:after,
blockquote:before,
q:after,
q:before {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: inherit;}

a,abbr,acronym,address,applet,article,aside,audio,
b,big,blockquote,body,button,
canvas,caption,center,cite,code,
dd,del,details,dfn,div,dl,dt,
em,embed,
fieldset,form,figcaption,figure,footer,
header,h1,h2,h3,h4,h5,h6,hgroup,html,
i,iframe,img, ins,input,
kbd,
label,legend,li,
main,mark,menu,
nav,
object,ol,output,
p,pre,
q,
ruby,
s,samp,section,small,span,strike,strong,sub,summary,sup,select,
textarea, table,tbody,td,tfoot,th,thead,time,tr,tt,
u,ul,
var,video {margin: 0; padding: 0; font-family: "Paperlogy Regular", 'Malgun Gothic', '맑은 고딕', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, Arial, Dotum, '돋움', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 0; vertical-align: baseline; color: #202020; font-weight: 400;}
body,input,textarea,button,select,table thead td, table thead th, table tbody td, table tbody th  {font-size: 19px; color: #2a2a2a;}
* {-webkit-box-sizing: border-box; box-sizing: border-box}
a,button {text-decoration: none !important; background: 0 0;  padding: 0;  border: 0}
a:active,
a:focus,
a:hover,
a:visited,
button:active,
button:focus,
button:hover,
button:visited {text-decoration: none;}
a:active,
a:visited,
button:active,
button:visited {outline: 0}
button {overflow: hidden;}
:focus-visible {outline: 2px dashed black !important; transition: none !important; outline-offset: -2px;}
input:focus-visible, select:focus-visible, textarea:focus-visible {outline: none !important;}
input, select, option {font-weight: 300 !important;}

@media(max-width: 768px) {
  body, input, textarea, button, select, table thead td, table thead th, table tbody td, table tbody th {font-size: 17px;}
}

/* ----- css 클래스 지정 ----- */
.blind {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px;}
.disB {display:block;}
.disF {display:flex;}
.disN {display:none;}
.floatL {float:left !important;}
.flaotR {float:right !important;}
.clearB {clear:both !important;}
.clearN {clear:none !important;}
.bgNone {background:none !important;}
.ls03 {letter-spacing:-0.03em !important;}
.ls05 {letter-spacing:-0.05em !important;}
.lsNormal {letter-spacing:normal !important;}
.fwNormal {font-weight:normal !important;}
.fwBold {font-weight:bold !important;}
.wbAll{word-break: break-all;}
.wbKeep{word-break: keep-all;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.static {position:static !important;}
.vaT{vertical-align:top !important;}
.vaM{vertical-align:middle !important;}
.vaB{vertical-align:bottom !important;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.fwN{font-weight:normal !important;}
.fwB{font-weight:bold !important;}
.fw300{font-weight: 300 !important;}
.fw500{font-weight: 500 !important;}
.fw700{font-weight: 700 !important;}
.ft12{font-size: 12px !important;}
.ft13{font-size: 13px !important;}
.ft14{font-size: 14px !important;}
.ft15{font-size: 15px !important;}
.ft16{font-size: 16px !important;}
.ft17{font-size: 17px !important;}
.ft18{font-size: 18px !important;}
.ft19{font-size: 19px !important;}
.ft20{font-size: 20px !important;}
.ft21{font-size: 21px !important;}
.ft22{font-size: 22px !important;}
.ft23{font-size: 23px !important;}
.ft24{font-size: 24px !important;}
.ft26{font-size: 26px !important;}
.ft28{font-size: 28px !important;}
.ft30{font-size: 30px !important;}
.ft32{font-size: 32px !important;}
.ft34{font-size: 34px !important;}
.ft35{font-size: 35px !important;}
.ft38{font-size: 38px !important;}
.ft40{font-size: 40px !important;}
.ft45{font-size: 45px !important;}

.boN { border:none !important;}
.boRN { border-right:none !important;}
.boBN { border-bottom:none !important;}
.boLN { border-left:none !important;}
.boTN { border-top:none !important;}

.wp1 {width:1% !important;}
.wp2 {width:2% !important;}
.wp3 {width:3% !important;}
.wp4 {width:4% !important;}
.wp5 {width:5% !important;}
.wp6 {width:6% !important;}
.wp7 {width:7% !important;}
.wp8 {width:8% !important;}
.wp9 {width:9% !important;}
.wp10 {width:10% !important;}
.wp11 {width:11% !important;}
.wp12 {width:12% !important;}
.wp13 {width:13% !important;}
.wp14 {width:14% !important;}
.wp15 {width:15% !important;}
.wp16 {width:16% !important;}
.wp17 {width:17% !important;}
.wp18 {width:18% !important;}
.wp20 {width:20% !important;}
.wp22 {width:22% !important;}
.wp24 {width:24% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp33 {width:33% !important;}
.wp34 {width:34% !important;}
.wp35 {width:35% !important;}
.wp36 {width:36% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp48 {width:48% !important;}
.wp49 {width:49% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp68 {width:68% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp76 {width:76% !important;}
.wp80 {width:80% !important;}
.wp90 {width:90% !important;}
.wp92 {width:92% !important;}
.wp100 {width:100% !important;}
.wpAuto {width:auto !important;}

.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w530 {width:530px !important;}
.w550 {width:550px !important;}

.min50{min-width: 50px !important;}
.min60{min-width: 60px !important;}
.min70{min-width: 70px !important;}
.min80{min-width: 80px !important;}
.min90{min-width: 90px !important;}
.min100{min-width: 100px !important;}
.min200{min-width: 200px !important;}
.min300{min-width: 300px !important;}
.min400{min-width: 400px !important;}
.min500{min-width: 500px !important;}
.min600{min-width: 600px !important;}
.min700{min-width: 700px !important;}
.min800{min-width: 800px !important;}
.min900{min-width: 900px !important;}
.min900{min-width: 900px !important;}
.min1000{min-width: 1000px !important;}
.min1100{min-width: 1100px !important;}
.min1200{min-width: 1200px !important;}
.min1300{min-width: 1300px !important;}
.min1400{min-width: 1400px !important;}
.min1500{min-width: 1500px !important;}
.min1600{min-width: 1600px !important;}

.max100{max-width: 100px;}
.max110{max-width: 110px;}
.max120{max-width: 120px;}
.max130{max-width: 130px;}
.max140{max-width: 140px;}
.max150{max-width: 150px;}
.max200{max-width: 200px;}
.max300{max-width: 300px;}
.max400{max-width: 400px;}
.max500{max-width: 500px;}
.max600{max-width: 600px;}
.max700{max-width: 700px;}
.max800{max-width: 800px;}
.max900{max-width: 900px;}
.max900{max-width: 900px;}
.max1000{max-width: 1000px;}
.max1100{max-width: 1100px;}
.max1200{max-width: 1200px;}
.max1300{max-width: 1300px;}
.max1400{max-width: 1400px;}
.max1500{max-width: 1500px;}
.max1600{max-width: 1600px;}

/* .col-1 {width: 8.33%; box-sizing: border-box;}
.col-2 {width: 16.66%; box-sizing: border-box;}
.col-3 {width: 25%; box-sizing: border-box;}
.col-4 {width: 33.33%; box-sizing: border-box;}
.col-5 {width: 41.66%; box-sizing: border-box;}
.col-6 {width: 50%; box-sizing: border-box;}
.col-7 {width: 58.33%; box-sizing: border-box;}
.col-8 {width: 66.66%; box-sizing: border-box;}
.col-9 {width: 75%; box-sizing: border-box;}
.col-10 {width: 83.33%; box-sizing: border-box;}
.col-11 {width: 91.66%; box-sizing: border-box;}
.col-12 {width: 100%; box-sizing: border-box;} */

.m0 {margin:0 !important}
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt33 {margin-top:33px !important;}
.mt34 {margin-top:34px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.me0 {margin-right:0px !important;}
.me1 {margin-right:1px !important;}
.me2 {margin-right:2px !important;}
.me3 {margin-right:3px !important;}
.me4 {margin-right:4px !important;}
.me5 {margin-right:5px !important;}
.me6 {margin-right:6px !important;}
.me7 {margin-right:7px !important;}
.me8 {margin-right:8px !important;}
.me9 {margin-right:9px !important;}
.me10 {margin-right:10px !important;}
.me11 {margin-right:11px !important;}
.me12 {margin-right:12px !important;}
.me13 {margin-right:13px !important;}
.me14 {margin-right:14px !important;}
.me15 {margin-right:15px !important;}
.me20 {margin-right:20px !important;}
.me21 {margin-right:21px !important;}
.me22 {margin-right:22px !important;}
.me23 {margin-right:23px !important;}
.me24 {margin-right:24px !important;}
.me25 {margin-right:25px !important;}
.me26 {margin-right:26px !important;}
.me27 {margin-right:27px !important;}
.me28 {margin-right:28px !important;}
.me29 {margin-right:29px !important;}
.me30 {margin-right:30px !important;}
.me31 {margin-right:31px !important;}
.me32 {margin-right:32px !important;}
.me33 {margin-right:33px !important;}
.me34 {margin-right:34px !important;}
.me35 {margin-right:35px !important;}
.me36 {margin-right:36px !important;}
.me37 {margin-right:37px !important;}
.me38 {margin-right:38px !important;}
.me39 {margin-right:39px !important;}
.me40 {margin-right:40px !important;}
.me41 {margin-right:41px !important;}
.me45 {margin-right:45px !important;}
.me50 {margin-right:50px !important;}

.ms0 {margin-left:0px !important;}
.ms1 {margin-left:1px !important;}
.ms2 {margin-left:2px !important;}
.ms3 {margin-left:3px !important;}
.ms4 {margin-left:4px !important;}
.ms5 {margin-left:5px !important;}
.ms6 {margin-left:6px !important;}
.ms7 {margin-left:7px !important;}
.ms8 {margin-left:8px !important;}
.ms9 {margin-left:9px !important;}
.ms10 { margin-left:10px !important;}
.ms11 { margin-left:11px !important;}
.ms12 { margin-left:12px !important;}
.ms13 { margin-left:13px !important;}
.ms14 { margin-left:14px !important;}
.ms15 { margin-left:15px !important;}
.ms16 { margin-left:16px !important;}
.ms17 { margin-left:17px !important;}
.ms18 { margin-left:18px !important;}
.ms19 { margin-left:19px !important;}
.ms20 { margin-left:20px !important;}
.ms25 { margin-left:25px !important;}
.ms26 { margin-left:26px !important;}
.ms28 { margin-left:28px !important;}
.ms30 { margin-left:30px !important;}
.ms35 { margin-left:35px !important;}
.ms37 { margin-left:37px !important;}
.ms40 { margin-left:40px !important;}
.ms45 { margin-left:45px !important;}
.ms50 { margin-left:50px !important;}
.ms55 { margin-left:55px !important;}
.ms60 { margin-left:60px !important;}
.ms65 { margin-left:65px !important;}
.ms70 { margin-left:70px !important;}
.ms100 { margin-left:100px !important;}

.p0 {padding:0 !important}
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt23 {padding-top:23px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt33 {padding-top:33px !important;}
.pt34 {padding-top:34px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}

.pb0 {padding-bottom:0px !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}

.pe0 {padding-right:0px !important;}
.pe1 {padding-right:1px !important;}
.pe2 {padding-right:2px !important;}
.pe3 {padding-right:3px !important;}
.pe4 {padding-right:4px !important;}
.pe5 {padding-right:5px !important;}
.pe6 {padding-right:6px !important;}
.pe7 {padding-right:7px !important;}
.pe8 {padding-right:8px !important;}
.pe9 {padding-right:9px !important;}
.pe10 {padding-right:10px !important;}
.pe11 {padding-right:11px !important;}
.pe12 {padding-right:12px !important;}
.pe13 {padding-right:13px !important;}
.pe14 {padding-right:14px !important;}
.pe15 {padding-right:15px !important;}
.pe20 {padding-right:20px !important;}
.pe21 {padding-right:21px !important;}
.pe22 {padding-right:22px !important;}
.pe23 {padding-right:23px !important;}
.pe24 {padding-right:24px !important;}
.pe25 {padding-right:25px !important;}
.pe26 {padding-right:26px !important;}
.pe27 {padding-right:27px !important;}
.pe28 {padding-right:28px !important;}
.pe29 {padding-right:29px !important;}
.pe30 {padding-right:30px !important;}
.pe31 {padding-right:31px !important;}
.pe32 {padding-right:32px !important;}
.pe33 {padding-right:33px !important;}
.pe34 {padding-right:34px !important;}
.pe35 {padding-right:35px !important;}
.pe36 {padding-right:36px !important;}
.pe37 {padding-right:37px !important;}
.pe38 {padding-right:38px !important;}
.pe39 {padding-right:39px !important;}
.pe40 {padding-right:40px !important;}
.pe41 {padding-right:41px !important;}
.pe45 {padding-right:45px !important;}
.pe50 {padding-right:50px !important;}

.ps0 {padding-left:0px !important;}
.ps1 {padding-left:1px !important;}
.ps2 {padding-left:2px !important;}
.ps3 {padding-left:3px !important;}
.ps4 {padding-left:4px !important;}
.ps5 {padding-left:5px !important;}
.ps6 {padding-left:6px !important;}
.ps7 {padding-left:7px !important;}
.ps8 {padding-left:8px !important;}
.ps9 {padding-left:9px !important;}
.ps10 {padding-left:10px !important;}
.ps11 {padding-left:11px !important;}
.ps12 {padding-left:12px !important;}
.ps13 {padding-left:13px !important;}
.ps14 {padding-left:14px !important;}
.ps15 {padding-left:15px !important;}
.ps16 {padding-left:16px !important;}
.ps17 {padding-left:17px !important;}
.ps18 {padding-left:18px !important;}
.ps19 {padding-left:19px !important;}
.ps20 {padding-left:20px !important;}
.ps25 {padding-left:25px !important;}
.ps26 {padding-left:26px !important;}
.ps28 {padding-left:28px !important;}
.ps30 {padding-left:30px !important;}
.ps35 {padding-left:35px !important;}
.ps37 {padding-left:37px !important;}
.ps40 {padding-left:40px !important;}
.ps45 {padding-left:45px !important;}
.ps50 {padding-left:50px !important;}
.ps55 {padding-left:55px !important;}
.ps60 {padding-left:60px !important;}
.ps65 {padding-left:65px !important;}
.ps70 {padding-left:70px !important;}
.ps100 {padding-left:100px !important;}

@media all and (max-width:768px) {
  .m_wd100{width:100% !important; min-width: 100px !important;}
  .m_wd200{width:100% !important; min-width: 200px !important;}
  .m_wd300{width:100% !important; min-width: 300px !important;}
  .m_wd400{width:100% !important; min-width: 400px !important;}
  .m_wd500{width:100% !important; min-width: 500px !important;}
  .m_wd600{width:100% !important; min-width: 600px !important;}
  .m_wd700{width:100% !important; min-width: 700px !important;}
  .m_wd800{width:100% !important; min-width: 800px !important;}
  .m_wd900{width:100% !important; min-width: 900px !important;}
  .m_wd1000{width:100% !important; min-width: 1000px !important;}
  .m_wd1100{width:100% !important; min-width: 1100px !important;}
  .m_wd1200{width:100% !important; min-width: 1200px !important;}

  .m_wp10{width: 10% !important;}
  .m_wp20{width: 20% !important;}
  .m_wp30{width: 30% !important;}
  .m_wp40{width: 40% !important;}
  .m_wp50{width: 50% !important;}
  .m_wp60{width: 60% !important;}
  .m_wp70{width: 70% !important;}
  .m_wp80{width: 80% !important;}
  .m_wp90{width: 90% !important;}
  .m_wp100{width: 100% !important;}

  .m_wdauto{width: auto !important; min-width: 0 !important;}
}


/* ----- 공통 스타일 ----- */
/* 페이징 */
.pagination {clear:both; display:block; padding:30px 0 15px; text-align:center;}
.pagination ul {display: flex; justify-content: center;}
.pagination ul li {margin: 0 3px;}
.pagination ul li a {transition: 0.3s;width: 40px;height: 40px; aspect-ratio: 1/1;border:#e2e2e2 solid 1px;display: flex;flex-direction: column;justify-content: center;line-height: 1;    border-radius: 50px;}
.pagination ul li a i {line-height: 1; font-size: 17px; color: #555;}
.pagination ul li a:hover {background: #f0f0f0;transition: 0.3s}
.pagination ul li a.active {background: #555; color: #fff;}

@media (max-width:550px) {
    .pagination ul li {margin: 0 2px;}
    .pagination ul li a {width: 28px; line-height: 28px; font-size: 15px;}
}


/* ----- input radio ----- */
input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
input[type="radio"] + label {padding-left: 29px!important; padding-right: 5px; min-height: 22px; line-height: 25px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight: 500; cursor: pointer; top: 0px; font-size: 17px;}
input[type="radio"] + label:before {content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; border: 1px solid #ddd; border-radius: 50%; margin-left: -29px; transition: all .15s ease-in-out; background-color: #fff;}
input[type="radio"]:checked + label:before {background: #2259be; border-color: #2259be;}
input[type="radio"]:checked + label:after {content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 7px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; transform: translate(7.75px,4.5px) rotate(45deg); -ms-transform: translate(7.75px,4.5px) rotate(45deg);}

input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
input[type="checkbox"] + label {padding-left: 26px!important; padding-right: 5px; min-height: 20px; line-height: 23px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight: 500; cursor: pointer; top: 0px; font-size: 17px;}
input[type="checkbox"] + label:before {content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 5px; margin-left: -26px; transition: all .15s ease-in-out; background-color: #fff;}
input[type="checkbox"]:checked + label:before {background: #2259be; border-color: #2259be;}
input[type="checkbox"]:checked + label:after {content: ""; display: inline-block; position: absolute; top: -1px; left: -1px; width: 7px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; transform: translate(7.75px,4.5px) rotate(45deg); -ms-transform: translate(7.75px,4.5px) rotate(45deg);}

/* 라벨 없을 때 */
input[type="radio"]:not(:has(+ label)) {position: relative; width: 22px; height: 22px; margin: 0; clip: auto; overflow: visible; appearance: none; -webkit-appearance: none; cursor: pointer; top: 5px;}
input[type="radio"]:not(:has(+ label))::before {content: ""; position: absolute; inset: 0; border: 1px solid #ddd; border-radius: 50%; background: #fff; transition: all .15s ease-in-out;}
input[type="radio"]:not(:has(+ label)):checked::before {background: #2259be; border-color: #2259be;}
input[type="radio"]:not(:has(+ label)):checked::after {content: ""; position: absolute; width: 7px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; transform: translate(7.5px, 4.5px) rotate(45deg);}

input[type="checkbox"]:not(:has(+ label)) {position: relative; width: 20px; height: 20px; margin: 0; clip: auto; overflow: visible; appearance: none; -webkit-appearance: none; cursor: pointer; top: 5px;}
input[type="checkbox"]:not(:has(+ label))::before {content: ""; position: absolute; inset: 0; border: 1px solid #ddd; border-radius: 5px; background: #fff; transition: all .15s ease-in-out;}
input[type="checkbox"]:not(:has(+ label)):checked::before {background: #2259be; border-color: #2259be;}
input[type="checkbox"]:not(:has(+ label)):checked::after {content: ""; position: absolute; width: 7px; height: 10px; border: 2px solid #fff; border-left: none; border-top: none; transform: translate(7.5px, 4.5px) rotate(45deg); top: -1px; left: -1px;}

/* disabled */
input[type="radio"]:disabled + label {cursor: default; opacity: 0.5;}
input[type="radio"]:disabled + label:before {border-color: #ddd; background-color: #f4f4f4;}
input[type="radio"]:disabled:checked + label:before {background-color: #cfcfcf; border-color: #cfcfcf;}
input[type="radio"]:disabled:checked + label:after {border-color: #fff;}

input[type="checkbox"]:disabled + label {cursor: default; opacity: 0.5;}
input[type="checkbox"]:disabled + label:before {border-color: #ddd; background-color: #f4f4f4;}
input[type="checkbox"]:disabled:checked + label:before {background-color: #cfcfcf; border-color: #cfcfcf;}
input[type="checkbox"]:disabled:checked + label:after {border-color: #fff;}

/* 라벨 없을 때 disabled */
input[type="radio"]:not(:has(+ label)):disabled {cursor: default;}
input[type="radio"]:not(:has(+ label)):disabled::before {border-color: #ddd; background-color: #f4f4f4;}
input[type="radio"]:not(:has(+ label)):disabled:checked::before {background-color: #cfcfcf; border-color: #cfcfcf;}
input[type="radio"]:not(:has(+ label)):disabled:checked::after {border-color: #fff;}

input[type="checkbox"]:not(:has(+ label)):disabled {cursor: default;}
input[type="checkbox"]:not(:has(+ label)):disabled::before {border-color: #ddd; background-color: #f4f4f4;}
input[type="checkbox"]:not(:has(+ label)):disabled:checked::before {background-color: #cfcfcf; border-color: #cfcfcf;}
input[type="checkbox"]:not(:has(+ label)):disabled:checked::after {border-color: #fff;}


/* -- 컬러 지정 -- */
.red {color: #f05a7e;}
.yellow {color: #FAA61A;}
.navy {color: #034DA2;}
.blue {color: #00AEEF;}