/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
div.light_square .pp_top {background: #a9a9b1; height:50px; padding:0; margin:0;width:820px; padding:0 10px; box-sizing:border-box;}
 
div.light_square .pp_description {}
div.light_square .pp_description ul {font-family: "나눔고딕";}
div.light_square .pp_description ul a {text-decoration: none;}
div.light_square .pp_description ul.name {color: #fff; font-weight:normal; font-size: 16px; line-height: 50px; float: left; margin:0; padding:0 10px;}
div.light_square .pp_description ul span.btn {float:right; display:inline-block; line-height: 18px; padding: 7px 15px; margin: 8px 0; color: #fff; cursor: pointer; font-size: 14px; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #8185dc; margin-right:45px;}

div.light_square .pp_close {width: 20px; height: 20px; background: url(images/close.png) center no-repeat; margin:15px 20px; cursor: pointer;} /* Close button */
div.light_square .pp_content {background: #fff;}
 
div.light_square .pp_content .ppt {color: #000;}
div.light_square .pp_expand {background: url(images/sprite.png) -31px -26px no-repeat; cursor: pointer;} /* Expand button */
div.light_square .pp_expand:hover {background: url(images/sprite.png) -31px -47px no-repeat; cursor: pointer;} /* Expand button hover */
div.light_square .pp_contract {background: url(images/sprite.png) 0 -26px no-repeat; cursor: pointer;} /* Contract button */
div.light_square .pp_contract:hover {background: url(images/sprite.png) 0 -47px no-repeat; cursor: pointer;} /* Contract button hover */
div.light_square .pp_details {position: relative;}

div.light_square #pp_full_res .pp_inline {color: #000;}
div.light_square .pp_gallery a.pp_arrow_previous,
 div.light_square .pp_gallery a.pp_arrow_next {margin-top: 12px !important;}
div.light_square .pp_nav .pp_play {background: url(images/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px;}
div.light_square .pp_nav .pp_pause {background: url(images/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px;}
div.light_square .pp_arrow_previous {background: url(images/sprite.png) 0 -71px no-repeat;} /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled {background-position: 0 -87px; cursor: default;}
div.light_square .pp_arrow_next {background: url(images/sprite.png) -22px -71px no-repeat;} /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled {background-position: -22px -87px; cursor: default;}
div.light_square .pp_next:hover {background: url(images/btnNext.png) center right no-repeat; cursor: pointer;} /* Next button */
div.light_square .pp_previous:hover {background: url(images/btnPrevious.png) center left no-repeat; cursor: pointer;} /* Previous button */
div.light_square .pp_loaderIcon {background: url(images/loader.gif) center center no-repeat;} /* Loader icon */



/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {outline: none;}
div.pp_overlay {background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500;}
div.pp_pic_holder {display: none; position: absolute; width: 100px; z-index: 10000;}
.pp_top {position: relative;}
* html .pp_top {}

/*.pp_top .pp_left {height: 10px; left: 0; position: absolute; width: 10px;}
.pp_top .pp_middle {height: 10px; left: 10px; position: absolute; right: 10px;}
* html .pp_top .pp_middle {left: 0; position: static;}
.pp_top .pp_right {height: 10px; left: auto; position: absolute; right: 0; top: 0; width: 10px;}*/
.pp_content {height: 10px; min-width: 10px;}
* html .pp_content {width: 10px;}
.pp_fade {display: none;}
.pp_content_container {position: relative; text-align: left; width:100%;}
.pp_content_container .pp_left {padding-left: 10px;}
.pp_content_container .pp_right {padding-right: 10px;}
.pp_content_container .pp_details {float: left; margin: 10px 0 2px 0;}
.pp_description {display: none; margin: 0;}

/*.pp_social {float: left; margin: 0;}
.pp_social .facebook {float: left; margin-left: 5px; width: 55px; overflow: hidden;}
.pp_social .twitter {float: left;}*/
.pp_nav {clear: right; float: left; margin: 3px 10px 0 0;}
.pp_nav p {float: left; margin: 2px 4px; white-space: nowrap;}
.pp_nav .pp_play,
 .pp_nav .pp_pause {float: left; margin-right: 4px; text-indent: -10000px;}

a.pp_arrow_previous,
 a.pp_arrow_next {display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px;}
.pp_hoverContainer {position: absolute; top: 0; width: 100%; z-index: 2000;}

.pp_gallery {display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000;}
.pp_gallery div {float: left; overflow: hidden; position: relative;}
.pp_gallery ul {float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap;}
.pp_gallery ul a {border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden;}
.pp_gallery ul a:hover,
 .pp_gallery li.selected a {border-color: #fff;}
.pp_gallery ul a img {border: 0;}
.pp_gallery li {display: block; float: left; margin: 0 5px 0 0; padding: 0;}
.pp_gallery li.default a {background: url(images/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px;}
.pp_gallery li.default a img {display: none;}
.pp_gallery .pp_arrow_previous,
 .pp_gallery .pp_arrow_next {margin-top: 7px !important;}
a.pp_next {background: url(images/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%;}
a.pp_previous {background: url(images/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%;}
a.pp_expand,
 a.pp_contract {cursor: pointer; display: none; height: 10px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 10px; z-index: 20000;}
a.pp_close {position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px;}
.pp_bottom {height: 0px; position: relative;}
* html .pp_bottom {padding: 0 10px;}
.pp_bottom .pp_left {height: 0px; left: 0; position: absolute; width: 10px;}
.pp_bottom .pp_middle {height: 0px; left: 10px; position: absolute; right: 10px;}
* html .pp_bottom .pp_middle {left: 0; position: static;}
.pp_bottom .pp_right {height: 0px; left: auto; position: absolute; right: 0; top: 0; width: 10px;}
.pp_loaderIcon {display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px;}
#pp_full_res {line-height: 1 !important;}
#pp_full_res .pp_inline {text-align: left;}
#pp_full_res .pp_inline p {margin: 0 0 15px 0;}
div.ppt {color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999;}