@charset 'utf-8';
@import './reset.css';
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:700&display=swap');*/
@import './fonts/open-sans.css';
@import './fonts/noto-serif.css';

/* layout */
html { height: 100%; width: 100%; font-size: 16px; background: #fff; }
body { position: relative; box-sizing: border-box; min-width: 320px; color: #333; word-break: keep-all; font: 400 16px/1.5em sans-serif; letter-spacing: 0; background: #fff; min-height: 100%; opacity: 0; transition: .3s; }
body.loaded { opacity :1; }

input:focus,
a:focus,
button:focus { outline: none; }
*::selection  { background: #000; color: #fff; }
*::-moz-selection { background: #000; color: #fff; }
*::selection { background: #000; color: #fff; }
*::-moz-selection { background: #000; color: #fff; }
*::selection { background: #000; color: #fff; }
*::-moz-selection { background: #000; color: #fff; }
* { -webkit-touch-callout: none; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); }
*::-webkit-input-placeholder { color: #ccc; font-weight: 400; }
*:-ms-input-placeholder { color: #ccc; font-weight: 400; }
*::placeholder { color: #ccc; font-weight: 400; }

/* base */
a,
input,
button { transition: all .3s; }

/* p+p { margin-top: 1.5em; } */
button.download,
button.mapLink { height: 30px; border-radius: 15px; background: #b0b0b0 20px center no-repeat; color: #fff; font-size: 14px; font-weight: 600; padding: 0 20px; }
button.mapLink { background-color: #003974; font-weight: 400; background-image: url('../../images/engNew/common/icon-maplink.png'); background-size: 16px auto; padding-left: 29px; background-position: 11px center; padding-right: 23px; position: relative; }
button.mapLink i:before,
button.mapLink i:after { content: ''; display: block; height: 2px; width: 7px; position: absolute; background: #fff; opacity: .5; border-radius: 1px; right: 0; top: 0; bottom: 0; margin: auto 0; right: 7px; }
button.mapLink i:before { transform: rotate(45deg); transform-origin: right bottom; }
button.mapLink i:after { transform: rotate(-45deg); transform-origin: right top; }
ul.redDot+button.mapLink { margin-top: 16px; margin-left: 16px; }
a.fn,
button.fn { display: inline-block; vertical-align: top; height: 40px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 20px; font-size: 14px; color: #555; font-weight: 600; min-width: 120px; text-align: center; line-height: 38px; padding: 0 35px; position: relative; }
strong a.fn,
strong button.fn { background-color: #911b2b; border-color: #911b2b; color: #fff; }
button.fn.red { border-color: #911b2b; color: #911b2b; }
button.fn.black { border-color: #333; background: #333; color: #fff; }
a.fn.pdf,
button.fn.pdf,
button.fn.print { border-color: #911b2b; color: #911b2b; background: 19px center no-repeat; padding-right: 19px; background-size: auto 20px; }
a.fn.pdf,
button.fn.pdf { padding-left: 45px; background-image: url('../../images/engNew/common/icon-pdf.png'); }
button.fn.print { padding-left: 46px; background-image: url('../../images/engNew/common/icon-print.png'); }
a.fn.hyperlink { text-align: left; padding-left: 19px; padding-right: 53px; height: 50px; line-height: 48px; border-radius: 25px; position: relative; }
a.fn.hyperlink:before,
a.fn.hyperlink:after { content: ''; display: block; position: absolute; width: 7px; height: 2px; border-radius: 1px; background: #fff; opacity: .4; top: 0; bottom: 0; right: 19px; margin: auto 0; transform-origin: right center; transition: all .2s; }
a.fn.hyperlink:before { transform: rotate(45deg); top: 1px; }
a.fn.hyperlink:after { transform: rotate(-45deg); bottom: 1px; }
a.fn.hyperlink:hover,
a.fn.hyperlink:focus { color: #911b2b; background: #911b2b; background: #fff; background: #fff; }
a.fn.hyperlink:hover:before,
a.fn.hyperlink:focus:before { right: 12px; transform: rotate(38deg); background: #911b2b; }
a.fn.hyperlink:hover:after,
a.fn.hyperlink:focus:after { right: 12px; transform: rotate(-38deg); background: #911b2b; }
a.fn:hover,
a.fn:focus,
button.fn:hover,
button.fn:focus { box-shadow: 0 2px 5px rgba(0,0,0,.2); }
a.fn:active,
button.fn:active { box-shadow: 0 0 5px rgba(0,0,0,.2); top: 1px; transition: none; }
.function { font-size: 0; text-align: right; margin: 50px auto 0; max-width: 1000px; }
.funciton:after { content: ''; display: block; clear: both; }
.function .left { float: left; }
.function.center { text-align: center; }
.function button+button,
.function strong+button,
.function button+strong { margin-left: 10px; }
.function { margin-bottom: 50px; }
.function:last-child { margin-bottom: 0; }
figure img { max-width: 100%; display: block; }
figure figcaption.forScreenReader { height: 0; overflow: hidden; }
figure img.mobile { display: none; }
figure figcaption.hide { height: 0; overflow: hidden; }
span.ww { display: inline-block; text-indent: 0; }
span.rw { display: block; }

ul.redDot { overflow: hidden; }
ul.redDot li { padding-left: 1em; position: relative; }
ul.redDot li+li { margin-top: .5em; }
ul.redDot li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 10px; background: #911b2b; }

label input[type=checkbox] { position: absolute; opacity: 0; }
label input[type=checkbox]+i { display: inline-block; width: 16px; height: 16px; box-sizing: border-box; background: #fff; border: 1px solid #ddd; vertical-align: middle; position: relative; top: -1px; margin-right: 4px; position: relative; transition: all .2s; }
label input[type=checkbox]+i:before { content: ''; display: block; position: absolute; width: 0; height: 0; transform: rotate(45deg); border: solid #333; border-width: 0 2px 2px 0; left: 1px; bottom: 7px; opacity: 0; transition: width .1s .1s, height .1s, opacity .2s; transform-origin: left bottom; }
label input[type=checkbox]:checked+i:before { width: 4px; height: 8px; opacity: 1; transition: width .1s, height .1s .1s, opacity .2s; }
label input[type=radio] { position: absolute; opacity: 0; }
label input[type=radio]+i { display: inline-block; width: 16px; height: 16px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #e1e1e1; vertical-align: middle; position: relative; top: -1px; margin-right: 4px; border-radius: 50%; transition: all .2s; }
label input[type=radio]+i:before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; background: #333; border-radius: 50%; transition: all .3s; }
label input[type=radio]:checked+i:before { width: 8px; height: 8px; opacity: 1; }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 30px; background: #fff right center no-repeat; transition: all .2s; background: #000 url('../../images/engNew/common/select.png') right center no-repeat; background-size: auto 101%; }
.old select { margin-right: 7px; }
select::-ms-expand { display: none; }
option { background: #fff; }
input:focus,
select:focus,
input:active,
select:active { border-color: #476ea2; }
select:focus { background-color: #476ea2; }

.ww { display: inline-block; }
.ellipsisOn { position: relative; }
/*.ellipsisOn:after { content: '...'; display: block; position: absolute; right: 0; bottom: 0; width: 40px; height: 20px; background: url('../../images/engNew/common/ellipsis-bg.png') right repeat-y; line-height: 10px; text-align: right; background-size: 100% 100%; }
*/
.elp {
    overflow: hidden;
    position: relative;
    /* line-height: 1.5em; */
    max-height: 6em;
    text-align: justify;
    /* margin-right: -1em; */
    padding-right: 1em;
} 
.elp:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.elp:after {
    content: '';
    position: absolute;
}
.sendEmail { margin: 2em 0 3em; }
.sendEmail dt,
.sendEmail dd { display: inline; }
.sendEmail dt:after { content: ' :'; }
.sendEmail dd { border-bottom: 1px solid #003974; color: #003974; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect { border-radius: 14px; padding: 0 20px 0 10px; border: 1px solid #ccc; background-color: #aaa; height: 26px; }
.daterangepicker select option { background: #fff; }
.daterangepicker .ranges li.active { background: #003974; }
.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next { border-radius: 50%; width: 33px; height: 33px; }
.daterangepicker .calendar-table .prev span { margin-left: 2px; }
.daterangepicker .calendar-table .next span { margin-right: 3px; }
.daterangepicker td.in-range { background: #fff2f4; }
.daterangepicker td.active,
.daterangepicker td.active:hover { background: #911b2b; }
.daterangepicker td.start-date { border-radius: 16px 0 0 16px; }
.daterangepicker td.end-date  {border-radius: 0 16px 16px 0; }
.daterangepicker td.start-date.end-date  {border-radius: 16px; }

.list .noResult { line-height: 100px; text-align: center; color: #999; }

/* layout */
header.common { background: #911b2b; height: 105px; overflow: visible; padding-top: 13px; box-sizing: border-box; position: relative; /*box-shadow: 0 10px 10px rgba(0,0,0,.3);*/ }
header.common h1 { text-indent: -999px; overflow: hidden; background: url('../../images/engNew/common/header-symbol.png') center no-repeat; width: 212px; height: 68px; margin: 0 auto; background-size: 100% auto; }
header.common button.mobileMenu { display: none; }
header.common .gnb { height: 60px; position: absolute; left: 0; right: 0; top: 105px; }
header.common .gnb:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 60px; background: url('../../images/engNew/common/gnb-bg.png') repeat; z-index: 1; }
header.common .gnb a.korean { position: absolute; right: 0; top: -105px; font-size: 12px; font-weight: 600; color: #c59a9e; padding: 0 20px; line-height: 51px; }
header.common .gnb a.korean:hover,
header.common .gnb a.korean:focus { color: #fff; }
header.common .gnb ul { position: relative; z-index: 3; width: 1000px; margin: 0 auto; text-align: center; }
header.common .gnb li { float: left; }
header.common .gnb li.intro { width: 156px; }
header.common .gnb li.justices { width: 158px; }
header.common .gnb li.jurisdiction { width: 134px; }
header.common .gnb li.decisions { width: 170px; }
header.common .gnb li.news { width: 84px; }
header.common .gnb li.affairs { width: 201px; }
header.common .gnb li.library { width: 97px; }
header.common .gnb li ul { width: auto; height: 0; opacity: 0; transition: all .3s; overflow: hidden; color: #fff; font-size: 14px; line-height: 16px; margin-top: 17px; }
header.common .gnb li li { float: none; color: #fff; }
header.common .gnb li li+li { margin-top: 13px; }
header.common .gnb li li ul { display: none; }
header.common .gnb:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 60px; background: url('../../images/engNew/common/gnb-bg-hover.png') repeat; z-index: 2; opacity: 0; transition: all .3s; }
header.common .gnb.on { height: 316px; }
header.common .gnb.on:after { height: 316px; opacity: 1; }
header.common .gnb a,
header.common .gnb button { height: 60px; font-size: 17px; font-weight: 600; color: #fff; line-height: 20px; display: block; line-height: 53px; }
header.common .gnb button { display: none; color: #fdb458; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 38px 0 20px; position: relative; }
header.common .gnb button i { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 58px; }
header.common .gnb button i:before,
header.common .gnb button i:after { content: ''; display: block; position: absolute; width: 10px; height: 3px; border-radius: 1.5px; background: #fff; opacity: .5; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s; }
header.common .gnb button i:before { transform: rotate(45deg); right: 5px; }
header.common .gnb button i:after { transform: rotate(-45deg); left: 5px; }
header.common .gnb button.on i:before { transform: rotate(-45deg); }
header.common .gnb button.on i:after { transform: rotate(45deg); }
header.common .gnb a { line-height: 56px; }
header.common .gnb a .wrap { display: inline-block; vertical-align: middle; line-height: 20px; }
header.common .gnb.on li ul { height: 240px; opacity: 1; }
header.common .gnb.on li a { color: #646e78; }
header.common .gnb li:hover a,
header.common .gnb li.on a,
header.common .gnb.on li ul a { color: #fff; }
header.common .gnb li a.on,
header.common .gnb li:hover a:hover,
header.common .gnb li.on a:hover,
header.common .gnb li:hover a:focus,
header.common .gnb li.on a:focus { color: #fdb458; }
header.common .gnb li ul a { line-height: 18px; height: auto; font-size: 14px; }
header.common .gnb .ww { display: block; }

.bodyWrap { width: 1000px; margin: 0 auto; clear: both; }
.visual { background: center no-repeat; background-size: 100% auto; background-size: cover; height: 350px; position: relative; }
main:after { content: ''; display: block; clear: both; }

footer.common { height: 450px; box-sizing: border-box; background: #911b2b url('../../images/engNew/common/footer-visual.png') center bottom no-repeat; background-position: center calc(100% - 2px); color: #fff; padding-top: 50px; text-align: center; position: relative; }
footer.common h2 { text-indent: -999px; overflow: hidden; background: url('../../images/engNew/common/header-symbol.png') center no-repeat; width: 212px; height: 68px; margin: 0 auto; background-size: 212px auto; }
footer.common .relationSite { position: absolute; width: 180px; font-size: 14px; letter-spacing: .075em; right: 0; top: 0; display: none; }
footer.common .relationSite dt { height: 40px; font-weight: 600; }
footer.common .relationSite dt button { width: 100%; height: 100%; display: block; background: #000; color: #fff; text-align: left; padding-left: 15px; box-sizing: border-box; position: relative; }
footer.common .relationSite dt button:before,
footer.common .relationSite dt button:after { content: ''; display: block; position: absolute; width: 2px; height: 2px; background: #787878; top: 0; bottom: 0; margin: auto 0; right: 15px; transition: all .2s; }
footer.common .relationSite dt button:before { height: 10px; right: 19px; }
footer.common .relationSite dt button:after { width: 10px; }
footer.common .relationSite dt button.on:before,
footer.common .relationSite dt button.on:after { transform: rotate(45deg); }
footer.common .relationSite dd { position: absolute; top: 40px; left: 0; right: 0; background: #000; border-top: 1px solid #333; padding: 10px 0; }
footer.common .relationSite dd li { line-height: 20px; padding: 5px 15px; text-align: left; }
footer.common address { font-size: 14px; color: #fff; letter-spacing: .025em; margin: 32px 0 13px; }
footer.common .copyrights { font-weight: 600; font-size: 12px; letter-spacing: .05em; color: #b47880; }

/* index */
main.index { padding-bottom: 0; }
.index .visual { background-image: url('../../images/engNew/0mn/visual.png'); height: 410px; }
.index .visual .search { box-sizing: border-box; width: 363px; height: 52px; border: 3px solid #fff; border-radius: 26px; background: #12304f; position: absolute; bottom: 45px; overflow: visible; font-size: 0; white-space: nowrap; left: 637px; right: 0; margin: 0 auto; padding-left: 129px; z-index: 1; }
.index .visual .search:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 129px; width: 1px; height: 22px; background: #415972; }
.index .visual .search input,
.index .visual .search select,
.index .visual .search button,
.index .visual .search ul._type { height: 100%; background-color: transparent; border: 0 none; display: inline-block; vertical-align: top; box-sizing: border-box; }
.index .visual .search select { width: 129px; margin-right: 1px; font-size: 14px; color: #fff; padding-left: 19px; font-weight: 600; background-image: url('../../images/engNew/common/select-arrow-w.png'); }
.index .visual .search ul._type { position: absolute; top: 0; left: 0; width: 129px; margin-right: 1px; font-size: 14px; color: #fff; padding-left: 19px; font-weight: 600; background: #12304f url('../../images/engNew/common/select-arrow-w.png') right 20px no-repeat ; height: auto; padding-left: 0; transition: all .15s linear; height: 46px; overflow: hidden; border-radius: 23px; }
.index .visual .search ul._type li { position: absolute; transition: all .15s linear; right: 0; left: 0; height: 46px; }
.index .visual .search ul._type li.on { z-index: 1; }
.index .visual .search ul._type li.case { top: 0; }
.index .visual .search ul._type li.contents { bottom: 0; }
.index .visual .search ul._type button { left: 0; height: 46px; text-align: center; width: 100%; padding-right: 20px; box-sizing: border-box; opacity: 0; line-height: 46px; }
.index .visual .search ul._type button:hover,
.index .visual .search ul._type button:focus { color: #fdb458; }
.index .visual .search ul._type.on button,
.index .visual .search ul._type .on button { opacity: 1; }
.index .visual .search ul._type.on { height: 92px; }
.index .visual .search ul._type.contents.on { top: -46px; background-position: right 66px; }
.index .visual .search input { width: 179px; font-size: 1rem; color: #fff; padding-left: 10px; line-height: 46px; }
.index .visual .search button.action { width: 48px; position: relative; }
.index .visual .search button.action:before,
.index .visual .search button.action:after { content: ''; display: block; position: absolute; }
.index .visual .search button.action:before { box-sizing: border-box; width: 14px; height: 14px;  border: 2px solid #fff; border-radius: 7px; left: 10px; top: 14px; }
.index .visual .search button.action:after { height: 11px; width: 2px; border-radius: 1px; background: #fff; transform-origin: center top; transform: rotate(-45deg); top: 25px; left: 20px; }

.index article { width: 316px; float: left; margin-bottom: 26px; }
.index article:After { content: ''; display: block; clear: both; }
.index .date { width: 50%; background: #62121d; color: #fff; float: left; height: 70px; margin-bottom: 26px; line-height: 68px; box-sizing: border-box; }
.index .date dl { width: 100%; text-align: center; max-width: 500px; }
.index .date dt,
.index .date dd { display: inline-block; }
.index .date dt { padding-right: 21px; margin-right: 20px; position: relative; }
.index .date dt:after { content: ''; display: block; position: absolute; width: 1px; height: 17px; background: #fff; top: 0; bottom: 0; right: 0; margin: auto 0; opacity: .15; }
.index .date dd { font-size: 21px; font-weight: 700; color: #ffffcc; }
.index .date.announcement dl { float: right; }
.index .date.hearings { background: #00274f; }
.index .overview header { background: #911b2b; color: #fff; font-size: 20px; font-weight: 700; position: relative; height: 80px; line-height: 80px; }
.index .overview header .more { display: block; width: 100%; height: 100%; }
.index .overview header .more i { position: absolute; right: 0; top: 0; bottom: 0; width: 57px; text-indent: -999px; overflow: hidden; text-align: left; margin: 0; padding: 0; background: none; }
.index .overview header .more:before,
.index .overview header .more i:before,
.index .overview header .more i:after { content: ''; display: block; position: absolute; width: 15px; height: 3px; border-radius: 1.5px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: .5; }
.index .overview header .more:before { left: auto; right: 21px; }
.index .overview header .more i:before,
.index .overview header .more i:after { width: 10px; height: 3px; left: 8px; }
.index .overview header .more i:before { transform: rotate(45deg); bottom: 6px; }
.index .overview header .more i:after { transform: rotate(-45deg); top: 6px; }
.index .overview header h2 { padding-left: 20px; }
.index .overview.hearing header,
.index .overview.publications header { background: #003974; }
.index .overview.news header { background: #774619; }
.index .overview.hearing,
.index .overview.publications { margin-left: 26px; margin-right: 26px; }
.index .overview ul { border: 1px solid #e5e5e5; border-top: 0 none; }
.index .latest ul { padding: 20px; }
.index .latest li+li { margin-top: 20px; }
.index .latest dl { height: 215px; overflow: hidden; position: relative; }
.index .latest dt { color: #000; font-weight: 600; max-height:101px; overflow: hidden; }
.index .latest dt strong { font-size: 20px; font-weight: 700; display: block; line-height: 16px; padding-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index .latest dd.info { color: #911b2b; font-weight: 600; margin: 9px 0; }
.index .latest ul .more { text-align: right; padding-right: 15px; background: url('../../images/engNew/common/arrow-link-b.png') right center no-repeat; color: #999; font-size: 12px; line-height: 9px; margin-top: 10px; font-weight: 600; }
.index .latest.hearing dt { max-height:125px; }
.index .latest.news figure { margin-bottom: 20px; text-indent: -999px; overflow: hidden; background: #f5f5f5 center no-repeat; background-size: auto 100%; background-size: contain; height: 170px; }
.index .latest.news dl { height: 152px; }
.index .latest.news dd.info { color: #999; font-size: 14px; font-weight: 400; margin-top: 0; }
.index .historical h2 { line-height: 24px; padding-top: 16px; padding-bottom: 16px; }
.index .historical ul { padding: 7px 20px; font-weight: 600; color: #000; line-height: 20px; }
.index .historical li+li { border-top: 1px solid #e5e5e5; }
.index .historical li a { padding: 9px 15px 10px 0; display: block; background: url('../../images/engNew/common/arrow-link-b.png') right center no-repeat; }
.index .publications ul { padding: 0 20px; font-weight: 600; color: #000; }
.index .publications li { padding: 19px 0; height: 163px; overflow: hidden; box-sizing: border-box; }
.index .publications li:after { content: ''; display: block; clear: both; }
.index .publications li+li { border-top: 1px solid #e5e5e5; margin-top: 1px; }
.index .publications figure { float: left; margin: 5px 18px 5px 0; height: 100%; width: 85px; }
.index .publications a { display: block; height: 100%; overflow: hidden; }

.index .download button { display: block; width: 100%; text-align: left; background: center no-repeat; background-size: 100% auto; background-size: cover; position: relative; }
.index .download button h2 { font-size: 20px; font-weight: 700; font-weight: 700; color: #fff; position: absolute; top: 15px; left: 20px; }
.index .download button h2 .chinese { display: block; text-indent: -999px; width: 100%; overflow: hidden; background: left center no-repeat; margin-top: 14px; height: 23px; }
.index .download button .download { display: block; position: absolute; right: 21px; bottom: 20px; padding-right: 43px; /*background: url('../../images/engNew/common/arrow-download.png') right center no-repeat;*/ padding-top: 1px; line-height: 34px; font-size: 14px; color: #fff; color: rgba(255,255,255,.5); }
.index .download button .download i { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 33px; }
.index .download button .download:before,
.index .download button .download i:before,
.index .download button .download i:after { content: ''; display: block; position: absolute; width: 7px; height: 35px; border-radius: 3px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: .5; }
.index .download button .download:before { right: 13px; left: auto; }
.index .download button .download i:before,
.index .download button .download i:after { height: 24px; top: auto; bottom: 1px; transform-origin: center bottom; }
.index .download button .download i:before { transform: rotate(45deg); left: -3px; }
.index .download button .download i:after { transform: rotate(-45deg); left: 3px; }
.index .download button.constitution { height: 344px; margin-bottom: 25px; background-image: url('../../images/engNew/0mn/download-constitution-bg.png'); }
.index .download button.constitution h2 .chinese { background-image: url('../../images/engNew/0mn/download-constitution-chinese.png'); }
.index .download button.ccourtact { height: 205px; background-image: url('../../images/engNew/0mn/download-ccourtact-bg.png'); }
.index .download button.ccourtact h2 .chinese { background-image: url('../../images/engNew/0mn/download-ccourtact-chinese.png'); }

.index .favorite { float: none; width: auto; margin-bottom: 6px; }
.index .favorite a { display: block; margin: 0 0 14px 14px; background: center no-repeat; background-size: 100% auto; background-size: cover; text-align: center; float: left; font-size: 20px; font-weight: 700; color: #fff; transition: none; box-sizing: border-box; padding: 0 20px; position: relative; }
.index .favorite a:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-sizing: border-box; opacity: .4; border: 0 solid #000; transition: all .3s; }
.index .favorite a:hover:after,
.index .favorite a:focus:after { border-width: 10px; }
.index .favorite a span { line-height: 24px; display: inline-block; vertical-align: middle; }
.index .favorite a .ww { display: block; }
.index .favorite .wrap { float: left; margin-left: 14px; }
.index .favorite .wrap a { float: none; margin-left: 0; }
.index .favorite .wrap.middle { width: 474px; }
.index .favorite .wrap.right { width: 260px; }
.index .favorite a.justices { width: 560px; height: 213px; line-height: 213px; margin-left: 0; background-image: url('../../images/engNew/0mn/favorite-justices.png'); }
.index .favorite a.history { width: 426px; height: 213px; line-height: 213px; background-image: url('../../images/engNew/0mn/favorite-history.png'); }
.index .favorite a.rapporteur { width: 238px; height: 386px; line-height: 386px; margin-left: 0; background-image: url('../../images/engNew/0mn/favorite-rapporteur.png'); margin-left: 0; }
.index .favorite a.library { width: 100%; height: 186px; line-height: 186px; background-image: url('../../images/engNew/0mn/favorite-library.png'); }
.index .favorite a.conference { width: 100%; height: 186px; line-height: 186px; background-image: url('../../images/engNew/0mn/favorite-conference.png'); }
.index .favorite a.building { width: 100%; height: 250px; line-height: 250px; background-image: url('../../images/engNew/0mn/favorite-building.png'); }
.index .favorite a.visit { width: 100%; height: 122px; line-height: 122px; background-image: url('../../images/engNew/0mn/favorite-visit.png'); }
.index .link { background: #f5f5f5; float: none; width: auto; padding: 70px 0; margin-bottom: 0; text-align: center; }
.index .link a { border-right: 1px solid #ccc; box-sizing: border-box; display: block; width: 25%; float: left; height: 160px; color: #000; line-height: 40px; font-weight: 700; background-repeat: no-repeat; box-sizing: border-box; padding: 80px 20px 0; }
.index .link a:first-child { border-left: 1px solid #ccc; }
.index .link a:hover,
.index .link a:focus { color: #911b2b; }
.index .link a span { line-height: 20px; display: inline-block; vertical-align: middle; }
.index .link a .ww { display: block; }
.index .link a.aacc { background-image: url('../../images/engNew/0mn/link-aacc.png'); background-position: center 21px; }
.index .link a.institute { background-image: url('../../images/engNew/0mn/link-institute.png'); background-position: center 15px; }
.index .link a.venice { background-image: url('../../images/engNew/0mn/link-venice.png'); background-position: center 20px; }
.index .link a.worldwide { background-image: url('../../images/engNew/0mn/link-worldwide.png'); background-position: center 18px; }

/* common */
main { padding-bottom: 100px; }
.visual { height: 110px; background: center no-repeat; background-size: 100% auto; background-size: cover; text-align: center; line-height: 106px; padding-top: 60px; }
.visual h2 { font-size: 38px; font-weight: 300; color: #fff; vertical-align: middle; line-height: 40px; display: inline-block; margin-bottom: 4px; padding: 0 12px; }
.lnb { background: #003974; white-space: nowrap; overflow-x: auto; overflow-y: hidden; text-align: center; }
.lnb ul,
.lnb li { display: inline-block; vertical-align: top; font-size: 0; }
.lnb li { color: #7e97b1; font-size: 14px; position: relative; line-height: 49px; }
.lnb li:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; right: 0; bottom: -5px; margin: 0 auto; border: 5px solid transparent; border-bottom-color: #f2f2f2; transition: all .2s; }
.lnb li a { display: inline-block; height: auto; vertical-align: middle; padding: 5px 20px 9px; line-height: 16px; }
.lnb li a:hover,
.lnb li a:focus { color: #fff; }
.lnb li.on:after { bottom: 0px; }
.lnb li.noChild:after { content: none; }
.lnb li.on { color: #fdb458; font-weight: 700; }
.lnb.depth2 { background: #f2f2f2; }
.lnb.depth2 li { color: #666; overflow: visible; }
.lnb.depth2 li:after { content: none; }
.lnb.depth2 li+li { margin-left: 1px; }
.lnb.depth2 li+li:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -1px; margin: auto 0; height: 13px; width: 1px; background: #ccc; }
.lnb.depth2 li.on a { color: #911b2b; }
.lnb.depth2 li a:hover,
.lnb.depth2 li a:focus { color: #000; }

.tab { position: relative; height: 50px; box-sizing: border-box; padding: 0 20px; margin: 0 0 50px; white-space: nowrap; font-size: 0; }
.tab:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #911b2b; z-index: 1; }
.tab ul { overflow: auto; margin: 0 -20px; padding: 0 20px; }
.tab li { display: inline-block; vertical-align: bottom; position: relative; border: solid #e5e5e5; border-width: 1px 1px 0 1px; border-radius: 10px 10px 0 0; line-height: 49px; box-sizing: border-box; text-align: center; color: #999; font-size: 14px; font-weight: 600; overflow: visible; }
.tab li:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0px; height: 2px; background: #fff; }
.tab li+li { margin-left: -1px; }
.tab.ea1 li { width: calc((100% + 0px) / 1); }
.tab.ea2 li { width: calc((100% + 1px) / 2); }
.tab.ea3 li { width: calc((100% + 2px) / 3); }
.tab.ea4 li { width: calc((100% + 3px) / 4); }
.tab.ea5 li { width: calc((100% + 4px) / 5); }
.tab.ea6 li { width: calc((100% + 5px) / 6); }
.tab li.on { border-color: #911b2b; color: #911b2b; z-index: 2; background: #fff; }
.tab li a { display: block; width: 100%; box-sizing: border-box; padding: 0 10px; }
.tab li a>span { display: inline-block; vertical-align: middle; line-height: 16px; white-space: normal; }
.tab li .ww { vertical-align: baseline; }

header.contents { line-height: 64px; padding-bottom: 4px; border-bottom: 1px solid #911b2b; text-align: center; margin-bottom: 50px; padding-top: 16px; padding-bottom: 16px; }
header.contents h3 { color: #911b2b; font-size: 30px; font-weight: 700; display: inline-block; vertical-align: middle; line-height: 32px; padding: 0 12px; }
p.menuDescription { text-align: center; max-width: 1000px; padding: 0 16px; margin: 0 auto; color: #911b2b; font-size: 16px; line-height: 24px; margin-bottom: 50px; }
p.menuDescription a { position: relative; font-weight: 600; }
p.menuDescription a:before { content: ''; display: block; position: absolute; bottom: 1px; left: 0; right: 0; height: 1px; background: #911b2b; }
p.menuDescription a:hover,
p.menuDescription a:focus { color: #003974; }
p.menuDescription a:hover:before,
p.menuDescription a:focus:before { background: #003974; }

button.viewMore { display: block; margin: 50px auto 0; height: 50px; border-radius: 25px; box-sizing: border-box; border: 1px solid #ccc; font-weight: 600; color: #555; font-size: 14px; padding: 1px 52px 0 32px; position: relative; min-width: 200px; }
button.viewMore i { position: absolute; width: 10px; height: 12px; right: 33px; top: 0; bottom: 0; margin: auto 0; transition: all .3s; }
button.viewMore:after,
button.viewMore i:before,
button.viewMore i:after { content: ''; display: block; position: absolute; opacity: .5; left: 0; right: 0; bottom: 0; margin: 0 auto; background: #911b2b; border-radius: 1px; width: 2px; height: 8px; }
button.viewMore:after { height: 12px; left: auto; right: 37px; top: 0; bottom: 0; margin: auto 0; }
button.viewMore i:before { transform-origin: left bottom; transform: rotate(-45deg); transition: all .3s; }
button.viewMore i:after { transform-origin: right bottom; transform: rotate(45deg); transition: all .3s; }
button.viewMore:hover { box-shadow: 0 2px 5px rgba(0,0,0,.2) inset; border-color: #aaa; }
button.viewMore:focus { border-color: #aaa; }
button.viewMore:active { box-shadow: 0 0 3px rgba(0,0,0,.3) inset; top: 1px; transition: none; }
button.viewMore:active i:before { transform: rotate(-38deg); transition: none; }
button.viewMore:active i:after { transform: rotate(38deg); transition: none; }
button.viewMore.opened i { transform: rotate(180deg); }

a.shortcut,
button.shortcut { height: 30px; border-radius: 15px; background: #b0b0b0 no-repeat; color: #fff; font-size: 14px; font-weight: 600; padding: 0 29px 0 19px; position: relative; line-height: 30px; box-sizing: border-box; display: inline-block; }
a.shortcut:before,
a.shortcut:after,
button.shortcut:before,
button.shortcut:after { content: ''; display: block; position: absolute; width: 7px; height: 2px; transform-origin: right center; background: #fff; opacity: .5; right: 10px; top: 0; bottom: 0; margin: auto 0; border-radius: 1px; }
a.shortcut:before,
button.shortcut:before { transform: rotate(45deg); top: 1px; }
a.shortcut:after,
button.shortcut:after { transform: rotate(-45deg); bottom: 1px; }
a.shortcut:hover,
a.shortcut:focus,
button.shortcut:hover,
button.shortcut:focus { background-color: #911b2b; }
button.shortcut.worldwide { padding-left: 32px; background-image: url('../../images/engNew/common/shortcut-worldwide.png'); background-position: 8px center; background-size: 16px auto; width: 281px; }

.contentsWrap { max-width: 1000px; margin: 0 auto; padding: 0 16px; }
header.view { border-bottom: 1px solid #e5e5e5; position: relative; padding-bottom: 23px; margin-top: -6px; overflow: visible; }
header.view h4 { font-size: 20px; line-height: 26px; color: #000; font-weight: 600; padding: 8px 140px 8px 0; }
header.view .info { font-size: 0; line-height: 24px; font-weight: 400; margin-top: 7px; margin-right: -16px; }
header.view .info li { display: inline-block; font-size: 14px; margin-right: 16px; }
header.view .info li.worldwide { margin-left: -5px; }
header.view .info li.worldwide a { display: block; padding: 0 24px 0 26px; background-size: 16px auto; position: relative; border-radius: 12px; height: 24px; }
header.view .info li.worldwide a:before,
header.view .info li.worldwide a:after { content: ''; position: absolute; left: 5px; top:0; bottom: 0; margin: auto 0; width: 16px; height: 16px; background: url('../../images/engNew/common/shortcut-worldwide-gray.png') center no-repeat; background-size: 100%; transition: opacity .2s; }
header.view .info li.worldwide a:after { opacity: 0; background-image: url('../../images/engNew/common/shortcut-worldwide.png'); }
header.view .info li.worldwide a:hover:before,
header.view .info li.worldwide a:focus:before { opacity: 0; }
header.view .info li.worldwide a:hover:after,
header.view .info li.worldwide a:focus:after { opacity: 1; }
header.view .info li.worldwide a i:before,
header.view .info li.worldwide a i:after { content: ''; display: block; height: 2px; width: 7px; border-radius: 1px; background: #000; opacity: .16; right: 10px; transform-origin: right center; top: 0; bottom: 0; margin: auto 0; position: absolute; transition: all .2s; }
header.view .info li.worldwide a i:before { transform: rotate(45deg); top: 1px; }
header.view .info li.worldwide a i:after { transform: rotate(-45deg); bottom: 1px; }
header.view .info li.worldwide a:hover,
header.view .info li.worldwide a:focus { background-color: #911b2b; color: #fff; }
header.view .info li.worldwide a:hover i:before,
header.view .info li.worldwide a:focus i:before,
header.view .info li.worldwide a:hover i:after,
header.view .info li.worldwide a:focus i:after { background: #fff; right: 8px; opacity: .5; }
header.view .info li.worldwide a:hover i:before,
header.view .info li.worldwide a:focus i:before { transform: rotate(38deg); }
header.view .info li.worldwide a:hover i:after,
header.view .info li.worldwide a:focus i:after { transform: rotate(-38deg); }
header.view a.fn.list,
header.view button.fn.list { position: absolute; right: 0; top: 1px; }
article.view { border-bottom: 1px solid #e5e5e5; padding-bottom: 46px; }
article.view header.view { margin-bottom: 2em; }
article.view img { display: block; margin: 25px auto; max-width: 80%; }
article.view p { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }

header.list { line-height: 47px; margin-bottom: 26px; max-width: 1000px; margin-left: auto; margin-right: auto; }
header.list:after { content: ''; display: block; clear: both; }
.contentsWrap header.list:first-child { margin-top: -6px; }
header.list dl.itemNum,
header.list dl.itemNum dt,
header.list dl.itemNum dd { display: inline-block; vertical-align: middle; }
header.list dl.itemNum { font-size: 16px; font-weight: 600; margin-right: 20px; }
header.list dl.itemNum dt { color: #999; }
header.list dl.itemNum dd { color: #911b2b; font-weight: 700; height: auto; }
header.list dl.itemNum dd+dd { margin-left: 10px; }

header.list .listSearch { float: right; font-size: 0; /* padding-top: 2px; */ line-height: 48px; text-align: right; }
header.list .listSearch .wrap { margin-left: 10px; }
header.list .listSearch label { font-size: 14px; float: left; color: #9d9d9d; }
input._dateRangePicker,
input._datePicker { height: 40px; box-sizing: border-box; width: 260px; padding: 10px 45px 11px 20px; border: 1px solid #ccc; border-radius: 20px; background: url('../../images/engNew/common/icon-calendar.png') right center no-repeat; background-size: auto 40px; line-height: 17px; vertical-align: middle; font-size: 14px; }
.loaded input._dateRangePicker,
.loaded input._datePicker { background-color: #999; }
input.keyword,
select.sort { height: 40px; border-radius: 20px 0 0 20px; box-sizing: border-box; padding: 10px 0 11px 20px; font-size: 14px; line-height: 17px; border: 1px solid #ccc; border-right: 0 none; vertical-align: middle; width: 212px; }
input.keyword { box-shadow: none; }
header.list .listSearch .wrap { display: inline-block; vertical-align: middle; position: relative; }
header.list .listSearch button.search { text-indent: -999px; overflow: hidden; width: 49px; vertical-align: middle; height: 40px; border-radius: 0 20px 20px 0; border: 1px solid #ccc; border-left: 0 none; width: 48px; position: relative; }
header.list .listSearch button.search:before,
header.list .listSearch button.search:after { content: ''; display: block; position: absolute; }
header.list .listSearch button.search:before { box-sizing: border-box; width: 12px; height: 12px;  border: 2px solid #911b2b; border-radius: 7px; left: 15px; top: 11px; }
header.list .listSearch button.search:after { height: 9px; width: 2px; border-radius: 1px; background: #911b2b; transform-origin: center top; transform: rotate(-45deg); top: 20px; left: 23px; }
header.list .listSearch button.search:hover,
header.list .listSearch button.search:focus { background: #f6f6f6; }
select.sort { border-right: 1px solid #ccc; border-radius: 20px; padding-right: 35px; background-image: url('../../images/engNew/common/select-sort.png'); }

ul.events { font-size: 16px; }
.menuDescription~.contentsWrap ul.events,
.contentsWrap .menuDescription~ul.events  { border-top: 1px solid #e5e5e5; }
ul.events:after { content: ''; display: block; clear: both; width: 100%; height: 1px; margin-top: -1px;  }
ul.events+nav.paging { margin-top: 0; padding-top: 50px; }
ul.events li { border-bottom: 1px solid #e5e5e5; transition: margin-bottom .4s linear; }
ul.events li .thumb,
ul.events li .wrap { padding: 30px 0; display: block; }
ul.events dl { margin-top: -5px; }
ul.events dt { color: #000; font-weight: 600; margin-bottom: 6px; }
ul.events dd.date { font-size: 14px; color: #999; }
ul.events dd.text { margin-top: 18px; }
ul.events figure { position: relative; }
ul.events figure:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; border: 0 solid #000; opacity: .2; transition: all .3s; }
ul.events dt p { display: inline; border-bottom: 1px solid #fff; transition: all .3s; }
ul.events .thumb:hover dt p,
ul.events .thumb:focus dt p,
ul.events .on .thumb dt p { border-bottom-color: #000; }
ul.events .thumb:hover figure:before,
ul.events .thumb:focus figure:before,
ul.events .on .thumb figure:before { border-width: 10px; }
ul.events .on .thumb:after { bottom: 0; }
ul.events .on .thumb dt p { color: #911b2b; border-bottom-color: #911b2b; }
ul.events .on .thumb figure:before { opacity: .8; border-color: #911b2b; }

ul.events a.thumb,
ul.events button.thumb { overflow: hidden; position: relative; }
ul.events a.thumb:after,
ul.events button.thumb:after { content: ''; display: block; width: 0; height: 0; left: 0; right: 0; bottom: -5px; margin: 0 auto; position: absolute; border: 5px solid transparent; border-bottom-color: #911b2b; transition: all .3s; }
ul.events a.thumb:hover dt p,
ul.events button.thumb:hover dt p,
ul.events a.thumb:focus dt p,
ul.events button.thumb:focus dt p,
ul.events .on button.thumb dt p { border-bottom-color: #000; }
ul.events button.thumb:hover figure:before,
ul.events button.thumb:focus figure:before,
ul.events .on button.thumb figure:before { border-width: 10px; }
ul.events .on button.thumb:after { bottom: 0; }
ul.events .on button.thumb dt p { color: #911b2b; border-bottom-color: #911b2b; }
ul.events .on button.thumb figure:before { opacity: .8; border-color: #911b2b; }
ul.events .view { position: absolute; z-index: 1; width: 100%; box-sizing: border-box; left: 0; height: 0; overflow: hidden; transition: height .4s linear; }
ul.events .on .view { z-index: 2; }
ul.events .view .wrap { background: #f5f5f5; padding: 30px; border-top: 2px solid #911b2b; }
ul.events .view header { text-align: left; position: relative; padding-right: 40px; margin-bottom: 22px; }
ul.events .view header dt { line-height: 25px; font-size: 20px; margin: 0; color: #911b2b; height: auto; margin: -5px 0 8px; }
ul.events .view header dd { font-size: 14px; color: #999; }
ul.events .view header button.close { position: absolute; right: 0; top: 0; height: 31px; width: 31px; text-indent: -999px; overflow: hidden; }
ul.events .view header button.close:before,
ul.events .view header button.close:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1px; height: 44px; background: #444; margin: auto; }
ul.events .view header button.close:before { transform: rotate(45deg); }
ul.events .view header button.close:after { transform: rotate(-45deg); }
ul.events .view figure { height: auto; }
ul.events .view figure img { display: block; max-width: 100%; margin: 0 auto; }
ul.events .view figure+figure,
ul.events .view figure img+img { margin-top: 21px; }
ul.events .view div.wrap { border-bottom: 1px solid #e5e5e5; }
ul.events .view div.wrap header dl { padding-bottom: 0; }
ul.events .view div.wrap figure { width: 100%; height: auto; margin-right: 0; float: none; }

nav.paging { text-align: center; font-size: 0; margin: 50px 0 0; }
.contentsWrap nav.paging { margin-left: -16px; margin-right: -16px; }
nav.paging a,
nav.paging strong,
nav.paging button,
nav.paging ol,
nav.paging li,
nav.paging span { display: inline-block; vertical-align: top; }
nav.paging a,
nav.paging strong,
nav.paging button { height: 40px; width: 40px; text-align: center; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 20px; font-size: 14px; color: #999; position: relative; }
nav.paging a,
nav.paging strong { line-height: 38px; }
nav.paging .arrow { text-indent: -999px; overflow: hidden; position: relative; }
nav.paging .first,
nav.paging .next { border-radius: 20px 0 0 20px; }
nav.paging .prev,
nav.paging .last { border-radius: 0 20px 20px 0; }
nav.paging .prev,
nav.paging .last { margin-left: -1px; }
nav.paging .first:before,
nav.paging .first:after,
nav.paging .prev:before,
nav.paging .next:before,
nav.paging .last:before,
nav.paging .last:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; }
nav.paging .first:before { border-right-color: #999; }
nav.paging .first:after { border-right-color: #999; right: 8px; }
nav.paging .prev:before { border-right-color: #999; right: 9px; }
nav.paging .next:before { border-left-color: #999; left: 9px; }
nav.paging .last:before { border-left-color: #999; left: 8px; }
nav.paging .last:after { border-left-color: #999; }
nav.paging ol { margin: 0 15px; }
nav.paging strong,
nav.paging span.no,
nav.paging li { margin: 0 5px; }
nav.paging li.on a,
nav.paging strong,
nav.paging li.on button { border-color: #911b2b; background: #911b2b; color: #fff; font-weight: 600; }
nav.paging a.prev { margin-right: 15px; }
nav.paging a.next { margin-left: 15px; }
nav.paging a:hover,
nav.paging a:focus,
nav.paging button:hover { box-shadow: 0 2px 5px rgba(0,0,0,.2) inset; z-index: 1; border-color: #aaa; }
nav.paging button:focus { border-color: #aaa; }
nav.paging a:active,
nav.paging button:active { box-shadow: 0 0 3px rgba(0,0,0,.3) inset; top: 1px; transition: none; }

/* constitutional court of Korea */
.m1cc .visual { background-image: url('../../images/engNew/1cc/visual.png'); }

p .firstLetter { float: left; font-size: 3.25em; font-weight: 600; color: #911b2b; height: .9em; line-height: 1em; margin-top: -3px; margin-right: .1em; text-align: left; font-family: 'Noto Serif', serif; }

.message header { font-size: 30px; line-height: 36px; font-weight: 800; color: #003974; margin-bottom: 36px; }
.message p { text-align: justify; }
.message h4 { font-size: 1.25em; line-height: 1.5em; font-weight: 700; color: #911b2b; margin: 1.85em 0; }
.message figure { float: left; margin: 1.425em 1.8em 1.425em 0; max-width: 50%; }
.message p+p,
.message figure+p { margin-top: 17px; }
.message .signature { margin-top: 2.5em; }
.message .signature dt { padding: .5em; }

.introduce h4 { font-size: 1.5em; line-height: 1em; margin-bottom: 1.25em; font-weight: 700; color: #003974; }
.introduce h5 { font-size: 1.125em; line-height: 1em; margin-bottom: .75em; font-weight: 600; color: #911b2b; }
.introduce p { text-align: justify; }
.introduce *+h4 { margin-top: 2em; }
.introduce *+h5 { margin-top: 1.25em; }
.introduce figure { margin: 3em 0 2.7em; }
.introduce figure.leftCol { float: left; margin-right: 3.125em; }
.introduce figure.leftCol+p { margin-top: 2.6em; }
.introduce figure img { margin: 0 auto; }
.introduce figure.symbol img { width: 420px; max-width: 80%; }
.introduce figure.left { max-width: 50%; float: left; padding-right: 50px; box-sizing: border-box; }
.introduce hr { margin: 3em 0; height: 1px; background: #e5e5e5; }
.m3jd-1jd-5da figure { float: right; margin-left: 50px; }

figure.symbol figcaption { text-align: center; padding-top: 3.125em; }
figure.symbol figcaption.color li { display: inline-block; text-align: left; font-size: .875em; line-height: 1.43em; white-space: nowrap; }
figure.symbol figcaption.color li:before { content: ''; display: block; float: left; width: 60px; height: 60px; border-radius: 50%; margin-right: 1em; }
figure.symbol figcaption.color li+li { margin-left: 2.5em; }
figure.symbol figcaption.color dl { overflow: hidden; }
figure.symbol figcaption.color dt { font-weight: 700; }
figure.symbol figcaption.color dd { white-space: nowrap; }
figure.symbol figcaption.color dl+dl  { margin-left: .2em; }
figure.symbol figcaption.color dl dl:before { content: none; }
figure.symbol figcaption.color dl dl,
figure.symbol figcaption.color dl dl dt,
figure.symbol figcaption.color dl dl dd { display: inline-block; vertical-align: top; }
figure.symbol figcaption.color li.red:before { background: #911b2b; }
figure.symbol figcaption.color li.yellow:before { background: #e4b477; }
figure.aacc img { max-width: 258px; }

.gallery { text-align: center; margin: -16px auto; font-size: 0; position: relative; margin-right: -16px; margin-left: -16px; }
.gallery li { display: inline-block; margin: 16px 16px 0; width: 226px; transition: margin-bottom .4s linear; }
.gallery .thumb { display: block; width: 100%; text-align: left; font-size: 14px; color: #999; line-height: 22px; position: relative; padding-bottom: 13px; overflow: hidden; }
.gallery .thumb:after { content: ''; display: block; width: 0; height: 0; left: 0; right: 0; bottom: -5px; margin: 0 auto; position: absolute; border: 5px solid transparent; border-bottom-color: #911b2b; transition: all .3s; }
.gallery figure { position: relative; width: 100%; height: 160px; background: center no-repeat; background-size: cover; }
.gallery figure:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; border: 0 solid #000; opacity: .2; transition: all .3s; }
.gallery dt { height: 89px; overflow: hidden; font-size: 16px; font-weight: 600; color: #000; margin: 16px 0 7px; }
.gallery dt p { display: inline; border-bottom: 1px solid #fff; transition: all .3s; }
.gallery .thumb:hover dt p,
.gallery .thumb:focus dt p,
.gallery .on .thumb dt p { border-bottom-color: #000; }
.gallery .thumb:hover figure:before,
.gallery .thumb:focus figure:before,
.gallery .on .thumb figure:before { border-width: 10px; }
.gallery .on .thumb:after { bottom: 0; }
.gallery .on .thumb dt p { color: #911b2b; border-bottom-color: #911b2b; }
.gallery .on .thumb figure:before { opacity: .8; border-color: #911b2b; }
.gallery .view { position: absolute; z-index: 1; max-width: 1000px; box-sizing: border-box; height: 0; overflow: hidden; transition: height .4s linear; left: 16px; right: 16px; margin: 0 auto; }
.gallery .on .view { z-index: 2; }
.gallery .view .wrap { background: #f5f5f5; padding: 30px; border-top: 2px solid #911b2b; }
.gallery .view header { text-align: left; position: relative; padding-right: 40px; margin-bottom: 22px; }
.gallery .view header dt { line-height: 25px; font-size: 20px; margin: 0; color: #911b2b; height: auto; margin: -5px 0 8px; }
.gallery .view header dd { font-size: 14px; color: #999; }
.gallery .view header button.close { position: absolute; right: 0; top: 0; height: 31px; width: 31px; text-indent: -999px; overflow: hidden; }
.gallery .view header button.close:before,
.gallery .view header button.close:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1px; height: 44px; background: #444; margin: auto; transition: all .3s; }
.gallery .view header button.close:before { transform: rotate(45deg); }
.gallery .view header button.close:after { transform: rotate(-45deg); }
.gallery .view header button.close:hover:before,
.gallery .view header button.close:hover:after,
.gallery .view header button.close:focus:before,
.gallery .view header button.close:focus:after { background: #000; }
.gallery .view figure { height: auto; }
.gallery .view figure img { display: block; max-width: 100%; margin: 0 auto; }
.gallery .view figure+figure,
.gallery .view figure img+img { margin-top: 21px; }
.gallery li:last-child:nth-child(4n+1) { margin-right: 790px; }
.gallery li:last-child:nth-child(4n+2) { margin-right: 532px; }
.gallery li:last-child:nth-child(4n+3) { margin-right: 274px; }
.speeches { text-align: center; max-width: 1032px; margin: -16px auto; font-size: 0; }
.speeches li { display: inline-block; margin: 16px; width: 312px; height: 285px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f9f9f9; vertical-align: top; padding: 14px; }
.speeches li:last-child:nth-child(3n+1) { margin-right: 704px; }
.speeches li:last-child:nth-child(3n+2) { margin-right: 360px; }
.speeches dl { height: 100%; border: 1px solid #fdb458; border-radius: 5px; box-sizing: border-box; background: #fff; padding: 20px; text-align: center; }
.speeches dt { line-height: 96px; overflow: hidden; font-size: 16px; font-weight: 600; height: 96px; margin: 8px 0; }
.speeches dt p { display: inline-block; line-height: 24px; vertical-align: middle; }
.speeches dd { font-size: 14px; color: #999; line-height: 24px; margin-top: 15px; }
.speeches dd button { display: block; margin: 23px auto 0; width: 120px; height: 40px; border-radius: 20px; background: #911b2b; color: #fff; font-weight: 600; }
.speeches dd button:hover,
.speeches dd button:focus { box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.speeches dd button:active { box-shadow: 0 0 5px rgba(0,0,0,.2); top: 1px; transition: none; }

.history nav.tab li { min-width: 220px; }
.history.court ol li:after { content: ''; display: block; clear: both; }
.history.court ol li+li { margin-top: 80px; }
.history.court ol figure { width: 290px; float: left; }
.history.court ol figure img+img { margin-top: 10px; }
.history.court ol h4,
.history.court ol dl { padding-left: 340px; }
.history.court ol dl+dl { margin-top: 24px; }
.history.court ol h4 { font-weight: 300; color: #911b2b; font-size: 42px; line-height: 32px; margin-bottom: 20px; }
.history.court ol h4 .sub { font-size: 30px; }
.history.court ol dl { font-size: 16px; line-height: 24px; }
.history.court ol dt { float: left; width: 100px; font-weight: 700; text-align: right; box-sizing: border-box; padding-right: 20px; white-space: nowrap; }
.history.court ol dd { padding-left: 100px; }
.history.adjudication ol li+li { margin-top: 2.5em; }
.history.adjudication ol header { width: 340px; float: left; }
.history.adjudication ol header h4 { font-size: 24px; color: #003974; font-weight: 700; }
.history.adjudication ol header p { padding: 0; font-size: 18px; line-height: 1em; margin-top: 1em; font-weight: 600; color: #911b2b; text-align: left; }
.history.adjudication ol p,
.history.adjudication ol figure { padding-left: 340px; }
.history.adjudication ol p { text-align: justify; }
.history.adjudication ol figure { margin-top: 2.5em; text-align: right; }
.history.adjudication ol figcaption { color: #999; font-size: 14px; margin-top: .3em; }
.history.adjudication ol figcaption .ww { vertical-align: top; }

.eCourt.introduce .videoWrap img { display: block; max-width: 100%; margin: 0 auto; }
.introduction section+section { border-top: 1px solid #e1e1e1; }
.introduction .videoWrap { background: url('../../images/engNew/1cc/video-bg.png') center top no-repeat; background-size: 100% auto; max-width: 826px; height: 647px; box-sizing: border-box; padding: 0.9% 1.3% 173px; margin: 0 auto; } /* 20200210 수정 */
.introduction .videoWrap iframe { margin: 0 !important; width: 100%; height: 100%; } /* 20200210 추가 */
.eCourt.introduce .language,
.introduction .language { padding-bottom: 50px; margin-top: -80px; text-align: center; font-size: 0; }
.eCourt.introduce .language { margin-top: 30px; }
.eCourt.introduce .language li,
.introduction .language li { display: inline-block; }
.eCourt.introduce .language li+li,
.introduction .language li+li { margin-left: 6px; }
.eCourt.introduce .language button.fn,
.introduction .language button.fn { height: 30px; width: 80px; min-width: 0; line-height: 28px; padding: 0; font-size: 14px; color: #999; font-weight: 400; }
.eCourt.introduce .language button.fn.selected,
.introduction .language button.fn.selected { font-weight: 600; color: #911b2b; border-color: #911b2b; }
.introduction .brochure { background: url('../../images/engNew/1cc/brochure-bg.png') right top no-repeat; height: 396px; padding-top: 50px; background-position: 90%;}
.introduction .brochure dl { padding-left: 100px; margin-top: 50px; }
.introduction .brochure dt { line-height: 28px; font-size: 20px; padding: 12px 0; margin-bottom: .5em; }
.introduction .brochure button  { padding: 0; width: 120px; }
.introduction .brochure button:hover,
.introduction .brochure button:focus { box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.introduction .brochure button:active { box-shadow: 0 0 5px rgba(0,0,0,.2); top: 1px; transition: none; }

.building nav.tab li { min-width: 99px; }
h4.blue { font-weight: 700; font-size: 24px; color: #003974; margin-bottom: 40px; }
h4.italic { font-style: italic; }
.building p { text-align: justify; }
.building p.intro { float: left; min-height: 400px; width: calc(100% - 690px); margin-right: 30px; text-align: left; margin-bottom: 45px; }
.building .photo { width: 640px; box-sizing: border-box; padding-top: 340px; position: relative; overflow: hidden; margin-bottom: 45px; }
.building .photo ul { margin-right: -8px; }
.building .photo ul:after { content: ''; display: block; clear: both; }
.building .photo ul li { float: left; width: 16.6666%; height: 52px; padding-right: 8px; box-sizing: border-box; margin-top: 8px; }
.building .photo img { position: absolute; left: 0; right: 0; top: 0; border-radius: 10px; opacity: 0; transition: opacity .3s .1s; z-index: 0; margin: 0 auto; }
.building .photo button { border-radius: 5px; overflow: hidden; background: center no-repeat; background-size: 100% auto; background-size: cover; text-indent: -999px; overflow: hidden; display: block; width: 100%; height: 100%; position: relative; }
.building .photo button:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #293754; opacity: .8; transition: opacity .3s; }
.building .photo button:hover:before,
.building .photo button:focus:before { opacity: .5; }
.building .photo li.on button:before { opacity: 0; }
.building .photo li.on img { opacity: 1; z-index: 1; transition-delay: 0s; }
.building p.intro.courthouse { background: url('../../images/engNew/1cc/visit-building-1-illust-1.png') center bottom no-repeat; background-size: 100% auto; }

.eCourt p { text-align: justify; }
.eCourt p+p { margin-top: 0; }
.eCourt ul.events li { position: relative; }
.eCourt ul.events div.wrap { display: block; text-align: left; width: 100%; }
.eCourt ul.events div.wrap:after { content: ''; display: block; clear: both; }
.eCourt ul.events figure { float: left; width: 240px; height: 161px; margin-right: 20px; background-size: 100%; background-size: cover; }
.eCourt ul.events dl { overflow: hidden; width: calc(100% - 260px); }
.eCourt ul.events li.withShortcut dl { padding-bottom: 40px; }
.eCourt ul.events dd.text { font-size: 13px; line-height: 1.5em; margin-top: .4em; /* padding-left: 10px; */ position: relative; }
/* .eCourt ul.events dd.text:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #003974; position: absolute; left: 0; top: 9px; } */
.eCourt ul.events button.shortcut.worldwide { position: absolute; left: 260px; bottom: 30px; }

.chronological .scrollH { overflow: auto; }
.chronological .scrollH img { max-height: 100vh; }

.tours div.center { margin-top: 40px; text-align: center; margin-bottom: 20px; }
.tours div.center a.hyperlink,
.tours div.center dl.timeTable { width: 400px; height: 80px; border-radius: 40px; text-align: center; line-height: 78px; background: #911b2b; color: #fff; font-size: 24px; font-weight: 400; border: 1px solid #911b2b; margin: 0 20px 20px; }
.tours div.center a.fn.hyperlink:before,
.tours div.center a.fn.hyperlink:after { height: 4px; width: 13px; border-radius: 2px; right: 70px; }
.tours div.center a.fn.hyperlink:before { top: 3px; }
.tours div.center a.fn.hyperlink:after { bottom: 3px; }
.tours div.center dl.timeTable { display: inline-block; vertical-align: top;  background: #fff; box-sizing: border-box; line-height: 26px; padding: 12px 0; }
.tours div.center dl.timeTable dt { color: #911b2b; font-size: 18px; font-weight: 600; }
.tours div.center dl.timeTable dd { color: #000; font-size: 16px; }
p.note { color: #911b2b; font-size: 14px; }
p.note:before { content: '※'; margin-right: 4px; font-weight: 300; }
p.note .hyphen { display: block; text-indent: -8px; padding-left: 8px; }
.bigNo p.note { padding-left: 35px; text-indent: -20px; }

.contact div.center { margin-top: 40px; text-align: center; margin-bottom: 20px; }
.contact dl.info { width: 400px; max-width: 100%; height: 120px; border-radius: 60px; text-align: center; line-height: 40px; background: #911b2b; color: #fff; font-size: 24px; font-weight: 400; border: 1px solid #911b2b; margin: 0 auto 20px; display: inline-block; vertical-align: top; padding: 20px 0; box-sizing: border-box; }
.contact dl.info dt { text-indent: -999px; overflow: hidden; background: center no-repeat; }
.contact dl.info.tel dt { background-image: url('../../images/engNew/1cc/contact-tel.png'); background-size: 20px auto; }
.contact dl.info.eMail dt { background-image: url('../../images/engNew/1cc/contact-email.png'); background-size: 26px auto; }

.former .list { margin-right: -20px; }
.former .list:after { content: ''; display: block; clear: both; }
.former .list li { padding: 0 20px 20px 0; width: 25%; text-align: center; float: left; box-sizing: border-box; }
.former .list li dl { line-height: 20px; font-size: 16px; }
.former .list li img { max-width: 100%; }
.former .list li strong { font-weight: 700; }
.former .list li .president,
.former .list li dd { font-size: 14px; }
.former .list li dd { color: #999; }

.popup.vitae { position: fixed; left: 0; right: 0; top: 0; background: rgba(0,0,0,.8); z-index: 99; height: 0; overflow: hidden; transition: height 0s .3s, opacity .3s; opacity: 0; }
.popup.vitae.on { opacity: 1; transition-delay: 0s; height: 100%; }
.popup.vitae section { max-width: 95%; max-height: 95%; margin: auto; width: 500px; height: 500px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 20px; box-sizing: border-box; line-height: 20px; background: #fff; overflow: hidden; }
.popup.vitae section header { background: #911b2b; box-sizing: border-box; color: #fff; font-size: 18px; font-weight: 600; line-height: 38px; position: relative; padding: 8px 60px 11px 19px; min-height: 60px; }
.popup.vitae section header h4 { display: inline-block; vertical-align: middle; line-height: 20px; }
.popup.vitae section header button.close { position: absolute; right: 8px; top: 7px; bottom: 8px; margin: auto 0; width: 44px; height: 44px; text-indent: -999px; overflow: hidden; border-radius: 50%; }
.popup.vitae section header button.close:hover,
.popup.vitae section header button.close:focus { background: #710e1c; }
.popup.vitae section header button.close:before,
.popup.vitae section header button.close:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 32px; background: #fff; }
.popup.vitae section header button.close:before { transform: rotate(45deg); }
.popup.vitae section header button.close:after { transform: rotate(-45deg); }
.popup.vitae section .wrap { border: 1px solid #911b2b; border-top: 0 none; padding: 30px 19px 19px; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; }
.popup.vitae section figure img { display: block; margin: 0 auto; }
.popup.vitae section figcaption { text-align: center; margin-top: 10px; line-height: 30px; font-weight: 700; font-size: 20px; color: #333; }
.popup.vitae section figcaption .date { line-height: 22px; font-size: 14px; color: #999; font-weight: 400; }
.popup.vitae section ul.vitae { line-height: 17px; border-top: 1px solid #e5e5e5; margin: 10px -19px 0; height: calc(100% - 234px); overflow: auto; color: #333; font-size: 14px; }
.popup.vitae section ul.vitae li { padding: 6px 0; margin: 0 19px; }
.popup.vitae section ul.vitae li+li { border-top: 1px solid #e5e5e5; }
.popup.vitae section ul.vitae li:last-child { padding-bottom: 10px; }
.popup.vitae section ul.vitae .year { float: left; width: 55px; }
.popup.vitae section ul.vitae p { overflow: hidden; }
.organizationChart { position: relative; }
.organizationChart button.popup { position: absolute; background: #000; opacity: .5; left: 0; right: 0; margin: auto; width: 140px; height: 140px; opacity: 0; }
.organizationChart button.popup.general { top: 390px; }
.organizationChart button.popup.deputy{ top: 540px; }

/* justice */
.m2ju .visual,
.m12ad .visual { background-image: url('../../images/engNew/2ju/visual.png'); }

/* jurisdiction */
.m3jd .visual { background-image: url('../../images/engNew/3jd/visual.png'); }

ul.faq li { background: #f5f5f5; border: 1px solid #e5e5e5; color: #000; padding: 0 19px; transition: all .2s; }
ul.faq li+li { margin-top: 10px; }
ul.faq dt,
ul.faq dd { position: relative; }
ul.faq a,
ul.faq button,
ul.faq p,
ul.faq article { padding-left: 61px; display: block; width: 100%; box-sizing: border-box; text-align: left; }
ul.faq a,
ul.faq button { font-weight: 600; padding-top: 8px; padding-bottom: 7px; min-height: 78px; }
ul.faq p,
ul.faq article { border-top: 1px solid #e5e5e5; padding-top: 28px; padding-bottom: 27px; }
ul.faq i { position: absolute; left: 0; top: 19px; text-indent: -999px; overflow: hidden; border-radius: 50%; width: 40px; height: 40px; color: #fff; font-size: 24px; font-weight: 600; text-align: center; line-height: 38px; }
ul.faq i:before { content: attr(class); display: block; height: 100%; width: 100%; text-indent: 0; }
ul.faq i.Q { background: #911b2b; }
ul.faq i.A { background: #003974; transform: scale(.5); opacity: 0; transition: all .2s; }
ul.faq li.on { background: #fff; border-color: #911b2b; }
ul.faq li.on i.A { transform: scale(1); opacity: 1; }

@media (max-width: 450px) {
    ul.faq li { padding: 0 10px; }
    ul.faq i { width: 30px; height: 30px; top: 25px; line-height: 28px; font-size: 18px; }
    ul.faq button,
    ul.faq p { padding-left: 40px; }
}

.procedure.fl figure { float: right; margin-top: 0; margin-left: 49px; max-width: 50%; }
.procedure h4.blue { margin-bottom: 20px; }
.procedure.pa p { margin-bottom: 20px; }
.procedure.pa figure.right { float: right; margin-top: 0; margin-left: 50px; max-width: 50%; width: 475px; }
.procedure.pa figure.left { float: left; margin-top: 0; max-width: 60%; width: 525px; }
.procedure.et figure { float: right; margin-left: 50px; margin-top: 0; max-width: 50%; }

/* justices */
h4.box { background: #293754; color: #fff; font-size: 600; font-size: 24px; text-align: center; line-height: 22px; padding: 29px 0; margin-bottom: 50px; }
*+h4.box { margin-top: 50px; }
.justices figure { float: left; margin-right: 30px; margin-bottom: 15px; }
dl.profile { overflow: hidden; margin-bottom: 36px; }
dl.profile dt { font-size: 40px; font-weight: 300; line-height: 30px; margin-bottom: 24px; color: #003974; }
dl.profile dd.message { color: #911b2b; margin-bottom: 24px; }
dl.profile dd.cv { font-size: 14px; color: #999; font-weight: 600; line-height: 1.5em; }
dl.profile dd.cv li { padding-left: 14px; position: relative; }
dl.profile dd.cv li:before { content: ''; position: absolute; display: block; width: 4px; height: 4px; background: #ccc; border-radius: 50%; left: 0; top: 9px; }
dl.profile dd.cv li+li { margin-top: 9px; }
.story p+p { margin-top: 3em; }
.justices.thumb:after { content: ''; display: block; clear: both; height: 1px; background: #e5e5e5; }
.justices.thumb li { float: left; width: calc((100% - 8px * 7) / 8); }
.justices.thumb li+li { margin-left: 8px; }
.justices.thumb li dl.profile { margin-bottom: 0; }
.justices.thumb img { display: block; max-width: 100%; margin-bottom: 18px; }
.justices.thumb button { font-weight: 600; font-size: 14px; padding: 0 0 18px; display: block; width: 100%; }
.justices.detail>li { padding: 50px 0; }
.justices.detail>li:after { content: ''; display: block; clear: both; }
.justices.detail>li+li { border-top: 1px solid #e5e5e5; }

/* decisions */
.m4dc .visual { background-image: url('../../images/engNew/4dc/visual.png'); }
ul.latest { max-width: 1000px; margin: 0 auto; line-height: 24px; }
ul.latest li { padding: 24px 0; border-top: 1px solid #e5e5e5; }
ul.latest li:after { content: ''; display: block; clear: both; }
ul.latest .info  { float: left; width: 260px; padding-top: 2px; margin-bottom: 14px; }
ul.latest .info>dt  { font-weight: 700; font-size: 20px; color: #000; margin-bottom: 12px; }
ul.latest .info>dt span { display: inline-block; }
ul.latest .info>dt span:after { content: ','}
ul.latest .info>dt span:last-child:after { content: none; }
ul.latest .info.date dt { font-weight: 600; color: #911b2b; font-size: 16px; }
ul.latest .info dl,
ul.latest .info.date  { font-size: 16px; color: #911b2b; font-weight: 600; }
ul.latest .info dl:after,
ul.latest .info.date:after { content: ''; display: block; clear: both; }
ul.latest .info dl dt,
ul.latest .info.date dt { display: block; float: left; margin-right: 4px; clear: both; }
ul.latest .info dl dd,
ul.latest .info.date dd { overflow: hidden; }
ul.latest .info dl dd{ word-break: break-all; }
ul.latest .info dl dt:after,
ul.latest .info.date dt:after  { content: ' :'; }
ul.latest .text { overflow: hidden; float: right; width: calc(100% - 280px); text-align: justify; }
ul.latest .text dt { font-weight: 600; color: #000; margin-bottom: 14px; }
ul.latest .text dd { white-space: pre-wrap; }
ul.latest .button { float: left; width: 280px; clear: left; }
ul.latest button.download { display: block; width: 220px; text-align: left; padding-left: 48px; padding-right: 0; }
ul.latest button.download+button.download { margin-top: 10px; }
ul.latest button.download.summary { background-image: url('../../images/engNew/common/icon-text.png'); background-position: 21px center; background-size: 16px auto; }
ul.latest button.download.full { background-image: url('../../images/engNew/common/icon-article.png'); background-size: 18px auto; }
.cartoon article.view figure { padding: 30px 0; }

.tiles { max-width: 1032px; margin: -16px auto; }
.tiles li { width: 344px; padding: 16px; max-width: 100%; box-sizing: border-box; }
.tiles a { display: block; box-sizing: border-box; border: 1px solid #e5e5e5; background: #f9f9f9; padding: 20px; width: 100%; transition: none; }
.tiles figure { height: 180px; background: center no-repeat; background-size: 100%; background-size: cover; }
.tiles figure { position: relative; width: 100%; height: 160px; background: center no-repeat; background-size: cover; }
.tiles figure:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; border: 0 solid #000; opacity: .2; transition: all .3s; }
.tiles .thumb:hover figure:before,
.tiles .thumb:focus figure:before { border-width: 10px; }
.tiles dt { font-weight: 600; color: #000; margin-top: 15px; }
.tiles dd { font-size: 15px; margin-top: 9px; }

.historical nav.topic { background: #f5f5f5; padding: 20px 10px 10px 20px; margin-bottom: 45px; }
.historical nav.topic:after { content: ''; display: block; clear: both; }
.historical nav.topic li { float: left; width: 20%; height: 150px; font-size: 14px; color: #999; line-height: 16px; box-sizing: border-box; padding: 0 10px 10px 0; }
.historical nav.topic h4,
.historical nav.topic button { box-sizing: border-box; background: #fff; border: 1px solid #ccc; width: 100%; height: 100%; position: relative; display: block; }
.historical nav.topic button { padding: 5px; overflow: hidden; }
.historical nav.topic button span { position: relative; z-index: 1; }
.historical nav.topic button span.name { font-size: 12px; line-height: 14px; letter-spacing: -.01em; display: block; }
.historical nav.topic button span.num { position: absolute; left: 0; right: 0; bottom: 14px; line-height: 20px; text-align: center; }
.historical nav.topic button span.num span { display: inline-block; padding: 0 6px; border-radius: 10px; background: #aaa; color: #fff; font-size: 12px; transition: all .3s; vertical-align: top; }
.historical nav.topic button:before,
.historical nav.topic button:after { content: ''; display: block; position: absolute; left: 0; right: 0; width: 48px; height: 48px; margin: 0 auto; top: 4px; background: center no-repeat; background-size: 50px auto; transition: all .3s; }
.historical nav.topic button:before { opacity: 1; outline: 1px solid #fff; }
.loaded .historical nav.topic button:before { background-color: #727171; }
.historical nav.topic .all button:before { background-image: url('../../images/engNew/4dc/historical-topic-all.png'); }
.historical nav.topic .all button:after { background-image: url('../../images/engNew/4dc/historical-topic-all-w.png'); }
.historical nav.topic .personalityRights button:before { background-image: url('../../images/engNew/4dc/historical-topic-personalityrights.png'); }
.historical nav.topic .personalityRights button:after { background-image: url('../../images/engNew/4dc/historical-topic-personalityrights-w.png'); }
.historical nav.topic .freedomOfSpeech button:before { background-image: url('../../images/engNew/4dc/historical-topic-freedomofspeech.png'); }
.historical nav.topic .freedomOfSpeech button:after { background-image: url('../../images/engNew/4dc/historical-topic-freedomofspeech-w.png'); }
.historical nav.topic .politicalAffair button:before { background-image: url('../../images/engNew/4dc/historical-topic-politicalaffair.png'); }
.historical nav.topic .politicalAffair button:after { background-image: url('../../images/engNew/4dc/historical-topic-politicalaffair-w.png'); }
.historical nav.topic .localAutonomy button:before { background-image: url('../../images/engNew/4dc/historical-topic-localautonomy.png'); }
.historical nav.topic .localAutonomy button:after { background-image: url('../../images/engNew/4dc/historical-topic-localautonomy-w.png'); }
.historical nav.topic .econimicOrder button:before { background-image: url('../../images/engNew/4dc/historical-topic-economicorder.png'); }
.historical nav.topic .econimicOrder button:after { background-image: url('../../images/engNew/4dc/historical-topic-economicorder-w.png'); }
.historical nav.topic .family button:before { background-image: url('../../images/engNew/4dc/historical-topic-family.png'); }
.historical nav.topic .family button:after { background-image: url('../../images/engNew/4dc/historical-topic-family-w.png'); }
.historical nav.topic .laborRighs button:before { background-image: url('../../images/engNew/4dc/historical-topic-laborrights.png'); }
.historical nav.topic .laborRighs button:after { background-image: url('../../images/engNew/4dc/historical-topic-laborrights-w.png'); }
.historical nav.topic .socialSecurity button:before { background-image: url('../../images/engNew/4dc/historical-topic-socialsecurity.png'); }
.historical nav.topic .socialSecurity button:after { background-image: url('../../images/engNew/4dc/historical-topic-socialsecurity-w.png'); }
.historical nav.topic .criminalAffairs button:before { background-image: url('../../images/engNew/4dc/historical-topic-criminalaffairs.png'); }
.historical nav.topic .criminalAffairs button:after { background-image: url('../../images/engNew/4dc/historical-topic-criminalaffairs-w.png'); }
.historical nav.topic button:after { opacity: 0; }
.historical nav.topic button:hover,
.historical nav.topic button:focus { border-color: #911b2b; color: #911b2b; }
.historical nav.topic button:hover:before,
.historical nav.topic button:focus:before { background-color: #911b2b; }
.historical nav.topic button:hover span.num span,
.historical nav.topic button:focus span.num span { background-color: #911b2b; }
.historical nav.topic h4 button:before { opacity: 0; }
.historical nav.topic h4 button:after { opacity: 1; }
.historical nav.topic h4 { border-color: #911b2b; border-width: 5px; background: #911b2b; }
.historical nav.topic h4 button,
.historical nav.topic h4 button:hover,
.historical nav.topic h4 button:focus { border-color: #911b2b; width: 100%; background: #911b2b; color: #fff; }
.historical nav.topic h4 button:hover,
.historical nav.topic h4 button:focus { border-color: #fff; }
.historical nav.topic h4 button span.num span,
.historical nav.topic h4 button:hover span.num span,
.historical nav.topic h4 button:focus span.num span { background-color: #fff; color: #911b2b; }
.historical nav.topic h4 button:before,
.historical nav.topic h4 button:after { top: 0px; }
.historical ul.list { border-top: 1px solid #e5e5e5; position: relative; }
.historical ul.list li { padding-left: 190px; position: relative; font-size: 16px; line-height: 24px; }
.historical ul.list li:before { content: ''; display: block; top: 50px; left: 150px; width: 1px; background: #e5e5e5; bottom: -50px; position: absolute; }
.historical ul.list li:last-child:before { bottom: 50px; }
.historical ul.list li.noResult { padding-left: 0; line-height: 100px; }
.historical ul.list h5 { position: absolute; left: 0; line-height: 100px; font-size: 48px; font-weight: 900; width: 161px; z-index: 1; }
.historical ul.list h5:after { content: ''; display: block; position: absolute; right: 0; bottom: 39px; width: 11px; height: 11px; border-radius: 50%; border: 5px solid #e5e5e5; background: #fff; }
.historical ul.list dl.item { border-bottom: 1px solid #e5e5e5; padding: 35px 0 38px; }
.historical ul.list strong,
.historical .view strong { display: inline-block; line-height: 30px; font-size: 20px; font-weight: 700; color: #000; margin-right: 6px; }
.historical ul.list .topic,
.historical .view .topic { font-size: 14px; line-height: 18px; display: inline-block; border-radius: 15px; font-weight: 700; color: #888; }
.historical ul.list h6,
.historical .view h4 { font-weight: 600; color: #000; margin-top: 12px; }
.historical .info  { margin: 8px 0 16px; height: auto; }
.historical .info dl { font-weight: 600; color: #911b2b; font-size: 16px; }
.historical .info dl dt,
.historical .info dl dd { display: inline-block; height: auto; vertical-align: top; }
.historical .info dl dd:before { content: ': '; }
.historical .list dd { max-height: 72px; overflow: hidden; }
.historical .list dd.text { text-align: justify; }
.historical .list .ellipsisOn:after { padding-right: 10px; }
.historical header.view { padding-right: 140px; padding-top: .5em; }
.historical .view h4 { padding-right: 0; margin-right: -140px; margin-top: 1em; }
.historical header.view ul.info { margin-right: -140px; }
.historical p.text strong { font-weight: 700; color: #000; }
.historical article, 
.historical article * { font-family: sans-serif !important; text-align: justify !important; }

.statistics header { line-height: 40px; margin-bottom: 15px; }
.statistics header:after { content: ''; display: block; clear: both; }
.statistics header h4 { font-weight: 600; color: #003974; float: left; font-size: 16px; margin-right: 20px; }
.statistics header .condition { float: right;  text-align: right; }
.statistics header .condition .wrap { display: inline-block; vertical-align: middle; color: #999; font-size: 14px; vertical-align: top; }
.statistics header .condition label { margin-bottom: 15px; display: inline-block; vertical-align: top; }
.statistics header .condition label+label { margin-left: 10px; vertical-align: top; display: inline-block; }
.statistics header .condition select { color: #333; height: 40px; border-radius: 20px; padding: 0 28px 0 19px; border: 1px solid #ccc; vertical-align: top; min-width: 100px; }
.statistics header .condition select option { background: #fff; }
.statistics header .condition button.fn { margin-left: 7px; min-width: 100px; padding: 0 19px; }
.statistics sup { display: inline-block; vertical-align: 4px; font-size: 11px; color: #911b2b; font-weight: 700; margin-left: 1px; }

table caption.hidden { height: 0; overflow: hidden; }
table.data { border-collapse: separate; border: solid #333; border-width: 3px 0; table-layout: fixed; width: 100%; font-size: 14px; background: #fff; }
table.data th,
table.data td { padding: 6px 8px 8px; line-height: 18px;  text-align: right; }
table.data th { font-weight: 600; text-align: left; }
table.data thead th { border-bottom: 1px solid #000; text-align: center; padding: 0 0 1px; height: 32px; }
table.data thead *+th,
table.data thead th.noFirst { border-left: 1px solid #000; }
table.data tbody td { height: 49px; }
table.data tbody tr+tr th,
table.data tbody tr+tr td { border-top: 1px solid #000; }
table.data tbody *+th,
table.data tbody th.noFirst,
table.data tbody *+td { border-left: 1px solid #000; }
ul.dataNote { color: #000; font-size: 13px; line-height: 20px; margin-top: 24px; counter-reset: dataNote; }
ul.dataNote li { counter-increment: dataNote; text-indent: -20px; padding-left: 20px; }
ul.dataNote li:before { content: counter(dataNote)'. '; font-weight: 700; color: #911b2b; display: inline-block; width: 20px; text-indent: 0; }
ul.dataNote li+li { margin-top: 10px; }

.scrollH { width: 100%; overflow: auto; position: relative; }
.statistics .dataWrap { position: relative; }
.statistics table.data { min-width: 1000px; }
.statistics table.thead { position: absolute; left: 0; top: 0; min-width: 0; width: auto; z-index: 1; }
.statistics table.thead thead th { height: 66px; }
.statistics table.thead th { height: 49px; border-right: 1px solid #000; }
table.thead tbody *+th { border-left: 0 none; }
.statistics table.thead thead th:last-child { border-right-color: #000; }

.contentsWrap.caseSearch { position: relative; }
.caseSearch section.search { position: relative; width: 100%; margin: 0 auto; padding-bottom: 40px; min-height: 60px; max-width: 820px; }
.caseSearch section.search button.tip { position: absolute; left: 20px; top: 20px; width: 20px; height: 20px; background: #ccc; border-radius: 50%; color: #fff; line-height: 20px; text-align: center; font-size: 16px; font-weight: 600; z-index: 4; overflow: visible; }
.caseSearch section.search.advanced button.tip { background: #fff; color: #911b2b; }
.caseSearch section.search button.tip:hover,
.caseSearch section.search button.tip:focus { background: #fdb458; color: #911b2b; }
.caseSearch section.search dl.tip { position: absolute; border-radius: 10px; background: #fdb458; color: #333; padding: 7px 10px; font-size: 13px; line-height: 16px; transition: opacity.3s, top 0s .3s; overflow: visible; text-align: left; top: -1000px; left: -20px; opacity: 0; white-space: nowrap; }
.caseSearch section.search dl.tip:after { content: ''; display: block; border: 5px solid transparent; border-bottom-color: #fff; position: absolute; left: 25px; top: -10px; transition: all .3s; }
.caseSearch section.search dl.tip dt { font-weight: 700; }
.caseSearch section.search dl.tip dd { margin-top: 5px; }
.caseSearch section.search button.tip:hover dl.tip,
.caseSearch section.search button.tip:focus dl.tip { opacity: 1; top: 30px; transition-delay: 0s; }
.caseSearch section.search button.tip:hover dl.tip:after,
.caseSearch section.search button.tip:focus dl.tip:after { border-bottom-color: #fdb458; }
.caseSearch section.search .quickWrap,
.caseSearch section.search .advancedWrap .wrap { box-sizing: border-box; border-radius: 30px; background: #aaa; padding-right: 200px; position: absolute; top: 0; left: 0; right: 0; }
.caseSearch section.search .quickWrap .keyword { border: 3px solid #911b2b; height: 60px; border-radius: 30px; width: 100%; background: #fff; position: relative; padding-left: 46px; box-sizing: border-box; }
.caseSearch section.search .quickWrap .keyword input[type="text"] { display: block; width: 100%; height: 100%; padding: 0 60px 0 0; box-sizing: border-box; font-size: 18px; text-align: left; border-radius: 0 27px 27px 0; }
.caseSearch section.search button.advanced,
.caseSearch section.search button.quick { position: absolute; right: 3px; top: 3px; height: 54px; color: #fff; font-size: 16px; font-weight: 600; width: 197px; padding-right: 25px; background: #aaa; border-radius: 27px; z-index: 2; }
.caseSearch section.search button.quick { z-index: 1; opacity: 0; }
.caseSearch section.search.advanced button.quick { z-index: 3; opacity: 1; }
.caseSearch section.search button.advanced:before,
.caseSearch section.search button.advanced i:before,
.caseSearch section.search button.advanced i:after,
.caseSearch section.search button.quick:before,
.caseSearch section.search button.quick i:before,
.caseSearch section.search button.quick i:after { content: ''; display: inline-block; vertical-align: middle; width: 3px; border-radius: 2px; height: 11px; background: #fff; opacity: .5; position: absolute; bottom: 18px; right: 28px; position: absolute; transition: all .3s; }
.caseSearch section.search button.advanced:before,
.caseSearch section.search button.quick:before { height: 18px; }
.caseSearch section.search button.advanced i:before,
.caseSearch section.search button.quick i:before { transform: rotate(45deg); transform-origin: center bottom; right: 29px; }
.caseSearch section.search button.advanced i:after,
.caseSearch section.search button.quick i:after { transform: rotate(-45deg); transform-origin: center bottom; right: 27px; }
.caseSearch section.search button.quick { background: #911b2b; }
.caseSearch section.search button.advanced:hover,
.caseSearch section.search button.advanced:focus,
.caseSearch section.search button.quick:hover,
.caseSearch section.search button.quick:focus { background: #7a0c1a; }
.caseSearch section.search button.advanced:active,
.caseSearch section.search button.quick:active { background: #670713; transition: none; }
.caseSearch section.search.advanced button.advanced i:before,
.caseSearch section.search.advanced button.quick i:before { bottom: 36px; transform: rotate(135deg); }
.caseSearch section.search.advanced button.advanced i:after,
.caseSearch section.search.advanced button.quick i:after { transform: rotate(-135deg); bottom: 36px; }
.caseSearch section.search .quickWrap button.search { position: absolute; width: 54px; height: 54px; right: 0; top: 0; border-radius: 50%; text-indent: -999px; overflow: hidden; border: 3px solid #fff; background: #911b2b; }
.caseSearch section.search .quickWrap button.search:before,
.caseSearch section.search .quickWrap button.search:after { content: ''; display: block; position: absolute; }
.caseSearch section.search .quickWrap button.search:before { width: 14px; height: 14px; box-sizing: border-box; border: 2px solid #fdb458; border-radius: 50%; left: 15px; top: 14px; }
.caseSearch section.search .quickWrap button.search:after { width: 2px; height: 10px; background: #fdb458; transform: rotate(-45deg); left: 29px; top: 24px; }
.caseSearch section.search .quickWrap button.search:hover,
.caseSearch section.search .quickWrap button.search:focus { background: #7a0c1a; }
.caseSearch section.search .quickWrap button.reset { position: absolute; width: 34px; height: 34px; right: 54px; top: 0; bottom: 0; margin: auto 0; border-radius: 50%; text-indent: -999px; overflow: hidden; background: #fff url('../../images/engNew/4dc/icon-reset.png') center no-repeat; }
.caseSearch section.search .quickWrap button.reset:hover,
.caseSearch section.search .quickWrap button.reset:focus { background-color: #f5f5f5; }
.caseSearch section.search .advancedWrap .wrap { overflow: hidden; position: relative; z-index: 1; background: #911b2b; border-radius: 30px; padding: 77px 57px 27px; }
.caseSearch section.search .advancedWrap li+li { margin-top: 20px; }
.caseSearch section.search .advancedWrap dl { line-height: 40px; font-size: 14px; color: #e3a6af; }
.caseSearch section.search .advancedWrap dt { color: #fff; font-size: 16px; width: 160px; float: left; }
.caseSearch section.search .advancedWrap dd { overflow: hidden; }
.caseSearch section.search .advancedWrap dd input[type="text"] { width: 100%; box-sizing: border-box; height: 40px; border-radius: 20px; color: #333; border-color: #fff; padding-left: 20px; font-size: 14px; }
.caseSearch section.search .advancedWrap dd select { color: #333; }
.caseSearch section.search .advancedWrap dd option { background: #fff; }
.caseSearch section.search .advancedWrap .number dd { font-size: 0; white-space: nowrap; }
.caseSearch section.search .advancedWrap .number select { font-size: 14px; display: inline-block; margin-right: 10px; width: 25%; border-radius: 20px; background-image: url('../../images/engNew/common/select-sort.png'); padding-left: 19px; border-color: #fff; vertical-align: top; box-sizing: border-box; height: 40px; }
.caseSearch section.search .advancedWrap .number input[type="text"] { width: calc(100% - 50% - 20px); vertical-align: top; }
.caseSearch section.search .advancedWrap ul:after { content: ''; display: block; clear: both; }
.caseSearch section.search .advancedWrap label { display: block; float: left; clear: both; padding-left: 20px; text-indent: -20px; }
.caseSearch section.search .advancedWrap label+label { margin-top: 10px; }
.caseSearch section.search .advancedWrap label input[type=checkbox]+i { border-color: #fff; }
.caseSearch section.search .advancedWrap .final { float: left; width: 40%; }
.caseSearch section.search .advancedWrap .final dl { line-height: 20px; }
.caseSearch section.search .advancedWrap .type dl { overflow: hidden; line-height: 20px; }
.caseSearch section.search .advancedWrap .final dt,
.caseSearch section.search .advancedWrap .type dt { float: none; margin-bottom: 15px; }
.caseSearch section.search .advancedWrap .action { magin-top: 25px; text-align: center; font-size: 0; }
.caseSearch section.search .advancedWrap .action button { width: 200px; height: 50px; border-radius: 25px; position: relative; vertical-align: top; box-sizing: border-box; border: 1px solid #fff; color: #fff; font-size: 16px; font-weight: 600; padding-top: 1px; }
.caseSearch section.search .advancedWrap .action button+button { margin-left: 20px; }
.caseSearch section.search .advancedWrap .action button.search { background: #fdb458; color: #911b2b; padding-right: 28px; border-color: #911b2b; }
.caseSearch section.search .advancedWrap .action button.search:before,
.caseSearch section.search .advancedWrap .action button.search:after { content: ''; display: block; position: absolute; }
.caseSearch section.search .advancedWrap .action button.search:before { width: 14px; height: 14px; box-sizing: border-box; border: 2px solid #911b2b; border-radius: 50%; left: 122px; top: 14px; }
.caseSearch section.search .advancedWrap .action button.search:after { width: 2px; height: 10px; background: #911b2b; transform: rotate(-45deg); left: 131px; top: 25px; transform-origin: center top; }
.caseSearch section.search .advancedWrap .action button.search:hover,
.caseSearch section.search .advancedWrap .action button.search:focus { background: #fdc57e; }
.caseSearch section.search .advancedWrap .action button.search:active { background: #ffd9a9; transition: none; }
.caseSearch section.search .advancedWrap .action button.reset:after { content: ''; display: inline-block; vertical-align: -11px; width: 34px; height: 34px; background: url('../../images/engNew/4dc/icon-reset-w.png') center 6px no-repeat; }
.caseSearch section.search .inResult { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
.caseSearch header.list,
.caseSearch .listWrap { padding-right: 364px; position: relative; }
.caseSearch header.list { line-height: 40px; margin-top: 50px; margin-bottom: 30px; }
.caseSearch header.list dt { margin-bottom: 0; }
.caseSearch header.list .wrap { max-width: 100%; }
.caseSearch header.list select { width: 200px; height: 40px; border: 1px solid #ccc; border-radius: 20px; margin-left: 10px; vertical-align: top; font-size: 14px; line-height: 38px; padding-left: 19px; background-image: url('../../images/engNew/common/select-sort.png'); max-width: 100%; }
.caseSearch .listWrap .list { border-top: 1px solid #e5e5e5; }
.caseSearch .listWrap .list li { border-bottom: 1px solid #e5e5e5; padding: 27px 0 25px; }
.caseSearch .listWrap .list li:after { content: ''; display: block; clear: both; }
.caseSearch .listWrap .list dt { font-weight: 600; margin-bottom: 8px; }
.caseSearch .listWrap .list dt.no { font-size: 20px; font-weight: 700; }
.caseSearch .listWrap .list dt button { text-align: left; }
.caseSearch .listWrap .list .final dd span { display: inline-block; }
.caseSearch .listWrap .list .final dd span:after { content: ', '; }
.caseSearch .listWrap .list .final dd span:last-child:after { content: none; }
.caseSearch .listWrap .list .info {font-weight: 600; color: #911b2b; float: left; cursor: pointer; }
.caseSearch .listWrap .list .info dt { float: left; margin-bottom: 0; }
.caseSearch .listWrap .list .info dt:after { content: ':'; margin: 0 3px; }
.caseSearch .listWrap .list .info dd { overflow: hidden; }
.caseSearch .listWrap .list .download { float: right; padding-top: 5px; }
.caseSearch .listWrap .list .text { padding-top: 20px; max-height: 6em; overflow: hidden; clear: both; color: #333; }
.caseSearch .listWrap .list .tags { clear: both; padding-top: 16px; }
.caseSearch .listWrap .list .text+.tags { padding-top: 24px; }
.caseSearch .listWrap .list .tags dt { float: left; height: 30px; border-radius: 15px; color: #fff; background: #333; line-height: 30px; padding: 0 10px; font-size: 14px; font-weight: 600; }
.caseSearch .listWrap .list .tags dd { overflow: hidden; font-size: 0; line-height: 20px; padding-top: 5px; }
.caseSearch .listWrap .list .tags dd li { padding: 0; display: inline-block; vertical-align: top; border: 0 none; margin-left: 10px; }
.caseSearch .listWrap .list .tags dd button { font-size: 14px; color: #666; position: relative; text-align: left; text-indent: -13px; padding-left: 13px; }
.caseSearch .listWrap .list .tags dd button:before { content: '#'; }
.caseSearch .listWrap .list .tags dd button:hover,
.caseSearch .listWrap .list .tags dd button:focus { color: #000; }
.caseSearch .listWrap .list .tags dd button span { border-bottom: 1px solid transparent; transition: border .3s;  }
.caseSearch .listWrap .list .tags dd button:hover span,
.caseSearch .listWrap .list .tags dd button:focus span { border-color: #000; }
.caseSearch .listWrap .filter { position: absolute; right: 0; top: 0; width: 340px; box-sizing: border-box; z-index: 9; overflow: hidden; padding-top: 39px; bottom: -100px; }
.caseSearch .listWrap .filter .wrap { max-height: 100%; overflow: auto; border: 1px solid #003974; background: #f5f5f5; padding-bottom: 9px; box-sizing: border-box; }
.caseSearch .listWrap .filter.fixed { position: fixed; top: 0; bottom: 0; right: calc((100vw - 1016px) / 2); max-height: none !important; }
.caseSearch .listWrap .filter:not(.fixed) { bottom: -100px !important; }
.caseSearch .listWrap .filter h4 { background: #003974; color: #fff; height: 39px; line-height: 38px; text-align: center; font-size: 14px; font-weight: 600; position: absolute; left: 0; right: 0; top: 0; }
.caseSearch .listWrap .filter h4 button { display: block; width: 100%; height: 100%; position: relative; }
.caseSearch .listWrap .filter dl { padding: 8px 4px 0; }
.caseSearch .listWrap .filter dt { line-height: 27px; font-size: 14px; font-weight: 600; padding: 4px 0; }
.caseSearch .listWrap .filter dt button { display: block; width: 100%; text-align: left; padding: 0 5px; position: relative; }
.caseSearch .listWrap .filter h4 button i,
.caseSearch .listWrap .filter dt button i { width: 6px; height: 6px; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto 0; }
.caseSearch .listWrap .filter h4 button i:before,
.caseSearch .listWrap .filter h4 button i:after,
.caseSearch .listWrap .filter dt button i:before,
.caseSearch .listWrap .filter dt button i:after { content: ''; display: block; opacity: .5; background: #000; width: 2px; height: 8px; border-radius: 1px; position: absolute; transition: all .3s; }
.caseSearch .listWrap .filter h4 button i:before,
.caseSearch .listWrap .filter dt button i:before { transform: rotate(45deg); left: 0; }
.caseSearch .listWrap .filter h4 button i:after,
.caseSearch .listWrap .filter dt button i:after { transform: rotate(-45deg); right: 0; }
.caseSearch .listWrap .filter dt button:hover,
.caseSearch .listWrap .filter dt button:focus { color: #003974; }
.caseSearch .listWrap .filter dt button:hover i:before,
.caseSearch .listWrap .filter dt button:focus i:before,
.caseSearch .listWrap .filter dt button:hover i:after,
.caseSearch .listWrap .filter dt button:focus i:after { background: #003974; }
.caseSearch .listWrap .filter dd { padding: 0 5px; }
.caseSearch .listWrap .filter .keyword li { display: inline-block; vertical-align: top; font-weight: 600; background: #00ff00; padding: 0 4px; }
.caseSearch .listWrap .filter .keyword li+li { margin-left: 10px; }
.caseSearch .listWrap .filter .box { margin: 0 -4px -4px 0; }
.caseSearch .listWrap .filter .box:after { content: ''; display: block; clear: both; }
.caseSearch .listWrap .filter .box li { padding: 0 4px 4px 0; box-sizing: border-box; }
.caseSearch .listWrap .filter .box label .button { font-size: 12px; display: block; box-sizing: border-box; width: 100%; line-height: 16px; background: #fff; border: 1px solid #ccc; padding: 6px 10px; color: #999; transition: all .3s; }
.caseSearch .listWrap .filter .box label:hover .button,
.caseSearch .listWrap .filter .box label:focus .button { color: #333; }
.caseSearch .listWrap .filter .box label:active .button { border-color: #003974; }
.caseSearch .listWrap .filter .box label input[type="radio"]:checked+.button { background: #003974; border-color: #003974; color: #fff; }
.caseSearch .listWrap .filter.on h4 button i:before,
.caseSearch .listWrap .filter .folded dt button i:before { transform: rotate(135deg); }
.caseSearch .listWrap .filter.on h4 button i:after,
.caseSearch .listWrap .filter .folded dt button i:after { transform: rotate(-135deg); }
.caseSearch .listWrap .filter dl:last-child dd { padding-bottom: 10px; }
.caseSearch .listWrap .filter .year .box li { float: left; width: 33.33%; text-align: center; }
.caseSearch .listWrap .filter h4 button i { opacity: 0; }
.caseSearch .listWrap .filter h4 button i:before,
.caseSearch .listWrap .filter h4 button i:after { background: #fff; }
.caseSearch strong.highlight,
.caseSearch font[color] { background: #00ff00; color: #000; padding: 0; }

main.popup { padding-top: 20px; padding-bottom: 50px; }
.caseSearchView header.view { padding-right: 0; padding-top: .5em; margin-top: 0; }
.caseSearchView .view strong { display: inline-block; line-height: 30px; font-size: 20px; font-weight: 700; color: #000; margin-right: 6px; padding-left: 22px; background: url('../../images/engNew/common/icon-document-black.png') left center no-repeat; background-size: 16px auto; }
.caseSearchView .view h4 { font-weight: 600; color: #000; padding-right: 0; margin-top: .5em; }
.caseSearchView .function { height: 40px; }
.caseSearchView .info  { margin: 8px 0 16px; height: auto; }
.caseSearchView .info dl { font-weight: 600; color: #911b2b; font-size: 16px; }
.caseSearchView .info dl dt,
.caseSearchView .info dl dd { display: inline-block; height: auto; vertical-align: top; }
.caseSearchView .info dl dd:before { content: ': '; }
.caseSearchView .list dd { height: 72px; overflow: hidden; }
.caseSearchView .list .ellipsisOn:after { padding-right: 10px; }
.caseSearchView p.text strong { font-weight: 700; color: #000; }
.caseSearchView nav.tab { height: 60px; margin-top: -90px; }
.caseSearchView nav.tab li { max-width: 50%; width: 200px; }
.caseSearchView nav.tab li button { width: 100%; height: 59px; }
.caseSearchView .function button { position: relative; z-index: 1; }

p.big { color: #911b2b; font-size: 24px; line-height: 30px; font-weight: 300; margin: 40px 0; }
.bigNo { text-indent: -47px; padding-left: 47px; font-size: 16px; font-weight: 700; line-height: 24px; color: #003974; }
.bigNo span.no { display: inline-block; width: 42px; text-align: center; font-size: 60px; text-indent: 0; }
.bigNo li { margin-top: 50px; }
.bigNo .sub.no { font-size: 16px; line-height: 24px; color: #333; text-indent: -19px; padding-left: 19px; margin-top: 15px; }
.bigNo .sub.no li { margin-top: 0; font-weight: 400; }
.guide figure img { max-width: 100%; margin: 0 auto;  }

/* news */
.m5nw .visual { background-image: url('../../images/engNew/5nw/visual.png'); }

.news ul.events li { position: relative; }
.news ul.events li:after { content: ''; display: block; clear: both; }
.news ul.events a { display: block; }
.news ul.events .text { max-height: 72px; overflow: hidden; }
.news ul.events figure { width: 320px; height: 200px; background: center no-repeat; background-size: cover; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; }
.news ul.events li.withPhoto a.thumb { padding-right: 330px; height: 260px; box-sizing: border-box; }
.news ul.events li.withPhoto dl { height: 192px; overflow: hidden; }
.news ul.events li.withPhoto .text { max-height: 120px; }
.news ul.events li.withPhoto.withShortcut .text { max-height: 72px; }
.news ul.events li dl,
.news ul.events li.withPhoto.withShortcut dl { height: 144px; overflow: hidden; }
.news ul.events a.shortcut { display: block; margin-bottom: 30px; position: absolute; bottom: 0; }
.news ul.events .ellipsisOn { position: static; }
.news ul.events li .ellipsisOn:after { bottom: 30px; padding-right: 10px; }
.news ul.events li.withPhoto .ellipsisOn:after { right: 330px; bottom: 45px; }
.news ul.events li.withShortcut .ellipsisOn:after { bottom: 93px; }

/* internationa affair */
.m6ia .visual { background-image: url('../../images/engNew/6ia/visual.png'); }

article.conference { border: 1px solid #f1f1f1; background: #fcfcfc; position: relative; padding: 44px; padding-left: 224px; }
article.conference+article.conference { margin-top: 30px; }
article.conference:before { content: ''; display: block; position: absolute; background: #fff; border: 1px solid #fdb458; border-radius: 5px; left: 14px; top: 14px; right: 14px; bottom: 14px; }
article.conference>* { z-index: 1; position: relative; }
article.conference figure { width: 150px; position: absolute; left: 44px; top: 44px; }
article.conference figure img { display: block; max-width: 100%; }
article.conference dl+dl { margin-top: 20px; }
article.conference dl.multiCol { display: inline-block; vertical-align: top; margin-right: 30px; }
article.conference dl.multiCol+dl.multiCol { margin-right: 0; }
article.conference dt { font-size: 14px; color: #aaa; line-height: 12px; margin-bottom: 8px; font-weight: 600; }
article.conference dd strong { font-weight: 600; color: #911b2b; }
article.conference dd strong.black { color: #333; }
article.conference dl.colon+dl.colon { margin-top: 0; clear: both; } 
article.conference dl.colon dt { font-size: 16px; color: #333; font-weight: 400; float: left; margin: 0; line-height: 24px; min-width: 110px; position: relative; }
article.conference dl.colon dt:after { content: ':'; display: block; position: absolute; right: 6px; top: 0; }
article.conference dl.colon dd { font-weight: 600; overflow: hidden; }
article.conference .member { margin-top: 8px; }
article.conference .member li { font-size: 14px; line-height: 20px; }
article.conference .member li+li { margin-top: 10px; }
article.conference .member img { float: left; margin-right: 11px; }

.contentsWrap.mou { padding: 0; overflow: hidden; }
ul.mou { margin: -16px; }
ul.mou:after { content: ''; display: block; clear: both; }
ul.mou li { float: left; width: 484px; height: 250px; margin: 16px; border: 1px solid #e5e5e5; padding: 19px 19px 69px 146px; position: relative; box-sizing: border-box; }
ul.mou li figure { position: absolute; left: 19px; top: 19px; }
ul.mou li img { width: 108px; }
ul.mou li .date { font-size: 14px; color: #999; margin-top: 6px; }
ul.mou li .text { color: #666; font-size: 13px; line-height: 18px; }
ul.mou li a.shortcut.worldwide { position: absolute; bottom: 19px; left: 146px; }

.international ul.events li { position: relative; }
.international ul.events a.thumb,
.international ul.events button.thumb { display: block; text-align: left; width: 100%; }
.international ul.events figure { float: left; width: 240px; height: 161px; margin-right: 20px; background-size: cover; }
.international ul.events dl { overflow: hidden; width: calc(100% - 260px); }
.international ul.events li.withShortcut dl { padding-bottom: 40px; }
.international ul.events dd.info { color: #b0b0b0; font-weight: 600; padding-left: 27px; position: relative; margin-bottom: 6px; }
.international ul.events dd.info:before { content: ''; display: block; position: absolute; left: 0; top: 2px; bottom: 0; width: 20px; height: 20px; border-radius: 50%; background: #b0b0b0 center no-repeat; }
.international ul.events dd.info.justice:before { background-image: url('../../images/engNew/common/info-justice.png'); background-size: 12px auto; }
.international ul.events dd.info.people:before { background-image: url('../../images/engNew/common/info-people.png'); background-size: 14px auto; }
.international ul.events a.shortcut.worldwide { position: absolute; left: 260px; bottom: 30px; }

.worldwide .worldmap { position: relative; }
.worldwide .worldmap img { position: relative; z-index: 2; }
.worldwide .worldmap button { position: absolute; color: #911b2b; text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff, 2px 1px 0 #fff, 1px 2px 0 #fff, -2px 1px 0 #fff, 1px -2px 0 #fff, 2px -1px 0 #fff, -1px 2px 0 #fff, -2px -1px 0 #fff, -1px -2px 0 #fff; font-size: 14px; font-weight: 700; font-size: 14px; font-weight: 600; z-index: 3; margin: -4%; padding: 4%; transition-duration: .5s; }
.worldwide .worldmap button.africa { left: 18%; top: 52%; margin: -8% -5%; padding: 8% 5%; }
.worldwide .worldmap button.asia { left: 39%; top: 30%; margin: -9% -7%; padding: 9% 7%; }
.worldwide .worldmap button.europe { left: 17%; top: 20%; margin: -3% -5%; padding: 3% 5%; }
.worldwide .worldmap button.middleEast { left: 22%; top: 36%; margin: -3%; padding: 3%; }
.worldwide .worldmap button.northAmerica { left: 64%; top: 24%; margin: -7%; padding: 7%; }
.worldwide .worldmap button.oceania { left: 50%; top: 71%; }
.worldwide .worldmap button.southAmerica { left: 72%; top: 64%; margin: -7%; padding: 7%; }
.worldwide .worldmap.africaOn button.africa,
.worldwide .worldmap.asiaOn button.asia,
.worldwide .worldmap.europeOn button.europe,
.worldwide .worldmap.middleEastOn button.middleEast,
.worldwide .worldmap.northAmericaOn button.northAmerica,
.worldwide .worldmap.oceaniaOn button.oceania,
.worldwide .worldmap.southAmericaOn button.southAmerica { color: #fff; text-shadow: 2px 0 0 #911b2b, 0 2px 0 #911b2b, -2px 0 0 #911b2b, 0 -2px 0 #911b2b, 2px 1px 0 #911b2b, 1px 2px 0 #911b2b, -2px 1px 0 #911b2b, 1px -2px 0 #911b2b, 2px -1px 0 #911b2b, -1px 2px 0 #911b2b, -2px -1px 0 #911b2b, -1px -2px 0 #911b2b; font-weight: 700; }
.worldwide .worldmap button.international { left: 20px; bottom: 20px; padding: 0; color: #333; line-height: 22px; padding: 7px 36px 7px 19px; border: 1px solid #333; text-shadow: none; border-radius: 20px; margin: 0; }
.worldwide .worldmap button.international:before,
.worldwide .worldmap button.international:after { content: ''; display: block; position: absolute; width: 7px; height: 2px; border-radius: 1px; background: #000; opacity: .4; top: 0; bottom: 0; right: 19px; margin: auto 0; transform-origin: right center; transition: all .2s; }
.worldwide .worldmap button.international:before { transform: rotate(45deg); top: 1px; }
.worldwide .worldmap button.international:after { transform: rotate(-45deg); bottom: 1px; }
.worldwide .worldmap.international button.international { border-color: #911b2b; color: #911b2b; }
.worldwide .worldmap.internationalOn button.international { color: #fff; background: #911b2b; border-color: #911b2b; }
.worldwide .worldmap.international button.international:before { right: 12px; transform: rotate(38deg); background: #911b2b; }
.worldwide .worldmap.international button.international:after { right: 12px; transform: rotate(-38deg); background: #911b2b; }
.worldwide .worldmap.internationalOn button.international:before { background: #fff; }
.worldwide .worldmap.internationalOn button.international:after { background: #fff; }
.worldwide .worldmap div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: 100% 100%; opacity: 0; transition: all .5s; }
.worldwide .worldmap div.africa { background-image: url('../../images/engNew/6ia/worldwide-map-africa.png'); }
.worldwide .worldmap div.asia { background-image: url('../../images/engNew/6ia/worldwide-map-asia.png'); }
.worldwide .worldmap div.europe { background-image: url('../../images/engNew/6ia/worldwide-map-europe.png'); }
.worldwide .worldmap div.middleEast { background-image: url('../../images/engNew/6ia/worldwide-map-middleeast.png'); }
.worldwide .worldmap div.northAmerica { background-image: url('../../images/engNew/6ia/worldwide-map-northamerica.png'); }
.worldwide .worldmap div.oceania { background-image: url('../../images/engNew/6ia/worldwide-map-oceania.png'); }
.worldwide .worldmap div.southAmerica { background-image: url('../../images/engNew/6ia/worldwide-map-southamerica.png'); }
.worldwide .worldmap.africa div.africa { opacity: 1; }
.worldwide .worldmap.asia div.asia { opacity: 1; }
.worldwide .worldmap.europe div.europe { opacity: 1; }
.worldwide .worldmap.middleEast div.middleEast { opacity: 1; }
.worldwide .worldmap.northAmerica div.northAmerica { opacity: 1; }
.worldwide .worldmap.oceania div.oceania { opacity: 1; }
.worldwide .worldmap.southAmerica div.southAmerica { opacity: 1; }
.worldwide .worldmap.africaOn div.africa { opacity: 1; }
.worldwide .worldmap.asiaOn div.asia { opacity: 1; }
.worldwide .worldmap.europeOn div.europe { opacity: 1; }
.worldwide .worldmap.middleEastOn div.middleEast { opacity: 1; }
.worldwide .worldmap.northAmericaOn div.northAmerica { opacity: 1; }
.worldwide .worldmap.oceaniaOn div.oceania { opacity: 1; }
.worldwide .worldmap.southAmericaOn div.southAmerica { opacity: 1; }
.worldwide .filter dl{ margin-top: 24px; }
.worldwide .filter dt { color: #333; line-height: 22px; font-size: 14px; }
.worldwide .filter dd { font-size: 0; margin-right: -6px; }
.worldwide .filter button { width: 30px; height: 30px; border-radius: 15px; box-sizing: border-box; border: 1px solid #ccc; color: #999; line-height: 28px; font-size: 14px; margin-right: 6px; margin-top: 6px; vertical-align: top; }
.worldwide .filter button:hover,
.worldwide .filter button:focus,
.worldwide .worldmap.africa+.filter button.africa,
.worldwide .worldmap.asia+.filter button.asia,
.worldwide .worldmap.europe+.filter button.europe,
.worldwide .worldmap.middleEast+.filter button.middleEast,
.worldwide .worldmap.northAmerica+.filter button.northAmerica,
.worldwide .worldmap.oceania+.filter button.oceania,
.worldwide .worldmap.southAmerica+.filter button.southAmerica,
.worldwide .worldmap.international+.filter button.international { border-color: #911b2b; color: #911b2b; }
.worldwide .filter button.on,
.worldwide .filter button.on,
.worldwide .worldmap.africaOn+.filter button.africa,
.worldwide .worldmap.asiaOn+.filter button.asia,
.worldwide .worldmap.europeOn+.filter button.europe,
.worldwide .worldmap.middleEastOn+.filter button.middleEast,
.worldwide .worldmap.northAmericaOn+.filter button.northAmerica,
.worldwide .worldmap.oceaniaOn+.filter button.oceania,
.worldwide .worldmap.southAmericaOn+.filter button.southAmerica,
.worldwide .worldmap.internationalOn+.filter button.international { color: #fff; background: #911b2b; border-color: #911b2b; }
.worldwide .filter button.all { width: 64px; }
.worldwide .filter button.africa { width: 79px; }
.worldwide .filter button.asia { width: 67px; }
.worldwide .filter button.europe { width: 91px; }
.worldwide .filter button.middleEast { width: 123px; }
.worldwide .filter button.northAmerica { width: 147px; }
.worldwide .filter button.oceania { width: 98px; }
.worldwide .filter button.southAmerica { width: 147px; }
.worldwide .filter button.international { width: 136px; }
.worldwide ul.list { margin-top: 30px; }
.worldwide ul.list>li { border: 1px solid #e5e5e5; padding: 19px 50px 19px 19px; position: relative; min-height: 150px; box-sizing: border-box; }
.worldwide ul.list>li+li { margin-top: 10px; }
.worldwide ul.list>li:after { content: ''; display: block; clear: both; }
.worldwide ul.list>li.shortcutEa5 { min-height: calc(35px * 5 + 13px); }
.worldwide ul.list>li.shortcutEa6 { min-height: calc(35px * 6 + 13px); }
.worldwide ul.list>li.shortcutEa7 { min-height: calc(35px * 7 + 13px); }
.worldwide ul.list figure { float: left; width: 160px; height: 110px; margin-right: 19px; overflow: visible; }
.worldwide ul.list figure img { width: 100%; height: 100%; outline: 1px solid #e5e5e5; }
.worldwide ul.list dl { overflow: hidden; line-height: 24px; }
.worldwide ul.list dt { line-height: 24px; font-size: 20px; font-weight: 600; color: #333; margin-bottom: 3px; }
.worldwide ul.list dt .continent { font-size: 14px; color: #999; margin-left: 7px; }
.worldwide ul.list dt.name { font-size: 16px; font-weight: 400; }
.worldwide ul.list dd { font-size: 14px; color: #999; }
.worldwide ul.list dd+dt { margin-top: 7px; }
.worldwide ul.list .relatives { position: absolute; right: 8px; top: 8px; }
.worldwide ul.list .relatives li:after { content: ''; display: block; clear: both; }
.worldwide ul.list .relatives li+li { margin-top: 5px; }
.worldwide ul.list .relatives a { display: block; width: 30px; height: 30px; border-radius: 15px; background: #aaa; color: #fff; line-height: 30px; overflow: hidden; float: right; clear: both; color: #aaa; }
.worldwide ul.list .relatives a span { display: block; height: 100%; background: -1px center no-repeat; background-size: auto 100%; padding: 0 23px 0 30px; font-size: 13px; box-sizing: border-box; position: relative; white-space: nowrap; }
.worldwide ul.list .relatives a span:before,
.worldwide ul.list .relatives a span:after { content: ''; display: block; position: absolute; width: 7px; height: 2px; border-radius: 1px; background: #fff; opacity: .45; top: 0; bottom: 0; right: 7px; margin: auto 0; transform-origin: right center; transition: all .2s; }
.worldwide ul.list .relatives a span:before { transform: rotate(45deg); top: 1px; }
.worldwide ul.list .relatives a span:after { transform: rotate(-45deg); bottom: 1px; }
.worldwide ul.list .relatives a.mou span { background-image: url('../../images/engNew/6ia/worldwide-icon-mou.png'); width: 85px }
.worldwide ul.list .relatives a.news span { background-image: url('../../images/engNew/6ia/worldwide-icon-news.png'); width: 87px; }
.worldwide ul.list .relatives a.activities span { background-image: url('../../images/engNew/6ia/worldwide-icon-activities.png'); width: 189px; }
.worldwide ul.list .relatives a.visited span { background-image: url('../../images/engNew/6ia/worldwide-icon-visited.png'); width: 180px; }
.worldwide ul.list .relatives a.movie span { background-image: url('../../images/engNew/6ia/worldwide-icon-movie.png'); width: 136px; }
.worldwide ul.list .relatives a.photo span { background-image: url('../../images/engNew/6ia/worldwide-icon-photo.png'); width: 136px; }
.worldwide ul.list .relatives a.it span { background-image: url('../../images/engNew/6ia/worldwide-icon-it.png'); width: 126px; }
.worldwide ul.list .relatives a:hover,
.worldwide ul.list .relatives a:focus { background: #911b2b; color: #fff; }
.worldwide ul.list .relatives a:hover span,
.worldwide ul.list .relatives a:focus span { background-position: 1px center; }
.worldwide ul.list .relatives a.mou:hover,
.worldwide ul.list .relatives a.mou:focus { width: 85px; }
.worldwide ul.list .relatives a.news:hover,
.worldwide ul.list .relatives a.news:focus { width: 87px; }
.worldwide ul.list .relatives a.activities:hover,
.worldwide ul.list .relatives a.activities:focus { width: 189px; }
.worldwide ul.list .relatives a.visited:hover,
.worldwide ul.list .relatives a.visited:focus { width: 180px; }
.worldwide ul.list .relatives a.movie:hover,
.worldwide ul.list .relatives a.movie:focus { width: 136px; }
.worldwide ul.list .relatives a.photo:hover,
.worldwide ul.list .relatives a.photo:focus { width: 136px; }
.worldwide ul.list .relatives a.it:hover,
.worldwide ul.list .relatives a.it:focus { width: 126px; }

/* search result*/
p.resultNum { text-align: center; font-size: 30px; line-height: 40px; padding: 95px 0; color: #000; }
p.resultNum strong { font-weight: 700; color: #003974; }
p.resultNum strong.keyword { color: #911b2b; }
ul.searchResult>li { border: 1px solid #e5e5e5; padding: 24px 29px; line-height: 24px; }
ul.searchResult>li+li { margin-top: 10px; }
ul.searchResult ol.location { color: #999; font-size: 13px; margin-bottom: 19px; }
ul.searchResult ol.location:after { content: ''; display: block; clear: both; }
ul.searchResult ol.location li { margin-right: 9px; padding-right: 13px; float: left; position: relative; }
ul.searchResult ol.location li:before,
ul.searchResult ol.location li:after { content: ''; display: block; position: absolute; width: 2px; height: 4px; right: 0; top: 1px; bottom: 0; margin: auto 0; background: #ccc; }
ul.searchResult ol.location li:before { transform-origin: bottom right; transform: skewX(45deg); bottom: 4px; }
ul.searchResult ol.location li:after { transform-origin: top right; transform: skewX(-45deg); top: 5px; }
ul.searchResult ol.location li:last-child { padding-right: 0; margin-right: 0; }
ul.searchResult ol.location li:last-child:before,
ul.searchResult ol.location li:last-child:after { content: none; }
ul.searchResult .text { clear: both; max-height: 144px; overflow: hidden; }
ul.searchResult strong.keyword { font-weight: 700; color: #911b2b; }

/* text editor */
.textEditor,
.textEditor * { font-family: sans-serif !important; }
.textEditor strong,
.textEditor strong *,
.textEditor b,
.textEditor b * { font-weight: 700; }
.textEditor a { color: #003974; }
.textEditor a:hover,
.textEditor a:focus { background: rgba(0,57,116,.05); }

/* ==============================================================================================================
= Layer Popup 기본스타일 지정
============================================================================================================== */
.mainPopupLayer{position:absolute; display:none; z-index:1000; background:#000;}
.mainPopupLayer .popupbtnArea{padding:10px;color:#fff;min-height:35px;line-height:30px;}
.mainPopupLayer .popupbtnArea a{float:right;font-size:15px;line-height:30px;background:#666;padding:0 10px;}