@charset "utf-8";

/* ======================================== notificationService_page01ain ======================================== */
/* 임시 MAIN */
.main_visual {
  background: url("../image/main_visual_guide.png") no-repeat center
    center/cover;
  width: 100%;
  height: 100vh;
}

/* // 임시 MAIN */
/* ======================================== // main ======================================== */

/* ============ 개발 이후 깨짐 대응 ============ */
/* 이용약관, 개인정보처리방침 */
.txc-wrapper td {
  padding: 0;
}

/* ============ 개발 이후 깨짐 대응 ============ */

/* ======================================== signUp_page01 ======================================== */
.signUp_page01 .sign_up-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.signUp_page01 .sign_up-list li {
  position: relative;
  max-width: 420px;
  width: 100%;
}

.signUp_page01 .sign_up-list li:not(:first-child) {
  margin-left: 80px;
}

.signUp_page01 .sign_up-list li a {
  width: 100%;
  max-width: 420px;
  height: 546px;
  padding: 63px 50px 50px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 10px;
  transition: all ease-in-out 0.4s;
}

.signUp_page01 .sign_up-list li a:hover,
.signUp_page01 .sign_up-list li a:focus {
  border: 2px solid #1047a1;
  background-color: #f9fdff;
}

.signUp_page01 .sign_up-list li .tit {
  position: relative;
  display: inline-block;
  padding: 97px 27px 28px;
  font-size: 27px;
  font-weight: 600;
  color: #1047a1;
}

.signUp_page01 .sign_up-list li .tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background-color: #1047a1;
}

.signUp_page01 .sign_up-list li:nth-child(1) a div .tit {
  background: url("../image/sign_up-list-icon01.png") no-repeat center top;
}

.signUp_page01 .sign_up-list li:nth-child(2) a div .tit {
  background: url("../image/sign_up-list-icon02.png") no-repeat center top;
}

.signUp_page01 .sign_up-list li a div p:nth-of-type(1) {
  margin-top: 41px;
  line-height: 26px;
  font-size: 17px;
  color: #111;
}

.signUp_page01 .sign_up-list li a div p:nth-of-type(2) {
  margin-top: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #111;
}

.signUp_page01 .sign_up-list li a div p:nth-of-type(3) {
  margin-top: 3px;
  line-height: 22px;
  font-size: 14px;
  color: #1047a1;
}

.signUp_page01 .sign_up-list li a button {
  min-width: 120px;
  height: 40px;
  margin: 0 auto;
  padding: 0 31px;
  border-radius: 120px;
  font-size: 16px;
  font-weight: 500;
}

/* ======================================== // signUp_page01 ======================================== */

/* ======================================== signUp_page02 ======================================== */
.signUp_page02 .agree-box:nth-of-type(1) {
  margin-top: 63px;
}

.signUp_page02 .agree-box:nth-of-type(2) {
  margin-top: 45px;
}

.signUp_page02 .agree-box-top {
  margin-left: 6px;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.signUp_page02 .agree-box-top em {
  font-size: 21px;
  font-weight: 600;
  color: #111;
}

.signUp_page02 .agree-box-body {
  position: relative;
  height: 404px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
}

.signUp_page02 .agree-box-body .contents {
  padding: 40px 20px;
}

.signUp_page02 .agree-box-body .contents br {
  display: none;
}

/* .signUp_page02 .agree-box-body iframe{position: absolute; top:0; width: 100%; height: 100%; overflow-y: hidden; overflow-x: auto;}
.signUp_page02 .agree-box-body iframe::-webkit-scrollbar{height: 500px; background-color: #0094e9;} */

.signUp_page02 .agree-area > .chk-area {
  margin-top: 30px;
}

.signUp_page02 .agree-area > .chk-area li:not(:first-child) {
  margin-top: 13px;
}

.signUp_page02 .agree-area > .chk-area label {
  font-size: 16px;
}

.signUp_page02 .page-bottom-wrap {
  margin-top: 80px;
}

/* ============ 개발 이후 깨짐 대응 ============ */
.signUp_page02 .agree-area .txc-wrapper {
}

/* ============ // 개발 이후 깨짐 대응 ============ */

/* ======================================== // signUp_page02 ======================================== */

/* ======================================== signUp_page03 ======================================== */

/* *FO-020104.html과 레이아웃 동일하게 사용하여 css 통합 */

.signUp_page03 .board {
  margin-top: 40px;
}

.signUp_page03 .board table td input {
  max-width: 506px;
}

.signUp_page03 .board table td .btn {
  margin-left: 6px;
}

.signUp_page03 .signUp-pw {
  display: flex;
  max-width: 532px;
  width: 100%;
}

.signUp_page03 .signUp-pw .pw-inner {
  position: relative;
  max-width: 506px;
  width: 100%;
}

.signUp_page03 .signUp-pw .inputVal-icon-area {
  right: 16px;
  top: 9px;
}

.signUp_page03 .board table td .df {
  align-items: center;
}

.signUp_page03 .board table .business-registration-number input {
  max-width: 276px;
}

.signUp_page03
  .board
  table
  .business-registration-number
  input:not(:first-of-type) {
  margin-left: 6px;
}

.signUp_page03 .board .business-license .btn,
.signUp_page03 .board .business-card .btn {
  margin: 0;
}

.signUp_page03 .board .business-license .note,
.signUp_page03 .board .business-card .note {
  margin-left: 13px;
  vertical-align: middle;
  color: #777;
}

.signUp_page03 .board table .signUp-email {
  flex-direction: column;
}

.signUp_page03 .board table .signUp-email div {
  align-items: center;
}

.signUp_page03 .board table .signUp-email input {
  max-width: 276px;
}

.signUp_page03 .board table .signUp-email span {
  padding: 0 7px;
}

.signUp_page03 .board table .signUp-email select {
  max-width: 276px;
  margin-left: 6px;
}

.signUp_page03 .board table .company-code-area input {
  max-width: 276px;
}

.signUp_page03 .board table .company-code-area .note {
  margin-left: 14px;
}

/* ======================================== // signUp_page03 ======================================== */

/* ======================================== signUp_page08 ======================================== */

.signUp_page08 .sign_up-step-area {
  padding-bottom: 40px;
}

.signUp_page08 .txt-box {
  padding: 40px 0 36px;
  line-height: 28px;
  text-align: center;
  font-size: 17px;
  border-top: 1px solid #cccccc;
}

.signUp_page08 table tr:nth-child(5) td div {
  align-items: center;
}

.signUp_page08 table tr:nth-child(5) td div .btn:not(:first-child) {
  margin-left: 6px;
}

/* ======================================== // signUp_page08 ======================================== */

/* ======================================== login_page00 ======================================== */

.login_page00 .login-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page00 .login-box .input-box input[type="text"],
.login_page00 .login-box .input-box input[type="password"] {
  height: 50px;
  padding: 12px 73px 12px 20px;
}

.login_page00 .login-box .login-id {
  position: relative;
}

.login_page00 .inputVal-icon-area {
  right: 20px;
  top: 16px;
}

.login_page00 .login-box .login-pw {
  position: relative;
  margin-top: 14px;
}

.login_page00 .find-area {
  max-width: 460px;
  margin: 37px auto 0;
}

.login_page00 .find-area ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_page00 .find-area ul li:not(:last-child) {
  position: relative;
  margin-right: 15px;
  padding-right: 16px;
}

.login_page00 .find-area ul li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 12px;
  background-color: #ccc;
}

.login_page00 .find-area ul li a:hover,
.login_page00 .find-area ul li a:focus {
  color: #0094e9;
}

.login_page00 .social-login-box {
  max-width: 460px;
  margin: 54px auto 0;
}

.login_page00 .social-login-box ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_page00 .social-login-box li:not(:last-child) {
  margin-right: 38px;
}

.login_page00 .social-login-box li a {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 15px;
}

.login_page00 .social-login-box i {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 68px;
  margin: 0 auto 14px;
}

.login_page00 .social-login-box .social-login-naver i {
  background-color: #00c300;
}

.login_page00 .social-login-box .social-login-kakao i {
  background-color: #ffd900;
}

.login_page00 .social-login-box i img {
  display: block;
}

.login_page00 .social-login-box .social-login-naver i img {
  width: 16px;
  margin: 17px auto;
}

.login_page00 .social-login-box .social-login-kakao i img {
  width: 21px;
  margin: 15px;
}

.login_page00 .chk-area {
  margin: 16px 0 30px 6px;
}

.login_page00 .chk-area label {
  font-size: 15px;
}

.login_page00 .login-btn {
  max-width: 460px;
  width: 100%;
  height: 52px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #1047a1;
}

/* .contents-body{} */
/* ======================================== // login_page00 ======================================== */

/* ======================================== login_page01 ======================================== */
.login_page01 .find-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page01 .find-box .input-box input[type="text"],
.login_page01 .find-box .input-box input[type="email"] {
  height: 50px;
  padding: 12px 20px;
}

.login_page01 .find-box .signUp-email {
  margin-top: 14px;
}

.login_page01 .page-bottom-wrap .btn {
  width: 225px;
  height: 43px;
}

/* ======================================== // login_page01 ======================================== */

/* ======================================== login_page04 ======================================== */
.login_page04 .find-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page04 .find-box .input-box input[type="email"] {
  height: 50px;
  padding: 12px 20px;
}

.login_page04 .find-box .signUp-email {
  margin-top: 14px;
}

.login_page04 .page-bottom-wrap .btn {
  width: 225px;
  height: 43px;
}

/* ======================================== // login_page04 ======================================== */

/* ======================================== login_page05 ======================================== */
.login_page05 .find-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page05 .find-box .input-box input[type="text"],
.login_page05 .find-box .input-box input[type="email"] {
  height: 50px;
  padding: 12px 20px;
}

.login_page05 .find-box .signUp-id {
  margin-bottom: 14px;
}

/* .login_page05 .find-box .signUp-email{margin-top: 14px;} */

.login_page05 .email-authentication-area {
  margin-top: 40px;
}

.login_page05 .email-authentication-area > .btn {
  width: 100%;
}

.login_page05 .email-authentication-area div {
  margin-top: 20px;
  justify-content: space-between;
}

.login_page05 .email-authentication-area div input {
  max-width: 368px;
}

.login_page05 .email-authentication-area div .btn {
  margin-left: 6px;
}

.login_page05 .page-bottom-wrap .btn {
  width: 225px;
  height: 43px;
}

/* ======================================== // login_page05 ======================================== */

/* ======================================== login_page08 ======================================== */
.login_page08 .find-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page08 .find-box .input-box input[type="email"] {
  height: 50px;
  padding: 12px 20px;
}

.login_page08 .email-authentication-area {
  margin-top: 40px;
}

.login_page08 .email-authentication-area > .btn {
  width: 100%;
}

.login_page08 .email-authentication-area div {
  margin-top: 20px;
  justify-content: space-between;
}

.login_page08 .email-authentication-area div input {
  max-width: 368px;
}

.login_page08 .email-authentication-area div .btn {
  margin-left: 6px;
}

.login_page08 .page-bottom-wrap .btn {
  width: 225px;
  height: 43px;
}

/* ======================================== // login_page08 ======================================== */

/* ======================================== login_page09 ======================================== */
.login_page09 .find-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page09 .find-box .input-box input[type="password"],
.login_page09 .find-box .input-box input[type="text"] {
  height: 50px;
  padding: 12px 75px 12px 20px;
}

.login_page09 .find-box .change-pw {
  position: relative;
}

.login_page09 .find-box .change-pw:nth-child(1) .placeholder {
  padding: 12px 48px 11px 20px;
}

.login_page09 .find-box .change-pw:nth-child(2) {
  margin-top: 14px;
}

.login_page09 .find-box .change-pw .pw-inner {
  position: relative;
  width: 100%;
}

.login_page09 .find-box .change-pw .tooltipArea {
  position: absolute;
  right: -26px;
  top: 16px;
}

.login_page09 .inputVal-icon-area {
  right: 20px;
  top: 16px;
}

.login_page09 .page-bottom-wrap .btn {
  width: 225px;
  height: 43px;
}

/* ======================================== // login_page05 ======================================== */

/* ======================================== login_page14 ======================================== */
.login_page14 .social-login-box {
  max-width: 460px;
  margin: 0 auto;
}

.login_page14 .social-login-box .social-login-badge-area {
  height: 170px;
  padding: 40px 0;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.login_page14 .social-login-box .social-login-badge-area .social-login-badge {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0 auto 17px;
  border-radius: 46px;
  background: url("../image/social-login-badge-icon.png") no-repeat center
    center;
}

.login_page14
  .social-login-box
  .social-login-badge-area
  .social-login-badge-naver {
  background-color: #00c300;
}

.login_page14
  .social-login-box
  .social-login-badge-area
  .social-login-badge-kakao {
  background-color: #ffd900;
}

.login_page14 .social-login-box .social-login-badge-area p {
  font-size: 20px;
}

.login_page14 .social-login-box .social-login-account-box {
  margin-top: 60px;
}

.login_page14 .social-login-box .social-login-account-box > p {
  text-align: center;
  font-size: 17px;
  margin-bottom: 15px;
}

.login_page14
  .social-login-box
  .social-login-account-box
  .social-login-account-list
  li {
  border: 1px solid #ccc;
  height: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.login_page14
  .social-login-box
  .social-login-account-box
  .social-login-account-list
  li:not(:first-child) {
  margin-top: 10px;
}

.login_page14
  .social-login-box
  .social-login-account-box
  .social-login-account-list
  li
  p {
  font-size: 13px;
  color: #777;
}

.login_page14 .social-login-box .input-box {
  position: relative;
  margin-top: 14px;
}

.login_page14 .social-login-box .input-box input[type="password"],
.login_page14 .social-login-box .input-box input[type="text"] {
  height: 50px;
  font-size: 16px;
  padding: 12px 73px 12px 20px;
}

.login_page14 .social-login-box .input-box .placeholder {
  padding: 12px 48px 11px 20px;
}

.login_page14 .inputVal-icon-area {
  right: 20px;
  top: 16px;
}

.login_page14 .login-btn {
  max-width: 460px;
  width: 100%;
  height: 52px;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #1047a1;
}

/* ======================================== // login_page14 ======================================== */

/* ======================================== login_page15 ======================================== */
.login_page15 {
  max-width: 1360px;
  min-width: 984px;
  width: calc(100% - 40px);
  max-height: 765px;
  /* height:calc(100vh - 8%); */
}

.login_page15 .popup_head {
  border-bottom: 1px solid #ccc;
  padding-top: 57px;
}

.login_page15 .popup_head p {
  margin-top: 8px;
}

.login_page15 .popup_content {
  max-height: 570px;
  overflow-y: auto;
}

.login_page15 .popup_content > .txt-box {
  text-align: center;
  padding-top: 37px;
  font-size: 15px;
}

.login_page15 .board {
  margin-top: 40px;
}

.login_page15 .board table td input {
  max-width: 506px;
}

.login_page15 .board table td .btn {
  margin-left: 6px;
}

.login_page15 .signUp-pw {
  position: relative;
  max-width: 506px;
  /*display: flex;*/
  display: flex;
  max-width: 532px;
  width: 100%;
}

.login_page15 .signUp-pw .pw-inner {
  position: relative;
  max-width: 506px;
  width: 100%;
}

.login_page15 .signUp-pw input[type="text"],
.login_page15 .signUp-pw input[type="password"] {
  padding: 12px 70px 12px 16px;
}

.login_page15 .inputVal-icon-area {
  right: 16px;
  top: 9px;
}

.login_page15 .board table .business-registration-number input {
  max-width: 276px;
}

.login_page15
  .board
  table
  .business-registration-number
  input:not(:first-of-type) {
  margin-left: 6px;
}

.login_page15 .board table .emailAuthentication-area {
  flex-direction: column;
}

.login_page15 .board table .emailAuthentication-area div {
  align-items: center;
}

.login_page15 .board table .emailAuthentication-area input {
  max-width: 276px;
}

.login_page15 .board table .emailAuthentication-area span {
  padding: 0 7px;
}

.login_page15 .board table .emailAuthentication-area select {
  max-width: 276px;
  margin-left: 6px;
}

.login_page15 .board table .company-code-area {
  align-items: center;
}

.login_page15 .board table .company-code-area input {
  max-width: 276px;
}

.login_page15 .board table .company-code-area .note {
  margin-left: 14px;
}

/* ======================================== // login_page15 ======================================== */

/* ======================================== login_page16 ======================================== */

.login_page16 .board table tr:nth-child(5) td {
  flex-direction: column;
}

.login_page16 .board table tr:nth-child(5) td div {
  align-items: center;
}

.login_page16 .board table tr:nth-child(5) td input {
  max-width: 276px;
}

.login_page16 .board table tr:nth-child(5) td span {
  padding: 0 7px;
}

.login_page16 .board table tr:nth-child(5) td select {
  max-width: 276px;
  margin-left: 6px;
}

.login_page16 .board table tr:nth-child(6) td div {
  align-items: center;
}

.login_page16 .board table tr:nth-child(6) td input {
  max-width: 276px;
}

.login_page16 .board table tr:nth-child(6) td .notice-icon {
  margin-left: 14px;
}

/* ======================================== // login_page16 ======================================== */

/* ======================================== terms_page00 ======================================== */

/* ============ 개발 이후 깨짐 대응 ============ */
.contents .contents.terms_page00 > .container {
  min-width: unset;
  max-width: unset;
  padding: 0;
  width: 100%;
}

/* ============ 개발 이후 깨짐 대응 ============ */

.terms_page00 em {
  display: block;
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}

.terms_page00 .list-wrap:not(:last-child) {
  margin: 0 0 80px;
}

.terms_page00 .list-tit {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #111;
  text-align: center;
  margin-bottom: 30px;
}

.terms_page00 .list-depth01 > li:not(:first-child) {
  margin-top: 30px;
}

.terms_page00 .list-depth01 > li > p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.terms_page00 .list-depth01 > li .df {
  align-items: baseline;
}

.terms_page00 .list-depth01 > li .df > span:first-child {
  margin-right: 5px;
}

.terms_page00 .list-depth02 > li {
  font-size: 15px;
  line-height: 24px;
  margin-left: 7px;
  letter-spacing: -0.02em;
}

.terms_page00 .list-depth03 > li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
  padding-left: 8px;
  letter-spacing: -0.02em;
}

.terms_page00 .list-depth03 > li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.terms_page00 .txt-box > div {
  margin-top: 30px;
}

.terms_page00 .txt-box > div p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.terms_page00 .bold {
  font-weight: 600;
  color: #111;
}

.terms_page00 .tdu {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: inherit;
}

/* @media screen and (max-width:1383px) {
    .terms_page00 .list-depth01>li:nth-child(4) .list-depth02>li:nth-child(3)  br{display: none;}
}
@media screen and (max-width:1374px) {
    .terms_page00 .list-depth01>li:nth-child(11) .list-depth02>li:nth-child(2) br{display: none;}
}
@media screen and (max-width:1371px) {
    .terms_page00 .list-depth01>li:nth-child(7) .list-depth02>li:nth-child(2) br{display: none;}
}
@media screen and (max-width:1364px) {
    .terms_page00 .list-depth01>li:nth-child(14) .list-depth02>li:nth-child(2) br{display: none;}
}
@media screen and (max-width:1361px) {
    .terms_page00 .list-depth01>li:nth-child(4) .list-depth02 br{display: none;}
}
@media screen and (max-width:1355px) {
    .terms_page00 .list-depth01>li:nth-child(8) .list-depth02>li:nth-child(2) br{display: none;}
}
@media screen and (max-width:1351px) {
    .terms_page00 .list-depth01>li:nth-child(1) p br{display: none;}
}
@media screen and (max-width:1341px) {
    .terms_page00 .list-depth01>li:nth-child(6) .list-depth02 br{display: none;}
}
@media screen and (max-width:1327px) {
    .terms_page00 .list-depth01>li:nth-child(10) .list-depth02>li:nth-child(1) br{display: none;}
}
@media screen and (max-width:1321px) {
    .terms_page00 .list-depth01>li:nth-child(8) .list-depth02 br{display: none;}
}
@media screen and (max-width:1321px) {
    .terms_page00 .list-depth01>li:nth-child(12) .list-depth02>li:nth-child(2) br{display: none;}
} */

/* ======================================== // terms_page00 ======================================== */

/* ======================================== privacy_page00 ======================================== */

/* ============ 개발 이후 깨짐 대응 ============ */
.contents .contents.privacy_page00 > .container {
  min-width: unset;
  max-width: unset;
  padding: 0;
  width: 100%;
}

.contents .contents.privacy_page00 .txt-box .info-box em {
  line-height: 18px;
}

.contents .contents.privacy_page00 .txt-box .info-box p {
  line-height: 18px;
}

/* ============ 개발 이후 깨짐 대응 ============ */

.privacy_page00 .select-wrap {
  display: flex;
  justify-content: right;
  margin-bottom: 27px;
}

.privacy_page00 .select-wrap .select-area {
  max-width: 276px;
}

.privacy_page00 .txt-box > div:nth-of-type(1) ul {
  margin-top: 7px;
}

.privacy_page00 em {
  display: block;
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}

.privacy_page00 p {
  font-size: 15px;
}

.privacy_page00 .list-depth01 > li {
  margin-top: 30px;
}

.privacy_page00 .list-depth01 > li:nth-child(8) .list-depth02 p:last-child,
.privacy_page00
  .list-depth01
  > li:nth-child(10)
  .list-depth02
  p:not(:first-child) {
  font-size: 14px;
  margin-left: 9px;
}

.privacy_page00 .list-depth01 > li > p {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.privacy_page00 .list-depth01 > li .df {
  align-items: baseline;
}

.privacy_page00 .list-depth01 > li .df span {
  margin-right: 5px;
}

.privacy_page00 .txt-box > div {
  margin-top: 30px;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.privacy_page00 .txt-box > div:first-child {
  margin-top: 0;
}

.privacy_page00 .list-depth02 > li {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.privacy_page00 .list-depth02 > li > p.df {
  margin-top: 7px;
}

.privacy_page00 .list-style02 > li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  margin-left: 9px;
  padding-left: 9px;
  letter-spacing: -0.02em;
}

.privacy_page00 .list-style02 > li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.privacy_page00 .list-style01 > li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  margin-left: 9px;
  padding-left: 9px;
  letter-spacing: -0.02em;
}

.privacy_page00 .list-style01 > li::before {
  content: "•";
  position: absolute;
  left: 0;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table {
  margin: 11px 0 16px;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table th {
  background-color: #f9f9f9;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #e3e3e3;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table th:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table th:first-child {
  border-left: 1px solid #ccc;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table th:last-child {
  border-right: 1px solid #ccc;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table td {
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table td:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table td:first-child {
  border-left: 1px solid #ccc;
}

.privacy_page00 .list-depth01 > li:nth-child(6) table td:last-child {
  border-right: 1px solid #ccc;
}

.privacy_page00 .txt-box .info-box {
  height: 128px;
  margin-top: 15px;
  padding: 16px 27px;
  border: 1px solid #ccc;
}

.privacy_page00 .txt-box .info-box em {
  font-size: 15px;
  font-weight: 600;
  color: #1047a1;
}

.privacy_page00 .txt-box .info-box .list-style01 {
  margin-top: 2px;
}

.privacy_page00 .txt-box .info-box .list-style01 li {
  margin-left: 0;
}

/* 
@media screen and (max-width:1378px) {
    .privacy_page00 .contents-body>.txt-box>div br{display: none;}
}
@media screen and (max-width:1373px) {
    .privacy_page00 .list-depth01>li:nth-child(1)>p br{display: none;}
}
@media screen and (max-width:1353px) {
    .privacy_page00 .list-depth01>li:nth-child(7) .list-depth03>li:nth-child(1) br{display: none;}
}
@media screen and (max-width:1348px) {
    .privacy_page00 .list-depth01>li:nth-child(10) .list-depth03>li:nth-child(1) br{display: none;}
}
@media screen and (max-width:1344px) {
    .privacy_page00 .list-depth01>li:nth-child(10) .list-depth03>li:nth-child(2) br{display: none;}
}
@media screen and (max-width:1340px) {
    .privacy_page00 .list-depth01>li:nth-child(6)>p br{display: none;}
}
@media screen and (max-width:1339px) {
    .privacy_page00 .list-depth01>li:nth-child(5)>p br{display: none;}
}
@media screen and (max-width:1319px) {
    .privacy_page00 .list-depth01>li:nth-child(7) .list-depth03>li:nth-child(2) br{display: none;}
} */
/* ======================================== // privacy_page00 ======================================== */

/* ======================================== memberInfoChangeInfo_page00 ======================================== */
.memberInfoChangeInfo_page00 .txt-box {
  margin-top: 75px;
  padding: 170px 0 20px 0;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  color: #111;
  background: url("../image/memberInfoChangeInfo_page00-txt-box-icon.png")
    no-repeat center top;
}

/* ======================================== // memberInfoChangeInfo_page00 ======================================== */

/* ======================================== 프로젝트 발주 정보 분석 ======================================== */

.pageProjectAnalyze input.agencyName {
  width: 100%;
}

.pageProjectAnalyze .tabArea .tabTop {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.pageProjectAnalyze .tabArea .tabItem {
  display: none;
}

.pageProjectAnalyze .tabArea .tabItem.active {
  display: block;
}

.pageProjectAnalyze .tabArea .tabTop .tab {
  width: 272px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  cursor: pointer;
  color: #777777;
  font-size: 17px;
  font-weight: 500;
}

.pageProjectAnalyze .tabArea .tabTop .tab.active {
  background: #0094e9;
  border: 1px solid #0094e9;
  color: #fff;
}

.pageProjectAnalyze .tabArea .tabTop .tab:first-child {
  border-radius: 4px 0 0 0;
}

.pageProjectAnalyze .tabArea .tabTop .tab:last-child {
  border-radius: 0 4px 0 0;
  border-right: 1px solid #e3e3e3;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide {
  position: relative;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideWrap {
  position: relative;
  overflow: hidden;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideWrap .slider {
  position: relative;
  display: flex;
  transition: left 0.8s;
  left: 0;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideWrap
  .slider.active_01 {
  left: -102%;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideWrap .slideItem {
  width: 100%;
  flex-shrink: 0;
  margin-right: 2%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideWrap
  .slideItem
  .graphWrap {
  width: 100%;
  height: 100%;
  padding: 25px;
  border: 1px solid #bbbbbb;
  border-radius: 0 0 4px 4px;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #555;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideTop .slideDownUp {
  width: 19px;
  height: 12px;
  background: url("./../image/common/page_analyze_arrow.png") 50% 50% no-repeat;
  border-radius: 0;
  padding: 6px;
  box-sizing: content-box;
  transition: transform 0.2s;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideTop
  .slideDownUp.active {
  transform: rotate(180deg);
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn {
  width: 49px;
  height: 49px;
  border-radius: 0;
  position: absolute;
  background: url("./../image/common/page_search_next02.png") 0 0/100% auto
    no-repeat;
  top: calc(50% + 24px);
  transform: translateY(-50%);
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn.slidePrev {
  left: -78px;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn.slideNext {
  right: -78px;
  transform: rotate(180deg) translateY(50%);
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn.disable {
  pointer-events: none;
  opacity: 0.5;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide p.title {
  font-size: 20px;
  font-weight: 600;
  color: #111111;
  margin-left: 6px;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .title_beside {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  margin-left: 20px;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideInner {
  border-bottom: 1px solid #bbbbbb;
  height: 100%;
  display: flex;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideInner .leftSection {
  width: 50%;
  position: relative;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  > img {
  display: block;
  width: 100%;
  height: 100%;
}

.pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideInner .rightSection {
  width: 50%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul {
  display: flex;
  flex-wrap: wrap;
  align-content: baseline;
  height: 100%;
  border-right: 1px solid #e3e3e3;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li {
  width: 50%;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  min-height: 55px;
  align-items: center;
  border-right: 1px solid #e3e3e3;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li:nth-last-child(-n + 2) {
  border-bottom: none;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li
  .locale {
  width: 150px;
  height: 100%;
  display: flex;
  align-items: center;
  color: #222222;
  font-size: 15px;
  font-weight: 600;
  padding: 0 20px;
  border-right: 1px solid #e3e3e3;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.active
  .locale {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li
  .length {
  width: calc(100% - 150px);
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  color: #444444;
  padding: 0 20px;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.active {
  background: #1047a1;
  border: 1px solid #1047a1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.active
  div {
  color: #fff;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.allLi {
  background: #f6f6f6;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li:first-child,
.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li:nth-child(2n + 1) {
  border-right: 0;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.rightSectionTop {
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: end;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .rightSection
  ul
  li.rightSectionTop
  select {
  outline: none;
  width: 312px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox {
  margin-top: 30px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  padding: 25px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
  border-bottom: 1px solid #e3e3e3;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .dateRadio {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .dateRadio input {
  display: none;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .dateRadio label {
  padding: 0 20px;
  border-right: 1px solid #cccccc;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .dateRadio
  .dateRadioItem:last-child
  label {
  border-right: 0;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .dateRadio
  input:checked
  + label {
  font-weight: 600;
  color: #0094e9;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line:first-child {
  padding-top: 0;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line > * {
  margin-right: 8px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line > *:last-child {
  margin-right: 0;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line select {
  width: 140px;
  flex-shrink: 0;
}

.pageProjectAnalyze .tabArea .tabContent .tableWrap .topSelectWrap select {
  width: 140px;
  flex-shrink: 0;
}

.pageProjectAnalyze .tabArea .tabContent .tableWrap .title_beside {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  margin-top: 16px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .rightSelect {
  width: 150px;
  margin-left: 16px;
  position: relative;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .rightSelect select {
  width: 150px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .rightSelect::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: calc(100% - 8px);
  background: #bababa;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .excel-btn {
  position: relative;
  height: 36px;
  margin-left: 15px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .excel-btn::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: calc(100% - 8px);
  background: #bababa;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .searchButton {
  height: 36px;
  width: 36px;
  background-color: #555555;
  background-image: url("./../image/common/icon_search_page_zoom02_hover.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  flex-shrink: 0;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .datePickerWrap,
.pageProjectAnalyze .tabArea .tabContent .searchBox .line .datePickerWrap div {
  width: 100%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .datePickerWrap
  input {
  width: 100% !important;
  min-width: unset !important;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .datePickerWrap
  input.disable {
  background: #f6f6f6;
  color: #999;
  pointer-events: none;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .datePickerWrap
  span.m06 {
  margin: 0 6px;
  align-self: center;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .inputBox {
  width: 360px;
  position: relative;
  flex-shrink: 0;
  border-radius: 4px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .inputBox input {
  position: relative;
  z-index: 2;
  overflow: hidden;
  outline: none;
  padding-right: 38px;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .inputBox .btnClose,
.top-search-form .btnClose {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url("./../image/common/icon_search_close02.png");
  z-index: 3;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.top-search-form .researchDelete {
  position: absolute;
  width: 13px;
  height: 13px;
  background: url("./../image/common/icon_search_close02.png");
  z-index: 3;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.pageProjectAnalyze .tabArea .tabContent .searchBox .line .inputBox .keyWordBox,
.searchPageWrap.BusinessProgressStatusPage .inputBox .keyWordBox {
  position: absolute;
  background: #fff;
  border: 1px solid #bababa;
  padding: 16px 6px 16px 16px;
  z-index: 1;
  border-radius: 0 0 4px 4px;
  width: 100%;
  height: 154px;
  display: none;
  top: calc(100% - 4px);
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWordBoxInner,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWordBoxInner {
  overflow-y: auto;
  height: 100%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWordBoxInner::-webkit-scrollbar,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWordBoxInner::-webkit-scrollbar {
  width: 5px;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWordBoxInner::-webkit-scrollbar-thumb,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWordBoxInner::-webkit-scrollbar-thumb {
  background: #ccc;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox.active.noResult
  .keyWordBox::before,
.top-search-form.active.noResult .keyWordBox::before,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox.active.noResult
  .keyWordBox::before {
  content: "검색결과가 없습니다.";
  z-index: 1;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  color: #777777;
}

.top-search-form.active.noResult .keyWordBox::before {
  height: calc(100% - 49px);
  z-index: 100;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox.active.noResult
  .keyWordBox
  .keyWord,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox.active.noResult
  .keyWordBox
  .keyWord {
  display: none;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWord,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWord {
  font-size: 15px;
  font-weight: 500;
  color: #444444;
  line-height: 22px;
  cursor: pointer;
  padding: 5px 0;
  word-break: break-all;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWord:hover,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWord:hover {
  color: #0094e9;
  text-decoration: underline;
  text-underline-position: under;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox
  .keyWordBox
  .keyWord
  span.highLight,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox
  .keyWordBox
  .keyWord
  span.highLight {
  /* color: #0094e9; */
  background: rgba(255, 240, 0);
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox.active
  .keyWordBox,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox.active
  .keyWordBox {
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox.active
  .keyWordBox,
.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .inputBox.active
  .btnClose,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox.active
  .keyWordBox,
.searchPageWrap.BusinessProgressStatusPage
  .search_page_top
  .inputBox.active
  .btnClose {
  display: block;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .searchBox
  .line
  .datePickerWrap
  input[type="date"] {
  width: 317px;
  position: relative;
}

.pageProjectAnalyze .tabArea .tabContent .tableWrap {
  margin-bottom: 30px;
}

.pageProjectAnalyze .tabArea .tabContent .tableWrap .topSelectWrap .leftSelect {
  display: flex;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tableWrap
  .topSelectWrap
  .leftSelect
  select {
  margin-right: 8px;
}

.pageProjectAnalyze .tabArea .tabContent .tableWrap .topSelectWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.pageProjectAnalyze table.analyzeBoard {
  margin-top: 14px;
  border-top: 2px solid #555555;
}

.pageProjectAnalyze table.analyzeBoard th {
  padding: 0 12px;
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  border-bottom: 1px solid #555555;
}

.pageProjectAnalyze table.analyzeBoard td {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  word-break: break-all;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #555555;
}

.pageProjectAnalyze table.analyzeBoard td.tac {
  text-align: center;
}

.pageProjectAnalyze table.analyzeBoard td.tar {
  text-align: right;
}

.pageProjectAnalyze table.analyzeBoard tr td:last-child {
  border-right: 0;
}

.pageProjectAnalyze table.analyzeBoard tr th:last-child {
  border-right: 0;
}

.pageProjectAnalyze table.analyzeBoard tr:last-child td {
  border-bottom: 1px solid #555;
}

.pageProjectAnalyze table.analyzeBoard td .btn {
  margin: auto;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem {
  position: absolute;
  font-size: 14px;
  color: #444444;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 2;
  padding: 5px;
  transition: font-size 0.6s;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem:not(.active):hover {
  /* font-size: 15px; */
  font-weight: 600;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem:not(.active):hover
  .text {
  font-weight: 600;
  color: #0094e9;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem
  span.length {
  display: none;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img {
  position: absolute;
  opacity: 0;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.active {
  opacity: 1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem.active {
  width: 60px;
  height: 52px;
  background: url("./../image/map_bubble.png") 0 0/100% auto no-repeat;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 10px;
  color: #fff;
  margin-left: -12px;
  margin-top: -44px;
  z-index: 3;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.disabled,
.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem.disabled {
  pointer-events: none;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem.active
  p.text {
  color: #fff;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem.active
  span.length {
  display: block;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  margin-top: 1px;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem.active::before {
  display: none;
}

/* 지도 마커 */
.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="세종특별자치시"].active {
  margin-left: -25px;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="대전광역시"].active {
  margin-left: -15px;
  margin-top: -50px;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="인천광역시"] {
  top: 21.5%;
  left: 33%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="서울특별시"] {
  top: 23%;
  left: 38%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="강원도"] {
  top: 21%;
  left: 55%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="경기도"] {
  top: 28%;
  left: 43%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="충청북도"] {
  top: 34%;
  left: 48%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="세종특별자치시"] {
  top: 40.5%;
  left: 42%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="충청남도"] {
  top: 41%;
  left: 36%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="대전광역시"] {
  top: 45%;
  left: 43%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="경상북도"] {
  top: 43%;
  left: 58%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="대구광역시"] {
  top: 52%;
  left: 58%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="전라북도"] {
  top: 54%;
  left: 41%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="경상남도"] {
  top: 60%;
  left: 55%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="울산광역시"] {
  top: 57%;
  left: 66%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="광주광역시"] {
  top: 63.5%;
  left: 37%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="부산광역시"] {
  top: 63%;
  left: 64%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="전라남도"] {
  top: 68%;
  left: 39%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  .localeItem[data-map-name="제주특별자치도"] {
  top: 88.5%;
  left: 33%;
}

/* 지도 active시 영역 */
.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="인천광역시"].n1 {
  width: 14%;
  left: 25.1%;
  top: 17.8%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="인천광역시"].n2 {
  width: 2.7%;
  left: 11.5%;
  top: 17.5%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="서울특별시"] {
  width: 6%;
  left: 37.5%;
  top: 23%;
  z-index: 1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="강원도"] {
  width: 28.9%;
  left: 40.5%;
  top: 6.7%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="경기도"] {
  width: 15%;
  left: 36%;
  top: 13.5%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="충청북도"] {
  width: 18%;
  left: 42.8%;
  top: 30.8%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="세종특별자치시"] {
  width: 5%;
  left: 41%;
  top: 39%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="충청남도"] {
  width: 19%;
  left: 29.5%;
  top: 33.7%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="대전광역시"] {
  width: 5%;
  left: 42.5%;
  top: 43.4%;
  z-index: 1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.n1.activeMapArea[data-map-name="경상북도"] {
  width: 22%;
  left: 49.8%;
  top: 32%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.n2.activeMapArea[data-map-name="경상북도"] {
  width: 6%;
  left: 69.8%;
  top: 24.4%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="대구광역시"] {
  width: 5.5%;
  left: 56.8%;
  top: 51.4%;
  z-index: 1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="전라북도"] {
  width: 21.3%;
  left: 31%;
  top: 49%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="경상남도"] {
  width: 20.7%;
  left: 47%;
  top: 52.8%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="울산광역시"] {
  width: 7%;
  left: 63.9%;
  top: 56.5%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="광주광역시"] {
  width: 6%;
  left: 36.1%;
  top: 63.5%;
  z-index: 1;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="부산광역시"] {
  width: 7%;
  left: 61.9%;
  top: 61.6%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="전라남도"] {
  width: 33.5%;
  left: 17.5%;
  top: 60.5%;
}

.pageProjectAnalyze
  .tabArea
  .tabContent
  .tabInSlide
  .slideInner
  .leftSection
  .mapBox
  .localeWrap
  img.activeMapArea[data-map-name="제주특별자치도"] {
  width: 11%;
  left: 29.7%;
  top: 87.5%;
}

.ui-datepicker-calendar > tbody > tr,
.ui-datepicker-calendar > thead > tr {
  height: auto !important;
  border: 0;
}

.pageProjectAnalyze table.analyzeBoard tr:last-child td a {
  /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
}

.number {
  font-size: 13px !important;
  line-height: 18px !important;
}

@media (max-width: 1520px) {
  .pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn.slideNext {
    right: 8px;
  }

  .pageProjectAnalyze .tabArea .tabContent .tabInSlide .slideBtn.slidePrev {
    left: 8px;
  }

  .pageProjectAnalyze
    .tabArea
    .tabContent
    .tabInSlide
    .slideInner
    .rightSection
    ul
    li
    .length {
    text-align: center;
  }
}

.announceInputBox2 {
  width: 500px !important;
}

.announceSelect {
  width: 195px !important;
}

/* ======================================== // 프로젝트 발주 정보 분석 ======================================== */

/* ======================================== 사업진행 현황 분석서비스 소개 ======================================== */

.BusinessProgressStatus_page04 .contents-body {
  max-width: 100%;
}

.BusinessProgressStatus_page04 .BusinessProgressStatus_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/BusinessProgressStatus_introduce-back.jpg")
    no-repeat center top/cover;
}

.BusinessProgressStatus_page04 .BusinessProgressStatus_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.BusinessProgressStatus_page04 .BusinessProgressStatus_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.BusinessProgressStatus_page04 .BusinessProgressStatus_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.BusinessProgressStatus_page04 .tit-box {
  margin-bottom: 70px;
}

.BusinessProgressStatus_page04 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.BusinessProgressStatus_page04 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li {
  display: flex;
  align-items: center;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li:not(:last-child) {
  margin-bottom: 76px;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li:last-child .txt-area {
  width: 100%;
  padding-top: 40px;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li .txt-area {
  width: 50%;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 28px;
  font-weight: 600;
  color: #1047a1;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.BusinessProgressStatus_page04
  .Features_Benefits-list
  li:nth-child(odd)
  .txt-area {
  padding-left: 100px;
}

.BusinessProgressStatus_page04
  .Features_Benefits-list
  li:nth-child(even)
  .txt-area {
  padding-left: 60px;
  margin-top: -10px;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li .img-area {
  width: 50%;
}

.BusinessProgressStatus_page04
  .Features_Benefits-list
  li:nth-child(odd)
  .img-area {
  padding-left: 40px;
}

.BusinessProgressStatus_page04
  .Features_Benefits-list
  li:nth-child(even)
  .img-area {
  padding-right: 40px;
}

.BusinessProgressStatus_page04 .Features_Benefits-list li .img-area img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.BusinessProgressStatus_page04 .page-bottom-wrap.border {
  margin-top: 67px;
  padding-top: 30px;
}

.BusinessProgressStatus_page04 .page-bottom-wrap {
  text-align: center;
}

/* ======================================== // 사업진행 현황 분석서비스 소개 ======================================== */

/* ======================================== 엔지니어링 발주정보 분석 서비스 ======================================== */

.Engineering_page00 .contents-body {
  max-width: 100%;
}

.Engineering_page00 .Engineering_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/Engineering_introduce-back.png") no-repeat center
    top/cover;
}

.Engineering_page00 .Engineering_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.Engineering_page00 .Engineering_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.Engineering_page00 .Engineering_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.Engineering_page00 .tit-box {
  margin-bottom: 70px;
}

.Engineering_page00 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.Engineering_page00 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.Engineering_page00 .Features_Benefits-list > li {
  display: flex;
  align-items: center;
}

.Engineering_page00 .Features_Benefits-list > li:not(:last-child) {
  margin-bottom: 76px;
}

.Engineering_page00 .Features_Benefits-list > li:last-child .txt-area {
  width: 100%;
  padding-top: 40px;
}

.Engineering_page00 .Features_Benefits-list > li .txt-area {
  width: 50%;
}

.Engineering_page00 .Features_Benefits-list > li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 28px;
  font-weight: 600;
  color: #1047a1;
}

.Engineering_page00 .Features_Benefits-list > li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.Engineering_page00 .Features_Benefits-list > li:nth-child(even) .txt-area {
  padding-left: 60px;
  margin-top: -10px;
}

.Engineering_page00
  .Features_Benefits-list
  li
  .txt-area
  .Features_Benefits-list-in
  li {
  font-size: 17px;
  color: #444;
  line-height: 1.8;
  position: relative;
  padding-left: 10px;
}

.Engineering_page00
  .Features_Benefits-list
  li
  .txt-area
  .Features_Benefits-list-in
  li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #444;
  border-radius: 50%;
}

.Engineering_page00 .Features_Benefits-list li:nth-child(odd) .img-area {
  padding-left: 40px;
}

.Engineering_page00 .Features_Benefits-list li:nth-child(even) .img-area {
  padding-right: 40px;
}

.Engineering_page00 .Features_Benefits-list li .img-area img {
  width: 640px;
  height: auto;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.Engineering_page00 .page-bottom-wrap.border {
  margin-top: 67px;
  padding-top: 30px;
}

.Engineering_page00 .page-bottom-wrap {
  text-align: center;
}

/* ======================================== // 엔지니어링 발주정보 분석 서비스 ======================================== */

/* ======================================== 알림서비스 소개 소개 ======================================== */

.notificationServiceIntroduce_page01 .contents-body {
  max-width: 100%;
}

.notificationServiceIntroduce_page01 .notificationService_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/notificationService_introduce-back.jpg") no-repeat
    center top/cover;
}

.notificationServiceIntroduce_page01 .notificationService_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.notificationServiceIntroduce_page01
  .notificationService_introduce
  .txt-box
  em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.notificationServiceIntroduce_page01 .notificationService_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.notificationServiceIntroduce_page01 .tit-box {
  margin-bottom: 70px;
}

.notificationServiceIntroduce_page01 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.notificationServiceIntroduce_page01 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.notificationServiceIntroduce_page01 .service_guide-list li {
  display: flex;
  align-items: center;
}

.notificationServiceIntroduce_page01 .service_guide-list li:not(:last-child) {
  margin-bottom: 76px;
}

.notificationServiceIntroduce_page01 .service_guide-list li .txt-area {
  width: 50%;
}

.notificationServiceIntroduce_page01 .service_guide-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 28px;
  font-weight: 600;
  color: #1047a1;
}

.notificationServiceIntroduce_page01 .service_guide-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.notificationServiceIntroduce_page01
  .service_guide-list
  li:nth-child(1)
  .txt-area {
  padding-left: 100px;
}

.notificationServiceIntroduce_page01
  .service_guide-list
  li:nth-child(2)
  .txt-area {
  padding-left: 60px;
  margin-top: -284px;
}

.notificationServiceIntroduce_page01 .service_guide-list li .img-area {
  width: 50%;
}

.notificationServiceIntroduce_page01
  .service_guide-list
  li:nth-child(1)
  .img-area {
  padding-left: 40px;
}

.notificationServiceIntroduce_page01
  .service_guide-list
  li:nth-child(2)
  .img-area {
  padding-right: 78px;
}

.notificationServiceIntroduce_page01 .service_guide-list li .img-area img {
  width: 100%;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.notificationServiceIntroduce_page01
  .service_guide-list
  li:nth-child(2)
  .img-area
  img {
  box-shadow: none;
}

.notificationServiceIntroduce_page01 .page-bottom-wrap.border {
  margin-top: 67px;
}

.notificationServiceIntroduce_page01 .page-bottom-wrap {
  text-align: center;
}

.notificationServiceIntroduce_page01 .page-bottom-wrap .txt-area {
  padding: 25px 0;
}

.notificationServiceIntroduce_page01 .page-bottom-wrap .txt-area p {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  font-size: 15px;
  line-height: 32px;
  color: #555;
}

.notificationServiceIntroduce_page01 .page-bottom-wrap .txt-area p::before {
  content: "*";
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 15px;
}

/* ======================================== // 알림서비스 소개 소개 ======================================== */

/* ======================================== 표준 BIM 라이브러리 서비스 소개 ======================================== */

.bimLibrary_page10 .contents-body {
  max-width: 100%;
}

.bimLibrary_page10 .service_info {
  background-color: #f8f8f8;
  padding-bottom: 90px;
}

.bimLibrary_page10 .service_info .tit-box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 60px;
  width: 1360px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.bimLibrary_page10 .service_info .service_info-list {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-width: 1400px;
  display: flex;
  flex-wrap: wrap;
}

.bimLibrary_page10 .service_info-list .service_info-list-area {
  padding-top: 99px;
  width: 100%;
  display: flex;
}

.bimLibrary_page10 .service_info-list .tit-area {
  width: 25.58%;
  margin-right: 40px;
}

.bimLibrary_page10 .service_info-list .tit-area em {
  display: block;
  padding-top: 2px;
  font-size: 30px;
  font-weight: 600;
  color: #222;
}

.bimLibrary_page10 .service_info-list .txt-area p {
  line-height: 28px;
  font-size: 17px;
  color: #444;
  word-break: keep-all;
}

.bimLibrary_page10 .service_info-list .notice {
  margin-top: 28px;
}

.bimLibrary_page10 .service_info-list .notice em {
  display: block;
  margin-bottom: 7px;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  color: #111;
}

.bimLibrary_page10 .service_info-list .notice li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 9px;
}

.bimLibrary_page10 .service_info-list .notice .list-style01 li::after {
  content: "•";
  position: absolute;
  left: 0;
}

.bimLibrary_page10 .service_info-list .img-area img {
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.bimLibrary_page10 .bimService_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/bimLibrary_introduce-back.png") no-repeat center
    top/cover;
}

.bimLibrary_page10 .bimService_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.bimLibrary_page10 .bimService_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.bimLibrary_page10 .bimService_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.bimLibrary_page10 .tit-box {
  margin-bottom: 70px;
}

.bimLibrary_page10 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.bimLibrary_page10 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.bimLibrary_page10 .utilize_service-list li {
  display: flex;
  align-items: center;
}

.bimLibrary_page10 .utilize_service-list li:not(:last-child) {
  margin-bottom: 76px;
}

.bimLibrary_page10 .utilize_service-list li .txt-area {
  position: relative;
  width: 50%;
  padding-left: 48px;
}

.bimLibrary_page10 .utilize_service-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 26px;
  font-weight: 600;
  color: #1047a1;
}

.bimLibrary_page10 .utilize_service-list li .txt-area em .n {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background-color: #1047a1;
}

.bimLibrary_page10 .utilize_service-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.bimLibrary_page10 .utilize_service-list li .img-area {
  width: 50%;
  padding-left: 40px;
}

.bimLibrary_page10 .utilize_service-list li .img-area img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.bimLibrary_page10 .page-bottom-wrap.border {
  margin-top: 67px;
  padding-top: 30px;
}

.bimLibrary_page10 .page-bottom-wrap {
  text-align: center;
}

/* ======================================== // 표준 BIM 라이브러리 서비스 소개 ======================================== */

/* ======================================== 엔지니어링 AI 분석지원 플랫폼 서비스 소개 ======================================== */

.aiPlatformIntroduce_page00 .contents-body {
  max-width: 100%;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: #cce4fd;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce.type02 {
  background: #001b34;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce .txt-box {
  position: relative;
  text-align: left;
  color: #070a41;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce.type02 .txt-box {
  color: #fff;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce .txt-box ::after {
  content: "";
  z-index: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 424px;
  height: 349px;
  background: url("../image/aiPlatform_introduce-back.png") no-repeat center
    center;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce.type02 .txt-box ::after {
  content: "";
  z-index: 1;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 424px;
  height: 349px;
  background: url("../image/aiPlatform_introduce-back02.png") no-repeat center
    center;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.aiPlatformIntroduce_page00 .aiPlatform_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.aiPlatformIntroduce_page00 .tit-box {
  margin-bottom: 70px;
}

.aiPlatformIntroduce_page00 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.aiPlatformIntroduce_page00 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.aiPlatformIntroduce_page00 .service_diagram {
  padding-top: 115px;
}

.aiPlatformIntroduce_page00 .service_diagram p {
  text-align: center;
}

.aiPlatformIntroduce_page00 .Features_Benefits .tit-box {
  margin-bottom: 18px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list {
  display: flex;
  flex-wrap: wrap;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li:nth-child(1) {
  max-width: 887px;
  margin-right: 30px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li.w-100:nth-child(1),
.aiPlatformIntroduce_page00 .Features_Benefits-list > li.w-100:nth-child(2) {
  max-width: 100%;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li.w-100:nth-child(2) {
  margin-top: 30px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li:nth-child(2) {
  max-width: 443px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li:nth-child(3) {
  margin-top: 30px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-head {
  padding: 14px 27px;
  border-bottom: 1px solid #ccc;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-head em {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li:nth-child(1)
  .list-head
  em {
  color: #1047a1;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li:nth-child(2)
  .list-head
  em {
  color: #638e00;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li:nth-child(3)
  .list-head
  em {
  color: #0094e9;
}

/* .aiPlatformIntroduce_page00 .Features_Benefits-list>li .list-body{ border: 1px solid red;} */
.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-body ul {
  display: flex;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-body ul li {
  position: relative;
  width: 100%;
  padding: 27px;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li
  .list-body
  ul
  li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 112px;
  background-color: #ccc;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-body .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li:nth-child(1)
  .list-body
  ul
  li:nth-child(2)
  .top {
  align-items: flex-start;
  margin-bottom: 4px;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-body .top em {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li:nth-child(1)
  .list-body
  ul
  li:nth-child(2)
  .top
  em {
  font-size: 16px;
  margin-top: -4px;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li
  .list-body
  .top
  .img_btn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li
  .list-body
  .top
  .img_btn::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 9px;
  width: 16px;
  height: 2px;
  background-color: #777;
}

.aiPlatformIntroduce_page00
  .Features_Benefits-list
  > li
  .list-body
  .top
  .img_btn::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 16px;
  width: 2px;
  height: 16px;
  background-color: #777;
}

.aiPlatformIntroduce_page00 .Features_Benefits-list > li .list-body .bottom {
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
}

.aiPlatformIntroduce_page00 .page-bottom-txt {
  padding-top: 72px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}

.video_area_space {
  margin-top: 100px;
}

/* ======================================== // 엔지니어링 AI 분석지원 플랫폼 서비스 소개 ======================================== */

/* ======================================== 엔지니어링 산출물 저장소 서비스 소개 ======================================== */

.productStorageIntroduce_page00 .contents-body {
  max-width: 100%;
}

.productStorageIntroduce_page00 .productStorage_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/productStorage_introduce-back.jpg") no-repeat center
    top/cover;
}

.productStorageIntroduce_page00 .productStorage_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.productStorageIntroduce_page00 .productStorage_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.productStorageIntroduce_page00 .productStorage_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.productStorageIntroduce_page00 .tit-box {
  margin-bottom: 70px;
}

.productStorageIntroduce_page00 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.productStorageIntroduce_page00 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.productStorageIntroduce_page00 .utilize_service-list li {
  display: flex;
  align-items: center;
}

.productStorageIntroduce_page00 .utilize_service-list li:not(:last-child) {
  margin-bottom: 76px;
}

.productStorageIntroduce_page00 .utilize_service-list li .txt-area {
  width: 50%;
}

.productStorageIntroduce_page00 .utilize_service-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 28px;
  font-weight: 600;
  color: #1047a1;
}

.productStorageIntroduce_page00 .utilize_service-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.productStorageIntroduce_page00
  .utilize_service-list
  li:nth-child(odd)
  .txt-area {
  padding-left: 100px;
  margin-top: -50px;
}

.productStorageIntroduce_page00
  .utilize_service-list
  li:nth-child(even)
  .txt-area {
  padding-left: 60px;
  margin-top: -150px;
}

.productStorageIntroduce_page00 .utilize_service-list li .img-area {
  width: 50%;
}

.productStorageIntroduce_page00
  .utilize_service-list
  li:nth-child(odd)
  .img-area {
  padding-left: 40px;
}

.productStorageIntroduce_page00
  .utilize_service-list
  li:nth-child(even)
  .img-area {
  padding-right: 40px;
}

.productStorageIntroduce_page00 .utilize_service-list li .img-area img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.productStorageIntroduce_page00 .page-bottom-wrap.border {
  margin-top: 67px;
}

.productStorageIntroduce_page00 .page-bottom-wrap {
  text-align: center;
}

.productStorageIntroduce_page00 .page-bottom-wrap .txt-area {
  padding: 25px 0;
}

.productStorageIntroduce_page00 .page-bottom-wrap .txt-area p {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  font-size: 15px;
  line-height: 32px;
  color: #555;
}

.productStorageIntroduce_page00 .page-bottom-wrap .txt-area p::before {
  content: "*";
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 15px;
}

/* ======================================== // 엔지니어링 산출물 저장소 서비스 소개 ======================================== */

/* ======================================== 엔지니어링 공공데이터 설계지원 서비스 소개 ======================================== */

.designSupportService_page08 .contents-body {
  max-width: 100%;
}

.designSupportService_page08 .designSupportService_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/designSupportService_introduce-back.jpg") no-repeat
    center top/cover;
}

.designSupportService_page08 .designSupportService_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.designSupportService_page08 .designSupportService_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.designSupportService_page08 .designSupportService_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.designSupportService_page08 .tit-box {
  margin-bottom: 70px;
}

.designSupportService_page08 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.designSupportService_page08 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.designSupportService_page08 .utilize_service-list li {
  display: flex;
  align-items: center;
}

.designSupportService_page08 .utilize_service-list li:not(:last-child) {
  margin-bottom: 76px;
}

.designSupportService_page08 .utilize_service-list li .txt-area {
  position: relative;
  width: 50%;
  padding-left: 48px;
}

.designSupportService_page08 .utilize_service-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 26px;
  font-weight: 600;
  color: #1047a1;
}

.designSupportService_page08 .utilize_service-list li .txt-area em .n {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background-color: #1047a1;
}

.designSupportService_page08 .utilize_service-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.designSupportService_page08 .utilize_service-list li .img-area {
  width: 50%;
  padding-left: 40px;
}

.designSupportService_page08 .utilize_service-list li .img-area img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.designSupportService_page08 .page-bottom-wrap.border {
  margin-top: 67px;
  padding-top: 30px;
}

.designSupportService_page08 .page-bottom-wrap {
  text-align: center;
}

.designSupportService_page08 .service_info {
  background-color: #f8f8f8;
  padding-bottom: 90px;
}

.designSupportService_page08 .service_info .service_info-list {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-width: 1400px;
  display: flex;
  flex-wrap: wrap;
}

.designSupportService_page08 .service_info .tit-box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 60px;
  width: 1360px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.designSupportService_page08 .service_info-list .service_info-list-area {
  padding-top: 99px;
  width: 100%;
  display: flex;
}

.designSupportService_page08 .service_info-list .tit-area {
  width: 25.58%;
}

.designSupportService_page08 .service_info-list .tit-area em {
  display: block;
  padding-top: 2px;
  font-size: 30px;
  font-weight: 600;
  color: #222;
}

.designSupportService_page08 .service_info-list .notice em {
  display: block;
  margin-bottom: 7px;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}

.designSupportService_page08 .service_info-list .notice.d-inline em {
  display: inline-block;
  margin-right: 60px;
}

.designSupportService_page08 .service_info-list .notice li {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 10px;
}

.designSupportService_page08 .service_info-list .notice .list-style01 {
  padding-bottom: 15px;
}

.designSupportService_page08
  .service_info-list
  .notice
  .list-style01
  li::after {
  content: "•";
  position: absolute;
  left: 0;
}

.designSupportService_page08 .service_info-list .img-area img {
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

/* ======================================== // 엔지니어링 공공데이터 설계지원 서비스 소개 ======================================== */

/* ======================================== 사업 진행현황 분석서비스 서비스 소개 ======================================== */

.designSupportService_page09 .contents-body {
  max-width: 100%;
}

.designSupportService_page09 .service_info {
  background-color: #f8f8f8;
  padding-bottom: 120px;
}

.designSupportService_page09 .service_info .tit-box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 60px;
  width: 1360px;
  margin: 0 auto;
  margin-bottom: 60px;
}

.designSupportService_page09 .service_info .service_info-list {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-width: 1400px;
  display: flex;
  flex-wrap: wrap;
}

.designSupportService_page09 .service_info-list .service_info-list-area {
  position: relative;
  width: 50%;
  padding-top: 60px;
}

.designSupportService_page09.type02 .service_info-list .service_info-list-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.designSupportService_page09
  .service_info-list
  .service_info-list-area:nth-child(1),
.designSupportService_page09
  .service_info-list
  .service_info-list-area:nth-child(2) {
  padding-top: 0;
}

.designSupportService_page09 .service_info-list .txt-area {
  padding-bottom: 26px;
  margin-left: 10px;
}

.designSupportService_page09 .service_info-list .txt-area em {
  display: inline-block;
  margin-bottom: 12px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #1047a1;
  word-break: keep-all;
}

.designSupportService_page09 .service_info-list .txt-area em .n {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background-color: #1047a1;
}

.designSupportService_page09 .service_info-list .txt-area p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  word-break: keep-all;
}

.designSupportService_page09 .service_info-list .img-area img {
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.designSupportService_page09.type02 .service_info-list .img-area img {
  border-radius: 0;
  box-shadow: none;
}

.designSupportService_page09 .designSupportService_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/designSupportService09_introduce-back.png")
    no-repeat center top/cover;
}

.designSupportService_page09.type02 .designSupportService_introduce {
  height: 430px;
  padding: 148px 0 128px 0;
  background: url("../image/designSupportService08_introduce-back.png")
    no-repeat center top/cover;
}

.designSupportService_page09 .designSupportService_introduce .txt-box {
  text-align: center;
  color: #fff;
}

.designSupportService_page09 .designSupportService_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
}

.designSupportService_page09 .designSupportService_introduce .txt-box p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: inherit;
}

.designSupportService_page09 .tit-box {
  margin-bottom: 70px;
}

.designSupportService_page09 h4 {
  padding: 97px 0 0;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.designSupportService_page09 .tit-box p {
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}

.designSupportService_page09 .utilize_service-list li {
  display: flex;
  align-items: center;
}

.designSupportService_page09 .utilize_service-list li:not(:last-child) {
  margin-bottom: 76px;
}

.designSupportService_page09 .utilize_service-list li .txt-area {
  position: relative;
  width: 50%;
  padding-left: 48px;
}

.designSupportService_page09 .utilize_service-list li .txt-area em {
  display: inline-block;
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 26px;
  font-weight: 600;
  color: #1047a1;
}

.designSupportService_page09 .utilize_service-list li .txt-area em .n {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background-color: #1047a1;
}

.designSupportService_page09 .utilize_service-list li .txt-area p {
  line-height: 28px;
  font-size: 17px;
  font-weight: 400;
  color: #444;
}

.designSupportService_page09 .utilize_service-list li .img-area {
  width: 50%;
  padding-left: 40px;
}

.designSupportService_page09 .utilize_service-list li .img-area.w-100 {
  width: 100%;
  padding-left: 0px;
}

.designSupportService_page09 .utilize_service-list li .img-area img {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);
}

.designSupportService_page09 .utilize_service-list li .img-area.w-100 img {
  box-shadow: none;
}

.designSupportService_page09 .page-bottom-wrap.border {
  margin-top: 67px;
  padding-top: 30px;
}

.designSupportService_page09 .page-bottom-wrap {
  text-align: center;
}

/* ======================================== // 사업 진행현황 분석서비스 서비스 소개 ======================================== */

/* ======================================== 엔지니어링SW 튜토리얼 서비스 ======================================== */
.tutorialService_page02 .search-wrap .search-area {
  max-width: 641px;
}

.tutorialService_page02 .search-wrap .select-area:nth-of-type(1) {
  position: relative;
  max-width: 369px;
  display: flex;
  margin-right: 20px;
  padding-right: 21px;
}

.tutorialService_page02 .search-wrap .select-area:nth-of-type(1):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 29px;
  background-color: #bababa;
}

.tutorialService_page02 .search-wrap .select-area:nth-of-type(1) select {
  width: 169px;
  flex-shrink: 0;
}

.SumoSelect.sumo_selectedOptions {
  margin-left: 10px;
}

.SumoSelect.sumo_selectedOptions > .CaptionCont {
  min-height: 44px;
  border: 1px solid #bababa;
}

.SumoSelect.sumo_selectedOptions > .CaptionCont > span.placeholder {
  color: #444;
  font-style: normal;
}

.SumoSelect.sumo_selectedOptions > .CaptionCont > label > i {
  background: url(../image/common/select-arrow.png) no-repeat calc(100% - 13px)
    center;
  width: 36px;
  left: -10px;
  opacity: 1;
}

.SumoSelect.sumo_selectedOptions > .CaptionCont > span {
  padding-top: 3px;
  padding-left: 7px;
}

.tutorialService_page02 .SumoSelect.open > .optWrapper {
  top: 45px;
}

.tutorialService_page02 .search-wrap .select-area:nth-of-type(2) {
  width: 169px;
}

.tutorialService_page02 .search-wrap .select-area:nth-of-type(2) select {
  width: 169px;
}

.tutorialService_page02 .industry-classification {
  margin-bottom: 30px;
}

.tutorialService_page02 .industry-classification .slideWrap .slider {
  position: relative;
}

.tutorialService_page02 .industry-classification .slideWrap {
  overflow: hidden;
  padding-right: 1px;
  padding-left: 1px;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent {
  overflow: hidden;
  width: 1196px;
  margin: 0 auto;
  padding: 22px 0 15px 0;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul {
  z-index: 1;
  display: flex;
  position: relative;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 132px;
  height: 124px;
  border-radius: 4px;
  margin-right: 20px;
  padding: 20px;
  flex-wrap: nowrap;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on {
  background-color: #1047a1;
  box-shadow: 0px 7px 7px rgba(110, 82, 82, 0.12);
  cursor: pointer;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon01 {
  background: url("../image/tutorial-industry-icon01.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon02 {
  background: url("../image/tutorial-industry-icon02.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon03 {
  background: url("../image/tutorial-industry-icon03.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon04 {
  background: url("../image/tutorial-industry-icon04.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon05 {
  background: url("../image/tutorial-industry-icon05.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon06 {
  background: url("../image/tutorial-industry-icon06.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon07 {
  background: url("../image/tutorial-industry-icon07.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  .tutorial-industry-icon08 {
  background: url("../image/tutorial-industry-icon08.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon01,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon01 {
  background: url("../image/tutorial-industry-icon01-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon02,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon02 {
  background: url("../image/tutorial-industry-icon02-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon03,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon03 {
  background: url("../image/tutorial-industry-icon03-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon04,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon04 {
  background: url("../image/tutorial-industry-icon04-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon05,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon05 {
  background: url("../image/tutorial-industry-icon05-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon06,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon06 {
  background: url("../image/tutorial-industry-icon06-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon07,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon07 {
  background: url("../image/tutorial-industry-icon07-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  .tutorial-industry-icon08,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  .tutorial-industry-icon08 {
  background: url("../image/tutorial-industry-icon08-hov.png") no-repeat center
    center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li
  p.exp {
  padding-top: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #001c49;
  word-break: break-all;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li:hover
  p.exp,
.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideContent
  ul
  li.on
  p.exp {
  color: #fff;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns {
  z-index: 0;
  position: absolute;
  top: 53px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  button {
  width: 49px;
  height: 49px;
  background: url("./../image/common/page_search_next02.png") 0 0/100% auto
    no-repeat;
}

.tutorialService_page02
  .industry-classification
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  button.slideNext {
  transform: rotate(180deg);
}

.tutorialService_page02 .sec-wrap .left {
  width: 277px;
  margin-right: 20px;
}

.tutorialService_page02 .all_service-list-area {
  position: sticky;
  top: 94px;
  right: 0;
  width: 277px;
}

.tutorialService_page02 .all_service-list {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.tutorialService_page02 .all_service-list:first-child {
  margin-bottom: 30px;
}

.tutorialService_page02 .all_service-list .list-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.tutorialService_page02 .all_service-list .list-body::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #ccc;
}

.tutorialService_page02 .all_service-list .list-body::-webkit-scrollbar-track {
  border-radius: 0;
}

.tutorialService_page02
  .all_service-list
  .list-body::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #e3e3e3;
}

.tutorialService_page02
  .all_service-list
  .list-body::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid #e3e3e3;
}

.tutorialService_page02 .all_service-list .list-body::-webkit-scrollbar-corner {
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}

.tutorialService_page02 .list-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

/*문의하기*/
.inline_btn {
  display: inline-block;
}

@media screen and (max-height: 800px) {
  .tutorialService_page02 .all_service-list-area {
    padding-right: 6px;
    height: calc(100vh - 110px);
    overflow-y: scroll;
  }

  .tutorialService_page02 .all_service-list-area::-webkit-scrollbar {
    width: 10px;
  }

  .tutorialService_page02 .all_service-list-area::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ccc;
  }

  .tutorialService_page02 .all_service-list-area::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #eee;
  }

  .tutorialService_page02 .all_service-list-area .list-body {
    height: 680px !important;
  }
}

.tutorialService_page02 .all_service-list .list-head {
  padding: 18px;
  border-bottom: 1px solid #ccc;
  color: #fff;
  position: relative;
}

.tutorialService_page02 .all_service-list .list-head.first {
  background-color: #00439a;
}

.tutorialService_page02 .all_service-list .list-head.first::after {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  right: 0;
  top: 0;
  background: url("../image/icon_list-head-f.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list-head.second {
  background-color: #00a0e9;
}

.tutorialService_page02 .all_service-list .list-head.second::after {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  right: 0;
  top: 0;
  background: url("../image/icon_list-head-s.png") center no-repeat;
  background-size: 70%;
}

.tutorialService_page02 .all_service-list .list-head .tit {
  display: block;
  text-align: left;
  color: #fff;
  font-size: 20px;
  font-weight: bolder;
}

.tutorialService_page02 .all_service-list .list-head .btn-wrap .btn {
  width: 110px;
  height: 34px;
  font-size: 15px;
  color: #777;
  border: 1px solid #ccc;
  background-color: #fff;
}

.tutorialService_page02 .all_btn-list {
  margin-top: 20px;
}

.tutorialService_page02 .all_btn-list button {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 20px 25px;
  min-width: 275px;
  height: 75px;
  justify-content: flex-start;
  color: #fff;
  font-size: 20px;
  font-weight: bolder;
}

.tutorialService_page02 .all_btn-list .btn-f {
  background: url("../image/bg_btn-f.png") center no-repeat;
}

.tutorialService_page02 .all_btn-list .btn-s {
  background: url("../image/bg_btn-s.png") center no-repeat;
}

.tutorialService_page02 .all_service-list .c1 a:hover,
.tutorialService_page02 .all_service-list .btn.c2 a:hover {
  text-decoration: underline;
}

.tutorialService_page02 .all_service-list .c1.on {
  color: #0094e9 !important;
}

.tutorialService_page02 .all_service-list .btn.c1.on {
  border: 1px solid #0094e9 !important;
  color: #0094e9 !important;
}

.tutorialService_page02 .all_service-list .c2.on {
  color: #dc7922 !important;
}

.tutorialService_page02 .all_service-list .btn.c2.on {
  border: 1px solid #dc7922 !important;
  color: #dc7922 !important;
}

.c_page02 .all_service-list .list-body {
  overflow: auto;
  height: calc(100vh - 229px);
  max-height: 680px;
  white-space: nowrap;
}

.tutorialService_page02 .all_service-list .list-body .list-wrap {
  width: 100%;
  display: table;
}

.tutorialService_page02 .all_service-list .list .c1 {
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
  cursor: pointer;
}

.tutorialService_page02 .all_service-list .list .c1::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -20px;
  width: 50px;
  height: 40px;
}

.tutorialService_page02 .all_service-list .list .c1.i-01::before {
  background: url("../image/icon_list01.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c1.i-02::before {
  background: url("../image/icon_list02.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c1.i-03::before {
  background: url("../image/icon_list03.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c1.i-04::before {
  background: url("../image/icon_list04.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c1.i-05::before {
  background: url("../image/icon_list05.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c1.i-06::before {
  background: url("../image/icon_list06.png") center no-repeat;
  background-size: 50%;
}

.tutorialService_page02 .all_service-list .list .c2 {
  position: relative;
  padding-left: 10px;
}

.tutorialService_page02 .all_service-list .list .c2::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #dc7922;
}

.tutorialService_page02 .all_service-list .list .tit {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #111;
  background-color: #f9f9f9;
  cursor: pointer;
}

.tutorialService_page02 .all_service-list .list > ul {
  padding: 12px 20px;
  width: 100%;
}

.tutorialService_page02 .all_service-list .list > ul > li:not(:last-child) {
  margin-bottom: 6px;
}

.tutorialService_page02 .all_service-list .list ul .tit {
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  color: #111;
}

.tutorialService_page02 .all_service-list .list ul li {
  line-height: 30px;
  font-size: 16px;
}

.tutorialService_page02 .all_service-list .list a {
  display: inline-block;
}

.tutorialService_page02 .tutorialService-list > ul > li {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 230px;
  width: 100%;
}

.tutorialService_page02 .tutorialService-list > ul > li:not(:first-child) {
  margin-top: 16px;
}

.tutorialService_page02 .tutorialService-list > ul > li a {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 20px 40px 20px 20px;
  border-radius: 4px;
}

.tutorialService_page02 .tutorialService-list > ul > li a:hover {
  background-color: #f9f9f9;
}

.tutorialService_page02 .tutorialService-list > ul > li > a > p {
  width: 270px;
  height: 188px;
  margin-right: 40px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 0;
  overflow: hidden;
}

.tutorialService_page02 .tutorialService-list > ul > li a p img {
  /*    
  width: 100%;
  height: 100%;
  object-fit: contain;
*/

  width: inherit;
  height: inherit;
  object-fit: inherit;
}

.tutorialService_page02 .tutorialService-list li a .tit-area {
  width: calc(100% - 270px - 40px);
  padding: 28px 0;
}

.tutorialService_page02
  .tutorialService-list
  li
  a
  .tit-area
  .boardTop_badge_wrap {
  display: flex;
  align-items: center;
}

.tutorialService_page02
  .tutorialService-list
  li
  a
  .tit-area
  .boardTop_badge_wrap
  .badge {
  margin-right: 5px;
}

.tutorialService_page02
  .tutorialService-list
  li
  a
  .tit-area
  .boardTop_badge_wrap
  p {
  margin: 0 0 0 3px;
}

.tutorialService_page02
  .tutorialService-list
  li
  a
  .tit-area
  .boardTop_badge_wrap
  .subject-txt {
  font-size: 14px;
  color: #666;
}

.tutorialService_page02 .tutorialService-list li a .tit-area h4 {
  margin-top: 26px;
  line-height: 30px;
  font-size: 22px;
  font-weight: 600;
  color: #111;
}

.tutorialService_page02 .tutorialService-list li a .tit-area p {
  width: 100%;
  margin-top: 4px;
  line-height: 24px;
  font-size: 15px;
}

.tutorialService_page02 .tutorialService-list li a .noImg {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
}

.tutorialService_page02 .tutorialService-list li a p.noImg .noImg-txt {
  display: block;
  font-size: 15px;
  color: #999;
  font-weight: 500;
  margin-top: 0;
}

.all_service-list .list-body .list-wrap .list .c1.active {
  color: #00439a;
  text-decoration: underline;
  font-weight: bolder;
}

.all_service-list.second .list-body .list-wrap .list .c1.active {
  color: #13a7eb;
  text-decoration: underline;
}

.all_service-list .list-body .list-wrap .list .c2.active {
  color: #dc7922;
}

.all_service-list .list-body .list-wrap .list .c1.active a,
.all_service-list .list-body .list-wrap .list .c2.active a {
  text-decoration: underline;
}

/* 2023.09.26 추가 수정 */
.sec-wrap.df {
  justify-content: center;
}

.list-body .list-scroll {
  overflow-y: auto;
  height: 100%;
}

.list-scroll::-webkit-scrollbar {
  width: 17px;
}

.list-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #e9e9e9;
  /* 여백을 위한 값 */
  border: 5px solid #fff;
}

.list-scroll::-webkit-resizer {
  display: none;
}

.list-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

/* ======================================== // 엔지니어링SW 튜토리얼 서비스 ======================================== */

/* ======================================== 엔지니어링SW 튜토리얼 서비스 상세 ======================================== */

.tutorialService-view .detail-head {
  padding: 30px 30px 22px;
  border: 1px solid #555;
  border-radius: 4px;
  box-shadow: 0 10px 13px -5px rgba(0, 0, 0, 0.2);
}

.tutorialService-view .detail-head .slideWrap {
  margin-right: 50px;
}

.tutorialService-view .detail-head .slideWrap .slider .slideContent {
  position: relative;
  width: 350px;
  height: 230px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}

.tutorialService-view .detail-head .slideWrap .slider .slideContent ul {
  display: flex;
  position: absolute;
  top: -1px;
}

.tutorialService-view .detail-head .slideWrap .slider .slideContent ul li {
  flex-shrink: 0;
  width: 350px;
  height: 230px;
  border-radius: 3px;
  flex-wrap: nowrap;
  margin: 0;
}

.tutorialService-view .detail-head .slideWrap .slider .slideContent ul li img {
  /* 
  width: 100%;
  height: 100%;
  object-fit: contain;
 */
  width: inherit;
  height: inherit;
  object-fit: inherit;
}

.tutorialService-view .detail-head .slideWrap .slider .slideContent .noImg {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideContent
  .noImg
  .noImg-txt {
  display: block;
  font-size: 15px;
  color: #999;
  font-weight: 500;
  margin-top: 0;
}

.tutorialService-view .detail-head .slideWrap .slider .slideBottom {
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 35px;
  display: flex;
  align-items: center;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  button.slidePrev {
  transform: rotate(180deg);
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  .slideNow {
  font-weight: 600;
  font-size: 14px;
  color: #0094e9;
  padding: 0 8px 0 6px;
  border-right: 1px solid #d4d4d4;
  min-width: 35px;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  .slideMax {
  font-size: 14px;
  font-weight: 500;
  color: #444444;
  padding: 0 6px 0 8px;
  min-width: 35px;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  button {
  width: 35px;
  height: 35px;
  background: url("./../image/common/page_search_next.png");
  margin: 0 20px;
}

.tutorialService-view
  .detail-head
  .slideWrap
  .slider
  .slideBottom
  .centerSlideBtns
  button.disable {
  pointer-events: none;
  opacity: 0.5;
}

.tutorialService-view .detail-head .right {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tutorialService-view .detail-head .tit-area {
  width: 100%;
  padding: 20px 0;
}

.tutorialService-view .detail-head .tit-area .boardTop_badge_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 34px;
}

.tutorialService-view .detail-head .tit-area .boardTop_badge_wrap .badge {
  margin-right: 5px;
}

.tutorialService-view .detail-head .tit-area .subject-txt {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.tutorialService-view .detail-head .tit-area h4 {
  line-height: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #111;
}

.tutorialService-view .download-area {
  padding-top: 25px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border-top: 1px solid #e3e3e3;
  font-size: 15px;
  line-height: 19px;
}

.tutorialService-view .download-area p {
  position: relative;
  flex-shrink: 0;
  margin-right: 16px;
  padding-right: 17px;
  font-size: inherit;
  line-height: inherit;
  color: #111;
}

.tutorialService-view .download-area p::after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: #ccc;
}

.tutorialService-view .download-area ul {
  display: flex;
  flex-wrap: wrap;
}

.tutorialService-view .download-area ul li {
  margin: 0 18px 10px 0;
  font-size: inherit;
  line-height: inherit;
}

.tutorialService-view .download-area ul li a {
  display: block;
}

.tutorialService-view .download-area ul li a:hover {
  text-underline-position: under;
  color: #0094e9;
  text-decoration: underline;
  cursor: pointer;
}

.tutorialService-view .detail-body {
  margin-bottom: 80px;
}

.tutorialService-view .detail-body .txt-area {
  padding: 57px 30px 30px;
}

.tutorialService-view .detail-body .txt-area > div {
  margin-bottom: 30px;
}

.tutorialService-view .detail-body .txt-area em.tit {
  display: block;
  margin-bottom: 13px;
  font-size: 21px;
  line-height: 26px;
  font-weight: 600;
  color: #111;
}

.tutorialService-view .detail-body .txt-area p {
  font-size: 16px;
  line-height: 26px;
}

.tutorialService-view .detail-body .list-style01 > li > p {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 5px 3px;
  padding-left: 9px;
  letter-spacing: -0.02em;
}

.tutorialService-view .detail-body .list-style01 > li > p::before {
  content: "•";
  position: absolute;
  left: 0;
}

.tutorialService-view .detail-body .list-style02 {
  margin-left: 12px;
}

.tutorialService-view .detail-body .list-style02 > li > p {
  position: relative;
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 4px;
  padding-left: 9px;
}

.tutorialService-view .detail-body .list-style02 > li > p::before {
  content: "-";
  position: absolute;
  left: 0;
}

.tutorialService_page03 .tutorialService-view .detail-body .txt-area-bottom {
  margin: 32px 0 0 0;
  justify-content: space-between;
  align-items: center;
}

.tutorialService-view .detail-body .txt-area-bottom .related-btn {
  color: #fff;
  background-color: #0094e9;
}

.tutorialService-view .detail-body .txt-area-bottom p {
  font-size: 14px;
  color: #666;
}

.tutorialService-view .video-area {
  padding-left: 30px;
  margin-top: 50px;
}

.tutorialService-view .video-area.pr {
  height: 748px;
  padding-right: 30px;
}

.tutorialService-view .video-area .video-box-wrap {
  width: 100%;
  height: 100%;
}

.tutorialService-view .video-area .video-box {
  width: 100%;
  min-width: 870px;
  min-height: 490px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  flex-shrink: 0;
}

.tutorialService-view .video-area .video-box .video-p {
  display: block;
  width: 100%;
  min-width: 868px;
  height: 100%;
  min-height: 488px;
}

.tutorialService-view .video-area.pr .video-p {
  min-height: 730px;
}

.tutorialService-view .video-area .video-box-wrap .tit {
  display: block;
  margin-top: 22px;
  line-height: 26px;
  font-size: 21px;
  font-weight: 600;
  color: #111;
}

.tutorialService-view .video-area .video-list {
  width: 440px;
  height: 490px;
  margin-left: 20px;
  flex-shrink: 0;
  overflow: auto;
}

.tutorialService-view .video-area .video-list.none {
  display: none;
}

.tutorialService-view .video-area .video-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.tutorialService-view .video-area .video-list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #ccc;
}

.tutorialService-view .video-area .video-list::-webkit-scrollbar-track {
  border-radius: 0;
  border: 1px solid #e3e3e3;
}

.tutorialService-view .video-area .video-list li {
  align-items: center;
  width: 100%;
  padding: 0 16px 0 7px;
}

.tutorialService-view .video-area .video-list li:hover {
  cursor: pointer;
}

.tutorialService-view .video-area .video-list li:not(:last-child) {
  margin-bottom: 23px;
}

.tutorialService-view .video-area .video-list li:first-child {
  margin-bottom: 24px;
}

.tutorialService-view .video-area .video-list li p {
  width: 186px;
  height: 105px;
  border: 1px solid #ccc;
  overflow: hidden;
  flex-shrink: 0;
}

.tutorialService-view .video-area .video-list li p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tutorialService-view .video-area .video-list li .tit {
  display: block;
  padding-left: 20px;
  font-size: 15px;
  color: #111;
}

.tutorialService_page03 .view-page-area {
  border-top: 1px solid #555;
}

.tutorialService_page03 .view-page-area .badge {
  margin-right: 10px;
}

.tutorialService_page03 .view-page-area a .ellipsis {
  vertical-align: middle;
}

/* ======================================== // 엔지니어링SW 튜토리얼 서비스 상세 ======================================== */

/* ======================================== platformIntroduce_page00 ======================================== */

.platformIntroduce_page00 .contents-body {
  max-width: 100%;
}

.platformIntroduce_page00 .platform_introduce {
  padding: 120px 0 102px;
  background: url("../image/platform_introduce-back.jpg") no-repeat center
    top/cover;
}

.platformIntroduce_page00 .platform_introduce .txt-box {
  padding-bottom: 70px;
}

.platformIntroduce_page00 .platform_introduce .txt-box p,
.platformIntroduce_page00 .platform_introduce .txt-box em {
  display: block;
  text-align: center;
  color: #fff;
}

.platformIntroduce_page00 .platform_introduce .txt-box p:nth-of-type(1) {
  font-size: 24px;
  margin-bottom: 13px;
}

.platformIntroduce_page00 .platform_introduce .txt-box em {
  font-size: 44px;
  line-height: 76px;
}

.platformIntroduce_page00 .platform_introduce .txt-box p:nth-of-type(2) {
  margin-top: 26px;
  font-size: 16px;
  line-height: 26px;
}

.platformIntroduce_page00 .platform_introduce .circle .circle-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.platformIntroduce_page00 .platform_introduce .circle .circle-list li {
  padding: 159px 30px 71px;
  width: 280px;
  height: 280px;
  text-align: center;
  border-radius: 280px;
  font-size: 17px;
  line-height: 26px;
  color: #fff;
}

.platformIntroduce_page00
  .platform_introduce
  .circle
  .circle-list
  li:first-child {
  margin-right: -30px;
  background: url("../image/platform_introduce-circle01-icon.png") no-repeat
    center 72px rgba(0, 148, 233, 0.8);
}

.platformIntroduce_page00
  .platform_introduce
  .circle
  .circle-list
  li:nth-child(2) {
  position: relative;
  background: url("../image/platform_introduce-circle02-icon.png") no-repeat
    center 73px rgba(16, 71, 161, 0.8);
}

.platformIntroduce_page00
  .platform_introduce
  .circle
  .circle-list
  li:last-child {
  margin-left: -30px;
  background: url("../image/platform_introduce-circle03-icon.png") no-repeat
    center 77px rgba(0, 148, 233, 0.8);
}

.platformIntroduce_page00 h4 {
  padding: 100px 0 20px;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.platformIntroduce_page00 .platform_configuration .platform_configuration-list {
  display: flex;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li {
  max-width: 410px;
  width: 100%;
  text-align: center;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:not(:last-child) {
  position: relative;
  margin-right: 65px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -54px;
  width: 38px;
  height: 46px;
  background: url("../image/platform_configuration-list-arrow.png") no-repeat
    center center;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li
  em {
  padding: 24px;
  display: block;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-weight: 600;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(1)
  .logo-list {
  display: flex;
  flex-wrap: wrap;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(1)
  .logo-list
  li {
  width: 50%;
  height: 92px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(1)
  .logo-list
  li:nth-child(odd) {
  border-right: 1px solid #efefef;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(1)
  .logo-list
  li:nth-child(n + 3) {
  border-top: 1px solid #efefef;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle {
  height: 279px;
  padding: 30px;
  border-bottom: 1px solid #efefef;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  p {
  display: inline-block;
  height: 38px;
  padding: 8px 28px;
  font-size: 17px;
  font-weight: 600;
  border: 1px solid #1047a1;
  border-radius: 19px;
  color: #1047a1;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul {
  position: relative;
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 118px;
  background: url("../image/platform_configuration-middle-ul-back.png")
    no-repeat center bottom;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li {
  width: 50%;
  font-size: 15px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li:nth-child(odd) {
  padding-left: 79px;
  text-align: left;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li:nth-child(even) {
  padding-right: 79px;
  text-align: right;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li:nth-child(1) {
  width: 100%;
  text-align: center;
  padding: 0 0 40px 0;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li:nth-child(n + 2):nth-child(-n + 3) {
  padding-bottom: 37px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .middle
  ul
  li:nth-child(n + 4) {
  padding-bottom: 21px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom {
  height: 181px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.333%;
  height: 100%;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li:not(:nth-child(1)) {
  border-left: 1px solid #efefef;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li
  p {
  padding: 58px 40px 0;
  line-height: 20px;
  color: #222;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li:nth-child(1)
  p {
  background: url("../image/platform_configuration-list-li02-bottom-ul-icon01.png")
    no-repeat center 2px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li:nth-child(2)
  p {
  background: url("../image/platform_configuration-list-li02-bottom-ul-icon02.png")
    no-repeat center 2px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(2)
  .bottom
  ul
  li:nth-child(3)
  p {
  background: url("../image/platform_configuration-list-li02-bottom-ul-icon03.png")
    no-repeat center top;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li {
  height: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li:not(:first-child) {
  margin-top: 20px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li
  p {
  display: block;
  padding: 64px 40px 0;
  line-height: 20px;
  font-size: 17px;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li:nth-child(1)
  p {
  background: url("../image/platform_configuration-list-li03-ul-icon01.png")
    no-repeat center top;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li:nth-child(2)
  p {
  background: url("../image/platform_configuration-list-li03-ul-icon02.png")
    no-repeat center top;
}

.platformIntroduce_page00
  .platform_configuration
  .platform_configuration-list
  > li:nth-child(3)
  ul
  li:nth-child(3)
  p {
  background: url("../image/platform_configuration-list-li03-ul-icon03.png")
    no-repeat center top;
}

.platformIntroduce_page00 .main_service-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.platformIntroduce_page00 .main_service-list li {
  max-width: 325px;
  width: 100%;
  height: 210px;
  overflow: hidden;
  border-radius: 4px;
}

.platformIntroduce_page00 .main_service-list li:not(:nth-child(4n + 1)) {
  margin-left: 20px;
}

.platformIntroduce_page00 .main_service-list li:nth-child(n + 5) {
  margin-top: 20px;
}

.platformIntroduce_page00 .main_service-list li p {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 19px;
  line-height: 28px;
  color: #fff;
  cursor: pointer;
}

.platformIntroduce_page00 .main_service-list li p:after {
  transition: all 0.4s ease-in;
}

.platformIntroduce_page00 .main_service-list li p:hover::after {
  transform: scale(1.2);
}

.platformIntroduce_page00 .main_service-list li:nth-child(1) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list01-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(2) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list02-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(3) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list03-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(5) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list05-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(6) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list06-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(4) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list04-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(7) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list07-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .main_service-list li:nth-child(8) p::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/main_service-list08-back.jpg") no-repeat center
    center;
}

.platformIntroduce_page00 .platform_introduce-video video {
  width: 100%;
  height: 765px;
}

/* ======================================== // platformIntroduce_page00 ======================================== */

/* ======================================== useCase_page01 ======================================== */
/* 
.useCase_page01 .use_case-list{border:1px solid red;} */
.useCase_page01 .use_case-list > ul > li {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 250px;
}

.useCase_page01 .use_case-list > ul > li:not(:first-child) {
  margin-top: 20px;
}

.useCase_page01 .use_case-list > ul > li a {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 20px 40px 20px 20px;
}

.useCase_page01 .use_case-list > ul > li a:hover {
  background-color: #f9f9f9;
}

.useCase_page01 .use_case-list > ul > li > a > p {
  max-width: 310px;
  width: 100%;
  height: 210px;
  margin-right: 40px;
  flex-shrink: 0;
}

.useCase_page01 .use_case-list > ul > li a p img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
}

.useCase_page01 .use_case-list li a .txt-box {
  width: calc(100% - 50px - 310px - 40px);
  padding-right: 32px;
}

.useCase_page01 .use_case-list li a .txt-box .use_case-location {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-top: 38px;
}

.useCase_page01 .use_case-list li a .txt-box .use_case-location li {
  line-height: 26px;
  font-size: 15px;
  color: #0094e9;
}

.useCase_page01
  .use_case-list
  li
  a
  .txt-box
  .use_case-location
  li:not(:first-child)::before {
  content: "\003E";
  margin: 0 5px;
  line-height: 26px;
  font-size: 15px;
}

.useCase_page01 .use_case-list li a .txt-box h4 {
  margin-top: 15px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #111;
}

.useCase_page01 .use_case-list li a .txt-box p {
  width: 100%;
  margin-top: 11px;
  line-height: 26px;
  font-size: 15px;
}

.useCase_page01 .use_case-list li a .right {
  width: 50px;
  display: flex;
  align-items: center;
}

.useCase_page01 .use_case-list li a .right .btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #ccc;
  background: url("../image/use_case-list-arrow.png") no-repeat 20px center;
}

.useCase_page01 .use_case-list li a .right .btn:hover {
  border: none;
  border: 1px solid #1047a1;
  background: url("../image/use_case-list-arrow-hov.png") no-repeat 20px center
    #1047a1;
}

/* ======================================== // useCase_page01 ======================================== */

/* ======================================== useCase_page02 ======================================== */

.use_case-detail .txt-box {
  border-radius: 6px;
  background-color: #fff;
  padding: 0 90px;
  word-break: keep-all;
}

.use_case-detail .txt-box .tit-area {
  padding: 62px 0 47px 0;
  text-align: center;
  border-bottom: 2px solid #ccc;
}

.use_case-detail .txt-box .tit-area .use_case-location {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
}

.use_case-detail .txt-box .tit-area .use_case-location li {
  line-height: 26px;
  font-size: 15px;
}

.use_case-detail
  .txt-box
  .tit-area
  .use_case-location
  li:not(:first-child)::before {
  content: "\003E";
  margin: 0 5px;
  line-height: 26px;
  font-size: 15px;
}

.use_case-detail .txt-box .tit-area h4 {
  line-height: 40px;
  font-size: 32px;
  color: #111;
}

.use_case-detail .txt-box .txt-area {
  padding: 56px 0 60px 0;
  border-bottom: 1px solid #ccc;
}

.use_case-detail .txt-box .txt-area > ul > li {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

.use_case-detail .txt-box .txt-area > ul > li:not(:first-child) {
  margin-top: 35px;
}

.use_case-detail .txt-box .txt-area > ul > li .left {
  max-width: 153px;
  width: 100%;
}

.use_case-detail .txt-box .txt-area > ul > li .left em {
  display: block;
  padding-left: 5px;
  font-size: 19px;
  color: #1047a1;
}

.use_case-detail .txt-box .txt-area > ul > li .right {
  width: 100%;
  padding-left: 59px;
}

.use_case-detail .txt-box .txt-area > ul > li .right p {
  line-height: 26px;
}

.use_case-detail .txt-box .txt-area .service-contents ul {
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
}

.use_case-detail .txt-box .txt-area .service-contents ul li:not(:first-child) {
  margin-top: 2px;
}

.use_case-detail .txt-box .txt-area .use-status .list-style-disc {
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
}

.use_case-detail .txt-box .txt-area .use-status .list-style-disc li {
  position: relative;
  padding-left: 10px;
}

.use_case-detail .txt-box .txt-area .use-status .list-style-disc li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #444;
}

.use_case-detail
  .txt-box
  .txt-area
  .use-status
  .list-style-disc
  li:not(:first-child) {
  margin-top: 2px;
}

.use_case-detail .txt-box .txt-area .use-effect ul {
  display: flex;
}

.use_case-detail .txt-box .txt-area .use-effect ul li {
  max-width: 309px;
  width: 100%;
  padding: 49px 36px 40px;
  border-radius: 10px;
}

.use_case-detail .txt-box .txt-area .use-effect ul li:not(:first-child) {
  margin-left: 20px;
}

.use_case-detail .txt-box .txt-area .use-effect ul li:nth-child(1) {
  background-color: #0094e9;
}

.use_case-detail .txt-box .txt-area .use-effect ul li:nth-child(2) {
  background-color: #1047a1;
}

.use_case-detail .txt-box .txt-area .use-effect ul li:nth-child(3) {
  background-color: #0094e9;
}

.use_case-detail .txt-box .txt-area .use-effect ul li p {
  padding-top: 87px;
  line-height: 24px;
  letter-spacing: -0.01em;
  font-size: 15px;
  color: #fff;
}

/* use_case-detail01 */
.use_case-detail01 {
  padding-top: 272px;
  background: url("../image/use_case-detail01.jpg") no-repeat center top;
}

.use_case-detail01
  .txt-box
  .txt-area
  .service-contents
  .right
  p:not(:last-child) {
  margin-bottom: 3px;
}

.use_case-detail01 .txt-box .txt-area .service-contents ul {
  margin-top: 5px;
}

.use_case-detail01 .txt-box .txt-area .use-effect ul li:nth-child(1) p {
  background: url("../image/use_case-detail01-use-effect-icon01.png") no-repeat
    left top;
}

.use_case-detail01 .txt-box .txt-area .use-effect ul li:nth-child(2) p {
  background: url("../image/use_case-detail01-use-effect-icon02.png") no-repeat
    left top;
}

.use_case-detail01 .txt-box .txt-area .use-effect ul li:nth-child(3) p {
  background: url("../image/use_case-detail01-use-effect-icon03.png") no-repeat
    left top;
}

/* use_case-detail02 */
.use_case-detail02 {
  padding-top: 272px;
  background: url("../image/use_case-detail02.jpg") no-repeat center top;
}

.use_case-detail02 .txt-box .txt-area .use-effect ul li:nth-child(1) p {
  background: url("../image/use_case-detail02-use-effect-icon01.png") no-repeat
    left top;
}

.use_case-detail02 .txt-box .txt-area .use-effect ul li:nth-child(2) p {
  background: url("../image/use_case-detail02-use-effect-icon02.png") no-repeat
    left 4px;
}

.use_case-detail02 .txt-box .txt-area .use-effect ul li:nth-child(3) p {
  background: url("../image/use_case-detail02-use-effect-icon03.png") no-repeat
    left top;
}

/* use_case-detail03 */
.use_case-detail03 {
  padding-top: 272px;
  background: url("../image/use_case-detail03.jpg") no-repeat center top;
}

/* 2024.05.14 */
.use_case-detail04 {
  padding-top: 272px;
  background: url("../image/use_case-detail04.png") no-repeat center top;
}

.use_case-detail04
  .txt-box
  .txt-area
  .service-contents
  .right
  p:not(:last-child) {
  margin-bottom: 3px;
}

.use_case-detail04 .txt-box .txt-area .service-contents ul {
  margin-top: 5px;
}

.use_case-detail05 {
  padding-top: 272px;
  background: url("../image/use_case-detail05.png") no-repeat center top;
}

.use_case-detail04
  .txt-box
  .txt-area
  .service-contents
  .right
  p:not(:last-child) {
  margin-bottom: 3px;
}

.use_case-detail04 .txt-box .txt-area .service-contents ul {
  margin-top: 5px;
}

/* 2023.10.10 */
.use_case-detail .txt-box .txt-area > ul > li.service-contents-video {
  justify-content: center;
  margin-top: 65px;
}



/* ======================================== // useCase_page02 ======================================== */

/* ======================================== notice_page01 ======================================== */

.notice_page01 .search-wrap .select-area {
  max-width: 169px;
}

.notice_page01 .search-wrap .search-area {
  max-width: 621px;
}

.notice_page01 table td:nth-last-child(-n + 2) {
  font-size: 15px;
}

/* ======================================== // notice_page01 ======================================== */

/* ======================================== notice_page02 ======================================== */

.notice_page02 tbody tr:nth-child(2) td .badge {
  margin-right: 10px;
}

/* ======================================== // notice_page02 ======================================== */

/* ======================================== qna_page01 ======================================== */

.qna_page01 .search-wrap .select-area {
  max-width: 348px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.qna_page01 .search-wrap .search-area {
  max-width: 621px;
}

.qna_page01 .list-table tbody td:first-child {
  /*font-size: 15px;*/
  color: #555;
}

.qna_page01 .list-table tbody td:last-child {
  font-size: 15px;
  font-weight: 400;
}

.qna_page01 .list-table tbody .answer td:nth-child(2) {
  padding-left: 40px;
  background: url("../image/qna-answer-arrow.png") no-repeat 20px center;
}

/* ======================================== // qna_page01 ======================================== */

/* ======================================== qna_page03 ======================================== */
.qna_page03 table th {
  color: #111;
  font-weight: 600;
}

.qna_page03 table th span {
  color: #111;
  font-weight: 600;
}

.qna_page03 table tr:last-child td {
  font-size: 15px;
}

/* ======================================== // qna_page03 ======================================== */

/* ======================================== qna_page04 ======================================== */
.qna_page04 table th {
  color: #111;
  font-weight: 600;
}

.qna_page04 table th span {
  color: #111;
  font-weight: 600;
}

.qna_page04 table tr:last-child td {
  font-size: 15px;
}

/* ======================================== // qna_page04 ======================================== */

/* ======================================== referenceRoom_page01 ======================================== */

.referenceRoom_page01 .search-wrap .select-area {
  max-width: 348px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.referenceRoom_page01 .search-wrap .search-area {
  max-width: 621px;
}

.referenceRoom_page01 table tbody td:first-child,
.referenceRoom_page01 table tbody td:last-child {
  font-size: 15px;
}

/* ======================================== // referenceRoom_page01 ======================================== */

/* ======================================== referenceRoom_page02 ======================================== */

.referenceRoom_page02 tbody tr:first-child td .left .tag {
  margin-top: 9px;
}

.referenceRoom_page02 tbody tr:nth-child(2) td .badge {
  margin-right: 10px;
}

/* ======================================== // referenceRoom_page02 ======================================== */

/* ======================================== notificationService_page01 ======================================== */
.notificationService_page01 table:nth-of-type(1) tr:nth-child(2) td {
  display: flex;
  align-items: center;
}

.notificationService_page01 table:nth-of-type(1) tr:nth-child(2) td button {
  margin-left: 28px;
}

.notificationService_page01 table:nth-of-type(2) td ul {
  margin-bottom: 16px;
}

.notificationService_page01 table:nth-of-type(2) td ul li {
  line-height: 26px;
}

/* ======================================== // notificationService_page01 ======================================== */

/* ======================================== notificationService_page02 ======================================== */
.notificationService_page02 .table-top {
  justify-content: right;
}

.notificationService_page02 table:nth-of-type(1) tr:nth-child(2) td {
  display: flex;
  align-items: center;
}

.notificationService_page02 table:nth-of-type(1) tr:nth-child(2) td button {
  margin-left: 28px;
}

.notificationService_page02 table:nth-of-type(2) td ul {
  margin-bottom: 16px;
}

.notificationService_page02 table:nth-of-type(2) td ul li {
  line-height: 26px;
}

/* ======================================== // notificationService_page02 ======================================== */

/* ======================================== notificationService_page04 ======================================== */

.notificationService_page04 .search-wrap .select-area:nth-of-type(1) {
  position: relative;
  max-width: 309px;
  margin-right: 20px;
  padding-right: 21px;
}

.notificationService_page04 .search-wrap .select-area:nth-of-type(1):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 29px;
  background-color: #bababa;
}

.notificationService_page04 .search-wrap .select-area:nth-of-type(1) select {
  max-width: 137px;
}

.notificationService_page04 .search-wrap .select-area:nth-of-type(2) {
  max-width: 149px;
}

.notificationService_page04 .search-wrap .select-area:nth-of-type(2) select {
  max-width: 149px;
}

.notificationService_page04 .search-wrap .search-area {
  max-width: 541px;
}

.notificationService_page04 th {
  font-size: 16px;
}

.notificationService_page04 td {
  font-size: 15px;
}

.notificationService_page04 tbody td:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

.notificationService_page04 td .popup_btn {
  font-size: 15px;
}

/* ======================================== // notificationService_page04 ======================================== */

/* ======================================== // faq_page01 ======================================== */
.faq_page01 td {
  padding: 16px 12px;
}

.faq_page01 .search-wrap .select-area {
  max-width: 169px;
}

.faq_page01 .search-wrap .search-area {
  max-width: 621px;
}

.faq_page01 .board-list {
  display: none;
}

.faq_page01 .board-list.on {
  display: block;
}

.faq_page01 .board-list tr {
  height: 61px;
}

.faq_page01 .board-list tr:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.faq_page01 .board-list td .q {
  position: relative;
  margin-left: 12px;
  padding-left: 27px;
  font-size: 17px;
  color: #000011;
}

.faq_page01 .board-list td .q::before {
  content: "Q.";
  position: absolute;
  top: 0;
  left: 0;
  color: #888;
}

.faq_page01 .board-list .answer {
  width: 100%;
  height: auto;
  border: 0;
}

.faq_page01 .board-list .answer td {
  padding: 0;
  background-color: #f9fbfe;
}

.faq_page01 .board-list .answer td div {
  display: none;
  padding: 16px calc(5% + 12px) 16px 120px;
  border-top: 1px solid #e3e3e3;
}

.faq_page01 .board-list .answer td .a {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.faq_page01 .board-list .answer td .a::before {
  content: "A.";
  color: #0094e9;
  position: absolute;
  top: 0;
  left: 0;
}

/* ======================================== // faq_page01 ======================================== */

/* ======================================== questionHistory_page00 ======================================== */

.questionHistory_page00 .search-wrap .select-area {
  max-width: 348px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.questionHistory_page00 .search-wrap .search-area {
  max-width: 621px;
}

.questionHistory_page00 .list-table tbody td:first-child {
  /*font-size: 15px;*/
  color: #555;
}

.questionHistory_page00 .list-table tbody td:last-child {
  font-size: 15px;
  font-weight: 400;
}

.questionHistory_page00 .list-table tbody .answer td:nth-child(2) {
  padding-left: 130px;
  background: url("../image/qna-answer-arrow.png") no-repeat 110px center;
}

/* ======================================== // questionHistory_page00 ======================================== */

/* ======================================== my_page00 ======================================== */
.my_page00 .contents-body {
  padding-top: 40px;
}

.my_page00 .ecm_admin-box {
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 20px 35px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fbfbfb;
}

.my_page00 .ecm_admin-box a {
  width: 20px;
  height: 22px;
  background: url("../image/ecm_admin-box-icon.png") no-repeat center center;
}

.my_page00 .my-activity {
  display: flex;
}

.my_page00 .my-activity .box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  border-radius: 6px;
}

.my_page00 .my-activity .box:not(:first-child) {
  margin-left: 20px;
  padding: 32px 42px 35px 26px;
}

.my_page00 .my-activity .my-info {
  max-width: 550px;
  height: 270px;
  padding: 47px 40px 30px 58px;
  background-color: #f4f6fa;
}

.my_page00 .my-activity .visit_count {
  max-width: 250px;
  height: 270px;
  background-color: #f0f9ff;
}

.my_page00 .my-activity .download_count {
  max-width: 250px;
  height: 270px;
  background-color: #f1f4ff;
}

.my_page00 .my-activity .notification_service_count {
  max-width: 250px;
  height: 270px;
  background-color: #f6fcf8;
}

.my_page00 .my-activity .my-info .company-icon {
  background: url("../image/company-icon.png") no-repeat 9px bottom;
}

.my_page00 .my-activity .my-info .individual-icon {
  background: url("../image/individual-icon.png") no-repeat left
    calc(100% - 4px);
}

.my_page00 .my-activity .my-info .top {
  padding-left: 90px;
}

.my_page00 .my-activity .my-info .top p:nth-child(1) {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  color: #001c49;
  border-bottom: 2px solid #001c49;
}

.my_page00 .my-activity .my-info .name {
  font-size: 32px;
  font-weight: 600;
  color: #001c49;
}

.my_page00 .my-activity .my-info .name span {
  margin-left: 11px;
  font-size: 22px;
  font-weight: 400;
}

.my_page00 .my-activity .my-info .top p:nth-child(3) {
  margin-top: 11px;
  font-size: 13px;
  color: #555;
}

.my_page00 .my-activity .visit_count .top {
  position: relative;
  padding-top: 79px;
}

.my_page00 .my-activity .visit_count .top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 55px;
  border-radius: 20px;
  background-color: #0094e9;
}

.my_page00 .my-activity .visit_count .top::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 22px;
  height: 22px;
  background: url("../image/visit_count-icon.png") no-repeat;
}

.my_page00 .my-activity .download_count .top {
  position: relative;
  padding-top: 79px;
}

.my_page00 .my-activity .download_count .top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 55px;
  border-radius: 20px;
  background-color: #2879f4;
}

.my_page00 .my-activity .download_count .top::after {
  content: "";
  position: absolute;
  left: 17px;
  top: 16px;
  width: 21px;
  height: 23px;
  background: url("../image/download_count-icon.png") no-repeat;
}

.my_page00 .my-activity .notification_service_count .top {
  position: relative;
  padding-top: 79px;
}

.my_page00 .my-activity .notification_service_count .top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 55px;
  border-radius: 20px;
  background-color: #84bd00;
}

.my_page00 .my-activity .notification_service_count .top::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 15px;
  width: 19px;
  height: 25px;
  background: url("../image/notification_service_count-icon.png") no-repeat;
}

.my_page00 .my-activity .box em {
  display: block;
  margin-bottom: 11px;
  font-size: 21px;
  font-weight: 600;
  color: #001c49;
}

.my_page00 .my-activity .box p {
  font-size: 13px;
  color: #555;
}

.my_page00 .my-activity .box .bottom {
  justify-content: right;
  text-align: right;
  font-size: 28px;
}

.my_page00 .my-activity .box .bottom span {
  font-weight: 600;
  letter-spacing: -0.05em;
}

.my_page00 .my-activity .notification_service_count .bottom .btn {
  background-color: #67a505;
  color: #fff;
}

.my_page00 .my-activity-log {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.my_page00 .my-activity-log section {
  width: 50%;
  max-width: 670px;
  height: 409px;
  padding: 7px 30px 30px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.my_page00 .my-activity-log section:nth-child(even) {
  margin-left: 20px;
}

.my_page00 .my-activity-log section:not(:nth-child(-n + 2)) {
  margin-top: 20px;
}

.my_page00 .my-activity-log section .talbe-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 63px;
  padding-left: 10px;
}

.my_page00 .my-activity-log section h3 {
  font-size: 20px;
  font-weight: 600;
  color: #111;
}

.my_page00 .my-activity-log .notification-history .talbe-top h3 {
  padding-left: 31px;
  background: url("../image/notification-history-icon.png") no-repeat 5px center;
}

.my_page00 .my-activity-log .interest_data-history .talbe-top h3 {
  padding-left: 31px;
  background: url("../image/interest_data-history-icon.png") no-repeat 7px
    center;
}

.my_page00 .my-activity-log .download_data-history .talbe-top h3 {
  padding-left: 31px;
  background: url("../image/download_data-history-icon.png") no-repeat 4px
    center;
}

.my_page00 .my-activity-log section .talbe-top a {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}

.my_page00 .my-activity-log section .talbe-top a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: #777;
}

.my_page00 .my-activity-log section .talbe-top a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #777;
}

.my_page00 .my-activity-log section > div:nth-child(2) {
  height: calc(100% - 63px);
}

.my_page00 .my-activity-log section table {
  border-top: 1px solid #222;
  border-bottom: 1px solid #e3e3e3;
}

.my_page00 .my-activity-log section table tr {
  height: 51px;
}

.my_page00 .my-activity-log section table th {
  padding: 11px;
  font-size: 16px;
}

.my_page00 .my-activity-log section table td {
  padding: 11px;
  font-size: 15px;
}

.my_page00 .my-activity-log section table td:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

.my_page00 .my-activity-log section table td:first-child {
  letter-spacing: -0.02em;
}

.my_page00 .my-activity-log section table td:last-child {
  font-size: 14px;
  letter-spacing: -0.02em;
}

.my_page00 .my-activity-log section table td .ellipsis {
  display: block;
}

.my_page00 .my-activity-log .search-history {
  border: none;
  padding: 0;
}

.my_page00 .my-activity-log .search-history .selectItem {
  display: block;
  width: 100%;
  max-width: 670px;
  height: 195px;
  padding: 7px 30px 30px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.my_page00 .my-activity-log .search-history .selectItem .searchInputPush {
  margin-bottom: 9px;
}

.my_page00 .my-activity-log .search-history .selectItem:not(:first-child) {
  margin-top: 20px;
}

.my_page00 .my-activity-log .search-history .selectItem .list-top {
  display: flex;
  align-items: center;
  height: 63px;
}

.my_page00 .my-activity-log .search-history .selectItem .list {
  margin-top: 40px;
  flex-wrap: wrap;
}

.my_page00 .my-activity-log .data-none-result-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* ======================================== // my_page00 ======================================== */

/* ======================================== editProfile_page01 ======================================== */

.editProfile_page01 .contents-body > .txt-box {
  text-align: center;
  padding: 40px 0 36px 0;
  line-height: 28px;
  font-size: 17px;
  border-top: 1px solid #ccc;
}

.editProfile_page01 td .input-box {
  position: relative;
  max-width: 506px;
}

.editProfile_page01 td .inputVal-icon-area {
  top: 9px;
  right: 16px;
}

/* ======================================== // editProfile_page01 ======================================== */

/* ======================================== editProfile_page02 ======================================== */
/* 

.editProfile_page03 table tr:last-child td a{vertical-align:baseline; text-underline-position: under; color: #0094e9; text-decoration: underline;} */

/* ======================================== // editProfile_page02 ======================================== */

/* ======================================== editProfile_page02 ======================================== */

/* *FO-020104.html과 레이아웃 동일하게 사용하여 css 통합 */

.editProfile_page02 .table-top {
  justify-content: right;
}

.editProfile_page02 .board table td input {
  max-width: 506px;
}

.editProfile_page02 .board table td .btn {
  margin-left: 6px;
}

.editProfile_page02 .board table .change-pw-btn-area .btn {
  margin-left: 0;
}

.editProfile_page02 .signUp-pw {
  position: relative;
  display: flex;
  max-width: 506px;
}

.editProfile_page02 .signUp-pw .inputVal-icon-area {
  right: 16px;
  top: 9px;
}

.editProfile_page02 .board table td .df {
  align-items: center;
}

.editProfile_page02 .board table .business-registration-number input {
  max-width: 276px;
}

.editProfile_page02
  .board
  table
  .business-registration-number
  input:not(:first-of-type) {
  margin-left: 6px;
}

.editProfile_page02 .board .business-license .btn,
.editProfile_page02 .board .business-card .btn {
  margin: 0;
}

.editProfile_page02 .board .business-license .note,
.editProfile_page02 .board .business-card .note {
  margin-left: 13px;
  vertical-align: middle;
  color: #777;
}

.editProfile_page02 .board table .signUp-email {
  flex-direction: column;
}

.editProfile_page02 .board table .signUp-email div {
  align-items: center;
}

.editProfile_page02 .board table .signUp-email input {
  max-width: 276px;
}

.editProfile_page02 .board table .signUp-email span {
  padding: 0 7px;
}

.editProfile_page02 .board table .signUp-email select {
  max-width: 276px;
  margin-left: 6px;
}

.editProfile_page02 .board table .company-code-area input {
  max-width: 276px;
}

.editProfile_page02 .board table .company-code-area .note {
  margin-left: 14px;
}

/* ======================================== // editProfile_page02 ======================================== */

/* ======================================== editProfile_page05 ======================================== */
.editProfile_page05 .input-box > div {
  position: relative;
  display: flex;
}

/* .editProfile_page05 .input-box>div .placeholder {padding: 12px 48px 12px 16px;} */
.editProfile_page05 .input-box .login-pw {
  margin-top: 17px;
}

.editProfile_page05 .input-box .change-pw:nth-child(2) {
  margin-top: 17px;
}

.editProfile_page05 .input-box .change-pw:nth-child(3) {
  margin-top: 10px;
}

.editProfile_page05 .input-box .pw-inner {
  position: relative;
  max-width: calc(100% - 26px);
  width: 100%;
}

.editProfile_page05 .input-box .inputVal-icon-area {
  top: 10px;
  right: 16px;
}

/* ======================================== // editProfile_page05 ======================================== */

/* ======================================== editProfile_page06 ======================================== */
.editProfile_page06 {
  max-width: 1080px;
  min-width: 984px;
  width: calc(100% - 40px);
  max-height: 695px;
  /* height:calc(100vh - 8%); */
  overflow: hidden;
}

.editProfile_page06 .popup_head {
  padding-top: 32px;
}

.editProfile_page06 .sign_up-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.editProfile_page06 .sign_up-list li {
  position: relative;
  max-width: 420px;
  width: 100%;
}

.editProfile_page06 .sign_up-list li:not(:first-child) {
  margin-left: 80px;
}

.editProfile_page06 .sign_up-list li a {
  width: 100%;
  max-width: 420px;
  height: 546px;
  padding: 63px 50px 50px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 10px;
  transition: all ease-in-out 0.4s;
}

.editProfile_page06 .sign_up-list li a:hover,
.editProfile_page06 .sign_up-list li a:focus {
  border: 2px solid #1047a1;
  background-color: #f9fdff;
}

.editProfile_page06 .sign_up-list li a.disabled:hover,
.editProfile_page06 .sign_up-list li a.disabled:focus {
  border: 2px solid #ccc;
  background-color: transparent;
  cursor: default;
}

.editProfile_page06 .sign_up-list li .tit {
  position: relative;
  display: inline-block;
  padding: 97px 27px 28px;
  font-size: 27px;
  font-weight: 600;
  color: #1047a1;
}

.editProfile_page06 .sign_up-list li .tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background-color: #1047a1;
}

.editProfile_page06 .sign_up-list li:nth-child(1) a div .tit {
  background: url("../image/sign_up-list-icon01.png") no-repeat center top;
}

.editProfile_page06 .sign_up-list li:nth-child(2) a div .tit {
  background: url("../image/sign_up-list-icon02.png") no-repeat center top;
}

.editProfile_page06 .sign_up-list li a div p:nth-of-type(1) {
  margin-top: 41px;
  line-height: 26px;
  font-size: 17px;
  color: #111;
}

.editProfile_page06 .sign_up-list li a div p:nth-of-type(2) {
  margin-top: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #111;
}

.editProfile_page06 .sign_up-list li a div p:nth-of-type(3) {
  margin-top: 3px;
  line-height: 22px;
  font-size: 14px;
  color: #1047a1;
}

.editProfile_page06 .sign_up-list li a button {
  min-width: 120px;
  height: 40px;
  margin: 0 auto;
  padding: 0 31px;
  border-radius: 120px;
  font-size: 16px;
  font-weight: 500;
}

/* ======================================== // editProfile_page06 ======================================== */

/* ======================================== editProfile_page07 ======================================== */
.editProfile_page07 .agree-box:nth-of-type(1) {
  margin-top: 63px;
}

.editProfile_page07 .agree-box:nth-of-type(2) {
  margin-top: 45px;
}

.editProfile_page07 .agree-box-top {
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.editProfile_page07 .agree-box-top em {
  font-size: 21px;
  font-weight: 600;
  color: #111;
}

.editProfile_page07 .agree-box-body {
  position: relative;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.editProfile_page07 .agree-box-body .txt-box {
  padding: 25px 30px;
}

.editProfile_page07 .agree-box-body .txt-box p {
  font-size: 15px;
  line-height: 24px;
}

.editProfile_page07 .agree-box-body .txt-box p:not(:first-child) {
  margin-top: 2px;
}

.editProfile_page07 .agree-box-body .txt-box ul {
  margin-top: 15px;
}

.editProfile_page07 .agree-box-body .txt-box ul li {
  font-size: 15px;
  align-items: center;
  line-height: 26px;
}

.editProfile_page07 .agree-box-body .txt-box ul li:not(:first-child) {
  margin-top: 5px;
}

.editProfile_page07 .agree-box-body .txt-box ul li em {
  display: inline-block;
  width: 73px;
  margin-right: 20px;
}

.editProfile_page07 .agree-area > .chk-area {
  margin-top: 30px;
}

.editProfile_page07 .agree-area > .chk-area li:not(:first-child) {
  margin-top: 13px;
}

.editProfile_page07 .page-bottom-wrap {
  margin-top: 80px;
}

/* ======================================== // editProfile_page07 ======================================== */

/* ======================================== editProfile_page08 ======================================== */
.editProfile_page08 .delete_account_reason-area {
  margin-top: 63px;
}

.editProfile_page08 .delete_account_reason-box-top {
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.editProfile_page08 .delete_account_reason-box-top em {
  margin-left: 6px;
  font-size: 19px;
  font-weight: 600;
  color: #111;
}

.editProfile_page08 .delete_account_reason-box-body {
  position: relative;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.editProfile_page08 .delete_account_reason-box-body .txt-box {
  padding: 25px 30px;
}

.editProfile_page08 .delete_account_reason-box-body .txt-box p {
  font-size: 15px;
}

.editProfile_page08 .delete_account_reason-box-body .txt-box .chk-area {
  margin-top: 14px;
}

.editProfile_page08
  .delete_account_reason-box-body
  .txt-box
  .chk-area
  li:not(:first-child) {
  margin-top: 10px;
}

.editProfile_page08
  .delete_account_reason-box-body
  .txt-box
  .chk-area
  li
  .account_reason-input {
  margin-top: 14px;
}

/* ======================================== // editProfile_page08 ======================================== */

/* ======================================== editProfile_page09 ======================================== */
.editProfile_page09 .txt-box {
  margin-top: 75px;
  padding: 170px 0 20px 0;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  color: #111;
  background: url("../image/editProfile_page09-txt-box-icon.png") no-repeat
    center top;
}

.editProfile_page09 .txt-box p:first-child {
  margin-bottom: 12px;
  font-size: 21px;
}

/* ======================================== // editProfile_page09 ======================================== */

/* ======================================== interestData_page00 ======================================== */

.interestData_page00 .search-wrap .select-area:nth-of-type(1) {
  position: relative;
  max-width: 200px;
  margin-right: 20px;
  padding-right: 21px;
}

.interestData_page00 .search-wrap .select-area:nth-of-type(1):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 29px;
  background-color: #bababa;
}

.interestData_page00 .search-wrap .select-area:nth-of-type(1) select {
  max-width: 179px;
}

.interestData_page00 .search-wrap .select-area:nth-of-type(2) {
  max-width: 149px;
}

.interestData_page00 .search-wrap .select-area:nth-of-type(2) select {
  max-width: 149px;
}

.interestData_page00 .search-wrap .search-area {
  max-width: 541px;
}

.interestData_page00 th {
  font-size: 16px;
}

.interestData_page00 td {
  font-size: 15px;
}

.interestData_page00 tbody td:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

.interestData_page00 td .popup_btn {
  font-size: 15px;
}

/* ======================================== // interestData_page00 ======================================== */

/* ======================================== socialLoginAccountManagement_page00 ======================================== */
.socialLoginAccountManagement_page00 .social-login-management-box {
  max-width: 460px;
  margin: 0 auto;
}

.socialLoginAccountManagement_page00 .social-login-account-list li {
  opacity: 0.4;
  position: relative;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 4px;
  align-items: center;
  padding: 30px 87px 30px 45px;
  cursor: pointer;
}

.socialLoginAccountManagement_page00 .social-login-account-list li::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../image/social-login-management-account-chk-icon.png")
    no-repeat calc(100% - 50px) center;
  opacity: 0.4;
}

.socialLoginAccountManagement_page00 .social-login-account-list li.on {
  opacity: 1;
}

.socialLoginAccountManagement_page00 .social-login-account-list li::after {
  opacity: 1;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  li:not(:first-child) {
  margin-top: 14px;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  .unlinked::after {
  background: none;
  cursor: default;
}

.socialLoginAccountManagement_page00 .social-login-account-list i {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  .social-login-naver
  i {
  background-color: #00c300;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  .social-login-kakao
  i {
  background-color: #ffd900;
}

.socialLoginAccountManagement_page00 .social-login-account-list i img {
  display: block;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  .social-login-naver
  i
  img {
  width: 17px;
  margin: 19px auto;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  .social-login-kakao
  i
  img {
  width: 23px;
  margin: 17px 18px;
}

.socialLoginAccountManagement_page00 .social-login-account-list div {
  margin-left: 26px;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  div
  p:nth-child(1) {
  font-size: 19px;
  font-weight: 600;
  color: #111;
}

.socialLoginAccountManagement_page00
  .social-login-account-list
  div
  p:nth-child(2) {
  margin-top: 9px;
  font-size: 13px;
  color: #777;
}

.socialLoginAccountManagement_page00 .notice-area {
  border-bottom: 0;
  margin-top: 20px;
}

.socialLoginAccountManagement_page00 .notice-area li {
  font-size: 14px;
  line-height: 24px;
}

.socialLoginAccountManagement_page00 .notice-area li:not(:first-child) {
  margin-top: 1px;
}

/* ======================================== // socialLoginAccountManagement_page00 ======================================== */

/* ======================================== seviceApply_page01 ======================================== */

.seviceApply_page01 .search-wrap .select-area {
  max-width: 169px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.seviceApply_page01 .search-wrap .search-area {
  max-width: 621px;
}

.seviceApply_page01 .list-table tbody td:first-child {
  /*font-size: 15px;*/
  color: #555;
}

.seviceApply_page01 .list-table tbody td:last-child {
  font-size: 15px;
  font-weight: 400;
}

.seviceApply_page01 .list-table tbody .answer td:nth-child(2) {
  padding-left: 32px;
  background: url("../image/qna-answer-arrow.png") no-repeat 12px center;
}

/* ======================================== // seviceApply_page01 ======================================== */

/* ======================================== seviceApply_page02 ======================================== */
.seviceApply_page02 .table-top-box {
  margin-bottom: 20px;
  padding: 30px 0;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
}

.seviceApply_page02 .table-top-box .left {
  max-width: 246px;
  width: 100%;
  height: 78px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid #bbb;
  box-sizing: border-box;
}

.seviceApply_page02 .table-top-box .left em {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #1047a1;
}

.seviceApply_page02 .table-top-box .right {
  width: 100%;
  padding: 0 60px 0 54px;
}

.seviceApply_page02 .table-top-box .right ul li {
  line-height: 20px;
  width: 100%;
}

.seviceApply_page02 .table-top-box .right ul li:nth-child(1) {
  padding: 0 0 22px 34px;
  border-bottom: 1px solid #e3e3e3;
  background: url("../image/seviceApply-table-top-box-right-icon01.png")
    no-repeat 7px top;
}

.seviceApply_page02 .table-top-box .right ul li:nth-child(2) {
  padding-left: 34px;
  background: url("../image/seviceApply-table-top-box-right-icon02.png")
    no-repeat 5px center;
}

.seviceApply_page02 .table-top-box .right ul li:not(:first-child) {
  margin-top: 21px;
}

/* ======================================== // seviceApply_page02 ======================================== */

/* ======================================== 프로젝트 발주정보 분석 ======================================== */
.announcementInputBox {
  width: 100%;
  position: relative;
}

.announcementInputBox input {
  padding-right: 40px;
}

.announcementInputBox .deleteButton {
  display: none;
  position: absolute;
  width: 13px;
  height: 13px;
  background: url("./../image/common/icon_search_close02.png");
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.announcementInputBox .deleteButton.active {
  display: block;
}

/* ======================================== // 프로젝트 발주정보 분석 ======================================== */

/* ======================================== 서비스 준비 중 안내 ======================================== */
.comingsoon-txt-box {
  text-align: center;
  padding-top: 80px;
}

.comingsoon-txt-box > strong {
  display: block;
  padding-top: 117px;
  line-height: 40px;
  font-size: 30px;
  color: #111;
  background: url("../image/caution-icon02.png") no-repeat center top;
}

.comingsoon-txt-box > strong em {
  display: block;
  color: #111;
}

/* ======================================== // 서비스 준비 중 안내 ======================================== */

/* ======================================== BIM 라이브러리 커뮤니티 ======================================== */

.bimCommunity {
  background: url(../image/bimCommunityBgimg.jpg) no-repeat center top/cover;
  width: 100%;
  height: 430px;
  padding: 148px 0 128px 0;
}

.txt-box.New {
  text-align: center;
  color: #fff;
}

.txt-box.New em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: inherit;
  height: 265px;
}

.contentsCenter {
  max-width: 1400px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-width: 1400px;
}

.search-wrap.New {
  margin: 80px 0 40px 0;
}

.selectBox {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 350px;
  margin-right: 0;
}

.selectBox:after {
  content: "";
  width: 1px;
  height: 29px;
  background-color: #bababa;
  margin: 0 20px;
}

.selectBox .select,
.search-area.New .select {
  max-width: 137px;
}

.search-area.New .select {
  max-width: 149px;
}

.search-area.New {
  width: auto;
}

.search-area.New input[type="search"] {
  width: 548px;
  box-sizing: border-box;
}

/* 커뮤니티 보드 */
.commentNew {
  margin-top: 3px;
}

.commentNew span:nth-of-type(1) {
  margin-right: 7px;
}

.commentNew span:nth-of-type(2) {
  margin-right: 4px;
}

.txt_up {
  vertical-align: text-top;
}

.tdPadding {
  padding-bottom: 10px;
}

.commentNew span {
  font-size: 14px;
  color: #777;
}

.btn-wrap.right {
  justify-content: end;
}

/* 커뮤니티 FO-050306 */
.board.New {
  margin-top: 80px;
}

.select.New {
  width: 280px;
}

.editor_area {
  height: 316px;
  background: #ffcbcb;
  border-radius: 3px;
}

.editor_area span {
  font-size: 30px;
  text-align: center;
  display: block;
  line-height: 316px;
}

.fileUpload {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.file-drag-drop {
  border: 1px solid #bababa;
  border-radius: 3px;
  height: 180px;
}

.file-drag-drop > span {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 16px;
  display: inline-block;
}

.fileUploadDate {
  display: flex;
  flex-direction: column;
}

.filename {
  padding-top: 7px;
  display: flex;
  align-items: center;
}

.filename .badge {
  margin-left: 12px;
}

.fileUploadDate span {
  font-size: 14px;
}

.filename i:last-child {
  font-size: 21px;
  transform: translateY(1px);
  cursor: pointer;
}

/* 커뮤니티 해시태그 FO-050307 */
.left.New {
  display: flex;
  flex-direction: column;
}

.tit.New {
  margin: 5px 0 3px 0;
}

.community-info {
  display: flex;
}

.community-info p {
  padding-right: 10px;
}

.community-info span,
.community-info p {
  font-size: 14px;
}

.badge_file.New {
  padding-left: 8px;
}

.hashtagBox {
  display: flex;
  margin: 20px 0 0 0;
}

.hashtagBox li {
  padding: 0 12px;
  background-color: #45a594;
  border-radius: 3px;
  margin-right: 5px;
}

.hashtagBox li a {
  color: #fff;
  font-size: 14px;
}

.hashtagBox li a:before {
  content: "#";
}

.right.New span {
  font-size: 14px;
}

.comment-icon {
  background: url(../image/comment-ico.png) no-repeat no-repeat left center;
  margin-left: 20px;
  padding-left: 21px;
  background-size: 15px;
}

.file-list {
  padding: 10px 0;
  margin-left: 0;
}

.Kebap-icon,
.meatball-icon {
  background: url(../image/Kebap-ico.png) no-repeat no-repeat left center;
  border-left: 0;
  display: inline-block;
  padding: 0 8px;
  margin-left: 18px;
  cursor: pointer;
  position: relative;
}

/* Kebap-layer */
.Kebap-layer {
  width: 135px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 10px;
  background-color: #fff;
  position: absolute;
  right: 43px;
  top: 150px;
  display: none;
}

.Kebap-layer p {
  font-size: 14px;
  cursor: pointer;
}

.view-head .Kebap-layer > p:hover {
  text-decoration: underline;
}

/* commentInput */
.commentInput {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f6f9fd;
  padding: 20px 15px;
}

.commentText {
  min-height: 120px;
  max-height: 200px;
  border: 1px solid #bababa;
  background-color: #fff;
  border-radius: 3px;
  padding: 13px;
  margin-bottom: 10px;
}

.small-btn-01 {
  padding: 0px 25px;
}

.small-btn-02 {
  padding: 7px 10px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 600;
}

.camera-icon::after {
  content: "";
  background: url(../image/camera-ico.png) no-repeat no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  transform: translateY(-1px);
  margin-right: 2px;
}

.commentText[placeholder]:empty:after {
  content: attr(placeholder);
  color: #999;
  font-weight: 400;
  font-size: 15px;
}

.comment__Img {
  width: 52px;
  height: 52px;
  position: relative;
}

.comment__Img img {
  width: inherit;
  height: inherit;
  object-fit: cover;
  margin-top: 15px;
}

.comment__Img i:after {
  content: "\e922";
  font-family: xeicon !important;
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: #fff;
  background-color: #444;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 38px;
  cursor: pointer;
}

.CountingBox {
  display: flex;
  justify-content: end;
}

.CountingBox p {
  font-size: 14px;
  color: #777;
}

.commentInputBtn {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}

/* 댓글창 */
.commentWrap {
  margin-top: 80px;
}

.commentWrap-body {
  border-top: 1px solid #ccc;
  padding: 28px 0;
}

.commentContent {
  padding: 0 15px;
}

.commentSum {
  font-size: 17px;
  font-weight: 500;
  color: #111;
  padding: 30px 0 25px 15px;
}

.comment_sort_txt {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comment_sort_txt a {
  font-size: 15px;
}

.commentWrap-headLeft a:first-child:after {
  content: "";
  margin: 0 5px;
  width: 1px;
  height: 13px;
  vertical-align: middle;
  background-color: #ccc;
  display: inline-block;
}

.commentWrap-headRight {
  display: flex;
  align-items: center;
}

.commentRotate {
  background: url("./../image/common/icon_page_search_selectReset.png")
    no-repeat no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.commentContent-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.commentTime {
  font-size: 13px;
  color: #777;
}

.commentContent-top__right {
  position: relative;
}

.meatball-icon {
  height: 15px;
  transform: rotate(90deg);
}

.click-layer {
  width: 135px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 10px;
  background-color: #fff;
  position: absolute;
  right: 0px;
  top: 15px;
  display: none;
}

.click-layer p {
  cursor: pointer;
  padding: 2px 0;
}

.commentContent-bottom > span {
  line-height: 22px;
}

/* 신고된 댓글 */
.commentPostIcon {
  display: none;
}

.commentPostText {
  color: #777777;
}

/* 댓글 이미지 */
.commentImg {
  width: 230px;
  height: 300px;
}

.commentImg > img {
  object-fit: cover;
}

/* 댓글 수정 */
.commentInput.Edit {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
  margin: 50px 0;
}

.commentEditBtn {
  display: flex;
  gap: 10px;
}

/* 이전글, 다음글 */
.view-page-area.New {
  border-top: 1px solid #555;
  margin-top: 50px;
}

.view-page-area.New .prev .ellipsis {
  color: #777;
}

/* 신고하기 팝업 */
.popup_info {
  display: inline-block;
  padding-bottom: 15px;
}

.popup_content_bottom .popup_content_info {
  font-size: 16px;
  padding: 20px 0;
}

.post-popup_container tr:first-child {
  border-top: 1px solid #555;
}

.post-popup_container tr:last-child {
  border-bottom: 1px solid #555;
}

.post-popup_container .txt_left.New {
  padding: 0px 30px;
  font-size: 15px;
}

.postSelectContent {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.postSelectContent:nth-of-type(1) {
  border-top: 1px solid #ccc;
}

.btn-wrap.post-popup {
  padding-top: 20px;
}

/* 유의사항 */
.notice-area > ul .notice-head {
  color: #111111;
}

/* ======================================== // BIM 라이브러리 커뮤니티 ======================================== */

/* ======================================== 교량데이터 분석 서비스 FO-051000 ======================================== */
.bridge_analyze {
  padding-top: 508px;
  background: url("../image/bridge_analyze.png") no-repeat center top;
}

.bridge_analyze .txt-box {
  border-radius: 6px;
  background-color: #fff;
  padding: 0 90px;
  word-break: keep-all;
}

.bridge_analyze .txt-box .tit-area {
  padding: 40px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.bridge_analyze .txt-box .tit-area h4 {
  line-height: 20px;
  font-size: 20px;
  color: #111;
  padding-bottom: 30px;
  text-align: left;
  font-weight: 600;
}

.bridge_analyze .txt-box .tit-area p {
  width: 100%;
  line-height: 22px;
  font-size: 15px;
}

.bridge_analyze .txt-box .notice-area {
  padding: 25px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}

.bridge_analyze .txt-box .btn-table-top {
  display: table;
  margin-left: auto;
  margin-bottom: 10px;
}

.bridge_analyze .txt-box .btn-table-top .btn_re_analyze {
  position: relative;
  height: 36px;
  font-size: 13px;
  font-weight: 400;
  padding: 0 16px;
  padding-left: 32px;
  letter-spacing: 0.6px;
  background-image: url(./../image/common/icon_page_search_selectReset.png);
  background-repeat: no-repeat;
  background-position: 10px;
}

.bridge_analyze .txt-box .bridge_analyze_result {
  width: 100%;
  height: 70px;
  background-color: #eee;
  border-radius: 5px;
  padding: 23px 30px;
  margin: 20px 0;
}

.bridge_analyze .txt-box .bridge_analyze_result span {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  height: 20px;
}

.bridge_analyze .txt-box .bridge_analyze_result span:first-child::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 26px;
  background-color: #888;
  margin-left: 15px;
  margin-bottom: -5px;
}

.bridge_analyze .txt-box .bridge_analyze_result .bridge_analyze_result_yet {
  color: #777;
  padding-left: 15px;
  font-weight: 500;
  font-size: 16px;
}

.bridge_analyze .txt-box .bridge_analyze_result .bridge_analyze_result_num {
  color: #0094e9;
  padding-left: 15px;
  display: none;
}

.bridge_analyze .txt-box .bridge_analyze_table_tit {
  padding-top: 30px;
  margin-bottom: -15px;
  font-size: 18px;
  padding-left: 6px;
  font-weight: 600;
  color: #111;
}

.bridge_chart_area .echart {
  display: inline-block;
  margin-top: 50px;
}

/* ======================================== 사출압데이터 분석 서비스 FO-051100 ======================================== */
.bridge_analyze.pressure {
  padding-top: 478px;
  background: url("../image/bg_pressure.png") no-repeat center top;
}

.bridge_analyze.pressure .txt-box {
  padding: 0;
}

.bridge_analyze.pressure .txt-box .tit-area {
  padding: 40px;
  text-align: center;
  margin-bottom: 30px;
  background-color: #8f8f8f;
  border-radius: 15px;
}

.bridge_analyze.pressure .txt-box .tit-area h4,
.bridge_analyze.pressure .txt-box .tit-area p {
  color: #fff;
}

.pressure_select_wrap {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.pressure_select_wrap .list-area {
  max-width: 510px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 12px 20px;
  display: flex;
  flex-wrap: wrap;
  background: #ccc;
}

.pressure_select_wrap .list-area li {
  line-height: 30px;
  font-size: 16px;
  padding-bottom: 3px;
  cursor: pointer;
  width: 47%;
  background: #fff;
  margin-right: 14px;
  margin-bottom: 8px;
  border-radius: 20px;
  text-align: center;
  padding: 10px;
  height: max-content;
}

.pressure_select_wrap .list-area li.active {
  color: #0094e9;
  text-decoration: underline;
  font-weight: bold;
  border: 3px solid #0094e9;
}

.pressure_select_wrap .list-area li::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 62px;
  vertical-align: middle;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
}

.pressure_select_wrap .list-area .c1.i-01::before {
  background: url(../image/pressure_sm_img11.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-02::before {
  background: url(../image/pressure_sm_img03.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-03::before {
  background: url(../image/pressure_sm_img08.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-04::before {
  background: url(../image/pressure_sm_img09.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-05::before {
  background: url(../image/pressure_sm_img01.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-06::before {
  background: url(../image/pressure_sm_img10.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-07::before {
  background: url(../image/pressure_sm_img02.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-08::before {
  background: url(../image/pressure_sm_img03.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-09::before {
  background: url(../image/pressure_sm_img04.png) center center no-repeat;
}

.pressure_select_wrap .list-area .c1.i-10::before {
  background: url(../image/pressure_sm_img05.png) center center no-repeat;
}

.pressure_select_wrap .pressure_item {
  flex: 2;
}

.pressure_select_wrap .select_area {
  display: flex;
  margin-bottom: 27px;
}

.pressure_select_wrap .select_area > img {
  width: 325px;
  height: fit-content;
  margin: auto 0;
}

.pressure_select_wrap .pressure_item .select_area .list-table {
  width: 70%;
  font-size: 14px;
}

.pressure_select_wrap .pressure_item .select_area .list-table tbody th {
  padding: 18px 0 18px 20px;
}

.pressure_select_wrap .pressure_item .select_area .list-table tbody td {
  word-break: break-word;
  height: 82px;
}

.bridge_analyze .pressure_item .btn_re_analyze {
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  padding: 0 16px;
  padding-left: 32px;
  letter-spacing: 0.6px;
  background-image: url(./../image/common/icon_page_search_selectReset.png);
  background-repeat: no-repeat;
  background-position: 10px;
}

.bridge_analyze.pressure .txt-box .bridge_analyze_result {
  width: 100%;
  height: 70px;
  background-color: #eee;
  border-radius: 5px;
  padding: 23px 30px;
  margin: 20px 0;
}

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

.bridge_analyze.pressure .txt-box .bridge_analyze_result.type02 {
  width: 30%;
}

.bridge_analyze.pressure .txt-box .bridge_analyze_result span {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  height: 20px;
}

.bridge_analyze.pressure
  .txt-box
  .bridge_analyze_result
  .bridge_analyze_result_yet:first-child::after {
  display: none;
}

.bridge_analyze.pressure
  .txt-box
  .bridge_analyze_result
  .bridge_analyze_result_yet {
  display: block;
  color: #777;
  padding-left: 15px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  line-height: 27px;
}

.pressure_chart {
  margin-top: 100px;
}

/* ======================================== 도로설계지원 서비스 FO-050500 ======================================== */

.productStorageIntroduce_page00.road_design .productStorage_introduce {
  background: url("../image/road_design-back.png") no-repeat center;
}

/* ======================================== // 도로설계지원 서비스 FO-050500 ======================================== */

/* ========================================  개인정보 변경 FO-080303 ======================================== */

.board-2-notice {
  margin-top: 70px;
}

.notice-icon-New {
  font-size: 15px;
}

.notice-icon-New::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  transform: translateY(-2px);
  padding-left: 24px;
  background: url(../image/notice-area-icon.png) no-repeat top left;
}

/* ======================================== // 개인정보 변경 FO-080303 ===================================== */

/* ======================================== 엔지니어링 공공데이터셋 서비스 FO-050801 ===================================== */

.star:before {
  content: "*";
  color: #0094e9;
}

.contents-head .star {
  color: #0094e9;
}

.searchPageWrap.design_support_service
  .noneResulutWrap
  .noneResultContent
  .noneResul_list {
  padding-left: 75px;
}

.request-icon::before {
  content: "";
  display: inline-block;
  background: url(../image/request-ico.png) no-repeat center center;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
  transform: translateY(-1px);
}

/* ======================================== // 엔지니어링 공공데이터셋 서비스 FO-050801 ======================================== */

/* ======================================== AI 학습용데이터 FO-040125 ===================================== */
.ai_learing_wrap .top_txt {
  text-align: center;
  font-size: 23px;
  margin-top: 60px;
}

.ai_learing_wrap .ai_learing_item {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #d7e3ed;
  background-color: #f9fcff;
  border-radius: 10px;
  margin-top: 60px;
  color: #111;
}

.ai_learing_wrap .ai_learing_item img {
  width: 11%;
}

.ai_learing_wrap .ai_learing_item .ai_learing_right .txt_area {
  width: 820px;
}

.ai_learing_wrap .ai_learing_item .txt_area h4,
.ai_learing_wrap .ai_learing_item .txt_area .sub_tit {
  font-size: 20px;
  font-weight: bolder;
  margin-bottom: 10px;
  color: #001c49;
  display: inline-block;
}

.ai_learing_wrap .ai_learing_item .txt_area p {
  line-height: 24px;
}

.ai_learing_wrap .ai_learing_item .txt_area a {
  margin-left: 3px;
  color: #a50000;
  font-weight: bolder;
  display: inline-block;
  font-size: 18px;
  transform: translateY(-2px);
}

.ai_learing_wrap .ai_learing_item .txt_area a:after {
  content: "";
  display: inline-block;
  background: url(../image/common/icon_page_search_projectZoom.png) no-repeat
    center center;
  filter: invert(9%) sepia(99%) saturate(6269%) hue-rotate(5deg) brightness(77%)
    contrast(110%);
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 2px;
}

.ai_learing_wrap .download_area {
  display: flex;
  gap: 18px;
  margin-top: 20px;
}

.ai_learing_wrap .download_area button {
  padding: 12px 0px;
  border-radius: 50px;
  background-color: rgba(0, 90, 162, 0.7);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}

.ai_learing_wrap .download_area button:hover {
  background-color: rgb(0, 90, 162);
}

.ai_learing_wrap .download_area .undownload_btn {
  color: #fff;
  background-color: #555;
  cursor: default;
}

.ai_learing_wrap .download_area .undownload_btn:hover {
  background-color: #555;
}

/* ======================================== // AI 학습용데이터 FO-040125 ===================================== */

/* ===========================  AI 학습용데이터 최적도로 FO-040125_N 공통 =============================== */

.ai_learningdata_page {
  padding-top: 80px;
}

.ai_learningdata_page .btn-wrap {
  padding-top: 50px;
}

/* ===========================  AI 학습용데이터 최적도로 FO-040125_N 공통 =============================== */

/* ===========================  AI 학습용데이터 최적도로 FO-040125_1 =============================== */

.ai_learningdata_page.page01 .learning_data_wrap img {
  width: 100%;
  margin-bottom: 15px;
}

.ai_learningdata_page.page01 .ai_learningdata_introduce .txt-box p:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../image/ai_learing_img01.png) no-repeat center center;
  width: 280px;
  height: 280px;
}

.ai_learningdata_page.page01 .language_model_area {
  display: flex;
  margin-bottom: 100px;
  gap: 35px;
}

.ai_learningdata_page.page01 .language_model_wrap .language_model_area img {
  width: 55%;
}

.ai_learningdata_page.page01 .language_model_wrap .language_model_box p {
  margin-top: 30px;
  line-height: 26px;
}

.ai_learningdata_page.page01
  .language_model_wrap
  .language_model_box
  p:not(:first-child):before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background-color: #777;
  vertical-align: middle;
  transform: translateY(-1px);
}

.ai_learningdata_page.page01
  .language_model_wrap
  .language_model_box
  p:first-child {
  margin-top: 120px;
  font-weight: 600;
  font-size: 20px;
  color: #111;
}

/* =========================== //  AI 학습용데이터 최적도로 FO-040125_1 ============================= */

/* ===========================  AI 학습용데이터 최적도로 FO-040125_2 =============================== */
.ai_learningdata_page .contents-head.pt {
  padding-top: 50px;
}

.ai_learningdata_page .ai_learningdata_introduce {
  height: 380px;
  padding: 100px 0;
  background: #cce4fd;
  position: relative;
}

.ai_learningdata_page .ai_learningdata_introduce .txt-box em {
  display: inline-block;
  margin-bottom: 17px;
  line-height: 76px;
  font-size: 46px;
  color: #070a41;
}

.ai_learningdata_page .ai_learningdata_introduce .txt-box p {
  text-align: left;
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #070a41;
}

.ai_learningdata_page .ai_learningdata_introduce .txt-box p:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../image/ai_learing_img02.png) no-repeat center center;
  width: 280px;
  height: 280px;
}

.ai_learningdata_page .learning_data_wrap .learning_data_table,
.ai_learningdata_page .data_schema_wrap .data_schema_table {
  border-top: 1px solid #222;
  width: 100%;
  position: relative;
  overflow: auto;
  max-height: 600px;
}

.ai_learningdata_page .learning_data_wrap .learning_data_table thead th.field,
.ai_learningdata_page .data_schema_wrap .data_schema_table thead th.field {
  position: sticky;
  top: 0px;
}

.ai_learningdata_page h4 {
  padding: 100px 0 20px;
  text-align: center;
  line-height: 76px;
  font-size: 34px;
  font-weight: 600;
  color: #222;
}

.ai_learningdata_page .txt-box p,
.ai_learningdata_page .tit-box p {
  margin: 15px 0 50px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}

.algorithm_method_wrap .algorithm_method_area {
  display: flex;
  justify-content: space-between;
}

.algorithm_method_wrap .algorithm_method_box {
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}

.algorithm_method_wrap .algorithm_method_box:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -54px;
  width: 38px;
  height: 46px;
  background: url(../image/platform_configuration-list-arrow.png) no-repeat
    center center;
}

.algorithm_method_wrap .algorithm_method_box:last-child span.sub_txt {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}

.algorithm_method_wrap .algorithm_method_box:last-child span.sub_txt:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 25px;
  height: 3px;
  background-color: red;
  vertical-align: middle;
}

.algorithm_method_wrap .algorithm_method_box p {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 24px;
  font-size: 20px;
  font-weight: 600;
}

.algorithm_method_wrap .algorithm_method_box div > img {
  width: 410px;
}

/* ==========================  // AI 학습용데이터 최적도로 FO-040125_2 ============================= */

/* ==========================  AI 학습용데이터 교량 데이터 AI 분석FO-040125_3 ============================= */
.ai_learningdata_page.page03 .ai_learningdata_introduce .txt-box p:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../image/ai_learing_img03.png) no-repeat center center;
  width: 280px;
  height: 320px;
}

.ai_learningdata_page.page03 .learning_data_wrap img {
  width: 75%;
  margin: 0 auto;
  display: block;
}

.ai_learningdata_page.page03 .data_schema_wrap .data_schema_area p {
  text-align: center;
  font-size: 20px;
  margin: 100px 0 25px 0;
}

.ai_learningdata_page.page03
  .data_schema_wrap
  .data_schema_area:nth-of-type(2)
  p {
  margin-top: 0;
}

.ai_learningdata_page.page03 .algorithm_method_wrap .algorithm_method_box img {
  width: 75%;
  display: block;
  margin: 0 auto;
}

/* ======================== // AI 학습용데이터 교량 데이터 AI 분석 FO-040125_3 ============================= */

/* ==========================  AI 학습용데이터 사출성형 제조 데이터 FO-040125_4 ============================= */
.ai_learningdata_page.page04 .ai_learningdata_introduce .txt-box p:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../image/ai_learing_img04.png) no-repeat center center;
  width: 280px;
  height: 280px;
}

.ai_learningdata_page.page04 .data_info_area {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.ai_learningdata_page.page04 .data_info_area p {
  font-size: 28px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 20px 55px;
}

.ai_learningdata_page.page04 .data_info_area ul li {
  margin: 20px 0;
  /* text-align: center; */
  font-size: 17px;
}

.ai_learningdata_page.page04 .data_info_area ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background-color: #555;
  vertical-align: middle;
  transform: translateY(-1px);
}

.ai_learningdata_page.page04 .data_info_table p {
  text-align: center;
  font-size: 18px;
  margin: 120px 0 32px 0;
}

.ai_learningdata_page.page04 .algorithm_method_area img {
  width: 1360px;
  padding: 35px 40px;
}

/* ==========================  // AI 학습용데이터 사출성형 제조 데이터 FO-040125_4 ========================== */

/* ======================================== 데이터 요청 FO-070501 ===================================== */

.qna_page01 .search-wrap .select-area.New {
  max-width: 149px;
}

/* ======================================== // 데이터 요청 FO-070501 ======================================== */

/* ======================================== 홍보 동영상 FO-060300 ===================================== */

.promotion_video_area {
  margin-bottom: 120px;
}

.promotion_video_area .video_script {
  width: 38%;
  display: inline-block;
  padding: 25px;
  word-break: keep-all;
  vertical-align: top;
  height: 394px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin-left: 20px;
}

.promotion_video_area .video_script .video_tit {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #666;
}

.promotion_video_area .video_script .video_text {
  border-top: 3px solid #0094e9;
  font-size: 15px;
  overflow-y: auto;
  height: 296px;
  padding: 10px;
  line-height: 1.5;
  font-weight: 400;
  padding-top: 20px;
  color: #666;
}

.promotion_video_list_area {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  text-align: -webkit-center;
}

.promotion_video_list_area:last-child {
  margin-top: 60px;
}

.promotion_video_list_area .promotion_video_list {
  width: 24.9%;
}

.promotion_video_area video,
.promotion_video_list_area video {
  border-radius: 5px;
}

.promotion_video_list_area .promotion_video_list .video_list_tit {
  color: #444;
  padding: 15px 10px;
  word-break: keep-all;
  font-weight: 600;
  box-shadow: 4px 6px 15px #e7e7e7;
  width: 90%;
  border-radius: 5px;
}

.promotion_video_list_area .promotion_video_list .video_list_tit:hover {
  color: #0094e9;
}

.promotion_video_list_area .promotion_video_list.active .video_list_tit {
  color: #fff;
  background-color: #0094e9;
}

/* ======================================== // 홍보 동영상 FO-060300 ======================================== */
/* ======================================== 유의어 사전 관리 FO-080800 ======================================== */

.badge_file.New2 {
  padding-left: 12px;
}

.filename button.delete {
  background: url(./../image/common/icon_search_close02.png) 0 0 /100% auto no-repeat;
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

/* ======================================== // 유의어 사전 관리 FO-080800 ======================================== */

/* 반응형 */
@media (max-width: 768px) {
  /* .signUp_page03 .board */
  /* .board.board-view {
    overflow-x: scroll;
  } */

  /* 회원가입 - FO-020102 */
  .signUp_page02 .agree-box-top em {
    font-size: 13px;
    word-break: keep-all;
  }

  /* 2023.10.16 회원가입 - 정보입력 테이블 */
  table {
    width: 100%;
  }

  tbody th {
    border-right: none;
  }

  .signUp_page02 .agree-box-body .contents {
    padding: 30px 20px;
  }

  .signUp_page03 .board colgroup col {
    width: 100%;
    display: block;
  }

  .signUp_page03 .list-table tbody,
  .signUp_page03 .board tbody tr {
    display: block;
  }

  .signUp_page03 .board tbody tr,
  .signUp_page03 .board tbody th,
  .signUp_page03 .board tbody td {
    display: block;
    width: 100%;
    height: auto;
  }

  .signUp_page03 .board table td .user-id .btn {
    margin-top: 12px;
    width: 100%;
  }

  .signUp_page03 .board table td .user-id .btn,
  .signUp_page03 .board table .company-code-area .note {
    margin-left: 0px;
  }

  .signUp_page03 .board table td input {
    max-width: 100%;
    flex-direction: column;
  }

  .dif_mo {
    display: contents;
  }

  /* 2023.10.19 이메일 입력 칸 한줄로 반영 */
  .signUp_page03 .board table .signUp-email .dif_mo .id,
  .signUp_page03 .board table .signUp-email .dif_mo #domain {
    max-width: 45%;
    float: left;
  }

  .signUp_page03 .board table .signUp-email .dif_mo #domain {
    float: right;
  }

  .signUp_page03
    .board
    table
    .signUp-email
    .dif_mo
    select[name="domainSelect"] {
    display: none;
  }

  /* //2023.10.19 이메일 입력 칸 한줄로 반영 */

  .signUp_page03 .board table .signUp-email input {
    max-width: 100%;
    margin-bottom: 12px;
  }

  .signUp_page03 .board table .signUp-email select {
    max-width: 100%;
    margin-left: 0;
  }

  input[type="radio"] + label:not(:last-child) {
    margin-right: 10px;
  }

  .signUp_page03 .board tbody .txt_mo_blind {
    display: none;
  }

  .signUp_page03 .board table td .dif_mo .message-popup-btn {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
  }

  #authenticode {
    margin-top: 12px;
  }

  .signUp_page03 .board table td .df.user-id,
  .signUp_page03 .board table td.business-registration-number .df,
  .signUp_page03 .board table td .df.company-code-area {
    flex-direction: column;
    align-items: flex-start;
  }

  .signUp_page03 .board table .business-registration-number input,
  .signUp_page03 .board table .company-code-area input {
    max-width: 100%;
  }

  .signUp_page03
    .board
    table
    .business-registration-number
    input:not(:first-of-type) {
    margin: 14px 0;
  }

  .signUp_page03 .board .dif_mo .btn,
  .signUp_page03 .board table td.business-registration-number .btn {
    margin-left: 0px;
    width: 100%;
  }

  /* tooltip */
  .tooltipArea .tooltipContent {
    width: 270px;
    padding: 18px;
    left: -230px;
    transform: translateX(0%);
  }

  .tooltipArea .tooltipContent .tooltip-head .tit {
    font-size: 13px;
  }

  .tooltipArea .tooltipContent p.content {
    font-size: 11px;
  }

  .tooltipContent::after {
    top: -7px;
    left: 232px;
  }

  /* //2023.10.16 회원가입 - 정보입력 테이블 */

  .sign_up-step-area ul li i,
  .delete_account-step-area ul li i {
    width: 50px;
    height: 50px;
  }

  .terms_page00 .list-tit {
    font-size: 18px;
    word-break: keep-all;
    margin-bottom: 15px;
  }

  .terms_page00 em {
    font-size: 15px;
    word-break: keep-all;
  }

  .terms_page00 .txt-box > div p {
    font-size: 14px;
    word-break: keep-all;
  }

  .signUp_page02 .agree-area > .chk-area label {
    font-size: 14px;
    word-break: keep-all;
  }

  /* 가입완료 - FO-020108 */
  .signUp_page08 .txt-box {
    font-size: 15px;
    word-break: keep-all;
    padding: 20px 0;
  }

  /* 2023.10.16 회원가입 - 가입완료 테이블 */

  table {
    width: 100%;
  }

  .signUp_page08 .board tbody tr,
  .signUp_page08 .board tbody th,
  .signUp_page08 .board tbody td {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
  }

  .signUp_page08 .board colgroup col {
    width: 100%;
    display: block;
  }

  .board-view02 .view-table02 tbody th:first-child {
    border-bottom: 1px solid #e3e3e3;
  }

  .signUp_page08 table tr:nth-child(5) td div {
    justify-content: center;
  }

  /* // 2023.10.16 회원가입 - 가입완료 테이블 */

  /* 아이디 찾기 - FO-020201 */
  .login_page01 .page-bottom-wrap .btn,
  .login_page04 .page-bottom-wrap .btn,
  .login_page05 .page-bottom-wrap .btn,
  .login_page08 .page-bottom-wrap .btn,
  .login_page09 .page-bottom-wrap .btn {
    width: auto;
    height: 40px;
  }
}

@media (max-width: 425px) {
  .signUp_page02 .agree-box-top {
    display: block;
    margin-bottom: 10px;
  }
}

/* ======================================== 요약리포트 조회 FO-050701 ======================================== */

.board-list.tableWrap .topSelectWrap select {
  width: 140px;
  flex-shrink: 0;
}

.board-list.tableWrap .title_beside {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  margin-top: 16px;
}

.board-list.tableWrap .rightSelect {
  width: 170px;
  margin-left: 16px;
  position: relative;
}

.board-list.tableWrap .rightSelect select {
  width: 170px;
}

.board-list.tableWrap .rightSelect::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: calc(100% - 8px);
  background: #bababa;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.board-list.tableWrap .excel-btn {
  position: relative;
  height: 36px;
  margin-left: 15px;
}

.board-list.tableWrap .topSelectWrap .leftSelect {
  display: flex;
}

.board-list.tableWrap .topSelectWrap .leftSelect select {
  margin-right: 8px;
}

.board-list.tableWrap .topSelectWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

/* ================================= // 요약리포트 조회 FO-050701 끝 =================================== */


/* ======================================== 엔지니어링 AI 분석지원 플랫폼 FO-050600 ======================================== */
.board table.table-td-br{
  margin-top: 15px !important;
}
b.table-tit{ 
  display: block;
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
}
.list-table.table-td-br tr th,
.list-table.table-td-br tr td{
  border-right: 1px solid #ccc;
}
.list-table.table-td-br tr th:last-child,
.list-table.table-td-br tr td:last-child{
  border-right: none;
}
p.tbale-txt{
  font-size: 20px;
}




/* ======================================== // 엔지니어링 AI 분석지원 플랫폼 FO-050600 ======================================== */