@charset "UTF-8";
@font-face {
  font-family: "LG_Smart_UI";
  font-weight: 200;
  src: url(../font/LG_Smart_UI-Light.ttf) format("ttf"), url(../font/LG_Smart_UI-Light.woff) format("woff"), url(../font/LG_Smart_UI-Light.eot) format("eot");
}
@font-face {
  font-family: "LG_Smart_UI";
  font-weight: 400;
  src: url(../font/LG_Smart_UI-Regular.ttf) format("ttf"), url(../font/LG_Smart_UI-Regular.woff) format("woff"), url(../font/LG_Smart_UI-Regular.eot) format("eot");
}
@font-face {
  font-family: "LG_Smart_UI";
  font-weight: 600;
  src: url(../font/LG_Smart_UI-SemiBold.ttf) format("ttf"), url(../font/LG_Smart_UI-SemiBold.woff) format("woff"), url(../font/LG_Smart_UI-SemiBold.eot) format("eot");
}
@font-face {
  font-family: "LG_Smart_UI";
  font-weight: 700;
  src: url(../font/LG_Smart_UI-Bold.ttf) format("ttf"), url(../font/LG_Smart_UI-Bold.woff) format("woff"), url(../font/LG_Smart_UI-Bold.eot) format("eot");
}
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "LG_Smart_UI", "맑은 고딕", "돋움", sans-serif;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  font-weight: inherit;
  list-style: none;
  font-family: "LG_Smart_UI";
  font-style: normal;
  word-break: break-all;
}

* {
  scrollbar-color: rgba(16, 32, 45, 0.17) rgba(255, 255, 255, 0);
  scrollbar-width: thin;
  scrollbar-height: thin;
}

*::-webkit-scrollbar-thumb {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(16, 32, 45, 0.17);
  border-radius: 0.4rem;
}

*::-webkit-scrollbar-track {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar {
  width: 0.7rem;
  height: 0.7rem;
}

*::-webkit-scrollbar-thumb {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(16, 32, 45, 0.17);
  border-radius: 0.4rem;
}

*::-webkit-scrollbar-track {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(255, 255, 255, 0);
}

a, button {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}

button {
  border: 0;
  background-color: transparent;
  box-shadow: transparent;
  border-radius: 0;
  color: #111111;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

button:active, button:hover {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

img {
  border: 0;
}

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.hide {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/* 20220614 추가*/
input:placeholder-shown {
  text-overflow: ellipsis;
}

/* 202207015 추가(input_search deco 해지) */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

.alC {
  text-align: center !important;
}

.alL {
  text-align: left !important;
}

.alR {
  text-align: right !important;
}

.ofHidden {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

:root {
  --main: #303948;
  --primary: #fd312e;
  --sub: #346dd1;
  --sub2: #a50034;
  --sub3: #2a323f;
  --white: #ffffff;
  --black: #253147;
  --black2: #4b5969;
  --black3: #10202d;
  --black4: #000000;
  --gray: #cbced5;
  --gray2: #f3f4f5;
  --gray3: #eeeff1;
}

/**:focus{outline:2px solid red;}*/
html {
  font-size: 10px;
  -webkit-text-size-adjust: none;
} /* 20220707 landscape 관련 text 사이즈 변동되는 현상 수정 */
/* (퍼블용) 테스트 작업 중 */
/*@supports (font: -apple-system-body) {*/
/*  html{font:-apple-system-caption2 !important;}*/
/*  body{font-family: -apple-system;}*/
/*}*/
/*@media screen and (max-device-width: 1112px) and (orientation:landscape) {!* iPad Pro 10 *!*/
/*  html {font-size: 17.37px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 1024px) and (orientation:landscape) {!* iPad Air, iPad Mini, iPad Pro 9 *!*/
/*  html {font-size: 16px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 914px) and (orientation:landscape) {*/
/*  html {font-size: 14.28px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 844px) and (orientation:landscape) {*/
/*  html {font-size: 13.18px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 736px) and (orientation:landscape) {!* iPhone 6 Plus *!*/
/*  html {font-size: 11.5px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 667px) and (orientation:landscape) {!* iPhone 6, 7, 8, X *!*/
/*  html {font-size: 10.42px !important;;}*/
/*}*/
/*@media screen and (max-device-width: 640px) and (orientation:landscape) {!* Galaxy S5 *!*/
/*  html {font-size: 10px !important;;}*/
/*}*/
#wrapper {
  width: 100%;
  min-width: 190rem;
  height: 100%;
}
#wrapper #wrapper_body {
  height: 100%;
}
#wrapper #wrapper_body #header {
  position: relative;
  display: flex;
  height: 6rem;
  padding: 0 5rem 0 3.5rem;
  align-items: center;
  justify-content: flex-end;
  background: var(--main);
  z-index: 20;
}
#wrapper #wrapper_body #header .user_info {
  display: flex;
  align-items: center;
}
#wrapper #wrapper_body #header .user_info .user_thumb {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.22);
}
#wrapper #wrapper_body #header .user_info .user_thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#wrapper #wrapper_body #header .user_info .user_id {
  margin-left: 1rem;
  font-size: 1.8rem;
  line-height: 1.17;
  color: var(--white);
}
#wrapper #wrapper_body #header .h1_tit {
  position: absolute;
  left: 4rem;
  top: 50%;
  padding-left: 4.8rem;
  font-size: 2.4rem;
  line-height: 1.17;
  color: var(--white);
  font-weight: normal;
  transform: translateY(-50%);
}
#wrapper #wrapper_body #header .h1_tit em {
  font-weight: 600;
}
#wrapper #wrapper_body #header .h1_tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 3.8rem;
  height: 3.8rem;
  content: "";
  background: url(../images/common/logo.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#wrapper #wrapper_body #header .top_info {
  display: flex;
  align-items: center;
  margin-left: 4rem;
}
#wrapper #wrapper_body #header .top_info .time_info {
  position: relative;
  padding-left: 1.6rem;
  margin-right: 3rem;
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--white);
}
#wrapper #wrapper_body #header .top_info .time_info:before {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: var(--primary);
  transform: translateY(-50%);
}
#wrapper #wrapper_body #header .top_info .sel_lang {
  margin-right: 1rem;
}
#wrapper #wrapper_body #header .top_info .sel_lang .combo_btn {
  height: 3.4rem;
  padding: 0.8rem 3.1rem 0.7rem 1.9rem;
}
#wrapper #wrapper_body #header .btn_logout {
  position: relative;
  width: 12rem;
  height: 3.4rem;
  border: 0.1rem solid rgba(238, 239, 241, 0.3);
  padding: 0.8rem 4.1rem 0.7rem 1.9rem;
  border-radius: 2rem;
  text-align: left;
}
#wrapper #wrapper_body #header .btn_logout:hover, #wrapper #wrapper_body #header .btn_logout:active {
  border: 0.1rem solid rgba(233, 234, 236, 0.3);
  background: rgba(19, 23, 30, 0.3);
}
#wrapper #wrapper_body #header .btn_logout:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/common/top_ico_logout.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#wrapper #wrapper_body #header .btn_logout span {
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--gray3);
}
#wrapper #wrapper_body #container {
  display: flex;
  min-height: calc(100% - 10rem);
  background: var(--gray3);
}
#wrapper #wrapper_body #container #navi {
  width: 28rem;
  margin-right: 0.4rem;
  background: var(--white);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li {
  padding: 2rem 1rem 0 1rem;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active > button {
  background: rgba(253, 49, 46, 0.1);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active .sub_menu li.is_active button {
  border-left: 0.1rem solid var(--primary);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active .sub_menu li.is_active button span {
  color: var(--primary);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active.ico_nav3000 > button:before {
  background: url(../images/common/ico_menu_3000_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active.ico_nav4000 > button:before {
  background: url(../images/common/ico_menu_4000_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active.ico_nav5000 > button:before {
  background: url(../images/common/ico_menu_5000_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active.ico_nav6000 > button:before {
  background: url(../images/common/ico_menu_6000_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_active.ico_nav7000 > button:before {
  background: url(../images/common/ico_menu_7000_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.ico_nav3000 > button:before {
  background: url(../images/common/ico_menu_3000.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.ico_nav4000 > button:before {
  background: url(../images/common/ico_menu_4000.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.ico_nav5000 > button:before {
  background: url(../images/common/ico_menu_5000.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.ico_nav6000 > button:before {
  background: url(../images/common/ico_menu_6000.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.ico_nav7000 > button:before {
  background: url(../images/common/ico_menu_7000.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li > button {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  text-align: left;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li > button:before {
  position: absolute;
  left: 0.2rem;
  top: 50%;
  width: 5.6rem;
  height: 5.6rem;
  content: "";
  transform: translateY(-50%);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li > button:after {
  position: absolute;
  right: 2.3rem;
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  background: url(../images/common/ico_menu_arrow_down.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%) rotate(0);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li > button span {
  display: block;
  padding: 2.5rem 0 2.4rem 7.7rem;
  font-size: 1.8rem;
  line-height: 1.17;
  color: var(--black3);
  letter-spacing: -0.036rem;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_open > button:after {
  transform: translateY(-50%) rotate(180deg);
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li.is_open .sub_menu {
  display: block;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li .sub_menu {
  display: none;
  margin-top: 1rem;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li .sub_menu li {
  padding-left: 2.9rem;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li .sub_menu li button {
  width: 100%;
  border-left: 0.1rem solid var(--gray);
  padding: 1.9rem 0 2.3rem 1rem;
  text-align: left;
}
#wrapper #wrapper_body #container #navi .navi_inner .main_menu > li .sub_menu li button span {
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--black3);
  letter-spacing: -0.032rem;
}
#wrapper #wrapper_body #container #contents {
  width: calc(100% - 28.4rem);
  padding-top: 0.7rem;
  display: flex;
  flex-direction: column;
}
#wrapper #wrapper_body #container #contents .tab_list {
  display: flex;
  width: 100%;
  font-size: 0;
}
#wrapper #wrapper_body #container #contents .tab_list.overSize li {
  flex: 1;
  overflow: hidden;
}
#wrapper #wrapper_body #container #contents .tab_list.overSize li .tab {
  width: 100%;
}
#wrapper #wrapper_body #container #contents .tab_list.overSize li .tab span {
  width: calc(100% - 2rem - 7.5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrapper #wrapper_body #container #contents .tab_list li {
  position: relative;
  display: inline-block;
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(1) {
  z-index: calc(15 - 1);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(2) {
  z-index: calc(15 - 2);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(3) {
  z-index: calc(15 - 3);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(4) {
  z-index: calc(15 - 4);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(5) {
  z-index: calc(15 - 5);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(6) {
  z-index: calc(15 - 6);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(7) {
  z-index: calc(15 - 7);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(8) {
  z-index: calc(15 - 8);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(9) {
  z-index: calc(15 - 9);
}
#wrapper #wrapper_body #container #contents .tab_list li:nth-child(10) {
  z-index: calc(15 - 10);
}
#wrapper #wrapper_body #container #contents .tab_list li + li {
  margin-left: -3.5rem;
}
#wrapper #wrapper_body #container #contents .tab_list li#tab_main.is_active .tab span:before {
  background: url(../images/common/tab_ico_home_s.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li#tab_main .tab span {
  position: relative;
  padding: 1.1rem 2rem 0 3rem;
}
#wrapper #wrapper_body #container #contents .tab_list li#tab_main .tab span:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  top: 1rem;
  left: 0;
  background: url(../images/common/tab_ico_home_n.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li.is_active {
  z-index: 15;
}
#wrapper #wrapper_body #container #contents .tab_list li.is_active .tab {
  position: relative;
  display: flex;
}
#wrapper #wrapper_body #container #contents .tab_list li.is_active .tab:before {
  background: url(../images/common/bg_tab_left_s.png) center center no-repeat;
  background-size: 100% 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li.is_active .tab:after {
  background: url(../images/common/bg_tab_right_s.png) center center no-repeat;
  background-size: 100% 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li.is_active .tab span {
  display: inline-block;
  color: var(--primary);
  background: url(../images/common/bg_tab_center_s.png) left center repeat-x;
  background-size: auto 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li .tab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0;
}
#wrapper #wrapper_body #container #contents .tab_list li .tab:before {
  display: inline-block;
  width: 2rem;
  height: 4rem;
  content: "";
  background: url(../images/common/bg_tab_left_n.png) center center no-repeat;
  background-size: 100% 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li .tab:after {
  display: inline-block;
  width: 7.5rem;
  height: 4rem;
  content: "";
  background: url(../images/common/bg_tab_right_n.png) center center no-repeat;
  background-size: 100% 100%;
}
#wrapper #wrapper_body #container #contents .tab_list li .tab span {
  display: inline-block;
  height: 4rem;
  padding: 1.3rem 2.2rem 0 0;
  font-size: 1.6rem;
  line-height: 1.19;
  background: url(../images/common/bg_tab_center_n.png) left center repeat-x;
  background-size: auto 100%;
  white-space: nowrap;
  letter-spacing: -0.032rem;
}
#wrapper #wrapper_body #container #contents .tab_list li .close_btn {
  position: absolute;
  top: 1.6rem;
  right: 7.5rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/common/ico_tab_close.png) center center no-repeat;
  background-size: 100%;
}
#wrapper #wrapper_body #container #contents .contents {
  min-height: calc(100% - 4rem);
  background: var(--white);
}
#wrapper #wrapper_body #container #contents .contents > .cont {
  display: none;
  padding: 3rem 10rem 5rem 10rem;
}
#wrapper #wrapper_body #container #contents .contents > .cont:not(#cont_main) {
  padding: 2rem 10rem 15rem;
}
#wrapper #wrapper_body #container #contents .contents > .cont.is_active {
  display: block;
}
#wrapper #wrapper_body #container #contents .contents > .cont .cont_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wrapper #wrapper_body #container #contents .contents > .cont .cont_head .h2_tit {
  display: flex;
  font-size: 2rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--main);
  align-items: center;
  justify-content: flex-start;
  letter-spacing: -0.04rem;
}
#wrapper #wrapper_body #container #contents .contents > .cont .cont_head .h2_tit .comment {
  position: relative;
  padding-left: 2.4rem;
  margin-left: 1rem;
  font-size: 1.6rem;
  line-height: 1.19;
  font-weight: 400;
}
#wrapper #wrapper_body #container #contents .contents > .cont .cont_head .h2_tit .comment:before {
  position: absolute;
  width: 1.9rem;
  height: 1.9rem;
  content: "";
  left: 0;
  top: 50%;
  background: url(../images/common/ico_information_gray.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#wrapper #wrapper_body #footer {
  height: 4rem;
  background: #f7f8f9;
}
#wrapper #wrapper_body #footer .footer_body {
  display: flex;
  padding: 1.3rem 7rem;
  justify-content: space-between;
  align-items: center;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul {
  display: flex;
  align-items: center;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li {
  color: var(--black3);
  font-size: 1.2rem;
  line-height: 1.18;
  letter-spacing: -0.024rem;
  vertical-align: middle;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li + li {
  position: relative;
  margin-left: 2rem;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li + li:before {
  position: absolute;
  left: -1rem;
  top: 50%;
  width: 0.1rem;
  height: 1rem;
  content: "";
  background: var(black3);
  transform: translateY(-50%);
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li a {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li a + a {
  position: relative;
  margin-left: 1.1rem;
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li a + a:before {
  position: absolute;
  left: -0.5rem;
  top: 50%;
  width: 0.1rem;
  height: 1rem;
  content: "";
  background: var(--black3);
  transform: translateY(-50%);
}
#wrapper #wrapper_body #footer .footer_body .footer_info ul li button {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
#wrapper #wrapper_body #footer .footer_body .copyright {
  color: var(--black3);
  font-size: 1.2rem;
  line-height: 1.18;
  letter-spacing: -0.024rem;
}

.all_tab_wrap {
  position: fixed;
  width: 19rem;
  padding: 1.9rem 0;
  border: 0.1rem solid var(--gray);
  border-radius: 2rem;
  background: var(--white);
  box-shadow: 1rem 1rem 3rem rgba(48, 57, 72, 0.17);
  z-index: 20;
}
.all_tab_wrap .btn_all_close {
  width: 100%;
  padding: 1.4rem 0;
  text-align: center;
  color: var(--black3);
}
.all_tab_wrap .btn_all_close span {
  font-size: 1.9rem;
  line-height: 1.157;
  letter-spacing: -0.038rem;
}

#contents .search_wrap {
  position: relative;
  width: 100%;
}
#contents .search_wrap h2 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.17;
  color: var(--main);
}
#contents .search_wrap .tbl_wrap {
  position: relative;
  padding-right: 11.2rem;
  margin-top: 0.5rem;
  border-top: 0.2rem solid var(--main);
  border-bottom: 0.1rem solid var(--gray);
}
#contents .search_wrap .tbl_wrap.is_active .sch_toggle_btn span:after {
  transform: rotate(180deg) translateY(50%);
}
#contents .search_wrap .tbl_wrap.is_active .hide_ctrl {
  display: none;
}
#contents .search_wrap .tbl_wrap .sch_btn_wrap {
  display: flex;
  margin-right: -11.2rem;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 0 1rem;
}
#contents .search_wrap .tbl_wrap .sch_toggle_btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.8rem 1rem 0.9rem 1rem;
  background: #f3f4f5;
}
#contents .search_wrap .tbl_wrap .sch_toggle_btn span {
  position: relative;
  padding-right: 2.1rem;
  font-size: 1.4rem;
  line-height: 1.142;
  color: var(--main);
}
#contents .search_wrap .tbl_wrap .sch_toggle_btn span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  transform: rotate(0deg) translateY(-50%);
  background: url("../images/common/ico_hide.png");
  background-size: 100%;
}
#contents .search_wrap .tbl_wrap > table {
  width: 100%;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr:first-of-type th, #contents .search_wrap .tbl_wrap > table > tbody > tr:first-of-type td {
  padding-top: 2rem;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > th {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.875;
  letter-spacing: -0.032rem;
  padding: 0.5rem 0;
  text-align: left;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > th .info_txt {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.13;
  color: #a7b6c9;
  margin-top: 1.5rem;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td {
  width: auto;
  line-height: 1.187;
  padding: 0.5rem 0;
  font-size: 1.6rem;
  color: var(--main);
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td.duration_wrap {
  display: flex;
  gap: 1rem;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td.duration_wrap .datepicker_wrap {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  line-height: 1.1;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td.duration_wrap .date_btn_wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td.cont_pre {
  white-space: pre-line;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td input[type=text] {
  width: 45.5rem;
  max-width: 45.5rem;
  height: 3rem;
  background: var(--gray2);
  border-radius: 2.5rem;
  border: none;
  padding: 0.7rem 3rem 0.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td .radio_set {
  margin-left: 3rem;
}
#contents .search_wrap .tbl_wrap > table > tbody > tr > td .radio_set ~ .check_set, #contents .search_wrap .tbl_wrap > table > tbody > tr > td .radio_set ~ .radio_set {
  margin-left: 4rem;
}
#contents .order_wrap {
  margin-top: 2rem;
}
#contents .order_wrap.typ2 .order_cont {
  padding-bottom: 0;
}
#contents .order_wrap.typ2 .order_cont .table_wrap {
  padding-bottom: 0;
}
#contents .order_wrap .order_top {
  display: flex;
  align-items: center;
}
#contents .order_wrap .order_top .combo_wrap {
  position: relative;
  width: 8rem;
  height: 3.4rem;
}
#contents .order_wrap .order_top .combo_wrap .combo_btn {
  width: 100%;
  height: 100%;
  border-radius: 2.5rem;
  border-color: var(--main);
  padding: 0 2.4rem 0 2rem;
}
#contents .order_wrap .order_top .combo_wrap .combo_btn::after {
  background: url("../images/common/ico_arrow_b.png") no-repeat center/100%;
  right: 1rem;
}
#contents .order_wrap .order_top .combo_wrap .combo_btn:hover, #contents .order_wrap .order_top .combo_wrap .combo_btn:active {
  background: var(--white);
  border: 0.1rem solid var(--primary);
}
#contents .order_wrap .order_top .combo_wrap .combo_btn[aria-expanded=true] {
  border-color: var(--primary);
}
#contents .order_wrap .order_top .combo_wrap .combo_btn span {
  font-size: 1.4rem;
  color: var(--black4);
}
#contents .order_wrap .order_top .combo_wrap .combo_list {
  top: 4.6rem;
  z-index: 1;
}
#contents .order_wrap .order_top .total_count {
  margin-left: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.14;
  letter-spacing: -0.028rem;
  color: var(--main);
}
#contents .order_wrap .order_top .total_count + .total_count {
  margin-left: 0.5rem;
}
#contents .order_wrap .order_top .total_count span {
  color: var(--primary);
}
#contents .order_wrap .order_top .total_count + .total_count::before {
  content: "/";
  display: inline-block;
  margin-right: 0.5rem;
}
#contents .order_wrap .order_top .payment_cancel_btn {
  margin-left: auto;
}
#contents .order_wrap .order_top .payment_cancel_btn + .excel_btn {
  margin-left: 1rem;
}
#contents .order_wrap .order_top .btn_sm + .btn_sm {
  margin-left: 1rem;
}
#contents .order_wrap .order_top .excel_btn {
  width: 15rem;
  height: 3.4rem;
  margin-left: auto;
  border: 0.1rem solid var(--main);
  border-radius: 2.5rem;
}
#contents .order_wrap .order_top .excel_btn:disabled {
  border-color: var(--gray);
}
#contents .order_wrap .order_top .excel_btn:disabled span {
  color: rgba(48, 57, 72, 0.2);
}
#contents .order_wrap .order_top .excel_btn:disabled span::before {
  background: url("../images/common/ico_btn_excel_d.png") no-repeat center/100%;
}
#contents .order_wrap .order_top .excel_btn span {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.028rem;
  color: var(--main);
}
#contents .order_wrap .order_top .excel_btn span::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  line-height: 5rem;
  background: url("../images/common/ico_btn_excel.png") no-repeat center/100%;
  vertical-align: middle;
  margin-right: 0.8rem;
}
#contents .order_wrap .order_cont {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid var(--gray);
}
#contents .order_wrap .order_cont.typ2 {
  padding-top: 1rem;
}
#contents .order_wrap .order_cont .table_wrap {
  width: 100%;
  overflow-x: auto;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
#contents .order_wrap .order_cont .table_wrap table thead {
  border-bottom: 0.1rem solid var(--primary);
}
#contents .order_wrap .order_cont .table_wrap table thead th {
  width: auto;
  height: 3.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.028rem;
  padding: 0.3rem 0;
}
#contents .order_wrap .order_cont .table_wrap table thead th i {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
#contents .order_wrap .order_cont .table_wrap table thead th span {
  position: relative;
  display: inline-block;
}
#contents .order_wrap .order_cont .table_wrap table thead th span .sorting_btn {
  font-size: 0;
  text-indent: -999999rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/common/ico_sorting.png") no-repeat center/100%;
  position: absolute;
  top: 55%;
  right: -3rem;
  transform: translateY(-50%);
}
#contents .order_wrap .order_cont .table_wrap table tbody tr {
  border-bottom: 0.1rem solid var(--gray);
}
#contents .order_wrap .order_cont .table_wrap table tbody tr:last-of-type {
  border-bottom: none;
}
#contents .order_wrap .order_cont .table_wrap table tbody tr.pin_notice {
  background: rgba(243, 244, 245, 0.53);
}
#contents .order_wrap .order_cont .table_wrap table tbody tr.pin_notice td:first-of-type {
  position: relative;
}
#contents .order_wrap .order_cont .table_wrap table tbody tr.pin_notice td:first-of-type::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("../images/common/icon_pin.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  left: 3.5rem;
  transform: translateY(-50%);
}
#contents .order_wrap .order_cont .table_wrap table tbody tr td {
  height: 3.4rem;
  font-size: 1.4rem;
  line-height: 0.86;
  letter-spacing: -0.028rem;
  color: var(--main);
  padding: 0.3rem 0;
  text-align: center;
}
#contents .order_wrap .order_cont .table_wrap table tbody tr td.no_answer::before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--primary);
  margin: -0.4rem 1rem 0 0;
  vertical-align: middle;
}
#contents .order_wrap .order_cont .table_wrap table tbody tr td a {
  font-weight: 600;
  color: var(--sub2);
}
#contents .order_wrap .pagination_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 0;
  gap: 0.4rem;
}
#contents .order_wrap .pagination_wrap .paging_btn {
  width: 3rem;
  height: 3rem;
  text-indent: -999999rem;
  font-size: 0;
}
#contents .order_wrap .pagination_wrap .paging_btn.first {
  background: url("../images/common/paging_btn_first.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.first:disabled {
  background: url("../images/common/paging_btn_first_off.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.last {
  background: url("../images/common/paging_btn_last.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.last:disabled {
  background: url("../images/common/paging_btn_last_off.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.prev {
  background: url("../images/common/paging_btn_prev.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.prev:disabled {
  background: url("../images/common/paging_btn_prev_off.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.next {
  background: url("../images/common/paging_btn_next.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn.next:disabled {
  background: url("../images/common/paging_btn_next_off.png") no-repeat center/100%;
}
#contents .order_wrap .pagination_wrap .paging_btn_wrap {
  display: inline-flex;
  margin: 0 0.8rem;
}
#contents .order_wrap .pagination_wrap .paging_btn_wrap li {
  width: 3rem;
  height: 3rem;
}
#contents .order_wrap .pagination_wrap .paging_btn_wrap li.is_active button {
  border-radius: 50%;
  color: var(--white);
  background: var(--primary);
}
#contents .order_wrap .pagination_wrap .paging_btn_wrap li button {
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.13;
  letter-spacing: -0.016rem;
}
#contents .required_txt {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.17;
  letter-spaicng: -0.024rem;
  color: var(--primary);
  padding-left: 1rem;
}
#contents .required {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
  color: var(--primary);
}
#contents .file_btn {
  display: block;
  width: 10rem;
  height: 3.4rem;
  border: 0.1rem solid var(--main);
  border-radius: 0.6rem;
  text-align: center;
  cursor: pointer;
}
#contents .file_btn span {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 3.4rem;
  letter-spacing: -0.028rem;
}
#contents .file_wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  margin-top: 1rem;
}
#contents .file_wrapper .file_wrap {
  position: relative;
  display: inline-flex;
  padding: 0.7rem 3.2rem 0.7rem 1rem;
  background: #edf2fb;
}
#contents .file_wrapper .file_wrap p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.14;
  color: var(--sub);
}
#contents .file_wrapper .file_wrap .file_delete_btn {
  font-size: 0;
  text-indent: -999999rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/common/ico_close.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
#contents .file_wrapper .file_down_wrap {
  position: relative;
  display: inline-flex;
  padding: 0.7rem 1rem 0.7rem;
  background: #edf2fb;
}
#contents .file_wrapper .file_down_wrap span {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.14;
  color: var(--sub);
}
#contents .form_wrap {
  position: relative;
  width: 100%;
}
#contents .form_wrap.answer ul li {
  border-bottom: 0.1rem solid #e9eaec;
}
#contents .form_wrap ~ .form_wrap {
  margin-top: 2rem;
}
#contents .form_wrap ~ .form_wrap.answer ul li:last-of-type {
  border-bottom: 0.1rem solid #e9eaec;
}
#contents .form_wrap ~ .form_wrap ul {
  margin-top: 0.5rem;
}
#contents .form_wrap ~ .form_wrap ul li {
  border-top: 0.2rem solid var(--main);
}
#contents .form_wrap ~ .form_wrap ul li ~ li {
  margin-top: 6rem;
}
#contents .form_wrap ~ .form_wrap ul li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0.2rem solid var(--main);
}
#contents .form_wrap ~ .form_wrap ul li .answer_top {
  display: flex;
  align-items: flex-start;
  padding: 2.6rem 0 2.5rem;
}
#contents .form_wrap ~ .form_wrap ul li .answer_top > p {
  width: 20rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
}
#contents .form_wrap ~ .form_wrap ul li .answer_top > span {
  display: inline-block;
  width: 20rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#contents .form_wrap ~ .form_wrap ul li .answer_top .file_wrapper {
  margin-left: auto;
  padding-top: 0;
  justify-content: flex-end;
}
#contents .form_wrap ~ .form_wrap ul li .answer_txt {
  border-top: 0.1rem solid #e9eaec;
  padding: 2.6rem 0 2.5rem;
}
#contents .form_wrap ~ .form_wrap ul li .answer_txt p {
  font-size: 1.8rem;
  line-height: 1.67;
  font-weight: 400;
}
#contents .form_wrap ~ .form_wrap ul li .file_wrapper {
  margin-top: 0;
  padding-top: 4rem;
}
#contents .form_wrap h2 {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: -0.036rem;
}
#contents .form_wrap table {
  width: 100%;
  margin-top: 0.5rem;
  border-top: 0.2rem solid var(--main);
  border-bottom: 0.1rem solid var(--gray);
}
#contents .form_wrap table.write_layout tr:last-of-type th,
#contents .form_wrap table.write_layout tr:last-of-type td {
  border-bottom: none;
}
#contents .form_wrap table.write_layout tr:last-of-type th::before,
#contents .form_wrap table.write_layout tr:last-of-type td::before {
  display: none;
}
#contents .form_wrap table.write_layout th,
#contents .form_wrap table.write_layout td {
  border-bottom: 0.1rem solid #e9eaec;
}
#contents .form_wrap table.write_layout th:nth-of-type(2) {
  position: relative;
  padding-left: 4rem;
}
#contents .form_wrap table.write_layout th:nth-of-type(2)::before {
  content: "";
  display: block;
  width: 4rem;
  height: 1rem;
  background: var(--white);
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  z-index: 1;
}
#contents .form_wrap table.view_layout tr {
  border-bottom: 0.1rem solid #e9eaec;
}
#contents .form_wrap table.view_layout tr:last-of-type {
  border-bottom: none;
}
#contents .form_wrap table.view_layout tr:last-of-type td {
  padding: 2rem 0;
}
#contents .form_wrap table.view_layout tr th:nth-of-type(2) {
  position: relative;
  padding-left: 7.6rem;
}
#contents .form_wrap table.view_layout tr th:nth-of-type(2):before {
  content: "";
  display: block;
  width: 7.6rem;
  height: 1rem;
  background: var(--white);
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  z-index: 1;
}
#contents .form_wrap table.view_layout tr th,
#contents .form_wrap table.view_layout tr td {
  padding: 2.6rem 0 2.5rem;
}
#contents .form_wrap table.view_layout .file_wrapper {
  margin-top: 0;
}
#contents .form_wrap table tr:last-of-type th {
  border-bottom: none;
}
#contents .form_wrap table tr th {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
  letter-spacing: -0.032rem;
  padding: 2rem 0;
  text-align: left;
}
#contents .form_wrap table tr th .info_txt {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.14;
  color: #a7b6c9;
  margin-left: 0.5rem;
  vertical-align: middle;
}
#contents .form_wrap table tr td {
  width: auto;
  padding: 2rem 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
  letter-spacing: -0.032rem;
  color: var(--main);
}
#contents .form_wrap table tr td input[type=text] {
  width: calc(100% - 7rem);
  max-width: 45.5rem;
  height: 3.4rem;
  background: var(--gray2);
  border-radius: 2.5rem;
  border: none;
  padding: 0.6rem 3rem 0.5rem;
  font-size: 1.6rem;
  font-weight: 600;
}
#contents .form_wrap table tr td p {
  line-height: 1.5;
}
#contents .form_wrap .cont_pre {
  white-space: pre-line;
}
#contents .form_wrap .cont_pre p {
  max-height: 31.2rem;
  overflow-y: auto;
}
#contents .form_wrap .registration_textarea {
  width: 100%;
  height: 28rem;
  border: 0.1rem solid var(--gray);
  padding: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.032rem;
  resize: none;
}
#contents .form_btn_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

.privacy_agree_textarea {
  width: 100%;
  height: 30rem;
  padding: 2rem;
  margin-top: 2rem;
  border-color: var(--gray);
  resize: none;
  font-size: 1.6rem;
  line-height: 2.13;
  letter-spacing: -0.032rem;
}

.count_txt {
  margin-top: 0.3rem;
}
.count_txt p {
  font-size: 1.2rem;
  letter-spacing: -0.024rem;
  text-align: right;
  color: var(--main);
}
.count_txt p span {
  color: var(--primary);
}

.privacy_agree_info {
  margin-top: 0.3rem;
}
.privacy_agree_info p {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.56;
  letter-spacing: -0.032rem;
  padding-left: 1.3rem;
}
.privacy_agree_info p ~ p {
  margin-top: 1rem;
}
.privacy_agree_info p::before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: var(--primary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.privacy_agree_info label {
  display: block;
  width: 100%;
  margin: 2rem 0 0;
  border-bottom: 0.1rem solid var(--gray);
}
.privacy_agree_info label span {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
  color: var(--main);
}
.privacy_agree_info label input[type=text] {
  /* width: calc(100% - 4.8rem); */
  width: calc(100% - 5.6rem);
  padding: 1rem 0 1.1rem 16.4rem;
  border: none;
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--main);
  letter-spacing: -0.032rem;
}

.payment_detail#wrapper #wrapper_body #container #contents .contents > .cont {
  padding-bottom: 15rem;
}
.payment_detail .btn_wrap.right_align {
  top: 0.4rem;
}
.payment_detail .table_payment_wrap {
  display: flex;
  align-items: flex-start;
  gap: 7.6rem;
  border-top: 0.2rem solid var(--main);
  padding-top: 1rem;
}
.payment_detail .table_payment_wrap.typ2 table tbody tr th {
  position: relative;
  padding: 1.1rem 0 1rem 0;
}
.payment_detail .table_payment_wrap.typ2 table tbody tr th:not(:first-of-type)::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 100%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.payment_detail .table_payment_wrap.typ2 table tbody tr td {
  text-align: center;
  padding: 1.1rem 0 1rem 0;
}
.payment_detail .table_payment_wrap.typ2 table tbody tr td:not(:first-of-type) {
  padding: 1.1rem 0 1rem 0.5rem;
}
.payment_detail .table_payment_wrap table tbody {
  border-top: none;
}
.payment_detail .table_payment_wrap table tbody tr:first-of-type th {
  text-align: center;
  background: var(--gray3);
  border-bottom: none;
  padding: 1.1rem 0 1rem 0;
}
.payment_detail .table_payment_wrap table tbody tr th.table_rowspan {
  position: relative;
  text-align: center;
  background: rgba(203, 206, 213, 0.19);
}
.payment_detail .table_payment_wrap table tbody tr th.table_rowspan::before {
  content: "";
  width: 100%;
  height: 0.5rem;
  background: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.payment_detail .table_payment_wrap table tbody tr th.table_rowspan::after {
  content: "";
  width: 100%;
  height: 0.5rem;
  background: var(--white);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.payment_detail .table_payment_wrap table tbody tr th.table_rowspan + th {
  position: relative;
}
.payment_detail .table_payment_wrap table tbody tr th.table_rowspan + th::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 300%;
  background: var(--white);
  position: absolute;
  top: 0;
  left: -0.5rem;
  z-index: 1;
}
.payment_detail .table_payment_wrap table tbody tr td {
  text-align: right;
}
.payment_detail .order_wrap + .info_wrap {
  margin-top: 1.2rem;
}
.payment_detail .order_wrap .h3_tit {
  padding: 2rem 0 0.5rem;
  font-size: 1.8rem;
  line-height: 1.17;
  font-weight: 600;
  color: var(--main);
  border-bottom: 0.2rem solid var(--main);
  letter-spacing: -0.036rem;
}
.payment_detail .order_wrap .h3_tit span {
  font-size: 1.6rem;
  color: var(--main);
  vertical-align: middle;
}
.payment_detail .order_wrap .h3_tit span::before {
  content: "";
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  background: url("../images/common/ico_information_gray.png") no-repeat center/100%;
  vertical-align: middle;
  margin: -0.4rem 0.8rem 0 1rem;
}
.payment_detail .order_wrap .order_cont .table_wrap {
  margin-top: 0 !important;
}
.payment_detail .color_red {
  color: var(--primary);
}

#wrapper.use_info #wrapper_body #container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0);
  min-height: calc(100% - 4rem);
}
#wrapper.use_info #wrapper_body #container #contents {
  width: 100%;
  height: 100%;
  padding-top: 0;
  align-items: center;
}

#use_info_pop .use_info_wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  min-width: 100%;
  height: 100%;
}

.use_info_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 112rem;
  min-height: 70rem;
  color: var(--main);
  padding-bottom: 2rem;
  background: var(--white);
}
.use_info_wrap .h1_tit {
  font-size: 3.8rem;
  line-height: 1.16;
  letter-spacing: -0.076rem;
  color: var(--main);
}
/* jcyoo 추가 시작*/
.use_info_wrap .h2_tit {
  font-size: 2.8rem;
  line-height: 1.16;
  letter-spacing: -0.076rem;
  color: var(--main);
}
/* jcyoo 추가 끝*/
.use_info_wrap .h1_tit span {
  color: var(--primary);
}
.use_info_wrap .use_info_txt {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.04rem;
  color: var(--main);
  margin-top: 3rem;
  text-align: center;
}
.use_info_wrap .use_info_txt span {
  color: var(--primary);
}
.use_info_wrap .use_info_img {
  width: 30rem;
  margin-top: 3rem;
}
.use_info_wrap .use_info_step {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  gap: 1rem;
}
.use_info_wrap .use_info_step li {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: -0.032rem;
}
.use_info_wrap .use_info_step li ~ li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url("../images/common/ico_next.png") no-repeat center/100%;
  margin-right: 1rem;
}
.use_info_wrap .btn_wrap {
  gap: 2rem;
  margin-top: 7rem;
}
.use_info_wrap .btn_wrap span {
  font-weight: 500;
}

.pop_wrap .order_wrap {
  margin-top: 3.8rem;
}
.pop_wrap .order_wrap .order_top {
  display: flex;
  align-items: center;
}
.pop_wrap .order_wrap .order_top .combo_wrap {
  position: relative;
  width: 8rem;
  height: 3.4rem;
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_btn {
  width: 100%;
  height: 100%;
  border-radius: 2.5rem;
  border-color: var(--main);
  padding: 0 2.4rem 0 2rem;
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_btn::after {
  background: url("../images/common/ico_arrow_b.png") no-repeat center/100%;
  right: 1rem;
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_btn:hover, .pop_wrap .order_wrap .order_top .combo_wrap .combo_btn:active {
  background: var(--white);
  border: 0.1rem solid var(--primary);
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_btn[aria-expanded=true] {
  border-color: var(--primary);
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_btn span {
  font-size: 1.4rem;
  color: var(--black4);
}
.pop_wrap .order_wrap .order_top .combo_wrap .combo_list {
  top: 4.6rem;
  z-index: 1;
}
.pop_wrap .order_wrap .order_top .total_count {
  margin-left: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.16;
  letter-spacing: -0.038rem;
  color: var(--main);
}
.pop_wrap .order_wrap .order_top .total_count span {
  color: var(--primary);
}
.pop_wrap .order_wrap .order_top .payment_cancel_btn {
  margin-left: auto;
}
.pop_wrap .order_wrap .order_top .payment_cancel_btn + .excel_btn {
  margin-left: 1rem;
}
.pop_wrap .order_wrap .order_cont {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid var(--gray);
}
.pop_wrap .order_wrap .order_cont .table_wrap {
  width: 100%;
  overflow-x: auto;
  margin-top: 2rem;
  padding-bottom: 1rem;
}
.pop_wrap .order_wrap .order_cont .table_wrap table thead {
  border-bottom: 0.1rem solid var(--primary);
}
.pop_wrap .order_wrap .order_cont .table_wrap table thead th {
  width: auto;
  height: 3.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.028rem;
  padding: 0.3rem 0;
}
.pop_wrap .order_wrap .order_cont .table_wrap table thead th i {
  display: block;
  font-weight: 400;
}
.pop_wrap .order_wrap .order_cont .table_wrap table tbody tr {
  border-bottom: 0.1rem solid var(--gray);
}
.pop_wrap .order_wrap .order_cont .table_wrap table tbody tr:last-of-type {
  border-bottom: none;
}
.pop_wrap .order_wrap .order_cont .table_wrap table tbody tr td {
  height: 3.4rem;
  font-size: 1.4rem;
  line-height: 0.86;
  letter-spacing: -0.028rem;
  color: var(--main);
  padding: 0.3rem 0;
  text-align: center;
}
.pop_wrap .order_wrap .order_cont .table_wrap table tbody tr td a {
  font-weight: 600;
  color: var(--sub2);
}
.pop_wrap .order_wrap .pagination_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 3rem;
  gap: 0.4rem;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn {
  width: 3rem;
  height: 3rem;
  text-indent: -999999rem;
  font-size: 0;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.first {
  background: url("../images/common/paging_btn_first.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.first:disabled {
  background: url("../images/common/paging_btn_first_off.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.last {
  background: url("../images/common/paging_btn_last.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.last:disabled {
  background: url("../images/common/paging_btn_last_off.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.prev {
  background: url("../images/common/paging_btn_prev.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.prev:disabled {
  background: url("../images/common/paging_btn_prev_off.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.next {
  background: url("../images/common/paging_btn_next.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn.next:disabled {
  background: url("../images/common/paging_btn_next_off.png") no-repeat center/100%;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn_wrap {
  display: inline-flex;
  margin: 0 0.8rem;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn_wrap li {
  width: 3rem;
  height: 3rem;
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn_wrap li.is_active button {
  border-radius: 50%;
  color: var(--white);
  background: var(--primary);
}
.pop_wrap .order_wrap .pagination_wrap .paging_btn_wrap li button {
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.13;
  letter-spacing: -0.016rem;
}
.pop_wrap .notice_wrap {
  margin-top: 2rem;
}
.pop_wrap .notice_wrap .h3_tit {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: -0.036rem;
  color: var(--main);
  padding-bottom: 0.5rem;
  border-bottom: 0.2rem solid var(--main);
}
.pop_wrap .notice_wrap .notice_cont {
  padding: 2rem 0;
  border-bottom: 0.1rem solid var(--gray);
}
.pop_wrap .notice_wrap .notice_cont p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.032rem;
  color: var(--main);
}

.tui_datepicker_wrap {
  position: relative;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input {
  width: 24rem;
  height: 3rem;
  border: 0;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input input[type=text] {
  width: 24rem;
  border: 0.1rem solid var(--gray2);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input input[type=text]:focus {
  border: 0.1rem solid var(--primary);
  background: var(--white);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input input[type=text]:focus + .tui-ico-date {
  background: url(../images/common/ico_calendar_s.png) center center no-repeat;
  background-size: 100%;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input input[type=text]:disabled {
  border: 0.1rem solid var(--gray);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker-input .tui-ico-date {
  width: 2.4rem;
  height: 2.4rem;
  right: 2rem;
  margin: 0;
  background: url(../images/common/ico_calendar.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker {
  top: 4rem;
  z-index: 5;
  width: 31rem;
  height: auto;
  border-radius: 2rem;
  box-shadow: 1rem 1rem 3rem 0 rgba(48, 57, 72, 0.17);
  border: solid 1px var(--gray);
  background-color: var(--white);
  padding: 2rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body {
  width: 100%;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar {
  width: 100%;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header {
  border-bottom: none;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner {
  height: auto;
  padding: 0 0 2rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-month,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-year {
  width: 3rem;
  height: 3rem;
  left: 2rem;
  font-size: 0;
  text-indent: -999999rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-month::after,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-prev-year::after {
  width: 100%;
  height: 100%;
  background: url("../images/common/paging_btn_prev.png") no-repeat center/100%;
  margin: 0;
  left: 0;
  transform: translateY(-50%);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-month,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-year {
  width: 3rem;
  height: 3rem;
  right: 2rem;
  font-size: 0;
  text-indent: -999999rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-month::after,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-btn-next-year::after {
  width: 100%;
  height: 100%;
  background: url("../images/common/paging_btn_next.png") no-repeat center/100%;
  margin: 0;
  left: 0;
  transform: translateY(-50%);
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-header-inner .tui-calendar-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.39;
  letter-spacing: -0.036rem;
  vertical-align: middle;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-header .tui-calendar-title-today {
  display: none;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body {
  width: 100%;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-body-header th {
  width: 3rem;
  height: 3rem;
  padding: 0 0 0.9rem;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.02rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body td {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  font-size: 1.4rem;
  color: var(--main);
  padding: 0.9rem 0;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  letter-spacing: -0.028rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body td.tui-calendar-today {
  position: relative;
  z-index: 1;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body td.tui-calendar-today::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background: rgba(253, 49, 46, 0.13);
  border-radius: 50%;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body td.tui-is-selected {
  position: relative;
  color: var(--white);
  z-index: 1;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body td.tui-is-selected::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--primary);
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-month-group td,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-year-group td {
  padding: 2.25rem 0;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-month-group td.tui-is-selected::after,
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-year-group td.tui-is-selected::after {
  top: 1.8rem;
}
#contents .tbl_wrap > table > tbody > tr > td .tui_datepicker_wrap .tui-datepicker .tui-datepicker-body .tui-calendar .tui-calendar-body .tui-calendar-next-month.tui-calendar-date {
  display: none;
}

.result_tbl_wrap {
  padding-top: 1rem;
  margin-top: 2rem;
  border-top: 0.2rem solid var(--main);
}
.result_tbl_wrap table thead tr th {
  padding: 1.1rem 0 1rem 0;
  border-bottom: 0.1rem solid #e9eaec;
  font-size: 1.6rem;
  line-height: 1.19;
  font-weight: 600;
  color: var(--main);
  background: var(--gray3);
}
.result_tbl_wrap table thead tr th + th {
  border-left: 0.4rem solid var(--white);
}
.result_tbl_wrap table tbody tr td {
  height: 4rem;
  border-bottom: 0.1rem solid #e9eaec;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.17;
  color: var(--main);
}
.result_tbl_wrap table tbody tr td + td {
  border-left: 0.4rem solid var(--white);
}
.result_tbl_wrap + .chart_wrap .chart_sel {
  margin-top: 2rem;
  text-align: center;
}
.result_tbl_wrap + .chart_wrap .chart_sel + .chart_view {
  margin-top: 1.8rem;
}
.result_tbl_wrap + .chart_wrap .chart_top {
  margin-top: 2rem;
  text-align: right;
}
.result_tbl_wrap + .chart_wrap .chart_top + .chart_view {
  margin-top: 1.1rem;
}
.result_tbl_wrap + .chart_wrap .chart_view {
  height: 43.6rem;
  padding-top: 2rem;
  border: 0.1rem solid #e9eaec;
  border-radius: 1rem;
}
.result_tbl_wrap + .chart_wrap .chart_view #statistic_order,
.result_tbl_wrap + .chart_wrap .chart_view #statistic_payment,
.result_tbl_wrap + .chart_wrap .chart_view #statistic_coupon,
.result_tbl_wrap + .chart_wrap .chart_view #statistic_exact_calculation {
  text-align: center;
}

#cont_main {
  padding: 1.2rem 10rem 5rem 10rem !important;
}
#cont_main .status_board_wrap {
  display: grid;
  grid-template-columns: 33rem 45rem 61.6rem;
  grid-template-rows: 13rem 13rem 44.2rem;
  gap: 1rem 2rem;
}
#cont_main .status_board_wrap .status_wrap.area1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
#cont_main .status_board_wrap .status_wrap.area1 .status_box {
  height: 10.6rem;
}
#cont_main .status_board_wrap .status_wrap.area2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
#cont_main .status_board_wrap .status_wrap.area2 .status_box {
  height: 10.6rem;
}
#cont_main .status_board_wrap .status_wrap.area3 {
  grid-column: 1/2;
  grid-row: 2/3;
}
#cont_main .status_board_wrap .status_wrap.area3 .status_box {
  height: 10.6rem;
}
#cont_main .status_board_wrap .status_wrap.area4 {
  grid-column: 2/3;
  grid-row: 2/3;
}
#cont_main .status_board_wrap .status_wrap.area4 .status_box {
  height: 10.6rem;
}
#cont_main .status_board_wrap .status_wrap.area5 {
  grid-column: 3/4;
  grid-row: 1/3;
}
#cont_main .status_board_wrap .status_wrap.area5 .status_box {
  height: 24.6rem;
  padding: 0 2rem;
}
#cont_main .status_board_wrap .status_wrap.area6 {
  grid-column: 1/4;
  grid-row: 3/4;
  margin-top: 1.3rem;
}
#cont_main .status_board_wrap .status_wrap.area6 .status_box {
  height: 40rem;
  border: 0.1rem solid #e9eaec;
  background: var(--white);
}
#cont_main .status_board_wrap .status_wrap .h4_tit {
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  color: #303948;
  line-height: 1.19;
  font-weight: 600;
  letter-spacing: -0.032rem;
}
#cont_main .status_board_wrap .status_wrap .status_head {
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
#cont_main .status_board_wrap .status_wrap .status_head .h3_tit {
  display: flex;
  font-size: 1.6rem;
  color: #303948;
  align-items: center;
  font-weight: 600;
}
#cont_main .status_board_wrap .status_wrap .status_head .h3_tit .tooltip_box {
  margin-left: 1rem;
  font-size: 0;
}
#cont_main .status_board_wrap .status_wrap .status_box {
  position: relative;
  padding: 2rem 2rem;
  border-radius: 1rem;
  background: rgba(233, 234, 236, 0.4);
}
#cont_main .status_board_wrap .status_wrap .status_box .status .count {
  font-size: 4rem;
  line-height: 1.18;
  color: var(--black3);
}
#cont_main .status_board_wrap .status_wrap .status_box .status .change {
  position: relative;
  margin-left: 3.4rem;
  font-size: 2rem;
}
#cont_main .status_board_wrap .status_wrap .status_box .status .change.up {
  color: #346dd1;
}
#cont_main .status_board_wrap .status_wrap .status_box .status .change.up:before {
  position: absolute;
  content: "";
  left: -2.4rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background: url(../images/main/ico_main_arrow_up.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#cont_main .status_board_wrap .status_wrap .status_box .status .change.down {
  color: #a50034;
}
#cont_main .status_board_wrap .status_wrap .status_box .status .change.down:before {
  position: absolute;
  content: "";
  left: -2.4rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  background: url(../images/main/ico_main_arrow_down.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
#cont_main .status_board_wrap .status_wrap .status_box .date {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: var(--black2);
}
#cont_main .status_board_wrap .status_wrap .status_box .duration {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1.4rem;
  line-height: 1.19;
  letter-spacing: -0.032rem;
  z-index: 5;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 {
  position: absolute;
  left: 4rem;
  bottom: 1.6rem;
  z-index: 3;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  color: var(--black3);
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li + li {
  margin-top: 1.6rem;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.6rem;
  transform: translateY(-50%);
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li.top1:before {
  background: #3e9ec4;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li.top2:before {
  background: #ffc655;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li.top3:before {
  background: #70b527;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li.top4:before {
  background: #7468b4;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ1 ul li.top5:before {
  background: #ffa1a1;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 {
  position: absolute;
  left: 5rem;
  bottom: 5rem;
  z-index: 3;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li + li {
  margin-top: 3rem;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li.typ1 .tit:before {
  width: 1.6rem;
  height: 1.6rem;
  background: #a75370;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li.typ2 .tit:before {
  width: 1.6rem;
  height: 0.2rem;
  background: #ffb840;
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li .tit {
  position: relative;
  display: block;
  padding-left: 2.2rem;
  font-size: 1.6rem;
  line-height: 1.17;
  color: var(--black3);
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li .tit:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#cont_main .status_board_wrap .status_wrap .status_box .explanatory_notes.typ2 ul li .count {
  display: block;
  margin-top: 1rem;
  font-size: 3rem;
  color: var(--black3);
  line-height: 1.2;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartTop5 {
  margin: 0.5rem 0 0 9rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartTop5Krw {
  margin: 0.5rem 0 0 9rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartTop5Usd {
  margin: 0.5rem 0 0 9rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartTop5Gbp {
  margin: 0.5rem 0 0 9rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartTop5Eur {
  margin: 0.5rem 0 0 9rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartSale {
  margin: 1.5rem 0 0 30rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartSaleKrw {
  margin: 1.5rem 0 0 30rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartSaleUsd {
  margin: 1.5rem 0 0 30rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartSaleGbp {
  margin: 1.5rem 0 0 30rem;
}

#cont_main .status_board_wrap .status_wrap .status_box #chartSaleEur {
  margin: 1.5rem 0 0 30rem;
}

.combo_wrap {
  position: relative;
}
.combo_wrap.typ2 {
  display: inline-block;
}
.combo_wrap.typ2.w_typ2 {
  width: 45.5rem;
  max-width: 45.5rem;
}
.combo_wrap.typ2.w_typ2 .combo_btn {
  width: 100%;
  max-width: 45.5rem;
}
.combo_wrap.typ2 .combo_btn {
  width: 23rem;
  height: 3rem;
  border: 0.1rem solid var(--gray2);
  background: var(--gray2);
  border-radius: 2.5rem;
}
.combo_wrap.typ2 .combo_btn:hover, .combo_wrap.typ2 .combo_btn:active {
  border: 0.1rem solid var(--gray);
  background: var(--gray2);
}
.combo_wrap.typ2 .combo_btn[aria-expanded=true] {
  border-color: var(--primary);
}
.combo_wrap.typ2 .combo_btn[aria-expanded=true]::after {
  background: url(../images/common/ico_arrow_r.png) no-repeat center/100%;
}
.combo_wrap.typ2 .combo_btn:after {
  background: url(../images/common/ico_arrow_b.png) no-repeat center/100%;
}
.combo_wrap.typ2 .combo_btn span {
  font-weight: 600;
  color: var(--main);
}
.combo_wrap.typ2 .combo_list {
  top: 4.4rem;
  z-index: 1;
}
.combo_wrap.is_active .combo_list {
  display: block;
}
.combo_wrap .combo_btn {
  position: relative;
  width: 19rem;
  height: 3.4rem;
  border: 0.1rem solid rgba(238, 239, 241, 0.3);
  padding: 0 3.1rem 0 1.9rem;
  border-radius: 2rem;
  text-align: left;
}
.combo_wrap .combo_btn:hover, .combo_wrap .combo_btn:active {
  border: 0.1rem solid rgba(233, 234, 236, 0.3);
  background: rgba(19, 23, 30, 0.3);
}
.combo_wrap .combo_btn:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/common/top_ico_arrow_w.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.combo_wrap .combo_btn span {
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--gray3);
}
.combo_wrap .combo_list {
  display: none;
  position: absolute;
  top: 3.9rem;
  width: 100%;
  border: 0.1rem solid var(--gray);
  padding: 0.5rem 0;
  border-radius: 1rem;
  background: var(--white);
  box-shadow: 1rem 1rem 3rem rgba(48, 57, 72, 0.17);
  overflow: hidden;
}
.combo_wrap .combo_list ul {
  width: 100%;
  max-height: 53.5rem;
  overflow-y: auto;
}
.combo_wrap .combo_list ul li .list_btn {
  width: 100%;
  padding: 0.7rem 2rem;
  text-align: left;
  color: var(--black3);
  font-size: 1.4rem;
}
.combo_wrap .combo_list ul li .list_btn span {
  font-size: 1.4rem;
  line-height: 1.157;
  letter-spacing: -0.028rem;
}
.combo_wrap .combo_list ul li .list_btn[aria-selected=true] {
  color: var(--primary);
}

.radio_set {
  position: relative;
  cursor: pointer;
}
.radio_set input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radio_set input:checked + .radio_cont {
  font-weight: 600;
}
.radio_set input:checked + .radio_cont:before {
  background: url(../images/common/radio_button_on.png) center center no-repeat;
  background-size: 100%;
}
.radio_set .radio_cont {
  position: relative;
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.6rem;
  line-height: 1.16;
  color: #212121;
  letter-spacing: -0.036rem;
}
.radio_set .radio_cont:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  left: 0;
  top: 50%;
  background: url(../images/common/radio_button_off.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}

.radio_btn {
  position: relative;
  display: inline-block;
  width: 7rem;
  height: 3rem;
}
.radio_btn span {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 3rem;
  border-radius: 1.7rem;
  border: 0.1rem solid var(--gray3);
  text-align: center;
  cursor: pointer;
  font-size: 1.6rem;
  color: var(--black3);
}
.radio_btn input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radio_btn input[type=radio]:checked + span {
  border-color: var(--primary);
  color: var(--black4);
}

.turm_set {
  position: relative;
  cursor: pointer;
}
.chart_wrap .turm_set .radio_cont {
  min-width: 12rem;
}
.turm_set input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.turm_set input:checked + .radio_cont {
  border-bottom-color: var(--primary);
}
.turm_set .radio_cont {
  position: relative;
  display: inline-block;
  min-width: 6rem;
  padding: 0 2rem;
  border-bottom: 0.3rem solid #e9eaec;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--black3);
  letter-spacing: -0.032rem;
}

.check_set {
  position: relative;
  cursor: pointer;
  margin-left: 3rem;
}
.check_set:only-child {
  margin-left: 1rem;
}
.check_set + .check_set {
  margin-left: 4rem;
}
.check_set.typ2 .check_cont {
  text-indent: -999999rem;
  font-size: 0;
}
.check_set.typ2 .check_cont::before {
  margin-top: -0.4rem;
}
.check_set input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.check_set input:checked + .check_cont {
  font-weight: 600;
}
.check_set input:checked + .check_cont:before {
  background: url(../images/common/checkbox_on.png) center center no-repeat;
  background-size: 100%;
}
.check_set .check_cont {
  position: relative;
  display: inline-block;
  padding-left: 3rem;
  font-size: 1.6rem;
  line-height: 0.78;
  color: #212121;
  letter-spacing: -0.018rem;
}
.check_set .check_cont:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  left: 0;
  top: 50%;
  background: url(../images/common/checkbox_off.png) center center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}

.btn_wrap {
  display: flex;
  gap: 1rem;
}
.btn_wrap.right_align {
  position: absolute;
  top: 0;
  right: 0;
}

.btn_sm {
  width: auto;
  min-width: 10rem;
  height: 3.4rem;
  border-radius: 2.5rem;
  border: 0.1rem solid var(--main);
  background: var(--white);
}
.btn_sm:disabled {
  border-color: var(--gray) !important;
  background: var(--white) !important;
}
.btn_sm:disabled span {
  opacity: 0.2;
  color: #303948 !important;
}
.btn_sm:hover {
  border-color: var(--primary);
}
.btn_sm:hover span {
  color: var(--primary);
}
.btn_sm.primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn_sm.primary:hover {
  border-color: #e42422;
  background: #e42422;
}
.btn_sm.primary span {
  color: var(--white);
}
.btn_sm span {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  padding: 0.9rem 2rem;
}

.btn_mid {
  display: inline-block;
  width: auto;
  min-width: 15rem;
  height: 3.4rem;
  border-radius: 2.5rem;
  border: 0.1rem solid var(--main);
  text-align: center;
  background: var(--white);
}
.btn_mid:disabled {
  border-color: var(--gray) !important;
  background: var(--white) !important;
}
.btn_mid:disabled span {
  opacity: 0.2;
  color: #303948 !important;
}
.btn_mid:hover {
  border-color: var(--primary);
}
.btn_mid:hover span {
  color: var(--primary);
}
.btn_mid span {
  display: inline-block;
  padding: 0.9rem 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.028rem;
}
.btn_mid.primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn_mid.primary:hover {
  border-color: #e42422;
  background: #e42422;
}
.btn_mid.primary span {
  color: var(--white);
}

.btn_big {
  display: inline-block;
  width: auto;
  min-width: 30rem;
  height: 5rem;
  border-radius: 3.5rem;
  border: 0.1rem solid var(--main);
  text-align: center;
  background: var(--white);
}
.btn_big:disabled {
  border-color: var(--gray) !important;
  background: var(--white) !important;
}
.btn_big:disabled span {
  opacity: 0.2;
  color: #303948 !important;
}
.btn_big:hover {
  border-color: var(--primary);
}
.btn_big:hover span {
  color: var(--primary);
}
.btn_big span {
  display: inline-block;
  padding: 1.6rem 2rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.19;
  letter-spacing: -0.032rem;
}
.btn_big.primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn_big.primary:hover {
  border-color: #e42422;
  background: #e42422;
}
.btn_big.primary span {
  color: var(--white);
}

.tooltip_box {
  position: relative;
  display: inline-block;
}
.tooltip_box.is_active .btn_tooltip {
  background: url(../images/common/ico_information_s.png) center center no-repeat;
  background-size: 100%;
}
.tooltip_box.is_active .tooltip {
  display: block;
}
.tooltip_box.way_l .tooltip {
  right: 0;
}
.tooltip_box.way_r .tooltip {
  left: 0;
}
.tooltip_box .btn_tooltip {
  width: 1.9rem;
  height: 1.9rem;
  background: url(../images/common/ico_information.png) center center no-repeat;
  background-size: 100%;
}
.tooltip_box .tooltip {
  display: none;
  position: absolute;
  top: 2.5rem;
  width: 47rem;
  border: 0.1rem solid var(--gray);
  border-radius: 2rem;
  background: var(--white);
  box-shadow: 1rem 1rem 3rem 0 rgba(48, 57, 72, 0.17);
  z-index: 5;
}
.tooltip_box .tooltip .tooltip_head {
  padding: 2rem 2rem 1rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black);
  letter-spacing: -0.032rem;
}
.tooltip_box .tooltip .tooltip_body {
  padding: 1rem 2rem 2rem;
  border-top: 0.1rem solid #e9eaec;
}
.tooltip_box .tooltip .tooltip_body .commont {
  color: var(--primary);
  font-size: 1.4rem;
  line-height: 1.79;
  letter-spacing: -0.032rem;
}
.tooltip_box .tooltip .tooltip_body .notes {
  margin-top: 0.6rem;
}
.tooltip_box .tooltip .tooltip_body .notes li {
  font-size: 1.6rem;
  color: var(--black);
  line-height: 1.5;
  letter-spacing: -0.032rem;
}

.pop_wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.pop_wrap.is_active {
  display: block;
}
.pop_wrap.size1 .pop_cont {
  width: 64rem;
}
.pop_wrap.size2 .pop_cont {
  width: 100rem;
}
.pop_wrap.size3 .pop_cont {
  width: 149.6rem;
}
.pop_wrap.size4 .pop_cont {
    width: 72rem;
}

.pop_wrap.size4 .pop_cont .pop_body .password_cont{
	text-align: center;
}

.pop_wrap.size4 .pop_cont .pop_body .password_cont #password_input_box{
  	width: 45.5rem;
    max-width: 45.5rem;
    height: 3rem;
    background: var(--gray2);
    border-radius: 2.5rem;
    border: none;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}
.pop_wrap.size_full {
  width: 100%;
  height: 100%;
  background: var(--white);
}
.pop_wrap.pop_alert .pop_cont {
  width: 35rem;
  padding: 2rem;
}
.pop_wrap.pop_alert .pop_cont p {
  min-height: 6.7rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--main);
  letter-spacing: -0.032rem;
}
.pop_wrap.pop_alert .pop_cont .btn_wrap {
  display: flex;
  margin-top: 2rem;
  gap: 1rem;
  justify-content: center;
}
.pop_wrap .dim {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.4;
}
.pop_wrap .pop_cont {
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100vh;
  max-width: 100vw;
  overflow: auto;
  padding: 2rem;
  border-radius: 2rem;
  box-shadow: 1rem 1rem 3rem 0 rgba(48, 57, 72, 0.17);
  border: solid 0.1rem var(--gray);
  background: #ffffff;
  transform: translate(-50%, -50%);
}
.pop_wrap .pop_cont .pop_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop_wrap .pop_cont .pop_head .h2_tit {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.04rem;
}
.pop_wrap .pop_cont .pop_head .pop_close {
  width: 2rem;
  height: 2rem;
  background: url(../images/common/ico_close.png) center center no-repeat;
  background-size: 100%;
}
.pop_wrap .pop_cont .pop_body {
  padding: 0 1rem;
}
.pop_wrap .pop_cont .pop_body .btn_wrap {
  display: flex;
  margin-top: 2rem;
  gap: 1rem;
  justify-content: center;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap {
  margin-top: 2rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top {
  display: flex;
  align-items: center;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap {
  position: relative;
  width: 8rem;
  height: 3rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn {
  width: 100%;
  height: 3rem;
  border-radius: 2.5rem;
  border-color: var(--main);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn::after {
  background: url("../images/common/ico_arrow_b.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn:hover, .pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn:active {
  background: var(--white);
  border: 0.1rem solid var(--primary);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn[aria-expanded=true] {
  border-color: var(--primary);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_btn span {
  font-size: 1.4rem;
  color: var(--black4);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .combo_wrap .combo_list {
  top: 4.6rem;
  z-index: 1;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .total_count {
  margin-left: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.16;
  letter-spacing: -0.038rem;
  color: var(--main);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .total_count span {
  color: var(--primary);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .total_count + .total_count::before {
  content: "/";
  display: inline-block;
  margin-right: 2rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .payment_cancel_btn {
  margin-left: auto;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .payment_cancel_btn + .excel_btn {
  margin-left: 1rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .btn_sm + .btn_sm {
  margin-left: 1rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn {
  width: 15.3rem;
  height: 3.4rem;
  margin-left: auto;
  border: 0.1rem solid var(--main);
  border-radius: 2.5rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn:disabled {
  border-color: var(--gray);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn:disabled span {
  color: rgba(48, 57, 72, 0.2);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn:disabled span::before {
  background: url("../images/common/ico_btn_excel_d.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn span {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 5rem;
  letter-spacing: -0.032rem;
  color: var(--main);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pop_board_top .excel_btn span::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 5rem;
  background: url("../images/common/ico_btn_excel.png") no-repeat center/100%;
  vertical-align: middle;
  margin-right: 0.8rem;
  margin-top: -0.2rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid var(--gray);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont.typ2 {
  padding-bottom: 0;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont.typ2 .table_wrap {
  padding-bottom: 0;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap {
  width: 100%;
  overflow-x: auto;
  margin-top: 2rem;
  padding-bottom: 1rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table thead {
  border-bottom: 0.1rem solid var(--primary);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table thead th {
  width: auto;
  height: 3.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.04rem;
  padding: 0.3rem 0;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr {
  border-bottom: 0.1rem solid var(--gray);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr:last-of-type {
  border-bottom: none;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr.pin_notice {
  background: rgba(243, 244, 245, 0.53);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr.pin_notice td:first-of-type {
  position: relative;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr.pin_notice td:first-of-type::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("../images/common/checkbox_on.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  left: 2.1rem;
  transform: translateY(-50%);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr td {
  height: 3rem;
  font-size: 1.4rem;
  letter-spacing: -0.028rem;
  color: var(--main);
  padding: 0.3rem 0;
  text-align: center;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .board_cont .table_wrap table tbody tr td a {
  font-weight: 600;
  color: var(--sub2);
  text-decoration: underline;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 3rem;
  gap: 0.4rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn {
  width: 3rem;
  height: 3rem;
  text-indent: -999999rem;
  font-size: 0;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.first {
  background: url("../images/common/paging_btn_first.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.first:disabled {
  background: url("../images/common/paging_btn_first_off.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.last {
  background: url("../images/common/paging_btn_last.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.last:disabled {
  background: url("../images/common/paging_btn_last_off.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.prev {
  background: url("../images/common/paging_btn_prev.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.prev:disabled {
  background: url("../images/common/paging_btn_prev_off.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.next {
  background: url("../images/common/paging_btn_next.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn.next:disabled {
  background: url("../images/common/paging_btn_next_off.png") no-repeat center/100%;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn_wrap {
  display: inline-flex;
  margin: 0 0.8rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn_wrap li {
  width: 3rem;
  height: 3rem;
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn_wrap li.is_active button {
  border-radius: 50%;
  color: var(--white);
  background: var(--primary);
}
.pop_wrap .pop_cont .pop_body .pop_board_wrap .pagination_wrap .paging_btn_wrap li button {
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.13;
  letter-spacing: -0.016rem;
}
.pop_wrap .pop_cont .pop_body .time_body {
  margin-top: 3rem;
}
.pop_wrap .pop_cont .pop_body .time_body .time_sel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.9rem;
}
.pop_wrap .pop_cont .pop_body .time_body .time_sel dt {
  flex: 0 0 auto;
  font-size: 1.6rem;
  line-height: 1.187;
  color: var(--main);
  font-weight: 600;
}
.pop_wrap .pop_cont .pop_body .time_body .time_sel dd {
  flex: 0 1 45.5rem;
}
.pop_wrap .pop_cont .pop_body .time_body .time_sel dd .combo_wrap.typ2.w_typ2 {
  width: 100% !important;
}
.pop_wrap .pop_cont .pop_body .time_body .time_sel dd .combo_wrap.typ2.w_typ2 .combo_list ul {
  max-height: 20.2rem;
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  gap: 2rem;
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time dl {
  flex: 1;
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time dl dt {
  font-size: 1.6rem;
  line-height: 1.187;
  color: var(--sub2);
  font-weight: 600;
  text-align: center;
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time dl dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 14rem;
  margin-top: 1rem;
  border-radius: 1rem;
  background: rgba(233, 234, 236, 0.4);
  gap: 1rem;
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time dl dd .date {
  font-size: 2rem;
  line-height: 1.15;
  color: var(--main);
}
.pop_wrap .pop_cont .pop_body .time_body .compare_time dl dd .time {
  font-size: 4rem;
  line-height: 1.175;
  color: var(--black3);
}
.pop_wrap .pop_cont .pop_body .cookie_wrap {
  padding-top: 2rem;
}
.pop_wrap .pop_cont .pop_body .cookie_wrap p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.032rem;
  color: var(--main);
}

#wrapper.error {
  background: var(--gray3);
}
#wrapper.error #wrapper_body {
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrapper.error #wrapper_body .error_box {
  width: 110rem;
  height: 60rem;
  text-align: center;
  background: var(--white);
}
#wrapper.error #wrapper_body .error_box .h1_tit {
  position: relative;
  margin-top: 28rem;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: -0.082rem;
  color: var(--black3);
}
#wrapper.error #wrapper_body .error_box .h1_tit:before {
  position: absolute;
  content: "";
  top: -18rem;
  left: 50%;
  width: 20rem;
  height: 13rem;
  background: url(../images/contents/error_img.png) center center no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
}
#wrapper.error #wrapper_body .error_box p {
  margin-top: 1.5rem;
  font-size: 2.6rem;
  line-height: 1.19;
  letter-spacing: -0.052rem;
  color: var(--black3);
}
#wrapper.error #wrapper_body .error_box .btn_big {
  margin-top: 9.2rem;
}

.info_wrap {
  position: relative;
}
.info_wrap + .info_wrap {
  margin-top: 2rem;
}
.info_wrap .h3_tit {
  padding: 2rem 0 0.5rem;
  font-size: 1.8rem;
  line-height: 1.17;
  font-weight: 600;
  color: var(--main);
  letter-spacing: -0.036rem;
}
.info_wrap .h3_tit span {
  font-size: 1.6rem;
  line-height: 1.19;
  color: var(--main);
  letter-spacing: -0.032rem;
  vertical-align: middle;
}
.info_wrap .h3_tit span::before {
  content: "";
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  background: url("../images/common/ico_information_gray.png") no-repeat center/100%;
  vertical-align: middle;
  margin: -0.4rem 0.8rem 0 1rem;
}
.info_wrap table tbody {
  border-top: 0.2rem solid var(--main);
}
.info_wrap table tbody tr th {
  padding: 2.1rem 0 1rem 0;
  border-bottom: 0.1rem solid #e9eaec;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--main);
  line-height: 1.19;
  text-align: left;
}
.info_wrap table tbody tr td {
  padding: 2.1rem 0 1rem 1rem;
  border-bottom: 0.1rem solid #e9eaec;
  font-size: 1.6rem;
  color: var(--main);
  line-height: 1.19;
  text-align: left;
  letter-spacing: -0.032rem;
}
.info_wrap table tbody tr td + th {
  position: relative;
  padding-left: 7.6rem;
}
.info_wrap table tbody tr td + th:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -0.1rem;
  height: 0.1rem;
  width: 7.6rem;
  background: var(--white);
}
.error_set.typ2 {
  display: inline-block;
}
.error_set.is_error .error_comment {
  display: block;
}
.error_set .error_comment {
  display: none;
  position: absolute;
  margin-top: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.17;
  letter-spacing: -0.024rem;
  color: var(--primary);
}
.has_input .error_set .error_comment {
  position: static;
}

#wrapper.landing #wrapper_body #container {
  min-height: calc(100% - 4rem);
  background: rgba(255, 255, 255, 0);
}
#wrapper.landing #wrapper_body #container #contents {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 0;
}
#wrapper.landing #wrapper_body #footer {
  margin-top: auto;
  background: var(--sub3);
}
#wrapper.landing #wrapper_body #footer .footer_body .footer_info ul li {
  color: var(--white);
  opacity: 0.6;
}
#wrapper.landing #wrapper_body #footer .footer_body .footer_info ul li ~ li::before {
  background: var(--white);
  opacity: 0.6;
}
#wrapper.landing #wrapper_body #footer .footer_body .copyright {
  color: var(--white);
  opacity: 0.3;
}

.landing_tit_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 112rem;
  min-height: 50rem;
  margin: auto;
  color: var(--main);
  padding-bottom: 3rem;
}
.landing_tit_wrap::after {
  content: "";
  display: block;
  width: 68rem;
  height: 42rem;
  background: url("../images/common/landing_bg_img.png") no-repeat center/100%;
  position: absolute;
  top: calc(50% + 1.1rem);
  left: 32rem;
  z-index: -1;
  transform: translateY(calc(-50% + 1.1rem));
}
.landing_tit_wrap .landing_tit {
  font-size: 2rem;
  line-height: 1.19;
  letter-spacing: -0.052rem;
}
.landing_tit_wrap .h1_tit {
  font-size: 3.8rem;
  line-height: 1.18;
  letter-spacing: -0.08rem;
  margin: 1rem 0 2rem;
}
.landing_tit_wrap .h1_tit .color_red {
  color: var(--primary);
}
.landing_tit_wrap .landing_txt {
  font-size: 2.6rem;
  font-weight: 200;
  line-height: 1.43;
  letter-spacing: -0.056rem;
}
.landing_tit_wrap .landing_select {
  margin-top: 11.9rem;
}
.landing_tit_wrap .landing_select p {
  font-size: 1.6rem;
  line-height: 1.15;
  letter-spacing: -0.04rem;
  color: var(--black);
  opacity: 0.6;
}
.landing_tit_wrap .landing_select .combo_wrap {
  margin-top: 1rem;
  width: 50rem;
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn {
  width: 100%;
  height: 5rem;
  border: 0.1rem solid var(--black2);
  border-radius: 3.5rem;
  padding: 0 6.5rem 0 3rem;
  background: var(--white);
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn::after {
  width: 3rem;
  height: 3rem;
  right: 3rem;
  background: url("../images/common/top_ico_arrow_b.png") no-repeat center/100%;
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn span {
  font-size: 1.6rem;
  line-height: 1.19;
  letter-spacing: -0.032rem;
  color: var(--main);
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn:hover {
  border-color: var(--primary);
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn[aria-expanded=true] {
  border-color: var(--primary);
}
.landing_tit_wrap .landing_select .combo_wrap .combo_btn[aria-expanded=true]::after {
  background: url("../images/common/btn_signin_ico_arrow_o.png") no-repeat center/100%;
}
.landing_tit_wrap .landing_select .combo_wrap .combo_list {
  top: 6rem;
  padding: 0.5rem 0;
}
.landing_tit_wrap .landing_select .combo_wrap .combo_list li .list_btn {
  text-align: left;
  padding: 0.7rem 2rem;
}
.landing_tit_wrap .landing_select .combo_wrap .combo_list li .list_btn span {
  font-size: 1.4rem;
}
.landing_tit_wrap .landing_select .btn_l {
  width: 50rem;
  height: 5rem;
  border-radius: 3.5rem;
  background: var(--main);
  margin-top: 2rem;
}
.landing_tit_wrap .landing_select .btn_l span {
  font-size: 2rem;
  line-height: 1.15;
  letter-spacing: -0.04rem;
  color: var(--white);
}

.landing_step_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 18rem;
  background: var(--main);
  color: var(--white);
  margin-top: auto;
}
.landing_step_wrap .landing_step {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10rem;
}
.landing_step_wrap .landing_step li {
  width: 30rem;
}
.landing_step_wrap .landing_step li:first-of-type div::after {
  background: url("../images/common/landing_step_img01.png") no-repeat center/100%;
}
.landing_step_wrap .landing_step li:nth-of-type(2) div::after {
  background: url("../images/common/landing_step_img02.png") no-repeat center/100%;
}
.landing_step_wrap .landing_step li:nth-of-type(3) div::after {
  background: url("../images/common/landing_step_img03.png") no-repeat center/100%;
}
.landing_step_wrap .landing_step li span {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.19;
  letter-spacing: -0.032rem;
}
.landing_step_wrap .landing_step li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.landing_step_wrap .landing_step li div::after {
  content: "";
  display: inline-block;
  width: 10rem;
  height: 10rem;
  vertical-align: middle;
  margin-left: 1rem;
}
.landing_step_wrap .landing_step li div p {
  font-size: 1.6rem;
  font-weight: 200;
  line-height: 1.38;
  letter-spacing: -0.032rem;
  color: var(--gray);
}
.landing_step_wrap .landing_step li div p a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -0.032rem;
  color: var(--white);
  text-decoration: underline;
}