body { margin:0; padding:0;background:#fff;font-size:12px;}
table, div { font-family:Dotum;font-size:12px;color:#4E5955; border-collapse:collapse; }
select, textarea { border:1px solid #303030;background:#FFF;font-family:Dotum;font-size:12px;color:#4E5955;height:18px;padding:2px;line-height:1.4;} 
input { padding: 3px 0 3px 0; font-size: 12px; font-family: dotum; color:#333; }
input, select { vertical-align:middle; }

.schinput {border:1px solid #4F8ACC; width:230px;} /*°Ë»ö*/
.boardinput {border:1px solid #ccc; padding:3px;  height:12px; } /*°Ô½ÃÆÇÀÔ·Â*/
.tschinput {border:1px solid #999; width:180px; height:20px; padding:3px; font-size:12px; font-family:dotum; color:#353535; } /* °Ô½ÃÆÇ °Ë»öÀÔ·Â*/

.f11_red {
font-size:11px;
color:red;
}

form,ul,ol,dl,table,div,h1,h2,h3 { margin:0;padding:0; }
p { line-height:1.4; }
* { margin:0;padding:0; letter-spacing:0;}
img { border:0; }
.border {border:1px solid #d3d3d3;  line-height:0; font-size:0;}

.L { float:left;}
.R { float:right;}
.aL { text-align:left !important;}
.aC { text-align:center !important;}
.aR { text-align:right !important;}
.b { font-weight:bold; }
.clear { clear:both; }
.hand { cursor:pointer; }
.u { text-decoration:underline;}
.vaM {vertical-align:middle !important; }
.vaT {vertical-align:top !important; }
.vaB {vertical-align:bottom !important; }

/************** float ¼Ó¼ºÀ¸·ÎÀÎÇÑ ¹ö±×ÇØ°á ******************/
.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac */
*{padding:0;margin:0;} 

/* ±âº»¸µÅ©°ª ------------------------------------------------------*/
A { text-decoration:none; }
A:link {color:#333;}
A:visited {color:#333;}
A:hover { text-decoration:none; color:#333;}


.p_t5 {padding-top:5px;}
.p_t10 {padding-top:10px;}
.p_l5 {padding-left:5px;}
.p_l10 {padding-left:10px;}
.p_lt5 {padding-left:5px; padding-top:5px;}


.txt {font-size:11px; color:#333; float:left;}
.txt01 {font-size:12px; color:#999; }
.txt02 {font-size:11px; color:#999; }
.txt03 {font-size:12px; color:#ff0006; font-weight:bold;}
.txt04 {font-size:12px; color:#ff9600;}
.txt05 {font-size:11px; color:#ff9600;}

.hiddeninput {
border:1px solid #ffffff; padding:3px;  height:12px; 
}

.read_data {color:#999; font-size:12px; }

.game_list {
width:290px;
height:110px;
float:left;
}

#wrap {background-color:#fff;}
#content_area{margin:0 auto; width:1340px;}

/*ÄÁÅÙÃ÷ Layout*/
#contents {width:1340px; margin:0px; padding:0px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg.jpg) no-repeat top right; width:1340px; height:auto; overflow:hidden;}
#left {margin:0px;width:220px;float:left; height:50px;}
#center{margin:0px;width:810px;padding:0px;float:left;}
#right {margin:0px;width:310px;padding:0px;float:right;}

/**/
#top {width:810px; height:165px; margin:0 auto; text-align:left;}
#top td {color:#666; font-size:16px; font-weight:bold; text-align:center; }
#top td span {color:#333; font-size:18px; font-weight:bold;}


/*MAIN*/
#L_top {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_top01.gif) no-repeat ;height:13px;}
#L_mid {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_m.gif) repeat-y top left; height:271px;}
#L_mid td{color:#333; font-size:12px; text-align:left;}
#L_bom {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_bottom.gif) no-repeat;height:10px;}

#menu_top {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_top02.gif) no-repeat; height:35px;}
#menu_mid {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_m.gif) repeat-y top left; height:287px;}
#menu_mid ul li {list-style:none; color:#333; font-size:12px; text-align:left; height:20px;}
#menu_mid ol li {list-style:none; color:#999; font-size:12px; text-align:left; height:18px; padding-left:10px;}
#menu_mid ul li a {color:#333; text-decoration:none;}
#menu_mid ol li a {color:#999; text-decoration:none;}
#menu_bom {width:180px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/bg_bottom.gif) no-repeat;height:10px;}

/*page*/
#view_mid {width:620px; text-align:left; height:auto !important;}

.title ul {list-style:none; display:inline; text-align:left; float:left; height:18px; width:580px; position:relative;}
.title ul li {list-style:none; display:inline; text-align:left;  height:18px;}
.title ul li.name {color:#ff4e00; text-align:left;}
.title ul li.more {text-align:right; float:right; position:absolute; right:0; font-size:11px; color:#999;}
.title ul li.more2 {text-align:right; float:right; position:absolute; right:0; }
.title ul li.more3 {text-align:right; float:right; position:absolute; right:0; margin-top:-5px;}

.tab {width:580px;}
.tab ul {list-style:none;  text-align:left; float:left; height:30px; padding:0px; margin:0px;width:100%;border-bottom:1px solid #ccc;}
.tab ul li {list-style:none; float:left;text-align:left; padding:0px; margin:0px; height:30px;}


.bar {background-color:#ccc; margin:0px;}

/*¸®½ºÆ®*/
.list {width:90px; float:left; margin:0 0 0 10px;}
.list ul {margin:0px; float:left; width:90px;}
.list ul li {list-style:none; font-size:11px; color:#333; text-align:center; margin-top:5px; height:15px; }
.list ul li.img {list-style:none; text-align:center; padding:4px 4px 5px 4px; border:1px solid #cccccc; height:60px;}

.list2 {width:90px; float:left; margin:0 0 0 25px;}
.list2 ul {margin:0px; float:left; width:90px;}
.list2 ul li {list-style:none; font-size:11px; color:#333; text-align:center; margin-top:5px; height:15px; }
.list2 ul li.img {list-style:none; text-align:center; padding:4px 4px 5px 4px; border:1px solid #cccccc; height:60px;}


.flist3 {width:105px; height:130px; float:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/f_bg.gif) no-repeat; margin:10px 0 0 8px; overflow:hidden;}

/*¿£Á©Ä£±¸*/
.flist {width:105px; height:130px; float:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/f_bg.gif) no-repeat; margin:10px 0 0 10px;}
.flist ul {margin:0px; float:left; width:105px; height:130px;}
.flist ul li {list-style:none; font-size:12px; color:#333; text-align:center; margin-top:10px; height:20px; width:100px;white-space:nowrap;overflow:hidden;}
.flist ul li.con {font-size:12px; color:#999; text-align:right; margin-top:10px; height:20px; padding:5px;width:95px; }
.flist ul li.img {text-align:center; height:55px; margin-top:5px;width:105px;}

.flist2 {width:105px; height:130px; float:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/f_bg.gif) no-repeat; margin:10px 0 0 8px;}
.flist2 ul {margin:0px; float:left; width:105px; height:130px;}
.flist2 ul li {list-style:none; font-size:12px; color:#333; text-align:center; margin-top:10px; height:20px; width:100px; white-space:nowrap;overflow:hidden;}
.flist2 ul li.con {font-size:12px; color:#999; text-align:right; margin-top:10px; height:20px; padding:5px;width:95px;}
.flist2 ul li.img {text-align:center; height:55px; margin-top:5px;width:105px;}


/*¹æ¸í·Ï*/
#wtbl{width:580px;}
#wtbl td span {padding-top:5px; letter-spacing:-1px;}


.wtbl02 {width:580px;}
.wtbl02 td.con {padding:5px; vertical-align:top;}
.bar02 {width:580px;height:20px; border-bottom:1px solid #ccc;}

/*¿£Á©Ä£±¸*/
#topmenu {font-size:12px; color:#ccc;}
#topmenu a {font-size:12px; color:#333; font-weight:bold;}
#topmenu a:visited{font-size:12px; color:#333; font-weight:bold;}
#topmenu a:link {font-size:12px; color:#333; font-weight:bold; }
#topmenu a:hover{font-size:12px; color:#ff0006; font-weight:bold;text-decoration:underline; }

/*°ÔÀÓÆ÷ÄÏ ¸®½ºÆ®*/
.poketlistbl {width:580px;}

.poketlist {width:280px; padding-top:20px; margin:0px; }
.poketlist dl{text-align:left; margin:0px; width:280px; height:90px; padding:0px; }
.poketlist dt{float:left;margin:5px 0px 0px 5px; width:180px; font-size:12px; color:#999;height:27px;}
.poketlist dd A { text-decoration:none; font-size:12px; color:#333; }
.poketlist dd A:link {color:#333;}
.poketlist dd A:visited {color:#333; }
.poketlist dd A:hover { text-decoration:underline; color:#1C5DB1; font-size:12px;}

.poketlist dd{float:left; width:180px; margin:0px; padding:0px;}
.poketlist span {float:left; height:7px; margin:0px; padding:0px;}
.poketlist .lt {float:left; width:88px; height:68px; padding:0px; border:1px solid #cccccc;}
.poketlist .lt img{text-align:center; vertical-align:top; padding-top:3px; }
.poketlist .rt {margin:3px 0px 0px 5px; font-size:12px;color:#444; font-weight:bold; letter-spacing:-1px; float:left; } 
.poketlist .ar {margin:3px 0px 0px 5px; padding:0px; text-align:right; height:7px; } 
.poketlist .gt {float:left; margin:2px 5px 0px 5px; padding:0px; width:180px;height:6px; vertical-align:top; } 

.dot {text-align:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}
.dot2 {float:left; width:100%; height:1px; text-align:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}

.gbbar {width:180px; height:6px;}

/*mypage*/
.myp {width:580px;}
.myp td {text-align:left; padding:5px; color:#333;}
.myp td.no {text-align:left; padding:0px; color:#333;}
.myp td.line {text-align:center; padding:0px; color:#333; border:1px solid #ccc;}
.myp td.dot_line{text-align:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}

/*ÇÁ·ÎÇÊ*/
#pf {width:270px; margin:0px; padding:0px; }
#pf dl{text-align:left; margin:0px; width:270px;}
#pf dt{text-align:left; padding:5px; width:270px; font-size:12px; color:#333; font-weight:bold; border-bottom:2px solid #ccc;}
#pf dd{text-align:left; padding:5px; font-size:12px; color:#333; font-weight:bold; width:270px;  border-bottom:1px dotted #ccc; position:relative;}
#pf dd.top{margin-top:5px;}
#pf dd.line{width:270px;  border-bottom:1px solid #ccc;}
#pf dl span {text-align:left; padding-left:120px; font-size:12px; font-weight:normal; color:#999; position:absolute; left:0;}

/*Ä³½Ã*/
.cash {width:580px;}
.cash th {background: url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/th_C.gif) repeat-x top left; height:32px; text-align:center;}
.cash td {text-align:center; padding:5px; color:#333; }
.cash td.no { padding:0px;}
.cash td.line {text-align:center; padding:0px; color:#333; border:1px solid #ccc;}
.cash td.dot_line{text-align:left; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}


.textbox {width:270px; height:120px; font-size:12px; font-family:Dotum; color:#999; text-align:left; line-height:1.4; vertical-align:top; overflow:auto; border:1px solid #ccc;}
.textbox p {font-size:12px; font-family:Dotum; color:#999; text-align:left; line-height:1.4; vertical-align:top; padding:5px 10px 10px 10px;}

.textbox02 {width:270px; height:120px; font-size:12px; font-family:Dotum; color:#999; text-align:left; line-height:1.4; vertical-align:top; overflow:auto; border:1px solid #ccc;}
.textbox02 p {font-size:12px; font-family:Dotum; color:#999; text-align:left; line-height:1.4; vertical-align:top; padding:5px 10px 10px 10px;}



/*ÂÊÁö*/
.note {width:580px;}
.note th {background: url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/th_C.gif) repeat-x top left; height:32px; text-align:center;}
.note td {text-align:left; padding:10px; color:#333; }
.note td.date {text-align:center; padding:5px; color:#999; font-size:11px; }
.note td.no { padding:0px;}
.note td.line {text-align:center; padding:0px; color:#333; border:1px solid #ccc;}
.note td.dot_line{text-align:left; padding:0px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}

.note2 {width:580px;}
.note2 th {background: url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/th_C.gif) repeat-x top left; height:32px; text-align:center;}
.note2 td {text-align:center; padding:10px; color:#333; }
.note2 td A {text-align:center; font-size:12px; color:#999; }
.note2 td A:link {text-align:center; font-size:12px; color:#999; }
.note2 td A:visited {text-align:center; font-size:12px; color:#999; }
.note2 td A:hover {text-align:center; font-size:12px; text-decoration:underline; color:#1C5DB1;}
.note2 td.date {text-align:center; padding:5px; color:#999; font-size:11px; }
.note2 td.no { padding:0px;}
.note2 td.line {text-align:center; padding:0px; color:#333; border:1px solid #ccc;}
.note2 td.dot_line{text-align:left; padding:0px; background:url(http://img.gameangel.com/dir_img/angelzone/skin_img1/iframe/dot_line.gif) repeat-x bottom left;}

/*ÂÊÁö¸®½ºÆ®*/
.notelist {width:260px; height:78px; margin:0px; padding:0px; border:1px solid #ccc;text-align:left;}
.notelist dl {width:260px;  text-align:left; margin:0px; padding:5px; position:relative; width:90px;}
.notelist dd {text-align:center; margin:0px; padding:0px; position:absolute; top:7px;}
.notelist .lt {float:left;width:80px;height:55px; text-align:center; border:1px solid #000;}
.notelist .rt{margin:0 0 0 90px;line-height:1.3; text-align:center; width:160px; }


/*¿£Á©Á¸*/
#agzone {width:580px;} 
#agzone td {text-align:center;}
#agzone td.line {text-align:center; padding:0px; color:#333; border:1px solid #ccc;}
# td img {border:1px solid #ddd;}


.notesendlist {
width:285px;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


/* ³»»çÁø °ü¸® */

.thm_box {
	position:relative;
	overflow: hidden;
	border-radius: 100%;
	box-sizing: border-box;
	width: 62px;
	height: 62px;
	display: inline-block;
	vertical-align:top;
}
.thm {
	position:absolute;
	left:50%;
	margin-left:-31px;
	width: inherit;
	height: 62px;
}
.thm_control {
	display: inline-block;
	padding: 5px;
}
.thm_control button, .thm_control label {
	display: block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #eee;
	text-align:center;
	padding: 4px 7px;
	font-size: 11px;
	color: #888;
	margin-bottom: 5px;
	cursor: pointer;
}
.thm_control input[type=file] {
	display: none;
}

.modal_profile {
	position: fixed;
	top:0px; left:0px;
	width: 100%; height:100%;
	display: none;
}
.modal_profile  .mask {
	position: absolute;
	background: #fff;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index:100;
}
.modal_profile .header {
	display: block;
	position: relative;
	top:0px;
	left:0px;
	right:0px;
	height: 60px;
	font-size:14px;
	color:#fff;
	background: #00a9e3;
	border-radius: 18px 18px 0 0;
}
.modal_profile .header i {
	position: absolute;
	display: block;
	height: 24px; width: 264px;
	left: 24px; top:18px;
	text-indent:-9999px;
	color:transparent;
	background:url("http://img.gameangel.com/www.gameangel.com/member/member_profile.jpg");
	background-position:0 -50px;
}
.modal_profile .header a {
	position: absolute;
	display:block;
	height: 25px; width: 25px;
	right: 20px; top:16px;
	text-indent:-9999px;
	color:transparent;
	background:url("http://img.gameangel.com/www.gameangel.com/member/member_profile.jpg");
	background-position:-265px -50px;
}
.modal_profile .inner {
	position: absolute;
	z-index:101;
	background: #fff;
	left: 50%; margin-left:-300px;
	top:50px;
	width: 600px;
	height: 560px;
	border: 2px solid #ccc;
	border-radius: 20px;
}

.modal_profile ul {
	list-style: none;
	display: block;
	margin-top:35px;
	text-align:center;
}
.modal_profile li {
	display: inline-block;
	text-align:center;
	margin: 0px 16px 10px;
}
.modal_profile .thm_box {
	width: 130px;
	height: 130px;
	display: inline-block;
	vertical-align:top;
	box-sizing: border-box;
}
.modal_profile li.on .thm_box {
	border: 3px solid #00a9e3;
}
.modal_profile .btn_radio {
	display:block;
	width: 20px; height: 20px;
	margin:10px auto;
	text-indent:-9999px;
	color:transparent;
	background:url("http://img.gameangel.com/www.gameangel.com/member/member_profile.jpg");
	background-position: -171px 0;
}
.modal_profile li.on .btn_radio {
	background-position: -171px -26px;
}
.modal_profile .thm {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-65px;
	margin-left:-65px;
	width: inherit;
	height: 130px;
}
.modal_profile .profile_control {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
.modal_profile .btn_profile_apply {
	display: inline-block;
	text-indent:-9999px;
	color:transparent;
	background:url("http://img.gameangel.com/www.gameangel.com/member/member_profile.jpg");
	width: 168px;
	height: 48px;
	border:0px;
	cursor:pointer;
}

/*ÀÎÁõ¹øÈ£*/
.ip_has_side{
	display:block;
	position:relative;
	overflow:hidden;
	border-bottom: 1px solid #c9c9c9;
	padding: 7px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 7px 0;
}
.ip_has_side label{
	display: inline-block;
	height: 33px;
	line-height: 33px;
	
	letter-spacing: -1px;

	position: absolute;
	left: 7px;
	top: 7px;
	bottom: 0;
	width: 85px;
}


.ip_has_side > p{
	position: static;
	margin: 0 97px;
	padding: 0;
}

.ip_has_side .ip_side {
	position: absolute;
	z-index: 2;
	top: 7px;
	right: 7px;
	bottom: 0;
}

.btn_silver {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 33px;
	line-height: 33px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	font-size: 12px;
	background: #f0f0f0;
	background: -moz-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fff),color-stop(50%,#f0f0f0),color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);
	background: -o-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);
	background: linear-gradient(to bottom,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);
}
#returncode {
	box-sizing: border-box;
	height: 33px;
	padding:0 3px;
	width: 200px;
}
.returncode_msg {
  padding-right: 5px;
  text-align: right;
  color: #00a9e3;
  font-size: .85em;
}

input{vertical-align:top;}



.daum_addr_layer {
  display: none;
  position: fixed;
  z-index: 1;
  z-index: 10000;
  min-width: 300px!important;
}
.daum_addr_layer .addr_layer_head {
  position: absolute;
  top: -40px;
  left: -5px;
  right: -5px;
  height: 40px;
  line-height: 40px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-indent: 15px;
}
.daum_addr_layer #btnCloseLayer {
  background-color: transparent;
  background-image: url(http://img.appstory.co.kr/c.appstory.co.kr/renew_v2/sp_apc_ui_v13.png?v=7&CDN=1);
  background-position: 0 -100px;
  position: absolute;
  right: 19px;
  text-indent: -9999px;
  top: 12px;
  width: 18px;
  height: 18px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  .daum_addr_layer {
    max-height: 400px;
  }
  .daum_addr_layer > div:nth-of-type(2) {
    overflow-y: auto;
    height: 400px!important;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  .daum_addr_layer {
    max-height: 400px;
  }
  .daum_addr_layer > div:nth-of-type(2) {
    overflow-y: auto;
    height: 294px!important;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 379px) {
  .daum_addr_layer {
    left: 0!important;
    right: 0!important;
    margin: 0 auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .daum_addr_layer .addr_layer_head {
    line-height: 37px;
  }
}
@media only screen and (min-width: 1025px) {
  #daum_addr_layer {
    width: 420px!important;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    bottom: 0!important;
    margin: auto;
    height: 485px!important;
  }
}