@charset "utf-8";

#board{letter-spacing:-0.5px;}
/* #board .section_1{padding:100px 0; position:relative;} */
#board .section_1{padding:80px 0 100px; position:relative;}
#board .section_1:before,#board .section_1:after{content:''; width:1px; height:50px; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#board .section_1:before{background:#007da9; top:0;}
#board .section_1:after{background:#fff; top:-50px}

#board .more_btn{text-align:center; padding-top:60px;}
#board .more_btn a{display:inline-block; border:1px solid #007da9; text-align:center; width:180px; box-sizing:border-box; position:relative; z-index:1; overflow:hidden;}
#board .more_btn a:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:27px solid transparent; border-bottom:53px solid #007da9; transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#board .more_btn a span{display:inline-block; line-height:53px; color:#007da9; font-size:18px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}

/* 공지사항 리스트 */
#board .notice_list{overflow:hidden;}
#board .notice_list .box{float:left; width:33.333%; overflow:hidden; margin-top:30px}
#board .notice_list .box:nth-of-type(1){margin-top:0;}
#board .notice_list .box:nth-of-type(3n+1){clear:both;}
#board .notice_list .box a{display:block; width:95%; margin:0 auto; position:relative; cursor:default;}
#board .notice_list .box a .thumb{display:block; padding-bottom:67%; background-size:cover !important; }
#board .notice_list .box a .thumb img{width:100%}
#board .notice_list .box a .txt{border:1px solid #ddd; box-sizing:border-box; padding:35px 30px;}
#board .notice_list .box a .txt dl{padding-bottom:60px;}
#board .notice_list .box a .txt dl dt{display:inline-block; vertical-align:middle; color:#333; font-size:18px; line-height:22px; font-weight:700; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
#board .notice_list .box a .txt dl dd{color:#666; font-size:16px; line-height:26px; height:78px; white-space:normal; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#board .notice_list .box a .txt em{display:block; font-style:normal; color:#999; font-size:14px; font-family:'FrutigerLTStd', sans-serif; font-weight:700;}
#board .notice_list .box a .more{opacity:0; z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#board .notice_list .box a .more span{cursor:pointer; display:inline-block; position:absolute; top:50%; left:50%; z-index:1; overflow:hidden; padding:0 30px; background:#007da9; border:2px solid #007da9; box-sizing:border-box; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
#board .notice_list .box a .more span em{font-style:normal; display:inline-block; line-height:51px; color:#fff; font-family:'FrutigerLTStd', sans-serif; font-weight:700; font-size:20px; padding-right:80px; background:url('../images/icon/icon_arr.png') no-repeat 99% 50%; background-size:8px 14px;}
#board .notice_list .no-list{text-align:center; padding:100px 0; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff;}
#board .notice_list .no-list p{font-size:15px; color:#333;}

/* 공지사항 상세 */
#board .board_view{border-top:1px solid #333;}
#board .board_view .v_title{border-bottom:1px solid #e5e5e5; text-align:center; padding:40px 15px; box-sizing:border-box;}
#board .board_view .v_title strong{display:block; color:#333; font-size:26px; line-height:32px; font-weight:700; padding-bottom:10px; word-break:keep-all;}
#board .board_view .v_title span{display:block; color:#999; font-size:14px;}
#board .board_view .v_file{border-bottom:1px solid #e5e5e5; font-size:0; text-align:center; padding:20px 15px; box-sizing:border-box;}
#board .board_view .v_file li{display:inline-block; font-size:14px; color:#999;}
#board .board_view .v_file li:after{content:','; margin-right:5px;}
#board .board_view .v_file li:last-child:after{display:none;}
#board .board_view .v_file li a{color:#999;}
#board .board_view .v_file li a:hover{text-decoration:underline}
#board .board_view .v_cont{box-sizing:border-box; padding:40px 15px; /*word-break:keep-all;*/}
#board .board_view .v_cont img{max-width:100%;}

/* 드라이버 및 다운로드 리스트 */
#board .data_list .name{width:47%}
#board .data_list .category{width:15%;}
#board .data_list .update{width:20%}
#board .data_list .download{width:18%}
#board .data_list .data_head{display:table; width:100%}
#board .data_list .data_head > strong{display:table-cell; color:#333; text-align:center; font-size:16px; line-height:60px; font-weight:500; box-sizing:border-box;}
#board .data_list .data_head > strong:first-child{text-align:left; padding-left:30px;}
#board .data_list .data_body .box{margin-top:20px; box-sizing:border-box; border:1px solid #e1e1e1}
#board .data_list .data_body .box:first-of-type{margin-top:0;}
#board .data_list .data_body .box .boxType_1{display:table; width:100%}
#board .data_list .data_body .box .boxType_1 > div{display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box; padding:17px 0;  color:#666; font-size:15px;}
#board .data_list .data_body .box .boxType_1 > div:first-child{text-align:left; padding-left:30px;}
#board .data_list .data_body .box .boxType_1 > div strong{line-height:22px; display:inline-block; cursor:pointer; font-weight:400; box-sizing:border-box; padding-left:30px; position:relative;}
#board .data_list .data_body .box .boxType_1 > div strong:before{content:''; width:9px; height:6px; background:url('../images/icon/icon_arr4.png') no-repeat 0 0; background-size:9px 6px; position:absolute; top:9px; left:0;}
#board .data_list .data_body .box .boxType_1 > div a{display:inline-block; background:#007da9; padding:0 35px; position:relative; z-index:1; overflow:hidden;}
#board .data_list .data_body .box .boxType_1 > div a:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:20px solid transparent; border-bottom:40px solid rgba(255,255,255,0.1); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}
#board .data_list .data_body .box .boxType_1 > div a span{display:inline-block; line-height:40px; color:#fff; font-size:15px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; padding-left:25px; background:url('../images/icon/icon_down.png') no-repeat 0 50%}
#board .data_list .data_body .box.on .boxType_1 > div strong{text-decoration:underline; color:#333}
#board .data_list .data_body .box.on .boxType_1 > div strong:before{transform:rotate(-180deg); -ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg)}
#board .data_list .data_body .box .boxType_2{display:none; box-sizing:border-box; padding:25px 60px; position:relative; color:#999; font-size:15px; line-height:25px; word-break:keep-all;}
#board .data_list .data_body .box .boxType_2:before{content:''; width:calc(100% - 60px); position:absolute; top:0; left:30px; height:1px; background:#d7d7d7}
#board .data_list .no-list{text-align:center; padding:100px 0; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff;}
#board .data_list .no-list p{font-size:15px; color:#333;}

/* 이전글,다음글 */
.paging{overflow:hidden; padding:40px 20px; box-sizing:border-box; border:1px solid #e5e5e5; border-left:none; border-right:none;}
.paging a{display:block; float:left; width:50%; overflow:hidden;}
.paging a strong{display:block; width:65px; box-sizing:border-box; color:#333; font-size:14px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; line-height:20px; background-size:6px 9px !important;}
.paging a span{display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(90% - 65px); color:#666; font-size:16px; vertical-align:middle; line-height:20px; position:relative; top:-2px;}
.paging .paging_prev strong{float:left; padding-left:16px; background:url('/bbs_skin/img/page_prev.png') no-repeat 0 48%;}
.paging .paging_prev span{float:left;}
.paging .paging_next strong{float:right; padding-right:16px; background:url('/bbs_skin/img/page_next.png') no-repeat 99% 48%; text-align:right;}
.paging .paging_next span{float:right;}

/* 버튼 */
.btn_area{padding-top:60px;}
.btn_area a{background:#007da9; display:inline-block; color:#fff; font-size:18px; line-height:55px; font-family:'FrutigerLTStd', sans-serif; font-weight:700; width:190px; text-align:center; position:relative; z-index:1; overflow:hidden;}
.btn_area a:before{box-sizing:border-box; z-index:-1; content:''; position:absolute; top:0; right:-50px; bottom:0; left:0; border-right:27px solid transparent; border-bottom:55px solid rgba(255,255,255,0.1); transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;}

/* 검색 */
#b_sch{padding-bottom:35px;}
#b_sch .schbox{border:3px solid #efefef; text-align:center; box-sizing:border-box; padding:30px 0; font-size:0;}
#b_sch .schbox select{line-height:50px; height:50px; border:1px solid #ddd; font-size:15px; color:#666; padding-left:20px; font-weight:300;}
#b_sch .schbox input[type=text]{line-height:50px; height:50px; border:1px solid #ddd; font-size:15px; color:#666; font-weight:300;}
#b_sch .schbox > select{width:160px; margin-right:10px;}
#b_sch .schbox > select:first-child{width:140px;}
#b_sch .schbox > div{display:inline-block; vertical-align:middle; width:470px; overflow:hidden; font-size:0;}
#b_sch .schbox > div select{float:left; width:140px;}
#b_sch .schbox > div p{float:right; width:320px; position:relative;}
#b_sch .schbox > div p input[type=text]{width:100%; padding:0 60px 0 20px;}
#b_sch .schbox > div p .btn_sch{display:inline-block; padding:0; width:14px; height:16px; text-indent:-99999px; background:url('../images/icon/icon_sch2.png') no-repeat 0 0; background-size:14px 16px; position:absolute; top:50%; margin-top:-8px; right:20px;}

/* 페이지 */
.b_page_no{width:100%; padding:60px 0 0; text-align:center; position:relative;}
.b_page_no div{border:1px solid #d5d5d5; display:inline-block; font-size:0; border-left:none;}
.b_page_no a{color:#999; display:inline-block; min-width:35px; height:33px; line-height:33px; font-size:12px; text-align:center; vertical-align:middle; border-left:1px solid #e5e5e5; background:#fff;}
.b_page_no a.on{color:#fff; background-color:#999}
.b_page_no .pageBtn{text-indent:-99999px;}
.b_page_no .pageBtn_first{background:url('/bbs_skin/img/btn_first.gif') no-repeat 0 0}
.b_page_no .pageBtn_prev{background:url('/bbs_skin/img/btn_prev.gif') no-repeat 0 0}
.b_page_no .pageBtn_next{background:url('/bbs_skin/img/btn_next.gif') no-repeat 0 0}
.b_page_no .pageBtn_last{background:url('/bbs_skin/img/btn_last.gif') no-repeat 0 0}

.b_page_no .btn_write{background:#f2a511; color:#fff; font-size:14px; line-height:50px; height:50px; width:160px; font-weight:700; position:absolute; bottom:-15px; right:0;}

/* PC */
@media all and (min-width:1025px){
	.btn_area a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

	#board .notice_list .box:nth-of-type(2),#board .notice_list .box:nth-of-type(3){margin-top:0;}
	#board .notice_list .box:nth-of-type(3n+1) a{float:left;}
	#board .notice_list .box:nth-of-type(3n+3) a{float:right;}
	#board .notice_list .box a:hover .more{opacity:1; z-index:1}

	#board .data_list .data_body .box .boxType_1 > div a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

	#board .more_btn a:hover:before{transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
	#board .more_btn a:hover span{color:#fff;}
	
}

@media all and (max-width:1230px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#board .section_1{padding:65px 0 60px;}
	#board .section_1:before,#board .section_1:after{height:25px;}
	#board .section_1:after{top:-25px}

	#board .more_btn{padding-top:40px;}
	#board .more_btn a{width:100%;}
	#board .more_btn a:before{display:none;}
	#board .more_btn a span{line-height:39px; font-size:14px;}

	/* 공지사항 리스트 */
	#board .notice_list .box{margin-top:20px;}
	#board .notice_list .box:nth-of-type(2),#board .notice_list .box:nth-of-type(3){margin-top:0;}
	#board .notice_list .box a .txt{padding:20px;}
	#board .notice_list .box a .txt dl{padding-bottom:30px;}
	#board .notice_list .box a .txt dl dt{font-size:14px; line-height:18px; margin-bottom:10px;}
	#board .notice_list .box a .txt dl dd{font-size:13px; line-height:18px; height:54px;}
	#board .notice_list .box a .txt em{font-size:12px;}
	#board .notice_list .box a .more{display:none;}
	#board .notice_list .no-list{padding:50px 0;}
	#board .notice_list .no-list p{font-size:13px;}

	/* 공지사항 상세 */
	#board .board_view .v_title{padding:25px 15px;}
	#board .board_view .v_title strong{font-size:18px; line-height:23px; padding-bottom:5px;}
	#board .board_view .v_title span{font-size:12px;}
	#board .board_view .v_file{padding:10px 15px;}
	#board .board_view .v_file li{font-size:12px;}
	#board .board_view .v_file li:after{margin-right:3px;}
	#board .board_view .v_cont{padding:25px 15px;}

	/* 드라이버 및 다운로드 리스트 */
	#board .data_list .name{width:calc(100% - 45px);}
	#board .data_list .category{display:none !important}
	#board .data_list .update{display:none !important}
	#board .data_list .download{width:45px}
	#board .data_list .data_head{display:none;}
	#board .data_list .data_body .box{margin-top:20px; box-sizing:border-box; border:1px solid #e1e1e1}
	#board .data_list .data_body .box:first-of-type{margin-top:0;}
	#board .data_list .data_body .box .boxType_1 > div{padding:17px 0;  font-size:12px;}
	#board .data_list .data_body .box .boxType_1 > div:first-child{padding-left:15px;}
	#board .data_list .data_body .box .boxType_1 > div strong{line-height:18px; padding-left:20px;}
	#board .data_list .data_body .box .boxType_1 > div strong:before{width:8px; height:5px; background-size:8px 5px; top:7px;}
	#board .data_list .data_body .box .boxType_1 > div a{padding:0; text-indent:-99999px; width:15px; height:12px; background:url('../images/icon/icon_down2_m.png') no-repeat 0 0; background-size:15px 12px;}
	#board .data_list .data_body .box .boxType_1 > div a:before{display:none;}
	#board .data_list .data_body .box .boxType_1 > div a span{display:none;}
	#board .data_list .data_body .box .boxType_2{padding:15px 35px; font-size:12px; line-height:19px;}
	#board .data_list .data_body .box .boxType_2:before{width:calc(100% - 20px); left:10px;}
	#board .data_list .no-list{padding:50px 0;}
	#board .data_list .no-list p{font-size:13px;}

	/* 이전글,다음글 */
	.paging{padding:20px 15px;}
	.paging a{width:auto;}
	.paging a strong{font-size:12px; background-size:4px 6px !important;}
	.paging a span{display:none;}
	.paging .paging_prev strong{padding-left:14px;}
	.paging .paging_next{float:right;}
	.paging .paging_next strong{padding-right:14px;}

	/* 버튼 */
	.btn_area{padding-top:40px;}
	.btn_area a{font-size:14px; line-height:35px; width:120px;}
	.btn_area a:before{display:none;}

	/* 검색 */
	#b_sch{padding-bottom:20px;}
	#b_sch .schbox{border:2px solid #efefef; padding:20px;}
	#b_sch .schbox select{line-height:40px; height:40px; font-size:12px; padding-left:10px;}
	#b_sch .schbox input[type=text]{line-height:40px; height:40px; font-size:12px;}
	/* #b_sch .schbox > select{width:100%; margin:0 0 10px;} */
	#b_sch .schbox > select{width:calc(100% - 103px); margin-bottom:5px; margin-right:0;}
	#b_sch .schbox > select:first-child{width:98px; margin-right:5px;}
	#b_sch .schbox > div{display:block; width:100%;}
	#b_sch .schbox > div select{width:80px;}
	#b_sch .schbox > div p{width:calc(100% - 85px);}
	#b_sch .schbox > div p input[type=text]{padding:0 30px 0 10px;}
	#b_sch .schbox > div p .btn_sch{width:12px; height:13px; background-size:12px 13px; margin-top:-7px; right:10px;}

	/* 페이지 */
	.b_page_no{padding:30px 0 0}
	.b_page_no a{font-size:11px; min-width:31px; height:29px; line-height:29px;}
	.b_page_no .pageBtn{background-size:31px !important}
	.b_page_no .pageBtn_first{background-image:url('/bbs_skin/img/btn_first_m.gif')}
	.b_page_no .pageBtn_prev{background-image:url('/bbs_skin/img/btn_prev_m.gif')}
	.b_page_no .pageBtn_next{background-image:url('/bbs_skin/img/btn_next_m.gif')}
	.b_page_no .pageBtn_last{background-image:url('/bbs_skin/img/btn_last_m.gif')}

	.b_page_no .btn_write{line-height:40px; height:40px; width:100%; position:static; bottom:0; right:0; margin-top:30px;}
}

/* 모바일 */
@media all and (max-width:768px){
	#board .notice_list .box{width:100%}
	#board .notice_list .box:nth-of-type(2),#board .notice_list .box:nth-of-type(3){margin-top:20px;}
	#board .notice_list .box a{width:100%;}
}