@charset "utf-8";
@import "common.css";
@import "layout.css";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@keyframes appear{
	0%{
		opacity: 0;
		transform: translateY(20px) scale(1);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* layout */
/*body.main {background-color:#ebebeb;}*/
 #Header {height:494px;}
 #Container {min-height:610px;}
 #LeftArea {margin:0 32px 0 0;width:211px;}
 #LeftArea .topLink {margin-bottom:30px;}
 #CenterArea {float:left;margin-right:23px;width:491px;}
 #RightArea {float:right;padding-top:0px;width:241px;}
 #Login {top:415px;}

span.more {position:absolute;right:0;top:3px;}
span.more a {display:block;width:15px;height:14px;text-indent:-999px;background:url(/_FishingHero/_images/main/btn_more.gif) no-repeat;overflow:hidden;}

div.notice {position:relative;height:200px;}
div.notice h6 {margin-bottom:5px;}
/*div.notice a.top {display:block;margin-bottom:5px;padding-left:7px;font-weight:bold;color:#000;text-decoration:underline;background:url(/_FishingHero/_images/main/bul_list01.gif) no-repeat 0 5px;}*/
div.notice div {line-height:18px;font-size:11px;color:#5c5c5c;margin-bottom:10px;}
/*div.notice div {line-height:18px;font-size:11px;color:#5c5c5c;margin-bottom:10px;margin-top:5px;}*/
/*div.notice div span {font-size:11px;color:#5c5c5c;}*/
/*div.notice div p {padding-top:3px;color:#9e9e9e;}*/
/*div.notice li {padding-left:10px;height:19px;background:url(/_FishingHero/_images/main/bul_list02.gif) no-repeat 4px 5px;}*/

div.notice .sTabB3 li a {display:inline-block;width:70px;height:24px;padding-top:15px;color:#555;background:url('../image/main/new_Tab.png') no-repeat 0 0;text-align:center;font-weight:bold;font-size:11px}
div.notice .sTabB3 li:first-child a,.sTabB li:first-child a,.sTabB3 li:first-child a {margin:0 -1px 0 0;}
div.notice .sTabB3 li a:hover, .sTabB3 li.on a {border-bottom: 2px solid #96a7b9; color: #333;}

div.news {position:relative;height:250px;}
div.news h6 {margin-bottom:14px;}
/*div.news .pic {margin-bottom:12px;}
div.news a.top {display:block;margin-bottom:5px;font-weight:bold;color:#000;text-decoration:underline;}
div.news div {margin-bottom:10px;}
div.news div span {font-size:11px;color:#5c5c5c;}
div.news div p {padding-top:3px;color:#9e9e9e;}*/

#CenterArea h5 {margin-bottom:14px;height:27px;border-bottom:1px solid #47688c;}
div.tip {position:relative;height:173px;}
div.tip div .tit {font-weight:bold;font-size:14px;color:#000000;}

/*
div.tip {position:relative;height:173px;}
div.tip div {float:left;padding:0 10px 0 5px;width:229px;height:110px;background:url(/_FishingHero/_images/main/bg_dotRow.gif) no-repeat right top;}
div.tip div .tit {font-weight:bold;font-size:14px;color:#000000;}
div.tip div .reply {font-size:14px;color:#0069a6;}
div.tip div span.lv {display:inline-block;margin-top:7px;padding:1px 5px 0;width:40px;font-size:11px;font-weight:bold;color:#fff;line-height:14px;background-color:#db5f00;}
div.tip div b.name {color:#676767;line-height:14px;}
div.tip div p {padding:10px 0 0 7px;line-height:16px;}
div.tip div p a {color:#989898;}
div.tip ul {float:left;padding:8px 0 0 18px;width:229px;}
div.tip li {padding-left:5px;height:20px;background:url(/_FishingHero/_images/community/bg_dot.gif) no-repeat left 4px;overflow:hidden;}
*/
div.screen {position:relative;height:227px;overflow:hidden;}
div.screen ul {width:505px;margin-left:-11px;height:160px;}
div.screen li {float:left;padding-left:11px;width:156px;text-align:center;}
div.screen a.title {font-weight:bold;color:#4d4d4d;}
div.screen p.img {margin-bottom:10px;}

div.guild {position:relative;height:227px;width:470px;float:left;text-align:top}


/*
div.guild p.pic {float:left;}
div.guild p.pic img {border:1px solid #acacac;}
div.guild div .tit {font-weight:bold;font-size:14px;color:#000000;}
div.guild div .reply {font-size:14px;color:#0069a6;}
div.guild div span.lv {display:inline-block;margin-top:7px;padding:1px 5px 0;width:40px;font-size:11px;font-weight:bold;color:#fff;line-height:14px;background-color:#db5f00;}
div.guild div b.name {color:#676767;line-height:14px;}
div.guild div p {padding-top:10px;line-height:16px;}
div.guild div p a {color:#989898;}
*/

div.ranking {position:relative;width:241px;height:269px; margin-bottom:30px; background:url(/_FishingHero/_images/main/bg_ranking.gif) no-repeat;z-index:1;}
div.ranking h6 {padding:16px 0 10px 14px;}
div.ranking ul {margin-left:15px;}
div.ranking li {clear:both;padding:10px 0 10px 20px;width:188px;overflow:hidden;}
div.ranking li.num01 {padding-left:5px;width:203px;background:url(/_FishingHero/_images/main/bg_rankingLine_01.gif) repeat-x left bottom;}
div.ranking li.num02 {background:url(/_FishingHero/_images/main/bg_rankingLine_02.gif) repeat-x left bottom;}
div.ranking li img {float:left;margin-right:20px;}
div.ranking p {margin-left:40px;}
div.ranking .lv {font-weight:bold;color:#dceefa;}
div.ranking .point {font-weight:bold;color:#75c6ff;}
div.ranking li.num01 .lv {font-size:14px;}
div.ranking li.num01 .point {font-size:16px;}

div.itemShop {position:relative;margin:110px auto 28px;padding:12px 8px 12px 12px;width:194px;border:2px solid #b5d3e7;background-color:#fff;z-index:2;}
div.itemShop h6 {margin-bottom:9px;}
div.itemShop span.more {position:absolute;right:8px;top:14px;}
div.itemShop ul {background:url(/_FishingHero/_images/main/dot_line02.gif) no-repeat left 108px;}
div.itemShop li {padding:12px 0 13px 1px;overflow:hidden;}
div.itemShop .pic {float:left;margin-right:5px;border:1px solid #d7d7d7;}
div.itemShop span {display:block;margin-left:91px;}
div.itemShop .item {font-weight:bold;color:#00518b;line-height:16px;}
div.itemShop .property, div.itemShop .property b {font-size:11px;color:#444444;}
div.itemShop .money {padding:5px 0 0 23px;font-weight:bold;font-size:14px;color:#ff6600;line-height:20px;background:url(/_FishingHero/_images/main/icon_money.gif) no-repeat left 5px;}

div.survey {position:relative;margin:0 auto;width:210px;overflow:hidden;}
div.survey h6 {margin-bottom:10px;}
div.survey .date {display:block;margin-bottom:7px;padding:0 10px;font-size:11px;color:#5c5c5c;}
div.survey p {padding:0 10px 10px;font-weight:bold;color:#5c5c5c;line-height:18px;}

.btn {text-align:center;}

/* ���� ���̾� �˾� */
#Check {position:absolute;left:50%;top:494px;margin-left:-220px;z-index:20000;}
#Check p {margin:0 0 20px 5px;color:#464646;}
#Check h6 {margin-left:5px;}

#Check table {margin:0 auto 20px auto;width:90%;border:1px solid #bfcfe1;}
#Check th {width:106px;color:#fff;background-color:#3d70ad;border-bottom:1px solid #bfcfe1;}
#Check td {padding:8px 10px;border-bottom:1px solid #bfcfe1;}
#Check .today {text-align:right;}