@charset "utf-8";

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

/*common*/
.alter{ display:inline}
.break { display:block}
.creak { display:inline}
.dreak { display:block}
.ereak { display:block}



 /*��α׸���Ʈ*/
 .board-bloglist-warp li a{padding:10px 25px 25px 33%;}
 .board-bloglist-warp li a .img{width:30%;}



/*����*/
.reserve-warp p.date{top:50px;}

.reserve-warp .calendar{width:100%; margin-right:0px; margin-bottom:40px; float:none;}
.reserve-warp .calendar table{margin-top:70px;}
.reserve-warp .calendar table thead tr th{padding:15px 0px; font-size:13px;}
.reserve-warp .calendar table tbody tr td a{padding:15px 0px; font-size:13px;}


.reserve-warp .info-input{width:100%; float:none;}
.reserve-warp .info-input table tbody th{width:100%; display:block; background:#fff; border-bottom:none; padding-bottom:5px;}
.reserve-warp .info-input table tbody th span{padding-left:8px; font-size:16px;}

.reserve-warp .info-input table tbody td input{width:95%;}
.reserve-warp .info-input table tbody td select{width:95%;}
.reserve-warp .info-input table tbody td input[type='checkbox']{width:auto;}

.reserve-warp .info-input table tbody td{width:100%; display:block; border-left:none;}
.reserve-warp .info-input table tbody td input.w15p{width:21%;}
.reserve-warp .info-input table tbody td select.w15p{width:21%;}



/*���丮��Ʈ*/
.board-photo-warp ul li{width:29.3%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
.board-photo-warp ul li.first{padding-left:2%;}

.board-photo-warp ul li a .img img{width:100%; height:auto; }



}



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

/*common*/
.alter{ display:inline}
.break { display:inline}
.creak { display:block}
.dreak { display:inline}
.ereak { display:block}


.m-none{display:none;}




/*�Խ��� �˻�*/
.board-search{padding-bottom:20px; overflow:hidden;}
.board-search .total{padding:4px 5px 4px 33px; font-size:12px; color:#41454c; background:url("../../share/cmm/img/Board/bsnum-icon.jpg") no-repeat; margin-bottom:15px; float:none;}

.board-search .search{float:none;}
.board-search .search select{width:25%; border:1px solid #dddddd; height:28px; margin-left:0px;}
.board-search .search input{width:51%; border:1px solid #dddddd; height:26px; background:#f7f7f7;; padding:0px 0px 0px 10px; margin:0px;}
.board-search .search button{width:16%; 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-warp span.bd-line{width:100%; height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}

.board-list-warp table thead th{font-size:13px; padding:18px 0px; color:#3d434c; border-bottom:1px solid #e3e3e4; background:url("../../share/cmm/img/Board/th-bg.jpg") no-repeat right #f5f5f6;}
.board-list-warp table thead th:last-child{background:#f5f5f6;}

.board-list-warp table tbody td{font-size:13px; text-align:center; padding:10px 20px; border-bottom:1px solid #e3e3e4; color:#7f7f7f;}
.board-list-warp table tbody td a:hover{color:#f65b3e; text-decoration:underline;}

.board-list-warp table tbody td span.orenge-icon{background:#f65b3e; padding:5px 10px; display:block; color:#fff;}
.board-list-warp table tbody td span.gray-icon{background:#bbbbbb; padding:5px 10px; display:block; color:#fff;}



/*�Խ��� ��*/

.board-view-warp table thead th{padding:18px 20px;}
.board-view-warp table thead th span{display:block;}
.board-view-warp table thead th p.hit{display:none;}



/*��й�ȣ Ȯ��*/
.board-password{width:100%;}
.board-password p input[type='text']{width:40%; }

/*�ؽ�Ʈ�ʵ�*/
.text-field .field{padding:10px 15px;}


/*�Խ��� �۾���*/

.board-write-warp table tbody th{width:100%; background:#fff; border-bottom:none; display:block; padding-bottom:5px;}
.board-write-warp table tbody th span{font-size:16px; padding-left:8px;}

.board-write-warp table tbody td{width:100%; border-left:none; display:block;}

.board-write-warp table tbody td input{width:95%; box-sizing:border-box; padding-left:0px;}
.board-write-warp table tbody td select{width:95%; box-sizing:border-box; padding-left:0px;}


.board-write-warp table tbody td input[type=checkbox]{width:auto !important;}

.board-write-warp table tbody td .w10p{width:29% !important;}
.board-write-warp table tbody td .w15p{width:26% !important;}
.board-write-warp table tbody td .w50p{width:70% !important;}

.board-write-warp table tbody td .c-scarlet{padding-top:5px;}

.board-write-warp table tbody td .filetype input.file-text{width:100px !important; padding-left:5px;}


/*���丮��Ʈ*/
.board-photo-warp ul li{width:46%; padding:30px 2% 0px 2%; border-bottom:1px solid #e3e3e4; float:left;}
.board-photo-warp ul li.first{padding-left:2%;}



/*��α׸���Ʈ*/
.board-bloglist-warp li a{padding:210px 25px 25px 0px;}

.board-bloglist-warp li a .img{width:100%; height:180px; overflow:hidden;}
.board-bloglist-warp li a .img img{height:auto;}

.board-bloglist-warp li a .btxt{height:29px;font-size:17px; margin-bottom:5px; margin-top:15px;}
.board-bloglist-warp li a .stxt{margin-bottom:20px;}





/*���� �Ϸ�*/
.reserve-end{width:100%; background:#f7f7f7; border:1px solid #d8dbe2; padding:100px 0px 40px 0px; text-align:center; background:url("../../share/cmm/img/Board/reserve-icon.jpg") no-repeat center 30px #f7f7f7;}
.reserve-end p.btxt{font-size:30px; padding:0px 20px 20px 20px; line-height:100%;}
.reserve-end p.stxt{font-size:15px; padding:0px 20px 30px 20px; line-height:150%; display:inline-block;}

.reserve-end a.btn{font-size:13px; padding:8px 20px; background:#f65b3f; color:#fff; display:inline-block; font-weight:600;}



/* �˻���� */

.search-result .search input{width:82%;}


/*���*/
.board-comment-warp table th{width:100%; display:block; font-size:16px; text-align:left; background:#fff; border-bottom:none;}
.board-comment-warp table th span{padding-left:8px;}


.board-comment-warp table td.w15p{width:100%;}
.board-comment-warp table td{width:100%; display:block; border-bottom:none; background:#f7f7f7;}
.board-comment-warp table td input[type='text']{width:99%; height:35px; border:none; background:#f7f7f7;}
.board-comment-warp table td.check{background:#fff; padding:10px 0px; text-align:left;}
.board-comment-warp table td.check input{margin-left:8px;}

.board-comment-warp table td textarea{background:#f7f7f7;}

.board-comment-warp table td button{height:45px;}

.board-comment-warp ul li table td.w15p{width:100%;}

}





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

/*���丮��Ʈ*/
.board-photo-warp ul li{width:100%; padding:30px 0px 0px 0px; border-bottom:1px solid #e3e3e4; float:left;}
.board-photo-warp ul li.first{padding-left:0%;}





}