@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select {
margin: 0;
padding: 0;
border: 0;
font-size: 14px;
color:#666; /* edit 2020-12-02 color:#505050; */
vertical-align: baseline;
font-family:'SCDT','NotoSansKR', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif; /* edit 2020-12-02 */
/*font-family: "Nanum Gothic","나눔 고딕","맑은 고딕", "Malgun Gothic","돋움", "Dotum", "Helvetica Neue",Helvetica,Arial,sans-serif;*/
line-height:1;
}
*, *:before, *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
/* *behavior:url(boxsizing.htc); */
}
html, body {height:100%;}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}
/*
caption {
overflow: hidden;
height: 1px;
width: 1px;
text-indent:-9999px;
}
edit 2021-05-24
*/
caption{width:0;height:0;line-height:0;text-indent:-9999px}
fieldset {
border:0;
}
img, input {
vertical-align: middle;
font-size:14px;
}
legend{
display:none;
}
input {border:solid 1px #ddd; padding:3px 10px; border-radius:3px;}
select {height:32px; border:solid 1px #ddd; border-radius:3px;}
textarea {border:solid 1px #ddd; padding:5px 10px; border-radius:3px;}
a {
color:#333;
text-decoration: none;
}
a:focus,
a:active,
a:hover {
text-decoration: none;
}
@-moz-document url-prefix(){
a:focus {outline: 1px dotted #777;}
}
address, em {
font-style:normal;
}
strong {
font-weight:500;
font-size: inherit;
}
input[type=text]::-ms-clear {
display:none;
}
input[type=password]::-ms-reveal {
display:none;
}
/* 아이폰 폰트크기 자동조절 off */
html{-webkit-text-size-adjust:none}
.d_cl:after {clear:both; display:block; content:""}
.dp_b {display:block !important;}
.dp_in {display:inline-block !important;}
.dp_n {display:none !important;}
.rela{position:relative;}
.ir {position:absolute; left:-9999px;} /* 170425 */
.ir2 {visibility:hidden;}
.ir3 {position:absolute; top:3px; left:3px; z-index:1;}
.dip_n {display:none; position:absolute; top:-9999px; left:-9999px; }
.hidden {position: absolute; top:-9999px; left:-9999px;}
.over_hid {overflow:hidden}
.cl {clear:both;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.vc_t {vertical-align:top !important;}
.vc_m {vertical-align:middle !important;}
.vc_b {vertical-align:bottom !important;}
/* 대체텍스트 관련 css 추가 210104 */
.ally-hidden{position:absolute !important;overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;clip-path:polygon(0 0, 0 0, 0 0) !important}
.subtitles111{position:relative !important;overflow-y:auto !important;width:100% !important;height:200px !important;margin-top:10px !important;padding:12px !important;border:1px solid #ddd !important;box-sizing:border-box !important;line-height: 1.6 !important;}
/* dataTables */
td.align-left {text-align:left !important;}
td.align-right {text-align:right !important;}
td.align-center {text-align:center !important;}
td.menuLevel1 {padding-left:2px !important;}
td.menuLevel2 {padding-left:18px !important;}
td.menuLevel3 {padding-left:34px !important;}
#statTable tr.selected {background-color: #beebff !important;}
#statTable tr:hover {background-color: #ECFFB3 !important;}
.DTFC_LeftHeadWrapper tr th {text-align:center !important; vertical-align:middle !important;}
/* 총괄지표용 */
/* .statContentA {clear:both; width:75%; float: left; box-sizing: border-box;} */
/* .statChartA {width:25%; float: right; box-sizing: border-box; margin: 10px 10xp;} */
.statContentA {width:100%;}
.statContentA table.dataTable thead th {vertical-align:middle !important;}
.statContentA .dataTable {margin-top:10px !important; margin-bottom:10px !important;}
#statTableA tr.selected {background-color: #beebff !important;}
#statTableA tr:hover {background-color: #ECFFB3 !important;}
#statTableA_wrapper .dataTables_scrollHeadInner .dataTable {margin-top:0px !important; margin-bottom:0px !important;}
#statTableA_wrapper .dataTables_scrollBody .dataTable {margin-top:0px !important; margin-bottom:0px !important;}
.statContentB {width:100%; }
/* .statContentB {clear:both; width:75%; margin-top:30px !important; float: left; box-sizing: border-box;} */
/* .statChartB {width:25%; float: right; margin-top:30px !important; box-sizing: border-box; margin: 10px 10xp;} */
/* .statContentB {width:100%; height:300px; margin-top:30px !important;} */
.statContentB table.dataTable thead th {vertical-align:middle !important;}
.statContentB .dataTable {margin-top:10px !important; margin-bottom:10px !important;}
#statTableB tr.selected {background-color: #beebff !important;}
#statTableB tr:hover {background-color: #ECFFB3 !important;}
#statTableB_wrapper .dataTables_scrollHeadInner .dataTable {margin-top:0px !important; margin-bottom:0px !important;}
#statTableB_wrapper .dataTables_scrollBody .dataTable {margin-top:0px !important; margin-bottom:0px !important;}
/* dataTables end */
/* chart */
.chartBtn {display:inline-block; margin-left:4px; margin-bottom:10px; padding:3px 10px; font-size:13px; border-radius:3px;}
.chartBtn-blue {color:#31b4f0; border:solid 1px #3ec2ff;}
.chartBtn-blueOn {background:#31b4f0; color:#ffffff; border:solid 1px #3ec2ff;}
.chartBtn-green {color:#79d007; border:solid 1px #92dc10;}
.chartBtn-greenOn {background:#79d007; color:#ffffff; border:solid 1px #92dc10;}
.chartBtn-green:hover {background:#79d007; color:#ffffff; border:solid 1px #92dc10;}
.chartSel {width:80px !important; height:24px !important; padding:3px !important; font-size:13px !important; margin-left:4px !important; margin-bottom:4px !important;}
#chartDiv { margin-bottom:20px !important; }
/* chart end */
.fl_l {float:left;}
.fl_r {float:right;}
.zIn2{z-index:2;}
/* font color */
.font-orange {color:#ff8d08;}
.orange {color:#f15a22 !important;}
.orange02 {color:#ff8d08 !important}
.tbl02 .oran_b, .oran_b {color:#f15a22; /*font-family:'NotoM';*/}
.white {color:#fff !important;}
.black {color:#000 !important;}
.gray {color:#999 !important;}
.red {color:#dd4e3e;}
.purple{ color:#6e58af !important;}
.blue {color:#40a1fb !important;}
.blue2 {color:#1565c0 !important;}
.bg_gray {background:#e5e5e5 !important;}
.bg_gray02 {background:#eaeaea !important;}
.bg_gray03 {background:#eee !important;}
.bg_gray04 {background:#eeece3 !important;}
.bg_gray05 {background:#f1efea !important;}
.bg_yll{background:#fffcd1 !important;}
.bg_yll2{background: #fff8eb !important}
/*border*/
.line {text-decoration:underline !important;}
.bd_b_c {border-bottom:1px solid #ccc;}
.bd_b_b5 {border-bottom:1px solid #b5b5b5;}
.bd_b_e {border-bottom:1px solid #eee;}
.bd_b_e7 {border-bottom:1px solid #e7e7e7;}
.bd_b{border-bottom: 1px solid}
.bd_t_c {border-top:1px solid #ccc;}
.bd_t_d {border-top:1px solid #ddd;}
.bd_d2 {border:1px solid #d2d2d2;}
.bd_c {border:1px solid #ccc;}
.bd_d {border:1px solid #ddd;}
.fLine {border:1px dotted #666;}
.wLine {border:1px dotted #fff;}
.bd_ea {border:1px solid #eaeaea;}
.bd_none {border:0px !important;}
.bd_left_none {border-left:0px !important;}
.bd_radius2 {border-radius:2px;}
.bd_orange {margin:0 auto; display:block; padding:4px 0; text-align:center; color:#f15a22; font-size:14px; font-weight:normal; border:1px solid #f15a22;}
/*margin,padding*/
.mg_auto {margin:auto !important;}
.mg_zero {margin:0 !important;}
.mg_t0 {margin-top:0 !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t30{margin-top: 30px !important}
.mg_t50{margin-top: 50px !important}
.mg_b0{margin-bottom: 0 !important}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_l0{margin-left: 0 !important}
.mg_l10 {margin-left:10px !important;}
.mg_l20 {margin-left:20px !important;}
.pd_zero {padding:0 !important;}
.pd_t0 {padding-top:5px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t55 {padding-top:55px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}
.pd_t55 {padding-top:55px !important;}
.pd_t60 {padding-top:60px !important;}
.pd_t70 {padding-top:70px !important;}
.pd_t83 {padding-top:83px !important;}
.pd_t95 {padding-top:95px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b17 {padding-bottom:17px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b90 {padding-bottom:90px !important;}
.pd_r0{padding-right: 0 !important}
.pd_r10 {padding-right:10px !important}
.pd_r20 {padding-right:20px !important}
.pd_l0{padding-left: 0 !important}
.pd_l15 {padding-left:15px !important;}
.pd_l10{padding-left: 10px !important;}
.pd_l20{padding-left: 20px !important;}
.pd_lr30 {padding:0 30px !important;}
.pd_tb20lr30 {padding:20px 30px !important;}
.pd_tb5 {padding:5px 0 !important;}
.pd_tb10 {padding:10px 0 !important;}
.pd_tb15 {padding:15px 0 !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
/*font-size*/
h5 {font-weight:normal;}
.font12,.font12 span {font-size:12px !important;}
.font13,.font13 span {font-size:13px !important;}
.font14,.font14 span {font-size:14px !important;}
.font16,.font16 span {font-size:16px !important;}
.font17,.font17 span {font-size:17px !important;}
.font18,.font18 span {font-size:18px !important;}
.font19,.font19 span {font-size:19px !important;}
.font20,.font20 span {font-size:20px !important;}
.font21,.font21 span {font-size:21px !important;}
.font24,.font24 span {font-size:24px !important;}
.font26,.font26 span {font-size:26px !important;}
.font28,.font28 span {font-size:28px !important;}
.font30,.font30 span {font-size:30px !important;}
/* S : 170522 */
.font32,.font32 span {font-size:32px !important;}
/* E : 170522 */
.font34,.font34 span {font-size:34px !important;}
.font40,.font40 span {font-size:40px !important;}
.font50,.font50 span {font-size:50px !important;}
/* 김대용의 머찐 작품
.bold{font-weight: bold;margin-bottom: 10px;font-size: 1.429rem;color: #222;line-height: 1.2;}
.bold2{font-weight: 800;margin-bottom: 10px;font-size: 1.429rem;color: #222;line-height: 1.2;}
*/
.bold{font-weight: bold !important;}
.bold2{font-weight: 800 !important;}
/*height, width*/
.hei30 {height:30px;}
.hei44 {height:44px;}
.hei53 {height:53px;}
.hei74 {height:74px;}
.hei85 {height:85px;}
.hei88 {height:88px;}
.hei94 {height:94px;}
.hei99 {height:99px !important;}
.hei100 {height:100px;}
.hei110 {height:110px;}
.hei128 {height:128px;}
.hei139 {height:139px;}
.hei240 {height:240px;}
.hei310 {height:310px;}
.hei390 {height:390px;}
.hei420 {height:420px;}
.m_hei480 {min-height:480px;}
.m_hei530 {min-height:530px;}
.m_hei680 {min-height:680px;}
.wd10 {width:10% !important;}
.wd15 {width:15% !important;}
.wd20 {width:20% !important;}
.wd25 {width:25% !important;}
.wd30 {width:30% !important;}
.wd33 {width:33.3333% !important;}
.wd35 {width:35% !important;}
.wd40 {width:40% !important;}
.wd45 {width:45% !important;}
.wd50 {width:50% !important;}
.wd55 {width:55% !important;}
.wd60 {width:60% !important;}
.wd65 {width:65% !important;}
.wd70 {width:70% !important;}
.wd75 {width:75% !important;}
.wd80 {width:80% !important;}
.wd85 {width:85% !important;}
.wd90 {width:90% !important;}
.wd95 {width:95% !important;}
.wd100 {width:100% !important;}
@media screen and (max-width:767px){
.m_wd100{width: 100% !important}
}
/* 아이콘 */
.icon_blank{display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url(/images/rdsusr/common/icon_blank.png) no-repeat 50% 50%; margin-left: 5px; margin-top: -2px; position: relative; right: 0}
.icon_blank.w{background-image: url(/images/rdsusr/common/icon_blank_w.png);}
.icon_blank.o{background-image: url(/images/rdsusr/common/icon_blank_o.png);}
.icon_blank.o2{background-image: url(/images/rdsusr/common/icon_blank_o2.png); width: 17px; height: 17px; margin-top: -4px;}
.icon_download{display: inline-block; vertical-align: middle; width: 10px; height: 12px; background: url(/images/rdsusr/common/icon_download.png) no-repeat 50% 50%; margin-left: 10px; margin-top: -2px; position: relative; right: 0}
.icon_download.w{background-image: url(/images/rdsusr/common/icon_download_w.png);}
.icon_arrow_right{display: inline-block; vertical-align: middle; width: 6px; height: 10px; /*background: url(/images/rdsusr/common/icon_arrow_right.png) no-repeat 50% 50%; */margin-left: 10px; margin-top: -2px; position: relative; right: 0}
.icon_arrow_right.w{background-image: url(/images/rdsusr/common/icon_arrow_right_w.png);}
.icon_arrow_up{display: inline-block; vertical-align: middle; width: 11px; height: 7px; background: url(/images/rdsusr/arrow_top01.png) no-repeat 50% 50%; margin-left: 10px; margin-top: -2px; position: relative; right: 0}
.icon_arrow_down{display: inline-block; vertical-align: middle; width: 11px; height: 7px; background: url(/images/rdsusr/arrow_bottom01.png) no-repeat 50% 50%; margin-left: 10px; margin-top: -2px; position: relative; right: 0}
/* button Style */
.btnArea {clear:both; width:100%; margin:20px 0; text-align:right;}
.btnArea a, .btnArea button {margin-left:5px;}
.btnArea.top {clear:none; float:right; width:auto; margin:-15px 0 10px;}
.btn-default {display:inline-block; width:auto; border: 0 none; min-width:90px; height:34px; padding:0 15px; line-height:34px; font-weight:bold; text-align:center; vertical-align:middle; transition: all 0.2s ease-in-out; background: #f6f6f7; cursor:pointer}
.btn-small {display:inline-block; width:auto; border: 0 none; padding:7px 12px; font-size:13px; text-align:center; vertical-align:middle; cursor:pointer; background: #f6f6f7; transition: all 0.3s ease-in-out;}
button.btn-small{min-height: 32px}
.btn-round {border-radius:16px;}
.btn-line {background:#fff; border:solid 1px #999; color:#3a3a3a;}
.btn-line:hover{background:#999; color: #fff}
.btn-line:hover .icon_download{background-image: url(/images/rdsusr/common/icon_download_w.png)}
.btn-line:hover .icon_blank{background-image: url(/images/rdsusr/common/icon_blank_w.png)}
.btn-orange {background:#061f4d; color:#fff;}
.btn-orange:hover{background: #061f1d}
.btn-orange.btn-line,
.btn-orange-line {background:#fff; border:solid 2px #ff8d08; color:#ff8d08; line-height:30px;}
.btn-orange-line.btn-small{line-height: 13px; font-weight: bold}
.btn-gray {background:#999; color:#fff;}
.btn-gray:hover{background:#7d7d7d}
.btn-blue {background:#2221d4; color:#fff;}
.btn-blue:hover{background: #0e0d9e}
.btn-blue-light {background:#e1e1ff; color:#2221d4;}
.btn-dark {background:#424242; color:#fff;}
.btn-dark:hover{background:#26426d}
.btn-default i[class^='icon_'],
.btn-small i[class^='icon_']{transition: all 0.2s ease-in-out;}
.btn-default:hover i[class^='icon_']{right:5px}
.btn-small:hover i[class^='icon_']{right:3px}
@media print {
.btn-orange{border: 1px solid #ff8d08}
.btn-gray{border: 1px solid #999}
.btn-dark{border:1px solid #555b64}
}
.btn_add{position: relative; width: 32px; border: 0 none; height: 32px; background: #ff8d08; border-radius: 100px; cursor: pointer}
.btn_add:before{content: ""; position: absolute; width: 50%; height: 2px; background: #fff; top: 50%; left: 50%; margin-left: -25%; margin-top: -1px}
.btn_add:after{content: ""; position: absolute; height: 50%; width: 2px; background: #fff; top: 50%; left: 50%; margin-left: -1px; margin-top: -25%}
.btn_remove{position: relative; width: 32px; border: 0 none; height: 32px; background: #929292; border-radius: 100px; cursor: pointer}
.btn_remove:before{content: ""; position: absolute; width: 50%; height: 2px; background: #fff; top: 50%; left: 50%; margin-left: -25%; margin-top: -1px}
/*button
.box-btn {margin:10px 0; text-align:right;}
.btn-default {height:33px; padding:0 15px; color:#fff; line-height:31px; letter-spacing:2px; border:solid 1px #555b64; background:#555b64;}
.btn-default:hover {color:#fff; border-color:#555b64; background:#555b64;}
.btn-default > span.glyphicon {top:4px; margin-right:4px; color:#fff; font-size:19px;}
.btn-default.line {color:#555b64; background:#fff; text-decoration:none;}
.btn-default.line > span.glyphicon {color:#5b6472;}
.btn-form {height:30px; margin-left:5px; padding:0 12px; color:#ff6f0f; font-size:13px; line-height:28px; border:solid 1px #c1c9d5; background:#f5f5f5;}
*/
/*select*/
.sel01 {padding-left:15px; font-size:15px; height:45px; line-height:45px; border:1px solid #777; border-radius:2px;}
.sel02 {padding-left:15px; height:40px; border:1px solid #ccc;}
.sel03 {font-size:15px; height:33px; line-height:33px; border:none;}
/*input*/
.inp00 {padding:0 0 0 10px; font-size:14px; color:#555; height:32px; line-height:32px; border:solid 1px #ccc; width: 20%;}
.inp01 {padding:0 0 0 10px; font-size:14px; color:#555; height:32px; line-height:32px; border:solid 1px #ccc; width: 100%;}
.inp02 {padding:0 0 0 15px; font-size:15px; color:#000; height:43px; line-height:43px; border:1px solid #777;}
.inp03 {padding:0 0 0 15px; font-size:15px; color:#000; height:45px; line-height:45px; border:0; border-radius:2px;}
.inp04 {padding:0 0 0 15px; font-size:15px; color:#000; height:43px; line-height:43px; border:1px solid #777; border-radius:2px;}
.inp04::-webkit-input-placeholder {color: #666;}
.inp04:-moz-placeholder {color: #666;}
.inp04::-moz-placeholder {color: #666;}
.inp04:-ms-input-placeholder {color: #666 !important;}
.inp04::-ms-input-placeholder {color: #666;}
.inp05 {padding:0 0 0 15px; font-size:15px; color:#fff; height:43px; line-height:43px; border:1px solid #a1a19f; background:none;}
.inp06 {color:#000; border:1px solid #777; border-radius:2px;}
.inp06 input {float:left; display:inline-block; font-size:15px; padding-left:20px; height:41px; line-height:41px; border:0;}
.inp06 span {float:right; display:inline-block; color:#555; width:46px; line-height:43px; background:#e7e7e7; border-left:1px solid #d2d2d2;}
.inp07 {padding:0 0 0 15px; color:#fff; height:45px; line-height:45px; background:#63615f; border:0;}
.inp08 {padding:0 0 0 15px; font-size:15px; color:#000; height:43px; line-height:43px; border:1px solid #777; border-radius:2px 0 0 2px;}
.inp_tel{width: auto}
textarea.inp01{line-height:normal; padding-top: 5px; padding-bottom: 5px}
.inp01.right{padding-right: 10px}
.la_ab01 {position:absolute; top:15px; left:15px; line-height:15px; color:#666 !important;}
.la_ab02 {position:absolute; top:35px; left:15px; line-height:15px; color:#666;}
.la_ab03 {position:absolute; top:5px; left:15px; line-height:15px; color:#666;}
.la_ab04 {position:absolute; top:10px; left:15px; line-height:15px; color:#666;}
.la_ab05 {position:absolute; top:12px; right:10px; line-height:15px; color:#666;}
.la_ab05 {position:absolute; top:12px; right:10px; line-height:15px; color:#666;}
.la_ab06 {position:absolute; top:15px; left:15px; line-height:15px; color:#fff; z-index:2;}
.la_ab07 {position:absolute; top:20px; left:15px; line-height:15px; color:#666;}
.z_in01{z-index:1;}
.z_in02{z-index:2;}
.img_top {margin-top:-3px; margin-right:5px;}
.img_top02 {margin-top:-7px;}
.img_top03 {margin-top:-5px;}
.img_top04 {margin-top:-3px;}
.highlight {font-size:inherit;/*edit 2021-03-25 */color:red;}
.prgLoding
{
position: absolute;
left:45%;
top:50%;
z-index:1;
}
.chartLoading
{
position: absolute !important;
background-color: #ffffff !important;
width:300px;
height:200px;
z-index:1;
}
.cmmtLoading
{
position: absolute !important;
background-color: #ffffff !important;
left:45%;
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.075em;
z-index:1;
}
/* 체크&라디오박스 */
.chck_01 {display: block;position: relative;padding-left: 1.6em; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;line-height: 1.5;}
.chck_01 input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.chck_01 .cm { position: absolute; top: .1em; left: 0; height: 1.3em; width: 1.3em; border-radius: 2px; background-color: #eee;}
.chck_01 .txt{font-size: 1em}
.chck_01:hover input ~ .cm { background-color: #ccc;}
.chck_01 input:checked ~ .cm { background-color: #2196F3;}
.chck_01 .cm:after { content: ""; position: absolute; display: none;}
.chck_01 input:checked ~ .cm:after { display: block;box-sizing: content-box}
.chck_01 .cm:after { left: 50%; top: 50%; width: .3em; height: .45em; margin-left: -.22em; margin-top: -.4em; border: solid white; border-width:0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);box-sizing: initial; }
/*
.chck_01{position: relative; cursor: pointer;}
.chck_01>input[type="checkbox"],
.chck_01>input[type="radio"]{position: absolute; left: 5px; top: 5px; width: 0; height: 0; z-index: 1}
.chck_01>input[type="checkbox"]:after,
.chck_01>input[type="radio"]:after{content: ""; position: absolute; width: 8px; height: 8px; top: 3px; border: 2px solid #a9a9a9; border-radius: 100px;}
.chck_01>input[type="checkbox"]:checked:after,
.chck_01>input[type="radio"]:checked:after{ background: #ffffff; border-color: #fff;}
.chck_01>span{color: #7d7d7d; font-size:12px;letter-spacing: -0.04em; padding: 8px; padding-left: 22px; display: block;background: #f1f1f1; border-radius: 5px;}
.chck_01 input[type="checkbox"]:checked+span,
.chck_01>input[type="radio"]:checked+span{background: #2196F3; border-color: #2196F3; color: #fff}
*/