광고 언어의 힘

<div id="program_preview"> <span class="poster_img"><img alt="광고 언어의 힘 포스터" src="http://www.hangeul.go.kr/upload/namo/images/000043/exhibitionposter007_298.jpg"></span> <ul class="description"> <li> <!-- <div class="stitle"> <p>Exhibition</p> </div> --> <h6>광고 언어의 힘</h6> </li> <li> <dl> <dt>전시명</dt> <dd>광고 언어의 힘:<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;보는 순간, 당신은 이미 사로잡혔다.</dd> </dl> </li> <li> <dl> <dt>전시 기간</dt> <dd>2016년 7월 28일 목요일 ~ 2016년 11월 27일 일요일</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;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:67px;display:inline-block;font-weight:normal;margin:0;} #program_preview > .description li > dl > dd > dl > dd{width:180px;margin-left:68px;font-weight:bold;} .exhibition_composition {display:block;margin:10px 0 0px 0; border:1px solid #ccc;padding:0;} h6{display:block;overflow:hidden;margin:40px 0 0px 1px;font-size:1.3em;border-top:0} .exhibition_composition ul{margin:10px 0 0 0;padding:0} .exhibition_composition ul li{padding:12px;border-bottom:1px dashed #ccc;list-style-type:none;list-style-position:inside} .exhibition_composition p{margin:20px auto;padding:0 9px;font-size:1.25em;line-height:1.7em} .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;} #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;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.25em;line-height:1.7em} #subTabC .subTabCContent .stitle{padding:0 0 10px 0;font-weight:bold;font-size:1.3em;color:#3D578A;} #subTabC .subTabCContent .image_area{margin:0;font-size:0.9em} #subTabC .subTabCContent .image_area img{display:block;margin:30px 0 0 0;} #subTabC .subTabCContent .image_area strong{display:block;margin:10px 0 0 0} #subTabC ul li h5.subTabCmu1{left:0;} #subTabC ul li h5.subTabCmu2{left:50%;} #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>