BODY { background-color: #f7f7f7 }

.ui.inner { margin: 0 auto; max-width: 100%; padding: 0 2em; position: relative; width: 1600px }
.ui.inner.subpage { width: 1200px }

DIV#dvSite { background-color: #fff; margin: 0 auto; max-width: 100%; overflow-x: hidden; position: relative; width: 100% }
DIV#dvSite > HEADER { background-color: #fff; background-color: rgba(255, 255, 255, .95); height: 6em; line-height: 1em; position: fixed; top: 0; -webkit-transition: top .4s ease-in-out; transition: top .4s ease-in-out; width: 100%; z-index: 500 }
DIV#dvSite > HEADER H1 { height: 1em; left: 1em; position: absolute; top: 1em; width: 8.5em }
DIV#dvSite > HEADER H2 { font-size: 1.2em; font-weight: 800 }
DIV#dvSite > HEADER H3 { font-size: 1em; font-weight: 400 }
DIV#dvSite > HEADER > .ui.inner > H1 > A { background-image: url('./image/logo.png'); background-position: left center; background-repeat: no-repeat; background-size: auto 1em; color: transparent; display: block; height: 1em; overflow: hidden; user-select: none; white-space: nowrap }
DIV#dvSite > HEADER NAV A { display: block; text-decoration: none; }
DIV#dvSite > HEADER NAV A > SPAN { display: inline-block; position: relative }
DIV#dvSite > HEADER NAV A > SPAN:after { background-color: #d8292f; bottom: -.25em; content: ''; display: block; height: 2px; left: 0; position: absolute; right: 0; -webkit-transform: scaleX(0); -webkit-transform-origin: 0 0; -webkit-transition: transform .3s ease-out; transform: scaleX(0); transform-origin: 0 0; transition: transform .3s ease-out; }
DIV#dvSite > HEADER NAV#nvMain LI.liSelected > H2 > A > SPAN:after,
DIV#dvSite > HEADER NAV LI.liSelected > H3 > A > SPAN:after,
DIV#dvSite > HEADER NAV#nvMain LI.liFocused > H2 > A > SPAN:after,
DIV#dvSite > HEADER NAV A:hover > SPAN:after { -webkit-transform: scaleX(1); transform: scaleX(1); }
DIV#dvSite > HEADER > .ui.inner > NAV#nvMain { text-align: center }
DIV#dvSite > HEADER > .ui.inner > NAV#nvMain > UL > LI { display: inline-block }
DIV#dvSite > HEADER > .ui.inner > NAV#nvMain > UL > LI > H2 > A { padding: 2em 1em }
DIV#dvSite > HEADER > .ui.inner > NAV#nvMain > UL > LI > H2 > A > SPAN:after { bottom: -.75em }
DIV#dvSite > HEADER > .ui.inner > NAV#nvMain > UL > LI.liSelected > H2 > A { color: #d8292f }

DIV#dvSite > HEADER > .ui.inner > .fn.ToggleMenu { cursor: pointer; font-size: 1.5em; position: absolute; right: 1.5em; top: 1.5em }
DIV#dvSite > HEADER > .ui.inner > DIV#dvSnsConnect { font-size: 1.5em; position: absolute; right: 4em; top: 1.5em }
DIV#dvSite > HEADER > .ui.inner > DIV#dvSnsConnect > A { cursor: pointer; display: inline-block; margin-left: .25em; text-decoration: none; }
DIV#dvSite > HEADER > .ui.inner > DIV#dvSnsConnect > A.aManager { display: none }
DIV#dvSite > HEADER > .ui.inner > DIV#dvSnsConnect > A > SPAN { color: #ddd; display: none; font-size: .75em; margin-left: .5em; vertical-align: middle }
DIV#dvSite > HEADER > .ui.inner > DIV#dvSnsConnect > A:hover > SPAN { color: #fff }
DIV#dvSite > HEADER > NAV#nvSub { background-color: #222; height: 0; overflow: hidden; position: relative; -webkit-transition: height .4s ease-in-out; transition: height .4s ease-in-out; }
DIV#dvSite > HEADER > NAV#nvSub A { color: #fff; display: block; padding: .5rem 2rem }

DIV#dvSite > HEADER > NAV#nvSub A > SPAN:after { background-color: #fff; height: 1px; }
DIV#dvSite > HEADER > NAV#nvSub H3 > A { color: #ddd; color: rgba(255, 255, 255, .5) }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI > UL > LI.liSelected > H3 > A,
DIV#dvSite > HEADER > NAV#nvSub H3 > A:hover { color: #fff }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner { z-index: 1 }
DIV#dvSite > HEADER > NAV#nvSub > DIV.dvBackground { background-image: url('./image/navigation-background.jpg'); background-position: center top; background-size: 100% auto; background-size: cover; height: 100%; position: absolute; top: 0; -webkit-transition: background-position 30s ease-out; transition: background-position 30s ease-out; width: 100% }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL { border-left: 1px solid; border-color: #444; border-color: rgba(255, 255, 255, .15); display: table; table-layout: fixed; width: 100% }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI { border-right: 1px solid; border-color: #444; border-color: rgba(255, 255, 255, .15); display: table-cell; padding: 2em 0; -webkit-transition: background-color .5s ease-out; transition: background-color .5s ease-out; }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI.liFocused,
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI.liSelected,
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI:hover { background-color: #444; background-color: rgba(255, 255, 255, .1) }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI > H2 > A { padding-bottom: 1em }
DIV#dvSite > HEADER > NAV#nvSub > .ui.inner > UL > LI > UL > LI > UL { display: none }

DIV#dvSite > HEADER.hdPinned > NAV#nvSub > DIV.dvBackground,
DIV#dvSite > HEADER.hdOpened > NAV#nvSub > DIV.dvBackground { background-position: center bottom }
DIV#dvSite > HEADER.hdFlipped { top: -6em }

DIV#dvSite > HEADER.hdPinned { height: 100%; top: 0 !important }
DIV#dvSite > HEADER.hdPinned > .ui.inner > H1,
DIV#dvSite > HEADER.hdPinned > .ui.inner > .fn.ToggleMenu,
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect { z-index: 1 }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub { height: 100% !important; left: 0; overflow-y: auto; padding: 5em 0 0; position: absolute; top: 0; -webkit-transition: none; transition: none; width: 100% }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub A > SPAN:after { bottom: -.5em; }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > DIV.dvBackground { background-image: url('./image/navigation-background-fullscreen.jpg') }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner {  }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL { border-left: 0; display: block; font-size: 1.5em; margin: 0 auto; padding: 2em 0; width: 48em }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI { background: none; border: 0; display: block; padding: 0 }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI:hover { background: none }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > H2,
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > UL,
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > UL > LI,
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > UL > LI > H3 { display: inline-block; vertical-align: middle }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > UL > LI:after { background-color: #888; background-color: rgba(255, 255, 255, .25); content: ''; display: inline-block; height: .9em; vertical-align: middle; width: 1px }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > UL > LI:last-child:after { display: none }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub A,
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > H2 > A { padding: 1.5rem }
DIV#dvSite > HEADER.hdPinned > NAV#nvSub > .ui.inner > UL > LI > H2 { width: 8em }
DIV#dvSite > HEADER.hdPinned > .ui.inner > H1 > A { background-image: url('./image/logo-white.png') }  
DIV#dvSite > HEADER.hdPinned > .ui.inner > .fn.ToggleMenu > .ui.icon.menu { background-position: -4em 0 }
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect > A { margin-left: 1em }
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect > A > .ui.icon.facebook { background-position: -17em 0 }
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect > A > .ui.icon.youtube { background-position: -18em 0 }
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect > A > .ui.icon.instagram { background-position: -19em 0 }
DIV#dvSite > HEADER.hdPinned > .ui.inner > DIV#dvSnsConnect > A > SPAN { display: inline-block }
DIV#dvSite > HEADER.hdManager > .ui.inner > DIV#dvSnsConnect > A.aManager { display: inline-block }

DIV#dvSite > MAIN { padding-top: 6em }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation { padding-bottom: 3em }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation > A { color: #888; display: inline-block }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation > A:after { background-image: url('./image/icon.png'); background-position: -5em 0; background-size: auto 2em; content: ''; display: inline-block; font-size: .66em; height: 1em; margin: 0 1em; vertical-align: middle; width: 1em }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation > A:first-child { margin-left: 0 }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation > A:last-child:after { display: none }
DIV#dvSite > MAIN > .ui.inner > DIV#dvLocation > STRONG { color: #222; display: inline-block; font-weight: 800 }

DIV#dvSite > MAIN .ui.subtitle { font-size: 1.2em; margin-bottom: 3em; text-align: center }
DIV#dvSite > MAIN .ui.subtitle > HEADER { font-size: 2em; font-weight: 800 }
DIV#dvSite > MAIN NAV > UL { font-size: 1.2em; margin-top: 1em }
DIV#dvSite > MAIN NAV > UL > LI { display: inline-block; padding: 0 2em; position: relative }
DIV#dvSite > MAIN NAV > UL > LI:after { background-color: #ddd; content: ''; display: block; height: 1em; position: absolute; right: 0; top: .5em; width: 1px }
DIV#dvSite > MAIN NAV > UL > LI:last-child:after { display: none }
DIV#dvSite > MAIN NAV > UL > LI > A { color: #ccc; cursor: pointer; display: block; font-weight: 800; padding: .5em 0; position: relative; text-decoration: none; -webkit-transition: color .3s ease-out; transition: color .3s ease-out }
DIV#dvSite > MAIN NAV > UL > LI > A:after { background-color: #222; bottom: .25em; content: ''; display: block; height: 2px; left: 0; position: absolute; width: 0; -webkit-transition: width .3s ease-out; transition: width .3s ease-out }
DIV#dvSite > MAIN NAV > UL > LI > A:hover { color: #222 }
DIV#dvSite > MAIN NAV > UL > LI > A:hover:after { width: 100% }
DIV#dvSite > MAIN NAV > UL > LI.liSelected > A { color: #d8292f }
DIV#dvSite > MAIN NAV > UL > LI.liSelected > A:after { background-color: #d8292f; width: 100% }
DIV#dvSite > MAIN .ui.subtitle > DIV { background-color: #f7f7f7; background-position: center; background-size: 100% auto; background-size: cover; margin-top: 1.5em; padding-top: 20% }
DIV#dvSite > MAIN .ui.subtitle > P { font-size: 1.2em; line-height: 1.5em; margin-top: 1.5em }
DIV#dvSite > MAIN .ui.subtitle > P+NAV { margin-top: 3em }

DIV#dvSite > MAIN .ui.subtitle.article > DIV { background-image: url('./image/subvisual/article.jpg') }
DIV#dvSite > MAIN .ui.subtitle.cardboard > DIV { background-image: url('./image/subvisual/cardboard.jpg') }
DIV#dvSite > MAIN .ui.subtitle.chronology > DIV { background-image: url('./image/subvisual/chronology.jpg') }
DIV#dvSite > MAIN .ui.subtitle.engraving > DIV { background-image: url('./image/subvisual/engraving.jpg') }
DIV#dvSite > MAIN .ui.subtitle.essay > DIV { background-image: url('./image/subvisual/essay.jpg') }
DIV#dvSite > MAIN .ui.subtitle.exterior > DIV { background-image: url('./image/subvisual/exterior.jpg') }
DIV#dvSite > MAIN .ui.subtitle.guide > DIV { background-image: url('./image/subvisual/guide.jpg') }
DIV#dvSite > MAIN .ui.subtitle.highlights > DIV { background-image: url('./image/subvisual/highlights.jpg') }
DIV#dvSite > MAIN .ui.subtitle.interior > DIV { background-image: url('./image/subvisual/interior.jpg?rev=2'); background-size: auto 100%; padding-top: 35% }
DIV#dvSite > MAIN .ui.subtitle.milestones > DIV { background-image: url('./image/subvisual/milestones.jpg') }
DIV#dvSite > MAIN .ui.subtitle.mycardboard > DIV { background-image: url('./image/subvisual/mycardboard.jpg') }
DIV#dvSite > MAIN .ui.subtitle.mypage > DIV { background-image: url('./image/subvisual/mypage.jpg') }
DIV#dvSite > MAIN .ui.subtitle.overview > DIV { background-image: url('./image/subvisual/overview.jpg') }
DIV#dvSite > MAIN .ui.subtitle.philosophy > DIV { background-image: url('./image/subvisual/philosophy.jpg') }
DIV#dvSite > MAIN .ui.subtitle.preview > DIV { background-image: url('./image/subvisual/preview.jpg') }
DIV#dvSite > MAIN .ui.subtitle.publication > DIV { background-image: url('./image/subvisual/publication.jpg') }
DIV#dvSite > MAIN .ui.subtitle.rhee_and_engraving > DIV { background-image: url('./image/subvisual/rhee_and_engraving.jpg') }

DIV#dvSite > MAIN SECTION { margin-bottom: 5em }

DIV#dvSite > MAIN.mainSubpage SECTION { display: table; table-layout: fixed; width: 100% }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER,
DIV#dvSite > MAIN.mainSubpage SECTION > DIV { display: table-cell; vertical-align: top }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER { font-size: 1.5em; font-weight: 800; line-height: 1.25em; width: 25% }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > NAV > UL { font-size: 1em; margin: -.5em 0 0 }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > NAV > UL > LI { display: block; margin: 0; padding: 0 }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > NAV > UL > LI:after { display: none }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > NAV > UL > LI > A { display: inline-block }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > .ui.form { display: block; margin: 1em 2em 0 0; min-width: auto }
DIV#dvSite > MAIN.mainSubpage SECTION > HEADER > SPAN { color: #888; display: block; font-size: .8em; font-weight: 700 }
DIV#dvSite > MAIN.mainSubpage SECTION > DIV { line-height: 1.75em }

DIV#dvSite > FOOTER { background-color: #f7f7f7; font-size: 1em; margin-top: 5em; padding: 5em 0 }
DIV#dvSite > FOOTER > .ui.inner > P { font-weight: 800; text-align: center }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS {  }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > H1,
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > H2 { margin: 0 auto; width: 48rem }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > H1 { font-size: 2em; }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > H2 { color: #aaa; font-size: 1.25em; font-style: normal; margin: .5em auto 2em }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > H1 > A { background-image: url('./image/logo.png'); background-position: left center; background-repeat: no-repeat; background-size: auto 1em; color: transparent; display: block; height: 1em; overflow: hidden; user-select: none; white-space: nowrap; width: 8.1em }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL { display: table; table-layout: fixed; text-align: left; width: 100% }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD,
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DT { display: table-cell; vertical-align: middle }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddInformation { font-size: 1.2em; font-style: normal; text-align: center; width: 45em }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddInformation > SPAN { display: inline-block; position: relative }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddInformation > SPAN:after { background-color: #ccc; content: ''; display: inline-block; height: .75em; margin: 0 .75em; vertical-align: middle; width: 1px }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddInformation > SPAN:last-child:after { display: none }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddInformation > SPAN > STRONG { color: #aaa; font-weight: 800 }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks { font-style: normal; position: relative; text-align: right }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL { background-color: #fff; border: 1px solid #ddd; bottom: 2em; display: none; padding: 1em 0; position: absolute; right: 0; text-align: left }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL > LI > A { color: #676767; display: block; padding: .5em 4em .5em 2em; text-decoration: none }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL > LI > A > SPAN { display: inline-block; position: relative }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL > LI > A > SPAN:after { background-image: url('./image/icon.png'); background-position: 0 -1em; background-size: auto 2em; content: ''; display: none; font-size: 1.5em; height: 1em; margin-left: .2em; position: absolute; right: -1.2em; top: -.2em; vertical-align: middle; width: 1em }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL > LI > A:hover { color: #d8292f }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DD.ddLinks > UL > LI > A:hover > SPAN:after { display: inline-block }
DIV#dvSite > FOOTER > .ui.inner > ADDRESS > DL > DT { font-style: normal; font-weight: 800 }