@charset "utf-8";

.qsearch-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* 카테고리 */
.list-category .div-tab-box { margin-bottom:15px; }
.list-category .dropdown { margin-bottom:15px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* 목록 */
.list-category .div-tab.tabs { margin-bottom:0px; }
.list-board { }
.list-board .chk { width:40px; }
.list-board .num { width:60px; }
.list-board .reply { width:60px; }
.list-board .name { width:120px; }
.list-board .date { width:100px; }

.list-board .board-list { list-style:none; padding:0px; margin:0px; }
.list-board .board-list li { border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed; }
.list-board .board-list li:hover { color:#000; background-color:#F8F8F8; }
.list-board .board-list li > div { display:table-cell; height:34px; line-height:22px; padding:6px 0px; text-align:center; color:#666; vertical-align:middle; }
.list-board .board-list li .subj { padding-left:10px; text-align:left; }
.list-board .board-list li .subj a { display:block; word-break:break-all; }
.list-board .board-list li .name { text-align:left; padding-left:10px; word-break:break-all; font-weight:bold; }
.list-board .board-list .xs-name a,
.list-board .board-list .xs-name span { display:inline-block !important; }
.list-board .board-list .none { padding:50px 0px; }

@media all and (max-width:768px) {
	.responsive .list-board .subj-item { margin-right:-15px }
	.responsive .list-board .subj-item > span { display:inline-block; margin-right:15px; font-weight:normal; }
	.responsive .list-board .subj-item > span:last-child { margin-right:0px; }
}


/* 목록 공통 */
.list-wrap { width:100%; }
.list-none { padding:80px 0px; }
.list-btn-box { margin: 15px 0px; }
.list-btn-box a span { margin-left: 4px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

/* 내용 공통 */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.view-wrap h1 .photo { border-radius: 50%; width: 50px; height: 50px; margin-bottom:10px; margin-right:10px; }
.view-wrap .no-attach { border-bottom:0px; }

.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding:0px 15px 20px }
.view-mobile .view-content { padding:0px 0px 20px; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:22px; }
.view-btn { margin:15px 0px 30px; }
.view-btn i { margin-right:2px; }

/* 답변 */
.ans-content { padding:0px 15px 15px; }
.ans-content img { width:auto; height:auto; max-width:100%; }
.ans-content p { padding:0; margin:0; line-height:22px; }
.ans-btn { }
.ans-btn a span { margin-left: 6px; }
@media all and (max-width:460px) {
	.responsive .ans-btn .pull-left { float:none !important; }
}

/* 쓰기 */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-btn { margin:25px 0px; text-align:center; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

/* 반응형 공통 */
@media all and (max-width:460px) {
	.responsive .list-btn { text-align:center; margin:0; }
	.responsive .pull-right.list-btn { float:none !important; margin-bottom:14px; }
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 24px; font-size: 18px; margin-bottom:10px; }
	.responsive .view-wrap h1 .photo { display:none; }
	.responsive .view-btn i { margin-right:0; }
}

/* littlesong */

/* list */
.list_cate li{float:left;width:161.5px;margin:0 2px 0 0;}
.list_cate li:last-child{margin:0}
.list_cate li a{display:block;width:100%;padding:19px 0;background:#EAEAEA;text-align:center;color:#6C6C6C;font-size:22px;font-weight: 600}
.list_cate li.active a{background:#FFD036;color: #313131}

.list_board .tbl_layout02 table{table-layout: fixed}
.list_board .tbl_layout02 th{font-size:22px;}
.list_board .tbl_layout02 th:after{display:none;}
.list_board .tbl_layout02 td{font-size:18px;}
.list_board .tbl_layout02 .vw_subj{padding:20px 0 20px 25px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;text-align: left;}
.list_board .tbl_layout02 .vw_subj a{color: #313131;}

.list_board .tbl_layout02 .reply{color:#707070;font-weight: 500}
.list_board .tbl_layout02 .qa_spot{color:#E05552;font-weight: 500}

.qa_btn_area{margin:20px 0 0;}
.qa_btn_area .btn_write{float:right;display: block;width: 120px;height: 38px;margin: 0 0 15px 0;transition: .2s all;line-height: 39px;border-radius: 18px;font-size: 20px;letter-spacing: -0.025em;text-align: center;color: #fff;background: #FF9A0F;font-weight: 600;}
.qa_btn_area .btn_write:hover{background: #FFB44D}
.qa_list_wrap .list-page .pagination{margin:50px 0 0}

.container_wrap .item_notice .ico_noti{width:105px;height:105px;}
.container_wrap .item_notice .ico_noti span{font-size:49px;}
.item_notice .txt_noti .noti_title{font-size:24px;}
.item_notice .noti_title b{display: inline-block;}
.item_notice .noti_lnk{margin:15px 0 0;}
.noti_lnk a{display:inline-block;width:360px;height:55px;margin:0 10px 0 0;border-radius:10px;line-height:51px;font-weight:600;border:2px solid #FD9A27;background:#fff;color:#FF7F00;font-size:22px;letter-spacing:-0.05em;text-align: center;}
.noti_lnk a:last-child{margin:0}


/* write */
.bo_w .tbl_layout01{padding:34px 30px 58px 45px}
.bo_w .tbl_layout01 select{width:160px;height:40px;border:1px solid #B2B2B2;font-size:18px;color:#313131;box-shadow: none;}
.bo_w .tbl_layout01 input[type='text']{width:100%}
.bo_w .tbl_layout01 input[type=file]{font-size:16px;}
.bo_w .tbl_layout01 .file_name{font-size:15px;}
.bo_w .tbl_layout01 .cke_sc{display:none;}
.bo_w .tbl_layout01 ul{margin:15px 0 0}
.bo_w .tbl_layout01 li{font-size:14px;letter-spacing: -0.015em;color:#313131;line-height:1.6}
.bo_w .tbl_layout01 li:before{display:inline-block;clear: both;content: '-';margin:0 3px 0 0;color:#EE6F2B}
.bo_w .bnt_conf_wrap{margin:50px 0 0}

/* view */
.view_wrap .view_qa{margin:0 0 40px 0}
.view_wrap .view_hd h1{position:relative;padding:0 0 20px 30px;color:#313131;border-bottom:2px solid #313131;line-height:1.3;font-size:28px;letter-spacing: -0.05em;font-weight:600}
.view_hd h1 span{position:absolute;top:0;left:0;color:#E05552}
.view_info{padding:20px 30px;border-bottom:1px solid #B2B2B2}
.view_info ul{float:left;}
.view_wrap ul li{display:inline-block;margin:0 40px 0 0;font-size:16px;color:#676767;letter-spacing: -0.05em;}
.view_wrap b{display:inline-block;margin:0 10px 0 0;color:#313131}
.view_info .view_time{float:right;font-size:16px;color:#676767;letter-spacing: -0.05em;}

.view_wrap .view_content,.view_wrap .ans_content{padding:40px 75px;font-size:18px;letter-spacing: -0.05em;color:#676767;line-height:1.6;border-bottom:1px solid #B2B2B2}
.view_wrap .file_area{padding:20px 30px;border-bottom:1px solid #B2B2B2}
.view_wrap .file_area a{color:#676767}

.qa_hd_v2{padding:0 0 20px 30px;color:#313131;border-bottom:2px solid #313131;line-height:1.3;font-size:28px;letter-spacing: -0.05em;font-weight:600}
.view_wrap .qa_hd>span{position:relative;display:block;padding:0 0 20px 30px;font-weight:600;color:#313131;border-bottom:2px solid #313131;font-size:28px;letter-spacing: -0.05em;line-height:1.3;}
.qa_hd>span>b{position: absolute;top:0;left:0;color:#EE6F2B}
.ans_content .ans_date{display:block;margin:15px 0 0;text-align:right;font-size:14px;letter-spacing: -0.03em;}
.ans_content img{width:100%}

.qa_update{text-align:right;}
.qa_update .btn_write{float:inherit;display:inline-block;margin:0 0 0 1px;}
.qa_update .btn_write02{background:#ACACAC;}