@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');

body { margin: 0; background: white; font:12px/1.5em Helvetica, Arial, 나눔고딕, 'Nanum Gothic', sans-serif; color: #333 }
img  { border: none }

#intro_wrap   { position: absolute; top: 50%; left: 50%; width: 564px; margin-top: -320px; margin-left: -282px }
h1.intro_logo { width: 564; height: 120px; margin: 80px 0 90px 0; background: url("../images/index_logo.gif") center no-repeat; text-indent: -9999px }
.menu_side    { display: inline-table; float: left; width: 120px; padding: 0; margin: 0 10px }
.menu_side h4 { margin: 0 0 5px 0; color: black }
.menu_side ol { padding: 0 0 0 10px; margin: 0 }
.menu_side li { padding: 0; margin: 0; list-style: none }

.menu_vertical li a,
.menu_side li a             { color: #898989; text-decoration: none }
.menu_vertical h4 a,
.menu_side h4 a             { color: black; text-decoration: none }
.menu_vertical li a:hover,
.menu_side li a:hover       { color: #f26522 }

.menu_vertical a img.over,
.menu_side a img.over       { display:none }
.menu_vertical a:hover,
.menu_side a:hover          { position:relative }
.menu_vertical a:hover img,
.menu_side a:hover img      { display:none }
.menu_vertical a:hover img.over,
.menu_side a:hover img.over { display:inline }
.menu_vertical a img,
.menu_side a img            { vertical-align:top }

#intro_foot         { padding-top: 88px; clear: both; font-size: 11px; color: #898989; text-align: justify }
#foot               { padding: 28px 0 20px 204px; clear: both; font-size: 11px; color: #898989 }
#foot img           { vertical-align: middle }

#menu_wrap          { float: left; width: 178px; padding: 0 0 0 26px }
h1.menu_logo        { width: 106; height: 46px; margin: 40px 0; background: url("../images/menu_logo.gif") left no-repeat; text-indent: -9999px }
#menu_wrap h3 img   { margin: 40px 0 }
.menu_vertical      { float: left; width: 120px; padding: 0; margin: 10px 0 }
.menu_vertical h4   { margin: 0 0 5px 0; color: black }
.menu_vertical ol   { padding: 0 0 0 10px; margin: 0 }
.menu_vertical li   { padding: 0; margin: 0; list-style: none }

#article            { float: left; width: 650px; padding: 38px 0 0 0 }
#article hr         { width: 100%; height: 1px; margin: 14px 0 24px 0; background-color: #eaeaea; border: 0px }
#article .gallery   { width: 500px }
#article .caption_s { color: #898989 }
#article p          { text-align: justify }
#article .caption   { font-size: smaller; color: #f26522 }
#article .caption_g { margin-bottom: -8px; font-size: smaller; color: #e2e2e2 }

h1.article_title_01 { width: 232px; height: 38px; margin: 0; background: url("../images/title/s__performance.gif"); text-indent: -9999px }
h1.article_title_02 { width: 232px; height: 38px; margin: 0; background: url("../images/title/s__animation.gif"); text-indent: -9999px }
h1.article_title_03 { width: 232px; height: 38px; margin: 0; background: url("../images/title/s__book-illustration.gif"); text-indent: -9999px }
h1.article_title_04 { width: 232px; height: 38px; margin: 0; background: url("../images/title/a__paint-on-glass.gif"); text-indent: -9999px }
h1.article_title_05 { width: 232px; height: 38px; margin: 0; background: url("../images/title/a__experimental.gif"); text-indent: -9999px }
h1.article_title_06 { width: 232px; height: 38px; margin: 0; background: url("../images/title/biography.gif"); text-indent: -9999px }
h1.article_title_07 { width: 232px; height: 38px; margin: 0; background: url("../images/title/contact.gif"); text-indent: -9999px }
h1.article_title_08 { width: 232px; height: 38px; margin: 0; background: url("../images/title/s__short-films.gif"); text-indent: -9999px }
h1.article_title_09 { width: 232px; height: 38px; margin: 0; background: url("../images/title/s__commercial.gif"); text-indent: -9999px }

.bio    { padding:0; margin:0 }
.bio li { list-style:none }