/*----------------브라우저----------------*/

.help_browser_btn {
	display:none;
	position:absolute;
	margin:4px 0 0 4px;
	cursor:pointer;
}

.container_browser {
/*width: 1000px;*/
	/*height: 700px;*/
	/*background: #e7e7e7;*/
	/*margin: auto;*/
}

.browser_top_area {
	float: left;
	width: 100%;
}
.browser_head_none {
	display:none;
	float:left;
	width:100%;
}
.browser_head_area {
	float: left;
	width: 981px;
	height: 128px;
	background: #e7e7e7;
}
.browser_head_area .login_bx {
	float: left;
	width: 214px;
	height: 115px;
	margin-left: 11px;
	border: 1px solid #0097e3;
	background-color: #FFF;
}
.browser_head_area .login_bx .login_blue_bx {
	float: left;
	width: 201px;
	height: 42px;
	margin-top: 12px;
	margin-left: 10px;
}
.browser_head_area .login_bx .login_id {
	float: left;
	width: 137px;
}
.browser_head_area .login_bx .login_id .login_id_bx {
	width: 129px;
	height: 18px;
	background: #e8f0fe;
	border: 1px solid #d7d7d7;
	padding-left:5px;
	font-size:11px;
}
.browser_head_area .login_bx .login_pw {
	float: left;
	width: 137px;
	margin-top: 2px;
}
.browser_head_area .login_bx .login_pw .login_pw_bx {
	width: 129px;
	height: 18px;
	background: #e8f0fe;
	border: 1px solid #d7d7d7;
	padding-left:5px;
	font-size:11px;
}
.browser_head_area .login_bx .login_btn {
	float: left;
	width: 53px;
	height: 40px;
	background: #3695df;
	border: 1px solid #0086c5;
	margin-left: 2px;
	margin-top: -20px;
	color: #FFF;
	text-align: center;
}
.browser_head_area .login_bx .login_btn p {
	margin-top: 14px;
	font-size: 11px;
}
.browser_head_area .login_bx .idpw_checkbox {
	float: left;
	width: 194px;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 4px;
	line-height: 18px;
}
.browser_head_area .login_bx .idpw_checkbox .checkbox_id {
	float: left;
}
.browser_head_area .login_bx .idpw_checkbox .checkbox_pw {
	margin-left: 5px;
	float: left;
}
.browser_head_area .login_bx .idpw_checkbox p {
	float: right;
}
.browser_head_area .login_bx .join_bx {
	float: left;
	width: 192px;
	height: 23px;
	background-color: #333333;
	border: 1px solid #070707;
	margin-left: 10px;
	margin-top: 5px;
}
.browser_head_area .login_bx .join_bx p {
	color: #FFF;
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
}
/* 브라우저 로그인 후 */

.browser_head_area .login_bx .login_after_bx {
	float: left;
	width: 196px;
	height: 30px;
	border-bottom: 1px solid #d7d7d7;
	margin-left: 10px;
}
.browser_head_area .login_bx .login_after_bx .nickname {
	float: left;
	/*width: 125px;*/
	height: 30px;
	font-size: 12px;
	margin-top: 10px;
}
.browser_head_area .login_bx .login_after_bx .certify {
	float: left;
	height: 30px;
	margin-top: 10px;
}
.browser_head_area .login_bx .login_after_bx .certify .btn_bx {
	float: left;
	width: 49px;
	height: 13px;
	background: #f2f2f2;
	border: 1px solid #d7d7d7;
	margin-left: 6px;
	color: #000;
	font-size:11px;
	text-align: center;
}
.browser_head_area .login_bx .login_after_bx .nickname .nickname_id {
	float: left;
	font-weight: bold;
	color: #3695df;
}
.browser_head_area .login_bx .login_after_bx .nickname .nickname_id a {
	color: #3695df;
}
.browser_head_area .login_bx .login_after_bx .nickname .nickname_id a:hover {
	color: #1d80cd;
}
.browser_head_area .login_bx .login_after_bx .nickname p {
	float: left;
	margin-left: 2px;
}
.browser_head_area .login_bx .login_after_bx .toto_message {
	float: right;
	/*width: 64px;*/
	height: 30px;
	margin-top: 11px;
	font-size: 11px;
}
.browser_head_area .login_bx .login_after_bx .toto_message img {
	float: left;
	margin-top: 1px;
}
.message_text {
	float: left;
	margin-left: 5px;
}
.message_sum {
	float: left;
	margin-left: 5px;
	font-weight: bold;
}
.browser_head_area .login_bx .point_bx {
	float: left;
	width: 194px;
	height: 60px;
	margin-left: 10px;
	font-size: 11px;
}
.browser_head_area .login_bx .point_bx .charge_bx {
	float: left;
	width: 100%;
	height: 18px;
}
.browser_head_area .login_bx .point_bx .charge_bx p {
	width: 100px;
	float: left;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .charge_bx .point_sum {
	/*width: 94px;*/
	float: right;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .charge_bx .point_sum .sum_result {
	width: 83px;
	float: left;
	font-weight: bold;
	text-align:right;
	
}
.browser_head_area .login_bx .point_bx .charge_bx .point_sum .sum_result a {
	color: #3695df;
}
.browser_head_area .login_bx .point_bx .charge_bx .point_sum .sum_result a:hover {
	color: #1d80cd;
}
.browser_head_area .login_bx .point_bx .charge_bx .point_sum .sum_result span {
	color: #3695df;
}
.browser_head_area .login_bx .point_bx .totopoint_bx {
	float: left;
	width: 100%;
	height: 18px;
}
.browser_head_area .login_bx .point_bx .totopoint_bx p {
	width: 100px;
	float: left;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .totopoint_bx .point_sum {
	/*width: 94px;*/
	float: right;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .totopoint_bx .point_sum .sum_result {
	width: 83px;
	float: left;
	font-weight: bold;
	text-align:right;
}
.browser_head_area .login_bx .point_bx .totopoint_bx .point_sum .sum_result a {
	color: #3695df;
}
.browser_head_area .login_bx .point_bx .totopoint_bx .point_sum .sum_result a:hover {
	color: #1d80cd;
}
.browser_head_area .login_bx .point_bx .totopoint_bx .point_sum .sum_result span {
	color: #3695df;
}
.browser_head_area .login_bx .point_bx .monthly_bx {
	float: left;
	width: 100%;
	height: 18px;
}
.browser_head_area .login_bx .point_bx .monthly_bx p {
	width: 100px;
	float: left;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .monthly_bx .point_sum {
	width: 94px;
	float: right;
	margin-top: 5px;
}
.browser_head_area .login_bx .point_bx .monthly_bx .point_sum .sum_none {
	width: 44px;
	float: right;
}
.browser_head_area .login_bx .point_bx .monthly_bx .point_sum .buy_bx {
	float: right;
	width: 29px;
	height: 13px;
	background: #3e7fe8;
	border: 1px solid #2062d3;
	margin-left: 6px;
	color: #FFF;
	text-align: center;
}
.browser_head_area .login_bx .logout_bx {
	float: left;
	width: 192px;
	height: 16px;
	background-color: #f2f2f2;
	border: 1px solid #d7d7d7;
	color: #000;
	margin-left: 10px;
	font-size: 11px;
}
.browser_head_area .login_bx .logout_bx p {
	margin-top: 2px;
	text-align: center;
}
/* 브라우저 메뉴시작 */

.browser_head_area .menu_bx {
	float: left;
	width: 744px;
	height: 128px;
	margin-left: 10px;
}
.browser_head_area .menu_bx .menu_icon_area {
	float: left;
	width: 100%;
	height: 66px;
}
.browser_head_area .menu_bx .menu_icon_area .menu_home {
	float: left;
	width: 438px;
	height: 64px;
	background-color: #FFF;
	border: 1px solid #0097e3;
}
.menu_icon_area .menu_home .menu_home_btn {
	float: left;
	width: 248px;
	height: 50px;
	border-right: 1px solid #dddddd;
	margin-top: 7px;
	text-align: center;
	font-size: 12px;
}
.menu_icon_area .menu_home .menu_home_btn p {
	margin-top: 2px;
}
.home_btn_bx {
	float: left;
	width: 57px;
	height: 50px;
	margin-left: 3px;
}

/*  child 수정


.home_btn_bx .menu_btn_over img:last-child {
	display: none
}
.home_btn_bx .menu_btn_over:hover img:first-child {
	display: none
}
.home_btn_bx .menu_btn_over:hover img:last-child {
	display: inline-block;
}

*/



.menu_icon_area .menu_home .menu_del_btn {
	float: left;
	width: 189px;
	height: 50px;
	margin-top: 7px;
	text-align: center;
	font-size: 12px;
}

.menu_icon_area .menu_home .menu_del_btn p {
	margin-top: 2px;
}


/*  child 수정
.menu_home .menu_del_btn .del_btn_bx .menu_btn_over img:last-child {
	display: none
}
.menu_home .menu_del_btn .del_btn_bx .menu_btn_over:hover img:first-child {
	display: none
}
.menu_home .menu_del_btn .del_btn_bx .menu_btn_over:hover img:last-child {
	display: inline-block;
}
.menu_icon_area .menu_home .menu_del_btn p {
	margin-top: 2px;
}

*/


.del_btn_bx {
	float: left;
	width: 55px;
	height: 50px;
	margin-left: 6px;
}
.browser_head_area .menu_bx .menu_icon_area .menu_customer {
	float: left;
	width: 294px;
	height: 64px;
	margin-left: 8px;
	background-color: #FFF;
	border: 1px solid #0097e3;
}
.browser_head_area .menu_bx .menu_icon_area .menu_customer .customer_btn_bx {
	float: left;
	width: 73px;
	height: 50px;
	margin-top: 7px;
	font-size: 12px;
	text-align: center;
}

/* child 수정
.menu_customer .customer_btn_bx .menu_btn_over img:last-child {
	display: none
}
.menu_customer .customer_btn_bx .menu_btn_over:hover img:first-child {
	display: none
}
.menu_customer .customer_btn_bx .menu_btn_over:hover img:last-child {
	display: inline-block;
}
*/

.browser_head_area .menu_bx .menu_icon_area .menu_customer .customer_btn_bx p {
	margin-top: 2px;
}
.browser_head_area .menu_bx .menu_text_area {
	float: left;
	width: 100%;
	height: 25px;
	margin-top: 5px;
}
.browser_head_area .menu_bx .menu_text_area .menu_text_btn {
	float: left;
	width: 139px;
	height: 23px;
	background-color: #f8f8f8;
	border: 1px solid #b5b5b5;
	font-size: 12px;
	text-align: center;
	margin-left: 8px;
}
.browser_head_area .menu_bx .menu_text_area .menu_text_btn:hover {
	float: left;
	width: 139px;
	height: 23px;
	background-color: #f6f9ff;
	border: 1px solid #008fd9;
	font-size: 12px;
	text-align: center;
	margin-left: 8px;
}
.browser_head_area .menu_bx .menu_text_area .menu_text_btn p {
	margin-top: 5px;
	font-weight: bold;
}
.browser_head_area .menu_bx .notice_area {
	float: left;
	width: 100%;/*height: 33px;*/
}
.browser_head_area .menu_bx .notice_area .top100_area_bx {
	float: left;
	width: 284px;
	height: 25px;
	font-size: 12px;
	padding-top: 7px;
}


.browser_head_area .menu_bx .notice_area .top100_area_bx .top100_title {
	float:left;
	width:80px;	
}

.browser_head_area .menu_bx .notice_area .top100_area_bx .top100_title img {
	float: left;
	margin-top: 1px;
}
.browser_head_area .menu_bx .notice_area .top100_area_bx .top100_title strong {
	float: left;
	color: #e65f1c;
	margin-left: 5px;
	font-weight: bo;
}

.browser_head_area .menu_bx .notice_area .top100_area_bx  .top100_text {
	float:left;
	width:184px;
	padding-left:10px;	
	color: #3a3a3a;
}

.browser_head_area .menu_bx .notice_area .notice_area_bx {
	float: left;
	width: 460px;
	height: 25px;
	font-size: 12px;
	padding-top: 7px;
}

.browser_head_area .menu_bx .notice_area .notice_area_bx .notice_title {
	float:left;
	width:80px;	
}

.browser_head_area .menu_bx .notice_area .notice_area_bx .notice_title img {
	float: left;
	margin-top: 1px;
}
.browser_head_area .menu_bx .notice_area .notice_area_bx .notice_title strong {
	float: left;
	color: #1d91ed;
	margin-left: 5px;
	font-weight: bold;
}
.browser_head_area .menu_bx .notice_area .notice_area_bx .notice_text {
	float: left;
	width:364px;
	color: #3a3a3a;
	padding-left: 10px;
}
.browser_local_area {
	float: left;
	width: 236px;
}
.browser_body_none {
	display:none;
	float:left;
	width:100%;
}
.browser_body_area {
	float: left;
	width: 745px;
	padding: 10px;
}
.browser_banner_bx {
	float: left;
	width: 728px;
	margin: 0px 0px 10px 0px;
}

/*----------------배너사이즈와 위치----------------*/
#b_banner_wrap {
	width: 100%;
	height: 105px;
	position: relative;
	margin: 0;
}
.b_banner_01 {
	width: 100%;
	height: 105px;
	background: #2e2e2e;
}
.b_banner_02 {
	width: 100%;
	height: 105px;
	background: #2e2e2e;
}
.browser_contents_area {
	float: left;
	width: 728px;
	margin-bottom: 10px;
}

.browser_contents_area .certify_bx {
	float: left;
	width: 100%;
	padding-top:40px;
}
.browser_contents_area .certify_bx .certify_mark {
	float: left;
	width: 638px;
	margin-left:90px;
}
.browser_contents_area .certify_bx .certify_mark .mark_img {
	float: left;
}
.browser_contents_area .certify_bx .certify_mark .mark_tt {
	float: left;
	margin-top:24px;
}
.browser_contents_area .certify_bx .certify_mark .mark_out {
	float: left;
}
.browser_contents_area .certify_bx .certify_ck {
	float: left;
	width: 638px;
	margin-left:90px;
}
.browser_contents_area .certify_bx .certify_ck .benefit {
	float:left;
}
.browser_contents_area .certify_bx .certify_ck .hp_img {
	float:left;
}
.browser_contents_area .certify_bx .certify_ck .btn_hp {
	float:left;
	margin-bottom:10px;
}
.browser_contents_area .certify_bx .certify_ck .btn_ipin {
	float:left;
}
.browser_contents_area .certify_bx .certify_info {
	float: left;
	width: 100%;
	/*background:#f8f8f8;
	border-top:1px solid #bfbfbf;*/
	padding:20px 0;
	text-align:center;
}



.browser_contents_area .br_title_main_bx {
	float: left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;
}
.browser_contents_area .br_title_main_bx .br_title {
	float: left;
	margin-top: 10px;
}
.browser_body_area .browser_contents_area .br_title_main_bx .br_menu {
	float: right;
	margin-top: 4px;
}
.browser_contents_area .br_title_main_bx .br_menu_default {
	float: left;
	width: 76px;
	height: 24px;
	background: #f4f4f4;
	margin-left: 2px;
	border: 1px solid #d6d6d6;
	text-align: center;
}
.browser_contents_area .br_title_main_bx .br_menu_default:hover {
	background: #3695df;
	border: 1px solid #0086c5;
}
.browser_contents_area .br_title_main_bx .br_menu_default img {
	margin-top: 4px;
}
.browser_contents_area .br_title_main_bx .br_menu_default_on {
	float: left;
	width: 76px;
	height: 24px;
	background: #3695df;
	margin-left: 2px;
	border: 1px solid #0086c5;
	text-align: center;
}
.browser_contents_area .br_title_main_bx .br_menu_default_on img {
	margin-top: 4px;
}
.browser_contents_area .br_title_main_bx .br_menu_special {
	float: left;
	width: 76px;
	height: 24px;
	background: #f4f4f4;
	margin-left: 2px;
	border: 1px solid #d6d6d6;
	text-align: center;
}
.browser_contents_area .br_title_main_bx .br_menu_special:hover {
	background: #ff9c00;
	border: 1px solid #ff8400;
}
.browser_contents_area .br_title_main_bx .br_menu_special img {
	margin-top: 4px;
}
.browser_contents_area .br_title_main_bx .br_menu_special_on {
	float: left;
	width: 76px;
	height: 24px;
	background: #ff9c00;
	margin-left: 2px;
	border: 1px solid #ff8400;
	text-align: center;
}
.browser_contents_area .br_title_main_bx .br_menu_special_on img {
	margin-top: 4px;
}
.browser_contents_area .br_title_tab_bx {
	float: left;
	width: 100%;
	height: 35px;
	margin-bottom: 14px;
	border-bottom: 1px solid #3695df;
}
.browser_contents_area .br_title_tab_bx .br_title {
	float: left;
	margin-top: 10px;
}
.browser_contents_area .br_title_tab_bx .br_menu {
	float: right;
	margin-top: 4px;
	margin-right: 5px;
}
.browser_contents_area .br_title_tab_bx .br_menu_default {
	float: left;
	width: 106px;
	height: 30px;
	background: #f4f4f4;
	margin-left: 2px;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	text-align: center;
}
.browser_contents_area .br_title_tab_bx .br_menu_default:hover {
	background: #3695df;
	border: 1px solid #0086c5;
}
.browser_contents_area .br_title_tab_bx .br_menu_default img {
	margin-top: 7px;
}
.browser_contents_area .br_title_tab_bx .br_menu_default_on {
	float: left;
	width: 106px;
	height: 30px;
	background: #3695df;
	margin-left: 2px;
	border-top: 1px solid #0086c5;
	border-left: 1px solid #0086c5;
	border-right: 1px solid #0086c5;
	text-align: center;
}
.browser_contents_area .br_title_tab_bx .br_menu_default_on img {
	margin-top: 7px;
}
.browser_contents_area .br_contents_bx {
	float: left;
	width: 712px;
	margin-bottom: 10px;
	border: 1px solid #dfdfdf;
	background: #f4f4f4;
	padding: 14px 0px 7px 14px;
}
.browser_contents_area .br_contents_bx .poster_bx {
	float: left;
	width: 134px;
	height: 195px;
	margin-right: 7px;
	margin-bottom: 7px;
	display: inline-block;
}
.poster_container {
	position: relative;
	width: 134px;
	cursor: pointer;
}
.poster_container .posterBox {
	opacity: 1;
	display: block;
	width: 100%;
	transition: .5s ease;
}
.poster_container .textBox {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.7);
	color: white;
	font-size: 13px;
	padding: 0px 0px;
	width: 134px;
	height: 195px;
}
.poster_container:hover .posterBox {
	opacity: 0.5;
}
.poster_container:hover .textBox {
	opacity: 1;
}
.poster_container .textBox .text_title {
	padding: 40px 5px 0px 12px;
	color: #2ab6ff;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.poster_container .textBox .text_info {
	padding: 10px 5px 0px 12px;
	color: #ffffff;
	font-size: 12px;
}
.poster_container .textBox .text_more {
	padding: 10px 5px 0px 12px;
	color: #2ab6ff;
	font-size: 12px;
}
.poster_container .textBox .text_more img {
	margin-top: -3px;
}
.browser_contents_area .br_board_bx {
	float: left;
	width: 728px;
	margin-bottom: 10px;
}
.browser_contents_area .br_board_bx .title_info_bx {
	float: left;
	width: 100%;
	height: 25px;
	margin-bottom: 5px;
}
.browser_contents_area .br_board_bx .title_info {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
.browser_contents_area .br_board_bx .title_info_r {
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
.browser_contents_area .br_board_bx .title_sub_info {
	float: left;
	font-size: 11px;
	padding-left: 10px;
	line-height: 22px;
}
.browser_contents_area .br_board_bx .title_info_btn {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin-right: 6px;
}
.browser_contents_area .br_board_bx .title_info_btn_r {
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin-left: 6px;
}
.browser_contents_area .br_board_bx .title_find {
	float: right;
	line-height: 22px;
}
.browser_contents_area .br_board_bx .title_find img {
	margin-top: -4px;
}
.browser_contents_area .br_board_bx .board_table_bx {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.browser_contents_area .br_board_bx .board_total_bx {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align:center;
	font-size:12px;
}
.browser_bottom_area {
	float: left;
	width: 100%;
}


.table_browser_read {
	padding:20px !important;
	background:#f4f4f4 !important;
}                       



/*----------------브라우저 페이징----------------*/
.browser_paging_area {
	width: 100%;
	margin: 0px auto;
}
.browser_paging_box {
	float: right;
	position: relative;
	left: -50%;
	margin: 0px 0px 20px 0px;
}
.browser_paging_box li {
	float: left;
	position: relative;
	left: 50%;
}
.browser_paging_box img {
	padding-top: 0px;
}
.paging_block {
	float: left;
	width: 26px;
	height: 26px;
	line-height: 26px;
	color: #565656;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	margin:0 5px;
}

.paging_block > a.btn {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #565656;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #e4e4e4;
}
.paging_block > .btn:hover {
	color: #0091d6;
	background: #ffffff;
	border: 1px solid #0091d6;
}
.paging_block_on {
	float: left;
	width: 26px;
	height: 26px;
	line-height: 28px;
	color: #0091d6;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	background-color: #ffffff;
	margin:0 5px;
}
.paging_block_on > a.btn {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #0091d6;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #0091d6;
}
.paging_block_on > .btn:hover {
	color: #0091d6;
	background: #ffffff;
	border: 1px solid #0091d6;
}