@charset "UTF-8"; /*
sub
*/
/*

z-indez 
left menu 2
header 10~
pop 100~
pop2 20~

*/
span#pageLinkNav a {font-size: 14px;color: #6d6d6d;}
span#pageLinkNav a.menu-home span {text-transform: uppercase;}
span#pageLinkNav a.menu-home:before {/* content: ""; */width: 18px;height: 18px;display: inline-block;vertical-align: text-bottom;}
span#pageLinkNav span.gt {font-size: 12px;color: #a3a3a3;margin: 0 4px;font-family: cursive;}
span#pageLinkNav span.menu-active {font-size: 13px;color: #000000;font-weight: 100;margin: 0 0px;word-break: keep-all;display: inline-block;}

/*btn style*/
.btn_st {display: inline-block;padding: 0px 14px;line-height: 38px;width: auto;white-space: nowrap;font-weight: normal;text-align: center;vertical-align: middle;border: 1px solid #dddddd;border-radius: 2px;margin: 1px;cursor: pointer;text-decoration: none;}
.btn_s_s {padding: 2px 10px;line-height: 18px;height: 25px;font-size: 0.8em;min-width: auto;}
.st_input.input_s_s {padding: 2px 3px;line-height: 25px;height: 25px;min-width: auto;}

.btn_s_s2 {padding: 0px 10px;line-height: 28px;font-size: 13px;height: 30px;min-width: auto;}
.btn_s_sml {padding: 4px 4px;line-height: 12px;font-size: 12px;height: 22px;min-width: 40px;}
.btn_s_big {padding: 13px 15px;line-height: 20px;font-size: 18px;min-height: 50px;}
.btn_s_long {width: 100%;text-align: center;}
.btn_s_long img {vertical-align: middle;}
.btn_s_bbig {padding: 14px 20px;line-height: 27px;font-size: 22px;min-height: 60px;}
.btn_a:hover {text-decoration: underline;color: #000;}
a.btn_s_txt {text-decoration: underline;text-underline-position: under;font-weight: 600;}
a.btn_s_txt:hover {text-decoration:none;}

.btn_st:hover,
.btn_st:focus{opacity:.8; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
.btn_st.btn_c_di:hover,
.btn_st.btn_c_di:focus,
.btn_st.btn_c_no:hover,
.btn_st.btn_c_no:focus {opacity:1;box-shadow:none;text-decoration:none;}
/*btn color*/
.btn_c_wh {border: 1px solid #adadad;background-color: #fff;color: #545454;}
.btn_c_bk {border: none;background-color: #000;color: #fff;}
.btn_c_gy {border: none;background-color: #7d7d7d;color: #ffffff;}
.btn_c_lgy {border: none;background-color: #eeeeee;color: #375d90;}
.btn_c_nm {border: none;background-color: #20303e;color: #ffffff;}
.btn_c_pk {border: none;background-color: #da7474;color: #ffffff;}
.btn_c_re {border: none;background-color: #e95252;color: #ffffff;}
.btn_c_or {border: none;background-color: #f27d54;color: #ffffff;}
.btn_c_gr {border: none;background-color: #49c575;color: #ffffff;}
.btn_c_bl {border: none;background-color: #5493ff;color: #ffffff;}
.btn_c_pp {border: none;background-color: #796ae6;color: #ffffff;}
.btn_c_gbl {background-color: #5d82c3;border: none;color: #ffffff;}
.btn_c_gre {background-color: #d27984;border: none;color: #ffffff;}
.btn_c_ggr {background-color: #549f8d;border: none;color: #ffffff;}
.btn_c_ggy {background-color: #6f6f6f;border: none;color: #ffffff;}
.btn_c_gnm {background-color: #001e36;border: none;color: #ffffff;}
.btn_p_none {cursor: default;}
.btn_p_none:hover {text-decoration: none;}
.btn_c_di {background: #f3f3f3;color: #aeaeae;border: 1px solid #dddddd;cursor: default;}
.btn_st.btn_c_no {cursor: default;}
input.btn_c_di {border: none;background-color: #e6e6e6;border: 1px solid #b7b7b7;color: #545454;cursor: default;}
input.btn_c_di:hover {background-color: #dddddd;}
b.imp {font-weight: 500;color: #f00;font-size: 11px;position: absolute;margin-top: -14px;margin-left: -10px;}
/*btn icon*/
.ico_calendar {background-image: url(/app/img/common/icon_cal.png)!important;background-repeat: no-repeat !important;background-position: center right !important;padding-right: 20px !important;letter-spacing: -1px;}


.btn_s_big:before {
margin-left: 0px;
}

.btn_s_bbig:before {
margin-left: 0px;
}

.btn_s_sml:before {margin-left: 0px;margin-right: 0px;}
a.btn_st[class*="btn_c_"]:before, button.btn_st[class*="btn_c_"]:before {filter: invert(1);}
a.btn_st[class*="ico_"], button.btn_st[class*="ico_"] {box-shadow: 1px 1px 3px #00000030;}
a.search_btn_top02 {float: right;margin: -10px 0px 0 0;}
.table_util {display: inline-block;width: 100%;margin-bottom: 10px;}
.table_util .total {display: inline-block;padding-top: 5px;/* padding-left: 20px; */font-size: 16px;}
.table_util .total b {padding: 0 5px 0 10px;}
.table_util  span.src_date {display: inline-block;margin-top: 5px;margin-left: 20px;font-size: 14px;padding: 2px 20px;background: #efefef;border-radius: 15px;}
.table_util span.src_date span {font-weight: bold;margin-right: 7px;}
.table_util span.src_date b {color: #f00;}
.src_dth_01 .src_dth_02 .src_dth_03.src_long {flex:1;}
.src_dth_03.FloatRight {flex-flow: row-reverse;}



/*table*/
.tb_scl {width: 100%;position: relative;overflow: auto;}

.tb_scl table thead {position: sticky;top: -1px;}
.table_st.table_pd10 td {padding: 8px 20px;min-width: 150px;}
.table_st thead {background: #f9f9f9;border-right: none;border-left: none;border-bottom: 1px solid #375d90;}

.table_st thead th {border: 1px solid #ddd;border-right: none;}

.table_st thead tr:first-child th:first-child,
.table_st td:first-child {border-left: none;}

.fixed_table {
position: relative;
width: 100%;
height: 300px;
overflow: auto;
border: 5px solid #fff;
outline: 1px solid #DADADA;
margin-bottom: 24px;
}

.fixed_table .table_st {margin-bottom: 0;}
tr.bg {background: #f2f2f2;}
tr.bg02 {background: #e8eef7;}
td.bg {background: #f2f2f2;}
.table_st {width: 100%;border-collapse: collapse;font-size: 14px;text-align: center;}

.table_st th, .table_st td {padding: 10px;border-bottom: 1px solid #ddd;border: 1px solid #ddd;color: #545454;line-height: 25px;font-size: 16px;min-width: 50px;/* vertical-align: top; */}
.table_st tr td:last-child {border-right:0;}

.table_st th {word-break: keep-all;vertical-align: middle;font-size: 16px;}
.table_st_left {border-top: 2px solid #375d90;}
.table_st_left th {border-right: 1px solid #ddd;}
.table_st_left td {text-align: left;}
table.table_st_in td, table.table_st_in th {padding: 3px 5px;}
table.table_st_in {border: 1px solid #ddd;width: auto;}
table.table_st_in th {background: #f0f3f4;}
.fixed_table .table_st thead {position: sticky;top: -1px;;z-index: 1;}

.table_t_left tr:first-child th + td {border-top: 1px solid #c2bce1;}

/*paging*/
.b_b_group {display: inline-block;width: 100%;text-align: center;margin-top: 20px;}
.paging {
display: inline-block !important;
min-height: 40px;
vertical-align: text-top;
margin: 0;
}

.paging ul {
margin: 0 auto;
display: inline-block;
text-align: center;
}

.paging ul li {
display: inline-block;
vertical-align: top;
}

.paging ul li a {padding: 2px 2px 3px;min-width: 40px;min-width: 40px;height: 40px;font-weight: 100;display: inline-block;color: #999;font-size: 16px;font-weight: bold;text-align: center;line-height: 30px;border: 2px solid #f3f3f3;margin: 0 2px 4px;border-radius: 40px;}

.paging ul li a:hover {
color: #000000;
}
.paging ul li.on a:hover {
color: #ffffff;
}

.first_page_btn span, .prev_page_btn span, .next_page_btn span, .last_page_btn span {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 0px;
height: 0px;
}

.first_page_btn a {background:url('/app/img/common/ico_pn_01.png') center center no-repeat;}

.prev_page_btn a {background:url('/app/img/common/ico_pn_02.png') center center no-repeat;}

.next_page_btn a {background:url('/app/img/common/ico_pn_03.png') center center no-repeat;}

.last_page_btn a {background:url('/app/img/common/ico_pn_04.png') center center no-repeat;}

/*simple*/
label {margin-right: 5px;cursor: pointer;}

button.ico_search {
/* position: relative; */
display: inline-block;
width: 80px;
height: 37px;
margin-left: 20px;
border: none;
cursor: pointer;
background: #000;
color: #fff;
border-radius: 5px;
}

input.st_input {display: inline-block;padding: 0 10px;border-radius: 2px;height: 40px;outline: none;font-size: 16px;font-weight: 400;margin: 1px 0;width: 160px;vertical-align: middle;}
.st_input.st_input_nb {background: none;border-top: 0;border-left: 0;border-right: 0;}
input.st_input::placeholder {color: #a1a1a1;}
.input_count {position: relative;}
.input_count .count_num {position: absolute;right: 0;top: 8px;color: #db5c5c;font-size: 14px;letter-spacing: 0;}

input.st_input02 {
display: inline-block;
background: #ffffff;
padding: 6px 5px 7px 5px;
border: 1px solid #adadad;
border-radius: 5px;
height: 37px;
outline: none;
font-size: 14px;
}

input.st_input03 {
display: inline-block;
background: #ffffff;
color: #8e8e8e;
padding: 8px 2px 6px 1px;
border: 1px solid #adadad;
border-radius: 7px;
height: 30px;
width: calc(50% - 9px);
outline: none;
font-size: 13px;
letter-spacing: -1px;
}

input.st_input label, input.st_radio label:first-child {
margin-right: 10px;
margin-left: 24px;
}

input.st_check label {
margin-right: 5px;
}

input.st_input.st_i_dis {
background: none;
}

select.st_select label {
margin-right: 10px;
margin-left: 24px;
}

select.st_select {display: inline-block;color: #8e8e8e;background: #fff;border-radius: 2px;height: 30px;font-size: 14px;padding: 0 1.5rem 0 0.5rem;border: 1px solid #ddd;-webkit-appearance: none;
/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;background: #ffffff url(/app/img/common/icon_arw_down.png) center right no-repeat;}

select.st_select02 {display: inline-block;border-radius: 2px;height: 40px;font-size: 16px;padding: 0 25px 0 10px;margin: 1px 0;-webkit-appearance: none;
/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;background: #ffffff url(/app/img/common/icon_arw_down.png) center right no-repeat;vertical-align: middle;}

select.st_select03 {
display: inline-block;
color: #8e8e8e;
border-radius: 5px;
height: 30px;
font-size: 16px;
padding: 0px 35px 0px 5px;
border: none;
-webkit-appearance: none;
/* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background: url(/cpf/img/select_arr02.png) center right no-repeat;
vertical-align: middle;
}

.long_select {
width: 100%;
min-width: auto;
max-width: -webkit-fill-available;
}

input.st_radio {
position: relative;
display: inline-block;
font-weight: 600;
color: #333;
padding-top: 5px;
}

input.st_check[type=checkbox] {display: none;}
input.st_check[type=checkbox] +label {position: relative;cursor: pointer;height: 20px;min-width: 20px;/* padding-left: 20px; */vertical-align: text-top;display: inline-block;}
input.st_check[type=checkbox] +label:before {content: "";display: inline-block;/* position: absolute; *//* top: 1px; *//* left: 0; */cursor: pointer;height: 20px;width: 20px;margin: 0 5px 0 0px;border: 2px solid #ddd;vertical-align: sub;line-height: 24px;text-align: center;font-weight: bold;font-size: 13px;}
input.st_check[type=checkbox]:checked +label:after {content: "✓";display: inline-block;height: 22px;width: 22px;position: absolute;left: -1px;top: 1px;font-size: 14px;line-height: 22px;text-align: center;font-weight: bolder;font-family: 'FontAwesome';background: #375d90;color: #ffffff;border-radius: 5px;}
input.st_check[type=checkbox]:checked +label {color: #375d90;}

/*안쪽 텍스트 버전*/
.safe_select_list {display: inline-block;width: 100%;}
.safe_select_list input.st_t_check[type=radio] +label {position: relative;float: left;width: 24%;margin: 1% 1% 0 0;padding: 5px 10px 0;display: table;height: 80px;line-height: 20px;vertical-align: middle;}
.safe_select_list input.st_t_check[type=radio] +label span {display: table-cell;vertical-align: middle;}
.safe_select_list input.st_t_check[type=radio] +label > div {display: none;}
.safe_select_list input.st_t_check[type=radio]:checked +label > div {display: block;position: absolute;left: 100%;top: 10px;margin-left: 11px;background: #fff;border: 1px solid #b3b3b3;box-shadow: 3px 3px 3px #a3a3a3;border-radius: 10px;color: #484848;padding: 8px;text-align: left;font-size: 14px;width: 100%;z-index: 1;cursor: default;}
.safe_select_list input.st_t_check[type=radio]:checked +label > div:before {content: "";position: absolute;left: 0;top: 9px;margin-left: -27px;display: inline-block;width: 0px;height: 0px;border: 11px solid rgb(255 255 255 / 0%);border-right: 16px solid #b3b3b3;}
.safe_select_list input.st_t_check[type=radio]:checked +label > div:after {content: "";position: absolute;left: 0;top: 10px;margin-left: -25px;display: inline-block;width: 0px;height: 0px;border: 10px solid rgb(255 255 255 / 0%);border-right: 15px solid #fff;}
input.st_t_check[type=radio] {display: none;}
input.st_t_check[type=radio] +label {position: relative;cursor: pointer;font-weight: 400;color: #999;}
input.st_t_check[type=radio] +label {content: "";display: inline-block;cursor: pointer;padding: 10px 10px;margin: 0 5px 0 0px;background: #fff;border: 1px solid #cdcdcd;vertical-align: middle;border-radius: 6px;text-align: center;font-weight: normal;font-size: 16px;}
input.st_t_check[type=radio] +label img {opacity: 0.5;}

input.st_t_check[type=radio]:checked +label {
background: #043763;
background-size: 14px;
border: 2px solid #043763;
color: #ffffff;
}

input.st_t_check[type=radio]:checked +label img {
opacity: 1;
}

input.st_t_check03[type=radio] {
display: none;
}

input.st_t_check03[type=radio] +label {
position: relative;
content: "";
display: inline-block;
cursor: pointer;
margin: 0 5px 0 0px;
padding-left: 20px;
height: auto;
border: 2px solid #ffffff26;
vertical-align: middle;
border-radius: 6px;
text-align: center;
font-weight: normal;
box-shadow: 1px 1px 3px #0000008f;
}

input.st_t_check03[type=radio] +label:before {
content: "";
display: inline-block;
position: absolute;
top: 5px;
left: 3px;
cursor: pointer;
height: 15px;
width: 15px;
margin: -2px 5px 0 0px;
background: #f8f8f88f;
border: 1px solid #828282;
vertical-align: middle;
border-radius: 25px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-size: 13px;
}

input.st_t_check03[type=radio] +label:after {
content: "";
position: absolute;
display: inline-block;
left: 6px;
top: 6px;
height: 9px;
width: 9px;
margin: 0 5px 0 0px;
background: #f8f8f829;
vertical-align: middle;
border-radius: 25px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-size: 13px;
}

input.st_t_check03[type=radio]:checked +label {
background-color: white;
background-size: 14px;
border: 2px solid #000000;
color: #000000;
font-weight: bold;
}

input.st_t_check03[type=radio]:checked +label:after {
background: #585858;
}

/*안쪽 텍스트 버전2*/
input.st_t_check02[type=checkbox] {
display: none;
}

input.st_t_check02[type=checkbox] +label {
position: relative;
cursor: pointer;
font-weight: 400;
color: #999;
}

input.st_t_check02[type=checkbox] +label {
content: "";
display: inline-block;
cursor: pointer;
height: 30px;
padding: 3px 9px;
margin: 0 5px 0 0px;
background: #ededed;
vertical-align: middle;
border-radius: 3px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-size: 14px;
}

input.st_t_check02[type=checkbox] +label img {
opacity: 0.5;
}

input.st_t_check02[type=checkbox]:checked +label {
background: #7163ba;
background-size: 14px;
color: #fff;
}

input.st_t_check02[type=checkbox]:checked +label img {
opacity: 1;
}

/* 오른쪽 버튼 버전*/
input.st_check02[type=checkbox] {
position: relative;
cursor: pointer;
font-weight: 400;
color: #999;
width: 25px;
}

input.st_check02[type=checkbox]:before {
content: "";
display: inline-block;
cursor: pointer;
height: 26px;
width: 26px;
margin: -8px 0 0 0px;
background: #fff;
border: 2px solid #cdcdcd;
vertical-align: middle;
border-radius: 5px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-size: 13px;
}

input.st_check02[type=checkbox]:checked:before {
background: #fff url(/support/img/common/icon_check.png) center center no-repeat;
background-size: 14px;
border: 2px solid #619e0b;
}

input.st_check02[type=checkbox]:checked {
color: #333333;
}

input.st_check02[type=checkbox]:checked:after {
background: #ffffff;
}

.btn_tab {
display: table;
width: 100%;
}

.btn_tab [type=radio] {
display: none;
}

.btn_tab [type=radio] +label {
position: relative;
cursor: pointer;
font-weight: 400;
color: #999;
}

.btn_tab [type=radio] +label {
content: "";
display: table-cell;
cursor: pointer;
height: 38px;
padding: 3px 9px;
margin: 0 5px 0 0px;
background: #ededed;
vertical-align: middle;
border-radius: 3px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-size: 14px;
}

.btn_tab [type=radio] +label img {
opacity: 0.5;
}

.btn_tab [type=radio]:checked +label {
background: #619e0b;
background-size: 14px;
color: #fff;
}

.btn_tab [type=radio]:checked +label img {
opacity: 1;
}

input.st_radio[type=radio] {position: fixed;left: -10px;top: -10px;width: 0.01px;height: 0.01px;overflow: hidden;}

input.st_radio[type=radio] +label {position: relative;display: inline-block;cursor: pointer;font-weight: 400;color: #545454;font-size: 14px;/* padding-left: 20px; */margin-right: 20px;word-break: keep-all;line-height: 14px;}

input.st_radio[type=radio] +label:before {content: "";display: inline-block;/* position: absolute; *//* top: 5px; *//* left: 0; */cursor: pointer;height: 20px;width: 20px;margin: -3px 5px 0 0px;background: #f8f8f8;border: 2px solid #ddd;vertical-align: middle;border-radius: 25px;line-height: 20px;text-align: center;font-weight: bold;font-size: 13px;}

input.st_radio[type=radio] +label:after {content:"\f00c";position: absolute;display: inline-block;left: 5px;top: 5px;height: 10px;width: 10px;margin: 0 5px 0 0px;background: #f8f8f8;vertical-align: middle;border-radius: 25px;line-height: 24px;text-align: center;font-weight: bold;font-size: 13px;}

input.st_radio[type=radio]:checked +label {color: #333333;}

input.st_radio[type=radio]:checked +label:after {background: #375d90;border: 6px double #ffffff;left: -1px;top: -4px;width: 23px;height: 23px;}

.table_style input.st_radio[type=radio] +label {margin-top: 5px;margin-bottom: 5px;line-height: 14px;}
input.input_long {width: 100%;/* display: block; */min-width: 110px;}

.st_textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
min-height: 100px;
resize: vertical;
padding: 10px;
border: 1px solid #ddd;
font-size: 14px;
color: #545454;
border-radius: 5px;
font-family: "NanumSquareR";
letter-spacing: 0;
}

.page_tip {
display: inline-block;
width: 100%;
padding: 10px 10px;
border: 1px solid #e1e1e1;
border-radius: 5px;
font-size: 14px;
margin-bottom: 30px;
line-height: 30px;
}

.br {
clear: both;
margin-bottom: 10px;
}


.tab_st {
display: flex;
width: 100%;
justify-content: space-around;
}

.tab_st a {
background: #ededed;
color: #898989;
display: block;
flex: 1;
text-align: center;
padding: 12px;
border-bottom: 1px solid #bdbdbd;
}

.tab_st a.on {
background: #fff;
border: 1px solid #375d90;
color: #375d90;
font-size: 20px;
font-weight: bold;
border-bottom: none;
}

/*txt style*/
.imp_st {color: #e91313;font-weight: 500;}
.txt_c_bk {color: #000000;}
.txt_c_gy {color: #7d7d7d;}
.txt_c_lgy {color: #a2a7b3;}
.txt_c_re {color: #e95252;}
.txt_c_pk {color: #be77c4;}
.txt_c_or {color: #f87a12;}
.txt_c_gr {color: #27ad56;}
.txt_c_bl {color: #3d77da;}
.txt_c_pp {color: #7163ba;}

.fs25 {font-size: 25px;}
.fs22 {font-size: 22px;}
.fs20 {font-size: 20px;}
.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}
.fs15 {font-size: 15px;}
.fs14 {font-size: 14px;}
.fs13 {font-size: 13px;}
.fs12 {font-size: 12px;}
.fs11 {font-size: 11px;}
.box_gray {padding: 10px;background: #f9f9f9;}
.src_dth_01 {margin-right: 10px;margin-top: 20px;}
.src_group  .src_line {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.src_dth_01 .src_tit {min-height: 25px;font-weight: 500;color: #222;}
.src_dth_01 .src_tit .tit_btn {display:inline-block;}
.src_dth_01 .src_dth_02 {display: flex;flex-direction: row;}
.src_dth_01:last-child  {margin-right: 0;flex: 1;}
.src_dth_01 .src_dth_02 .src_dth_03 {display: flex;margin-right: 5px;margin-top: 5px;flex-wrap: wrap;}
b.cal_line {line-height: 2;}
.txt_vt_center {line-height: 2.5;}
.src_dth_01 .src_dth_02 .src_dth_03 + .src_dth_03 {margin-left: 0;}
.src_group .src_line + .src_line {margin-top: 30px;}
.src_group .src_line.src_center {text-align: center;display: block;}
.src_group .src_line.src_center .btn_st {padding: 0.5rem 1.5rem;min-width: 10rem;}

p.top_tit_code {margin-bottom: 1px;}
p.top_tit_code > span {display:inline-block;margin-right: 40px;margin-bottom: 5px;width: auto;}
p.top_tit_code > span > b {margin-right:5px;}
.r_tit {display: inline-block;font-weight: 500;color: #fff;padding: 6px 10px 5px;border-radius: 20px;margin: 0 10px 0 0px;vertical-align: bottom;font-size: 12px;line-height: 1.1;letter-spacing: -0.2px;background: #3c3c3c;min-width: 80px;text-align: center;}

/* 상세 */
.code_DTtype {display: table;border-spacing: 3px 0px;}
.code_DTtype span {display: flex;vertical-align: middle;font-size: 13px;line-height: 20px;padding: 2px 2px;height: 70px;min-width: 70px;text-align: center;align-items: center;border-radius: 5px;margin: 0;word-break: keep-all;justify-content: center;}
.detail_view .detail_view_top .b_tit {margin: 15px 0 0;font-size: 20px;padding: 0;}
.detail_view .detail_view_top .b_tit:before {display:none;}
.detail_view .detail_view_top .b_tit:after {display:none;}
.code_DTtype ul.ul_st li:last-child {margin-bottom:0;}
.code_DTtype ul.ul_st li:first-child {margin-bottom:5px;}


ul.ul_st_2 {display: flex;justify-content: space-between;}
ul.ul_st_2 > li {width: 100%;margin: 0px 25px 25px;background: #f3f3f3;text-align: center;padding: 0 0 20px;}
ul.ul_st_2 > li b {display: block;padding: 7px 0;background: #375d90;color: #fff;margin-bottom: 15px;}
ul.ul_st_2 > li b.bg_2 {background: #769adb;}
ul.ul_st_3 {color:#666;font-size:14px;margin-left: 20px;}
ul.ul_st_3 b {color:#333;font-size:16px;}
ul.ul_st_3 > li {margin-bottom: 10px;padding-left: 20px;}
ul.ul_st_3 > li:before {content: "";display: inline-block;padding: 0px;border: 5px double #DDD;border-radius: 10px;margin-left: -20px;margin-right: 10px;vertical-align: 1px;}


ul.ul_st_4 {margin-bottom:20px;}
ul.ul_st_4 > li {margin-bottom: 5px;padding-left: 20px;}
ul.ul_st_4 > li:before {content: "";display: inline-block;padding: 0px;width: 6px;height: 3px;background: #ababab;margin-left: -20px;margin-right: 10px;vertical-align: 3px;}
ul.ul_st_4 > li b {margin:0 5px 0 0 }

ul.ul_st_5 {margin-left: 30px;}
ul.ul_st_5 li {display: flex;margin-bottom: 20px;min-height: 50px;line-height: 25px;justify-content: flex-start;color: #707070;gap: 20px;}
ul.ul_st_5 li b {color: #375d90;background: #f3f3f3;border-radius: 50px;padding: 10px 0 10px 5px;min-width: 40px;width: 40px;height: 40px;text-align: center;display: inline-block;font-size: 18px;line-height: 18px;}

ul.ul_st_5.row_line li {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
/* gap: 10px; */
min-width: 120px;
font-size: 18px;
padding: 0 20px;
width: 15%;
text-align: center;
}

ul.ul_st_5.row_line {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 20px;
}

ul.ul_st_5.row_line  li:before {
background: #e1e1e1;
content: "";
width: 100%;
height: 5px;
position: absolute;
left: 0;
top: 35px;
}

ul.ul_st_5.row_line li b {position: relative;border: 5px solid #e1e1e1;width: 70px;height: 70px;font-size: 30px;line-height: normal;}

ul.ul_st_box li {display: block;border: 3px solid #efefef;min-width: 180px;margin: 1px 0;text-align: left;padding: 0 5px;}

.table_sp {border-bottom: none;margin: 0;padding: 0;}
.table_sp:before {content: "";display: block;clear: both;}
.table_sp th {text-align: left;color: #203b46;min-width: 110px;font-size: 16px;border: none;background: none;word-break: keep-all;vertical-align: top;}
.table_sp td {color: #858585;font-size: 16px;text-align: left;border: none;vertical-align: top;}
.table_sp th {padding: 10px 0px 10px;}
.table_sp td {padding: 10px 5px 10px;}
.table_sp .btn_st,
.table_sp input,
.table_sp select{margin: -4px 5px 7px 0px;vertical-align: inherit;}


ul.on_safe_study {display: inline-block;width: 100%;}
ul.on_safe_study > li:hover {box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%), 0 4px 10px 0 rgb(0 0 0 / 8%);}
ul.on_safe_study > li {display: inline-block;width: 100%;margin-bottom: 10px;padding: 20px;}
ul.on_safe_study > li .thum {float: left;width: 320px;height: 180px;background: #ddd;margin-right: 30px;}
ul.on_safe_study > li .thum img {width:100%;}
ul.on_safe_study > li > .info {/* display: flex; *//* height: 150px; */min-width: 300px;display: inline-block;/* flex-direction: column; *//* justify-content: space-between; *//* align-content: space-between; */}
ul.on_safe_study > li > .info p.tit {font-size: 25px;font-weight: bold;margin-bottom: 20px;}
ul.on_safe_study > li > .info > ul {margin-bottom:15px;}
ul.on_safe_study > li > .info > ul > li {margin-bottom:5px;}
ul.on_safe_study > li > .info > ul > li> b {border: 1px solid #ddd;display: inline-block;min-width: 100px;text-align: center;border-radius: 20px;font-weight: 600;margin-right: 20px;}
.tb_scl.tb_border {border: 1px solid #ddd;}


.Q_test_wrap {padding: 20px;word-break: auto-phrase;}
.Q_test_wrap .q_test_box {margin-left: 30px;margin-bottom: 50px;margin-right: 20px;}
.Q_test_wrap .q_test_box .q b {display: inline-block;margin-left: -41px;margin-right: 0px;width: 40px;text-align: center;font-size: 20px;}
.Q_test_wrap .q_test_box .q_ans_info {border: 1px solid #ddd;padding: 10px;font-size: 14px;margin-top: 30px;}
.Q_test_wrap .q_test_box .q_ans_info p.tit {text-align: center;background: #f3f3f3;font-size: 15px;padding: 6px;margin: -10px;margin-bottom: 10px;}
.Q_test_wrap .q_test_box .q_ans_list {margin-left: 24px;margin-top: 10px;}
.Q_test_wrap .q_test_box .q_ans_list b {margin-left: -23px;margin-right: 9px;}
st_s_maker label:before {}

.st_s_maker {display: none;}
input.st_s_maker:checked + label:before {content: "";position: absolute;display: block;left: -30px;top: -2px;right: -7px;bottom: 0px;height: auto;width: auto;border-radius: 5px;z-index: 0;}
input.st_s_maker:checked + label {position: relative;display: inline-block;color: #333333;}
input.st_s_maker:checked + label:after {background: #796ae6;}
input.st_s_maker:checked + label span {position: relative;font-weight: 100;}
input.st_s_maker:checked + label span b {position: relative;background: #434343;border-radius: 20px;display: inline-block;width: 18px;height: 18px;color: #fff;line-height: 17px;text-align: center;}
input.st_s_maker:checked + label span b:after {position: absolute;left: 2px;top: -9px;content: "✓";font-size: 21px;font-weight: bold;color: #ef1848;text-shadow: 1px 1px 1px #000;}

/*설치검사 안내*/
ul.cpf_ko_info_guide > li {position: relative;float: left;width: 25%;margin-bottom: 20px;padding-right: 30px;}
ul.cpf_ko_info_guide > li > span {background: #eeebfa;color: #7163ba;padding: 20px 10px;display: block;text-align: center;border-radius: 10px;}
ul.cpf_ko_info_guide > li > span + div {padding: 20px 15px;border: 1px solid #ececec;border-radius: 10px;font-size: 16px;min-width: 200px;}
ul.cpf_ko_info_guide > li > span + div > b {display: block;margin-bottom: 5px;text-align: center;}
ul.cpf_ko_info_guide > li {position: relative;}
ul.cpf_ko_info_guide > li > ul > li {font-size: 14px;width: 100%;}
ul.cpf_ko_info_guide > li:after {content: "";position: absolute;top: 9px;right: 4px;float: left;display: inline-block;vertical-align: middle;width: 20px;height: 38px;background: url(/cpf/img/aicon.png) -314px -205px no-repeat;}
ul.cpf_ko_info_guide > li:nth-child(4):after {position: absolute;top: 64px;left: 50%;right: inherit;margin-left: -30px;float: left;display: inline-block;vertical-align: middle;width: 30px;height: 18px;background: url(/cpf/img/aicon.png) -212px -216px no-repeat;}
ul.cpf_ko_info_guide ul.ul_st li {padding-left: 10px;font-size: 14px;}
ul.cpf_ko_info_guide ul.ul_st li:before {margin-left: -10px;}
ul.cpf_ko_info_guide > li:last-child:after {display: none;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:first-child b {position: absolute;right: 20px;top: 21px;background: #3682d1;color: #fff;width: 40px;height: 20px;text-align: center;border-radius: 5px;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child b {position: absolute;top: 50px;left: 50%;margin-left: -45px;background: #a12020;color: #fff;width: 60px;height: 20px;text-align: center;border-radius: 5px;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child > ul {margin-top: 30px;position: relative;width: 100%;min-width: 210px;float: right;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child > ul > li:before {content: "";position: absolute;top: -20px;left: 50%;margin-left: -15px;float: left;display: inline-block;vertical-align: middle;width: 30px;height: 18px;background: url(/cpf/img/aicon.png) -212px -216px no-repeat;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child > ul > li {position: relative;padding: 0;border: 1px solid #d99797;border-radius: 10px;font-size: 16px;margin-bottom: 20px;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child > ul > li span {display: block;background: #f3e6e6;color: #a12020;padding: 5px 10px;font-weight: bold;border-radius: 8px;}
ul.cpf_ko_info_guide > li:nth-child(3) > ul > li:last-child > ul > li ul {padding: 10px 10px 10px 6px;}
ul.cpf_ko_info_guide {display: inline-block;width: 100%;}




.cpf_ko_info07 > ul > li {display: inline-block;position: relative;text-align: center;}
.cpf_ko_info07 > ul > li:first-child {width: 300px;}
.cpf_ko_info07 > ul > li > span {position: relative;display: inline-block;background: #e9ebf7;padding: 25px 10px;text-align: center;font-weight: bold;min-width: 300px;border-radius: 0px;}
.cpf_ko_info07 > ul > li > span + ul {
display: flex;
flex-direction: row;
}
.cpf_ko_info07 > ul > li > ul > li {font-size: 14px;width: 100%;}
.cpf_ko_info07 > ul > li > ul {float:left;width: 100%;}
.cpf_ko_info07 > ul > li > span:after, .cpf_ko_info07 > ul > li > ul > li ul li:after {content: "";position: absolute;bottom: -40px;right: 50%;margin-right: -14px;float: left;display: inline-block;vertical-align: middle;width: 20px;height: 38px;background: url(/app/img/common/icon_arw_down.png) right center no-repeat;}
.cpf_ko_info07 > ul > li > ul > li ul li:after {right: 50%;bottom: -40px;}
.cpf_ko_info07 ul > li:nth-child(4):after{position: absolute;top: 64px;left: 50%;right: inherit;margin-left: -30px;float: left;display: inline-block;vertical-align: middle;width: 30px;height: 18px;background: url(/cpf/img/aicon.png) -212px -216px no-repeat;}
.cpf_ko_info07 ul li {padding-right: 0px;margin-top: 40px;font-size: 20px;}
.cpf_ko_info07 ul.ul_st li:before {margin-left: -10px;}
.cpf_ko_info07 ul > li:last-child:after {display: none;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:first-child b {position: absolute;right: 20px;top: 21px;background: #3682d1;color: #fff;width: 40px;height: 20px;text-align: center;border-radius: 5px;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child b {position: absolute;top: 50px;left: 50%;margin-left: -45px;background: #a12020;color: #fff;width: 60px;height: 20px;text-align: center;border-radius: 5px;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child > ul {margin-top: 30px;position: relative;width: 100%;min-width: 210px;float: right;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child > ul > li:before {content: "";position: absolute;top: -20px;left: 50%;margin-left: -15px;float: left;display: inline-block;vertical-align: middle;width: 30px;height: 18px;background: url(/cpf/img/aicon.png) -212px -216px no-repeat;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child > ul > li {position: relative;padding: 0;border: 1px solid #d99797;border-radius: 10px;font-size: 16px;margin-bottom: 20px;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child > ul > li span {display: block;background: #f3e6e6;color: #a12020;padding: 5px 10px;font-weight: bold;border-radius: 8px;}
.cpf_ko_info07 ul > li:nth-child(3) > ul > li:last-child > ul > li ul {padding: 10px 10px 10px 6px;}
.cpf_ko_info07 > ul {display: flex;width: 100%;margin: 0px auto;text-align: center;flex-direction: column;align-items: center;}
.cpf_ko_info07 > ul > li:first-child span {width: 100%;background: #51a6c7;color: #fff;}
.cpf_ko_info07 > ul > li > ul > li {display: block;position: relative;margin: 20px;}
.cpf_ko_info07 > ul > li > ul > li {display: block;position: relative;margin: 50px 20px 20px;}
.cpf_ko_info07 ul > li > ul > li > span {position: absolute;left: 0;top: -10px;padding: 10px 5px;width: 100%;text-align: center;border-radius: 35px;}
.cpf_ko_info07 > ul > li > ul > li > span {background: #b25a5a;color:#fff;}
.cpf_ko_info07 > ul > li > ul > li:first-child > span {background: #6782ea;}
.cpf_ko_info07 > ul > li > ul > li ul {display: flex;width:100%;margin-bottom: 10px;flex-direction: column;}
.cpf_ko_info07 > ul > li > ul > li > ul > li {position: relative;/* width: 180px; */border: 1px solid #ddd;/* margin-left: 8px; */padding: 19px 5px;text-align: center;border-radius: 70px;font-size: 16px;}

td.td_vt {vertical-align:top;}

.input_w.gray_box {border: 5px solid #efefef;padding: 20px;background: #f9f9f9;display: inline-block;width: 100%;}
.edit_logo {display: flex;border: 1px solid #f0f0f0;/* display: inline-block; */width: 300px;height: 70px;padding: 10px;background: #fff;text-align: center;justify-content: center;align-items: center;}

ul.site_tema li {display: inline-block;width: 300px;margin-right: 20px;text-align:center;margin-bottom:20px;}
ul.site_tema li input {display: none;}
ul.site_tema li input + label img {border: 5px solid #ededed;height: 200px;width: 300px;margin-bottom:10px;}
ul.site_tema li input:checked  + label img {border: 5px solid #2c70ff;}
ul.site_tema li input:checked  + label {font-weight:bold;}

.b_cont_box.file_view  {
}
.b_cont_box.file_view .b_c_tit {font-weight: bold;margin-bottom: 15px;}
.b_cont_box.file_view .b_c_info .file {display: inline-block;margin-bottom: -7px;border: 3px solid #f3f3f3;width: 100%;padding: 5px;}
.b_cont_box {display: inline-block;width: 100%;background: #fff;padding: 20px 20px;border-radius: 3px;padding-left: 130px;border-bottom: 1px solid #f3f3f3;}.b_cont_box:hover {background:#f9f9f9;}
.b_cont_box .b_c_tit {width: 120px;display: inline-block;font-weight: 600;color: #333;float: left;margin-left: -120px;word-break: auto-phrase;}
.b_cont_box .b_c_info {display: inline-block;color: #666;vertical-align: top;float: left;padding-left: 30px;width: 100%;word-break: auto-phrase;}
.board_answer {margin-bottom: 20px;border: 2px dashed #e6e6e6;padding: 30px;word-break: auto-phrase;}
p.p_tit_rbtn {float: right;}


ul.ac_list {display: inline-block;width: 100%;margin-left: 30px;background: #f7f7f7;padding: 20px;margin-bottom:20px;}
ul.ac_list li {float: left;width: 33.3%;}
ul.ac_list li a {padding: 4px 5px;display: inline-block;margin-bottom: 3px;font-size: 14px;font-weight: 300;}
ul.ac_list li b {font-size: 16px;}

ul.list_de_01 {display: flex;width: 100%;justify-content: space-between;align-items: center;padding: 0 25px 30px;}
ul.list_de_01 li {position: relative;background: #375d90;color: #fff;width: 15%;height: 150px;display: flex;text-align: center;align-items: center;justify-content: center;border-radius: 0px;font-size: 20px;flex-direction: column;}
ul.list_de_01 li b {font-size:50px;margin-bottom: 14px;color: #ffffff;}
ul.list_de_01 li:after {content: "";position: absolute;right: -27%;top: 50%;background: url(/app/img/common/icon_arw_right.png) 13px center no-repeat;border-radius: 30px;display: inline-block;width: 30px;height: 30px;/* z-index: 1; */margin-top: -15px;}
ul.list_de_01 li:last-child:after {display: none;}
/*tip*/
.help_tip {position: relative;font-size: 17px;color: #999a9a;background: #f4f6f8;padding: 20px 20px 20px 50px;border-radius: 15px;margin-bottom: 20px;text-align: left;}
.help_tip > i {position: absolute;margin-left: -28px;margin-top: 3px;font-size: 20px;}
ul.help_comment {font-size: 16px;color: #777777;\: 30px;}
ul.help_comment li {margin-bottom: 5px;}
ul.help_comment.minitip {font-size: 14px;}
ul.help_comment.minitip li {margin-bottom: 1px;}





.src_group table {border:none;}
.src_group th {min-width: 11%;text-align: left;}
.src_group th,.src_group td {padding: 10px 10px;border: none;width: auto;}
.src_group tr {border-bottom: 1px solid #eee;}
.src_group tr:last-child {border-bottom: 0;}
.row {display: flex;/* flex-wrap: wrap; */}
.row .col {margin-right: 10px;}
.row .col:last-child {margin-right: 0;width: 100%;}
.gab5 {gap: 5px;}
.gab10 {gap: 10px;}

/* 체크박스/라디오 */
.st_chk_01 {line-height: 1;display: inline-block;padding: 10px 10px 10px 0;cursor: pointer;vertical-align: middle;}
.st_chk_01 input[type="checkbox"], .st_chk_01 input[type="radio"] {position: absolute;overflow: hidden;width: 0px;height: auto;margin: 0;padding: 0;white-space: nowrap;border: 0;}
.st_chk_01 .chk_label {font-size: 16px;display: flex;color: #4a4a4a;align-items: flex-start;}
.st_chk_01 .chk_label:before {content: "";display: block;width: 20px;height: 20px;margin-right: 10px;border: 1px solid #aaa;background-color: #fff;flex: 0 0 auto;}
.st_chk_01 input[type="radio"] + .chk_label:before {border-radius: 100%;}
.st_chk_01 input[type="checkbox"]:checked + .chk_label:before {border-color: #375d90;}
.st_chk_01 input[type="radio"]:checked + .chk_label:before {border-color: #375d90;}
.st_chk_01 input[type="radio"]:checked + .chk_label:after  {content:"";position: absolute;display: block;width: 10px;height: 10px;margin: 5px;margin-right: 10px;border-radius: 10px;background-color: #375d90;flex: 0 0 auto;}
.st_chk_01.no_label {padding: 0;}
.st_chk_01.no_label .chk_label:before {margin-right: 0;}


/* 체크박스/라디오 */
.st_chk_02 {line-height: 1;display: inline-block;cursor: pointer;vertical-align: middle;}
.st_chk_02 input[type="checkbox"], .st_chk_02 input[type="radio"] {position: absolute;overflow: hidden;width: 0px;height: auto;margin: 0;padding: 0;white-space: nowrap;border: 0;}
.st_chk_02 .chk_label {position:relative;font-size: 16px;display: flex;color: #4a4a4a;align-items: flex-start;padding: 11px 10px;min-width: 60px;text-align: center;border: 1px solid #ddd;margin: 1px 0;justify-content: center;}
.st_chk_02 input[type="radio"]:checked + .chk_label:before {content:"";border:5px solid #375d90;border-right:5px solid #fff;border-bottom:5px solid #fff;position:absolute;left:0;top:0;}
.st_chk_02 input[type="checkbox"]:checked + .chk_label {border-color: #375d90;}
.st_chk_02 input[type="radio"]:checked + .chk_label {border-color: #375d90;}

div.insaT {display: inline-block;vertical-align: top;padding: 0 30px;font-size: 15px;/* width: 50%; */line-height: 2;font-weight: 100;color: #484848;text-align: left;}
div.insaT img {width: 50%;margin: 0 0 50px;}
div.insaT p.insa {font-weight: 500;font-size: 30px;margin-bottom: 20px;line-height: 1.2;}






.pri_dan_manage {display: flex;align-items: center;justify-content: center;}
.pri_dan_manage .ico {margin-right: 30px;font-size: 70px;}
.pri_dan_manage .pri_dmanar_box {border: 10px solid #f5f5f5;padding: 20px;border-radius: 30px;}
.pri_dan_manage .pri_dmanar_box > span {display: block;padding: 30px 50px;border-radius: 10px;font-size: 20px;background: #74c3cb;color: #fff;font-weight: 700;margin-bottom: 20px;}
.pri_dan_manage .pri_dmanar_box b {position: relative;display: inline-block;width: 50%;float: left;text-align: left;width: 100px;height: 100px;line-height: 100px;text-align: center;border-radius: 60px;font-size: 20px;}
.pri_dan_manage .pri_dmanar_box b.bg_gr {background: #e5edf5;}
.pri_dan_manage .pri_dmanar_box b.bg_or {background: #fbd9d982;margin-left: -10px;}
.pri_dan_manage .pri_dmanar_box b.bg_or > span {bottom: 0;top: inherit;}
.pri_dan_manage .pri_dmanar_box b > span {background: #ccc;display: block;white-space: nowrap;line-height: 0;color: #fff;padding: 4px 5px 4px;width: 80px;position: absolute;top: 0;z-index: 1;font-size: 15px;}
.pri_dan_manage .pri_dmanar_box b.bg_gr > span {background: #6890d1;}
.pri_dan_manage .pri_dmanar_box b.bg_or > span {background: #d56565;right: 0;}


.ct_danger_acs h5 {background: #878787;color: #fff;padding: 20px;font-size: 20px;border-radius: 40px;margin-bottom: 30px;display: block;text-align: center;}
.ct_danger_acs .list h5 {background:#4a6196;}
.ct_danger_acs {display: flex;margin-left: 20px;justify-content: center;}
.ct_danger_acs .list {position: relative;margin-right: 200px;}
.ct_danger_acs  ul li {white-space: nowrap;background: #cdddf5;margin-bottom: 10px;padding: 20px;font-size: 20px;text-align: center;border-radius: 20px 0 20px 0;}
.ct_danger_acs .list ul li i {text-align: right;width: 50px;font-size: 34px;color: #577dc1;position: absolute;margin-top: -8px;}
.ct_danger_acs .list2 {float:right;}
.ct_danger_acs .list2 ul li {background:#e6e4da;font-size: 16px;}

.ct_danger_acs .list2 ul li:last-child {background:#8d8972;font-weight:bold;color:#fff;}



.ct_danger_acs .list .r_l {position: absolute;right: -180px;top: 0;width: 150px;}
.ct_danger_acs .list .r_l b {display: inline-block;border: 10px dotted #6ad1d1;background: #fff;border-radius: 90px;width: 150px;height: 150px;padding-top: 35px;margin-top: 80px;font-size: 25px;line-height: 30px;text-align: center;}
.ct_danger_acs .list .r_l > span {display: inline-block;padding: 10px;border-radius: 5px;width: 150px;text-align: center;word-break: auto-phrase;background: #ebebeb;}
.ct_danger_acs .list .r_l > span:last-child {background:#333;color:#fff;font-weight:bold;}

ul.cont_ugplist {margin-top: 40px;}
ul.cont_ugplist li {margin-left: 70px;color: #777;margin-bottom: 20px;}
ul.cont_ugplist li > b {display: inline-block;font-size: 20px;margin-bottom: 8px;color: #333;}
ul.cont_ugplist li > span {font-size: 50px;color: #ddd;font-weight: bold;margin-left: -40px;margin-right: 10px;vertical-align: sub;}
.ul_st_cjh ul li {float: left;width: 33%;max-width: 350px;min-width: 180px;margin-bottom: 30px;}
.ul_st_cjh ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ul_st_cjh ul li img {border: 1px solid #ddd;}


.cont_ostservi h5 {font-size: 30px;color: #999;margin-bottom: 30px;text-align: center;}
.cont_ostservi > ul {display:flex;justify-content: center;flex-wrap: wrap;}
.cont_ostservi > ul > li {padding-left: 100px;min-height: 110px;margin-bottom: 20px;}
.cont_ostservi ul li b {display: inline-block;background: #f5cece;text-align: center;padding: 10px 0;border-radius: 50px;width: 100px;height: 100px;line-height: 80px;margin: 0px 0 -90px -80px;}
.cont_ostservi ul li:nth-child(2) b {background:#fbdccb;}
.cont_ostservi ul li:nth-child(3) b {background:#f8f1c3;}
.cont_ostservi ul li:nth-child(4) b {background:#b5eee8;}
.cont_ostservi ul li:nth-child(5) b {background:#bcd6f6;}
.cont_ostservi ul li .ul_li_3 {padding: 20px 20px 10px;text-align: left;margin: 10px;width: 290px;background: #efefef;border-radius: 0 40px 40px 40px;}
.cont_ostservi ul li .ul_li_3  li {margin-bottom: 10px;word-break: auto-phrase;}

.privacy_summary_core {border: 10px solid #efefef;padding: 30px;text-align: center;color: #999;}
.privacy_summary_core b {font-size: 25px;display: block;margin-bottom: 20px;color: #666;}

.privacy_wrap ol {margin-left:25px;background:#efefef;padding: 20px 20px 10px;word-break: auto-phrase;}
.privacy_wrap ol li {position: relative;margin-left: 30px;margin-bottom:10px;}
.privacy_wrap ol li b {position: absolute;left: -30px;top: 0px;display: block;border-radius: 20px;font-size: 19px;}
.privacy_wrap ol ol {margin-left: 0;padding: 15px 0 10px 0;}
.privacy_wrap > ol > li > b {background: #1b77c5;color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 0.2px 3px 2px 3px;}
.privacy_wrap > ol > li > ol b {font-size: 12px;background: #636363;color: #fff;border-radius: 3px;padding: 0 1px 0 4px;letter-spacing: 3px;}

.b_info {background: #ebebeb;padding: 0 5px 2px;border-radius: 5px;font-weight: normal;}
.b_info .t {font-weight: bold;margin-left: 5px;}

.cpu10_bg {background: #4f4582;color: #fff; padding: 2px 30px; border-radius: 7px;}
.cp_m3_tb_w303 table.table_st_in.table_st_left {width:303px;}
.cp_m3_tb_w303 table.table_st_in.AlignRight {width: 110px;}

tbody.table_bk_bg {position: relative;}
tbody.table_bk_bg:before {content: "";position: absolute;left: 0;width: 100%;background: rgb(0 0 0 / 70%);height: 100%;z-index: 1;}
tbody.table_bk_bg tr {filter: blur(2px);}
tbody.table_bk_bg tr.tb_bk_tr {filter: blur(0px);}
tbody.table_bk_bg tr.tb_bk_tr {position: absolute;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;z-index: 10;}
tbody.table_bk_bg tr.tb_bk_tr td {position: absolute;display: flex;left: 0;right: 0;top: 0;height: 100%;color: #fff;z-index: 10;border: none;justify-content: center;align-items: center;}
tbody.table_bk_bg tr.tb_bk_tr td i {font-size: 30px;margin-right: 10px;}

.alert_pop {position: relative;}
.alert_pop p.txt {position: absolute;right: 100%;top: 0;margin-right: 10px;font-size: 13px;width: max-content;padding: 1px 10px 0px;background: #ffffff;border: 2px solid #d7d7d7;border-radius: 10px;transition: all 0.2s;box-shadow: 1px 1px 3px #909090;}
.alert_pop p.txt:before {border-top: 5px solid transparent;border-right: 10px solid transparent;border-left: 10px solid #d7d7d7;border-bottom: 5px solid transparent;content: "";left: 100%;top: 50%;margin-top: -5px;position: absolute;}
.alert_pop:hover > p.txt {margin-top: -2px;}

.thema_par_pick {border-top: 2px dotted #ddd;}
.thema_par_pick ul {background: #fff;padding: 20px;}
.thema_par_pick ul li {display: inline-block;margin: 5px 20px;}
.thema_par_pick ul li b {color: #333;}

.st_ul_num {display: flex;flex-wrap: wrap;margin-bottom: 20px;gap: 30px;}
.st_ul_num li {text-align: center;/* font-size: 14px; */color: #797979;}
.st_ul_num li span.num {display: flex;width: 50px;height: 50px;font-weight: bold;background: #e1e3ef;border: 10px solid #f7f7f7;border-radius: 50px;justify-content: center;align-items: center;margin: 0 auto;}
.st_ul_num li b {display: block;font-size: 18px;color: #444;}
.st_ul_num.type2 li {flex-grow: 1;/* width: 30%; */margin-bottom: 40px;}

.tooltip-test-page {display: inline-block;}

.klpf_t_top {position: relative;background: #f2f2f2;color: #707070;padding: 30px 70px;font-size: 20px;line-height: normal;border-radius: 0 50px 0 50px;}
.klpf_t_top:before {content: "“";position: absolute;left: 11px;top: -20px;font-size: 110px;}
.klpf_t_top:after {content: "”";position: absolute;right: 11px;bottom: 0px;font-size: 110px;line-height: 50px;}

.cpu03_gallery {display: flex;flex-direction: row;gap: 30px;}
.cpu03_gallery .img_st {flex: 1 1 0;}
.img_st {position: relative;}
.img_st span.info {position: absolute;bottom: 30px;left: 0px;background: hsl(0deg 0% 0% / 50%);color: #eee;padding: 10px 20px;}
.box_st.box_s_01 {border: 1px solid #ededed;padding: 10px 0 10px;border-radius: 10px;}

.history {position: relative;}
.history:before {content: "";position: absolute;display: inline-block;left: 50%;width: 1px;height: 100%;background: #efefef;}
.history >  ul > li {position: relative;width: calc(50% - 21px);margin: 40px 0 100px;}
.history > ul {display: inline-block;width: 100%;max-width: 900px;margin: 0 auto;}
.history ul li.r {float: right;}
.history > ul > li > b.tit {position: absolute;left: -2%;top: -70px;width: 150px;font-size: 20px;margin-left: -90px;background: #fff;padding: 10px 30px;box-shadow: 1px 1px 10px #ccc;}
.history > ul > li.l > b.tit {left: inherit;right: -2%;margin-right: -90px;}
.history > ul > li .box {background: #ffffff;padding: 10px;border-radius: 10px;border: 1px solid #e7e7e7;}
.history > ul > li .box li {text-align: left;}
.history > ul > li .box ul {margin-top: 10px;}
.history > ul > li .box p {display: inline-block;margin-bottom: 20px;}
.history > ul > li .box:before {content: "";border: 10px solid #ffffff00;border-right: 10px solid #e7e7e7;display: inline-block;position: absolute;left: -21px;}
.history > ul > li.l .box:before {border: 10px solid #ffffff00;border-left: 10px solid #e7e7e7;left:inherit;right: -21px;}

.history > ul > li .box:after {content: "";width: 20px;height: 20px;background: #ffffff;display: inline-block;position: absolute;border: 6px solid #375d90;top: 10px;border-radius: 20px;left: -31px;}
.history > ul > li.l .box:after {left:inherit;right: -31px;}

.btn_sns {
background: #ffffff;
line-height: 23px;
padding: 0 5px;
border: 2px solid #4063a3;
color:#4063a3;
font-weight: 600;
border-radius:5px;
}

.btn_kko {
background: #fae100;
line-height: 23px;
padding: 0 5px;
border: 2px solid #503939;
color:#503939;
font-weight: 600;
border-radius:5px;
}