@charset "utf-8";
/* 사이트 기본적용 */
/* 
- 메인 개편 20170725 
- 풋터 수정
- 서브 레이아웃 수정
*/

/* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */

body {margin:0;padding:0;background-color:#e5e5e5;text-align:center; font-family:"굴림",gulim,sans-serif; /*overflow-x:hidden;*/ position:relative; }
	
hr {display:none;}    
	
img,fieldset {border:none ;}      
dl,ul,ol,li {list-style: none;}      
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
a {text-decoration:none;}
/*a:link:hover, a:active {text-decoration:underline;}*/
input,select,textarea {font-size:100%;}
.input_check, .input_radio { height: 13px;width: 13px; vertical-align: middle; border:0;margin:0; padding:0;}

body,th,td {font-size:12px;font-family:"굴림",gulim,sans-serif;color:#333;}
legend { display:none}
ul, ol, li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0; padding:0;}
dl, dd,dt { margin:0; padding:0;}

a,img,input{selector-dummy:expression(this.hideFocus=true);}/*링크 테두리 제거 IE*/
a,img,input{outline: none;selector-dummy:expression(this.hideFocus=true); }/* 링크 테두리 제거 파이어폭스*/


.cursor_pointer { cursor: pointer; }

.border_none { border:none;}

.red { color:#F00;}
.green { color:#363}
input[type=checkbox], input[type=radio] { border:none !important } 

/* 메인페이지 CSS */
.container { /*width:1898px;*/ height:940px; position:relative; overflow:hidden }  
.mcontainer { min-width:1598px; /*height:1090px;*/ height:1130px; min-height:800px;  position:relative; z-index:300; text-align:left; margin:0; overflow:hidden} 
.Mcont_warp { height:875px; float:left; z-index:700; position:absolute; top:0; left:0; margin:0; padding:0; background:#252527}

/*서브 페이지 기본 레이아웃*/
.container .cont_warp {	width: 940px;margin-left: 500px;*margin-left:480px;padding-top: 70px;text-align: left;position: relative;}

/* 풀사이즈 페이지 레이아웃 */ 
.container_full { width:100%; height:950px; position:relative; background:url(//image.ongate.com/www/login/bg.jpg) repeat-x 0 -51px;position:relative;min-width:1000px; margin:0} 
.container_full .full_contwarp { margin:0 auto; width:1000px; position:relative}


/* 메인 좌측 변경 20170724 */
.lefcont_warp { width:370px; overflow:hidden; height:100%; float:left; margin:0; padding:0; position:relative; background:#0c0d0f; font-family:"굴림",gulim,sans-serif; text-align:left; z-index:2000;}
.lefcont_warp .topbox { width:340px; height:52px; border-bottom:1px solid #242425; padding:15px 15px 0 15px; text-align:left; margin-bottom:15px}
.lefcont_warp .topbox .btnlogout { left:135px; position:relative }
.loginbox { width:340px; height:150px;  position:relative; padding:15px 15px 0 15px}
.loginbox .chu_layban { position:absolute; top:-10px; left:14px; display:none}
.loginbox .idsect { text-align:left; font-size:12px; margin-bottom:5px }
.loginbox .idsect .idname { width:264px; display:inline-block; color:#fff3f8; font-family:"굴림",gulim,sans-serif}
.loginbox .idsect .idname a { color:#fff3f8}
.loginbox .idsect .qbtn, .loginbox .idsect .qbtn a { color:#9f9e95}
.loginbox .idsect .qbtn img {vertical-align:text-top; margin-top:-1px}
.loginbox dl { width:132px; height:46px; background:#121314; float:left; border:1px solid #2b2924; margin-right:5px; padding:5px 15px 5px 15px; text-align:left; margin-bottom:5px}
.loginbox dl dt { color:#fff; font-weight:bold; line-height:26px; }
.loginbox dl dd, .loginbox dl dd a { color:#ffb100;}
.L_txtb { width:370px; height:254px; position:relative; margin:5px 0 75px 0; text-align:center}
.L_txtb .selr { width:370px; height:30px; text-align:center; font-size:40px; line-height:10px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-4px; overflow:hidden}
.L_txtb .selr a { color:#2a2a2a}
.L_txtb .selr a:hover { color:#ffae00}
.l_noti { width:370px; height:100px; text-align:left; padding:100px 15px 0 15px;}
.l_noti dl { width:335px;}
.l_noti dl dt { height:20px; line-height:14px; border-bottom:1px solid #2a2a2a; width:335px; margin-bottom:8px; font-family:"굴림",gulim,sans-serif}
.l_noti dl dt .ti { width:282px; display:inline-block; font-weight:bold; color:#FC0; }
.l_noti dl dt .mo a {color:#9f9e95;}
.l_noti dl dd {width:335px; line-height:23px; color:#bababa; font-family:"굴림",gulim,sans-serif}
.l_noti dl dd .ti { float:left; width:260px; height:30px;  }
.l_noti dl dd .ti a {color:#bababa;}
.l_noti dl dd .dat { float:right;}
.custban { margin:10px 0 10px 15px; *margin:30px 0 10px 15px;}
.bot{ font-size:11px; margin-left:16px; letter-spacing:-0.3px; color:#868687; font-family:"굴림",gulim,sans-serif; margin-bottom:15px }
.bot a { color:#868687}

.mainm { width:81px; overflow:hidden; height:100%; float:left; background:#7f0000; position:relative; z-index:2000; display:inline-block } 
.mainm img { top:285px;position:relative; left:0 }
.container .mainm img { left:-1px}
 
 
/* 메인 컨텐츠 추가 20170725*/
.l_contwarp { width:451px; height:100%; background:#F00; float:left; position:relative; z-index:1100; }
.r_contwarp { width:100%; min-width:900px; height:100%; background:#0c0d0f; padding:0 0 0 476px; text-align:left;position:relative;z-index:1000; *margin-top:-1080px}

.r_contwarp .contb { width:1005px; height:100%; position:relative; margin:0; padding:0}

.r_contwarp .contb .mainban { border:1px solid #000; position:relative; width:598px; height:355px; float:left; overflow:hidden; position:relative; margin-top:30px}
.r_contwarp .contb .mainban .backbox {width:598px; height:36px; background:#000; position:absolute; top:319px; filter:alpha(opacity=60);-moz-opacity:0.6;opacity:.6;z-index:5000}
.r_contwarp .contb .mainban .banlist {width:570px;height:30px;position:absolute;top:332px;z-index:1500;left:30px; overflow:hidden}
.r_contwarp .contb .mainban .banlist li { display:inline;color:#85807f; font-family:"굴림",gulim,sans-serif}
.r_contwarp .contb .mainban .banlist a {color:#85807f}
.r_contwarp .contb .mainban .banlist a:hover {color:#FF0; font-weight:bold}
.r_contwarp .contb .mainban .banlist .on {color:#FF0; font-weight:bold}
.r_contwarp .contb .mainban .banlist .lst { width:80px; display:inline-block; text-align:center; letter-spacing:-1px}
.r_contwarp .contb .isuban { width:400px; height:350px; float:right; text-align:right;margin-top:30px; padding-top:1px}
.r_contwarp .contb .isuban img { margin:0 2px 3px 0;}

.r_contwarp .contb .pluschag {width:1006px; height:69px; position:absolute; top:378px; left:0;z-index:10000;}

.r_contwarp .contb .chugame { width:1006px; height:170px; float:left; margin-top:80px; font-family:"굴림",gulim,sans-serif; font-size:14px; margin-bottom:15px; display:inline-block; position:relative}
.chugame .ju { position:absolute; height:6px; width:100%; background:#000; z-index:50;  filter:alpha(opacity=30);-moz-opacity:0.3;opacity:.3; top:44px;}
.r_contwarp .contb .chugame p { width:503px; height:50px; display:inline-block; position:relative; line-height:50px; text-align:center; color:#fff; background:#47494e;filter:alpha(opacity=35);-moz-opacity:0.35;opacity:.35; float:left}
.r_contwarp .contb .chugame .on { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; background:#7f0000}
.r_contwarp .contb .chugame .game_viewb {width:1006px; height:118px; background:url(//image.ongate.com/www/index/new20170724/gvbg.gif) no-repeat center; position:relative; margin-bottom:30px;}
.r_contwarp .contb .chugame .game_viewb ul { width:995px; height:98px; padding:20px 0 0 0} 
.r_contwarp .contb .chugame .game_viewb ul li { width:235px; height:82px; margin-left:13px; float:left; text-align:center}

/*.r_contwarp .contb .aglist { width:1005px; background:#161716; border:1px solid #2d2d2d; float:left; position:relative; padding-bottom:15px; margin-bottom:10px  }
.r_contwarp .contb .aglist dt { height:47px; border-bottom:1px solid #2d2d2d; line-height:50px; padding-left:30px; font-size:16px; color:#fff; font-family:daum}
.r_contwarp .contb .aglist dd { padding:20px 0 20px 30px ; height:100%}
.r_contwarp .contb .aglist dd .categori { width:980px; height:30px; float:left;}
.r_contwarp .contb .aglist dd .categori li { display:inline-block; font-family:daum; font-size:16px; color:#b8bbbc; font-weight:bold}
.r_contwarp .contb .aglist dd .ga01 { width:235px; }
.r_contwarp .contb .aglist dd .ga02 { width:595px; }
.r_contwarp .contb .aglist dd .ga03 { width:115px; }
.r_contwarp .contb .aglist dd .ga04 { font-family:daum; font-size:16px; color:#b8bbbc; font-weight:bold;  }
.r_contwarp .contb .aglist dd .list { float:left; width:110px; line-height:24px; margin-right:10px; color:#7b7f83; height:100%; letter-spacing:-1px}
.jeun { margin-bottom:25px}
.spo { position:relative; float:right}
.r_contwarp .contb .aglist dd .list a { color:#7b7f83;}
.r_contwarp .contb .aglist dd .list a:hover { color:#F90}
.r_contwarp .contb .aglist dd .list li img {vertical-align:middle; margin:-4px 0 0 2px }
.mfoot { line-height:24px}
.mfoot ul { height:50px; padding-left:10px; color:#838383; font-family:daum}*/

.r_contwarp .contb .algamewarp  { width:1005px; background:#0c0d0f; border:1px solid #2d2d2d; float:left; position:relative; margin-top:10px; padding-bottom:15px; margin-bottom:10px;  }
.r_contwarp .contb .algamewarp p {  height:47px; border-bottom:1px solid #2d2d2d; line-height:50px; padding-left:20px; font-size:16px; color:#fff; font-family:"굴림",gulim,sans-serif; margin-bottom:10px}
.r_contwarp .contb .algamewarp .ga01 { width:210px; margin-left:20px; float:left}
/*.r_contwarp .contb .algamewarp .ga02 { width:430px; height:250px; margin-left:0; float:left}*/
.r_contwarp .contb .algamewarp .ga02 { width:500px; margin-left:0; float:left}
.r_contwarp .contb .algamewarp .ga03 { width:140px; margin-left:0; float:left; margin-bottom:20px;}
.r_contwarp .contb .algamewarp .ga04 { width:90px; margin-right:30px; float:right;margin-top:20px;}
/*.r_contwarp .contb .algamewarp .ga05 { width:200px; margin-left:0; float:left; }*/
.r_contwarp .contb .algamewarp .ga05 { width:200px; margin-left:0; float:left; margin-bottom:50px; }
.r_contwarp .contb .algamewarp dl dt { font-family:"굴림",gulim,sans-serif; font-size:16px; color:#b8bbbc; font-weight:bold; margin-bottom:6px; }
.r_contwarp .contb .algamewarp dl dd { height:100%;}
.r_contwarp .contb .algamewarp dl dd ul { float:left; width:120px; line-height:24px}

.r_contwarp .contb .algamewarp dl dd a {color:#7b7f83;}
.r_contwarp .contb .algamewarp dl dd a:hover {color:#F90}
.r_contwarp .contb .algamewarp dl dd img {vertical-align:middle; margin:-1px 0 0 2px}



/* 내게임 설정 */
.Mcont_warp .info_warp .mygame_edit { width:300px; height:316px; background:#FFF; border:1px solid #000; z-index:2500; top:0px; left:460px; position:absolute; overflow:hidden}
.Mcont_warp .info_warp .mygame_edit dl { width:300px;text-align:left;}
.Mcont_warp .info_warp .mygame_edit dd { border:1px solid #000; margin-left:20px; width:238px; *width:238px; height:200px; padding:10px; overflow:auto }
.Mcont_warp .info_warp .mygame_edit dd ul { line-height:29px; width:220px; font-size:13px; color:#333}
.Mcont_warp .info_warp .mygame_edit dd ul li { width:220px; height:24px; overflow:hidden;}
.Mcont_warp .info_warp .mygame_edit dd ul input { float:right; width:20px; height:20px; *width:26px; *height:26px; *margin:-2px 0 0 0 }
/*.Mcont_warp .info_warp .mygame_edit dd ul input lable { height:20px; overflow:hidden;}
.Mcont_warp .info_warp .mygame_edit dd ul input[id="cb1"] + label {display:inline-block; width:18px; height:18px; border:1px solid #2281f1; cursor:pointer; background:#58a3ff} 
.Mcont_warp .info_warp .mygame_edit dd ul input[id="cb1"]:checked + label:after {content:'\2713';font-size: 22px; color:#FFF; line-height:8px}*/
.Mcont_warp .info_warp .mygame_edit span { float:left; width:190px; }

.Mcont_warp .info_warp .mygame_edit .btn { margin-top:10px; width:300px; text-align:center;}

.Mcont_warp .info_warp .mygame_view { width:300px; height:auto; background:#FFF; border:1px solid #000; z-index:2000; top:0px; left:450px; position:absolute; overflow:auto; padding-bottom:15px}
.Mcont_warp .info_warp .mygame_view img { *margin-bottom:5px;}




/*서브 헤더*/
.sub_top_ctain { width:100%; height:52px; background:url(//image.ongate.com/www/login/bg.jpg) repeat-x; min-width:1000px; position:relative; overflow:hidden}
.sub_top_warp { width:1000px; height:52px; text-align:left; margin:0 auto; position:relative; overflow:hidden}
.sub_top_warp .l_cont { float:left; height:52px; }
.sub_top_warp .r_cont { float:right; width:350px; height:52px;text-align:right; margin-right:20px;}
.sub_top_warp .r_cont ul {}
.sub_top_warp .r_cont ul li { display:inline; margin-right:20px; line-height:55px; color:#fff;}
.sub_top_warp .r_cont ul .id a { color:#FFF;}
.sub_top_warp .r_cont ul .my_game a { color:#FF0;}


/*풋터
.footer { width:100%; height:89px;background:#2b2b2b; text-align:center; clear:both; position:relative; min-width:1598px; text-align:center; position:relative; min-width:1000px}
.footer .foot_img {margin:0 auto; height:79px;  }
.footer .foot_img {padding-top:10px;}*/

/* 풋터 수정 20170725 */
.footerN { height:130px;background:#2b2b2b; clear:both; position:relative; min-width:1598px; text-align:left; position:relative; overflow:hidden }
.footerN  UL { height:50px; padding-left:10px; color:#838383; font-family:"굴림",gulim,sans-serif; line-height:20px}
.footerN ul li a {color:#666;}
.footerN ul li img { vertical-align:middle; margin-left:10px}
.footerN ul li .do { margin:0 20px 0 20px}
.footerN span { display:inline-block}
.footerN .bot{ font-size:12px;  color:#a9abb0; font-family:"굴림",gulim,sans-serif; height:13px; padding-top:20px }
.footerN .bot a { color:#a9abb0}
.footerN .bot .red { color:#ff5555}



/*공통 페이징*/
.paginate {padding:16px 0;text-align:center; display:block; margin:0; z-index:500 } 
.paginate a,.paginate strong {display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong {border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre {margin-right:6px;padding:4px 6px 2px 14px;_padding-bottom:1px;background:url(//image.ongate.com/www/index/bu_pg3_l_off.gif) no-repeat 6px 5px !important;letter-spacing:-1px}
.paginate .next,.paginate a.next2 {margin-left:4px;padding:4px 14px 2px 6px;_padding-bottom:1px;background:url(//image.ongate.com/www/index/bu_pg3_r_off.gif) no-repeat 82px 25px !important;letter-spacing:-1px}
.paginate a.pre {background:url(//image.ongate.com/www/index/bu_pg3_l_on.gif) no-repeat 6px 5px !important}
.paginate a.next {background:url(//image.ongate.com/www/index/bu_pg3_r_on.gif) no-repeat 85px 5px !important}
.paginate a.next2 {background:url(//image.ongate.com/www/index/bu_pg3_r_on.gif) no-repeat 45px 5px !important}
.paginate .pre,.paginate .next,.paginate a.next2 {display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;font-family:"굴림",gulim,sans-serif;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next,.paginate a.next2 {color:#565656}
.paginate a:hover {border:1px solid #fff;background-color:#f7f7f7 !important}

/*.ff_btn { width:800px; text-align:center; position:relative; height:60px; line-height:80px; *line-height:60px; clear:both; overflow:hidden; z-index:100  }*/
.ff_btn { width:800px; height:60px; overflow:hidden; text-align:center; line-height:80px; position:relative; z-index:1000}
.ff_btn .del_btn { width:100px; height:60px; position:absolute; line-height:70px; margin-left:-20px;  }
.ff_btn .list_btn { position:absolute; top:-20px; right:0} 




/* 풋터 메뉴 가이드 */
.footer .term_warp { background:#FFF; position:absolute; z-index:2500; border:1px solid #000; padding:10px; left:0; top:0; display:none }



/* 온게이트 에러 페이지 */

.cont_warp .warr_erwarp { width:800px; margin-top:30px; position:relative; float:left}
.cont_warp .warr_erwarp .error_txt { width:600px; height:200px; background:#FFF; border:1px solid #d3d3d3; margin:0 auto; padding-top:50px; position:relative}
.cont_warp .warr_erwarp .error_txt dl { width:600px; line-height:20px; font-family:"굴림",gulim,sans-serif; text-align:center;  }
.cont_warp .warr_erwarp .error_txt dl dt { height:40px; font-weight:bold; color:#333} 
.cont_warp .warr_erwarp .error_txt dl ul { text-align:left; padding-left:100px}
.cont_warp .warr_erwarp .error_txt .btn { position:absolute; top:170px; left:150px; width:300px; text-align:center}


/*휴면회원 기간설정 추가 20151104*/
.Mcont_warp .humansel { position:absolute; width:222px; height:75px; z-index:2000;top:150px; left:24px;}


@keyframes fadeOutInOut { 
  0% { 
    opacity: 1; 
  } 
  25% { 
    opacity: 0.7; 
  } 
  75% { 
    opacity: 1; 
  } 
  100% { 
    opacity: 0.7; 
  } 
} 

 
.isuban img:hover { 
  animation-duration: 1s; 
  animation-name: fadeOutInOut; 
} 

.isuban img:hover {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeOutInOut;
    -moz-animation-name: fadeOutInOut;
    -o-animation-name: fadeOutInOut;
    animation-name: fadeOutInOut;
}
.bg_sam { width:100%; height:350px; position:absolute; left:-30px;filter:alpha(opacity=45);-moz-opacity:0.45;opacity:.45;}