@charset "utf-8";

/***************************************************************
	[layout]
***************************************************************/
/*html, body { height:100%; }*/
.page-wrap { padding-top:40px; padding-bottom:40px; display:flex; align-items:center; }
.wrapper { width:100%; max-width:380px; height:auto; margin:auto; padding-right:15px; padding-left:15px; display:flex; flex-wrap:wrap; transition:all .2s ease-out; }
.main-wrap { width:100%; /*min-height:100vh;*/ display:flex; flex:1 1 auto; flex-direction:column; background-color:transparent; }
.main-footer { padding-top:8px; color:rgba(0,0,0,0.45); font-size:12px; font-weight:500; text-align:center; }
.segment-wrap { background-color:transparent; }
.segment-body { padding:0; }

/****** responsive & retina specific ****** /
@media (min-width:1900px) {
	.container { max-width:1280px; }
}

/***************************************************************
	[common]
***************************************************************/



/***************************************************************
	[sign in]
***************************************************************/
.page-wrap.page-signin { height:100vh !important;  background: #edf0f5/*background-image:url(../images/img-signin.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;*/ }
.page-signin .segment-wrap { box-shadow:0 14px 45px -25px rgba(0,0,0,.5); }
.page-signin .segment-body { display:flex; flex-wrap:wrap; }
.page-signin .panel-wrap { width:100%; min-height:1px; margin:0; position:relative; background-color:#fff; }
.page-signin .panel-wrap:first-child { display:none; background-color:transparent; }
.page-signin .panel-header { margin-top:32px; padding:15px 30px; border:0; }
.page-signin .panel-header h3 { width:100%; color:#434e5f; font-size:24px; font-weight:300; }
.page-signin .panel-header h3 span { margin-right:6px; white-space:nowrap; }
.page-signin .panel-body { padding:30px; }
.page-signin .panel-wrap:first-child .panel-body { padding:0; }
.page-signin .panel-body .figure { margin:0; }
.page-signin .panel-body .figure img { width:100%; }
.page-signin .panel-body fieldset .form-group .btn { min-width:100%; margin-top:24px; border-radius:32px; }
.page-signin .panel-body fieldset .form-control { border-radius:0; border-top-color:transparent; border-right-color:transparent; border-left-color:transparent; }
.page-signin .main-footer { color:rgba(255,255,255,0.45); }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.page-signin .wrapper { max-width:768px; }
	.page-signin .panel-wrap { flex:0 0 50%; max-width:50%; }
	.page-signin .panel-wrap:first-child { display:block; flex:1 1 50%; max-width:50%; }
	.page-signin .panel-header { margin-top:45px; }
	.page-signin .panel-header h3 { font-size:32px; }
	.page-signin .panel-header h3 span { display:none; }
	.page-signin .panel-body fieldset .form-group .btn { min-width:128px; }

	.page-signin .panel-body fieldset .form-group .btn-login { width:100%; }
	.page-signin .panel-body fieldset .form-group .btn-findpw { width:auto;font-size: 13px;margin-top: 4px; }
    .page-signin .main-body { min-height:1px; margin-top:34px; }
    .page-signin .main-footer { padding-top:16px; }
}
/****** migration ******/
.page-signin .panel-header h3 { padding-top:0; padding-bottom:0; display:block; white-space:normal; }



/***************************************************************
	[sign up]
***************************************************************/
.page-wrap.page-account { background-color:#f5f6f8; }
.page-wrap.page-join2,
.page-wrap.page-findpw { height:100vh; }

.page-account .segment-header h2 { margin-bottom:48px; display:block; position:relative; }
.page-account .segment-header h2::after { content:""; width:32px; height:1px; margin-left:-16px; position:absolute; bottom:-26px; left:50%; background-color:#424d5f; }
.page-account .segment-header h2 a { display:block; }
.page-account .segment-header small { margin-bottom:16px; display:flex; justify-content:center; font-size:16px; }

.page-account .segment-body hr { margin-top:32px; margin-bottom:32px; border-top:1px dotted #c2c2c2; }
.page-account .segment-body fieldset hr { margin-top:16px; margin-bottom:16px; }
.page-account .panel-header { padding-right:0; padding-bottom:8px; padding-left:0; }
.page-account .panel-header h3 { font-size:16px; }

.page-account fieldset .form-label.required { clip:inherit; overflow:visible; }
.page-account fieldset .form-label.required::before { content:""; width:4px; height:4px; display:block; position:absolute; top:16px; left:-10px; background-color:#ff0000; border-radius:32px; }
.page-account fieldset .form-group > .btn { width:100%; }

.page-account fieldset .form-group .custom-checkbox .text-link { margin-left:0; top:0; }
.page-account fieldset .form-group .custom-checkbox .form-text { margin-left:-3px; display:inline; position:relative; top:1px; font-size:14px; }
.page-account fieldset .form-group .custom-checkbox .form-text span,
.page-account fieldset .form-group .custom-checkbox .custom-control-label span { color:#777; font-size:13px; }
.page-account fieldset .form-col-terms { margin-top:8px; margin-bottom:8px; padding-top:0; }
.page-account fieldset .form-col-terms h3 { font-size:16px; text-align:center; }
.page-account fieldset .form-checkbox-all { padding:8px 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.page-account fieldset .form-checkbox-sub { padding:8px 0; }
.page-account fieldset .form-checkbox-all .custom-control-label { font-weight:500; }
.page-account fieldset .form-checkbox-all .custom-control-input:checked ~ .custom-control-label::before,
.page-account fieldset .form-checkbox-all .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#ff893a; border-color:#ff893a; }
.page-account fieldset .form-checkbox-sub .form-group { margin-bottom:4px; }
.page-account fieldset .form-checkbox-sub .custom-control-label a { text-decoration:underline; }
.page-account fieldset .form-checkbox-sub .is-invalid + .custom-control-label a { color:#dc3545; }
.page-account fieldset .form-checkbox-sub .custom-control-label::before,
.page-account fieldset .form-checkbox-sub .custom-control-input:checked ~ .custom-control-label::before,
.page-account fieldset .form-checkbox-sub .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:transparent; border-color:transparent !important; }
.page-account fieldset .form-checkbox-sub .custom-checkbox .custom-control-input ~ .custom-control-label::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23cccccc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.page-account fieldset .form-checkbox-sub .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ff893a' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.page-account .wrapper { max-width:416px; }
    .page-account .main-footer { padding-top:16px; }
}

.page-join2 .panel-header .heading { width:100%; }
.page-join2 .panel-header h3 { margin-bottom:16px; font-size:21px; font-weight:500; text-align:center; }
.page-join2 .panel-header p { font-size:16px; }



/***************************************************************
	[terms page]
***************************************************************/
/************ [page header wrap] ************/
.page-terms .header-wrap > .container .navbar.navbar-expand { margin-bottom:32px; padding:0; }
.page-terms .header-wrap > .container .navbar.navbar-expand::after { content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#d7d7d7; }
.page-terms .header-wrap > .container .navbar.navbar-expand .navbar-nav-scroll { margin-right:auto; margin-left:auto; display:flex !important; }
.page-terms .header-wrap > .container .navbar.navbar-expand .navbar-nav-scroll .navbar-nav { }
.page-terms .header-wrap > .container .navbar.navbar-expand .nav-link { color:#999; font-size:14px; }
.page-terms .header-wrap > .container .navbar.navbar-expand .nav-link.active { position:relative; color:#434e60; font-weight:500; }
.page-terms .header-wrap > .container .navbar.navbar-expand .nav-link.active::after { content:""; width:100%; height:2px; position:absolute; bottom:-7px; left:0; background-color:#434e60; }

.page-terms .wrapper { max-width:inherit; }
.page-terms .header-wrap { width:100%; margin:0 auto; }
.page-terms .terms-segment h4 { margin-top:16px; color:#333; font-size:15px; text-align:left; }
.page-terms .terms-segment > h3 { margin-top:32px; }
.page-terms .terms-segment p { margin-bottom:8px; color:#666; font-size:14px; text-align:left; }
.page-terms .terms-segment ol { margin-bottom:0px; padding-left:24px; position:relative; color:#666; font-size:14px; text-align:left; list-style:none; }
.page-terms .terms-segment ol li { margin-bottom:8px; position:relative; }
.page-terms .terms-segment ol li em { position:absolute; top:0; left:-24px; font-style:normal; }
.page-terms .terms-segment .list-style-dashed { padding-left:14px; }
.page-terms .terms-segment .list-style-dashed > li { margin-bottom:0; }
.page-terms .terms-segment .list-style-dashed > li::before { width:6px; height:1px; left:-14px; background-color:#666; }
.page-terms .terms-segment .list-style-decimal { list-style:decimal !important; }
.page-terms .terms-segment .list-style-decimal > li { margin-bottom:0; }
.page-terms .terms-segment .table { margin-top:16px; }
.page-terms .terms-segment .table th,
.page-terms .terms-segment .table td { white-space:normal; }
.page-terms .terms-segment .past a { font-size:13px; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.page-terms .header-wrap > .container .navbar.navbar-expand { margin-top:0px; }
	.page-terms .header-wrap > .container .navbar.navbar-expand .nav-link { font-size:16px; }
	.page-terms .header-wrap > .container .navbar.navbar-expand .nav-link.active::after { bottom:1px; }
}
@media (max-width:374px) {
	.page-terms .terms-segment .past a { letter-spacing:-0.05rem; }
}
@media (max-width:767px) {
	.page-terms .header-wrap .navbar-brand h1 svg { height:32px; }
	.page-terms .header-wrap > .container .navbar.navbar-expand { padding-top:7px; padding-bottom:7px; }
}
@media (max-width:991px) {
	.page-terms { padding-top:0; }
}


/***************************************************************
	[base]
*************************************************************** /
.btn-primary { border-color:#3d66fe; background-color:#3d66fe; }
.btn-primary:hover { border-color:#3758d5; background-color:#3758d5; }
.btn-primary:focus, .btn-primary.focus { border-color:#3758d5; background-color:#3758d5; }
.btn-primary.disabled, .btn-primary:disabled { border-color:#3d66fe; background-color:#3d66fe; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { border-color:#314dbb; background-color:#314dbb; }
.btn-outline.btn-primary, .btn-outline2.btn-primary { color:#3d66fe; }
.btn-outline.btn-primary:hover, .btn-outline2.btn-primary:hover { color:#3758d5; }
.btn-outline.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-primary.dropdown-toggle, .show > .btn-outline2.btn-primary.dropdown-toggle { color:#314dbb; }
.btn-outline.btn-hover.btn-primary:hover,
.btn-outline2.btn-hover.btn-primary:hover { background-color:#3758d5 !important; color:#fff; }
.btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled).active { background-color:#314dbb !important; }

.btn-toggle-group > .btn-outline.btn-primary:first-child, .btn-toggle-group > .btn-outline2.btn-primary:first-child { border-right-color:#3d66fe; }
.btn-toggle-group > .btn-outline.btn-primary:not(:first-child):not(:last-child), .btn-toggle-group > .btn-outline2.btn-primary:not(:first-child):not(:last-child) { border-left-color:#3d66fe; border-right-color:#3d66fe; }
.btn-toggle-group > .btn-outline.btn-primary:last-child, .btn-toggle-group > .btn-outline2.btn-primary:last-child { border-left-color:#3d66fe; }
.btn-toggle-group > .btn-outline.btn-primary:hover, .btn-toggle-group > .btn-outline.btn-primary:active, .btn-toggle-group > .btn-outline.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-primary:hover, .btn-toggle-group > .btn-outline2.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-primary.focus { border-color:#3d66fe; }
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:hover, .btn-toggle-group > .btn-outline.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:hover, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.focus { background-color:#3d66fe !important; }

.btn-toggle-primary.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary { background-color:#3d66fe; }
.btn-toggle-primary.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline { border-color:#3d66fe; }
.btn-toggle-primary.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline > .handle { background-color:#3d66fe; }
.btn-toggle-primary.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-inner.btn-toggle-outline::after { color:#3d66fe; }

/*** checkbox ***/
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgba(61,102,254,0.35); border-color:rgba(61,102,254,0); }
/*** radio ***/
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgba(61,102,254,0.35); border-color:rgba(61,102,254,0); }
/*** valid / invalid ***/
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#3d66fe; border-color:#3d66fe; }

.page-item.active .page-link { background-color:#3d66fe; border-color:#3d66fe; }