@charset "utf-8";

	@media all and (max-width:1000px) {

		/*블로그리스트*/
		.bloglist-wrap li a{padding:10px 25px 25px 28%;}
		.bloglist-wrap li a .img{width:25%;}
		.bloglist-wrap.small li a{padding:20px 25px 25px 22%;}
		.bloglist-wrap.small li a .img{width:19%;}
		.bloglist-wrap.small li a .stxt{margin-bottom:20px;}

		
		/*포토리스트*/
		.photo-wrap ul li{width:29.3%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-wrap ul li.first{padding-left:2%;}
		.photo-wrap ul li a .img img{width:100%; height:auto; }


		/*포토리스트 유바세로형*/
		.photo-uva ul li{width:29.3%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-uva ul li.first{padding-left:2%;}
		.photo-uva ul li a .img img{width:100%; height:200px; }
		
		
		/*포토리스트 유바세로형*/
		.video-uva ul li{width:29.3%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.video-uva ul li.first{padding-left:2%;}
		.video-uva ul li a .img img{width:100%; height:200px; }


		
	}


	@media all and (max-width:680px) {

		/*게시판 검색*/
		.board-search{padding-bottom:20px; overflow:hidden;}
		.board-search .total{padding:4px 0px 4px 33px; font-size:12px; color:#41454c; background:url(/cmmImg/Board/bsnum-icon.jpg) no-repeat; margin-bottom:15px; float:none;}
		.board-search .search{float:none;}
		.board-search .search select{width:30%; border:1px solid #dddddd; height:28px; margin-left:0px;}
		.board-search .search input{width:43%; border:1px solid #dddddd; height:26px; background:#f7f7f7;; padding:0px 0px 0px 10px; margin:0px;}
		.board-search .search button{width:19%; height:28px; display:inline-block; text-align:center; border:0px; color:#fff; font-size:14px; font-weight:600; background:#454545; vertical-align:top;}


		/*리스트형 게시판*/
		.board-list-wrap span.bd-line{width:100%; height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}
		.board-list-wrap table thead th{font-size:13px; padding:18px 0px; color:#3d434c; border-bottom:1px solid #e3e3e4; background:url(/cmmImg/Board/th-bg.jpg) no-repeat right #f5f5f6;}
		.board-list-wrap table thead th:last-child{background:#f5f5f6;}
		.board-list-wrap table tbody td{font-size:13px; text-align:center; padding:10px; border-bottom:1px solid #e3e3e4; color:#7f7f7f;}
		.board-list-wrap table tbody td a:hover{color:#f65b3e; text-decoration:underline;}
		.board-list-wrap table tbody td span.orenge-icon{background:#f65b3e; padding:5px 10px; display:block; color:#fff;}
		.board-list-wrap table tbody td span.gray-icon{background:#bbbbbb; padding:5px 10px; display:block; color:#fff;}
		.board-list-wrap .w60p {width:78%;}



		 /* 칼럼많을떄 쓰는 반응형 테이블형 */
		.board-list-wrap .rspvn {border-bottom:1px solid #E6E6E6;padding-bottom:2px;table-layout:auto;}
		.board-list-wrap .rspvn thead {display:none;}
		.board-list-wrap .rspvn tbody {overflow:hidden;}
		.board-list-wrap .rspvn [data-cell-header]:before {content:attr(data-cell-header);float:left;width:50%;color:#333;font-weight:bold;font-size:14px;font-family:'Malgun Gothic', 맑은고딕, '돋움', dotum, sans-serif;}
		.board-list-wrap .rspvn td.num[data-cell-header]:before {font-size:14px;}
		.board-list-wrap .rspvn td:first-child, .rspvn td:first-child[data-cell-header]:before {display:none;}
		.board-list-wrap .rspvn td:first-child.no {display:block;width:100% !important;}
		.board-list-wrap .rspvn td.subject {width:100% !important;padding-left:3%; font-weight:600;color:#333; font-size:14px;}
		.board-list-wrap .rspvn td.subject[data-cell-header]:before {width:23%;}
		.board-list-wrap .rspvn tr {border-top:1px solid #ddd;padding:0px 0 0px;display:block;overflow:hidden;width:100%;}
		.board-list-wrap .rspvn tr:first-child {border-top:0;}
		.board-list-wrap .rspvn td {width:100% !important;float:left;border:0;padding:7px 10px;text-align:left; position:relative;}
		.board-list-wrap .rspvn td:after{background:#f7f7f7; width:21%; height:100%; position:absolute; left:0; top:0; display:block;border-right:1px solid #ddd; content:""; z-index:-1}
		.board-list-wrap .rspvn td[data-cell-header]:before {width:23%;}
		.board-list-wrap .rspvn td.l {padding-left:3%; text-overflow:ellipsis; width:200px ; white-space:nowrap; overflow:hidden;}
		.board-list-wrap .rspvn .m-hidden{display:none}
		.board-list-wrap .rspvn td.l a {}
		
		.board-list-wrap.amend .rspvn thead{ display: revert;}
		.board-list-wrap.amend .rspvn tr{ display: table-row;}
		.board-list-wrap.amend .rspvn td{width: auto !important; float: none;  text-align: center; position: relative; border: inherit;}
		.board-list-wrap.amend .rspvn td:after{display:none;}


		/*리스트형 게시판 li형태*/
		.board-list-hoz ul li{padding:15px 15px 15px 15px;}
		.board-list-hoz ul li p.stxt a span{width:88%;}
		.board-list-hoz ul li a.view-btn{display:none; }


		/*게시판 뷰*/
		.board-view-wrap table thead th{padding:18px 20px;}
		.board-view-wrap table thead th span{display:block;}
		.board-view-wrap table thead th p.hit{display:none;}
		.board-view-wrap ul.np-page li a.first{width:28%;}
		.board-view-wrap ul.np-page li a.ellipsis{width:72%;}


		/*비밀번호 확인*/
		.board-password{width:100%;}
		.board-password .btxt{font-size:24px; }
		.board-password .stxt{font-size:13px;}
		.board-password p input[type='password']{width:40%; }


		/*텍스트필드*/
		.text-field .field{padding:10px 15px;}


		/*게시판 글쓰기*/
		.board-write-wrap table tbody th{width:100%; background:#fff; border-bottom:none; display:block; padding-bottom:5px;}
		.board-write-wrap table tbody th span{font-size:16px; padding-left:8px;}
		.board-write-wrap table tbody td{width:100%; border-left:none; display:block;}
		.board-write-wrap table tbody td input{width:95%; box-sizing:border-box; padding-left:0px;}
		.board-write-wrap table tbody td input[type=radio]{width:auto; box-sizing:border-box; padding-right:0px;}
		.board-write-wrap table tbody td select{width:95%; box-sizing:border-box; padding-left:0px;}
		.board-write-wrap table tbody td input[type=checkbox]{width:auto !important;}
		.board-write-wrap table tbody td .w10p{width:29% !important;}
		.board-write-wrap table tbody td .w15p{width:23% !important;}
		.board-write-wrap table tbody td .w50p{width:68% !important;}
		.board-write-wrap table tbody td .w25p{width:32% !important;}
		.board-write-wrap table tbody td .c-scarlet{padding-top:5px;}
		.board-write-wrap table tbody td .filetype input.file-text{width:100px !important; padding-left:5px;}
		.board-write-wrap textarea{width:98%; box-sizing:border-box; margin:5px;}


		/*포토리스트*/
		.photo-wrap ul li{width:46%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-wrap ul li.first{padding-left:2%;}


		/*포토리스트 유바*/
		.photo-uva ul li{width:46%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-uva ul li.first{padding-left:2%;}

		/*비디오리스트 유바*/
		.video-uva ul li{width:46%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
		.video-uva ul li.first{padding-left:2%;}



		/*블로그리스트*/
		.bloglist-wrap li a{padding:25px 0 25px 0px;}
		.bloglist-wrap li a .img{width:100%; height:auto; overflow:hidden; position: relative; left:auto; top:auto;}
		.bloglist-wrap li a .img img{height:auto;}
		.bloglist-wrap li a .btxt{height:29px;font-size:17px; margin-bottom:5px; margin-top:15px;}
		.bloglist-wrap li a .stxt{margin-bottom:20px;}
		.bloglist-wrap.small li a{padding:25px 0 25px 0px;}
		.bloglist-wrap.small li a .img{width:100%; height:auto; overflow:hidden; position: relative; left:auto; top:auto;}
		.bloglist-wrap.small li a .img img{height:auto;}
		.bloglist-wrap.small li a .btxt{height:29px;font-size:17px; margin-bottom:5px; margin-top:15px;}
		.bloglist-wrap.small li a .stxt{margin-bottom:20px;}

		/* 검색결과 */
		.search-result .search input{width:82%;}

		/*댓글*/
		.comment-wrap table th{width:100%; display:block; font-size:16px; text-align:left; background:#fff; border-bottom:none;}
		.comment-wrap table th span{padding-left:8px;}
		.comment-wrap table td.w15p{width:100%;}
		.comment-wrap table td{width:100%; display:block; border-bottom:none; background:#f7f7f7;}
		.comment-wrap table td input[type='text']{width:99%; height:35px; border:none; background:#f7f7f7;}
		.comment-wrap table td.check{background:#fff; padding:10px 0px; text-align:left;}
		.comment-wrap table td.check input{margin-left:8px;}
		.comment-wrap table td textarea{background:#f7f7f7;}
		.comment-wrap table td button{height:45px;}
		.comment-wrap ul li table td.w15p{width:100%;}
		.comment-wrap ul li p.pass-text{text-align:center;}
		.comment-wrap ul li p.pass-text span.stext{margin-bottom:15px;}
	}


	@media all and (max-width:480px) {

		/*포토리스트*/
		.photo-wrap ul li{width:100%; padding:30px 0px 0px 0px; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-wrap ul li.first{padding-left:0%;}

		/*포토리스트*/
		.photo-uva ul li{width:100%; padding:30px 0px 0px 0px; border-bottom:1px solid #e3e3e4; float:left;}
		.photo-uva ul li.first{padding-left:0%;}
		.photo-uva ul li a .img img {height:auto;}

		/*포토리스트*/
		.video-uva ul li{width:100%; padding:30px 0px 0px 0px; border-bottom:1px solid #e3e3e4; float:left;}
		.video-uva ul li.first{padding-left:0%;}
		.video-uva ul li a .img img {height:auto;}
	}


	@media all and (max-width:420px){
	
		.board-list-wrap.amend{overflow-x:scroll; position:relative;}
		/* .board-list-wrap.amend .m480_scroll{width:420px;} */
		.board-list-wrap.amend:before{content:' ↔  좌우 스크롤 해주세요 '; display:block; position:absolute; top:0; left:0; width:100%; height:45px; background: #f7f7f7;  text-align: center;  line-height: 45px;  color: #afafaf;}
		.board-list-wrap.amend .m480_scroll{width:420px; margin-top:45px;} 

	}