@charset "utf-8";

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:15px;line-height:1.6em;font-family: 'Noto Sans KR', sans-serif;background:#fff;color:#333;letter-spacing:-0.075em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
input[type="checkbox"]:focus {
    outline-offset: 2px;
}
/*select {margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;background:#fff url('../images/bg-select.png') no-repeat right 15px  center;}*/
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}

/* 본문바로가기  */
.accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;}
.accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, .accessibility a:hover, .accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

#wrapper{background-color:#f4f6f8;min-height:100vh;position:relative;}
.logo{height:82px;text-align:center;}
h1{display:inline-block;vertical-align:middle;width:142px;height:85px;font-size:0;line-height:0;color:transparent;background:url('../../../../images/egovframework/rte/com/logo-kdca.png') no-repeat left center;background-size:contain;margin-right:18px;}
h2{display:inline-block;vertical-align:middle;font-size:15px;line-height:28px;font-weight:300;text-align:left;padding-left:20px;position:relative;}
h2::before{content:'';display:block;width:1px;height:30px;background-color:#c2c4cc;position:absolute;left:0;top:0px;}
h2 strong{font-size:24px;font-weight:700;display:block;}
#header{max-width:1180px;margin:0 auto;padding:40px;border:1px solid #e9ebf5;background-color:#fff;}
#header h3{font-size:36px;line-height:1.3em;font-weight:300;color:#333;letter-spacing:-0.075em;border-bottom:2px solid #e9ebf5;padding-bottom:25px;}
#header h3 strong{display:block;font-weight:700;}

#container{max-width:1180px;margin:20px auto 0;padding-bottom:120px;}
#container >.cnt-chk{float:left;width:calc(100% - 400px);margin-right:20px;background-color:#fff;border:1px solid #e9ebf5;padding:40px;box-sizing:border-box;}
#container >.cnt-result{float:left;width:380px;}
#container >.cnt-result .wrap-white{background-color:#fff;border:1px solid #e9ebf5;padding:40px;box-sizing:border-box;margin-bottom:20px;}
#container h4{font-size:24px;line-height:30px;font-weight:500;color:#333;position:relative;padding-left:20px;margin-bottom:40px;}
#container h4::before{content:'';width:6px;height:30px;background-color:#0c8ac5;position:absolute;left:0;top:0;}
#container >.wrap-complete{width:100%;background-color:#fff;border:1px solid #e9ebf5;padding:40px;box-sizing:border-box;margin-bottom:40px;}

.wrap-chk{margin-bottom:10px;}
.wrap-chk.first{margin-top:30px;}
.wrap-chk .box-check label{font-size:18px;line-height:1.2em;font-weight:300;width:calc(100% - 23px);margin-left:15px;}
.box-radio{background-color:#f4f6f8;border:1px solid #c2c4cc;border-top:none;padding:10px 30px 0;display:none;}
.box-radio span{display:block;margin-bottom:20px;}
.box-check{width:100%;border:1px solid #c2c4cc;padding:12px 30px;font-weight:300;background-color:#fff;margin-bottom:10px;}
.box-check label:last-child{margin-right:0;}
.box-check input[type="checkbox"]{vertical-align:middle;width:15px;height:15px;border-color:#c2c4cc;}
.box-radio label{font-size:15px;line-height:1.6em;font-weight:300;letter-spacing:0;margin-left:10px;margin-right:20px;}

.cnt-chk h5.tit-number{font-size:18px;line-height:1.4em;font-weight:700;margin-bottom:15px;}
.cnt-chk h5.tit-number strong{color:#e60012;}
.info-action{font-size:15px;line-height:1.6em;font-weight:300;color:#666;padding-bottom:30px;border-bottom:1px solid #e9ebf5;}

.list-strange h5{font-size:18px;line-height:1.6em;font-weight:700;color:#0c8ac5;margin-top:30px;margin-bottom:15px;}
.list-strange h6{font-size:15px;line-height:1.5em;font-weight:700;color:#666;}
.list-strange p{font-size:15px;line-height:1.5em;font-weight:400;color:#666;word-break:keep-all;}

.form-group::after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.form-row{float:left;width:calc(50% - 10px);font-size:15px;font-weight:300;}
.form-group h5{margin-top:30px;margin-bottom:10px;font-size:15px;font-weight:400;}
.form-group h5 span{color:#999;}
.form-group input[type="text"]{width:100%;height:50px;border:1px solid #c2c4cc;box-sizing:border-box;padding:0 20px;line-height:48px;font-size:15px;font-weight:300;letter-spacing:-0.075em;}
.form-group input[type="password"]{width:100%;height:50px;border:1px solid #c2c4cc;box-sizing:border-box;padding:0 20px;line-height:48px;font-size:15px;font-weight:300;letter-spacing:-0.075em;}
.form-group input::placeholder{color:#747474;}
.form-group select{width:100%;height:50px;border:1px solid #c2c4cc;box-sizing:border-box;padding-left:20px;line-height:48px;font-size:15px;font-weight:300;letter-spacing:-0.075em;}
.form-row:first-child{margin-right:20px;}
.form-row.birth input, .form-row.birth select{width:30%;}
.form-row.birth select{margin-left:2%; /* margin-right:2%; */}
.form-row.birth input.birth-year{width:33%;}
.form-row.userresnum input{width:47%;}
.relation{width:100%;height:50px;border:1px solid #c2c4cc;box-sizing:border-box;padding:0 20px;}
.relation label{font-size:15px;line-height:48px;font-weight:300;color:#333;margin-right:40px;margin-left:10px;}
.relation label:last-child{margin-right:0;}

.addr-box{margin-bottom:10px;}
.post-num{float:left;width:calc(50% - 140px) !important;margin-right:10px;}
.btn-addr{float:left;display:inline-block;margin-right:20px;width:120px;height:50px; background-color:#0176D5;border: 0px #0176D5;/*#0c8ac5;*/ text-align:center;line-height:50px;font-size:15px;font-weight:300;color:#fff;}
.btn-addr:focus{border:2px solid #000000;background-color: #0169be;}
.post-addr{float:left;width:calc(50% - 10px) !important;}

textarea{width:100%;resize:none;border:1px solid #c2c4cc;padding:20px;font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:300;}
textarea::placeholder{color:#747474;}

.agree-box{border:1px solid #cfd9e7;overflow-y:auto;height:200px;padding:10px 20px;}
.title-agree{font-size:15px;font-weight:500;margin-bottom:0px;}
.agree-box h5{font-size:15px;line-height:24px;font-weight:500;color:#666;margin-bottom:0;margin-top:18px;}
.agree-box ul{margin:5px 5px 15px;}
.agree-box ul li{position:relative;padding-left:10px;font-size:15px;line-height:24px;font-weight:300;color:#666;}
.agree-box ul li::before{content:'';width:5px;height:1px;background-color:#666;position:absolute;left:0;top:11px;}
.agree-box ul li .blue{color:#0068b7;}

.wrap-agree .box-check{margin-top:10px;margin-bottom:0;}
#agree-box.box-radio{display:block;}
.wrap-agree .box-radio{background-color:#f5f5f5;}
.wrap-agree .box-radio label{letter-spacing:-0.075em;}

/* 선택 내용 */
.box-choiced{border:1px solid #c2c4cc;padding:15px 20px;position:relative;margin-bottom:20px;}
.box-choiced h5{font-size:15px;line-height:1.8em;font-weight:500;}
.choice-list li{font-size:15px;line-height:1.8em;font-weight:300;color:#666;padding-left:7px;position:relative;}
.choice-list li::before{content:'';width:2px;height:2px;background-color:#666;border-radius:50%;position:absolute;left:0;top:12px;}
.choice-list li .address dt{float:left;width:35px;}
.choice-list li .address dd{float:left;width:calc(100% - 35px);}
.modi-choice{font-size:15px;line-height:15px;font-weight:300;color:#e60012;position:absolute;right:20px;top:20px;}

.button-group{font-size:0;}
.button-group .btn{display:inline-block;cursor:pointer}
.button-group .btn:first-child{margin-right:10px;width:calc(30% - 10px);}
.button-group .btn.blue{width:70%;}
.btn{width:100%;line-height:60px;height:60px;text-align:center;font-size:18px;font-weight:700; background-color:#757575; /*#999*/ color:#fff;border:2px;outline:none;letter-spacing:-0.075em;}
.btn.blue{background-color:#0176D5; /*#0c8ac5;*/}
.btn.orange{background-color:#D14200; /*#ff9d00;*/}
.btn.last-btn{display:block;max-width:380px;margin-right:auto;margin-left:auto;}
.btn.blue:focus{border:2px solid black;}
.btn.orange:focus{border:2px solid black;}
.btn:focus{border:2px solid black;}

.button1{display:inline-block;padding:8px 20px;height:auto;font-size:14px;line-height:22px;letter-spacing:-0.075em;box-sizing:border-box;border:1px solid #cbcdd0;color:#666;}
.button1.blue{background-color:#0c8ac5;color:#fff;font-weight:500;border:none;outline:none;}
.button1.gray{background-color:#ccc;color:#fff;font-weight:500;border:none;outline:none;}

.wrap-report{padding:20px 0;}
.list-report{float:left;width:calc(50% - 10px);margin-left:20px;margin-bottom:10px;}
.list-report:nth-child(2n+1){margin-left:0;}

.wrap-step{padding:20px 30px;}
.ul-step{float:left;font-size:0;}
.ul-step li{display:inline-block;margin:10px;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#fff;letter-spacing:-0.075em; background-color:#757575; /*#ccc;*/ text-align:center;border-radius:20px;position:relative;}
.ul-step li::before{content:'';background:url('../../../../images/egovframework/rte/covd/next-step.png') no-repeat;width:7px;height:8px;position:absolute;right:-14px;top:16px;}
.ul-step li:last-child::before{display:none;}
.ul-step li.ing{background-color:#D14200; /*#ff9d00;*/}
.ul-step li.prev{background-color:#0176D5; /*#0c8ac5;*/}
.ul-check01{width:calc(55% - 20px);margin-right:20px;position:relative;}
.ul-check01::after{content:'';width:2px;height:20px;background-color:#e9ebf5;position:absolute;right:-21px;top:20px;}
.ul-check01 li{width:calc(50% - 20px);}
.ul-check02{width:calc(45% - 20px);margin-left:20px;}
.ul-check02 li{width:calc(33.33% - 20px);}

/* .ul-step2 li{float:left;width:calc(20% - 20px);margin:10px;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#fff;letter-spacing:-0.075em;background-color:#ccc;text-align:center;vertical-align:top;border-radius:20px;position:relative;} */
.ul-step2 li{float:left;width:calc(20% - 20px);margin:10px;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#fff;letter-spacing:-0.075em;background-color:#ccc;text-align:center;vertical-align:top;border-radius:20px;position:relative;}
.ul-step2 li::before{content:'';background:url('../../../../images/egovframework/rte/covd/next-step.png') no-repeat;width:7px;height:8px;position:absolute;right:-14px;top:16px;}
.ul-step2 li:last-child::before{display:none;}
.ul-step2 li.ing{background-color:#ff9d00;}
.ul-step2 li.prev{background-color:#0c8ac5;}

ul.num{list-style-type:decimal;margin-left:10px;}
ul.num > li{position:relative;font-size:inherit;margin-bottom:8px;color:#666;letter-spacing:-0.075em;}
ul.num > li:last-child{margin-bottom:0;}

ul.num.no-margin > li{margin-bottom:0;}
.ul-step3{float:left;font-size:0;}
.ul-step3 li{display:inline-block;margin:10px;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#fff;letter-spacing:-0.075em;background-color:#ccc;text-align:center;border-radius:20px;position:relative;}
.ul-step3 li::before{content:'';background:url('../../../../images/egovframework/rte/covd/next-step.png') no-repeat;width:7px;height:8px;position:absolute;right:-14px;top:16px;}
.ul-step3 li:last-child::before{display:none;}
.ul-step3 li.ing{background-color:#ff9d00;}
.ul-step3 li.prev{background-color:#0c8ac5;}
.ul-check03{width:calc(calc(70% - 10px));position:relative;}
/*.ul-check03::after{content:'';width:2px;height:20px;background-color:#e9ebf5;position:absolute;right:-21px;top:20px;}*/
.ul-check03 li{width:calc(30% - 10px);}

.view-result{display:none;cursor:pointer;width:60px;height:60px;background-color:rgba(0, 0, 0, .7);position:fixed;right:0;top:10px;border-top-left-radius:4px;border-bottom-left-radius:4px;text-align:center;font-size:12px;line-height:14px;font-weight:300;color:#fff;padding-top:8px;}
.view-result i{display:block;width:16px;height:15px;background:url('../../../../images/egovframework/rte/covd/ico-checked.png') no-repeat;margin-right:auto;margin-left:auto;margin-bottom:2px;}

#blind{position:absolute; top:0; left:0; width:100%; height:100%;background:#000; z-index:50;opacity:0;}
.close-layer{width:100%;height:40px;line-height:40px;background-color:#999;text-align:center;font-size:18px;font-weight:700;color:#fff;letter-spacing:-0.075em;outline:none;border:none;display:none;}
.wrap-white.on .close-layer{display:block;}

.choiced-select{margin-top:10px;}
.choiced-select select{float:right;width:270px;height:40px;border:1px solid #c2c4cc;padding-left:20px;line-height:38px;font-size:15px;font-weight:300;letter-spacing:-0.075em;}

/*이상반응 보상내역 조회하기 표 */
.processDiv{
  display: flex;
  /*justify-content: center;*/
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  flex-wrap: wrap;
  align-content: space-between;
}
.label{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 5px auto;
  /*min-width: 120px; 7개일 경우*/
  min-width: 150px;
  width: 10%;
  height: 150px;
  /*height: 120px;7개일 경우*/
  color: #2a2a2a;
  border-radius: 50%;
  font-size: 1.2em;
  font-weight: 600;
  background: #ccc;
}
.arrow{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 5px auto;
  width: 30px;
  height: 30px;
  color: #a1a1a1;
  border-radius: 50%;
  font-size: 1em;
  background: #ccc;
}
.arrow img{
  width: 22px;
  padding-left: 3px;
}
.current.label{
  background-color: #126db3;
  color: #ffffff;
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
.current.arrow{
  animation: blink-effect 1s step-end infinite;
  background: #126db3;
}
.process-info{
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding: 15px 0
}

.table01{width:100%;min-width:850px;border-top:2px solid #555;border-bottom:2px solid #555;}
.table01 thead th{border-left:1px solid #555;border-top:1px solid #555;background-color:#ddd;text-align:center;font-size:14px;line-height:22px;letter-spacing:-0.075em;font-weight:600;color:#666;padding:5px 10px;}
.table01 thead tr:first-child th:first-child{border-left:none;font-size:16px;}
.table01 tbody tr:first-child td:first-child{border-left:none;}
.table01 tbody td{border-left:1px solid #555;border-top:1px solid #555;background-color:#fff;text-align:center;}
.table01 tbody .td02{padding:50px 10px;}

.table02{width:100%;min-width:850px;border-top:2px solid #555;border-bottom:2px solid #555;}
.table02 tbody th{text-align:center;padding:23px 10px;}
.table02 tbody td{width: 98%;display:block;}

@media screen and (max-width:1180px){
  .relation label{margin-right:20px;margin-left:5px;}
  .form-group input[type="text"]{padding:0 10px;}
  .relation{padding:0 10px}
  .form-row select{padding-left:10px;}
  textarea{padding:10px;}
  /* .wrap-report{padding-right:0;padding-left:0;margin-right:-20px;margin-left:-20px;} */
  .wrap-step{padding-right:0;padding-left:0;}
  .ul-check01, .ul-check02, .ul-check03{margin-right:-10px;margin-left:-10px;}
  .ul-check01{margin-right:10px;width:45%;}
  .ul-check01::after{right:-11px;}
  .ul-check02{margin-left:10px;width:55%;}
  .ul-check03{margin-left:10px;width:80%;}
}
@media screen and (max-width:991px){
  .table01 tbody th, .table01 tbody td{padding:13px 15px;}
  .table02 tbody th, .table02 tbody td{padding:13px 15px;}
  #container >.cnt-chk{float:none;width:100%;margin-right:0;}
  #container >.cnt-result{float:none;width:100%;margin-top:20px;}
  .post-addr{float:none;width:100% !important;margin-top:10px;}
  .btn-addr{margin-right:0;}
  .post-num{min-width:125px;}
  /* .wrap-report{margin-right:-10px;margin-left:-10px;} */
  /* .list-report{width:calc(33.33% - 20px);margin-right:10px;margin-left:10px;} */

  /* 선택한 내용 모바일 가리기 */
  #container >.cnt-result .wrap-white{width:320px;position:absolute;right:-320px;top:140px;transition:all 0.3s;}
  #container >.cnt-result .wrap-white.on{right:0;}
  .view-result{display:block;}
  #header, #container >.cnt-chk, #container >.cnt-result .wrap-white, #container >.wrap-complete{padding:20px;}
}
@media screen and (max-width:850px){
  .wrap-report{margin-right:0;margin-left:0;}
  .list-report{float:none;width:100%;margin-right:0;margin-left:0;}
  .ul-check01, .ul-check02, .ul-check03{width:auto;margin-right:0;margin-left:0;}
  .ul-step li{font-size:0;position:relative;}
  .ul-step li.ing{width:140px;height:40px;font-size:15px;}
  .ul-step li.ing::after{display:none;}
  .ul-step li.prev{background-color:transparent;}
  .ul-step li.prev::after{background-color:#0c8ac5;}
  .ul-step li::before{display:none;}
  .ul-step li::after{content:'';width:20px;height:20px;border-radius:50%;background-color:#ccc;position:absolute;left:0;top:10px;font-size:15px;line-height:20px;font-weight:500;color:#fff;}
  .ul-check01::after{display:none;}
  .ul-check01 li, .ul-check02 li,.ul-check03 li{width:20px;margin:5px;vertical-align:middle;background-color:transparent;}
  .ul-check01 li:first-child::after{content:'1';}
  .ul-check01 li:last-child::after{content:'2';}
  .ul-check02 li:first-child::after{content:'3';}
  .ul-check02 li:nth-child(2)::after{content:'4';}
  .ul-check02 li:nth-child(3)::after{content:'5';}

  .ul-step2 li{font-size:0;position:relative;}
  .ul-step2 li.ing{width:140px;height:40px;font-size:15px;}
  .ul-step2 li.ing::after{display:none;}
  .ul-step2 li.prev{background-color:transparent;}
  .ul-step2 li.prev::after{background-color:#0c8ac5;}
  .ul-step2 li::before{display:none;}
  .ul-step2 li::after{content:'';width:20px;height:20px;border-radius:50%;background-color:#ccc;position:absolute;left:0;top:10px;font-size:15px;line-height:20px;font-weight:500;color:#fff;}
  .ul-step2::after{display:none;}
  .ul-step2 li{width:20px;margin:5px;vertical-align:middle;background-color:transparent;}
  .ul-step2 li:first-child::after{content:'1';}
  .ul-step2 li:nth-child(2)::after{content:'2';}
  .ul-step2 li:nth-child(3)::after{content:'3';}
  .ul-step2 li:nth-child(4)::after{content:'4';}
  .ul-step2 li:nth-child(5)::after{content:'5';}

  .ul-step3 li{font-size:0;position:relative;}
  .ul-step3 li.ing{width:140px;height:40px;font-size:15px;}
  .ul-step3 li.ing::after{display:none;}
  .ul-step3 li.prev{background-color:transparent;}
  .ul-step3 li.prev::after{background-color:#0c8ac5;}
  .ul-step3 li::before{display:none;}
  .ul-step3 li::after{content:'';width:20px;height:20px;border-radius:50%;background-color:#ccc;position:absolute;left:0;top:10px;font-size:15px;line-height:20px;font-weight:500;color:#fff;}
  .ul-step3::after{display:none;}
  .ul-step3 li{width:20px;margin:5px;vertical-align:middle;background-color:transparent;}
  .ul-step3 li:first-child::after{content:'1';}
  .ul-step3 li:nth-child(2)::after{content:'2';}
  .ul-step3 li:nth-child(3)::after{content:'3';}

  .wrap-step{width:270px;}
}
@media screen and (max-width:550px){
  .logo{height:auto;padding:20px 0;}
  h1{display:block;margin-right:auto;margin-left:auto;width:120px;height:35px;margin-bottom:10px;}
  h2{display:block;text-align:center;padding-left:0;}
  h2 strong{font-size:20px;}
  h2::before{display:none;}
  #header h3{font-size:25px;}
  #container h4{font-size:20px;line-height:26px;padding-left:15px;margin-bottom:30px;}
  #container h4::before{height:26px;}
  .wrap-chk .box-check label{font-size:16px;margin-left:10px;}
  .form-row{float:none;width:100%;}
  .form-row:first-child{margin-right:0;}
  .relation label{margin-right:30px;}
}
@media screen and (max-width:400px){
  #header h3{font-size:20px;}
}

#wrapper.non-logo{padding-top:20px;}
.center-wrap .ul-check01, .ul-check03{float:none;margin-right:auto;margin-left:auto;}
.center-wrap .ul-check01::after{display:none;}
.button-group.half-btn{max-width:620px;margin-right:auto;margin-left:auto;text-align:center;}
.button-group.half-btn .btn{width:calc(50% - 10px);margin:0 5px;}

/* 주요 이상반응신고 시 */
.box-choiced.danger{border:2px solid #ff9d00}
i.danger{display:inline-block;background:url('../../../../images/egovframework/rte/covd/ico-danger.png') no-repeat;width:16px;height:28px;margin-left:10px;vertical-align:middle;}

@media screen and (max-width:1180px){
  #wrapper.non-logo{padding-top:0;}
}
@media screen and (max-width:850px){
  .center-wrap{margin-right:auto;margin-left:auto;}
}

/*웹접근성 관련 - 스크롤 키보드 컨트롤*/
.use-scroll{height:200px;overflow-y:auto;overflow:auto !important ;}

.span-hide {position:fixed; top:-1px; left:-1px; width:1px; height:1px; overflow:hidden;}

/* 개인정보 수집동의 관련 CSS추가 (20250829)*/
.agreement-box {
    border: 1px solid #ccc;
    margin-bottom: 12px;
    padding: 20px 15px 20px 20px;
    background: white;
    color: #666;
}
.agreement-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.agreement-header span {
    font-weight: bold;
}
.toggle-btn {
    display: inline-block;
    padding: 6px 14px;
    background: #ffffff;
    border: 1px solid #bbb;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
}
.toggle-btn:hover {
    background: #4a90e2;
    color: #fff;
    border-color: #4a90e2;
    box-shadow: 0 3px 8px rgba(74,144,226,0.3);
}
.agreement-content {
   max-height: 0;
    overflow: hidden;
    margin-top: 12px;
    padding: 0 12px;      /* 처음엔 패딩 없앰 */
    color: #555;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.3s ease;
}

.law-content {
    max-height: 0;
    overflow: hidden;
    margin-top: 4px;
    padding: 0 10px; 
    background: #f7faff;
    font-size: 13px;
    color: #444;
    border-radius: 6px;
    transition: all 0.3s ease;  /* 애니메이션 */
}
.agreement-content.open {
    max-height: 800px;
    padding: 8px 10px;
    border-top: 1px solid #eee; /* 열릴 때만 선 표시 */
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.law-content.open {
    max-height: 500px;
    padding: 8px 10px;
}

.agreement-content.open, .law-content.open {
    display: block;
}
/* 법령 문구 스타일 */
.law-link {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}