@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NanumBarunGothicLight.eot);
  src: local("Nanum Barun Gothic Light"), local("NanumBarunGothicLight"), url(../font/NanumBarunGothicLight.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothicLight.woff) format("woff"), url(../font/NanumBarunGothicLight.ttf) format("truetype");
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumBarunGothic.eot);
  src: local("Nanum Barun Gothic"), local("NanumBarunGothic"), url(../font/NanumBarunGothic.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothic.woff) format("woff"), url(../font/NanumBarunGothic.ttf) format("truetype");
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumBarunGothicBold.eot);
  src: local("Nanum Barun Gothic Bold"), local("NanumBarunGothicBold"), url(../font/NanumBarunGothicBold.eot?#iefix) format("embedded-opentype"), url(../font/NanumBarunGothicBold.woff) format("woff"), url(../font/NanumBarunGothicBold.ttf) format("truetype");
}
html, body {
  border: none;
  font-family: 'Nanum Barun Gothic', "Arial", "Malgun Gothic", dotum, "돋음", "sans-serif";
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #222;
  /*overflow-x: hidden;*/
  word-break: keep-all
}
html, body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  margin: 0;
  padding: 0
}
h1, h2, h3, h4, h5, h6, strong, b, th {
  font-weight: 700
}
html {
  -webkit-text-size-adjust: none
}
ul, ol, dl {
  list-style: none
}
address, em, i {
  font-style: normal
}
img {
  border: 0;
  vertical-align: top
}
fieldset {
  border: 0
}
table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0px;
  width: 100%
}
caption {
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
button {
  
  background: none;
  cursor: pointer;
  outline: none;
  padding: 0px;  
}
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], input[type=button], input[type=submit], input[type=reset], button, select, textarea {
  font-family: 'Nanum Barun Gothic', "Arial", "Malgun Gothic", dotum, "돋음", "sans-serif";
  font-weight: 400
}
input[type=text]::-ms-clear {display: none;} /* 2019.06.20 */

a, a:active, a:link, a:visited, a:hover {
  text-decoration: none
}
a {
  color: #222
}
hr {
  margin: 0;
  border-top: 1px solid #dadadd;
  border-bottom: 0
}
.blind {
  display: block;
  position: absolute !important;
  top: -2000em;
  left: -2000em;
  width: 1px;
  height: 1px;
  text-indent: 2000em;
  font-size: 1px
}
.ie8 {
  overflow: scroll
}
.ie8 body {
  overflow: auto;
  font-weight: normal;
  font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif
}
.ie8 input[type=text], .ie8 input[type=password], .ie8 input[type=tel], .ie8 input[type=email], .ie8 input[type=button], .ie8 input[type=submit], .ie8 input[type=reset], .ie8 button, .ie8 select {
  font-weight: normal;
  font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif
}
.ie8 h1, .ie8 h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie8 h6, .ie8 strong, .ie8 b {
  font-weight: bold
}
.wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  display: block;
  clear: both;
  content: ""
}
.skip_navi {
  position: relative;
  height: 0px
}
.skip_navi a {
  padding: 5px 20px;
  display: block;
  position: absolute;
  top: -100px;
  left: 0px;
  z-index: 10;
  background: #222222;
  outline-color: #f87910;
  color: #ffffff;
  font-size: 15px;
  z-index: 99999;
}
.skip_navi a:focus, .skip_navi a:hover, .skip_navi a:active {
  top: 0px;
}
/* INPIT */
input, textarea, select, button {
  margin: 0;
  padding: 0;
  font-family: 'Nanum Barun Gothic', '돋움', Dotum, Arial, verdana, sans-serif;
  font-size: 13px;
  color: #222;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
textarea {
  border: 1px solid #d1d1d4;
  width: 100%;
  height: 200px;
  line-height: 1.5;
  padding: 10px;
  box-sizing: border-box;
  float: left;
}
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email] {
  border: 1px solid #d1d1d4;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
}
.inp-bx {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.inp-bx + .radiobox {
  margin-left: 20px;
}
.btn-calendar {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(../image/common/ico_calendar.png) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.dash {
  display: inline-block;
  text-align: center;
  padding: 0 5px;
  line-height: 30px;
}
.dash.txt {
  padding: 0 5px 0 0;
}


::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999 !important;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
 opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
 opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999 !important;
}

:placeholder-shown {
  /* Standard  */
  color: #999 !important;
}
/* CHECKBOX */
input[type=radio] + label, input[type=checkbox] + label {
  padding-left: 25px;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
input[type=radio] + label:last-child, input[type=checkbox] + label:last-child {
  margin-right: 0;
}
input[type=radio] + label:before, input[type=radio] + label:after, input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  vertical-align: middle;
  display: inline-block;
  content: "";
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
/*checkBox*/
.checkbox {
  display: inline-block;
  margin-right: 20px;
}
.checkbox:last-child {
  margin-right: 0;
}
input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.checkbox input[type=checkbox]:checked + label:before {
  background: url(../image/common/ico_check.png) no-repeat center #fff;
}
.checkbox input[type=checkbox] + label.on:before {
  background: url(../image/common/ico_check.png) no-repeat center #fff;
}
.checkbox input[type=checkbox] + label:before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin-top: 0;
  background: #fff;
  border: 1px solid #d1d1d4;
  box-sizing: border-box;
}
/* label이 앞에있는경우 */
.checkbox-r {
  float: right;
}
.checkbox-r input[type=checkbox] + label {
  padding-left: 0;
  padding-right: 25px;
}
.checkbox-r input[type=checkbox] + label:before {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  top: 0;
  margin-top: 0;
  background: #fff;
  border: 1px solid #d1d1d4;
  box-sizing: border-box;
}
.checkbox-r input[type=checkbox]:checked + label:before {
  background: url(../image/common/ico_check.png) no-repeat center;
}
.checkbox-r input[type=checkbox]:checked + label:after {
  background: url(../image/common/ico_check.png) no-repeat center;
}
/*radiobox*/
.radiobox {
  margin-right: 20px
}
.radiobox:last-child {
  margin-right: 0;
}
input[type=radio] + label:before {
  position: absolute;
  box-sizing: border-box;
}
input[type=radio] + label:after {
  position: absolute;
  box-sizing: border-box;
}
input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=radio]:checked + label:after {
}
input[type=radio] + label.on:after {
  content: '';
  display: inline-block;
  left: 5px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #ff4280;
}
input[type=radio] + label:before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin-top: 0;
  background: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #d1d1d4;
  box-sizing: border-box;
}
/* SELECT */
select {
  margin: 0 0 0 0;
  padding: 0 0 0 4px;
  height: 30px;
  line-height: 30px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
}
select::-ms-expand {
 display:none;
}
select option {
  text-align: center;
}
.select-box {
  display: inline-block;
  height: 30px;
  width: 100%;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  float: left;
  background: #fff;
  border: 1px solid #d1d1d4;
  box-sizing: border-box;
  position: relative;
}
.select-box:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 7px;
  display: block;
  width: 10px;
  height: 6px;
  background: url("../image/common/ico_select.png") no-repeat center;
}
.select-box select {
  width: 100%;
  cursor: pointer;
}
.select-box select:focus {
  width: 100%;
  /* outline:0 none; */
  overflow: hidden;
}
.w60 {
  width: 60px !important;
}
.w80 {
  width: 80px !important;
}
.w140 {
  width: 140px !important;
}
.w180 {
  width: 180px !important;
}
.w250 {
  width: 250px !important;
}
.w500 {
  width: 500px !important;
}
.mgb0 {
  margin-bottom: 0 !important;
}
.txr {
  text-align: right !important
}
#header, #wrap, #footer {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1080px;
}
#wrap {
  padding-top: 170px;
  position: relative;
}
#wrap.main {
  padding-top: 98px;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background: rgba(255,255,255,0.95);
  display: block;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  z-index: 1000;
}
#header hr {
  position: absolute;
  top: 99px;
  left: 0;
  width: 100%;
}
#header h1 {
  display: block;
  margin: 20px 0 0 0;
  float: left;
}
#header h1 a {
  display: block;
  background: url(../image/common/h1_logo.png) no-repeat 0 0;
  width: 134px;
  height: 62px;
  text-indent: -99999px;
  font-size: 0;
}
.header-wrap {
  margin: 0 auto;
  width: 1040px;
  height: 98px;
  position: relative;
}
.gnb {
  position: absolute;
  top: 0;
  left: 210px;
}
.gnb > li {
  display: block;
  min-width: 140px;
  margin: 0 10px;
  float: left;
}
.gnb > li > a {
  display: block;
  width: 100%;
  height: 100px;
  padding: 30px;
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
}
.gnb > li > a:hover, .gnb > li.on > a, .gnb > li.over > a {
  border-bottom: 2px solid #ed145b;
}
.gnb > li .sub-menu {
  display: none;
  padding-top: 10px;
  height: 220px;
}
.gnb > li .sub-menu a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}
.gnb > li .sub-menu a:hover {
  text-decoration: underline;
}
.top-link {
  position: absolute;
  top: 45px;
  right: -10px;
}
.top-link a {
  display: inline-block;
  margin: 0 10px;
  position: relative;
  float: left;
}
.top-link a.sitemap {
}
.top-link a.sitemap:before {
  content: '';
  position: absolute;
  top: 2px;
  left: -10px;
  width: 1px;
  height: 12px;
  background: #dadadd;
  display: block;
}
#container {
}
#content {
  position: relative;
}
#footer {
  clear: both;
  display: block;
  background: #484853;
  margin-top: 100px;
}
.main #footer {
  margin-top: 0px;
}
/* common */
/* color */
.accent_m {
  color: #ff4280 !important;
}
.accent_m2 {
  color: #ff8bb1 !important;
}
.accent_b {
  color: #1d7cdb !important;
}
/* info */
.info-txt {
  background: url("../image/common/ico_notice.png") no-repeat;
  background-position: 0 1px;
  margin-bottom: 3px;
  padding-left: 20px;
  line-height: 18px !important;
}
.info-txt.accent {
  background-position: 0 -19px;
  color: #ff4280;
}
table td .info-txt {
  margin-left: 20px;
}
table + .info-txt, div + .info-txt {
  margin-top: 10px;
}
/* align */
.alc {
  text-align: center;
}
/* footer */
.footer-wrap {
  margin: 0 auto;
  padding: 30px 0;
  width: 1040px;
}

/* 240419 : s */
.area-center {
  padding: 0 40px 30px;
  border-bottom: 1px solid #5b5b65;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.area-center ul {
  padding-left: 65px;
  display: flex;
  justify-content: flex-start;  
  position: relative;
}
.area-center li {
  display: flex;
  color: #fff;
}
.area-center .contact {
  align-items: center;
}
.area-center .contact:before {
  content: '';
  display: inline-block;
  position: absolute;
  top:0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(../image/common/ico_ft_contact.png) no-repeat 0 center;
} 
.area-center .center {
  flex-direction: column;
}
.area-center .center:before {
  content: '';
  display: inline-block;
  position: absolute;
  top:0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(../image/common/ico_ft_center.png) no-repeat 0 center;
}
.area-center span {
  display: inline-block;
  line-height: 28px;
}
.area-center span.tel {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 700;
}
.area-center span em {
  font-weight: 300;
  color: #b3b3b6;
  font-size: 13px;
}
.area-center dt, .area-center dd {
  display: inline-block;
  float: left;
  line-height: 28px;
} 
/* 240419 : e */

.area-biz {
  margin-top: 27px;
  overflow: hidden;
  position: relative;
}
.area-biz .logo {
  position: absolute;
  top: 42px;
  left: 5px;
  width: 145px;
  height: 45px;
  background: url(../image/common/ft_logo.png) no-repeat 0 0;
  text-indent: -9999px;
  font-size: 0;
}
.area-biz .terms {
  float: left;
  margin: 0 0 22px 210px;
}
.area-biz .terms a {
  color: #fff;
  line-height: 36px;
  position: relative;
  margin: 0 20px;
  font-size: 14px;
}
.area-biz .terms a:after {
  content: '';
  position: absolute;
  top: 1px;
  right: -20px;
  display: inline-block;
  width: 1px;
  height: 12px;
  line-height: 12px;
  background: #75757d;
  vertical-align: middle;
}
.area-biz .terms a:first-child {
  margin-left: 0;
}
.area-biz .terms a:last-child:after {
  display: none;
}
.area-biz .family {
  position: relative;
  float: right;
}
.area-biz .family > a {
  width: 180px;
  height: 36px;
  display: block;
  color: #fff;
  border-bottom: 1px solid #9898a5;
  background: url("../image/common/ico_arrow1.png") no-repeat 96% -5px;
  padding: 0 10px;
  line-height: 36px;
  box-sizing: border-box;
}
.area-biz .family > a.over {
  background: url("../image/common/ico_arrow1.png") no-repeat 96% -45px #24242a;
}
.area-biz .family ul#linkUrl {
  position: absolute;
  top: 30px;
  right: 0;
  width: 180px;
  border-top: 1px solid #5b5b65;
  background: #24242a;
  overflow: hidden;
  padding: 10px 0;
}
.area-biz .family ul#linkUrl li {
  font-size: 12px;
  margin: 3px 10px;
}
.area-biz .family ul#linkUrl li a {
  display: block;
  color: #fff;
  line-height: 24px;
}
.area-biz .family ul#linkUrl li a:hover {
  text-decoration: underline;
}
.area-biz .biz {
  float: left;
  margin-left: 210px;
  color: #fff;
  font-weight: 300;
}
.area-biz .biz span {
  padding-right: 20px;
}
.area-biz .biz a {
  color: #fff;
}
.area-biz .biz .company {
  display: block;
  margin-bottom: 3px;
}
.area-biz .biz .address {
  display: block;
  margin-bottom: 3px;
}
.area-biz .biz .copy {
  display: block;
  color: #999999;
  margin-top: 10px;
  font-size: 12px;
}
/* main */
.main-cont {
  margin: 0 auto;
  padding-top: 100px;
  width: 960px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  z-index: 900;
}
.bx {
  margin: 0 40px 60px;
  display: block;
  width: 240px;
  height: 240px;
  color: #fff;
  text-align: center;
  float: left;
  box-sizing: border-box;
}

/* 2019.07.12 : s */
.bx.billgate a {
  background: rgba(241,45,109,0.9);
}/*  background: rgba(47,73,205,0.9);*/ /* 2019.06.26 */
.bx.billgate a:hover {
  background: rgba(241,45,109,1.0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}/*  background: rgba(47,73,205,1.0);*/ /* 2019.06.26 */
.bx.service a{
  background: rgba(47,73,205,0.9);
} /* 20231114 */
.bx.service a:hover {
  background: rgba(47,73,205,1.0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
} /* 20231114 */
.bx.search a{
  background: rgba(241,138,27,0.9);
}
.bx.search a:hover {
  background: rgba(241,138,27,1.0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.bx.demo a {
  background: rgba(22,158,150,0.9);
}
.bx.demo a:hover {
  background: rgba(22,158,150,1.0);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.bx a {
  color: #fff;
}
.bx a.more {
  display: block;
  width: 240px;
  height: 240px;
}
.bx a.more:after {
  content: '';
  display: inline-block;
  width:25px;
  height: 25px;
  background: url(../image/common/ico_plus.png) no-repeat center;
}
/* 2019.07.12 : e */

.bx .tit {
  padding-top: 60px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.bx span {
  display: block;
  padding: 18px 40px;
  font-size: 16px
}

.bx.notice {
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.bx.notice .tit {
  padding: 30px 0 10px 10px;
  font-size: 16px;
  text-align: left;
}
.bx.notice .more {
  position: absolute;
  top: 12px;
  right: 10px;
  margin: 15px 0;
  width: 20px;
  height: 20px;
  background: url(../image/common/ico_more.png) no-repeat center;
  text-indent: -9999px;
  font-size: 0;
}
.bx.notice ul {
  margin-top: 10px;
}
.bx.notice ul li {
  padding: 5px 10px;
  overflow: hidden;
  margin-bottom: 2px;
}
.bx.notice ul li a {
  display: block;
  width: 100%;
  line-height: 24px;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.bx.notice ul li a:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-right: 5px;
  border-radius: 2px;
  background: #ccc;
  line-height: 20px;
  vertical-align: middle;
}
.bx.notice ul li a:hover {
  text-decoration: underline;
}
.bx.center {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.bx.center li {
  display: block;
  height: 79px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.bx.center a {
  display: block;
  padding: 15px 10px;
  text-align: left;
  overflow: hidden;
}
.bx.center a:before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 50px;
  float: left;
}
.bx.center a.center1:before {
  background: url(../image/ico_main_link1.png) no-repeat center;
}
.bx.center a.center2:before {
  background: url(../image/ico_main_link2.png) no-repeat center;
}
.bx.center a.center3:before {
  background: url(../image/ico_main_link3.png) no-repeat center;
}
.bx.center a:after {
  content: '';
  display: inline-block;
  padding: 15px 0;
  width: 10px;
  height: 20px;
  background: url(../image/common/ico_more.png) no-repeat center;
  float: right;
}
.bx.center a span {
  display: inline-block;
  float: left;
  padding: 6px 0 0 10px;
  font-size: 13px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.bx.center a span strong {
  display: block;
  font-size: 16px;
}
.bx.center a:hover span {
  text-decoration: underline;
}
.main .visual {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 740px;
  overflow: hidden;
  position: relative;
}
.main .visual .bx-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}
.main .visual .bx-controls .bx-pager-item {
  display: inline-block;
  text-align: center;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 6px;
}
.main .visual .bx-controls .bx-pager-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: transparent;
  background: rgba(255,255,255,0.54);
}
.main .visual .bx-controls .bx-pager-item a.active {
  background-color: #000
}
.main .visual .bxslider li {
  position: relative;
  width: 100%;
  height: 740px;
  overflow: hidden;
}
.main .visual .bxslider li.img1 {
  background: url(../image/main_visual1.jpg) center no-repeat;
  background-size: cover;
}
.main .visual .bxslider li.img2 {
  background: url(../image/main_visual2.jpg) center no-repeat;
  background-size: cover;
}
@media \0screen {
#header {
  background: #fff;
  border-bottom: 1px solid #efefef;
}
.main .visual {
  background: #222;
}
.bx.notice {
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
}
.bx.notice ul li a {
}
.bx.center {
  border-top: 1px solid #b1b1b1;border-top: 1px solid #b1b1b1;
}
.bx.center li {
  border-bottom: 1px solid #b1b1b1;
}
.bx.billgate {
  background: #3a50c0;
}
.bx.billgate:hover {
  background: #3a50c0;
}
.bx.service {
  background: #db3167;
}
.bx.service:hover {
  background: #db3167;
}
.bx.search {
  background: #f18a1b;
}
.bx.search:hover {
  background: #f18a1b;
}
.bx.demo {
  background: #169e96;
}
.bx.demo:hover {
  background: #169e96;
}
}
/* sub */
/* sub lnb */
.sub {
}
.sub #container {
  margin: 0 auto;
  padding-left: 215px;
  width: 825px;
}
.sub #container.sitemap {
  margin: 0 auto;
  padding-left: 0;
  width: 1040px;
}
.location {
  position: absolute;
  top: -36px;
  right: 0;
}
.location a {
  font-size: 12px;
  color: #757575;
}
.location a:before {
  content: '>';
  margin: 0 5px;
  font-size: 12px;
  color: #CCCCCC;
}
.location a:first-child:before {
  content: '';
  display: none;
  margin: 0;
}
#lnb {
}
#lnb.lnb {
  width: 215px;
  padding-top: 170px;
  padding-right: 825px;
  margin-left: -520px;
  position: absolute;
  top: 0;
  left: 50%;
}
.lnb h2 {
  font-size: 24px;
  margin-bottom: 40px;
}
.lnb > ul {
  display: block;
  width: 160px;
  border-top: 1px solid #dadadd;
}
.lnb > ul > li {
  display: block;
  border-bottom: 1px solid #dadadd;
  overflow: hidden;
}
.lnb ul li a {
  display: block;
  line-height: 59px;
  height: 59px;
  font-size: 16px;
}
.lnb ul li.on > a, .lnb ul li.over > a, .lnb ul li a:hover {
  font-weight: 700;
}
.lnb ul li .sub-depth {
  margin-bottom: 20px;
}
.lnb .sub-depth {
}
.lnb .sub-depth li {
}
.lnb .sub-depth li a {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  font-size: 13px;
}
.lnb .sub-depth li.over a, .lnb .sub-depth li a:hover {
  background: #f4f7f9;
}
/* 231129 : s */
.lnb .sub-depth li.ln2 a {
    height: 46px;
    line-height: 30px;    
}
.lnb .sub-depth li.ln2 a span {
    font-size: 12px;
    display: block;
    margin-top: -12px;
}
/* 231129 : e */

/* sub content */
.content-wrap {
  width: 800px;  /* */  
  min-height: 800px;
  padding: 0 0 0 25px;
  position: relative;
  overflow: hidden;
}
.content-wrap h3 {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 40px;
}
.content-wrap h3:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background: #ff4280;
}
.content-wrap h3 span {
  font-size: 16px;
} /* 231129 */
.article {
  clear: both;
  margin-bottom: 80px;
  position: relative;
}
.article h4 {
  font-size: 21px;
  margin-bottom: 30px;
}
.article h5 {
  font-size: 16px;
  margin-bottom: 10px;
}
.article h5 + .desc {
  margin-top: -10px;
  margin-bottom: 10px;
}
.article .summary {
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}
.article .summary + h4 {
  margin-top: 30px;
}
.article .summary strong {
  font-size: 21px;
}
.article .summary span.desc {
  display: block;
  font-size: 14px;
  padding-top: 10px;
  text-indent: -10px;
  padding-left: 10px;
}
.article .bx-img {
  margin-top: 30px;
}

/* btn */
.bx-btn {
  clear: both;
  overflow: hidden;
  margin-bottom: 80px;
  text-align: center;
}
.btn{
  display: inline-block;
  text-align: center;
  font-size: 16px;
  background: #ff6899;
  border: 1px solid #ff4280;
  color: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-sizing: border-box;
} 
.btn:hover {
  background: #ff4280;
}
.btn:disabled {
  background: #ccc;
  border-color: #ccc;
  cursor: auto;
} 
.btn.col1 {
  width: 298px;
  height: 60px;
  line-height: 60px;
} 
.btn.col2 {
  width: 298px;
  height: 58px;
  line-height: 58px;
  margin: 0 5px;
}
.btn.md {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  margin: 0 5px;
}
.btn.sm {
  padding: 0 15px;
  height: 32px;
  line-height: 34px;
  font-size: 13px;
  margin: 0 5px;
}
.btn.inn {
  padding: 0;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background: #5a5a64;
  border-color: #484853;  
} 
.btn.inn:hover {
  background: #484853;
}
.btn.line {
  border: 1px solid #e0e0e0;
  background: #fff;
  color: #757575;
}
.btn.policy {
  position: absolute;
  top: -10px;
  right: -5px;
}
.btn-word {
  display: inline-block;
  width: 30px;
  height: 33px;
  background: url(../image/common/btn_word.png) no-repeat;
  background-position: 0 0;
  text-indent: -99999px;
  font-size: 0;
  overflow: hidden;
}
.btn-word:hover {
  background-position: -40px 0;
}
.btn.download {
  padding: 0;
  width: 100px;
  padding-right: 20px;
  height: 28px;
  font-size: 13px;
  line-height: 28px;
  background: #7190da;
  border-color: #5c83e0;
  position: relative;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
} /* 230426 */
.btn.download:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 10px;
  background: url(../image/common/ico_download.png) no-repeat center;
} /* 230426 */
.btn.download:hover {
  background: #5c83e0;
}
.btn-bill {
  display: inline-block;
  width: 30px;
  height: 33px;
  background: url(../image/common/btn_bill.png) no-repeat;
  background-position: 0 0;
  text-indent: -99999px;
  font-size: 0;
  overflow: hidden;
}
.btn-bill:hover {
  background-position: -40px 0;
}
.paging + .bx-btn, .faq-list + .bx-btn, .board-view + .bx-btn {
  margin-top: 30px;
}
/* table */
table td .select-box {
  float: none;
}
.tb-style1 {
  border-bottom: 1px solid #a3a3a9;
}
.tb-style1 thead th {
  background: #484853;
  color: #fff;
}
.tb-style1 tbody th {
  background: #f4f7f9;
}
.tb-style1 th, .tb-style1 td {
  padding: 14px 10px 12px 10px;
  border-left: 1px solid #dedede;
  word-break: break-all; /* 2019.06.03 */
}
.tb-style1 th:first-child {
  border-left: none;
}
.tb-style1 tr {
  border-top: 1px solid #dedede;
}
.tb-style1 tr:first-child {
  border-top: none;
}
.tb-style1 td {
  text-align: center;
}
.tb-style1 td.left {
  text-align: left;
}
.tb-style1 td a:hover {
  text-decoration: underline;
}
.tb-style1 td.down {
  padding: 8px 10px 0 10px;
  vertical-align: middle;
}
.tb-style1 td.answer {
  padding: 0px 5px;
}
.tb-style1 td .tit, .tb-style1 td .txt {
  display: block;
}
.tb-style1 td .url {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tb-style1 td .url:hover {
  text-decoration: underline;
}
.tb-style1.line td:first-child {
  border-left: none;
}
.tb-style1.second th, .tb-style1.second td {
  padding: 7px 10px 6px 10px;
} /* 2019.06.15 */
.tb-style2 {
  border-top: 1px solid #a3a3a9;
  border-bottom: 1px solid #a3a3a9;
}
.tb-style2 + .tb-style2 {
  margin-top: -1px;
}
.tb-style2 th {
  background: #f4f7f9;
}
.tb-style2 th, .tb-style2 td {
  text-align: left;
  line-height: 26px;
}
.tb-style2 tr {
  border-top: 1px solid #dedede;
}
.tb-style2 tr:first-child {
  border-top: none;
}
.tb-style2 th {
  padding: 10px 10px 10px 15px;
}
.tb-style2 th .tit {
}
.tb-style2 th .tit:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.tb-style2 th .chk {
  font-weight: 700;
}
.tb-style2 th .chk:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-top: -2px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../image/common/ico_check.png) no-repeat;
  background-size: 14px auto;
}
.tb-style2 td {
  padding: 10px 25px 10px 15px;
}
.tb-style2 td .inn {
  margin-left: 10px;
  width: 75px;
}
.tb-style2 td.service .checkbox {
  display: block;
  width: 105px;
  float: left;
}
.tb-style2 td.service hr {
  clear: both;
  border: none;
  margin: 10px 0;
}
.tb-style2 td.pay-sel {
  padding: 30px;
  text-align: center;
}
.tb-style2 td.pay-sel label {
  margin: 0 20px;
}
.tb-style2.down th {
  padding: 20px 15px;
}
.tb-style2.down td {
  padding: 20px 15px;
}
.tb-style2 td.line-l {
  border-left: 1px solid #dedede;
  text-align: center;
}
.tb-style2.down td .inn {
  width: 180px;
  margin: 5px 0;
}
/*paging*/
.paging {
  clear: both;
  margin-top: 20px;
  text-align: center;
}
.paging a, .paging strong {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 1px;
  line-height: 30px;
  color: #6f767e;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.paging strong, .paging a:hover {
  text-decoration: underline;
}
.paging a.arr {
  font-size: 0;
  text-indent: -9999;
  background: url(../image/common/ico_paging.png) no-repeat;
}
.paging a.arr.first {
  background-position: 0 -40px;
}
.paging a.arr.prev {
  background-position: -40px -40px;
}
.paging a.arr.next {
  background-position: -80px -40px;
}
.paging a.arr.last {
  background-position: -120px -40px;
}
.paging a.arr.first:hover {
  background-position: 0 0;
}
.paging a.arr.prev:hover {
  background-position: -40px 0;
}
.paging a.arr.next:hover {
  background-position: -80px 0;
}
.paging a.arr.last:hover {
  background-position: -120px 0;
}
.list-style1 {
}
.list-style1 li {
  text-align: left;
  margin-top: 3px;
  padding-left: 8px;
  position: relative;
}
.list-style1 li:first-child {
  margin-top: 0;
}
.list-style1 li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #484853;
}
/* box */
.box-line {
  display: block;
  border: 1px solid #dedede;
  overflow: hidden;
  padding: 30px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position: relative;
}
.box-line.none {
  text-align: center;
}
/* tab */
.tab-menu {
  clear: both;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}
.tab-menu a {
  display: block;
  width: 148px;
  height: 39px;
  overflow: hidden;
  margin-right: 1px;
  color: #757575;
  text-align: center;
  font-size: 16px;
  line-height: 42px;
  float: left;
  border-left: 1px solid #c8c8cb;
  border-top: 1px solid #c8c8cb;
  border-right: 1px solid #c8c8cb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.tab-menu a:hover {
  color:#484853;
  border-color:#484853;
} /* 2019.07.12 */
.tab-menu a.show {
  color: #ff4280;
  font-weight: 700;
  border-left: 1px solid #ff4280;
  border-top: 1px solid #ff4280;
  border-right: 1px solid #ff4280;
}
.tab-menu a.show:hover {
  text-decoration: none;
  cursor:default;
} /* 2019.07.12 */
.tab-cont {
  clear: both;
  overflow: hidden;
}
/* ABOUT */
.merit {
  overflow: hidden;
  margin-left: -25px;
  margin-top: -30px;
}
.merit li {
  display: block;
  float: left;
  margin-left: 25px;
  margin-top: 30px;
}
.merit li span {
  display: block;
  text-align: center;
  color: #fff;
  padding: 0 30px;
}
.merit li span.num {
  font-size: 20px;
  text-decoration: underline;
  font-weight: 400;
  padding-bottom: 5px;
}
.merit li span.tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 5px;
}
.merit li span.txt {
  margin-bottom: 5px;
}
.merit li span.txt:before {
  content: '· ';
  vertical-align: middle;
}
.merit li span.txt em {
  display: block;
  font-size: 12px;
}
.merit li span.num {
  margin-top: 165px;
}
.merit.billgate li {
  width: 250px;
  height: 250px;
  background-image: url(../image/about_img02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.billgate li.bx2 {
  background-position: -275px 0;
}
.merit.billgate li.bx3 {
  background-position: -550px 0;
}
.merit.billgate li.bx4 {
  background-position: 0 -295px;
}
.merit.billgate li.bx5 {
  background-position: -275px -295px;
}
.merit.billgate li span.num {
  margin-top: 130px;
}
.merit.mobile li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_mobile_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.credit li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_credit_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.account li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_account_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.vaccount li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_vaccount_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.giftcard li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_giftcard_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.giftcard li.bx2 {
  background-position: -275px 0;
}
.merit.giftcard li.bx3 {
  height: 170px;
  background-position: -550px 0;
}
.merit.giftcard li.bx4 {
  height: 170px;
  background-position: -550px -190px;
  margin-top: 20px;
}
.merit.giftcard li span.num {
  margin-top: 165px;
}
.merit.giftcard li.bx3 span.num, .merit.giftcard li.bx4 span.num {
  margin-top: 35px;
}
.merit.store li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_store_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.tmoney li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_tmoney_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.phonebill li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_phonebill_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.escrow li {
  width: 250px;
  height: 360px;
  background-image: url(../image/about_escrow_img01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.merit.mtpay li {
  width: 250px;
  height: 410px;
  background-image: url("../image/about_mtpay_img02.png");
  background-repeat: no-repeat;
  background-position: 0 0;
} 
.merit.mtpay li.bx2 {
  background-position: -275px 0;
}
.merit.mtpay li.bx3 {
  height: 170px;
  background-position: -550px 0;
}
.merit.mtpay li.bx4 {
  height: 220px;
  background-position: -550px -190px;
  margin-top: 20px;
}
.merit.mtpay li span.num {
  margin-top: 135px;
}
.merit.mtpay li.bx3 span.num, .merit.mtpay li.bx4 span.num {
  margin-top: 35px;
}
.merit.mtpay li .txt-s {
  margin-top: 10px;
  font-size: 12px;
}
.process-list {
    margin-top: 30px;
}
.process-list .tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 5px;
}
.process-list ul {}
.process-list li {
  line-height: 30px;
}
/* 231129 */

.summary + .merit.escrow {
  margin-top: 0;
}
.merit li.bx2 {
  background-position: -275px 0;
}
.merit li.bx3 {
  background-position: -550px 0;
}
.tab-content > .demo {
  position: absolute;
  top: 72px;
  right: 0;
}
.pay-step {
  width: 100%;
  padding-top: 12px;
}
.pay-step .step {
  width: 240px;
  margin-right: 0px;
  margin-bottom: 60px;
  float: left;
  border-top: 1px solid #484853;
  text-align: center;
  position: relative;
}
.pay-step .step:last-child {
  margin-right: 0;
}
.pay-step .step:nth-child(5) {
  margin-right: 0;
}
/* 2019.05.29 */
/*
.pay-step .step:last-child:after {display: none;}
.pay-step .step:after {content:'';position: absolute; top:50%; right:-40px; display: inline-block; 
background:url(../image/ico_next.png) no-repeat center; width: 40px; height: 20px; vertical-align: middle;}
.pay-step .next {
  display: none;
}
*/ 
.pay-step .next {display: inline-block; margin-top: 270px; float: left;
background:url(../image/ico_next.png) no-repeat center; width: 40px; height: 20px; vertical-align: middle;}
.pay-step .step span {
  display: block;
}
.pay-step .step .num {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 24px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 700;
  background: #484853;
  color: #fff;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.pay-step .step .tit {
  padding: 40px 0 20px;
  font-size: 16px;
  font-weight: 700;
}
.pay-step .step .payimg {
  overflow: hidden;
} /* background: #f4f7f9;  padding: 5px; */ /* 2019.05.29 */
.pay-step .step .payimg img {
} /*  width: 228px; border: 1px solid #fff;*/ /* 2019.05.29 */
.summary.receipt {
  background: url(../image/about_receipt_img03.png) no-repeat 0 0;
  padding: 30px 30px 0;
  height: 235px;
  margin-bottom: 0;
}
.summary.receipt {
  color: #fff;
}
.summary.receipt span.consumer, .summary.receipt span.mall {
  display: inline-block;
  float: left;
  width: 120px;
  height: 49px;
  padding: 12px 20px 0 80px;
  line-height: 1.2;
  margin-top: 10px;
}
.summary.receipt span.consumer {
  background: url(../image/about_receipt_img01.png) no-repeat 0 0;
  color: #3461ca;
  margin-left: -5px;
}
.summary.receipt span.mall {
  background: url(../image/about_receipt_img02.png) no-repeat 0 0;
  color: #ff4280;
  margin-left: 10px;
}
.summary.receipt span.consumer strong, .summary.receipt span.mall strong {
  font-size: 16px;
}
.summary.receipt span.txt {
  clear: both;
  display: block;
  padding-top: 10px;
}
.galcom {
  display: block;
  background: #f4f7f9;
  overflow: hidden;
  padding: 15px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.galcom p {
  display: block;
  width: 600px;
  min-height: 45px;
  margin-right: 30px;
  float: left;
}
.galcom p:before {
  content: '';
  display: inline-block;
  width: 180px;
  height: 60px;
  background: url(../image/img_galcom.png) no-repeat center;
  float: left;
}
.galcom p strong {
  font-weight: 700;
}
.galcom p .desc {
  display: inline-block;
  padding-top: 5px;
}
.galcom.escrow p strong {
  margin-top: 12px;
  display: inline-block;
}
.about-service {
  margin-top: 30px;
  border-top: 1px solid #a3a3a9;
  border-bottom: 1px solid #a3a3a9;
  padding: 30px 0;
  overflow: hidden;
}
.about-service ul {
  float: left;
  width: 450px;
}
.about-service ul.receipt {
  margin-top: 70px;
}
.about-service ul li {
  line-height: 30px;
}
.about-service ul li:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.about-service .bx-img {
  float: right;
  width: 300px;
  text-align: right;
  margin-top: 0;
}
.escrow-point {
  display: block;
  width: 240px;
  float: left;
}
.escrow-point dt {
  width: 180px;
  height: 40px;
  margin: 0 auto;
  background: #1d7cdb;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  z-index: 100;
  position: relative;
}
.escrow-point dd {
  border: 1px solid #d2e5f8;
  margin-top: -20px;
  padding: 50px 20px 20px;
  height: 180px;
  overflow: hidden;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  z-index: 99;
}
.escrow-point dd ul {
}
.escrow-point dd ul li {
  margin-bottom: 20px;
  text-indent: -20px;
  padding-left: 20px;
  font-size: 14px;
}
.escrow-point {
}
.escrow-point2 {
  display: block;
  width: 320px;
  height: 270px;
  float: left;
  background: url(../image/about_escrow_img02.png) no-repeat center;
}
.escrow-point2 p {
  padding: 90px 96px 0 96px;
  text-align: center;
}
.escrow-point2 strong {
  display: block;
  font-size: 18px;
  padding-bottom: 5px;
}
/* SERVICE */
.service-step {
  margin-left: -25px;
  padding-top: 20px;
  overflow: hidden;
}
.service-step .box {
  display: block;
  border: 1px solid #dedede;
  padding: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position: relative;
}
.service-step .box {
  width: 208px;
  height: 280px;
  margin-left: 25px;
  float: left;
  position: relative;
}
.service-step .box.s4th, .service-step .box.s5th, .service-step .box.s6th {
  margin-top: 50px;
}
.service-step .box .tit {
  font-size: 20px;
  font-weight: 300;
  padding: 35px 0 10px;
  text-align: center;
  border-bottom: 1px solid #757575;
  margin-bottom: 5px;
}
.service-step .box .tit strong {
  display: block;
  font-size: 16px;
}
.service-step .box:before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -30px;
}
.service-step .box:before {
  background: url(../image/service_ico1.png) no-repeat;
  background-position: 0 0;
}
.service-step .box.s2nd:before {
  background-position: -60px 0;
}
.service-step .box.s3rd:before {
  background-position: -120px 0;
}
.service-step .box.s4th:before {
  background-position: 0 -60px;
}
.service-step .box.s5th:before {
  background-position: -60px -60px;
}
.service-step .box.s6th:before {
  background-position: -120px -60px;
}
.service-step .box.i1st:before {
  background-position: 0 -120px;
}
.service-step .box.i2nd:before {
  background-position: -60px 0;
}
.service-step .box.i3rd:before {
  background-position: -60px -120px;
}
.service-step .box.i4th:before {
  background-position: 0 -60px;
}
.service-step .box.i5th:before {
  background-position: -120px -120px;
}
.service-step .box .txt {
  display: block;
  text-align: center;
  font-weight: 700;
}
.service-step .box > dl {
  border-bottom: 1px solid #dedede;
  padding: 12px 0;
  overflow: hidden;
}
.service-step .box > dl:last-child {
  border-bottom: none;
}
.service-step .box > dl dt, .service-step .box > dl dd {
  display: inline-block;
  float: left;
}
.service-step .box > dl dt {
  margin-right: 10px;
}
.service-step .box > dl dt:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.service-step .box > dl dd {
  font-weight: 700;
}
.service-step .box > dl dd.wide {
  width: 100%;
  clear: both;
  text-align: center;
}
.service-step .box > dl:last-child dd {
  border-bottom: none;
}
.service-step .box > ul {
}
.service-step .box > ul li {
  border-bottom: 1px solid #dedede;
  padding: 12px 0 12px 15px;
  overflow: hidden;
  text-indent: -14px;
}
.service-step .box > ul li:last-child {
  border-bottom: none;
}
.service-step .box > ul li a {
  margin-left: -12px;
}
.service-step .btn.inn {
  width: 200px;
  padding: 0;
  margin-top: 5px;
  text-align: center !important;
  text-indent: 0;
}
.application {
}
.bx-basic {
  overflow: auto;
}
.sub-bx {
  position: relative;
}
.sub-bx + .sub-bx {
  margin-top: 60px;
}
.sub-bx + .box-line, .sub-bx + .bx-btn, .summary + .sub-bx {
  margin-top: 30px;
}
.policy-box {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
  padding: 10px 0;
  margin-bottom: 10px;
}
.policy-box .policy-view {
  display: block;
  height: 150px;
  overflow-y: scroll;
  padding: 0 10px;
}
.policy-agree {
  display: block;
  text-align: center;
}
.insurance {
  margin-left: -12px;
  height: 355px;
} /* 240214 */
.insurance .box {
  width: 128px;
  height: 80px;
  margin-left: 12px;
  padding: 55px 10px 20px 10px;
  float: left;
}
.insurance .box .value {
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -185px;
  width: 370px;
  background: url(../image/service_application_line.png) no-repeat center 0;
  padding-top: 50px;
}
.insurance .box .value dl {
  width: 180px;
  float: left;
}
.insurance .box .value dl:first-child {
  margin-right: 10px;
}
.insurance .box .value dl dt {
  width: 120px;
  height: 30px;
  margin: 0 auto;
  background: #484853;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  z-index: 100;
  position: relative;
}
.insurance .box .value dl dd {
  margin-top: -20px;
  height: 80px;
  padding: 35px 15px;
  text-align: center;
  background: #f4f7f9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  z-index: 99;
}  /* 240214 */
.insurance .box .value dl dd ul li {
  text-align: left;
}
.sgi-contact {
  display: block;
  background: url(../image/service_insurance_sgi.png) no-repeat 0 0;
  padding-left: 240px;
  width: 300px;
}
.sgi-contact dt {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
.sgi-contact dd {
  display: inline-block;
  margin-right: 20px;
}
.btn.inn.sgi {
  position: absolute;
  top: 45px;
  right: 30px;
  padding: 0 20px;
}
.gc-contact {
  display: block;
  width: 750px;
  float: left;
}
.gc-contact:before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 80px;
  height: 80px;
  background: url(../image/service_ico1.png) no-repeat 0 -180px;
  float: left;
}
.gc-contact dt {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.gc-contact dd {
  display: block;
  margin-right: 20px;
}
.gc-contact dd strong:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.search-box {
  padding: 30px 100px;
  margin-bottom: 30px;
  overflow: hidden;
  border-top: 1px solid #757575;
  border-bottom: 1px solid #dedede;
  background: #f4f7f9;
  position: relative;
}
.search-box dl {
  width: 100%;
  overflow: hidden;
}
.search-box dl dt, .search-box dl dd {
  margin: 5px 0;
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
}
.search-box dl dt {
  width: 100px;
}
.search-box dl dt:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.search-box dl dd {
  width: 400px;
}
.search-box dl.condition {
  width: 450px;
}
.search-box dl.condition dt {
  width: 160px;
}
.search-box dl.condition dd {
  width: 290px;
}
.search-box dl.faq {
  width: 490px;
}
.search-box dl.faq dt {
  width: 100px;
}
.search-box dl.faq dd {
  width: 390px;
}
.search-box ul {
  width: 100%;
  overflow: hidden;
}
.search-box ul li {
  display: block;
  float: left;
  padding: 5px 0;
}
.search-box ul.error-code li {
  width: 150px;
  margin-right: 10px;
}
.search-box a.btn.inn {
  position: absolute;
  bottom: 35px;
  right: 100px;
  width: 80px;
}
.search-result {
}
.search-box2 {
  text-align: center;
}
.search-box2 dl {
  display: inline-block;
}
.search-box2 dl dt, .search-box2 dl dd {
  margin: 5px 0;
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
}
.search-box2 dl dt {
  width: 100px;
}
.search-box2 dl dt:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.search-box2 dl dd {
}
.search-box2 dl dd a.inn {
  padding: 0 20px;
}
.search-box2 dl dd input, .search-box2 dl dd .select-box {
  margin-right: 10px;
}
.admin-service {
}
.admin-service dl {
  position: relative;
  margin-bottom: 20px;
  padding-right: 240px;
}
.admin-service dl:before {
  content: '';
  display: inline-block;
  padding-right: 30px;
  width: 80px;
  height: 80px;
  background: url(../image/service_ico2.png) no-repeat;
  background-position: 0 0;
  float: left;
}
.admin-service dl.a2nd:before {
  background-position: 0 -80px;
}
.admin-service dl.a3rd:before {
  background-position: 0 -160px;
}
.admin-service dl.a4th:before {
  background-position: 0 -240px;
}
.admin-service dl.a5th:before {
  background-position: 0 -320px;
}
.admin-service dl.a6th:before {
  background-position: 0 -400px;
}
.admin-service dl dt {
  margin: 0 0 10px 100px;
  font-size: 16px;
  font-weight: 700;
}
.admin-service dl dd {
  margin: 5px 0 0 110px;
}
.admin-service dl .inn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 120px;
}
/* TECH */
.service-step.install .box {
  width: 208px;
  height: 210px;
  margin-left: 25px;
  float: left;
  position: relative;
}
.service-step.install .box:before {
  background: url(../image/tech_ico1.png) no-repeat;
  background-position: 0 0;
}
.service-step.install .box.s2nd:before {
  background-position: -60px 0;
}
.service-step.install .box.s3rd:before {
  background-position: -120px 0;
}
.service-step.install .box.s4th:before {
  background-position: -180px 0;
}
.service-step.install .box.s5th:before {
  background-position: -240px 0;
}
.pay-demo {
  text-align: center;
  padding: 60px 0 60px;
}
.pay-demo:before {
  content: '';
  display: inline-block;
  width: 620px;
  height: 221px;
  background: url(../image/tech_demo_img01.png) no-repeat center 0;
  margin-bottom: 40px;
}
.system {
  position: relative;
}
.system .list-style1 {
  position: absolute;
  width: 210px;
  right: 10px;
}
.system .list-style1.s1st {
  top: 75px;
}
.system .list-style1.s2nd {
  top: 220px;
}
.system .list-style1.s3rd {
  top: 280px;
}
.system .list-style1.s4th {
  top: 370px;
}
.system .list-style1.s5th {
  top: 540px;
}
.system .list-style1.s6th {
  top: 720px;
}
.support1 {
  width: 360px;
  float: left;
}
.support1 .point {
  margin-bottom: 60px;
  padding: 40px 20px;
  width: 320px;
  height: 180px;
  text-align: center;
  background: url(../image/tech_support_img01.png) no-repeat 0 0;
}
.support1 .point span {
  display: block;
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
}
.support1 h4 {
  margin-bottom: 20px;
}
.support1 .contact {
  margin-top: -5px;
}
.support1 .contact dt, .support1 .contact dd {
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.support1 .contact dt {
  width: 25%;
}
.support1 .contact dt:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #484853;
  vertical-align: middle;
  margin-right: 5px;
}
.support1 .contact dd {
  width: 75%;
}
.support1 .contact dd:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 40px;
  line-height: 40px;
  background: url(../image/tech_support_img03.png) no-repeat 0 0;
  vertical-align: middle;
  margin-right: 10px;
}
.support1 .contact dd.mail:before {
  background-position: 0 -40px;
}
.support2 {
  width: 408px;
  padding: 50px 0;
  text-align: center;
  float: right;
}
/* CENTER */
.box-line.captcha {
  text-align: center;
  margin-top: 20px;
}
.captcha .img-captcha {
  width: 160px;
}
.captcha input {
  height: 40px;
  line-height: 40px;
  position: relative;
}
.captcha .btn-reload {
  position: absolute;
  top: 7px;
  right: 5px;
}
.pay-total {
  text-align: right;
  margin-bottom: 10px;
}
.pay-total dt, .pay-total dd {
  display: inline-block;
  margin-right: 5px;
}
.pay-total dt:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #484853;
  vertical-align: middle;
  margin-right: 5px;
}
.pay-total dd {
  font-weight: 700;
  color: #ff4280;
}
/* 2019.06.26 : S */
.faq-list {  
  border-bottom: 1px solid #757575;
  margin-top: 30px;
}
.faq-list:first-child {  
  margin-top: 0;
}
.faq-list h5 {
  border-bottom: 1px solid #757575;
  margin-bottom: 0;
  padding-bottom: 5px;
}
/* 2019.06.26 : E */
.faq-list dt, .faq-list dd {
  display: block;
  padding: 15px 20px;
}
.faq-list dt {
  border-bottom: 1px solid #dedede;
}
.faq-list dt a:hover {
  text-decoration: underline;
}
.faq-list dt:last-child, .faq-list dd:last-child {
  border-bottom: none;
}
.faq-list dt.on {
  border-bottom: none;
  font-weight: bold;
  font-size: 15px;
}
.faq-list dd {
  border-bottom: 1px solid #dedede;
  padding-left: 50px;
  padding-bottom: 50px;
  position: relative;
  background: #f4f7f9;
}
.faq-list dd:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 16px;
  height: 12px;
  background: url(../image/common/ico_check.png) no-repeat center;
}
.answer {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  text-align: center;
  font-size: 12px;
  margin-left: 15px;
}
.answer.finish {
  color: #ff6899;
  border: 1px solid #ff6899;
} /* 2019.07.12 */
.answer.ready {
  background: #f4f7f9;
}
.board-view {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
}
.board-view .board-tit {
  border-bottom: 1px solid #dedede;
  position: relative;
  min-height: 80px;
}
.board-view .board-tit dt, .board-view .board-tit dd {
  display: inline-block;
}
.board-view .board-tit dt {
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-size: 16px;
  font-weight: 700;
}
.board-view .board-tit dd {
  color: #757575;
}
.board-view .board-tit dd span {
  display: inline-block;
  position: absolute;
}
.board-view .board-tit dd span.date {
  top: 15px;
  left: 20px;
  font-size: 12px;
}
.board-view .board-tit dd span.answer {
  bottom: 17px;
  right: 20px;
}
.board-view .board-cont {
  padding: 20px;
  min-height: 150px;
}
.board-view .board-answer {
  border-top: 1px solid #757575;
  padding: 15px 20px 15px 50px;
  min-height: 100px;
  position: relative;
  background: #f4f7f9;
}
.board-view .board-answer:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 16px;
  height: 12px;
  background: url(../image/common/ico_check.png) no-repeat center;
}
.qna-write .checkbox-r {
  position: absolute;
  top: 5px;
  right: 0;
}
.qna-write .policy-view {
  height: auto;
  overflow-y: hidden;
}
.board-list {
  overflow: hidden;
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
}
.board-list li {
  border-bottom: 1px solid #dedede;
  position: relative;
  padding: 15px 20px;
}
.board-list li span {
  display: inline-block;
  font-size: 12px;
}
.board-list li .num {
  color: #757575;
}
.board-list li .num:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #f2f2f2;
  margin: 0 10px;
}
.board-list li .date {
  color: #757575;
}
.board-list li a {
  display: block;
  overflow: hidden;
  width: 650px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.board-list li a:hover {
  text-decoration: underline;
}
.board-list li .tit {
  font-size: 16px;
  margin-top: 5px;
}
.board-list li .answer {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.new {
  display: inline-block;
  width: 30px;
  padding: 2px 3px 0;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: #ff6899;
  margin-right: 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}


/* POLICY */
.policy {
}
.policy .select-box {
  position: absolute;
  top:-70px; right: 0;
}
.policy-cont {
  clear: both;
  border-top: 1px solid #757575;
  margin: 20px 0;
}
.policy-list {
  border-bottom: 1px solid #dedede;
  padding: 30px;
}
.policy-list ul {
  display: inline-block;
  width: 320px;
}
.policy-list ul.type2 {
  width: 400px;
}
.policy-list ul li {
  margin-bottom: 5px;
}
.policy-list ul li a:hover {
  text-decoration: underline;
}
.policy-cont h4 {
  font-size: 18px;
  margin-bottom: 20px;
}
/* 201102 :s */
.policy-cont .section {
	border-bottom: 1px solid #dedede;
	 padding: 30px;
}
.policy-cont .section .box {
	padding: 30px 0 0;
	border-bottom: none;
}
/* 201102 :e */
.policy-cont .box {
  border-bottom: 1px solid #dedede;
  padding: 30px;
  text-align: justify;
}
.policy-cont .box p {
  margin-bottom: 10px;
}
.policy-cont .box ul {
}
.policy-cont .box ul li {
  margin-bottom: 10px;
  text-indent: -15px;
  padding-left: 15px;
}
.policy-cont .box ul li ul {
  margin-top: 5px;
}
.policy-cont .box ul li ul li {
  margin-bottom: 5px;
}
.policy-cont .box ul + h4 {
  margin-top: 30px;
}
.policy-cont table {}
.policy-cont table th,
.policy-cont table td {padding: 5px; text-align: center; border: 1px solid #dedede;}
.policy-cont table th {background: #f4f7f9;}
.policy-cont table td {}
.policy-cont .btn-past {
  display: inline-block;
  margin-top: 30px;
}
.policy-cont .btn-past:hover {
  text-decoration: underline;
}
.policy-cont .btn {
  margin: 20px 0 0;
}
.policy-cont .btn.inn {  
  margin: 5px 0 0;
  padding: 0 15px;
}



/* ====================
   #MODAL
   ==================== */

.modal-basic {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}
.modal-basic.is-expanded {
  display: block;
}
.modal-basic:before {
  content: '';
  display: inline-block;
 *display: inline;
 *zoom: 1;
  height: 100%;
  vertical-align: middle;
}
.modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #000;
  opacity: .8;
  filter: alpha(opacity=70);
}
.modal-wrap {
  position: relative;
  display: inline-block;
 *display: inline;
 *zoom: 1;
  min-width: 300px;
  min-height: 300px;
  white-space: normal;
  vertical-align: middle;
}
.modal-body {
  background-color: #fff;
  margin: 0 auto;
  padding: 30px;
  font-size: 13px;
  word-break: keep-all;
  position: relative;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.modal-body p {
}
.modal-body .m-h1 {
  border-bottom: 1px solid #757575;
  margin-top: -10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
}
.modal-body .m-h2 {
  font-size: 15px;
  margin: 20px 0 10px;
  font-weight: 700;
}
.m-cont {
  margin-top: 10px;
  text-align: left;  
}
.m-cont.m-policy {
  width: 500px;
  height: 500px;
  overflow-y: scroll;
  border-bottom: 1px solid #757575;
  margin-bottom: 10px;
}
.m-cont.billgate {
  width: 360px;
}
.m-cont table {
  margin-bottom: 20px;
}
.m-cont table th {
  padding:5px 10px 5px 15px;
}
.m-cont table td {
  padding:5px 25px 5px 15px;
}
.m-cont .info-txt {
  margin-top: 20px;
  font-size: 12px;
}
.modal-body .m-box {
  margin: 20px auto;
}
.modal-body .m-box {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
  padding: 20px;
  overflow: hidden;
}
.modal-body .m-box .tit {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.modal-body .m-box .tit:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.modal-body .alert {
  width:360px;
  padding: 20px;
} /* 2019.05.14*/
.modal-body .alert strong {
  display: block;
  font-size: 15px;
} /* 2019.05.14*/
.modal-body .bx-btn {
  clear: both;
  margin: 0;
}
.modal-body .m-btn {
  display: inline-block;
  padding: 0 20px;
  height: 30px;
  line-height: 32px;
  font-size: 12px;
  margin: 0 5px;
  color: #fff;
  min-width: 60px;
  background: #5a5a64;
  border-color: #484853;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.modal-body .m-btn:hover {
  background: #484853;
}
.modal-body .m-btn.line {
  border: 1px solid #e0e0e0;
  background: #fff;
  color: #757575;
}
.modal-body .m-btn.line:hover {
  border: 1px solid #757575;
  background: #fff;
  color: #757575;
}
.btn-x {
  position: absolute;
  top: -10px;
  right: 10px;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: url(../image/common/btn_popup_x.png) no-repeat center 1px #a3a3a9;
  text-indent: -9999px;
}

.sitemap-cont {
  min-width: 960px;
 padding: 40px 50px; 
 overflow: hidden;
}
.sitemap-cont .tit {
  font-size: 24px; 
  text-align: left;
  position: relative;
}

.sitemap-cont .tit:before {
  content: '';
  display: inline-block;
  width:4px;
  height: 24px;
  background: #ff4280;
  position: absolute;
  top:4px; left:-14px;
}

.sitemap-cont a:hover {
  text-decoration: underline;
}
.sitemap-cont > ul {
  overflow: hidden;
  margin: 30px auto;
  text-align: left;
}
.sitemap-cont > ul > li {
  margin: 0 35px;
  float: left;
} /* 231129 */
.sitemap-cont > ul > li > h2 {
  font-size: 24px;
  padding-top: 10px;
}
.sitemap-cont .sub-depth1 { 
  margin-top:15px;
  border-top: 1px solid #757575;
  width:170px;
} /* 231129 */
.sitemap-cont .sub-depth1 > li {
  border-bottom: 1px solid #dadadd;
}
.sitemap-cont .sub-depth1 > li > a {
  display: block;
  font-size: 17px;
  padding: 8px 0; 
  margin: 5px 0;
  font-weight: bold;
}
.sitemap-cont .sub-depth2 {
  margin-bottom: 15px;
}
.sitemap-cont .sub-depth2 > li > a {
  display: block;
  font-size: 15px;
  padding: 3px 0;
  margin: 5px 0;
}
.sitemap-cont .sub-depth2 > li > a:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-right: 5px;
  border-radius: 2px;
  background: #ccc;
  line-height: 20px;
  vertical-align: middle;
}
.sitemap-cont .sub-depth2 > li > a span {
    font-size: 12px;
}

.ruleBox {font-size: 12px;}
.ruleBox h2 {
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.ruleBox h2:first-child {
  margin-top: 0;
}
.ruleBox ul {}
.ruleBox ul li {
  margin-bottom: 5px;
  text-indent: -15px;
  padding-left: 15px;
}
.ruleBox ul li ul {
   margin-top: 5px;
}
.ruleBox ul li ul li {
  margin-bottom: 2px;
}
/* 220714 :s */
.ruleBox h4 {
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 0;
}
.ruleBox .box {
	margin-bottom: 20px;
}
.ruleBox .box .btn.inn {
	padding: 0 15px !important;
}
/* 220714 :e */

/* ====================
   Window POPUP
   ==================== */
.popup {width:470px; height: 490px; margin: 0 auto; overflow: hidden;}
.popup-wrap {margin: 25px 30px;}
.popup-wrap h1 {font-size: 18px; text-align: center; padding: 0 50px 20px;}
.popup-cont-notice {padding: 30px 25px; position: relative; border-top:1px solid #757575; line-height: 1.6;}
.popup-cont-notice:before {content: ''; display: inline-block; width:20px; height: 6px; position: absolute; top:-3px; left: 25px; background: #ff4280;}
.popup-cont-notice a:hover {text-decoration: underline;}
.popup-footer {clear: both; position: absolute; bottom: 0; left: 0; width:100%; padding: 0 15px; height: 36px; line-height: 36px; background: #f2f2f2; box-sizing: border-box;}
.popup-footer .popup-close {float: right; line-height: 36px; }
.popup-close:before {content: ''; display: inline-block; width: 25px; height: 25px; background: url(../image/common/btn_popup_x.png) no-repeat center -25px #f2f2f2; vertical-align: middle;}

/* 2019.07.12 : s */
.popup.demo-result {width:100%; height: 100%; margin: 0 auto; overflow: hidden; background-color:#edeef1;}
.popup.demo-result .popup-wrap { margin: 0;}
.popup-cont-demo {padding: 30px;}
.popup-cont-demo .logo {width:115px; height: 50px; background: url(../image/common/h1_logo_110.png) no-repeat 5px 0; background-size: 110px auto; text-indent: -9999px;} /* 2020.12.01 */
.popup-cont-demo .box {padding: 30px; text-align: center; box-shadow: 0 1px 2px #999; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.popup-cont-demo h2 {text-align:center; font-size: 16px; margin-bottom: 20px;}
.popup-cont-demo h2:before { content: '';  display: block;  width: 100%;  height: 50px;  background: url(../image/ico_demo_check.png) no-repeat center;}
.popup-cont-demo .tb-style2 th {font-weight: normal;  padding: 5px 10px;}
.popup-cont-demo .tb-style2 td {font-weight: 700; padding: 5px 10px; word-break: break-all;}
.popup-cont-demo .msg {margin: 20px auto 30px; text-align: center;}
/* 2019.07.12 : e */

/* 2019.06.04 */
/* ====================
   error
   ==================== */
.error {background: #efefef;}
.error-bx {position: absolute; top:50%; left: 50%; margin: -170px 0 0 -250px; display: block; width: 500px; text-align: center; background: url(../image/error.png) no-repeat 50% 0; background-size: 100px; padding-top: 120px}
.error strong {display: block; font-size: 22px;}
.error span {display: block; clear: both;}
.error .error-code {font-size: 30px; color: #ed145b;}
.error .error-txt {margin-top: 30px; padding-top: 30px; font-size: 16px; border-top: 1px dotted #5b5b65;}