@charset "utf-8";

.no_list{ padding:100px 0; font-size:20px; line-height:26px; color:#666; text-align:center; letter-spacing:-0.05em; }

/* 검색 */
#b_sch{ margin-bottom:40px; padding:30px 45px; background:#f5f5f5; }
#b_sch .sch_bx{ margin:0 auto; width:100%; max-width:600px; font-size:0; }
#b_sch .sch_bx input{ display:inline-block; vertical-align:top; padding:14px 25px; width:calc(100% - 120px); height:60px; font-size:16px; line-height:30px; color:#333; letter-spacing:-0.05em; background:#fff; border:1px solid #ccc; box-sizing:border-box; outline:none; }
#b_sch .sch_bx input::placeholder{ color:#999; }
#b_sch .sch_bx a{ display:inline-block; vertical-align:top; width:120px; height:60px; font-size:16px; line-height:60px; color:#fff; background:#e01419; text-align:Center; letter-spacing:-0.05em; }

/* list */
.thumBoardS01{ padding:40px 0; border-top:2px solid #111; border-bottom:1px solid #ddd; overflow:hidden; }
.thumBoardS01 ul{ font-size:0; margin-right:-24px; margin-bottom:-40px; }
.thumBoardS01 ul li{ display:inline-block; vertical-align:top; width:calc(25% - 24px); margin-right:24px; margin-bottom:40px; }
.thumBoardS01 ul li a{ display:block; }
.thumBoardS01 ul li a .img_bx{ position:relative; padding-bottom:100%; overflow:hidden; }
.thumBoardS01 ul li a .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.thumBoardS01 ul li a .txt_bx p{ margin-top:15px; font-size:16px; line-height:26px; color:#111; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.thumBoardS01 ul li a .txt_bx span.date{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#999; font-family: 'Poppins', sans-serif; }

/* view */
.board_view .v_tit{ padding:0 0 70px; border-bottom:2px solid #111; text-align:center; }
.board_view .v_tit > strong{ display:block; font-size:40px; line-height:50px; color:#111; font-weight:700; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
.board_view .v_tit > span{ display:block; margin-top:12px; font-size:16px; line-height:26px; color:#999; }

.board_view .v_file{ margin-top:20px; padding:25px 40px; font-size:0; background:#f9f9f9; }
.board_view .v_file > strong{ display:inline-block; vertical-align:top; width:77px; font-size:18px; line-height:28px; color:#111; letter-spacing:-0.05em; font-weight:400; }
.board_view .v_file .file_list{ display:inline-block; vertical-align:top; position:relative; width:calc(100% - 77px); padding-left:24px; box-sizing:border-box; }
.board_view .v_file .file_list:before{ content:''; position:absolute; left:0; top:7px; width:18px; height:16px; background:url('../images/icon/v_file.png') no-repeat center; }
.board_view .v_file .file_list a{ display:inline-block; vertical-align:top; position:relative; margin-right:14px; font-size:14px; line-height:28px; color:#999; letter-spacing:-0.05em; }
.board_view .v_file .file_list a:after{ content:','; position:absolute; right:-6px; }
.board_view .v_file .file_list a:last-child:after{ display:none; } 
.board_view .v_file .file_list a:hover{ text-decoration:underline; }

.board_view .v_con{ padding:60px 30px; font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; border-bottom:1px solid #ddd; }
.board_view .v_con img{ max-width:100%; }

.btn_area{ margin-top:80px; text-align:Center; }
.btn_area a{ position:relative; overflow:hidden; display:inline-block; vertical-align:Top; width:150px; height:52px; font-size:16px; line-height:52px; color:#fff; border-radius:26px; font-family: 'Poppins', sans-serif; }

.btn_area a:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#111; }
.btn_area a:after { box-sizing: border-box; transition: 0.4s ease-in-out; z-index: -1; content: ''; position: absolute; top: 0;right: -50px; bottom: 0;left: 0; border-right: 25px solid transparent; border-bottom: 60px solid #e01419; transform: translateX(-100%); z-index:1; }
.btn_area a span{ position:relative; z-index:2; }

/* 페이지 */
.b_page_no{ margin-top:80px; text-align:center; overflow:hidden; font-size:0; }
.b_page_no a{ display:inline-block; vertical-align:middle; margin:0 3px; padding:10px 5px; min-width:40px; box-sizing:border-box; }
.b_page_no a span{ padding:0 4px; font-size:16px; line-height:20px; color:#999; font-family: 'Poppins', sans-serif; }
.b_page_no div{ display:inline-block; vertical-align:top; margin:0 15px; }
.b_page_no a.on span{ color:#db1f15; border-bottom:2px solid #db1f15;}
.b_page_no a.pageBtn{ margin:0 4px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ccc; }
.b_page_no a.first{ background:url('../images/btn/page_ar02.png') no-repeat center;}
.b_page_no a.prev{ margin-right:10px; background:url('../images/btn/page_ar01.png') no-repeat center;}
.b_page_no a.next{ margin-left:10px;  background:url('../images/btn/page_ar01.png') no-repeat center; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.b_page_no a.last{ background:url('../images/btn/page_ar02.png') no-repeat center; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }


/* 문의 */
.term_wrap{ margin-bottom:95px; border:1px solid #ccc; }
.term_wrap .term_bx{ padding:30px 40px; height:340px; font-size:16px; line-height:28px; color:#666; letter-spacing:-0.05em; background:#f9f9f9; box-sizing:border-box; overflow-y:auto; }
.term_wrap .term_ag{ padding:15px 0 17px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; text-align:Center;  border-top:1px solid #ccc; }
.term_wrap .term_ag input{ display:inline-block; vertical-align:middle; margin-top:-2px; width:16px; height:16px; }

.form_wrap .tit_bx{ margin-bottom:15px; }
.form_wrap .tit_bx h4{ display:inline-block; vertical-align:top; font-size:32px; line-height:42px; color:#111; letter-spacing:-0.05em; font-weight:500; }
.form_wrap .tit_bx span{ float:right; display:inline-block; vertical-align:top; font-size:14px; line-height:42px; color:#ff0000; letter-spacing:-0.05em; }

.form_wrap .form_bx{ padding:35px 0; overflow:hidden; border-top:2px solid #111; border-bottom:1px solid #ddd; }
.form_wrap .form_bx .bx{ margin-bottom:31px; font-size:0; }
.form_wrap .form_bx .bx.half{ margin-right:-40px; }
.form_wrap .form_bx .bx.half dl{ width:calc(50% - 40px); margin-right:40px; }
.form_wrap .form_bx .bx:last-child{ margin-bottom:0; }
.form_wrap .form_bx .bx dl{ display:inline-block; vertical-align:top; width:100%; }
.form_wrap .form_bx .bx dt{ margin-bottom:10px; font-size:18px; line-height:28px; color:#111; letter-spacing:-0.05em; }
.form_wrap .form_bx .bx dd input{ padding:15px 22px; width:100%; height:60px; font-size:16px; line-height:28px; color:#111; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; outline:none; }
.form_wrap .form_bx .bx dd input::placeholder{ color:#999; }
.form_wrap .form_bx .bx dd input:focus{ border-color:#111; }
.form_wrap .form_bx .bx dd textarea{ padding:15px 22px; width:100%; height:200px; font-size:16px; line-height:28px; color:#111; letter-spacing:-0.05em; border:1px solid #ccc; box-sizing:border-box; outline:none; resize:none; }
.form_wrap .form_bx .bx dd textarea::placeholder{ color:#999; }
.form_wrap .form_bx .bx dd textarea:focus{ border-color:#111; }
.form_wrap .form_bx .bx dd .spam_bx { font-size: 0;}

.form_wrap .form_bx .bx dd .spam_bx img { margin-top: 9px; height: 50px; }
.form_wrap .form_bx .bx dd .spam_bx input { width: 240px; }
.form_wrap .form_bx .bx dd .spam_bx .side_txt { display: inline-block; vertical-align: middle; margin-left: 25px; font-size: 14px; line-height: 25px; letter-spacing: -0.05em; color: #ff0000;}

/* PC */
@media all and (min-width:1025px){
	
	.thumBoardS01 ul li a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }
	.thumBoardS01 ul li a:hover p{ text-decoration:underline; }
	
	.btn_area a:hover{ border-color:#1e90ff; }
	.btn_area a:hover:after { transform: translateX(0); }


}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	.no_list{ padding:50px 0; font-size:14px; line-height:20px; }

	/* 검색 */
	#b_sch{ margin-bottom:25px; padding:15px 15px; }
	#b_sch .sch_bx input{ padding:9px 14px; width:calc(100% - 80px); height:40px; font-size:12px; line-height:20px; }
	#b_sch .sch_bx a{ width:80px; height:40px; font-size:13px; line-height:40px; }

	/* list */
	.thumBoardS01{ padding:20px 0; }
	.thumBoardS01 ul{ margin-right:-10px; margin-bottom:-25px; }
	.thumBoardS01 ul li{ width:calc(25% - 10px); margin-right:10px; margin-bottom:25px; }
	.thumBoardS01 ul li a .txt_bx p{ margin-top:11px; font-size:13px; line-height:21px; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
	.thumBoardS01 ul li a .txt_bx span.date{ margin-top:4px; font-size:12px; line-height:17px; }

	/* view */
	.board_view .v_tit{ padding:0 0 30px; }
	.board_view .v_tit > strong{ font-size:24px; line-height:29px; }
	.board_view .v_tit > span{ margin-top:7px; font-size:12px; line-height:17px; }

	.board_view .v_file{ margin-top:15px; padding:15px 20px; }
	.board_view .v_file > strong{ width:55px; font-size:13px; line-height:18px; }
	.board_view .v_file .file_list{ width:calc(100% - 55px); padding-left:20px; }
	.board_view .v_file .file_list:before{ top:4px; width:14px; height:13px; background:url('../images/icon/v_file_m.png') no-repeat center; background-size:14px auto; }
	.board_view .v_file .file_list a{ margin-right:7px; font-size:12px; line-height:18px; }
	.board_view .v_file .file_list a:after{ right:-4px; }

	.board_view .v_con{ padding:35px 0; font-size:13px; line-height:20px; }

	.btn_area{ margin-top:45px; }
	.btn_area a{ width:100px; height:40px; font-size:12px; line-height:40px; border-radius:20px; }


	/* 페이지 */
	.b_page_no{ margin-top:45px; }
	.b_page_no a{ margin:0 2px; padding:3px 2px; min-width:24px; }
	.b_page_no a span{ padding:0 2px; font-size:12px; line-height:18px; }
	.b_page_no div{ margin:0 9px; }
	.b_page_no a.pageBtn{ margin:0 3px; width:24px; height:24px; }
	.b_page_no a.first{ background-size:7px auto; }
	.b_page_no a.prev{ background-size:4px auto; }
	.b_page_no a.next{ background-size:4px auto; }
	.b_page_no a.last{ background-size:7px auto; }

	/* 문의 */
	.term_wrap{ margin-bottom:50px; }
	.term_wrap .term_bx{ padding:15px 20px; height:180px; font-size:12px; line-height:20px; }
	.term_wrap .term_ag{ padding:6px 0 10px; font-size:12px; line-height:20px; }
	.term_wrap .term_ag input{ margin-top:-1px; width:14px; height:14px; }
	
	.form_wrap .tit_bx{ margin-bottom:13px; }
	.form_wrap .tit_bx h4{ font-size:20px; line-height:25px; }
	.form_wrap .tit_bx span{ float:inherit; margin-top:8px; display:block; font-size:12px; line-height:17px; }

	.form_wrap .form_bx{ padding:20px 0; border-top:1px solid #111; }
	.form_wrap .form_bx .bx{ margin-bottom:20px; }
	.form_wrap .form_bx .bx dt{ margin-bottom:10px; font-size:13px; line-height:18px; }
	.form_wrap .form_bx .bx dd input{ padding:10px 12px; height:40px; font-size:12px; line-height:18px; }
	.form_wrap .form_bx .bx dd textarea{ padding:10px 12px; height:140px; font-size:12px; line-height:18px; }

	.form_wrap .form_bx .bx dd .spam_bx img { margin-top: 0; height: 40px; }
	.form_wrap .form_bx .bx dd .spam_bx input { width: calc(100% - 111px); max-width:300px; }
	.form_wrap .form_bx .bx dd .spam_bx .side_txt { display:Block; margin:8px 0 0; font-size: 12px; line-height: 17px; }


}

/* 모바일 */
@media all and (max-width:768px){

	/* list */
	.thumBoardS01 ul li{ width:calc(50% - 10px); }
	
	/* 문의 */
	.form_wrap .form_bx .bx.half{ margin-right:0; }
	.form_wrap .form_bx .bx.half dl{ width:100%; margin-right:0; }
	.form_wrap .form_bx .bx.half dl:first-child{ margin-bottom:20px; }


}