/*--------커뮤니티--------*/

.sub_container{text-align: center;} 
.sub_container .sub_title{font-size: 16px; margin-top:16px; color:#505050}

/*탭메뉴*/
.m_sub_tab{width: 100%;    margin: 10px auto 20px; border: 1px solid #d1d1d1; border-bottom: none; position: relative;}
.m_sub_tab:before{content: ''; display: block; width: 10px; height: 10px; background: url('/m/img/arrow_ico.png')no-repeat center center; position: absolute; top: 12px; right: 20px;}
.m_sub_tab a{display: block; line-height: 36px; height: 36px; padding: 0 20px; height: 100%; font-size: 18px; color: #38383a; border-bottom: 1px solid #d1d1d1; text-align: left;}
.m_sub_tab ul{display: none;}
.m_sub_tab ul li a{background: #efefef; color: #404040}


/* 커뮤니티 */
.community_wrap{padding: 0 10px;}
.community_wrap .community_top_select{width: 100%; margin-bottom: 15px;}
.community_wrap .community_top_select select{width: 100%; height: 40px;}

/* 공지사항 리스트 */
.list{margin-bottom: 30px;}
.list table{width: 100%; border-top:2px solid #555;}
.list table tbody tr td{padding: 10px; border-bottom: 1px solid #ccc; text-align: left;}
.list table tbody tr td .num{font-size: 14px; color:#626262; margin-bottom: 5px;}
.list table tbody tr td p a{font-size: 14px; color:#626262; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.3em; height: 2.6em;}
.list table tbody tr td .data{font-size: 14px; color:#626262; display: block; margin-top: 10px;}

.list table tbody tr.point{background:#e4efff;}
.list table tbody tr.point .num i{margin-left: 10px;}

/* 공지사항 뷰 */
.table_view table{width: 100%; border-top: 2px solid #545454;}
.table_view table thead tr th{height: 49px; padding: 10px;}
.table_view table thead tr.top th{width: 100%; position: relative; text-align: center; border-bottom: 1px solid #ccc;}
.table_view table thead tr.top th span{display: block; margin-bottom: 5px;}
/* .table_view table thead tr.bottom th .info:after{content: ''; display: block; clear: both;} */
.table_view table thead tr.bottom th .info .info_left{margin-bottom:10px;}
.table_view table thead tr.bottom th .info .info_left span{margin-right: 15px; font-size: 13px; color:#919191; font-weight: 400;}
.table_view table thead tr.bottom th .info .info_left span:last-child{margin-right: 0;}
.table_view table thead tr.bottom th .info .info_right a{font-size: 13px; color:#919191; font-weight: 400;}
.table_view table tbody tr td{border-top: 1px solid #545454; border-bottom: 1px solid #545454;}
.table_view table tbody tr td .view_con{min-height: 300px; padding: 20px;}

.prevnext{margin-top: 30px; width: 100%; border-top: 1px solid #d7d7d7;}
.prevnext p{height: 30px; line-height: 29px; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.prevnext p span{float: left; padding: 0 20px; text-align: center; position: relative;}
.prevnext p span:after{content: ''; display: block; width: 1px; height: 10px; background:#000; position: absolute; right: 0; top: 8px;}
.prevnext p a{display: block; float: left; padding-left: 15px; text-align: left;}

.button_list{text-align: right; margin-top: 20px; margin-bottom: 20px;}
.button_list a{display: inline-block; width: 125px; height: 30px; line-height: 30px; text-align: center; background: #223773; color: #fff;}

/* 자주묻는 질문 */

.faq_list{width: 100%; border-top: 1px solid #000; margin-top: 20px; }
.faq_list ul li{border-bottom: 1px solid #d8d8d8;}
.faq_list ul li .faq_q{display: table; width: 100%; cursor: pointer; background:#fff;}
.faq_list ul li .faq_q .question{text-align: left; line-height: 1.3em; position: relative; padding: 20px 0 20px 60px; color: #007fcc; font-weight: bold;}
.faq_list ul li .faq_q .question:before{content: ''; display: block; width: 37px; height:37px; background: url('/img/sub/community/faq_sub01_ico_01.png')no-repeat center center; position: absolute; top:10px; left:10px;}
.faq_list ul li .faq_a{display: none;}
.faq_list ul li.active .faq_a{display: block;}
.faq_list ul li .faq_a .answer{text-align: left; line-height: 1.3em; position: relative; padding: 17px 0 20px 60px; color:#5f5f5f; background:#f7f7f7;}
.faq_list ul li .faq_a .answer:before{content: ''; display: block; width: 37px; height: 37px; background: url('/img/sub/community/faq_sub01_ico_02.png')no-repeat center center; position: absolute; top: 10px; left: 10px;}

/*unpaid*/

.unpaid_all table{width: 100%; margin-bottom: 30px;}

.unpaid_all table tbody{line-height: 4.0em; border-top: 2px solid #555;}
.unpaid_all table th{color: #fff; font-size: 16px; font-weight: bold; height: 38px;}
.unpaid_all table tbody tr td{font-weight: 600; color: #656565; height: 38px; text-align: left; padding-left: 5%;}
.unpaid_all table .txt_left{border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;;}
.unpaid_all table .txt_right{border-bottom: 1px solid #c4c4c4; padding-left: 17px;}