html {position: relative; min-height: 100%;}
body {font-family: 'Nanum Gothic','Open Sans'; min-height: 100%;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
img[src*=".svg"] {width: 100%;}
#footer {width: 100%; background-color: #262626; color: #FFFFFF;}


/* custom bootstrap */

.dropdown:hover>.dropdown-menu {display:block;}
.dropdown-menu {margin:0;}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 250px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, 1); font-weight: 700;}
.navbar-dark .navbar-nav .nav-link:hover {color: rgba(46, 201, 255, 1);}
.navbar-dark .navbar-nav .nav-link:focus {color: rgba(46, 201, 255, 1);}
.navbar-dark .navbar-nav .nav-link.disabled {color: rgba(255, 255, 255, 1);}
.dropdown-item {font-weight: 700;}

.bg-dark-alpha {background-color: rgba(52,58,64,0.7) !important;}

.ctmenu .nav-link {margin:0.5rem 1rem; color:#FFF;}
.rtmenu .nav-link {font-size:0.75rem;}

.navbar-brand img {width: 150px;}

.navbar-nav .dropdown .bg-dark a {color:#FFFFFF;}
.navbar-nav .dropdown .bg-dark a:hover, .navbar-nav .dropdown .bg-dark a:focus {color: rgba(46, 201, 255, 1); background-color: #1d2124 !important;}

.dropdown-toggle::after {border:none;} /* 메뉴 옆 삼각형 없앰 */
.breadcrumb {background-color: transparent; justify-content: flex-end;}
.breadcrumb-item + .breadcrumb-item::before {color: #FFF;}
.breadcrumb-item.active {color: #FFF;}
.table th, .table td {vertical-align: middle; border-bottom: 1px solid #dee2e6;}

.btn-teal {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}

.btn-teal:hover {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}

.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}

.btn-teal.disabled, .btn-teal:disabled {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}

.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: #1db588;
  border-color: #1db588;
}

.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}

.btn-outline-teal {
  color: #20c997;
  border-color: #20c997;
}

.btn-outline-teal:hover {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}

.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-teal.disabled, .btn-outline-teal:disabled {
  color: #20c997;
  background-color: transparent;
}

.btn-outline-teal:not(:disabled):not(.disabled):active, .btn-outline-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}

.btn-outline-teal:not(:disabled):not(.disabled):active:focus, .btn-outline-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.text-teal {
  color: #20c997 !important;
}

a.text-teal:hover, a.text-teal:focus {
  color: #20c997 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

a.text-teal:hover, a.text-teal:focus {
  color: #6f42c1 !important;
}

.alert-purple {
  color: #6f42c1;
  background-color: #deccff;
  border-color: #d1b8ff;
}

.alert-purple hr {
  border-top-color: #c09eff;
}

.alert-purple .alert-link {
  color: #1d0052;
}

.btn-light {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #d2d5d9;
  border-color: #dae0e5;
}

.input-group-append {margin-right:-10px;}

table .danger {background-color: #dc3545; color: #FFFFFF; text-align: center;}
table .teal {background-color: #20c997; color: #FFFFFF; text-align: center;}
table .primary {background-color: #007bff; color: #FFFFFF; text-align: center;}


/* content */
/* index */
.ibox {padding-left:0; padding-right:0;}
.container .mainboxes {margin:50px 0;}
.container .mainboxes > .col-sm-4 {padding-left:0;}
.container .mainboxes .col-sm-4 div.card {height: 616px; border-radius: 0; border:1px solid rgba(0,0,0,.125);}
.container .mainboxes .col-sm-4 div.card h3 {font-weight: bold;}
.container .mainboxes .col-sm-4 div p.ip {border: 1px solid #007bff; color: #007bff; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5;
  border-radius: 0.25rem; text-align: center; vertical-align: middle;}
.container .mainboxes .col-sm-4 div p.time {color:#666;}
.container .mainboxes .col .row div {height: 300px;}
.container .mainboxes .col .row:first-child {margin-bottom: 1rem;}
.container .mainboxes .col .row:first-child div h3 {color:#FFF; margin: 1.875rem;}
.container .mainboxes .col .row:first-child div:first-child {background:#000 url('../images/bg01.png') no-repeat; background-size: cover; margin-right:1rem;}
.container .mainboxes .col .row:first-child div:last-child {background:#000 url('../images/bg02.png') no-repeat; background-size: cover;}
.container .mainboxes .col .row:first-child button {position: absolute; bottom: 0; margin-bottom: 1.875rem; margin-left: 1.875rem;}

.container .mainboxes .col .row:last-child div h3 {color:#FFF; margin-top: 1.875rem; margin-left: 0.625rem;}
.container .mainboxes .col .row:last-child div:first-child {background:#000 url('../images/bg03.png') no-repeat; background-size: cover; margin-right:1rem;}
.container .mainboxes .col .row:last-child div:nth-child(2) {background:#000 url('../images/bg04.png') no-repeat; background-size: cover; margin-right:1rem;}
.container .mainboxes .col .row:last-child div:nth-child(3) {background:#000 url('../images/bg05.png') no-repeat; background-size: cover;}
.container .mainboxes .col .row:last-child div a {border:1px solid #FFF; width: 150px; height: 40px; padding-left:10px; line-height: 40px; color: #FFF; 
  margin-left: 0.625rem; text-decoration: none; position: absolute; bottom:0; margin-bottom: 30px;}
.container .mainboxes .form-group a:last-child {float: right; width:65%;}
.container .mainboxes h3.card-title {margin-top:1.25rem;}
.container .mainboxes h3.cs {margin-top:1.875rem;}
.container .mainboxes h3.login_after {margin-top:30%; text-align: center;}
.container .mainboxes div.login_after {margin-top:30%; margin-bottom: 30%;}
.container .mainboxes div.login_after a:first-child {width: 50%;}
.container .mainboxes div.login_after a:last-child {width: 40%;}


.nf {clear: both;}
.nf a {color:#FFF; text-decoration: none;}
.nf>.row>.col:first-child {background:#000 url('../images/bg_nf01.jpg') no-repeat; background-size: cover; height: 300px; color: #FFF;}
.nf>.row>.col>.notice {position:absolute; right:0; transform: translateX(-30%);}
.nf>.row>.col>.notice h3 {margin:1.875rem 0 1.875rem 1.875rem;}
.nf>.row>.col>.notice ul {padding:0; margin-left: 1.875rem;}
.nf>.row>.col>.notice ul li {line-height: 2.25rem; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nf>.row>.col:last-child {background:#000 url('../images/bg_nf02.jpg') no-repeat; background-size: cover; height: 300px; color: #FFF;}
.nf>.row>.col>.faq h3 {margin:1.875rem 0 1.875rem 1.875rem;}
.nf>.row>.col>.faq ul {padding:0; margin-left: 1.875rem;}
.nf>.row>.col>.faq ul li {line-height: 2.25rem; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.threeboxes {margin:3.125rem auto;}
.threeboxes .col-sm-3 {border:1px solid #333; min-height: 300px;}
.container > .row > .col-sm-3 > .row > .col {padding: 2px; margin-top: 3.125rem; text-align: center;}
.container > .row > .col-sm-3 > .row > .col-sm-8  {padding:0; margin-top: 3.125rem;}
.threeboxes .col-sm-3 .col-sm-8 p {margin:0; font-size: 1rem;}
.threeboxes .col-sm-3 .col-sm-8 span {font-size: 0.875rem; display: inline-block; color: #666;}
.threeboxes .col-sm-3 .col-sm-8 span:nth-of-type(2) {margin-top: 1.875rem;}
.container > .row > .col-sm-3 > .row > .col-sm-8 a {border:1px solid #333; padding: 0.625rem 1.25rem; color:#666; text-decoration: none; 
  display: inline-block; margin-top: 2.5rem;}
.container > .row > .col-sm-3:last-child > .row > .col-sm-8 a {margin-top: 1.188rem;}

/* common */
.page-title h1 {margin-top: 6rem; font-weight: bold;}

/* footer */
#footer {padding: 0; width: 100%;}
#footer .container {padding-top: 0.5rem;}
.footer_bottom {background-color: #2b2b2b; margin-top: 0.5rem;}
.footer_bottom .container .row .col, .footer_bottom .container .row .col-sm-1, .footer_bottom .container .row .col-sm-2 {line-height: 2rem;}
.footer_bottom .container .row .col {margin-left:25%;}
.footer_bottom .container .row .col-sm-2 {text-align: right;}
.footer_bottom .container .row .col-sm-1 a, .footer_bottom .container .row .col-sm-2 a {color: #FFFFFF;}
.footer_bottom .container .row .col-sm-1 a:hover, .footer_bottom .container .row .col-sm-2 a:hover {color: #83a5de; text-decoration: none;}
.footer_bottom .container .row .col span {color: #cbcbcb; margin-right: 0.75rem;}
.footer_bottom .container .row .col span:nth-child(3) {}
.footer_logo img {vertical-align: top; width: 150px; height: 45px;}
.footer_box .help_info span {margin-right: 0.75rem; font-size: 1rem; color: #cbcbcb; font-weight: bold;}
.footer_box .help_info span:nth-child(2) a {font-size: 1rem; color: #83a5de;}
.footer_box .help_info span:nth-child(2) a:hover {text-decoration: none;}
.footer_box .help_info span:last-child {font-weight: normal; font-size: 0.875rem;}
.footer_box .address div span {font-size: 0.875rem; color: #888888; margin-right: 0.75rem;}

/* sub01 introduce */
.sub01 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub01 {background: #000000 url("../images/pagebg01.jpg") no-repeat center center;}

.sub01con {margin:100px auto;}
.sub01con .row .col h3 {text-align: center; line-height: 2.5rem;}
.sub01con .sixcolumn {margin-bottom: 6.25rem;}
.sub01con .sixcolumn .col-sm-4 {text-align: right;}
.sub01con .sixcolumn .col-sm-9 {text-align: left; padding:0;}
.sub01con .sixcolumn .col-sm-9 h4 {font-size: 1rem; margin:0.625rem 0 1.563rem 0;}
.sub01con .sixcolumn .col-sm-9 span {font-size: 0.875rem; color: #666;}

/* sub02 proxy01 */
.sub02 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub02 {background: #000000 url("../images/pagebg02.jpg") no-repeat center center;}

.sub02con {margin:100px auto;}
.sub02con .tab-content .tab01 {margin-top: 3.125rem;}
.sub02con .tab-content .tab01 h3 {line-height: 2.5rem;}
.sub02con .tab-content .tab01 .row .col-sm-4 .card {border: none;}
.sub02con .tab-content .tab01 .row {margin-top : 1rem;}
.sub02con .tab-content .tab01 .row .col-sm-4 .card .tc {padding-top: 0.625rem;}
.sub02con .tab-content .tab01 .row .col-sm-4 .card .card-body {padding: 0.625rem;}
.sub02con .tab-content .tab01 .row .col-sm-4 .card .card-body .card-text {text-align: center;}
.sub02con .tab-content .tab01 ol li {list-style: decimal; line-height: 2rem;}
.sub02con .tab-content .tab01 table tbody tr th {text-align: center;}
.sub02con .tab-content .tab01 table tbody tr td {text-align: center;}
.sub02con .tab-content .tab01 p.text-secondary {margin-left: 1rem; text-indent: -0.9rem;}

.nav li.nav-item {margin-right: 0.625rem;}
.nav li.nav-item:last-child {margin-right: 0;}

.sub02con .tab-content .tab02 {margin-top: 3.125rem;}
.sub02con .tab-content .tab02 ol.guide_txt li {padding: 0; margin-bottom: 0;}
.sub02con .tab-content .tab02 ol {padding: 0;}
.sub02con .tab-content .tab02 ol li {line-height: 2rem; margin-bottom: 0.5rem;}
.sub02con .tab-content .tab02 ol li span {display: inline-block; border-radius: 50%; height: 2rem; width: 2rem; 
  background-color: #dc3545; margin: auto 0.4rem; text-align: center; color: #FFFFFF;}
.sub02con .tab-content .tab02 ol li div {margin-left: 2.8rem;}

.sub02con .tab-content .tab02-2 {margin-top: 3.125rem;}
.sub02con .tab-content .tab02-2 ol.guide_txt li {padding: 0; margin-bottom: 0;}
.sub02con .tab-content .tab02-2 ol {padding: 0;}
.sub02con .tab-content .tab02-2 ol li {line-height: 2rem; margin-bottom: 0.5rem;}
.sub02con .tab-content .tab02-2 ol li span {display: inline-block; border-radius: 50%; height: 2rem; width: 2rem; 
  background-color: #20c997; margin: auto 0.4rem; text-align: center; color: #FFFFFF;}
.sub02con .tab-content .tab02-2 ol li div {margin-left: 2.8rem;}

.sub02con > .nav a.nav-link {margin-right: 0.625rem;}

/* sub03 vpn */
.sub03 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub03 {background: #000000 url("../images/pagebg03.jpg") no-repeat center center;}

.sub03con {margin:100px auto;}
.sub03con .tab-content .tab01 {margin-top: 3.125rem;}
.sub03con .tab-content .tab01 h3 {line-height: 2.5rem;}
.sub03con .tab-content .tab01 .row .col-sm-4 .card {border: none;}
.sub03con .tab-content .tab01 .row {margin-top : 1rem;}
.sub03con .tab-content .tab01 .row .col-sm-4 .card .card-body .card-text {text-align: center;}
.sub03con .tab-content .tab01 ol li {list-style: decimal; line-height: 2rem;}
.sub03con .tab-content .tab01 table tbody tr th {text-align: center;}
.sub03con .tab-content .tab01 table tbody tr td {text-align: center;}
.sub03con .tab-content .tab01 p.text-secondary {margin-left: 1rem; text-indent: -0.9rem;}

.sub03con .tab-content .tab02-3 {margin-top: 3.125rem;}
.sub03con .tab-content .tab02-3 ol.guide_txt li {padding: 0; margin-bottom: 0;}
.sub03con .tab-content .tab02-3 ol {padding: 0;}
.sub03con .tab-content .tab02-3 ol li {line-height: 2rem; margin-bottom: 0.5rem;}
.sub03con .tab-content .tab02-3 ol li span {display: inline-block; border-radius: 50%; height: 2rem; width: 2rem; 
  background-color: #007bff; margin: auto 0.4rem; text-align: center; color: #FFFFFF;}
.sub03con .tab-content .tab02-3 ol li div {margin-left: 2.8rem;}

/* sub04 order */
.sub04 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub04 {background: #000000 url("../images/pagebg04.jpg") no-repeat center 55%;}

.sub04con {margin:50px auto;}
.sub04con h3 {line-height: 2.5rem;}
.sub04con .gbrbox {border: 1px solid #dee2e6; padding: 1.25rem; border-radius: 0.25rem;}
.sub04con .gbrbox table .teal {background-color: #20c997; color: #FFFFFF; text-align: center;}
.sub04con .gbrbox table .danger {background-color: #dc3545; color: #FFFFFF; text-align: center;}
.sub04con .gbrbox table .primary {background-color: #007bff; color: #FFFFFF; text-align: center;}
.sub04con .gbrbox table tbody tr th {text-align: center;}
.sub04con .gbrbox table tbody tr td {text-align: center;}
.sub04con .gbrbox p.text-secondary {margin-left: 1rem; text-indent: -0.9rem;}
.sub04con .gbrbox .collapse .card {margin-bottom: 2rem;}
.sub04con .gbrbox table input[type="checkbox"] {width: 1.25rem; height: 1.25rem; vertical-align: middle;}
.sub04con .gbrbox table thead tr th input[type="checkbox"] {margin-bottom: 2px;}
.sub04con .gbrbox .alert {text-align: center; font-weight: bold;}

.sub04con .gbrbox .tab-content .tab-pane h3 {margin-top: 1.875rem;}
.sub04con .gbrbox .tab-content .tab-pane p.secondary {color: #6c757d; line-height: 2rem;}
.sub04con .gbrbox table .num_select {width: 3.125rem; margin-right: 0.625rem;}
.sub04con .gbrbox table.pay_table {margin-bottom: 1px;}
.sub04con .gbrbox table.pay_table tbody {border:1px solid #bee5eb;}
.sub04con .gbrbox table.pay_table th {background-color: #d1ecf1; border-color: #bee5eb; text-align: center; font-weight: bold; width: 20%;}
.sub04con .gbrbox table.pay_table td {text-align: left; border: none;}
.sub04con .gbrbox table.pay_table tr:last-child td {border-bottom: 1px solid #bee5eb;}
.sub04con .gbrbox table.pay_table td input[type="radio"] {width: 1rem; height: 1rem; vertical-align: middle; margin: auto 0.625rem;}
.sub04con .gbrbox table.pay_table td.paytxt {width: 50%; padding-top: 2rem;}
.sub04con .gbrbox table.pay_table td.paytxt p {padding-left: 2rem; line-height: 2rem;}
.sub04con .gbrbox table.pay_table td.paytxt p input[type="text"] {height: 2rem; width: 9rem; padding-left:5px; padding-right:5px;}

.sub04con .gbrbox table.receipt_table > tbody {border:1px solid #bee5eb;}
.sub04con .gbrbox table.receipt_table > tbody > tr > th {background-color: #d1ecf1; border-color: #bee5eb; text-align: center; font-weight: bold; width: 20%;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td {text-align: left; border-color: #bee5eb;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > input[type="radio"] {width: 1rem; height: 1rem; vertical-align: middle; margin: auto 0.625rem;}

.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table {margin-bottom: 0;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr > th {width: 20%; text-align: left; background-color: #f1f1f1;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr > td {width: 30%; text-align: left;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr > td > input[type="text"] {width: auto; height: 2.375rem; vertical-align: middle; padding-left: 5px; padding-right: 5px;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:first-child > td > input[type="text"] {width: 6rem;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(2) > td > input[type="text"] , 
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(3) > td > input[type="text"] {width: 100%;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(4) > td:nth-child(2) > input[type="text"] {width: 100%;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(4) > td:nth-child(4) > input[type="text"] {width: 65px;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(5) > td > input[type="text"] , 
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(6) > td > input[type="text"] , 
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table > tbody > tr:nth-child(7) > td > input[type="text"] {width: 225px; margin-right: 0.625rem;}

.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > table.cellphone > tbody > tr > td {width: 80%;}
.sub04con .gbrbox table.receipt_table > tbody > tr > td > div.receipt > span {margin-left: 0.625rem; font-weight: bold;}

.sub04con .gbrbox table.paysum tbody {border: 1px solid #bee5eb;}
.sub04con .gbrbox table.paysum tbody tr td {border-color: #bee5eb;}
.sub04con .gbrbox table.paysum tbody tr th {width:40%; background-color: #d1ecf1; border-color: #bee5eb;}

.sub04con .gbrbox .radiobtns label {margin-right:5px; background-color: #efefef; border-radius: 4px; overflow:auto;}
.sub04con .gbrbox .radiobtns label span {text-align: center; padding: 0.725rem; display: block;}
.sub04con .gbrbox .radiobtns label input {position: absolute; z-index: -100;}
.sub04con .gbrbox .radiobtns input:checked + span {background-color: #d1ecf1; font-weight: bold;}
.sub04con .gbrbox .radiobtns {margin-top: 30px;}

.sub04con .gbrbox .paybox {border: 1px solid #dee2e6; padding: 1.25rem; border-radius: 0.25rem;}
.sub04con .gbrbox .paybox label {font-weight: bold; display: inline-block;}
.sub04con .gbrbox .paybox input[type='text'] {margin-left:0.725rem; display: inline-block;}
.sub04con .gbrbox .paybox .form-group {margin-bottom: 0.5rem;}
.sub04con .gbrbox .paybox .form-group label.col-sm-2 {min-width: 150px;}
.sub04con .gbrbox .paybox .form-group .col-sm-2 span {position: absolute; margin-top:6px; margin-left:-8px;}
.sub04con .gbrbox .paybox p {margin:0; line-height: 2rem;}


/* sub04 mypage */
.sub04con #mypage-tabs > li.nav-item a {line-height: 2rem; font-size: 1.25rem;}
.sub04con .mypage-gbrbox {border: 1px solid #dee2e6; border-top: none; padding: 1.25rem; padding-top: 3rem;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content > .tab-pane h3 {margin: 1.25rem auto;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content > #t00 .frbtn {display: inline-block; float: right;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content > #t00 .frbtn::after {content: ''; clear: both;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content table {text-align: center; margin-bottom: 4rem;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content table caption {caption-side: bottom; text-align: left; line-height: 2rem;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content table.chtb tbody tr th {width: 33%; background-color: #f1f1f1;}
.sub04con .mypage-gbrbox > .tab-pane > .tab-content table.chtb tbody tr td {width: 33%;}

.sub04con .mypage-gbrbox > .tab-pane > form .row {margin:0;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div.form-group {padding-top:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #ddd;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify label {font-weight: bold;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div p {margin-bottom: 0; display: inline-block; line-height: 2.5rem;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div p.txt {margin-left: 1rem;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div.row2 label {background-color: transparent;} 
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify .form-group .passtxt {position: absolute; left: 35%; bottom: 6px; font-size: 1rem;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify .form-group .passtxt button {margin-bottom: -6px;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div.tc {margin:1rem auto;}

#info-modify .modal-body label {font-weight: bold;}
#info-modify .modal-body p {margin-top: 6px; margin-bottom: 0;}
#info-add .modal-body label {font-weight: bold;}
#info-add .modal-body p {margin-top: 6px; margin-bottom: 0;}

.sub04con.pay_error {margin: 6.25rem auto; text-align: center; border:1px solid #dee2e6; border-radius: 1rem; padding: 2rem;}
.sub04con.pay_error h3 {margin:1rem auto;}
.sub04con.pay_error .detail {margin:2rem auto; line-height: 2rem;}
.sub04con.pay_error a {margin:1rem auto;}

.sub04con.pay_bank {margin: 6.25rem auto; text-align: center; border:1px solid #dee2e6; border-radius: 1rem; padding: 2rem;}
.sub04con.pay_bank h4, .sub04con.pay_bank div, .sub04con.pay_bank h5 {margin: 2rem; line-height: 2rem;}
.sub04con.pay_bank span {color: #007bff;}

/* sub05 CS */
.sub05 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub05 {background: #000000 url("../images/pagebg05.jpg") no-repeat center center;}
.sub05con {margin:100px auto;}
.sub05con > form > .form-group select {height: 38px;}
.sub05con > form > .form-group button {padding-left:0.625rem;}
.sub05con > table.notice {text-align: center;}
.sub05con table.notice a {color: #000; text-decoration: none;}
.sub05con > table.notice a strong {font-weight: bold;}
.sub05con > table.notice td.title {width: 660px; text-align: left;}
.sub05con > .pagenum {margin:50px auto;}
.sub05con > .notice-view {margin-bottom: 2rem;}
.sub05con > .notice-view > .thead {min-height: 3.125rem; background-color: #e9ecef; border-bottom: 2px solid #dee2e6; border-top: 1px solid #dee2e6;}
.sub05con > .notice-view > .thead p {display: inline-block; padding: 0 15px 0 15px; font-weight: bold; line-height: 3.125rem;}
.sub05con > .notice-view > .thead p:first-child {float: left;}
.sub05con > .notice-view > .thead p:last-child {float: right;}
.sub05con > .notice-view > .tbody {clear: both; padding: 0.9375rem; min-height: 5rem; text-align: left; border-bottom: 1px solid #dee2e6;}

.md-accordion .card {overflow: visible; -webkit-box-shadow: none; box-shadow: none; border:0; border-bottom: 1px solid #e0e0e0; -webkit-border-radius: 0; border-radius: 0;}
.md-accordion .card:first-of-type, .md-accordion .card:not(:first-of-type):not(:last-of-type) {border-bottom: 1px solid #e0e0e0;}
.md-accordion .card .card-header {border-bottom: 0; padding: 1rem 1.5rem; background: transparent; margin-bottom: -1px;}
.md-accordion .card .card-header .card-title {font-weight: 400;}
.md-accordion .card .card-header a {-webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; text-decoration: none;}
.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.md-accordion .card .fa-angle-down {float: right;}
.md-accordion .card .card-body {font-size: 1rem; line-height: 1.7; font-weight: 300; color: #626262;}
.md-accordion .card .card-body .card-content {padding:1rem; border: 1px solid #e0e0e0;}
.md-accordion .card .card-body .card-content img {max-width: 100%;}
.md-accordion .card .card-body .card-content table {max-width: 100%;}
.mb-0, .my-0 {margin-bottom: 0!important;}

.sub05con table.write select {height: 38px; width: 100%;}
.sub05con table.write textarea {resize: none;}
.sub05con table.write tbody tr th {background-color: #e9ecef; border-color: #dee2e6; text-align: center;}

/* sub06 login join */
.sub06 {color: #FFFFFF; padding-top: 72px; height: 322px;}
.sub06 {background: #000000 url("../images/pagebg06.jpg") no-repeat center center;}
.sub06con {margin:100px auto;}
.sub06con p.ip {border: 1px solid #007bff; color: #007bff; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5;
  border-radius: 0.25rem; text-align: center; vertical-align: middle;}
.sub06con .joinbox {margin: 50px 0; padding: 0;}
.sub06con .joinbox textarea {resize: none; width: 100%; padding: 1rem; color: #666; line-height: 1.75rem;}
.sub06con .joinbox div.check {display: table-cell; padding-top: 10px;}
.sub06con .joinbox div.check input[type="checkbox"] {width: 19px; height: 19px; vertical-align: top; margin-right: 0.625rem; margin-top: 2px;}
.sub06con .joinbox div.check span {line-height: 1rem;}
.sub06con .joinbox h5 {margin: 1rem auto; color: #FF0000;}

.sub06con .row {margin:0;}
.sub06con div.form-group {padding-top:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #ddd;}
.sub06con label {font-weight: bold;}
.sub06con div select {height: 2rem; margin-top: 4px;}
.sub06con .form-group p {margin-bottom: 0; display: inline-block; line-height: 2.5rem;}
.sub06con .form-group p.txt {margin-left: 1rem; color: #FF0000;}
.sub06con div.radio {padding-top: 6px;}
.sub06con div.radio input[type="radio"] {width: 20px; height: 20px; vertical-align: middle; margin-right: 0.3125rem; margin-bottom: 4px;}
.sub06con div.radio span {font-weight: normal; margin-right: 1rem;}
.sub06con div.bsnum input[type="text"] {width: 20%;}
.sub06con div.bsnum span.m5 {padding-top: 2px;}
.sub06con div.postnum a {margin-left: 24px;}
.sub06con div.postnum2 input[type="text"]:first-child {margin-right: 20px;}

.sub06con .join03 {margin: 6.25rem auto; text-align: center; border:1px solid #dee2e6; border-radius: 1rem; padding: 2rem;}
.sub06con .join03 h2 {font-size: 4rem; line-height: 4rem; font-weight: bold;}
.sub06con .join03 img {margin-top: 2rem;}
.sub06con .join03 h3 {font-size: 2rem; line-height: 2rem;}
.sub06con .join03 h5 {line-height: 2rem; color: #666; margin-top: 2rem;}
.sub06con .join03 h5:nth-child(1) {margin-top: 1rem;}

.sub06con .h-100 .find {border:1px solid #007bff; border-radius: .3rem; text-align: center; margin-top: 2.625rem; padding:0.625rem;}
.sub06con .h-100 .find p {margin-bottom: 0;}



ul.stepper {
  counter-reset: section;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 1rem 0;
  }
ul.stepper li div {padding: 0.5rem 1.5rem; text-align: center;}
ul.stepper li div .circle {
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  line-height: 1.7rem;
  margin-right: 0.5rem;}
ul.stepper li div .label {display: inline-block; color: rgba(0, 0, 0, 0.38);}
ul.stepper li.active div .label, ul.stepper li.completed div .label {font-weight: 600; color: rgba(0, 0, 0, 0.87);}

.stepper-horizontal {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;}
.stepper-horizontal li {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;}
.stepper-horizontal li div .label {margin-top: 0.63rem;}
.stepper-horizontal li:not(:last-child):after {
  content: "";
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem 0 0 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);}
.stepper-horizontal li:not(:first-child):before {
  content: "";
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem 0 0 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);}
/* .stepper-horizontal li:hover {background-color: rgba(0, 0, 0, 0.06);} */
.stepper-horizontal > li:not(:last-of-type) {margin-bottom: 0 !important;}

.primary-color, ul.stepper li.active div .circle, ul.stepper li.completed div .circle {background-color: #4285f4 !important;}
.danger-color, ul.stepper li.warning div .circle {background-color: #ff3547 !important;}

/* Extra small devices (portrait phones, 576px 미만)*/
@media (max-width: 575px) {
#carouselEx .carousel-caption {transform: translateY(25%);}
#carouselEx .carousel-caption h2 {font-size: 2rem;}

.ibox {padding-left:15px; padding-right:15px;}
.container .mainboxes > .col-sm-4 {padding-right:0;}
.container .mainboxes .col .row:first-child div:first-child {margin-right: 0; margin-top: 1rem;}
.container .mainboxes .col .row:first-child div:last-child {margin-top: 1rem;}
.container .mainboxes .col .row:last-child div:first-child {margin-right: 0;}
.container .mainboxes .col .row:last-child div:nth-child(2) {margin-right: 0; margin-top: 1rem;}
.container .mainboxes .col .row:last-child div:nth-child(3) {margin-top: 1rem;}

.container .mainboxes h3.login_after {margin-top:30%; text-align: center;}
.container .mainboxes div.login_after {clear:both; margin-top:30%; margin-bottom: 15%;}
.container .mainboxes div.login_after a:first-child {width: 100%; margin-bottom: 2%;}
.container .mainboxes div.login_after a:last-child {width: 100%;}

.nf>.row>.col>.notice {position: relative; left:0; transform: translateX(0);}
.nf>.row>.col>.notice ul li {line-height: 1.5rem; margin-bottom: 1rem; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nf>.row>.col>.notice h3 {margin-left: 0.875rem;}
.nf>.row>.col>.notice ul {margin-left: 0.875rem; margin-right: 0.875rem;}
.nf>.row>.col>.faq ul li {line-height: 1.5rem; margin-bottom: 1rem; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nf>.row>.col>.faq h3 {margin-left: 0.875rem;}
.nf>.row>.col>.faq ul {margin-left: 0.875rem; margin-right: 0.875rem;}

.threeboxes .row {margin:0;}
.container > .row > .col-sm-3 {margin-bottom: 1rem;}
.container > .row > .col-sm-3 > .row > .col {margin-top: 1rem;}
.container > .row > .col-sm-3 > .row > .col-sm-8 {text-align: center; margin-top: 1rem;}
.threeboxes .col-sm-3 .col-sm-8 span {display: block;}
.container > .row > .col-sm-3 > .row > .col-sm-8 a {margin-top: 1rem;}
.container > .row > .col-sm-3:last-child > .row > .col-sm-8 a {margin-bottom: 1.65rem;}

.footer_box .address div span {display: block; line-height: 1.5rem;}
.footer_box .help_info span:last-child {display: block;}
.footer_bottom .container .row .col-sm-2 {text-align: left;}
.footer_bottom .container .row .col {margin-left:0;}

.sixcolumn > .row > .col {width: 100%; text-align: center;}
.sixcolumn > .col-sm-4.row {margin:0; margin-bottom: 2rem;}
.sub01con .sixcolumn {margin-bottom: 1rem;}
.sub01con .sixcolumn .col-sm-9 {text-align: center;}
.sub01con .sixcolumn .col-sm-9 h4 {font-size: 1rem; margin:0.625rem 0 0.625rem 0;}

.nav li.nav-item {width: 100%; display: block; margin-bottom: 0.625rem; margin-right: 0;}
.nav-tabs li.nav-item {border:1px solid #dee2e6; border-radius: 4px;}
.nav-tabs li.nav-item a.active {border: none; font-weight: bold; background-color: #007bff; color:#FFF;}

.sub02con .tab-content .col-sm-6 img {width: 100%;}
.sub02con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub02con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.table {width: 100%; font-size:12px;}
.table100 {width: 100%; margin-bottom: 1rem; color: #212529;}
.table100 th, .table100 td {padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;}
.table100 thead th {vertical-align: bottom; border-bottom: 2px solid #dee2e6;}
.table100 tbody + tbody {border-top: 2px solid #dee2e6;}

.sub03con .tab-content .col-sm-6 img {width: 100%;}
.sub03con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub03con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.frbtn {display: block; margin: 1rem auto; clear:both;}
.frbtn button {width:100%;}

.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify .form-group .passtxt {position: relative; left: 0%; top:0; margin: 1rem auto; font-size: 1rem;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify .form-group .passtxt button {margin: 0.625rem auto;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div p {line-height: 2rem;}
.sub04con .mypage-gbrbox > .tab-pane > form.mypage-modify div p.txt {margin-left: 0;}
.sub04con table input[type="text"] {margin-bottom: 0.875rem;}
.tab-pane h3.subac {margin-top: 2rem;}
.sub04con .form-group .form-inline button.btn-outline-info {margin-top: 0.725rem;}

.sub05con {margin:50px auto;}
.sub05con .table-responsive table.notice a {color: #000; text-decoration: none;}
.sub05con .table-responsive table.write a {color: #000; text-decoration: none;}
.sub05con > form > .form-group button {width:100%; margin-top: 0.625rem;}
.sub05con > .notice-view > .thead p {line-height: 1rem; max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
margin-top: 1rem;}
.sub05con > .notice-view > .tbody img {width: 100%;}

.md-accordion .card img {width:100%;}

.sub06con {margin:50px auto;}
.sub06con form.join .form-group p {line-height: 2rem;}
.sub06con form.join .form-group p.txt {margin-left: 0;}
.sub06con form.join div.bsnum input[type="text"] {width: 25%;}
.sub06con form.join div.postnum a {margin-left: 0; margin-top: 1rem;}
.sub06con form.join div.postnum2 input[type="text"]:first-child {margin-right: 0; margin-bottom: 1rem;}

.sub06con .join03 {margin: 1rem auto; padding: 2rem 1rem;}
.sub06con .join03 h2 {font-size: 2rem; line-height: 2rem; font-weight: bold;}
.sub06con .join03 img {width: 50%;}
.sub06con .join03 h3 {margin-top: 2rem; line-height: 2.5rem;}

.sub06con .finduser {margin-bottom: 2rem;}
}

/* Medium devices (tablets and mobile, 575px 이상) */
@media (min-width: 576px) and (max-width: 767px) {
#carouselEx .carousel-caption {transform: translateY(25%);}

.container .mainboxes .form-group a:last-child {float: left; width: 100%; margin-top: 0.875rem;}
.container .mainboxes h3.cs {clear:both; font-size:1rem; margin:0; padding-top: 0.875rem;}
.container .mainboxes h3.num {font-size:1rem;}
.container .mainboxes .col .row:last-child div a {width:100px;}

.container .mainboxes h3.login_after {margin-top:30%; text-align: center;}
.container .mainboxes div.login_after {clear:both; margin-top:30%; margin-bottom: 15%;}
.container .mainboxes div.login_after a:first-child {width: 100%; margin-bottom: 2%;}
.container .mainboxes div.login_after a:last-child {width: 100%;}

.nf>.row>.col {max-width: 100%; flex: 0 0 100%;}
.nf>.row>.col>.notice {position: relative; left:0; transform: translateX(0);}
.nf>.row>.col>.notice ul li {max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nf>.row>.col>.notice h3 {margin-left: 0.875rem;}
.nf>.row>.col>.notice ul {margin-left: 0.875rem; margin-right: 0.875rem;}
.nf>.row>.col>.faq ul li {max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nf>.row>.col>.faq h3 {margin-left: 0.875rem;}
.nf>.row>.col>.faq ul {margin-left: 0.875rem; margin-right: 0.875rem;}

.threeboxes .row {margin:0;}
.threeboxes .row .col-sm-3 {margin-bottom: 1rem;}
.threeboxes .row .col-sm-3 .row .col {margin-top: 1rem;}
.threeboxes .row .col-sm-3 .row .col-sm-8 {margin-top: 1rem; max-width: 100%; flex: 0 0 100%; text-align: center;}
.threeboxes > .row > .col-sm-3 > .row > .col-sm-8 a {margin-top: 1rem;}
.threeboxes > .row > .col-sm-3:last-child > .row > .col-sm-8 span {margin-top: 0.875rem;}
.threeboxes > .row > .col-sm-3:last-child > .row > .col-sm-8 a {margin-top: 0.875rem; margin-bottom: 0.875rem;}

.footer_bottom .container .row .col-sm-1,
.footer_bottom .container .row .col-sm-2 {max-width: 100%; flex: 0 0 100%; text-align: left;}
.footer_bottom .container .row .col {margin-left:0;}

.sixcolumn .row {margin:0;}
.sixcolumn .row .col {text-align: center; padding:0; margin:0; max-height: 40px;}

.sub02con .tab-content .col-sm-6 img {width: 100%;}
.sub02con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub02con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.sub03con .tab-content .col-sm-6 img {width: 100%;}
.sub03con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub03con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.sub04con table input[type="text"] {margin-bottom: 0.875rem;}

.nav li.nav-item {width: 100%; display: block; margin-bottom: 0.625rem; margin-right: 0;}
.nav-tabs li.nav-item {border:1px solid #dee2e6; border-radius: 4px;}
.nav-tabs li.nav-item a.active {border: none; font-weight: bold; background-color: #007bff; color:#FFF;}

.table {width: 100%; font-size:12px;}
.table100 {width: 100%; margin-bottom: 1rem; color: #212529;}
.table100 th, .table100 td {padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;}
.table100 thead th {vertical-align: bottom; border-bottom: 2px solid #dee2e6;}
.table100 tbody + tbody {border-top: 2px solid #dee2e6;}

.sub06con form.join .form-group p.txt {margin-left: 0;}
.sub06con .join03 h2 {font-size: 3rem; line-height: 2rem; font-weight: bold;}

}


/* Medium devices (tablets, 768px 이상) */
@media (min-width: 768px) and (max-width: 1024px) {
#carouselEx .carousel-caption {transform: translateY(25%);}

.container .mainboxes .form-group a:last-child {float: left; width: 100%; margin-top: 0.875rem;}
.container .mainboxes h3.cs {clear:both; font-size:1rem; margin:0; padding-top: 0.875rem;}
.container .mainboxes h3.num {font-size:1rem;}
.container .mainboxes .col .row:last-child div a {width:100px;}

.container .mainboxes h3.login_after {margin-top:30%; text-align: center;}
.container .mainboxes div.login_after {clear:both; margin-top:30%; margin-bottom: 15%;}
.container .mainboxes div.login_after a:first-child {width: 100%; margin-bottom: 2%;}
.container .mainboxes div.login_after a:last-child {width: 100%;}

.nf>.row>.col {max-width: 100%; flex: 0 0 100%;}
.nf>.row>.col>.notice {position: relative; left:0; transform: translateX(0);}
.nf>.row>.col>.notice ul li {max-width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.threeboxes .row {margin:0;}
.threeboxes .row .col-sm-3 {margin-bottom: 1rem;}
.threeboxes .row .col-sm-3 .row .col {margin-top: 1rem;}
.threeboxes .row .col-sm-3 .row .col-sm-8 {margin-top: 1rem; max-width: 100%; flex: 0 0 100%; text-align: center;}
.threeboxes > .row > .col-sm-3 > .row > .col-sm-8 a {margin-top: 1rem;}
.threeboxes > .row > .col-sm-3:last-child > .row > .col-sm-8 span {margin-top: 0.875rem;}
.threeboxes > .row > .col-sm-3:last-child > .row > .col-sm-8 a {margin-top: 0.875rem; margin-bottom: 0.875rem;}

.footer_bottom .container .row .col-sm-1,
.footer_bottom .container .row .col-sm-2 {max-width: 100%; flex: 0 0 100%; text-align: left;}
.footer_bottom .container .row .col {margin-left:0;}

.sixcolumn .row {margin:0;}
.sixcolumn .row .col {text-align: center; padding:0; margin:0; max-height: 40px;}

.sub02con .tab-content .col-sm-6 img {width: 100%;}
.sub02con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub02con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.sub03con .tab-content .col-sm-6 img {width: 100%;}
.sub03con .tab-content .col-sm-6 ol {margin-top: 1rem;}
.sub03con .tab-content .col-sm-6 ol li div {margin-left: 0;}

.sub04con table input[type="text"] {margin-bottom: 0.875rem;}
.sub04con .form-group .form-inline button.btn-outline-info {margin-top: 0rem;}

.table {width: 100%; font-size:12px;}
.table100 {width: 100%; margin-bottom: 1rem; color: #212529;}
.table100 th, .table100 td {padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;}
.table100 thead th {vertical-align: bottom; border-bottom: 2px solid #dee2e6;}
.table100 tbody + tbody {border-top: 2px solid #dee2e6;}

.sub06con form.join .form-group p.txt {margin-left: 0;}
.sub06con .join03 h2 {font-size: 3rem; line-height: 2rem; font-weight: bold;}

}