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));}

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #666; text-decoration: none }

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 {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#ffffff; padding:7px 15px; }
.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;}
/*#name {width:390px}*/

.tmar8 {margin-top:8px;}

/* 버튼디자인 */
.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 {overflow:hidden; clear:both; margin-bottom:60px}
.cate_tab li {float:left;}
.cate_tab a {width:150px; display:block; height:46px; margin-right:9px; border:1px solid #ddd; background:#fff; text-align:center; line-height:44px; color:#000; font-weight:300;}
.cate_tab a:hover {text-decoration:none; color:#ed145b;}
.cate_tab a.hover{font-weight:400;  border-color: #ed145b; background:#ed145b; color:#fff;}

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


/*********** List *************/
.photo_list {position:relative; overflow:hidden; width:100%; max-width:1192px;}
.photo_list dl {float:left; width:225px; height:170px; margin-right:15px; position:Relative; background-color:#666;}
.photo_list dl:nth-child(5n) {margin-right:0}
.photo_list dt {background-color:#ed145b; overflow:hidden;}
.photo_list dt img {width:100%; background-size:cover; background-position:center; display:block; line-height:1; transform: scale(1);transition:all 0.4s linear;}
.photo_list dd {position:absolute; left:0; top:0;  padding:20px; box-sizing:Border-box; width:100%; height:100%; transition:all 0.2s linear;}
.photo_list dd .name {font-size:16px; color:#fff; line-height:120%;transition:all 0.2s linear;}
.photo_list dd .job {font-size:16px; margin:8px 0 0; color:#fff;}
.photo_list dd .job span {position:relative; margin-left:10px;}
.photo_list dd .job span:after {content:'|'; position:absolute; top:0; left:-5px;}
.photo_list dd span.more {position:absolute; left:20px; bottom:0; font-size:12px; color:rgba(255,255,255,0.6); opacity:0;transition:all 0.2s linear;}
.photo_list dd span.more img {width:4px; margin-left:5px}
.photo_list dl:hover {}
.photo_list dl:hover dt img {opacity:0.2; transform: scale(1.1); transition:all 0.4s linear;}
.photo_list dl:hover dd span.more {opacity:1; bottom:20px;transition:all 0.2s linear;}

.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.3pt; 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.left img {width:120px; 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 */
.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}

/* 페이지 넘버 */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

/* 검색바 */
.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;}
	.searchArea > dl.bbs_search dt select::-ms-expand {display:none}
	.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_search {text-align:center; padding-top:20px}
.bbs_search dt {display:inline-block;}
.bbs_search dt select{width:100px;}
.bbs_search dd {display:inline-block; vertical-align:top;}*/

/* 하단 버튼 */
.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 {display:block; width:200px; padding:20px 0; border:1px solid #000; color:#000000; font-size:1.143rem; line-height:100%; letter-spacing:0; text-align:center; transition:all 0.3s; position:relative; left:50%; transform:translateX(-50%); margin:60px 0 20px 0;}
.bbs_btn.user:hover {background:#ed145b; color:#fff; border-color:#ed145b; transition:all 0.3s;}

/*********** View *************/
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; }
.bbs_view th {color:#333; text-align:left; padding:13px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_view th.subject {font-size:16px; padding:13px 15px; border-top:1px solid #222; border-right:none;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:13px 15px; text-align: left;}
.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{padding:15px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}

.bbs_view2 {max-width:100%;}
.bbs_view2 img {max-width:100% !important; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.bbs_view2 .bbsView_top {}
.bbs_view2 .bbsView_top img {max-width:100%;}
.bbs_view2 .bbsView_middle {padding:80px 0 0; width:98%; margin:0 auto; overflow:hidden; clear:both;}

.bbsView_middle .info {width:100%; margin-bottom:2.5rem;}
.bbsView_middle .info h5 {line-height:1; font-size:1.786rem; font-weight:700; color:#000000; letter-spacing:-0.7pt; margin:0 0 14px;}
.bbsView_middle .info ul {font-size:0; margin:0 0 13px}
.bbsView_middle .info ul + ul{margin:-10px 0 13px;}
.bbsView_middle .info li {display:inline-block; font-size:1.143rem; color:#000000; letter-spacing:-0.3pt; }
.bbsView_middle .info li::after {display:inline-block; content:"ㅣ";  margin:0 3px;}
.bbsView_middle .info li:last-child::after {display:none; }
.bbsView_middle .info .email {font-size:1.286rem; color:#ed145b; padding:0 0 0 26px; background:url('image/mail_icon.png') no-repeat 1px 9px; font-weight:400;}
.bbsView_middle .info .email a {font-size:1.286rem; color:#ed145b; font-weight:400;}
.bbsView_middle .info .home{font-size:1.286rem; color:#ed145b; padding:0 0 0 26px; background:url('image/home_icon.png') no-repeat left 6px; font-weight:400; margin:3px 0 0}
.bbsView_middle .info .home a{font-size:1.286rem; color:#ed145b; font-weight:400;}

.bbsView_middle .info .cont {color:#000000; letter-spacing:-0.3pt; margin:25px 0 0; line-height:200%;}	
.bbsView_middle .info .cont p {color:inherit; letter-spacing:inherit; line-height:inherit;}

.bbsView_middle .interlocked {width:100%; margin-bottom:2.5rem;}
.bbsView_middle .interlocked h6 {color:#333333; line-height:100%; font-family:"Kanit", "Noto Sans KR", Sans-serif; font-size:24px; font-weight:500; margin: 0 0 17px}
.bbsView_middle .interlocked h6 .addBtn{float:right; background:#fff; border:1px solid #333; font-size:12px;  padding:3px 7px; cursor:pointer; transition:all 0.2s linear; margin-top:1px; letter-spacing:-0.3pt;}
.bbsView_middle .interlocked h6 .addBtn:hover {color:#ed145b; border-color:#ed145b; transition:all 0.2s linear;}
.bbsView_middle .interlocked .overflow {}/* height:272px; overflow:hidden; */
.bbsView_middle .interlocked li {line-height:30px; letter-spacing:-0.3pt; color:#000000;}

.bbs_view2 .bbsView_btm {padding:90px 0 0; width:98%; margin:0 auto;}
.bbs_view2 .bbsView_btm ul {display:block; width:100%; overflow:hidden;}
.bbs_view2 .bbsView_btm ul li {float:left; width:49%; box-sizing:border-box; margin:0 2% 2% 0;}
.bbs_view2 .bbsView_btm ul li:nth-child(2n) {margin:0 0 1% 0;}
.bbs_view2 .bbsView_btm ul li img {width:100% !important;}

.bbsView_table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; }
.bbsView_table tr {border-bottom:1px solid #ddd;}
.bbsView_table tr:last-child {border-color:#000;}
.bbsView_table th {text-align:left; padding:24px 20px 24px 65px; color:#000;}
.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_notice{border:1px solid #eaeae9; background-color:#f9f9f9; padding:22px 25px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 10px 0;}
.input_notice h4 span{color:#ed145b; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px; border:1px solid #eaeae9;; background:#fff;  padding:15px; height:auto;}
.input_notice p.point{color:#ed145b;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: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%;}
	.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
	.subject_table td {border:none; padding:0;}
.bbs_input td span.cat {display:inline-block; width:20%;}
.bbs_input td span.cat .select{width:100%; height:44px;}
.bbs_input td span.cat + .input_l{width:75%;}

.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.25s linear;}


.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%;
}


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

.bbs_view2 .bbsView_middle {padding:50px 0 0; width:96%;}
.bbs_view2 .bbsView_btm {padding:50px 0 0; width:96%;}
.bbs_btn.user {margin:40px 0 20px 0;}

}