{"id":248,"date":"2016-06-14T14:45:52","date_gmt":"2016-06-14T05:45:52","guid":{"rendered":"http:\/\/silver.bu.ac.kr\/?page_id=248"},"modified":"2023-03-31T16:34:42","modified_gmt":"2023-03-31T07:34:42","slug":"%ec%83%9d%ec%95%a0%ec%b2%b4%ed%97%98%ea%b4%80","status":"publish","type":"page","link":"https:\/\/silver.bu.ac.kr\/?page_id=248","title":{"rendered":"\uc0dd\uc560\uccb4\ud5d8\uad00"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter\" src=\"\/silver\/images\/map.jpg\" \/><br \/>\n<script>\r\n\tvar lightbox_transition = 'A';\r\n\tvar lightbox_speed = A;\r\n\tvar lightbox_fadeOut = A;\r\n\tvar lightbox_title = A;\r\n\tvar lightbox_scalePhotos = A;\r\n\tvar lightbox_scrolling = A;\r\n\tvar lightbox_opacity = 0.001;\r\n\tvar lightbox_open = A;\r\n\tvar lightbox_returnFocus = A;\r\n\tvar lightbox_trapFocus = A;\r\n\tvar lightbox_fastIframe = A;\r\n\tvar lightbox_preloading = A;\r\n\tvar lightbox_overlayClose = A;\r\n\tvar lightbox_escKey = A;\r\n\tvar lightbox_arrowKey = A;\r\n\tvar lightbox_loop = A;\r\n\tvar lightbox_closeButton = A;\r\n\tvar lightbox_previous = \"A\";\r\n\tvar lightbox_next = \"A\";\r\n\tvar lightbox_close = \"A\";\r\n\tvar lightbox_html = A;\r\n\tvar lightbox_photo = A;\r\n\tvar lightbox_width = 'A';\r\n\tvar lightbox_height = 'A';\r\n\tvar lightbox_innerWidth = 'A';\r\n\tvar lightbox_innerHeight = 'A';\r\n\tvar lightbox_initialWidth = 'A';\r\n\tvar lightbox_initialHeight = 'A';\r\n        \r\n\tvar maxwidth=jQuery(window).width();\r\n        if(maxwidth>A){maxwidth=A;}\r\n        var lightbox_maxWidth = maxwidth;\r\n        var lightbox_maxHeight = A;\r\n        \r\n\tvar lightbox_slideshow = A;\r\n\tvar lightbox_slideshowSpeed = A;\r\n\tvar lightbox_slideshowAuto = A;\r\n\tvar lightbox_slideshowStart = \"A\";\r\n\tvar lightbox_slideshowStop = \"A\";\r\n\tvar lightbox_fixed = A;\r\n\t\t\r\n\tvar lightbox_reposition = A;\r\n\tvar lightbox_retinaImage = A;\r\n\tvar lightbox_retinaUrl = A;\r\n\tvar lightbox_retinaSuffix = \"A\";\r\n\t\r\n\t\t\t\tjQuery(document).ready(function(){\r\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_2 a[href$='.jpg'], #huge_it_portfolio_content_2 a[href$='.png'], #huge_it_portfolio_content_2 a[href$='.gif']\").addClass('group1');\r\n\t\t\t\/\/\tjQuery(\"#huge_it_portfolio_content_2 a\").addClass('group1');\r\n\t\t\t\t                         var group_count = 0;\r\n\t\t\t\t\t\t\t\t\t\t var groups = 2;\r\n                                jQuery(\".portelement_2\").each(function(){\r\n                                    group_count++;\r\n                                });\r\n                                for(var i = 1; i <= group_count; i++){\r\n                                    jQuery(\".portfolio-group\" + i+\"-\"+groups).pcolorbox({rel:'portfolio-group' + i+\"-\"+groups});\r\n                                }\r\n\t\t\t\t\t\t\t\t\tjQuery(\".portfolio-lightbox-group\"+groups).pcolorbox({rel:\"portfolio-lightbox-group\"+groups});\r\n\t\t\t\t\t\t\t\t\tjQuery(\".portfolio-lightbox a[href$='.png'],.portfolio-lightbox a[href$='.jpg'],.portfolio-lightbox a[href$='.gif'],.portfolio-lightbox a[href$='.jpeg']\").addClass(\"portfolio-lightbox-group\");\r\n\t\t\t\t\t\t\t\t\t\t\tvar groups = 2;\r\n\t\t\t\t\t\t\t\t\t\t\tvar group_count_slider = 0;\t\t\t\t\t \r\n                                jQuery(\".slider-content\").each(function(){\r\n                                    group_count_slider++;\r\n                                });\r\n\t\t\t\t\t\t\t\tvar group_count_slider_clone = 0;\r\n\t\t\t\t\t\t\t\tjQuery(\".portfolio-group-slider\"+i).pcolorbox({rel:'portfolio-group-slider'+i});\r\n\t\t\t\t\t\t\t\t\/\/jQuery(\".group1\").pcolorbox({rel:'group1'});\r\n\t\t\t\t\t\t\t\tfor(var i = 1; i <= group_count_slider; i++){                                    \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tjQuery(\".portfolio-group-slider_\"+groups+\"_\"+i).pcolorbox({rel:'portfolio-group-slider_'+groups+\"_\"+i});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tjQuery(\"#main-slider_2 .clone  a\").removeClass();\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\tjQuery(\".pyoutube\").pcolorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\t\t\t\tjQuery(\".pvimeo\").pcolorbox({iframe:true, innerWidth:640, innerHeight:390});\r\n\t\t\t\tjQuery(\".callbacks\").pcolorbox({\r\n\t\t\t\t\tonOpen:function(){ alert('onOpen: pcolorbox is about to open'); },\r\n\t\t\t\t\tonLoad:function(){ alert('onLoad: pcolorbox has started to load the targeted content'); },\r\n\t\t\t\t\tonComplete:function(){ alert('onComplete: pcolorbox has displayed the loaded content'); },\r\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: pcolorbox has begun the close process'); },\r\n\t\t\t\t\tonClosed:function(){ alert('onClosed: pcolorbox has completely closed'); }\r\n\t\t\t\t});\r\n\r\n\t\t\t\tjQuery('.non-retina').pcolorbox({rel:'group5', transition:'none'})\r\n\t\t\t\tjQuery('.retina').pcolorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\r\n\t\t\t\t\r\n\r\n\t\t\t\tjQuery(\"#click\").click(function(){ \r\n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t});\r\n\t\t\t\tjQuery(\"huge_it_portfolio_filters_\")\r\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a\").click(function(){\r\n\t\t\t\t\tjQuery(\"#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li\").removeClass(\"active\");\r\n\t\t\t\t\t\tjQuery(this).parent().addClass(\"active\");\r\n\t\r\n\t\t\t\t});\r\n\t\t\t});\r\n<\/script>\r\n\t<!--Huge IT portfolio START-->\r\n\t\t<link href=\"https:\/\/silver.bu.ac.kr\/silver\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-A.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n\t\t\t\r\n\t\r\n\t\t\r\n\t\r\n\t\r\n\t\r\n\r\n\t\r\n<style type=\"text\/css\"> \r\n\/***<add>***\/\r\n.thumbs-block a {\r\n\tbox-shadow: none !important;\r\n}\r\n.portelement_2 .play-icon.youtube-icon  {\r\n\tbackground: url(https:\/\/silver.bu.ac.kr\/silver\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/play.youtube.png) center center no-repeat;\r\n\tbackground-size: 30% 30%;\r\n}\r\n.portelement_2 .play-icon.vimeo-icon  {\r\n\tbackground: url(https:\/\/silver.bu.ac.kr\/silver\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/images\/play.vimeo.png) center center no-repeat;\r\n\tbackground-size: 30% 30%;\r\n}\r\n.portelement_2 .play-icon {\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.add-H-relative {\r\n\tposition: relative;\r\n}\t\r\n.add-H-block {\r\n\tdisplay: block;\r\n}\t\t\r\n\/***<\/add>***\/\r\n.portelement_2 {\r\n\tposition: relative;\r\n\twidth: calc(100% - Apx);  \r\n\tmargin:5px 0px 5px 0px;\r\n\tpadding:2%;\r\n\tclear:both;\r\n\toverflow: hidden;\r\n\tborder:Apx solid #A;\r\n\tbackground:#A;\r\n}\r\n\r\n.portelement_2 > div {\r\n\tdisplay:table-cell;\r\n}\r\n\r\n.portelement_2 div.left-block_2 {\r\n\tpadding-right:10px;\r\n}\r\n\r\n.portelement_2 div.left-block_2 .main-image-block_2 {\r\n\tclear:both;\r\n\twidth:Apx; \r\n}\r\n\r\n.portelement_2 div.left-block_2 .main-image-block_2 img {\r\n\tmargin:0px !important;\r\n\tpadding:0px !important;\r\n\twidth:Apx !important; \r\n\theight:auto;\r\n}\r\n\r\n.portelement_2 div.left-block_2 .thumbs-block {\r\n\tposition:relative;\r\n\tmargin-top:10px;\r\n}\r\n\r\n.portelement_2 div.left-block_2 .thumbs-block ul {\r\n\twidth:Apx; \r\n\theight:auto;\r\n\tdisplay:table;\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tlist-style:none;\r\n}\r\n\r\n.portelement_2 div.left-block_2 .thumbs-block ul li {\r\n\tmargin:0px 3px 0px 2px;\r\n\tpadding:0px;\r\n\twidth:Apx; \r\n\theight:Apx; \r\n\tfloat:left;\r\n}\r\n\r\n.portelement_2 div.left-block_2 .thumbs-block ul li a {\r\n\tdisplay:block;\r\n\twidth:Apx; \r\n\theight:Apx; \r\n}\r\n\r\n.portelement_2 div.left-block_2 .thumbs-block ul li a img {\r\n\tmargin:0px !important;\r\n\tpadding:0px !important;\r\n\twidth:Apx; \r\n\theight:Apx; \r\n}\r\n\r\n.portelement_2 div.right-block {\r\n\tvertical-align:top;\r\n}\r\n\r\n.portelement_2 div.right-block > div {\r\n\twidth:100%;\r\n\tpadding-bottom:10px;\r\n\tmargin-top:10px;\r\n\t\t\r\n}\r\n\r\n.portelement_2 div.right-block > div:last-child {\r\n\tbackground:none;\r\n}\r\n\r\n.portelement_2 div.right-block .title-block_2  {\r\n\tmargin-top:3px;\r\n}\r\n\r\n.portelement_2 div.right-block .title-block_2 h3 {\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tfont-weight:normal;\r\n\tfont-size:Apx !important;\r\n\tline-height:4px !important;\r\n\tcolor:#A;\r\n}\r\n\r\n.portelement_2 div.right-block .description-block_2 p,.portelement_2 div.right-block .description-block_2 * {\r\n\tmargin:0px;\r\n\tpadding:0px;\r\n\tfont-size:Apx;\r\n\tcolor:#A;\r\n}\r\n\r\n\r\n.portelement_2 div.right-block .description-block_2 h1,\r\n.portelement_2 div.right-block .description-block_2 h2,\r\n.portelement_2 div.right-block .description-block_2 h3,\r\n.portelement_2 div.right-block .description-block_2 h4,\r\n.portelement_2 div.right-block .description-block_2 h5,\r\n.portelement_2 div.right-block .description-block_2 h6,\r\n.portelement_2 div.right-block .description-block_2 p, \r\n.portelement_2 div.right-block .description-block_2 strong,\r\n.portelement_2 div.right-block .description-block_2 span {\r\n\tpadding:2px !important;\r\n\tmargin:0px !important;\r\n}\r\n\r\n.portelement_2 div.right-block .description-block_2 ul,\r\n.portelement_2 div.right-block .description-block_2 li {\r\n\tpadding:2px 0px 2px 5px;\r\n\tmargin:0px 0px 0px 8px;\r\n}\r\n\r\n.portelement_2 .button-block {\r\n\tposition:relative;\r\n}\r\n\r\n.portelement_2 div.right-block .button-block a,.portelement_2 div.right-block .button-block a:link,.portelement_2 div.right-block .button-block a:visited {\r\n\tposition:relative;\r\n\tdisplay:inline-block;\r\n\tpadding:6px 12px;\r\n\tbackground:#A;\r\n\tcolor:#A;\r\n\tfont-size:Apx;\r\n\ttext-decoration:none;\r\n}\r\n\r\n.portelement_2 div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.portelement_2 div.right-block .button-block a:active {\r\n\tbackground:#A;\r\n\tcolor:#A;\r\n}\r\n\r\n\r\n\r\n@media only screen and (max-width: 767px) {\r\n\t\r\n\t.portelement_2 > div {\r\n\t\tdisplay:block;\r\n\t\twidth:100%;\r\n\t\tclear:both;\r\n\t}\r\n\r\n\t.portelement_2 div.left-block_2 {\r\n\t\tpadding-right:0px;\r\n\t}\r\n\r\n\t.portelement_2 div.left-block_2 .main-image-block_2 {\r\n\t\tclear:both;\r\n\t\twidth:100%; \r\n\t}\r\n\r\n\t.portelement_2 div.left-block_2 .main-image-block_2 img {\r\n\t\tmargin:0px !important;\r\n\t\tpadding:0px !important;\r\n\t\twidth:100% !important;  \r\n\t\theight:auto;\r\n\t}\r\n\r\n\t.portelement_2 div.left-block_2 .thumbs-block ul {\r\n\t\twidth:100%; \r\n\t}\r\n}\r\n#huge_it_portfolio_content_2 a{\r\n    border:none;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {\r\n\tposition: relative;\r\n        overflow: hidden;\r\n    margin-top: 5px;\r\n    float: A;\r\n    width: 20%;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {\r\n  margin: 0px !important;\r\n  padding: 0px !important;\r\n  list-style: none;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {\r\n  margin: 0px !important;\r\n  padding: 0px !important;\r\n  overflow: hidden;\r\n  }\r\n\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {\r\n    border-radius: Apx;\r\n    list-style-type: none;\r\n    margin: 0px !important;\r\n\tpadding: 0;\r\n    border: 1px solid #ccc;}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\r\n    background-color: #A !important;\r\n    font-size:Apx !important;\r\n    color:#A !important;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    margin: 0px !important;\r\n    display: block;\r\n    padding:3px;\r\n}\r\n\r\n\/*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover {\r\n    \r\n}*\/\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {\r\n    background-color: #A !important;\r\n    color:#A !important;\r\n    cursor: pointer;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {\r\n    margin-top: 5px;\r\n    float: A;\r\n   width: 20%;\r\n    }\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {\r\n    list-style-type: none;\r\n    border: 1px solid #ccc;}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {\r\n    font-size:Apx !important;\r\n    color:#A !important;\r\n    background-color: #A !important;\r\n    border-radius: Apx;\r\n    padding: 3px;\r\n    display: block;\r\n    text-decoration: none;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li a:hover {\r\n    color:#A !important;\r\n    background-color: #A !important;\r\n    cursor: pointer;\r\n}\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a,\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link,\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited,\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:hover,\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:focus,\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li.active a:active {\r\n    color:#A !important;\r\n    background-color: #A !important;\r\n    cursor: pointer;\r\n}\r\n#huge_it_portfolio_content_2 section {\r\n    position:relative;\r\n    display:block;\r\n}\r\n\r\n#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {\r\n    }\r\n<\/style>\r\n      \r\n<section id=\"huge_it_portfolio_content_2\">\r\n     \r\n       <div id=\"huge_it_portfolio_container_2\" class=\"super-list variable-sizes clearfix\" >\r\n                                    <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"1. \uc18c\uad50\uc721\uc7a5\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/1-1-1.png\" class=\" portfolio-group1-2\" title=\"1. \uc18c\uad50\uc721\uc7a5\" ><img decoding=\"async\" alt=\"1. \uc18c\uad50\uc721\uc7a5\" id=\"wd-cl-img0\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/1-1-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>1. \uc18c\uad50\uc721\uc7a5<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"2. \ud604\uad00\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/5-1.png\" class=\" portfolio-group2-2\" title=\"2. \ud604\uad00\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"2. \ud604\uad00\uccb4\ud5d8\" id=\"wd-cl-img1\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/5-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>2. \ud604\uad00\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"3. \uac70\uc2e4 \ubc0f \uc8fc\ubc29\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/3-1.png\" class=\" portfolio-group3-2\" title=\"3. \uac70\uc2e4 \ubc0f \uc8fc\ubc29\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"3. \uac70\uc2e4 \ubc0f \uc8fc\ubc29\uccb4\ud5d8\" id=\"wd-cl-img2\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/3-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>3. \uac70\uc2e4 \ubc0f \uc8fc\ubc29\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"4. \uac10\uc131 \ubc0f \uadfc\ub825\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/4-2.png\" class=\" portfolio-group4-2\" title=\"4. \uac10\uc131 \ubc0f \uadfc\ub825\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"4. \uac10\uc131 \ubc0f \uadfc\ub825\uccb4\ud5d8\" id=\"wd-cl-img3\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/4-2.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>4. \uac10\uc131 \ubc0f \uadfc\ub825\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"5. \uce68\uc2e4\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/6-2-1.png\" class=\" portfolio-group5-2\" title=\"5. \uce68\uc2e4\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"5. \uce68\uc2e4\uccb4\ud5d8\" id=\"wd-cl-img4\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/6-2-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>5. \uce68\uc2e4\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"6. \uc695\uc2e4\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/8-5.png\" class=\" portfolio-group6-2\" title=\"6. \uc695\uc2e4\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"6. \uc695\uc2e4\uccb4\ud5d8\" id=\"wd-cl-img5\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/8-5.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>6. \uc695\uc2e4\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"7. \ubcf4\ud589\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/6-1.png\" class=\" portfolio-group7-2\" title=\"7. \ubcf4\ud589\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"7. \ubcf4\ud589\uccb4\ud5d8\" id=\"wd-cl-img6\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/6-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>7. \ubcf4\ud589\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n                                <div class=\"portelement_2 pcolorbox_grouping   \" data-symbol=\"8. \uc2ec\ub9ac\uc774\uc644\uccb4\ud5d8\" data-category=\"alkaline-earth\">\r\n                              <div class=\"left-block_2\">\r\n                                      <div class=\"main-image-block_2 add-H-relative\" >\r\n                                                                                            \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/silver\/wp-content\/uploads\/2016\/07\/2-1.png\" class=\" portfolio-group8-2\" title=\"8. \uc2ec\ub9ac\uc774\uc644\uccb4\ud5d8\" ><img decoding=\"async\" alt=\"8. \uc2ec\ub9ac\uc774\uc644\uccb4\ud5d8\" id=\"wd-cl-img7\" src=\"\/silver\/wp-content\/uploads\/2016\/07\/2-1.png\"><\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t                                      <\/div>\r\n                                      <div class=\"thumbs-block\">\r\n                                                                                <\/div>\r\n                              <\/div>\r\n                              <div class=\"right-block\">\r\n                                <div class=\"title-block_2\"><h3>8. \uc2ec\ub9ac\uc774\uc644\uccb4\ud5d8<\/h3><\/div>                                                              <\/div>\r\n                      <\/div>\r\n\r\n          \r\n        <\/div>\r\n <\/section>\r\n  \r\n<script>\r\njQuery(function(){\r\nvar defaultBlockWidth=A;\r\n    \r\n    var $container = jQuery('#huge_it_portfolio_container_2');\r\n    \r\n    \r\n      \/\/ add randomish size classes\r\n      $container.find('.portelement_2').each(function(){\r\n        var $this = jQuery(this),\r\n            number = parseInt( $this.find('.number').text(), 10 );\r\n\t\t\t\/\/alert(number);\r\n        if ( number % 7 % 2 === 1 ) {\r\n          $this.addClass('width2');\r\n        }\r\n        if ( number % 3 === 0 ) {\r\n          $this.addClass('height2');\r\n        }\r\n      });\r\n    \r\n    $container.hugeitmicro({\r\n      itemSelector : '.portelement_2',\r\n      masonry : { \r\n        columnWidth : A+20+0      },\r\n      masonryHorizontal : {\r\n        rowHeight: 300+20\r\n      },\r\n      cellsByRow : {\r\n        columnWidth : 300+20,\r\n        rowHeight : 240\r\n      },\r\n      cellsByColumn : {\r\n        columnWidth : 300+20,\r\n        rowHeight : 240\r\n      },\r\n      getSortData : {\r\n        symbol : function( $elem ) {\r\n          return $elem.attr('data-symbol');\r\n        },\r\n        category : function( $elem ) {\r\n          return $elem.attr('data-category');\r\n        },\r\n        number : function( $elem ) {\r\n          return parseInt( $elem.find('.number').text(), 10 );\r\n        },\r\n        weight : function( $elem ) {\r\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\r\n        },\r\n        id : function ( $elem ) {\r\n          return $elem.find('.id').text();\r\n        }\r\n      }\r\n    });\r\n    \r\n    \r\n      var $optionSets = jQuery('#huge_it_portfolio_options_2 .option-set'),\r\n          $optionLinks = $optionSets.find('a');\r\n\r\n      $optionLinks.click(function(){\r\n        var $this = jQuery(this);\r\n\r\n        if ( $this.hasClass('selected') ) {\r\n          return false;\r\n        }\r\n        var $optionSet = $this.parents('.option-set');\r\n        $optionSet.find('.selected').removeClass('selected');\r\n        $this.addClass('selected');\r\n  \r\n\r\n        var options = {},\r\n            key = $optionSet.attr('data-option-key'),\r\n            value = $this.attr('data-option-value');\r\n\r\n        value = value === 'false' ? false : value;\r\n        options[ key ] = value;\r\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\r\n\r\n          changeLayoutMode( $this, options )\r\n        } else {\r\n\r\n          $container.hugeitmicro( options );\r\n        }\r\n        \r\n        return false;\r\n      });\r\n\r\n\r\n    \r\n\r\n      var isHorizontal = false;\r\n      function changeLayoutMode( $link, options ) {\r\n        var wasHorizontal = isHorizontal;\r\n        isHorizontal = $link.hasClass('horizontal');\r\n\r\n        if ( wasHorizontal !== isHorizontal ) {\r\n\r\n          var style = isHorizontal ? \r\n            { height: '75%', width: $container.width() } : \r\n            { width: 'auto' };\r\n\r\n          $container.filter(':animated').stop();\r\n\r\n          $container.addClass('no-transition').css( style );\r\n          setTimeout(function(){\r\n            $container.removeClass('no-transition').hugeitmicro( options );\r\n          }, 100 )\r\n        } else {\r\n          $container.hugeitmicro( options );\r\n        }\r\n      }\r\n\r\n\r\n    \r\n\r\n      $container.delegate( '.default-block_2', 'click', function(){\r\n          var strheight=0;\r\n          jQuery(this).parents('.portelement_2').find('.wd-portfolio-panel_2 > div').each(function(){\r\n                strheight+=jQuery(this).outerHeight()+10;\r\n                \/\/alert(strheight);\r\n          })\r\n          strheight+=45;\r\n\t  \t\t\tif(jQuery(this).parents('.portelement_2').hasClass(\"large\")){\r\n\t\t\tjQuery(this).parents('.portelement_2').animate({\r\n\t\t\t\theight: \"45px\"\r\n\t\t\t}, 300, function() {\r\n\t\t\t\tjQuery(this).removeClass('large');\r\n\t\t\t\t$container.hugeitmicro('reLayout');\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tjQuery(this).parents('.portelement_2').removeClass(\"active\");\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\t\r\n\t\r\n\t\tjQuery(this).parents('.portelement_2').css({height:strheight});\r\n\t\tjQuery(this).parents('.portelement_2').addClass('large');\r\n\r\n\t\t$container.hugeitmicro('reLayout');\r\n\t\tjQuery(this).parents('.portelement_2').css({height:\"45px\"});\t\t \r\n\t\t \r\n\t\t\/\/alert(strheight);\r\n\t\t \r\n\t\t jQuery(this).parents('.portelement_2').animate({\r\n\t\t\theight:strheight+\"px\",\r\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\r\n\t});\r\n\r\n    var $sortBy =  jQuery('#huge_it_portfolio_content_2 #sort-by');\r\n    jQuery('#huge_it_portfolio_content_2 #shuffle a').click(function(){\r\n      $container.hugeitmicro('shuffle');\r\n      $sortBy.find('.selected').removeClass('selected');\r\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\r\n      return false;\r\n    });\r\n    \r\n    \/\/\/\/filteringgggggg\r\n\r\n        \/\/ bind filter on select change\r\n        jQuery(document).ready(function(){\r\n            jQuery('#huge_it_portfolio_filters_2 ul li').click(function() {\r\n              \/\/ get filter value from option value\r\n              var filterValue = jQuery(this).attr('rel');\r\n              \/\/ use filterFn if matches value\r\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \r\n              $container.hugeitmicro({ filter: filterValue });\r\n            });\r\n                    });\r\n        \r\n        \/\/end of filtering\r\n        \r\n        jQuery(window).load(function(){\r\n\t\t$container.hugeitmicro('reLayout');\r\n\t\tjQuery(window).resize(function(){$container.hugeitmicro('reLayout');});\r\n\t});\r\n\r\n  });\r\n<\/script>\r\n\t  \r\n\t  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":63,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/pages\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=248"}],"version-history":[{"count":1,"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions"}],"predecessor-version":[{"id":2841,"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions\/2841"}],"up":[{"embeddable":true,"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=\/wp\/v2\/pages\/63"}],"wp:attachment":[{"href":"https:\/\/silver.bu.ac.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}