@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Roboto:wght@400;700&display=swap');
body { background:#dddddd;font-size:14px;font-family: 'Roboto', 'Noto Sans KR', HelveticaNeue, AppleSDGothicNeo, Malgun Gothic, sans-serif;margin:0;padding:0; }
h1 { margin-top:0;padding:0; }
h2 { height:44px;margin:0;padding:0 0 20px 0;font-size:24px;font-weight:400;color:var(--g90);line-height:44px; }
h3 { padding-top:20px; font-size:16px;font-weight:700;line-height:24px;color: var(--g60) }
h4 { font-size:14px;font-weight:400;margin-bottom:0; }
h5 { margin-bottom:0; }
a { display:block; text-decoration:none; font-size:14px; }
button { background:none; font-size:16px; border:0 none; }
table { font-size:inherit;font-family:inherit;background-color:transparent;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:1px solid var(--line_normal); margin-top:10px; }
table th, table td { border-collapse:collapse;border-bottom:1px solid var(--line_normal);text-align:left; vertical-align:top; font-weight:normal; padding:10px; }
table th { border-right:1px solid var(--line_normal); }
table tr { border-top:1px solid var(--line_normal); }
table tr:first-child { border-top:0 none; }
table td { border-right:1px solid var(--line_normal); }
table.default { margin-top:0; }
table.default th { width:40%; }
.nextElement-toggle-bt, a { color:var(--decrease); }
.to-toggle { display:none; }
.titB { width:100%;max-width:720px;height:60px;margin:0 auto;padding:19px 13px 0 13px;background:var(--bg_content);border-bottom:1px solid var(--line_normal);box-sizing:border-box; }
.titB h1 a { display:block;position:relative;width:102px;height:22px;background:url('/images/agreements/logo_stockplus.svg') 0 0 no-repeat;overflow:hidden;text-indent:-999em;background-size:102px; }
.titB h1 a:before{content:'';position:absolute;right:0;top:0;width:74px;height:100%;background-color: var(--bg_content);}
.titB h1 a:after{content:'';position:absolute;right:0;top:0;width:74px;height:100%;background-color: var(--g90);mask:url('/images/agreements/logo_stockplus.svg') no-repeat 100% 50%/102px auto;-webkit-mask:url('/images/agreements/logo_stockplus.svg') no-repeat 100% 50%/102px auto;}
.contentB { width:100%;max-width:720px;margin:0 auto;padding:32px 13px 40px 13px;background:var(--bg_content);box-sizing:border-box;color:var(--g60); }
.contentB p { margin:10px 0; }
ul { list-style:none; padding-left:0px; }
ul li { position:relative; padding-left:24px; margin:15px 0; }
ul li.sub01 { padding-left:48px; }
ul li.sub02 { padding-left:30px; }
ul span { position:absolute; left:10px; }
ul.default-style { list-style:disc; padding-left:20px; }
ul.default-style.ty02 { margin-top:0; }
ul.default-style.ty02 li { margin:0 !important; }
ul.default-style li { padding-left:0; }
ul.default-style li a { color:var(--decrease); }
ul.default-style li p.sub { margin:0 !important; }
ul.default-style li p.sub span { position:static; }
ul.default-style li.ty03 { margin-top:15px !important;color:var(--decrease); }
ul.default-style li.ty04 { margin-top:0 !important;color:var(--decrease); }
a.ty01 { color:var(--decrease) !important; }
p, ul, li { font-weight:400;line-height:21px; }
.margin0 { margin:0 !important; }
.indexB { margin-top:40px; }
.scrollB { width:100%;max-width:720px;border-top:1px solid var(--brand);overflow-x:auto; }
.scrollB table { width:100%;margin-top:0;border-top:0;border-bottom:1px solid var(--line_normal);border-left:0;border-right:0; }
.scrollB table th { border:1px solid var(--line_normal);border-top:0 !important;font-weight:700;word-break:break-all; }
.scrollB table td { border:1px solid var(--line_normal);font-weight:400;word-break:break-all; }
.scrollB table .noB01 { border-left:0 !important; }
.scrollB table .noB02 { border-right:0 !important; }
.selectB { position:relative;width:100%;padding-bottom:20px; }
.selectB .select { display:block;width:100%;height:44px;padding:11px 16px;border:1px solid var(--line_normal);border-radius:4px;box-sizing:border-box;line-height:20px;color:var(--g90);font-size:14px;text-align: left;cursor: pointer; }
.selectB .select::after { content: '';position:absolute;top:0;right:0;display:block;width:28px;height:44px;mask:url('/images/agreements/ico_select_down.svg') no-repeat 0 50%/12px 8px;-webkit-mask:url('/images/agreements/ico_select_down.svg')no-repeat 0 50%/12px 8px;background-color: var(--g50); }
.selectB .listB { position:absolute;top:0;right:0;left:0;display:none;width:100%;background:var(--bg_content_elevated);border:1px solid var(--line_strong);border-radius:4px;box-sizing:border-box; }
.selectB .listB::after { content:"";position:absolute;top:0;right:0;display:block;width:28px;height:43px;mask:url('/images/agreements/ico_select_up.svg') no-repeat 0 50%/12px 8px;-webkit-mask:url('/images/agreements/ico_select_up.svg')no-repeat 0 50%/12px 8px;background-color: var(--g50); }
.selectB .listB a { display:block;width:100%;padding:11px 16px;line-height:21px;color:var(--g90);font-size:14px;box-sizing:border-box; }
.selectB .listB .currentSelect{ display:block;width:100%;padding:11px 16px;line-height:21px;color:var(--g40);font-size:14px;box-sizing:border-box; }
.selectB .listB span { display:block;width:100%;max-height:215px;overflow:auto;overflow-x:hidden; }
.selectB .listB span a { color:var(--g90); }
.selectB .listB span a:hover { background-color:var(--pressed_normal);box-sizing:border-box; }
.block { display:block !important; }
.hidden { display:none !important; }
.w100 { width:100px; }
.w102 { width:102px; }
.w115 { width:115px; }
.w120 { width:120px; }
.w170 { width:170px; }
.w124 { width:124px; }
.w125 { width:125px; }
.w136 { width:136px; }
.w148 { width:148px; }
.w165 { width:165px; }
.w172 { width:172px; }
.w360 { width:360px; }
@media (min-width:720px) {
    .contentB .wrap { display:flex;justify-content:space-between;width:100%; }
    .selectB { width:300px;padding-bottom:0; }
}
