@charset "utf-8";

/* Web font */
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  src: url("./NotoSans-Regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("./NotoSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./NotoSans-Regular.woff2") format("woff2"), /* Super Modern Browsers */ url("./NotoSans-Regular.woff") format("woff"), /* Modern Browsers */ url("./NotoSans-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 500;
  src: url("./NotoSans-Medium.eot"); /* IE9 Compat Modes */
  src: local(""), url("./NotoSans-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./NotoSans-Medium.woff2") format("woff2"), /* Super Modern Browsers */ url("./NotoSans-Medium.woff") format("woff"), /* Modern Browsers */ url("./NotoSans-Medium.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 700;
  src: url("./NotoSans-Bold.eot"); /* IE9 Compat Modes */
  src: local(""), url("./NotoSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./NotoSans-Bold.woff2") format("woff2"), /* Super Modern Browsers */ url("./NotoSans-Bold.woff") format("woff"), /* Modern Browsers */ url("./NotoSans-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* Reset style */
* {
  word-break: keep-all;
  word-wrap: break-word;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
q,
s,
small,
strike,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
thead,
tbody,
tfoot,
tr,
th,
td {
  margin: 0;
  padding: 0;
}

blockquote,
button,
fieldset,
iframe {
  border: 0;
}
cite,
em,
u,
address,
i {
  font-style: normal;
}
img {
  border: 0;
  vertical-align: top;
}
hr,
legend {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
caption {
  text-indent: -9999px;
  font-size: 0;
}
li {
  list-style: none;
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: "NotoSans", Malgun Gothic, sans-serif;
}
button > span {
  position: relative;
}
input,
textarea {
  font-family: "NotoSans", Malgun Gothic, sans-serif;
}

/* Common */
body {
  min-width: 1200px;
  font-family: "NotoSans", Malgun Gothic, sans-serif;
}

/* blind */
.blind {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/* Skip navigation */
.skip_nav {
  display: block;
  position: absolute;
  left: -9999px;
  top: -9999px;
  color: #fff;
  text-align: center;
  background: #0080c5;
}
.skip_nav:focus {
  position: static;
}

/* func */
.cf::after {
  content: "";
  display: block;
  clear: both;
}
.fs0 {
  font-size: 0;
}

.agreebox {
  overflow-y: auto;
  overflow-x: hidden;
  height: 180px;
  margin-top: 19px;
  padding: 15px 18px;
  border: 1px solid #ccc;
}

/* board */
/* list */
.board_top {
  display: table;
  width: 100%;
}
.board_top > * {
  display: table-cell;
  width: 50%;
  font-size: 0;
  vertical-align: top;
}
.board_top .right_col {
  text-align: right;
}
.board_top > * > button + button {
  margin-left: 10px;
}

.board_list_1 {
  border-top: 3px solid #555;
}
.board_list_1 thead th {
  padding: 20px 0;
  border-bottom: 1px solid #393939;
  color: #222;
  font-weight: 500;
  background: #ecf0f4;
}
.board_list_1 tbody td {
  padding: 16px 10px;
  border-bottom: 1px solid #c9c9c9;
  text-align: center;
}
.board_list_1 tbody td.al {
  text-align: left;
}
.board_list_1 tbody td .lnk {
  display: inline-block;
  color: #222;
  vertical-align: top;
}
.board_list_1 tbody td .lnk:hover {
  color: #0080c5;
  text-decoration: underline;
}
.board_list_1 tbody td .new {
  margin-left: 3px;
  vertical-align: -1px;
}
.board_list_1 tbody td .lock,
.board_list_1 tbody td .file {
  margin-left: 7px;
  vertical-align: -2px;
}
.board_list_1 tbody td .new_pop {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  vertical-align: -2px;
}
.board_list_1 tbody td .new_pop img {
  display: block;
  margin-top: 2px;
}
.board_list_1 .outmail {
  vertical-align: 0px;
}
.board_list_1 tbody td .new_pop2 {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: 5px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../images/ico_newpop2.gif) no-repeat;
  vertical-align: 15px;
}
.board_list_1 tbody td .new_pop2:hover {
  background: url(../images/ico_newpop2_hover.gif) no-repeat;
}

.board_bottom {
  position: relative;
  font-size: 0;
  text-align: center;
}
.board_bottom .paging {
  padding: 30px 0;
}
.board_bottom .paging a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #cacaca;
  border-radius: 50%;
  vertical-align: top;
}
.board_bottom .paging a.cur {
  border-color: #10325b;
  background: #10325b;
  color: #fff;
}
.board_bottom .paging a + a {
  margin-left: 4px;
}
.board_bottom .paging > a {
  font-size: 0;
}
.board_bottom .paging > a + span {
  margin: 0 20px;
}
.board_bottom .paging > span > a {
  color: #666;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
}
.board_bottom .paging > span > a + a {
  margin-left: 5px;
}
.board_bottom .paging .first {
  background: url(../images/ico_paging_first.png) no-repeat center;
}
.board_bottom .paging .prev {
  background: url(../images/ico_paging_prev.png) no-repeat center;
}
.board_bottom .paging .next {
  background: url(../images/ico_paging_next.png) no-repeat center;
}
.board_bottom .paging .last {
  background: url(../images/ico_paging_last.png) no-repeat center;
}
.board_bottom .left_col,
.board_bottom .right_col {
  position: absolute;
  top: 32px;
}
.board_bottom .left_col {
  left: 0;
}
.board_bottom .right_col {
  right: 0;
}
.board_bottom .left_col > .btn + .btn,
.board_bottom .right_col > .btn + .btn {
  margin-left: 10px;
}

/* detail */
.board_top_detail {
  display: table;
  width: 100%;
  padding: 18px 20px 16px 20px;
  border-top: 1px solid #393939;
  background: #eee;
}
.board_top_detail > * {
  display: table-cell;
  width: 50%;
  font-size: 0;
  vertical-align: top;
}
.board_top_detail > * .btn + .btn {
  margin-left: 5px;
}
.board_top_detail > .right_col {
  text-align: right;
}
.board_top_detail > .right_col .btn_print {
  margin-left: 10px;
}
.board_top_detail .font_to_b {
  width: 35px;
  height: 35px;
  border: 1px solid #666;
  border-radius: 3px;
  font-size: 0;
  text-indent: -9999px;
  background: #fff url(../images/ico_font_tobig.png) no-repeat center;
}
.board_top_detail .font_to_s {
  width: 35px;
  height: 35px;
  border: 1px solid #666;
  border-radius: 3px;
  font-size: 0;
  text-indent: -9999px;
  background: #fff url(../images/ico_font_tosmall.png) no-repeat center;
}

.board_detail {
  border-top: 3px solid #555;
}
.board_detail > table {
  width: 100%;
}
.board_detail > table td {
  padding: 13px 0;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 15px;
}
.board_detail > table td.tit {
  padding-left: 20px !important;
  font-size: 16px;
}
.board_detail > table .head td {
  padding: 18px 0;
  border-bottom: 1px solid #393939;
  background: #ecf0f4;
}
.board_detail .attach_file {
  color: #666;
}
.board_detail .attach_file .file {
  display: block;
  padding: 5px 0;
}
.board_detail .attach_file .file a {
  display: inline-block;
  margin-right: 4px;
  padding-left: 25px;
  color: #0080c5;
  background: url(../images/ico_file.png) no-repeat left center;
  vertical-align: top;
}
.board_detail .attach_file .file a:hover {
  text-decoration: underline;
}
.board_detail .article {
  min-height: 300px;
  padding: 30px;
  border-bottom: 1px solid #c9c9c9;
}
/* PDS 상세 본문: 긴 연속 문자열·URL이 영역 밖으로 넘치지 않도록 (전역 keep-all 보완) */
.board_detail .article,
.board_detail .article #view_body {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.board_detail .article #view_body img,
.board_detail .article #view_body video,
.board_detail .article #view_body iframe {
  max-width: 100%;
  height: auto;
}
.board_detail .article #view_body pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
/* 엑셀·워드 등 붙여넣기 본문: 인라인 white-space:nowrap·고정 width 테이블이 영역을 밀어냄 → 무력화 */
.board_detail .article #view_body table {
  max-width: 100% !important;
  width: 100% !important;
  table-layout: fixed !important;
}
.board_detail .article #view_body col,
.board_detail .article #view_body colgroup col {
  width: auto !important;
  min-width: 0 !important;
}
.board_detail .article #view_body td,
.board_detail .article #view_body th {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
.board_detail .article #view_body td p,
.board_detail .article #view_body th p {
  white-space: normal !important;
}
/* 한글/워드에서 복사한 표 붙여넣기 시 저장된 인라인 스타일(border:none, mso-border-* 등)이
   우선순위상 아래 CSS를 덮어써 테두리가 사라지는 문제 방지 - !important로 강제 적용.
   (신규 글은 에디터 paste 핸들러가 해당 인라인 스타일을 저장 전에 제거하지만,
   이미 등록된 기존 글은 DB 수정 없이 이 CSS만으로 테두리를 복원한다.) */
#view_body table,
#view_body figure.table table {
  border-collapse: collapse !important;
  border: 1px solid #ddd !important;
}
#view_body table th,
#view_body table td,
#view_body figure.table table th,
#view_body figure.table table td {
  border: 1px solid #ddd !important;
}

/*
DISABLED: 본문 내 표(CKEditor figure.table, table) 표시 - 공식 홈 PDS 상세보기용
추가된 표 스타일(헤더/첫 행 연노랑 배경 포함)을 주석 처리하여 비활성화.

#view_body table,
#view_body figure.table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin: 1em 0;
}
#view_body table th,
#view_body table td,
#view_body figure.table table th,
#view_body figure.table table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
}
#view_body table thead th,
#view_body table th:first-child,
#view_body figure.table table thead th,
#view_body figure.table table th:first-child {
  background-color: #f5f5dc;
  font-weight: bold;
  text-align: left;
}
본문 표에서 thead 없이 tbody 첫 줄이 헤더인 경우(에디터 저장 형식)
#view_body table tbody tr:first-child td,
#view_body figure.table table tbody tr:first-child td {
  background-color: #f5f5dc;
  font-weight: bold;
  text-align: left;
}
#view_body figure.table {
  margin: 1em 0;
}
*/

.board_detail_2 {
  padding-bottom: 20px;
  border-top: 3px solid #555;
  border-bottom: 1px solid #c9c9c9;
}
.board_detail_2 > table {
  width: 100%;
}
.board_detail_2 > table td {
  padding: 13px 0;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 15px;
}
.board_detail_2 > table td.tit {
  padding-left: 20px !important;
  font-size: 16px;
}
.board_detail_2 > table .head td {
  padding: 18px 0;
  border-bottom: 1px solid #393939;
  background: #ecf0f4;
}
.board_detail_2 .img_box .tit {
  padding: 30px 30px 20px 30px;
  color: #222;
  font-size: 15px;
  text-align: center;
}
.board_detail_2 .img_box .picture {
  padding-bottom: 10px;
  text-align: center;
}
.board_detail_2 .img_box .picture img {
  max-width: 100%;
}

.board_detail_3 {
  border-top: 3px solid #555;
}
.board_detail_3 > table td {
  padding: 13px 20px;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 16px;
}
.board_detail_3 > table td.tit {
  padding: 18px 20px;
  color: #0c3062;
  background: #ecf0f4;
}

.board_detail_4 {
  border-top: 2px solid #10325b;
}
.board_detail_4 thead th {
  padding: 13px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #10325b;
  color: #0c3062;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -1px;
  background: #ecf0f4;
}
.board_detail_4 thead th:last-child {
  border-right: 0;
}
.board_detail_4 tbody td {
  padding: 8px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 15px;
  text-align: center;
}
.board_detail_4 tbody td:last-child {
  border-right: 0;
}
.board_detail_4 tbody .head td {
  padding: 13px 0;
  color: #0c3062;
  font-size: 16px;
  font-weight: 500;
  background: #eee;
}

.board_bottom_detail {
  display: table;
  width: 100%;
  padding-top: 20px;
}
.board_bottom_detail > * {
  display: table-cell;
  width: 50%;
  font-size: 0;
}
.board_bottom_detail > * .btn + .btn {
  margin-left: 10px;
}
.board_bottom_detail > .right_col {
  text-align: right;
}

/* board write */
.board_write {
  border-top: 3px solid #555;
}
.board_write > table {
  width: 100%;
}
.board_write > table td {
  padding: 13px 0;
  border-bottom: 1px solid #c9c9c9;
  color: #666;
  font-size: 15px;
}
.board_write > table td.tit {
  padding-left: 20px !important;
  color: #222;
  font-size: 16px;
}
.board_write > table .head td {
  border-bottom: 1px solid #393939;
  background: #ecf0f4;
}

.board_write_2 {
  border-top: 3px solid #555;
}
.board_write_2 table td {
  padding: 13px 20px;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 14px;
}
.board_write_2 table td.tit {
  padding: 18px 20px;
  color: #222;
  font-size: 16px;
  background: #ecf0f4;
}
.board_write_2 .under_guide_txt {
  display: block;
  margin-top: 5px;
}

/* inner table */
.inner_tb > table {
  width: 100%;
}
.inner_tb > table th {
  padding: 13px 10px;
  border: 1px solid #c9c9c9;
  color: #0c3062;
  font-size: 16px;
  background: #eee;
}
.inner_tb > table td {
  padding: 9px 10px;
  border: 1px solid #c9c9c9;
  color: #333;
  font-size: 16px;
  text-align: center;
}

/* board text */
.inner_txt {
  display: inline-block;
  padding-top: 6px;
  color: #666;
  font-size: 14px;
  line-height: 14px;
}
.inner_txt_line2 {
  display: inline-block;
  color: #666;
  font-size: 14px;
  line-height: 17px;
  vertical-align: 0px;
}

/* .editor_area {
} */

/* Album */
.album_list_1 {
  border-top: 3px solid #555;
  border-bottom: 1px solid #c9c9c9;
}
.album_list_1 > ul {
  padding: 30px 29px 0 29px;
}
.album_list_1 > ul > li {
  float: left;
  width: 260px;
  margin: 0 34px 33px 0;
}
.album_list_1 > ul > li:nth-child(4n) {
  margin-right: 0;
}
.album_list_1 > ul > li > a {
  display: block;
  padding: 3px;
  border: 1px solid #c9c9c9;
}
.album_list_1 > ul > li > a img {
  max-width: 100%;
}
.album_list_1 > ul > li > ul {
  margin-top: 17px;
}
.album_list_1 > ul > li > ul > li {
  position: relative;
  margin-top: 9px;
  padding-left: 14px;
  color: #222;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.album_list_1 > ul > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #28303c;
}

/* button */
.btn_area.a_c {
  text-align: center;
}
.btn_area .btn + .btn {
  margin-left: 5px;
}
.btn {
  display: inline-block;
  vertical-align: top;
}

.outline_b {
  height: 50px;
  padding: 0 29px;
  border: 1px solid #0c3062;
  border-radius: 5px;
  color: #0c3062;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  background: #fff;
  box-shadow: 2px 3px 7px #999;
}
.outline_blue {
  height: 35px;
  padding: 0 20px;
  color: #0c3062;
  font-size: 14px;
  line-height: 33px;
  border: 1px solid #0c3062;
  border-radius: 3px;
  background: #fff;
}
.outline_gray {
  height: 35px;
  padding: 0 20px;
  color: #222;
  font-size: 14px;
  text-align: center;
  line-height: 33px;
  border: 1px solid #666;
  border-radius: 3px;
  background: #fff;
}

.outline_fil_lg {
  height: 35px;
  padding: 0 20px;
  border: 1px solid #666;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  line-height: 33px;
  background: #ecf0f4;
}

.default_b {
  height: 35px;
  padding: 0 20px;
  border: 1px solid #666;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 33px;
  background: #0c3062;
}
.default_blue {
  height: 40px;
  padding: 0 17px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  background: #0c3062;
}
.default_gray {
  height: 40px;
  padding: 0 17px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  background: #626262;
}
.default_gray2 {
  height: 40px;
  padding: 0 17px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  background: #535353;
}

.btn_excel {
  width: 90px;
  height: 35px;
  padding-left: 40px;
  border: 1px solid #666;
  color: #222;
  font-size: 14px;
  text-align: left;
  line-height: 31px;
  background: #fff url(../images/ico_excel.png) no-repeat 9px;
}
.btn_word {
  width: 90px;
  height: 35px;
  padding-left: 40px;
  border: 1px solid #666;
  color: #222;
  font-size: 14px;
  text-align: left;
  line-height: 31px;
  background: #fff url(../images/ico_word.png) no-repeat 9px;
}
.btn_print {
  width: 104px;
  height: 35px;
  padding-left: 39px;
  border: 1px solid #666;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  text-align: left;
  line-height: 31px;
  background: #fff url(../images/ico_print.png) no-repeat 9px;
}
.btn_sch {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  color: transparent;
  font-size: 0;
  background: #0c3062 url(../images/ico_search.png) no-repeat center;
}
.btn_calendar {
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url(../images/ico_calendar.png) no-repeat;
}

/* condition */
.cond_1 {
  padding: 15px 0;
  border-top: 1px solid #393939;
  font-size: 0;
  text-align: center;
  background: #eee;
}
.cond_1 input {
  width: 570px;
}
.cond_1 input + .btn {
  margin-left: 10px;
}

/* ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* icon */
.ico {
  display: inline-block;
  vertical-align: top;
}

/* infobox */
.info_1 {
  padding: 15px 29px 20px 29px;
  border: 1px solid #c9c9c9;
  border-top: 3px solid #28303c;
}
.info_1 td {
  padding: 6px 0;
  color: #666;
  font-size: 15px;
  letter-spacing: -1.2px;
}
.info_1 td.tit {
  color: #222;
  font-size: 16px;
}
.info_1 td.tit::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 12px;
  background: #7c8990;
  vertical-align: 3px;
}

/* list */
.list_1 > div:nth-child(2n-1) {
  background: #eee;
}
.list_1 > div::after {
  content: "";
  display: block;
  clear: both;
}
.list_1 > div > ul {
  float: left;
  width: 50%;
  padding: 33px 0 36px 0;
}
.list_1 > div > ul > li {
  padding: 0 40px;
}
.list_1 > div > ul > li > span {
  display: block;
  position: relative;
  padding-left: 16px;
  color: #0c3062;
  font-size: 18px;
}
.list_1 > div > ul > li > span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0c3062;
}
.list_1 > div > ul > li > ul {
  padding: 5px 0 0 14px;
}
.list_1 > div > ul > li > ul > li {
  position: relative;
  margin-top: 6px;
  padding: 0 8px;
  color: #333;
  font-size: 16px;
}
.list_1 > div > ul > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 1px;
  background: #333;
}

.list_2 li {
  position: relative;
  margin-top: 5px;
  padding-left: 15px;
  color: #0c3062;
  font-size: 16px;
}
.list_2 li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0c3062;
}
.list_2 li img {
  margin-left: 8px;
  vertical-align: -2px;
}

.list_3 li {
  position: relative;
  margin-top: 6px;
  padding-left: 14px;
  color: #333;
  font-size: 16px;
}
.list_3 li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #7c8990;
}

.list_4 > li {
  position: relative;
  margin-top: 6px;
  padding-left: 20px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}
.list_4 > li:first-child {
  margin-top: 0;
}
.list_4 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  background: #333;
}
.list_4 > li:nth-child(1):before {
  content: "1";
}
.list_4 > li:nth-child(2):before {
  content: "2";
}
.list_4 > li:nth-child(3):before {
  content: "3";
}
.list_4 > li:nth-child(4):before {
  content: "4";
}
.list_4 > li:nth-child(5):before {
  content: "5";
}
.list_4 > li:nth-child(6):before {
  content: "6";
}
.list_4 > li:nth-child(7):before {
  content: "7";
}
.list_4 > li:nth-child(8):before {
  content: "8";
}
.list_4 > li:nth-child(9):before {
  content: "9";
}
.list_4 > li > ul {
  padding-bottom: 4px;
}
.list_4 > li > ul > li {
  position: relative;
  margin-top: 9px;
  padding-left: 8px;
  line-height: 16px;
}
.list_4 > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 1px;
  background: #333;
}

.list_5 > li {
  position: relative;
  margin-top: 10px;
  padding-left: 9px;
  color: #333;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -1px;
}
.list_5 > li:first-child {
  margin-top: 0;
}
.list_5 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 1px;
  background: #333;
}

.list_6 {
  padding: 2px 29px 27px 29px;
  border: 1px solid #c9c9c9;
  border-top: 3px solid #28303c;
}
.list_6 > ul > li {
  position: relative;
  margin-top: 22px;
  padding-left: 16px;
  color: #222;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -1px;
}
.list_6 > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #7c8990;
}

.list_7 > li {
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -1.5px;
}
.list_7 > li > ul {
  padding-left: 12px;
}
.list_7 > li > ul > li {
  position: relative;
  padding-left: 8px;
}
.list_7 > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  width: 4px;
  height: 1px;
  background: #333;
}
.list_7 > li > ul > li > ul {
  padding-left: 12px;
}
.list_7 > li > ul > li > ul > li {
  position: relative;
  padding-left: 8px;
}
.list_7 > li > ul > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 2px;
  height: 2px;
  background: #333;
}
.list_7 ul.nobar > li {
  padding-left: 0;
}
.list_7 ul.nobar > li::before {
  content: none;
}
.list_7.ext > li {
  line-height: 30px;
}

.list_8 {
  padding: 15px 30px 27px 30px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background: #f3f3f3;
}
.list_8 li {
  margin-top: 10px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1.5px;
}

/* tab */
.tab_1 {
  border-bottom: 1px solid #c9c9c9;
}
.tab_1 > ul::after {
  content: "";
  display: block;
  clear: both;
}
.tab_1 > ul li {
  float: left;
  position: relative;
}
.tab_1 > ul li.cur::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background: #222;
}
.tab_1.c2 > ul li {
  width: 50%;
}
.tab_1.c3 > ul li {
  width: 400px;
}
.tab_1.c4 > ul li {
  width: 25%;
}
.tab_1.c5 > ul li {
  width: 20%;
}
.tab_1.c6 > ul li {
  width: 200px;
}
.tab_1.c7 > ul li {
  width: 14.28%;
}
.tab_1.c7 > ul li:last-child {
  width: 14.32%;
}
.tab_1.c8 > ul li {
  width: 12.5%;
}
.tab_1.c10 > ul li {
  width: 10%;
}
.tab_1.c12 > ul li {
  width: 90px;
}
.tab_1.c14 > ul li {
  width: auto;
  margin-right: 8px;
  padding: 0 2px;
}
.tab_1.c14 > ul li:last-child {
  margin-right: 0;
}
.tab_1.c14 > ul li a {
  display: block;
  padding: 0 8px;
  white-space: nowrap;
}
.tab_1 > ul li a {
  display: block;
  /* height: 40px; */
  color: #222;
  font-size: 15px;
  text-align: center;
  letter-spacing: -1px;
}

/* table list */
.tb_list_1 {
  border-top: 2px solid #10325b;
}
.tb_list_1 .lnk {
  color: #0c3062;
  text-decoration: underline;
}
.tb_list_1 thead th {
  padding: 13px 0;
  border-top: 2px solid #10325b !important;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #10325b;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -1px;
  background: #eee;
}
.tb_list_1 thead th:last-child {
  border-right: 0;
  border-top: 2px solid #10325b !important;
  position: relative;
}
.tb_list_1 thead th:last-child::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #10325b;
  z-index: 1;
}
.tb_list_1 tbody td {
  padding: 18px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 15px;
  text-align: center;
}
.tb_list_1 tbody td:last-child {
  border-right: 0;
}

.tb_list_2 {
  border-top: 2px solid #28303c;
}
.tb_list_2 .lnk {
  color: #0080c5;
}
.tb_list_2 .lnk:hover {
  text-decoration: underline;
}
.tb_list_2 thead th {
  padding: 13px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #28303c;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: #435064;
}
.tb_list_2 tbody tr:nth-child(2n) {
  background: #f5f5f5;
}
.tb_list_2 tbody td {
  padding: 8px 20px;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 15px;
}
.tb_list_2 tbody td:last-child {
  border-right: 0;
}
.tb_list_2 tbody td.ac {
  text-align: center;
}

.tb_list_3 {
  border-top: 2px solid #10325b;
}
.tb_list_3 thead th {
  padding: 23px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #10325b;
  color: #0c3062;
  background: #ecf0f4;
}
.tb_list_3 tbody th {
  padding: 10px 0;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  background: #eee;
}
.tb_list_3 tbody td {
  padding: 10px 15px;
  border-right: 1px solid #9e9393;
  border-bottom: 1px solid #c9c9c9;
  text-align: center;
  letter-spacing: -1px;
}
.tb_list_3 tbody td:last-child {
  border-right: 0;
}
.tb_list_3 tbody td.al {
  text-align: left;
}
.tb_list_3 tbody td.tb_list_bor {
  border-right: 1px solid #9e9393;
}
.tb_list_3 .cap_1 {
  padding: 0;
}
.tb_list_3 .cap_1 img {
  max-width: 100%;
}
.tb_list_3.thin thead th {
  padding: 12px 0;
}
.tb_list_3 .lnk {
  color: #0080c5;
}
.tb_list_3 .lnk:hover {
  text-decoration: underline;
}
.tb_list_3 .file {
  vertical-align: -2px;
}
.tb_list_3 th.al {
  padding: 0 16px;
  text-align: left;
}

.tb_list_bor {
  border-right: 1px solid #c9c9c9;
}
.tb_bot_1 {
  color: #333;
  font-size: 15px;
  line-height: 15px;
}

/* title */
.tit_1 {
  color: #222;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.tit_2 {
  position: relative;
  padding-left: 10px;
  color: #222;
  font-size: 24px;
  font-weight: 500;
}
.tit_2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #b2d9ed;
  z-index: -1;
}
.tit_2 .small {
  font-size: 16px;
  vertical-align: 3px;
}
.tit_2 .right_col {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.tit_3 {
  position: relative;
  padding-left: 20px;
  color: #333;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}
.tit_3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: url(../images/bullet02.png) no-repeat;
}
.tit_4 {
  position: relative;
  padding-left: 15px;
  color: #0c3062;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -1px;
}
.tit_4::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0c3062;
}
.tit_4.lh24 {
  line-height: 24px;
}
.tit_4.lh24::before {
  top: 9px;
}

/* text */
.txt_1 {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  /* letter-spacing: -1.7px; */
}
.txt_2 {
  padding: 0 0 0 70px;
  line-height: 30px;
  background: url(../images/bullet05.png) repeat-y left top;
}
.txt_3 {
  color: #0c3062;
  font-size: 20px;
}
.txt_4 {
  color: #666;
  font-size: 16px;
  letter-spacing: -1px;
}
.txt_name {
  color: #222;
  font-size: 16px;
  line-height: 33px;
  text-align: right;
}
.txt_name span {
  font-size: 24px;
}

.txt_guide_1 {
  color: #333;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -1px;
}
.txt_guide_2 {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1px;
}

.txt_guide_top {
  letter-spacing: -1px;
}

.font15 {
  font-size: 15px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}

.txt_group_1 {
  position: relative;
  padding: 46px 50px 24px 50px;
  border-radius: 8px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  background: #e3e6e8;
}
.txt_group_1::before {
  content: "";
  display: block;
  position: absolute;
  left: 50px;
  top: 0;
  width: 20px;
  height: 30px;
  background: url(../images/bullet04.png) no-repeat;
}
.txt_group_1 strong {
  display: block;
  padding-bottom: 15px;
  color: #0c3062;
  font-size: 20px;
  font-weight: 400;
}

.txt_group_2 {
  position: relative;
  padding: 46px 50px 24px 50px;
  border-radius: 8px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  background: #e3e6e8;
}
.txt_group_2::before {
  content: "";
  display: block;
  position: absolute;
  left: 50px;
  top: 0;
  width: 20px;
  height: 30px;
  background: url(../images/bullet04.png) no-repeat;
}
.txt_group_2 strong {
  display: block;
  padding-bottom: 8px;
  color: #0c3062;
  font-size: 20px;
  font-weight: 400;
}
.txt_group_2 .txt {
  display: block;
  padding-bottom: 5px;
  color: #0080c5;
  font-size: 18px;
}

.txt_group_3 {
  position: relative;
  height: 130px;
  padding: 53px 0 0 49px;
  color: #0c3062;
  font-size: 20px;
  letter-spacing: -1px;
  background: url(../images/bg_txt_group_3.png) no-repeat;
}

.msg_1 {
  padding: 65px 30px;
  border-radius: 8px;
  color: #333;
  font-size: 16px;
  text-align: center;
  background: #f3f3f3;
}
.msg_2 {
  padding: 30px;
  border-radius: 8px;
  color: #0c3062;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1px;
  background: #e3e6e8;
}

/* font style */
.font_color_b1 {
  color: #0080c5;
}
.font_color_b2 {
  color: #0c3062;
}
.font_color_g1 {
  color: #22ac38;
}
.font_color_g2 {
  color: #666;
}
.font_color_r1 {
  color: #e50150;
}
.font_under {
  text-decoration: underline !important;
}

.font0 {
  font-size: 0;
}
.font_w_m {
  font-weight: 500;
}

/* form elements */
input[readonly] {
  background: #f7f7f7;
}
input:read-only {
  background: #f7f7f7;
}
input[type="radio"] + label {
  margin-left: 6px;
  color: #222;
  font-size: 16px;
  vertical-align: 0;
}
select:disabled {
  background: #f3f3f3;
}
label + input[type="radio"] {
  margin-left: 25px;
}
.f_ipt_1 {
  height: 40px;
  padding: 0 10px;
  border: 1px solid #c9c9c9;
  color: #666;
  vertical-align: top;
}
.f_ipt_2 {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #c9c9c9;
  color: #666;
  font-size: 14px;
  vertical-align: top;
}
.f_ipt_3 {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #bfbfbf;
  color: #666;
  font-size: 14px;
  vertical-align: top;
}
.f_ipt_file {
  height: 30px;
  border: 0;
  line-height: 28px;
  background: none;
}

.f_sel_1 {
  display: inline-block;
  position: relative;
  border: 1px solid #c9c9c9;
  vertical-align: top;
}
.f_sel_1::after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 7px;
  background: url(../images/bg_select_1.png) no-repeat;
}
.f_sel_1 select {
  height: 28px;
  padding: 0 26px 0 8px;
  border: 0;
  font-family: "NotoSans", sans-serif;
  font-weight: 400;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  -webkit-border-radius: 0;
  appearance: none;
}
.f_sel_1 select::-ms-expand {
  display: none;
}

.f_txtar_1 {
  padding: 10px;
  border: 1px solid #c9c9c9;
  color: #666;
  font-size: 14px;
  resize: none;
}

.fld_inner_2 {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  vertical-align: top;
}

/* space */
.tit_1 + .tit_2 {
  margin-top: 47px;
}
.tit_1 + .tab_1 {
  margin-top: 39px;
}
.tit_1 + .cond_1 {
  margin-top: 43px;
}
.tit_1 + .board_detail {
  margin-top: 43px;
}
.tit_1 + .board_top_detail {
  margin-top: 43px;
}
.tit_1 + .board_write {
  margin-top: 43px;
}
.tit_1 + .txt_guide_2 {
  margin-top: 37px;
}
.tit_1 + .txt_guide_top {
  margin-top: 38px;
}
.tit_1 + .txt_1 {
  margin-top: 38px;
}
.tit_1 + .msg_1 {
  margin-top: 50px;
}

.tit_2 + .txt_1 {
  margin-top: 20px;
}
.tit_2 + .tit_3 {
  margin-top: 32px;
}
.tit_2 + .tit_4 {
  margin-top: 19px;
}
.tit_2 + .txt_guide_top {
  margin-top: 30px;
}
.tit_2 + .info_1 {
  margin-top: 34px;
}
.tit_2 + .list_2 {
  margin-top: 19px;
}
.tit_2 + .tb_list_2 {
  margin-top: 26px;
}
.tit_2 + .tb_list_3 {
  margin-top: 26px;
}
.tit_2 + .list_7 {
  margin-top: 30px;
}
.tit_2 + .msg_2 {
  margin-top: 34px;
}
.tit_2 + .cond_1 {
  margin-top: 34px;
}
.tit_2 + .msg_1 {
  margin-top: 34px;
}

.tit_3 + .tb_list_1 {
  margin-top: 29px;
}

.tit_4 + .board_write_2 {
  margin-top: 6px;
}
.tit_4 + .board_detail_3 {
  margin-top: 6px;
}
.tit_4 + .tb_list_2 {
  margin-top: 6px;
}
.tit_4 + .list_3 {
  margin-top: 9px;
}
.tit_4 + .txt_1 {
  margin-top: 14px;
}
.tit_4 + .tb_list_3 {
  margin-top: 20px;
}
.tit_4 + .list_4 {
  margin-top: 20px;
}
.tit_4 + .list_7 {
  margin-top: 25px;
}
.tit_4 + .tit_4 {
  margin-top: 20px;
}
.tit_4 + .tb_list_2 {
  margin-top: 30px;
}

.txt_1 + .tb_list_1 {
  margin-top: 26px;
}
.txt_1 + .tb_list_2 {
  margin-top: 26px;
}
.txt_1 + .tb_list_3 {
  margin-top: 16px;
}
.txt_1 + .tit_2 {
  margin-top: 48px;
}
.txt_1 + .tit_4 {
  margin-top: 35px;
}
.txt_1 + .list_6 {
  margin-top: 16px;
}
.txt_1 + .list_8 {
  margin-top: 16px;
}
.txt_1 + .board_write_2 {
  margin-top: 15px;
}
.txt_1 + .board_detail_4 {
  margin-top: 20px;
}
.txt_4 + .tit_2 {
  margin-top: 50px;
}

.txt_top1 + .txt_group_1 {
  margin-top: 16px;
}
.txt_guide_top + .tit_4 {
  margin-top: 10px;
}
.txt_guide_top + .board_detail_3 {
  margin-top: 16px;
}
.txt_guide_top + .tb_list_2 {
  margin-top: 16px;
}

.tb_list_1 + .txt_guide_1 {
  margin-top: 23px;
}
.tb_list_2 + .txt_guide_1 {
  margin-top: 13px;
}
.tb_list_2 + .btn_area {
  margin-top: 25px;
}
.tb_list_3 + .tit_2 {
  margin-top: 50px;
}
.tb_list_3 + .txt_1 {
  margin-top: 20px;
}
.tb_list_3 + .tit_4 {
  margin-top: 38px;
}
.tb_list_3 + .list_5 {
  margin-top: 20px;
}
.tb_list_3 + .txt_guide_1 {
  margin-top: 14px;
}

.tb_list_3 + .txt_4 {
  margin-top: 16px;
}

.tb_bot_1 + .tit_4 {
  margin-top: 40px;
}
.tb_bot_1 + .btn_area {
  margin-top: 30px;
}

.tab_1 + .tit_2 {
  margin-top: 51px;
}
.tab_1 + .board_top_detail {
  margin-top: 50px;
}

.txt_guide_2 + .board_write_2 {
  margin-top: 16px;
}

.info_1 + .list_1 {
  margin-top: 30px;
}

.list_1 + .btn_area {
  margin-top: 40px;
}
.list_2 + .tit_2 {
  margin-top: 47px;
}
.list_3 + .tit_4 {
  margin-top: 34px;
}
.list_4 + .tit_4 {
  margin-top: 40px;
}
.list_4 + .tb_list_3 {
  margin-top: 20px;
}
.list_5 + .tit_2 {
  margin-top: 50px;
}
.list_6 + .txt_1 {
  margin-top: 14px;
}
.list_7 + .tit_2 {
  margin-top: 47px;
}
.list_7 + .tit_4 {
  margin-top: 34px;
}
.list_7 + .tb_list_3 {
  margin-top: 25px;
}
.list_8 + .txt_1 {
  margin-top: 24px;
}

.cond_1 + .board_top {
  margin-top: 25px;
}
.cond_1 + .board_list_1 {
  margin-top: 25px;
}

.board_top + .board_list_1 {
  margin-top: 20px;
}
.board_top + .album_list_1 {
  margin-top: 20px;
}
.board_top_detail + .board_detail {
  margin-top: 30px;
}
.board_detail_3 + .btn_area {
  margin-top: 25px;
}
.board_bottom_detail + .cond_1 {
  margin-top: 40px;
}
.board_write_2 + .btn_area {
  margin-top: 25px;
}
.board_write_2 + .tb_bot_1 {
  margin-top: 20px;
}
.board_write_2 + .txt_guide_1 {
  margin-top: 15px;
}
.board_detail_4 + .board_detail_4 {
  margin-top: 40px;
}

.btn_area + .tit_4 {
  margin-top: 40px;
}

.msg_1 + .btn_area {
  margin-top: 30px;
}
.msg_2 + .tit_2 {
  margin-top: 40px;
}

.survey_item + .btn_area {
  margin-top: 30px;
}

/* length */
.max_l_580 {
  max-width: 580px;
}
.max_l_720 {
  max-width: 720px;
}
.max_l_full {
  max-width: 100%;
}

.w_full {
  width: 100%;
}
.w_half {
  width: 50%;
}
.w_15 {
  width: 15px;
}
.w_20 {
  width: 20px;
}
.w_30 {
  width: 30px;
}
.w_70 {
  width: 70px;
}
.w_90 {
  width: 90px;
}
.w_100 {
  width: 100px;
}
.w_120 {
  width: 120px;
}
.w_140 {
  width: 140px;
}
.w_150 {
  width: 150px;
}
.w_160 {
  width: 160px;
}
.w_183 {
  width: 183px;
}
.w_190 {
  width: 190px;
}
.w_200 {
  width: 200px;
}
.w_220 {
  width: 220px;
}
.w_250 {
  width: 250px;
}
.w_270 {
  width: 270px;
}
.w_390 {
  width: 390px;
}
.w_470 {
  width: 470px;
}
.w_660 {
  width: 660px;
}
.w_820 {
  width: 820px;
}

.h_90 {
  height: 90px;
}
.h_120 {
  height: 120px;
}
.h_230 {
  height: 230px;
}
.h_240 {
  height: 240px;
}

/* align */
.align_c {
  text-align: center;
}
.align_r {
  text-align: right;
}
.align_l {
  text-align: left;
}

/* space */
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.pr2 {
  padding-right: 2px;
}
.pr5 {
  padding-right: 5px;
}
.pl2 {
  padding-left: 2px;
}
.pl5 {
  padding-left: 5px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}

/* Layout */
/* header */
.header {
  z-index: 2;
  position: relative;
  border-bottom: 1px solid #c9c9c9;
}
.header .inner {
  position: relative;
  width: 1200px;
  height: 119px;
  margin: 0 auto;
}
.header h1 {
  position: absolute;
  left: 0;
  top: 36px;
  width: 235px;
}
.header h1 a {
  display: block;
}
.header .util {
  position: absolute;
  right: 0;
  top: 10px;
  font-weight: 400;
}
.header .util li {
  float: left;
  position: relative;
  height: 20px;
  margin-right: 20px;
  padding-left: 11px;
  vertical-align: top;
  line-height: 20px;
}
.header .util li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background: #004fbb;
}
.header .util li a {
  display: block;
  color: #454545;
  font-size: 14px;
}

/* gnb */
.gnb {
  position: absolute;
  right: 40px;
  top: 57px;
}
.gnb > ul > li {
  float: left;
  position: relative;
  width: 150px;
  height: 63px;
  padding-bottom: 36px;
  text-align: center;
}
.gnb > ul > li.cur::after,
.gnb > ul > li:hover::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 50%;
  height: 4px;
  background: #0080c5;
}
.gnb > ul > li > a {
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.gnb > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 63px;
  width: 100%;
  padding: 10px 0;
  background: #333;
}
.gnb > ul > li > ul > li a {
  display: block;
  height: 35px;
  color: #fff;
  font-size: 15px;
  line-height: 35px;
}
.gnb > ul > li > ul > li a:hover {
  background: #0080c5;
}
.gnb > ul > li > ul > li.gnb_menu_group > .gnb_menu_label {
  display: block;
  height: 35px;
  padding: 0 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
}
.gnb > ul > li > ul > li.gnb_menu_group > ul {
  display: block;
  position: static;
  width: auto;
  padding: 0;
  margin: 0;
  background: transparent;
}
.gnb > ul > li > ul > li.gnb_menu_group > ul > li a {
  height: 32px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
}
.gnb > ul > li > ul > li:not(.gnb_menu_group) > a {
  padding-left: 12px;
  text-align: left;
}

/* all menu */
.all_menu {
  position: absolute;
  right: 0;
  top: 58px;
}
.all_menu .btn {
  display: block;
  width: 30px;
  height: 25px;
  font-size: 0;
  background: url(../images/btn_all_menu.png) no-repeat;
}

.layer_all_menu {
  z-index: 10;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #414b5a;
}
.layer_all_menu .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 36px 0 100px 0;
}
.layer_all_menu .top {
  position: relative;
}
.layer_all_menu .top .close {
  display: block;
  position: absolute;
  right: 0;
  top: 24px;
  height: 25px;
  padding: 0 38px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  background: transparent url(../images/ico_close_allmenu.png) no-repeat right center;
}
.layer_all_menu .nav {
  margin-top: 36px;
  padding-top: 30px;
  color: #fff;
}
.layer_all_menu .nav ul li a:hover {
  text-decoration: underline;
}
.layer_all_menu .nav > ul > li {
  float: left;
  width: 300px;
  height: 850px;
  padding-left: 40px;
  border-right: 1px solid #676f7b;
}
.layer_all_menu .nav > ul > li:nth-child(4n) {
  border-right: 0;
}
.layer_all_menu .nav > ul > li h2 {
  padding-top: 17px;
  font-size: 24px;
  font-weight: 400;
  background: url(../images/bullet01.png) no-repeat left top;
}
.layer_all_menu .nav > ul > li > ul {
  padding-top: 4px;
}
.layer_all_menu .nav > ul > li > ul + h2 {
  margin-top: 52px;
}
.layer_all_menu .nav > ul > li > ul > li {
  position: relative;
  margin-top: 13px;
  padding-left: 20px;
  font-size: 18px;
}
.layer_all_menu .nav > ul > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a0a5ad;
}
.layer_all_menu .nav > ul > li > ul > li a {
  color: #fff;
}
.layer_all_menu .nav > ul > li > ul > li > ul {
  padding-top: 4px;
}
.layer_all_menu .nav > ul > li > ul > li > ul > li {
  position: relative;
  margin-top: 8px;
  padding-left: 18px;
  font-size: 15px;
  line-height: 1;
}
.layer_all_menu .nav > ul > li > ul > li > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 1px;
  background: #fff;
}

.container {
  min-height: calc(100vh - 355px);
}
.container .cts_top.no2 {
  background: url(../images/bg_content_top2.png) no-repeat center top;
}
.container .cts_top.no3 {
  background: url(../images/bg_content_top3.png) no-repeat center top;
}
.container .cts_top.no4 {
  background: url(../images/bg_content_top4.png) no-repeat center top;
}
.container .cts_top.no5 {
  background: url(../images/bg_content_top5.png) no-repeat center top;
}
.container .cts_top.no6 {
  background: url(../images/bg_content_top6.png) no-repeat center top;
}
.container .cts_top.no7 {
  background: url(../images/bg_content_top7.png) no-repeat center top;
}
.container .cts_top.no8 {
  background: url(../images/bg_content_top8.png) no-repeat center top;
}
.container .cts_top.no9 {
  background: url(../images/bg_content_top9.png) no-repeat center top;
}
.container .cts_top.no10 {
  background: url(../images/bg_content_top10.png) no-repeat center top;
}
.container .cts_top.no11 {
  background: url(../images/bg_content_top11.png) no-repeat center top;
}
.container .cts_top > p {
  width: 1200px;
  height: 249px;
  margin: 0 auto;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  line-height: 249px;
}

.contents {
  width: 1200px;
  margin: 0 auto;
  padding: 90px 0 140px 0;
}

/* location */
.location {
  position: relative;
  z-index: 1;
}
.location .inner {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
}
.location .inner > div {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
  background: #0c3062;
}
.location .inner > div::before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1208px;
  height: 68px;
  background: url(../images/bg_location_shadow.png) no-repeat;
}
.location .inner > div > * {
  display: inline-block;
  vertical-align: top;
}
.location .inner .home {
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../images/ico_home.png) no-repeat center;
}
.location .select {
  position: relative;
  min-width: 200px;
  font-size: 16px;
}
.location .select::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #8698b1;
}
.location .select > a {
  display: block;
  position: relative;
  height: 60px;
  padding: 0 39px 0 20px;
  color: #fff;
  line-height: 60px;
}
.location .select > a::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 28px;
  width: 9px;
  height: 5px;
  background: url(../images/bullet_combo_down.png) no-repeat;
}
.location .select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  padding: 0 19px 16px 19px;
  border: 1px solid #0c3062;
  background: #fff;
}
.location .select ul li {
  margin-top: 17px;
}
.location .select ul li a {
  color: #333;
  font-size: 16px;
}
.location .select ul li a:hover {
  text-decoration: underline;
}
.location .select ul li.loc_menu_label span {
  display: block;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.location .select ul li.loc_menu_group {
  margin-top: 12px;
}
.location .select ul li.loc_menu_group > ul {
  margin: 6px 0 0;
  padding: 0;
}
.location .select ul li.loc_menu_group > ul li {
  margin-top: 8px;
}
.location .select ul li.loc_menu_sub a {
  display: block;
  padding-left: 18px;
  color: #333;
  font-size: 15px;
}
.location .select ul li.loc_menu_sub a:hover {
  text-decoration: underline;
}
.location .select:hover ul {
  display: block;
}

/* footer */
.footer {
  height: 200px;
  background: #2c3136;
}
.footer .nav {
  background: #42464a;
}
.footer .nav ul {
  width: 1200px;
  margin: 0 auto;
}
.footer .nav ul li {
  float: left;
  position: relative;
  height: 50px;
  padding: 0 40px;
  line-height: 50px;
}
.footer .nav ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #b5b6b8;
}
.footer .nav ul li:first-child {
  padding-left: 0;
}
.footer .nav ul li:last-child {
  padding-right: 0;
}
.footer .nav ul li:last-child::after {
  content: none;
}
.footer .nav ul li a {
  color: #c7c8c9;
  font-size: 14px;
}
.footer .nav ul li a:hover {
  text-decoration: underline;
}
.footer .info {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.footer .info h1 {
  float: left;
  width: 235px;
}
.footer .info > div {
  float: left;
  /* width: calc(100vh - 235px); */
  margin-left: 40px;
  /* color: #96989b; */
  color: #FFFFFF;
  /* font-size: 14px; */
  font-size: 15px;
  letter-spacing: -0.9px;
}
.footer .info > div address {
  margin-top: 5px;
}

/* main */
.main_visual {
  height: 279px;
  background: url(../images/visual_main.png) no-repeat center top;
}
.main_visual p {
  width: 1200px;
  margin: 0 auto;
  padding-top: 52px;
}
.main_visual p span {
  display: block;
  color: #fff;
  letter-spacing: -2px;
}
.main_visual p span:nth-child(1) {
  font-size: 42px;
  font-weight: 700;
}
.main_visual p span:nth-child(2) {
  margin-top: 13px;
  font-size: 26px;
  line-height: 40px;
}

.main_link {
  width: 1200px;
  margin: -40px auto 0;
}
.main_link ul li {
  float: left;
  width: 300px;
}
.main_link ul li a {
  display: block;
  position: relative;
  height: 70px;
  padding-left: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -1px;
}
.main_link ul li a::after {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../images/bullet03.png) no-repeat;
}
.main_link ul li a span {
  font-size: 16px;
  vertical-align: 2px;
}
.main_link ul li:nth-child(1) {
  border-radius: 26px 0 0 26px;
  background: #0080c5;
}
.main_link ul li:nth-child(2) {
  background: #065894;
}
.main_link ul li:nth-child(3) {
  background: #084880;
}
.main_link ul li:nth-child(4) {
  border-radius: 0 26px 26px 0;
  background: #0c3062;
}

.dash_board {
  width: 1200px;
  margin: 30px auto 0;
  border: 1px solid #b7b7b7;
  border-radius: 0 0 10px 10px;
}
.dash_board::after {
  content: "";
  display: block;
  clear: both;
}
.dash_board .box {
  float: left;
  position: relative;
  width: 33.33%;
}
.dash_board .box:last-child {
  width: 33.34%;
}
.dash_board .box > div {
  height: 220px;
  padding: 22px 29px 0 29px;
}
.dash_board .box + .box > div {
  border-left: 1px solid #b7b7b7;
}
.dash_board .box h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  color: #333;
  font-size: 20px;
  font-weight: 500px;
}
.dash_board .box h2::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: 1.5px;
  background: #0080c5;
}
.dash_board .box .more {
  display: block;
  position: absolute;
  right: 29px;
  top: 27px;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: url(../images/ico_more.png) no-repeat;
}
.dash_board .box ul {
  margin-top: 22px;
}
.dash_board .box ul > li {
  position: relative;
  margin-top: 3px;
  padding: 0 15px;
}
.dash_board .box ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: #7c8990;
}
.dash_board .box ul > li a {
  display: inline-block;
  max-width: 240px;
  color: #333;
  font-size: 15px;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dash_board .box ul > li .dates {
  position: absolute;
  right: 0;
  top: 0;
  color: #666;
  font-size: 14px;
}

.m_ico_list {
  position: relative;
  top: 30px;
  width: 1200px;
  margin: 0 auto;
}
.m_ico_list ul {
  font-size: 0;
  text-align: center;
}
.m_ico_list ul li {
  display: inline-block;
  width: 130px;
  vertical-align: top;
}
.m_ico_list ul li + li {
  margin-left: 39px;
}
.m_ico_list ul li:last-child {
  width: 142px;
}
.m_ico_list ul li a {
  display: block;
  padding-top: 142px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -2px;
}
.m_ico_list ul li:nth-child(1) a {
  background: url(../images/ico_m_list1.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(2) a {
  background: url(../images/ico_m_list2.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(3) a {
  background: url(../images/ico_m_list3.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(4) a {
  background: url(../images/ico_m_list4.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(5) a {
  background: url(../images/ico_m_list5.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(6) a {
  background: url(../images/ico_m_list6.png) no-repeat center top;
}
.m_ico_list ul li:nth-child(7) a {
  background: url(../images/ico_m_list7.png) no-repeat center top;
}

.m_banner {
  margin-top: -68px;
  padding: 109px 0 37px 0;
  background: #eee;
}
.m_banner ul {
  width: 1200px;
  margin: 0 auto;
}
.m_banner ul::after {
  content: "";
  display: block;
  clear: both;
}
.m_banner ul li {
  float: left;
  margin-top: 20px;
}
.m_banner ul li + li {
  margin-left: 20px;
}
.m_banner ul li:nth-child(4n + 1) {
  margin-left: 0;
}

.rolling_banner {
  background: #fff;
}
.rolling_banner .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 20px 30px;
}
.rolling_banner .inner > button {
  position: absolute;
  width: 13px;
  height: 24px;
  font-size: 0;
}
.rolling_banner .inner .prev {
  left: 0;
  top: 39px;
  background: url(../images/ico_arrow_swiper.png) no-repeat;
}
.rolling_banner .inner .next {
  right: 0;
  top: 39px;
  background: url(../images/ico_arrow_swiper.png) no-repeat;
  transform: rotate(180deg);
}
.rolling_banner .swiper-wrapper {
  height: 62px;
}
.rolling_banner .swiper-slide {
  text-align: center;
  background-color: #eee;
}
.rolling_banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 62px;
}
.rolling_banner .swiper-button-prev {
  left: -9999px;
}
.rolling_banner .swiper-button-next {
  right: 9999px;
}

/* login */
.login {
  width: 600px;
  margin: 0 auto;
}
.login > p {
  padding-top: 58px;
  color: #666;
  font-size: 14px;
  text-align: center;
  letter-spacing: -1px;
}
.login > p strong {
  display: block;
  padding-bottom: 10px;
  color: #0c3062;
}
.login_wrap {
  position: relative;
  margin-top: 22px;
  padding: 30px 0 45px 0;
  border-top: 3px solid #455d79;
  border-bottom: 1px solid #bfbfbf;
  background: #eee;
}
.login_wrap dl {
  display: table;
  width: 382px;
  margin-top: 20px;
}
.login_wrap dl > * {
  display: table-cell;
  vertical-align: top;
}
.login_wrap dl dt {
  width: 192px;
  padding-left: 117px;
  color: #454545;
  font-size: 14px;
  line-height: 30px;
}
.login_wrap dl dd {
  width: 190px;
}
.login_wrap dl dd input[type="text"],
.login_wrap dl dd input[type="password"] {
  width: 100%;
}
.login_wrap button {
  display: block;
  position: absolute;
  left: 402px;
  top: 50px;
  width: 80px;
  height: 80px;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  background: #0080c5;
}
.login_wrap .chkbox {
  margin-top: 6px;
  padding-left: 188px;
  color: #454545;
  font-size: 14px;
}
.login_wrap .chkbox input[type="checkbox"] {
  vertical-align: -1px;
}
.login_btn_bot {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}
.login_btn_bot .btn + .btn {
  margin-left: 10px;
}

/* id search */
.idsch {
  width: 600px;
  margin: 0 auto;
}
.idsch > p {
  padding-top: 58px;
  color: #666;
  font-size: 14px;
  text-align: center;
  letter-spacing: -1px;
}
.idsch > p strong {
  display: block;
  padding-bottom: 10px;
  color: #0c3062;
  font-size: 16px;
  font-weight: 400;
}
.idsch_wrap {
  position: relative;
  margin-top: 22px;
  padding: 30px 0 35px 0;
  border-top: 3px solid #455d79;
  border-bottom: 1px solid #bfbfbf;
  background: #eee;
}
.idsch_wrap dl {
  display: table;
  width: 100%;
  margin-top: 10px;
}
.idsch_wrap dl > * {
  display: table-cell;
  vertical-align: top;
}
.idsch_wrap dl dt {
  width: 177px;
  padding-left: 102px;
  color: #454545;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -1px;
}
.idsch_wrap dl dd {
  width: auto;
}
.idsch_wrap dl dd span {
  display: inline-block;
  height: 30px;
  margin-left: 5px;
  color: #666;
  font-size: 14px;
  line-height: 30px;
}
.idsch_wrap button {
  display: block;
  position: absolute;
  left: 402px;
  top: 49px;
  width: 80px;
  height: 80px;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  background: #0080c5;
}
.idsch_wrap .chkbox {
  margin-top: 6px;
  padding-left: 188px;
  color: #454545;
  font-size: 14px;
}
.idsch_wrap .chkbox input[type="checkbox"] {
  vertical-align: -1px;
}
.idsch_wrap .txt_top {
  padding-bottom: 13px;
  color: #454545;
  font-size: 14px;
  text-align: center;
}
.idsch_wrap .ex {
  margin-top: 6px;
  padding-left: 177px;
  color: #666;
  font-size: 14px;
}
.login_btn_bot {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}
.login_btn_bot .btn + .btn {
  margin-left: 10px;
}

/* join */
.join .agree {
  margin-top: 20px;
  padding-bottom: 16px;
  border-top: 2px solid #28303c;
  border-bottom: 1px solid #c9c9c9;
}
.join .agree h3 {
  margin-top: 25px;
  color: #454545;
  font-size: 15px;
  font-weight: 500;
}
.join .agree h3 input[type="checkbox"] {
  vertical-align: -1px;
}
.join .agree h3 label {
  color: #0080c5;
  font-weight: 500;
}
.join .agree > div {
  overflow-y: auto;
  overflow-x: hidden;
  height: 120px;
  margin-top: 19px;
  padding: 15px 18px;
  border: 1px solid #ccc;
}
.join .txt_top1 {
  margin-top: 22px;
}
.join .agree + .tit_2 {
  margin-top: 50px;
}
.join .tit_2 + .tit_4 {
  margin-top: 19px;
}
.join .tit_4 {
  margin-top: 29px;
}
.join .txt_group_2 {
  margin-top: 44px;
}

/* survey */
.survey_item {
  border: 1px solid #c9c9c9;
  border-top: 3px solid #28303c;
  color: #222;
  font-size: 16px;
}
.survey_item + .survey_item {
  margin-top: 30px;
}
.survey_item dt {
  display: table;
  width: 100%;
  background: #f3f3f3;
}
.survey_item dt > * {
  display: table-cell;
  vertical-align: top;
}
.survey_item dt .tit {
  position: relative;
  width: 130px;
  padding: 20px 0 0 45px;
}
.survey_item dt .tit::before {
  content: "";
  display: block;
  position: absolute;
  left: 29px;
  top: 30px;
  width: 4px;
  height: 4px;
  background: #7c8990;
}
.survey_item dt .question {
  width: auto;
  padding: 20px 20px 15px 0;
}
.survey_item dd {
  padding: 10px 40px 14px 40px;
}
.survey_item dd > span {
  display: inline-block;
  vertical-align: top;
}
.survey_item dd input[type="radio"] + label {
  margin-left: 6px;
}

/* agree */
.agree_box {
  margin-top: 20px;
  padding-bottom: 16px;
  border-top: 2px solid #28303c;
  border-bottom: 1px solid #c9c9c9;
}
.agree_box .tit {
  margin-top: 25px;
  color: #454545;
  font-size: 15px;
  font-weight: 500;
}
.agree_box .tit label {
  margin-left: 4px;
  color: #0080c5;
  font-size: 16px;
}
.agree_box .tit input[type="checkbox"] {
  margin-left: 8px;
  vertical-align: -1px;
}
.agree_box .txt {
  margin-top: 16px;
  border: 1px solid #ccc;
  word-break: break-all;
}
.agree_box .txt pre {
  padding: 15px;
  color: #666;
  font-family: "NotoSans", Malgun Gothic, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -2px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* history */
.history {
  position: relative;
  padding: 110px 0 0 378px;
}
.history h2 {
  position: absolute;
}
.history .y2023 {
  left: 100px;
  top: 45px;
}
.history .y2011 {
  left: 100px;
  top: 285px;
}
.history .y2005 {
  left: 100px;
  top: 635px;
}
.history > div {
  position: relative;
}
.history h3 {
  position: absolute;
  top: -20px;
  padding-left: 49px;
  color: #0080c5;
  font-size: 30px;
  font-weight: 700;
}
.history h3::before {
  content: "";
  display: block;
  position: absolute;
  left: -7px;
  top: 16px;
  width: 8px;
  height: 8px;
  border: 4px solid #0080c5;
  border-radius: 50%;
  background: #fff;
}
.history dl {
  display: table;
  width: 100%;
  padding: 36px 0 32px 0;
  border-left: 1px solid #0080c5;
}
.history dl + dl {
  margin-top: -17px;
  padding-top: 0px;
}
.history dl > * {
  display: table-cell;
}
.history dl dt {
  width: 140px;
  padding-left: 48px;
  color: #222;
  font-size: 22px;
  font-weight: 700;
}
.history dl dd {
  width: auto;
  color: #666;
  font-size: 18px;
  line-height: 30px;
}
.history > div.green dl {
  border-left: 1px solid #009e96;
}
.history > div.green h3 {
  color: #009e96;
}
.history > div.green h3::before {
  border: 4px solid #009e96;
}
.history > div.green dl.last::after {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  bottom: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #009e96;
}

/* KAR business */
.kar_business {
  margin-top: 40px;
}
.kar_business::after {
  content: "";
  display: block;
  clear: both;
}
.kar_business li {
  float: left;
  width: 400px;
}
.kar_business li > span {
  display: block;
}
.kar_business li .circle {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  padding-top: 51px;
  border: 6px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  background: #0080c5;
}
.kar_business li .circle::before {
  content: "";
  display: block;
  position: absolute;
  left: -17px;
  top: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  background: #0c3062;
}
.kar_business li:nth-child(1) .circle {
  border: 6px solid #52adde;
}
.kar_business li:nth-child(1) .circle::before {
  content: "01";
}
.kar_business li:nth-child(2) {
  padding-top: 6px;
}
.kar_business li:nth-child(2) .circle {
  width: 168px;
  height: 168px;
  border: 0;
  background: #00479d;
}
.kar_business li:nth-child(2) .circle::before {
  content: "02";
}
.kar_business li:nth-child(3) {
  padding-top: 6px;
}
.kar_business li:nth-child(3) .circle {
  width: 168px;
  height: 168px;
  border: 0;
}
.kar_business li:nth-child(3) .circle::before {
  content: "03";
}
.kar_business li .txt {
  margin-top: 11px;
  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  letter-spacing: -1px;
}

/* KAR logo */
.kar_logo {
  display: table;
  width: 100%;
  margin-top: 40px;
}
.kar_logo > * {
  display: table-cell;
  vertical-align: top;
}
.kar_logo .left_col {
  width: 400px;
}
.kar_logo .right_col {
  width: auto;
  padding-left: 50px;
}
.kar_logo .right_col h3 {
  color: #0c3062;
  font-size: 20px;
  font-weight: 500;
}
.kar_logo .right_col h4 {
  margin-top: 10px;
  color: #0080c5;
  font-size: 18px;
  font-weight: 500;
}
.kar_logo .right_col p {
  margin-top: 8px;
  color: #333;
  font-size: 15px;
  line-height: 25px;
}
.kar_logo .right_col p + h3 {
  margin-top: 20px;
}

/* tab ui */
.tab_ui {
  margin-top: 30px;
}
.tab_ui .tab {
  border-bottom: 1px solid #d3d3d3;
}
.tab_ui .tab::after {
  content: "";
  display: block;
  clear: both;
}
.tab_ui .tab li {
  float: left;
  width: 100px;
}
.tab_ui .tab li a {
  display: block;
  height: 30px;
  color: #333;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  background: #e9e9e9;
}
.tab_ui .tab li a.active {
  border: 1px solid #e9e9e9;
  background: #fff;
}

/* add row */
.add_row dl {
  display: inline-block;
  vertical-align: top;
}
.add_row dl + dl {
  margin-left: 10px;
}
.add_row dl > * {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.add_row dl dt {
  font-weight: 700;
}
.add_row div.btn {
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
}
.add_row div.btn a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  line-height: 28px;
  text-align: center;
}

/* etc */
.etc001 {
  margin: 24px 0 10px 0;
}
.etc001 .left_col {
  width: 70%;
}
.etc001 .left_col p {
  height: 35px;
  line-height: 35px;
  letter-spacing: -1px;
}
.etc001 .right_col {
  width: 30%;
}

/* cert_auth_system */
.cert_auth_fields {
  margin-top: 10px;
}
.cert_auth_row {
  display: table;
  width: 100%;
}
.cert_auth_col_text,
.cert_auth_col_image {
  display: table-cell;
  vertical-align: top;
}
.cert_auth_col_text {
  width: calc(100% - 280px);
  padding-right: 16px;
}
.cert_auth_col_image {
  width: 280px;
}
.cert_auth_image {
  text-align: center;
}
.cert_auth_image img {
  max-width: 100%;
  height: auto;
}
.cert_auth_divider {
  height: 1px;
  margin: 8px 0;
  background: #000;
}
.cert_auth_list {
  margin-top: 9px;
}