@font-face {
	font-family: 'NG-regular';
	font-weight: 400;
	src: url('../fonts/NanumGothic-Regular.ttf');
	src: url('../fonts/NanumGothic-Regular.eot') format('embedded-opentype'), url('../fonts/NanumGothic-Regular.woff') format('woff');
}
@font-face {
	font-family: 'NG-bold';
	font-weight: 600;
	src: url('../fonts/NanumGothic-Bold.ttf');
	src: url('../fonts/NanumGothic-Bold.eot') format('embedded-opentype'), url('../fonts/NanumGothic-Bold.woff') format('woff');
}
@font-face {
	font-family: 'NG-extrabold';
	font-weight: 800;
	src: url('../fonts/NanumGothic-ExtraBold.ttf');
	src: url('../fonts/NanumGothic-ExtraBold.eot') format('embedded-opentype'), url('../fonts/NanumGothic-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'bmjua';
	font-weight: 800;
	src: url('../fonts/BMJUA.ttf');
}
/*프리텐다드*/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/contents/fonts/Pretendard-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/contents/fonts/Pretendard-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/contents/fonts/Pretendard-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/contents/fonts/Pretendard-Bold.ttf') format('truetype');
    font-weight: 700;
}
html,body {
/*      min-width: 1339px;*/
      /*width: 100%;*/
      /*height: 100%;*/
      /*padding: 0;*/
      margin: 0;
      font-family: "NG-regular";
}
ul,li {
      margin: 0;
      padding: 0;
      list-style: none;
}
ul::after, ol::after{
	content: "";
	display: block;
	clear: both;
}
a {
  text-decoration: none;
}
img {
      border: none;
}
.fc-green{color:#46ab43}
.text-import{font-weight:600}
.tab-content {
    width: auto;
    padding: 40px 0;
    margin-top: 30px;
}
.cont-title {
    padding: 20px 0;
    text-align: center;
}
.cont-title h2 {
    font-size: 40px;
}
.cont-title p {
    margin: 0;
    font-size: 18px;
    color: #727272;
}
.cont-title p:last-child {
    padding-bottom: 40px;
}
/* tab,ipad 크기 */
/*@media (min-width: 768px) and (max-width: 1024px) {
    .intro-body {
        width: auto;
    }
}
.btn_intro {
    background-color: #007f67;
    color: #fff;
    border-radius: 10px;
    border: 0;
    padding: 17px 54px;
    font-weight: 600;
}
.intro-body {
      color: #484848;
      font-family: NanumGothic;
}
.top-menu {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 40px 20px 0;
    width: 1300px;*/
    /*height: 152px;*/
    /*height: 116px;
}
.containerLogin {
    margin-top:70px;
}
.logo-wrapper {
      display: inline-block;
}
.menu-wrapper {
      display: inline-block;
      float: right;
      line-height: 2.8;
}
.menu-wrapper ul{
      display: flex;
      justify-content: flex-end;
}
.menu-wrapper li{
      padding: 0 10px;
}
.menu-wrapper li:nth-child(5) a{
      border-bottom: 2px solid #207d39;
      padding-bottom: 2px;
}
.menu-wrapper li:nth-child(6) a{
      border-bottom: 2px solid #207d39;
      padding-bottom: 2px;
}
.menu-wrapper li a {
      color: #484848;
      font-size: 13px;
}
.gnb-wrapper {
      position: relative;
      margin: 0 auto;
      height: 340px;
      background: url("/contents/images/intro/service_bg.jpg") no-repeat 50% fixed;
}
.gnb-wrapper .deco {
    position: relative;
    top: -60px;
    display: flex;
    justify-content: center;
}
.gnb-wrapper .gnb-title {
    position: relative;
    bottom: 22px;
    text-align: center;
}
.gnb-wrapper .gnb-title h1 {
    font-size: 50px;
    font-weight: 300;
    margin: 0;
}
.gnb-wrapper .gnb-title p {
    color: #46ab43;
    margin: 0;
    font-weight: bold;
}
.gnb-wrapper .gnb-menu {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
}
.gnb-wrapper .gnb-menu ul {
    position: relative;
    margin: 0 auto;
    width: 1010px;
    height: 100%;
    display: flex;
    justify-content: center;
}
.gnb-wrapper .gnb-menu li {
    float: left;
    width: 200px;
     height: 58px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25282a;
    border: 1px solid #000;
    cursor: pointer;
    color: #fff;
}
.gnb-wrapper .gnb-menu li:hover {
    background-color: #fff;
    color: #25282a;
}
.gnb-wrapper .gnb-menu .tab-link.on {
    border-bottom: 5px solid #46ab43;
    color: #54d950;
    font-weight: 800;
    height: 54px;
}
.gnb-wrapper.customer {
    position: relative;
    margin: 0 auto;
    height: 340px;
    background-image: url(/contents/images/intro/customer_bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
}
.tab-content, .customer-content {
    display: none;
} 
.tab-content.on, .customer-content.on {
  display: inherit;
}
.tab-content-imgbox {
    text-align: center;
}
.tab-content>div {
    margin-bottom: 100px;
}*/
/* -- service page -- */
/* tab1 */
/*.order_content1 .order-file-wrapper {
    display: flex;
    justify-content: center;
}
.order_content1 .order-file-wrapper li  {
    margin-bottom: 36px;
}
.order_content1 .order-file-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.order_content1 .order-file-wrapper .slideinleft1,
.order_content1 .order-file-wrapper .slideinleft2,
.order_content1 .order-file-wrapper .slideinleft3,
.order_content1 .order-file-wrapper .slideinleft4,
.order_content1 .order-file-wrapper .slideinleft5,
.order_content1 .order-file-wrapper .slideinleft6 {
    opacity:0;
    margin-right: 1000px;
    max-width:100%;
}*/
/*.container3 .about-who {
    text-align: center;
}
.container3 .about-who>img{
    padding-bottom: 24px
}
.container3 .about-who h2 {
    font-size: 38px;
}
.container3 .about-who em {
    font-style: normal;
    font-weight: normal;
}
.container3 .about-who p {
    margin: 0;
    color: #727272;
}
.container3 .who-img {
    padding: 50px 0;
}*/
/* .container3 .who-img li {
    padding: 6px 0;
} */
/*.container3 .who-img li img{
    padding-right: 38px;
    padding: 6px;
}
.container3 ul {
    text-align: center;
}
.container3 ul li img:last-child {
      padding: 0;
}
.container3 .about-distribution {
    text-align: center;
    margin-top: 30px;
}
.container3 .about-distribution p {
    padding-bottom: 40px;
    color: #727272;
}
.container3 .about-distribution li {
    display: inline-block;
}
.container4 {
      position: relative;
      margin: 0 auto;
      top: 100px;
      left: 0;
      min-width: 100%;
}
.container4 .free-wrapper {
      background: url("/contents/images/intro/free_bg.jpg") 50% 0 no-repeat fixed;
      background-size: cover;
      height: 260px;
}
.container4 .free-wrapper nav {
      position: relative;
      margin: 0 auto;
      width: 1000px;
      height: 100%;
}
.container4 .free-wrapper nav ul {
      position: relative;
      display: flex;
      flex-flow: wrap;
      height: 100%;
}
.container4 .free-wrapper nav ul li {
      width: 50%;
}
.container4 .free-wrapper nav ul .girl-img {
      margin-top: -50px;
}*/

/*@media screen and (max-width: 860px) {
    .container4 .free-wrapper nav {
        width: auto;
    }
    .container4 .free-wrapper nav ul .girl-img {
        display: none;
    }
    .container4 .free-wrapper nav ul .free-text {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}
.container4 .free-wrapper nav ul .free-text {
      display: flex;
      align-items: center;
}
.container4 .free-wrapper nav ul .free-text h2 {
      margin: 0;
      font-weight: normal;
      color: #fff;
}
.container4 .free-wrapper nav ul .free-text strong {
      color: #16d6b2;
}
.container4 .free-wrapper nav ul .free-text  p {
      margin: 0;
      padding-bottom: 20px;
      color: #979797;
}
.container4 .free-wrapper nav ul .free-text aside {
      display: inline-block;*/
      /* padding: 20px; */
/*}
.container4 .free-wrapper nav ul .free-text  .free-btn {
      background-color: translate;*/
      /* border: 1px solid #fff; */
      /*border: 0;
      display: block;
      position: relative;
      overflow: hidden;
      transition: all .35s ease-in-out .35s;
      margin: 0 auto;
      text-align: center;
}
.container4 .free-wrapper nav ul .free-text  .free-btn span {
      border: 1px solid #fff;
      color: #fff;
      display: block;
      padding: 8px 18px;
      z-index: 100;
      position: relative;
      transition: all .35s ease-in-out .35s;
}
.container4 .free-wrapper nav ul .free-text  .free-btn:hover span {
      background-color: #16d6b2;
      border: 1px solid #16d6b2;*/
      /* color: #fff; */
      /*transition: all .35s ease-in-out .35s;
}
.container4 .free-wrapper nav ul .free-text  .free-btn:after {
      bottom: -100%;
      right: -100%;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: #36B4C7;
      transition: all .35s ease-in-out .5s;
}
.container4 .free-wrapper nav ul .free-text  .free-btn:hover:after {
      right: 0;
      bottom: 0;
      transition: all ease-in-out .35s;
}
.container4 .free-wrapper nav ul .free-text  .free-btn:hover:before {
      top: -100%;
      left: -100%;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: #36B4C7;
      transition: all .35s ease-in-out .5s;
}
.container4 .free-wrapper nav ul .free-text  .free-btn:hover:before {
      left: 0;
      top: 0;
      transition: all ease-in-out .35s;
}*/
/* customer page */
/*.container.customer {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.cont-title.customer {
    text-align: left;
    font-size: 28px;
    color: #222;
    letter-spacing: -1px;
}
.customer-content {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 30px;
    font-size: 15px;
}
.customer-content li {
    border-bottom: 1px solid #e8e8e8;
}
.customer-content li:last-child {
    border-bottom: 0;
}
.customer-content li a {
    color: #222;
    padding-left: 20px;
    margin: 18px 0;
    display: block;
}
.customer-content li a:hover {
    font-weight: 800;
}
.customer-content li a:before {
    content: 'Q.';
    color: #18c913;
    padding-right: 2px;
    letter-spacing: 3px;
}
.customer-content li a i {
    float: right;
    font-size: 26px;
    padding-right: 20px;
    margin-top: -3px;
    color: #b8b8b8;
}
.customer-content li div {
    border-top: 1px solid #e8e8e8;
}
.customer-content li p {
    background-color: #f8f8f8;
    margin: 0;
    padding: 0 30px;
}
.customer-content li p:first-child:before {
    content: 'A.';
    padding-right: 2px;
    letter-spacing: 3px;
}
.customer-content li p:first-child {
    color: #222;
    padding-top: 15px;
    padding-bottom: 15px;
}
.customer-content li p:last-child {
     color: #727272;
     padding-bottom: 15px;
 }
.customer-gnb-wrapper .customer-menu li {
    float: left;
    width: 16.44%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    cursor: pointer;
    border-right: 0;
}
.customer-gnb-wrapper .customer-menu li:last-child {
    border-right: 1px solid #ddd;
}
.customer-gnb-wrapper .customer-menu .tab-link.on {
    background-color: #222;
    color: #fff;
    font-weight: 800;
}
.notice_table {
    border-top: 1px solid #929292;
    border-collapse: collapse;
    font-size: 15px;
    width: 100%;
}
.notice_table th {
    background-color: #f8f8f8;
    color: #727272;
    font-weight: normal;
    padding: 22px 0;
    border-bottom: 1px solid #e8e8e8;
}
.notice_table .noticelist tr {
    border-bottom: 1px solid #e8e8e8;
    height: 55px;
}
.notice_table .noticelist tr td:first-child,
.notice_table .noticelist tr td:last-child {
    text-align: center;
}
.notice_table .noticelist tr td:last-child {
    color: #929292;
}
.notice_table .noticelist td a {
    color: #222;
}
.notice_table .noticelist td .icon_new {
    font-size: 10px;
    background-color: #46ab43;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    margin-left: 6px;
    display: inline-block;
    width: 38px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.notice-view .notice_table .noticelist tr td:first-child {
    text-align: left;
    padding: 0 20px;
}
.notice-view .noticelist tr td:nth-child(2) a {
    color: #727272;
}
.notice-view .panel {
    border-bottom: 1px solid #e8e8e8;
}
.notice-view .panel .panel-body {
    padding: 10px 20px;
}
.notice-view .panel .panel-body p {
    font-size: 15px;
}
.notice-view .notice-list-btn {
    text-align: center;
    margin-top: 40px;
}
.notice-view .notice-list-btn a {
    padding: 8px 48px;
    margin: 30px 0;
    background-color: #007f67;
    color: #fff;
}
.pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}
.pagination {
    display: inline-block;
    padding-left: 0;
}
.pagination li {
    display: inline;
}
.pagination>li>a {
    float: left;
    padding: 5px 11px;
    color: #b8b8b8;
    margin: 0 5px;
}
.pagination>li.active a {
    background-color: #46ab43;
    border-radius: 10px;
    border: 1px solid #46ab43;
    color: #fff;
}


.free-wrapper {
      background: url("/contents/images/main/free_bg.jpg") 50% 0 no-repeat fixed;
      background-size: cover;
      height: 260px;
      margin-top: 160px;
}
.free-wrapper nav {
      position: relative;
      margin: 0 auto;
      width: 1200px;
      height: 100%;
}
.free-wrapper nav ul {
      position: relative;
      display: flex;
      flex-direction: row;
      height: 100%;
      margin-left: 100px;
      margin-right: 100px;
}
.free-wrapper nav ul li {
      width: 50%;
}
.free-wrapper nav ul .girl-img {
      position: absolute;
      left: 0;
      bottom: 0;
}
.free-wrapper nav ul .girl-img img {
      display: block;
}
.free-wrapper nav ul .free-text {
      position: absolute;
      top: 0;
      right: 0;
      padding-top: 7%;
      font-family: "NG-bold";
}
.free-wrapper nav ul .free-text h2 {
      margin: 0;
      font-weight: normal;
      font-size: 28px;
      color: #fff;
}
.free-wrapper nav ul .free-text strong {
      color: #16d6b2;
}
.free-wrapper nav ul .free-text  p {
      margin: 0;
      padding-top: 5px;
      padding-bottom: 25px;
      color: #979797;
      font-weight: bold;
      font-size: 18px;
}
.free-wrapper nav ul .free-text aside {
      display: inline-block;
}
.free-wrapper nav ul .free-text  .free-btn {
      background-color: transparent;
      border: 0;
      display: block;
      position: relative;
      overflow: hidden;
      transition: all .35s ease-in-out .35s;
      margin: 0 auto;
      text-align: center;
}
.free-wrapper nav ul .free-text .free-btn span {
      border: 1px solid #fff;
      color: #fff;
      display: block;
      padding: 8px 18px;
      z-index: 100;
      position: relative;
      transition: all .35s ease-in-out .35s;
}
.free-wrapper nav ul .free-text .free-btn:hover span {
      background-color: #16d6b2;
      border: 1px solid #16d6b2;*/
      /* color: #fff; */
      /*transition: all .35s ease-in-out .35s;
}
.free-wrapper nav ul .free-text .free-btn:after {
      bottom: -100%;
      right: -100%;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: #36B4C7;
      transition: all .35s ease-in-out .5s;
}
.free-wrapper nav ul .free-text .free-btn:hover:after {
      right: 0;
      bottom: 0;
      transition: all ease-in-out .35s;
}
.free-wrapper nav ul .free-text .free-btn:hover:before {
      top: -100%;
      left: -100%;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: #36B4C7;
      transition: all .35s ease-in-out .5s;
}
.free-wrapper nav ul .free-text  .free-btn:hover:before {
      left: 0;
      top: 0;
      transition: all ease-in-out .35s;
}
footer {
      position: relative;
      margin: 0 auto;
      top: 100px;
      width: 1100px;
      display: block;
      padding: 20px;
      font-size: 13px;
}
footer ul:first-child {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}
footer li:last-child {
    margin-left: auto;
}
footer li {
      padding: 1px 14px;
      display: inline-block;
}
footer #sel {
      margin-left: auto;
      padding: 4px 8px;*/
      /* margin-right: 14px; */
      /*border-radius: 5px;
      color: #979797;
      font-size: 12px;
      text-align: center;
}
footer li a {*/
    /*padding: 0px 18px;*/
    /*cursor: pointer;*/
    /*font-weight: 600;
    color: #727272;
}
footer ul:last-child {
    padding: 20px 0;
    text-align: center;
    color: #999;
}
footer ul:last-child p {
      display: flex;
      margin: 0;
      padding-bottom: 5px;
}
footer ul:last-child p em {
      margin-left: auto;
      font-style: normal;
      font-weight: 600;
}
footer ul:last-child span {
      padding: 1px 0 0 8px;
      font-size: 12px;
      color: #979797;
      font-weight: 600;
}
footer aside {
      padding-top: 30px;
      padding-bottom: 60px;
      text-align: center;
      color: #979797;
}
.main-footer {
    position: relative;
    margin: 0 auto;
    top: 200px;
    width: 1100px;
    display: block;
    padding: 20px;
    font-size: 13px;
}
.main-footer ul:first-child {
    display: flex;
    justify-content: center;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}
.main-footer li {
    padding: 1px 14px;
    display: inline-block;
}
.main-footer li:first-child {
    padding-left: 0;
}
.main-footer li a {
    cursor: pointer;
    font-weight: 600;
    padding: 0;
}*/

/* price css */
/*.gnb-wrapper.price {
    position: relative;
    margin: 0 auto;
    height: 340px;
    background: url(/contents/images/intro/price_bg.jpg) no-repeat 50% fixed;
}
.price-table table {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #727272;
    border-collapse: collapse;
}
.price-table table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.payment-wrapper .price-table table tr:nth-child(4) {
    border: 2px solid #46ab43;
}
.price-table table tr:nth-child(4) td:nth-child(2),
.price-table table tr:nth-child(4) td:nth-child(3),
.price-table table tr:nth-child(4) td:nth-child(4),
.price-table table tr:nth-child(4) td:nth-child(5),
.price-table table tr:nth-child(4) td:nth-child(6),
.price-table table tr:nth-child(4) td:nth-child(7) {
    font-weight: bold;
    color: #484848;
}
.price-table table th {*/
    /*border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    /*border-right: 1px solid #ddd;
    padding: 8px 20px;
}
.price-table table th:last-child {
    border-right: none;
}
.price-table table td {
    border-right: 1px solid #ddd;
    padding: 20px 28px;
}
.price-table table td:last-child {
    border-right: none;
}
.price-table table th:nth-child(2),
.price-table table td:nth-child(2) {
    background-color: #f8f8f8;
}
.price-table table th:nth-child(4),
.price-table table td:nth-child(4) {
    background-color: #f8f8f8;
}
.price-table .btn-pay #month {
    width: 120px;
    height: 40px;
    background-color: #25282a;
    border: none;
    padding: 11px 0;
    color: #fff;
    cursor: pointer;
}
.price-table .btn-pay button {
    width: 120px;
    height: 40px;
    background-color: #007f67;
    border: none;
    padding: 11px 0;
    color: #fff;
    cursor: pointer;
}
.price-table .btn-pay:hover button {
    font-size: 14px;
    font-weight: bold;
}
.price-wrapper {
    width: auto;
    padding: 40px 0;
    margin-top: 30px;
}
.price-wrapper em {
    font-style: normal;
    font-weight: normal;
}
.price-table {
    display: table;
    margin: 0 auto;
}
.price-table b {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 13px;
    padding: 8px 0;
    color: #46ab43;
}
.price-wrapper .distribute {
    width: 1002px;
    margin: 0 auto;
    padding: 30px 0;
}
.price-wrapper .distribute li {
    width: 447px;
    margin: 27px;
    margin-bottom:40px;
    float: left;
    word-break: keep-all;
    opacity:0;
}
@media screen and (max-width: 1040px) {
    .distribute {
        width: auto;
        padding: 10px 0;
    }
    .distribute li {
        float: none;
        margin: 45px auto;
    }
}
.price-wrapper .distribute li img {
    float: left;
    padding: 10px 50px 10px 10px;
}
.price-wrapper .distribute li h4 {
    display: inline-block;
    margin: 0;
    padding-bottom: 8px;
    font-size: 24px;
}
.price-wrapper .distribute li p {
    margin: 0;
    font-size:14px;
}
.cloud-wrapper .container {
    padding: 40px 0;
    margin-top: 30px;
}
.cloud-wrapper b {
    color: #207d39;
}
.cloud-wrapper .cloud-title {
    text-align: center;
}
.cloud-wrapper .cloud-title h2 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.cloud-wrapper .cloud-title p {
    font-size: 18px;
    color: #727272;
}
.cloud-wrapper .cloud-title p b {
    color: #44b141;
    font-weight: normal;
}
.cloud-wrapper .cloud-cont {
    position: relative;
    margin-top: 30px;
}
.cloud-wrapper .cloud-cont nav {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cloud-wrapper .cloud-cont nav ul:first-child {
    margin-top: -30px;
}
.cloud-wrapper .cloud-cont nav ul:last-child {
    padding-top: 20px;
}
.cloud-wrapper .cloud-cont nav ul li {
    color: #727272;
}
.cloud-wrapper .cloud-cont nav p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #727272;
}
.cloud-wrapper .price-table {
    margin-top: 50px;
}
.cloud-wrapper .title-text {
    display: block;
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
}
.cloud-wrapper .title-text strong {
    color: #007f67;
}*/


/* login css */
/*.top-menu {
       position: relative;
      display: block;
      margin: 0 auto;
      padding: 20px 50px;
      width: 1100px;
      height: 44px; 
}
.top-menu .logo-wrapper{
      display: inline-block;
}
.top-menu .menu-wrapper {
      display: inline-block;
      float: right;
      line-height: 2.8;
}
.top-menu .menu-wrapper ul{
    display: flex;
    justify-content: flex-end;
}
.top-menu .menu-wrapper li{
    position: relative;
    padding: 0 10px;
}
.top-menu .menu-wrapper li:last-child span {
    position: absolute;
    top: -12px;
    left: 7px;
    width: 60px;
    height: 22px;
    font-size: 12px;
    background-color: #207d39;
    color: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-menu .menu-wrapper li.charge {
    display: flex;
    flex-direction: column;
    line-height: 46px;
}
.top-menu .menu-wrapper li.charge span {
    position: absolute;
    top: 10px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin: 0 4px;
    background-color: #0cce1a;
    color: #fff;
}
.top-menu .menu-wrapper li:nth-child(4) a,
.top-menu .menu-wrapper li:nth-child(5) a {
      border-bottom: 2px solid #207d39;
      padding-bottom: 3px;
}
.top-menu .menu-wrapper li a {
      color: #484848;
      font-size: 14px;
      font-weight: bold;
}*/
/*.login-wrapper {
      position: relative;
      margin: 0 auto;
      width: 1000px;
      height: 440px;
}
.side-bg {
      position: absolute;
      left: 0;
      width: 790px;
      height: 440px;
      background-color: #f8f8f8;
}
.login-wrapper aside {
      height: 100%;
}
.login-wrapper aside>img {
      width: 100%;
      height: 100%;
}
.login-wrapper .login-box {
      position: absolute;
      display: flex;
      justify-content: flex-end;
      top: 0;
      right: 0;*/
      /* width: 1500px; */
      /*height: 100%;
}
.login-wrapper .login-box .login-input {
      position: relative;
      width: 400px;
      height: 400px;
      margin: 20px 0 20px 0;
      background-color: #fff;
      border-radius: 10px 0 0 10px;
            box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2);
}
.login-wrapper .login-box .login-input .mlogim {
      padding: 70px 30px 20px 30px;
}
.login-wrapper .login-box .login-input .mlogim .form-group {
      position: relative;
      margin-bottom: 10px;
}
 .mlogim .form-group .form-control {
    display: inline-block;
    outline: none;
    width: 92%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #f6f6f6;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 }
 .mlogim .clear {
    position: absolute;
    top: 14px;
    right: 24px;
 }
 .mlogim input::placeholder {
      color: #0a6554;
}
 .mlogim .ip-id input[type=text]:focus {
       border: 1px solid #46ab43;
 }
 .mlogim .ip-pwd input[type=password]:focus {
      border: 1px solid #46ab43;
 }
.login-wrapper .login-box .login-ad {
      width: 560px;
      height: 400px;
      margin: 20px 20px 20px 0;
      border-radius: 0 10px 10px 0;
      background-color: #25282a;
      box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2);
}
.mlogim #clear {
      position: absolute;
      top: 20px;
      right: 24px;
}
.mlogim .login-btn {
    display: flex;
    flex-direction: row;
    width: 92%;
    height: 40px;
    padding: 6px 12px;
    background-color: #007f67;
    border-radius: 10px;
    transition: all 0.9s;
    align-items: center;
}
.mlogim .login-btn:focus {
      box-shadow: 0 80px 0 0 #0a6554 inset, 0 -80px 0 0 #0a6554 inset;
}
.mlogim .login-btn>img {
      padding: 0;
      width: 40px;
      height: 40px;
}
.mlogim .login-btn span {
    padding: 7px 83px;
    color: #fff;
}
.login-wrapper .login-box .login-check-wrapper {
      padding: 0 30px;
}
.login-wrapper .login-box .login-check-wrapper a {
      color: #727272;
      font-size: 14px;
}
.login-wrapper .login-box .login-check-wrapper .login-ck {
      display: flex;
      justify-content: space-between;
}
.login-wrapper .login-box .login-check-wrapper .login-ck a {
    display: flex;
    align-items: center;
}
.login-wrapper .login-box .login-check-wrapper .login-ck a:last-child {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 0 5px;
    margin-right: 5px;
}
.login-wrapper .login-box .login-check-wrapper .login-ck a img {
    height: 30px;
}
.login-wrapper .login-box .login-check-wrapper .login-ck span {
      padding: 4px 5px;
}
.login-wrapper .login-box .login-check-wrapper .member-ck {
      text-align: center;
      padding-top: 10px;
      margin-top: 16px;
      border-top: 1px solid #eee;
}
.login-wrapper .login-box .login-ad {
      display: flex;
}
.login-wrapper .login-box .login-ad ul {
      padding: 60px 110px;
}
.login-wrapper .login-box .login-ad li:first-child h2 {
      color: #3dc68b;
      letter-spacing: -4px;
      font-weight: lighter;
      padding: 0;
      margin: 0;
}
.login-wrapper .login-box .login-ad li:first-child{
      font-size: 34px;
}
.login-wrapper .login-box .login-ad li:last-child p {
      display: flex;
      flex-direction: row;
}
.login-wrapper .login-box .login-ad li:last-child p span {
      padding: 12px 12px 12px 0;
      letter-spacing: -1px;
      color: #fff;
}
.login-footer {
      top: -300px;
}
.login-footer ul{
      display: flex;
      justify-content: center;
      align-items: center;
}*/

/* join css */
/*.containerJoin {
    position: relative;
    margin: 0 auto;
    width: 850px;
    height: 100%;
    font-size: 13px;
    background-color: #fff;
}
.containerJoin>span {
    position: absolute;
    margin-top: -20px;
}
.containerJoin>span>img {
    display: none;
}
.layout_bg {
    position: absolute;
    width: 890px;
    height: 440px;
}
.layout_bg img {
    width: 100%;
    height: 100%;
}
.join-wrapper {
    position: relative;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    z-index: 9;
    box-shadow: -2px -2px 14px 3px #ddd;
}
.join-wrapper aside {
    border-radius: 0 10px 10px 0;
    width: 30%;
    background-color: #25282a;
}
.join-wrapper .side-right > span {
    color: #fff;
    display: block;
    text-align: right;
    padding: 20px;
    font-size: 13px;
}
.join-wrapper .join-view {
    width: 70%;
}
.join-wrapper .mjoin {
    padding: 25px 80px;
    border-bottom: 1px solid #eee;
}
.join-wrapper .mjoin:first-child {
    padding-top: 30px;
}
.join-wrapper .mjoin:nth-child(3) {
    border-bottom: 0;
}
.join-wrapper .mjoin .form-group {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.join-wrapper .mjoin .form-group:last-child {
    margin-bottom: 0;
}
.join-wrapper .mjoin .form-group.sm_type {
    display: flex;
    align-items: center;
}
.join-wrapper .form-group label {
    display: inline-block;
    min-width: 120px;
    color: #727272;
    font-weight: bold;
}
.join-wrapper .form-group input {
    display: inline-block;
    outline: none;
    width: 100%;
    height: 24px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-color: #f6f6f6;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 10px;
}
.join-wrapper .form-group input:focus {
    border: 1px solid #46ab43;
}
.join-wrapper .form-group input::placeholder {
    color: #b8b8b8;
    font-size: 12px;
}
.join-wrapper .form-group.sm_type,
.join-wrapper .form-group.accountType {
    padding: 10px 0;
}
.join-wrapper .mjoin #clear {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
}
.join-wrapper .mjoin .clear img {
    width: 12px;
}
.join-wrapper .business-group {
    display: inline;
    font-size: 12px;
}
.join-wrapper .business-group a {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.join-wrapper .business-group a>img {
    width: 26px;
}
.join-wrapper .business-group a span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    color: #727272;
    font-size: 14px;
    font-weight: 600;
}
.join-wrapper .business-group a:nth-child(2) {
    padding: 0 15px;
}
.join-wrapper .form-group .filebox {
    width: 100%;
    text-align: center;
}
.join-wrapper .form-group .filebox .btn-file-business {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #fff;
    background-color: #007f67;
    padding: 10px 0;
    margin-bottom: 12px;
    border-radius: 8px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}
.join-wrapper .form-group .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.join-wrapper .form-group .filebox img {
    max-width: 100%;
    height: 160px;
    border: 5px solid #e8e8e8;
    padding: 0 3px;
    background-color: #e8e8e8;
}
.join-wrapper .mjoin .form-group.businessType div {
    display: flex;
}
.join-wrapper .businessType input {
    width: 50%;
}
.join-wrapper #address {
    width: 100px;
}
.join-wrapper #jnBtnPost {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #007f67;
    color: #fff;
    cursor: pointer;
    margin-left: 4px;
}
.join-wrapper .join-footer {
    text-align: center;
    padding-bottom: 60px;
}
.join-wrapper .join-footer .joinok{
    display: inline-block;
    padding: 12px 100px;
    border-radius: 10px;
    background-color: #007f67;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.joinend-wrapper {
    text-align: center;
    padding: 60px 0;
}
.joinend-wrapper div p {
    margin: 0;
    line-height: 1.5;
    color: #727272;
    font-size: 16px;
}
.joinend-wrapper button {
    font-size: 18px;
    margin-top: 56px;
}
.joinend-wrapper h1 {
    font-size: 28px;
}
.agree-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 60px;
    margin: 0 auto;
    max-width: 580px;
    min-width: 460px;
    font-size: 13px;
    box-shadow: -2px -2px 14px 3px #ddd;
}*/
/*전체동의*/
/*.agree-wrapper .terms-chk-all .chk-bx {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.agree-wrapper .terms-chk-all .chk-bx input {
    position: absolute;
    top: 50%;
    left: 1px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    outline: 0;
}*/
/*.agree-wrapper .terms-chk-all label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    width: 24px;
    height: 24px;
    margin-top: -14px;
    background: #f5f6f7 url(/contents/images/icon/ic_chk_bold.png) no-repeat 0 0;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}
.agree-wrapper .terms-chk-all .agr-chk input:checked+label:before {
    content: '';
    background: #f5f6f7 url(/contents/images/icon/ic_chk_ok.png) no-repeat 0 0;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}*/
/****************/
/*.agree-wrapper .join-agree .ico_agree {
    background-image: url(/contents/images/icon/ic_chk.png);
}
.agree-wrapper .join-agree .ico_agree.ico_check {
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    background-position: -24px 0;
}
.agree-wrapper .join-agree .chk-on .ico_check {
    background-position: 0 !important;
}
.agree-wrapper .agr-chk {
    position: relative;
    display: block;
}
.agree-wrapper .agr-chk input {
    position: absolute;
    top: -2px;
    left: -3px;
    width: 22px;
    height: 22px;
    opacity: .01;
}
.agree-wrapper .agr-chk label {
    position: relative;
    display:block;
    overflow: hidden;
    cursor: pointer;
    color: #4c4c4c;
    font-size: 15px;
}
.agree-wrapper .terms_necessary {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    color: #08a600;
}
.agree-wrapper .chk-all-txt {
    text-decoration: underline;
    font-weight: 500;
}
.agree-wrapper .terms-bx {
    display: block;
    padding-top: 24px;
}
.agree-wrapper .terms-box .agreement-content, 
.agree-wrapper .terms-box .policy-content {
    padding: 0;
}
.agree-wrapper .terms-box {
    position: relative;
    overflow: auto;
    height: 200px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.agree-wrapper .join-footer {
    margin-top: 40px;
}
.agree-wrapper .btn-agree {
    display: block;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    background-color: #f6f6f6;
}
.agree-wrapper .btn-agree:hover {
    background-color: #e7e7e7;
}*/


/*이용약관*/
.terms-wrapper {
    position: relative;
    margin: 60px auto;
    width: 960px;
    font-size: 13px;
    word-break: keep-all;
}
.terms-title {
    font-size: 30px;
    margin: 0;
    margin-bottom: 20px;
}
.terms-menu {
    border-bottom: 1px solid #25282a;
}
.terms-menu ul {
    height: 57px;
}
.terms-menu li {
    width: 200px;
    height: 100%;
    float: left;
    background-color: #25282a;
    border: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
}
.terms-menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
    font-size: 15px;
}
.agreement-content,
.policy-content {
    padding: 40px;
}
.agreement-content .list-type,
.policy-content .list-type{
    padding: 20px 0;
}
.agreement-content .list-type ul,
.policy-content .list-type ul{
    margin: 14px 0;
}
.agreement-content .list-type strong,
.policy-content .list-type strong {
    margin-bottom: 20px;
}

.policy-content .list-type table,
.agreement-content .list-type table {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.policy-content .list-type table p,
.agreement-content .list-type table p {
    margin: 0;
}
.policy-content .list-type table thead th,
.agreement-content .list-type table thead th {
    background-color: #f7f7f7;
}
.policy-content .list-type table th,
.agreement-content .list-type table th {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.policy-content .list-type table td,
.agreement-content .list-type table td {
    padding: 10px 20px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.policy-content .list-type table td:last-child,
.agreement-content .list-type table td:last-child {
    border-right: none;
}
.agreement-content .list-type .terms-table {
    padding: 10px 0;
}

.policy-content .list-type table tr:last-child td,
.agreement-content .list-type table tr:last-child td{
    border-bottom: none;
}
.terms-use.active {
    border-bottom: 4px solid #46ab43;
}
.terms-use.active a{
    color: #46ab43;
}
.terms-privacy.active {
    border-bottom: 4px solid #46ab43;
}
.terms-privacy.active a{
    color: #46ab43;
}
/*아이디,비번찾기*/
/*.containerHelp {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto;
    max-width: 390px;
    min-width: 340px;
    font-size: 13px;
    box-shadow: -2px -2px 14px 3px #ddd;
}
.find-wrapper p {
    margin: 0;
    color: #727272;
}
.find-select ul {
    height: 50px;
}
.find-select li {
    width: 49.6%;
    height: 100%;
    float: left;
    text-align: center;
    color: #929292;
    border-bottom: 1px solid #007f67;
    background-color: #f6f6f6;
}
.find-select li.active {
    border-left: none;
    border-bottom: none;
    background-color: #fff;
}
.find-select .id-select.active {
    border-right: 1px solid #007f67;
}
.find-select li.active a {
    color: #007f67;
    font-weight: bold;
}
.find-select li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 17px;
    color: #929292;
}
.find-wrapper .find-content {
    padding: 22px 10px;
    height: 260px;
}
.find-wrapper .find-text {
    padding: 0 10px 22px 10px;
}
.find-wrapper .find-id {
    padding: 0 10px;
}
.find-wrapper .find-id .form-control{
    display: inline-block;
    outline: none;
    width: 92%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    background-color: #f6f6f6;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.find-wrapper .find-id .form-control::placeholder {
    color:#b8b8b8;
    font-weight: bold;
}
.find-wrapper .find-id input[type=text]:focus,
.find-wrapper .find-id input[type=number]:focus {
       border: 1px solid #46ab43;
 }
.find-wrapper .find-id input[type="number"]::-webkit-outer-spin-button,
.find-wrapper .find-id input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.find-wrapper .find-btn {
    display: block;
    height: 40px;
    padding: 6px 12px;
    background-color: #007f67;
    border-radius: 10px;
    transition: all 0.9s;
}
.find-wrapper .find-btn span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}
.find-wrapper .find-id .form-group {
    position: relative;
    margin-bottom: 10px;
}
.find-id .clear {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px;
}
.id-result .find-text,
.pw-result .find-text {
    padding: 50px 0 78px 0;
    text-align: center;
}
.id-result .find-text h2 {
    font-weight: 500;
}
.join-wrapper .sm_type-group {
    display: flex;
    align-items: center;
    font-size: 12px;
}
.join-wrapper .sm_type-group .sm_type-item {
    display: flex;
    align-items: center;
}
.join-wrapper .sm_type-group .sm_type-item + .sm_type-item {
    margin-left: 18px;
}
.join-wrapper .sm_type-group a {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.join-wrapper .sm_type-group a:nth-child(2) {
    padding: 0 15px;
}
.join-wrapper .sm_type-group a>img {
    width: 26px;
}
.join-wrapper .sm_type-group a span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    color: #727272;
    font-size: 14px;
    font-weight: 600;
}*/
/* tooltip */
/*.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip img {
    vertical-align: middle;
}
.tooltip:hover .tooltip-text {
    display: block;
}
.tooltip-text {
    display: none;
    position: absolute;
    padding: 16px;
    border: 1px solid #63b378;
    background-color: #fff;
    font-size: 12px;
    box-shadow: 2px 2px 2px #ddd;
    z-index: 1;
    color: #727272;
    text-align: left;
    top: 24px;
    left: -5px;
}
.tooltip.supply .tooltip-text {
    width: 190px;
}
.tooltip.seller .tooltip-text {
    width: 130px;
}*/
/* voucher layout */
/*.layer_overlay {
    display: flex;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.6;
    z-index: 99999;
}

.verifyEmail {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #007f67;
    color: #fff;
    margin-left: 4px;
    cursor: pointer;
    border: none;
}*/
/*로그인 인증 추가 231109 김수진*/
/*.containerLogin.renew-login-wrap .second-login {
    border:0 !important;
}
.containerLogin.renew-login-wrap .login-ck span{
    font-weight:bold;
}
.containerLogin.renew-login-wrap .ip-number{
    display:flex;
    align-items:center;
}
.containerLogin.renew-login-wrap .ip-number input {
    width:88%;
}
.containerLogin.renew-login-wrap .renew-login-num {
    outline: none;
    border: none;
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-right: 4px;
    width: 31%;
}
.containerLogin.renew-login-wrap .renew-login-send {
    background: #6f6f6f;
}
.containerLogin.renew-login-wrap .login-box .login-input {
    height: fit-content;
    padding-bottom: 50px;
}
.containerLogin.renew-login-wrap .login-box .login-input .mlogim {
    padding-bottom: 0;
}
.containerLogin.renew-login-wrap .login-check-wrapper {
    padding-top:20px;
}
.containerLogin.renew-login-wrap input.form-control::placeholder {
    color: #b8b8b8;
}
.containerLogin.renew-login-wrap .renew-login-certification{
    position:relative;
    width:100%;
}
.containerLogin.renew-login-wrap #timer {
    position: absolute;
    top: 2px;
    right: 0;
    color: #ff7200;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 12px;
    font-weight:bold;
}
.containerLogin.renew-login-wrap .renew-login-ture {
    font-size: 12px;
    color: #29bc25;
    font-weight:bold;
    margin-bottom:10px;
}
.containerLogin.renew-login-wrap .renew-login-false{
    font-size: 12px;
    color: #ff2f2f;
    font-weight: bold;
    margin-bottom: 10px;
}
.containerLogin.renew-login-wrap .renew-login_text {
    width: 50%;
    white-space: nowrap;
    text-align: center;
}
.containerLogin.renew-login-wrap .renew-login_btn {
    padding: 0;
    width: 30%;
}*/
/*로그인 첫화면*/
/*.containerLogin.renew-login-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.containerLogin.renew-login-wrap .login-box .login-input .mlogim {
    padding-bottom: 0 !important;
    padding-top: 50px;
}
.containerLogin.renew-login-wrap .renew-login-default_first {
    width: 790px;
    height: 403px;
    margin-left: auto;
    background-color: #f8f8f8;
}
.containerLogin.renew-login-wrap .login-ad {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.containerLogin.renew-login-wrap .login-ad ul {
    padding: 0;
}
.containerLogin.renew-login-wrap .login-ad ul li:first-child,
.containerLogin.renew-login-wrap .login-ad ul li:nth-child(2) {
    font-size: 51px;
    color: #3dc68b;
    letter-spacing: -4px;
    font-weight: bold;
    line-height: 1.3;
}

.containerLogin.renew-login-wrap .login-ad ul li:nth-child(3) {
    font-size: 51px;
    color: #3dc68b;
    letter-spacing: -4px;
    font-weight:500 ;
}
.containerLogin.renew-login-wrap .login-ad ul li span{
    font-weight:500 ;
}
.containerLogin.renew-login-wrap .login-ad .renew-login-footer{
    display:flex;
    align-items:center;
    margin-top: 10px;
}
.containerLogin.renew-login-wrap .login-ad .renew-login-footer p{
    font-size: 16px;
    color: #fff;
    margin-right:12px;
}*/
/*250904 파트너스*/
/*파트너스 공통사용*/
.partners-common .common-input {
    height: 40px !important;
    min-width: 70px;
    border-radius: 4px !important;
    border: 1px solid #d8d8d8 !important;
    background: #fff !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px;
    color: #424242;
    padding: 0 12px !important;
    box-sizing: border-box;
    margin-right: 0 !important;
    box-shadow: none !important;
}
.partners-common .common-input::placeholder {
    color: #929292 !important;
}
.partners-common .common-input:focus {
    background: #fff !important;
    border: 1px solid #007f67 !important;
    box-shadow: none !important;
    outline: none !important;
}
.partners-common .password-icon {
    position: absolute;
    top: 59px;
    right: 10px;
}
.partners-common .iconhide{
    display:none;
}
/*250904 파트너스*/
/*로그인*/
/*공통*/
.partners-content {
    background: #fff;
    min-height: 100dvh; /* 모바일 주소창 변동 대응,현재 뷰포트 높이 전체 */
    display: grid;
    grid-template-rows: 1fr auto;
    font-family: Pretendard-Regular;
}
.partners-common {
    /* background: url(/contents/images/intro/partners-login-bg.png) no-repeat 50% 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    min-height: calc(100vh - 253px);*/
    position: relative;
    min-height: calc(100vh - 253px);
    display: flex;
    align-items: center;
    justify-content: center;

}
.partners-common .common-box {
    border-radius: 16px;
    background: #fff;
    padding: 60px;
    box-sizing: border-box;
    width: clamp(375px, 480px, 480px);
    z-index: 9;
}
.partners-common .common-head {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 24px;
}
.partners-common .common-head img {
    margin: 0 auto;
    display: flex;
    height:36px;
}
.partners-common .common-title {
    color: #424242;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.6px;
    padding: 20px 0 12px;
}
.partners-common .common-btn {
    border-radius: 8px;
    background: #007f67;
    height: 50px;
    padding: 0 16px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:'Pretendard-Regular';
}
.partners-common .common-btn-s {
    padding: 0 12px;
    height: 40px;
    margin-top: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.26px;
}
.partners-common .head-title-m {
    display: none;
}
.partners-common .partners-wrap {
    width: clamp(375px, calc(100vw - 32px), 480px);
}
.partners-common .head-icon-arrow {
    position: absolute;
    left: 4px;
}
.partners-common .head-icon-arrow img{
    height:32px;
}
.partners-common .head-title-web,
.partners-common .head-title-m{
    text-align:center;
}
/*checkbox*/
.partners-chk-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.partners-common .partners-chk {
    display: block !important;
    width: 16px;
    height: 16px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #727272;
    appearance: none;
    margin-right:0;
}
.partners-common .partners-chk:checked {
    width: 16px;
    height: 16px;
    background-image: url(/contents/images/icon/partnerts-icon-chk.png);
    background-size: 100% 100% !important;
    border: 0 !important;
}
/*radio*/
.partners-common .partners-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #727272;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right:0;
}
.partners-common .partners-radio:checked {
    background-color: #007f67;
    border: 2px solid white;
    box-shadow: 0 0 0 1px #007f67;
}
.partners-common .join-footer{
    margin-top:32px;
}
/*공통end*/
/*로그인1치*/
.partners-company .common-head {
    padding-bottom:8px;
}
.partners-company .common-box {
    padding: 40px 40px 60px;
}
.partners-company .login-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partners-company .box-head {
    text-align: center;
}
.partners-company .head-icon-arrow {
    display: block;
}
.partners-company .head-icon-arrow img {
    display: flex;
}
.partners-company .head-logo {
    display: block;
}
.partners-company .body-text p {
    font-size: 28px;
    line-height: 36.4px;
    letter-spacing: -0.56px;
    font-weight: 400;
}
.partners-company .body-text p:last-child {
    color: #46ab43;
    font-weight: 600;
}
.partners-company .box-body {
    margin: 0 20px;
}
.partners-company .body-text {
    border-bottom: 1px solid #e8e8e8;
    padding: 24px 0 28px;
    text-align: center;
}
.partners-company .head-title-web img {
    height: 36px;
}
/*로그인2차*/
.partners-partners .box-name {
    padding-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.partners-partners .box-name .text {
    color: #424242;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.48px;
    word-break: break-word;
}
.partners-partners .box-name img{
    height:29px;
}
.partners-partners .login-tab {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    padding-bottom: 16px;
}
.partners-partners .tab-link {
    padding: 20px 16px 21px 16px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.28px;
    color: #424242;
    position: relative;
    cursor: pointer;
    flex: 1;
}
.partners-partners .login-tab input[type="radio"] {
    position: absolute; /* 화면에서 밀어내기 */
    opacity: 0; /* 보이지 않게 */
    width: 0;
    height: 0;
}
.partners-partners .bottom-cnt1 {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    border-bottom: 1px solid #e8e8e8;
}
.partners-partners .tab-bottom .text {
    color: #929292;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.60px;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space:nowrap;
}
.partners-partners .bottom-cnt2{
    margin-top:20px;
}
.partners-partners .bottom-cnt2 .text {
    justify-content: center;
}
.partners-partners .bottom-cnt2 a {
    color: #46ab43;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-underline-position: from-font;
}
.partners-partners .bottom-common {
    margin: 12px 0;
    padding: 20px 0;
}
.partners-partners {
    box-sizing: border-box;
    padding:40px 16px;
    background: #f6f6f6;
}
.partners-partners .partners-chk-wrap {
    color:#929292;
    font-weight: 600;
    font-size:14px;
}
/*radio 체크시*/
.partners-partners .login-tab .tab-link:has(> input[type="radio"]:checked) {
    color: #46ab43;
}
.partners-partners .login-tab .tab-link:has(> input[type="radio"]:checked)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: #46ab43;
  border-top-right-radius: 50px;   
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;   
  border-bottom-left-radius: 50px;
}

/*회원가입-동의*/
.partners-agree{
    box-sizing: border-box;
    padding-block: 40px;
    padding-inline: 16px;
    background: #f6f6f6;
}
.partners-agree .common-box {
    padding: 53px 40px 40px 40px;
}
.partners-agree .agree-chk-all {
    padding-bottom:13px;
}
.partners-agree .chk-all-txt {
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-underline-position: from-font;
}
.partners-agree .agree-wrap{
    padding-top:24px;
}
.partners-agree .partners-chk-wrap {
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.28px;
}
.partners-agree .partners-chk-wrap.chk-all {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
}
.partners-agree .partners-chk-wrap .point {
    color: #46ab43;
    font-weight: 400;
}
.partners-agree .agree-box {
    height: 200px;
    padding: 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    overflow-y:auto;
    margin-top:10px;
}
.partners-agree .agree-box .list-type strong {
    color: #424242;
    font-size: 13px;
    font-weight: 600;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.26px;
    margin:16px 0 14px;
    display:block;
}
.partners-agree .agree-box .list-type li,
.partners-agree .agree-box .list-type p {
    color: #727272;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.26px;
}
.partners-agree .footer{
    padding-top:32px;
}
.partners-agree .footer .common-btn{
    margin-top:0;
}
.partners-agree .list-type{
    padding:0;
}
.partners-agree dd{
    margin-left:30px;
}
/*회원가입*/
.partners-join {
    box-sizing: border-box;
    padding-block: 40px;
    padding-inline: 16px;
    background: #f6f6f6;
}
.partners-join .common-box {
    padding: 60px 40px;
}
.partners-join .common-input{
    width:100%;
    flex:1;
}
.partners-join .join-common-box{
    display:flex;
    align-items:center;
    gap:8px;
}
.partners-join .join-common-box .filebox {
    position: relative;
}
.partners-join .join-common-box .filebox .common-btn{
    white-space:nowrap;
    cursor:pointer;
}
.partners-join .join-common-box #ps_snum_file {
    position: absolute;
    top: 28px;
    width: 100%;
    display: inline-block;
    clip: rect(0, 0, 0, 0);
}
.partners-join #filePreview {
    padding: 16px 45px;
    width: 240px;
    margin: 0 auto;
}
.partners-join #filePreview img {
    display: block;
    max-width: 100%;
}
.partners-join .businesstype-box .box-text{
    display:flex;
    align-items:center;
    gap:8px;
}
.partners-join #jnBtnPost img{
    margin-left:12px;
}
.partners-join .gap-null{
    padding-top:0px;
}
.partners-join .gap-t32 {
    padding-top: 32px;
}
.partners-join .width-fix-btn {
    width: 120px;
    white-space: nowrap
}
.partners-join .verify-box{
    display:flex;
    align-items:center;
    gap:8px;
}
.partners-join .box-num {
    position: relative;
    display: flex;
    flex: 1;
}
.partners-join .box-num #timer {
    font-weight: bold;
    color: darkgreen;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    right: 0;
    height: 50px;
    line-height: 40px;
    padding: 0 8px;
    height: 40px;
}
.partners-join .id-box #clear {
    position: absolute;
    top: 8px;
    right: 10px;
}
.partners-join .img-box {
    background: #f8f8f8;
    padding: 16px 0;
    margin: 8px 0 0;
    display:none;
}
.partners-join .companytype-box {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 28px;
}
.partners-join .companytype-box label {
    color: #727272;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.partners-join .password-icon #clear {
    position: relative;
    top: 2px;
    display:inline-block;
}
.partners-join .iconshow{
    margin-left:4px;
}
/*입점완료*/
.partners-joinend {
    box-sizing: border-box;
    padding: 40px 16px;
    background: #f6f6f6;
}
.partners-joinend .common-box {
    padding: 60px 40px;
}
.partners-joinend .box-body {
    text-align:center;
}
.partners-joinend .text-top p {
    color: #424242;
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.52px;
}
.partners-joinend .text-top span {
    color: #46ab43;
}
.partners-joinend .text-bottom {
    padding: 24px 0 28px;
    border-bottom: 1px solid #e8e8e8;
}
.partners-joinend .text-bottom p {
    color:#727272;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%; /* 16.9px */
    letter-spacing: -0.26px;
}
.partners-joinend .body-bottom{
    padding-top:40px;
}
.partners-joinend .body-bottom p {
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
}
.partners-joinend .body-bottom p:nth-child(2){
    font-weight: 600;
}
/*footer*/
.partners-footer {
    padding: 20px;
    display: grid;
    place-items: center;
    background: #fff;
}
.partners-footer .footer-box {
    max-width: 1000px;
    width: 1000px;
    box-sizing: border-box;
}
.partners-footer .box-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8e8e8;
}
.partners-footer .box-bottom {
    padding: 20px 0;
}
.partners-footer .box-top li:nth-child(-n+4)::after {
    content: "|";
}
.partners-footer .box-top a {
    color: #727272;
    font-size: 13px;
    font-weight: 600;
    margin: 0 14px;
}
.partners-footer .box-top li:last-child {
    margin-left: auto;
}
.partners-footer .box-top .text-policy {
    border-bottom: 1px solid #727272;
}
.partners-footer .box-bottom li {
    margin-bottom: 4px;
}
.partners-footer .box-bottom li :last-child {
    margin-bottom: 0;
}
.partners-footer .box-top li:last-child::after {
    content: none;
}
.partners-footer .box-bottom p {
    color: #929292;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.26px;
}
.partners-footer .box-bottom .text-right {
    font-weight: 600;
}
.partners-footer .box-bottom .point {
    font-weight: 600;
}
.partners-footer .box-bottom .text {
    color: #727272;
    font-weight: 600;
    margin-top: 13px;
}

/*미디어쿼리*/
/*@media (max-width:768px) {*/
    /*공통*/
    /*.partners-content {
        min-height: 100vh;
        display: block;
    }
    .partners-common .common-head {
        display: flex;
        padding: 14px 10px;
    }
    .partners-common,
    .partners-footer {
        background: #fff;
    }
    .partners-common {
        min-height: 100%;
    }
    .partners-common .login-bg,
    .partners-footer {
        display: none;
    }
    .partners-common .common-box {
        padding: 0px;
        width: 100%;
    }
    .partners-common .head-title-m {
        display: block !important;
        color: #222;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: -0.32px;
    }
    .partners-common .head-logo {
        padding-top: 32px;
    }
    .partners-common .head-title-web {
        display: none;
    }*/
    /*로그인 관리자,판매사*/
    /*.partners-partners .partners-wrap {
        width: 100%;
    }
    .partners-partners .common-login-box {
        padding: 0 20px;
    }
    .partners-partners {
        padding: 0;
    }
    .partners-partners .common-box{
        padding:32px 20px;
    }
    .partners-partners .box-name{
        padding-bottom: 28px;
    }
    .partners-company .body-text{
        padding-top:32px;
    }*/
    /*회원가입-동의*/
    /*.partners-agree .partners-wrap {
        width: 100%;
    }
    .partners-agree {
        padding: 0;
    }
    .partners-agree .common-box {
        padding: 32px 20px;
    }*/
    /*회원가입*/
    /*.partners-join .partners-wrap {
        width: 100%;
    }
    .partners-join {
        padding: 0;
    }
    .partners-join .common-box {
        padding: 32px 20px  50px;
    }
}*/