html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:14px; color: #666; line-height: 150%; font-family:'Pretendard';}


/*********** 공통 css *************/
/* select {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:7px 5px; font-family:'Pretendard';}
.input {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; font-family:'Pretendard';}
.search_input {font-size:14px; color: #666; border: #d4d4d4 1px solid; background-color: #ffffff; padding:8px 5px;  font-family:Malgun Gothic,'Malgun Gothic', sans-serif;} */
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.textarea {width:100%; font-family:inherit; color:#666; line-height:150%; letter-spacing:-0.5px; padding:6px; border:#d4d4d4 1px solid; background-color:#fff; box-sizing:border-box;}

/* 카테고리 */
.cate_tab {overflow:hidden; clear:both; margin-bottom:30px}
.cate_tab li {float:left;}
.cate_tab a {display:block; width:110px; height:48px; margin-right:2px; border:1px solid #ddd; background:#fff; text-align:center; line-height:48px; color:#666;}
.cate_tab a:hover {text-decoration:none; color:#064e91;}
.cate_tab a span {display:block; font-weight:600; line-height:48px; border:1px solid #064e91; background:#fff; width:110px; position:relative; left:-1px; top:-1px; color:#064e91;}






/*********** List *************/
/* 검색바 */
.bbs_search {text-align:right;}
.bbs_search .bbs_search_container {display:inline-flex;}
.bbs_search .bbs_search_container .select{margin-right: 7px; padding: 0 20px; width:173px; height: 50px; font-size: 17px; font-weight: 500; letter-spacing: -0.425px; color: #787878; background: url('./image/select_icon.png') no-repeat; background-position: center right 20px; background-color: #f5f5f5; border-radius: 5px; appearance: none;}
.bbs_search .bbs_search_container .search_box{display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 360px; height: 50px; background-color: #f5f5f5; border-radius: 5px;}
.bbs_search .bbs_search_container .search_box .search_input {font-size: 17px; font-weight: 500; letter-spacing: -0.425px; color: #787878; background:none;}
.bbs_search .bbs_search_container .search_box .search_input::placeholder{font-size: 17px; font-weight: 500; letter-spacing: -0.425px; color: #787878;}
.bbs_search .bbs_search_container .search_box .btn_b_s {margin-right: 10px; width: 18px; height: 18px; text-indent: -99999px; background: url('./image/search_icon.png') no-repeat center/cover; cursor: pointer; border:none;}

.bbs_list_con {display:flex; flex-wrap:wrap; margin: 50px 0 0;}
.bbs_list_con li.listBox {width:calc((100% - 80px) / 3); margin:0 40px 40px 0;}
.bbs_list_con li.listBox:nth-child(3n) {margin: 0 0 40px 0;}

.bbs_list_con li.listBox > a figure{display: flex; justify-content: center; align-items: center; width: 100%; max-height: 250px; overflow: hidden;}
.bbs_list_con li.listBox > a figure img {width: 100%; transition: all 0.3s;}
.bbs_list_con li.listBox > a {display:inline-block; width:100%; height:100%;}
.bbs_list_con li.listBox > a figcaption {padding:38px 0;}
.bbs_list_con li.listBox > a figcaption p {margin: 0 0 18px; font-size: 18px; color: #555; font-weight: 500;}
.bbs_list_con li.listBox > a figcaption h2 {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 24px; letter-spacing: -0.6px; color: #121212; font-weight: 600;}
.bbs_list_con li.listBox > a:hover figure img{transform: scale(1.1);}
.bbs_list_con li.listBox > a:hover figcaption h2 {color:#2d529f; transition:all 0.3s ease;}


/* page_num */
.page_num {margin: 60px 0 0; padding:0 !important;}
.page_num * {font-size:0; box-sizing:border-box;}
.page_num ul {display:inline-flex; justify-content: center; align-items:center; width: 100%;}
.page_num ul li a{margin: 0 10px; display: inline-block;}
.page_num ul li a:not(.num){width: 15px; height: 15px;}
.page_num ul li .first{background: url('./image/paging-first.png') no-repeat center/cover;}
.page_num ul li .last{background: url('./image/paging-last.png') no-repeat center/cover;}
.page_num ul li .prev{margin-right: 32px; background: url('./image/paging-prev.png') no-repeat center/cover;}
.page_num ul li .next{margin-left: 32px; background: url('./image/paging-next.png') no-repeat center/cover;}

.page_num ul li .num {position: relative; margin: 0 15px; font-size: 19px; font-weight: 500; color: #555;}
.page_num ul li .num.active {position: relative; color: #2d529f;}
.page_num ul li .num.active::after{content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 2px; background-color: #2d529f;}

@media all and (max-width:1024px){
    /* 검색바 */
    .bbs_search .bbs_search_container .select{width: 140px; height: 40px; font-size: 16px;}
    .bbs_search .bbs_search_container .search_box{width: 300px; height: 40px;}
    .bbs_search .bbs_search_container .search_box .search_input{font-size: 16px;}
    .bbs_search .bbs_search_container .search_box .search_input::placeholder{font-size: 16px;}


    .bbs_list_con li.listBox{width: calc((100% - 40px) / 2);}
    .bbs_list_con li.listBox:nth-child(3n) {margin: 0 40px 40px 0;}
    .bbs_list_con li.listBox:nth-child(2n) {margin: 0 0 40px 0;}

    .bbs_list_con li.listBox > a figcaption{padding: 25px 0;}
    .bbs_list_con li.listBox > a figcaption p{margin: 0 0 10px; font-size: 16px;}
    .bbs_list_con li.listBox > a figcaption h2{font-size: 22px; -webkit-line-clamp: 2;}


    /* page_num */
    .page_num{margin: 50px 0 0;}
    .page_num ul li a{margin: 0 7px;}
    .page_num ul li .prev{margin-right: 15px;}
    .page_num ul li .next{margin-left: 15px;}
    .page_num ul li .num{margin: 0 10px; font-size: 17px;}
}
@media all and (max-width:768px){
    /* 검색바 */
    .bbs_search .bbs_search_container .select{padding: 0 2.6vw; margin-right: 1vw; width: 20vw; height:8vw; font-size: 3vw; background-position: center right 2.6vw;}
    .bbs_search .bbs_search_container .search_box{padding: 0 2.6vw; width: 60vw; height: 8vw;}
    .bbs_search .bbs_search_container .search_box .search_input{font-size:3vw;}
    .bbs_search .bbs_search_container .search_box .search_input::placeholder{font-size: 3vw;}
    .bbs_search .bbs_search_container .search_box .btn_b_s{margin-right: 0;}

    .bbs_list_con{margin: 6.5vw 0 0;}
    .bbs_list_con li.listBox{margin: 0 2.6vw 2.6vw 0; width: calc((100% - 2.6vw) / 2);}
    .bbs_list_con li.listBox:nth-child(3n) {margin: 0 2.6vw 2.6vw 0;}
    .bbs_list_con li.listBox:nth-child(2n) {margin: 0 0 2.6vw 0;}
    
    .bbs_list_con li.listBox > a figcaption{padding: 3.9vw 0 0;}
    .bbs_list_con li.listBox > a figcaption p{margin: 0 0 1.3vw; font-size: 3.2vw;}
    .bbs_list_con li.listBox > a figcaption h2{font-size: 4.4vw;}

    /* page_num */
    .page_num{margin: 6.5vw 0 0;}
    .page_num ul li a{margin: 0 1vw;}
    .page_num ul li .prev{margin-right: 2vw;}
    .page_num ul li .next{margin-left: 2vw;}
    .page_num ul li .num{margin: 0 1.3vw; font-size: 3.4vw;}
}
@media all and (max-width:430px){
    /* 검색바 */
    .bbs_search .bbs_search_container .search_box .btn_b_s{width: 13px; height: 13px;}


    .bbs_list_con li.listBox{margin: 0 2.6vw 3.9vw !important; width: 100%;}

    /* page_num */
    .page_num ul li a:not(.num){width: 10px; height: 10px;}
}






/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:20px;}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;}
.bbs_btn input{margin:0 1px;}


/*********** View *************/
.bbs_view .view_head h3{font-size: 40px; font-weight: 600; letter-spacing: -1px; color: #121212; text-align: center;}
.bbs_view .view_head ul{display: flex; justify-content: space-between; align-items: center; margin: 40px 0 30px;}
.bbs_view .view_head ul li{font-size: 18px; font-weight: 500; color: #555;}
.bbs_view .view_head ul li .downView a{display: inline-flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; color: #555;}
.bbs_view .view_head ul li .downView a span{display: inline-block; margin-right: 10px; width: 20px; height: 20px; background: url('./image/file_icon.png')no-repeat center/cover;}

.bbs_view .view_content {padding: 65px 50px; font-size: 18px; letter-spacing: -0.45px; line-height: 1.66; color: #121212; border-top: 1px solid #000; border-bottom: 1px solid #c3c3c3;}

/* 버튼 공통 */
.bbs_view .view_btn{display:flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 80px 0 0; width: 100%;}
.bbs_view .view_btn li{display: flex; align-items: center;}
.bbs_view .view_btn li a{display: flex; justify-content: center; align-items: center;}
.bbs_view .view_btn li a p{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #121212;}
.bbs_view .view_btn li a span{display: inline-block;}

/* 목록버튼 */
.bbs_view .view_btn li.list_btn .btn_w {margin: 0 20px; width:130px; height: 50px; font-size: 18px; font-weight: 400; color: #000; border: 1px solid #000; border-radius: 50px; transition: all 0.3s;}
.bbs_view .view_btn li.list_btn .btn_w .icon{display: flex; flex-direction: column; justify-content: space-between; align-items: center;  margin-right: 10px; width: 12px; height: 12px;}
.bbs_view .view_btn li.list_btn .btn_w .icon span{width: 12px; height: 2px; background-color: #000; transition: all 0.3s;}
.bbs_view .view_btn li.list_btn .btn_w:hover{color: #fff; background-color: #000;}
.bbs_view .view_btn li.list_btn .btn_w:hover .icon span{background-color: #fff;}
/* 이전글, 다음글 버튼 */
.bbs_view .view_btn li.prev_btn{justify-content: flex-start; width: calc((100% - 170px) / 2);}
.bbs_view .view_btn li.prev_btn span{margin: 0 20px 0 0; width: 10px; height: 10px; background: url('./image/view_prevbtn.png')no-repeat center/cover;}
.bbs_view .view_btn li.next_btn{justify-content: flex-end; width: calc((100% - 170px) / 2);}
.bbs_view .view_btn li.next_btn span{margin: 0 0 0 20px; width: 10px; height: 10px; background: url('./image/view_nextbtn.png')no-repeat center/cover;}

@media all and (max-width:1024px){
    .bbs_view .view_head h3{font-size: 32px;}
    .bbs_view .view_head ul{margin: 25px 0;}
    .bbs_view .view_head ul li{font-size: 16px;}
    .bbs_view .view_head ul li .downView a{font-size: 16px;}

    .bbs_view .view_content {padding: 30px; font-size: 16px;}

    /* 버튼 공통 */
    .bbs_view .view_btn{margin: 50px 0 0;}
    .bbs_view .view_btn li a p{font-size: 16px;}

    /* 목록버튼 */
    .bbs_view .view_btn li.list_btn .btn_w {font-size: 16px;}
    /* 이전글, 다음글 버튼 */
    .bbs_view .view_btn li.prev_btn span{margin: 0 10px 0 0;}
    .bbs_view .view_btn li.next_btn span{margin: 0 0 0 10px;}
}
@media all and (max-width:768px){
    .bbs_view .view_head h3{font-size: 5vw;}
    .bbs_view .view_head ul{margin: 3.9vw 0;}
    .bbs_view .view_head ul li{font-size: 3.2vw;}
    .bbs_view .view_head ul li .downView a{font-size: 3.2vw;}

    .bbs_view .view_content {padding: 3.9vw 2.6vw; font-size: 3.2vw;}

    /* 버튼 공통 */
    .bbs_view .view_btn{margin: 6.5vw 0 0;}
    .bbs_view .view_btn li a p{font-size: 3.2vw;}

    /* 목록버튼 */
    .bbs_view .view_btn li.list_btn .btn_w {margin: 0 3vw; width: 20vw; height: 8vw; font-size: 3.2vw;  color: #fff; background-color: #000; border: none;}
    .bbs_view .view_btn li.list_btn .btn_w .icon{margin-right: 1.3vw;}
    .bbs_view .view_btn li.list_btn .btn_w .icon span{background-color: #fff;}
    /* 이전글, 다음글 버튼 */
    .bbs_view .view_btn li.prev_btn{width: calc((100% - 26vw) / 2);}
    .bbs_view .view_btn li.prev_btn span{margin: 0 1.3vw 0 0;}
    .bbs_view .view_btn li.next_btn{width: calc((100% - 26vw) / 2);}
    .bbs_view .view_btn li.next_btn span{margin: 0 0 0 1.3vw;}
}
@media all and (max-width:430px){
    /* 목록버튼 */
    .bbs_view .view_btn li.list_btn .btn_w .icon{width: 9px; height: 9px;}
    .bbs_view .view_btn li.list_btn .btn_w .icon span{width: 9px; height: 1px;}

    /* 이전글, 다음글 버튼 */
    .bbs_view .view_btn li.prev_btn span{width: 7px; height: 7px;}
    .bbs_view .view_btn li.next_btn span{width: 7px; height: 7px;}
}






/*********** Input *************/

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:18px 20px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px;}
.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}


.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.bbs_input th {color:#333; text-align:left; padding:8px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:8px 10px; text-align: left;}
.bbs_input td.line {border-right:1px solid #d4d4d4; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

	.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
	.subject_table td {border:none; padding:0;}
	.subject_table .cat {width:18%;}

/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:14px; font-weight:600; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}


/*********** Passwd *************/
.passwd {width:530px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:28px;}

.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding:8px 15px 3px 15px;
	color: #FFF;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #484C57;
	cursor: pointer;
	border: 1px solid #484C57;
	height:20px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 33px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
}