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:1rem; color: #666; line-height: 150%; }

input[type=text]::-ms-clear {display: none;}
/*********** 공통 css *************/
select, .select {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:5px 15px; height:44px;}
.input {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px 15px; height:44px; box-sizing:border-box; }
.search_input {font-size:1rem; color: #666; border: #d4d4d4 1px solid; background-color: #ffffff; padding:5px 15px; height:44px; box-sizing:border-box; }
.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;}

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:190px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:36px; line-height:36px; width:80px; border:1px solid #ccc; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.25s linear;}

.btn_w.user{width:200px; height:60px; border-color:#000000; color:#000000; font-size:16px; line-height:58px; letter-spacing:0; }
.btn_w.user:hover{background:#ed145b; color:#fff; border-color:#ed145b; }


.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:36px; line-height:36px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
.btn_b:hover  {background:#333; border:1px solid #333; color:#fff; transition:all 0.25s linear;}
.btn_b_s {display:inline-block; text-align:center; cursor:pointer; height:36px; color:#fff; width:70px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s;}
.btn_b_s:hover  {background:#222; border:1px solid #222; transition:all 0.3s;}

input.btn_w {text-align:center; height:36px; line-height:30px; width:80px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
input.btn_w:hover {color:#333; border:1px solid #333; transition:all 0.25s linear;}
input.btn_b {text-align:center; height:36px; width:80px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.25s linear;}
input.btn_b:hover {background:#333; border:1px solid #333; transition:all 0.25s linear;}


/* 카테고리 */
.cate_tab {text-align:center; font-size:0; margin:0 0 40px !important;}
		.cate_tab li{display:inline-block; margin:0 25px;}
		.cate_tab li a{color:#666666; font-size:18px; font-family:"Kanit", "Noto Sans KR", Sans-serif; font-weight:400;}
		.cate_tab li a:hover{color:#000;}
		.cate_tab li a.hover{color:#000000; font-weight:700;}


div.all_check {background:#f6f6f6; padding:7px; border:1px solid #ddd; width:85px; margin-bottom:15px;}
div.all_check form {float:left;}
div.all_check input[type=checkbox] {margin-right:8px; vertical-align:top;}

/* 페이지 */
.counter {position:relative; top:65px; display:inline-block; font-size:16px; color:#000; font-weight:400;}
.counter span {font-weight:600;}

/*********** List *************/
.mgz_list {width:98%; margin:0 auto; overflow:hidden; clear:both; }
.mgz_list ul {width:100%; overflow:hidden;}
.mgz_list ul li {float:left; width:50%; text-align:center; position:Relative; list-style:none;}
.mgz_list ul li a {display:block; height:100%;}
.mgz_list ul li figure {width:90%; max-width:276px; margin: 0 auto 54px auto; position:Relative;}
.mgz_list ul li figure > p {position:absolute; left:0; bottom:0; width:100%; max-width:275px; height:100%; padding-right:3%; z-index:3; box-sizing:border-box;}
.mgz_list ul li figure > p img {width:100%; max-width:266px; margin:3.5% 3% 0 0; background-size:cover; background-position:Center; }
.mgz_list ul li figure > strong {display:block; color:#000; font-size:1.286rem; text-align:left; font-weight:400; padding:15px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	
.table_list{width:100%; border-collapse:collapse; border-spacing:0px;  }
.table_list thead{border-bottom:1px solid #000000; border-top:1px solid #000000; }
.table_list thead th{font-weight:700; color:#000; letter-spacing:-0.25pt; padding:21px 0;}
.table_list tbody tr:hover{background:#f9f9f9; }
.table_list tbody tr td.cont{padding:15px 0; text-align:center; border-bottom:1px solid #ddd; }
.table_list tbody tr td.cont dl{display:table; width:100%;}
.table_list tbody tr td.cont dt{display:Table-cell; width:100px; vertical-align:top;}
.table_list tbody tr td.cont dd{display:Table-cell; padding:0 0 0 50px; vertical-align:middle; color:#000000; }
.table_list tbody tr td.cont.left img{width:100px; height:134px; background-size:cover; background-position:Center; display:inline-block; vertical-align:middle; margin-right:15px;}
.table_list tbody tr td.left{text-align:left; }
.table_list tbody tr td table{margin:0 auto; }

/* page_num */
.page_num{padding:20px 0;}
.pageNum{text-align:Center; margin:80px 0 0}
.pageNum ul{font-size:0; margin:0 0 12px}
.pageNum li{display:inline-block; font-size:16px; font-family:"Kanit", "Noto Sans KR", Sans-serif;  font-weight:300; color:#000;}
.pageNum li:first-child::after{content:"/"; display:inline-block; font-size:16px; font-family:"Kanit", "Noto Sans KR", Sans-serif;  font-weight:300; color:#000; margin:0 3px;}
.pageNum a{color:#000; text-decoration:underline;}
.pageNum a::after{content:""; display:inline-block; width:10px; height:5px; background:url('image/more_arrow.gif') no-repeat center; vertical-align:middle; margin:0 0 2px 10px}

/* 검색바 */
.searchArea{overflow:hidden; clear:both; margin:0 0 57px}
.searchArea > p{float:left; line-height:39px; color:#000; }
.searchArea > p strong{font-family:"Kanit", "Noto Sans KR", Sans-serif; font-weight:500; color:#000000}
.searchArea > dl {float:right; font-size:0}
.searchArea > dl.bbs_search dt {display:inline-block; font-size:1rem; vertical-align:middle; margin:0 15px 0 0;}
.searchArea > dl.bbs_search dt select{min-width:150px; border:none; border-bottom:1px solid #000000;padding:0; height:39px; line-height:39px;  vertical-align:middle; font-size:16px; color:#000; text-indent:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('image/more_arrow.gif') no-repeat right 2px center; font-weight:300;}
.searchArea > dl.bbs_search dt select::-ms-expand {display:none}
.searchArea > dl.bbs_search dt select.gray{color:#a3a3a3;background-image:url('image/more_arrow_g.gif'); }
.searchArea > dl.bbs_search dd {display:inline-block; vertical-align:middle; font-size:1rem; }
.searchArea > dl.bbs_search dd .btnSearch {width:19px; height:19px; background:url('image/search_icon.gif') no-repeat center; border:none; overflow:hidden; text-indent:-9999px; padding:0; margin:0;cursor:pointer;}
.searchArea > dl.bbs_search dd .search_input{border:none; border-bottom:1px solid #000000;padding:0; width:200px; height:39px; line-height:39px; font-size:16px; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#333;font-weight:300; }
.searchArea > dl.bbs_search dd .search_input::-webkit-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd .search_input:-ms-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd .search_input::placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }


/* 하단 버튼 */
.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;}

.bbs_btn.user{margin:120px 0 0; padding:0; text-align:center; }

/*********** View *************/
.bbs_view2{margin:18px 0; position:relative; }

.bbs_view2 .sns_wrap {position:absolute; top:15px; right:2%;}
.bbs_view2 .sns_wrap ul {overflow:hidden;}
.bbs_view2 .sns_wrap li {float:left; margin-left:20px;}
.bbs_view2 .sns_wrap li a {display:inline-block; vertical-align:middle; line-height:1;}
.bbs_view2 .sns_wrap li img{margin:0; }

.bbs_view2 h3{text-align:Center; font-size:2.857rem; line-height:120%; color:#333333;font-weight:500;  font-family:"Kanit", "Noto Sans KR", sans-serif; margin-bottom:50px; padding-top:50px;}
.bbs_view2 h3 span{display:block; margin:6px auto 0; text-transform:uppercase; color:#333; line-height:100%; font-weight:200; font-size:1.571rem;}
.bbs_view2 h5.dep_tit{line-height:100%;font-family:"Kanit", "Noto Sans KR", sans-serif;  font-weight:500; color:#000000; font-size:1.571rem; padding:0 0 16px;}

.bbs_view2 .bbsView2_top { position:relative; overflow:hidden; padding:0 0 40px;}

.bbsView2_top .width {width:100%; margin:0 auto; }
.bbsView2_top .img {position:relative;}
.bbsView2_top .img .roll {text-align:center;}
.bbsView2_top .img .roll p {width:100%; height:528px; background-size:cover; background-repeat:no-repeat; background-position:center top;} /* box-shadow:20px 20px 10px rgba(0,0,0,0.08);  */
.bbsView2_top .img .roll img{width:100%; height:auto; background-size:contain; background-repeat:no-repeat; background-position:center top;}
.bbsView2_top .img .slick-list{width:100%; }
.bbsView2_top .img .slick-arrow{width:37px; height:74px; border:none; margin:0; padding:0; text-indent:-999999px; overflow:hidden; position:absolute; top:50%; margin-top:-37px; z-index:900; cursor:pointer;}
.bbsView2_top .img .slick-prev{left:2%; background:url('image/arrowBk_prev.png') no-repeat center; }
.bbsView2_top .img .slick-next{right:2%; background:url('image/arrowBk_next.png') no-repeat center; }
.bbsView2_top::after{content:""; position:absolute; right:0; top:0; z-index:500; width:190px; height:100%; background: rgba(255,255,255,0);background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }

.bbs_view2 .bbsView2_cont {width:100%; padding:0 2%; box-sizing:border-box; margin:0 auto 0; line-height:30px;}
.bbs_view2 .bbsView2_cont .cont {width:100%; box-sizing:border-box; color:#000; letter-spacing:-0.25px; padding-bottom:50px;}
.bbs_view2 .bbsView2_cont .cont p {color:#000; letter-spacing:-0.25px; line-height:30px;}
.bbs_view2 .bbsView2_cont .table {width:100%;}
.bbsView2_cont .table dl{width:100%; overflow:hidden; clear:Both; background:url('image/dash.png') repeat-x left bottom 12px; margin:0 0 8px;margin:0 0 8px; display:Table; }
.bbsView2_cont .table dt{display:table-cell;  width:45px; font-family:"Kanit", "Noto Sans KR", sans-serif;  font-size:1.128rem; font-weight:300; color:#333333;padding-left:15px;box-sizing:border-box; background:#fff;text-align:right; vertical-align:bottom; line-height:150%;}
.bbsView2_cont .table dd span{background:#fff; padding-right:15px; font-size:1.128rem; font-family:inherit; line-height:inherit; letter-spacing:0.2pt; }
.bbsView2_cont .table dd{display:table-cell;  width:calc(100% - 45px); font-family:"Kanit", "Noto Sans KR", sans-serif;  font-size:1.128rem; font-weight:300; color:#333333;  line-height:15

.bbsView2_cont ul {padding:68px 0 0;}
.bbsView2_cont li {vertical-align:middle; font-family:"Kanit", "Noto Sans KR", sans-serif;  font-size:17px; font-weight:300; color:#333333; margin:0 0 14px;}
.bbsView2_cont li h5.dep_tit{display:inline-block;vertical-align:middle; padding:0; margin:0 10px 2px 0;}
.bbsView2_cont li.copyright {font-size:16px; color:#999999; letter-spacing:-0.25pt; line-height:30px; padding:40px 0}
.bbsView2_cont li.team {}
.bbsView2_cont li.team h6 {font-weight:500; color:#000000; letter-spacing:-0.35pt; font-size:16px; margin:0 0 5px}
.bbsView2_cont li.team span { font-family:"Kanit", "Noto Sans KR", sans-serif; font-size:16px; color:#ed145b; }
.bbsView2_cont li.team span.tel {background:url('image/tel_icon.gif') no-repeat left center; padding:0 20px 0 24px}
.bbsView2_cont li.team span.email {background:url('image/mail_icon.gif') no-repeat left center; padding:0 0 0 23px;}

.bbs_view {width:100%; border-collapse:separate; border-spacing:0px;}
.bbs_view th {position:relative; font-size:16px; color:#000; font-weight:400; text-align:left; padding:25px 0px 25px 30px; border-bottom:1px solid #ddd;}
.bbs_view th img {vertical-align:center; margin-right:20px;}
.bbs_view th:after {content:''; width:1px; height:20px; background-color:#ddd; position:absolute; top:27px; right:0;}
.bbs_view th.subject {font-size:28px; color:#000; letter-spacing:-0.2pt; font-weight: 600; padding:45px 0px; border-top:1px solid #000; border-right:none; box-sizing:border-box;}
.bbs_view th.subject:after {display:none;}
.bbs_view th.subject .title {margin-bottom:15px;}
.bbs_view th.subject .date {font-size:16px; color:#000; font-weight:300;}
.bbs_view th.subject .count {font-size:16px; color:#000; font-weight:300; margin-left:30px;}
.bbs_view th.subject .count img {margin-right:10px;}
.bbs_view th.next_title {border-bottom:1px solid #000;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:25px 20px; }
.bbs_view td.cont a {font-size:16px; color:#000 !important; font-weight:400; text-align: left;}
.bbs_view td.next {border-bottom:1px solid #000;}
.bbs_view td.view_detail {color:#888; overflow:hidden; border-bottom:1px solid #ddd; padding:13px 15px;}
.bbs_view td.view_detail p {float:left; width:50%;}
.bbs_view td.view_content {font-size:18px; color:#000; line-height:32px; font-weight:300; padding:50px 0px; word-break:break-all; box-sizing:border-box;}
.bbs_view td.view_content * {box-sizing:border-box; word-break:break-all; word-wrap:break-all;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content img {max-width:910px;}
.bbs_view td.view_content table{max-width:100%}

.bbs_view .sns_wrap {position:absolute; top:30px; right:0;}
.bbs_view .sns_wrap ul {overflow:hidden;}
.bbs_view .sns_wrap li {float:left; margin-left:20px;}
.bbs_view .sns_wrap li a { display:block; line-height:1;}
.bbs_view .sns_wrap li img{margin:0;}

.bbsView_table{width:100%; border-collapse:collapse; border-spacing:0px; }
.bbsView_table tr{border-bottom:1px solid #ddd;}
.bbsView_table tr:first-child{ border-top:1px solid #ddd;}
.bbsView_table tr:last-child{border-color:#000;}
.bbsView_table th{text-align:left; padding:24px 20px 24px 65px; color:#000; font-weight:400;}
.bbsView_table th i{display:block; width:1px; height:15px; background:#ddd; float:right; margin-right:-20px}
.bbsView_table th.prev{background:url('/img/prev_icon.png') no-repeat 30px center;}
.bbsView_table th.next{background:url('/img/next_icon.png') no-repeat 30px center;}
.bbsView_table td.cont{ padding:24px 20px; color:#000;}	
.bbsView_table td.cont a{color:#000;}


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

.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:12px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:12px 15px; 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%;}
.bbs_input td .cat {display:inline-block; width:18%;}
.bbs_input td .cat select{width:100%;}
.bbs_input td .cat + .input_l{width:70%;}

.bbs_input .interlocked{width:100%; border-collapse:separate; border-spacing:0px; }
.bbs_input .interlocked th{border:none; text-align:center; background:#333; color:#fff;}
.bbs_input .interlocked td{text-align:center;}
.bbs_input .interlocked td.left{text-align:left; }
.bbs_input td .scrBox{overflow-y:scroll; max-height:250px;}

p.bbsRemark{color:#ed145b; font-weight:700; padding:5px 0 0}
td.bbsRemark{color:#ed145b; font-weight:700;}
span.bbsRemark{color:#ed145b; font-weight:700; padding:0 0 0 5px;}


/* 동의폼 */
.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:inherit;
	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%;
}



/*******************************************************************************
	@media 321~480px
*******************************************************************************/
@media all and (max-width:480px){

.mgz_list ul li figure > strong {font-size:1.143rem;}

.bbsView2_top .img .slick-arrow{width:20px; height:40px; margin-top:-20px; background-size:cover;}
.bbsView2_top .img .slick-prev{left:3%; }
.bbsView2_top .img .slick-next{right:3%; }

.bbs_view2 .bbsView2_cont {padding:0 3%;}

}