/**
	member skin css
*/

.access .panel-footer{overflow:hidden;}
.provision{position:relative; z-index:15; width: 754px; margin:-725px auto 0; padding:37px 77px; background:#33333345; box-sizing:border-box; border-radius:17px;}
.search form{padding:20px;}
.search textarea {padding: 15px;background: #f7f7f7;font-size: 12px;}
.final{width: 754px; margin: 0 auto;}
.final .btn_final{margin-top:20px; text-align:center;}
.checkAll{position:relative; padding:32px 24px 67px;  border-top: 1px solid #ffffff60; box-sizing:border-box;}
.checkAll h3 {margin:0 0 19px; color:#FFF; font-size:24px; line-height:1; font-weight:300;}
.checkAll h3 b {color:#FFF; font-weight:bold;}
.checkAll p { color:#FFF;font-size:16px; line-height:1;}
.checkAll label { color:#FFF;position:absolute; right:0; top:32px; font-size:18px; font-weight:600; display:flex; flex-flow:row-reverse nowrap; align-items:center; gap:12px; border:0 !important;}
.checkAll label input {margin:0 !important ; width:24px; height:24px; border-radius:4px;}
.registeragree {padding:0 24px; }
.registeragree li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
.registeragree li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}

.registerform {padding:20px 0 0; border-top: 1px solid #ddd;}
.registerform li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
.registerform li > span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}

.register_result {padding:30px 0;  border-top: 1px solid #ddd;}

.btnList {margin:0 !important;}
.table-heading,.table-box { margin:0; background:none !important;}
.table-box .table-heading {text-align:center;}
.table-box .table-body .registeragree > li > p {margin:0 0 30px;}
.table-box .table-body .registeragree > li > p > strong {color:#FFF; font-size:24px; font-weight:300; line-height:1;}
.table-body textarea {margin:0 0 18px; box-sizing:border-box;}
.table-body label {display:flex; gap:10px; color:#FFF; font-size:18px; border-bottom:1px solid #fff; }
.table-body label input {width:24px; height:24px; margin:0 0 45px; border-radius:4px; }
textarea.input {height:181px;}

.registeragree li:nth-child(2) label {border:0;}
.btn.btn-success{width:100%; color:#fff; font-size:18px; font-weight:300; line-height:50px; box-shadow:unset; border:0; border-radius:30px; background-color: #333333;}

.loginTitle {display:flex; flex-flow:column nowrap; justify-content: flex-end; gap:15px; width: 754px; margin:25px auto 220px; box-sizing:border-box;}
.loginTitle h2 {font-size:39px; line-height:1; }
.loginTitle p {font-size:21px; line-height:1.2; }

.navbar {position:unset !important;}
.register {margin:100px auto; padding:35px; box-sizing:border-box; border:1px solid #ddd; border-radius:30px;}
.registerform {}
.registerform li {margin:0 0 15px;}
.registerform li > span {line-height:40px;}

.table-box .table-heading {padding:0 15px 20px; font-size:34px; font-weight:500;}
.hd_logo img, .rightSide img {filter: brightness(0.3);}
.navbar .hd_left .hd_gnb .menu .dropdown-menu li a {color:#4b4b4b;}

input[type="text"], input[type="numbere"],input[type="email"],input[type="password"] { font-size:16px; width:100% !important; height:40px !important; line-height:40px; box-sizing:border-box;}
input[type="checkbox"] {margin:0 !important;}
label {color:#4b4b4b !important;}
.btnList .group {display:flex; flex-flow:row nowrap; align-items:center; gap:15px;}
.btnList .group * {width:50% !important; height:60px !important; padding:0 !important; line-height:60px !important; font-size:18px; font-weight:300; border-radius:30px;}


@media screen and (max-width:768px){
	.registerBackground {height:60vh;}
	.registerBackground img {display:block; width:100%; height:100%; object-fit:cover;}
	.main .container .table-box .table-heading {padding:0 0 22px; font-size:18px;}
	.provision {width:auto; margin:-49.715333vh 20px 0; padding:30px 20px;}
	.checkAll {padding:20px 0 5px;}
	.checkAll h3 {margin:0 0 10px; font-size:14px;}
	.checkAll p {font-size:12px;}
	.checkAll label {flex-flow:row nowrap; justify-content:flex-start; position:unset; padding:30px 0 0 !important; font-size:14px;}
	.table-body label input {width:15px; height:15px;}
	.registeragree{padding:0;}
	.table-box {margin:0;}
	.table-box .table-body .registeragree > li > p { margin:10px 0;}
	.table-box .table-body .registeragree > li > p > strong {font-size:14px;}
	.table-body textarea {margin:0 0 10px;}
	.table-body label {padding:0 0 20px; font-size:14px; color:#FFF !important;}
	.table-body label input {margin:0;}
	.registeragree li {margin:0;}
	.btn.btn-success {height:42px; padding:0; line-height:42px; font-size:14px;}
	.loginTitle {width:auto; margin:30px 20px;}
	.loginTitle h2{font-size:18px; }
	.loginTitle p {font-size:16px;}
	
	.register {width:auto; height:auto; margin:80px 20px 0; padding:30px 20px;}
	.register .capcha {display:flex; flex-flow:row nowrap; gap:15px;}
	.register .capcha .help-block {font-size:11px;}
	.register .capcha span {width:50%; padding:0;}
	.register .capcha span img {display:block; width:100%;}
	.register .capcha > div {width:50%;}
	.register .capcha input {}
	.btnList .group * {height:40px !important; line-height:40px !important; font-size:14px !important; border-radius:5px;}

	.main .container .final {width:auto; margin:80px 20px 0; padding:30px 20px;}
	.main .container .table-body .msg_content {padding:0; font-size:16px;}
	.main .container .table-body .msg_content .btn_final a  {width:100% !important; height:40px !important; line-height:40px !important; font-size:14px !important; border-radius:5px;}
	.main .container .registerform li > span {font-size:12px;}
	.main .container .registerform li label {padding:9px 0; }
}