@charset "utf-8";

label{cursor:pointer}

/*common*/


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


.c-scarlet{color:#f65b3e;}
.c-blue{color:#216ee1}
.c-dgray{color:#3d434c;}



table{width:100%;}


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


.board-search{padding-bottom:20px; overflow:hidden;}

.board-search .total{padding:4px 4px 4px 33px; font-size:12px; color:#41454c; background:url("../../share/cmm/img/Board/bsnum-icon.jpg") no-repeat; float:left;}

.board-search .search{float:right;}
.board-search .search select{border:1px solid #dddddd; padding-right:10px; height:28px;}
.board-search .search input{width:200px; border:1px solid #dddddd; height:26px; background:#f7f7f7; padding:0px 0px 0px 10px; margin:0px;}
.board-search .search button{width:auto; display:inline-block; height:28px; padding:0px 10px; color:#fff; font-size:14px; font-weight:600; background:#454545; vertical-align:top; border:0px; cursor: pointer;}




.board-list-warp .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}

.board-list-warp table thead th{text-align:center;font-size:14px; padding:14px 0px; color:#3d434c; border-bottom:1px solid #ccc; background:left#f5f5f6;}
.board-list-warp table thead th:first-child{background:#f5f5f6;}

.board-list-warp table tbody th{font-size:13px; text-align:center; padding:10px 20px; border-bottom:1px solid #e3e3e4; color:#3d434c; background:#f7f7f7;}
.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.answer-end{background:#f65b3e; padding:8px 10px; display:block;  color:#fff;}
.board-list-warp table tbody td span.answer-ready{background:#bbbbbb; padding:8px 10px; display:block; color:#fff;}
.board-list-warp .cw-btn{height:28px}
.board-list-warp .cw-btn span{padding:9px 10px}
.board-list-warp .cw-btn span.win{padding-right:34px; background-position:right center !important}
.board-list-warp input[type=checkbox]{cursor:pointer}


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

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



}



.table-type01 .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}

.table-type01 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 left #f5f5f6;}
.table-type01 table thead th:first-child{background:#f5f5f6;}
.table-type01 table tbody th{font-size:13px; text-align:center; padding:13px 20px; border-bottom:1px solid #e3e3e4; color:#3d434c; background:#f7f7f7;}

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



.board-view-warp .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}
.board-view-warp input{display:inline-block; vertical-align:top}
.board-view-warp table thead th{text-align:left; padding:18px 20px 18px 20px; color:#3d434c; border-bottom:1px solid #e3e3e4; background:#f5f5f6; position:relative;}
.board-view-warp table thead tr th:first-child{border-left:0}
.board-view-warp table thead tr th{border-left:1px solid #e3e3e4}
.board-view-warp table tbody tr th:first-child{border-left:0}
.board-view-warp table tbody tr th{border-left:1px solid #e3e3e4}
.board-view-warp table thead th p.btxt{font-size:15px; padding-bottom:5px;}
.board-view-warp table thead th span{font-size:13px; padding-right:20px; font-weight:500;}
.board-view-warp table thead th p.hit{position:absolute; top:50%; margin-top:-26px; right:20px; background:#fff; border:1px solid #dddddd; color:#666666; font-size:12px; text-align:center; padding:10px 8px;}
.board-view-warp table thead th p.hit span{display:block; padding-right:0px;}
.board-view-warp table tbody th{background:#f7f7f7; border-bottom:1px solid #e3e3e4; padding:13px 20px;}
.board-view-warp table tbody th a:hover{color:#f65b3e;}
.board-view-warp table tbody td{font-size:13px; vertical-align:middle;padding:13px 20px; border-bottom:1px solid #e3e3e4; color:#3d434c; border-left:1px solid #e3e3e4;}
.board-view-warp table tbody td:first-child{border-left:none;}
.board-view-warp table tbody td.editor-data-box{font-size:14px; padding:35px 20px; line-height:160%;}
.board-view-warp table tbody td a:hover{color:#f65b3e;}


.board-view-warp .cw-btn{height:30px}
.board-view-warp .cw-btn span{padding:10px 10px}

.board-view-warp .cp-btn{height:30px}
.board-view-warp .cp-btn span{padding:10px 10px}

.board-view-warp .cg-btn{height:30px}
.board-view-warp .cg-btn span{padding:10px 10px}

.board-view-warp .cdp-btn{height:30px}
.board-view-warp .cdp-btn span{padding:10px 10px}



.file-btxt, .file-add, .file-add a img, .file-add a span{ display:inline-block;}
.file-add, .file-add img {margin-left:5px; display:inline-block; vertical-align:top;}
.file-add, .file-add span {margin-left:5px; display:inline-block; line-height:21px; vertical-align:top;}



.board-password{width:70%; margin:0 auto; background:#f7f7f7; border:1px solid #d8dbe2; padding:80px 0px; text-align:center;}
.board-password .btxt{font-size:26px; padding-bottom:10px; line-height:110%}
.board-password .stxt{font-size:15px; padding-bottom:30px;}
.board-password p input[type='text']{width:30%; height:30px; background:#f7f7f7; border:1px solid #cbcbcb; vertical-align:top; padding:0px 0px 0px 10px; margin:0px;}
.board-password p input[type='button']{font-size:13px; height:32px; background:#f65b3f; border:none; vertical-align:top; padding:0px 10px; color:#fff; cursor:pointer;}



.text-field{background:#f7f7f7; border:1px solid #d8dbe2; overflow-y:auto;}
.text-field .field{padding:20px 25px; font-size:13px; color:#767683; line-height:180%;}




.board-write-warp .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}
.board-write-warp textarea{margin:5px 5px}

.board-write-warp table tbody th{background:#f7f7f7; border-bottom:1px solid #e3e3e4; padding:13px 0px; text-align:left;}
.board-write-warp table tbody th span{padding-left:15px;}
.board-write-warp table tbody th span.nec{padding-right:15px; background:url("../../share/cmm/img/Board/ico_nec.png") no-repeat right 4px;}

.board-write-warp table tbody td{padding:8px 0px; border-bottom:1px solid #e3e3e4; border-left:1px solid #e3e3e4;}
.board-write-warp table tbody td:first-child{border-left:none;}
.board-write-warp table tbody td a:hover{color:#f65b3e;}
.board-write-warp table tbody td input,select{border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f7f7; height:28px; font-size:13px;}
.board-write-warp table tbody td label{font-size:13px;}
.board-write-warp table tbody td .filetype {position: relative; display:inline-block; vertical-align:top;}
.board-write-warp table tbody td .filetype input.file-text {position: relative; width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; background:#f7f7f7; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.board-write-warp table tbody td .filetype .file-select {position: absolute; top:0px; right:0px; width:92px; overflow:hidden; opacity:0.2;}
.board-write-warp table tbody td .filetype .file-select .input-file {width:90px; height:30px; filter: alpha(opacity=0); opacity:0; margin-left:0px; padding-left:0px; cursor: pointer;}
.board-write-warp table tbody td .filetype .file-btn{display:inline-block; background: #3d434c; height:30px; line-height:28px; padding:0px 20px; color:#fff; cursor: pointer;}




.board-photo-warp .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}

.board-photo-warp {overflow:hidden; background:url("../../share/cmm/img/Board/gray_line.jpg") repeat-x bottom;}
.board-photo-warp ul li{width:18.4%; padding:30px 0 0 2%; border-bottom:1px solid #e3e3e4; float:left; min-height:250px;}
.board-photo-warp ul li.first{padding-left:0px;}
.board-photo-warp ul li a{display:block; margin-bottom:35px; position:relative;}
.board-photo-warp ul li a .img{position:relative; display:block; width:100%;overflow:hidden; height:280px; margin-bottom:15px; background:url("../../share/cmm/img/Board/photo-blank.jpg") no-repeat center #e8e8e8;}
.board-photo-warp ul li a .img img{width:auto; height:100%; }
.board-photo-warp ul li a .over{position:absolute; top:0px; left:0px; display:block; opacity:0;width:100%; height:170px;background:rgba(246,91,63,0.8); text-align:center; line-height:140%; color:#fff; padding-top:110px; font-size:16px; 
								-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
								}
.board-photo-warp ul li a:hover .over{opacity:1;}
.board-photo-warp ul li a .over i{opacity:0; display:block; transform:translateY(55%); -webkit-transform:translateY(55%); -moz-transform:translateY(55%); -ms-transform:translateY(55%);transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.board-photo-warp ul li a:hover .over i{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0);}
.board-photo-warp ul li a:hover .over i.oc-01{transition-delay: 0.5s; }
.board-photo-warp ul li a:hover .over i.oc-02{transition-delay: 0.9s; }
.board-photo-warp ul li a:hover .over i.oc-03{transition-delay: 1.5s; }


.board-photo-warp ul li a .btxt{display:block; font-size:17px; color:#3d434c; height:41px; overflow:hidden; margin-bottom:5px;}
.board-photo-warp ul li a:hover .btxt{color:#f65b3f}
.board-photo-warp ul li a .hit{display:block; font-size:12px; color:#7f7f7f;}

	@media only screen and (min-width:1025px){
		.board-photo-warp ul li a .img{background:#e8e8e8;}
		.board-photo-warp ul li a .img.no-img{display:table;width:100%; height:280px;text-align:center; }
		.board-photo-warp ul li a .img.no-img i{display:table-cell; height:280px; vertical-align:middle;}
		.board-photo-warp ul li a .img.no-img img{ width:auto; height:auto}
	}
	@media only screen and (max-width:1024px){
		.board-photo-warp ul li a .img.no-img img{display:none;}
	}


.board-bloglist-warp .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}
/* 
.board-bloglist-warp table tbody th{width:25%; text-align:left; padding:28px 0px; border-bottom:1px solid #e3e3e4;}
.board-bloglist-warp table tbody th a{width:88%; height:180px; display:block; background:url("../../share/cmm/img/Board/photo-blank.jpg") no-repeat center #e8e8e8;}
.board-bloglist-warp table tbody th a img{width:100%; height:100%;}

.board-bloglist-warp table tbody td{vertical-align:top; padding:42px 60px 20px 0px; border-bottom:1px solid #e3e3e4;}
.board-bloglist-warp table tbody td a{color:#3d434c;}
.board-bloglist-warp table tbody td a:hover{color:#f65b3f;}
.board-bloglist-warp table tbody td a span.btxt{display:block; height:29px; overflow:hidden; font-size:22px; margin-bottom:20px;}
.board-bloglist-warp table tbody td a span.stxt{display:block;font-size:14px; line-height:160%; margin-bottom:45px; height:48px; overflow:hidden;}
.board-bloglist-warp table tbody td a span.date{font-size:12px; color:#7f7f7f;}
.board-bloglist-warp table tbody td a span.hit{font-size:12px; color:#7f7f7f; padding-left:20px;} */

.board-bloglist-warp ul{border-bottom:1px solid #ccc}
.board-bloglist-warp li:first-child{border-top:0;}
.board-bloglist-warp li{ display:block;border-top:1px solid #ccc}
.board-bloglist-warp li a{display:block; position:relative; padding:25px 25px 30px 300px;}
.board-bloglist-warp li a .img{position:absolute; left:0; top:25px; width:260px;}
.board-bloglist-warp li a .img img{width:100%; height:100%;}
.board-bloglist-warp li a .btxt{display:block; height:29px; overflow:hidden; font-size:22px; margin-bottom:20px;margin-top:20px;}
.board-bloglist-warp li a:hover .btxt{color:#f65b3e;}
.board-bloglist-warp li a .stxt{display:block;font-size:14px; line-height:160%; height:43px; margin-bottom:45px; overflow:hidden;}
.board-bloglist-warp li a:hover .stxt{color:#f65b3e;}
.board-bloglist-warp li a .date{font-size:12px; color:#7f7f7f;}
.board-bloglist-warp li a .hit{font-size:12px; color:#7f7f7f; padding-left:20px;}
.board-bloglist-warp li a:hover{background:#f1f2f2;}





.reserve-warp{overflow:hidden;}

.reserve-warp p.btxt{font-size:14px; font-weight:600; margin-bottom:15px;}
.reserve-warp p.btxt span{display:inline-block; background:#f65b3e; color:#fff; padding:8px; margin-right:12px;}

.reserve-warp .calendar{position:relative; width:48%; margin-right:4%; float:left;}

.reserve-warp p.date{position:absolute; top:0px; left:50%; margin-left:-103px; overflow:hidden;}
.reserve-warp p.date a.prev{width:33px; height:33px; border:1px solid #cbcbcb; display:block; background:url("../../share/cmm/img/Board/arrow-prev.jpg") no-repeat center #fff; float:left;}
.reserve-warp p.date span{font-size:18px; line-height:34px; padding:0px 20px; float:left;}
.reserve-warp p.date a.next{width:33px; height:33px; border:1px solid #cbcbcb; display:block; background:url("../../share/cmm/img/Board/arrow-next.jpg") no-repeat center #fff; float:left;}

.reserve-warp .calendar table thead tr th{font-size:14px; font-weight:900; background:#f5f5f6; padding:25px 0px; border:1px solid #e2e3e4;}
.reserve-warp .calendar table tbody tr td{border:1px solid #e2e3e4;}
.reserve-warp .calendar table tbody tr td a{text-align:center; font-size:16px; color:#7f7f7f; padding:25px 0px; display:block;}
.reserve-warp .calendar table tbody tr td a:hover{background:#3d434c; color:#fff;}
.reserve-warp .calendar table tbody tr td a.active{background:#3d434c; color:#fff;}



.reserve-warp .info-input{width:48%; float:left;}
.reserve-warp .info-input .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}

.reserve-warp .info-input table tbody th{background:#f7f7f7; border-bottom:1px solid #e3e3e4; padding:13px 0px; text-align:left;}
.reserve-warp .info-input table tbody th span{padding-left:20px;}
.reserve-warp .info-input table tbody th span.nec{padding-right:15px; background:url("../../share/cmm/img/Board/ico_nec.png") no-repeat right 4px;}

.reserve-warp .info-input table tbody td{padding:8px 0px; border-bottom:1px solid #e3e3e4; border-left:1px solid #e3e3e4;}
.reserve-warp .info-input table tbody td ul{overflow:hidden; margin-left:8px;}
.reserve-warp .info-input table tbody td ul li{float:left; width:123px; padding-bottom:10px;}
.reserve-warp .info-input table tbody td ul li input[type='checkbox']{float:left; margin-left:0px; margin-top:3px; height:auto;}
.reserve-warp .info-input table tbody td ul li label{font-size:13px; width:80%; float:left;}
.reserve-warp .info-input table tbody td:first-child{border-left:none;}
.reserve-warp .info-input table tbody td input,select{border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f7f7; height:28px; font-size:13px; }
.reserve-warp .info-input table tbody td textarea{width:99%; padding:0px;}




.search-result .search{overflow:hidden; margin-bottom:25px;}
.search-result .search input{width:40%; height:41px; background:#f0f0f0; color:#282828; border:none; padding-left:15px; padding:0px 0px 0px 10px; margin:0px; float:left;}
.search-result .search input.placeholder{color:#b2b3b4;}
.search-result .search button{width:41px; height:41px; border:none; background:url("../../share/cmm/img/Board/search-btn.png") no-repeat center #f0f0f0; float:left;}

.search-result .stxt{font-size:14px; font-weight:600; color:#282828; margin-bottom:52px;}

.search-result .btxt{font-size:16px; font-weight:600; color:#282828; padding-bottom:10px;}
.search-result .btxt span{font-size:14px; color:#f65b3f; padding-left:5px;}

.search-result .bd-line{height:0px; border-top:2px solid #f65b3f; text-indent:-20000px; display:block;}
.search-result ul{border-bottom:1px solid #e6e6e6;}
.search-result ul li a span{display:block;}
.search-result ul li a span.btxt{font-size:13px; color:#41454c; font-weight:600; padding:30px 0px 5px 0px; border-top:1px solid #e6e6e6;}
.search-result ul li a:hover span.btxt{color:#f65b3e;}
.search-result ul li:first-child a span.btxt{border-top:none;}
.search-result ul li a span.stxt{font-size:13px; color:#7b7b86; font-weight:100; height:44px; line-height:160%; overflow:hidden; margin:0px 0px 30px 0px;}
.search-result ul li a:hover span.stxt{color:#f65b3e;}

.search-result ul li.result-none{text-align:center; padding:60px 0px;}
.search-result ul li.result-none p.icon{width:64px; height:76px; background:url("../../share/cmm/img/Board/search-result-icon.png") no-repeat; display:inline-block; margin-bottom:30px;}
.search-result ul li.result-none p.btxt{font-size:22px; font-weight:100; margin-bottom:18px; line-height:110%;}
.search-result ul li.result-none p.btxt span{font-size:22px;}
.search-result ul li.result-none p.stxt{font-size:14px; font-weight:100; color:#6d6e70; line-height:180%; margin-bottom:0px;}




.board-comment-warp p.btxt{ font-size:16px; font-weight:600; padding-bottom:10px;}
.board-comment-warp p.btxt span{color:#f65b3f; padding-left:5px;}

.board-comment-warp table th{width:12%; background:#f7f7f7; padding:12px 0px; border:1px solid #e2e3e4;}

.board-comment-warp table td.w15p{width:15%;}

.board-comment-warp table td{border:1px solid #e2e3e4; text-align:center;}
.board-comment-warp table td input[type='text']{width:95%; height:35px; border:none;}

.board-comment-warp table td textarea{width:100%; height:130px; border:none; font-size:14px; padding:15px; box-sizing:border-box;}
.board-comment-warp table td textarea.placeholder{color:#b2b3b4;}

.board-comment-warp table td button{width:100%; height:131px; border:none; background:#454545; font-size:15px; color:#fff; font-weight:600;}


.board-comment-warp ul{ border-top:1px solid #e2e3e4;}
.board-comment-warp ul li{position:relative; padding:15px 20px; border-bottom:1px solid #e2e3e4;}

.board-comment-warp ul li p.btxt{ font-size:14px; padding-bottom:10px;}
.board-comment-warp ul li p.btxt span{ font-size:12px; color:#7f7f7f;}

.board-comment-warp ul li p.stxt{ font-size:13px; color:#7b7b86; line-height:180%;}

.board-comment-warp ul li p.btn{position:absolute; right:15px; top:15px;}
.board-comment-warp ul li p.btn a{padding:0px 8px; border-left:1px solid #e2e3e4; font-size:13px; font-weight:600;}
.board-comment-warp ul li p.btn a:first-child{border-left:none;}

.board-comment-warp ul li p.btn a:hover{color:#f65b3f;}

.board-comment-warp ul li p.pass-text{font-size:13px; padding-left:30px; background:url("../../share/cmm/img/Board/pass-icon.jpg") no-repeat;}
.board-comment-warp ul li input{height:26px; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding:0px 0px 0px 5px; margin:0px;}
.board-comment-warp ul li button{border:none; background:#454545; color:#fff; vertical-align:top; padding:3px 10px;}
.board-comment-warp ul li table td.w15p{width:15%;}


#photo_list2{overflow:hidden; width:100%;border-bottom:1px solid #ddd; }
#photo_list2 li{ float:left; width:24%; margin:0.5%}
#photo_list2 li a{ display:block; color:#666; padding:10px 0;background:#f8f8f8; text-align:center;overflow:hidden; position:relative; box-sizing:border-box;}
#photo_list2 li a{border:1px solid #ddd;margin:10px 0}
#photo_list2 li a img{  border:1px solid #eee}
#photo_list2 li a:hover{ background:#fff}
#photo_list2 li a span{  text-align:center; display:block;line-height:24px}
#photo_list2 li a h4{ width:100%; box-sizing:border-box; font-weight:700; padding:8px 9px 0 9px;line-height:19px; display:block;text-align:left;word-wrap:normal;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
#photo_list2 li a span.num{ display:none}
#photo_list2 li a span.writer{ display:none; }
#photo_list2 li a span.date{ display:block; padding-left:10px;font-size:12px;color:#888; text-align:left;line-height:15px}
#photo_list2 li a h4 img{ border:none ; padding:0; margin:3px 5px 0 0}


.acd_list_wrap ul li {border-bottom:1px solid #ddd; background:url("../../share/cmm/img/Board/acdLstArrow.png") no-repeat right 20px top 27px;}
.acd_list_wrap ul li:first-child {border-top:1px solid #ddd; }
.acd_list_wrap ul li.open {background-image:url("../../share/cmm/img/Board/acdLstArrow_open.png")}
.acd_list_wrap ul li a {display:block; font-size:15px; font-weight:bold; padding:20px 50px 20px 50px; background:url("../../share/cmm/img/Board/qeu_icon.png") no-repeat 20px 20px; }
.acd_list_wrap ul li .cont {display:none; background:#efefef; padding:20px 20px; border-top:1px solid #ddd;}
.acd_list_wrap ul li .cont .txt {background:url("../../share/cmm/img/Board/ans_icon.png") no-repeat left top; padding-left:30px;}

.acd_list_wrap ul li.acd_nodata {background:none;}