@charset "UTF-8";

/*공통타이틀*/
.community .top_area .rightbtn .btn_share{right: 30px;}
/*글쓰기버튼*/
.community .write{cursor:pointer; border-radius:50%; width:60px; height:60px; background:url(../img/community/write_icon.png)no-repeat; background-size:60px; text-indent: -99999px; box-shadow:1px 3px 10px #aaa; position: fixed; bottom:20px; right:15px;  }
/*공통 폰트css*/
.community .blue{color:#3c6cbb; font-weight:600;}
.community .orange{color:#ffaa00; font-weight:600;}
.community .light_grey{color:#ddd; }
.community .black{color:#111;}
.community .sky_blue{color:#9db5dd;}
/*댓글쓰기 영역*/
.community .co_write_area textarea{border-radius:5px; -webkit- border-radius:5px; border:1px solid#ddd; width:100%; margin-top:20px; background:#fff; }
.community .co_write_area .btn_blue{width:50%; margin:10px 25% 30px ; padding:10px;}
/*댓글영역-공통*/
	/*middle컨텐츠*/
.community .middle_cont{padding:0 10px; margin-top:30px; overflow: hidden; font-size:0.9em;}
.community .middle_cont div{float:left;}
.community .middle_cont .question{float:right;}
.community .middle_cont .icon{text-indent: -99999px; width:20px; height:20px; background:url(../img/community/community_icon01.png); background-size:150px 28px; background-position:-270px -5px; }

	/*하단컨텐츠*/
.community .bottom_cont{background:#fff; margin-top:10px;  border-top:1px solid#ddd; border-bottom:1px solid#ddd; padding-bottom:20px;}
.community .comment_one{background:#fff; padding:10px; border-bottom:1px solid#ddd;}
.community .comment_two{background:#f5f5f5; padding:10px; border-bottom:1px solid#ddd;}
.community .comment_two img{width:15px; margin-top:4px;}
/*.community .picto{margin-top:2px; float:left; text-indent: -99999px; width:20px; height:20px;}*/
/* .community .picto{margin-top:2px; float:left; text-indent: -99999px; width:20px; height:20px; background:url(../img/c_select_icon.png); background-size:80px 21px; background-position:20px 0;} */
.community .id{font-weight: bold; }
.community .comment_tt{overflow:hidden;}
.community .comment_tt div{float:left;}
.community .comment_tt div:last-child{font-size:0.9em; margin:1px 0 0 8px; color:#aaa;}
.community .comment_info{margin-top:10px;}
.community .comment_two .comment_info{margin-left:15px;}
.community .comment_two .comment_tt .write_info{padding-top:5px;}
.community .reply{margin-top:20px; overflow: hidden; font-size:0.9em;}
.community .reply>div:first-child a{color:#3c6cbb; font-weight:bold; float:left;}
.community .reply>div:last-child{float:right;}

.community .bottom_cont .reply .notify{overflow:hidden;}
.community .bottom_cont .reply .notify div{float:left; color:#aaa;}
.community .bottom_cont .reply .notify a{color:#aaa;}
.community .bottom_cont .reply .notify .icon{text-indent: -99999px; width:20px; height:20px; background:url(../img/community/community_icon01.png); background-size:150px 28px; background-position:-250px -5px; }
@media screen and (max-width:407px) {
	.community .bottom_cont .comment_tt div:last-child{margin:;}
}
.nick{font-weight:bold;}




/****01. 커뮤니티 메인****/

/*상단메뉴*/

.top_area_cs{padding: 10px;}
.top_area_cs .top_info{overflow:hidden; background: #fff; border: 1px solid #ddd; box-sizing: border-box; line-height:35px;}
.top_area_cs .top_info .tab{
	float: left; width: 33%;
}
.top_area_cs .top_info .on{
	background:#eeeeee;
}
.top_area_cs .top_info .tab a{
	font-size: 14px;
	color: #515151;
}
.top_area_cs .top_info .tab{
	border-right: 1px solid #ddd;
}
.top_area_cs .top_info .tab:last-child{
	border-right: 0;
}
.top_area_cs .top_info div{text-align: center;}
.top_area_cs .top_info img{width: 25px; margin-bottom: 5px;}

/*상단메뉴*/
#community_main .top_area_community{background:#fff; margin-top:20px; border-bottom:1px solid#ddd; border-top:1px solid#ddd;}
#community_main .top_area_community .top_info{overflow:hidden;}
#community_main .top_area_community .top_info>div{float:left; box-sizing:border-box; width:33%; border-right:1px solid#ddd; text-align: center;}
#community_main .top_area_community .top_info>div:last-child{border:none; padding-right:0.8%;}
#community_main .top_area_community .top_info .attendance .img{margin:auto; width:63px; height:56px; background: url(../img/community/community_main_img.png); background-size:478px 116px; background-position:0 0; text-indent:-99999px;}
#community_main .top_area_community .top_info .lot .img{margin:auto; width:56px; height:56px; background: url(../img/community/community_main_img.png); background-size:478px 116px; background-position:-76px 0; text-indent:-99999px;}
#community_main .top_area_community .top_info .rps .img{margin:auto; width:48px; height:56px; background: url(../img/community/community_main_img.png); background-size:478px 116px; background-position:-144px 0; text-indent:-99999px;}
#community_main .top_area_community .top_info .notice .img{margin:auto; width:56px;}
#community_main .top_area_community .top_info .faq .img{margin:auto; width:56px;}
#community_main .top_area_community .top_info .qna .img{margin:auto; width:56px;}
#community_main .top_area_community .top_info>div .tt{font-size:13px; font-weight:700;}

#community_main .top_area_community .top_info a{display: block; padding: 10px 0;}
#community_main .top_area_community .top_info .attendance span{
	background: url("../img/community/community_main_img.png")no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 350px;
	background-position :2px 0px;
	margin: 0 auto;
}
#community_main .top_area_community .top_info .lot span{
	background: url("../img/community/community_main_img.png")no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 350px;
	background-position :-53px 0px;
	margin: 0 auto;
}
#community_main .top_area_community .top_info .rps span{
	background: url("../img/community/community_main_img.png")no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 350px;
	background-position :-100px 0px;
	margin: 0 auto;
}

/*이벤트*/
#community_main .event,.new{padding:0 10px 0 10px;}/*이벤트, 최신글 패딩*/


#community_main .event .event_list .tr{position:relative; overflow:hidden; background:#fff; border:1px solid#ddd; margin-bottom:5px; height: 60px; padding: 5px;}
#community_main .event .event_list .tr>div{float:left;}

#community_main .event .event_list .tr .td_ing{
	display:block; 
	width:45px; 
	height:45px; 
	background: url(../img/community/community_main_img.png); 
	background-size:300px; 
	background-position:-128px 0; 
	text-indent:-99999px;
	position: absolute;
	top:50%;
	left: 10px;
	margin-top: -22.5px;
}
#community_main .event .event_list .tr .td_end{
	margin:20px 10px; 
	width:47px; 
	height:47px; 
	background: url(../img/community/community_main_img.png); 
	background-size:320px 78px; 
	background-position:-177px 0; 
	text-indent:-99999px;
}
#community_main .event .event_list .tr .td_text .event_cont{
	font-size:15px; color:#111; line-height:20px;
}

#community_main .event .event_list .tr .td_text{padding-left: 60px;}
#community_main .event .event_list .tr .td_text .blue{color:#3c6cbb; font-weight:600;}
#community_main .event .event_list .tr .td_text .grey{color:#aaa; font-weight:600;}
#community_main .event .event_list .tr .td_text .orange{color:#ffaa00; font-weight:600;}
#community_main .event .event_list .tr .td_text .light_grey{color:#ddd; }
#community_main .event .event_list .tr .td_text .picto img{width:15px; vertical-align: -2px;}
#community_main .event .event_list .tr .td_text .tt_b{margin-top:6px; font-size:0.9em; }
#community_main .event .event_list .tr .td_text .tt_b p{color:#888; }
#community_main .event .event_list .tr .td_text .tt_b p .black{color:#111;}
#community_main .event .event_list .tr .td_text .small{color:#888; margin-top:6px; font-size:12px;}

/*최신글*/
#community_main .new .recent_article .tap{overflow:hidden; background:#fff; border:1px solid#ddd; height:40px; border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 1px 3px #ccc; -webkit-box-shadow:0px 1px 3px #ccc; }
#community_main .new .recent_article .tap ul li{float:left; width:50%; box-sizing: border-box; text-align: center; height:40px; font-weight:bold;  }
#community_main .new .recent_article .tap ul li a{color:#aaa; display: block; line-height: 40px;}
#community_main .new .recent_article .tap .active{background:#3c6cbb;}
#community_main .new .recent_article .tap .active a{color:#fff; display: block;}

#community_main .new .article_list{margin-top:10px;}
#community_main .new .article_list .tr{background:#fff; border:1px solid#ddd; margin:0px 0 7px 0;}
#community_main .new .article_list .tr .td_text p{font-size:1em; color:#111; line-height:20px;}
#community_main .new .article_list .tr .td_text .blue{color:#3c6cbb; font-weight:600;}
#community_main .new .article_list .tr .td_text .orange{color:#ffaa00; font-weight:600;}
#community_main .new .article_list .tr .td_text .light_grey{color:#ddd; }
#community_main .new .article_list .tr .td_text .picto img{width:10px; }
#community_main .new .article_list .tr .td_text{margin:15px; }
#community_main .new .article_list .tr .td_text .small{color:#888; margin-top:6px; font-size:12px;}
#community_main .new .article_list .tr .td_text .small .black{color:#111;}





/****02. 커뮤니티 글쓰기****/
/*상단 바*/
/*
#write .c_menu_area .c_menu {background-color: #3c6cbb; height:40px; border-bottom:1px solid#ddd; }
#write .c_menu_area .c_menu .menu {overflow:hidden; padding:6px 5px;}
#write .c_menu_area .c_menu .menu div{float:left; padding:5px;}
#write .c_menu_area .c_menu .menu .title{display:inline-block; font-size: 1em; font-weight:700; color:#fff;}
#write .c_menu_area .c_menu .menu .back{margin-top:2px;width:9px; height:15px; background: url(../img/community/shopping_detail_icon.png); background-size:75px 26px; background-position:94px 0px; text-indent:-99999px;}
*/
/*글쓰기*/
#write .content {padding:10px; 10px; }
#write .content .tt{font-size:16px; color:#111; font-weight: bold; margin-bottom:5px;}
#write .content .title input[type="text"].num{width:100%; margin-bottom:20px;}
#write .content .cont .text_info{font-size:1.1em; color:#888; padding:2%; background:#fff; border-radius:5px; -webkit- border-radius:5px; border:1px solid#eaeaea; width:96%; height:300px; box-shadow: 0px 1px 3px #eaeaea;}
#write .content .title select {width:85.5%; 
	height:38px;
	font-size:16px;
	padding:0 10px;
	border-radius:4px;
	background: #fff;
	border:1px solid #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#write .content .title {margin-top:10px;}

#write .content .title #fileList > label {padding:3px 5px; border:solid 1px #dfdfdf; margin:5px 5px 0 0;}
/*글쓰기 버튼*/
#write .content .text_button{margin-top:20px;}
#write .content .text_button .tt { line-height:32px; }
#write .content .text_button .att_send,.plus{background:#eee; border:1px solid#dfdfdf; width:15%; border-radius:5px; -webkit- border-radius:5px; box-shadow:1px 2px 5px #eaeaea; height:35px; font-weight:bold; font-size:1em; text-align:center;}
#write .content .text_button .att_send p{padding-top:8px;}
#write .content .text_button .plus {display:inline-block;}
#write .content .text_button .plus .plus_icon{text-indent:-99999px; width:30px; height:32px; background:url(../img/community/community_icon01.png); background-size:200px 37px; background-position:-38px 0; margin:auto;}
#write .content .text_button .attach{overflow:hidden;}
#write .content .text_button .attach>div{float:left;}
#write .content .text_button .attach .file_name,.del_btn{height:35px;}
#write .content .text_button .attach .file_name{color:#888; font-size:1.1em; font-weight:600; padding:7px 10px 0 10px;}
#write .content .text_button .attach .del_btn{text-indent:-99999px; width:36px; height:40px; background:url(../img/community/community_icon01.png); background-size:200px 37px; background-position:0 0px;}
#write .content .community_file {width:0; height:0; margin:0; padding:0;}
/*버튼*/
#write .btn_area{margin-top:10px; padding:0 10px;}
#write .btn_area .write_btn{overflow:hidden;}
#write .btn_area button{width:48.5%; float:left; padding:10px; box-sizing:border-box; font-size:1.1em;}
#write .btn_area button:first-child{margin-right:1.5%;}
#write .btn_area .write_btn .btn_blue a{color:#fff;}
#write .btn_area .write_btn .btn_blue,.btn_white{box-shadow:0px 1px 5px #ccc;}
#write .btn_area .write_btn .btn_white{border:1px solid#eaeaea;}





/****03. 커뮤니티 상세 + 23. 지식QA상세 ****/
/*상단 바*/


/*상단컨텐츠*/
	/*지식QA상세*/

	#community_detail .cates{border-bottom:1px solid#ddd; margin-bottom:20px; padding-bottom:5px; overflow: hidden;}
	#community_detail .cates div{float:left; border:2px solid#3c6cbb; border-radius: 30px; -webkit- border-radius:30px; padding:2px 5px; font-size:12px; color:#3c6cbb; font-weight:600; margin: 0 3px 3px 0;}


#community_detail .content_area{padding:10px 10px 0 10px; background:#fff; border-bottom: 1px solid#ddd;}
#community_detail .content_area .content_top{overflow:hidden;}
#community_detail .content_area .content_top .small{font-size:12px; color:#aaa;}
#community_detail .content_area .content_top .small img{width:15px; margin-top:-1px;}
#community_detail .content_area .content_top .small .light_grey{color:#eaeaea;}
#community_detail .content_area .content_top .write_info{float:left; font-size:12px; color:#aaa;}
#community_detail .content_area .content_top .bd_top{border-top: 1px solid #ddd; padding: 10px 0; margin-top: 10px;}
#community_detail .content_area .content_top .notify{font-size:12px; float:right; border:1px solid#eaeaea; border-radius: 5px;}
#community_detail .content_area .content_top .notify .icon{vertical-align:middle; margin-left:5px; text-indent: -99999px; width:20px; height:20px; background:url(../img/community/community_icon01.png); background-size:150px 28px; background-position:-228px -5px;}
#community_detail .content_area .content_top .notify a{display:inline-block; margin:6px 10px 5px 2px;}
#community_detail .content_area .content_top .jobstory_info {float:left; margin-top:13px; color:#747474; font-size:12px; }
#community_detail .content_area .content_top .jobstory_info span {font-weight:bold;}
#community_detail .content_area .content{margin-top:20px; line-height:145%}
#community_detail .content_area .content .tt{padding-bottom:40px; font-size: 13px;}
#community_detail .content_area .content .tt #btn_aaaaaa {display:none;}
#community_detail .content_area .content .tt #btn_bbbbbb {width:100%; max-width:140px;}
#community_detail .content_area .content_top .title{font-size: 16px; font-weight: bold; padding-bottom: 5px;}

#community_detail .bottom_cont .nick img{vertical-align: -3px;}
#community_detail .bottom_cont .nick{font-weight:bold;}
/*글쓰기 버튼*/
#community_detail .content .text_button{margin-top:20px;}
#community_detail .content .text_button .att_send,.plus{background:#eee; border:1px solid#dfdfdf; width:15%; border-radius:5px; -webkit- border-radius:5px; box-shadow:1px 2px 5px #eaeaea; height:35px; font-weight:bold; font-size:1em; text-align:center;}
#community_detail .content .text_button .att_send p{padding-top:8px;}

#community_detail .content .text_button .plus .plus_icon{text-indent:-99999px; width:30px; height:32px; background:url(../img/community/community_icon01.png); background-size:200px 37px; background-position:-38px 0; margin:auto;}
#community_detail .content .text_button .attach{overflow:hidden;}
#community_detail .content .text_button .attach>div{float:left;}
#community_detail .content .text_button .attach .file_name,.del_btn{line-height:30px;}
#community_detail .content .text_button .attach .file_name{color:#888; font-size:1.1em; font-weight:600; padding:7px 10px 0 10px;}
#community_detail .content .text_button .attach .del_btn{text-indent:-99999px; width:36px; height:40px; background:url(../img/community/community_icon01.png); background-size:200px 37px; background-position:0 0px;}


/*이전다음*/
#community_detail .bn{margin-top:20px; padding:0 10px;}
#community_detail .bn .before,.next{overflow: hidden; height:35px; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; background:#fff; box-shadow:1px 2px 3px #eaeaea;}
#community_detail .bn .next{margin-top:2px;}
#community_detail .bn .before div{float:left; padding:10px; font-size:0.8em; }
#community_detail .bn .before div:first-child{ color:#aaa; padding-right:5px; width:20%; box-sizing:border-box; letter-spacing: -1px;}
#community_detail .bn div > span{font-size:0.5em;}
#community_detail .bn .before div+ div{width:80%; box-sizing:border-box; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal;}
#community_detail .bn .next div{float:left; padding:10px; font-size:0.8em; }
#community_detail .bn .next div:first-child{letter-spacing: -1px; color:#aaa; padding-right:5px; width:20%; box-sizing:border-box; }
#community_detail .bn .next div+ div{width:80%; box-sizing:border-box; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal;}

/*첨부파일*/
#community_detail .file_area{margin:20px 0;padding-top:10px;}
#community_detail .file_area .look{padding:0px;font-weight:bold;color:#3c6cbb;}
#community_detail .file_area ul{margin-top:5px;border:1px solid #F6F6F6;}
#community_detail .file_area ul li{padding:8px; border-top:1px solid #F6F6F6; margin-top:-1px;}

/*버튼*/
#community_detail .btn button.to_list_btn{margin-top: 10px; border-radius:5px; height:35px; border:1px solid #ddd;width:100%;display:inline-block;line-height:30px;background:#333;text-align:center;font-size:13px;color:#fff;font-weight:bold;}
#community_detail .btn button.my_text_edit{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#3c6cbb;text-align:center;font-size:16px;color:#fff;font-weight:bold;margin-right:2px;}
#community_detail .btn button.my_text_del{height:35px; border:1px solid #ddd;width:28%;display:inline-block;line-height:30px;background:#fff;text-align:center;font-size:16px;color:#888;font-weight:bold;}


/****04. 커뮤니티 리스트****/
#community_list .search_area {margin-top:10px; padding:0 10px;}
#community_list .search_area .toptop{overflow:hidden;}
#community_list .search_area .title{display:inline-block; float:left; font-size: 16px; font-weight: bold;}
#community_list .search_area .select{float:right;}
#community_list .search_area .select_box05{margin:4px 3px 0 0; display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:100% !important;}
#community_list .search_area .select_box04{display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:150px;}
#community_list .search_area .search{margin-top:3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#community_list .search_area .search input[type="text"].search{height:35px; width:80%;  box-sizing:border-box; margin-right:0.2%; padding: 0 10px; 
}
#community_list .search_area .search .btn_blue a{color:#fff;}
#community_list .search_area .search .btn_blue{margin-top:4px; height:35px; padding:7px; width:80%; font-size: 13px;}

@media screen and (max-width:1520px) {
	#community_list .search_area .search .btn_blue{margin-top:4px; padding:7px; width:18.7%;}
}
@media screen and (max-width:1027px) {
	#community_list .search_area .search .btn_blue{margin-top:4px; padding:7px; width:18.2%;}
}
@media screen and (max-width:673px) {
	#community_list .search_area .search .btn_blue{margin-top:4px; padding:7px; width:17.5%;}
}
@media screen and (max-width:462px) {
	#community_list .search_area .search .btn_blue{margin-top:4px; padding:7px; width:17%;}
#community_qa .top_area .select{float:left;}
}
@media screen and (max-width:378px) {
	#community_list .search_area .search .btn_blue{margin-top:4px; padding:7px; width:16%;}
}

#community_list .content .notice {margin-top:20px;}
#community_list .content .notice .tr .td_text{margin:15px;}
#community_list .content .notice .tr .td_text .notice_icon{padding-top:2px; float:left;width:40px; line-height:18px; background:#3c6cbb; border-radius:5px; -webkit- border-radius:5px; color:#fff; text-align: center; font-size:0.9em;}
#community_list .content .notice .tr .td_text p{font-size: 15px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal;}
#community_list .content .notice .tr .td_text p+ p{clear:both;}
#community_list .content .notice .tr{background:#fff; border:1px solid#ddd; margin:0px 0 7px 0;}
#community_list .content .notice .tr .td_text .small{color:#888; margin-top:6px; font-size:12px;}

#community_list .content .article_list{margin-top:20px;}
#community_list .content .article_list .tr .td_text img{width:15px; vertical-align: -4px; }
#community_list .content .article_list .tr{background:#fff; border:1px solid#ddd; margin:0px 0 7px 0;}
#community_list .content .article_list .tr .td_text p{font-size:15px; color:#111; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal;}
#community_list .content .article_list .tr .td_text{margin:15px; }
#community_list .content .article_list .tr .td_text .small{color:#888; margin-top:6px; font-size:12px;}
#community_list .content .article_list .tr .td_text .small .black{color:#111;}


.word_overflow {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal;}


/****05-06 시세/매출****/
#community_sale .top_area .top{overflow:hidden; margin:20px 10px 10px 10px; }
#community_sale .top_area .top .title {float:left; display:inline-block; font-size:16px; color:#111; font-weight: bold;}

#community_sale .top_area .top_info{background-color:#fff; overflow:hidden; border-top:1px solid#ddd; border-bottom:1px solid#ddd; }
#community_sale .top_area .top_info .point_top_menu{float:left; text-align:center; width:32.3%; border-right:1px solid#ddd; margin:10px 0; height:160px; padding:44px 10px; box-sizing:border-box;}
#community_sale .top_area .top_info .point_top_menu:first-child{margin-left:5px;}
#community_sale .top_area .top_info .point_top_menu .menu.bold:after {content:""; display: block; width: 8%; border-top: 1px solid#3c6cbb; margin: 20px auto;}
#community_sale .top_area .text{margin:12px 20px;}
#community_sale .top_area .text ul li{list-style:disc; margin:0 20px ; font-size:0.9em; color:#888; margin-top:5px;}

#community_sale .t_area{margin-top:20px; padding:0 10px; }
#community_sale .t_area .t_sale{border:1px solid#ddd; }
#community_sale .t_area .t_sale .t_title{background:#aaa; overflow:hidden; color:#fff; font-weight:bold;}
#community_sale .t_area .t_sale .t_title a{color:#fff;}
#community_sale .t_area .t_sale .t_line{background:#fff; overflow:hidden; border-bottom:1px solid#eaeaea;}
#community_sale .t_area .t_sale .t_line:last-child{border-bottom:none;}
#community_sale .t_area .t_sale .t_line .t_head{font-weight:bold; color:#333; }
#community_sale .t_area .t_sale .common{float:left; width:33%; text-align: center; height:45px; line-height: 45px; overflow:hidden;}
#community_sale .t_area .t_sale .t_line .blue{color:#3c6cbb; font-weight:bold;}
#community_sale .t_area .t_sale .t_line .green{color:#19bdc4; font-weight:bold;}
@media screen and (max-width:410px) {
	#community_sale .t_area .t_sale .common{font-size:0.9em; letter-spacing: -1px;}
	
}
#community_sale .t_area .select{overflow:hidden;}
#community_sale .t_area .select .select_box06{font-weight:bold; color:#888; float:right; width:120px; height:25px; background:#fff; border-radius:5px; -webkit- border-radius:5px; border:1px solid#eaeaea; box-shadow:0 1px 3px #eaeaea; -webkit- box-shadow:0 1px 3px #eaeaea; margin-bottom: 10px;}
#community_sale .sale_bottom{padding:0 10px; border-top:1px solid#ddd; margin-top:30px;}

#community_sale .graph{margin-top:20px; padding:0 10px;}




/****07. 출석부(08_layer)***/
#attendance .attend_area{background:#EAEEF7; text-align: center; overflow: hidden; border-bottom: 1px solid #ddd; }
#attendance .attend_area .att_top{padding: 20px 0;}
#attendance .attend_area .att_top .ribbon{
	text-indent: -99999px; 
	margin:0 auto; 
	width:100px; 
	height:35px; 
	background:url(../img/community/att_ribbon.png)no-repeat; 
	background-size:100px; 
}
#attendance .attend_area .att_top .att_tt{
	text-indent:-99999px; 
	margin:0 auto; 
	width:200px;
	height:60px; 
	background:url(../img/community/att_tt.png)no-repeat; 
	background-size:200px;
}
#attendance .attend_area .att_top .text>p:first-child{padding:0 auto;font-size:13px; letter-spacing:1px;}
#attendance .attend_area .att_top .text .tt_box{overflow:hidden; text-align:left; background:#d0daeb; width:90%; max-width:500px; margin:8px auto 10px; border-radius:10px; padding:10px; box-sizing:border-box;}
#attendance .attend_area .att_top .text .last{font-size:13px; color:#545454; padding:0 2%; line-height: 15px;}
#attendance .attend_area .att_top .text .tt_box p{float:left; width:47%; font-weight:500; margin-left:5px; line-height: 16px;}
#attendance .attend_area .att_spring .spring{text-indent:-99999px; background:url(../img/community/spring.jpg)repeat-x left top; height:97px; }



#attendance .attend_area .att_spring .date_area{background:#fff; overflow:hidden; padding:0 20px 0 20px;}
#attendance .attend_area .date{font-size:16px; color:#888; position: relative; margin-bottom: 5px;}
#attendance .attend_area .date .dd{font-weight:700;}
#attendance .attend_area .num{position:absolute; top:-3px; right: 0; font-weight: normal; text-align:left; font-size:14px; color:#888; padding:5px 0;}


#attendance .attend_area .calendar{overflow-y:hidden; background:url(../img/community/date_back.png)repeat-x left top; background-size: 4420px 120px; width:4420px; height: 120px; display:inline-block; }
#attendance .attend_area .calendar .day{float:left; padding:10px; width:95px; height:100px; border-right:1px solid#ddd; text-align: left; }
#attendance .attend_area .calendar .day div{font-weight:bold; font-size: 12px; }
#attendance .attend_area .calendar div img{
	position:absolute; 
	margin-left:10px; 
	cursor:pointer; 
	width: 80px;
}

#attendance .check{margin-top:20px; }
#attendance .check>div:first-child{padding-bottom:5px;border-bottom: 2px solid#ddd;}
#attendance .check>div:first-child p{padding-left:20px; font-weight:500; font-size: 14px;}
#attendance .check .list{padding:10px 20px;}
#attendance .check .list .list_td{overflow:hidden; border-bottom:1px dashed#ddd; padding:10px 0px; height:45px;}
#attendance .check .list .list_tr .list_td .nick{font-weight:bold; font-size: 14px; color: #474747}
#attendance .check .list .list_tr .list_td .nick img{vertical-align: -2px; width:12px;}
#attendance .check .list .list_tr .list_td .tt{font-size:14px; color:#5e5e5e; padding:10px 0; display: inline-block; float:left;}
#attendance .check .list .list_tr .list_td .type {float:right; padding-top:5px;}
#attendance .check .list .list_tr .list_td .data_attend{color:#3c6cbb; font-size: 12px;}
#attendance .check .list .list_tr .list_td .data_leave{color:#3ca8bb; font-size: 12px;}
#attendance .check .list .list_tr .list_td .data_off{color:#49b93b; font-size: 12px;}
#attendance .check .list .list_tr .list_td .data_direct{color:#888; font-size: 12px;}


@media screen and (max-width:467px) {
	#attendance .check .list .list_tr .list_td .tt{float:none;}
	#attendance .check .list .list_tr .list_td .blue{float:none; font-size: 0.9em;}
}

#attendance .resume_btn_area2 .wrap{padding:0 20px;}
#attendance .resume_btn_area2 .wrap .btn_black{width:100%; padding:10px; }


/*출석체크 팝업*/
#attendance .attend_bg {position:fixed; width:100%; height:100%; z-index: 9998; left:0; top:0; background:#797979; opacity:0.7;}
#attendance .attend_pop {position:fixed; width:365px; top:50px;  z-index: 9999; font-size:0.9em; left:50%; margin-left:-182.5px;}
#attendance .attend_pop .attend_close_btn{cursor:pointer; position:fixed; top:5px; left:50%; margin-left:140px;}
#attendance .attend_pop .attend_layer_top{text-indent: -99999px; background:url(../img/community/attend_layer_top.png)left top; width:365px;  height: 150px;}
#attendance .attend_pop .attend_layer_list{background:url(../img/community/attend_layer_bg.png)repeat-y left bottom; width:365px;}
#attendance .attend_pop .attend_layer_bottom{background:url(../img/community/attend_layer_bottom.png)no-repeat left -20px; width:365px; height:116px; text-align:center;}

#attendance .attend_pop .attend_layer_list ul{width:305px; margin:0 0 0 40px; padding-bottom:10px; }
#attendance .attend_pop .attend_layer_list ul li{list-style:none; text-align: left;  height:20px; }
#attendance .attend_pop .attend_layer_list ul li input[type="radio"] {vertical-align:-2px;}
#attendance .attend_pop .attend_layer_list .check_attend{background:url(../img/community/check_attend.png) no-repeat left center;padding-left:85px; }
#attendance .attend_pop .attend_layer_list .check_off{background:url(../img/community/check_off.png) no-repeat left center;padding-left:85px;}
#attendance .attend_pop .attend_layer_list .check_leave{background:url(../img/community/check_leave.png) no-repeat left center;padding-left:85px;}
#attendance .attend_pop .attend_layer_list .check_direct{background:url(../img/community/check_direct.png) no-repeat left top; padding-top:28px; }
#attendance .attend_pop .attend_layer_list .check_direct {margin-top:15px; padding:23px 0 20px;}
#attendance .attend_pop .attend_layer_list .check_direct li input[type="text"]{border:1px solid#ddd; width:250px; line-height:25px; height:25px; }


#attendance .attend_pop .attend_layer_bottom .submit_btn{border:0; background:url(../img/community/submit_btn.png); width:150px; height:40px; text-indent: -99999px; margin-top:20px; display:inline-block; }





/****09-14. 가위바위보****/



#rps .top_img_area{background:#d5ebf1; text-align: center; position:relative;}
#rps .top_img_area .top_img{width:100%; }
#rps .top_img_area .top_btn{position:absolute; top:85%; left:50%; width: 250px; margin-left:-125px; cursor: pointer; }

#rps .top_tt_area{background:#d5ebf1; overflow:hidden; padding:50px 20px 25px 20px;}
#rps .top_tt_area .text{float:right; color:#888; font-size:12px; padding:10px 5px 5px 0;}
#rps .top_tt_area .top_tt{clear:both; background:#fff; border-radius:10px;  border:1px solid#eaeaea;}
#rps .top_tt_area .top_tt .top_ul ul{overflow:hidden;}
#rps .top_tt_area .top_tt .top_ul ul li{font-size:15px; display:inline-block; float:left; width:50%; text-align:center; box-sizing:border-box; border-bottom:1px solid#ddd; height: 40px; line-height: 40px;}
#rps .top_tt_area .top_tt .top_ul ul .active{border-bottom:3px solid#3c6cbb;}
#rps .top_tt_area .top_tt .top_ul ul .active a{color:#3c6cbb;}
#rps .top_tt_area .top_tt .top_ul ul li a{font-weight:bold; color:#aaa; display: block;}

#rps .top_tt_area .top_tt .tt_area{padding:0 15px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr{border-bottom:1px dashed#ddd; overflow:hidden; padding:10px 0;}
#rps .top_tt_area .top_tt .tt_area .tt_tr:last-child{border-bottom:none; font-size:14px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr>div{box-sizing:border-box;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left{float:left; padding:5px 10px 5px 0;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left .ranking{text-indent:-99999px; background:url(../img/community/rps_img01.png); width:45px; height:44px; background-size:228px; }
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left .ranking_num{box-sizing:border-box; padding-top:8px; width:45px; height:45px; text-align: center; font-size:15px; font-weight:bold; }
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left .r1{background-position:0px 0px; }
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left .r2{background-position:-48px 0px; }
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_left .r3{background-position:-95px 0px;}

#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info {line-height:22px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr p{display:inline-block; }
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr p span{font-weight:none;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr{font-weight:400; font-size:14px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr .red{color:#ff0000; font-weight:bold;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr .black{color:#888; font-weight:bold;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .rr .green{color:#00b0bb; font-weight:bold;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info .nick{font-weight:bold; font-size: 15px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_info{float:left; padding-top:8px; padding-left:5px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_right{float:right; padding-top:8px; text-align: right;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_right p{color:#888; font-size: 13px;}
#rps .top_tt_area .top_tt .tt_area .tt_tr .tt_right p .red{color:#ff0000; font-weight:bold; }

#rps .top_tt_area .ranking_tt{overflow:hidden; padding-top:20px;}
#rps .top_tt_area .ranking_tt div:first-child{float:left; font-weight:bold; font-size:16px; padding-bottom:5px;}
#rps .top_tt_area .ranking_tt div:last-child{float:right; color:#888; margin-top:3px;}


#rps .tap_area .game_tap .tap{padding-top:20px;}
#rps .tap_area .game_tap .tap ul{overflow:hidden; border:1px solid#ddd; border-radius:5px; background:#fff; box-shadow:1px 2px 3px #eaeaea; }
#rps .tap_area .game_tap .tap ul li{float:left; width:50%; text-align: center; box-sizing:border-box; font-weight:bold; height: 40px; line-height: 40px;}
#rps .tap_area .game_tap .tap ul li a{color:#aaa; display: block;}
#rps .tap_area .game_tap .tap ul .active{background:#3c6cbb;}
#rps .tap_area .game_tap .tap ul .active a{color:#fff; }

#rps .tap_area .tap_info{padding-top:20px;}
#rps .tap_area .tap_info .game_guide{overflow:hidden; padding-top:8px; font-size:13px;}
#rps .tap_area .tap_info .game_guide div{float:left;}
#rps .tap_area .tap_info .game_guide .win{text-indent:-99999px; background:url(../img/community/rps_img01.png); width:25px; height:25px; background-size:200px 39px; background-position:72px 0; zoom:0.9;}
#rps .tap_area .tap_info .game_guide .lose{text-indent:-99999px; background:url(../img/community/rps_img01.png); width:25px; height:25px; background-size:200px 39px; background-position:47px 0; margin-left:10px; zoom:0.9;}
#rps .tap_area .tap_info .game_guide .draw{text-indent:-99999px; background:url(../img/community/rps_img01.png); width:24px; height:25px; background-size:200px 39px; background-position:24.5px 0; margin:0 5px 0 10px; zoom:0.9;}
#rps .tap_area .tap_info .game_guide .fw500{line-height: 20px;}

/*진행중인 게임*/
#rps .tap_area .tap_list .list_tr{background:#fff; border:1px solid#ddd; box-sizing:border-box; padding:10px; overflow:hidden; margin-top:10px;}
#rps .tap_area .tap_list .list_tr .list_left{float:left;}
#rps .tap_area .tap_list .list_tr .list_right{float:right;}
#rps .tap_area .tap_list .list_tr .list_left{width:70%;}
#rps .tap_area .tap_list .list_tr .list_left p{display:inline-block; padding-top:5px;}
#rps .tap_area .tap_list .list_tr .list_left .grey{color:#aaa; font-size: 12px;}
#rps .tap_area .tap_list .list_tr .list_left .fw600{font-size:14px; padding-top:5px;}
#rps .tap_area .tap_list .list_tr .list_left .b_bold{color:#3c6cbb; font-weight:bold; font-size:14px;}
#rps .tap_area .tap_list .list_tr .list_left .list_bt p:first-child{font-weight:bold; font-size: 14px;}
#rps .tap_area .tap_list .list_tr .list_left .list_bt p:first-child img{width: 14px; padding-right: 5px;}
#rps .tap_area .tap_list .list_tr .list_left .fw600{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#rps .tap_area .tap_list .list_tr .list_right img{cursor: pointer; width: 70px;}
@media screen and (max-width:384px) {
	#rps .tap_area .tap_list .list_tr .list_right img{width:70px; padding-top:10px;}
}
@media screen and (max-width:350px) {
	#rps .tap_area .tap_info .game_guide div{letter-spacing:-2px;}
}

#rps .nick img{width: 14px; vertical-align: -3px; }

/*마감한게임*/
#rps .tap_area .tap_list .list_tr .end_game{float:none; line-height: 14px;}
#rps .tap_area .tap_list .list_tr .e02{overflow:hidden; line-height: 17px; }
#rps .tap_area .tap_list .list_tr .e02 div{float:left;}
#rps .tap_area .tap_list .list_tr .e02 div img{width:20px;}
#rps .tap_area .tap_list .list_tr .e01 p{color:#aaa; font-weight:bold; font-size: 13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#rps .tap_area .tap_list .list_tr .e01 .light_grey{font-weight: normal; color: #eaeaea;}
#rps .tap_area .tap_list .list_tr .e02 .end01_left{font-weight:bold; height: 25px; line-height: 25px;}
#rps .tap_area .tap_list .list_tr .e02 .end01_left img{padding-left:5px; }
#rps .tap_area .tap_list .list_tr .e02 .end01_right{font-weight:bold; height: 25px; line-height: 25px;}
#rps .tap_area .tap_list .list_tr .e02 .end01_right img{padding-right:5px; }
#rps .tap_area .tap_list .list_tr .e02 .vs{padding:0 15px; font-weight:500;}
#rps .tap_area .tap_list .list_tr .e03{padding-top:2px; font-size:0.9em; color:#aaa; line-height: 13px; font-size: 12px;}

#rps .content_area .co_write_area{padding:0 20px;}
#rps .bottom_cont .nick{font-weight:bold;}
#rps .bottom_cont .nick img{vertical-align:-1px;}


/****가위바위보_게임오픈****/
.rps_pop_opengame{position:fixed; width:375px; height:459px; background:url(../img/community/Gamecreat_bg.png)no-repeat left top; background-size:375px 459px; z-index:99999; top:10%; left:50%; margin-left:-187px;}
.overlay{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/community/bg_black.png)repeat; z-index: 99998;}
.rps_pop_opengame input[type=text],.rps_pop_opengame input[type=number]{background:#fff; height:50px; width:100%; border:1px solid #ddd; border-radius:5px; padding-left:10px; font-size:1em;}
.rps_pop_opengame .title{width:85%; height:50px; margin:80px auto 10px;}
.rps_pop_opengame .point{width:85%; height:50px; margin:0 auto 10px; }
.rps_pop_opengame .point span{font-size:0.9em; height:30px; line-height:30px; }

.rps_pop_opengame .rps_img{margin:60px 0 33px; padding:0 7.5%;}
.rps_pop_opengame ul{overflow:hidden; padding:0; }
.rps_pop_opengame li{float:left; list-style: none; cursor:pointer; width:30%;}
.rps_pop_opengame li img{width:100%;}
.rps_pop_opengame .scissor{margin-right:5%;}
.rps_pop_opengame .rock{margin-right:5%;}

.rps_pop_opengame .btn_area{height:50px; text-align: center; }
.rps_pop_opengame .btn_area .btn .open{width:40%; margin-right:0.2%; background:#3c6cbb; color:#fff;}
.rps_pop_opengame .btn_area .btn .close{width:20%; background:#fff; color:#888;}
.rps_pop_opengame .btn_area .btn button{height:50px; border:1px solid#ddd; border-radius:10px; box-shadow:3px 2px 5px #eaeaea; font-weight:bold; font-size:1em; line-height:45px; cursor: pointer; }

.rps_pop_opengame .close_icon{cursor: pointer; position: absolute; top:20px;left:90%;}


/****가위바위보_도전&결과****/
.rps_challenge{overflow:hidden;background:url(../img/community/Gamechallenge_bg.png)no-repeat left top; background-size:375px 467px; width:375px; height:467px; z-index: 99999; padding-top:90px; position:fixed; top:10%; left:50%; margin-left:-187px;}
.rps_challenge .point_display{background:url(../img/community/point_display.png)no-repeat top center;  background-size:311px 100px; width:311px; height:100px; margin:0 auto; line-height:120px; text-align: center; font-size:0.9em; }
.rps_challenge .point_display span{color:#3c6cbb; font-size:2em; font-family:Nanum Barun Gothic; font-weight:bold; display:inline-block; vertical-align:bottom; margin-right: 5px;}

.rps_challenge .close_btn{position:absolute;top:96px;right:60px;}
.rps_challenge .vs{position:absolute;top:320px;left:50%; margin-left:-58px;}
.rps_challenge .confirm_btn{background:#3c6cbb; border:none; color:white; font-weight:bold; font-size:1.2em; border-radius:5px; width:35%; height:50px; box-shadow:1px 2px 3px #aaa;}
.rps_challenge .cencle_btn{background:#fff; border:none; color:#888; font-weight:bold; font-size:1.2em; border-radius:5px; width:20%; height:50px; box-shadow:1px 2px 3px #aaa;}
.rps_challenge .btn_area{text-align:center; }

/*가위바위보_도전하기*/

.rps_challenge .c_pannel{margin:10px auto; padding:0 7% 40px;}
.rps_challenge .c_pannel ul{padding:0; overflow:hidden; width:100%;}
.rps_challenge .c_pannel ul li{float:left;list-style:none; width:30%;cursor:pointer; padding:5px;}
.rps_challenge .c_pannel ul li img{width:100%;}
.rps_challenge .c_pannel ul li.Scissor{margin-right:5%;}
.rps_challenge .c_pannel ul li.Rock{margin-right:5%;}
.rps_challenge .c_pannel ul li.Paper{}

/*가위바위보_도전결과*/

.rps_challenge .pannel{overflow:hidden; padding-bottom: 15px;}
.rps_challenge .pannel .pp img{width:90%;}
.rps_challenge .creater{float:left;margin-left:9%; width:40%;}
.rps_challenge .challenger{float:right;margin-right:5%;width:40%;}


.rps_result .win{position:absolute;top:230px;left:50%; margin-left:-77px;}
.rps_result .lose{position:absolute;top:210px;left:50%; margin-left:-85px;}
.rps_result .draw{position:absolute;top:230px;left:50%; margin-left:-102px;}



/****15-18. 제비뽑기****/
/*제비영역*/
#lots .lots_area{background:url(../img/community/lots_top_bg.png)repeat; }
#lots .lots_area .lots_top{text-align: center;}
#lots .lots_area .lots_top .lots_title{width:100%;}
#lots .lots_area .lots_top .top_t{padding:20px 10px 0 10px;}
#lots .lots_area .lots_top .top_t .bold{font-size:15px;}
#lots .lots_area .lots_top .top_t .lots_st{color:#888; padding-top:5px; font-size:12px; letter-spacing:-1px;}
#lots .lots_area .lots_top .top_tt{padding:25px 10px 30px 10px; font-size:13px;}
#lots .lots_area .lots_top .top_tt .box{background:#a7c365; padding:2px 10px; border-radius: 15px; -webkit-border-radius: 15x; color:#fff; font-weight:bold; margin-right:8px;}
/*카드영역*/
#lots .lots_area .lots{overflow:hidden; padding:0 20px 20px; text-align: center;}
#lots .lots_area .lots .lots_card{float:left; margin:5px 2% 1% 0; width:100%; max-width:48%; box-sizing:border-box; }
#lots .lots_card ul{overflow:hidden;}
#lots .lots_card .tap{width:25%; float:left;}
#lots .lots_card{position: relative;}
#lots .lots_card .lots_touch {position:absolute; z-index:98; width:100%; height:100%; background:#ccc; opacity:0.5;}
#lots .lots_card .alphabet{position:absolute; z-index: 99; width:50%; top:25%; left:50%; margin-left:-25%; opacity:0.8;}


/*제비하단*/
#lots .lots_area .lots_bottom_area{background:url(../img/community/lots_bottom_bg.png)repeat; padding:40px 20px; text-align: center; position:relative; }
#lots .lots_area .lots_bottom_area .lots_guide{position:absolute; top:27px; left:50%; margin-left:-115px; background:url(../img/community/lots_bt.png)no-repeat center; background-size:230px 53px; padding:18px 47px; line-height:18px; color:#fff; font-weight:bold; font-size:1.1em;}
#lots .lots_area .lots_bottom_area .lots_pennel{background:#497732; border-radius: 10px; -webkit- border-radius:10px; padding:50px 0 20px; color:#fff;}
#lots .lots_area .lots_bottom_area .lots_pennel li{padding:0 20px; text-align: left; font-size:13px;}

#lots .content_area{margin-top:20px;}
#lots .content_area .co_write_area{padding:20px; border-top:1px solid#ddd;}
#lots .bottom_cont .comment_tt .nick{font-weight:bold;}
/*제비팝업*/
#lots .overlay{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/community/bg_black.png)repeat; z-index: 99999;}



/*제비뽑기 게임판*/
.lots_pop .lots_bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999998; }
.lots_pop .game_pannel{ position:fixed; background:#fff; left:50%;  z-index:999999;}
.lots_pop .game_pannel ul{overflow:hidden; width:100%; margin:0; padding:8px 0 5px 14px;}
.lots_pop .game_pannel ul li{float:left; width:25%;}
.lots_pop .game_pannel .lots_30{background:url(../img/community/lots_30.png)no-repeat right center; background-size: cover;}
.lots_pop .game_pannel .lots_50{background:url(../img/community/lots_50.png)no-repeat right top; background-size: cover;}
.lots_pop .game_pannel .lots_100{background:url(../img/community/lots_100.png)no-repeat right top; background-size: cover;}
.lots_pop .game_pannel .lots_200{background:url(../img/community/lots_200.png)no-repeat right top; background-size: cover;}
.lots_pop .game_pannel .lots_1000{background:url(../img/community/lots_1000.png)no-repeat right top; background-size: cover;}
.lots_pop .game_pannel .lots_img{background:url(../img/community/lots_cover.png)no-repeat right top; background-size: cover; cursor: pointer;}
.lots_pop .game_pannel .lots_fail{background:url(../img/community/lots_fail.png)no-repeat right top; background-size: cover;}
.lots_pop .game_pannel ul li p{text-align: center; }
.lots_pop .game_pannel ul li p span{display:inline-block; padding-top:25%; font-weight:600; font-size:0.9em; height:150px;}
.lots_pop .game_pannel .lots_fail span{padding-top:25%; }

.lots_pop .attend_close_btn{position:fixed; left:50%; margin-left:-25px; z-index:999999;}

#lots .lots_result .lots_result_bg {position: fixed; z-index: 9999998; top:0; left:0; width:100%; height:100%;   background:#797979; opacity:0.7;}
#lots .lots_result .btn_lots_result_close {position: fixed; z-index: 9999999;}
#lots .lots_result .lots_rpop_f{position: fixed; z-index: 9999999; }
#lots .lots_result .lots_rpop{position: fixed; z-index: 9999999; }


@media screen and (max-width:378px) {
	.lots_pop .game_pannel {width:305px; margin-left:-152.5px;  top:75px;}
	.lots_pop .game_pannel ul{padding:8px 0 5px 5px;}
	.lots_pop .game_pannel ul li{max-width:75px; height:70px; padding-bottom:3px; font-size:12px;}
	.lots_pop .game_pannel .lots_30,
	.lots_pop .game_pannel .lots_50,
	.lots_pop .game_pannel .lots_100,
	.lots_pop .game_pannel .lots_200,
	.lots_pop .game_pannel .lots_1000,
	.lots_pop .game_pannel .lots_img,
	.lots_pop .game_pannel .lots_fail {max-width:70px; height:70px;}
	.lots_pop .attend_close_btn {top:25px;}

	#lots .lots_result .lots_rpop_f{ width:250px; top:140px; left:50%; margin-left:-125px; }
	#lots .lots_result .lots_rpop{ width:300px; top:140px; left:50%; margin-left:-140px; }
	#lots .lots_result .btn_lots_result_close {top:150px; left:50%; margin-left:80px; }
}
@media (min-width:379px) and (max-width:462px) {
	.lots_pop .game_pannel ul{padding:8px 0 5px 14px;}
	.lots_pop .game_pannel {width:363px; margin-left:-185px;  top:100px;}
	.lots_pop .game_pannel ul li{max-width:85px; height:85px; font-size:14px;}
	.lots_pop .game_pannel .lots_30,
	.lots_pop .game_pannel .lots_50,
	.lots_pop .game_pannel .lots_100,
	.lots_pop .game_pannel .lots_200,
	.lots_pop .game_pannel .lots_1000,
	.lots_pop .game_pannel .lots_img,
	.lots_pop .game_pannel .lots_fail {max-width:80px; height:80px;}
	.lots_pop .attend_close_btn {top:50px;}

	#lots .lots_result .lots_rpop_f{ width:300px; top:170px; left:50%; margin-left:-150px; }
	#lots .lots_result .lots_rpop{ width:350px; top:170px; left:50%; margin-left:-170px; }
	#lots .lots_result .btn_lots_result_close {top:190px; left:50%; margin-left:90px; }
}
@media (min-width:463px) {
	.lots_pop .game_pannel ul{padding:8px 0 5px 14px;}
	.lots_pop .game_pannel ul {width:450px;}
	.lots_pop .game_pannel {margin-left:-241px; top:150px;}
	.lots_pop .game_pannel ul li{max-width:110px; height:110px; font-size:16px;}
	.lots_pop .game_pannel .lots_30,
	.lots_pop .game_pannel .lots_50,
	.lots_pop .game_pannel .lots_100,
	.lots_pop .game_pannel .lots_200,
	.lots_pop .game_pannel .lots_1000,
	.lots_pop .game_pannel .lots_img,
	.lots_pop .game_pannel .lots_fail {max-width:105px; height:105px;}
	.lots_pop .attend_close_btn {top:75px;}

	#lots .lots_result .lots_rpop_f{ width:100%; top:30%; left:50%; margin-left:-194px; }
	#lots .lots_result .lots_rpop{ width:500px; top:200px; left:50%; margin-left:-240px; }
	#lots .lots_result .btn_lots_result_close {top:240px; left:50%; margin-left:120px; }
}

/****22. 지식QA****/

#community_qa .search_area {margin-top:10px; padding:0 10px;}
#community_qa .search_area .toptop{overflow:hidden;}
#community_qa .search_area .title{display:inline-block; float:left; font-size: 16px; font-weight: bold;}
#community_qa .search_area .select{float:right;}
#community_qa .search_area .select_box05{margin:4px 3px 0 0; display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:80px;}
#community_qa .search_area .select_box04{display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:150px;}
#community_qa .search_area .search{margin-top:3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#community_qa .search_area .search input[type="text"].search{height:30px; width:100%;  box-sizing:border-box; margin-right:3px; 
	width: calc(100% - 180px);
	width: -moz-calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
}
#community_qa .search_area .search .btn_blue a{color:#fff;}
#community_qa .search_area .search .btn_blue{margin-top:4px; padding:7px; width:80px; font-size: 13px;}

/*
.community .search_area{margin-top: 20px; padding: 0 10px;}
.community .search_area .toptop{font-size: 16px; font-weight: bold;}
.community .search_area .search {margin-top: 3px;}
.community .search_area .search .select_box05{
	margin: 4px 0.2% 0 0;
	display: inline-block;
	border: 1px solid #eaeaea;
	background:#fff;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	width: 20%;
	box-sizing: border-box;
}
.community .search_area .search input[type="text"].search{
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	margin-right: 0.2%;
	margin-top: 3px;
	width: 60%;
}
.community .search_area .search .btn_blue{
	margin-top: 4px;
	padding: 7px;
	width: 17%;
	font-size: 13px;
}
*/


#community_qa .select{padding: 0 10px; margin-top: 20px;}
#community_qa .select .select_box04{border: 1px solid #eaeaea; border-radius: 5px; height: 25px; }


#community_qa .top_area{margin-top:20px; padding:0 10px;}
#community_qa .top_area .toptop{overflow:hidden;}
#community_qa .top_area .title{display:inline-block; float:left;}
#community_qa .top_area .select{float:right;}
#community_qa .top_area .select_box05{margin:4px 0.2% 0 0; display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:20%; box-shadow:0 1px 3px #eaeaea;}
#community_qa .top_area .select_box04{display: inline-block; border:1px solid#eaeaea; border-radius:5px; -webkit- border-radius:5px; box-sizing:border-box; height:30px; width:100px; box-shadow:0 1px 3px #eaeaea;}
#community_qa .top_area .search{margin-top:3px;}
#community_qa .top_area .search input[type="text"].search{height:30px; width:60%;  box-sizing:border-box; margin-right:0.2%; }
#community_qa .top_area .search .btn_blue a{color:#fff;}
#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:19%;}
@media screen and (max-width:1520px) {
	#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:18.7%;}
}
@media screen and (max-width:1027px) {
	#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:18.2%;}
}
@media screen and (max-width:673px) {
	#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:17.5%;}
}
@media screen and (max-width:462px) {
	#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:17%;}

}
@media screen and (max-width:378px) {
	#community_qa .top_area .search .btn_blue{margin-top:4px; padding:7px; width:16%;}
}


#community_qa .content .article_list{margin-top:5px;}
#community_qa .content .article_list .tr{background:#fff; border:1px solid#ddd; margin:0px 0 7px 0;}
#community_qa .content .article_list .tr .td_text p{font-size:15px; color:#111; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; word-wrap:normal; line-height:20px;}
#community_qa .content .article_list .tr .td_text .blue{color:#3c6cbb; font-weight:bold; font-size: 13px;}
#community_qa .content .article_list .tr .td_text .orange{color:#ffaa00; font-weight:bold;}
#community_qa .content .article_list .tr .td_text .light_grey{color:#ddd; }
#community_qa .content .article_list .tr .td_text .picto{float:left; margin-top:6px; width:16px; height:20px; background:url(../img/c_select_icon.png); background-size:80px 21px; background-position:20px 0; text-indent:-99999px;}
#community_qa .content .article_list .tr .td_text{margin:10px;}
#community_qa .content .article_list .tr .td_text .small{color:#888; font-size:12px;}
#community_qa .content .article_list .tr .td_text .small .black{color:#111;}








/****포인트 순위****/

/*타이틀 영역 : top_area*/
#point_level .top_area .top{overflow:hidden; margin:20px 10px 10px 10px; }
#point_level .top_area .top .title {float:left; display:inline-block; font-size:16px; color:#111; font-weight: bold; padding-bottom:0; margin-top:2px;}
#point_level .top_area .top .btn_blue{float:right; padding:5px 10px; font-weight:400; font-size:12px; } /*블루버튼*/

#point_level .top_area .top_info{background-color:#fff; overflow:hidden; border-top:1px solid#ddd; border-bottom:1px solid#ddd; }
#point_level .top_area .top_info .point_top_menu{float:left; text-align:center; width:32.3%; border-right:1px solid#ddd; margin:10px 0; height:70px; padding:10px 10px; box-sizing:border-box;}
#point_level .top_area .top_info .point_top_menu:first-child{margin-left:5px;}
#point_level .top_area .top_info .point_top_menu .bar_wrap{padding:10px 46%; margin:auto;}
#point_level .top_area .top_info .point_top_menu .bar_wrap .bar{border-bottom:1px solid#3c6cbb; }
#point_level .top_area .top_info .point_top_menu:last-child{border:none;}
#point_level .top_area .top_info .point_top_menu .c14{font-size:12px;}
#point_level .top_area .top_info .point_top_menu .menu{font-size:15px; margin-top:10px;}
/*#point_level .top_area .top_info .point_top_menu .menu.bold:after {content:""; display: block; width: 8%; border-top: 1px solid#3c6cbb; margin: 20px auto;}*/
#point_level .top_area .text{margin:12px 12px;}
#point_level .top_area .text ul li{list-style:disc; margin:0 20px ; font-size:12px; color:#888; margin-top:5px; line-height:13px;}

/*화살표
.bl_arrow{width:19px; height:30px; background: url(../img/blue_arrow.png); background-size:35px 29px; background-position:0px 0px; text-indent:-99999px;}
.br_arrow{width:19px; height:30px; background: url(../img/blue_arrow.png); background-size:35px 29px; background-position:19px 0px; text-indent:-99999px;}
*/

/*콘텐츠 영역 : point_content*/

/*영역*/
#point_level .point_content .level_view{overflow:hidden;}
#point_level .point_content .level_view .level{width:100%; margin:auto; overflow:hidden;}
#point_level .point_content .level_view .level ul li.swiper-slide{width:100%; text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}


/*테이블구성*/
#point_level .point_content ul li.swiper-slide > div.tb{width:100%; float:left; box-sizing:border-box; padding:0 10px; margin:10px auto;}
#point_level .point_content{padding:0 5px; margin:20px 0;}
#point_level .point_content ul li.swiper-slide > div.tb .title{font-size:16px; font-weight:bold; margin:20px 0;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb{width:95%; background-color:#fff; border:1px solid #ddd; margin:0px auto;}

/*한줄영역*/
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr{width:100%; overflow:hidden; border-bottom:1px solid#ddd;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr:last-child{border:none;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .num,.name_point{float:left;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .num{width:15%; padding-left:20px; box-sizing:border-box; line-height:60px; font-size:1.4em; font-family:'나눔명조'; color:#79b9e1; font-weight:600;}

#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .name_point .picto img{ float:left; width:15px; vertical-align:2px;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .name_point{width:85%; box-sizing:border-box;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .name_point .name {width:100%; padding-left:35px; font-weight:bold; font-size:14px; display:inline-block; line-height:60px; text-align:left; }
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .name_point .name img{width:14px; vertical-align:-2px;}
#point_level .point_content ul li.swiper-slide > div.tb .out_tb .one_tr .name_point .name .point{float:right; margin-right:15%; color:#aaa; font-size:14px; display:inline-block;}

@media screen and (max-width:500px) {
	#point_level .point_content ul li.swiper-slide > div.tb{width:100%; float:left; box-sizing:border-box; padding:0 10px;}
}

/****포인트쇼핑몰****/
#point_shoppingmall .top_area .top{overflow:hidden; margin:20px 10px 10px; }
#point_shoppingmall .top_area .top .title {float:left; display:inline-block; font-size:16px; color:#111; font-weight: bold;}

#point_shoppingmall .top_area .top_info{ margin:0 10px; background-color:#fff; overflow:hidden; border-top:1px solid#ddd; border-bottom:1px solid#ddd; }
#point_shoppingmall .top_area .top_info .point_top_menu{float:left; text-align:center; width:32.3%; border-right:1px solid#ddd; margin:10px 0; height:160px; padding:44px 10px; box-sizing:border-box;}
#point_shoppingmall .top_area .top_info .point_top_menu:first-child{margin-left:5px;}
#point_shoppingmall .top_area .top_info .point_top_menu .menu.bold:after {content:""; display: block; width: 8%; border-top: 1px solid#3c6cbb; margin: 20px auto;}
#point_shoppingmall .top_area .text{margin:12px 20px;}
#point_shoppingmall .top_area .text ul li{list-style:disc; margin:0 10px ; font-size:13px; color:#888; margin-top:5px;}

/*보유중인 보인트 : hold_point*/
#point_shoppingmall .middle_content{padding:0 10px; margin-top:20px;}
#point_shoppingmall .middle_content .hold_point{overflow:hidden; position: relative;}
#point_shoppingmall .middle_content .hold_point .title{float:left; font-size:14px; font-weight:bold; letter-spacing:-1px; padding-bottom:0; padding:5px 0;}
#point_shoppingmall .middle_content .hold_point .title span{color:#3c6cbb; font-size: 14px;}
#point_shoppingmall .middle_content .hold_point button{position: absolute; top:4px; right: 10px;}
#point_shoppingmall .middle_content .hold_point .btn_blue{padding:5px 10px; font-weight:bold; font-size:12px; } /*블루버튼*/

/*쇼핑몰 카테고리 : category*/
#point_shoppingmall .category{background:#fff; border-top:1px solid#ddd; border-bottom:1px solid#ddd; margin:10px 10px 0 ;}
#point_shoppingmall .category ul{overflow:hidden;}
#point_shoppingmall .category ul .active{background:#3c6cbb; font-weight: bold;}
#point_shoppingmall .category ul .active a{color:#fff;}
#point_shoppingmall .category ul li{overflow:hidden; float:left; border-right:1px solid#ddd;  width:25%; font-size:12px; box-sizing:border-box; text-align: center; letter-spacing: -1px; font-weight:bold; height: 30px; line-height: 30px;}
#point_shoppingmall .category ul li a{color:#aaa; display: block;}
#point_shoppingmall .category ul li:last-child{border-right:none;}

/*제품 리스트 : category*/
#point_shoppingmall .shopping_content .product_area{overflow:hidden; padding: 5px  5% 25px 3.7%;}
#point_shoppingmall .shopping_content .product_area .prd{float:left; width:23.7%; text-align: center; margin-left:1.3%; margin-top:10px;}
#point_shoppingmall .shopping_content .product_area .prd .p_img {position: relative; padding-top: 100%; overflow: hidden;}
#point_shoppingmall .shopping_content .product_area .prd .p_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }

#point_shoppingmall .shopping_content .product_area .prd .p_text{margin-top:10px; height:80px;}
#point_shoppingmall .shopping_content .product_area .prd .p_text p{font-size:1em;}
#point_shoppingmall .shopping_content .product_area .prd .p_text p:first-child{font-weight:700; height:40px; overflow:hidden;line-height:20px;}
#point_shoppingmall .shopping_content .product_area .prd .p_text p:first-child+ p{color:#d56f79; padding-top:5px;}
#point_shoppingmall .shopping_content .product_area .prd .p_text p:last-child{color:#3c6cbb; font-weight:700; margin-top:3px;}

@media screen and (max-width:730px) {
	#point_shoppingmall .shopping_content .product_area .prd{float:left; width:31.6%; text-align: center; margin-left:1.3%; margin-top:20px;}
}

@media screen and (max-width:650px) {
	#point_shoppingmall .shopping_content .product_area .prd .p_text p{font-size:0.9em;}
	#point_shoppingmall .category ul li{font-size:0.9em;}
}

@media screen and (max-width:450px) {
	#point_shoppingmall .shopping_content .product_area .prd .p_text p{font-size:0.8em;}
	#point_shoppingmall .category ul li{font-size:0.7em; }
	
}








/****포인트쇼핑몰_디테일****/

/*상단 타이틀*/
#point_shoppingmall_detail .c_menu_area .c_menu {background-color: #3c6cbb; height:40px; border-bottom:1px solid#ddd; }
#point_shoppingmall_detail .c_menu_area .c_menu .menu {overflow:hidden; padding:6px 5px;}
#point_shoppingmall_detail .c_menu_area .c_menu .menu div{float:left; padding:5px;}
#point_shoppingmall_detail .c_menu_area .c_menu .menu .title{display:inline-block; font-size: 18px; font-weight:bold; color:#fff;}
#point_shoppingmall_detail .c_menu_area .c_menu .menu .back{margin-top:2px;width:9px; height:15px; background: url(../img/community/shopping_detail_icon.png); background-size:75px 26px; background-position:94px 0px; text-indent:-99999px;}
#point_shoppingmall_detail .c_menu_area .c_menu .menu .favorite{float:right; margin:2px 5px 0 0;width:18px; height:15px; background: url(../img/community/shopping_detail_icon.png); background-size:75px 26px; background-position:0px 0px; text-indent:-99999px;}
/*#point_shoppingmall_detail .c_menu_area .c_menu .menu .unfavorite{float:right; margin:2px 5px 0 0;width:18px; height:15px; background: url(../img/community/shopping_detail_icon.png); background-size:75px 26px; background-position:48px 0px; text-indent:-99999px;}*/


/*상품상세*/
#point_shoppingmall_detail .detail_area{background:#fff; border-bottom:1px solid#ddd; box-sizing: border-box;}

#point_shoppingmall_detail .detail_area .detail{width:100%; padding:20px 10px; overflow:hidden; box-sizing: border-box;}
#point_shoppingmall_detail .detail_area .detail .img_area{box-sizing:border-box; width: 100%; text-align: center;}
#point_shoppingmall_detail .detail_area .detail img{border:1px solid#ddd; width:200px;}
#point_shoppingmall_detail .detail_area .detail .text_area{padding-left:1.5%; width:100%;}

#point_shoppingmall_detail .detail_area .detail .text_area .tr{padding:0 0 0 110px; position: relative; margin:10px 0 0; font-size: 14px; color: #5e5e5e; line-height: 16px;}
#point_shoppingmall_detail .detail_area .detail .text_area .th{font-size:15px; font-weight:bold; position: absolute; top:0; left:0; color: #333; font-size: 15px;}
#point_shoppingmall_detail .detail_area .detail .text_area .info .grey{color:#aaa;}


/*할인율*/
#point_shoppingmall_detail .level_area .level_dis{background:#fff; margin-top:20px; border-bottom:1px solid#ddd; border-top:3px solid#ddd;}
#point_shoppingmall_detail .level_area .level_dis .level{overflow:hidden; border-bottom:1px solid#ddd;}
#point_shoppingmall_detail .level_area .level_dis .th,.td{float:left; width:14%; box-sizing:border-box; padding:10px;}
#point_shoppingmall_detail .level_area .level_dis .dis{overflow:hidden;}
#point_shoppingmall_detail .level_area .level_dis .dis .th,.td{float:left; width:14%;}
#point_shoppingmall_detail .level_area .level_dis .th,.td{font-size:0.7em ;font-weight:bold; padding:5px;}

	/*폰트스타일*/
	#point_shoppingmall_detail .level_area .level_dis .th{font-weight:bold;}
	#point_shoppingmall_detail .level_area .level_dis .level .td{font-weight:bold;}
	#point_shoppingmall_detail .level_area .level_dis .dis .td{font-weight:nomal;}
	.f_grey{color:#666666;}
	.f_red{color:#ff0000;} 
	.f_orange{color:#ff7800;}
	.f_yellow{color:#ffa200;}
	.f_green{color:#249d41;}
	.f_blue{color:#2f76bb;}
	.f_navy{color:#193c91;}
	.f_purple{color:#8842be;}




/*보내기*/
#point_shoppingmall_detail .send_content {background: #fff; margin-top:20px; padding:20px; border-top:1px solid#ddd; border-bottom:1px solid#ddd;}
#point_shoppingmall_detail .send_content .s_message{padding: 10px; background:#fff; border-radius:5px; width:100%; height:80px; border:1px solid#ddd; margin: 10px 0 5px 0; box-sizing: border-box; font-size: 14px;}

#point_shoppingmall_detail .send_content .send_text{overflow:hidden;}
#point_shoppingmall_detail .send_content .send_text .byte{color:#aaa; float:right; font-size:12px;}
#point_shoppingmall_detail .send_content .send_text .byte input[type=text] {
	box-shadow:0px 1px 3px #fff; 
	-moz-box-shadow: 0px 1px 3px #fff;
	-webkit-box-shadow: 0px 1px 3px #fff;
	padding:0;
	width:40px; height:20px; color:#aaa; border:0; text-align:right; margin-bottom:5px;
}
#point_shoppingmall_detail .send_content .send_text .send_message{font-weight:600; color:#aaa; float:left;}

#point_shoppingmall_detail .send_content .phone{margin:20px 0;}
#point_shoppingmall_detail .send_content .phone .send_title{margin-bottom:10px;}

#point_shoppingmall_detail .send_content .phone .receiver_title{margin-bottom:10px; float:left;}
#point_shoppingmall_detail .send_content .phone .send_me{float:right;}
#point_shoppingmall_detail .send_content .phone .select{clear:both;}

#point_shoppingmall_detail .send_content .phone input[type="number"].num{width:30%; margin:0 5px; height:30px; box-sizing: border-box;}
#point_shoppingmall_detail .send_content .phone .select_box05{box-sizing: border-box; display:inline-block; border:1px solid#eaeaea; border-radius:4px; box-sizing:border-box; height:30px; width:20%;}
#point_shoppingmall_detail .send_content .phone .custom2{color:#111; font-size:0.9em;}


#point_shoppingmall_detail .checks input[type="checkbox"] + label:before{ 
  width: 15px;  /* 체크박스의 너비를 지정 */
  height: 15px;  /* 체크박스의 높이를 지정 */
  line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */
 }
#point_shoppingmall_detail .check_area label{font-size:12px; color: #333;}


/*다음 버튼*/
#point_shoppingmall_detail .pay_button .btn_blue{padding:12px 0; width:100%; box-sizing:border-box; }
#point_shoppingmall_detail .pay_button .btn_blue a{color:#fff;}






/****커뮤니티_메뉴****/
#community_menu {background:#fff;}
#community_menu .top{overflow:hidden; padding-bottom:25px; }
#community_menu .top div{box-sizing:border-box;float:left;width:32%; border:1px solid#ddd; margin:2px; text-align: center; height:35px; line-height:35px; font-size:13px; font-weight:600;}
#community_menu .top div a{color:#111;}
#community_menu .top .active{float:left; font-weight:bold; border:2px solid#3c6cbb;}
#community_menu .top .active a{color:#3c6cbb;}
#community_menu .co{margin-top: 20px;}
#community_menu .tt{font-size:14px; font-weight:bold; padding:0 0 6px 0; border-bottom:1px solid#ddd;}
#community_menu .cate{border-right: 1px solid #ddd; border-left: 1px solid #ddd; background:#f5f5f5; overflow: hidden; margin-bottom:20px; }
#community_menu .cate .last{border-right: none !important;}
#community_menu .cate div{box-sizing:border-box; float:left; width:33.3%; height:35px; line-height:35px; text-align: center; font-size:13px; border-right:1px solid#ddd; border-bottom:1px solid#ddd;}
#community_menu #menu_popup{padding: 0 10px;}

/*커뮤니티 공통 상단메뉴: c_menu_area*/
#community_menu .co_menu_area{padding: 0 10px; background: #F5F5F5; margin-bottom:20px;}
#community_menu .co_menu_area .c_menu {background-color: #fff; cursor:pointer; margin-top: 10px;}
#community_menu .co_menu_area .c_menu .menu {border: 1px solid #ddd; overflow:hidden; padding:5px 5px; box-sizing: border-box;}
#community_menu .co_menu_area .c_menu .menu div{float:left; padding:5px;}
#community_menu .co_menu_area .c_menu .menu .title{display:inline-block; font-size: 14px; color:#555555;}
#community_menu .co_menu_area .c_menu .menu .icon{margin-top:5px; width:20px; height:13px; background: url(../img/c_select_icon.png); background-size:85px 26px; background-position:0 0px; text-indent:-99999px;}
/*메뉴열기*/
#community_menu .co_menu_area .c_menu .menu .click{margin-top:5px;float:right; width:20px; height:10px; background: url(../img/comm/quick_up_down_arrow.png)no-repeat; background-size:25px; background-position:0px -16px; text-indent:-99999px;}
/*메뉴닫기*/
#community_menu .co_menu_area .c_menu .menu .closed{margin-top:5px;float:right; width:20px; height:10px; background: url(../img/comm/quick_up_down_arrow.png)no-repeat; background-size:25px; background-position:0px 3px; text-indent:-99999px;}
#menu_popup{display:none; position:absolute; z-index:999; background:#fff; top:138px; left:0; margin:0px 10px; padding-bottom:10px; border: 1px solid #ddd; border-top: 1px solid #ddd;}


/*등급안내*/
#level_up .level_list {margin-top:15px; padding:0 10px;}
#level_up .level_list .level_box {margin-top: 6px; border:1px solid #dcdcdc; background-color: #fff; position: relative; overflow:hidden; border-radius:10px; box-shadow:0px 1px 2px #ccc; -moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 2px #ccc; }
#level_up .level_list .level_box .grade_info {display:none; font-size:0.8em; padding:2% 5%; line-height:18px;}
#level_up .level_list .level_box .grade_info p {padding-bottom:10px;}
#level_up .level_list .level_box .grade_info p span{background:#bf1e36; color:#fff; font-weight:bold; padding:0.5%;}
#level_up .level_list .bg_g{background: #eeeeee;}
#level_up .level_list .level_box .box-img ,.notice-img {line-height:50px; margin-left:17px; float: left; padding:2px 0;}
#level_up .level_list .level_box .box-img img{vertical-align:-2px;  width: 14px; margin:auto;}
#level_up .level_list .level_box .notice-img img{vertical-align:-4px;  width: 20px; height:20px; margin:auto;}

#level_up .level_list .level_box .text_area {margin-left: 10px; line-height:50px; float: left;}
#level_up .level_list .level_box .text_area .text_point{font-size:14px; }
#level_up .level_list .level_box .text_area .sub_title{font-size: 15px; color: #000; font-weight: bold;}
#level_up .level_list .level_box .text_area .text_point .g_bar{color:#dddddd; font-size:0.9em; font-weight:300; padding-left:5px;}
#level_up .level_list .level_box .more_btn {float:right; padding-top:20px; margin-right:20px; cursor: pointer;}
#level_up .level_list .level_box .up_btn{display:none; float:right; line-height:50px; font-weight:bold; font-size:12px; margin-right:25px; cursor: pointer; color:white;}
#level_up .level_list .level_box .up_btn img{vertical-align: -7px;}

#level_up .level_list .level_group{margin-top:20px;}
#level_up .level_list .level_group:last-child{margin-bottom:50px;}

#level_up .level_list .level_box .text_area .text_point .l_point20{color:#a57aca;}
#level_up .level_list .level_box .text_area .text_point .l_point18{color:#1f4b93;}
#level_up .level_list .level_box .text_area .text_point .l_point15{color:#3478bc;}
#level_up .level_list .level_box .text_area .text_point .l_point12{color:#53b75f;}
#level_up .level_list .level_box .text_area .text_point .l_point09{color:#ffbd00;}
#level_up .level_list .level_box .text_area .text_point .l_point06{color:#ff7032;}
#level_up .level_list .level_box .text_area .text_point .l_point03{color:#c70000;}
#level_up .level_list .level_box .text_area .text_point .on{color:#ffffff; margin-left:11px;}
#level_up .level_list .level_box .text_area .text_point .t_sub{color:#aaaaaa; font-size:0.8em;}

#level_up .level_list .level_box .price {font-size: 15px; color: #888; margin-bottom: -5px;}
#level_up .level_list .level_box .price .less_point {color: #7AB9E4; font-weight: bold;margin-left: 5px;}
#level_up .level_list .level_box .right {padding:5px; position: absolute; right:10px; bottom:6px;}
#level_up .level_list .level_box .right .text_area .time{ color:#888; padding-top:2px;}

#level_up .top_area h2{display:block; float:left;}
#level_up .top_area button{float:right; padding:5px 7px; font-size:12px; font-weight: 200;}
#level_up .top_area .point_top .menu_fz{font-size:15px;}
#level_up .top_area .point_top .menu_fs{font-size:0.9em;}
#level_up .top_area .point_top .bar_wrap{padding:10px 46%; margin:auto;}
#level_up .top_area .point_top .bar_wrap .bar {border-bottom: 1px solid #3c6cbb;}

#level_up .top_area .point_top{height: 110px; width:100%; background-color: #fff; box-sizing: border-box; border-top:1px solid#ddd; border-bottom:1px solid#ddd; overflow: hidden;}
#level_up .top_area .point_top .point_top_menu{float:left; width:33%; padding:20px 10px; margin:10px 0; box-sizing: border-box; text-align: center; border-right:1px solid#ddd;}
#level_up .top_area .point_top .point_top_menu:last-child{border-right:none;}

#level_up .recruit_admin_tap li{width:50%; float:left;}
#level_up .pd_content .pd_bottom{overflow:hidden;}
#level_up .pd_content .pd_bottom .select_box02{display:block; float:right; padding:3px; color: #888; font-weight: bold; }

/*등급안내 - on*/
#level_up .level_list .on{background-color: #1f4b93; color:white;}
#level_up .level_list .on .g_bar{display:none;}
#level_up .level_list .on .up_btn{display:block;}



/*전문가상담*/

#expert .top_area .read_me{margin-bottom: 10px;}
#expert .top_area .f_blue_btn{margin-bottom: 10px; background: #333;}
#expert .top_area .f_blue_btn img{vertical-align: -4px; width: 15px;}
#expert .tt_input{width: 79.8%; box-sizing: border-box; font-size: 14px; line-height: 14px;}
#expert .top_search .btn_blue{height:40px; width: 19%; box-sizing: border-box; font-size: 13px;}
@media screen and (max-width:390px) {
	#expert .tt_input{width: 79%;}
}
#expert .content_area h2{margin-top: 20px; color: #333; margin-left: 10px; font-size: 16px;}
#expert .content_area h2 img{vertical-align: -5px;}
#expert .content_area .ex_cate_area div{padding-top:10px; height: 150px; float:left; width: 25%; box-sizing:border-box; text-align: center; border-right: 1px solid #ccc;}
#expert .content_area .ex_cate_area{margin-top: 20px; overflow:hidden; text-align: center; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#expert .content_area .ex_cate_area li{padding: 10px 0; float:left; width: 33%; box-sizing: border-box; border-left: 1px solid #ddd;}
#expert .content_area .ex_cate_area li:first-child{border-left: none;}
#expert .content_area .ex_cate_area .ex_cate_01 span{
	background:url("../img/community/counsel_icon_01.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .ex_cate_02 span{
	background:url("../img/community/counsel_icon_02.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .ex_cate_03 span{
	background:url("../img/community/counsel_icon_03.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .ex_cate_04 span{
	background:url("../img/community/counsel_icon_04.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .ex_cate_05 span{
	background:url("../img/community/counsel_icon_05.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .ex_cate_06 span{
	background:url("../img/community/counsel_icon_06.png")no-repeat;
	display:block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin: 0 auto;
}
#expert .content_area .ex_cate_area .top_line{
	border-top: 1px solid #ddd;
}
#expert .w100p{
	width: 100px !important;
}
#expert .counsel_ss{
	font-size: 13px;
	color: #888;
}

#expert .content_area .ex_cate_area div:last-child{border-right: none;}
#expert .content_area .ex_cate_area p{font-size:14px; font-weight:bold;}
@media screen and (max-width:380px) {
	#expert .content_area .ex_cate_area div img{width:100%;}
}
#expert .content_area .ex_list{padding:0 10px; margin-top:10px;}
#expert .content_area .ex_list .box{margin-top:5px; background: #fff; border:1px solid #ccc; padding:5px 10px;}
#expert .content_area .ex_list .box .tt_bd img{vertical-align: -3px; width: 12px;}
#expert .content_area .ex_list .box .tr{line-height: 30px;}
#expert .content_area .ex_list .tt_cont{font-size:15px; line-height: 17px;}
#expert .content_area .ex_list .before{color: black; font-weight: bold;}
#expert .content_area .ex_list .after{color: #46ccf3; font-weight: bold;}
#expert .content_area .ex_list .tt_bt{font-size:12px; line-height: 17px;}
#expert .content_area .ex_list .tt_bt .today{font-weight: bold; font-size:17px; color: #ffaa00;}
#expert .content_area .ex_list .tt_bt .day{color: #999;}
#expert .content_area .ex_list .tt_bt img{vertical-align: -3px; width: 11px;}
#expert .content_area .ex_list .area_select{overflow:hidden;}
#expert .content_area .ex_list .area_select ul{overflow:hidden; float:left;}
#expert .content_area .ex_list .area_select ul li{float:left;}
#expert .content_area .ex_list .area_select button{float:right; padding:5px 10px; font-size: 12px;}
#expert .content_area .ex_list .area_select select{margin-right:5px; height:25px; font-size: 12px;}
.category_txt {border:solid 1px #d5d5d5; padding:5px; margin-top:10px; display:inline-block; margin-right:5px; font-size:12px;}
.category_txt img { padding-top:-10px; }
/*ex02*/;
#expert .cont_top{overflow:hidden;}
#expert .cont_top .img_area{float:left;}

#expert .cont_top .q_tt .p_info{line-height:30px;}
#expert .cont_top .q_tt .picpic{vertical-align: -5px;}
#expert .f_blue_btn{margin-bottom:20px;}
#expert .cont ul{overflow:hidden; margin:30px 0;}
#expert .cont ul li{font-size:12px; line-height:12px; float:left; background: #e6e6e6; margin-right:10px; border-radius: 5px; padding: 5px 5px;}

#expert .bd_t{border-top: 1px solid #ccc;}

#expert .prf{border:1px solid #ccc; padding:10px; margin-bottom:20px; overflow:hidden;}
#expert .prf div{overflow:hidden;}
#expert .prf div p{float:left;}
#expert .prf div p img{vertical-align: -10px; margin-right: 5px;}
#expert .prf .name{font-weight:bold; font-size:14px; margin-bottom: 10px;}
#expert .prf .sub_tt{font-size:12px; font-weight:normal; color: #a8a8a8; line-height: 14px;}
#expert .prf .f_cont{font-size: 12px; margin-bottom:10px;}
#expert .prf .info {font-weight:500; color: #444; overflow:hidden;}
#expert .prf .info p{float:left; font-size: 13px; height: 25px; line-height: 25px; padding-left: 30px;}
#expert .prf .info .time{
	background: url("../img/community/time_con.png")no-repeat;
	background-size: 25px;	
}
#expert .prf .info .phone{
	background: url("../img/community/phone_con.png")no-repeat;
	background-size: 25px;	
}
#expert .prf .info .email{
	background: url("../img/community/mail_con.png")no-repeat;
	background-size: 25px;	
}

#expert .bottom_tt{color: #b6b6b6; font-size: 12px; line-height:15px; margin-bottom:15px;}
#expert .bottom_tt li:first-child{margin-bottom: 15px;}

/*ex03*/
#expert .content .ex03_tt{background: #fff; width: 100%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); margin:0 10px;}
#expert .content .ex03_tt tr{border: 1px solid #ccc;}
#expert .content .ex03_tt th{border: 1px solid #ccc; padding:10px 0 10px 10px; text-align: left; font-weight:bold; font-size: 14px; }
#expert .content .ex03_tt td{padding:10px 0 10px 10px; }
#expert .content .ex03_tt .i_text{height: 30px; max-width: 100px; width: 30%;}
#expert .content .ex03_tt .s_box{height: 30px; max-width: 100px; width: 30%;}
#expert .content .write_area .i_text{width:100%; height:40px; font-size:14px; margin:5px 0;}
#expert .content .write_area{padding:0 10px;}
#expert .content .write_area .bottom_tt{margin-top:5px; }
#expert .content .write_area .bottom_tt ul{padding-bottom:10px; border-bottom:1px solid #ddd;}
#expert .content .write_area .text_info{font-size:12px; color:#888; padding:10px; background:#fff; border-radius:5px; -webkit- border-radius:5px; border:1px solid#eaeaea; width:100%; height:200px; }

/*ex04*/
#expert .cont_area .write_area button{height:40px; width:49%; box-sizing:border-box;}
#expert .cont_area .write_area .btn_rap{overflow:hidden;}
#expert .cont_area .write_area .btn_blue{float:left;}
#expert .cont_area .write_area .btn_blue_close{float:right;}
#expert .cont_area .write_area .s_rap{margin:20px 0 10px 0;}
#expert .cont_area .write_area select.s_box{width:38% !important; margin-right:5px; height:25px; font-size: 12px;}
#expert .cont_area .btn_rap{margin:20px 0;}
.expert04 .cont_area:last-child{border-top:1px solid #ddd;}
/* #expert .cont_area .write_area img{vertical-align: -15px; cursor: pointer; margin-left:5px;} */
#expert .cont_area .write_area .info{color: #888; float:left; line-height:25px;}
#expert .cont_area .write_area .jsub_tt{float:left; margin-right:5px;}
#expert .cont_area .write_area textarea {height:200px;}

#expert .btn_cate_p{
	background: #444444;
	color: #fff;
	font-weight: bold;
	display:inline-block;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding-left: 8px;
	border-radius: 5px;	
	margin-left: 5px;
}

#expert .top_area .drop_down{padding: 5px; line-height:23px; width: 100%; box-shadow: 0px 1px 5px #ccc; background: #fff; text-align: left; border-radius: 5px;white-space: normal;}
#expert .top_area .drop_down p{font-size: 15px; position: relative;}
#expert .top_area .drop_down ul {padding-left:30px; margin-top:10px;}
#expert .top_area .drop_down ul li{ list-style:disc; word-break:break-all; font-size: 12px; color: #888; line-height: 15px; padding-bottom:8px;}
#expert .top_area .drop_down .t_icon{vertical-align: -2px;}
#expert .top_area .drop_down p .updown_btn{
	display: block;
	width: 22px;
	height:8px;
 	background:url("../img/resume/quick_up_down_arrow.png");
 	background-size: 20px;
 	top:10px;
 	right: 0;
 	position: absolute;
}
#expert .top_area .drop_down p .on{
	background-position: 0px 0px;
}
#expert .top_area .drop_down p .off{
	background-position: 0px 8px;
}

.community .body_title{font-size: 16px; font-weight: bold; padding-top: 10px;}
.community .body_title span.aplus {float:right; margin-bottom: 5px;}
.community .body_title span.aplus a{font-size:12px; color:#acacac;}
#expert .cont_area .write_area .w_top_area{overflow:hidden;}
#expert .cont_area .write_area .w_top_area .info{
	font-size: 13px;
}
#expert .cont_area .small {padding-top: 5px;}

#expert .cont_area .q_tt .qus{
	background: url("../img/community/qc_icon.png")no-repeat;
	background-size: 20px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
}
#expert .cont_area .q_tt .answer{
	background: url("../img/community/ac_icon.png")no-repeat;
	background-size: 20px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
}

/*
.drop_down{padding: 10px; width: 100%; box-shadow: 0px 1px 5px #ccc; background: #fff; text-align: left; border-radius: 5px;white-space: normal;}
.drop_down p{font-size: 15px;}
.drop_down ul {padding:0 30px; margin-top:10px; display:none;}
.drop_down ul li{ list-style:disc; word-break:break-all; font-size: 12px; color: #888; line-height: 17px; padding-bottom:5px;}
.drop_down .more_btn {float:right; position:relative; top:4px; width:22px; height:12px;}
.drop_down .abottom{background:url('../img/comm/common_arrow_bottom.png')no-repeat;}
.drop_down .atop{background:url('../img/comm/common_arrow_top.png')no-repeat;}

*/


#point_shoppingmall_detail .send_text .verti{vertical-align: -1px;}

#expert .top_area{padding: 0 10px;}
#expert .top_area .sp_main_img{
	background-size: 500px;
	margin-top:20px;
	background: url("../img/community/special_main_img.png")no-repeat;
	width: 100%;
	height: 120px;
	text-align: center;
	position: relative;	
}
#expert .top_area .sp_main_img .tt_area{
	padding-top: 30px;
	
}
#expert .top_area .sp_main_img .tt_area .main_tt{
	font-size: 25px;
	line-height: 25px;
	color: #fff;
}
#expert .top_area .sp_main_img .tt_area .main_tt:after{
	display:block;
	content:"";
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
	padding: 5px 0;
}
#expert .top_area .sp_main_img .tt_area .main_info{
	margin-top: 5px;
	font-size: 14px;
	line-height: 15px;
	color: #fff;
}
#expert .top_area .counsel_btn_area{
	width: 100%;
	height: 90px;
	border: 1px solid #ddd;	
	background: #fff;
	box-sizing: border-box;
	position: relative;	
}
#expert .top_area .counsel_btn_area a{
	display: block;
	padding: 10px;
}
#expert .top_area .counsel_btn_area p{
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	display: block;
	
}
#expert .top_area .counsel_btn_area .coun_call_info{
	font-size: 12px; 
	line-height: 15px; 
	padding-top:5px; 
	color: #888; 
	padding-right: 110px;
	display:block;
}
#expert .top_area .counsel_btn_area .coun_bt_img{
	display:block;
	width: 70px;
	height: 70px;
	color: #fff;
	background:#333;
	border-radius: 50%;
	position: absolute;
	top:10px;
	right: 15px;
	text-align:center;
	line-height: 70px;
	font-weight: bold;
	font-size: 13px;
}