body {  overflow-x: hidden;}
/* Common Style */
#container {  display: flex;  justify-content: center;  flex-direction: column;  align-items: center;  width: 100%;  height: auto;}
#container .top_area ~ div {  position: relative;  display: flex;  justify-content: center;  flex-direction: column;  width: 100%;  padding: 0 40px;  max-width: 1680px;}
div.round_box {  position: absolute;  display: flex;  align-items: center;  justify-content: center;  padding: 25px 75px;  min-height: 95px;  background-color: #fff;}
div.round_box a {  display: flex;  align-items: center;  justify-content: space-around;  font-size: 27px;  color: #111;  font-family: "Noto Serif KR", serif;  font-weight: 400;}
div.round_box a img {  margin: 0 0 0 25px;}
div.round_box.lb {  -webkit-border-radius: 0 50px 0 0;  -moz-border-radius: 0 50px 0 0;  border-radius: 0 50px 0 0;  left: 0;  bottom: 0;}
div.round_box.rb {  -webkit-border-radius: 50px 0 0;  -moz-border-radius: 50px 0 0;  border-radius: 50px 0 0;  right: 0;  bottom: 0;}
div.round_box.lt {  -webkit-border-radius: 0 0 50px;  -moz-border-radius: 0 0 50px;  border-radius: 0 0 50px;  left: 0;  top: 0;}
div.round_box.rt {  -webkit-border-radius: 0 0 0 50px;  -moz-border-radius: 0 0 0 50px;  border-radius: 0 0 0 50px;  right: 0;  top: 0;}
div.round_box:before,div.round_box:after {  content: "";  position: absolute;  width: 49px;  height: 49px;  background-position: 50%;  background-repeat: no-repeat;  background-size: 100% auto;}
div.round_box.lb:before,div.round_box.lb:after {  background-image: url(../img/round_lt.png);}
div.round_box.rb:before,div.round_box.rb:after {  background-image: url(../img/round_rt.png);}
div.round_box.lt:before,div.round_box.lt:after {  background-image: url(../img/round_lb.png);}
div.round_box.rt:before,div.round_box.rt:after {  background-image: url(../img/round_rb.png);}
div.round_box.lb:before {  left: 0;  top: -49px;}
div.round_box.lb:after {  right: -49px;  bottom: 0;}
div.round_box.rb:before {  left: -49px;  bottom: 0;}
div.round_box.rb:after {  right: 0;  top: -49px;}
div.round_box.lt:before {  left: 0;  bottom: -49px;}
div.round_box.lt:after {  right: -49px;  top: 0;}
div.round_box.rt:before {  left: -49px;  top: 0;}
div.round_box.rt:after {  right: 0;  bottom: -49px;}
a.arr_btn {  position: absolute;  right: 30px;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  background-color: #444;}
img.arr_btn {  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  background-color: #444;}
a.arr_btn:hover,img.arr_btn:hover {  background-color: #000;}
#container .top_area + .cont_area {  padding: 90px 40px 0;}
.cont_area a {  display: flex;}
.cont_area.index {}
.cont_area.page {}
.cont_area.page > section.cont_top {  padding: 70px 0 0;}
.cont_area.page > section.cont_top > div:first-child {  display: flex;  justify-content: space-between;  align-items: flex-end;  flex-wrap: wrap;  padding: 0 0 60px;  white-space: nowrap;}
.cont_area.page > section.cont_top .tit {  font-size: 62px;  color: #444;  font-weight: 300;  line-height: 62px;}
.cont_area.page > section.cont_top .tit span {  display: block;  padding: 10px 0 0;  letter-spacing: 3px;  font-weight: 500;}
.cont_area.page > section.cont_top .tx {  font-size: 24px;  color: #444;}
.cont_area.page > section.cont_top .tab {}
.cont_area.page > section.cont_top .tab ul {  display: flex;  flex-direction: row;  justify-content: flex-end;}
.cont_area.page > section.cont_top .tab ul li {  margin: 0 0 0 3vw;}
.cont_area.page > section.cont_top .tab ul li:first-child {  margin: 0;}
.cont_area.page > section.cont_top .tab ul li a {  padding: 0 5px;  font-size: 24px;  font-weight: 400;  color: #444;}
.cont_area.page > section.cont_top .tab ul li a:hover {  color: #fd7700;}
.cont_area.page > section.cont_top .tab ul li a.on {  color: #fd7700;  flex-direction: column;  align-items: center;  transition: color 0.14s;}
.cont_area.page > section.cont_top .tab ul li a.on:after {  content: "";  display: flex;  width: calc(100% + 6px);  height: 3px;  margin: 10px 0 -10px;  background: #fd7700;  transition: background 0.14s;}
.cont_area.page > section.cont_top .tab ul li a.on:hover {  color: #000;}
.cont_area.page > section.cont_top .tab ul li a.on:hover:after {  background: #000;}
.cont_area.page > section.cont_top section {  padding-bottom: 140px;}
.cont_area.page section .sub_banner {  position: relative;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;}
.cont_area.page section .sub_banner > div:first-child {  display: flex;  justify-content: space-around;  align-items: center;  height: 500px;  overflow: hidden;}
.cont_area.page section .sub_banner .tx_box {  max-width: 35%;}
.cont_area.page.service section .sub_banner .tx_box {  max-width: 45%;  padding: 0 15vh 0 0;}
.cont_area.page section .sub_banner p {  font-size: 17px;  line-height: 34px;  font-weight: 300;  padding: 15px 0 0;}
.cont_area.page section .sub_banner p:first-child {  padding: 0;}
.cont_area.page.error section {display:flex;flex-direction:column;align-items:center;justify-content:center}
.cont_area.page.error section img {max-width:510px;width:100%;height:auto}
.cont_area.page.error section p {font-size:25px;font-weight:600;}

/* Top Style */
.top_area {  position: fixed;  top: 0px;  display: flex;  justify-content: center;  width: 100%;  padding: 0 40px;  background: rgba(255, 255, 255, 0);  pointer-events: none;  transition: all 0s ease-in-out 0s;  border-bottom: 1px solid rgba(255, 255, 255, 0.24);  z-index: 999;}
.top_area.scr {  -webkit-transition: all 0s ease-in-out;  transition: all 0s ease-in-out;  transition-delay: 0.3s;  background: rgba(255, 255, 255, 0.84);  -webkit-backdrop-filter: blur(7px);  backdrop-filter: blur(7px);}
header {  width: 100%;  max-width: 1600px;  min-width: 1200px;  height: 90px;  padding: 0;  display: flex;  -webkit-box-pack: center;  justify-content: space-between;  align-items: center;}
header div,header a {  font-weight: 400;  z-index: 99;  pointer-events: all;}
.top_area .navi {  display: flex;  flex-direction: row;}
.top_area .navi div {  box-sizing: border-box;}
.top_area .navi a {  display: block;  padding: 0 35px;  font-size: 17px;  font-weight: 400;  line-height: 90px;  color: #000;}
.top_area .logo {  width: 213px;}
.top_area .logo.m img {  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.top_area .logo + div {  z-index: auto;}
.top_area .tip {  width: 213px;  display: flex;  justify-content: flex-end;}
.top_area .tip div {  position: relative;  width: 70px;  background: rgba(0, 0, 0, 1);  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.top_area .tip div > a:after {  content: "";  position: absolute;  right: 15px;  top: calc(50% - 2px);  width: 7px;  height: 4px;  display: block;  background-repeat: no-repeat;  background-position: center;  background: url(../img/arr_bottom.png);}
.top_area .tip div:hover {  background: rgba(0, 0, 0, 1);  -webkit-border-radius: 7px 7px 0 0;  -moz-border-radius: 15px 15px 0 0;  border-radius: 15px 15px 0 0;}
.top_area .tip div a {  display: block;  padding: 0 15px;  font-size: 13px;  font-weight: 300;  line-height: 35px;  color: #fff;}
.top_area .tip div ul {  display: none;  position: absolute;  top: 35px;  left: 0;  width: 100%;  padding: 5px 0;  height: auto;  flex-direction: column;  align-items: center;  background: rgba(0, 0, 0, 1);  overflow: visible;  -webkit-border-radius: 0 0 15px 15px;  -moz-border-radius: 0 0 15px 15px;  border-radius: 0 0 15px 15px;}
.top_area .tip div ul li {  width: 100%;  font-size: 13px;  line-height: 25px;  list-style: none;}
.top_area .tip div ul li a {  line-height: 25px;  color: rgba(255, 255, 255, 0.8);}
.top_area .tip div:hover ul {  display: flex;}
.top_area .tip div ul:hover {  display: flex;}
.top_area .tip div ul li a:hover {  color: #fff;}
.top_area.scr .logo img {  filter: unset;}
.top_area.scr .navi a {  color: #2e2b2b;}
.top_area.scr .mobile_menu_btn button div,.top_area.scr .mobile_menu_btn button > span:after,.top_area.scr .mobile_menu_btn button > span:before {  background: #2e2b2b;}
.top_area .navi.m {  display: none;  position: absolute;  top: 0;  left: 0;  flex-direction: column;  width: 100%;  height: 100vh;  padding: 90px 0 0;  background: rgba(0, 0, 0, 0.84);  -webkit-backdrop-filter: blur(7px);  backdrop-filter: blur(7px);}
.top_area .navi.m div {  display: flex;  align-content: center;  align-items: center;  justify-content: center;  height: calc(100% / 5);  border-top: 1px solid rgba(255, 255, 255, 0.12);}
.top_area .navi.m a {  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  padding: 0;  margin: 0;  color: #fff;  text-align: center;  line-height: auto;  z-index: 999;}
.top_area.scr .navi.m {  background: rgba(0, 0, 0, 0.84);}
.top_area.scr .navi.m div {  border-top-color: rgba(255, 255, 255, 0.12);}
.mobile_menu_btn {  display: none;}
.mobile_menu_btn button {  display: flex;  align-items: flex-end;  align-content: center;  flex-direction: column;  justify-content: center;  width: 50px;  height: 50px;  background: rgba(0, 0, 0, 0);  border: 0;  cursor: pointer;}
.mobile_menu_btn button .menu-icon {  display: flex;  vertical-align: middle;  flex-direction: column;  justify-content: space-between;  width: 20px;  height: 20px;  position: relative;  vertical-align: middle;}
.mobile_menu_btn button .menu-icon div,.mobile_menu_btn button .menu-icon:before,.mobile_menu_btn button .menu-icon:after {  width: 100%;  background: #000;  height: 2px;  content: "";  display: block;  -webkit-transition-property: rotate;  -o-transition-property: rotate;  transition-property: rotate;  -webkit-transition-duration: 150ms;  -o-transition-duration: 150ms;  transition-duration: 150ms;}
.mobile_menu_btn.m {  display: block;}
.mobile_menu_btn.m.on button .menu-icon {  justify-content: center;}
.mobile_menu_btn.m.on button .menu-icon div {  display: none;}
.mobile_menu_btn.m.on button .menu-icon:before {  transform: rotate(45deg);  margin: 0 0 -1px 0;  background: #fff;}
.mobile_menu_btn.m.on button .menu-icon:after {  transform: rotate(-45deg);  margin: -1px 0 0 0;  background: #fff;}
/* Footer Style */
.footer_area {}
footer {  display: flex;  width: 100%;  height: 100%;  max-width: 1680px;  padding: 0 40px 70px;  word-break: break-all;  flex-direction: column;  justify-content: space-between;  align-items: stretch;  overflow: hidden;}
footer > div {  display: flex;  flex-direction: column;  justify-content: space-between;  height: initial;}
footer .f_menu {  display: flex;  justify-content: space-between;  align-items: center;  align-content: center;}
footer .f_menu div:last-child {  display: flex;  flex-direction: row;  justify-content: space-between;  height: 30px;  align-items: flex-start;}
footer .f_menu div:last-child > div {  margin: 0 0 0 20px;  background: #444;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;}
footer .f_menu div:last-child > div:hover {  background: #000;}
footer .f_menu div:last-child > div:first-child {  margin: 0;}
footer .f_menu div:last-child > div a {  display: flex;}
footer ol,footer ul {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: flex-start;  align-items: center;  padding: 0;  margin: 0;}
footer ol li {  list-style: none;  word-break: keep-all;  display: flex;  flex-direction: row;  align-items: center;  margin: 0 60px 0 0;}
footer ol li:last-child {  margin: 0;}
footer ol li a {  font-size: 17px;  line-height: 23px;  color: #000;  font-weight: 400;}
footer ul li {  font-size: 15px;  line-height: 24px;  color: #717171;  font-weight: 300;  list-style: none;  word-break: keep-all;  display: flex;  flex-direction: row;  align-items: center;  margin: 0 15px 0 0;  word-break: keep-all;}
footer ul li span {  display: contents;  color: #4c4c4d;  padding: 0 3px;  font-weight: 400;  white-space: nowrap;}
footer ul li a {  color: #5e5e5e;}
footer ul li a:hover,footer ul li a:focus {  color: #111;}
footer .f_info {  display: flex;  padding: 60px 0 0;  align-items: flex-start;}
footer .f_info ul {  padding: 0 0 0 40px;}
/* index style */
.index .cont01 {  display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;  width: 100%;}
.index .cont01 > div:first-child {  width: calc(100% - 320px - 15px);}
.index .cont01 > div > div {  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;}
.index .cont01 .banner01 {  position: relative;  width: 100%;  height: 700px;  padding: 0 8vh;  background-color: #4d4d4d;  background-image: url(../img/main_img01.png);  background-position: center right 30px;  background-repeat: no-repeat;}
.index .cont01 .banner01 .tx_box {  height: inherit;  padding: 0 0 100px 0;  display: flex;  flex-direction: column;  justify-content: center;}
.index .cont01 .banner01 .round_box {  padding: 25px 45px;}
.index .cont01 .banner01 h4 {  color: #fff;  font-size: 70px;  letter-spacing: 10px;  line-height: 65px;}
.index .cont01 .banner01 h4 span {  display: block;  font-size: 42px;  letter-spacing: 0;}
.index .cont01 .banner01 p {  color: #fff;  padding: 30px 0 0;  font-size: 17px;  line-height: 28px;  font-weight: 300;  letter-spacing: -1px;}
.index .cont01 .banner02 {  display: flex;  flex-direction: column;  justify-content: space-between;  align-items: flex-end;}
.index .cont01 .banner02 > div {  width: 320px;  padding: 45px 40px;}
.index .cont01 .banner02 .tit {  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  padding: 0 0 30px;  font-size: 21px;  font-weight: 600;  text-transform: uppercase;}
.index .cont01 .banner02 .tx {  font-size: 15px;  font-weight: 400;  color: #3c3c3c;  line-height: 30px;}
.index .cont01 .banner02 > div:first-child {  display: flex;  flex-direction: column;  height: calc(100% - 32% - 15px);  background-color: #f3f3f3;  background-image: url(../img/main_img02.png);  background-position: bottom right;  background-repeat: no-repeat;}
.index .cont01 .banner02 > div:last-child {  display: flex;  flex-direction: column;  justify-content: space-around;  height: 32%;  background: #fd7700;  text-align: center;  color: #fff;  line-height: 26px;}
.index .cont01 .banner02 > div:last-child div:first-child {  font-size: 27px;  font-weight: 600;}
.index .cont01 .banner02 > div:last-child div:last-child {  font-size: 15px;  font-weight: 300;}
.index .cont02 {}
.index .cont02 > div {}
.index .cont02 > div:last-child {  position: relative;  padding: 0 0 40px;}
.index .cont02 .tit {  display: block;  font-size: 34px;  font-weight: 900;  color: #414141;  text-transform: uppercase;  letter-spacing: 1px;}
.index .cont02 .tit + div {  display: flex;  justify-content: space-between;  align-items: flex-start;  margin: 30px 0 60px;}
.index .cont02 .tit + div p {  font-size: 24px;  font-weight: 300;  color: #222;  line-height: 40px;}
.index .cont02 .tit + div p span {  color: #fd7700;  font-weight: 400;}
.index .cont02 .tit + div a {  font-size: 18px;  font-weight: 600;  color: #4c4c4c;  align-items: center;}
.index .cont02 .tit + div a img {  margin-left: 10px;}
.index .cont02 .tit + div a:hover {  color: #000;}
.index .cont02 .roll_tx {  display: flex;  position: absolute;  bottom: 0;  z-index: 0;}
.index .cont02 .roll_tx img:first-child {  animation: rollSlide 140s -70s linear infinite;}
.index .cont02 .roll_tx img:last-child {  animation: rollSlide2 140s linear infinite;}
.index .cont02 .roll_tx + div {  position: relative;  z-index: 10;}
.index .cont02 .banner {  position: relative;}
/*.index .cont02 .banner ul {  position: relative;  width: 100%;  min-width: 400px;  margin: 0 auto;  height: 310px;  overflow: hidden;}*/
/*.index .cont02 .banner ul li {  position: absolute;  left: 0;  top: 0;  width: calc(100% / 3 - 10px);  height: 310px;  list-style: none;  overflow: hidden;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  transition: none;}*/
.index .cont02 .banner a {  position: relative;  display: flex;  padding: 0;}
.index .cont02 .banner li a:before {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(28, 28, 28, 0);  overflow: hidden;  transition: background 0.7s;}
.index .cont02 .banner li {  position: relative;}
.index .cont02 .banner li p {  display: flex;  position: absolute;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  font-size: 30px;  color: #fff;  text-align: center;  text-transform: uppercase;  font-weight: 600;  opacity: 0;  transition: 0.5s;  z-index: 999;}
.index .cont02 .banner .slick-list {  margin: 0 -15px;}
.index .cont02 .banner .slick-slide {  margin: 0 15px;  border-radius: 50px;  overflow: hidden;  height: 310px;}
.index .cont02 .banner li:hover a:before {  background: rgba(28, 28, 28, 0.62);  -webkit-backdrop-filter: blur(7px);  backdrop-filter: blur(7px);}
.index .cont02 .banner li:hover p {  opacity: 1;}
.index .cont02 .bannerbtn {  position: absolute;  left: -30px;  top: calc(50% - 5px);  width: calc(100% + 60px);  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
.index .cont02 .bannerbtn > button {  display: block;  width: 60px;  height: 10px;  border: none;  text-align: center;  background: none;}
.index .cont02 .bannerbtn > button:first-child {  left: 0;}
.index .cont02 .bannerbtn > button:last-child {  right: 0;}
@keyframes rollSlide {  0% {    transform: translateX(100%);  }
100% {    transform: translateX(-100%);  }
}
@keyframes rollSlide2 {  0% {    transform: translateX(0);  }
100% {    transform: translateX(-200%);  }
}
.index .cont03 {  position: relative;  margin: 120px 0 0;  background: #f3f3f3;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;}
.index .cont03 > div {  display: flex;  justify-content: space-around;  align-items: center;  max-height: 410px;  overflow: hidden;  font-size: 52px;  color: #111;  line-height: 64px;}
.index .cont03 > div span {  display: block;  padding: 20px 0 0 3px;  font-family: "Noto Serif KR", serif;  font-size: 20px;  letter-spacing: 1.5px;}
.index .cont03 a.arr_btn {  bottom: 30px;}
.index .cont04 {}
.index .cont04 .tit {  display: block;  margin: 0 0 50px;  font-size: 34px;  font-weight: 900;  color: #414141;  text-transform: uppercase;  letter-spacing: 1px;}
.index .cont04 .tit + div {  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;  width: 100%;}
.index .cont04 .tit + div > div {  display: flex;  flex-direction: column;  width: calc(100% / 3 - 10px);  position: relative;  overflow: hidden;}
.index .cont04 .tit + div > div:nth-child(1),.index .cont04 .tit + div > div:nth-child(2) {  background-color: #f3f3f3;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;}
.index .cont04 .tit + div > div .tx_box {  display: flex;  flex-direction: column;  justify-content: space-between;  height: calc(100% - 110px);  padding: 50px 45px;  background: #4d4d4d;}
.index .cont04 .tit + div > div .tx_box + div {  display: flex;  align-items: center;  justify-content: flex-end;  height: 110px;  padding: 0 110px 0 0;  text-align: right;  font-size: 17px;  color: #000;  font-weight: 300;}
.index .cont04 .tit + div > div .tx_box p {  color: #fff;  font-size: 42px;  line-height: 52px;  font-weight: 300;}
.index .cont04 .tit + div > div .tx_box p b {  font-weight: 900;}
.index .cont04 .tit + div > div .tx_box p span {  color: #fd7700;}
.index .cont04 .tit + div > div .tx_box div:last-child {  display: flex;  justify-content: flex-end;  align-items: flex-end;  padding: 20px 0 0;}
.index .cont04 .tit + div > div:last-child {  flex-direction: column;  justify-content: space-between;}
.index .cont04 .tit + div > div:last-child > div {  display: flex;  justify-content: space-between;  align-items: center;  background-color: #f3f3f3;  padding: 0 40px;  height: calc(100% / 3 - 10px);  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}
.index .cont04 .tit + div > div:last-child div div p {  font-size: 30px;  line-height: 30px;  color: #444;  font-weight: 500;  letter-spacing: 1px;}
.index .cont04 .tit + div > div:last-child div div p span {  display: block;  padding: 0 0 7px 2px;  font-size: 15px;  line-height: 15px;  text-transform: uppercase;  font-weight: 300;  letter-spacing: 7px;}
.index .cont04 .tit + div > div:last-child div div:last-child {  display: flex;  align-items: center;  padding: 0 70px 0 0;}
.index .cont02,.index .cont04 {  padding: 140px 0;}
/* About Us */
.about .sub_banner {  background-color: #4856df;  background-image: url(../img/page/about_bannerBG.jpg);  background-position: top left;  background-size: cover;  background-repeat: no-repeat;}
.about .sub_banner p {  color: #fff;}
.about .cont02 {  padding: 140px 0;}
.about .cont02 div {  display: flex;  justify-content: space-between;}
.about .cont02 .tit {  display: flex;  position: sticky;  height: fit-content;  width: 25%;  word-break: keep-all;}
.about .cont02 .tit h4 {  font-size: 54px;  color: #444444;  line-height: 74px;  font-weight: 300;}
.about .cont02 .tit span {  font-weight: 500;}
.about .cont02 .his {  display: flex;  flex-direction: column;  width: 50%;  max-height: 90vh;  overflow-y: scroll;  scroll-behavior: smooth;}
.about .cont02 .his::-webkit-scrollbar {  display: none;}
.about .cont02 .his:after {  content: url(../img/more_btn.png);  display: block;  position: sticky;  bottom: -1px;  text-align: center;  background-color: #fff;  margin: 20px 0 0;  padding: 20px 0 0;}
.about .cont02 .his > div {  display: flex;  flex-direction: column;}
.about .cont02 .his > div:after {  content: "";  display: block;  width: 100%;  height: 1px;  background: #e0e0e0;  margin: 90px 0;}
.about .cont02 .his > div:last-child:after {  display: none;}
.about .cont02 .his {  color: #444;  font-weight: 600;}
.about .cont02 .his .yyyy {  font-size: 27px;}
.about .cont02 .his .info {  padding: 25px 0 0;  line-height: 34px;  justify-content: flex-start;  align-items: flex-start;}
.about .cont02 .his .mm {  font-size: 20px;  padding: 0 3vw 0 0;}
.about .cont02 .his .issue {  font-size: 18px;  font-weight: 300;}
.about .cont03 {  padding: 0 0 140px;}
.about .cont03 .tit {  font-size: 42px;  color: #444;  font-weight: 900;}
.about .cont03 .tit + div {  position: relative;  display: flex;  justify-content: space-between;  align-items: center;  margin: 30px 0 0;  padding: 70px 30px;  border-top: 1px solid #000;  border-bottom: 1px solid #b2b2b2;}
.about .cont03 .info {  display: flex;  justify-content: flex-start;  align-items: center;}
.about .cont03 .info:before {  content: url("../img/page/arr_location.png");  display: block;  margin: 0 20px 0 0;}
.about .cont03 .info > div {  display: flex;  flex-direction: column;}
.about .cont03 .info > div > div a {  font-size: 18px;  color: #3c3c3c;  font-weight: 400;  line-height: 29px;}
.about .cont03 .info > div > div a:hover {  color: #000;}
.about .cont03 .info > div > div:last-child a {  font-weight: 300;}
/* Business */
.business {}
.business .cont_top ~ div {  display: none;}
.business .cont_top ~ div.on {  display: block;}
.business .sub_banner {  background-color: #4d4d4d;}
.business .sub_banner p {  color: #fff;}
.cont_area.business > section.cont_top .tab ul li {  margin: 0 0 0 2vw;}
.cont_area.business > section.cont_top .tab ul li a {  font-size: 22px;}
.business section:nth-child(even) {  padding: 140px 0;}
.business .cont01 ~ section .tit {  font-size: 50px;  color: #444;  font-weight: 300;  margin-bottom: 15px;}
.business .cont01 ~ section .tit span {  font-weight: 500;}
.business .cont01 ~ section .tit h7 {  display: block;  font-weight: 300;  font-size: 34px;  letter-spacing: -1px;}
.business .cont01 ~ section .tit p {  display: block;  font-weight: 400;  font-size: 18px;  line-height: 28px;  padding: 15px 0 20px;}
.business .tit + div.tab {  margin: 0;}
.business .tit ~ div {  margin: 30px 0 0;}
.business .tit ~ div .tx_box {  display: flex;  flex-direction: column;  justify-content: space-between;  padding: 20px 0;}
.business .tit ~ div .tx_box .sub_tit {  font-size: 30px;  font-weight: 600;  color: #414141;}
.business .tit ~ div .tx_box .tip {  display: flex;  flex-wrap: wrap;  align-items: center;  padding: 5px 0;  font-size: 18px;  color: #4c4c4c;  font-weight: 400;}
.business .tit ~ div .tx_box .tip div {  display: flex;}
.business .tit ~ div .tx_box .tip > div:before {  content: "▶";  padding: 0 7px 0 5px;  font-size: 15px;  color: #fd7700;  line-height: 26px;}
.business .tit ~ div .tx_box .tip ul {  padding: 3px 20px 0;  width: 100%;}
.business .tit ~ div .tx_box .tip ul li {  font-size: 17px;  font-weight: 300;  color: #000;  padding: 3px 0;  display: flex;  align-items: flex-start;}
.business .tit ~ div .tx_box .tip ul li:before {  content: "●";  display: block;  padding: 0 7px 0 5px;  font-size: 10px;  color: #777;  line-height: 26px;}
.business .tit ~ div .tx_box02 {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  padding: 0;}
.business .tit ~ div .tx_box02 > div {  display: flex;  flex-direction: column;  width: calc(100% / 2 - 10px);  padding: 40px 50px;  line-height: 22px;  font-weight: 400;  background: #f3f3f3;  -border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  overflow: hidden;}
.business .tit ~ div .tx_box02 > div .tx01 {  font-size: 20px;  color: #515151;}
.business .tit ~ div .tx_box02 > div .tx02 {  font-size: 15px;  padding-top: 20px;  color: #555;}
.business .tit ~ div .tx_box02 > div .tx02 p {  display: flex;  padding-bottom: 10px;}
.business .tit ~ div .tx_box02 > div .tx02 p:before {  content: "-";  display: block;  padding-right: 5px;}
.business .tit ~ div .tx_box02 > div .tx02 p:last-child {  padding-bottom: 0;}
.business .table_box {  border-top: 1px solid #000;}
.business .table_box table {  width: 100%;}
.business .table_box table tr {}
.business .table_box table th,.business table td {  text-align: center;  border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;}
.business .table_box table th.tx-left,.business table td.tx-left {  text-align: left;}
.business .table_box table th {  font-size: 18px;  font-weight: 600;  padding: 15px 20px;  background: #fafafa;}
.business .table_box table td {  font-size: 20px;  font-weight: 300;  padding: 25px 20px;  line-height: 34px;}
.business .table_box table td p {  font-size: 15px;  padding-left: 10px;}
.business .table_box table td p.red {  padding-top: 7px;  color: #f10000;  line-height: 24px;}
.business .table_box table td.img {  padding: 0;  overflow: hidden;}
.business .table_box table th:last-child,.business .table_box table td:last-child {  border-right: none;}
.business .sisolution .cont02 .tit + div {  display: flex;  flex-wrap: wrap;  align-content: center;  align-items: stretch;  justify-content: space-between;}
.business .sisolution .cont02 .tit + div > div {  display: flex;  flex-direction: row;  align-items: center;  width: calc(100% / 2 - 10px);  padding: 40px 50px;  margin-top: 20px;  background: #f3f3f3;  -border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  overflow: hidden;}
.business .sisolution .cont02 .tit + div > div > div:last-child {  display: flex;  flex-direction: column;  padding: 0 0 0 30px;}
.business .sisolution .cont02 .tit + div .tit_box {  padding: 0 0 20px;  font-size: 22px;}
.business .sisolution .cont02 .tit + div .tx_box {  padding: 0;  font-size: 17px;  font-weight: 300;}
.business .blockchain {}
.business .infrasecurity {  padding-bottom: 140px;}
.business .techsupport {}
.business .techsupport .tit ~ div .tx_box {  padding: 0;}
.business .smartvisit {}
.business .smartvisit td.img {  background-size: cover;  background-position: center center;  background-repeat: no-repeat;}
.business .smartvisit td.img.bg01 {  background-image: url(../img/page/business_smartvisit01.jpg);}
.business .smartvisit td.img.bg02 {  background-image: url(../img/page/business_smartvisit02.jpg);}
.business .smartvisit td.img.bg03 {  background-image: url(../img/page/business_smartvisit03.jpg);}
.business .smartvisit td.img.bg04 {  background-image: url(../img/page/business_smartvisit04.jpg);}
.business .smartvisit ol {  display: flex;  flex-direction: column;  flex-wrap: wrap;  width: 100%;}
.business .smartvisit li {  width: 100%;}
.business .smartvisit li img {  width: 100%;}
.business .fireexperience .tx_box img {  width: 100%;  margin-top: 20px;}
/*  Service */
.service .cont_top ~ div {  display: none;}
.service .cont_top ~ div.on {  display: block;}
.service .cont02 {  padding: 140px 0;}
.service .cont02 .tit {  font-size: 56px;  color: #444;  font-weight: 300;  margin-bottom: 15px;}
.service .cont02 .tit span {  font-weight: 500;}
.service .cont02 .tit + div {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;}
.service .cont02 .tit + div > div {  display: flex;  flex-direction: column;  width: calc(100% / 3 - 20px);  position: relative;  margin-top: 30px;  background: #f3f3f3;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  overflow: hidden;}
.service .cont02 .tx_box {  padding: 60px 50px;  font-size: 22px;  color: #1c1c1c;  font-weight: 300;}
.service .cont02 .tx_box h7 {  display: block;  font-size: 32px;  color: #1c1c1c;  font-weight: 500;}
.service .cont02 .img_box {  display: flex;  align-items: flex-end;  overflow: hidden;  min-height: 210px;  height: 30vh;  background-size: cover;  background-position: bottom center;  background-repeat: no-repeat;}
.service .cont02 .img_box img {  display: none;  width: 100%;}
.service .cont02 .sub_tit {  font-size: 50px;  font-weight: 200;  color: #111;  line-height: 62px;}
.service .cont02 .sub_tit b {  font-weight: 900;}
.service .cont02 .sub_tit span {  font-weight: 500;}
.service .cont02 .download_box {  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  height: calc(30vh - 50px);}
.service .cont02 .download_box > a {  width: 100%;  height: calc(100% / 3 - 5px);  padding: 0 35px;  background: rgba(255, 255, 255, 0.9);  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.service .cont02 .download_box > a span {  color: #000;  font-size: 17px;  line-height: 17px;  font-weight: 300;  color: #000;  transition: all 0.14s;}
.service .cont02 .download_box > a:hover {  background: #3e3e3e;}
.service .cont02 .download_box > a:hover span {  color: #fff;}
.service .cont02 .download_box > a span:hover {  color: #fff;}
.service .cont02 .download_box > a:hover .appIcon:before,.service .cont02 .download_box > a:hover .btn.arr.download:after,.service .cont02 .download_box > a:hover .btn.arr.going:after {  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.service .cont02 .download_box > a .btn {  display: flex;  justify-content: space-between;  position: relative;  width: 100%;  padding: 0 30px 0 0;}
.service .cont02 .download_box .appIcon {  position: relative;  display: flex;  align-items: center;  justify-content: flex-start;}
.service .cont02 .download_box .appIcon:before {  content: "";  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-position: center;  margin-right: 10px;  transition: all 0.14s;}
.service .cont02 .download_box .btn.arr:after {  content: "";  position: absolute;  right: 0;  display: block;  background-repeat: no-repeat;  background-position: center;}
.service .cont02 .download_box .appIcon.window:before {  background: url(../img/page/icon_windows.png);}
.service .cont02 .download_box .appIcon.apple:before {  background: url(../img/page/icon_apple.png);}
.service .cont02 .download_box .appIcon.google:before {  background: url(../img/page/icon_google.png);}
.service .cont02 .download_box .btn.arr.download:after {  background: url(../img/page/arr_download.png);  top: calc(50% - 8px);  width: 12px;  height: 16px;  transition: all 0.14s;}
.service .cont02 .download_box .btn.arr.going:after {  background: url(../img/page/arr_going.png);  top: calc(50% - 6px);  width: 14px;  height: 12px;  transition: all 0.14s;}
.service .payda .sub_banner {  background-color: #fdc727;}
.service .yahoya .sub_banner {  background-color: #ff6f0f;}
.service .payda .sub_banner p {  color: #000;}
.service .yahoya .sub_banner p {  color: #fff;}
.service .payda .cont02 .tit + div > div:last-child {  justify-content: space-between;  padding: 50px;}
.service .payda .cont02 .tit + div > div:nth-child(1) .img_box {  background-image: url(../img/page/service_payda01.jpg);}
.service .payda .cont02 .tit + div > div:nth-child(2) .img_box {  background-image: url(../img/page/service_payda02.jpg);}
.service .payda .cont02 .tit + div > div:nth-child(3) .img_box {  background-image: url(../img/page/service_payda03.jpg);}
.service .payda .cont02 .tit + div > div:nth-child(4) .img_box {  background-image: url(../img/page/service_payda04.jpg);}
.service .payda .cont02 .tit + div > div:nth-child(5) .img_box {  background-image: url(../img/page/service_payda05.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(1) .img_box {  background-image: url(../img/page/service_yahoya01.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(2) .img_box {  background-image: url(../img/page/service_yahoya02.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(3) .img_box {  background-image: url(../img/page/service_yahoya03.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(4) .img_box {  background-image: url(../img/page/service_yahoya04.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(5) .img_box {  background-image: url(../img/page/service_yahoya05.jpg);}
.service .yahoya .cont02 .tit + div > div:nth-child(6) .img_box {  background-image: url(../img/page/service_yahoya06.jpg);}
/* Community */
.community {  padding-bottom: 140px;}
.community .cont_top ~ div {  display: none;}
.community .cont_top ~ div.on {  display: block;}
.community a span {  color: #f10000;}
.community .board_list,.view {  width: 100%;  border-top: 1px solid #000;}
.community .board_list table {  width: 100%;  display: block;}
.community .board_list table thead,.community .board_list table tbody {  width: 100%;  display: block;}
.community .board_list table tr {  width: 100%;  display: flex;  align-items: stretch;}
.community .board_list table th,.board_list table td {  font-size: 17px;  color: #111;  text-align: center;  border-bottom: 1px solid #ddd;}
.community .board_list table th {  font-weight: 600;  line-height: 70px;}
.community .board_list table td {  font-weight: 300;  display: flex;  align-items: center;  justify-content: center;}
.community .board_list table td div {  width: inherit;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.community .board_list table td a {  display: block;  font-size: 20px;  font-weight: 500;  color: #0c0c0c;  line-height: 100px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.community .board_list table td:nth-child(1),.community .board_list table th:nth-child(1) {  width: 150px;}
.community .board_list table td:nth-child(2) {  justify-content: flex-start;  text-align: left;}
.community .board_list table td:nth-child(2),.community .board_list table th:nth-child(2) {  width: 100%;  overflow: hidden;}
.community .board_list table td:nth-child(3),.community .board_list table th:nth-child(3) {  width: 150px;  padding: 0 10px;}
.community .board_pageing {  position: relative;}
.community .board_pageing div {  display: flex;  justify-content: center;  align-items: center;}
.community .board_pageing div > a.pageBtn {  width: 60px;  height: 60px;  background: rgba(255, 255, 255, 1);  border: 1px solid #444;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;}
.community .board_pageing div > a.pageBtn:hover {  background: rgba(68, 68, 68, 1);}
.community .board_pageing div > a.pageBtn:hover img {  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.community .board_pageing div > a + div {  padding: 0 30px;}
.community .board_pageing div > div > a {  font-size: 21px;  font-weight: 400;  color: #777;  flex-direction: column;  align-items: center;  padding: 0 10px;  margin: 0 5px;}
.community .board_pageing div > div > a.on:after {  content: "";  display: flex;  width: calc(100% + 6px);  height: 2px;  margin: 5px 0 -5px;  background: #000;}
.community .board_pageing div > div > a:hover,.board_pageing div > div > a.on {  color: #000;}
.community .view {}
.community .view .tit {  padding: 50px 40px;  font-size: 27px;  font-weight: 500;  color: #111;  letter-spacing: 0.5px;}
.community .view .tit span {  color: #f10000;}
.community .view .tit + div {  background: #f6f6f6;  border-top: 1px solid #ddd;}
.community .view .tit + div > div {  border-bottom: 1px solid #ddd;  padding: 0 40px;}
.community .view .info {  display: flex;  align-items: center;  justify-content: space-between;}
.community .view .info > div {  display: flex;  align-items: center;}
.community .view .info p {  display: flex;  align-items: center;  color: #444;  font-size: 17px;  font-weight: 300;  line-height: 60px;}
.community .view .info p:after {  content: "";  display: flex;  width: 1px;  height: 15px;  margin: 0 15px;  background: #ccc;}
.community .view .info p:last-child:after {  display: none;}
.community .view .info p span {  color: #000;  padding-left: 5px;}
.community .view .link_box {  color: #111;  font-size: 17px;  line-height: 34px;}
.community .view .link_box > div {  padding: 10px 0;}
.community .view .link_box a {  color: #515151;}
.community .view .link_box a:hover {  color: #000;}
.community .view .link_box a:before {  background-image: url(../img/board_arr_link.png);  margin: 0 10px 0 0;}
.community .view .file_box {  line-height: 76px;}
.community .view .file_box > div:last-child {  display: flex;  flex-direction: row;  flex-wrap: wrap;  padding: 10px 0;}
.community .view .file_box > div:last-child > div {  margin: 5px 10px 5px 0;  max-width: 100%;}
.community .view .file_box > div:last-child > div a {  display: flex;  padding: 0 20px;  color: #111;  line-height: 48px;  background-color: #fff;  border: 1px solid #777;  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.community .view .file_box > div:last-child > div a:hover {  color: #fff;  background-color: #444;  border: 1px solid #444;}
.community .view .file_box > div:last-child > div a:hover:after {  -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.community .view .file_box a:after {  background-image: url(../img/board_arr_file.png);  margin: 0 0 0 10px;}
.community .view .link_box,.community .view .file_box {  display: flex;  flex-direction: row;  justify-content: flex-start;  align-items: flex-start;}
.community .view .link_box > div:first-child,.community .view .file_box > div:first-child {  width: 80px;}
.community .view .link_box > div:last-child,.community .view .file_box > div:last-child {  width: calc(100% - 80px);}
.community .view .link_box a,.community .view .file_box a {  display: flex;  align-items: center;  font-size: 15px;  font-weight: 300;}
.community .view .link_box a p,.community .view .file_box a p {  justify-content: flex-start;  width: calc(100% - 25px);  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.community .view .link_box a:before,.community .view .file_box a:after {  content: "";  display: flex;  width: 15px;  height: 15px;  background-position: center;  background-repeat: no-repeat;}
.community .view .con {  padding: 50px;}
.community .view .con > div {  font-size: 18px;  color: #333;  line-height: 30px;}
.community .prev_next {  display: flex;  flex-direction: column;  border-top: 1px solid #ddd;}
.community .prev_next > div {  display: flex;  justify-content: flex-start;  align-items: center;  border-bottom: 1px solid #ddd;}
.community .prev_next a {  display: flex;  justify-content: flex-start;  align-items: center;  width: 100%;  padding: 0 40px;  font-size: 19px;  color: #000;  line-height: 90px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.community .prev_next a:hover {  background: #f7f7f7;}
.community .prev_next div.prev a:before,.community .prev_next div.next a:before {  display: block;  font-size: 0;  width: 13px;  height: 7px;  margin: 0 30px 0 0;}
.community .prev_next div.prev a:before {  content: "prev";  background: url(../img/arr_up.png);}
.community .prev_next div.next a:before {  content: "next";  background: url(../img/arr_down.png);}
.community .btn_box {  display: flex;}
.community .btn_box.l-r-p {  justify-content: space-between;}
.community .btn_box.c-p {  justify-content: center;}
.community .btn_box .btn {  display: flex;}
.community .btn_box .btn.r-p {  justify-content: flex-end;}
.community .btn_box .btn.l-p {  justify-content: flex-start;}
.community .btn_box .btn a,.community .btn_box .btn input {  justify-content: center;  margin: 0 0 0 10px;  padding: 0 80px;  font-size: 21px;  font-weight: 400;  color: #000;  line-height: 60px;  border: 1px solid #444;  white-space: nowrap;  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;  cursor: pointer;}
.community .btn_box .btn a:hover {  color: #fff;  background: #444;}
.community .btn_box .btn a.mod,.community .btn_box .btn a.cancle {  background-color: #eaeaea;  border: 1px solid #e1e1e1;}
.community .btn_box .btn a.mod:hover,.community .btn_box .btn a.cancle:hover {  color: #000;  background-color: #e1e1e1;}
.community .btn_box .btn a.del,.community .btn_box .btn .sMit {  color: #fff;  background-color: #4d4d4d;}
.community .btn_box .btn a.del:hover,.community .btn_box .btn .sMit:hover {  background-color: #313131;}
.community .btn_box .btn a:first-child {  margin: 0;}
.community .board_pageing,.community .btn_box {  padding: 60px 0 140px;}
.community .board_pageing .btn_box {  padding: 30px 0 0;}
.community .write {  border-top: 1px solid #000;  border-bottom: 1px solid #000;}
.community .write > div {  padding: 20px 0 0;}
.community .write .top {  display: flex;  justify-content: space-between;}
.community .write .top > div.input_box {  display: flex;  width: 100%;}
.community .write .top.NOTICE > div.input_box {  display: flex;  width: calc(100% - 220px - 20px);}
.community .write .top > div.check_box {  display: flex;  width: 220px;}
.community .write .bottom {}
.community .write .bottom .data_box {  display: flex;  flex-direction: row;  align-items: flex-start;  padding: 15px 40px;  border-top: 1px solid #000;}
.community .write .bottom .data_box > div:first-child {  width: 140px;  display: flex;  margin: 5px 0;}
.community .write .bottom .data_box > div:last-child {  width: calc(100% - 140px);  display: flex;  flex-direction: column;}
.community .write .bottom .data_box a {  display: flex;  align-items: center;  height: 55px;  font-size: 17px;  color: #000;}
.community .write .bottom .data_box a img {  display: flex;  margin: 0 0 0 20px;  width: 25px;  height: 25px;}
.community .write .bottom .data_box .url.link > div,.community .write .bottom .data_box .data.file > div {  display: flex;  flex-direction: row;  align-items: center;  padding: 0 20px;  margin: 5px 0;  background-color: #f6f6f6;  -webkit-border-radius: 15px;  -moz-border-radius: 15px;  border-radius: 15px;}
.community .write .bottom .data_box .url.link > div:before,.community .write .bottom .data_box .data.file > div:before {  content: "";  display: flex;  width: 15px;  height: 15px;  margin: 0 12px 0 0;  background-position: center;  background-repeat: no-repeat;}
.community .write .bottom .data_box .url.link > div:before {  background-image: url(../img/board_arr_link.png);}
.community .write .bottom .data_box .data.file > div:before {  background-image: url(../img/board_arr_file.png);}
.community .write .bottom .data_box input {  width: 100%;  padding: 14px 0 16px;  font-size: 17px;  line-height: 17px;  color: #1c1c1c;}
.community .write .bottom .data_box label {  width: 100%;  padding: 14px 0 16px;  font-size: 15px;  line-height: 25px;  color: #777;  font-weight: 300;}
.community .write .bottom .data_box label.fileLoad {  color: #1c1c1c;  font-weight: 400;}
.community .write .bottom .data_box input[type="file"] {  display: none;}
.community .write input[type="text"],.community .write textarea {  height: 40vh;  padding: 30px 40px;  background-color: #f6f6f6;}
.community .write input[type="text"] {  height: 100%;  font-size: 25px;  color: #111;  font-weight: 500;}
.community .write textarea {  color: #333;  font-size: 17px;  line-height: 32px;}
.community .write .check_box label {  position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  margin: 0;  padding: 0;  font-size: 24px;  color: #333;  cursor: pointer;  background-color: #fff;  border: 1px solid #e1e1e1;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}
.community .write .check_box label:after {  content: "";  display: flex;  width: 40px;  height: 40px;  margin: 0 0 0 20px;  background-image: url(../img/board_arr_check_off.png);  background-position: center;  background-repeat: no-repeat;  background-color: #fff;  border: 2px solid #e4e4e4;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;}
.community .write .check_box input[type="checkbox"]:checked + label {  color: #fff;  background-color: #f84700;}
.community .write .check_box input[type="checkbox"]:checked + label:after {  background-image: url(../img/board_arr_check_on.png);  border: 2px solid #f84700;}
.community .write .check_box input[type="file"] {}
@media (max-width: 1450px) {  .index .cont03 > div {    padding: 0 40px;    font-size: 47px;    line-height: 60px;  }
.index .cont03 > div > div:nth-child(2) {    width: 32%;    padding-right: 40px;  }
.index .cont03 > div > div:nth-child(2) img {    width: 100%;  }
.cont_area.page > section.cont_top .tit {    display: flex;    justify-content: center;    align-items: center;    width: 100%;    letter-spacing: -3px;  }
.cont_area.page > section.cont_top .tit span {    display: flex;    padding: 0 0 0 20px;  }
.cont_area.page > section.cont_top .tit span:before {    content: ":";    display: contents;    font-size: 50px;    letter-spacing: 7px;  }
.cont_area.page > section.cont_top .tx {    display: flex;    justify-content: center;    width: 100%;    margin: 40px 0 0;    text-align: center;    word-break: keep-all;    white-space: normal;  }
.cont_area.page > section.cont_top .tab {    display: flex;    justify-content: center;    width: 100%;    margin: 40px 0 0;  }
.cont_area.page > section.cont_top .tab ul {    flex-direction: row;    justify-content: center;  }
.cont_area.page section .sub_banner > div:first-child {    padding: 0 60px;  }
.cont_area.page section .sub_banner .tx_box {    max-width: 45%;  }
.cont_area.page section .sub_banner .tx_box + div {    width: 40%;  }
.cont_area.page section .sub_banner .tx_box + div img {    width: 100%;  }
.cont_area.service section .sub_banner > div:first-child {  }
.cont_area.service section .sub_banner > div > div:first-child {    width: 40%;  }
.cont_area.service section .sub_banner > div > div:first-child img {    width: 100%;  }
.cont_area.page.service section .sub_banner .tx_box {    max-width: 45%;    padding: 0;  }
.about .cont02 .his {    width: 55%;  }
}
@media (max-width: 1400px) {  .service .cont02 .tit + div > div {    width: calc(100% / 3 - 15px);    margin-top: 25px;  }
.service .cont02 .sub_tit {    font-size: 45px;    line-height: 50px;  }
}
@media (max-width: 1350px) {  .index .cont01 {    flex-direction: column;  }
.index .cont01 > div:first-child {    width: 100%;  }
.index .cont01 .banner02 {    flex-direction: row;    align-items: stretch;    padding: 15px 0;    min-height: 210px;  }
.index .cont01 .banner02 > div:first-child,  .index .cont01 .banner02 > div:last-child {    height: auto;  }
.index .cont01 .banner02 > div:first-child {    width: calc(100% - 320px - 15px);  }
.index .cont01 .banner02 > div:last-child {    justify-content: space-between;  }
.index .cont01 .banner02 .tit {    padding: 0 0 10px;  }
.index .cont01 .banner02 .tx p {    width: 60%;    max-width: 460px;    line-height: 20px;  }
.index .cont01 .banner02 .tit img {    -webkit-filter: brightness(0) invert(1);    filter: brightness(0) invert(1);  }
.index .cont01 .banner02 .tit a {    display: flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    border-radius: 50%;    background: #313131;  }
.index .cont01 .banner02 .tit a:hover {    background: #000;  }
.index .cont03 > div {    font-size: 42px;    line-height: 56px;  }
.index .cont03 > div > div:first-child {    padding: 30px 0;  }
.cont_area.page section .sub_banner .tx_box + div {    width: 35%;  }
.cont_area.page.service section .sub_banner .tx_box {    max-width: 35%;    padding: 0 0 70px 0;  }
}
@media (max-width: 1300px) {  .service .cont02 .sub_tit {    font-size: 2.5rem;    line-height: 48px;    letter-spacing: -1px;  }
.business .table_box table th {    font-size: 15px;  }
.business .table_box table td {    font-size: 18px;  }
}
@media (max-width: 1290px) {  header {    min-width: 0;    max-width: 1200px;  }
.top_area .navi a {    padding: 0 30px;  }
}
@media (max-width: 1240px) {  .index .cont03 > div {    font-size: 40px;    line-height: 50px;  }
.cont_area.page section .sub_banner > div:first-child {    height: auto;    padding: 60px;  }
}
@media (max-width: 1200px) {  .service .cont02 .sub_tit {    font-size: 2.3rem;    line-height: 45px;  }
.service .cont02 .download_box > a {    padding: 0 25px;  }
.service .cont02 .download_box > a .btn {    padding: 0 25px 0 0;  }
.service .cont02 .download_box > a span {    font-size: 15px;    line-height: 15px;    letter-spacing: -0.5px;  }
.community .board_list table td:nth-child(1),  .community .board_list table th:nth-child(1) {    width: 100px;  }
.community .board_list table td:nth-child(3),  .community .board_list table th:nth-child(3) {    width: 120px;  }
}
@media (max-width: 1150px) {  .top_area .navi a {    padding: 0 25px;  }
.top_area .tip {    width: auto;  }
.index .cont01 .banner01 {    padding: 0 6vh;    background-position: center right -10%;  }
.index .cont02,  .index .cont04 {    padding: 120px 0;  }
.index .cont03 {    margin: 100px 0 0;  }
.index .cont02 .tit + div {    flex-direction: column;    margin: 20px 0 40px;  }
.index .cont02 .tit + div p {    padding: 0 0 15px;  }
.index .cont03 > div {    font-size: 40px;    line-height: 50px;  }
.index .cont03 > div > div:first-child {    padding: 60px 0;  }
.index .cont03 > div > div:nth-child(2) {    width: 32%;  }
.index .cont03 > div > div:first-child span {    letter-spacing: 0;  }
.index .cont04 .tit {    margin: 0 0 40px;  }
.index .cont04 .tit + div > div {    width: calc(73% / 2 - 10px);  }
.index .cont04 .tit + div > div:last-child {    width: calc(27% - 10px);  }
.index .cont04 .tit + div > div .tx_box p br {    display: inline-block;    content: " ";    padding: 0 5px;  }
.index .cont04 .tit + div > div .tx_box div:last-child img {    height: 85%;  }
.index .cont04 .tit + div > div:last-child div div p {    font-size: 27px;  }
.index .cont04 .tit + div > div:last-child div div p span {    letter-spacing: 2px;  }
.index .cont04 .tit + div > div:last-child div div:last-child a:first-child {    display: none;  }
.cont_area.page section .sub_banner .tx_box {    max-width: 65%;    padding-right: 40px;  }
.cont_area.page section .sub_banner .tx_box + div {    width: 35%;  }
.cont_area.service section .sub_banner > div:first-child {    flex-direction: row-reverse;  }
.cont_area.service section .sub_banner > div > div:first-child {    width: 35%;  }
.cont_area.page.service section .sub_banner .tx_box {    max-width: 65%;    padding: 0 40px 0 0;  }
.about .cont03 .info + a.arr_btn {    display: none;  }
.service .cont02 .tx_box {    font-size: 1.2rem;  }
.service .cont02 .tx_box h7 {    font-size: 27px;  }
}
@media (max-width: 1050px) {  .top_area .logo img {    width: 170px;  }
.top_area .navi a {    padding: 0 20px;  }
.index .cont01 .banner01 {    height: 600px;    background-position: center right -20%;  }
.index .cont01 .banner02 > div {    width: 280px;  }
.index .cont01 .banner02 > div:first-child {    width: calc(100% - 280px - 15px);  }
.index .cont01 .banner02 > div:last-child div:last-child {    letter-spacing: -0.75px;  }
.index .cont03 > div {    font-size: 37px;    line-height: 42px;  }
.index .cont03 > div > div:first-child span {    font-size: 18px;  }
.index .cont04 .tit + div {    flex-wrap: wrap;  }
.index .cont04 .tit + div > div {    width: calc(100% / 2 - 10px);  }
.index .cont04 .tit + div > div:last-child {    width: 100%;    flex-direction: row;    align-items: center;    margin: 15px 0 0;  }
.index .cont04 .tit + div > div:last-child > div {    width: calc(100% / 3 - 10px);    height: auto;    position: relative;    padding: 40px 30px;  }
.index .cont04 .tit + div > div:last-child > div a.arr_btn {    width: 50px;    height: 50px;  }
.cont_area.page > section.cont_top .tab {    padding: 20px 30px;    background: #fafafa;    border: 1px solid #eaeaea;    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;  }
.cont_area.page > section.cont_top .tab ul {    flex-wrap: wrap;    align-items: center;    width: 100%;  }
.cont_area.page > section.cont_top .tab ul li,  .cont_area.page > section.cont_top .tab ul li:first-child {    display: flex;    justify-content: center;    align-items: center;    align-content: center;    width: calc(100% / 3 - 10px);    margin: 0;    padding: 10px 0 15px;  }
.about .cont02 div {    flex-direction: column;  }
.about .cont02 .tit {    width: 100%;    padding: 0 0 40px;  }
.about .cont02 .tit h4 {    text-align: center;  }
.about .cont02 .his {    width: 100%;  }
.about .cont02 .his > div {    align-items: center;  }
.about .cont02 .his .info {    flex-direction: row;    align-items: flex-start;  }
.about .cont02 .his .mm {    padding: 0 2vw 0 0;  }
.about .cont02 .his > div:first-child:before {    content: "";    display: block;    width: 100%;    height: 1px;    background: #e0e0e0;    margin: 0 0 90px 0;  }
.about .cont03 .tit {    text-align: center;  }
.about .cont03 .info > div > div:last-child a {    padding: 10px 0 0;  }
.service .cont02 .tit {    width: 100%;    text-align: center;  }
.service .cont02 .tx_box {    padding: 40px;  }
.service .cont02 .sub_tit {    font-size: 2rem;  }
.service .payda .cont02 .tit + div > div:last-child {    padding: 40px;  }
.service .cont02 .download_box {    height: calc(27vh - 50px);  }
.business .cont01 ~ section .tit {    width: 100%;    text-align: center;    letter-spacing: -2px;  }
.service .cont01 .sub_banner .round_box {    padding: 25px 30px 25px 45px;  }
}
@media (max-width: 980px) {  .index .cont01 .banner01 {    background-position: center right -40%;    background-size: 60%;  }
.index .cont02 .tit + div p {    font-size: 22px;    line-height: 34px;  }
.index .cont02 .tit + div p br {    display: inline-block;    content: " ";    padding: 0 2px;  }
}
@media (max-width: 940px) {  .service .cont02 .tit + div > div {    width: calc(100% / 2 - 10px);  }
.community .btn_box {    flex-wrap: wrap;  }
.community .btn_box .btn {    justify-content: center;  }
.community .btn_box .btn.l-p,  .community .btn_box .btn.r-p {    justify-content: center;    width: 100%;  }
.community .btn_box .btn a,  .community .btn_box .btn a:first-child {    margin: 0 5px;    width: calc(100% / 4 - 30px);  }
.community .btn_box .btn.r-p {    margin: 10px 0 0;  }
}
@media (max-width: 920px) {  footer > div:last-child {    flex-direction: column;  }
footer .f_info {    flex-direction: column;    padding: 40px 0 0;  }
footer .f_info ul {    padding: 0;  }
footer .f_info > div:first-child {    display: none;  }
/* .index .cont02 .banner ul li {    width: calc(100% / 2 - 5px);  }*/  
.index .cont03 > div {    flex-direction: column;  }
.index .cont03 > div > div:first-child {    padding: 30px 0 10px;    text-align: center;  }
.index .cont03 > div > div:first-child span {    padding-left: 0;    text-align: center;  }
.index .cont03 > div > div:nth-child(2) {    padding: 0;  }
.index .cont04 .tit + div > div:last-child > div {    padding: 40px 20px;  }
.index .cont04 .tit + div > div:last-child > div a.arr_btn {    width: 40px;    height: 40px;    right: 20px;  }
.about .cont03 .tit + div {    padding: 50px 30px;  }
div.round_box a {    font-size: 22px;  }
}
@media (max-width: 860px) {  .top_area .tip {    display: none;  }
.index .cont01 .banner02 > div:first-child {    width: 100%;  }
.index .cont01 .banner02 > div:last-child {    display: none;  }
.cont_area.page section .sub_banner > div:first-child {    flex-direction: column;    align-items: stretch;    padding: 60px 60px 20px;  }
.cont_area.page section .sub_banner .tx_box {    width: 100%;    max-width: 100%;    padding: 0;  }
.cont_area.page section .sub_banner .tx_box + div {    display: flex;    justify-content: flex-end;    width: auto;    height: 320px;  }
.cont_area.page section .sub_banner .tx_box + div img {    width: auto;    height: 100%;  }
.cont_area.page > section.cont_top .tit {    font-size: 60px;  }
.cont_area.page > section.cont_top .tit span {    letter-spacing: 0;  }
.cont_area.service section .sub_banner > div:first-child {    flex-direction: column-reverse;  }
.cont_area.page.service section .sub_banner .tx_box {    width: 100%;    max-width: 100%;    padding: 0;  }
.business .tit ~ div .tx_box .sub_tit {    text-align: center;    letter-spacing: -2px;    font-size: 28px;  }
.business section:nth-child(even) {    padding: 120px 0;  }
}
@media (max-width: 780px) {  .cont_area.page > section.cont_top {    padding: 50px 0 0;  }
.cont_area.page > section.cont_top .tit {    flex-direction: column;    font-size: 50px;  }
.cont_area.page > section.cont_top .tit span {    padding: 15px 0 0;    font-size: 60px;  }
.cont_area.page > section.cont_top .tit span:before {    display: none;  }
}
@media (max-width: 740px) {  footer {    flex-direction: column-reverse;  }
footer > div {    align-items: center;  }
footer ol li {    margin: 0 5vw 0 0;  }
footer .f_info {    padding: 20px 0 0;  }
footer .f_info ul {    justify-content: center;  }
footer ul li a,  footer ul li {    text-align: center;  }
footer .f_menu {    flex-direction: column-reverse;    margin: 0 !important;  }
footer .f_menu > div {    margin: 0 0 10px;  }
.community .board_pageing div > a + div {    padding: 0 3vw;  }
.community .board_pageing div > div > a {    padding: 0 5px;    margin: 0 5px;  }
.business .sisolution .cont02 .tit + div > div {    width: 100%;  }
}
@media (max-width: 720px) {  .index .cont01 .banner01 {    background-position: bottom -20% right -30%;  }
.index .cont01 .banner01 .tx_box {    padding: 0 0 200px;  }
.index .cont04 .tit + div > div .tx_box p {    font-size: 38px;    line-height: 46px;  }
.index .cont04 .tit + div > div .tx_box {    padding: 45px 35px;    height: calc(100% - 90px);  }
.index .cont04 .tit + div > div .tx_box + div {    height: 90px;  }
}
@media (max-width: 700px) {  .index .cont02,  .index .cont04 {    padding: 80px 0;  }
.index .cont03 {    margin: 60px 0 0;  }
.index .cont03 > div {    font-size: 32px;    line-height: 38px;  }
.index .cont03 > div > div:first-child span {    padding: 10px 0;    font-size: 16px;    line-height: 24px;  }
.cont_area.page section .sub_banner .tx_box {    text-align: center;  }
.cont_area.page section .sub_banner .tx_box + div {    justify-content: center;    height: 210px;    padding: 10px 0 0;  }
.cont_area.page > section.cont_top .tab ul li a {    font-size: 20px;  }
.cont_area.page.service section .sub_banner .tx_box {    text-align: center;  }
.community .board_list table td:nth-child(1),  .community .board_list table th:nth-child(1) {    width: 10%;    max-width: 150px;    min-width: 45px;  }
.community .board_list table td:nth-child(2),  .community .board_list table th:nth-child(2) {    width: 100%;    max-width: calc(100% - 300px);    min-width: calc(100% - 155px);  }
.community .board_list table td:nth-child(3),  .community .board_list table th:nth-child(3) {    width: 10%;    max-width: 150px;    min-width: 110px;  }
.community .prev_next a {    padding: 0 30px;    font-size: 17px;    line-height: 80px;  }
.community .prev_next div.prev a:before,  .community .prev_next div.next a:before {    margin: 0 20px 0 0;  }
.community .write .top.NOTICE > div.input_box {    width: calc(100% - 180px - 20px);  }
.community .write .top > div.check_box {    width: 180px;  }
.community .write input[type="text"] {    font-size: 20px;  }
.community .write .check_box label {    font-size: 18px;  }
.community .write .check_box label:after {    margin: 0 0 0 10px;  }
.community .write .bottom .data_box {    padding: 15px 20px;  }
.business .cont01 ~ section .tit {    font-size: 48px;  }
.business .tit ~ div .tx_box02 > div {    width: 100%;    margin-bottom: 15px;  }
.business .tit ~ div .tx_box02 > div:last-child {    margin-bottom: 0;  }
.smartvisit .table_box table td.img {    display: none;  }
.smartvisit .table_box table colgroup {    display: none;  }
}
@media (max-width: 640px) {  .index .cont04 .tit + div > div {    width: 100%;    margin: 0 0 15px 0;  }
.index .cont04 .tit + div > div:last-child {    margin: 0;    flex-direction: column;  }
.index .cont04 .tit + div > div:last-child > div {    width: 100%;    margin: 0 0 15px 0;    padding: 40px 40px;  }
.index .cont04 .tit + div > div:last-child > div:last-child {    margin: 0;  }
.index .cont04 .tit + div > div:last-child > div a.arr_btn {    width: 50px;    height: 50px;    right: 40px;  }
.index .cont04 .tit + div > div:last-child div div:last-child a:first-child {    display: flex;  }
.index .cont04 .tit + div > div .tx_box {    flex-direction: row;    align-items: center;  }
.index .cont04 .tit + div > div .tx_box div:first-child {    width: 65%;    padding: 0 20px 0 0;  }
.index .cont04 .tit + div > div .tx_box div:last-child {    width: 35%;    padding: 0;  }
.index .cont04 .tit + div > div .tx_box div:last-child img {    width: 100%;    height: auto;  }
.service .cont02 .tx_box h7 {    font-size: 25px;  }
.service .cont02 .tx_box {    font-size: 1.1rem;    letter-spacing: -1px;    color: #000;  }
.service .cont02 .sub_tit {    font-size: 1.8rem;    line-height: 36px;  }
.community .view .tit {    padding: 40px 30px;  }
.community .view .tit + div > div {    padding: 0 30px;  }
.community .view .info p {    font-size: 15px;  }
.community .view .con {    padding: 40px 30px;  }
.community .view .con br {    display: inline-block;    content: " ";    padding: 0 2px;  }
.community .view .con br:last-child {    display: block;  }
.community .write .top.NOTICE > div.input_box {    width: calc(100% - 120px - 20px);  }
.community .write .top > div.check_box {    width: 120px;  }
.community .write .check_box label {    font-size: 0;  }
.community .write .check_box label:before {    content: "긴급";    font-size: 16px;  }
.community .write .check_box label:after {    width: 30px;    height: 30px;  }
}
@media (max-width: 620px) {  .top_area {    padding: 0 30px;  }
#container .top_area ~ div {    padding: 0 30px;  }
#container .top_area + .cont_area {    padding: 90px 30px 0;  }
.community .prev_next a {    padding: 0 20px;  }
.community .prev_next div.prev a:before,  .community .prev_next div.next a:before {    margin: 0 15px 0 0;  }
}
@media (max-width: 600px) {  .cont_area.page > section.cont_top .tab {    paddong: 20px;  }
.cont_area.page > section.cont_top .tab ul li a {    font-size: 18px;    letter-spacing: -1px;  }
}
@media (max-width: 580px) {  .index .cont01 .banner01 {    background-position: bottom 0 right -10%;  }
.index .cont01 .banner01 h4 {    font-size: 60px;    line-height: 56px;  }
.index .cont01 .banner01 h4 span {    font-size: 32px;  }
.index .cont01 .banner01 p br {    display: inline-block;    content: " ";    padding: 0 2px;  }
}
@media (max-width: 560px) {  div.round_box a {    font-size: 20px;  }
.index .cont01 .banner01 .round_box {    padding: 25px 30px;  }
.index .cont03 > div > div:first-child span {    padding: 15px 0;    font-size: 15px;    line-height: 22px;    font-weight: 300;  }
.service .cont02 .tit + div > div {    width: 100%;  }
.service .cont02 .sub_tit {    padding: 0 0 20px;  }
.service .cont02 .tx_box {    display: flex;    justify-content: space-between;    align-items: flex-end;    padding: 30px 40px;  }
.service .cont02 .img_box {    height: 20vh;  }
.service .cont02 .download_box {    height: auto;  }
.service .cont02 .download_box > a {    min-height: 60px;    margin-top: 7px;  }
.community .btn_box .btn.l-p {    flex-wrap: wrap;  }
.community .btn_box .btn a,  .community .btn_box .btn a:first-child {    margin: 5px;  }
.community .btn_box .btn.r-p {    margin-top: 0;  }
.community .view .tit {    padding: 30px 20px;  }
.community .view .con {    padding: 40px 20px;  }
}
@media (max-width: 520px) {  .index .cont01 .banner01 {    background-size: 80%;    background-position: bottom -15% right -50%;  }
.index .cont04 .tit + div > div .tx_box {    flex-direction: column;  }
.index .cont04 .tit + div > div .tx_box div {    width: 100% !important;  }
.index .cont04 .tit + div > div .tx_box div:last-child {    padding: 20px 0 0;  }
.index .cont04 .tit + div > div .tx_box div:last-child img {    width: auto;    height: 90%;  }
.community .write .top.NOTICE > div.input_box {    width: calc(100% - 100px - 10px);  }
.community .write .top > div.check_box {    width: 100px;  }
.community .write .check_box label:after {    margin: 0 0 0 7px;  }
}
@media (max-width: 500px) {  
/*.index .cont02 .banner ul li {    width: 100%;  }*/  
.community .board_pageing div > a.pageBtn {    width: 50px;    height: 50px;  }
.community .board_pageing div > a + div {    padding: 0 10px;  }
.community .board_pageing div > div > a {    font-size: 18px;  }
.community .write .top {    flex-direction: column-reverse;    align-items: flex-end;  }
.community .write .top.NOTICE > div.input_box {    width: 100%;  }
.community .write .top > div.check_box {    width: 120px;    height: 60px;    margin-bottom: 10px;  }
.community .write .bottom .data_box {    padding: 12px 5px;  }
.community .write .bottom .data_box > div:first-child {    width: 120px;  }
.community .write .bottom .data_box > div:last-child {    width: calc(100% - 120px);  }
.community .write .bottom .data_box a img {    margin: 0 0 0 10px;  }
.community .btn_box .btn a {    font-size: 17px;    line-height: 50px;  }
footer ol,  footer ul {    justify-content: center;  }
}
@media (max-width: 440px) {  .community .board_pageing div > a.pageBtn {    width: 45px;    height: 45px;  }
.cont_area.page > section.cont_top .tab ul li, .cont_area.page > section.cont_top .tab ul li:first-child{  width:calc(100% / 2 - 10px)  }
}
@media (max-width: 380px) {  .community .view .tit + div > div {    padding: 0 20px;  }
.community .view .info p:after {    margin: 0 8px;  }
.community .view .link_box > div:first-child,  .community .view .file_box > div:first-child {    width: 70px;  }
.community .view .link_box > div:last-child,  .community .view .file_box > div:last-child {    width: calc(100% - 70px);  }
}