@charset "utf-8";
/*subGeneral(일반 서브페이지)*/

/*공통*/
/*--상단 이미지화면--*/
section.subSlide{position:relative;margin:0 auto; /*width:100%;*/ background-size:cover;background-position:center center;}

.subSlide div.innerSlide{/*position:relative;*/ height:250px; margin:0 auto;}

article.bigTitle{line-height: 1.5; /*border-top:solid 5px #fff; border-bottom:solid 5px #fff;*/ text-shadow:0px 0px 5px rgba(0,0,0,0.5);}
article.bigTitle p{padding-left:10px; letter-spacing:5px; color: #fff;}
article.bigTitle div{display:inline-block; font-weight:700; color:#fff; }
	article.bigTitle.black{color:#333;text-shadow:0px 0px 5px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1),0px 0px 20px rgba(255,255,255,1),0px 0px 30px rgba(255,255,255,1),0px 0px 40px rgba(255,255,255,1);}
	article.bigTitle.black p{color: #333;}
	article.bigTitle.black div{color: #333;}
	
div.blackLayer{position:absolute; top:0; left:0; width:100%; height:250px; /*background-color:rgba(0,0,0,0.4);*/}
	/*--배경화면 바꾸기--*/
	.subSlide.intro{background-image:url('/_img/intro_bg.jpg');}
	.subSlide.business{background-image:url('/_img/business_bg.jpg');}
	.subSlide.basic{background-image:url('/_img/intro_bg.jpg');}
	.subSlide.notice{background-image:url('/_img/business_bg.jpg');}
/*--탭메뉴--*/
section#tabMenuArea{width:100%; position:relative; margin:50px auto; /* border-bottom:1px solid #adb5bd; */ box-sizing:border-box;}
section#tabMenuArea::before{display: block; content: ''; clear: both; position: absolute; left: 0; bottom: 0; width: calc( (100% - 1200px) / 2); background-color: #adb5bd; height: 1px;}
section#tabMenuArea::after{display: block; content: ''; clear: both; position: absolute; right: 0; bottom: 0; width: calc( (100% - 1200px) / 2); background-color: #adb5bd; height: 1px;}
table.tabMenu{position:relative; margin:0 auto;}
table.tabMenu td{position:relative; overflow:hidden; font-size:16px; height:80px;vertical-align:middle; box-sizing:border-box;}
table.tabMenu td a{display:block; width:100%; /*border-left:0.5px solid #adb5bd; border-right:0.5px solid #adb5bd;*/ color:#adb5bd; text-align:center; font-weight:700;font-size: 1.2em;}
	table.tabMenu td a:hover{color:#666;font-size: 1.2em;}
table.tabMenu td.on {}
table.tabMenu td.on a{color:#fff;font-size: 1.2em;}
/*--하단 일반 텍스트박스---*/
section#contentArea{clear:both;position:relative; margin:0 auto; /*overflow:hidden;*/ box-sizing:border-box; /*padding:30px 30px 60px 30px;*/}
	/*--타이틀--*/
	div.contentTitle{font-weight:700; padding-bottom:10px; border-bottom:1px solid #adb5bd;}
	    div.contentTitle p{line-height: 1.5;}
		div.contentTitle p span{font-size:14px; padding-left:10px; font-weight:400;}
		div.contentTitle span.top_span{display: inline-block; font-size:18px; font-weight:bold; color: #adb5bd; margin-bottom: 10px;}
		div.contentTitle span.bottom_span{display: inline-block; font-size:16px; font-weight:300; color: #666; margin: 15px auto 10px;}
		div.contentTitle.rel a.abs{right: 0; bottom: 20px;}
	/*--내용--*/
	article.contentText{width:100%; position:relative; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}
	article.contentText p{line-height:200%; margin-bottom:15px;}
	span.strong{font-weight:700; font-size:22px;}
		/*--리스트--*/
		ul.contentUl{position:relative; list-style-type:circle; box-sizing:border-box; padding-left:25px;}
		ul.contentUl li{margin-bottom:10px; list-style-type:circle; list-style-position:outside; line-height: 1.5;}
		/*--이미지--*/
		img.wid100{position:relative;width:100%;height:auto;}
		img.wid50{position:relative;width:50%;height:auto;}
	/*--표(예술프로그램용)--*/
	section.tableArea{width:100%; position:relative; overflow:hidden; box-sizing:border-box;}
	section.tableArea div.tableBox{position:relative; width:100%; overflow:hidden;}
	div.tableBox table{position:relative; width:100%;border-collapse:collapse; line-height: 1.4;}
	div.tableBox table th{background-color:#eff0f2; border-top:5px solid #666; vertical-align:middle;}
	div.tableBox table td{position:relative; border-bottom:1px solid #adb5bd; vertical-align:middle; text-align:left;}
	div.tableBox table td.price{font-weight:500;}
	div.tableBox table td.price img{vertical-align:middle;}
	/*--나이제한 표시(예술프로그램용)--*/
	span.ageRest{display:inline-block;color:#666;border-radius:3px;background-color:#eff0f2; font-size:12px; font-weight:500; padding:2px 4px; margin-left:5px;}
	span.ageRest.notTable{display:inline;margin:0px 5px 0 0;}
	/*--더보기 버튼(예술프로그램용)--*/
	span.moreBtn{display:inline-block; margin:0 5px;padding:2px 4px;font-size:12px;background-color:#b9b9b9;border-radius:3px;color:#fff;cursor:pointer;}
	/*--표 클릭시 추가설명 (예술프로그램용)*/
	td.className{/*cursor:help;*/}
	div.addExplan{position:fixed; padding:40px;background-color:#eff0f2; max-height: 500px; overflow-y: auto; border-radius:10px; top:50%; left:50%; z-index:9999; transform:translate(-50%,-50%); display:none;}
	div.addExplan::-webkit-scrollbar{opacity: 0.5;}
	div.moreImgArea{position:relative;overflow:hidden;margin-bottom:10px;}
		div.moreImgArea img{width:100%;height:auto;}
	div.blackBoxArt{position:fixed;z-index:9001; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5); cursor:pointer; display:none;}
	/*--표 강의계획서 다운로드(예술프로그램용)*/
	td.fileDownload a{color:#666;}
	td.fileDownload a i{display:inline-block;color:rgb(230,0,45);margin-right:10px;font-size:1.3em;}
	/*--표 (1박2일체험),(주말농장)--*/
	span.bankName{display:inline-block; vertical-align: bottom; position:relative;border:1px solid #adb5bd;padding:1px 8px;margin-right:5px;border-radius:25px;font-size:0.9em;}
	

/*-----------web-----------*/
@media all and (min-width:1200px){
	/*상단 이미지 화면*/
.subSlide{width:1200px; height:/*700px*/250px;}
.subSlide div.innerSlide{width:1200px;}
article.bigTitle{position:absolute; padding:10px 0; /*left:30px;*/left:60px; bottom:60px;}
article.bigTitle p{font-size:16px;}
article.bigTitle div{font-size:60px; margin-top:-5px;}

	article.bigTitle::before,article.bigTitle div::after{
		content:"";display:block;position:relative;width:100%;height:5px;background-color:#fff;height:5px;box-shadow:0px 0px 5px rgba(0,0,0,0.5);margin:10px 0;
	}
	article.bigTitle.black::before,article.bigTitle.black div::after{background-color:#333;box-shadow:0px 0px 5px rgba(255,255,255,1);}

	/*탭메뉴화면*/
table.tabMenu{width:1200px;}
    table.tabMenu tr:last-child td{background-color:#eee; /*border-bottom: 1px solid #adb5bd;*/}
    table.tabMenu tr:last-child td.on{background-color:#8fc31f; /*border-bottom: 1px solid transparent;*/}
	table.tabMenu td.on{border-left: 1px solid #adb5bd; border-right: 1px solid #adb5bd;}
	table.tabMenu td p{border-left: 1px solid #adb5bd;}
	table.tabMenu td:last-child p{border-right: 1px solid #adb5bd;}
	table.tabMenu td.on p{border: none;}
	table.tabMenu td.on + td p[data-border]{border-left: none;}
    table.tabMenu td.on ~ td p{border-left: none; border-right: 1px solid #adb5bd;}
table.tabMenu td.on{/*border-left:1px solid #adb5bd;border-right:1px solid #adb5bd;*/}
/*div.wid1200{position:absolute; width:1200px; height:5px; bottom:-2.5px; left:50%; margin-left:-600px; z-index:100;}
span.whiteBar50{position:absolute; bottom:0; left:0; width:49.9%; height:5px; background-color:#fff;z-index:102;}
span.whiteBar400{position:absolute; bottom:0; left:0; width:400px; height:5px; background-color:#fff;z-index:103;}*/

/*하단일반 텍스트박스*/
section#contentArea{width:1200px; /*padding:30px 30px 60px 30px;*/padding:30px 0px 60px 0px;}

	/*타이틀*/
	div.contentTitle{margin-bottom:30px; padding-top:30px;}
	div.contentTitle p{font-size:32px;}
	/*내용*/
	article.contentText{}
	article.contentText p{/*text-indent:10px;*/}
	span.strong{font-size:22px;}
	/*표(web)(예술프로그램용)*/
	/*section.tableArea div.tableBox.floatL{width:50%; float:left;} */
	div.tableBox{margin-bottom: 30px;}
	div.tableBox table th{padding:15px 0;}
	div.tableBox table.ceramic tbody th{background-color: transparent; border-top: 1px solid #adb5bd;}
	div.tableBox table.ceramic tbody tr:last-child th{border-bottom: 1px solid #adb5bd;}
	div.tableBox table td{padding:15px 0;}
	div.tableBox.cstTable table td{padding: 15px 0; height: auto;}
	div.tableBox table td.className{padding-left: 3%; text-align: left;}
	div.tableBox table td.price img{margin-right:10px;}
	/*--(WEB)(예술프로그램용)표 클릭시 추가설명 (예술프로그램용)*/
	div.addExplan{font-size:20px;}
	
/* 테이블 넓이 */
	/* 4단 */
    table.col_4 colgroup{}
    table.col_4 colgroup col:nth-child(1){width: *;}
    table.col_4 colgroup col:nth-child(2){width: 202px;}
    table.col_4 colgroup col:nth-child(3){width: 202px;}
    table.col_4 colgroup col:nth-child(4){width: 202px;}
	/* 3단 */
    table.col_3 colgroup{}
    table.col_3 colgroup col:nth-child(1){width: *;}
    table.col_3 colgroup col:nth-child(2){width: 250px;}
    table.col_3 colgroup col:nth-child(3){width: 250px;}
	/* 2단 */
    table.col_2 colgroup{}
    table.col_2 colgroup col:nth-child(1){width: 192px;}
    table.col_2 colgroup col:nth-child(2){width: *;}
}/**/

/*-----------mobile-----------*/
@media all and (max-width:1199px){
/*상단이미지화면*/
.subSlide{width:100%; height:335px;}
.subSlide .innerSlide{width:100%; height:100%;}
article.bigTitle{/*outline:1px solid red;*/ padding:20px 0 15px 0; width:300px; position:absolute; top:30%; left:50%; margin-left:-150px; text-align:center;}
article.bigTitle p{font-size:12px;}
article.bigTitle div{font-size:40px; margin-top:-5px;}
/*tabMenu*/
section#tabMenuArea::before{width: 100%;}
table.tabMenu{width:60%;}
table.tabMenu td{display:none;}
table.tabMenu td.on{display:block; width:100%; vertical-align:middle;border-bottom:3px solid #666;}
table.tabMenu td.on a{height:80px; line-height:80px; border:none;}
div.wid1200{display:none;}
/*하단일반 텍스트박스*/
section#contentArea{width:100%;padding:30px 30px 60px 30px;}
	/*타이틀*/
	div.contentTitle{margin-bottom:15px; padding-top:15px;}
	div.contentTitle p{font-size:20px;}
		div.contentTitle p>span{display:block;padding:5px 0 0 0;}
	/*내용*/
	span.strong{font-size:18px;}
	/*표(mobile)(예술프로그램용)*/
	div.tableBox{margin-bottom:30px;}
	div.tableBox table th{padding:15px 0;}
	div.tableBox table td{padding:15px 5px; font-size:15px;}
	div.tableBox table td.className{padding-left: 3%; text-align: left;}
	div.tableBox table td.price img{width:25px; height:auto; margin-right:5px;}
	/*--(예술프로그램용)(mobile)표 클릭시 추가설명 (예술프로그램용)*/
	div.addExplan{font-size:16px; width:80%;box-sizing:border-box;padding:20px 40px;}
	
/* 테이블 넓이 */
    /* 4단 */
    table.col_4 colgroup{}
    table.col_4 colgroup col:nth-child(1){width: *;}
    table.col_4 colgroup col:nth-child(2){width: 20%;}
    table.col_4 colgroup col:nth-child(3){width: 20%;}
    table.col_4 colgroup col:nth-child(4){width: 20%;}
    /* 3단 */
    table.col_3 colgroup{}
    table.col_3 colgroup col:nth-child(1){width: *;}
    table.col_3 colgroup col:nth-child(2){width: 22%;}
    table.col_3 colgroup col:nth-child(3){width: 22%;}
    
    /* 2단 */
    table.col_3 colgroup{}
    table.col_3 colgroup col:nth-child(1){width: 120px;}
    table.col_3 colgroup col:nth-child(2){width: *;}

}/**/


/*게시판-쓰기*/
/*========공통========*/
div#wArea{position:relative; width:100%; overflow:hidden; border-top:5px solid #adb5bd; border-bottom:5px solid #adb5bd;}
table.writeTable{border-collapse:collapse; position:relative; width:100%;}
table.writeTable th ,
table.writeTable td{height: 70px; vertical-align: middle; border-bottom:1px solid #eee;}
table.writeTable th{text-align: left; padding-left: 1%; width: 180px;}
table.writeTable td{width: calc(100% - 180px);}
th.inputName{text-align:center; font-weight:500;}
    th.inputName span.mustName:after{
        content:' *'; color:#e6002d;}
td.inputName{text-align:center; font-weight:500;}
    td.inputName span.mustName:after{
        content:' *'; color:#e6002d;}
    p.farmNum{color:#e6002d; font-weight:700;}
input{background-color:#f0f3f6; border:none; box-sizing:border-box; padding:0 15px;}
input:focus{outline:none;}
    input.inputGeneral{height:40px; margin:5px 0;}
    input.inputText{/*짧은글입력*/ width:150px;}
    input.inputCall{/*연락처*/ width:70px; text-align:center;}
div.write_box{
    position:relative;width:100%;height:150px;background-color:#f0f3f6; box-sizing:border-box; padding:15px;
    word-wrap:break-word;overflow-x:hidden;overflow-y:auto;}
.write_box{
    position:relative;width:100%;height:150px;background-color:#f0f3f6; box-sizing:border-box; padding:15px;
    word-wrap:break-word;overflow-x:hidden;overflow-y:auto; border:1px solid #ccc;border-radius:3px;}
    div.write_box:focus{outline:none;}
    div.write_box p.disable{color:#aaa;}
    
    /*---버튼---*/
section.b_button{position:relative;overflow:hidden;width:100%;padding-top:30px; text-align:center;}
    section.b_button a{display:block; font-weight:700; border-radius:50px; position:relative; margin:30px 10px; transition:all 0.2s;}
    /* section.b_button a:hover{color:#fff; background-color:#adb5bd;}
    section.b_button a:active{color:#fff; background-color:#adb5bd;} */
    section.b_button a{width:280px; height: 60px; display: inline-block; line-height: 50px; border: 5px solid #adb5bd; font-size:20px; box-sizing: border-box;}
    button.b_button {display:block; font-weight:700; border-radius:50px; position:relative; margin:30px 10px; transition:all 0.2s;width:280px; height: 60px; display: inline-block; line-height: 50px; border: 5px solid #adb5bd; font-size:20px; box-sizing: border-box;background:#fff;color:#adb5bd;}
    a.toSubmit{
        color:#adb5bd;}
    a.toList{
        color:#fff; background-color:#adb5bd;}
/*========WEB========*/
@media all and (min-width:1200px){
    div#wArea{margin-top:-30px;}
}
/*======MOBILE======*/
@media all and (max-width:1199px){
    div#wArea{margin-top:-15px;}
    table.writeTable{font-size:14px;}
    table.writeTable th{width: 110px;}
    table.writeTable td{width: calc(100% - 110px);}
    section.b_button a{width: 160px; height: 50px; line-height: 44px; border: 3px solid #adb5bd; font-size: 16px; margin: 20px 10px;}
    div.commentWriteArea button.commentSubmit{font-size: 14px; padding: 6px 15px;}
}

@media all and (max-width:520px){
    table.b_table.b_tablePw input{width: 100%;}
}

@media all and (max-width:414px){
    table.writeTable{font-size:12px;}
    table.writeTable th{width: 80px;}
    table.writeTable td{width: calc(100% - 80px);}
    table.writeTable.writeTableFarm colgroup col:first-child{width: 90px;}
    input.inputCall{width: calc(33.333% - 9px);}
    span.phn-bar{display: inline-block; width: 7px; text-align: center;}
    table.writeTable .ipt{width: 100% !important;}
    table.b_table.b_tableFarm colgroup col:first-child{width: 100px;}
    section.b_button a{width: 120px; height: 30px; line-height: 24px; font-size: 14px; margin: 10px auto;}
}

/*포토갤러리CSS*/
/*=========공통=========*/
section.bPhoto{position:relative;overflow:hidden;width:100%;clear:both;}
    /*개별 단위*/
article.bPhoto_unit{/*outline:1px dashed black;*/ position:relative;overflow:hidden; float:left;padding:30px 0;}
    /*(프론트엔드 테스트용)이미지 출력*/
div.bPhoto_img{
    position:relative;overflow:hidden;background-size:cover;background-position:center center;
    /*이하 실 개발시 수정 : background-image:url('../_img/wt_community/bPhoto_sample.jpg');	*/ }
div.bPhoto_img a{display:block;width:100%;height:100%;}
    div.bPhoto_img a:hover{background-color:rgba(0,0,0,0.3);}
    div.bPhoto_img a:active{background-color:rgba(0,0,0,0.5);}
    /*제목 출력*/
div.bPhoto_title{position:relative;overflow:hidden; margin:10px auto;}
    div.bPhoto_title a{
        color:#666;display:block;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.5;height:3em;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
    div.bPhoto_title a:active{color:#adb5bd;}
    /*날짜 출력*/
div.bPhoto_date{/*outline:1px solid red;*/position:relative;margin:0 auto;width:100%;height:2em;}
    div.bPhoto_date p{position:absolute;padding:3px 10px;background-color:#adb5bd;color:#fff;font-weight:700;font-size:0.6em;text-align:center;}

/*=========WEB {=========*/
@media all and (min-width:1200px){
    /*개별 단위*/
article.bPhoto_unit{width:25%;}
    /*(프론트엔드 테스트용)이미지 출력*/
div.bPhoto_img{margin:0 auto;width:85%;height:200px;}
    /*제목 출력*/
div.bPhoto_title{width:85%;}
    /*날짜 출력*/
div.bPhoto_date{width:85%;}
}/*}WEB*/


/*=========TABLET{=========*/
@media all and (min-width:800px) and (max-width:1199px){
    /*개별 단위*/
article.bPhoto_unit{width:33.3%;}
    /*(프론트엔드 테스트용)이미지 출력*/
div.bPhoto_img{margin:0 auto;width:85%;height:230px;}
    /*제목 출력*/
div.bPhoto_title{width:85%;}
    /*날짜 출력*/
div.bPhoto_date{width:85%;}
}/*}TABLET*/

/*=========MOBILE{=========*/
@media all and (max-width:799px){
    /*개별 단위*/
article.bPhoto_unit{width:50%;}
    /*(프론트엔드 테스트용)이미지 출력*/
div.bPhoto_img{margin:0 auto;width:95%;height:200px;}
    /*제목 출력*/
div.bPhoto_title{width:85%;}
    /*날짜 출력*/
div.bPhoto_date{width:85%;}
}/*}MOBILE*/


/*게시판-리스트*/
    /*--공통--*/
    /*게시판*/
div#boardArea{width:100%; position:relative; overflow:hidden;}

section.b_table{width:100%; position:relative; overflow:hidden; display:table; table-layout: fixed; border-top:5px solid #adb5bd; border-bottom:5px solid #adb5bd;}
div.b_tr{position:relative;overflow:hidden;display:table-row; }
div.b_th,div.b_td{display:table-cell; text-align:center; vertical-align:middle; text-overflow:ellipsis;}

article.colG{display:table-column-group;}
article.colG div.cols{display:table-column;}

div.b_th{background-color:#f5f7f9;}
div.b_td{border-top:1px solid #adb5bd;}
div.b_td a{color:#666;}
div.b_td a:hover{color:#adb5bd;}
div.b_title{text-align:left; overflow:hidden; line-height: 1.3;}

div.b_tdStatus{font-weight:700; color:#adb5bd;}
    div.b_tdStatus.on{font-weight:400; color:#666;}

    /*페이저*/
section.pagerArea{position:relative; margin:30px auto; text-align:center; overflow:hidden;}
table.pager{position:relative; margin:0 auto;}
table.pager a{color:#adb5bd;}
table.pager a.on{color:#666; font-weight:700;}
table.pager td{/*outline:1px solid red;*/ text-align:center; width:30px; vertical-align: middle;}
table.pager td.bBtn a{display:block; width:19px; height:19px; position:relative; margin:0 auto;}
table.pager td.prevB a{background:url('../_img/mob_prev_icon.png')}
table.pager td.nextB a{background:url('../_img/mob_next_icon.png')}
    
    /*검색*/
section.searchArea{position:relative; width:100%; height:40px; margin:0 auto; margin:30px auto;}
section.searchArea article{background-color:#adb5bd; font-size: 14px; width:300px;height:100%;position:absolute; right:0; overflow:hidden; border-radius:0px 5px 5px 0;}
section.searchArea select{
    color:#adb5bd; width:80px; height: 40px; position:relative; box-sizing:border-box;vertical-align:top; border:1px solid #adb5bd; display:inline-block; margin:0;}
section.searchArea input{ color:#fff;
    width:150px; height: 40px; position:relative; display:inline-block;  box-sizing:border-box;vertical-align:top; border:1px solid #adb5bd; background-color:#adb5bd;margin-left:-5px;}
section.searchArea input::placeholder{color:#fff;}
section.searchArea button{
    width:70px;height:100%;position:absolute;right:0;top:0; display:block; background-color:#fff; box-sizing:border-box; border:1px solid #adb5bd; color:#adb5bd;border-radius:5px; cursor:pointer;}
select:focus{outline:none;}
input:focus{outline:none;}
button:focus{outline:none;}
    
    
    

/*-----WEB------*/
@media all and (min-width:1200px){
    div#boardArea{margin-top:-30px;}
    /*보도자료,공지사항 같은 일반 게시판*/
    div.cols:nth-child(1){width:100px;}
    div.cols:nth-child(2){width:auto;}
    div.cols:nth-child(3){width:200px;}
    /*주말농장*/
    div.colsFarm:nth-child(1){width:85px;}
    div.colsFarm:nth-child(2){width:115px;}
    div.colsFarm:nth-child(3){width:auto;}
    div.colsFarm:nth-child(4){width:100px;}
    div.colsFarm:nth-child(5){width:200px;}
    
    div.b_tr{height:80px; position:relative; overflow:hidden; border-bottom:1px solid #adb5bd;}
    div.b_th{padding:30px 0; font-weight:700; font-size:18px;}
    div.b_td{overflow:hidden;}
    div.b_title a{display:block; height:80px; width:auto; text-align: left; line-height:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    
    /*페이저*/
    table.pager{width:40%;}
}

/*------MOBILE------*/
@media all and (max-width:1199px){
    div#boardArea{margin-top:-15px;}
    
    div.colG,div.cols{display:none;}
    article.colG{display: none;}
    div.b_tr:nth-child(2){display:none;}/*div.b_th{display:none;}*/
    
    div.b_td{display:block; text-align:left; border:none;}
    div.b_tr{display:block; position:relative; border-bottom:1px solid #adb5bd; height:80px;}
    
    /*공통*/
    div.b_td:nth-child(1){display:inline-block; float:left; width:30px; height:100%; line-height:80px;text-align:center; font-size:10px;}
    div.b_title{padding-top:5px; width:65%; height:40px; line-height:40px; position:relative;}
    div.b_title a{display:block; width:100%; height:100%; white-space:no-wrap; overflow:hidden; text-overflow:hidden;}
    div.b_dates{font-size:12px; color:#adb5bd;}
    /*커뮤니티*/
    section.b_table.commu div.b_title{width: calc(100% - 40px); text-align: left;}
    section.b_table.commu div.b_dates{width: calc(100% - 35px); text-align: left; float: right;}
    /*페이저*/
    table.pager{width:60%;}
}

@media all and (max-width: 400px){
    section.searchArea article{width: 100%;}
    section.searchArea select,
    section.searchArea input,
    section.searchArea button{width: 70px; font-size: 13px;}
    section.searchArea input{width: calc(100% - 140px);}
    table.pager{width: 100%;}
}



/*게시판-읽기*/
    /*--공통--*/
    /*게시판*/
div#rArea{position:relative; border-top:5px solid #adb5bd; border-bottom:5px solid #adb5bd;}
section.b_head{position:relative; border-bottom:1px solid #adb5bd; padding:30px 0;}
    div.b_title{position:relative; margin:0 auto; text-align:center; font-weight:700;}
    section.otexp_table div.b_title{width: calc(100% - 120px); text-align:left;}
    div.b_file{position:relative; margin-top:30px;}
        div.b_file p{margin-bottom: 5px;}
        div.b_file i{margin-right:5px; color:#adb5bd;}
        div.b_file a{color:#666; font-weight:100; line-height: 1.3;}
        div#rArea div.b_title{height: auto; line-height: 1.5;}
        div#rArea div.b_dates{text-align:right; padding-right:20px;}
section.b_content{position:relative; clear:both; padding-bottom:30px;}
section.b_content img{width:100%; height:auto;}
    /*버튼*/
section.b_button{position:relative; width:100%;}
section.b_button a{position:relative; text-align:center; transition:all 0.1s;}
    section.b_button a.toList:hover{background-color:#adb5bd; color:#fff;}
    
    /*게시판 - 게시물 내 테이블*/
div.b_tableArea{position:relative;width:90%;overflow:auto;margin:0 auto;}
table.b_table{position:relative;border-collapse:collapse;box-sizing:border-box;border:1px solid #adb5bd;table-layout:fixed;}
    table.b_table td{position:relative;border-bottom:1px solid #adb5bd;}
    td.outputName{position:relative;background-color:#f0f3f6; border-right:1px solid #adb5bd;text-align:center;}
    td.outputHere{word-break:break-all;}
    
    
    /*게시판 - 덧글영역*/
section.b_comment{position:relative;overflow:hidden;width:90%; margin:0 auto;}
article.commentArea{position:relative;oveflow:hidden;width:100%;}
div.comment_head{position:relative;overflow:hidden;width:100%; background-color:#f0f3f6;}
    /*덧글읽기*/
    div.comment_head p{font-size:14px;padding:10px 0;}
        span.comment_name{font-weight:700; padding-left:25px;}
        span.comment_dates{padding-left:15px;}
        div.comment_head img.commentDelBtn{position:absolute; top:10px; right:10px; cursor:pointer;}
    div.comment_content{position:relative;overflow:hidden;width:100%;box-sizing:border-box;padding:15px 25px; font-size:16px;}
    /*덧글쓰기*/
    div.commentWriteArea{position:relative;width:100%; height:175px;overflow:hidden; padding:30px 0;}
        div.commentWrite{position:relative;width:100%;height:100px;background-color:#f0f3f6;border:1px solid #adb5bd;box-sizing:border-box; padding:25px; overflow-x:hidden;overflow-y:auto;}
        div.commentWrite:focus{outline:none;}
            p.disable{opacity:0.5;}
        button.commentSubmit{position:absolute; right:0; bottom:30px;background:#fff;border:1px solid #adb5bd; font-size:16px; text-align:center; padding:20px 30px;color:#666; cursor:pointer; border-radius:50px;}
        button.commentSubmit:focus{outline:none; background-color:#adb5bd;color:#fff;}

/*-----WEB------*/
@media all and (min-width:1200px){
div#rArea{margin-top:-30px;}
/*제목,첨부파일,날짜*/
section.b_head{margin-bottom:30px;}
div.b_file a{font-size:16px;}
div.b_dates{font-size:16px;}
    div.b_dates span.onlyW{font-weight:700; padding-right:10px;}
/*게시판-게시물 내 테이블*/
table.b_table td{padding:15px 30px;}
}