@charset "UTF-8";

/* ------------------ 게시판 공통 -------------------- */
/* list 상단 */
.board_info{padding:16px;display:flex;justify-content:space-between;background:#f7f7f7;border-radius:4px;}
.board_info form{order:1}
.board_info .form{display:flex;}
.board_info .form .btn{padding:0;}
.board_info .form .btn button{min-width:56px;font-weight:600;display: inline-flex;justify-content: center;align-items: center;white-space:nowrap;text-align: center;vertical-align: middle;border: 0 solid transparent;border-radius:4px;transition:all .2s ease;background:#121212;color:#fff;border:1px solid #000}
.board_info .form .btn button:hover,
.board_info .form .btn button:focus {background-color:#fff; color:#000;}
.board_info .form > *:not(:first-child){margin-left:4px;}
.board_info .page{padding-top:12px;}
.board_info .page .current{position:relative;padding-left:12px;margin-left:12px;}
.board_info .page .current:before{content:'';position:absolute;top:50%;margin-top:-6px;left:0;width:1px;height:12px;background:#ddd;}


/* list */
.bo_list{margin:20px 0 30px}
.board_list{border-top:1px solid #000;margin:14px 0;text-align:center}
.board_list thead th{padding:16px 10px;border:solid #e3e3e3;border-width:1px 0;text-align:center;border-top:1px solid #000;font-weight:700}
.board_list tbody td,.tstyle_list tbody th{padding:16px 12px;border:solid #e3e3e3;border-width:1px 0;}
.board_list td{width:12%;color:#666}
.board_list td.num{width:7%;max-width:40px;}
.board_list td.txt_left{width:40%;text-align:left;}
.board_list td.txt_left a {display:flex; max-width:100%; color:#333; vertical-align:middle}
.board_list td.txt_left .tit{line-height:1.25rem;word-break:break-word;color:#121212;font-weight:800;}
.board_list td.tl{text-align:left;width:50%;}
.board_list .no-data td{padding:7rem 0; text-align:center}
* + .board_btns{margin-top:2rem;}
.bo_new{height:20px;margin-right:8px;padding:4px 8px;font-size:.688rem;background:#e6ecf4;color:#044ba9;border-radius:24px;}
.bo_notice{height:20px;margin-right:8px;padding:4px 8px;font-size:.688rem;background:#ffe8e3;color:#ec4623;border-radius:24px;font-weight:700}
/* 페이징 */
* + .board_pager {margin-top:2rem}
.board_pager{text-align:center;}
.board_pager a{margin:0 4px;display:inline-block;vertical-align:middle;text-align:center;line-height:40px;width:40px;height:40px;border-radius:50%;font-weight:500}
.board_pager .group a{background:#f8f8f8;}
.board_pager a.active{background:#242424;color:#fff;}
.board_pager a.arr{border:1px solid #ddd;font-size:0;margin-left:-4px;background:url('/_KOR/img/main_ir.png') no-repeat 1px -498px #fff}
.board_pager a.prev{background-position:-30px -498px;margin-right:10px}
.board_pager a.next{background-position:-61px -498px;margin-left:10px}
.board_pager a.last{background-position:-93px -498px}
.board_pager a:not(.active):hover{background-color:#f0f0f0;}
.board_pager .group a:last-child:not(:first-child) {display:none;}

/* view */

/* 게시판 내용 */
.board_view {border-top:2px solid #555}
.board_view > .title{padding:2.5rem 0; border-bottom:1px solid #ddd; text-align:center; word-break:keep-all}
.board_view > .title h2{font-size:1.75rem;  font-weight:700; color:#333;}
.board_view .info {padding:1.25rem 0; border-bottom:1px solid #dddd; background-color:#f8f9fa; color:#666; text-align:center}
.board_view .info li {display:inline-block; vertical-align:top}
.board_view .info li + li::before {content:''; display:inline-block; position:relative; top:-1px; width:1px; height:1.25rem; margin:0 12px 0 13px; background-color:#ddd; vertical-align:middle}
.board_view .info strong {margin-right:0.75rem; font-weight:500; color:#121212}
.board_view .contents {clear:both; min-height:200px;padding:3rem 2rem; border-bottom:1px solid #ddd; overflow:hidden}
.board_view .contents strong {font-weight:bold}
.board_view .contents .img {margin-top:2rem}
.board_view .contents .img + .img {margin-top:1rem}
.board_view .txt_center {margin-bottom:2rem}
.board_view .contents img {max-width:70%}

.info_etc{margin:16px 0}
.info_etc .custom_tb{border-top:0;}

/* 게시판 내용 파일 */
.board_view .file {position:relative; padding:1rem 0 1rem 6rem; border-bottom:1px solid #ddd}
.board_view .file .title {position:absolute; top:50%; left:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; width:6rem; font-weight:700; color:#333;}
.board_view .file .list img {margin-right:0.5rem;vertical-align:middle;}
.board_view .file .list li {overflow:hidden; position:relative; min-height:2rem; padding-right:10.5rem; text-overflow:ellipsis; white-space:nowrap; line-height:2rem}
.board_view .file .list li + li {margin-top:0.5rem;}
.board_view .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus {color:#116eb4}
.board_view .file .list li:hover{background:#f8f9fa;}
.board_view .file .list .link {position:absolute; right:0; top:0;line-height:1.25rem;}
.board_view .file .list .link .btn{padding:4px 8px;font-size:.813rem;}
.board_view .file .list .link .ico_down{width:20px;height:20px;background:url("/_KOR/img/main_ir.png") -414px -389px no-repeat;}
.board_view .file .list .txt {font-size:.875rem; color:#999}

.board_btns{text-align:center;}
.board_btns .btn .ico{width:20px;height:20px;background:url("/_KOR/img/board_ir.png") -65px -10px no-repeat}
.board_btns .btn .ico.ico_edit{background-position:-41px -10px}
.board_btns .btn .ico.ico_delet{background-position:-15px -10px}

/* 게시판 이전글 다음글 */
.prevnext {margin-top:3rem; border-bottom:1px solid #aaa}
.prevnext li {display:flex;padding:1.25rem 0; border-top:1px solid #ddd; color:#333}
.prevnext span {position:relative;padding-left:2rem;width:8rem; color:#333;font-weight:700}
.prevnext span:before{ content:'';position:absolute;top:-2px;left:0;width:24px;height:24px;display:inline-block;background:url('/_KOR/img/main_ir.png') -136px -505px no-repeat  ;  }
.prevnext li.next span:before {content:'';background-position: -136px -546px;}
.prevnext li:hover{background:#f8f9fa;}
.prevnext a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 8rem)}
.prevnext li:hover a{font-weight:bold;}

@media (max-width:990px)
{	
	/* 리스트 검색 */
	.board_info{background:#fff;flex-wrap:wrap;padding:0;}
	.board_info form{order:0;padding:12px;background:#f7f7f7;width:100%;text-align:center;}
	.board_info .form{display:flex;justify-content: center;}
}

@media (max-width:720px)
{
	.board_info .form{flex-wrap:wrap;}
	.board_info .form > .item:not(.type1){margin-left:0;min-width:100%}
	.board_info .form > .item:not(.type1) span,
	.board_info .form > .item:not(.type1) select{width:100%;}
	.board_info .form > .item.type1:not(.btn){margin-left:0;width:calc(100% - 62px)}
	.board_info .form > .item.type1:not(.btn) input{width:100%;}
	.board_info .form > .item.type1.btn{width:56px}

	/* 리스트 - 테이블 */
	.board_list thead{display:none;}
	.board_list tbody tr{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:12px;border-bottom:1px solid #ddd;}
	.board_list tbody td{display:block;border:0;padding:0;width:auto;}
	.board_list tbody td.tl{width:100%;padding:4px 0;}
	.board_list tbody td.tl a{display:block;color:#121212;}
	.board_list tbody td.txt_left{margin:6px 0;width:100%;}
	.board_list tbody td.txt_left .tit{font-size:1.125rem;line-height:1.5rem;}
	.board_list tbody td.cate{height:22px;line-height:20px;padding:0px 8px;border:1px solid #ddd;border-radius:4px;font-size:.75rem !important}
	.board_list tbody td:not(.txt_left){order:1;line-height:1.5rem;}
	.board_list tbody td:not(.tl, .num){margin-right:8px;font-size:.875rem;}
	.board_list tbody td:not(.tl) a[href="#none"]{position:absolute;top:12px;right:12px;}
	.board_list .no-data{width:100%}
	.board_list .m_hidden{display:none;}

	/* 뷰 */
	.board_view .info{padding:12px 8px;text-align:left;display:flex;flex-wrap:wrap;}
	.board_view .info li{padding:2px;width:calc(100% / 2);display:block;font-size:.938rem}
	.board_view .info li + li::before{display:none;}
	.board_view .info strong{display:inline-block;position:relative;}
	.board_view > .title{word-break:break-word;}	

	.info_etc .custom_tb tbody tr{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:12pxborder-bottom:1px solid #ddd;word-break:break-all;}
	.info_etc .custom_tb tbody tr > *{padding:8px 6px;}
	.info_etc .custom_tb tbody tr th{width:15%;}
	.info_etc .custom_tb tbody tr td{width:35%;}
	.info_etc .custom_tb tbody tr > *:nth-child(4){border-right:0}

	.board_view .contents{padding:2rem 1rem}

	.board_view .file{padding-left:4.5rem}
	.board_view .file .list li{padding-right:6rem;}
}


/* info_box */
.bo_info_box{display:flex;padding:20px;border:4px solid #edf1f4;border-radius:12px;}
.bo_info_box .ico_deco{width:60px;height:60px;background:url("/_KOR/img/main_ir.png") -608px -437px no-repeat #edf1f4;border-radius:50%;}
.bo_info_box .txt_box{width:calc(100% - 60px);padding:8px 0 0 32px;}