/* image slider */

.player1
{
	background-image: url("/ko/images/common/player/box/bg_player_01.gif");
	background-repeat: no-repeat;
	float: left;
	height: 327px;
	margin-right: 10px;
	overflow: hidden;
	padding-top: 13px;
	width: 320px;
}

.player1 table.mainImage
{
	background-color: #000;
	height: 222px;
	margin: 0 auto;
	width: 294px;
}

.player1 table.mainImage tr td
{
	text-align: center;
	vertical-align: middle;
}

.player1 .imageSlide
{
	margin-top: 38px;
	position: relative;
}

.player1 .imageSlide ul
{
	height: 52px;
	padding-left: 27px;
}

.player1 .imageSlide ul li
{
	background-color: #ccc;
	float: left;
	margin-right: 3px;
	padding: 1px;
	vertical-align: middle;
}

.player1 .imageSlide ul li table
{
	background-color: #000;
	height: 48px;
	width: 62px;
}

.player1 .imageSlide ul li.selected
{
	background-color: #f00;
}

.player1 .imageSlide ul li table tr td
{
	vertical-align: middle;
}

.player1 .imageSlide ul li table tr td img
{
	cursor: pointer;
}

.player1 .imageSlide ul li.empty table tr td img
{
	cursor: default;
}

.player1 .imageSlide .prevbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_previous.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	right: 299px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

.player1 .imageSlide .nextbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_forward.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

/* movie player */

.player2
{
	background-image: url("/ko/images/common/player/box/bg_player_02.gif");
	background-repeat: no-repeat;
	float: left;
	height: 347px;
	margin-right: 10px;
	padding-top: 13px;
	position: relative;
	width: 320px;
}

.player2 ul.type
{
	left: 12px;
	position: absolute;
	top: 271px;
}

.player2 ul.type li
{
	display: inline;
}

.player2 .mainImage
{
	text-align: center;
}

.player2 ul.control
{
	margin-left: 12px;
	margin-top: 3px;
}

.player2 ul.control li
{
	display: inline;
}

.player2 ul.control li img
{
	vertical-align: top;
	* padding-top: 5px;
}

.player2 .imageSlide
{
	margin-top: 40px;
	position: relative;
}

.player2 .imageSlide .inner
{
	height: 48px;
	margin: 0 auto;
	overflow: hidden;
	width: 268px;
}

.player2 .imageSlide .inner ul
{
	height: 48px;
	width: 300px;
}

.player2 .imageSlide ul li
{
	display: block;
	float: left;
	height: 48px;
	padding-right: 4px;
}

.player2 .imageSlide ul li img
{
	border: 1px solid #ccc;
	vertical-align: top;
}

.player2 .imageSlide .prevbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_previous.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	right: 299px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

.player2 .imageSlide .nextbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_forward.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

/* pure movie player */

.player3
{
	background-image: url("/ko/images/common/player/box/bg_player_03.gif");
	background-repeat: no-repeat;
	float: left;
	height: 258px;
	margin-right: 10px;
	padding-top: 13px;
	position: relative;
	width: 320px;
}

.player3 ul.type
{
	left: 12px;
	position: absolute;
	top: 271px;
}

.player3 ul.type li
{
	display: inline;
}

.player3 .mainImage
{
	background-color: #000;
	height: 222px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 294px;
}

.player3 ul.control
{
	margin-left: 12px;
	margin-top: 8px;
}

.player3 ul.control li
{
	display: inline;
}

.player3 ul.control li img
{
	vertical-align: top;
}

.player3 .imageSlide
{
	margin-top: 40px;
	position: relative;
}

.player3 .imageSlide .inner
{
	height: 48px;
	margin: 0 auto;
	overflow: hidden;
	width: 268px;
}

.player3 .imageSlide .inner ul
{
	height: 48px;
	width: 300px;
}

.player3 .imageSlide ul li
{
	display: block;
	float: left;
	height: 48px;
	padding-right: 4px;
}

.player3 .imageSlide ul li img
{
	border: 1px solid #ccc;
	vertical-align: top;
}

.player3 .imageSlide .prevbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_previous.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	right: 299px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

.player3 .imageSlide .nextbtn
{
	background-image: url("/ko/images/common/player/control/button_slide_forward.gif");
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	text-indent: -9999px;
	top: 0;
	width: 12px;
}

/* photo gallery 1 */

.gallery1
{
	float: left;
	display: inline;
	width: 435px;
	padding-left: 10px;
	_overflow: hidden;
}

.gallery1 .photobox
{
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 10px 0;
	width: 430px;
}

.gallery1 .photobox table.mainImage
{
	margin: 0 auto;
	text-align: center;
}

.gallery1 .photobox table.mainImage tr td
{
	vertical-align: middle;
	text-align: center;
}

.gallery1 .photobox table.mainImage img
{
	vertical-align: top;
}

.gallery1 .photobox p.buttons
{
	background-image: url("/ko/images/common/popup/gallery/bg/bg_buttons.gif");
	background-repeat: no-repeat;
	height: 29px;
	margin: 5px auto 0 auto;
	padding-left: 74px;
	text-align: center;
	width: 328px;
}

.gallery1 .photobox p.buttons a.button
{
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 17px;
	margin-top: 3px;
	padding-left: 23px;
	padding-top: 6px;
	text-align: left;
}

.gallery1 .photobox p.buttons a.playbtn
{
	background-image: url("/ko/images/common/popup/gallery/button/button_play.gif");
	margin-right: 33px;
}

.gallery1 .photobox p.buttons a.stopbtn
{
	background-image: url("/ko/images/common/popup/gallery/button/button_stop.gif");
	width: 150px;
}

.gallery1 .photobox p.buttons a.selected
{
	background-position: left top;
}

.gallery1 .imageSlide
{
	position: relative;
}

.gallery1 .imageSlide ul
{
	background-image: url("/ko/images/common/popup/gallery/bg/bg_slide.gif");
	background-position: 12px center;
	background-repeat: no-repeat;
	height: 77px;
	margin: 15px 0 0 1px;
	padding-left: 24px;
	padding-top: 3px;
	width: 615px;
}

.gallery1 .imageSlide ul li
{
	background-color: #ccc;
	float: left;
	margin-right: 3px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}

.gallery1 .imageSlide ul li table
{
	background-color: #000;
	height: 70px;
	width: 93px;
}

.gallery1 .imageSlide ul li.selected
{
	background-color: #f00;
}

.gallery1 .imageSlide ul li table tr td
{
	vertical-align: middle;
}

.gallery1 .imageSlide ul li table tr td img
{
	cursor: pointer;
}

.gallery1 .imageSlide ul li.empty table tr td img
{
	cursor: default;
}

.gallery1 .imageSlide a.button
{
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 70px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 4px;
	width: 12px;
}

.gallery1 .imageSlide .prevbtn
{
	background-image: url("/ko/images/common/popup/gallery/button/button_slide_previous.gif");
	left: 0;
}

.gallery1 .imageSlide .nextbtn
{
	background-image: url("/ko/images/common/popup/gallery/button/button_slide_forward.gif");
	left: 622px;
}