@charset "utf-8";
/* NotoSansKR 경량화  */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/font/notosansKr/NotoSansKR-Thin.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Thin.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/font/notosansKr/NotoSansKR-Light.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Light.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/font/notosansKr/NotoSansKR-Regular.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Regular.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(/font/notosansKr/NotoSansKR-Medium.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Medium.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(/font/notosansKr/NotoSansKR-Bold.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Bold.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(/font/notosansKr/NotoSansKR-Black.woff2) format('woff2'),
    url(/font/notosansKr/NotoSansKR-Black.woff) format('woff'),
    url(/font/notosansKr/NotoSansKR-Black.otf) format('opentype');
}
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumBarunGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
  src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
/* 나눔고딕 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap');
:root {
  --skin01: #317abe;
  --skin02: #30619c;
  --skin03: #317abe;
  --skin-bg: #f5f9fd;
  --skin-bg2: #d6dee9;
  --ft-color: #00cccc;
}
/*부트스트랩 select*/
.bootstrap-select select {
  display: none !important;
}
.bootstrap-select {
  display: inline-block;
  position: relative;
  width: 100%;
}
.bootstrap-select.disabled .selectpicker+.dropdown-toggle {
  background-color: lightgray;
  cursor: default;
}
.bootstrap-select .selectpicker+.dropdown-toggle {
  position: relative;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
  line-height: 40px;
  vertical-align: baseline;
  cursor: pointer;
  user-select: none;
  background-color: #fff;
  color: #333;
}
/*
#theme1 .bootstrap-select .selectpicker+.dropdown-toggle {
	border: 1px solid #7d858a;
  	color: #fff;
}
*/
footer .bootstrap-select .selectpicker+.dropdown-toggle {
  background-color: transparent;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  padding-left: 10px;
  padding-right: 40px;
}
.bootstrap-select .selectpicker+.dropdown-toggle:focus {
  outline: none !important;
}
.bootstrap-select .selectpicker+.dropdown-toggle::after {
  content: '';
  background-image: url('../img/user/select_arrow.png');
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-top: 0;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 54%;
  background-size: contain;
}
.bootstrap-select div.dropdown-menu {
  display: none;
  position: absolute;
  top: 100% !important;
  transform: initial !important;
  left: 0px;
  z-index: 6;
  width: 100%;
}
.bootstrap-select div.dropdown-menu>div.inner {
  min-height: auto !important;
  max-height: 220px !important;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid var(--skin01);
}
.bootstrap-select div.dropdown-menu .inner::-webkit-scrollbar {
  width: 5px;
}
.bootstrap-select div.dropdown-menu .inner::-webkit-scrollbar-thumb {
  background-color: var(--skin01);
  background-clip: padding-box;
  border: 1px solid var(--skin01);
}
.bootstrap-select div.dropdown-menu .inner::-webkit-scrollbar-track {
  background-color: #d6d6d6;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}
.bootstrap-select div.dropdown-menu li {
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  display: block;
  width: 100%;
}
.bootstrap-select div.dropdown-menu li>a {
  display: block;
  color: #999;
  line-height: 33px;
  padding-left: 10px;
  width: 100%;
  box-sizing: border-box;
  padding-right: 5px;
  white-space: nowrap;
  font-size: 16px;
}
.bootstrap-select div.dropdown-menu li>a span.text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bootstrap-select div.dropdown-menu li>a:hover {
  background-color: #ecf3fb;
}
.bootstrap-select div.dropdown-menu li.selected a {
  background-color: var(--skin01);
  color: #fff !important;
}
.bootstrap-select.open div.dropdown-menu {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* EOD : NotoSansKR 경량화  */
* {
  box-sizing: border-box;
}
html, body {
  margin: 0px;
  height: auto;
  line-height: 1;
  font-size: 16px;
  font-weight: 400;
  word-break: break-all;
  font-family: 'NanumBarunGothic', sans-serif;
  color: #333;
}
html.active, html.popup, body.popup {
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0 17px 0 0
}
img {
  border: 0px;
  padding: 0;
  margin: 0;
}
ul, ol, li, dl, dd {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  word-break: break-all
}
a:hover {
  text-decoration: none;
}
i {
  font-style: normal
}
button, textarea, input, select {
  font-family: 'NanumBarunGothic', sans-serif;
}
button {
  cursor: pointer;
  word-break: keep-all;
  border: none;
  outline: none;
  line-height: 1.5;
}
table {
  word-break: keep-all;
}
pre {
  font-family: 'NanumBarunGothic', sans-serif;
}
iframe {
  margin: 0;
  padding: 0;
  border: 0;
}
:focus {
  outline: thin dotted;
}
.ac {
  text-align: center !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.mg0 {
  margin: 0 !important
}
.mt0 {
  margin-top: 0 !important
}
.mt10 {
  margin-top: 10px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.pd0 {
  padding: 0 !important
}
.f-0 {
  font-size: 0;
}
.flex {
  display: flex;
}
.ai-c {
  align-items: center;
}
.ai-s {
  align-items: start;
}
.ai-e {
  align-items: end;
}
.ai-str {
  align-items: stretch;
}
.jc-sb {
  justify-content: space-between;
}
.jc-c {
  justify-content: center;
}
.jc-e {
  justify-content: end;
}
strong {
  font-weight: 700 !important;
}
.txt_large {
  font-size: 20px;
}
.txt_bold {
  font-weight: 500 !important;
}
.txt_exbold {
  font-weight: 600 !important;
}
.txt_small {
  font-size: 14px !important;
}
.ellipsisBox {
  display: table;
  table-layout: fixed;
  width: 100%
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
caption, .skip {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-indent: -1000px;
  line-height: 0;
  overflow: hidden;
}
.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}
.ir {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  font-size: 1%;
  z-index: -9999;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.mobS, .t_mobS {
  display: none
}
.nowrap {
  white-space: nowrap
}
/* skipnavigation */
#skipnavigation a {
  position: absolute;
  left: -3000%;
}
#skipnavigation a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 10000000000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #026c8a;
  color: #fff;
  text-align: center;
}
.skipN {
  position: absolute;
  left: -99999%;
}
/* EOD : skipnavigation */
/* Layout */
.content_wrap {
  max-width: 1600px;
  margin: 0 auto;
}
.headerLayout {
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  }
  /*20240321*/
  .mo_top.headerLayout {
	height: auto !important;
}
  /*20240321*/


.headerLayout .mobLayout {
  display: none
}
.headerLayout .mob_topLayout {
  display: none
}
.headerLayout.top,
.headerLayout.up {
  top: 0px !important;
}
.headerLayout.fixed {
  position: fixed;
  top: 0 !important;
}
@keyframes fixed_dropdown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.top_banner {
  display: none;
  height: 190px;
  z-index: 10;
  background-color: var(--skin01);
  overflow: hidden
}
.top_bannerIn {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto
}
.top_bannerIn img {
  max-width: 100%;
  /* 20240409 hwson 탑배너 이미지 크기 조절 */
  max-height: 100%;
  height: 160px;
  /* 20240409 hwson 탑배너 이미지 크기 조절 */
}
.top_bannerIn.alone .top_banner_slider {
  text-align: center
}
.top_bannerIn.alone .pagination {
  display: none
}
.top_bannerIn.alone .slick-track {
  display: table !important;
  width: 100% !important;
  table-layout: fixed;
}
.top_bannerIn.alone .slick-slide {
  display: table-cell;
  width: 100% !important;
  float: none
}
.top_banner .pagination {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  margin: 0
}
.top_banner .paginationIn {
  position: relative;
}
.top_banner .paginationIn .prevBtn {
  position: absolute;
  top: -85px;
  left: -40px;
  z-index: 1;
  margin: 0;
  background: url(../../../images/template9/resp/default/button/top_banner_arrow.png) no-repeat 0 0;
}
.top_banner .paginationIn .nextBtn {
  position: absolute;
  top: -85px;
  right: -40px;
  z-index: 1;
  margin: 0;
  background: url(../../../images/template9/resp/default/button/top_banner_arrow.png) no-repeat -40px 0;
}
.top_banner .paginationIn .control_paging {
  display: inline-block !important;
  margin: 9px 0 0 10px
}
.top_banner .paginationIn .control_paging button {
  text-indent: -9999px;
  border: none;
  width: 6px;
  height: 6px;
  padding: 0;
  background: white;
  border-radius: 6px;
  transition: 0.5s ease;
  cursor: pointer;
  line-height: 1;
}
.top_banner .paginationIn .control_paging li {
  float: left;
  margin: 0 0 0 5px
}
.top_banner .paginationIn .control_paging li:first-child {
  margin: 0
}
.top_banner .paginationIn .control_paging li.slick-active button {
  width: 30px;
  background: #fff;
  border-radius: 4px;
}
.top_banner .paginationIn .controlBox {
  display: inline-block;
  vertical-align: top
}
.top_banner .paginationIn .controlBox .btn_pause {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  font-size: 0;
  background: url(../../../images/template9/resp/default/button/top_banner_control_btn.png) no-repeat 0 0;
}
.top_banner .paginationIn .controlBox .btn_play {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  font-size: 0;
  background: url(../../../images/template9/resp/default/button/top_banner_control_btn.png) no-repeat -18px 0;
}
.tob_banner_btnBox {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3
}
.tob_banner_btnBox>div {
  float: left
}
.tob_banner_btnBox .btn_today {
  display: inline-block;
  vertical-align: top;
  background-color: var(--skin01);
  color: white;
  font-size: 14px;
  padding: 5px 10px;
}
.tob_banner_btnBox .btn_today .icon_chk {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0 7px 0 0;
  background: url("../../../images/template9/resp/default/icon/icon_chk.png") no-repeat;
}
.tob_banner_btnBox .btn_close {
  display: inline-block;
  width: 32px;
  height: 25px;
  vertical-align: top;
  background-color: var(--skin02);
}
.tob_banner_btnBox .btn_close .icon_close {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 7px 11px 0;
  background: url("../../../images/template9/resp/default/icon/icon_close_white.png") no-repeat;
  transition: 0.3s all ease
}
.tob_banner_btnBox .btn_close:hover .icon_close {
  transform: rotate(180deg)
}
.header {
  display: block;
  /*20240321*/
  width: 100%;
  /*20240321*/
}
.topLayout {
	height : 50px;
  position: relative;
  background-color: var(--skin02);
}
.topLayout .logo {
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 0;
  display: inline-block;
  max-width: 240px;
  height: 50px;
  font-size: 0;
}
.topLayout .logo:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.navLayout .logo img {
  max-width: 100%;
  max-height: 50px;
  font-size: 16px;
  vertical-align: middle;
}
.topLayout .logo:hover img {
  animation: pulsate 0.345s;
}
@keyframes pulsate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.topLayout .mob_select_lang {
  display: none
}
.topLayoutWrap {
  max-width: 1600px;
  margin: 0 auto;
}
.navLayout .logo img {
  max-width: 100%;
  max-height: 50px;
  font-size: 16px;
  vertical-align: middle;
}
/* 컨텐츠 레이아웃 */
#form1, #planForm, #crsForm, #formMove, .drectionForm, .remote_wrap, #crsSelectForm {
  max-width: 1200px;
  width: calc(100% - 400px);
  float: right;
}
/* 검색 */
.search_btn {
  width: 23px;
  height: 23px;
  background: url('../img/head/search_img.png') no-repeat center;
}
.total_search {
  display: none;
  border: 1px solid var(--skin01);
  overflow: hidden;
  border-radius: 5px;
}
.total_search button {
  background-color: var(--skin01);
}
.total_search button .ico {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: 3px 0 0;
  background: url('../img/head/search_img.png') no-repeat center;
}
.total_searchIn input[type='text'] {
  width: 100%;
  border: 0;
  padding: 5px 10px;
  border-radius: 5px 0 0 5px;
}
.service_membership {
  height: 50px;
}
.service_membership>li {
  padding: 0 15px;
}
.service_membership>li:last-of-type {
  padding-right: 0;
}
.service_membership>li>a {
  font-size: 14px;
  color: #fff
}
.service_membership>li>a .txt_point {
  margin: 0 1px 0 5px
}
.service_membership>li>a .icon_arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 6px;
  margin: 0 0 5px 2px;
  background: url("../img/head/icon_top_banner_arrow.png") no-repeat 0 -6px;
  transition: 0.3s all ease
}
.service_membership>li>a.active .icon_arrow {
  background-position: 0 0;
}
.service_membership>li>a.banner_cnt .icon_arrow:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 11px;
  height: 6px;
  background: url("../img/head/icon_top_banner_arrow.png") no-repeat 0 -6px;
  transition: 0.3s all ease
}
.service_membership>li>a.banner_cnt:hover .icon_arrow {
  margin-top: -3px
}
.service_membership>li>a.banner_cnt:hover .icon_arrow:after {
  bottom: -5px
}
.service_membership>li>a.banner_cnt.active .icon_arrow:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 11px;
  height: 6px;
  background: url('../img/head/search_img.png') no-repeat center;
  transition: 0.3s all ease
}
.service_membership>li>a.banner_cnt.active:hover .icon_arrow {
  margin-top: -3px
}
.service_membership>li>a.banner_cnt.active:hover .icon_arrow:after {
  bottom: -5px
}
.select_lang {
  width: 80px;
}
.select_lang .selectBox {
  height: 30px
}
.select_lang .selectBox label {
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  background: none;
  border: none;
  color: #fff;
  width: 100%;
}
.select_lang .selectBox label span {
  margin: 0 30px 0 10px
}
.select_lang .selectBox label:after {
  content: "\02c7";
  top: 9px;
  font-size: 30px;
  background: none;
}
.nav {
  position: relative;
  transition: 0.3s all ease;
  height: 110px;
  border-bottom: 2px solid var(--skin01);
}
.nav.active::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e5e5e5;
  top: 108px;
  left: 0;
  right: 0;
  z-index: 20;
}
.nav .navInner {
  max-width: 1600px;
  margin: 0 auto;
}

.nav.active {
  height: 450px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
}
.nav.active .gnb .twoDepth {
  height: 310px; /* 260 > 310 */
}
.nav.active .navInner {
  overflow: inherit
}
.gnb {
  flex: 1;
/*   height: 400px; */
}

#theme1 .gnb {
	height: 400px;
}
.gnb>li {
  position: relative;
  padding: 0 2.5%;
  font-size: 24px;
  font-weight: 500;

}
.gnb>li>a {
  display: block;
}
.gnb>li>a>span {
  display: block;
  line-height: 110px;
  transition: 0.3s all ease-in-out;
}
.gnb>li:hover>a>span {
  color: var(--skin01)
}
.gnb>li>a>span:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: var(--skin02);
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s all ease-in-out;
}
.gnb>li:hover>a>span:after {
  width: 100%;
  z-index: 22;
}
.gnb>li>a>i {
  display: none
}
.gnb .twoDepth {
  position: absolute;
  top: 124px;
  width: 100%;
  height: 0;
  overflow: hidden;
  left: 0;
  transition: 0.3s all ease;
  text-align: center;
}
.gnb .twoDepth>li {
  padding: 8px 0;
}
.gnb .twoDepth>li>a {
  position: relative;
  display: inline-block;
  color: #666;
  font-size: 16px;
  transition: 0.3s all ease;
}
.gnb .twoDepth>li>a:hover {
  color: var(--skin01);
  font-weight: 700;
}
.gnb .threeDepth {
  display: none;
  position: relative;
  background-color: #eff2f5;
  padding: 5px 0
}
.gnb .threeDepth:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 50%;
  margin: 0 0 0 -6px;
  background: url("../../../images/template9/resp/default/icon/icon_gnb_threeDepth_arrow.png") no-repeat;
}
.gnb .threeDepth>li>a {
  position: relative;
  display: inline-block;
  padding: 5px;
  color: #666;
  font-size: 14px;
  transition: 0.3s all ease;
}
.gnb .threeDepth>li>a:hover {
  color: #026c89
}
.gnb .threeDepth>li>a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
  background: #026c8a;
}
.gnb .threeDepth>li>a:hover:after {
  width: 100%;
  left: 0
}
.gnb .threeDepth>li>a:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
  background: #026c8a;
}
.gnb .threeDepth>li>a:hover:before {
  width: 100%;
  left: 0
}
.loginBtn {
  /*width: 223px; */
  width : 200px;
  height: 58px;
  background: url('../img/head/login_bg.png')no-repeat center;
  line-height: 58px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-left: 40px;
}
.headerLayout .hd_infoBox {
  display: none
}
.trans_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../../../images/template9/resp/default/bg/bg_trans_50.png);
  z-index: 100;
}
.tit_area {
  display: flex;
}
.tit_area .right_area {
  margin-left: auto;
}
.tit_area .tit {
  display: inline-block;
  font-size: 24px;
  margin: 8px 0 0;
  color: #000;
  font-weight: 500
}
.tit_area .more_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0 9px 18px;
  background-color: white;
  border-radius: 50px;
}
.tit_area .more_btn .txt {
  font-size: 18px;
  color: #666;
}
/* footer */
footer {
  /* margin-top: 100px; */
   padding-top: 50px; 
  clear: both;
}
footer .ft_color {
  color: var(--ft-color);
}
.footerBox {
  background: #363c4b;
}
.cop_area {
  border-bottom: 1px solid #5e5e5e;
}
.cop_area .cop_areaIn, .footerInner {
  max-width: 1600px;
  margin: 0 auto;
}
.cop_area .cop_areaIn {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cop_area .bootstrap-select {
  max-width: 200px;
}
.cop_menu {
  display: flex;
}
.cop_menu>li {
  margin-right: 50px;
  color: #dfdfdf;
}
.cop_menu>li:hover {
  font-weight: 500;
  color: #666
}
.cop_menu>li:nth-child(2):hover {
  color: var(--skin01)
}
.cop_menu>li:nth-child(2) {
  color: var(--ft-color)
}
.footerInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 0 50px 0;
  font-size: 15px;
  color: #b5b5b5;
  line-height: 1.5;
}
.footerInner p {
  margin: 0;
}
.hot_number {
  text-align: right;
}
.hot_number .hot_info {
  margin-left: 20px;
}
.hot_info span {
  display: block;
}
.hot_number .icon_tel {
  display: inline-block;
  vertical-align: middle;
  width: 69px;
  height: 69px;
  border-radius: 50%;
  background: url("../img/ft/ft_tel_icon.png") no-repeat center, var(--ft-color);
  transition: 0.3s all ease
}
.hot_number .number {
  font-size: 26px;
  font-weight: bold;
}
/* EOD : Layout */
/* sub_visual */
.sub_visual {
  position: relative;
  height: 210px;
  margin: 141px 0 0;
  overflow: hidden
}
.sub_visualIn .location {
  font-size: 46px;
  color: #222;
  margin: 0;
  padding: 60px 0 0
}
.sub_visualIn {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%
}
.sub_visualIn:before {
  content: "";
  position: absolute;
  top: 0;
  left: -350px;
  width: 1920px;
  height: 210px;
  z-index: -1
}
.sub_visual.sub_visual01 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual01.png") no-repeat;
}
.sub_visual.sub_visual02 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual02.png") no-repeat;
}
.sub_visual.sub_visual03 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual03.png") no-repeat;
}
.sub_visual.sub_visual04 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual04.png") no-repeat;
}
.sub_visual.sub_visual05 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual05.png") no-repeat;
}
.sub_visual.sub_visual06 .sub_visualIn:before {
  background: url("../../../images/template9/resp/default/bg/sub_visual06.png") no-repeat;
}
.customer_area {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -270px;
  display: table;
  height: 100%;
  z-index: 3;
}
.customer_areaIn {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.customer_areaBox {
  box-shadow: 1px 1px 12px 7px rgba(0, 0, 0, 0.2);
}
.customer_areaBox .infoBox {
  padding: 15px 20px;
  min-width: 210px;
  background: url("../../../images/template9/resp/default/bg/bg_infoBox.png");
}
.customer_areaBox .infoBox .tit {
  display: inline-block;
  margin: 5px 0 0;
  color: #222;
  font-size: 20px;
  font-weight: bold
}
.customer_areaBox .infoBox .btn_link {
  float: right;
  display: inline-block;
  width: 120px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  font-size: 14px;
  color: #666;
}
.customer_areaBox .infoBox .btn_link .icon_arrow {
  display: inline-block;
  width: 6px;
  height: 11px;
  margin: 0 0 0 4px;
  background: url(../../../images/template9/resp/default/icon/icon_infoBox_arrow.png) no-repeat;
}
.customer_areaBox .infoBox .num {
  color: #026c8a;
  font-size: 32px;
  font-weight: bold;
  margin: 11px 0 0;
}
.customer_areaBox .infoBox .num+.num {
  margin: 5px 0 0;
}
.customer_areaBox .infoBox .mail {
  color: #026c8a;
  font-size: 15px;
  margin: 5px 0 0;
}
.timeBox {
  font-size: 12px;
  color: #666;
  height: 40px;
  line-height: 40px;
  background-color: #eaeef1;
  text-align: center
}
.timeBox ul {
  display: inline-block
}
.timeBox ul>li {
  position: relative;
  float: left;
  padding: 0 0 0 6px
}
.timeBox ul>li:first-child {
  padding: 0 6px 0 0
}
.timeBox ul>li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 10px;
  margin: -5px 0 0;
  background-color: #d7d7d7;
}
.timeBox ul>li:first-child:before {
  display: none
}
.sub_navBox {
  width: 330px;
  float: left;
}
.nav_tit {
  font-size: 36px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 40px;
  color: #000;
}
.sub_navBoxIn {
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  padding: 20px;
}
.sub_nav {}
.sub_nav>li:not(:last-of-type) {
  margin-bottom: 5px;
}
.sub_nav>li>a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: 29px;
  line-height: 49px;
  border-radius: 5px;
  background-color: #e6e7eb;
  font-size: 20px;
}
.sub_nav>li>a:hover, .sub_nav>li.active a {
  background-color: var(--skin03);
  color: #fff;
}
.sub_nav .threeDepth {
  display: none !important;
}
.sub_contentLayout {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 160px;
  /* overflow: hidden; */
}
/* EOD : sub_Layout */
/* text */
h1, h2, h3, h4, h5 {
  color: #000;
}
h1 {
  font-size: 46px;
  font-weight: 400
}
h2 {
  font-size: 40px;
  font-weight: 400
}
h3 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 40px
}
h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 60px 0 20px
}
h5 {
  font-size: 20px;
  font-weight: 400;
  margin: 40px 0 20px
}
h6 {
  font-size: 18px;
  font-weight: 400
}
h3 span {
  display: inline-block;
  vertical-align: middle
}
h3 .icon_q {
  display: none
}
h3+h4 {
  margin: 40px 0 20px
}
h4+h5 {
  margin: 0 0 20px
}
.txt_default {
  margin: 0;
  line-height: 26px;
  font-size: 18px;
}
small.txt_default {
  font-size: 14px
}
.txt_bullet {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0 0 0 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #000
}
.txt_bullet:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: var(--skin01);
  border-radius: 50%;
}
.tr_point {
  display: inline-block;
  border: 1px solid var(--skin01);
  border-radius: 100px;
  padding: 6px 20px;
  color: var(--skin01);
}
.txt_bullet.type02 {
  margin: 30px 0 0
}
.txt_list {
  margin: 20px 0 0;
}
.txt_list li {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 15px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
.txt_list li:first-child {
  margin: 0
}
.txt_list li>.txt {
  position: absolute;
  top: 0;
  left: 0;
}
.txt_list02 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}
.txt_num {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 18px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.txt_num>.num {
  position: absolute;
  top: 0;
  left: 0;
}
.txt_circle_num {
  position: relative;
  margin: 0 0 0 10px;
  padding: 0 0 0 22px;
  line-height: 26px;
  font-size: 18px;
}
.txt_circle_num>a {
  color: #4b65e0
}
.txt_circle_num span {
  position: absolute;
  top: 1px;
  left: 0px;
}
.txt_alert {
  margin: 10px 0 0 0;
  line-height: 1.2;
  font-size: 16px;
}
.txt_alert:before {
  content: "!";
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 18px;
  border: 2px solid var(--skin01);
  color: var(--skin01);
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  font-weight: 700;
}
.txt_alert strong {
  display: block
}
.txt_hyphen {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 26px;
  font-size: 18px;
}
.txt_hyphen:before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0;
}
.txt_asterisk {
  position: relative;
  margin: 0 0 0 10px;
  padding: 0 0 0 15px;
  line-height: 26px;
  font-size: 18px;
}
.txt_asterisk:before {
  content: '*';
  position: absolute;
  top: 0;
  left: 0;
}
.txt_indent {
  margin-left: 20px
}
.asterisk {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 0
}
.asterisk:after {
  content: "*";
  color: #026c8a;
  position: absolute;
  bottom: 0;
}
.txt_in {
  margin-left: 18px;
}
.txt_black {
  color: #222
}
.txt_gray {
  color: #666
}
.txt_green {
  color: var(--skin01);
}
.txt_blue01 {
  color: var(--skin01) !important;
}
.txt_point {
  color: var(--skin01);
}
/* EOD : text */
/* label */
.label_m_gray {
  display: inline-block;
  border: 1px solid #555;
  background-color: #555;
  font-size: 16px;
  color: white;
  padding: 4px;
  line-height: 1;
}
.label_m_white {
  display: inline-block;
  border: 1px solid #555;
  background-color: white;
  font-size: 16px;
  color: #666;
  padding: 4px;
  line-height: 1;
}
.label_s_blue {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 50px;
  color: #0066cc;
  border: 1px solid #0066cc;
}
.label_s_white {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 50px;
  color: #666;
  border: 1px solid #666;
}
.label_c_white {
  display: inline-block;
  font-size: 14px;
  background-color: white;
  color: #666;
  border: 1px solid #d7d7d7;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 50%;
}
.label_c_blue {
  display: inline-block;
  font-size: 14px;
  background-color: #fff;
  color: var(--skin01);
  border: 1px solid var(--skin01);
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 50%;
}
.label_c_grey {
  display: inline-block;
  font-size: 14px;
  background-color: #666;
  color: #fff;
  border: 1px solid #666;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 50%;
}
/* EOD : label */
/* icon */
.icon_file {
  display: inline-block;
  width: 33px;
  height: 33px;
  background: url("../img/download.png") no-repeat center/50%, var(--skin01);
  border-radius: 33px;
}
.icon_q {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 0 0 10px;
  background: url("../../../images/template9/resp/blue/icon/icon_q.png") no-repeat;
  background-size: cover;
  transition: 0.3s all ease
}
.icon_q:hover {
  background: url("../../../images/template9/resp/blue/icon/icon_q_hover.png") no-repeat;
  background-size: cover;
}
.icon_search {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background: url("../img/sch_ico.png") no-repeat;
}
.icon_search02 {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background: url("../img/sch_ico.png") no-repeat;
}
.icon_new {
  display: inline-block;
  min-width: 20px;
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  background: url(../img/user/new.png) no-repeat center/100%;
}
.icon_lock {
  display: inline-block;
  min-width: 20px;
  width: 25px;
  height: 25px;
  margin: 0 0 0 5px;
  background: url(../img/user/lock.png) no-repeat center/100%;
}
.icon_arrow_down {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 7px;
  margin: 0 0 0 5px;
  background: url('../../../images/template9/resp/default/icon/icon_arrow.png') no-repeat;
}
.icon_reset {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 21px;
  background: url('../img/class/reset.png') no-repeat;
}
.icon_blueHeart {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 7px 0 0;
  background: url("../img/on_heart.png") no-repeat center/100%;
}
.icon_plus {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/add_more.png)no-repeat center/100%;
  transition: 0.2s all ease
}
.icon_plus:hover {
  transform: rotate(360deg);
}
.icon_pop-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/user/pop_close.png)no-repeat center;
}
button .icon_heart {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url(../img/off_heart.png)no-repeat center;
}
button.active .icon_heart {
  background: url(../img/on_heart.png)no-repeat center;
}
/* EOD : icon */
/* button */
.btnBox {
  display: flex;
  margin: 20px 0;
}
.btnBox .rightBox {
  margin-left: auto;
}
.btn_sr_white {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  line-height: 38px;
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 20px;
  margin: 5px 10px 5px 0;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #666;
  transition: 0.3s all ease;
}
.btn_sr_white:hover {
  background: #f5f7f9;
}
.btn_sr_blue {
  display: inline-block;
  min-width: 38px;
  background: var(--skin01);
  border-radius: 100px;
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  color: white;
  transition: 0.3s all ease;
}
.btn_sr_blue:hover {
  background: var(--skin02);
  border: 1px solid var(--skin02);
}
.btn_sr_grey {
  display: inline-block;
  min-width: 38px;
  background: #999999;
  border: 1px solid #d7d7d7;
  border-radius: 20px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 100px;
  font-size: 18px;
  color: #fff;
  transition: 0.3s all ease;
}
.btn_i_prev {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 40px;
  border: 1px solid #f1f1f1;
  background: #fff;
  transition: 0.199s ease;
  transform: perspective(500px) rotate(.001deg);
}
.btn_i_prev:hover {
  border: 1px solid #cecece;
  box-shadow: 0 0 5px -1px #bbb;
}
.btn_i_prev:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -5px;
  width: 9px;
  height: 16px;
  background: url('../../../images/template9/resp/default/icon/icon_prev_btn.png') no-repeat;
}
.btn_i_next {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 40px;
  border: 1px solid #f1f1f1;
  background: #fff;
  transition: 0.199s ease;
  transform: perspective(500px) rotate(.001deg);
}
.btn_i_next:hover {
  border: 1px solid #cecece;
  box-shadow: 0 0 5px -1px #bbb;
}
.btn_i_next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -3px;
  width: 9px;
  height: 16px;
  background: url('../../../images/template9/resp/default/icon/icon_next_btn.png') no-repeat;
}
.btn_xs_black {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  background: white;
  border: 1px solid #555;
  margin: 0 0 0 5px !important;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_xs_black:hover {
  background: #e9f8fa
}
.btn_s_blue {
  display: inline-block;
  min-width: 38px;
  background: var(--skin01);
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: white;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_s_blue:hover {
  background: var(--skin02)
}
.btn_s_black {
  display: inline-block;
  background: white;
  border: 1px solid #d2d2d2;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_s_black:hover {
  background: var(--skin-bg)
}
.btn_s_white {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  line-height: 38px;
  background: white;
  border: 1px solid #d7d7d7;
  margin: 5px 5px 5px 0;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #222;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_s_white:hover {
  background: #f5f7f9;
}
.btn_s_disabled {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  line-height: 38px;
  background: #d7d7d7;
  border: 1px solid #d7d7d7;
  margin: 5px 5px 5px 0;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #666;
  cursor: default;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_m_blue {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: var(--skin01);
  border: 1px solid var(--skin01);
  padding: 0 40px;
  text-align: center;
  font-size: 18px;
  color: white;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_m_blue:hover {
  background: var(--skin02)
}
.btn_mr_blue {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: var(--skin01);
  border: 1px solid var(--skin01);
  padding: 0 40px;
  text-align: center;
  font-size: 18px;
  color: white;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 30px;
}
.btn_m_blue_gra {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: var(--skin01);
  margin-right: 5px;
  padding: 0 41px;
  text-align: center;
  font-size: 18px;
  color: white;
  border-radius: 30px;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_m_blue_gra:hover {
  background: var(--skin02);
}
.btn_m_black {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  border-radius: 30px;
  background: #686868;
  padding: 0 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_m_white {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: white;
  border: 1px solid #d7d7d7;
  padding: 0 40px;
  text-align: center;
  font-size: 16px;
  color: #222;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_m_white:hover {
  background: #f5f7f9;
}
.btn_s_grey {
  display: inline-block;
  min-width: 38px;
  background: #999;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  transition: 0.3s all ease;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_m_disabled {
  display: inline-block;
  min-width: 38px;
  height: 48px;
  line-height: 48px;
  background: #ccc;
  margin: 5px 10px 5px 0;
  padding: 0 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  cursor: default;
  transition: 0.3s all ease;
  word-break: keep-all
}
.btn_s_grey02 {
  display: inline-block;
  min-width: 38px;
  background: #e5e5e5;
  text-align: center;
  font-size: 16px;
  color: #000;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_s_grey03 {
  display: inline-block;
  min-width: 38px;
  background: #363c4b;
  text-align: center;
  font-size: 16px;
  color: #fff;
  word-break: keep-all;
  border-radius: 5px;
}
.btn_all {
  min-width: 90px
}
.btn_arrow {
  min-width: 90px;
  white-space: nowrap;
  padding: 0 6px
}
/* EOD : button */
/* inputBox */
input[type=text], input[type=number] {
  width: 100%;
  height: 44px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px;
  color: #222;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
input::placeholder {
  color: #222
}
input[readonly="readonly"] {
  color: #666;
  background-color: #d7d7d7;
  border: 1px solid #d7d7d7;
}
input[readonly="readonly"]::placeholder {
  color: #666
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::placeholder {
  color: #c8c8c8;
  opacity: 1;
}
input::-webkit-input-placeholder {
  color: #c8c8c8;
}
input:-ms-input-placeholder {
  color: #c8c8c8;
}
input:-mos-input-placeholder {
  color: #c8c8c8;
}
textarea::-webkit-input-placeholder {
  color: #c8c8c8;
}
textarea:-ms-input-placeholder {
  color: #c8c8c8;
}
textarea:-mos-input-placeholder {
  color: #c8c8c8;
}
.inputBox.auto {
  width: auto
}
.inputBox.Full {
  flex: 1
}
.inputBox.Full input {
  width: 100%;
  padding: 0 10px;
}
.input_area {
  display: table;
  width: 300px;
}
.input_area.num {
  width: 460px
}
.input_area.mail {
  width: 445px
}
.input_area.Full {
  width: 100%
}
.input_area.Full .inputBoxIn {
  margin: 0 30px 0 0
}
.input_area>div {
  display: table-cell;
  vertical-align: middle;
}
.input_area .inputBox {
  width: 140px
}
.input_area .selectBox {
  width: 100%;
  padding: 0 26px 0 0
}
.input_area .inputBoxIn {
  margin: 0 24px 0 0
}
.input_area .inputBoxIn input {
  width: 100%
}
.input_area .hyphen {
  text-align: center;
  padding: 0 5px;
  text-align: center
}
.input_area .at {
  text-align: center;
  font-size: 14px
}
.input_area.mail .selectBox {
  margin: 0 0 0 5px
}
.input_area.address {
  margin: 0 0 10px
}
.input_area.address .buttonBox {
  padding: 0 0 0 7px
}
.input_area.address .buttonBox button {
  margin: 0
}
/* EOD : inputBox */
/* selectbox */
select {
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 0 30px 0 10px;
  height: 100%;
  vertical-align: middle;
  border-radius: 5px;
}
.selectBox {
  display: inline-block;
  position: relative;
}
.selectBox select {
  width: 100%;
  margin: 0;
  opacity: 0;
  height: 44px;
}
.selectBox label {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 44px;
  line-height: 42px;
  color: #666666;
  border: 1px solid #d2d2d2;
  background: url("../../../images/template9/resp/default/icon/icon_select_arrow.png") no-repeat calc(100% - 10px) center, #fff;
  font-size: 16px;
  color: #333;
  border-radius: 5px;
}
.noLabel label {
  display: none;
}
.selectBox label span {
  display: block;
  margin: 0 30px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.selectBox.Full {
  display: block;
  width: 100%
}
.selectBox.Full select {
  width: 100%;
  padding: 0 10px;
}
/* EOD : selectbox */
/* textara */
textarea {
  width: 100%;
  height: 88px;
  padding: 10px;
  font-size: 16px;
  color: #222;
  border: 1px solid #d2d2d2;
  resize: none
}
/* EOD : textara */
/* checkBox & Radio */
/* checkbox */
.checkList {
  /* overflow: hidden; */
}
.checkList li {
  position: relative;
}
.checkList.vertical li {
  margin: 10px 0 0
}
.checkList.vertical li:first-child {
  margin: 0
}
input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin-top: -2px;
  /*20240424*/
  margin-top: 0px;
  margin-right: 5px;
  /*20240424*/
}
input[type="checkbox"]:checked {
  border: 1px solid var(--skin01);
  background-image: url('../img/check.png');
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--skin01);
}
input[type="checkbox"]+label .txt {
  margin: 0;
  display: inline;
}
.checkList.button {
  display: flex;
  flex-wrap: wrap;
}
.checkList.button input[type="checkbox"] {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  visibility: hidden;
}
.checkList.button input[type="checkbox"]+label {
  min-width: 38px;
  height: 34px;
  line-height: 32px;
  border-radius: 20px;
  font-weight: 400;
  margin: 0 5px 0 0;
  padding: 4px 20px;
  background-color: white;
  word-break: keep-all;
  color: #999;
  border: 1px solid #ccc;
  text-align: center;
  transition: 0.3s all ease;
  cursor: pointer;
}
.checkList.button input[type="checkbox"]:checked+label {
  background: var(--skin01);
  border: 1px solid var(--skin01);
  color: white
}
.checkList.button input[type="checkbox"]+label:before,
.checkList.button input[type="checkbox"]:checked+label:before,
.checkList.button input[type="checkbox"][disabled]+label:before {
  background: none;
  width: 100%;
  height: 34px
}
/* EOD : checkbox */
/* radio */
.radioList {
  border-top: 0;
  padding: 20px;
  display: flex;
}
.radioList.vertical {
  flex-direction: column;
}
.radioList li {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.radioList.vertical li {
  margin: 10px 0 0;
  /*20240424*/
 align-items: flex-start;
  /*20240424*/
}
.radioList.vertical li:first-child {
  margin: 0;
}
input[type="radio"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: relative;
  margin: 0;
  /*20240424*/
  min-width: 20px;
  /*20240424*/
}
input[type="radio"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ccc;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
input[type="radio"]:checked::after {
  background: var(--skin01);
}
input[type="radio"]+label {
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  word-break: keep-all;
  padding-left: 10px;
}
/*20240424*/
input[type="radio"]+label p {display: inline;}
/*20240424*/
input[type="radio"]:checked+label:before,
input[type="radio"][disabled]:checked+label:before {
  background: url('../../../images/template9/resp/default/button/common_radio.png') no-repeat -30px center;
}
input[type="radio"][disabled]+label:before {
  background: url('../../../images/template9/resp/default/button/common_radio.png') no-repeat -60px center;
}
input[type="radio"]+label .txt {
  margin: 0
}
.radioList.button input[type="radio"]+label {
  border: 1px solid #ccc;
  color: #999;
  padding: 8px 20px;
  border-radius: 100px;
}
.radioList.button input[type="radio"]:checked+label {
  background: var(--skin01);
  border: 1px solid var(--skin01);
  color: white
}
.radioList.button>li {
  position: relative;
  margin-right: 5px;
}
.radioList.button input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  visibility: hidden;
}
.radioList.button input[type="radio"]::after {
  display: none;
}
/* EOD : radio */
/* EOD : checkBox & Radio */
/* tab */
.tabBox {
  display: none
}
.tabBox.active {
  display: block;
  margin-top: 40px;
}
.tabBox .boardTop_area .selectBox {
  width: 150px;
  margin-right: 5px;
}
.tabBox .boardTop_area .label {
  vertical-align: middle;
  margin: 0 18px 0 0
}
.tab {
  display: flex;
}
.tab>li {
  flex: 1;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-bottom: 1px solid var(--skin01);
  background: #f5f5f5;
  font-size: 18px;
  color: #999;
  line-height: 50px;
}
.tab>li.active {
  border: 1px solid var(--skin01);
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #333;
}
.tab>li>a {
  display: block;
  height: 100%;
}
.tab_arrowBox {
  margin-top: 50px;
}
.tab_arrow {
  width: 100%;
  overflow: hidden;
  display: flex;
}
.tab_arrow>li {
  flex: 1;
  text-align: center;
  border: 1px solid #dcdcdc;
  border-bottom: 1px solid var(--skin01);
  background: #f5f5f5;
  font-size: 18px;
  color: #999;
}
.tab_arrow>li.active {
  background-color: white;
  border: 1px solid var(--skin01);
  border-bottom: 1px solid #fff;
  color: #333;
}
.tab_arrow>li a {
  display: block;
  line-height: 50px;
}
.tab_arrow>li .cnt {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  margin-left: 12px;
  padding: 0 8px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  background:var(--skin01);
  line-height: 23px;
  text-align: center;
  vertical-align: 2px;
}
/* EOD : tab */
.sub_tit {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
/* paging */
.pagination {
  margin: 25px 0 0;
  text-align: center;
}
.pagination a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #7d7d7d;
  background: #dcdcdc;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s ease;
}
.pagination a.active {
  background: var(--skin03);
  color: #fff;
}
.pagination .d_prev, .pagination .prev, .pagination .d_next, .pagination .next {
  border: 1px solid #bfbfbf;
  transition: 0.3s all ease;
  text-indent: 100px;
}
.pagination .d_prev {
  background: url("../img/first_arrow.png") no-repeat center;
}
.pagination .d_prev:hover, .pagination .prev:hover, .pagination .d_next:hover, .pagination .next:hover {
  box-shadow: 0 0 5px 1px #bbb;
}
.pagination .prev {
  background: url("../img/prev_arrow.png") no-repeat center;
}
.pagination .d_next {
  background: url("../img/last_arrow.png") no-repeat center;
}
.pagination .next {
  background: url("../img/next_arrow.png") no-repeat center;
}
/* EOD : paging */
/* moreBox */
.moreBox {
  position: relative;
  margin: 25px 0 0;
  height: 70px;
  text-align: center;
}
.moreBox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
  z-index: -1;
}
.moreBox .more_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 1;
  padding: 0;
  border: 1px solid #d7d7d7;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s all ease;
  overflow: hidden;
}
.moreBox .more_btn .icon_more {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../../../images/template9/resp/default/icon/icon_more_plus.png") no-repeat;
}
.moreBox .more_btn:hover {
  width: 68px;
  height: 68px;
  margin: -35px 0 0 -35px;
  background-color: var(--skin01);
  border: 1px solid var(--skin01);
  color: white;
}
.moreBox .more_btn:hover .icon_more {
  display: none
}
.moreBox .more_btn:hover .blind {
  width: 100%;
  height: 100%;
  line-height: 70px;
  font-size: 16px;
  color: white;
  top: 0;
  left: 0;
  z-index: 1;
  clip: auto;
}
.count_moreBox {
  position: relative;
  margin: 20px 0;
  height: 50px;
  text-align: center;
  z-index: 1;
}
.count_moreBox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
  z-index: -1;
}
.count_moreBox .numBox {
  margin: 0 0 8px;
  letter-spacing: -0.05em;
  font-size: 13px
}
.count_moreBox .numBox .now_num {
  color: #026c8a;
  font-weight: 500
}
.count_moreBox .more_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 1;
  padding: 0;
  border: 1px solid #d7d7d7;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s all ease;
  overflow: hidden;
}
.count_moreBox .more_btn .icon_arrow {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -8px;
  bottom: 8px;
  display: inline-block;
  width: 16px;
  height: 9px;
  background: url("../../../images/template9/resp/default/icon/icon_faq_arrow.png") no-repeat;
}
/* EOD : moreBox */
/* viewBox */
.viewBox {
  border: 1px solid #bfbfbf;
  margin-top: 40px;
  border-top: 2px solid #000;
}
.viewBox .info_area .tit {
  font-size: 22px;
  color: #000;
  line-height: 32px;
  font-weight: 500;
  padding: 15px 30px;
  border-bottom: 1px solid #000;
  background-color: #f5f7f9;
  text-align: center;
}
.viewBox .info_area .info {
  display: flex;
  padding: 15px 30px;
  border-bottom: 1px solid #bfbfbf;
}
.viewBox .info_area .info>li {
  color: #666;
  margin-right: 30px;
}
.viewBox .info_area .info>li strong {
  font-weight: 400;
  color: #000;
}
.viewBox .file_area {
  padding: 10px 30px;
  background: #f5f5f5;
}
.viewBox .file_area ul {
  display: flex;
  flex-wrap: wrap;
}
.viewBox .file_area ul li {
  margin-right: 10px;
}
.viewBox .file_area ul li a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 6px 6px 6px 20px;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #d2d2d2;
}
.viewBox .file_area ul li i.icon_file {
  width: 25px;
  height: 25px;
}
.viewBox .file_area ul li a span {
  margin-right: 20px;
}
.viewBox .file_area .no_data {
  font-size: 16px;
  color: #666
}
.viewBox .content_area {
  background-color: white;
  padding: 30px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  word-break: break-all;
}
.viewBox .content_area p {
  margin: 5px 0;
  word-break: break-all;
}
.viewBox .content_area img {
  max-width: 100%
}
.DEXT_fiVe_EdiTor .ue_editor_blue_lr {
  border: none !important;
}
.viewBox .info_area .tit {
  word-break: break-all;
}
.viewBox .no_dataBox {
  border-top: 1px solid #555;
  padding: 30px;
  background-color: #f5f7f9;
  font-size: 24px;
  font-weight: 500;
  color: #222;
}
/* EOD :  viewBox */
/* img_area */
.img_area img {
  max-width: 100%
}
/* EOD : img_area */
/* table */
.tableScroll {
  overflow-y: hidden;
  overflow-x: auto;
}
.table_normal {
  width: 100%;
  margin: 10px 0 0;
  border-top: 2px solid #000;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1.3;
  color: #333;
}
.table_normal thead tr th {
  padding: 20px 10px;
  background-color: #f0f1f6;
  border-bottom: 1px solid #000;
  color: #333;
  font-weight: 500;
  font-size: 18px;
}
.table_normal tbody tr td {
  background-color: white;
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
  padding: 0 15px;
  height: 60px;
}
.table_normal tbody tr:hover td {
  background: #f5f7f9;
}
.table_normal tbody tr.notice td {
  background-color: var(--skin-bg);
}
.table_normal tbody tr.notice td:first-child {
  color: var(--skin01);
}
.table_normal tbody tr td button {
  margin: 4px 0;
  width: 100%;
}
.table_normal tbody tr td .iconBox {
  position: relative;
  font-size: 0;
  display: block;
}
.table_normal tbody tr td .linkBox {
  display: table;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
.table_normal tbody tr td .linkBox>a {
  word-break: break-all;
  cursor: pointer;
}
.table_normal tbody tr td .linkBox>a:hover {
  text-decoration: underline;
  color: var(--skin01);
}
.table_normal tbody tr td .linkBox>a:hover .txt {
  color: var(--skin01)
}
.table_normal tbody tr td .linkBox>a>.ellipsis {
  display: inline-block;
  max-width: calc(100% - 70px);
}
.table_normal tbody tr td .linkBox.arrow>a .txt {
  color: var(--skin01);
  vertical-align: middle
}
.table_normal tbody tr td .linkBox.arrow>a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 11px;
  word-break: keep-all;
  background: url("../../../images/template9/resp/blue/icon/icon_board_link_arrow.png") no-repeat;
}
.table_normal tbody tr td .mobBox {
  display: none
}
.table_normal tbody tr td.no_dataBox {
  background: url(../img/service/no_list.png) no-repeat center 80px #f5f5f5;
  padding: 160px 0 80px 0;
  font-size: 40px;
  color: #ccc;
}
.table_normal tbody tr td.no_dataBox .txt {
  color: #ccc;
}
.table_normal tbody tr td .txt {
  color: #000;
  line-height: 1.2;
  display: inline-block;
  max-width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.table_normal tbody tr td .txt_default {
  margin: 0;
}
.table_normal tbody tr td .num {
  font-size: 20px;
}
.table_detail tbody tr.active .icon_arrow_down {
  transform: rotate(180deg)
}
.table_detail tbody tr.detail {
  display: none
}
.table_hori {
  width: 100%;
  border-spacing: 0;
  border: 1px solid #d7d7d7;
  border-top: 2px solid #000;
}
.table_hori thead tr th {
  padding: 15px 30px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  font-size: 16px;
  color: #222;
  text-align: left;
  line-height: 26px;
  font-weight: 400;
  background-color: #f5f5f5;
}
.table_hori tbody tr th {
  padding: 15px 30px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  font-size: 16px;
  color: #222;
  text-align: left;
  line-height: 26px;
  font-weight: 400;
  background-color: #f5f7f9;
}
.table_hori tbody tr td {
  padding: 10px 30px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background-color: #fff;
  line-height: 26px;
}
.table_hori tbody tr:first-child th,
.table_hori tbody tr:first-child td {
  border-top: 0;
}
.table_hori tbody tr td:first-child {
  border-left: 0
}
.table_hori tfoot tr th {
  padding: 15px 30px;
  border: 1px solid #d7d7d7;
  border-right: 0;
  border-bottom: 0;
  font-size: 16px;
  color: #222;
  text-align: left;
  line-height: 26px;
  font-weight: 400;
  background-color: #f5f7f9;
}
.table_hori tfoot tr td {
  padding: 10px 30px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background-color: #fff;
  line-height: 26px;
}
.table_hori tbody .fileBox {
  position: relative;
  overflow: hidden
}
.table_hori thead tr th:first-childx,
.table_hori tbody tr th:first-child,
.table_hori tfoot tr th:first-child {
  border-left: 0
}
.table_hori tbody .fileBox .inputBox {
  display: block;
  margin: 0 132px 0 0
}
.table_hori tbody .fileBox .inputBox input {
  width: 100%
}
.table_hori tbody .fileBox .btn_s_blue {
  margin: 5px 11px 5px 0;
  float: left
}
.table_hori tbody .fileBox .fileList {
  float: left;
}
.table_hori tbody .fileBox .fileList>li {
  float: left;
  margin: 5px 5px 5px 0
}
.table_hori tbody .fileBox .fileList .file {
  position: relative;
  background-color: white;
  border: 1px solid #555;
  padding: 6px 30px 6px 10px
}
.table_hori tbody .fileBox .fileList .file_del {
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: -5px 0 0;
  background: url(../../../images/template9/resp/default/icon/icon_close_black.png) no-repeat;
}
.table_hori tbody .lockBox .checkList {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  overflow: visible;
}
.table_hori tbody .lockBox .checkList li {
  margin: 0 30px 0 0
}
.table_hori tbody .lockBox input[type="text"] {
  width: 144px
}
.table_hori tbody .lockBox input[type="text"]::placeholder {
  color: #222
}
.table_hori.write tbody tr td {
  line-height: normal
}
.table_hori tbody tr td>.selectBox {
  min-width: 140px
}
.table_hori textarea {
  height: 258px
}
.table_veti {
  width: 100%;
  margin: 20px 0 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #000;
}
.table_veti td, .table_veti th {
  border: 1px solid #bfbfbf;
}
.table_veti thead th {
  padding: 16px 15px;
  border-bottom: 1px solid #000;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  line-height: 20px;
  background-color: #f0f1f6;
}
.table_veti thead td {
  padding: 15px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  line-height: 20px;
  background-color: #f0f1f6;
  border-bottom: none;
}
.table_veti tbody th {
  padding: 20px 15px;
  border-top: 1px solid #e7e7e7;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 26px;
  background-color: #f9f9f9;
}
.table_veti tbody td {
  padding: 15px;
  font-size: 16px;
  color: #222;
  line-height: 26px;
  background-color: #fff;
}
.table_veti tbody tr:first-child td, .table_veti tbody tr:first-child th {
  border-top: 1px solid #000
}
.table_veti thead tr th.bl,
.table_veti tbody tr td.bl {
  border-left: 1px solid #bbb
}
.table_veti tbody tr td.bl2 {
  border-left: 1px solid #e7e7e7
}
.windowPopBox h4, .windowPopBox .tit_area .tit {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 2;
}
.windowPopBox .table_hori tbody tr th {
  padding: 15px 20px
}
.windowPopBox .table_hori tbody tr td {
  padding: 10px 20px
}
/* EOD : table */
/* search */
.searchBox {
  margin-bottom: 40px;
  display: flex;
  padding: 0 9%;
}
.searchBox .listBox .bootstrap-select .selectpicker+.dropdown-toggle, .searchBox .textBox .textBoxIn {
  font-size: 24px;
  border: 2px solid var(--skin01);
  border-radius: 5px;
  line-height: 56px;
  height: 60px;
}
.searchBox .listBox {
  flex: 3;
  margin-right: 5px;
}
.searchBox .selectList {
  flex: 3;
}
.searchBox .selectBox {
  width: 100%;
  height: 60px
}
.searchBox .bootstrap-select .selectpicker+.dropdown-toggle::after {
  background: url(../img/sch_select_arrow.png)no-repeat center, #fff;
  width: 28px;
  height: 13px;
}
.searchBox .selectBox select {
  border: 0;
  height: 100%;
}
.searchBox .textBox {
  flex: 7;
}
.searchBox .textBoxIn {
  display: flex;
  height: 100%;
  font-size: 0;
}
.searchBox .textBoxIn .inputBox {
  flex: 1;
  font-size: 0;
}
.searchBox .textBoxIn .inputBox input {
  width: 100%;
  height: 100%;
  padding: 0 0 0 20px;
  border: none;
  font-size: 24px;
}
.searchBox .textBoxIn .inputBox input::placeholder {
  color: #999
}
.searchBox .textBoxIn button {
  width: 60px;
  background: var(--skin01)
}
.searchBox.none {
  position: relative;
  margin: 40px 0;
  padding: 0 21.25%;
}
.searchBox.none .textBox {
  position: relative;
  margin: 0
}
.searchBox.type02 .selectList {
  display: flex;
  flex: 4;
}
.searchBox.type02 .selectList>li {
  flex: 1;
}
.searchBox.type02 .textBoxIn .inputBox {
  display: block;
}
/* EOD : search */
/* thumbnail */
.list_Process {
  border-top: 1px solid #555;
  border-bottom: 1px solid #d7d7d7;
}
.list_Process>ul {
  overflow: hidden
}
.list_Process>ul>li {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #d7d7d7
}
.list_Process>ul>li:first-child {
  border-top: 0
}
.list_Process a {
  display: block
}
.list_Process a .cropBox {
  transition: 0.4s all ease;
  background-size: contain !important;
}
.list_Process a:hover .cropBox {
  transform: scale(1.15)
}
.list_Process .imgBox {
  position: absolute;
  top: 10px;
  left: 0;
  width: 118px;
  height: 63px;
  overflow: hidden;
  border: 1px solid #d7d7d7
}
.list_Process .txtBox {
  margin: 0 0 0 130px;
  min-height: 65px;
}
.list_Process .txtBox .label {
  font-size: 14px;
  color: #026c8a;
  margin: 0
}
.list_Process .txtBox .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  font-size: 16px;
  color: #222;
  margin: 0;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.list_Process .info {
  margin: 5px 0 0
}
.list_Process .info>ul {
  overflow: hidden;
}
.list_Process .info>ul>li {
  position: relative;
  float: left;
  font-size: 14px;
  color: #666;
  margin: 3px 0;
  padding: 0 17px 0 0;
}
.list_Process .info>ul>li strong {
  margin: 0 10px 0 0
}
.list_Process .info>ul>li:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 100%;
  background-color: #d7d7d7;
}
.list_Book {
  margin: 20px 0 0;
}
.list_Book>ul {
  overflow: hidden
}
.list_Book>ul li {
  position: relative;
  margin: 40px 0 0;
  min-height: 180px;
}
.list_Book>ul li:first-child {
  margin: 0
}
.list_Book .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 178px;
  overflow: hidden;
  border: 1px solid #d7d7d7
}
.list_Book .txtBox {
  margin: 0 0 0 160px;
}
.list_Book .txtBox .tit {
  font-size: 20px;
  color: #026c8a;
  font-weight: 500;
  margin: 0;
  line-height: 1.2;
}
/* EOD : thumbnail */
/* boardTop_area */
.boardTop_area .btnBox .rightBox {
  display: flex;
  justify-content: end;
  align-items: center;
}
.boardTop_area .btnBox.centerBox {
  justify-content: center;
  align-items: center;
}
.boardTop_area button {
  align-self: stretch;
}
/* EOD : boardTop_area */
/* C-lineBox */
.c-lineBox {
  background: var(--skin-bg2);
  border-radius: 10px;
  padding: 10px;
}
.c-lineBox .c-lineBoxIn {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}
/* EOD C-lineBox */
/* popup */
.popup_wrap {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup_wrap>form {
  height: 100%
}
.popup_wrap .popup_Box {
  z-index: 95;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 2px solid var(--skin01);
  overflow: hidden;
  background-color: #fff;
}
#videoChatLayer .popup_Box {
	  top: 55% !important;
}
.popup_wrap .popupH {
  padding: 20px 55px 20px 30px;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  font-size: 22px;
  font-weight: bold;
}
.popup_wrap .popupH .popup_close {
  position: absolute;
  top: 20px;
  right: 30px;
}
.popup_wrap .popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../images/template9/resp/default/bg/bg_trans_70.png);
}
.popup_wrap .popupF {
  background: #fff;
  padding: 0 20px 20px 20px;
  text-align: center;
}
.popup_wrap .popupCBox {
  padding: 30px;
  background: #fff;
}
.popup_wrap .popupCBox .popupCBoxIn {
  position: relative;
}
.popup_wrap .popupCBox .popupCBoxIn.scroll-x {
  overflow-x: auto;
}
.popup_wrap .popupCBox .popupCBoxIn .popupCBoxInS {
  overflow-x: hidden;
  overflow-y: auto;
  line-height: normal
}
.windowPop {
  line-height: 1;
}
.windowPopH {
  position: relative;
  padding: 20px 55px 20px 30px;
  font-size: 20px;
  line-height: 1.2;
}
.windowPopH .windowPop_close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.windowPopH .windowPop_close img {
  display: block
}
.windowPopBox {
  margin: 0 30px;
  line-height: 1.4;
}
.windowPopBox .windowPopBoxIn {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.windowPop .windowPopBtn {
  margin-top: 30px;
  padding: 0 0 20px 0;
  text-align: center;
}
.windowPop .windowPopBtn button {
  margin: 0;
  line-height: 35px;
  height: 35px;
  border-radius: 20px;
}
/* EOD : popup */
/* Accordion */
.Accordion {
  margin: 20px 0 0;
}
.Accordion>.AccordionIn {
  border: 1px solid #d7d7d7;
}
.Accordion>.AccordionIn:first-child {
  border-top: 1px solid #d7d7d7;
}
.Accordion>.AccordionIn .titBox {
  padding: 10px;
  transition: 0.45s ease;
}
.Accordion>.AccordionIn .titBox>a {
  position: relative;
  display: block;
  padding: 9px 50px 9px 20px;
  font-size: 16px;
  font-weight: 400;
  transition: 0.45s ease;
  line-height: 1.3;
}
.Accordion>.AccordionIn .titBox>a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -5px 0 0 0;
  width: 16px;
  height: 9px;
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow.png) no-repeat;
}
.Accordion>.AccordionIn.active {
  border: 1px solid #555
}
.Accordion>.AccordionIn.active a:after {
  background: url(../../../images/template9/resp/default/icon/icon_faq_arrow_active.png) no-repeat;
}
.Accordion .contentsBox {
  display: none;
  position: relative;
  background: #f5f7f9;
  margin: 9px 0 0;
  padding: 25px 30px;
  font-weight: 400;
  font-size: 16px;
}
.Accordion .contentsBox p {
  margin: 0;
  line-height: 1.5
}
.Accordion .contentsBox pre {
  white-space: pre-wrap
}
/* EOD : Accordion */
/* chart */
.chartBox {
  position: relative;
  background: #fff;
  padding: 1px 0 12px 0;
  margin: 20px 0;
  border: 1px solid #a6a6a6;
  letter-spacing: -1px;
}
.chartBox .chart_tit {
  font-size: 18px;
  display: block;
  text-align: center;
  padding: 17px 0 0 0;
}
.chartBox .chart_legend {
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 3;
}
.chartBox .chart_legend ul {
  float: right;
  margin: 0 20px 0 0;
}
.chartBox .chart_legend ul li {
  float: left;
  margin: 0 0 0 20px;
}
.chartBox .chart_legend ul li:first-child {
  margin: 0;
}
.chartBox .chart_legend ul li span {
  vertical-align: middle;
  font-size: 14px;
}
.chartBox .chart_legend ul li span.imgBox {
  display: inline-block;
  margin: 0 3px 0 0;
  width: 20px;
  height: 20px;
}
.chartBox .chart_legend ul li span.imgBox.type01 {
  background: #f02e2e;
}
.chartBox .chart_legend ul li span.imgBox.type02 {
  background: #fa9218;
}
.chartBox .chart_legend ul li span.imgBox.type03 {
  background: #ffd200;
}
.chartBox .chart_legend ul li span.imgBox.type04 {
  background: #3fa522;
}
.chartBox .chart_legend ul li span.imgBox.type05 {
  background: #2176f5;
}
.chartBox .chart_legend ul li span.imgBox.type06 {
  background: #7640e4;
}
.chartBox .chart_legend ul li span.imgBox.type07 {
  background: #7640e4;
}
.chart {
  position: relative;
  height: 100%;
  display: none;
}
.chart .progress .graph01 .bar {
  background: #cccc66;
}
.chart .progress .graph02 .bar {
  background: #99cc99;
}
.chart .progress .graph03 .bar {
  background: #33cc99;
}
.chart .progress .graph04 .bar {
  background: #009999;
}
.chart .progress .graph05 .bar {
  background: #0099ff;
}
.chart .progress .graph06 .bar {
  background: #0066cc;
}
.chart .progress .graph07 .bar {
  background: #336699;
}
.chart.vertical {
  display: block;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.chart.vertical {
  height: 100%;
}
.chart.vertical .chartIn {
  position: relative;
  display: table;
  height: 100%;
}
.chart.vertical .mark {
  display: table-cell;
  padding: 0 10px 0 0;
  text-align: center;
  vertical-align: top;
  height: 100%;
}
.chart.vertical .mark li.last,
.chart.vertical .line li.last {
  height: 0 !important;
}
.chart.vertical .mark li span {
  top: -10px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 1;
  word-break: keep-all
}
.chart.vertical .lineBox {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
}
.chart.vertical .lineBoxIn {
  position: absolute;
  top: 0;
  left: 70px;
  right: 70px;
  width: auto;
  height: 100%
}
.chart.vertical .line {
  position: relative;
  height: 100%;
  border-top: 1px solid #e5e5e5;
  background: url(../img/big_logo.png) no-repeat center/46%, #f5f5f5;
}
.chart.vertical .line li {
  border-bottom: 1px solid #e5e5e5;
}
.chart.vertical .progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.chart.vertical .progress li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}
.chart.vertical .progress li .progressWrap {
  display: inline-block;
}
.chart.vertical .progress li .progressBox {
  position: absolute;
  left: 20px;
  bottom: 1px;
  overflow: hidden;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.chart.vertical .progress li .progressBox .data {
  width: 69px;
  height: 83px;
  line-height: 69px;
  background: url(../img/user/char01.png)no-repeat center/100%;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 4px;
}
.chart.vertical .progress li:nth-of-type(2) .progressBox .data {
  background-image: url(../img/user/char02.png);
}
.chart.vertical .progress li:nth-of-type(3) .progressBox .data {
  background-image: url(../img/user/char03.png);
}
.chart.vertical .progress li:nth-of-type(4) .progressBox .data {
  background-image: url(../img/user/char04.png);
}
.chart.vertical .progress li:nth-of-type(5) .progressBox .data {
  background-image: url(../img/user/char05.png);
}
.chart.vertical .progress li:nth-of-type(6) .progressBox .data {
  background-image: url(../img/user/char06.png);
}
.chart.vertical .progress li:nth-of-type(7) .progressBox .data {
  background-image: url(../img/user/char07.png);
}
.chart.vertical .progress li .progressBox .bar {
  position: relative;
  overflow: hidden;
  height: 0;
}
.chart.vertical .progress li .progressBox .txt {
  display: inline-block;
  text-indent: -1000px;
  position: absolute;
  overflow: hidden;
}
.chart.vertical .progress li .progressBox .bar .triangle {
  position: absolute;
  top: 0;
  right: 0;
  border: 5px solid red;
  border-left: 5px solid transparent;
  border-right: none;
}
.chart.vertical .progress li .gubun {
  display: table;
  width: 100%;
  height: 37px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  position: relative;
  top: 37px;
}
.chart.vertical .progress li .gubun span {
  display: table-cell;
  vertical-align: middle;
  height: 100%
}
/* EOD : Chart */
/* datepicker */
input.datepicker {
  background: white url(../img/date_ico_b.png) no-repeat 93% center;
  text-indent: 10px;
}
.ui-datepicker {
  display: none;
  background-color: white;
  width: 264px;
  padding: 10px;
  border: 1px solid var(--skin01);
  border-radius: 5px;
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 101 !important;
}
.ui-datepicker .ui-datepicker-header {
  color: #fff;
  position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 30px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: url(../img/date_arrow_l.png)no-repeat center, #eee;
  font-size: 0;
  top: 0;
}
.ui-datepicker .ui-datepicker-prev {
  right: 30px;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  background-image: url(../img/date_arrow_r.png);
}
.ui-datepicker-title .date_select {
  display: inline-block;
  position: relative;
  margin: 0 5px
}
.ui-datepicker-title .date_select select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.ui-datepicker-title .date_select label {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 40px;
  line-height: 36px;
  color: white;
  font-size: 18px;
  box-sizing: border-box
}
.ui-datepicker-title .date_select label span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-datepicker-title .date_select:after {
  content: "";
  position: absolute;
  top: 15px;
  right: -10px;
  display: inline-block;
  width: 13px;
  height: 8px;
  vertical-align: middle;
  background: url('../../../images/template9/resp/default/icon/icon_datepicker_select_arrow.png') no-repeat;
}
.ui-datepicker-title .date_select.month {
  width: 60px
}
.ui-datepicker-title .date_select.month:after {
  right: -8px
}
.ui-datepicker .ui-datepicker-title {
  width: calc(100% - 55px);
  display: flex;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 16px;
  background: transparent;
  padding: 0 5px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  margin-right: 5px;
  flex: 1;
}
.ui-datepicker .ui-datepicker-title select option {
  color: #222
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 0;
}
.ui-datepicker th {
  text-align: center;
  font-weight: 400;
  border: 0;
  color: #fff;
  background: var(--skin01);
  font-size: 16px;
  padding: 7px 10px;
}
.ui-datepicker th:first-of-type {
  border-radius: 5px 0 0 5px;
}
.ui-datepicker th:last-of-type {
  border-radius: 0 5px 5px 0;
}
.ui-datepicker td {
  border: 0;
  padding: 0px 2px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 9px 0;
  margin: 1px 0;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.ui-datepicker-calendar>tbody td.ui-datepicker-week-end:first-child a {
  color: #D04043;
}
.ui-datepicker-calendar>tbody td.ui-datepicker-week-end:last-child a {
  color: #026c8a;
}
.ui-datepicker-today a {
  background-color: #dcdcdc;
  border-radius: 5px;
}
.ui-datepicker-current-day a {
  background-color: var(--skin01) !important;
  color: white !important;
  border-radius: 5px;
}
/* EOD : datepicker */
.otpFrame {
  margin: 30px 0;
}
.otpBox {
  margin: 30px 0;
  text-align: center
}
.otpBox input[type="text"] {
  width: 176px
}
.otpBox button {
  vertical-align: middle;
  margin: 0
}
/* loading */
.comm-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .80);
  z-index: 99999;
}
.comm-loading .comm-loading-spin {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -48px 0 0 -48px;
}
.sub_content_box, .sub_content_box02 {
  max-width: 1200px;
  width: calc(100% - 400px);
  margin-top: 50px;
  position: relative;
  margin-left: auto;
  float: right;
  margin-bottom: 70px;
}
.sub_content_box02 {
  margin: 0;
}
.sub_content_box .sub_content_page_info {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
  position: absolute;
  right: 0px;
  top: 10px;
}
.sub_content_box .sub_content_page_info .on {
  color: var(--skin01);
}
.sub_content_box .sub_content_page_info .arrow {
  font-size: 10px;
  color: #6d6d6d;
}
.sub_content_box .sub_content_title {
  font-size: 36px;
  color: #0d0d0d;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}
/* 훈련일정 캘린더 시작 */
#calendar .fc-view .fc-popover .fc-header {
  background: var(--skin01);
}
#calendar .planLinkBox.type02 {
  margin-top: 35px;
}
#calendar .fc-view-container {
  border-top: 2px solid #000;
}
#calendar .fc-unthemed td {
  border: 1px solid #bfbfbf;
}
#calendar th.fc-day-header {
  background-color: #f0f1f6;
  border-bottom: 1px solid #000;
  font-family: "NanumBarunGothicBold";
  font-size: 18px;
}
#calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left !important;
  padding: 8px 0px 0px 10px;
  font-family: "NanumBarunGothicBold";
  font-size: 16px;
}
#calendar .fc-day-grid-event .fc-content {
  background-color: #fff;
  position: relative;
  ;
}
#calendar .fc-view>table .fc-day-grid-event .fc-content-after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  top: 11px;
  z-index: -1;
}
#calendar.fc-ltr .fc-h-event.fc-not-end,
#calendar.fc-rtl .fc-h-event.fc-not-start {
  background-color: transparent !important;
}
#calendar .fc-event .fc-content {
  background-color: transparent !important;
}
#calendar .fc-view>table .fc-day-grid-event .fc-content .fc-title {
  padding: 0 10px 0 2px;
  border-radius: 20px;
  display: inline-block;
  color: #fff;
}
#calendar .fc-day-grid-event .fc-content .fc-title span {
  background-color: #fff;
  color: #333;
  font-family: "NanumBarunGothicBold";
  border-radius: 20px;
  padding: 3px 8px;
  font-size: 12px;
  margin-right: 10px;
}
#calendar .fc-popover .fc-day-grid-event .fc-content {
  padding: 4px 9px 5px 2px;
}
#calendar a.fc-more {
  color: #000 !important;
  font-size: 13px;
}
#calendar .fc-row .fc-content-skeleton tbody td {
  padding-bottom: 2px;
}
/* 훈련일정 캘린더 끝 */
/* 온라인 강의실 */
.icon_num {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 0 0 5px;
  line-height: 22px;
  width: 27px;
  height: 24px;
  background: var(--skin01);
  color: #fff;
  text-align: center;
  border-radius: 27px;
  font-size: 14px;
}
table .tb_point {
  background: var(--skin-bg) !important;
  color: var(--skin01) !important;
  font-weight: 500 !important;
}
/* toplayout02-learninfo */
.topLayout02 .learnInfo {
  display: flex;
  justify-content: space-between;
}
.topLayout02 .learnInfo p {
  margin: 0;
}

.topLayout02 .learnInfoC {
  flex: 1;
  margin-right: 20px;
    padding: 30px;
    border-radius: 10px;
    border: 2px solid var(--skin01);
}
.topLayout02 .learnInfoR{
	width: 245px;
}
.topLayout02 .learnInfoR .btn_learning{
	width: 100%;
	font-size: 36px;
	/* 20240402 hwson 강의실 학습하기 버튼 정해진 색 지우고 테마색 따라가게 한다고 주석 */
	/* 	background-image: url('../img/room/new_room_btn.png'); */
	/* 20240402 hwson 강의실 학습하기 버튼 정해진 색 지우고 테마색 따라가게 한다고 주석 */
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.topLayout02 .learnInfoC .tit {
  color: #000;
  font-size: 26px;
}
.topLayout02 .learnInfoC .date {
  font-size: 21px;
  margin: 20px 0 0 0;
}
.topLayout02 .learnInfoR .date {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  min-width: 203px;
}
.topLayout02 .learnInfoR .count {
  margin-left: 10px;
}
.topLayout02 .learnInfoR .l-txt {
  font-size: 60px;
}
.btn_learning .ico-play {
  display: inline-block;
  width: 45px;
  height: 40px;
  background: url(../img/room/new_room_icon.png)no-repeat center;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 5px;
}
.btn_learning {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  padding: 0 10px;
  background: var(--skin01);
  border-radius: 5px;
}
.count i.day {
  display: inline-block;
  width: 43px;
  height: 83px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.count i.day0 {
  background-image: url(../img/room/0.png);
}
.count i.day1 {
  background-image: url(../img/room/1.png);
}
.count i.day2 {
  background-image: url(../img/room/2.png);
}
.count i.day3 {
  background-image: url(../img/room/3.png);
}
.count i.day4 {
  background-image: url(../img/room/4.png);
}
.count i.day5 {
  background-image: url(../img/room/5.png);
}
.count i.day6 {
  background-image: url(../img/room/6.png);
}
.count i.day7 {
  background-image: url(../img/room/7.png);
}
.count i.day8 {
  background-image: url(../img/room/8.png);
}
.count i.day9 {
  background-image: url(../img/room/9.png);
}
.detail_more_layer {
  margin: 20px 48px 20px;
  display: none;
}
.detail_more_layer.active {
  display: block;
}
.detail_more_layer .txt_info {
  margin-bottom: 10px;
  display: block;
}
.detail_more_list>ul {
  display: flex;
  justify-content: space-between;
}
.detail_more_list>ul>li {
  flex: 1;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 10px;
}
.detail_more_list>ul>li img {
  width: 100%;
  margin-bottom: 10px;
}
.detail_more_list>ul>li:first-child {
  margin-right: 2%;
}
.detail_more_list .detail_txt {
  display: flex;
  font-size: 14px;
}
.detail_more_list .detail_txt .num {
  padding-right: 4px;
}
.detail_more_list .detail_txt .txt {
  word-break: keep-all;
}
/* 20240319 hwosn 임시 하드 코딩 */
/*20240320*/
	.mo_topLayout .selectBox select {
	padding: 0 5px;}
	.mo_topLayout .select_lang .selectBox label span {
	margin: 0;
	}
	.mo_topLayout .select_lang {
	max-width: 50px;}
	.fix_hd_main_contentLayout {
		margin-top: 175px !important;
	}
	.fix_hd_main_contentLayout_theme4{
		margin-top: 175px !important;
	}
	.fix_hd_main_contentLayout_theme3{
		margin-top: 175px !important;
	}
	
	/* 20240326 hwson 기존페이지용 여백 css 추가*/
	/*.fix_hd_main_contentLayout2{
		margin-top: 80px !important;
	}
	.fix_hd_main_contentLayout_theme2 {
		margin-top: 161px !important;
	}
	.fix_hd_main_contentLayoutBasic{
	    margin-top: 155px !important;
	}
	.fix_hd_main_contentLayout_theme1 {
		margin-top: 140px !important;
	}*/
	
	/* 20240326 hwson 기존페이지용 여백 css 추가 끝 */
	.mo_only {
	display: none;
	}
	.mo_none {
	display: block !important;
	}
	#theme4 .mo_none_2 ,#theme1 .mo_none_2 ,#theme2 .mo_none_2 ,#theme3 .mo_none_2 {
		display : none;
	}
	.mo_none_flex {
	display: flex !important;
	}
	.theme .mo_topLayout .search_btn {
		width: 23px;
    	height: 23px;
    	background: url(../img/head/search_img.png) no-repeat center;
	}
	.theme .mo_topLayout .total_searchIn input[type='text']{
		width: 100%;
	    border: 0;
	    padding: 5px 10px;
	    border-radius: 5px 0 0 5px;
	        background: #fff;
    height: 40px;
	}
	.theme .mo_topLayout .total_search button {
		background-color: var(--skin01);
	    width: 40px;
	}
	.set-menu.mo_none_flex li+li:before{
	    content: "";
	    display: inline-block;
	    width: 1px;
	    height: 16px;
	    background-color: #999;
	    position: absolute;
	    left: 0;
	    top: -2px;
	}
	.theme .header-wrap.mo_top .set-menu li{
		padding: 0 18px;
		margin: 0;
	}
	.mo_top .app_linkBox {
	display: none!important; 
	top: 15px;
	}
	.theme .header-wrap.mo_top .logo {
		margin-right: 15px;
		margin-left: 15px;
	}
	.theme .mo_top .site-map {
		height: 110px;
	    width: 110px;
	}
	.no_1400 {
		display: inline-block;
	}
	#theme3.theme .header-wrap.mo_top .set-menu {
	/* 20240409 hwson 돋보기랑 라인맞춘다고 크기 수정 */
    /* min-width: 290px; */
	min-width: 20px;
	/* 20240409 hwson 돋보기랑 라인맞춘다고 크기 수정 */
    }
    .theme .header-wrap.mo_top .set-menu {
	/* 20240409 hwson 돋보기랑 라인맞춘다고 크기 수정 */
    /* min-width: 290px; */
	min-width: 20px;
	/* 20240409 hwson 돋보기랑 라인맞춘다고 크기 수정 */
    }
/*20240320*/
/*20240326*/
.top_bannerIn.alone .top_banner_slider {
	height: 100%;
}
.top_bannerIn.alone .top_banner_slider .slick-list .slick-track .slick-slide > div > div > div {
	height: 100%;
}
.top_bannerIn.alone .top_banner_slider a {
	display: block;
	width: 100%;
	height: 100%;
}
.top_bannerIn.alone .top_banner_slider a img{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /*20240326 hwson 이미지 깨져도 괜찮다면 주석걸고 처리 */
}
/*20240326*/
/*20240328*/
 #theme1 .header-wrap .right-box {
	max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
 #theme1 nav {
 	height: 90px;
 	border-bottom: none;
 	background-color: white;
 	color : black;
 	border-bottom: 2px solid var(--skin01);
 }
 
 /*20240328*/
/*  #theme1 .membershipBox .service_membership > li > a {
 	color : black;
 } */
 #theme1 .gnb>li:hover>a>span {
  color: var(--skin01)
}
 #theme1.theme .header-wrap .menu > li {
    margin: 0 0 0 35px;
}
 #theme1 .logo_wrap {
 	 position: absolute;
    display: inline-flex;
    align-items: center;
    left: 30px;
 }
  #theme1 .logo_wrap .logo {
  	margin-right: 15px;
  }
  #theme1 .header-wrap .set-menu li {
    margin: 0 15px;
    padding: 0;
}
  #theme1 .topLayout.mo_topLayout {
  	background-color: transparent;
  }
   #theme1 .gnb>li>a>span {
    line-height: 90px;
/*     height: 400px; */
	}
	#theme1 .gnb>li>a>span:after {
		display: none;
	}
	#theme1 nav.active {
	height: auto;
	}
	 #theme1 .gnb .twoDepth>li>a:hover {
	 /* 20240328 hwson 색 흰색에서 테마색 따라가게 변경 */
	    color: var(--skin01);
	 /* 20240328 hwson 색 흰색에서 테마색 따라가게 변경 */
	    font-weight: 700;
	}
	 #theme1 .logo_wrap{
	 	position: absolute;
	    z-index: 100;
	    top: 40px;
	    left: 5px;
	    margin-left: 20px;
	 }
	 #theme1 .header-wrap .service_membership  .input-box {
    border-bottom: 1px solid #fff;
    padding: 0;
}
	 #theme1 .header-wrap .service_membership   .input-box .search-btn {
    width: 20px;
    height: 20px;
    background: url(../img/theme1/search-icon.png) no-repeat center;
}
/*20240328*/
/*20240401*/

#theme2 .main-step3 .online-list button .icon_heart {
	width: calc(100% + 1px);
    height: calc(100% + 1px);
    position: absolute;
    top: -1px;
    left: -1px;
    background-size: contain;
}
#theme2 .main-step3 .online-list button.active .icon_heart {
	background-size: cover;
}
.theme4 .online-list3 .swiper-wrapper {
	overflow: hidden;
}
.theme .service_membership {
	margin-right: 25px !important;
}
.theme1 .consumer-box .tit-box h2 {
	margin-top: 0;
}
.theme1 .consumer-box .mail {
    padding: 10px 20px;
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
}
.theme.theme1 .main-banner .swiper-controlls{
	bottom: 28%;
}
/*20240401*/
/*20240404*/
.txt-box .like-btn-wrap{
	position: absolute;
    right: 30px;
    top: 40px;
}
.family_site_section_wrap {
	width: 100%;
    max-width: 1620px;
    margin: 0 auto;
    padding: 0 20px;
    height: 50px;
}
.family_site_section {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.family_site_tit {
	flex: 1;
    position: relative;
    min-width: 200px;
    font-size: 18px;
    font-weight: 600;
}
.family_site_swiper{
	flex: 3;
	height: 100%;
	overflow: hidden;
	margin-top: 50px;
}
.family_site_swiper .swiper-slide a{
	display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.family_site_swiper .swiper-slide a img{
	display: inline-block;
	object-fit: contain;
	height: 110%;
}
.family_site_section .swiper_btn {
	position: absolute;
    left: 115px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
}
.family_site_section .swiper_btn button{
	background-color: #ccc;
    display: inline-block;
    width: 25px;
    height: 25px;
}
.family_site_section .swiper_btn button.silde_prev_btn {
	background-image: url(../../../images/template9/resp/default/button/top_banner_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.family_site_section .swiper_btn button.slide_next_btn{
	background-image: url(../../../images/template9/resp/default/button/top_banner_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
}

/*20240404*/

/*20240409*/
.theme.theme3 .main-banner .swiper-pause-btn{
	width: 50px;
   	height: 50px;
   margin-left: 0;
    border-top: 1px solid #ddd;
    border-radius: 0;
    background: url(../img/theme1/theme3pause1.png) no-repeat center, black !important;
    
   }
   
   .theme .theme3 .main-banner .swiper-pause-btn.paused {
	background: url(../img/theme1/theme3pause2.png) no-repeat center, black !important;
}
/*20240409*/
/*20240419*/
#theme2 .no_data {
	background: url(../img/service/no_list.png) no-repeat center 50px / 38%, #f5f5f5;
}
@media only all and (max-width:5000px) {
/*20240319 수정*/
.topLayout.mo_topLayout.fixed {
	/*position: fixed;*/
	top:0;
	left:0;
	width: 100%;
    z-index: 999;
}
.topLayout.mo_topLayout {
	padding: 0;
	background-color: var(--th12);
	/* background:#30619c; */
	border-bottom: none;
	
}
  .topLayout.mo_topLayout .service_membership {
	    display: flex;
	}
	  .topLayout.mo_topLayout .topLayoutIn .select_lang {
	  display: block;
	  }
  
  /*20240319 수정*/
}
/* 20240319 hwosn 임시 하드 코딩 끝 */
/*------------ 반응형------------------------ */
@media only all and (max-width:1760px) {
  /* customBox */
  .sub_visualIn .customer_area {
    display: none;
  }
  
   /*20240319 수정*/
.topLayout.mo_topLayout.fixed {
	/*position: fixed;*/
	top:0;
	left:0;
	width: 100%;
    z-index: 999;
}
.topLayout.mo_topLayout {
	padding: 0;
	background-color: var(--th12);
	/*background:#30619c;*/
	border-bottom: none;
	
}
  .topLayout.mo_topLayout .service_membership {
	    display: flex;
	}
	  .topLayout.mo_topLayout .topLayoutIn .select_lang {
	  display: block;
	  }
  
  /*20240319 수정*/ 
	
}
@media only all and (max-width:1600px) {
  .sub_contentLayout {
    margin: 0 10px;
  }
  .nav .navInner, .service_membership, .cop_area .cop_areaIn, .footerInner {
    /* 20240401 hwson 넓이 1201-1220까지 마진때문에 깨져서 수정 */
	/* margin: 0 10px; */
    margin: 0 3px;
    /* 20240401 hwson 넓이 1201-1220까지 마진때문에 깨져서 수정 끝*/
  }
  .sub_navBox {
    width: 300px;
  }
  .sub_content_box, .sub_content_box02, #form1, #planForm, #crsForm, #formMove, .drectionForm, .remote_wrap, #crsSelectForm {
    width: calc(100% - 340px);
  }
  
 /*20240319 수정*/
.topLayout.mo_topLayout.fixed {
	/*position: fixed;*/
	top:0;
	left:0;
	width: 100%;
    z-index: 999;
}
.topLayout.mo_topLayout {
	padding: 0;
	/* 20240331 hwson 팝업 검색 라인 색 테마색 따라가게 변경 */
	/* background:#30619c; */
	background-color: var(--th12);
	/* 20240331 hwson 팝업 검색 라인 색 테마색 따라가게 변경 */
	border-bottom: none;
	
}
  .topLayout.mo_topLayout .service_membership {
	    display: flex;
	}
	  .topLayout.mo_topLayout .topLayoutIn .select_lang {
	  display: block;
	  }
  
  /*20240319 수정*/
  
}
@media only all and (max-width: 1400px) and (min-width:1200px) {
	/*20240401*/
	.theme .service_membership {
    margin-right: 23px !important;
	}
	/*20240401*/
  .top_bannerIn {
    margin: 0 50px;
  }
  .top_banner_slider .slick-slide img {
    width: 100%;
  }
  
/*20240319 수정*/
.topLayout.mo_topLayout.fixed {
	/*position: fixed;*/
	top:0;
	left:0;
	width: 100%;
    z-index: 999;
}
.topLayout.mo_topLayout {
	padding: 0;
	/* 20240331 hwson 배너 한국어 검색 라인 테마 색 따라가게 변경 */
	/* background:#30619c; */
	background-color : var(--th12);
	border-bottom: none;
	
}
 .topLayout.mo_topLayout .service_membership {
    display: flex;
}
  .topLayout.mo_topLayout .topLayoutIn .select_lang {
  display: block;
  }
 
  /*20240319 수정*/
  
 
}
@media only screen and (max-width: 1199px) {
	/*20240404*/
	.theme1.theme .header-wrap.mo_top .header-inner {
	margin: 0;
	}
	/*20240404*/
	#theme1 .gnb>li>a>span {
    line-height: 60px;
    padding-left: 20px;
}
	
  .pc {
    display: none;
  }
  #form1, .drectionForm, #planForm, #crsForm, .sub_content_box, .sub_content_box02, #formMove, .remote_wrap, #crsSelectForm {
    width: 100%;
    margin: 0;
  }
  .sub_content_box .sub_content_title {
    border: none;
  }
  /* 헤더 */
  .header {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 40%;
    background-color: white;
    z-index: 101;
    transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -webkit-transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -moz-transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -ms-transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0);
    -o-transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0);
  }
  .header.active {
    right: 0
  }
  .header .hd_infoBox .msBtnBox button {
    padding: 8px 20px;
    border-radius: 20px;
    background-color: white;
    font-size: 16px;
    color: #666;
    border: 1px solid #d7d7d7;
  }
  .header .customerInfo {
    margin: 20px 0 0;
  }
  .header .customerInfo .tit {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin: 0
  }
  .header .customerInfo .num {
    margin: 5px 0 0
  }
  .header .customerInfo .num li {
    font-size: 24px;
    color: var(--skin01);
    font-weight: bold
  }
  .header .customerInfo .num li+li {
/*     margin: 0 0 0 20px; */
    color: var(--skin02);
  }
  .header .customerInfo .mail {
    font-size: 16px;
    color: var(--skin01);
    margin: 10px 0 0;
  }
  .header .customerInfo .time {
    margin: 12px 0 0
  }
  .header .customerInfo .time li {
    position: relative;
    float: left;
    padding: 0 0 0 6px;
    font-size: 15px;
    color: #666
  }
  .header .customerInfo .time li:first-child {
    padding: 0 6px 0 0
  }
  .header .customerInfo .time li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background-color: #d7d7d7;
  }
  .header .customerInfo .time li:first-child:before {
    display: none
  }
  .topLayout {
    background: #fff;
  }
  .mob_menu_close {
     position: absolute;
     top: 20px;
     left: -48px;
     display: inline-block;
     width: 38px;
     height: 38px;
     line-height: 38px;
     text-align: center;
    border: 1px solid #d3d3d3;
    background-color: white;
     border-radius: 50%;
   transition: 0.5s all cubic-bezier(0.77, 0.2, 0.05, 1.0)
	}
  .mob_menu_close .icon_close {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../../../images/template9/resp/default/icon/icon_mob_menu_close.png") no-repeat;
    vertical-align: middle;
  }
  .loginBtn {
    display: none;
  }
  .nav .navInner, .service_membership {
    margin: 0;
  }
  .navLayout {
    overflow-y: auto;
    height: calc(100vh - 61px);
    background: var(--skin-bg);
  }
  .nav {
    height: auto;
    background: #fff;
    border-bottom: none;
  }
  .nav.active::after {
    display: none;
  }
  .nav .navInner {
    flex-direction: column;
    height: auto;
    padding-top: 20px;
  }
  .nav:before {
    display: none
  }
  .navLayout .logo img {
    margin-bottom: 20px;
  }
  .header {
    background: #fff;
  }
  .header .hd_infoBox {
    display: block;
    padding: 20px;
  }
  .app_linkBox {
    left: 10px;
    top: 12px;
    right: auto;
  }
  /*20240320*/
  /*.mo_top .app_linkBox{
      position: unset;
    text-align: right;
    margin-bottom: 20px;
  }*/
  /*20240320*/
  .gnb {
    flex-direction: column;
    width: 100%;
  }
  .gnb>li {
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #d7d7d7;
    padding: 0;
  }
  .gnb>li>a {
    position: relative;
    font-size: 18px;
    color: #222;
    transition: 0.3s all ease;
  }
  .gnb>li>a>span {
    line-height: 60px;
    padding-left: 20px;
  }
  .gnb>li>a .icon_arrow {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -5px 0 0 0;
    width: 16px;
    height: 9px;
    background: url(../../../images/template9/resp/default/icon/icon_mob_menu_arrow.png) no-repeat;
  }
  .gnb>li>a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.3s all ease;
    background-color: var(--skin02);
  }
  .gnb>li:hover>a>span {
    color: #222;
  }
  .gnb>li:hover>a>span:after {
    display: none
  }
  .gnb>li.active>a:before {
    width: 100%;
  }
  .gnb>li.active>a,
  .gnb>li.active>a>span {
    position: relative;
    color: white !important;
  }
  .gnb>li.active>a .icon_arrow {
    background: url(../../../images/template9/resp/default/icon/icon_mob_menu_arrow.png) -16px 0 no-repeat;
  }
  .gnb .twoDepth {
    display: none;
    position: static;
    padding: 12px 20px;
    width: auto;
    height: auto;
    background-color: #f5f7f9;
    transition: none;
    top: 0
  }
  .gnb .twoDepth>li>a {
    display: block;
    padding: 8px 20px;
    text-align: left;
  }
  .gnb .twoDepth>li>a:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 4px;
    margin: -7px 0 0
  }
  .gnb .twoDepth>li>a:hover:after {
    display: none
  }
  /* footer */
  .cop_menu>li {
    margin-right: 30px;
    font-size: 15px;
  }
  .footerInner {
    font-size: 14px;
  }
  footer .siteInfo {
    align-self: flex-start;
  }
  footer .hot_number {
    margin-top: 20px;
  }
  /* table */
  .table_normal {
    table-layout: auto;
  }
  .table_normal tbody tr td button {
    padding: 0 10px;
    font-size: 15px;
    white-space: nowrap;
    border-radius: 5px;
  }
  /* EOD : table */
  /* 공지사항 */
  /* search */
  .searchBox {
    margin: 30px 0;
    padding: 0
  }
  .searchBox.none .textBox:after {
    left: -20px;
    right: -20px
  }
  .searchBox.type02:after {
    display: none
  }
  .searchBox.type02 .listBox {
    margin: 0;
  }
  .searchBox.type02 .selectList li:first-child .listBox {
    margin: 0 5px 0 0
  }
  .searchBox.type02 .selectBox label {
    height: 50px;
    line-height: 46px;
    font-size: 16px;
  }
  .searchBox.type02 .selectBox label span {
    margin: 0 40px 0 15px;
  }
  .searchBox.type02 .selectBox label:after {
    top: 20px;
    right: 15px
  }
  .searchBox.type02 .selectList {
    margin: 0;
    flex: auto;
  }
  .searchBox.type02:after {
    display: none
  }
  .searchBox.type02 .textBox {
    margin: 10px 0 0
  }
  .searchBox .listBox .bootstrap-select .selectpicker+.dropdown-toggle, .searchBox .textBox .textBoxIn {
    height: 50px;
    line-height: 46px;
    font-size: 16px;
  }
  .searchBox .textBoxIn .inputBox input {
    padding: 0 0 0 10px;
    font-size: 16px;
  }
  .searchBox .textBoxIn button {
    width: 46px;
    height: 47px
  }
  .searchBox.type02 {
    flex-direction: column;
  }
  .searchBox .selectBox {
    height: 50px;
  }
  /* EOD : search */
  /* 온라인 강의실 */
  .topLayout02 .topLayoutIn .classNavi {
    display: block;
  }
}
@media only all and (max-width: 1199px) and (min-width: 641px) {
	
  /* tablet */
  .headerLayout .pcLayout {
    display: none
  }
  .headerLayout .mobLayout {
    display: none
  }
  .t_mobS {
    display: block
  }
  /* Layout */
  .sub_navBox {
    display: none
  }
  .sub_visual {
    margin: 80px 0 0
  }
  .sub_visualIn:before {
    left: 0;
    width: 100%
  }
  .sub_visualIn .location {
    padding: 60px 20px 0
  }
  .top_banner {
    height: 140px;
    padding: 0 0 30px
  }
  .top_banner .pagination {
    top: 0;
    height: 100%;
  }
  .top_banner .paginationIn {
    margin: 0;
    height: 100%;
  }
  .top_banner .paginationIn .prevBtn {
    top: 50%;
    left: -30px;
    margin: -10px 0 0;
  }
  .top_banner .paginationIn .nextBtn {
    top: 50%;
    right: -30px;
    margin: -10px 0 0;
  }
  .top_banner_slider .slick-slide img {
    width: 100%
  }
  .tob_banner_btnBox {
    bottom: -30px;
    right: -40px
  }
  .top_bannerIn {
    margin: 0 40px
  }
  .top_banner .paginationIn .controlBox {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -18px
  }
  .top_banner .paginationIn .control_paging {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 9px 0 0 10px;
    display: inline-block !important;
  }
  .headerLayout .mob_topLayout {
    display: block
  }
  .mob_topLayout {
    position: relative;
    height: 79px;
    /* 2024-04-29 hwosn 라인 삭제 */
/*     border-bottom: 1px solid #d7d7d7; */
    /* 2024-04-29 hwosn 라인 삭제 */
    padding: 0 20px
  }
  #theme1 .mob_topLayout {
    border-bottom: 1px solid var(--skin01) !important;
  }
  .mob_topLayout .logo {
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 35px;
    height: 50px;
    font-size: 0;
  }
  .mob_topLayout .logo:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }
  .mob_topLayout .logo img {
    max-width: 100%;
    max-height: 50px;
    vertical-align: middle;
  }
  .mob_topLayout .mob_menu {
    position: absolute;
    top: 31px;
    right: 32px
  }
  .mob_topLayout .service_membership {
    margin: 32px 65px 0 0
  }
  .mob_topLayout .membershipBox {
    position: static;
    float: right;
    /* 20240417*/
    display: none;
  }
  .mob_topLayout .mob_menu {
    position: absolute;
    top: 31px;
    right: 32px;
  }
  .topLayout {
    position: relative;
    padding: 30px;
    background-color: white;
    border-bottom: 1px solid #d7d7d7;
    z-index: 2;
  }
  .topLayout .service_membership {
    display: none
  }
  .topLayoutIn .logo {
    top: 5px;
  }
  .topLayoutIn .select_lang {
    display: none
  }
  .topLayoutIn .mob_select_lang {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
  }
  /* 20240319 hwosn 수정*/
  .topLayoutIn .total_search {
    margin: 0;
  }
  /* 20240319 hwosn 수정*/
  .topLayoutIn .total_searchIn {
    margin: 0 77px 0 0
  }
  .topLayoutIn .total_searchIn input {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: 0;
    padding: 5px 10px;
  }
  .topLayoutIn .total_searchIn input::placeholder {
    color: #222
  }
  .topLayoutIn .search_area button {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    width: 57px;
    border: 0;
    padding: 0;
    background-color: white;
  }
  .topLayoutIn .search_area button .ico {
    display: inline-block;
    width: 21px;
    height: 20px;
    margin: 3px 0 0;
    background: url("../../../images/template9/resp/default/icon/icon_gray_search.png") no-repeat
  }
  /* EOD : Layout */
  /* checkBox */
  .checkList.button input[type="checkbox"]+label {
    padding: 0 15px;
    font-size: 15px;
  }
  /* EOD : checkBox */
  /* chart */
  .chart.vertical .lineBoxIn {
    left: 0;
    right: 0
  }
  .chart.vertical .progress li .gubun {
    font-size: 14px;
    top: 36px;
    word-break: break-all
  }
  /* EOD : chart */
  /* tab */
  .tab>li a {
    font-size: 16px
  }
  .scrtabs-tab-container,
  .tab_arrow {
    height: 50px
  }
  .tab_arrow>li a {
    font-size: 16px
  }
  .tab_arrow>li .cnt {
    margin-left: 8px;
  }
  .scrtabs-tab-scroll-arrow-left,
  .scrtabs-tab-scroll-arrow-right {
    top: 5px
  }
  /* EOD : tab */
}

@media only all and (max-width:640px) {
	/*20240409*/
	#theme1 .main-step2 .consumer-box .left {
	padding: 25px;
	}
	#theme1 .main-step2 .consumer-box .right {
	padding: 30px 10px;
	}
	/*20240409*/
	/*20240401*/
	.theme.theme1 .consumer-box .call-num {
    font-size: 26px;
	}
	.topLayoutWrap {
    height: 45px !important;
	}
	/*20240401*/
	/* 2024-04-30 hwson 나의 학습 640아래일때 탭 잘림 현상 때문에 마진 추가 */
	.content_wrap {
		margin: 22px auto !important;
	}
	/* 2024-04-30 hwson 나의 학습 640아래일때 탭 잘림 현상 때문에 마진 추가 */
	/*20240328*/
	#theme1 .topLayoutWrap {
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 44px;
	}
	/*20240328*/
	/*20240320 수정*/
	.mo_topLayout .topLayoutIn .total_search {
	margin: 0;
	}
	.mo_topLayout .topLayoutIn .total_searchIn{
	margin: 0;
	}
	.mo_topLayout .topLayoutIn .total_search button .ico{
	margin: 0;
	}
	/*20240320 수정*/
	/*20240319 수정*/
	.topLayout.mo_topLayout.fixed {
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
	.topLayout.mo_topLayout {
	padding: 0;
	/* 20240329 hwson 테마04일때 500px 정도일때 좌측메뉴바 색이 파란색되서 변경 */
	/* background:#30619c; */
	border-bottom: none;
	background : white;
	/* 20240329 hwson 테마04일때 500px 정도일때 좌측메뉴바 색이 파란색되서 변경 */
	
}
  .topLayout.mo_topLayout .service_membership {
	    display: flex;
	}
	  .topLayout.mo_topLayout .topLayoutIn .select_lang {
	  display: block;
	  }
	.topLayout.mo_topLayout {
	height: 50px;
	}
	.topLayout.mo_topLayout .topLayoutIn .select_lang {
	display: block;
	    width: 70px
	}
	.topLayout.mo_topLayout .select_lang .selectBox label span {
		margin: 0;
	}
	.topLayout.mo_topLayout .service_membership>li {
    padding: 0 5px;
}
	/*20240319 수정*/
  /* mobile */
  /* Common */
  .mobH {
    display: none
  }
  .mobS {
    display: block
  }
  .tabH {
    display: none;
  }
  .mob_inline {
    display: inline-block !important;
    vertical-align: middle
  }
  .t_mobS {
    display: block
  }
  tr.mobS {
    display: table-row
  }
  .img_area img.mobS {
    display: inline-block
  }
  .mobBr {
    display: block
  }
  /* EOD : Common */
  /* Layout */
  .top_banner {
    height: 120px;
    padding: 0 0 25px
  }
  .top_banner .pagination {
    top: 0;
    height: 100%;
    text-align: left
  }
  .top_banner .paginationIn {
    margin: 0;
    height: 100%;
  }
  .top_banner .paginationIn .prevBtn {
    top: 50%;
    left: -40px;
    margin: -10px 0 0;
  }
  .top_banner .paginationIn .nextBtn {
    top: 50%;
    right: -40px;
    margin: -10px 0 0;
  }
  .top_banner .paginationIn .control_paging {
    margin: 9px 10px 0
  }
  .top_banner .paginationIn .controlBox {
    margin: 0 0 0 -25px
  }
  .top_banner .paginationIn .controlBox {
    position: absolute;
    top: 100%;
    left: 0;
    margin: -4px 0 0 -25px;
  }
  .top_banner .paginationIn .control_paging {
    display: inline-block !important;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 5px 0 0;
  }
  .top_bannerIn {
    margin: 0 50px
  }
  .top_banner_slider .slick-slide img {
    width: 100%
  }
  .top_banner_slider .slick-list .slick-track .slick-slide>div>div>a img {
    width: auto;
    max-height: 130px;
  }
  .tob_banner_btnBox {
    bottom: -25px;
    right: -40px
  }
  .tob_banner_btnBox .btn_today {
    padding: 7px 5px 3px;
    font-size: 12px
  }
  .headerLayout .pcLayout {
    display: none
  }
  .topLayout {
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #555
  }
  .topLayout .logo img {
    height: 22px;
  }
  .service_membership {
    display: none
  }
  .membershipBox {
    position: static;
    float: right;
  }
  .topLayout .mob_menu {
    position: absolute;
    top: 12px;
    right: 15px;
    display: inline-block
  }
  .topLayout .mob_menu img {
    width: 18px
  }
  .sub_navBox {
    display: none
  }
  .sub_visual {
    display: none
  }
  .sub_contentLayout {
  /* 2024-04-29 hwson 마진 차이를 두기 위해 주석 */
/*     padding-top: 70px; */
padding-top: 0px;
  /* 2024-04-29 hwson 마진 차이를 두기 위해 주석  끝 */
  }
  .headerLayout .mob_topLayout {
    display: block
  }
  .mob_topLayout {
    position: relative;
    text-align: center;
    height: 40px;
    /* 2024-04-29 hwson 주석 */
/*     border-bottom: 1px solid #555; */
    /* 2024-04-29 hwson 주석 */
  }
  .mob_topLayout .logo {
    display: inline-block;
    margin: 10px 0 0;
  }
  .mob_topLayout .logo img {
    max-height: 20px;
    vertical-align: top;
    /* width:72px */
  }
  .mob_topLayout .service_membership {
    display: none
  }
  .mob_topLayout .membershipBox {
    display: none
  }
  .mob_topLayout .mob_menu {
    position: absolute;
    top: 12px;
    right: 15px;
  }
  .header {
    width: 60%;
  }
  .topLayout .service_membership {
    display: none
  }
  .topLayoutIn .logo {
    top: 8px;
    height: auto
  }
  .topLayoutIn .select_lang {
    display: none
  }
  .topLayoutIn .mob_select_lang {
    display: block;
    position: absolute;
    /*20240401*/
    /*top: 4px;*/
    top: 7px;
    /*20240401*/
    right: 4px;
  }
  .topLayoutIn .mob_select_lang .selectBox {
    height: 30px
  }
  .topLayoutIn .mob_select_lang .selectBox label {
    height: 30px;
    line-height: 26px;
    font-size: 14px;
  }
  .topLayoutIn .mob_select_lang .selectBox select {
    line-height: 30px
  }
  .topLayoutIn .mob_select_lang .selectBox label:after {
    top: 11px;
  }
  .topLayoutIn .mob_select_lang .selectBox label span {
    margin: 0 30px 0 0
  }
  .topLayoutIn .total_search {
    margin: 50px 0 0
  }
  .topLayoutIn .total_searchIn {
    margin: 0 59px 0 0
  }
  .topLayoutIn .total_searchIn input {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: 0;
    padding: 5px 10px;
  }
  .topLayoutIn .total_searchIn input::placeholder {
    color: #222
  }
  .topLayoutIn .total_search button {
  /*20240320 수정*/
    /*position: absolute;
    background-color: white;*/
    /*20240320 수정*/
    top: 0;
    right: 0px;
    bottom: 0;
    width: 39px;
    border: 0;
    padding: 0;
    
  }
  .topLayoutIn .total_search button .ico {
    display: inline-block;
    width: 21px;
    height: 20px;
    margin: 3px 0 0;
    /*background: url("../../../images/template9/resp/default/icon/icon_gray_search.png") no-repeat*/
  }
  .topLayoutIn .bootstrap-select .selectpicker+.dropdown-toggle {
    line-height: 28px
  }
  .navLayout {
    height: calc(100vh - 30px);
  }
  .gnb>li {
    display: block;
    height: auto;
    text-align: left;
    position: relative;
    background-color: white;
    border-bottom: 1px solid #d7d7d7
  }
  .gnb>li>a {
    font-size: 16px;
  }
  .gnb>li>a>span {
    position: relative;
  }
  .gnb>li:hover>a>span {
    color: #222;
  }
  .gnb>li:hover>a>span:after {
    display: none
  }
  .gnb>li>a>i {
    display: block
  }
  .gnb>li>a .icon_arrow {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -5px 0 0 0;
    width: 16px;
    height: 9px;
    background: url(../../../images/template9/resp/default/icon/icon_mob_menu_arrow.png) no-repeat;
  }
  .gnb>li.active>a .icon_arrow {
    background: url(../../../images/template9/resp/default/icon/icon_mob_menu_arrow.png) -16px 0 no-repeat;
  }
  .gnb .twoDepth {
    display: none;
    position: static;
    width: auto;
    height: auto;
    padding: 12px 20px;
    background-color: #f5f7f9;
    transition: none;
    top: 0
  }
  .gnb .twoDepth>li>a:hover:after {
    display: none
  }
  /*.header .hd_infoBox {display:block; position:absolute;bottom:0;left:0;right:0;z-index:1; padding: 13px 0 13px 20px;background-color:#ebeff2;border-top: 1px solid #d7d7d7;}*/
  .header .hd_infoBox .msBtnBox button {
    padding: 5px 10px;
    border-radius: 20px;
    background-color: white;
    font-size: 14px;
    color: #666;
    border: 1px solid #d7d7d7;
  }
  .header .customerInfo {
    margin: 13px 0 0;
  }
  .header .customerInfo .tit {
    font-size: 14px;
  }
  .header .customerInfo .num li {
    font-size: 16px;
  }
  .header .customerInfo .time li {
    font-size: 11px;
  }
  .header .customerInfo .time li:first-child:before {
    display: none
  }
  /* footer */
  .cop_area .cop_areaIn {
    flex-direction: column-reverse;
    padding: 20px 0;
    height: auto;
  }
  .cop_menu {
    width: 100%;
  }
  .cop_menu>li {
    margin-right: 9px;
  }
  .cop_area .bootstrap-select {
    max-width: none;
    margin-bottom: 20px;
  }
  .footerInner {
    padding: 20px 0 50px 0;
    flex-direction: column-reverse;
    align-items: center;
  }
  .tit_area .tit {
    font-size: 26px;
    margin: 12px 0 0
  }
  footer .hot_number {
    text-align: center;
    margin-bottom: 40px;
  }
  .hot_number .icon_tel {
    display: none;
  }
  .hot_number .hot_info {
    margin: 0;
  }
  .hot_number .number {
    font-size: 36px;
  }
  /* EOD : Layout */
  /* text */
  h3 {
    font-size: 22px;
    margin: 20px 0 30px;
  }
  h3 .icon_q {
    width: 24px;
    height: 24px;
    margin: 0 0 0 6px
  }
  h3+h4 {
    margin: 30px 0 20px
  }
  h4 {
    font-size: 20px;
    margin: 40px 0 20px
  }
  h5 {
    font-size: 16px;
    margin: 20px 0
  }
  .txt_default {
    margin: 5px 0 0;
    line-height: 20px;
  }
  small.txt_default {
    font-size: 13px
  }
  .txt_bullet:before {
    top: 7px
  }
  .txt_list li, .txt_num, .txt_hyphen, .txt_alert {
    margin: 5px 0 0;
  }
  .txt_circle_num {
    font-size: 14px;
  }
  /* EOD : text */
  /* layout */
  .sub_content_box .sub_content_title {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .sub_content_box .sub_content_page_info {
    display: none;
  }
  /* textBox */
  .txtBox_s_gray, .txtBox_s_white {
    font-size: 13px
  }
  /* EOD : textBox */
  /* inputBox */
  .input_area {
    width: 100%
  }
  .input_area.num {
    width: 100%
  }
  .input_area.mail {
    width: 100%
  }
  .input_area .at {
    padding: 0 2px
  }
  /* EOD : inputBox */
  /* button */
  .btnBox {
    margin: 15px 0
  }
  .btn_m_blue, .btn_m_black, .btn_m_white, .btn_m_disabled, .btn_mr_blue {
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
  }
  .btn_m_blue_gra {
    height: 45px;
    line-height: 45px;
    padding: 0 21px;
  }
  /* EOD : button */
  /* checkBox */
  input[type="checkbox"]+label {
    font-size: 14px
  }
  /* EOD : checkBox */
  /* radio */
  input[type="radio"]+label {
    font-size: 14px
  }
  /* EOD : radio */
  /* icon */
  .icon_file, .icon_new, .icon_lock {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }
  /* EOD : icon */
  /* search */
  .searchBox.type02 .textBox {
    margin: 10px 0 0
  }
  /* EOD : search */
  .searchBox {
    flex-direction: column;
  }
  .searchBox .listBox, .searchBox .selectList {
    margin-right: 0;
    margin-bottom: 5px;
  }
  /* chart */
  .chart.vertical .mark {
    padding: 0 5px
  }
  .chart.vertical .progress li .progressBox {
    left: 10px;
  }
  .chart.vertical .mark li span {
    font-size: 13px
  }
  .chart.vertical .lineBoxIn {
    left: 0;
    right: 0
  }
  .chart.vertical .progress li .gubun {
    font-size: 14px;
    top: 52px;
    height: 52px;
    word-break: break-all
  }
  .chart.vertical .progress li .progressBox .data {
    width: 36px;
    height: 64px;
    line-height: 55px;
    font-size: 18px;
  }
  /* EOD : chart */
  /* thumbnail */
  .list_Book .imgBox {
    width: 108px;
    height: 148px
  }
  .list_Book .txtBox {
    margin: 0 0 0 130px
  }
  .list_Book .txtBox .tit {
    font-size: 18px
  }
  /* EOD : thumbnail */
  /* tab */
  .tab>li {
    line-height: 44px;
    font-size: 14px
  }
  .scrtabs-tab-container,
  .tab_arrow {
    height: 50px
  }
  .tab_arrow>li a {
    font-size: 16px
  }
  .scrtabs-tab-scroll-arrow-left,
  .scrtabs-tab-scroll-arrow-right {
    top: 5px
  }
  /* EOD : tab */
  /* checkBox */
  .checkList.button input[type="checkbox"]+label {
    padding: 2px 14px;
  }
  /* EOD : checkBox */
  /* table */
  .table_block caption {
    display: none
  }
  .table_normal {
    width: 100%;
    table-layout: auto;
  }
  .table_normal thead tr th {
    padding: 20px 10px;
    background-color: #ebeff2;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
  }
  .table_normal tbody tr td {
    padding: 10px;
    font-size: 12px;
  }
  .table_normal tbody tr td .mobBox {
    display: block;
    overflow: hidden;
    margin: 8px 0 0
  }
  .table_normal tbody tr td .mobBox li {
    position: relative;
    float: left;
    margin: 0 8px;
    font-size: 13px;
    color: #666;
  }
  .table_normal tbody tr td .mobBox li:first-child {
    margin-left: 0
  }
  .table_normal tbody tr td .mobBox li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background-color: #d7d7d7;
  }
  .table_normal tbody tr td .mobBox li:first-child:before {
    display: none
  }
  .table_normal tbody tr td .mobBox.Top {
    font-size: 13px;
    margin: 0
  }
  .table_normal tbody tr.detail td .mobBox {
    margin: 8px 0 0 30px
  }
  .table_normal tbody tr td .mobbtnBox {
    margin: 10px 0
  }
  .table_normal tbody tr td .mobbtnBox.Full button {
    width: calc(100% - 2px);
    padding: 0;
    border-radius: 100px;
  }
  .table_hori thead tr th,
  .table_hori thead tr td,
  .table_hori tbody tr th,
  .table_hori tbody tr td,
  .table_hori tfoot tr th,
  .table_hori tfoot tr td {
    font-size: 14px;
    padding: 11px 10px
  }
  .table_veti thead tr td,
  .table_veti tbody tr td {
    font-size: 14px;
    padding: 10px 5px
  }
  .table_hori tbody .fileBox {
    width: 100%
  }
  .table_hori tbody .lockBox .checkList li {
    margin: 0 10px 0 0
  }
  .table_hori tbody .lockBox input[type="text"] {
    width: 106px;
    margin: 2px 0
  }
  .table_hori.mob_block tbody tr th {
    display: block;
    border-left: 0;
    border-right: 0;
    padding: 18px 10px;
    line-height: 1.3;
  }
  .table_hori.mob_block tbody tr td {
    display: block;
    padding: 14px 10px;
    line-height: 1.5;
    ;
    border-left: 0
  }
  .table_hori.mob_block tbody tr:first-child td {
    border-top: 1px solid #d7d7d7
  }
  .table_normal tbody tr td.no_dataBox {
    padding: 80px 15px 20px;
    font-size: 20px;
    background-position: center 39%;
    background-size: 30%;
  }
  /* EOD : table */
  /* paging */
  .pagination {
    margin: 25px 0 0;
    text-align: center;
  }
  .pagination a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    color: #222;
    font-size: 16px;
    transition: all 0.3s ease;
  }
  .pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
  }
  /* EOD : paging */
  /* Accordion */
  .Accordion>.AccordionIn .titBox {
    padding: 9px;
  }
  .Accordion>.AccordionIn .titBox>a {
    padding: 9px 30px 9px 0;
  }
  .Accordion>.AccordionIn .titBox>a:after {
    right: 1px
  }
  .Accordion .contentsBox {
    padding: 15px 9px;
    font-size: 14px
  }
  /* EOD : Accordion */
  /* moreBox */
  .moreBox {
    margin: 10px 0 0;
  }
  /* EOD : moreBox */
  /* popup */
  .windowPopH {
    padding: 14px 20px 15px;
    font-size: 18px
  }
  .windowPopBox {
    margin: 20px
  }
  /* EOD : popup */
  /* viewBox */
  .viewBox .info_area .tit {
    font-size: 18px;
    line-height: 1.3
  }
  .viewBox .info_area .info {
    padding: 15px 10px;
  }
  .viewBox .info_area .info>li {
    font-size: 13px;
    margin-right: 14px;
  }
  .viewBox .file_area {
    padding: 10px
  }
  .viewBox .file_area ul:before {
    background: url(../../../images/template9/resp/default/icon/icon_file_download02_mob.png) no-repeat;
    width: 16px;
    height: 14px;
    top: 5px
  }
  .viewBox .file_area ul li a,
  .viewBox .file_area .no_data {
    font-size: 14px
  }
  .viewBox .content_area {
    padding: 20px 10px;
    font-size: 14px
  }
  .viewBox .no_dataBox {
    font-size: 18px;
  }
  .sub_content_box {
    margin-top: 0;
  }
  /* EOD : viewBox */
  /* 온라인 강의실 */
  .topLayout02 .learnInfo {
    flex-direction: column;
    padding: 10px;
  }
  .topLayout02 .learnInfoC {
    margin-right: 0;
    text-align: center;
  }
  .topLayout02 .learnInfoC .date {
    margin: 10px 0;
  }
  .count i.day {
    width: 32px;
    height: 63px;
  }
  .btn_learning {
    width: 100%;
    padding: 6px 0;
  }
  /* 온라인 강의실 */
  .txt_info {
    font-size: 14px;
  }
  .txt_info:before {
    top: 0;
  }
  .txt_info.qna-guide {
    margin-left: 0;
    margin-right: 0;
  }
  .txt_info strong {
    display: block
  }
  .txt_info+.txt_default {
    margin-left: 30px
  }
  /* button */
  .btn_more {
    height: 35px;
    width: 63px;
    padding: 0 15px;
  }
  .btn_more:after {
    right: 15px;
  }
  /* EOD : button */
  /* layout */
  .eod_layout02>li {
    float: none;
    width: inherit;
  }
  .floatingBox.type02 .floatingBoxL {
    float: none;
  }
  .floatingBox.type02 .floatingBoxR {
    float: right;
    margin: 8px 0 0 0;
  }
  .floatingBox.type02 .btn_more {
    margin: 0;
  }
  /* EOD : layout */
  /* noData */
  .noData span.txt {
    font-size: 16px;
  }
  .attend_list>.no_data {
    padding: 0;
  }
  .attend_list>li>.no_dataBox {
    width: 100%;
    background: url(../img/service/no_list.png)no-repeat center 80px, #f5f5f5;
    padding: 160px 0 80px 0;
    font-size: 40px;
    color: #ccc;
    text-align: center;
    border-radius: 0;
    margin: 0;
  }
  .topLayout02 .learnInfoR .l-txt {
    font-size: 45px;
  }
  .topLayout02 .learnInfo .s-txt {
    font-size: 12px;
  }
}
.attend_list>li>.no_dataBox .txt {
  font-size: 20px;
  margin: 15px 0 0;
}
/* EOD : noData */
/* table */
/* EOD : table */
.label_top {
  margin-bottom: 5px;
}
.label_top span {
  font-size: 13px;
}
/* EOD : popup */
/* Accordion */
/* EOD : Accordion */
.file_area.type02 ul li a, .viewBox .file_area .no_data {
  font-size: 14px
}
.file_area.type02 ul li .icon_file {
  margin-right: 10px;
}
.btn_s_black.type02, .btn_s_blue.type02 {
  font-size: 14px;
  padding: 0 8px;
  min-width: 60px;
}
/* 240407 팀프로젝트 게시판 답글 등록시 제목 노출 오류 수정
 .table_normal tbody tr.reple td .linkBox a span {
  padding: 0 0 0 32px;
  max-width: calc(100% - 32px)
} */
.table_normal tbody tr.reple td .linkBox a span:before {
  background-size: 10px auto;
  top: -10px;
}
.detail_more_layer {
  margin: 20px 28px 20px;
  display: none;
}
.mobile_half_btn button {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
  letter-spacing: -1px;
  padding: 10px;
  margin-right: 10px;
}
.mobile_half_btn button:last-child {
  margin-right: 0;
}
.certify_input_box input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.certify_input_box .btn_s_blue {
  width: 100%;
  box-sizing: border-box;
}
@media only all and (max-width: 400px) {
  .detail_more_list>ul {
    display: block;
  }
  .detail_more_list>ul>li:first-child {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .detail_more_list>ul>li {
    display: block;
  }
}
@media only all and (max-width: 360px) {
  .mobile_half_btn button {
    letter-spacing: -1px;
    padding: 0px 5px;
  }
}
/* mobile landscape */
@media (orientation: portrait) {
  .popup_wrap .popup_Box .popup_BoxIn {
    width: auto !important;
  }
}
/* mobile landscape */
@media (orientation: landscape) {
  .popup_wrap .popup_Box .popup_BoxIn {
    width: auto !important;
  }
}
#theme1 .main-step1 .quick-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#theme4 .main-step1 .notice-box .board-tit .tit, #theme4 .main-step1 .notice-box .board-tit .con, #theme3 .main-step2 .notice-box .board-tit .tit, #theme3 .main-step2 .notice-box .board-tit .con, #theme2 .main-step2 .notice-box .board-list .board-tit, #theme1 .main-step2 .consumer-box .board-list .board-tit, .theme .list a .tag-list {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#theme2 .main-step3 .online-list .txt-box .tit, #theme2 .main-step2 .new-course .tit, #theme1 .main-step3 .online-list li > a .tit, .theme .list a .tit {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*20240404*/
  /*-webkit-line-clamp: 2;
    word-break: break-word;*/
  -webkit-line-clamp: 2;
  /*20240404*/
  -webkit-box-orient: vertical;
}

:root {
  --th11: #317abe;
  --th12: #2a558a;
  --th13: #363c4b;
  --th14: #5b6873;
  --th15: #6595b8;
  --th16: #d6dee9;
  --th17: #e8eff1;
  --th18: #f2f4f6;
}

/*테마 공통 */
.theme :focus {
  outline: 0;
}
.theme input, .theme button, .theme select {
  background: transparent;
  border: 0;
  color: inherit;
  height: auto;
  width: auto;
  padding: 0;
  font: inherit;
  vertical-align: middle;
}
.theme .layout {
	/*20240321*/ 
	/* 20240402 hwson 0321에 max 주석하셨는데 이것땜에 테마쪽 마진 다 안먹어요.....*/
	max-width: 1600px;
	/* 20240402 hwson 0321에 max 주석하셨는데 이것땜에 테마쪽 마진 다 안먹어요.....*/
  	/*20240321*/
  margin: 0 auto;
}
.theme .fz0 {
  font-size: 0;
}
.theme .main-tit {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.theme .main-tit-sub {
  font-size: 18px;
  color: #7d7d7d;
  font-weight: 700;
  text-align: center;
  margin: 19px 0 0;
}
.theme .swiper img {
  width: 100%;
}
.theme i {
  display: inline-block;
}
.theme .process-swiper .swiper-button-next:after, .theme .process-swiper .swiper-button-prev:after {
  color: #000;
}
.theme .process-swiper .swiper-button-prev {
  left: 8.3333333333%;
}
.theme .process-swiper .swiper-button-next {
  right: 8.3333333333%;
}
.theme i.myhome {
  -webkit-mask: url(../img/theme1/myhome.svg) no-repeat center;
          mask: url(../img/theme1/myhome.svg) no-repeat center;
  background-color: #fff;
}
.theme i.interest {
  -webkit-mask: url(../img/theme1/interest.svg) no-repeat center;
          mask: url(../img/theme1/interest.svg) no-repeat center;
  background-color: #fff;
}
.theme i.myqu {
  -webkit-mask: url(../img/theme1/myqu.svg) no-repeat center;
          mask: url(../img/theme1/myqu.svg) no-repeat center;
  background-color: #fff;
}
.theme i.certi {
  -webkit-mask: url(../img/theme1/certify.svg) no-repeat center;
          mask: url(../img/theme1/certify.svg) no-repeat center;
  background-color: #fff;
}
.theme i.remote {
  -webkit-mask: url(../img/theme2/b-banner1.svg) no-repeat center;
          mask: url(../img/theme2/b-banner1.svg) no-repeat center;
}
.theme i.collect {
  -webkit-mask: url(../img/theme2/b-banner2.svg) no-repeat center;
          mask: url(../img/theme2/b-banner2.svg) no-repeat center;
}
.theme i.whole {
  -webkit-mask: url(../img/theme2/b-banner2.svg) no-repeat center;
          mask: url(../img/theme2/b-banner2.svg) no-repeat center;
}
.theme i.right-arrow {
  background: url(../img/theme3/right-arrow.png) no-repeat center;
  width: 19px;
  height: 11px;
}
.theme .header-wrap {
	/*20240321*/
	position: absolute;
	/*20240321*/
/*0315 수정*/
  /*position: relative;*/
  /*0315 수정 끝*/
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  /*height: 90px;*/
  overflow: hidden;
  -webkit-transition: height ease-out 300ms;
  transition: height ease-out 300ms;
  background-color: #fff;
}

.theme .header-wrap.fixed{
	position:fixed;
}
.theme .header-wrap.mo_top.fixed{
	position:fixed;
	top: 50px;

}
.theme .header-wrap .header-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.theme .header-wrap .logo {
  line-height: 90px;
}
.theme .header-wrap .logo img {
  vertical-align: middle;
}
.theme .header-wrap .right-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 90px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.theme .header-wrap .set-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.theme .header-wrap .set-menu li {
  margin: 0 23px;
  position: relative;
}
/*0315 수정*/
.theme .header-wrap .set-menu li.select-box{
	line-height:normal;
}
.theme .header-wrap .set-menu li.select-box .bootstrap-select .selectpicker+.dropdown-toggle{
	font-size: 14px;
  
    line-height: 25px;
}
.theme .header-wrap .set-menu li.select-box .dropdown {
	width: 100px;
    display: block;
    margin-top: 5px;
}

.theme .header-wrap .set-menu li.select-box .bootstrap-select .selectpicker+.dropdown-toggle::after{
	width: 15px;
	top: 56%;
}
.theme .header-wrap .set-menu li.select-box .bootstrap-select div.dropdown-menu li>a{
	font-size:14px;
	    line-height: 24px;
}
.theme .header-wrap .set-menu li.select-box .bootstrap-select div.dropdown-menu li{
	margin:0;
}
/*0315 수정 끝*/
.theme .header-wrap .set-menu li
.theme .header-wrap .set-menu li:nth-of-type(-n+2)::after {
  content: "|";
  position: absolute;
  right: -23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #7d858a;
}
.theme .header-wrap .site-map {
  font-size: 0;
}
.theme .header-wrap .site-map > * {
  display: inline-block;
}
.theme .header-wrap .menu-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.theme .header-wrap .menu {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.theme .header-wrap .menu > li {
  margin: 0 35px;
  font-size: 20px;
}
.theme .header-wrap .menu > li:hover {
  color: var(--th11);
}
.theme .header-wrap .sub-menu {
  line-height: 1;
  font-size: 16px;
  -webkit-transition: height ease-in 300ms;
  transition: height ease-in 300ms;
  padding: 20px 0;
  color: #999;
}
.theme .header-wrap .sub-menu > li {
  padding: 10px 0;
  white-space: nowrap;
}
.theme .header-wrap .sub-menu > li:hover {
  color: var(--th11);
}
.theme .header-wrap.active {
  height: 346px;
}
.theme .header-wrap.active::before {
  display: block;
}
.theme .header-wrap::before {
  content: "";
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
  display: none;
}
.theme .list a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.theme .list a > div {
  width: 50%;
}
.theme .list a .img-box {
  position: relative;
  padding-top: 60%;
  overflow: hidden;
}
.theme .list a .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.theme .list a .img-box::after {
  content: "";
  display: inline-block;
  width: 41px;
  height: 48px;
  position: absolute;
  /* 20240328 hwson 재생버튼 불필요로 인한 주석 */
  /* background: url(../img/theme2/play.png) no-repeat center; */
  /* 20240328 hwson 재생버튼 불필요로 인한 주석 */
  bottom: 16px;
  right: 16px;
}
.theme .list a .txt-box {
  padding: 16px;
  background-color: #fff;
}
.theme .list a .like-btn {
  font-size: 24px;
  color: #e5e5e5;
  border: 1px solid #e5e5e5;
  width: 33px;
  height: 33px;
}
.theme .list a .like-btn.active {
  color: var(--th11);
  border: 1px solid var(--th11);
}
.theme .list a .tit {
  font-size: 24px;
  -webkit-line-clamp: 3;
  line-height: 1.3;
  font-weight: bold;
  min-height: 94px;
  margin: 30px 0 18px;
}
.theme .list a .detail {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 8px 0;
}
.theme .list a .detail p {
  width: 50%;
  line-height: 1.8;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  margin: 0;
}
.theme .list a .detail p .label {
  display: inline-block;
  min-width: 62px;
  color: #000;
}
.theme .list a .tag-list {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.theme .list a .tag-list span {
  margin-right: 10px;
}
.theme .list .star-score {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.theme .list .star-score p {
  color: #e5e5e5;
  /* 20240329 테마04 별크기로 인해 마진 5>0로 조정*/
/*   letter-spacing: 5px; */
  /* 20240329 테마04 별크기로 인해 마진 5>0로 조정 끝 */
  font-size: 18px;
  margin: 0;
}
.theme .list .star-score p span {
  color: var(--th11);
}
.theme footer {
  padding-top: 0;
}
.theme .footerLayout .footerBox {
  background-color: var(--th13);
}
.theme .footerLayout .logo {
  margin-bottom: 10px;
}
.theme .footerLayout .bootstrap-select .selectpicker + .dropdown-toggle {
  width: 100%;
  color: #ccc;
  -moz-text-align-last: left;
       text-align-last: left;
}
.theme .footerLayout .cop_menu > li:nth-child(2) {
  color: #fff;
}
.theme .footerLayout .hot_number {
  text-align: left;
}
.theme .footerLayout .hot_number .tit {
  color: #fff;
}
.theme .footerLayout .hot_info {
  margin: 0;
}
.theme .footerLayout .hot_info .number {
  color: #fff;
}
.theme .online-list3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
/*20240401*/
.theme .online-list3 .list3 {
  margin-right: 2.5%;
  width: 23.125%;
  margin-bottom: 30px;
}
.theme .online-list3 .list3:nth-of-type(4n) {
  margin-right: 0;
}
/*20240401*/
.theme .online-list3 .list3 > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #ccc;
}
.theme .online-list3 .list3 > a > div {
  width: 100%;
}
.theme .online-list3 .list3 > a .img-box {
  position: relative;
  padding-top: 59.4594594595%;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.theme .online-list3 .list3 > a .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.theme .online-list3 .list3 > a .txt-box {
  padding: 8px 0 0 0;
}
.theme .online-list3 .list3 > a .txt-top, .theme .online-list3 .list3 > a .tit {
  padding: 0px 16px;
}
.theme .online-list3 .list3 > a .tit {
  margin-top: 10px;
  -webkit-line-clamp: 2;
  min-height: 52px;
  font-size: 20px;
}
.theme .online-list3 .list3 > a .detail {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #f2f2f2;
  border: 0;
  padding: 10px 16px;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme .online-list3 .list3 > a .detail p {
  width: auto;
  line-height: 1.5;
}
.theme .online-list3 .list3 > a .detail .label {
  display: block;
}
.theme .online-list3 .list3 > a .tag-list {
  margin: 0;
  padding: 8px 16px;
  background: var(--th16);
  color: #000;
}
.theme .consumer-box .tit-box h2 {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.theme .consumer-box .call-num {
  font-size: 38px;
  color: var(--th11);
  margin: 30px 0 20px;
}
.theme .consumer-box .call-txt {
  font-size: 15px;
  color: #666;
  margin-bottom: 20px;
}
.theme .consumer-box .mail {
  display: block;
  background-color: var(--th12);
  border-radius: 5px;
  color: #fff;
  padding: 12px 0;
}
.theme .consumer-box .quick-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /* 20240411 hwson 이미지 크기 변경으로 인한 마진탑 수정*/
/*   margin-top: 40px; */
  margin-top: 20px;
  /* 20240411 hwson 이미지 크기 변경으로 인한 마진탑 수정*/
}
.theme .consumer-box .quick-menu a {
  border-right: 1px solid #e4e4e4;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.theme .consumer-box .quick-menu a:last-of-type {
  border-right: 0;
}
.theme .consumer-box .quick-menu span {
	display: block;
  	margin-top: 16px;
  	/* 20240329 hwosn 테마별 고객센터 아이콘 아래 글자 눈에 뛰게 수정 처리 */
  	font-weight: bold;
  	/* 20240329 hwosn 테마별 고객센터 아이콘 아래 글자 눈에 뛰게 수정 처리 */
}
.theme .consumer-box .quick-menu i {
  /* 20240405 hwson 이미지 크기 확대 */
/*   width: 35px; */
/*   height: 35px; */
  width: 45px;
  height: 45px;
  /* 20240405 hwson 이미지 크기 확대  끝 */
  background-color: var(--th12);
}

#theme1 .header-wrap {
	/* 20240328 hwson 헤더라인 색 흰색 일괄로 인한 주석 */
  	/* background-color: rgba(0, 0, 0, 0.7); */
 	 background-color : var(--skin02);
	/* 20240328 hwson 헤더라인 색 흰색 일괄로 인한 주석 */
 	 height: 112px;
  	color: #fff;
}
#theme1 .header-wrap .logo {
  line-height: 112px;
}
#theme1 .header-wrap .right-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
#theme1 .header-wrap .set-menu {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: 20px 0;
}
#theme1 .header-wrap .set-menu li {
  margin: 0 34px;
}
#theme1 .header-wrap .set-menu li:last-of-type {
  margin: 0;
}
#theme1 .header-wrap .set-menu li:nth-of-type(-n+2)::after {
  right: -34px;
  color: #7d858a;
}
#theme1 .header-wrap .set-menu .input-box {
  border-bottom: 1px solid #fff;
}
#theme1 .header-wrap .set-menu .input-box .search-btn {
  width: 20px;
  height: 20px;
  background: url(../img/theme1/search-icon.png) no-repeat center;
}
#theme1 .header-wrap .set-menu .select-box select {
  border: 1px solid #7d858a;
  padding: 5px 20px;
}
#theme1 .header-wrap .sub-menu {
  padding: 40px 0 20px;
  color: #aaa;
}
#theme1 .header-wrap .sub-menu > li:hover {
  color: #fff;
}
#theme1 .header-wrap .site-map > * {
  width: 31px;
  height: 24px;
  background: url(../img/theme1/map-icon.png) no-repeat center;
}
#theme1 .header-wrap.active {
  height: 368px;
}
#theme1 .header-wrap.active::before {
  background-color: #666;
}
#theme1 .header-wrap::before {
  top: 112px;
}

/* 테마1 */
#theme1 .step-check {
  position: fixed;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#theme1 .step-check a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
#theme1 .step-check a .bullet {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 9px;
  text-align: center;
}
#theme1 .step-check a .bullet span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #bfbfbf;
  border-radius: 50%;
}
#theme1 .step-check a.active {
  font-size: 14px;
  color: var(--th12);
}
#theme1 .step-check a.active .bullet {
  background: #bfbfbf;
}
#theme1 .step-check a.active .bullet span {
  background-color: var(--th11);
}

.theme .main-banner img {
  width: 100%;
}
.theme .main-banner .swiper-controlls {
  position: absolute;
  bottom: 28%;
  left: 8.3333333333%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.theme .main-banner .swiper-pagination {
  position: static;
}
.theme .main-banner .swiper-pause-btn {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: url(../img/theme1/pause1.png) no-repeat center, #fff;
  margin-left: 10px;
}

#theme3 .theme .main-banner .swiper-pause-btn {
	background: url(../img/theme1/theme3pause1.png) no-repeat center, #ccc !important;
}


.theme .main-banner .swiper-pause-btn .paused {
  background-image: url(../img/theme1/play1.svg);
}
.theme .theme3 .main-banner .swiper-pause-btn.paused {
	background: url(../img/theme1/theme3pause2.png) no-repeat center, black !important;
}
.theme .main-banner .swiper-pagination-bullet {
  width: 54px;
  /* 20240331 hwson 크기 수정 */
  /* height: 6px;
  border: 1px solid #fff; */
  height: 9px;
  border: 3px solid #ccc;
  background-color: #fff;
  /* 20240331 hwson 크기 수정 끝 */
  border-radius: 0;
  margin: 0 3px;
  /*240312 추가*/
  display:inline-block;
  /*240312 추가 끝*/
}

#theme1 .main-step1 {
  position: relative;
}
#theme1 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, right top, from(rgba(42, 85, 138, 0.69)), color-stop(60%, transparent)), #6595b8;
  background: linear-gradient(to right, rgba(42, 85, 138, 0.69) 0%, transparent 60%), #6595b8;
}
#theme1 .main-step1 .quick-menu {
  background-color: rgba(42, 85, 138, 0.8);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0;
  height: 80px;
  margin-top: -80px;
  position: relative;
  z-index: 2;
}
#theme1 .main-step1 .quick-menu i {
  width: 38px;
  height: 38px;
  margin-right: 20px;
}
#theme1 .main-step1 .quick-menu a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 100px;
  border-right: 1px solid rgba(255, 255, 255, 0.2509803922);
}
#theme1 .main-step1 .quick-menu a:last-of-type {
  border: 0;
}

/* 고객센터 */
#theme1 .main-step2 {
  background-color: var(--th17);
  padding: 80px 0;
}
#theme1 .main-step2 .consumer-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 45px;
}
#theme1 .main-step2 .consumer-box .left, #theme1 .main-step2 .consumer-box .right {
  border: 1px solid #dcdcdc;
  background-color: #fff;
  padding-top: 40px;
}
#theme1 .main-step2 .consumer-box .tit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-bottom: 20px;
  font-size: 24px;
}
#theme1 .main-step2 .consumer-box .board-list {
  padding-top: 14px;
  font-size: 18px;
}
#theme1 .main-step2 .consumer-box .board-list .label {
  display: inline-block;
  border-radius: 50px;
  width: 102px;
  text-align: center;
  padding: 9px 0;
  font-size: 16px;
  color: #5e5e5e;
}
#theme1 .main-step2 .consumer-box .board-list .label.blue {
  background: #d6dee9;
}
#theme1 .main-step2 .consumer-box .board-list .label.green {
  background: #d1dfd5;
}
#theme1 .main-step2 .consumer-box .board-list .label.red {
  background: #e8deda;
}
#theme1 .main-step2 .consumer-box .board-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
#theme1 .main-step2 .consumer-box .board-list .board-tit {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
  color: #666;
  padding: 0 15px;
}
#theme1 .main-step2 .consumer-box .board-list .date {
  color: #898989;
  font-weight: 700;
}
#theme1 .main-step2 .consumer-box .left {
  width: 67.9375%;
  padding: 40px 45px 35px;
}
#theme1 .main-step2 .consumer-box .left .tit {
  border-bottom: 1px solid #dcdcdc;
}
#theme1 .main-step2 .consumer-box .left .tab-wrap {
  font-size: 24px;
  color: #999999;
}
#theme1 .main-step2 .consumer-box .left .tab-wrap .tab-btn {
  margin-right: 36px;
}
#theme1 .main-step2 .consumer-box .left .tab-wrap .tab-btn.active {
  color: #000;
}
#theme1 .main-step2 .consumer-box .left .more-btn {
  width: 34px;
  height: 34px;
  background: url(../img/theme1/more1.png) no-repeat center;
  border: 1px solid #cccccc;
}
#theme1 .main-step2 .consumer-box .right {
  width: 30.5625%;
  /*20240401*/
  /*padding: 40px 10px 10px;*/
  padding: 40px 10px 40px;
  /*20240401*/
}
#theme1 .main-step2 .consumer-box .right .tit {
  padding: 0 20px 20px;
}
#theme1 .main-step2 .consumer-box .right .tit p {
  margin: 0;
}
#theme1 .main-step2 .consumer-box .right .swiper-controlls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#theme1 .main-step2 .consumer-box .right .swiper-pagination, #theme1 .main-step2 .consumer-box .right .swiper-button-next, #theme1 .main-step2 .consumer-box .right .swiper-button-prev {
  position: static;
}
#theme1 .main-step2 .consumer-box .right .swiper-button-next, #theme1 .main-step2 .consumer-box .right .swiper-button-prev, #theme1 .main-step2 .consumer-box .right .swiper-pause-btn {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin: 0;
}
#theme1 .main-step2 .consumer-box .right .swiper-button-prev {
  background: url(../img/theme1/prev1.png) no-repeat center;
}
#theme1 .main-step2 .consumer-box .right .swiper-button-next {
  background: url(../img/theme1/next1.png) no-repeat center;
}
#theme1 .main-step2 .consumer-box .right .swiper-button-prev:after, #theme1 .main-step2 .consumer-box .right .swiper-button-next:after {
  content: "";
}
#theme1 .main-step2 .consumer-box .right .swiper-pagination {
  font-size: 18px;
  color: #999;
  font-weight: 700;
  width: auto;
  margin-right: 10px;
}
#theme1 .main-step2 .consumer-box .right .swiper-pagination .swiper-pagination-current {
  color: #000;
}
#theme1 .main-step2 .consumer-box .right .swiper-pause-btn {
  background: url(../img/theme1/pause2.png) no-repeat center;
  margin: 0 6px;
}
#theme1 .main-step2 .consumer-box .right .swiper-pause-btn.paused {
  background-image: url(../img/theme1/play2.svg);
}

/* 온라인 강의실 */
#theme1 .main-step3 {
  padding: 80px 0;
}
#theme1 .main-step3 .tab-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  margin: 45px 0;
}
#theme1 .main-step3 .tab-wrap .tab-btn {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #dcdcdc;
  padding: 20px 0;
}
#theme1 .main-step3 .tab-wrap .tab-btn:nth-of-type(n+2) {
  border-left: 0;
}
#theme1 .main-step3 .tab-wrap .tab-btn.active {
  background-color: var(--th15);
  color: #fff;
  border-color: var(--th15);
}
#theme1 .main-step3 .online-list li {
  width: 23.1875%;
  border: 1px solid #dcdcdc;
  margin-right: 2.4375%;
  margin-bottom: 30px;
}
#theme1 .main-step3 .online-list li:nth-of-type(4n) {
  margin-right: 0;
}
/* #theme1 .main-step3 .online-list li:hover {
  border-color: var(--th11);
  -webkit-box-shadow: 5px 9px 13px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 5px 9px 13px 0px rgba(0, 0, 0, 0.25);
} */
#theme1 .main-step3 .online-list li > a {
  display: block;
}
#theme1 .main-step3 .online-list li > a .txt-box {
  padding: 35px 25px;
  /*20240404*/
  position: relative;
  min-height:181px;
  /*20240404*/
}
#theme1 .main-step3 .online-list li > a .tit {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 25px;
  /*20240404*/
  width: calc(100% - 40px);
  /*20240404*/
	/* 20240405 hwson 텍스트 최대 높이 설정 */
  height: 60px;
	/* 20240405 hwson 텍스트 최대 높이 설정 */
}
#theme1 .main-step3 .online-list li > a .detail {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#theme1 .main-step3 .online-list li > a .detail p {
  margin: 0;
  /* 20240329 hwson 테마01 과정 영역 글자 안보인다고 굵게 수정 */
  /* color: #7d7d7d;
  font-weight: 700; */
  width: 45%;
  color : black;
  font-weight : bold;
  margin: 5px;
  /* 20240329 hwson 테마01 과정 영역 글자 안보인다고 굵게 수정 */
}
/* 20240405 hwson 테마01 변수값 검정색 처리 */
#theme1 .main-step3 .online-list li > a .detail p b {
    color: #ccc;
/*     float : right; */
}
/* 20240405 hwson 테마01 변수값 검정색 처리 */
#theme1 .main-step3 .online-list li > a .detail .label {
  display: inline-block;
  width: 50%;
  border-right: 1px solid #dcdcdc;
  margin-right: 10px;
}
#theme1 .main-step3 .online-list li > a .img-box {
  width: 100%;

  /*20240404*/
  /*height: 225px;*/
  position: relative;
  padding-top: 59.4594594595%;
  /*20240404*/
}
#theme1 .main-step3 .online-list li > a .img-box img {
	/*20240404*/
	position: absolute;
   top: 0;
   left: 0;
   -o-object-fit: cover;
   object-fit: cover;
   /*20240404*/
  width: 100%;
  height: 100%;
}
#theme1 .main-step3 .button-box {
  text-align: center;
}
/* 20240329 hwson 테마03 04 버튼모양 추가 디자인 함 */
#theme3 .main-step4 .button-box {
  text-align: center;
}
#theme4 .main-step2 .button-box {
  text-align: center;
  /*20240401*/
  margin-top: 20px;
   /*20240401*/
}
#theme1 .main-step3 .button-box .lect-more {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: var(--th11);
  font-weight: bold;
  padding: 15px 40px;
  border: 1px solid var(--th11);
  border-radius: 5px;
}

#theme4 .main-step2 .button-box .lect-more {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: var(--th11);
  font-weight: bold;
  padding: 15px 40px;
  border: 1px solid var(--th11);
  border-radius: 5px;
}

/* 20240329 hwson 테마03 04 버튼모양 추가 디자인 함 */

#theme3 .main-step4 .button-box .lect-more {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: var(--th11);
  font-weight: bold;
  padding: 15px 40px;
  border: 1px solid var(--th11);
  border-radius: 5px;
  margin-top: 10px;
}

#theme1 .main-step3 .button-box .more {
  font-size: 34px;
  margin-left: 89px;
}
/* 20240329 hwson 테마 3,4 버튼 디자인 추가 */
#theme3 .main-step4 .button-box .more {
  font-size: 34px;
  margin-left: 89px;
}

#theme4 .main-step2 .button-box .more {
  font-size: 34px;
  margin-left: 89px;
}
/* 20240329 hwson 테마 3,4 버튼 디자인 추가 */

/* 훈련과정 */
#theme1 .main-step4 {
  background-color: var(--th16);
  padding: 80px 0;
}
#theme1 .main-step4 .process-swiper {
  margin-top: 45px;
}
#theme1 .main-step4 .swiper-button-prev {
  left: 50px;
}
#theme1 .main-step4 .swiper-button-next {
  right: 50px;
}


/*240312 추가*/
#theme2 .main-banner{
  position: relative;
  overflow:hidden;
}

.theme .main-banner .swiper-controlls{
  bottom:6%;
}
.theme .main-banner .swiper-pagination-bullet{
	/*20240405 hwson */
/* 	opacity : 0.3; */
	opacity: 0.7;
	/*20240405 hwson */
}
.theme .main-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity : 1;
}


  #theme2 .main-step3 .online-list .swiper-slide .img_box{
    position:relative;
    height:auto;
    padding-bottom:81%;
  }

  #theme2 .main-step3 .online-list .swiper-slide .img_box img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    /*20240411 hwson 이미지 전부 원해서 cover - >  fill 처리 */
    object-fit: fill;
    /*20240411 hwson 이미지 전부 원해서 cover - >  fill 처리 */
    object-position:center;
	/* 2024-04-05 hwson 이미지 투명 시 뒷배경보여서 기본 색 셋팅 */
	background-color: white;
	/* 2024-04-05 hwson */
  }
  #theme2 .main-step3 .online-list .txt-box{
    width:100%;
  }

  #theme2 .main-step3 .online-list{
      overflow:clip;
  }
  #theme3 .main-step1 .swiper{
  	overflow:hidden;
  }
  
  #theme1 .main-step2 .consumer-box .right{
  	justify-content: center;
    flex-flow: column;
    display: flex;
  }
  #theme1 .main-step2 .consumer-box .right>div{
  	display: block;
    text-align: center;
    /*20240401*/
    	margin-top: 0;
    /*20240401*/
  }
  #theme1 .main-step2 .consumer-box{
  	margin-top: 20px;
  }
  #theme3 .main-step1{
  /*20240401*/
  /* 20240402 hwson 100퍼일때 꺠져요 이것때문에 .......... */
   /*    width: 1760px;
    margin: 0 auto; */
  /* 20240402 hwson 100퍼일때 꺠져요 이것때문에 .......... */
   /*20240401*/
  	padding-top:0 !important;
  }
  #theme3 .main-step1 .swiper-slide .img-box img{
      object-position: center;
    	max-height: none;
  }
  #theme3 .main-step1 .swiper{
  	margin-left:auto;
  }
/*240312 추가 끝*/
@media (max-width: 1620px) {
  .theme .layout {
    margin: 0 20px;
  }
  /* 20240329 hwson 테마별 헤더라인 마진 삭제 */
 #theme1 .header-inner.layout {
 margin: 0px;
 }
 #theme4 .header-inner.layout {
 margin: 0px;
 }
 #theme3 .header-inner.layout {
 margin: 0px;
 }
 #theme2 .header-inner.layout {
 margin: 0px;
 }
 
 
}
/* 테마2 공통 */
.theme2 .tit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme2 .tit-box h2 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}
.theme2 .tit-box .more-btn {
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #666666;
  padding: 6px 25px;
}
.theme2 .tit-box.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.theme2 i.more-lect {
  -webkit-mask: url(../img/theme2/list.png) no-repeat center;
          mask: url(../img/theme2/list.png) no-repeat center;
  background-color: var(--th12);
  width: 14px;
  height: 14px;
}
.theme2 .header-wrap .right-box {
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.theme2 .header-wrap .logo {
  margin-left: 7.9348397267%;
}
.theme2 .header-wrap .set-menu {
  background: var(--th13);
  color: #fff;
  min-width: 286px;
}
.theme2 .header-wrap .set-menu li :hover {
  color: var(--th11);
}
.theme2 .header-wrap .menu {
  font-weight: bold;
}
.theme2 .header-wrap .menu > li:hover {
  color: var(--th11);
}
.theme2 .header-wrap .site-map {
  background-color: var(--th11);
  line-height: 90px;
  max-width: 151px;
  width: 100%;
  min-width: 88px;
}
.theme2 .header-wrap .site-map > * {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/theme2/site-map.png) no-repeat center;
  vertical-align: middle;
  margin-left: 32px;
}

#theme2 .main-step1 {
  background: url(../img/theme2/banner-bg.png) no-repeat right top;
  padding-top: 90px;
}
#theme2 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, left bottom, from(#2a558a), to(#2a558a)), rgba(42, 85, 138, 0.5);
  background: linear-gradient(#2a558a, #2a558a), rgba(42, 85, 138, 0.5);
}

#theme2 .main-step2 {
  margin-top: -130px;
  padding-top: 130px;
  background: url(../img/theme2/step2-bg.png) no-repeat left top/40.3645833333% 100%, -webkit-gradient(linear, left top, right top, color-stop(41%, var(--th15)), color-stop(41%, transparent));
  background: url(../img/theme2/step2-bg.png) no-repeat left top/40.3645833333% 100%, linear-gradient(to right, var(--th15) 41%, transparent 41%);
}
#theme2 .main-step2 .design-box {
  display: grid;
  grid-template-columns: 38.4375% 35.75% 25.8125%;
  grid-template-rows: repeat(2, auto);
}
#theme2 .main-step2 .notice-box {
  grid-column: 2/4;
  grid-row: 1/2;
  padding: 40px 0 40px 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#theme2 .main-step2 .notice-box .tit-box {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
   /*20240507 hwson 퍼블지원 공백 수정 */
   margin-right: 20px;
	/*    min-width: 185px; */
   /*20240507 hwson 퍼블지원 공백 수정 */
}
#theme2 .main-step2 .notice-box .board-list {
  width: calc(100% - 185px);
}
#theme2 .main-step2 .notice-box .board-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: url(../img/theme2/boardlist.png) no-repeat left center;
  padding-left: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  /*20240419*/
  justify-content: space-between;
  /*20240419*/
}
#theme2 .main-step2 .notice-box .board-list li:last-of-type {
  margin-bottom: 0;
}
#theme2 .main-step2 .notice-box .board-list .board-tit {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#theme2 .main-step2 .notice-box .board-list .date {
  /*20240419*/
  /*margin-left: 100px;*/
  min-width: 110px;
  margin-left: 10px;
  /*20240419*/
  color: #999;
}
#theme2 .main-step2 .new-course {
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: end;
}
#theme2 .main-step2 .new-course .inner {
  border: 1px solid #e4e4e4;
  max-width: 400px;
  height: 100%;
  background-color: #f6f6f6;
  padding: 40px 35px 20px;
}
#theme2 .main-step2 .new-course .img-box {
  margin-top: 16px;
  border: 1px solid #cccccc;
  position: relative;
  padding-top: 52.7272727273%;
  overflow: hidden;
}
#theme2 .main-step2 .new-course .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
#theme2 .main-step2 .new-course .img-box::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 30px;
/*   background: url(../img/theme2/play.png) no-repeat center; */
  top: 18px;
  right: 14px;
}
#theme2 .main-step2 .new-course .tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 20px;
}
#theme2 .main-step2 .new-course .txt-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#theme2 .main-step2 .new-course .txt-box p {
  width: 50%;
  margin: 3px 0;
  font-size: 13px;
}
#theme2 .main-step2 .new-course .txt-box p b {
  color: #999;
}
#theme2 .main-step2 .new-course .txt-box .label {
  display: inline-block;
  width: 66px;
  font-weight: bold;
}
#theme2 .main-step2 .event-box {
  grid-column: 2/3;
  border: 1px solid #e4e4e4;
  border-left: 0;
  background-color: #fff;
  padding: 40px 40px 20px;
}
#theme2 .main-step2 .event-box .event-banner {
  margin-top: 16px;
}
#theme2 .main-step2 .event-box .swiper-pagination {
  position: static;
  margin-top: 10px;
}
#theme2 .main-step2 .event-box .swiper-pagination-bullet {
  background: #000;
  margin: 0 5px;
  width: 12px;
  height: 12px;
}
#theme2 .main-step2 .consumer-box {
  grid-column: 3/4;
  border: 1px solid #e4e4e4;
  border-left: 0;
  padding: 40px 40px 20px;
  text-align: center;
}

#theme2 .main-step3 .tab-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 130px;
}
#theme2 .main-step3 .tab-wrap .tab-btn {
  padding: 10px 20px;
  background-color: #eeeeee;
  border-radius: 50px;
  margin: 0 3px;
  margin-top: 70px;
  /*20240411 hwson 폰트 볼드 처리 */
  font-weight: bold;
  /*20240411 hwson 폰트 볼드 처리 */
}
#theme2 .main-step3 .tab-wrap .tab-btn.active {
  background-color: var(--th13);
  color: #fff;
}
#theme2 .main-step3 .online-swiper-bg {
  background: var(--th16);
  padding-top: 1px;
  padding-bottom: 40px;
}
#theme2 .main-step3 .online-list {
  margin-top: -100px;
  /* 20240405 hwson 마진 추가 */
  margin-right: 100px;
  margin-left: 100px;
  /* 20240405 hwson 마진 추가  끝 */
  
}
#theme2 .main-step3 .online-list .swiper-slide {
  border: 1px solid #ccc;
  /*240315 추가 */
  /* 20240402 hwson 이거 주석하셔서 resize해결안되서, 일단 주석 해제 */
  /* max-width: 20%;*/
  /* 20240402 hwson 이거 주석하셔서 resize해결안되서, 일단 주석 해제 */
/*240315 추가 끝*/
}
#theme2 .main-step3 .online-list .swiper-slide:hover {
  border-color: var(--th11);
}
#theme2 .main-step3 .online-list .swiper-slide:hover .txt-box {
  bottom: 0;
  height: auto;
}
#theme2 .main-step3 .online-list .txt-box {
  line-height: 1.3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  background-color: rgba(42, 85, 138, 0.85);
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0;
  padding: 16px 20px;
  color: #fff;
  position: absolute;
  bottom: -100%;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#theme2 .main-step3 .online-list .txt-box .tit {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#theme2 .main-step3 .online-list .txt-box .like-btn {
  margin-left: 80px;
  width: 32px;
  height: 32px;
  background: url(../img/theme3/heart-off.png) no-repeat center;
  /*20240401*/
      position: relative;
  /*20240401*/
}
#theme2 .main-step3 .online-list .txt-box .like-btn.active {
  background-image: url(../img/theme3/heart-on.png);
}
#theme2 .main-step3 .online-list .img-box {
  position: relative;
  padding-top: 81.0810810811%;
  overflow: hidden;
}
#theme2 .main-step3 .online-list .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#theme2 .main-step3 .online-list .img-box::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 30px;
  background: url(../img/theme2/play.png) no-repeat center;
  top: 18px;
  right: 14px;
}
#theme2 .main-step3 .button-box {
  text-align: center;
  margin-top: 40px;
}
#theme2 .main-step3 .button-box .lect-more {
  border: 1px solid var(--th15);
  padding: 16px 65px;
  color: var(--th12);
  font-weight: bold;
  display: inline-block;
}
#theme2 .main-step3 .button-box i.more-lect {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

.theme .process-wrap {
  background: #f5f5f5;
}
.theme .process-wrap .process-swiper {
  padding: 60px 0;
}
.theme .process-wrap .process-swiper .tit {
  font-size: 36px;
  margin: 0 0 20px;
}
.theme .process-wrap .process-swiper .tit span {
  color: var(--th11);
}
.theme .process-wrap .process-swiper .swiper-button-prev {
  left: 0;
}
.theme .process-wrap .process-swiper .swiper-button-next {
  right: 0;
}
.theme .process-wrap .p-banner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme .process-wrap .left {
  color: var(--th12);
  font-size: 36px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme .process-wrap .left .circle {
  background-color: var(--th16);
  width: 102px;
  height: 102px;
  line-height: 120px;
  border-radius: 50%;
}
.theme .process-wrap .left .circle i {
  width: 46px;
  height: 46px;
  background-color: var(--th12);
}
.theme .process-wrap .left .cate {
  margin: 0 28px 0;
  border-right: 1px solid #cccccc;
  padding: 0 28px;
}
.theme .process-wrap .right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme .process-wrap .right .conts {
  color: #5e5e5e;
  line-height: 1.2;
  margin: 0 30px 0 0;
}
.theme .process-wrap .right .go-lect {
  background-color: var(--th12);
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}
.theme .process-wrap .right .go-lect i {
  margin-left: 15px;
}

@media (max-width: 1640px) {
	/*20240321*/
  .theme .header-wrap.mo_top {
    /*padding: 0 20px;*/
  }
  /*20240321*/
  .theme .header-wrap .logo {
    padding-left: 0;
  }
  #theme2.theme .header-wrap{
    padding: 0;
  }
}
/* 테마2 공통 */
#theme3 .tit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 15px;
}
#theme3 .tit-box h2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
#theme3 .tit-box .more-btn {
  font-size: 30px;
  color: #fff;
  background-color: var(--th13);
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 2px;
  border: 1px solid #cccccc;
  font-weight: lighter;
}
#theme3 .header-wrap {
  background-color: white;
  color: black;
  /* 20240329 hwson 반응형시 나오는 메뉴라인 바텀 border 추가 */
  border-bottom : 1px solid var(--th11);
  /* 20240329 hwson 반응형시 나오는 메뉴라인 바텀 border 추가 */
}
#theme3 .header-wrap .site-map {
  background-color: var(--th11);
}
#theme3 .header-wrap .site-map > a  {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: relative;
  margin: 0 36px;
  
}
#theme3 .header-wrap .site-map > a span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
  width: 18px;
  height: 18px;
}
#theme3 .header-wrap .site-map i{
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--th13);;
  border-radius: 50%;
  position: absolute;
}
#theme3 .header-wrap .site-map i:nth-child(1){
  top: 0;
  left: 00;
}
#theme3 .header-wrap .site-map i:nth-child(2){
  top: 0;
  right: 0;
}
#theme3 .header-wrap .site-map i:nth-child(3){
  bottom: 0;
  left: 0;
}
#theme3 .header-wrap .site-map i:nth-child(4){
  bottom: 0;
  right: 0;
}
#theme3 .header-wrap.active::before {
  background-color: #666;
}

#theme3 .main-step1 {
  background-color: var(--th17);
  position: relative;
  padding-bottom: 50px;
  padding-top: 90px;
}
#theme3 .main-step1 .swiper {
	/*20240401*/
  /*max-width: 1760px;
  margin-right: 0;*/
  /*20240401*/
}
#theme3 .main-step1 .swiper-slide .img-box {
/*   position: relative; */
  padding-top: 51.8518518519%;
  overflow: hidden;
 /* background: url(../img/theme3/banner1.png) no-repeat center/100%;*/
}
#theme3 .main-step1 .swiper-slide .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
#theme3 .main-step1 .slide-inner {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 10.2272727273%;
}
#theme3 .main-step1 .slide-inner .banner-txt {
  padding-top: 100px;
}
#theme3 .main-step1 .slide-inner .banner-txt .name {
  font-size: 20px;
}
#theme3 .main-step1 .slide-inner .banner-txt .tit {
  font-size: 50px;
  margin: 26px 0 20px;
  font-weight: bold;
}
#theme3 .main-step1 .slide-inner .banner-txt .m-txt {
  font-size: 32px;
  margin: 0 0 20px;
}
#theme3 .main-step1 .slide-inner .banner-txt .s-txt {
  font-size: 18px;
}
#theme3 .main-step1 .slide-inner .banner-txt .go-link {
  display: inline-block;
  background-color: var(--th11);
  color: #fff;
  padding: 15px 25px;
  margin-top: 40px;
}
#theme3 .main-step1 .slide-inner .banner-txt .go-link i {
  margin-left: 40px;
}
#theme3 .main-step1 .slide-inner .slide-img {
  max-width: 1080px;
  width: 68.3544303797%;
}
#theme3 .main-step1 .swiper-controllers {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  border: 1px solid #cccccc;
}
#theme3 .main-step1 .swiper-controllers .swiper-button-next, #theme3 .main-step1 .swiper-controllers .swiper-button-prev, #theme3 .main-step1 .swiper-controllers .swiper-pagination {
  width: 50px;
  height: 50px;
  position: static;
  margin: 0;
}
#theme3 .main-step1 .swiper-controllers .swiper-button-prev:after, #theme3 .main-step1 .swiper-controllers .swiper-button-next:after {
  display: none;
}
#theme3 .main-step1 .swiper-controllers .swiper-button-next, #theme3 .main-step1 .swiper-controllers .swiper-button-prev {
  background: url(../img/theme3/b-arrow.png) no-repeat center, #fff;
  border-bottom: 1px solid #ccc;
}
#theme3 .main-step1 .swiper-controllers .swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#theme3 .main-step1 .swiper-controllers .swiper-pagination-fraction {
  background-color: black;
  font-size: 0;
  text-align: center;
}
#theme3 .main-step1 .swiper-controllers .swiper-pagination-current {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
}
#theme3 .main-step1 .banner-thum {
  position: absolute;
  bottom: 0px;
  font-size: 0;
  left: 10.2272727273%;
}
#theme3 .main-step1 .banner-thum .swiper-wrapper {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#theme3 .main-step1 .banner-thum .swiper-slide {
  width: 80px !important;
}

#theme3 .main-step2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 90px 0;
}
#theme3 .main-step2 > div:not(:last-of-type) {
  margin-right: 5%;
}
#theme3 .main-step2 .notice-box {
  width: 37.5%;
}
#theme3 .main-step2 .notice-box .board-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
#theme3 .main-step2 .notice-box .board-list li:last-of-type {
  margin-bottom: 0;
}
#theme3 .main-step2 .notice-box .date {
  min-width: 60px;
  margin-right: 10px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border: 1px solid #cccccc;
  padding: 3px 0;
}
#theme3 .main-step2 .notice-box .date span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #000;
  line-height: 1.1;
}
#theme3 .main-step2 .notice-box .board-tit {
  width: calc(100% - 70px);
  line-height: 1.4;
}
#theme3 .main-step2 .notice-box .board-tit .tit, #theme3 .main-step2 .notice-box .board-tit .con {
  margin: 0;
  color: #999999;
}
#theme3 .main-step2 .notice-box .board-tit .tit {
  color: #000;
  font-size: 20px;
}
#theme3 .main-step2 .event-box {
  width: 31.25%;
  position: relative;
}
#theme3 .main-step2 .event-box .swiper-pagination {
  right: 40px;
  top: 10px;
}
#theme3 .main-step2 .event-box .swiper-pagination-bullet {
  background-color: #ccc;
  width: 12px;
  height: 12px;
  opacity: 1;
  margin: 0 5px;
}
#theme3 .main-step2 .event-box .swiper-pagination-bullet-active {
  background-color: #000;
}
#theme3 .main-step2 .consumer-box {
  width: 21.25%;
  text-align: center;
}
#theme3 .main-step2 .consumer-box .call-num {
  margin: 30px 0 10px;
}
#theme3 .main-step2 .consumer-box .call-txt {
  margin-bottom: 10px;
}

#theme3 .main-step3 {
  background-color: var(--th17);
  padding: 90px 0 44px;
}
#theme3 .main-step3 .swiper-controlls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
#theme3 .main-step3 .swiper-button-next, #theme3 .main-step3 .swiper-button-prev, #theme3 .main-step3 .swiper-pagination {
  position: static;
  width: auto;
  margin: 0;
}
#theme3 .main-step3 .swiper-pagination {
  margin: 0 10px;
}
#theme3 .main-step3 .swiper-button-next, #theme3 .main-step3 .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: url(../img/theme3/b-arrow.png) no-repeat center, #fff;
  border: 1px solid #ccc;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#theme3 .main-step3 .swiper-button-next:hover, #theme3 .main-step3 .swiper-button-prev:hover {
  background: url(../img/theme3/b-arrow-on.png) no-repeat center, var(--th14);
}
#theme3 .main-step3 .swiper-button-next {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#theme3 .main-step3 .swiper-button-next:after, #theme3 .main-step3 .swiper-button-prev:after {
  display: none;
}

#theme3 .main-step4 {
  padding: 100px 0;
}
#theme3 .main-step4 .tab-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 18px;
  color: #666;
  /* 20240329 hwson + 버튼 삭제로인한 탭 우측 볼더 삭제 */
  border-right: 0px;
  /* 20240329 hwson + 버튼 삭제로인한 탭 우측 볼더 삭제 */
}
#theme3 .main-step4 .tab-wrap .tab-btn {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #ccc;
  /* 20240329 hwson + 버튼 삭제로인한 탭 크기 추가 */
  width: 50px;
  height: 50px;
  font-weight: lighter;
  font-weight: bold;
  /* 20240329 hwson + 버튼 삭제로인한 탭 크기 추가 */
}
#theme3 .main-step4 .tab-wrap .tab-btn.active {
  color: #fff;
  background: var(--th11);
}
#theme3 .main-step4 .tab-wrap .more-btn {
  width: 50px;
  height: 50px;
  font-size: 48px;
  background: var(--th13);
  color: #fff;
  font-weight: lighter;
  padding-top: 6px;
}

#theme3 .main-step5 {
  background: var(--th15);
}
#theme3 .main-step5 i.right-arrow {
  -webkit-mask: url(../img/theme3/right-arrow.png) no-repeat center;
          mask: url(../img/theme3/right-arrow.png) no-repeat center;
}
#theme3 .main-step5 .swiper-button-next:after, #theme3 .main-step5 .swiper-button-prev:after {
  color: #fff;
}
#theme3 .main-step5 .process-swiper .tit {
  font-weight: lighter;
  color: #fff;
}
#theme3 .main-step5 .process-swiper .tit span {
  color: inherit;
  font-weight: bold;
}
#theme3 .main-step5 .left {
  color: var(--th12);
}
#theme3 .main-step5 .left .circle {
  background-color: #fff;
}
#theme3 .main-step5 .left .circle i {
  background-color: var(--th12);
}
#theme3 .main-step5 .left .cate {
  border-right: 1px solid #fff;
  color: #fff;
}
#theme3 .main-step5 .right .conts {
  color: #fff;
}
#theme3 .main-step5 .right .go-lect {
  background-color: #fff;
  color: var(--th12);
}
#theme3 .main-step5 .right .go-lect i {
  background: var(--th12);
}

@media (max-width: 1780px) {
  #theme3 .main-step1 .swiper {
    margin-left: 20px;
  }
}
.theme4 .tit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme4 .tit-box h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.theme4 .tit-box h2 span {
  color: var(--th11);
}
.theme4 .more-btn {
  font-size: 33px;
  color: #fff;
  background-color: var(--th13);
  width: 34px;
  height: 34px;
  text-align: center;
  border: 1px solid #cccccc;
  font-weight: lighter;
  padding-top: 3px;
}
.theme4 .header-wrap {
  border-bottom: 1px solid var(--th11);
}
.theme4 .header-wrap.active {
  border-color: #fff;
}
.theme4 .header-wrap .menu {
  font-weight: bold;
}
.theme4 .header-wrap .menu li {
  position: relative;
}
.theme4 .header-wrap .menu > li:hover::before {
  content: "";
  width: calc(100% - 10px);
  position: absolute;
  top: 87px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: var(--th11);
}
.theme4 .header-wrap .set-menu {
  color: #999;
}
.theme4 .header-wrap .site-map > * {
  width: 26px;
  height: 21px;
  -webkit-mask: url(../img/theme4/site-map.png) no-repeat center;
          mask: url(../img/theme4/site-map.png) no-repeat center;
  background-color: var(--th11);
  vertical-align: middle;
}
/*20240312 hwson 추가*/
#theme4 .main-step1 {
  padding-top: 0px;
}
/*20240312 hwson 추가끝 */
#theme4 .main-step1 .step1-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#theme4 .main-step1 .step1-inner > div {
	/*20240404*/
 /* width: calc(50% - 15px);*/
  width: calc(50%);
  /*20240404*/
}
#theme4 .main-step1 .main-banner {
  border-radius: 10px;
  font-size: 0;
  margin-right: 20px;
  /*20240401*/
  margin-left: 0;
  position: relative;
  /*20240401*/
}
#theme4 .main-step1 .main-banner img {
  /* 20240411 hwson 작은사이즈일시 깨져서 주석 */
  /* height: 100%; */
  -o-object-fit: fill;
     object-fit: fill;
  /* 20240411 hwson 작은사이즈일시 깨져서 주석 , fill로 변경  */
  /*20240404*/
  display: inline-block;
  /*20240404*/
}
#theme4 .main-step1 .swiper-controlls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: auto;
  bottom: auto;
  right: 0;
}
#theme4 .main-step1 .swiper-controlls > * {
  width: 50px;
  height: 50px;
  margin: 0;
  background: url(../img/theme4/arrow.png) no-repeat center, rgba(0, 0, 0, 0.55);
  border-radius: 0;
  font-size: 0;
  position: static;
}
#theme4 .main-step1 .swiper-controlls .swiper-button-next {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#theme4 .main-step1 .swiper-controlls .swiper-button-next:after, #theme4 .main-step1 .swiper-controlls .swiper-button-prev:after {
  display: none;
}
#theme4 .main-step1 .swiper-controlls .swiper-pause-btn {
  background-image: url(../img/theme4/stop.png);
  margin: 0 1px;
}
#theme4 .main-step1 .tit-box h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
#theme4 .main-step1 .right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#theme4 .main-step1 .right > div {
  background: #f2f4f6;
  border-radius: 10px;
}
#theme4 .main-step1 .consumer-box {
  padding: 40px 25px 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
  margin-bottom: 10px;
}
#theme4 .main-step1 .consumer-box i {
  width: 33px;
  height: 33px;
  background-color: var(--th12);
}
#theme4 .main-step1 .consumer-box .txt-box {
  margin: 0 30px;
  -moz-text-align-last: left;
       text-align-last: left;
}
#theme4 .main-step1 .consumer-box .call-num {
  font-size: 32px;
  margin: 0;
  color: var(--th12);
}
#theme4 .main-step1 .consumer-box .call-txt {
  margin: 0;
  line-height: 1.5;
}
#theme4 .main-step1 .consumer-box .mail {
  background: none;
  color: var(--th15);
  padding: 0;
}
#theme4 .main-step1 .consumer-box .quick-menu {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
#theme4 .main-step1 .notice-box {
  padding: 25px;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#theme4 .main-step1 .notice-box .tit-box {
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}
#theme4 .main-step1 .notice-box .more-btn {
  background: transparent;
  border: 0;
  color: #000;
  height: 22px;
}
#theme4 .main-step1 .notice-box .board-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #e4e4e4;
}
#theme4 .main-step1 .notice-box .board-list li:last-of-type {
  border-bottom: 0;
}
#theme4 .main-step1 .notice-box .date {
  min-width: 60px;
  margin-right: 10px;
  text-align: center;
  font-size: 12px;
  color: #000;
  padding: 3px 0;
  font-weight: bold;
}
#theme4 .main-step1 .notice-box .date span {
  display: block;
  font-size: 28px;
  line-height: 1.1;
}
#theme4 .main-step1 .notice-box .board-tit {
  line-height: 1.4;
  width: calc(100% - 70px);
}
#theme4 .main-step1 .notice-box .board-tit .tit, #theme4 .main-step1 .notice-box .board-tit .con {
  margin: 0;
  color: #999999;
}
#theme4 .main-step1 .notice-box .board-tit .tit {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

#theme4 .main-step2 {
  margin-top: 50px;
  padding: 70px 0;
  background: var(--th18);
}
#theme4 .main-step2 .tab-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #cccccc;
  font-size: 18px;
  color: #666;
}
#theme4 .main-step2 .tab-wrap .tab-btn {
  	border-right: 1px solid #ccc;
  	width: 96px;
  	/* 20240329 hwson 더보기 버튼 변경으로 인한 높이 추가 */
  	height: 34px;
 	font-weight: bold;
  	/* 20240329 hwson 더보기 버튼 변경으로 인한 높이 추가 */
  	background: #fff;
}
#theme4 .main-step2 .tab-wrap .tab-btn.active {
  color: #fff;
  background: var(--th11);
}
#theme4 .main-step2 .tab-wrap .more-btn {
  width: 34px;
  height: 34px;
}

#theme4 .main-step3 {
  padding: 70px 0;
}
#theme4 .main-step3 .event-banner {
  margin-top: 30px;
}

#theme4 .process-wrap {
  background-color: var(--th16);
}
#theme4 .process-wrap .process-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#theme4 .process-wrap .process-inner .tit {
  min-width: 300px;
  font-size: 30px;
  margin: 0;
}
#theme4 .process-wrap .swiper-wrapper {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
#theme4 .process-wrap .left .circle {
  background: transparent;
  width: 44px;
}
#theme4 .process-wrap .left .cate {
  margin-left: 0;
  border-color: var(--th12);
}
#theme4 .process-wrap .right .conts {
  color: var(--th12);
}
#theme4 .process-wrap .swiper-button-next::after, #theme4 .process-wrap .swiper-button-prev::after {
  color: var(--th12);
}/*# sourceMappingURL=theme4.css.map */

.m_menu_btn{
  display: none;
}
#theme4 .main-step1 .main-banner{
	overflow:hidden;
}

  #theme1 .main-step1 .main-banner{
    overflow:hidden;
  }
  #theme1 .main-step4 .process-swiper{
    overflow:hidden;
  }

#theme2 .main-step2 .consumer-box{
	background-color: #fff;
    grid-column: 3 / 4;
}
#theme3 .main-step2 .consumer-box{
	width: calc(100% - 37.5%);
}
/* 반응형 */
@media(max-width:1500px){
	/*20240409*/
	.theme.theme3 .main-banner .swiper-pause-btn{
		width: 35px;
    	height: 35px;
    }
	/*20240409*/
  #theme3.theme .header-wrap .set-menu li{
  /*20240321*/
    /*margin: 0 10px;*/
  /*20240321*/
  }
  #theme3.theme .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: -10px;
  }

  #theme3 .main-step1 .slide-inner .banner-txt .tit{
    font-size: 35px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .s-txt{
    font-size: 16px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .m-txt{
    font-size: 25px;
  }
  #theme3 .main-step1 .swiper{
    margin-left: 0;
    position: relative;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .go-link{
    margin-top: 20px;
  }
  #theme3 .main-step1 .swiper-controllers{
    left: 10px;
  }
  #theme3 .main-step1 .swiper-controllers .swiper-button-next, #theme3 .main-step1 .swiper-controllers .swiper-button-prev, #theme3 .main-step1 .swiper-controllers .swiper-pagination{
    width: 35px;
    height: 35px;
  }
  #theme3 .main-step1 .swiper-controllers .swiper-pagination-current{
    line-height: 35px;
  }
}
@media(max-width:1450px){
  #theme2 .main-step2 .consumer-box{
    padding: 40px 20px 20px;
  }
  
  .no_1400 {
		display: none;
	}
 
}
@media(max-width:1400px){
	/*20240404*/
	.txt-box .like-btn-wrap{
		position: absolute;
	    right: 15px;
	    top: 20px;
	}
	/*20240404*/
	/*20240328*/
	#theme1 .header-wrap .logo_wrap .logo {
    max-width: unset !important;
    }
    /*20240328*/
	/*20240321*/
	.theme .header-wrap.mo_top .set-menu li{
		padding: 0px;
		min-width: 90px;
	}
	/*.theme4 .header-wrap.mo_top .set-menu {
        min-width: 280px;
	}*/
	/* 20240328 hwson  1400아래일시 마진이 생겨서 변동 처리 */
	.fix_hd_main_contentLayout {
		margin-top : 80px !important;
	}
	/* 20240328 hwson 테마04 1400아래일시 마진이 생겨서 변동 처리 끝 */
	/* 20240328 hwson 테마01 1400아래시 웹 배너 이미지 위치 조정 */
	#theme1 .logo_wrap {
		top: 55px;
	}
	/* 20240328 hwson 테마01 1400아래시 웹 배너 이미지 위치 조정 */
	
	/*20240321*/
  #theme4.theme .process-wrap .p-banner{
    padding: 0 40px;
  }
  #theme4 .process-wrap .process-inner .tit{
    min-width: 200px;
  }
  #theme4 .process-wrap .right .conts{
    flex: 1;
  }
  #theme4 .process-wrap .left .cate{
    font-size: 26px;
    margin: 0 14px;
    padding: 0 14px;
    word-break: keep-all;
  }
  #theme3 .main-step1{
    padding-top: 80px;
  }
  #theme1 .main-step1 .quick-menu a{
    flex: 1;
    padding: 0 20px;
    justify-content: center;
  }
  #theme1 .main-step1 .quick-menu{
    font-size: 18px;
  }
  #theme1 .main-step1 .quick-menu i{
     /* 20240405 hwson 이미지 크기 확대 */
	  /*   width: 28px;
	    height: 28px; */
	    width: 38px;
	    height: 38px;
     /* 20240405 hwson 이미지 크기 확대 */
  }
  
  #theme1 .main-step2 .consumer-box .left .tab-wrap{
    font-size: 20px;
  }
  #theme1 .main-step2 .consumer-box .right .swiper-button-next, #theme1 .main-step2 .consumer-box .right .swiper-button-prev, #theme1 .main-step2 .consumer-box .right .swiper-pause-btn{
    width: 24px;
    height: 24px;
  }
  #theme1 .main-step2 .consumer-box .board-list{
    font-size: 16px;
  }
  #theme1 .main-step2 .consumer-box .board-list .board-tit{
    min-height: 18px;
    display: block;
  }
  #theme1 .main-step2 .consumer-box .board-list .label{
    font-size: 14px;
  }
  #theme1 .main-step2 .consumer-box .board-list .date{
    font-size: 14px;
  }
  #theme1 .main-step3 .online-list li > a .tit{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
	/*20240404*/
	/*word-break: keep-all;*/
    width: calc(100% - 30px);
    /*20240404*/
    /* 20240405 hwson */
    height: 50px;
    /* 20240405 hwson 끝 */
  }
  #theme1 .main-step3 .online-list li > a .detail{
    font-size: 14px;
  }
  #theme1 .main-step3 .online-list li > a .detail .label{
    /* 20240405 hwson 중앙배치로 인한 수치 변화 41 > 51*/
    width: 51%;
    /* 20240405 hwson 중앙배치로 인한 수치 변화 41 > 51 끝*/
  }
  .theme .header-wrap .menu > li{
    font-size: 18px;
    margin: 0 20px;
  }
  .theme .header-wrap .logo img{
    height: 40px;
  }
  #theme1 .header-wrap{
    height: 100px;
  }
  #theme1 .header-wrap .logo{
    /*20240328*/
   /* line-height:1000px;*/
       line-height: 80px;
    /*20240328*/
  }
  #theme1 .header-wrap .set-menu{
    margin: 10px 0 20px;
  }
  #theme1 .header-wrap .sub-menu{
    padding: 30px 0 20px;
  }
  #theme1 .header-wrap::before{
    top: 100px;
  }
  #theme1 .header-wrap.active{
    height: 340px;
  }
  #theme1 .main-step3 .online-list li > a .txt-box{
    padding: 20px 15px;
    /*20240404*/
    min-height: 135px;
    /*20240404*/
  }
  .theme .main-tit{
    font-size: 30px;
  }

  /* theme2 */
  .theme .header-wrap .logo{
    margin-left: 20px;
    line-height: 80px;
  }
  .theme .consumer-box .quick-menu span{
    font-size: 14px;
  }
  .theme .consumer-box .quick-menu i{
/*     width: 28px; */
/*     height: 28px; */
   /* 20240405 hwson 이미지 크기 확대 */
    width: 40px;
    height: 40px;
   /* 20240405 hwson 이미지 크기 확대  끝 */
  }
  #theme2 .main-step2 .notice-box .board-list li{
    font-size: 16px;
  }
  #theme2 .main-step2 .notice-box .board-list .date{
    font-size: 14px;
  }
	/*20240321*/
  .theme .header-wrap.mo_top{
   /* height: 80px;*/
  }
  /*20240321*/
  .theme .header-wrap.active{
    height: auto;
  }  
  /*20240401*/
  /*.theme .main-step1{

    padding-top: 80px;
  }*/
   /*20240401*/
  .theme .header-wrap .right-box{
    line-height: 80px;
  }
  .theme .header-wrap::before{
    top: 80px;
  }
  .theme .header-wrap .menu > li{
    margin: 0 10px;
  }
  .theme .header-wrap .logo{
    max-width: 100px;
    line-height: 80px;
  }
  .theme .header-wrap .site-map{
    line-height: 80px;
    max-width: 80px;
  }
  .theme .header-wrap .set-menu li{
    flex: 1;
    margin: 0;
    text-align: center;
  }
  #theme3.theme .header-wrap .set-menu li{
    margin: 0;
  }
  #theme1 .header-wrap .set-menu li{
    flex: none;
  }
  #theme3.theme .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: 0;
  }
  .theme .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: 0;
  }
  #theme2 .main-step3 .online-list .txt-box .like-btn{
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-left: 10px;
  }
  #theme2 .main-step3 .online-list .txt-box{
    font-size: 14px;
    padding: 6px 10px;
  }
  
  /*thmeme3*/
  #theme3 .header-wrap .site-map > a{
    margin: 0;
  }
  #theme3.theme .header-wrap .site-map{
    width: 80px;
    text-align: center;
    /*20240319*/
    margin-left: 10px;
    /*20240319*/
  }
  #theme3.theme .header-wrap .set-menu{
  /*20240319*/
  min-width: 215px;
    /*width: 200px;*/
    /*20240319*/
  }

  .theme .list a .tit{
    font-size: 16px;
    word-break: keep-all;
    min-height: 60px;
  }
  #theme3 .main-step3 .swiper-button-next, #theme3 .main-step3 .swiper-button-prev{
    width: 25px;
    height: 25px;
  }
  .theme .list a .detail p{
    width: 100%;
  }
  .theme .online-list3 .list3 > a .tit{
    font-size: 16px;
    min-height: 40px;
  }
  #theme3 .main-step2 .notice-box .board-tit .tit{
    font-size: 18px;
  }
  #theme3 .main-step2 .notice-box .date span{
    font-size: 25px;
  }
  #theme3 .main-step2 > div:not(:last-of-type){
    margin-right: 3%;
  }

  #theme3 .main-step2 .notice-box{
    width: 33.3333%;
  }
  #theme3 .main-step2 .event-box{
    width: 33.333%;
  }
  #theme3 .main-step2 .consumer-box{
    /*20240326 hwson 테마03 모바일시 여백 생겨서 주석 */
    /* width: 33.333%; */
    /*20240326 hwson 테마03 모바일시 여백 생겨서 주석 끝 */
  }

  /* theme4 */
  .theme4 .header-wrap .set-menu{
  /*20240320*/
    /*width: 200px;*/
    /*min-width: 215px;*/
    /*20240320hwosn수정*/ min-height: 50px; /*20240320hwosn수정*/
    /*20240320*/
  }
  #theme4 .main-step1 .notice-box .board-tit .tit{
    font-size: 18px;
  }
  #theme4 .main-step1 .consumer-box .txt-box{
    margin: 0 15px;
  }
  #theme4 .main-step1 .consumer-box .call-num{
    font-size: 26px;
  }
  #theme4 .main-step1{
  /* 20240405 hwson 마진 탑 크기 조정 */
/*     padding-top: 100px; */
    /* padding-top: 100px; */
  /* 20240405 hwson 마진 탑 크기 조정 */
  }
  #theme4 .main-step1 .consumer-box{
    padding: 20px 15px 20px;
  }
  #theme4 .main-step1 .notice-box{
    padding: 20px 15px;
  }
  #theme4 .process-wrap .process-inner .tit{
    width: 100%;
    padding-top: 40px;
  }
  #theme4.theme .process-wrap .process-swiper{
    padding: 30px 0 30px;
  }
  
  #theme4 .theme .header-wrap .site-map{
    width: 80px;
    text-align: center;
    /*20240319*/
    margin-left: 10px;
    /*20240319*/
  }
  
  #theme4 .theme .header-wrap .set-menu{
  /*20240319*/
  min-width: 215px;
    /*width: 200px;*/
    /*20240319*/
  }
  
  #theme4 .theme .header-wrap .site-map{
    width: 80px;
    text-align: center;
    /*20240319*/
    margin-left: 10px;
    /*20240319*/
  }
  #theme4 .theme .header-wrap .set-menu{
  /*20240319*/
  min-width: 215px;
    /*width: 200px;*/
    /*20240319*/
  }
  
}
/* 20240401 hwson 1200px일때 깨지는형상 임시 수정 - 1199를 1200으로 맞추면 1200으로 다시 변경  */
@media(max-width:1199px){
	/*20240409*/
	#theme4 .main-step1 .step1-inner {
	flex-direction: column;
	}
	#theme4 .main-step1 .step1-inner > div {
	width: 100%;
	}
	#theme4 .main-step1 .right {
	margin-top: 10px;
	}
	/*20240409*/
	/*20240404*/
	#theme1 .main-step3 .online-list li > a .txt-box {
	    min-height: 173px;
	}
	/*20240404*/
	/*20240401*/
	.topLayout.mo_topLayout {
		background-color: #fff !important;
		
	}
	.topLayoutWrap {
	/* 20240417 hwson */
/*     	height: 65px; */
    	height: 65px;
/*     	border-bottom: 1px solid #ccc; */
	}
	#theme3 .main-step1 .slide-inner .slide-img {
		width: 70%;
	}
	#theme3 .main-step1 .swiper-slide .img-box {
		padding-top: 250px;
	}
	/*20240401*/
	/*20240320 수정*/
.mo_topLayout .topLayoutIn .total_searchIn {
	margin: 0;
}
/*20240320 수정*/
/*20240319 수정*/

.topLayout.mo_topLayout.fixed {
	/*position: fixed;*/
	top:0;
	left:0;
	width: 100%;
    z-index: 999;
}
.topLayout.mo_topLayout {
	padding: 0;
	background-color: var(--th11);
	/*background:#30619c;*/
	border-bottom: none;
	
}
  .topLayout.mo_topLayout .service_membership {
	    display: flex;
	}
	  .topLayout.mo_topLayout .topLayoutIn .select_lang {
	  display: block;
	  }
  
  /*20240319 수정*/
	/*20240320 수정*/
	.mo_top .header .customerInfo .num li+li {
		margin: 0;
		margin-top: 5px;
	}
	.mo_topLayout .topLayoutIn .total_search button .ico {
	    width: 30px;
    	height: 20px;
		vertical-align: middle;
	    background-size: contain;
	}
	.mo_topLayout .topLayoutIn .total_search {
	max-width: 200px;
	}
	/*20240320 수정*/
	/*20240328*/
	#theme1 nav {
    height: auto;
    }
    /*20240328*/
	/*20240321*/
	.mo_only {
	display: inline-block;
	}
	.mo_none_flex {
	display: none !important;
	}
	.mo_none {
	display: none !important;
	}
	.main_contentLayout.fix_hd_main_contentLayout {
	margin-top: 80px !important;
	}
	
	.theme .header-wrap.mo_top  .header-inner {
	align-items: center;
	margin: 0 20px;
	justify-content: center;
	/* 20240331 hwson 테마 해더라인 영역 모바일시 전부 흰색 배경 처리 */
	background-color: white;
/*     border-bottom: 2px solid var(--th11); */
	/* 20240331 hwson 테마 해더라인 영역 모바일시 전부 흰색 배경 처리 끝 */
	}

	.theme .header-wrap.mo_top .mob_menu {
		position: absolute;
		right: 30px;
		top: 20px;
	}
	.header-wrap.mo_top .logo.mo_only{
		width: 125px;
	}
	.header-wrap.mo_top .logo.mo_only img{
		width: 100%;
		object-fit: contain;
	}
	.mo_top .selectBox label {
		border: none;
	}
	.mo_top .src_box {
		height: 45px;
	    width: calc(100% - 40px);
	    margin: 20px 0 10px;
	}
	.mo_top  .src_box .total_search {
		display: flex;
    	height: 100%;
	}
	.mo_top  .src_box .total_searchIn {
		height: 100%;
	    width: 100%;
	}
	.mo_top  .src_box .total_searchIn input {
		height: 100%;
		/*20240328 hwson 글자 색 검정색 추가*/
		color: black;
		/*20240328 hwson 글자 색 검정색 추가*/
	}
	.theme .mo_top  .src_box .total_search button {
		width: 50px;
    	background-color: var(--skin01);
	}
	.theme .header-wrap.mo_top .logo {
		margin: 0;
		min-width: 150px;
	}
	.theme .header-wrap.mo_top .logo img {
		margin: 0;
		width: 100%;
		object-fit: contain;
	}
	
	/*20240328*/
	.mo_top.mo_topLayout{
		background: transparent;
	    border: 1px solid #d7d7d7;
	}
	.mo_top.mo_topLayout .topLayoutIn {
		height: 65px;
	}
	/*
	.mo_top .mo_topLayout .topLayoutIn {
		height: 65px;
	}
	.mo_top .topLayout.mo_topLayout{
		background: transparent;
	    border: 1px solid #d7d7d7;
	}*/
	/*20240328*/
	.mo_top .nav .navInner {
	padding-top: 0;}
	.mo_top .navLayout {
		padding-bottom: 15px;
	}
	.mo_top .header .hd_infoBox {
		    padding: 15px;
	}
	.mo_top .app_linkBox {
	display: block!important; 
	}
	.theme .header-wrap.mo_top .logo {
		margin-right: 0;
	}
/*20240321*/
	/*20240319 수정*/
	.topLayout.mo_topLayout .topLayout service_membership{
		display: flex;
	}
	
	/*20240319 수정*/
  #theme4 .process-wrap .process-inner{
    flex-wrap: wrap;
  }
  #theme3 .header-wrap{
    padding: 0;
  }
  .theme .swiper-button-next:after, .theme .swiper-button-prev:after{
    font-size: 24px;
  }
 
  #theme1 .main-step3 .online-list li > a .detail p{
    width: 100%;
  }
  #theme1 .main-step3 .online-list li > a .detail .label{
    /* 20240405 hwson 중앙배치 희망으로 인한 주석 */
    /* width: 30%; */
    /* 20240405 hwson 중앙배치 희망으로 인한 주석 끝 */
  }
  #theme1 .main-step3 .online-list li > a .img-box{
    position: relative;
    height: auto;
    font-size: 0;
  }
  #theme1 .main-step3 .tab-wrap .tab-btn{
    padding: 10px 0;
    font-size: 16px;
  }
  #theme1 .main-step3 .tab-wrap{
    margin: 30px 0 25px;
  }
  .theme .main-tit{
    font-size:26px;
  }
  #theme1 .main-step1 .quick-menu{
    font-size: 16px;
    height: 55px;
    margin-top: -55px;
  }
  #theme1 .main-step1 .quick-menu i{
    width: 24px;
    height: 24px;
  }
  #theme1 .main-banner img{
    position: absolute;
    left: 0;
    top: 0;
    /* width: auto; */
    height: 100%;
    /*20240404*/
    max-height: none;
    /*20240404*/
  }
  #theme1 .main-step1 .main-banner .swiper-slide{
    position: relative;
    padding-bottom: 40%;
  }
  .theme .main-banner .swiper-pause-btn{
    width: 24px;
    height: 24px;
  }
  #theme1 .main-step4{
    padding: 50px 0;
  }
  #theme1 .main-step3{
    padding: 50px 0;
  }
  #theme1 .main-step2{
    padding: 50px 0 ;
  }
  #theme1 .main-step3 .button-box .lect-more{
    padding: 5px 20px;
    font-size: 16px;
  }
  #theme1 .main-step3 .button-box .more{
    font-size: 25px;
    margin-left: 25px;
    position: relative;
    top: 2px;
  }
  /* 20240329 hwson 테마03,04 강좌 더보기 버튼 추가 디자인 */
   #theme3 .main-step4 .button-box .lect-more{
    padding: 5px 20px;
    font-size: 16px;
  }
   #theme4 .main-step2 .button-box .lect-more{
    padding: 5px 20px;
    font-size: 16px;
  }
  
  #theme4 .main-step2 .button-box .more{
    font-size: 25px;
    margin-left: 25px;
    position: relative;
    top: 2px;
  }
  
  #theme3 .main-step4 .button-box .more{
    font-size: 25px;
    margin-left: 25px;
    position: relative;
    top: 2px;
  }
  
  /* 20240329 hwson 테마03,04 강좌 더보기 버튼 추가 디자인 */

  /* theme */
  #theme2.theme .consumer-box .call-num{
    font-size: 28px;
  }
  #theme2 .consumer-box .quick-menu span{
    margin-top: 10px;
    font-size: 12px;
  }
  #theme2 .main-step2 .consumer-box{
    padding: 40px 10px 20px;
  }
  .theme .header-wrap .logo img{
    height: auto;
  }
  .theme .header-wrap .menu > li{
    font-size: 16px;
  }
  .theme .process-wrap .left{
    font-size: 24px;
  }
  .theme .process-wrap .left .cate{
    padding: 0;
    margin: 0 10px;
  }
  .theme .process-wrap .left .circle{
    width: 80px;
    height: 80px;
    position: relative;
  }
  .theme .process-wrap .left .circle i{
    height: 36px;
    width: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .theme .process-wrap .right .go-lect{
    font-size: 14px;
  }
  .theme .process-wrap .right .conts{
    font-size: 14px;
  }
  #theme2 .main-step3 .online-list .txt-box{
    font-size: 12px;
    padding: 6px 10px;
  }
  #theme2 .main-step3 .online-list .img-box::after{
    width: 20px;
    height: 24px;
    background-size: cover;
    top: 10px;
    right: 9px;
  }

  /* theme3 */
  .theme .online-list3 .list3 > a .detail{
    flex-wrap: wrap;
  }
  .theme .online-list3 .list3 > a .detail p{
    width: 50%;
  }
  .theme .list a .like-btn{
    width: 25px;
    height: 25px;
    font-size: 18px;
  }
  #theme3 .main-step1{
    padding-top: 60px;
    padding-bottom: 25px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt{
    padding-top: 30px;
    padding-right: 10px;
  }
  #theme3 .main-step1 .banner-thum .swiper-slide{
    width: 60px !important;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .tit{
    font-size: 30px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .m-txt{
    font-size: 20px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .s-txt br{
    display: none;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .go-link{
    padding: 10px 15px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .tit{
    margin: 16px 0 10px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .m-txt{
    font-size: 18px;
  }
  #theme3 .main-step1 .slide-inner .banner-txt .s-txt{
    font-size: 14px;
    word-break: keep-all;
  }
  #theme3 .main-step1 .banner-thum{
    margin-top: 15px;
  }
 
  /* theme4 */
  #theme4 .main-step1 .notice-box .board-tit .tit{
    font-size: 16px;
  }
  #theme4 .main-step1 .notice-box .board-tit .con{
    font-size: 14px;
  }
  #theme4 .main-step1 .consumer-box .call-num{
    font-size: 24px;
  }
  #theme4 .main-step1 .consumer-box i{
    width: 25px;
    height: 25px;
  }
  #theme4.theme .consumer-box .quick-menu span{
    margin-top: 10px;
    /* 20240329 hwosn 테마별 고객센터 아이콘 아래 글자 눈에 뛰게 수정 처리 */
    font-weight: bold;
    /* 20240329 hwosn 테마별 고객센터 아이콘 아래 글자 눈에 뛰게 수정 처리 */
  }
  #theme4 .process-wrap .process-inner .tit{
    min-width: 150px;
  }
  #theme4 .main-step1 .swiper-controlls > *{
    width: 35px;
    height: 35px;
  }

}

@media(max-width:1230px){
	.theme4 .tit-box {
    	flex-wrap: wrap;
	}
	.theme4 .tit-box {
    	flex-wrap: wrap;
	}
	#theme4 .main-step2 .tab-wrap {
    	margin-top: 15px;
    	width: 100%;
	}
	#theme4 .main-step2 .tab-wrap .tab-btn {
    	flex: 1;
    	width: auto;
    	font-size: 14px;
	}
	
	.gnb>li{
		font-size:20px;
	}
}


@media(max-width:1000px){
	/*20240409*/
	#theme1 .main-step2 .consumer-box {
	flex-direction: column;
	}
	#theme1 .main-step2 .consumer-box .left {
	width: 100%;
	}
	#theme1 .main-step2 .consumer-box .right {
	width: 100%;
	margin-top : 30px;
	}
	/*20240409*/
	/*20240321*/
	.main_contentLayout.fix_hd_main_contentLayout {
		margin-top: 60px !important;
	}
	/*20240321*/
  .footerInner{
    flex-wrap: wrap;
  }
  #theme3 .main-step5 .swiper-button-next:after, #theme3 .main-step5 .swiper-button-prev:after{
    display: none;
  }
  .theme .process-swiper .swiper-button-next:after, .theme .process-swiper .swiper-button-prev:after{
    display: none;
  }
  .theme .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: -3px;
    font-size: 10px;
  }
  .theme .header-wrap .logo img{
    height: 30px;
  }
  #theme1 .header-wrap{
    padding: 0;
  }
  #theme1 .header-wrap .set-menu li{
    margin: 0 20px;
    font-size: 12px;
  }
  .theme .header-wrap .menu > li{
    font-size: 16px;
    margin: 0 10px;
  }
  .theme .header-wrap .sub-menu{
    font-size: 14px;
  }
  #theme1 .header-wrap{
    height: 80px;
  }

  #theme1 .header-wrap .logo{
   /*20240328*/
   /* line-height: 50px;*/
       line-height: 60px;
    /*20240328*/
  }
  #theme1 .header-wrap .set-menu{
    margin: 10px 0;
  }
  #theme1 .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: -20px;
  }
  #theme1 .header-wrap .site-map > *{
    background-size: contain;
  }
  #theme1 .header-wrap .site-map > *{
    width: 24px;
  }
  .theme .header-wrap .menu > li{
    padding-top: 5px;
  }
  #theme1 .header-wrap .sub-menu{
    padding: 20px 0 10px;
  }
  #theme1 .header-wrap::before{
    top: 80px;
  }
  #theme1 .header-wrap.active{
    height: 300px;
  }
  #theme1 .main-step2 .consumer-box .right .tit{
    padding: 0 0px 20px;
  }
  #theme1 .main-step2 .consumer-box .right .tit p{
    font-size: 18px;
  }
  #theme1 .main-step2 .consumer-box .right .swiper-pagination{
    font-size: 15px;
  }
  #theme1 .main-step2 .consumer-box .left{
    padding: 20px;
  }
  #theme1 .step-check{
    display: none;
  }
  #theme1 .main-step2 .consumer-box .board-list .label{
    width: 85px;
  }
  #theme1 .main-step2 .consumer-box .board-list .board-tit{
    font-size: 16px;
  }
  #theme1 .main-step2 .consumer-box{
    flex-wrap: wrap;
  }
  #theme1 .main-step2 .consumer-box .left{
    width: 100%;
  }
  #theme1 .main-step2 .consumer-box .right{
    width: 100%;
    margin-top: 10px;
    /*20240401*/
    /*padding: 20px;*/
    padding: 60px  20px;
     /*20240401*/
  }
  #theme1 .main-step3 .online-list li > a .detail .label{
    width: 50%;
  }
  /* theme2 */
  .theme .header-wrap .menu > li{
    padding-top: 0;
  }
  .theme .header-wrap{
    height: 60px;
  }
  .theme .header-wrap .right-box{
    line-height: 60px;
  }
  .theme .header-wrap .set-menu{
  /*20240320*/
    /*min-width: 150px;*/
    min-width: 180px;
    /*20240320*/
    font-size: 12px;
  }
  .theme .header-wrap .site-map{
    width: 60px;
    line-height: 60px;
    min-width: 0;
    text-align: center;
  }
  .theme .header-wrap .site-map > *{
    margin-left: 0;
  }
  .theme .header-wrap .logo{
    line-height: 60px;
  }
  .theme .header-wrap::before{
    top: 60px;
  }
  .theme .header-wrap .menu > li{
    margin: 0 5px;
  }
  .theme2 .header-wrap .set-menu li:nth-of-type(-n+2)::after{
    right: -2px;
  }
  #theme2 .main-step2 .notice-box{
    padding: 30px 0 30px 20px;
  }
  #theme2 .main-step2 .notice-box .tit-box{
    min-width: 125px;

  }
  #theme2 .main-step2 .notice-box .board-list .date{
    margin-left: 0;
    /*20240419*/
    margin-left: 10px;
    min-width: 90px;
    /*20240419*/
  }
  #theme2 .main-step2 .notice-box .board-list{
    width: calc(100% - 125px);
  }
  #theme2 .main-step2 .new-course .inner{
    max-width: 280px;
    padding: 20px 15px 20px;
  }
  #theme2 .main-step2 .event-box{
    padding: 20px 15px 20px;
  }
  #theme2 .main-step2 .consumer-box{
    padding: 40px 10px 20px;
  }
  .theme2 .consumer-box .call-num{
    font-size: 24px;
  }
  .theme2 .consumer-box .quick-menu{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .theme2 .consumer-box .quick-menu a{
    width: 50%;
    flex: auto;
    padding: 10px 5px;
  }
  .theme2 .consumer-box .quick-menu a:nth-child(3),.theme2 .consumer-box .quick-menu a:nth-child(4){
    border-top:1px solid #ddd;
  }
  .theme2 .consumer-box .quick-menu a:nth-child(2n){
    border-right: 0;
  }
  .theme .process-wrap .right{
    flex: 1;
  }
  .theme .process-wrap .left .cate{
    padding-right: 10px;
    
  }
  .theme .process-wrap .right .go-lect{
    padding: 5px 8px;
    min-width: 150px;
  }
  .theme .process-wrap .right .conts{
    margin-right: 10px;
  }
  .theme .process-wrap .right .conts br{
    display: none;
    word-break: keep-all;
  }
  .theme .process-wrap .left .circle{
    width: 60px;
    height: 60px;
  }
  .theme .process-wrap .left{
    font-size: 20px;
  }
  #theme2 .main-step1{
    padding-top: 60px;
  }

  #theme3.theme .header-wrap .menu > li{
    padding-top: 0;
  }
  #theme3 .main-step2 .notice-box .date{
    min-width: 40px;
  }
  #theme3 .main-step2 .notice-box .board-tit .tit{
    font-size: 16px;
  }
  #theme3 .main-step2 .notice-box .board-tit .con{
    font-size: 14px;
  }
  #theme3 .main-step2 .notice-box .date span{
    font-size: 18px;
  }
  #theme3 .tit-box h2{
    font-size: 20px;
  }
  #theme3 .main-step2 .consumer-box .call-num{
    font-size: 28px;
  }
  #theme3 .main-step2 > div:not(:last-of-type){
    margin-right: 1%;
  }
  #theme3 .main-step2{
    padding: 45px 0;
  }
  #theme3 .main-step3{
    padding: 45px 0;
  }
  #theme3 .main-step4{
    padding: 60px 0;
  }
  #theme3 .main-step4 .tab-wrap{
    font-size: 16px;
  }
  #theme3 .main-step4 .tab-wrap .more-btn{
    font-size: 40px;
    line-height: 50px;
  }
  #theme3.theme .header-wrap .site-map{
    width: 60px;
        /*20240319*/
    margin-left: 10px;
    /*20240319*/
  }
  #theme3.theme .header-wrap .set-menu{
    width: 160px;
  }
  #theme3.theme .header-wrap .header-inner{
    margin: 0;
  }
  #theme3 .header-wrap{
    padding: 0;
  }


   #theme4 .step1-inner{
    flex-wrap: wrap;
  }
  #theme4 .main-step1 .right{
    width: 100%;
    flex: auto;
    margin-top: 15px;
  }
  #theme4 .main-step1 .step1-inner > div{
    width: 100%;
    margin-right: 0;
  }
  #theme4.theme .process-wrap .p-banner{
    padding: 0 40px;
    overflow: hidden;
  }
  .theme4 .header-wrap .set-menu{
    width: 150px;
  }
  .theme4 .header-wrap{
    padding: 0;
  }
  .theme4 .tit-box{
    flex-wrap: wrap;
  }
  #theme4 .main-step2 .tab-wrap{
    margin-top: 15px;
    width: 100%;
  }
  #theme4 .main-step2 .tab-wrap .tab-btn{
    flex: 1;
    width: auto;
    font-size: 14px;
  }
  .theme4 .tit-box h2{
    font-size: 26px;
  }
}



@media(max-width:800px){
	/*20240404*/
	#theme1 .main-step3 .online-list li > a .txt-box {
    min-height: 160px;
	}
	/*20240404*/
	/*20240401*/
	#theme3 .main-step1 .swiper-slide .img-box {
			padding-top: 250px;
		}
	/*20240401*/
		/*20240319 수정*/
	.mo_top .app_linkBox {display: block!important; }
	/*20240319 수정*/
	
  .theme .header-wrap .header-inner{
    align-items: center;
  }
  .theme .m_menu_btn{
    display: block;
  }
  .theme .m_open_menu{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/theme1/map-icon.png) no-repeat center;
    background-size: contain;
  }
  #theme4.theme .m_open_menu{
    background: url(../img/theme4/site-map.png) no-repeat center;
  }
  .theme .m_close_menu{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .theme .m_close_menu i{
    display: block;
    position: absolute;
    width: 24px;
    height: 3px;
    background-color: #fff;
    border-radius: 10px;
    top: 10px;
    left: 0;
    
  }
  .theme .m_close_menu i:first-child{
    transform: rotate(-45deg);
  }
  .theme .m_close_menu i:last-child{
    transform: rotate(45deg);
  }
  #theme1 .header-wrap .right-box{
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 50px 20px 20px;
    /* display: none; */
  }
  .theme .header-wrap .menu{
    display: block;
  }
  #theme1 .header-wrap .site-map > *{
    display: none;
  }
  #theme1 .header-wrap .sub-menu{
    display: none;
    padding: 0;
  }
  .theme .header-wrap .menu > li{
    text-align: right;
    margin-bottom: 15px;
  }
  .theme .header-wrap .menu > li:last-child{
    margin-bottom: 0;
  }
  #theme1 .header-wrap .set-menu{
    flex-wrap: wrap;
  }
  #theme1 .header-wrap .set-menu .input-box{
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
  }
  #theme1 .header-wrap .set-menu .input-box::after{
    display: none;
  }
  .theme .header-wrap .menu-wrap{
    margin-top: 25px;
  }
 
  #theme1 .header-wrap .set-menu .input-box input{
    height: 25px;
    flex: 1;
  }
  #theme1 .header-wrap{
    height: 50px;
  }
  #theme1 .header-wrap .logo{
   /*20240328*/
   /* line-height: 50px;*/
       line-height: 60px;
    /*20240328*/
  }
  .theme .header-wrap .logo img{
    height: 25px;
  }
  #theme1 .main-step1 .main-banner .swiper-slide{
    padding-bottom: 60%;
  }
  #theme1 .main-step1 .quick-menu i{
    height: 20px;
    width: 20px;
    margin-right: 10px;
  }
  #theme1 .main-step1 .quick-menu{
    font-size: 14px;
  }
  #theme1 .main-step1 .quick-menu a{
    padding: 0 10px;
  }
  .theme .main-tit{
    font-size: 24px;
  }
  #theme1 .main-step2 .consumer-box{
    margin-top: 25px;
  }
  #theme1 .main-step2 .consumer-box .left .tab-wrap{
    font-size: 16px;
  }
  #theme1 .main-step2 .consumer-box .left .tab-wrap .tab-btn{
    margin-right: 20px;
  }
  #theme1 .main-step2 .consumer-box .left .more-btn{
    width: 25px;
    height: 25px;
  }
  #theme1 .main-step2 .consumer-box .board-list .board-tit{
    font-size: 14px;
  }
  #theme1 .main-step2 .consumer-box .board-list .date{
    font-size: 12px;
  }
  #theme1 .main-step2 .consumer-box .board-list .label{
    font-size: 12px;
    width: 65px;
  }
  .theme .main-tit-sub{
    font-size: 16px;
  }
  #theme1 .main-step3 .online-list{
    flex-wrap: wrap;
  }
  #theme1 .main-step3 .online-list li{
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
  }
  #theme1 .main-step3 .online-list li:nth-child(2n){
    margin-right: 0;
  }
  #theme1 .main-step3 .online-list li > a .tit{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    /* 20240405 hwson */
    height: 40px;
    /* 20240405 hwson */
  }
  #theme1 .main-step3 .online-list li > a .detail{
    font-size: 13px;
  }
  #theme1 .main-step3 .button-box .lect-more{
    font-size: 14px;
  }
  
  /* 20240329 HWOSN 추가 */
  #theme3 .main-step4 .button-box .lect-more{
    font-size: 14px;
  }
  
  #theme4 .main-step2 .button-box .lect-more{
    font-size: 14px;
  }
  /* 20240329 HWOSN 추가 */
  #theme3 .main-step4 .button-box .lect-more{
    font-size: 14px;
  }
  #theme1 .main-step4 .process-swiper{
    margin-top: 25px;
  }
  .theme .swiper-button-next:after, .theme .swiper-button-prev:after{
    font-size: 20px;
  }
  #theme1 .main-step4 .swiper-button-prev{
    left: 25px;
  }
  #theme1 .main-step4 .swiper-button-next{
    right: 25px;
  }
  #theme1 .main-step3 .tab-wrap .tab-btn{
    font-size: 14px;
  }
  #theme1 .main-step3 .button-box{
    margin-top: 20px;
  }
  /* 20240329 hwson 더보기 버튼 추가 */
  #theme4 .main-step2 .button-box{
    margin-top: 20px;
  }
  #theme3 .main-step4 .button-box{
    margin-top: 20px;
  }
  /* 20240329 hwson 더보기 버튼 추가 */
  .theme .header-wrap .menu > li:hover{
    color:#fff;
  }
  .theme .header-wrap .menu > li.on>a{
    color:  var(--th11);
    font-weight: bold;
  }
  #theme1 .header-wrap .set-menu li{
    padding: 0;
  }
  /* .theme2 */
  .theme .header-wrap .right-box{
    
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding:60px 20px 20px;
    flex-direction: column;
    line-height: normal;
    display: none;
  
  }
  #theme2.theme .m_open_menu{
    background-color: var(--th11);
    height: 60px;
    width: 60px;
    background-size: 25px;
  }
  .theme .header-wrap .site-map{
    display: none;
  }
  .theme .header-wrap .set-menu{
    background-color: transparent;
    justify-content: end;
  }
  .theme .header-wrap .set-menu li{
    flex: none;
    padding: 0 20px;
  }
  .theme .header-wrap .menu > li{
    color:#fff;
    margin-bottom: 30px;
    line-height: normal;
  }
  .theme .header-wrap .sub-menu{
    display: none;
  }
 
  .theme .header-wrap .sub-menu{
    padding: 10px 0;
  }
  #theme2 .main-banner {
    margin: 0;
  }
  #theme2 .main-step2 .design-box{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 20px;
    background-color: #fff;
  }
  #theme2 .main-step2 .notice-box{
    width: 100%;
  }
  #theme2 .main-step2 .new-course{
    width: 50%;
  }
  #theme2 .main-step2 .event-box{
    width: 50%;
  }
  #theme2 .main-step2 .new-course .inner{
    min-width: 0;
    width: 100%;
    max-width: none;
  }
  #theme2 .main-step2 .consumer-box{
    width: 100%;
    border-left: 1px solid #ddd;
    /* 20240329 hwosn 800아래일시 공지랑 구분이 안되서 주석 */
    /* border-top: 0; */
    /*800아래일시 공지랑 구분이 안되서 주석 */
  }
  #theme2 .main-step2 .new-course .tit{
    font-size: 16px;
  }
  .theme2 .tit-box h2{
    font-size: 18px;
  }
  #theme2 .main-step3 .tab-wrap .tab-btn{
    margin-top: 5px;
  }
  #theme2 .main-step3 .tab-wrap{
    margin-top: 25px;
    padding: 0 10px 100px;
  }
  #theme2 .main-step3 .online-list{

    margin-top: -50px;
  }
  .theme .process-wrap .process-swiper .tit{
    font-size: 28px;
  }
  .theme .process-swiper .swiper-button-next:after, .theme .process-swiper .swiper-button-prev:after{
    display: none;
  }
  .theme .process-wrap .p-banner{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .theme .process-wrap .right{
    flex: none;
    width: 100%;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .theme i.right-arrow{
    width: 11px;
    height: 7px;
    background-size: cover;
   
  }
  .theme .process-wrap .right .go-lect i{
    margin-left: 5px;
  }
  .theme .process-wrap .right .go-lect{
    min-width: 130px;
    margin-top: 15px;
  }
  .theme .process-wrap .left .cate{
    border-right: 0;
  }

  #theme3.theme .header-wrap .set-menu{
    width: 100%;
  }
  
  #theme3 .main-step1 .slide-inner{
    flex-direction: column-reverse;
  }
  #theme3 .main-step1 .swiper-controllers{
    display: none;
  }
  #theme3 .main-step1 .slide-inner{
    padding-left: 0;
  }
  #theme3 .main-step1 .slide-inner .slide-img{
    width: 100%;
  }
  #theme3 .main-step1 .slide-inner .banner-txt{
    padding: 10px 15px;
    margin-top: 20px;
  }
  #theme3 .main-step1 .banner-thum{
    left: 15px;
  }
  #theme3 .main-step2{
    flex-wrap: wrap;
  }
  #theme3 .main-step2 > div:not(:last-of-type){
    margin-right: 0;
  }
  #theme3 .main-step2 > div{
    margin-bottom: 30px;
  }
  #theme3 .main-step2 > div:last-child{
    margin-bottom: 0;
  }
  #theme3 .main-step2 .notice-box{
    width: 100%;
  }
  #theme3 .main-step2 .event-box{
    width: 100%;
  }
  #theme3 .main-step2 .consumer-box{
    width: 100%;
  }
  #theme3 .main-step2 .notice-box .board-list li{
    margin-bottom: 15px;
  }
/*20240401*/
  .theme .online-list3 .list3{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .theme .online-list3 .list3:nth-child(2n){
    margin-right: 0;
  } 
  
  
/*20240401*/

  /* #theme3 .main-step4 .tab-wrap .tab-btn */
  #theme3 .main-step5 .left .cate{
    border-right: 0;
  }
  #theme3.theme .m_open_menu{
    margin-right: 15px;
  }
  .theme4 .header-wrap .set-menu{
    width: 100%;
  }
  #theme4.theme .process-wrap .p-banner{
    padding: 0;
  }
  #theme4 .process-wrap .process-inner{
    flex-wrap: wrap;
    padding: 30px 0 25px;
  }
  #theme4.theme .process-wrap .process-swiper{
    padding: 0;
  }
  #theme4 .process-wrap .process-inner .tit{
    font-size: 24px;
    width: 100%;
    padding-top: 0;
    
  }
  #theme4.theme .m_open_menu{
    margin-right: 15px;
  }
  #theme4 .main-step3{
    padding: 40px 0;
  }
  #theme4 .main-step2{
    padding: 40px 0;
  }
  .theme4 .header-wrap .menu > li:hover::before{
   display: none;
  }
  #theme4.theme .header-wrap .header-inner{
    margin: 0;
  }
  .theme4 .more-btn{
    width: 25px;
    height: 25px;
    font-size: 25px;
  }
  #theme4 .main-step1{
  	/* 20240405 hwson 반응형시 마진 너무 커서 주석 */
/*     padding-top: 90px; */
  	/* 반응형시 마진 너무 커서 주석 */
  }
  /*20240401*/
  /*#theme1 .main-step1{
    padding-top: 50px;
  }*/
  /*20240401*/
  .theme .header-wrap .set-menu li:last-child{
    padding-right: 0;
  }
}
@media(max-width:600px){
	.theme04Line{
		display : none;
	}
	
	/*20240319 수정*/
	.topLayout.mo_topLayout {
	height: 45px;
	}
	.topLayout.mo_topLayout .topLayoutIn .select_lang {
	display: block;
	    width: 70px
	}
	.topLayout.mo_topLayout .select_lang .selectBox label span {
		margin: 0;
	}
	/*20240319 수정*/
  #theme1 .main-step1 .quick-menu{
    flex-wrap: wrap;
    padding: 0;
    height: auto;
    margin-top: 0;
  }
  #theme1 .main-step1 .quick-menu a{
    width: 50%;
    flex: auto;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
  }
  #theme1 .main-step1 .quick-menu a:nth-last-child(-n+2){
    border-bottom: 0;
  }
  .theme .main-banner .swiper-controlls{
    display: none;
  }
  #theme1 .main-step2 .consumer-box .left .tab-wrap .tab-btn{
    margin-right: 10px;
  }
  #theme1 .main-step2 .consumer-box .board-list{
    padding-top: 0;
  }
  #theme1 .main-step2 .consumer-box .right .swiper-button-next, #theme1 .main-step2 .consumer-box .right .swiper-button-prev, #theme1 .main-step2 .consumer-box .right .swiper-pause-btn{
    width: 20px;
    height: 20px;
  }
  #theme1 .main-step2 .consumer-box .right .swiper-pagination{
    font-size: 13px;
  }
  #theme1 .header-wrap.active{
    height: auto;
  }
  #theme2 .main-step2 .new-course .txt-box .label{
    width: 56px;
  }

 
  #theme4 .main-step1 .consumer-box{
    flex-wrap: wrap;
  }
  #theme4 .main-step1 .consumer-box .quick-menu{
    flex: auto;
    margin-top: 15px;
    width: 100%;
  }
  #theme4 .main-step1 .consumer-box .txt-box{
    width: 100%;
    margin: 10px 0 15px;
    text-align-last:center
  }
  #theme4 .main-step1 .notice-box .date span{
    font-size: 24px;
  }
  .theme4 .tit-box{
    margin-top: 10px;
  }
}
@media(max-width:500px){
	
/* 	#theme4 .pc_none_2{
		display: none;
	}
	#theme4 .mo_none_2{
		display: block;
	} */
	
  #theme2 .main-step2 .new-course{
    width: 100%;
  }
  #theme2 .main-step2 .event-box{
    width: 100%;
    border-top:0;
    border-left: 1px solid #ddd;
  }
  #theme2 .main-step2 .notice-box{
    flex-wrap: wrap;
    padding: 20px 15px;
  }
  #theme2 .main-step2 .notice-box .tit-box{
    width: 100%;
  }
  .theme2 .tit-box.column{
    flex-direction: row;
    margin-bottom: 10px;
  }
  #theme2 .main-step2 .notice-box .board-list{
    width: 100%;
  }
  #theme2 .main-step2 .notice-box .board-list li{
    font-size: 14px;
  }
  #theme2 .main-step3 .tab-wrap{
    padding: 0px 10px 70px;
  }
  #theme2 .main-step3 .tab-wrap .tab-btn{
    font-size: 14px;
  }
  .theme .process-wrap .process-swiper .tit{
    font-size: 24px;
  }
  #theme3 .main-step4 .tab-wrap{
    flex-wrap: wrap;
    border: 0;
  }
  #theme3 .main-step4 .tab-wrap .tab-btn{
    /*20240328 hwson 360모바일 시 버튼 위치 깨짐으로 인한 패딩 삭제 */
	/* padding: 5px 10px; */
    /*20240328 hwson 360모바일 시 버튼 위치 깨짐으로 인한 패딩 삭제 */
    font-size: 14px;
    border: 0;
    border-radius: 0;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #eee;
  }
  #theme3 .main-step4 .tab-wrap .more-btn{
    width: 25px;
    height: 25px;;
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }
  
  #theme4 .main-step2 .tab-wrap{
    flex-wrap: wrap;
    border: 0;
  }
  #theme4 .main-step2 .tab-wrap .tab-btn{
    border: 1px solid #ccc;
    border-radius: 0;
    /*20240404*/
     /*padding: 5px 10px;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 5px;*/
    font-size: 12px;
    margin: 2px;
    min-width: 44px;
    /*20240404*/
    
  }
  /*20240409*/
  
	#theme4 .main-step2 .tab-wrap {
		display: unset;
		text-align: center;
	}
	#theme4 .main-step2 .tab-wrap .tab-btn {
		margin: 4px 2px;
	    max-width: 65px;
	    width: calc((100% - 45px) / 6);
	}
	
	#theme3 .main-step4 .tab-wrap {
		display: block;
		text-align: center;
	}
	#theme3 .main-step4 .tab-wrap .tab-btn {
		margin: 4px 2px;
	    max-width: 65px;
	    width: calc((100% - 45px) / 6);
	}
	

	/*20240409*/
	
	
  #theme4 .main-step2 .tab-wrap .more-btn{
    width: 25px;
    height: 25px;;
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }
  .theme .list a .tag-list span{
    font-size: 12px;
  }
  .theme .list a .img-box::after{
    width: 20px;
    height: 18px;
    background-size: cover;
  }
  .theme .online-list3 .list3 > a .detail  p{
    font-size: 12px;
  }
  .theme .online-list3 .list3 > a .tit{
    font-size: 14px;
    min-height: 36px;
  }
  .theme .list a .detail p{
    font-size: 12px;
  }
  .theme .list a .tit{
    font-size: 14px;
    -webkit-line-clamp:2;
    min-height: 30px;
    margin: 10px 0 10px;
  }
  #theme4 .main-step1 .notice-box .board-tit .tit{
    font-size: 14px;
  }
  #theme4 .main-step1 .notice-box .board-tit .con{
    font-size: 12px;
  }
  #theme4 .main-step1 .notice-box .date{
    min-width: 40px;
  }
  #theme4 .main-step1 .notice-box .date span{
    font-size: 20px;
  }
  #theme4 .main-step1 .swiper-controlls > *{
    width: 25px;
    height: 25px;
    background-size: 8px;
  }
  .theme4 .tit-box h2{
    font-size: 24px;
  }
  #theme2 .main-step2 .notice-box .board-list .date{
    font-size: 12px;
    /*20240419*/
    min-width: 70px;
    /*20240419*/
  }
}

.theme.theme3 .main-banner .swiper-pause-btn{
	background : url(../img/theme1/theme3pause2.png) no-repeat center, black !important;
}


.theme.theme3 .main-banner .swiper-pause-btn.paused{
	background : url(../img/theme1/theme3pause1.png) no-repeat center, black !important;
}