/* Button */
.blue-lets-button{background-color:#2e88ff; color:#fff; padding:1rem;}
.blue-lets-button.m3 {margin-left:3rem;margin-bottom:2rem;}
.btn {display: inline-block; vertical-align: top;}
.btn > span {position: relative;} 
.btn_group {font-size: 0;}
.btn_group .btn + .btn {margin-left: 10px;}

.btn_gray_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; background: #dde2e5;}

.btn_blue_h50 {height: 50px; border: 0; border-radius: 9px; color: #fff; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #005bac;}
.btn_skyblue_h50 {height: 50px; border: 0; border-radius: 9px; color: #0a2856; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #e6edf3;}

.btn_blue_h60 {height: 60px; border: 0; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; background: #005bac;}

.btn_next_step {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_next_step.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_cancel.png) no-repeat 30px center;}
.btn_join_apply {width: 170px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_join_apply.png) no-repeat 30px center;}
.btn_modify {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_modify.png) no-repeat 30px center;}
.btn_modify2 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_modify2.png) no-repeat 30px center;}
.btn_modify3 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_modify3.png) no-repeat 30px center;}
.btn_list {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_list.png) no-repeat 30px center;}
.btn_delete {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_delete.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_cancel.png) no-repeat 30px center;}
.btn_write {width: 126px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #0a2856; font-size: 16px; line-height: 50px; text-align: left; background: #e6edf3 url(../images/ico_write.png) no-repeat 30px center;}
.btn_apply {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_apply.png) no-repeat 30px center;}
.btn_save {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../images/ico_save.png) no-repeat 30px center;}
.btn_search {width: 100px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; line-height: 44px; text-align: left; background: #005bac url(../images/ico_total_search_w_small.png) no-repeat 22px center;}
.btn_calendar {width: 46px; height: 46px; background: url(../images/ico_calendar.png) no-repeat;}
.btn_subscribe {width: 184px; height: 60px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../images/ico_subscribe.png) no-repeat 26px center;}
.btn_stat {width: 184px; height: 60px; padding-left: 80px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../images/ico_stat.png) no-repeat 40px center;}
.btn_table {width: 84px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../images/ico_table.png) no-repeat 20px center;}
.btn_graph {width: 110px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../images/ico_graph.png) no-repeat 20px center;}
.btn_excel {width: 150px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #08743b url(../images/ico_excel.png) no-repeat 20px center;}
.btn_report {width: 110px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../images/ico_report.png) no-repeat 20px center;}
.btn_hcpisys {width: 264px; height: 60px; padding-left: 46px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 60px; background: #005bac url(../images/ico_h.png) no-repeat 20px center;}


/* Board */
.board_write {border-top: 2px solid #222;}
.board_write table th,
.board_write table td {border-bottom: 1px solid #dde2e5;}
.board_write table th {padding: 23px 20px 23px 30px; color: #000; font-size: 16px; font-weight: 400; text-align: left; background: #f5f6f7;}
.board_write table th label.req::before {content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; background: url(../images/ico_req.png) no-repeat; vertical-align: 9px;}
.board_write table td {padding: 10px;}
.board_write .inner_txt {display: inline-block; height: 46px; color: #666; font-size: 16px; line-height: 46px; vertical-align: top;}


.board_view {border-top: 2px solid #222;}
.board_view thead .tit {padding: 21px 0; border-bottom: 1px solid #888; color: #222; font-size: 18px; font-weight: 500; text-align: center;}    
.board_view .info {font-size: 16px;}
.board_view .cont {min-height: 300px; padding: 8px 30px; color: #666; line-height: 30px;}
.board_view .cont2 {text-align: center;}
.board_view .cont2 img {max-width: 100%;}
.board_view tbody th,
.board_view tbody td {padding: 22px 0; border-bottom: 1px solid #dde2e5; text-align: left;}
.board_view tbody td.border_bot0 {border-bottom: 0;}
.board_view tbody th {padding-left: 30px; color: #000; font-weight: 400;}
.board_view tbody td {color: #666;}
.attach_list span {display: inline-block; position: relative; padding-left: 29px; color: #005bac;}
.attach_list span:hover {text-decoration: underline;}
.attach_list span::before {content: ""; display: block; position: absolute; left: 0; top: 0px; width: 20px; height: 24px; background: url(../images/ico_file.png) no-repeat;}
.attach_list .btn {margin-left: 14px; vertical-align: 0px;}
.attach_list + .attach_list {margin-top: 5px;}

.board_navi {border-top: 1px solid #888; border-bottom: 1px solid #888;}
.board_navi tr:nth-child(1) th,
.board_navi tr:nth-child(1) td {border-bottom: 1px solid #dde2e5;}
.board_navi th {text-align: right;}
.board_navi th a {display: block; height: 59px; padding-right: 29px; color: #000; font-size: 16px; font-weight: 300; line-height: 59px;}
.board_navi td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_navi td,
.board_navi td a {color: #666;}
.board_navi td a:hover {text-decoration: underline;}
.board_navi .next,
.board_navi .prev {position: relative;}
.board_navi .prev::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 16px; height: 9px; background: url(../images/ico_arrow_down16x9.png) no-repeat;}
.board_navi .next::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 16px; height: 9px; background: url(../images/ico_arrow_down16x9.png) no-repeat;}

.board_list {border-top: 2px solid #222;}
.board_list thead th {padding: 22px 0; border-bottom: 1px solid #888; color: #000; font-size: 16px; font-weight: 400; text-align: center;}
.board_list tbody td {padding: 15px 5px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; font-weight: 300; text-align: center;}
.board_list .lnk {color: #222;}
.board_list .lnk:hover {color: #0157a6; text-decoration: underline;}
.board_list .lock {margin-left: 10px; vertical-align: -3px;}

.board_list_bottom {position: relative;}
.board_list_bottom .l_col {position: absolute; left: 0; top: 0;}
.board_list_bottom .r_col {position: absolute; right: 0; top: 0;}

.board_album {position: relative; border-top: 2px solid #222; border-bottom: 1px solid #dde2e5;}
.board_album::before {content: ""; display: block; position: absolute; left: 0; top: 410px; width: 100%; height: 1px; background: #dde2e5;}
.board_album > ul::after {content: ""; display: block; clear: both;}
.board_album > ul > li {float: left; width: 290px; margin-top: 30px;}
.board_album > ul > li + li {margin-left: 40px;}
.board_album > ul > li:nth-child(4n+1) {margin-left: 0;}
.board_album > ul > li img {display: block;}
.board_album > ul > li a {display: block; position: relative; height: 380px;}
.board_album > ul > li a:hover::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 290px; border-radius: 8px; background: rgba(0, 140, 214, .8) url(../images/ico_album_detail.png) no-repeat center;}
.board_album > ul > li a span {display: block; padding-top: 16px; color: #333; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center;}


.paging {font-size: 0; text-align: center;}
.paging .btn {margin-top: 0;}
.paging .btn a {width: 42px; height: 42px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;}
.paging .first {background: url(../images/ico_paging_button_db.png) no-repeat center; background-size: 14px 15px;}
.paging .prev {margin-right: 20px; background: url(../images/ico_paging_button.png) no-repeat center;}
.paging .next {margin-left: 20px; background: url(../images/ico_paging_button.png) no-repeat center; transform: rotate(180deg);}
.paging .last {background: url(../images/ico_paging_button_db.png) no-repeat center; transform: rotate(180deg); background-size: 14px 15px;}
.paging > ul {display: inline-block; vertical-align: top;}
.paging > ul li {display: inline-block; margin-top: 4px; font-size: 16px; font-weight: 300; vertical-align: top;}
.paging > ul li + li {margin-left: 15px;}
.paging > ul li a,
.paging > ul li strong {display: block; width: 34px; height: 34px; font-weight: 300; line-height: 34px; text-align: center;}
.paging > ul li a {color: #888;}
.paging > ul li strong {border-radius: 50%; color: #fff; background: #222;}


.comment_write {padding: 20px; border-radius: 7px; font-size: 0; background: #f5f5f5;}
.comment_write > * {display: inline-block; height: 80px; vertical-align: top;}
.comment_write label {width: 110px; padding-right: 25px; color: #000; font-size: 16px; line-height: 80px; text-align: right;}
.comment_write textarea {width: 1040px;}
.comment_write button {width: 80px; margin-left: 10px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 400; background: #dde2e5;}
.comment_write button span {position: relative;}

.comment_list {padding: 0 30px; border-radius: 7px 7px 0 0; background: #f5f5f5;}
.comment_list .item {position: relative; padding: 25px 0 31px 0; border-bottom: 1px dashed #dde2e5; color: #666; font-size: 16px;}
.comment_list .item .name {margin-right: 5px; color: #222;}
.comment_list .item .delete {display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #222; font-size: 16px;}
.comment_list .item .delete::before {content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 6px; background: url(../images/ico_delete_x.png) no-repeat; vertical-align: -2px;}
.comment_list + .comment_write {border-radius: 0 0 7px 7px;}


/* Table */
.table_ui h2 {color: #555; font-size: 24px; font-weight: 500; text-align: center;}
.table_ui h2 + .tb_1 {margin-top: 24px;}
.tb_1 {border-top: 3px solid #555; border-bottom: 1px solid #555;}
.tb_1 thead th {padding: 10px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #555; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_1 thead th.yellow {background: #fffde3;}
.tb_1 thead tr > th:last-child {border-right: 0;}
.tb_1 tbody th,
.tb_1 tbody td {padding: 11px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300; text-align: center; line-height: 24px; letter-spacing: -1.5px; background: #fff;}
.tb_1 tbody td.skyblue {font-weight: 500; background: #e6edf3;}
.tb_1 tbody td .ulink {color: #0157a6; text-decoration: underline;}
.tb_1 tbody tr td.br {border-right: 1px solid #b8bdc5 !important;}
.tb_1 tbody th {font-weight: 500; background: #f5f5f5;}
.tb_1 tbody tr > td:last-child {border-right: 0;}
.tb_1 tfoot td {padding: 11px; border-right: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_1 tfoot tr > td:last-child {border-right: 0;}

.tb_2 {border-top: 3px solid #555;}
.tb_2 td {padding: 10px 20px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300;}
.tb_2 td:last-child {border-right: 0;}
.tb_2 td.lb {color: #333; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_2 td.ac {text-align: center;}

.tb_3 {border-top: 3px solid #555;}
.tb_3 td {padding: 14px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 300; text-align: center;}
.tb_3 td.lb {color: #5d5d5d; font-weight: 500; background: #ececec;}


/* Condition */
.condition {display: table; width: 100%; font-size: 0;}
.condition > * {display: table-cell; position: relative;}
.condition .r_col {text-align: right;}

.condition .page_count {position: absolute; left: 0; top: 28px; width: 150px; color: #333; font-size: 16px; font-weight: 300;}
.condition .page_count span {color: #008cd6;}


/* Form */
/* for IE10 */
input::placeholder {color: #aaa; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
input::-webkit-input-placeholder {color: #aaa;}
/* IE */
input:-ms-input-placeholder {color: #aaa;}
input[type=text]::-ms-clear {display:none;}
/* Firefox */
input:-mos-input-placeholder {color: #aaa;}

.f_txt {height: 46px; padding: 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}
.f_txt2 {height: 60px; padding: 2px 10px 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}
.f_txt3 {height: 46px; padding: 0 10px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; background: #f7f7f7; vertical-align: top;}

.f_txtar {padding: 10px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 16px; font-weight: 300; resize: none;}

.f_search {display: inline-block; position: relative; vertical-align: top;}
.f_search input[type=text] {width: 100%; height: 46px; padding: 0 50px 0 10px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #fff;}
.f_search .btn {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; border: 0; font-size: 0; background: url(../images/ico_search_b.png) no-repeat;}

select {font-family: 'NotoSans', sans-serif; font-weight: 400;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	-webkit-border-radius: 0;
	appearance:none;}
select::-ms-expand {display:none;}
.f_select {display: inline-block; position: relative; height: 46px; border: 0; border-radius: 5px; background: #f7f7f7; vertical-align: top;}
.f_select::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../images/ico_select_btn.png) no-repeat;}
.f_select select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;}

.f_select2 {display: inline-block; position: relative; height: 46px; border: 1px solid #b8bdc5; border-radius: 5px; background: #fff; vertical-align: top;}
.f_select2::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../images/ico_select_btn.png) no-repeat;}
.f_select2 select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; font-weight: 300; background: transparent;}

.chk_txt {z-index: -1; position: relative; left: 2px; top: 4px; vertical-align: top; outline: none;}
.chk_txt + label {display: inline-block; position: relative; padding-left: 11px; color: #333; font-size: 16px;}
.chk_txt + label::before {content: ""; display: block; position: absolute; left: -16px; top: 4px; width: 18px; height: 18px; border: 1px solid #dde2e5; border-radius: 3px; background: #fff;}
.chk_txt:checked + label::before {border: 0; background: url(../images/ico_chk_txt_on.png) no-repeat !important;}

.chk_only {display: inline-block; position: relative; width: 18px; height: 18px; border: 1px solid #dde2e5; border-radius: 3px; background: #fff; vertical-align: top;}
.chk_only.on {border: 0; background: url(../images/ico_chk_txt_on.png) no-repeat !important;}
.chk_only input[type=checkbox] {position: absolute; left: 1px; top: 1px; z-index: -1;}

.rdo_txt {z-index: -1; position: relative; left: 2px; top: 4px; vertical-align: top; outline: none;}
.rdo_txt + label {display: inline-block; position: relative; height: 22px; padding-left: 15px; color: #333; font-size: 16px; line-height: 22px; vertical-align: top;}
.rdo_txt + label::before {content: ""; display: block; position: absolute; left: -16px; top: 0; width: 22px; height: 22px; border: 1px solid #dee3e6; border-radius: 50%; background: #f7f7f7;}
.rdo_txt:checked + label::before {background: #fff;}
.rdo_txt:checked + label::after {content: ""; display: block; position: absolute; left: -10px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #169bd5;}

.file_attach {position: relative;}
.file_attach input[type=file] {position: absolute; left: -9999px; top: -9999px;}
.file_attach .file_add {display: inline-block; width: 90px; height: 46px; margin-left: 6px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; text-align: center; background: #dde2e5; vertical-align: top;}

.multi_file_list {padding: 18px; border: 1px solid #dde2e5; border-radius: 5px;}
.multi_file_list a {color: #666; font-size: 16px;}


.file_attach2 {position: relative;}
.file_attach2 input[type=file] {position: absolute; left: -9999px; top: -9999px;}
.file_attach2 .f_txt {width: calc(100% - 100px);}
.file_attach2 .file_add {display: inline-block; width: 90px; height: 46px; margin-left: 6px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; text-align: center; background: #dde2e5; vertical-align: top;}
.multi_file_list2 {padding: 18px; border: 1px solid #dde2e5; border-radius: 5px;}
.multi_file_list2 a {color: #666; font-size: 16px;}
.multi_file_list2 .delete {margin-left: 10px; vertical-align: -7px;}


/* Tab */
.tab_cont .tab_item {display: none;}
.tab_cont .tab_item:first-child {display: block;}

.tab_1 ul {font-size: 0; text-align: center;}
.tab_1 ul li {display: inline-block;}
.tab_1 ul li + li {margin-left: 10px;}
.tab_1 ul li a {display: block; height: 60px; padding: 0 38px; border: 2px solid #b8bdc5; border-radius: 30px; color: #666; font-size: 18px; line-height: 56px;}
.tab_1 ul li a.on {border: 0; color: #fff; line-height: 60px; background: #008cd6;}


/* Title */
.tit_1 {color: #28303c; font-size: 36px; font-weight: 700; text-align: center;}
.tit_2 {position: relative; padding-left: 27px; color: #333; font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -2px;}
.tit_2::before {content: ""; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #005bac url(../images/ico_bullet_01.png) no-repeat center;}
.tit_3 {position: relative; padding-top: 16px; color: #28303c; font-size: 24px; font-weight: 500;}
.tit_3::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 3px; background: #005bac;}
.tit_4 {color: #333; font-size: 20px; font-weight: 500;}
.tit_4 .no {display: inline-block; width: 19px; height: 19px; margin-right: 9px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 300; text-align: center; line-height: 19px; background: #005bac; vertical-align: 2px;}
.tit_5 {position: relative; padding-left: 17px;}
.tit_5::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 9px; height: 9px; border-radius: 50%; background: #005bac;}
.tit_6 {color: #333; font-size: 20px; font-weight: 500;}
.tit_6 span {display: inline-block; width: 20px; height: 20px; margin-right: 8px; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 20px; background: #005bac; vertical-align: 3px;}
.tit_7 {color: #333; font-size: 20px; font-weight: 500;}


/* Text */
.txt_top {padding-bottom: 15px; border-bottom: 2px solid #28303c; color: #222; font-size: 18px; font-weight: 500;}

.txt_1 {color: #666; font-size: 16px; font-weight: 300;}
.txt_2 {color: #637591; font-size: 16px; font-weight: 300;}
.txt_3 {color: #333; font-size: 16px; font-weight: 300;}
.txt_4 {color: #333; font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -1px;}

.txt_dot {position: relative; padding-left: 18px; color: #333; font-size: 20px; font-weight: 500;}
.txt_dot::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; border-radius: 50%; background: #005bac;}

.msg_1 {padding: 26px; border-radius: 8px; color: #333; font-size: 18px; font-weight: 400; line-height: 28px; background: #f5f5f5;}

.msg_list_1 {padding: 26px; border-radius: 8px; background: #f5f5f5;}
.msg_list_1 > li {position: relative; padding-left: 10px; color: #333; font-size: 18px; line-height: 28px;}
.msg_list_1 > li + li {margin-top: 28px;}
.msg_list_1 > li::before {content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #008cd6;}
.msg_list_1 > li > ul > li {position: relative; padding-left: 19px; color: #333; font-size: 16px; line-height: 28px;}
.msg_list_1 > li > ul > li::before {content: ""; display: block; position: absolute; left: 10px; top: 13px; width: 2px; height: 2px; background: #333;}
.msg_list_1.thin > li + li {margin-top: 8px;}

.msg_list_2 {padding: 26px; border-radius: 8px; background: #f5f5f5;}
.msg_list_2 dt {margin-bottom: 18px; padding-bottom: 24px; border-bottom: 1px solid #d2d6e0; color: #333; font-size: 18px; line-height: 28px;}
.msg_list_2 dd {position: relative; padding-left: 19px; color: #333; font-size: 16px; line-height: 30px;}
.msg_list_2 dd::before {content: ""; display: block; position: absolute; left: 10px; top: 14px; width: 2px; height: 2px; border-radius: 50%; background: #333;}
.msg_list_2 dd + dd {margin-top: 8px;}

.msg_list_3 {padding: 26px; border-radius: 8px; background: #f5f5f5;}
.msg_list_3 > li {position: relative; padding-left: 19px; color: #333; font-size: 16px; line-height: 28px;}
.msg_list_3 > li::before {content: ""; display: block; position: absolute; left: 10px; top: 15px; width: 2px; height: 2px; background: #333;}

.msg_list_4 {padding: 30px; border-radius: 8px; font-size: 18px; letter-spacing: -.5px; background: #f5f5f5;}
.msg_list_4 > ul > li {position: relative; padding-left: 12px; color: #333; font-size: 18px;}
.msg_list_4 > ul > li + li {margin-top: 9px;}
.msg_list_4 > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #008cd6;}
.msg_list_4 > ul > li > ul > li {position: relative; padding-left: 9px; font-size: 16px;}
.msg_list_4 > ul > li > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #333;}

.msg_list_5 {padding: 30px; border-radius: 8px; background: #f5f5f5;}
.msg_list_5 li {color: #333;}
.msg_list_5 > ul > li {position: relative; padding-left: 22px; font-size: 18px;}
.msg_list_5 > ul > li + li {margin-top: 20px;}
.msg_list_5 > ul > li span {display: block; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; color: #fff; font-size: 13px; line-height: 18px; text-align: center; background: #000;}
.msg_list_5 > ul > li > ul {margin-top: 9px;}
.msg_list_5 > ul > li > ul > li {font-size: 16px;}
.msg_list_5 > ul > li > ul > li + li {margin-top: 5px;}
.msg_list_5 .emp {color: #0157a6; text-decoration: underline;}

.msg_list_6 {padding: 40px 0 36px 0; border-radius: 8px; background: #f5f5f5;}
.msg_list_6 dl {display: table; width: 100%; table-layout: fixed;}
.msg_list_6 dl > * {display: table-cell; vertical-align: top;}
.msg_list_6 dl dt {position: relative; width: 155px; padding-right: 40px; color: #38475f; font-size: 18px; font-weight: 500; text-align: right;}
.msg_list_6 dl dt::after {content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #b2b2b2;}
.msg_list_6 dl dd {width: calc(100% - 155px); padding: 0 40px 21px 40px; color: #333; font-size: 16px; line-height: 28px; letter-spacing: -1px;}
.msg_list_6 dl:last-child dd {padding-bottom: 0;}


/* List */
.list_1 {font-size: 0;}
.list_1 > * {display: inline-block; height: 70px; border-radius: 8px; line-height: 70px; vertical-align: top;}
.list_1 .subject {width: 170px; color: #2c3136; font-size: 18px; text-align: center; background: #e1eaf6;}
.list_1 .data {width: 1100px; margin-left: 10px; padding: 0 30px; color: #333; font-size: 16px; background: #f5f5f5;}


.tb_1 {border-top: 2px solid #555;border-bottom: 1px solid #555;}
.tit_6 {position: relative;padding-left: 24px;color: #333;font-size: 18px;font-weight: 500;line-height: 28px;letter-spacing: -1px;}
.tit_6 span {display: block;position: absolute;left: 0;top: 5px;width: 18px;height: 18px;border-radius: 50%;color: #fff;font-size: 12px;text-align: center;line-height: 18px;background: #005bac;}