@charset "UTF-8";

#contents {position:relative;width:100%;height:100%}
.sVisual {position:relative;width:1440px;height:300px;margin:0 auto;text-align:center;margin-top:120px;overflow:hidden;
background:url('/resource/img/sub/process_bg.png');}
.step02 {background:url('/resource/img/sub/process_bg02.png');}
.step03 {background:url('/resource/img/sub/process_bg03.png');}
.step04 {background:url('/resource/img/sub/process_bg04.png');}
.step05 {background:url('/resource/img/sub/notice_bg.png');}
.step06 {background:url('/resource/img/sub/faq_bg.png');}
.step07 {background:url('/resource/img/sub/center_bg.png');}
.step08 {background:url('/resource/img/sub/suggest_bg.png');}

.tit_wrap {position:relative;width:100%;margin-top:100px;}
.tit_wrap h3 {
font-family: 'Godo';
color:#fff;
font-size:6rem;
line-height:6rem;
opacity:0;
animation-name: fadeIn;
animation-delay : 0.2s;
animation-duration: 2s;
animation-fill-mode: forwards;
}
.location {width: 100%;text-align: center;}
.location ul {
width: 100%;
padding-top: 40px;
}
.location ul li {
display: inline-block;
position: relative;
padding-right: 31px;
font-size:1.7rem;
line-height:1.7rem;
font-weight:700;
opacity:0;
animation-name: fadeIn;
animation-delay : 0.4s;
animation-duration: 2s;
animation-fill-mode: forwards;
}
.location ul li a {	color:#fff
}
.location ul li:nth-child(1) a {
display: block;
width: 14px;
height: 13px;
background: url(/resource/img/sub/home_icon.png) no-repeat center/contain;
text-indent: -9999px;
}
.location ul li:not(:last-child):after {
content: "";
position: absolute;
top: 50%;
right: 5px;
transform: rotate(-90deg) translate(36%,1%);
width: 12px;
height: 12px;
background: url(/resource/img/sub/arrow-w.svg) no-repeat center/contain;
font-size: 1.8rem;
}
.location ul li:last-child {
padding-right: 0;
}
.snb {width:1000px;position:relative;margin:0 auto;text-align:center;margin-top:80px;}
.snb:after {
content: "";
position: absolute;
top: 17%;
left:7%;
transform: translateY(-50%);
transform: translateX(-50%);
width:0%;height:2px;
background:#ac0001;
z-index:0;
transition:all 0.3s
}
.snb:before {
content: "";
position: absolute;
top: 15%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width:88%;height:2px;
background:#d7d7d7;
z-index:0;
}
.snb ul {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.snb ul li {text-align:center;position:relative;z-index:1;flex-basis:25%}
.snb ul li span {
display:block;
width:60px;
height:60px;
background:#d7d7d7;
border:5px solid #fff;
border-radius:30px;
margin:0 auto;
text-align:center;
font-size:1.7rem;
color:#fff;
font-weight:600;
padding-top:13px;
transition:all 0.3s
}
.snb ul li.active span, .snb ul li:hover span {background:#ac0001}
.snb ul li.visited span  {background:#00387d}
.snb ul li a:before {
content: "";
position: absolute;
top: 50%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width:54px;height:48px;
background:url('/resource/img/sub/snb_icon_v2.png');
background-position:4% -3%;
transition:all 0.3s
}
.snb ul li.visited a:before {
content: "";
position: absolute;
top: 49%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width:54px;height:48px;
background:url('/resource/img/sub/snb_icon_blue_v2.png');
background-position:4% -3%;
transition:all 0.3s
}
.snb ul li.visited:hover a:before {
background-position-y:0%;
}
.snb ul li:nth-child(2) a:before {background-position:24% -3%;}
.snb ul li:nth-child(3) a:before {background-position:46% -3%;}
.snb ul li:nth-child(4) a:before {background-position:65% -3%;}
.snb ul li:nth-child(5) a:before {background-position:82% -3%;}
.snb ul li:nth-child(6) a:before {background-position:98% -3%;}
	
.snb ul li a:after {
content: "";
position: absolute;
top: 17.5%;
transform: translateY(-50%);
height:2px;
width:0px;
transition:all 0.3s;
z-index:-1;
}
.snb ul li.active a:before, .snb ul li:hover a:before {
background-position-y:96%;
}
.snb h4 {margin-top:91px;font-size:1.6rem;color:#999;transition:all 0.3s}
.snb ul li.active h4, .snb ul li:hover h4 {color:#ac0001}
.snb ul li.visited h4 {color:#00387d}
.sna {width:100%;position:relative;margin:0 auto;text-align:center;margin-top:50px;margin-bottom:38px;}
.sna h4 {
margin-top: 91px !important;
font-size: 1.6rem;
color: #999;
transition: all 0.3s;
}
.sna h4 i {text-decoration:none !important}
.sna ul li h4 {margin-left:0}
.sna:after {
content: "";
position: absolute;
top: 17%;
left:7%;
transform: translateY(-50%);
transform: translateX(-50%);
width:0%;height:2px;
background:#ac0001;
z-index:0;
transition:all 0.3s
}
.sna:before {
content: "";
position: absolute;
top: 17%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width:88%;height:2px;
background:#d7d7d7;
z-index:0;
}
.sna ul {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.sna ul li {text-align:center;position:relative;z-index:1;flex-basis:25%}
.sna ul li span {
display:block;
width:60px;
height:60px;
background:#00387d;
border:5px solid #fff;
border-radius:30px;
margin:0 auto;
text-align:center;
font-size:1.7rem;
color:#fff;
font-weight:600;
padding-top:13px;
transition:all 0.3s
}
.sna ul li a:before {
content: "";
position: absolute;
top: 47%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width:54px;height:48px;
background:url('/resource/img/sub/icon/prod_icon.png') no-repeat;
background-position:3% 33%;
transition:all 0.3s
}


.sna ul li:nth-child(2) a:before {background-position:22% 33%;}
.sna ul li:nth-child(3) a:before {background-position:41% 33%;}
.sna ul li:nth-child(4) a:before {background-position:62% 33%;}
.sna ul li:nth-child(5) a:before {background-position:81% 33%;}
.sna ul li:nth-child(6) a:before {background-position:98% 33%;}
.sna ul li a:after {
content: "";
position: absolute;
top: 17.5%;
transform: translateY(-50%);
height:2px;
width:0px;
transition:all 0.3s;
z-index:-1;
}

.conts {position:relative;width:1440px;height:100%;margin:0 auto;text-align:center;margin-top:76px;overflow:hidden;}
.wFix {width:1240px;}
.colorSet {background:#f7f7f7}
.colorSet2 {box-shadow:1px 7px 20px rgb(0,0,0,10%);border-radius:20px;padding:30px 0 }
.conts01 {position:relative;width:100%;background:#f7f7f7;padding:50px}
.conts01 p {margin-top:70px;}
.conts01 strong {font-weight:400}
.alert_box {padding:50px 20px;}
.wt_txt {font-size:1.4rem;line-height:1.7rem !important;display:block;margin-top:10px;}

.conts03 {position:relative;width:100%;background:#f7f7f7;padding-top:10px}
.conts03 p {margin-top:70px;}
.conts03 strong {font-weight:400}
.result_clone > .basic_box {padding:0 10px;}
.result_clone > .basic_box h2 {font-size:1.5rem !important;padding-top:0;padding-bottom:0px;}
.result_clone > .basic_box .tbl3 td, .result_clone > .basic_box .tbl3 th {font-size:1.3rem !important;height:auto;padding:5px 10px}
.result_clone > .basic_box .tbl3 td {padding-left:30px;}
.result_clone > .basic_box .tbl3 td .btn {display:none}
.result_clone > .basic_box .tbl3 td ul li label {font-size:1.3rem;line-height:2rem}
.result_clone > .basic_box .tbl3 td ul {padding:0;flex-wrap:wrap}
.result_clone > .basic_box .tbl3 td ul li {font-size:1.3rem;line-height:1.5rem;width:50%}
.result_clone > .basic_box .rst_pop {display:none;}
.result_clone > .basic_box .rst_unit li.adr_unit:after {height:17px;}
.result_clone > .basic_box .rst_unit li.prc_unit:after {height:17px;}
.result_clone > .basic_box .tbl2 thead th {font-size:1.3rem;height:auto;}
.result_clone > .basic_box #rst_tbl4 {height:300px;}


.result_clone > .basic_box .tbl2 td, .result_clone > .basic_box .tbl3 th {font-size:1.3rem;height:30px;}
.result_clone > .basic_box .tbl2 td .btn {display:none}
.result_clone > .basic_box .tbl2 td ul li label {font-size:1.3rem;line-height:1.5rem}
.result_clone > .basic_box .tbl2 td ul {padding:0;}
.result_clone > .basic_box .wrap_unit {padding:10px 0}
.result_clone > .basic_box p {font-size:1.2rem;line-height:1.5rem}

.wrap_rst_pop > .basic_box {padding:0 10px !important;}
.wrap_rst_pop > .basic_box h2 {font-size:1.5rem !important;padding-top:0;padding-bottom:0px;}
.wrap_rst_pop > .basic_box h2 ~ .cmjj_style {font-size:1.3rem;text-align:left;padding-top:5px;}
.wrap_rst_pop > .basic_box ul {padding:5px 0 5px 13px}
.wrap_rst_pop > .basic_box ul li {text-align:left;font-size:1.3rem;color:#777}
.wrap_rst_pop > .basic_box .tbl3 td, .wrap_rst_pop > .basic_box .tbl3 th {font-size:1.3rem;height:auto;padding:5px 10px}
.wrap_rst_pop > .basic_box .tbl3 td {padding-left:30px;}
.wrap_rst_pop > .basic_box .tbl3 td .btn {display:none}
.wrap_rst_pop > .basic_box .tbl3 td ul li label {font-size:1.5rem;line-height:2rem}
.wrap_rst_pop > .basic_box .tbl3 td ul {padding:0;}
#rst_tbl4 {overflow-y:scroll}
.wrap_rst_pop .tbl2 tbody {overflow:auto;}
.wrap_rst_pop > .basic_box .tbl2 thead th {font-size:1.3rem;height:auto;position:sticky;top:-1px}
.wrap_rst_pop > .basic_box .tbl2 td, .result_clone > .basic_box .tbl3 th {font-size:1.3rem;height:auto;}
.wrap_rst_pop > .basic_box .tbl2 td .btn {display:none}
.wrap_rst_pop > .basic_box .tbl2 td ul li label {font-size:1.3rem;line-height:1.5rem}
.wrap_rst_pop > .basic_box .tbl2 td ul {padding:0;}
@media print {
#rst_tbl4 {height:auto;overflow:inherit}
.rs0 {font-size:2rem}
.tbl_guide {display:none;}
.result_clone > .basic_box {margin-top:30px}
.result_clone .tbl2 td {height:40px;}
.result_clone > .basic_box #rst_tbl4 {height:auto;}
.result_clone > .basic_box .tbl3 .w-70p {width:24% !important}
.result_clone > .basic_box p {font-size:1.3rem;line-height:1.5rem}
.tbl_wrap {overflow-x:hidden}
}
#rst_tbl .w-700 {width:100% !important}
.result_clone #rst_tbl .w-800 {width:100% !important}
.identification_box {position:relative;width:950px;margin:0 auto;text-align:center;margin-top:68px;margin-bottom:30px;overflow:hidden;
padding-bottom:40px;}
.identification_box > div {float:left;display:inline;margin:0 1.5%;height:283px;}

.identification_box > div:first-child {width:24%;margin-left:0;background:#ac0001}
.identification_box > div:nth-child(2) {width:46%;background:#fff;}
.identification_box > div:last-child {width:24%;margin-right:0;}

.conts h3 {font-size:3rem;letter-spacing:-0.14rem;}
.conts h3.pr_ex {font-size:2.3rem;font-weight:300}
.conts h3 span.blue {font-size:4rem;color:#0069c2}
.conts h4 {font-size:2.4rem;color:#111;font-weight:500;letter-spacing:-0.14rem}
.conts h4 i {text-decoration:underline;text-decoration-thickness: from-font;text-decoration-style: dotted;}
.conts h4 ~ span {font-size:1.7rem;color:#888;display:block;margin-top:20px;line-height:2.8rem}
.conts h4.txt_type {font-size:1.8rem;}
.conts h4.txt_type em {display:block;margin-bottom:12px;}
.design_box {position:relative;border-radius:20px;box-shadow:1px 8px 20px rgb(0,0,0,5%);background:#fff}
.design_box a {display:block;width:100%;height:100%;padding:50px 40px;}
.ctts_box {width: 100%;
 border-radius: 30px;
 background: #fff;
 box-shadow: 1px 5px 10px rgb(0 0 0 / 3%);
 padding: 28px 40px;
 font-size: 1.7rem;
 color: #888;
 text-align:left;
 }
 .ctts_box:last-child {margin-top:50px;} 
 .ctts_box h3 {font-size:2.4rem;color:#000}
 .ctts_box h4 {font-size:1.7rem;margin-left:15px;font-weight:600;margin-top:20px;}
  .ctts_box h4:first-child {margin-top:0;}
 .ctts_box h5 {position:relative;font-size:1.6rem;margin-left:15px;font-weight:500;margin-top:10px;}
  .ctts_box h5 em {display:inline-block}
  .ctts_box h5.txt_type2 {padding-left:20px;line-height:2.6rem;color:#111}
  .ctts_box h5.txt_type2:before {
  content: "※";
  position:absolute;
  left:0;
  top:2px;
  }
  
 .ctts_box h4 ~ .depth2 {margin-top:5px;margin-left:25px;font-size:1.5rem;}

 .ctts_box .depth2 ul {border-radius:12px;border:2px dotted #23889d;padding:20px;background:#f7f7f7;box-size:border-box;margin-top:10px;}
 .ctts_box .depth2 ul li {position:relative;padding-left:20px;font-size:1.5rem;line-height:2.2rem;}
 .ctts_box .depth2 ul li:before {
 content: "■";
 position:absolute;
 top:1%;
 left:0;
 font-size:1rem;
 color:#23889d
 }  

.user_box {position:relative;background:#fff;color:#111;margin:0 auto;text-align:center;padding:24px 20px;
border-radius:20px;max-width:450px;}
.user_box span {
position:relative;display:block;font-size:2.5rem;padding-left:33px;letter-spacing:-0.03rem;
opacity:0;
animation-name:fadeIn;
animation-delay:0.3s;
animation-duration:2s;
animation-fill-mode:forwards;
transition:all 0.3s;
}
.user_box span:before {
content: '';
position:absolute;
width:42px;
height:109px;
transform:translateY(-50%);
top:10%;
left:0;
background:url('/resource/img/sub/pc_obj1.png');
}

.id_sns h3 {font-size:2.4rem;text-align:left;width:100%;position:relative;}
.id_sns h3 span i {font-size:1.4rem;line-height:1.7rem}
.id_sns h3:after {
content: "";
position: absolute;
top: 54%;
right:4%;
transform: translateY(-50%);
width: 16px;
height: 7px;
background:url('/resource/img/sub/arrowB_icon.png');
transition:all 0.3s;
}

.id_sns:hover h3:after {right:2%}
.id_sns ul li {float:left;width:100%}
.id_sns ul li img {width:90%;}
.id_sns ul li p {display:block;width:100%;font-size:1.5rem;color:#aaa;margin-top:20px;transition:all 0.3s}
.id_sns:hover ul li p {color:#666;}
.id_sns ul.mt-60 {margin-top:40px !important}
.id_phone i {display:block;}
.id_phone h3 {
display:table;
font-size:2rem;
text-align:center;
color:#fff;

min-height:56px;
width:100%;
} 
.id_phone h3 span {display:table-cell;vertical-align:middle;}
.id_phone h3 span i {font-size:1.4rem;line-height:1.7rem}
.id_phone p {width:100%;}
.id_phone:after {
content: "";
position: absolute;
top: 74%;
left:50%;
transform: translateY(-50%);
transform: translateX(-50%);
width: 16px;
height: 7px;
background:url('/resource/img/sub/arrowW_icon.png');
transition:all 0.3s;
}
.id_phone:hover:after {top:72%}
.id_phone:hover p img  {box-shadow:1px 5px 8px rgb(0,0,0,20%)

}
.id_phone {background:#072844}
.id_phone:nth-child(2) {background:#ac0001}
.conts02  {background:#f6f6f6;padding:50px;clear:both;overflow:hidden;}
.conts h4 ~ .list_ul {font-size:1.7rem}
ul[class^="list_ul"] > li:first-child {margin-top:0}
ul[class^="list_ul"] > li {
padding-left: 17px;
margin-top: 7px;
position:relative;
font-weight:500;
color:#333;
font-size:1.6rem;
letter-spacing:-0.14rem
}
.basic_box {position:relative;width:100%;height:100hv;padding:25px 100px;margin-top:10px;}
.bsBox_set {padding:5px 100px}
.basic_box > h3 {text-align:left;font-size:1.7rem;word-break:break-all}
.basic_box .rd_wrap {display:flex;align-items:center;justify-content:space-between}
.basic_box .rd_wrap > h3 {text-align:left;font-size:1.5rem;width:60%;word-break:break-all;letter-spacing:-0.08rem;margin-bottom:10px;font-weight:400}
.basic_box .rd_wrap > h3.box_title {font-size:1.8rem;font-weight:600;margin-bottom:0;}
.basic_box .rd_wrap > i {font-size:1.3rem;text-align:left;color:#757575}
.basic_box .rd_wrap:nth-child(n+2) {margin-top:10px}
.basic_box .rd_wrap > list_radio {}

.basic_box > h2 {text-align:left;font-size:2rem;padding-bottom:12px;}
.basic_box > h2.txt_pb {padding-bottom:5px;}
.basic_box > h2 i.impc {color:#ac0001 !important;padding-left:10px;}
.basic_box h3 ~ .list_radio {float:right;}
.basic_box h3 ~ .list_radio li {float:left;position:relative;font-size:1.5rem;font-weight:700}
.basic_box h3 ~ .list_radio li {position:relative;}
.basic_box h3 ~ .list_radio li:first-child {margin-right:20px}
.basic_box > .txt_box {
position:relative;
width:100%;
height:250px;
border:1px solid #dadada;
background:#fff;
margin-top:20px;
padding:20px;
text-align:left;
word-break:break-word;
font-size:1.6rem;
line-height:2.3rem;
color:#999;
overflow:auto;
box-sizing:border-box;
}
.basic_box > .txt_box h2 {position:relative;font-size:1.7rem;color:#333;margin-top:10px;}
.basic_box > .txt_box h3 {position:relative;font-size:1.8rem;color:#000;margin-top:10px;font-weight:500;text-decoration:underline}

.basic_box > .txt_box h4 {position:relative;font-size:1.5rem;color:#333;font-weight:500;margin:14px 0 1px 0;padding-left:17px;letter-spacing:-0.03rem}
.basic_box > .txt_box h4:before {
content: "■";
position:absolute;
left:0px;
top:0;
color:#4d4d4d;
font-size: 0.7rem;
}
.basic_box > .txt_box h5 {
padding-left: 8px;
position:relative;
font-weight:500;
color:#3c3c3c;
font-size:1.3rem;
line-height:2rem;
word-break:break-all;
padding-bottom:1px;
margin-top:8px;
}
.basic_box > .txt_box h5 em {text-decoration:underline}
.basic_box .txtBox_chk b.ftWg {font-size:1.8rem}
.basic_box .txtBox_chk i.ftWg {font-size:1.8rem;font-weight:700}
.basic_box > .txt_box b.ftWg {font-size:1.6rem}
.basic_box > .txt_box i.sty_line {text-decoration:underline;}
.basic_box .txtBox_chk i.sty_line {text-decoration:underline;}
.basic_box > .txt_box span {font-size:1.3rem;font-weight:bold;display:block;color:#444;padding-bottom:10px;font-weight:500;line-height:2rem;word-break:break-all}
.basic_box > .txt_box h2 ~ span {margin-top:10px;}
.basic_box > .txt_box h4 ~ span {margin-top:10px;padding-left:20px;}
.basic_box > .txt_box p {font-size:1.5rem;word-break:break-all}
.basic_box > .txt_box p ~ span {margin-top:20px;}
ul[class^="box_ul"] > li:first-child {margin-top:0}
ul[class^="box_ul"] > li {
padding-left: 23px;
position:relative;
font-weight:500;
color:#111;
font-size:1.3rem;
line-height:2rem;
word-break:break-all
}
ul[class^="box_ul"] >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 14px; top: 7px;background:#5b5b5b}
ul[class^="box_ul"] >li.ntc:before {content: '※'; position: absolute; width: 3px; height: 3px; left: 10px; top: -1px;background:none}
ul[class^="box_ul"] >li.chk:before {content: '√'; position: absolute; width: 3px; height: 3px; left: 10px; top: -1px;background:none}
ul[class^="box_ul"] > li ul {padding:10px;padding:4px 0 10px 0}
ul[class^="box_ul"] > li ul li {position:relative;font-size:1.5rem;color:#333;padding-left:17px;}
ul[class^="box_ul"] > li ul li:before {
content: "※";
position:absolute;
left:0px;
top:0;
color:#000;
font-size: 0.7rem;
}

/* 2 */
.conts .column {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;}
.conts .column > .basic_box {width:100%;padding:25px 40px}


.chkbox_all {font-size:1.7rem;font-weight:700;margin-top:10px}
.lnChk span {display:block;line-height:2.3rem}

.chkbox_line {display:flex;margin-top:20px;}
.chkbox_line label {padding-left:4px;line-height:2.3rem;letter-spacing: -0.11rem;color: #3e3e3e;font-weight:600;margin-top: -2px;}
.chkbox_line > input[type="checkbox"]:checked +label {padding-left:28px;}
.chkbox_line > input[type="checkbox"]:checked +label { background-position: 1px 3px;}


.btn_area {padding:0 20px;display:inline-block;}
.btn_area_sg {padding:0 20px;display:inline-block;}
.btn_prev {background:#0069c2;margin-right:2%}
.btn_next {background:#000;margin-left:2%}
.btn_prev a {position:relative;color:#fff;font-size:1.8rem;font-weight:600;line-height:1.8rem;display:block;width:100%;height:100%;padding:31px 10px;padding-left:66px;}
.btn_prev a:after {content: '←';position:absolute;top:50%;left:19%;transform:translateY(-50%);transition:all 0.3s}
.btn_prev:hover {background:#0092c2}
.btn_prev a:hover:after {left:15%;}
.btn_next a {position:relative;color:#fff;font-size:1.8rem;font-weight:600;line-height:1.8rem;display:block;width:100%;height:100%;padding:31px 10px;padding-right:66px;}
.btn_next a:after {content: '→';position:absolute;top:50%;right:19%;transform:translateY(-50%);transition:all 0.3s}
.btn_next:hover {background:#333}
.btn_next a:hover:after {right:15%;}
.aPrp {position:relative;
color:#fff;font-size:1.8rem;
font-weight:600;line-height:1.8rem;display:block;
margin:0 auto;margin-top:30px;margin-bottom:60px;margin-left:2px;margin-right:2px;}
.btn_submit {background:#0069c2;float:left;}
.btn_print {background:#000;float:left;}
.btn_grid {background:#000;float:left}
.btn_submit a {position:relative;color:#fff;font-weight:600;line-height:1.8rem;display:block;width:100%;height:100%;padding:31px 10px;}
.btn_submit:hover {background:#0092c2}
.btn_print a {position:relative;color:#fff;font-weight:600;line-height:1.8rem;display:block;width:100%;height:100%;padding:31px 10px;}
.btn_print:hover {background:#333}
.btn_grid:hover {background:#333}

.centerBOx {border:0 !important;margin:0;padding:0;margin-top:11px}
.centerBOx ul {background:none !important;border:0;padding:0 !important}
.centerBOx > ul li {margin:0 !important;font-size:1.8em;min-width:285px;}
.centerBOx > ul li a {}
.centerBOx .ui-state-default {
background:#fff;border:0;color:#888888;border-radius:15px 15px 0 0;box-shadow:0px -7px 11px 4px rgb(0,0,0,3%);z-index:2;transition:none;}
.centerBOx .ui-tabs-active {background:#f7f7f7;border:0;color:#111;border-radius:15px 15px 0 0;z-index:3;box-shadow:0px 0px 0px;}
.centerBOx .ui-tabs-active a {color:#111;font-weight:700}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:20px 5px;width:100%}

#tabs-1, #tabs-2, #tabs-3 {z-index:4;background:#f7f7f7;padding-bottom:15px}
#tabs-1 > ul, #tabs-2 > ul, #tabs-3 > ul{width:88%;height:100%;display:flex;margin:0 auto;background:#fff !important;border-radius:20px;
padding:25px 33px !important;margin-top:80px;justify-content:space-between}
#tabs-1 > ul li, #tabs-2 > ul li, #tabs-3 > ul li {position:relative;width:30%;display:inline-block;margin:0 1%}
#tabs-1 > ul li:first-child, #tabs-2 > ul li:first-child, #tabs-3 > ul li:first-child {margin-left:0;}
#tabs-1 > ul li:nth-child(2), #tabs-2 > ul li:nth-child(2), #tabs-3 > ul li:nth-child(2) {width:24%}
#tabs-1 > ul li:last-child, #tabs-2 > ul li:last-child, #tabs-3 > ul li:last-child {width:68%;margin-right:0}
input[type=radio] + label {font-size:1.5rem;margin-left:3px;font-weight:400}
.b_inp {;width:100%;border-radius:20px;background-color:#f7f7f7;font-size:2rem;color:#666;border:0px;height:65px !important;
text-indent:30px;box-shadow:none;line-height:2rem;}
.b_inp:focus {outline:none;background:#f1f1f1}
.b_inp:placeholder {color:#999}
.b_inp_icon {display:block;position:absolute;top:20px;right:29px;border:0px;background:transparent;}

.b_sel {position:relative;height:65px;font-size:2rem;line-height:2rem;border-radius:15px;text-indent:15px;background-size:30px;;color:#666;transition:all 0.3s;border:0;width:100%;background:url("/resource/img/icon/down_icon.png") #f7f7f7 no-repeat;-webkit-appearance:none;appearance:none;background-position:center right 20px;padding: 0.375rem 0.75rem;}
.b_sel:focus  {outline:none;background:url("/resource/img/icon/down_icon.png") #f7f7f7 no-repeat;transition:all 0.1s;background-position:center right 20px;
}

.center_area {width:88%;display:flex;margin:0 auto;margin-bottom:70px;}
.center_list {width:49%;margin-right:1%;background:#fff;box-shadow:1px 5px 10px rgb(0,0,0,10%);border-radius:20px;
padding:25px 20px 25px 20px;}
.center_list li {display:table;padding:20px 0;width:100%}
.center_list li:not(:first-child) {border-top:1px solid #d1d1d1}
.center_list li p {display:table-cell;vertical-align:middle;}
.center_list li p span {display:block;}
.center_list li p:first-child {width:15%;padding-right:20px;}
.center_list li p:nth-child(2) {width:60%;text-align:left;font-size:1.7rem;font-weight:600}
.center_list li p:nth-child(2) span {font-size:1.5rem;line-height:1.8rem;font-weight:500;color:#777;padding-top:5px}

.center_ctt {width:49%;margin-right:1%;background:#fff;box-shadow:1px 5px 10px rgb(0,0,0,10%) !important;border-radius:20px;}

.center_list {max-height:530px;}
.center_list ul {max-height:480px;overflow-y:auto;}

.center_list ul li.on p .btn03 {background:#00387d;color:#fff}
.center_ctt {width:49%;margin-left:1%}
.map_area {position:relative;width:100%;height:270px;overflow:hidden;border-radius:20px 20px 0 0;background:url('/resource/img/sub/map.png') no-repeat center}
.map_area img {position:absolute;width:100%;overflow:hidden;transform:translate(-50%,-50%);top:57%;left:50%;}
.center_info {position:relative;text-align:left;padding:30px}
.center_info h3 {font-size:2.1rem;font-weight:600;}
.center_info ul {display:flex;justify-align:space-between;flex-wrap:wrap}
.center_info ul li {position:relative;width:40%;padding-left:40px;font-size:1.8rem;color:#909090;margin-top:16px;}
.center_info ul li:first-child {width:100%;}

.center_info p {position:absolute;right:30px;top:27px;;padding-right:23px;font-size:1.5rem;}
.center_info p a {width:100%;height:100%;display:block;color:#00387d;font-weight:700;letter-spacing:-0.3px;padding-right:15px;}
.center_info p:after {
content: '';
position:absolute;
top:50%;
right:13px;
transform:translateY(-50%);
background:url('/resource/img/icon/viewLink_icon.png');
width:15px;
height:14px;
}
.center_info ul li:after {
content: '';
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
background:url('/resource/img/icon/ct_icon1.png');
width:30px;
height:30px;
}
.center_info ul li:nth-child(2):after {background:url('/resource/img/icon/ct_icon2.png');}
.center_info ul li:nth-child(3):after {background:url('/resource/img/icon/ct_icon3.png');}
.center_info ul li:nth-child(4):after {background:url('/resource/img/icon/ct_icon4.png');}
.center_info ul li:nth-child(5):after {background:url('/resource/img/icon/ct_icon5.png');}
.ct_noData {width:88%;background:#fff;margin:0 auto;text-align:center;border-radius:20px;padding:60px 20px;margin-top:20px;font-size:1.7rem;}
.alert_box {position:relative;width:100%;height:100hv;padding:50px 150px;margin-top:20px;text-align:left;}
.alert_box:nth-child(n+2) {margin-top:0;}
.alert_box h2 {font-size:2.5rem;}
.alert_box h2 ~ .list_ul {margin-top:30px;text-align:left;color:#111}
.alert_box.abCtrl {padding:40px 50px;border-top:2px solid #000;border-bottom:1px solid #eee}
ul[class^="list_ul"] >li >ul {margin-top:5px;}
ul[class^="list_ul"] li >ul >li:first-child {margin-top: 0;}
ul[class^="list_ul"] li >ul >li{margin-top:5px;font-size:1.6rem;color:#6f6f6f;font-weight:300;line-height:2.6rem}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width: 9px; height: 6px; left: 0; top: 7px;}
.tb-w20 {width: 20%;}
.tb-w25 {width: 25%;}
.tb-w30 {width: 30%;}
.tb-w70 {width: 20%;}
.tb-btn {width:30%}
.tb-btn2 {width:30%}
.tb-h44 {height:44px !important;font-size:1.5rem;line-height:1.7rem}
.btn_slt {height:42.5px;width:90px;}
.btn_addLst {height:32px;width:70px;padding:6px 4px !important;letter-spacing: -0.15rem;font-size:1.4rem;}
.phone_info {font-size:1.4rem;color:#dc0001;padding-left:20px;}

@media screen and (min-width:768px) and (max-width:1239px) {
.tb-w20 {width: 40%;}
.tb-w70 {width: 40%;}
.tbl tbody td {padding-left:30px;}
.phone_info {display:block;margin-top:13px;padding-left:0px;}
}
@media all and (max-width:768px) {

.tb-w20 {width: 100%;}
.tb-w25 {width: 45%;}
.tb-w70 {width: 70%;}
.tb-btn {width:calc(100% - 80px)}
.tb_btn2 {width:calc(100% - 80px);display:inline;}
.tb-btn2 {width:38%}
}


.list_radio2 {float:right;margin-top:-20px}
.list_radio2 li {float:left;position:relative;font-size:1.5rem;font-weight:700}
.list_radio2 li {position:relative;}
.list_radio2 li:first-child {margin-right:40px}
.list_radio2 {width:100%;overflow:hidden;}
.list_radio2 li {float:left;display:inline;padding:15px 0;margin-right:30px;}


ul[class^="list_ul"] > li:before {
content: '';
position: absolute;
width: 5px;
height: 5px;
left: 0;
top: 9px;
background:#333;
}
ul[class^="list_ul"] > li.ntc:before {
	content: '※';
    position: absolute;
    left: -4px;
    top: 2px;
	color:#333;
    background:none;	
    font-size:1.5rem
}

ul[class*="list_num"] > li:before {
content: '1)';
position: absolute;
width: auto;
height: auto;
left: 0;
top: 0px;
background:none;
}
ul[class*="list_num"] > li:nth-child(2):before {content: '2)';}
ul[class*="list_num"] > li:nth-child(3):before {content: '3)';}
ul[class*="list_num"] > li:nth-child(4):before {content: '4)';}
ul[class*="list_num"] > li:nth-child(5):before {content: '5)';}
ul[class*="list_num"] > li:nth-child(6):before {content: '6)';}
ul[class*="list_num"] > li:nth-child(7):before {content: '7)';}


ul[class^="list_ul"] ~ p {font-size:1.6rem;color:#888;padding:10px 0 0 14px;}
span.red {color:#dc0001}
span.blue {color:#0069c2}

.footerWrap .footer_callcenter {
color: #111 !important
}
.footerWrap .footer_site ul li:first-child:after {background:url('/resource/img/common/kamco_foot_logo2.png')}
.footerWrap .footer_site ul li:last-child:after {background:url('/resource/img/common/ccrs_foot_logo2.png')}

#accordion {background:#fff;text-align:left;width:95%;margin:0 auto;}
#accordion .ui-state-active {background:#fff;color:#111;border:0;border-bottom:0px solid #aaa;transition:all 0s;}
/*#accordion .ui-state-default:after  {
content: '';
position:absolute;
top:50%;
left:28px;
width:19px;
height:22px;
transform:translateY(-50%);
background:url('/resource/img/icon/qBl_icon.png');
z-index:3
}
#accordion .ui-state-active:after {
content: '';
position:absolute;
top:50%;
left:28px;
width:19px;
height:22px;
transform:translateY(-50%);
background:url('/resource/img/icon/q_icon.png');
z-index:3
}*/

#accordion .ui-state-default {background:#fff;color:#111;border:0;border-bottom:1px solid #aaa;}
#accordion .ui-accordion-header-active {border-bottom:0}
#accordion h3 {font-size:1.8rem;font-weight:600;height:70px;padding-left:91px;padding-right:80px;display:table;width:100%;}
#accordion h3 i {display:table-cell;vertical-align:middle;word-break:break-word}
#accordion .ui-accordion .ui-accordion-header {padding:25px;padding-right:50px}
#accordion .ui-widget-content {border:0;padding:30px;font-size:1.6rem;line-height:2.8rem;background:#f7f7f7;color:#666;border-radius:20px;word-break:break-all}
#accordion .ui-accordion-content {padding:30px 40px 30px 90px;position:relative;}
#accordion .ui-accordion-content:after  {
content: '';
position:absolute;
top:50%;
left:28px;
width:19px;
height:22px;
transform:translateY(-50%);
background:url('/resource/img/icon/a_icon.png');
z-index:3
}
#accordion .ui-icon-triangle-1-e{background-position:auto;}
#accordion .ui-icon, .ui-widget-content .ui-icon {background:url("../img/icon/down_icon.png") no-repeat center}
#accordion .ui-state-hover .ui-icon, .ui-state-focus .ui-icon   {background:url("/resource/img/icon/down_icon.png") no-repeat center}
#accordion .ui-state-active .ui-icon, .ui-button:active .ui-icon {background:url("/resource/img/icon/up_icon.png") no-repeat center}
#accordion .ui-icon {position:absolute;right:30px;margin-top:0;transform:translateY(-50%);top:50%}
.acc_bar ul {display:flex;flex-wrap:wrap;justify-content:flex-end}
.acc_bar ul li {width:40%}
.colorSet2 {margin-top:40px}

.pop-address-search {background-image:url("");}
.pop-address-search .pop-address-search-inner .logo {backgorund:url();}
.pop-address-search {background-color:#ececec;}
.pop-address-search .pop-address-search-inner .wrap input {background-color:#fff;}
.pop-address-search .pop-address-search-inner .wrap {background-color:#fff;}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(odd) td {background:#fff;}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(even) td {background:#fff;}

.round_box {width:100%;border-radius:30px;background:#fff;box-shadow:1px 5px 10px rgb(0,0,0,3%);padding:50px 40px;font-size:1.7rem;color:#888}
.rb_pd {padding:33px 40px;}
.round_box ul > li {font-size:1.7rem;color:#444;font-weight:600;line-height:2.5rem;word-break:break-all;margin-top:30px;}
.round_box ul > li > ul {margin-top:10px !important}
.round_box ul > li > ul li {position:relative;font-weight:500 !important;font-size:1.6rem !important;line-height:2.5rem;padding-left:8px;}
.round_box ul > li > ul li:before {
position:absolute;
content: '';
width:3px;
height:1px;
background:#333;
left:0;
top:11px;
}
.round_box ul > li > ul li ul {padding-left:1px;margin-top:1px !important;margin-bottom:9px;}
.round_box ul > li > ul li ul li {position:relative;font-size:1.4rem !important;color:#979797;margin-top:0px;font-weight:500 !important;padding-left:10px;line-height: 2.2rem}
.round_box ul > li > ul li ul li:before {
	content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    left: 0;
    top: 12px;
    background: #73caca;	
}
.round_box ul > li > ul li ul li.ntc:before {
	content: '※';
    position: absolute;
    left: -5px;
    top: -1px;
	color:#73caca;
    background:none;	
}
.round_box span {display:block;}
.round_box span:last-child {padding-top:11px;}
.round_box span:first-child {padding-top:0px;}

.add_wrap {border-top:1px solid #ccc}
.add_wrap:nth-child(n+2) {margin-top:-1px;}
.add_wrap ul {text-align:left;border-bottom:1px solid #ccc;padding:20px 0 20px 10px}
.add_wrap ul li  {position:relative;text-align:left;font-size:1.5rem;margin-bottom:10px;color:#3e3e3e;font-weight:500}
.add_row1 {color:#ff700a !important;font-size:2rem !important;}
.add_row2:before {
  content: '도로명';
  position:absolute;
  width:35px;
  height:15px;
  border:1px solid #ccc;
  left:0;
  top:50%;
  font-size:1.1rem;  
  text-align:center;         
  color:#1a79ef;
  transform:translateY(-50%)
 }
.add_row2,  .add_row3 {padding-left:45px;}
.add_row3:before {
   content: '지 번';
   position:absolute;
   width:35px;
   height:15px;
   border:1px solid #ccc;
   left:0;
   top:50%;
   font-size:1.1rem;
   text-align:center;
   color:#1a79ef;
   transform:translateY(-50%)
 }
.unit  {margin:20px 0 !important;padding-top:20px;}
.unit:nth-child(n+2) {border-top:2px dotted #000}
.adr_row li:first-child {width:90px;font-size:1.3rem}
.adr_row li:nth-child(n+2){width:100px !important;margin-left:10px;}
.adr_row li:nth-child(n+3){width:130px !important;min-widht:120px !important;margin-left:10px;}
.adr_row2 {display:flex;align-items:center}
.adr_row2 li {width:30% !important}
.adr_row2 li:nth-child(n+2) {margin-left:0px;}
.adr_row2 li:last-child {width:auto !important}
.rst_pop {font-size:1.4rem;background:#0069c2;color:#fff;border-radius:10px;padding:13px 20px;float:right;margin-top:-50px}
.wrap_unit {width:97%;padding:20px 0}
.wrap_unit:nth-child(n+2) {border-top:1px dotted #000}
.rst_unit {display:flex;flex-direction:column}
.rst_unit li {width:100% !important;position:relative;}
.rst_unit li.adr_unit {padding-left:45px;margin-top:10px;}
.rst_unit li.adr_unit:after {
content: '주소';
position:absolute;
width:38px;
height:22px;
background:#fff;
top:50%;
left:0;
transform:translateY(-50%);
font-size:1.1rem;
border-radius:6px;
color:#666;
text-align:center;
border:1px solid #ddd;
line-height:1.6rem;
}
.rst_unit li.prc_unit {padding-left:45px;margin-top:4px;}
.rst_unit li.prc_unit:after {
content: '금액';
position:absolute;
width:38px;
height:22px;
background:#fff;
top:50%;
left:0;
transform:translateY(-50%);
font-size:1.1rem;
border-radius:6px;
color:#666;
text-align:center;
border:1px solid #ddd;
line-height:2.1rem;
}
    .unit_info {
    position: relative;
font-size: 1.6rem;
padding-top: 5px;
line-height: 2.6rem;
text-align: left;
color: #888;}

.step{margin: 20px 0 0 0;padding-left:20px;}
.step>li{float: left;}
.step.li4>li{width: 25.5%;}
.step li { margin-bottom:10px; }
.step>li:after,.step>li.first:before {background: url(/resource/img/icon/ico_step_next.png) no-repeat right center; width: 10%; height: 22px; display: inline-block; content: ''; vertical-align: middle;}
.step>li div{text-align: center; display: inline-block; width: 87%;
padding: 0px; box-sizing:border-box; border-radius: 10px;vertical-align: middle;box-shadow:2px 5px 16px 6px rgb(0,0,0,6%);}
.step>li.first div	{ width: 76%; }
.step>li:last-child:after{display: none;}
.step>li:last-child div{width: 100%;}
.step:after{content: ''; display: block; clear: both;}
.step>li .txt01{background: #e5f0f9; padding:20px 5px; color: #00387d; font-weight: 600;border-radius:10px 10px 0 0}
.step>li .txt02{padding-top: 10px; padding:20px 5px;}
.step.li4 > li.last {width: 23.5%;}
.pr_txt2 {font-size:1.3rem;line-height:1.9rem;word-break:break-all;text-align:left;color:#777}
@media all and (max-width: 880px) {
	.step.li4>li {width:49.5%;}
	.step.li4>li.last {width: 43%;}
}
@media all and (max-width: 720px) {
	.step>li{width: 100% !important;}
	.step>li.first:before,
	.step>li:after{background: url(/resource/img/icon/addressBox_arrow.png) no-repeat right center; width: 22px; height: 22px; content: ''; display: block; margin: 10px auto 0;}
	.step>li.first:before	{ margin: 0 auto 10px; }
	.step>li div,
	.step>li.first div	{width: 100%;}
	.step.li3>li, .step.li3>li.last  {width:100% !important;}
}
.round_box span.fTxt4 {display:none}
.btn_ctaj {margin-left:auto !important;margin-right:auto !important}

.board_file {
	font-size: 1.4rem;
    color: #00387d;
    font-weight: 600;
    display: table-cell;
    text-align: right;
    float: right;
    position: relative;
    top: auto !important;
    right: 0;
    width: 100%;
    margin: -92px 0 57px 0;
}

/* 2023.2 비대면채무 추가작업   */
	.column_1 {
		display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
		} 	 
 .box_conts {min-width:120px;font-size:1.2rem;border:1px solid #ddd;padding:3px 5px;cursor:pointer}
 .box_conts:hover {border:1px solid #666;box-shadow:3px 5px 3px rgba(0,0,0,5%);transition:all 0.3s;
 transition-delay:0.3s;}
.box_conts {position:relative;}
.box_conts:before {
	content:"";
	position:absolute;
	left:0;top:0;
	height:1px;
	width:0%;
	background:#000;
	margin-top:-1px;
	transition:all 0.3s;
}
.box_conts:after {
	content:"";
	position:absolute;
	right:0;bottom:0;
	height:1px;
	width:0%;
	background:#000;
	margin-top:-1px;
	transition:all 0.3s;
	margin-bottom:-1px;
}
.box_conts:hover:before, .box_conts:hover:after {width:100%;}

 
 
 .view_opt {display:none;}

.nonCont_box {
	position:relative;
	width:72%;height:100hv;
	padding:25px 53px;
	border-radius:20px;
	margin:40px 60px 0 0;
	background:#fff;
	box-shadow:5px 5px 11px 2px rgba(0,0,0,5%);}     
.nonCont_box:last-child {margin-bottom:80px;}   
.nonCont_box .nonCont {padding:10px 0;display:flex;align-items:center;justify-content:space-between}
.nonCont_box .nonCont > h3 {
	text-align:left;
	font-size:2rem;
	font-weight:600;
	width:60%;
	word-break:break-all;
	letter-spacing:-0.08rem;
	margin-bottom:10px;
	}
.nonCont_box .nonCont > i {font-size:1.3rem;text-align:left;color:#757575}

.nonCont_chk {border-top:1px solid #000;}
.nonCont_chk ul {padding:20px 0}
.nonCont_chk ul li {display:flex;text-align:left;font-size:1.6rem;align-items: center;}


.nonCont_chk ul li > ul {padding:20px;margin-top:20px;background:#f3f3f3;width:100%;border-radius:20px;}
.nonCont_chk ul li > ul li {padding-bottom:10px;font-size:1.4rem;}
.nonCont_chk ul li > ul li input {height:auto;margin-right:6px;}
.nonCont_chk ul li  label {line-height:inherit !important}
.nonCont_chk ul li > ul li:last-child {padding-bottom:0;}
.box_bd_style {border:1px solid #000 !important;border-bottom:0 !important;}

input[name="chk_list"]:checked +label {padding-left:24px;background-position: 1px 50%;}
input[name="chk_box2"]:checked +label {padding-left:23px;background-position: 3px 50%;background-size: 13px 13px;}

.side-navi {position:fixed;left:7%; top:464px;width:17%;
	background: rgb(227 216 176);
 background: linear-gradient(223deg, #edc275 0%, #c96228 100%););
border-radius: 30px 12px;min-width:270px;transition:all 0.3s;animation:shk 0.5s alternate;
animation-delay:0.5s;
	}
.side-navi.fix {position:fixed;top:200px;left:7%;animation:shk 0.8s alternate;}


.side-navi ul li {position:relative;padding-left:8px;text-align:left;height:40px;padding-left:27px;display:flex;
	align-items:center}


.navi-ui {position:relative;padding:12px 5px 35px 10px;}
.navi-list a {font-size:1.4rem;letter-spacing:-0.07rem;line-height:1.8rem;
	color:#fff;font-weight:600}
.navi-dots:before {
	content:"";
	position:absolute;
	top:100%;
	left:10px;
	width:1px;
	height:32px;
	background:#000;
	transform:translate(-50%,-50%);
}
.navi-dots.on:after {
  content:none;
	position:absolute;
	top:calc(50% - 9px);;
	left:0;
	width:17px;
	height:17px;
	background:#019f87;
	border-radius:50%;
	z-index:1;
  animation:beat 0.5s infinite alternate;
}
.navi-dots span {
	position:absolute;
	display:inline-block;


	top:50%;
	left:10px;
	width:8px;
	height:8px;
	background:#fff;
	border-radius:50%;
	border:2px solid #70520e;
	z-index:1;
	transform:translate(-50%,-50%);
}	

@media screen and (max-width: 1023px) {
	.navi-list a {text-indent:-99999px}
}
@keyframes shk {
	50% {margin-top:-20px}
	100% {margin-top:0px}
}

.side-navi > p {position:relative;font-size:5rem;
	color:#fff;font-weight:700;padding-top:30px;font-style:italic;letter-spacing:-0.1rem;
	text-shadow: 3px 3px 4px rgb(0 0 0 / 28%);
}

.side-navi > p:before {
    content: '';
    position: absolute;
    width: 74px;
    height: 48px;
    transform: translateY(-50%);
    top: 0%;
    left: 0;
    background: url(/resource/img/sub/center_logo.png);
}

/* 230310 채무조정 약정 및 확인 */
 .step-nav {position:relative;width:1438px;margin:0 auto;text-align:center;margin-bottom:-76px;margin-top:76px;}
.step-nav ul {display:flex;flex-wrap:wrap}
.step-nav ul li {position: relative;
    width: 20%;
    background: #f7f7f7;
    padding: 25px 15px;
    font-size: 1.7rem;
    box-shadow: 3px 3px 9px 0px rgb(92 11 11 / 10%);
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    margin-left: -1px;
    color: #898888;
    letter-spacing: -0.04rem;}
.step-nav ul li.on {
    width: 23%;
    background: #10415e;
    font-size: 1.9rem;
    color: #fff;
    border: 1px solid #000;
    border-bottom: 0;
    font-weight: 600;}
.step-nav ul li.on:before {
content: "";
    position: absolute;
    width: 28px;
    height: 29px;
    left: 25%;
    top: 50%;
    transform: translateY(-50%);
    background: url(/resource/img/icon/icon_qna.png);
    background-position: 0 85%;
   opacity: 0;
    animation-name: fadeIn;
    animation-delay: 0.3s;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    transition: all 0.3s;
}
.elecSign_cnts{width:90%;margin:0 auto;text-align:center;}


/* 23.03.08 채무조정  추가*/
      .list_ul p {text-align:center;width:100%;padding:30px 0; font-size:1.6rem;}
      .list_ul p i {letter-spacing:6rem;}
      .unit-w {display:inline-block;text-align:right;font-size:1.3rem;width:100%;color:#5e5e5e}
      .set_dbad{margin-top:-90px;padding-top:0 !important;}
      .set_dbad02{margin-top:-50px;padding-top:0 !important;;}
      .tbl_wrap ~ .mt-sl{
       position: relative;
    font-size: 1.6rem;
    padding-top: 30px;
    line-height: 2.6rem;
    text-align: left;
    padding-left: 20px;
    color: #757575;}
	    
	  .tbl_wrap ~ .mt-sl:before  {
	        content: '※';
    position: absolute;
    left: 0;
	    }
	    	.chkbox_dbad {
    font-size: 1.7rem;
    font-weight: 700;
    color:#000;
        display: flex;
    align-items: stretch;
    line-height: 1.7rem;
    justify-content: center;
}

	.line_kep ul {flex-wrap:nowrap !important}
	.tbl_txt1 {font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: -0.05rem;
    color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    background: #2a848d;
    translate:all 0.3s}
    .close_dbad {font-size:3.4rem;}
    .btn_dt_dbad {font-size:1.3rem;padding:6px 10px}

    @media screen and (min-width:620px) {
      .btn_dt_dbad, .close_dbad {display:none;}
      .tbl_txt1 {display:block !important}
    }
    
    @media screen and (max-width:619px) {
    .btn_dt_dbad {display:block;}
    .tbl_txt1 {
        display:none;
	    position: fixed;
	    height:100vh;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: 999999999;
	    border-radius:0px;
	    background:rgba(0,0,0,0.7);
    }
    .tbl_txt1 div {
	    background: #2a848d;
	    width:90%;
	    opacity:1;
	    margin:0 auto;
	    top:10%;
	    padding:20px;
    }
    .list_ul p {font-size:1.3rem;padding:10px 0}
   .set_dbad{margin-top:-50px;padding-top:0 !important;}
    .set_dbad02 {margin-top: -33px;}
    .mt-sl {font-size:1.3rem;}
    }
    
	.tbl_thgt thead tr {border:0;}
	.tbl_thgt thead th {height: 50px;border-top: 1px solid #d9d9d9;} 
 
 
 /* 20230525 */

.file_modal  .box_layer  .tbl2 th {height:auto !important;font-size:1.5rem}     
.file_modal .box_layer .tbl2 td {height:auto;background: #f8f8f8;}

.box_layer {width:100%;margin-top:20px;}
.box_layer textarea {width:100%;font-size:1.4rem;padding:8px 10px;height:160px;}
.rslt_file {position:absolute;width:0;height:0;}
.file_modal .box_layer .tbl2 td:first-child {text-align:left;padding:9px 20px;}
.file_modal input[type="checkbox"]:checked {display: inline-block !important;}
.btSet> input[type="checkbox"]:checked +label {padding-left:28px;}
.btSet > input[type="checkbox"]:checked +label {background-position: 1px 3px;}
.btSet > label {
    display: inline-block;
    padding: 10px 10px;
    color: #fff;
    background: #fff;
    border:1px solid #ddd;
    border-radius:6px;
    cursor: pointer;
    width: 80px;
    color:#fff;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.2rem;
    margin-top: 4px;
color:#000;
}
.btn09 {
    display: inline-block;
    color: #fff;
    background: #fff;
    border:1px solid #ddd;
    border-radius:6px;
    cursor: pointer;
    width: 80px;
    color:#fff;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.2rem;
    margin-top: 4px;
color:#000;
}
.btSet > label:hover, .btn09:hover {box-shadow:3px 2px 3px rgba(0,0,0,0.1);background:#fff}
.btn09 a {display:block;color:#000;width:100%;height:100%;padding:10px 10px}
.btn_layer {padding-bottom:40px;}
.box_layer .btSet:last-child .btn09 {background:#fff}
.set_left {display:flex;justify-content: center;float:left}
.set_left div {margin-left:4px;}
.set_right {float:right;}
.adr_row > li.lbli  > div {
    display: inline-block;
    background-color: #072844;
    color: #fff;
    height: 42.5px;
    width: 90px;
    padding: 10px 4px;
    border-radius: 0;
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}

/* 23.05.30 */
.dlt_btn {display:inline-block;width:50px;;background:#363636;text-align:center;transition:all 0.3s}
.dlt_btn:hover {background:#000}
.dlt_btn a{display:block;width:100%;height:100%;padding:4px 2px;color:#fff}

/* 25.07.17*/
.identification_box2 {position:relative;width: auto;margin:0 auto;text-align:center;margin-top:68px;margin-bottom:30px;overflow:hidden;padding-bottom:40px;display: inline-block;}
.identification_box2 > div {float:left;display:inline;margin: 0 10px;height:283px;}
.identification_box2 > div:first-child {background:#ac0001}

@media all and (max-width:768px) {
.identification_box2 > div {width:100%}
	.identification_box2 > div {float:initial;display:block;margin: 10px 0;height:auto;padding:15px;}
}

/* 25.07.18*/
.suggest_tit {
    font-size: 2.5rem;
    margin: 30px 0 0;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
    letter-spacing: -.075rem;
    font-weight: 600;
}
@media all and (max-width:768px) {
.suggest_tit {font-size: 1.5rem;margin: 15px 0 0;}
}

/*25. 08. 12*/
.con_txt  {font-size:1.8rem;line-height: 2.6rem;text-align:left;color:#222}
@media screen and (max-width: 499px) {
    .con_txt { font-size: 1.3rem;line-height: 1.9rem;}
}

/* 25.09.09*/
#accordion .ui-state-default .num {
    position: absolute;
    top: 40%;
    left: 28px;
    width: auto;
    height: 22px;
    transform: translateY(-50%);
    color:#111;
    font-size: 1.4em;
    z-index: 3;
}
#accordion .ui-accordion-header-active .num {
    position: absolute;
    top: 40%;
    left: 28px;
    width: auto;
    height: 22px;
    transform: translateY(-50%);
    z-index: 3;
    font-size: 1.4em;
    color: #ac0001;
}

/*25. 09. 23*/
.info_box{
    width: 100%;
    display: flex;
    text-align: left;
    margin: 0 0 30px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 1px 5px 10px rgb(0 0 0 / 3%);
    padding: 28px 40px;
}
.box_icon {
    width: 140px;
    display: flex;
    align-items: center;
}
.box_icon img {
    width: 140px;
    border-radius: 50%;
    height: 140px;
    border: 2px dotted #aaa;
    background: #f5f6f8;
}
.box_icon img {
    margin: 0 auto;
}
.box_txt .info_box_tit {
	font-size: 3rem;
    font-family: 'Godo';
    margin: 0 0 10px;
}
.box_txt {
	padding: 30px 15px 30px 50px;
    border-radius: 16px;
}
.box_txt p {
    font-size: 1.8rem;
    color: #454545;
    letter-spacing: -.05rem;
}
.box_txt .box_list {
    padding: 1rem 0;
}
.box_txt .box_list li {
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
    color: #000e1f;
    position: relative;
}
.box_txt .box_list li.bullet {
    padding: 0.2rem 2.5rem;
}
.box_txt .box_list li.bullet::before {
    content: '';
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    width: 0.4rem;
    height: 0.1rem;
    background-color: #000e1f;
}
.box_txt span {
	display: block;
	margin: 0 0 10px
}
@media screen and (max-width: 680px) {
    .info_box {
        padding: 28px 28px;
		display: block;
		text-align: center
    }
    .box_icon {
        width: 100%;
        display: block;
        align-items: center;
		text-align: center;
    }
    .box_icon img{
		width: 100px;
        height: 100px;        
    }
	.box_txt .info_box_tit {
		font-size: 2.5rem;
		margin-bottom: 15px
	}
	.box_txt {
		padding:20px;
	}
    .box_txt p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .box_txt p:first-child {
        margin-bottom: 2rem;
    } 
}

@media screen and (max-width: 480px) {
    .info_box {
        display: block;
    }
    .box_icon,
    .box_txt {
        width:100%;
        margin-right:0;
        display: block;
		padding: 0;
    }
    .box_icon img {
        display: block;
        margin: 0 auto;
		max-width: 100%;
    }
    .box_txt p:first-child {
        margin:1.8rem 0;
    }
    .box_txt p {
        text-align: center;
    }
    
}

@media screen and (max-width: 420px){
}

.diagnosis_form {    
    margin: 8rem 0 2rem;
    counter-reset: q1_num;
}
.diagnosis_form > p {
    font-size: 1.5rem;
    color: #555;
    margin-bottom: 2rem;
}
.pop_ul fieldset {
	border-radius: 12px;
    border: 2px dotted #23889d;
    margin-top: 10px;
    padding: 2rem 4rem;
    background-color: #fff;
}
.diagnosis_form fieldset.hidden, 
.diagnosis_form button.hidden  { 
    display: none;
}
.diagnosis_form fieldset legend.visually-hidden {  
    position: absolute;  
    width: 0.1rem;  
    height: 0.1rem;
    padding: 0;  
    margin: -0.1rem;  
    overflow: hidden;  
    clip: rect(0, 0, 0, 0);  
    white-space: nowrap;  
    border: 0;  
}
.diagnosis_form fieldset .question {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.diagnosis_form fieldset .question > span {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: left;
    padding: 0 4rem 0rem;
    flex: 1;
    position: relative;
}
.diagnosis_form fieldset .question > span::before {
    content: "0" counter(q1_num);
    content: counter(q1_num);
    counter-increment: q1_num;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #fff;
    background-color: #1c3054;
    border-radius: 100%;
}
.diagnosis_form fieldset .question .answers {
    width: 17rem;
}
.diagnosis_form fieldset .question .answers input[type="radio"] {
    display: none;
}
.diagnosis_form fieldset .question .answers label {
    display: inline-block;
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    margin: 0.5rem;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 1rem 2rem rgb(13 14 15 / 4%);
    cursor: pointer;
	border: 2px solid #00387d;
    transition: all 0.2s ease;
}
.diagnosis_form fieldset .question .answers input[type="radio"]:checked + label {
    color: #fff;
    background-color: #00387d;
}
.diagnosis_form .btn_send {
    margin-top: 8rem;
}

@media (max-width: 1280px) {
    .diagnosis_form fieldset .question > span {
        max-width: calc(100% - 18rem);
    }
}

@media (max-width: 760px) {
    .diagnosis_form fieldset .question { 
        flex-direction: column; 
        gap: 2rem;
    }
    .diagnosis_form fieldset .question > span {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .pop_ul fieldset {
		padding: 15px;
	}
	.box_txt .box_list li.bullet {
		padding: 0.2rem 1.5rem;
	}
}

.answer_cont {
    width: 100%;
    padding: 8rem 4rem 10rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 1.5rem;
    text-align: center;
}
.answer_cont .ans-stit {
    font-size: 2rem;
    color: #353535;
    line-height: 4rem;
    font-weight: 500;
}
.answer_cont .ans-ttit span { 
    display: block;
    font-size: 3.5rem;
    margin-bottom: 4rem;
    font-family: 'Godo';
}
.answer_cont .ans-ttit .textRed {
    color: #d42009;
}
.answer_cont .answer_txt {
    font-size: 1.9rem;
    padding: 1rem 3rem;
    color: #555;
    letter-spacing: -.05rem;
    font-weight: 500;
}
.answer_cont .answer_btn_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 4rem;
    margin-top: 6rem;
}
.answer_cont .answer_btn_list .answer_btn_item {
    width: 32%;
    aspect-ratio: 1 / 0.4;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 4rem;
    font-size: 3rem;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding: 4rem 4rem 4rem 6rem;
    background-color: #f7f7f7;
    border-radius: 2rem;
    box-shadow: 0 2rem 4rem rgb(13 14 15 / 10%);    
    transition: all 0.4s;
    position: relative;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn_01 {
    background-color: #001f3b;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn_02 {
    background-color: #ac0001;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn:hover {
    box-shadow: 1rem 2rem 5rem rgb(13 14 15 / 25%);
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn .icon {
    display: block;
    width: 7rem;
    /* height: 7rem; */
    aspect-ratio: 1 / 1;
    border-radius: 0.8rem;
    border-radius: 1.4rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    text-indent: -99999rem;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn .txt {
    /* min-width: 24rem; */
    font-size: 1.6rem;
    flex: 1;
}
.answer_cont .answer_btn_list .answer_btn_item .answer_btn .txt b {
    display: block;
    font-size:3rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.check_cont {
    width: 100%;
    padding: 6rem 4rem;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
	box-shadow: 1px 5px 10px rgb(0 0 0 / 3%);
    border-radius: 4.8rem;
}
.check_cont .check_btn_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8rem;
    justify-content: center;
}
.check_cont .check_btn_list .check_btn_item {
    width: 25%;
    aspect-ratio: 1 / 1.2;
}
.check_cont .check_btn_list .check_btn_item .check_btn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    align-content: center;
    background-color: #555;
    border-radius: 2rem;
    box-shadow: 0 2rem 4rem rgb(13 14 15 / 10%);
    transition: all 0.4s;
    position: relative;
    color: #fff;
    font-size: 2.5rem;
    font-weight: bold;
}
.check_cont .check_btn_list .check_btn_item .check_btn:hover {
    box-shadow: 1rem 2rem 4rem rgb(13 14 15 / 50%);
}
.check_cont .check_btn_list .check_btn_item .check_btn::after {
    content:"→";
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
	display: none;
}
.check_cont .check_btn_list .check_btn_item .check_btn_01 {
    background-color: #001f3b;
}
.check_cont .check_btn_list .check_btn_item .check_btn_02 {
    background-color: #ac0001;
}
.check_cont .check_btn_list .check_btn_item .check_btn span {
    width: 100%;
    position: absolute;
    top: 12%;
    display: block;
    color: #fff;
    text-align: center;
    padding: 1rem 2rem;
    transition: all 0.4s;
}
.check_cont .check_btn_list .check_btn_item .check_btn span.txt1 {
	font-family: 'Godo';
    font-size: 2.8rem;
    font-weight: 600;
	line-height: 3rem;
}
.check_cont .check_btn_list .check_btn_item .check_btn span.txt2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 6.5rem;
}
.check_cont .check_btn_list .check_btn_item .check_btn span.icon {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 7rem; 
    height: 7rem; 
    border-radius: 0.8rem; 
    border-radius: 1.4rem; 
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    text-indent: -99999rem;
}
.check_cont .check_btn_list .check_btn_item .check_btn:hover span.icon {
    top: 48%; 
}

@media (max-width: 1280px) {
    .check_cont .check_btn_list .check_btn_item { 
        width: 40%; 
    }
    .check_cont .check_btn_list .check_btn_item .check_btn span.txt2 {
        /* display: none; */
    }
}
@media (max-width: 954px) {
	.check_cont .check_btn_list .check_btn_item .check_btn span.txt1 {
		font-size: 2.5rem;
	}
	.check_cont .check_btn_list .check_btn_item .check_btn span {
		top: 7%;
	}
}

@media (max-width: 760px) {
	.check_cont .check_btn_list .check_btn_item .check_btn span.txt1 {
       font-size: 2rem;
	   line-height: 2.5rem;
	}
	.check_cont .check_btn_list .check_btn_item .check_btn span.txt2 {
    }
    .check_cont .check_btn_list { 
        gap: 2rem; 
    }
    .check_cont .check_btn_list .check_btn_item { 
        width: calc((100% / 2) - 2rem); 
    }
}

@media (max-width: 560px) {
	.check_cont .check_btn_list .check_btn_item .check_btn span.txt2 {
		margin-top: 4rem;
	}
    .check_cont .check_btn_list {
        flex-direction: column;
    }
    .check_cont .check_btn_list .check_btn_item { 
        width: 100%;
        height: 18rem;
        aspect-ratio: initial;
    }
    .check_cont .check_btn_list .check_btn_item .check_btn::after {
        content: none;
    }
	.answer_cont {
		padding: 4rem;
	}
	.answer_cont .answer_txt {
		font-size: 1.6rem;
		padding: 1rem;
	}
}

@media (max-width: 380px) {
       .check_cont .check_btn_list .check_btn_item .check_btn span.txt1 {
        font-size: 1.8rem;
	}
}
.check_cont .check_btn_list .check_btn_item .check_btn_01 span.icon {
    background-image: url(/resource/img/sub/btn_ico_01.png);
}
.check_cont .check_btn_list .check_btn_item .check_btn_02 span.icon {
    background-image: url(/resource/img/sub/btn_ico_02.png);
}
.answer_cont1 .answer_btn_list .answer_btn_item .answer_btn_01 .icon {
    background-image: url(/resource/img/sub/btn_ico_01.png);
}
.answer_cont1 .answer_btn_list .answer_btn_item .answer_btn_02 .icon {
    background-image: url(/resource/img/sub/btn_ico_02.png);
}
.answer_cont2 .answer_btn_list .answer_btn_item .answer_btn_01 .icon {
    background-image: url(/resource/img/sub/btn_ico_01.png);
}
.answer_cont2 .answer_btn_list .answer_btn_item .answer_btn_02 .icon {
    background-image: url(/resource/img/sub/btn_ico_02.png);
}
.answer_cont3 .answer_btn_list .answer_btn_item .answer_btn_01 .icon {
    background-image: url(/resource/img/sub/btn_ico_01.png);
}
.answer_cont3 .answer_btn_list .answer_btn_item .answer_btn_02 .icon {
    background-image: url(/resource/img/sub/btn_ico_02.png);
}

@media (max-width: 1280px) {
    .answer_cont .answer_btn_list .answer_btn_item {
        width: calc((100% - 4rem) /2);
    }
}

@media (max-width: 1024px) {
    .answer_cont .answer_btn_list .answer_btn_item {
        aspect-ratio: initial;
        height: 22rem;
    }
    .answer_cont .answer_btn_list .answer_btn_item .answer_btn { 
        gap: 2rem;
        padding: 3rem;
    }
}

@media (max-width: 720px) {
    .answer_cont .answer_btn_list { flex-direction: column; }
    .answer_cont .answer_btn_list .answer_btn_item { width: 100%; }
    .answer_cont .answer_btn_list .answer_btn_item .answer_btn { padding: 4rem 6rem; gap: 4rem; }
}

@media (max-width: 460px) {
    .answer_cont .answer_btn_list .answer_btn_item {
        height: auto;
    }
    .answer_cont .answer_btn_list .answer_btn_item .answer_btn {
        flex-direction: column;
    }
    .answer_cont .answer_btn_list .answer_btn_item .answer_btn .txt {
        text-align: center;
    }
}
.system {
    width: calc(70% + 4rem);
    margin: 8rem auto 12rem;
    display: flex;
    justify-content: center;
    gap: 4rem;
}
.system .systemTit {
    width: 32%;
    margin: 0 auto;
    font-family: 'godo';
    font-size: 2.3rem;
    color: #222;
    padding: 2rem;
    background-color: #fff;
    border: 0.2rem solid #aaa;
    border-radius: 5rem;
    font-weight: 600;
}
.system .systemList {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 2rem;
    margin-top: 6rem;
}
.system .systemList .systemItem {
    /* width: 22rem; */
    background-color: #fff;
    border: 0.2rem solid #aaa;
    flex: 1;
    border-radius: 1.4rem;
}
.system .systemList .systemItem .term {
    width: 100%;
    min-height: 6rem;
    padding: 2rem 1.5rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #00387d;
    text-align: center;
    background-color: #e5f0f9;
    border-bottom: 0.2rem solid #aaa;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.system .systemList .systemItem .details {
    width: 100%;
    min-height: 10rem;
    padding: 1.5rem 1.5rem;
    font-size: 1.6rem;
	color: #454545;
	letter-spacing: -.05rem;
}
.system .ccrs .systemList .systemItem .term {
   background-color: #004eae;
   padding: 20px 5px;
   color: #fff;
   font-weight: 600;
   border-radius: 10px 10px 0 0;
}
.system .scourt .systemList .systemItem .term {
    background-color: #1c3054;
    border: 0.2rem solid #1c3054;
    background-color: #1c2e54;
    border: 0.2rem solid #1c2e54;
    color: #fff;
}

/* line */
.system .systemTit, 
.system .systemList, 
.system .systemList .systemItem {
    position: relative;
}
.system .systemTit::after,
.system .systemList::after,
.system .systemList .systemItem::after {
    content: '';
    position: absolute;
    border: 0.1rem solid #aaa;
}
.system .systemTit::after {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 3rem;
}
.system .systemList::after {
    bottom: calc((100% + 3rem));
}
.system .ccrs .systemList::after {
    width: calc((100% - 4rem) / 3 / 2 + 2rem + (100% - 4rem) / 3 + 2rem + (100% - 4rem) / 3 / 2);
}
.system .scourt .systemList::after {
    width: calc(50% + 1rem);
}
.system .systemList .systemItem::after {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 3.2rem;
    border-style: dashed;
}

@media (max-width: 1280px) {
    .system { width: 100%; }
}

@media (max-width: 1024px) {
    .system { width: 90%; flex-direction: column; }
}

@media (max-width: 560px) {
    .system { gap: 6rem; }
    .system .systemList { 
        flex-direction: column; 
        margin-top: 1rem; 
        gap: 1rem;
    }
    .system .systemTit { 
        width: 100%; 
        border-width: 0.3rem;
        color: #fff;
        background-color: #1c3054;
        border-color: #1c3054;
    }
    .system .ccrs .systemList .systemItem .term, 
    .system .scourt .systemList .systemItem .term {
        min-height: auto;
        padding: 2rem 2rem;
        border-radius: 0;
        color: #00387d;
        background-color: #e5f0f9;
        border-color: transparent;
        border-bottom: 0.2rem solid #aaa;
    }
    
    .system .systemList .systemItem .details {
        min-height: auto;
        padding: 3rem 2rem;
    }
    .system .systemList .systemItem { border-radius: 0; } 
    .system .systemTit::after,
    .system .systemList::after,
    .system .systemList .systemItem::after { content: none; }
}