Hi there! How's it going?

공연 소개

<div id="program_preview"><span class="poster_img"><img title="" alt="Hi there! How's it going? Children's stories in Hangeul from textbooks" src="https://www.hangeul.go.kr/upload/namo/images/000181/exhibitionposter029_298_2.png"></span> <ul class="description"> <li> <h6 style="text-align: left;">Hi there! How's it going? <br> <span style="font-size: 0.7em;">Children's stories in Hangeul from textbooks</span></h6> </li> <li> </li> <li> <dl> <dt>日付</dt> <dd>2021. 5. 13. - 2021. 11. 30.</dd> </dl> </li> <li> <dl> <dt>展示空間</dt> <dd>企画展示室 (3階)</dd> </dl> </li> </ul></div> <!-- <h6>紹介</h6> <div class="exhibition_composition"> </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;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:14px 2px 9px 0;} #program_preview > .description li > dl > dd > dl > dt{width:25px;display:inline-block;font-weight:normal;margin:0;} #program_preview > .description li > dl > dd > dl > dd{width:225px;margin-left:26px;font-weight:bold;} .exhibition_composition {display:block;margin:10px 0 30px 0; border:1px solid #ccc;padding:12px;text-align: justify;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 > .area {display: inline-block; margin:0 0 2px 0; padding:0; width:90px;font-size:1.2em; font-weight: bold; text-align: center;color: #fff; background: #7800cd;} .text_purple{color: #7800cd;font-weight: bold;font-size: 1.2em} .exhibition_composition .linktype1{color:#00f} .exhibition_composition .linktype1:hover{text-decoration:underline} .exhibition_composition .text_small{color:#000;} .exhibition_composition .linktype1{color:#00f} .exhibition_composition .linktype1:hover{text-decoration:underline} .exhibition_composition .text_small{color:#000;} .exhibition_composition h5.title{margin:10px 0 0;font-size:1.25em;font-weight:900;color:#053863;border-bottom: 1px solid #053863;display: inline-block;font-family:"Times New Roman", Times, serif;} .exhibition_composition .stitle {margin:10px 0;font-size:1.15em;font-weight:900;color:#053863; font-family:"Times New Roman", Times, serif;} .exhibition_composition .provenance {display: block;font-size: 0.9em;font-weight: 900;text-align: right} .exhibition_composition .text, .exhibition_composition .product {margin: 20px 0 0;padding:2px; color:#000;letter-spacing: -0.03em } .exhibition_composition .product > h6{border-top:3px solid #222;margin:30px 0;padding-top:30px;text-align:left;font-size:18px;font-weight:bolc;color:#121212;font-family:'나눔고딕',Nanum Gothic,'맑은고딕'} .exhibition_composition .product .author{margin:0 0 5px 5px;padding:0;color:#003f74; font-size:0.9em;font-weight:500;} .exhibition_composition .product img{display: block;margin:5px 0} .box_gray1{width:;margin:10px 0;padding:19px 14px;background-color:#f4f4f4;font-size:0.9em} .stitle2{color:#06438e} .text_italic{font-style: italic;font-family:NanumMyeongjo,batang,나눔명조,바탕,serif} #photo{position:relative;display:block;margin:10px 0 0px 0;height:400px;width:99.9%;} #photo .photoContent{display:block;text-align:center;vertical-align:top} #photo .photoContent img{display:block; width:99.9%} #photo ul{text-align:center} #photo ul li{float:left;list-style:none;background:none;text-align:right} #photo ul li a {position:absolute;display:block;top:10px;margin:0;height:20px;width:16px; text-indent:-100px; overflow:hidden;cursor:pointer;background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) 0px 2px no-repeat;} #photo ul li.onn a{background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) -16px 2px no-repeat;} #photo ul li .photomu1{left:0;} #photo ul li .photomu2{left:20px} #photo ul li .photomu3{left:40px} #photo ul li .photomu4{left:60px} #photo ul li .photomu5{left:80px} #photo ul li .photomu6{left:100px} #photo ul li .photomu7{left:120px} #photo ul li .photomu8{left:140px;} #photo ul li .photomu9{left:160px} #photo ul li .photomu10{left:180px} #photo ul li .photomu11{left:200px} #photo ul li .photomu12{left:220px} #photo ul li .photomu13{left:240px} #photo ul li .photomu14{left:260px} #photo ul li .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>

감상