@import url('common.css');

html , body {height:100%;width:100%; min-width:988px ;min-height:100%}
#Wrap  {height:100%;width:100%; min-width:988px;position:relative; } 
/* top */
#GNB {background:#fff;height:89px;position:fixed ;z-index:10; width:100%; 
	-moz-border-bottom-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
	-moz-border-bottom-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}
#GNB h1 {margin: 20px;float:left;cursor:pointer}
#GNB p {float:right;margin:20px 30px;float:right;text-align:right}
#GNB ul {width:470px;position:absolute;left:50%;margin-left:-240px  ;padding:20px 0  ;}
#GNB ul.en {width:360px;margin-left:-180px}
#GNB ul li {float:left;cursor:pointer}  

#GNB_Sub {background:#fdb813 ; height:48px ; padding-top:89px;text-align:center;position:fixed;z-index:9; width:100%;
		-moz-border-bottom-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
		-moz-border-bottom-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;}

#GNB span {top:72px;position:absolute;z-index:11;left:50%; height:22px; }
#GNB span.ir {display: none;}
#GNB span.neople , #GNB span.m1 {margin-left:-135px}
#GNB.en span.neople , #GNB.en span.m1 {margin-left:-70px}
#GNB span.game , #GNB span.m2 {margin-left:-10px}
#GNB.en span.game , #GNB.en span.m2 {margin-left:70px}
#GNB span.recruit , #GNB span.m3 {margin-left:115px}
#GNB span.contact , #GNB.en span.contact {display:none}
#GNB em.bar { border-left: 1px solid #ccc; margin-right: 10px; vertical-align: -3px; }
#GNB_Sub ul {display:none;left:50%;position:absolute;}
#GNB_Sub ul.g_sub1 { margin-left:-210px}
#GNB_Sub ul.g_sub2 { margin-left:-50px}
#GNB_Sub ul.g_sub3 { margin-left:50px}
#GNB_Sub ul.g_sub1e { margin-left:-130px}
#GNB_Sub ul.g_sub2e { margin-left:20px}
#GNB_Sub li {float:left;font-size:12px; margin:7px 5px 0 0  ; height:35px }
#GNB_Sub li a { text-indent:-10000px;display:block ;height:35px}
#GNB_Sub li:hover , #GNB_Sub li.on { } 

#GNB_Sub li.neople1 a {background:url(../images/GNB1_1.gif) no-repeat ; width:93px; }
#GNB_Sub li.neople2 a {background:url(../images/GNB1_2.gif) no-repeat ; width:105px; }
#GNB_Sub li.neople3 a {background:url(../images/GNB1_3.gif) no-repeat ; width:104px; }
#GNB_Sub li.neople4 a {background:url(../images/GNB1_4.gif) no-repeat ; width:105px; }

#GNB_Sub li.game a {background:url(../images/GNB2_1.gif) no-repeat ; width:83px; }
#GNB_Sub li.recruit a {background:url(../images/GNB3_1.gif) no-repeat ; width:136px; }

#GNB_Sub li.neople_en a {background:url(../images/EN_GNB1_1.gif) no-repeat ; width:114px; }
#GNB_Sub li.game_en a {background:url(../images/EN_GNB2_1.gif) no-repeat ; width:112px; }

#GNB_Sub li.on a  , #GNB_Sub li:hover a {background-position:left bottom !important}

#GNB_M , br.m {display:none} 

/* main */
/* 팝업 */

.banner_ja{width:1200px;height:381px;background:url(../images/popup/banner_ja.jpg) no-repeat;}
.banner_ja a{display:block;width:1200px;height:359px;text-indent:-9999px;}
.banner_ja .today{display:block;padding:2px 0;width:1200px;height:18px}
.banner_ja .today input{display:block;float:left;margin:0 9px 0 40px;width:18px;height:18px;}
.banner_ja .today label{display:block;float:left;cursor:pointer;}
/* 팝업 */


#mainTop {height:100%;width:100%;overflow:hidden;position:relative;  background:url(../neople/img/loader_bg.gif) no-repeat center center ;}
#mainTop .wrap {height:100%;width:100%;overflow:hidden;position:relative;}

#mainTop .wrap p {height:100%;width:100%;position:absolute; display:none; top:0;left:100%; margin:0}
#mainTop .wrap p:nth-of-type(1) {display:block;left:0}

	#mainTop .wrap span {height:100%;position:absolute;top:0;width:166px;z-index:5 ; cursor:pointer}  
	#mainTop .wrap span img {position:absolute;top:50%;margin-top:-83px;filter:alpha(opacity=50);opacity:0.5; } 
	#mainTop .wrap span img:hover {filter:alpha(opacity=100);opacity:1; } 
	#mainTop .wrap span.left {left:0;background-position:left top;}
	#mainTop .wrap span.right {margin-left:-166px;background-position:right top;}

#mainTop h2 {position:absolute;z-index:5;top:50%;left:50%;margin-top:-240px;margin-left:-480px;text-indent:-100000px;
	background:url(../images/main/main_title.png) no-repeat ; width:480px; height:480px}	
#mainTop h2.en {position:absolute;z-index:5;top:360px;left:50%;margin-left:-475px;text-indent:-100000px;
	background:url(../images/main/main_title_en.png) no-repeat ; width:677px; height:210px}

#mainTop .mTcont {position:absolute; z-index:5;height:75px;width:100%;bottom:0;left:0; background:#000}
	#mainTop .mTcont p {width:20%;float:left;height:75px; }
	#mainTop .mTcont p span {width:100%;height:100%;display:block;text-align:right}
	#mainTop .mTcont p span img {display:none}
	#mainTop .mTcont p.over  , #mainTop .mTcont p.on {border-top:5px solid #fdb813;}
	#mainTop .mTcont p.on  img  {display:block;float:right;margin-right:3%}
	/*#mainTop .mTcont p.over span , #mainTop .mTcont p.on span {opacity:0;}*/

#Neople  {height:100%;width:100%;overflow:hidden; position:relative;background:url(../images/main/neople_bg.jpg) center center;background-size:cover}
#Neople h2 {margin:150px auto 40px ;background:url(../images/main/neople_title.png) no-repeat ; width:930px; height:105px;text-indent:-100000px;}
#Neople h2.en {margin:230px auto 0 ;background:url(../images/main/neople_title_en.png) no-repeat ; width:567px; height:220px;text-indent:-100000px;}
#Neople ul {width:936px;margin:0 auto}
#Neople ul li {padding:0 15px;width:204px;float:left;overflow:hidden;position:relative;height:532px; }
	#Neople ul li img.icon {position:absolute;z-index:5;left:50%;margin-left:-25px}
#Neople ul li p.thum {background:url(../images/main/neople_thum_bg.png) no-repeat; height:157px; width:157px;padding:24px;text-align:center ;position:relative }
	#Neople ul li p.thum>img { position:absolute;left:24px;z-index:5;width:157px;} 
	#Neople ul li p.thum span {display:block;margin-top:147px}
	#Neople ul li p.thum span img  {cursor:pointer}

#Neople ul li div.open {position:absolute;top:48px; background:url(../images/main/neople_open_bg.png) no-repeat;  width:204px; text-align:center;display:none}
#Neople ul li div.open p.text {padding-top:195px;height:150px}
#Neople ul li div.open p.more {margin-top:5px}
#Neople ul li div.open span {display:block ;}
#Neople ul li div.open span img {cursor:pointer}
#Neople p.en_btn {text-align:center;background:url(../images/main/neople_btn.png) no-repeat center ; }
#Neople p.en_btn img {filter:alpha(opacity=0);opacity:0}
#Neople p.en_btn img:hover {filter:alpha(opacity=1);opacity:1}


	@media all and (max-height:840px) {    
	}
	@media all and (max-height:800px) {
		#Neople ul li p.thum img.data { filter:alpha(opacity=0);opacity:0}
		#Neople ul li div.open {background:none ; width:204px;height:204px;}
		#Neople ul li div.open p.text {padding-top:41px; } 
		#Neople ul li div.open p.more {margin:0px 0 0 1px}
		#Neople ul li div.open span  {display:none}
	}

#Neople ul.mobile , p.en_btn_M , #mainTop p.span{display:none}


#Game, .game_wrap  {height:100%;width:100%;overflow:hidden; position:relative; } 

#Game p.arrow { }
	#Game p.arrow img.left { margin-left:-25px ; left:0 ;top:50%;position:absolute}
	#Game p.arrow img.right { margin-right:-25px; right:0 ;top:50%;position:absolute}
	#Game p.arrow img { cursor:pointer}

#Game div.games {height:100%; width:25%;overflow:hidden;float:right;position:relative;
	font-family:Comic Sans MS , 나눔고딕, 'NanumGothic', 'NanumGothicWeb' ,sans-serif;color:#fff; }

#Game div.games .opacity {height:100%;width:100%;top:0;left:0;background:url(../images/main/game_opacity.png)}
#Game div.games:hover  .opacity { filter:alpha(opacity=0);opacity:0}
#Game div.games .game_details {bottom:30px;position:absolute;width:65%; margin-left:17%}
	#Game div.games .game_details>a {display:none}
	#Game div.games  p.title {font-size:35px;color:#fff;  font-family:Comic Sans MS;line-height:100% ;height:120px; } 
	#Game div.games  p.video {height:50px; font-size:5px; padding-left:10px}
	#Game div.games  p.video a {color:#fff;font-size:15px;font-family:Calibri;}
	#Game div.games  p.detail { }
	#Game div.games  p.detail img {cursor:pointer;width:100%}
#Game div.games  p.mSite {display:none}
#Game p.span , #Game .video_m{display:none}


#Game div.games .game_over {height:100%;width:100%;top:0;left:0;position:absolute;display:none }
	#Game div.games .game_over .x {top:90px;right:5%;position:absolute;cursor:pointer}
	#Game div.games .game_over a {width:65%;position:absolute;bottom:30px;margin-left:17%}
	#Game div.games .game_over a img {width:100%} 


#Game #game_video {display:none;position:fixed;top:0;left:0;width:100%;z-index:100;background:#000}
#Game #game_video p.x {text-align:center;z-index:101;position:fixed;top:10px;right:10px;cursor:pointer}

#Recruit {height:100%;width:100%;overflow:hidden; position:relative;background-position: center center}
#Recruit div {position:absolute;  width:480px; top:50%;margin-top:-280px;left:50%;z-index:5; margin-left:-480px; }
#Recruit div h2 { text-indent:-10000000px;background:url(../images/main/recruit_title.png) no-repeat ; width:490px;height:420px;cursor:pointer  }
#Recruit div a.mobile {display:none}


#Gallery  {height:100%;width:100%;position:relative;overflow:hidden; background:url(../images/main/gallery_bg.jpg) center center ;background-size:cover }   
#Gallery:after {clear:both;content:"";display:block}

#Gallery .FixPic {width:50%;float:left;height:100%;position:relative; }
	#Gallery h2 {background:url(../images/main/gallery_title.png) no-repeat;float:right;width:480px;  height:440px; text-indent:-10000px;z-index:5;margin-top:20%}
	#Gallery .FixPic p {clear:both}
	#Gallery .FixPic a {left:105px;float:right;margin-right:100px}
	#Gallery.en h2 {background:url(../images/main/gallery_title_en.png) no-repeat; } 

#Gallery .content {width:45%;float:right; height:100%;overflow:hidden;position:relative} 
#Gallery .content ul {width:100%;}
#Gallery .content ul:after {clear:both;content:"";display:block}
#Gallery .content .mCSB_inside > .mCSB_container{ margin-right: 0; }
#Gallery .content .data , #Gallery .content .pre { width:50%; height:150px;float:left;overflow:hidden; cursor:pointer;position:relative;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);} 
	}
#Gallery .content .data:hover{filter:alpha(opacity=80);opacity:0.8}  
	#Gallery .content .data:nth-of-type(6n+1) {float:left}
	#Gallery .content .data:nth-of-type(6n+2) {float:right}
	#Gallery .content .data:nth-of-type(6n+3) {float:right;margin-left:10%}
	#Gallery .content .data:nth-of-type(6n+4) {float:right}
	#Gallery .content .data:nth-of-type(6n+5) {float:left}
	#Gallery .content .data:nth-of-type(6n+6) {float:left;margin-right:10%}

#Gallery p.arrow {  }
	#Gallery p.arrow img {position:absolute;left:78%;margin-left:-30px;z-index:5} 
	#Gallery p.arrow img.Up { top:-20px;display:none}  
	#Gallery p.arrow img.Down {	bottom:-20px;}  
	#Gallery p.arrow img.none {filter:alpha(opacity=0);opacity:0; cursor:default} 

#Gallery .opacity { position:absolute;z-index:5;background:#000;top:0;left:0;width:100%;height:100%; filter:alpha(opacity=90);opacity: 0.9;display:none } 
#Gallery .picFrame {width:60%;height:60%; position:absolute;z-index:5;left:50%;margin-left:-30%;top:50%;margin-top:-13%;text-align:center;display:none }
#Gallery .picFrame img.gallery { max-width:100%;max-height:100%;}
#Gallery .picFrame img.x {position:absolute;top:0;margin-top:-86px;right:0;}

#Footer {background:#ebebeb ;padding:30px 60px 0 60px;height:170px;z-index:5;position:relative;font-size:12px; }
#Footer h1 {margin-right:80px;float:left;}
#Footer h1 img {width:90px}
#Footer ul {width:500px;float:left}
#Footer ul li {float:left;padding-right:60px;line-height:170%;margin-bottom:20px;line-height:180%}
#Footer ul img {margin-bottom:10px;height:22px}  
#Footer ul a {color:#909090; }

	@media all and (max-width:1250px) {   
		#Footer ul {width:380px;}
	}

#Footer .pright {width:408px;float:right;margin-top:0px;position:relative; }
#Footer .pright p {position:absolute;}

#Footer .pright p.contact , #Footer .pright p.family ,#Footer .pright p.family_on ,#Footer .pright p.privacy, #Footer .pright p.footagePolicy  {padding:8px 20px;width:110px ;margin-left:10px;font-size:11px;
		border:1px solid #dfdfdf;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;background:#fff;}
#Footer .pright p.contact {top:0;right:155px;text-align:center ;}
#Footer .pright p.privacy {top:0;right:310px;text-align:center ; font-weight: bold;}
#Footer .pright p.footagePolicy { top:0; right:465px; text-align: center; }

#Footer .pright p.family {right:0px;top:0}
#Footer .pright p.family_on {height:144px;top:-130px;display:none;right:0px;position:absolute;  z-index:100; }
#Footer .pright p.family_on a {height:20px;display:inline-block;}
#Footer .pright p.family_on a.on {margin-top:10px;display:inline-block;width:100%;background:url(../images/family_arrow_on.gif) no-repeat right 6px }
#Footer .pright p.family a.off { display:inline-block;width:100%;background:url(../images/family_arrow_off.gif) no-repeat right 4px }

#Footer .pright a {color:#383838;}
#Footer .pright a:hover {text-decoration:none}
#Footer .pright p.copy {right:0;text-align:right;margin-top:50px;clear:both;letter-spacing:-1px;color:#616161;line-height:150%}
#Footer .pright p.copy span {color:#919191 ;letter-spacing:0;font-size:11px}

#goTop {display:none}


.subWrap {padding-top:137px}
.subWrap .en * {font-family:calibri}
#N_contact.subWrap {padding-top:89px;background:#302f2a}
/* neople */

#N_neople {font-size:12px ; color:#696969; font-weight:bold}
#N_neople .hi {color:#8b8b8b;text-align:center;height:220px}
	#N_neople .hi img {width:384px;margin:60px 0 24px 0}
	#N_neople .hi p { font-size:12px; font-weight:bold}
	#N_neople .hi p.en {padding-top:0px;font-size:17px;font-family:Calibri;letter-spacing:0px;}

.whats {background:#f1f1f1;height:410px;text-align:center}
	.whats p {display:inline-block;width:470px;line-height:170%;vertical-align:top }
	.whats p img {height:193px;margin:54px 0 30px 0}
	.whats p:nth-of-type(1) {background:url(../images/neople/whats_line.gif) no-repeat right top;}

.np_is {background:url(../images/neople/is_bg.gif) ; height:740px ;text-align:center; }
	.np_is p {display:inline-block;line-height:170%;width:313px;padding:100px 40px 100px 0 ;vertical-align:top;text-align:left} 
	.np_is p.last {width:250px;padding-right:0}
	.np_is img {width:210px;padding-right:0;margin-bottom:50px}
	.np_is img.txt {width:232px;margin-bottom:30px}

	.np_is img.en {width:283px;}
	.np_is p.en {width:283px;text-align:justify;padding:100px 20px 100px 20px ;}
	.np_is p.en span {display:block;text-align:center}

.CI {background:url(../images/neople/CI_bg.jpg ) center top ; height:440px ; text-align:center; font-weight:normal}
	.CI p {display:inline-block ;vertical-align:top;text-align:left}
	.CI p.logo {width:418px;background:url(../images/neople/whats_line.gif) no-repeat right top; padding:115px 0 0 53px; }
	.CI p.logo img {width:373px}
	.CI p.text , .CI p.text_en {width:428px;padding:70px 0 0 40px;font-size:12px ; color:#1a1a1a;line-height:160%; }
	.CI p.text_en {padding:50px 0 0 40px;}
	.CI p.text span , .CI p.text_en span {display:block;margin-bottom:35px;font-size:25px}

.CI_down {background:#f6f6f6 ;height:560px ; text-align:center;font-weight:normal}
	.CI_down p {padding:60px 50px 0 50px;display:inline-block;width:210px;color:#888;font-family:calibri;font-size:18px;margin-bottom:50px}
	.CI_down p img {width:210px;margin-bottom:18px}
.CI_down .mobile {display:none}


#N_history {}
#N_history:after {clear:both;content:"";display:block}
#N_history .hi {background:#d89e1c ;font-weight:bold; height:220px; text-align:center ;margin-top:-20px;padding-top:20px}
	#N_history .hi  img {width:427px ; margin:45px 0 22px 0}
	#N_history .hi  p{color:#fff;font-size:12px; line-height:150%; }
	
#history {}
#history:after {clear:both;content:"";display:block}
	#history .year {width:50%;float:left;background:#ebb022 url(../images/neople/history_year_bg.gif) repeat-y right top;overflow:auto;}
	#history .year ul {float:right; width:250px; margin-bottom:40px}
	#history .year li {background:url(../images/neople/history_year_bg1.gif) no-repeat ; width:173px; height:173px ;overflow:hidden;padding-right:77px;
		font-weight:bold;font-familly:Trebuchet MS;color:#fff; font-size:30px;text-align:center;line-height:173px;margin-top:35px}
	#history .year li.on {background:url(../images/neople/history_year_bg2.gif) no-repeat ;}
	#history .year span {display:none}

	#history .contents {width:50%;float:right}
	#history .contents p {font-size:63px;font-weight:bold;font-familly:Trebuchet MS;color:#000;letter-spacing:-5px;padding:60px 0 0 65px}
	#history .contents p img {width:22px;cursor:pointer}
	#history .contents p span {position:absolute}
	#history .contents p span.up {margin:15px 0 0 50px}
	#history .contents p span.down {margin:40px 0 0 50px}

	#history  .mCSB_scrollTools .mCSB_draggerRail{ 
		opacity:0 ;filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; 
	}

	#history .year .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #e1a51e; 
	}

	#history .year .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #e1a51e; 
	}
	#history .year .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	#history .year .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #e1a51e; 
	}

	#history .contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #888; 
	}
	#history .contents .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #888; 
	}
	#history .contents .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	#history .contents .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #888; 
	}

	#history .contents dl {margin:0 0 50px 65px ; font-size:12px; color:#555}
	#history .contents dl dt {background:#ebebeb;padding:5px 0;text-align:center;width:55px ;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;font-weight:bold;margin:30px 0 10px 0}

#N_News .hi {color:#8b8b8b;text-align:center;font-size:12px;height:220px;letter-spacing:-1px;}
	#N_News .hi img {width:317px;margin:60px 0 20px 0}
	#N_News .hi p { line-height:170%}

#news_bbs {width:755px;margin:0 auto;padding:20px 0 120px 0}
	#news_bbs .search {text-align:right;padding-bottom:10px}
	#news_bbs .search select {background:#f5f5f5;border:1px solid #dfdfdf;height:25px;font-size:13px;
								-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	#news_bbs .search input[type=text] {background:#f5f5f5;border:1px solid #dfdfdf;height:23px;padding:0 10px;font-size:13px;
								-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	#news_bbs .search input[type=image] {width:46px;border:0;padding:0}

	#news_bbs table {width:100%;border-top:2px solid #231f20;}
	#news_bbs th {background:#ffc025;height:43px;font-size:13px;color:#231f20}
	#news_bbs th:nth-of-type(1) { -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
		
	#news_bbs th:nth-of-type(3) { -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }

	#news_bbs td {font-size:12px;color:#3e3e3e;height:43px;border-bottom:1px solid #efefef;text-align:center}
	#news_bbs td p {text-align:left;padding-left:15px
		display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal ;
		max-height:54px;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
	#news_bbs td p a {font-size:13px;color:#3e3e3e;}

#news_view {width:755px;margin:0 auto;padding:20px 0 120px 0}
	#news_view table {width:100%;border-top:2px solid #231f20;font-size:12px}
	#news_view * {word-break:break-all}
	#news_view th { background:#fbfbfb;border-bottom:1px solid #efefef;text-align:center;width:100px; color:#3e3e3e;font-weight:bold;padding:15px 0 ;vertical-align:top}
	#news_view td { border-bottom:1px solid #efefef;  color:#3e3e3e;padding:15px; max-width: 655px; }
	#news_view tr.mobile th, #news_view tr.mobile td {display:none}

#news_view p.btns {padding-top:10px;text-align:right}
#news_view p.btns img {width:104px}

.pagelist {text-align:center;padding-top:35px;;font-size:12px;}
.pagelist * {vertical-align:bottom}
.pagelist a {border:1px solid #efefef;color:#868686;display:inline-block;padding:6px 10px ;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.pagelist a.on {background:#231f20;color:#fff;border:1px solid #231f20;font-weight:bold}

#N_games {}
#N_games .hi {color:#8b8b8b;text-align:center;height:220px;border-bottom:1px solid #ebebeb}
	#N_games .hi img {width:419px;margin:50px 0 20px 0}
	#N_games .hi p { font-size:12px;font-weight:bold}
	#N_games .hi p.en { font-size:17px;font-family:Calibri;padding-top:20px;letter-spacing:0px;}
	#N_games .hi img.en {width:400px}

.game_list {background-position:50% top;height:275px;overflow:hidden;position:relative }
	.game_list p.title_kr , .game_list>p.title {display:none} 
	.game_list p.opacity {display:none}

.game_list .game_view {position:absolute;width:100%;height:370px;background:#231f20;top:0;display:none;text-align:center}
	.game_list .game_view p.title {padding:60px 0 20px 0 ;font-family:Calibri; color:#fff;text-align:center;margin:0;font-size:34px;background:none}
	.game_list .game_view p.text {font-size:12px;color:#fff;  filter:alpha(opacity=80);opacity:0.8;line-height:160%;padding:0 0 25px 0}

	
#N_recruit {}
#N_recruit .hi {color:#8b8b8b;text-align:center;font-size:12px;height:220px;border-bottom:1px solid #ebebeb}
	#N_recruit .hi img {width:456px;margin:50px 0 20px 0}
	#N_recruit .hi p { font-weight:bold;line-height:170%}

.want { height:595px;text-align:center} 
	.want p {padding:65px 0 45px 0;font-size:12px;color:#3e3e3e;font-weight:bold}
	.want p img {width:428px;margin-bottom:20px;}
	.want ol {}
	.want ol li {display:inline-block;font-size:12px;color:#232323;padding:0 40px;vertical-align:top;font-weight:bold;line-height:150%}
	.want ol li img{width:207px;margin-bottom:20px;}
	
.process {background:url(../images/neople/is_bg.gif) ; height:640px ;text-align:center; }
	.process p {padding:90px 0 60px 0;font-size:16px;color:#3e3e3e;font-weight:bold}
	.process p img {width:340px;margin-bottom:20px;}
	.process span {background:url(../images/recruit/process_n.gif) center top  no-repeat; width:100% ;height:309px;display:block;margin:0 auto;text-indent:-100000px;} 

.people {height:570px ;text-align:center; }
.go_site {text-align:center;padding:60px 0}
.go_site img {width:266px}


#N_contact {position:relative}
#N_contact .hi {color:#8b8b8b;text-align:center;height:220px;font-size:12px; background:#302f2a}
	#N_contact .hi img {width:347px;margin:50px 0 20px 0}
	#N_contact .hi p { font-weight:bold}
	#N_contact .hi p.en {padding-top:20px;letter-spacing:0px;} 

	#N_contact span.X {position:absolute;right:55px;top:155px}
	#N_contact span.X img {width:90px}


	#npMap {width:100%;height:665px;overflow:hidden}
	.location {background:#fff; height:500px;position:relative;overflow:hidden;}
	.location .infomation {background:#fff; width:42%;float:right; height:100%;position:relative;z-index:2} 
		.location .infomation .tabs {padding:37px 0 45px 0;margin-left:40px}
		.location .infomation .tabs img {height:37px;cursor:pointer}
	.location h2 {font-size:28px;font-weight:bold;color:#ffc025;line-height:120%;margin-bottom:34px;margin-left:40px}
	
	.location dl {;margin-left:40px}
	.location dt {color:#231f20;font-size:14px;font-weight:bold}
	.location dd {color:#989898 ;font-size:12px;margin-bottom:20px}

	.location div.photo  {float:left;height:100%;width:58%;position:absolute;top:0} 
		.location div.photo p.p1 {background:url(../images/contact/location_1_1.jpg?v=20180525) right top ; height:100% }
		.location div.photo p.p2 {background:url(../images/contact/location_1_2.jpg?v=20180525) right top ; height:100% }

	#contact_us {background:#fff}
	#contact_us p.title {height:200px;padding-top:60px;text-align:center;color:#787878;font-size:12px;font-weight:bold;line-height:130%}
	#contact_us p.title img {margin-bottom:25px;width:300px;}
	#contact_us p.normal img {margin-bottom:25px;width:673px;}
	#contact_us .mobile {display:none}
	#contact_us table {width:840px;margin:0 auto;color:#5a5a5a;font-size:12px} 
	#contact_us table td {vertical-align:top;padding-bottom:12px; }
	#contact_us table td b {font-size:12px}
	#contact_us table td p { padding-top:16px } 
	#contact_us table td p input {border:0}
	#contact_us input[type=text], #contact_us textarea {background:#f3f3f3;padding:13px 5px;border:0;margin-top:8px;width:95%; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	#contact_us input.r {width:90%}
	#contact_us p.ask_btn {padding:50px 0;text-align:center}
	#contact_us p.ask_btn img {width:265px}