/* common & index */
@media (max-width: 1032px) {
    .tab { margin-left: -16px; margin-right: -16px; }
    
    .caseSearch .listWrap .filter.fixed { right: 16px; }
    
    .gallery { width: 780px; margin-left: auto; margin-right: auto; max-width: 100%; }
    .gallery li:last-child:nth-child(4n+1),
    .gallery li:last-child:nth-child(4n+2),
    .gallery li:last-child:nth-child(4n+3) { margin-right: 16px; }
    .gallery li:last-child:nth-child(3n+1) { margin-right: 538px; }
    .gallery li:last-child:nth-child(3n+2) { margin-right: 280px; }
}
@media (min-width: 1024px) {
    .gnb ._accordion { display: block !important; }
}
@media (max-width: 1023px) {
    body.menuOn { overflow: hidden; }
    header.common { position: fixed; left: 0; right: 0; top: 0; z-index: 97; }
    header.common .gnb { position: fixed; left: 0; right: 0; top: 0; height: 0; z-index: 98; overflow: hidden; background: rgba(0,0,0,.9); transition: height .3s; }
    .menuOn header.common .gnb { height: 100%; }
    header.common .gnb:before { height: 105px; background: #003974 url('../../images/engNew/common/header-gnb-mobile-logo.png') 20px 70px no-repeat; background-size: 180px auto; }
    header.common .gnb.on li a { color: #fff; }
    header.common .gnb ul { width: auto; text-align: left; margin-top: 105px; overflow: auto; height: calc(100% - 105px); }
    header.common .gnb li { border-bottom: 1px solid #f7f4c4; }
    header.common .gnb li ul { height: auto; opacity: 1; border-top: 1px solid #333; margin-top: 0; padding-top: 0; overflow: visible; }
    header.common .gnb li:last-child ul { border-bottom: 0 none; }
    header.common .gnb li li { padding-top: 10px; padding-bottom: 10px; border-bottom: 0 none; }
    header.common .gnb li li+li { margin-top: 0; border-top: 1px solid #333; }
    header.common .gnb li li ul { display: block; border: 0 none; }
    header.common .gnb li li li { padding: 5px 0; border-top: 0 none; }
    header.common .gnb button { display: block; width: 100%; text-align: left; font-size: 18px; color: #fdb458; height: 58px; }
    header.common .gnb a { display: none; }
    header.common .gnb li ul a { display: block; font-size: 14px; font-weight: 600; padding-left: 20px; line-height: 30px; }
    header.common .gnb li li li a { padding-left: 30px; font-size: 12px; line-height: 24px; }
    header.common .gnb a.korean { display: block; top: 62px; bottom: 0; left: 221px; z-index: 99; color: #fff; height: 22px; border: 1px solid #fff; width: 58px; line-height: 22px; padding: 0; text-align: center; font-size: 12px; }
    header.common .gnb .ww { display: inline; }
    header.common .gnb li.intro,
    header.common .gnb li.justices,
    header.common .gnb li.jurisdiction,
    header.common .gnb li.decisions,
    header.common .gnb li.news,
    header.common .gnb li.affairs,
    header.common .gnb li.library { width: auto; float: none; }
    header.common .gnb:after { content: none; }
    header.common button.mobileMenu { display: block; position: absolute; right: 0; top: 44px; bottom: 0; width: 64px; text-indent: -999px; overflow: hidden; z-index: 99; }
    header.common button.mobileMenu:before,
    header.common button.mobileMenu:after,
    header.common button.mobileMenu i:before,
    header.common button.mobileMenu i:after { content: ''; display: block; position: absolute; width: 24px; height: 2px; background: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all .3s; }
    header.common button.mobileMenu:before { top: 16px; }
    header.common button.mobileMenu:after { bottom: 16px; }
    .menuOn header.common button.mobileMenu i:before { transform: rotate(45deg); }
    .menuOn header.common button.mobileMenu i:after { transform: rotate(-45deg); }
    .menuOn header.common button.mobileMenu:before { top: 32px; opacity: 0; }
    .menuOn header.common button.mobileMenu:after { bottom: 32px; opacity: 0; }
    main { padding-top: 105px; }
    .bodyWrap { width: auto; padding-left: 2.5%; padding-right: 2.5%; }
    .index .visual .search { left: auto; right: 20px; }
    .index .overview.hearing, .index .overview.publications,
    .index article { width: 48%; margin-left: 1%; margin-right: 1%; }
    .index .favorite { margin-left: 0; margin-right: 0; }
    .index .favorite a.justices { width: 48%; margin-left: 1%; margin-right: 1%; }
    .index .favorite a.history { width: 48%; margin-left: 1%; margin-right: 1%; }
    .index .favorite a.rapporteur,
    .index .favorite .wrap.right { width: 23%; margin-left: 1%; margin-right: 1%; }
    .index .favorite .wrap.middle { width: 48%; margin-left: 1%; margin-right: 1%; }
    header.common .gnb:hover:after,
    header.common .gnb.on:after { content: none; }
    header.common .gnb:hover li ul,
    header.common .gnb.on li ul { height: auto; }
    header.common .gnb li ul { transition: none; }
    
    .visual { padding-top: 0; height: 170px; line-height: 170px; }
    
    .historical ul.list li { padding-left: 30px; padding-top: 70px; }
    .historical ul.list li:before { left: 10px; }
    .historical ul.list h5 { margin-left: 30px; position: absolute; top: 0; left: 0; right: 0; background: #fff; width: auto; padding-top: 105px; background: url('../../images/engNew/4dc/historical-year-bg.png') left bottom repeat-x; }
    .historical ul.list h5:after { left: -30px; right: auto; }
    
    .building.garden p.intro { float: none; width: auto; background-size: auto; min-height: 0; margin-right: 0; text-align: justify; }
    .building.garden .photo { margin-left: auto; margin-right: auto; }
    
    .introduction .brochure { background-position: center top; }
    .introduction .brochure dl { margin-top: 275px; text-align: center; padding-left: 0; }
    
    .introduce.jurisdiction3 p.intro { float: left; width: 48%; }
    .introduce.jurisdiction3 figure.leftCol { float: right; width: 48%; margin: 0; margin-bottom: 50px; }
    .introduce.jurisdiction3 figure.leftCol+* { clear: both; }
    
    .caseSearch .listWrap .filter.fixed { top: 105px; }
}
@media (max-width: 1023px) and (min-width: 719px) {
    header.common .gnb li { width: 48% !important; float: left !important; box-sizing: border-box; margin: 0 1%; }
    header.common .gnb li li { width: auto !important; float: none !important; margin: 0; }
    header.common .gnb li ul { display: block !important; height: auto !important; }
    header.common .gnb button { padding-right: 0; }
    header.common .gnb button i { display: none; }
    header.common .gnb li.intro { height: 840px; }
    header.common .gnb li.justices { height: 165px; }
    header.common .gnb li.jurisdiction { height: 675px; }
    header.common .gnb li.decisions { height: 380px; }
    header.common .gnb li.news { height: 380px; }
    header.common .gnb li.library { height: 347px; }
}
@media (max-width: 1023px) and (min-width: 660px) {
    .index .historical ul { padding-top: 5px; padding-bottom: 4px; }
    .index .historical li a { height: 66px; line-height: 62px; }
    .index .historical span { line-height: 20px; display: inline-block; vertical-align: middle; }
}
@media (max-width: 1000px) {
    .organizationChart button.popup { width: 15vw; height: 15vw; }
    .organizationChart button.popup.general { top: 36.5vw; }
    .organizationChart button.popup.deputy { top: 51vw; }
}
@media (max-width: 940px) {
    p.menuDescription.m6ia-2re-2mu .rw { display: inline; }
    .m3jd-1jd-5da figure { float: none; margin-left: 0; }
}
@media (max-width: 910px) {
    .building p.intro { float: none; width: auto; min-height: 0; margin-right: 0; text-align: justify; }
    .building.courthouse p.intro { padding-bottom: 120px; background-size: auto; }
    .building .photo { margin-left: auto; margin-right: auto; width: auto; max-width: 640px; }
    
    .caseSearch header.list,
    .caseSearch .listWrap { padding-right: 0; }
    .caseSearch .listWrap .filter,
    .caseSearch .listWrap .filter.fixed { bottom: 0; position: fixed; left: 0; right: 0; top: auto; width: auto; padding-bottom: 0; }
    .caseSearch .listWrap .filter .wrap { max-height: 0vh; transition: all .3s; padding-bottom: 0; }
    .caseSearch .listWrap .filter.on .wrap { max-height: 40vh; }
    .caseSearch .listWrap .filter h4 button i { opacity: 1; }
}
@media (max-width: 859px) {
    .historical nav.topic li { width: 50%; height: 70px; }
    .historical nav.topic li button { padding: 0 70px 2px 50px; text-align: left; }
    .historical nav.topic li button:before,
    .historical nav.topic li button:after { left: 0; top: 0; bottom: 0; right: auto; margin: auto 0; }
    .historical nav.topic li button span.num { top: 0; bottom: 0; right: 0; width: 70px; left: auto; margin: auto 0; height: 20px; }
    
    .introduction .videoWrap { background-size: 100% auto; height: calc((100vw - 32px) / 100 * 80); padding-bottom: calc((100vw - 32px) / 100 * 23); } /* 20200210 수정 */
    .introduction .language { margin-top: calc((100vw - 32px) / 100 * -10); } /* 20200210 수정 */
    
    .former .list li { width: 33.33%; }
    
    .procedure.fl figure { float: none; margin-left: 0; max-width: none; }
}
@media (max-width: 820px) {
    .gallery { width: 520px; }
    .gallery li:last-child:nth-child(3n+1),
    .gallery li:last-child:nth-child(3n+2) { margin-right: 16px; }
    .gallery li:last-child:nth-child(2n+1) { margin-right: 280px; }
}
@media (max-width: 768px) {
    .index .visual .search { bottom: 15px; left: 0; right: 0; max-width: 95%; }
    .index .visual .search input { width: calc(100% - 48px); }
    .index .date dt { font-size: 13px; }
    .index .date dd { font-size: 18px; }
    .index .overview header { font-size: 18px; height: 50px; line-height: 50px; }
    .index .historical h2 { padding-top: 6px; line-height: 1.1em; }
    .index .date { height: auto; padding-top: 10px; padding-bottom: 10px; }
    .index .date dt,
    .index .date dd { display: block; }
    .index .date dt { padding: 0; margin: 0; line-height: 20px; }
    .index .date dt:after { content: none; }
    .index .date dd { line-height: 30px; }
    .index .favorite .wrap.middle { width: 32%; }
    .index .favorite a.rapporteur,
    .index .favorite .wrap.right { width: 31%; }
    .index .download button.constitution { height: 312px; }
    
    .history.court ol h4,
    .history.court ol dl { padding-left: 0; }
    .history.court ol figure { float: right; margin-left: 20px; }
    .history.court ol figure img+img { margin-top: 10px; margin-left: 0; }
    
    .history.adjudication ol li+li { margin-top: 5em; }
    .history.adjudication ol header { float: none; margin-bottom: 2em; width: auto; }
    .history.adjudication ol header p { margin-top: 1em; padding-left: .1em; }
    .history.adjudication ol header .rw { display: inline-block; }
    .history.adjudication ol figure,
    .history.adjudication ol p { padding-left: 0; }
    .history.adjudication ol figure img { display: inline-block; vertical-align: top; }
    
    p.menuDescription.m6ia-3ww .rw { display: inline; }
}
@media (max-width: 767px) {
    .introduce.jurisdiction3 p.intro { float: none; width: auto; }
    .introduce.jurisdiction3 figure.leftCol { float: none; width: auto; margin-top: 50px; }
    
    article.conference { padding-left: 44px; padding-top: 224px; }
    article.conference figure { left: 0; right: 0; margin: 0 auto; }
    
    .caseSearch section.search .advancedWrap dt { float: none; }
    .caseSearch section.search .advancedWrap .wrap { padding: 47px 27px 27px; }
    .caseSearch section.search .advancedWrap .final { float: none; width: auto; }
    .caseSearch section.search .advancedWrap .final label { width: 50%; float: left; box-sizing: border-box; clear: none; margin-top: 0; margin-bottom: 10px; }
    .caseSearch section.search .advancedWrap .final label+label { margin-top: 0; }
    
    .caseSearchView .function { margin-top: 30px; margin-bottom: 30px; }
    .caseSearchView nav.tab { margin-top: 0; }
    .caseSearchView nav.tab li { width: 50%; }
    
    .daterangepicker.show-calendar .ranges { margin-top: 0; float: none; }
    .daterangepicker .ranges ul { width: auto; border-bottom: 1px solid #e5e5e5; }
    .daterangepicker .ranges ul:after { content: ''; display: block; clear: both; }
    .daterangepicker .ranges li { float: left; width: 20%; box-sizing: border-box; text-align: center; }
    .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 0 none; }
}
@media (max-width: 752px) {
    .history.court ol figure { width: 290px; float: right; }
    .history.court ol figure img+img { margin-top: 10px; margin-left: 0; }
    
    .statistics table.thead { display: none; }
}
@media (max-width: 714px) {
    .former .list li { width: 50%; }
}
@media (max-width: 672px) {
    .building .photo { padding-top: calc((100vw - 32px) / 100 * 53.125); }
}
@media (max-width: 659px) {
    body { font-size: 14px; line-height: 1.5em; }
    header.common { height: 60px; padding: 0; }
    header.common h1 { height: 100%; background: url('../../images/engNew/common/header-symbol-mobile.png') 20px center no-repeat; margin: 0; width: 250px; background-size: 220px auto; }
    header.common .gnb:before { height: 60px; background-position: 20px center; }
    header.common .gnb a.korean { top: 18px; }
    header.common button.mobileMenu { top: 0; }
    header.common a.korean { top: 18px; }
    header.common .gnb ul { margin-top: 60px; height: calc(100% - 60px); }
    footer.common { background-image: none; height: auto; padding: 20px; text-align: left; }
    footer.common h2 { height: 30px; background: url('../../images/engNew/common/header-symbol-mobile.png') 0 center no-repeat; margin: 0; width: 250px; background-size: auto 30px; }
    footer.common address { font-size: 12px; line-height: 18px; margin: 16px 0 8px}
    footer.common .copyrights { font-size: 12px; line-height: 18px; }
    footer.common .relationSite { position: relative; width: auto; margin-top: 15px; }
    main { padding-top: 60px; }
    footer.common .relationSite dd  { top: auto; bottom: 40px; border-top: 0 none; border-bottom: 1px solid #333; }
    .bodyWrap { padding-left: 20px; padding-right: 20px; }
    .index .overview.hearing,
    .index .overview.publications,
    .index article { float: none; width: auto; margin-left: 0; margin-right: 0; }
    .index .latest dl { height: 194px; }
    .index .latest dt strong { font-size: 18px; }
    .index .download button h2 { font-size: 18px; }
    .index .download button.constitution,
    .index .download button.ccourtact { height: 170px; }
    .index .favorite a { font-size: 18px; }
    .index .favorite a .ww { display: inline; }
    .index .favorite a.library,
    .index .favorite a.conference,
    .index .favorite a.rapporteur { float: none; width: 100%; clear: both; margin-left: 0; margin-right: 0; height: 90px; line-height: 90px; margin-bottom: 10px; }
    .index .favorite .wrap.middle,
    .index .favorite .wrap.right { width: 100%; float: none; margin-left: 0; }
    .index .favorite a.justices,
    .index .favorite a.history,
    .index .favorite a.visit,
    .index .favorite a.building { width: calc(50% - 5px); height: 90px; line-height: 90px; margin-left: 0; margin-right: 0; float: left; margin-bottom: 10px; }
    .index .favorite a.visit,
    .index .favorite a.history { margin-left: 10px; }
    .index .link { padding: 0; }
    .index .link a { float: none; width: auto; border-right: 0 none; height: 60px; line-height: 56px; padding-top: 0; padding-left: 45px; text-align: left; background-size: 18px auto; font-size: 14px; }
    .index .link a:first-child { border-left: 0 none; }
    .index .link a+a { border-top: 1px solid #ccc; }
    .index .link a .ww { display: inline-block; vertical-align: middle; }
    .index .link a span { line-height: 16px; }
    .index .link a.aacc { background-position: 14px center; }
    .index .link a.institute { background-position: 14px center; }
    .index .link a.venice { background-position: 14px center; }
    .index .link a.worldwide { background-position: 13px center; background-size: 20px auto; }
    
    header.list .listSearch { width: 270px; }
    header.list select.sort { width: 260px; }
    
    .message p .firstLetter { line-height: 42px; height: 42px; font-size: 46px; }
    .message figure { max-width: none; float: none; margin: 18px 0; }
    .message figure img { margin-left: auto; margin-right: auto; }
    
    .caseSearch section.search { min-height: 100px; }
    .caseSearch section.search button.advanced,
    .caseSearch section.search button.quick { height: 40px; right: 0; top: 0; }
    .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 { bottom: 12px; }
    .caseSearch section.search.advanced button.advanced i:after,
    .caseSearch section.search.advanced button.quick i:after,
    .caseSearch section.search.advanced button.advanced i:before,
    .caseSearch section.search.advanced button.quick i:before{ bottom: 29px; }
    .caseSearch section.search button.tip { top: 65px; left: 15px; }
    .caseSearch section.search.advanced button.tip { top: 10px; left: 10px; }
    .caseSearch section.search .quickWrap .keyword { height: 44px; }
    .caseSearch section.search .quickWrap button.search { width: 44px; height: 44px; }
    .caseSearch section.search .quickWrap button.search:before { left: 10px; top: 9px; }
    .caseSearch section.search .quickWrap button.search:after { left: 24px; top: 19px; }
    .caseSearch section.search .quickWrap .keyword input[type="text"] { padding-right: 50px; }
    .caseSearch section.search .quickWrap { top: 50px; padding-right: 0; }
    .caseSearch section.search .advancedWrap .wrap { border-radius: 20px; }
    .caseSearch header.list .listSearch { width: 210px; }
    
    .procedure.pa p { margin-bottom: 50px; }
    .procedure.pa figure.left,
    .procedure.pa figure.right { float: none; width: auto; max-width: none; margin: 0; padding: 0; }
    .procedure.et figure { max-width: none; margin-left: 0; float: none; width: auto; }

	.historical nav.topic li { font-size: 12px; line-height: 14px; width: 100%; }
	
	p.menuDescription.m6ia-2in-3ac .ww { display: inline; }
}
@media (max-width: 599px) {
    .statistics header h4 { display: none; }
    .statistics header .condition { float: none; text-align: left; }
    .statistics header .condition button.fn { float: right; }
    
    p.menuDescription.m6ia-2re-3ac .rw { display: inline; }
}
@media (max-width: 589px) {
    .history.court ol figure { float: none; margin-left: 0; margin-bottom: 24px; text-align: center; width: auto; }
    .history.court ol figure img { display: inline-block; vertical-align: top; }
    .history.court ol h4 { text-align: center; }
    .history.court ol dt { float: none; text-align: left; }
    .history.court ol dd { padding-left: 0; }
    .history.adjudication ol p { text-align: left; }
    
    .eCourt ul.events figure { float: none; margin-right: 0; margin-bottom: 20px; }
    .eCourt ul.events dl { width: auto; }
    .eCourt ul.events li.withShortcut dl { padding-bottom: 80px; }
    .eCourt ul.events a.shortcut.worldwide,
    .eCourt ul.events button.shortcut.worldwide { left: 0; right: auto; bottom: 50px; }
    
    .caseSearch section.search .advancedWrap .number select { width: calc(50% - 5px); margin-bottom: 10px; }
    .caseSearch section.search .advancedWrap .number select+select { margin-right: 0; }
    .caseSearch section.search .advancedWrap .number input[type="text"] { display: block; width: 100%; }
    
    p.menuDescription.m6ia-3ww .ww { display: inline; }
}
@media (max-width: 563px) {
    .daterangepicker.show-ranges.ltr .drp-calendar.left { padding: 8px; }
    .daterangepicker .ranges li { height: 46px; }
    .daterangepicker .ranges li[data-range-key=Today] { line-height: 30px; }
    
    .gallery { width: 260px; }
    .gallery li:last-child:nth-child(2n+1) { margin-right: 16px; }
}
@media (max-width: 539px) {
    .caseSearch section.search .advancedWrap .final label { width: auto; float: none; }
    
    p.menuDescription.m6ia-2re-4vi .rw { display: inline; }
    p.menuDescription.m4cd-5bg .ww { display: inline; }
}
@media (max-width: 500px) {
    .organizationChart img.desktop { display: none; }
    .organizationChart img.mobile { display: block; }
    .organizationChart button.popup { width: 25vw; height: 25vw; }
    .organizationChart button.popup.general { top: 79vw; }
    .organizationChart button.popup.deputy { top: 104.5vw; }
    
    p.menuDescription.m6ia-2in-2mu .ww { display: inline; }
}
@media (max-width: 469px) {
    header.view h4 { min-height: 52px; }
    article.view img { max-width: 100%; }
    
    .message header .rw { display: inline; }
    .message p,
    .introduce p { text-align: left; }
    ul.latest dl.text,
    .historical .list dd.text,
    .building.courthouse p.intro,
    .building.courthouse p,
    .eCourt p { text-align: left; }
    .historical article, 
	.historical article * { text-align: left !important; }
    
    .building .photo ul li { width: calc(100% / 3); }
    
    .statistics header h4 { float: none; clear: both; }
    .statistics header .condition { position: relative; }
    .statistics header .condition label { text-align: center; }
    .statistics header .condition select { display: block; min-width: 82px; }
    .statistics header .condition button.fn { float: none; position: absolute; right: 0; bottom: 15px; margin: 0; }
    
    .caseSearch .listWrap .list .info,
    .caseSearch .listWrap .list .download { float: none; margin-bottom: 8px; }
    
    header.view { padding-top: 60px; margin-top: -30px; }
    header.view h4 { min-height: 0; padding: 0; }
    header.view a.fn.list,
    header.view button.fn.list { top: 0; }
}
@media (max-width: 424px) {
    article.conference dl.colon+dl.colon { margin-top: 4px; }
    article.conference dl.colon dt { float: none; }
    article.conference dl.colon dt:after { position: static; display: inline; margin-left: 4px; }
    .former .list li { width: 100%; }
}
@media (max-width: 418px) {
    .menuDescription.m1cc-1pg-2ph .ww { display: inline; }
}
@media (max-width: 399px) {
    header.list .listSearch { float: none; width: 260px; }
    header.list .listSearch .wrap { margin-left: 0; }
    
    .historical header.view { padding-right: 0; padding-top: 60px; }
    .historical .view h4 { margin-right: 0; }
    .historical header.view ul.info { margin-right: 0; }
    
    .introduction .language { max-width: 200px; text-align: center; margin-left: auto; margin-right: auto; }
    .introduction .language li:nth-child(2)+li { margin-left: 0; }
    .introduction .language li:nth-child(2)~li { margin-top: 8px; }
    .introduction .brochure { background-size: 100% auto; background-position: center 50px; }
    .introduction .brochure dl { margin-top: 75%; }
    
    .caseSearch header.list .listSearch { float: right; width: 180px; }
    .caseSearch header.list select { margin-left: 0; }
    
    .caseSearch section.search button.advanced,
    .caseSearch section.search button.quick { width: 100%; }
}
@media (max-width: 340px) {
    header.common .gnb button { padding-left: 10px; }
    header.common .gnb:before { background-position: 10px center; }
    header.common .gnb a.korean { left: 201px; }
    header.common button.mobileMenu { width: 54px; }
}

/* constitutional court of Korea */
@media (max-width: 1031px) {
    .photos li:last-child:nth-child(4n+1) { margin-right: 16px; }
    .photos li:last-child:nth-child(4n+2) { margin-right: 16px; }
    .photos li:last-child:nth-child(4n+3) { margin-right: 16px; }
    .photos li:last-child:nth-child(3n+1) { margin-right: 532px; }
    .photos li:last-child:nth-child(3n+2) { margin-right: 274px; }
    .photos .view { width: auto; left: 16px; right: 16px;  }
    .speeches li:last-child:nth-child(3n+1) { margin-right: 16px; }
    .speeches li:last-child:nth-child(3n+2) { margin-right: 16px; }
    .speeches li:last-child:nth-child(2n+1) { margin-right: 360px; }
}
@media (max-width: 1023px) {
    .m1cc .visual { background-image: url('../../images/engNew/1cc/visual-mobile.png'); }
    .justices.thumb button { font-size: 12px; }
}
@media (max-width: 1000px) {
    p.menuDescription.m4dc-2hr .ww { display: inline; }
}
@media (max-width: 980px) {
    p.menuDescription.m4dc-2hr .rw { display: inline; }
}
@media (max-width: 859px) {
    .justices.thumb { margin-left: -8px; }
    .justices.thumb li { width: calc(25% - 8px); margin-left: 8px; }
    .justices.thumb li:nth-child(4)~li { margin-top: 12px; }
}
@media (max-width: 773px) {
    .photos li:last-child:nth-child(3n+1) { margin-right: 16px; }
    .photos li:last-child:nth-child(3n+2) { margin-right: 16px; }
    .photos li:last-child:nth-child(2n+1) { margin-right: 274px; }
}
@media (max-width: 740px) {
	p.menuDescription.m4dc-1ld .rw { display: inline; }
}
@media (max-width: 700px) {
	p.menuDescription.m4dc-4sr .ww { display: block; }
}
@media (max-width: 687px) {
    .speeches li { margin-left: auto; margin-right: auto; display: block; }
    .speeches li:last-child:nth-child(2n+1) { margin-right: auto; }
}
@media (max-width: 599px) {
    .justices figure { float: right; margin-bottom: 24px; }
    .justices dl { display: inline; }
    .justices dd { clear: both; }
}
@media (max-width: 569px) {
    .justices figure { float: none; }
    .justices figure img { margin-left: auto; margin-right: auto; }
    .justices dt { text-align: center; }
}
@media (max-width: 515px) {
    .photos li:last-child:nth-child(2n+1) { margin-right: 16px; }
    
    p.menuDescription.m1cc-3ac-2in .ww,
    p.menuDescription.m1cc-3ac-3ec .ww { display: inline; }
}
@media (max-width: 500px) {
	p.menuDescription.m4dc-4sr .rw,
	p.menuDescription.m4dc-4sr .ww { display: inline; }
}
@media (max-width: 479px) {
	nav.paging ol,
	nav.paging strong,
	nav.paging span.no,
    nav.paging li { margin: 0 2px; }
    nav.paging strong,
    nav.paging a,
    nav.paging button { height: 36px; min-width: 36px; line-height: 34px; border-radius: 18px; }
    nav.paging .arrow.first,
    nav.paging .arrow.next { border-radius: 18px 0 0 18px; }
    nav.paging .arrow.prev,
    nav.paging .arrow.last { border-radius: 0 18px 18px 0; }
    nav.paging a.prev { margin-right: 10px; }
    nav.paging a.next { margin-left: 10px; }
}
@media (max-width: 389px) {
    nav.paging strong,
    nav.paging a,
    nav.paging button { height: 30px; min-width: 30px; line-height: 27px; border-radius: 15px; }
    nav.paging .arrow.first,
    nav.paging .arrow.next { border-radius: 15px 0 0 15px; }
    nav.paging .arrow.prev,
    nav.paging .arrow.last { border-radius: 0 15px 15px 0; }
    nav.paging ol,
	nav.paging strong,
	nav.paging span.no,
    nav.paging li { margin: 0 2px; }
    
    p.menuDescription.m6ia-1co .ww { display: inline; }
}

/* decisions */
@media (max-width: 1080px) {
    .tiles li { width: 50%; }
}
@media (max-width: 1031px) {
    .worldwide .filter .all button { width: 56px; }
}
@media (max-width: 569px) {
    .tiles li { width: 100%; }
}
@media (max-width: 699px) {
    p.menuDescription.m4cd-6ct { max-width: 370px; margin-left: auto; margin-right: auto; }
}
/* news */
@media (max-width: 767px) {
    ul.latest .info { float: none; width: auto; margin-bottom: 20px; }
    ul.latest .info dd+dd { margin-top: 0; }
    ul.latest .text { float: none; width: auto; margin-bottom: 10px; }
    ul.latest .button { float: none; width: auto; }
    ul.latest button.download { display: inline-block; margin-right: 20px; vertical-align: top; margin-top: 10px; }
    
    .worldwide .worldmap { display: none; }
}
@media (max-width: 659px) {
    .news ul.events .text { max-height: 84px; }
    .news ul.events figure { position: relative; float: right; width: 200px; height: 125px; margin: 0 0 10px 10px; }
    .news ul.events a.shortcut { position: absolute; left: 0; bottom: 0; margin-top: 0; }
    .news ul.events li.withPhoto a.thumb { padding-right: 0; height: auto; }
    .news ul.events dd.text { margin-top: 16px; }
    .news ul.events li.withPhoto .text,
    .news ul.events li.withPhoto.withShortcut .text { height: 126px; max-height: none; }
    .news ul.events li dl,
    .news ul.events li.withPhoto dl,
    .news ul.events li.withPhoto.withShortcut dl { height: auto; }
    .news ul.events li.withShortcut { padding-bottom: 60px; }
    .news ul.events li .ellipsisOn:after { bottom: 27px; }
    .news ul.events li.withPhoto .ellipsisOn:after { right: 210px; bottom: 31px; }
    .news ul.events li.withShortcut .ellipsisOn:after { bottom: 29px; }
}
@media (max-width: 519px) {
    .news ul.events figure { width: 160px; height: 100px; margin-bottom: 5px; }
    .news ul.events .text { max-height: 147px; }
    .news ul.events li.withShortcut .text { max-height: 126px; }
    .news ul.events li.withPhoto .text,
    .news ul.events li.withPhoto.withShortcut .text { min-height: 100px; height: auto; max-height: 210px; }
    .news ul.events li.withPhoto .ellipsisOn:after { right: 0; }
    
}
@media (max-width: 374px) {
    a.fn,
    button.fn { float: none; margin-bottom: 10px; padding: 0 15px; min-width: 100px; }
}

/* internationa affair */
@media (max-width: 1031px) {
    ul.mou { margin: -8px; }
    ul.mou li { margin: 12px; }
}
@media (max-width: 1023px) {
	.contentsWrap.mou { padding: 0 16px; }
    ul.mou { margin: -16px 0; }
    ul.mou li { float: none; width: 100%; margin: 16px 0; height: auto; min-height: 0; position: relative!important; padding-bottom: 19px; left: 0 !important; top: 0 !important; }
    ul.mou li a.shortcut.worldwide,
    ul.mou li button.shortcut.worldwide { position: relative; margin-top: 20px; left: 0; bottom: 0; }
}
@media (max-width: 574px) {
    .international ul.events dl { width: calc(100% - 200px); }
    .international ul.events figure { width: 180px; height: 120px; margin-bottom: 20px; }
    .international ul.events a.shortcut.worldwide,
    .international ul.events button.shortcut.worldwide { left: 200px; }
    
    .worldwide .list figure { float: none; margin-bottom: 10px; }
    .worldwide .list .relatives { top: 19px; right: 18px; }
}
@media (max-width: 518px) {
    .international ul.events button.thumb { text-align: center; }
    .international ul.events dl { width: auto; }
    .international ul.events dd.info { display: inline-block; }
    .international ul.events figure { float: none; width: 240px; height: 161px; margin-left: auto; margin-right: auto; }
    .international ul.events a.shortcut.worldwide,
    .international ul.events button.shortcut.worldwide { left: 0; right: 0; margin: 0 auto; }
}
@media (max-width: 479px) {
    ul.mou li { padding-left: 19px; }
    ul.mou li figure { position: static; float: right; margin-left: 19px; margin-bottom: 5px; }
}
@media (max-width: 374px) {
    ul.mou li { padding-bottom: 60px; }
    ul.mou li a.shortcut.worldwide,
    ul.mou li button.shortcut.worldwide { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 19px; }
}