@charset 'utf-8';

header .gnb h1.en { width: 255px; height: 52px; margin-top: 13px; float: left; background: url('../images/common/header_logo_en.png') no-repeat left top; }
header .top nav li.en { padding-left: 10px; }
header .top nav li.en a { padding-left: 10px; border-left: 1px solid #5f9ad1; }
header .top nav li.language .korean a { background-image: url('../images/common/top_language_korean.gif'); }

footer .infoen { float: left; color: #4c4c4c; font-size: .88em; }
footer .infoen dt { font-weight: 600; margin-bottom: 5px; }
footer .infoen .copyright { width: 322px; height: 6px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e9e9e9; background: url('../images/common/footer_copyright.gif') no-repeat left 10px; }
footer .infoen .copyright span { visibility: hidden; }

.body aside h2.en { background-image: url('../images/common/aside_h2_bg_en.gif'); font-size:1.4em; }
.body aside h2.fr01 { font-size:1.5em; }
.body aside h2.fr02 { background-image: url('../images/common/aside_h2_bg_fr.gif'); font-size:1.4em; }

.index > .mainbanner dt { font-size: .8em; height: 40px; padding-top: 76px; line-height: 1.2em; }
.index > .subject dl { background-position: right 5px; }
.index > .subject dd { margin-top: 20px; font-size: 1em; }
.index > .subject ul { margin-top: 15px; }
.index > .subject li { padding-bottom: 5px; font-size: .8em; }
.index > .venue { transition: background .5s; }
.index > .venue:hover { background-color: #f8f8f8; }
.index > .venue dl, .index > .accommodation div { border: 1px solid #e2e2e2; height: 262px; }
.index > .venue dt { padding: 8px 20px; font-weight: 600; }
.index > .venue dd { padding: 0 20px; }
.index > .venue dd p { line-height: 1.8em; font-size: .8em; margin: 0 0 10px; word-spacing: -1px; letter-spacing: -.1px}
.index > .accommodation div { background: url('../images/index/en_accomodation_bg.png') left top no-repeat; }
.index > .accommodation a { display: inline-block; color: #fff; font-weight: 600; position: absolute; top: 100px; left: 27px; }
.index > .accommodation a:hover { text-decoration: underline; }
.index > .accommodation a:before { content: url('../images/index/en_accomodation_icon.png'); margin: 10px; position: relative; top: 5px; }
.index > .accommodation a:after { content: url('../images/index/en_accomodation_bullet.png'); margin: 10px; position: relative; top: 5px; }
.index > .brochure strong { font-weight: 800; letter-spacing: -.5px; color: #064c8c; }
.index > .favorite dl { padding-left: 23px; background: url('../images/index/en_favorite_bullet.png') 197px 33px no-repeat; }
.index > .favorite .korea dl { padding-top: 25px; height: 62px; }
.index > .favorite .venice dl { padding-top: 25px; height: 62px; }
.index > .favorite dt { color: #064c8c; font-weight: 800; padding-left: 24px; background-position: left center; background-repeat: no-repeat; height: 20px; margin-bottom: 0; line-height: 20px; }
.index > .favorite .korea dt { background-image: url('../images/index/en_favorite_korea_icon.png'); }
.index > .favorite .previous dt { background-image: url('../images/index/en_favorite_previous_icon.png'); }
.index > .favorite .venice dt { background-image: url('../images/index/en_favorite_venice_icon.png'); }
.index > .favorite dd { color: #cbd4e0; font-weight: 800; }

.intro section.headline span.autography_en { color: #0765bc; position: absolute; bottom: 15px; right: 15px; padding: 3px 180px 0 0; text-align: right; line-height: 1.2em; }
.intro section.headline span.autography_en img { position: absolute; top: 0; right: 0; }

.venue article h4.withPen { float: left; }
.venue article h4.withPen + p { padding-left: 180px; }

.court .headline.en em { font-size: 1.2em; }
.court h4.chief.en + section input[type=button] { margin-top: 45px; }
.court .competence + dl.en dt { width: auto; }
.court h4.member + section ul.en span { font-size: .9em; }

/* accommodation */
.accommodation nav.tab li { width: 33%; }
.accommodation nav.tab li:nth-child(2) { width: 34%; }
.accommodation ._reservation a.docs { display: block; width: 400px; height: 35px; margin: 0 auto; text-align:center; padding-top: 15px; font-size: 1.2em; }
.accommodation ._recommended dl { margin-bottom: 10px; }
.accommodation ._recommended dl dt { height: 25px; font-size: 1.1em; font-weight: bold; color: #2368a6; }
.accommodation ._recommended dl dd { height: 20px; font-size: .9em; }
.accommodation ._recommended figure { margin-bottom: 50px; }
.accommodation ._recommended table { border-left: 1px solid #e5e5e5; margin-top: 30px; background: #fff; }
.accommodation ._recommended table tr { height: 35px; }
.accommodation ._recommended table th, .accommodation ._recommended table td { font-size: .86em; text-align: center; border-color: #e5e5e5; border-right-width: 1px; line-height: 1.8em; word-spacing: -1px; }
.accommodation ._recommended table th { font-weight: normal; background-image: none; }
.accommodation ._map figure { width: 638px; margin: 0 auto; }

/* arrivals and departures */
.and nav.tab li { width: 33%; }
.and nav.tab li:nth-child(2) { width: 34%; }
.and article + h4 { margin-top: 50px; }
.and h4 + article { margin-top: 20px; }

/* experience korea */
.korea nav.tab li { width: 33%; }
.korea nav.tab li:nth-child(2) { width: 34%; }
.korea article + h4 { margin-top: 50px; }
.korea h4 + article { margin-top: 20px; }
.korea article figure { margin-bottom: 30px; }

/* court - court */
.court nav.tab.fr li { width: 28%; }
.court nav.tab.fr li:first-child { width: 44%; }

/* court - location */
.location .transport.bus dl.mainline dd { line-height: 1.4em; }

/* board */
table.view dd { padding-left: 90px; }