@charset 'utf-8';

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src: url('NanumGothic-Regular.eot');
  src: url('NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('NanumGothic-Regular.woff2') format('woff2'),
       url('NanumGothic-Regular.woff') format('woff'),
       url('NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:600;
  src: url('NanumGothic-Bold.eot');
  src: url('NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('NanumGothic-Bold.woff2') format('woff2'),
       url('NanumGothic-Bold.woff') format('woff'),
       url('NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:800;
  src: url('NanumGothic-ExtraBold.eot');
  src: url('NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('NanumGothic-ExtraBold.woff2') format('woff2'),
       url('NanumGothic-ExtraBold.woff') format('woff'),
       url('NanumGothic-ExtraBold.ttf') format('truetype');
}

/** layout **/
html, body { min-width: 980px; min-height: 100%; width: auto; height: auto; word-wrap: normal; word-break: keep-all; }
body, input { font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color: #444; }
header .wrap, section.body, footer { width: 980px; margin: 0 auto; position: relative; }

    /* header */
header { height: 133px; background: url('../images/common/header_bg.gif') repeat-x left top; margin-bottom: 30px; }
header .gnb { padding-top: 51px; }
header .gnb h1 { width: 255px; height: 52px; margin-top: 20px; float: left; background: url('../images/common/header_logo.png') no-repeat left top; }
header .gnb h1 a { display: block; width: 100%; height: 100%; }
header .gnb h1 span { visibility: hidden; }
header .gnb nav { float: right; margin-top: 25px; }
header .gnb nav li { float: left; }
header .gnb nav li a { display: block; padding: 10px; margin-left: 55px; font-size: 15.5px; font-weight: 600; letter-spacing: -.05px; }
header .gnb nav li a:hover, header .gnb nav li a:focus { color: #2368a6; }
header .gnb nav li:last-child a { padding-right: 0; }
header .gnb:after { content: ''; display: block; clear: both; }
header .top { position: absolute; top: 0; left: 0; width: 980px; line-height: 48px; }
header .top img { vertical-align: middle; }
header .top nav { float: right; }
header .top nav li { float: left; font-size: .88em; color: #fff; }
header .top nav li + li a { border-left: 1px solid #5f9ad1; padding-left: 10px; }
header .top nav li.sns li { margin-left: 4px; }
header .top nav li.sns li + li a { border-left: none; padding-left: 0; }
header .top nav li.sns img { border: 1px solid #044595; }
header .top nav li.language { margin: 0 0 0 16px; position: relative; }
header .top nav li.language input { height: 14px; border: none; padding: 0; font-size: 1em; color: #fff; padding-right: 20px; background: url('../images/common/top_language_down.gif') no-repeat 78px 7px; }
header .top nav li.language ul { opacity: 0; position: absolute; top: -100px; left: 0; border: 1px solid #06328c; border-bottom-color: #031a48; background: #fff url('../images/common/top_language_bg.gif') left bottom repeat-x; box-shadow: 2px 2px 2px rgba(0, 0, 0, .1); transition: opacity .5s, top 0 .5s; padding: 0 5px 3px; }
header .top nav li.language ul:before { content: url('../images/common/top_language_arrow.gif'); position: absolute; left: 50%; margin-left: -5px; top: -28px; }
header .top nav li.language:hover ul, header .top nav li.language ul:hover { opacity: 1; height: auto; top: 40px; transition: opacity .5s;}
header .top nav li.language li { float: none; font-size: 1em; color: #252525; }
header .top nav li.language li + li { border-top: 1px solid #e2e2e2; }
header .top nav li.language a { position: relative; display: block; width: 42px; line-height: 16px; border-left: none; margin: 0 -5px; padding: 4px 15px 6px 25px; transition: color .5s; text-decoration: none; background-position: 5px center; background-repeat: no-repeat; transition: background-color .5s; }
header .top nav li.language .english a { background-image: url('../images/common/top_language_english.gif'); }
header .top nav li.language .french a { background-image: url('../images/common/top_language_french.gif'); }
header .top nav li.language li:hover a { background-color: #f8f8ff; color: #06328c; }

header .top nav a:hover, header .top nav a:focus { text-decoration: underline; }

    /* aside */
.body aside { float: left; width: 170px; padding-bottom: 54px; }
.body aside h2 { height: 99px; padding: 18px 12px; margin-bottom: 7px; background: url('../images/common/aside_h2_bg.gif') no-repeat left top; color: #fff; font-size: 1.7em; }
.body aside .lnb li { border-bottom: 1px solid #e2e2e2; transition: border .5s; }
.body aside .lnb li a { display: block; padding: 15px 0 15px 5px; line-height: 1.2em; font-weight: 600; }
.body aside .lnb li:hover { border-color: #ccc; }
.body aside .lnb li:hover a, .body aside .lnb li a:focus { color: #2368a6; }
.body aside .lnb li.on a { padding-left: 10px; color: #2368a6; background: url('../images/common/lnb_on.gif') no-repeat left center; }
.body aside .quick { margin-top: 50px; }
.body aside .quick li { height: 69px; border: 1px solid #e2e2e2; transition: border .5s; }
.body aside .quick li a { display: block; line-height: 69px; font-size: 1.1em; font-weight: 600; color: #777; }
.body aside .quick li:hover { border-color: #ccc; }
.body aside .quick li:hover a { color: #2368a6; }
.body aside .quick li + li { margin-top: 11px; }
.body aside .quick li.supporter { border:0 none; }
.body aside .quick li.subject a { background: url('../images/common/quick_subject_icon.png') no-repeat 33px 21px; padding-left: 70px; }
.body:after { content: ''; display: block; clear: both; }

.pageTitle, .body .contents { width: 780px; float: right; position: relative; }
.pageTitle { height: 134px; border-bottom: 1px solid #ccc; }
.pageTitle h3 { font-size: 2.8em; font-weight: 600; color: #2368a6; margin: 45px 0 10px; }
.pageTitle .location { position: absolute; top: 0; left: 0; }
.pageTitle .location li { float: left; font-size: .9em; color: #c4c4c4; position: relative; }
.pageTitle .location li img { margin-top: 2px; }
.pageTitle .location li + li:before { content: url('../images/common/location_arrow.gif'); margin: 0 6px; }
.pageTitle .slogan { color: #666; font-size: .9em; font-weight: 600; }

    /* contents */
.contents { padding: 54px 0; min-height: 600px; }
.contents > .pageControll:last-child { margin-bottom: 10px; }
.contents a:hover, .location a:hover { text-decoration: underline; }

    /* footer */
footer { clear: both; height: 35px; border-top: 3px solid #bababa; padding: 23px 0 48px; }
footer .info { float: left; color: #4c4c4c; font-size: .88em; }
footer .info dt { float: left; font-weight: 600; margin-right: 20px; }
footer .info .copyright { width: 322px; height: 6px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e9e9e9; background: url('../images/common/footer_copyright.gif') no-repeat left 15px; }
footer .info .copyright span { visibility: hidden; }
footer .link { float: right; }
footer .link li { float: left; border-left: 1px solid #e9e9e9; height: 43px; overflow: visible; }

#go_mobile { width: 100%; height: 30px; padding-top: 15px; text-align: center; background: #2368a6; }
#go_mobile a { display: block; width: 100%; height: 100%; font-weight: 600; font-size: 1.6em; color: #fff; }

/** common **/
table { border-top: 2px solid #3276b1; }
td.noData { text-align: center !important; }
article p { line-height: 1.8em; margin: 26px 0; }
article p + ul li:before { content: '- '; }
article p + ul li { line-height: 1.8em; }
h4 { background: url('../images/common/h4_bullet.gif') left top no-repeat; font-size: 1.1em; padding-left: 35px; line-height: 21px; font-weight: 600; letter-spacing: -.5px; min-height: 22px; }
a.btn, .btn a { background-color: #93adc6; border: 1px solid #93adc6; color: #fff; transition: border-color .5s, background .5s; margin-left: 7px; }
a.btn:hover, a.btn:focus, .btn a:hover, .btn a:focus, .btn strong a, strong a.btn { border-color: #2368a6; text-decoration: none; }
a.btn:active, .btn a:active, .btn strong a, strong a.btn { background-color: #2368a6; transition: none; }
a.file img { margin-right: 5px; }
.btn strong a:hover, strong a.btn:hover,  .btn strong a:focus, strong a.btn:focus { border-color: #154066; transition: background .5s; }
.btn strong a:active, strong a.btn:active { background-color: #154066; transition: none; }
.note, span.note { color: #5d80b3; font-size: .8em; text-align: right; line-height: 2em; }
p + .note, p + span.note { text-align: left; text-indent: -16px; padding-left: 16px; margin: -10px 0 30px; }
.note span { display: block; }
.note span:before, span.note:before { content: '※'; margin-right: 6px; }
.note a.btn { line-height: 40px; }
a.homepage { font-size: .8em; padding: 4px 6px 4px 25px; background-image: url('../images/common/btn_homepage.png'); background-position: 8px center; background-repeat: no-repeat; }
a.download { display: block; width: 400px; height: 35px; margin: 0 auto; text-align:center; padding-top: 15px; font-size: 1.2em; }
a.url { font-size: .93em; }
.note a.homepage { font-size: 1em; }
h4 .note { color: #444; display: block; font-weight: normal; }
.line, .line { border-top: 2px solid #97999a; border-bottom: 1px solid #c1c1c1; }
span._ww { display: inline-block; text-indent: 0; }
input[type=button] { cursor: pointer; }
span.status { display: inline-block; vertical-align: top; padding: 2px 4px; border-radius: 3px; color: #fff; font-size: .8em; font-weight: 400; margin: -2px 0 0 7px; }
table.view td span.status { font-size: .9em; }
span.status.ready { background: #3cc032; }
span.status.started { background: #fa5f2c; }
span.status.winner { background: #2368a6; }
span.status.ended { background: #898989; }
a img { vertical-align: top; }
ul.pdf { padding: 20px 0; }
ul.pdf:after { content: ''; display: block; clear: both; }
ul.pdf li { float: left; margin-right: 12px; margin-bottom: 13px; }
ul.pdf a { display: block; position: relative; height: 36px; line-height: 36px; border: 1px solid #e0dedf; background-color: #fff; background-image: url('../images/court/court_about_file_bg.png'); text-align: center; color: #3276b1; box-shadow: 2px 3px 0 #ededed; font-size: 1.15em; transition: border .3s, background .3s; }
ul.pdf a:after { content: url('../images/court/court_about_file_icon.png'); margin-left: 5px; position: relative; top: 3px; }
ul.pdf a:hover { text-decoration: none; border-color: #bababa; background-color: #eee; }
ul.pdf a:active { top: 1px; left: 1px; box-shadow: 1px 2px 0 #ededed; }
ul.pdf span { display: block; clear: both; text-align: right; }

    /* board */
table { table-layout: fixed; width: 100%; border-collapse: separate; position: relative; }
th, td { height: 39px; vertical-align: middle; border: solid #c1c1c1; border-width: 0 0 1px 0; transition: background .5s; }
thead th { font-weight: 600; font-size: 1.05em; color: #444; }
th.title, td.title { text-align: left !important; }
td img { max-width: 100%; vertical-align: middle;}
table caption { caption-side: top; font-size: .8em; position: absolute; right: 0; top: -20px; }
table caption strong { font-weight: 800; }
td.text img, td.text table { max-width: 100%; border: none; }
td.text table { margin: 0; }
td.text table th, td.text table td { border: none; padding: 0; }

table.list tr { height: 46px; line-height: 46px; }
table.list th { background: #f8f8f8; }
table.list thead th + th { background: #f8f8f8 url('../images/common/table_th_border.gif') no-repeat left 5px; }
table.list th, table.list td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
table.list tbody td { font-size: .9em; }
table.list tbody tr:hover td { background: #fdfdfd; transition: none; }

table.list.news td { padding-top: 20px; padding-bottom: 20px; text-align: left; white-space: normal; }
table.list.news td.img { text-align: center; padding-left: 12px; padding-right: 12px; }
table.list.news td.img img { max-height: 100px; max-width: 145px; }
table.list.news dl:after { content: ''; display: block; clear: both; }
table.list.news dt { padding-right: 15px; font-size: 1.1em; font-weight: 600; color: #3276b1; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 1.1em; }
table.list.news dd { font-size: .9em; }
table.list.news dd.text { line-height: 1.5em; margin: 10px 0 14px; min-height: 34px; }
table.list.news dd.info li { float: left; line-height: 1em; }
table.list.news dd.info li + li { margin-left: 9px; border-left: 1px solid #858585; padding-left: 9px; }

table.view th, table.view td { padding-left: 19px; padding-right: 19px; }
table.view th.title { font-size: 1.1em; }
table.view dl:after { content: ''; display: block; clear: both; }
table.view dt, table.view dd { font-size: .9em; }
table.view dt { float: left; font-weight: 600; text-transform: capitalize; }
table.view dt:after { content: ' |'; margin-left: 5px; }
table.view dd { padding-left: 55px; }
table.view td.text { font-size: .9em; line-height: 2em; padding-top: 30px; padding-bottom: 30px; border-top: 2px solid #efefef; min-height: 460px; vertical-align: top; }
table.view td.text p:first-child { margin-top: 0; }
table.view td.text p { margin-top: 25px; }
table.view td.text strong { font-weight: 600; }
table.view td.text2 { font-size: .9em; line-height: 1.5em; padding-top: 15px; padding-bottom: 15px;}
table.view .neighborhood { font-size: .9em; }
table.view .neighborhood th { font-weight: 600; position: relative; text-align: left; }
table.view .neighborhood.prev th, table.view .neighborhood.prev td { border-bottom: none; padding-bottom: 1px; background: url('../images/common/table_neighborhood_border.gif') left bottom repeat-x; }
table.view .neighborhood.prev th:after { content: url('../images/common/table_neighborhood_arrow_prev.gif'); }
table.view .neighborhood.next th:after { content: url('../images/common/table_neighborhood_arrow_next.gif'); }
table.view .neighborhood th:after { position: absolute; top: 12px; right: 25px; }
table.view .neighborhood:hover th, table.view .neighborhood:hover td { background-color: #fdfdfd; transition: none; }
table.view .neighborhood td { padding-left: 10px; }

table.photo td.text { padding-left: 0; padding-right: 0; text-align: center; min-height: 0; }
table.photo td.text figcaption { text-align: left; padding: 15px 12px; background: #898989; color: #fff; font-size: .9em; margin: 10px 0; line-height: 1.8em; }
table.photo td.text .thumbnail { position: relative; }
table.photo td.text .thumbnail .wrap { margin: 0 36px; overflow: hidden; text-align: left; }
table.photo td.text .thumbnail ul { white-space: nowrap; position: relative; }
table.photo td.text .thumbnail li { display:inline-block; margin-left: 7px; height: 78px; width: 130px; border-bottom: 3px solid #fff; transition: .5s; text-align: center; line-height: 78px; }
table.photo td.text .thumbnail li:hover { border-bottom-color: #2368a6; }
table.photo td.text .thumbnail li img { max-height: 100%; max-width: 100%; vertical-align: middle; cursor: pointer; }
table.photo td.text .thumbnail input[type=image] { position: absolute; margin: 0; background: #eaeaea; z-index: 10; top: 0; padding: 34px 15px 35px; transition: background .5s; cursor: default; }
table.photo td.text .thumbnail input[type=image].on { background: #ccc; cursor: pointer; }
table.photo td.text .thumbnail input[type=image].on:hover { background: #b0b0b0; }
table.photo td.text .thumbnail .left { left: 0; }
table.photo td.text .thumbnail .right { right: 0; }


td input[type=text], td select { width: 95%; border: 1px solid #c1c1c1; padding: 3px; }
td input[type=date] { border: 1px solid #c1c1c1; padding: 3px; text-align: center; }
td input[type=radio], td input[type=checkbox] { vertical-align: middle; }
td input[type=button] { border: 1px solid #e1e1e1; background: #e1e1e1; color: #898989; font-size: .9em; height: 21px; }
td input[type=button]:hover { border-color: #898989; }
td * + input[type=button] { margin-left: 6px; }
td label + label { margin-left: 6px; }
td .note { line-height: 30px; color: #444; font-size: .9em; }
td a.file { line-height: .8em; }
td dl.file { padding: 8px 0; }
td dl.file dd + dd { margin-top: 6px; }
td a.file:before, td dl.file a:before { content: url('../images/common/file_icon.gif'); vertical-align: top; margin-right: 4px; }

        /* lt Ie 9 */
.ltIe9 td input[type=button] { height: 23px; }

    /* gallery */
article.video:after { content: ''; display: block; clear: both; }
article.video figure { float: left; width: 500px; height: 360px; }
article.video aside { float: right; width: 241px; }
article.video aside h4 { font-size: 1.2em; font-weight: 600; color: #444; padding-left: 2px; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
article.video aside dl { border: 1px solid #cbcbcb; background: #f5f5f5; overflow-y: scroll; height: 293px; padding: 17px 15px; margin-top: 15px; line-height: 2em; }
article.video aside dl dt { float: left; clear: both; }
article.video aside dl dt:after { content: ':'; margin: 0 5px; }
article.video aside dl dt.text { float: none; }
article.video aside dl dt.text + dd { line-height: 1.6em; margin-top: -2px; }

span.listNum { position: absolute; right: 0; margin-top: -20px; font-size: .8em; }
span.listNum strong { font-weight: 800; }

ul.list { margin: -10px -13px 0 -12px; padding-bottom: 40px; }
ul.list:after { content: ''; display: block; clear: both; height: 1px; background: #c1c1c1; margin: 0 13px 0 12px; position: relative; top: 40px; }
ul.list li { float: left; width: 176px; padding: 10px 13px 0 12px; transition: background .1s; overflow: hidden; margin-bottom: 40px; height: 224px; }
ul.list li:hover { background: #fdfdfd; transition: none; }
ul.list figure { text-align: center; }
ul.list figure a { display: block; height: 132px; line-height: 132px; text-align: center; }
ul.list figure a:hover + figcaption a { text-decoration: underline; }
ul.list figure img { max-width: 176px; max-height: 132px; vertical-align: middle; }
ul.list figcaption { padding: 15px 0; font-size: .9em; }
ul.list figcaption a { height: 4.8em; line-height: 1.2em; }

ul.list.video { clear: both; margin-top: 0px; }
ul.list.video li { margin-bottom: 0; }
ul.list.video figure { cursor: pointer; }
.videoPopup { display: none; width: 759px; padding: 10px; border: 1px solid #aaa; position: absolute; top: 0; left: 0; background: #fff; margin-top: 52px; }
.videoPopup h4 { height: 51px; background: url('../images/common/popup_header_bg.gif') left top repeat-x; padding: 0 55px 0 26px; color: #fff; line-height: 51px; position: relative; width: 678px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 3px 3px 0 0; margin-bottom: 4px; }
.videoPopup h4 input[type=image] { position: absolute; right: 8px; top: 8px; }
.videoPopup textarea { width: 737px; padding: 10px; height: 100px; border: 1px solid #c1c1c1; margin-top: 4px; }

    /* functions */
.pageControll { clear: both; text-align: center; margin-top: 50px; }
.pageControll li { display: inline-block; border: 0px solid #d1d1d1; }
.pageControll li + li { margin-left: 5px; }
.pageControll li.first, .pageControll li.prev, .pageControll li.next, .pageControll li.last { position: relative; top: -1px; width: auto; line-height:12px; margin-left: 0; }
.pageControll li.first a, .pageControll li.prev a, .pageControll li.next a, .pageControll li.last a { border: none; }
.pageControll li.first, .pageControll li.prev { border-right-width: 1px; }
.pageControll li.last, .pageControll li.next { border-left-width: 1px; }
.pageControll li.prev { margin-right: 20px; }
.pageControll li.next { margin-left: 20px; }
.pageControll li.prev a, .pageControll li.next a { padding: 8px 12px 10px; }
.pageControll a { display: inline-block; cursor: pointer; padding: 8px 8px 10px; vertical-align: middle; width: 11px; height: 11px; }
.pageControll a img { opacity: .5; filter: alpha(opacity=50); transition: .5s; vertical-align: middle; }
.pageControll a:hover img { opacity: 1; filter: alpha(opacity=100); }
.pageControll a { background: none; border: 1px solid #fff; transition: border-color .5s; cursor: pointer; }
.pageControll a:hover { border-color: #2368a6; }
.pageControll li.on { width: 13px; height: 13px; padding: 8px 9px 10px; background: #2368a6; color: #fff; border-color: #2368a6; transition: none; }

.search { text-align: center; margin-bottom: 10px; margin-top: 20px; }
.search select { width: 79px; padding: 3px; border: 1px solid #d7d7d7; vertical-align: top; margin: 0 2px; }
.search input[type=text] { padding: 2px 3px 4px; width: 223px; height: 17px; font-size: .9em; border: 1px solid #d7d7d7; line-height: 15px; vertical-align: top; margin: 0 2px; }
.search input[type=submit] { display: inline-block; height: 25px; width: 60px; text-align: center; vertical-align: top; margin: 0 2px; background-color: #2368a6; border: 1px solid #2368a6; color: #fff; transition: border-color .5s, background .5s; }
.search input[type=submit]:hover, .search input[type=submit]:focus { border-color: #154066; text-decoration: none; }
.search input[type=submit]:active { background-color: #154066; transition: none; }

.btn { margin-top: 20px; text-align: right; }
.btn a { display: inline-block; font-weight: 600; font-size: 1.1em; padding: 6px 13px 6px 32px; }
.btn a.toList { background-image: url('../images/common/table_btn_tolist.gif'); background-repeat: no-repeat; background-position: 14px center; }

.ui-datepicker-calendar { border-top: 0; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { height: auto; }
.ui-datepicker-prev:before, .ui-datepicker-next:before { position: relative; }
.ui-datepicker-prev:before, .ui-datepicker-next:before { position: absolute; top: 5px; left: 6px; color: #666; }
.ui-datepicker-prev:before { content: '◀'; }
.ui-datepicker-next:before { content: '▶'; }

/** custome **/
    /* index */
.index { padding-bottom: 15px; }
.index > article { float: left; overflow: hidden; display: block !important; margin-bottom: 10px; margin-left: 10px; position: relative; }
.index > .mainbanner { width: 730px; }
.index > .media, .index > .gallery { width: 480px; }
.index > .subject, .index > .supporter, .index > .event, .index > .brochure, .index > .favorite, .index .venue, .index .accommodation { width: 240px; }
.index > .mainbanner, .index > .subject { height: 352px; }
.index > .media, .index > .supporter, .index > .event, .index > .gallery, .index > .brochure, .index > .favorite, .index .venue, .index .accommodation { height: 264px; }
.index > .mainbanner, .index > .media, .index > .gallery { margin-left: 0; }
.index .btn a, .index a.btn { display: inline-block; padding: 6px 10px; margin: 0; font-size: .8em; }

.index > .mainbanner dt { float: right; clear: both; width: 116px; height: 36px; padding-top: 80px; border: 1px solid #eee; border-bottom-width: 0; cursor: pointer; text-align: center; color: #ccc; background-position: center 34px; background-repeat: no-repeat; transition: background .3s, border-color .3s, color .3s; position: relative;  }
.index > .mainbanner li.court dt { border-bottom-width: 1px; }
.index > .mainbanner dt:hover { background-color: #fafafa; }
.index > .mainbanner dt:before { content: url('../images/index/mainbanner_arrow.gif'); position: absolute; left: -8.5px; top: 50%; margin-top: -7px; z-index: 100; opacity: 0; transition: opacity .3s; }
.index > .mainbanner .on dt { background-color: #064c8c; color: #fff; border-color: #064c8c;}
.index > .mainbanner .on dt:before { opacity: 100; }
.index > .mainbanner .on + li dt { border-top-color: #fff; }
.index > .mainbanner .purpose dt { background-image: url('../images/index/mainbanner_purpose_icon.png'); }
.index > .mainbanner .purpose.on dt { background-image: url('../images/index/mainbanner_purpose_icon_on.png'); }
.index > .mainbanner .schedule dt { background-image: url('../images/index/mainbanner_schedule_icon.png'); }
.index > .mainbanner .schedule.on dt { background-image: url('../images/index/mainbanner_schedule_icon_on.png'); }
.index > .mainbanner .court dt { background-image: url('../images/index/mainbanner_court_icon.png'); }
.index > .mainbanner .court.on dt { background-image: url('../images/index/mainbanner_court_icon_on.png'); }
.index > .mainbanner dd { position: absolute; left: 0; top: 0; display: none; cursor: pointer; }
.index > .mainbanner li.on dd { display: block; }
.index > .mainbanner figure { height: 352px; }
.index > .mainbanner figure figcaption { position:absolute; bottom: 0; left: 0; width: 572px; height: 77px; padding: 20px 20px; background: url('../images/index/mainbanner_bg.png'); color: #fff; }
.index > .mainbanner figure strong { font-size: 1.3em; font-weight: 800; }
.index > .mainbanner figure p { font-size: .8em; margin: 1em 0; line-height: 1.4em; }
        /* lt Ie 9 */
.ltIe9 .index .mainbanner dt:before { display: none; }
.ltIe9 .index .mainbanner .on dt:before { display: block; }

.index > .subject { background: url('../images/index/subject_pattern.png'); color: #fff; }
.index > .subject dl { height: 350px; border: 1px solid #eee; background: url('../images/index/subject_bg.png') right 119px no-repeat; padding-left: 20px; }
.index > .subject dt { font-size: 1.4em; font-weight: 600; margin-top: 23px; overflow: visible; width: 32px; border-top: 2px solid #fff; padding-top: 9px; white-space: nowrap; }
.index > .subject dd { margin-top: 40px; overflow: visible; width: 32px; border-top: 2px solid #b5d1eb; white-space: nowrap; padding-top: 10px; font-size: 1.1em; }
.index > .subject ul { margin-top: 25px; }
.index > .subject li { font-size: .82em; width: 180px; line-height: 2.2em; white-space: normal; line-height: 1.2em; padding: 5px 16px 15px 21px; text-indent: -21px; }

.index > .event { height: 264px; width: 240px; }
.index > .event > ul { position: absolute; height: 264px; top: 0; left: -241px; transition: left 1s ease-out; width: 238px; }
.index > .event > ul + ul { left: 240px; }
.index > .event > ul.on { left: 0; }
.index > .event > ul + ul.on { left: 0; }
.index > .event > ul li + li { margin-top: 10px; }
.index > .event img { vertical-align: middle; width: 240px; height: 127px; }

.index > .brochure li { border: 1px solid #e2e2e2; height: 90px; padding: 17px 13px; }
.index > .brochure li + li { margin-top: 12px; }
.index > .brochure strong { font-size: 0.9em; font-weight: 600; }
.index > .brochure a.btn { margin-top: 15px; }
.index > .brochure .PR { background: url('../images/index/brochure_pr_bg.png'); color: #064c8c; }
.index > .brochure .PR a.btn { border-color: #2368a6; background: #2368a6; }
.index > .brochure .PR a.btn:hover { border-color: #154066; transition: background .5s; }
.index > .brochure .PR a.btn:active { background-color: #154066; transition: none; }
.index > .brochure .subject { background: url('../images/index/brochure_subject_bg.png'); }
.index > .brochure .subject a.btn  { background-color: #8b919e; border-color: #8b919e; }
.index > .brochure .subject a.btn:hover { border-color: #6e727c; }
.index > .brochure .subject a.btn:active { background-color: #6e727c; }

.index > .favorite ul { border: 1px solid #e2e2e2; height: 262px; padding: 0 12px; }
.index > .favorite li { height: 87px; }
.index > .favorite li:first-child { height: 86px; }
.index > .favorite li + li { border-top: 1px solid #e2e2e2; }
.index > .favorite dl { padding: 19px 0 0 79px; height: 68px; background: 29px center no-repeat; margin: 0 -12px; transition: background .5s; }
.index > .favorite dl:hover { background-color: #f8f8f8; }
.index > .favorite .overview dl { background-image: url('../images/index/favorite_overview_icon.png'); }
.index > .favorite .data dl { background-image: url('../images/index/favorite_data_icon.png'); }
.index > .favorite .QnA dl { background-image: url('../images/index/favorite_qna_icon.png'); }
.index > .favorite dt { font-weight: 600; font-size: .9em; margin-bottom: 9px; }
.index > .favorite dd { font-size: .8em; color: #b7b7b7; line-height: 1.3em; }

.index > .tab > dl { float: left; }
.index > .tab > dl > dt { height: 29px; min-width: 79px; border: solid #e2e2e2; border-width: 1px 1px 0 0; text-align: center; line-height: 27px; background: #f7f7f7; cursor: pointer; font-weight: 600; color: #acacac; transition: color .3s, background .3s; padding: 0 10px; }
.index > .tab > dl:first-child > dt { border-left-width: 1px; }
.index > .tab > dl > dt:hover { color: #424242; }
.index > .tab > dl.on > dt { position: relative; z-index: 10; background: #fff; color: #424242; cursor: default; }
.index > .tab > dl > dd { display: none; }
.index > .tab > dl.on > dd { display: block; }
.index > .tab dd.more { position: absolute; right: 0; top: 9px; }
.index > .tab dd.list { position: absolute; bottom: 0; left: 0; height: 193px; border: 1px solid #e2e2e2; padding: 20px; }
.index > .tab dd.list.supporters {width:198px;}
.index > .tab dd.list dl { padding: 5px 7px 2px; margin: -5px -7px 7px; transition: background .3s; min-height: 60px; }
.index > .tab dd.list dl:after { content: ''; display: block; clear: both; }
.index > .tab dd.list dt { font-size: .9em; color: #064c8c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; line-height: 1.2em; }
.index > .tab dd.list dd { font-size: .8em; line-height: 1.6em; }
.index > .tab dd.list dd.text { margin: 6px 0 3px; height: 36px; overflow: hidden; }
.index > .tab a { display: block; }
.index > .tab a:hover dl { background: #f8f8f8; position: relative; z-index: 10; }
.index .media dd.list dt { float: left; }
.index .media dd.list dd { float: left; }
.index .media dd.list dt { width: 363px; }
.index .media dd.list dd.picture + dt { width: 253px; }
.index .media dd.list dd.date { float: right; line-height: 1.1em; }
.index .media dd.list dd.text { width: 435px; }
.index .media dd.list dd.picture + dt + dd.date + dd.text { width: 319px; }
.index .media dd.list dd.picture { margin-right: 19px; clear: both; line-height: 55px; text-align: center; width: 100px; height: 55px; }
.index .media dd.list dd.picture img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.index .supporter dd.list dt { width: 196px; }
.index .gallery dd.list { width: 438px; }
.index .gallery dd.list ul { margin-top: 20px; }
.index .gallery dd.list li { float: left; margin: 0 13px; text-align: center; }
.index .gallery dd.list dl { width: 120px; }
.index .gallery dd.list dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; word-spacing: -1px; margin-bottom: 10px; }
.index .gallery dd.list dd { height: 120px; padding-bottom: 5px; line-height: 120px; }
.index .gallery dd.list img { max-height: 100%; max-width: 100%; vertical-align: middle; }
div.popupAlert.subject { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; background: url('../images/index/mainbanner_bg.png'); z-index: 5000;}
div.popupAlert.subject img { position: absolute; top: 50%; left: 50%; margin-left: -242px; margin-top: -145px; }

/* tab */
nav.tab { margin: -54px 0 29px; }
nav.tab ul { border-bottom: 1px solid #ccc; background: url('../images/common/navtab_bg.gif') left top repeat; position: relative; z-index: 10; }
nav.tab ul:after { content: ''; display: block; clear: both; }
nav.tab li { float: left; border-top: 3px solid #5d80b3; height: 48px; line-height: 46px; color: #999; font-size: 1.1em; font-weight: 600; text-align: center; cursor: pointer; position: relative; transition: background .2s, color .2s; }
nav.tab li:after { content :url('../images/common/navtab_arrow.gif'); position: absolute; display: block; left: 50%; margin-left: -7px; top: 26.5px; opacity: 0; transition: opacity .2s; }
nav.tab li:hover { color: #444; background: rgba(255,255,255,.6); }
nav.tab li + li { border-left: 1px solid #2368a6; margin-left: -1px; }
nav.tab li.on { border-top: 3px solid #2368a6; background: #2368a6; color: #fff; font-weight: 600; cursor: default; transition: background .5s, color .5s; }
nav.tab li.on:after { opacity: 1; transition: opacity .5s; }
nav.tab li a { display: block; height: 100%; width: 100%; }
nav.tab li a:hover { text-decoration: none; }

nav.tab.sub { margin: 36px 0 30px; }
nav.tab.sub ul { margin-top: 36px; border: none; }
nav.tab.sub li { padding: 0; background: #c1c1c1; height: 49px; color: #fff; border: none; margin: 0; }
nav.tab.sub li.on { background: #f8f8f8; color: #2368a6; }
nav.tab.sub li span { display: block; height: 47px; line-height: 47px; border-bottom: 2px solid #00a8e8; padding: 0;}
nav.tab.sub li.on span { border-bottom: none; border-top: 2px solid #00a8e8; border-left: 2px solid #00a8e8; border-right: 2px solid #00a8e8; line-height: 44px; padding: 0; }
nav.tab.sub li:hover { background: #aaa; }
nav.tab.sub li.on:hover { background: #f8f8f8; }
nav.tab.sub li:after { content: ''; }

nav.tab + table.list,nav.tab + table.view { margin-top: 50px; } 

        /* lt IE 9 */
.ltIe9 nav.tab li:after { display: none; }
.ltIe9 nav.tab li.on:after { display: block; }

article.tab { display: none; }
article.tab.on { display: block; }

    /* headline */
section.headline { background-color: #f6f6f6; padding-left: 385px; background-position: left top; background-repeat: no-repeat; }
section.headline:after { content: ''; display: block; clear: both; }
section.headline > img { float: left; }
section.headline em { display: inline-block; font-size: 1.54em; letter-spacing: -.5px; word-spacing: -1px; line-height: 1.2em; position: relative; }
section.headline em strong, section.headline dt { color: #567096; }
section.headline em:before, section.headline dl:before { content: ''; display: block; width: 49px; height: 3px; background: #0765bc; position: absolute; top: -11px; }
section.headline dl { position: relative; }
section.headline dt { font-size: 1.4em; margin: 10px 0; }
section.headline dd + dt { margin-top: 15px; }
section.headline dd { line-height: 1.8em; }

    /* wccj */
        /* intro */
.intro section.headline { position: relative; height: 250px; background-image: url('../images/wccj/intro_headline.png'); }
.intro section.headline em { margin-top: 100px; }
.intro section.headline span { color: #0765bc; position: absolute; bottom: 15px; right: 15px; }
.intro section.headline span img { position: relative; top: 15px; margin-left: 5px; }

        /* purpose */
.purpose article { margin: 20px 0; padding: 0 20px; }
.purpose article + h4 { margin-top: 50px; }

        /* overview */
.overview nav.tab li { width: 50%; }

.overview ._subject > ul { border-top: 2px solid #97999a; }
.overview ._subject > ul > li { border-bottom: 1px solid #c1c1c1; padding: 19px 0; }
.overview ._subject > ul > li:after { content: ''; display: block; clear: both; }
.overview ._subject h4 { float: left; width: 95px; white-space: nowrap; }
.overview ._subject h4.two { letter-spacing: 34px; }
.overview ._subject h4.three { letter-spacing: 11px; }
.overview ._subject h4.four { letter-spacing: 3px; }
.overview ._subject p { margin: -2px 0; padding-left: 130px; }
.overview ._subject li div { border: 1px solid #e1e1e1; background: #fafafa; border-radius: 5px; padding: 15px 25px; margin: 15px 0 5px; }
.overview ._subject li div:after { content: ''; display: block; clear: both; }
.overview ._subject li ol { float: left; width: 50%; font-size: 1em; line-height: 1.6em; position: relative; }
.overview ._subject li ol + ol { border-left: 1px solid #e1e1e1; margin-left: -1px; }
.overview ._subject li ol li { width: 355px; margin-top: 5px; margin-bottom: 30px; }
.overview ._subject li ol + ol li { margin-left: 20px; margin-bottom: 10px; }
.overview ._subject li ol span.number { font-weight: 600; }
.overview ._subject li ol span.long { word-spacing: -1px; letter-spacing: -.3px; }

.overview ._schedule table { border-left: 1px solid #e5e5e5; margin-top: 30px; }
.overview ._schedule table tr { height: 35px; }
.overview ._schedule table th, .overview ._schedule table td { font-size: .86em; text-align: center; border-color: #e5e5e5; border-right-width: 1px; line-height: 1.8em; word-spacing: -1px; }
.overview ._schedule table th { font-weight: normal; background-image: none; }
.overview ._schedule .note { padding: 10px 0; }
.overview ._schedule ul { padding: 30px 0 15px; border: solid #c1c1c1; border-width: 1px 0; }
.overview ._schedule li { margin-bottom: 15px; font-size: .86em; }
.overview ._schedule li:before { content: '- '; }

        /* venue */
.venue nav.tab li { width: 50%; }

.venue article h4.withP { float: left; letter-spacing: -1px; }
.venue article h4 + p { padding-left: 130px; }
.venue article figure ul { border: 1px solid #e1e1e1; margin-bottom: 50px; }
.venue article figure ul:after { content: ''; display: block; clear: both; }
.venue article figure li { float: left; }
.venue article figure li + li { border-left: 1px solid #e1e1e1; }
.venue article figure li img { display: block; }
.venue article._location h4 + ul { clear: both; border-top: 2px solid #97999a; margin-top: 30px; }
.venue article._location h4 + ul li { padding: 30px 0 30px 130px; border-bottom: 1px solid #c1c1c1; position: relative; }
.venue article._location h4 + ul img { border: 1px solid #e5e5e5; }
.venue article._location dl { margin-bottom: -1em; }
.venue article._location dl:after { content: ''; display: block; clear: both; }
.venue article._location dt { clear: both; float: left; width: 60px; border-right: 2px solid #b2b2b2; white-space: nowrap; }
.venue article._location dt.two { letter-spacing: 23px; }
.venue article._location dd { float: left; }
.venue article._location dt, .venue article._location dd { font-size: .83em; margin: 0 10px 1em 0; }
.venue article._location h4 + ul li > a { position: absolute; right: 0; top: 0; }

        /* emblem */
.emblem article { margin-top: 30px; padding: 30px 0; line-height: 1.8em; }
.emblem article strong { font-weight: 600; }
.emblem article li:before { content: '- '; }
.emblem article li { text-indent: -9px; padding-left: 9px; }
.emblem figure { padding: 40px 0; border-bottom: 1px solid #c1c1c1; margin-bottom: 40px; }

        /* wccj */
.wccj nav.tab li { width: 25%; }
.wccj article article { margin: 18px 0; padding: 0 20px; }
.wccj article article + h4 { margin-top: 50px; }
.wccj dl.addition { font-size: .86em; margin: -10px 0 26px; }
.wccj dl.addition:after { content: ''; display: block; clear: both; }
.wccj dl.addition dt, .wccj dl.addition dd { float: left; margin-bottom: 12px; }
.wccj dl.addition dt { clear: both; }
.wccj dl.addition dt:after { content: ':'; margin: 6px; }
.wccj dl.addition dd + dd:before { content: ', '; }

.wccj ._about nav.tab li { width: 33%; }
.wccj ._about nav.tab li:first-child { width: 34%; }
.wccj ._about article.tab { padding: 10px; }
.wccj ._about02 .note { margin-bottom: 0; }
.wccj ._about02 ul.pdf li { width: 173px; }
.wccj ._about03 article.logo { position: relative; border-top:0 none; background:url("../images/wccj/wccj_logo.png") 20px center no-repeat; }
.wccj ._about03 article.logo p { padding-left: 330px; }

.wccj ._history nav.tab li { width: 50%; }
.wccj ._history article { padding: 0; }
.wccj ._history figure { border: 1px solid #c1c1c1; }
.wccj ._history figure img { display: block; }
.wccj ._history figure + ul li { border-bottom: 1px solid #c1c1c1; padding: 19px 0; }
.wccj ._history figure + ul li:after { content: ''; display: block; clear: both; }
.wccj ._history h4 { float: left; width: 95px; white-space: nowrap; }
.wccj ._history h4.two { letter-spacing: 34px; }
.wccj ._history h4.four { letter-spacing: 3px; }
.wccj ._history p { margin: -2px 0; padding-left: 130px; }
.wccj ._history li dl { border: 1px solid #e1e1e1; background: #fafafa; border-radius: 5px; padding: 15px 25px; margin: 15px 0 5px 130px; }
.wccj ._history li dt { font-weight: 600; margin-bottom: 10px; }
.wccj ._history li dd { line-height: 2em; font-size: .9em; }
.wccj ._history li dd:before { content: '- '; }

.wccj ._member article { width: 780px; overflow: hidden; padding: 0; }
.wccj ._member ul { width: 849px; margin: 10px 0 -1px; }
.wccj ._member ul:after { content: ''; display: block; clear: both; }
.wccj ._member ul li { float: left; width: 214px; padding: 20px 69px 20px 0; border-bottom: 1px solid #c1c1c1; }
.wccj ._member ul li div img { padding: 4px; border: 1px solid; border-color: #efefef #cecece #cecece #e5e5e5; border-radius: 3px; vertical-align: bottom; }
.wccj ._member ul li div div { width : 120px; display: inline-block; }
.wccj ._member ul li a.btn { display: block; text-align: left; padding-right: 0; margin: 5px 0 0 0; }
.wccj ._member ul li span { display: block; margin-top: 5px; }
.wccj ._member ul li span.sub { line-height: 1.2em; font-size: .8em; }

    /* board */
    	/* supporters */
.supporters nav.tab li { width: 50%; } 
    	
        /* qna */
.qna li + li { border-top: 1px solid #c1c1c1; }
.qna dt { padding: 15px 15px 15px 40px; font-weight: 600; color: #2368a6; background: url('../images/board/qna_bullet.png') 8px center no-repeat; cursor: pointer; transition: background .5s; }
.qna dt:hover { background-color: #faffff; transition: none; }
.qna dd { padding: 15px 15px 15px 40px; background: #eef6f9; border-top: 1px solid #e2e2e2; line-height: 1.8em; font-size: .9em; display: none; }
.qna dd table { border-left: 1px solid #e5e5e5; margin-top: 15px; background: #fff; }
.qna dd table tr { height: 35px; }
.qna dd table th, .qna dd table td { font-size: .86em; text-align: center; border-color: #e5e5e5; border-right-width: 1px; line-height: 1.8em; word-spacing: -1px; }
.qna dd table th { font-weight: normal; background-image: none; }
.qna dd span { font-weight: 600; color: #0e88d8; }

    /* court */
        /* court */
.court nav.tab li { width: 33%; }
.court nav.tab li:first-child { width: 34%; }
.court h4 { margin-bottom: 20px; }
.court h4 + section { margin-bottom: 50px; }
.court .composition + section { border-bottom: 1px solid #c1c1c1; }
.court .composition + section section.headline { height: 249px; background-image: url('../images/court/court_about_composition.png'); }
.court .composition + section section.headline em { margin-top: 145px; }
.court .file + section { padding: 20px 0 20px 22px; }
.court .file + section a { width: 135px; }
.court .file + section span { display: block; clear: both; text-align: right; margin-top: -20px; padding-right:22px; }
.court .competence + dl { background: #f6f6f6; padding: 25px 26px 10px; margin-bottom: 10px; }
.court .competence + dl dt { font-size: 1.5em; color: #567096; width: 150px; border-bottom: 2px solid #5d80b3; padding-bottom: 9px; margin-bottom: 10px; }
.court .competence + dl dd { margin-bottom: 30px; line-height: 1.6em; }

.court ._organization section { padding: 30px 0 30px 35px; }
.court ._organization section:after { content: ''; display: block; clear: both; }
.court h4.chief + section figure { float: left; width: 178px; height: 160px; border: 1px solid #ebebe9; border-top: 2px solid #5d80b3; background: #ebebe9; text-align: center; padding-top: 12px; margin-right: 25px; }
.court h4.chief + section dt { font-size: 1.2em; line-height: 2.8em; margin-bottom: 20px; }
.court h4.chief + section dt strong { font-size: 1.2em; }
.court h4.chief + section dd { margin-top: 15px; }
.court h4.chief + section input[type=button] { font-weight: 600; padding-right: 31px; height: 26px; background: url('../images/court/court_organization_career_icon.png') right center no-repeat; border: none; clear: both; display: block; margin: 17px 0 0 90px; }
.court h4.member + section { padding-left: 0; border-top: 2px solid #97999a; margin-bottom: 0; padding-bottom: 0; }
.court h4.member + section ul { margin-left: -51px; }
.court h4.member + section li { float: left; line-height: 20px; border-top: 2px solid #5d80b3; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-left: 52px; margin-bottom: 50px; }
.court h4.member + section li:after { content: ''; display: block; clear: both; }
.court h4.member + section figure, .court h4.chief + section .popup figure { border: 1px solid #ccc; border-top: 0; padding: 6px 7px; box-shadow: 0 2px 0 #f0f0f0; margin-bottom: 20px; width: auto; height: auto; background: none; }
.court h4.member + section figure img, .court h4.chief + section .popup figure img { vertical-align: bottom; border: 1px solid #ccc; }
.court h4.member + section span { float: left; font-weight: 600; font-size: 1.3em; }
.court h4.member + section input[type=button] { font-size: .8em; float: right; padding-right: 24px; height: 20px; background: url('../images/court/court_organization_career_icon_small.png') right center no-repeat; border: none; }
.court h4.chart + section { padding-left: 0; }
.court h4.chart + section figcaption { display: none; }

.court ._organization .popup { position: absolute; display: none; top: 170px; left: 70px; background: #fff; width: 630px; border: 1px solid #ccc; }
.court h4.member + section .popup { top: 540px; }
.court ._organization .popup .title { height: 35px; line-height: 35px; color: #fff; background: url('../images/common/aside_h2_bg.gif') repeat-x left top; font-weight: 600; padding-left: 19px; position: relative; text-transform: capitalize; }
.court ._organization .popup .title:before { content: url('../images/court/court_organization_popup_icon.gif'); margin-right: 8px; position: relative; top: 3px; }
.court ._organization .popup .title .close { position: absolute; right: 12px; top: 8px; }
.court ._organization .popup section { overflow-y: scroll; height: 565px; padding: 20px 15px 50px 30px; }
.court ._organization .popup dl { margin-bottom: 50px; }
.court ._organization .popup dt { padding: 15px 0; font-size: 1.2em; }
.court h4.member + section .popup figure, .court h4.chief + section .popup figure { border-top: 2px solid #5d80b3; float: left; margin-right: 25px; }
.court h4.member + section .popup dt strong, .court h4.chief + section .popup dt strong { font-size: 1.4em; line-height: 2.8; display: block; }
.court h4.member + section .popup dt span, .court h4.chief + section .popup dt span { font-weight: 400; font-size: 1em; }
.court h4.member + section .popup ul, .court h4.chief + section .popup ul { clear: both; border-top: 1px solid #97999a; padding-left: 180px; margin-left: 0; }
.court h4.member + section .popup li, .court h4.chief + section .popup li { margin: .9em 0; line-height: 1.8em; position: relative; padding-left: 80px; border: 0; float: none; }
.court h4.member + section .popup li span, .court h4.chief + section .popup li span { position: absolute; left: 0; font-weight: 400; font-size: 1em; float: none; }

.court article._emblem section { padding: 20px 0 20px 35px; padding-left: 181px; }
.court article._emblem section.headline { border: none; background-image: url('../images/court/court_emblem_headline.png'); background-position: 52px center; background-repeat: no-repeat; padding: 0 0 80px 330px; }
.court article._emblem section.headline dl { position: relative; top: 45px; }
.court article._emblem section ul:after { content: ''; display: block; clear: both; }
.court article._emblem section li { float: left; }
.court h4.color + section > ul > li {  width: 80px; margin-left: 23px; }
.court h4.color + section > ul > li:first-child { margin-left: 0; }
.court h4.color + section > ul > li:before { content: ''; display: block; width: 82px; height: 45px; background: rgb(10,88,165); margin-bottom: 5px; }
.court h4.color + section > ul > li + li:before { background: rgb(51,179,209); }
.court h4.color + section > ul > li + li + li:before { background: rgb(102,198,221); }
.court h4.color + section > ul > li + li + li + li:before { background: rgb(153,217,232); }
.court h4.color + section > ul > li + li + li + li + li:before { background: rgb(204,236,244); }
.court h4.color + section > ul > li + li + li + li + li + li:before { background: rgb(102,102,102,); }
.court h4.color + section li li { float: none; font-weight: 600; font-size: .75em; line-height: 1.4em; }
.court h4.color + section > ul { margin-bottom: 25px; }
.court h4.color + section em { font-size: 1.1em; font-weight: 600; }
.court h4.color + section em + p { margin-top: 10px; margin-bottom: 0; }
.court h4.examples + section { position: relative; }
.court h4.examples + section li { margin-right: 60px; }
.court h4.examples + section li span { display: block; margin-top: 15px; font-size: .8em; }
.court h4.examples + section > span { position: absolute; right: 0; top: 20px; font-weight: 600; }

        /* committee */
.committee figure { text-align: center; }
.committee figcaption { display: none; }

        /* location */
.location article { margin-bottom: 60px; }
.location figure { border-bottom: 1px solid #f0f0f0; }
.location figure img { border: 1px solid #cecece; }
.location figcaption { padding: 15px 0 20px; font-size: .93em; }
.location dl.transport { margin-top: 50px; }
.location dl.transport > dt { font-size: 1.2em; font-weight: 600; padding-left: 35px; background: left center no-repeat; height: 26px; line-height: 26px; }
.location dl.metro > dt { background-image: url('../images/court/location_transport_metro_icon.png'); }
.location dl.bus > dt { background-image: url('../images/court/location_transport_bus_icon.png'); }
.location dl.transport > dd { margin-top: 26px; padding: 17px 16px 9px; }
.location dl.transport dl:after { content: ''; display: block; clear: both; }
.location dl.transport dl dt, .location dl.transport dl dd { float: left; margin-bottom: 8px; }
.location dl.transport dl dt { width: 90px; margin-top: -2px; }
.location dl.transport dl dt span { display: inline-block; padding: 3px 5px; border-radius: 3px; color: #fff; font-size: .8em; }
.location dl.transport dl.line3 dt span { background-color: #fa5f2c; }
.location dl.transport dl.mainline dt span { background-color: #3556a6; }
.location dl.transport dl.branchline dt span { background-color: #50a332; }
.location dl.transport dl dd { font-size: .93em; }
.location dl.transport dl dd + dd:before { content: ', '; }

	/* site map */
.sitemap li { float: left; width: 170px; margin-left: 20px; }
.sitemap dt { font-size: 1.2em; padding: 16px 0 16px; text-align: center; color: #fff; font-weight: 600; background: url('../images/common/aside_h2_bg.gif') repeat-x left top; }
.sitemap dd { font-size: 1em; font-weight: 600; color: #2368a6; border-bottom: 1px solid #999; }
.sitemap dd a { display: block; padding: 16px 0 17px 11px; transition: background-color .5s; }
.sitemap dd a:hover { background-color: #f8f8f8; }

/** admin **/
.administrator .login h2 { font-size: 2.6em; font-weight: 600; color: #064c8c; padding: 50px 0; border-bottom: 1px solid #ccc; }
.administrator .login > section { margin: 163px 0; border: 1px solid #e7e7e7; }
.administrator .login > section:after { content: ''; display: block; clear: both; }
.administrator .login article, .administrator .login section.pannel { float: left; min-height: 165px; font-size: .8em; line-height: 1.4em; color: #929393; }
.administrator .login article { background: #f9fafb; padding: 70px 48px; width: 392px; }
.administrator .login p { margin: 0; }
.administrator .login p + p { margin-top: 20px; }
.administrator .login p em, .administrator .login h3 { color: #000; font-weight: 600; font-size: 1.9em; line-height: 1.2em; }
.administrator .login p em strong { font-weight: 800; }
.administrator .login .pannel { padding: 70px 60px; width: 368px; }
.administrator .login .pannel h3 { color: #064c8c; margin-bottom: 12px; }
.administrator .login .pannel .input { margin-top: 12px; position : relative; width: 328px; }
.administrator .login .pannel .input input[type=text], .administrator .login .pannel .input input[type=password] { border: 3px solid #6d6d6d; padding: 5px; width: 210px; margin-bottom: 9px; color: #929393; transition: color .5s, border-color .5s; height: 17px; }
.administrator .login .pannel .input input[type=text]:focus, .administrator .login .pannel .input input[type=password]:focus { color: #064c8c; border-color: #99bee0; }
.administrator .login .pannel .input input[type=submit] { width: 88px; height: 75px; color: #fff; position: absolute; right: 0; top: 0; border: 1px solid #07345f; background: #054885; box-shadow: 2px 2px 2px rgba(0,0,0,.2); transition: box-shadow .5s, background .5s; }
.administrator .login .pannel .input input[type=submit]:hover { box-shadow: 2px 2px 2px rgba(0,0,0,.2), inset 0 0 30px 3px #99bee0; }
.administrator .login .pannel .input input[type=submit]:active { background-color: #99bee0; transition: background 0s; }

.administrator .body aside h2 { font-weight: 600; font-size: 1.3em; }
.administrator .btn a { width: 80px; padding-left: 0; padding-right: 0; text-align: center; }
.administrator table input, .administrator table textarea { font-size: .9em; line-height: 24px; }
.administrator table textarea { border: 1px solid #c1c1c1; display: block; height: 100px; margin: 10px -3px; }
.administrator table input { height: 24px; padding-top: 0; padding-bottom: 0; }

.administrator table.view thead th, .administrator table.view thead td { font-size: .9em; border-right: 1px solid #c1c1c1; height: 27px; line-height: 1.2em; padding-top: 10px; padding-bottom: 10px; }
.administrator table.view thead th:first-child { border-left: 1px solid #c1c1c1; }
.administrator table.view thead tr:first-child th, .administrator table.view thead tr:first-child td { height: 46px; }
.administrator table.view td.text { border-top: 0; }
.administrator table.view td.btn { padding: 20px 0 0 0; height: 100px; vertical-align: top; }

.administrator table.write td.text { padding: 0; line-height: 1.8em; }
.administrator table.write td.text textarea { display: block; height: 440px; width: 760px; border: none; overflow-y: scroll; padding: 10px; }
.administrator table.write + .btn { text-align: center; }
.administrator table.write input[type=file] { min-width: 300px; margin-bottom: 10px; }

.administrator nav.tab li a { display: block; height: 100%; }
.administrator nav.tab li a:hover { text-decoration: none; }
.administrator nav.tab.event li { width: 33.3%; }
.administrator nav.tab.event li:first-child { width: 33.4%; }

/* 2014.07.01 유상욱 - 서포터즈 신청서 다운로드 윙배너 */
#wbnr {position:absolute; top:0; right:-95px; width:85px; height:117px; background:#000;}

/* 2014.08.14 유상욱 -  영.불문 DMZ 다운로드 윙배너 */
#wbnr2 {position:absolute; top:0; right:-130px; width:120px; height:104px; background:#000;}

/* 2014.09.26 유상욱 -  서포터즈 ucc */
.ucc {width:740px; margin:0 auto;}
.ucc + .ucc {margin-top:30px;}
.ucc h1 {font-size:1.5em; font-weight:600; color:#2368a6; padding:20px 0 10px;}