韩古尔民间童话100年

<div id="program_preview"> <span class="poster_img"><img title="" style="vertical-align: baseline;" alt="韩古尔民间童话100年, 2017. 8. 8.- 2018. 2. 18." src="http://www.hangeul.go.kr/upload/namo/images/000069/exhibitionposter014_298_447.png"></span> <ul class="description"> <li> <!-- <div class="stitle"> <p>Exhibition</p> </div> --> <h6>韩古尔民间童话100年</h6> </li> <li> <dl> <dt>展览时间</dt> <dd>2017. 8. 8. - 2018. 2. 18.</dd> </dl> </li> <li> <dl> <dt>展览地点</dt> <dd style="font-size: 0.9em;">企划展厅 (3楼)</dd> </dl> </li> <li> <dl> <dt>構成</dt> <dd> <dl style="background: none;"> <dt>第一部为</dt> <dd>民间童话的发展历史</dd> <dt>第二部为</dt> <dd>民间童话的文学特征</dd> <dt>第三部为</dt> <dd>民间童话-那些和睦相处的故事</dd> </dl> </dd> </dl> </li> </ul> </div> <h6>展览介绍</h6> <div class="exhibition_composition"> <p>民间童话是一种将在民间口传的故事以适合孩子听、读的形式改编后记录而成的儿童文学体裁。<br> <br> 此展意在回顾以神话、传说和民间故事等形式流传下来的故事被记录并发展为民间童话的100多年历史轨迹。 展厅由三个部分组成：第一部为 &lsquo;民间童话的发展历史&rsquo;，第二部为 &lsquo;民间童话的文学特征&rsquo;，第三部为 &lsquo;民间童话-那些和睦相处的故事&rsquo;。<br> 此展能帮助我们了解从20世纪初开始正式收集、记录、出版的民间童话100多年历史、民间童话文学特征和写出精美童话的方法、以及其中蕴藏着的生活智慧。<br> <br>希望这次介绍韩古尔民间童话100年发展史的展览，能让大家感受到从未认识到的的和宝贵的价值。 </p><iframe width="560" height="315" src="https://www.youtube.com/embed/cDj9uLx2Tqo?rel=0&amp;loop=1&amp;showinfo=0" frameborder="0" allowfullscreen="0"></iframe> </div> <style type="text/css"><!-- .text_italic{font-style: italic} #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;text-align: left;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:110px;font-weight:bold;} #program_preview > .description li > dl > dd > dl {display:inline-block;width:auto;margin:-10px 0 0 1px;border-bottom:1px solid #;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:58px;display:inline-block;font-weight:normal;margin:0;} #program_preview > .description li > dl > dd > dl > dd{width:169px;margin-left:59px;font-weight:normal;} .exhibition_composition {display:block;margin:10px 0 30px 0; border:1px solid #ccc;padding:12px;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;} .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;letter-spacing: -0.01em} .exhibition_composition .linktype1{color:#00f} .exhibition_composition .linktype1:hover{text-decoration:underline} .exhibition_composition .text_small{color:#999;} #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:20px;font-size:15px;color:#555;font-weight:bold;height:30px;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:70px 30px 30px;font-size:1.20em;line-height:1.7em;} #subTabC .stitle{padding:30px 0 10px 0;font-weight:bold;font-size:1.25em;color:#3D578A;border-top:1px dashed #ccc} #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;} #subTabC .subTabCContent .image_area strong{font-size:13px;margin:10px 0 0 0} #subTabC ul li h5.subTabCmu1{left:0;} #subTabC ul li h5.subTabCmu2{left:40%;} #photo{position:relative;display:block;margin:10px 0 0px 0;height:450px;width:99.9%;} #photo .photoContent{display:block;text-align:center;vertical-align:top} #photo .photoContent img{display:block;} #photo ul{text-align:center} #photo ul li{float:left;list-style:none;background:none;text-align:right} #photo ul li h5{position:absolute;display:block;top:10px;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 () { $(".subTabCContent").hide(); $(".subTabCContent:first").show(); $("#subTabC li h5").bind("click", function (e) { e.preventDefault(); $("#subTabC li").removeClass("on"); $("#subTabC li .subTabCContent").css("display", "none"); $(this).parent().addClass("on"); $(this).next().css("display", "block"); }); }); $(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>