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; border:none; color:#666; 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; }
.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:32.5%; height:50px; border-color:#000000; color:#000000; font-size:1rem; line-height:48px; letter-spacing:0; box-sizing:border-box;}
.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:10px; list-style:none;}
.cate_tab li {float:left; width:25%; list-style:none;}
.cate_tab a {width:99%; display:block; height:44px; border:1px solid #ddd; background:#fff; text-align:center; line-height:44px; color:#000; font-weight:300; box-sizing:Border-box;}
.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: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;}


/* 검색바 */
.searchArea {overflow:hidden; clear:both; margin:0 0 20px}
.searchArea > p {line-height:39px; color:#000; margin-top:20px;}
.searchArea > p strong{font-family:"Kanit", "Noto Sans KR", Sans-serif; font-weight:500; color:#000000}
.searchArea > dl {position:relative; width:100%; overflow:hidden; font-size:0;}
.searchArea > dl.bbs_search dt {display:inline-block; width:32%; margin-right:2%; font-size:1rem; vertical-align:middle;}
.searchArea > dl.bbs_search dt select {width:100%; border:none; border-bottom:1px solid #000; padding:0; height:41px; line-height:41px;  vertical-align:middle; font-size:1rem; 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; width:66%; vertical-align:middle; font-size:1rem;}
.searchArea > dl.bbs_search dd .btnSearch {width:19px; height:19px; background:url('image/search_icon.gif') no-repeat right center; border:none; overflow:hidden; text-indent:-9999px; padding:0; margin-left:10px; cursor:pointer;}
.searchArea > dl.bbs_search dd input.search_input {border:none; border-bottom:1px solid #000000; width:calc(100% - 40px); height:39px; line-height:39px; font-size:1rem; font-family:"Kanit", "Noto Sans KR", Sans-serif; color:#333; font-weight:300; }
.searchArea > dl.bbs_search dd input.search_input::-webkit-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd input.search_input:-ms-input-placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }
.searchArea > dl.bbs_search dd input.search_input::placeholder {color:#888888; font-weight:300; font-family:"Kanit", "Noto Sans KR", Sans-serif; }

.searchArea p.total{line-height:120%; margin-top:30px; }

/*********** List *************/
.thumb_list {position:relative; overflow:hidden; border-top:1px solid #ddd; margin-bottom:60px;}
.thumb_list p.notice {padding:0 20px; box-sizing:border-box; width:100%; height:40px; background-color:#F6F6F6; text-align:right; line-height:40px; font-size:1rem ; letter-spacing:-0.52px; color:#505050;}
.thumb_list dl {position:relative; width:100%; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #ddd; display:flex; }
.thumb_list dt {width:180px; vertical-align:top; }
.thumb_list dt img {width:100%; height:134px; background-size:contain; background-position:center; background-repeat:no-repeat; }
.thumb_list dd {width:calc(100% - 180px); position:relative; vertical-align:middle; box-sizing:border-box; padding:0 0 0 20px}
.thumb_list dd .subtitle {display:inline-block; font-family: 'Kanit', sans-serif; font-size:1rem; color:#ed145b; font-weight:500; margin-bottom:15px;}
.thumb_list dd .new_icon {margin-left:10px;}
.thumb_list dd .new_icon img {vertical-align:top; margin-top:5px;}
.thumb_list dd .title {margin-bottom:10px; font-size:1.143rem; line-height:130%; color:#000 !important; font-weight:500; display:block; box-sizing:border-box; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical; word-wrap:break-word;/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}

.thumb_list dd .title a {font-size:1.143rem; line-height:100%; color:#000 !important; font-weight:500;}
.thumb_list dd .date {display:inline-block; font-family: 'Kanit', sans-serif; color:#999; font-weight:200; margin-top:15px;}
.thumb_list dd div.cont {display:block; box-sizing:border-box; color:#000; font-size:1.143rem; line-height:150%; font-weight:300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical; word-wrap:break-word;/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}

.table_list {width:100%; border-collapse:separate; border-spacing:0;}
.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.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:40px 0 0}
.pageNum ul {font-size:0; margin:0 0 12px}
.pageNum li {display:inline-block; font-size:1rem; font-family:"Kanit", "Noto Sans KR", Sans-serif;  font-weight:300; color:#000;}
.pageNum li:first-child::after{content:"/"; display:inline-block; font-size:1rem; 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}


/* 하단 버튼 */
.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:60px 0; padding:0; text-align:center;}


/*********** View *************/
.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 .sns_wrap {position:absolute; bottom:32px; right:0; z-index:5;}
.bbs_view .sns_wrap ul {position:relative; display:inline-block; overflow:hidden;}
.bbs_view .sns_wrap li {float:left; margin-left:20px; list-style:none; padding:0;}
.bbs_view .sns_wrap li a {display:block; line-height:1;}
.bbs_view .sns_wrap li img {margin:0;}
.bbs_view th.subject {font-size:1.429rem; color:#000; letter-spacing:-0.2pt; font-weight: 600; padding:35px 0px; border-top:1px solid #000; border-right:none; box-sizing:border-box; line-height:130%;}
.bbs_view th.subject:after {display:none;}
.bbs_view th.subject .title {margin-bottom:15px; }
.bbs_view th.subject .date {display:inline-block; font-size:1rem; color:#000; font-weight:300; line-height:100%; margin-top:10px;}
.bbs_view th.subject .count {font-size:1rem; color:#000; font-weight:300; margin-left:30px; background:url('/img/count.png') left center no-repeat; padding-left:30px; line-height:100%;}
.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:1rem; 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:1rem; 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;width:auto !important; max-width:100% !important;  }
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content img {max-width:100% !important; height:auto !important;}
.bbs_view td.view_content table{max-width:100%}

.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 40px; color:#000; font-weight:400; position:Relative; }
.bbsView_table th i {display:block; width:1px; height:15px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-7.5px;}
.bbsView_table th.prev{background:url('/img/prev_icon.png') no-repeat 10px center;}
.bbsView_table th.next{background:url('/img/next_icon.png') no-repeat 10px 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%;}
.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 320px~ 460px
*******************************************************************************/
@media all and (max-width:480px) {

/*********** List *************/
.thumb_list {margin-bottom:40px;}
.thumb_list dt {width:120px;}
.thumb_list dt img {width:120px; height:90px;}
.thumb_list dd {width:calc(100% - 120px); padding:0 0 0 15px}
.thumb_list dd .subtitle {margin-bottom:10px;}
.thumb_list dd .new_icon {margin-left:5px;}
.thumb_list dd .title {margin-bottom:5px}
.thumb_list dd .date {margin-top:10px;}

}