@charset "UTF-8";

/* ##########################################################
	# FONT
########################################################## */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 350;
  src: url(../fonts/NotoSansCJKkr-DemiLight.eot);
  src: url(../fonts/NotoSansCJKkr-DemiLight.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/NotoSansCJKkr-DemiLight.woff) format("woff"),
    url(../fonts/NotoSansCJKkr-DemiLight.ttf) format("truetype");
  src: local(※), url(../fonts/NotoSansCJKkr-DemiLight.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSans-Regular.eot);
  src: url(../fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NotoSans-Regular.woff) format("woff"),
    url(../fonts/NotoSans-Regular.ttf) format("truetype");
  src: local(※), url(../fonts/NotoSans-Regular.woff) format("woff");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSans-Medium.eot);
  src: url(../fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NotoSans-Medium.woff) format("woff"),
    url(../fonts/NotoSans-Medium.ttf) format("truetype");
  src: local(※), url(../fonts/NotoSans-Medium.woff) format("woff");
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansKR-Bold.otf"),
    url("../fonts/NotoSansKR-Bold.eot") format("eot"),
    url("../fonts/NotoSansKR-Bold.woff2") format("woff2"),
    url("../fonts/NotoSansKR-Bold.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto/Roboto-Regular-webfont.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/roboto/Roboto-Medium-webfont.woff) format("woff");
}

/* ##########################################################
	# RESET
########################################################## */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
button {
  padding: 0;
  margin: 0;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #151c22;
}
a:visited {
  text-decoration: none;
}
button {
  border-width: 0;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  cursor: pointer;
  vertical-align: middle;
}
img {
  vertical-align: top;
}
.blind {
  /*position:absolute;*/
  clip: rect(0, 0, 0, 0);
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
br {
  font-family: sans-serif;
}
input,
textarea,
select {
  outline: none;
}
input::placeholder {
  color: #898989;
}
textarea::placeholder {
  font-size: 1.3rem;
  color: #898989;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-ms-clear {
  display: none;
}
input::-ms-reveal {
  display: none;
}

/* ##########################################################
	# SETTING
########################################################## */
html {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 62.5%;
  line-height: 2.9rem;
  -ms-touch-action: none;
  color: #151c22;
  font-weight: 400;
}
body {
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 1023px) {
  html {
    line-height: 2.6rem;
    line-height: 26px;
  }
  body {
    font-size: 1.6rem;
  }
}
/* ***********************************
	COMMON
*********************************** */
/* -----margin, width----- */
.mo {
  display: none;
}
.mw {
  display: none;
}
.pc {
  display: block;
}
.pt-24 {
  padding-top: 2.4rem;
}
.pb-24 {
  padding-bottom: 2.4rem;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mt-12 {
  margin-top: 1.2rem !important;
}
.mt-24 {
  margin-top: 2.4rem !important;
}
.mt-56 {
  margin-top: 5.6rem !important;
}
.mt-72 {
  margin-top: 7.2rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 4rem !important;
}
.mb-24 {
  margin-bottom: 2.4rem !important;
}
.w40 {
  width: 40% !important;
}

/* -----font, text----- */
.fc-primary {
  color: #357ffa !important;
}
.fc-red {
  color: #e5483d !important;
}
.f-bold {
  font-weight: 700;
}
.f-md {
  font-weight: 500;
}
.f-skyblue {
  color: #1490ef !important;
}
.f-blue {
  color: #26348f !important;
}
.f-gray {
  color: #727272 !important;
}
.f-bluegray {
  color: #6a8ca6 !important;
}
.f-uline {
  text-decoration: underline;
}
.fs-24 {
  font-size: 2.4rem;
  line-height: 4.4rem;
}
.txt-center {
  text-align: center !important;
}
.txt-right {
  text-align: right !important;
}
.txt-left {
  text-align: left !important;
}
.txt-small {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  color: #686e75;
}
.point-t {
  font-weight: 700;
  font-size: 1.8rem;
  color: #1490ef;
}

/* -----float----- */
.f-left {
  float: left;
}
.f-left:after {
  content: "";
  display: block;
  clear: both;
}
.f-right {
  float: right;
}
.f-right:after {
  content: "";
  display: block;
  clear: both;
}

.bg-gray {
  background-color: #f7f7f7;
}

/* -----dot/ico */
.red-dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #e5483d;
  vertical-align: middle;
  margin: 0.05rem 0.5rem 0;
}
.red-info {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  vertical-align: middle;
  background: url("../images/ico_warning.svg") center no-repeat;
  background-size: 100% auto;
}
.ico-plus-tab {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.4rem;
  margin-top: 0.1rem;
  background-image: url("../images/ico_plus_2.svg");
  background-size: 100% auto;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
}
.ico-new-tab {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.4rem;
  background-image: url("../images/ico_download.svg");
  background-size: 100% auto;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
}
.ico-new-tab2 {
  display: inline-block;
  background-image: url("../images/ico_new_tab_01.png");
  width: 1.4rem;
  height: 1.4rem;
  background-size: 100% auto;
  vertical-align: top;
  margin-top: 0.3rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.4rem;
}
.btn-outline-primary .ico-new-tab {
  background-image: url("../images/ico_download_navy.svg");
}
.btn-sm .ico-new-tab {
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.2rem;
  margin-left: 0.3rem;
}
.ico-search {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 0.4rem;
  margin-top: 0.2rem;
  background-image: url("../images/ico_search.svg");
  background-size: 100% auto;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
}
.btn-sm .ico-search {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
}

/* ##########################################################
	# LAYOUT
########################################################## */
#wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .inner {
    padding: 0 2rem;
  }
}
#skipNav li a {
  display: block;
  font-size: 16px;
  width: 100%;
  position: absolute;
  top: -10000px;
  left: 0;
  text-align: center;
  z-index: 99999;
  line-height: 1;
  letter-spacing: 0;
}
#skipNav li a:focus {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #fff;
  background: #151c22;
  padding: 2rem 0;
  line-height: 1;
}
/* ***********************************
	HEADER
*********************************** */
#header {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #fff;
  transition: all 0.3s;
  -webkit-transition: top 0.3s;
}
#header:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  background-color: #ededed;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
}
#header.scrollUp {
  top: -26px;
}

/* -----[page-type="main"]의 header----- */
#wrap[page-type="main"] #header:after {
  width: 100%;
}

#header ~ #container {
  padding-top: 10.2rem;
}
#header.logout ~ #container {
  padding-top: 7.6rem;
}
#header.only-child + #container {
  padding-top: 76px;
}
@media screen and (max-width: 1023px) {
  #header {
    position: fixed;
    height: 5.6rem;
    padding-top: 0;
  }
  #header.scrollUp {
    top: 0;
  }
  #header ~ #container {
    padding-top: 5.6rem;
  }
  #header.logout ~ #container {
    padding-top: 5.6rem;
  }
}

/* -----.hd-top----- */
#header .hd-top {
  height: 2.6rem;
  border-bottom: 1px solid #f7f7f7;
}
#header .hd-top dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#header .hd-top dl dt,
#header .hd-top dl dd {
  font-size: 1.1rem;
  color: #a1a9b2;
  letter-spacing: 0;
  line-height: 2.6rem;
  font-weight: 400;
}
#header .hd-top dl dt {
  margin-right: 0.4rem;
}
@media screen and (max-width: 1023px) {
  #header .hd-top {
    display: none;
    z-index: 300;
    position: absolute;
    top: 96px;
    left: 0;
    right: 0;
    border-bottom: none;
  }
  #header .hd-top.open {
    display: block;
  }
  #header .hd-top dl dt,
  #header .hd-top dl dd {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 13px;
  }
}

/* -----.inner----- */
#header .inner {
  width: 1440px;
  text-align: center;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
#header > .inner {
  height: 76px;
}
@media screen and (max-width: 1440px) {
  #header .inner {
    width: 100%;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1023px) {
  #header > .inner {
    height: 100%;
  }
}

/* -----.logo----- */
#header .logo {
  position: absolute;
  left: 0;
  top: 50%;
  width: 12.5rem;
  height: 3rem;
  margin-top: -1.5rem;
  font-size: 0;
  background: url("../images/logo.png") center no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  vertical-align: top;
}
@media screen and (max-width: 1440px) {
  #header .logo {
    left: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  #header .logo {
    width: 10rem;
    height: 2.4rem;
    margin-top: -1.2rem;
  }
}

/* -----.links (유틸메뉴 - 로그인/로그아웃, 회원가입)----- */
#header .links {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 34px;
  margin-top: -17px;
  line-height: 3rem;
  overflow: hidden;
}
#header .links li {
  float: left;
  text-align: center;
}
#header .links li + li {
  margin-left: 1.2rem;
}
#header .links li a {
  font-size: 1.3rem;
  letter-spacing: -0.6px;
  line-height: 3.2rem;
  vertical-align: bottom;
  font-weight: 400;
}
@media screen and (max-width: 1440px) {
  #header .links {
    right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  #header .links {
    display: none;
    float: right;
    height: 44px;
    top: 56px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    z-index: 100;
    padding: 0;
  }
  #header .links li + li {
    margin-left: 2.4rem;
  }
  #header .links li a {
    line-height: 4.4rem;
    color: rgba(255, 255, 255, 0.7);
  }
}

/* -----gnb 메뉴----- */
nav {
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  nav {
    display: none;
  }
}

.gnb {
  overflow: hidden;
  height: 76px;
  line-height: 76px;
}
.gnb li {
  float: left;
  font-size: 1.6rem;
  font-weight: 500;
}
.gnb li + li {
  /* 251120 사업자사설인증: gnb간격 수정 [S] */
  /* padding-left: 8rem; */
  padding-left: 11rem;
   /* 251120 사업자사설인증: gnb간격 수정 [E] */
  letter-spacing: -0.1rem;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.gnb li.selected a {
  color: #1490ef;
}

/* -----[mobile] header 버튼----- */
.btn-menu {
  display: none;
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -0.8rem;
  width: 1.9rem;
  height: 1.6rem;
  cursor: pointer;
  z-index: 1;
}
.btn-menu span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0.2rem;
  background-color: #26348f;
  margin-top: -0.1rem;
  overflow: hidden;
  font-size: 0;
  border-radius: 0.9rem;
}
.btn-menu:before,
.btn-menu:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #26348f;
  border-radius: 0.9rem;
  transition: transform 0.6s, top 0.1s;
  -webkit-transition: transform 0.6s, top 0.1s;
}
.btn-menu:before {
  top: 0;
}
.btn-menu:after {
  bottom: 0;
}
.btn-menu.open span {
  width: 0;
  height: 0;
}
.btn-menu.open:before,
.btn-menu.open:after {
  top: 50%;
  transition: transform 0.2s, top 0.1s;
  -webkit-transition: transform 0.2s, top 0.1s;
}
.btn-menu.open:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.btn-menu.open:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
@media screen and (max-width: 1023px) {
  .btn-menu {
    display: block;
  }
}

/* -----메뉴보드----- */
.menu-board-wrap {
  background: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 76px;
}
.hd-top ~ .menu-board-wrap {
  top: 102px;
}
.menu-board-wrap.open {
  box-shadow: 0px 20px 20px 8px rgba(66, 88, 231, 0.1);
}
.menu-board {
  display: none;
  z-index: 99;
  position: relative;
  left: 0;
  width: auto;
  padding: 2.4rem 0;
  background-color: #fff;
  overflow: hidden;
}
.menu-board.open {
  display: block;
}
/* .menu-board.open:after { content:""; position:absolute; left:0; bottom:0; box-shadow:0px 20px 20px 8px rgba(66, 88, 231, 0.1); width:100%; height:50px;} */
.menu-board .btn-close {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.menu-board .btn-close:before,
.menu-board .btn-close:after {
  border-top-color: #fff;
}
.menu-board .menu {
  float: left;
  line-height: 2.2rem;
  text-align: left;
  max-width: 240px;
}
.menu-board .menu .tit {
  display: none;
}
.menu-board .menu + .menu {
  padding: 0;
  max-width: 100%;
}
.menu-board .menu > ul > li + li {
  margin-top: 0.8rem;
}
.menu-board .menu:nth-child(2) {
  /* 251120 사업자사설인증: gnb간격 수정 [S] */
  /* padding-left: 10rem; */
  padding-left: 11.8rem;
  max-width: 26.2rem;
  /* 251120 사업자사설인증: gnb간격 수정 [E] */
}

/* 251120 사업자사설인증: gnb간격 추가 [S] */
.menu-board .menu:nth-child(3) {
  padding-left: 3.9rem;
}
/* 251120 사엄자사설인증: 2차 gnb간격 추가 */
.menu-board .menu:nth-child(4) {
  padding-left: 8.5rem;
}
/* 251120 사업자사설인증: gnb간격 추가 [E] */

.menu-board a {
  display: inline-block;
  font-size: 1.5rem;
  color: #151c22;
  letter-spacing: -0.09rem;
  line-height: 1.6;
  font-weight: 500;
}
.menu-board a:hover,
.menu-board li.selected a,
.menu-board .sub-menu li a:hover,
.menu-board .sub-menu li.selected a {
  color: #1490ef;
}
.menu-board .sub-menu {
  margin: 0.4rem 0 0;
}
.menu-board .sub-menu li {
  position: relative;
  padding-left: 20px;
  line-height: 2rem;
}
.menu-board .sub-menu li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 7px;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background-color: #151c22;
  border-radius: 3px;
}
.menu-board .sub-menu li + li {
  margin-top: 0.4rem;
}
.menu-board .sub-menu li a {
  font-size: 1.5rem;
  color: #151c22;
  line-height: 1.6;
}
.menu-board.open + .links {
  display: block;
}
@media screen and (max-width: 1023px) {
  .menu-board {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    height: calc(100% - 56px);
    margin-left: 0;
    padding: 0;
    border-top: 66px solid #26348f;
    border-radius: 0;
    overflow-y: scroll;
  }
  .menu-board:before {
    content: "";
    width: 100%;
    height: 45px;
    background-color: #26348f;
  }
  .menu-board.open {
    display: block;
  }
  .menu-board .btn-close {
    display: none;
  }
  .menu-board .menu {
    float: none;
    border-top: 0.075rem solid #e4eaf2;
    max-width: none;
  }
  .menu-board .menu + .menu {
    padding: 0;
    max-width: 100%;
  }
  .menu-board .menu .tit {
    display: block;
    position: relative;
    padding: 2rem 4.4rem 2rem 2rem;
    font-size: 1.8rem;
    color: #151c22;
    cursor: pointer;
    line-height: 1.5;
    letter-spacing: -0.1px;
  }
  .menu-board .menu .tit.open {
    color: #1490ef;
  }
  .menu-board .menu .tit-depth1 {
    display: block;
    position: relative;
    padding: 2.1rem 4.4rem 2.1rem 2rem;
    font-size: 1.8rem;
    color: #151c22;
    cursor: pointer;
  }
  .menu-board .menu .tit:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 2.6rem;
    width: 8px;
    height: 8px;
    border: 0.2rem solid #a1a9b2;
    border-bottom: none;
    border-right: none;
    background: none;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
  }
  .menu-board .menu .tit.open:after {
    top: 2.8rem;
    border-color: #1490ef;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menu-board .menu > ul {
    display: none;
    background-color: #f5f9ff;
  }
  .menu-board .menu .tit.open + ul {
    display: block;
  }
  .menu-board .menu > ul > li {
    padding: 1rem 4rem;
  }
  .menu-board .menu > ul > li + li {
    margin-top: 0;
  }
  .menu-board .sub-menu {
    margin-top: 0;
    padding: 0 0.8rem;
  }
  .menu-board .sub-menu li {
    padding: 1rem 0 1rem 2rem;
  }
  .menu-board .sub-menu li + li {
    margin-top: 0;
  }
  .menu-board .sub-menu li a {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
  .menu-board a {
    font-size: 1.6rem;
    color: #151c22;
    line-height: 3.6rem;
  }
  .menu-board a:hover,
  .menu-board li.selected a,
  .menu-board .sub-menu li a:hover,
  .menu-board .sub-menu li.selected a {
    color: #151c22;
  }
}

/* -----결함등록 페이지 헤더----- */
.wrap[page-type="report-page"] header {
  z-index: 100;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 2rem 2.2rem;
  background: #1056c3;
}
.wrap[page-type="report-page"] header h1 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.wrap[page-type="report-page"] header .btn-close {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background: transparent;
}
.wrap[page-type="report-page"] header .btn-close:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  width: 2px;
  height: 2rem;
  margin-left: -0.2rem;
  background: #fff;
  transform: rotate(45deg);
}
.wrap[page-type="report-page"] header .btn-close:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  width: 2px;
  height: 2rem;
  margin-left: -0.2rem;
  background: #fff;
  transform: rotate(-45deg);
}

/* ***********************************
	CONTAINER
*********************************** */
/* -----#container----- */
#container {
  position: relative;
  width: 100%;
  background: #f5f9ff;
  min-height: calc(100vh - 127px);
}
#container[page-type="main"] {
  background: transparent;
}
@media screen and (max-width: 1023px) {
  #container {
    min-height: auto;
  }
}

/* -----page-head----- */
.page-head {
  z-index: 10;
  position: relative;
  box-shadow: 0px 14px 40px 8px rgba(0, 0, 0, 0.03);
}
.page-head h1 {
  padding: 4rem 0;
  font-weight: 700;
  font-size: 3rem;
  line-height: 4.5rem;
  letter-spacing: -1px;
  text-align: center;
  background: #26348f;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .page-head {
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
  }
  .page-head h1 {
    padding: 2.4rem 0;
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

/* -----form-type1----- */
.form-type1 .btn-box .btn {
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
}

@media screen and (max-width: 1023px) {
  .page-cont {
    padding: 0 !important;
  }
  .page-cont .page-inner {
    padding: 2rem 2rem 0 !important;
    border-radius: 0;
    box-shadow: none;
  }
  .page-cont.form-type1 {
    background-color: #fff;
  }
}

/* headline-txt */
.headline-txt {
  padding: 2.4rem;
  background: #f2f5f9;
  border-radius: 0.8rem;
}
.headline-txt h2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: -0.108px;
}
.headline-txt em,
.headline-txt span {
  color: #1490ef;
}
.headline-txt p {
  font-size: 1.3rem;
  color: #323232;
  line-height: 2rem;
  letter-spacing: -0.092px;
}
.headline-txt h2 + p {
  margin-top: 0.8rem;
}
.headline-txt p + .btn-txt {
  margin-top: 1.6rem;
}
.headline-txt .dot-list,
.tab-wrap + .headline-txt .dot-list {
  margin-left: 0.8rem;
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #686e75;
  line-height: 2rem;
}
.headline-txt .dot-list > li:before,
.tab-wrap + .headline-txt .dot-list > li:before {
  top: 1rem;
  background-color: #323232;
}
@media screen and (max-width: 1023px) {
  .headline-txt h2 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .headline-txt {
    margin: 0;
  }
}
@media screen and (max-width: 720px) {
  .headline-txt {
    padding: 1.6rem;
  }
  .inner.default-box .list-intro + .headline-txt {
    margin-top: 2.4rem;
  }
  .inner.default-box .step-use + .headline-txt {
    margin-top: 4.8rem;
  }
}

/* -----#container[page-type="full-cont"]----- */
#container[page-type="full-cont"] {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: calc(100vh - 230px);
}
#container[page-type="full-cont"] .page-cont {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 34.4rem);
  height: 100%;
  padding: 7.2rem 0 6rem !important;
  background: #f7f7f7;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  #container[page-type="full-cont"] {
    background: #fff;
  }
  #container[page-type="full-cont"] .page-cont.form-type1 {
    background: #fff;
  }
}
@media screen and (max-width: 480px) {
  #container[page-type="full-cont"] {
    min-height: calc(100vh - 302px);
  }
  #container[page-type="full-cont"] .page-cont {
    min-height: calc(100vh - 302px);
    padding: 3rem 0 !important;
  }
  #container[page-type="full-cont"] .page-cont:only-child {
    height: calc(100vh - 212px);
  }
}

/* ***********************************
	FOOTER
*********************************** */
footer {
  width: 100%;
  font-size: 1.3rem;
  line-height: 2.1rem;
  border-top: 1px solid #f2f5f9;
}
footer .inner {
  width: 1440px;
  padding: 3rem 0;
  background: #fff;
}
footer .links {
  display: flex;
}
footer .links li {
  letter-spacing: -1px;
}
footer .links li + li {
  margin-left: 1.6rem;
}
footer .links li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #f2f5f9;
  margin-right: 1.6rem;
  vertical-align: middle;
}
footer .links li a {
  color: #686e75;
  vertical-align: middle;
  line-height: 3.6rem;
  font-weight: 400;
  font-size: 1.3rem;
}
footer .links li a b {
  color: #151c22;
}
footer .copyrights {
  padding-top: 0.4rem;
  color: #a1a9b2;
  font-weight: 400;
  line-height: 2.5rem;
}
footer .select-links {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 2.7rem;
  font-size: 1.3rem;
  color: #151c22;
}
@media screen and (max-width: 1440px) {
  footer .inner {
    width: 100%;
    padding: 3rem 2rem;
  }
  footer .select-links {
    right: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  footer .inner {
    padding: 1.6rem 1.6rem 3.2rem;
  }
  footer .links {
    flex-wrap: wrap;
  }
  footer .links li a {
    font-size: 1.3rem;
  }
  footer .select-links {
    position: relative;
    top: auto;
    right: auto;
    width: 19rem;
    margin-top: 1.7rem;
    padding-right: 3.2rem;
    font-size: 1.3rem;
  }
  footer .copyrights {
    padding-top: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 320px) {
  footer .links li + li {
    margin-left: 0.8rem;
  }
  footer .links li + li:before {
    margin-right: 0.6rem;
  }
}
.page-inner {
  position: relative;
  width: 60rem;
  margin: 0 auto;
  padding: 5.6rem !important;
  background-color: #fff;
  box-shadow: 1px 14px 32px rgb(0 0 0 / 8%);
  border-radius: 3.6rem;
}
.page-inner.wide {
  width: 110rem;
}
.btm-bann .inner {
  width: 110rem;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
} /* 0627 */
/* #########################// LAYOUT ################################# */

/* ***********************************
	TITLE
*********************************** */
/* .tlt-* */
#wrap .tlt-t1 {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 4.4rem;
  letter-spacing: -1px;
}
#wrap .tlt-t2 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.9rem;
  letter-spacing: -1px;
}
#wrap .tlt-t2:not(:first-of-type) {
  margin-top: 5.6rem;
}

#wrap .guide h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.8rem;
  letter-spacing: -0.108px;
}
#wrap .guide h3 + p {
  margin-top: 0.4rem;
}
#wrap .guide h4 {
  margin-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.09px;
  line-height: 2.4rem;
}
#wrap .guide p + h4 {
  margin-top: 1.6rem;
}
#wrap .guide .img-box + h4 {
  margin-top: 1.6rem;
}

#wrap .guide .tlt-t2 ~ p,
#wrap .guide .tlt-t2 ~ .p {
  margin: 0.4rem 0 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: 0px;
}
#wrap .guide .tlt-t2 ~ p [class*="btn"],
#wrap .guide .tlt-t2 ~ .p [class*="btn"] {
  margin-bottom: 0.8rem;
}
#wrap .guide .headline-txt + .tlt-t2 {
  margin-top: 3.2rem;
}

#wrap .guide.code .tlt-t2 {
  margin-top: 4rem;
}
#wrap .guide.code .tlt-t2#guide07 {
  color: #151c22;
  font-weight: 700;
}
#wrap .guide.code .headline-txt + .tlt-t2 {
  margin-top: 3.2rem;
}

@media screen and (max-width: 1023px) {
  #wrap .guide.code .tlt-t2 {
    margin-top: 3.2rem;
  }
  #wrap .tlt-t2 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  #wrap .guide .tlt-t2 ~ p,
  #wrap .guide .tlt-t2 ~ .p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 720px) {
  #wrap .tlt-t2:not(:first-of-type) {
    margin-top: 4rem;
  }
  #wrap .guide.code .headline-txt + .tlt-t2 {
    margin-top: 2.4rem;
  }
}

.desc-txt.dot-list li:before {
  top: 1.3rem;
}

/* ***********************************
	TEXT
*********************************** */
.hd-txt-t1 {
  font-weight: 500;
  font-size: 2.4rem;
  color: #323232;
  line-height: 3rem;
}

#loading-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  text-align: center;
}
#loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#loading:before {
  content: "";
  position: relative;
  display: block;
  margin: 0 auto;
  width: 7.2rem;
  height: 7.2rem;
  background: #26348f;
  border-radius: 50%;
}
#loading p {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 1.6rem;
  letter-spacing: -1px;
  line-height: 2.8rem;
}
#loading i {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 28%;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0);
  transform: translateX(-50%);
  animation: load-i 1s infinite linear both;
  animation-delay: 0.2s;
}
#loading i:before,
#loading i:after {
  content: "";
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0);
}
#loading i:before {
  left: -16px;
  animation: load-i 1s infinite linear both;
}
#loading i:after {
  left: 16px;
  animation: load-i 1s infinite linear both;
  animation-delay: 0.4s;
}

.btn-top {
  position: fixed;
  right: 30px;
  bottom: 40px;
  width: 5.6rem;
  height: 5.6rem;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  background: #fff url("../images/ico_top.png") center center no-repeat;
  background-size: 18px auto;
  box-sizing: border-box;
  z-index: 1;
}
@keyframes load-i {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  50% {
    background-color: rgba(255, 255, 255, 1);
  }
  90% {
    background-color: rgba(255, 255, 255, 0);
  }
}

/* *********************************** 
	INPUT
*********************************** */
/* ipt-txt */
.ipt-txt {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 1.1rem 1.6rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  border-radius: 0.1rem;
  border: 1px solid #e4eaf2;
  letter-spacing: -0.112px;
  font-weight: 400;
}
.ipt-txt.readonly,
.ipt-txt[readonly] {
  background-color: #f7f9fc;
  color: #151c22;
}
.ipt-txt.disabled,
.ipt-txt[disalbed] {
  background-color: #f7f9fc;
}
.ipt-txt + .btn-eye {
  background-color: #fff;
}
.ipt-txt[readonly] + .btn-eye {
  background-color: #f7f7f7;
}
.ipt-txt::placeholder {
  font-size: 1.5rem;
  color: #a1a9b2;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
}

.ipt-txt#fileDisp {
  padding-right: 7.2rem;
}

.ipt-box.focus .ipt-txt {
  border: 1px solid #26348f !important;
}
.ipt-box.error .ipt-txt {
  border: 1px solid #e5483d;
}
.ipt-box.done .ipt-txt {
  border: 1px solid #151c22;
}
.ipt-box.focus .ipt-txt-wrap.long-val {
  border: 1px solid #26348f;
}

textarea.ipt-txt {
  min-height: 19rem;
  padding: 1.6rem;
  font-size: 1.3rem;
  line-height: 2rem;
  vertical-align: top;
}
textarea.ipt-txt.txtArea-small {
  min-height: 90px;
}

/* 첨부파일 */
textarea.ipt-txt {
  min-height: 18rem;
  padding: 1.6rem;
  font-size: 1.3rem;
  line-height: 2rem;
  vertical-align: top;
}
textarea.ipt-txt.txtArea-small {
  min-height: 90px;
}

/* btn-row > * */
.btn-row .ipt-box {
  display: inline-block;
  vertical-align: middle;
}

/* ipt-date-wrap (날짜선택 input) */
.ipt-date-wrap {
  position: relative;
  width: 100%;
  height: 4.8rem;
  border: 1px solid #e4eaf2;
  background-color: #fff;
}
.ipt-date-wrap:before {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  right: 1.6rem;
  top: 50%;
  margin-top: -1.2rem;
  background: url("../images/ico_datepicker.svg") 0 0 no-repeat;
  background-size: auto 2.4rem;
  z-index: 0;
}
.ipt-date {
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 1.8rem;
  background-color: transparent;
  padding: 0 4rem 0 2rem;
  position: relative;
  z-index: 1;
}
.ipt-date-wrap + span {
  display: inline-block;
  padding: 0 0.8rem;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .ipt-date-wrap:before {
    right: 1rem;
  }
  .ipt-date {
    font-size: 1.6rem;
    padding: 0 3rem 0 1.6rem;
  }
}
@media screen and (max-width: 720px) {
  .ipt-date-wrap {
    height: 4rem;
  }
}

.ipt-box.flex {
  display: flex;
  align-items: center;
}
.ipt-box.flex label {
  width: 120px;
  margin-right: 1.6rem;
}
.ipt-box.flex > .ipt-row {
  margin: 0;
}
.ipt-box.flex + .ipt-only {
  margin: 1.6rem 0 0 13.6rem;
  width: calc(100% - 13.6rem);
}

p + .ipt-box {
  margin-top: 2.4rem;
}
p.txt-right + .ipt-box {
  margin-top: 0.8rem;
}
.form-box.default-box p:first-child + .ipt-box {
  margin-top: 0.8rem;
}

/* *********************************** 
	FORM
*********************************** */
/* ipt-row */
.ipt-row {
  display: -webkit-flex;
  display: flex;
}
.ipt-row.t1 {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.ipt-row.t2 .ipt-box {
  width: 50%;
}
.ipt-row.flex-auto {
  border-radius: 1rem;
}
@media screen and (max-width: 720px) {
  .ipt-row.flex-auto .btn {
    max-width: none;
  }
}

/* ipt-box */
.ipt-row .ipt-box {
  width: auto;
}
.ipt-row.txt-right .ipt-box {
  width: 100%;
}
.ipt-row > .ipt-box + .ipt-box {
  margin: 0 0 0 2.4rem;
}
.ipt-row + .ipt-row,
.ipt-row + .ipt-box {
  margin-top: 2.4rem;
}
.ipt-box {
  position: relative;
}
.ipt-box + .ipt-box {
  margin-top: 2.4rem;
}
.ipt-box + .ipt-box.ipt-only {
  margin-top: 0.8rem;
}
.ipt-box + .ipt-box.ipt-only input[type="checkbox"] + label {
  margin-top: 0.8rem;
  color: #323232;
}
.ipt-box + .ipt-box.ipt-only + .btn-box .dot-list {
  margin-top: 2.4rem;
}
.ipt-box label {
  display: block;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.06px;
}
.ipt-box.focus label {
  color: #26348f;
}
.gray-box .ipt-row .ipt-box {
  display: flex;
  align-self: center;
}

.ipt-row .ipt-box.flex {
  flex: auto;
}
.ipt-row.flex-auto .ipt-box {
  flex: none;
}
.ipt-row.flex-auto .btn-box .btn {
  display: inline-block;
  padding: 1.1rem 4.5rem;
}

/* ipt-txt-wrap */
.ipt-txt-wrap {
  position: relative;
}
.ipt-txt-wrap + .dot-list {
  margin-top: 0.8rem;
}
.ipt-txt-wrap + .dot-list li {
  padding-left: 1.8rem;
}
.ipt-txt-wrap + .dot-list li:before {
  left: 0.6rem;
  width: 3px;
  height: 3px;
}

.ipt-txt-wrap.long-val {
  border-radius: 1rem;
  border: 1px solid #e5e5e5;
  margin-top: 4px;
  overflow: hidden;
}
.ipt-txt-wrap.long-val .ipt-txt {
  border: 0 !important;
  width: calc(100% - 120px);
  margin-top: 0;
  border-radius: 0;
}
.ipt-box label + .ipt-row {
  margin-top: 0.8rem;
}

label + .ipt-txt-wrap,
label + .select-box {
  margin: 0.8rem 0 0;
}

/* .field-t2 */
.ipt-row.field-t2 {
  flex-wrap: wrap;
}
.ipt-row.field-t2 .ipt-box {
  flex: auto;
}

/* form-login */
.form-login1 .btn-box .btn {
  min-width: 100%;
}

.form-login2 .ipt-box + .ipt-box.ipt-only + .btn-box {
}
.form-login2 .btn-box .btn {
  min-width: 100%;
}
@media screen and (max-width: 1023px) {
  .form-login2 .tab-wrap {
    margin-top: 0;
  }
}

/* search form */
.search-box {
  position: relative;
  width: 52rem;
  text-align: center;
  padding: 0 2rem 3.2rem;
  margin: 0 auto;
}
.search-box .ipt-search {
  background-color: transparent;
  width: 100%;
  height: 5.6rem;
  font-size: 1.8rem;
  border: 0;
  border-bottom: 1px solid #26348f;
  color: #26348f;
}
.search-box .ipt-search::placeholder {
  color: #a1a9b2;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.search-box .btn-search {
  position: absolute;
  right: 2.4rem;
  top: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  background: url("../images/ico_search.svg") center center no-repeat;
  background-size: 2.4rem auto;
  border-radius: 100%;
}

@media screen and (max-width: 1023px) {
  .ipt-txt {
    height: 4.6rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 720px) {
  .ipt-row + .ipt-row,
  .ipt-row + .ipt-box {
    margin-top: 1.6rem;
  }
  .ipt-row.t2 {
    flex-direction: column;
  }
  .ipt-row.t2 .ipt-box {
    width: 100%;
  }
  .ipt-row.t2 .ipt-box + .ipt-box {
    margin-left: 0;
    margin-top: 1.6rem;
  }

  /* .field-t2 */
  .ipt-row.field-t2 {
    flex-direction: column;
    margin-top: 2.4rem;
  }
  .ipt-row.field-t2 .ipt-box {
    flex: auto;
    width: 100%;
    margin-left: 0;
  }
  .ipt-row.field-t2 .ipt-box.txt-right {
    margin-top: 0.8rem;
  }
  .ipt-row.field-t2 .ipt-box.txt-right .select-box {
    width: 100%;
  }
  .ipt-row.field-t2 .ipt-box.txt-right button {
    width: 100%;
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 400px) {
}

/* *********************************** 
	LIST
*********************************** */
/* dot-list */
.dot-list > li {
  position: relative;
  padding-left: 8px;
  letter-spacing: -0.075px;
}
.dot-list > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #686e75;
  margin: 0 0.5rem 0 0;
}
.dot-list a {
  color: #1490ef;
  text-decoration: underline;
}
.dot-list > li.f-blue:before {
  background-color: #26348f;
}

.dot-list.sub {
  font-size: 1.5rem;
  margin-top: 0.8rem;
  line-height: 2.7rem;
}
.dot-list.sub.txt-small > li {
  letter-spacing: 0;
}
.dot-list.sub.txt-small > li:before {
  top: 1rem;
}

.dot-list.black-dot > li:before {
  background-color: #151c22;
}

.link-txt {
  color: #1490ef;
  text-decoration: underline;
}
/* hypen-list */
.hypen-list {
  margin: 0.4rem 0;
}
.hypen-list > li {
  position: relative;
  padding-left: 0.8rem;
  font-size: 1.4rem;
  color: #686e75;
  line-height: 2.2rem;
  letter-spacing: -0.105px;
}
.hypen-list > li:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
}

/* ##########################################################
	# UI
########################################################## */
/* datepicker, monthpicker custom */
.ui-datepicker {
  width: 320px;
  overflow: hidden;
  z-index: 5 !important;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  background-color: #26348f;
  height: 4.5rem;
  border-radius: 0.8rem 0.8rem 0 0;
}
.ui-datepicker .ui-datepicker-header select {
  width: 80%;
  height: 100%;
  border: 0;
  font-size: 1.5rem;
  background-color: transparent;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-header option {
  color: #151c22;
}
.ui-datepicker .ui-datepicker-title {
  text-align: center;
  line-height: 4.5rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  top: 50%;
  margin-top: -1.2rem;
  font-size: 0;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2.1rem;
  background: url("../images/ico_datepicker.png") -2.4rem 0 no-repeat;
  background-size: auto 2.4rem;
}
.ui-datepicker .ui-datepicker-next {
  right: 2.1rem;
  background: url("../images/ico_datepicker.png") -4.8rem 0 no-repeat;
  background-size: auto 2.4rem;
}
.ui-datepicker .ui-datepicker-prev-hover {
  border: 0;
  right: 2.1rem;
}
.ui-datepicker .ui-datepicker-next-hover {
  border: 0;
  right: 2.1rem;
}
.ui-datepicker table {
  width: 100%;
  background-color: #fff;
  font-size: 1.2rem;
  text-align: center;
  border-collapse: separate;
  border-radius: 0 0 0.8rem 0.8rem;
  border: 2px solid #26348f;
  border-top: 0;
}
.ui-datepicker table th {
  padding-top: 1.5rem;
}
.ui-datepicker table th:first-child {
  padding-left: 1rem;
}
.ui-datepicker table th:last-child {
  padding-right: 1rem;
}
.ui-datepicker table td {
  padding: 0.6rem;
}
.ui-datepicker table tr:last-child td {
  padding-bottom: 1.5rem;
}
.ui-datepicker table .ui-state-default {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  color: #151c22;
  font-size: 1.2rem;
}
.ui-datepicker table .ui-state-active {
  color: #4258e7;
}
.ui-datepicker table .ui-datepicker-week-end:first-child a {
  color: #e5483d;
}
div[id^="monthpicker"] {
  width: auto !important;
}
.ui-datepicker table.mtz-monthpicker {
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.ui-datepicker table.mtz-monthpicker .ui-state-default {
  width: 3.6rem;
  box-sizing: content-box;
  padding: 0 !important;
  margin: 1.5rem;
  text-align: center;
  cursor: pointer !important;
}
.ui-datepicker table.mtz-monthpicker tr:first-child .ui-state-default {
  margin-top: 3.5rem;
}
.ui-datepicker table.mtz-monthpicker .ui-state-default:first-child {
  margin-left: 3.5rem;
}
.ui-datepicker table.mtz-monthpicker .ui-state-default:last-child {
  margin-right: 3.5rem;
}
.ui-datepicker table.mtz-monthpicker tr:last-child .ui-state-default {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 720px) {
  .ui-datepicker {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
/* //datepicker custom */

/* *********************************** 
	MESSAGE
*********************************** */
.msg {
  font-size: 1.3rem;
  line-height: 2.5rem;
}
.msg.error {
  color: #e5483d;
}
.msg.normal {
  color: #357ffa;
}

/* ***********************************
	BUTTON
*********************************** */
/* btn */
[class*="btn-"] {
  white-space: nowrap;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
  border-radius: 0.6rem;
}
.btn {
  display: inline-block;
  width: 23.6rem;
  height: 5.6rem;
  padding: 1.4rem 3.2rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.108px;
}
.btn-md {
  display: inline-block;
  width: auto;
  height: 4.8rem;
  padding: 1.1rem 3.2rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
}
.btn-sm {
  display: inline-block;
  height: 3.5rem;
  padding: 0.7rem 1.6rem;
  font-size: 1.3rem;
  letter-spacing: -0.075px;
  line-height: 2rem;
  border-radius: 0.5rem;
}
.btn-sm-search {
  border: 1px solid #26348f;
  border-radius: 3rem;
  color: #26348f;
}
@media screen and (max-width: 1023px) {
  .btn {
    width: 100%;
  }
}
.btn-primary {
  color: #fff;
  background-color: #26348f;
  border: 1px solid #26348f;
}
.btn-outline-primary {
  color: #26348f;
  background-color: #fff;
  border: 1px solid #26348f;
}
.btn-outline-secondary {
  color: #151c22;
  border: 1px solid #c4cbd3;
  background-color: transparent;
}
.btn-outline-primary.search-btn {
  border-radius: 3rem;
}

.btn-primary.pre {
  background-color: #1e2a72;
}
.btn-outline-primary.pre {
  background-color: #f2f5f9;
}
.btn-outline-secondary.pre {
  background-color: #f2f5f9;
}

/* 비활성화 버튼 */
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #9299c7;
  color: #fff;
  cursor: default;
  pointer-events: none;
  border-color: #9299c7;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #aeb1d1;
  cursor: default;
  pointer-events: none;
  background: #f7f9fc;
  border-color: #d4d6e9;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: #f7f9fc;
  color: #a1a9b2;
  cursor: default;
  pointer-events: none;
  border-color: #e4eaf2;
}

@media screen and (max-width: 1023px) {
  .btn.btn-primary,
  .btn.btn-outline-primary,
  .btn.btn-outline-secondary {
    padding: 1.3rem 1rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}

/* 닫기 버튼 */
.btn-close {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: transparent;
  font-size: 0;
}
.btn-close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  border-top: 2px solid #151c22;
  transform: rotate(45deg);
}
.btn-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  border-top: 2px solid #151c22;
  transform: rotate(-45deg);
}

/* 텍스트 버튼 */
.btn-txt {
  display: inline-block;
  position: relative;
  padding-right: 1.4rem;
  font-size: 1.3rem;
  color: #686e75;
  line-height: 2rem;
  letter-spacing: -1px;
  background-color: transparent;
  overflow: visible;
  font-weight: 500;
  letter-spacing: -0.097px;
}
.btn-txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.35rem;
  border: 1px solid #686e75;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ipt-txt + .btn-txt {
  margin-top: 0.8rem;
}

/* btn-ipt-in */
.btn-ipt-in {
  z-index: 2;
  position: absolute;
  top: 1px;
  right: 1px;
  height: calc(100% - 2px);
  padding: 0 1.2rem;
  border-left: 1px solid #e4eaf2;
  font-size: 1.3rem;
  color: #151c22;
  line-height: 2rem;
  border-bottom: 0;
  background-color: #fff;
  font-weight: 700;
  letter-spacing: -0.097px;
  border-radius: 0;
}
.btn-ipt-in[disabled] {
  color: #a1a9b2;
}

/* btn-box */
.btn-box {
  width: 100%;
  margin: auto;
  margin-top: 4rem;
  text-align: center;
}
.btn-box .btn:first-child:last-child {
  margin: 0 auto;
}
.btn-box.flex {
  display: flex;
  justify-content: center;
}
.btn-box .btn + .btn {
  margin-top: 2.4rem;
}
.btn-box.flex .btn + .btn {
  margin: 0 0 0 1.6rem;
}
.btn-box.flex .btn-md {
  width: 100%;
}
.btn-box.flex .btn-md + .btn-md {
  margin: 0 0 0 0.8rem;
}
h3 + .btn-box.flex {
  margin-top: 4.8rem;
}
.page-inner .btn {
  width: 100%;
}

/* btn-row > .btn-box */
.btn-row .btn-box {
  width: auto;
}
.btn-row .btn-box .btn {
  display: inline-block;
  min-width: 15.6rem;
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn-delete {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/ico_delete.svg") center center no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

@media screen and (max-width: 1023px) {
  .btn-box {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .btn-box {
    margin-top: 3.2rem;
  }
  .btn-row .btn-box {
    width: 100%;
  }
}
.btn-box ul {
  text-align: left;
}
.btn-l {
  width: 616px;
}
.btn-side-box {
  padding-top: 1.6rem;
  font-size: 0;
  line-height: 2.6rem;
  text-align: center;
}
.btn-side-box a {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: -0.097px;
}
.btn-side-box a + a {
  margin-left: 0.8rem;
}
.btn-side-box a + a:before {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #dadada;
  margin-right: 0.8rem;
}

/* ####################################################################### */
/* LAYOUT */
/* ####################################################################### */
.wrap[page-type="report-page"] {
  z-index: 100000;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 72rem;
  height: calc(100vh - 20rem);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 100rem rgb(0 0 0 / 40%);
  background: #fff;
}
@media screen and (max-width: 720px) {
  .wrap[page-type="report-page"] {
    width: 100%;
    height: 100%;
  }
}

/* ##########################################################
	# CONTAINER
########################################################## */
/* layout */
.page-cont > .inner {
  overflow: inherit;
}
.inner.default-box {
  padding: 5.6rem;
  background-color: #fff;
  box-shadow: 1px 14px 32px rgb(0 0 0 / 8%);
  border-radius: 3.6rem;
}

/* 우측 플로팅메뉴가 있는 경우 */
.float-side-menu + .default-box.guide {
  padding: 5.6rem 22.2rem 5.6rem 7.2rem;
}

.default-box {
  box-shadow: none;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .inner.default-box {
    border-radius: 0;
  }
  .page-cont > .page-inner:last-child > .default-box:last-child {
    padding-top: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .page-cont.form-type1 > .page-inner > .default-box {
    padding-top: 0;
  } /*폼 형태 타입 ex)PDP10302000.html*/
  .page-cont.form-type1 > .page-inner > .default-box.form-box:first-child {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 720px) {
  .page-cont > .page-inner:last-child > .default-box:last-child {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* ***********************************
	PDP00000000.html - 메인화면
*********************************** */
.main-visual {
  position: relative;
  background-color: #26348f;
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: 64rem;
  overflow: hidden;
  border-radius: 0 0 24rem 0;
}
.main-inner {
  position: relative;
  max-width: 1500px;
  padding: 0 3rem;
  margin: 0 auto;
  z-index: 1;
}
.main-visual + .main-inner {
  padding: 0 3rem;
  margin-top: -36rem;
  overflow: visible;
}
.main-visual h1 {
  max-width: 1500px;
  padding: 8rem 3rem 6.4rem;
  margin: 0 auto;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.32;
  text-align: left;
  color: #fff;
  letter-spacing: -1px;
  transform: translateY(0);
  opacity: 1;
  will-change: transform;
  animation: slideUp linear 0.5s;
}
.main-visual h1 em {
  font-weight: 700;
}
.main-visual h1 span {
  display: block;
  padding-top: 0.8rem;
  font-size: 4.8rem;
}
.main-visual [class*="circle"] {
  transform: translateY(0);
  will-change: transform;
  animation: floating ease-in-out infinite alternate 3s;
}
.main-visual .circle01 {
  position: absolute;
  right: 35rem;
  top: -4.5rem;
  width: 18rem;
  height: 18rem;
  background: url("../images/img_circle01.png") center center no-repeat;
  background-size: cover;
}
.main-visual .circle02 {
  position: absolute;
  right: 12.7rem;
  top: 18rem;
  width: 4rem;
  height: 4rem;
  background: url("../images/img_circle02.png") center center no-repeat;
  background-size: cover;
}
.main-visual .circle03 {
  position: absolute;
  right: 10rem;
  top: 38rem;
  width: 10rem;
  height: 10rem;
  background: url("../images/img_circle03.png") center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .main-visual {
    height: 50.2rem;
    border-radius: 0 0 8rem 0;
  }
  .main-visual + .main-inner {
    padding-bottom: 4rem;
    margin-top: -30rem;
    overflow: hidden;
  }
  .main-visual h1 {
    text-align: center;
    font-size: 2.6rem;
    padding-top: 5.6rem;
    padding-bottom: 4rem;
  }
  .main-visual h1 span {
    font-size: 2.4rem;
  }
  .main-visual .circle01,
  .main-visual .circle02,
  .main-visual .circle03 {
    display: none;
  }
}
@media screen and (max-width: 321px) {
  .main-visual h1,
  .main-visual + .main-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* .list-feature 서비스 안내 리스트 */
.list-feature {
  max-width: 1500px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.list-feature li {
  width: calc(33.3333% - 40px);
  text-align: center;
  background-color: #fff;
  border-radius: 4rem 2rem 4rem 0;
  box-shadow: 0 20px 20px rgba(66, 88, 231, 0.1);
  transition: transform 0.5s ease-out;
}
.list-feature li:hover {
  transform: scale(1.04);
}
.list-feature li a {
  display: block;
  padding: 7.2rem 0;
}
.list-feature li img {
  width: 100%;
  max-width: 12.8rem;
  margin-bottom: 0.8rem;
}
.list-feature li .tit {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -1px;
}
.list-feature li .txt {
  padding-top: 1.6rem;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: -1px;
}
.list-feature-pagination {
  display: none;
}
.list-feature-wrap.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
  line-height: 1;
}
.list-feature-wrap.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.6rem;
  opacity: 1;
  background: #d9d9d9;
}
.list-feature-wrap.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4258e7;
  width: 24px;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  .list-feature li img {
    width: 10.4rem;
  }
  .list-feature li .tit {
    font-size: 2.4rem;
  }
  .list-feature li .txt {
    font-size: 1.6rem;
    padding-top: 1.6rem;
    letter-spacing: -0.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .list-feature li {
    transition: none;
  }
  .list-feature li:hover {
    transform: scale(1);
  }
  .list-feature li a {
    padding: 4.8rem 1.6rem;
  }
}
@media screen and (max-width: 720px) {
  .list-feature li {
    width: 100%;
  }
  .list-feature-pagination {
    display: block;
  }
}
@media screen and (max-width: 321px) {
  .list-feature li .txt {
    font-size: 1.4rem;
  }
}

/* .feature-box */
.feature-box-wrap {
  background: url("../images/bg_main_mid.png") right bottom no-repeat;
  background-size: 88rem auto;
}
.feature-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1260px;
  padding: 11.2rem 3rem;
  margin: 0 auto;
}
.feature-box .tit {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -1px;
}
.feature-box .tit em {
  display: block;
  padding-top: 0.8rem;
  color: #4258e7;
  font-weight: 700;
}
.feature-box .txt {
  margin-top: 2.4rem;
  font-size: 2.4rem;
  font-weight: 400;
  color: #686e75;
  letter-spacing: -1px;
  line-height: 1.32;
}
.feature-box a {
  display: block;
  margin-top: 4rem;
  padding: 2.4rem 3.5rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #4258e7;
  border-radius: 0.6rem;
  color: #fff;
  text-align: center;
}
.feature-box .feature-img {
  position: relative;
  width: 40rem;
  height: 40rem;
}
.feature-box .feature-img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/img_mid_bg.png) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: rotate(0);
  will-change: transform;
  animation: rotate linear 1s;
}
.feature-box .feature-img img {
  width: 100%;
  opacity: 0;
}
.feature-box .feature-img .img-man {
  position: absolute;
  left: 0.7rem;
  top: 6rem;
  width: 19.25rem;
}
.feature-box .feature-img .img-woman {
  position: absolute;
  right: 3.4rem;
  top: 3.4rem;
  width: 14.1rem;
}
.ani-slide .feature-box .feature-img [class*="img-"] img {
  transform: translateY(0);
  opacity: 1;
  will-change: transform;
  animation: imgSlideUp ease 0.5s;
}
.ani-slide .feature-box .feature-img .img-man {
  transform: translateY(0);
  will-change: transform;
  animation: floating2 ease-in-out infinite alternate 3s 0.3s;
  z-index: 1;
}
.ani-slide .feature-box .feature-img .img-woman {
  transform: translateY(0);
  will-change: transform;
  animation: floating2 ease-in-out infinite 3s 0.6s;
  z-index: 1;
}
.feature-mo {
  display: none;
  width: 30rem;
  height: 30rem;
  margin: 0 auto;
}
.feature-mo img {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .feature-box {
    padding: 8rem 3rem;
  }
  .feature-box .tit {
    font-size: 3rem;
  }
  .feature-box .txt {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .feature-box a {
    font-size: 2.4rem;
  }
  .feature-box .feature-img {
    width: 35rem;
    height: 35rem;
  }
}
@media screen and (max-width: 991px) {
  .feature-box .tit {
    font-size: 2.4rem;
  }
  .feature-box .tit em {
    font-size: 2.6rem;
    padding-top: 0;
  }
  .feature-box .txt {
    margin-top: 1.6rem;
  }
  .feature-box a {
    font-size: 2.2rem;
    padding: 1rem 2.4rem;
  }
  .feature-box .feature-img {
    width: 30rem;
    height: 30rem;
  }
}
@media screen and (max-width: 720px) {
  .feature-box-wrap {
    background: url("../images/bg_main_mid_mo.png") right bottom no-repeat;
    background-size: 22rem auto;
  }
  .feature-box {
    display: block;
    padding: 5.6rem 2rem 3.2rem;
    text-align: center;
  }
  .feature-box .tit {
    font-size: 1.8rem;
  }
  .feature-box .tit em {
    font-size: 2rem;
    line-height: 1.5;
  }
  .feature-box .txt {
    font-size: 1.5rem;
    margin-top: 0.8rem;
    line-height: 1.6;
  }
  .feature-box a {
    display: inline-block;
    margin-top: 3.2rem;
    font-size: 1.8rem;
  }
  .feature-box .feature-img {
    display: none;
  }
  .feature-mo {
    display: block;
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 400px) {
  .feature-mo {
    width: 20rem;
    height: 20rem;
  }
}

@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floating2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  50% {
    opacity: 0.5;
    transform: translateY(5%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes imgSlideUp {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* list-info */
.list-info-wrap {
  background: #f5f9ff;
}
.list-info {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1500px;
  padding: 8rem 3rem 11.2rem;
  overflow: hidden;
}
.list-info > li {
  position: relative;
  background: #fff;
  width: calc(50% - 1.2rem);
  min-height: 15.2rem;
  padding: 3.2rem 4rem;
  border: 1px solid #e4eaf2;
  border-radius: 0.8rem;
}
.list-info > li:nth-child(n + 3) {
  margin-top: 2.4rem;
}
.list-info > li:nth-child(2n) {
  margin-left: 2.4rem;
}
.list-info > li > a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.list-info dl {
  padding-left: 11.2rem;
}
.list-info .tit {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  padding-bottom: 0.4rem;
  letter-spacing: -1px;
}
.list-info .txt {
  font-size: 1.8rem;
  line-height: 2.9rem;
  letter-spacing: -1px;
  color: #686e75;
}
.list-info > li:not(.list-notice)::before {
  content: "";
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 8.8rem;
  height: 8.8rem;
}
.list-info .list-faq:before {
  background: url("../images/ico_main_faq.png") left center no-repeat;
  background-size: contain;
}
.list-info .list-qa:before {
  background: url("../images/ico_main_qa.png") left center no-repeat;
  background-size: contain;
}
.list-info .list-cs:before {
  background: url("../images/ico_main_mail.png") left center no-repeat;
  background-size: contain;
}

.list-info .link-view {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.4rem; /* text-decoration:underline;*/
  color: #686e75;
  font-size: 1.3rem;
  letter-spacing: -1px;
  font-weight: 500;
}
.list-info .link-view:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.35rem;
  border: 1px solid #686e75;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.list-info .list-cs .mail {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
}
.list-info .list-cs .mail em {
  display: inline-block;
  margin-left: 0.8rem;
  color: #4258e7;
  font-weight: 500;
}
.list-info .list-notice {
  padding: 3.2rem 4rem;
}
.list-info .list-notice dl {
  padding-left: 0;
}
.list-info .list-notice ul li {
  position: relative;
  padding-left: 1.8rem;
}
.list-info .list-notice ul li + li {
  margin-top: 0.4rem;
}
.list-info .list-notice ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #686e75;
}
.list-info .list-notice ul li a {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.list-info .list-notice p,
.list-info .list-notice time {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #686e75;
  font-weight: 400;
}
.list-info .list-notice p {
  letter-spacing: -1px;
}
.list-info .list-notice .subject {
  flex: 1;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-right: 0.4rem;
}
.list-info .list-notice .link-view {
  right: 4rem;
  top: 3.2rem;
}

@media screen and (max-width: 1023px) {
  .list-info > li,
  .list-info .list-notice {
    padding: 2.8rem 2rem;
    min-height: auto;
  }
  .list-info dl {
    padding-left: 7.2rem;
  }
  .list-info > li:not(.list-notice)::before {
    left: 2rem;
    width: 6rem;
    height: 6rem;
  }
  .list-info .tit {
    font-size: 1.6rem;
    padding: 0;
  }
  .list-info .txt {
    font-size: 1.4rem;
  }
  .list-info .list-cs .mail {
    font-size: 1.4rem;
  }
  .list-info .list-notice p,
  .list-info .list-notice time {
    font-size: 1.4rem;
  }
  .list-info .list-notice .link-view {
    right: 2rem;
  }
}
@media screen and (max-width: 720px) {
  .list-info {
    padding: 4rem 2rem 5.6rem;
  }
  .list-info > li:nth-child(n + 3) {
    margin-top: 0.8rem;
  }
  .list-info > li:nth-child(2n) {
    margin-left: 0;
  }
  .list-info > li + li {
    margin-top: 0.8rem;
  }
  .list-info > li {
    padding: 2rem;
    width: 100%;
  }
  .list-info dl {
    padding-left: 5.2rem;
  }
  .list-info > li:not(.list-notice)::before {
    width: 4rem;
    height: 4rem;
  }
  .list-info .txt {
    display: none;
  }
  .list-info .list-cs .mail span {
    display: none;
  }
  .list-info .list-cs .mail em {
    margin-left: 0;
  }
  .list-info li:not(.list-cs, .list-notice) dl:after {
    content: "";
    position: absolute;
    top: 0.8rem;
    right: 1rem;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border: 2px solid #3a3a47;
    border-bottom: none;
    border-right: none;
    background: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .list-info li:not(.list-notice) .link-view {
    display: none;
  }
  .list-info .list-notice {
    padding: 0;
    background-color: transparent;
    border: none;
    margin-top: 3.2rem !important;
  }
  .list-info .list-notice .tit {
    padding-bottom: 1.6rem;
  }
  .list-info .list-notice ul li {
    padding-left: 0.8rem;
  }
  .list-info .list-notice ul li:before {
    width: 0.2rem;
    height: 0.2rem;
  }
  .list-info .list-notice ul li + li {
    margin-top: 0.8rem;
  }
  .list-info .list-notice .link-view {
    top: 0;
    right: 0;
  }
}


/* =========================================================================================== */
.inner.default-box {
  width: 1100px;
}

.select-links {
  position: relative;
  border: 1px solid #e4eaf2;
  padding: 0.5rem 7.2rem 0.5rem 1.2rem;
  cursor: pointer;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  color: #323232;
}
.select-links:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 14px;
  width: 4px;
  height: 4px;
  border: 1px solid #727272;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}
.select-links.open:after {
  top: 12px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.select-links.open ul {
  display: block;
}
.select-links ul {
  display: none;
  width: calc(100% + 1.9px);
  position: absolute;
  left: -1px;
  bottom: 29px;
  background-color: #fff;
  border: 1px solid #e4eaf2;
  border-bottom: 0;
  border-radius: 0.4rem 0.4rem 0 0;
  z-index: 9;
  padding-top: 3px;
}
.select-links ul li {
  line-height: 2.6rem;
  padding: 0 1.2rem;
}
.select-links ul li + li {
  margin-top: 0.8rem;
}
.select-links ul li:last-child {
  margin-bottom: 0.8rem;
}
.select-links ul a {
  color: #686e75;
  font-weight: 400;
}
.select-links ul a:hover {
  color: #151c22;
  font-weight: 500;
}

.breadcrumb {
  z-index: -1;
  display: block;
  position: relative;
  width: 0px;
  height: 0px;
  color: #727272;
  font-size: 1.2rem;
  line-height: 1.6rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  clip-path: inset(50%);
  word-break: initial;
  word-wrap: initial;
}
/* .breadcrumb{float:right;color:#727272;font-size:1.2rem;line-height:1.6rem;overflow:hidden;margin-bottom:2.4rem;} */
/* ********************* 상단 페이지 경로 디자인 CSS ********************
.breadcrumb li{position:relative;float:left;vertical-align:middle;color:#898989;} 0707
.breadcrumb li.home{display:inline-block;font-size:0;width:16px;height:16px;vertical-align:top;background:url('../images/ico_home.png') center center no-repeat;background-size:100% auto;}
.breadcrumb li + li{margin-left:8px;}
.breadcrumb li + li:before{content:'';display:inline-block;width:4px;height:4px;margin-right:8px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:-2px;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.breadcrumb i.arrw{display:inline-block;width:4px;height:4px;margin:0 8px;border:1px solid #727272;border-bottom:none;border-right:none;position:relative;top:-2px;background:none;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);} */

* + .form-box {
  margin-top: 3.2rem;
}
* + .form-tit {
  margin-top: 7.2rem;
}

#wrap .form-tit {
  margin-bottom: 2.4rem;
  padding-bottom: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  border-bottom: 2px solid #f2f5f9;
  letter-spacing: -0.108px;
} /* 0707 #wrap < css 추가 */
#wrap .form-tit:not(:first-child) {
  margin-top: 5.6rem;
}
.page-cont .form-tit .txt-small {
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  #wrap .form-tit {
    margin-bottom: 1.6rem;
  }
  #wrap .form-tit:not(:first-child) {
    margin-top: 4.4rem;
  }
}
@media screen and (max-width: 720px) {
  * + .form-box {
    margin-top: 2.4rem;
  }
  #wrap .form-tit {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding-bottom: 0.4rem;
  }
  #wrap .form-tit:not(:first-child) {
    margin-top: 4rem;
  }
}

/* 셀렉트 박스 */
.select-box {
  position: relative;
  height: 4.8rem;
  line-height: 4.6rem;
  border: 1px solid #e4eaf2;
  text-align: left;
  background-color: #fff;
}
.select-box:after {
  content: "";
  z-index: 3;
  position: absolute;
  right: 1.8rem;
  top: 50%;
  margin-top: -6px;
  width: 8px;
  height: 8px;
  border: 2px solid #727272;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: transform 0.2s;
}
.select-box .select-txt {
  z-index: 2;
  position: relative;
  padding: 0 1.6rem;
  font-size: 1.5rem;
  cursor: pointer;
  letter-spacing: -0.112px;
  font-weight: 500;
}
.select-box .select-txt.selected {
  color: #151c22;
}
.select-box .select {
  display: none;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  background-color: #fff;
  padding: 0.6rem 2rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.6rem;
  z-index: 3;
}
.select-box .select li {
  padding: 0.8rem 0;
  color: #898989;
  font-size: 1.5rem;
  line-height: 2.4rem;
  cursor: pointer;
}
.select-box .select li:hover {
  color: #151c22;
}
.select-box.open:after {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.select-box.open .select-txt {
  display: none;
}
.select-box.open .select {
  display: block;
  max-height: 244px;
  overflow-y: scroll;
}

.select-box.medium {
  display: inline-block;
  width: calc(100% - 136px);
}

.select-box.small {
  display: inline-block;
  width: 15.8rem;
  height: 3.5rem;
  line-height: 3.3rem;
  font-size: 1.5rem;
  vertical-align: middle;
}
.select-box.small:after {
  width: 6px;
  height: 6px;
  right: 19px;
  margin-top: -6px;
}
.select-box.small .select {
  border-radius: 0.4rem;
  padding: 0.1rem 1.6rem;
}
.select-box.small .select li {
  padding: 0.4rem 0;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.select-box.small .select-txt {
  color: #686e75;
  font-weight: 400;
}
.select-box.small.open .select {
  height: auto;
}
.select-box.small.open:after {
  margin-top: 1px;
}
.select-box.small.member-stat + .member-stat {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
@media screen and (max-width: 1023px) {
  .select-box {
    height: 4.6rem;
    line-height: 4.4rem;
  }
  .select-box .select li {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 720px) {
  .ipt-row .ipt-box {
    flex-wrap: wrap;
  }
  .select-box,
  .select-box.small {
    width: 100%;
    height: 4rem;
    line-height: 3.8rem;
  }
  .select-box .select-txt {
    font-size: 1.3rem;
  }
  .select-box.small.member-stat {
    width: 100%;
  }
  .select-box.small.member-stat + .select-box {
    margin-top: 0.8rem;
    margin-left: 0;
    margin-right: 0;
  }
  .select-box.small.member-stat + .btn-sm {
    width: 100%;
    margin-top: 0.8rem;
  }
}

.ipt-box.with-btn {
  min-height: 3.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.ipt-box.with-btn + .ipt-box.with-btn {
  margin-top: 2rem;
}
.ipt-box.with-btn label {
  width: calc(100% - 12rem);
}
.ipt-box.with-btn table {
  margin-top: 1.5rem;
  width: 100%;
}
.ipt-box .ipt-radio-area {
  padding: 1rem 0 0;
  border: 1px solid #d9d9d9;
}
.ipt-box .ipt-radio-area label {
  width: auto;
  margin: 0 1rem;
}

@media screen and (max-width: 1023px) {
  .ipt-box.with-btn + .ipt-box.with-btn {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 720px) {
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    line-height: 2.9rem;
  }
  .ipt-box.with-btn button {
    padding: 0.75rem 0.8rem; /* line-height:1;*/
  }
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
input[type='checkbox'] + label,
/* input[type='radio'] + label{position:relative;display:inline-block;padding-left:38px;line-height:3rem;font-size:1.8rem;letter-spacing:-.1em;cursor:pointer;} 0707 */
input[type='radio'] + label {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #151c22;
}
input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1.2rem);
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/ico_check-common.png) no-repeat center;
  background-size: auto 24px;
}
input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/icon_radio_off.svg") 0 0 no-repeat;
  background-size: auto 24px;
}
input[type="checkbox"]:checked + label:before {
  background-image: url(../images/ico_check-active.png);
  background-size: auto 24px;
}
input[type="radio"]:checked + label:before {
  background: url("../images/icon_radio_on.svg") no-repeat;
}
input.allck-util + label {
  top: 0.4rem;
  padding-left: 32px;
  font-size: 1.5rem;
}

.tooltip {
  position: relative;
  display: inline-block;
  margin-left: 0.3rem;
  line-height: 100%; /* font-size:0; */
}
.tooltip .btn-tooltip {
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem; /* font-size:0; */
  background: url("../images/ico_tooltip.svg") center center no-repeat;
  background-size: 1.8rem auto;
  background-position: center center;
  vertical-align: text-bottom;
}
.btn-tooltip .layer {
  visibility: hidden;
  position: relative;
  min-width: 35rem;
  margin-top: 0.6rem;
  padding: 1.6rem;
  background-color: #26348f;
  font-weight: 400;
  border-radius: 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.3rem;
  line-height: 2.1rem;
  position: absolute;
  top: 120%;
  left: 50%;
  margin-left: -7rem;
  z-index: 10;
  text-align: left;
  letter-spacing: -1px;
}
.tooltip .layer .tit {
  display: block;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.4rem;
  padding-bottom: 0.8rem;
  color: #fff;
  letter-spacing: -0.09px;
}
.tooltip .btn-close {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.tooltip .btn-close:before,
.tooltip .btn-close:after {
  border: 1px solid #fff;
  width: 16px;
}
.btn-tooltip.-active .layer {
  visibility: visible;
}

.btn + .dot-list {
  margin-top: 0.4rem;
}

.list-box {
  border-top: 1px solid #c4cbd3;
}
.list-box li {
  border-bottom: 1px solid #e4eaf2;
}

/* ***********************************
	TABLE(기존 테이블 코드 정리)
*********************************** */
.table-box {
  border-top: 1px solid #c4cbd3;
  overflow-x: auto;
}
.table-box table .blind {
  position: absolute;
}
.table-box table {
  width: 100%;
}
.table-box.code {
  overflow-x: auto;
}
.table-box:not(.code) table {
  min-width: 40rem;
}
.table-box.no-scroll {
  overflow-x: auto;
}
.table-box.no-scroll table {
  min-width: 100%;
}

.table-box th {
  font-weight: 500;
  text-align: center;
  background-color: #f7f9fc;
  font-size: 1.4rem;
  padding: 1.2rem 2.4rem;
  border-bottom: 1px solid #e4eaf2;
  line-height: 2.2rem;
  color: #151c22;
  letter-spacing: -0.105px;
}
.table-box td {
  padding: 1.2rem 2.4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  border-bottom: 1px solid #e4eaf2;
  background-color: #fff;
}
.table-box td:last-child {
  padding: 1.2rem 2.4rem;
}
.table-box td.no-result {
  padding: 8rem 2.4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
}

.table-box.type-c tbody td {
  text-align: center;
}

.table-box.t1 thead th {
  padding: 1.2rem 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}
.table-box.t1 tbody td:first-child {
  width: auto;
}
.table-box.t1 tbody td:nth-child(2) {
  width: auto;
}

.table-box.t2 thead th {
  text-align: center;
}
.table-box.t2 thead th:last-of-type {
  padding-left: 2.4rem;
}
.table-box.t2 tbody td {
  color: #727272;
}
.table-box.t2 tbody td:last-child {
  padding-left: 2.4rem;
}
.table-box.t2 tbody td:not(:first-child) {
  text-align: center;
}

/* 목록 테이블 */
.table-box.list {
  border-top: 0;
}
.table-box.list table {
  table-layout: fixed;
}
.table-box.list .tit {
  padding: 1.2rem 12.5rem 1.2rem 2.4rem;
}
.table-box.list .tit a {
  display: block;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #151c22;
}
.table-box.list .tit:hover a {
  text-decoration: underline;
}
.table-box.list .tit .small {
  width: calc(100% - 386px);
  margin-right: 7.2rem;
}
.table-box.list th {
  background: #151c22;
  color: #fff;
}
.table-box.list thead th:first-child {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.table-box.list thead th:last-child {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.table-box.list tbody tr:nth-child(even) td {
  background: #f7f9fc;
}
.table-box.list th.date {
  width: 18.4rem;
}
.table-box.list th.status {
  width: 12.6rem;
}
.table-box.list td.date {
  font-size: 1.4rem;
  color: #686e75;
  line-height: 2.2rem;
  text-align: center;
}
.table-box.list td.status {
  font-size: 1.4rem;
  color: #898989;
  line-height: 2.2rem;
  text-align: center;
}
.table-box.list td.status.done {
  color: #357ffa;
}

/* 나의 앱 테이블 */
.table-box.apps em {
  color: #1490ef;
}
.table-box.apps table {
  table-layout: fixed;
  min-width: auto;
  line-height: 2.7rem;
}
.table-box.apps td {
  height: 14.4rem;
  font-size: 1.4rem;
  word-wrap: break-word;
}
.table-box.apps td:first-child {
  font-weight: 700;
  color: #323232;
}
.table-box.apps td:nth-child(3) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
}
.table-box.apps td:last-child {
  text-align: center;
}
.table-box.apps dl dt {
  font-weight: 700;
  font-size: 1.4rem;
  color: #323232;
  line-height: 2.2rem;
}
.table-box.apps dl dd {
  font-size: 1.3rem;
  color: #727272;
  line-height: 2.1rem;
}
.table-box.apps dl dd + dt {
  padding-top: 1.6rem;
}
.table-box.apps dl dt + dd {
  padding-top: 0.4rem;
}
.table-box.apps dl dd .ipt-eye {
  font-size: 1.3rem;
  line-height: 2.1rem;
}
.table-box.apps .btn.btn-sm {
  padding: 0.6rem 1.5rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: #323232;
  background-color: transparent;
  border: 1px solid #323232;
}
.table-box.apps .app-img {
  width: 100%;
}

/* 금액 테이블 (tfoot 포함) */
.table-box.price {
  border-bottom: 1px solid #eaeaea;
}
.table-box.price thead th {
  border-bottom: 0;
}
.table-box.price tbody td {
  font-size: 1.4rem;
  color: #323232;
  border-top: 1px solid #e5e5e5;
}
.table-box.price tbody tr:first-of-type td {
  border-top: 0;
}
.table-box.price tfoot tr > * {
  padding: 1.6rem 0;
}
.table-box.price tfoot th {
  padding: 1.2rem 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: #1490ef;
  line-height: 2.6rem;
  text-align: left;
  border-bottom: 0;
  background-color: #eff5ff;
}
.table-box.price tfoot td {
  padding: 1.2rem 2.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 0;
  background-color: #f5f9ff;
}
.table-box.price br {
  display: none;
}
.table-box.price.ptInq table td:nth-of-type(1) {
  width: 33rem;
}
.table-box.price.ptInq table td:nth-of-type(3) {
  width: 21.5rem;
  text-align: center;
}
.table-box.price.ptDtl table td:nth-of-type(1) {
  width: calc(100% / 3);
}
.table-box.price.ptDtl table td:nth-of-type(2) {
  width: calc(100% / 3);
}
.table-box.price.ptDtl table td:nth-of-type(3) {
  width: calc(100% / 3);
}
.table-box.price.ptDtl table tfoot td {
  text-align: right;
}

/* 통계 테이블 */
.table-box.statistics table {
  text-align: center;
}
.table-box.statistics table td {
  padding: 1.2rem 2.4rem;
}
.table-box.statistics table td:first-child {
  padding-left: 3rem;
}
.table-box.statistics table td:last-child {
  padding-right: 3rem;
}
.table-box.statistics table td:nth-child(4),
.table-box.statistics table td:nth-child(5),
.table-box.statistics table td:nth-child(6) {
  text-align: right;
}

/* 가이드 콘텐츠 안 테이블 */
.guide > .table-box {
  font-size: 1.5rem;
  margin: 0.8rem 0 1.6rem;
  line-height: 2.8rem;
  color: #323232;
  font-weight: 500;
}
.guide .table-box {
  border-top: 0;
}
.guide > .table-box th,
.guide > .table-box td {
  font-weight: 500;
}
.guide .table-box th {
  text-align: left;
}
.guide .table-box thead th {
  background-color: #6a8ca6;
  color: #fff;
  border-bottom: 0;
}
.guide .table-box thead th:first-child {
  border-top-left-radius: 0.8rem;
}
.guide .table-box thead th:last-child {
  border-top-right-radius: 0.8rem;
}
.guide .table-box table td {
  height: 4.6rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0;
  color: #151c22;
}
.guide .table-box table td:first-child {
  padding-left: 2.4rem;
  font-weight: 500;
}
.guide .table-box table td .dot-list li {
  padding-left: 2rem;
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
}
.guide .table-box table td .dot-list li:before {
  top: 1rem;
  left: 0.8rem;
}

.guide .table-box tbody:nth-child(1) tr th,
.guide .table-box colgroup + tbody tr th,
.guide .table-box tbody:nth-child(1) tr td,
.guide .table-box colgroup + tbody tr td {
  border-top: 1px solid #c4cbd3;
}

.guide .txt-box .table-box {
  font-size: 1.6rem;
  margin: 0 !important;
  color: #151c22;
}
.guide .txt-box .table-box table td:first-child {
  width: 22rem;
}
.guide .txt-box .table-box table td:nth-child(2) {
  width: 8.5rem;
}
.guide .txt-box .table-box table td span.desc {
  font-size: 1.3rem;
  line-height: 2.2rem;
}

.guide .txt-box .table-box.t1 table {
  border-radius: 0.8rem;
  overflow: hidden;
}
.guide .txt-box .table-box.t1 table td:first-of-type:nth-last-child(2) {
  width: 29.2rem;
}
.guide .txt-box .table-box.t1 tbody td {
  padding: 1.2rem 2.4rem;
}
.guide .txt-box .table-box.t1 table td:first-child {
  width: 22.8rem;
}
.guide .txt-box .table-box.t1 table td:nth-child(2) {
  width: auto;
}
.guide .txt-box .table-box.t1 table td.f-uline a {
  color: #727272;
}
.guide .txt-box .table-box.t1 table tr:last-child td {
  border-bottom: 0;
}
/* table-box.t1 > td*3 */
.guide .txt-box .table-box.t1 table td:nth-child(3):last-child {
  width: 23.4rem;
  padding-left: 4.4rem;
}
/* table-box.t1 > td*4 */
.guide .txt-box .table-box.t1 table td:nth-child(1):nth-last-child(4) {
  width: 17.7rem;
}
.guide .txt-box .table-box.t1 table td:nth-child(2):nth-last-child(3) {
  width: auto;
}
.guide .txt-box .table-box.t1 table td:nth-child(3):nth-last-child(2) {
  width: 18.5rem;
  padding-left: 3.4rem;
  padding-right: 3.4rem;
}
.guide .txt-box .table-box.t1 table td:nth-child(4):nth-last-child(1) {
  width: 15.9rem;
}
.guide .txt-box .table-box.t1 table td:nth-child(4):nth-last-child(1) {
  text-align: center;
}

.guide .txt-box > img {
  max-width: 100%;
}

.guide .txt-box .table-box .btn-txt {
  margin-top: 0.4rem;
  font-weight: 700;
}

.guide .table-box.code {
  margin-top: 0.8rem;
  border-color: #e4eaf2;
}
.guide .table-box.code td {
  min-width: 20rem;
  height: 5.6rem;
  padding: 1.6rem 2.4rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.guide .table-box.code tbody:nth-child(1) tr th,
.guide .table-box.code tbody:nth-child(1) tr td {
  border-color: #e4eaf2;
}
.guide .table-box.code tr:nth-child(even) td {
  background: #f7f9fc;
}

.guide.guide-intro .txt-box .table-box table td {
  width: auto !important;
}
.guide.guide-intro .table-box {
  margin: 0.8rem 0 0;
  overflow-x: auto;
  border-top: 0;
}
.guide.guide-intro .table-box th {
  padding: 1.2rem 2.4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.105px;
}
.guide.guide-intro .table-box td + td {
  border-left: 1px solid #e4eaf2;
}
.guide.guide-intro .table-box td ul {
  margin-left: 0;
}
.guide.guide-intro .table-box + p,
.guide.guide-intro .table-box + .p {
  margin: 0.8rem 0 0;
}

@media screen and (max-width: 1023px) {
  .table-box.mo-scroll table {
    min-width: 900px;
  }

  .guide .table-box.code td {
    height: 5.4rem;
    padding: 1.6rem 1.2rem;
    font-size: 1.4rem;
  }
  .guide .table-box.code td:nth-of-type(1):first-of-type {
    min-width: 6rem;
  }

  .table-box.list .tit {
    padding: 1.2rem 1rem;
  }
  .table-box.list th.date {
    width: 11rem;
  }
  .table-box.list th.status {
    width: 10rem;
  }

  .table-box.apps colgroup {
    display: none;
  }
  .table-box.apps th:nth-child(4),
  .table-box.apps td:nth-child(4) {
    display: none;
  }

  .guide .txt-box .table-box table td:first-child {
    width: auto;
  }
}
@media screen and (max-width: 840px) {
  /* .table-box */
  .guide .txt-box .table-box {
    overflow-x: scroll;
  }
  .guide .txt-box .table-box.t1 table td:first-of-type:nth-last-child(2) {
    width: auto;
  }
  .guide .txt-box .table-box.t1 table td:nth-child(2) {
    min-width: 24rem;
  }
  .guide .txt-box .table-box.t1 table td:nth-child(2):not(:nth-last-child(1)) {
    width: 30rem;
  }
}

@media screen and (max-width: 720px) {
  .table-box.apps .btn-sm {
    min-width: 10.1rem;
  }

  .table-box td,
  .table-box td:first-child,
  .table-box td:last-child {
    padding: 1.2rem 1rem;
  }

  .table-box.price tbody td:nth-child(2) {
    padding: 1.2rem 1rem;
  }
  .table-box.price tfoot th,
  .table-box.price tfoot td {
    padding: 0.9rem 1rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .table-box.apps td:first-child {
    white-space: normal;
    text-overflow: initial;
  }

  .table-box.price table th {
    padding: 1.2rem 1rem;
  }
  .table-box.price.ptInq table td:nth-of-type(1) {
    width: 15rem;
  }
  .table-box.price.ptInq table td:nth-of-type(3) {
    width: 11rem;
  }
  .table-box.price.ptDtl table td:nth-of-type(1) {
    width: 31.8rem;
  }
  .table-box.price.ptDtl table td:nth-of-type(3) {
    width: 31.9rem;
  }

  .guide .table-box.code {
    margin-top: 1.2rem;
  }
  .guide .table-box.code td:nth-of-type(1):first-of-type {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 470px) {
  .table-box {
    overflow-x: scroll;
  }
  .guide .txt-box .table-box.t1 table td.f-uline {
    text-decoration: none !important;
  }
  .guide .txt-box .table-box.t1 table td.f-uline a {
    pointer-events: none;
  }
  .guide.guide-intro .table-box {
    overflow-x: scroll;
  }
  .guide.guide-intro .table-box table {
    width: 100%;
  }
}

.list-box li .name {
  color: #727272;
}

.src-box {
  padding: 1.8rem 2.6rem;
  background: #272727;
  border-radius: 1rem;
}
.src-box + .src-box {
  margin-top: 1.6rem;
}
.src-box p {
  margin-bottom: 0 !important;
  font-weight: 400;
}

.pagination {
  text-align: center;
  font-size: 0;
  margin-top: 4rem;
}
.pagination a {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  text-align: center;
  vertical-align: top;
  font-size: 1.4rem;
  color: #686e75;
}
.pagination a.on {
  color: #fff;
  background: #26348f;
  font-weight: 700;
  border-radius: 50%;
}
.pagination a + a {
  margin-left: 0.4rem;
}
.pagination a[class^="page"] {
  font-size: 0;
  border: 0;
  width: 1.6rem;
  position: relative;
  top: 0;
}
.pagination a[class^="page"]:before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
}
.pagination a.page-first:before {
  background: url("../images/ico_pagination_left_2.svg") no-repeat;
  background-position: 0 0;
  background-size: 1.6rem auto;
}
.pagination a.page-prev:before {
  background: url("../images/ico_pagination_left.svg") no-repeat;
  background-size: 1.6rem auto;
}
.pagination a.page-prev + a {
  margin-left: 2.4rem;
}
.pagination a.page-next {
  margin-left: 2.4rem;
}
.pagination a.page-next:before {
  background: url("../images/ico_pagination_right.svg") no-repeat;
  background-size: 1.6rem auto;
}
.pagination a.page-last:before {
  background: url("../images/ico_pagination_right_2.svg") no-repeat;
  background-size: 1.6rem auto;
}
@media screen and (max-width: 1023px) {
  .pagination {
    margin-top: 2.4rem;
  }
  .pagination a + a {
    margin-left: 0.8rem;
    margin-bottom: 0.8rem;
  }
  .pagination a.page-prev + a {
    margin-left: 1.6rem;
  }
  .pagination a.page-next {
    margin-left: 1.6rem;
  }
}

.list-detail {
  border-top: 1px solid #c4cbd3;
}
.list-detail .title {
  padding: 1.6rem 2.4rem;
  border-bottom: 1px solid #e4eaf2;
}
.list-detail .title h2 {
  padding: 0;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.9rem;
  word-break: break-all;
  vertical-align: middle;
}
.list-detail .title .name {
  display: inline-block;
  color: #727272;
  vertical-align: top;
  padding: 1.6rem 1.6rem 0 0;
}
.list-detail .title .date {
  display: inline-block;
  font-size: 1.5rem;
  color: #686e75;
  line-height: 2.4rem;
}
.list-detail .title .name + .date {
  line-height: inherit;
}
.list-detail .detail {
  padding: 2.4rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  border-bottom: 1px solid #e4eaf2;
  word-break: break-all;
}
.list-detail .detail .attach-box {
  margin-top: 8rem;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .list-detail {
    margin-top: 1.6rem;
  }
  .list-detail .title {
    padding: 1.6rem 0;
  }
  .list-detail .title h2 {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .list-detail .title .date {
    font-size: 1.3rem;
    line-height: 2.1rem;
  }
  .list-detail .detail {
    padding: 1.6rem 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .list-detail .detail .attach-box {
    margin-top: 5rem;
  }
}

.attach-box {
  background-color: #f7f9fc;
  border-radius: 0.8rem;
  padding: 2.4rem;
  overflow: hidden;
}
.attach-box .tit {
  width: 7rem;
  font-weight: 500;
  letter-spacing: -0.096px;
}
.attach-box ul {
  width: calc(100% - 7rem - 4rem);
  margin-left: 4rem;
}
.attach-box ul li + li {
  margin-top: 8px;
}
.attach-box ul a {
  display: block;
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.5rem;
  color: #151c22;
}
.attach-box ul a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
  background: url("../images/ico_filedown.svg") center center no-repeat;
  background-size: 100% auto;
}
.list-preview {
  border-bottom: 1px solid #e4eaf2;
}
.list-preview li {
  padding: 1.6rem 2.4rem;
  font-size: 1.5rem;
  color: #151c22;
}
.list-preview li + li {
  border-top: 1px solid #e4eaf2;
}
.list-preview li .tit {
  display: inline-block;
  width: calc(100% - 129px);
  padding: 0 3.2rem;
  font-size: 1.5rem;
  color: #151c22;
  line-height: 2.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  vertical-align: middle;
}
.list-preview span:first-child {
  display: inline-block;
  width: 5rem;
  line-height: 2.4rem;
  vertical-align: middle;
  font-weight: 500;
  letter-spacing: -0.09px;
}
.list-preview .date {
  display: inline-block;
  width: 7rem;
  color: #686e75;
  vertical-align: middle;
}
.list-preview .prev:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border: 1px solid #727272;
  border-bottom: none;
  border-right: none;
  position: relative;
  top: 0;
  background: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.list-preview .next:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border: 1px solid #727272;
  border-bottom: none;
  border-right: none;
  position: relative;
  top: -4px;
  background: none;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.list-preview li .no-list {
  padding: 0 3.2rem;
  color: #686e75;
}
.list-preview + .btn-box .btn,
.list-detail + .btn-box .btn {
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .list-preview + .btn-box .btn,
  .list-detail + .btn-box .btn {
    width: 100%;
    max-width: none;
  }
}

/* 0628 추가 */
.list-dot-desc1 {
  margin-bottom: 1.6rem;
}
dl.list-dot-desc1 dt {
  position: relative;
  padding-left: 2.2rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
dl.list-dot-desc1 dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0.9rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #151c22;
  border-radius: 50%;
}
dl.list-dot-desc1 dd {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: 0;
}
p.list-dot-desc1 {
  position: relative;
  padding-left: 2.2rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.9rem;
}
p.list-dot-desc1,
.guide p.list-dot-desc1 {
  margin-bottom: 1.6rem;
}
p.list-dot-desc1:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.3rem;
  left: 0.9rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #30344f;
  border-radius: 50%;
}

p + .list-dot-desc1 {
  margin-top: 0.8rem;
}
.txt-box + .list-dot-desc1 {
  margin-top: 1.6rem;
}

* + .tab-wrap {
  margin-top: 4rem;
}
.tab-wrap {
  margin-bottom: 3.2rem;
}
.tab-wrap .tabs {
  width: 100%;
  position: relative; /* height:4.8rem;*/
  display: flex;
}
.tab-wrap .tabs:before {
  clear: both;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #d5dbe3;
  background: #f7f9fc;
  box-sizing: border-box;
}
.tab-wrap .tabs li {
  position: relative;
  width: 50%;
  height: 100%;
  font-size: 1.7rem;
  color: #686e75;
  line-height: 4.8rem;
  text-align: center;
  cursor: pointer;
  letter-spacing: -0.102px;
  font-weight: 350;
}
.tab-wrap .tabs li + li {
}
.tab-wrap .tabs li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #686e75;
}
.tab-wrap .tabs li.on {
  z-index: 1;
  background: #fff;
  border: 1px solid #26348f;
  color: #26348f;
  border-radius: 6px;
  font-weight: 500;
  line-height: 4.6rem;
}
.tab-wrap .tabs li.on a {
  color: #26348f;
}
.tab {
  display: none;
  position: relative;
}
.tab.on {
  display: block;
}
.tab > p:first-child {
  font-size: 1.6rem;
  color: #26348f;
  font-weight: 400;
  letter-spacing: -0.105px;
}
.tab > p + .ipt-box {
  margin-top: 0.8rem;
}

.tab-wrap.open-tab {
  margin-bottom: 2.4rem;
}
.tab-wrap.hash-tab {
  margin-bottom: 1.8rem;
}
.tab-wrap.open-tab .tabs,
.tab-wrap.hash-tab .tabs {
  display: inline-block;
  width: 100%;
  padding-top: 1px;
  overflow: hidden;
  vertical-align: top;
  font-size: 0;
}
.tab-wrap.open-tab .tabs:before,
.tab-wrap.hash-tab .tabs:before {
  content: none;
}
.tab-wrap.open-tab .tabs li,
.tab-wrap.hash-tab .tabs li {
  display: inline-block;
  width: auto;
  min-width: 10.2rem;
  border-radius: 3rem;
  border: 1px solid #d5dbe3;
  padding: 0.8rem 2.4rem;
  margin: 0 0.8rem 0rem 0;
  font-weight: 400;
  font-size: 1.8rem;
  color: #686e75;
  line-height: 2.8rem;
  background-color: #f7f9fc;
  height: 4.8rem;
}
.tab-wrap.open-tab .tabs li.on,
.tab-wrap.hash-tab .tabs li.on {
  background-color: #fff;
  color: #26348f;
  border-color: #26348f;
}
.tab.open-tab {
  display: block;
  margin-top: 0;
}
.tab-wrap.open-tab .tabs li:last-of-type,
.tab-wrap.hash-tab .tabs li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 1023px) {
  .tab > p:first-child {
    font-size: 1.4rem;
  }
  .tab-wrap.open-tab,
  .tab-wrap.hash-tab {
    position: relative;
    margin-bottom: 2.4rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* .tab-wrap.open-tab:after,
	.tab-wrap.hash-tab:after{content:'';position:absolute;right:-10px;top:0;width:25px;height:100%;background:linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,1));} */
  * + .tab-wrap {
    margin-top: 3.2rem;
  }
  .tab-wrap.open-tab .tabs,
  .tab-wrap.hash-tab .tabs {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .tab-wrap.open-tab .tabs li,
  .tab-wrap.hash-tab .tabs li {
    min-width: auto;
    font-size: 1.6rem;
    padding: 0.8rem 1.6rem;
    margin: 0 0.8rem 0 0;
  }
}

.inner div[class^="list"] {
  display: block;
}

.accordion {
  border-top: 2px solid #f2f5f9;
}
.accordion .acc-head,
.accordion .acc-body {
  border-bottom: 1px solid #e4eaf2;
}

.accordion .acc-head {
  position: relative;
  cursor: pointer;
  padding: 1.6rem 2.4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  word-break: break-all;
}
.accordion .acc-head:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -8px;
  width: 10px;
  height: 10px;
  border: 2px solid #a1a9b2;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}
.accordion .acc-head.open {
  border-bottom: 0;
  color: #1490ef;
}
.accordion .acc-head.open:after {
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #1490ef;
}
.accordion .acc-body {
  display: none;
  font-size: 1.5rem;
  background-color: #f7f9fc;
  padding: 1.6rem 2.4rem;
  line-height: 2.4rem;
  overflow: hidden;
}

.table-tit {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.8rem;
}
@media screen and (max-width: 1023px) {
  .table-tit {
    margin-top: 2.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}

/* //common */

/* modal */
.modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
.modal-wrap *::-webkit-scrollbar {
  background-color: transparent;
  width: 0.5rem;
  height: 0.5rem;
}
.modal-wrap *::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 5rem;
}
.modal-wrap *::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 650px;
  padding: 3rem;
  background-color: #fff;
  background-clip: padding-box;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 2.4rem;
  outline: none;
}
.modal-wrap.modal-sm .modal {
  width: 550px;
}
.modal-head {
  position: relative;
  border-bottom: 2px solid #f2f5f9;
}
.modal-head .tit {
  padding-bottom: 0.8rem;
  padding-right: 46px;
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: -0.108px;
  font-weight: 700;
}
.modal-head .btn-close {
  position: absolute;
  top: 0;
  right: 0;
}
.modal-cont {
  padding: 2.4rem 0 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
  max-height: 441px; /* overflow-y:scroll;*/
  overflow-x: hidden;
}
.modal-cont .sub-tit {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.modal-cont .sub-tit ~ p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #323232;
}
.modal-cont .confirm-txt {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.108px;
}
.modal-cont .confirm-txt em {
}
.modal-cont pre {
  white-space: break-spaces;
}
.modal-cont .btn-box {
  margin-top: 3.2rem;
  text-align: center;
}
.modal-cont .btn-box.flex {
  margin-top: 2.4rem;
}
.modal-cont .btn-box.flex .btn {
  width: 50%;
}
.modal-cont .btn-box.flex .btn + .btn {
  margin: 0 0 0 0.8rem;
}
.modal-cont .btn-box .btn {
  margin: 0 auto;
}

.modal.alert {
  width: 360px;
  border-radius: 2rem;
}
.alert .modal-cont {
  padding: 0;
  text-align: center;
  max-height: none;
  overflow-y: hidden;
  letter-spacing: -1px;
}
.alert .btn-box .btn {
  width: 100%;
  max-width: none;
  font-size: 1.5rem;
  height: 4.8rem;
  padding: 1rem 1.1rem;
}
.alert .btn-box .btn + .btn {
  margin: 0 0 0 0.8rem;
}

.modal-wrap.terms .modal-cont #pdfDiv {
  margin-top: 3.2rem;
}
.modal-wrap.terms .modal-cont embed {
  height: calc(100vh - 32rem);
}
@media screen and (max-width: 1023px) {
  .modal-cont .btn-box {
    margin-top: 2.4rem;
  }
  .modal {
    width: 100% !important;
    height: 100%;
    border-radius: 0;
    padding: 2.4rem 2rem;
    left: 0;
    top: 0;
    transform: none;
  }
  .modal-head .tit {
    padding-bottom: 1.2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .modal-cont {
    height: calc(100% - 46px);
    max-height: none !important;
    overflow-y: scroll !important;
    padding: 1.6rem 0 2.4rem;
  }
  .modal-cont .btn-box .btn {
    width: 100%;
    max-width: none;
  }
  .modal-cont .btn-box.flex .btn {
    width: 100%;
  }
  .modal.alert {
    width: 320px !important;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
  }
  .modal-cont .confirm-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    letter-spacing: -0.096px;
  }
}

/* //modal */
/* style */
#container *::-webkit-scrollbar {
  background-color: transparent;
  width: 0.3rem;
  height: 0.3rem;
}
#container *::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 0.3rem;
}
#container *::-webkit-scrollbar-track {
  background-color: transparent;
}
#container .main-inner::-webkit-scrollbar,
#container .main-inner::-webkit-scrollbar-thumb,
#container .main-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.main-notice {
  padding: 1rem 0;
  margin-bottom: 50px;
  font-size: 1.6rem;
  line-height: 4rem;
}
.main-notice .tit {
  margin-right: 42px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.8rem;
  letter-spacing: -1px;
  vertical-align: middle;
}
.main-notice .txt {
  display: inline-block;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  color: #323232;
}
.main-notice .date {
  padding-right: 16px;
}
.main-notice .btn-txt {
  border-bottom: 0;
  float: right;
  color: #323232;
  top: 1rem;
}
@media screen and (max-width: 1200px) {
  .main-notice {
    padding: 1rem 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .main-notice .tit {
    padding-left: 2rem;
  }
  .main-notice .txt {
    width: calc(100% - 30rem);
  }
  .main-notice .btn-txt {
    margin-right: 4rem;
  }
}

.page-cont .inner {
  overflow: hidden;
}
.page-cont .inner.no-overflow {
  overflow: initial;
} /* 0627 */
.page-cont {
  background-color: #f5f9ff;
  padding: 4.8rem 0 5.6rem;
}
.page-cont.page-error {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.page-cont .desc-txt {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.097px;
}
.page-cont .desc-txt span {
  display: block;
}
.page-cont .desc-txt em {
  font-weight: 500;
  color: #1490ef;
}

@media screen and (max-width: 1023px) {
  .page-cont.page-error {
    padding-top: 4.8rem !important;
  }
  .page-cont .desc-txt span {
    display: inline;
  }
}

/* .form-box .btn-box .btn{margin:0 auto;} */
/* .form-box .btn-box .btn:not(:only-child){margin:0;	}
.form-box .btn-box .btn:not(:only-child) + .btn{margin-left:1.2rem;} */
.form-box .dot-list {
  font-size: 1.3rem;
  color: #686e75;
  line-height: 2rem;
  letter-spacing: -0.097px;
  font-weight: 400;
}
.form-box .dot-list li:before {
  top: 8px;
}
.form-box .dot-list.btm-desc {
  margin-top: 4rem;
}
.form-box .dot-list.btm-desc li {
  padding-left: 2.2rem;
  letter-spacing: 0;
}
.form-box .dot-list.btm-desc li:before {
  left: 1rem;
  top: 1rem;
}
.form-box .ipt-txt-wrap + .dot-list li:before {
  top: 0.9rem;
}
@media screen and (max-width: 1023px) {
  /* .form-box .btn-box:last-of-type{margin-top:4rem;} */
  .form-box .btn-box .btn {
    width: 100%;
    max-width: none;
  }
  .form-box .dot-list.btm-desc {
    margin-top: 2.4rem;
  }
}

.ipt-txt-wrap + * {
  margin-top: 4px;
}
.ipt-txt-wrap .time-cnt {
  z-index: 2;
  position: absolute;
  top: 1.3rem;
  right: 1.75rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #1490ef;
  line-height: 2.2rem;
}

label .tooltip {
  top: 2px;
}
.box-join-checked {
  border-top: 1px solid #26348f;
  border-bottom: 1px solid #e4eaf2;
}
#wrap .box-join-checked + .form-tit {
  margin-top: 5.6rem;
}

p.checked {
  padding: 1.6rem 2.4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
p.checked + p.checked {
  background-image: linear-gradient(
    to right,
    #e4eaf2 33%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 4px 1px; /*점선 간격 수정*/
  background-repeat: repeat-x;
}
p.checked:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
  background: url("../images/ico_checked.svg") center center no-repeat;
  background-size: 100% auto;
}

.info-img {
  width: 616px;
  margin: 0 auto;
  text-align: center;
}
.info-img.type02 {
  padding-top: 11.2rem;
}
.info-img img {
  width: 100%;
  margin-bottom: 4rem;
}
.info-img h2 {
  margin: 3.2rem 0 1.6rem;
  padding: 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.3rem;
  letter-spacing: -0.132px;
}
.info-img p {
  color: #686e75;
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 400;
}
.info-img .btn-box {
  margin-top: 3.2rem;
}
@media screen and (max-width: 1023px) {
  .info-img {
    width: 100%;
    padding: 2rem 0;
  }
  .info-img h2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    letter-spacing: -0.108px;
    padding: 0 4rem;
    word-break: keep-all;
  }
  .info-img p {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 720px) {
  .info-img.type02 {
    padding-top: 5.6rem;
  }
}

.info-img .img-wrap {
  position: relative;
  margin: 0 auto;
}
.info-img .img-wrap.join-done {
  width: 120px;
  height: 120px;
}
.info-img .img-wrap.join-done img {
  width: 100%;
  margin-bottom: 0;
}
.spinner-wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  transform: rotate(-90deg);
}
.spinner {
  display: block;
  position: relative;
  /* overflow:hidden;*/
  height: 50%;
}
.spinner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid transparent;
}
.spinner.top:after {
  border-top-color: #4258e7;
  border-left-color: #4258e7;
  animation: done-top-moving 0.2s 1 linear both;
  animation-delay: 0.1s;
}
.spinner.bottom:after {
  top: -60px;
  border-top-color: #4258e7;
  border-left-color: #4258e7;
  animation: done-btm-moving 0.2s 1 linear both;
  animation-delay: 0.3s;
}
@keyframes done-top-moving {
  from {
    transform: rotate(225deg);
  }
  to {
    transform: rotate(45deg);
  }
}

@keyframes done-btm-moving {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(-135deg);
  }
}

@keyframes done-img {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1023px) {
  .info-img .img-wrap.join-done {
    width: 90px;
  }
  .info-img .img-wrap.join-done:before {
    top: 36px;
    left: calc(50% + 16px);
    width: 36px;
    height: 48px;
    background-size: 248px auto;
    overflow: hidden;
  }
  .info-img .img-wrap.join-done:after {
    top: 36px;
    left: 2px;
    width: 44px;
    height: 48px;
    background-size: 248px auto;
  }
  .spinner-wrap {
    left: 15px;
    width: 90px;
  }
  .spinner:after {
    width: 90px;
    height: 90px;
  }
}

.info-img .img-wrap.no-result {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  height: 8.6rem;
}
.info-img .img-wrap.no-result:before {
  content: "";
  display: block;
  width: 9.6rem;
  height: 8.6rem;
  background: url("../images/bg_nodata.png") center no-repeat;
  background-size: 100% auto;
}
.info-img .img-wrap.no-result:after {
  content: "";
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  left: 50%;
  top: 42%;
  animation: no-result-moving 4s infinite;
  background: url("../images/ico_nodata.png") center no-repeat;
  background-size: 100% auto;
  transform: translate(-50%, -50%);
}

/*250811 사업자사설: 앱실행브릿지 스타일 추가[S], 251128 기획현행화 : 수정 [S], 251202 기획현행화 : 수정 [S] */
.bridge-container{
  position: relative;
  padding-top: 0 !important;
}
.bridge-container .page-cont{background: #FFFFFF !important;}
/* 260120 사업자사설인증 : 수정 [S] */
.bridge-container .page-cont{
  height: 100vh !important;
  height: 100dvh !important;
  justify-content: flex-start !important;
}
/* 260120 사업자사설인증 : 수정 [E] */
/* 251226 추가 [S]  */
.bridge-container #bnkgIdSearch{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 6rem;
}
.bridge-container #bnkgIdSearch .ipt-txt{width:200px;}
.bridge-container #bnkgIdSearch .btn-row{margin: 0 2rem;}
/* 251226 추가 [E] */

.bridge-container .page-cont > div:last-child{padding-bottom:0;}
.info-img .img-wrap.bridge {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  height: 6.4rem;
}
.bridge-container .info-img {padding: 0; margin-top: 12rem;}
.bridge-container .info-img h2{
  margin: 3.2rem auto 1.2rem;
  font-size: 2.2rem;
  font-weight: 400;
}
.bridge-container .info-img P {font-size: 1.5rem;}
.bridge-container .info-img .img-wrap.bridge:before {
  content: "";
  display: block;
  width: 11.2rem;
  height: 11.2rem;
  box-sizing: border-box;
  background: url("../images/ico-wonlogo2.png") center no-repeat;
  background-size: 100% 100%;
  /* box-shadow: 0 0.2rem 0.4rem 0 rgba(100,100,100,0.5);
  border-radius: 1.7rem; */
}
.bridge-container .bridge-container .info-img .btn-box{
  margin-top: 4.8rem;
}
.bridge-container .btn-box{
  position: absolute;
  margin-top: 0;
  bottom: 1.6rem;
  left: 2rem;
  right: 2rem;
  width: 92%;
}
.bridge-container .btn-box .btn-primary{width: 100%;}
/*250811 사업자사설: 앱실행브릿지 스타일 추가[E], 251128 기획현행화 : 수정 [E], 251202 기획현행화 : 수정 [E] */
@keyframes no-result-moving {
  0% {
    left: 40%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 40%;
  }
}

.page-error .inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#container[page-type="full-cont"] .page-error .inner {
  top: inherit;
  transform: inherit;
}
.page-error .info-img {
  padding-top: 0;
}
.info-img .img-wrap.error {
  position: relative;
  width: 8.8rem;
  height: 8.8rem;
  background: url("../images/bg_400error.png") center no-repeat;
  background-size: 100% auto;
}
.info-img .img-wrap.error:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.6rem;
  height: 3.6rem;
  animation: error-moving 0.5s ease-in both;
  background-image: url("../images/ico_400error.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.info-img .img-wrap.error.refresh {
  width: 9.6rem;
  height: 8.5rem;
  background: url("../images/bg_500error.png") center no-repeat;
  background-size: 100% auto;
}
.info-img .img-wrap.error.refresh:before {
  content: "";
  width: 1rem;
  height: 4.4rem;
  background-image: url("../images/ico_500error.png");
  animation: error-moving2 0.5s ease-in both;
}
@keyframes error-moving {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(180deg);
  }
}
@keyframes error-moving2 {
  0% {
    top: 0;
  }
  30% {
    top: 60%;
  }
  50% {
    top: 65%;
  }
  80% {
    top: 50%;
  }
  90% {
    top: 55%;
  }
  100% {
    top: 58%;
  }
}

.info-img .img-wrap.timeout {
  position: relative;
  width: 5.8rem;
  height: 7.5rem;
  background: url("../images/bg_logout.png") center no-repeat;
  background-size: 100% auto;
}
.info-img .img-wrap.timeout .ico-timeout {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 5.6rem;
  height: 3.1rem;
  background: url("../images/ico_logout.png") center no-repeat;
  background-size: 100% auto;
  animation: timeout-moving2 0.4s ease-out both;
}
@keyframes timeout-moving2 {
  0% {
    right: -30px;
  }
  50% {
    right: -45px;
  }
  100% {
    right: -30px;
  }
}
.statistics-search {
  padding: 3rem;
  border-radius: 0.8rem;
}
.statistics-search > .ipt-row {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.statistics-search > .ipt-row > .ipt-box {
  width: 55.6rem;
}
.statistics-search > .ipt-row > .ipt-box > .ipt-box.flex > .ipt-row > .ipt-box {
  flex: none;
}
.statistics-search
  > .ipt-row
  > .ipt-box
  > .ipt-box.flex
  > .ipt-row
  > .ipt-box
  + .ipt-box {
  margin-left: 4rem;
}
.statistics-search
  > .ipt-row
  > .ipt-box
  > .ipt-box.flex
  > .ipt-row
  > .ipt-box
  > label {
  width: auto;
  margin-right: 0;
}
.statistics-search > .ipt-row > .btn-box {
  width: calc(100% - 55.6rem);
  margin: inherit;
}
@media screen and (max-width: 1023px) {
  .statistics-search > .ipt-row > .ipt-box {
    width: 100%;
  }
  .statistics-search > .ipt-row > .btn-box {
    width: 100%;
  }
}

.join-proccess .modal {
  width: 820px;
}
.join-proccess .modal-cont {
  font-size: 0;
  padding: 2.2rem 2rem 1rem;
  max-height: none;
  overflow-y: hidden;
}
.join-proccess .modal-cont div {
  display: inline-block;
  width: calc((100% - 20px) / 2);
}
.join-proccess .modal-cont div + div {
  margin-left: 20px;
}
.join-proccess .modal-cont p {
  position: relative;
  z-index: 1;
  margin: 0 2rem;
  padding: 0 0 1.5rem;
  font-size: 1.6rem;
  color: #1490ef;
  letter-spacing: -1px;
  line-height: 2.6rem;
  text-align: center;
  border-bottom: 1px solid #d5dbe3;
  font-weight: 500;
}
.join-proccess .modal-cont p:before {
  content: "";
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background: url("../images/img_join_pop01.png") center no-repeat;
  background-size: 100% auto;
  margin: 0 auto 1.6rem;
}
.join-proccess .modal-cont ol {
  border-radius: 2rem;
  background-color: #ecf6fe;
  padding: 11.5rem 2.6rem 3rem;
  margin-top: -9.9rem;
}
.join-proccess .modal-cont ol li {
  padding-left: 1.5rem;
  font-size: 1.3rem;
  color: #686e75;
  line-height: 2rem;
  font-weight: 400;
}
.join-proccess .modal-cont ol li + li {
  margin-top: 1.6rem;
}
.join-proccess .modal-cont ol li span {
  display: block;
  margin-left: -1.5rem;
  padding-bottom: 0.4rem;
  font-size: 1.5rem;
  color: #151c22;
  font-weight: 500;
}
.join-proccess .modal-cont div + div p {
  color: #4258e7;
}
.join-proccess .modal-cont div + div p:before {
  background: url("../images/img_join_pop02.png") center no-repeat;
  background-size: 100% auto;
}
.join-proccess .modal-cont div + div ol {
  background-color: #f0f2fd;
  color: #fff !important;
}
@media screen and (max-width: 1023px) {
  .join-proccess .modal-cont {
    margin-top: 1.6rem;
    padding: 0;
  }
  .join-proccess .modal-cont div {
    width: 100%;
  }
  .join-proccess .modal-cont div + div {
    margin: 1.6rem 0 0;
  }
  .join-proccess .modal-cont p {
    margin: 0 1.6rem;
    padding: 1.6rem 0 0.8rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-align: left;
  }
  .join-proccess .modal-cont p:before {
    display: none;
  }
  .join-proccess .modal-cont ol {
    margin-top: -5rem;
    padding: 5.8rem 1.6rem 1.6rem;
    border-radius: 0.6rem;
  }
  .join-proccess .modal-cont ol li {
    font-size: 1.3rem;
    line-height: 2.1rem;
  }
  .join-proccess .modal-cont ol li + li {
    margin-top: 0.8rem;
  }
  .join-proccess .modal-cont ol li span {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .join-proccess .modal-cont div + div ol {
    background-color: rgba(38, 52, 143, 0.1);
  }
}

.manager-select .modal-cont {
  max-height: 700px;
  overflow-y: auto;
}
.manager-select .modal-cont ul {
  height: 330px;
  overflow-y: scroll;
  margin: 2.4rem 0rem;
  border-top: 1px solid #c4cbd3;
}
.manager-select .modal-cont .ipt-box {
  padding: 1.2rem 1.6rem;
}
.manager-select .modal-cont .ipt-box + .ipt-box {
  margin-top: 0;
  border-top: 1px solid #e5e5e5;
}
.manager-select .modal-cont .ipt-box:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.manager-select .modal-cont li label {
  width: 100%;
  padding: 0 2.4rem 0 4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  box-sizing: border-box;
  word-break: break-all;
  font-weight: 400;
}
.manager-select .modal-cont li label:before {
  top: 50%;
  margin-top: -1rem;
}
.manager-select .modal-cont li .name {
  display: block;
}
.manager-select .modal-cont li .contact {
  display: block;
}
@media screen and (max-width: 1023px) {
  .manager-select .modal-cont ul {
    margin: 2.4rem 0;
  }
  .manager-select .modal-cont .ipt-box {
    padding: 0.8rem 0;
  }
}
.withdraw .modal-cont {
  letter-spacing: -0.06rem;
}
.withdraw .modal-cont p {
  font-size: 1.8rem;
}
.withdraw .modal-cont span {
  display: block;
  font-size: 1.6rem;
  padding-bottom: 2.4rem;
}

.terms .modal-cont {
  max-height: inherit !important;
}
@media screen and (max-width: 1023px) {
  .terms .modal-cont {
    height: calc(100vh - 6rem - 0.6rem);
  }
}
.timeout .modal {
  width: 550px;
}
.timeout .time-count {
  display: block;
  padding: 1.6rem 0;
  color: #1490ef;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .timeout .time-count {
    padding: 0.8rem 0;
  }
}

.default-box .text-box {
  font-size: 1.6rem;
  padding-bottom: 5rem;
}
.default-box .text-box em {
  font-size: 2.4rem;
}

.open-tab h2 {
  margin-top: 4rem;
  padding: 0 0 0.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.8rem;
  color: #151c22;
}

.list-detail .answer {
  background-color: #f7f7f7;
  padding: 2.4rem;
  font-size: 1.6rem;
  border-bottom: 1px solid #e5e5e5;
}
.list-detail .answer .top {
  font-size: 1.5rem;
  color: #727272;
  letter-spacing: -0.6px;
}
.list-detail .answer .top:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
  background: url("../images/ico_as_arrow.png") center center no-repeat;
  background-size: 100% auto;
}
.list-detail .answer .top .date {
  display: inline-block;
  color: #898989;
  padding-left: 16px;
}
.list-detail .answer p {
  font-size: 1.5rem;
  line-height: 2.4rem;
  padding: 0 3.2rem;
  word-wrap: break-word;
}

.tab .txt-center {
  padding-bottom: 6.5rem;
}

.biz-proposal {
  font-size: 0;
  max-width: 76.8rem;
  margin: 4rem auto 0;
}
.biz-proposal li {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #686e75;
  text-align: center;
  vertical-align: top;
  width: 33.333%;
  letter-spacing: -0.112px;
}
.biz-proposal li:before {
  content: "";
  display: block;
  width: 12rem;
  height: 12rem;
  margin: 0 auto 1.6rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.biz-proposal li + li:after {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 4.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/ico_intro.png") -190px -88px no-repeat;
  background-size: 300px auto;
}
.biz-proposal li:nth-child(1):before {
  background-image: url(../images/ico_intro_17.png);
}
.biz-proposal li:nth-child(2):before {
  background-image: url(../images/ico_intro_18.png);
}
.biz-proposal li:nth-child(3):before {
  background-image: url(../images/ico_intro_22.png);
}
.biz-proposal.center {
  text-align: center;
}
@media screen and (max-width: 720px) {
  .biz-proposal.center {
    border: 1px solid #e5e5e5;
    border-radius: 0.6rem;
  }
  .biz-proposal.center li {
    width: 100%;
    padding: 1.6rem 1.6rem 1.6rem 4.6rem;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2.2rem;
  }
  .biz-proposal.center li + li {
    margin: 0;
    border-top: 1px solid #e5e5e5;
  }
  .biz-proposal.center li:before {
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    font-size: 1.3rem;
    color: #1490ef;
    line-height: 2.4rem;
    text-align: center;
    background: #f2f5f9;
    border-radius: 50%;
  }
  .biz-proposal.center li:nth-of-type(1):before {
    content: "1";
  }
  .biz-proposal.center li:nth-of-type(2):before {
    content: "2";
  }
  .biz-proposal.center li:nth-of-type(3):before {
    content: "3";
  }
  .biz-proposal.center li:after {
    display: none;
  }
  .biz-proposal.center li br {
    display: none;
  }
}

.list-partner ul {
  font-size: 0;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  margin: 0 -0.75rem;
  position: relative;
}
.list-partner li {
  width: calc((100% - 9.1rem) / 6);
  height: 16.8rem;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  margin: 1.6rem 0.75rem 0;
  padding: 2.6rem 1.2rem 0;
  font-size: 1.5rem;
  text-align: center;
  line-height: 2.4rem;
  vertical-align: top;
  font-weight: 350;
}
.list-partner li .partner-logo {
  display: block;
  width: 100%;
  height: 6rem;
  margin-bottom: 0.8rem;
  font-size: 0;
  background-size: auto 46px;
  background-position: center center;
  background-repeat: no-repeat;
}

.list-partner li .partner-name {
  display: -webkit-box; /* height:4rem;*/
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list-partner .btn-box .btn {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .list-partner ul {
    margin: 0 -0.6rem;
  }
  .list-partner .btn-box .btn {
    max-width: none;
    margin-top: 2.4rem;
  }
}

.ipt-eye {
  width: 100%;
  font-size: 1.8rem;
  border: 0;
  color: #727272;
  padding-right: 60px;
}
.btn-eye {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  font-size: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("../images/ico_eye.svg") no-repeat;
  background-size: 100% auto;
  z-index: 2;
}
.btn-eye.show {
  background: url("../images/ico_eye_off.svg") no-repeat;
  background-size: 100% auto;
}

.list-box.member {
  margin: 1.6rem auto 0;
}
.list-box.member li {
  position: relative;
  padding: 2.4rem 1.5rem;
  font-size: 0;
  word-break: break-all;
}
.list-box.member li + li {
  margin-top: 0;
}
.list-box.member li.no-result {
  font-size: 1.8rem;
  padding: 10.4rem 0;
  text-align: center;
  border-bottom: 0;
}
.list-box.member .info {
  display: inline-block;
  width: calc(100% - 52rem);
  font-size: 1.4rem;
  line-height: 2.2rem;
  vertical-align: middle;
}
.list-box.member label {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px 0 44px;
}
.list-box.member label:before {
  top: 50%;
  margin-top: -12px;
}
.list-box.member .name {
  display: block;
  font-weight: 500;
  color: #323232;
}
.list-box.member .contact {
  display: block;
  color: #323232;
}
.list-box.member .btn-box {
  width: auto;
  position: absolute;
  top: 50%;
  right: 3rem;
  font-size: 0;
  margin-top: -2rem;
  z-index: 1;
}
.list-box.member .btn-box .btn-sm + .btn-sm {
  margin-left: 0.8rem;
}
.list-box.member .status {
  width: auto;
  font-size: 0;
  color: #898989;
  vertical-align: middle;
}
.list-box.member .ipt-box .status {
  width: 190px;
  margin-right: 4.8rem;
  margin-left: 0;
  text-align: left;
}
.list-box.member .status .wait {
  color: #357ffa;
}
.list-box.member .status .error {
  color: #e5483d;
}
.list-box.member .status span {
  display: inline-block;
  width: 12rem;
  text-align: center;
  font-size: 1.4rem;
  color: #898989;
}
.list-box.member .status span.date {
  float: none;
  display: block;
  width: 100%;
  font-size: 1.5rem;
  color: #898989;
  padding-top: 0.4rem;
  line-height: 2.1rem;
  letter-spacing: 0;
  text-align: left;
}
.list-box.member .ipt-box .info + .status {
  width: auto;
  margin-left: 5.6rem;
}
.list-box.member .list-nodata {
  display: block;
  padding: 7.2rem 0;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #26348f;
  letter-spacing: -0.096px;
}

.list-box.member.setting .info {
  width: calc(100% - 40rem);
}

/* 251105 사업자사설인증 [S] */
.search-table-header {
  display: flex;
  align-items: center;
  border-top: 1px solid #c4cbd3;
  padding: 0 1rem 0 1.5rem;
  position: relative;
}
.search-table-header li {
  vertical-align: middle;
  padding: 1.2rem 0;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}
.search-table-header li .ipt-txt-wrap { display: inline-block; width: 2.4rem; height: 2.4rem; vertical-align: top; }
.search-table-header.type1 li:nth-of-type(1) {width: 5rem; text-align: center;}
.search-table-header.type1 li:nth-of-type(2) {width: 5rem;}
.search-table-header.type1 li:nth-of-type(3) {width: 10rem;}
.search-table-header.type1 li:nth-of-type(4) {width: calc(100% - 63.4rem);}
.search-table-header.type1 li:nth-of-type(5) {width: 12rem;}
.search-table-header.type1 li:nth-of-type(6) {width: 12rem;}
.search-table-header.type1 li:nth-of-type(7) {
  position: absolute;
  top:50%;
  right: 3rem;
  transform: translateY(-50%);
  width: 11rem;
}
.list-box.member.search-table {
  margin-top: 0;
  border-top: 1px solid #e4eaf2;
}
.list-box.member.search-table .status span {
  width: 12rem;
}
.list-box.member.search-table .status .only-mobile {
  display: none;
}

.list-box.member.search-table .check-area {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  text-align: center;
}

.list-box.member.search-table .check-area .ipt-txt-wrap {
  display: inline-block;
  width: 2.4rem;
}

.list-box.member.search-table .check-area label {
  padding: 0 24px 0 0;
}

.list-box.member.search-table .number {
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  text-align: center;
  font-size: 1.4rem;
}

.list-box.member.search-table .info  {
  width: calc(100% - 53rem);
}
.list-box.member.search-table .info .logo-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 10rem;
  text-align: center;
}

.list-box.member.search-table .info .logo {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
}
.list-box.member.search-table .info .logo img {
  width: 100%;
  height: auto;
}
.list-box.member.search-table .info .name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 11rem);
}
/* 251105 사업자사설인증 [E] */

@media screen and (max-width: 1023px) {
  .list-box.member li.no-result {
    font-size: 1.4rem;
  }
  /* 251105 사업자사설인증 [S] */
  .search-table-header {
    padding: 0;
  }
  .search-table-header.type1 li:nth-of-type(4) {width: calc(100% - 63rem);}
  .search-table-header.type1 li:nth-of-type(8) {
    right: 0;
  }
  .list-box.member.search-table .status span {
    padding-left: 0;
  }
  /* 251105 사업자사설인증 [E] */
}

.bg-gray .ipt-box.flex + .ipt-only .ipt-txt {
  height: 4.4rem;
}
*[class*="tit"] .f-right {
  position: relative;
  top: 1.4rem;
}

/* .chart-wrap{padding:2rem 0 3.6rem;font-size:0;overflow:hidden;} */
.chart-wrap {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 2rem 0 3.6rem;
  font-size: 0;
}
.chart-wrap .chart-box {
  display: inline-block;
  width: 34rem;
  height: 34rem;
  vertical-align: top;
}
.chart-wrap .chart-box canvas {
  width: 100% !important;
  height: 100% !important;
}

.chart-info {
  display: inline-block;
  float: right;
  text-align: right;
  vertical-align: top;
}
.chart-info p {
  padding-bottom: 0.8rem;
  color: #898989;
}
.chart-info .info {
  width: 54rem;
  padding: 3rem;
  border-radius: 0.8rem;
  background-color: rgba(66, 88, 231, 0.05);
  text-align: left;
  line-height: 1.8rem;
}
.chart-info .info li {
  font-size: 0;
}
.chart-info .info li + li {
  margin-top: 0.8rem;
}
.chart-info .info .tit {
  display: inline-block;
  position: relative;
  width: 22rem;
  padding-left: 3.6rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  vertical-align: middle;
  box-sizing: border-box;
  word-break: break-all;
}
.chart-info .info .data {
  display: inline-block;
  width: calc(100% - 25.6rem);
  padding-left: 3rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: right;
  vertical-align: middle;
}
.chart-info .info .data span:first-child {
  display: inline-block;
  width: 12rem;
  vertical-align: top;
}
.chart-info .info .data span + span {
  display: inline-block;
  width: 4.4rem;
  margin-left: 3rem;
}
.chart-info .info .total {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  font-weight: 500;
  border-top: 1px solid #151c22;
}
.chart-info .info .total .tit {
  padding: 0;
}
.color-chip {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1rem;
}
.color-chip.chip01 {
  background-color: #ff6384;
}
.color-chip.chip02 {
  background-color: #ffcd56;
}
.color-chip.chip03 {
  background-color: #4bc0c0;
}
.color-chip.chip04 {
  background-color: #6dcff6;
}
.color-chip.chip05 {
  background-color: #a1b1f7;
}
.color-chip.chip06 {
  background-color: #33c481;
}
.color-chip.chip07 {
  background-color: #009ade;
}
.color-chip.chip08 {
  background-color: #6264a7;
}
.color-chip.chip09 {
  background-color: #b10bff;
}
.color-chip.chip10 {
  background-color: #1463fd;
}
@media screen and (max-width: 1023px) {
  .color-chip {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
  }
}

.statistics-tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 5.6rem;
  margin-bottom: 1.6rem;
}
.statistics-tit .table-tit {
  display: inline-block;
  margin-top: 0;
  padding: 0;
}
.statistics-tit .btn-sm {
  white-space: nowrap;
}
.statistics-tit .btn-sm:before {
  content: "엑셀 다운로드";
  display: inline-block;
}

.service-intro h2 em {
  font-weight: 500;
}
.service-intro ul {
  font-size: 0;
}
.service-intro ul.list-intro {
  margin: 3.2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-intro ul li {
  display: inline-block;
  width: calc((100% - 4.8rem) / 3);
  margin-bottom: 2.4rem;
  padding: 3.2rem 2.4rem;
  line-height: initial;
  text-align: center;
  border: 1px solid #e4eaf2;
  box-sizing: border-box;
  border-radius: 16px;
  vertical-align: top;
}
.service-intro ul li:before {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 0 auto 0.4rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}
.service-intro ul li .tit {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.service-intro ul li .txt {
  display: block;
  padding-top: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
  color: #686e75;
  word-break: keep-all;
}
.service-intro ul li .txt + .btn-sm {
  margin-top: 1.6rem;
}

.service-intro ul.list-intro li:nth-child(1):before {
  background-image: url("../images/ico_intro_01.png");
}
.service-intro ul.list-intro li:nth-child(2):before {
  background-image: url("../images/ico_intro_02.png");
}
.service-intro ul.list-intro li:nth-child(3):before {
  background-image: url("../images/ico_intro_03.png");
}
.service-intro ul.list-intro li:nth-child(4):before {
  background-image: url("../images/ico_intro_04.png");
}
.service-intro ul.list-intro li:nth-child(5):before {
  background-image: url("../images/ico_intro_05.png");
}
.service-intro ul.list-intro li:nth-child(6):before {
  background-image: url("../images/ico_intro_06.png");
}
.service-intro ul.list-intro li .tit {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  letter-spacing: -0.108px;
}

.service-intro h3 {
  padding-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.9rem;
}
@media screen and (max-width: 1023px) {
  .service-intro ul li {
    padding: 3.2rem;
  }
  .service-intro ul li .tit {
    line-height: 2.4rem;
    letter-spacing: -1px;
  }
  .service-intro ul li .txt {
    padding-top: 0.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 720px) {
  .service-intro ul.list-intro {
    margin: 2.4rem 0;
  }
  .service-intro ul li {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 1.6rem;
  }
  .service-intro ul li + li {
    margin-left: 0;
  }
}

.service-intro .headline-txt + dl {
  margin-top: 3.2rem;
}
.service-intro dl dt {
  padding-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.9rem;
}
.service-intro dl + dl {
  margin-top: 5.6rem;
}
.service-intro dl.line dt {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  color: #151c22;
  border-bottom: 2px solid #f2f5f9;
  font-weight: 700;
}
.service-intro dl.line dd {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  letter-spacing: -0.112px;
}
@media screen and (max-width: 1023px) {
  .service-intro .headline-txt + dl {
    margin-top: 2.4rem;
  }
  .service-intro dl.line dt {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    padding-bottom: 0.4rem;
  }
  .service-intro dl.line dd {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .service-intro dl dt {
    padding-bottom: 1.2rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  .service-intro dl + dl {
    margin-top: 3.2rem;
  }
}

.service-intro ol {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.4rem;
}
.service-intro ol li {
  position: relative;
  width: calc(100% / 5);
  font-size: 1.5rem;
  color: #686e75;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
  font-weight: 400;
  letter-spacing: -0.112px;
}
.service-intro ol li:before {
  content: "";
  display: block;
  width: 12rem;
  height: 12rem;
  margin: 0 auto 1.6rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.service-intro ol li + li:after {
  content: "";
  position: absolute;
  left: -1.2rem;
  top: 4.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/ico_intro.png) -190px -88px no-repeat;
  background-size: 300px auto;
}
@media screen and (max-width: 720px) {
  .service-intro ol {
    margin-top: 1.6rem;
    border: 1px solid #f2f5f9;
    border-radius: 0.6rem;
  }
  .service-intro ol li {
    width: 100%;
    margin-bottom: 0;
    padding: 1.6rem 1.6rem 1.8rem 4.8rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: left;
    border-bottom: 1px solid #f2f5f9;
  }
  .service-intro ol li + li {
    display: block;
    width: 100%;
    width: 100%;
    margin-left: 0;
  }
  .service-intro ol li:last-of-type {
    border-bottom: none;
  }
  .service-intro ol li:before {
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.4rem;
    color: #1490ef;
    text-align: center;
    background: #f2f5f9;
    border-radius: 50%;
    font-weight: 500;
  }
  .service-intro ol li + li:after {
    display: none;
  }
  .service-intro ol li br {
    display: none;
  }
  .service-intro ol li span {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

.service-intro ol.step-join li:nth-child(1):before {
  background-image: url("../images/ico_intro_07.png");
}
.service-intro ol.step-join li:nth-child(2):before {
  background-image: url("../images/ico_intro_08.png");
}
.service-intro ol.step-join li:nth-child(3):before {
  background-image: url("../images/ico_intro_09.png");
}
.service-intro ol.step-join li:nth-child(4):before {
  background-image: url("../images/ico_intro_10.png");
}
.service-intro ol.step-join li:nth-child(5):before {
  background-image: url("../images/ico_intro_11.png");
}

.service-intro ol.step-use li:nth-child(1):before {
  background-image: url("../images/ico_intro_12.png");
}
.service-intro ol.step-use li:nth-child(2):before {
  background-image: url("../images/ico_intro_13.png");
}
.service-intro ol.step-use li:nth-child(3):before {
  background-image: url("../images/ico_intro_14.png");
}
.service-intro ol.step-use li:nth-child(4):before {
  background-image: url("../images/ico_intro_15.png");
}
.service-intro ol.step-use li:nth-child(5):before {
  background-image: url("../images/ico_intro_16.png");
}
.service-intro ol li span {
  display: block;
  font-size: 1.5rem;
}
@media screen and (max-width: 720px) {
  /* step-join */
  .service-intro ol.step-join li:nth-child(1):before {
    content: "1";
  }
  .service-intro ol.step-join li:nth-child(2):before {
    content: "2";
  }
  .service-intro ol.step-join li:nth-child(3):before {
    content: "3";
  }
  .service-intro ol.step-join li:nth-child(4):before {
    content: "4";
  }
  .service-intro ol.step-join li:nth-child(5):before {
    content: "5";
  }

  .service-intro ol.step-use li:nth-child(1):before {
    content: "1";
  }
  .service-intro ol.step-use li:nth-child(2):before {
    content: "2";
  }
  .service-intro ol.step-use li:nth-child(3):before {
    content: "3";
  }
  .service-intro ol.step-use li:nth-child(4):before {
    content: "4";
  }
  .service-intro ol.step-use li:nth-child(5):before {
    content: "5";
  }
}

.service-intro ol.step-use + h3 {
  margin-top: 8rem;
} /* 0627 */
.service-intro ol + .headline-txt {
  margin-top: 5.6rem;
}

.service-intro ul.list-intro-info {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-intro ul.list-intro-info li {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-width: calc((100% - 2.8rem * 2) / 3);
  height: 9.6rem;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  flex: 1 1;
  background: #fff;
}
.service-intro ul.list-intro-info li:first-child {
  padding-left: 8.8rem;
}
.service-intro ul.list-intro-info li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 5.6rem;
  height: 5.6rem;
  margin: -2.8rem 0 0;
  background-size: 100% auto;
  pointer-events: none;
}
.service-intro ul.list-intro-info li:nth-child(1):before {
  background-image: url("../images/ico_main_mail.png");
}
.service-intro ul.list-intro-info li:nth-child(2):before {
  background-image: url("../images/ico_main_faq.png");
}
.service-intro ul.list-intro-info li:nth-child(3):before {
  background-image: url("../images/ico_main_qa.png");
}
.service-intro ul.list-intro-info li a {
  padding-left: 8.8rem;
  line-height: 6rem;
}
.service-intro ul.list-intro-info li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.service-intro ul.list-intro-info li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.4rem;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border: 1px solid #3a3a47;
  border-bottom: none;
  border-right: none;
  background: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.service-intro ul.list-intro-info li .txt {
  padding-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  word-break: break-all;
  color: #4258e7;
  font-weight: 400;
  letter-spacing: -0.105px;
}
@media screen and (max-width: 1100px) {
  .service-intro ul.list-intro-info li {
  }
  .service-intro ul.list-intro-info li .txt {
    padding-top: 0rem;
  }
}
@media screen and (max-width: 720px) {
  .service-intro ul.list-intro-info li:first-child {
    padding: 1.2rem 0.5rem 1.2rem 7.2rem;
    height: 8rem;
  }
  .service-intro ul.list-intro-info li a {
    padding-left: 7.2rem;
  }
}

.service-intro .txt-t1 {
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.service-intro .headline-txt + .txt-t1 {
  margin-top: 1.6rem;
}
.service-intro .txt-t1 + .txt-t1 {
  margin-top: 0.4rem;
}
.service-intro .txt-t1 + .btn-sm {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .service-intro .txt-t1 + .btn-sm {
    margin-top: 1.6rem;
  }
  .service-intro .txt-t1 + .txt-t1 {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 910px) {
  .service-intro ul.list-intro-info {
    flex-direction: row;
  }
  .service-intro ul.list-intro-info li {
    max-width: none;
    flex: 1 1 100%;
  }
  .service-intro ul.list-intro-info li {
    width: 100%;
    margin-left: 0;
  }
  .service-intro ul.list-intro-info li + li {
    width: calc((100% - 1.6rem) / 2);
    margin-top: 0.8rem;
  }
  .service-intro ul.list-intro-info li a:after {
    right: 2rem;
  }
}
@media screen and (max-width: 720px) {
  .service-intro ul.list-intro-info li:before {
    left: 1.4rem;
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
  }
}
@media screen and (max-width: 720px) {
  .service-intro ul.list-intro-info li {
    height: 6.4rem;
  }
  .service-intro ul.list-intro-info li + li {
    width: 100%;
    margin-left: 0;
  }
  .service-intro ul.list-intro-info li:last-child {
    margin-left: 0;
  }

  .service-intro .headline-txt + .txt-t1 {
    margin-top: 3.2rem;
  }
}

.inner.default-box.service-intro .btn-box {
  margin-top: 8rem;
}
.inner.default-box.service-intro .btn-box .btn {
  display: block;
  width: 616px;
  margin: 0 auto;
}

.service-intro ol.step-biz {
  margin-bottom: 5.6rem;
}
.service-intro ol.step-biz li:nth-child(1):before {
  background-image: url("../images/ico_intro_17.png");
}
.service-intro ol.step-biz li:nth-child(2):before {
  background-image: url("../images/ico_intro_18.png");
}
.service-intro ol.step-biz li:nth-child(3):before {
  background-image: url("../images/ico_intro_19.png");
}
.service-intro ol.step-biz li:nth-child(4):before {
  background-image: url("../images/ico_intro_20.png");
}
.service-intro ol.step-biz li:nth-child(5):before {
  background-image: url("../images/ico_intro_21.png");
}
.service-intro .headline-txt + ol.step-biz {
  margin-top: 2.4rem;
}

@media screen and (max-width: 720px) {
  .service-intro ol.step-biz {
    margin-bottom: 4.8rem;
  }
  .service-intro ol.step-biz li:nth-child(1):before {
    content: "1";
  }
  .service-intro ol.step-biz li:nth-child(2):before {
    content: "2";
  }
  .service-intro ol.step-biz li:nth-child(3):before {
    content: "3";
  }
  .service-intro ol.step-biz li:nth-child(4):before {
    content: "4";
  }
  .service-intro ol.step-biz li:nth-child(5):before {
    content: "5";
  }
}

.float-side-menu {
  position: absolute;
  right: 50%;
  top: 370px;
  margin-right: 310px;
  z-index: 3;
  padding-right: 1.6rem;
  box-sizing: border-box;
  font-size: 1.3rem;
  color: #898989;
  line-height: 2.2rem;
}
.float-side-menu:before {
  clear: both;
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 3px;
  height: 100%;
  border-radius: 10px;
  background: #e4eaf2;
}
.float-side-menu.fixed {
  position: fixed;
  top: 150px;
}
.float-side-menu .bar {
  position: absolute;
  width: 3px;
  height: 22px;
  background-color: #26348f;
  right: -3px;
  top: 0;
  transition: top 0.2s ease-out;
  border-radius: 10px;
}
.float-side-menu ul {
  width: 14.8rem;
}
.float-side-menu li {
  position: relative;
  margin-top: 2.4rem;
  cursor: pointer;
  word-break: keep-all;
}
.float-side-menu li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
.float-side-menu li.selected {
  padding: 0.8rem 1.2rem;
  background: #26348f;
  border-radius: 0.8rem 1.6rem 0.8rem 0.8rem;
}
.float-side-menu li.selected a {
  color: #fff;
}
.float-side-menu li a {
  display: inline-block;
  color: #848a92;
  pointer-events: none;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.float-side-menu li + li.depth2 {
  padding-bottom: 0.8rem;
}
.float-side-menu li.depth2 {
  margin-top: 0.4rem;
  font-weight: 400;
  padding-right: 0.8rem;
}
.float-side-menu li.depth2 a {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  line-height: 2.2rem;
  font-size: 1.4rem;
  font-weight: 400;
  word-break: keep-all;
}
.float-side-menu li.depth2 a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.8rem;
  top: 1rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #898989;
  border-radius: 50%;
}
.float-side-menu li.depth2 + li:not(.depth2) {
  margin-top: 1.2rem;
}
.float-side-menu li:first-of-type {
  margin-top: 0;
}
.float-side-menu li.depth2.selected a:before {
  background: #fff;
}

.float-side-menu + .default-box.guide {
  padding: 5.6rem 5.6rem 5.6rem 26rem;
}

/* 251209 사업자사설인증 : floating 메뉴 디자인 변경 [S] */
.float-side-menu.new li a { color: #151c22; font-weight: 500; }
.float-side-menu.new li.depth2 a {color: #4c5459; font-weight: 400;}
.float-side-menu.new li.selected a { color: #fff; }
.float-side-menu.new li.selected {
  border-radius: 8px;
  background-color: #1490ef;
  padding: 0.8rem 0.8rem 0.8rem 1.2rem;
}
.float-side-menu.new .bar {
  background-color: #1490ef;
}
/* 251209 사업자사설인증 : floating 메뉴 디자인 변경 [E] */

.red-x {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 8px;
  top: 8px;
  background: url("../images/ico_etc.png") -276px -76px no-repeat;
  background-size: auto 100px;
}
.blue-circle {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  left: 8px;
  top: 8px;
  background: url("../images/ico_etc.png") -252px -76px no-repeat;
  background-size: auto 100px;
}

.guide * + h3 {
  padding-top: 5.6rem;
}
.guide h2 + h3 {
  padding-top: 0;
}
.guide h4 {
  font-weight: 700;
}
.guide h4 + p,
.guide h4 + .p {
  margin-top: 0.4rem;
}
.guide h4 + .list-dot-desc1 {
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
}
.guide .tlt-t1 {
  margin-bottom: 0;
}
.guide .tlt-t1 + p {
  margin: 2.4rem 0 0;
}

.guide p em,
.guide .p em {
  display: inline-block;
  margin-top: 0.8rem;
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  color: #151c22;
  line-height: 2.6rem;
}
.guide p [class*="btn"],
.guide .p [class*="btn"] {
  margin-top: 0.8rem;
}

.txt-box .dot-list {
  margin-left: 0;
}
.txt-box .dot-list li {
  padding-left: 1.8rem;
  font-size: 1.3rem;
  color: #686e75;
  line-height: 2.1rem;
  letter-spacing: 0;
}
.txt-box .dot-list li:before {
  top: 9px;
  left: 6px;
  width: 3px;
  height: 3px;
}

.guide .txt-box {
  margin: 0.8rem 0 0;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background-color: #f7f9fc;
  font-size: 1.4rem;
  color: #686e75;
  line-height: 2.2rem;
}
.guide .txt-box + .dot-list.sub {
  margin-top: 0.8rem;
}
.guide .txt-box + .dot-list.sub li:before {
  left: -0.3rem;
  top: 0.9rem;
}

.guide .txt-box .tit {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
  color: #1490ef;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: -0.09px;
}
.guide * + .tit {
  margin-top: 1.6rem;
}
.guide .essential {
  color: #e5483d;
}
.guide .dot-list {
  margin-left: 1rem;
}
.guide .txt-box .dot-list {
  margin-left: 0;
}
.guide .txt-box ul .btn-txt {
  display: inline-block;
  position: relative;
  margin-top: 0.8rem;
  margin-right: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #323232;
  line-height: 2rem;
  background-color: transparent;
}
.guide .btn-box {
  display: block;
  margin-top: 0.8rem;
}
.guide .img-box + * {
  margin-top: 2.4rem;
}
.guide .img-box + h3 {
  margin-top: 0;
}
.guide .img-box {
  position: relative;
  flex: 1;
  width: 100%;
  margin-top: 0.8rem;
  padding: 5.6rem;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 0.8rem;
}
.guide .img-box.txt-left {
  padding: 5.6rem 2.4rem;
}
.guide .img-box.t1 {
  padding: 2.4rem 2.4rem 3.2rem;
}
.guide .img-box .tit {
  display: block;
  font-size: 1.5rem;
  color: #1490ef;
  font-weight: 700;
  margin-bottom: 1.6rem;
  line-height: 2rem;
  text-align: left;
}
.guide .img-box.no-bg {
  background-color: transparent;
  padding: 2.4rem;
}
.guide .img-box.bg-blue {
  background: rgba(66, 88, 231, 0.05);
  border-radius: 0.8rem;
}
.guide .img-box img,
.img-guide {
  margin: 0 auto;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.guide .img-box img + p {
  margin: 1.6rem 0 0;
  font-size: 1.4rem;
  color: #727272;
  line-height: 2.4rem;
}
.guide .img-box-wrap {
  display: flex;
  margin-bottom: 2.4rem;
}
.guide .img-box-wrap .img-box {
  padding: 5.6rem 2.4rem;
}
.guide .img-box-wrap .img-box + .img-box {
  margin-left: 2.5rem;
}
.guide .img-box [alt="로그인 버튼"] {
  max-width: 395px;
}

@media screen and (max-width: 720px) {
  .guide .img-box.t1 {
    padding: 1.6rem 1.6rem 2.4rem;
  }
}

#wrap .guide .txt-box + p {
  margin-top: 0.8rem;
}
#wrap .guide .txt-box + h4 {
  margin-top: 1.6rem;
}

#wrap .guide.guide-intro h4 {
  margin: 1.6rem 0 0;
}
#wrap .guide.guide-intro h3 + h4 {
  margin-top: 0.8rem;
}
#wrap .guide.guide-intro p {
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
}
#wrap .guide.guide-intro .p {
  margin: 0.4rem 0 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
  letter-spacing: -0.112px;
}
#wrap .guide.guide-intro .p ul.dot-list {
  margin-top: 0.8rem;
}
#wrap .guide.guide-intro .p ul.dot-list > li {
  padding-left: 1.2rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
#wrap .guide.guide-intro .p ul.dot-list > li:before {
  top: 11px;
  width: 0.4rem;
  height: 0.4rem;
}
#wrap .guide.guide-intro p + h4,
#wrap .guide.guide-intro .p + h4 {
  margin-top: 1.6rem;
}
#wrap .guide.guide-intro .txt-box {
  margin: 0.8rem 0 0;
}
#wrap .guide.guide-intro .txt-box ol {
  padding-left: 1.4rem;
  font-size: 1.4rem;
  color: #686e75;
  line-height: 2.2rem;
  text-indent: -1.4rem;
  font-weight: 400;
}
#wrap .guide.guide-intro .txt-box .dot-list li:before {
  top: 1rem;
  background-color: #727272;
}

@media screen and (max-width: 1023px) {
  #wrap .guide.guide-intro h3 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  #wrap .guide.guide-intro h4 {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  #wrap .guide.guide-intro p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  #wrap .guide.guide-intro .p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .guide h4 + p,
  .guide h4 + .p {
    margin-top: 0.4rem;
  }
  #wrap .guide.guide-intro .p ul.dot-list > li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  #wrap .guide.guide-intro .p ul.dot-list > li:before {
    top: 1rem;
  }
}
@media screen and (max-width: 470px) {
  .guide p em,
  .guide .p em {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}

.guide-intro .dot-list .txt-small {
  margin-top: 0.4rem;
}
.guide-intro .dot-list .txt-small:before {
  top: 8px;
}
.guide-intro .txt-box img {
  display: block;
  width: 708px;
  margin: 0.8rem auto;
}

.guide .txt-box.css {
  margin-top: 2.4rem;
  padding: 4rem 5.6rem;
  overflow: hidden;
}
.guide .txt-box.css > div + div {
  margin-top: 3.2rem;
}
.txt-box.css .box {
  float: left;
}

.ipt-row.t1.color-box {
  display: inherit;
  padding: 3.2rem 3.2rem 1.6rem;
}
.ipt-row.t1.color-box .ipt-box {
  display: inline-block;
  width: 54px;
  height: 54px;
}
.ipt-row.t1.color-box .ipt-box + .ipt-box {
  margin-top: 0;
}

.color-box input[type="radio"] + label {
  width: 100%;
  height: 100%;
  padding-left: 0;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.color-box input[type="radio"]:checked + label {
  border: 2px solid #357ffa;
}
.color-box input[type="radio"] + label:before {
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -21px;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 50%;
}
.color-box input[type="radio"]#guideColor01 + label:before {
  background: #f0b61f;
}
.color-box input[type="radio"]#guideColor02 + label:before {
  background: #f38353;
}
.color-box input[type="radio"]#guideColor03 + label:before {
  background: #b62323;
}
.color-box input[type="radio"]#guideColor04 + label:before {
  background: #08877f;
}
.color-box input[type="radio"]#guideColor05 + label:before {
  background: #682e8b;
}
.color-box input[type="radio"]#guideColor06 + label:before {
  background: #2830ad;
}

.css-box {
  overflow: hidden;
  display: flex;
  padding-top: 3.2rem;
  padding-bottom: 0.8rem;
}
.css-box > div.img {
  width: 32.8rem;
  text-align: center;
}
.css-box > div.img img {
  margin-bottom: 0.8rem;
}
.css-box .list {
  flex: 1;
  margin-left: 4.2rem;
}
.css-box ol li {
  font-size: 0;
  overflow: hidden;
}
.css-box ol li + li {
  margin-top: 2.4rem;
}
.css-box ol li .label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-right: 0.8rem;
  margin-top: -0.8rem;
  padding: 1px 4px 2px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  background-color: #e5483d;
  border-radius: 0.4rem;
  box-sizing: border-box;
}
.css-box ol li:nth-child(1) .label:before {
  content: "1";
}
.css-box ol li:nth-child(2) .label:before {
  content: "2";
}
.css-box ol li:nth-child(3) .label:before {
  content: "3";
}
.css-box ol li:nth-child(4) .label:before {
  content: "4";
}
.css-box ol li:nth-child(5) .label:before {
  content: "5";
}
.css-box ol li:nth-child(6) .label:before {
  content: "6";
}
.css-box .label {
  display: inline-block;
  position: relative;
  width: 18.9rem;
  padding: 1.5rem 0 1.5rem 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  float: left;
  color: #323232;
  line-height: 2.4rem;
  box-sizing: border-box;
}
.css-box .label + div {
  float: left;
  width: calc(100% - 18.9rem);
  font-size: 1.8rem;
}
.ipt-box.css-logo {
  width: 50%;
}
.ipt-box.css-logo + .ipt-box {
  margin-left: 1.2rem;
}
.ipt-box.css-logo img {
  height: 2rem;
}
.ipt-box.css-logo img.big {
  height: 4.8rem;
}
.ipt-box.css-logo input[type="radio"] + label {
  width: 100%;
  padding: 1.6rem 2.2rem;
  background-color: #fff;
  border-radius: 0.8rem;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  line-height: 100%;
  text-align: center;
}
.ipt-box.css-logo input[type="radio"]:checked + label {
  border: 2px solid #357ffa;
  padding: 1.5rem 2.1rem;
}
.ipt-box.css-logo input[type="radio"]#logo-white + label {
  background-color: #26348f;
}
.ipt-box.css-logo input[type="radio"] + label:before {
  content: none;
}
.css-box .ipt-row.color-box {
  padding: 0;
}
.css-box .ipt-row.color-box input[type="radio"]#base-white + label:before {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.css-box .ipt-row.color-box input[type="radio"]#base-black + label:before {
  background-color: #151c22;
}
.css-box .ipt-txt {
  padding: 1.2rem 1.6rem;
  height: 5.4rem;
  margin-top: 0;
}
.css-box .ipt-box.ipt-only {
  clear: both;
  width: calc(100% - 18.9rem);
  margin: 6rem 0 0 18.9rem;
}
.css-box .ipt-txt.ipt-color {
  padding: 1.2rem 1.6rem 1.2rem 6.6rem;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
}
.guide .list-tit {
  font-size: 1.5rem;
  font-weight: 700;
  color: #323232;
}
.guide ul.ex-list {
  display: flex;
  margin-left: 0;
  justify-content: space-between;
}
.ex-list li {
  width: 27.5rem;
  margin-top: 2.4rem;
  text-align: center;
}
.ex-list li .img {
  position: relative;
  display: block;
  padding: 2.4rem 0;
  margin-bottom: 1.6rem;
}
.ex-list li .img img {
  height: 7.2rem;
}
.ex-list li p {
  margin: 0;
  font-size: 1.4rem;
  color: #686e75;
}
.ex-list li:nth-child(1) .img {
  background-color: #fff;
}
.ex-list li:nth-child(2) .img {
  background-color: #26348f;
}
.ex-list li:nth-child(3) .img {
  background-color: #afe8ff;
}
.guide .txt-box.css + .btn-box,
.guide .txt-box.css + span + .btn-box {
  margin-top: 2.4rem;
}
.guide .txt-box.css + .btn-box .btn,
.guide .txt-box.css + span + .btn-box .btn {
  width: 30.2rem !important;
  height: 5.6rem;
  margin: 0 auto;
}
.guide p.css-before-txt {
  letter-spacing: -0.1rem;
  color: #26348f;
  text-align: center;
  margin-bottom: 0;
  padding: 13.4rem 0;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
/* //style */

/* 인증서 디자인 */
/** base **/
.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.pcc_area {
  line-height: 1.1;
}
.pcc_area .bg {
  display: block; /* width:310px;height:400px;*/
  width: 23rem;
  height: 32rem;
}
.pcc_area .card_woori {
  position: relative;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230E6FEA'/%3E%3Cstop offset='1' stop-color='%231491EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28));filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28));*/
}

.pcc_area .card_woori .card_inner {
  position: relative;
  width: 23rem;
  height: 32rem;
  padding: 2.4rem 2.4rem 3.2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}
.pcc_area .card_woori .biLow {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 0.2rem;
}
.pcc_area .card_woori .biLow .bi {
  background: url(../images/pcc_logo_white.png);
  width: 9.76rem;
  height: 2rem;
  background-size: 100% auto;
  image-rendering: -webkit-optimize-contrast;
}
.pcc_area .card_woori .biLow .kebabMenu {
  display: inline-block;
  position: absolute;
  top: -0.2rem;
  right: 0;
  background-image: url(../images/pcc_more_btn.png);
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% auto;
  image-rendering: -webkit-optimize-contrast;
}

.pcc_area .card_woori .nameLow {
  /*padding-top:5.4rem;*/
  min-height: 9.8rem;
}
.pcc_area .card_woori .nameLow .name {
  font-size: 3.6rem;
  letter-spacing: -0.6px;
  padding-bottom: 2rem;
}
.pcc_area .card_woori .nameLow .date {
  font-size: 1.5rem;
  letter-spacing: -0.5px;
  font-family: "Roboto";
}
.pcc_area .card_woori .nameLow .date span {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "Noto Sans CJK KR";
}
.pcc_area .card_woori .nameLow .date span:after {
  display: inline-block;
  content: "|";
  width: 1px;
  padding: 0 0.5rem;
}
.pcc_area .card_woori .nameLow .pcc_txtPeriod {
  font-size: 1.2rem;
  color: #fff27d;
  text-decoration: underline;
  text-underline-position: under;
  padding-top: 0.8rem;
}
.pcc_area .card_woori .stateLow {
  display: flex;
  justify-content: space-between; /*padding-top:7rem;*/
  font-size: 1.2rem;
  letter-spacing: -0.75px;
}
.pcc_area .card_woori .stateLow .message {
  line-height: 140%;
  opacity: 0.7;
}
.pcc_area .card_woori .stateLow .linkBtn {
  background-color: #0e65a8;
  color: #d5dbe3;
  border-radius: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
.pcc_area .card_woori .stateLow .trustSign {
  background: url(../images/img_trustSign.png) no-repeat;
  background-size: 100% auto;
  width: 3.2rem;
  height: 3.2rem;
  opacity: 0.7;
}
/** //base **/

/** custom **/
.pcc_area[data-guide="guideColor01"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F0B61F'/%3E%3Cstop offset='1' stop-color='%23FFF389'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(240, 182, 31, 0.28));filter:drop-shadow(12px 16px 40px rgba(240, 182, 31, 0.28));*/
}
.pcc_area[data-guide="guideColor01"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_basic.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor01"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor01"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor01"] .card_woori .stateLow .message {
  color: #151c22;
}
.pcc_area[data-guide="guideColor01"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn_black.png);
}
.pcc_area[data-guide="guideColor01"] .card_woori .nameLow .pcc_txtPeriod {
  color: #018ede;
}
.pcc_area[data-guide="guideColor01"] .card_woori .stateLow .trustSign {
  background: url(../images/img_trustSign_black.png) no-repeat;
  background-size: 100% auto;
  mix-blend-mode: darken;
}
.pcc_area[data-guide="guideColor01"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23093378'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FFF389'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide="guideColor02"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F38353'/%3E%3Cstop offset='1' stop-color='%23FFBC57'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(243, 131, 83, 0.28));filter:drop-shadow(12px 16px 40px rgba(243, 131, 83, 0.28));*/
}
.pcc_area[data-guide="guideColor02"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_basic.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor02"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor02"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor02"] .card_woori .stateLow .message {
  color: #151c22;
}
.pcc_area[data-guide="guideColor02"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn_black.png);
}
.pcc_area[data-guide="guideColor02"] .card_woori .nameLow .pcc_txtPeriod {
  color: #376adb;
}
.pcc_area[data-guide="guideColor02"] .card_woori .stateLow .trustSign {
  background: url(../images/img_trustSign_black.png) no-repeat;
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor02"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23093378'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FFBC57'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide="guideColor03"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B62323'/%3E%3Cstop offset='1' stop-color='%23FF6464'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(182, 35, 35, 0.28));filter:drop-shadow(12px 16px 40px rgba(182, 35, 35, 0.28));*/
}
.pcc_area[data-guide="guideColor03"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_white.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor03"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor03"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor03"] .card_woori .stateLow .message {
  color: #fff;
}
.pcc_area[data-guide="guideColor03"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn.png);
}
.pcc_area[data-guide="guideColor03"] .card_woori .nameLow .pcc_txtPeriod {
  color: #fff27d;
}
.pcc_area[data-guide="guideColor03"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23FF6464'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide="guideColor04"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2308877F'/%3E%3Cstop offset='1' stop-color='%2305AAA0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(8, 135, 127, 0.28));filter:drop-shadow(12px 16px 40px rgba(8, 135, 127, 0.28));*/
}
.pcc_area[data-guide="guideColor04"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_white.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor04"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor04"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor04"] .card_woori .stateLow .message {
  color: #fff;
}
.pcc_area[data-guide="guideColor04"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn.png);
}
.pcc_area[data-guide="guideColor04"] .card_woori .nameLow .pcc_txtPeriod {
  color: #f3ffa8;
}
.pcc_area[data-guide="guideColor04"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%2308877F'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide="guideColor05"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23682E8B'/%3E%3Cstop offset='1' stop-color='%23A335E7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(104, 46, 139, 0.28));filter:drop-shadow(12px 16px 40px rgba(104, 46, 139, 0.28));*/
}
.pcc_area[data-guide="guideColor05"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_white.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor05"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor05"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor05"] .card_woori .stateLow .message {
  color: #fff;
}
.pcc_area[data-guide="guideColor05"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn.png);
}
.pcc_area[data-guide="guideColor05"] .card_woori .nameLow .pcc_txtPeriod {
  color: #fff27d;
}
.pcc_area[data-guide="guideColor05"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%23A335E7'/%3e%3c/svg%3e ");
}

.pcc_area[data-guide="guideColor06"] .card_woori {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232830AD'/%3E%3Cstop offset='1' stop-color='%23515CF8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* -webkit-filter:drop-shadow(12px 16px 40px rgba(40, 48, 173, 0.28));filter:drop-shadow(12px 16px 40px rgba(40, 48, 173, 0.28));*/
}
.pcc_area[data-guide="guideColor06"] .card_woori .biLow .bi {
  background-image: url(../images/pcc_logo_white.png);
  background-size: 100% auto;
}
.pcc_area[data-guide="guideColor06"] .card_woori .nameLow .name,
.pcc_area[data-guide="guideColor06"] .card_woori .nameLow .date,
.pcc_area[data-guide="guideColor06"] .card_woori .stateLow .message {
  color: #fff;
}
.pcc_area[data-guide="guideColor06"] .card_woori .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn.png);
}
.pcc_area[data-guide="guideColor06"] .card_woori .nameLow .pcc_txtPeriod {
  color: #fff27d;
}
.pcc_area[data-guide="guideColor06"] .card_woori.type-com .stateLow .ico-star {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 29.8182V2C23 0.895431 22.1046 0 21 0H2C0.895431 0 0 0.89543 0 2V29.8182C0 31.4988 1.94711 32.43 3.25538 31.3751L10.2446 25.7395C10.9773 25.1488 12.0227 25.1488 12.7554 25.7395L19.7446 31.3751C21.0529 32.43 23 31.4988 23 29.8182Z' fill='%23FFC71E'/%3e%3cpath d='M10.5489 6.92705C10.8483 6.00574 12.1517 6.00574 12.4511 6.92705L13.4084 9.87336C13.5422 10.2854 13.9262 10.5643 14.3594 10.5643H17.4574C18.4261 10.5643 18.8289 11.804 18.0451 12.3734L15.5389 14.1943C15.1884 14.4489 15.0417 14.9003 15.1756 15.3123L16.1329 18.2586C16.4323 19.1799 15.3778 19.946 14.5941 19.3766L12.0878 17.5557C11.7373 17.3011 11.2627 17.3011 10.9122 17.5557L8.40594 19.3766C7.62222 19.946 6.56774 19.1799 6.8671 18.2586L7.82441 15.3123C7.95828 14.9003 7.81162 14.4489 7.46114 14.1943L4.95486 12.3734C4.17115 11.804 4.57392 10.5643 5.54265 10.5643H8.64058C9.0738 10.5643 9.45776 10.2854 9.59163 9.87336L10.5489 6.92705Z' fill='%232830AD'/%3e%3c/svg%3e ");
}

.pcc_area .card_woori .biLow .bi[data-guide="logo-basic"] {
  background-image: url(../images/pcc_logo_basic.png);
  background-size: 100% auto;
}
.pcc_area .card_woori .biLow .bi[data-guide="logo-white"] {
  background-image: url(../images/pcc_logo_white.png);
  background-size: 100% auto;
}
.pcc_area .card_woori .card_inner[data-guide="base-white"] {
  color: #fff;
}
.pcc_area .card_woori .card_inner[data-guide="base-white"] .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn.png);
}
.pcc_area
  .card_woori
  .card_inner[data-guide="base-white"]
  .stateLow
  .trustSign {
  background: url(../images/img_trustSign.png) no-repeat;
  background-size: 100% auto;
}
.pcc_area .card_woori .card_inner[data-guide="base-black"] {
  color: #151c22;
}
.pcc_area .card_woori .card_inner[data-guide="base-black"] .biLow .kebabMenu {
  background-image: url(../images/pcc_more_btn_black.png);
}
.pcc_area
  .card_woori
  .card_inner[data-guide="base-black"]
  .stateLow
  .trustSign {
  background: url(../images/img_trustSign_black.png) no-repeat;
  background-size: 100% auto;
}
/** //custom **/
/* //인증서 디자인 */

/* color picker custom */
.sp-original-input-container {
  width: 100%;
}
.sp-original-input-container .sp-add-on {
  position: absolute;
  width: 34px !important;
  height: 34px;
  top: 10px;
  left: 16px;
  border-radius: 0 !important;
  border: 1px solid #e5e5e5;
}
input.spectrum.with-add-on {
  border-radius: 1rem;
}
/* //color picker custom */

/* banner */
.btm-bann.biz {
  background-color: #4258e7;
}
.btm-bann.biz .inner {
  padding: 4rem 0;
}
.btm-bann.biz .inner p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #fff;
  letter-spacing: -0.6px;
}
.btm-bann.biz .inner p em {
  color: #ffdf6b;
}
.btm-bann.biz .inner .btn {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2.4rem;
  padding: 1rem 2.4rem;
  font-size: 1.6rem;
  color: #fff;
  line-height: 2.6rem;
  border: 1px solid #fff;
  border-radius: 0.6rem;
  width: auto;
  height: auto;
}

.btm-bann.service-intro {
  background-color: #f5f9ff;
}
.btm-bann.service-intro .inner {
  max-width: 110rem;
  padding: 0.8rem 0 6.4rem;
  width: auto;
}
.btm-bann.service-intro .inner p {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.9rem;
}
@media screen and (max-width: 1023px) {
  .btm-bann.biz .inner {
    padding: 3rem 2rem;
  }
  .btm-bann.biz .inner p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .btm-bann.biz .inner .btn {
    right: 2rem;
    padding: 0.8rem 4.5rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 720px) {
  .btm-bann.service-intro.t1 {
    margin-top: 0;
  }
}
/* //banner */

/* 결함등록 버튼 */
.issue-toggle {
  z-index: 9999;
  position: fixed;
  bottom: 110px;
  right: 30px;
}
#btn-issue {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0;
  background-color: #163273;
  border: 0;
  color: #fff;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  cursor: pointer;
  letter-spacing: -0.6px;
}
#Toggle {
  font-size: 12px;
}
.btn-issue-list {
  position: relative;
  bottom: 65px;
}
.btn-issue-list ul {
  background-color: #163273;
  border-radius: 6px;
  padding: 8px;
}
.btn-issue-list li {
  color: #163273;
  padding: 4px 0;
}
.btn-issue-list li a {
  display: inline-block;
  width: 100%;
  padding: 4px 0;
  color: #e9e9e9;
}
.btn-issue-list li a:hover {
  color: #fff;
}
/* //결함등록 버튼 */

/* media query */
@media screen and (max-width: 1260px) {
  .main-inner {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .main-inner,
  .inner {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .inner.default-box {
    width: 100%;
  }
  .mw-not-supply {
    width: 1100px !important;
  }
}

@media screen and (max-width: 1023px) {
  .inner.default-box {
    min-height: auto;
    padding: 2rem 2rem 0;
    box-shadow: none;
  }
  .search-box ~ .inner.default-box .headline-txt {
    margin-top: 0;
  }
  .default-box {
    min-height: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 3rem 2rem 0;
  }

  .page-inner.wide {
    width: 100%;
  }
  .btm-bann .inner {
    width: 100%;
  }

  .mw {
    display: block;
  }
  .btn-top {
    position: fixed !important;
    width: 40px;
    height: 40px;
    bottom: 20px !important;
    right: 20px;
    background-size: 14px auto;
  }

  .btn-ipt-in {
    font-size: 1.3rem;
  }
  .btn-box.flex .btn + .btn {
    margin-left: 1.2rem;
  }
  textarea.ipt-txt {
    padding: 1.5rem 1.6rem;
  }
  .btn-row .ipt-box input[type="checkbox"] + label {
    padding-left: 34px;
  }
  .btn-row .ipt-box input[type="checkbox"] + label:before {
    top: 1px;
  }

  .ipt-box.flex label {
    width: 100%;
    margin: 0 0 0.8rem;
  }
  .ipt-box.flex label + * {
    width: 100%;
  }

  p + .ipt-box {
    margin-top: 1.6rem;
  }

  .page-cont > div:last-child {
    padding-bottom: 4.8rem;
  }

  .inner.default-box.guide-intro {
    padding-top: 4rem;
  }

  .page-inner {
    width: 100%;
  }
  .page-inner > h2 {
    padding: 3rem 2rem 0;
  }
  .page-inner .btn-txt {
    margin: 0.8rem 2rem 0 0;
  }
  .page-cont h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .search-box {
    width: 100%;
    padding: 4rem 2rem 3.2rem;
  }
  .search-box .ipt-search {
    height: 4.8rem;
    padding: 0.5rem 0;
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  .search-box .btn-search {
    top: 5.2rem;
  }

  .attach-box {
    padding: 1.6rem;
  }
  .attach-box .tit {
    float: none;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .attach-box ul {
    float: none;
    margin: 0.8rem 0 0;
  }
  .attach-box ul li {
    min-height: 2.4rem;
  }
  .attach-box ul a {
    min-height: 2.4rem;
    margin-top: 0.15rem;
    font-size: 1.3rem;
    line-height: 2.1rem;
  }
  .attach-box ul a:before {
    top: 0;
  }

  .tooltip {
    top: 2px;
  }
  .btn-tooltip .layer {
    min-width: 20rem; /* margin-left:-7rem;*/
    margin-left: -7rem;
  }

  .manager-select .modal-cont li .contact {
    line-height: 100%;
  }

  .withdraw .modal-cont p {
    font-size: 1.6rem;
  }
  .withdraw .modal-cont span {
    font-size: 1.5rem;
  }

  .tab-wrap {
    margin-bottom: 2.4rem;
  }
  .tab-wrap + p {
    margin-top: 0;
  }
  .tab .txt-center {
    padding-bottom: 3.5rem;
  }

  .btn-side-box a {
    font-size: 1.4rem;
  }

  .default-box .text-box {
    font-size: 1.5rem;
  }
  .default-box .text-box em {
    font-size: 1.8rem;
  }

  .accordion .acc-head {
    padding: 1.6rem 4.8rem 1.6rem 0;
    font-size: 1.5rem;
  }
  .accordion .acc-head:after {
    right: 0.6rem;
  }
  .accordion .acc-body {
    padding: 1.6rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }

  .open-tab h2 {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }

  .list-detail .answer {
    padding: 1.6rem;
  }
  .list-detail .answer .top {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .list-detail .answer .top:before {
    content: none;
  }
  .list-detail .answer p {
    padding: 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .list-preview li {
    padding: 1.7rem 0;
  }
  .list-preview li .tit {
    font-size: 1.5rem;
    padding: 0 2rem;
  }
  .list-preview li .no-list {
    padding: 0 2rem;
  }

  .dot-list.sub {
    font-size: 1.3rem;
    line-height: 2.1rem;
  }

  .list-partner li {
    height: 15rem;
  }
  .list-partner li {
    margin: 0 0.6rem 0;
    padding: 1.6rem 1rem 0;
    font-size: 1.3rem;
    line-height: 2.1rem;
  }

  .list-box.member li {
    padding: 1.6rem 0;
  }
  .list-box.member .status span + span {
    padding-left: 1rem;
  }
  .list-box.member .btn-box {
    right: 0;
  }

  *[class*="tit"] .f-right {
    top: 0.7rem;
  }

  .statistics-search {
    padding: 1.6rem;
  }
  .statistics-search > .ipt-row {
    display: block;
  }
  .statistics-search > .ipt-row > .btn-box {
    margin-top: 1.6rem !important;
  }
  .statistics-search > .ipt-row > .btn-box [class*="btn"] {
    width: 100%;
    height: 3.5rem;
    max-width: none;
    padding: 0;
    font-size: 1.3rem;
  }
  .statistics-search > .ipt-row > .btn-box [class*="btn"] .ico-search {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: 0.5rem;
  }
  .statistics-search .ipt-box.flex {
    display: block;
  }
  .statistics-search > .ipt-row .ipt-box.flex + .ipt-box.flex {
    margin-top: 2.4rem;
  }
  .statistics-search > .ipt-row .ipt-box.flex + .ipt-box.ipt-only {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0.8rem 0 0;
  }

  .chart-wrap .chart-box {
    display: block;
    margin: 0 auto;
  }
  .chart-info {
    margin: 4rem 0 0;
    display: block;
    float: none;
  }
  .chart-info .info {
    width: calc(100vw - 4rem);
    padding: 1.6rem;
  }

  .chart-wrap {
    flex-direction: column;
    padding: 2rem 0 0;
  }
  .chart-info .info .tit {
    width: 100%;
    padding-left: 2.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .chart-info .info .data {
    width: 100%;
    margin-top: 0.8rem;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
  .chart-info .info .total .tit {
    width: 5rem;
  }
  .chart-info .info .total .data {
    width: calc(100% - 5rem);
    margin-top: 0;
  }

  .btm-bann.service-intro .inner {
    width: 100%;
    padding: 3.2rem 2rem 4.8rem;
  }
  .btm-bann.service-intro .inner p {
    margin-bottom: 0.8rem;
    line-height: 2.8rem;
  }

  .service-intro h3 {
    font-size: 1.6rem;
  }

  .service-intro dl dt {
    font-size: 1.8rem;
  }

  .float-side-menu {
    display: none;
  }
  .float-side-menu .bar {
    position: static;
  }
  .float-side-menu ul {
    display: none;
  }
  .float-side-menu + .default-box.guide {
    padding: 2rem 2rem 6.8rem;
  }

  .red-x {
    left: 4px;
    top: 4px;
  }

  .guide * + h3 {
    padding-top: 4rem;
  }
  .guide .txt-box {
    padding: 1.6rem;
    font-size: 1.5rem;
  }
  .guide .txt-box .tit {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .guide p + .img-box {
    margin-top: 0.8rem;
  }
  .guide .img-box,
  .guide .img-box-wrap .img-box {
    padding: 3rem 1.4rem;
  }
  .guide .img-box-wrap .img-box + .img-box {
    margin-left: 2rem;
  }
  .guide .img-box img {
    max-width: 60%;
    height: auto;
  }
  .guide .img-box-wrap .img-box img,
  .guide .img-box.ex {
    padding: 1.6rem;
  }
  .guide .img-box.ex img {
    max-width: 100%;
  }
  .guide .img-box-wrap .img-box img {
    height: auto;
  }
  .guide .img-box-wrap .img-box br {
    display: none;
  }
  .guide-intro .txt-box img {
    width: 75%;
  }

  .issue-toggle {
    bottom: 70px;
    right: 20px;
  }

  /* 개발로 감싼 영역으로 인해 추가 */
  #dataList {
    background-color: #fff;
  }
  .page-cont > form:last-child > div:last-child {
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 720px) {
  .pc {
    display: none !important;
  }
  .mo {
    display: block !important;
  }
  .inner.default-box .btn-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
  .inner.default-box .btn-row .btn-box:not(:last-child) {
    margin-top: 1.6rem;
  }
  .inner.default-box .btn-row .f-right .btn {
    width: 100%;
  }
  .inner.default-box .btn-row .btn-box a {
    display: block;
    width: 100%;
  }
  .list-partner li {
    width: calc((100% - 3.6rem) / 3);
    margin-top: 1.2rem;
  }

  .main-notice {
    padding: 0 2rem;
    box-sizing: border-box;
    margin: 0;
  }
  .main-notice .tit {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1rem 0;
    font-size: 1.6rem;
    letter-spacing: 0;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
  }
  .main-notice .tit:after {
    content: "";
    position: absolute;
    top: 24px;
    right: 15px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border: 2px solid #3a3a47;
    border-bottom: none;
    border-right: none;
    background: none;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .main-notice .txt,
  .main-notice .btn-txt {
    display: none;
  }

  .list-box.member label {
    width: 100%;
    padding: 0 0 0 31px;
  }
  .list-box.member label:before {
    top: 0.2rem;
    margin-top: 0;
  }
  .list-box.member .status {
    display: flex;
    width: 100%;
    margin: 1.2rem 0 0;
  }
  .list-box.member .status span {
    width: 50%;
  }
  .list-box.member .status span + span {
    padding: 0;
  }
  .list-box.member .status span:first-child {
    text-align: left;
  }
  .list-box.member .status span:last-child {
    text-align: right;
  }
  .list-box.member .ipt-box .status {
    display: block;
    width: 100%;
    margin: 0;
  }
  .list-box.member .status span.date {
    display: inline-block;
    width: auto;
    float: right;
    font-size: 1.3rem;
    padding-top: 0;
  }
  .list-box.member .info,
  .list-box.member.setting .info {
    width: 100%;
  }
  .list-box.member .ipt-box .status + .info {
    margin-top: 1.6rem;
  }
  .list-box.member .btn-box {
    display: flex;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 1.6rem;
  }
  .list-box.member .btn-box .btn-sm {
    width: 100%;
    text-align: center;
  }
  .list-box.member .btn-box .btn-sm + .btn-sm {
    margin-right: 0.1rem;
  }
  .list-box.member .ipt-box .info + .status {
    display: flex;
    margin: 1.2rem 0 0;
  }
  .list-box.member .ipt-box .info + .status span {
    text-align: left;
  }
  .list-box.member .ipt-box .info + .status span + span {
    text-align: right;
  }

  /* 251105 사업자사설인증 [S] */
  .search-table-header {
    display: none;
  }
  .list-box.member.search-table .check-area label:before {
    top: 0;
  }
  .list-box.member.search-table .number {
    display: none;
  }
  .list-box.member.search-table .info  {
    width: calc(100% - 5rem);
  }
  .list-box.member.search-table .info .logo-wrap {
    width: 3.2rem;
    height: 3.2rem;
  }
  .list-box.member.search-table .info .logo {
    width: 3.2rem;
    height: 3.2rem;
  }
  .list-box.member.search-table .info .name {
    width: calc(100% - 5rem);
    padding-left: 1rem;
  }
  .list-box.member.search-table .status .only-mobile {
    display: inline-block;
    margin-right: 0.5rem;
  }

  .list-box.member.search-table .status span {
    width: 50%;
  }
  /* 251105 사업자사설인증 [E] */

  .ipt-row.bg-gray.mt-8 {
    display: block;
    margin-top: 5.6rem;
  }
  .ipt-row.bg-gray .ipt-box {
    margin-bottom: 1.2rem;
  }

  .tab-wrap.row .tabs {
    display: block;
    font-size: 0;
  }
  .tab-wrap.row .tabs li {
    width: 50%;
    display: inline-block;
    border: 0;
    margin: 0;
  }
  .tab-wrap.row .tabs li.on {
    border: 1px solid #26348f;
  }
  .tab-wrap.row .tabs li:first-child,
  .tab-wrap.row .tabs li:nth-child(2) {
    margin-top: 0;
  }

  .chart-wrap .chart-box {
    width: 28rem;
    height: 28rem;
  }

  .statistics-tit {
    margin-top: 2.4rem;
  }
  .statistics-tit .btn-sm {
    display: block;
    margin: 0 auto;
    white-space: normal;
    float: none;
    min-width: 17rem;
  }
  .statistics-tit .btn-sm:before {
    content: "전체 사용량 엑셀 다운로드";
  }

  .btm-bann.service-intro .inner {
  }

  .inner.default-box.service-intro .btn-box {
    margin-top: 5.6rem;
  }
  .inner.default-box.service-intro .btn-box .btn {
    width: 100%;
  }

  .guide .img-box-wrap {
    display: block;
  }
  .guide .img-box-wrap .img-box + .img-box {
    margin-left: 0;
  }
  .guide .img-box img {
    max-width: 100%;
    width: 100%;
  }
  .guide .img-box-wrap .img-box img {
    max-width: 70%;
  }
  .guide-intro .txt-box img {
    width: 100%;
  }

  .btm-bann.biz .inner .btn {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 1.6rem;
    right: 0;
  }
}

@media screen and (max-width: 660px) {
  .service-intro ul li {
    width: 100%;
    margin-left: 0 !important;
    height: auto;
    max-height: none;
  }
}

@media screen and (max-width: 400px) {
  .ipt-row.field-t1 {
    flex-wrap: wrap;
  }
  .ipt-row.field-t1 > .ipt-box + .ipt-box {
    margin-top: 1.6rem;
  }

  .chart-info .info li + li {
    margin-top: 1.6rem;
  }
  .chart-info .info .data {
    margin-top: 0.4rem;
    padding-left: 2.4rem;
    text-align: left;
  }
  .chart-info .info .total {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
  }
}

@media screen and (max-width: 380px) {
  .biz-proposal li {
    padding: 1.2rem 0;
  }
  .biz-proposal li + li {
    margin-left: 0;
    padding: 1.2rem 0 1.2rem 2.4rem;
  }
}

@media screen and (max-width: 340px) {
  .modal.alert {
    width: 90% !important;
  }
}
/* //media query */

/* //인증서 디자인 - 개인사업자 추가 */
.pcc_area_group {
  display: flex;
}

/* certi. com. card */
.pcc_area .card_woori.type-com .nameLow .name {
  font-size: 2.4rem;
  margin: 0.4rem 0 1.6rem;
  line-height: 3rem;
  padding-bottom: 0;
}
.pcc_area .card_woori.type-com .nameLow .pcc_txtPeriod {
  font-size: 1.2rem;
  line-height: 1.2rem;
  /* color:#FFF27D;*/
  text-decoration: none;
}
.pcc_area .card_woori.type-com .stateLow {
  margin-top: auto;
}
.pcc_area .card_woori.type-com .nameLow .type-label {
  position: relative;
  margin: 24px 0 12px -27px;
  color: #fff;
  background: url(../images/com_name_tag.svg) no-repeat 0 0;
  width: 78px;
  height: 44px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(9, 51, 120, 0.3));
  filter: drop-shadow(0px 4px 4px rgba(9, 51, 120, 0.3));
}
.pcc_area .card_woori.type-com .nameLow .type-label strong {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  margin-left: 14px;
  line-height: 38px;
}
.pcc_area .card_woori.type-com .stateLow .trustSign {
  margin-left: auto;
}

.pcc_area .card_woori.type-com .stateLow .ico-star {
  background: url(../images/com_ico_star.svg) no-repeat 0 0;
  width: 23px;
  height: 34px;
  margin: 1px 8px 0 0;
}
.pcc_area .card_woori.type-com .stateLow .ico-star.off {
  background-image: url(../images/com_ico_star_gray.svg);
}

.in-group .ipt-box + .ipt-box {
  margin-top: 0.5rem;
}
.in-group .ipt-box + .in-title {
  margin-top: 2rem;
}
.in-group .in-title {
  display: inline-block;
  color: #323232;
  font-size: 14px;
  font-weight: 700;
  margin: 12px 0 10px 15px;
}
.list-tit {
  margin-top: 4rem;
}

/* ********************************************************** */
/* .link-t1{display:inline-block;position:relative;margin-top:1.6rem;padding-right:1.2rem;font-size:1.3rem;font-weight:500;color:#323232;letter-spacing:-1px;line-height:2.1rem;text-decoration:underline;}
  .link-t1:after{content:'';display:block;position:absolute;right:0;top:7px;width:5px;height:5px;border:2px solid #3a3a47;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);} */

.wrap[page-type="report-page"] .hidden {
  /*position:absolute;*/
  clip: rect(0, 0, 0, 0);
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

/* ********************************
# CONTAINER
******************************** */
/* path */
.wrap[page-type="report-page"] #container .path {
  display: -webkit-flex;
  display: flex;
  position: fixed;
  top: 5.8rem;
  left: 0;
  right: 0;
  padding: 1.5rem 2.3rem 1.4rem;
  background: #e4eaf2;
}
.wrap[page-type="report-page"] #container .path li {
  font-size: 1.3rem;
  color: #6d747a;
  letter-spacing: -0.75px;
  line-height: 2rem;
}
.wrap[page-type="report-page"] #container .path li:not(:first-child):before {
  content: ">";
  display: inline-block;
  margin: 0 0.4rem;
}

/* ********************************
# CONTENTS
******************************** */
.wrap[page-type="report-page"] .contents {
  position: fixed;
  top: calc(5.8rem + 4.9rem);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.4rem 2rem;
  overflow-y: scroll;
  background: #fff;
}
.wrap[page-type="report-page"] .contents:not(:last-child) {
  bottom: 8.8rem;
}

.wrap[page-type="report-page"] .flex-row {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.wrap[page-type="report-page"] .flex-row > div,
.wrap[page-type="report-page"] .flex-row > fieldset {
  width: 100%;
}
.wrap[page-type="report-page"] .flex-row > *:not(:first-child) {
  margin-left: 1.6rem;
}

/* ####################################################################### */
/* COMPONENT */
/* ####################################################################### */
/* *********************************
# BUTTON
********************************* */
/* 버튼 디자인 */
.wrap[page-type="report-page"] .btn-primary {
  padding: 0.75rem 3rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: #1490ef;
  border-radius: 0.6rem;
}
.wrap[page-type="report-page"] .btn-primary-line {
  padding: 0.75rem 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1490ef;
  letter-spacing: -0.6px;
  line-height: 2.5rem;
  background: #fff;
  border: 1px solid #1490ef;
  border-radius: 0.6rem;
}
.wrap[page-type="report-page"] .btn-cancle {
  color: #333a40;
  background: #e4eaf2;
  border-radius: 0.6rem;
}

/* 버튼 활성화 영역 */
.wrap[page-type="report-page"] .btn-active {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
}
.wrap[page-type="report-page"] .btn-active > a,
.wrap[page-type="report-page"] .btn-active > button {
  width: 100%;
  padding: 1.55rem 3rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.wrap[page-type="report-page"] .btn-active a:first-child:not(:last-child),
.wrap[page-type="report-page"] .btn-active button:first-child:not(:last-child) {
  width: calc((100% - 0.8rem) / 10 * 3);
}
.wrap[page-type="report-page"] .btn-active a:last-child:not(:first-child),
.wrap[page-type="report-page"] .btn-active button:last-child:not(:first-child) {
  width: calc((100% - 0.8rem) / 10 * 7);
}

.wrap[page-type="report-page"] .btn-active.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

/* 검색결과 필드 버튼 */
.wrap[page-type="report-page"] .area-result ul {
  display: -webkit-flex;
  display: flex;
  margin-top: 0.9rem;
}
.wrap[page-type="report-page"] .area-result ul li:not(:last-child) {
  margin-right: 0.4rem;
}
.wrap[page-type="report-page"] .area-result ul li button {
  position: relative;
  padding: 0.3rem 1.4rem;
  font-size: 1.3rem;
  color: #727272;
  line-height: 2.2rem;
  background: #e4eaf2;
  border-radius: 3rem;
}
.wrap[page-type="report-page"] .area-result ul li button:before {
  content: "#";
  display: inline-block;
}

/* *********************************
# INPUT
********************************* */
.wrap[page-type="report-page"] .text {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  color: #121517;
  line-height: 2.6rem;
  border: none;
}
.wrap[page-type="report-page"] .text::placeholder {
  color: #c4cbd3;
}
.wrap[page-type="report-page"] .textarea {
  display: block;
  min-height: 10.5rem;
  width: 100%;
  font-size: 1.6rem;
  color: #121517;
  line-height: 2.6rem;
  border: none;
}
.wrap[page-type="report-page"] .textarea-data {
  padding: 1.6rem;
  font-size: 1.3rem;
  color: #121517;
  line-height: 2rem;
  border: 1px solid #dee2e6;
  border-radius: 0.6rem;
}
.wrap[page-type="report-page"] select.select {
  display: block;
  width: 100%;
  height: 2.6rem;
  font-size: 1.5rem;
  line-height: 2.6rem;
  border: none;
}
.wrap[page-type="report-page"] select.select option {
  font-size: 1.5rem;
}

.wrap[page-type="report-page"] .readonly {
  position: relative;
  color: #6d747a;
}
.wrap[page-type="report-page"] .readonly:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.02);
}

/* *********************************
# FORM
********************************* */
.wrap[page-type="report-page"] .form-wrap > dl.form-t1:not(:first-child) {
  margin-top: 1.6rem;
}
.wrap[page-type="report-page"] .form-wrap > .textarea-data:not(:first-child) {
  margin-top: 1.6rem;
}

.wrap[page-type="report-page"] .form-file {
  margin-top: 4rem;
}
.wrap[page-type="report-page"] .form-file button {
  width: 100%;
}

/* 검색영역 */
.wrap[page-type="report-page"] .area-search .input-wrap1 {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-right: 4.8rem;
}
.wrap[page-type="report-page"] .area-search .input-wrap1 .text {
  font-size: 1.8rem;
  letter-spacing: -0.6px;
  line-height: 4.2rem;
  border-bottom: 2px solid #d5dbe3;
}
.wrap[page-type="report-page"] .area-search .input-wrap1 .btn-search {
  width: 8.2rem;
  height: 4rem;
  margin-left: 0.8rem;
  font-size: 1.6rem;
  color: #1490ef;
  border: 1px solid #1490ef;
  border-radius: 0.6rem;
}

.wrap[page-type="report-page"] dl.form-t1 {
  position: relative;
  width: 100%;
  padding: 1.2rem 1.6rem 1.6rem;
  border: 1px solid #dee2e6;
  border-radius: 0.6rem;
  overflow: hidden;
}
.wrap[page-type="report-page"] dl.form-t1 dt {
  font-size: 1.3rem;
  color: #64757c;
  line-height: 2rem;
}
.wrap[page-type="report-page"] dl.form-t1 dt + dd {
  margin-top: 0.6rem;
}

/* required */
.wrap[page-type="report-page"] .required {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  margin-left: 0.3rem;
  font-size: 0;
  color: transparent;
}
.wrap[page-type="report-page"] .required:after {
  content: "*";
  display: inline-block;
  font-size: 1.3rem;
  color: red;
}

/* *********************************
# TABLE
********************************* */
.wrap[page-type="report-page"] .data-table1 {
  padding: 1rem 2rem;
  border: 1px solid #dee2e6;
  border-radius: 0.6rem;
}
.wrap[page-type="report-page"] .data-table1 dl {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0;
}
.wrap[page-type="report-page"] .data-table1 dl dt {
  font-size: 1.4rem;
  color: #6d747a;
  line-height: 2.6rem;
}
.wrap[page-type="report-page"] .data-table1 dl dd {
  font-size: 1.6rem;
  font-weight: 700;
  color: #121517;
  letter-spacing: -0.6px;
}
.wrap[page-type="report-page"] .data-table1 dl:first-child dt {
  font-size: 1.6rem;
  letter-spacing: -0.6px;
  line-height: 2.6rem;
}

/* *********************************
# LIST
********************************* */
/* 이슈 리포트 리스트 */
.wrap[page-type="report-page"] .list-report1 {
  margin: 4rem -2rem 0;
  padding: 2.4rem 2rem;
  border-top: 3px solid #e4eaf2;
}
.wrap[page-type="report-page"] .list-report1 dl + dl {
  margin-top: 2.4rem;
}
.wrap[page-type="report-page"] .list-report1 dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  color: #121517;
  letter-spacing: -0.6px;
  line-height: 2.6rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd > div {
  width: calc((100% - 1rem) / 2);
  padding: 1.6rem;
  border: 1px solid #dee2e6;
  border-radius: 1rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(even) {
  margin-left: 1rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(2) ~ div {
  margin-top: 1rem;
}

.wrap[page-type="report-page"] .list-report1 dl dd .state span {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  color: #6d747a;
  letter-spacing: -0.6px;
  line-height: 2.6rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd .state span + span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1.3rem;
  margin: 0 1rem;
  background: #6d747a;
}
.wrap[page-type="report-page"] .list-report1 dl dd .state .key em {
  color: #e5483d;
}
.wrap[page-type="report-page"] .list-report1 dl dd .num-issue {
  font-size: 1.3rem;
  color: #e5483d;
  line-height: 2.4rem;
  letter-spacing: -0.6px;
}

.wrap[page-type="report-page"] .list-report1 dl dd .flex-row {
  justify-content: space-between;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.wrap[page-type="report-page"] .list-report1 dl dd .flex-row .num {
  display: inline-block;
  color: #6d747a;
}
.wrap[page-type="report-page"] .list-report1 dl dd .flex-row .device {
  color: #121517;
}

.wrap[page-type="report-page"] .list-report1 dl dd .textarea-data {
  padding: 0.8rem;
  font-size: 1.3rem;
  letter-spacing: -0.6px;
  line-height: 2rem;
  word-break: break-word;
}
@media screen and (max-width: 720px) {
  .wrap[page-type="report-page"] .list-report1 dl dd > div {
    width: 100%;
  }
  .wrap[page-type="report-page"] .list-report1 dl dd > div:nth-of-type(even) {
    margin-left: 0;
    margin-top: 1rem;
  }
}

/* 첨부 스크린샷 리스트 */
.wrap[page-type="report-page"] .file-photo1 {
  margin-top: 1.6rem;
}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap > div {
  position: relative;
}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap > div:not(:first-child) {
  margin-left: 20px;
}
.wrap[page-type="report-page"] .file-photo1 .shot-wrap .shot-close {
  position: absolute;
  right: 0;
  top: 0;
}
.wrap[page-type="report-page"] .file-photo1 li .shot-close {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
}
.wrap[page-type="report-page"] .file-photo1 li .shot-close:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5px;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: #181b1c;
  border-radius: 3px;
  transform: rotate(45deg);
}
.wrap[page-type="report-page"] .file-photo1 li .shot-close:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5px;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: #181b1c;
  border-radius: 3px;
  transform: rotate(-45deg);
}

/* 내 앱 없을 때 */
.intro-list {
  display: flex;
  padding: 0 2rem;
  margin: 3.2rem auto 4.8rem;
}
.intro-list li {
  flex: 1;
}
.intro-list li .thumb {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}
.intro-list li .thumb img {
  position: relative;
  z-index: 1;
  width: 13.6rem;
}
.intro-list li dl {
  margin-top: 1.6rem;
  text-align: center;
}
.intro-list li dt {
  padding-bottom: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #151c22;
  line-height: -0.075px;
}
.intro-list li dd {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #686e75;
}
.btn-wrap-center {
  display: flex;
  justify-content: center;
}
.btn-wrap-center > * {
  margin: 0 0.8rem;
}
@media screen and (max-width: 1023px) {
  .intro-list {
    display: block;
    padding: 0;
    margin: 0 0 4rem;
  }
  .intro-list li {
    margin-top: 3.2rem;
  }
  .intro-list li .thumb {
    position: relative;
    display: flex;
    justify-content: center;
  }
  .intro-list li .thumb:before,
  .intro-list li .thumb:after {
    display: none;
  }
  .intro-list li dt {
    font-size: 1.5rem;
  }
  .intro-list li dd br {
    display: none;
  }
  .btn-wrap-center {
    display: block;
    text-align: center;
  }
  .btn-wrap-center > * {
    display: table;
    margin: 1.6rem auto 0;
  }
}

.tit-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.tit-wrap.btn-only {
  justify-content: right;
}
@media screen and (max-width: 1023px) {
  .statistics-search .ipt-box.flex.mo-flex {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }

  .tit-wrap.btn-only {
    justify-content: center;
    margin-top: 2.4rem;
  }
}

/* *********************************
************************************
본인확인 서비스 추가 css
************************************
********************************* */
/* 인증서 plate */
.pcc_card_group {
  max-width: 36rem;
  margin: 0 auto;
}
.pcc_card_woori {
  position: relative;
  background: linear-gradient(
    320.49deg,
    #cfdff4 -5.02%,
    #dae7f8 22.31%,
    #ebf2ff 48.48%,
    #f9fbff 71.74%,
    #f0f7ff 84.53%,
    #e8f3ff 106.63%
  );
  border-radius: 1.6rem;
  max-width: 36rem;
  min-height: 19.2rem;
  padding: 2rem;
}

.pcc_card_woori .woori_bi {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.pcc_card_woori .woori_bi .bi {
  background: url(../images/logo_won_certi.svg) center center no-repeat;
  background-size: 100% auto;
  width: 4.4rem;
  height: 4.8rem;
}
.pcc_card_woori .card_info {
  padding-top: 3.6rem;
}
.pcc_card_woori .card_info .name_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
}
.pcc_card_woori .card_info .name_wrap .name {
  font-size: 2.2rem;
  color: #151c22;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.pcc_card_woori .card_info .name_wrap .ico_lock {
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/ic_lock.png) center no-repeat;
  background-size: 100% auto;
  margin-left: 0.4rem;
}
.pcc_card_woori .card_info .date_wrap {
  display: flex;
  align-items: center;
}
.pcc_card_woori .card_info .date_wrap .tit {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.58;
  letter-spacing: -0.75px;
  color: #4c5459;
  margin-bottom: 0;
}
.pcc_card_woori .card_info .date_wrap .card_date {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #1490ef;
  padding-left: 0.8rem;
  letter-spacing: 0;
}

.pcc_card_woori .card_ft {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.5rem;
}
.pcc_card_woori .card_ft .trust_sign {
  position: relative;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.53;
  letter-spacing: -0.75px;
  color: #7192b1;
  padding-left: 2.4rem;
  flex: 1;
}
.pcc_card_woori .card_ft .trust_sign:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  display: block;
  background: url(../images/logo_trustsign.svg) no-repeat center;
  background-size: 100% auto;
}
.pcc_card_woori .btn_card_set {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  width: 6.8rem;
  height: 3.2rem;
  padding-left: 3.4rem;
  font-size: 1.4rem;
  line-height: 1.58;
  letter-spacing: -0.75px;
  font-weight: 500;
  border-radius: 1.6rem;
  color: #5a6f87;
  box-sizing: border-box;
}
.pcc_card_woori .btn_card_set:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/ic_header_set.png) left center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
}

/** custom **/
.pcc_card_woori[data-guide="guideColor01"] {
  background: linear-gradient(245deg, #f0b61f -16.37%, #fff389 108.75%);
}
.pcc_card_woori[data-guide="guideColor01"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor01"] .date_wrap .tit {
  color: #151c22;
}
.pcc_card_woori[data-guide="guideColor01"] .date_wrap .card_date {
  color: #1490ef;
}
.pcc_card_woori[data-guide="guideColor01"] .card_ft .trust_sign {
  color: #151c22;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor01"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(0);
}

.pcc_card_woori[data-guide="guideColor02"] {
  background: linear-gradient(245deg, #f38353 -16.37%, #ffbc57 108.75%);
}
.pcc_card_woori[data-guide="guideColor02"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor02"] .date_wrap .tit {
  color: #151c22;
}
.pcc_card_woori[data-guide="guideColor02"] .date_wrap .card_date {
  color: #4258ef;
}
.pcc_card_woori[data-guide="guideColor02"] .card_ft .trust_sign {
  color: #000;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor02"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(0);
}

.pcc_card_woori[data-guide="guideColor03"] {
  background: linear-gradient(245deg, #b62323, #ff6464);
}
.pcc_card_woori[data-guide="guideColor03"] .woori_bi .bi {
  background: url(../images/logo_won_certi_white.svg) center center no-repeat;
}
.pcc_card_woori[data-guide="guideColor03"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor03"] .date_wrap .tit {
  color: #fff;
}
.pcc_card_woori[data-guide="guideColor03"] .date_wrap .card_date {
  color: #f3ffa8;
}
.pcc_card_woori[data-guide="guideColor03"] .card_ft .trust_sign {
  color: #fff;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor03"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(1);
}

.pcc_card_woori[data-guide="guideColor04"] {
  background: linear-gradient(245deg, #08877f -16.37%, #05aaa0 108.75%);
}
.pcc_card_woori[data-guide="guideColor04"] .woori_bi .bi {
  background: url(../images/logo_won_certi_white.svg) center center no-repeat;
}
.pcc_card_woori[data-guide="guideColor04"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor04"] .date_wrap .tit {
  color: #fff;
}
.pcc_card_woori[data-guide="guideColor04"] .date_wrap .card_date {
  color: #f3ffa8;
}
.pcc_card_woori[data-guide="guideColor04"] .card_ft .trust_sign {
  color: #fff;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor04"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(1);
}

.pcc_card_woori[data-guide="guideColor05"] {
  background: linear-gradient(245deg, #682e8b -16.37%, #a335e7 108.75%);
}
.pcc_card_woori[data-guide="guideColor05"] .woori_bi .bi {
  background: url(../images/logo_won_certi_white.svg) center center no-repeat;
}
.pcc_card_woori[data-guide="guideColor05"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor05"] .date_wrap .tit {
  color: #fff;
}
.pcc_card_woori[data-guide="guideColor05"] .date_wrap .card_date {
  color: #fff27d;
}
.pcc_card_woori[data-guide="guideColor05"] .card_ft .trust_sign {
  color: #fff;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor05"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(1);
}

.pcc_card_woori[data-guide="guideColor06"] {
  background: linear-gradient(245deg, #2830ad -16.37%, #515cf8 108.75%);
}
.pcc_card_woori[data-guide="guideColor06"] .woori_bi .bi {
  background: url(../images/logo_won_certi_white.svg) center center no-repeat;
}
.pcc_card_woori[data-guide="guideColor06"] .name_wrap .name,
.pcc_card_woori[data-guide="guideColor06"] .date_wrap .tit {
  color: #fff;
}
.pcc_card_woori[data-guide="guideColor06"] .date_wrap .card_date {
  color: #fff27d;
}
.pcc_card_woori[data-guide="guideColor06"] .card_ft .trust_sign {
  color: #fff;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="guideColor06"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(1);
}

.pcc_card_woori .woori_bi .bi[data-guide="logo-basic"] {
  background: url(../images/logo_won_certi.svg) center center no-repeat;
}
.pcc_card_woori .woori_bi .bi[data-guide="logo-white"] {
  background: url(../images/logo_won_certi_white.svg) center center no-repeat;
}
.pcc_card_woori[data-guide="base-white"] .name_wrap .name,
.pcc_card_woori[data-guide="base-white"] .date_wrap .tit,
.pcc_card_woori[data-guide="base-white"] .date_wrap .card_date {
  color: #fff;
}
.pcc_card_woori[data-guide="base-white"] .card_ft .trust_sign {
  color: #fff;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="base-white"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0) invert(1);
}

.pcc_card_woori[data-guide="base-black"] .name_wrap .name,
.pcc_card_woori[data-guide="base-black"] .date_wrap .tit,
.pcc_card_woori[data-guide="base-black"] .date_wrap .card_date {
  color: #151c22;
}
.pcc_card_woori[data-guide="base-black"] .card_ft .trust_sign {
  color: #151c22;
  opacity: 0.5;
}
.pcc_card_woori[data-guide="base-black"] .card_ft .trust_sign:before {
  content: "";
  filter: brightness(0);
}
/** //custom **/
/* //인증서 디자인 */

.gray-box {
  background: #f7f9fc;
  display: flex;
  justify-content: space-between;
  padding: 2.4rem 3rem;
  border-radius: 1rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 720px) {
  .gray-box {
    flex-direction: column;
  }
}

/* 250716 회원가입 css추가 [S]*/
.ipt-box.wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
}

.ipt-box.wrap .ipt-box {
  flex: 1 1 100%;
  display: flex;
}

.ipt-box.wrap .ipt-row {
  flex: 1 1 50%;
  margin-top: 1.5rem;
}

@media screen and (max-width: 400px) {
  .ipt-box.wrap .ipt-row {
    flex: 1 1 100%;
    margin-top: 1.2rem;
  }
}

.ipt-box.checkbox {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.ipt-box.checkbox > label {
  display: block;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.06px;
  margin-bottom: 0.8rem;
  width: 100%;
}

.ipt-box.checkbox .ipt-row {
  margin-top: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.text-left.checkbox {
  display: flex;
}

.ipt-box.flex.fl-shrk0 {
  align-items: flex-start;
}

.ipt-box.flex.fl-shrk0 > i {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-left: 0;
}

@media screen and (max-width: 400px) {
  .ipt-box.checkbox .ipt-row {
    flex: 1 1 100%;
    margin-top: 1.2rem;
  }
}
/* 250716 회원가입 css추가 [E]*/

/* 251105 사업자사설인증 flex: 1 추가 */
.flex-1 {flex: 1 !important;}


/* 251120 사업자사설인증 신규메인 [S] */
.new-main * {
  line-height: 1.4 !important;
  letter-spacing: -1px !important;
}
.new-main .main-visual{
  background: #26348f url(../images/new_main_visual.png) center no-repeat;
  border-radius: 0;
  background-size: cover;
}
.new-main .main-visual h1 {font-size: 5rem;}
.new-main .list-box-wrap{
  max-width: 144rem;
  margin-top: -29.9rem;
  background: #ffffff;
  border-radius: 4rem;
  padding: 7.2rem;
  box-shadow: 0 20px 20px rgba(66, 88, 231, 0.1);
}
.new-main .list-box-wrap .txt-box{
  position: relative;
  padding-left: 8rem;
  margin-bottom: 4rem;
}
.new-main .list-box-wrap .txt-box::before{
  position: absolute;
  content:'';
  width:6.4rem;
  height: 8.3rem;
  top: 0.6rem;
  left:0;
  background: url(../images/img_main_feature01.png) no-repeat;
  background-size: contain;
}
.new-main .list-box-wrap .txt-box .tit{
  font-size: 3.6rem;
  font-weight: 700;
}
.new-main .list-box-wrap .txt-box .txt{
  font-size: 1.8rem;
  margin-top: 0.8rem;
  color:#4c5459;
}
.new-main .list-box{
  display: flex;
  border-top:none;
}
.new-main .list-box li {
  padding: 3.2rem 0;
  width: 16.6%;
  text-align: center;
  background: #f7f9fc;
  border-radius: 2.4rem;
  border-bottom: none;
  font-size: 2.2rem;
}
.new-main .list-box li + li{margin-left: 1.6rem;}
/* 251202 기획현행화 [S] */
.new-main .list-box li .logo{
  width: 5.6rem;
  height: 5.6rem;
  margin:0 auto 2rem;
  background-size: 100% 100% !important;
}

.new-main .list-box li:nth-child(1) .logo, 
.new-main .list-box li:nth-child(2) .logo{
  background: url(../images/img_new_feature01.png) no-repeat;
}
.new-main .list-box li:nth-child(3) .logo,
.new-main .list-box li:nth-child(4) .logo{
  background: url(../images/img_new_feature02.png) no-repeat;
}
.new-main .list-box li:nth-child(5) .logo{
  background: url(../images/img_new_feature03.png) no-repeat;
}
.new-main .list-box li:nth-child(6) .logo{
  background: url(../images/img_new_feature04.png) no-repeat;
}
/* 251202 기획현행화 [E] */
.new-main .feature-list-wrap {
  margin: 12rem auto 0; 
  max-width: 132rem;
}
.new-main .feature-list-wrap .feature-list li{
  display:flex;
  align-items:center;
}
.new-main .feature-list-wrap .feature-list li + li {margin-top: 12rem;}
.new-main .feature-list-wrap .feature-list li > div {width:50%;}
.new-main .feature-list-wrap .feature-list li > div.img-box{
  height: 36rem;
  text-align: center;
}
.new-main .feature-list-wrap .feature-list li > div.img-box img{width: 100%;}
.new-main .feature-list-wrap .feature-list li > div.txt-box{padding: 5.6rem 0 5.6rem 8rem;}
.new-main .feature-list-wrap .feature-list li:nth-child(2) > div.txt-box{padding: 10.8rem 0 10.8rem 8rem;}
.new-main .feature-list-wrap .feature-list li > div.txt-box .tit{
  font-size: 3.6rem;
  font-weight: 700;
}
.new-main .feature-list-wrap .feature-list li > div.txt-box .txt{
  font-size: 1.8rem;
  color:#4c5459;
  margin-top: 1.6rem;
}
.new-main .feature-list-wrap .feature-list li > div.txt-box a {
  display: inline-block;
  margin-top: 4.8rem;
  padding: 1.4rem 2.05rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  background-color:#26348f;
  border-radius: 0.6rem;
  color: #fff;
  text-align: center;
}
.new-main .feature-box{
  background: linear-gradient(273.13deg, #b179ff 2.46%, #509cfb 74.8%);
  border-radius: 2.4rem;
  padding: 5.6rem 6.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 8rem auto;
  max-width: 1440px;
}
.new-main .feature-box .txt-box .tit{
  font-size: 2.8rem;
  color:#ffffff;
}
.new-main .feature-box .txt-box .txt{
  font-size: 1.8rem;
  color:#ffffff;
  margin-top: 1.2rem;
}
.new-main .feature-box  .btn-wrap a{
  padding: 1.4rem 8.3rem;
  font-size: 1.8rem;
  background: #FFFFFF;
  color:#151c22;
  margin-top:0;
}
/* 251205 사업자사설인증 수정 [S] */
.list-info-wrap.flex {
  display: flex;
  position: relative;
  justify-content: space-between;
  max-width: 1440px;
  margin:0 auto;
}

.list-info-wrap.flex::before{position: absolute;display:block;content:'';width: 50%;height: 100%;background: #f5f9ff;left: -50%;top:0;z-index: 1;}
.list-info-wrap.flex::after{position: absolute;display:block;content:'';width: 50%;height: 100%;background: #f5f9ff;right: -50%;top:0;z-index: 1;}
/* 251205 사업자사설인증 수정 [E] */
.list-info-wrap.flex .list-info{padding: 8rem 0;width: 100%;margin:0;width: calc(50% - 1.2rem);}
.list-info-wrap.flex .list-info li{width: 100%;}
.list-info-wrap.flex .list-info:nth-child(1){flex-direction: column;}
.list-info-wrap.flex .list-info:nth-child(1) dl{padding-left: 10.4rem;}
.list-info-wrap.flex .list-info:nth-child(1) li +li{margin: 2.4rem 0 0 0;}
.list-info-wrap.flex .list-info .no-data {
  font-size: 1.6rem;
  color: #26348F;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 3.2rem);
}
.list-info-wrap.flex .list-notice{padding: 3.2rem 4rem 5.2rem;}
.list-info-wrap.flex .list-notice ul {margin-top: 1rem;}

@media screen and (max-width: 1439px) {
  .new-main .feature-box{margin: 8rem 4rem;}
  .list-info-wrap.flex{margin: 0 4rem;}/* 251205 사업자사설인증 추가 */
}
@media screen and (max-width: 1023px) {
  .new-main .main-visual{background: #26348f;}
  .new-main .main-visual h1{font-size: 2.6rem;}
  .new-main .list-box-wrap{
    margin-top: -25rem;
    max-width: 96%;
    padding: 5rem;
  }
  .new-main .list-box-wrap .txt-box{padding-left: 0;}
  .new-main .list-box-wrap .txt-box::before{display: none;}
  .new-main .list-box-wrap .txt-box .tit{font-size: 2.8rem;}
  .new-main .list-box li {font-size: 1.6rem;}
  .new-main .feature-list-wrap{margin: 6rem 4rem 0;}
  .new-main .feature-list-wrap .feature-list li + li{margin-top: 6rem;}
  .new-main .feature-list-wrap .feature-list li > div.txt-box{padding: 2.8rem 0 2.8rem 4rem;}
  .new-main .feature-list-wrap .feature-list li > div.txt-box .tit {font-size: 2.8rem;}
  .new-main .feature-list-wrap .feature-list li > div.img-box {height: auto;}
  .new-main .feature-list-wrap .feature-list li:nth-child(2) > div.txt-box {padding: 5.9rem 0 5.9rem 4rem;}
  .new-main .feature-box{margin: 4rem 4rem; padding: 2.8rem 3.2rem;}
  .new-main .feature-box .txt-box .tit {font-size: 1.8rem;}
  .new-main .feature-box .txt-box .txt,
  .new-main .feature-box .btn-wrap a {font-size: 1.4rem;}
  .list-info-wrap.flex .list-info:nth-child(1) dl{padding-left: 7.2rem;}
}
@media screen and (max-width: 720px) {
  .new-main .list-box-wrap{padding: 3.2rem 2.4rem;border-radius: 2rem;margin-top: -30rem;}
  .new-main .list-box-wrap .txt-box {margin-bottom: 2.4rem;}
  .new-main .list-box-wrap .txt-box .tit{font-size: 2rem;}
  .new-main .list-box-wrap .txt-box .txt{margin-top: 0.8rem;font-size: 1.4rem;}
  .new-main .list-box{flex-wrap: wrap;}
  .new-main .list-box li {
    display: flex;
    width: 100%;
    padding: 1.6rem 0 1.6rem 2rem;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    border-radius: 1.2rem;
  }
  .new-main .list-box li + li{
    margin-top: 0.8rem;
    margin-left: 0;
  }
  .new-main .list-box li + li + li + li{display: none;}
  .new-main .feature-list-wrap{
    margin: 5.6rem auto;
  }
  .new-main .list-box li p {font-size: 1.6rem;}
  .new-main .list-box li p br{display: none;}
  .new-main .list-box li .logo {
    width: 3.2rem; 
    height: 3.2rem;
    margin: 0 1.2rem 0 0;
  }
  .new-main .feature-box{
    padding: 2.8rem 3.2rem;
    border-radius: 2rem;
    margin: 4rem 2rem;
    justify-content: center;
    flex-direction: column;
  }
  .new-main .feature-list-wrap .feature-list{margin: 0 2rem;}
  .new-main .feature-list-wrap .feature-list li > div.txt-box,
  .new-main .feature-list-wrap .feature-list li:nth-child(2) > div.txt-box{padding: 1.9rem 0 1.9rem; text-align: center;}
  .new-main .feature-list-wrap .feature-list li > div.txt-box .tit{font-size: 2rem;}
  .new-main .feature-list-wrap .feature-list li > div.txt-box a {
    margin-top: 2.4rem;
    padding: 1.4rem 2.05rem;
    font-size: 1.3rem;
  }
  .new-main .feature-list-wrap .feature-list li > div.txt-box .txt{font-size: 1.4rem;margin-top: 0.8rem;}
  .new-main .feature-list-wrap .feature-list li > div.img-box{height: 17rem;}
  .new-main .feature-list-wrap .feature-list li > div.img-box img{width: auto; height: 100%;}
  .new-main .feature-box {
    padding: 2.8rem 3.2rem;
    border-radius: 2rem;
  }
  .new-main .feature-box .txt-box{width:100%;text-align:left;}
  .new-main .feature-box .txt-box .tit{font-size: 2rem;}
  .new-main .feature-box .btn-wrap{width:100%;margin: 3.2rem auto 0;}
  .new-main .feature-box .btn-wrap a {width: 100%;padding: 1.4rem 0;}
  .new-main .feature-list-wrap .feature-list{margin-bottom: 4rem;}
  .new-main .feature-list-wrap .feature-list li{
    padding: 0 3rem;
    flex-direction: column;
  }
  .new-main .feature-list-wrap .feature-list li + li{margin-top: 3.2rem;}
  .new-main .feature-list-wrap .feature-list li > div {width: 100%;}
  .new-main .feature-list-wrap .feature-list li:nth-child(2){flex-direction: column-reverse;}
  .list-info-wrap.flex{
    padding: 4rem 2rem 5.6rem;
    justify-content: center;
    flex-direction:column;
    margin: 0;
  }
  /* 251205 사업자사설인증 수정 */
  .list-info-wrap.flex .list-info{padding: 0;width: 100%;}
  .list-info-wrap.flex .list-info:nth-child(1) li +li{margin: 1.2rem 0 0 0;}
  .list-info-wrap.flex .list-info:nth-child(2){margin-left: 0;}
  .list-info-wrap.flex .list-notice {padding: 0;}
  .list-info-wrap.flex .list-info:nth-child(1) dl {padding-left: 5.2rem;}
}

@media screen and (max-width: 400px){
  .new-main .feature-box .mw{display: none;}
}

/* 251120 사업자사설인증 신규메인 [E] */

/* 251219 사업자사설인증 - 디자인가이드 */
.color-system-list { margin-top: 0.8rem; }
.color-system-list > ul { display: flex; gap: 2.6rem; }
.color-system-list > ul > li { flex: 1; }
.color-system-list .card-item { position: relative; padding: 1.6rem; height: 12.8rem; border-radius: 1.6rem; }
.color-system-list .card-item.black { background-color: #262626; }
.color-system-list .card-item.light-blue { background-color: #73D1F6; }
.color-system-list .card-item.blue { background-color: #26348F; }
.color-system-list .card-item.white { background-color: #fff; }
.color-system-list .card-item .color-name { font-size: 1.4rem; font-weight: 700; font-family: "Noto Sans"; color: #fff; vertical-align: top; }
.color-system-list .card-item .color-hex { font-family: "Noto Sans"; position: absolute; bottom: 1.6rem; right: 1.6rem; color: #fff; font-size: 1.4rem; }
.color-system-list .card-item.white { border: 1px solid #cfcfcf; }
.color-system-list .card-item.white .color-name,
.color-system-list .card-item.white .color-hex { color: #151c22; }
.color-system-list + h4 {margin-top: 1.6rem !important;}
.guide .img-box [alt="인증서 아이콘"] { max-width: 31.4rem; }
.guide .img-box [alt="인증서 아이콘 스타일"] { max-width: 39.8rem; }
.guide .img-box [alt="로그인 버튼 스타일"] { max-width: 65.4rem; }
.guide .img-box-wrap.cer-img-list-box { flex-wrap: wrap; gap:2.5rem; }
.guide .img-box-wrap.cer-img-list-box .img-box { width: calc((100% - 5rem) / 3); margin-left: 0; flex: 0 0 auto;}
.guide .img-box-wrap .red-x .text { font-family: "Noto Sans"; font-weight: 700; padding-left: 2.6rem; font-size: 1.4rem; color: #000; vertical-align: top; }
.guide .img-box-wrap.cer-img-list-box .img-box { padding-top: 4.8rem; padding-bottom: 2.4rem;}
.guide .img-box-wrap.cer-img-list-box .img-box img { width: 7.2rem; }
.guide .img-box-wrap.cer-img-list-box .img-box:nth-of-type(5) img { width: 8.8rem; margin-bottom: -1.5rem; }
.guide .img-box-wrap.cer-img-list-box .img-box p { letter-spacing: -0.105px; }
@media screen and (max-width: 720px) {
  .color-system-list > ul { flex-direction: column; gap: 0.8rem; }
  .color-system-list .card-item { display: flex; justify-content: space-between; align-items: center; height: 4.8rem; border-radius: 1rem; }
  .color-system-list .card-item .color-hex { position: static; }
  .guide .img-box-wrap.cer-img-list-box .img-box { width: 100%; }
  .guide .img-box [alt="인증서 아이콘"] { max-width: 23.5rem; }
  .guide .img-box [alt="인증서 아이콘 스타일"] { max-width: 21.2rem; }
  .guide .img-box [alt="로그인 버튼 스타일"] { max-width: 32rem; }
}