@import "board.css";

/**
*  sub
**/

#wrapper	{ width: 100%; }
#header		{ width: 100%; height: 295px; }
#container	{ position: relative; width: 990px; margin: -157px auto 80px; overflow: hidden; z-index: 100; }
#subNavi	{ float: left;  width: 142px; height: 265px; }
#content	{ float: left; width: 692px; padding: 157px 78px 0; }

/* sub title */
h2			{ margin: 0 0 25px; }
h2 img		{ display: block; }
h3			{ position: relative; margin: 25px 0 10px; }
h3 img		{ display: block; }
h3 a.item	{ position: absolute; top: -2px; right: 0; }
h3.title	{ }

/* DRAGONFLY */
/* 개요 */
p.overview-attach { margin: 25px 0; }

/* CEO 인사말 */
#ceo-greeting		{ padding: 5px 0 0 285px; background: url('../../img/img_dragonfly/ceo.jpg') no-repeat 0 0; }
#ceo-greeting h3	{ margin: 10px 0 5px; }
#ceo-greeting p		{ padding: 15px 0 17px; }

/* CI */
#ci-tab		{ margin: 0 0 -20px; }
dl.ci		{ }
dl.ci dt	{ margin: 0 0 10px; }
dl.ci dd	{ }

/* 연혁 */
#history-tab	{ margin: -25px 0 -20px; }
#history					{ margin: 20px 0 0; background: url('../../img/img_dragonfly/bg_history_btm.gif') no-repeat left bottom; }
#history .history-content	{ background: url('../../img/img_dragonfly/bg_history_top.gif') no-repeat left top; }
#history ul					{ padding: 13px 0 22px; }
#history ul li				{ width: 100%; padding: 22px 0 0; overflow: hidden; }
#history h3					{ float: left; width: 60px; margin: 0; padding: 0 0 0 30px; }
#history ol					{ float: left; margin: 3px 0 0; }
#history ol li				{ width: auto !important; padding: 0 0 15px 35px !important; font-size: 0; line-height: 1; background-repeat: no-repeat; background-position: 12px 1px; }
#history ol li.m01			{ background-image: url('../../img/img_dragonfly/history_m01.gif'); }
#history ol li.m02			{ background-image: url('../../img/img_dragonfly/history_m02.gif'); }
#history ol li.m03			{ background-image: url('../../img/img_dragonfly/history_m03.gif'); }
#history ol li.m04			{ background-image: url('../../img/img_dragonfly/history_m04.gif'); }
#history ol li.m05			{ background-image: url('../../img/img_dragonfly/history_m05.gif'); }
#history ol li.m06			{ background-image: url('../../img/img_dragonfly/history_m06.gif'); }
#history ol li.m07			{ background-image: url('../../img/img_dragonfly/history_m07.gif'); }
#history ol li.m08			{ background-image: url('../../img/img_dragonfly/history_m08.gif'); }
#history ol li.m09			{ background-image: url('../../img/img_dragonfly/history_m09.gif'); }
#history ol li.m10			{ background-image: url('../../img/img_dragonfly/history_m10.gif'); }
#history ol li.m11			{ background-image: url('../../img/img_dragonfly/history_m11.gif'); }
#history ol li.m12			{ background-image: url('../../img/img_dragonfly/history_m12.gif'); }
#history ul.y2009-6			{ background: url('../../img/img_dragonfly/bg_history_2009_6.gif') no-repeat right top; }
#history ul.y2005-1			{ background: url('../../img/img_dragonfly/bg_history_2005_1.gif') no-repeat right top; }

/* 비전 */
#vision				{ width: 100%; padding: 31px 0; background: url('../../img/img_dragonfly/bg_vision.gif') no-repeat 0 0; overflow: hidden; }
#vision h3			{ float: left; margin: 0; padding: 0 19px 0 35px; }
#vision	dl			{ float: left; width: 438px; overflow: hidden; }
#vision	dl dt		{ clear: left; float: left; width: 71px; padding-top: 15px; }
#vision	dl dd		{ float: left; width: 367px; margin-bottom: 15px; }

/* 수상경력 */
#history.awards			{ }
#history.awards h3		{ padding-top: 2px; }
#history.awards	ul 		{ padding-top: 20px; }
#history.awards	ul li	{ padding: 10px 0 0; }
#history.awards	ol		{ margin: 4px 0 0; }
#history.awards	ol li	{ padding-left: 0 !important; }

/* GAMES */
#games-tab	{ margin: -25px 0 -20px; }

#gamesTab			{ width: 100%; overflow: hidden; }
#gamesTab li		{ float: left; }
#gamesTab li a		{ display: block; height: 27px; text-indent: -3000em; }
#gamesTab li a.svc	{ width: 351px; background: url('../../img/img_games/tab_game_svc.gif') no-repeat 0 -27px; }
#gamesTab li.current a.svc,
#gamesTab li a.svc:hover	{ background-position: 0 0; }
#gamesTab li a.dev	{ width: 344px; margin-left: -3px; background: url('../../img/img_games/tab_game_dev.gif') no-repeat 0 0; }
#gamesTab li.current a.dev,
#gamesTab li a.dev:hover	{ background-position: 0 -27px; }

#gTabListWrap	{ width: 692px; height: 71px; margin: 17px 0 0; background: url('../../img/img_games/tab_gamelist_bg.gif') no-repeat 0 0; }
#gTabListWrap #gTabList			{ width: 658px; margin: 9px auto 0; overflow: hidden; }
#gTabListWrap #gamesList		{ width: 3000em; }
#gTabListWrap #gamesList li		{ float: left; padding: 0 8px; }
#gTabListWrap #gamesList li a	{ display: block; width: 93px; height: 47px; text-indent: -3000em; background-position: 0 0; background-repeat: no-repeat; }
#gTabListWrap #gamesList li.current a,
#gTabListWrap #gamesList li a:hover	{ background-position: 0 -47px; }
#gTabListWrap #gamesList li a.qw	{ background-image: url('../../img/img_games/tab_game_qw.gif'); }
#gTabListWrap #gamesList li a.k2	{ background-image: url('../../img/img_games/tab_game_k2.gif'); }
#gTabListWrap #gamesList li a.gs	{ background-image: url('../../img/img_games/tab_game_gs.gif'); }
#gTabListWrap #gamesList li a.sf	{ background-image: url('../../img/img_games/tab_game_sf.gif'); }
#gTabListWrap #gamesList li a.ko	{ background-image: url('../../img/img_games/tab_game_ko.gif'); }
#gTabListWrap #gamesList li a.kr	{ background-image: url('../../img/img_games/tab_game_kr.gif'); }

/* ONLINE GAMES */
h3.game-title				{ margin: 20px 0 0 !important; }
h4.game-title				{ margin: 35px 0 15px; }
#games-screenshot			{ margin: -5px 0 0; }
#games-movie				{ margin: -10px 0 0; }

/* DEVELOPMENT GAMES */
#devgames-list				{ margin: 0 !important; border-bottom: 1px solid #ebebeb; }
#devgames-list li			{ padding: 0 !important; font-size: 0; line-height: 0; }
#devgames-list li p			{ width: 244px; padding: 20px 10px 20px 0; text-align: right; }
#devgames-list li dl		{ width: 428px; padding: 25px 0 25px 10px; }
#devgames-list li dl dd		{ margin: 17px 0 0 !important; }
/*#devgames-list li dl dd.text{ min-height: 40px; height: 40px; height: auto !important; }*/

/* PC GAMES */
#pcgames-list li dl dd.text { }

/* GAMES LIST 공통 */
.games-list					{ margin: -20px 0; }
.games-list li				{ width: 100%; padding: 20px 0; border-top: 1px solid #ebebeb; overflow: hidden; }
.games-list li.first-child,
.games-list li:first-child	{ border: 0; }
.games-list li p			{ float: left; width: 223px; }
.games-list li dl			{ float: left; width: 469px; }
.games-list li dl dt		{ display: block; margin: 8px 0 0; }
.games-list li dl dd		{ margin: 12px 0 0; }

/* BUSINESS */
/* 해외 법인 */
#global-offices						{ margin: 5px 0 -20px; }
#global-offices li					{ padding: 20px 0 20px 255px; border-top: 1px solid #ebebeb; }
#global-offices li:first-child,
#global-offices li.first-child		{ border: 0; }
#global-offices li p.flag			{ margin: 0 0 -141px -255px; }
#global-offices li h3				{ margin: 5px 0 20px !important; }
#global-offices li table			{ margin: 20px 0 0; border-top: 2px solid #ff6c00; border-bottom: 1px solid #ccc; }
#global-offices li table th,
#global-offices li table td			{ /*height: 30px;*/ padding: 6px 0 5px; border-top: 1px solid #ededed; }
#global-offices li table th			{ width: 95px; border-right: 1px solid #ccc; }
#global-offices li table td			{ width: 317px; padding-left: 12px; }
#global-offices li table td.company	{ font-weight: bold; color: #333; }

/* 해외 파트너 */
#global-partners					{ width: 714px; margin: 5px 0 0 -22px; }
#global-partners li					{ display: inline; float: left; width: 293px; height: 262px; margin: 20px 0 0 22px; padding: 0 21px; background: url('../../img/img_business/gp_box.gif') no-repeat 0 0; }
#global-partners h3					{ margin: 0; padding: 21px 0 10px; }
#global-partners table				{ border-top: 2px solid #ff6c00; border-bottom: 1px solid #ccc; }
#global-partners table th			{ width: 94px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#global-partners table td			{ width: 190px; padding-left: 8px; border-bottom: 1px solid #ccc; }
#global-partners table .partner th,
#global-partners table .partner td	{ height: 61px; }
#global-partners table .service th,
#global-partners table .service td	{ height: 102px; }
#global-partners table .service td	{ vertical-align: top; }
#global-partners dl:first-child		{ border-top: 0; }
#global-partners dl					{ margin-left: -8px; padding: 3px 0 3px 8px; border-top: 1px solid #ededed; }
#global-partners dl	dt				{ margin: 0 0 3px; }
#global-partners dl	dt img			{ vertical-align: middle; }

/* 온라인 대회 */
#history.business-area				{ margin: 0; }
#history.business-area ul			{ background: url('../../img/img_business/bg_area.gif') no-repeat right top; }
/* 사진 보기 팝업 */
.esports-photo						{ width: 500px !important; }
.esports-photo #galContainer		{ position: relative; width: 460px; margin: 0 0 -7px; background: url('../../img/img_business/bg_gal_control.gif') no-repeat left bottom; }
.esports-photo #galControl	a.prev	{ top: 343px; left: 6px; }
.esports-photo #galControl	a.next	{ top: 343px; right: 6px; }
.esports-photo #galWrap				{ width: 412px; margin: 15px auto 0; padding: 13px 0 17px; overflow: hidden; }
.esports-photo #galList li			{ float: left; margin-right: 8px; }
/* 영상 보기 팝업 */
.esports-video						{ width: 650px !important; }

/* ETC */
/* 사이트 맵 */
#sitemap				{ width: 100%; overflow: hidden; }
#sitemap div			{ float: left; height: 204px; background-repeat: no-repeat; background-position: 0 0; }
#sitemap h3				{ margin: 25px 0 0 20px; }
#sitemap ul				{ margin: 15px 0 0 20px; }
#sitemap ul li			{ padding: 1px 0 5px; font-size: 0; line-height: 1; }
#sitemap ul li img		{ display: block; }
#sitemap .dragonfly		{ width: 172px; background-image: url('../../img/img_etc/bg_s_dragonfly.gif'); }
#sitemap .games			{ width: 173px; background-image: url('../../img/img_etc/bg_s_games.gif'); }
#sitemap .business		{ width: 173px; background-image: url('../../img/img_etc/bg_s_business.gif'); }
#sitemap .ir			{ width: 174px; background-image: url('../../img/img_etc/bg_s_ir.gif'); }

#location-tab	{ margin: -25px 0 -20px; }
#location		{ margin: 20px 0 0; }
#location dt	{ margin: 0; }
#location dd	{ position: relative; margin: 13px 0 0; }
#location dd p	{ position: absolute; top: -3px; left: 602px; }

/* gallery */
#galPreview img				{ display: block; }
#galControl					{ }
#galControl	a.prev			{ position: absolute; top: 446px; left: 7px; }
#galControl	a.next			{ position: absolute; top: 446px; right: 7px; }
#galWrap					{ width: 642px; margin: 25px auto 0; padding: 13px 0 17px; overflow: hidden; }
#galList					{ width: 3000px; overflow: hidden; }
#galList li					{ float: left; margin-right: 12px; }
#galList li img				{ display: block; padding: 3px; border: 1px solid #e0e0e0; }
#galList li.selected img	{ padding: 0; border: 4px solid #ff731e; }