@charset "UTF-8";
@import url('colors.css');

/* [font-consolidation] Legacy decorative fonts — commented out, consolidated to Public Sans
@font-face {
    font-family: 'Poppins';
    src: url("../font/Poppins-Black.otf") format("opentype");
}

@font-face {
    font-family: 'Poppins';
    font-style:italic;
    src: url("../font/Poppins-BlackItalic.otf") format("opentype");
}

@font-face {
    font-family: 'Poppins';
    font-weight: bold;
    src: url("../font/Poppins-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Poppins';
    font-weight: bold;
    font-style:italic;
    src: url("../font/Poppins-BoldItalic.otf") format("opentype");
}

@font-face {
    font-family: 'Amatic';
    src: url("../font/AmaticSC-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Amatic';
    font-style:italic;
    src: url("../font/Amatic-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'League Spartan';
    font-weight: bold;
    src: url("../font/LeagueSpartan-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: 'D2Coding';
    src: url("../font/D2Coding-Ver1.3.2-20180524-ligature.ttf") format("truetype");
}
*/

/* === Layout Tokens === */
:root {
    --content-max-width: 120rem;
}

main.container {
    max-width: var(--content-max-width);
    margin: 9.6rem auto;
    background: var(--white);
    border: 1px solid var(--white-dark);
    border-radius: 0.8rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    padding: 2.4rem;
}

.brand-icon {
	font-size: 2rem;
	margin-right:10px;
	color: var(--brand);
}


.brand-text {
	/* font-family:"League Spartan"; — consolidated to Public Sans */
	font-weight:800;
	font-size:2rem;
	color: var(--brand);
	line-height: 0.8;
}
.pricing_undertext {
    margin-top: 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #8e98a3;
}

.pricing-box {
    padding-right: 2px;
}

.pricing-table {
    /* font-family: 'League Spartan'; — consolidated to Public Sans */
}

.pricing-table thead {
    font-weight:800;
    border-bottom: solid 1px #000;
}
/* [font-consolidation] Legacy utility classes — spartan/amatic commented out, D2Coding replaced with system monospace */
/*.font-spartan {
	font-family:"League Spartan";
}*/

/*.font-amatic {
    font-family: 'Amatic';
}*/

.font-D2Coding {
    font-family: 'Roboto Mono', 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-variant-numeric: tabular-nums;
}

.text-bold {
    font-weight: 800;
}

.color-gray {
    color: var(--black-light);
}
.number-circle {
    border-radius: 50%;
    background-color: var(--success);
    font-weight: 800;
    color: white;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

.document-tools {
	list-style: none;
	padding:0;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}


#msgModal {
    font-size: 16px !important;
}


/* ===== Profile Dropdown ===== */

/* Header avatar */
.header-avatar {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
    border: 2px solid rgba(255, 255, 255, 0.4);
    flex-shrink: 0;
}

.header-avatar-fallback {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

header .inner-wrap .aside-wrap {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    align-self: stretch;
    z-index: 2;
}

header .inner-wrap .aside-wrap .me-name {
    position: relative;
    display: flex;
    align-items: center;
    align-self: stretch;
}

header .inner-wrap .aside-wrap .me-name > button {
    display: flex;
    align-items: center;
    color: #fff;
    background: var(--brand);
    background-image: none;
    border-radius: 9999px;
    padding: 0.4rem 1.4rem 0.4rem 0.4rem;
    font-size: 1.5rem;
    gap: 0.6rem;
    transition: background 0.2s;
}

header .inner-wrap .aside-wrap .me-name > button:hover {
    background: var(--brand-dark);
}

header .inner-wrap .aside-wrap .me-name > button .dropdown-arrow {
    font-size: 1rem;
    transition: transform 0.25s ease;
    margin-left: 0.2rem;
}

header .inner-wrap .aside-wrap .me-name.show > button .dropdown-arrow {
    transform: rotate(180deg);
}

header .inner-wrap .aside-wrap .me-name > button.dropdown-toggle::after {
    display: none;
}

/* Profile Dropdown Panel */
header .inner-wrap .aside-wrap .me-name .me-name-list {
    min-width: 28rem;
    max-width: 30rem;
    border-radius: 1.2rem;
    border: 1px solid var(--white-dark);
    box-shadow: 0 8px 30px rgba(70, 65, 150, 0.12);
    padding: 0;
    overflow: hidden;
    right: 0;
    top: 100%;
    left: auto;
    background: #fff;
    margin-top: 0.6rem;
    transform: none;
}

/* Header */
.me-name-list .dd-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2rem 1.6rem;
}
.me-name-list .dd-name {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--brand);
}
.me-name-list .dd-avatar {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid rgba(70, 65, 150, 0.15);
}
.me-name-list .dd-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(70, 65, 150, 0.08);
    color: var(--brand);
    font-size: 1.6rem;
    font-weight: 600;
}

/* Tiles */
.me-name-list .dd-tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    padding: 0 2rem 1.6rem;
}
.me-name-list .dd-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 1.4rem 0.4rem;
    border-radius: 1rem;
    background: rgba(70, 65, 150, 0.06);
    text-decoration: none;
    transition: background 0.2s;
}
.me-name-list .dd-tile:hover {
    background: rgba(70, 65, 150, 0.12);
}
.me-name-list .dd-tile i {
    font-size: 1.8rem;
    color: var(--brand);
}
.me-name-list .dd-tile span {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--brand);
}

/* Menu */
.me-name-list .dd-menu {
    display: flex;
    flex-direction: column;
    padding: 0.8rem 0;
    border-top: 1px solid var(--white-dark);
}
.me-name-list .dd-menu-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: background 0.15s;
}
.me-name-list .dd-menu-item:hover {
    background: rgba(70, 65, 150, 0.06);
}
.me-name-list .dd-menu-item i {
    font-size: 1.5rem;
    color: var(--brand);
    width: 2rem;
    text-align: center;
}
.me-name-list .dd-menu-item span {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--brand);
}

/* Sign Out */
.me-name-list .dd-signout {
    padding: 1.2rem 2rem 2rem;
    border-top: 1px solid var(--white-dark);
    margin-top: 0.4rem;
}
.me-name-list .dd-signout-btn {
    display: block;
    width: 100%;
    padding: 1rem;
    border-radius: 0.8rem;
    background: rgba(220, 38, 38, 0.06);
    color: var(--danger);
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s;
}
.me-name-list .dd-signout-btn:hover {
    background: rgba(220, 38, 38, 0.12);
}

/* Sign In header button */
header .inner-wrap .aside-wrap .notarize-now a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.7rem 2rem;
    border-radius: 9999px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    background: var(--brand);
    color: var(--white);
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
}
header .inner-wrap .aside-wrap .notarize-now a:hover {
    background: var(--brand-dark);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: var(--white);
}
header .inner-wrap .aside-wrap .notarize-now a:active {
    transform: scale(0.97);
}

header .inner-wrap .aside-wrap .my-docs a,
header .inner-wrap .aside-wrap .my-docs a span {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -0.36px;
}

header .inner-wrap .aside-wrap .language {
    width: 2.8rem;
    height: 2.8rem;
    background: url('../assets/images/ic-global.png') no-repeat 100% 50%/2.8rem auto;
}

/************************************************
Version :스튜디오X 1.0
Date : 2024-12-06
00. webfont
01. reset
02. basic
03. common 
04. popup
05. layout
06. page

*************************************************/   
:root {
	--bs-root-font-size: 16px;
	--bs-border-color: #d9dee3;
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 0.625rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	--bs-form-valid-color: #71dd37;
	--bs-form-valid-border-color: #71dd37;
	--bs-form-invalid-color: #ff3e1d;
	--bs-form-invalid-border-color: #ff3e1d;
}

.toast {
	--mdb-toast-font-size: 1.575rem;
}

/* [font-consolidation] Pretendard @font-face — commented out, consolidated to Public Sans
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'),
		url("../assets/fonts/Pretendard-Bold.woff2") format('woff2'),
		url("../assets/fonts/Pretendard-Bold.woff") format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'),
		url("../assets/fonts/Pretendard-SemiBold.woff2") format('woff2'),
		url("../assets/fonts/Pretendard-SemiBold.woff") format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'),
		url("../assets/fonts/Pretendard-Medium.woff2") format('woff2'),
		url("../assets/fonts/Pretendard-Medium.woff") format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),
		url("../assets/fonts/Pretendard-Regular.woff2") format('woff2'),
		url("../assets/fonts/Pretendard-Regular.woff") format('woff');
}
*/
.btn {
	font-size:16px;
	border-radius: .8rem;
}
.btn-primary {
	background-color: var(--brand);
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: none;
}
.small-button-50 {
	transform : scale(0.5);
	transform-origin: top left;
}

.small-button-70 {
	transform : scale(0.7);
	transform-origin: top left;
}
 
/* --- 01. reset  --- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,
h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0; box-sizing: border-box;}
article,aside,details,dt,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}
/* hr{display:none;} */
ol,ul{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}

abbr[title]{border-bottom:1px dotted}
mark{background:#ff0;color:var(--black)}
sub,sup{position:relative;vertical-align:baseline;line-height:0;}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
pre,textarea{overflow:auto}
i{font-style:normal;}

/* --- 02. basic --- */
*{box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,.1);}
::-webkit-input-placeholder{font-size:inherit; color:#999;}
::-moz-placeholder{font-size:inherit; opacity:1;}
html{height:100%; font-size:10px; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
/* [font-swap] was: font-family:'Public Sans', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; */
body{height:100%; font-size:1.2rem; font-family:'Figtree', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-weight:400; color:var(--black); background: var(--white);} 
strong{font-weight:500;}
em, b{font-style:normal}
a{cursor:pointer; background-color:transparent; color:inherit;}
a,label,span{display:inline-block;}
a, a:hover{text-decoration:none;}
a:hover, a:focus, a:hover{outline:0;}
button{border:0; cursor: pointer; background: none;}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"]{ height:4.4rem; padding-left:1.6rem; font-size:1.5rem; border: 1px solid var(--white-dark); background-color: var(--white); border-radius: .4rem;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus { border-color: var(--white-dark); outline: var(--white-dark); }
select{ height:4.4rem; padding-left:1.6rem; font-size:1.5rem; border: 1px solid var(--white-dark); color: var(--black); border-radius: .4rem; padding-right: 4rem; background:var(--white) url('../assets/images/ic-arrow.png') no-repeat right 1.6rem top 50%/2rem 2rem;-webkit-appearance:none; -moz-appearance:none; appearance:none}
select:focus { border-color: var(--brand); outline: var(--brand);}
select:disabled,
input:disabled, 
input[readonly] { background: var(--white-light); color: var(--black-light); cursor: not-allowed;}
textarea{ padding:1.6rem; width:100%; border-radius: .4rem; border: 1px solid var(--white-dark); font-size:1.6rem; resize: none;}   
textarea:focus { border-color: var(--brand); outline: var(--brand);}
.hidden { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;}
 /* --- 03. common --- */
/*scrollbar*/ 
/* ::-webkit-input-placeholder { font-size: inherit; color: var(--grey3 );} 
::-moz-placeholder { font-size: inherit; opacity: 1;} 
::-webkit-scrollbar { width: 1rem; height: .6rem; display: yes;} 
::-webkit-scrollbar-thumb { background-color: var(--grey4); border: 0; border-radius: .5rem;} 
::-webkit-scrollbar-track { background-color: transparent; box-shadow: none;} 
::-webkit-scrollbar-button { width: 0; height: 0; border: 1px solid var(--grey4);}   */

/*color — see colors.css */
.color-black { color: #4D5358;} 
.color-red { color: #EA292E;} 
.color-green { color: #4CB200;} 
.color-blue { color: #0CA2FF;}  
 
/*paragraph*/
.info-txt { padding-left: 3.3rem;; font-size: 1.5rem; background: url('../assets/images/ic-info.png') no-repeat 0 50%;}
.error-text { margin-top: 1rem; margin-left: 4rem; font-size: 1.5rem; color: var(--error); padding-left: 3rem; background: url('../assets/images/ic-error.png') no-repeat 0 50%;}
.point-color { color: var(--error);}
.required { color: var(--danger);}    

/*form*/ 
.input-wrap {position: relative; display: flex; flex-direction: column;}
.input-item { position: relative; display: flex; align-items: center;} 
.input-item button { position: absolute; right: 1.6rem; top:50%; margin-top: -1.5rem;}
.input-item button.btn-delete { right: 1.3rem;}  
.input-item input { padding: 0 5rem 0 2rem; height: 5.2rem; width: 100%; border: 1px solid var(--white-dark); border-radius: .8rem; font-size: 1.9rem; font-weight: 700; color: var(--black);}  
.input-item input[type="text"]:focus { border-color: var(--brand);}  
.input-item input[type="text"]:disabled { background: var(--grey7); border-color: var(--grey5);}   
.date-type { padding-right: 4rem; background: url('../assets/images/ic-cal.png') no-repeat right 1.6rem top 50%/2rem auto;}

/*file — superseded by shared-filedrop.css (loaded after base.css in head-css.jsp) */
/* [old] .file-drop-area {position: relative; display: flex; align-items: center; max-width: 100%; border-radius: 3px; transition: 0.2s;} */
/* [old] .choose-file-button {flex-shrink: 0; border-radius: .4rem;padding: .8rem 1.5rem;margin-right: 1.2rem;font-size: 1.6rem; font-weight: 600; letter-spacing: -0.32px; border: 1px solid var(--white-dark);  color: var(--brand); } */
.download-file-button {flex-shrink: 0; border-radius: .4rem;padding: .8rem 1.5rem;margin-right: 1.2rem;font-size: 1.6rem; font-weight: 600; letter-spacing: -0.32px; border: 1px solid var(--white-dark);  color: var(--brand); }
.picture-select-span {flex-shrink: 0; border: 1px solid var(--white-dark); border-radius: .4rem; padding: .8rem 1.5rem; margin-right: 1.2rem; font-size: 1.6rem; width: 12.7rem; height: 14.7rem; display: flex; align-items: center; }
/* [old] .file-message { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid var(--white-dark); border-radius: .4rem; padding: .8rem 1.5rem; font-size: 1.6rem; width: 100%;} */
/* [old] .file-input {position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer;  opacity: 0;} */

/*button*/

/* ── Primary: solid brand ── */
.button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    height: auto;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: normal;
    border: none;
    border-radius: 0.4rem;
    background: var(--brand);
    color: var(--white);
    cursor: pointer;
    transition: background 0.2s;
}
.button-primary:hover {
    background: var(--brand-dark);
}
.button-primary:disabled {
    opacity: .65;
    cursor: default;
}

/* ── Secondary: white with grey border ── */
.button-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    height: auto;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: normal;
    border: 1px solid var(--white-dark);
    border-radius: 0.4rem;
    background: var(--white);
    color: var(--black);
    cursor: pointer;
    transition: all 0.2s;
}
.button-secondary:hover {
    background: var(--white-light);
    border-color: var(--black-light);
}
.button-secondary:disabled {
    opacity: .65;
    cursor: default;
}
.button-primary.sm,
.button-secondary.sm {
    height: 2.4rem;
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    min-width: auto;
    padding: 0 0.8rem;
    border-radius: 0.4rem;
}
.button-secondary.download {
    padding-right: 3.8rem;
    background: url('../assets/images/ic-download.png') no-repeat right 1rem top 50%/2.4rem auto;
}

/* ── Negative: outline danger (red) ── */
.button-negative {
    display: inline-block;
    padding: 0.4rem 1.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0.4rem;
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
    white-space: nowrap;
    min-width: 10rem;
    background: var(--white);
    color: var(--danger);
    border: 1px solid var(--danger);
}
.button-negative:hover {
    background: var(--danger);
    color: var(--white);
}

/* ── Positive: outline success (green) ── */
.button-positive {
    display: inline-block;
    padding: 0.4rem 1.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0.4rem;
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
    white-space: nowrap;
    min-width: 10rem;
    background: var(--white);
    color: var(--success);
    border: 1px solid var(--success);
}
.button-positive:hover {
    background: var(--success);
    color: var(--white);
}

/* ── Action: outline info (blue) ── */
.button-action {
    display: inline-block;
    padding: 0.4rem 1.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0.4rem;
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
    white-space: nowrap;
    min-width: 10rem;
    background: var(--white);
    color: var(--info);
    border: 1px solid var(--info);
}
.button-action:hover {
    background: var(--info);
    color: var(--white);
}

/* ── Link: icon-only button ── */
.button-link {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .6rem;
    background: url('../assets/images/ic-link.png') no-repeat 50% 50%/2.4rem auto;
}

.button-wrap { text-align: center; margin-top: 4rem;}
.pop-button-wrap { text-align: center; margin-top: 2rem;}
.pop-button-wrap button { min-width: 8rem; height: 4rem; margin-left: .8rem; font-size: 1.5rem; border-radius: .6rem;}  

/*tab*/
.tab-wrap { margin-bottom: 6rem; }
.tab-menu { display: flex; padding-top:4px; width: 100%; border-bottom: 1px solid var(--white-dark);} 
.tab-menu li { position: relative; height: 100%; cursor: pointer; margin-right: -.1rem;}
.tab-menu li span {position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 24rem; height: 7.6rem; border: 1px solid var(--white-dark); border-bottom: 0; background: #EDF0F7; font-size: 1.8rem; font-weight: 600; color: #4D5358; line-height: 2.4rem; letter-spacing: -0.36px; }
.tab-menu li.current span { background: #66A4D1; color: var(--white); border-color: #66A4D1;}    

.tab-content { position: relative;  z-index: 2; display: none;  }
.tab-content.current { display: block;} 

/*paging*/
.paginate { text-align: center; display: flex; justify-content: center; align-items: center;  flex-shrink: 0; margin-top: 3.7rem;} 
.paginate a,.paginate strong { border-radius: 1rem; border: 1px solid var(--black); display: inline-flex; align-items: center; justify-content: center; min-width: 3rem; height: 3rem; margin: 0 1.3rem; font-size: 1.9rem; vertical-align: middle;} 
.paginate strong { color: var(--white); background: var(--black); font-weight: 700;} 
.paginate .direction { text-indent: -999px; overflow: hidden; height: 2.2rem; width: 2.5rem;} 
.paginate .direction.first { border: 0; width: 3.6rem;  min-width: 1.9rem; background: url('../assets/images/ic-first.png') no-repeat 50% 50%; margin-left: 0; margin-right: 1rem;} 
.paginate .direction.last { border: 0; width: 3.6rem;  min-width: 1.9rem; background: url('../assets/images/ic-last.png') no-repeat 50% 50%; margin-left: 1.8rem;} 
.paginate .direction.prev { border: 0; width: 2.3rem; min-width: 1.9rem; background: url('../assets/images/ic-prev2.png') no-repeat 50% 50%; margin-right: 4.4rem;} 
.paginate .direction.next { border: 0; width: 2.3rem; min-width: 1.9rem; background: url('../assets/images/ic-next2.png') no-repeat 50% 50%; margin-right: 0; margin-left: 4.4rem;} 

/*table*/
.table-wrap { position: relative; border-bottom:0; } 

.table-wrap.list-type table { width:100%; font-size: 1.8rem; table-layout: fixed;}
.table-wrap.list-type thead { position: sticky; top: 0; left: 0; width: 100%; z-index: 2;} 
.table-wrap.list-type thead th { height: 6.8rem; background: #66A4D1; vertical-align:middle; color: var(--white); text-align: center;}
.table-wrap.list-type thead th button { font-size: 1.8rem; color: var(--white); font-weight: 600; padding-right: 2rem; background: url('../assets/images/ic-sorting.png') no-repeat 100% 50%/1.2rem auto;}
.table-wrap.list-type tbody td {height: 6.8rem; padding:.5rem 1.6rem; border-bottom:1px solid var(--white-dark); vertical-align:middle; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.32px; color: var(--black-light); word-break: break-all;}  
.table-wrap.list-type tbody td a:not(.btn) {text-decoration: underline;}
.table-wrap.list-type tbody td.center { text-align: center;}  

/* .table-wrap.row-type { border-top: 1px solid var(--white-dark);}
.table-wrap.row-type tbody th { height:7.6rem; padding:1.6rem; font-size: 1.8rem; font-weight: 500; text-align: left; background: #66A4D1; color: var(--white); border-bottom: 1px solid var(--white-dark);}
.table-wrap.row-type tbody th ul {margin-top: 1rem; padding-left: 1rem;}
.table-wrap.row-type tbody th ul li {display: flex; gap: .8rem; font-size: 1.5rem; font-weight: 400; line-height: 20px; letter-spacing: -0.3px;}
.table-wrap.row-type tbody th ul li::before {content: ""; flex-shrink: 0; width: .3rem; height: .3rem; margin-top: .7rem; border-radius: 2.4rem; background: var(--white);}
.table-wrap.row-type tbody tr th:first-child { border-left: 0;}
.table-wrap.row-type tbody td { height:7.6rem; padding:1.6rem; font-size: 1.8rem; text-align: left; }
.table-wrap.row-type tbody td input[type=text] {width: 100%;} 
.table-wrap.row-type tbody td .text-divide {display: flex; align-items: center; gap: 1.2rem;}
.table-wrap.row-type tbody td .text-divide select { width: 26.2rem;}
.table-wrap.row-type tbody td .date-wrap { display: flex; gap: 1.2rem;}
.table-wrap.row-type tbody td .date-wrap select {width: 23rem;}
.table-wrap.row-type tbody td .date-wrap .date-type {width: 34rem; position: relative;}
.table-wrap.row-type tbody td .img-box {display: block;} */
.table-wrap.row-type { border-top: 1px solid var(--white-dark);}
.table-wrap.row-type .table-header { padding:1.6rem; font-size: 1.8rem; font-weight: 500; text-align: left; background: #66A4D1; color: var(--white); border-bottom: 1px solid var(--white-dark);}
.table-wrap.row-type .table-header ul {margin-top: 1rem; padding-left: 1rem;}
.table-wrap.row-type .table-header ul li {display: flex; gap: .8rem; font-size: 1.5rem; font-weight: 400; line-height: 20px; letter-spacing: -0.3px;}
.table-wrap.row-type .table-header ul li::before {content: ""; flex-shrink: 0; width: .3rem; height: .3rem; margin-top: .7rem; border-radius: 2.4rem; background: var(--white);}
.table-wrap.row-type tbody tr th:first-child { border-left: 0;}
.table-wrap.row-type .row .col-9,
.table-wrap.row-type .row .col-12 { padding:1.6rem; font-size: 1.8rem; text-align: left; }
.table-wrap.row-type .row .col-9 input[type=text],
.table-wrap.row-type .row .col-9 textarea {width: 100%;} 
.table-wrap.row-type .row .col-9 .text-divide {display: flex; align-items: center; gap: 1.2rem;}
.table-wrap.row-type .row .col-9 .text-divide select { width: 26.2rem;}
.table-wrap.row-type .row .col-9 .date-wrap { display: flex; gap: 1.2rem;}
.table-wrap.row-type .row .col-9 .date-wrap select {width: 23rem;}
.table-wrap.row-type .row .col-9 .date-wrap .date-type {width: 34rem; position: relative;}
.table-wrap.row-type .row .col-9 .img-box {display: block;} 

.table-wrap2 table {width:100%; font-size: 1.8rem; table-layout: fixed;}
.table-wrap2 thead {position: sticky; top: 0; left: 0; width: 100%; z-index: 2;} 
.table-wrap2 thead th {height: 6.8rem; background: #66A4D1; vertical-align:middle;}
.table-wrap2 thead th button {font-size: 1.8rem; color: var(--white); font-weight: 600; padding-right: 2rem; background: url('../assets/images/ic-sorting.png') no-repeat 100% 50%/1.2rem auto;}
.table-wrap2 tbody td {height: 6.8rem; padding:.5rem 1.6rem; border-bottom:1px solid var(--white-dark); vertical-align:middle; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.32px; color: var(--black-light); word-break: break-all;}  
.table-wrap2 tbody td a {text-decoration: underline;}
.table-wrap2 tbody td.center {text-align: center;}  

.table-wrap2.row-type {border-top: 1px solid var(--white-dark);}
.table-wrap2.row-type tbody th {height:7.6rem; padding:1.6rem; font-size: 1.8rem; font-weight: 500; text-align: left; background: #66A4D1; color: var(--white); border-bottom: 1px solid var(--white-dark);}
.table-wrap2.row-type tbody th ul {margin-top: 1rem; padding-left: 1rem;}
.table-wrap2.row-type tbody th ul li {display: flex; gap: .8rem; font-size: 1.5rem; font-weight: 400; line-height: 20px; letter-spacing: -0.3px;}
.table-wrap2.row-type tbody th ul li::before {content: ""; flex-shrink: 0; width: .3rem; height: .3rem; margin-top: .7rem; border-radius: 2.4rem; background: var(--white);}
.table-wrap2.row-type tbody tr th:first-child {border-left: 0;}
.table-wrap2.row-type tbody td {height:7.6rem; padding:1.6rem; font-size: 1.8rem; text-align: left;}
.table-wrap2.row-type tbody td input[type=text] {width: 100%;} 
.table-wrap2.row-type tbody td .text-divide {display: flex; align-items: center; gap: 1.2rem;}
.table-wrap2.row-type tbody td .text-divide select {width: 26.2rem;}
.table-wrap2.row-type tbody td .date-wrap {display: flex; gap: 1.2rem;}
.table-wrap2.row-type tbody td .date-wrap select {width: 23rem;}
.table-wrap2.row-type tbody td .date-wrap .date-type {width: 34rem;}
.table-wrap2.row-type tbody td .img-box {display: block;}
.table-wrap2.row-type tbody td .img-box img {width: 10rem;}
.table-wrap2.row-type tbody td ul {padding:1.6rem;}


.step-wrap {display: flex; height: 7.2rem; gap: 3.2rem; border-bottom: 1px solid var(--white-dark); margin-bottom: 6rem; justify-content: space-between;}
.step-wrap span {position: relative; height: 7.1rem; border-bottom: 5px solid #fff; flex: 1; display: flex; align-items: center; justify-content: center;}
.step-wrap span:not(:last-child):after {content: ""; position: absolute; right: -3.2rem; background: url('../assets/images/ic-arrow-right2.png') no-repeat 50% 50%; width: 3.2rem; height: 3.2rem;}
.step-wrap span strong {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.48px; color: #657584;}
.step-wrap span.contents-active {border-color: #66A4D1;;}
.step-wrap span.contents-active:not(:last-child):after { background: url('../assets/images/ic-arrow-right.png') no-repeat 50% 50%; }
.step-wrap span.active strong {color: #66A4D1; font-size: 3rem;}

/* list type */
.dot-list li {display: flex; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.36px; color: #4D5358;}
.dot-list li:before {content: ""; width: .4rem; height: .4rem; margin-top: .9rem; margin-right: 1rem; background: #4D5358; border-radius: 100%; flex-shrink: 0;}

.dot-list2 {padding: 2rem 0; margin-left: -2rem;}
.dot-list2 li {display: flex; flex-direction: column; color: #4D5358; text-indent: 0; padding: 0;}
.dot-list2 li strong {display: flex; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.36px; color: #4D5358; text-indent: 0; margin-bottom: 0;}
.dot-list2 li strong:before {content: ""; width: .4rem; height: .4rem; margin-top: 1.1rem; margin-right: 1rem; background: #4D5358; border-radius: 100%; flex-shrink: 0;}
.dot-list2 li .desh-list {margin-left: 1.5rem;}
.dot-list2 li .desh-list li:before {display: none;}

/* --- 05. layout  --- */
.wrap {display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 128rem;}
.wrap.scroll-auto {height: auto;}
.wrap.scroll-auto header {position: fixed; top: 0; z-index: 200;}

/* header */
header {width: 100%; height: 6.72rem; border-bottom: none; background: var(--white); flex-shrink: 0; position:fixed; top:0; z-index: 4;}
header .inner-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 144rem; height: 6.72rem; margin: 0 auto;}
header .inner-wrap h1 a {display: block; width: 14rem; height: 2.4rem; background: url('../assets/images/logo.png') no-repeat 50% 50%/14rem auto; filter: grayscale(100%);}
.header-favicon {display: none; width: 2.4rem; height: 2.4rem; margin-left: 2rem;}
.header-favicon img {width: 100%; height: 100%;}

/* header > mob */
header .inner-wrap .mob-section {display: none;}
header .inner-wrap .mob-menu {display: none;}
header .inner-wrap .mob-sub-title {display: none;} 

/* footer */
footer {border-top: none; flex-shrink: 0; margin-top: auto;} 
footer .inner-wrap {display: flex; width: 100%; max-width: var(--content-max-width); margin: 0 auto; padding: 0 2rem; flex-wrap: wrap;}
footer .footer-menu-wrap {padding: 4rem 0; background: var(--brand);}
footer .footer-menu-wrap .inner-wrap .footer-logo {margin-right: 4rem; font-family: 'Barlow Condensed', sans-serif; font-size: 2.6rem; font-weight: 500; letter-spacing: 0.2rem; text-transform: uppercase; color: var(--white); line-height: 3.2rem; white-space: nowrap;}
footer .footer-menu-wrap .inner-wrap .footer-menu {display: flex; flex: 1; justify-content: space-evenly;}
footer .footer-menu-wrap .inner-wrap .footer-menu > li {display: flex; flex-direction: column;}
footer .footer-menu-wrap .inner-wrap .footer-menu > li strong {margin-bottom: 1.2rem; font-size: 1.5rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.4px; color: var(--white);}
footer .footer-menu-wrap .inner-wrap .footer-menu > li ul li a  {font-size: 1.4rem; line-height: 2.8rem; letter-spacing: -0.32px; color: rgba(255,255,255,0.6);}
footer .footer-menu-wrap .inner-wrap .footer-menu > li ul li a:hover { color: var(--white); }
footer .footer-menu-wrap .inner-wrap .footer-contact {display: flex; flex-direction: column;  margin-left: auto; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 1.7rem;}
footer .footer-menu-wrap .inner-wrap .footer-contact strong {margin-bottom: 1.2rem; font-size: 1.5rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.4px; color: var(--white);}
footer .footer-menu-wrap .inner-wrap .footer-contact span {font-size: 1.4rem; line-height: 2.4rem; letter-spacing: -0.32px; color: rgba(255,255,255,0.6);}
footer .copyright-wrap {display: flex; padding: 2rem 0; background: var(--brand-dark);}
footer .copyright-wrap .inner-wrap {max-width: var(--content-max-width); padding: 0 2rem; justify-content: center; align-items: center;}
footer .copyright-wrap .copyright-text {flex: none; color: rgba(255,255,255,0.5); text-align: center; font-size: 1.4rem;}
footer .copyright-wrap .copyright-menu {display: flex; margin-left: auto;}
footer .copyright-wrap .copyright-menu li {display: flex; align-items: center;}
footer .copyright-wrap .copyright-menu li:after {content: "|";margin: 0 2.6rem;  color: rgba(255,255,255,0.3)}
footer .copyright-wrap .copyright-menu li a {display: flex; color: rgba(255,255,255,0.5); font-size: 1.4rem;}
footer .copyright-wrap .copyright-menu li a:hover { color: var(--white); }
footer .copyright-wrap .copyright-menu li:last-child:after {display: none;}

/* container */
main.container .contents-wrap {max-width: 144rem; width: 100%; min-height: 93rem; margin: 0 auto; overflow-x: auto; display: inline;}

/* --- 06. page  --- */
/* MY Docs */
.form-wrap { display: flex; flex-direction: column;} 
.form-list { display: flex; flex-wrap: wrap; justify-content: space-between;} 
.form-list li { display: flex; flex-direction: column; margin-bottom: 3.6rem;} 
.form-list li label {display: flex; align-items: center; margin-bottom: .4rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; color: var(--black-light);}
.form-list li label button {margin-left: 1rem;}
.form-list li input {width: 100%;}
.form-list li .divide-box {display: flex; gap: .5rem;}
.form-list li .divide-box select {width: 50%;}
.form-list li .divide-box input {width: 50%; } 
.form-list li .divide-box2 {display: flex; gap: .5rem; flex-direction: row;}
.form-list li .divide-box2 div {width: 100%;}

.account-wrap {display: flex; gap: 4rem; }
.account-wrap ~ .account-wrap {  border-top: 1px solid var(--white-dark); padding-top: 6rem; margin-top: 2.4rem;}
.account-wrap .img-box {position: relative; width: 24rem; height: 28.8rem; margin-right:4rem;}
.account-wrap .img-box figcaption { position: absolute; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5.3rem; padding: 1.4rem; background: rgba(0,0,0, 0.5);}
.account-wrap .img-box figcaption span {color: var(--white); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.32px;}
.account-wrap .img-box figcaption button {width: 2.8rem; height: 2.8rem; color: var(--white);background: url('../assets/images/setting.png') no-repeat 50% 50%/2.8rem auto;} 

.account-wrap .form-wrap {flex: 1;}
.account-wrap .form-wrap .form-list ~ .form-list { border-top: 1px solid var(--white-dark); padding-top: 6rem; margin-top: 2.4rem;} 
.account-wrap .form-wrap .form-list li {width: calc(33% - 2rem); } 

.account-wrap .form-wrap .form-list.col-2 {width: 76rem; margin-bottom: -1.6rem;}
.account-wrap .form-wrap .form-list.col-2 li {width: calc(50% - 2rem);}

.account-wrap .signature-wrap { display: flex; flex-direction: column; border-top: 1px solid var(--white-dark); padding-top: 6rem; margin-top: 2.4rem; margin-bottom: 2rem;}
.account-wrap .signature-wrap .title {display: flex; align-items: center; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; color: var;}
.account-wrap .signature-wrap .title button {margin-left: 1rem;}
.account-wrap .signature-box { display: flex; flex-wrap: wrap; justify-content: space-between;}
.account-wrap .signature-box input, .account-wrap .signature-box img {width: calc(33% - 2rem); height: 8rem; font-size: 2.6rem; line-height: 3rem; letter-spacing: -0.52px; background-color: #fff; margin-bottom: 1rem;}

.account-wrap .title-box { flex-shrink: 0; width: 28rem; height: auto; font-size: 3.2rem; font-weight: 600; line-height: 4rem; letter-spacing: -0.64px; background: #fff; margin-top: -85px; }
.account-wrap .info-text {color: #657584; font-size: 1.6rem; margin-bottom: 2.5rem;}
.account-wrap .cbeck-type {margin-top: -3rem;}
.account-wrap .cbeck-type label {font-size: 1.6rem;}

.account-wrap label {
    margin-bottom: .4rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -0.36px;
    color: var(--black-light);
}

/* Request Notary Detai */
.request-notary-detai + .request-notary-detai { margin-top: 8rem;}
.request-notary-detai h3 {font-size: 2.2rem; font-weight: 700; line-height: 3rem; letter-spacing: -0.44px; margin-bottom: 1.2rem; color: var(--black-light);}
.request-notary-detai .button-wrap { margin-top: 4rem;}

/* Notarize Now */ 
.contents-wrap .notarize-now {padding-bottom: 2rem;}  

/* Manage notary journal */
.form-list.divide {flex-direction: column;}
.form-list.divide li { display: flex;flex-direction: row; gap: 4rem; width: 100%;}
.form-list.divide li:last-child {margin-bottom: 0;}
.form-list.divide li > div { width: 50%; display: inline-flex; flex-direction: column; gap: .8rem;}
.form-list.divide li > div:only-child {width: 100%;}
.form-list.divide li > div .title {display: flex; align-items: center; margin-bottom: .4rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; color: var(--black-light); }
.form-list.divide li > div .text {display: flex; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.32px; padding-left: 4rem;}
.form-list.divide li > div .text::before {content: ""; flex-shrink: 0; width: .3rem; height: .3rem; margin-right: .5rem; margin-top: 1rem; border-radius: 2.4rem; background: #0CA2FF;}
.form-list.divide li > div .text em {color: #0CA2FF; margin-right: .5rem;}

/* Manage notary document */
.manage-notary-document { max-width: 87rem;}
.form-list.document {flex-direction: column;}
.form-list.document li:last-child {margin-bottom: 0;}
.form-list.document li { display: flex;flex-direction: column; gap: .8rem; width: 100%;}
.form-list.document .title {display: flex; align-items: center; margin-bottom: .4rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; color: var(--black-light); }
.form-list.document li .img-box img { width: 100%;}
 
.form-list.pop li {display: flex; width: 100%; flex-direction: row; gap: 2rem; margin-bottom: 2rem;}
.form-list.pop li > div {display: inline-flex; flex-direction: column; width: 49%; }
.form-list.pop li > div label {font-size: 1.4rem;line-height: 18px;}
.form-list.pop li > div:only-child {width: 100%;}
.form-list.pop li > div .date-wrap {display: flex; gap: .4rem;}
.form-list.pop li > div .date-wrap select {width: 50%;}
.form-list.pop li > div .date-wrap input {width: 50%;}  

.popup-wrap.signature {width: 120rem; max-height: 100%;}
.popup-wrap.signature .pop-body {padding: 2rem 2rem 0; height: 100%;}
.popup-wrap.signature .signature-add-wrap { display: flex; gap: 1.2rem;  width: 100%; height: 8.8rem; margin-bottom: -1rem;}
.popup-wrap.signature .signature-add-wrap .check-box {flex-shrink: 0; display: flex; align-items: center; gap: 1.6rem; height: 4.4rem;}
.popup-wrap.signature .signature-add-wrap .font-box {position: relative; display: flex; gap: 1.2rem; width: 100%; height: 4.4rem;}
.popup-wrap.signature .signature-add-wrap .font-box .button-select {min-width: 20.8rem; height:4.4rem; padding-left:1.6rem; text-align: left; font-size:1.5rem; border: 1px solid var(--white-dark); color: var(--black); border-radius: .4rem; padding-right: 4rem; background:var(--white) url('../assets/images/ic-arrow.png') no-repeat right 1.6rem top 50%/2rem 2rem;-webkit-appearance:none; -moz-appearance:none; appearance:none}
.popup-wrap.signature .signature-add-wrap .font-box input {width: 100%;}
.popup-wrap.signature .signature-add-wrap .font-box .dropdown-menu {position: absolute; top: 4.4rem; left: 0; width: 20.8rem; height:30rem; padding:1.6rem; overflow-y: auto; background: var(--white);border: 1px solid var(--white-dark); border-radius: .8rem;}
.popup-wrap.signature .signature-add-wrap .font-box .dropdown-menu .dropdown-item h5 {font-size: 1.8rem;}
.popup-wrap.signature .signature-add-wrap .font-box .dropdown-menu .dropdown-item p {font-size: 1.5rem;}
.popup-wrap.signature .signature-add-wrap .font-box .dropdown-menu .show { display: block; } 

.popup-wrap.signature .signature-wrap {display: flex; flex-wrap: wrap; margin: 0 -.5rem}
.popup-wrap.signature .signature-wrap .signature-box {display: flex; align-items: center; justify-content: space-between; width: 32.3%; margin: 1rem .5rem 0; height: 8rem; padding: 0 1.6rem 0 0; font-size: 2.6rem; line-height: 3rem; border: 1px solid var(--white-dark); border-radius: .4rem;}
.popup-wrap.signature .signature-wrap .signature-box .delete {flex-shrink: 0; width: 2.4rem; height: 2.4rem; background: url('../assets/images/ic-delete.png') no-repeat 50% 50%/2.4rem auto;}
.popup-wrap.signature .signature-wrap .signature-box .delete span {font-size: 0;}
.popup-wrap.signature .signature-wrap .signature-box input {width:calc(100% - 3rem); height: 7.6rem; border-radius: 0; border:0; font-size: 2.6rem;} 

/* error */
.error-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 6rem; margin-top: 2rem;} 
.error-wrap strong {font-size: 8rem; font-weight: 700; line-height: 7.2rem; letter-spacing: -1.6px; margin-bottom: 2.2rem; color: #EA292E;}
.error-wrap span { width: 100%; max-width: 34.6rem;}
.error-wrap span img {width: 100%;}
.error-wrap .error-title {font-size: 2rem; font-weight: 600; margin-top: 2.4rem; margin-bottom: 0.8rem; color: var(--black);}
.error-wrap .error-detail {font-size: 1.4rem; color: var(--black-light); margin-bottom: 2.4rem; text-align: center; max-width: 40rem;}
.error-wrap .button-secondary {margin-top: 0.8rem;}

/* Contact Us */
.form-list li:last-child {margin-bottom: 0;}
.form-list li .email-item {display: flex; align-items: center; gap: 1rem; justify-content: space-between;}
.form-list li .email-item input {width: 47%;}
.form-list li .email-item select {width: 47%;}
.form-list li .textarea-item {display: flex; flex-direction: column; gap: 1rem; border-radius: .4rem; border: 1px solid var(--white-dark); padding: 1.6rem;} 
.form-list li .textarea-item textarea {border: 0; padding:0; }
.form-list li .textarea-item p {text-align: right; color: #A0ACB8;}
.form-list li .textarea-item p strong { color: #171B22;}

/* PRIVACY POLICY */ 
.privacy-wrap dl dt {font-size: 2.8rem; font-weight: 500; line-height: 3.8rem; letter-spacing: -0.56px; margin-bottom: 1rem;}
.privacy-wrap dl dd {font-size: 1.8rem; line-height: 2.4rem; letter-spacing: -0.36px; color: #4D5358;}
.privacy-wrap dl dd + dt {margin-top: 2rem;}
.privacy-wrap dl  + dl {margin-top: 2rem;}
.privacy-wrap dl dd .dot-list {margin: 1rem 0;} 

/* PRIVACY POLICY */ 
.cookie-wrap dl dt {font-size: 2.8rem; font-weight: 500; line-height: 3.8rem; letter-spacing: -0.56px; margin-bottom: 1rem;}
.cookie-wrap dl dd {font-size: 1.8rem; line-height: 2.4rem; letter-spacing: -0.36px; color: #4D5358;}
.cookie-wrap dl dd + dt {margin-top: 2rem;}
.cookie-wrap dl  + dl {margin-top: 2rem;}
.cookie-wrap dl dd .dot-list {margin: 1rem 0;}  

.sessions-cont {margin-bottom: 7rem; display: none;}
.sessions-cont.open {display: block;}
.sessions-title {display: flex; align-items: center; height: 9.2rem; background: #F7F9FC; position: relative; margin-bottom: 4rem; padding-right: 2rem;}
.sessions-title p {display: flex; flex-direction: column; position: relative; padding-left: 1.7rem;}
.sessions-title p::before {content: ""; flex-shrink: 0; width: .5rem; height: 6rem; background: red; position: absolute; left: 0; top: 50%; margin-top: -3rem;}
.sessions-title p strong {font-size: 3.2rem; font-weight: 600; line-height: 4rem; color: #FF2D55;}
.sessions-title p span {font-size: 2rem; line-height: 2.8rem; color: #657584;}
.sessions-title .btn-p {border-radius: .6rem; background: #414A5E; min-width: 8rem; height: 4rem; padding: 10px 12px; margin-left: 1rem; display: flex; justify-content: center; align-items: center; color: #fff;}
.sessions-title .fold-button {/*margin-left: auto;*/ width: 48px; height: 48px; background: url('../assets/images/ic-arrow.png') no-repeat 50% 50%;}
.sessions-title .fold-button.on {background: url('../assets/images/ic-arrow-up.png') no-repeat 50% 50%;}
.sessions-title .fold-button span {font-size: 0; opacity: 0;}


@media screen and (max-width:768px) {  
	/* ---04. popup --- */
	.pop-layer{padding:  2rem;} 
	.pop-layer .pop-body {padding: 2rem 0 2rem;}
	.popup-wrap .pop-body .title {margin-bottom: 1.6rem;}

	.pop-layer input[type="text"], 
	.pop-layer input[type="tel"], 
	.pop-layer input[type="password"] {height: 3.5rem; padding-left: 1.2rem; font-size: 1.4rem;}
	.pop-layer select {height: 3.5rem; padding-left: 1.2rem; font-size: 1.4rem;}

	.pop-layer .form-wrap {width: auto;} 
	.form-list.pop li {flex-direction: column; margin-bottom: 1rem; gap: 1rem;}
	.form-list.pop li > div {width: 100%;}
	.form-list.pop li > div .date-wrap {flex-direction: column;}
	.form-list.pop li > div .date-wrap select {width: 100%;}
	.form-list.pop li > div .date-wrap input {width: 100%;}   
 
	.popup-wrap.type2 {padding-bottom: 3rem; max-height: 96%;}
	.popup-wrap.type2 .pop-body {padding: 0 0 0;}
	.popup-wrap.type2 .title-logo {margin-bottom: 1rem; font-size: 2rem;} 
	.popup-wrap.type2 .checkbox-box {margin-top: 0;}
	.popup-wrap.type2 .button-box {margin-top: 2rem;}
	.popup-wrap.type2 .button-box button {min-width: auto;}
	
	.request-notary-detai + .request-notary-detai {margin-top: 4rem;}

	.popup-wrap.signature .signature-add-wrap {flex-direction: column; height: auto; margin-bottom: 2rem;}
	.popup-wrap.signature .signature-add-wrap .font-box {flex-direction: column; height: auto; }
	.popup-wrap.signature .signature-wrap {height: 40rem; margin: 0;}
	.popup-wrap.signature .signature-wrap .signature-box {width: auto; margin: 0 0 1rem;}
	.popup-wrap.signature .signature-add-wrap .font-box .button-select {height: 3.5rem;}
	
	/*tab*/
	.tab-wrap {margin-bottom: 2.4rem;}
	.tab-menu {display: flex; padding-top:0} 
	.tab-menu li {flex: 1 0 0; position: relative; height: 100%; cursor: pointer; margin-right: 0;}
	.tab-menu li span {min-width: auto; height: 5.2rem; padding: 0 1rem; font-size: 1.5rem; line-height: 1.6rem; letter-spacing: -0.3px;}
	.tab-menu li.current span {background: #66A4D1; color: var(--white); border-color: #66A4D1;}    
	
	/* list type */
	.dot-list li {display: flex; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.36px; color: #4D5358;}
	.dot-list li:before {content: ""; width: .4rem; height: .4rem; margin-top: .9rem; margin-right: 1rem; background: #4D5358; border-radius: 100%; flex-shrink: 0;} 

	.dot-list2 {padding: 2rem 0; margin-left: -2rem;}
	.dot-list2 li {display: flex; flex-direction: column; color: #4D5358; text-indent: 0; padding: 0;}
	.dot-list2 li strong { font-size: 16px; letter-spacing: -0.36px;}
	.dot-list2 li strong:before {display: none;}
	.dot-list2 li .desh-list {margin-left: 0;}
	.dot-list2 li .desh-list li:before {display: none;}

	.wrap {min-width: 100%; height: auto;}
	header {height: 5.6rem;}
	header .inner-wrap {height: 5.6rem;}
	header .inner-wrap h1 {display: none;}
	header .inner-wrap .header-favicon {display: block;}
	header .inner-wrap {padding: 0 2rem;}
	.wrap.main-type header .inner-wrap h1 {display: block;}
	.wrap.main-type header .inner-wrap .header-favicon {display: none;}
	header .inner-wrap h1 a {display: block; width: 11rem; height: 2rem; background: url('../assets/images/logo.png') no-repeat 50% 50%/11rem auto;}
	header .inner-wrap .aside-wrap {gap: .8rem;}
	header .my-docs {display: none;} 
	header .language {display: block;} 
	header .notarize-now {display: none;}

	/* 메인용 */
	.wrap.main-type header .inner-wrap .language {display: block;}
	.wrap.main-type header .inner-wrap .my-docs {display: block;}
	.wrap.main-type header .inner-wrap .notarize-now {display: none;}
	.wrap.main-type header .inner-wrap .aside-wrap .me-name {display: none;}
	.wrap.main-type header .inner-wrap .mob-sub-title {display: none;} 

    header .inner-wrap .mob-sub-title {display: block;}
	header .inner-wrap .mob-sub-title a {background: url('../assets/images/ic-arrow-left2.png') no-repeat -.5rem 50%/2rem; padding-left: 2rem; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.36px;} 
	header .inner-wrap .aside-wrap .language {width: 2.8rem; height: 2.8rem; background: url('../assets/images/ic-global.png') no-repeat 100% 50%/2.8rem auto;}
	header .inner-wrap .aside-wrap .notarize-now a {padding: 0.5rem 1.4rem; font-size: 1.2rem;}
	header .aside-wrap .me-name {display: none;}
	header .aside-wrap .me-name em {font-size: 0;}
	header .inner-wrap .aside-wrap .me-name .me-name-list {z-index: 5; right: 2rem;}
	header .inner-wrap .mob-menu {display: block; background: url('../assets/images/ic-mob-menu.png') no-repeat 100% 50%/2.4rem auto;}
	header .inner-wrap .mob-menu a {font-size: 0; width: 2.4rem; height: 2.4rem;}
	header .inner-wrap .mob-section {display: block; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform 0.2s ease-in-out; width: 100%; height: 100%; background: #505050; transition: max-height 0.4s ease-in-out;} 
	header .inner-wrap .mob-section.on {transform: translateX(0); transition: transform 0.4s ease-in-out; z-index: 100;}
	header .inner-wrap .mob-section .inner {position: absolute; right: 0; top: 0; height: 100%; width: 65%; padding: 6rem 0 0; background: #EDF0F7;}
	header .inner-wrap .mob-section .all-menu-header {position: relative; z-index: 3; padding: 0 2rem 2.4rem; display: flex; justify-content: space-between;}  
	header .inner-wrap .mob-section .all-menu-header > span {padding-right: 2.8rem; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; background: url('../assets/images/ic-my.png') no-repeat 100% 50%/2.4rem auto;}
	header .inner-wrap .mob-section .all-menu-header .close {width: 2rem; height: 2rem; background: url('../assets/images/ic-close.png') no-repeat 100% 50%/2rem auto}
	header .inner-wrap .mob-section .all-menu-header .close span {font-size: 0;}
	header .inner-wrap .mob-section .side-menu {position: relative; z-index: 2; height: 4.2rem; background: #8490A9; display: flex;  align-items: center; justify-content: space-around;}
	header .inner-wrap .mob-section .side-menu:after {content:"" ; height: 2rem; width: .1rem; position: absolute; left: 50%; background: #A0ACB8;}
	header .inner-wrap .mob-section .side-menu a {flex: 1 0 0; width: 100%; padding: 2px 10px; display: flex; align-items: center; justify-content: center; color: var(--white);}
	header .inner-wrap .mob-section .side-menu button {flex: 1 0 0; width: 100%; padding: 2px 10px; display: flex; align-items: center; justify-content: center; color: var(--white);}
	header .inner-wrap .mob-section .mob-menu-list {position: relative; z-index: 2; padding-top: 1.4rem;}
	header .inner-wrap .mob-section .mob-menu-list > li {display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.2rem;}
	header .inner-wrap .mob-section .mob-menu-list > li > a {font-size: 1.4rem; font-weight: 500; line-height: 18px; letter-spacing: -0.28px; padding: .2rem 2rem;}
	header .inner-wrap .mob-section .mob-menu-list > li > strong {font-size: 1.4rem; font-weight: 500; line-height: 18px; letter-spacing: -0.28px; padding: .2rem 2rem;}
	header .inner-wrap .mob-section .mob-menu-list > li > ul {margin-bottom: .6rem;} 
	header .inner-wrap .mob-section .mob-menu-list > li > ul li {margin-bottom: .8rem;}
	header .inner-wrap .mob-section .mob-menu-list > li > ul li a {display: flex; letter-spacing: -0.28px; padding: .2rem 2rem; color: #657584;} 

	.mob-section .me-name {position: relative;}
	.mob-section .me-name > button {padding-right: 2.8rem; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.36px; background: url('../assets/images/ic-my.png') no-repeat 100% 50%/2.8rem auto;}
	.mob-section .me-name .me-name-list {display: none; position: absolute;  left: 0; top: 3rem; z-index: 2; width: 11rem; border-radius: 6px 0px 6px 6px; border: 1px solid var(--brand); overflow: hidden;}
	.mob-section .me-name .me-name-list li {display: flex; height: 3.6rem;}
	.mob-section .me-name .me-name-list li * {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #4D5358;}
	.mob-section .me-name .me-name-list li a {background: var(--white);} 
	.mob-section .me-name .me-name-list li button {background:#E7F5FF;} 

	/* footer */ 
	footer .inner-wrap {margin: 0 auto; flex-direction: column;}
	footer .footer-menu-wrap {padding: 2rem 0;} 
	footer .footer-menu-wrap .inner-wrap .footer-logo {margin-right: 0; margin-bottom: 2rem; margin-left: 2rem;}
	footer .footer-menu-wrap .inner-wrap .footer-menu {flex-direction: column; gap: 2rem; padding:0 2rem;}
	footer .footer-menu-wrap .inner-wrap .footer-menu > li {display: flex; flex-direction: column;}
	footer .footer-menu-wrap .inner-wrap .footer-menu > li strong {margin-bottom: 1.2rem; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -0.32px;}
	footer .footer-menu-wrap .inner-wrap .footer-menu > li ul li a  {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.26px;}
	footer .footer-menu-wrap .inner-wrap .footer-contact {border-top: 1px solid #A0ACB8; border-left: 0; padding-left: 0; padding-top: 2rem; margin: 2rem 2rem 0;} 
	footer .footer-menu-wrap .inner-wrap .footer-contact strong {margin-bottom: .4rem; font-size: 2rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.4px;}
	footer .footer-menu-wrap .inner-wrap .footer-contact span {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.26px;}
	footer .copyright-wrap {padding: 2rem 0; flex-direction: column; align-items: center;}
	footer .copyright-wrap .copyright-text {text-align: center; font-size: 1.3rem; margin:0 2rem 1rem; padding-bottom: 1rem; border-bottom: 1px solid #657584;}
	footer .copyright-wrap .copyright-menu {flex-wrap: wrap; margin-left: 0; justify-content: center;}
	footer .copyright-wrap .copyright-menu li {margin-bottom: .4rem;}
	footer .copyright-wrap .copyright-menu li:after {content: "|";margin: 0 1rem;  color: var(--white)}
	footer .copyright-wrap .copyright-menu li a {font-size: 1.3rem; line-height: 1.8rem;} 



	main.container .contents-wrap {min-height: auto;}





	/* PRIVACY POLICY */ 
	.privacy-wrap dl dt {font-size: 2.4rem; line-height: 2.4rem; letter-spacing: -0.48px;}
	.privacy-wrap dl dd {font-size: 1.6rem; line-height: 130%; letter-spacing: -0.32px;}
	.privacy-wrap dl dd + dt {margin-top: 2rem;}
	.privacy-wrap dl  + dl {margin-top: 2rem;} 

	/* PRIVACY POLICY */ 
	.cookie-wrap dl dt {font-size: 2.4rem; line-height: 2.4rem; letter-spacing: -0.48px;}
	.cookie-wrap dl dd {font-size: 1.6rem; line-height: 130%; letter-spacing: -0.32px;}
	.cookie-wrap dl dd + dt {margin-top: 2rem;}
	.cookie-wrap dl  + dl {margin-top: 2rem;} 

	.sessions-cont {margin-bottom: 7rem; display: none;}
	.sessions-cont.open {display: block;}
	.sessions-title {display: flex; align-items: center; height: 9.2rem; background: #F7F9FC; position: relative; margin-bottom: 4rem; padding-right: 2rem;}
	.sessions-title p {display: flex; flex-direction: column; position: relative; padding-left: 1.7rem;}
	.sessions-title p::before {content: ""; flex-shrink: 0; width: .5rem; height: 6rem; background: red; position: absolute; left: 0; top: 50%; margin-top: -3rem;}
	.sessions-title p strong {font-size: 3.2rem; font-weight: 600; line-height: 4rem; color: #FF2D55;}
	.sessions-title p span {font-size: 2rem; line-height: 2.8rem; color: #657584;}
	.sessions-title .btn-p {border-radius: .6rem; background: #414A5E; min-width: 8rem; height: 4rem; padding: 10px 12px; margin-left: 1rem; display: flex; justify-content: center; align-items: center; color: #fff;}
	.sessions-title .fold-button {margin-left: auto; width: 2.8rem; height: 2.8rem; background: url('../assets/images/ic-arrow.png') no-repeat 50% 50%/2.4rem;}
	.sessions-title .fold-button.on {background: url('../assets/images/ic-arrow-up.png') no-repeat 50% 50%;}
	.sessions-title .fold-button span {font-size: 0; opacity: 0;}

	.account-wrap,
	.request-list-wrap,
	.request-notary-detai,
	.container .notarize-now,
	.sessions-cont,
	.sessions-title,
	.form-wrap {/*width: 144rem;*/}  

	
	.step-wrap { height: 5rem; gap: 2rem;  margin-bottom: 2rem; margin-left: -2rem; }
	.step-wrap span { height: 4.9rem; flex: auto;}
	.step-wrap span:not(:last-child):after {right: -2rem; background: url('../assets/images/ic-arrow-right2.png') no-repeat 50% 50%/1.6rem; width: 2rem; height: 2rem;}
	.step-wrap span strong {font-size: 1.3rem; } 
	.step-wrap span.active:not(:last-child):after { background: url('../assets/images/ic-arrow-right.png') no-repeat 50% 50%/1.6rem; }
	.step-wrap span.active strong { font-size: 1.4rem;}
}

/* --- Form Validation --- */
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.8rem;
	padding: 0.8rem 1.2rem;
	font-size: 1.3rem;
	color: var(--danger);
	background: var(--danger-bg);
	border: 1px solid var(--danger-border);
	border-radius: 0.4rem;
}

input.is-invalid,
select.is-invalid,
textarea.is-invalid {
	border-color: var(--danger) !important;
}

.is-invalid ~ .invalid-feedback {
	display: block;
}

.was-validated :required:invalid {
	border-color: var(--danger);
}


#stepper-idverify main.container {
	margin-top:0;
	padding-top:0;
}




/* --- 2025.04.28 반응형 작업--- */

/* --- Account--- */
.account-wrap .signature-wrap .title + .color-red {margin-bottom: 1.5rem;}

/*table*/ 
.table-wrap.mobile {display: none;} 

/*paging*/
.table-wrap .btn.btn-dark {width: 100%; margin-top: 1rem; border-radius: .8rem; height: 3.5rem; background: #332d2d; color: #fff; box-shadow: 0 4px 9px -4px #332d2d;}

@media screen and (max-width:768px) {

	.button-primary {min-width: 100%;}
	.button-wrap {margin-top: 2rem;}

	.step-wrap { margin-right: -2rem;}  

	/* tab*/ 
	.tab-menu li span {padding: 0 .5rem; }

	/* popup size*/ 
	.popup-wrap { width:auto;}
	.popup-wrap.md { width:auto;}

	/* dialog-*/
	.popup-wrap.dialog { width:auto;}   
	
	/*Manage Signature 팝업*/ 
	.popup-wrap.signature {margin-left: 17px;}
	.popup-wrap.signature .pop-body {padding: 1rem 0 0;}
	 
	/* --- Account--- */
	.account-wrap { gap: 4rem; flex-direction: column; gap: 2rem;}
	.account-wrap .signature-wrap { padding-top: 3rem; margin-bottom: 0;}
 
	.account-wrap .img-box {display: flex; width: 100%; justify-content: center; height: auto; margin-right: 0;}
	.account-wrap .img-box img {width: 100%;}
	.account-wrap .form-wrap .form-list { flex-direction: column;}
	.account-wrap .form-wrap .form-list li {width: 100%; margin-bottom: 1.6rem;}
	.account-wrap .form-wrap .form-list li:last-child {margin-bottom: 1rem;}

	.account-wrap .signature-box {flex-direction: column;}
	.account-wrap .signature-box input {width: 100%;}
	.account-wrap .cbeck-type {margin-top: 0;}

	.account-wrap .form-wrap .form-list.col-2 {width: 100%;}
	.account-wrap .form-wrap .form-list.col-2 li {width: 100%;}

	.account-wrap ~ .account-wrap  {padding-top: 4rem;} 
	.account-wrap .form-wrap .form-list ~ .form-list {padding-top: 4rem;}

	.form-list.divide li { flex-direction: column; gap: 2rem; }
	.form-list.divide li > div { width: 100%;} 

	/* --- 게시판 상세--- */  
	.table-wrap.row-type table,
	.table-wrap.row-type tbody {display: block; width: 100%;}
	.table-wrap.row-type tbody tr {display: flex; width: 100%; flex-direction: column; width: 100%;}
	.table-wrap.row-type tbody th { width: 100%; height:auto; padding:1.2rem; }  
	.table-wrap.row-type tbody td {height:auto; padding:1.2rem; }
	.table-wrap.row-type tbody td input[type=text] {width: 100%;} 
	.table-wrap.row-type tbody td .text-divide {flex-direction: column; align-items:flex-start;}
	.table-wrap.row-type tbody td .text-divide select {width: 100%;}
	.table-wrap.row-type tbody td .date-wrap { flex-direction: column;}
	.table-wrap.row-type tbody td .date-wrap select {width: 100%;}
	.table-wrap.row-type tbody td .date-wrap .date-type  {width: 100%;} 

	.table-wrap2.row-type table,
	.table-wrap2.row-type tbody {display: block; width: 100%;}
	.table-wrap2.row-type tbody tr {display: flex; width: 100%; flex-direction: column; width: 100%;}
	.table-wrap2.row-type tbody th { width: 100%; height:auto; padding:1.2rem; }  
	.table-wrap2.row-type tbody td {height:auto; padding:1.2rem; }
	.table-wrap2.row-type tbody td input[type=text] {width: 100%;} 
	.table-wrap2.row-type tbody td .text-divide {flex-direction: column; align-items:flex-start;}
	.table-wrap2.row-type tbody td .text-divide select {width: 100%;}
	.table-wrap2.row-type tbody td .date-wrap { flex-direction: column;}
	.table-wrap2.row-type tbody td .date-wrap select {width: 100%;}
	.table-wrap2.row-type tbody td .date-wrap .date-type  {width: 100%;} 
 
	/* --- Notarize Now--- */
	.table-wrap.row-type .needs-validation { display: flex; width: 100%; flex-direction: column;}
	.table-wrap.row-type .row { width: 100%; margin: 0;  flex-direction: column;}
	.table-wrap.row-type .row .table-header { width: 100%; padding: .6rem;}
	.table-wrap.row-type .row .col-9 { width: 100%; padding: .6rem;} 
	.table-wrap.row-type .row .col-12 { padding: 1.6rem .5rem;}

	/*공증인 아코디언 타이틀*/ 
	.sessions-title {flex-direction: column; align-items: flex-start; height: auto; background: #fff;  margin-bottom: 2rem; padding-right: 0;}
	.sessions-title p {display: flex; flex-direction: column; width: 100%; padding-left: 1.7rem;  background: #F7F9FC;}
	.sessions-title p::before {content: ""; flex-shrink: 0; width: .5rem; height: auto; top:1rem; bottom: 1rem; margin-top:0;}
	.sessions-title p strong {font-size: 2.8rem; line-height: 4rem; }
	.sessions-title p span {font-size: 1.3rem; line-height: 1.8rem; }
	.sessions-title .btn-p {  min-width: 8rem; height: auto; padding: .5rem 1.2rem; margin-left: 0;  margin-top: 2rem;}
	.sessions-title .fold-button { position: absolute; right: 1.5rem; top: 1.5rem; width: 2.8rem; height: 2.8rem; background: url('../assets/images/ic-arrow.png') no-repeat 50% 50%/2.4rem;}
	.sessions-title .fold-button.on {background: url('../assets/images/ic-arrow-up.png') no-repeat 50% 50%/2.4rem;;}
	.sessions-title .fold-button span {font-size: 0; opacity: 0;}
	.sessions-cont {margin-bottom: 6rem;}

	/*table*/ 
	.table-wrap.list-type {display: none;}

	.table-wrap.mobile {display: block;}
	.table-wrap.mobile table { font-size: 1.5rem; table-layout: fixed; display: flex; flex-direction: column; width:100%; }
	.table-wrap.mobile tr {display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.table-wrap.mobile thead { position: sticky; top: 0; left: 0; width: 100%; z-index: 2; display: flex; width:100%;}   
	.table-wrap.mobile thead tr th + th {margin-left: auto; width: 13rem; flex-shrink: 0;}
	.table-wrap.mobile thead th { display: flex; align-items: center; flex: auto; width: 100%; height: 5.2rem; padding:.5rem 1rem .5rem 1.3rem; background: #66A4D1; color: var(--white); text-align: center;}
	.table-wrap.mobile thead th button { font-size: 1.5rem; color: var(--white); font-weight: 600; padding:0 2rem 0 0; background: url('../assets/images/ic-sorting.png') no-repeat 100% 50%/1.2rem auto;}
	.table-wrap.mobile tbody td { display: flex; align-items: center; justify-content: center; height: 5.2rem; padding:.5rem 1.3rem; text-align: center; border-bottom:1px solid var(--white-dark); vertical-align:middle; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.32px; color: var(--black-light); word-break: break-all;}  
	.table-wrap.mobile tbody td a:not(.btn) {text-decoration: underline;}
	.table-wrap.mobile tbody td.time-item { width: 13rem; flex-shrink: 0;}
	.table-wrap.mobile tbody td.subject { justify-content: flex-start;  flex: 1; width: calc(100% - 130px); padding-right: 0; overflow: hidden;}  
	.table-wrap.mobile tbody td.subject a,
	.table-wrap.mobile tbody td.subject span  {display: block; width: 100%;text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.table-wrap.mobile tbody td.requested { justify-content: flex-start; padding-left: 0; width: 100%; overflow: hidden;} 
	.table-wrap.mobile tbody td.requested span {display: block; width: 100%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

	.table-wrap.mobile tbody tr.toggle-cont {width: 100%;  } 
	.table-wrap.mobile tbody td.toggle-wrap {width: 100%; padding: 0;  height: auto; display: block; background:var(--white-dark); text-align: left;}
	.table-wrap.mobile tbody td.toggle-wrap .toggle-item { width: 100%; display: flex; align-items: center; justify-content: space-between; min-height: 5.2rem;}
	.table-wrap.mobile tbody td.toggle-wrap .toggle-item a,
	.table-wrap.mobile tbody td.toggle-wrap .toggle-item span {padding: 0 1.2rem; line-height: 120%;}
	.table-wrap.mobile tbody td.toggle-wrap .toggle-item span button:not(.btn-danger) {background-color: #fff;}
	.table-wrap.mobile tbody td.toggle-wrap .toggle-item span + span { min-width: 13rem; flex-shrink: 0; text-align: center;}