/* community */
.noti_line {border-bottom:solid 3px #000 !important;}
.noti_cont_wrap {position:relative; width:100%;}
.noti_list_tit {position:relative; width:100%;}
.noti_list_tit ul li {position:relative; float:left; color:#000; font-size:16px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:20px 0px 19px 0px; border-bottom:solid 1px #e5e7ef; background:#fafbfe; line-height:100%;}
.noti_list_tit ul li.noti_num {width:100px;}
.noti_list_tit ul li.noti_subj {width:calc(100% - 230px);}
.noti_list_tit ul li.noti_date {width:130px;}
.noti_list_cont {position:relative; width:100%;}
.noti_list_cont ul li {position:relative; float:left; color:#000; font-size:17px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:20px 0px 19px 0px; border-bottom:solid 1px #e5e7ef; background:#fff; line-height:100%;}
.noti_list_cont ul li.noti_c_num {width:100px; color:#666;}
.noti_list_cont ul li.noti_c_subj {width:calc(100% - 230px);}
.noti_list_cont ul li.noti_c_subj a {display:block; font-size:17px; font-weight:600; letter-spacing:-0.5px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noti_list_cont ul li.noti_c_subj a:hover {text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(0,0,0,.3); text-decoration-thickness:1px; color:#000;}
.noti_list_cont ul li.noti_c_date {width:130px; color:#666;}
.noti_none {position:relative; width:100%; color:#666; font-size:16px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:80px 0px; border-bottom:solid 1px #e5e7ef;}

/* page num */
.list_page_wrap {position:relative; width:100%; height:29px; box-sizing:border-box; text-align:center; margin-top:25px;}
.list_pagenum {position:relative; display:inline-block; height:29px;}
.list_pagenum ul li {position:relative; float:left; width:29px; height:29px; line-height:100%; padding-top:8px; box-sizing:border-box; border-top:solid 1px #f2f2f2; border-left:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2; text-align:center; cursor:pointer; color:#afafaf; font-size:12px; background:rgba(255,255,255,.5);}
.list_pagenum ul li:nth-last-child(1) {border-right:solid 1px #f2f2f2;}
.list_pagenum ul li:hover {background:#fafbfe;}
.list_pagenum ul li.page_on {background:#fafbfe; color:#666; font-weight:600;}
.list_pagenum ul li.ar_l {background:url("../img/comm/comm_arr_l.svg") no-repeat 50% 9px; background-size:6px;}
.list_pagenum ul li.ar_r {background:url("../img/comm/comm_arr_r.svg") no-repeat 50% 9px; background-size:6px;}

.noti_v_tit {position:relative; width:100%; color:#000; font-size:20px; font-weight:600; letter-spacing:-0.5px; line-height:180%; padding-top:30px; padding-bottom:30px; padding-right:20%; word-break:keep-all; border-top:solid 1px #e5e7ef; border-bottom:solid 1px #e5e7ef;}
.noti_col {color:#666; font-size:16px; font-weight:600; letter-spacing:-0.5px;}
.noti_v_down {position:relative; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #e5e7ef;}
.noti_v_down a {font-size:16px; font-weight:600; letter-spacing:-0.5px; color:#000;}
.noti_v_down a:hover {text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(0,0,0,.3); text-decoration-thickness:1px; color:#000;}
.noti_col_2 {position:relative; display:inline-block;}
.noti_v_file {position:absolute; width:20px; height:20px; left:3px; top:-16px; background:url("../img/comm/comm_file.svg") no-repeat 50% 50%; background-size:15px; opacity:.6;}
.noti_v_cont {position:relative; width:100%; color:#666; font-size:17px; font-weight:600; letter-spacing:-0.5px; line-height:190%; padding-top:30px; padding-bottom:30px; padding-right:20%; word-break:keep-all; border-bottom:solid 1px #e5e7ef; overflow:hidden;}
.noti_v_cont img {display:block; max-width:100%; height:auto; margin-top:25px; margin-bottom:25px;}
.noti_v_bt {position:relative; width:160px; height:60px; background:#666; margin:0 auto; margin-top:30px; transition:all 0.3s ease 0s; border-radius:5px;}
.noti_v_bt a {display:block; width:100%; height:100%; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:60px; text-align:center;}
.noti_v_bt:hover {background:#000;}

.faq_sel_wrap {position:relative; width:100%; padding-top:25px; padding-bottom:20px;}
.faq_sel_wrap ul li {position:relative; float:left; height:40px; color:#666; font-size:15px; font-weight:600; letter-spacing:-0.5px; text-align:center; line-height:38px; padding:0px 16px; border-radius:5px; cursor:pointer; border:solid 1px rgba(0,0,0,.1); margin-right:5px; margin-bottom:5px; transition:all 0.3s ease 0s; background:#fff;}
.faq_sel_wrap ul li:hover {border:solid 1px rgba(0,0,0,.3);}
.faq_sel_wrap ul li.faq_active {border:solid 1px rgba(0,0,0,1); background:#000; color:#fff;}

.cs_faq_contwrap {position:relative; width:100%; border-top:solid 1px #e5e7ef;}
.cs_faq_qawrap {position:relative; width:100%; box-sizing:border-box; border-bottom:solid 1px #e5e7ef; cursor:pointer;}
.cs_faq_q {position:relative; width:100%; color:#333; font-size:16px; font-weight:600; letter-spacing:-0.5px; line-height:150%; word-break:keep-all; padding:20px 0px 20px 24px;}
.cs_faq_a {position:relative; width:100%; color:#666; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:160%; word-break:keep-all; padding:0px 0px 20px 24px; opacity:0; visibility:hidden;}
.cs_qa_cat_2 {position:absolute; left:0px; top:20px; color:#000; font-size:20px; font-weight:600; letter-spacing:-0.5px; line-height:100%;}
.cs_qa_cat_3 {position:absolute; left:0px; top:2px; color:#666; font-size:20px; font-weight:600; letter-spacing:-0.5px; line-height:100%;}

@media screen and (max-width: 1200px) {
	.noti_v_tit {padding-right:10%;}
	.noti_v_cont {padding-right:10%;}
}

/* ==========================================
   2. 태블릿 스타일 (768px ~ 1024px)
   - 아이패드, 갤럭시 탭 등
   ========================================== */
@media screen and (max-width: 1024px) {
	.noti_list_tit ul li {font-size:15px; padding:19px 0px 18px 0px;}
	.noti_list_tit ul li.noti_num {width:80px;}
	.noti_list_tit ul li.noti_subj {width:calc(100% - 200px);}
	.noti_list_tit ul li.noti_date {width:120px;}
	
	.noti_list_cont ul li {font-size:16px; padding:19px 0px 18px 0px;}
	.noti_list_cont ul li.noti_c_num {width:80px;}
	.noti_list_cont ul li.noti_c_subj {width:calc(100% - 200px);}
	.noti_list_cont ul li.noti_c_subj a {font-size:16px;}
	.noti_list_cont ul li.noti_c_date {width:120px;}
	
	.noti_v_tit {font-size:18px; padding-top:0px; padding-bottom:25px; border-top:none;}
	.noti_v_cont {font-size:16px; padding-top:25px; padding-bottom:25px;}
	.noti_v_bt {width:140px; height:60px; margin-top:25px; background:#000;}
	.noti_v_bt a {font-size:15px;}
	
	.faq_no_spa {padding:32px 20px 80px 20px;}
	.faq_no_tit {display:none;}
	.faq_sel_wrap {padding-top:0px; padding-bottom:15px;}
	.cs_faq_q {padding:19px 0px 19px 24px;}
	.cs_faq_a {padding:0px 0px 19px 24px;}
	.cs_qa_cat_2 {font-size:19px;}
	.cs_qa_cat_3 {font-size:19px;}
}


/* ==========================================
   3. 모바일 스타일 (767px 이하)
   - 스마트폰 세로/가로 모드
   ========================================== */
@media screen and (max-width: 767px) {
	.noti_list_tit {display:none;}
	.noti_list_cont ul li {float:none; font-size:15px; text-align:left; border-bottom:none; padding:0px;}
	.noti_list_cont ul li.noti_c_num {display:none;}
	.noti_list_cont ul li.noti_c_subj {width:100%;}
	.noti_list_cont ul li.noti_c_subj a {font-size:15px; margin-top:28px; line-height:170%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; word-break:keep-all;}
	.noti_list_cont ul li.noti_c_date {width:100%; padding-top:4px; padding-bottom:31px; border-bottom:solid 1px rgba(0,0,0,.08); color:#999;}
	.noti_none {font-size:15px; padding:60px 0px; border-bottom:solid 1px rgba(0,0,0,.08);}
	
	.noti_v_tit {font-size:17px; padding-right:0%;}
	.noti_v_cont {font-size:15px; padding-right:0%;}
	.noti_v_down a {font-size:15px;}
	.noti_v_file {left:2px; top:-15px;}
	.noti_v_bt {width:100%; height:56px;}
	.noti_v_bt a {font-size:15px; line-height:56px;}
	
	.faq_sel_wrap ul li {font-size:14px; height:38px; line-height:36px; padding:0px 15px; box-shadow:0px 0px 10px rgba(0,0,0,.03);}
	.cs_faq_q {padding:18px 0px 18px 0px; font-size:15px;}
	.cs_faq_a {padding:0px 0px 18px 0px; font-size:15px;}
	.cs_qa_cat_2 {display:none;}
	.cs_qa_cat_3 {display:none;}
	
}