.search{margin-bottom: 20px;padding:42px 16px;background-color: #f9f9f9;text-align:center;}
.search ul{font-size:0;}
.search li{display:inline-block; padding:0 4px;}
.search .insert{position:relative;}
.search .insert select{position:relative;height: 50px;padding: 0 20px;border:1px solid #d1d1d1;min-width: 125px;background: #fff;font-size: 15px;background: #fff url(../images/board/arr_search.svg) no-repeat 93px 50% / 10px;}
.search .insert input{height: 50px;padding:12px;padding-right:44px;border:1px solid #d1d1d1;min-width:240px;background: #fff;}
.search .insert > button{position:absolute;top:50%;right: 20px;width: 18px;height: 18px;background:url('../images/board/icon_search.svg') no-repeat center;background-size:cover;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.tbl > table{width:100%; border-top:2px solid #232323;}
.tbl tr{position:relative; border-bottom:1px solid #d1d1d1; text-align:center;}
.tbl tr.type_notice{background-color:#f5f5f5;}
.tbl th,
.tbl td{padding:16px 12px; text-align:center; vertical-align:middle;}
.tbl .notice{position:relative;}
.tbl .notice > span{display:inline-block; margin-left:18px; padding:2px 12px; background-color:#232323; font-size:0.85em; color:#fff;}
.tbl .notice > span:before{content:''; display:block; position:absolute; top:50%; left:8px; width:16px; height:16px; background:url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BF/156061764261802.png') no-repeat; background-size:cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.tbl .tbl_left{text-align:left;}
.tbl .tbl_left .inner_cell{line-height:1;}
.tbl .num{width:104px;}
.tbl td.num{color:#666;}
.tbl .file{width:48px;}
.tbl .file > img{position:relative; top:2px;}
.tbl .writer{width:96px;}
.tbl .date{width:112px;}
.tbl .title .reply{display:inherit; margin-right:8px; padding:2px 8px; background-color:#fff; border:1px solid #1f6bbb; font-size:12px; color:#1f6bbb;}
.tbl .title{display:inline-block; position:relative; overflow:hidden; padding-right:20px; white-space:nowrap; cursor:pointer; max-width:100%; text-overflow:ellipsis;}
.tbl .title:hover{color:#1f6bbb;}
.tbl tr#no_board > td{width:100%; text-align:center;}

/* total */
.board_total{margin-bottom:12px;}
.board_total .total_txt{display:block;font-size: 15px;}
.board_total .total_txt em{font-weight:600;font-size:1.25em;color: #cb1919;}

/* pagination */
.pagination{margin-top:48px; text-align:center;}
.pagination > ul > li{display:inline-block; margin-right:-4px;}
.pagination > ul > li  > span{display:block; margin:0 12px; padding:0 4px 4px; color:#666; cursor:pointer; text-transform:uppercase;}
.pagination .num.active > span{border-bottom:2px solid #1f6bbb; font-weight:600; color:#1f6bbb;}
.pagination .num > span:hover{color:#000;}
.pagination .arrow > span{position:relative; top:5px; width:16px; height:16px; padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.pagination .arrow.first > span,
.pagination .arrow.last > span{background-image:url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BF/156037383247237.png');}
.pagination .arrow.prev > span,
.pagination .arrow.next > span{background-image:url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BF/156037380820251.png');}
.pagination .arrow.next > span,
.pagination .arrow.last > span{transform:rotate(180deg);}

.pagination_container{display:table; margin:0 auto; padding-top:60px;}
.page_item.active{background-color:transparent; font-weight:700; color:#222;}
.page_item{display:inline-block; position:relative; overflow:hidden; z-index:1; width:20px; margin:0 10px; background-color:transparent; border:none; font-size:16px; color:#808080; cursor:pointer; text-transform:uppercase;}
.page_item::before{content:""; position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; border-bottom:2px solid #222; transform:scaleY(0); -webkit-transition:all 0.3s ease 0s;}

.page_item{line-height:40px;  text-align: center;}
.page_item.arrow{font-size:24px; width:40px; height:40px; line-height:1.5;}
.page_item.arrow.next{border:1px solid #222; background:#222; color:#fff; }
.page_item.arrow.prev{border:1px solid #222; background:#fff; color:#222;}

/* btn */
.btn_container .btn{height:inherit; padding:8px 20px; font-size:0.95em; min-width:inherit;}

/* card board */
.board-card-wrap .card ul li{margin-bottom:48px;}
.board-card-wrap .card ul li > div{padding:24px 16px; border:1px solid #d1d1d1; border-radius:16px;}
.board-card-wrap .badge{display:inline-block; padding:2px 16px; background-color:#1f6bbb; font-size:.85em; color:#fff;}
.board-card-wrap p.title{display:-webkit-box; overflow:hidden; height:93px; line-height:1.7; margin:20px 0; font-size:1.15em; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.board-card-wrap .date{display:block; position:relative; padding-top:12px; border-top:1px solid #d1d1d1; font-size:0.9em;}
.board-card-wrap .date > em{position:absolute; right:0; color:#1f6bbb;}

.sub ul.bbsList li .more.active,
.sub ul.bbsList li .more:hover,
.sub ul.bbsList li .more:focus{border-color:#2166d6;}
.sub ul.bbsList li .more em,
.sub ul.bbsList li .subject:hover,
.sub ul.bbsList li .subject:focus{color:#2166d6;}
.sub ul.bbsList li .more:before{background:url(../images/content/icon_more.png) no-repeat 0 0;}

.pagination span{color:#e49b9d; border-color:#e49b9d;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.area_board td.board_title{text-align:left !important; transition:border 0.3s ease-out; cursor:pointer; -webkit-transition:border 0.3s ease-out; -ms-transition:border 0.3s ease-out; -moz-transition:border 0.3s ease-out; -o-transition:border 0.3s ease-out;}
.area_board td.board_title:hover{color:#808080;}
.area_board tr td{transition:border 0.3s ease-out; -webkit-transition:border 0.3s ease-out; transition-delay:0.3s; -ms-transition:border 0.3s ease-out; -moz-transition:border 0.3s ease-out; -o-transition:border 0.3s ease-out;}
.area_board tr:hover td{background:#fafafa;}
.area_board .list_file img{display:inline-block; position:relative; top:4px; height:16px; margin-left:6px;}

/* view page */
.be_board .be_tit_board{padding-bottom:40px; border-bottom:1px solid #ddd; text-align:center;}
.be_board .be_tit_board > i{border-bottom:1px solid; font-weight:700; font-size:14px; color:#cb1919; text-transform:uppercase;}
.be_board .be_tit_board [data-view="tit"]{margin-top:15px; font-weight:400; font-size:35px; color:#222; letter-spacing:-0.03rem;}
.be_board .be_tit_board > ul{display:inline-block; margin-top:20px;}
.be_board .be_tit_board > ul li{position:relative; float:left; line-height:1; padding:0 14px; font-size:14px; color:#888;}
.be_board .be_tit_board [data-view="date"]{font-weight:600; letter-spacing:1px;}
.be_board .be_tit_board > ul li:first-child:after{content:""; position:absolute; top:1px; right:0; width:1px; height:12px; background:#ccc;}
.be_board .be_tit_board [data-view="views"]{display:inline-block; margin-left:4px; font-weight:600; letter-spacing:1px; vertical-align:initial;}
.be_board .be_tit_board > ul li:last-child{font-size:13px;}

.be_board .be_txt_board{padding: 50px 35px 110px 35px;font-weight:300;color:#666;position: relative;min-height: 370px;}

.be_board .inr_pagination > a{display:inline-block;}
.be_board .inr_pagination .view_pagination_prev{float:left; padding-left:37px; text-align:left;}
.be_board .inr_pagination .view_pagination_next{float:right; padding-right:30px; text-align:right;}
.be_board .inr_pagination{position:relative;margin-top:60px;text-align:center;}
.be_board .inr_pagination img{height:12px;}
.be_board .inr_pagination .view_pagination_next img{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.be_board .inr_pagination > a > i{display:inline-block; position:absolute; top:18px;}
.be_board .inr_pagination .view_pagination_prev i{left:0;}
.be_board .inr_pagination .view_pagination_next i{right:0;}
.be_board .inr_pagination > a > em{font-weight:700; font-size:14px; color:#222; text-transform:uppercase;}
.be_board .inr_pagination > a > p{opacity:1;color:#666;text-transform:uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 260PX;}
.be_board .inr_pagination .view_pagination_list{display:inline-block;width: 200px;padding:21px 0;border: 1px solid #cb1919;font-weight:700;color: #cb1919;font-size: 13px;}
.be_board .inr_pagination .view_pagination_list img{display:inline-block;position:relative;top: -1px;height:13px;margin-left: 12px;vertical-align:middle;}
.be_board .inr_pagination *{transition:all 0.3s ease-out 0s;}
.be_board .inr_pagination > a:hover > em{color: #cb1919;}
.be_board .inr_pagination > a:hover > p{opacity:0.7;}

.be_board .be_txt_board .file{position:absolute; bottom:0; left:0; width:92%; padding:22px 35px; background:#fbfbfb; border-bottom:1px solid #e6e6e6;}
.be_board .be_txt_board .file em{position:relative;font-weight:500;font-size:15px;color:#222;display: inline-block;padding-left: 21px;}
.be_board .be_txt_board .file a{display:inline-block; margin-left:14px; font-size:15px; color:#666;}
.be_board .be_txt_board .file em:before{content:"";position:absolute;top: 1px;left:0;width:15px;height:18px;background: url('../images/board/icon_file.svg') no-repeat 50% 50%;}
.be_board .be_txt_board img{max-width:100%;}

/* online */
.be_online h6{font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:26px; color:#222; letter-spacing:-0.04rem;}
.be_online h6 + i{display:block; height:5px; margin:30px 0 40px;}
.be_online form [data-online] label{margin-bottom:11px; font-weight:500; font-size:16px; color:#333; letter-spacing:-0.03rem;}
.be_online form [data-online]{margin-bottom:30px;}
.be_online form [data-online="company"] input{width:260px;}
.be_online .be_form_wrap > *{display:inline-block; vertical-align:middle;}
.be_online form [data-online="txt"] textarea{width:100%; height:200px;}
.be_online form [data-online="call"] input{width:119px;}
.be_online form [data-online="txt"]{margin-bottom:20px;}

.designSelect:after{content:''; display:block; clear:both;}
.designSelect .select{float:left;display:inline-block;position:relative;width:180px;height: 49px;font-size:16px;color:#141414;cursor:pointer;outline: none;}
.designSelect .select select{display:none;}
.designSelect .selectbox{position:absolute;top:0;right:0;bottom:0;left:0;padding: 10px 12px;background-color:transparent;border: 1px solid #f7f7f7;font-size: 15px;color: #666;background: #f7f7f7;}
.designSelect .selectbox:after{content:'';position:absolute;top:20px;right:15px;width:10px;height:6px;background: url(/DHM/images/board/arr_search.svg) no-repeat 50% 50% / cover;}
.designSelect .selectbox:hover{}
.designSelect .selectbox:active,
.designSelect .selectbox.active{border: 1px solid #cb1919;border-bottom: 0;background: #fff;}
.designSelect .selectbox:active:after,
.designSelect .selectbox.active:after{transform:rotate(180deg);}
.designSelect .selectoption{display:none;position:absolute;top:100%;right:0;left:0;z-index:99;margin:0;padding: 6px 0;list-style:none;background: #fff;border: 1px solid #cb1919;border-top: 1px solid #eee;}
.designSelect .selectoption li{padding: 2px 12px;font-size: 14px;}
.designSelect .selectoption li:hover{color:#cb1919;}
.designSelect .selectoption li[rel="hide"]{display:none;}

.container{display:block; position:relative; margin-bottom:12px; padding-left:27px; font-size:22px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.container input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.checkmark{position:absolute; top:0; left:0; width:19px; height:19px; border:1px solid #6b6b6b;}
.container input:checked ~ .checkmark{background-color:transparent;}
.checkmark:after{content:""; display:none; position:absolute;}
.container input:checked ~ .checkmark:after{display:block;}
.container .checkmark:after{top:4px; left:7px; width:3px; height:6px; border:solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); border-width:0 2px 2px 0;}

.be_container_check input[type="checkbox"]{position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.be_container_check input[type="checkbox"]:hover + label:before{border-color: #cb1919;}
.be_container_check input[type="checkbox"]:active + label:before{transition-duration:0; filter:brightness(0.2);}
.be_container_check input[type="checkbox"] + label{position:relative;padding-left: 32px;font-weight:normal;font-size: 14px;cursor: pointer;}
.be_container_check input[type="checkbox"] + label:before,
.be_container_check input[type="checkbox"] + label:after{content:""; display:block; position:absolute; left:0; box-sizing:content-box;}
.be_container_check input[type="checkbox"] + label:before{top: 47%;width: 20px;height: 20px;margin-top:-10px;border: 1px solid #d9d9d9;text-align:center;transition: all 0.3s ease-out 0s;}
.be_container_check input[type="checkbox"] + label:after{top: 51%;left: 7px;width: 8px;height: 4px;margin-top:-5px;background-color:transparent;transition:none;transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);border-style:solid;border-color: #cb1919;border-width: 0 0 2px 2px;-moz-transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;}
.be_container_check input[type="checkbox"]:checked + label:after{content:""; transition:transform 200ms ease-out; transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); -ms-transform:rotate(-45deg) scale(1); -moz-transform:rotate(-45deg) scale(1); -moz-transition:-moz-transform 200ms ease-out; -o-transition:-o-transform 200ms ease-out; -webkit-transition:-webkit-transform 200ms ease-out;}
.be_container_check input[type="checkbox"] + label a{border-bottom:1px solid; font-weight:400; color:#cb1919;}

.be_container_btn{margin-top:70px; text-align:center;}
.be_container_btn a{display:inline-block; padding:20px 66px; border:2px solid #e0e0e0; color:#aaa;}
.be_container_btn .send{border:2px solid #cb1919; color:#cb1919; transition:all 0.4s ease-out 0s;}
.be_container_btn .send:hover{box-shadow:4px 6px 28px 0px rgba(203, 25, 25, 0.2);}

/* gallery */
.be_gallery_list .inr_gallery .title{display:-webkit-box; overflow:hidden; line-height:1.4; font-weight:500; font-size:16px; color:#222; letter-spacing:-0.04rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:45px; min-height:45px;}
.be_gallery_list .inr_gallery .img{display:block; position:relative; overflow:hidden; width:100%; padding-top:53%; background:#fff url(../images/board/no_image.gif) no-repeat 50% 50%; text-align:center; transition:opacity 0.5s ease-out 0s;}
.be_gallery_list .inr_gallery .img img{position:absolute; top:50%; left:0; width:100%; transition:all 0.5s ease-out 0s; transform:translateY(-50%);}
.be_gallery_list .inr_gallery:hover .img img{transform:scale(1.02) translateY(-50%)  rotate(0.01deg);}
.be_gallery_container li{float:left; width:-webkit-calc((100%/3) - 20px); width:calc((100%/3) - 20px); margin-right:30px;}
.be_gallery_container li:nth-child(3n){margin-right:0;}
.be_gallery_container li:nth-child(3)~li{margin-top:60px;}
.be_gallery_list .inr_gallery .date{display:block; position:relative; margin-top:25px; font-size:14px; color:#999;}
.be_gallery_list{overflow:hidden;}
.be_gallery_container{overflow:hidden;}
.be_gallery_list .inr_gallery{text-align:center;}
.be_gallery_list .inr_gallery .inr{padding:27px 20px; border:1px solid #eee;}
.be_gallery_list .inr_gallery .date:before{content:""; display:inline-block; position:relative; opacity:0.4; top:3px; width:15px; height:15px; margin-right:6px; background:url(../../images/board/icon_date.svg) no-repeat 50% 50%;}

/* input custum */
.be_online input[type="text"]:focus, .be_online textarea:focus{box-shadow:1px 5px 14px 0px rgba(203, 25, 25, 0.1);border-color:#cb1919;background: #fff;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select::-ms-expand {
		display: none;
	}

	select:focus::-ms-value {
		background: transparent;
		color: grey;
	}
}

@media all and (max-width: 1023px){
	.be_board .be_tit_board{padding-bottom:30px;}
	.be_board .inr_pagination{margin-top:35px;}
	.be_board .inr_pagination > a > p{width:160px;}
	.be_board .inr_pagination .view_pagination_list{width:150px;}
	.be_board .be_txt_board{}
	.be_board .be_txt_board .file{padding:22px 25px;}
	.be_board .inr_pagination .view_pagination_prev{padding-left:27px;}
	.be_board .inr_pagination .view_pagination_next{padding-right:27px;}
	.be_board .be_tit_board [data-view="tit"]{margin-top:8px; font-size:29px;}
}

@media all and (max-width: 767px){
	.tbl > table{display:inherit;}
	.tbl > table > thead{display:none;}
	.tbl > table > tbody,
	.tbl > table > tbody tr,
	.tbl > table > tbody td{display:block;}
	.tbl > table > tbody tr::before,
	.tbl > table > tbody tr:after{content:''; display:block; clear:both;}
	.tbl > table > tbody td{position:relative; float:left; text-align:left !important;}
	.tbl > table > tbody td:after{content:'';position:absolute;top: 4px;right:0;width:1px;height:10px;background-color:#a1a1a1;-ms-transform:translateY(-50%);}
	.tbl > table > tbody td:first-child:after,
	.tbl > table > tbody td:last-child:after{display:none;}
	.tbl > table .num{display: none;}
	.tbl > table .num[data-attr="read_count"]{width:auto; min-height:inherit;}
	.tbl > table .tbl_left{display:block; width:calc(100% - 72px); padding-right:0; padding-bottom:0;}
	.tbl > table .tbl_left:after{display:none;}

	.area_board tr:hover td{background:none;}	
	.area_board td.board_title{overflow:hidden;width:93%;padding: 13px 0 5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;}
	[data-copy="notice_copy"]{padding-bottom:13px;}
	.area_board td.board_title a{font-size:14px;}
	.area_board td.board_title:after{display:none;}
	.board_writer,
	[data-attr="write_date"]{padding: 0px 10px  12px !important;}
	.board_writer{padding-left:0 !important;}

	.tbl .writer,
	.tbl .date{width:auto;}
	.tbl .file{position:absolute; right:0;}
	.tbl .notice{top:-3px; width:72px;}
	.tbl .notice > span{margin-left:0;}
	.tbl .notice > span:before{display:none;}

	.be_board .inr_pagination > a{padding-top:8px;}
	.be_board .inr_pagination > a > i{top:13px;}
	.be_board .inr_pagination > a > p{display:none;}
	.be_board .inr_pagination .view_pagination_list{width:112px; padding:11px 0;}
	.be_board .inr_pagination .view_pagination_prev{padding-left:20px;}
	.be_board .inr_pagination .view_pagination_next{padding-right:20px;}
	.be_board .be_txt_board .file{padding: 12px 0;width: 100%;}
	.be_board .be_txt_board{padding: 20px 0px 60px 0;min-height:215px;}
	.be_board .be_txt_board .file em{font-weight:900; font-size:13px;}
	.be_board .be_txt_board .file a{margin-left:7px; font-size:14px;}
	.be_board .be_tit_board [data-view="tit"]{margin-top:8px; font-size:21px; letter-spacing:-0.03em;}
	.be_board .be_tit_board > ul{margin-top:15px;}
	.be_board .be_tit_board > ul li{padding:0 8px; font-size:13px;}
	.be_board .be_tit_board{padding-bottom:20px;}
	.be_board .be_tit_board > i{font-size:13px;}
	.be_board .be_tit_board > ul li:last-child{font-size:12px;}
	.be_board .be_tit_board > ul li:last-child em{font-size:13px;}
}


@media all and (max-width: 430px){
	.be_online .be_form_wrap > input{width:-webkit-calc(100% - 177px); width:calc(100% - 177px);}

	.be_online h6{font-size:19px;}
	.be_online h6 + i{margin:25px 0 35px;}
	.be_online form [data-online="company"] input{width:100%;}
	.be_online form [data-online]{margin-bottom:18px;}
	.be_online form [data-online] label{margin-bottom:8px; font-weight:600; font-size:13px;}	
	.be_online form [data-online="call"] input{width:-webkit-calc((100%/3) - 8px); width:calc((100%/3) - 8px);}
	.be_online form [data-online="txt"] textarea{height:110px;}

	.designSelect .select{width:160px;}
	.designSelect .selectbox{padding:13px 12px; font-size:13px;}
	
	.be_container_check input[type="checkbox"] + label{padding-left:27px;}
	.be_container_check input[type="checkbox"] + label p,
	.be_container_check input[type="checkbox"] + label p a{font-size:12px;}
	.be_container_check input[type="checkbox"] + label:before{top:28%; width:17px; height:17px;}
	.be_container_btn{margin-top:30px;}
	.be_container_btn a{padding:10px 34px;}
	.be_container_check input[type="checkbox"] + label:after{top:31%; left:5px;}
	
	input[type=text],
	input[type=password],
	input[type=tel],
	input[type=date],
	input[type=email],
	input[type=number],
	textarea{height:46px;}
}

@media (max-width: 480px){
	.search{padding:0; background-color:transparent;}
	.search .insert input{min-width:inherit; max-width:180px;}
}