@charset "UTF-8";
/* SCoreDream */
@font-face {
  font-family: "SCoreDream";
  font-weight: 100;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream1.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream1.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 200;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream2.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream2.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 300;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream3.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream3.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 400;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream4.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream4.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 500;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream5.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream5.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 600;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream6.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream6.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 700;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream7.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream7.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 800;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream8.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream8.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SCoreDream";
  font-weight: 900;
  font-style: normal;
  src: url("/resources/branch/fonts/SCoreDream9.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream9.woff") format("woff");
  font-display: swap;
}
/* EliceDigitalBaeum */
@font-face {
  font-family: "EliceDigitalBaeum";
  font-weight: 400;
  font-style: normal;
  src: url("/resources/branch/fonts/EliceDigitalBaeumRegular.woff2") format("woff2"), url("/resources/branch/fonts/EliceDigitalBaeumRegular.woff") format("woff"), url("/resources/branch/fonts/EliceDigitalBaeumRegular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "EliceDigitalBaeum";
  font-weight: 700;
  font-style: normal;
  src: url("/resources/branch/fonts/EliceDigitalBaeumBold.woff2") format("woff2"), url("/resources/branch/fonts/EliceDigitalBaeumBold.woff") format("woff"), url("/resources/branch/fonts/EliceDigitalBaeumBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SBAggro";
  font-weight: 400;
  font-style: normal;
  src: url("/resources/branch/fonts/SBAggroL.woff") format("woff"), url("/resources/branch/fonts/SBAggroL.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "SBAggro";
  font-weight: 500;
  font-style: normal;
  src: url("/resources/branch/fonts/SBAggroM.woff") format("woff"), url("/resources/branch/fonts/SBAggroM.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "SBAggro";
  font-weight: 700;
  font-style: normal;
  src: url("/resources/branch/fonts/SBAggroB.woff") format("woff"), url("/resources/branch/fonts/SBAggroB.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "SuseongDotum";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/SuseongDotum.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
body,
header,
section,
footer,
h1,
h2,
h3,
h4,
div,
p,
ul,
ol,
li,
button,
figure,
figcaption,
img {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

body,
button {
  font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
  font-weight: 400;
  letter-spacing: -0.4px;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input,
select,
textarea {
  font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
  font-weight: 400;
  letter-spacing: -0.4px;
}

input ~ .caution {
  opacity: 0;
}
input:invalid {
  outline: 3px solid #f00;
}
input:invalid ~ .caution {
  opacity: 1;
}
input:valid {
  outline: 1px;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
button > span {
  pointer-events: none;
}

button:active,
a:active {
  opacity: 0.8;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  vertical-align: middle;
}

li {
  list-style: none;
}

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

#skipnavigation {
  position: relative;
  z-index: 1100;
}
#skipnavigation .skip {
  position: absolute;
  top: 0;
  left: 0;
}
#skipnavigation a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  background-color: #000;
  color: #fff;
  white-space: nowrap;
}
#skipnavigation a:focus, #skipnavigation a:active {
  height: auto;
  width: auto;
  padding: 5px;
  margin-bottom: 10px;
}

#wrap {
  position: relative;
  padding: 0;
  min-height: 100%;
  z-index: 200;
  scrollbar-width: none;
}

.mKeysub1 .bg,
#footer .bg,
#wrap .bg {
  position: relative;
  margin: 0 auto;
  width: 1500px;
  zoom: 1;
}

#wrap .bg:after {
  display: block;
  clear: both;
  content: "";
}

#wrap,
#footer {
  min-width: 1520px;
}

#header {
  position: sticky;
  top: -48px;
  background-color: #fff;
  z-index: 500;
}

#header .uh {
  background-color: #fafafa;
}

#header .uh .bg {
  font-size: 14px;
  height: 48px;
}

#header .uh a {
  display: inline-block;
  color: #222;
  line-height: 48px;
  height: 48px;
}

#header .uh .link {
  float: left;
}

#header .uh .link a {
  position: relative;
  float: left;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
  text-align: center;
  font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
  font-weight: bold;
}

#header .uh .link a:last-child:after {
  display: none;
}

#header .uh .link a.type2 {
  background: #299b8c;
  color: #fff;
}

#header .uh .util {
  float: right;
  font-size: 14px;
  padding: 0;
}

#header .uh .util a {
  margin: 0 0 0 18px;
}

#header .uh .util .name {
  background: url(/resources/branch/images/ico_log1.png) 0 50% no-repeat;
  padding: 0 0 0 23px;
}

#header .uh .util .name + .out {
  margin-left: 4px;
}

#header .mh .bg {
  height: 122px;
}

#header .mh h1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
  width: 320px;
  height: 122px;
}

#header .mh .util {
  float: right;
  margin: 32px -13px 0 13px;
}

#header .mh .util .bt {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  background-color: #299b8c;
  border-radius: 6px;
  padding: 0 10px;
  line-height: 35px;
  height: 35px;
  vertical-align: middle;
}

body.scrolling #header {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
}

.iLog1,
.iFind1,
.iMenu1 {
    display: inline-block;
    background: url(/resources/branch/images/icon-hamberger.png) 50% 50% no-repeat;
    text-indent: -9999px;
    font-size: 0;
    width: 58px;
    height: 58px;
    vertical-align: middle;
}

.iFind1 {
    background-image: url(/resources/branch/images/icon-search.png);
}

.mGnb {
    font-weight: 600; padding: 0 30px;
}

.mGnb .list li {
    float: left;
}

.mGnb .list li:last-child .dep2 {
    border-right: 1px solid #e8e8e8;
}

.mGnb .list li .dep1 {
    position: relative;
    display: block;
    color: #333;
    font-size: 21px;
    font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
    font-weight: 700;
    letter-spacing: -0.7px;
    padding: 0 40px;
    line-height: 122px;
    height: 122px;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    z-index: 102;
}

.mGnb .list li .dep2 {
    display: none;
    position: absolute;
    top: 114px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding: 0 24px;
    z-index: 101;
}

.mGnb .list li .dep2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    margin-left: -24px;
    min-width: 1500px;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mGnb .list li .dep2 .ti {
    position: relative;
    margin: 0 0 0 -105px;
    background-color: #fff;
    padding: 47px 0 0;
    width: 265px;
    z-index: 10;
}

.mGnb .list li .dep2 .ti:after {
    content: "";
    position: absolute;
    top: 73px;
    left: -110px;
    background-color: #777;
    width: 89px;
    height: 1px;
}

.mGnb .list li .dep2 .ti:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 20px;
    height: 100%;
}

.mGnb .list li .dep2 .ti .t {
    position: relative;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -1px;
    white-space: nowrap;
    font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
}

.mGnb .list li .dep2 .ti .c {
    position: relative;
    color: #979797;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    margin: 10px 0 0 5px;
    white-space: nowrap;
}

.mGnb .list li .dep2 .ls {
    padding: 47px 0;
}

.mGnb .list li .dep2 .ls ul + ul {
    margin-top: 35px;
}

.mGnb .list li .dep2 .ls ul {
    zoom: 1;
}

.mGnb .list li .dep2 .ls ul:after {
    display: block;
    clear: both;
    content: "";
}

.mGnb .list li .dep2 .ls li {
    float: left;
    margin: 0 0 0 80px;
    width: 298px;
}

.mGnb .list li .dep2 .ls li:nth-of-type(n+4) {
    margin-top: 35px;
}

.mGnb .list li .dep2 .ls li:hover .t {
    background-color: #279c2f;
    border-color: #279c2f;
    color: #fff;
}

.mGnb .list li .dep2 .ls li .t {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #d0d0d0;
    color: #282828;
    font-size: 18px;
    padding: 0 29px;
    height: 56px;
    font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
}

.mGnb .list li .dep2 .ls li .dep3 {
    margin: 20px 0 15px;
}

.mGnb .list li .dep2 .ls li .dep3 a + a {
    margin-top: 8px;
}

.mGnb .list li .dep2 .ls li .dep3 a {
    position: relative;
    display: block;
    color: #4e4e4e;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0 0 0 20px;
}

.mGnb .list li .dep2 .ls li .dep3 a:hover {
    color: #279c2f;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.mGnb .list li .dep2 .ls li .dep3 a:before {
    content: "";
    background-color: #cdcdcd;
    border-radius: 50%;
    background-color: #cdcdcd;
    width: 5px;
    height: 5px;
}

.mGnb .list li.active .dep1,
.mGnb .list li.hover .dep1 {
    color: #299b8c;
}

.mGnb .list li.hover .dep2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.visual-wrap {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.mKeysub1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    width: 100%;
    max-width: 2200px;
    height: 300px;
}

.mKeysub1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 304px;
    width: 1896px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    pointer-events: none;
    z-index: 1;
}

.mKeysub1.plant:before {
    background-image: url("/resources/branch/images/sub-visual-plant.png");
}

.mKeysub1 h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
}

.mKeysub1 .info {
    font-size: 14px;
    line-height: 24px;
}

.mKeysub1 .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.mKeysub1 .left {
    position: absolute;
    width: 377px;
    height: 300px;
    padding: 76px 0 0 65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url("/resources/branch/images/sub-visual-left.png") no-repeat 50% 0;
    font-size: 40px;
    line-height: 50px;
    color: #252525;
    font-weight: 500;
    text-align: left;
    text-decoration: underline;
}

.mKeysub1 .left:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: -48px;
    width: 322px;
    height: 185px;
    background: url("/resources/branch/images/object-mountain.png") no-repeat 50% 50%;
    z-index: 1;
    pointer-events: none;
}

.mKeysub1 .left span {
    position: relative;
}

.mKeysub1 .left span:before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 27px;
    height: 26px;
    background: url("/resources/branch/images/icon-leaf.png") no-repeat 50% 50%;
}

.mKeysub1 .text-wrap {
    position: relative;
    width: min(100%, 1400px);
    margin: 0 auto;
    z-index: 2;
}

.mKeysub1 .cell {
    vertical-align: middle;
    text-align: right;
}

.mKeysub1 h3 {
    font-size: 45px;
    margin: -10px 0 0;
}

.mKeysub1 .info {
    font-size: 14px;
    margin: 10px 0 0;
}

#body {
    margin: 80px auto 0;
    width: min(1500px, 100%);
}

#body .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

#body .bg.block {
    display: block;
}

#body .mLnb {
    min-width: 270px;
    width: 270px;
}

#body .contents {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 70px;
    padding: 193px 0 200px;
}

#footer {
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    font-size: 15px;
    margin-top: 86px;
}

#footer .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1500px;
}

#footer .link {
    border-bottom: 1px solid #e5e5e5;
}

#footer .link .tit,
#footer .link a {
    border-right: 1px solid #e5e5e5;
    letter-spacing: -1px;
    padding: 0 40px 0 23px;
    line-height: 67px;
    height: 67px;
}

#footer .link .tit {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-right: 0;
    width: 139px;
}

#footer .link a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    background: url(/resources/branch/images/ico_footer1.png) calc(100% - 20px) 50% no-repeat;
    font-size: 16px;
    color: #393939;
}

#footer .text .bg {
    color: #6b6b6b;
    font-size: 14px;
    padding: 47px 0;
}

#footer .text .log {
    float: left;
    padding: 14px 0;
    width: 357px;
}

#footer .text .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 160%;
}

#footer .text .txt .ad {
    font-size: 15.5px;
    margin: 12px 0 0;
}

#footer .text .txt .ad .bar {
    font-family: dotum;
}

#footer .text .txt .ln a {
    position: relative;
    display: inline-block;
    color: #3a3a3a;
    font-size: 15.5px;
}

#footer .text .txt .ln a + a {
    margin-left: 15px;
}

#footer .text .txt .ln a + a:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: -10px;
    border-radius: 50%;
    background-color: #3a3a3a;
    width: 2px;
    height: 2px;
}

#footer .text .img {
    padding: 10px 0;
}

.forM {
    display: none;
}

.mLnb h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #279c2f;
    border-radius: 12px;
    color: #fff;
    font-size: 30px;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding: 5px 0 0;
    text-align: center;
    width: 100%;
    height: 154px;
}

.mLnb h3 span {
    position: relative;
    padding: 0 28px;
}

.mLnb h3 span:before {
    content: "";
    position: absolute;
    top: -23px;
    right: 0;
    background: url(/resources/branch/images/ico_lnb1.png) 0 0 no-repeat;
    width: 42px;
    height: 31px;
}

.mLnb .list {
    border: 1px solid #dedede;
    border-radius: 12px;
    margin: 22px 0 0;
    padding: 10px 18px;
}

.mLnb .list > li {
    border-bottom: 1px solid #ebebeb;
}

.mLnb .list > li:last-child {
    border-bottom: 0;
}

.mLnb .list > li .dep1 {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding: 22px 50px 22px 10px;
    width: 100%;
    word-break: keep-all;
}

.mLnb .list > li .dep1:before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 13px;
    background: url(/resources/branch/images/ico_lnb_arr1.png) 50% 50% no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
}

.mLnb .list > li .dep2 {
    display: none;
    background-color: #fbfbfb;
    border-top: 1px solid #43ad4a;
    padding: 14px 0;
}

.mLnb .list > li .dep2 li a,
.mLnb .list > li .dep2 li button {
    position: relative;
    display: block;
    background: url(/resources/branch/images/ico_dep3.png) calc(100% - 20px) 50% no-repeat;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 20px;
}

.mLnb .list > li .dep2 li button {
    width: 100%;
}

.mLnb .list > li .dep2 li.active a,
.mLnb .list > li .dep2 li.active button,
.mLnb .list > li .dep2 li a:hover {
    color: #50b457;
    font-weight: 500;
    background-image: url(/resources/branch/images/ico_dep3_a.png);
}

.mLnb .list > li .dep2 .iDep3 {
    padding-right: 45px;
}

.mLnb .list > li .dep2 .iDep3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 34px;
    margin-top: -6px;
    background: url(/resources/branch/images/ico_dep3.png) 50% 50% no-repeat;
    width: 12px;
    height: 12px;
}

.mLnb .list > li .dep2 li.active .iDep3:after,
.mLnb .list > li .show .iDep3:after {
    margin-top: -1px;
    height: 2px;
}

.mLnb .list > li .dep2 .dep3 {
    display: none;
    background-color: #fff;
    border-radius: 8px;
    margin: 10px 30px 15px 0;
    padding: 17px 19px;
}

.mLnb .list > li .dep2 .dep3 li a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    padding: 2px 0 2px 11px;
}

.mLnb .list > li .dep2 .dep3 li a:before {
    top: 13px;
    background-color: #484848;
    width: 5px;
    height: 1px;
}

.mLnb .list > li .dep2 .dep3 li.active a {
    text-decoration: underline;
}

.mLnb .list > li.active .dep1,
.mLnb .list > li:hover .dep1 {
    color: #17a481;
    font-weight: 600;
}

.mLnb .list > li.active .dep1:before,
.mLnb .list > li:hover .dep1:before {
    background-image: url(/resources/branch/images/ico_lnb_arr1_a.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mLnb .list > li.active.nosub .dep1 {
    position: relative;
}

.mLnb .list > li.nosub .dep1 {
    padding-right: 50px;
}

.gTitle1 {
    position: relative;
    margin: 58px auto 0;
    text-align: left;
    width: 1440px;
    z-index: 1;
}

.gTitle1 > .title:first-of-type {
    padding-top: 36px;
}

.gTitle1 h4 {
    color: #333;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -2.4px;
}

.gTitle1 .title {
    margin: 18px 0 0;
}

.gTitle1 .title .desc {
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    font-family: SCoreDream, serif;
    color: #333;
}

.gTitle1 .title h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 46px;
    font-family: "SBAggro", serif;
    line-height: 50px;
    font-weight: 500;
    color: #333;
}

.gTitle1 .mBc1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.gTitle1 .mBc1.forM {
    display: none;
}

.mUtil1 {
    margin-left: auto;
    text-align: right;
}

.mUtil1 a + button,
.mUtil1 a + a {
    margin-left: 13px;
}

.mUtil1 button,
.mUtil1 a {
    display: inline-block;
    background: url(/resources/branch/images/ico_util1_1.png) 50% 50% no-repeat;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    text-indent: -9999px;
    font-size: 0;
    width: 46px;
    height: 46px;
    vertical-align: middle;
}

.mUtil1 .attach {
    background-image: url(/resources/branch/images/ico_util1_2.png);
}

.mUtil1 .print {
    background-image: url(/resources/branch/images/ico_util1_3.png);
}

.mBc1 {
    margin: 0 0 0 9px;
    text-align: center;
}

.mBc1 > span {
    position: relative;
    display: inline-block;
    color: #3b3b3b;
    font-size: 15px;
    letter-spacing: 0;
    margin: 0 0 0 28px;
    vertical-align: middle;
}

.mBc1 > span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -19px;
    background: url(/resources/branch/images/ico_bc2.png) 50% 50% no-repeat;
    width: 7px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mBc1 > .cur {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.mBc1 .home {
    position: relative;
    display: inline-block;
    background: url(/resources/branch/images/ico_bc1.png) 0 50% no-repeat;
    margin-left: 0;
    padding: 0 0 0 26px;
}

.mBc1 .home:before {
    display: none;
}

.mSitemap1,
.forM {
    display: none;
}

.mSitemap1.active {
    left: 0;
}

.mSitemap1 {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    background-color: #fff;
    font-weight: 700;
    width: 100%;
    height: 100%;
    z-index: 1000;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
}

.mSitemap1 .title {
    background-color: #279c2f;
    padding: 16px 17px 21px;
}

.mSitemap1 .title .close {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/resources/branch/images/ico_close1_m.png) 50% 50% no-repeat;
    background-size: 17px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 61px;
    height: 57px;
}

.mSitemap1 .util {
    background-color: #136019;
}

.mSitemap1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    height: calc(100% - 212px);
}

.mSitemap1 .list .dep1 {
    border-right: 1px solid #d7d7d7;
    width: 140px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.mSitemap1 .list .dep1 li.active,
.mSitemap1 .list .dep1 li a:hover {
    border-bottom-color: #279c2f;
    color: #279c2f;
    font-weight: bold;
}

.mSitemap1 .list .dep1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-bottom: 1px solid #d7d7d7;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    padding: 0 15px;
    height: 60px;
}

.mSitemap1 .list .dep1 li.m2 a {
    background-image: url(/resources/branch/images/ico_menu1_2_m.png);
    background-position: 50% 18px;
    padding-top: 58px;
}

.mSitemap1 .list .dep1 li.m3 a {
    background-image: url(/resources/branch/images/ico_menu1_3_m.png);
}

.mSitemap1 .list .dep1 li.m4 a {
    background-image: url(/resources/branch/images/ico_menu1_4_m.png);
}

.mSitemap1 .list .dep1 li.m5 a {
    background-image: url(/resources/branch/images/ico_menu1_5_m.png);
    background-position: 50% 18px;
    padding-top: 58px;
}

.mSitemap1 .list .dep1 li.m6 a {
    background-image: url(/resources/branch/images/ico_menu1_6_m.png);
    background-position: 50% 18px;
    padding-top: 58px;
}

.mSitemap1 .list .dep2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px solid #dcdcdc;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.mSitemap1 .list .dep2 > ul > li {
    border-bottom: 1px solid #dcdcdc;
}

.mSitemap1 .list .dep2 > ul > li a,
.mSitemap1 .list .dep2 > ul > li button {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
    text-align: left;
    width: 100%;
    padding: 17px 40px 17px 15px;
    word-break: keep-all;
}

.mSitemap1 .list .dep2 > ul > li button:before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 18px;
    background: url(/resources/branch/images/ico_menu1_arr_m.png) 50% 50% no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 8px;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
}

.mSitemap1 .list .dep2 > ul > li li button:before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 18px;
    background: url(/resources/branch/images/ico_menu1_arr2_m.png) 50% 50% no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    opacity: 1;
    -webkit-transition: all 0s 0s;
    transition: all 0s 0s;
}

.mSitemap1 .list .dep2 > ul > li li.active button:before {
    margin-top: 6px;
    height: 1px;
}

.mSitemap1 .list .dep2 > ul > li li .dep4 {
    display: none;
    background-color: #fff;
    border-radius: 8px;
    margin: 0 19px 10px;
    padding: 17px 19px;
}

.mSitemap1 .list .dep2 > ul > li .dep3 li .dep4 li {
    position: relative;
    padding: 0;
}

.mSitemap1 .list .dep2 > ul > li .dep3 li .dep4 li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    background-color: #484848;
    width: 5px;
    height: 1px;
}

.mSitemap1 .list .dep2 > ul > li .dep3 li .dep4 li a {
    position: relative;
    display: block;
    padding: 2px 0 2px 11px;
}

.mSitemap1 .list .dep2 > ul > li .dep3 li .dep4 li.active a {
    text-decoration: underline;
}

.mSitemap1 .list .dep2 > ul > li a {
    padding-right: 19px;
}

.mSitemap1 .list .dep2 > ul > li a:before {
    display: none;
}

.mSitemap1 .list .dep2 > ul > li .dep3 {
    display: none;
    background-color: #f9f9f9;
    border-top: 1px solid #dcdcdc;
    padding: 18px 0;
}

.mSitemap1 .list .dep2 > ul > li .dep3 a {
    display: block;
    color: #3c3c3c;
    font-size: 11px;
    padding: 8px 18px;
    height: auto;
}

.mSitemap1 .list .dep2 > ul > li .dep3 a:hover {
    font-weight: bold;
}

.mSitemap1 .list .dep2 > ul > li.active button {
    font-weight: bold;
}

.mSitemap1 .list .dep2 > ul > li.active button:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mLang1 {
    position: relative;
}

.mLang1 .sel {
    position: relative;
    display: block;
    background: url(/resources/branch/images/ico_lang1.png) 0 3px no-repeat;
    background-size: 13px auto;
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 20px;
    font-weight: 700;
}

.mLang1 .sel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/resources/branch/images/ico_lang1_arr.png) 0 3px no-repeat;
    background-size: 11px auto;
    width: 11px;
    height: 6px;
}

.mLang1 .selList {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #279c2f;
    padding: 5px 0;
    width: 100%;
}

.mLang1 .selList a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 2px 0 2px 20px;
}

.mLink1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 23px 5px 0;
}

.mLink1 a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 65px 0 0;
    text-align: center;
}

.mLink1 a:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 28px);
    background: url(/resources/branch/images/ico_sm1_1.png) 50% 50% no-repeat #bfe1c1;
    background-size: 25px auto;
    border-radius: 50%;
    width: 56px;
    height: 56px;
}

.mLink1 .log:before {
    background-image: url(/resources/branch/images/ico_sm1_2.png);
}

.mLink1 .my:before {
    background-image: url(/resources/branch/images/ico_sm1_3.png);
}

.mUtil2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #136019;
    text-align: center;
    height: 50px;
}

.mUtil2 .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mUtil2 .col a {
    display: block;
    color: #fff;
    font-size: 13px;
}

.mUtil2 .col a > span {
    background: url(/resources/branch/images/ico_util2_1.png) 100% 50% no-repeat;
    background-size: 11px auto;
    padding: 0 23px 0 0;
}

.mUtil2 .col.i2 a > span {
    background: url(/resources/branch/images/ico_util2_2.png);
}

.gCount1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 0 27px;
}

.gCount1 .mCount1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 25px;
}

.gCount1 .rt {
    text-align: right;
}

.mCount1 + .mBoard1 {
    margin-top: 27px;
}

.mCount1 {
    font-size: 15px;
    margin: 52px 0 0;
}

.mCount1 strong {
    color: #f39939;
    font-weight: 500;
}

.mSearch1 .select {
    min-width: 140px;
    vertical-align: middle;
    margin-right: 3px;
}

.mSearch1 .it {
    margin-left: 1px;
    min-width: 270px;
    vertical-align: middle;
}

.mSearch1 .it.w365 {
    min-width: 365px;
}

.mSearch1 .find {
    display: inline-block;
    background: url(/resources/branch/images/ico_find2.png) 50% 50% no-repeat #17a481;
    text-indent: -9999px;
    font-size: 0;
    margin-left: -5px;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}

.mSearch1 .mBtn1 {
    margin-left: 6px;
    min-width: 130px;
    line-height: 48px;
    height: 48px;
    vertical-align: top;
}

.mSearch1 .mBtn1 .find {
    display: inline-block;
    background: url(/resources/branch/images/ico_find2_2.png) 0 50% no-repeat transparent;
    text-indent: 0;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    margin: -1px 0 0;
    padding: 0 0 0 24px;
    width: auto;
    height: auto;
    vertical-align: top;
}

.mSearch1.bgGray {
    background-color: #f8f8f8;
    margin: 36px 0 0;
    padding: 33px 0;
    text-align: center;
}

.it {
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    height: 48px;
    border: solid 1px #ddd;
    background-color: #fff;
    color: #000;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.it2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    height: 48px;
    border: solid 1px #ddd;
    background-color: #fff;
    color: #000;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.select {
    background: url(/resources/branch/images/ico_select1.png) calc(100% - 14px) 50% no-repeat #fff;
    background-size: 14px auto;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    height: 48px;
    border: solid 1px #ddd;
    color: #000;
    padding: 0 45px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
}

.mPag {
    margin: 90px 0 0;
    padding-top: 70px;
    border-top: 1px solid #e1e1e1;
    line-height: normal;
    text-align: center;
}

.mPag a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #dedede;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    margin: 0 -2px 0 -4px;
    vertical-align: middle;
    text-align: center;
    min-width: 42px;
    height: 40px;
}

.mPag .active {
    position: relative;
    background-color: #279c6b;
    border-color: #279c6b;
    color: #fff;
    text-decoration: underline;
}

.mPag .first,
.mPag .last,
.mPag .prev,
.mPag .next {
    position: relative;
    display: inline-block;
    background: url(/resources/branch/images/ico_pag_first.png) 50% 50% no-repeat #fff;
    text-indent: -9999px;
    font-size: 0;
    overflow: hidden;
    z-index: 10;
}

.mPag .first {
    margin-right: -6px;
}

.mPag .next,
.mPag .last {
    background-image: url(/resources/branch/images/ico_pag_last.png);
}

.mPag .prev {
    background-image: url(/resources/branch/images/ico_pag_prev.png);
    margin: 0 2px 0 0;
}

.mPag .next {
    background-image: url(/resources/branch/images/ico_pag_next.png);
    margin: 0 -3px 0 1px;
}

.ui-widget-header .ui-icon {
    background-image: url("/resources/branch/images/ui-icons_555555_256x240.png");
}

.secure_w + .title-leaves {
    margin-top: 141px;
}

.secure_w ul {
    position: relative;
    padding-top: 191px;
    margin: 0 auto;
    width: 1030px;
    clear: both;
    overflow: hidden;
    background: url("/resources/branch/images/icon-arrow-top.gif") no-repeat 50% 31px;
}

.secure_w ul li {
    padding: 125px 30px 30px;
    width: 30%;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 30px;
    border-radius: 150px;
    text-align: center;
}

.secure_w ul li span {
    font-weight: 500;
}

.secure_w ul li.icon1 {
    float: left;
    background-color: rgba(146, 187, 58, 0.8);
    background-image: url("/resources/branch/images/icon-business3-1.png");
}

.secure_w ul li.icon2 {
    position: absolute;
    left: 50%;
    margin-left: -18%;
    background-color: rgba(80, 152, 54, 0.8);
    background-image: url("/resources/branch/images/icon-business3-2.png");
}

.secure_w ul li.icon3 {
    float: right;
    background-color: rgba(13, 118, 58, 0.8);
    background-image: url("/resources/branch/images/icon-business3-3.png");
}

.step1_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    margin: 40px 0;
    clear: both;
    overflow: hidden;
}

.step1_w li {
    position: relative;
    float: left;
    display: table;
    width: 312px;
    height: 228px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center right;
}

.step1_w li.st1 {
    background-image: url("/resources/branch/images/business3-bg1.gif");
}

.step1_w li.st2 {
    background-image: url("/resources/branch/images/business3-bg2.gif");
}

.step1_w li.st3 {
    background-image: url("/resources/branch/images/business3-bg3.gif");
}

.step1_w li.st4 {
    width: 264px;
    background-image: url("/resources/branch/images/business3-bg4.gif");
}

.step1_w li p {
    padding: 10px 20% 0 0;
    width: 80%;
    display: table-cell;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    vertical-align: middle;
}

.step1_w li.st4 p {
    padding-right: 5%;
}

.step2_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    margin: 40px 0;
    clear: both;
    overflow: hidden;
}

.step2_w > li {
    position: relative;
    float: left;
    height: 175px;
    margin-right: 68px;
    background-repeat: no-repeat;
    background-position: center;
}

.step2_w li.st1 {
    width: 370px;
    background-image: url("/resources/branch/images/business3-bg5.gif");
}

.step2_w li.st2 {
    width: 370px;
    background-image: url("/resources/branch/images/business3-bg6.gif");
}

.step2_w li.st3 {
    width: 324px;
    margin-right: 0;
    background-image: url("/resources/branch/images/business3-bg7.gif");
}

.step2_w li span {
    position: absolute;
    top: 25px;
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
}

.step2_w li.st1 span {
    color: #9ed443;
}

.step2_w li.st2 span {
    color: #43d1a1;
}

.step2_w li.st3 span {
    color: #40d4e2;
}

.step2_w li ul {
    padding: 40px 75px 0 60px;
}

.step2_w li ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    letter-spacing: -0.075em;
}

.step1_w li span {
    position: absolute;
    top: 50px;
    left: 15%;
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
}

.step1_w li.st1 span {
    color: #9ed443;
}

.step1_w li.st2 span {
    color: #43d1a1;
}

.step1_w li.st3 span {
    color: #40d4e2;
}

.step1_w li.st4 span {
    color: #4dade3;
}

.step3_w {
    margin: 40px 0;
    clear: both;
    overflow: hidden;
}

.step3_w > li {
    float: left;
    margin-right: 2%;
    padding-right: 2%;
    width: 30.3333%;
    background-repeat: no-repeat;
    background-position: right 45px;
}

.step3_w li.icon1 {
    background-image: url("/resources/branch/images/icon-business3-arrow1.gif");
}

.step3_w li.icon2 {
    background-image: url("/resources/branch/images/icon-business3-arrow2.gif");
}

.step3_w li.icon3 {
    margin-right: 0;
    padding-right: 0;
}

.step3_w li dl {
    padding: 20px;
}

.step3_w li.icon1 dl {
    background: #a8c961;
}

.step3_w li.icon2 dl {
    background: #73ad5e;
}

.step3_w li.icon3 dl {
    background: #3d9161;
}

.step3_w li dl dt {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    line-height: 85px;
    color: #fff;
}

.step3_w li dl dt span {
    float: left;
    display: block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 7px 7px 16px rgba(0, 0, 0, 0.25);
    box-shadow: 7px 7px 16px rgba(0, 0, 0, 0.25);
}

.step3_w li.icon1 dl dt span {
    background-image: url("/resources/branch/images/icon-business3-4.gif");
}

.step3_w li.icon2 dl dt span {
    background-image: url("/resources/branch/images/icon-business3-5.gif");
}

.step3_w li.icon3 dl dt span {
    background-image: url("/resources/branch/images/icon-business3-6.gif");
}

.step3_w li dl dt p {
    margin-left: 20px;
    float: left;
}

.step3_w li dl dd {
    margin-top: 20px;
    background: #fff;
}

.step3_w li dl dd ul {
    padding: 20px 30px;
    min-height: 105px;
}

.step3_w li dl dd ul li {
    padding-left: 10px;
    font-size: 17px;
    line-height: 26px;
    color: #333;
}

.terms.reverse-column .term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    border-top: none;
}

.terms.reverse-column .term + .term {
    margin-top: 34px;
}

.terms.reverse-column label {
    margin: 0 0 32px 0;
}

.terms.reverse-column .box.outline {
    border-top: 1px solid #000;
    font-size: 16px;
    line-height: 30px;
    color: #111;
}

.terms label {
    padding-left: 38px;
}

.terms > label:first-of-type {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.terms .term {
    position: relative;
    border-top: 1px solid #000;
    padding: 31px 0;
}

.terms .term:only-of-type {
    border-top: none;
    padding: 0;
}

.terms .term:only-of-type .box {
    font-size: 16px;
    line-height: 30px;
    color: #111;
}

.terms .term:only-of-type .box ~ label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 27px;
}

.terms .term:only-of-type details {
    border-top: 1px solid #000;
    margin-top: 32px;
}

.terms .term:only-of-type details summary:after {
    top: -10px;
}

.terms .term:only-of-type details p {
    border-top: none;
    margin-top: 0;
}

.terms .term label {
    font-size: 17px;
    line-height: 27px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}

.terms .term details summary {
    list-style-type: none;
}

.terms .term details summary::-webkit-details-marker {
    display: none;
}

.terms .term details summary:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    background: url("/resources/branch/images/icon-arrow-down-round.png") no-repeat 50% 50%;
    background-size: 100% auto;
    cursor: pointer;
}

.terms .term details[open] summary:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.terms .term details p {
    padding: 37px;
    border: 1px solid #ddd;
    border-top-color: #000;
    margin-top: 24px;
    font-size: 16px;
    line-height: 26px;
}

.terms + .button-navy {
    display: block;
    margin: 80px auto 0;
}

#body .board-items-table .badges {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
}

#body .badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
    width: 100%;
}

#body .badge,
#body .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 33px;
    border-radius: 5px;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

#body .badge.small,
#body .link.small {
    height: 18px;
    padding: 4px 5px;
    font-size: 11px;
    border-radius: 3px;
    font-weight: 400;
}

#body .badge.cyan,
#body .link.cyan {
    background-color: #3baf89;
    border-color: #3baf89;
    color: #fff;
}

#body .badge.green,
#body .link.green {
    color: #fff;
    border-color: #30a643;
    background-color: #30a643;
}

#body .badge.orange,
#body .link.orange {
    color: #fff;
    border-color: #f2713f;
    background-color: #f2713f;
}

#body .badge.gray,
#body .link.gray {
    color: #fff;
    background-color: #818181;
    border-color: #818181;
}

#body .badge.outline,
#body .link.outline {
    color: #000;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}

#body .badge.navy,
#body .link.navy {
    background-color: #013569;
    color: #fff;
}

#body .badge.navyBlue,
#body .link.navyBlue {
    background-color: #413129;
    color: #fff;
}

#body .badge.cherry,
#body .link.cherry {
    background-color: #d64169;
    color: #fff;
}

#body .badge.blue,
#body .link.blue {
    background-color: #1883d0;
    color: #fff;
}

#body .badge.outline-cyan,
#body .link.outline-cyan {
    height: 26px;
    color: #48b1a3;
    border: 1px solid #48b1a3;
    border-radius: 40px;
}

#body .states {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

#body .states .state {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid;
}

#body .states .state.green {
    color: #00ac4f;
    border-color: #00ac4f;
}

#body .states .state.gray {
    color: #6e6e6e;
    border-color: #6e6e6e;
}

#body .states .state.fill-gray {
    color: #fff;
    border-color: #adadad;
    background-color: #adadad;
}

#body .states .state.orange {
    color: #f2713f;
    border-color: #f2713f;
}

#body .circles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
}

#body [class*=circle-] {
    position: relative;
    padding-left: 26px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

#body [class*=circle-]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#body .circle-green:before {
    background-color: #3eaa36;
}

#body .circle-gray:before {
    background-color: #e3e3e3;
}

.gallery-photos {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
}

.gallery-photos.view5 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

.gallery-photos.view5 .img-wrap {
    width: 254px;
    height: 192px;
}

.gallery-photos.view5 .title {
    margin-top: 25px;
}

.gallery-photos .img-wrap {
    width: 325px;
    height: 240px;
    border-radius: 20px;
}

.gallery-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px;
}

.gallery-grid .img-wrap {
    width: 430px;
    height: 316px;
    border-radius: 20px;
}

.gallery-grid strong {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.gallery-box {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px;
}

.gallery-box:first-child {
    border-top: none;
    padding-top: 20px;
}

.gallery-box a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 428px;
    height: 100%;
    border: 1px solid #e7e7e7;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    border-radius: 20px;
}

.gallery-box .img-wrap {
    width: 430px;
    height: 316px;
    border-radius: 20px 20px 0 0;
    z-index: 2;
}

.gallery-box .info-wrap {
    padding: 9px 44px 45px;
    text-align: left;
}

.gallery-box .education-info {
    margin-top: 35px;
}

.gallery-box .education-info.gray li strong {
    width: 74px;
    color: #393939;
    font-weight: 500;
}

.gallery-box .education-info.gray li span {
    font-weight: 600;
    color: #000;
}

.gallery-box .education-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px;
}

.gallery-box .education-info li strong {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 62px;
}

.gallery-box .education-info li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.gallery-box .badge-round {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 9px;
    font-size: 13px;
}

.gallery-box .badge-round.green {
    padding: 7px 18px;
    color: #00ac4f;
    border: 1px solid #00ac4f;
    border-radius: 100px;
    font-weight: 500;
}

.gallery-poster {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 65px 55px;
}

.gallery-poster.thumb {
    grid-template-columns: 1fr;
    gap: 54px;
    padding: 48px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-poster.thumb > li {
    width: 100%;
    padding: 0 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-poster.thumb > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.gallery-poster.thumb .img-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    width: 130px;
    height: 185px;
}

.gallery-poster.thumb .states {
    margin-top: 0;
}

.gallery-poster .img-wrap {
    width: 305px;
    height: 405px;
}

.gallery-poster .exhibition-info {
    margin-top: 25px;
}

.gallery-poster .exhibition-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.gallery-poster .exhibition-info strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    color: #666;
}

.gallery-poster .exhibition-info span {
    color: #000;
    font-weight: 600;
}

.gallery-poster-edu > li:not(:last-of-type) {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: solid 1px #e0e3e7;
}

.gallery-poster-edu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 55px;
}

.gallery-poster-edu a .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0;
}

.gallery-poster-edu .img-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 220px;
    height: 294px;
}

.gallery-poster-edu .title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}

.gallery-poster-edu .title strong {
    margin-top: 16px;
}

.gallery-poster-edu .info-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.gallery-poster-edu .badges {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.gallery-items {
    display: grid;
    padding-top: 70px;
    border-top: 2px solid #444;
    background-color: #fff;
}

.gallery-items.gallery-grid .title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.gallery-items.gallery-grid .title strong {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.gallery-items.gallery-grid .badges {
    width: auto !important;
}

.gallery-items.gallery-box .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.gallery-items.gallery-box p {
    text-align: left;
}

.gallery-items.gallery-photos .title.line-clamp {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gallery-items.gallery-photos .title.line-clamp strong {
    text-align: left;
}

.gallery-items.gallery-photos .title.line-clamp + .date {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gallery-items.gallery-poster {
    border-top: none;
}

.gallery-items.gallery-poster .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
    text-align: left;
}

.gallery-items.gallery-poster-edu .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}

.gallery-items li {
    position: relative;
}

.gallery-items .img-wrap {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.gallery-items .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-items .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 38px;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

.gallery-items .title.line-clamp strong {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.gallery-items .title strong {
    font-weight: 600;
}

.gallery-items .title + .icon-info {
    margin-top: 30px;
}

.gallery-items .desc {
    margin-top: 15px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.gallery-items .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    line-height: 25px;
    color: #727272;
}

.gallery-items .date:before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 15px;
    height: 15px;
    background: url("/resources/branch/images/icon-calendar.png") no-repeat 50% 50%;
}

.gallery-items .states {
    margin-top: 32px;
}

.gallery-items .states + .title {
    margin-top: 14px;
}

.gallery-items .info-wrap.align-left .title {
    justify-self: flex-start;
}

.gallery-items .info-wrap.align-left .title > strong {
    text-align: left;
}

.gallery-items .info-wrap.align-left .date {
    justify-self: flex-start;
}

.dot-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 26px;
}

.dot-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 12px;
    font-size: 15px;
    line-height: 25px;
    color: #333;
}

.dot-info li > strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 86px;
    padding-left: 10px;
    font-weight: 700;
}

.dot-info li > strong:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dot-info li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
}

.dot-info li p > strong {
    color: #db0e0e;
    font-weight: 700;
}

.swiper-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.swiper-wrap li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.detail-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 96px;
    padding-top: 78px;
    border-top: 2px solid #444;
}

.detail-view + .fold-wrap {
    margin-top: 100px;
}

.detail-view .left-top {
    position: relative;
}

.detail-view .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-top: 27px;
}

.detail-view .right dfn {
    font-size: 40px;
    line-height: 52px;
    font-style: normal;
    font-weight: 700;
}

.detail-view .right ul {
    margin-top: 50px;
}

.detail-view .right li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 27px;
}

.detail-view .right li strong {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    text-decoration: underline;
}

.detail-view .right li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-view .right .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin-top: 94px;
}

.detail-view .right .link-map {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 72px;
    border-radius: 10px;
    font-size: 17px;
}

.detail-view .right .link-map.green {
    background-color: #3cad39;
    color: #fff;
}

.detail-view .right .link-map.green .link-text {
    background-image: url("/resources/branch/images/icon-mark-white.png");
}

.detail-view .right .link-map.yellow {
    background-color: #361f1f;
    color: #f6df00;
}

.detail-view .right .link-map.yellow .link-text {
    background-image: url("/resources/branch/images/icon-mark-yellow.png");
}

.detail-view .right .link-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 27px;
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 27px;
}

.detail-view .button-next,
.detail-view .button-prev {
    position: absolute;
    top: 50%;
    width: 72px;
    height: 72px;
    background: url("/resources/branch/images/icon-circle-right.png") no-repeat 50% 50%;
    -webkit-box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
    box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
    border-radius: 100%;
}

.detail-view .button-next {
    right: -36px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail-view .button-prev {
    left: -36px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.detail-view .swiper {
    overflow: hidden;
    width: 650px;
}

.detail-view .thumb-swiper {
    width: 650px;
    margin-top: 40px;
}

.detail-view .thumb-swiper ul {
    gap: 20px;
}

.detail-view .thumb-swiper li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 147px;
    flex: 0 0 147px;
    cursor: pointer;
}

.detail-view .img-wrap {
    display: block;
}

.detail-view .img-wrap img {
    width: 100%;
    height: auto;
}

.detail-view + .description {
    margin-top: 97px;
    padding: 70px 0 130px;
    border: solid #e5e5e5;
    border-width: 1px 0;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
}

.detail-view .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 33px;
    left: 50%;
    background-color: #fff;
    border-radius: 50px;
    padding: 11px 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.detail-view .pagination > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #e1e1e1;
    cursor: pointer;
}

.detail-view .pagination > span[aria-current=true] {
    background-color: #404040;
}

.detail-view + .detail-items {
    margin-top: 92px;
    padding-top: 92px;
    border-top: 1px solid #e5e5e5;
}

.detail-view .desc {
    margin-top: 46px;
    padding-bottom: 102px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.detail-view .desc .button-green.vr {
    position: absolute;
    left: 0;
    bottom: 0;
}

.detail-items > strong {
    display: block;
    padding-left: 38px;
    background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 50%;
    font-size: 25px;
    line-height: 35px;
}

.detail-items > ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 40px;
}

.detail-items li {
    text-align: center;
}

.detail-items li .img-wrap {
    display: block;
}

.detail-items li img {
    width: 100%;
    height: auto;
}

.detail-items li strong {
    display: block;
    margin-top: 37px;
    font-size: 20px;
    line-height: 30px;
}

.detail-items li p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
}

.link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px;
    height: 64px;
    margin: 74px auto 0;
    border-radius: 10px;
    background-color: #013569;
    color: #fff;
    font-weight: 700;
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin: 80px 0 82px;
}

.tabs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 21px 35px;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #d1d1d1;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.tabs .active a {
    background-color: #3eaa36;
    color: #fff;
    border-color: #3eaa36;
}

.tabs .active a:after {
    content: "";
    position: absolute;
    right: -7px;
    top: -21px;
    width: 42px;
    height: 41px;
    background: url("/resources/branch/images/icon-leaf-border.png") no-repeat 50% 50%;
    pointer-events: none;
}

.tabs + .box.outline-cyan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 43px;
}

.tabs + .box.outline-cyan strong {
    font-size: 19px;
    line-height: 29px;
    color: #333;
    font-weight: 700;
}

.full-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 47px;
}

.full-tabs > button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 23px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #279c2f;
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

.full-tabs > button[aria-selected=true] {
    background-color: #279c2f;
    border-color: #279c2f;
    color: #fff;
}

.search-period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #50a6a9;
    border-radius: 20px;
    padding: 30px 124px;
}

.search-period > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-period strong {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100px;
    font-size: 17px;
    color: #000;
}

.search-period .left .it {
    width: 174px;
    padding-right: 42px;
    background: url("/resources/branch/images/icon-calendar-black.png") no-repeat 130px 50%;
}

.search-period .left span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
}

.search-period .right .it {
    width: 365px;
}

.search-period .right label[for=searchInput] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search-period label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
}

.search-period label .select {
    margin-right: 10px;
}

.search-period label .it {
    margin: 0;
}

.search-edu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #279c2f;
    border-radius: 20px;
    padding: 60px 124px;
}

.search-edu + .gCount1 {
    margin-top: 98px;
}

.search-edu ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.search-edu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 15px;
}

.search-edu ul li > strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 82px;
    font-size: 17px;
    line-height: 27px;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
}

.search-edu ul li > label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
}

.search-edu ul .select {
    width: 100%;
    max-width: 227px;
}

.search-edu ul .it {
    width: 100%;
}

.search-edu ul span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5px;
}

.search-edu ul input[type=checkbox] + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    padding: 0 5px 0 36px;
    margin: 0;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]:checked + label:before {
    background: #4a506b url("/resources/branch/images/icon-checked.png") no-repeat 50% 50%;
    border-color: #4a506b;
}

input[type=checkbox] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 25px;
    position: relative;
    cursor: pointer;
}

input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border: 1px solid #666;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

input[type=radio] {
    display: none;
}

input[type=radio]:checked + label:before {
    background-color: #fff;
    border-color: #4a506b;
}

input[type=radio]:checked + label:after {
    display: block;
}

input[type=radio] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 25px;
    position: relative;
    cursor: pointer;
}

input[type=radio] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #666;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

input[type=radio] + label:after {
    display: none;
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 15px;
    height: 15px;
    background-color: #4a506b;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* add20260120 */
input[type=radio]:disabled + label{color:#999;cursor:default;}
input[type=radio]:disabled + label:before{opacity:0.3;}
/* //add20260120 */
.swiper-tabs .swiper {
    overflow: hidden;
}

.swiper-tabs ~ .panel .detail-view {
    margin-top: 112px;
    border-top: none;
    padding-top: 0;
}

.swiper-tabs .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 270px;
}

.swiper-tabs .swiper-slide img,
.swiper-tabs .swiper-slide .img-wrap,
.swiper-tabs .swiper-slide strong {
    pointer-events: none;
}

.swiper-tabs .swiper-slide .img-wrap {
    width: 270px;
    height: 220px;
}

.swiper-tabs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-tabs [role=tab] {
    position: relative;
    cursor: pointer;
}

.swiper-tabs [role=tab] strong {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    z-index: 1;
}

.swiper-tabs [role=tab][aria-selected=true] strong {
    bottom: 60px;
    padding-top: 70px;
}

.swiper-tabs [role=tab][aria-selected=true] strong:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 48px;
    height: 48px;
    background: url("/resources/branch/images/icon-plus.png") no-repeat 50% 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper-tabs [role=tab][aria-selected=true]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.swiper-tabs .scrollbar {
    position: relative;
    margin-top: 55px;
    cursor: pointer;
}

.swiper-tabs .scrollbar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #696969;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-tabs .scrollbar .swiper-scrollbar-drag {
    height: 31px;
    background: url("/resources/branch/images/icon-scroll.png") no-repeat 50% 50%;
    cursor: pointer;
}

.swiper-scroll > p {
    margin-bottom: 42px;
    text-align: right;
    font-size: 16px;
    color: #595959;
    font-weight: 500;
}

.swiper-scroll .swiper {
    overflow: hidden;
}

.swiper-scroll .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 270px;
}

.swiper-scroll .swiper-slide img,
.swiper-scroll .swiper-slide .img-wrap,
.swiper-scroll .swiper-slide strong {
    pointer-events: none;
}

.swiper-scroll .swiper-slide .img-wrap {
    display: block;
    position: relative;
    width: 270px;
    height: 220px;
}

.swiper-scroll .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-scroll [role=tab] {
    position: relative;
    cursor: pointer;
}

.swiper-scroll [role=tab] strong {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 19px;
    line-height: 30px;
    font-weight: 700;
}

.swiper-scroll [role=tab][aria-selected=true] .img-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) url("/resources/branch/images/icon-plus.png") no-repeat 50% 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.swiper-scroll .scrollbar {
    position: relative;
    margin-top: 50px;
    cursor: pointer;
}

.swiper-scroll .scrollbar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #696969;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-scroll .scrollbar .swiper-scrollbar-drag {
    height: 31px;
    background: url("/resources/branch/images/icon-scroll.png") no-repeat 50% 50%;
    cursor: pointer;
}

.detail-info {
    border-top: 2px solid #444;
    padding-top: 67px;
}

.detail-info.border-none {
    border-top: none;
    padding-top: 0;
}

.detail-info .underline-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 27px;
}

.detail-info .underline-info li strong {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    text-decoration: underline;
}

.detail-info .underline-info li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-section + .detail-section {
    margin-top: 90px;
}

.detail-section + .title-caution {
    margin-top: 87px;
}

.detail-section .gallery-items {
    padding-top: 10px;
}

.detail-section.division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 106px;
    border-bottom: 1px solid #e5e5e5;
}

.detail-section.kGarden > .left {
    width: 496px;
    padding: 0 0 0 30px;
}

.detail-section.kGarden > .right > strong {
    font-size: 38px;
    font-weight: 600;
}

.detail-section.kGarden .underline-info {
    margin-top: 44px;
    border-bottom: none;
}

.detail-section.kGarden .underline-info + .button-green {
    margin-top: 40px;
}

.detail-section.kGarden + .description {
    margin-top: -41px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}

.detail-section.kGarden + .description + .detail-section {
    margin-top: 78px;
}

.detail-section > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    background: url("/resources/branch/images/icon-leaf2.png") no-repeat 0 0;
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 33px;
    color: #333;
}

.detail-section > strong.underline {
    padding-bottom: 40px;
    padding-left: 0;
    border-bottom: 1px solid #707070;
}

.detail-section .detail-title1 {
    background: transparent;
    padding-left: 0;
    margin-top: 50px;
    font-size: 24px;
    line-height: 50px;
    color: #333;
    font-weight: 400;
}

.detail-section .detail-title1 .caution {
    float: right;
    font-size: 15px;
    line-height: 35px;
    color: #ec1010;
    font-weight: 400;
    margin-top: 10px;
}

.detail-section > strong.detail-title {
    text-align: center;
    background: transparent;
    padding-left: 0;
    margin-bottom: 50px;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: 700;
}

.detail-section > strong.caution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
    background: transparent;
    font-size: 15px;
    line-height: 25px;
    color: #ec1010;
    font-weight: 400;
}

.detail-section > strong.caution.gray {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 43px;
    color: #595959;
    font-size: 16px;
}

.detail-section > strong.title-leaves {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url("/resources/branch/images/icon-leaves.png");
}

.detail-section > strong.title-leaves .caution {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #333;
}

.detail-section > strong.title-leaves .caution.gray {
    color: #595959;
    text-align: left;
}

.detail-section > strong.title-leaves .caution.red {
    color: #ec1010;
}

.detail-section > strong.title-leaves .caution span {
    margin-right: 4px;
    color: #ec1010;
}

.detail-section > strong.title-none {
    padding-left: 0;
    background: transparent;
}

.detail-section > strong.title-none .caution {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #333;
}

.detail-section > strong.title-none .caution.gray {
    color: #595959;
}

.detail-section > strong.title-none .caution.red {
    color: #ec1010;
}

.detail-section > strong.title-none .caution span {
    margin-right: 4px;
    color: #ec1010;
}

.detail-section > strong.title-bold {
    background: none;
    padding-left: 0;
    margin-bottom: 30px;
    font-size: 20px;
}

.detail-section > strong.title-bold ~ .title-bold {
    margin-top: 65px;
}

.detail-section > strong .caution {
    margin-left: auto;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #ec1010;
}

.detail-section > .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 485px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 83px 0 46px;
}

.detail-section > .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-section > .right > strong {
    display: block;
    margin-top: 37px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

.detail-section > .right .dot-info {
    padding: 44px 46px 56px;
    margin-left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.detail-section > .right .dot-info li > strong:before {
    background-color: #3cad39;
}

.detail-section .link-list.outline-green {
    margin: 60px 0 0 0;
    border: 2px solid #3cad39;
    color: #3cad39;
    background-color: #fff;
}

.detail-section .notice {
    font-size: 16px;
    color: #333;
    line-height: 26px;
}

.detail-section + .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-top: 70px;
}

.detail-section + button {
    display: block;
    margin: 70px auto 0;
}

.detail-section .map-wrap {
    display: block;
    position: relative;
    width: 1500px;
    height: auto;
}

.detail-section .map-wrap img {
    width: 100%;
    height: auto;
}

.detail-section .map-wrap + strong {
    margin-top: 222px;
}

.detail-section .map-wrap .markers .marker {
    position: absolute;
    width: 41px;
    height: 52px;
    background: url("/resources/branch/images/icon-mark-red.png") no-repeat 50% 50%;
}

.detail-section .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 39px 55px 33px 40px;
}

.detail-section .files strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.detail-section .files ul {
    display: grid;
    gap: 12px 30px;
}

.detail-section .files li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detail-section .files a {
    display: block;
    padding-left: 27px;
    background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
    background-size: auto 20px;
    margin-right: 23px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

.detail-section .files + .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail-section .files + .buttons button,
.detail-section .files + .buttons a {
    margin: 0;
}

.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px;
    text-align: right;
    border: 5px solid #e4e4e4;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
}

.total + .detail-desc {
    margin-top: 45px;
}

.total-price + .detail-desc {
    margin-top: 45px;
}

.table-info + .total-price {
    margin-top: 0;
}

.total > span {
    padding-right: 16px;
}

.total > span.left {
    margin-right: auto;
    font-size: 18px;
}

.detail-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 27px;
    font-size: 15px;
    line-height: 25px;
    color: #000;
}

.detail-desc strong {
    color: #f04d05;
}

.detail-desc > strong {
    padding-left: 27px;
    background: url("/resources/branch/images/icon-info-red.png") no-repeat 0 4px;
    color: #000;
    margin-right: 12px;
}

.box {
    border: 2px solid;
    border-radius: 20px;
    padding: 68px;
}

.box.division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
}

.box.green {
    border-color: #279c2f;
}

.box.outline {
    padding: 38px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 0;height:200px;overflow:hidden;overflow-y:auto;
}

.box.outline4 {
    padding: 30px 38px;
    border: 4px solid #e7e7e7;
}

.box.medium {
    max-width: 718px;
    margin: 0 auto;
    padding: 71px 20px 85px;
}

.box.outline-round {
    padding: 39px 45px;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
}

.box.outline-round + .box {
    margin-top: 36px;
}

.box.outline-round .desc {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #595959;
}

.box.outline-cyan {
    border: 2px solid #50aaa8;
}

.box.outline-cyan + .detail-section {
    margin-top: 80px;
}

.box.bg-gray {
    border: none;
    background-color: #f7f7f7;
    padding: 30px 32px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
}

.box.outline-round-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 87px;
    overflow: hidden;
    padding: 0;
    border-radius: 20px;
    border: 1px solid #dfdfdf;
}

.box.scroll .schedule {
    max-height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-scroll-chaining: chained;
    overscroll-behavior: auto;
}

.box-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    padding: 27px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.box-desc.cyan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    background-color: #58b2a8;
    color: #fff;
}

.box-desc.cyan strong {
    border-radius: 50px;
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
    font-weight: 700;
}

.box-desc.cyan span {
    margin-left: 20px;
    font-weight: 600;
}

.box-desc ~ .table-gray {
    margin-top: 30px;
}

.box-desc ~ .table-gray th,
.box-desc ~ .table-gray td {
    border-left: none;
    border-right: none;
}

.box-desc ~ .total {
    margin-top: 27px;
}

.box-desc ~ .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    margin-top: 94px;
}

.box-info {
    text-align: center;
}

.box-info > strong {
    display: inline-block;
    padding-top: 132px;
    background: url("/resources/branch/images/icon-finish.png") no-repeat 50% 0;
    background-size: 89px auto;
    font-size: 22px;
}

.box-info p {
    margin-top: 23px;
    font-size: 15px;
    line-height: 25px;
    color: #6d6d6d;
}

.box-info p > strong {
    color: #242424;
}

.box-info + .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 82px;
}

.box-title-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.box-title-info li {
    display: grid;
    grid-template-columns: 120px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

.box-title-info li strong {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 120px;
    padding: 11px 30px 12px;
    background-color: #524e4d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.box-title-info li span {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.calendar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* 예약_본인인증 */

.mInfo3 {
    text-align: center;
    margin: 70px 0 63px;
    padding: 0 0 67px;
}
.mInfo3 .info {
    position: relative;
    background-color: #f7fdf7;
    border: 1px solid #cdebd0;
    border-radius: 20px;
    color: #333;
    font-size: 17px;
    font-weight: 600;
    line-height: 180%;
    padding: 46px 46px 49px 211px;
    text-align: left;
}
.mInfo3 .info:before {
    content: "";
    position: absolute;
    top: calc(50% - 45px);
    left: 62px;
    background: url(/resources/branch/images/ico_info1.png) 0 0 no-repeat;
    width: 90px;
    height: 90px;
}
.mInfo3 .tit {
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 10px;
}
.mInfo3 .lst li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 14px;
}
.mInfo3 .lst li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
    background-color: #a3a3a3;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

/* 휴대전화_본인인증 */
.mReg2{display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:0 57px;}
.mReg2 a{-webkit-flex:1;flex:1;background-color:#f8f8f8;border-radius:10px;padding:35px 0 40px;max-width:410px;text-align:center;}
.mReg2 .ti{display:block;font-size:19px;}
.mReg2 .tx{display:block;font-size:14px;line-height:170%;margin:10px 0 0;}
.mReg2 .ic{display:block;background:url(/resources/branch/images/ico_reg2_4.png) 0 0 no-repeat;margin:25px auto 0;width:90px;height:90px;}
.mBtn1 {margin-top: 35px;}
.mBtn1 .fBlue {background-color: #013569;border-color: #013569;color: #fff; border-radius:4px;font-size:15px;font-weight: 500;min-width:200px;line-height:58px;height:56px;padding:10px 22px 12px 22px;}
.st_buttons {text-align:center;margin-top: 70px;}
.st_buttons .button-navy-outline {min-width: 150px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 2px solid #013569;padding: 15px 43px;border-radius: 10px;color: #000;text-align: center;font-size: 16px;font-weight: 600;}


.calendar-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calendar .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
}

.calendar .left button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background: url("/resources/branch/images/icon-arrow-right.png") no-repeat 50% 50%;
}

.calendar .left button.button-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.calendar .left strong {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 27px;
    line-height: 37px;
}

.calendar .right .selected,
.calendar .right .disabled {
    position: relative;
    padding-left: 23px;
    font-size: 13px;
    line-height: 23px;
    color: #000;
    font-weight: 700;
}

.calendar .right .selected:before,
.calendar .right .disabled:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.calendar .right .selected:before {
    background-color: #3eaa36;
}

.calendar .right .disabled {
    margin-left: 10px;
}

.calendar .right .disabled:before {
    background-color: #e3e3e3;
}

.calendar .days {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 18px;
    margin-top: 28px;
    font-weight: bold;
}

.calendar .days li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    font-size: 15px;
    line-height: 25px;
    color: #000;
}

.calendar .dates {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 18px;
    margin-top: 10px;
}

.calendar .dates li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.calendar .dates .prev,
.calendar .dates .next {
    opacity: 0.4;
}

.calendar .dates button {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #000;
}

.calendar .dates button.today {
    color: #0bb178;
    font-weight: bold;
}

.calendar .dates button:disabled {
    background-color: #e3e3e3;
    font-weight: bold;
    cursor: default;
}

.calendar .dates button.current {
    background-color: #3eaa36;
    color: #fff;
    font-weight: bold;
}

.detail-explanation .img-wrap {
    display: block;
    margin-top: 90px;
    text-align: center;
}

.detail-explanation .img-wrap img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.detail-explanation .img-wrap + .desc {
    margin-top: 86px;
}

.detail-explanation .desc {
    padding: 0 25px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.detail-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 55px;
    margin-top: 70px;
}

.detail-sub .left,
.detail-sub .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.detail-sub strong {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.detail-sub .box.outline {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 30px;
    padding: 38px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
}

.detail-sub .box.outline li {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    padding-left: 10px;
}

.detail-sub .box.outline li:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table + table {
    margin-top: 52px;
}

.table-black {
    min-width: 100%;
}

.table-black > thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-black th,
.table-black td {
    padding: 18px 0;
    line-height: 26px;
}

.table-black th {
    background-color: #3a3a3a;
    color: #fff;
    font-size: 16px;
    border: none;
}

.table-black td {
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid #e0e3e7;
}

.table-black td > strong:first-of-type {
    color: #f00a0a;
}

.table-black .button-underline {
    font-size: 16px;
    text-decoration: underline;
}

.table-black .table-gray th,
.table-black .table-gray td {
    padding: 12px;
    font-size: 14px;
    line-height: 24px;
}

.table-black .table-gray th {
    color: #000;
}

.table-black .schedule-detail {
    display: none;
}

.table-black .schedule-detail.show {
    display: table-row;
}

.table-gray {
    width: 100%;
}

.table-gray.fixed {
    table-layout: fixed;
}

.table-gray th,
.table-gray td {
    border: 1px solid #e7e7e7;
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
}

.table-gray th:first-of-type,
.table-gray td:first-of-type {
    border-left: none;
}

.table-gray th:last-of-type,
.table-gray td:last-of-type {
    border-right: none;
}

.table-gray th {
    border-top: 1px solid #707070;
    font-weight: 700;
    background-color: #fafafa;
}

.table-gray td {
    font-weight: 400;
    text-align: center;
}

.table-gray td.bold {
    font-weight: 600;
}

.table-gray td.bg-blue {
    background-color: #f3f9ff;
}

.table-gray td.text-blue {
    color: #1c7ee3;
}

.table-gray td.align-left {
    text-align: left;
}

.table-horizon caption {
    caption-side: top;
    font-size: 17px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 22px;
}

.table-horizon tr:first-of-type th {
    border-top: 2px solid #707070;
}
.table-horizon tr:first-of-type td {
    border-top: 1px solid #707070;
}

.table-horizon th {
    padding: 21px 24px;
    border: 1px solid #e7e7e7;
    font-size: 16px;
    line-height: 26px;
}


.table-horizon td {
    padding: 18px 24px;
    border: 1px solid #e7e7e7;
    font-size: 16px;
    line-height: 26px;
}

.table-horizon th {
    background-color: #fafafa;
}

.table-horizon th:first-of-type {
    border-left: none;
}
.table-horizon th:last-of-type {
    border-right: none;
}
.table-horizon td:first-of-type {
    border-left: none;
}
.table-horizon td:last-of-type {
    border-right: none;
}

.table-horizon .link:first-of-type {
    margin-left: 25px;
}

.table-horizon .link + .link {
    margin-left: 12px;
}

.table-horizon .box.outline {
    padding: 30px 27px;
}

.table-horizon .box.outline li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px;
}

.table-horizon .box.outline li > span {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.table-horizon .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.table-horizon .buttons02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.table-horizon .caution {
    margin-top: 35px;
    font-size: 16px;
    color: #ec1010;
    line-height: 25px;
}

.table-horizon .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 60px;
}

.table-horizon .files li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.table-horizon .files a {
    display: block;
    padding-left: 27px;
    background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
    background-size: auto 20px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}
/*조가인추가260317*/
.table-horizon .align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
}
/*//조가인추가260317*/
.item-horizon {
    border-top: 1px solid #000;
}

.item-horizon li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.item-horizon li > strong,
.item-horizon li > div {
    min-height: 70px;
    padding: 18px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
}

.item-horizon li > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 200px;
    background-color: #fafafa;
    text-align: center;
    border-right: 1px solid #e7e7e7;
}

.item-horizon li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 16px;
}

.item-horizon li > div .file_add li {
    padding: 5px 0;
}

.item-horizon li > div:only-of-type label {
    width: 475px;
    max-width: 100%;
}

.item-horizon.type2 li > div:only-of-type label {
    width: 1200px;
    max-width: 100%;
}

.item-horizon li > div:only-of-type label[for*=textarea] {
    width: 100%;
}

.item-horizon li > div:only-of-type label[for*=select] {
    width: 190px;
}

.item-horizon li > div:only-of-type label[for*=select] select {
    width: 100%;
}

.item-horizon li > div:only-of-type label[for*=select].middle {
    min-width: 267px;
}

.item-horizon li > div label {
    width: 100%;
}

.item-horizon li > div label.middle {
    width: 274px;
}

.item-horizon li > div label.full {
    width: 919px;
}

.item-horizon li > div + strong {
    border-left: 1px solid #e7e7e7;
}

.item-horizon li > div ~ div label {
    display: block;
    width: 100%;
}

.item-horizon li > div .it {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

item-horizon li > div .it2 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item-horizon li input[type=checkbox] + label {
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    margin: 0 25px 0 0;
}

.item-horizon li input[type=checkbox] ~ label .it {
    width: 286px;
}

.item-horizon li input[type=radio] + label {
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    margin: 0 25px 0 0;
}

.item-horizon li .caution {
    font-size: 15px;
    line-height: 25px;
    color: #ec1010;
    font-weight: 400;
    margin-left: 17px;
    opacity: 1;
}

.item-horizon li .caution.gray {
    color: #000;
}

.item-horizon li .caution.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    color: #4e4e4e;
}

.item-horizon input[type=text]:disabled {
    background-color: #fafafa;
}

.item-horizon .address {
    gap: 10px;
}

.item-horizon .address label:not(:first-of-type) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 417px;
    flex: 0 0 417px;
}

.item-horizon .address label:first-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.item-horizon .period {
    gap: 7px;
}

.item-horizon .period label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
}

.item-horizon .period label input[type=text] {
    padding-right: 50px;
    background: url("/resources/branch/images/icon-calendar-black.png") no-repeat top 50% right 22px;
    background-size: 23px auto;
}

.item-horizon .business {
    gap: 7px;
}

.item-horizon .business label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.item-horizon .business span {
    color: #333;
    font-size: 16px;
}

.item-horizon .essential {
    font-size: 16px;
    color: #ec1010;
    margin-left: 4px;
}

.item-horizon + .caution {
    display: block;
    font-size: 15px;
    margin-top: 22px;
    color: #ec1010;
    font-weight: 400;
    text-align: right;
}

.caution_p {
    display: block;
    font-size: 15px;
    margin-top: 22px;
    font-weight: 400;
    text-align: left;
}


.item-horizon .file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-items: flex-start;
    gap: 20px;
}

.item-horizon .file .caution {
    margin-top: 15px;
    margin-left: 0;
}

.item-horizon .file .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.item-horizon textarea {
    resize: none;
    width: 100%;
    height: 650px;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    border: solid 1px #ddd;
    background-color: #fff;
    color: #000;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.item-horizon.type2 textarea {
    resize: none;
    width: 100%;
    height: 200px;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    border: solid 1px #ddd;
    background-color: #fff;
    color: #000;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.item-horizon .box.outline {
    width: 100%;
    padding: 30px 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.item-horizon .box.outline li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 5px;
}

.item-horizon .box.outline li > span {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
}

.item-horizon .button-navy.small + .file-wrap {
    margin-left: 20px;
}

.item-horizon .file-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 11px;
}

.item-horizon .file-wrap + .caution {
    margin-left: 40px;
}

.table-info {
    border-top: 2px solid #000;
}

.table-info li {
    display: grid;
    grid-template-columns: 1fr 272px 272px 272px 272px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px;
}

.table-info li:first-of-type {
    background-color: #fafafa;
    text-align: center;
}

.table-info li:first-of-type > div {
    font-weight: 500;
}

.table-info li:not(:first-of-type) > div:first-of-type {padding-left: 50px;}

.table-info li > div {font-size: 17px;line-height: 26px;}
.table-info li.sugbag  {background-color: #fcfbfb;}
.table-info li > div.ml {margin-left:10px;}
.table-info li > div .add {font-size: 17px;color:#ee0b0b;}
.table-info li > div .add1 {font-size: 16px;}

.table-info li > div > span:not([id]) {
    display: none;
}

.table-info li > div:not(:first-of-type) {
    text-align: center;
}

.table-info li > div p {font-size: 13.5px;color:#666;}


.table-info .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.table-info .count button {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
}

.table-info .count .button-increase {
    background-image: url("/resources/branch/images/icon-plus-box.png");
}

.table-info .count .button-decrease {
    background-image: url("/resources/branch/images/icon-minus-box.png");
}

.table-info .count > span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 52px;
    font-size: 16px;
    font-weight: 700;
}

.table-grid {
    display: grid;
    grid-template-columns: 220px 1fr 330px 520px;
}

.table-grid.grid5 {
    grid-template-columns: 1fr 260px 260px 1fr 1fr;
}

.table-grid.grid5-2 {
    grid-template-columns: repeat(4, 170px) 1fr;
}

.table-grid.grid8 {
    grid-template-columns: repeat(8, 1fr);
}

.table-grid .col1-3 {
    grid-column: 1/3;
}

.table-grid .col3 {
    grid-column: 3;
}

.table-grid .col4 {
    grid-column: 4;
}

.table-grid .col5 {
    grid-column: 5;
}

.table-grid .row2-6 {
    grid-row: 2/6;
}

.table-grid .row2-4 {
    grid-row: 2/4;
}

.table-grid .row2-5 {
    grid-row: 2/5;
}

.table-grid .row2-8 {
    grid-row: 2/8;
}

.table-grid .head {
    background-color: #fafafa;
    border-top: 2px solid #707070;
}

.table-grid > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}

.table-grid > div:not(.border-right-none) {
    border-right: 1px solid #e7e7e7;
}

.table-grid > div strong {
    font-weight: 600;
}

.button-apply {
    display: block;
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 60px auto 0;
    background-color: #013569;
    padding: 23px 43px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

.button-navy {
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #013569;
    padding: 23px 43px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

.button-navy.tiny {
    border-radius: 5px;
    padding: 12px 21px;
    min-width: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.button-navy.small {
    min-width: 94px;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 15px;
}

.button-navy.round {
    border-radius: 50px;
}

.button-navy-outline {
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #013569;
    padding: 10px 43px;
    border-radius: 10px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.button-navy-circle {
    width: 140px;
    height: 140px;
    border-radius: 100px;
    padding-top: 44px;
    background: #013569 url("/resources/branch/images/icon-apply.png") no-repeat 50% 37px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.button-gray {
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #aaa;
    padding: 23px 43px;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
}

.button-gray.square {
    min-width: 0;
    padding: 15px 28px;
    font-size: 16px;
    border-radius: 0;
}

.button-black {
    padding: 15px 27px;
    font-size: 16px;
    text-align: center;
    background-color: #242424;
    color: #fff;
}

.button-green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 54px;
    text-align: center;
    background-color: #3cad39;
    border-radius: 10px;
    font-size: 17px;
    color: #fff !important;
    font-weight: 700;
    height: 65px;
}

.button-green-outline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 54px;
    border-radius: 10px;
    text-align: center;
    color: #3cad39 !important;
    font-size: 17px;
    border: 2px solid #3cad39;
    font-weight: 700;
    height: 65px;
}

.button-green-middle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11px;
    padding: 19px 32px;
    background-color: #3cad39;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.button-brown-middle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11px;
    padding: 19px 32px;
    background-color: #361f1f;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.button-darkgray {
    padding: 15px 28px;
    background-color: #242424;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.button-gray-outline {
    min-width: 115px;
    padding: 15px 28px;
    border: 1px solid #7d7d7d;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button-delete {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background: url("/resources/branch/images/icon-delete.png") no-repeat 50% 50%;
}

.button-cyan {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 17px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    background-color: #3baf89;
}

.button-cyan-round {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 31px;
    border-radius: 50px;
    background-color: #33a497;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.button-icon-outline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 16px 126px 16px 32px;
    border-radius: 100px;
    border: 1px solid #919191;
    background: url("/resources/branch/images/icon-arrow-right-line.png") no-repeat top 50% right 27px;
    font-size: 16px;
    color: #000;
}

.button-blue {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 26px 36px;
    border-radius: 100px;
    background-color: #0a67c2;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

.schedule {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 794px;
}

.schedule-wrap {
    width: 100%;
}

.schedule-wrap .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    margin-top: 60px;
}

.schedule-wrap .buttons .button-apply {
    margin: 0;
}

.schedule input[type=checkbox] + label {
    width: 25px;
}

.detail-theme {
    margin-top: 128px;
}

.detail-theme .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.detail-theme .buttons {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative;
    width: 350px;
    height: 575px;
    padding-left: 20px;
    margin-left: -20px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.detail-theme .buttons:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 350px;
    height: 100%;
    background-color: #223927;
}

.detail-theme .buttons button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100px;
    text-align: left;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-snap-align: center;
    background-color: #223927;
}

.detail-theme .buttons button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 310px;
    height: 65px;
    background-color: #3eaa36;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0 50px 50px 50px;
    opacity: 0;
}

.detail-theme .buttons button span {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.detail-theme .buttons button[aria-selected=true]:before {
    opacity: 1;
}

.detail-theme .visual {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.detail-theme .panel {
    margin-top: 114px;
    text-align: center;
}

.detail-theme .panel > strong {
    display: block;
    position: relative;
    padding-top: 35px;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    color: #333;
}

.detail-theme .panel > strong:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 53px;
    height: 1px;
    background-color: #000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.detail-theme .panel > p {
    margin-top: 42px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.detail-theme .panel .tags {
    margin-top: 77px;
}

.detail-theme .panel .gallery-items {
    margin-top: 60px;
    padding-top: 0;
    border-top: none;
}

.detail-theme .map {
    position: relative;
    margin-top: 108px;
}

.detail-theme .map img {
    width: 100%;
    height: auto;
}

.detail-theme .map .markers .marker {
    position: absolute;
    width: 41px;
    height: 52px;
    background: url("/resources/branch/images/icon-mark-red.png") no-repeat 50% 50%;
}

.detail-theme .visuals {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.detail-theme .visuals .visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.detail-theme .visuals .img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
}

.detail-theme .visuals .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
}

.detail-theme .visuals .button-next,
.detail-theme .visuals .button-prev {
    position: absolute;
    top: 50%;
    width: 72px;
    height: 72px;
    background: url("/resources/branch/images/icon-circle-right.png") no-repeat 50% 50%;
    -webkit-box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
    box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
    border-radius: 100%;
}

.detail-theme .visuals .button-next {
    right: 60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail-theme .visuals .button-prev {
    left: 60px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.tags li {
    border-radius: 50px;
    padding: 10px 17px;
    border: 1px solid #d3d3d3;
}

.info-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info-step + .detail-info {
    margin-top: 80px;
}

.info-step + .box.outline {
    margin-top: 98px;
}

.info-step + .title-box {
    margin-top: 90px;
}

.info-step li {
    width: 100px;
    position: relative;
    padding-top: 118px;
    font-weight: 500;
    text-align: center;
}

.info-step li:not(:first-of-type) {
    margin-left: 104px;
}

.info-step li:not(:first-of-type):after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50px;
    width: 105px;
    height: 1px;
    background-color: #cecece;
}

.info-step li.current:before {
    background-color: #3eaa36;
    border-color: #3eaa36;
}

.info-step li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.info-step li.term:before {
    background-image: url("/resources/branch/images/icon-term-off.png");
}

.info-step li.term.current:before {
    background-image: url("/resources/branch/images/icon-term-on.png");
}

.info-step li.info:before {
    background-image: url("/resources/branch/images/icon-info-off.png");
}

.info-step li.info.current:before {
    background-image: url("/resources/branch/images/icon-info-on.png");
}

.info-step li.payment:before {
    background-image: url("/resources/branch/images/icon-payment-off.png");
}

.info-step li.payment.current:before {
    background-image: url("/resources/branch/images/icon-payment-on.png");
}

.info-step li.finish:before {
    background-image: url("/resources/branch/images/icon-finish-off.png");
}

.info-step li.finish.current:before {
    background-image: url("/resources/branch/images/icon-finish-on.png");
}

.step-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 62px;
    counter-reset: number 0;
}

.step-number li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.step-number li:before {
    counter-increment: number;
    content: "0" counter(number);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    background-color: #299b8c;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    z-index: 1;
}

.step-number li:not(:first-of-type):after {
    content: "";
    position: absolute;
    top: 42px;
    left: -50%;
    width: 100%;
    height: 9px;
    background-color: #ececec;
}

.step-number li strong {
    margin-top: 30px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.step-number li p {
    margin-top: 5px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.board-detail {
    border-top: 2px solid #444;
    padding-top: 54px;
}

.board-detail .states {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.board-detail .states + strong {
    margin-top: 28px;
}

.board-detail > strong {
    display: block;
    text-align: center;
    font-size: 23px;
    line-height: 33px;
    color: #333;
}

.board-detail .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 48px;
    padding: 24px 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.board-detail .info li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    font-size: 16px;
    color: #000;
}

.board-detail .info li + li {
    margin-left: 60px;
}

.board-detail .info li + li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 1px;
    height: 17px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #4c4c4c;
}

.board-detail .text-wrap {
    padding: 104px 0 70px;
    border-bottom: 1px solid #e0e0e0;
}

.board-detail .text-wrap.border-none {
    border-bottom: 0;
    padding-bottom: 0;
}

.board-detail .text-wrap .img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.board-detail .text-wrap .img-wrap img {
    max-width: 100%;
    height: auto;
}

.board-detail .text-wrap .box.green + .detail-section {
    margin-top: 63px;
}

.board-detail .text-wrap table + .desc {
    margin-top: 94px;
}

.board-detail .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    margin-top: 90px;
}

.board-detail .button-navy {
    display: block;
    margin: 87px auto 0;
}

.board-detail .box.green {
    padding: 35px 55px;
}

.board-detail .detail-section > strong {
    padding-left: 0;
    background: none;
}

.board-detail .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 39px 55px 33px 0;
}

.board-detail .files strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.board-detail .files ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 30px;
}

.board-detail .files a {
    display: block;
    padding-left: 27px;
    background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
    background-size: auto 20px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

.board-detail .files + .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.board-detail .files + .buttons button,
.board-detail .files + .buttons a {
    margin: 0;
}

.board-detail .buttons {
    position: relative;
    padding: 0 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-detail .buttons:last-of-type button,
.board-detail .buttons:last-of-type a {
    margin: 0;
}

.board-detail .buttons:last-of-type button:nth-child(3):last-child,
.board-detail .buttons:last-of-type a:nth-child(3):last-child {
    position: absolute;
    right: 0;
}

.board-detail .desc {
    padding: 0 25px;
    font-size: 16px;
    line-height: 32px;
    color: #000;
}

.board-detail .desc + .img-wrap {
    margin-top: 60px;
}

.announcement-detail {
    border-top: 2px solid #444;
    padding-top: 60px;
}

.announcement-detail > strong {
    display: block;
    margin-top: 39px;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    color: #000;
}

.announcement-detail .dot-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 72px;
    max-width: 100%;
    margin-top: 51px;
    padding: 47px 46px;
    background-color: #f9f9f9;
    border-radius: 20px;
}

.announcement-detail .dot-info li {
    font-size: 17px;
    margin-top: 0;
}

.announcement-detail .dot-info li strong {
    padding-left: 12px;
}

.announcement-detail .dot-info li strong:before {
    width: 7px;
    height: 7px;
    background-color: #3cad39;
}

.announcement-detail .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 22px;
    margin-top: 70px;
}

.announcement-detail .detail-section {
    margin-top: 67px;
    padding-top: 83px;
    border-top: 1px solid #e5e5e5;
}

.announcement-detail .desc {
    padding: 0 25px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.announcement-detail .files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 39px 55px 33px 0;
}

.announcement-detail .files strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.announcement-detail .files ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 30px;
}

.announcement-detail .files a {
    display: block;
    padding-left: 27px;
    background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
    background-size: auto 20px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}

.announcement-detail .button-navy {
    display: block;
    margin: 95px auto 0;
}

.card-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 56px 50px;
}

.card-items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.card-items a > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 20px;
    background-color: #43a0aa;
    color: #fff;
}

.card-items a > p > strong {
    padding-left: 20px;
    background: url("/resources/branch/images/icon-chart.png") no-repeat 0 50%;
    background-size: 13px auto;
}

.card-items a > p > span {
    font-weight: 700;
}

.card-items li {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 20px;
}

.card-items .item-top {
    position: relative;
    min-height: 212px;
    padding: 44px 120px 44px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card-items .item-top > strong {
    display: block;
    margin-top: 22px;
    word-break: keep-all;
    font-size: 22px;
    line-height: 32px;
    color: #000;
}

.card-items .status {
    position: absolute;
    top: 24px;
    right: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.card-items .status.green {
    background-color: #3eaa36;
}

.card-items .status.gray {
    background-color: #969696;
}

.board-items {
    border-top: 2px solid #666;
}

.board-items > li {
    position: relative;
    padding: 34px 400px 44px 0;
    border-bottom: 1px solid #e0e3e7;
}

.board-items > li > strong {
    display: block;
    margin-top: 26px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}

.board-items .dot-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    margin-top: 21px;
}

.board-items .dot-info li {
    margin-top: 0;
}

.board-items .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.board-items-table {
    border-top: 2px solid #444;
}

.board-items-table li {
    display: grid;
    grid-template-columns: 10% 10% 1fr 15% 10% 10%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e0e3e7;
}

.board-items-table li.titles {
    background-color: #fafafa;
    text-align: center;
}

.board-items-table li.titles strong {
    font-weight: 500;
}

.board-items-table li.reply .badges {
    margin-right: 14px;
}

.board-items-table li.reply .title {
    position: relative;
}

.board-items-table li.reply .title:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 14px;
    width: 13px;
    height: 19px;
    border: 1px solid #c4c4c4;
    border-top: none;
    border-right: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-items-table li.reply .title a {
    position: relative;
    padding-left: 20px;
}

.board-items-table li > span,
.board-items-table li > strong {
    padding: 20px;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    font-weight: 400;
}

.board-items-table li > span:not(.title),
.board-items-table li > strong:not(.title) {
    text-align: center;
}

.board-items-table li .required > strong {
    display: none;
}

.board-items-table li .title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.board-items-table li .title a:hover {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

.board-items-table li .title .badges {
    vertical-align: middle;
}

.board-items-table li .num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.board-items-table ~ .mPag {
    border-top: none;
    margin-top: 0;
}

.custom-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 53px;
}

.custom-visual ~ .buttons {
    margin: 105px auto 0;
    text-align: center;
}

.custom-visual ~ .buttons a {
    display: inline-block;
}

.custom-visual.conservation .left {
    background-image: url("/resources/branch/images/background-banner-conservation.png");
}

.custom-visual.fair {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.custom-visual.fair .left {
    background: #f9f9f9;
}

.custom-visual.fair .title strong {
    font-size: 30px;
    line-height: 40px;
}

.custom-visual.kGarden {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.custom-visual.kGarden .left {
    background: #f9f9f9;
}

.custom-visual + .ticket-info {
    margin-top: 127px;
}

.custom-visual + .title-line {
    margin-top: 122px;
}

.custom-visual + .detail-section {
    margin-top: 100px;
}

.custom-visual .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 800px;
    max-width: 100vw;
    background: url("/resources/branch/images/background-banner.png") no-repeat 50% 50%;
    background-size: cover;
}

.custom-visual .title {
    font-family: "SBAggro", serif;
    text-align: center;
    color: #272727;
}

.custom-visual .title > span,
.custom-visual .title > strong {
    position: relative;
}

.custom-visual .title > span:first-child:before,
.custom-visual .title > strong:first-child:before {
    content: "??;
    position: absolute;
    left: -33px;
    top: -6px;
    font-size: 65px;
    font-weight: 500;
    font-family: "SBAggro", serif;
}

.custom-visual .title > span:last-child:after,
.custom-visual .title > strong:last-child:after {
    content: "??;
    position: absolute;
    right: -43px;
    bottom: -1px;
    font-size: 65px;
    font-weight: 500;
    font-family: "SBAggro", serif;
}

.custom-visual .title span {
    font-size: 36px;
    line-height: 60px;
    font-weight: 500;
}

.custom-visual .title strong {
    font-size: 58px;
    line-height: 68px;
    font-weight: 500;
}

.custom-visual .desc {
    margin-top: 34px;
    font-size: 17px;
    line-height: 30px;
    color: #272727;
    text-align: center;
}

.custom-visual .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.custom-visual [class*=button-] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 43px;
}

.custom-visual .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.custom-visual .right img {
    width: 100%;
    height: auto;
}

.check-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
}

.check-items input[type=checkbox]:checked + label:before {
    background: url("/resources/branch/images/icon-check-red-on.png") no-repeat 50% 50%;
}

.check-items input[type=checkbox]:checked + label strong,
.check-items input[type=checkbox]:checked + label span {
    color: #c91445;
}

.check-items input[type=checkbox]:disabled + label {
    cursor: default;
}

.check-items input[type=checkbox]:disabled + label:before {
    display: none;
}

.check-items input[type=checkbox] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding: 27px 38px;
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.check-items input[type=checkbox] + label:before {
    left: initial;
    right: 38px;
    width: 28px;
    height: 28px;
    background: url("/resources/branch/images/icon-check-red-off.png") no-repeat 50% 50%;
    border: none;
}

.check-items strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    font-size: 18px;
    font-weight: 600;
}

.check-items span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 17px;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.document-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 70px;
    margin-bottom: 74px;
}

.document-state.reject strong {
    background-color: #c91445;
}

.document-state.reject p {
    border: 1px solid #c91445;
    color: #c91445;
    background-color: #fff7f9;
}

.document-state.approval strong {
    background-color: #0b59c3;
}

.document-state.approval p {
    border: 1px solid #0b59c3;
    color: #0b59c3;
    background-color: #ebf3fe;
}

.document-state strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px 0 0 50px;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
}

.document-state p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 50px 50px 0;
    padding: 10px 27px;
    font-size: 19px;
    line-height: 29px;
    font-weight: 700;
}

.benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
}

.benefits.step {
    gap: 75px;
}

.benefits.step > li {
    position: relative;
}

.benefits.step > li:not(:last-of-type):after {
    content: "";
    position: absolute;
    top: 126px;
    right: -48px;
    width: 17px;
    height: 31px;
    background: url("/resources/branch/images/icon-triangle-right.png") no-repeat 0 0;
}

.benefits.step .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px;
    background-color: #314883;
    color: #fff;
    border-radius: 0 0 20px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.benefits.step .text strong {
    padding: 0;
    border-radius: 0;
    font-size: 17px;
    font-weight: 800;
}

.benefits > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.benefits > li strong {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    background-color: #314883;
    color: #fff;
    border-radius: 0 0 20px 20px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}

.benefits .icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    border: 1px solid #e2e2e3;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    background-color: #fafafa;
}

.benefits + .box.outline4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-top: 51px;
}

.benefits + .box.outline4 strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.benefits + .box.outline4 .dot-caution {
    margin-left: 46px;
}

.benefits + .box.outline4 .dot-caution > li {
    font-weight: 600;
}

.benefit-detail + .benefit-detail {
    margin-top: 120px;
}

.benefit-detail > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 0;
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 33px;
    color: #333;
}

.benefit-detail > strong ~ strong {
    margin-top: 105px;
}

.benefit-detail [role=tabpanel] {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 66px;
}

.benefit-detail [role=tabpanel] > strong {
    display: block;
    margin-top: 92px;
    text-align: center;
    font-size: 30px;
    line-height: 52px;
    color: #333;
    font-weight: 700;
}

.benefit-detail [role=tabpanel] > p {
    margin-top: 27px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #000;
    font-weight: 500;
}

.benefit-detail [role=tabpanel] > p + a {
    display: block;
    width: 260px;
    margin: 50px auto 0;
}

.benefit-detail [role=tabpanel] .how {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 44px;
    margin-top: 76px;
}

.benefit-detail [role=tabpanel] .how li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 20px;
    padding: 40px 40px 40px 95px;
    border: 1px solid #dfdfdf;
}

.benefit-detail [role=tabpanel] .how .how-payment {
    background: #f9f9f9 url("/resources/branch/images/icon-wallet.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how .how-pic {
    background: #f9f9f9 url("/resources/branch/images/icon-camera.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how .how-docs {
    background: #f9f9f9 url("/resources/branch/images/icon-computer-color.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how strong {
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.benefit-detail [role=tabpanel] .how p {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.benefit-detail .caution {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.benefit-detail .caution li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    padding: 34px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}

.benefit-detail .caution .icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    border: 4px solid #13a45a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.benefit-detail .caution p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 600;
}

.benefit-detail .dot-caution li {
    position: relative;
    padding-left: 16px;
    font-size: 16px;
    color: #595959;
    line-height: 34px;
    font-weight: 500;
}

.benefit-detail .dot-caution li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #69a94e;
}

.step-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 54px;
    margin-top: 84px;
    counter-reset: section;
}

.step-items li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.step-items li:not(:first-of-type):after {
    content: "";
    position: absolute;
    top: 73px;
    left: -36px;
    width: 18px;
    height: 32px;
    background: url("/resources/branch/images/icon-triangle-right.png") no-repeat 0 0;
}

.step-items .icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    margin: 0 auto;
    padding-top: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.step-items .icon-wrap:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    counter-increment: section;
    content: "STEP 0" counter(section);
    background-color: #299b8c;
    height: 62px;
    width: 180px;
    color: #fff;
    font-weight: 800;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.step-items .icon-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.step-items .title {
    display: block;
    text-align: center;
    margin-top: 35px;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
}

.step-items p {
    font-size: 15px;
    line-height: 25px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.step-items p strong {
    color: #ec0303;
    font-weight: 500;
}

.dot-caution + .navy-items {
    margin-top: 41px;
}

.dot-caution + .box-division.division3 {
    margin-top: 51px;
}

.dot-caution li {
    position: relative;
    padding-left: 16px;
    font-size: 16px;
    color: #595959;
    line-height: 34px;
    font-weight: 500;
}

.dot-caution li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #69a94e;
}

.dot-caution li .color-red {
    color: #f00a0a;
}

.icon-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.icon-info strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    padding: 0 20px 0 21px;
    background-repeat: no-repeat;
    background-position: 0 4px;
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
}

.icon-info strong:after {
    display: inline-block;
    width: 100%;
}

.icon-info span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
}

.icon-info .location strong {
    background-image: url("/resources/branch/images/icon-mark.png");
    background-size: 14px auto;
}

.icon-info .clock strong {
    background-image: url("/resources/branch/images/icon-clock.png");
    background-size: 15px auto;
}

.ticket-info {
    margin-top: 107px;
}

.ticket-info:has(> .left, > .right) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}

.ticket-info > .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ticket-info > .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 530px;
    flex: 0 0 530px;
}

.ticket-info > .title {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #333;
}

.ticket-info .title-leaf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    background: url("/resources/branch/images/icon-leaf2.png") no-repeat 0 0;
    margin-bottom: 20px;
    margin-top: 70px;
    font-size: 23px;
    line-height: 33px;
    color: #333;
}

.ticket-info > .desc {
    margin-top: 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.ticket-info .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ticket-info .count button {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
}

.ticket-info .count .button-increase {
    background-image: url("/resources/branch/images/icon-plus-box.png");
}

.ticket-info .count .button-decrease {
    background-image: url("/resources/branch/images/icon-minus-box.png");
}

.ticket-info .count > span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 52px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.ticket-info .table-gray col {
    width: auto !important;
}

.ticket-info .table-horizon caption {
    font-size: 15px;
    line-height: 25px;
    text-align: right;
    font-weight: 400;
    margin-bottom: 17px;
    color: #ec1010;
}

.ticket-info .table-horizon .essential {
    font-size: 16px;
    color: #ec1010;
    margin-left: 4px;
}

.ticket-info .table-horizon label {
    display: block;
    width: 332px;
}

.ticket-info .table-horizon label .select {
    width:100%;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.ticket-info .table-horizon label .it {
    width: 100%;
}

.ticket-info .step-items {
    padding: 80px 85px;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
}

.ticket-info .step-items > li:not(:first-of-type):after {
    display: none;
}

.box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-top: 58px;
}

.box-wrap > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.box-wrap .flex3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.box-wrap .box-title + .box-title {
    margin-top: 0;
}

.box-title {
    overflow: hidden;
    border-radius: 20px;
    border: 3px solid #524e4d;
}

.box-title + .box-title {
    margin-top: 37px;
}

.box-title .terms {
    padding: 38px 42px;
}

.box-title > .title {
    display: block;
    padding: 23px 34px 26px;
    background-color: #524e4d;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.box-title .ticket-way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-title .calendar {
    padding: 46px 20px;
}

.box-title .calendar .left {
    padding-left: 20px;
}

.box-title .calendar .right {
    padding-right: 20px;
}

.box-title .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin: 56px auto 61px;
}

.vertical-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 50px 0 70px;
    text-align: center;
}

.vertical-item > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 36px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.vertical-item > .title > span {
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

.vertical-item > .title > a {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 16px;
}

.member-count {
    padding: 0 36px;
}

.member-count > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
}

.member-count > li:first-of-type {
    padding-top: 28px;
}

.member-count > li > strong:first-of-type {
    font-size: 18px;
}

.member-count > li > strong + .count {
    font-size: 18px;
    font-weight: 700;
}
/*조가인추가260317*/
.member-count li > * {
    flex:1;
}

.member-count strong {
    text-align:left ;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    width: 60px;
}

.member-count strong:first-of-type {
    display: block;
    font-size: 19px;
    line-height: 29px;
    font-weight: 700;
}

.member-count li .count {
    width: 40px;
    text-align: center;
}

.member-count li .won {
    text-align: right;
}
/*//조가인추가260317*/
.member-count p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.member-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 36px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.member-total span {
    font-size: 19px;
    font-weight: 700;
}

.member-total span:first-of-type {
    margin-right: auto;
}

.member-total span > strong {
    font-size: 19px;
    margin-right: 0;
}

.member-total strong {
    margin-right: 7px;
    font-size: 28px;
    font-weight: 700;
    color: #ee0b0b;
}

.member-total ~ .button-navy {
    display: block;
    margin: 56px auto 62px;
}

.outline-round > .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.outline-round ~ .total-price {
    margin-top: 65px;
}

.select-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 46px;
    width: 100%;
    margin-top: 17px;
}

.select-options > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.select-options .title {
    margin-right: 20px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 26px;
}

.select-options label {
    width: 307px;
}

.select-options label .select {
    width: 100%;
}

.select-options .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-left: 20px;
}

.select-options .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
}

.select-options .discount > span {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
}

.select-options .discount > strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 19px;
    font-size: 28px;
    line-height: 38px;
    color: #ee0b0b;
    font-weight: 700;
}

.select-options .discount > strong span {
    margin-left: 7px;
    font-size: 19px;
    color: #000;
    line-height: 29px;
}

.total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 34px 46px;
    margin-top: 30px;
    border: 5px solid #e4e4e4;
}

.total-price + .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    margin-top: 94px;
}

.total-price > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000;
}

.total-price > span strong {
    margin-right: 7px;
    font-weight: 700;
}

.total-price > .left strong,
.total-price > .right strong {
    font-size: 24px;
    color: #ee0b0b;
}

.total-price > .left strong {
    margin: 0 4px 0 7px;
}

.total-price > .middle strong {
    margin-left: 22px;
    font-size: 25px;
}

.total-price > .middle .right {
    position: relative;
}

.total-price > .middle .right:before {
    content: "-";
    margin: 0 10px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000;
}

.total-price > .right > strong {
    margin-left: 10px;
}

.title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 30px 34px;
    font-size: 25px;
    font-weight: 600;
    border-radius: 20px;
}

.title-box + .title-leaf {
    margin-top: 60px;
}

.title-box + .outline-round {
    margin-top: 48px;
}

.title-box + .table-horizon {
    margin-top: 40px;
}

.title-box + .terms {
    margin-top: 40px;
}

.title-box + .terms ~ .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-top: 60px;
}

.title-box.green {
    border: 3px solid #3eaa36;
}

.title-box.small {
    font-size: 18px;
    line-height: 28px;
}

.title-box.small label {
    padding-left: 40px;
}

.title-box .icon-wrap {
    margin-right: 11px;
}

.green-box-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 70px;
}

.green-box-items li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 430px;
    flex: 0 0 430px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 20px;
    overflow: hidden;
}

.green-box-items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.green-box-items .desc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1f632a;
    padding: 42px 20px 55px;
}

.green-box-items .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 32px;
    padding-right: 26px;
    background: url("/resources/branch/images/icon-arrow-right-green.png") no-repeat 100% 50%;
    font-size: 24px;
    color: #54d74a;
    font-weight: 600;
}

.green-box-items .desc {
    display: block;
    margin-top: 22px;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
}

.green-box-items .img-wrap img {
    width: 100%;
    height: auto;
}

.darkgreen-box-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

.darkgreen-box-items.leaf {
    gap: 38px;
}

.darkgreen-box-items.leaf li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
}

.darkgreen-box-items.leaf .title {
    padding-top: 42px;
    background-image: url("/resources/branch/images/icon-leaf-green.png");
    color: #fff;
}

.darkgreen-box-items.leaf .title + .desc {
    margin-top: 22px;
}

.darkgreen-box-items.leaf .desc-wrap {
    padding: 50px 30px 60px;
}

.darkgreen-box-items.leaf .desc {
    font-size: 15px;
}

.darkgreen-box-items li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 325px;
    flex: 0 0 325px;
    overflow: hidden;
    border-radius: 20px;
}

.darkgreen-box-items .desc-wrap {
    padding: 50px 42px 42px;
    background-color: #223927;
}

.darkgreen-box-items .desc-wrap:has(.desc) {
    padding: 50px 42px 60px;
}

.darkgreen-box-items .desc-wrap:only-of-type {
    padding: 34px 42px 38px;
}

.darkgreen-box-items .title {
    display: block;
    padding-top: 44px;
    background: url("/resources/branch/images/icon-leaves-green.png") no-repeat 50% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #a5e549;
}

.darkgreen-box-items .title + .desc {
    margin-top: 28px;
}

.darkgreen-box-items .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

.darkgreen-box-items .desc + .desc {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #708274;
}

.darkgreen-box-items .img-wrap img {
    width: 100%;
    height: auto;
}

.gray-box-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

.gray-box-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    overflow: hidden;
    border-radius: 20px;
}

.gray-box-items .desc-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 20px 60px;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 20px 20px;
}

.gray-box-items .title {
    display: block;
    text-align: center;
    color: #333;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.gray-box-items .color-purple {
    color: #ea126e;
}

.gray-box-items .desc {
    margin-top: 18px;
    text-align: center;
    font-size: 15px;
    color: #333;
    line-height: 25px;
    font-weight: 500;
}

.gray-box-items .img-wrap img {
    width: 100%;
    height: auto;
}

.intro-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.intro-items .img-wrap img {
    width: 100%;
    height: auto;
}

.intro-items .title {
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    color: #279c2f;
    font-weight: 600;
}

.intro-items .desc {
    margin-top: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}

.flag-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px 50px;
}

.flag-item > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
}

.flag-item strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.flag-item .dot-caution {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 22px 36px;
    border-left: none;
}

.picture-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 54px;
}

.picture-items > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 63px;
}

.picture-items .desc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding-top: 34px;
}

.picture-items .sub {
    display: block;
    font-size: 23px;
    color: #000;
    font-weight: 600;
}

.picture-items .title {
    font-size: 28px;
    line-height: 38px;
    color: #000;
    font-weight: 600;
}

.picture-items .color-cyan {
    color: #299b8c;
}

.picture-items .desc {
    margin-top: 28px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 30px;
}

.cyan-box-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 44px;
}

.cyan-box-items + .detail-section {
    margin-top: 82px;
}

.cyan-box-items > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #3da59a;
}

.cyan-box-items .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 22px 20px;
    background-color: #299b8c;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}

.cyan-box-items .desc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 37px 20px;
    text-align: center;
}

.cyan-box-items .color-pink {
    color: #da287c;
    font-size: 18px;
    font-weight: 700;
}

.cyan-box-items .desc {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.title-line {
    display: block;
    position: relative;
    padding-top: 35px;
    text-align: center;
    font-size: 40px;
    color: #333;
    font-family: "SBAggro", serif;
    font-weight: 500;
}

.title-line + .cyan-box-items {
    margin-top: 60px;
}

.title-line ~ .title-line {
    margin-top: 103px;
}

.title-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -26px;
    width: 53px;
    height: 1px;
    background-color: #000;
}

.title-line + .darkgreen-box-items {
    margin-top: 80px;
}

.title-caution {
    display: block;
    padding-left: 34px;
    background: url("/resources/branch/images/icon-warning.png") no-repeat 0 50%;
    font-size: 23px;
    font-weight: 700;
    color: #333;
}

.title-caution + .box.outline-round {
    margin-top: 36px;
}

.title-cyan-round {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    position: relative;
    padding: 21px 49px;
    background-color: #229f8f;
    font-size: 27px;
    font-family: "SBAggro", "SCoreDream", serif;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 100px;
}

.green-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.green-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 20px;
    border-radius: 20px;
    background-color: #223927;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.fold-items {
    margin-top: 92px;
    padding-top: 51px;
    border-top: 2px solid #666;
}

.fold-items .detail-items {
    margin-top: 54px;
}

.fold-item {
    display: grid;
    grid-template-columns: 378px 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 0 54px;
    border-bottom: 1px solid #e0e3e7;
}

.fold-item + li {
    margin-top: 60px;
}

.fold-item > .img-wrap {
    display: block;
    overflow: hidden;
    grid-row: 1/4;
    width: 348px;
    height: 256px;
    border-radius: 20px;
    margin-left: 30px;
}

.fold-item > .img-wrap img {
    width: 100%;
    height: auto;
}

.fold-item > strong {
    display: block;
    grid-column: 2/3;
    padding-top: 15px;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 34px;
}

.fold-item > p {
    margin-top: 27px;
    font-size: 16px;
    color: #595959;
    font-weight: 500;
    line-height: 26px;
}

.fold-item > input[type=checkbox]:checked + label {
    margin: 63px 0 62px 0;
}

.fold-item > input[type=checkbox]:checked + label:before {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.fold-item > input[type=checkbox]:checked ~ .detail-items {
    display: none;
}

.fold-item > input[type=checkbox] + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 63px 0 0 0;
    padding: 22px 56px 22px 36px;
    border-radius: 10px;
    background-color: #3cad39;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.fold-item > input[type=checkbox] + label:before {
    left: auto;
    right: 25px;
    width: 16px;
    height: 9px;
    background-color: transparent;
    background-image: url("/resources/branch/images/icon-arrow-bottom.png");
    border: none;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.fold-item .detail-items {
    grid-column: 1/3;
    padding: 30px;
    background-color: #fafafa;
}

.fold-item .detail-items > ul {
    margin-top: 0;
    gap: 62px 25px;
}

.division-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    counter-reset: number 0;
    margin-top: 100px;
    padding-top: 100px;
    border-top: 1px solid #e5e5e5;
}

.division-number > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.division-number > div > strong {
    position: relative;
    padding-left: 122px;
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-weight: 700;
}

.division-number > div > strong:before {
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: number;
    content: "0" counter(number);
    font-size: 80px;
    line-height: 90px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.1);
}

.division-number > div > p {
    padding-left: 122px;
    margin-bottom: 55px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.division-number > div > .img-wrap {
    display: block;
}

.division-number > div > .img-wrap img {
    width: 100%;
    height: auto;
}

.recent-item + .gCount1 {
    margin-top: 90px;
}

.recent-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.recent-item .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 434px;
    flex: 0 0 434px;
}

.recent-item .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #dfdfdf;
    border-left: none;
    padding: 58px 45px;
}

.recent-item .img-wrap img {
    width: 100%;
    height: auto;
}

.recent-item .title-underline {
    font-size: 0;
}

.recent-item .title-underline strong {
    margin-right: 13px;
    font-size: 23px;
    text-decoration: underline;
    font-weight: 600;
    line-height: 36px;
    vertical-align: middle;
}

.recent-item .badges {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    width: auto !important;
    vertical-align: middle;
}

.recent-item .desc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #595959;
}

.recent-item .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    line-height: 25px;
    margin-top: auto;
    color: #727272;
}

.recent-item .date:before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 15px;
    height: 15px;
    background: url("/resources/branch/images/icon-calendar.png") no-repeat 50% 50%;
}

.arrangement-left .description-course {
    padding-bottom: 109px;
    background: url("/resources/branch/images/visual-course.png") no-repeat 100% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.arrangement-left .description-course > .title {
    display: block;
    color: #000;
    font-size: 28px;
    font-weight: 700;
}

.arrangement-left .description-course .color-green {
    color: #3eaa36;
}

.arrangement-left .description-course > .desc {
    display: block;
    margin-top: 30px;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
}

.arrangement-left .detail-section .map-wrap {
    width: auto;
    height: auto;
}

.arrangement-left .detail-section .map-wrap + .swiper-scroll {
    margin-top: 68px;
}

.arrangement-left .detail-section .map-wrap img {
    position: relative;
    top: auto;
    left: auto;
}

.map-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 66px 168px 66px 118px;
    border-radius: 100px 0 0 0;
    background-color: #223927;
}

.map-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.map-info .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.map-info .title {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}

.map-info .title + strong,
.map-info .title + span {
    margin-left: 15px;
}

.map-info .title + strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 38px;
    color: #fff;
    font-weight: 700;
}

.map-info .title + strong span {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}

.map-info .title + strong span + .large {
    margin-left: 4px;
}

.map-info .title + strong span.large {
    font-size: 38px;
}

.map-info .score {
    display: block;
    position: relative;
    width: 216px;
    height: 40px;
    background: url("/resources/branch/images/icon-star-empty.png") repeat-x 0 0;
}

.map-info .score:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url("/resources/branch/images/icon-star-fill.png") repeat-x 0 0;
}

.map-info .score[data-score="1"]:after {
    width: 57px;
}

.map-info .score[data-score="2"]:after {
    width: 114px;
}

.map-info .score[data-score="3"]:after {
    width: 171px;
}

.map-info .score[data-score="4"]:after {
    width: 228px;
}

.course-detail {
    padding: 72px 60px 55px;
    background-color: #fafafa;
    counter-reset: course 0;
}

.course-detail > strong {
    display: block;
    font-size: 23px;
    color: #000;
    font-weight: 700;
}

.course-detail > strong + ol {
    margin-top: 35px;
}

.course-detail ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 36px;
}

.course-detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 500;
}

.course-detail li:not(:last-of-type):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    width: 9px;
    height: 14px;
    background: url("/resources/branch/images/icon-triangle-yellow.png") no-repeat 0 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.course-detail li:before {
    counter-increment: course;
    content: counter(course);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #3d3d3d;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.memberships {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 45px;
}

.memberships + .detail-section {
    margin-top: 96px;
}

.memberships > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 81px;
    padding: 56px 74px 50px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.memberships .left {
    padding: 0 20px;
}

.memberships .left > strong {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
}

.memberships .left > .img-wrap {
    display: block;
    margin-top: 30px;
}

.memberships .left > .img-wrap img {
    display: block;
    margin: 0 auto;
}

.memberships .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.memberships .right > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.memberships .right > ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.memberships .right > ul li > strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    position: relative;
    padding-left: 11px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.memberships .right > ul li > strong:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 100%;
}

.memberships .right > ul li > p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.memberships .right .benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
}

.memberships .right .benefit li {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
}

.memberships .right .benefit li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #333;
}

.memberships .button-wrap {
    -ms-flex-item-align: center;
    align-self: center;
}

.detail-section .dot-caution .buttons {
    margin-top: 33px;
}

.calendar-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 66px;
}

.calendar-division > .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.calendar-division > .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.calendar-division > .right .gallery-items.thumb {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-scroll-chaining: chained;
    overscroll-behavior: auto;
    overflow-y: auto;
    height: 779px;
}

.calendar-division .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.calendar-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    position: relative;
}

.calendar-controls .button-prev,
.calendar-controls .button-next {
    width: 32px;
    height: 32px;
    background: url("/resources/branch/images/icon-arrow-left-round.png") no-repeat 50% 50%;
}

.calendar-controls .button-prev {
    margin-right: 28px;
}

.calendar-controls .button-next {
    margin-left: 28px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.calendar-controls .year {
    font-size: 40px;
    font-weight: 700;
}

.calendar-controls select {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0 32px 0 0;
    background: transparent url("/resources/branch/images/icon-arrow-down.png") no-repeat 100% 50%;
    font-size: 40px;
    font-weight: 700;
    text-align: right;
}

.calendar-controls .circles {
    position: absolute;
    right: 0;
}

.calendar-select {
    margin-top: 33px;
}

.calendar-select .days,
.calendar-select .dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.calendar-select .days > li:nth-of-type(7n+1),
.calendar-select .dates > li:nth-of-type(7n+1) {
    color: #dc3232;
}

.calendar-select .days > li:nth-of-type(7n+1) .num,
.calendar-select .dates > li:nth-of-type(7n+1) .num {
    color: #dc3232;
}

.calendar-select .days > li:nth-of-type(7n+1) button:disabled .num,
.calendar-select .dates > li:nth-of-type(7n+1) button:disabled .num {
    color: #dc3232;
}

.calendar-select .days {
    border-top: 2px solid #000;
}

.calendar-select .days > li {
    padding: 17px 0;
    background-color: #f8f8f8;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.calendar-select .dates > li {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.calendar-select .dates > li:has(.button-date) {
    padding: 0;
    min-height: auto;
}

.calendar-select .dates > li:has(:not(button)) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    height: 100%;
    min-height: 142px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calendar-select .dates > li:has(:not(button)):nth-last-of-type(-n+7) {
    border-bottom: 1px solid #e6e6e6;
}

.calendar-select .dates > li:nth-of-type(7n+1) {
    border-left: none;
}

.calendar-select .dates > li:nth-of-type(-n+7) {
    border-top: none;
}

.calendar-select .dates > li.selected {
    background-color: #feeeee;
}

.calendar-select .dates .button-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    height: 100%;
    min-height: 142px;
    padding: 12px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calendar-select .dates .button-date:disabled .num {
    color: #000;
}

.calendar-select .dates .num {
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.calendar-select .dates .red {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #dc3232;
}

.calendar-select .state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.calendar-select .state > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.calendar-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 884px;
}

.cyan-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

.cyan-division + .detail-section {
    margin-top: 103px;
}

.cyan-division > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cyan-division .cyan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 216px;
    flex: 0 0 216px;
    height: 100%;
    border-radius: 20px 0 0 20px;
    background-color: #299b8c;
}

.cyan-division .cyan .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.cyan-division .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 43px 38px;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 0 20px 20px 0;
}

.cyan-division .text .title {
    font-size: 19px;
    color: #333;
    font-weight: 700;
}

.cyan-division .text .title ~ .title {
    margin-top: 27px;
}

.cyan-division .text .desc {
    margin-top: 13px;
    font-size: 16px;
    color: #272727;
    font-weight: 500;
}

.box-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    width: 100%;
}

.box-division.division3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.box-division .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 57px 20px 64px;
}

.box-division .cell .title {
    font-size: 28px;
    color: #333;
    font-weight: 700;
}

.box-division .cell .desc {
    margin-top: 29px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

.box-division .cell .subDesc {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.box-division .tiny-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 21px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 34px 34px;
}

.box-division .tiny-cell.center .title {
    text-align: center;
}

.box-division .tiny-cell .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.box-division .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    gap: 14px;
}

.table-grid.grid5 + .dot-caution {
    margin-top: 32px;
}

.box-tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 240px;
    padding: 0 80px 0 306px;
    background: #f9fff9 url("/resources/branch/images/visual-tree.png") no-repeat 31px 50%;
    border: 1px solid #d7e6d7;
    border-radius: 20px;
}

.box-tree .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.box-tree .text .green {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    color: #359d38;
}

.box-tree .text .desc {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #595959;
}

.navy-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 27px 56px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}

.navy-items li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.navy-items .icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    background-color: #314883;
}

.navy-items .title {
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    line-height: 25px;
}

.square-check .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 43px;
}

.square-check .controls .date {
    font-size: 33px;
    font-weight: 700;
    color: #000;
}

.square-check .controls [class*=button-] {
    width: 41px;
    height: 41px;
    background: url("/resources/branch/images/icon-arrow-round.png") no-repeat 50% 50%;
}

.square-check .controls .button-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.square-check .swiper-wrap {
    position: relative;
    margin-top: 31px;
    padding: 0 107px;
    border: 5px solid #dbdbdb;
    background-color: #fbfbfb;
}

.square-check .swiper-wrap + .box-title {
    margin-top: 67px;
}

.square-check .swiper-wrap [class*=button-] {
    position: absolute;
    top: 114px;
    width: 37px;
    height: 37px;
    background: url("/resources/branch/images/icon-arrow-left.png") no-repeat 50% 0;
}

.square-check .swiper-wrap .button-prev {
    left: 42px;
}

.square-check .swiper-wrap .button-next {
    right: 42px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.square-check .swiper-wrap input[type=radio] {
    display: none;
}

.square-check .swiper-wrap input[type=radio]:checked + label {
    -webkit-box-shadow: 0 0 0 4px #299b8c inset;
    box-shadow: 0 0 0 4px #299b8c inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.square-check .swiper-wrap input[type=radio]:checked + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 0;
    background: #299b8c url("/resources/branch/images/icon-check.png") no-repeat 50% 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.square-check .swiper-wrap input[type=radio] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px;
    position: relative;
    height: auto;
    padding: 31px 40px 27px;
    -webkit-box-shadow: 0 0 0 1px #b9b9b9 inset;
    box-shadow: 0 0 0 1px #b9b9b9 inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.square-check .swiper-wrap input[type=radio] + label:before, .square-check .swiper-wrap input[type=radio] + label:after {
    display: none;
}

.square-check .swiper-wrap .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.square-check .swiper-wrap .badge {
    height: 55px !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

.square-check .swiper-wrap .badge .unit {
    font-size: 20px;
    margin-left: 5px;
}

.square-check .swiper {
    overflow: hidden;
    padding: 54px 0;
}

.square-check .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.square-check .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 218px;
    flex: 0 0 218px;
    position: relative;
    -webkit-box-shadow: 2px 2px 7px 7px rgba(210, 210, 210, 0.3);
    box-shadow: 2px 2px 7px 7px rgba(210, 210, 210, 0.3);
}

.square-check .box-title + .buttons {
    margin-top: 89px;
}

.square-check .box-title .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 17px;
    font-size: 23px;
}

.square-check .box-title .yellow {
    color: #ffc000;
}

.square-check .box-title > ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 63px;
    width: 100%;
    padding: 34px 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #e2e2e2;
}

.square-check .box-title > ul li:last-of-type {
    border-bottom: none;
}

.square-check .box-title .time {
    font-size: 17px;
    color: #333;
    font-weight: 700;
}

.square-check .box-title .name {
    font-size: 17px;
    color: #333;
    font-weight: 500;
}

.square-check .box-title .badge {
    margin-left: auto;
}

.square-check .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 19px;
}

.intro-visual {
    position: relative;
    height: 748px;
    padding-top: 127px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.intro-visual + .detail-section {
    margin-top: 155px;
}

.intro-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    min-width: 1520px;
    height: 100%;
    background: url("/resources/branch/images/bg-intro.jpg") no-repeat 50% 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.intro-visual .title {
    display: block;
    position: relative;
    width: 600px;
    padding-top: 122px;
    background: url("/resources/branch/images/logo-wave.png") no-repeat 50% 0;
    text-align: center;
    font-family: "SuseongDotum", serif;
    font-size: 50px;
    color: #272727;
}

.intro-visual .desc {
    position: relative;
    width: 600px;
    margin-top: 53px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    color: #272727;
}

.intro-visual .desc strong {
    color: #000;
}

.intro-visual .img-wrap {
    position: absolute;
    top: 132px;
    right: 0;
}

.overviews {
    padding: 28px 56px;
    border-radius: 20px;
    border: 6px solid #f6f6f6;
}

.overviews > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    padding: 32px 25px;
}

.overviews > li + li {
    border-top: 1px solid #e9e9e9;
}

.overviews .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 20px;
    font-size: 17px;
    font-weight: 600;
}

.overviews .desc {
    color: #333;
    font-size: 17px;
    font-weight: 700;
}

.overviews .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 47px;
}

.overviews .sub .subTitle {
    font-size: 17px;
    color: #333;
    font-weight: 700;
}

.overviews .sub .subDesc {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 26px;
}

.outline-round-division .step-items {
    padding: 0 45px;
}

.outline-round-division > .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    padding: 26px 44px;
    border-top: 1px solid #dfdfdf;
    background-color: #f9f9f9;
}

.outline-round-division > .bottom .title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.outline-round-division > .bottom .desc {
    margin-left: 11px;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    font-weight: 500;
}

.location-wrap + .location-wrap {
    margin-top: 120px;
}

.location-wrap .map-wrap {
    display: block;
}

.location-wrap .map-wrap + .address-wrap {
    margin-top: 42px;
}

.location-wrap .map-wrap img {
    width: 100%;
    height: auto;
}

.location-wrap .address-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.location-wrap .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
}

.location-wrap .contact > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 16px;
}

.location-wrap .contact .title {
    border-radius: 50px;
    padding: 10px 21px;
    background-color: #013569;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

.location-wrap .contact .address {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.location-wrap .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 17px;
    margin-left: auto;
}

.location-wrap .title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
}

.location-wrap .title-icon + .dot-items {
    margin-top: 38px;
}

.location-wrap .title-icon + .table-gray {
    margin-top: 42px;
}

.location-wrap .title-icon .icon-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.location-wrap .title-icon .button-cyan-round:first-of-type {
    margin-left: 14px;
}

.location-wrap .dot-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.location-wrap .dot-items + .table-gray {
    margin-top: 42px;
}

.location-wrap .dot-items + .box-design {
    margin-top: 39px;
}

.location-wrap .dot-items > li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #252525;
    font-weight: 400;
}

.location-wrap .dot-items > li:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 13px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #252525;
}

.location-wrap .table-gray caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
}

.location-wrap .route li {
    float: left;
    padding-left: 20px;
    margin-left: 10px;
    background: url("/resources/branch/images/icon-arrow-right-cyan.gif") no-repeat 0 7px;
}

.location-wrap .route li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

.location-wrap .box-design {
    padding: 60px;
    border: 1px solid #e0e1e3;
    border-top-color: #333;
}

.location-wrap .box-design .title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

.location-wrap .box-design .title + .desc {
    margin-top: 20px;
}

.location-wrap .box-design .desc {
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
}

.location-wrap .box-design .desc strong {
    font-weight: 700;
}

.greeting-visual {
    padding-top: 86px;
    height: 400px;
    background: url("/resources/branch/images/visual-greeting.jpg") no-repeat 50% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.greeting-visual + .greeting-text {
    margin-top: 109px;
}

.greeting-visual .title {
    display: block;
    font-size: 32px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}

.greeting-visual .title + .desc {
    margin-top: 39px;
}

.greeting-visual .desc {
    text-align: center;
    font-size: 17px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}

.greeting-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 84px;
}

.greeting-text .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 93px;
    font-size: 17px;
    color: #555;
    line-height: 34px;
    font-weight: 500;
}

.greeting-text .signature-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    gap: 30px;
}

#body.main {
    width: 100%;
    min-width: 1500px;
    margin-top: 0;
}

.main .full-banner {
    overflow: hidden;
    position: relative;
}

.main .full-banner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main .full-banner li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.main .full-banner a {
    display: block;
}

.main .full-banner .img-wrap {
    display: block;
}

.main .full-banner .img-wrap img {
    display: block;
    margin: 0 auto;
}

.main .full-banner .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
}

.main .full-banner .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #dadada;
}

.main .full-banner .pagination .swiper-pagination-bullet-active {
    background-color: #009845;
}

.main .quick-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 592px;
    margin-left: auto;
}

.main .quick-nav + .items {
    margin-top: 53px;
}

.main .quick-nav > .title {
    font-size: 60px;
    font-weight: 700;
    font-family: "GMarketSans", serif;
    color: rgb(0, 0, 0);
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.main .quick-nav > .title + .desc {
    margin-top: 20px;
}

.main .quick-nav > .desc {
    font-size: 19px;
    font-weight: 500;
    white-space: nowrap;
    color: rgb(0, 0, 0);
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.main .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 570px;
    margin-left: auto;
}

.main .items + .top-swiper {
    margin-top: 53px;
}

.main .items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px;
}

.main .items .icon-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85px;
    height: 85px;
    border-radius: 100px;
    background-color: #3d5771;
}

.main .items .title {
    display: block;
    text-align: center;
    font-size: 17px;
    color: rgb(34, 34, 34);
    font-weight: 600;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.wrap1500 {
    width: 1500px;
    margin: 0 auto;
}

.top-visual {
    position: relative;
}

.top-visual[data-theme=dark] .items .title {
    color: rgb(255, 255, 255);
}

.top-visual[data-theme=dark] .quick-nav > .title {
    color: rgb(255, 255, 255);
}

.top-visual[data-theme=dark] .quick-nav > .desc {
    color: rgb(255, 255, 255);
}

.top-visual .wrap1500 {
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.full-swiper {
    position: relative;
    min-width: 1500px;
    width: 100%;
    height: 1050px;
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden;
}

.full-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.full-swiper .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.full-swiper .img-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.full-swiper .img-wrap img {
    width: 2000px;
    height: 1050px;
}

.full-swiper .button-next,
.full-swiper .button-prev {
    position: absolute;
    top: 394px;
    width: 33px;
    height: 66px;
    background: url("/resources/branch/images/icon-arrow-left3.png") no-repeat 0 50%;
    z-index: 1;
}

.full-swiper .button-prev {
    left: 40px;
}

.full-swiper .button-next {
    right: 40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.top-swiper {
    width: 592px;
    overflow: hidden;
    margin-left: auto;
}

.top-swiper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top-swiper li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.top-swiper .img-wrap {
    display: block;
}

.top-swiper .img-wrap img {
    width: 100%;
    height: auto;
}

.top-swiper .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}

.top-swiper .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: #fff;
}

.top-swiper .pagination .swiper-pagination-bullet-active {
    width: 45px;
}

.today-info {
    position: relative;
    margin-top: -125px;
}

.today-info .wrap1500 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 10px 20px rgba(183, 183, 183, 0.2);
    box-shadow: 0 0 10px 20px rgba(183, 183, 183, 0.2);
}

.today-info .wrap1500 > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 36px 34px;
}

.today-info .wrap1500 > div.closed {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.today-info .wrap1500 .button-blue {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: 34px;
}

.today-info .wrap1500 .button-blue .icon-wrap img {
    width: 16.5px;
    height: auto;
}

.today-info .hour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    padding-left: 55px;
}

.today-info .hour .icon-wrap {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.today-info .time-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px;
}

.today-info .time-wrap > .title {
    font-size: 17px;
    color: #8d8d8d;
    font-weight: 600;
}

.today-info .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 35px;
    font-weight: bold;
    font-family: Arial, serif;
}

.today-info .time .desc {
    font-size: 17px;
    font-weight: 500;
    font-family: "SCoreDream", serif;
    color: #696969;
}

.today-info .weather {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 19px;
    border: solid #dfdfdf;
    border-width: 0 1px;
}

.today-info .weather-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 19px;
}

.today-info .weather-wrap > .title {
    font-size: 17px;
    color: #8d8d8d;
    font-weight: 600;
}

.today-info .weather .icon-wrap {
    width: 78px;
    height: 78px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
}

.today-info .weather .icon-wrap.weather1 {
    background-image: url("/resources/branch/images/icon-weather1.png");
}

.today-info .weather .icon-wrap.weather2 {
    background-image: url("/resources/branch/images/icon-weather2.png");
}

.today-info .weather .icon-wrap.weather3 {
    background-image: url("/resources/branch/images/icon-weather3.png");
}

.today-info .weather .icon-wrap.weather4 {
    background-image: url("/resources/branch/images/icon-weather4.png");
}

.today-info .weather .icon-wrap.weather5 {
    background-image: url("/resources/branch/images/icon-weather5.png");
}

.today-info .weather .icon-wrap.weather6 {
    background-image: url("/resources/branch/images/icon-weather6.png");
}

.today-info .weather .icon-wrap.weather7 {
    background-image: url("/resources/branch/images/icon-weather7.png");
}

.today-info .weather .icon-wrap.weather8 {
    background-image: url("/resources/branch/images/icon-weather8.png");
}

.today-info .weather .icon-wrap.weather9 {
    background-image: url("/resources/branch/images/icon-weather9.png");
}

.today-info .weather .icon-wrap.weather10 {
    background-image: url("/resources/branch/images/icon-weather10.png");
}

.today-info .weather .icon-wrap.weather11 {
    background-image: url("/resources/branch/images/icon-weather11.png");
}

.today-info .weather .icon-wrap.weather12 {
    background-image: url("/resources/branch/images/icon-weather12.png");
}

.today-info .weather .icon-wrap.weather13 {
    background-image: url("/resources/branch/images/icon-weather13.png");
}

.today-info .weather .icon-wrap.weather14 {
    background-image: url("/resources/branch/images/icon-weather14.png");
}

.today-info .weather .icon-wrap.weather15 {
    background-image: url("/resources/branch/images/icon-weather15.png");
}

.today-info .weather .icon-wrap.weather16 {
    background-image: url("/resources/branch/images/icon-weather16.png");
}

.today-info .weather .icon-wrap.weather17 {
    background-image: url("/resources/branch/images/icon-weather17.png");
}

.today-info .weather .icon-wrap.weather18 {
    background-image: url("/resources/branch/images/icon-weather18.png");
}

.today-info .weather .degree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 39px;
    font-family: Arial, serif;
    font-weight: bold;
}

.today-info .weather .desc {
    font-size: 15px;
    font-family: "SCoreDream", serif;
    line-height: 26px;
    color: #2f2f2f;
    font-weight: 400;
}

.today-info .closed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    position: relative;
    overflow: hidden;
}

.today-info .closed > .title {
    font-size: 17px;
    color: #8d8d8d;
    font-weight: 600;
}

.today-info .closed [class*=button-] {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url("/resources/branch/images/icon-arrow-right-green2.png") no-repeat 50% 50%;
}

.today-info .closed [class*=button-].button-prev {
    left: 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.today-info .closed [class*=button-].button-next {
    right: 20px;
}

.today-info .swiper-holiday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.today-info .closed-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.today-info .closed-time > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
}

.today-info .closed-time .title {
    font-family: "EliceDigitalBaeum", serif;
    font-weight: bold;
    color: #0ba02a;
    font-size: 16px;
}

.today-info .closed-time .desc {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 500;
}

.this-month {
    margin-top: -342px;
    padding-top: 480px;
    padding-bottom: 92px;
    background: url("/resources/branch/images/bg-month.png") no-repeat 50% 100%;
}

.this-month .wrap1500 {
    position: relative;
    overflow: hidden;
    padding-bottom: 47px;
}

.this-month .wrap1500 > .title {
    font-size: 44px;
    font-family: "GMarketSans", serif;
    font-weight: 600;
}

.this-month .wrap1500 > .title + .desc {
    margin-top: 30px;
}

.this-month .wrap1500 > .desc {
    font-size: 16px;
    color: #1f1f1f;
    line-height: 28px;
    font-weight: 500;
}

.this-month .current-month {
    position: relative;
}

.this-month .current-swiper {
    max-width: 1900px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 74px;
    margin: 0 auto;
    overflow: hidden;
}

.this-month .current-swiper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.this-month .current-swiper li {
    width: 245px;
    height: 530px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

.this-month .current-swiper li.swiper-slide-prev .img-wrap {
    left: -35px;
}

.this-month .current-swiper li.swiper-slide-next .img-wrap {
    left: auto;
    right: -35px;
}

.this-month .current-swiper .swiper-slide-active {
    z-index: 1;
}

.this-month .current-swiper .swiper-slide-active ~ .swiper-slide:not(.swiper-slide-next) .img-wrap {
    left: auto;
    right: 0;
}

.this-month .current-swiper .swiper-slide-active .img-wrap {
    width: 480px;
    height: 480px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 8px solid #fff;
}

.this-month .current-swiper .swiper-slide-active .img-wrap:after {
    content: "";
    position: absolute;
    top: 21px;
    left: 360px;
    width: 83px;
    height: 83px;
    background: url("/resources/branch/images/icon-plus-green.png") no-repeat 50% 50%;
}

.this-month .current-swiper .swiper-slide-active .title {
    display: block;
    padding-top: 508px;
    font-size: 19px;
    color: #1f1f1f;
    font-weight: 600;
    text-align: center;
}

.this-month .current-swiper .swiper-slide-prev .img-wrap,
.this-month .current-swiper .swiper-slide-next .img-wrap {
    top: 55px;
}

.this-month .current-swiper .title {
    display: none;
}

.this-month .current-swiper .img-wrap {
    display: block;
    position: absolute;
    top: 112px;
    left: 0;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    border: 6px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.this-month .current-swiper .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.this-month .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px;
    position: absolute;
    top: -96px;
    left: 50%;
    width: 1500px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.this-month button {
    width: 54px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.this-month .button-prev,
.this-month .button-next {
    background: #fff url("/resources/branch/images/icon-arrow-left-small.png") no-repeat 50% 50%;
}

.this-month .button-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.this-month .button-play {
    position: relative;
    background-color: #fff;
}

.this-month .button-play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid #63645e;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.this-month .button-stop {
    background: #fff url("/resources/branch/images/icon-pause.png") no-repeat 50% 50%;
}

.this-month a {
    display: block;
}

.main-posters {
    padding: 100px 0 120px;
    background-color: #f8f8f8;
}

.main-posters .wrap1500 {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-posters .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

.main-posters .top > .title {
    font-family: "GMarketSans", serif;
    font-weight: 600;
    font-size: 44px;
}

.main-posters .top + .swiper {
    margin-top: 36px;
}

.main-posters .tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin: 0;
}

.main-posters .tabs button {
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 18px;
    color: #030303;
    font-weight: 600;
}

.main-posters .tabs button.active {
    color: #fff;
    background-color: #33a72e;
}

.main-posters .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
    margin-left: auto;
}

.main-posters .dates .year {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    font-size: 26px;
    font-family: "GMarketSans", serif;
}

.main-posters .dates .month {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    font-size: 57px;
    font-family: "GMarketSans", serif;
}

.main-posters .dates .week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.main-posters .dates button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 20px;
}

.main-posters .dates button:nth-of-type(6) .date {
    color: #125ee8;
}

.main-posters .dates button:nth-of-type(7) .date {
    color: #dd1313;
}

.main-posters .dates button.active {
    background-color: #fff;
    border: 1px solid #e1e1e1;
}

.main-posters .dates button .day {
    font-family: "GMarketSans", serif;
    font-size: 17px;
    font-weight: 600;
}

.main-posters .dates button .date {
    font-family: "GMarketSans", serif;
    font-size: 17px;
    font-weight: 600;
}

.main-posters .swiper {
    overflow: hidden;
}

.main-posters .swiper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-posters .swiper li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.main-posters .swiper .img-wrap {
    display: block;
}

.main-posters .swiper .img-wrap img {
    width: 100%;
    height: auto;
}

.main-posters .swiper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.main-posters .swiper .title {
    margin-top: 16px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
}

.main-posters .swiper .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    color: #595959;
    line-height: 22px;
    font-weight: 400;
}

.main-posters [class*=button-] {
    position: absolute;
    bottom: -47px;
    width: 64px;
    height: 30px;
    background: url("/resources/branch/images/icon-arrow-left2.png") no-repeat 0 50%;
}

.main-posters .button-prev {
    left: 0;
}

.main-posters .button-next {
    right: 0;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg);
}

.main-news {
    padding: 107px 0 120px;
}

.main-news .wrap1500 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 52px;
}

.main-news .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 56px;
    margin-bottom: 37px;
}

.main-news .top > .title {
    font-size: 38px;
    font-weight: 600;
    font-family: "GMarketSans", serif;
}

.main-news .top .link-all {
    margin-left: auto;
}

.main-news .top .link-all .icon-wrap {
    display: block;
}

.main-news .tabs {
    margin: 0;
    gap: 30px;
}

.main-news .tabs button {
    position: relative;
    font-size: 19px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.main-news .tabs button.active {
    color: #33a72e;
}

.main-news .tabs button + button:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #515151;
}

.main-news .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.main-news .news-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main-news .news-items > li {
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    padding: 30px 35px;
}

.main-news .news-items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    height: 100%;
}

.main-news .news-items .badge {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.main-news .news-items .title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-size: 17px;
    color: #333;
    line-height: 28px;
    font-weight: 500;
}

.main-news .news-items .date {
    margin-top: auto;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 500;
}

.main-news .right {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 650px;
    flex: 0 0 650px;
    overflow: hidden;
}

.main-news .right .swiper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-news .right .swiper li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.main-news .right .swiper a {
    display: block;
}

.main-news .right .swiper .img-wrap {
    display: block;
}

.main-news .right .swiper .img-wrap img {
    width: 100%;
    height: auto;
}

.main-news .right .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    position: absolute;
    top: 14px;
    right: 0;
}

.main-news .right .pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: #cacaca;
}

.main-news .right .pagination .swiper-pagination-bullet-active {
    background-color: #1b6a65;
}

.main-live {
    margin-top: 92px;
}

.main-live .wrap1500 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 104px;
}

.main-live .wrap1500 > .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main-live .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1002px;
    flex: 0 0 1002px;
    overflow: hidden;
}

.main-live .left .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-live .left .top > .title {
    font-size: 36px;
    color: #333;
    font-family: "GMarketSans", serif;
}

.main-live .left .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.main-live .left .links .icon-wrap {
    display: block;
}

.main-live .left .links .icon-wrap img {
    display: block;
    height: auto;
}

.main-live .right {
    padding: 85px 23px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-live .right .top .icon-wrap {
    display: block;
}

.main-live .right .top .icon-wrap img {
    width: 46.5px;
    height: auto;
}

.main-live .right .top > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: flex-end;
    font-family: "SuseongDotum", serif;
    font-size: 32px;
}

.main-live .right .top .desc {
    margin-top: 30px;
    text-align: right;
    font-size: 16px;
    line-height: 26px;
    color: #3a3a3a;
}

.main-live .right .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 64px;
}

.main-live .right .links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
}

.main-live .right .links .icon-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    background-color: #edf0f1;
}

.main-live .right .links .title {
    text-align: center;
    font-size: 16.5px;
    font-weight: 600;
}

.main-live .swiper [class*=button-] {
    display: none;
}

.main-live .lives {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
}

.main-live .lives > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    width: 306px;
}

.main-live .lives a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
}

.main-live .lives [class*=category-]:before {
    content: "";
    position: absolute;
    top: 21px;
    right: 21px;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    pointer-events: none;
}

.main-live .lives .category-youtube:before {
    background: url("/resources/branch/images/icon-youtube-play.png") no-repeat 50% 50%;
}

.main-live .lives .category-blog:before {
    background: url("/resources/branch/images/icon-blog.png") no-repeat 50% 50%;
}

.main-live .lives .img-wrap {
    display: block;
}

.main-live .lives .img-wrap img {
    width: 100%;
    height: auto;
}

.main-live .lives .title {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
}

.main-live .lives .date {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
}

.attendance-tiger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
    position: relative;
    width: min(1900px, 100%);
    margin: 143px auto 122px;
}

.attendance-tiger > .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 614px;
    flex: 0 0 614px;
    position: relative;
    border-radius: 0 20px 20px 0;
    background-color: #e1f7f4;
    padding-left: 412px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.attendance-tiger > .left:before {
    content: "";
    position: absolute;
    top: -22px;
    left: 169px;
    width: 220px;
    height: 290px;
    background: url("/resources/branch/images/icon-tiger.png") no-repeat 50% 50%;
}

.attendance-tiger > .left > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "SuseongDotum", serif;
    font-size: 29px;
    color: #0a1932;
    font-weight: 700;
}

.attendance-tiger > .left > .title .sub {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    color: #0a1932;
}

.attendance-tiger > .left > .title .color-cyan {
    display: block;
    color: #299b8c;
}

.attendance-tiger > .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: 24px;
}

.attendance-tiger .swiper-tiger > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.attendance-tiger .swiper-tiger li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 374px;
    flex: 0 0 374px;
    gap: 19px;
    position: relative;
    padding: 53px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #48b1a3;
    border-radius: 20px;
    margin-right: 24px;
}

.attendance-tiger .swiper-tiger li.closed {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}

.attendance-tiger .swiper-tiger .img-wrap {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 117px;
    flex: 0 0 117px;
    height: 117px;
    overflow: hidden;
    border-radius: 100px;
}

.attendance-tiger .swiper-tiger .img-wrap img {
    width: 100%;
    height: auto;
}

.attendance-tiger .swiper-tiger .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.attendance-tiger .swiper-tiger .text-wrap > .title {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.attendance-tiger .swiper-tiger .time-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.attendance-tiger .swiper-tiger .time-wrap > .title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.attendance-tiger .swiper-tiger .time-wrap .time {
    font-size: 25px;
    color: #fff;
    font-weight: 800;
    font-family: Pretendard, "SCoreDream", serif;
}

.attendance-tiger .swiper-tiger .state {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 21px;
    right: 25px;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    background-color: #a10695;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.attendance-tiger .swiper-tiger [class*=button-] {
    display: none;
}

.attendance-tiger .swiper-tiger .button-prev,
.attendance-tiger .swiper-tiger .button-next {
    position: absolute;
    top: 0;
    background: #fff url("/resources/branch/images/icon-arrow-left-small.png") no-repeat 50% 50%;
}

.attendance-tiger .swiper-tiger .button-next {
    right: 12.5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.attendance-tiger .swiper-tiger .button-prev {
    right: 59.5px;
}

.chatbot {
    position: fixed;
    bottom: 250px;
    left: 33px;
}

.history {
    position: relative;
    padding-bottom: 233px;
}

.history:before {
    content: "";
    position: absolute;
    top: 239px;
    left: 50%;
    width: 9px;
    height: calc(100% - 239px);
    background-color: #389506;
    margin-left: -4.5px;
}

.history:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 37px;
    height: 37px;
    margin-left: -18.5px;
    border-radius: 100%;
    background-color: #389506;
}

.history .logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 230px;
    height: 230px;
    border: 9px solid #389506;
    border-radius: 100%;
}

.history .history-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 54px;
    margin-top: 90px;
}

.history .year {
    position: relative;
    font-size: 32px;
    color: #389506;
    font-weight: 700;
}

.history .year:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 1px;
    background-color: #389506;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.history .year:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #389506;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.history .history-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    margin-top: 37px;
}

.history .month {
    line-height: 26px;
    font-size: 18px;
    color: #299b8c;
    font-weight: 800;
}

.history .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.history .items > li {
    position: relative;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 26px;
}

.history .items > li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    margin-bottom: 3px;
    background-color: #a7a7a7;
}

.history-year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.history-year:nth-of-type(even) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 85px;
}

.history-year:nth-of-type(even) .year:before {
    right: -85px;
}

.history-year:nth-of-type(even) .year:after {
    right: -26px;
}

.history-year:nth-of-type(even) .history-month {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.history-year:nth-of-type(even) .month {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.history-year:nth-of-type(even) .items > li {
    text-align: right;
}

.history-year:nth-of-type(odd) {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-left: 85px;
}

.history-year:nth-of-type(odd) .year:before {
    left: -85px;
}

.history-year:nth-of-type(odd) .year:after {
    left: -26px;
}

.history-year:nth-of-type(odd) .items > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.history-year:nth-of-type(odd) .items > li:before {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin-bottom: 0;
    margin-top: 8px;
}

.layer-sticky {
    position: sticky;
    top: 0;
    background-color: #434343;
    z-index: 501;
}

.layer-sticky.hide {
    display: none;
}

.layer-sticky.hide + #header {
    top: -48px;
}

.layer-sticky + #header {
    top: 99px;
}

.layer-sticky .wrap1500 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1500px;
    margin: 0 auto;
    padding: 42px 0 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layer-sticky .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 29px;
}

.layer-sticky .title-wrap .icon-wrap {
    display: block;
}

.layer-sticky .title-wrap .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    font-size: 27px;
    color: #04ffde;
}

.layer-sticky .title-wrap .sub {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.layer-sticky .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
}

.layer-sticky .text-wrap .title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.layer-sticky .text-wrap .texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 82px;
}

.layer-sticky .text-wrap .texts > li {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
}

.layer-sticky .close-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    gap: 14px;
}

.layer-sticky .close-wrap input[type=checkbox] {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
}

.layer-sticky .close-wrap input[type=checkbox] + label:before, .layer-sticky .close-wrap input[type=checkbox] + label:after {
    display: none;
}

.layer-sticky .close-wrap label {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.layer-sticky .close-wrap .button-close {
    padding: 6px 11px;
    border-radius: 5px;
    background-color: #fff;
    margin-left: 5px;
    font-size: 15px;
    font-weight: 600;
}

.layer-wrap {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 11;
}

.layer-wrap.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layer-popup .left > .title,
.layer-popup .right > .title {
    display: block;
    margin-bottom: 30px;
    font-family: "GMarketSans", serif;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}

.layer-popup .layer {
    display: grid;
    grid-template-columns: 566px 1fr;
    gap: 29px 44px;
    max-width: 1500px;
}

.layer-popup .left {
    position: relative;
    width: 566px;
}

.layer-popup .popup-swiper {
    width: 566px;
    overflow: hidden;
}

.layer-popup .popup-swiper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layer-popup .popup-swiper li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.layer-popup .popup-swiper a {
    display: block;
}

.layer-popup .popup-swiper .img-wrap {
    display: block;
}

.layer-popup .popup-swiper .img-wrap img {
    width: 100%;
    height: auto;
}

.layer-popup .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    position: absolute;
    top: 14px;
    right: 33px;
}

.layer-popup .pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
}

.layer-popup .pagination .swiper-pagination-bullet-active {
    background-color: #3cc31c;
}

.layer-popup .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 10px;
    right: 0;
}

.layer-popup .buttons button {
    width: 20px;
    height: 20px;
}

.layer-popup .buttons .button-stop {
    background: url("/resources/branch/images/icon-stop-white.png") no-repeat 50% 50%;
    background-size: 13px auto;
}

.layer-popup .buttons .button-play {
    background: url("/resources/branch/images/icon-play-white.png") no-repeat 50% 50%;
    background-size: 12px auto;
}

.layer-popup .right .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.layer-popup .right .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 262px;
    flex: 0 0 262px;
}

.layer-popup .right a {
    display: block;
}

.layer-popup .right .img-wrap {
    display: block;
}

.layer-popup .right img {
    display: block;
    width: 100%;
    height: auto;
}

.layer-popup .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    grid-column: 1/3;
}

.layer-popup .bottom input[type=checkbox] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
}

.layer-popup .bottom input[type=checkbox] + label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.layer-popup .bottom input[type=checkbox] + label:before, .layer-popup .bottom input[type=checkbox] + label:after {
    display: none;
}

.layer-popup .bottom input[type=checkbox] + label ~ input[type=checkbox] {
    margin-left: 10px;
}

.layer-popup .bottom .button-close {
    padding: 6px 11px;
    border-radius: 5px;
    background-color: #fff;
    margin-left: 7px;
    font-size: 15px;
    font-weight: 600;
}

.sitemap {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 82px 0;
    background-color: #f9f9f9;
}

.sitemap.active {
    display: block;
}

.sitemap .wrap1500 {
    position: relative;
    width: 1500px;
    margin: 0 auto;
}

.sitemap .wrap1500 .button-close {
    position: absolute;
    top: -50px;
    right: -120px;
    width: 42px;
    height: 42px;
    background: url("/resources/branch/images/icon-close-big.png") no-repeat 50% 50%;
}

.sitemap .main-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sitemap .main-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-start;
    font-size: 23px;
    color: #272626;
    font-weight: 600;
}

.sitemap .main-item > a:hover {
    color: #289d30;
}

.sitemap .main-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.sitemap .sub-item:hover > a {
    color: #fff;
    background-color: #289d30;
    border-color: #289d30;
}

.sitemap .sub-item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px 21px;
    font-size: 17px;
    color: #222;
    font-weight: 500;
    border: 1px solid #7c7c7c;
}

.sitemap .sub-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    margin-top: 38px;
}

.sitemap .item > a {
    padding-left: 4px;
    font-size: 15px;
    color: #222;
    font-weight: 400;
}

.sitemap .item > a:hover {
    color: #289d30;
    text-decoration: underline;
}

.sitemap .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-top: 22px;
}

.detail-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 65px;
    width: 100%;
    height: 550px;
    padding: 0 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-visual + .detail-content {
    margin-top: 114px;
}

.detail-visual.forest {
    background: url("/resources/branch/images/bg-forest.jpg") no-repeat 50% 50%;
}

.detail-visual.forest2 {
    background: url("/resources/branch/images/bg-forest2.jpg") no-repeat 50% 50%;
}

.detail-visual.temp {
    gap: 32px;
    height: 430px;
    background: url("/resources/branch/images/bg-temp.jpg") no-repeat 50% 50%;
}

.detail-visual.temp > .title {
    font-family: "SBAggro", "SCoreDream", serif;
    font-size: 47px;
    font-weight: 500;
}

.detail-visual.temp > .desc {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.detail-visual > .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.detail-visual > .desc {
    text-align: center;
    font-size: 19px;
    color: #fff;
    font-weight: 700;
    line-height: 38px;
}

.detail-visual > .sub {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.detail-content .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    margin: 100px auto;
}

.detail-content .buttons [class*=button-] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.detail-content > .img-wrap {
    display: block;
}

.detail-content > .img-wrap + .img-box {
    margin-top: 103px;
}

.detail-content > .img-wrap + .box-circle {
    margin-top: 158px;
}

.detail-content > .img-wrap img {
    display: block;
    margin: 0 auto;
}

.detail-content .title-leaves {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 33px;
    color: #333;
    background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 0;
}

.detail-content .border-wrap {
    padding: 70px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.detail-content .border-wrap + .title-leaves {
    margin-top: 109px;
}

.detail-content .border-wrap > .desc {
    font-size: 17px;
    color: #333;
    line-height: 30px;
    font-weight: 400;
}

.detail-content .border-wrap > .desc + .images-wrap {
    margin-top: 90px;
}

.detail-content .division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 90px;
}

.detail-content .division.add-arrow {
    padding-bottom: 207px;
    background: url("/resources/branch/images/icon-arrow-bottom.gif") no-repeat left 50% bottom 40px;
}

.detail-content .division > .left,
.detail-content .division > .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.detail-content .division .goal-wrap .desc {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-content .division .box-tree2 {
    width: 100%;
}

.detail-content .division .box-tree2 > ul {
    width: 100%;
}

.tree-wrap {
    display: grid;
    gap: 123px 50px;
}

.tree-wrap.add-arrow {
    padding-bottom: 122px;
    background: url("/resources/branch/images/icon-arrow-bottom2.png") no-repeat left 50% bottom 27px;
}

.tree-wrap.add-arrow + .box-darkgreen {
    margin-top: 0;
}

.tree-wrap + .box-darkgreen {
    margin-top: 91px;
}

.tree-wrap + .images-wrap {
    margin-top: 83px;
}

.tree-wrap.tree3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tree-wrap.tree3 .tree-parent {
    grid-column: auto/span 3;
}

.tree-wrap .tree-parent {
    position: relative;
}

.tree-wrap .tree-parent:only-child:before {
    display: none;
}

.tree-wrap .tree-parent ~ .grid-child:before, .tree-wrap .tree-parent ~ .grid-child:after {
    content: "";
    position: absolute;
    top: -50px;
    background-color: #e6e6e6;
}

.tree-wrap .tree-parent ~ .grid-child:before {
    left: -25px;
    width: 100%;
    height: 1px;
    padding: 0 25px;
}

.tree-wrap .tree-parent ~ .grid-child:after {
    width: 1px;
    height: 50px;
    left: 50%;
}

.tree-wrap .tree-parent ~ .grid-child:last-of-type:before {
    left: -50px;
    width: 50%;
}

.tree-wrap .tree-parent + .grid-child:before {
    left: 50%;
    width: 50%;
}

.tree-wrap .tree-parent:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 123px;
    background-color: #e6e6e6;
}

.tree-wrap .tree-parent > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    padding: 32px 94px;
    background-color: #229f8f;
    -webkit-box-shadow: 0 0 0 1px #229f8f;
    box-shadow: 0 0 0 1px #229f8f;
    border-radius: 100px;
    border: 5px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.tree-wrap > .grid-child {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.tree-wrap .cyan-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tree-wrap .cyan-box > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px 20px 0 0;
    padding: 23px;
    background-color: #17a481;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.tree-wrap .cyan-box > .items {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    padding: 29px 25px;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-radius: 0 0 20px 20px;
}

.tree-wrap .cyan-box > .items > li {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.box-darkgreen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-darkgreen.center {
    justify-self: center;
}

.box-darkgreen.center .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-darkgreen.center .items li {
    width: 100%;
}

.box-darkgreen + .images-wrap {
    margin-top: 86px;
}

.box-darkgreen + .img-wrap {
    margin-top: 111px;
}

.box-darkgreen + .tree-wrap {
    margin-top: 87px;
}

.box-darkgreen > .title {
    padding: 23px;
    border-radius: 20px 20px 0 0;
    background-color: #223927;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.box-darkgreen > .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 0;
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 43px 36px;
    border-radius: 0 0 20px 20px;
}

.box-darkgreen > .items > li {
    width: 50%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 500;
}

.images-wrap + .images-wrap {
    margin-top: 75px;
}

.images-wrap + .tree-wrap {
    margin-top: 116px;
}

.images-wrap > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 auto;
}

.images-wrap > ul li > .title {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.images-wrap .img-wrap {
    display: block;
}

.images-wrap .img-wrap img {
    display: block;
}

.images-wrap > .title {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.img-box + .img-box {
    margin-top: 102px;
}

.img-box .img-wrap {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 65px;
    display: block;
}

.img-box .img-wrap img {
    display: block;
    margin: 0 auto;
}

.img-box > .title {
    display: block;
    margin-top: 29px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.goal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.goal-wrap.add-dot {
    padding-bottom: 88px;
    background: url("/resources/branch/images/icon-dots.png") no-repeat left 50% bottom 30px;
}

.goal-wrap > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    padding: 29px 57px 16px;
    border-radius: 100px 100px 0 0;
    background-color: #2fa599;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.goal-wrap > .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    min-width: 700px;
    background-color: #f0faf9;
    border-radius: 200px;
    border: 5px solid #2fa599;
    padding: 37px 94px;
    font-size: 19px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
}

.goal-wrap > .desc > .title {
    font-size: 22px;
    color: #149588;
    font-weight: 700;
}

.box-tree2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
}

.box-tree2 + .tree-wrap {
    margin-top: 82px;
}

.box-tree2.add-arrow {
    padding-bottom: 189px;
    background: url("/resources/branch/images/icon-arrow-bottom.gif") no-repeat left 50% bottom 40px;
}

.box-tree2.add-arrow + .tree-wrap {
    margin-top: 0;
}

.box-tree2 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 140px 118px 50px;
    background: #efefef url("/resources/branch/images/icon-trees.png") no-repeat 50% 40px;
    border-radius: 20px;
}

.box-tree2 > .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
    padding: 140px 118px 50px;
    background: #efefef url("/resources/branch/images/icon-trees.png") no-repeat 50% 40px;
    border-radius: 20px;
    text-align: center;
}

.box-tree2 > .text-wrap .title {
    font-size: 22px;
    color: #2d2d2d;
    font-weight: 600;
}

.box-tree2 > .text-wrap .desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    color: #2d2d2d;
}

.box-tree2 li {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 500;
}

.box-circle + .box-number {
    margin-top: 184px;
}

.box-circle > .title {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #333;
    font-family: "SBAggro", "SCoreDream", serif;
    font-weight: 500;
}

.box-circle .circles-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
    margin-top: 59px;
}

.box-circle .circles-wrap > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 244px;
    flex: 0 0 244px;
    height: 244px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #83c2ba;
    border-radius: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(245, 245, 245)));
    background: linear-gradient(180deg, rgb(252, 252, 252) 0%, rgb(245, 245, 245) 100%);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.box-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-number + .box-number {
    margin-top: 142px;
}

.box-number > .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 16px;
}

.box-number > .left > .title {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    padding-bottom: 43px;
    margin-bottom: 43px;
}

.box-number > .left > .title:before, .box-number > .left > .title:after {
    content: "";
    position: absolute;
    background-color: #000;
}

.box-number > .left > .title:before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.box-number > .left > .title:after {
    right: -6px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
}

.box-number ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    counter-reset: number 0;
}

.box-number ol > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
}

.box-number ol > li:before {
    counter-increment: number;
    content: counter(number);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: #000;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.box-number > .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 620px;
    flex: 0 0 620px;
}

.box-number > .right .img-wrap {
    display: block;
}

.box-number > .right .img-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.grid-items .grid-item:nth-of-type(even):before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f2fbf5;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grid-item {
    padding: 102px 0 117px;
    position: relative;
}

.grid-item:first-of-type {
    padding-top: 0;
}

.grid-item > .title-line + ol {
    margin-top: 62px;
}

.grid-item > .title-cyan-round + ol {
    margin-top: 67px;
}

.grid-item > ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    grid-auto-flow: column;
    position: relative;
    counter-reset: number 0;
}

.grid-item > ol + .images-wrap {
    margin-top: 70px;
}

.grid-item > ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 30px;
}

.grid-item > ol li:before {
    counter-increment: number;
    content: "0" counter(number);
    padding-bottom: 21px;
    margin-bottom: 28px;
    border-bottom: 2px solid #000;
    font-size: 26px;
    color: #23951b;
    font-weight: 800;
}

.grid-item > .images-wrap {
    position: relative;
}

.grid-item > .images-wrap > ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
}

.grid-item > .images-wrap .img-wrap img {
    height: 300px;
    width: auto;
}

#header.system {
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
}

#header.system .mh .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#header.system .mGnb {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#header.system .mGnb .list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.system #body.main {
    width: min(1500px, 100%);
    margin-top: 0;
}

.system .mGnb .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.system .mGnb .list .dep1 {
    padding: 0 10px;
}

.system .mGnb .list li .dep2 .ti .t {
    font-size: 30px;
}

.system .gTitle1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 94px;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.system .gTitle1 .title {
    margin: 0;
}

.system .gTitle1 .mBc1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.system #body.main {
    margin: 0 auto;
}

.main .category-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
    position: relative;
    height: 370px;
}

.main .category-search:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    min-width: 1520px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url("/resources/branch/images/system-bg.png") no-repeat 50% 0;
    pointer-events: none;
}

.main .category-search > .title {
    display: block;
    position: relative;
    font-size: 40px;
    color: #fff;
    font-family: "SBAggro", serif;
    font-weight: 500;
    text-align: center;
}

.main .category-search > .desc {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.main .category-search .category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: relative;
    margin-top: 25px;
}

.main .category-search .select-round {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 300px;
    border: none;
    padding: 27px 50px 27px 28px;
    background: #fff url("/resources/branch/images/icon-triangle-down.png") no-repeat top 50% right 33px;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 6px 0 rgba(51, 51, 51, 0.4);
    box-shadow: 0 6px 6px 0 rgba(51, 51, 51, 0.4);
    font-size: 18px;
    color: #363636;
    font-weight: 700;
    text-align: left;
}

.main .category-search [class*=button-main-] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    padding: 28px 48px;
    border-radius: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.main .category-search .button-main-cyan {
    background-color: #299b8c;
}

.main .category-search .button-main-green {
    background-color: #1aaa37;
}

.main .white-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 47px;
    margin-top: 108px;
}

.main .white-boxes li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main .white-boxes a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.main .white-boxes .img-wrap {
    width: 100%;
    height: 150px;
}

.main .white-boxes .desc-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 37px 20px 50px;
    border-radius: 0 0 20px 20px;
    border: 1px solid #e9e9e9;
    border-top: none;
}

.main .white-boxes .icon-wrap {
    padding-bottom: 2px;
}

.main .white-boxes .title {
    font-size: 25px;
    font-weight: 700;
    color: #333;
}

.main .white-boxes .en {
    font-size: 13px;
    color: rgba(92, 92, 92, 0.7);
    font-weight: 500;
}

.main .division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    margin-top: 46px;
}

.main .division .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 730px;
    flex: 0 0 730px;
    overflow: hidden;
}

.main .division .swiper-slide {
    overflow: hidden;
    border-radius: 20px;
}

.main .division .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.main .division .pagination .swiper-pagination-bullet {
    width: 19px;
    height: 19px;
    border-radius: 50px;
    background-color: #e3e3e3;
}

.main .division .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1e8e87;
}

.main .division .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 390px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main .division .cyan-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 47px 70px 50px;
}

.main .division .cyan-items a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
}

.main .division .cyan-items li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main .division .cyan-items .img-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 81px;
    height: 81px;
    background-color: #3d807c;
    border-radius: 100px;
}

.main .division .cyan-items .title {
    font-size: 17px;
    color: #333;
    font-weight: 600;
}

.main .division .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f8f8f8;
}

.main .division .bottom .title {
    font-size: 19px;
    color: #333;
    font-weight: 600;
}

.main .division .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
}

.main .division .links a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 140px;
    height: 46px;
    border-radius: 10px;
    background-color: #013569;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

/* add20260110 */
.mBoard1.w600{margin:0 auto;width:600px;}
.mBoard1{border-top:2px solid #444;}
.mBoard1 table{width:100%;}
.mBoard1 th,
.mBoard1 td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:15px;line-height:21px;font-weight:normal;text-align:center;padding:12px 10px;word-break:keep-all;height:55px;}
.mBoard1 td strong {font-weight:500;}
.mBoard1 td.bold {font-weight:500;}
.mBoard1 th{background-color:#fafafa;font-weight:600;}
.mBoard1 thead th{background-color:#fafafa;color:#000;font-size:16px;font-weight:600;line-height:140%;height:47px;}
.mBoard1 tr th:last-child,
.mBoard1 tr td:last-child{border-right:0;}
.mBoard1 td .gCheckbox1{margin-right:-10px;}
.mBoard1 .ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.mBoard1 .tit{padding-left:15px;font-weight:400;color:#333;}
.mBoard1 .tit a:hover{font-weight:500;text-decoration:underline;}
.mBoard1 .tit,
.mBoard1 .tal{text-align:left;}
.mBoard1 .tac{text-align:center;}
.mBoard1 .if{margin-left:20px;}
.mBoard1 .if.ico{text-indent:-16px;padding:0 0 0 16px;}
.mBoard1 .if.ico + .if.ico{margin-top:0;}
.mBoard1 div.if{margin:10px 0 0;}
.mBoard1 td .mButton1 + div.if{margin-top:30px;}
.mBoard1 td .mButton1 .mFile1 + .mBtn1,
.mBoard1 td .mButton1 .mBtn1 + .mBtn1{margin-left:4px;}
.mBoard1 .px20{padding-left:20px;padding-right:20px;}
.mBoard1 .pl30{padding-left:20px;}
.mBoard1 .pl40{padding-left:40px;}

.mBoard1.h50 th,
.mBoard1.h50 td{height:50px;}
.mBoard1.h60 th,
.mBoard1.h60 td{height:63px;}


/* //add20260110 */

/* add20260320-2 */
.mQuick1{position:fixed;bottom:20px;right:20px;width:106px;z-index:1000;}
.mQuick1 .list{display:none;}
.mQuick1 .list a + a{margin-top:14px;}
.mQuick1 .list a{display:block;background:url(/resources/branch/images/ico_quick1_1.png) 50% 6px no-repeat #fff;border:1px solid #e3e3e3;border-radius:10px;color:#000;font-size:14px;font-weight:500;padding:74px 0 0;text-align:center;width:106px;height:40px;}
.mQuick1 .list a.i1{background-color:#08a540;border-color:#08a540;color:#fff;}
.mQuick1 .list a.i2{background-image:url(/resources/branch/images/ico_quick1_2.png);}
.mQuick1 .list a.i3{background-image:url(/resources/branch/images/ico_quick1_3.png);}
.mQuick1 .list a.i4{background-image:url(/resources/branch/images/ico_quick1_4.png);}
.mQuick1 .list a.i5{background-image:url(/resources/branch/images/ico_quick1_5.png);}
.mQuick1 .list a.i6{background-image:url(/resources/branch/images/ico_quick1_6.png);}
.mQuick1 .sel,
.mQuick1 .top{display:block;background:url(/resources/branch/images/ico_top1.png) 50% 50% no-repeat #fff;border:1px solid #e3e3e3;border-radius:50%;text-indent:-9999px;font-size:0;margin:16px auto 0;width:70px;height:70px;}
.mQuick1 .sel{background-image:url(/resources/branch/images/ico_quick1.png);background-color:#08a540;border-color:#08a540;}
.mQuick1.active .sel{background-image:url(/resources/branch/images/ico_quick1_a.png);}
.mQuick1.active .list{display:block;}
/* //add20260320-2 */

@media (max-width: 1199px) {

	/* 예약_본인인증 */
	.mInfo3 {margin-top: 50px !important; margin: 0px;padding: 0px;}
	.mInfo3 .tit {font-size: 17px;margin: 0 0 10px;}
	.mInfo3 .lst li {font-size: 13px;line-height:23px;}
	.mInfo3 .info {border-radius: 15px;font-size: 13px;line-height: 180%;padding: 25px;}
	.mInfo3 .info:before { display:none;}

	/* 휴대전화_본인인증 */
	.mReg2{padding:0 20px;}
	.mReg2 a{-webkit-flex:1;flex:1;background-color:#f8f8f8;border-radius:10px;padding:35px 0 40px;max-width:410px;text-align:center;}
	.mReg2 .ti{display:block;font-size:17px;}
	.mReg2 .tx{display:block;font-size:13px;line-height:170%;margin:10px 0 0;}
	.mReg2 .ic{display:block;background:url(/resources/branch/images/ico_reg2_4.png) 0 0 no-repeat;margin:25px auto 0;width:90px;height:90px;}
	.mBtn1 {margin-top: 35px;}
	.mBtn1 .fBlue {background-color: #013569;border-color: #013569;color: #fff; border-radius:4px;font-size:15px;font-weight: 600;min-width:200px;line-height:58px;height:56px;padding:10px 22px;}
	.st_buttons {text-align:center;margin-top: 70px;}
	.st_buttons .button-navy-outline {min-width: 150px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 2px solid #013569;padding: 15px 43px;border-radius: 10px;color: #000;text-align: center;font-size: 16px;font-weight: 600;}

	.table-grid > div {
		padding: 20px;
		border-bottom: 1px solid #e7e7e7;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}

	.mBoard1.h52 th, .mBoard1.h52 td {font-size: 14px;}
    .mBoard1.type2.scrollX_m {
        overflow: hidden;
        overflow-x: auto;
    }
     .mBoard1.type2.scrollX_m table {
        width: auto;
        min-width: 100%;
        table-layout: fixed;
    }
    .mKeysub1:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .secure_w ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        padding-top: 95.5px;
        width: auto;
        background-size: 136px auto;
    }

    .secure_w ul li {
        width: 100%;
        padding: 62.5px 15px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 39px auto;
        background-position: 50% 15px;
    }

    .secure_w ul li.icon1 {
        float: none;
    }

    .secure_w ul li.icon2 {
        position: relative;
        left: 0;
        margin-left: 0;
    }

    .secure_w ul li.icon3 {
        float: none;
    }

    .step1_w {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .step2_w {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .step2_w > li {
        margin-right: 0;
    }

    .step3_w {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .step3_w > li {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .terms > label:first-of-type {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 26px;
    }

    .terms .term {
        border-top: 1px solid #000;
        padding: 20px 0;
    }

    .terms .term:only-of-type details summary:after {
        top: 0;
    }

    .terms .term label {
        font-size: 15px;
        line-height: 25px;
    }

    .terms .term details summary:after {
        width: 25px;
        height: 25px;
    }

    #body .badge,
    #body .link {
        height: 26px;
        border-radius: 5px;
        padding: 0 8px;
        font-size: 12px;
        font-weight: 600;
    }

    #body .badge.outline-cyan,
    #body .link.outline-cyan {
        height: 18.5px;
        font-size: 9px;
    }

    .gallery-photos {
        gap: 50px 20px;
    }

    .gallery-photos.view5 {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .gallery-photos.view5 .img-wrap {
        width: 100%;
        height: 0;
        padding-top: 1.3229166667;
    }

    .gallery-photos .img-wrap {
        padding-top: 73.8461538462%;
    }

    .gallery-grid {
        gap: 50px 20px;
    }

    .gallery-grid .img-wrap {
        padding-top: 73.488372093%;
    }

    .gallery-box {
        gap: 50px 20px;
    }

    .gallery-box a:before {
        width: calc(100% - 2px);
    }

    .gallery-box .img-wrap {
        padding-top: 73.488372093%;
    }

    .gallery-box .info-wrap {
        padding: 9px 15px 15px;
    }

    .gallery-box .education-info.gray li strong {
        width: 100%;
    }

    .gallery-box .education-info li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gallery-box .education-info li strong {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .gallery-poster {
        grid-template-columns: 1fr 1fr;
        gap: 55px 20px;
    }

    .gallery-poster.thumb {
        gap: 20px;
        padding: 20px 0;
    }

    .gallery-poster.thumb > li {
        padding: 0 20px;
    }

    .gallery-poster.thumb > li > a {
        gap: 20px;
    }

    .gallery-poster.thumb .img-wrap {
        height: 0;
        padding-top: 70.2702702703%;
    }

    .gallery-poster .img-wrap {
        padding-top: 132.7868852459%;
    }

    .gallery-poster-edu {
        gap: 50px 20px;
    }

    .gallery-poster-edu > li:not(:last-of-type) {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    .gallery-poster-edu a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gallery-items {
        grid-template-columns: 1fr 1fr;
        padding-top: 30px;
    }

    .gallery-items.gallery-grid {
        grid-template-columns: 1fr;
    }

    .gallery-items.gallery-box {
        grid-template-columns: 1fr;
    }

    .gallery-items.gallery-poster-edu {
        grid-template-columns: 1fr;
    }

    .gallery-items.gallery-poster-edu a {
        gap: 20px;
    }

    .gallery-items.gallery-poster-edu .img-wrap {
        width: 140px;
        height: 185px;
    }

    .gallery-items.gallery-poster-edu .title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 195px;
        font-size: 19px;
        line-height: 30px;
    }

    .gallery-items.gallery-poster-edu .title strong {
        text-align: left;
    }

    .gallery-items .img-wrap {
        width: 100%;
        height: 0;
    }

    .gallery-items .title {
        gap: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 20px;
        line-height: 30px;
    }

    .gallery-items .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .dot-info {
        grid-template-columns: 1fr;
        margin-top: 4px;
        width: calc(100% + 160px);
        margin-left: -155px;
        padding-left: 10px;
        font-weight: 700;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dot-info li {
        font-size: 15px;
    }

    .detail-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 46px;
        padding-top: 35px;
    }

    .detail-view .right {
        padding: 0 20px;
    }

    .detail-view .right .links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .detail-view .right .link-map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .detail-view .button-next,
    .detail-view .button-prev {
        width: 40px;
        height: 40px;
        background-size: 100% auto;
    }

    .detail-view .button-next {
        right: 0;
    }

    .detail-view .button-prev {
        left: 0;
    }

    .detail-view .swiper {
        width: 100%;
    }

    .detail-view .swiper li {
        width: 100% !important;
    }

    .detail-view .thumb-swiper {
        width: 100%;
        margin-top: 10px;
    }

    .detail-view .thumb-swiper ul {
        gap: 0;
    }

    .detail-view .thumb-swiper li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .detail-items > ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
    }

    .link-list {
        width: 120px;
        height: 50px;
        margin: 35px auto 0;
        border-radius: 7px;
        font-size: 15px;
    }

    .tabs {
        gap: 10.5px 11.5px;
        margin: 5px 0 29px;
    }

    .tabs a {
        font-size: 12px;
        line-height: 17px;
        padding: 10px 22px;
    }

    .tabs .active a:after {
        top: -10.5px;
        right: -4.5px;
        width: 21px;
        height: 21px;
        background-size: 100% auto;
    }

    .search-period {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    .search-period > div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        max-width: 400px;
    }

    .search-period strong {
        width: 100%;
    }

    .search-period .left {
        gap: 10px;
    }

    .search-period .left .it {
        background-position: right 10px top 50%;
        background-size: 20px auto;
    }

    .search-period .left label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .search-period .left label .it {
        width: 100%;
    }

    .search-period .right .it {
        width: 100%;
    }

    .search-period .right strong {
        margin-bottom: 10px;
    }

    .search-edu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
    }

    .search-edu + .gCount1 {
        margin-top: 40px;
    }

    .search-edu ul {
        grid-template-columns: 1fr;
    }

    .search-edu ul li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px;
    }

    .search-edu ul li + li {
        margin-top: 10px;
    }

    .search-edu ul li > strong {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
    }

    .search-edu ul .select {
        max-width: 100%;
    }

    .swiper-tabs .scrollbar:before {
        height: 1.5px;
    }

    .swiper-tabs .scrollbar .swiper-scrollbar-drag {
        height: 15.5px;
        background-size: auto 100%;
    }

    .swiper-scroll {
        width: 100vw;
        margin-left: -15px;
    }

    .swiper-scroll > p {
        margin-bottom: 20px;
        padding: 0 15px;
        text-align: left;
        font-size: 11.5px;
    }

    .swiper-scroll .swiper {
        padding: 0 15px;
    }

    .swiper-scroll .swiper-slide {
        width: 37.5%;
    }

    .swiper-scroll .swiper-slide .img-wrap {
        width: 210px;
        height: 170px;
    }

    .swiper-scroll [role=tab] strong {
        font-size: 11.5px;
        margin-top: 13px;
    }

    .swiper-scroll [role=tab][aria-selected=true] .img-wrap:before {
        background-size: 24.5px auto;
    }

    .swiper-scroll .scrollbar {
        margin-top: 25px;
    }

    .swiper-scroll .scrollbar:before {
        height: 1.5px;
    }

    .swiper-scroll .scrollbar .swiper-scrollbar-drag {
        height: 15.5px;
        background-size: auto 100%;
    }

    .detail-info {
        padding-top: 37px;
    }

    .detail-section + .detail-section {
        margin-top: 50px;
    }

    .detail-section.division {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px;
        padding-bottom: 50px;
    }

    .detail-section.kGarden > .left {
        width: 100%;
        padding: 0;
    }

    .detail-section.kGarden + .description {
        margin-top: 40px;
    }

    .detail-section > strong {
        font-size: 18px;
        line-height: 28px;
        padding-left: 22px;
        margin-bottom: 15px;
        background-size: 15px;
    }

    .detail-section > strong.detail-title {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 32px;
    }

    .detail-section > strong.title-leaves {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .detail-section > strong.title-leaves .caution {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-left: -22px;
        font-size: 13px;
        text-align: right;
    }

    .detail-section > strong.title-none .caution {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-left: -22px;
        font-size: 13px;
        text-align: right;
    }

    .detail-section > strong .caution {
        font-size: 13px;
    }

    .detail-section > .left,
    .detail-section > .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .detail-section > .left {
        padding: 0;
        width: 100%;
    }

    .detail-section > .right {
        width: 100%;
    }

    .detail-section > .right > strong {
        margin-top: 27px;
        font-size: 26px;
        line-height: 38px;
    }

    .detail-section > .right .dot-info {
        padding: 25px 20px;
    }

    .detail-section .img-wrap {
        display: block;
        text-align: center;
    }

    .detail-section .img-wrap img {
        max-width: 100%;
        height: auto;
    }

    .detail-section .link-list.outline-green {
        margin: 60px auto 0;
    }

    .detail-section .notice {
        font-size: 14px;
    }

    .detail-section .map-wrap {
        width: 100%;
    }

    .detail-section .map-wrap + strong {
        margin-top: 50px;
    }

    .detail-section .files {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }

    .detail-section .files strong {
        width: 100%;
        padding-bottom: 20px;
        text-align: left;
    }

    .detail-section .files ul {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .detail-section .files li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

    .total {
        padding: 20px;
        font-size: 18px;
        line-height: 30px;
        color: #000;
        font-weight: 600;
    }

    .detail-desc > strong {
        white-space: nowrap;
    }

    .box {
        padding: 25px 15px;
    }

    .box.division {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px;
    }

    .select-options .discount > span {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }

    .box.outline4 {
        padding: 15px 19px;
    }

    .box.outline-round {
        padding: 20px;
        border-radius: 15px;
    }

    .box-desc {
        border-radius: 10px;
        padding: 20px;
        font-size: 13px;
        line-height: 22px;
    }

    .box-desc.cyan span {
        margin-left: 5px;
        font-size: 14px;
        font-weight: 700;
    }

    .box-desc.cyan strong {
        border-radius: 50px;
        padding: 7px 10px;
        color: #000;
        font-weight: 600;
    }

    .box-desc.cyan {
        gap: 15px;
    }

    .box-title-info {
        grid-template-columns: 1fr;
    }

    .box-title > .title {
        display: block;
        padding: 17px 20px 17px;
        font-size: 17px;
        color: #fff;
    }


    .calendar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 10px !important;
    }

    .calendar-top {
        gap: 5px;
    }

    .calendar .left {
        gap: 4px;
    }

    .box-title .calendar .left {
        padding-left: 0px;
    }

    .box-title .calendar .right {
        padding-right: 0px;
    }

    .calendar .left strong {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
    }

    .calendar .right {
        text-align: right;
        margin-right: 10px;
    }

    .calendar .right .selected,
    .calendar .right .disabled {
        padding-left: 20px;
        font-size: 12px;
        line-height: 23px;
    }

    .calendar .right .selected:before,
    .calendar .right .disabled:before {
        top: 45%;
        width: 14px;
        height: 14px;
    }

    .calendar .days {
        gap: 5px;
    }

    .calendar .days li {
        width: 40px;
    }

    .calendar .dates {
        gap: 5px;
    }

    .calendar .dates button {
        width: 40px;
        height: 40px;
    }

    .detail-explanation .img-wrap {
        margin-top: 35px;
    }

    .detail-explanation .desc {
        padding: 0;
        padding-left: 0px;
        font-size: 14px;
        line-height: 24px;
    }

    .detail-sub {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }

    .detail-sub .left,
    .detail-sub .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .detail-sub .right dfn {
        font-size: 22px;
        line-height: 32px;
    }

    .detail-sub .right ul {
        margin-top: 20px;
    }

    .detail-sub .right li {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 24px;
    }

    .detail-sub strong {
        font-size: 17px;
    }

    .detail-sub .box.outline {
        margin-top: 20px;
        padding: 20px 15px;
    }

    .detail-sub .box.outline li {
        font-size: 14px;
        line-height: 24px;
    }

    table col[width*=px] {
        width: auto;
    }

    .table-black {
        width: auto;
    }

    .table-black th,
    .table-black td {
        white-space: nowrap;
        padding: 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .table-black .button-underline {
        font-size: 14px;
    }

    .table-gray th,
    .table-gray td {
        padding: 15px 5px;
        font-size: 14px;
        line-height: 24px;
        word-break: keep-all;
    }

    .table-horizon caption {
        font-size: 13px;
        line-height: 20px;
    }

    .table-horizon th {
        min-width: 90px;
        box-sizing: border-box;
        word-break: keep-all;
    }
    .table-horizon th,
    .table-horizon td {
        padding: 17px 6px;
        font-size: 14px;
        line-height: 24px;
    }

    .table-horizon .mobile-block {
        display:block;
    }
    .table-horizon .mobile-block + .link {
        margin-left: 0;
    }

    .table-horizon .box.outline {
        padding: 20px 15px;
    }

    .table-horizon .box.outline li > span {
        font-size: 14px;
    }

    .item-horizon li > strong {
        width: 90px;
        font-size: 13px;
        line-height: 23px;
        min-height: 50px;
        padding: 10px 10px;
    }

    .item-horizon li > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 90px);
        gap: 10px;
        padding: 10px;
        font-size: 13px;
        line-height: 18px;
        min-height: 50px;
    }

    .item-horizon .file-wrap + .caution {
        margin-left: 0px;
    }

    .item-horizon .button-navy.small + .file-wrap {
        margin-left: 0px;
    }

    .item-horizon li > div:only-of-type label[for*=select].middle {
        min-width: auto;
    }

    .item-horizon li > div + strong {
        border-left: none;
    }

    .item-horizon li input[type=checkbox] + label {
        width: 100%;
    }

    .item-horizon li input[type=checkbox] ~ label .it {
        width: 100%;
    }

    .item-horizon li input[type=radio] + label {
        width: 100%;
    }

    .item-horizon li .caution {
        margin-left: 0;
        margin-top: 0px;
        font-size: 12px;
        line-height: 20px;
    }

    .item-horizon .address label:not(:first-of-type) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .item-horizon .period label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .item-horizon .period label input[type=text] {
        background-position: top 50% right 10px;
    }

    .item-horizon + .caution {
        margin-top: 5px;
        font-size: 13px;
        line-height: 20px;
    }

    .item-horizon textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        font-size: 13px;
        line-height: 32px;
        height: 300px;
        padding: 0 0 0 10px;
    }

    .item-horizon .box.outline {
        padding: 20px 15px;
    }

    .item-horizon .box.outline li > span {
        font-size: 14px;
        line-height: 24px;
    }

    .table-info li {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0;
        padding: 12px;
    }
	.table-info li > div {font-size: 16px;line-height: 26px;}
	.table-info li > div.ml {margin-left:0px;}
	.table-info li > div .add1 {font-size: 15px;}
	.table-info li > div p {font-size: 12px;}

    .table-info li:first-of-type {display: none; }

    .table-info li:not(:first-of-type) > div:first-of-type {
        padding-left: 0;
    }

    .table-info li > div > span:not([id]) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .table-info li > div:nth-of-type(1) {
        grid-column: 1/3;
    }

    .table-info li > div:nth-of-type(2) {
        grid-column: 1/3;
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }

    .table-info li > div:nth-of-type(3) {
        grid-column: 1/3;
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }

    .table-info li > div:nth-of-type(4) {
        grid-column: 3/4;
        grid-row: 1/4;
    }

    .table-info li > div:nth-of-type(5) {
        grid-column: 4/5;
        grid-row: 1/4;
    }

    .table-info .count button {
        width: 30px;
        height: 30px;
    }

    .table-info .count > span {
        width: 30px;
    }

    .table-grid.grid5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .table-grid.grid5-2 {
        grid-template-columns: repeat(5, 1fr);
    }

    .table-grid > div {
        padding: 15px 7px;
    }

    .button-apply {
        display: block;
        width: 110px;
        margin: 35px auto 0;
        padding: 15px 0;
        border-radius: 7px;
        font-size: 15px;
    }

    .button-black {
        padding: 10px 20px;
        font-size: 12px;
        font-weight: 600;
    }

    .button-navy {
        min-width: 110px;
        padding: 15px 10px;
        border-radius: 7px;
        font-size: 15px;
    }

    .button-navy.small {
        min-width: 75px;
        padding: 7px 5px;
        border-radius: 7px;
        font-size: 12px;
        line-height: 20px;
    }

    .button-navy-outline {
        min-width: 110px;
        padding: 15px 10px;
        border-radius: 7px;
        font-size: 15px;
    }

    .button-gray {
        min-width: 110px;
        padding: 15px 0;
        border-radius: 7px;
        font-size: 15px;
    }

    .button-gray.square {
        font-size: 14px;
        padding: 10px 20px;
    }

    .announcement-detail .links {
        gap: 15px;
        margin-top: 40px;
    }

    .announcement-detail .dot-info li {
        font-size: 15px;
    }

    .dot-info li > strong {
        width: 70px;
    }

    .announcement-detail .files a {
        padding-left: 27px;
        background-size: auto 17px;
        font-size: 14px;
        line-height: 23px;
    }

    .announcement-detail .button-navy {
        margin: 55px auto 0;
    }

    .button-green {
        padding: 20px 30px;
        font-size: 15px;
        height: 55px;
    }

    .button-green-outline {
        padding: 20px 30px;
        font-size: 15px;
        height: 55px;
    }


    .button-green-middle {
        padding: 9.5px 16px;
    }

    .button-brown-middle {
        padding: 9.5px 16px;
    }

    .button-darkgray {
        font-size: 14px;
        padding: 10px 20px;
    }

    .button-gray-outline {
        font-size: 14px;
        padding: 8px 20px;
    }

    .schedule {
        width: 100%;
        overflow-x: auto;
    }

    .detail-theme .buttons {
        width: 100%;
        height: auto;
    }

    .detail-theme .visuals {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .detail-theme .visuals .img-wrap img {
        height: auto;
    }

    .detail-theme .visuals .button-next,
    .detail-theme .visuals .button-prev {
        width: 40px;
        height: 40px;
        background-size: 100% auto;
    }

    .detail-theme .visuals .button-next {
        right: 0;
    }

    .detail-theme .visuals .button-prev {
        left: 0;
    }

    .info-step {
        padding: 0 30px;
    }

    .info-step + .detail-info {
        margin-top: 40px;
    }

    .info-step li {
        width: 72px;
        padding-top: 90px;
        font-size: 14px;
        font-weight: 500;
    }

    .info-step li:not(:first-of-type) {
        margin-left: 50px;
    }

    .info-step li:not(:first-of-type):after {
        width: 50px;
        top: 40px;
    }

    .info-step li:before {
        width: 70px;
        height: 70px;
        background-color: #fff;
        background-size: 40%;
        background-position: 50% 50%;
    }

    .step-number {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        gap: 30px 0;
    }

    .step-number li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
    }

    .step-number li:nth-of-type(4):after {
        display: none;
    }

    .board-detail > strong {
        font-size: 18px;
        line-height: 28px;
    }

    .board-detail .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }

    .board-detail .info li + li {
        margin-left: 0;
    }

    .board-detail .info li + li:before {
        display: none;
    }

    .board-detail .text-wrap {
        padding: 52px 0 35px;
    }

    .board-detail .text-wrap .box.green + .detail-section {
        margin-top: 31.5px;
    }

    .board-detail .text-wrap table + .desc {
        margin-top: 47px;
    }

    .board-detail .buttons {
        margin-top: 45px;
    }

    .board-detail .button-navy {
        margin: 43.5px auto 0;
    }

    .board-detail .files {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }

    .board-detail .files strong {
        width: 100%;
        padding-bottom: 20px;
        text-align: left;
    }

    .board-detail .files ul {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .board-detail .buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }

    .board-detail .buttons:last-of-type button:nth-child(3):last-child,
    .board-detail .buttons:last-of-type a:nth-child(3):last-child {
        position: relative;
    }

    .board-detail .desc {
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .announcement-detail > strong {
        margin-top: 20px;
        font-size: 24px;
        line-height: 34px;
    }

    .announcement-detail .dot-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        gap: 10px;
        padding: 20px;
        border-radius: 10px;
    }

    .announcement-detail .detail-section {
        margin-top: 50px;
        padding-top: 50px;
    }

    .announcement-detail .desc {
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .announcement-detail .files {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }

    .announcement-detail .files strong {
        width: 100%;
        padding-bottom: 20px;
        text-align: left;
    }

    .announcement-detail .files ul {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .card-items {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .board-items > li {
        padding: 30px 0;
    }

    .board-items > li > strong {
        font-size: 19px;
        line-height: 30px;
    }

    .board-items .dot-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        width: auto;
        gap: 12px;
        margin-top: 12px;
    }

    .board-items .links {
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-top: 43px;
    }

    .board-items-table li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 15px 10px;
    }

    .board-items-table li.titles {
        display: none;
    }

    .board-items-table li.reply .title:before {
        left: 0;
        top: 0;
        width: 10px;
        height: 15px;
    }

    .board-items-table li > span,
    .board-items-table li > strong {
        padding: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .board-items-table li > span:not(.title),
    .board-items-table li > strong:not(.title) {
        text-align: left;
    }

    .board-items-table li > span:not(.required) {
        display: none;
    }

    .board-items-table li .required {
        min-width: 50%;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
    }

    .board-items-table li .required > strong {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 45px;
        margin-right: 4px;
        font-weight: 500;
    }

    .board-items-table li .title {
        width: calc(100% - 40px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .board-items-table li .title a {
        font-weight: 600;
    }

    .board-items-table li .title a:hover {
        color: inherit;
        font-weight: inherit;
        text-decoration: none;
    }

    .board-items-table li .num {
        display: none;
    }

    .board-items-table li .num.badges {
        margin-bottom: 10px;
    }

    .board-items-table li .num.badges ~ .title {
        padding-left: 7px;
    }

    .board-items-table li .num,
    .board-items-table li .title {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .custom-visual {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom-visual.fair {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .custom-visual.fair .right {
        margin-right: 0;
        margin-left: -15px;
    }

    .custom-visual.kGarden {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .custom-visual.kGarden .right {
        margin-right: 0;
        margin-left: -15px;
    }

    .custom-visual .left {
        width: 100vw;
        min-height: 480px;
        margin-left: -15px;
        padding: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .custom-visual .title > span:first-child:before,
    .custom-visual .title > strong:first-child:before {
        font-size: 20px;
        left: -20px;
    }

    .custom-visual .title > span:last-child:after,
    .custom-visual .title > strong:last-child:after {
        font-size: 20px;
        right: -20px;
    }

    .custom-visual .title span {
        font-size: 20px;
        line-height: 30px;
    }

    .custom-visual .title strong {
        font-size: 30px;
        line-height: 40px;
    }

    .custom-visual .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100vw;
        margin-left: -15px;
    }

    .check-items input[type=checkbox] + label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .check-items span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 20px;
    }

    .document-state {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .document-state strong {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        border-radius: 10px 10px 0 0;
    }

    .document-state p {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        border-radius: 0 0 10px 10px;
        text-align: center;
    }

    .benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .benefits.step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 33px 0;
    }

    .benefits.step > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 33px);
        flex: 0 0 calc(50% - 33px);
        margin-right: 33px;
    }

    .benefits.step > li:not(:last-of-type):after {
        top: 90px;
        right: -23px;
        width: 11px;
        height: 19px;
        background-size: 100% auto;
    }

    .benefits.step > li .icon-wrap {
        height: 87.5px;
    }

    .benefits.step > li .icon-wrap img {
        width: 45px;
        height: auto;
    }

    .benefits.step .text {
        gap: 7.5px;
        border-radius: 0 0 10px 10px;
        padding: 15px 5px;
        font-size: 12px;
        line-height: 22px;
    }

    .benefits.step .text strong {
        font-size: 14px;
    }

    .benefits > li strong {
        border-radius: 0 0 10px 10px;
    }

    .benefits .icon-wrap {
        border-radius: 10px 10px 0 0;
    }

    .benefits + .box.outline4 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }

    .benefits + .box.outline4 .dot-caution {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-left: 0;
    }

    .benefit-detail > strong {
        font-size: 18px;
        line-height: 28px;
        padding-left: 22px;
        margin-bottom: 15px;
        background-size: 15px;
    }

    .benefit-detail [role=tabpanel] .how {
        gap: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .benefit-detail [role=tabpanel] .how li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px 20px 20px 75px;
        gap: 5px;
    }

    .benefit-detail [role=tabpanel] .how .how-payment {
        background-position: 20px 50%;
    }

    .benefit-detail [role=tabpanel] .how .how-pic {
        background-position: 20px 50%;
    }

    .benefit-detail [role=tabpanel] .how .how-docs {
        background-position: 20px 50%;
    }

    .benefit-detail .caution {
        grid-template-columns: 1fr;
    }

    .step-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
	.step-items .title {
		margin-top: 25px;
		font-size: 16px;
		line-height: 26px;
	}


    .ticket-info:has(> .left, > .right) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ticket-info:has(> .left, > .right).reverse-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .dot-caution li {
        position: relative;
        padding-left: 12px;
        font-size: 14px;
        line-height: 25px;
        font-weight: 500;
    }

    .dot-caution li:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 5px;
        height: 5px;
    }

    .ticket-info {
        margin-top: 0px;
    }

    .title-box {
        padding: 15px 20px;
        font-size: 17px;
        line-height: 32px;
        height: 30px;
        font-weight: 600;
        border-radius: 15px;
    }

    .title-box .icon-wrap {
        margin-right: 0px;
    }

    .title-box .icon-wrap img {
        width: 70%;
        height: auto;
    }

    .ticket-info .table-horizon .essential {
        font-size: 13px;
        color: #ec1010;
        margin-left: 4px;
    }

    .ticket-info .title-leaf {
        font-size: 18px;
        line-height: 28px;
        padding-left: 22px;
        margin-bottom: 15px;
        background-size: 15px;
    }

    .ticket-info .count button {
        width: 30px;
        height: 30px;
    }

    .ticket-info .count > span {
        width: 30px;
    }

    .ticket-info .table-horizon caption {
        font-size: 13px;
        line-height: 20px;
    }

    .ticket-info .table-horizon label {
        width: 100%;
    }

    .box-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-title .terms {
        padding: 15px;
    }

    .box-title .ticket-way {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .vertical-item > .title {
        min-height: 0;
    }

    .member-count {
        padding: 0 15px;
    }

    .member-total {
        padding: 0 15px;
    }

    .select-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

    .select-options > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .title-box + .outline-round {
        margin-top: 25px;
    }

    .box.outline-round + .box {
        margin-top: 25px;
    }

    .outline-round > .title {
        font-size: 17px;
        line-height: 26px;
        font-weight: 700;
    }

    .select-options .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }

    .select-options label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .select-options .buttons {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        gap: 10px;
    }

    .select-options .buttons button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .select-options .buttons:has(button:only-of-type) {
        width: auto;
        margin-left: 7px;
        margin-top: 0;
    }
    /*조가인추가260317*/
    .table-horizon .align {
        flex-wrap:wrap;
    }
    .table-horizon .buttons02 {
        width: 100%;
    }
    .table-horizon .buttons02 button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .table-horizon .buttons02:has(button:only-of-type) {
        width: auto;
    }
    /*조가인추가260317*/
    .select-options .discount {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        margin-top: 10px;
    }

    .select-options .discount > strong {
        margin-top: 0;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
    }

    .select-options .discount > strong span {
        margin-left: 7px;
        font-size: 17px;
        line-height: 27px;
    }

    .detail-section .detail-title1 {
        background: transparent;
        padding-left: 0;
        margin-top: 50px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .detail-section .detail-title1 .caution {
        display: none;
    }

    .box-desc ~ .table-gray {
        margin-top: 20px;
    }

    .total-price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 15px 30px;
    }

    .total-price .left {
        display: inline;
    }

    .total-price > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 15px;
        line-height: 24px;
        font-weight: 600;
        color: #000;
    }

    .total-price > .left strong, .total-price > .right strong {
        font-size: 18px;
        color: #ee0b0b;
    }

    .total-price > .middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .total-price > .middle .right:before {
        position: absolute;
        top: 2px;
        left: -25px;
    }

    .green-box-items {
        gap: 35px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .green-box-items li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .darkgreen-box-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 25px;
    }

    .darkgreen-box-items.leaf li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .darkgreen-box-items li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .gray-box-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 25px;
    }

    .gray-box-items li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .intro-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .intro-items > li {
        width: 100%;
    }

    .flag-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .flag-item > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

    .flag-item strong {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 20px;
    }

    .flag-item .dot-caution {
        border-top: none;
        padding: 20px;
    }

    .picture-items > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 31.5px;
    }

    .picture-items .img-wrap img {
        width: 100%;
        height: auto;
    }

    .picture-items .desc-wrap {
        padding-top: 0;
        gap: 10px;
    }

    .picture-items .desc {
        margin-top: 14px;
    }
	.custom-visual + .title-line {
		margin-top: 70px;
	}
	.cyan-box-items .color-pink {
		font-size: 17px;
	}
	.title-line + .cyan-box-items {
		margin-top: 35px;
	}
	.title-line {
		padding-top: 20px;
		font-size: 24px;
	}
    .cyan-box-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .cyan-box-items > li {
        border-radius: 10px;
    }

    .cyan-box-items .type {
        padding: 15px 10px;
		font-size: 18px;
		font-weight: 700;
    }

	.cyan-box-items + .detail-section {
		margin-top: 50px;
	}
	.cyan-box-items .desc-wrap {
		gap: 5px;
	}
	.cyan-box-items .desc {
        padding: 0px 10px;
		font-size: 14px;
		line-height: 22px;

	}

    .cyan-box-items .desc-wrap {
        padding: 18.5px 10px;
    }

    .title-caution + .box.outline-round {
        margin-top: 18px;
    }

    .green-items {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .fold-item {
        display: block;
    }

    .fold-item > .img-wrap {
        grid-row: auto;
        margin-left: 0;
        width: 100%;
        height: auto;
    }

    .fold-item > strong {
        grid-column: auto;
    }

    .division-number {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 150px;
        padding-top: 150px;
    }

    .division-number > div > strong {
        padding-left: 0;
    }

    .division-number > div > strong:before {
        top: -100%;
        margin-top: -50px;
    }

    .division-number > div > p {
        padding-left: 0;
    }

    .recent-item > a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .recent-item .left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .recent-item .right {
        border: 1px solid #dfdfdf;
        border-top: none;
        padding: 15px;
    }

    .recent-item .title-underline strong {
        font-size: 16px;
        line-height: 26px;
    }

    .recent-item .desc {
        margin-top: 10px;
        font-size: 13px;
        line-height: 23px;
    }

    .recent-item .date {
        margin-top: 10px;
        font-size: 12px;
        line-height: 22px;
        background-position: 0 2px;
    }

    .arrangement-left .description-course {
        width: 100vw;
        margin-left: -15px;
        padding: 0 30px 113px;
        background: url("/resources/branch/images/visual-course-m.png") no-repeat 100% 100%;
        background-size: auto 113px;
    }

    .arrangement-left .description-course > .title {
        font-size: 17px;
    }

    .arrangement-left .description-course > .desc {
        margin-top: 19px;
        font-size: 11.5px;
        line-height: 20px;
    }

    .arrangement-left #body {
        padding-top: 0;
    }

    .arrangement-left .detail-section .map-wrap {
        width: 100vw;
        margin-left: -15px;
        padding-top: 0;
    }

    .arrangement-left .detail-section .map-wrap + .swiper-scroll {
        margin-top: 35.5px;
    }

    .map-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 18px;
        border-radius: 0;
        padding: 25px;
    }

    .map-info li {
        gap: 8.5px;
    }

    .map-info .icon {
        width: 12.5px;
    }

    .map-info .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        font-size: 12.5px;
    }

    .map-info .title + strong,
    .map-info .title + span {
        margin-left: 6.5px;
    }

    .map-info .title + strong {
        font-size: 19px;
    }

    .map-info .title + strong span {
        font-size: 15px;
    }

    .map-info .title + strong span.large {
        font-size: 19px;
    }

    .map-info .score {
        width: 108px;
        height: 20px;
        background-size: auto 100%;
    }

    .map-info .score:after {
        background-size: auto 100%;
    }

    .map-info .score[data-score="1"]:after {
        width: 28.5px;
    }

    .map-info .score[data-score="2"]:after {
        width: 57px;
    }

    .map-info .score[data-score="3"]:after {
        width: 85.5px;
    }

    .map-info .score[data-score="4"]:after {
        width: 114px;
    }

    .course-detail {
        padding: 37.5px 25px;
    }

    .course-detail > strong {
        font-size: 11.5px;
    }

    .course-detail > strong + ol {
        margin-top: 16.5px;
    }

    .course-detail ol {
        gap: 12px 36px;
    }

    .memberships > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 36px;
        padding: 41.5px 0 0 0;
        overflow: hidden;
    }

    .memberships .left > strong {
        font-size: 23px;
    }

    .memberships .left > .img-wrap {
        margin-top: 28px;
    }

    .memberships .right {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0 20px;
    }

    .memberships .right > ul li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .memberships .right > ul li > strong {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        font-size: 13px;
    }

    .memberships .right > ul li > p {
        font-size: 13px;
    }

    .memberships .right .benefit {
        width: 100%;
        margin-top: 16px;
    }

    .memberships .right .benefit li {
        font-size: 13px;
    }

    .memberships .button-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.5px;
        flex: 0 0 45.5px;
        width: 100%;
    }

    .memberships .button-wrap .button-navy-circle {
        width: 100%;
        height: 100%;
        padding-top: 0;
        border-radius: 0;
        background-position: calc(50% - 30px) 50%;
        background-size: 16px auto;
    }

    .memberships .button-wrap .button-navy-circle span {
        padding-left: 26.5px;
    }

    .calendar-division {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .calendar-division > .right .gallery-items.thumb {
        height: auto;
    }

    .calendar-controls {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px 4px;
    }

    .calendar-controls .year {
        font-size: 20px;
    }

    .calendar-controls select {
        font-size: 20px;
    }

    .calendar-controls .circles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        width: 100%;
    }

    .calendar-select .dates > li:has(:not(button)) {
        padding: 5px 3px;
    }

    .calendar-select .dates .button-date {
        padding: 5px 3px;
    }

    .calendar-select .state {
        gap: 10px;
    }

    .calendar-select .state > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }

    .cyan-division {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
    }

    .cyan-division > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .cyan-division .cyan {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        gap: 15px;
        border-radius: 20px 20px 0 0;
        padding: 10px;
    }

    .cyan-division .icon-wrap img {
        width: 28px;
        height: auto;
    }

    .cyan-division .text {
        border: 1px solid #e5e5e5;
        border-top: none;
        border-radius: 0 0 20px 20px;
        padding: 21.5px 19px;
    }

    .box-division {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
    }

    .box-division.division3 {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .box-division .cell {
        gap: 11px;
        padding: 28.5px 10px 32px;
    }

    .box-division .cell .desc {
        margin-top: 14.5px;
    }

    .box-division .tiny-cell {
        padding: 17px;
        border-radius: 10px;
    }

    .box-division .buttons {
        margin-top: 7.5px;
    }

    .box-tree {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 200px 10px 40px 10px;
        background-position: 50% 10px;
    }

    .box-tree .text {
        text-align: center;
    }

    .navy-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 10px;
        padding: 30px 13.5px 28px;
    }

    .square-check .controls {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 21.5px;
    }

    .square-check .swiper-wrap {
        padding: 0;
    }

    .square-check .swiper-wrap [class*=button-] {
        display: none;
    }

    .square-check .swiper-wrap input[type=radio] + label {
        padding: 40px 10px 10px;
    }

    .square-check .swiper-wrap .badge {
        height: 30px;
    }

    .square-check .swiper {
        padding: 15px;
    }

    .square-check .swiper-slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
    }

    .square-check .box-title + .buttons {
        margin-top: 44.5px;
    }

    .square-check .box-title > ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
        padding: 17px 24.5px;
    }

    .square-check .box-title .badge {
        margin-left: 0;
    }

    .intro-visual {
        height: auto;
        padding: 45px 0 80px;
    }

    .intro-visual + .detail-section {
        margin-top: 47.5px;
    }

    .intro-visual:before {
        min-width: 0;
        background: url("/resources/branch/images/bg-intro-m.jpg") no-repeat 50% 50%;
        background-size: 100vw auto;
    }

    .intro-visual .title {
        width: 100%;
        padding-top: 50.5px;
        font-size: 22px;
        line-height: 35px;
        background-size: 100px auto;
    }

    .intro-visual .desc {
        width: 100%;
        margin-top: 19.5px;
        font-size: 12px;
        line-height: 20px;
    }

    .intro-visual .img-wrap {
        display: block;
        position: relative;
        top: 0;
        margin: 51.5px auto 0;
        width: 265.5px;
    }

    .intro-visual .img-wrap img {
        width: 100%;
        height: auto;
    }

    .overviews {
        padding: 5.5px 11.5px;
        border-width: 3px;
    }

    .overviews > li {
        gap: 14px;
        padding: 17.5px 14px;
    }

    .overviews .icon-wrap {
        display: none;
    }

    .overviews .title {
        white-space: nowrap;
        font-weight: 400;
        font-size: 14px;
    }

    .overviews .title.mobile-hidden {
        display: none;
    }

    .overviews .desc {
        font-size: 14px;
    }

    .overviews .sub {
        gap: 23.5px;
    }

    .overviews .sub .subTitle {
        font-size: 14px;
    }

    .overviews .sub .subDesc {
        margin-top: 10px;
        font-size: 13px;
        line-height: 23px;
    }

    .outline-round-division .step-items li:after {
        display: none;
    }

    .outline-round-division > .bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 13px 22px;
    }

    .outline-round-division > .bottom .desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-left: 0;
    }

    .location-wrap .address-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .location-wrap .contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }

    .location-wrap .contact > li {
        gap: 8px;
    }

    .location-wrap .contact .title {
        white-space: nowrap;
        text-align: center;
        min-width: 90px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .location-wrap .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8.5px;
        margin-left: 0;
    }

    .location-wrap .title-icon {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .location-wrap .title-icon .button-cyan-round:first-of-type {
        margin-left: 0;
    }

    .location-wrap .route li {
        padding-left: 16px;
        margin-left: 8px;
    }

    .greeting-visual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100vw;
        margin-left: -15px;
        height: auto;
        min-height: 400px;
        padding: 0 10px;
        background-size: auto 100%;
    }

    .greeting-visual + .greeting-text {
        margin-top: 54.5px;
    }

    .greeting-visual .title {
        font-size: 16px;
        line-height: 25px;
    }

    .greeting-visual .title + .desc {
        margin-top: 19.5px;
    }

    .greeting-visual .desc {
        font-size: 12px;
        line-height: 24px;
    }

    .greeting-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 42px;
    }

    .greeting-text .img-wrap {
        max-width: 100%;
        justify-self: center;
    }

    .greeting-text .img-wrap img {
        width: 100%;
        height: auto;
    }

    #body.main {
        min-width: 100%;
        padding: 0;
    }

    .main .full-banner .img-wrap img {
        width: 100%;
        height: auto;
    }

    .main .full-banner .pagination {
        margin-top: 16px;
        gap: 10.5px;
    }

    .main .full-banner .pagination .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    .main .quick-nav {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
        margin-left: 0;
        padding-right: 22.5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main .quick-nav + .items {
        margin-top: 36px;
    }

    .main .quick-nav > .title {
        font-size: 27.5px;
    }

    .main .quick-nav > .title + .desc {
        margin-top: 18px;
    }

    .main .quick-nav > .desc {
        width: 250px;
        font-size: 12.5px;
        line-height: 20px;
        white-space: wrap;
        text-align: right;
        word-break: keep-all;
    }

    .main .items {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        max-width: 360px;
        padding: 0 23px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .main .items + .top-swiper {
        margin-top: 184px;
    }

    .main .items a {
        gap: 16px;
    }

    .main .items li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .main .items .icon-wrap {
        width: 45.5px;
        height: 45.5px;
    }

    .main .items .icon-wrap img {
        width: 16px;
        height: auto;
    }

    .main .items .title {
        font-size: 11px;
        color: rgb(255, 255, 255);
    }

    .wrap1500 {
        width: 100%;
    }

    .top-visual .wrap1500 {
        left: 0;
        top: auto;
        bottom: 29.5px;
    }

    .full-swiper {
        min-width: 100%;
        max-width: 100%;
        height: 671.5px;
    }

    .full-swiper + .wrap1500 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .full-swiper .img-wrap {
        width: 100%;
        height: 671.5px;
    }

    .full-swiper .img-wrap img {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .full-swiper .button-next,
    .full-swiper .button-prev {
        display: none;
    }

    .top-swiper {
        width: 305px;
        margin: 0 auto;
    }

    .top-swiper .pagination {
        margin-top: 7.5px;
        gap: 2.5px;
    }

    .top-swiper .pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .top-swiper .pagination .swiper-pagination-bullet-active {
        width: 22.5px;
    }

    .today-info {
        margin-top: 0;
    }

    .today-info .wrap1500 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .today-info .wrap1500 > div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 22.5px 15px;
    }

    .today-info .wrap1500 .button-blue {
        gap: 10.5px;
        width: 100%;
        border-radius: 0;
        margin: 0;
        padding: 18px 10px;
        font-size: 14px;
    }

    .today-info .hour {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        position: relative;
        width: 40%;
        background-color: #fff;
        z-index: 1;
    }

    .today-info .hour .icon-wrap {
        display: none;
    }

    .today-info .hour .icon-wrap img {
        width: 16px;
        height: auto;
    }

    .today-info .time-wrap {
        gap: 10.5px;
    }

    .today-info .time-wrap > .title {
        font-size: 12px;
    }

    .today-info .time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        font-size: 19px;
    }

    .today-info .time .desc {
        font-size: 10px;
    }

    .today-info .weather {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        position: relative;
        width: 60%;
        border: none;
        background-color: #fff;
        z-index: 1;
    }

    .today-info .weather-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        gap: 12px;
    }

    .today-info .weather-wrap > .title {
        font-size: 12px;
    }

    .today-info .weather .icon-wrap {
        width: 39px;
        width: 39px;
    }

    .today-info .weather .degree {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        font-size: 19px;
    }

    .today-info .weather .desc {
        font-size: 9.5px;
        line-height: 14.5px;
    }

    .today-info .closed {
        gap: 11px;
        position: relative;
        width: 100%;
    }

    .today-info .closed:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-box-shadow: 0 0 5px 10px rgba(183, 183, 183, 0.2);
        box-shadow: 0 0 5px 10px rgba(183, 183, 183, 0.2);
    }

    .today-info .closed > .title {
        font-size: 12px;
    }

    .today-info .closed [class*=button-].button-next {
        right: 5px;
    }

    .today-info .closed-time > li {
        gap: 9px;
    }

    .today-info .closed-time .title {
        font-size: 12px;
    }

    .today-info .closed-time .desc {
        font-size: 12px;
    }

    .this-month {
        margin-top: 0;
        padding: 51px 0 92.5px;
    }

    .this-month .wrap1500 {
        padding: 0 12.5px 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .this-month .wrap1500 > .title {
        font-size: 22px;
    }

    .this-month .wrap1500 > .title + .desc {
        margin-top: 17.5px;
    }

    .this-month .wrap1500 > .desc {
        font-size: 11px;
        line-height: 14px;
    }

    .this-month .current-swiper {
        padding: 0;
    }

    .this-month .current-swiper li {
        height: 230px;
    }

    .this-month .current-swiper .swiper-slide-active .img-wrap {
        width: 201px;
        height: 201px;
    }

    .this-month .current-swiper .swiper-slide-active .img-wrap:after {
        top: 9px;
        left: 150.5px;
        width: 34.5px;
        height: 34.5px;
        background-size: 100% auto;
    }

    .this-month .current-swiper .swiper-slide-active .title {
        padding-top: 218px;
        font-size: 9.5px;
    }

    .this-month .current-swiper .img-wrap {
        top: 55px;
        width: 104.5px;
        height: 104.5px;
    }

    .this-month .buttons {
        gap: 7px;
        top: -83.5px;
        width: 100%;
        padding: 0 12.5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .this-month button {
        width: 40px;
        height: 40px;
    }

    .main-posters {
        padding: 42px 0 53px;
    }

    .main-posters .wrap1500 {
        padding: 0 12.5px;
    }

    .main-posters .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-posters .top > .title {
        font-size: 20px;
    }

    .main-posters .top + .swiper {
        margin-top: 16px;
    }

    .main-posters .tabs {
        gap: 0;
    }

    .main-posters .tabs button {
        padding: 6px 12.5px;
        font-size: 11px;
    }

    .main-posters .dates {
        gap: 7px;
        width: 100%;
    }

    .main-posters .dates .year {
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 13px;
    }

    .main-posters .dates .month {
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 26px;
    }

    .main-posters .dates .week {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 2.5px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .main-posters .dates button {
        gap: 8px;
        padding: 9px 6px;
        border-radius: 5px;
    }

    .main-posters .dates button .day {
        font-size: 8.5px;
    }

    .main-posters .dates button .date {
        font-size: 11.5px;
    }

    .main-posters .swiper a {
        gap: 11.5px;
    }

    .main-posters .swiper .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 13px;
        line-height: 18px;
    }

    .main-posters .swiper .desc {
        width: auto;
        -webkit-line-clamp: 2;
        font-size: 11px;
        line-height: 17px;
    }

    .main-posters [class*=button-] {
        display: block;
        position: absolute;
        margin-top: 54px;
        top: 50%;
        width: 32.5px;
        height: 32.5px;
        background: url("/resources/branch/images/icon-arrow-left-black.png") no-repeat 50% 50%;
        background-size: 100% auto;
        opacity: 0.6;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-posters .button-prev {
        left: 6.25px;
    }

    .main-posters .button-next {
        right: 6.25px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .main-news {
        padding: 37.5px 0 45px;
    }

    .main-news .wrap1500 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 39px;
        padding: 0 12.5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main-news .top {
        margin-bottom: 23px;
    }

    .main-news .top > .title {
        font-size: 18px;
    }

    .main-news .top .link-all {
        display: none;
    }

    .main-news .tabs {
        gap: 22px;
        margin-left: auto;
    }

    .main-news .tabs button {
        font-size: 14px;
    }

    .main-news .tabs button + button:before {
        top: 5px;
        left: -13px;
        width: 2.5px;
        height: 2.5px;
    }

    .main-news .news-items {
        gap: 12.5px;
    }

    .main-news .news-items > li {
        padding: 17px 17.5px;
        border-radius: 10px;
    }

    .main-news .news-items a {
        gap: 11.5px;
    }

    .main-news .news-items .title {
        font-size: 12px;
        line-height: 18px;
        -webkit-line-clamp: 4;
    }

    .main-news .news-items .date {
        font-size: 10px;
    }

    .main-news .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .main-news .right .pagination {
        gap: 10.5px;
    }

    .main-news .right .pagination .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    .main-live {
        margin-top: 47.5px;
    }

    .main-live .wrap1500 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 37px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main-live .wrap1500 > .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .main-live .left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .main-live .left .top {
        padding: 0 12.5px;
    }

    .main-live .left .top > .title {
        font-size: 18px;
    }

    .main-live .left .links {
        gap: 6.5px;
    }

    .main-live .left .links .icon-wrap img {
        width: 20.5px;
    }

    .main-live .right {
        padding: 46.5px 20px 50px 0;
        background-color: #f4f4f4;
    }

    .main-live .right .top > .title {
        gap: 11.5px;
        font-size: 25px;
    }

    .main-live .right .top .desc {
        margin-top: 24px;
        font-size: 12.5px;
        line-height: 20.5px;
    }

    .main-live .right .links {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 35px;
        margin-top: 50.5px;
    }

    .main-live .right .links a {
        gap: 19.5px;
    }

    .main-live .right .links .icon-wrap {
        width: 67px;
        height: 67px;
        background-color: #fff;
    }

    .main-live .right .links .icon-wrap img {
        width: 27px;
        height: auto;
    }

    .main-live .right .links .title {
        font-size: 13px;
    }

    .main-live .swiper {
        position: relative;
        padding: 0 12.5px;
    }

    .main-live .swiper [class*=button-] {
        display: block;
        position: absolute;
        top: 50%;
        width: 32.5px;
        height: 32.5px;
        background: url("/resources/branch/images/icon-arrow-left-black.png") no-repeat 50% 50%;
        background-size: 100% auto;
        opacity: 0.6;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-live .swiper .button-prev {
        left: 6.25px;
    }

    .main-live .swiper .button-next {
        right: 6.25px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .main-live .lives {
        margin-top: 17px;
    }

    .main-live .lives > li {
        width: calc(50vw - 10px - 12.5px);
    }

    .main-live .lives a {
        gap: 12.5px;
    }

    .main-live .lives [class*=category-]:before {
        top: 10.5px;
        right: 10.5px;
        width: 22px;
        height: 22px;
        background-size: 100% auto !important;
    }

    .main-live .lives .title {
        margin-top: 10px;
        font-size: 12px;
        line-height: 19px;
    }

    .main-live .lives .date {
        font-size: 10px;
    }

    .attendance-tiger {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 19px;
        margin: 50.5px 0 55px;
    }

    .attendance-tiger > .left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background-color: transparent;
        padding-left: 12.5px;
    }

    .attendance-tiger > .left:before {
        display: none;
    }

    .attendance-tiger > .left > .title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 22px;
        font-family: "GMarketSans", serif;
    }

    .attendance-tiger > .left > .title .sub {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 0;
        margin-top: 17px;
        font-size: 11px;
        font-weight: 500;
    }

    .attendance-tiger > .left > .title .color-cyan {
        margin-left: 4px;
        color: #0a1932;
    }

    .attendance-tiger > .right {
        padding: 0 12.5px;
    }

    .attendance-tiger .swiper-tiger li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 296.5px;
        flex: 0 0 296.5px;
        gap: 16.5px;
        padding: 28px 21px;
        border-radius: 10px;
        margin-right: 15px;
    }

    .attendance-tiger .swiper-tiger .img-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        height: 70px;
    }

    .attendance-tiger .swiper-tiger .text-wrap > .title {
        font-size: 17.5px;
    }

    .attendance-tiger .swiper-tiger .time-wrap {
        gap: 8.5px;
    }

    .attendance-tiger .swiper-tiger .time-wrap > .title {
        font-size: 11px;
    }

    .attendance-tiger .swiper-tiger .time-wrap .time {
        font-size: 15px;
    }

    .attendance-tiger .swiper-tiger .state {
        top: 12px;
        right: 14.5px;
        width: 35.5px;
        height: 35.5px;
        font-size: 10px;
    }

    .attendance-tiger .swiper-tiger [class*=button-] {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .chatbot {
        display: none;
    }

    .history {
        padding-bottom: 50px;
    }

    .history:before {
        display: none;
    }

    .history:after {
        display: none;
    }

    .history .logo-wrap {
        display: none;
    }

    .history .history-items {
        margin-top: 0;
        gap: 0;
    }

    .history .year {
        font-size: 30px;
    }

    .history .year:before {
        display: none;
    }

    .history .year:after {
        display: none;
    }

    .history .history-month {
        margin-top: 18.5px;
    }

    .history .month {
        font-size: 15px;
        line-height: 25px;
    }

    .history .items > li {
        font-size: 15px;
        line-height: 25px;
    }

    .history-year {
        width: 100%;
        border-top: 1px solid #e5e5e5;
        padding: 27px 0;
    }

    .history-year:nth-of-type(even) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 0;
    }

    .history-year:nth-of-type(even) .history-month {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .history-year:nth-of-type(even) .month {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .history-year:nth-of-type(even) .items > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
    }

    .history-year:nth-of-type(even) .items > li:before {
        -ms-flex-item-align: baseline;
        align-self: baseline;
        margin-bottom: 0;
        margin-top: 8px;
    }

    .history-year:nth-of-type(odd) {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding-left: 0;
    }

    .layer-sticky {
        width: 100%;
    }

    .layer-sticky.hide + #header {
        top: 0;
    }

    .layer-sticky + #header {
        top: 118px;
    }

    .layer-sticky .wrap1500 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 17.5px;
        width: 100%;
        padding: 19px 23.5px 15px;
    }

    .layer-sticky .title-wrap {
        gap: 14.5px;
    }

    .layer-sticky .title-wrap .icon-wrap {
        width: 34px;
    }

    .layer-sticky .title-wrap .icon-wrap img {
        width: 100%;
        height: auto;
    }

    .layer-sticky .title-wrap .title {
        gap: 8px;
        font-size: 13.5px;
        line-height: 18.5px;
    }

    .layer-sticky .title-wrap .sub {
        font-size: 10px;
        line-height: 15px;
    }

    .layer-sticky .text-wrap {
        display: none;
    }

    .layer-sticky .close-wrap {
        gap: 6.5px;
    }

    .layer-sticky .close-wrap input[type=checkbox] {
        width: 11px;
        height: 11px;
    }

    .layer-sticky .close-wrap label {
        font-size: 8px;
    }

    .layer-sticky .close-wrap .button-close {
        padding: 3px 5.5px;
        border-radius: 2.5px;
        margin-left: 3px;
        font-size: 7.5px;
    }

    .layer-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .layer-popup {
        height: 100%;
        padding: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 501;
    }

    .layer-popup .left > .title,
    .layer-popup .right > .title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .layer-popup .layer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }

    .layer-popup .left {
        width: 275px;
    }

    .layer-popup .popup-swiper {
        width: 100%;
    }

    .layer-popup .pagination {
        gap: 6px;
        top: 12px;
        right: 24px;
    }

    .layer-popup .pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .layer-popup .buttons {
        top: 5px;
    }

    .layer-popup .buttons .button-stop {
        background-size: 6.5px auto;
    }

    .layer-popup .buttons .button-play {
        background-size: 6px auto;
    }

    .layer-popup .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .layer-popup .right .items {
        gap: 12px;
    }

    .layer-popup .right .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 131px;
        flex: 0 0 131px;
    }

    .layer-popup .bottom {
        gap: 7px;
        margin-left: auto;
    }

    .layer-popup .bottom input[type=checkbox] {
        width: 11px;
        height: 11px;
    }

    .layer-popup .bottom input[type=checkbox] + label {
        font-size: 8px;
    }

    .layer-popup .bottom .button-close {
        padding: 3px 5.5px;
        border-radius: 2.5px;
        margin-left: 3px;
        font-size: 7.5px;
    }

    .detail-visual {
        gap: 32.5px;
        height: auto;
        padding: 15px;
    }

    .detail-visual + .detail-content {
        margin-top: 57px;
    }

    .detail-visual.forest {
        background-size: cover;
    }

    .detail-visual.forest2 {
        background-size: cover;
    }

    .detail-visual.temp {
        gap: 16px;
        height: auto;
        background-size: cover;
    }

    .detail-visual > .title {
        font-size: 20px;
    }

    .detail-visual > .desc {
        font-size: 15px;
        line-height: 20px;
    }

    .detail-content .buttons {
        gap: 7.5px;
        margin: 50px auto;
    }

    .detail-content > .img-wrap + .img-box {
        margin-top: 51.5px;
    }

    .detail-content > .img-wrap + .box-circle {
        margin-top: 79px;
    }

    .detail-content > .img-wrap img {
        width: 100%;
        height: auto;
    }

    .detail-content .title-leaves {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .detail-content .border-wrap {
        padding: 15px;
    }

    .detail-content .border-wrap + .title-leaves {
        margin-top: 54.5px;
    }

    .detail-content .border-wrap > .desc + .images-wrap {
        margin-top: 45px;
    }

    .detail-content .division {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .detail-content .division.add-arrow {
        padding-bottom: 103.5px;
        background-size: auto 71px;
        background-position: left 50% bottom 40px;
    }

    .tree-wrap {
        gap: 25px;
    }

    .tree-wrap.add-arrow {
        padding-bottom: 61px;
        background-size: 25px auto;
        background-position: left 50% bottom 13.5px;
    }

    .tree-wrap + .box-darkgreen {
        margin-top: 45.5px;
    }

    .tree-wrap + .images-wrap {
        margin-top: 41.5px;
    }

    .tree-wrap.tree3 {
        grid-template-columns: 1fr;
    }

    .tree-wrap.tree3 .tree-parent {
        grid-column: 1;
    }

    .tree-wrap .tree-parent ~ .grid-child:before, .tree-wrap .tree-parent ~ .grid-child:after {
        display: none;
    }

    .tree-wrap .tree-parent:before {
        display: none;
    }

    .tree-wrap .tree-parent > .title {
        padding: 16px 47px;
        font-size: 20px;
    }

    .tree-wrap .cyan-box > .title {
        border-radius: 10px 10px 0 0;
        padding: 11.5px;
        font-size: 15px;
    }

    .tree-wrap .cyan-box > .items {
        padding: 14.5px 12.5px;
        border-radius: 0 0 10px 10px;
    }

    .tree-wrap .cyan-box > .items > li {
        font-size: 12px;
    }

    .box-darkgreen + .images-wrap {
        margin-top: 43px;
    }

    .box-darkgreen + .img-wrap {
        margin-top: 55.5px;
    }

    .box-darkgreen > .title {
        border-radius: 10px 10px 0 0;
        padding: 11.5px;
        font-size: 15px;
    }

    .box-darkgreen > .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        padding: 21.5px 18px;
        border-radius: 0 0 10px 10px;
    }

    .box-darkgreen > .items > li {
        width: 100%;
        font-size: 12px;
        line-height: 17px;
        padding-right: 0;
    }

    .images-wrap + .images-wrap {
        margin-top: 37.5px;
    }

    .images-wrap + .tree-wrap {
        margin-top: 58px;
    }

    .images-wrap > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 7.5px;
    }

    .images-wrap .img-wrap img {
        width: 100%;
        height: auto;
    }

    .images-wrap > .title {
        margin-top: 10px;
        font-size: 14px;
    }

    .img-box + .img-box {
        margin-top: 51px;
    }

    .img-box .img-wrap {
        padding: 15px;
        border-radius: 10px;
    }

    .img-box .img-wrap img {
        width: 100%;
        height: auto;
    }

    .img-box > .title {
        margin-top: 14.5px;
        font-size: 12px;
    }

    .goal-wrap > .title {
        padding: 14.5px 28.5px 8px;
        font-size: 20px;
    }

    .goal-wrap > .desc {
        gap: 6.5px;
        min-width: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 18.5px 25px;
        font-size: 15px;
        line-height: 25px;
    }

    .goal-wrap > .desc > .title {
        font-size: 18px;
    }

    .box-tree2 + .tree-wrap {
        margin-top: 41px;
    }

    .box-tree2.add-arrow {
        padding-bottom: 94.5px;
        background-size: 137.5px auto;
        background-position: left 50% bottom 20px;
    }

    .box-tree2 > ul {
        gap: 4px;
        border-radius: 10px;
        padding: 70px 15px 15px;
        background-size: 28px auto;
        background-position: 50% 20px;
    }

    .box-tree2 li {
        font-size: 14px;
    }

    .box-circle + .box-number {
        margin-top: 92px;
    }

    .box-circle .circles-wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(auto, 244px));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 35px;
        margin-top: 29.5px;
    }

    .box-circle .circles-wrap > li {
        height: auto;
        aspect-ratio: 1;
    }

    .box-number {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .box-number + .box-number {
        margin-top: 71px;
    }

    .box-number > .left {
        padding-top: 0;
    }

    .box-number > .left > .title {
        padding-bottom: 21.5px;
        margin-bottom: 21.5px;
    }

    .box-number > .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 21.5px;
    }

    .grid-item {
        padding: 51px 0 58.5px;
    }

    .grid-item > .title-line + ol {
        margin-top: 31px;
    }

    .grid-item > .title-cyan-round + ol {
        margin-top: 33.5px;
    }

    .grid-item > ol {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        gap: 18px;
    }

    .grid-item > ol + .images-wrap {
        margin-top: 35px;
    }

    .grid-item > ol li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 18px;
        width: 100%;
        padding-right: 0;
    }

    .grid-item > ol li:before {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .grid-item > .images-wrap > ul {
        gap: 15px;
    }

    .grid-item > .images-wrap .img-wrap img {
        width: 100%;
        height: auto;
    }

    #header.system .mh .bg {
        display: block;
    }

    #header.system .mh h1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    #header.system .mh .util {
        display: block;
    }

    .system #body.main {
        min-width: 100%;
        padding: 15px;
    }

    .system .gTitle1 {
        gap: 0;
        margin-top: 58px;
    }
    .gTitle1 > .title:first-of-type {
        padding-top:0;
    }

    .system #body.main {
        padding-top: 0;
    }

    .main .category-search {
        gap: 13px;
        height: 315px;
    }

    .main .category-search:before {
        min-width: 0;
        background: url("/resources/branch/images/system-bg-m.png") no-repeat 50% 50%;
        background-size: 100% auto;
    }

    .main .category-search > .title {
        font-size: 23px;
    }

    .main .category-search > .desc {
        display: none;
    }

    .main .category-search .category-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        gap: 13px;
        margin-top: 20px;
    }

    .main .category-search .category-wrap > label {
        width: calc(50% - 6.5px);
    }

    .main .category-search .category-wrap > label:last-of-type {
        width: 100%;
    }

    .main .category-search .select-round {
        width: 100%;
        padding: 15px 25px 15px 16px;
        font-size: 13px;
        border-radius: 10px;
        background-position: top 50% right 12.5px;
        background-size: auto 6px;
    }

    .main .category-search [class*=button-main-] {
        width: calc(50% - 6.5px);
        padding: 14.5px;
        border-radius: 10px;
        font-size: 15px;
    }

    .main .white-boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px 22.5px;
        margin-top: 33px;
    }

    .main .white-boxes li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 11.25px);
        flex: 0 0 calc(50% - 11.25px);
    }

    .main .white-boxes a {
        border-radius: 5px;
    }

    .main .white-boxes .img-wrap {
        height: auto;
    }

    .main .white-boxes .img-wrap img {
        width: 100%;
        height: auto;
    }

    .main .white-boxes .desc-wrap {
        gap: 9px;
        padding: 18px 10px 25px;
        border-radius: 0 0 10px 10px;
    }

    .main .white-boxes .title {
        font-size: 14px;
    }

    .main .white-boxes .en {
        font-size: 6.5px;
    }

    .main .division {
        display: block;
        margin-top: 30px;
    }

    .main .division .swiper-slide {
        border-radius: 10px;
    }

    .main .division .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .main .division .pagination {
        gap: 9px;
        margin-top: 15px;
    }

    .main .division .pagination .swiper-pagination-bullet {
        width: 9.5px;
        height: 9.5px;
    }

    .main .division .right {
        height: auto;
        margin-top: 33px;
        border-radius: 10px;
    }

    .main .division .cyan-items {
        padding: 19.5px 0 32.5px;
    }

    .main .division .cyan-items a {
        gap: 13px;
    }

    .main .division .cyan-items .img-wrap {
        width: 40.5px;
        height: 40.5px;
    }

    .main .division .cyan-items .img-wrap img {
        width: 15.5px;
        height: auto;
    }

    .main .division .cyan-items .title {
        font-size: 12px;
    }

    .main .division .bottom {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 24px 7.5px 22px;
    }

    .main .division .bottom .title {
        font-size: 13px;
    }

    .main .division .links {
        gap: 10px;
    }

    .main .division .links a {
        width: 101px;
        height: 35px;
        border-radius: 5px;
        font-size: 12px;
    }
}

	/* add20260110-m */
	.mBoard1.scrollX_m{overflow: hidden;overflow-x: auto;}
	.mBoard1.scrollX_m table{width:auto;min-width:100%;table-layout:fixed;}
	.mBoard1.scrollX_m th,
	.mBoard1.scrollX_m td{white-space:nowrap;}

	.mBoard1 thead th,
	.mBoard1 th,
	.mBoard1 td{padding:7px 15px;height:45px; }
	.mBoard1 thead th{padding-top:8px;padding-bottom:8px;}
	/* //add20260110-m */
}

@media (max-width: 1199px) and (max-width: 1199px) {
    .top-visual .wrap1500 {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media all and (max-width: 1199px) {
    .mUtil1 .attach,
    .mUtil1 .print,
    .mGnb,
    #body .mLnb,
    #header .uh,
    .forW {
        display: none;
    }

    .forM {
        display: block;
    }

    span.forM {
        display: inline;
    }

    .mKeysub1 .bg,
    #footer .bg,
    #wrap .bg {
        width: auto;
    }

    #wrap,
    #footer {
        min-width: auto;
    }

    #wrap {
        min-height: calc(100% - 460px);
    }

    #header {
        top: 0;
    }

    #header .mh .bg {
        height: 60px;
    }

    #header .mh {
        text-align: center;
    }

    #header .mh h1 img {
        height: 39px;
    }

    #header .mh h1 {
        float: none;
        width: auto;
        line-height: 60px;
        height: 60px;
    }

    #header .mh .iMenu1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    #header .mh .iLog1 {
        position: absolute;
        top: 0;
        right: 0;
    }

    #header .mh .util .bt.forW {
        display: none;
    }

    .iMenu1,
    .iLog1 {
        height: 60px;
    }

    .iMenu1 {
        background-image: url(/resources/branch/images/ico_menu1_m.png);
        background-size: 19px auto;
    }

    .iLog1 {
        background-image: url(/resources/branch/images/ico_log1_m.png);
        background-size: 23px auto;
    }

    #body {
        margin: 30px 0 50px;
        padding: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #body .bg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }

    #body .bg.block {
        display: block;
    }

    #body .mLnb {
        min-width: 270px;
        width: 270px;
    }

    #body .contents {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px;
        margin: 0;
    }

    #body > div > button:last-child,
    #body > div > a:last-child {
        margin-top: 55px !important;
    }


    #footer {
        font-size: 11px;
        margin-top: 40px;
    }

    #footer .bg {
        display: block;
        width: auto;
    }

    #footer .link {
        border-bottom: 0;
        margin-bottom: -1px;
        zoom: 1;
    }

    #footer .link:after {
        display: block;
        clear: both;
        content: "";
    }

    #footer .link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        float: left;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 30px 0 15px;
        line-height: 130%;
        background-size: 6px auto;
        font-size: 11px;
        width: 50%;
        height: 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #footer .link .tit {
        display: none;
    }

    #footer .text {
        border-top: 1px solid #e5e5e5;
        margin-top: -1px;
    }

    #footer .text .bg {
        color: #6b6b6b;
        font-size: 14px;
        padding: 25px 20px;
    }

    #footer .text .log {
        float: none;
        padding: 0;
        width: auto;
    }

    #footer .text .log img {
        height: 23px;
    }

    #footer .text .txt {
        display: block;
        margin: 15px 0 0;
    }

    #footer .text .txt .ad {
        font-size: 10px;
        margin: 5px 0 0;
        line-height: 140%;
    }

    #footer .text .txt .ln a {
        font-size: 10px;
    }

    #footer .text .txt .ln a + a {
        margin-left: 15px;
    }

    #footer .text .txt .ln a + a:before {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        left: -10px;
        border-radius: 50%;
        background-color: #3a3a3a;
        width: 2px;
        height: 2px;
    }

    #footer .text .img {
        padding: 20px 0 0;
    }

    #footer .text .img img {
        height: 25px;
    }

    .mKeysub1 {
        height: 140px;
    }

    .mKeysub1 .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: none;
        color: #fff;
        text-decoration: none;
        padding: 0;
    }

    .mKeysub1 .left span {
        font-family: "SBAggro", serif;
        font-size: 23.5px;
    }

    .mKeysub1 .left span:before {
        display: none;
    }

    .mKeysub1 .left:before, .mKeysub1 .left:after {
        display: none;
    }

    .mKeysub1 .text-wrap {
        display: none;
    }

    .mKeysub1 h3 {
        font-size: 18px;
    }

    .mKeysub1 .info {
        font-size: 12px;
        margin-top: 5px;
    }

    .gTitle1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        text-align: center;
        width: auto;
        height: auto;
        padding: 0 15px;
    }

    .gTitle1 .mBc1,
    .gTitle1 h4 {
        padding: 0;
    }

    .gTitle1 .mBc1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-top: 10px;
    }

    .gTitle1 .title {
        margin-top: 37px;
    }

    .gTitle1 .title .desc {
        margin-top: 10px;
    }

    .gTitle1 .title h4 {
        font-size: 25px;
        line-height: 31px;
        letter-spacing: 0;
        text-align: center;
    }

    .mBc1 {
        margin: 0;
        text-align: center;
    }

    .mBc1 > span {
        font-size: 9px;
        letter-spacing: 0;
        margin: 0 0 0 14px;
    }

    .mBc1 > span:before {
        top: 4px;
        left: -10px;
        background-size: 3px auto;
        width: 3px;
        height: 6px;
    }

    .mBc1 .home {
        background-position: 0 50%;
        background-size: 7px auto;
        padding: 0 0 0 13px;
    }

    .mBc1 .home:before {
        display: none;
    }

    .mUtil1 {
        position: absolute;
        top: 37px;
        right: 15px;
    }

    .mUtil1 button,
    .mUtil1 a {
        background-size: auto 14px;
        width: 30px;
        height: 30px;
    }

    /* tab */
    .mTab1 {
        position: relative;
        display: block;
        border-bottom: 0;
        margin: 0 -15px 25px;
        zoom: 1;
    }

    .mTab1:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        background-color: #ddd;
        width: 100%;
        height: 1px;
    }

    .mTab1:after {
        display: block;
        clear: both;
        content: "";
    }

    .mTab1 a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: left;
        border-bottom-color: #ddd;
        font-size: 12px;
        margin: 0 0 -1px;
        width: 33.333%;
        line-height: 120%;
        height: 36px;
    }

    .mTab1 a > span {
        display: block;
        padding: 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: keep-all;
    }

    .mTab1 a + a {
        border-left: 0;
    }

    .mTab1 a:nth-child(3n) {
        border-right: 0;
    }

    .mTab1 a.active {
        background-color: #279c2f;
        border-color: #279c2f;
        color: #fff;
    }

    .mTab1.col2_m a {
        width: 50%;
    }

    .mTab1_s {
        border-bottom: 1px solid #ddd;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 25px;
        padding: 0 5px 15px;
        text-align: center;
    }

    .mTab1_s:before {
        display: none;
    }

    .mTab1_s a {
        border-radius: 27px;
        font-size: 12px;
        margin: 0 0 10px;
        padding: 5px 15px;
        line-height: 130%;
        height: auto;
    }

    .mTab1_s a + a {
        margin-left: 3px;
    }

    /* //tab */
    /* content */
    .mContact1 {
        margin: 0 20px;
        padding-left: 0;
        min-width: auto;
        max-width: none;
    }

    .mContact1 .contact {
        display: block;
        margin-left: 0;
        padding: 10px;
    }

    .mContact1 .col + .col {
        margin: 5px 0 0;
    }

    .mContact1 .col {
        display: block;
        font-size: 13px;
    }

    .mContact1 .col .ti {
        background-size: 14px auto;
        background-position: 10px calc(50% + 1px);
        font-size: 12px;
        padding: 0 15px 0 30px;
        line-height: 30px;
        height: 30px;
    }

    .mContact1 .col .tx {
        display: inline-block;
        font-size: 12px;
        padding: 0 0 0 10px;
    }

    .gCount1 {
        display: block;
        margin-bottom: 10px;
    }

    .gCount1 .mCount1 {
        margin-top: 0;
        padding-bottom: 0;
        font-size: 13px;
    }

    .gCount1 .rt {
        margin: 0 0 20px;
    }

    .mSearch1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mSearch1 > label[for=searchText] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .mSearch1 > label[for=searchText] input[type=text] {
        width: 100%;
    }

    .mSearch1 .select {
        min-width: 70px;
    }

    .mSearch1 .select + .select,
    .mSearch1 .select + .it {
        margin-left: 2px;
    }

    .mSearch1 .it.w365 {
        min-width: auto;
        width: 100%;
    }

    .mSearch1 .it {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: auto;
    }

    .mSearch1 .find {
        background-size: 15px auto;
        width: 36px;
        height: 36px;
    }

    .mSearch1 .mBtn1 {
        margin-left: 6px;
        min-width: 60px;
        line-height: 36px;
        height: 36px;
    }

    .mSearch1 .mBtn1 .find {
        background-size: 13px auto;
        font-size: 13px;
        padding-left: 20px;
    }

    .mSearch1.bgGray {
        margin-top: 20px;
        padding: 10px;
    }

    .mSearch1.bgGray + .mCount1 {
        margin-top: 20px;
    }

    .mSearch1.bgGray.type1_m {
        display: block;
    }

    .mSearch1.bgGray.type1_m .flex_m + .flex_m {
        margin-top: 5px;
    }

    .mSearch1.bgGray.type1_m .flex_m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mSearch1.bgGray.type1_m .flex_m .select {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }

    .mSearch1.bgGray.type1_m .flex_m .select + .select {
        margin-left: 5px;
    }

    .mCount1 {
        font-size: 12px;
    }

    .mCount1 + .mBoard1 {
        margin-top: 10px;
    }

    .mFaq1 .q button,
    .mFaq1 .a .con {
        display: block;
        padding: 15px 20px;
    }

    .mFaq1 .ico {
        display: inline-block;
        font-size: 13px;
        margin-right: 5px;
        width: 24px;
        line-height: 24px;
        height: 24px;
    }

    .mFaq1 .iSt5 {
        margin: 2px 10px 0 0;
        padding: 0 10px;
        min-width: auto;
    }

    .mFaq1 .q button {
        padding-right: 45px;
        width: 100%;
    }

    .mFaq1 .q button:before {
        background-size: 12px auto;
        background-position: 50% 50%;
        width: 12px;
    }

    .mFaq1 .q button:before {
        right: 20px;
    }

    .mFaq1 .a .ico {
        background-color: #9598a1;
    }

    .mFaq1 .txt {
        display: block;
        font-size: 13px;
        line-height: 150%;
        margin: 3px 10px 0 0;
        padding: 10px 0 0 -20px;
    }

    .mFaq1 .a .txt {
        padding-top: 10px;
    }

    .mBoard1.type1_m {
        border-top-width: 1px;
    }

    .mBoard1.type1_m colgroup,
    .mBoard1.type1_m thead {
        display: none;
    }

    .mBoard1.type1_m tr.mAnswer1.active {
        display: table-row;
    }

    .mBoard1.type1_m tr.mAnswer1 {
        display: none;
        border: 2px solid #656565;
    }

    .mBoard1.type1_m tr {
        position: relative;
        display: block;
        border-bottom: 1px solid #e0e3e7;
        padding: 15px 0 12px;
        text-align: left;
    }

    .mBoard1.type1_m tr:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 1px;
        height: 100%;
    }

    .mBoard1.type1_m tr td.forW {
        display: none;
    }

    .mBoard1.type1_m tr .num {
        display: none;
    }

    .mBoard1.type1_m tr .num.notice {
        display: block;
        float: left;
        margin: 0;
        text-align: left;
        vertical-align: middle;
    }

    .mBoard1.type1_m tr .tit {
        display: block;
        font-size: 15px;
        padding: 1px 10px 10px;
        text-align: left;
    }

    .mBoard1.type1_m tr .tit a {
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .mBoard1.type1_m tr .tit a.iNew1 {
        padding: 0 0 0 42px;
    }

    .mBoard1.type1_m tr .tit a.iRe1 {
        padding: 0 0 0 79px;
    }

    .mBoard1.type1_m tr td {
        position: relative;
        border: 0;
        display: inline-block;
        font-size: 13px;
        padding: 0 7px 0 10px;
        text-align: left;
        height: auto;
    }

    .mBoard1.type1_m tr td > .t {
        display: inline-block;
        margin-right: 3px;
        font-weight: 500;
        min-width: 45px;
    }

    .mBoard1.type1_m tr td > .t.w55_m {
        min-width: 55px;
    }

    .mBoard1.type1_m tr td > .t.w65_m {
        min-width: 65px;
    }

    .mBoard1.type1_m tr td .mBtn1.ms {
        margin-top: -4px;
        vertical-align: middle;
    }

    .mBoard1.type1_m tr td.bar {
        line-height: 140%;
        margin-top: -3px;
        word-break: break-all;
        width: calc(50% - 3px);
    }

    .mBoard1.type1_m tr td.bar.type2_m {
        position: relative;
        margin: 3px 0;
        padding-left: 55px;
        width: calc(100% - 3px);
    }

    .mBoard1.type1_m tr td.bar.type2_m .t {
        position: absolute;
        top: 0;
        left: 10px;
    }

    .mBoard1.type1_m tr td.bar.type2_m.char6 {
        padding-left: 93px;
    }

    .mPn1 li .ti {
        font-size: 13px;
        margin-right: 0;
        width: auto;
        line-height: 42px;
        height: 42px;
    }

    .mPn1 li .ti span {
        padding: 0 0 0 15px;
    }

    .mPn1 li .ti span:before {
        margin-top: -4px;
        background-size: auto 6px;
        width: 10px;
        height: 7px;
    }

    .mPn1 li.next .ti span:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mPn1 li .tx {
        display: block;
        font-size: 13px;
        padding: 0 10px;
        line-height: 42px;
        height: 42px;
    }

    .mPn1 li .tx span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .mView1 + .mButton1 {
        margin-top: 30px;
    }

    .mView1 .tit {
        font-size: 20px;
        line-height: 140%;
        padding: 20px 0;
    }

    .mView1 .tit .iSt2 {
        font-size: 12px;
        padding: 0 10px;
        line-height: 22px;
        height: 24px;
    }

    .mView1 .tit .ti {
        letter-spacing: -1px;
        margin-top: 13px;
    }

    .mView1 .util {
        font-size: 13px;
        padding: 10px 0;
    }

    .mView1 .util .col + .col {
        margin-left: 20px;
    }

    .mView1 .util .col:before {
        top: 3px;
        left: -12px;
        height: 12px;
    }

    .mView1 .util .col .ti {
        font-size: 13px;
        margin-right: 2px;
    }

    .mView1 .article {
        font-size: 14px;
        line-height: 170%;
        padding: 20px 0;
        min-height: 150px;
    }

    .mView1 .article .img {
        margin-top: 20px;
    }

    .mView1 .article .img img {
        width: 100%;
    }

    .mView1 .article .img img + img {
        margin: 10px 0 0;
    }

    .mView1 .article .mSwiper1 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mAttach2 {
        display: block;
        padding: 15px 0;
    }

    .mAttach2 .ti {
        font-size: 14px;
        margin: 0;
        width: auto;
    }

    .mAttach2 .tx {
        padding: 10px 0 0;
    }

    .mAttach2 ul {
        margin-left: 0;
    }

    .mAttach2 li {
        float: none;
        margin: 0 0 5px;
    }

    .mAttach2 li a {
        background-size: 15px auto;
        font-size: 13px;
        letter-spacing: 0;
        padding: 0 0 0 18px;
    }

    .iNew1:before {
        top: 2px;
    }

    .iLock1 span {
        background-size: 12px auto;
        background-position: 0 4px;
        padding-left: 17px;
    }

    .iRe1 {
        background: url(/resources/branch/images/ico_re1_m.png) 0 -3px no-repeat;
        background-size: 10px auto;
    }

    .iRe1:before {
        top: 1px;
        left: 15px;
        border-radius: 2px;
        font-size: 12px;
        width: 55px;
        line-height: 20px;
        height: 20px;
    }

    .iSt1,
    .iSt2,
    .iSt4 {
        font-size: 11px;
        padding: 0 4px;
        min-width: auto;
        line-height: 20px;
        height: 22px;
    }

    .iSt2 {
        padding: 0 8px;
    }

    .iSt4 {
        line-height: 18px;
        height: 18px;
    }

    .mAnswer1 ul {
        position: relative;
        padding: 15px 5px;
    }

    .mAnswer1 li:nth-child(even) {
        width: auto;
    }

    .mAnswer1 li {
        float: none;
        font-size: 12px;
        margin: 0 0 5px;
        width: auto;
    }

    .mAnswer1 li .t {
        margin: 0 10px 0 0;
        width: 100px;
    }

    .mAnswer1 li .t span {
        font-size: 12px;
        font-weight: 600;
        padding: 5px;
        width: 100px;
        line-height: 130%;
        height: auto;
    }

    .mAnswer1 li .c {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 3px 0 0;
    }

    .mAnswer1 li .c .mBtn1 {
        vertical-align: middle;
        margin: -3px 0 0 5px;
    }

    .mPag {
        margin-top: 30px;
    }

    .mPag a,
    .mPag strong {
        font-size: 12px;
        margin: 0 -1px 0 -4px;
        min-width: 28px;
        line-height: 24px;
        height: 26px;
    }

    .mPag .first,
    .mPag .last,
    .mPag .prev,
    .mPag .next {
        background-size: auto 8px;
    }

    .mList1 {
        border-top-width: 1px;
    }

    .mList1 li {
        padding: 15px 0 10px;
    }

    .mList1 .img {
        display: block;
        width: 125px;
        min-width: 125px;
        height: 95px;
    }

    .mList1 .text {
        margin: -3px 0 0 10px;
        padding: 0;
    }

    .mList1 .text .iSt1 {
        margin-bottom: 10px;
    }

    .mList1 .text .tit {
        font-size: 14px;
    }

    .mList1 .text .txt {
        font-size: 13px;
        line-height: 150%;
        margin-top: 3px;
    }

    .mList1 .text .uti {
        position: static;
        display: block;
        font-size: 12px;
        margin-top: 10px;
    }

    .mList1 .text .uti > span {
        background-size: 12px auto;
        margin: 0 10px 5px 0;
        padding: 0 0 0 16px;
    }

    .mInfo1 .txt .fs15 {
        font-size: 13px;
        line-height: 140%;
        margin-top: 10px;
    }

    .mList2 .list {
        border-radius: 10px;
        padding: 10px 10px 15px 20px;
    }

    .mList2 .list li {
        float: none;
        margin: 0 0 3px;
        width: auto;
    }

    .mList2 .list li a {
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    .mList2 .list li a .i {
        background-size: 10px auto;
        width: 10px;
        height: 10px;
    }

    .mList2.type2 li:before,
    .mList2 .list li a:before {
        top: 6px;
        width: 3px;
        height: 3px;
    }

    .mList2 + .mTitle1 {
        margin-top: 40px;
    }

    .mList2.type2 li {
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    .mList2.type2 li:before {
        top: 8px;
    }

    .mList3 {
        padding: 20px 20px 25px;
    }

    .mList3 li + li {
        margin-top: 16px;
    }

    .mList3 li {
        font-size: 13px;
        letter-spacing: 0;
    }

    .mList3 li .ic {
        font-size: 12px;
        margin-right: 10px;
        width: 35px;
        line-height: 35px;
        height: 35px;
    }

    .mList4 + .mTitle1 {
        margin-top: 40px;
    }

    .mList4.flex,
    .mList4.flex ul {
        display: block;
    }

    .mList4 {
        padding: 17px 15px;
    }

    .mList4 ul + ul,
    .mList4 li + li {
        margin-top: 8px;
    }

    .mList4 li {
        font-size: 13px;
        padding-left: 10px;
    }

    .mList4 li:before {
        top: 7px;
        width: 3px;
        height: 3px;
    }

    .mList4 li .ti {
        display: inline-block;
        margin-right: 0;
        min-width: 50px;
    }

    .mBox1 + .mTitle1 {
        margin-top: 40px;
    }

    .mBox1 {
        border-width: 3px;
        font-size: 13px;
        line-height: 150%;
        padding: 20px 15px;
    }

    .mBox1 .tit {
        margin-bottom: 20px;
        padding: 0;
    }

    .mBox1 .tit2 {
        margin-bottom: 20px;
    }

    .mBox1 .tit2 span {
        padding: 7px 15px;
    }

    .mBox1 .dot {
        padding: 0 0 10px 14px;
    }

    .mBox1 .dot:before {
        top: 10px;
        left: 5px;
        width: 3px;
        height: 3px;
    }

    .mBox1 .lst {
        line-height: 170%;
        margin: 0 0 25px;
        padding: 0 0 0 10px;
    }

    .mBox1 .lst .gab {
        padding: 0 0 0 19px;
    }

    .mGallery1 {
        border-top-width: 1px;
        padding: 0 0 25px;
    }

    .mGallery1 ul {
        margin: 0 0 0 -15px;
    }

    .mGallery1 li {
        margin: 20px 0 0 15px;
        width: calc(50% - 15px);
    }

    .mGallery1 .img {
        border-radius: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .mGallery1 .img:before {
        border-radius: 10px;
    }

    .mGallery1 .img img {
        height: 38vw;
    }

    .mGallery1 .img.noimg img {
        width: 100px;
    }

    .mGallery1.type2 .tit,
    .mGallery1 .tit {
        font-size: 14px;
        margin: 8px 0 0;
    }

    .mGallery1 .txt {
        font-size: 13px;
        margin-top: 4px;
    }

    .mGallery1 .uti {
        font-size: 12px;
        margin: 5px 0 0;
    }

    .mGallery1 .uti > span {
        background-size: 12px auto;
        margin: 0 10px 5px 0;
        padding: 0 0 0 16px;
    }

    .mGallery1 .button {
        margin-top: 25px;
        padding: 0;
    }

    .mGallery1 .button .mBtn1 {
        font-size: 12px;
    }

    .mGallery1 .button .mBtn1 + .mBtn1 {
        margin-left: 5px;
    }

    .mGallery1.type2 ul {
        margin: -30px 0 0 -15px;
    }

    .mGallery1.type2 li {
        margin: 50px 0 0 15px;
        width: calc(50% - 15px);
    }

    .mGallery1.type2 .img {
        margin-bottom: 10px;
        height: auto;
    }

    .mGallery1.type2 .img img {
        height: 64vw;
    }

    .mGallery2 ul + .mTitle1 {
        margin-top: 50px;
    }

    .mGallery2 ul + ul {
        margin-top: 10px;
    }

    .mGallery2 ul {
        margin: -65px 0 0;
    }

    .mGallery2 li {
        float: none;
        margin: 30px 0 0;
        width: auto;
    }

    .mGallery2 .img {
        border-radius: 10px;
        margin: 0 0 10px;
        height: auto;
    }

    .mGallery2 .img img {
        width: 100%;
    }

    .mGallery2 .text .tit {
        font-size: 16px;
    }

    .mGallery2 .text .txt {
        font-size: 14px;
        letter-spacing: 0;
        margin-top: 4px;
    }

    .mRecent1 {
        margin-bottom: 40px;
    }

    .mRecent1 a {
        display: block;
    }

    .mRecent1 .img {
        display: block;
        width: auto;
        height: auto;
    }

    .mRecent1 .img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .mRecent1 .txt {
        display: block;
        border: 1px solid #dfdfdf;
        border-top: 0;
        padding: 15px;
        height: auto;
    }

    .mRecent1 .txt .ti {
        font-size: 16px;
        line-height: 150%;
    }

    .mRecent1 .txt .tx {
        font-size: 13px;
        line-height: 150%;
        margin-top: 10px;
    }

    .mRecent1 .txt .dt {
        background-size: 12px auto;
        font-size: 12px;
        margin-top: 10px;
        padding: 0 0 0 16px;
    }

    .mTab1 + .mInfo1 {
        margin-top: 0;
    }

    .mInfo1 {
        margin: 0 0 30px;
        padding: 0 0 30px;
    }

    .mInfo1 .info {
        border-radius: 10px;
        font-size: 13px;
        line-height: 150%;
        padding: 23px 20px;
    }

    .mInfo1 .info:before {
        display: none;
    }

    .mInfo1 .line {
        letter-spacing: 0;
        padding-top: 15px;
    }

    .mInfo1 .line:before {
        width: 25px;
    }

    .mInfo1 .img + .txt {
        margin-top: 20px;
    }

    .mInfo1 .img img {
        width: 100%;
    }

    .mInfo1 .txt {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 150%;
    }

    .mInfo1 .mBtn1 {
        margin-top: 20px;
    }

    .mInfo1 .mButton1.flex_m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mInfo1 .mButton1.flex_m .mBtn1 + .mBtn1 {
        margin-left: 5px;
    }

    .mInfo1 .mButton1.flex_m .mBtn1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px;
        min-width: auto;
    }

    .mInfo2 {
        font-size: 15px;
        margin-top: 35px;
    }

    .mInfo2 span {
        background-size: 22px auto;
        padding: 0 0 0 30px;
        text-align: left;
    }

    /* //content */
    /* button */
    .mButton1.posRt {
        float: none;
        margin-top: 30px;
    }

    .mBtn1 {
        font-size: 14px;
        padding: 0 10px;
        line-height: 43px;
        height: 45px;
    }

    .mButton1.posRt .mBtn1.m,
    .mBtn1.m {
        font-size: 13px;
        padding: 0 5px;
        line-height: 35px;
        height: 35px;
    }

    .mBtn1.ms {
        border-radius: 2px;
        font-size: 11px;
        padding: 0 5px;
        line-height: 23px;
        height: 25px;
    }

    .mBtn1.w265 {
        min-width: 130px;
    }

    .mBtn1.w84 {
        min-width: 50px;
    }

    .mBtn1.w130 {
        min-width: 90px;
    }

    .mBtn1.r {
        border-radius: 3px;
    }

    .mBtn1 .down {
        background-size: 10px auto;
        padding-left: 15px;
    }

    /* //button */
    /* form */
    .select {
        background-size: 7px auto;
        background-position: calc(100% - 10px) 50%;
        font-size: 12px;
        line-height: 36px;
        height: 36px;
        padding: 0 25px 0 10px;
    }

    .select option {
        font-size: 12px;
    }

    .it {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        font-size: 13px;
        line-height: 32px;
        height: 36px;
        padding: 0 0 0 10px;
    }

    /* //form */
    /* icon */
    .iAttach1 {
        background-size: 15px auto;
        width: 20px;
        height: 20px;
    }

    /* //icon */
    /* text */
    .mTitle1 {
        background-size: 19px auto;
        font-size: 16px;
        margin: 0 0 20px;
        padding: 0 0 0 25px;
    }

    .txtPrimary {
        color: #18be3c;
        font-weight: 700;
    }

    /* //text */
    .mEsg1 {
        border: 3px solid #e9e9e9;
        width: auto;
    }

    .mEsg1 .top,
    .mEsg1 .btm {
        position: relative;
        background: none;
        background-size: 100% auto;
        height: 60px;
    }

    .mEsg1 .top:before,
    .mEsg1 .top:after {
        content: "";
        position: absolute;
        top: -3px;
        left: -3px;
        background: url(/resources/branch/images/k_esg1_top.png) 0 0 no-repeat #fff;
        background-size: auto 100%;
        width: 61px;
        height: 100%;
    }

    .mEsg1 .top:after {
        left: auto;
        right: -3px;
        background-position: 100% 0;
    }

    .mEsg1 .btm:before,
    .mEsg1 .btm:after {
        content: "";
        position: absolute;
        bottom: -3px;
        left: -3px;
        background: url(/resources/branch/images/k_esg1_btm.png) 0 0 no-repeat #fff;
        background-size: auto 100%;
        width: 61px;
        height: 100%;
    }

    .mEsg1 .btm:after {
        left: auto;
        right: -3px;
        background-position: 100% 0;
    }

    .mEsg1 .con {
        border: 0;
        margin: -15px 0;
        padding: 0 20px;
    }

    .mEsg1 .tit {
        position: relative;
        margin: 0 0 20px;
        padding: 35px 0 0;
    }

    .mEsg1 .tit:before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(50% - 33px);
        background: url(/resources/branch/images/k_esg1_top.png) -240px -45px no-repeat;
        background-size: auto 100%;
        width: 66px;
        height: 100%;
    }

    .mEsg1 .tit img {
        height: 25px;
    }

    .mEsg1 .txt {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 150%;
    }

    .mEsg1 .mList3 {
        margin-top: 30px;
    }

    .mEsg1 .all {
        position: relative;
        font-size: 15px;
        letter-spacing: 0;
        margin-top: 30px;
        padding: 0 0 35px;
    }

    .mEsg1 .all:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: calc(50% - 33px);
        background: url(/resources/branch/images/k_esg1_btm.png) -240px 0 no-repeat;
        background-size: auto 61px;
        width: 66px;
        height: 19px;
    }

    .gCount1 {
        display: block;
        margin-bottom: 10px;
    }

    .gCount1 .mCount1 {
        margin-top: 0;
        padding-bottom: 0;
    }

    .gCount1 .rt {
        margin: 0 0 20px;
    }

    .mSearch1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mSearch1 .select {
        min-width: 70px;
    }

    .mSearch1 .select + .select,
    .mSearch1 .select + .it {
        margin-left: 2px;
    }

    .mSearch1 .it.w365 {
        min-width: auto;
        width: 100%;
    }

    .mSearch1 .it {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: auto;
    }

    .mSearch1 .find {
        background-size: 15px auto;
        width: 36px;
        height: 36px;
    }

    .mSearch1 .mBtn1 {
        margin-left: 6px;
        min-width: 60px;
        line-height: 36px;
        height: 36px;
    }

    .mSearch1 .mBtn1 .find {
        background-size: 13px auto;
        font-size: 13px;
        padding-left: 20px;
    }

    .mSearch1.bgGray {
        margin-top: 20px;
        padding: 10px;
    }

    .mSearch1.bgGray + .mCount1 {
        margin-top: 20px;
    }

    .mSearch1.bgGray.type1_m {
        display: block;
    }

    .mSearch1.bgGray.type1_m .flex_m + .flex_m {
        margin-top: 5px;
    }

    .mSearch1.bgGray.type1_m .flex_m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mSearch1.bgGray.type1_m .flex_m .select {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
    }

    .mSearch1.bgGray.type1_m .flex_m .select + .select {
        margin-left: 5px;
    }

    .mCount1 {
        font-size: 12px;
    }

    .select {
        background-size: 7px auto;
        background-position: calc(100% - 10px) 50%;
        font-size: 12px;
        line-height: 36px;
        height: 36px;
        padding: 0 25px 0 10px;
    }

    .select option {
        font-size: 12px;
    }

    .it {
        font-size: 12px;
        line-height: 36px;
        height: 36px;
        padding: 0 0 0 10px;
    }

    .mPag {
        margin-top: 30px;
    }

    .mPag a,
    .mPag strong {
        font-size: 12px;
        margin: 0 -1px 0 -4px;
        min-width: 28px;
        line-height: 24px;
        height: 26px;
    }

    .mPag .first,
    .mPag .last,
    .mPag .prev,
    .mPag .next {
        background-size: auto 8px;
    }

    .table-gray .caution,
    .table-horizon .caution,
    .item-horizon .caution,
    .table-info .caution,
    .table-black .caution {
        font-size: 13px !important;
    }
}

.mFile1{display:-webkit-flex;display:flex;align-items:center;position:relative;width:530px;}
.mFile1 .it{-webkit-flex:1;flex:1;}
.mFile1 .btn{position:relative;}
.mFile1 .btn input{position:absolute;top:0;left:-100%;cursor:pointer;width:200%;height:100%;opacity:0.01;}

.mFile1.single{display:inline-block;width:auto;margin-top:10px;}
.mFile1.single .btn{cursor:pointer;margin-left:0;overflow:visible;}
.mFile1.single .btn input{left:0;overflow:hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);opacity:1;}
.mFile1.single .btn .mBtn1{margin-left:0;}


/* add20260113-11 */
.mFile1.single.type2 .btn{display:inline-block;height:33px;}
.mFile1.single.type2 .btn input{clip:auto;left:-100%;cursor:pointer;margin-left:10px;width:200%;height:100%;opacity:0.01;}

/* button */
.mButton1.mt30{margin-top:30px;}
.mButton1.mt55{margin-top:55px;}
.mButton1.mt100{margin-top:100px;}
.mButton1.tal{text-align:left;}
.mButton1 + .mTitle1{margin-top:65px;}
.mButton1{margin:70px 0 0;text-align:center;}
.mButton1 .mBtn1{vertical-align:middle;}
.mButton1 .mBtn1 + .mBtn1.m{margin-left:6px;}
.mButton1 .flex_m + .flex_m,
.mButton1 .block_m + .flex_m,
.mButton1 .block_m + .mBtn1,
.mButton1 .mBtn1 + .mBtn1{margin-left:16px;}
.mButton1.posRt{float:right;margin-top:-40px;}
.mButton1.posRt .mBtn1.m{line-height:40px;height:40px;}

.tar{text-align:right;}

.mBtn1{display:inline-block;background-color:#fff;border:1px solid #585858;color:#000;font-size:17px;font-weight:500;padding:0 20px;text-align:center;white-space:nowrap;line-height:61px;height:65px;}
.mBtn1.l{padding-left:30px;padding-right:30px;}
.mBtn1.m{font-size:14px;padding:0 10px;line-height:39px;height:41px;}
.mBtn1.ml{font-size:15px;padding:0 10px;line-height:46px;height:48px;}
.mBtn1.ml.px20{padding-left:20px;padding-right:20px;}
.mBtn1.ms{border-radius:4px;font-size:14px;font-weight:500;padding:0 10px;line-height:31px;height:33px;}
.mBtn1.gray{border-color:#c8c8c8;}
.mBtn1.blue{border-color:#013569;color:#013569;border-width:2px;}
.mBtn1.fBlack{background-color:#292929;border-color:#292929;}
.mBtn1.fPurple{background-color:#7d4794;border-color:#7d4794;color:#fff;}
.mBtn1.fPrimary{background-color:#17a481;border-color:#17a481;color:#fff;}
.mBtn1.fBlue{background-color:#013569;border-color:#013569;color:#fff;}
.mBtn1.r0{border-radius:0;}
.mBtn1.r{border-radius:6px;}
.mBtn1.r4{border-radius:4px;}
.mBtn1.bw2{border-width:2px;}
.mBtn1.bw2.ml{line-height:44px;}
.mBtn1.w84{min-width:84px;}
.mBtn1.w95{min-width:95px;}
.mBtn1.w100{min-width:100px;}
.mBtn1.w114{min-width:114px;}
.mBtn1.w130{min-width:130px;}
.mBtn1.w160{min-width:160px;}
.mBtn1.w180{min-width:180px;}
.mBtn1.w190{min-width:190px;}
.mBtn1.w200{min-width:200px;}
.mBtn1.w220{min-width:220px;}
.mBtn1.w265{min-width:265px;}
.mBtn1.w295{min-width:295px;}
.mBtn1 .down{display:inline-block;background:url(/resources/koagi/images/ico_btn_down1.png) 0 50% no-repeat;padding:0 0 0 20px;}
/* //button */

.table-horizon .essential {
    font-size: 16px;
    color: #ec1010;
    margin-left: 4px;
}
/* 조가인 팝업추가260206 */
.layerPopup {
  position: fixed;
  z-index: 1000;
  display: none;
}
.layerPopup.is-open {
  display: block;
}
.layerWrap {
  overflow: hidden;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
}
.layerContent {

}
.layerContent img {
	width:100%;
	height:100%;
	object-fit: contain;
}
.layerFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid #eee;
  font-size: 14px;
}
.todayClose {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.todayClose input[type="checkbox"] {
  display: inline-block;
  margin:0;
}
.btnClose {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
}
/*// 조가인 팝업추가260206 //*/

/* popup_260305 */
.modalBg{position:fixed;top:0;left:0;background-color:#000;opacity:0;width:100%;height:100%;transition:all 0.4s 0s;}

.lAlert1.w500 .popupBg{width:500px;}
.lAlert1.w650 .popupBg{width:650px;}
.lAlert1.w750 .popupBg{width:750px;}
.lAlert1.w1000 .popupBg{width:1000px;}
.lAlert1.w1100 .popupBg{width:1100px;}

.lAlert1.active{display:block;}
.lAlert1{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100;}
.lAlert1 .modalBg{opacity:0.6;}
.lAlert1 .popupBg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;background-color: #fff;text-align:left;overflow-y:auto;width:700px;max-height:calc(100% - 60px);overflow:hidden;}
.lAlert1 .close{position:absolute;top:0;right:0;background:url(/resources/branch/images/ico_close1_w.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:70px;height:70px;}
.lAlert1 .title{background-color:#2a2a4a;padding:21px 70px 21px 25px;}
.lAlert1 .title .tit{font-weight:500;font-size:19px;line-height: 1.5;letter-spacing: -0.1px;color: #fff;margin:0;text-align:left;}
.lAlert1 .scroll{margin:0;padding:32px 33px;overflow:hidden;overflow-y:auto;}
.lAlert1 .scroll .gCalendar1{border:0;padding:0;}
.lAlert1 .mSort1{margin:0 0 30px;}
.lAlert1 .mSort1 .con{padding:20px 25px;}
.lAlert1 .mButton1 .mBtn2{min-width:120px;}

.mWrite1 .ti{font-size:16px;padding:0 0 20px;}
.mWrite1 .select + .textarea{margin:15px 0 0;}

.mTitle6 { position: relative;display: block;color: #333;font-size: 20px;font-weight: bold;margin: 0 0 25px;padding: 0 0 0 24px;}
.mTitle6:before { content: "";position: absolute;top: 8px;left: 0;border: 3px solid #333;width: 7px;height: 7px;}
.mScrollY1 { border: 1px solid #ddd;border-top-color: #444;font-size: 15px;line-height: 190%;padding: 24px;overflow: hidden auto;max-height: 200px;}
.mCheckbox1.mt25{margin-top:25px;}
.mCheckbox1 { position: relative;display: block;cursor: pointer;  margin-left: 0px}
.mCheckbox1 input { position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;}
.mCheckbox1 .label { display: block;position: relative;font-size: 15px;padding: 0 0 0 32px;line-height: 25px;min-height: 25px;}
.mCheckbox1 input + .label:before { content: "";position: absolute;top: 0;left: 0;background: url(/resources/branch/images/ico_checkbox2.png) 50% 50% no-repeat;width: 25px;height: 25px;}
.mCheckbox1 input:checked + .label:before { background-image: url(/resources/branch/images/ico_checkbox2_a.png);background-size: 23px auto;border: 0;width: 25px;height: 25px;}

.mForm1{background-color:#f9f9f9;margin-top:35px;padding:40px 38px;}
.mForm1 .row + .row{margin-top:40px;}
.mForm1 .row.type2{display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.mForm1 .row.type2 .tit{margin-bottom:0;width:106px;}
.mForm1 .row.type2 .tit.w65{width:65px;}
.mForm1 .row.type2 .inp{-webkit-flex:1;flex:1;}
.mForm1 .row .inp .mFlex1 + .button .mBtn1 + .mBtn1{margin-left:16px;}
.mForm1 .row .inp .mFlex1 + .button .mBtn1{margin-left:20px;}
.mForm1 .row{display:block;}
.mForm1 .tit{display:-webkit-flex;display:flex;align-items:center;margin:0 0 16px;}
.mForm1 .tit .ti{-webkit-flex:1;flex:1;font-size:17px;font-weight:600;}
.mForm1 .inp .select,
.mForm1 .inp .it{width:100%;}
.mForm1 .inp .flex{display:flex;align-items:center;gap:10px;}
/* //popup_260305 */

@media (max-width: 767px) {
	/* popup_260312 */
  .lAlert1.w500 .popupBg,
  .lAlert1.w650 .popupBg,
  .lAlert1.w750 .popupBg,
  .lAlert1.w1000 .popupBg,
  .lAlert1.w1100 .popupBg{width:calc(100% - 30px);}
  .lAlert1.w650 .popupBg,
  .lAlert1 .popupBg{left:15px;transform: translate(0, -50%);}
  .lAlert1 .close{background-size:12px auto;width:50px;height:50px;}
  .lAlert1 .title{padding:12px 52px 12px 20px;}
  .lAlert1 .title .tit{font-size:18px;}
  .lAlert1 .scroll{margin:0;padding:20px 20px;}
  .lAlert1 .mSort2{margin-top:0;}
  .lAlert1 .mSort1 .con{padding:10px;}
  .lAlert1 .mButton1{margin-top:25px;}
  .lAlert1.window .scroll{padding-top:20px;}

  .mForm1 .tit .ti {font-size: 13px;}
  .mForm1 .row.type2 .tit {width: 86px;}
  .mForm1 {padding: 25px;}
  .mForm1 .row + .row {margin-top: 10px;}
  .mTitle6 {font-size: 16px;margin: 10px 0 15px;}
  .mTitle6:before {top: 3px;}
  .mScrollY1 {font-size: 13px;max-height: 150px;padding: 15px;}
  .mCheckbox1 .label {font-size: 13px; margin: 10px 0 0;}

	/* popup_260312 */
}