@charset "UTF-8";

.checkbox-form {background-color : #f7f8f8; padding-top : 69px;}
.checkbox-form .title-box{display: flex;justify-content: space-between;align-items: flex-end;height: 72px;position: relative;z-index: 9999;}
.checkbox-form .title-box h2::before{content: "";display: block;position: absolute;height: 34px;width: 34px;border-radius: 50%;top: -10px;left: -12px;background-image: linear-gradient(90deg, #5adfaa, #25c1b8);z-index: -1;}
.checkbox-form .title-box h2{font-family: 'NotoSansKR-Bold';font-size: 35px;letter-spacing: -0.02em;width: 560px;height: 104px;position: absolute;bottom: -47px;line-height: 43px;left: 20px;word-spacing: -2px;z-index: 9999;}
.checkbox-form .title-box h2 .dot{width: 5px; height: 5px; display: inline-block;}
.checkbox-form .title-box h3{font-family :'NotoSansKR-Medium';font-size : 18px;letter-spacing: -0.01em;color : #0eb781;position: absolute;top: 71px;right: 1px;}
.checkbox-form .target-box{padding-top: 58px;position: relative;z-index: 999;margin-top: 11px;}
.checkbox-form .target-box dl {display : flex; justify-content: space-between; border-bottom : solid 1px #e6e1e1;}
.checkbox-form .target-box dl:last-child{border-bottom: none; display: flex;}
.checkbox-form .target-box dl dt{padding: 0 0 11px 19px;width: 139px;border-right: 1px solid #e6e1e1;font-family: 'NotoSansKR-Bold';font-size: 20px;color: #000000;line-height: 44px;letter-spacing: -0.1em;display: flex;align-items: center;}
.checkbox-form .target-box dl dt .logo{position: absolute;margin: -23px 0 6px -4px;}
.checkbox-form .target-box dl dt .kakaocert-text{margin: 14px 0 0 0px;font-family: 'NotoSansKR-Bold';font-size: 19px;letter-spacing: -0.4px;}
.checkbox-form .target-box dl dt .popbill-text{margin: -16px 0 0 0;}
.checkbox-form .target-box dl dt .juso-text{margin: 16px 0 0 0;}
.checkbox-form .target-box dl:last-child dt{padding-bottom : 0;}
.checkbox-form .target-box dl dd{width: calc(100% - 139px);padding: 10px 0 10px 30px; display: grid; align-items: center; gap: 14px 8px; grid-template-columns : repeat(5, 1fr);}
.checkbox-form .target-box dl dd .input-wrap{color: #868788;font-family: 'NotoSansKR-DemiLight';letter-spacing: -0.005em;font-size: 17px;display: flex;align-items: flex-start;}
.checkbox-form .target-box dl dd .input-wrap input[type=checkbox]{ display: none;}
.checkbox-form .target-box dl dd .input-wrap input[type=checkbox]:checked+i{border-color: #0fcd90;background-image: url(/images/customercenter/qna/check-background-b566021d1fdea43a01d46d4047736c10.png);background-repeat: no-repeat;background-position: 2px 4px;}
.checkbox-form .target-box dl dd .input-wrap input[type=checkbox]:checked~label{color: #000000;font-family: 'NotoSansKR-DemiLight';font-size: 17px;}
.checkbox-form .target-box dl dd .input-wrap input[type=checkbox]:checked~span{color: #000000;}
.checkbox-form .target-box dl dd .input-wrap i{border: 1px solid #808080;width: 19px;height: 19px;display: inline-block;margin: 0px 11px 0 0px;border-radius: 3px;background-color: white; cursor: pointer;}
.checkbox-form .target-box dl dd .input-wrap label {cursor: pointer;}
.checkbox-form .target-box dl dd .input-wrap span.en{margin-left: 3px;}
.checkbox-form .target-box dl dd input{line-height: 44px; letter-spacing: -0.5em}

.checkbox-form .target-box dl dd>div:last-child .input-wrap{margin-bottom : 0;}