/* ----------------------------------------------------------------
Web Service Team : sakang 100526
---------------------------------------------------------------- */

@import url("basic.css");
@import url("member.css");
@import url("board.css");
@import url("game.css");
@import url("customer.css");
@import url("join_cbt.css");
@import url("main.css");


/* layout */
body { background:url(/images/bg_body.gif) 0 0 repeat-x; }
#top { background:url(/images/bg_header.gif) top center no-repeat; min-width:930px; height:167px; }
section { width:930px; height:auto; overflow:hidden; margin:0 auto 60px auto; }
footer { width:910px; height:auto; overflow:hidden; margin:0 auto; border-top:1px solid #f2f2f2; padding:23px 0 23px 20px;  }
#top #sgnb1, #top #sgnb2, #top #sgnb3 { position:absolute; top:117px; left:0; width:100%; background:#fff url(/images/bg_sgnb.gif) top center repeat-x; min-width:930px; height:40px; }
#top .smenu { width:930px; height:30px; margin:0 auto; text-align:right; }
#top .gnb { width:930px; height:83px; margin:0 auto 4px auto; overflow:hidden; }
#top .smenu ul.sm { float:right; padding-top:8px; overflow:hidden; margin-right:5px; }
#top .smenu ul.sm li { float:left; text-align:right; color:#c1b6b3; font-size:11px; font-family:gulim; background:url(/images/smenu_line.gif) center right no-repeat; padding:0 10px; overflow:hidden; margin-right:-1px;}
#top .smenu ul.sm li a { color:#c1b6b3; }
#top .smenu ul.sm li a:hover, #top .smenu ul.sm li a.active  { color:#e5d6d1; }
#top .smenu ul.lang { float:right; height:14px; overflow:hidden; padding-top:10px; }
#top .smenu ul.lang li { float:left; padding:0 4px; overflow:hidden; margin-right:-1px; }
#top .gnb h1 { float:left; }
#top .gnb ul { float:right;  }
#top .gnb ul li { float:left; }
#top .gnb ul li a:hover img, #top .gnb ul li a.active img { margin-top:-83px; }
#top #sgnb3 .sgnb3 { width:930px; height:30px; margin:0 auto; overflow:hidden; }
#top #sgnb3 .sgnb3 ul { float:right; }
#top #sgnb3 .sgnb3 ul li { float:left; margin-left:20px; }
#top #sgnb3 .sgnb3 ul li a:hover img, #top #sgnb3 .sgnb3 ul li a.active img { margin-top:-30px; }
#top #sgnb2 .sgnb2 { width:930px; height:30px; margin:0 auto; overflow:hidden; }
#top #sgnb2 .sgnb2 ul { float:right; margin-right:130px; }
#top #sgnb2 .sgnb2 ul li { float:left; margin-left:20px; }
#top #sgnb2 .sgnb2 ul li a:hover img, #top #sgnb2 .sgnb2 ul li a.active img { margin-top:-30px; }
#top #sgnb1 .sgnb1 { width:930px; height:30px; margin:0 auto; overflow:hidden; }
#top #sgnb1 .sgnb1 ul { float:right; margin-right:260px; }
#top #sgnb1 .sgnb1 ul li { float:left; margin-left:20px; }
#top #sgnb1 .sgnb1 ul li a:hover img, #top #sgnb1 .sgnb1 ul li a.active img { margin-top:-30px; }

footer .xl { float:left; width:140px; }
footer .copy { float:left; width:390px; }
footer .copy ul { float:left; }
footer .copy ul li { float:left; }
footer .copy address { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;  }
footer .copy .cpright { float:left; margin-top:5px; }
footer .foot { float:left; width:380px; }


/* contents */

	/* button */
	#contentArea .btn { text-align:center; height:40px; margin-top:8px; overflow:hidden;  }
	#contentArea .btn a:hover img { margin-top:-40px; } 
	#contentArea .btn1 { text-align:center; height:40px; margin:8px 0 0 20px; overflow:hidden;  }
	#contentArea .btn1 .f_l { float:left; margin-top:7px; }
	#contentArea .btn1 .f_r { float:right; margin-right:20px; }
	#contentArea .btn1 .f_r a:hover img { margin-top:-40px; } 
	#contentArea .btn2 { height:40px; margin-top:8px; overflow:hidden;  }
	#contentArea .btn2 .f_l { float:left; width:530px; text-align:center; margin-left:200px;  }
	#contentArea .btn2 .f_l a:hover img { margin-top:-40px; } 
	#contentArea .btn2 .f_r { float:right; width:180px; text-align:right; margin-right:20px; }
	#contentArea .btn2 .f_r a:hover img { margin-top:-40px; } 
	#contentArea .btn3 { height:40px; margin-top:8px; overflow:hidden;  }
	#contentArea .btn3 .f_l { float:left; width:190px; margin-left:20px; }
	#contentArea .btn3 .pageBox { float:left; width:510px; text-align:center; }
	#contentArea .btn3 .pageBox .paging a:link,
	#contentArea .btn3 .pageBox .paging a:visited { display:inline-block;  padding:0 5px; height:18px; line-height:18px;text-align:center; border:1px solid #e8e8e8; color:#5c5c5c; font-size:11px;  }
	#contentArea .btn3 .pageBox .paging a:hover, 
	#contentArea .btn3 .pageBox .paging a.active { display:inline-block;  padding:0 5px; height:18px; line-height:18px;text-align:center; border:1px solid #555; color:#fff; font-size:11px; background-color:#555;  }
	#contentArea .btn3 .f_r { float:right; width:190px; text-align:right; margin-right:20px; }
	#contentArea .btn3 .f_r a:hover img { margin-top:-40px; }
	#contentArea .btn4 { text-align:center; height:50px; margin-top:8px; overflow:hidden;  }
	#contentArea .btn4 a:hover img { margin-top:-50px; } 
	#contentArea .btn5 { text-align:center; margin-top:8px; overflow:hidden;  }
	#contentArea .btn5 .pageBox {text-align:center; }
	#contentArea .btn5 .pageBox .paging a:link,
	#contentArea .btn5 .pageBox .paging a:visited { display:inline-block;  padding:0 5px; height:18px; line-height:18px;text-align:center; border:1px solid #e8e8e8; color:#5c5c5c; font-size:11px;  }
	#contentArea .btn5 .pageBox .paging a:hover, 
	#contentArea .btn5 .pageBox .paging a.active { display:inline-block;  padding:0 5px; height:18px; line-height:18px;text-align:center; border:1px solid #555; color:#fff; font-size:11px; background-color:#555;  }

	

#contentArea .txtinfo { text-align:right; font-size:11px; margin-bottom:5px; }
#contentArea .txtinfo img { margin-top:3px;  }

/* 기타페이지 */
#contentArea .etc { margin:130px auto; width:540px; height:300px; }
#contentArea .etc h2 { text-align:center; margin-bottom:30px; }
#contentArea .etc .Box { border:1px solid #eaeaea; padding:30px; text-align:center; }
#contentArea .etc .Box span { color:#ff551a; }
#contentArea .etc .Btn { margin:10px 0 0 0; text-align:center; height:40px; overflow:hidden;  }
#contentArea .etc .Btn a:hover img { margin-top:-40px; }

#contentArea .etc1 { width:930px; height:auto; overflow:hidden; }
#contentArea .etc1 h2 { margin-bottom:25px;  }
#contentArea .etc1 .Box { border-top:1px solid #959595; height:auto; overflow:hidden; padding:0 30px; }
#contentArea .etc1 .Box .tit { color:#477399; font-size:20px; font-weight:bold;  padding:30px 0 10px 0; }
#contentArea .etc1 .Box dl dt { color:#6196c4; font-size:14px; font-weight:bold; padding:10px 0 5px 0; }
#contentArea .etc1 .Box dl dd { margin-left:20px; color:#494949; padding-bottom:10px; line-height:22px; }
#contentArea .etc1 .Box .cl { color:#6196c4; font-weight:bold; }
#contentArea .etc1 .Box dl dd.cl1 { color:#7d7d7d;  margin-left:35px; }
#contentArea .etc1 .Box .end { color:#707070; padding-top:50px; }
#contentArea .etc1 .Box ul.list { margin:20px 0;}
#contentArea .etc1 .Box ul.list li { color:#477399; font-size:14px; font-weight:bold; margin-bottom:5px; }
#contentArea .etc1 .Box ul.list li a { color:#477399; }
#contentArea .etc1 .Box .txts { color:#494949; padding:25px 0; line-height:22px; }
#contentArea .etc1 .Box ul li { padding-bottom:5px; color:#5c5c5c; }
#contentArea .etc1 .Box ul li.cl1 { color:#7d7d7d;  margin:0 0 10px 15px; }
#contentArea .etc1 .Box ul li a { color:#5c5c5c; }
.prbox { border:1px solid #e3e3e3; background-color:#f9f9f9; padding:0 20px 20px 20px; margin:10px 0; }
.prbox .prtxt { color:#9c9999; font-size:14px; font-weight:bold; text-align:right; margin-top:10px; }
.prT { width:870px; border-top:3px solid #cbccce; }
.prT th { color:#494949; font-size:15px; padding:10px 0; background-color:#f0f8fd; border-bottom:1px solid #cbccce; border-right:1px solid #cbccce; }
.prT th.th1 { width:115px; }
.prT th.th2 { width:481px; }
.prT th.th3 { width:67px; }
.prT th.th4 { width:67px; }
.prT th.th5 { width:124px; border-right:0; }
.prT td { padding:10px; border-bottom:1px solid #cbccce; border-right:1px solid #cbccce; }
.prT td.tc { text-align:center; }
.prT td.tc1 { text-align:center; border-right:0;  }