@charset "utf-8";

@import "layout.css";

/* 준비중 */
div.open-notice {
	width:100%;
	text-align:center;
	background:#740b0b;
}

/* board list */
div.board-list {
	clear:both;
	width:703px;
}
div.board-list p.total {
	padding:20px 0 0 0;
	height:20px;
	text-align:right;
}
div.board-list table.list {
	width:703px;
	background:url(/images/common/board_list_thead_bg.gif) no-repeat 0 0;
}
div.board-list table.list thead {
	height:30px;
}
div.board-list table.list thead tr th {
	background:url(/images/common/board_list_thead_bar.gif) no-repeat 0 10px;
}
div.board-list table.list thead tr th:first-child {
	background:none;
}
div.board-list table.list tbody tr td {
	height:26px;
	text-align:center;
	border-bottom:1px solid #eaeaea;
}
div.board-list table.list tbody tr td.num {
	width:54px;
	font-family: Verdana,  sans-serif;
	font-size:0.9em;
}
div.board-list table.list tbody tr td.subject {
	padding:5px 0 0 10px;
	height:21px;
	text-align:left;
	font-size:0.9em;
}
div.board-list table.list tbody tr td.date {
	width:95px;
	font-family: Verdana,  sans-serif;
	font-size:0.9em;
}
div.board-list table.list tbody tr td.count {
	width:74px;
	font-family: Verdana,  sans-serif;
	font-size:0.9em;
}
div.board-list div.search {
	padding:0 0 30px 0;
	text-align:center;
}
div.board-list div.search input.search-text {
	padding:3px 0 0;
	width:168px;
	height:14px;
	background:#fafafa;
	border:1px solid #dbdbdb;
}
div.board-list div.pager {
	padding:10px 0;
	text-align:center;
	font-family: Verdana,  sans-serif;
	font-size:0.9em;
}
div.board-list div.pager a {
	padding:0 3px;
}
div.board-list div.pager span {
	padding:0 3px;
	color:#e00000;
	font-weight:bold;
}

/* board view */
div.board-view {
	margin:20px 0 0 0;
	width:703px;
}
div.board-view dl.view {
	float:left;
	background:url(/images/common/board_view_bg.gif) no-repeat 0 0;
}
div.board-view dl.view dt {
	float:left;
}
div.board-view dl.view dt img {
	margin:11px 0 0 23px;
}
div.board-view dl.view dd {
	float:left;
	line-height:33px;
	background:url(/images/common/board_view_bar.gif) no-repeat 0 12px;
}
div.board-view dl.view dt.subject {
	width:73px;
	height:33px;
}
div.board-view dl.view dd.subject {
	padding:0 0 0 10px;
	width:620px;
	height:33px;
	color:#6d6d6d;
}
div.board-view dl.view dt.date {
	width:73px;
	height:33px;
}
div.board-view dl.view dd.date {
	padding:0 0 0 10px;
	width:469px;
	height:33px;
	color:#a5a5a5;
}
div.board-view dl.view dt.count {
	width:69px;
	height:33px;
}
div.board-view dl.view dd.count {
	padding:0 0 0 10px;
	width:72px;
	height:33px;
	color:#a5a5a5;
}
div.board-view dl.view dt.content {
	display:none;
}
div.board-view dl.view dd.content {
	clear:both;
	margin:0 -3px 0 0;
	padding:20px;
	width:663px;
	min-height:200px;
	line-height:1.3em;
	background:none;
}
*html div.board-view dl.view dd.content {
	height:200px;
}
div.board-view dl.prev-next {
	float:left;
	background:#f5f5f5;
}
div.board-view dl.prev-next dt.prev {
	float:left;
	width:90px;
	height:26px;
	background:url(/images/common/view_prev.gif) no-repeat 60px 8px;
	border-bottom:1px solid #fff;
}
div.board-view dl.prev-next dt.prev img {
	margin:8px 0 0 23px;
}
div.board-view dl.prev-next dd.prev {
	float:left;
	width:613px;
	height:26px;
	line-height:26px;
	border-bottom:1px solid #fff;
}
div.board-view dl.prev-next dt.next {
	float:left;
	width:90px;
	height:26px;
	background:url(/images/common/view_next.gif) no-repeat 60px 8px;
	border-bottom:1px solid #fff;
}
div.board-view dl.prev-next dt.next img {
	margin:8px 0 0 23px;
}
div.board-view dl.prev-next dd.next {
	float:left;
	width:613px;
	height:26px;
	line-height:26px;
	border-bottom:1px solid #fff;
}
div.button {
	clear:both;
	padding:15px 0 0 0;
	height:30px;
	text-align:right;
}
div.button img {
	vertical-align:top;
}
*html div.button img {
	margin:-50px 50px 0 0;
}


/* introduction */
div.introduction div.text01 {
	
}
div.introduction div.text01 img {
	vertical-align:top;
}
div.introduction div.movie {
	float:left;
	padding:0 0 20px;
}
div.introduction div.text02 {
	clear:both;
	padding:60px 0 0 0;
}

div.introduction-flash {
	text-align:center;
}

div.history div.text01 {
	padding:0 0 20px 0;
}

div.ceo div.movie {
	float:left;
	width:300px;
	height:312px;
}
div.ceo div.text01 {
	float:left;
}
div.ceo div.text02 {
	clear:both;
	padding:30px 0 0;
}
div.ceo div.text03 {
	text-align:right;
}

div.ci-song div.text01 {
	padding:0 0 20px;
}
div.ci-song div.text02 {
	padding:0 0 20px;
}
div.ci-song div.text02-1 {
	padding:0 0 30px;
}
div.ci-song div.text03 {
	padding:0 0 20px;
}
div.orchestra {
	float:left;
	padding:0;
	width:350px;
}
div.orchestra img {
	vertical-align:top;
}
div.ci-song h4 {
	clear:both;
	height:30px;
}
div.ci-song h5 {
	clear:both;
	height:16px;
}
div.ci-song ul {
	margin:0 0 0 10px;
}
div.ci-song div.sound-area {
	padding:0 0 20px 0;
}
div.rock {
	float:left;
	padding:0 0 0 0;
	width:350px;
}
div.rock img {
	vertical-align:top;
}
div.ir ul.ir-tab {
	margin:0 0 35px;
	padding:3px 0 0 4px;
	width:700px;
	height:24px;
	background:url(/images/introduction/ir_tab_bg.gif) no-repeat 0 0;
}
div.ir ul.ir-tab img {
	margin:0 -4px 0 -1px;
	vertical-align:top;
}
div.ir ul.ir-tab li {
	display:inline;
}
div.ir ul.ir-tab-sub {
	margin:-30px 0 30px;
	padding:3px 0 0 130px;
	width:400px;
	height:17px;
}
div.ir ul.ir-tab-sub img {
	margin:0 -1px 0 -4px;
	vertical-align:top;
}
div.ir ul.ir-tab-sub li {
	display:inline;
}
div.ir iframe.ir01 {
	clear:both;
	width:719px;
	height:500px;
}
div.ir iframe.ir02 {
	clear:both;
	width:719px;
	height:600px;
}
div.ir div.text01 {
	padding:0 0 80px;
}
div.ir div.ir03 {
	margin:30px 0 0 0;
}
div.ir p.ir04-text01 {
	float:left;
	width:280px;
}
div.ir div.question dl.input-form {
	float:left;
	padding:0 12px 0 12px;
	width:390px;
	border:3px solid #edecec;
}
div.ir div.question dl.input-form dt {
	float:left;
	width:61px;
	height:30px;
	border-top:1px solid #eaeaea;
}
div.ir div.question dl.input-form dt img {
	margin:10px 0 0 11px;
}
div.ir div.question dl.input-form dd {
	float:left;
	padding:4px 0 4px 7px;
	width:331px;
	height:22px;
	border-top:1px solid #eaeaea;
	background:url(/images/introduction/input_form_bar.gif) no-repeat 0 9px;
}
div.ir div.question dl input {
	padding:3px 0 0;
	height:16px;
	border:1px solid #dedede;
}
div.ir div.question dl.input-form dt.name,
div.ir div.question dl.input-form dd.name {
	border-top:none;
}
div.ir div.question dl.input-form dt.content,
div.ir div.question dl.input-form dd.content {
	height:187px;
}
div.ir div.question dl.input-form dd.name input {
	width:80px;
}
div.ir div.question dl.input-form dd.email input {
	width:150px;
}
div.ir div.question dl.input-form dd.subject input {
	width:320px;
}
div.ir div.question dl.input-form dd.content textarea {
	width:320px;
	height:170px;
}
div.ir div.question div.button-question {
	margin:-20px 0 0 0;
	text-align:center;
}
div.contact-us ul.contact-us-tab {
	margin:0 0 35px;
	padding:3px 0 0 3px;
	width:700px;
	height:24px;
	background:url(/images/introduction/tab_bg.gif) no-repeat 0 0;
}
div.contact-us ul.contact-us-tab img {
	margin:0 -4px 0 0;
	vertical-align:top;
}
div.contact-us ul.contact-us-tab li {
	display:inline;
}
div.contact-us div.contact-us01 {
	padding:30px 0 0;
}
div.contact-us-flash {
	text-align:center;
}
div.partners img {
	vertical-align:top;
}
div.business-showings div.text02 {
	margin:40px 0 0;
	text-align:right;
}
/* CARD */
div.power-station ul.power-station-tab {
	margin:0 0 35px;
	padding:3px 0 0 3px;
	width:700px;
	height:24px;
	background:url(/images/card/tab_bg.gif) no-repeat 0 0;
}
div.power-station ul.power-station-tab img {
	margin:0 -4px 0 0;
	vertical-align:top;
}
div.power-station ul.power-station-tab li {
	display:inline;
}
div.power-station div.move {
	float:left;
	width:294px;
}
div.power-station div.move img {
	vertical-align:top;
}
div.power-station01-01 {
	float:left;
}
div.power-station02-01 {
	float:left;
	height:300px;
}
div.power-station02-02 {
	padding:30px 0 0;
}
div.power-station03-01 {
	float:left;
	height:300px;
}
div.power-station03-02 {
	padding:0 0 0;
}
div.power-station04-01 {
	float:left;
}
div.power-station04-02 {
	padding:0 0 0;
}
div.goal-prospect div.goal-prospect01 {
	padding:0 0 20px;
}
div.goal-prospect div.goal-prospect02 {
	padding:20px 0 0;
}

/* GF GAME */
div.gf-game div.toss01 {
	float:left;
	width:431px;
}
div.gf-game div.move {
	float:left;
	padding:0 0 10px;
	width:272px;
}
div.gf-game div.toss02 {
	float:left;
}
div.gf-game ul.gf-game-tab {
	margin:0 0 35px;
	padding:3px 0 0 3px;
	width:700px;
	height:24px;
	background:url(/images/introduction/ir_tab_bg.gif) no-repeat 0 0;
}
div.gf-game ul.gf-game-tab img {
	margin:0 -4px 0 0;
	vertical-align:top;
}
div.gf-game ul.gf-game-tab li {
	display:inline;
}

div.toss-character {
	clear:both;
	padding:30px 0 0 0;
}
div.toss-character01 {
	height:350px;
}
div.toss-character02,
div.toss-character03,
div.toss-character04,
div.toss-character05,
div.toss-character06 {
	display:none;
	height:350px;
}
div.move-up01 {
	float:left;
	width:431px;
}
div.move-up02 {
	float:left;
}
div.move-up03 {
	clear:both;
	padding:20px 0 0 0;
}
div.move-up-character h4 {
	clear:both;
	height:34px;
}
div.move-up-character div.character-big {
	float:left;
	width:300px;
	height:410px;
}
div.move-up-character ul.character-list {
	float:left;
	width:403px;
}
div.move-up-character ul.character-list li {
	float:left;
	width:69px;
	height:81px;
	text-align:right;
}
div.move-up-character ul.character-list li img {
	margin:0 0 0 -9px;
	vertical-align:top;
	cursor:pointer;
}
div.gf-game-button {
	clear:both;
	width:703px;
	text-align:right;
}
div.gf-game-button {
	vertical-align:top;
}
div.game-business div.game-business01 {
	float:left;
	width:431px;
}
div.game-business div.movie {
	float:left;
	height:270px;
}
div.game-business div.game-business02 {
	clear:both;
	padding:20px 0 0;
}

/* GF ZONE */
div.gf-zone div.gf-zone01 {
	float:left;
	width:431px;
}
div.gf-zone div.move {
	float:left;
	height:285px;
}
div.gf-zone div.gf-zone02 {
	clear:both;
	padding:0 0 40px;
}

/* GF 원정대 */
div.gf-expedition div.gf-expedition01 {
	padding:0 0 30px 0;
}
div.gf-expedition div.move {
	float:left;
	height:285px;
}
div.gf-expedition div.gf-expedition02 {
	clear:both;
	height:118px;
}
div.gf-expedition div.gf-expedition03,
div.gf-expedition div.gf-expedition04,
div.gf-expedition div.gf-expedition05,
div.gf-expedition div.gf-expedition06,
div.gf-expedition div.gf-expedition07,
div.gf-expedition div.gf-expedition08,
div.gf-expedition div.gf-expedition09 {
	padding:16px 0;
	border-top:1px solid #ededed;
}
div.gf-expedition div.gf-expedition03 {
	border-top:none;
}
div.gf-expedition div.gf-expedition06 div.gf-expedition-button {
	padding:11px 0 0 8px;
}


div.contact-us div.tab {
	height:67px;
}
div.contact-us div.text01 {
	padding:40px 0 0 0;
}

div.business div.movie {
	float:left;
	width:313px;
	height:279px;
}
div.business div.text01 {
	float:left;
}
div.business div.text02 {
	clear:both;
	height:258px;
}
div.business div.text03 {
	padding:20px 0 50px;
}
div.business div.text04 {
	padding:20px 0 50px;
}

/* card */
div.domestic-markets div.domestic-markets01 {
	float:left;
	width:431px;
	height:290px;
}
div.domestic-markets div.movie {
	float:left;
	height:290px;
}
div.domestic-markets div.domestic-markets02 {
	clear:both;
	padding:0 0 30px;
}
div.domestic-markets div.domestic-markets03 {
	clear:both;
	padding:0 0 30px;
}
div.overseas-markets div.movie {
	float:left;
	width:272px;
	height:298px;
}
div.overseas-markets div.text01 {
	float:left;
}
div.overseas-markets div.text02 {
	clear:both;
	padding:0 0 30px;
}
div.overseas-markets div.overseas-markets-flash {
	padding:0 0 30px 0;
	text-align:center;
}

div.business-result div.text01 {
	margin:0 0 0 0;
}
div.card-business div.movie {
	float:left;
	width:320px;
}
div.card-business div.movie img {
	vertical-align:top;
}
div.card-business h4 {
	height:30px;
}
div.card-business div.card-business01 {
	float:left;
}
div.card-business div.card-business02 {
	clear:both;
	padding:30px 0 40px 0;
}
div.card-business div.card-business03 {
	padding:0 0 30px;
}

/* RESOURCE */
div.resource-business div.resource-business01 {
	float:left;
	width:431px;
}
div.resource-business div.move {
	float:left;
}
div.resource-business div.move img {
	vertical-align:top;
}
div.resource-business div.resource-business02 {
	clear:both;
	padding:30px 0 0 0;
}
div.field div.field01 {
	padding:0 0 30px;
}

div.investment div.investment-button {
	padding:30px 0 0;
	text-align:right;
}
div.investment-business div.investment-business01 {
	float:left;
	width:431px;
}
div.investment-business div.movie {
	float:left;
}
div.investment-business div.movie img {
	vertical-align:top;
}
div.investment-business div.investment-business02 {
	clear:both;
	padding:20px 0 0 0;
}

div.recruit div.movie {
	float:left;
	width:300px;
	padding:20px 0;
}
div.recruit div.recruit01 {
	float:left;
	padding:20px 0;
}
div.recruit p.button {
	padding:20px 0;
	text-align:center;
}
div.recruit02 img {
	vertical-align:top;
}
div.recruit02 div.movie {
	float:left;
	width:300px;
	height:260px;
}
div.recruit02 div.recruit02-01 {
	float:left;
}
div.recruit02 div.recruit02-02 {
	clear:both;
	padding:20px 0 0 0;
}

/* 사이트맵 */

div.introduction-sitemap {
	float:left;
	margin:0 14px 0 0;
	width:164px;
	height:500px;
}
div.card-sitemap {
	float:left;
	margin:0 14px 0 0;
	width:164px;
	height:500px;
}
div.game-sitemap {
	float:left;
	margin:0 14px 0 0;
	width:164px;
	height:500px;
}
div.resource-sitemap {
	float:left;
	margin:0 14px 0 0;
	width:164px;
	height:500px;
}
div.investment-sitemap {
	float:left;
	margin:50px 14px 0 0;
	width:164px;
}
div.community-sitemap {
	float:left;
	margin:50px 14px 0 0;
	width:164px;
}
div.recruit-sitemap {
	float:left;
	margin:50px 14px 0 0;
	width:164px;
}

div.sitemap ul.one-depth {
	margin:5px 0 0;
}
div.sitemap ul.one-depth li {
	padding:8px 0;
	border-bottom:1px solid #dedede;
}
div.sitemap ul.two-depth {
	margin:8px 0 0;
	padding:5px 0 0;
	border-top:1px solid #dedede;
}
div.sitemap ul.two-depth li {
	padding:2px 0;
	border-bottom:none;
}

/* 조직도 팝업 */
div.popup-organization {
	width:332px;
	height:359px;
	background:url(/images/introduction/popup_organization_bg.gif) no-repeat 0 0;
}
div.popup-organization div.organization-flash {
	padding:56px 0 0 0;
	height:279px;
	text-align:center;
}
div.popup-organization div.popup-button {
	height:24px;
	text-align:right;
	background:#000;
}
div.popup-organization div.popup-button img {
	margin:8px 10px 0 0;
}

/* 특허 팝업 */
div.popup-license {
	width:384px;
	height:600px;
	background:url(/images/card/popup_license_bg.gif) no-repeat 0 0;
}
div.popup-license div.license-img {
	height:576px;
	text-align:center;
}
div.popup-license div.license-img img {
	margin:56px 0 0;
}
div.popup-license div.popup-button {
	height:24px;
	text-align:right;
	background:#000;
}
div.popup-license div.popup-button img {
	margin:8px 10px 0 0;
}

/* 메인팝업 */
body.popup {
	background:none;
}
div.power-window-open {
	height:555px;
}
div.power-window-open p.content {
	height:531px;
	background:#2e2e2e;
}
div.power-window-open img {
	vertical-align:top;
}

div.popup-cartes img {
	vertical-align:top;
}