訓民正音とハングルデザイン

공연 소개

<div id="program_preview"> <span class="poster_img"><img title="" style="vertical-align: baseline;" alt="訓民正音とハングルデザイン, 2017.2.28~5.28., 企画展示室 (3階)" src="http://www.hangeul.go.kr/upload/namo/images/000057/exhibitionposter011_298.png"></span> <ul class="description"> <li> <h6>訓民正音とハングルデザイン</h6> </li> <li> <dl> <dt>日付</dt> <dd>2017. 2. 28. - 2017. 5. 28.</dd> </dl> </li> <li> <dl> <dt>展示空間</dt> <dd>企画展示室 (3階)</dd> </dl> </li> </ul></div> <style type="text/css"><!-- #program_preview{display:inline-block;margin:30px 0;font-family:NanumGothic,나눔고딕,나눔 고딕,맑은 고딕,dotum;font-size:12px;} #program_preview > .poster_img{float:left;display:inline-block;margin-right:20px;width:298px; border:1px inset #ccc} #program_preview > .description {float:right;width:367px;} #program_preview > .description li {border-bottom:1px solid #ccc} #program_preview > .description li .stitle{font-weight:bold;color:#355b78;background-color: #fff;} #program_preview > .description li .stitle > p{display:inline-block;padding:4px 5px;margin-right:5px;font-weight:bold;font-size:1em;color:#fff;background-color:#4dafd3;} #program_preview > .description li > h6{font-weight:bold;font-size:1.8em;line-height:24px;margin:11px 0;color:#2b2b2b;} #program_preview > .description li > dl{padding:9px 0;font-size:1.2em} #program_preview > .description li > dl dt{float:left;display:inline-block;width:100px;height:30px;font-weight:bold;} #program_preview > .description li > dl > dd > dl {display:inline-block;width:auto;margin:-10px 0 0 1px;border-bottom:1px solid #ccc;font-size:0.9em} #program_preview > .description li > dl > dd > dl > dt, #program_preview > .description li > dl > dd > dl > dd{padding:9px 2px;border-top:1px solid #ccc;} #program_preview > .description li > dl > dd > dl > dt{width:48px;display:inline-block;font-weight:normal;margin:0;} #program_preview > .description li > dl > dd > dl > dd{width:199px;margin-left:49px;font-weight:bold;} .exhibition_composition {display:block;margin:10px 0 30px 0;padding:20px 30px; border:1px solid #ccc;font-size:1.2em;line-height:1.7em;font-family:NanumGothic,나눔고딕,나눔 고딕,맑은 고딕,dotum;} h6{display:block;overflow:hidden;margin:40px 0 0px 1px;font-size:1.3em;border-top:0;font-family:NanumGothic,나눔고딕,나눔 고딕,맑은 고딕,dotum; word-break: norma l} .exhibition_composition ul{margin:10px 0 0 0;padding:0} .exhibition_composition ul li{border-bottom:1px dashed #ccc;list-style-type:none;list-style-position:inside} .exhibition_composition p{margin:20px auto;padding:0 9px;} .exhibition_composition .linktype1{color:#00f} .exhibition_composition .linktype1:hover{text-decoration:underline} .exhibition_composition .text_small{color:#999;} .oldtype{font-family: 새굴림, 'New Gulim', 굴림, gulim, 돋움, dotum, applegothic, sans-serif, "함초롬돋움 LVT","HCR Dotum LVT","함초롬바탕 LVT","HCR Batang LVT","본고딕","Source Han Sans K","본고딕 KR","Source Han Sans KR","思源黑體","Source Han Sans TC","思源黑体","Source Han Sans SC","源ノ角ゴシック","Source Han Sans","Noto Sans CJK KR","Noto Sans CJK TC","Noto Sans CJK SC","Noto Sans CJK JP","나눔바른고딕 옛한글","NanumBarunGothic YetHangul","나눔명조 옛한글","NanumMyeongjo YetHangul","은 바탕","Un Batang","돋움 옛한글","Dotum Old Hangul","바탕 옛한글","Batang Old Hangul","굴림 옛한글","NewGulim Old Hangul","궁서 옛한글","Gungsuh Old Hangul","맑은 고딕","Malgun Gothic","함초롬돋움","HCR Dotum","함초롬바탕","HCR Batang",Code2000;} #subTabC{position:relative;display:inline-block;margin:10px 0 0px 0;border:1px solid #ccc;font-family:NanumGothic,나눔고딕,나눔 고딕,맑은 고딕,dotum;} #subTabC ul{} #subTabC ul li{width:99%;float:left;list-style:none} #subTabC ul li h5{position:absolute;top:10px;font-size:15px;color:#555;font-weight:bold;height:30px;width:50%;text-align:center;border-bottom:2px solid #dddddd;cursor:pointer;} #subTabC ul li.on h5{color:#3D578A;border-bottom:2px solid #3D578A} #subTabC .subTabCContent{padding:80px 30px 40px;font-size:1.20em;line-height:1.7em;} .stitle{padding:30px 0 10px 0;font-weight:bold;font-size:1.15em;color:#3D578A; text-align: left} #subTabC .subTabCContent .image_area{margin:0;font-size:12px;line-height:1.45em;} #subTabC .subTabCContent .image_area img{display:block;margin:4px 0 0 0;width:99.9%} #subTabC .subTabCContent .image_area strong{display:block;font-size:13px;margin:10px 0 0 0} #subTabC ul li h5.subTabCmu1{left:0;} #subTabC ul li h5.subTabCmu2{left:50%;} #subTabC .boxarea{padding:16px 14px;background:#f4f4f4;font-family:바탕,batang;font-size:1em} #subTabC .boxarea strong{display:block;padding:0 0 4px 0;color:#FF0000;} #photo{position:relative;display:block;overflow: hidden;margin:30px 0;hwidth:99.9%;} #photo .photoContent{display:block;vertical-align:middle;width:99.9%;margin-top: 30px;} #photo .photoContent img{display:block;width:99.9%} #photo ul li span{display: inline-block; } #photo ul{text-align:center} #photo ul li{float:left;list-style:none;background:none;text-align: left} #photo ul li h5{position:absolute;display:block;top:0px;margin:0;height:20px;width:18px;cursor:pointer;background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) 0px 2px no-repeat;} #photo ul li.onn h5{background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) -16px 2px no-repeat;} #photo ul li h5.photomu1{left:0;} #photo ul li h5.photomu2{left:20px} #photo ul li h5.photomu3{left:40px} #photo ul li h5.photomu4{left:60px} #photo ul li h5.photomu5{left:80px} #photo ul li h5.photomu6{left:100px} #photo ul li h5.photomu7{left:120px} #photo ul li h5.photomu8{left:140px;} #photo ul li h5.photomu9{left:160px} #photo ul li h5.photomu10{left:180px} #photo ul li h5.photomu11{left:200px} #photo ul li h5.photomu12{left:220px} #photo ul li h5.photomu13{left:240px} #photo ul li h5.photomu14{left:260px} #photo ul li h5.photomu15{left:280px} --> </style> <script type="text/javascript"> $(document).ready(function () { $(".photoContent").hide(); $(".photoContent:first").show(); $("#photo li h5").bind("click", function (e) { e.preventDefault(); $("#photo li").removeClass("onn"); $("#photo li .photoContent").css("display", "none"); $(this).parent().addClass("onn"); $(this).next().css("display", "block"); }); }); </script>

감상