@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* header */
#header_box{width: 1030px; margin: auto;}
#header_box p{padding: 0; margin: 0;}
	
	/* 시작페이지 및 즐겨찾기 */
	#header_box .startpage{position: relative; width: 138px; height: 18px; top: 15px;}
	#header_box .favorites{position: relative; width: 96px; height: 18px; top: 15px; margin-left: 3px;}

	/* 주메뉴 */
	#header_box #main_menu{position: absolute; width: 305px; height: 16px; top: 46px; }
	#header_box #main_menu ul{padding: 0; margin: 0;}
	#header_box #main_menu li{list-style-type: none; float: left;}
	#header_box #main_menu li:after{content:""; clear: both;}

	/* 로고 */
	#header_box #logo{position: absolute; top: 13px; margin-left: 445px; }

	/* 우측상단메뉴 */
	#header_box #top_menu{position: absolute; width: 196px; height: 12px; top: 13px; margin-left: 825px;}
	#header_box #top_menu ul{padding: 0; margin: 0;}
	#header_box #top_menu li{list-style-type: none; float: left;}
	#header_box #top_menu li:after{content:""; clear: both;}

	
	/* 주메뉴(우측) 161114 kms */ 
	#header_box #main_menu_right {position: absolute; width: 100px; height: 24px; top: 35px; margin-left: 710px;}
	#header_box #main_menu_right ul{padding: 0; margin: 0;}
	#header_box #main_menu_right li{list-style-type: none; float: left;}
	#header_box #main_menu_right li:after{content:""; clear: both;}

	/* 상단검색 */
	#header_box #all_search{position: absolute; width: 223px; height: 21px; top: 38px; margin-left: 798px; background: url(/images/main/header_searchbox.gif) no-repeat top left; padding: 0;}
	.inbox{position: absolute; width: 154px; height: 14px; border: 1px solid #fff; font-size: 8pt; padding: 0; left: 9px; top: 3px;}
	.inbt{position: absolute; left: 165px;}

/* 메인 플래시 */
#metaphor #mainflash{width:100%; min-width:1002px; height: 248px; margin: auto; padding-top: 12px; text-align:center;}
#metaphor #gameflash{width: 1000px; height: 85px; margin: auto;}
#metaphor #gameflash .gamebanner{position: relative; bottom: 11px;}
#metaphor #gameflash .gamebanner_c{margin: 0;}
#mainflash{background: url(/images/main/bg_main.jpg) no-repeat center top transparent;}

/* 로그인 */
.login_top{width: 181px; height: 6px; background: url(/images/main/login_top.gif) no-repeat; padding: 0; overflow:hidden;}
#login_box{width: 181px; background: url(/images/main/login_bg.gif) repeat-y; padding-top: 12px; padding-left: 8px; padding-bottom: 0;}
.login_foot{width: 181px; height: 5px; background: url(/images/main/login_foot.gif) no-repeat top left; padding: 0;}

	/* 로그인 전 */
	#loginfeild{position: relative; top: 6px;}
	#loginfeild	.inputfeild{width: 110px; height: 18px; background-color: #fff; border: 1px solid #dbdbdb;}
	#loginfeild	.pwfeild{margin-top: 1px;}
	#login_bt{position: absolute; left: 118px; top: 3px;}
	#lgoin_id_save{margin-top: 15px; padding-bottom: 12px; background: url(/images/main/checkbox1_on.gif) no-repeat; color: #5f6165; font-size: 8pt;}
	#lgoin_id_save .id_find{padding-left: 7px;}
	.checkbox{width: 13px; height: 13px; background: url(/images/main/checkbox1_off.gif) no-repeat; display: block; clear: left; float: left;}
	.checkbox:after{content:""; clear: both;}
	.line1{width: 164px; height: 1px; background-color: #dbdbdb; margin-right: 16px; overflow:hidden}
	#login_join{padding-top: 15px; padding-bottom: 13px;}

/* 로그아웃 */
#logout_box{position: relative; width: 181px; height: 163px; background: url(/images/main/logout_bg.gif) no-repeat;}

	/* 로그인 후 */
	#logout_nic{position: relative; top: 8px; left: 12px; font-weight: bold;}
	#logout_star{position: absolute; right: 44px; top: 8px;}
	#logout_icon{position: absolute; right: 20px; top: 8px;}
	#logout_ibox{position: relative; top: 20px; left: 3px; width: 175px; height: 128px; background: url(/images/main/logout_ibox.gif) no-repeat;}
	#logout_ibox .logout_avatar{position: absolute; margin-top:1px; margin-left:1px; border: 0px solid #FF0000;}
	#logout_ibox .logout_info{position: absolute; left: 94px; top: 8px;}
	#logout_ibox .logout_charge{position: absolute; width: 75px; left: 94px; top: 28px; text-align: center; font-weight: bold;}
	#logout_ibox .logout_message{position: absolute; left: 94px; top: 50px;}
	#logout_ibox .logout_friends{position: absolute; left: 94px; top: 72px;}
	#logout_ibox .logout_coupon{position: absolute; left: 94px; top: 93px;}
	#logout_ibox .logout_add_avatar{position: absolute; left: 15px; top: 112px;}
	#logout_ibox .logout_myhouse{position: absolute; left: 110px; top: 112px;}

	/* 상세정보 */
	#logout_infobox{position: relative; width: 181px; height: 163px; background: url(/images/main/logout_bg.gif) no-repeat;}
	#logout_inic{position: relative; top: 8px; left: 12px; font-weight: bold;}
	#logout_istar{position: absolute; right: 44px; top: 8px;}
	#logout_icon2{position: absolute; right: 20px; top: 8px;}
	#logout_ibox2{position: relative; top: 20px; left: 3px; width: 175px; height: 128px; background: url(/images/main/logout_infobox.gif) no-repeat;}
	#logout_ibox2 .level{position: absolute; top: 7px; left: 6px; width: 161px; height: 31px; background: url(/images/main/logout_level.gif) no-repeat; color: #4a78cf; padding: 10px;}
	#logout_ibox2 #logout_point{position: absolute; top: 50px; left: 18px; line-height: 140%;}
	#logout_point ul{margin: 0; padding: 0;}
	#logout_point li{list-style-type: none;}

/* left */
#left_ruby{margin-top: 12px;}
#left_itemshop{margin-top: 16px; margin-bottom: 10px;}
#itemshop_iframe{margin: 0; padding: 0; width: 181px; height: 314px; border: 0;}

/* center */
#newgame{position:relative; width: 595px; height: 277px; background: url(/images/main/newgame_bg.gif) no-repeat;}
#newgame #newgame_title{position:absolute; top: 9px; left: 6px;}
#newgame #newgame_maingame{position:absolute; top: 43px; left: 6px;}
#newgame #newgame_game1{position:absolute; top: 9px; left: 160px;}
#newgame #newgame_game2{position:absolute; top: 9px; left: 303px;}
#newgame #newgame_game3{position:absolute; top: 9px; left: 446px;}
#newgame #newgame_game4{position:absolute; top: 139px; left: 160px;}
#newgame #newgame_game5{position:absolute; top: 139px; left: 303px;}
#newgame #newgame_game6{position:absolute; top: 139px; left: 446px;}

/*#nomigame{position: relative; width: 595px; height: 278px; margin-top: 7px; background: url(/images/main/nomigame_bg.gif) no-repeat;}*/
#nomigame{position: relative; width: 595px; height: 474px; margin-top: 7px;}
#nomigame .nomigame_title1{position: absolute; left: 18px; top: 16px;}
#nomigame .nomigame_title1_more{position: absolute; left: 540px; top: 18px;}
#nomigame .nomigame_title2{position: absolute; left: 18px; top: 16px;}
#nomigame .nomigame_title3{position: absolute; left: 18px; top: 193px;}

/*#smartgame ul li img{border:3px solid #E9E6E6}*/
#nomigame #smartgame{position: absolute; left: 6px; top: 44px;}
#nomigame #smartgame ul{padding: 0; margin: 0; width: 580px;}
#nomigame #smartgame li{list-style-type: none; text-align: center; float: left; width: 116px; font-size: 8pt; font-weight: bold;}
#nomigame #smartgame li:after{content: ""; clear: both;}

#creating ul li img{border:3px solid #E9E6E6}
#nomigame #creating{position: absolute; left: 6px; top: 45px;}
#nomigame #creating ul{padding: 0; margin: 0; width: 580px;}
#nomigame #creating li{list-style-type: none; text-align: center; float: left; width: 116px; font-size: 8pt; font-weight: bold;}
#nomigame #creating li:after{content: ""; clear: both;}

#nominate ul li img{border:3px solid #E9E6E6}
#nomigame #nominate{position: absolute; left: 6px; top: 221px;}
#nomigame #nominate ul{padding: 0; margin: 0; width: 580px;}
#nomigame #nominate li{list-style-type: none; text-align: center; float: left; width: 116px; font-size: 8pt; font-weight: bold;}
#nomigame #nominate li:after{content: ""; clear: both;}

#kiniwini_friends{position: relative; margin-top: 12px;}
#kiniwini_friends #more1{position: absolute; left: 228px; top: 0;}
#kiniwini_friends .fr_line{margin-left: 1px; margin-top: 6px; margin-bottom: 8px; height: 1px; width: 271px; background-color: #e9e9e9; overflow:hidden;}
#kiniwini_friends #fr_list{position: absolute; left: 111px; top: 25px; line-height: 130%;}
#kiniwini_friends #fr_list ul{padding: 0; margin-left: 0; }
#kiniwini_friends #fr_list li{list-style-type: none; margin-left: 0;}

#kiniwini_friends #kiniya{position: absolute; left: 320px; top: 0; width:72px;}
#kiniwini_friends #more2{position: absolute; left: 555px; top: 0; border:0px solid #FF0000;}
#kiniwini_friends .kini_line{position: absolute; left: 320px; top: 20px; height: 1px; width: 271px; background-color: #e9e9e9;}
#kiniwini_friends #kiniya_img{position: absolute; left: 314px; top: 33px;}
#kiniwini_friends #kiniya_poll{position: absolute; left: 424px; top: 33px; line-height: 130%; width: 160px;}

/* right */
#eventsflash{margin-bottom: 14px;}
#right_today{margin-bottom: 4px;}
.rightline{width: 200px; background-color: #e9e9e9; height: 1px; margin: 0; padding: 0; overflow:hidden;}
.leftline{width: 181px; background-color: #e9e9e9; height: 1px; margin: 0; padding: 0; overflow:hidden;}
#todaylist{position: relative; width: 200px; height: 236px; margin-top: 4px;}
#todaylist ul{margin: 0; padding: 0; line-height: 180%;}
#todaylist li{list-style-type: none; margin-left: 3px;}
#todaylist .updown{position: absolute; left: 165px;}
#todaylist .updown_number{position: absolute; left: 189px; margin-top: -4px;}
#right_notice{margin-bottom: 7px;}
#notice_list{margin-top: 12px; line-height: 140%; margin-bottom: 17px; min-height: 102px;}
#notice_list ul{margin: 0; padding: 0;}
#notice_list li{list-style-type: none;}

/* footer */
#footline{width: 950px;  height: 3px; background-color: #e0e0e0;}
#footer_address{position: relative; width: 950px; margin-top: 10px; height: 60px; }
#foot_menu{position: absolute; top: 0; left: 510px;}
#foot_menu ul{padding: 0; margin: 0;}
#foot_menu li{float: left; list-style-type: none;}
#foot_menu li:after{content: ""; clear: both;}

/*2019-03-07 강초희 추가*/
body #footer {padding-top:45px;}
#footer_address {overflow:hidden; margin:30px 0 40px; height:auto; font-size:14px; color:#333; font-family: '맑은 고딕', sans-serif; letter-spacing:-0.05em;}
#footer_address a {color:#333;text-decoration:none;}
#footer_address .col {float:left;}
#footer_address .col:first-child {width:193px; padding-top:27px; margin-right:55px;}
#footer_address ul {list-style:none;padding:0; margin:0;}
#footer_address .link_list {overflow:hidden; margin-bottom:15px;}
#footer_address .link_list li {float:left; position:relative; padding-right:22px;}
#footer_address .link_list li:after {position:absolute; top:4px; right:10px; width:1px; height:14px; background:#c0c0c0; content:'';}
#footer_address .link_list li:last-child:after {display:none;}
#footer_address .link_list li:last-child a {color:#1d398d;}
/*#footer_address .link_list li:first-child {font-weight:300;}*/
#footer_address .info_list li {line-height:23px;}
#footer_address .info_list li span {position:relative; padding-right:21px;}
#footer_address .info_list li span:after {position:absolute; top:4px; right:9px; width:1px; height:14px; background:#c0c0c0; content:'';}
#footer_address .info_list li span:last-child:after {display:none;}
#footer_address .biz_link {position:relative;margin-left:8px;}
#footer_address .biz_link:after {position:absolute;left:1px;bottom:0;width:100%;height:1px;background:#333;content:'';}
#footer_address .info_list p {margin:0;}

/*2019-04-02 강초희 공지팝업*/
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "Nanum Gothic", sans-serif;
}
.wrap_modal {
	position: absolute;
	z-index: 110;
	top:50%;
	left: 50%;
	background: white;
}
.modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 100;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter: alpha(opacity=70);
}
.modal .modal_inner {
	padding:25px;
}
.modal_notice .wrap_modal {
	width:450px;
	height:654px;
	margin-left:-225px;
	margin-top:-327px;
}
.modal_notice .header {
	position:relative;
	line-height:33px;
	padding:30px 25px;
	background:#2e64c7;
	font-weight:bold;
	font-size:25px;
	color:#fff;
}
.modal_notice .header p {margin:0;}
.modal_notice .header .yellow {color:#ffd911;}
.modal_notice .btn_close {
	position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height:25px;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	cursor:pointer;
}
.modal_notice .content {
	line-height:26px;
	margin:0;
	font-size:17px;
	color:#333;
	letter-spacing:-0.04em;
}
.modal_notice .not_view {
	position:absolute;
	bottom:25px;
	right:25px;
	font-size:20px;
	color:#333;
	font-weight:bold;
	letter-spacing:-0.04em;
}
.modal_notice .not_view input[type=checkbox] {
	position: relative;
	opacity: 0;
	width: 22px;
	height: 22px;
	margin:0 0 0 10px;
	padding: 0;
	outline: none;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
.modal_notice .not_view input[type=checkbox] + .chk_btn {
	position: absolute;
	top: 1px;
	right: 0;
	width: 22px;
	height: 22px;
	background-image: url(/images/main/chk_off.jpg);
}
.modal_notice .not_view input[type=checkbox]:checked + .chk_btn {
	background-image: url(/images/main/chk_on.jpg);
}